@media (max-width: 768px) {
.reverse-mobile {
flex-direction: column-reverse;
}
}
.form-row p{
display:flex;
justify-content: space-between;
gap:5px;
margin-bottom:5px	;
}
.wpcf7-form-control {
flex: 1;
min-width: 0;
}
body{
-webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;
overflow-wrap: break-word;
hyphens: auto;
}
@media screen AND (min-width:300px){
.no-hyphens {
hyphens: none;
-webkit-hyphens: none;
-ms-hyphens: none;
overflow-wrap: normal;
word-break: normal;
white-space: normal;
}
}
body .is-layout-flex, .wp-block-columns{
display:block;
}
#menu-main-menu{
padding:0;
}
:where(.wp-block-columns.is-layout-flex) {
gap: 1em;
}
.has-day-background-color {
background-color: #f4f3f1;
}																																																																								
.has-day-color {
color: #f4f3f1;
}
.has-night-background-color {
background-color: #222C39;
}
.has-night-color {
color: #222C39;
}
.has-noon-background-color {
background-color: #FFB427;
}
.has-noon-color {
color: #FFB427;
}
.has-dawn-background-color {
background-color: #a70939;
}
.has-dawn-color {
color: #a70939;
}
.main-menu-container{
display:none;
position: absolute;
left:0;
top:70px;
width:100%;
background-color:#F4F3F1;
z-index:1000;
}
.main-menu-container a{
color:black;
text-decoration: none;
}
.main-menu-container li{
display:block;font-size: 1.2em;
line-height: 1.2em;
border-bottom: 1px solid black;
padding: 10px 0 5px 0;
text-transform: uppercase;
margin-left: 20px;
width:100%;
width: calc(100% - 40px);
}
.main-menu-container li li {
margin-left:0;
width:100%;
}
.main-menu-container .sub-menu{
display:none;
padding-left:10px;
}
.main-menu-container .sub-menu .sub-menu{
display:block;
}
.main-menu-container .sub-menu li{
font-size:1em;
}
.main-menu-container .sub-menu li:last-child{
border-bottom:0;
}
.main-menu-container .menu-item-has-children, .relative{
position: relative;
}
.contact-bar{
position: fixed;
right: 0;
z-index:1000;
top:140px;
}
.contact-bar-item{
display: block;
width:65px;
height:50px;
background-color:#61c0ea;
margin-bottom:10px;
clip-path: polygon(15px 0%, 100% 0%, 100% 100%, 15px 100%, 0% 75%, 0% 25%);
}
.contact-bar-item.news{
background-color:#a7173b;
}
.contact-bar .contact-bar-item img{
height: 60%;
width: auto;
position: relative;
top: 20%;
left: 20%;
}
.main-menu-container .menu-item-has-children:after{
display:block;
content:"";
position: absolute;
right:0;
top:12px;
height:20px;
width:20px;
background-image: url(//scheffer.de/wp-content/themes/scheffer_shb/assets/images/triangle.svg);
background-size: contain;
rotate: 180deg;
cursor:pointer;
}
.main-menu-container .sub-menu .menu-item-has-children:after{
display:none;
}
.headline-icon, .headline-underline{
width:100%;
width:calc(100% - 50px);
position: relative;
margin-bottom:20px;
}
.headline-icon:before, .headline-underline:before{
display:block;
position: absolute;
content:"";
bottom:0px;
left:0;
width:100%;
width:calc(100% + 50px);
height:1px;
background-color:black;
}
.headline-underline:before{
bottom:0px;
}
.headline-icon:after{
position: absolute;
content:"";
display:block;
width:45px;
height:45px;
padding-bottom:20px;
right:-50px;
top:10px;
background-repeat: no-repeat;
background-size: contain;
}
header .logo img{
margin:25px 0;
max-width: 300px;
}
h3.headline-icon:after{
right:auto;
top:0;
left:0;
width:55px;
height:55px;
}
h3.headline-icon{
padding-top:75px;
}
h4{
font-size:16px;
}
h5{
font-size:16px;
}
.show-logo{
position: relative;
}
.show-logo:after{
filter:grayscale(100%);
position: absolute;
right:-5px;
bottom:-10px;
content:"";
display:block;
width:130px;
height:35px;
background-image:url(//scheffer.de/wp-content/themes/scheffer_shb/assets/images/shb-logo.svg);
background-size: contain;
background-repeat: no-repeat;
}
.headline-icon-person:after{
background-image: url(//scheffer.de/wp-content/themes/scheffer_shb/assets/images/Icon_Ansprechpartner.gif);
}
.headline-icon-crane:after{
background-image: url(//scheffer.de/wp-content/themes/scheffer_shb/assets/images/Icon_Krane.gif);
}
.headline-icon-mail:after{
background-image: url(//scheffer.de/wp-content/themes/scheffer_shb/assets/images/mailicon.svg);
}
.headline-icon-globe:after{
background-image: url(//scheffer.de/wp-content/themes/scheffer_shb/assets/images/Icon_Vertriebspartner.gif);
}
body{
background-color: #F4F3F1;
font-size:16px;	
line-height:1.6;
font-family: "brockmannregular";
font-synthesis: none;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility; 
}
.more-arrow{
text-align:right;
margin-top:30px;
}
.more-arrow a{
text-decoration:none;
color:#A70939 !important;
font-size:18px;
font-family:"brockmannbold";
position: relative;
padding-right:45px;
text-align:right;
transition: all 1s;
left:0;
}
.more-arrow a:after{
position: absolute;
right:0;
top:-1px;
width:35px;
height:19px;
content:"";
display: block;
background-image: url(//scheffer.de/wp-content/themes/scheffer_shb/assets/images/pfeil.svg);
background-size: contain;
background-repeat: no-repeat;
}
.more-arrow-yellow a{
color:#FFB427 !important;
}
.more-arrow-yellow a:after{
background-image: url(//scheffer.de/wp-content/themes/scheffer_shb/assets/images/pfeil_yellow.svg);
}
.more-arrow a:hover{
padding-right:65px;
transition: all 1s;
}
.flex-column-full {
display: flex;
flex-direction: column;
height: 100%;
}
.push-to-bottom {
margin-top: auto;
}
.wp-block-image.is-style-full-width-image img {
width: 100%;
height: auto;
object-fit: cover; display: block;
}
h1, h2, h3, h4, h5, h6{
text-transform: uppercase;
}
.wp-block-column h2{
font-size: 26px
}
h1, h2, h4{
font-size:26px;
font-family: 'normalidad-wide';
line-height:1em;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-weight: normal;
font-style: normal;
color:#222C39;
}
h2{
font-size: 35px;
text-transform: uppercase;
color:#222C39;
}
h4{
font-size: 	35px;
text-transform: uppercase;
color: #222C39;
line-height: 70px;
line-height:1em;
}
h5, h6{
font-size:35px;
line-height:1em;
}
@media (max-width: 525px) {
.partner-slider-wrapper {
--logo-width: 90%;
--logo-gap: 0px;
}
}
.the-blue-button{
padding: 10px 15px !important;
}
.button-placer{
bottom:50px !important;
}
.customheadline-c{
line-height:1em;
}
img{
max-width: 100%;
height:auto;
}
.split-content .icon {
width: 50px;
margin-bottom: 1rem;
position: relative;
height: 50px;
width: 50px;
position: absolute;
left: -75px;
}
.single-post-image img {
width:100%;
height:Auto;
}
.sticky-header{
position: sticky;
margin-bottom:-50px !important;
top: 0;
left: -50;
z-index: 1000;
background-color: #f5f3f2;
}
.sticky-header:after, .sticky-header:before{
display: block;
content: "";
position: absolute;
right: -6px;
top: 0;
width: 100px;
height: 100%;
background-color: #f5f3f2;
}
.sticky-header:before{
right:auto;
left:-100px;
}
.split-content h2 {
position: relative;
font-size: 25px;
color:white;
font-weight: 900;
text-transform: uppercase;
margin-bottom: 0.5rem;
font-family: 'normalidad-wide';
line-height:1em;
}
.split-content img{
display:none;
}
.split-content {
padding: 50px; 
}
.split-image-left ~ .split-content {
padding-left: 110px;
}
.split-content h3 {
font-weight: bold;
font-size: 1rem;
margin-bottom: 2rem;
}
.split-content p {
font-size: 1rem;
line-height: 1.6;
margin-bottom: 2rem; }
.pressing-down{
display:flex;
flex-direction: column;
}
.pressed-down{
margin-top: auto !important;
margin-bottom: 15px !important;
} .the-blue-button {
font-weight:bolder;
background-color: #00b2e3;
color: #000;
font-family:"brockmannsemibold";
padding: 0.6rem 1.6rem;
text-transform: uppercase;
text-decoration: none;
display: inline-block;
width:fit-content;
clip-path: polygon(
10px 0%, calc(100% - 10px) 0%, 100% 10px,
100% calc(100% - 10px), calc(100% - 10px) 100%, 10px 100%,
0% calc(100% - 10px), 0% 10px
);
transition: background-color 0.3s ease;
}
.the-blue-button:hover {
background-color: #f5f3f2;
color:#00b2e3;
}
.extra-padding{
padding:25px;
padding-bottom:0;
}
.extra-v-padding{
padding:25px 0;
}
.extra-l-padding{
padding:0 0 0 25px;
}
.extra-r-padding{
padding:0 25px 0 0;
}
.extra-t-padding{
padding:25px 0 0 0;	
}
.extra-b-padding{
padding:0 0 25px  0;	
}
.extra-h-padding{
padding:0 25px;
}
.wp-block-group, .container{
width:100%;
width:calc(100% - 60px);
max-width:1600px;
margin:auto;
}
.wp-block-group{
margin:50px auto;
}
.wp-block-group:first-of-type{
margin-top:0;
} .container a{
color:white;
text-decoration:none;
}
.link-color-bk a, .link-coor-wt a{
color:black;
text-decoration:none
}
.link-color-wt a{
color:white;
}
.big-more{
color:#A70939;
font-size:1.5em;
text-transform: uppercase;
text-decoration: none;
display:block;
margin-top:50px;
}
.menu-toggle{
float:right;
position: relative;
z-index: 1000;
}
.menu-toggle img{
width:40px;
margin-top:25px;
height:auto;
}
.menu-contact, .footer-contact{
text-align: right;
margin-right:15px;
}
.footer-contact{
text-align: center;
}
.menu-contact img, .footer-contact img{
height:30px;
width:auto;
margin-bottom:25px;
margin-left:15px;
}
.footer-contact img{
margin-top:25px;
margin-bottom:35px;
}
label{
width:100%;
}
input, textarea{
max-width:100%;
width:100%;
background-color: lightgrey;
padding:15px;
border:0;
clip-path: polygon(
10px 0%, calc(100% - 10px) 0%, 100% 10px,
100% calc(100% - 10px), calc(100% - 10px) 100%, 10px 100%,
0% calc(100% - 10px), 0% 10px
);
margin-bottom:5px;
}
textarea{
height:185px;
}
input[type='submit'], .wpcf7-submit{
border:0;
text-align: right;
text-transform: uppercase;
font-size:1.1em;
font-family: 'brockmannbold', 'Helvetica Neue';
position: relative;
width:100%;
padding-right:50px;
background-color:transparent;
}
input[type='submit']:after, .wpcf7-submit:after{
position: absolute;
right:0;
top:5px;
width:35px;
height:19px;
content:"";
display: block;
background-image: url(//scheffer.de/wp-content/themes/scheffer_shb/assets/images/pfeil_dark.svg);
background-size: contain;
background-repeat: no-repeat;
}
footer{
background-color: #E6E6E5;
padding:50px 0;
text-align: center;
margin-top:50px;
}
footer .logo{
margin-bottom:50px;
}
footer .logo > a > img{
width: 180px;
object-fit: contain;
height: 40px;
object-position: bottom left;
}
footer .menu ul{
padding-left: 0;
}
strong{
font-family:"brockmannsemibold";
}
footer .menu li{
list-style-type: none;
font-family:'brockmannregular', 'Helvetica Neue';
font-size:1.3em;
margin-bottom:15px;
}
.wpcf7-form-control.wpcf7-submit{
font-family: 'brockmannbold', 'Helvetica Neue';
}
footer .menu li a{
color:black;
text-decoration: none;
} ul.social-media-links {
list-style: none !important;
padding: 0 !important;
margin: 30px 0 0 20px !important;
display: flex !important;
gap: 10px !important;
justify-content: center !important;
}
ul.social-media-links li {
display: inline-block !important;
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
ul.social-media-links li a {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 42px !important;
height: 42px !important;
transition: all 0.3s ease !important;
}
ul.social-media-links li a:hover {
transform: translateY(-3px) !important;
}
ul.social-media-links li a img {
min-width: 32px !important;
min-height: 32px !important;
width: 32px !important;
height: 32px !important;
object-fit: contain !important;
margin: 0 !important;
}
@media (min-width: 992px) {
ul.social-media-links {
justify-content: flex-start !important;
margin-top: 30px !important;
}
}
hr.wp-block-separator{
border:1px solid #222C39 !important;
opacity: 1;
margin-bottom:50px;
}
.single-post-content div{
width:80%;
margin-left:20%;
}
@media (max-width: 768px) {
.reverse-mobile {
flex-direction: column-reverse;
}
.single-post-content div{
width:100%;
margin-left:0;
}
.split-image-left ~ .split-content{
padding-left: 25px; }
.split-content{
padding-left: 25px; }
}
@media (min-width: 768px) {
.push-down-parent {
position: relative;
}
.push-down {
position: absolute;
bottom:0;
font-size: 1.5em;
line-height: 30px;
}
h1, h2, h4{
font-size:3em;
}
.split-content img{
display:block;
}
.split-content {
padding-left: 150px;
}
.split-content h2 {
font-size:35px;
}
}
@media (min-width: 782px) {
.headline-icon{
padding-left: 75px;
}
footer .logo > a > img{
height:54px;
margin-top:15px;
width:370px;
}
header .logo img{
width:300px;
margin-top:21px;
}
.show-logo:after{
display:none;
}
.headline-icon:after{
left:0;
right:auto;
}
}
@media (min-width: 992px) {
.headline-icon, .headline-underline{
margin-bottom:30px;
}
:where(.wp-block-columns.is-layout-flex) {
gap: 2em;
}
.ml-md-120{
margin-left:120px;
}
.more-arrow{
text-align:left;
}
footer{
text-align:left;
font-size:14px;
background-color: #F4F3F1;
}
footer .menu li{
font-size:1em;
margin-bottom:0px;
}
.extra-padding{
padding:50px;
}
.extra-v-padding{
padding:50px 0;
}
.extra-h-padding{
padding:0 50px;
}
.extra-l-padding{
padding:0 0 0 50px;
}
.extra-r-padding{
padding:0 50px 0 0;
}
.extra-t-padding{
padding:50px 0 0 0;	
}
.extra-b-padding{
padding:0 0 50px  0;	
}
}
@media (min-width: 997px) {
.ml-md-120{
margin-left:100px;
}
}
@media screen AND (min-width:1200px){
header .menu, header .menu li{
display:inline;
}
.main-menu-container .sub-menu{
padding-left:0
}
#menu-main-menu {
padding: 0;
top: 10px;
position: relative;
}
body .is-layout-flex, .wp-block-columns{
display:flex;
}
a.phone-hide{
display:none;
}
.menu-item-has-children{
margin-right:18px;
}
.main-menu-container{
display:block !important;
}
.current_page_item a, header .menu a:hover{
color:#a70939 !important;
}
.menu-toggle{
display:none;
}
.main-menu-container {
display: block;
position: relative;
top:0;
}
.main-menu-container .menu-item-has-children:after{
top:51px;
width:11px;
height:11px;
}
.menu-contact{
position: absolute;
right: -15px;
top: 15px;
margin-left: 0;
}
.menu-contact a{
padding:0 !important;
}
ul.sub-menu{
display: none;
position: absolute;
top: 95px;
left: 0;
text-align: left;
background-color: #F4F3F1;
padding-left: 0;
margin-left: 0;
z-index:1000;
}
ul.sub-menu .sub-menu{
display:block;
position: inherit;
top:0;
}
ul.sub-menu .sub-menu{
margin-right:0;
}
ul.sub-menu .menu-item-has-children{
top:10px;
}
ul.sub-menu .sub-menu  li a{
padding-left:25px;
width:100%;
}
li:hover ul.sub-menu{
display:block;
}
.menu-contact img{
height:20px;
}
header .menu{
padding:12px 0;
}
header .menu ul{
margin-right:55px;
}
header .menu li{
border:none;
margin-left:0px;
padding: 50px 0;
font-size: .75em;
}
header .menu li li a{
padding:15px;
display:block;
min-width:300px;
}
header .menu li li a:hover{
background-color:#61c0ea;
color:white !important;
}
header .menu{
text-align: right;
display: block;
justify-content: right;
align-items: center;
} 
header .menu a{
text-decoration: none;
color:black;
padding:0 12px;
}
}
@media screen AND (min-width:1320px){
.split-content {
padding-left: 150px;
}
.split-content h2 {
font-size:60px; margin-top:50px}
.split-content .icon {
height: 75px;
left: -100px;
width: 75px;}
}
@media screen AND (min-width:1440px){
footer .menu ul{
column-count: 2;
}
header .logo img{
margin-top:27px;
}
header .menu{
padding:15px 0;
}
}
@media (max-width: 1500px) {
.mlrg-reverse-mobile:not(.wp-block-media-text) {
display: flex
;
flex-direction: column-reverse;
}
}
@media screen AND (min-width:1600px){
.headline-icon:after {
width: 104px;
height: 81px;
top: 17px
}
.headline-icon-mail {
padding-left: 141px;
}
}
@media screen AND (min-width:1750px){
.contact-bar{
top:185px;
}}