.desktop-order-2 {
order:2;
}


@media (max-width:768px) {

.veluxwrapper {
margin-top:25px;
}

#white-logo-footer {
width:200px !important; 
margin-left:auto;
margin-right:auto;
margin-bottom:45px;
}


.kontaktdaten-wrapper, .kontaktformular-wrapper {
padding-left:0 !important;
padding-right:0 !important;
}

.footer-widgets {
text-align:center;
}

#custom_html-4 img {
max-width:120px;
}
}



#mobile-menu #menu-main-1 {
background: #fff;
}

.leistungen-toc li {
display:inline-block;
border:1px solid grey;
border-radius:10px;
margin-bottom:10px;
padding:5px 10px;
}
@media screen and (max-width:600px) {
.mobile-order-1  {
order:1 !important;
}
.mobile-order-2 {
order:2 !important;
}
}

.leistungen-toc {
margin-left:0;
margin-bottom:3em;
}

.footer-widget-1 a:hover {
color: #fff;
opacity:.8;
transition:.5s;
}

.leistungenreadmore {
color: #666;
display:block;
max-width:250px;
font-size:1.2em;
}

.leistungenreadmore:hover {
color: #666;
opacity:.8;
transition:.5s;
}

.anchoroffset {
display:block;
position:relative;
top:-250px;
visibility:hidden;
}

.leistungen-toc a {
color: #666;
}

.leistungen-toc a:hover {
color: #666;
opacity:.8;
transition:.5s;
}

.leistungen-toc {
text-align:center;
}


#nf-label-field-6 {
font-weight:100;
font-size:0.9em;
color: #666;
}

.kontaktdaten-wrapper, .kontaktformular-wrapper {
padding:35px;
}


.kontaktintro {
font-size:1.3em;
color: #666;
margin-bottom:3em;
}

.blacklink {
color: #000;
}

.introbg {
margin-bottom:3em;
}

.headertext a {
text-decoration:none;
}

.headertext a:hover {
color: white;
opacity:.8;
}


.headertext i {
margin-left:8px;
}

.sticky-enabled .main-navigation.is_stuck {
background: #fff !important;
}

.headertext {
font-size:1.1em;
}

.leistungenwrapper {
margin-bottom:5em;
}

.leistungen-image-wrapper {
min-height:350px;
background-repeat:no-repeat !important;
background-size:cover !important;
}

.introbg p  {
font-size:1.3em;
color: #666;
text-align:center;
max-width:1024px !important;
margin-left:auto !important;
margin-right:auto !important;
margin-bottom:2em;
}

.whitebgheadline a {
color: #000;
text-decoration:none;
font-size:.9em;
}

.whitebgheadline {
display:inline-block;
background:#ffffffe3;
padding:15px 35px;
}

.footeroeffnungszeiten {
font-size:.9em;
}

.footerphone {
text-decoration:none;
font-weight:500;
font-size:1.4em;
}

#nf-field-4 {
width:100%;
background: #761a22;
}


.smallcontent {
max-width:500px;
margin-left:auto;
margin-right:auto;
}

@media (max-width: 992px) { .frontpage-contactwrapper { transform: translate3d(0,0,0) !important; } }

.frontpage-contactwrapper {
background: #f1f1f1;
padding:35px 10% 35px 10% !Important;

}

#frontpagecontent {
padding-top:35px;
}

#frontpagecontactrow {
margin-top:35px;
}

#frontpageheadline {
text-shadow: 1px 1px 1px #b1b1b1;
}

@media (max-width:600px) {
.blackbutton {
font-size:1.5em !important;
}

}

.innercontentrow {
max-width:1200px !important;
margin-left:auto !important;
margin-right:auto !important;
}

.blackbutton {
margin-left:auto;
margin-right:auto;
margin-top:15px;
background: #761a22;
padding:10px 25px;
color: #fff;
font-size:2em;
text-align:center;
display:block;
max-width:450px;
text-decoration:none;
transition:0.5s;
box-shadow: 0px 0px 20px 5px #f8f8f873;
}

.blackbutton:hover {
opacity:0.8;
transition:0.5s;
color:#fff;
}