html, body{width:100%;height:100%;}
*{box-sizing:border-box;}
body{background:#ffffff;font-family:Arial, Verdana, Helvetica, sans-serif;font-size:1em;color:#333;padding:0;margin:0;display:table;}
header{display:table-row;width:100%;background-image:url("../images/grau.svg");background-repeat: no-repeat;background-size: cover;background-position:0em 0em;}
.header{display:table-cell;vertical-align:middle;padding:10px;}
.untertitel{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:13px;font-weight:bold;color:#333333;margin:auto;}
#container{margin:0 auto;height:auto;height:100%;min-height:100%;width:100%;}
p{text-align:left;line-height:1.4em;}
li{text-align:left;line-height:1.4em;}
h3{font-family:Arial, Verdana, Helvetica, sans-serif;font-size:16px;font-weight:bold;vertical-align:middle;color:#cc024c;margin:auto;padding-left:0;}
h4{font-family:Arial, Verdana, Helvetica, sans-serif;font-size:14px;font-weight:bold;vertical-align:middle;color:#cc024c;margin:auto;padding-left:0;}
h5{font-family:Arial, Verdana, Helvetica, sans-serif;font-size:13px;font-weight:bold;line-height:1em;margin-top:0.3em;color:#cc024c;text-align:left;}
h2, h1{font-family:Arial, Verdana, Helvetica, sans-serif;font-size:16px;font-weight:bold;vertical-align:middle;background:none;color:#cc024c;color:#2d1b45;text-align:left;padding-top:5px;padding-bottom:5px;}
a{color:#cc024c;color:#2d1b45;}
/*img{width:auto;height:auto;max-width:100%;}*/
img{width:100%;height:auto;max-width:auto;}
h1.logo, h2.untertitel {width:100%;line-height:1.1em;margin:5px;padding:5px;text-align:center;}
h1.logo a, h2.untertitel a{margin-left:0;color:#9f053d;text-decoration:none;font-size:12px;}
h1.logo a {text-transform:uppercase;font-size:14px;}
.indent{margin-left:50px;}
#mobilebutton{width:100%;display:block;height:3.1em;background-color:#d5d5d5;margin:0;padding-top:4px;}
.menu{width:100%;position:relative;display:inline-block;padding:10px;padding:0;}
.menu ul.active{display:none;}
.menu ul{width:100%;position:relative;top:0;left:0;padding:0;box-shadow:0px 1px 1px rgba(0,0,0,0.15);border-radius:0;background:#cc024c;margin-top:0;}

/*.menu ul:after{width:0px;height:0px;position:absolute;top:0;left:22px;content:'';transform:translate(0%, -100%);border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #fbbb63;}*/
.menu li{margin:5px 0 5px 0;padding-top:0;padding-bottom:0;float:none;display:block;border-top:1px solid #e5e5e5;}/*übertragen*/
.menu li ul{top:5px;}/*übertragen*/
.menu a{padding-left:25px;display:block;text-decoration:none;font-size:1em;color:#fff;font-weight:bold;padding-bottom:10px;padding-top:10px;}
a.kontaktmobile{padding:5px;margin-top:3px;border:1px solid #cc024c;text-decoration:none;color:#cc024c;font-weight:bold;font-size:14px;border-radius:3px;float:right;margin-right:15px;}
.toggle-nav{padding:5px;padding-top:0;float:left;line-height:1em;margin-left:18px;box-shadow:0px 1px 1px rgba(0,0,0,0.15);border-radius:3px;background:#cc024c;color:#ffffff;font-size:30px;transition:color linear 0.15s;text-decoration:none;}
.toggle-nav:hover, .toggle-nav.active{text-decoration:none;}
.dropdown{position:relative;display:inline-block;}
.dropdown-content{display:none;position:relative;background-color:#e1e1e1;min-width:100%;margin:0;padding:0;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);}
.dropdown-content a{padding:6px 37px;text-decoration:none;display:block;background-color:#e1e1e1;color:#333;min-width:100%;box-shadow:none;border-bottom:1px solid #ccc;}
.hm:hover .dropdown-content{display:block;}
.starticon {visibility: hidden;}
.starticon img {width:100%;}

.ce-gallery figcaption{caption-side:top;}
.ce-gallery figcaption a {font-size:1em;font-weight:bold;color:#333333;text-decoration: none;}
.ce-gallery{width: 100%;}
.ce-bodytext img{max-width: 130px;}
.clear {clear: both;}


#textbereich{width:90%;padding-right:5%;padding-top:0;}
#inhalt{width:90%;padding-right:5%;padding-top:20px;}
#textbereich ul{padding:0;padding-left:20px;}
#textbereich li{margin:0.5em 0;text-align:left;list-style-type:disc;padding-left:10px;padding-top:0;margin-top:0;}
#haupttext{margin:0 auto;height:100%;padding:0;width:90%;}
#textrechts {display:block; clear: left; text-align: right;margin-top:0;border-bottom: 1px solid #ccc;padding: 10px;}
#textrechts a {display:block;color:#333;font-weight:normal;margin-bottom:0.5em;}

footer{display:table-row;text-align:left;padding-bottom: 20px;background:#e5e5e5;}
p.fuss{text-align:left;font-weight:normal;color:#000;line-height:1.4em;padding-top:10px;margin-left:6%;}
.galerie img {height:135px; max-width:auto; width:auto;}
li.um1 {padding: 0;margin:0;}
.kursangebot th {
	min-width: 150px;
}
.kursangebot td, .kursangebot p  {
	text-align: center;
}
.buchtipps img {width: 50px; height: auto;}
	

@media screen and (max-width:767px) {
	h2.untertitel {
		display: none;
	}
	.bg-image {
/*display: none;*/
width:100px;
height: auto;
float: right;
margin-right:5%;
margin-top:-80px;
}
.galerie img {
	width:auto;
	height:auto;
	max-width: 100%;
}


}
@media screen and (min-width:768px){
h1.logo a {font-size:22px;}
h2.untertitel a {font-size:16px;}
h1.logo, h2.untertitel{margin-left:0;width:100%;text-align:center;padding:5px;padding-left:0;}
img{height:auto;width:auto;max-width:100%;}
header{padding:20px;margin:0;height:10em;}
#textbereich{padding-top:50px; width:100%;}
#haupttext{display: block;margin-left:6%;padding:1%;background:#ffffff;max-width:80%;}
#Inhalt{margin-left:0;padding:1%;padding-left:5%;width:5%;}
.menu{display:block;margin:0;}
.toggle-nav, #mobilebutton{display:none;}
.menu ul{list-style:none;width:100%;margin:0;padding:0;background:transparent;border:none;}
.menu ul.active{display:block;position:absolute;}
.menu ul:after{display:none;}/*kleiner Pfeil*/
.menu ul > li{display:inline;float:left;text-align:center;width:23.72%;padding:0;margin:0;position:relative;border-bottom:0;border-left:1px solid #ccc;background:#cc024c;}
.menu ul:before,.nav ul:after{content:"";display:table;}
.menu ul:after{clear:both;}

.menu a{display:block;padding:10px 5px;line-height:1.2em;}
.menu a:hover{text-decoration:none;background:#cc024c;color:#fff;font-weight:bold;}
.menu li ul{background:#e1e1e1;}
.menu li ul li{width:100%;}
.menu li ul a {width:100%;display:inline-block;border:none;color:#333;border-top:1px solid #d3d3d3;}
.menu li ul{position:absolute;left:0;top:37px;z-index:2;}

.menu ul > li:hover ul li{max-height:150px;}
.dropdown-content{z-index:100;}
.bg-image{
	position:fixed;
	bottom:0;
	right:0;
	z-index:5;
	width:200px;
	
}
#textrechts {margin-top:0;}
#textrechts a {display:inline;color:#cc024c;font-weight:bold;margin-bottom:1em;margin-left:1em;}
.starttext {visibility:hidden;}
.starticon {visibility:visible;width:100%;padding:0; margin:0;color:#cc024c;}
.menu li.hm.start {width:5.1%; background-image: url("../images/icon_home1.svg");background-repeat: no-repeat;background-size:50% auto;background-position:center center;}
.menu li.hm.start a:hover {background:transparent;}
footer{margin-left:0;text-align:left;background:#e5e5e5;height:10em;}
p.fuss{float: left;width:40%;}
.ce-gallery .ce-column{margin:0;padding-bottom:0;padding-top:5px;padding-left:2px;padding-right:2px;box-sizing:border-box;}
.ce-gallery .ce-column:first-child{padding-left:0;padding-right:4px;}
.ce-gallery .ce-column:last-child{padding-right:0;padding-left:4px;}
.ce-gallery[data-ce-columns="2"] .ce-column{width:50%;float:left;}
.ce-gallery[data-ce-columns="3"] .ce-column{width:33.333%;float:left;}
.ce-gallery[data-ce-columns="4"] .ce-column{width:25%;float:left;}
.ce-gallery[data-ce-columns="5"] .ce-column{width:20%;float:left;}
.ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery{width:40%;}
.ce-bodytext img{max-width: 100%; text-align:center;}

.portrait {display:inline;}
.portrait img {max-height:280px; width: auto; max-width: 230px;  padding-right:20px;float: left;}
.menu a {font-size:1em;}

}


@media screen and (min-width:1200px)
{
body{ 
background-image: 
url("../images/figurklein.png"),
	url("../images/rot.svg"); 
background-repeat: 
	no-repeat, 
	repeat-y; 
background-size: 
	13em,
	13em;
background-position: 
	bottom left,
	top left;
background-attachment:
fixed,
scroll;
	}
	

header{border-bottom:10px solid#fff;margin-left:0;display:table-row;width:100%;background-image:url("../images/grau.svg"),url("../images/grau.svg");background-repeat: repeat-y, no-repeat;background-size: 13em,cover;background-position:0em,13.85em;}
.menu li.hm a {font-size:1em;}
h1.logo a {font-size:24px;letter-spacing:0.05em;}
h2.untertitel a {font-size:19px;}
h1.logo, h2.untertitel{margin-left: 20%;width:80%;padding:10px;padding-left:0;text-align:left;}
img {height:auto;width:auto;max-width:100%;}
nav {float: left;width:20%;}
#textbereich{float:left;width:80%;padding:0;display:inline;padding-bottom:0;}
#haupttext{margin:0;margin-left:6em;background:#ffffff;max-width:70%;}
.menu{float:left;margin:0;width:13em;}
.toggle-nav, #mobilebutton{display:none;}
.menu ul{list-style:none;width:13em;float:left;margin:0;padding:0;background:transparent;border:none;box-shadow:none;}
.menu ul.active{display:block;position:relative;width:13em;}
.menu ul:after{display:none;}
.menu li{position:relative;}
.menu ul:before,.nav ul:after{display: none;}
.menu ul > li{width:100%;padding:0;position:relative;background:#cc024c;border-top:1px solid #fff;border-left:none;}
.menu a {display:block;padding:10px 15px;line-height:1.2em;text-align:left;}
.menu a:hover{text-decoration:none;background:#cc024c;}
.menu li ul{background:#e1e1e1;width:13em; margin-left:13em;float:left;}
.menu li ul li{width:100%;position:relative;}
.menu li ul a{width:100%;display:block;border:none;color:#000;padding:10px 5px;line-height:1.2em;border-bottom:1px solid #d3d3d3;}
.menu li ul a:hover{color:#fff;}
.menu li ul{position:absolute;left:0;top:0;z-index:2;}

.menu ul > li:hover ul li{max-height:150px;}
.dropdown-content{z-index:100;}
.dropdown{position:relative;display:inline-block;}
/*.dropdown-content{display:none;position:relative;background-color:#e1e1e1;float: left;width:10em;margin:0;padding:0;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);}*/
.dropdown-content{position:absolute;left:-9999px;top:0;background-color:#e1e1e1;}
.dropdown-content a{padding:6px 16px;text-decoration:none;display:block;background-color:#e1e1e1;min-width:100%;box-shadow:none;border-bottom:1px solid #ccc;}
/*.hm:hover .dropdown-content{display:block;float: left;width:10em;}*/
.hm:hover .dropdown-content{left:0;}
footer{background:transparent;}
p.fuss{float: left;width:40%;margin-left:20em;border-top:1px solid #cc024c;}
.starticon {display: none;}
.starttext {visibility:visible;}
.menu li.hm.start {display:block;width:100%;background:#cc024c;border-top:10px solid #ffffff;}
#textrechts {float: right;margin-top:65px;border-left: 1px solid #ccc;padding-left: 30px;}
#textrechts a {display: block;color:#cc024c;font-weight:bold;margin-bottom:1em;}
.bg-image{width:250px;margin-right:5%;}

}
/*
/* Für IE 7: in eigene Datei oder hack       
.menu li {
  float:left;
   width:100%;
}*/ 
/* Für IE 6 
.menu ul {
  position:relative;
  top:0;
  left:0;
  width:10em; 
}
.menu ul ul  a {
 padding-left:20px;
 }
.menu a {
 height:1%;
 }
*/