@charset "UTF-8";*{outline:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}b,strong{font-weight:700}img{border:0}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{-webkit-tap-highlight-color:transparent}.r{margin-left:-20px;margin-right:-20px}.l1,.l10,.l11,.l12,.l2,.l3,.l4,.l5,.l6,.l7,.l8,.l9,.m1,.m10,.m11,.m12,.m2,.m3,.m4,.m5,.m6,.m7,.m8,.m9,.s1,.s10,.s11,.s12,.s2,.s3,.s4,.s5,.s5b,.s6,.s7,.s8,.s9,.x1,.x10,.x11,.x12,.x2,.x3,.x4,.x5,.x6,.x7,.x8,.x9{position:relative;min-height:1px;padding-left:20px;padding-right:20px}.x1,.x10,.x11,.x12,.x2,.x3,.x4,.x5,.x6,.x7,.x8,.x9{float:left}.x12{width:100%}.x11{width:91.66666667%}.x10{width:83.33333333%}.x9{width:75%}.x8{width:66.66666667%}.x7{width:58.33333333%}.x6{width:50%}.x5{width:41.66666667%}.x4{width:33.33333333%}.x3{width:25%}.x2{width:16.66666667%}.x1{width:8.33333333%}@media (min-width:768px){.s1,.s10,.s11,.s12,.s2,.s3,.s4,.s5,.s5b,.s6,.s7,.s8,.s9{float:left}.s12{width:100%}.s11{width:91.66666667%}.s10{width:83.33333333%}.s9{width:75%}.s8{width:66.66666667%}.s7{width:58.33333333%}.s6{width:50%}.s5{width:41.66666667%}.s4{width:33.33333333%}.s3{width:25%}.s2{width:16.66666667%}.s1{width:8.33333333%}}@media (min-width:992px){.m1,.m10,.m11,.m12,.m2,.m3,.m4,.m5,.m6,.m7,.m8,.m9{float:left}.m12{width:100%}.m11{width:91.66666667%}.m10{width:83.33333333%}.m9{width:75%}.m8{width:66.66666667%}.m7{width:58.33333333%}.m6{width:50%}.m5{width:41.66666667%}.m4{width:33.33333333%}.m3{width:25%}.m2{width:16.66666667%}.m1{width:8.33333333%}}@media (min-width:1200px){.l1,.l10,.l11,.l12,.l2,.l3,.l4,.l5,.l6,.l7,.l8,.l9{float:left}.l12{width:100%}.l11{width:91.66666667%}.l10{width:83.33333333%}.l9{width:75%}.l8{width:66.66666667%}.l7{width:58.33333333%}.l6{width:50%}.l5{width:41.66666667%}.l4{width:33.33333333%}.l3{width:25%}.l2{width:16.66666667%}.l1{width:8.33333333%}}.r:after,.r:before{content:" ";display:table}.r:after{clear:both}.float-right{float:right!important}.float-left{float:left!important}.hide{display:none!important}.show{display:block!important}.visible-l,.visible-m,.visible-s,.visible-x{display:none!important}.visible-l-inline-block,.visible-m-inline-block,.visible-s-inline-block,.visible-x-inline-block{display:none!important}@media (max-width:767px){.visible-x{display:block!important}.visible-x-inline-block{display:inline-block!important}}@media (min-width:768px) and (max-width:991px){.visible-s{display:block!important}.visible-s-inline-block{display:inline-block!important}}@media (min-width:992px) and (max-width:1199px){.visible-m{display:block!important}.visible-m-inline-block{display:inline-block!important}}@media (min-width:1200px){.visible-l{display:block!important}}@media (min-width:1200px){.visible-l-inline-block{display:inline-block!important}}@media (max-width:767px){.hidden-x{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-s{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-m{display:none!important}}@media (min-width:1200px){.hidden-l{display:none!important}}.conti{margin:auto;width:100%;max-width:100%;padding:0 20px}.z,.z-x,.z-xr{text-align:center!important}@media (min-width:768px){.conti{margin:auto;width:100%;max-width:100%;padding:0 30px}.z-x{text-align:left!important}.z-xr{text-align:right!important}}.c{clear:both}.c5,.c10,.c15,.c20,.c30,.c40,.c50,.c60,.c70,.c80,.c90,.c100{height:5px;background: none; width:100%;clear:both}.c10{height:10px}.c15{height:15px}.c20{height:20px}.c30{height:30px}.c40{height:40px}.c50{height:50px}.c60{height:60px}.c70{height:70px}.c80{height:80px;height:90px}.c100{height:100px}.p5{padding:10px}.p10{padding:10px}.p15{padding:15px}.p20{padding:20px}.p25{padding:20px}.p30{padding:30px}.br3{border-radius:3px}.br4{border-radius:4px}.br5{border-radius:5px}.br6{border-radius:6px}.br7{border-radius:7px}.br8{border-radius:8px}.br9{border-radius:9px}.br10{border-radius:3px}.br15{border-radius:15px}.br20{border-radius:20px}.br25{border-radius:25px}.br30{border-radius:30px}.w100{width:100%}.mw100{max-width:100%}.t{transition:all .5s}.cp{cursor:pointer}.db{display:block}.infobox1{background:#eee;border-radius:14px;padding:14px}.infobox2{padding:14px;background-color:#cf9;border:2px solid #6c0;color:#0c0;border-radius:14px}.infobox3{background:#fcbdbd;color:#c00;border:2px solid #c00;border-radius:14px;padding:14px}.cfff{color:#fff}.bfff{background-color:#fff}
@media (max-width:768px){.font-x{font-size:20px!important;line-height:29px!important}}
.fehlerp{background:red;color:#fff;font-size:15px;line-height:30px;height:30px;padding:0 10px}
body{font-family:'Work Sans',sans-serif;margin:0;padding:0;background:#fff;box-sizing: border-box; background-image: linear-gradient(#DD95B5,#EDC8DA)}
.tar{text-align:right}
.hidden{display:none;visibility:hidden}


/* latin-ext */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/f/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K0nXBiEJoI3ZKyHaQfhf.woff) format('woff');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/f/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K0nXBi8JoI3ZKyHaQQ.woff) format('woff');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



.png-item {
    position: absolute;
    width: 70px; /* Set the desired size of the PNG graphic */
    height: 70px; /* Set the desired size of the PNG graphic */
    background-size: contain;
    background-repeat: no-repeat;
}


.button{background:#70539D;box-shadow:4px 4px 10px #70549F;font-family:'Work Sans';font-size:25px;box-sizing:border-box;padding:0 80px 0 35px;font-weight:500; line-height:70px;text-decoration:none;color:#fff; border-radius:20px;display:inline-block;cursor:pointer;height:70px;position:relative;overflow:hidden;text-transform:;transition:all .3s}
.button i{ font-size:20px;position:absolute;right:17px;top:calc(50% - 10px);vertical-align:middle;height:50px;transition:all .3s ease-out;z-index:2;color:rgba(255,255,255,.5);color:#820F1A;display:none}
.button:hover i,.button2:hover i{right:25px;color:rgba(255,255,255,.8); transition:all .3s}

.button:hover{padding:0 80px 0 35px;color:#E3157C;transition:all .3s}
.button::after{content:url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%20159%20209%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xml%3Aspace%3D%22preserve%22%20style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A2%3B%22%3E%3CclipPath%20id%3D%22%5fclip1%22%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%22158.868%22%20height%3D%22208.267%22%2F%3E%3C%2FclipPath%3E%3Cg%20clip-path%3D%22url%28%23%5fclip1%29%22%3E%3Cpath%20d%3D%22M28.285%2C3.274c-8.019%2C-5.588%20-19.065%2C-3.614%20-24.653%2C4.404c-5.588%2C8.019%20-3.615%2C19.065%204.404%2C24.653l102.698%2C71.569l-102.761%2C72.268c-7.994%2C5.622%20-9.92%2C16.678%20-4.298%2C24.672c5.623%2C7.994%2016.678%2C9.92%2024.672%2C4.298l123.451%2C-86.82c4.727%2C-3.324%207.534%2C-8.744%207.522%2C-14.523c-0.013%2C-5.778%20-2.843%2C-11.186%20-7.584%2C-14.49l-123.451%2C-86.031Z%22%20style%3D%22fill%3A%23fff%3B%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
width:20px;height:20px;position:absolute;right:22px;top:calc(50% - 29px);z-index:2;transition:all .3s}
.button:hover::after{ right:15px; transition:all .3s}



.start{width:75%; min-height:100px; background:#1C2637; font-size:20px; padding:20px 70px 40px 20px; color:#fff}
.start_m{width:100%; background:#1C2637;font-size:17px; color:#fff}
.startbild{background:url(/g/bg.jpg) center !important;height: 100%; position: relative;background-size: cover !important; max-height: 1200px}
.start1{background:url(g/bild1.jpg);background-position:top 100px;background-size:contain;width:100%;overflow:hidden;overflow:hidden;height:600px;position:relative}
.start2{background:rgba(255,255,255,.8);border-radius:40px;box-shadow:0 0 20px rgba(129,130,101,.2);position:absolute;bottom:170px;padding:20px;margin:40px;width:35%}
.start2 p{color:rgba(0,0,0,0.4);font-size:18px;line-height:30px;margin:7px 0 0}
.start4{overflow:hidden;position:absolute;width:100%;bottom:0;left:0}
#startt p{text-align:center}
.space{height:5px;transition:all .5s}

/*navi*/

.am1{clear:both;height:11.5px}
/*background-color:#1EC5D9;background: linear-gradient(90deg,#1EC5D9,#34DEF3,#1EC5D9); */
.navi{background:#1C2637; height:121px;width:100%;position:fixed;z-index:1000;transition:all .5s;overflow:hidden;top:0}
.unten{top:0!important;height:70px;transition:all .4s}
.navi_inner{background-image:url(g/navi_bg.png); background-position:bottom; background-repeat: no-repeat; height:121px}
.navi_unten .navi_inner{height:100px !important; transition:all .4s}
.navi ul{list-style:none;display:flex;max-width:700px;float:right;text-align:center;margin:0;padding:0}
.navi li{flex-grow:1;align-items:space-between;padding:0;transition:all .5s}
.navi li a{padding:0 15px;display:inline-block;text-decoration:none;font-weight:500;font-size:20px;text-transform:uppercase;line-height:100px;color:#FFE81B;transition:all .4s}
.navi .aktiv{color:#fff;transition:all .5s}
.navi li a:hover{color:#E3157C; text-shadow:0 0 10px rgba(41,82,124,.5);  transform: scale(1.07); transition:all .2s}

#logo{margin:16px 0 0;color:#FFE81B; font-size:50px; font-weight:800;width:280px;transition:all .4s}
.unten #logo{width:220px;font-size: 40px;transition:all .4s;margin:5.5px 0 0 0}
.unten li a{line-height:70px;transition:all .4s}
.img1,.img2,.img3{float:left;width:17%;transition:all .5s}
.img2{width:70%}
.img3{width:4%;height:1px}
.navi1{background:#CED3C2;background:#DCDC96;height:35px}
.navi1 ul{list-style:none;margin:0;padding:0}
.navi1 li{display:inline-block;float:right;padding:0 20px 0 0;height:35px;line-height:35px}
.navi1 a{text-decoration:none;text-transform:uppercase;font-size:12px;color:#5f6b41;font-weight:400}
@media(max-width:991px) {
.navi{top:0;height:70px}
.unten #logo,#logo{width:220px;font-size: 30px; transition:all .4s;margin:15px 21px 10px 0}
.start2{background:rgba(255,255,255,.9);border-radius:0;position:absolute;bottom:0;height:auto;padding:20px 20px 40px;margin:0;width:100%}
.start1{}
.start3{color:#543a0a;font-size:18px}
}
#amnavi{background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 192 94" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><g transform="matrix(1.35091,4.996e-16,3.88578e-16,-1,-674.555,216.607)"><path d="M637.741,139.333L514.66,139.333L517.786,123.574L640.867,123.574L637.741,139.333ZM630.077,177.97L506.996,177.97L510.122,162.211L633.203,162.211L630.077,177.97ZM622.414,216.607L499.333,216.607L502.458,200.848L625.54,200.848L622.414,216.607Z" style="fill:rgb(255,232,27);"/></g></svg>') no-repeat; height: 80px; width:80px;transition: all .5s}
#amnavi:hover{transition: all .2s; transform: scale(1.1); cursor:pointer}
#amnavi{padding:9px;display:inline-block;height:37px;overflow:hidden;width:52px;transition:all .5s}
#amnavi div{height:2px;margin:0 0 6px;background:#fff}
#amnavi span{height:2px;display:block;width:54%;margin:0 0 5px;background:#fff;transition:all .5s}
.mn_aktiv{background: none !important}
.amnavi{background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 136 130" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><g transform="matrix(-0.955238,0.955238,0.707107,0.707107,457.74,-619.868)"><path d="M568.269,200.848L568.269,123.48L556.604,127.702L556.604,200.848L502.458,200.848L499.333,216.607L556.604,216.607L556.604,293.975L568.269,289.752L568.269,216.607L622.414,216.607L625.54,200.848L568.269,200.848Z" style="fill:rgb(38,28,55);"/></g></svg>') no-repeat; height: 40px; width:40px; margin: 20px; cursor: pointer;transition: all .5s}
.amnavi2_aktiv{background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 136 130" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><g transform="matrix(-0.955238,0.955238,0.707107,0.707107,457.74,-619.868)"><path d="M568.269,200.848L568.269,123.48L556.604,127.702L556.604,200.848L502.458,200.848L499.333,216.607L556.604,216.607L556.604,293.975L568.269,289.752L568.269,216.607L622.414,216.607L625.54,200.848L568.269,200.848Z" style="fill:rgb(255,232,26);"/></g></svg>') no-repeat !important; height: 35px !important; width:35px !important; margin: 2px 5px 0 0 !important}
#mnavi{background:#FFE81A;position:fixed;z-index:100;width:400px;max-width: 100%; top:0;right: -400px; height: 100%;transition: all .2s}
#mnavi ul{list-style:none;margin:0;padding:0;top:0;left:0}
#mnavi ul li{display:block}
#mnavi ul li:last-child{}
#mnavi ul li:first-child{}
#mnavi ul li a{display:block;color:#1C2637; font-size: 30px; line-height:65px;height:65px;text-align:center;font-weight:600;transition: all .3s} 
#mnavi ul li a:hover{color:#E3157C;transition: all .3s} 


.mnavi_aktiv{ transition: all .2s; right: 0 !important}
.alles_klein{margin-right:400px; transition: all .2s}
#alles{transition: all .2s}
   


h2{display:block;padding:0 10px 3px;color:#fff;margin:0;font-size:47px;line-height:55px}
.bg1{background:#0F121C;padding:50px 0 40px}
.bg2{background:#0F121C}


.ber{margin:0 15px 20px 0;background:none!important;font-weight:300}
.active{background:rgba(0,0,0,.3)!important}
.img-responsive{max-width:100%}
h1,h2,h3,h4,h5,p{font-family:'Work Sans',sans-serif;margin:0;padding:0;color: #1C2637}
h1{font-size:40px;padding: 0 0 15px 0}
h3{font-size:29px;padding:10px 0 20px 0;line-height:33px}
p{color:#fff;padding:0 0 15px;font-weight:400;line-height:26px;font-size:18px;font-family:'Work Sans',sans-serif}
a{text-decoration:none;color:#000;transition:all .4s}
a:hover{color:#E3157C;transition:all .4s}
.box-shadow{box-shadow:4px 4px 12px rgba(0,0,0,.2)}
n{max-width:1500px;margin:0 auto}
.mw2{max-width:1350px;overflow:hidden;margin:0 auto;position:relative}

.box{background:rgba(252, 199, 123, .2); background:#FFE8D1;background-image:linear-gradient(150deg,#FFEABB,#FAC579);padding:30px;line-height:50px;position:relative;overflow:hidden}
.box::before{width: 0;content: ''; position: absolute;top: 0;left: 0;z-index: 2;
    border-top: 25px solid #ffffff; 
    border-right: 44px solid rgba(0,0,0,0); 
     transition:all .4s;}
.box::after{width: 0;content: ''; position: absolute; bottom: 0; right: 0;  z-index: 2;
    border-bottom: 25px solid #ffffff; 
    border-left: 44px solid rgba(0,0,0,0); 
     transition:all .4s;}
.box2::before{border-top: 25px solid #EBFDFF}
.box2::after{border-bottom: 25px solid #EBFDFF}








.h22{color:#fff}
.sorti{transition:all .5s;cursor:pointer;background-size:cover;display:block;color:#8BD246}
.sorti:hover{transform:scale(1) rotate(0deg)!important;transition:all .5s;color:#8BD246;text-shadow:1px 1px 2px rgba(0,0,0,.2)}
.uhrzeit{padding:5px 0;font-size:16px;color:#7c6f61;color:#58321E; line-height:25px}
.start10{background:url(g/karte.jpg);background-size:cover;display:block;transition:all .5s}
.start11{background:url(g/o.png);box-shadow:4px 4px 12px rgba(0,0,0,.2),inset 0 0 40px rgba(0,61,4,.1);height:300px}
.start13{font-size:22px;color:#0F121C;padding:0}
.scale{transition:all .3s}
.scale:hover{transform:scale(1.03);transition:all .3s}
.uhrzeitaktiv{box-shadow:2px 3px 5px rgba(0,0,0,.1);font-weight:400;border-radius:10px;background:rgba(255,255,255,.35);padding:4px 0}
.spacerstart{float:left;height:150px}
.start19{background:#DCDDE0;height:300px;border-radius:30px}
.start19 h3{color:#0F121C}
#bar{width:0;max-width:100%;height:4px;background:#8BD246}
#progressBar{width:100%;height:4px;background:#779978}
.hs0{height:90%;max-height:650px}
#hs{height:500px;background:url(g/o.png)}
.hs1{height:500px;padding:0;margin:0;background-repeat:no-repeat;background-position:center;background-size:cover}
.hs2{width:100%}
.hs3{display:inline-block;padding:20px;width:100%;opacity:.9}
.hs4{font-size:40px;font-weight:400;padding:0 0 10px;text-shadow:3px 3px 3px rgba(0,0,0,.2)}
.hs5{padding:0;color:rgba(0,0,0,0.7);text-shadow:3px 3px 3px rgba(0,0,0,.2);font-size:20px}
@media (min-width:768px) {
.hs3{width:auto;max-width:50%}
.hs7{padding:30px}
}
#ineuigkeiten{padding:10px 0}
.inews{padding:15px}
.inews div{color:#AEAFB6}
.herzz{width:20%;margin:20px 0}
@media (min-width:768px) {
.prevnextconti{text-align:right!important}
.herzz{width:50%;margin:0}
}
.next,.prev{height:36px;display:inline-block;cursor:pointer;width:36px;background-image:url(g/pfeil_rechts.png);background-repeat:no-repeat;background-position:12px 7px;transition:all .5s}
.prev{display:inline-block;margin:0 15px 0 0;background-image:url(g/pfeil_links.png);background-position:10px 7px}
.newsnext,.newsprev{width:100%;text-align:center}
.newsnext i,.newsprev i{font-size:60px;color:#003D04;text-align:center;line-height:300px;vertical-align:middle;height:300px}
.prevnextinaktiv{opacity:.5;transition:all .5s;background-image:none}
.footer{color:#8C8A41}
.footer a{color:#fff;transition: all .3s}
.footer a:hover{color:#29527C;transition: all .3s}
.footer1{display:inline-block;line-height:0;padding:3px 0 0 0;margin:0 20px 0 0;float:left;width:40px}
.footer2{width:calc(100% - 60px);text-transform:none;float:left;font-size:20px}
.footer3{color:#4C9CA8;font-size:30px}
form{margin:0}
input,textarea{width:100%;line-height:30px;color:#fff;margin:0;font-size:16px;font-family:'Work Sans',sans-serif;padding:2px 6px;border:none;background:none;border:2px solid rgba(255,255,255,.5);border-color:#543a0a;border-radius:10px}
textarea{height:120px}
input:focus,textarea:focus{background:rgba(255,255,255,.8);color:#000;border-color:#A8A85D;transition:all .5s}
label{width:100%;color:#fff;color:#543a0a;text-transform:uppercase;margin:10px 0 0;line-height:30px;padding:0;display:block}
#submit{font-family:'Work Sans',sans-serif!important;background:#A8A85D;border:none;font-weight:300}
#submit:hover{cursor:pointer;background:rgba(255,255,255,0.75);color:#000}
.fot1{font-weight:400;margin:0 0 0 10px;text-decoration:none}
.fot5{font-size:20px}
.fot6{display:inline-block;text-decoration:none;font-weight:400;color:#0F121C;letter-spacing:1.35px;font-size:14px;text-transform:uppercase}
.fot6 span{opacity:.6}
.fot7{width:192px;margin:0}
.eins{padding:10px 0 5px;font-size:16px}
.zwei{font-weight:400;font-size:16px}
.bildrahmenlink{border:5px solid #FFE81B;display:inline-block;margin:0 0 40px;transition:all .5s;overflow:hidden}
.bildrahmenlink img{vertical-align:middle}
.bildrahmenlink:hover{border:5px solid #1C2637;transition:all .5s}
@-webkit-keyframes empty {
    0% {
        opacity: 1;
    }
}
@-moz-keyframes empty {
    0% {
        opacity: 1;
    }
}
@keyframes empty {
    0% {
        opacity: 1;
    }
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@-moz-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@-webkit-keyframes backSlideOut {
    25% {
        opacity: 0.5;
        -webkit-transform: translateZ(-500px);
    }
    75% {
        opacity: 0.5;
        -webkit-transform: translateZ(-500px) translateX(-200%);
    }
    100% {
        opacity: 0.5;
        -webkit-transform: translateZ(-500px) translateX(-200%);
    }
}
@-moz-keyframes backSlideOut {
    25% {
        opacity: 0.5;
        -moz-transform: translateZ(-500px);
    }
    75% {
        opacity: 0.5;
        -moz-transform: translateZ(-500px) translateX(-200%);
    }
    100% {
        opacity: 0.5;
        -moz-transform: translateZ(-500px) translateX(-200%);
    }
}
@keyframes backSlideOut {
    25% {
        opacity: 0.5;
        transform: translateZ(-500px);
    }
    75% {
        opacity: 0.5;
        transform: translateZ(-500px) translateX(-200%);
    }
    100% {
        opacity: 0.5;
        transform: translateZ(-500px) translateX(-200%);
    }
}
@-webkit-keyframes backSlideIn {
    0%,
    25% {
        opacity: 0.5;
        -webkit-transform: translateZ(-500px) translateX(200%);
    }
    75% {
        opacity: 0.5;
        -webkit-transform: translateZ(-500px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(0);
    }
}
@-moz-keyframes backSlideIn {
    0%,
    25% {
        opacity: 0.5;
        -moz-transform: translateZ(-500px) translateX(200%);
    }
    75% {
        opacity: 0.5;
        -moz-transform: translateZ(-500px);
    }
    100% {
        opacity: 1;
        -moz-transform: translateZ(0) translateX(0);
    }
}
@keyframes backSlideIn {
    0%,
    25% {
        opacity: 0.5;
        transform: translateZ(-500px) translateX(200%);
    }
    75% {
        opacity: 0.5;
        transform: translateZ(-500px);
    }
    100% {
        opacity: 1;
        transform: translateZ(0) translateX(0);
    }
}
@-webkit-keyframes scaleToFade {
    to {
        opacity: 0;
        -webkit-transform: scale(0.8);
    }
}
@-moz-keyframes scaleToFade {
    to {
        opacity: 0;
        -moz-transform: scale(0.8);
    }
}
@keyframes scaleToFade {
    to {
        opacity: 0;
        transform: scale(0.8);
    }
}
@-webkit-keyframes goDown {
    from {
        -webkit-transform: translateY(-100%);
    }
}
@-moz-keyframes goDown {
    from {
        -moz-transform: translateY(-100%);
    }
}
@keyframes goDown {
    from {
        transform: translateY(-100%);
    }
}
@-webkit-keyframes scaleUpFrom {
    from {
        opacity: 0;
        -webkit-transform: scale(1.5);
    }
}
@-moz-keyframes scaleUpFrom {
    from {
        opacity: 0;
        -moz-transform: scale(1.5);
    }
}
@keyframes scaleUpFrom {
    from {
        opacity: 0;
        transform: scale(1.5);
    }
}
@-webkit-keyframes scaleUpTo {
    to {
        opacity: 0;
        -webkit-transform: scale(1.5);
    }
}
@-moz-keyframes scaleUpTo {
    to {
        opacity: 0;
        -moz-transform: scale(1.5);
    }
}
@keyframes scaleUpTo {
    to {
        opacity: 0;
        transform: scale(1.5);
    }
}
.herzschlag {
    animation: herzschlag 5s ease infinite;
}
@keyframes herzschlag {
    0% {
        transform: rotate(2deg);
    }
    5% {
        transform: rotate(0deg);
    }
    20% {
        transform: rotate(4deg);
    }
    30% {
        transform: rotate(6deg);
    }
    35% {
        transform: rotate(2deg);
    }
    50% {
        transform: rotate(0deg);
    }
    55% {
        transform: rotate(4deg);
    }
    70% {
        transform: rotate(3deg);
    }
}
 

#logo span,#blink182{animation: blinken 1.7s infinite; display: inline;transition: none}
@keyframes blinken {
  0%{opacity:0}
  49%{opacity:0}
  50%{opacity:1}
  100%{opacity:1}
}

.slick-slide img{display:inline-block!important}
.click{border:2.5px solid #8BD246;border-radius:30px;padding:20px;cursor:pointer;margin:0 0 20px;transition:all .5s}
.click h3{margin:0;padding:0;transition:all .5s}
.click i{opacity:.5;transition:all .5s}
.click:hover{background:rgba(0,0,0,.3);transition:all .5s}
.clickinhalt{visibility:hidden;height:0;overflow:hidden;transition:all .5s;line-height:27px;font-size:17px}
.aktivclick2 .clickinhalt{height:auto;visibility:visible;transition:all 1s}
.aktivclick2{background:#DCDDE0;border-color:#DCDDE0;box-shadow:0 0 20px rgba(0,0,0,.2);transition:all .5s}
.aktivclick2:hover{background:#DCDDE0;transition:all .5s}
.aktivclick2 h3{color:#0F121C;transition:all .5s}
.news1{display:block;background:#1C2637;transition:all .4s}
.news1 h3{color:#FFE81B}
.news1 p{color:#FFE81AAA;transition: all .3s}
.news1b h3{color:#FFE81B;transition: all .3s}
.news1:hover p{color:#fff;transition: all .3s}
.news1:hover h3{color:#fff;transition: all .3s}

.news1b{background:#fff}
.news1b p{color:#1C2637AA;transition: all .3s}
.news1b h3{color:#1C2637;transition: all .3s}
.news1b:hover p{color:#1C263799;transition: all .3s}
.news1b:hover h3{color:#1C263799;transition: all .3s}

.news1::after{width: 0;content: ''; position: absolute; bottom: 0; right: 0;  z-index: 10; border-bottom: 25px solid #fff;border-left: 93px solid rgba(0,0,0,0);transition:all .4s}
.news1b::after{border-bottom: 25px solid #1C2637;}
.news1:hover::after{bottom:-50px;right:-50px;transition:all .4s}
.news1:hover{cursor:pointer;transform:scale(1.03);transition:all .4s}
.news2{overflow:hidden;margin:0 0 20px}
.news2 img{vertical-align:middle}
.news1c::after{bottom:80px;}
.leist{margin-bottom:30px}
.leist1{height:220px;overflow:hidden;background-size:cover;background-color:#fff;position:relative;cursor:pointer;display:block;transition:all .4s}
.leist2{position:absolute;width:100%;padding:70px 30px 30px;height:220px;bottom:-100px;background:linear-gradient(rgba(11,146,164,0) 0%,rgba(11,146,164,1) 100%);background:linear-gradient(transparent 0%,#FDC87C 60%,#FDC87C 40%);transition:all .4s}
.leist1::after{width: 0;content: ''; position: absolute; bottom: 0; right: 0;  z-index: 2;
    border-bottom: 25px solid #0B92A4; 
    border-left: 44px solid rgba(0,0,0,0); 
     transition:all .4s;}
.leist1::before{width: 0;content: ''; position: absolute;top: 0;left: 0;z-index: 2;
    border-top: 25px solid #0B92A4; 
    border-right: 44px solid rgba(0,0,0,0); 
     transition:all .4s;}
.leist1:hover::before{top:-20px;left:-20px;transition:all .4s}
.leist1:hover::after{right:-20px;bottom:-20px;transition:all .4s}
.leist1:hover .leist2{bottom:0;padding:30px;transition:all .4s;background:rgba(253,201,126,.9)}
.leist1:hover{transition:all .4s}
.leist1 h3{font-family:'Work Sans', sans-serif;text-shadow:1px 2px 3px #818265;color:#fff;padding-bottom:25px;font-weight:400}
.leist1 button{border-radius:10px;background:rgba(255,255,255,.8);border:none;height:30px;line-height:30px;color:#7c6f61;margin:5px 0 0;padding:0 10px}
.leist1 p{color:#fff;padding-top:5px;border-top:1px solid rgba(255,255,255,.4)}
@media (max-width:768px) {
.spacerstart{height:40px}
.sortimentstart{font-size:18px;margin:-55px 0 0;line-height:55px;height:55px}
#hs{height:300px}
.hs1{height:300px}
.footer2{font-size:16px;width:calc(100% - 50px)}
.footer1{margin:0 10px 0 0}
h1{font-size:34px}
h2{font-size:34px}
h3{font-size:20px}
.start1{}
}
.unterseiten_oben{background:#EBFDFF; min-height: 100px}

.trenner,.trenner2{background:url(g/uebergang3.png) top no-repeat;background-size:cover;margin:-15px 0 0 0;height:15px}
.trenner{background:url(g/uebergang1.png) bottom no-repeat;margin:0}

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel .owl-nav button.owl-prev,
  .owl-carousel .owl-nav button.owl-next,
  .owl-carousel button.owl-dot {
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
			This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
			calculation of the height of the owl-item that breaks page layouts
		 */ }
  .owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease; }
  .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0; }
  .owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
      transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }
  
  .owl-carousel .active{background: none !important}
  .owl-prev,.owl-next{ background:#1C2637;width: 35px; margin: 0 5px; display: inline-block;height: 35px;transition: all .4s; position: relative}
  

.owl-prev::after,.owl-next::after{width: 0;content: ''; position: absolute;bottom: 0;right: 0;z-index: 2;
border-bottom: 6px solid #fff; 
border-left: 10px solid rgba(0,0,0,0); 
transition:all .4s;}
.owl-prev:hover,.owl-next:hover{ background:#ffe81b;transition: all .4s}
.owl-prev:hover::after,.owl-next:hover::after{right: -11px;bottom: -11px;transition: all .4s}
.owl-prev span,.owl-next span{font-size: 25px; color: #fff; line-height: 35px}
.owl-nav{text-align: center; padding: 20px 0}

.owl-nav .disabled{opacity: .5}
.owl-dots{display: none}

#bibo .owl-prev,#bibo .owl-next{ background:#fff}
#bibo .owl-prev::after,#bibo .owl-next::after{
border-bottom: 6px solid #1C2637}
#bibo .owl-prev:hover,#bibo .owl-next:hover{ background:#ffe81b;transition: all .4s}
#bibo .owl-prev span,#bibo .owl-next span{color: #1C2637}

    .mw{max-width: 2100px; position: relative;min-height: 400px;margin: 0 auto;overflow: hidden}

    .ecke{position: absolute;background:#fff; transform: rotate(-15deg);left: 60%; width: 140%; bottom:-100px; height: 280px; z-index: 4; text-align: center}
   .space1{padding:0 50px 50px 50px}
    .mrahmen2{position: absolute; bottom:80px;padding:0 50px; width:100%; overflow:hidden}
    .mrahmen3{display: none;padding:20px 20px; width:100%;margin-top: -1px; overflow:hidden}
    .mrahmen2 a{ display:block;top: -100px; padding: 100px 0 0 0 ; height:500px;width:55px; position:absolute; transition:all .3s;background:#FFE81B;transform: rotate(-15deg); left:calc( 75% - 40px); z-index:1;transition:all .3s}
    .mrahmen2 a:hover{width:150px;transition:all .3s}
    .mrahmen2 a span{transform:rotate(90deg); color:#1C2637; text-transform:uppercase; min-width:200px; display:block;margin:100px 0 0 -73px}
 
    .play{margin:  -50px 0 0 calc(100% - 60px);position: absolute; z-index: 1; width: 40px !important}
    .mrahmen{padding: 0 100px 0 0;box-sizing: border-box;z-index: 3; height: 80px; width: auto;overflow: hidden;position: relative;display: inline-block;margin: 50px}

    
    .mrahmen h1,.mrahmen h2{background:#FFE81B;font-family: 'Work Sans'; font-size: 50px; font-weight: 800; line-height: 80px; color: #1C2637; position: relative; z-index: 3;padding: 0 15px 0 20px;}
    .mrahmen span{ display:block;content:" "; top: -100px;height:500px;width:25px; position:absolute; transition:all .3s;background:#FFE81B;transform: rotate(-15deg); right: 60px; z-index:1;transition:all .3s}
    .mrahmen::before{ display:block;content:" "; top: -100px;height:500px;width:8px; position:absolute; transition:all .3s;background:#FFE81B;transform: rotate(-15deg); right:7px;z-index:1;transition:all .3s}
    .mrahmen::after{ display:block;content:" "; top: -100px;height:500px;width:8px; position:absolute; transition:all .3s;background:#FFE81B;transform: rotate(-15deg); right:25px;z-index:1;transition:all .3s}
    .mrahmen::before {
    animation: ecken2 12s ease infinite;
}
    .mrahmen::after
    {
    animation: ecken 10s ease infinite;
}
@keyframes ecken {
    0% {
        right:25px;
    }
    5% {
        right:30px;
    }
    20% {
       right:40px;
    }
    30% {
         right:13px;
    }
    35% {
        right:2px;
    }
    50% {
       right:2px;
    }
    55% {
     right:15px;
      
    }
    70% {
        right:25px;
    }
}
@keyframes ecken2 {
    0% {
        right:7px;
    }
    5% {
        right:50px;
    }
    20% {
       right:60px;
    }
    30% {
         right:7px;
    }
    35% {
        right:7px;
    }
    50% {
       right:7px;
    }
    55% {
     right:10px;
      
    }
    70% {
        right:7px;
    }
}
.conti_amnavi{position:absolute; top: 70px; right: 50px}
@media (max-width:1000px) {
.startbild{background:url(/g/bg.jpg) -60px !important;background-size: cover !important; max-height: 600px}
.mrahmen2,.ecke{display: none}
.mrahmen3{display:block}
.mrahmen{margin: 20px}
.conti_amnavi{top: 20px; right: 20px}
.space1{padding: 0 20px 20px 20px}
.mrahmen h1,.mrahmen h2{font-size: 35px; padding: 0 4px 0 20px; line-height: 60px;}
.mrahmen span{right: 10px}
.mrahmen{height: 60px;padding:0 50px 0 0}
.mrahmen::after,.mrahmen::before{width: 6px;right: 0}
    @keyframes ecken {
        0% {
            right:-15px;
        }
        5% {
            right:-17px;
        }
        20% {
           right:-21px;
        }
        30% {
             right:-10px;
        }
        35% {
            right:-6px;
        }
        50% {
           right:-6px;
        }
        55% {
         right:-10px;

        }
        70% {
            right:-15px;
        }
    }
    @keyframes ecken2 {
    0% {
        right:-2px;
    }
    5% {
        right:-20px;
    }
    20% {
       right:-17px;
    }
    30% {
         right:-7px;
    }
    35% {
        right:-10px;
    }
    50% {
       right:-7px;
    }
    55% {
     right:-17px;
      
    }
    70% {
        right:-2px;
    }
}
}