.corp-container {  max-width: 1920px; }

body, button, input, optgroup, select, textarea {  font-size: 20px;  line-height: 1.36; }

.site-header .site-header-inner { justify-content: flex-start; }
.site-header .site-branding { padding-right: 59px; }
.site-header .site-branding img { max-width: 116.67px;}

.site-footer .bottom-bar .corp-container { justify-content: center; }
.site-footer .site-info { font-size: 15px; font-weight: 300; }
.footer-menu .menu li {  font-size: 15px; font-weight: 300; padding: 0; margin: 0; }
.footer-menu .menu li:before { content: '&'; padding: 5px; }
.footer-menu .menu li:first-child:before { content: '';}
.footer-menu .menu li a { text-decoration: underline; text-decoration-thickness: 0.01rem; }
.home .footonly, .page-id-3 .startonly, .page-id-294 .startonly { display: none; }

.main-navigation ul { display: grid;  grid-template-columns: 90px [col-start] 160px [col-start] 160px [col-start] 132px [col-start] 110px [col-start] 115px [col-start] auto; }
.main-navigation ul li {  font-size: .75em; margin: 14px 20px 0px 20px; }
.main-navigation ul li a { font-weight: 400; letter-spacing: 0; text-align: center; }
.main-navigation ul li a:hover, .main-navigation ul li.current a { color: #36a3aa !important; font-weight: 700; }
#mobile-menu-button { display: none !important; }

h1 { font-size: 50px; line-height: 1.1; }
h2 { font-size: 50px; line-height: 1.36; }
h3 { font-size: 25px; line-height: 1.36; }

.headline h1 { font-family: "noto-sans-condensed"; text-transform: uppercase; font-size: 5em; font-weight: 700; line-height: 1.1 !important; }
.headline h2 { font-weight: 400; font-size: 2em; }
.h2-condensed h2, .h2-condensed h4 { font-family: "noto-sans-condensed"; text-transform: uppercase; line-height: 1.1 !important; margin: 0; }
.h2-condensed h3 { margin-bottom: 5px; }
.h2-condensed p { font-weight: 700; margin-bottom: 5px; }
.page-id-294 h2, .page-id-3 h2 { font-weight: 700; font-size: 1.5em; }


.site-footer .widget .widget-title, .site-footer .widget .wp-block-group__inner-container :is(h1, h2, h3, h4, h5, h6), .widget-area .widget .widget-title, .widget-area .widget .wp-block-group__inner-container :is(h1, h2, h3, h4, h5, h6) {
  font-size: 25px !important;  font-weight: 700 !important;  letter-spacing: 0;  margin: 0 0 30px;  text-transform: none; }
.site-footer .widget .widget-title ~ *, .site-footer .widget .wp-block-group__inner-container :is(h1, h2, h3, h4, h5, h6) ~ *, .widget-area .widget .widget-title ~ *, .widget-area .widget .wp-block-group__inner-container :is(h1, h2, h3, h4, h5, h6) ~ * {
  font-size: 20px; }

.smalltextblock { max-width: 415px; }
.font500 { font-weight: 500; }
.contactgrid p { display: grid; grid-template-columns: 30px auto;  grid-gap: 0.7px; }
.lieferorte ul { columns: 2; }
.lieferorte li { line-height: 1.36 !important;  list-style: "> "; list-style-position: inside; }
.lieferorte li::marker { color: #36A3AA;  } 

.bluebox { background: #00355a; padding: 40px 50px; position: absolute !important; top: 180px; right: 200px; z-index: 20 !important; overflow: visible !important; }
.bluebox2 { background: #00355a; padding: 40px 50px; position: absolute !important; top: 100px; left: 200px; z-index: 20 !important; overflow: visible !important; }
.bluebox3 { background: #00355a; padding: 22px 30px; position: relative;   top: -78px;   width: 242px;   right: -50px; }
.bluebox p, .bluebox2 p { color: #fff; font-size: 1.75em; font-weight: 700;  }
.bluebox3 p { color: #fff; font-weight: 700; font-size: 1.25em; }

.img-background .panel-background-overlay { background-repeat: no-repeat; background-position: 19% 80%; background-size: clamp(20%, 414px, 30vw) auto !important; opacity: 0.1 !important; }
.img-background2 .panel-background-overlay { background-repeat: no-repeat; background-position: 81% 80%; background-size: clamp(20%, 414px, 30vw) auto !important; opacity: 0.1 !important; }

.left-gap { padding: 0 0 0 11vw; }
.right-gap { padding: 0 11vw 0 0; }

.sow-accordion .sow-accordion-panel .sow-accordion-panel-header .sow-accordion-open-close-button { width: 25px; }

#scroll-to-top {  background: #36A3AA;   border-radius: 3px;   height: 55px; width: 55px; }
#scroll-to-top svg { height: 25px; opacity: 1; width: 20px; }

.rmp-menu-item-link { text-transform: uppercase; }
.rmp-menu-item-link:hover, .rmp-menu-item-link.mPS2id-highlight { color: #36a3aa !important; font-weight: 700 !important; }

.sow-carousel-item figcaption { display: none; }
.sow-carousel-item.slick-current { width: auto !important; max-width: 25vw; }
.sow-carousel-item.slick-current figcaption { display: block; }
.sow-carousel-navigation { position: absolute; z-index: 100; }
.sow-carousel-navigation-next { right: 20vw; bottom: 3%; }
.sow-carousel-navigation-prev { right: calc(20vw + 82px); bottom: 3%; }
.sow-carousel-navigation-next .sow-carousel-next, .sow-carousel-navigation-prev .sow-carousel-previous { background: #36a3aa; border: 0 !important; border-radius: 0 !important; padding: 33px; }
.slick-track div[data-slick-index="15"] {display: none !important; }
.sow-carousel-container a.sow-carousel-next::after {  content: "\f061" !important; font-family: "Font Awesome 6 Free"; font-weight: bold; font-size: 22px; }
.sow-carousel-container a.sow-carousel-previous::before {  content: "\f060" !important; font-family: "Font Awesome 6 Free"; font-weight: bold; font-size: 22px; }

@media screen and (max-width: 1920px) {
		.sow-carousel-item.slick-current { max-width: 33vw; }

}


@media screen and (max-width: 1700px) {
		.bluebox { right: 100px; }
		.bluebox2 { left: 100px; }
}



@media screen and (max-width: 1520px) {
		.headline h1 { font-size: 4.4em; }
		.headline h2 { font-size: 1.7em; }
		
		.bluebox { right: 0; top: 150px; }
		.bluebox2 { left: 0; }
		.left-gap, .right-gap { padding: 0; }
		.img-background .panel-background-overlay { background-position: 5% 90%; }
		
}

@media screen and (max-width: 1320px) {
		.headline h1 { font-size: 4.0em; }
		.headline h2 { font-size: 1.5em; }

		.sow-carousel-item.slick-current { max-width: 40vw; }
.sow-carousel-navigation-next { right: 10vw; bottom: 3%; }
.sow-carousel-navigation-prev { right: calc(10vw + 82px); bottom: 3%; }
		
}

@media screen and (max-width: 1280px) {
		.img-background, .img-background2 { align-items: stretch !important; }
}

@media screen and (max-width: 1220px) {
		.headline h1 { font-size: 3.5em; }
		.headline h2 { font-size: 1.3em; }
		.bluebox3 { right: 0; padding: 16px 20px; width: 200px; top: -59px; }
		.bluebox3 p { font-size: 1.0em; }
		
}

@media screen and (max-width: 1070px) {
		.headline h1 { font-size: 3em; }
		.headline h2 { font-size: 1.2em; }
		
		.left-gap .panel-first-child { margin-bottom: 50px !important; }
		.bluebox { right: 0;   margin: 0 auto;     top: 25px;   } 
		.bluebox2 { left: 0;  margin: 0 auto; top: 0; }
		
		.sow-carousel-item.slick-current { max-width: 67vw; }		

}

@media screen and (max-width: 768px) {
		.mobilecenter { text-align: center; }
		.mobilecenter .alignright { display: block !important; float: none !important; margin: 0 auto; }
		.smalltextblock { margin: 0 auto; }
		
		.bluebox, .bluebox2 { left: auto; right: calc(50vw - min(258px,45vw)); width: 90%; top: 0; max-width: 482.4px; }
		.bluebox3 { right: -50px; }
		.img-box img { margin: 0 auto; }
		.left-gap .panel-first-child { margin-bottom: 50px !important; }
		
		.img-background .panel-background-overlay, .img-background2 .panel-background-overlay {background-position: 95% 95% !important; background-size: clamp(50%, 414px, 30vw) auto !important; }
		
		.sow-carousel-navigation-next, .sow-carousel-navigation-prev { bottom: 0%; }
		.sow-carousel-navigation-prev { right: calc(10vw + 66px); }
		.sow-carousel-navigation-next .sow-carousel-next, .sow-carousel-navigation-prev .sow-carousel-previous { padding: 25px; }
		.sow-carousel-container a.sow-carousel-next::after, .sow-carousel-container a.sow-carousel-previous::before { font-size: 18px; }
}

@media screen and (max-width: 480px) {
		body, button, input, optgroup, select, textarea {  font-size: 16px; }
		.site-footer .widget .widget-title, .site-footer .widget .wp-block-group__inner-container :is(h1, h2, h3, h4, h5, h6), .widget-area .widget .widget-title, .widget-area .widget .wp-block-group__inner-container :is(h1, h2, h3, h4, h5, h6) { font-size: 20px !important; }
		.site-footer .widget .widget-title ~ *, .site-footer .widget .wp-block-group__inner-container :is(h1, h2, h3, h4, h5, h6) ~ *, .widget-area .widget .widget-title ~ *, .widget-area .widget .wp-block-group__inner-container :is(h1, h2, h3, h4, h5, h6) ~ * {   font-size: 16px; }
		h1, h2 { font-size: 40px;  }
		h3 { font-size: 20px;  }
		
		.bluebox3 { top: -54px; right: -20px; }
		
}