/* = = = = = = = = = = = = = = = = = 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.4  georgia,"trebuchet ms","Open Sans", arial, serif;
font-weight: 400;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
}

body {
font-size:1.6rem;
margin: 0 auto;
background-color:#fff;
color:#000;
}

.tabellefarbe1 {background-color:lightgrey}

.tabellefarbe2{background-color:grey}

.tabellefarbe3  {background-color:#a9a9a9}

.tabellefarbe4 {background-color:white}

.text1 {color:lightgrey}

.text2 {color:grey}

.text3 {color:#a9a9a9}

.text4 {color:white}

.text5 {color:black}




.container_haupt {
margin: 0 auto;
width: 100%;
background-color:#fff;
}


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

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

h2 {
font-size:2.3rem;
line-height: 2.6rem;
margin-top: 0rem;
margin-bottom: 3rem;
}

h3 {
font-size:2rem;
line-height: 2.3rem;
margin-top: 1.5rem;
margin-bottom:1rem;
}

/* -- ueberschriften extra --  */
h2.extra {
font-size: 4.6rem;
line-height: 3.9rem;
letter-spacing :0.2rem;
font-variant:small-caps;
font-style:italic;
margin-bottom: 0rem;
font-weight:normal;
}

h3.extra {
font-size:2.2rem;
line-height: 2.5rem;
margin-top: 1rem;
margin-bottom:1.5rem;
font-variant:small-caps;
}
/* --uebschr extra ende -- */


.preis h3 {
color:#000;font-weight:normal;
text-shadow: 1px 1px 1px white;
}


.lft {
text-align: left;
}

.rgt {
text-align: right;
}

.cntr {
text-align: center;
}

img {max-width: 100%;
height: auto;
}

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

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


.col.logo {width: 100%;  }

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

.col.span_1_of_1 {
	width: 100%;
	text-align: center;
}

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


.eingerueckt {padding:1rem;}
.eingerueckt2 {padding:1rem;}
.eingerueckt-extra {padding-left:0.2rem;padding-right:0.2rem;}


.zitat1 {font-family:georgia,tahoma,trebuchet ms;
font-style:italic;
letter-spacing :4px;
font-size: 2rem;
}


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


html {
font: 64%/1.5 georgia,"trebuchet ms","Open Sans",helvetica, arial, serif;
}



.col {float: left;}

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

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

.eingerueckt {padding:2rem;}
.eingerueckt2 {padding:1.5rem;}
.eingerueckt-extra {padding-left:1.3rem;padding-right:1.3rem;}

.zitat1 {font-family:georgia,tahoma,trebuchet ms;
font-style:italic;
letter-spacing :4px;
font-size: 2.5rem;
}


}


/* ==================================== ab 768 pixel ================================== */

@media (min-width: 768px) {

html {
font: 66.5%/1.5 georgia,"trebuchet ms","Open Sans",helvetica, arial, serif;
}

}



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

@media (min-width: 1024px) {


html {
font: 68%/1.5 georgia,"trebuchet ms","Open Sans",helvetica, arial, serif;
}


.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%;}

.eingerueckt {padding:3rem;}
.eingerueckt2 {padding:2rem;}
.eingerueckt-extra {padding-left:3rem;padding-right:3rem;}



}

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

@media (min-width: 1280px) {

html {
font: 72%/1.5 georgia,"trebuchet ms","Open Sans",helvetica, arial, serif;
}


.eingerueckt {padding:4rem;}
.eingerueckt2 {padding:3rem;}
.eingerueckt-extra {padding-left:4rem;padding-right:4rem;}

}

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

@media (min-width: 1500px) {

html {
font: 82%/1.5 georgia,"trebuchet ms","Open Sans",helvetica, arial, serif ;
}

.eingerueckt {padding:5rem;}
.eingerueckt2 {padding:4rem;}

}
















/* ============================== Code Ende ======================================== */