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

@font-face { font-family: 'Eurostile';
             src: url('Schrift/Eurostile.ttf') format('truetype'); }
			 
	

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

/* Browser Reset */
 input:invalid {
   box-shadow:none;
 }
 /* ersetzt Asterisk */
 input:required + label::after {
   content:" *";
   color:#f00;
 }
 /* nicht oder falsch ausgefuellte Felder rot markieren */
 input:focus:invalid {
   border-color:#f00;
 }
 /* richtig ausgefuellte Felder gruen markieren */
 input:required:focus:valid {
   border-color:#0c0;
 }
 /* Buttons mit grauem Gradient und runden Ecken */
 button {
   background:-moz-linear-gradient(top,#fff,#ccc);
   background:-webkit-linear-gradient(top,#fff,#ccc);
   background:-ms-linear-gradient(top,#fff,#ccc);
   background:-o-linear-gradient(top,#fff,#ccc);
   background:linear-gradient(top,#fff,#ccc);
   border-radius:5px;
 }
 /* Submit-Buttons mit blauem Verlauf */
 button[type="submit"] {
   background:-moz-linear-gradient(top,#0cc,#08c);
   background:-webkit-linear-gradient(top,#0cc,#08c);
   background:-ms-linear-gradient(top,#0cc,#08c);
   background:-o-linear-gradient(top,#0cc,#09c);
   background:linear-gradient(top,#0cc,#08c);
 } 

*, *: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-weight: 400;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	font-family: Eurostile;
	font-size: 62.5%;
	line-height: 1.4;
}

body {
font-size:1.6rem;
margin: 0 auto;
background-color:#8c0e0e;
background-image: url(images/BG.jpg);
background-position: top;
background-repeat: no-repeat;
color:#000;
}

.tabellefarbe1 {background-color:#D7CA9B}

.tabellefarbe2 {background-color:#D7CA9B}

.tabellefarbe3 {background-color:#D7CA9B}

.tabellefarbe4 {background-color:#D7CA9B}

.text1 {color:lightgrey}

.text2 {color:grey}

.text3 {color:#a9a9a9}

.text4 {color:white}

.text5 {color:black}


.container_haupt {
margin: 0 auto;
width: 100%;
max-width: 1100px;
background-color:#D7CA9B;
}


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,5rem;
	margin-top: 0rem;
	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;
}

.logo {max-width: 100%; min-width:inherit; display:block; margin: 0 auto; overflow:hidden; }
.jssor_2 {max-width: 100%; min-width:inherit; display:block; margin: 0 auto; overflow:hidden; }


.col.logo {width: 100%;  }

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

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


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


.zitat1 {font-family:arial,"Eurostile";
font-style:italic;
letter-spacing :4px;
font-size: 2rem;
}


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


html {
	font-family:arial,"Eurostile";
	font-size: 64%;
	line-height: 1.5;
}



.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:arial,"Eurostile";
font-style:italic;
letter-spacing :4px;
font-size: 2.5rem;
}

div#menu1 {
background-color:#D7CA9B; }

.col.span_1_of_1 {
background-color:#D7CA9B; }


}


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

@media (min-width: 768px) {

html {
	font-family: arial, "Eurostile";
	font-size: 66.5%;
	line-height: 1.5;
}
.reframe { max-width: 1024px }

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

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

div#menu1 {
background-color:#D7CA9B; }

.col.span_1_of_1 {
background-color:#D7CA9B; }



}



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

@media (min-width: 1024px) {


html {
font: 68%/1.5 arial,"Eurostile";
}
.reframe { max-width: 1024px }

.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 arial,"Eurostile";
}
.reframe { max-width: 1280px }

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

}

















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