body { 
font-family: FinalistRoundSlab-65Medium;
font-weight: normal;
font-style: normal;
background-color: #F6F4EA;
color:#6B8490;
}

#container {
	max-width:1150px;/*1200 - 25px padding links und rechts */
	margin:0 auto;
	padding-left:25px;
	padding-right:25px;
	padding-top:25px;
}

#footer {
	max-width:1150px;/*1200 - 25px padding links und rechts */
	margin:0 auto;
	padding:25px;
	background-color: #A3BCCB;
	text-align: center;
	color:#fff;
	margin-top:50px;
}

#menuMobil {
	display:none;
}

#menu, #footer {
text-align:center;
padding-top:20px;
letter-spacing: 0.2em;
text-transform: uppercase;
font-family: FinalistRoundSlab-75Bold;
font-weight: normal;
font-style: normal;
font-size:0.9rem;
}

#content {
font-size:1.2rem;
line-height:1.9;
letter-spacing: 0.2em;
font-size-adjust:0.6;
max-width:1000px;
margin:0 auto;
}

/*left -> Startseite */
.left {
margin: 0 0  !important;
}

.slider {
margin-top:15px;
width:1000px !important;
margin-left:0px;

}

#logoSlider {
position:absolute;
margin-top:-120px;
margin-left:0px;
z-index:9999 !important;
}

#social {
margin-top:25px;
margin-bottom:25px;
}

.gross {
font-size:2.3rem;
line-height:1.4;
letter-spacing: 0.2em;
font-size-adjust:0.5;
}

.klein {
font-size:0.9rem;
line-height:1.4;
letter-spacing: 0.2em;
font-size-adjust:0.5;
}

.footerSmall {
font-size:0.8rem;
text-transform: none;
margin-top:30px;
}

.slicknav_menu { display:none; }

.float {
float:left;
}

.active {
text-decoration: underline;
}

a.active:link {
text-decoration: underline !important;
}


/*FARBE*/
.grau { color:#808284 !important; }
.orange { color:#D09D50 !important;}
.rot1 { color:#BB4F41 !important; }
.rot2 { color:#D35571 !important; font-size:1.05rem; margin-top:-10px !important; padding-top:0 !important; }
.rot3 { color:#D35571; }
.blau { color:#4496D1 !important; }
.gruen { color:#00B186 !important; }

/* NAVI TOP */
#menu nav ul, #footer ul {
	list-style: none;	
}

#menu li, #footer li {
display: inline;
}

#menu li {
	margin-right:0px;
}
	
#menu li:after {
    content: "·"; 
 	padding-right: 10px;
	padding-left: 10px;
}

#menu li:last-child:after {
 content: ""; 
 padding-right: 0px;
}
#footer li {
	margin-right:0px;
}
	
#footer li:after {
    content: "·"; 
 	padding-right: 10px;
	padding-left: 10px;
}

#footer li:last-child:after {
 content: ""; 
 padding-right: 0px;
}

/* LINKS */
a:active, a:focus {outline: none !important;}

a img{
   border:0 !important;
}

img {
   border:0 !important;
}
img { border-style: none !important; }

a img { border:none !important; }

a { outline:none !important; }

a:link {
	color: #302F37;
	text-decoration: none;
}
a:visited {
	color: #302F37;
	text-decoration: none;
}
a:active {
	color: #302F37;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #000;
}

a.rotLink:link {
	color:#D35571;
	text-decoration: underline;
}
a.rotLink:visited {
	color:#D35571;
	text-decoration: underline;
}
a.rotLink:hover {
	color:#000;
	text-decoration: underline;
}

a.blauLink:link {
	color:#6B8490;
	text-decoration: underline;
}
a.blauLink:visted {
	color:#6B8490;
	text-decoration: underline;
}
a.blauLink:hover {
	color:#000;
	text-decoration: underline;
}


#footer a:link {
	color: #fff;
	text-decoration: none;
}
#footer a:visited {
	color: #fff7;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
	color: #000;
}


.slicknav_menu {
	display:none;
}



/*SMARTPHONE*/
@media screen and (max-width: 480px) {
#nav {
		display:none;
	}
	
.slicknav_menu {
		display:block;
	}
	
img {
    max-width: 100%;
    height: auto;
}	

#logoLinksOben {
position: absolute;
left:15px;
top:7px;

}


.gross {
font-size:2.3rem;
line-height:1.4;
letter-spacing: 0.2em;
font-size-adjust:0.5;
}
#container {
	max-width:100%;/*1200 - 25px padding links und rechts */
	margin:0 auto;
	padding-left:10px;
	padding-right:10px;
	padding-top:30px;
}
#content {
font-size:1.2rem;
line-height:1.9;
letter-spacing: 0.15em;
font-size-adjust:0.6;
max-width:100%;
margin:0 auto;
}

/*left -> Startseite */
.marginLinks {
}


#content img:first-child {

}

#menu {
text-align:center;
padding-top:20px;
letter-spacing: 0.2em;
text-transform: uppercase !important;
font-family: FinalistRoundSlab-75Bold;
font-weight: normal;
font-style: normal;
font-size:0.9rem;
}



.slider {
margin-top:15px;
width:480px !important;
max-width:480px !important;
margin-left:-30px !important;
}
.slider div img {
max-height:150px !important;
}

#logoSlider {
width:120px;
position:absolute;
margin-top:-50px;
margin-left:-40px;
}


}




/*TABLET (IPAG) PORTRAIT*/
@media screen and (min-width: 481px) and (max-width:768px) {
#nav {
		display:none;
	}
	
.slicknav_menu {
		display:block;
	}
	
img {
    max-width: 100%;
    height: auto;
}	

#logoLinksOben {
position: absolute;
left:15px;
top:7px;

}


.gross {
font-size:2.3rem;
line-height:1.4;
letter-spacing: 0.2em;
font-size-adjust:0.5;
}
#container {
	max-width:100%;/*1200 - 25px padding links und rechts */
	margin:0 auto;
	padding-left:10px;
	padding-right:10px;
	padding-top:30px;
}
#content {
font-size:1.2rem;
line-height:1.9;
letter-spacing: 0.15em;
font-size-adjust:0.6;
max-width:100%;
margin:0 auto;
}

#content img:first-child {

}

#menu {
text-align:center;
padding-top:20px;
letter-spacing: 0.2em;
text-transform: uppercase !important;
font-family: FinalistRoundSlab-75Bold;
font-weight: normal;
font-style: normal;
font-size:0.9rem;
}

.slider {
margin-top:15px;
width:768px !important;
max-width:768px !important;
margin-left:-30px !important;
}
.slider div img {
max-height:250px !important;
}

#logoSlider {
width:120px;
position:absolute;
margin-top:-80px;
margin-left:-40px;
}
#footer li:after {
    content: "·"; 
 	padding-right: 7px;
	padding-left: 7px;
}


}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 

#nav {
		display:none;
	}
	
.slicknav_menu {
		display:block;
	}
	
img {
    max-width: 100%;
    height: auto;
}	

#logoLinksOben {
position: absolute;
left:15px;
top:7px;

}

.slider {
margin-top:15px;
width:1024px !important;
max-width:1024px !important;
margin-left:-30px !important;
}
.slider div img {
max-height:250px !important;
}


}
