@import url("./css/rahmen.css");
@import url("./css/form.css");
@import url("./font/font.css");
@import url("./css/cockie.css");

/* Gilt nur für dne Druckmodus */
@media print {
  header, nav, #footer, .no-druck, #sidebar, #sidebar-bottom, #breathcum {
    display: none !important;
  }
  #content {
	margin:auto !important;
	width: 100% !important;
	border:none !important;
  }
  #main {
	width:100% !important;
	box-shadow: 0px 0px 0px 0px white !important;
  }
}

* {
	box-sizing: border-box;
}	
html, body {
	margin:0px;
	width:100%;
	height:100%;
	font-family: Arial;
}	
.mein_Slider {
	margin:auto;
}

a.sidebar{
	color:white;
	background-color: gray;
	padding:4px;
	margin:auto;
	display:block;
	width:200px;;
	border-radius:5px;
	text-decoration: none;
	transition: 0.5s;
	font-size:1em !important;
}
a.sidebar:hover{
	background: rgba(108,108,100,0.9);
	color:white;
}
.spezial {
	float: left;
	width:49%;
}
.spezial:last:after {
	clear:both;
	content: "\A";
}
body {
	margin:0px auto;
	/*background-image: linear-gradient(90deg, transparent 50%, transparent, rgba(0, 0, 255, 0.4) 50%);*/
	background-size: 24px;
	color:black;
	font-size:1em;
}
h2 {
	font-family: Daniela;
	font-size:2.5em;
	font-weight:300;
	letter-spacing:0.05em;
	margin-top:2em;
}
h1, h2, h3, h4, h5, ul, p, li {
	margin:0px 0px 5px 0px;
	hyphens:auto;
}
#main {
	display:flex;
	flex-wrap:wrap;
	align-items: flex-start;
	width:90%;
	margin:auto;
	margin-bottom:20px;
	background: transparent;
}
#breathcum {
	background-color: rgba(128,128,90,0.8);
	color:goldenrod;
	border-radius: 5px;
	box-shadow:2px 2px 5px goldenrod;
	padding:5px;
	margin-bottom:5px;
}
#content {
	position:relative;
	min-height:200px;
	padding:10px;
	background-color:rgba(255,255,255,0.8);
	border-radius: 5px;
	box-shadow:0px 0px 15px 5px white;
	width:73%;
	margin-left:20px;
}
#content img {
	box-shadow:0px 0px 15px 5px #AAA;
	border-radius: 8px;
}
#sidebar {
	width: 25%;
	min-height:200px;
	background-color: rgba(168,158,100,0.9);
	color:white;
	border-radius: 5px;
	text-align:center;
	padding: 20px;
	box-shadow:0px 0px 15px 5px white;
}
#sidebar img{
	width:90%;
}
.button_side{
	color:rgba(249, 231, 189, 1.0);
	background-color: gray;
	padding:4px;
	margin:auto;
	display:block;
	width:200px;;
	border-radius:5px;
	text-decoration: none;
	transition: 0.5s;
}
.button_side:hover{
	background: rgba(168,158,100,0.9);
	color:white;
}
#footer {
	flex: 1 1 100%;
	background-color:  rgba(168,158,100,0.9);
	color: white;
	text-align:left;
	margin-top:20px;
	padding:2px 20px;
	border-radius: 5px;
	box-shadow:0px 0px 15px 5px white;
}
#footer a{
	color: white;
	padding:2px 10px;
}
.spalte {
	column-count: 2;
	-moz-column-count: 2;
	column-count: 1;	
	text-align:justify;
	margin:5px;
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}
.spalte p {
	margin-top:0px;
}
.error {color:red; font-wieht:bold;}

/* Checkbox verstecken */
input#responsive-nav,
label.responsive-nav-label {
  display: none;
}

/* Einstellungen für das  nicht-responsove-menu 
	NAVIGATION
*/

#sidebar_bottom {
	display: none;
}
nav {
  flex: 1 1 100%;
  margin: 0px;
  margin-top:0px;
  padding:10px;
  background: transparent;
  font-size: 18pt;
  text-align:center;
}
nav ul {
	margin:0px;
	padding:0px;
}
nav ul li {
	display: inline-block;
	list-style-type:none;
	padding:3px;
	position:relative;
	margin:5px;
	background-color: gray;
	padding: 10px 15px;
	color:white;
	border-radius:5px;
	transition: 0.5s;
	box-shadow:0px 0px 15px 5px white;
}

nav ul li a {
	text-decoration: none;
	padding:0px 5px;
	color:white;
}
nav ul > li.submenu > a:after {
  position: relative;
  float: right;
  content: '';
  margin-left: 0px;
  margin-top: 5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #fff;
  border-bottom: 5px solid transparent;
}

nav ul ul li.submenu > a:after {
  margin-left: auto;
  margin-right: -10px;
  border-left: 5px solid #fff;
  border-right: 5px solid transparent;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}
nav ul ul {
  position: absolute;
  top: -9999px;
  left: -9999px;
  background: rgba(155,155,155,0.7);
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
  opacity : 0;
  transition: opacity 0.6s ease-in-out;
}
nav ul ul li {
  float: none;
  width: 250px;
  margin:5px 5px 0px 5px;
}
nav ul ul li:last-child {
	margin:5px;
}

nav ul ul li a {
  display:block;
  padding: 0px 20px;
}

nav ul ul li:last-child {
  border-bottom: none;
}
nav ul li:hover {
  background: rgba(168,158,100,0.9);
}
nav ul li:hover > ul {
  top: 100%;
  left: 0px;
  border-radius:4px;
  opacity: 1;
  z-index: 2;
}

nav ul ul li:hover > ul {
  top: 0;
  left: 200px;
}
nav li.aktiv  {
	background-color:rgba(168,158,100,0.9);
	color:white;
}
nav li.aktiv  > a{
	color:white;
}
.spalte {
	xborder: 1px black solid;
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 30px;
	-moz-column-gap: 30px;
	column-gap: 30px;
	-webkit-column-rule: 1px solid;
	text-align:justify;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}
.spalte p {

}
section {clear:both;}