/* = = = = = = = = = = = = = = = = = datei format.css = = = = = = = = = = = = = = = = = = = = = = = = = */



/* ====== allgemein mobile-first ======  */

*, *:before, *:after {

-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-transition: width .75s ease-out;
-webkit-transition: width .75s ease-out;
transition: width .75s ease-out;
}

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

.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

.section { clear: both;
margin: 0px;
background:transparent;
}

html {
font: 62.5%/1.5  georgia,"trebuchet ms","Open Sans",helvetica, arial, serif;
font-weight: 400;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
}


body {
font-size:1.9rem;
margin: 0 auto;
background-color:#fff;
color:#00172F;
}


.container_haupt {
margin-bottom:0px;
width: 100%;
}


h1, h2, h3, h4, h5 {
font-weight: 600;
margin: 0;
color:#000;
}

h1 {
font-size:2.4rem;
line-height: 2.7rem;
margin-top: 0rem;
margin-bottom: 3rem;
}

h2 {color:#000;
font-size:2.2rem;
line-height: 2.3rem;
margin-top: 2rem;
margin-bottom: 2rem;
}

h3 {color:#8000;
font-size:1.9rem;
line-height: 2.0rem;
margin-top: 2rem;
margin-bottom: 0.7rem;
}

img {max-width: 100%;
height: auto;
padding:0px;
margin:0px;
}

ul {
margin: 0;
text-align: left;
}


.tabellefarbe1 { background-color:dodgerblue;border-bottom:solid 1px black}
.zellefarbe1  {background-color:dodgerblue}

.tabellefarbe2 {background-color:white;border-bottom:solid 1px black}
.zellefarbe2  {background-color:white}

.tabellefarbe3 {background-color:black;border-bottom:solid 1px black}
.zellefarbe3  {background-color:black;}

.tabellefarbe4 { background-color:lightgrey;border-bottom:solid 1px black}
.zellefarbe4  {background-color:lightgrey;}

.tabellefarbe5 { background-color:seagreen;border-bottom:solid 1px black}
.zellefarbe5  {background-color:seagreen;}





.text1  {color:dodgerblue;}
.text2  {color:white;text-shadow: 1px 1px 1px black;}
.text3  {color:black;text-shadow: 1px 1px 1px white}
.text4  {}


.hpname {
font-size: 2.4rem;
line-height: 2.5rem;
color:#AAD5FF;
text-shadow: 1px 1px 1px #000;
letter-spacing :3px;
font-style:italic;
}

.fussname {
font-size: 1.7rem;
line-height: 1.8rem;
letter-spacing :0px;
font-style:italic;
}

.rund {
-moz-border-radius:360px;
-webkit-border-radius:360px;
border-radius:360px;
}

.box-shad {
-webkit-box-shadow:  0px 0px 12px #000;
-moz-box-shadow:  0px 0px 12px #000;
box-shadow:  0px 0px 12px #000;
}

/* =============================== mobile-first ======================================= */




.col {
margin: 0 auto;
padding: 1.5rem;}


.eingerueckt {padding-left:1rem;padding-right:1rem;padding-top:5rem;padding-bottom:5rem;}
.eingerueckt-ob-un {padding-top:2rem;padding-bottom:2rem;}

.logoback {
background-image:url(images/logo_large2.jpg);
background-repeat:no-repeat;
background-position:50% 40%;
height:400px;

}
/* ==================================== ab 480 pixel ================================== */
@media (min-width: 480px) {


body {
font-size:2.0rem;
}

h1 {
font-size:3.0rem;
line-height: 3.2rem;
margin-top: 0rem;
margin-bottom: 3.5rem;
}

h2 {
font-size:2.4rem;
line-height: 2.5rem;
margin-top: 4rem;
margin-bottom: 3rem;
}

h3 {
font-size:2.0rem;
line-height: 2.1rem;
margin-top: 3rem;
margin-bottom: 1rem;
}


.col {
float: left;
}

.col.flow-opposite { text-align:left;
}


.eingerueckt {padding-left:3rem;padding-right:3rem;padding-top:5rem;padding-bottom:5rem;}


.col.span_1_of_1 { width: 100%;}
.col.span_1_of_2 { width: 100%;}
.col.span_1_of_3 { width: 100%;}
.col.span_1_of_4 { width: 100%;}
.col.span_1_of_6 { width: 50%;}



}

/* ==================================== ab 640 pixel ================================== */
@media (min-width: 640px) {


.col {
float: left;
}

.col.flow-opposite { text-align:right;
}


.eingerueckt {padding-left:3rem;padding-right:3rem;padding-top:5rem;padding-bottom:5rem;}

.col.span_1_of_1 { width: 100%;}
.col.span_1_of_2 { width: 50%;}
.col.span_1_of_3 { width: 100%;}
.col.span_1_of_4 { width: 50%;}
.col.span_1_of_6 { width: 33.33%;}


}

/* ==================================== ab 768 pixel ================================== */
@media (min-width: 768px) {

body {
font-size:2.0rem;
}

.col {
float: left;
}

.col.flow-opposite { text-align:right;
}

.eingerueckt {padding-left:4rem;padding-right:4rem;padding-top:5rem;padding-bottom:5rem;}
.absatz-stil {text-align:justify;}


.col.span_1_of_1 { width: 100%;}
.col.span_1_of_2 { width: 50%;}
.col.span_1_of_3 { width: 33.33%;}
.col.span_1_of_4 { width: 50%;}
.col.span_1_of_6 { width: 33.33%;}


}



/* ===================================== ab 1024 pixel ================================= */

@media (min-width: 1024px) {


body {
font-size:2.1rem;
}


h1 {
font-size:3.5rem;
line-height: 3.6rem;
margin-top: 0rem;
margin-bottom: 4rem;
}

h2 {
font-size:2.5rem;
line-height: 2.6rem;
margin-top: 5rem;
margin-bottom: 3.5rem;
}

h3 {
font-size:2.1rem;
line-height: 2.2rem;
margin-top: 4rem;
margin-bottom: 2rem;
}

.hpname {font-family:comic sans serif;helvetica, sans-serif;
font-size: 3.5rem;
line-height: 3.6rem;
color:#AAD5FF;
text-shadow: 1px 1px 1px #000;
letter-spacing :4px;
font-style:italic;
font-variant:small-caps
}

.fussname {
font-size: 1.3rem;
line-height: 1.4rem;
letter-spacing :6px;
font-style:italic;
}

.col {
float: left;
}

.col.flow-opposite { text-align:right;
}

.eingerueckt {padding-left:4rem;padding-right:4rem;padding-top:5rem;padding-bottom:5rem;}


.col.span_1_of_1 { width: 100%;}
.col.span_1_of_2 { width: 50%;}
.col.span_1_of_3 { width: 33.33%;}
.col.span_1_of_4 { width: 25%; padding-left: 5px;}
.col.span_1_of_6 { width: 16.66%;}

}


/* ===================================== ab 1280 pixel ================================= */

@media (min-width: 1280px) {

.hpname {
font-size: 6rem;
line-height: 6.1rem;
letter-spacing :3px;
}

.eingerueckt {padding-left:6rem;padding-right:6rem;padding-top:6rem;padding-bottom:6rem;}


}

/* ===================================== ab 1500 pixel ================================= */

@media (min-width: 1500px) {



.eingerueckt {padding-left:10rem;padding-right:10rem;padding-top:8rem;padding-bottom:8rem;}


}

/* ============================ C O D E ENDE ========================================== */