/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;appearance: button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
   Colors
   ––––––––––––––––––––––––––––––––––––––––––––––––––
	blue: #1254a0
	light-blue: #367DB2;

	light-grey1: #f3f3f3;
	light-grey2: #f0f0f0;
	medium-grey: #e0e0e0;
	darkgrey: #595959;
–––––––––––––––––––––––––––––––––––––––––––––––––– */


/*
	Globals
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);



* {
	box-sizing: border-box;
}
*:before,
*:after {
	box-sizing: border-box;
}

/*
	Main-Font -> Auskommentiert da Arial & Helvetica jetzt Main-Font
–––––––––––––––––––––––––––––––––––––––––––––––––– */




@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 400;
	src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v11/1YwB1sO8YE1Lyjf12WNiUA.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 700;
	src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v11/H2DMvhDLycM56KNuAtbJYA.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
	font-family: 'Lato';
	font-style: italic;
	font-weight: 400;
	src: local('Lato Italic'), local('Lato-Italic'), url(https://fonts.gstatic.com/s/lato/v11/PLygLKRVCQnA5fhu3qk5fQ.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
	font-family: 'Lato';
	font-style: italic;
	font-weight: 700;
	src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url(https://fonts.gstatic.com/s/lato/v11/HkF_qI1x_noxlxhrhMQYEFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}




/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container {
	position: relative;
	width: 100%;
	max-width: 1340px;
	margin: 0 auto;
/*	padding: 0 20px;*/
	box-sizing: border-box;
}


.col {
	width: 100%;
	float: left;
	box-sizing: border-box;
	padding-left: 20px;
	padding-right: 20px;
}
@media (min-width: 600px) {
	.col-club {
		width: 50%;
	}
}

@media (min-width: 800px) {
	.container {
		width: 100%;
	}
	.col-1 { width: 8.3333333333%; }
	.col-2 { width: 16.6666666667%; }
	.col-3 { width: 25%; }
	.col-4 { width: 33.3333333333%; }
	.col-5 { width: 41.6666666667%; }
	.col-6 { width: 50%; }
	.col-7 { width: 58.3333333333%; }
	.col-8 { width: 66.6666666667%; }
	.col-9 { width: 75%; }
	.col-10 { width: 83.3333333333%; }
	.col-11 { width: 91.6666666667%; }
	.col-12 { width: 100%; }
	.third.col { width: 30.6666666667%; }
	.two-thirds.col { width: 65.3333333333%; }
	.half.col { width: 48%; }
	.push-1.col  { margin-left: 8.3333333333%; }
	.push-2.col  { margin-left: 16.6666666667%; }
	.push-3.col  { margin-left: 25%; }
	.push-4.col  { margin-left: 33.3333333333%; }
	.push-5.col  { margin-left: 41.6666666667%; }
	.push-6.col  { margin-left: 50%; }
	.push-7.col  { margin-left: 58.3333333333%; }
	.push-8.col  { margin-left: 66.6666666667%; }
	.push-9.col  { margin-left: 75.0%; }
	.push-10.col { margin-left: 83.3333333333%; }
	.push-11.col { margin-left: 91.6666666667%; }
}


@media (min-width: 550px) {

	.col-tile {
		width: 48%;
	}

	/* .row {
		margin-left: -20px;
		margin-right: -20px;
	} */
}


@media (min-width: 1000px) {

	.col-tile {
		width: 30.6666666667%;
	}
}




/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
html {
	font-size: 62.5%;
}
body {
	font-size: 1.8em;
	line-height: 1.4;
	font-weight: 400;
	font-family: "Lato", Helvetica, Arial, sans-serif;
	color: #d3d3d3;

/* Voerst auskommentiert um bestehendes Design zu testen

	font-size: 2em;
	line-height: 1.5;
	font-weight: 400;
	font-family: 'Lato', sans-serif;
	color: #d3d3d3;
	background: #f3f3f3;
*/

}
.cnt {
	position: relative;
	padding-bottom: 10rem;
	background: #fff;
	color: #222;
}
.cnt-menu {
	padding-top: 100px;
}
.bg-grey {
	background: #F1F3F3;
}

.cnt-smallgap {
	padding-bottom: 5rem;
}
.infoblock {
	background: #fff;
}

/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	margin-bottom: 1rem;
	font-weight: bold;
}

h1 { font-size: 3.2rem; line-height: 1.25; letter-spacing: -.1rem}
h2 { font-size: 2.2rem; line-height: 1.3;  letter-spacing: -.1rem}
h3 { font-size: 2.0rem; line-height: 1.35; letter-spacing: -.08rem}
h4 { font-size: 1.8rem; line-height: 1.5;  letter-spacing: -.05rem}
h5 { font-size: 1.5rem; line-height: 1.6;  letter-spacing: 0}

.subhead {
	font-size: .7em;
	color: #595959;
}

p {
	margin-top: 5px;
}
.fnt-norm {
	font-weight: normal;
}
.center-text {
	text-align: center;
}
.right-text {
	text-align: right;
}

.forumtitle{
	font-weight: bold;
	padding-bottom: .5rem;
	text-decoration: none;
	color: #000;
}

.forumthreadpost .forumlastpost {
	color: #000;
	font-weight: lighter;
}


/* Icons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@font-face {
	font-family: 'ml-icons';
	src:url('../font/ml-icons.eot?-jy4sjx');
	src:url('../font/ml-icons.eot?#iefix-jy4sjx') format('embedded-opentype'),
		url('../font/ml-icons.ttf?-jy4sjx') format('truetype'),
		url('../font/ml-icons.woff?-jy4sjx') format('woff'),
		url('../font/ml-icons.svg?-jy4sjx#ml-icons') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'ml-icons';
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Enable Ligatures ================ */
	letter-spacing: 0;
	-ms-font-feature-settings: "liga" 1;
	-o-font-feature-settings: "liga";
	font-feature-settings: "liga";

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-arrow-left:before {
	content: "\e601";
}
.icon-arrow-right:before {
	content: "\e602";
}
.icon-arrow-up:before {
	content: "\e603";
}
.icon-arrow-down:before {
	content: "\e600";
}
.icon-chevron-left:before {
	content: "\e604";
}
.icon-chevron-right:before {
	content: "\e605";
}
.icon-chevron-up:before {
	content: "\e606";
}
.icon-chevron-down:before {
	content: "\e607";
}




/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {
	color: #1254a0;
	font-weight: bold;
	text-decoration: none;
	transition: all .2s ease;

}
a:hover {
	color: #367DB2;
}


/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.btn {
	display: inline-block;
	height: 38px;
	padding: 0 30px;
	color: #fff;
	text-align: center;
	font-size: 16px;
	line-height: 38px;
	letter-spacing: .1rem;
	text-decoration: none;
	white-space: nowrap;
	background-color:#1254a0;
	border: none;
	border-radius: 10px;
	cursor: pointer;
	transition: background-color .1s ease;
	margin-bottom: 20px;
}
@media (min-width: 760px) {
	.btn {
		margin-bottom: unset;
	}
}
.btn:focus {
	outline: 0;
}

.btn:hover {
	background-color: #367DB2;
	color: #fff;
}

.btn:active {
	box-shadow: inset 0 4px 5px rgba(50,50,50,.2);
}
.btn:disabled {
	background-color: #999!important;
	box-shadow: none;
}
.btn-light {
	background-color: transparent;
	border: 1px solid #797979;
}
.btn-light:hover {
	color: #FFF;
	background-color: rgba(0,0,0,.1);
}

.btn-dark {
	color: #FFF;
	background-color: #33C3F0;
	border-color: #33C3F0;
}
.btn-dark:hover,
.btn-dark:focus {
	color: #333;
	background-color: #1EAEDB;
	border-color: #1EAEDB;
}
.action-btns {
	margin-top: 1.4rem;
	margin-bottom: 1.3rem;
}

@media (min-width: 450px) {
/*	.btn-resp {
		position: relative;
		bottom: inherit;
		right: inherit;

		background-color: transparent;
		border: 1px solid #797979;
	}

	.btn-resp:hover {
		color: #FFF;
		background-color: rgba(0,0,0,.1);
	}*/
}

@media (max-width: 450px) {
	.artikel-back,
	.artikel-up,
	.artikel-forth {
		white-space: nowrap;
		text-indent: 100%;
		overflow: hidden;
		width: 4rem;
		padding: 0;
		height: 4rem;
		border-radius: 4rem;
	}
	.artikel-up {
		text-align: center;
	}
}


/* Formular
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.form-info {
	padding: 14px 14px 14px 30px;
	background-color: #244e7f; /* #63cdf3; #f3aa63 */
	color: #ffffff;
/*	font-weight: bold;*/
	position: relative;
	margin-bottom: 20px;
}
.form-info:before {
	content: "i";
	position: absolute;
	top: -15px;
	left: -20px;
	background: #fff;
	border-radius: 50px;
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-weight: bold;
	font-size: 30px;
	color: #244e7f; /*#f3aa63*/
}
.form-info-inline {
	color: #63cdf3;/*#f3aa63*/
	padding: 0 15px;
	font-weight: normal;
}
.form-alarm {
	background-color: #f36363;
}
.form-alarm:before {
	content: "!";
	color: #f36363;
}
.btn-alarm {
	background-color: #f36363;
}
.form-good {
	background-color: #6ec57c;
}
.form-good:before {
	color: #6ec57c;
}

.feld-container {
	/* position: relative; */
	margin-bottom: 20px;
}

.form-ele {
	border: 3px solid #e8ebed;
	border-radius: 10px;
	background-color: #e8ebed;
	font-family: Helvetica, Arial ,sans-serif;
	font-weight: normal;
	color: #7b8b8e;
	transition: background-color .15s linear;
}
.feld-txt {
	line-height: 54px;
}
.feld,
.form-select {
	font-size: 1.7rem;
	padding: 0 14px;
	height: 52px;
	vertical-align: top;
}
.feld-hoch {
	height: 104px;
}
textarea.feld {
	padding: 11px 14px;
}
.feld {
	display: block;
	width: 100%;
}
.form-select {
	position: relative;
	display: inline-block;
	min-width: 180px;
	outline: none;
	font-weight: normal;
	line-height: 1;
	-moz-appearance: none;
	-webkit-appearance: none;
}
.select-wrapper {
	position: relative;
	display: inline-block;
}
.select-wrapper:before {
	position:absolute;
	z-index: 100;
	right: 15px;
	top: 26px;
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 5px;
	vertical-align: middle;
	border-top: 4px dashed;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}


.legend-box {
	width: 100%;

}
.legend-hor {
	line-height: 52px;
}
.label-vert {
	padding-left: 10px;
	font-weight: bold;
}
.label-small {
	padding-left: 15px;
	padding-right: 15px;
	font-weight: normal;
}
.label-abstand {
	padding-top: 15px;
}
.label-inline {
	display: inline-block;
	margin-left: 1em;
}
.checkbox-list {
	margin-right: 10px;
}
.legend-text {
	display: inline-block;
	margin-right: 20px;
}
.checkbox-container {
	display: block;
	float: left;
	text-align: right;
	margin-right: 3%;
	width: 70px;
}
.checkbox-description {
	display: block;
	float: left;
	width: 80%;
}
.normal-font {
	font-size: 18px;
	font-weight: normal;
}
.small-font {
	font-size: 10px;
	line-height: .5;
}
.medium-font {
	font-size: 14px;
	line-height: 1.3;
}
.lh13 {
	line-height: 1.3;
}
/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
textarea {
	width: 100%;
	padding: 11px 14px;
	margin: 0 0 15px;
	/*min-height: 155px;*/
	display: block;
	line-height: 1.5;
	font-weight: normal;
	border-radius: 10px;
	border: none;
}
.form-ele:focus {
	background-color: #fff;
	outline: 0;
}
label,
legend {
	display: block;
	margin-bottom: .5rem;
}
fieldset {
	padding: 0;
	border-width: 0;
}
input[type="checkbox"],
input[type="radio"] {
	display: inline;
}
label > .label-body {
	display: inline-block;
	margin-left: .5rem;
	font-weight: normal;
}
.inline-form {
	display: inline;
}
.agb-box {
	position: relative;
}
.agb-star {
	position: absolute;
	left: 2.5em;
}
.inline {
	display: inline;
}
.agb-krz {
	position: absolute;
	font-size: 10px;
	line-height: .5;
	top: 30px;
	left: 5px;
}
.white .agb-krz {
	top: 50px;
}
.verband .agb-krz {
	top: 50px;
	left: 23px;
	color: #fff;
}
/* remove standard-styles */
input.custom,
input.tgl {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border:none;
	border-radius: 0;
	font-size: 1em;
	width: 100%
}

/* graceful degradation for ie8*/
input.custom[type='checkbox'],
input.custom[type='radio'],
input.tgl[type='checkbox'],
input.tgl[type='radio'] {
	width:auto;
	float:left;
	margin-right: .75em;
	background:transparent;
	border:none;
}

input.custom[type='checkbox']:checked,
input.custom[type='checkbox']:not(:checked),
input.custom[type='radio']:checked,
input.custom[type='radio']:not(:checked),
input.tgl[type='checkbox']:checked,
input.tgl[type='checkbox']:not(:checked),
input.tgl[type='radio']:checked,
input.tgl[type='radio']:not(:checked) {
	background: transparent;
	position: relative;
	visibility: hidden;
	margin:0;
	padding:0;
}


input.custom[type='checkbox'] + label,
input.custom[type='radio'] + label {
	cursor: pointer;
	position: relative;
	padding-left: 30px;
}
input.custom[type='checkbox'] + label.agb-label,
input.custom[type='radio'] + label.agb-label {
	cursor: pointer;
	position: relative;
	padding-left: 5em;
}


input.custom[type='checkbox']:checked + label::before,
input.custom[type='checkbox']:not(:checked) + label::before,
input.custom[type='radio']:checked + label::before,
input.custom[type='radio']:not(:checked) + label::before {
	content:' ';
	position: absolute;
	display:inline-block;
	width: 1em;
	height:1em;
	top:6px;
	left: 0;
	border: 2px solid #bbb;
	background: white;
	margin-right: 1em;
	/* box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.1); */
}
input.custom[type='checkbox']:checked + label.agb-label::before,
input.custom[type='checkbox']:not(:checked) + label.agb-label::before,
input.custom[type='radio']:checked + label.agb-label::before,
input.custom[type='radio']:not(:checked) + label.agb-label::before {
	margin-right: 1em;
	margin-left: 3em;
}

input.custom[type=radio]:checked + label::before,
input.custom[type=radio]:not(:checked) + label::before {
	border-radius: 30px;
}


input.custom[type='checkbox']:hover  + label::before,
input.custom[type='radio']:hover  + label::before {
	background:#367DB2;
	box-shadow: inset 0 0 0 2px white;
}

input.custom[type='checkbox']:checked  + label::before,
input.custom[type='radio']:checked  + label::before {
	background:black;
	box-shadow: inset 0 0 0 2px white;
}
input.custom_quiz[type='radio'] + label {
	margin-bottom: -2px;
	padding: .5em;
	border: 2px solid #cacaca;
}
input.custom_quiz[type='radio']:checked + label::before,
input.custom_quiz[type='radio']:not(:checked) + label::before {
	width: 24px;
	height: 24px;
	position: relative;
	vertical-align: middle;
	top: unset;
	border: none;
	background-color: #E4EAF2;
	box-shadow: inset 0px 0px 0px 2px #1254a0;

}
input.custom_quiz[type='radio']:checked  + label::before,
input.custom_quiz[type='radio']:hover  + label::before {
	box-shadow: inset 0px 0px 0px 2px #1254a0, inset 0 0 0 5px #E4EAF2;
	background-color: #1254a0;
}

input.tgl[type='checkbox']:checked,
input.tgl[type='checkbox']:not(:checked),
input.tgl[type='radio']:checked,
input.tgl[type='radio']:not(:checked) {
	background: transparent;
	position: relative;
	visibility: hidden;
	margin: 0;
	padding: 0;
}

input.custom[type='checkbox']+label,
input.custom[type='radio']+label {
	cursor: pointer;
	position: relative;
	padding-left: 1.5em;
}

input.custom_img[type='radio']+label {
	cursor: pointer;
	position: relative;
	border: 5px solid rgba(255, 255, 255, 0);
	transition: border .2s ease;
}

input.custom_img[type='radio']+label img {
	width: 100%;
	pointer-events: none;
	border: 1px solid #E4EAF2;
}

input.custom[type='checkbox']+label.agb-label,
input.custom[type='radio']+label.agb-label {
	cursor: pointer;
	position: relative;
	padding-left: 7em;
}

input.custom[type='checkbox']:checked+label::before,
input.custom[type='checkbox']:not(:checked)+label::before,
input.custom[type='radio']:checked+label::before,
input.custom[type='radio']:not(:checked)+label::before {
	content: '';
	position: absolute;
	display: inline-block;
	width: 1em;
	height: 1em;
	top: 5px;
	left: 0;
	border: 2px solid #bbb;
	background: #fff;
	margin-right: 1em;
	/*box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.1);*/
}

input.custom[type='checkbox']:checked+label.agb-label::before,
input.custom[type='checkbox']:not(:checked)+label.agb-label::before,
input.custom[type='radio']:checked+label.agb-label::before,
input.custom[type='radio']:not(:checked)+label.agb-label::before {
	margin-right: 1em;
	margin-left: 5em;
}

input.custom[type='radio']:checked+label::before,
input.custom[type='radio']:not(:checked)+label::before {
	border-radius: 30px;
}

input.custom[type='checkbox']:hover+label::before,
input.custom[type='radio']:hover+label::before {
	background: #367DB2;
	box-shadow: inset 0 0 0 2px white;
}

input.custom[type='checkbox']:checked+label::before,
input.custom[type='radio']:checked+label::before {
	background: #1254a0;
	border-color: #1254a0;
	box-shadow: inset 0 0 0 2px white;
}

input.custom_img[type='radio']+label:hover {
	border-color: #e8ebed;
}

input.custom_img[type='radio']:checked+label {
	border-color: #e8ebed;
	/* #006fb9*/
}

input.custom[type='radio']:hover+label::before {
	background: #367DB2;
	border-color: #367DB2;
	box-shadow: inset 0 0 0 3px white;
}

input.custom_quiz[type='radio']+label {
	margin-bottom: 5px;
	padding: .5em;
	border: 2px solid #E4EAF2;
}

input.custom_quiz[type='radio']:checked+label::before,
input.custom_quiz[type='radio']:not(:checked)+label::before {
	width: 24px;
	height: 24px;
	position: relative;
	vertical-align: middle;
	top: unset;
	border: none;
	box-shadow: inset 0px 0px 0px 2px #006fb9;

}

input.custom_quiz[type='radio']:checked+label::before,
input.custom_quiz[type='radio']:hover+label::before {
	box-shadow: inset 0px 0px 0px 2px #006fb9, inset 0 0 0 5px white;
	background-color: #006fb9;
}

.tgl+.tgl-btn {
	outline: 0;
	display: inline-block;
	width: 4em;
	height: 2em;
	position: relative;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.tgl+.tgl-btn::after,
.tgl+.tgl-btn::before {
	position: relative;
	display: block;
	content: "";
	width: 50%;
	height: 100%;
}

.tgl+.tgl-btn::after {
	left: 0;
}

.tgl+.tgl-btn::before {
	display: none;
}

.tgl:checked+.tgl-btn::after {
	left: 50%;
}

.tgl-light+.tgl-btn {
	background: #b7b7b7;
	border-radius: 2em;
	padding: 2px;
	transition: all .4s ease;
}

.tgl-light+.tgl-btn::after {
	border-radius: 50%;
	background: #fff;
	transition: all .2s ease;
}

.tgl-light:checked+.tgl-btn {
	background: #1254a0;
}

.tgl_beschriftung {
	display: inline-block;
	line-height: 2em;
	margin: 0 7px;
	font-weight: 700;
}





/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.nav {
	list-style-type: none;
	margin: 0;
}
.vert-nav > li {
	float: left;
}
.vert-nav {
	float: left;
}

.vert-nav-center {
	text-align: center;
}
.vert-nav-center > li {
	display: inline-block;
}


@media (min-width: 550px) {
	.level dt,
	.level dd {
		float: left;
	}
	.level dt {
		clear: left;
	}
}

.fulllevel dt,
.fulllevel dd {
	float: left;
}


ul {
	list-style: none;
}

ul.text-list {
	list-style-type: disc;
	margin-left: 20px;
}

/* ol {
	list-style: none;
} */

ul {
	padding-left: 0;
	margin-top: 0;
}
.artikel-row li {
	margin-left: 1.5rem;
}

/* Code
–––––––––––––––––––––––––––––––––––––––––––––––––– */
code {
	padding: .2rem .5rem;
	margin: 0 .2rem;
	font-size: 90%;
	white-space: nowrap;
	background: #F1F1F1;
	border: 1px solid #E1E1E1;
	border-radius: 4px;
}
pre > code {
	display: block;
	padding: 1rem 1.5rem;
	white-space: pre;
}


/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
th,
td {
	padding: 10px 5px;
	text-align: left;
	border-bottom: 1px solid #E1E1E1;
}
/*th:first-child,
td:first-child {
	padding-left: 0;
}
th:last-child,
td:last-child {
	padding-right: 0;
}
*/

/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */

pre,
blockquote,
figure,
table,
p,
ul,
ol
{
	margin-bottom: 1.5rem;
}

.pad-bot-med {
	padding-bottom: 3rem;
}
.pad-bot-lrg {
	padding-bottom: 6rem;
}

dl {
	margin: 0;
}

/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.u-full-width {
	width: 100%;
	box-sizing: border-box;
}
.u-max-full-width {
	max-width: 100%;
	box-sizing: border-box;
}
.u-pull-right {
	float: right!important
}
.u-pull-left {
	float: left;
}

.u-pad-top-bot {
	padding-top: 1rem;
	padding-bottom: 1rem;
}


/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
hr {
	margin-top: 3rem;
	margin-bottom: 3.5rem;
	border-width: 0;
	border-top: 1px solid #E1E1E1;
}
hr.light {
	border-top-color: #fff;
}
hr.grey {
	border-top-color: #777;
}
.resp-img {
	width: 100%;
}
.artikel_intro {
	font-weight: bold;
}



/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.container:after,
.row:after,
.nav:after,
.float-nav:after,
.clear:after,
.filter-nav-container:after,
.posts:after,
.geschenke-wrapper:after {
	content: "";
	display: table;
	clear: both;
}


/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.check550,
.check750,
.check1000 {
	float: left;
}
@media (min-width: 550px) {
	.check550 {
		float: none;
	}
}
@media (min-width: 750px) {
	.check750 {
		float: none;
	}
}
@media (min-width: 1000px) {
	.check1000 {
		float: none;
	}
}

/* Global Nav
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.global-navbar {
	display: none;
}

@media (min-width: 550px) {
	.global-navbar {
		display: block;
		background: #f3f3f3;
		text-align: center;
	}
	.globalnav li {
		display: inline-block;
		margin: 0 .5rem;
	}
	.globalnav a {
		display: block;
		font-size: 1.6rem;
		padding: 1.4rem;
		color: #222;
		font-weight: bold;
		text-decoration: none;
	}
	.globalnav a.active {
		background: #1254a0;
		color: #fff;
	}

}

@media (min-width: 750px) {
	.globalnav li {
		margin: 0 1rem;
	}
	.globalnav a {
		font-size: 1.8rem;
		padding: 1.6rem;
	}
}


/* Site Header
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.site-header {
	position: absolute;
	z-index: 1000;
	box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.12);
	background: rgba(255,255,255,.95);
	left: 0;
	right: 0;
}

@media (min-width: 550px) {
	.fixed-nav .site-header {
		position: fixed;
		top: 0;
	}
}


.logo-block {
	float: left;
	padding-top: .5rem;
}
.logo {
	float: left;
	display: block;
	height: 5rem;
	width: 12rem;
	background: url('../img/medi-learn-logo.svg') 0 50% no-repeat;
}
.logo-titel {
	display: none;
}

@media (min-width: 550px) {

	.logo-block {
		padding-top: 3rem;
		padding-bottom: 2rem;
		width: 26rem;
	}

	.logo {
		height: 4.5rem;
		width: 50%;
		margin-right: 0.5rem;
	}
	.logo-titel {
		height: 4.5rem;
		padding-top: 2.1rem;
		padding-left: 0.5rem;
		border-left: 1px solid #222;
		display: block;
		margin: 0;
		font-size: 2rem;
		font-weight: bold;
		color: #9d9d9d;
		float: left;
	}
}

@media (min-width: 750px) {

	.logo-block {
		width: 36rem;
	}

	.logo {
		height: 6rem;
		margin-right: 1rem;
	}
	.logo-titel {
		height: 6rem;
		padding-top: 2.8rem;
		padding-left: 1rem;
		border-left: 2px solid #222;
		font-size: 2.8rem;
	}
}


.main-nav-bar {
	float: right;
}
.main-nav > li {
	float: left;
}
.main-nav > li > a {
	display: block;
	width: 2.8rem;
	height: 2.8rem;
	padding: 0;
	border: 0;
	outline: none;
	margin: 2.1rem .8rem 0;

	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
}


@media (min-width: 550px) {
	.main-nav > li > a {
		margin: 4.8rem 1.3rem 0;
	}
}
@media (min-width: 750px) {
	.main-nav > li > a {
		margin: 5.6rem 2rem 2.1rem;
		width: 3.6rem;
		height: 3.6rem;
	}
}

/*.login > a {
	background: url('../img/Icons-01.svg') no-repeat;
}
.suche > a {
	background: url('../img/Icons-02.svg') no-repeat;
}
.inhalt > a {
	background: url('../img/Icons-03.svg') no-repeat;
}*/

.nav-overlay,
.suche-nav,
.login-nav,
.inhalt-nav {
	display: none;
}
.nav-overlay {
	position: absolute;
	top:55px;
	width: 100%;
	background: #222;
	overflow-y: auto;
}
.active-inhalt .nav-overlay,
.active-suche .nav-overlay,
.active-login .nav-overlay {
	display: block;
}
.active-inhalt .inhalt-nav {
	display: block;
}
.active-suche .suche-nav {
	display: block;
}
.active-login .login-nav {
	display: block;
}

@media (min-width: 550px) {
	.nav-overlay {
		top:95px;
	}
}
@media (min-width: 750px) {
	.nav-overlay {
		top:113px;
	}
}
.nav-overlay a {
	display: block;
	color: #fff;
}
.nav1 {
	margin-top: 20px;
	margin-bottom: 20px;
}
.nav1-item.active,
.nav1-item.active:hover {
	background-color: #1254a0;
}
.nav1-item {
	padding: 5px 20px;

}
.nav2-item {
	padding: 3px 20px 3px 40px;
	font-size: .8em;
}
.nav1-item:hover,
.nav2-item:hover  {
	background: #333;
}
.nav2 {
	display: none;
}
.nav2.active {
	display: block;
	padding-bottom: 5px;
}
@media (min-width: 750px) {
	a.global-nav-item {
		display: none;
	}
	.nav1 {
		width: 50%;
		left:0;
		text-align: right;
		border-right: 3px solid #1254a0;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.nav1 > li {
		margin-bottom: 0;
	}
	.nav1-item {
		padding-top: 6px;
		padding-bottom: 6px;
		padding-right: 20px;
	}
	.sub-item-hub:after {
		content: "›";
		padding-left: 10px;
		font-weight: bold;
	}
	.nav2 {
		width: 50%;
		position: absolute;
		right: 0;
		top: 50px;
		text-align: left;
	}
	.nav2-item {
		padding-top: 3px;
		padding-bottom: 3px;
	}
}

@media (min-width: 550px) {
	.main-nav .inhalt > a {
		white-space: normal;
		text-indent: 0;
		overflow: visible;
		color: #222;
		font-size: 2.2rem;
		font-weight: bold;
		text-decoration: none;
		text-align: right;
		width: 9.8rem;
		line-height: 1.3em;
	}
}


@media (min-width: 750px) {
	.main-nav .inhalt > a {
		font-size: 2.8rem;
		width: 12rem;
	}
}

.margin-vert30 {
	margin-top: 30px;
	margin-bottom: 30px;
}
.search_icon {
	fill: #fff;
	width: 36px;
	height: 42px;
	position: absolute;
	top: 6px;
	left: 11px;
}
.search_btn {
	position: relative;
	height: 52px;
	width: 52px;
}
.feld80 {
	float: left;
	width: 80%;
}


/* Footer
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.footer-top {
	text-align: center;
	border-top: 1px solid #747474;
}
.footer-titel {
	color: #747474;
	text-align: center;
	font-size: 1.4rem;
	font-weight: normal;
	margin-top: 1rem;
	margin-bottom: 1rem;
}
.sponsor .footer-logo {
	height:40px;
	fill:#747474;
}
.sponsor-daef .footer-logo {
	width:112px;
}
.sponsor-apo .footer-logo {
	width:154px;
}
.sponsor-boso .footer-logo {
	width:48px;
}
.sponsor-thieme .footer-logo {
	width:98px;
}
.sponsor-daev .footer-logo {
	width:145px;
}
.sponsor {
	padding: 1rem 2rem;
}
.sponsor > a {
	display: block;
}
.footer-bottom {
	padding: 1rem 0;
}
.footer-bottom a {
	font-size: 1.4rem;
	color: #747474;
	text-decoration: none;
}

/* Brot
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.brot {
	border-left: 2rem solid;
	padding-left: 1rem;
	font-size: 1.7rem;
	margin-bottom: 2rem;
}
.brot a {
	padding: 1rem .5rem;
}
.brot.human {
	border-color: #7EC76C;
}


/* Filter Nav
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.filter-nav-bar-container {
	position: relative;
}
.filter-nav-bar {
	background: #595959;
/*	background: rgba(255,255,255,.95);*/
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	z-index: 2;
}

/*.fixed-filter .filter-nav-bar {
	position: fixed;
	top: 55px;
}
*/
@media (min-width: 450px) {
	.filter-nav-bar {
		margin-bottom: 5rem;
	}
}
/*@media (min-width: 550px) {
	.fixed-filter .filter-nav-bar {
		top: 95px;
	}
}
@media (min-width: 750px) {
	.fixed-filter .filter-nav-bar {
		top: 113px;
	}
}*/

.filter-nav {
	float: left;
/*	padding: 2rem 0 0 0;*/
}
.filter-nav-vert {
	width: 100%;

}
.filter-nav a {
	color: #fff;
	display: block;
	margin: 0 .5rem;
	padding: 1rem 1rem;
	text-decoration: none;

/*	border-top-left-radius: 10px;
	border-top-right-radius: 10px;*/
	transition: background .2s ease;

}
.filter-nav a.active {
	background: #f1f3f3;
	color: #222;
	font-weight: bold;
}

.filter-nav a:hover {
	background: rgba(255,255,255,.1);
}
.filter-nav a.active:hover {
	background: #fff;
}
.filter-nav--complex {
	padding: 1rem 0;
}
.filter-nav--complex > a {
	border-radius: 10px;
	border:1px solid #797979;
}
.dropdown .dropdown-menu li {
	width: 100%;
}
.dropdown > a {
	color: #fff;
}
.dropdown > a:after {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 8px;
	vertical-align: middle;
	border-top: 8px dashed;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
}
.dropdown {
	position: relative;
	width: 100%;
	float: left;
}
a.dropdown-toggle {
	float: left;
	display: block;
}
@media (min-width: 1000px) {
	a.dropdown-toggle {
		display: none;
	}
}
.dropdown-toggle:focus {
	outline: 0;
}
.dropdown-menu {
	position: absolute;
	top: 100%;
	width: 100%;
	left: 0;
	z-index: 1000;
	max-height: 300px;
	overflow-y: auto;
	display: none;
	float: left;
	padding: 5px 0;
	list-style: none;
	text-align: left;
	background-color: #ffffff;
/*	border: 1px solid #cccccc;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 4px;*/
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	background-clip: padding-box;
}


.dropdown-menu > li > a {
	display: block;
	margin: 0;
	padding: 5px 20px;
	clear: both;
	font-weight: normal;
	line-height: 1.42857143;
	color: #333333;
	white-space: nowrap;
	border-radius: 0;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
	text-decoration: none;
	color: #262626;
	background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
	color: #ffffff;
	text-decoration: none;
	outline: 0;
	background-color: #337ab7;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
	color: #777777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
	text-decoration: none;
	background-color: transparent;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	cursor: not-allowed;
}
.open > .dropdown-menu {
	display: block;
}
.open > a {
	outline: 0;
}

/* Content Tabellen
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.cnt-h2 {
	margin-left: 2rem;
	line-height: 1rem;
	line-height: .9em;
}

.cnt-tab {
	margin: 0 -20px;
	font-size: 1.6rem;

}
.cnt-tab a {
	font-size: 1.6rem;
}

@media (min-width: 750px) {
	.cnt-tab {
		display: table;
		border-collapse: collapse;
		width: 100%;
		margin: 0;
	}
}
.cnt-tab a {
	color: #222;
	text-decoration: none;
}

.tab-head {
	font-size: 1.6rem;
	display: none;
	font-weight: bold;
	color: #898989;
}

.tab-head a{
	color: #fff;
	display: none;
}

.tab-head-overview {
	padding-left: 1rem !important;
}

.tab-row {
	background: #ffffff;
	display: block;
	border-left: none;
	overflow: hidden;
	position: relative;
/*	border-bottom: 1px solid #777;*/
}
 .tab-row:nth-of-type(even) {
	background: #fff;
	border-left: 0px;
	/* border-left: 1rem solid #2384CC; */
}

.tab-row:nth-of-type(even) {
	border-left: none;
}

.tab-row.threadbit.deleted {
	background-color: #ffe7e7;
}

.tab-row-threadbit-border {
	border-bottom: 1px solid #777;
}

@media (min-width: 750px) {
	.tab-head,.tab-row {
		display: table-row;
	}

}
/*.tab-row.forum-studium {
	border-color: 1rem solid #7EC76C;
}
.tab-row.forum-vorklinik {
	border-left: 1rem solid #f1c40f;
}
.tab-row.forum-arzt {
	border-left: 1rem solid #129ea0;
}*/

.forum-studium {
	border-bottom: 0px !important;
}

.tab-th-td {
	padding-top: 1rem;
	padding-bottom: 1rem;
	padding-right: 1rem;
	padding-left: 0rem;
}
.tab-th-td, .tab-td {
	display: block;
	/* vertical-align: middle; */
}


@media (min-width: 750px) {
	.tab-th-td,
	.tab-td {
		display: -webkit-box;
	}
	.tab-th-td {
		vertical-align: middle;
	}
	.tab-td a {
		display: block;
}
/*	.tab-td a {
		padding: 2.1rem 1rem;
	}*/
}
/*.tab-usr-itm a {
	padding: 0;
}*/
.tab-usr-itm {
	display: none;
	position: relative;
}
.tab-td > a {
	padding: 1rem;
	display: block;
}

.tab-td-major /* ,
.tab-td-minor */ > a {
	display: table-cell;
	font-weight: bold;
	padding-bottom: .5rem;
	padding-top: .5rem;
}

.tab-td-major {
	/* min-width: 62rem; */
	display: table-cell;
}
.tab-td-minor > a {
	padding-top: .5rem;
}

@media (min-width: 750px) {
	.tab-td > a,
	.tab-td > .label > a {
		padding: 2rem 1rem;
	}

	.tab-row-light .tab-td-major > a,
	.tab-row-light .tab-td-minor > a {
		padding: 1rem;
	}
}


@media (min-width: 450px) {
	.tab-usr-itm {
		display: inline-block;
	}
}
.tab-usr-first, .tab-usr-last {
	display: block;
	float: left;
}

.tab-usr-first {
	padding-right: 2rem;
}

.profile-img {
	display: block;
	max-width: 30px;
	margin: 0;
}

.tab-thema {
	display: table-cell;
}

.tab-forum > a{
	padding-left: 0rem;
}

.tab-thema > a{
	padding-left: 1rem;
}

@media (min-width: 1000px) {
.profile-img {
	max-width: 40px;
	margin: 0 .2rem;
	}
}

.tab-td-minor {
	display: inline-block;
	/* min-width: 20rem; */

}

.tab-stat-wrapper {
	float: right;
	padding: 0;
	margin-left: 15rem;
	padding-top: 2.5rem;
	padding-bottom: 2.5rem;
	/* min-width: 40rem; */
}

.tab-stat-wrapper > ul > li {
	margin-right: 15rem;
}

.tab-head > .tab-stat-wrapper {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.tab-colspan a {
	display: inline-block;
}

@media (min-width: 750px) {

	.tab-td-minor {
		display: table-cell;
	}
	.tab-stat-wrapper {
		display: table-column-group;
	}
	.tab-forum {
		width: 10rem;
	}
	.tab-usr {
		width: 10rem;
	}
/*	.tab-stat-wrapper {
		width: 19rem;
	}
*/	.tab-antworten,
	.tab-zeit {
		text-align: left;
		float: none;
	}
	.tab-antworten {
		width: 12rem;
		/* padding-left: 0rem !important; */
	}

	.tab-stat-wrapper > .tab-antworten {
		padding-left: 0rem;
	}

	.tab-zeit {
		width: 12rem;
	}
	.tab-colspan {
		width: 24rem;
		padding-top: 2rem 1rem;
		text-align: right;
	}
}
@media (min-width: 1000px) {
	.tab-usr {
		width: 25rem;
	}
}

	.forumdescription {
		padding-left: 1rem;
		margin-right: 5rem;
	}

	.titleline > h2 {
		padding-bottom: 0rem;
	}

	.forumbits > .forumhead {
		font-weight: bold;
		font-size: 1.6rem;
		padding-bottom: .5rem;
		text-decoration: none;
		color: #898989;
	}

	.forumhead_sub {
		border-bottom: 1px solid #cecece;
		padding-top: 1rem;
		padding-bottom: 1rem;
		font-size: 1.6rem;
	}



/* Farbcodes
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.farbcode-medizin-vor-dem-studium	{ background:#5fcf80;}
.farbcode-medizin-vorklinik			{ background:#c25975;}
.farbcode-medizin-klinik			{ background:#f9845b;}
.farbcode-medizin-assistenzarzt		{ background:#f1c40f;}
.farbcode-medizin-lernen			{ background:#95e068;}

.farbcode-zahnmedizin-vor-dem-studium	{ background:#68e0a3;}
.farbcode-zahnmedizin-vorklinik			{ background:#5647b2;}
.farbcode-zahnmedizin-klinik			{ background:#4692b2;}
.farbcode-zahnmedizin-lernen			{ background:#9868e0;}


/* Forum-Übersicht
–––––––––––––––––––––––––––––––––––––––––––––––––– */
		.tab-row-light {
			border-left: none;
			border-top: none;
			border-bottom: 1px solid;
			background: #f9f9f9;
		}
		.tab-row-light:nth-of-type(even) {
			border-left: none;
		}
		.tab-head-light {
			color: #fff;
			/* border-bottom: 3px solid; */
			font-weight: normal;
			letter-spacing: .05rem;
			margin-bottom: -3px
		}
		.tab-human div,
		.tab-human h3 {
			border-color: #7EC76C;
		}
		.tab-human h3 {
			background: #7EC76C;
		}

		.tab-zahn div,
		.tab-zahn h3 {
			border-color: #f1c40f;
		}

		/* .tab-prem div,
		.tab-prem h3 {
			border-color: #f1c40f;
		}*/

		.tab-prem-title-background {
			background: #f1c40f;
		}

		.tab-zahn h3 {
			background: #f1c40f;
		}

		.tab-pharma div,
		.tab-pharma h3 {
			border-color: #129ea0;
		}
		.tab-pharma h3 {
			background: #129ea0;
		}

		[id^="cat"] > .forumhead{
			background-color: #1254a0;
		}

		/* Premium-Foren*/
		#cat27 li {
			border-color: #1254a0;
		}
		#cat27 > .forumhead{
			background-color: #1254a0;
		}

		/* Humanmedizin Foren*/
		#cat6 li {
			border-color: #1254a0;
		}
		#cat6 > .forumhead{
			background-color: #1254a0;
		}

		/* Zahnmedizin Foren*/
		#cat228 li {
			border-color: #f1c40f;
		}
		#cat228 > .forumhead{
			background-color: #f1c40f;
		}

		/* Veterinär Foren*/
		#cat265 li {
			border-color: #1254a0;
		}
		#cat265 > .forumhead{
			background-color: #1254a0;
		}

		/*Interne MEDI-Learn Team Foren */
		#cat274 li {
			border-color: #1254a0;
		}
		#cat274 > .forumhead{
			background-color: #1254a0;
		}

		.lastposttitle {
			margin-bottom: 0rem;
			margin-top: 0rem;
			margin-right: 1.5rem;
		}

		.subforums {
			margin-left: 1rem;
			margin-bottom: 1.5rem;

		}

		.subforumlistlabel {
			font-weight: 400;
			margin-bottom: 0rem;
			margin-top: 0px;
			float: left;
			padding-right: 1rem;
		}

		.subforumlist {
			/* overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			height: 2.5rem;
			margin-bottom: 1.5rem;
			display: inline-block; */
			max-width: 75%;
			height: 2rem;
			overflow: hidden;

		}

		.subforumlist a {
			float: left;
			padding-right: 1rem;
		}

		.lastpostby {
			margin-right: 1.5rem;
		}

		.lastpostby .avatar {
			float: left;
			margin-top: 2px;
			margin-right: 5px;
			margin-bottom: 1rem;

		}

/* Adds Announcements
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.infoblock {
	height: 130px;
	padding-top: 55px;
}

@media (min-width: 550px) {
	.infoblock {
		height: 142px;
		padding-top: 0;
		margin-top: 95px;
	}
}

@media (min-width: 750px) {
	.infoblock {
		margin-top: 113px;
	}
}



.announcement {
	background: #12A08C;
	font-family: Impact, Charcoal, sans-serif;
	font-size: 4.2rem;
	line-height: 7.5rem;
	text-align: center;
	color: #fff;
}
@media (min-width: 550px) {
	.announcement {
		font-size: 8rem;
		line-height: 14.2rem;
	}
}



/* Article
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.artikel {
	font-size: 2rem;
	line-height: 1.5;
	margin-bottom: 3.5rem;
}
.kasten {
	font-style: italic;
}
.caption {
	font-size: 1.7rem;
	font-weight: bold;
}
.center {
	text-align: center;
}


.article-box {
	font-size: 1.6rem;
	color: #545454;
	font-style: italic;
	margin-bottom: 3.5rem;
	padding-right: 2rem;
	text-indent: 2rem;
}
/* .article-box.medium-float {


} */
@media (min-width: 800px) {

	.article-box.medium-float {
		width: 350px;
		float: left;
		margin-left: -14.2850442%;
		margin-right: 2rem;
		margin-bottom: 1rem;
		text-align: right;
		padding-right: 2rem;
	}
}
.article-box a {
	display: block;
}
.article-box.big-static {
	margin-bottom: 3.5rem;
	padding-right: 2rem;
	text-indent: 2rem;
}
.article-box.medium-float:before,
.article-box.big-static:before {
	color: #222;
	position: relative;
	content: "Gut zu wissen";
	display: block;
	padding: .5rem 0;
	font-size: 2rem;
	border-bottom: 2px solid #7EC76C;
	margin-bottom: .5rem;
}
.add-medium-rectangle {
	background: rgb(228, 131, 131);
	width: 100%;
	height: 250px;
}

.directory-container {
	margin-bottom: 4rem;
	position: relative;
}

.tile-container {

	background: #fff;
	border-radius: 1rem;
	overflow: hidden;
}
.tile-container li {
	margin-left: 3rem;
}

.tile-container a {
	display: block;
	font-size: 1.8rem;
	text-decoration: none;
	color: #1D1D1D;
	padding: 0.5rem 1.5rem .5rem 1rem;
}
/*.tile-container li:before {
	content: "·";
}*/

.tile-container .tile-head {
	display: block;
	padding: 1.5rem 2rem;
	color: rgb(255, 255, 255);
	text-decoration: none;
	font-size: 1.9rem;
	margin-bottom: 2rem;
}


/* Klinikwahrheiten
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.daten-h2 {
	margin-bottom: 3.5rem;
}
.daten-h2-pre {
	font-size: 2rem;
	color: #7b8b8e;
}
.daten-h3 {
	color: #7b8b8e;
	margin-bottom: .5rem;
}
.kliwa-eintrag-h3 {
	font-size: 2rem;
	font-weight: normal;
	border-bottom: 1px solid #595959;
	margin-bottom: 50px;
}
.kliwa-eintrag-h4 {
	font-size: 2rem;
	font-weight: normal;
	border-bottom: 1px solid #595959;
	margin-top: 50px;
}
.kliwa-container {
	color: #7b8b8e;
}
@media (min-width: 800px) {
	.daten-h3 {
		text-align: right;
		margin-bottom: 2rem;
	}
}
.gesamtnote {
	font-size: 9rem;
	line-height: 1em;
	text-align: center;
	color: #fff;
	background: #1254a0;
	padding: 1rem;
	margin-bottom: .5rem;
	border-radius: 2rem;
}
.daten-intro {
	margin: 0;
	font-size: 1.7rem;
}

.daten-intro dt {
	color: #7b8b8e;
	font-size: 1.4rem;
	display: inline-block;
}
.daten-intro dd {
	margin-left: 0;
	margin-bottom: .5rem;
	display: inline-block;
}

@media (min-width: 550px) {
	.daten-intro dt {
		margin-bottom: .5rem;
	}
	.daten-intro dd {
		width: 70%;
		margin-left: 1rem;
	}
}
.info-kasten {
	padding: 2rem;
/*	background: #2a4354;*/
	background: #e8ebed;
	font-size: 1.7rem;
	border-radius: 2rem;
}
.noten {
	margin: 0;
}
.noten li {
	margin: 1rem 0;
}
.noten dt {
	margin-right: 1rem;
	width: 13rem;
	text-align: right;
}
.noten dd {
	margin-left: 0;
	margin-right: 2rem;
	background: #1254a0;
	color: #fff;
	padding: 0 1rem;
	border-radius: .7rem;
}


/* Progress Bar
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.progress-bar-container {
	text-align: center;
	position: relative;
	width: 50%;
	margin: 0 auto;
}
.progress-circle:first-of-type {
	left: 0;
}
.progress-circle:nth-of-type(2) {
	left: 50%;
}
.progress-circle:last-of-type {
	left: 100%;
}

.progress-circle {
	display: block;
	position: absolute;
	margin-top: -14px;
	margin-left: -16px;
	color: #1254A0;
	font-weight: bold;
	background-color: #fff;
	border: 3px solid #1254A0;
	width: 32px;
	height: 32px;
	line-height: 28px;
	border-radius: 5em;
}
.progress-circle-active {
	background-color: #1254A0;
	color: #fff;
}
.progress-bar {
	position: absolute;
	top: 25px;
	left: 0;
	right: 0;
	height: 3px;
	background-color: #1254A0;
}
.current-page {
	padding: 0 8px;
	display: inline-block;
	background: #1b54a0;
	color: #fff;
}


/* Forum
–––––––––––––––––––––––––––––––––––––––––––––––––– */


.forum_sub_table {
	display: table;
}


.forumbit_post > .forumrow > .foruminfo {
	display: table-cell;
}


.pagination {
	float: right;
}
.threadtitle a {
	color: #222;
}

.lastposttitle > .threadtitle {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 10em;
}

.popupbody {
	padding: 4px;
	background: #FFF none;
	border: 1px solid #E1E1E1;
	position: absolute;
	z-index: 1000;
	top: 1.5em;
	left: 0;
	display: none;
	min-width: 200px;
}
.postuseravatar {
	display: block;
	width: 100%;
	position: relative;
}
.postuseravatar:before {
	content: "";
	display: block;
	padding-top: 100%;
}
.useravatar {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.useravatar-initial {
	display:inline-block;
/*	visibility:hidden;*/
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	font-size: 0;
}
.useravatar-initial:first-letter {
	visibility:visible;
	font-size: 40px;
}
.useravatar-initial::first-letter {
	visibility:visible;
	font-size: 40px;
}
.postcontent {
	margin: 0;
}
.postcontainer {
	margin-bottom: 5rem;
	display: block;
}
.username {
	color: #222;
	font-size: 1.6rem;
	margin-bottom: 2.5rem;
	display: inline-block;
}
.tab-td .username {
	margin-bottom: 0;
	padding-left: 0rem !important;
}
.userinfo {
	width: 25%;
	float: left;
	padding-left: 9%;
	padding-right: 2%;
	margin-bottom: 2.5rem;
}
.username_container {
	width: 75%;
	float: left;
	box-sizing: border-box;
	padding-left: 2%;
	padding-right: 2%;
}
.popupmenu.memberaction {
	display: inline-block;
	line-height: 1.5rem;
}
.postdate.old {
	/* display: inline-block; */
	float: right;
	color: #7f7f7f;
}
.postfoot {
	margin-bottom: 10rem;
}
.postcontrols {
	float: right;
}
.bbcode_quote {
	margin-left: 20px;
	margin-bottom: 20px;
	border-left: 2px solid #222;
	padding-left: 20px;
}
.bbcode_quote .message {
	font-style: italic;
}
.above_postlist {
	margin-bottom: 20px;
}
.nodecontrols {
	margin: 10px;
	display: block;
}
.popupbody li {
	list-style-type: none;
}
.popupbody li a {
	color: #222;
}
.avatar0 {
	background-color: #B04929;
}
.avatar1 {
	background-color: #AE25D0;
}
.avatar2 {
	background-color: #C4CD38;
}
.avatar3 {
	background-color: #345EAA;
}
.avatar4 {
	background-color: #1C2AB6;
}
.avatar5 {
	background-color: #F17F0F;
}
.avatar6 {
	background-color: #E12D2D;
}
.avatar7 {
	background-color: #972686;
}
.avatar8 {
	background-color: #CC3B3B;
}
.avatar9 {
	background-color: #8D59C2;
}
.avatar10 {
	background-color: #F96D3C;
}
.avatar11 {
	background-color: #775E9C;
}
.avatar12 {
	background-color: #3F6F94;
}
.avatar13 {
	background-color: #56B61C;
}
.avatar14 {
	background-color: #68E0DF;
}
.avatar15 {
	background-color: #4790B2;
}
.avatar16 {
	background-color: #15962A;
}
.avatar17 {
	background-color: #F1A40F;
}
.avatar18 {
	background-color: #5FCF80;
}
.avatar19 {
	background-color: #C25975;
}
.avatar20 {
	background-color: #F9845B;
}
.avatar21 {
	background-color: #9868E0;
}
.avatar22 {
	background-color: #68ACE0;
}
.avatar23 {
	background-color: #95E068;
}
.avatar24 {
	background-color: #68E0A3;
}
.avatar25 {
	background-color: #5647B2;
}
.avatar26 {
	background-color: #46B258;
}
.avatar27 {
	background-color: #F1C40F;
}
.avatar28 {
	background-color: #E06868;
}
.avatar29 {
	background-color: #39ADD1;
}
.useravatar.customavatar {
	background-color: transparent;
	align-items: flex-start;
}
.hidden {
	display: none !important;
}
html span.cke_skin_kama {
	border: none;
	padding: 0;
}
.cke_skin_kama .cke_wrapper.cke_ltr, .cke_skin_kama .cke_wrapper.cke_rtl {
	background: #d3d3d3;
}
.shade {
	font-size: 1.4rem;
	color: #747474;
	text-align: center;
	padding: 5px 0;
}
.threadimod.td {
	display: table-cell;
	position: inherit;
	/* right: -30px; */
	/* padding-top: 1.6rem; */
	vertical-align: middle;
}

.threadlist h3 {
	border-bottom: 1px solid #cecece;
}

li.rmanage {
	display: inline-block;
	padding-left: 1rem;
	list-style-type: none;
}

.newcontent_textcontrol {
	display: inline-block;
	height: 38px;
	padding: 0 30px;
	color: #fff;
	text-align: center;
	font-size: 11px;
	font-weight: 600;
	line-height: 38px;
	letter-spacing: .1rem;
	text-transform: uppercase;
	text-decoration: none;
	white-space: nowrap;
	background-color: #1254a0;
	border: none;
	border-radius: 10px;
	cursor: pointer;

}

.above_threadlist {
	height: 5.5rem;
	margin-bottom: 2rem;
}

.below_threadlist {
	margin-top: 1.5rem;
}

.toolsmenu {
	border: none;
	border-bottom: 1px solid #cecece;
	background: none;

}

.lastpost_subforum {
	margin-left: 4px;
}

.tab-head-underline {
	border-bottom: 1px solid #cecece;
}

.above_threadlist .threadpagenav {
	font-size: 12px;
	position: initial;
}


/* Club
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.club-hero {
	height: 800px;
	background-color: #fff;
}
@media (min-width: 800px) {
	.club-hero {
		background: url(/club/img/Hero.jpg) center top no-repeat fixed;
	}
}
.clublogos {
	margin: 30px auto 58px;
	width: 100%;
	height: 50px;
	position: relative;
	display: flex;
	justify-content: center;
}
@media (min-width: 400px) {
	.clublogos {
		height: 60px;
	}
}
@media (min-width: 760px) {
	.clublogos {
		height: 80px;
		margin: 30px auto 0;
	}
}
.clublogos a {
	display: block;
	height: 100%;
	margin: 0 10px;
}
.clublogos a img {
	height: 100%
}
.club {
	color: #204056;
	background: #3d3d3d;
}
.club-start-nav {
	padding: 10px 0;
}
.club-start-nav ul {
	text-align: center;
}
.club-start-nav li {
	display: inline-block;
	margin: 0 5px;
}
.btn.trans {
	border: 1px solid #1254a0;
	background: none;
	color: #1254a0;
	font-weight: bold;
	font-size: 18px;
	padding: 0 10px;
}
@media (min-width: 800px) {
	.btn.trans {
		font-size: 20px;
		padding: 0 30px;
	}
}
.btn.trans:hover {
	background: #1254a0;
	color: #fff;
}

.clublogo {
	margin: 0 auto;
	padding: 30px 0 40px;
	width: 150px;
}


.rep-header .clublogo {
	margin-right: 20px;
	float: right;
}
.clublogo.bigger {
	width: 200px;
}
@media (min-width: 600px) {
	.clublogo,
	.rep-header .clublogo {
		width: 200px;
		margin: 0 auto;
		float: none;
	}
}

.center-container {
	max-width: 385px;
	margin: 0 auto;
}
.white-box {
	background: #fff;
	border-radius: 10px;
	padding: 30px 20px;
	position: relative;
	border: 3px solid #e8ebed;
}
@media (min-width: 800px) {
	.white-box {
		padding: 30px 60px;
		position: relative;
		border: none;
	}
}
.bubble-stoerer {
	background: #52df26;
	width: 240px;
	border-radius: 135px;
	height: 70px;
	text-align: center;
	vertical-align: middle;
	color: #fff;
	transform: rotate(8deg);
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: -50px;
	right: -20px;
}
@media (min-width: 800px) {
	.bubble-stoerer {
		width: 135px;
		height: 135px;
		color: #fff;
		transform: rotate(15deg);
		top: -80px;
		right: -80px;
	}
}


.mt33 {
	margin-top: 33px;
}

.mt60 {
	margin-top: 60px;
}
.bggrey {
	padding: 65px 0 120px;
	/* background: #e8e8e8; */
	background-color: #E4EAF2;
}

.bggrey--new {
	background-color: #E4EAF2;

}
.club-h2 {
	font-size: 24px;
	color: #204056;
	/* padding-top: 10px; */
}
.h2-icon {
	width: 24px;
	height: 24px;
	position: relative;
	top: 3px;
	margin-right: 10px;
	fill: #1254a0;
}
.club-h3 {
	font-weight: bold;
	margin-bottom: 15px;
}
/*.site-footer {
	border-top: 1px solid #222;
}*/
.partner-footer {
	background-color: #fff;
	padding: 36px 0;
}
.footer-text {
	color: #1254a0;
}
.club-partner {
	display: block;
	position: relative;
	margin-bottom: 10px;
	margin-right: 20px;
	/* height: 50px; */
	width: 150px;
}
.col .club-partner {
	height: 50px;
}
.legal {
	text-align: center;
	background-color: #1254a0;
}
.legal a {
	padding: 5px 16px;
	font-size: 14px;
	color: #fff;
}
@media (min-width: 600px) {
	.club-partner {
		display: inline-block;
/*		margin-bottom: 30px;*/
	}
}
.club-partner .footer-logo {
	position: absolute;
	width: 100%;
	height: 100%;
	fill: #1254a0;
}
.club-partner.footer-logo-ml {
	width: 137px;
}
.club-partner.footer-logo-hb {
	width: 230px;
}
.club-partner.footer-logo-mb {
	width: 124px;
}
.club-partner.footer-logo-fvdz {
	width: 140px;
}
.partner-h2 {
	font-size: 18px;
	font-weight: normal;
	letter-spacing: 0;
	color: #E4EAF2;
}
.btn-oneline {
	height: 52px;
	display: inline-block;
	padding-left: 0;
	padding-right: 0;
	width: 100%; /*20%*/
	font-weight: bold;
	line-height: 52px;
	font-size: 16px;
}
.btn-small {
	height: 52px;
	display: inline-block;
	padding-left: 0;
	padding-right: 0;
	width: 20%;
	font-weight: bold;
	line-height: 52px;
	font-size: 16px;
}
.btn-high {
	height: 52px;
	font-weight: bold;
	display: inline-block;
	line-height: 52px;
	font-size: 16px;
}
select::-ms-expand {
    display: none;
}
select {
	position: relative;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border:none;
	border-radius: 0;
	font-size: 1em;
	width: 100%;
	background-image: url("/club/img/select-arrow-grey.png");
	background-position: right;
	background-repeat: no-repeat;
}
.select-button {
	background-color: #1c54a0;
	border: none;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: .1rem;
	cursor: pointer;
	background-image: url("/club/img/select-arrow.png");
	border: 3px solid #1c54a0;
}
.select-button:hover {
	background-color: #367DB2;
	color: #fff;
}
.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
.wid70 {
	width: 70%;
	display: inline-block;
}
.wid79 {
	width: 79%;
	display: inline-block;
}
.label-norm {
	font-weight: normal;
}
.erweitere-suche {
	padding-right: 52px;
	font-weight: normal;
	display: block;
	text-align: right;
}
.schnelle-suche {
	font-weight: normal;
	padding-left: 10px;
}
@media (max-width: 800px) {
	.w100 {
		width: 100%;
	}
}
.rep-kasten {
	margin-bottom: 40px;
	display: block;
	color: #204056;
	font-weight: inherit;
}
.rep-kasten-head {
	background-color: #E4EAF2;
	white-space: nowrap;
	overflow: hidden;
}


.rep-kasten-h3 {
	font-size: 24px;
	border-bottom: 7px solid #1254a0;
	text-align: left;
	padding-bottom: 10px;
	margin-bottom: 0;
}
@media (min-width: 800px) {
	.rep-kasten-h3 {
		text-align: center;
	}
	.folder > .rep-kasten-head {
		display: none
	}
}

.toggle-box-switch:before {
	content: '';
	position: absolute;
	width: 15px;
	height: 15px;
	top: 17px;
	right: 15px;
	transform: rotate(45deg);
	border-top: 2px solid #ccc;
	border-left: 2px solid #ccc;
	z-index: 999999;
	transition: .3s transform ease;
}
.toggle-box-switch.active:before {
	transform: rotate(225deg);
}

.toggle-box .toggle-box-body {
	display: none;
}
.toggle-box.active .toggle-box-body {
	display: block;
}
.toggle-box-switch {
	position: relative;
	cursor: pointer;
}


@media (max-width: 800px) {
	.s-toggle-box-switch:before {
		content: '';
		position: absolute;
		width: 15px;
		height: 15px;
		top: 7px;
		right: 15px;
		transform: rotate(45deg);
		border-top: 5px solid rgb(18, 84, 160);
		border-left: 5px solid rgb(18, 84, 160);
		z-index: 999999;
		transition: .3s transform ease;
	}
	.s-toggle-box-switch.active:before {
		transform: rotate(225deg);
	}

	.s-toggle-box .s-toggle-box-body {
		display: none;
	}
	.s-toggle-box.active .s-toggle-box-body {
		display: block;
	}
	.s-toggle-box-switch {
		position: relative;
		cursor: pointer;
	}
	.folder .rep-kasten-body {
		display: none
	}

	.folder .s-toggle-box-body {
		background-color: #fff;
		padding: 20px;
	}
	.folder .rep-kasten {
		margin-bottom: 0;
	}
	.rep-kasten-head.toggle-content {
		background: rgba(0,0,0,0);
		padding: 10px;
		border-bottom: 1px solid #000;
	}
	.rep-kasten-head.toggle-content .rep-kasten-h3 {
		font-size: 18px;
		border-bottom: 0;
		color: #1254a0;
		padding-bottom: 0;
	}
}
.rep-kasten-body {
	background-color: #fff;
	padding: 20px;
}
.rep-kasten-body li {
	padding: 10px;
	border-bottom: 1px solid #000;
}
.clubtabelle {
	width: 100%;
	/*table-layout: fixed;*/
}
.clubtabelle.mitglieder td {
	font: 14px;
}
.clubtabelle td {
	background-color: #fff;
	/* border-bottom: 1px solid #000; */
	padding: 10px 5px;
}

.clubtabelle td:first-child,
.clubtabelle td:last-child {
	padding: 10px;
}
.clubtabelle th:not(.the-datepicker__week-day),
.clubtabelle th:not(.the-datepicker__week-day):first-child,
.clubtabelle th:not(.the-datepicker__week-day):last-child {
	background-color: #E4EAF2;
	border-bottom: 3px solid #1254a0;
	padding-bottom: 10px;
	margin-bottom: 0;
}
@media (max-width: 800px) {
	.nopad {
		padding: 0;
	}
}

.big {
	font-size: 24px;
	font-weight: bold;
	vertical-align: middle;
}
.aktions-btn {
	width: 34px;
	height: 34px;
	margin: 0 5px;
	background: #1254a0;
	display: inline-block;
	border-radius: 34px;
}
@media (min-width: 800px) {
	.aktions-btn:hover {
		background-color: #367DB2;
	}
}
.white-icon {
	overflow: hidden;
	fill: #fff;
	width: 24px;
	height: 24px;
	position: relative;
	top: 5px;
	margin-right: 10px;
}
.white-icon.circle {
	overflow: hidden;
	fill: #fff;
	width: 20px;
	height: 20px;
	position: relative;
	top: 7px;
	left: 7px;
	margin-right: 0;
}

@media (max-width: 980px) {
	.clubtabelle td:not(.the-datepicker__cell) {
		display: block;
		padding: 0 20px;
		border-bottom: none;
	}
	.clubtabelle td:not(.the-datepicker__cell):first-child {
		padding-top: 20px;
		padding-bottom: 0;
	}
	.clubtabelle td:not(.the-datepicker__cell):last-child {
		padding-bottom: 20px;
		padding-top: 0;
		/* border-bottom: 1px solid #000; */
	}
	.clubtabelle th:not(.the-datepicker__week-day) {
		display: block
	}
	.clubtabelle tr {
		display: block;
		border-bottom: 3px solid #e4eaf2;
	}
	.mitgliedsnummer {
		display: block;
	}
	.aktions-td {
		padding-top: 20px!important;
	}
	.aktion-detail {
		margin-left: 0;
	}
}

.form-ele-klein {
	width: 14.5%;
	margin-right: 1%;
	float: left;
}
.form-ele-klein--label {
	width: calc(14.5% - 10px);
}
.form-ele-gross {
	width: 84.5%;
	margin-right: 1%;
	float: left;
}
.form-ele-gross--label {
	padding-left: 20px;
}
.form-ele-gross2 {
	width: 69%;
	margin-right: 1%;
	float: left;
}
.form-ele2 {
	width: 49.5%;
	margin-right: 1%;
	float: left;
}
.form-ele3 {
	width: 32.666%;
	margin-right: 1%;
	float: left;
}
.form-ele4 {
	width: 24.25%;
	margin-right: 1%;
	float: left;
}
.form-ele6 {
	width: 14.833%;
	margin-right: 1%;
	float: left;
}
.form-ele-klein:last-child,
.form-ele-gross:last-child,
.form-ele-gross2:last-child,
.form-ele6:last-child,
.form-ele4:last-child,
.form-ele3:last-child,
.form-ele2:last-child,
.mr0 {
	margin-right: 0;
}
.mt30 {
	margin-top: 30px;
}
.posfix {
	position: fixed;
	-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
	transform: translateZ(0);
}
.ml20 {
	margin-left: 20px;
}
.mehr-erfahren {
	display: block;
	margin-top: 10px;
	font-weight: bold;
	color: #1254a0;
}
@media (max-width: 800px) {
	.posfix {
		bottom: 20px;
		left: 20px;
		right: 20px;
	}
	.posfix .btn-high {
		width: 100%
	}
	.btn-resp {
		width: 100%;
		display: block;
		margin-top: 20px;
	}
	.mt30 {
		margin-top: 0;
		margin-bottom: 20px;
	}
}
.m-switsch-wrapper {
	width: 100%;
	border: 3px solid #1254a0;
	border-radius: 10px;
	margin: 20px auto;
}
@media (min-width: 760px) {
	.m-switsch-wrapper {
		margin: 40px auto;
	}
}

.m-switsch-btn {
	display: block;
	width: 50%;
	float: left;
	text-align: center;
	font-size: 18px;
	color: #000;
	line-height: 1.4;
	white-space: pre;
}
.m-switch-real {
	background-color: #fff;
	height: 25px;
	color: #000;
	text-decoration: none;
	white-space: nowrap;
	background-color: #ffffff;
	border: none;
	cursor: pointer;
	font-weight: bold;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	transition: background-color .2s ease;
}

.m-switsch-btn.eigene {
	padding: 0 20px;
}
@media (min-width: 800px) {
	.m-switsch-btn {
		font-size: 20px;
		line-height:46px;
	}
	.m-switch-real {
		height: 46px;
	}
}

.m-switsch-btn.active {
	background-color: #1254a0;
	color: #fff;
}
.m-switsch-btn:hover {
	background-color: #1254a0;
	color: #fff;
}
.decimal li {
	counter-reset: my-badass-counter;
}
.decimal li:before {
	content: counter(my-badass-counter);
	counter-increment: my-badass-counter;
	position: absolute;
	left: 0;
	top: 0;
	font: bold 50px/1 Sans-Serif;
}
.aktions-td {
	min-width: 135px;
}
@media (min-width: 980px) {
	.initial {
		font-size: 0;
		line-height: 0;
	}
	.initial:first-letter {
		font-size: 18px;
		visibility: visible;
}
}

@media (max-width: 980px) {
	th:not(.the-datepicker__week-day).fade {
		display: none
	}
	.clubtabelle td.data {
		padding-left: 20px;
	}
	.data:before {
		font-size: 16px;
		color: #969696;
		margin-right: 5px;
	}

	.data-anm:before {
		content: "Anmeldedatum: ";
	}
	.data-name:before {
		content: "Name: ";
	}
	.data-vorname:before {
		content: "Vorname: ";
	}
	.data-geb:before {
		content: "Geburtstag: ";
	}
	.data-plz:before {
		content: "PLZ: ";
	}
	.data-ort:before {
		content: "Ort: ";
	}
	.data-phase:before {
		content: "Phase: ";
	}
	.data-club:before {
		content: "Club: ";
	}
	.data-sem:before {
		content: "Semester: ";
	}
	.data-stud:before {
		content: "Studiengang: ";
	}
	.data-stat:before {
		content: "Status: ";
	}
	.data-datum:before {
		content: "Datum: ";
	}
	.data-uhrzeit::before {
		content: "Uhrzeit: ";
	}
	.data-freie_plaetze::before {
		content: "Freie Plätze: ";
	}
	.data-art:before {
		content: "Art: ";
	}
	.data-aktion:before {
		content: "Aktion: ";
	}
	.data-durch:before {
		content: "Durch: ";
	}
	.data-notiz:before {
		content: "Notiz: ";
	}
	.data-betreuer:before {
		content: "Betreuer: ";
	}
	.data-mitgliedsnummer:before {
		content: "Mitgliedsnummer: ";
	}
	.data-anmeldedat:before {
		content: "Antrag erfasst: ";
	}
	.data-anmeldedat:before {
		content: "Freischaltung: ";
	}
	.data-antragstat:before {
		content: "Antrag eingegangen: ";
	}
	.data-abrdat:before {
		content: "Werbeprämie Verband angefordert: ";
	}
	.data-abrverb:before {
		content: "Verband: ";
	}
	.data-nr:before {
		content: "Nr.: ";
	}
	.data-aendern:before {
		content: "Ändern: ";
	}
	.data-veranstaltung:before {
		content: "Veranstaltung: ";
	}
	.data-preis:before {
		content: "Preis: ";
	}
	.data-freie:before {
		content: "freie Plätze: ";
	}
	.data-uni:before {
		content: "Uni: ";
	}
	.data-anzstudenten:before {
		content: "Anzahl Studenten: ";
	}
	.data-gesamt:before {
		content: "Gesamt: ";
	}
	.data-inbetr:before {
		content: "in Betreuung: ";
	}
	.data-kunde:before {
		content: "Kunde: ";
	}
	.data-vorstud:before {
		content: "vor dem Studium: ";
	}
	.data-vorklinik:before {
		content: "Vorklinik: ";
	}
	.data-klinik:before {
		content: "Klinik: ";
	}
	.data-pj:before {
		content: "PJ: ";
	}
	.data-sonstige:before {
		content: "Sonstige: ";
	}
	.data-staatsexamen:before {
		content: "Staatsexamen: ";
	}
	.data-auswahl:before {
		content: "Auswahl: ";
	}
	.data-rep:before {
		content: "Repräsentant: ";
	}
	.data-vertrag:before {
		content: "Vertrag/apo: ";
	}
	.data-orga:before {
		content: "Organr.: ";
	}
	.data-typ:before {
		content: "Typ: ";
	}
	.data-dyn:before {
		content: attr(data-dyn);
	}
}
@media  (min-width:980px) {
	td.td-tn {
		width: 180px;
		text-align: right;
		padding-right: 40px;
	}
}
.feld-container.white {
	background-color: #fff;
	padding:20px 0;
}
.form-ele.white {
	background-color: #fff;
	border-color: #fff;
}
.form-ele.white:focus {
	background-color: #dadce0;
}
.mr20 {
	margin-right: 20px;
}
.mb80 {
	margin-bottom: 80px;
}
.mb65 {
	margin-bottom: 65px;
}
.mb60 {
	margin-bottom: 60px;
}
.mb40 {
	margin-bottom: 40px!important;
}

.mb20 {
	margin-bottom: 20px;
}
.mb0 {
	margin-bottom: 0!important;
}
.pl40 {
	padding-left: 40px;
}
.ml30 {
	margin-left: 30px
}
.float-nav li {
	float: left;
}
.clubtabelle .legende {
	font-style: italic;
}
.kontakt-klein {
	font-size: .9em;
	opacity: 0.8;
}

@media (max-width: 800px) {
	.float-nav li {
		width: 100%
	}
	.float-nav li a {
		width: 100%
	}

	.s-mb20 {
		margin-bottom: 20px;
}
	.s-mb10 {
		margin-bottom: 10px;
	}
}
@media (min-width: 980px) {
	.clubtabelle .legende {
		width: 230px; /*320px*/
		text-align: right;
		font-style: normal;
		vertical-align: top;
		font-weight: bold;
	}
}

.club-tile-article {
	position: relative;
	display: block;
	border: 5px solid #fff;
}
@media (max-width: 800px) {
	.club-tile-article {
		margin-bottom: 20px;
	}
}
.club-tile-article img {
	width: 100%;
	display: block;
}
.kontakt-row {
	margin-bottom: 20px;
	border-radius: 20px;
}
.kontakt-row .col {
	background-color: #1b54a0;
	padding-top: 12px;
	padding-bottom: 12px;
	transition: background-color 0.2s ease-out;
}
.kontakt-row .col:hover {
	background-color: #367DB2;
}
.kontakt-row a:first-of-type .col {
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
/*	border-top: 5px solid #fff;
	border-left: 5px solid #fff;
	border-bottom: 5px solid #fff;*/
}
.kontakt-row a:last-of-type .col {
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
/*	border-top: 5px solid #fff;
	border-right: 5px solid #fff;
	border-bottom: 5px solid #fff;*/
}
.kontakt-row a {
	color: #fff;
	text-align: center;
	display: block;
}
.kontakt-row a:hover {
	color: #fff;
	text-align: center;
	display: block;
}
.club-tile-inner {
	position: relative;
	display: block;
	border: 5px solid #fff;
	overflow: hidden;
}

.club-tile-inner img {
	width: 100%;
	display: block;
	transition: all 0.2s ease-out;
}
.club-tile-inner:hover img,
.club-tile-inner:hover .gpzaehler {
	transform: scale(1.05);
}
.gpzaehler {
	position: absolute;
	top: 50%;
	text-align: center;
	width: 100%;
	font-size: 40px;
	margin-top: -10px;
	margin-left: -20px;
	color: #fff;
	font-weight: bold;
	transition: all 0.2s ease-out;
}
.club-geschenk-container {
	width: 50%;
	float: left;
	box-sizing: border-box;
	padding-left: 10px;
	padding-right: 10px;
}
@media (min-width: 600px) {
	.club-geschenk-container {
		width: 33.3333333%;
	}
}

@media (min-width: 800px) {
	.club-geschenk-container {
		width: 16.6666666667%;
	}
}
.club-geschenk-container a {
	position: relative;
	display: block;
	border-radius: 50%;
	overflow: hidden;
	transition: all 0.2s ease-out;
}
.club-geschenk-container a:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border-radius: 50%;
	border: 6px solid #1254a0;
	opacity: 0;
	transition: all 0.2s ease-out;
}
.club-geschenk-container a:hover:before {
	opacity: 1;
}
.club-geschenk-container img {
	display: block;
	width: 100%
}
.geschenke-wrapper {
	padding: 0 10px;
}
/* NAV */

body.club {
	overflow-x: hidden;
	width: 100%;
}

.main-nav-icon {
	position: absolute;
	padding: 5px 10px;
	background-color: rgba(0,0,0,0);
	/*border-radius: 10px;
	border: 2px solid #1254a0;*/
	transition: .3s border-color ease;
}

.kontakt-nav {
	position: relative;
	z-index: 100;
	margin-top: 45px;
	margin-right: 20px;
	float: right;
}
.kontakt-nav li {
	display: inline-block;;
}
.kontakt-nav a {
	padding: 0 3px;
	display: inline-block;;
}
@media (max-width: 375px) {
	.kontakt-nav {
		font-size: 0.8em
	}
}
/*.kontakt-nav a {
	text-decoration: underline;
}*/
.home-button {
	left: 50px;
}

/*.menu-toggle {
	left: 20px;
}*/

.menu-toggle.active {
		border-color: #242424;
}

.main-nav-icon-svg {
	width: 30px;
	height: 30px;
	fill: #fff;
	transition: .3s fill ease;
}
/*a.menu-toggle.active .main-nav-icon-svg {
	fill: #242424;
}*/

/*@media (min-width: 500px) {
	.main-nav-icon-svg {
		width: 45px;
		height: 45px;
	}
	.main-nav-icon {
		top: 58px;
		border: 3px solid #1254a0;
	}
}
@media (min-width: 500px) {
	.home-button {
		left: 110px;
	}
}*/



@media (min-width: 800px) {
	.main-nav-icon:hover {
			border-color: #242424;
	}
	.main-nav-icon:hover .main-nav-icon-svg {
		fill: #242424;
	}
}
.content-wrapper {
	background-color: #fff;
	position: relative;
	overflow: hidden;
	z-index: 0;
	transition: .3s transform ease;

/*	-webkit-transform: translate3d(0,0,0) scale3d(1,1,1);
	-moz-transform: translate3d(0,0,0) scale3d(1,1,1);
	-ms-transform: translate3d(0,0,0) scale3d(1,1,1);
	-o-transform: translate3d(0,0,0) scale3d(1,1,1);
	transform: translate3d(0,0,0) scale3d(1,1,1);
*/
}

.main-menu {
	background: #242424;
	position: fixed;
	left: 0;
	width: 250px;
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	padding-bottom: 2em;
	z-index: 1;
	transition: .3s transform ease;
	transform: translate3d(-250px,0,0) scale3d(1,1,1);
}

@media (min-width: 800px) {
	.main-menu {
		width: 300px;
		transform: translate3d(-350px,0,0) scale3d(1,1,1);
	}
}


.main-menu-nav {
	/* *zoom: 1; */
	display: block;
	position: relative;
	padding-top: 30px;
	transition: transform .3s ease;
	transform: translate3d(0, 0, 0) scale3d(0.6, 0.6, 0.6);
	transform-origin: 100% 50%;
}

.main-menu-nav li {
	list-style: none;
	position: relative;
	/*border-top: 1px solid rgba(255, 255, 255, 0.1);*/
}
/*.main-menu-nav li:last-child {
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}*/
.main-menu-nav .menu-heading {
	color: #ccc;
	padding: 8px 0 5px 13px;
	margin-top: 25px;
	border-top: none;
	display: block;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.main-menu-nav li a {
	display: block;
	font-weight: bold;
	text-indent: 2em;
	color: #ccc;
	outline: none;
	white-space: nowrap;
	padding: 8px 0;
	font-size: .95em;

	background-repeat: no-repeat;
	background-position: 1.3em 50%;
	background-size: 1em;
	transition: all 0.3s ease;
}
@media (min-width: 800px) {
	.main-menu-nav li a {
		font-size: 1em;
	}
	.main-menu-nav li a:hover {
		background-color: rgba(255,255,255,.1);
	}
}


.active-nav .main-menu {
	z-index: 4;
	transform: translate3d(0,0,0);
}

.active-nav .content-wrapper {
	transform: translate3d(250px,0,0) scale3d(1,1,1);
}

@media (min-width: 800px) {
	.active-nav .content-wrapper {
		transform: translate3d(300px,0,0) scale3d(1,1,1);
	}
}

.active-nav .main-menu-nav {
	transform: translate3d(0,0,0) scale3d(1,1,1);
}
@media (min-width:1440px ){
	.rep-nav .active-nav .content-wrapper {
		transform: translate3d(0,0,0) scale3d(1,1,1);
	}
	.rep-nav .content-wrapper {
		margin-left: 300px;
	}
	.rep-nav .main-menu {
		z-index: 4;
		transform: translate3d(0,0,0);
	}
	.rep-nav .main-menu-nav {
			transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
	}
	.rep-nav .menu-toggle {
		display: none;
	}
	.rep-nav .home-button {
		left:20px;
	}
}
.hinweis {
	color:red;
}

.beschreibung {
	margin: 0px 0px 0px 0px;
}

.beschreibung-20bt {
	margin: 0px 0px 20px 0px;
}


.feld60 {
	float: left;
	width: 60%;
}

.feld20 {
	float: left;
	width: 20%;
}

.feld10 {
	float: left;
	width: 10%;
}

.feldInhalt_neu {
	float:left;
	width:160px;
}
.footer-nav a {
	font-size: .85em;
	color: #E4EAF2;
	font-weight: normal;
}
.footer-nav a:hover {
	color: #fff;
}
.footer-nav li {
	float: left;
}
.footer-nav li:after {
	color: #E4EAF2;
	content:"|";
	margin: 0 7px;
}
.footer-nav li:last-child:after {
	display: none;
}
.partner {
/*	width: 508px;*/
	padding: 20px;
	margin-bottom: 20px
}
.hartmannbund {
	background-color: #cae6df;
	/*border: 1px solid #009374;*/
}
.fvdzbox {
	background-color:#d3e5f4;
	/*border: 1px solid #0087c2;*/
}
.mbbox {
	background-color: #f4f4f5;
	/*border: 1px solid #009374;*/
}
.apo {
	background-color:#f4f4f5;
	/*border: 1px solid #003467;*/
}
.partner p {
	margin: 0 0 10px 0;
}
.inner {
	border-radius: 10px;
	color:#fff;
	padding: 20px;
	margin-bottom: 20px;
}
.hartmannbund .inner {
	background-color:#009374;
}
.fvdzbox .inner {
	background-color:#0087c2;
}
.mbbox .inner {
	background-color:#ED7807;
}
.apo .inner {
	background-color:#003467;
}
.checkbox-wrapper {
	float: left;
	width: 80px;
	text-align:right;
	padding-right:10px
}
p.partner-text {
	margin-left: 100px;
}
.checkbox-wrapper p {
	font-size: 10px;
}


/* Popup container */
.popup {
	position: relative;
	display: inline-block;
	cursor: pointer;
}

/* The actual popup (appears on top) */
.popup .popuptext {
	visibility: hidden;
	background-color: #1254a0;
	color: #fff;
	text-align: center;
	border-radius: 10px;
	padding: 18px;
	position: absolute;
	z-index: 1;
	bottom: 125%;
	left: 50%;
	margin-left: -80px;
}


/* Toggle this class when clicking on the popup container (hide and show the popup) */
.popup.active .popuptext {
	visibility: visible;
	-webkit-animation: fadeIn .3s;
	animation: fadeIn .3s
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
	from {opacity: 0;}
	to {opacity: 1;}
}

@keyframes fadeIn {
	from {opacity: 0;}
	to {opacity:1 ;}
}

.scroll-box {
	height: 350px;
	padding: 20px;
	overflow-y: scroll;
	border:1px solid #204056;

}
.fixed_table {
	table-layout: fixed;
}


.navbar {
	display: block;
	background-color: #1254a0;
	height: 38px;
}

.navbar > li {
	display: inline-block;
	position: relative;
}

@media (min-width: 900px) {
	.navbar > li > ul > li > a {
		padding: 10px 36px;
	}
}
.navbar li:hover {
	background-color: #509cd3;
}
.navbar > li > ul  {
	display: none;
	width: 250px;
	position: absolute;
	z-index: 100;
}

.navbar li {
	background-color: #1254a0;
	transition: background-color .1s ease;
}
.navbar > li > ul > li {
	text-align: left;
}



.club_top_header {
	background-color: #1254a0;
	height: 38px;
	position: absolute;
	left: 0;
	right: 0;
	z-index: 100;
	top: 100px;
}
@media (min-width: 400px) {
	.club_top_header {
		top: 110px;
	}
}
@media (min-width: 760px) {
	.club_top_header {
		position: static;
	}
}
.control-center {
	line-height: 36px;
	text-align: right;
	float: right;
}
.control-center a {
	color: #fff;
	display: inline-block;
	position: relative;
	padding:10px 15px 10px 30px;
	line-height: 1;
	font-weight: normal;
}
.control-center > a::before {
	content: "";
	display: inline-block;
	background-image: url(/club/img/profile.svg);
	position: absolute;
	right: 100%;
	width: 25px;
	height: 1em;
	background-repeat: no-repeat;
	margin-right: -30px;
}
.control-center_link.active + ul {
	display: block;
}


/* Ökosystem
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.oaa_header {
	background-color: #006fb9;
	height: 36px;
}
.oaa_logo {
	text-align: center;
}

/* Suche
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.such_tab_container {
	margin-top: 40px;
	margin-bottom: 25px;
}
.such_tab_container .label-vert {
	margin-left: 20px;
}
.such_tab_list {
	border-bottom: 2px solid #fff;
	/*text-align: center;*/
	padding-left: 50px;
	margin-bottom: 35px;
}
.such_tab {
	display: inline-block;
	margin: 0 10px -1px;
}
.such_tab a {
	display: block;
	font-weight: bold;
	padding: 5px 20px;
	border-bottom: 2px solid transparent;
	color: #204056;
}
.such_tab a.active,
.such_tab a:hover {
	color: #1254a0;
	border-color: #1254a0;
}
.tab_container {
	display: none;
	margin-bottom: 40px;
}
.tab_container.active {
	display: block;
}
.neutral,
.DESC,
.ASC {
	position: relative;
}
.DESC::before {
	display: inline-block;
	content: "";
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	border-top: 7px solid #1254a0;
	position: absolute;
	top: 12px;
	right: -18px;
}
.ASC::after {
	display: inline-block;
	content: "";
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	border-bottom: 7px solid #1254a0;
	position: absolute;
	top: 3px;
	right: -18px;
}
.neutral::before {
	display: inline-block;
	content: "";
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	border-top: 7px solid #aaa;
	position: absolute;
	top: 12px;
	right: -18px;
}
.neutral::after {
	display: inline-block;
	content: "";
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	border-bottom: 7px solid #aaa;
	position: absolute;
	top: 3px;
	right: -18px;
}

.clubtabelle .eigenes_mitglied td:first-child {
	border-left: 5px solid #76c092; /*22c1b9*/
}
.clubtabelle .sc_mitglied td:first-child {
	border-left: 5px solid #edc348; /*7cc3e0*/
}
.ergebnis_legende {
	margin: 20px 0 10px;
}

.ergebnis_legende li::before {
	content:'';
	position: relative;
	top: 3px;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 10px;
	border-radius: 5px;
}
.ergebnis_legende .eigenes_mitglied::before {
	background-color: #76c092;
}
.ergebnis_legende .sc_mitglied::before {
	background-color: #edc348;
}
.ergebnis_legende .bundesweit::before {
	background-color: #fff;
}
.feature {
	display: inline-block;
	background-color: #6ec57c;
	padding: 0 10px;
	text-align: left;
	font-weight: bold;
	border-radius: 10px;
	text-indent: 0;
	color: #fff;
	margin-left: .5rem;
}

.collapse_list {
	margin-top: 20px;
}
.collapse_item {
	border-bottom: 2px solid #1254a0;
}
.collapse_item:first-child {
	border-top: 2px solid #1254a0;
}
.collapse_header {
	position: relative;
	padding: 20px 10px;
	cursor: pointer;
	transition: color, background-color .5s linear;
	margin: 0;
	background-color: transparent;
}
.collapse_header::after {
	content: '+';
	display: block;
	position: absolute;
	right: 20px;
	bottom: 20px;
	width: 24px;
	height: 24px;
	color: #fff;
	background-color: #1254a0;
	line-height: 1.1;
	text-align: center;
	border-radius: 12px;
	font-size: 20px;
}
.collapse_header.active {
	background-color: #1254a0;
	color: #fff;
}
.collapse_header.active::after {
	content: '–';
	color: #1254a0;
	background-color: #fff;
}
.collapse_content {
	display: none;
}
/*.collapse_item {
	 width:100%;
}
.collapse_item h4,
.collapse_item div {
	width: 100%
}*/
.collapse_content {
	padding: 10px 10px 20px;
}

.artikel_box {
	border: 3px solid #1254a0;
	padding: 25px;
	background-color: #fff;
	border-radius: 25px;
}

.mitglieder-suche {
	margin-top: 20px;
}
iframe {
	 display: block;       /* iframes are inline by default */
    background: #000;
    border: none;         /* Reset default border */
    height: 100vh;        /* Viewport-relative units */
    width: 100vw;
}
/*.col-4 img {
	width: 100%;
}*/
.grafik img {
	width: 100%;
}
.neuer_abschnitt {
	margin-top: 40px;
}



.feld-container--new {
	margin-bottom: 10px;
	position: relative;
	flex-basis: 100%;
}


.feld-container--new label {
	position: absolute;
	top: 14px;
	left: 14px;
	transition: all .2s ease-out;
}


.eingabefeld~label,
.optional_eingabefeld~label,
select.eingabefeld~label,
textarea.eingabefeld~label {
	pointer-events: none;
}


.eingabefeld:focus ~ label,
input.eingabefeld:valid ~ label,
.optional_eingabefeld:focus ~ label,
input.optional_eingabefeld.active ~ label,
select.eingabefeld.active ~ label,
textarea.eingabefeld.active ~ label {
	top: 0;
	font-size: 12px;
	color: #777;
}

.eingabefeld {
	font-family: "Lato", Helvetica, Arial, sans-serif;
	padding: 14px 14px 0;
	height: 52px;
	/* vertical-align: top; */
	display: block;
	width: 100%;
	font-size: 1.8rem;
	border: none;
	border-bottom: 2px solid #fff;
	background-color: #fff;
	color: #204056;
	outline: 0;
	transition: all .2s ease-out;
	border-radius: 10px;
}

.nachname-suche {
	background-color: #E4EAF2;
	border-bottom: 2px solid #E4EAF2;
	font-size: 1.6rem;
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
}

.eingabefeld:focus,
input.eingabefeld:valid,
.optional_eingabefeld:focus,
input.optional_eingabefeld.active,
select.eingabefeld.active,
textarea.eingabefeld.active {
	background-color: #fff;
}
.eingabefeld:focus {
	border-color: #d2d2d2;
}
.nachname-suche:focus,
input.nachname-suche:valid {
	background-color: #E4EAF2
}
textarea.eingabefeld {
    height: 156px;
    padding-top: 20px;
}
.label-vert--new {
	font-size: 1.7rem;
}
.form-flex {
	display: flex;
	flex-wrap: wrap;
	gap: 0 10px;
}
.form-layout {
	/* margin: 0 20px; */
	display: flex;
	flex-wrap: wrap;
	gap: 0 20px;
	align-items: flex-start;
	flex-direction: column-reverse;
}
.form-flex__small {
	flex-basis: 115px;
}
.form-flex__big {
	flex-grow: 1;
   flex-basis: 40%;
}
.form-flex__extra-big {
	flex-grow: 1;
	flex-basis: 65%;
}
.form-flex__thirds {
	flex-basis: calc(33% - 20px / 3);
}
.form-flex__onethird {
	flex-basis: 100%;
	width: 100%;
}
.form-flex__twothirds {
	flex-basis: 100%;
	width: 100%
}
.form-flex__quaters {
	flex-basis: calc(25% - 30px / 4);
}
@media (max-width:  524px) {
	.sv-form-flex__full {
		flex-basis: 100%;
	}
	.sv-form-flex__big {
		flex-grow: 1;
	   flex-basis: 40%;
	}
	.sv-form-flex__halfs {
		flex-basis: calc(50% - 10px / 2);
	}
	.sv-form-flex__thirds {
		flex-basis: calc(33% - 20px / 3);
	}
}
@media (min-width: 800px) {
	.form-flex__onethird {
		flex-basis: calc(33% - 20px / 2);
	}
	.form-flex__twothirds {
		flex-basis: calc(66% - 20px / 2);
	}
	.form-layout  {
		flex-direction: row;
	}
}

.i-tool-tip {
	position: relative;
	top: 10px;
	min-height: 50px;
	margin: 0 10px 0 0;
}
.i-tool-tip__head {
	position: absolute;
	top: -10px;
	right: -10px;
	background: #1254a0;
	border-radius: 50px;
	display: block;
	width: 40px;
	height: 40px;
	line-height: 36px;
	text-align: center;
	font-weight: bold;
	font-size: 30px;
	color: #fff; /*#f3aa63*/
	border: 2px solid #E4EAF2;
	cursor: pointer;
	z-index: 2;
}
.i-tool-tip__content {
	display: none;
	padding: 14px 40px 14px 14px;
	background-color: #1254a0; /*#f3aa63*/
	color: #ffffff;
/*	font-weight: bold;*/
	position: relative;
	margin-bottom: 20px;
	border-radius: 20px;
}
@media (min-width: 800px) {
	.i-tool-tip__head {
		left: -10px;
		right: unset;
	}
	.i-tool-tip {
		margin: 0 0 0 10px;
	}
	.i-tool-tip__content {
		display: none;
		padding: 14px 14px 14px 40px;
	}
}
.checkbox-description--new {
	display: block;
}
.label-small--new {
	font-size: 1.6rem;
	line-height: 1.4;
	padding-top: 3px;
	padding-left: 2em
}
.feld-container--new .label-small--new {
	top: 0;
	left: 0;
}
hr.light--new {
	margin: 1rem 0 1.5rem;
}
.row-label {
	display: flex;
}
@media (min-width: 525px) {
	.row-label__item {
		-ms-grid-row-align: center;
		align-self: center;
		text-align: right;
		flex-basis: 100%;
	}
}
.verbandskasten-start {
	background-color: #c8e1e6;
	border-radius: 10px;
	color: #204056;
	padding: 20px;
}
.logo-start-container {
	position: absolute;
}
.logo-start-container img {
	display: none;
}
@media (min-width:  900px) {
	.logo-start-container img {
		display: block;
	}
}

.hb-logo-start-container {
	right: 30px;
}
.hb-logo-start-container img {
	height: 40px;
}
.mb-logo-start-container {
	right: 150px;
	max-width: 185px;
}
.mb-logo-start-container img {
	height: 50px;;
}
.logo-start-container.top {
	top: 25px;
}
.logo-start-container.bottom {
	bottom: 25px;
}

.hb-logo-choice-container {
	margin-bottom: 30px;
}
.mb-logo-choice-container {
	margin-bottom: 20px;
}
.hb-logo-choice-container img {
	display: block;
	height: 60px;
}
.mb-logo-choice-container img {
	display: block;
	height: 70px;
}
.row.flex {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	padding: 0 20px;
	margin-top: 20px;
}

.verbands-vorteile-container {
	flex-basis: 100%;
	padding: 30px 30px;
	background-color: #fff;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
}
@media (min-width: 900px) {
	.verbands-vorteile-container {
		flex-basis: calc(50% - 10px);
	}
}
.verbands-vorteile-button {
	margin-top: auto;
	align-self: flex-start;
}
.verbands-vorteile-list {
	margin-bottom: 20px;
}

.kurs-info-kasten	{
	background-color: #E4EAF2;
	padding: 25px;
	margin: 0 0 25px 0;
	border-radius: 10px;
}
.artikel_head--kursanmeldung {
	margin-bottom: 5px;
}
.artikel-sub-head {
	font-size: 2rem;
	margin-bottom: 20px;
}
.kurs-preis-tabelle {
	width: 100%;
	margin-bottom: 0;
}
.kurs-preis-tabelle td {
	padding: 6px 0 ;
}

.kurs-preis-tabelle td:last-child {
	text-align: right;
	white-space: nowrap;
}
.kurs-preis-tabelle tr:first-child td {
	padding-top: 0;
}
.kurs-preis-tabelle tr:last-child td {
	border-top: 2px solid #006fb9;
	border-bottom: none;
	font-weight: bold;
	padding-bottom: 0;
}
.kurs-info-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 25px;
}
.kurs-preis-tabelle-container,
.kurs-details-container {
	flex-basis: 100%;
}
@media (min-width: 570px) {
	.kurs-preis-tabelle-container,
	.kurs-details-container {
		flex-basis: calc(50% - 12.5px);
		align-self: flex-end;
	}
}
.kurs-details-h3 {
	margin: 10px 0 5px;
	line-height: 1.2;
}
.kurs-details-h3--small {
	font-size: 1.6rem;
}
/*.kurszeiten-table {
	margin-left: 20px;
}*/
.kurszeiten-table td {
	padding: 0;
	border: 0;
}
.kurszeiten-table td:last-child {
	padding-left: 30px;
}
.box_container--new {
	max-width: unset!important;
}
.club-tile-inner--erstitag {
	background-color: #1254a0;
	border-radius: 10px;
	color: #fff;
	padding: 20px;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	align-items: center;
}
.erstitag-logo {
	flex-basis: 250px;

}
.club-h2 {
	margin: 20px 0 40px;
}
.clubtabelle .club-h2 {
	margin: 0;
}

.alle-leistungen {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
.club-leistung {
	display: flex;
}
/* .club-leistung:nth-child(even) {
	flex-direction: row-reverse;
} */
.leistung-bild {
	flex-basis: 280px;
	margin: 0 20px;

}
.leistung-bild img {
	width: 100%;
	border: 4px solid #fff;
}
.leistung-text {
	flex-basis: 100%;
}
/* .club-leistung:nth-child(even) .leistung-text {
	text-align: right;
} */

.flex-Uhrzeit {
	display: flex;
	gap: 0 4px;
	align-items: center;
}
.flex-Uhrzeit {
	gap: 0 4px;
}
.feld-uhrzeit {
	width: 2.3em;
	padding: 0 6px;
}

.pt33 {
	padding-top: 33px;
}
.ml10 {
	margin-left: 10px;
}
.cl-header-img {
    margin: 0 auto;
    max-width: 1140px;
	width: 100%;
	
}
.rel {
	position: relative;
}
.flex-grow {
	flex-grow: 1;
}
.f1 {
	flex: 1;
}
.resp-flex-container {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
}
@media (min-width:710px) {
	.resp-flex-container {
		flex-wrap: wrap;
	}

}
.resp-flex-item {
	flex: 1 1 200px;
}
.noshrink {
	flex: 1 0;
}
.form-flex--fix {
	flex-wrap: nowrap;
	align-items: center;
	gap: 10px
}
.veranstaltungs-info-box {
	padding: 30px 0;
	background-color: #fff;
	border-radius: 10px;
	margin-bottom: 30px;
}

.center-btn-container {
	padding: 0 0 25px;
	display: flex;
	justify-content: center;
}

.stoerer_kreis {
	width: 160px;
	height: 160px;
	border-radius: 80px;
	background-color: #fff;
	font-size: 20px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #006fb9;
	margin: 20px 20px 0 0;
	transform: rotate(6deg);
}

.seminar_stoerer {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 110px;
	height: 110px;
	font-size: 0.9em;
	line-height: 1.2;
}
.the-datepicker__cell {
	border: none;
}
.row p img {
	max-width: 100%;
}

.marketing-container {
	display: flex;
	gap: 20px;
	margin-bottom: 24px;
	flex-direction: column;
}
.marketing-heading {
	flex: 1 0 100%;
}
.marketing-image {
	flex: 1;
	max-width: 300px;
}
.marketing-image img {
	width: 100%;
}
.marketing-text {
	flex: 1
}
@media (min-width:550px) {
	.marketing-container {
		flex-direction: row;
	}
}
.flex {
	display: flex;
	gap: 12px;
}
.abhol-img-bg {
	box-shadow: inset 0 -150px 0 #E4EAF2;
	margin-top: 30px;
}
.cl-header-img img{
	max-width: 100%;
}
.bggrey--small-padding {
	padding: 0 0 120px;
}
.club-h2--big-header {
	margin-left: 0;
	padding-top: 0;
	font-size: 3.8rem;
	margin-bottom: 20px;
}
.sub-head {
	font-weight: 500;
	font-size: 24px;
	color: #1254A0;
}
.feedback-box  {
	background-color: #fff;
	border-radius: 8px;
	padding: 24px;
	box-shadow: 0px 4px 10px #082f5b1a;
	margin-bottom: 24px;
}

.feedback-box .form-info {
	left: -24px;
	right: -24px;
	position: relative;
	top: -24px;
	border-radius: 8px 8px 0 0;
	width: calc(100% + 48px);
	margin-bottom: 0;
}
.abholcode {
	font-size: 32px;
	font-weight: bold;
}
.abhol-betreuer {
	margin-left: 24px;
	margin-bottom: 24px;
}
.btn-text-arrow {
	font-weight: bold;
	font-size: 18px;
}
.btn-text-arrow::before {
	display: inline-block;
	width: 9px;
	height: 9px;
	background-image: url(/club/img/button-arrow.svg);
}
.ansprechpartner-infos {
	transition: all .2s ease;
}
.mb-seminar-label {
	padding: 4px 8px;
	margin-bottom: 8px;
	display: inline-block;
	font-size: 16px;
	color: #fff;
	background-color: #ef7500;
	border-top: 1px solid #ef7500;
	border-bottom: 1px solid #ef7500;
	border-radius: 10px;
}
.kurs-info-kasten .mb-seminar-label {
	margin-bottom: 16px;
}
.bigger-text {
	font-size: 20px;
	margin-bottom: 8px;
}
.adressvalidation__adressdaten {
	font-style: italic;
	line-height: 1.4;
}
.btn-new {
	display: inline-flex;
	flex-wrap: nowrap;
	padding: 5px 25px;
	color: #fff;
	text-align: center;
	font-weight: 700;
	text-decoration: none;
	white-space: nowrap;
	background-color:#1254a0;
	border: 2px solid #1254a0;
	border-radius: 30px;
	cursor: pointer;
	transition: all .1s ease;
	align-items: center;
	
}
.btn-new:hover {
	background-color: #367DB2;
	border-color: #367DB2;
	color: #fff;
}
.btn-new--secondary {
	background-color: transparent;
	color: #1254a0;
}
.btn-new--secondary:hover {
	background-color: transparent;
	color: #367DB2;
}
.btn-new--termin::before {
	content: url(/club/img/kalender-icon-white.svg);
	width: 14px;
	height: 20px;
	display: inline-block;
	margin-right: 8px;
	align-self: center;
}
.even-btn-container {
	display: flex;
	gap: 20px;
	width: 100%;
}
@media (min-width:768px) {
	.even-btn-container {
		max-width: 400px;
		margin-left: auto;

	}
}
.even-btn-container .btn-new {
	flex: 1 1 50%;
}
.mb30 {
	margin-bottom: 30px;
}
.adress-validation-h2 {
	flex-basis: 100%;
}
.adress-validation-form {
	max-width: 400px;
}
.w100 {
	width: 100%;
}
.feld-container--new .adress-val-label {
	top: 0;
	left: 0;
}
.kooperationsausweis-img-container {
    border-radius: 10px;
    overflow: hidden;
}
.kooperationsausweis-img-container img {
	width: 100%;
}
.kooperationsausweis-label {
	margin: 0;
}

.gutschein_box {
	display: none;
	padding: 10px;
	
	background-color: #fff;
	margin-bottom: 10px;
	margin: 16px 0;
}

.rep-such-grid {
	display: grid;
	grid-template-columns: 1fr 52px;
	
}


.btn-nachname-suche {
	background-image: url(/club/img/search-icon-white.svg);
	background-size: 45%;
	background-position: center center;
	background-repeat: no-repeat;
	padding: 0 23px;
    border: 3px solid #e4eaf2;
	border-radius: 30px;
	margin-bottom: 0;
}
.kab-grid {
	display: grid;
	grid-template-columns: 1fr;
	background-color: #E4EAF2;
	padding: 16px;
	border-radius: 24px;
	gap: 16px;
	font-size: 17px;
}
.kab-row {
	display: flex;
	flex-direction: column;
}
.kab-row3 {
	grid-row: 2/3;

}
.kab-row h4 {
	text-align: center;
	margin-bottom: 0;
}
.kab-h5 {
	margin-bottom: 0;
	display: none;
}
@media (min-width: 550px) {
	.kab-row {
		flex-direction: column;
		gap: 8px;
	}
	.kab-row3 {
		grid-column: span 2;
	}
	.kab-grid {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 24px;
		
	}
	.kab-row h4 {
		margin-bottom: 16px;
		text-align: left;
	}
	.kab-h5 {
		display: block;
	}
}
@media (min-width: 850px) {
	.kab-row h4 {
		margin-bottom: 16px;
	}
	.kab-row3 {
		grid-column: 3/4;
		grid-row: 1/2;
	}
	.kab-grid {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		gap: 48px;
		padding: 48px;
	}
	.kab-row-grp-end {
		margin-top: auto;
		margin-bottom: 0;
	}
}

.kab-row-grp-end {
	margin-top: auto;
	margin-bottom: 0;
}
.btn--full {
	display: block;
	border-radius: 27px;
	margin-bottom: unset;
	max-width: 250px;
	margin: 0 auto;
}
@media (min-width: 550px) {
	.btn--full {
		margin: unset;
	}
}
@media (min-width: 850px) {
	.btn--full {
		max-width: unset;
	}
}
.kab-grid .feld-container,
.kab-grid textarea {
	margin: 0;
}
.e-akte-row {
	margin-top: 4px;
}
.search-btn-bg {
	position: relative;
}
.search-btn-bg::before {
	content: '';
    display: block;
    background-color: #E4EAF2;
    top: 0;
    bottom: 0;
    left: 0;
    right: 50%;
    position: absolute;
    z-index: -1;
}
.kab-h2 {
	padding-left: 48px;
	font-weight: normal;

}
.mitglieder-suche--new {
	padding: 32px 0;
}
.kab-grid h4 {
	font-size: 2rem;
}
.kab-aktion-grp {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: 10px;
}
@media (min-width: 550px) {
	.kab-aktion-grp {
		margin-top: 10px;
	}
	
}
@media (min-width: 768px) {
	.kab-aktion-grp {
		margin-top: auto;
	}
	
}
.btn-tiny {
	font-size: 15px;
    margin-top: 8px;
    padding: 0 16px;
    border-radius: 30px;
    line-height: 30px;
    height: 30px;
	margin-bottom: 0;
}
.eimer-nav {
	display: flex;
	margin-bottom: 60px;
	flex-wrap: wrap;
}
.eimer-el {
	flex-basis: 100%;
	text-align: center;
}
.eimer-link {
	padding: 8px 32px;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	display: block;
}
.eimer-link.active,
.eimer-link:hover {
	border-color: #1254A0;
	color: #1254A0;
}
.eimer-link.active {
	background-color: #1254a0;
	color: #fff;
}
.eimer-el:first-of-type .eimer-link {
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	border-top: 1px solid #ccc;
}
@media (min-width:850px) {
	.eimer-link {
		border-bottom: 3px solid #ccc;
		border-left: 0;
		border-right: 0;
	}
	.eimer-el {
		flex-basis: content;
	}
	.eimer-link.active {
		border-top-left-radius: 12px;
		border-top-right-radius: 12px;
	}
	.eimer-el:first-of-type .eimer-link {
		border-top: unset;
	}
}
.lotse-suche-grid {
	display: grid;
	gap: 40px;
	padding: 0 20px;
}
@media (min-width:850px) {
	.suche-container {
		width: 50%;
		justify-self: center;
	}
	
}
@media (min-width:1240px) {
	.lotse-suche-grid {
		grid-template-columns: 3fr 1fr ;
	}
	.suche-container {
		width: 100%;
    	justify-self: center;
	}
}
.wiedervorlage-tabelle {
	font-weight: bold;
	font-size: 15px;
}
.wiedervorlage-legende {
	font-weight: normal;
}
.the-datepicker__calendar tr {
	display: table-row;
	border-bottom: none;
}
.tags {
	border-radius: 5px;
    padding: 0px 10px;
    font-size: 14px;
    display: inline-flex;
    color: #fff;
    line-height: 1.6;
    align-items: center;
	white-space: nowrap;
	position:relative;
}
.tags--wiedervorlage {
	background-color: #ED7807;	
}
.tags--mail-response {
	background-color: #cf5fb9;	
}
.tags--wiedervorlage::before {
	content: '';
    width: 16px;
    height: 16px;
    display: inline-block;
	background-repeat: no-repeat;
    line-height: 1.6;
    margin-right: 4px;
	background-image: url(/club/img/wiedervorlage-white.svg);
}

.tags--mail-response::before {
	content: '';
    width: 16px;
    height: 13px;
    display: inline-block;
	background-repeat: no-repeat;
    line-height: 1.6;
    margin-right: 4px;
	margin-top: 1px;
	background-image: url(/club/img/mail-response-white.svg);

}
.kab-label-block {
	line-height: 1;
}
.kab-flexform {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}
.kab-download {
	display: flex;
	flex-wrap: nowrap;
}
.kab-download::before {
	content: '';
	width: 16px;
	height: 16px;
	background-image: url(/club/img/download-blue.svg);
	background-repeat: no-repeat;
	margin-right: 4px;
}
#confetti-canvas {
  position: fixed;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 1;
}
.kontaktanlass-flex-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.kontaktanlass-flex-tags-td {
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.shop-hl-card-container {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
}
.shop-hl-card {
	background-color: #fff;
	border-radius: 16px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	font-size: 15px;
	color: #204056;
	

}
.hl-card__bild-container {
	aspect-ratio: 7/8;
}
.hl-card__bild {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.hl-card__content {
	padding: 12px;
}
.hl-card__warenkorb {
	margin-top: auto;
	display: flex;
	align-items: center;
	gap: 8px;
}
.feld--flach {
	height: 42px;
	margin-bottom: 0;
}
.oldprice {
	text-decoration: line-through;
	margin-left: 8px;
}
.pd-grid-half {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 48px;
}