@font-face {
    font-family: 'URW Grotesk Pro Light W01 Rg';
    src: url('Fonts/URW Grotesk Pro Light W01 Rg.rtf') format('opentype');
    font-display: swap;
}

* {
margin: 0;
padding:0;
font: inherit; 
line-height: inherit; 
}


html {
font-size:62.5%;
-webkit-text-size-adjust: 100%; 
-moz-text-size-adjust: 100%; 
-ms-text-size-adjust: 100%; 
text-size-adjust: 100%; 
}

img {
border:0;
}

body{
background-color:#f5f4e7;
line-height:150%;
}

/*hack - all fonts smaller*/
html>body #text h1,
html>body #text h2,
html>body #text h3,
html>body #text h4,
html>body #text strong {
font-weight:normal;
}


#wrapper {
max-width:1280px;
margin:0 auto;
padding:0;
background-color:#f5f4e7;
/*
border:1px solid blue;
*/
}


header {
display:flex;
justify-content:space-between;
margin:0;
padding:0;
/*
border:1px solid red;
*/
}


#logo {
margin:0;
padding:0;
width:45%;
/*
border:1px solid aqua;
*/
}


#logo img{
margin:0;
padding:0;
width:100%;
}


.symbolMobileEntire,
.logoMobile,
.toggleMobile,
.symbolMobileSmall,
.sucheMobile {
display:none;
}


.service {
width:55%;
display:flex;
justify-content:flex-end;
align-items:flex-end;
margin:2;
padding:0;
/*
border:1px solid red;
*/
}

.service .lang {
padding-bottom:0.75em;
/*
border:1px solid orange;
*/
}

.service .lang ul.translate {

display:flex;
justify-content:flex-end;
list-style-type:none;
/*
border:2px solid blue;
*/
}


.service .lang ul.translate li.sp_a_DEUTSCH,
.service .lang ul.translate li.sp_a_FRANÇAIS,
.service .lang ul.translate li.sp_a_ITALIANO,
.service .lang ul.translate li.sp_DEUTSCH,
.service .lang ul.translate li.sp_FRANÇAIS,
.service .lang ul.translate li.sp_ITALIANO{
border-right: 1px solid #000;
padding-right:1em;
margin-right:1em;
line-height:10px;
}


.service .lang ul.translate li a {
text-transform: uppercase;
text-decoration:none;
color:#000;
font-size:1.3em;
}

.service .lang ul.translate li a:hover {
text-decoration:underline;
}

.service .lang ul.translate li.sp_a_DEUTSCH a.aktiv,
.service .lang ul.translate li.sp_a_FRANÇAIS a.aktiv,
.service .lang ul.translate li.sp_a_ITALIANO a.aktiv{
color:#76b416;
}

.service .langInside .symbolMobileSmallSuppl img.landscape {
	display:none;
}

.service .search {
/*
margin:.5em 15em 0 7.5em;
*/
margin-right:22%;
margin-left:3%;
width:18em;
/*
border:1px solid blue;
*/
}

.search form {
width:100%;
/*
background-color:orange;
*/
}


.search input {
width:100%;
border-radius: 0;
background-color:white;
padding:.25em;
border:1px solid black;
border-radius: 0;
-webkit-appearance:none;
font-face: "Arial";
font-size:14px;
padding-left:.5em;
}

.searchMobile {
display:none;
}





*::-ms-backdrop, main {
display: flex;
width:100%;
}

main {
display:grid;
grid-template-columns: 1.5fr 5fr 0.75fr;
/*
border:3px dotted orange;
*/
}


main .breadcrumb {
display:none;
}

*::-ms-backdrop, #navMain {
width:23em;
}	


#navMain {
grid-column:1 / 2;
position:relative;
z-index:100;
background-color: transparent;
margin:18em -6em 0 9em;
/*
border:1px solid green;
*/
}


#navMain ul{
list-style-type:none;
}

#navMain li{
line-height:2.5em;
padding-top:.5em;
font-size:.9em;
}

#navMain a{
font-size:1.9em;
color:#000;
text-decoration:none;
}

#navMain a:hover{
color:#7db955;
text-decoration:underline;
}

#navMain li.navfirstopen:first-child,
#navMain li.navfirstoff:first-child {
border-top:1px solid #76b416;
}

#navMain li.navsecondon:first-child,
#navMain li.navsecondoff:first-child {
margin-left:0;
padding-left:2em;
}

#navMain li.navthirdon:first-child,
#navMain li.navthirdoff:first-child {
border-top:1px solid #76b416;
margin-left:0;
padding-left:2em;
padding-top:1em;
}

#navMain li.navfirstopen, 
#navMain li.navfirstoff {
border-bottom:1px solid #76b416;
}

#navMain li.navfirstopen a,
#navMain li.navsecondon a,
#navMain li.navsthirdon a {
color:#7db955;
}

#navMain li.navfirstoff a,
#navMain li.navsecondoff a,
#navMain li.navthirdoff a {
color:#000;
}

#navMain li.navfirstopen{
background-color:#f5f4e7;
}

#navMain li.navsecondon,
#navMain li.navsecondoff{
background-color:#f5f4e7;
margin-left:2em;
border-top:1px solid #76b416;
}

#navMain li.navsecondon ul{
padding-bottom:.5em;
}

#navMain li.navthirdon,
#navMain li.navthirdoff{
background-color:#f5f4e7;
margin-left:2em;
line-height:2.2em;
}

#menu .navSpecialsMobile{
display:none;
} 

*::-ms-backdrop, .middle {
width:72%;
margin-left: 0 !important;
}


.middle {
margin: 0;
padding:0;
padding-bottom:15em;
background-color:#fff;
box-shadow: 5px 5px 5px 0px #c3c3c3;
margin-right:-2em;
margin-top:1em;
width:100%;
/*
border:2px dashed black;
*/
}

#navSpecials {
height:3em;
margin:2em 0 0 2em;
padding:0;
}

#navSpecials ul.navSpecials{
display:block;
list-style-type:none;
}


#navSpecials ul.navSpecials li {
margin:0;
padding:0 0 1em 0;
line-height:300%;
float:left;
}


#navSpecials ul.navSpecials li.active,
#navSpecials ul.navSpecials li.passiv{
margin:0;
}

#navSpecials ul.navSpecials li.active:last-child a,
#navSpecials ul.navSpecials li.passiv:last-child a {
border:none;
}

#navSpecials ul.navSpecials li.active a,
#navSpecials ul.navSpecials li.passiv a{
display:block;
text-decoration:none;
font-size:1.5em;
line-height:100%;
text-transform: uppercase;
color:#000;
padding:0 1em;
border-right: 1px solid #000;
}

#navSpecials ul.navSpecials li.active a:hover,
#navSpecials ul.navSpecials li.passiv a:hover  {
text-decoration:underline;
}



#content #navSpecials ul.navSpecials li.active a{
color:#7db955;
}

#content #navSpecials ul.navSpecials li.passiv a {
color:#000;
}


#content {
-webkit-hyphens:auto !important;
-moz-hyphens:auto !important;
-ms-hyphens:auto !important;
-o-hyphens:auto !important;
hyphens:auto !important;
/*
border: 2px solid pink;
*/
}


#content #text {
-webkit-hyphens:auto !important;
-moz-hyphens:auto !important;
-ms-hyphens:auto !important;
-o-hyphens:auto !important;
hyphens:auto !important;
clear:left;
margin-right:15em;
margin-left:12em;
padding-top:1em;
padding-bottom:5em;
/*
border:1px solid aqua;
*/
}

#content #text h1{
font-size:2.6em;
line-height:1.1em;
padding-top:.85em;	
padding-bottom:1em;
padding-right:2em;
color:#7db955;
margin-right:-3em;
}

#content #text h2 {
font-size:2em;
line-height:1.2em;
color:#313131;
font-family:"Dutch_766 W01 Italic" !important;
}

#content #text h2.back {
font-size:2.1em;
padding-top:2.8em;
padding-bottom:1.5em;	
line-height:1.2em;
color:#313131;
}

#content #text h2.titel2 {
margin-top:-3em;
margin-bottom:-1em;
}

#content #text h2.kartenliste {
margin-top:1em;
font-size:1.8em;
text-transform:uppercase;
color:#000;
}

#content #text h3 {
font-size:2em;
padding-top:1.5em;	
line-height:1.5em;
}

#content #text h3 a{
font-family:"Dutch_766 W01 Bold" !important;
}


#content #text h3.home {
/*
font-size: 20px;
*/
font-size:2.2em;
font-family:"Dutch_766 W01 Bold" !important;
}

#content #text h3.first {
padding-top:0;
margin-top:0;
}

#content #text .liste h3.liste {
margin-top:1em;
font-size:1.4em;
}


#content #text h4 {
font-size:1.8em;
padding-top:1em;	
line-height:1em;
color:gray;
font-family:"Dutch_766 W01 Bold" !important;
}

#content #text h4.zwTitel1 {
color:black;
font-size:1.6rem;
margin: 1em 0 0 0;
}

#content #text h4.zwTitel2 {
color:black;
font-size:1.6rem;
margin: 2em 0 0 0;
}


#content #text .back {
font-size:1.4em;
padding-top:3em;
margin-bottom:-1em;
}



#content #text p {
font-size:1.8em;
line-height:140%;
padding: .5em 0 .25em 0;	
}


#content #text p strong,
#content #text p a strong,
#content #text p strong a{
font-family:"Dutch_766 W01 Bold" !important;
}


#content #text p.homeButton {
margin: 2em 0 3em 0;
padding: 1em 1em 1em 2em;
width:15em;
line-height:130%;
background-color: #7cb855;
}


#content #text p.homeButton a,
#content #text p.wbpButtonD a,
#content #text p.wbpButtonF a{
font-size: 1.2em;
color:white;
letter-spacing:1px;
letter-spacing: 0.1rem; 
font-family:"URW Grotesk W01 Regular" !important;
}

#content #text p.homeButton a:hover,
#content #text p.wbpButtonD a a:hover {
text-decoration:underline;
}


#content #text p.wbpButtonD {
margin: 2em 0 3em 0;
padding: 1em 1em 1em 2em;
width:15em;
line-height:130%;
background-color: #7cb855; 
}

#content #text p.wbpButtonD a{
font-size: 1.2em;
color:white;
letter-spacing:1px;
letter-spacing: 0.1rem; 
}


#content #text p.wbpButtonF {
margin: 2em 0 3em 0;
padding: 1em 1em 1em 2em;
width:15em;
line-height:130%;
background-color: #7cb855; 
}

#content #text p.wbpButtonF a{
font-size: 1.2em;
color:white;
letter-spacing:1px;
letter-spacing: 0.1rem; 
}


#content #text a {
color:#7db955;
text-decoration:none;
}

#content #text a:hover {
color:#7db955;
text-decoration:underline;
}

#content #text ul {
padding:.75em 0 0 2em;
/*
list-style-image:url('../upload/bilder/nwrDottext.png');
*/
list-style-type:none;
}

#content #text ol {
padding-left:2em;
}

#content #text li {
font-size:1.8em;
line-height:140%;
padding-bottom:.5em;
}


#content #text .liste h3 {
margin:1em 0 0 0;
padding:0;
font-size:1.5em;
line-height: 1.5em;
}

#content #text .liste h3.kartenliste {
margin:1em 0 -.5em 0;
padding:0;
font-size:1.8em;
line-height: 2em;
text-transform:uppercase;
}


#content #text .liste a.liste {
color:#7db955;
text-decoration:none;
}

#content #text .liste a.liste:hover {
color:#7db955;
text-decoration:underline;
}

#content #text hr.ueberUns {
border:none;
border-top:1px solid #7db955;	
height: 1px;
margin:3em -1em 1em 0;
}

#content #text img {
vertical-align:middle;
padding-bottom:1em;
}

/*
#content #text img.sponsor {
padding-right:3%;
vertical-align:middle;
}
*/

/*intro*/
#content #text .hinweisKarte{
display:flex;
justify-content:flex-start;
margin:2em 5% 2em 0;
padding:1em;
max-width:55em;
width:40vw;
background-color:#7db955;
}


#content #text .hinweisZeichen p.hinweisZeichen{
margin:0;
padding:0 0.05em 0 0;
font-size:5vw;
font-size:6em;
line-height:100%;
color:white;
}

#content #text .hinweisText p{
font-size:1.1vw;
font-size:1.5em;
line-height:150%;
color:white;
}

#content #text .hinweisText p a{
color:white;
text-decoration:underline;
}

#content #text .hinweisText p a:hover{
text-decoration:none;
}

#content #text p.results {
margin-bottom:.25em;	
}

#content #text p.results a {
font-size:1em;
}

#content #text #searchResults {
margin-top:8em;	
}

#content #text #searchResults .searchResultItem {
margin-top:1em;	
}

#content #text #searchResults .searchResultItem h2 {
font-size:1.5em;
}

#content #text #searchResults .searchResultItem .number {
float:left;
width:2em;
margin-right:1em;
text-align:right;	
}

#content #text #searchResults .searchResultItem .link {
padding-left:3em;
padding-bottom:1em;
}

#content #text #searchResults .searchResultItem .link a {
color:#000;
font-weight:normal;
text-decoration:underline;
padding-left:0em;
font-size:1em;
}

#content #text #searchResults .searchResultItem .link a:hover {
color:#7db955;
text-decoration:underline;
}



/*0_glossar*/
dl {
width:100%;
margin-top:2em;
}

dl hr.glossar {
border:none;
border-top:1px solid #7db955;	
height: 1px;
margin-right:-1em;
margin-top:2em;
}

dt {
float:left;
width: 27%;
padding:1em .25em;
font-size:1.6em;
line-height:1.2em;
font-family:"Dutch_766 W01 Bold" !important;
}

dd {
margin-left:16.4em;
margin-left:18em;
width: 73%;	
padding:.25em;
padding-top:.45em;
}

/*ch-karte*/
#content #text h2.kartenliste {
margin-top:1em;
font-size:1.8em;
text-transform:uppercase;
color:#000;
}

#content #text .liste h3.kartenliste {
margin:1em 0 -.5em 0;
padding:0;
font-size:1.8em;
line-height: 2em;
text-transform:uppercase;
}

#ch-karte h1{
padding-top:2.5em;
}


#ch-karte svg{
width:150%;
margin-top:-1em;
margin-left:-20%;
}

svg {
width:120%;
margin-left:-15%;
}

/*
aside {
border:3px solid blue;
}
*/
footer {
display:grid;
grid-template-columns: 1.5fr 5fr 0.75fr;
}

footer .footer {
grid-column:2 / 3;
grid-row:1 / 2;
display:flex;
justify-content:center;
margin-top:1.5em;
}


.footer,
.footer a {
text-align:center !important;
text-decoration:none;
color:black;
color:#000;
font-size: 1.4rem;
letter-spacing:0.015rem;
}

.footer a:hover {
text-decoration:underline;
color:black;
color:#000;

}

.footer .copy{
padding-right:1em;
border-right:1px solid black;
}


.footer .impressum {
border-right:1px solid black;
padding-right:1em;
padding-left:1em;
}

.footer .datenschutz {
padding-left:1em;
}


.button a {
color:white !important;
text-decoration:underline;
}












#kontaktformular p {
margin-top:2%;	
}

#kontaktformular label {
display: block; 
cursor: pointer;
color: rgb(145,145,145);
color:black;
font-size:1.6em;
padding-top:1em;
padding-bottom:.5em;
}

#kontaktformular input{
/*
font-family: Arial, Helvetica, sans-serif;
*/
border:1px solid rgb(145,145,145);
outline: 0 none;
font-size:1.6em;
line-height:130%;
width:90%;
padding:.5em;
border-radius: 0;
-webkit-appearance: none;
}

#kontaktformular textarea {
/*
font-family: Arial, Helvetica, sans-serif;
*/
border:1px solid rgb(145,145,145);
outline: 0 none;
font-size:1.6em;
line-height:130%;
width:90%;
height: 10em;
padding:.5em;
border-radius: 0;
-webkit-appearance: none;
}


#kontaktformular input.submitKontakt{
width:45%;
font-size:1.6em;
border:1px solid rgb(145,145,145);
background-color:#fff;
cursor: auto;
border-radius: 0;
-webkit-appearance: none;
padding:.35em;
}

#kontaktformular .email_zusatz,
#kontaktformular input.email_zusatz {
display:none;
}

#kontaktformular input.errorField{
background-color: #b2d792;
}




/*11.3.21 Umplatzierung Logo*/
/*
#logo {
grid-column:1 / 2;
grid-row:1 / 3;
margin-top:3.5em;
margin-bottom:-12em;
position:relative;
z-index:10;
}
*/

/* in % */
/*
header {
display:grid;
grid-template-columns: 27.7% 61.6% 10.6%;
}
*/

/****************11.3.21: Neuplatzierung Logo*************/

/*11.3.21: aufgrund von Neuplatzierung Logo*/

/*
*::-ms-backdrop, .breadcrumb {
border: none !important;
}

.breadcrumb {
grid-column:2 / 4;
grid-row: 1 / 2;
height:2em;
font-size:1.3em;
margin:0 11% 0 0;
padding:1em 0 0 0;
color:#76b416;
border-top: 1px solid #76b416;
background-color: transparent !important;
}

.breadcrumb a {
text-decoration:none;
color:#76b416;
padding:0 1em 0 1em;
margin-left:1.5em;
}

.breadcrumb a:hover {
text-decoration:underline;
}
*/



/*
*::-ms-backdrop, aside {
position:relative;
z-index:1000;
}

#content .latha {
color:blue;
font-size:24px;
}

#content .ruski {
color:green;
font-size:24px;
}

.symbolIntro {
width:75%;
margin:0 auto;
}

img#big-image {
max-width:100%;
}

.kasten {
box-sizing:border-box;
float:left;
margin-top:20em;
margin-left:-10em;
width:15em;
width:20em;/
background-color: #9f4c7a;
background-color: #8d4b78;
padding:2em;
box-shadow: 5px 5px 5px 0px #959595;
}

.kasten ul{
list-style-type:none;
}

.kasten li{
line-height:2.5em;
}

.kasten a{
color: #fff;
text-transform: uppercase;
text-decoration:none;
font-size:1.1em;
letter-spacing:1px;
}

.kasten a:hover{
text-decoration:underline;
color:#fff;
}

.symbolRechts {
grid-column:3 / 4;
margin: 12em 0 0 -8em;
}

.symbolRechts img {
width:100%;
}

#content #text .tamil_title{	
color:#7db955;
font-size:2.8em;
padding-top:1em;
margin-bottom:1em;
}

#content #text .schrift_tamilweb p,
#content #text .schrift_tamilweb p.regular,
#content #text .schrift_tamilweb ul li{
font-size:1.4em;
line-height:130%;	
}

#content #text .schrift_tamilweb ul{
padding-left:2em !important;
}

#content #text p.farsi {
font-size:1.5em;
direction:rtl;
text-align:right;
padding-right:5em;
}

#content #text .schrift_tamilweb ul {
padding-left:.75em;
margin-left:.5em;
}


#content #text .schrift_tamilweb li {
line-height:100%;
font-size:1em;
margin-left:-.5em;
}
*/

@media only screen and (max-width:1280px) {

	#wrapper {
		max-width:1280px;	
		/*
		border:2px solid green;	
		*/
			
	}
	
	.service {
	/*
		margin-right:8.75vw;
		*/
	}

	#navMain {
		margin-top:18em;
		margin-left:7.5vw;
	}


	#navSpecials {
		margin:2em 0 0 2em;
	}
	
	#content {

	}	

	#text {
		margin-right:12em !important;
	}
	
	#content #text .hinweisZeichen p.hinweisZeichen{
		margin:0;
		padding:0 0.05em 0 0;
		line-height:100%;
	}

	#content #text .hinweisText {

	}

	#content #text .hinweisText p{
	}

}


@media only screen and (max-width:1024px) {

	#wrapper {	
	/*
		border:2px dotted red;		
		*/
	}

	#logo img{
		width:80%;
	}
	
}

@media only screen and (max-width:1024px) and (orientation:landscape){

	#wrapper {	
	/*
		border:5px dotted blue;	
		*/	
	}


	#logo img{
		width:90%;
	}
/*	
	.symbolRechts {
		width:18vw;	
		margin-top:	15vw;
	}

	.symbolRechts img {
		width:100%;
	}
*/	
}


@media only screen and (max-width:768px) {

	html {
		font-size:16px;					
	}
	
	body {
		margin:0;
		padding:0;
		border:0;
	}	

	#wrapper {
		margin:0;
		padding:0;
		/*
		border:2px solid aqua;
		*/
		
	}


	header {
		display:flex;
		justify-content:space-between;
		padding: 2em 0 2em 2em;
	}
	
	#logo {
		width:40%;
		/*
		border:1px solid blue;	
		*/
	}
	
	#logo img {
		width:120%;
		/*
		border:1px solid orange;
		*/
	}

	

/*	
	#logo {
		display:none;
	}

	
	.logoMobile{
		display:block !important;
		margin:0;
		background-repeat: no-repeat;
		width:15%;	
		width:15vw;		
	}



	.logoMobile img {
		width:100%;	
	}
*/
	.service {
		width:45%;
		display:block;
		/*
		border:1px solid red;
		*/
	}
	
	.service .langInside {
		display:flex;
		justify-content:flex-end;	
		margin-top: -1vw;
		padding:0;
		/*
		border:1px solid blue;	
		*/	
	}
	
	.service .langInside .lang {
		margin-right:0;
	}
	
	.service .langInside .lang ul.translate {
		margin-top:4vw;	
	}
	
	.service .langInside .lang li a {
		font-size:3vw !important;
	}	

	.service .langInside .lang ul.translate li.sp_a_ITALIANO,
	.service .langInside .lang ul.translate li.sp_ITALIANO	{
		display:block !important;	
		content: "IT";	
		border-right:none;
	}

	.service .langInside .lang ul.translate li.sp_a_DEUTSCH span,
	.service .langInside .lang ul.translate li.sp_DEUTSCH span	{
		display:none;		
	}

	.service .langInside .lang ul.translate li.sp_a_DEUTSCH a:after,
	.service .langInside .lang ul.translate li.sp_DEUTSCH a:after	{
		display:block !important;	
		content: "DE";	
	}

	.service .langInside .lang ul.translate li.sp_a_FRANÇAIS span,
	.service .langInside .lang ul.translate li.sp_FRANÇAIS span	{
		display:none;		
	}

	.service .langInside .lang ul.translate li.sp_a_FRANÇAIS a:after,
	.service .langInside .lang ul.translate li.sp_FRANÇAIS a:after{
		display:block !important;	
		content: "FR";	
	}	
	
	.service .langInside .lang ul.translate li.sp_a_ITALIANO span,
	.service .langInside .lang ul.translate li.sp_ITALIANO span{
		display:none;		
	}

	.service .langInside .lang ul.translate li.sp_a_ITALIANO a:after,
	.service .langInside .lang ul.translate li.sp_ITALIANO a:after	{
		display:block !important;	
		content: "IT";	
	}
	
	
	.service .langInside .symbolMobileSmallSuppl {
		display:block !important;
		margin-top:-0.25em;
	}
	
	.service .langInside .symbolMobileSmallSuppl img.landscape {
		display:block;
		float:right;
		width:10vw;
	}
	
	.service .langInside .symbolMobileSmall img.portrait {
		display:none;
	}
		
	
	.service .search {
		width:100%;
		margin:0;
		margin-top:1.5em;
	}
	
	.service .search input {
		width:92%;
		margin:0;
		padding:.5em;	
		font-size:14px;		
		}

	.toggleMobile {
		display:block;
		/*
		grid-column:4 / 5;
		grid-row:1 / 2;	
		*/
		margin:1em 1em 0 0;
		width:5%;
		/*
		border:1px solid aqua;
		*/
	}
	
	.toggleMobile img {	
		float:right;
		display:block;		
	}
	
	.symbolRechts {
		display:none;
	}
	

	.symbolMobileEntire	{
		display:block;
		/*
		grid-column:3 / 4;
		grid-row:1 / 2;	
		*/
		margin-top:1vw;
		margin-left:-3vw;	
	}	
	
/*	
	.symbolMobileEntire img	{
		width:75%;	
	}	
*/
	a.menu-link {
		display:block;
		margin:0;
		padding:0;
		width:100%;	
	}	

	.middle #navMain li {
		border:none !important;
	}

	.menu {
		box-sizing:border-box;
 		min-width: inherit;
		margin:0;
		padding:0;	
		overflow: hidden;
		line-height:0;
		max-height: 0;	
	
	}
	

	.menu.active, 
	.menu > ul ul.active {
		max-height: 200em;	
	}
	
	.menu #navMain {
		box-sizing:border-box;	
		margin:0;	
	}

	.menu #navMain ul{
		display: block;
		padding:0;
		margin: 0;
		width:100%;
	}

	.menu #navMain ul li	 {
		margin:0;
		padding:0;
		text-align: right;
		margin-bottom:	1vw;
		display: block;
		padding-right:2%;
		border-top:none !important;
	}

	.menu #navMain li.navfirstopen:first-child,
	.menu #navMain li.navfirstoff:first-child 	 {
		padding-top:1em;
		border-top:1px solid #76b416 !important;
	}

	.menu #navMain ul li a {
		font-size:1.05rem;
		color:#000;		
	}
	
	.menu #navMain ul li.navfirstopen a {
		color:#7db955;		
	}

	.menu #navMain ul li a{	
		display: block;
		position: relative;
		color:#000;
		text-decoration:none;		
		letter-spacing:1px;
	}

	.menu #navMain li.has-submenu {	
		margin:0;
		padding:0;
		background:none;			
	}

	
	.menu .navSpecialsMobile{
		display:block !important;
		box-sizing:border-box;
		margin:0;
		padding:0;
		width:100%;
	}	

	.menu .navSpecialsMobile ul {
		width:100%;	
		margin:0;
		margin-top:-0.5em;
	}
	
	.menu .navSpecialsMobile li{
		display:block;
		float:none;
		width:100%;
		margin:0;
		margin-left:-2.4em;
		padding:2em 1.5em 1em 1.5em;
		text-align:right;			
		border-bottom:1px solid #76b416;	
	}	
	
	.menu .navSpecialsMobile li.active a {
		color:#7db955;		
	}		

	.menu .navSpecialsMobile li a	 {
		letter-spacing:1px;	
		font-size:1.05rem;
		color:#000;
		text-decoration:none;
		font-family:"URW Grotesk Pro Light W01 Rg" !important;				
	}	

	main {
		grid-template-columns: 1fr;
		/*
		bei weiteren paddings 
		werden diese abgezogen 
		und nicht dazugezaehlt
		*/	
		box-sizing:border-box;
		width:100%;		
		margin:0;	
		padding:0;
	}
	

	.middle {
		box-sizing:border-box;
		width:100vw;
		width:100%;
		margin: 0;
		padding:0;
		box-shadow: none;
	}


	#content {
		box-sizing:border-box;
		width:100%;		
		margin:0;
		padding:0;
	}
	
	#content #text {	
		box-sizing:border-box;
		margin:0;
		margin-left: 0 !important;
		padding:0 5% 5em 13%;
		width:100%;
	}

	#content #text h1 {
		font-size: 1.8rem !important;	
		margin-right:3em;
	}	
	
	#content #text h2 {
		font-size: 1.3rem !important;		
	}
	
	#content #text h3,
	#content #text h4{
		font-size: 1.4rem !important;					
	}
	
	#content #text p,
	#content #text li {
		font-size: 1.1rem !important;								
	}	
	
	#content #text .hinweisKarte{
		box-sizing:border-box;	
		margin:1em 0;
		padding:1em;
		width:100%;
	}

	#content #text .hinweisZeichen p.hinweisZeichen{
		font-size:4rem !important;
	}

	#content #text .hinweisText p{
		font-size:1.1rem !important;
		line-height:150%;
	}	
	
	#content #text p.wbpButton {
		margin: 2em 0 3em 0;
		padding: 1em 1em 1em 2em;
		width:14em;
		line-height:135%;
		background-color: #7cb855; 

	}

	#content #text p.wbpButton a{
		font-size: 1.2rem;
		color:white;
		letter-spacing: 0.1rem; 
	}
	
	.symbolIntro img{
		display:none;
	}	

	.middle #navSpecials {
		display:none;
	}	
	
	
	.symbolMobile img.portrait {
		display:none;
	}

	

	#kontaktformular label	 {
		font-size:1em !important;
	}
	
	#kontaktformular input {
		padding:.25em !important;
	}	

	#kontaktformular input.submitKontakt	 {
		font-size:1em !important;
		width:7em;
	}

	dl {
	
		box-sizing:border-box;
		width:100%;
		margin:0;
		padding:0;
	}

	dt {
		margin:0;
		padding:0;
		font-size:.98rem;
	}

	dd {
		width: 65%;	
		margin-left:35%;	
	}


	footer {
		display:block;
	}

	.footer {
		display:flex;
		justify-content:center;	
		margin:0;
		padding:0;
	}
	
	.footer,
	.footer a {
		font-size:0.9em;	
	}
	
	.footer .copy{
		padding-right:1em;
	}

	.footer .impressum{
		padding-left:1em;
	}


				
}


@media only screen and (max-width:576px) {
	#wrapper {
		width:100vw !important;
	}	
	
	header {
		width:100vw !important;	
	}

	
	#logo {
		display:none;
	}
	
	.logoMobile{
		display:block !important;
		margin:0;
		background-repeat: no-repeat;
		width:15%;	
		width:15vw;		
	}


	.logoMobile img {
		width:100%;	
	}
	
	
}


@media only screen and (max-width:420px) {
	#wrapper {
		width:100vw !important;
		margin:0;
		padding:0;
		
	}

	header {
	/*
		grid-template-columns: 3fr 3.5fr 1.25fr;		
		margin-bottom:-1em;	
	*/
		width:100vw !important;
		display:flex;
		justify-content:space-between;
		margin:0;
		padding:0;
	}
	
	#logo,
	#logo img {
		display:none !important;
	}	
	
	.logoMobile {
	/*
		grid-column:1 / 2;	
		grid-row:1 / 3;	
	*/	
		margin:0;
		padding:0;
		display:block;
		/*
		border:1px solid orange;
		*/
	}
	
	.logoMobile img{
		display:block;
		margin: 1em 0 0 1em;		
	}	


	.service {
		/*
		grid-column:2 / 3;
		*/	
		display:block;
		vertical-align: center;
		margin:0 !important;
		padding:0 !important;
		/*		
		border:1px solid blue;		
		*/		
	}
	
	.service .langInside {
		
		display:flex;
		justify-content:flex-start;	
		padding-top:1em;	
		/*
		border:1px solid red;	
		*/	
	}

	.service .langInside .lang {
		/*
		border:1px solid aqua;		
		*/			
	}
	
	.service .langInside .lang ul {
		margin:0;
		padding:0	
		/*
		border:1px solid orange;
		*/
	}

	.service .langInside .lang li {
		margin:0;
		padding:0	
	}

	.service .langInside .lang li a {
		margin:0;
		padding:0;	
		font-size:6vw !important;
	}

	.service .langInside .lang ul.translate li.sp_a_DEUTSCH a:after,
	.service .langInside .lang ul.translate li.sp_DEUTSCH a:after	{
		display:block !important;	
		content: "DE";

	}

	.service .langInside .lang ul.translate li.sp_a_FRANÇAIS a:after,
	.service .langInside .lang ul.translate li.sp_FRANÇAIS a:after{
		display:block !important;	
		content: "FR";		
	}	

	.service .langInside .lang ul.translate li.sp_a_ITALIANO a:after,
	.service .langInside .lang ul.translate li.sp_ITALIANO a:after	{
		display:block !important;	
		content: "IT";	
	}

	.service .langInside .lang ul.translate li.sp_a_ITALIANO,
	.service .langInside .lang ul.translate li.sp_ITALIANO	{
		display:block !important;	
		content: "IT";	
		border-right:none;
	}	
	
	.service .langInside .symbolMobileSmallSuppl {
		display:none !important;
	}
	
	.service .langInside .symbolMobileSmallSuppl img.landscape {
		display:none !important;
	}

/*	
	.service .langInside .symbolMobileSmall {
		display:block;
		margin:2em 0 0 -1em;
		padding:0;
		width:7.5vw;
		height:7.5vw;
		
	}

	.service .langInside .symbolMobileSmall img.portrait {
		display:block;
		float:none;
		width:100%;
	}		
*/	
	.service .search {
		margin:.5em 0 1em 0;
		padding:0;
	}

	.search input{
		padding:.25em;
		margin:0;
		width:100%;
		border-radius: 0;
		-webkit-appearance:none;
	}	

	.toggleMobile {
	/*
		grid-column:3 / 4;	
		grid-row:1/ 2;	
	*/
		margin:0;
		padding:0;
		/*
		border:1px solid red;
		*/
	}
	

	.toggleMobile img {
		float:right;
		margin: 1em 1em 0 0;
		width:2.5em;
		height:2.5em;
	}	
	
	
	.symbolMobileEntire {
		display:none;
	}
	
	.middle {
		width:100vw;
	}
	
	#content {
		margin:0;
		padding:0;
		/*
		border:2px solid gray;
		*/
	}

	#content #text {
	}
	
	#content #text h1 {
		margin:0;		
	}	


	#content #text p.homeButton {
		width:80% !important;
	}
	
	/*0_glossar*/
	dl {
		width:100%;
	}

	dt {
		float:none;	
		width:100%;	
	}

	dd {
		width: 100%;
		margin:0;			
	}

	.kasten li {
		padding-left:5%;
	}	


	
	#kontaktformular {
		max-width:100% !important;
		/*
		border:2px solid pink;
		*/
	}

	#kontaktformular input {
		max-width:90% !important;
		/*
		border:2px solid blue;
		*/
	}
	
	#kontaktformular textarea {
		max-width:90% !important;
	}	


	div.sponsor-outside {
		padding-top:2em;
	}
	
	img.sponsor {
		display:block;
		padding-right:1em;
		text-align: middle;
		float:left;
		max-width:100%;
	}
	
	.footer {
		display:block !important;
		margin:0;
		padding:0;
		width:100%;		
	}
	
	.footer,
	.footer a {
		text-align:center !important;
		text-decoration:none;
		color:black;
		color:#000;
		font-size: 1rem;
		letter-spacing:0.015rem;
	}	

	.footer .copy{
		margin:0 auto;
		padding:0 1em;	
		border:0 !important;
		width:80% !important;
	}

	.footer .impressum{
		margin:0 auto;
		padding:0 1em;	
		border:0 !important;
		width:80% !important;	
	}

	.footer .datenschutz{
		margin:0 auto;
		padding:0 1em;	
		border:0 !important;
		width:80% !important;	
	}

/*
.footer a:hover {
text-decoration:underline;
color:black;
color:#000;

}

.footer .copy{
padding-right:1em;
border-right:1px solid black;
}


.footer .impressum {
border-right:1px solid black;
padding-right:1em;
padding-left:1em;
}

.footer .datenschutz {
padding-left:1em;
}
*/



}