body {
background-color: #f4f4f4;
color: #3F4649;
font-family: Roboto, Ubuntu, "Helvetica Neue", Arial, sans-serif;
font-size: 18px;
}
em {
color: #345B43;
font-style: normal;
font-weight: 700;
letter-spacing: 1px;
line-height: normal;
}
h1 {
color: #000;
font-size: 35px;
font-weight: 700;
line-height: 50px;
margin-bottom: 40px;
text-align: center;
text-transform: uppercase;
}
h2, h3 {
color: #fff;
font-size: 20px;
font-weight: 700;
line-height: 35px;
text-align: left;
text-transform: uppercase;
}
h3 {
color: #333;
text-align: center;
}
.page-id-88 h2 {
color: #333;
}
pre {
background-color: #eee;
line-height: 30px;
max-width: 100%;
min-height: 200px;
padding: 30px;
white-space: pre-wrap;
}
strong {
font-weight: normal;
text-transform: none;
}
hr {
background-image: url(//architektur-kremer.de/wp-content/themes/generatepresschild/images/bar.png);
} .header-image {
max-width: 600px;
}
.inside-page-hero img {
max-width: 900px;
}
.site-header {
display: none;
} .all ul li {
background-image: url(//architektur-kremer.de/wp-content/themes/generatepresschild/images/list2.png);
background-position: left 10px!important;
background-repeat: no-repeat;
background-size: 6px 6px;
list-style-type: none;
padding-left: 30px;
}
.all .su-column li {
filter: brightness(0) invert(1); }
.site-content a {
border-bottom-style: dashed;
border-bottom-width: 1px;
border-left-style: none;
border-right-style: none;
border-top-style: none;
color: #345B43;
}
.site-content ul {
margin-left: 5px;
}
.site-content ul li {
background-image: url(//architektur-kremer.de/wp-content/themes/generatepresschild/images/list.png);
background-position: left 13px;
background-repeat: no-repeat;
background-size: 6px 6px;
list-style-type: none;
padding-left: 30px;
}
h4, h5 {
font-size: 18px;
font-weight: bold;
} .gp-icon svg {
fill: #fff;
}
.menu-toggle {
font-size: 30px;
}
.main-navigation {
background-color: #000;
}
.main-navigation .main-nav ul li a {
color: #fff;
font-size: 16px;
text-transform: uppercase;
}
.main-navigation .main-nav ul li a:hover {
color: #fff!important;
}
.main-navigation .main-nav ul li ul li a {
text-transform: none;
}
.main-navigation .main-nav ul li[class*="current-menu-"] > a {
background-color: #3b5946;
color: #fff;
font-weight: 700;
}
.main-navigation.is_stuck {
background-color: #fff;
}
.main-navigation.is_stuck a {
color: #345B43!important;
}
.main-navigation.is_stuck ul li[class*="current-menu-"] > a {
color: #fff!important;
}
.slideout-navigation.main-navigation {
background-color: rgba(85,139,104,0.8) !important;
} .footer-widgets {
background-color: #3b5946;
box-shadow: 0px -5px 15px #dedede;
color: #fff;
text-align: center;
}
.footer-widgets a,
.footer-widgets a:visited {
color: #fff;
}
.footer-widgets a:hover {
color: #ccc;
}
.footer-widgets p {
margin-bottom: 15px;
}
.footer-widgets strong {
font-weight: bold;
text-transform: uppercase;
}
.site-info {
background-color: #333;
}
.site-info a,
.site-info a:visited {
color: #fff;
}
.site-info a:hover {
color: #ccc;
}
.copyright-bar li {
background-image: none;
display: inline;
list-style-type: none;
margin-right: 10px;
}
.footer-bar-align-right .copyright-bar {
float: none;
} .generate-columns {
margin-bottom: 5px;
}
h2.entry-title {
background-color: #3b5946;
padding: 12px;
text-align: center!important;
}
h2.entry-title a {
color: #fff!important;
}
h2.entry-title a:hover {
color: #000!important;
} .all-ing .su-column {
min-height: 450px;
}
.all .su-column h3,
.all-ing .su-column h3 {
color: #fff!important;
}
.start .su-column h2 {
font-weight: 300;
text-align: center;
text-transform: none;
}
.start .su-column,
.all .su-column,
.all-ing .su-column {
background-color: #3b5946;
box-shadow: 8px 8px 20px 5px #ccc;
color: #fff;
min-height: 560px;
padding: 40px;
}
.start .su-column {
min-height: 240px;
text-align:center;
} .abstand {
padding-bottom: 30px;
}
.buro {
background-color: #eee;
min-height: 250px;
padding: 30px;
} .generate-sections-container {
background-attachment: fixed !important;
background-position: center bottom !important;
} #cv td {
padding: 10px;
vertical-align: top;
}
#cv tr:nth-of-type(even) {
background: #F5F5F5;
}
#cv tr:nth-of-type(odd) {
background: #d0e2d7;
}
#cv tr:hover {
background-color: #3b5946;
color: #fff;
}
table {
border: solid 1px #ccc !important ;
padding: 10px !important ;
}
table, #cv td {
border: none;
}
th {
background: #3b5946;
border: none;
color: #fff;
text-align: left;
}
caption {
font-weight: 700;
padding: 40px 0 30px;
text-transform: uppercase;
} .btn {
text-align: center;
}
html input[type="button"],
input[type="reset"],
input[type="submit"] {
background-color: #000;
color: #ffffff;
font-size: 12px;
text-transform: uppercase;
} .coo a {
color: #333!important;
}
.wt-cli-ckyes-brand-logo {
font-size: 12px;
} *:focus-visible {
outline-color: currentColor;
outline-style: solid;
outline-width: 2px;
outline-offset: 2px;
}
.site-content *:focus-visible {
outline-color: #333!important;
} .page-id-92 a {
border-bottom: dashed 1px;
color: #fff;
} .screen-reader-text {
color: #000!important;
} .blog h1 { text-shadow: 2px 2px 12px #fff;} @media screen and (max-width: 1800px) {
.main-nav ul li a {
font-size: 14px!important;
}
} @media screen and (max-width: 768px) { .inside-page-hero img {
max-width: 350px;
}
body {
background-color: #fff;
}
body, blockquote, button, input, select, textarea,
.sidebar .widget, .footer-widgets .widget, .footer-widgets .widget-title, .site-info {
font-size: 16px;
text-align: center;
}
.entry-title {
margin-top: 20px;
}
pre, .all .su-column, .all-ing .su-column, .start .su-column {
min-height: auto!important;
padding: 20px!important;
}
h1, h2, h3 {
font-size: 16px;
line-height: 30px!important;
margin-bottom: 18px!important;
text-align: center;
}
.main-nav ul li a {
font-size: 20px!important;
}
.main-navigation .main-nav ul .current-menu-item > a {
color: #345B43;
font-weight: 700!important;
}
.copyright-bar ul {
margin: 0;
}
.copyright-bar ul li {
display: block;
margin: 10px 0;
padding: 0;
} .site-content ul {
margin-left: 5px;
}
.site-content ul li {
background-image: none;
padding: 5px 0;
padding-left: 0;
} .start .su-column {
box-shadow: none;
font-size: 16px;
line-height: 20px;
padding: 20px 30px!important;
}
.buro {
min-height: auto;
padding: 30px;
} th {
display: none!important;
}
#cv table, #cv thead, #cv tbody, #cv th, #cv td, #cv tr {
display: block;
}
#cv td {
padding: 10px;
}
.all ul li {
margin-bottom: 30px;
} .menu-toggle {
font-size: 20px;
left: 50%!important;
position: absolute!important;
transform: translateX(-50%)!important;
}
.main-navigation {
padding: 20px 0;
} caption {
padding: 30px 0 20px;
}
}