@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=M+PLUS+2:wght@100;200;300;400;600;800;900&display=swap');
footer {background-color: #525252; color:#fff; padding: 2rem 0 2rem; font-size: 1rem;}
footer i,footer svg {margin: 0 1rem;}
footer a {color:#fff !important; text-decoration: none;}
footer a:hover {color:#f9b334 !important;}
body {color:#525252; font-size:1.2rem; font-weight:300;font-family: 'M PLUS 2', sans-serif; }
.dnone {display:none !important;}


.mt1 {margin-top: 1rem;}
.mt2 {margin-top: 2rem;}
.mt3 {margin-top: 3rem;}
.mt4 {margin-top: 4rem;}
.mt5 {margin-top: 5rem;}
.mt6 {margin-top: 6rem;}
.mt7 {margin-top: 7rem;}
.mt8 {margin-top: 8rem;}
.mt9 {margin-top: 9rem;}

.mb1 {margin-bottom: 1rem;}
.mb2 {margin-bottom: 2rem;}
.mb3 {margin-bottom: 3rem;}
.mb4 {margin-bottom: 4rem;}
.mb5 {margin-bottom: 5rem;}
.mb6 {margin-bottom: 6rem;}
.mb7 {margin-bottom: 7rem;}
.mb8 {margin-bottom: 8rem;}
.mb9 {margin-bottom: 9rem;}


.pt1 {padding-top: 1rem;} 
.pt2 {padding-top: 2rem;} 
.pt3 {padding-top: 3rem;} 
.pt4 {padding-top: 4rem;} 
.pt5 {padding-top: 5rem;} 
.pt6 {padding-top: 6rem;} 
.pt7 {padding-top: 7rem;} 
.pt8 {padding-top: 8rem;} 
.pt9 {padding-top: 9rem;} 
.pt10 {padding-top: 10rem;} 
.pt11 {padding-top: 11rem;} 
.pt12 {padding-top: 12rem;} 

.pb1 {padding-bottom: 1rem;} 
.pb2 {padding-bottom: 2rem;} 
.pb3 {padding-bottom: 3rem;} 
.pb4 {padding-bottom: 4rem;} 
.pb5 {padding-bottom: 5rem;} 
.pb6 {padding-bottom: 6rem;} 
.pb7 {padding-bottom: 7rem;} 
.pb8 {padding-bottom: 8rem;} 
.pb9 {padding-bottom: 9rem;} 
.mleft {margin-left: 0.5rem;}
.bg494949 {background-color: #494949;}
.bgD0D0D0 {background-color: #D0D0D0;}
.bgEDEDED {background-color: #EDEDED;}
.bgfff {background-color: #fff;}
.bggelb {background-color: #f9b334;}
.bggelb a {color: #525252; text-decoration: none;}

.txtgelb {color: #f9b334 !important; }
.txtweiss {color: #fff !important; }
.txtgrau {color: #494949 !important; }
.txtschwarz {color: #000 !important; }
.teaser-wrapper {padding: 0.5rem; background-color: #fff; -webkit-box-shadow: 7px 5px 7px -2px rgba(0,0,0,0.66); 
box-shadow: 7px 5px 7px -2px rgba(0,0,0,0.66);}
.teaser-wrapper .static {margin-top: 1rem;}
.moin {font-size: 8rem; color: #F8AA1C; font-weight: 900;}
.gwd {font-size: 4rem; color: #fff; font-weight: 200;}
.txtbigger {font-size: 2rem !important; font-weight: 400 !important;}
.txtfetter {font-weight: 400 !important;}
.lighth2 {font-weight: 200;}
.xtratop {background-image: url("/images/xtra-top.svg");background-repeat: no-repeat; background-size: cover; height: 62px; border: none !important;}
.oo {background-image: url("/images/vectors/oo.svg");background-repeat: no-repeat; background-size: cover; height: 100px; border: none !important;}
.ou {background-image: url("/images/vectors/ou.svg");background-repeat: no-repeat; background-size: cover; height: 100px; border: none !important;}
.mw300 { padding: 25px;}
a.navbar-brand img {width: 20rem;}
.nav-link {color:#fff !important;}
.btn-outline-success {color:#fff !important; border-color: #f9b334 !important; }
.btn-outline-success:hover {color:#fff !important; background: #f9b334 !important; }
.hero-wrapper {
	background: url("../images/front.jpg") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: fixed;
  top: 0;
  right: 0;
  height: auto;
  width: auto;
  min-height: 105%;
  min-width: 100%;
  z-index: -9999;
}

.hero-wrapper2 {
 
    right: 0;
  height: 400px;
  width: auto;
 
  min-width: 100%;
  z-index: -9999;
	background-size: cover;
	background-image: url("/images/backgrounds/bg_einleitung.jpg");
	
}
.hero-wrapper figure {
  margin: 0;
  position: relative;
}
.hero-wrapper figure h1 {
  position: absolute;
  top: 20px;
  left: 20px;
  border-right: 3px solid #fff;
  padding: 5px 10px 5px 5px;
	
}
.hero-wrapper video {
  width: 100%;
  max-width: 100%;
}
h1, .h1 {font-size: 5rem; font-weight: 700;}
.stretch {
  height: auto;
  background: #fff;
 
  min-width: 100%;
  background-size: cover;
 
	padding-bottom: 3rem;
}

.stretch2 {
  height: auto;
  min-height: 100%;
  min-width: 100%;
  background-size: cover;
	
  margin-top: 82vh;
	padding-bottom: 3rem;
	
}

.stretch1 {
  height: auto;
  min-height: 100%;
  min-width: 100%;
  background-size: cover;
	/* background-image: url("/images/backgrounds/bg_einleitung.jpg"); */
	background-color: #727272;
  margin-top: 10.5vh;
	padding-bottom: 3rem;
	color: #fff;
}

.accordion-item, .accordion-button {
	background-color: transparent !important;
	border: none !important;
}
.accordion-button{
	color: #f9b334;
	font-size: 1.5rem;}
.accordion-button :hover{color:#fff !important;;}
.accordion-button:not(.collapsed) {
	color: #f9b334;
	font-size: 1.5rem;
	background-color: transparent !important;
	box-shadow: none !important;
}
.accordion-button::after { background-image: none !important; content: "«";}
.txtschwarz a {color:#fff !important;}
.txtschwarz a:hover{color: #494949 !important;}

.stretch2 {
  height: auto;
  background: #fff;
  min-height: 100%;
  min-width: 100%;
  background-size: cover;
	background-image: url("/images/backgrounds/bg_einleitung.jpg");

	padding-bottom: 3rem;
	color: #fff;
}
.navbar-nav {font-family: 'M PLUS 2', sans-serif; font-weight: 200; font-size: 1.5rem;}
.navbar-dark .navbar-nav .nav-link {
	color: rgba(255,255,255,0.7);
}
.subbi .nav-link {
	color: rgba(255,255,255,0.9) !important;
}
.dropdown-item {color: rgba(255,255,255,0.7);}
.dropdown-menu[data-bs-popper] {top: 66px; left: 0; margin-top: .125rem; border-radius: 0px;}

.dropdown-item {font-weight: 200;font-size: 1.5rem;}
.navbar-expand-lg .navbar-nav .nav-link {
	padding-right: 1.5rem;
	padding-left: 1.5rem;
}
.navbar {
	padding-top: .1rem;
	padding-bottom: .1rem;
}

.ScriptTop ul {
    margin: 15px 0;
    padding: 0;
    text-align: left;
}


.ScriptTop_sub {
 height: 602px;
    padding: 0;
    text-align: left;
	/*background-image: attr(data-image-src url);*/
	background-image: var(--bg-image);
}

.ScriptHeader {
    float: left;
    width: 100%;
    padding-top: 3em;
}
.rt-heading {
    border-bottom: solid 1px #fff;
    padding-bottom: 10px;
    margin: 0 auto;
}

.ScriptHeader h2{
    color: #fff;
    font-size: 28px;
    font-weight: 700;
    margin: 0;
    line-height: normal;
}
.ScriptHeader h3 {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    margin: 5px 0 0;
    line-height: normal;

}
.stretch h1 {
    color: #F9B334;
    font-size: 3rem;
    font-weight: 900;
    margin-top: 5px;
    line-height: normal;
}
.stretch h2 {
    color: #525252;
    font-size: 2rem;
    font-weight: 900;
    margin-top: -5px;
    line-height: normal;
}
.ScriptHeader h1 span {
    display: block;
    padding: 0;
    font-size: 22px;
    opacity: 0.7;
    margin-top: 5px;
	text-transform:uppercase;
}
.ScriptHeader span {
    display: block;
    padding: 0;
    font-size: 22px;
    opacity: 0.7;
    margin-top: 5px;
}

.blur10 {  background: rgba(255, 255, 255, 0.1);   backdrop-filter: blur(15px); border-radius: 10px;}
.blur10d {  background: rgba(0, 0, 0, 0.3);   backdrop-filter: blur(15px); border-radius: 10px;}

.hero-text {position: absolute; margin-top:25px; z-index:1000; color:#fff !important;}
.hero-text2 {position: absolute; margin-top:200px; z-index:1000; color:#fff !important;    text-shadow:
    0 0 10px #000,
    0 0 20px #000,
    0 0 30px #000,
    0 0 40px #000,
    0 0 70px #000,
    0 0 80px #000,
    0 0 100px #000,
    0 0 150px #000;}
.hero-text h2,.hero-text2 h2,.hero-text3 h2 {font-size:5rem; font-weight: 600;}
.hero-text h3,.hero-text2 h3 {font-size:3rem;}
.hero-text h4, .hero-text2 h4 {font-size:2rem; margin-top:50px; }
.hero-text3 {position: absolute; margin-top:20px; z-index:1000; color:#fff !important;}
.fll {float:left !important;}
.text-focus-in {
	-webkit-animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
	        animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}
.text-focus-in-03s {
	-webkit-animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0.3s both;
	        animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0.3s both;
}
.text-focus-in-06s {
	-webkit-animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0.6s both;
	        animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0.6s both;
}
.text-focus-in-09s {
	-webkit-animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0.9s both;
	        animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0.9s both;
}

.text-focus-in-1s {
	-webkit-animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) 1s both;
	        animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) 1s both;
}
.text-focus-in-12s {
	-webkit-animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) 1.2s both;
	        animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) 1.2s both;
}
.text-focus-in-15s {
	-webkit-animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) 1.5s both;
	        animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) 1.5s both;
}
@-webkit-keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}
@keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}

.fkontakt a {color:#525252; font-size:1.2rem; text-decoration: none;font-weight:200;}
.fkontakt h4 {color:#F9B334; font-size:1.6rem; font-weight:400;}
.fkontakt .grauf {color:#525252; font-size:1.2rem; font-weight:200;}

.tpArticleMedia, .tcmfont , .tcmfont h2 , .tcmfont p  {font-family: 'M PLUS 2', sans-serif !important;}

.ham {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: transform 400ms;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.hamRotate.active {
  transform: rotate(45deg);
}
.hamRotate180.active {
  transform: rotate(180deg);
}
.line {
  fill:none;
  transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
  stroke:#fff;
  stroke-width:5.5;
  stroke-linecap:round;
}
.ham1 .top {
  stroke-dasharray: 40 139;
}
.ham1 .bottom {
  stroke-dasharray: 40 180;
}
.ham1.active .top {
  stroke-dashoffset: -98px;
}
.ham1.active .bottom {
  stroke-dashoffset: -138px;
}
.ham2 .top {
  stroke-dasharray: 40 121;
}
.ham2 .bottom {
  stroke-dasharray: 40 121;
}
.ham2.active .top {
  stroke-dashoffset: -102px;
}
.ham2.active .bottom {
  stroke-dashoffset: -102px;
}
.ham3 .top {
  stroke-dasharray: 40 130;
}
.ham3 .middle {
  stroke-dasharray: 40 140;
}
.ham3 .bottom {
  stroke-dasharray: 40 205;
}
.ham3.active .top {
  stroke-dasharray: 75 130;
  stroke-dashoffset: -63px;
}
.ham3.active .middle {
  stroke-dashoffset: -102px;
}
.ham3.active .bottom {
  stroke-dasharray: 110 205;
  stroke-dashoffset: -86px;
}
.ham4 .top {
  stroke-dasharray: 40 121;
}
.ham4 .bottom {
  stroke-dasharray: 40 121;
}
.ham4.active .top {
  stroke-dashoffset: -68px;
}
.ham4.active .bottom {
  stroke-dashoffset: -68px;
}
.ham5 .top {
  stroke-dasharray: 40 82;
}
.ham5 .bottom {
  stroke-dasharray: 40 82;
}
.ham5.active .top {
  stroke-dasharray: 14 82;
  stroke-dashoffset: -72px;
}
.ham5.active .bottom {
  stroke-dasharray: 14 82;
  stroke-dashoffset: -72px;
}
.ham6 .top {
  stroke-dasharray: 40 172;
}
.ham6 .middle {
  stroke-dasharray: 40 111;
}
.ham6 .bottom {
  stroke-dasharray: 40 172;
}
.ham6.active .top {
  stroke-dashoffset: -132px;
}
.ham6.active .middle {
  stroke-dashoffset: -71px;
}
.ham6.active .bottom {
  stroke-dashoffset: -132px;
}
.ham7 .top {
  stroke-dasharray: 40 82;
}
.ham7 .middle {
  stroke-dasharray: 40 111;
}
.ham7 .bottom {
  stroke-dasharray: 40 161;
}
.ham7.active .top {
  stroke-dasharray: 17 82;
  stroke-dashoffset: -62px;
}
.ham7.active .middle {
  stroke-dashoffset: 23px;
}
.ham7.active .bottom {
  stroke-dashoffset: -83px;
}
.ham8 .top {
  stroke-dasharray: 40 160;
}
.ham8 .middle {
  stroke-dasharray: 40 142;
  transform-origin: 50%;
  transition: transform 400ms;
}
.ham8 .bottom {
  stroke-dasharray: 40 85;
  transform-origin: 50%;
  transition: transform 400ms, stroke-dashoffset 400ms;
}
.ham8.active .top {
  stroke-dashoffset: -64px;
}
.ham8.active .middle {
  /*stroke-dashoffset: -20px;*/
  transform: rotate(90deg);
}
.ham8.active .bottom {
  stroke-dashoffset: -64px;
}


.center {
  width: 350px;
  height: 120px;
  position: absolute;
}

.btn_tcm {
  width: 250px;
  height: 120px;
  cursor: pointer;
  background: transparent;
  border: 1px solid #f9b334;
  outline: none;
  transition: 1s ease-in-out;
}
.btn_tcm2 {
  width: 250px;
  height: 120px;
  cursor: pointer;
  background:#363636;
  border: 1px solid #f9b334;
  outline: none;
  transition: 1s ease-in-out;
}

.btn_tcm svg, .btn_tcm2 svg{
  position: absolute;
  left: 0;
  top: 0;
  fill: none;
  stroke: #fff;
  stroke-dasharray: 150 480;
  stroke-dashoffset: 150;
  transition: 1s ease-in-out;
}

.btn_tcm:hover, .btn_tcm2:hover {
  transition: 1s ease-in-out;
  background: #f9b334;
}

.btn_tcm:hover svg, .btn_tcm2:hover svg   {
  stroke-dashoffset: -480;
}

.btn_tcm span, .btn_tcm2 span {
  color: white;
  font-size: 20px;
  font-weight: 300;
}

.items-more {margin-top:80vh; background-color: #fff;}

.com-content-category-blog__children {background-color: #fff; padding: 3rem;}
.nodeko {text-decoration: none !important; color:#3B3B3B !important;}

a.bloghover {text-decoration: none !important; color: #000000;}
.bloghover .willdichhiernicht {display:none !important;}
.viddiv {margin-bottom:2rem;}

.tcmbutton3 {
                position: static;
                outline: 0;
                cursor: pointer;
                border: 2px solid #000;
                border-radius: 3px;
                color: #fff;
                background: #000;
                font-size: 16px;
                font-weight: 400;
                line-height: 28px;
                padding: 10px 30px;
                text-align:center;
                transition-duration: .15s;
                transition-property: all;
	transition-timing-function: cubic-bezier(.4,0,.2,1);


}
.tcmbutton3:hover{
                    color: #000;
                    background: rgb(255, 218, 87);
                }
                
.mod-breadcrumbs__wrapper {font-size: 0.9rem; margin-top:1rem;}
.navbar-toggler {margin-top:1rem;}