﻿html, body {
    
overflow-x: hidden;

}

* {
	margin: 0;
	padding: 0;
	}
body {
	margin: 0 auto; 
	width: 90%;
	height: 100%;
	font-family: "Cuprum", "Arial", sans-serif;
	font-size: 110%; /* 15px : 16 • 100 */
	line-height: 130%;
	color: #666;
	background-color: #f6ede0;
/*	background-color: #f7e2cf; */
	}
	
	
/* 	Element-Selektoren  -------------------------------------------------------------------------------------------------------------------- */	

h1 {
	padding: 1.125em 0 0.75em 0;
	font-size: 2.125em; 
	text-align: center;
	color: #ebbf92;
	}
h1 a {
	color: #ebbf92;
	}
h2 {
	display: none;  
	visibility: hidden; 
	width: 0;
	height: 0; 
	overflow: hidden; 
	}
h3 {
	font-size: 1.25em; 
	}
h4 {
	padding: 1.25em 0 1em 0;
	font-size: 1.25em;
	text-align: center;
	color: #e6a28e;
	border-top: 1px solid #f7e2cf;
	border-bottom: 1px solid #f7e2cf;
	}	
h4 a {
	color: #e6a28e;
	}		
h6 {
	font-weight: normal;
	padding: 1.25em 0 1em 0;
	font-size: 1.12em;
	text-align: center;
	color: #e6a28e;
	border-top: 1px solid #f6ede0;
	border-bottom: 1px solid #f6ede0;
	}		
p {
	margin-bottom: 0.5em;
	font-size: 1.125em; 
	}	
p a {color: #666;}
a {text-decoration: none;}
a.farbig {color: #f2cda6;}
a.farbig2 {color: #e6a28e;}
a img, img a, p a img, p img a {border: none;}

ul li {margin-left: 15px;}			
ul li a {text-decoration: none; display: block;}	
	
hr {
	margin: 1em 0; 
	color: gray; 
	height:1px; 
	border: none;
	}
iframe {
	margin: 0.5em 0 0 -0.5em;
	overflow: hidden;
	width: 100%;
	height: 700px;
	border: none;
	border-top: 1px solid #ccc;
	}	
/*	
form  {
	margin-bottom: 1em;
	padding: 5% 7%;
	border: 1px solid #ccc;
	border-radius: 10px;
	}
form p {
	margin-top: 2%;
	padding-top: 2%;
	width: 90%;
	height: 1em;
	}
input, textarea, select {
	margin: 1% 0;
	width: 90%;
	font-family: "Cuprum", "Arial", sans-serif;
	font-size: 1.125em; 
}
input[type="text"] {
	height: 1.5em;
	border: 1px solid #666;
	}
input[type="submit"] {    
	margin: 0.5em 0;
	height: 1.75em;
	font-weight: bold;
	color: #666;
	background-color: #eee;
	border: 1px solid #666;
	}
textarea {
	height: 5em;
	border: 1px solid #666;
	}	
*/
/*  ------------------------------------------------------------------------------------------------------------------------- */
	
header,section,article,footer {
	padding: 5px;
	background-color: #fff;
	}	
	
header {
	margin-top: 20px;
	border-top-left-radius: 18px;
	border-top-right-radius: 18px;
	}	
header nav 
	{display: none; visibility: hidden; width: 0; height: 0; overflow: hidden !important;}
section {
	border-bottom-left-radius: 18px;
	border-bottom-right-radius: 18px;
	}	
section nav {
	display: none; visibility: hidden; width: 0; height: 0; overflow: hidden !important;
	}
section h2 {
	display: none; visibility: hidden; width: 0; height: 0; overflow: hidden !important;
	}	
article {
	padding-bottom: 10px;
	background-color: #fff;
	}	
article h3 {
	padding: 10px 0 20px 0;
	border-bottom: 2px dotted #ccc;
	}
article img {
	
	text-align: center;
	}		
footer {
	margin: 10px auto;
	padding: 8px 10px 10px 10px;
	text-align: center;
	font-size: 1.125em;
	letter-spacing: 1px;
	font-weight: bold;
	background-color: #fff;
	border-radius: 15px;
	}
footer a {
	color: #666;
	}
		
		
/* IDs ------------------------------------------------------------------------------------------ */

#logo {
	margin-top: 1em;
	width: 100%;
	text-align: center;
	}	

#mNav {
	margin-bottom: 1em;
	padding: 0 10%;
	text-align: left;
	font-size: 1.25em;
	font-weight: bold;
	letter-spacing: 1px;
	color: #666;
	background-color: #fef2e7;
	}
#mNav ul {
	padding: 0.5em 0 1em 0;
	list-style: none;
	}
#mNav ul li a {
	margin-left: -15px;
	padding: 5px 0;
	color: #666;
	border-bottom: 1px solid #ccc;
	}
	
#akkordeon h5  {font-size: 1em; font-weight: normal; color: #666;}
#akkordeon p {font-size: 1em; color: #888;}


/* K l a s s e n  -------------------------------------------------------------------------------- */
	
	
.logo1 {
	width: 95%;
	}	
.logo2 {
	width: 100%;
     display: none;
	}
.logo img {
	width: 100%;
	}
.navMob {
	margin: 0.5em auto 0.5em auto;
	width: 80%;
	height: 3.5em;
/*	height: 50px;*/
	background: url(img/mbuttons.png) 50% 0 no-repeat;
	background-size: contain;
	}
.navMob p {
	float:left;
	margin-right: 3.75%;
/*	width: 16.3%;*/
	width: 17%; 
	height: 3em;
/*	border: 1px solid red; 
/*	background-color: red; */
	}
.navMob p:nth-child(5) {margin-right: 0;}
.navMob p img {width: 100%; height: 3em;}

.aAngebote {
	padding-left: 10%;
	padding-top: 10px;
	height: 80px;
	text-align: left;
	font-size: 1.25em;
	letter-spacing: 0;
	color: #666;
	}
.aAngebote a{
	color: #666;
	}
.mBehandlung {
	margin: 1em 0;
	padding: 15px 0 0 0;
	font-size: 0.9em;
	border-bottom: 1px solid #999;
	}
.mBehandlung p {
	font-size: 1.25em;
	font-weight: bold;
	text-align: center;
	}
.achtung	{
	margin-bottom: 0.5em;
	padding: 5% 7% 3% 7%;
	color: #f0f;
	border: 1px solid #f0f;
	border-radius: 10px;
	}
.achtung img	{
	width: 28px;
	height: 20px;
	}	
.ok	{
	margin-bottom: 1em;
	padding: 5% 7% 3% 7%;
	color: #06c;
	border: 1px solid #06c;
	border-radius: 10px;
	}
.footer2 {
	margin-top: 2.5em;
	padding-top: 1em;
	height: 2.5em;
	font-size: 0.9em;
	font-weight: bold;
	border-top: 1px dotted #ccc;
	}
.footer2 p:first-child {float: left;}
.footer2 p:nth-child(2) {float: right;}
.footer2 p a {color: #bbb;}

.weiter {color: #e6a28e;}

.noMob {display: none; visibility: hidden; width: 0; height: 0; overflow: hidden !important;}
@media screen and (max-width: 360px) {	
	.noMobKl {display: none; visibility: hidden;  width: 0; height: 0; overflow: hidden !important;}
	}
.noWrap {white-space: nowrap;}

.farbig {color: #f2cda6;}
.farbig2 {color: #e6a28e;}
/* .farbig2 {color: #ebbf92;} */
.mGrau {color: #bbb;
    display: none;
}

.mFlL {float: left;}
.mFlR {float: right;}
.mTxtC {text-align: center;}

.mPadT10 {padding-top: 10px;}
.pad2p {padding: 2%;}
.h200 {height: 200px;}
.mTxtC {text-align: center;}
.mBig {font-size: 1.25em;}

