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


/*  die wesentlichen HINTERGRUND UND TEXTFARBEN- hier ändern sie oder fügen sie hinzu.  */

.tabellefarbe1 { background-color:#314343;}

.tabellefarbe2 {background-color:white;}

.tabellefarbe3 {background-color:#282828;}

.tabellefarbe4 { background-color:#3B3B3B;}

.text1  {color:#000;}
.text2  {color:#fff;} /*  weiss  */
.text3  {color:#000;} /*  schwarz  */
.text4  {color:#fff;}

/*  die wesentlichen Farben ...Ende   */

.my-notify-error {
    color: #D8000C;
    font-weight: bold;
    background-color: #FFD2D2;
}
.my-notify-mail {
    color: #008000;
    font-weight: bold;
    text-align: center;
	font-size: 16pt;
#    background-color: #000000;
}
.version {
	color: #000;
	font-size: 7pt;
	text-align: left;
}
a.popup {
  text-decoration:none;
  position:relative;
  display:block;
}
a.popup:hover {
  border:none;
}
a.popup img {
  border:none;
}
a.popup span {
  visibility:hidden;
  position:absolute;
  top:20px;
  left:0;
}
a.popup:hover span {
  visibility:visible;
}
input {
  /* irrelevante Eigenschaften gekürzt */
  border: 1px solid black;
  /*padding:.75em 1em .5em 1em; */
  box-shadow: 0 1px 1px 0 rgba(0,0,0,0);
  background-color:white;
  color:#000000;
}
select {
  /* irrelevante Eigenschaften gekürzt */
  border: 1px solid black;
  /*padding:.75em 1em .5em 1em; */
  box-shadow: 0 1px 1px 0 rgba(0,0,0,0);
  background-color:white;
  color:#000000;
}

option {
  background:white;
  border-top:1px solid #444;
  padding:.3em 1em .3em 1em;
}




body {
font-size:1.5rem;
margin: 0 auto;
background-color:#fff;
color:#000;background-image:url(images/back2.jpg);
background-repeat:repeat;
background-position:0% 0%;
margin-top:0rem;
margin-bottom:2rem;
}

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

}


h1, h2, h3, h4, h5 {
font-weight: normal;
margin: 0;

color:#151515;
}


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

}

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

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



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


.lft {
text-align: left;
}

.rgt {
text-align: right;
}

.cntr {
text-align: center;
}


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

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

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


.logo_container {
display: table;
width:100%;
height:20rem;
table-layout:fixed;
padding:2rem;
text-align:left;
}

.logo {display: table-cell;
width: 100%;
background-color:#000;
background-image:url(images/logo.jpg);
background-repeat:no-repeat;
background-position:50% 50%;
background-color:#600001;
background-size:100%
}

.inhalt_container {
display: table;
width:100%;
table-layout:fixed;
padding:2rem;
text-align:left;
}

.inhalt {display: table-cell;
width: 100%;
padding:2rem;
height:30rem;
vertical-align:top;
background-color:#FE9A2E;
background-image:url(images/back2.png);
background-repeat:repeat-y;
background-position:50% 50%;
}


.tabelle {
display: block;
width:100%;
table-layout:fixed;
padding:0rem;
text-align:left;border-collapse: separate;
border-spacing: 1rem;
}

.zelle {display: block;
width: 100%;
vertical-align:top;
padding-top:2rem;
padding-bottom:2rem;
}

.fussname {padding:0.5rem;
text-align:left;
color:#000;
text-shadow:0px 0px 0.3rem #000;
}

.bild-rahmen {-moz-border-radius:2rem;
-webkit-border-radius:2rem;
border-radius: 2rem;
border:solid #000 0.1rem;
-webkit-box-shadow:0rem 0rem 1rem #000;
-moz-box-shadow:0rem 0rem 1rem #000;
box-shadow:0rem 0rem 1rem #000;
}

.rahmen {-moz-border-radius:2rem;
-webkit-border-radius:2rem;
border-radius: 2rem;
border:solid #000 0.1rem;
-webkit-box-shadow:0rem 0rem 2rem #000,inset 0rem 0rem 0.4rem #000;
-moz-box-shadow:0rem 0rem 2rem #000,inset 0rem 0rem 0.4rem #000;
box-shadow:0rem 0rem 2rem #000,inset 0rem 0rem 0.4rem #000;
}

#hof {
width:100%;
height:12rem;
background-image:url(images/logo.png);
background-repeat:no-repeat;
background-position:50% 0%;
}


/* ==================================== ab 360 pixel ================================== */
@media (min-width: 360px) {
.logo {
height:10rem;
}
.fussname {
font-weight:bold;}
}

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

.logo {
height:10rem;
}

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

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

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

}

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


.logo_container {
padding:2rem 3rem 2rem 3rem;
}

.logo {
height:10rem;padding:3rem ;
}


.inhalt_container {
padding:2rem 3rem 2rem 3rem;
}

.inhalt {
padding:3rem ;
}



.hpname1 {
font-size: 3.6rem;
}

}


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

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

}

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

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

body {
color:#000;background-image:url(images/back2.jpg);}

.hpname1 {color:#000;text-shadow:0px 0px 3px #fff;}

.fussname {color:#000;text-shadow:0px 0px 0.3rem #fff;
}


.logo {
height:10rem;
}

.absatz-stil {text-align:justify;}

}

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

@media (min-width: 940px) {

body {
background-image:url(images/back2.jpg);
}

.logo {
height:10rem;
}

.tabelle {
display: table;
width:100%;
table-layout:fixed;
padding:0rem;
text-align:left;border-collapse: separate;
border-spacing: 2rem 0rem;
}

.zelle {display: table-cell;
width: 100%;
vertical-align:top;
padding-top:2rem;
padding-bottom:2rem;
}

#hof {
background-image:url(images/logo.png);
background-repeat:no-repeat;
background-position:50% 0%;
}
}

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

@media (min-width: 1024px) {


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




}

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

@media (min-width: 1280px) {

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

.logo_container {
padding:2rem 5rem 2rem 5rem;
}

.logo {
height:10rem;
}

.inhalt_container {
padding:2rem 5rem 2rem 5rem;
}
.inhalt {
padding:6rem 5rem  7rem  5rem ;
}

.tabelle {
padding:0rem;
border-spacing: 3rem 0rem;
}

#hof {
background-image:url(images/logo.png);
background-repeat:no-repeat;
background-position:50% 0%;
}
}

/* ===================================== ab 1400 pixel ================================= */

@media (min-width: 1400px) {

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

body {
background-image:url(images/back2.jpg);
}

#hof {
background-image:url(images/logo.png);
background-repeat:no-repeat;
background-position:50% 0%;
}
.logo_container {
padding:2rem 6rem 2rem 6rem;
}

.logo {
height:20rem;
}

.inhalt_container {
padding:2rem 6rem 2rem 6rem;
}

.inhalt {
padding:8rem 5rem  9rem  5rem ;
}

.hpname1 {
font-size: 5.5rem;
}

}

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