html, body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}

::selection {
  	background: #004528;
	color: #FFFFFF;
}

h2 {
	color: #004528;
	font-size: 1.5rem;	
}
h3 {
    color: #004429;
    font-size: 1.375rem;
    font-weight: 700;
}
h4 {
	font-size: 1.25rem;
}
h5 {
	font-size: 1.125rem;
}
h3 + h4 {
    margin: -5px 0 15px;
}

a {
	color: #004429;
	text-decoration: none;
}
a:hover,
a:focus {
	text-decoration: underline;
}

hr {
    margin: 30px 0;
    opacity: .15;
}

#messeDisplayBack {
	display: none;
}

/* Buttons */
/* .btn-... */
.btn.btn-primary {
	position: relative;
	border: 0;
	border-radius: 25px;
	background-color: #004528;
	padding: 12.5px 75px 12.5px 50px;
	color: #FFFFFF;
	font-weight: 700;
	letter-spacing: .5px;
	text-transform: uppercase;
	transition: all 0.3s ease-in-out;
}
.btn.btn-primary::after {
    position: absolute;
    right: 50px;
    display: inline-block;
    content: "\f101";
    font-family: "Font Awesome 6 Pro";
	text-decoration: none;
    text-transform: uppercase;
    transition: right .6s;
}
.btn.btn-primary:hover,
.btn.btn-primary:focus {
	transform: scale(1.05);
	box-shadow: 0 0 10px rgba(0,0,0,.3);
}
.btn.btn-primary:hover::after,
.btn.btn-primary:focus::after {
    right: 20px;
}
.btn.btn-secondary {
	position: relative;
	border: 0;
	border-radius: 25px;
	background-color: #F7A600;
	padding: 12.5px 75px 12.5px 50px;
	color: #FFFFFF;
	font-weight: 700;
	letter-spacing: .5px;
	text-decoration: none;
	text-transform: uppercase;
	transition: all 0.3s ease-in-out;
}
.btn.btn-secondary::after {
    position: absolute;
    right: 50px;
    display: inline-block;
    content: "\f101";
    font-family: "Font Awesome 6 Pro";
    text-transform: uppercase;
    transition: right .6s;
}
.btn.btn-secondary:hover,
.btn.btn-secondary:focus {
	transform: scale(1.05);
	box-shadow: 0 0 10px rgba(0,0,0,.3);
}
.btn.btn-secondary:hover::after,
.btn.btn-secondary:focus::after {
    right: 20px;
}
/* .btn-outline-... */
.btn.btn-outline-primary {
	z-index: 1;
    position: relative;
	border: 2px solid #004528;
	border-radius: 25px;
	padding: 10px 50px 10px 25px;
	color: #004528;
	font-size: 0.875em;
	font-weight: 700;
	letter-spacing: .5px;
	text-transform: uppercase;
	transition: all .6s;
    overflow: hidden;
}
.btn.btn-outline-primary::before {
    z-index: -1;
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 10rem;
    width: 0%;
    height: 100%;
    background-color: #004528;
    transition: all .6s;
    content: "";
}
.btn.btn-outline-primary::after {
    position: absolute;
    right: 25px;
    display: inline-block;
    content: "\f101";
    font-family: "Font Awesome 6 Pro";
    text-transform: uppercase;
    transition: right .6s;
}
.btn.btn-outline-primary:hover,
.btn.btn-outline-primary:focus {
	background-color: transparent;
	color: #FFFFFF;
	text-decoration: none;
}
.btn.btn-outline-primary:hover::before,
.btn.btn-outline-primary:focus::before {
    width: 100%;
}
.btn.btn-outline-primary:hover::after,
.btn.btn-outline-primary:focus::after {
    right: 20px;
}
.btn-outline-primary + .btn-outline-primary,
.btn-outline-light + .btn-outline-light {
    margin: 0 0 0 25px;
} 

.btn.btn-outline-secondary {
	z-index: 1;
    position: relative;
	border: 2px solid #F7A600;
	border-radius: 25px;
	padding: 10px 25px;
	color: #F7A600;
	font-size: 0.875em;
	font-weight: 700;
	letter-spacing: .5px;
	text-transform: uppercase;
	transition: all .6s;
    overflow: hidden;
}
.btn.btn-outline-secondary::before {
    z-index: -1;
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 10rem;
    width: 0%;
    height: 100%;
    background-color: #F7A600;
    transition: all .6s;
    content: "";
}
.btn.btn-outline-secondary:hover,
.btn.btn-outline-secondary:focus {
	background-color: transparent;
	color: #FFFFFF;
	text-decoration: none;
}
.btn.btn-outline-secondary:hover::before,
.btn.btn-outline-secondary:focus::before {
    width: 100%;
}

.btn.btn-outline-light {
	z-index: 1;
    position: relative;
	border: 2px solid #FFFFFF;
	border-radius: 25px;
	padding: 10px 25px;
	color: #FFFFFF;
	font-size: 0.875em;
	font-weight: 700;
	letter-spacing: .5px;
	text-transform: uppercase;
}
.btn.btn-outline-light::before {
    z-index: -1;
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 10rem;
    width: 0%;
    height: 100%;
    background-color: #FFFFFF;
    transition: all .6s;
    content: "";
}
.btn.btn-outline-light:hover,
.btn.btn-outline-light:focus {
	background-color: transparent;
	color: #F7A600;
	text-decoration: none;
}
.btn.btn-outline-light:hover::before,
.btn.btn-outline-light:focus::before {
    width: 100%;
}

/* Alert */
/* .alert-warning */
.alert.alert-warning {
    border-color: #f7a600;
    background-color: rgba(247, 166, 0, .2);
    color: #d08c01;
}
.alert.alert-warning::before {
    margin: 0 15px 0 0;
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    content: "\f05a";
}

/* Responsive images mit Fluid Styled Content */
.ce-gallery img {display: unset;}
.ce-intext [data-ce-columns="1"],
.ce-intext [data-ce-columns="2"],
.ce-intext [data-ce-columns="3"],
.ce-intext [data-ce-columns="4"] {
 	width: 100%;
}
.ce-intext [data-ce-columns="2"] .ce-column,
.ce-center [data-ce-columns="2"] .ce-column {
	width: 48%;
	margin-right: 2%;
}
.ce-intext [data-ce-columns="3"] .ce-column,
.ce-center [data-ce-columns="3"] .ce-column {
	width: 31%;
	margin-right: 2%;
}
.ce-intext [data-ce-columns="4"] .ce-column,
.ce-center [data-ce-columns="4"] .ce-column {
	width: 23%;
	margin-right: 2%;
}
.ce-intext.ce-right .ce-gallery {
	margin-left: 0;
}
.ce-intext.ce-left .ce-gallery {
	margin-right: 0;
}
.ce-textpic,
.ce-image,
.ce-nowrap .ce-bodytext,
.ce-uploads li,
.ce-uploads div {
	overflow: visible;
}

/* Bilder/Medien mit Rahmen */
.ce-border img, 
.ce-border iframe {
    border: 0;
    border-radius: 10px;
}

/* Videos */
#player-overlay {
    border-radius: 10px;
    overflow: hidden;
}
/* .video-embed-item */
video.video-embed-item {
    max-width: 100%;
    height: auto;
}

/* .frame-... */
/* Hintergrund grün; .frame-layout-4 */
.frame-layout-4 {
    background-color: #004528;
    color: #FFFFFF;
}
.frame-layout-4.frame-space-before-extra-large {
	margin-top: 0;
    padding-top: 80px;
}
.frame-layout-4.frame-space-after-extra-large {
	margin-bottom: 0;
    padding-bottom: 80px;
}
.frame-layout-4 h1, .frame-layout-4 h2, 
.frame-layout-4 h3, .frame-layout-4 h4, 
.frame-layout-4 h5, .frame-layout-4 h6,
.frame-layout-4 h1 a, .frame-layout-4 h2 a, 
.frame-layout-4 h3 a, .frame-layout-4 h4 a, 
.frame-layout-4 h5 a, .frame-layout-4 h6 a,
.frame-layout-4 a {
	color: #FFFFFF;
}
.frame-layout-4 .fa-solid.fa-phone,
.frame-layout-4 .fa-solid.fa-envelope {
	color: #F7A602;
}
/* Hintergrund gelb/orange; .frame-layout-5 */
.frame-layout-5 {
    margin: 0;
    background-color: #F7A600;
    color: #FFFFFF;
}
.frame-layout-5 h1, .frame-layout-5 h2, 
.frame-layout-5 h3, .frame-layout-5 h4, 
.frame-layout-5 h5, .frame-layout-5 h6 {
    color: #FFFFFF;
}
.frame-layout-5.frame-space-before-medium {
	margin-top: 0;
    padding-top: 50px;
}
.frame-layout-5.frame-space-after-medium {
	margin-bottom: 0;
    padding-bottom: 50px;
}
/* Hintergrund hellgrau; .frame-layout-6 */
.frame-layout-6 {
    background-color: #F5F5F5;
}
.frame-layout-6.frame-space-before-extra-large {
	margin-top: 0;
    padding-top: 80px;
}
.frame-layout-6.frame-space-after-extra-large {
	margin-bottom: 0;
    padding-bottom: 80px;
}

/* --- NAVIGATION --- */
.navbar.fixed-top {
	z-index: 9999;
	background-color: #FFFFFF;
	box-shadow: 0 0 10px rgba(0,0,0,.15);
}
/* navbar-brand */
.navbar-brand {
	padding: 25px 0;
}
/**/
.dropdown:hover .dropdown-menu,
.dropdown:focus .dropdown-menu {
      display: block;
}

.dropdown:hover .dropdown-menu .dropdown-menu,
.dropdown:focus .dropdown-menu .dropdown-menu {
	display: none;
}
/* Sprachmenü (.languageMenu) */
.languageMenu {
    position: relative;
    display: inline-block;
}
#language-button {
    margin: 0 15px;
    border: 0;
    border-radius: 0 0 4px 4px;
    background-color: #FFFFFF;
    padding: 20px 10px 10px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .15);
}
#language-button.dropdown-toggle::after {
	display: none;
}
.languageMenu span#current-language::before,
#language-menu a::before {
    display: inline-block;
    margin: 0 10px 0 0;
	border-radius: 16px;
    width: 16px;
    height: 16px;
	background-size: auto 100%;
	background-position: center;
    content: "";
    line-height: 1;
}
html[lang="de"] .languageMenu span#current-language::before,
#language-menu a.lang-0::before {
	background-image: url("../images/Flag_of_Germany.svg");
}
html[lang="en"] .languageMenu span#current-language::before,
#language-menu a.lang-1::before {
	background-image: url("../images/Flag_of_the_United_Kingdom.svg");
}
html[lang="es"] .languageMenu span#current-language::before,
#language-menu a.lang-2::before {
	background-image: url("../images/Flag_of_Spain.svg");
}
html[lang="it"] .languageMenu span#current-language::before,
#language-menu a.lang-3::before {
	background-image: url("../images/Flag_of_Italy.svg");
}
#language-menu {
    margin: 30px 0 0;
    border: 0;
    border-radius: 0;
	font-size: 1em;
    box-shadow: 0 0 20px rgba(0, 0, 0, .15);
}
#language-menu::before {
    position: absolute;
    top: -15px;
    left: 10px;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 15px solid #FFFFFF;
    content: "";
}
#language-menu a {
    padding: 5px 20px;
}
#language-menu a::before {
	border-radius: 14px;
    width: 14px;
    height: 14px;
	filter: grayscale(1);
	opacity: .5;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
#language-menu a:hover::before,
#language-menu a:focus::before,
#language-menu a.active-language::before {
	filter: grayscale(0);
	opacity: 1;
}
#language-menu a:hover,
#language-menu a:focus,
#language-menu a.active-language {
	background-color: transparent;
	color: #F7A600;
}

/**/
.navbar .iconMenu-search {
	display: inline-block;
	margin: 0 0 0 15px;
    border: 0;
    background-color: transparent;
    padding: 0;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.navbar .iconMenu-search:hover,
.navbar .iconMenu-search:focus {
	color: #F7A602;
}
.navbar .iconMenu-search .fa-magnifying-glass {
	font-size: 1rem;
}
/* #mainNavigation */
#mainNavigation > .navbar-nav > li > a.nav-link,
#offcanvasMenu > .offcanvas-body .navbar-nav > li > a.nav-link {
    color: #000000;
}
#mainNavigation > .navbar-nav .nav-item > .dropdown-menu a.nav-link:hover, 
#mainNavigation > .navbar-nav .nav-item > .dropdown-menu a.nav-link:focus, 
#mainNavigation > .navbar-nav .nav-item > .dropdown-menu a.nav-link.active,
#offcanvasMenu > .offcanvas-body .navbar-nav > li > a.nav-link:hover,
#offcanvasMenu > .offcanvas-body .navbar-nav > li > a.nav-link:focus,
#offcanvasMenu > .offcanvas-body .navbar-nav > li > a.nav-link.active {
    color: #F7A600;
}
#mainNavigation > .navbar-nav .nav-item > .dropdown-menu a.nav-link.dropdown-toggle {
	position: relative;
}
#mainNavigation > .navbar-nav .nav-item > .dropdown-menu a.nav-link.dropdown-toggle::after {
    position: absolute;
    top: 7px;
    right: 30px;
    margin: 0;
    border: 0;
    content: "»";
    font-size: 1.5em;
    vertical-align: inherit;
}
/* #offcanvasMenu (mobile Navigation) */
#offcanvasMenu {
	border: 0;
    border-bottom: 5px solid #F7A600;
    background-color: rgba(0, 69, 40, .95);
    color: #FFFFFF;
}
#offcanvasMenu > .offcanvas-header {
	border-bottom: 1px solid rgba(255, 255, 255, .1);
	font-weight: 700;
	letter-spacing: .5px;
	text-transform: uppercase;
}
#offcanvasMenu > .offcanvas-header .btn-close.text-reset {
    --bs-btn-close-color: #FFFFFF;
    color: #FFFFFF;
}
#offcanvasMenu > .offcanvas-body .navbar-nav > li > a.nav-link {
    padding: 10px 0;
    color: #FFFFFF;
}
#offcanvasMenu > .offcanvas-body #topNavOffcanvas {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#offcanvasMenu > .offcanvas-body #topNavOffcanvas li > a {
    display: block;
    color: #FFFFFF;
    padding: 10px 0;
}

/* Slide-In Menü (#slideInMenu) */
#slideInMenu ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#slideInMenu .slideInPhone, 
#slideInMenu .slideInMail, 
#slideInMenu .slideInMap {
    z-index: 9998;
    position: fixed;
    right: 0;
	-webkit-transition: 0.6s ease-in-out;
	transition: 0.6s ease-in-out;
}
#slideInMenu li > a {
    position: relative;
    display: block;
    background-color: #F7A602;
    padding: 15px 20px 15px 10px;
    color: #FFFFFF;
    line-height: 1;
    text-decoration: none;
}
#slideInMenu .slideInPhone {
    top: 150px;
    right: -143px;
}
#slideInMenu .slideInMail {
    top: 206px;
    right: -143px;
}
#slideInMenu .slideInMap {
    top: 262px;
    right: -301px;
}
#slideInMenu li:hover, 
#slideInMenu li:focus {
    right: 0;
}
#slideInMenu li > a::before {
    position: absolute;
    top: 0;
    left: -11px;
    border-bottom: 47px solid #F7A602;
    border-left: 10px solid transparent;
    border-right: 0 solid transparent;
    height: 0;
    width: 11px;
    content: "";
}
#slideInMenu li > a i {
    margin-right: 10px;
}
/**/
.singleVideoHeader {
    position: relative;
	max-height: 60vh;
    background-color: #004528;
    color: #FFFFFF;
	font-size: 1.25rem;
	overflow: hidden;
}
/* video */
.singleVideoHeader video {
    max-width: 100%;
}
/**/
.singleVideoHeader > .frame.frame-type-textmedia {
    width: 58.33333333%;
}
.singleVideoHeader > .frame.frame-type-textmedia .ce-gallery {
    margin: 0 0 -4px;
    line-height: 1;
}
.singleVideoHeader h1::before {
    display: block;
    width: 100px;
    margin: 15px 0;
    border-top: 2px solid #F7A600;
    content: "";
}
.singleVideoHeader h1 {
	font-size: 2.5rem;
}
.singleVideoHeader .btn {
	margin: 40px 0 0;
	font-size: 0.875rem;
}
/**/
.singleImageHeader {
    position: relative;
    background-color: #004429;
    color: #FFFFFF;
    overflow: hidden;
}
.singleImageHeader > .container {
    z-index: 100;
    position: relative;
}
.singleImageHeader .row {
    padding: 100px 0;
}
.singleImageHeader h1 {
	font-size: 3rem;
}
.singleImageHeader h1::after {
    display: block;
    margin: 20px 0;
    width: 90px;
    border-bottom: 2px solid #F7A600;
    content: "";
}
.singleImageHeader > .frame-type-image {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
}
.singleImageHeader > .frame-type-image img {
    width: 100%;
    height: auto;
}
/* Carousel Startseite (Bild und Video) */
#carouselStart {
    position: relative;
    background-color: #004528;
    color: #FFFFFF;
    font-size: 1.25rem;
    overflow: hidden;
}
#carouselStart .carousel-inner > .carousel-item video, 
#carouselStart .carousel-inner > .carousel-item img {
    max-width: 1500px;
}
#carouselStart .carousel-inner > .carousel-item .carousel-caption .markerNeu {
    position: relative;
}
#carouselStart .carousel-inner > .carousel-item .carousel-caption .markerNeu::before {
	z-index: 99;
	position: absolute;
    top: -50px;
    right: -50px;
    display: inline-block;
    width: 125px;
    height: 125px;
    background-image: url(/fileadmin/user_upload/icon_sonne_neu.svg);
    content: "";
	-moz-transform: rotate(-15deg);
	transform: rotate(-15deg);
}
html[lang="en"] #carouselStart .carousel-inner > .carousel-item .carousel-caption .markerNeu::before {
    background-image: url(/fileadmin/user_upload/icon_sonne_new_EN.svg);
}
html[lang="es"] #carouselStart .carousel-inner > .carousel-item .carousel-caption .markerNeu::before {
    background-image: url(/fileadmin/user_upload/icon_sonne_nuevo_ES.svg);
}
html[lang="it"] #carouselStart .carousel-inner > .carousel-item .carousel-caption .markerNeu::before {
    background-image: url(/fileadmin/user_upload/icon_sonne_nuovo_IT.svg);
}
#carouselStart .carousel-inner > .carousel-item .carousel-caption h1::before,
#carouselStart .carousel-inner > .carousel-item .carousel-caption h2::before {
	display: block;
    width: 100px;
    margin: 15px 0;
    border-top: 2px solid #F7A600;
    content: "";
}
#carouselStart .carousel-inner > .carousel-item .carousel-caption h1,
#carouselStart .carousel-inner > .carousel-item .carousel-caption h2 {
	font-size: 2.5rem;
}
#carouselStart .carousel-inner > .carousel-item .carousel-caption .btn {
	margin: 40px 0 0;
	font-size: 0.875rem;
}
#carouselStart .carousel-indicators [data-bs-target],
#carouselProducts .carousel-indicators [data-bs-target] {
    border-radius: 50%;
    width: 15px;
    height: 15px;
    background-color: #F7A600;
}
/**/
#carouselProducts {
    min-height: 325px;
}
#carouselProducts > .carousel-indicators {
	bottom: -52px;
	margin-bottom: 52px;
}

/* --- CONTENT --- */
/* Folgeseite ohne Header, .noHeader */
.noHeader {
    min-height: calc(100vh - 399px);
}
/* Auflistung */
.frame-type-text ul,
.frame-type-textpic ul {
    margin: 0 0 20px;
    list-style-type: none;
}
.frame-type-text ul > li,
.frame-type-textpic ul > li {
    position: relative;
}
.frame-type-text ul > li::before,
.frame-type-textpic ul > li::before {
    position: absolute;
    top: -3px;
    left: -22px;
    margin: 0 10px 0 0;
    content: "»";
    color: #F7A600;
    font-size: 1.125rem;
    font-weight: 700;
}
.frame-type-text ul > li > ul,
.frame-type-textpic ul > li > ul {
    list-style-type: square;
}
.frame-type-text ul > li > ul > li::before,
.frame-type-textpic ul > li > ul > li::before {
    display: none;
}
/**/
.content-block {
	padding: 80px 0;
}
.content-block.bg-light-gray {
    background-color: #EEEEEE;
}
/* Kacheln mit Hover-Effekt für Text, .img-card */
.tiles-with-headline .col-md-6 {
    margin-top: 30px;
}
.img-card {
	position: relative;
    width: 100%;
    height: 100%;
	border-radius: 20px;
	overflow: hidden;
}
.img-card header h3 {
	margin: 0;
	color: #FFFFFF;
	font-weight: 700;
    letter-spacing: .5px;
	line-height: 1.3;
}
/* .frame-type-text */
.img-card > .frame-type-text{
    position: relative;
    width: 100%;
    height: 100%;
    padding: 35px;
    text-align: center;
}
/* gelber Hintergrund; .frame-layout-5 */
.img-card > .frame-type-text.frame-layout-5 {
    background-color: #F7A500;
    color: #FFFFFF;
}
/* .frame-type-textpic */
.img-card .frame-type-textpic header {
    z-index: 99;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgb(0, 69, 40);
    background: -moz-linear-gradient(0deg, rgba(0, 69, 40, 1) 0%, rgba(255, 255, 255, 0) 25%);
    background: -webkit-linear-gradient(0deg, rgba(0, 69, 40, 1) 0%, rgba(255, 255, 255, 0) 25%);
    background: linear-gradient(0deg, rgba(0, 69, 40, 1) 0%, rgba(255, 255, 255, 0) 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#004528",endColorstr="#ffffff",GradientType=1);
    padding: calc(100% - 60px) 25px 20px;
    color: #FFFFFF;
    -webkit-transition: -0.6s ease-in-out;
    transition: 0.6s ease-in-out;
}
.img-card .ce-textpic > .ce-gallery {
	position: relative;
}
.img-card .ce-textpic > .ce-gallery::before {
    z-index: 1;
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 68, 41, .3);
    content: "";
}
.img-card .ce-textpic > .ce-gallery, 
.img-card .ce-textpic > .ce-gallery .ce-column, 
.img-card .ce-textpic > .ce-gallery .ce-column > .image {
    float: none;
    margin: 0;
    width: 100%;
}
.img-card .ce-textpic > .ce-gallery .ce-column img {
    width: 100%;
    height: auto;
}
.img-card .ce-textpic > .ce-bodytext {
    z-index: 100;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 75px 25px 35px;
    color: #FFFFFF;
    -webkit-transition: 0.6s ease-in;
    transition: 0.6s ease-in;
}
/* Schrägdach EN, ES */
.img-card-18257 .ce-textpic > .ce-bodytext,
.img-card-22116 .ce-textpic > .ce-bodytext {
    padding: 105px 25px 35px;
}
/* :hover, :focus */
.img-card:hover .frame-type-textpic header,
.img-card:focus .frame-type-textpic header {
    height: 100%;
    background: rgb(0, 69, 40);
    padding-top: 25px;
}
.img-card:hover .ce-textpic > .ce-bodytext, 
.img-card:focus .ce-textpic > .ce-bodytext {
    top: 0;
}
/* .frame-type-menu_section, .frame-type-menu_categorized_content */
.frame.frame-type-menu_section ul,
.frame.frame-type-menu_categorized_content ul,
.frame.frame-type-menu_subpages ul {
    margin: 0 -15px;
	width: 100%;
    padding: 0;
    list-style-type: none;
}
.frame.frame-type-menu_section ul > li a,
.frame.frame-type-menu_categorized_content ul > li a,
.frame.frame-type-menu_subpages ul > li a {
    z-index: 1;
    position: relative;
    display: block;
    border: 2px solid #004528;
    border-radius: 25px;
    width: 100%;
    padding: 10px 25px;
    color: #004528;
    font-size: 0.875em;
    font-weight: 700;
    letter-spacing: .5px;
    text-align: center;
    text-transform: uppercase;
	transition: all .3s;
    overflow: hidden;
}
.frame.frame-type-menu_section ul > li a::before,
.frame.frame-type-menu_categorized_content ul > li a::before,
.frame.frame-type-menu_subpages ul > li a::before {
    z-index: -1;
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 10rem;
    width: 0%;
    height: 100%;
    background-color: #004528;
    transition: all .6s;
    content: "";
}
.frame.frame-type-menu_section ul > li a:hover,
.frame.frame-type-menu_section ul > li a:focus,
.frame.frame-type-menu_categorized_content ul > li a:hover,
.frame.frame-type-menu_categorized_content ul > li a:focus,
.frame.frame-type-menu_subpages ul > li a:hover,
.frame.frame-type-menu_subpages ul > li a:focus {
    color: #FFFFFF;
    text-decoration: none;
}
.frame.frame-type-menu_section ul > li a:hover::before,
.frame.frame-type-menu_section ul > li a:focus::before,
.frame.frame-type-menu_categorized_content ul > li a:hover::before,
.frame.frame-type-menu_categorized_content ul > li a:focus::before,
.frame.frame-type-menu_subpages ul > li a:hover::before,
.frame.frame-type-menu_subpages ul > li a:focus::before {
    width: 100%;
}
.frame.frame-type-menu_section ul > li,
.frame.frame-type-menu_categorized_content ul > li,
.frame.frame-type-menu_subpages ul > li {
    margin: 0 15px 15px;
}
.frame.frame-type-menu_section > ul > li > a {
    display: none !important;
}

/**/
/* Accordion, .accordion */
.accordion > .accordion-item {
	border: 0;
	background-color: transparent;
}
.accordion > .accordion-item h3.accordion-header > .accordion-button {
    border-bottom: 2px solid #004429;
	border-radius: 0 !important;
	background-color: transparent;
    padding: 20px 0 10px;
    color: #004429;
    font-size: 1.375rem;
}
.accordion > .accordion-item h3.accordion-header > .accordion-button::after {
    background: none;
    color: #F7A600;
    content: "\f107";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    transform: none;
}
.accordion > .accordion-item h3.accordion-header > .accordion-button[aria-expanded="true"]::after {
    content: "\f106";
}
.accordion > .accordion-item .accordion-body {
	padding: 10px 0;
}
.accordion > .accordion-item .accordion-body header {
    display: none;
}
/* .pp-accordion-primary */
.accordion.pp-accordion-primary {
    margin: 0 0 -10px;
}
.accordion.pp-accordion-primary .accordion-header {
    margin: 0 0 10px;
}
.accordion.pp-accordion-primary .accordion-header > .accordion-button {
    border-radius: 10px 10px 0 0;
    background-color: #004528;
    padding: 20px 25px;
    color: #FFFFFF;
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: .5px;
}
.accordion.pp-accordion-primary .accordion-header > .accordion-button:hover, 
.accordion.pp-accordion-primary .accordion-header > .accordion-button:focus {
    outline: none;
    box-shadow: none;
}
.accordion.pp-accordion-primary .accordion-header > .accordion-button.collapsed {
    border-radius: 10px;
}
.accordion.pp-accordion-primary .accordion-header > .accordion-button::after {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: auto;
    height: auto;
    border-radius: 0 10px 0 0;
    background: #F7A602;
    padding: 20px 25px 20px 15px;
    content: "\f068";
    font-family: "Font Awesome 6 Pro";
    font-size: 1.5rem;
    line-height: 1;
    transition: none;
    transform: none;
}
.accordion.pp-accordion-primary .accordion-header > .accordion-button.collapsed::after {
    border-radius: 0 10px 10px 0;
    content: "\2b";
}
.accordion.pp-accordion-primary .accordion-header > .accordion-button::before {
    position: absolute;
    top: 0;
    right: 62px;
    border-bottom: 64px solid #F7A602;
    border-left: 10px solid transparent;
    border-right: 0 solid transparent;
    height: 100%;
    width: 10px;
    content: "";
    line-height: 1;
}
.accordion.pp-accordion-primary > .accordion-item .accordion-body {
    margin: -10px 0 10px;
    border-radius: 0 0 10px 10px;
    background-color: #FFFFFF;
    padding: 25px;
}
.accordion.pp-accordion-primary > .accordion-item .accordion-body .ce-uploads > li {
    display: flex;
	margin: 0;
    gap: 10px;
}
.accordion.pp-accordion-primary > .accordion-item .accordion-body .ce-uploads > li + li {
	margin-top: 20px;
	border-top: 1px solid rgba(0,0,0,.1);
	padding-top: 20px;
}
.accordion.pp-accordion-primary > .accordion-item .accordion-body .ce-uploads > li::before {
    content: "\f1c1";
    color: #F7A602;
    font-family: "Font Awesome 6 Pro";
    font-size: 2.25rem;
    line-height: 1.25;
}
.accordion.pp-accordion-primary > .accordion-item .accordion-body .ce-uploads > li:hover::before, 
.accordion.pp-accordion-primary > .accordion-item .accordion-body .ce-uploads > li:focus::before {
    font-weight: 700;
}
.accordion.pp-accordion-primary > .accordion-item .accordion-body .ce-uploads .ce-uploads-filesize {
    font-size: .875rem;
    opacity: .5;
}
html[lang="de"] .accordion.pp-accordion-primary > .accordion-item .accordion-body .ce-uploads .ce-uploads-filesize::before {
    content: "Größe: ";
}
html[lang="en"] .accordion.pp-accordion-primary > .accordion-item .accordion-body .ce-uploads .ce-uploads-filesize::before {
    content: "Size: ";
}
html[lang="es"] .accordion.pp-accordion-primary > .accordion-item .accordion-body .ce-uploads .ce-uploads-filesize::before {
    content: "Tamaño: ";
}
html[lang="it"] .accordion.pp-accordion-primary > .accordion-item .accordion-body .ce-uploads .ce-uploads-filesize::before {
    content: "Dimensione del file: ";
}
/* Contentslider, .ce-slider */
.ce-slider {
    margin: 0 -25px !important;
    padding: 30px 25px !important;
}
/**/
.ce-slider .ce-card {
	border-color: transparent;
	border-radius: 10px;
	box-shadow: 0 0 15px rgba(0,0,0,.15);
}
.ce-slider .ce-card > .card-body {
    padding: 0;
}
.ce-slider .ce-card > .card-body .ce-gallery {
    margin: 0;
    border-radius: 10px 10px 0 0;
    height: 185px;
    background: rgb(43, 117, 87);
    background: -moz-radial-gradient(circle, rgba(43, 117, 87, 1) 0%, rgba(0, 69, 41, 1) 100%);
    background: -webkit-radial-gradient(circle, rgba(43, 117, 87, 1) 0%, rgba(0, 69, 41, 1) 100%);
    background: radial-gradient(circle, rgba(43, 117, 87, 1) 0%, rgba(0, 69, 41, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2b7557",endColorstr="#004529",GradientType=1);
    padding: 30px;
}
.ce-slider .ce-card > .card-body .ce-gallery img {
    width: auto !important;
    max-height: 125px;
}
.ce-slider .ce-card > .card-body .ce-bodytext {
	min-height: 200px;
    padding: 20px;
	text-align: center;
}
.ce-slider .ce-card > .card-body .ce-bodytext h3 {
	color: #004528;
	font-size: 1.25rem;
}
/* .swiper-button-prev, .swiper-button-next */
.ce-slider .swiper-button-prev, 
.ce-slider .swiper-button-next {
    border-radius: 25px;
    width: 50px;
    height: 50px;
    background-color: #F7A600;
    padding: 15px;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
.ce-slider .swiper-button-prev {
	left: 5px;
} 
.ce-slider .swiper-button-prev:after {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    content: '\f100';
	color: #FFFFFF;
	font-size: 1.5rem;
}
.ce-slider .swiper-button-next {
	right: 5px;
}
.ce-slider .swiper-button-next:after {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    content: '\f101';
	color: #FFFFFF;
	font-size: 1.5rem;
}
/* .swiper-pagination-bullet */
.ce-slider > .swiper-pagination {
    position: relative;
    top: inherit;
    margin: 30px 0 0;
}
.ce-slider .swiper-pagination-bullet {
    width: 14px;
    height: 14px;
    background: #FFFFFF;
    opacity: 1;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.ce-slider .swiper-pagination-bullet:hover,
.ce-slider .swiper-pagination-bullet:focus,
.ce-slider .swiper-pagination-bullet-active {
	background: #F7A602;
}

/* Gridelemente */
/* .frame-type-ce_grid */
.frame-type-ce_grid .container > .row .frame {
	margin: 0 0 30px;
	background-color: transparent;
}
.frame-type-ce_grid .ce-textpic > .ce-gallery .ce-inner::before,
.frame-type-ce_grid .ce-textpic > .ce-gallery .ce-inner::after {
    z-index: 1;
    position: absolute;
    top: calc(50% - 62.5px);
    left: calc(50% - 62.5px);
    border-radius: 10px;
    width: 125px;
    height: 125px;
    background-color: transparent;
    content: "";
}
/* kein Hintergrund (Icon), .frame-layout-0 */
.frame-type-ce_grid .container > .row .frame.frame-layout-0 img {
    padding: 34px 0;
}
/* HG Grün, .frame-layout-4 */
.frame-type-ce_grid .frame-layout-4 .ce-textpic > .ce-gallery .ce-inner::before {
    top: calc(50% - 60px);
    border-bottom: 5px solid #F7A602;
    border-radius: 10px;
    width: 125px;
    height: 130px;
    content: "";
}
.frame-type-ce_grid .frame-layout-4 .ce-textpic > .ce-gallery .ce-inner::after {
    background: rgb(0,69,41);
	background: -moz-linear-gradient(0deg, rgba(0,69,41,1) 0%, rgba(7,93,58,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(0,69,41,1) 0%, rgba(7,93,58,1) 100%);
	background: linear-gradient(0deg, rgba(0,69,41,1) 0%, rgba(7,93,58,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#004529",endColorstr="#075d3a",GradientType=1);
}
/* HG Gelb, .frame-layout-5 */
.frame-type-ce_grid .frame-layout-5 .ce-textpic > .ce-gallery .ce-inner::after {
    background-color: #F7A602;
}
/* HG Hellgrau, .frame-layout-6 */
.frame-type-ce_grid .frame-layout-6 .ce-textpic > .ce-gallery .ce-inner::after {
    background-color: #E8E8E8;
}
.frame-type-ce_grid .ce-textpic > .ce-gallery .image {
    z-index: 99;
    position: relative;
	min-height: 148px;
}
.frame-type-ce_grid .ce-textpic > .ce-gallery .image > a {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}
.frame-type-ce_grid .ce-textpic > .ce-gallery .image img {
	z-index: 100;
	position: relative;
    transform: scale(.9);
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.frame-type-ce_grid .ce-textpic:hover > .ce-gallery .image img,
.frame-type-ce_grid .ce-textpic:focus > .ce-gallery .image img {
    transform: scale(1);
}
/**/
.frame-type-ce_grid .frame-layout-4 .ce-textpic a {
    color: #004429;
}

/* Rahmenformate */
/* Downloads, .frame-downloads */
.frame-downloads .ce-uploads {
    display: grid;
    grid-template-columns: 100%;
    grid-row-gap: 30px;
}
.frame-downloads .ce-uploads > li {
	display: flex;
    margin: 0;
    border-radius: 10px;
    background-color: #F5F5F5;
    padding: 30px;
}
.frame-downloads .ce-uploads > li a {
    color: #004528;
    font-size: 1.125rem;
	line-height: 1.2;
    text-decoration: none;
}
.frame-downloads .ce-uploads > li img {
    margin-right: 30px;
	background-color: #FFFFFF;
    padding: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, .15);
}
.frame-downloads .ce-uploads .ce-uploads-filesize {
	opacity: .5;
	font-size: 0.75rem;
}
html[lang="de"] .frame-downloads .ce-uploads .ce-uploads-filesize::before {
    content: "Größe: ";
}
html[lang="en"] .frame-downloads .ce-uploads .ce-uploads-filesize::before {
    content: "Size: ";
}
html[lang="es"] .frame-downloads .ce-uploads .ce-uploads-filesize::before {
    content: "Tamaño: ";
}
html[lang="it"] .frame-downloads .ce-uploads .ce-uploads-filesize::before {
    content: "Dimensione del file: ";
}
/* Ergänzung Hinweis US/CA Only bei relevanten Downloads */
a[title="Installation manual Flush Mount"] > span::after,
a[title="Mounting- & maintenance instructions Flat roof system SL Fast Flat (CA)"] > span::after,
a[title="UL 3741 Certificate of Compliance SL Fast Flat"] > span::after,
a[title="UL 2703 Certificate of Compliance Flush Mount and SL Fast Flat"] > span::after {
    display: block;
	margin: 5px 0;
    content: "⚠ US/CA Only - Only for the US and Canadian market";
    font-size: .875rem;
	line-height: 1.2;
    text-transform: uppercase;
}
/**/
.col-md-4 .frame-downloads .ce-uploads {
    display: block;
}
.col-md-4 .frame-downloads .ce-uploads > li {
    margin: 0 !important;
    padding: 20px;
}
.col-md-4 .frame-downloads .ce-uploads > li + li {
    margin-top: 30px !important;
}
.col-md-4 .frame-downloads .ce-uploads > li img {
    margin-right: 20px;
    max-width: 80px;
    height: auto;
}
.col-md-4 .frame-downloads .ce-uploads > li .ce-uploads-fileName {
    font-size: 1rem;
    line-height: 1.3;
}
/* Downloads auf hellgrauen Hintergrund, .frame-layout-6 */
.frame-layout-6 .frame-downloads .ce-uploads > li {
	border-bottom: 5px solid #F7A600;
    background: rgb(0, 69, 41);
    background: -moz-linear-gradient(0deg, rgba(0,69,41,1) 0%, rgba(7,93,58,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0, 69, 41, 1) 0%, rgba(7, 93, 58, 1) 100%);
    background: linear-gradient(0deg, rgba(0, 69, 41, 1) 0%, rgba(7, 93, 58, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#004529",endColorstr="#075d3a",GradientType=1);
    color: #FFFFFF;
}
.frame-layout-6 .frame-downloads .ce-uploads > li a {
    color: #FFFFFF;
}
/**/
.frame-tabs-montagevideos .tabpanel {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;
}
.frame-tabs-montagevideos .tabpanel > .tab-navigation {
	order: 2;
}
.frame-tabs-montagevideos .tabpanel > .tab-navigation .nav-tabs {
    margin: 5px -5px 0;
    border: 0;
}
.frame-tabs-montagevideos .tabpanel > .tab-navigation .nav-tabs .nav-link {
    z-index: 1;
    position: relative;
	margin: 0 5px;
    border: 2px solid #F7A600;
    border-radius: 25px;
    padding: 10px 25px;
    color: #F7A600;
    font-size: 0.875em;
    font-weight: 700;
    letter-spacing: .5px;
    text-transform: uppercase;
    transition: all .6s;
    overflow: hidden;
}
.frame-tabs-montagevideos .tabpanel > .tab-navigation .nav-tabs .nav-link::before {
	z-index: -1;
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 10rem;
    width: 0%;
    height: 100%;
    background-color: #F7A600;
    transition: all .6s;
    content: "";
}

.frame-tabs-montagevideos .tabpanel > .tab-navigation .nav-tabs .nav-link:hover,
.frame-tabs-montagevideos .tabpanel > .tab-navigation .nav-tabs .nav-link:focus {
	background-color: transparent;
	color: #FFFFFF;
	text-decoration: none;
}
.frame-tabs-montagevideos .tabpanel > .tab-navigation .nav-tabs .nav-link:hover::before,
.frame-tabs-montagevideos .tabpanel > .tab-navigation .nav-tabs .nav-link:focus::before {
    width: 100%;
}
.frame-tabs-montagevideos .tabpanel > .tab-navigation .nav-tabs .nav-link.active {
	position: relative;
	border: 0;
	border-radius: 25px;
	background-color: #F7A600;
	padding: 10px 25px;
	color: #FFFFFF;
	font-weight: 700;
	letter-spacing: .5px;
	text-decoration: none;
	text-transform: uppercase;
	transition: all 0.3s ease-in-out;
}
.frame-tabs-montagevideos .tabpanel > .tab-content {
	order: 1;
}
/* Ansprechpartner, .frame-ansprechpartner */
.frame-ansprechpartner {
	position: relative;
    margin: 10px 0 15px;
    border-radius: 8px;
    background: rgb(0,69,41);
	background: -moz-linear-gradient(0deg, rgba(0,69,41,1) 0%, rgba(7,93,58,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(0,69,41,1) 0%, rgba(7,93,58,1) 100%);
	background: linear-gradient(0deg, rgba(0,69,41,1) 0%, rgba(7,93,58,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#004529",endColorstr="#075d3a",GradientType=1);
    padding: 25px 25px 15px;
    color: #FFFFFF;
}
.frame-ansprechpartner > h4 {
    margin: 0;
}
.frame-ansprechpartner .fa-solid {
	min-width: 25px;
    color: #F7A600;
}
.frame-ansprechpartner a {
    color: #FFFFFF;
}
.frame-ansprechpartner .ansprechpartnerSprachen {
    position: absolute;
    top: 25px;
    right: 25px;
    margin: 0 -5px;
}
.frame-ansprechpartner .ansprechpartnerSprachen > .flag {
    display: inline-block;
	margin: 0 5px;
    border-radius: 20px;
    width: 20px;
    height: 20px;
	background-position: top center;
	background-size: auto 100%;
	color: transparent;
    overflow: hidden;
}
.frame-ansprechpartner .ansprechpartnerSprachen > .flag.flag-de {
	background-image: url(../images/Flag_of_Germany.svg);
}
.frame-ansprechpartner .ansprechpartnerSprachen > .flag.flag-en {
	background-image: url("../images/Flag_of_the_United_Kingdom.svg");
}
.frame-ansprechpartner .ansprechpartnerSprachen > .flag.flag-es {
	background-image: url("../images/Flag_of_Spain.svg");
}
.frame-ansprechpartner .ansprechpartnerSprachen > .flag.flag-it {
	background-image: url("../images/Flag_of_Italy.svg");
}
.frame-ansprechpartner .ansprechpartnerSprachen > .flag.flag-fr {
	background-image: url("../images/Flag_of_France.svg");
}
.frame-ansprechpartner .ansprechpartnerSprachen > .flag.flag-hu {
	background-image: url("../images/Flag_of_Hungary.svg");
}
.frame-ansprechpartner .ansprechpartnerSprachen > .flag.flag-tr {
	background-image: url("../images/Flag_of_Turkey.svg");
}
.frame-ansprechpartner .ansprechpartnerSprachen > .flag.flag-are {
	background-image: url("../images/Flag_of_the_United_Arab_Emirates.svg");
	background-position: top left;
}
.frame-ansprechpartner .ansprechpartnerSprachen > .flag.flag-gr {
	background-image: url("../images/Flag_of_Greece.svg");
	background-position: top left;
}
.frame-ansprechpartner > .ansprechpartnerPosition {
    margin: 0 0 35px;
}

/**/
.grid-webinare {
    margin: -30px -15px 0;
}
.grid-webinare .col {
    margin: 30px 0 0;
}
.grid-webinare .card-img-top,
.grid-webinare img {
    width: 100%;
    height: auto;
}
.grid-webinare .ce-outer, .grid-webinare .ce-inner, 
.grid-webinare .ce-row, .grid-webinare .ce-column,
.grid-webinare .image {
    width: 100%;
}
.grid-webinare .ce-card .card-body {
    padding: 30px;
	text-align: center;
}
.grid-webinare .ce-card .card-body .card-title {
    margin: 0 0 30px;
    min-height: 52px;
}

/* --- NEWS --- */
.frame-type-news_pi1 > header h3 {
    margin: 0 0 25px;
}
/* Listenansicht, .news-list-view */
.news-list-view .list-group-item + .list-group-item {
    margin-top: 30px;
    border-top: 1px solid rgba(0, 0, 0, .1);
    padding-top: 30px;
}
.news-list-view .col-md-3 {
 	position: relative;
}
.news-list-view .articleDate {
    position: absolute;
    top: 0;
    left: 30px;
    border-radius: 0 0 10px 10px;
    width: 65px;
    background-color: rgba(255, 255, 255, .9);
    padding: 10px 15px;
    font-weight: 700;
    line-height: 1.1;
    text-align: center;
}
.news-list-view > .list-group-item img {
    border-radius: 20px;
}
.news-list-view > .list-group-item .col-md-9 h4 > a {
    color: #000000;
    font-weight: 700;
}
/* Startseite, #news-container-14 */
#news-container-14 .list-group-item + .list-group-item,
#news-container-18262 .list-group-item + .list-group-item,
#news-container-22121 .list-group-item + .list-group-item,
#news-container-22241 .list-group-item + .list-group-item {
    margin: 0;
    border-top: 0;
    padding: 0;
}
#news-container-14 .list-group-item .col-md-9 h4,
#news-container-18262 .list-group-item .col-md-9 h4,
#news-container-22121 .list-group-item .col-md-9 h4,
#news-container-22241 .list-group-item .col-md-9 h4 {
    margin: 20px 0 10px;
}
#news-container-14 > .list-group-item .teaser,
#news-container-18262 > .list-group-item .teaser,
#news-container-22121 > .list-group-item .teaser,
#news-container-22241 > .list-group-item .teaser {
    display: none;
}
/* Termine, .news-list-view-termine */
.news-list-view-termine .article + .article,
.news-list-view-webinare .article + .article {
    margin-top: 20px;
    border-top: 1px solid rgba(0, 0, 0, .1);
    padding-top: 20px;
}
.news-list-view-termine .article > .addInformation > p {
    margin: 0;
}
.news-list-view-termine .article > .header h4 {
	margin: 0 0 10px;
	color: #004429;
}
.news-list-view-termine .article > .header a {
	color: #F7A602;
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.2;
}
/* Webinare, .news-list-view-webinare */
.news-list-view-webinare .addInformation i.fa-calendar-days {
    color: #F7A602;
}
/* Detailseite; .news-single  */
.news-single h1 {
    margin: 0 0 20px;
    border: 0 !important;
    padding: 0 !important;
}
.news-single h1::after {
    display: block;
    width: 100px;
    margin: 15px 0;
    border-top: 2px solid #F7A600;
    content: "";
}
.news-single .thumbnail + .thumbnail {
    margin-top: 15px;
}
.news-single .thumbnail > img {
    border-radius: 20px;
}
.news-single .thumbnail > .caption {
    margin: 5px 20px 0;
    color: #F7A600;
    font-size: .875rem;
    font-style: italic;
    letter-spacing: .25px;
}
/* .newsTermineUhr */
.newsTermineUhr {
    display: none;
}
.newsTermineUhr.news-Webinar {
    display: inline-block;
}
/* .pagination 
.pagination {
	justify-content: center;
}*/
.pagination + .article,
.article + .pagination {
    margin-top: 30px;
}
.pagination > .page-item > .page-link {
    color: #F7A602;
}
.pagination > .page-item.active > .page-link {
    border-color: #004528;
    background-color: #004528;
    color: #FFFFFF;
}

/* --- UNTERNEHMEN --- */
/* Timeline, .timeline */
/* The actual timeline (the vertical ruler) */
.timeline {
	position: relative;
	/*max-width: 1200px;
	margin: 0 auto;*/
}
/* The actual timeline (the vertical ruler) */
.timeline::after {
	content: '';
	position: absolute;
	width: 6px;
	background-color: white;
	top: 0;
	bottom: 0;
	left: 50%;
	margin-left: -3px;
}
/* Container around content */
.tl-container {
	padding: 10px 0;
	position: relative;
	background-color: inherit;
	width: 50%;
}
/* The circles on the timeline */
.tl-container::after {
	content: '';
	position: absolute;
	width: 25px;
	height: 25px;
	right: -12.5px;
	background-color: white;
	border: 4px solid #FF9F55;
	top: 15px;
	border-radius: 50%;
	z-index: 1;
}
/* Place the container to the left */
.tl-left {
	left: 0;
	padding-right: 40px;
}
/* Place the container to the right */
.tl-right {
	left: 50%;
	padding-left: 40px;
}
/* Add arrows to the left container (pointing right) */
.tl-left::before {
	content: " ";
	height: 0;
	position: absolute;
	top: 18px;
	width: 0;
	z-index: 1;
	right: 30px;
	border: medium solid #004528;
	border-width: 10px 0 10px 10px;
	border-color: transparent transparent transparent #004528;
}
/* Add arrows to the right container (pointing left) */
.tl-right::before {
	content: " ";
	height: 0;
	position: absolute;
	top: 18px;
	width: 0;
	z-index: 1;
	left: 30px;
	border: medium solid #004528;
	border-width: 10px 10px 10px 0;
	border-color: transparent #004528 transparent transparent;
}
/* Fix the circle for containers on the right side */
.tl-right::after {
	left: -12.5px;
}
/* The actual content */
.tl-content {
	position: relative;
	top: -5px;
	padding: 20px 30px;
	background-color: #004528;
	border-radius: 10px;
	color: #FFFFFF;
	box-shadow: 0 0 10px rgba(0, 0, 0, .3);
}
.tl-content::after {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    background-color: transparent;
    border-bottom: 5px solid #F7A602;
    border-radius: 10px;
    width: 100%;
    height: calc(100% + 8px);
    content: "";
}
.tl-content > h3 {
	color: #FFFFFF;
}
.tl-content p {
	margin: 0;
}
/* SLR Leitsatz */
.slr-leitsatz-cards .frame-type-ce_card {
	border-radius: 20px;
    height: 100%;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.slr-leitsatz-cards .frame-layout-6:hover,
.slr-leitsatz-cards .frame-layout-6:focus {
	background-color: #004528;
}
.slr-leitsatz-cards .frame-type-ce_card:hover,
.slr-leitsatz-cards .frame-type-ce_card:focus {
    box-shadow: 0 0 20px rgba(0, 0, 0, .15);
}
.frame-layout-6 .slr-leitsatz > .ce-card {
    border: 0;
	border-radius: 20px !important;
    background-color: #F5F5F5;
    padding: 40px 20px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.frame-layout-6 .slr-leitsatz:hover > .ce-card,
.frame-layout-6 .slr-leitsatz:focus > .ce-card {
    background-color: #004528;
    color: #FFFFFF;
}
.slr-leitsatz > .ce-card img {
    margin: 0 0 10px;
    transform: scale(1);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
	transition-delay: 250ms;
}
.slr-leitsatz:hover > .ce-card img,
.slr-leitsatz:focus > .ce-card img {
    transform: scale(1.15);
}
.slr-leitsatz > .ce-card .card-title {
    color: #004528;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.slr-leitsatz:hover > .ce-card .card-title,
.slr-leitsatz:focus > .ce-card .card-title {
    color: #FFFFFF;
}
/* .slr-counter */
.slr-counter {
    display: flex;
    margin: 35px 0 0;
    width: 100%;
    padding: 0;
    list-style-type: none;
}
.slr-counter > li {
    position: relative;
    display: table-cell;
    margin: 0 auto;
    border: 5px solid #F7A602;
    border-radius: 50%;
    width: 200px;
    height: 200px;
    background-color: #F7A602;
    padding: 60px 30px;
    color: #FFFFFF;
    line-height: 1.3;
    text-align: center;
}
.slr-counter > li:nth-of-type(4) {
    padding: 40px 30px;
}
.slr-counter > li::before {
    position: absolute;
    top: 0;
    left: 0;
    border: 2.5px solid #F5F5F5;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    content: "";
}
.slr-counter > li .counter-fact {
    display: block;
    color: #FFFFFF;
	font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.2;
}

/* --- KARRIERE --- */
/* Slider Benefits, .ce-slider-12616 */
#ce-slider-12616 .ce-slide .ce-card {
    position: relative;
	border-radius: 10px;
	min-height: 370px;
	overflow: hidden;
}
#ce-slider-12616 .ce-slide .ce-card > .cec-image-wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    display: grid;
    align-items: center;
    background-color: #F5F5F5;
    padding: 30px;
    text-align: center;
	-webkit-transition: all .6s ease-in-out;
	transition: all .6s ease-in-out;
}
#ce-slider-12616 .ce-slide .ce-card > .cec-image-wrap > .frame {
    display: grid;
}
#ce-slider-12616 .ce-slide .ce-card > .cec-image-wrap header {
    order: 2;
    margin: 20px 0 0;
}
#ce-slider-12616 .ce-slide .ce-card > .cec-image-wrap header > h3 {
    font-size: 1.25rem;
    font-weight: normal;
}
#ce-slider-12616 .ce-slide .ce-card > .cec-image-wrap .ce-image {
    order: 1;
}
#ce-slider-12616 .ce-slide .ce-card > .card-body {
    background-color: #004429;
    padding: 25px;
    color: #FFFFFF;
    text-align: center;
}
#ce-slider-12616 .ce-slide .ce-card > .card-body h3 {
	color: #FFFFFF;
    font-size: 1.25rem;
    font-weight: normal;
}
/* :hover, :focus */
#ce-slider-12616 .ce-slide .ce-card:hover > .cec-image-wrap, 
#ce-slider-12616 .ce-slide .ce-card:focus > .cec-image-wrap {
    visibility: hidden;
    opacity: 0;
}

/* --- FORMULARE --- */
/**/
.frame-type-form_formframework > form .col-md-6, .frame-type-form_formframework > form .col-lg-6, 
.frame-type-form_formframework > form .col-xl-6, .frame-type-form_formframework > form .col-xxl-6 {
    padding: 0 10px;
}
.frame-type-form_formframework > form .form-group {
    position: relative;
	margin: 0 0 20px;
}
.frame-type-form_formframework > form .form-group > .form-label {
    position: absolute;
    top: -9px;
    left: 12px;
    background-color: #FFFFFF;
    padding: 0 10px;
    color: #F7A602;
    font-size: 0.875rem;
}
.frame-type-form_formframework > form .form-control {
    border-color: #E5E5E5;
    padding: 12.5px 20px;
}
.frame-type-form_formframework > form .form-control:focus {
	border-color: #F7A602;
	box-shadow: 0 0 0 .25rem rgba(247, 166, 2, .25);
}
.frame-type-form_formframework > form .form-check {
    margin: 0;
    padding: 0;
}
.frame-type-form_formframework > form .form-check input[type="checkbox"] {
    margin: 0 5px 0 0;
}
/* Kontaktformular DE */
/* Feld: Datenschutzerklärung, #kontaktformular-7702-fieldset-1 */
.frame-type-form_formframework > form #kontaktformular-7702-fieldset-1 h2 {
    display: none;
}
.frame-type-form_formframework > form #kontaktformular-7702-fieldset-1 > .form-group {
    margin: 0;
}
/* EXT: powermail */
/* .tx-powermail */
.tx-powermail {
    margin: 0 -15px;
}
.tx-powermail h3 {
    font-size: 1.5rem;
    font-weight: normal;
    letter-spacing: .5px;
}
.tx-powermail .alert {
    margin: 0;
}
.tx-powermail .powermail_fieldwrap.col-md-6 {
    flex: none;
    width: 100%;
}
.form-control:hover,
.form-control:focus {
    border-color: #004528;
    box-shadow: 0 0 0 .25rem rgba(0, 69, 40, .25);
}
.form-label {
    color: #F7A602;
    font-weight: 700;
    letter-spacing: .5px;
	line-height: 1.2;
    text-transform: uppercase;
}
.form-check-input:hover,
.form-check-input:focus {
    border-color: #004528;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(0, 69, 40, .25);
}
.form-check-input:checked {
    background-color: #004528;
    border-color: #004528;
}
#tx_powermail_pi1fieldlieferadresse-errormessage,
.powermail-errors-list{
    margin: 5px 0 0;
    padding: 0;
	color: #F7A602;
}
input.btn.btn-primary {
    padding: 12.5px 50px;
}
input.btn.btn-primary::after {
	display: none;
}
/* Bestellformular Musterkoffer SL Fast Flat */
/* Abstand zwischen Text + Checkbox (Newsletter) */
#c36964, #c36966,
#c36967, #c36968 {
    margin: 0 0 -20px;
}
/**/
.vorteil {
    display: flex;
    margin: 0 auto;
    width: 250px;
    max-width: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 14px;
    border: 2px solid #F7A602;
    background-color: #004528;
    padding: 30px;
    color: #FFFFFF;
    text-align: center;
    flex-direction: column;  /* Inhalt bleibt untereinander */
    justify-content: center; /* vertikal */
    align-items: center;     /* horizontal */
}
.vorteil + .vorteil {
	margin-top: 30px;
}
.vorteil p {
    margin: 0;
}
.vorteil p strong {
    font-size: 3rem;
}

/* --- BILDERGALERIE --- */
/**/
.fc-gallery__item-wrapper {
	position: relative;
	display: block;
	border-radius: 20px;
	width: 100%;
	overflow: hidden;
}
.fc-gallery__item-wrapper > .fc-gallery__item {
	width: 100%;
	height: 100%;
}
.fc-gallery__item__thumbnail {
	display: block;
	width: 100%;
	height: auto;
	min-height: 324px;
	object-fit: cover;
	transition: transform 0.3s ease;
}

/* --- SUCHE --- */
#ke_search_searchfield_submit {
    z-index: 99;
    position: absolute !important;
    right: 0;
    display: inline-block;
    border: 0;
    width: 50px;
    height: 60px;
    background-color: transparent;
    color: transparent;
}
/* Popup, #overlaySearch */
#overlaySearch {
	z-index: 9999;
    background: rgba(0, 69, 40, .85);
}
#overlaySearch > .close {
    z-index: 99;
    position: absolute;
    top: 15px;
    right: 15px;
    border: 0;
    background-color: transparent;
    padding: 0;
    color: #FFFFFF !important;
    font-size: 2rem;
    text-shadow: none;
    opacity: .5;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
#overlaySearch > .close:hover,
#overlaySearch > .close:focus {
	opacity: 1;
}
#overlaySearch > .modal-dialog {
    display: table;
    margin: 0 auto;
    width: 100%;
    max-width: inherit;
    height: 100vh;
    padding: 0 15px;
}
#overlaySearch > .modal-dialog .modal-content {
    display: table-cell;
    border: 0;
    border-radius: 0;
    background-color: transparent;
    vertical-align: middle;
}
#overlaySearch > .modal-dialog .modal-content #form_kesearch_searchfield {
    position: relative;
    font-size: 2rem;
}
#overlaySearch > .modal-dialog .modal-content #form_kesearch_searchfield::after {
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    width: 50px;
    height: 62px;
    content: "\f002";
    color: #FFFFFF;
    font-family: "Font Awesome 6 Pro";
    font-size: 2.5rem;
    font-weight: 900;
}
#overlaySearch > .modal-dialog .modal-content #ke_search_searchfield_sword {
    border: 0;
    border-bottom: 3px solid #FFFFFF;
    width: 100%;
    background-color: transparent;
    padding: 15px 0;
    color: #FFFFFF;
    line-height: 1;
    outline: none;
}
#overlaySearch > .modal-dialog .modal-content #ke_search_searchfield_sword::placeholder {
	color: #FFFFFF;
}
/* Suchseite */
/* Suchfeld, #ke_search_sword */
.tx-kesearch-pi1 > #form_kesearch_pi1 .kesearch_searchbox {
	position: relative;
}
.tx-kesearch-pi1 > #form_kesearch_pi1 .kesearch_searchbox .kesearchbox {
	width: 100%;
}
.tx-kesearch-pi1 > #form_kesearch_pi1 .kesearch_searchbox #ke_search_sword {
    border: 0;
    border-radius: 25px;
    width: 100%;
	padding: 10px 20px;
}
.tx-kesearch-pi1 > #form_kesearch_pi1 .kesearch_searchbox .resetbutt {
    display: none;
}
.tx-kesearch-pi1 > #form_kesearch_pi1 .kesearch_searchbox .submitbutt {
    position: absolute;
    top: 1px;
    right: 0;
}
.tx-kesearch-pi1 > #form_kesearch_pi1 .kesearch_searchbox .submitbutt > input[type="submit"] {
	margin: 0;
    border-radius: 25px;
    border: 2px solid #FFFFFF;
    width: 100%;
    background-color: #F7A602;
    padding: 8px 20px;
    color: #FFFFFF;
}
/* Suchergebnisse, #kesearch_results */
.tx-kesearch-pi1 #kesearch_results > .result-list-item .hit {
    color: #F7A602 !important;
}

/* --- BREADCRUMB --- */
nav[aria-label="breadcrumb"] {
	margin: 5px 0;
    width: 100%;
    background-color: #004528;
    overflow: hidden;
}
/* .breadcrumb + .socialmedia */
.breadcrumb {
    margin: 15px 0;
}
.breadcrumb-item + .breadcrumb-item::before {
	content: "»";
	color: rgba(255,255,255,.8);
	font-weight: normal !important;
}
.breadcrumb .breadcrumb-item > a {
	color: rgba(255,255,255,.8);
	font-weight: normal;
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.breadcrumb .breadcrumb-item > a:hover,
.breadcrumb .breadcrumb-item > a:focus {
	color: rgba(255,255,255,1);
}
.breadcrumb .breadcrumb-item.active {
	color: #FFFFFF;
	font-weight: 700;
}
/* .socialmedia */
.socialmedia {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: right;
}
.socialmedia li {
	display: inline-block;
	padding: 0 7.5px;
}
.socialmedia li > a {
    display: block;
    border-radius: 25px;
    width: 25px;
    height: 25px;
    background-color: rgba(255, 255, 255, .8);
    padding: 4.5px;
    color: #646363;
    font-size: 1rem;
    line-height: 1;
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.socialmedia li > a:hover,
.socialmedia li > a:focus {
	background-color: rgba(255,255,255,1);
}

/* --- FUßZEILE --- */
footer {
	background-color: #646363;
	color: #FFFFFF;
	font-size:  0.875em;
	
}
footer hr {
	margin: 0;
	border-color: #FFFFFF;
}
footer p {
	margin: 0;
}
footer a {
	color: #FFFFFF;
	text-decoration: none;
}
footer a:hover,
footer a:focus {
	text-decoration: underline;
}
footer .container:nth-of-type(1) {
	padding: 50px 15px; 
}
footer .container:nth-of-type(2) {
	padding: 20px 15px; 
}
footer .footer-brand > img {
	max-width: 200px;
	height: auto;
}
/* .footerNav */
ul.footerNav li a {
	color: rgba(255,255,255,.5);
	text-decoration: none;
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
ul.footerNav li a:hover,
ul.footerNav li a:focus,
ul.footerNav li a.active {
	color: #FFFFFF;
}

#backToTopButton {
	z-index: 99;
    position: fixed;
    right: 30px;
    bottom: 30px;
    border: 0;
    border-radius: 50%;
    background-color: #F7A600;
    padding: 10px 19px;
    color: #FFFFFF;
    font-size: 1.5rem;
	box-shadow: 0 0 10px rgba(0,0,0,.3);
}

@media only screen and (max-height: 721px) {
	/* SLIDER */
	/* Carousel Startseite (Bild und Video) */
	#carouselStart .carousel-inner > .carousel-item .carousel-caption .col-lg-5.offset-lg-7 {
		padding-right: 30px;
	}
	#carouselStart .carousel-inner > .carousel-item .carousel-caption .markerNeu::before {
		top: -25px;
		width: 100px;
		height: 100px;
	}
	#carouselStart .carousel-inner > .carousel-item .carousel-caption h1,
	#carouselStart .carousel-inner > .carousel-item .carousel-caption h2 {
		font-size: 2rem !important;
	}
	#carouselStart .carousel-inner > .carousel-item .carousel-caption p {
		font-size: .875em;
	}
	#carouselStart .carousel-inner > .carousel-item .carousel-caption .btn {
    	margin: 25px 0 0;
	}
}

@media only screen and (max-width: 575px) {
	.navbar .navbar-brand > img {
        height: 50px !important;
    }
	
	/* --- HEADER --- */
	#hero {
    	margin-top: 80px;
	}
}

@media only screen and (min-width: 576px) {
	/* --- SUCHE --- */
	#overlaySearch > .modal-dialog {
        max-width: 540px;
    }
		
	/* --- BREADCRUMB --- */
	nav[aria-label="breadcrumb"] > .container {
		position: relative;
	}
	nav[aria-label="breadcrumb"] > .container::before,
	nav[aria-label="breadcrumb"] > .container::after {
		position: absolute;
		top: 0;
		border-left: 10px solid transparent;
		border-right: 0 solid transparent;
		height: 0;
		content: "";
	}
	nav[aria-label="breadcrumb"] > .container::before {
		left: calc(100% - 5px);
		border-bottom: 54px solid #FFFFFF;
		width: 15px;
	}
	nav[aria-label="breadcrumb"] > .container::after {
		left: 100%;
		border-bottom: 54px solid #F7A600;
		width: calc((100vw - 540px) / 2);
	}
}

@media only screen and (max-width: 600px) {
	/* --- UNTERNEHMEN --- */
	/* Timeline, .timeline */
	/* Place the timelime to the left */
	.timeline::after {
    	left: 31px;
	}
	/* Full-width containers */
	.tl-container {
		width: 100%;
		padding-left: 70px;
		padding-right: 25px;
	}
	/* Make sure that all arrows are pointing leftwards */
	.tl-container::before {
		left: 60px;
		border: medium solid #004528;
		border-width: 10px 10px 10px 0;
		border-color: transparent #004528 transparent transparent;
	}
	/* Make sure all circles are at the same spot */
	.tl-left::after, .tl-right::after {
		left: 15px;
	}
	/* Make all right containers behave like the left ones */
	.tl-right {
		left: 0%;
	}
	/**/
	.slr-counter {
		flex-direction: column;
	}
	.slr-counter > li {
		margin: 0 auto;
	}
	.slr-counter > li + li {
		margin-top: 30px;
	}
}

@media only screen and (min-width: 601px) {
	/* Responsive images mit Fluid Styled Content */
	.ce-intext [data-ce-columns="1"],
	.ce-intext [data-ce-columns="2"],
	.ce-intext [data-ce-columns="3"],
	.ce-intext [data-ce-columns="4"] {
		width: 50%;
	}
	.ce-intext.ce-right .ce-gallery {
		margin-left: 1rem;
	}
	.ce-intext.ce-left .ce-gallery {
		margin-right: 1rem;
	}
	.ce-textpic,
	.ce-image,
	.ce-nowrap .ce-bodytext,
	.ce-uploads li,
	.ce-uploads div {
		overflow: hidden;
	}
}

@media only screen and (max-width: 767px) {
	/* Rahmenformate */
	/* Downloads, .frame-downloads */
	.frame-downloads .ce-uploads > li {
		padding: 20px;
	}
	.frame-downloads .ce-uploads > li img {
		margin-right: 20px;
    	max-width: 80px;
    	height: auto;
	}
	
	/* --- HEADER ---  */
	/* .singleImageHeader */
	.singleImageHeader > .container {
		padding: 0 65px 0 15px;
	}
	.singleImageHeader h1 {
		font-size: 2.5rem;
		line-height: 1.1;
	}
	
	/* --- BILDERGALERIE --- */
	/**/
	.fc-gallery--desktop {
		display: none;
	}
}

@media only screen and (min-width: 767px) {
	/* --- NAVIGATION --- */
	.navbar .container {
		display: block;
	}
	.navbar-brand {
		float: left;
		margin: 15px 30px 15px 0;
		padding: 0;
	}
	.navbar-brand > img {
		max-width: 200px;
		height: auto;
	}
	/* --- TOPNAVIGATION --- */
	/* #topBar */
	#topBar {
		float: right;
		width: calc(100% - 230px);
		font-size: 0.875em;
		text-align: right;
	}
	#topBar a {
		color: #000000;
		text-decoration: none;
		-webkit-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out;
	}
	#topBar a:hover,
	#topBar a:focus,
	#topBar a.active {
		color: #F7A600;
	}
	/* Navigation (#topNav) */
	#topNav {
		display: inline-block;
		margin: 0;
		padding: 0;
		list-style-type: none;
		line-height: 1;
	}
	#topNav > li {
		display: inline-block;
		margin: 0 15px;
	}
	/* Hauptnavigation */
	/* #mainNavigation */
	#mainNavigation {
		float: right;
	}
	
	/* --- CONTENT --- */
	/* Kacheln mit Hover-Effekt für Text, .img-card */
	.img-card .frame-type-textpic header {
		padding-top: 280px;
	}
	
	/* --- UNTERNEHMEN --- */
	/**/
	.slr-counter > li {
		width: 160px;
		height: 160px;
		padding: 36px 20px;
	}
	.slr-counter > li:nth-of-type(4) {
		padding: 25px 20px;
	}
	.slr-counter > li .counter-fact {
		font-size: 1rem;
	}

	/* --- BREADCRUMB --- */
	nav[aria-label="breadcrumb"] > .container::after {
		width: calc((100vw - 720px) / 2);
	}

	/* --- BILDERGALERIE --- */
	/**/
	.fc-gallery__item-wrapper {
		height: 324px;
	}
	
	/* --- FOOTER --- */
	footer .footer-brand {
		float: left;
	}
	/* .footerNav */
	ul.footerNav {
		margin: 0;
		padding: 0;
		list-style-type: none;
		text-align: center;
	}
	ul.footerNav li {
		display: inline-block;
		padding: 0 15px;
	}
	
	/* --- FORMULARE --- */
	/* Bestellformular Musterkoffer SL Fast Flat */
	/**/
	#c36969, #c36974,
	#c36976, #c36978 {
        display: grid;
        margin: 0 -15px;
        grid-template-columns: 1fr 1fr;
        gap: 30px;
    }
	.vorteil {
        margin: 0;
        width: 100%;
    }
	.vorteil + .vorteil {
		margin-top: 0;
	}
}

@media only screen and (min-width: 768px) {	
	/* --- SUCHE --- */
	#overlaySearch > .modal-dialog {
        max-width: 720px;
    }
}

@media only screen and (max-width: 991px) {
	/* HEADER */
	#navHeader .navbar.fixed-top {
		padding: 0;
	}
	#navHeader .navbar > .container {
		align-items: flex-start;
	}
	/**/
	.navbar .navbar-brand {
		padding: 15px 0;
		order: 1;
	}
	.navbar .navbar-brand > img {
		width: auto;
		height: 70px;
	}
	.navbar .navbar-toggler {
		margin: 17px 0 0 15px;
		order: 3;
	}
	.navbar #topBar {
		order: 2;
	}
	#language-button {
		padding: 25px 10px 10px;
	}
	/**/
	#topNav {
		display: none;
	}
	/**/
	.navbar .navbar-collapse {
		order: 4;
	}
	/* #mainNavigation */
	.navbar-nav .nav-item.dropdown > .dropdown-menu {
		display: block;
		margin: 0 0 15px;
		border: 0;
		border-radius: 0;
		background-color: transparent;
		padding: 0 30px;
	}
	.navbar-nav .nav-item.dropdown > .dropdown-toggle::after {
		display: none;
	}
	.navbar-nav .nav-item.dropdown > .dropdown-menu > li {
		position: relative;
	}
	.navbar-nav .nav-item.dropdown > .dropdown-menu > li::before {
		position: absolute;
		top: -3px;
		left: -22px;
		margin: 0 10px 0 0;
		content: "»";
		color: #F7A600;
		font-size: 1.125rem;
		font-weight: 700;
	}
	.navbar-nav .nav-item.dropdown > .dropdown-menu > li + li {
		margin: 10px 0 10px;
	}
	.navbar-nav .nav-item.dropdown > .dropdown-menu > li a.nav-link {
		padding: 0;
		color: #FFFFFF;
	}
	
	/* --- HEADER --- */
	#hero {
    	margin-top: 80px;
	}
	/* .singleVideoHeader */
	.singleVideoHeader {
		max-height: inherit;
	}
	.singleVideoHeader > .container {
		padding: 20px 15px;
	}
	.singleVideoHeader h1 {
    	font-size: 2rem;
	}
	/* .singleImageHeader */
	.singleImageHeader .row {
    	padding: 30px 0;
	}
	.singleImageHeader .row .col-8 {
    	width: 100%;
	}
	.singleImageHeader > .frame-type-image {
		position: relative;
		width: 100%;
	}
	/* Carousel Startseite (Bild + Video); #carouselStart */
	#carouselStart .carousel-inner > .carousel-item video, 
	#carouselStart .carousel-inner > .carousel-item img {
		max-width: 100%;
	}
	#carouselStart .carousel-inner > .carousel-item .carousel-caption {
		position: relative;
		right: 0;
		left: 0;
		bottom: 0;
		margin: 0;
		width: 100%;
		max-width: inherit;
		padding: 50px 30px;
	}
	#carouselStart .carousel-inner > .carousel-item .carousel-caption .markerNeu::before {
		top: -96px;
		right: 0;
	}
	#carouselStart .carousel-inner > .carousel-item .carousel-caption h1, 
	#carouselStart .carousel-inner > .carousel-item .carousel-caption h2 {
		font-size: 1.5rem;
	}
	#carouselStart .carousel-inner > .carousel-item .carousel-caption h1::before, 
	#carouselStart .carousel-inner > .carousel-item .carousel-caption h2::before {
		margin: 15px auto;
	}
	
	/* Overlay: Suche */
	/* #overlaySearch */
	#overlaySearch > .modal-dialog .modal-content #form_kesearch_searchfield {
		font-size: 1.25rem;
	}
	#overlaySearch > .modal-dialog .modal-content #form_kesearch_searchfield::after {
		width: 35px;
    	height: 47px;
		font-size: 2rem;
	}
}

@media only screen and (min-width: 992px) {
	#offcanvasMenu {
		display: none;
	}
	
	nav.navbar.navbar-expand-lg {
		padding: 0;
	}
	/* #mainNavigation */
	#mainNavigation > .navbar-nav {
		margin: 0 -25px;
	}
	#mainNavigation > .navbar-nav > li {
		margin: 0 25px;
	}
	#mainNavigation > .navbar-nav > li > a.nav-link {
		border-bottom: 5px solid transparent;
		padding: 25px 0 10px;
	}
	#mainNavigation > .navbar-nav > li > a.nav-link:hover, 
	#mainNavigation > .navbar-nav > li > a.nav-link:focus, 
	#mainNavigation > .navbar-nav > li > a.nav-link.active {
		color: #004528;
	} 
	#mainNavigation > .navbar-nav > li > a.nav-link.active {
		border-bottom: 5px solid #F7A600;
	}
	#mainNavigation > .navbar-nav > li > a.nav-link.dropdown-toggle::after {
		display: none;
	}
	/* .dropdown-menu */
	#mainNavigation > .navbar-nav .nav-item > .dropdown-menu {
		margin: 30px 0 0;
		border: 0;
		border-radius: 0;
		min-width: 275px;
		padding: 15px 0;
		box-shadow: 0 0 10px rgba(0, 0, 0, .15);
	}
	#mainNavigation > .navbar-nav .nav-item > .dropdown-menu::before {
		position: absolute;
        top: -35px;
        left: 10px;
        width: 0;
        height: 0;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-bottom: 15px solid #FFFFFF;
        padding: 10px 0 10px;
        content: "";
	}
	#mainNavigation > .navbar-nav .nav-item > .dropdown-menu::after {
		position: absolute;
		top: -30px;
		left: 0;
		width: 100%;
		height: 30px;
		content: "";
	}
	#mainNavigation > .navbar-nav .nav-item > .dropdown-menu a.nav-link {
		padding: 15px 30px;
		white-space: normal;
	}
	/**/
	#mainNavigation > .navbar-nav .nav-item > .dropdown-menu > .nav-item a + .dropdown-menu {
		position: absolute;
		top: -15px;
		left: 100%;
		margin: 0 0 0 30px;
	}
	#mainNavigation > .navbar-nav .nav-item > .dropdown-menu > .nav-item a:hover + .dropdown-menu, 
	#mainNavigation > .navbar-nav .nav-item > .dropdown-menu > .nav-item a:focus + .dropdown-menu {
		display: block;
	}

	#mainNavigation > .navbar-nav .nav-item > .dropdown-menu > .nav-item .dropdown-menu::before {
		top: 20px;
		left: -14px;
		border-top: 20px solid transparent;
		border-bottom: 20px solid transparent;
		border-right: 15px solid #FFFFFF;
		border-left: 0;
		padding: 0;
	}
	#mainNavigation > .navbar-nav .nav-item > .dropdown-menu > .nav-item > .dropdown-menu::after {
		top: 0;
		left: -50px;
		width: 50px;
		height: 100%;
	}
	/* Zeige Dropdown-Menü bei Hover */
	.navbar-nav .nav-item.dropdown:hover > .dropdown-menu,
	.navbar-nav .nav-item.dropdown:focus > .dropdown-menu,
	.navbar-nav .dropdown-menu > .dropdown-item:hover > .dropdown-menu,
	.navbar-nav .dropdown-menu > .dropdown-item:focus > .dropdown-menu{
		display: block;
		visibility: visible;
		opacity: 1;
	}
	/* Verhindert ungewolltes Schließen bei verschachtelten Menüs */
	.navbar-nav .dropdown-menu {
	  display: none;
	  visibility: hidden;
	  opacity: 0;
	  transition: opacity 0.3s ease;
	  margin-top: 0; /* Kein Versatz */
	}
	/* Nested Dropdowns korrekt positionieren */
	.navbar-nav .dropdown-menu .dropdown-menu {
	  top: 0;
	  left: 100%;
	  margin-left: 0;
	}
	
	/* --- SUCHE --- */
	#overlaySearch > .modal-dialog {
        max-width: 960px;
    }
	
	/* --- HEADER --- */
	#hero {
		margin-top: 115px;
	}
	/* .singleVideoHeader */
	.singleVideoHeader > .container {
		position: absolute;
		top: 0;
		left: calc(50% - 660px);
		height: 100%;
	}
	.singleVideoHeader > .container .row {
		width: 100%;
		height: 100%;
	}
	.singleVideoHeader > .container .row > .col-lg-5.offset-lg-7 {
		position: relative;
		display: flex;
		align-items: center;
		background-color: rgba(0,69,40,.95);
	}
	.singleVideoHeader > .container .row > .col-lg-5.offset-lg-7::before {
		position: absolute;
		top: 0;
		left: -175px;
		content: "";
		border-bottom: 851px solid rgba(0,69,40,.95);
		border-left: 175px solid transparent;
		height: 100%;
		width: 175px;
	}
	.singleVideoHeader > .container .row > .col-lg-5.offset-lg-7::after {
		position: absolute;
		top: 0;
		left: 100%;
		width: 300px;
		height: 100%;
		background-color: rgba(0, 69, 40, .95);
		content: "";
	}
	.singleVideoHeader h1 {
		font-size: 3rem;
	}
	/**/
	.singleImageHeader > .frame-type-image::before {
		z-index: 99;
		position: absolute;
		top: 0;
		left: 0;
		width: 300px;
		height: 100%;
		background: rgb(0, 69, 41);
		background: -moz-linear-gradient(90deg, rgba(0, 69, 41, 1) 0%, rgba(0, 69, 41, 0) 100%);
		background: -webkit-linear-gradient(90deg, rgba(0, 69, 41, 1) 0%, rgba(0, 69, 41, 0) 100%);
		background: linear-gradient(90deg, rgba(0, 69, 41, 1) 0%, rgba(0, 69, 41, 0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#004529",endColorstr="#004529",GradientType=1);
		content: "";
	}
	/* Carousel Startseite (Bild und Video); #carouselStart */
	#carouselStart {
		max-height: 60vh;
	}
	#carouselStart .carousel-inner > .carousel-item video, 
	#carouselStart .carousel-inner > .carousel-item img {
		width: auto !important;
		max-width: 1500px;
		max-height: 60vh;
	}
	#carouselStart .carousel-inner > .carousel-item .carousel-caption h1, 
	#carouselStart .carousel-inner > .carousel-item .carousel-caption h2 {
        font-size: 2.25rem;
    }
	#carouselStart .carousel-inner > .carousel-item .carousel-caption {
		position: absolute;
		top: 0;
		right: inherit;
		bottom: inherit;
		left: calc(50% - 480px);
		height: 100%;
		max-height: 60vh;
		padding: 0;
		text-align: left;
	}
	#carouselStart .carousel-inner > .carousel-item .carousel-caption > .row {
    	width: 100%;
    	height: 100%;
	}
	#carouselStart .carousel-inner > .carousel-item .carousel-caption .col-lg-5.offset-lg-7 {
		position: relative;
		display: flex;
		align-items: center;
		background-color: rgba(0, 69, 40, 1);
	}
	#carouselStart .carousel-inner > .carousel-item .carousel-caption .col-lg-5.offset-lg-7::before {
		position: absolute;
		top: 0;
		left: -175px;
		content: "";
		border-bottom: 851px solid rgba(0, 69, 40, 1);
		border-left: 175px solid transparent;
		height: 100%;
		width: 175px;
	}
	#carouselStart .carousel-inner > .carousel-item .carousel-caption .col-lg-5.offset-lg-7::after {
		position: absolute;
		top: 0;
		left: 100%;
		width: 300px;
		height: 100%;
		background-color: rgba(0, 69, 40, 1);
		content: "";
	}
	
	/* --- BREADCRUMB --- */
	nav[aria-label="breadcrumb"] > .container::after {
		width: calc((100vw - 960px) / 2);
	}
	
	/* --- CONTENT --- */
	/* Kacheln mit Hover-Effekt für Text, .img-card */
	.img-card .frame-type-textpic header {
		padding-top: 235px;
	}
	/* .frame-type-menu_section, .frame-type-menu_categorized_content */
	.frame.frame-type-menu_section ul ul,
	.frame.frame-type-menu_categorized_content ul,
	.frame.frame-type-menu_subpages ul {
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
	}
	.frame.frame-type-menu_section ul > li,
	.frame.frame-type-menu_categorized_content ul > li,
	.frame.frame-type-menu_subpages ul > li {
		display: inline-block;
		margin: 0 15px 0;
		flex-grow: 1;
	}
	.frame.frame-type-menu_section > ul > li,
	.frame.frame-type-menu_categorized_content > ul > li,
	.frame.frame-type-menu_subpages > ul > li {
		width: 100%;
	}

	/* Rahmenformate */
	/* Downloads, .frame-downloads */
	.frame-downloads .ce-uploads {
		grid-template-columns: 50% 50%;
	}
	.frame-downloads .ce-uploads > li:nth-of-type(odd) {
		margin-right: 15px;
	}
	.frame-downloads .ce-uploads > li:nth-of-type(even) {
		margin-left: 15px;
	}
	
	/* --- NEWS --- */
	/* News auf Startseite, #news-container-14 */
	#news-container-14,
	#news-container-18262,
	#news-container-22121,
	#news-container-22241 {
		display: flex;
		gap: 30px;
	}
	#news-container-14 .list-group-item,
	#news-container-18262 .list-group-item,
	#news-container-22121 .list-group-item ,
	#news-container-22241 .list-group-item  {
		flex-grow: 1;
		flex-basis: 0;
	}
	#news-container-14 > .list-group-item .col-md-3,
	#news-container-14 > .list-group-item .col-md-9,
	#news-container-18262 > .list-group-item .col-md-3,
	#news-container-18262 > .list-group-item .col-md-9,
	#news-container-22121 > .list-group-item .col-md-3,
	#news-container-22121 > .list-group-item .col-md-9,
	#news-container-22241 > .list-group-item .col-md-3,
	#news-container-22241 > .list-group-item .col-md-9 {
		width: 100%;
	}
	
	/* --- FORMULARE --- */
	/* Bestellformular Musterkoffer SL Fast Flat */
	/**/
	#c36969, #c36974,
	#c36976, #c36978 {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}

@media only screen and (min-width: 1200px) {
	/**/
	/**/
	#carouselStart .carousel-inner > .carousel-item .carousel-caption {
		left: calc(50% - 660px);
	}
	
	/* --- CONTENT --- */
	/* Kacheln mit Hover-Effekt für Text, .img-card */
	.img-card > .frame-type-text {
		padding: 45px 35px;
	}
	.img-card .frame-type-textpic header {
		padding-top: 295px;
	}
	
	/* --- UNTERNEHMEN --- *
	/**/
	.slr-counter > li {
		width: 200px;
		height: 200px;
		padding: 60px 30px;
	}
	.slr-counter > li:nth-of-type(4) {
		padding: 40px 30px;
	}
	.slr-counter > li .counter-fact {
		font-size: 1.25rem;
	}
	
	/* --- SUCHE --- */
	#overlaySearch > .modal-dialog {
        max-width: 1140px;
    }
}

@media only screen and (min-width: 1400px) {
	/* --- HEADER --- */
	/* Carousel Startseite (Bild und Video); #carouselStart */
	#carouselStart .carousel-inner > .carousel-item .carousel-caption h1, 
	#carouselStart .carousel-inner > .carousel-item .carousel-caption h2 {
		font-size: 3rem;
	}
	
	/* --- CONTENT --- */
	/* Kacheln mit Hover-Effekt für Text, .img-card */
	.img-card > .frame-type-text {
		padding: 60px 35px;
	}
	.img-card .frame-type-textpic header {
		padding-top: 335px;
	}
}

@media only screen and (min-width: 1680px) {	
	/* --- SUCHE --- */
	#overlaySearch > .modal-dialog {
        max-width: 1400px;
    }
}

@media only screen and (min-width: 2000px) {
	/* --- HEADER --- */
	/**/
	#carouselStart .carousel-inner > .carousel-item video, 
	#carouselStart .carousel-inner > .carousel-item img {
        max-height: inherit;
    }
	/**/
	#slideInMenu li {
		right: 0 !important;
	}
	#slideInMenu li > a {
		width: 334px;
	}
}