*{
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    word-wrap: break-word;
    text-align: center;
}
                                                                /* --- F A R B E - 1 -----  */
                            /* Hintergrund Body */
body
{background-color: #68829E;
}
                            /*  Rahmen */
.rahmenvoll, .rahmen, .tabkopf, .haus, .date, .show, .ort, .haus  { 
    border-color: #68829E;}
                             /*  Schriften-hell*/
/*article, aside, details, summary   {
    color: #68829E;}*/

                                                                /* --- F A R B E - 2 -----  */
                                /*Hintergründe der Felder*/
header, footer, aside, #hauptbereich, reset, nav > ul, nav li, nav  {
    background-color: #505160;}
                                /*Schriftfarbe-Maus drauf*/ 
nav a:hover {
    color: #505160;}

                                                                /* --- F A R B E - 3 -----  */
                                /*Schriftfarbe Text*/ 
*
{color: #A7B6D5;}
                                /*Farbe Menüpunkte*/
nav > ul a, nav ul > li > ul > li a{
    background: #A7B6D5; }

                                                                /* --- F A R B E - 4 -----  */
                                /*Schriftfarbe Überschrift*/ 
h1, h2, h6, h5{
    color: #E8C863;}
   
                            /*  Schriftfarbe Navi*/
nav a{
    color: #E8C863; }

img{
    max-width: 100%;
    height: auto;
	display: block;
}
body {
    /*background-color: #F1F1F2;*/
   font-family: Arial;
     max-width: 1800px;
    margin: auto;
    display: flex;
    justify-content: center;
}

header{
    width: 100%;
    border-radius: 10px;
    overflow: auto;
	margin: 5px 0 5px 0;
    padding: 0;
}
footer, nav {
	width: 100%;
    min-height: 35px;
    text-align: center;
	position: sticky;
	bottom: 0;
    overflow: auto;
      border-style: solid;
    border-width: 2px;
    border-radius: 10px;
     z-index: 29;
}
footer {
    font-size: 120%;
}
article {
    padding: 10px;
}
aside {
    padding: 10px 10px 20px 10px;
    border-radius: 15px;
    margin: auto;
    text-align: center;
    max-width: 280px;
}
main {
    width: 100%;
    padding: 3%;
    /*display: inline-block;*/
}
section {
	display: inline-block;
}
details {
     text-align: left;
    margin: 2%;
}
summary {
   text-align: left;
     /*color: #F1F1F2;*/
    font-size: 120%;
}

#hauptbereich {
    width: 100%;
    border-radius: 10px;
    display: inline-block;
}
#gesamt {
     max-width: 1000px;
}

.voll	{
	width: 100%;
    display: inline-block;
    text-align: center;
}
.rahmen {
	border-width: 5px;
    border-radius: 5px;
	border-style: solid;
	width: 94%;
	height: auto;
	padding: 5%; 
    margin: 3%;
}
.rahmenvoll{
	border-width: 5px;
    border-radius: 5px;
	border-style: solid;
	width: 95%;
	margin: 2%;
    display: flex; 
    justify-content: center; 
    align-items: center;
}
.vorwort {
    font-size:120%;
    font-weight: bold;
    text-align: justify;
    margin: 3%;
}
/*
.video {
	position: relative;
	padding-bottom: 56%; /* 16/9 Video */
	/*padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video iframe,  
.video object,  
.video embed {
	position: absolute;
	top: 0; 
	left: 0;
	width: 100%;
	height: 100%;
}*/

#links {
   float: left;
    margin: 0;
    width: 19%;
}
#mitte {
    float: left;
    margin-top: 5px;
    width: 62%;
}
#rechts {
   float: right;
    margin: 0;
    width: 19%;
}
h1 {
    font-size: 250%;
     text-align: center;}
h2 {
    text-align: center;
}
h3 {
    text-align: left;
}
h4 {
     text-align: center;
    margin: 2% 0 0 0;
}
h5 {
    font-size: 300%;
    text-align: center;}
h6 {
     font-size: 150%;
    text-align: center;;
}
p {
    font-size: 110%;
}

/*reset {
    background-color: #BCBABE;
}*/
/*Termine*/
.tabkopf{
	width: 100%;
    min-height: 75px;
    text-align: left;
	position: sticky;
	bottom: 0;
    overflow: auto;
    border-style: solid;
    border-width: 0 0 8px 0;
    /*border-color: #F1F1F2;*/
}
.tabkopf p {
    font-weight: bold;
}
.termine {
    margin: 0;
    padding: 0;
}
.termin {
    width: 100%;
    padding: 0 0 0 0;
    margin: 0;
}
.date, .show, .ort, .haus {
    min-height: 55px;
    border-style: solid;
 padding-top: 5px;
}
.date, .show {
      border-width: 3px 3px 0 3px;
}
.ort, .haus {
    border-width: 0 3px 3px 3px;
}
.date {
    width: 34%;
    min-width: 80px;	
    float: left;
}

.show {
    width: 66%;
    float: right;
}
.ort {
    width: 34%;
    float: left;
     min-width: 80px;
}
.haus {
    width: 66%;
     float: right;
}
/*Vita*/
.logo {
     display: inline-flex;
    padding: 10px;
}




/*Kontakt*/

label {
display:grid;
width:120px;
margin: 10px 0 5px 0;;
text-align: left; 
font-size: 120%;
   
}
input {
    font-size: 100%;
    text-align: left;
     color: #505160;
}
    
/*
.anruf{
    display: flex;
}
.kontakt{
    display:inline-block;  
}
.zentriert {
   margin: 20px;
}*/
form {
    display: block;
    float: left;
    text-align: left;
}
textarea {
    font-size: 120%;
    text-align: left;
    color: #505160;
}
/*Handy-Menü - ENDE*/








/*Tablette*/

@media only screen and (min-width: 600px){
       
#hauptbereich {
        overflow:auto;
    }   
article {
        width: 60%;
        float: left;
        padding: 0 23px 20px 20px;
    }
aside {
        width: 40%;
        float: left;
        margin-top: 20px;
    }
section{
	width: 49%;
}

.info{
        width: 50%
    }
.termin {
        width: 50%;
    padding: 0;
    margin: 0;
    }
.date {
     border-width: 2px;
    }
.show {
     border-width: 2px;   
    }
.ort {
     border-width: 2px;   
    }
.haus {
     border-width: 2px; 
    }

h5 {
    font-size: 580%;}
h6 {
    font-size: 250%;}
}