*,body,html,p{font-size:16px;line-height:1.75;font-family:'lato';color:#444;}

a{color:#0A2F61}
a:hover,a:focus{text-decoration:none;}

.hidden{display:none;}

.fancybox-title-float-wrap .child span{color:#fff;}

iframe, img{max-width:100%;}
img{height:auto;max-width:100%;}

.padding{padding-top:100px;}
.clearer{clear:both;display:block;}

.center{text-align:center;}
.close{opacity:1;}

.btn{color:#fff!important;background-color:#FF6E07;padding:10px 30px;border:0;border-radius:0;;margin-top:30px;}
.btn:hover{background-color:#444;border:0;}

h1{margin:50px 0 10px;font-size:340%;}
h2{font-size:250%;font-weight:bold;margin:10px 0 20px 0;}
h3{margin:40px 0 15px;color:#FF6E07;}

/* Readable product information; retain the existing SONNIGER layout. */
.seo-heading{font-size:clamp(1.6rem,2.8vw,2.75rem);line-height:1.2;max-width:28ch;margin:48px 0 24px;overflow-wrap:break-word;}
.handelsvertretungen .seo-heading{margin-top:0;}
.seo-copy{display:flow-root;}
.seo-copy p{max-width:75ch;}
.seo-copy h2{font-size:clamp(1.4rem,2.2vw,2rem);line-height:1.3;margin:40px 0 16px;}
.seo-copy a{text-decoration:underline;text-underline-offset:3px;}
.product-wordmark{margin:40px 0 16px;}
.product-wordmark + .seo-heading{margin-top:16px;}
.seo-table-scroll{max-width:100%;overflow-x:auto;margin:24px 0 16px;}
.seo-table-scroll:focus-visible,.seo-copy a:focus-visible{outline:2px solid #0A2F61!important;outline-offset:3px;}
.seo-specifications{width:100%;min-width:520px;border-collapse:collapse;}
.seo-specifications caption{caption-side:top;color:#444;text-align:left;font-weight:bold;padding:0 0 12px;white-space:normal;}
.seo-specifications th,.seo-specifications td{text-align:left;padding:12px 16px;border-bottom:1px solid #d7d7d7;vertical-align:top;}
.seo-specifications thead th{background:#f4f4f5;}
.seo-specifications tbody th{font-weight:normal;}
.seo-table-hint{display:none;}
@media(max-width:600px){.seo-table-hint{display:block;font-size:0.9rem;}}

.content ul{list-style:none;margin:20px 0;padding:0;}
.content ul li{padding:6px 0 6px 30px;position:relative;}
.content ul li:before{content:"› ";color:#FF6E07;font-size:300%;position:absolute;left:0;top:0;line-height:30px;}

.alignright{float:right;margin:10px 0 20px 20px;}
.alignleft{margin-top:10px;margin-bottom:20px;}

.clearer {display:block;clear:both;}

#menubuttonburger{display:none;}

.cookie-notice-container{padding:20px 10px;background:#FF6E07;}
.cookie-notice-container #cn-notice-text{padding-top:3px;color:#fff;}
.cookie-notice-container #cn-notice-text a{color:#fff;text-decoration:underline;}
.cookie-notice-container #cn-notice-text a:hover{color:#ddd;}
#cookie-notice,
#cookie-notice a{font-size:100%;}
#cookie-notice .button.bootstrap{background:#fff!important;color:#444;text-shadow:0!important;}
#cookie-notice .button.bootstrap:hover{background:#444!important;color:#fff;}

body{padding-top:0;}
#page-header{background:#fff;position:sticky;display:flow-root;top:0;left:0;right:0;z-index:999;
    -webkit-box-shadow: 3px 3px 30px -19px rgba(0,0,0,0.75);-moz-box-shadow: 3px 3px 30px -19px rgba(0,0,0,0.75);box-shadow: 3px 3px 30px -19px rgba(0,0,0,0.75);}
#page-header a#logo{display:inline-block;margin:20px;}
#toppermenu{display:inline-block;float:right;color:#fff;text-align:right;position:relative;margin:25px 20px 0 ;}
#toppermenu::after{content:" ";position:absolute;bottom:0;left:0;width:100%;height:4px;background-color:#fff;}
#toppermenu ul{list-style:none;padding:0;margin:0;}
#toppermenu ul li{padding:5px 7px;display:inline-block;position:relative;}
#toppermenu ul li a{color:#444;font-size:110%;display:inline-block;padding:5px 10px;
    -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
#toppermenu ul li.current_page_item > a,
#toppermenu ul li a:hover{text-decoration:none;color:#FF6E07;}
#toppermenu > div > ul > li:last-of-type a{color:#fff;background:#FF6E07;padding-left:20px;padding-right:20px;margin-left:5px;}
#toppermenu > div > ul > li:last-of-type a:hover{background:#444;}
#toppermenu ul li ul{display:none;position:absolute;top:35px;left:015px;background:#fff;z-index:4;padding-top:8px;width:225px;
    -webkit-box-shadow: 5px 10px 21px -12px rgba(0,0,0,0.25);-moz-box-shadow: 5px 10px 21px -12px rgba(0,0,0,0.25);box-shadow: 5px 10px 21px -12px rgba(0,0,0,0.25);}
#toppermenu ul li ul li{display:block;padding:2px 8px;}
#toppermenu ul li ul li a{display:block;text-align:left;}
#toppermenu ul li.down > ul{display:block;}

#headerteaser{position:absolute;left:400px;top:9px;max-width:500px;}

.marquee{max-width:100vw;white-space:nowrap;overflow:hidden;background:#FF6E07;color:#fff;}
.marquee span{display:inline-block;padding-left:105%;animation:marquee 30s linear infinite;color:#fff;}
.marquee span strong{color:#fff;}
.marquee span:hover{animation-play-state: paused }
@keyframes marquee{0%{ transform: translateX(0);}100%{ transform:translateX(-100%);}}

.sidebar-kontakt{position: fixed;top:45%;right:-325px;transition: all .5s ease;}
.sidebar-kontakt .icons{background: #fff;padding: 10px;}
.sidebar-kontakt.active{right:30px;}
.sidebar-kontakt .arrow::before{content:'';background:url('media/sidekontakt_arrow.png')no-repeat;background-size: 100%;display: block;width: 25px;height: 25px;position: absolute;left: -85px;top: 62px;}
.sidebar-kontakt.active .arrow::before{content:'';background:url('media/sidekontakt_arrow_orange.png')no-repeat;background-size: 100%;display: block;width: 25px;height: 25px;position: absolute;left: -85px;top: 70px;transform: rotate(180deg);}
.sidebar-kontakt .arrow:hover{cursor: pointer;}
.sidebar-kontakt a{padding: 10px 0;;position: relative;font-weight: 600;display: block;color: #FF6E07;transition: 0.3s;}
.sidebar-kontakt a:hover{color: #444;transition: 0.3s;}
.sidebar-kontakt span{width: 25px;height: 25px;display: block;position: absolute;top:56px;left: -95px;}
.sidebar-kontakt span img{max-width:100%;}
.sidebar-kontakt .handy::before{content:'';background:url('media/icon_whatsapp_sidekontakt.png')no-repeat;background-size: 100%;display: block;width: 50px;height: 50px;position: absolute;left: -60px;top: -12px;}
.sidebar-kontakt .festnetz::before{content:'';background:url('media/icon_telefon_sidekontakt.png')no-repeat;background-size: 100%;display: block;width: 50px;height: 50px;position: absolute;left: -60px;top: -8px;}
.sidebar-kontakt .mail::before{content:'';background:url('media/icon_mail_sidekontakt.png')no-repeat;background-size: 100%;display: block;width: 50px;height: 50px;position: absolute;left: -60px;top: -4px;}
.sidebar-kontakt.active .handy::before{content:'';background:url('media/icon_orange_whatsapp_sidekontakt.png')no-repeat;background-size: 100%;display: block;width: 50px;height: 50px;position: absolute;left: -60px;top: -2px;}
.sidebar-kontakt.active .festnetz::before{content:'';background:url('media/icon_orange_telefon_sidekontakt.png')no-repeat;background-size: 100%;display: block;width: 50px;height: 50px;position: absolute;left: -60px;top: -1px;}
.sidebar-kontakt.active .mail::before{content:'';background:url('media/icon_orange_mail_sidekontakt.png')no-repeat;background-size: 100%;display: block;width: 50px;height: 50px;position: absolute;left: -60px;top: 0px;}

#top-slider{display:block;}
#top-slider .item{position:relative;}
#top-slider .item iframe{position:absolute;left:15px;bottom:15px;transform:scale(0.6);border:15px solid #8d979e;border-top-right-radius:20px;border-bottom-left-radius:20px;}
#top-slider .item iframe #player .playing-mode{width:500px; height:auto;}
#top-slider .owl-controls{position:relative;}
#top-slider .owl-dots{margin-top:-75px;text-align:right;position:absolute;left:0;right:20px;}
#top-slider .owl-dot{width:14px;height:14px;background-color:#fff;display:inline-block;z-index:10;margin-right:6px;border-radius:50%;}
#top-slider .owl-dot.active{background-color:#FF6E07;}
#top-slider .orange{position:absolute;left:50%;margin-left:140px;right:0;z-index:3;top:80px;background:rgba(255, 110, 7,0.9);padding:40px;color:#fff;}
#top-slider .orange span{color:#fff;max-width:440px;display:block;}
#top-slider .orange span.headline{font-size:270%;display:block;font-weight:bold;line-height:1.25;margin-bottom:10px;}
#top-slider .orange span.text p{font-size:22px;color:#fff;}
#top-slider .orange span.text b{font-size:22px;color:#fff;}
#top-slider .orange a.link{background:#fff;color:#FF6E07;display:inline-block;padding:7px 25px;font-weight:bold;}
#top-slider .orange a.link:hover{background:#444;color:#fff;}

#produkt-slider{margin-top:30px;margin-bottom:40px;max-height:184px;border:4px solid #FF6E07;border-radius:5px;padding-left:0;padding-right:0;
background: rgba(244,246,246,1);
background: -moz-linear-gradient(top, rgba(244,246,246,1) 0%, rgba(226,230,231,1) 79%, rgba(227,231,232,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(244,246,246,1)), color-stop(79%, rgba(226,230,231,1)), color-stop(100%, rgba(227,231,232,1)));
background: -webkit-linear-gradient(top, rgba(244,246,246,1) 0%, rgba(226,230,231,1) 79%, rgba(227,231,232,1) 100%);
background: -o-linear-gradient(top, rgba(244,246,246,1) 0%, rgba(226,230,231,1) 79%, rgba(227,231,232,1) 100%);
background: -ms-linear-gradient(top, rgba(244,246,246,1) 0%, rgba(226,230,231,1) 79%, rgba(227,231,232,1) 100%);
background: linear-gradient(to bottom, rgba(244,246,246,1) 0%, rgba(226,230,231,1) 79%, rgba(227,231,232,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f6f6', endColorstr='#e3e7e8', GradientType=0 );
-webkit-box-shadow: 3px 3px 6px 1px rgba(0,0,0,0.34);-moz-box-shadow: 3px 3px 6px 1px rgba(0,0,0,0.34);box-shadow: 3px 3px 6px 1px rgba(0,0,0,0.34);}
#produkt-slider a{color:#333;}
#produkt-slider a:hover{text-decoration:none;color:#333;}
#produkt-slider h3{margin-left:20px;padding-left:10px;background-color:#FF6E07;border-radius:10px;}
#produkt-slider .produktbild{border:10px solid #4d5e62;border-top-width:0;}
#produkt-slider .owl-dots{text-align:center;height:0;}
#produkt-slider .owl-dots .owl-dot{width:14px;height:14px;background-color: #4d5e62;display:inline-block;margin-top:20px;margin-right:10px;border-radius:50%;}
#produkt-slider .owl-dots .owl-dot.active{background-color:#8d979e;}

.handelsvertretungen{margin:150px 0;}
.handelsvertretungen .download img{max-width:30%;}
.handelsvertretungen .download:hover img{border:solid 2px #FF6E07;}
.handelsvertretungen h3{margin-top:0;}
.handelsvertretungen h2{margin-bottom:5px;}
.handelsvertretungen .download p{margin:0;}
.handelsvertretungen .download .btn{margin-top:10px;margin-bottom:20px;}

.download-block{margin:50px 0;}
.download-block img:hover{border:solid 2px #FF6E07;}
.download-block .item p{margin-bottom:0;margin-top:10px;font-weight:500;text-align:center;}

.slider-content{padding-left:30px;font-size:77%;}

.parallax{padding-top:30px;padding-bottom:40px;background-image:url("media/parallax6.png");background-attachment:fixed;background-position:bottom;background-repeat:no-repeat;background-size:auto;}


footer{background-color:#566467;padding:15px 0;margin-top:50px;}
footer p,
footer a{color:#fff;}
footer ul{margin:0;padding:0;}
footer ul li{display:inline-block;}
footer ul li a{padding-left:20px;}
footer ul li a:hover{color:#8d979e;}
footer .siegel{margin: 20px 0;}
footer .siegel a{margin-right: 20px;}
footer .siegel img{height: 90px;width: auto;object-fit: cover;border: 10px solid #fff;transition: all ease .3s;}
footer .siegel img:hover{transform: scale(1.05);transition: all ease .3s;}

.childpages{margin-top:40px;}
.childpages a{display:block;position:relative;text-align:center;overflow:hidden;}
.childpages a span{position:relative;bottom:15px;z-index:2;background:#FF6E07;padding:13px 30px;color:#fff;}
.childpages a img{transition: transform .2s;}
.childpages a:hover img{transform: scale(1.05);}
.childpages a:hover span{background:#444;}


#popup .modal-body{padding:0;}
#popup .modal-content{position:relative;}
#popup .modal-dialog{max-width:970px;margin-top:60px;}
#popup .modal-dialog iframe{max-width:103%;}
#popup .close{position: absolute;right: -15px;top: -15px;background: #fff;z-index: 3;padding:2px 17px;font-size: 10px;}
#popup .close span{font-size:25px;}
#popup .close:hover{background:#444;opacity:1;}
#popup .close:hover span{color:#fff;}

/*----------------------tmpl_ Produkte-Übersicht---------------------*/
.product-übersicht{margin-top:70px;margin-bottom:100px;position:relative;padding-left:15px;padding-right:15px;}
.product-übersicht::after{content:" ";position:absolute;bottom:-50px;left:0;width:100%;height:2px;background-color:#FF6E07;-webkit-box-shadow: 10px 5px 0px 1px rgba(0,0,0,0.13);
-moz-box-shadow: 10px 5px 0px 1px rgba(0,0,0,0.13);
box-shadow: 10px 5px 0px 1px rgba(0,0,0,0.13);}
.product{margin-top:100px;background-repeat:no-repeat;background-size:35%;background-position:right center;min-height:280px;position:relative;}
.product::after{content:" "; bottom:-50px;left:0;height:2px;width:100%;background-color:#FF6E07;position:absolute;-webkit-box-shadow: 10px 5px 0px 1px rgba(0,0,0,0.13);
-moz-box-shadow: 10px 5px 0px 1px rgba(0,0,0,0.13);
box-shadow: 10px 5px 0px 1px rgba(0,0,0,0.13);}
.product-übersicht a{display:block;}
.product-übersicht .n-child:nth-child(1) .product{margin-top:30px;}
.product-übersicht .n-child:nth-child(2n+1) .product{padding-left:40%;background-position:left center;}
.n-child{color:#333;}
.n-child:hover{text-decoration:none;color:#333;}
.n-child:hover .btn{background-color:#444;}

/*----------------------tmpl_ Produkt-Single--------------------- */
.produkt-content{padding:20px 30px;}
#product-single .owl-stage-outer{margin-top:50px;}
#product-single .owl-controls{position:absolute;top:-100px;left:0;margin-left:50%;}
#product-single .owl-controls .owl-dots{margin-left:-50%;}
#product-single .owl-controls .owl-dots .owl-dot{display:inline-block;margin:0 30px;padding: 20px 20px;border: 2px solid #FF6E07;border-radius:30px;transition:background-color 0.2s;}
#product-single .owl-controls .owl-dots .owl-dot img{width:64px;height:64px;transition:transform 0.2s;}
#product-single .owl-controls .owl-dots .owl-dot:hover img{transform:scale(1.1);transition:transform 0.2s;}
#product-single .owl-controls .owl-dots .owl-dot:hover{background-color:#f4f4f5;transition:background-color 0.2s;}
#product-single .owl-controls .owl-dots .owl-dot.active{background-color:#f4f4f5;}


#product-single .galerie .row{padding-bottom:30px;}
#product-single .galerie .item .fancybox{display:block!important;}

#product-single .dreidmodel{padding: 50px 0;margin-bottom: 50px;}

.alt_table{display:none;}

#product-single #object .content img{width:unset;}
#product-single #object .content img.alignright{float:right;}
#product-single #object .content img.alignleft{float:left;}
#product-single #object h2{position:relative;margin-top:100px;clear:both;}
#product-single #object h2::after{content:" ";position:absolute;top:-50px;left:0;width:100%;height:2px;background-color:#FF6E07;-webkit-box-shadow: 10px 5px 0px 1px rgba(0,0,0,0.13);
-moz-box-shadow: 10px 5px 0px 1px rgba(0,0,0,0.13);
box-shadow: 10px 5px 0px 1px rgba(0,0,0,0.13);}
#product-single #object .row{margin-top:30px;}
#product-single #object .float-change:nth-of-type(2n+1) .col-sm-4{float:right;}

#product-single #diagram > div{margin-bottom:40px;}
#product-single #diagram .diagram-table{border-color:transparent;width:100%;}
#product-single #diagram .content{margin-top:20px;}
#product-single #diagram .diagram-table tr:nth-child(2n){background-color:#f4f4f5;}
#product-single #diagram .diagram-table th{padding:5px 10px;text-align:center;border-color:#fff;}
#product-single #diagram .diagram-table th:nth-child(1){text-align:left;}
#product-single #diagram .diagram-table td{padding:5px 10px;text-align:center;border-color:#fff;}
#product-single #diagram .diagram-table td:nth-child(1){text-align:left;border-right:none;}
#product-single #diagram .diagram-table td:nth-child(2){border-left:none;}
#product-single #diagram.produkt-spezifikation th:nth-child(2){background-color:#fcd8c0;}
#product-single #diagram.produkt-spezifikation th:nth-child(3){background-color:#f9c292;}
#product-single #diagram.produkt-spezifikation th:nth-child(4){background-color:#f29867;}
#product-single #diagram.produkt-spezifikation img{height:auto;width:150px;}
#product-single #diagram.übersicht th{color:#fff;background-color:#FF6E07;}
#product-single #diagram.übersicht th:nth-child(1){color:#FF6E07;background-color:#fff;}
#product-single #diagram td.full{text-align:center!important;background-color:#fcd8c0;font-weight:bold;}

#parameter-outer{margin-top:40px;margin-bottom:30px;}

.anwendungen{margin-bottom:-50px;margin-top:25px;}
.anwendungen > .item{position:relative;min-height:600px}
.anwendungen > .item .img{background-repeat:no-repeat;background-position:right top;background-size:cover;position:absolute;left:0;right:50%;top:0;bottom:0;}
.anwendungen > .item .col-sm-6{margin-left:50%;padding-top:30px;padding-bottom:30px;padding-right:0;padding-left:30px;}

.anwendungen > .item:nth-child(2n+1) .img{left:50%;right:0;border-right:0;}
.anwendungen > .item:nth-child(2n+1) .col-sm-6{margin-left:0;padding-right:30px;padding-left:15px;}

/*----------------------tmpl_ Dokumentation--------------------- */
#dokumentation{margin-top:30px;}
#dokumentation .theme h5{background-color:rgba(244, 121, 43,0.1);margin-top:0;padding-top:10px;margin-bottom:0;padding-bottom:10px;border-bottom:1px solid #FF6E07;}
#dokumentation .theme .download{text-align:center;padding-top:20px;}
#dokumentation .theme .download img{width:100%;}
#dokumentation .theme .download span{margin:10px 0;display:block;}
#dokumentation .theme .download:hover{border:solid 2px #FF6E07;}

.card{margin-bottom:15px;
    -webkit-box-shadow: 4px 4px 14px -7px rgba(0,0,0,0.5);-moz-box-shadow: 4px 4px 14px -7px rgba(0,0,0,0.5);box-shadow: 4px 4px 14px -7px rgba(0,0,0,0.5);}
.card-header{padding:0;}
.card-header button{background:#FF6E07;font-weight:600;font-size:120%;color:#fff;display:block;width:100%;text-align:left;padding:10px 10px 10px 15px;border:0;cursor:pointer;}



form input[type=text],
form textarea{background:#fff;width:100%;margin:10px 0;border:solid 2px #eee;padding:12px 15px;}
form p.pflicht{margin:-5px 0 0;}
form input[type=submit]{border:0;border-radius:0;padding:15px 35px;margin:10px 0 100px;}
form input[type=submit]:hover{background:#444;border:0;color:#fff!important;}
form .terms{font-size:85%;padding-left:25px;position:relative;margin:5px 0 20px;}
form .terms a{font-size:100%;color:#FF6E07;}
form .terms input{left:2px;top:5px;margin:0;position:absolute;}

.kontakt-box{margin:30px 0 0;}
.contact-portrait{display:none;}
.kontakt-box .container{background:url(media/kontakt-bg.jpg) no-repeat 15px top;min-height:469px;}
.kontakt-box .container ul{margin-left:740px;padding-top:150px;}

#tmpl_kontakt #kontaktform{margin-top:50px;}
#tmpl_kontakt ul.kontakt li a{overflow-wrap:anywhere;}

ul.kontakt{list-style:none;margin:30px 0;padding:0;}
ul.kontakt li:before{display:none;}
ul.kontakt li{margin:0;padding:0;}
ul.kontakt li a{display:block;font-size:150%;color:#333;padding:11px 0 15px 70px;position:relative;}
ul.kontakt li a span{display:block;font-size:83%;}
ul.kontakt li a:before{background:#FF6E07;background-position:center center;background-size:30px;background-repeat:no-repeat;content:" ";width:50px;height:50px;display:block;position:absolute;left:0;top:20px;}
ul.kontakt li a:hover{background:#f7f7f7;}
ul.kontakt li a.mail:before{background-image:url(media/email_50x50.png);}
ul.kontakt li a.tel:before{background-image:url(media/telephone_50x50.png);}
ul.kontakt li a.map:before{background-image:url(media/placeholder_50x50.png);}

#produktuebersicht{margin-top:-70px;z-index:3;position:relative;}
#produktuebersicht .item{position:relative;-webkit-box-shadow: 3px 3px 30px -19px rgba(0,0,0,0.75);-moz-box-shadow: 3px 3px 30px -19px rgba(0,0,0,0.75);box-shadow: 3px 3px 30px -19px rgba(0,0,0,0.75);}
#produktuebersicht .item a span{position:relative;margin-bottom:0;right:0;width:100%;background:#FF6E07;display:inline-block;color:#fff;font-size:100%;padding:6px 15px;text-align:left;}
#produktuebersicht .item a:hover span{background:#444;}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{background:#FF6E07;color:#fff;font-size:110%;}
.tab-content{background:#fff;padding:20px 20px 1px;
    -webkit-box-shadow: 3px 3px 30px -19px rgba(0,0,0,0.75);-moz-box-shadow: 3px 3px 30px -19px rgba(0,0,0,0.75);box-shadow: 3px 3px 30px -19px rgba(0,0,0,0.75);}


.videoblock{margin-top:130px;margin-bottom:130px;}
.videoblock h1{margin-top:25px;font-size:220%;}
.videoblock .btn{margin:2px 0 0;}
.startbigbg{margin-bottom:-50px;min-height:500px;padding:100px 0;}
#referenzblock{margin-top:200px;}

/*-------------------------------------------------------------------------------------------*/
@media (max-width:1800px) {
    #headerteaser{max-width:400px;top:18px;}
}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:1700px) {
    #headerteaser{max-width:320px;top:25px;left:370px;}
}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:1570px) {
    #headerteaser{display:none;}
}
/*-------------------------------------------------------------------------------------------*/
@media (min-width:1190px) and (max-width:1480px) {
 
body,html,p,a{font-size:15px;}
#top-slider .orange{top:22px;}
#toppermenu ul li a{font-size:80%;}
#top-slider .owl-dots{margin-top:-85px;}
h1{font-size:330%;}
h2{font-size:240%;}
ul.kontakt li a:before{top:14px;}
ul.kontakt li a{font-size:20px;}
#produktuebersicht{margin-top:-50px;}
#product-single #diagram .diagram-table td{font-size:14px;}

.videoblock{margin-bottom:80px;}


}
/*-------------------------------------------------------------------------------------------*/
@media (min-width:992px) and (max-width:1199px) {

body,html,p,a{font-size:12px!important;}
.headline{font-size:340%;}
.text p b{font-size:105%!important;}
body{padding-top:0;}
#toppermenu ul li{padding:5px 4px;}
#toppermenu ul li a{padding:5px 3px;font-size:88%!important;}
#toppermenu ul li ul{left:0;}
#top-slider .orange{top:55px;padding:19px;font-size:35%;}
#top-slider .owl-dots{margin-top:-113px;}
#page-header a#logo{max-width:28%;}
footer ul li a,footer p.copyright{font-size:95%!important;}
.parallax{background-size:cover;}
.product{padding-top:1px;padding-left:25px;}
.product::after{left:1%;width:97%;}
.videoblock{margin-bottom:80px;}
.kontakt-box .container{background:url(media/kontakt-bg_2.jpg) no-repeat 15px top;min-height:469px;}
.kontakt-box .container ul{margin-left:470px;padding-top:235px;}
ul.kontakt li a:before{top:18px;height:40px;}
ul.kontakt li a span{font-size:120%;color:#fff;}
ul.kontakt li a:hover{background:none;}
ul.kontakt li a{padding: 9px 0 15px 70px;}
#tmpl_kontakt ul.kontakt li a:before{top:7px;}
#product-single .content:nth-child(1) img{max-width:45%;}
#product-single .content img.wp-image-141{max-width:37%;}
.tab-content .diagram-table tr th{font-size:90%;}
.tab-content .diagram-table tr td{font-size:79%;}
    .sidebar-kontakt{right: -240px;}        

}
/*-------------------------------------------------------------------------------------------*/
@media (min-width:768px) and (max-width:991px) {
 body,html,p,a{font-size:11px!important;}
 body{padding-top:0;}
 h1{font-size:230%;}
 h2{font-size:200%;}
 
 #page-header #logo{max-width:20%;}
 #toppermenu ul li{padding:5px 0;}
 #toppermenu ul li a{padding:5px 8px;}
 #toppermenu ul li ul{left:0;}
 
 .headline{font-size:100%!important;margin-bottom:5px!important;}
.text p b{font-size:105%!important;}
#top-slider .orange{padding:15px;top:10px;}
#top-slider .orange a.link{padding:4px 24px;}     
#top-slider .owl-dots{margin-top:-110px;}

.videoblock{margin-bottom:50px;}
 .videoblock h1{font-size:135%;}
 .videoblock h2{font-size:180%;}
 
.anwendungen .item .editor{padding-top:5px;padding-bottom:10px;}
.anwendungen .item .editor h2{margin-bottom:10px;}
.anwendungen .item .editor p{font-size:59%!important;}

.product-übersicht{margin-top:40px;}
.product-übersicht .n-child:nth-child(2n+1) .product{background-position: left top;}
.product-übersicht .product .btn{margin-top:15px;}
.product-übersicht .product{min-height:175px;}

#product-single .content:nth-child(1) img{max-width:45%;}
#product-single .content img.wp-image-141{max-width:30%;}
#product-single iframe{width:100%;}

.tab-content .diagram-table tr th{font-size:65%;}
.tab-content .diagram-table tr td{font-size:44%;}

img.alignright.wp-image-176{width:100%;}



.kontakt-box .container{background:url(media/kontakt-bg_3.jpg) no-repeat 15px top;min-height:469px;}
.kontakt-box .container ul{margin-left:400px;padding-top:243px;}
ul.kontakt li a:before{top:10px;height:40px;}
ul.kontakt li a span{font-size:100%;color:#fff;}
ul.kontakt li a:hover{background:none;}
ul.kontakt li a{padding: 9px 0 15px 70px;}

.childpages a span{padding:13px 20px;}

#tmpl_kontakt input.btn{margin-bottom:10px;}
#tmpl_kontakt ul.kontakt li a:before{top:5px;}
    
.sidebar-kontakt{right: -223px;}    


}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:767px) {

body{padding-top:0;}
p{font-size:80%;}

.content img{max-width:100%!important;}

h1{font-size:180%;margin-top:30px;}
h2{font-size:160%;}
h3{margin-top:20px;}

#page-header a#logo{margin:10px 20px!important;text-align:center;display:block;}
#page-header a#logo img{margin:0 auto;}

#toppermenu > div > ul > li:last-of-type{background-color:#FF6E07;}
#toppermenu > div > ul > li:last-of-type:hover{background-color:#444;}
#toppermenu > div > ul > li:last-of-type a{background-color: transparent;}
#toppermenu > div > ul > li:last-of-type a:hover{background-color: transparent;}

#menubuttonburger{display:block;height:40px;width:100%;background-color:#FF6E07;padding:1px 0;}
#toppermenu{display:none;width:100%;margin:0;}

.bar{width:7%;margin-left:46%;height:4px;margin-top:6px;background-color:#fff;border-radius:20px;z-index:20;transition: transform 0.5s, background-color 0.1s;}
.bar.active#b1{transform:rotate(45deg) translate(10px,6px);transition: all 0.5s;}
.bar.active#b2{background-color:#FF6E07; z-index:5;transition: all 0.1s;}
.bar.active#b3{transform:rotate(-45deg) translate(8px,-4px);transition: all 0.5s;}
#toppermenu.active{display:block;}
#toppermenu ul li{display:block;text-align:Center;}
#toppermenu ul > li{border-bottom:2px solid #444;}
#toppermenu ul li.menu-item-has-children{position:relative;}
#toppermenu ul li.menu-item-has-children::after{content:" ";position:absolute;right:20px;top:20px;background:url("media/drop-down-arrow(1).png")no-repeat;background-size:16px;width:16px;height:16px;}
#toppermenu ul li.menu-item-has-children.down::after{transform:rotate(180deg);}
#toppermenu ul li.menu-item-has-children.down .sub-menu{display:block;}
#toppermenu ul li ul.sub-menu{width:100%;left:0;}
#toppermenu ul li ul li{border-color:#FF6E07;background-color:rgba(255, 110, 7,0.1);}
#toppermenu ul li ul li:first-child{border-top: 3px solid #444;}
#toppermenu ul li ul li:last-child{border-bottom: 1px solid #FF6E07;}
#toppermenu ul li ul li a{text-align:center;}

#top-slider .orange{display:none;}
#top-slider .owl-nav{height:0;}
#top-slider .owl-dots{margin-top:-47px;}

.yvideo{max-height:350px;}

#produktuebersicht{margin-top:-13px;}
#produktuebersicht .col-sm-4{display:none;}
#produktuebersicht .col-sm-4:nth-child(2){padding:0 30px;width:100%;display:block;}
#produktuebersicht .col-sm-4 .item a span{bottom:unset;top:10px;left:10px;right:unset;font-size:80%;}
#produktuebersicht img{width:100%;}

.videoblock{margin-top:15px;}
.videoblock h1{font-size:135%;}
.videoblock h2{font-size:170%;}
.videoblock a.btn{width:100%;}
.videoblock{margin-bottom:20px;}
.videoblock iframe{max-height:185px;}

.parallax{background-image:url("media/parallax3.png");background-size:cover;min-height:200px;padding-top:50px;padding-bottom:50px;}

.anwendungen > .item .img{position:relative!important;width:100%;top:unset;bottom:unset;min-height:245px;left:0!important;background-position:center center;}
.anwendungen .editor{padding-top:15px!important;margin-left:0!important;padding-right:30px!important;}
.anwendungen .editor p{font-size:80%;}

.product-übersicht{margin-top:0;}
.product-übersicht::after{left:4%;width:90%;}
.product{background-size:contain;padding-left:20px!important;padding-top:390px!important;background-position:initial!important;}
.product h2 img{display: none;}
.product h3{font-size:120%;}
.product .btn{margin-top:10px;}
.product::after{left:4%;width:90%;}

#product-single h1 img{display: none;}

img.alignright.wp-image-176{margin-right:-15px;}

.alt_table{display:block;}
.table-download{width:100%;margin-bottom:50px;}
#parameter-outer{display:none;}

#tmpl_kontakt ul.kontakt li a{font-size:110%;}

.kontakt-box{height:300px;margin:60px 0 -100px!important;}
.kontakt-box .container{background:url(media/kontakt-bg_5.jpg) no-repeat 15px top;min-height:260px;background-size:contain;background-position:bottom;}
.kontakt-box ul.kontakt{margin-left:226px;padding-top:115px;position:absolute;}
.kontakt-box ul.kontakt li a{height:31px;margin-bottom:3px;}
.kontakt-box ul.kontakt li a:before{top:3px;left:3px;background-color:#f17a2b;width:30px;height:25px;background-size:20px;}
.kontakt-box ul.kontakt li a:hover{background-color:#fff;}
.responsive-hidden{display:none!important;}

footer ul{text-align:left!important;}
footer ul li a{padding-left:0;padding-right:20px;}
footer p.copyright{font-size:75%;}
footer .siegel img{height: 55px;border: 5px solid #fff;}



}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:576px) {
    .product{padding-top: 400px!important;}
}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:470px) {
    .product{padding-top: 320px!important;}
}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:400px) {
    
    .sidebar-kontakt .icons{padding:0 10px;}
    .sidebar-kontakt .handy::before{width: 35px;height: 35px;left: -44px;top:4px;}    
    .sidebar-kontakt .festnetz::before{width: 35px;height: 35px;left: -44px;top:4px;}
    .sidebar-kontakt .mail::before{width: 35px;height: 35px;left: -44px;top:4px;}
    .sidebar-kontakt.active .handy::before{width: 35px;height: 35px;left: -44px;top:4px;}    
    .sidebar-kontakt.active .festnetz::before{width: 35px;height: 35px;left: -44px;top:4px;}
    .sidebar-kontakt.active .mail::before{width: 35px;height: 35px;left: -44px;top:4px;}
    .sidebar-kontakt.active .arrow::before{left:-70px;top:48px;}
    .sidebar-kontakt .arrow::before{left:-70px;top:48px;}
    .sidebar-kontakt a{padding:10px 0;font-size:75%;}
    .sidebar-kontakt{right: -255px;}
    .sidebar-kontakt.active{right:0;}

    .product{padding-top: 280px!important;}

    
}

/* Keep contact details readable instead of hiding them on smaller screens. */
@media (max-width:1199px) {
    .kontakt-box{height:auto;margin:60px 0 30px!important;}
    .kontakt-box > .container{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:32px;background:none;min-height:0;}
    .kontakt-box .contact-portrait{display:block;width:100%;max-width:500px;height:auto;margin:auto;}
    .kontakt-box ul.kontakt{position:static;min-width:0;margin:0;padding:0;}
    .kontakt-box ul.kontakt li a{height:auto;min-height:52px;margin:0 0 16px;padding:8px 0 8px 60px;font-size:16px!important;line-height:1.5;overflow-wrap:anywhere;}
    .kontakt-box ul.kontakt li a:before{top:4px;left:0;width:44px;height:44px;background-color:#FF6E07;background-size:26px;}
    .kontakt-box ul.kontakt .responsive-hidden{display:block!important;font-size:inherit;color:#333;line-height:1.5;}
    .kontakt-box ul.kontakt .small{font-size:14px;color:#444;line-height:1.5;margin-top:4px;}
    .kontakt-box ul.kontakt li a:focus-visible{outline:2px solid #0A2F61!important;outline-offset:3px;}
}
@media (max-width:767px) {
    .sidebar-kontakt{display:none;}
    .kontakt-box > .container{grid-template-columns:minmax(0,1fr);gap:24px;}
}

/* Shared accessible states and predictable media geometry. */
:root{--sonniger-accent:#ff6e07;--sonniger-action:var(--sonniger-accent);--sonniger-ink:#243036;--sonniger-link:var(--sonniger-accent);--sonniger-focus:#0a2f61;}
:focus-visible{outline:3px solid var(--sonniger-focus);outline-offset:3px;}
::selection{background:var(--sonniger-ink);color:#fff;}
input,textarea,select{caret-color:var(--sonniger-focus);}
html{scroll-padding-top:160px;}
main{display:block;min-width:0;}
main .content,main .editor{overflow-wrap:anywhere;}
main .row > [class*="col-"]{min-width:0;}
picture{display:block;}
picture img{height:auto;}
.skip-link{position:fixed;left:16px;top:8px;z-index:10000;background:#fff;color:var(--sonniger-focus);padding:10px 18px;transform:translateY(-160%);}
.skip-link:focus{transform:translateY(0);}
#logo picture{display:block;}
#menubuttonburger{border:0;border-radius:0;cursor:pointer;}
#menubuttonburger .bar{display:block;}
#menubuttonburger:focus-visible{outline-color:var(--sonniger-ink);outline-offset:-4px;}
.submenu-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;background:transparent;vertical-align:middle;cursor:pointer;}
.submenu-toggle span{width:9px;height:9px;border-right:2px solid var(--sonniger-link);border-bottom:2px solid var(--sonniger-link);transform:translateY(-2px) rotate(45deg);}
.submenu-toggle[aria-expanded=true] span{transform:translateY(2px) rotate(225deg);}
#toppermenu ul li{padding-left:2px;padding-right:2px;}
#toppermenu ul li.menu-item-has-children::after{display:none;}
#toppermenu ul li.down > .sub-menu{display:block;}
#toppermenu ul li.current_page_item > a,#toppermenu ul li a:hover{color:var(--sonniger-link);}
#toppermenu > div > ul > li:last-of-type a{color:#fff;background:var(--sonniger-action);}
#toppermenu > div > ul > li:last-of-type a:hover{color:#fff;}
.sidebar-kontakt .arrow{border:0;background:transparent;position:absolute;left:-95px;top:60px;width:44px;height:44px;cursor:pointer;}
.sidebar-kontakt .arrow::before,.sidebar-kontakt.active .arrow::before{left:10px;top:10px;}
.sidebar-kontakt a,h3,form .terms a{color:var(--sonniger-link);}
.marquee{background:var(--sonniger-action);}
.marquee,.marquee span,.marquee span strong{color:#fff;}
.btn{color:#fff!important;background-color:var(--sonniger-action);white-space:normal;min-height:44px;}
.btn:hover,.btn:focus-visible{background-color:#444;color:#fff!important;}
#produktuebersicht .item a span{color:#fff;background:var(--sonniger-action);}
.childpages a span{background:var(--sonniger-action);}
#produktuebersicht .item a:hover span{color:#fff;}
#top-slider{min-height:calc(100vw * var(--slider-image-height) / var(--slider-image-width) + var(--slider-controls-height));overflow:hidden;z-index:auto;}
/* Keep pagination clickable where the fixed contact controls overlap it. */
.sidebar-kontakt{z-index:20;}
.sidebar-kontakt.active{z-index:30;}
#top-slider .owl-dots{z-index:21;}
#top-slider:not(.owl-loaded) > .item:not(:first-child){display:none;}
#top-slider .item picture,#top-slider .item picture img{display:block;width:100%;}
#top-slider .item picture img{object-fit:cover;}
#top-slider .orange{background:rgba(255,110,7,0.9);}
#top-slider .orange,#top-slider .orange span,#top-slider .orange span.text p,#top-slider .orange span.text b{color:#fff;}
#top-slider .orange a.link{color:var(--sonniger-accent);}
#top-slider .orange a.link:hover{color:#fff;}
#top-slider .owl-dot{width:14px;height:14px;background:#fff;margin-right:6px;border:0;position:relative;}
#top-slider .owl-dot.active{background:var(--sonniger-accent);}
.product-banner picture img{width:100%;}
.product-enquiry{margin:24px auto;}
.product-enquiry .btn{margin-top:0;}
.download-block h2{font-size:1.6rem;margin-bottom:16px;}
.download-block .btn{margin:8px 12px 8px 0;}
#dokumentation details{margin-bottom:15px;}
#dokumentation summary.card-header{background:var(--sonniger-action);color:#fff;font-weight:600;font-size:120%;padding:10px 10px 10px 15px;cursor:pointer;list-style:none;}
#dokumentation summary::-webkit-details-marker{display:none;}
form.kontakt label{display:block;margin:14px 0 6px;font-weight:600;}
form.kontakt input:not([type=checkbox]):not([type=hidden]),form.kontakt select,form.kontakt textarea{background:#fff;width:100%;margin:0 0 10px;border:2px solid #a5aaac;padding:12px 15px;min-height:48px;}
form.kontakt [aria-invalid=true]{border-color:#a51f27!important;}
form.kontakt .terms{display:grid;grid-template-columns:24px minmax(0,1fr);column-gap:10px;padding:0;}
form.kontakt .terms input{position:static;width:22px;height:22px;margin:5px 0;accent-color:var(--sonniger-focus);}
form.kontakt .terms label{margin:0;font-size:14px;font-weight:400;line-height:1.6;}
form.kontakt .terms .field-error{grid-column:2;}
form.kontakt .btn{margin:12px 0 32px;text-transform:uppercase;}
form.kontakt [hidden]{display:none!important;}
.field-error{font-size:14px;color:#941c24;margin:0 0 12px;}
.contact-status{padding:20px;margin:24px 0;background:#f3f4f4;border:1px solid #a5aaac;}
.contact-status p:last-child{margin-bottom:0;}
.contact-error,.contact-error a{color:#941c24;}
.contact-error ul{margin:12px 0 0;padding-left:20px;}
.contact-success{background:#eaf3ec;}
@media(min-width:768px){
    #toppermenu > div > ul > li{display:inline-flex;align-items:center;vertical-align:middle;}
    #page-header{min-height:100px;}
    #toppermenu{margin-top:20px;}
    #toppermenu ul li ul{top:44px;}
    #toppermenu ul li a{padding-left:6px;padding-right:6px;}
    .submenu-toggle{width:28px;}
}
@media(max-width:1199px){
    #toppermenu ul li a{font-size:1rem;}
    #toppermenu{margin-right:8px;}
    #toppermenu ul li{padding:5px 0;}
    .submenu-toggle{width:24px;}
}
@media(max-width:767px){
    body{padding-top:0;}
    #page-header a#logo{max-width:none;}
    #logo picture{max-width:341px;margin:auto;}
    #logo picture img{display:block;width:100%;}
    #menubuttonburger{height:40px;}
    #toppermenu{margin:0;max-height:calc(100dvh - 148px);overflow-y:auto;overscroll-behavior:contain;}
    #toppermenu ul li a{font-size:1.1rem;}
    #toppermenu ul li.menu-item-has-children{padding-right:48px;}
    #toppermenu ul li.menu-item-has-children > a{display:inline-flex;align-items:center;min-height:44px;}
    #toppermenu ul li.menu-item-has-children > .submenu-toggle{position:absolute;right:8px;top:5px;width:44px;height:44px;}
    #toppermenu ul li ul.sub-menu{position:static;width:calc(100% + 48px);box-shadow:none;}
    #toppermenu ul li.down > .sub-menu{display:block;}
    #toppermenu ul li.down:hover > .sub-menu{display:block;}
    #top-slider{min-height:calc(100vw * var(--slider-image-height) / var(--slider-image-width));}
    .product-wordmark picture img{max-width:100%;}
}
@media(prefers-reduced-motion:reduce){
    .marquee{white-space:normal;text-align:center;}
    .marquee span{animation:none;padding:4px 12px;}
    .bar,.sidebar-kontakt,.childpages a img{transition:none;}
    body{padding-top:0;}
    #page-header{position:relative;}
    #toppermenu{max-height:none;}
}

footer .siegel a{display:inline-block;vertical-align:middle;margin-right:20px;}
#page-header a#logo picture{max-width:100%;}
@media(max-width:767px){#page-header a#logo picture{max-width:341px;}}

.BorlabsCookie ._brlbs-content-blocker ._brlbs-default a._brlbs-btn{background:#1d6435;color:#fff;}
.BorlabsCookie ._brlbs-content-blocker ._brlbs-default a._brlbs-btn:hover{background:#144725;}
/* Consent remains opt-in; only the provider's low-contrast colors are changed. */
body .BorlabsCookie ._brlbs-content-blocker ._brlbs-default a._brlbs-btn,
#BorlabsCookieBox a._brlbs-btn-accept-all{background:#1d6435;color:#fff;}
#BorlabsCookieBox a._brlbs-btn-accept-all:hover{background:#144725;}
body #BorlabsCookieBox ._brlbs-manage a,
body #BorlabsCookieBox ._brlbs-legal,
body #BorlabsCookieBox ._brlbs-legal a,
body .BorlabsCookie ._brlbs-content-blocker ._brlbs-caption a:not(._brlbs-btn){color:#354b3c;}
body #BorlabsCookieBox ._brlbs-manage a:hover,
body #BorlabsCookieBox ._brlbs-legal a:hover{color:#1d6435;}
form .terms a,.BorlabsCookie ._brlbs-content-blocker ._brlbs-caption a:not(._brlbs-btn){text-decoration:underline;text-underline-offset:3px;}

/* Owner-supplied COMFORT photo; the surrounding original accessory graphic is retained. */
.heater-accessory-image{position:relative;width:1000px;max-width:100%;margin:0 auto;}
.heater-accessory-image > img{display:block;width:100%;height:auto;}
.heater-comfort-photo{position:absolute;left:.5%;top:18%;width:9.5%;height:50%;display:flex;align-items:center;background:#fff;}
.heater-comfort-photo img{display:block;width:100%;height:auto;}