.footer {
  display: block;
  width: 100%;
  text-align: center;
  clear: both;
padding-top: 20px;
padding-bottom: 20px;
}
.placeholder h2,.slider li p,h1 {
text-align:center
}

.cf:after,.clear
{clear:both}

@font-face
{font-family:OratorpraOi-TextTwo;
src:url(fonts/oratorpraoitext2.eot);
src:url(fonts/oratorpraoitext2.eot?#iefix) 
format('embedded-opentype'),url(fonts/oratorpraoitext2.woff) format('woff'),url(fonts/oratorpraoitext2.ttf) 
format('truetype'),url(fonts/oratorpraoitext2.svg#oratorpraoitext2) 
format('svg');
font-weight:400;
font-style:normal}

.placeholder h2{color:#fdbb16}
@font-face{font-family:OratorpraOi-TextTwo;
src:url(fonts/oratorpraoitext2.eot);
src:url(fonts/oratorpraoitext2.eot?#iefix) format('embedded-opentype'),url(fonts/oratorpraoitext2.woff) 
format('woff'),url(fonts/oratorpraoitext2.ttf) 
format('truetype'),url(fonts/oratorpraoitext2.svg#oratorpraoitext2) 
format('svg');
font-weight:400;
font-style:normal
}

a,body,div,h1,h2,li,ul
{margin:0;padding:0}
@font-face{font-family:OratorpraOi-TextTwo;src:url(fonts/oratorpraoitext2.eot);
src:url(fonts/oratorpraoitext2.eot?#iefix) 
format('embedded-opentype'),url(fonts/oratorpraoitext2.woff) 
format('woff'),url(fonts/oratorpraoitext2.ttf) 
format('truetype'),url(fonts/oratorpraoitext2.svg#oratorpraoitext2) 
format('svg');
font-weight:400;
font-style:normal
}
img{border:0}

.logo {
-webkit-filter: drop-shadow(0px 0px 0.5vw #000);
  filter: drop-shadow(0px 0px 0.5vw #000);
  border: 0;
  width: 3vw;
  height: 3vw;
  aspect-ratio: auto 1 / 1;
}

li{list-style:none}

a{outline:0;text-decoration:none}

.cf:after,.cf:before{content:" ";display:table}

@font-face{font-family:OratorpraOi-TextTwo;
src:url(fonts/oratorpraoitext2.eot);
src:url(fonts/oratorpraoitext2.eot?#iefix) 
format('embedded-opentype'),url(fonts/oratorpraoitext2.woff) 
format('woff'),url(fonts/oratorpraoitext2.ttf) 
format('truetype'),url(fonts/oratorpraoitext2.svg#oratorpraoitext2) 
format('svg');font-weight:400;font-style:normal}

body{font:100% Verdana,Geneva,sans-serif}

h1{font:4vw OratorpraOi-TextTwo;margin:10px 0}

.placeholder h2,.slider li h2{font:0.9em OratorpraOi-TextTwo}

.placeholder{background:url(img/pattern.png);
/*min-height:400px;*/
margin-bottom:60px;
padding:11px 0;
position:relative

}
.placeholder:after{
bottom:-30px;
content:"";
background:url(img/placeholder-shadow.png) no-repeat;
background-size: 50vw;
height:30px;
left:50%;
margin-left:-25vw;
position:absolute;
width:50vw;
}

.placeholder iframe{
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.8);
            margin: 2vh 1.5vw;
            background: #d0e0e3;
            padding: 1vw;
            border-radius: 1vw;
display:block;
margin:0 auto 8px;
  width: 40vw;
  min-width: 280px;
  height: 22.5vw; /* 16:9 Verhältnis */
  min-height: 158px;
}

.carousel-container{margin:0 auto;position:relative;width:70%}.carousel-container .controll{cursor:pointer;height:54px;position:absolute;top:40px;width:29px;z-index:5}.carousel-container .prev{background:url(img/bt-prev.png) no-repeat;left:-40px}.carousel-container .next{background:url(img/bt-next.png) no-repeat;right:-40px}.carousel-inner{float:left;width:100%;overflow:hidden}

.slider{
position:relative;
/*left:-12.65vw;*/
left: clamp(-244px, -12.65vw - 1px, -160px);
width:9999px
  /*overflow-x: auto;  /* scrollen erlaubt */
  /*white-space: nowrap; /* verhindert Zeilenumbruch */
}
.slider li {
    float: left;
    height: 18vw;
    min-height: 150px;
    margin-right: 1px;
    width: 12.65vw;
   min-width: 160px;
   /*box-sizing: border-box;*/
}

.slider li a{
display:block;
height: 9vw;
min-height: 92px;
}
.slider li img{
display:block;
height:7vw;
min-height: 90px;
min-width: 160px;
width:12.65vw;
}
.slider li .shadow{
background:url(img/shadow-carousel.png) no-repeat;
background-size: max(12vw, 160px);
display:block;
height:2vw;
min-height: 20px;
width:12vw;
min-width: 160px;
}
.slider li h2{
letter-spacing:-.05em;
margin-bottom:8px;
min-height:80px
}
.slider li.current .spacer{background-color:#FDBB16}
.slider li .spacer{background-color:#000;display:block;height:9px;margin-bottom:8px}
.slider li:hover .spacer{background-color:#fdbb16}

.slider li p{
color:#333397;
font-size:0.8em;
line-height:17px;
margin:0 auto;
width:190px}
