@charset "utf-8";
/* CSS Document */

.feld-error {
	background-color: #fdded0 !important;
	border-width: 2px !important;
	border-style: solid;
	border-color: #df2626 !important;
}

.bg-error {
	background-color: #FF0000;
}

.bg {
	background-color: #37596d;
}

.bg-rot {
	background-color: #bf4354;
}

.rot {
	color: #bf4354;
}

.hellrot {
	color: #f9eae8;
}

.weiss {
	color: #ffffff;
}

.blau {
	color: #37596d;
}

.grund {
	background-color: #ffffff;
	overflow: hidden;
}

.inhalt {
	background-color: rgba(255,255,255,0.3);
	float: left;
}

.buchen {
	background-color: rgba(255,255,255,0.9);
	float: left;
	border: 1px solid #37596d;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); /* CSS3 */
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); /* Firefox */
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); /* Chrome, Safari */
	-khtml-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); /* Konqueror */
}

.seminare {
	clear: both;
	background-color: rgba(72,58,71,0.15);
	overflow: hidden;
}

body,
p,
h1.seminartitel {
	font-family: 'Open Sans';
	font-weight: normal;
	text-overflow: ellipsis;
	text-align: left;
	color: #555555;
}

h1.seminartitel,
h1.headline,
h2.headline,
h3.radio {
	font-weight: bold;
	text-align: left;
}

.leitung {
	background-color: rgba(72,58,71,0.2);
	overflow: visible;
	text-align: left;
}

.idiv {
	overflow: hidden;
}

ul {
	text-align: left;
}

hr {
	border-top: 1px #37596d solid;
}

hr.hrweiss {
	border-top: 1px #ffffff solid;
}

@media (max-width: 479px) {
	.bg-error {
		padding: 0 4vw 2vw 4vw;
	}
	.layout {
		width: 96vw;
	}
	.idiv {
		clear: both;
		padding: 6vw 0 6vw 0;
	}
	.fusszeile {
		padding: 2vw;
	}
	.grund {
		margin-top: 3vw;
		padding: 1vw 2vw 2vw 2vw;
		background-image: url(../images/titelbild_mobile.jpg);
		background-position: top;
		background-repeat: no-repeat;
		background-size: contain;
		border-radius: 0.8vw;
		-moz-border-radius: 0.8vw;
		-webkit-border-radius: 0.8vw;
	}
	.inhalt {
		width: 100%;
		margin-top: 39vw;
		margin-right: 2vw;
		padding: 1vw 3vw 3vw 3vw;
		box-shadow: 0 -0.5vw 0.1vw rgba(0, 0, 0, 0.2); /* CSS3 */
		-moz-box-shadow: 0 -0.5vw 0.1vw rgba(0, 0, 0, 0.2); /* Firefox */
		-webkit-box-shadow: 0 -0.5vw 0.1vw rgba(0, 0, 0, 0.2); /* Chrome, Safari */
		-khtml-box-shadow: 0 -0.5vw 0.1vw rgba(0, 0, 0, 0.2); /* Konqueror */
		border-radius: 0.8vw;
		-moz-border-radius: 0.8vw;
		-webkit-border-radius: 0.8vw;
	}
	.buchen {
		position: relative;
		width: 100%;
		border: 0.5vw solid white;
		border-radius: 0.8vw;
		-moz-border-radius: 0.8vw;
		-webkit-border-radius: 0.8vw;
	}
	.buchen_leer,
	.buchen_voll {
		padding: 2vw 3vw 3vw 3vw;
	}
	.logo1 {
		width: 50%;
	}
	.logo2 {
		clear: both;
		width: 100%;
		text-align: center;
	}
	h1.headline,
	h2.headline {
		font-size: 5vw;
		line-height: 140%;
	}
	h1.seminartitel {
		font-size: 4.5vw;
		line-height: 120%;
	}
	ul, p, select, .accordion, .submit {
		font-size: 4vw;
		line-height: 140%;
	}
	ul {
		padding: 0 1vw 0 2vw;
	}
	li {
		margin: 0.5vw 0 0.5vw 0;
	}
	.kleintext {
		font-size: 3vw;
		line-height: 125%;
	}
	.seminare {
		margin-bottom: 4vw;
		padding: 1vw 3.5vw 3.5vw 3.5vw;
		border-radius: 1vw;
		-moz-border-radius: 1vw;
		-webkit-border-radius: 1vw;
}
	.thumb {
		padding-right: 3vw;
		float: left;
		width: 38vw;
	}
	.box_oben {
		margin-top: 1.5vw;
		padding: 0.5vw 3vw 0.5vw 3vw;
	}
	.leitung {
		margin-bottom: 2vw;
		padding: 0.5vw 3vw 0.5vw 3vw;
	}
	.submit {
		clear: both;
		margin: 0 0 4vw 4vw;
	}
	.buchungsfelder,
	.textarea {
		width: 100%;
		margin-bottom: 2vw;
	}
	.zahlfelder {
		width: 50%;
		margin-bottom: 0.5vw;
	}
	.textarea {
		height: 30vw;
	}
	.logo-Q-Pool {
		height: 40vw;
		float: right;
		padding: 0 0 4vw 4vw;
	}
	.logo-vorteile {
		height: 40vw;
		float: left;
		padding: 0 4vw 4vw 0;
	}
	.logo-inklusive {
		width: 44vw;
		float: right;
		padding: 0 0 4vw 4vw;
	}
}

@media (min-width: 480px) and (max-width: 799px) {
	.bg-error {
		padding: 0 3vw 1.5vw 3vw;
	}
	.layout {
		width: 90vw;
	}
	.idiv {
		clear: both;
		padding: 3vw 0 3vw 0;
	}
	.fusszeile {
		padding: 2vw;
	}
	.grund {
		margin-top: 3vw;
		padding: 1vw 2vw 2vw 2vw;
		background-image: url(../images/titelbild_mobile.jpg);
		background-position: top;
		background-repeat: no-repeat;
		background-size: contain;
		border-radius: 0.8vw;
		-moz-border-radius: 0.8vw;
		-webkit-border-radius: 0.8vw;
	}
	.inhalt {
		width: 86vw;
		margin-top: 35vw;
		margin-right: 2vw;
		padding: 1vw 2vw 3vw 2vw;
		box-shadow: 0 -0.5vw 5px rgba(0, 0, 0, 0.2); /* CSS3 */
		-moz-box-shadow: 0 -0.5vw 5px rgba(0, 0, 0, 0.2); /* Firefox */
		-webkit-box-shadow: 0 -0.5vw 5px rgba(0, 0, 0, 0.2); /* Chrome, Safari */
		-khtml-box-shadow: 0 -0.5vw 5px rgba(0, 0, 0, 0.2); /* Konqueror */
		border-radius: 0.8vw;
		-moz-border-radius: 0.8vw;
		-webkit-border-radius: 0.8vw;
	}
	.buchen {
		position: relative;
		width: 100%;
		border: 0.1vw solid white;
		border-radius: 0.8vw;
		-moz-border-radius: 0.8vw;
		-webkit-border-radius: 0.8vw;
	}
	.buchen_leer,
	.buchen_voll {
		padding: 0.5vw 1vw 1vw 1vw;
	}
	.logo1 {
		float: left;
		width: 30vw;
	}
	.logo2 {
		float: right;
	}
	h1.headline,
	h2.headline {
		font-size: 3vw;
		line-height: 120%;
	}
	h1.seminartitel {
		font-size: 2.75vw;
		line-height: 120%;
	}
	ul, p, select, .accordion, .submit {
		font-size: 2.3vw;
		line-height: 120%;
	}
	ul {
		padding: 0 1vw 0 2vw;
	}
	li {
		margin: 0.5vw 0 0.5vw 0;
	}
	.kleintext {
		font-size: 1.7vw;
		line-height: 125%;
	}
	.seminare {
		margin-bottom: 3vw;
		padding: 0.1vw 2vw 2vw 2vw;
		border-radius: 0.8vw;
		-moz-border-radius: 0.8vw;
		-webkit-border-radius: 0.8vw;
}
	.thumb {
		padding-right: 3vw;
		float: left;
		width: 41vw;
	}
	.box_oben {
		margin-top: 1.5vw;
		padding: 0.5vw 2vw 0.5vw 2vw;
	}
	.leitung {
		margin-bottom: 2vw;
		padding: 0.5vw 2vw 0.05vw 2vw;
	}
	.tbl_leitung {
		width: 35vw;
	}
	.submit {
		float: right;
		margin: 0 0 3vw 3vw;
	}
	.buchungsfelder,
	.textarea {
		width: 100%;
		margin-bottom: 1vw;
	}
	.zahlfelder {
		width: 25%;
		margin-bottom: 0.5vw;
	}
	.textarea {
		height: 20vw;
	}
	.logo-Q-Pool {
		height: 23vw;
		float: right;
		padding: 0 0 3vw 3vw;
	}
	.logo-vorteile {
		height: 23vw;
		float: right;
		padding: 0 0 3vw 3vw;
	}
	.logo-inklusive {
		width: 29vw;
		float: right;
		padding: 0 0 3vw 3vw;
	}
}

@media (min-width: 800px) and (max-width: 1279px) {
	.bg-error {
		padding: 0 2vw 1vw 2vw;
	}
	.layout {
		width: 80vw;
	}
	.idiv {
		clear: both;
		padding: 3vw 0 3vw 0;
	}
	.fusszeile {
		padding: 1vw;
	}
	.grund {
		margin-top: 2vw;
		padding: 0.3vw 1vw 1vw 1vw;
		background-image: url(../images/titelbild.jpg);
		background-position: top;
		background-repeat: no-repeat;
		background-size: contain;
		border-radius: 0.5vw;
		-moz-border-radius: 0.5vw;
		-webkit-border-radius: 0.5vw;
	}
	.inhalt {
		width: 55vw;
		margin-top: 30vw;
		margin-right: 1vw;
		padding: 0.3vw 1vw 1vw 1vw;
		box-shadow: 0 -0.05vw 0.1vw rgba(0, 0, 0, 0.2); /* CSS3 */
		-moz-box-shadow: 0 -0.05vw 0.1vw rgba(0, 0, 0, 0.2); /* Firefox */
		-webkit-box-shadow: 0 -0.05vw 0.1vw rgba(0, 0, 0, 0.2); /* Chrome, Safari */
		-khtml-box-shadow: 0 -0.05vw 0.1vw rgba(0, 0, 0, 0.2); /* Konqueror */
		border-radius: 0.2vw;
		-moz-border-radius: 0.2vw;
		-webkit-border-radius: 0.2vw;
	}
	.buchen {
		width: 21.5vw;
		padding: 0.3vw 1vw 1vw 1vw;
		border: 0.05vw solid #ffffff;
		border-radius: 0.2vw;
		-moz-border-radius: 0.2vw;
		-webkit-border-radius: 0.2vw;
	}
	.buchen_leer {
		position: fixed;
		margin: 15.5vw 0 0 56vw;
	}
	.buchen_voll {
		position: relative;
		margin: 5vw 0 0 0vw;
	}
	.logo1 {
		float: left;
		width: 20vw;
	}
	.logo2 {
		float: right;
	}
	h1.headline,
	h2.headline {
		font-size: 1.7vw;
		line-height: 120%;
	}
	h1.seminartitel {
		font-size: 1.7vw;
		line-height: 120%;
	}
	ul, p, select, .accordion, .submit {
		font-size: 1.2vw;
		line-height: 120%;
	}
	ul {
		padding: 0 1vw 0 2vw;
	}
	li {
		margin: 0.5vw 0 0.5vw 0;
	}
	.kleintext {
		font-size: 1vw;
		line-height: 125%;
	}
	.seminare {
		margin-bottom: 1.5vw;
		padding: 0.3vw 1.5vw 1vw 1.5vw;
		border-radius: 0.5vw;
		-moz-border-radius: 0.5vw;
		-webkit-border-radius: 0.5vw;
}
	.thumb {
		padding-right: 2vw;
		float: left;
		width: 25vw;
	}
	.box_oben {
		margin-top: 1.5vw;
		padding: 0.05vw 1vw 0.05vw 1vw;
	}
	.leitung {
		margin-bottom: 2vw;
		padding: 0.05vw 1vw 0.05vw 1vw;
	}
	.tbl_leitung {
		width: 24vw;
	}
	.submit {
		float: right;
		margin: 0 0 2vw 2vw;
	}
	.buchungsfelder,
	.textarea {
		width: 19vw;
		margin-bottom: 0.8vw
	}
	.zahlfelder {
		width: 11vw;
		margin-bottom: 0.5vw;
	}
	.textarea {
		height: 5vw;
	}
	.logo-Q-Pool {
		height: 12vw;
		float: right;
		padding: 0 0 1vw 1vw;
	}
	.logo-vorteile {
		height: 12vw;
		float: right;
		padding: 0 0 1vw 1vw;
	}
	.logo-inklusive {
		width: 17vw;
		float: right;
		padding: 0 0 1vw 1vw;
	}
}

@media (min-width: 1280px) {
	.bg-error {
		padding: 0 1vw 0.5vw 1vw;
	}
	.layout {
		width: 65vw;
	}
	.idiv {
		clear: both;
		padding: 1vw 0 2vw 0;
	}
	.fusszeile {
		padding: 1vw;
	}
	.grund {
		margin-top: 2vw;
		padding: 0.3vw 1vw 1vw 1vw;
		background-image: url(../images/titelbild.jpg);
		background-position: top;
		background-repeat: no-repeat;
		background-size: contain;
		border-radius: 0.5vw;
		-moz-border-radius: 0.5vw;
		-webkit-border-radius: 0.5vw;
	}
	.inhalt {
		width: 44vw;
		margin-top: 24vw;
		margin-right: 1vw;
		padding: 0.3vw 1vw 1vw 1vw;
		box-shadow: 0 -0.05vw 5px rgba(0, 0, 0, 0.2); /* CSS3 */
		-moz-box-shadow: 0 -0.05vw 5px rgba(0, 0, 0, 0.2); /* Firefox */
		-webkit-box-shadow: 0 -0.05vw 5px rgba(0, 0, 0, 0.2); /* Chrome, Safari */
		-khtml-box-shadow: 0 -0.05vw 5px rgba(0, 0, 0, 0.2); /* Konqueror */
		border-radius: 0.2vw;
		-moz-border-radius: 0.2vw;
		-webkit-border-radius: 0.2vw;
	}
	.buchen {
		width: 18vw;
		padding: 0.3vw 1vw 1vw 1vw;
		border: 0.05vw solid #ffffff;
		border-radius: 0.2vw;
		-moz-border-radius: 0.2vw;
		-webkit-border-radius: 0.2vw;
	}
	.buchen_leer {
		position: fixed;
		margin: 12.5vw 0 0 45vw;
	}
	.buchen_voll {
		position: relative;
		margin: 5vw 0 0 0;
	}
	.logo1 {
		float: left;
		width: 15vw;
	}
	.logo2 {
		float: right;
	}
	h1.headline, 
	h2.headline {
		font-size: 1.5vw;
		line-height: 120%;
	}
	h1.seminartitel {
		font-size: 1.25vw;
		line-height: 120%;
	}
	ul, p, select, .accordion, .submit {
		font-size: 0.9vw;
		line-height: 120%;
	}
	ul {
		padding: 0 1vw 0 2vw;
	}
	li {
		margin: 0.5vw 0 0.5vw 0;
	}
	.kleintext {
		font-size: 0.7vw;
		line-height: 125%;
	}
	.seminare {
		margin-bottom: 1vw;
		padding: 0.5vw 1vw 1vw 1vw;
		border-radius: 0.2vw;
		-moz-border-radius: 0.2vw;
		-webkit-border-radius: 0.2vw;
}
	.thumb {
		padding-right: 1vw;
		float: left;
		width: 20vw;
	}
	.box_oben {
		margin-top: 1.5vw;
		padding: 0.05vw 1vw 0.05vw 1vw;
	}
	.leitung {
		margin-bottom: 1.5vw;
		padding: 0.1vw 1vw 0.1vw 1vw;
	}
	.tbl_leitung {
		width: 19vw;
	}
	.submit {
		float: right;
		margin: 0 0 1vw 1vw;
	}
	.buchungsfelder,
	.textarea {
		width: 16vw;
		margin-bottom: 0.5vw;
	}
	.zahlfelder	{
		width: 9vw;
		margin-bottom: 0.5vw;
	}
	.textarea {
		height: 5vw;
	}
	.logo-Q-Pool {
		height: 8vw;
		float: right;
		padding: 0 0 1vw 1vw;
	}
	.logo-vorteile {
		height: 8vw;
		float: right;
		padding: 0 0 1vw 1vw;
	}
	.logo-inklusive {
		width: 11vw;
		float: right;
		padding: 0 0 1vw 1vw;
	}
}

/* ACCORDION Styles */
.accordion {
    background-color: #eeeded;
	color: #888888;
    cursor: pointer;
	width: 100%;
    border: none;
    text-align: left;
    outline: none;
    transition: 0.3s;
}

.active, .accordion:hover {
    background-color: #eeeded;
}

.accordion:after {
    content: '\002B  Mehr Infos...';
    color: #888888;
    float: left;
    margin-left: 5px;
}

.active:after {
    content: "\2212  Weniger Infos...";
}

.panel {
	/* border-bottom: 1px solid #888888; */
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}
/* /ACCORDION Styles */

