@charset "utf-8";

*		{ margin: 0px; padding: 0px; border: 0px; }
html	{ height: 100.2%; }
body	{ background-color: #ffffff; }


body {/*GOEPP - mobilefirst - neu März 2020*/
    background: #e5f0d0; /*falls bild nicht vorhanden*/
font-family: 'Nunito', sans-serif; font-weight: 400;
font-size: 14px; /*Fontsizechange auf dieser Basis berechnen sich die em-Schriften*/
line-height: 130%;
color: #000;
text-align: left;	/* !!! */
}

.clear {/*modkd*/
   	 float: none;
   	 clear:both;
	 height: 1px;
	 background:transparent;
	 width: 1px;
}	


/* *** Rahmen des Anmelde-Formulars *** */
fieldset.input {
border: 0px;
}	


/*Farbe violett #803777*/

/* --------------------------
ICONS RÄNDER ENTFERNEN 
-------------------------- */
td.buttonheading img {
border: 0 none;
text-decoration: none;
}

img a {
border: 0 none;
text-decoration: none;
}



/*----------------------------------
BEGINN LAYOUT
----------------------------------*/


/*wrapper*/
#wrapper {
    width: 100%;
    margin: 0% 0%;
height: auto;
position: relative;
margin: 0 auto; /* !!! */
text-align: left; /* !!! */

}


/*block1 - xxx*/
#block1 {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}

#position-101 {	/*roteFläche fürs Menü*/
    background: #da040e;
    height: 50px;
    margin: 0% 0% 0% 0%;
    padding: 0% 0% 0% 0%;
}

#position-201 {	/*Logo-desktop - hier ausgeblendet*/
    height: 0;
    margin: 0% 0% 0% 0%;
    padding: 0% 0% 0% 0%;
    visibility: hidden;
    background: blue;
}

#position-202 {	/*Logo-mobil*/
    margin: 0% 0% 3% 0%;
    padding:  0% 0% 0% 0%;
    background: none;
}

.logo img {
	width: 100%;
	vertical-align: bottom;
}

.bildmenu img {
	width: 100%;
	vertical-align: bottom;
}

#position-301 {	/*Content*/
    width: 92%;
    height: auto;
    margin: 4% 5.25% 0% 5.25%;
    padding: 0% 0% 0% 0%;
    overflow: hidden;
}

#position-801 {	/*Imagebild*/
    width: 92%;
    height: auto;
    margin: 0% 4% 3% 4%;
    padding: 0% 0% 0% 0%;
}

#position-401 {	/*Fußzeile*/
   	 float: none;
   	 clear: both;
    height: 80px;
    background: #91bf42;
    margin: 6% 0% 0% 0%;
    padding: 2% 0% 8% 0%;
}

#position-901 {	/*Text unter Content*/
   	 float: none;
   	 clear: both;
    width: 92%;
    height: auto;
    margin: 4% 5.25% 0% 5.25%;
    padding: 0% 0% 0% 0%;
    overflow: hidden;
}

#position-701 {	/*menu*/
}



/*EEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE*/
/*EEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE*/
/*EEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE*/
/*EEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE*/
/*EEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE*/
/*EEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE*/
/*EEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE*/
/*EEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE*/
/*EEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE*/


/*******BEGINN MEDIA SCREEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEN*******/


/*AUSGABE SCREEN - Ergänzungen unter 768px Breite*/
@media screen and (max-width: 768px) {
	
	/**/
    #wrapper {
    background: white;
border-bottom: 0px solid red; /*zur besseren Ansicht beim Programmieren, welche Bildschirmbreite zum Einsatz kommt	*/
}

#position-801 {	/*Imagebild*/
    max-width: 480px;
    float: right;
}




}
/*AUSGABE SCREEN*/




@media screen and (min-width: 769px) and (max-width: 1024px) {
	
	/**/
    #wrapper {
    background: white;
border-bottom: 0px solid orange; /*zur besseren Ansicht beim Programmieren, welche Bildschirmbreite zum Einsatz kommt*/
	
}

#position-201 {	/*Logo-desktop*/
    height: auto;
    margin: 0% 0% 3% 0%;
    padding: 0% 0% 0% 0%;
    visibility: visible;
    background: none;
}

#position-202 {	/*Logo-mobil*/
    margin: 0% 0% 3% 0%;
    padding:  0% 0% 0% 0%;
    display: none;
    background: orange;
}

.logo img {
	width: 100%;
	vertical-align: bottom;
    overflow: hidden;
}

#position-301 {	/*Content*/
    width: 40%;
    float: left;
    height: auto;
    margin: 2% 0% 0% 5.25%;
    padding: 0% 0% 0% 0%;
    background: none;
}

#position-801 {	/*Imagebild und Spruch darüber*/
    width: 40%;
    float: left;
    height: auto;
    margin: 0% 2% 3% 4%;
    padding: 0% 0% 0% 0%;
    background: none;
}


}


@media screen and (min-width: 1025px) /*and (max-width:1439px)*/ {
	
	/**/
    #wrapper {
    background: white;
border-bottom: 0px solid yellow; /*zur besseren Ansicht beim Programmieren, welche Bildschirmbreite zum Einsatz kommt*/
    max-width: 1200px;
    margin: 0% auto;
    padding: 0% 0% 0% 0%;
    
	
}

#position-201 {	/*Logo-desktop*/
    height: auto;
    margin: 0% 0% 3% 0%;
    padding: 0% 0% 0% 0%;
    visibility: visible;
    background: none;
}

#position-202 {	/*Logo-mobil*/
    margin: 0% 0% 3% 0%;
    padding:  0% 0% 0% 0%;
    display: none;
    background: orange;
}

.logo img {
	width: 100%;
	vertical-align: bottom;
    overflow: hidden;
}

    #position-301 {	/*Content*/
    width: 40%;
    float: left;
    height: auto;
    margin: 2% 0% 0% 5.25%;
    padding: 0% 0% 0% 0%;
    background: none;
}

#position-801 {	/*Imagebild*/
    width: 40%;
    float: left;
    height: auto;
    margin: 0% 2% 3% 4%;
    padding: 0% 0% 0% 0%;
    background: none;
}


}


@media screen and (min-width: 1440px) {
	
	/**/
    #wrapper {
    background: white;
border-bottom: 0px solid green; /*zur besseren Ansicht beim Programmieren, welche Bildschirmbreite zum Einsatz kommt*/
	
}
}


/*******ENDE MEDIA SCREEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEN*******/

/*DRUCKAUSGABE Vorgaben*/
@media print {
	/*noch ausfüllen*/
}