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



/* ====== allgemein und 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: 0rem;
background:transparent;
}

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




.trans {background-image:url(images/weiss_60.png); /* 60%prozent transparent auf farbe weiss*/
background-repeat:repeat;
background-position:50% 50%;
}



body {
font-size:1.9rem;
margin: 0 auto;
background-color:#DFDFDF;
color:#000;
margin:0rem;


}

.container_haupt {
margin:0rem;
background-color:#000;
width: 100%;
}




/* überschriften */
h1, h2, h3, h4, h5 {
font-weight: normal;
color:#2D3744;font-style:italic;}


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


.bereich-slideshow h1 {
color:fff;
}

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

h3 {
font-size:2.2rem;
line-height: 2.4rem;
margin-top: 1.5rem;
margin-bottom:1rem;
}
/* ENDE überschriften */




.bereich-top1 {background-color:#EFEFEF;}
.bereich-top2 {background-color:#fff;}
.bereich-logo {background-color:#2d3744;color:#fff;}
.bereich-info1 {background-color:#fff;}
.bereich-info2 {background-color:#efefef;}
.bereich-info3 {background-color:#fff;}
.bereich-info4 {background-color:#fff;}
.bereich-slideshow {background-color:#2d3744;}
.bereich-slidertext {background-color:#DADDE0;}
.bereich-inhalt {background-color:#fff;}
.bereich-fuss {background-color:#2d3744;color:#939597;}
.bereich-fussende {background-color:#fff;}

.tabelle {display: table;
width:100%;
table-layout:fixed;
}

.tabelle-fuer-block  {display: table;
width:100%;table-layout:fixed;}

.zelle-fuer-block {display: block;
width: 100%;border-collapse:separate;
padding:0rem;
border-spacing: 1rem 1rem;}



.zelle-top1a {display: block;
width: 100%;
min-height:4rem;
padding:1rem;
text-align:left;
}

.zelle-top1b {display: block;
width: 100%;
min-height:4rem;
padding:1rem;
text-align:right;
}

.zelle-top2a {display: table-cell;
width:70%;
padding:1rem 2rem 1rem 2rem;
height:4rem;
vertical-align:middle;
text-align:left;
}

.zelle-top2b {display: table-cell;
width:30%;
padding:1rem 2rem 1rem 1rem;
height:4rem;
vertical-align:middle;
text-align:right;
}

.zelle-logo {display: table-cell;
width: 100%;
height:50rem;
padding:2rem 1rem 2rem 1rem;
background-image:url(images/logo5.jpg);
background-repeat:no-repeat;
background-position:0% 10%;
background-size:cover;
background-color:#2d3744;
text-align:left;
vertical-align:bottom;
}

.zelle-info1 {display: block;
width: 100%;
min-height:4rem;
padding:1rem 1rem 9em 1rem;
text-align:center;
margin-bottom:3.5rem;
}

.zelle-info1a {display: block;
width: 100%;
min-height:4rem;
padding:1rem 1rem 2em 1rem;
text-align:left;
}

.zelle-info1b {display: block;
width: 100%;
min-height:4rem;
padding:1rem 1rem 2em 1rem;
text-align:left;
}

.zelle-info1c {display: block;
width: 100%;
min-height:4rem;
padding:1rem 1rem 2em 1rem;
text-align:left;
}



.zelle-info2 {display:block;
width: 100%;
min-height:4rem;
text-align:center;
}

.zelle-info2a {display:table-cell;
width: 100%;height:40rem;
letter-spacing:0.1rem;
font-style:italic;
background-image:url(images/bild1.jpg);
background-repeat:no-repeat;
background-position:40% 50%;
margin-bottom:0.5rem;border:solid 1rem white;
text-align:center;
vertical-align:bottom;
}


.zelle-info2b {display:table-cell;
width: 100%;
height:40rem;
letter-spacing:0.1rem;
font-style:italic;
background-image:url(images/bild2.jpg);
background-repeat:no-repeat;
background-position:40% 50%;
margin-bottom:0.5rem;border:solid 1rem white;
text-align:center;
vertical-align:bottom;
}

.zelle-info3 {display:block;
width: 100%;
min-height:4rem;
text-align:center;
}


.zelle-info4 {display:block;
width: 100%;
min-height:4rem;
text-align:center;
}

.zelle-slideshow {display:table-cell;
width: 100%;
height:40rem;
text-align:center;
}

.zelle-slidertext {display:table-cell;
width: 100%;
height:46rem;
text-align:center;
}

.zelle-inhalt{display: block;
width: 100%;
min-height:50rem;
}


.zelle-fuss {display:block;
width: 100%;
min-height:2rem;
margin-bottom:0.1rem;
padding:1rem;
}

.zelle-fussende {display:block;
width: 100%;
min-height:4rem;
text-align:center;
}

.eingerueckt-aussen {padding:4rem 2rem 4rem 2rem ;}

.eingerueckt-innen  {padding:2rem 2rem 2rem 2rem;}



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

.hpname1 {
font-size: 2.9rem;
padding-left:0rem;
padding-right:1rem;
text-shadow:none;
}


.zitat {color:#2A2A2A;
font-style:italic;
font-size:2.3rem;
font-variant:small-caps;
}

.zitat_autor {
font-family:arial,sans-serif;
color:#435063;
}

.fussname {
text-shadow:none;
}

.slogan {
font-size: 2.9rem;
padding-left:0rem;
padding-right:1rem;
background:transparent;
text-shadow:none;
}

.bild-im-text {
display:block;
max-width:100%;
margin-top:1rem;
margin-right:1.5rem;
margin-bottom:2rem;
}

.bild-im-text-re {
display:block;
max-width:100%;
margin-top:1rem;
margin-right:1.5rem;
margin-bottom:2rem;
}

.rahmen-bild {
border:solid #fff 1rem;
-webkit-box-shadow:0.5rem 0.5rem 0.8rem #8F8F8F;
-moz-box-shadow:0.5rem 0.5rem 0.8rem #8F8F8F;
box-shadow:0.5rem 0.5rem 0.8rem #8F8F8F;
}


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


.zelle-logo {
height:36.2rem;}

}

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



.bild-im-text {
max-width:70%;}

.bild-im-text-re {
max-width:70%;}



}

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


.eingerueckt-aussen {padding:5rem 2rem 5rem 2rem ;}
.eingerueckt-innen  {padding:2rem 8rem 2rem 8rem;}



.tabelle {
display: table;
width:100%;
table-layout:fixed;

}

.zelle-fuer-block {display: table-cell;
width: 100%;
}

.zelle-top1a {display: table-cell;
width:70%;
padding:1rem 2rem 1rem 2rem;
height:4rem;
text-align:left;
vertical-align:middle;
}

.zelle-top1b {display: table-cell;
width:30%;
padding:1rem 2rem 1rem 1rem;
height:4rem;
text-align:right;
vertical-align:top;
}



.zelle-info1 {display: table-cell;
height:4rem;
padding:1rem 1rem 2em 1rem;
vertical-align:top;
}

.zelle-info1a {display: table-cell;
height:8rem;
padding:1rem 1rem 2em 1rem;
vertical-align:top;
}

.zelle-info1b {display: table-cell;
height:8rem;
padding:1rem 1rem 2em 1rem;
vertical-align:top;
}

.zelle-info1c {display: table-cell;
height:8rem;
padding:1rem 1rem 2em 1rem;
vertical-align:top;
}


.zelle-info2a {
border:solid 1rem white;
}


.zelle-info2b {
border:solid 1rem white;
}

.zelle-info3 {display: table-cell;
height:4rem;
padding:1rem;
vertical-align:top;
}

.zelle-info4 {display: table-cell;
height:4rem;
padding:1rem;
vertical-align:top;
}

.zelle-slideshow {display: table-cell;
height:34rem;
padding:1rem;
vertical-align:top;
}

.zelle-slidertext {display: table-cell;
height:30rem;
padding:1rem;
vertical-align:top;
}

.zelle-fuss {display:table-cell;
padding:1rem;
height:20rem;text-align:left;
vertical-align:top;
}

.zelle-fussende {display:table-cell;
width: 100%;
height:4rem;
vertical-align:middle;
}

.rahmen-bild {
border:solid #fff 0.3rem;
}


.bild-im-text {float:left;max-width:30%;
margin-top:1rem;margin-right:1.5rem;margin-bottom:0rem;
margin-left:0rem;
}

.bild-im-text-re {float:right;max-width:30%;
margin-top:1rem;margin-left:1.5rem;margin-bottom:0rem;
margin-right:0rem;


}



}


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

html {
font: 64%/1.5 "times new roman","trebuchet ms", georgia,"Open Sans",helvetica, arial,roboto, sans-serif;
}

}

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

html {
font: 66.5%/1.5 "times new roman","trebuchet ms", georgia,"Open Sans",helvetica, arial,roboto, sans-serif;
}


.eingerueckt-aussen {padding:6rem 3rem 6rem 3rem ;}
.eingerueckt-innen  {padding:2rem 10rem 2rem 10rem;}


.zelle-slideshow {
height:40rem;
}

.zelle-logo {
height:42rem;}

.zelle-inhalt {text-align:justify;
}


}

/* ===================================== ab 940 pixel ================================= */

@media (min-width: 940px) {


.zelle-fuss {
border:solid 2rem #2d3744;
}



.zelle-top2a {
width:30%;
}

.zelle-top2b {
width:100%;
}


.rahmen-bild {
border:solid #fff 0.5rem;
}






}


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

@media (min-width: 1024px) {


html {
font: 68%/1.5 "times new roman","trebuchet ms", georgia,"Open Sans",helvetica, arial,roboto, sans-serif;
}

.bild-im-text {
margin-top:1rem;margin-right:2rem;margin-bottom:0.5rem;
margin-left:0rem;
}

.bild-im-text-re {
margin-top:1rem;margin-left:2rem;margin-bottom:0.5rem;
margin-right:0rem;
}

.rahmen-bild {
border:solid #fff 1rem;
}

.eingerueckt-aussen {padding:6rem 4rem 6rem 4rem ;}

}

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

@media (min-width: 1280px) {

html {
font: 72%/1.5 "times new roman","trebuchet ms", georgia,"Open Sans",helvetica, arial,roboto, sans-serif;
}


.zelle-fuss {
border:solid 2rem #2d3744;padding:2rem;
}

.zelle-logo {
height:38rem;}

.eingerueckt-aussen {padding:8rem 5rem 8rem 5rem ;}
.eingerueckt-innen  {padding:2rem 10rem 2rem 10rem;}

}

/* ===================================== ab 1420 pixel ================================= */

@media (min-width: 1420px) {

html {
font: 82%/1.5 "times new roman","trebuchet ms", georgia,"Open Sans",helvetica, arial,roboto, sans-serif;
}

.eingerueckt-aussen {padding:8rem 6rem 8rem 6rem;}
.eingerueckt-innen  {padding:2rem 10rem 2rem 10rem;}


}





/* +  +  +  +  + +  +  +  +  +  C O D E ENDE  +  +  +  +  +  +  +  +  +  + */