.zentrieren { 
	margin-left: auto; 
	margin-right: auto; 
	text-align: center;
}
 
.aussen { 
	max-width:1052px;
	overflow:auto; 
	vertical-align: top;
	margin-left: auto; 
	margin-right: auto; 
	text-align: center;
}

.innen { 
	overflow:auto; 
	text-align:left;
/*	padding:20px 20px 20px 20px; /* oben rechts unten links */ */
	padding: 0px; /* oben rechts unten links */ 
	background-color:#db7004;  
    margin: 20px;
    height: 100%;
/*   border: 1px solid #fa5456; */
}

.text { 
	padding:0px 20px 0px 0px; /* oben rechts unten links  */
}

.kopf {
/*    background-image: url("bilder/kopf.jpg");*/
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position:  center center;
    height: 360px;    
/*    border: 1px solid #FFFFFF;*/
    }
        
.footer {
    background-color: #e6cb00;
    color: #000;
    font-size: 1.0em;
    line-height: 1.2em;
 	padding:4px; /* oben rechts unten links */ 
 	text-align:center;
    clear: both;
    }   

body {
  background: #bf4040;
  font-size: 1em;
  line-height: 1.5em;
  color: #ffffff;
  margin: 0;
  padding: 0;
  word-wrap: break-word !important;
  font-family: sans-serif;
}

h1 {
  font-size: 32px;
  line-height: 48px;
  text-align: left;
}

h2 {
  font-size: 22px;
  line-height: 24px;
  text-align: left;
  font-weight: normal;
  padding-top: 20px;
}

a {
  color: #501935; 
  text-decoration: none;
}

.footer a  {
  color: #fa5456; 
  text-decoration: none;
}

hr{
   border: 1px solid #fa5456;
}

img {
    max-width: 100%;
}

.bildrechts {
    max-width: 50%;
    float: right; 
    padding: 25px 0px 25px 25px;
}

p { text-align: left; }
 .toggle, [id^=drop] {
 display: none;
}

.titel, .titel a {
  padding: 200px 50px 0px 10px ;
  text-align: right;
  font-size: 90px;
  font-weight: normal;  
  text-decoration: none;
  color: #fff;
}

/* aktive Navigation */
#aktnav
{
	color:#e6cb00;
}

.navig {
    padding: 12px 20px 0px 0px;
}

nav {
  margin: 0;
  padding: 0;
  padding-bottom: 20px;             /* Abstand nach unten */
  padding-top: 0px;             
}

nav:after {
  content: "";
  display: table;
  clear: both;
}

nav ul {
  float: left;
  padding: 0;
  padding-left: 40px;
  margin: 0;
  list-style: none;
  position: relative;
}

nav ul li {
  margin: 0px;
/*  display: inline-block;*/
  float: left;
}

nav a {
/*  display: block;*/
  padding: 0 30px 0 0;
  color: #ffffff;
  font-size: 20px;
/*  font-weight: bold;*/
  line-height: 35px;
  text-decoration: none;
}

nav ul li ul li:hover { color: #e6cb00; }

nav a:hover { color: #e6cb00; }

nav ul ul {
  display: none;
  position: absolute;
  top: 40px;
}

nav ul li:hover > ul { display: inherit; }

nav ul ul li {
  width: 170px;
  float: none;
  display: list-item;
  position: relative;
}

nav ul ul ul li {
  position: relative;
  top: -60px;
  left: 170px;
}

li > a:after { content: ' +'; }

li > a:only-child:after { content: ''; }

.boxL {
    display:inline-block; 
    width: 80%; 
    width:calc(98% - 300px);
/*    border: 3px solid #73AD21;*/
    text-align:left;
    vertical-align:top;
}

.boxR {
    display:inline-block; 
    min-width:200px; 
/*    border: 3px solid #73AD21;*/
    text-align:right;
    vertical-align:top;
}


audio {
    width: 300px;
    height: 24px;
    filter: contrast(1) invert(1);
/*    filter: sepia(20%) saturate(70%) grayscale(1) contrast(99%) invert(92%);*/
}

.halb {
    float: left;
    width: 49%;
    padding-right: 5px;
    padding-bottom: 10px;
    }

.youtube {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 0;
height: 0;
overflow: hidden;
/*box-shadow: 0px 13px 14px 0px rgba(50, 50, 50, 0.81);*/
}
.youtube iframe,
.youtube embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


/* Mediagroessen
--------------------------------------------- */
@media all and (max-width : 1030px) {
    .kopf { height: 300px; }
    .titel, .titel a { padding: 100px 50px 0px 10px ; }
}

@media all and (max-width : 870px) {
    .kopf { height: 200px; }
    .titel, .titel a { padding: 20px 50px 0px 10px ; }
}

@media all and (max-width : 720px) {
.kopf { height: 148px; }

.bildrechts, img.bildrechts {
    max-width: 100%;
    padding: 25px 0px 25px 0px;
    float: none;    
    }

.innen { 
	padding:0px 0px 0px 0px; /* oben rechts unten links */ 
    }

.titel, .titel a {
  text-align: center;
  font-size: 50px;
}

.halb {
    width: 100%;
    padding-bottom: 5px;
    }    
    
nav { 
    margin: 0; 
    padding-bottom: 20; 
    }

.toggle + a,
 .menu { display: none; }

.toggle {
    display: block;
    padding: 0px;
    color: #fa5456;
    font-size: 20px;
    text-decoration: none;
    border: none;
    text-align: right; 
    padding-right: 20px;
    }

.toggle:hover { color: #fa5456; }

[id^=drop]:checked + ul { display: block; }

nav ul li {
    display: block;
    width: 100%;
    }

nav ul ul .toggle, nav ul ul a { padding: 0px 40px ; }

nav ul ul ul a { padding: 0 80px; }

nav a:hover, nav ul ul ul a { color: #fa5456; }

nav ul li ul li .toggle, nav ul ul a { background-color: #212121; }

nav ul ul {
    float: none;
    position: static;
    color: #ffffff;
    }

nav ul ul li:hover > ul,
nav ul li:hover > ul { display: none; }

nav ul ul li {
    display: block;
    width: 100%;
    }

nav ul ul ul li { position: static; }

.boxL {
    width: 98%; 
}

.boxR {
    min-width:200px; 
    padding-bottom: 20px;
}
.footer {
    font-size: 0.9em;
    line-height: 1em;
 	padding:2px; /* oben rechts unten links */ 
 	text-align:center;
    clear: both;
    } 
}