/* Groups & Globalz */
*{padding:0;margin:0;outline:0;list-style-type:none;text-decoration:none;font-family: 'verdana', sans-serif;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}
.trans,nav ul,nav>ul>li,nav ul li a{transition:.4s}
.box{text-align:center;margin-top:30px;color:#fff;background-color:#e00;padding:2rem}
nav>ul>li>ul>li>ul>li{transition:.4s .3s}
header,nav,section,aside,footer,nav ul li a,header p strong{display:block}
.margin-bottom-20px{margin-bottom:20px}
#pg,header,nav ul li,#ft ul{position:relative}
header p,nav ul li ul,nav ul li a img,nav .group:after{position:absolute}
header,nav ul,section,#ft ul{margin:0 auto}
nav>ul>li:first-child a{border-radius:5px 0 0 5px}
header p{text-align:right}
#ct h1,#ct h2,#ct p{margin-bottom:18px;font-weight:100}
#ct h2,#ct aside p strong{font-weight:600}
#ct h1,#ct h2,#ct h3,nav ul li ul li.group:after{font-size:18px}
header p,#ct p,#ft ul li p{line-height:19px}
body,header a,#pg,nav ul li ul li a:hover,nav ul li ul li:hover>a,nav ul li ul li.active>a,nav ul li ul li.group:hover:after,nav>ul>li>a,#ct p a,#ft ul li h4,#ft ul li p,#ft ul li p a{color:#eee}
nav>ul>li>a:hover,nav>ul>li:hover a,nav>ul>li.active>a,nav ul li ul li a,nav ul li ul li.group:after{color:#444}
nav,#slides,#ct aside,#ct aside h4,#ft{border-radius:5px}
html{height:100%}
body{height:100%;background:url('../images/layout/bg.jpg') no-repeat center center fixed #000;font-size:13px;background-size:cover}
a img{border:0}
/* pg */
#pg{margin:0 auto;padding:0 20px;width:920px;background:#000;box-shadow:0 0 10px #fff}
/* HEADER */
header{background:url(../images/layout/logo.jpg) 0 35px no-repeat;height:170px}
header p{top:35px;right:0}
/* nav */
nav{margin:0 auto;height:47px;background:#444}
nav ul li ul{visibility:hidden;top:47px;background:#eee;width:auto;opacity:0;box-shadow:3px 10px 10px #111}
nav ul li:hover>ul{visibility:visible;opacity:1}
nav ul li ul li ul{top:0;left:0;border-left:1px dotted #c0c0c0}
nav ul li ul li:hover ul{left:100%}
nav>ul>li>ul>li>ul{z-index:-1;width:280px}
nav>ul>li{float:left;padding-bottom:4px;z-index:2}
nav ul li ul li.group:after{content:"»";top:3px;right:15px}
nav ul li ul li ul li{height:33px}
nav ul li ul li ul li:not(.no_opening):hover{height:99px}
nav a{font-size:13px;text-transform:uppercase;font-weight:600;white-space:nowrap}
nav>ul>li>a{padding:15px 30px}
nav ul li ul li a{padding:8px 45px 8px 33px;border-top:1px dotted #c0c0c0}
nav ul li ul li ul li a{padding-left:45px}
nav>ul>li:hover>a,nav>ul>li>a:hover,nav>ul>li.active>a{text-shadow:0 7px 6px #999}
nav>ul>li:hover>a,nav>ul>li>a:hover,nav>ul>li.active>a,nav ul li ul li a{background:#eee}
nav ul li ul li a:hover,nav>ul>li>ul li:hover>a,nav>ul>li>ul li.active a{background:#444}
nav ul li ul li ul li>a>img{top:3px;left:11px}
nav ul li ul li ul li{background:bottom left no-repeat}
/* ct */
.left{float:left;margin-right:60px}
.right{float:right;margin-left:60px}
#pg #ct{min-height:500px;padding:50px 0 50px 0}
#pg #ct h1,.h1{font-size:24px;line-height:27px !important}
#pg #ct h2{font-size:14px}
#pg #ct h3{font-weight:bold}
#pg #ct hr{margin:30px 0;height:1px}
#pg #ct aside h4{background:#777;padding:5px 10px;font-size:15px}
#pg #ct aside h5{font-size:13px;margin-bottom:5px}
#pg #ct aside p{font-size:13px;line-height:16px;margin-bottom:5px}
#pg #ct aside label{display:inline-block;width:50px;font-weight:600}

/*
#pg #ct ul.pics{margin-top:50px;overflow:hidden}
#pg #ct ul.pics li{float:left;margin:0 37px 30px 0;text-align:center;color:#444}
#pg #ct ul.pics li>img{margin-bottom:10px}
#pg #ct ul.pics li p{background:#333;line-height:15px;padding:5px 0;min-height:60px}
#pg #ct ul.pics li p,#pg #ct ul.pics li p a{color:#c0c0c0;font-size:11px}
#pg #ct ul.pics li p strong{display:block;font-weight:600}
#pg #ct ul.pics li a img{border:1px solid #000}
#pg #ct ul.pics li a img:hover{border:1px solid #ddd}
*/
.pics{margin-top:50px;display:flex}
.pics li{flex:1;display:inline-block;text-align:center;color:#444}
.pics li>img{margin-bottom:10px}
.pics li p{background:#333;line-height:15px;padding:5px 0;min-height:100px}
.pics li p,.pics li p a{color:#c0c0c0;font-size:11px}
.pics li p strong{display:block;font-weight:600}
.pics li a img{border:1px solid #000}
.pics li a img:hover{border:1px solid #ddd}

 
 
#pg #ct aside{float:right;width:270px;margin:0 0 20px 30px;padding:10px 10px;background:#333}
#pg #ct aside ul li{border-bottom:1px solid #000;border-top:1px solid #555;padding:10px 0}
#pg #ct aside ul li:nth-of-type(1){border-top:0}
#pg #ct aside ul li:last-of-type{border-bottom:0}
#pg #ct aside ul li p{margin-bottom:15px}
#pg #ct aside ul li iframe{margin:5px 0 0 0}
#slides{margin-bottom:30px}
#pg #ct #logos{background:#fff;padding:20px;overflow:hidden;border-radius:5px}
#pg #ct #logos li h1{color:#333}
#pg #ct #logos li h2{background:#888;padding:3px 5px;margin:0}
#pg #ct #logos>li{clear:both}
#pg #ct #logos li ul li{float:left;margin-right:15px}
.fb{display:block;color:#fff;padding:.5rem 0 1rem 3.25rem;margin-bottom:1rem;background:url('/images/layout/facebook.svg') left center no-repeat;background-size:auto 80%}
.news-box{padding:20px;width:600px;border-radius:10px;margin-bottom:30px;border:4px solid #333;box-sizing:border-box}
/* ft */
#ft{background:#444;width:900px;padding:20px 0 20px 20px}
#ft ul li{display:inline-block;width:320px;text-align:left}
/* #ft ul li:nth-of-type(2){text-align:left} */
#ft ul li p{font-size:13px}
#ft ul li h4{margin-bottom:10px}
#ft .datenschutz{display:block;margin:1rem;text-align:center;color:#fff}
#cover{position:fixed;z-index:999;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8)}
#cover>div{color:#000;max-width:400px;display:block;padding:30px;background:#fff;margin:30% auto 0 auto}
#cover>div *{margin-bottom:15px}
/* cookies */
.wrapper{margin:0 auto;width:900px}
#cookies *{color:#fff;text-decoration:none}
#cookies{display:none;line-height:150%;position:fixed;bottom:0;z-index:5;margin:0;text-align:center;padding:10px;background:rgba(60,60,60,.90);color:#fff}
#cookies span{cursor:pointer;display:inline-block;margin-left:3px;padding:3px 10px;background:#000}
#cookies a{text-decoration:underline}
#cookies a:hover{text-decoration:none}