/*Aktuelles Template*/

body {
background-color:#000000;
background: url(../design/hg_8c.gif);
margin:0;
padding:0;
font-family: Verdana,Arial,Helvetica,sans-serif;
color:#000;
font-size:0.9em;
}

#container {
max-width:100%;
width:990px;
margin:0 auto;
padding:0 auto;
}

#header {
background: url(../design/head.png) no-repeat;

height:99px;
}


#headleiste {

background: transparent url("../design/head.png") no-repeat scroll 50% 50% / 80% auto;
height: 115px;
margin: 10px 0px 0px;
}

nav {
background-color: #b4c96a;
height: 26px;
left: 0;
padding: 0 auto;
position: relative;
top: 108px;
/*    width: 99%; #16062020*/
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
nav img {
position: relative;
top: 3px;
}

nav ul {
padding:1px;
}

#navigation {
background-color:#b4c96a;	

}

.logoHeader{
cursor:pointer; 
max-width:100%; 
width:990px; 
height:115px; 
position:absolute; 
}

#inhalt_alles {
margin-top:19px;
/*  max-width:99%; #16062020
width:990px;*/
background: url(../design/hg_4c_soft.gif) repeat scroll 0 0 rgba(255, 255, 255, 255);
padding: 0 0 50px 0;
}
#links {
float:left;
width:20%;
margin:0px;
padding:0px;
text-align:center;
}
#rechts {
float:right;
width:20%;
margin:0px;
padding:0px;
text-align:center;
}
#inhalt {
float:left;
width:56%;
padding:0px;
margin:0px 2%;
text-align:center;
}


#inhalt table {
margin: 0 50px;
left: 3px;
}
#inhalt h1 {
font-size:1.2em;
}
#inhalt h2 {
font-size:0.9em;
margin: 20px 0 0;
}
#inhalt a {
color:#000;
text-decoration:underline;
}
#inhalt a:hover {
color:#ed0d6d;
text-decoration:none;
}
.inhaltltext_linksblock {
padding:0 70px;
text-align:left;
}
#main .leftcol, #main .rightcol {
width:45%;
text-align:justify;
/*font-size:0.8em;*/
}

#main .leftcol {
margin-left:20px;
float:left;
}
#main .rightcol {
margin-left:52%;
}

.darlink {
display:block;
width:100%;
height:auto;
text-align:left;
}

#inhalt.darlink p {
float:left;
margin:0px 0 60px 0;
}

.darlink img {
clear:both;
margin:0 10px 0 0;
width:80px;
height:auto;
}

.clearfix {
clear:both;
}

.darlinks-kategorie {
height:auto;
}

.name {
position:relative;
float:left;
width: 49%;
border: 0 px black solid;
vertical-align:middle;
padding:40px 0 10px 0;
}
.picture {
width: 60%;
height: 180px;
display: block;
margin: 10 auto;
border: 0 px black solid;
}

.picture img{
max-width: 200px;
max-height: 160px;
padding-bottom:4px;

}

/* gleichmäßigere Erscheinung

.picture img{
max-width: 60%;
max-height: 80px;

}

*/


#main .singlecol {
margin:0 20px;
text-align:justify;
font-size:.8em;
}


#links h1 {
margin:20px 0 0 20px;
}
#rechts h1 {
margin:20px 20px 0 0;
}

#links h1, #rechts h1{
border-radius: 5px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
border:none;
background-color:#ED0D6D;
color:#fff;
text-align:center;
font-size:0.9em;
padding: 2px 0;
line-height:1.4 em;
word-wrap: break-word;
}
#menuUnten h1 {
border-radius: 5px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
border:none;
background-color:#ED0D6D;
color:#fff;
text-align:center;
font-size:0.9em;
margin: 2px 0;
line-height:1.4 em;
padding: 2px 0;
}

#indexUnten h1 {
border-radius: 5px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
border:none;
background-color:#ED0D6D;
color:#fff;
text-align:center;
font-size:0.9em;
margin: 2px 0;
line-height:1.4 em;
}
#links h2 {
margin:10px 5px 5px 20px;
}
#rechts h2 {
margin:10px 20px 5px 5px;
}

#menuUnten h2 {
margin:10px 20px 5px 5px;
}

#links h3, #rechts h3, #menuUnten h3, #indexUnten h3 {
color: #CC0066;
font-size: 1.2em;
text-decoration: none;
text-align:left;
line-height:0.9em;
}

#indexUnten h2 {
margin:10px 20px 5px 5px;
}



#links h3 {
margin:10px 5px 5px 20px;
}
#rechts h3 {
margin:10px 20px 5px 10px;
}

#menuUnten h3 {
margin:10px 20px 5px 10px;
}
#indexUnten h3 {
margin:10px 20px 5px 10px;
}

#links p {
margin:0 0 0 20px;
}

h3 a {
color:#cc0066;
text-decoration:none;
}

h3 a:hover{
color:#cc0066;
text-decoration:underline;
}

#links img, #rechts img, #menuUnten img {
width: 142px;
object-fit: contain;
/*height: 143px; #110523 erst aktivieren, wenn shopbilder in richtiger größe vorhanden*/
}

#indexUnten img {
width:83%;
}
#links img {
width:142px;
margin:0 5px;
}
#rechts img {
width:142px;

}
#links p, #rechts p, #menuUnten p , #indexUnten p {
font-size: 0.8em;
font-weight: normal;
text-align: left;
}
#links p {
margin: 10px 5px 5px 25px;
}
#rechts p {
margin: 10px 25px 5px 10px;
}

#menuUnten p, #indexUnten p {
margin: 10px 25px 5px 10px;
}

#links p a, #rechts p a, #menuUnten p a , #indexUnten p a  {
color:#000;
}

#links p a:hover, #rechts p a:hover, #menuUnten p a:hover {
color:#CC0066;
text-decoration:none;
}

#links .mehrdazu {
background: url("../design/kleinemoese.gif") no-repeat scroll 27px 0 rgba(0, 0, 0, 0);
background-size: 18px;
min-height: 30px !important;
padding-left: 50px;
text-align: left;
font-size:12px;
float: left;
display: inline-block;
/*margin-top: 4px;*/
line-height: 12px;
}

#rechts .mehrdazu {
background: url("../design/kleinemoese.gif") no-repeat scroll 10px 0 rgba(0, 0, 0, 0);
height: 30px !important;
padding-left: 35px;
padding-top: 2px;
text-align: left;
max-width: 75%;
background-size: auto 20px;
}
#menuUnten .mehrdazu {
background: url("../design/kleinemoese.gif") no-repeat scroll rgba(0, 0, 0, 0);
height: 30px !important;
padding-left: 27px;
text-align: left;
}

#indexUnten .mehrdazu {
background: url("../design/kleinemoese.gif") no-repeat scroll rgba(0, 0, 0, 0);
height: 30px !important;
padding-left: 27px;
text-align: left;
}

.mehrdazu img {
border:none;
margin:7px 0 0 0 !important;
width:22px !important;
}

.mehrdazu {
font-size:12px;/*Laura Tel 03072020*/
}

.mehrdazu a {
margin:5px 0 0 0px;
text-decoration:none;
font-weight:normal;
color:#000;
font-size:12px;/*Laura Tel 03072020*/
line-height:19px;/*Laura Tel 03072020*/
}

.mehrdazu a:hover {
text-decoration:none;
color:#ed0d6d;
}

#links .mehrdazu2zeil, #rechts .mehrdazu2zeil {
background: url("../design/kleinemoese.gif") no-repeat scroll 10px 0 rgba(0, 0, 0, 0);
height: auto;
padding: 5px 0px 5px 35px;
text-decoration: none;
}

.mehrdazu2zeil a {
margin:5px 0 0 0px;
text-decoration:none;
font-weight:bold;
color:#000;
font-size:0.8em;
line-height:1.3em;
}

.mehrdazu2zeil a:hover {
text-decoration:none;
color:#ed0d6d;
}


#inhalt .impressum {
font-size: 0.7em;
line-height: 1.3em;
margin-top: 5px;
}

#inhalt .horizmenutop {
font-size:0.75em;
font-weight:bold;
margin: 2em 0 4em 0;
}

#inhalt .horizmenutop .aktiv {
color:#ed0d6d;
}

#inhalt .jahresliste {
margin:0 50px;
}

#inhalt .jahresliste h2 {
margin: 5px 0px;
font-size: 1em;
}

#inhalt .jahresliste h3 {
margin: 5px 0px;
font-size:0.8em;
}

#inhalt .jahresliste h4 {
color:#ED0D6D;
margin: 5px 0px 30px 0;
padding:0 0 5px 0;
font-size:0.8em;
width:100%;
border-bottom:1px solid #ED0D6D;
}

#inhalt .publikationen {
text-align:left;
margin:0 50px;
}

#inhalt .publikationen h1 {
font-size:1em;
}

#inhalt .publikationen h2 {
font-size: 1.2em;
margin: 20px 0 0 0;
}

#inhalt article {
clear:both;
margin:0 0 20px 0;
font-weight:normal;
}

#inhalt article img {
float:left;
margin:5px 20px 5px 0;
}

#inhalt p {
font-weight:normal;
}

.rosamini {
color:#ED0D6D;
font-size:0.8em;
}

footer {
background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.8);
margin: 0;
padding: 0.02em 0 0.1em 0;
font-size: 0.7em;
text-align: center;
border-top: dotted 1px #555;
color:#555;
margin: 0 0 10px 0;
max-width: 100%;/*manche Seiten sind noch im alten Stil...#14072021*/
}

#links .sub{

display:none;

}
a{
outline:none;
}
#links .picturerss{

left: 10px;
position: relative;
outline:none;

}

#links .lazy{

left: 10px;
position: relative;
outline:none;

}


#links .absatz{

left: 25px;
position: relative;
max-width: 85%;

}

#rechts .sub{

display:none;

}

#rechts iframe, #player{

max-width: 79%;
max-height: 173px;

}

#rechts .picturerss{

right: 10px;
position: relative;
outline:none;

}

#rechts .lazy{

right: 10px;
position: relative;
outline:none;

}

#rechts .absatz{
max-width: 90%;
position: relative;
}

/*PollyMail30 01 2020 BDZ*/
#rechts a{
text-decoration:none;
color:black;
}
#links a{
text-decoration:none;
color:black;
}
/*PollyMail30 01 2020 EDZ*/

#menuUnten .picturerss{

/*left: 10px; 14122019*/
position: relative;
outline:none;

}

#indexUnten .picturerss{

/*left: 10px; 14122019*/
position: relative;
outline:none;

}

#inhalt.ipsaAusbildung {
width:39em;
text-align:left;
float:left;
margin-left: 25px;
}
#inhalt .sub{

display:none;

}



a{
outline:none;
}

#links .picturerss{
position: relative;
outline:none;
}


#rechts .picturerss{
position: relative;
outline:none;
}


#menuUnten .picturerss{

position: relative;
outline:none;

}

#indexUnten .picturerss{

position: relative;
outline:none;

}

}


.mehrspaltig {

border: 1px solid;
}

.mehrspaltig img {
float: left;
max-width:250px;
margin-bottom: 35px;
margin-top: 15px;
}

.mehrspaltig {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
padding: 0 1em 1em 1em;
text-align:justify;
}

.object{
/*background: transparent url("http://www.sexclusivitaeten.net/images/wellcome.png") no-repeat scroll 0% 0%;*/
position:relative;
width: 540px;
height: 540px;
max-width: 100%;
/*background-position: 0 200;*/
}

.object img{
max-width:100%;
position:absolute;
top:0;
bottom:0;
margin:auto;
left:0;
}

/*#31122020*/
.gifNewStart{
position:relative;
max-width: 100%;
max-height: 540px;
}

.gifNewStart img{
max-width:80%;
margin:auto;
}
/*#31122020*/

.infoBox{

border: 1px solid red; 
width: 80%; 
margin: 0 auto; 
padding: 10px; 
border-radius:10px;
text-align:left;

}

.infoBoxCenter{

border: 1px solid red; 
width: 80%; 
margin: 0 auto; 
padding: 10px; 
border-radius:10px;
text-align:center;

}
.infoBoxCenterOhneRahmen{

border: 0px solid red; 
width: 80%; 
margin: 0 auto; 
padding: 10px; 
border-radius:10px;
text-align:center;

}



.menue, .menue_aktuell {
font-size:14px;
font-family:Verdana;
font-weight:bold;
-moz-border-radius:7px;
-webkit-border-radius:7px;
border-radius:7px;
border:0px solid #dcdcdc;
padding:2px 4px;
text-decoration:none;
background:-moz-linear-gradient( center top, #c9d98d 32%, #b4c96a 73% );
background:-ms-linear-gradient( top, #c9d98d 32%, #b4c96a 73% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9d98d', endColorstr='#b4c96a');
background:-webkit-gradient( linear, left top, left bottom, color-stop(32%, #c9d98d), color-stop(73%, #b4c96a) );
background-color:#c9d98d;
color:#21380f;
display:inline-block;
text-shadow:1px 1px 1px #ffffff;
-webkit-box-shadow: 0px 3px 3px -2px #21380f;
-moz-box-shadow: 0px 3px 3px -2px #21380f;
box-shadow: 0px 3px 3px -2px #21380f;
}
.menue:active {

}

.menue:hover, .menue:active, .menue_aktuell {
background:-moz-linear-gradient( center top, #eb4c91 32%, #ed0d6e 73% );
background:-ms-linear-gradient( top, #eb4c91 32%, #ed0d6e 73% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eb4c91', endColorstr='#ed0d6e');
background:-webkit-gradient( linear, left top, left bottom, color-stop(32%, #eb4c91), color-stop(73%, #ed0d6e) );
background-color:#eb4c91;
text-shadow:1px 1px 1px #940040;
color:#fff;
}


a.menue_aktuell_link{ 
text-shadow: 1px 1px 1px #940040; 
color: #FFF; 
text-decoration:none;
}


#inhalt .picturerss{

margin:-3px;
max-width:500px;

}


.beratung img{

width: 160px;
float: left;
margin: 0px 10px 0px 0px;
height: 160px;
object-fit: cover;

}

.beratung a img{
width: auto;
margin: auto;
height: auto;
float:none;
}

/*#19062019*/
.hh .picturerss{

max-width:90%;

}

small{

font-size:1.5em;

}

.abstandNachOben29px{

margin-top:29px;

}


#menuUnten{
max-width: 99%;
display: flex;
}

#menuUnten h1{
display:block;
}

#menuUnten .divUnten{
float: left;
width: 32%;
margin: 0 auto;
padding: 20px;
box-sizing: border-box;
text-align:center;
}

#menuUnten .divUnten:last-child {
margin-right: 0;
}

#menuUnten .mehrdazu{
padding-bottom:15px;
white-space: nowrap;
}




#indexUnten{
max-width: 99%;
display: flex;
}

#indexUnten h1{
display:block;
}

#indexUnten .divUnten{
float: left;
width: 32%;
margin: 0 auto;
padding: 20px;
box-sizing: border-box;
text-align:center;
}

#indexUnten .divUnten:last-child {
/*margin-right: 0;*/
margin: 0 auto;
width:83%;

}

#indexUnten .mehrdazu{
padding-bottom:15px;
white-space: nowrap;
}

.fairTalk{ /*Fairtalk Seite*/
display:inline;
}

.fairTalk img{ /*Fairtalk Seite*/
max-width: 200px;
height: 140px;
padding-bottom:4px;
object-fit:cover;
}

.fairTalk caption{ /*Fairtalk Seite*/
display:inline;
font-size:1em;
}

#cookies-message-container-popup{
position:fixed;
height:100%;
bottom:50px;
/*top:60px;*/
padding: 10px 0 10px 0;
margin:10px 0 10px 0;
color:black;
font-size: 16px;
text-align: center;
max-width:100%;
width:100%;
z-index: 998;
transition: all 0.5s linear 0s;

}

#cookies-message-popup{
padding: 10px 0 10px 0;
margin: 0 auto;
color: #cccccc;
font-size: 16px;
border: 15px solid rgb(242, 113, 127);
text-align: center;
background-color: #C8094A;
width: 57%;
z-index: 999;
transition: all 0.5s linear 0s;
/*box-shadow: 13px -13px 13px 13px #6aa7c9;*/
border-radius: 100% 100% 100% 100% / 100% 100% 100%;
max-width:600px;
margin-top:15%;

}

#accept-cookies-checkbox-popup{
background-color: #F67;
padding: 5px 10px;
color: #FFF;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
display: inline-block;
margin-left: 10px;
text-decoration: none;
cursor: pointer;
}
a#accept-cookies-checkbox-popup{
background-color: #F67;
padding: 5px 10px;
color: #FFF;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
display: inline-block;
margin-left: 10px;
text-decoration: none;
cursor: pointer;
}

.pddngcks{
padding:0px 0px 11px 2px;
}


.clear {
clear:both;
}

.hrstVeroeff img {
max-width:142px;
}

.forecastDesc{
max-width:170px; 
word-wrap: anywhere;
}

.pagination a{
padding: 10px;
background: #ED0D6D;
margin-top: 8px;
display: inline-block;
color:white  !important;
text-decoration:none !important;
font-weight:bold;
}

	/*Template speziell Handy ab hier BOF #2408219 ehem. 480px Testphase*/


	/*END-##-END-##-END-##-END-##-END-##-END-##-END-##-END-##-END*/
	/*Größe 1*/
	@media only screen and (max-device-width: 480px) {



	body {
	background-color:#000000;
	background: url(../design/hg_8c.gif);
	margin:0;
	padding:0;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	color:#000;
	font-size:1.3em;
	}

	#container {
	width:100%;

	margin:0 auto;
	padding:0 auto;
	}

	#preloadshowAnimation{
	font-size:0px;
	}

	#headleiste {

	background: transparent url("../design/head.png") no-repeat scroll 50% 0% / 80% auto;
	height: 298px;
	width:100%;

	}

	nav {
	height: 211px;
	background-color: #b4c96a;
	padding: 0 auto;
	position: relative;

	}
	nav img {
	position: relative;
	top: 3px;
	width:52px;
	height:32px;
	}

	nav ul {
	padding:1px;
	}

	#navigation {
	background-color:#b4c96a;	

	}



	#inhalt_alles {
	margin-top:19px;
	background: url(../design/hg_4c_soft.gif) repeat scroll 0 0 rgba(255, 255, 255, 255);
	padding: 0 0 50px 0;
	flex-direction: column;
	display:flex; 
	}

	#links {
	order:2;
	float:left;
	width:80%;
	margin:0 auto;
	padding:0px;
	text-align:center;
	}

	#links img{
	margin:10px;
	}

	#rechts {
	order:3;
	float:right;
	width:80%;
	margin:0 auto;
	padding:0px;
	text-align:center;
	}


	#rechts img{
	margin:10px;
	}

	#links .mehrdazu {
	background: url("../design/kleinemoese.gif") no-repeat scroll 0px 0 rgba(0, 0, 0, 0);
background-size: 79px;
padding-left: 90px;
height: auto !important;
text-align: left;
font-size: 2em;

float:none;
display:block;
line-height:initial;
	}

	#rechts .mehrdazu {
	background: url("../design/kleinemoese.gif") no-repeat scroll 0px 0 rgba(0, 0, 0, 0);
background-size: 79px;
padding-left: 90px;
height: auto !important;
text-align: left;
font-size: 2em;

float:none;
display:block;
line-height:initial;

	}



.mehrdazu a {
margin:5px 0 0 0px;
text-decoration:none;
font-weight:normal;
color:#000;
font-size:1em;/*Laura Tel 03072020*/
line-height:2em;/*Laura Tel 03072020*/
}

	#links h1 {
	margin:1em;
	font-size:3em;
	}
	#rechts h1 {
	margin:1em;
	font-size:3em;
	}


	#indexUnten img {
	width:83%;
	}
	#links img {
	width:80%;
	}
	#rechts img {
	width:80%;

	}

	#inhalt {
	width:87%;
	padding:0 50px 0 50px;
	text-align:center;
	order:0;
	font-size: 2em;
	}

	#inhalt a {
	color:#000;
	text-decoration:underline;
	word-wrap: anywhere;
	display: inline-block;
	}

	#inhalt .horizmenutop {
	font-size:1em;
	}

	.object{
	/*background: transparent url("http://www.sexclusivitaeten.net/images/wellcome.png") no-repeat scroll 0% 0%;*/
	position:relative;
	width: 100%;
	max-width: 100%;
	/*background-position: 0 200;*/
	}

	.object img{
	max-width:100%;
	position:relative;
	margin: 0 auto;
	
	}

	#menuUnten{
		order:4;
	}


	.menue, .menue_aktuell {
	font-size:2em;
	font-family:Verdana;
	font-weight:bold;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	border:0px solid #dcdcdc;
	padding: 6px;
	margin: 4px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #c9d98d 32%, #b4c96a 73% );
	background:-ms-linear-gradient( top, #c9d98d 32%, #b4c96a 73% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9d98d', endColorstr='#b4c96a');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(32%, #c9d98d), color-stop(73%, #b4c96a) );
	background-color:#c9d98d;
	color:#21380f;
	display:inline-block;
	text-shadow:1px 1px 1px #ffffff;
	-webkit-box-shadow: 0px 3px 3px -2px #21380f;
	-moz-box-shadow: 0px 3px 3px -2px #21380f;
	box-shadow: 0px 3px 3px -2px #21380f;
	}

	.menuelink {
	text-decoration:none;
	color:#21380f;
	}

	.name {
	position:relative;
	float:left;
	width: 100%;
	border: 0 px black solid;
	vertical-align:middle;
	padding:40px 0 10px 0;
	min-height:270px;
	margin-bottom:10px;
	}


	.picture {
	width: 60%;
	height: 180px;
	display: block;
	margin: 10 auto;
	border: 0 px black solid;
	}
	.picture img{
	max-width: 60%;
	max-height: 80px;

	}

	.mehrspaltig{
	text-align: justify;
	font-size: 1em;
	display: contents;
	line-height: 1.5em;
	}

	.forecastDesc{
	max-width:100%; 
	word-wrap: anywhere;
	}
	.head1{
	font-size: 1em;	
	}
	#inhalt .picturerss{

	margin:-3px;
	min-width:500px;
	}

	.infoBox{

	border:8px solid red; 
	width: 80%; 
	margin: 0 auto; 
	padding: 10px; 
	border-radius:15px;
	text-align:center;

	}

	.infoBoxCenter{

	border:8px solid red; 
	width: 80%; 
	margin: 0 auto; 
	padding: 10px; 
	border-radius:15px;
	text-align:center;

	}

	.infoBoxCenterST{

	border:8px solid red; 
	width: 93%; 
	margin: 0 auto; 
	padding: 10px; 
	border-radius:15px;
	text-align:center;

	}

	.rahmendarls .picturerss{
	margin:-3px;
	width:500px;
	height: 500px;
	max-width:500px;
	max-height: 500px;
	object-fit: contain;
	}


	.name {
	position:relative;
	float:left;
	width: 100%;
	border: 0 px black solid;
	vertical-align:middle;
	padding:40px 0 10px 0;
	}
	.picture {
	width: 60%;
	height: auto;
	display: block;
	margin: 10 auto;
	border: 0px black solid;
	}

	.picture img{
	max-width: 200px;
	max-height: 160px;
	padding-bottom:4px;

	}




	}/*media Größe1 end*/
		/* Größe 2 handy quer, iPads (hoch) etc,----------- */
		@media only screen
		and (min-width : 481px)
		and (max-width : 768px) {

		body {
		background-color:#000000;
		background: url(../design/hg_8c.gif);
		margin:0;
		padding:0;
		font-family: Verdana,Arial,Helvetica,sans-serif;
		color:#000;
		font-size:1.3em;
		}

		#container {
		width:100%;

		margin:0 auto;
		padding:0 auto;
		}

		#preloadshowAnimation{
		font-size:0px;
		}

		#headleiste {

		background: transparent url("../design/head.png") no-repeat scroll 50% 0% / 80% auto;
		height: 298px;
		width:100%;

		}

		nav {
		height: 211px;
		background-color: #b4c96a;
		padding: 0 auto;
		position: relative;

		}
		nav img {
		position: relative;
		top: 3px;
		width:52px;
		height:32px;
		}

		nav ul {
		padding:1px;
		}

		#navigation {
		background-color:#b4c96a;	

		}



		#inhalt_alles {
		margin-top:19px;
		background: url(../design/hg_4c_soft.gif) repeat scroll 0 0 rgba(255, 255, 255, 255);
		padding: 0 0 50px 0;
		}
		#links {

		float:left;
		width:20%;
		margin:0px;
		padding:0px;
		text-align:center;
		}


		#rechts {

		float:right;
		width:17%;
		margin:0px;
		margin-right:-5px;
		padding:0px;
		text-align:center;
		}

		#rechts .mehrdazu{

		padding-bottom:15px;

		}
		#links .mehrdazu{

		padding-bottom:15px;
		/*white-space: nowrap;*/
		/*12052022*/

		}


		#inhalt {
		width:45%;
		padding:0 50px 0 50px;
		text-align:center;
		}

		#inhalt a {
		color:#000;
		text-decoration:underline;
		word-wrap: anywhere;
		display: inline-block;
		}

		.menue, .menue_aktuell {
		font-size:2em;
		font-family:Verdana;
		font-weight:bold;
		-moz-border-radius:7px;
		-webkit-border-radius:7px;
		border-radius:7px;
		border:0px solid #dcdcdc;
		padding: 6px;
		margin: 4px;
		text-decoration:none;
		background:-moz-linear-gradient( center top, #c9d98d 32%, #b4c96a 73% );
		background:-ms-linear-gradient( top, #c9d98d 32%, #b4c96a 73% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9d98d', endColorstr='#b4c96a');
		background:-webkit-gradient( linear, left top, left bottom, color-stop(32%, #c9d98d), color-stop(73%, #b4c96a) );
		background-color:#c9d98d;
		color:#21380f;
		display:inline-block;
		text-shadow:1px 1px 1px #ffffff;
		-webkit-box-shadow: 0px 3px 3px -2px #21380f;
		-moz-box-shadow: 0px 3px 3px -2px #21380f;
		box-shadow: 0px 3px 3px -2px #21380f;
		}

		.menuelink {
		text-decoration:none;
		color:#21380f;
		}

		.name {
		position:relative;
		float:left;
		width: 100%;
		border: 0 px black solid;
		vertical-align:middle;
		padding:40px 0 10px 0;
		min-height:270px;
		margin-bottom:10px;
		}


		.picture {
		width: 60%;
		height: 180px;
		display: block;
		margin: 10 auto;
		border: 0 px black solid;
		}
		.picture img{
		max-width: 60%;
		max-height: 80px;


		}/*media Größe2 end*/
			/* Größe 3 iPads (quer) ----------- */
			@media only screen
			and (min-width : 769px)
			and (max-width : 989px) {
			*{
			}


			body {
			background-color:#000000;
			background: url(../design/hg_8c.gif);
			margin:0;
			padding:0;
			font-family: Verdana,Arial,Helvetica,sans-serif;
			color:#000;
			font-size:1.3em;
			}

			#container {
			width:100%;

			margin:0 auto;
			padding:0 auto;
			}

			#preloadshowAnimation{
			font-size:0px;
			}

			#headleiste {

			background: transparent url("../design/head.png") no-repeat scroll 50% 0% / 80% auto;
			height: 298px;
			width:100%;

			}

			nav {
			height: 211px;
			background-color: #b4c96a;
			padding: 0 auto;
			position: relative;

			}
			nav img {
			position: relative;
			top: 3px;
			width:52px;
			height:32px;
			}

			nav ul {
			padding:1px;
			}

			#navigation {
			background-color:#b4c96a;	

			}



			#inhalt_alles {
			margin-top:19px;
			background: url(../design/hg_4c_soft.gif) repeat scroll 0 0 rgba(255, 255, 255, 255);
			padding: 0 0 50px 0;
			}


			#links {

			float:left;
			width:20%;
			margin:0px;
			padding:0px;
			text-align:center;
			order: 2;
			}

		

			#rechts {

			float:right;
			width:17%;
			margin:0px;
			padding:0px;
			text-align:center;
			order: 3;
			}


			#inhalt {
			width:45%;
			padding:0 50px 0 50px;
			text-align:center;
			order: 1;
			}



			#rechts .mehrdazu{

			padding-bottom:15px;

			}

			#links .mehrdazu{

			padding-bottom:15px;
			/*white-space: nowrap;*/
			/*12052022*/
			}

			.menue, .menue_aktuell {
			font-size:2em;
			font-family:Verdana;
			font-weight:bold;
			-moz-border-radius:7px;
			-webkit-border-radius:7px;
			border-radius:7px;
			border:0px solid #dcdcdc;
			padding: 6px;
			margin: 4px;
			text-decoration:none;
			background:-moz-linear-gradient( center top, #c9d98d 32%, #b4c96a 73% );
			background:-ms-linear-gradient( top, #c9d98d 32%, #b4c96a 73% );
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9d98d', endColorstr='#b4c96a');
			background:-webkit-gradient( linear, left top, left bottom, color-stop(32%, #c9d98d), color-stop(73%, #b4c96a) );
			background-color:#c9d98d;
			color:#21380f;
			display:inline-block;
			text-shadow:1px 1px 1px #ffffff;
			-webkit-box-shadow: 0px 3px 3px -2px #21380f;
			-moz-box-shadow: 0px 3px 3px -2px #21380f;
			box-shadow: 0px 3px 3px -2px #21380f;
			}

			.name {
			position:relative;
			float:left;
			width: 100%;
			border: 0 px black solid;
			vertical-align:middle;
			padding:40px 0 10px 0;
			min-height:270px;
			margin-bottom:10px;
			}


			.picture {
			width: 60%;
			height: 180px;
			display: block;
			margin: 10 auto;
			border: 0 px black solid;
			}
			.picture img{
			max-width: 60%;
			max-height: 80px;

			}



			} 	/*media Größe3 end*/
				/* Größe 4 laptops klein ----------- */
				@media only screen
				and (min-width : 990px)
				and (max-width : 1223px) {
				*{
				}


				} 	/*media Größe4 end*/
					/* Größe 5 Desktops and laptops ----------- */
					@media only screen
					and (min-width : 1224px) {
					/*and (min-width : 1224px) {*/

					*{
					}



					}/*media Größe5 end*/