@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: url(//www.gehrke-hamburg.de/wp-content/themes/gehrke/fonts/roboto-v20-latin-300.eot); src: local('Roboto Light'), local('Roboto-Light'),
url(//www.gehrke-hamburg.de/wp-content/themes/gehrke/fonts/roboto-v20-latin-300.eot?#iefix) format('embedded-opentype'), url(//www.gehrke-hamburg.de/wp-content/themes/gehrke/fonts/roboto-v20-latin-300.woff2) format('woff2'), url(//www.gehrke-hamburg.de/wp-content/themes/gehrke/fonts/roboto-v20-latin-300.woff) format('woff'), url(//www.gehrke-hamburg.de/wp-content/themes/gehrke/fonts/roboto-v20-latin-300.ttf) format('truetype'), url(//www.gehrke-hamburg.de/wp-content/themes/gehrke/fonts/roboto-v20-latin-300.svg#Roboto) format('svg'); } @font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url(//www.gehrke-hamburg.de/wp-content/themes/gehrke/fonts/roboto-v20-latin-regular.eot); src: local('Roboto'), local('Roboto-Regular'),
url(//www.gehrke-hamburg.de/wp-content/themes/gehrke/fonts/roboto-v20-latin-regular.eot?#iefix) format('embedded-opentype'), url(//www.gehrke-hamburg.de/wp-content/themes/gehrke/fonts/roboto-v20-latin-regular.woff2) format('woff2'), url(//www.gehrke-hamburg.de/wp-content/themes/gehrke/fonts/roboto-v20-latin-regular.woff) format('woff'), url(//www.gehrke-hamburg.de/wp-content/themes/gehrke/fonts/roboto-v20-latin-regular.ttf) format('truetype'), url(//www.gehrke-hamburg.de/wp-content/themes/gehrke/fonts/roboto-v20-latin-regular.svg#Roboto) format('svg'); } @font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: url(//www.gehrke-hamburg.de/wp-content/themes/gehrke/fonts/roboto-v20-latin-500.eot); src: local('Roboto Medium'), local('Roboto-Medium'),
url(//www.gehrke-hamburg.de/wp-content/themes/gehrke/fonts/roboto-v20-latin-500.eot?#iefix) format('embedded-opentype'), url(//www.gehrke-hamburg.de/wp-content/themes/gehrke/fonts/roboto-v20-latin-500.woff2) format('woff2'), url(//www.gehrke-hamburg.de/wp-content/themes/gehrke/fonts/roboto-v20-latin-500.woff) format('woff'), url(//www.gehrke-hamburg.de/wp-content/themes/gehrke/fonts/roboto-v20-latin-500.ttf) format('truetype'), url(//www.gehrke-hamburg.de/wp-content/themes/gehrke/fonts/roboto-v20-latin-500.svg#Roboto) format('svg'); } @font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: url(//www.gehrke-hamburg.de/wp-content/themes/gehrke/fonts/roboto-v20-latin-700.eot); src: local('Roboto Bold'), local('Roboto-Bold'),
url(//www.gehrke-hamburg.de/wp-content/themes/gehrke/fonts/roboto-v20-latin-700.eot?#iefix) format('embedded-opentype'), url(//www.gehrke-hamburg.de/wp-content/themes/gehrke/fonts/roboto-v20-latin-700.woff2) format('woff2'), url(//www.gehrke-hamburg.de/wp-content/themes/gehrke/fonts/roboto-v20-latin-700.woff) format('woff'), url(//www.gehrke-hamburg.de/wp-content/themes/gehrke/fonts/roboto-v20-latin-700.ttf) format('truetype'), url(//www.gehrke-hamburg.de/wp-content/themes/gehrke/fonts/roboto-v20-latin-700.svg#Roboto) format('svg'); }
body{
font-family: 'Roboto',sans-serif;
font-size: 16px;
line-height: 1.4;
color: #414141; font-weight: 300;
letter-spacing: 0;
}
h1, h2, h3, h4, h5, h6, .slogan {
color: #f33b1d;
font-family: Arial Rounded MT,Helvetica Rounded,Arial,sans-serif;
text-transform: uppercase;
}
pre, code, kbd, tt, var {
font-family: 'Roboto',sans-serif;
}
body.home #primary header{
display: none;
}
header.entry-header h1.entry-title{
text-align: center;
}
.header-top .row{
margin-left: 0;
margin-right: 0;
}
.site-header,
.site-header .header-inner{
background-color: #797979; }
.site-header .header-inner{
width:100%;
padding: 20px 3%;
}
}  @media screen and (max-width: 767px) {
.header-inner{
padding: 20px 15px;
width: 100%;
}
#primary-menu-triger{
display: block;
}
#secondary-menu-triger{
display: none;
}
#site-navigation{
display: none;
max-height: 80vh;
overflow: auto;
}
#primary-menu{
padding-top: 10px;
}
.main-navigation ul{
display: block;
}
.main-navigation ul ul{
background: transparent!important;
padding-left: 15px;
}
} @media screen and (min-width: 768px) {
body.absolute-header{
padding-top: 0!important;
}
.header-inner{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-ms-align-items: center;
align-items: center;
justify-content: space-between;
}
.menu-toggle{
display: none;
}
.main-navigation-w-secondary{
padding-right: 80px;
}
.main-navigation .mobile-secondary-nav{
display: none;
}
.main-navigation ul {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.main-navigation a {
padding: 0 .9em;
}
.main-navigation ul ul {
display: none;
background: #FFF;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
float: left;
position: absolute;
top: 100%;
left: 0;
z-index: 99999;
text-align: left;
width: 200px;
}
.main-navigation ul ul ul {
left: -999em;
top: 0;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
left: -100%;
}
.main-navigation ul ul a {
width: 200px;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
display: block;
left: auto;
} #site-navigation{
display: block;
}
#primary-menu-triger{
display: none;
}
}
.header-top{
padding:17px 0;
max-width:950px;
margin: auto;
}
.header-img{
z-index:99;
position: relative;
}
.header-img img{
width: 100%;
object-fit: cover;
}
.header-bg{
background-color: #797979; }
.logo{
position: absolute;
z-index: 990;
}
.claim{
position: relative;
z-index: 990;
}
p.site-description {
font-family: Arial Rounded MT,Helvetica Rounded,Arial,sans-serif;
color: white;
font-weight: normal;
text-transform: none;
margin-bottom: 0;
font-size: 16px;
margin-top: 1px;
}
@media (min-width: 768px){
.site-description br{
display: none;
}
.site-header .header-inner{
padding: 10px 3%;
}
}
.home-slider{
position: relative;
z-index: 988;
}
.main-navigation{
margin: auto;
}
.entry-content > .alignwide {
max-width: 950px!important; }
.entry-content > .alignfull > .wp-block-group__inner-container{
max-width: 950px; margin: auto;
}
.entry-content > .alignfull.narrow > .wp-block-group__inner-container{
max-width: 740px; margin: auto;
}
.mt-0{
margin-top: 0!important;
}
.mb-0{
margin-bottom: 0!important;
}
.mt-1{
margin-top: 10px!important;
}
.text-white h2{
color: #fff!important;
}
.site-header a, .site-header a:visited{
color: #ffffff;
font-weight: 400;
}
.site-header a:hover {
opacity: 0.6;
}
.entry-content ul{
padding-left:0;
}
.wp-block-columns.cols-leistungen p{
margin-left: 6px;
margin-right: 6px;
} .page-id-3 .entry-content ul{
max-width: 740px;
}
.menu-legal-info-container{
display: block;
}
#menu-legal-info{
display: flex;
margin-left: 0;
padding-left: 0;
}
#menu-legal-info li{
list-style: none;
margin-left: 20px;
}
#menu-legal-info li a{
color: #f33b1d;
}
.author-credits{
padding-right: 10px;
margin-left: 16px;
}
.footer-copyright{ 
margin-bottom: 10px;
width: 100%;
}
@media (min-width:1024px){
.footer-copyright{ 
width: 60%;
}
}
.bg-light{
background-color: #e5e5e5; } .has-gehrke-red-background-color{
background-color: #f33b1d;
}
.has-american-silver-background-color{
background-color: #cecece;
}
.has-sonic-silver-background-color{
background-color: #797979;
}
.has-platinum-background-color{
background-color: #e5e5e5;
}
.has-platinum-dark-background-color{
background-color: #414141;
}
.has-very-light-grey-background-color{
background-color: #f0f0f0;
}
.has-white-background-color{
background-color: #ffffff;
}
.has-gehrke-red-color{
color: #f33b1d;
}
.has-american-silver-color{
color: #cecece;
}
.has-sonic-silver-color{
color: #797979!important;
}
.has-platinum-color{
color: #e5e5e5;
}
.has-platinum-dark-color{
color: #414141;
}
.has-very-light-grey-color{
color: #f0f0f0;
}
.has-white-color{
color: #ffffff;
} .tweet-box,
.quote-box,
.text-box {
background: #797979; padding: 30px;
position: relative;
margin-bottom: 30px;
}
.text-box {
padding-bottom: 10px;
}
.tweet-box:before,
.quote-box:before,
.text-box:before {
content: "";
display: block;
width: 0; 
height: 0; 
border-bottom: 8px solid #797979; border-left: 9px solid transparent; 
border-right: 9px solid transparent; 
top: -8px; 
left: 35px;
position: absolute; 
z-index: 15;
}
.tweet-box .icon-twitter,
.quote-box .icon-quote {
color: #f33b1d; font-size: 20px;
position: absolute;
bottom: 25px;
right: 25px;
}
.tweet-box a:hover,
.quote-box a:hover,
.text-box a:hover {
color: #fff;
}
.tweet_list {
margin: 0px;
list-style: none;
color: #fff;
}
.tweet_list li {
margin-top: 15px;
}
.tweet_list .tweet_first {
margin-top: 0px;
}
.tweet_time {
display: block;
font-style: italic;
}
.tweet-box,
.quote-box {
color: #fff;
font-size: 18px;
font-family: Arial Rounded MT,Helvetica Rounded,Arial,sans-serif;
}
.wp-block-quote {
border-left: 4px solid #f33d1b;
}
.is-style-outline .wp-block-button__link{
border: 1px solid;
}
.wp-block-button__link{
padding: 6px 15px;
font-size: 12px;
font-weight: 400;
text-transform: uppercase;
}
.sticky {
position: fixed;
top: 0;
}
.wpcf7-form label{
font-size: 14px;
text-transform: uppercase;
color: #f33b1d;
font-weight: 400;
}
.wpcf7-form  .wpcf7-acceptance label{
font-size: 12px;
text-transform: inherit;
color: inherit;
font-weight: inherit;
display: block;
padding: 10px 0;
}
.wpcf7-form input[type="submit"] {
border-color: #f33b1d #f33b1d #f33b1d;
border-radius: 3px;
background: #fff;
color: #f33b1d;
line-height: 1;
height: 2.6rem;
padding: 0 1em;
text-transform: uppercase;
font-size: 14px;
font-size: 0.8rem;
}
p.spacy{
letter-spacing: 0.5px;
line-height: 1.7;
}
.portfolio_wrapper .thumbnail{
border-radius:0;
}
.portfolio_wrapper .item-desc{
text-transform: none;
}
.hover-platinum-dark-background{    -moz-transition: all .2s ease-in;
-o-transition: all .2s ease-in;
-webkit-transition: all .2s ease-in;
transition: all .2s ease-in;
}
.hover-platinum-dark-background:hover{
background-color: #414141!important;
color: #FFF!important;
}
.home #primary > article{
margin-bottom: 0;
}
.home #gmap-wrapper{
width: 100vw;
margin-left: -48px;
height: 450px;
}
@media (min-width:768px){
.home #gmap-wrapper{
margin-left: -35px;
height: 450px;
}
}
a.back-to-top {
background:#f33b1d;
color: #FFF;
position: fixed;
bottom:20px;
right:20px;
padding:0.7em 1em;
z-index: 100;
}