@charset "utf-8";

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


body {/*KlK - mobilefirst - neu Juli 2020*/
background: #fcfcfc; /*#fdb84a;*/ /*#fcfcfc;*/ /*falls bild nicht vorhanden*/
background-image: url(../images/nohgges.jpg);
background-position: center top;
background-attachment: scroll;
background-repeat: repeat;
	font-family: Arial, Verdana, Tahoma, san-serif; 
font-size: 16px; /*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 */

/* --------------------------
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; /* !!! */

}

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

/*block1 - xxx*/
#block1 {
   	float: none;
   	clear: both;
    width: 100%;
    height: auto;
    margin: 0% 0% 58px 0%;
    padding: 0% 0% 0% 0%;
  position: fixed;
  top:      0px;
  z-index: 100;
}

#mobil1 {	/*Farbfläche fürs Menü*/
    height: 0px;
}

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


/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

/*block2 - xxx*/
#block2 {
	clear: both;
	float: none;
    width: 100%;
    height: auto;
    margin: 0% 0% 0% 0%;
    padding: 0% 0% 0% 0%;
}

#position-201 {	/*Logo*/
    margin: 58px 0% 0% 0%;
    padding: 0% 0% 0% 0%;
}

.logo img {
    width: 100%;
    max-width: 600px;
    height: auto;
    margin: 0% 0% 0% 0%;
    padding: 0% 0% 0% 0%;
    overflow: hidden;
}

#position-202 {	/*Header*/
//clear: both;
//position: relative;
//top: -50px;
    margin: 0% 0% 0% 0%;
    padding: 0% 0% 0% 0%;
    background: #b5d8db; /*#b5d8db;*/
	z-index: 4; //reagiert bei wechselheader nicht
}

#position-203 {	/*Einklinker Button Terminshopping*/
	position: relative;
	height: 170px;
	background: none;
	float: right;
	margin: -110px -40px 0 0;
	z-index: 10; //reagiert bei wechselheader nicht
}

#position-203 img {
	width: 80%;
	height: auto;
}

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
#block20 {
clear: both;
float: none;
width: 100%;
height: auto;
margin: 2% 0% 0% 0%;
padding: 0% 0% 0% 0%;
display: flex;
flex-flow: column;
position: relative;
margin: 0px 0 0 0;
z-index: 5;
}


/*block3- xxx*/
#block3 {
position: relative;
    width: 93%;
    height: auto;
    margin: 2% auto 0% auto;
    padding: 0% 0% 0% 0%;
    order: 1;
}

#position-301 {	/*Content*/
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;

}

#position-301 h3 {
	line-height: 100%;
	color: #1f3e65;	/*blau*/
	color: #f29400;	/*orange*/
	margin: 0% 0% 0% 0%;
	padding: 0% 0% 0% 0%;
}

.sliderh3 {
	color: #f29400;   /*orange*/
	line-height: 100%;	/*für 75% Darstellung*/
    text-align: center;
	margin: 0% 0% 0% 0%;
}

.beitragshg { /*test für Hintergrund in einzelnen Beiträgen, aktuell auf Standorteseite*/
	background: #f0ebdb;   /*beige*/
	background: #f9f6f1; /*beige in 45%*/
	}

/*formatierung von Kind-Elementen nach Vorgabe von Tutorial-Garage.com*/
/*.items-row > .blog > */
.column-1 {
	background: #f1ece1;
	background: #f9f6f1; /*45% vom Beigeton*/
}


.textfotos {    /*farblicher HG hinter hochkant Bildern*/
/*
max-width: 94%;
margin: 0 3% 0 3%;
*/
background: #b5d8db;
}

.textfotos3 {    /*farblicher HG hinter hochkant Bildern*/
max-width: 94%;
margin: 0 3% 0 3%;
background: none;
}

.textfotos img {
	width: 100%;
	height: auto;
    margin: 1% 0% 0% 0%;
    padding: 2% 0% 0% 0%;
}

.zentr-button img {
	width: 90%;
	max-width: 300px;
	height: auto;
}

.headlines img {
    width: 100%;
    height: auto;
    margin: 0% 0% 0% 0%;
    padding: 0% 0% 0% 0%;
    overflow: hidden;
}

p.icons img {
	height: 20px;
	width: auto;
    margin: 0% 0% 0% 0%;
    padding: 1% 0.5% 0% 0.5%;
}

.senkel img {
	height: 99%;
	width: 99%;
    margin: 0% auto 0% auto;
    padding: 1% 0.5% 0% 0.5%;
    overflow: hidden;
}

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

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

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

#position-802 {	/*Imagebild*/
width: 94%;
height: auto;
margin: 0% auto 3% auto;
padding: 0% 0% 0% 0%;
}

#position-803 {	/*Imagebild*/
width: 94%;
height: auto;
margin: 0% auto 3% auto;
padding: 0% 0% 0% 0%;
}

#position-804 {	/*Imagebild*/
width: 94%;
height: auto;
margin: 0% auto 3% auto;
padding: 0% 0% 0% 0%;
}

#position-805 {	/*Imagebild*/
width: 94%;
height: auto;
margin: 0% auto 3% auto;
padding: 0% 0% 0% 0%;
}

.linie img {
height: 10px;
width: 100%;
}

.knopf img {
    width: 100%;
    max-width: 380px;
    height: auto;
    float: left;
    background: none;
}


/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

/*block5 - xxx*/
#block5 {
width: 94%;
height: auto;
margin: 0% auto 3% auto;
padding: 0% 0% 0% 0%;
order: 2;
}

#position-901 {	/* unter Content*/
visibility: hidden;
}

#position-902 {	/* unter Content*/
visibility: hidden;
}

#position-903 {	/* unter Content*/
visibility: hidden;
}

#position-911 {	/*uContent mobil*/
width: 96%;
height: auto;
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
/*ergänzt für Terminshopping Desktop*/
margin: 0% 0% 3% 0%;
padding: 3% 2% 0% 2%;
background-color: #b5d8db !important; /*blau nicht orange*/
}

.mobiltel{
color: #68c3cb !important;
}

#position-912 {	/*uContent Tablet und Desktop*/
height: 0;
visibility: hidden;
}

#position-913 {	/*uContent*/
width: 100%;
height: auto;
margin: 0% 0% 0% 0%;
padding: 1% 0% 1% 0%;
background: #f0ebdb;
}

#position-914 { /*uContent*/
}

    .textfotos3 img {   /*Lieblingsort*/
	width: 100%;
	height: auto;
    margin: 3% 0% 0% 0%;
    padding: 2% 0% 0% 0%;
}


/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

/*block42 - xxx*/
#block42 {
	height: 0px;
	visibility: hidden;
}

#position-701 {	/**/
}


/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

/*block41 - xxx*/
#block41 {
	height: 0px;
	visibility: hidden;
}

#position-501 {	/**/
}

#position-502 {	/**/
}

#position-503 {	/**/
}

#position-504 {	/**/
}


/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

/*block6 - xxx*/
#block6 {
   	float: none;
   	clear: both;
    width: 100%;
    height: auto;
    margin:  0% 0% 1% 0%;
    padding: 0% 0% 0% 0%;
    background: #f0ebdb;   /*beige*/
}

#block6 h6 {
	font-size: 0.9em;
	text-align: left;
}

#position-401 {	/*Fußzeile*/
	min-width: 30%;
	min-height: 30px;
    margin: 3% 0% 2% 0%;
    padding: 1.5% 2% 1.5% 2%;
}
#position-402 {	/*Fußzeile*/
	min-width: 30%;
	min-height: 30px;
    margin: 1% 0% 0% 0%;
    padding: 1.5% 2% 1.5% 2%;
}
#position-405 {	/*kleines Kontaktformular*/
	min-height: 40px;
	width: 96%;
	min-width: 30%;
    margin: 0% auto 0% auto;
    padding: 0.5% 0% 0.5% 0%;
//    background: #f9fafc;	/*Farbe aus Breezingform in dem gewählen Template*/
    border-top: 2px solid #f0ebdb;   /*beige*/
    border-bottom: 2px solid #f0ebdb;   /*beige*/
}

#block7 {
}

#position-403 {	/*Logos*/
	min-height: 30px;
    margin: 1% 0% 0% 0%;
    padding: 1.5% 2% 1.5% 2%;
    background: #f0ebdb;   /*beige*/
}
#position-404 {	/*Logos-Desk*/
	height: 0px;
	visibility: hidden;
}

h6.marken img {
	height: 24%;
	width: 24%;
    margin: 0% 0% 0% 0%;
    padding: 2% 0.5% 0% 0.5%;
	text-align: center;
	overflow: hidden;
}


h6.desk-marken img {
	height: 12%;
	width: 12%;
    margin: 0% 0% 0% 0%;
    padding: 0% auto 0% auto;
	text-align: center;
	overflow: hidden;
}



h6.smicons img {
	height: 36px;
	width: auto;
    margin: 0% 0% 0% 0%;
    padding: 1% 0.5% 0% 0.5%;
	overflow: hidden;
}




/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

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

#position-601 {	/* unter Content*/
    width: 100%;
    height: 50px;
    margin: 0% auto 0% auto;
    padding: 0% 0% 0% 0%;
    background: #68c3cb;
}






/*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: none;
border-bottom: 3px solid white; /*zur besseren Ansicht beim Programmieren, welche Bildschirmbreite zum Einsatz kommt	*/
}


}
/*AUSGABE SCREEN*/




@media screen and (min-width: 769px) and (max-width: 1024px) {	/*größer als Smartphone*/

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

	/**/
    #wrapper {
    background: white;
border-bottom: 3px solid white; /*zur besseren Ansicht beim Programmieren, welche Bildschirmbreite zum Einsatz kommt*/

}


/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

/*block1 - xxx*/
#block1 {
   	float: none;
   	clear: both;
    width: 100%;
    height: auto;
    margin: 0% 0% 58px 0%;
    padding: 0% 0% 0% 0%;
  position: fixed;
  top:      0px;
}

#mobil1 {	/*Farbfläche fürs Menü*/
    height: 0px;
}

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




/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

/*block2 - xxx*/
#block2 {
	clear: both;
	float: none;
    width: 100%;
    height: auto;
    margin: 0% 0% 0% 0%;
    padding: 0% 0% 0% 0%;
}

#position-201 {	/*Logo*/
    margin: 58px 0% 0% 0%;
    padding: 0% 0% 0% 0%;
}

.textfotos img {
	width: 100%;
	max-width: 60%;
	height: auto;
    margin: 0% 0% 0% 0%;
    padding: 2% 0% 0% 0%;
}

.textfotos2 img {
	width: 100%;
	max-width: 60%;
	height: auto;
    margin: 3% 0% 0% 0%;
    padding: 2% 0% 0% 0%;
}
.textfotos4 span {  /*nicht im Einsatz - Testfarbe*/
  background: green;
}

.bildmenu img {
	width: 100%;
	height: auto;
    margin: 1% 0% 0% 0%;
    padding: 1% 0% 1% 0%;
}


#position-203 {
	position: relative;
	height: 170px;
	background: none;
	float: right;
	z-index: 10; //reagiert bei wechselheader nicht
}

#block20 {
clear: both;
float: none;
width: 100%;
height: auto;
margin: 2% 0% 0% 0%;
padding: 0% 0% 0% 0%;
display: flex;
flex-flow: column;
position: relative;
margin: 0px 0 0 0;
z-index: 5;
}



/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

/*block9 - xxx*/
#block9 {
	clear: both;
	float: none;
    width: 100%;
    height: auto;
    margin: 0% 0% 0% 0%;
    padding: 0% 0% 0% 0%;
}

#position-911 {	/*uContent mobil*/
height: 0;
visibility: hidden;
}

#position-912 {	/*uContent Tablet und Desktop*/
}

#position-913 {	/*uContent*/
padding: 1% 0% 1% 0%;
background: #f0ebdb;
}

#position-914 {	/*uContent*/
}

.textfotos3 img {   /*Lieblingsort*/
width: 100%;
max-width: 50%;
height: auto;
margin: 3% 0% 0% 0%;
padding: 2% 0% 0% 0%;
}




/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

/*block4 - xxx*/
#block4 {
   	float: none;
   	clear: both;
    width: 94%;
    height: auto;
    margin: 0 auto;
    padding: 0;
}

#position-801 {	/*Imagebild*/
    width: 49%;
    height: auto;
    float: left;
    margin: 0% auto 3% auto;
    padding: 0% 0% 0% 0%;
}

#position-802 {	/*Imagebild*/
    width: 49%;
    height: auto;
    float: left;
    margin: 0% auto 3% 2%;
    padding: 0% 0% 0% 0%;
}

#position-803 {	/*Imagebild*/
    width: 49%;
    height: auto;
    float: left;
    margin: 0% auto 3% auto;
    padding: 0% 0% 0% 0%;
}

#position-804 {	/*Imagebild*/
    width: 49%;
    height: auto;
    float: left;
    margin: 0% auto 3% 2%;
    padding: 0% 0% 0% 0%;
}

#position-805 {	/*Imagebild*/
    width: 48.5%;
    height: auto;
    float: left;
    margin: 0% auto 3% auto;
    padding: 0% 0% 0% 0%;
}

.zentr-button img {
	width: 40%;
	height: auto;
}



/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

    #block5 {
margin: 0% auto 1% auto;
padding: 0% 0% 0% 0%;
}

#position-901 {	/* unter Content*/
display: none;
}

#position-902 {	/* unter Content*/
display: none;
}

#position-903 {	/* unter Content*/
display: none;
}

#position-911 {	/* unter Content*/
display: none;
}

#position-912 {	/* unter Content*/
visibility: visible;
height: auto;
margin: 0% 0% 0% 0%;
padding: 0% 2% 0% 2%;
}

#position-913 {	/* unter Content*/
padding: 1% 0% 1% 0%;
background: #f0ebdb;
}

#position-914 { /*uContent*/
}


.textfotos3 img {   /*Lieblingsort*/
width: 100%;
max-width: 60%;
height: auto;
margin: 3% 0% 0% 0%;
padding: 2% 0% 0% 0%;
}



/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

#block6 {
	display: flex;
}

#block6 h6 {
}

#position-401 {	/*Fußzeile Kontaktdaten*/
   	float: none;
   	clear: both;
	float: left;
	width: 30.3%;
	min-height: 30px;
    margin: 0% auto 0% auto;
    padding: 0% 0% 0% 0.5%;
    order: 2;
    border-right: 4px solid white;
}
#position-402 {	/*Fußzeile SocialMedia + Newsletter*/
   	float: none;
   	clear: both;
	float: left;
	width: 23.3%;
	min-height: 30px;
    margin: 0% auto 0% auto;
    padding: 0% 0% 0% 0.5%;
    order: 3;
    background: none;
}
#position-405 {	/*Kontaktformular*/
   	float: none;
   	clear: both;
	width: 40.3%;
	min-height: 30px;
    margin: 0% auto% 0% auto;
    padding: 0% 0% 0% 0.5%;
//    background: #f0ebdb;   /*beige*/
    order: 1;
//    border-right: 4px solid white;
}

#block7 {
   	float: none;
   	clear: both;
    width: 96%;
    height: auto;
    margin: 0% 0% 0% 0%;
    padding: 0% 2% 0% 2%;
    background: #f0ebdb;   /*beige*/
    border-top: 2px solid white;
}

#position-403 {	/*Logos*/
	float: none;
	width: 100%;
	min-height: 30px;
    margin: 0% auto 0% auto;
    padding: 0% 0% 0% 0%;
    background: #f0ebdb;   /*beige*/
}
#position-404 {	/*Logos-Desk*/
	height: 0px;
	visibility: hidden;
}


}


@media screen and (min-width: 1025px) /*and (max-width:1439px)*/ {

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

/**/
#wrapper {
background: white;
border-bottom: 3px solid white; /*zur besseren Ansicht beim Programmieren, welche Bildschirmbreite zum Einsatz kommt*/
max-width: 1200px;
margin: 0% auto;
padding: 0% 0% 0% 0%;


}



/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

/*block1 - Farbbalken*/
#block1 {
float: none;
clear: both;
width: 100%;
height: auto;
margin: 0% 0% 58px 0%;
padding: 0% 0% 0% 0%;
position: relative;
top:      0px;
}


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


/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

/*block2 - Logo und Header*/
#block2 {
width: 100%;
height: auto;
margin: -30px 0% 0% 0%;
padding: 0;
top: 85px;
}

#position-201 {	/*Logo*/
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
}

#position-203 {
	position: relative;
	height: 1px;
	background: none;
	float: right;
	z-index: 10; //reagiert bei wechselheader nicht
}


/********************* BLOCK 20 - DESKTOPANSICHT CONTENT 3SPALTIG (TODO: ) ***********************/

#block20 {
clear: both;
width: 100%;
height: auto;
float: none;
margin: 2% 0% 0% 0%;
padding: 0% 0% 0% 0%;
/*display: flex;*/
position: relative;
margin: -200px 0 0 0;
}

/********************* BLOCK 3 - CONTENT (TODO: ) ***********************/

/*block3 - Content*/
#block3{
width: 100%;
margin: 5% 0% 0% 0%;
padding: 0% 0% 0% 0%;
/*order: 1;*/
}

#position-301 {	/*Content*/
width: 100%;
height: auto;
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
}


.textfotos img {
width: 100%;
max-width: 40%;
height: auto;
margin: 0% 0% 0% 0%;
padding: 2% 0% 0% 0%;
}



.zentr-button img {
width: 40%;
height: auto;
}



/********************* BLOCK 4 - SCHNELLLINKS (mobil - hier nicht angezeigt ) ***********************/

#block4 {
display: none;
}

#position-801 {	/*schnelllinks*/
}

#position-802 {	/*schnelllinks*/
}

#position-803 {	/*schnelllinks*/
}

#position-804 {	/*schnelllinks*/
}

#position-805 {	/*schnelllinks*/
}



/********************* BLOCK 5 - KUNDENSTIMMEN + LIEBLINGSORT (TODO: ) ***********************/

    #block5 {
margin: 0% auto 1% auto;
padding: 0% 0% 0% 0%;
}

#position-901 {	/* unter Content*/
display: none;
}

#position-902 {	/* unter Content*/
display: none;
}

#position-903 {	/* unter Content*/
display: none;
}

#position-911 {	/* unter Content*/
display: none;
}

#position-912 {	/* unter Content*/  /*ergänzt für Terminshopping Desktop*/
visibility: visible;
height: auto;
margin: 0% 0% 3% 0%;
padding: 2% 2% 0% 2%;
// background-color: #b5d8db !important; /*blau nicht orange*/
	text-align: center !important;
}

.button img {
	width: auto;
	height: auto;
	margin: 0 25%;
}

#position-913 {	/* unter Content*/
padding: 1% 0% 1% 0%;
background: #f0ebdb;
}

#position-914 { /*uContent*/
}


.textfotos3 img {   /*Lieblingsort*/
width: 100%;
max-width: 60%;
height: auto;
margin: 3% 0% 0% 0%;
padding: 2% 0% 0% 0%;
}





/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

/*block42 - schnürsenkel*/
#block42 {
float: none;
clear: both;
width: 100%;
height: auto;
visibility: visible;
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
}

#position-701 {	/*Schnelllinks quer*/
float: left;
width: 100%;
height: auto;
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
}

/********************* BLOCK 41 - SCHNELLLINKS quer (TODO: ) ***********************/

/*block41 - Schnelllinks quer*/
#block41 {
float: none;
clear: both;
width: 100%;
height: auto;
min-height: 200px;
visibility: visible;
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
}

#position-501 {	/*Schnelllinks quer*/
float: left;
width: 22%;
height: auto;
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
}

#position-502 {	/*Schnelllinks quer*/
float: left;
width: 22%;
height: auto;
margin: 0% 0% 0% 4%;
padding: 0% 0% 0% 0%;
}

#position-503 {	/*Schnelllinks quer*/
float: left;
width: 22%;
height: auto;
margin: 0% 0% 0% 4%;
padding: 0% 0% 0% 0%;
}

#position-504 {	/*Schnelllinks quer*/
float: left;
width: 22%;
height: auto;
margin: 0% 0% 0% 4%;
padding: 0% 0% 0% 0%;
}



/********************* FOOTERBEREICH (TODO: FÜR IPAD UND DESKTIOP EIGENE MODULE ERSTELLEN) ***********************/

    /* alles was für responsive angegeben wurde, muss hier aufgehoben werden */

#block6 {
width: 100%;
height: auto;
float: left;
margin: 2% 0% 0% 0%;
padding: 0% 0% 0% 0%;
background: #f0ebdb;   /*beige*/
display: flex;
}

#position-401 {	/*Fußzeile - links*/
    width: 28%;
    min-width: 10px;
    float: left;
    background: none;
    margin: 0% 0% 0% 0%;
    padding: 1% 2% 0% 2%;
    border-right: 4px solid #f39400;
}
#position-402 {	/*Fußzeile - rechts*/
    width: 50%;
    min-width: 10px;
    overflow: hidden;
    float: left;
    background: none;
    margin: 0% 0% 0% 0%;
    padding: 0% 2% 0% 2%;
    }
#position-405 {	/*Kontaktformular*/
    width: 20%;
    min-width: 0px;
    height: auto;
    float: left;
    border-left: 4px solid #f39400;
    background: none;
    margin: 0% 0% 0% 0%;
    padding: 1% 2% 0% 2%;
}


/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

#block7 {
float: none;
clear: both;
width: 96%;
height: auto;
margin: 1.5% 0% 0% 0%;
padding: 2% 2% 2% 2%;
background: #f0ebdb;   /*beige*/
border-top: 2px solid white;
}
#position-403 {	/*Fußzeile - logos*/
display: none;
}
#position-404 {	/*Fußzeile - Logos Desktop*/
visibility: visible;
min-height: 100px;
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
}



}


@media screen and (min-width: 1440px) {

	/**/
    #wrapper {
    background: white;
border-bottom: 3px solid white; /*zur besseren Ansicht beim Programmieren, welche Bildschirmbreite zum Einsatz kommt*/

}

/*block1 - xxx*/
#block1 {
   	float: none;
   	clear: both;
    width: 100%;
    height: auto;
    margin: 0% 0% 58px 0%;
    padding: 0% 0% 0% 0%;
  position: relative;
  top:      0px;
}



#position-203 {
	position: relative;
	height: 1px;
	background: none;
	float: right;
	z-index: 10; //reagiert bei wechselheader nicht
}


#block20 {
clear: both;
float: none;
position: relative;
width: 100%;
height: auto;
margin: 2% 0% 0% 0%;
padding: 0% 0% 0% 0%;
display: flex;
flex-flow: column;
position: relative;
margin: -200px 0 0 0;
z-index: 5;
}



}






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

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