@charset "utf-8";
@import url("normalize.min.css");

/*
## FARBEN ##
Weiß:				#FFFFFF / RGB(255,255,255)
Gelb: 				#FFDD03 / RBG(255,221,3)
Grün:				#94C11A / RGB(148,193,26)
Dunkelblau:			#222222 / RGB(34,34,34)
Hellgrau (Flächen): #F9F9F9
*/

/**** Schrift ************************************/
/* roboto-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v30-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/roboto-v30-latin-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* roboto-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/roboto-v30-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* roboto-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-v30-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/roboto-v30-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/**** Allgemein **********************************/
* { 
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box; 
}
html {
  scroll-behavior: smooth;
}
body{ 
	margin: 0;
	width: 100%;
	font-size: 16px; 
	font-size: 1em; 
	line-height: 21px;
	line-height: 1.3125em;
	font-family: Roboto, sans-serif;
	font-weight: 400;
	background-color: #fff;
	color: #000;
	word-break:break-word;
}
header:after, 
main:after, 
footer:after, 
.bg:after,
.container:after{
	content: " ";	
	display: block;
	clear: both;
}
.container {
	max-width: 1312px;
	margin: 0em auto;
	position: relative;
}
.container.container-small {
	max-width: 972px;
	margin: 0em auto;
	position: relative;
}
.col { 
	float:left;
}
.col-right {
	float:right;
	text-align: right;
}
.col,
.col-right { 
	padding: 0em 1.5em;
}	
.small-1{ 
	width: 49.3%; 
}
.small-1.inline-block{
	width: 48%;
}
.small-2{
	width: 100%;
}


.bigger{font-size: 1.75em;}
main h1,
main h2,
main h3,
main h4,
main h5,
main h6, 
main .head{
	font-family: ubuntu, sans-serif!important;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 3em;
	color:#004690;
	margin: 0;
	margin-bottom: 0.6666666666666666em;
	line-height: 1.1458333333333333em;
	width: fit-content;
}
main section:not(.bg-blau) h2, main h4{
	background: rgb(0,185,170);
	background: -moz-linear-gradient(90deg, rgba(0,185,170,1) 0%, rgba(33,156,220,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(0,185,170,1) 0%, rgba(33,156,220,1) 100%);
	background: linear-gradient(90deg, rgba(0,185,170,1) 0%, rgba(33,156,220,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00b9aa",endColorstr="#219cdc",GradientType=1);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
main h3{
	background: rgb(33,156,220);
	background: -moz-linear-gradient(90deg, rgba(33,156,220,1) 0%, rgba(0,70,144,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(33,156,220,1) 0%, rgba(0,70,144,1) 100%);
	background: linear-gradient(90deg, rgba(33,156,220,1) 0%, rgba(0,70,144,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#219cdc",endColorstr="#004690",GradientType=1);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}/*
main h4{
	background: rgb(237,5,48);
	background: -moz-linear-gradient(90deg, rgba(237,5,48,1) 0%, rgba(255,120,0,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(237,5,48,1) 0%, rgba(255,120,0,1) 100%);
	background: linear-gradient(90deg, rgba(237,5,48,1) 0%, rgba(255,120,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ED0530",endColorstr="#FF7800",GradientType=1);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

main h3{
	background: rgb(0,68,138);
	background: -moz-linear-gradient(90deg, rgba(0,68,138,1) 0%, rgba(100,35,85,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(0,68,138,1) 0%, rgba(100,35,85,1) 100%);
	background: linear-gradient(90deg, rgba(0,68,138,1) 0%, rgba(100,35,85,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00448a",endColorstr="#642355",GradientType=1);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
main h4{
	background: rgb(100,35,85);
	background: -moz-linear-gradient(90deg, rgba(100,35,85,1) 0%, rgba(206,20,49,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(100,35,85,1) 0%, rgba(206,20,49,1) 100%);
	background: linear-gradient(90deg, rgba(100,35,85,1) 0%, rgba(206,20,49,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#642355",endColorstr="#ce1431",GradientType=1);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}*/
.subhead{
	font-family: Roboto, sans-serif!important;
	font-weight: 600;
	font-size: 1.25em;
}
p{
	margin: 0;
	margin-bottom: 1em;
}
a{
	color: #17428C;
	text-decoration: none;
	transition: all 0.3s linear;
}
header{
	padding: 1em 0;
}
header > div{
	align-items: center;
    display: flex;
}
main, 
footer {
	position: relative;
	z-index: 1;
}
main div:not(.logo)>img{
	border-radius: 8px;
}
/*footer{
	padding: 4.375em 0;
}*/
footer a{
	color: #fff;
}
footer a:hover{
	text-decoration: underline;
}
img {
    height: auto;
    max-width: 100%;
}
.no-padding-l{
	padding-left: 0!important;
}
.no-padding-r{
	padding-right: 0!important;
}
.no-padding-rl, 
.no-padding-lr{
	padding-left: 0!important;
	padding-right: 0!important;
}
.margin-b{
	margin-bottom: 1em;
}
.no-margin{
	margin: 0;
}
.center{
	text-align: center;
}
.right{
	text-align: right;
}
.bold{
	font-weight: bold;
}
.bg, .padding-tb, section{
	padding: 4em 0;
}
.padding-t{
	padding-top: 2em;
}
.padding-b{
	padding-bottom: 2em;
}
.bg-weiss{
	background-color: #fff;
}
.bg-grau{
	background-color: #f2f2f2;
}
.bg-blau{
	background: #00ADE1;
}
.bg-blau-verlauf{
	background: rgb(19,123,183);
	background: -moz-linear-gradient(135deg, rgba(19,123,183,1) 0%, rgba(0,68,138,1) 100%);
	background: -webkit-linear-gradient(135deg, rgba(19,123,183,1) 0%, rgba(0,68,138,1) 100%);
	background: linear-gradient(135deg, rgba(19,123,183,1) 0%, rgba(0,68,138,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#137bb7",endColorstr="#00448a",GradientType=1);
}
	
.bg-blau *, 
footer *{
	color: #fff!important;
}
.button{
	color: #fff;
	font-weight: 600;
	border: 1px solid #004690;
	border-radius: 34px;
	background: rgb(19,123,183);
	background: -moz-linear-gradient(90deg, rgba(19,123,183,1) 0%, rgba(0,68,138,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(19,123,183,1) 0%, rgba(0,68,138,1) 100%);
	background: linear-gradient(90deg, rgba(19,123,183,1) 0%, rgba(0,68,138,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#137bb7",endColorstr="#00448a",GradientType=1);
	padding: 1em 2em;
	display: inline-block;
	margin-bottom: 1em;
}
.button.outline{
	padding: 1em;
	border-radius: 50%;
	line-height: 0.25em;
	background: transparent;
}
.button:hover{
	color: #004690;
	background: transparent;
}
.button.outline:hover{
	background: rgb(19,123,183);
	background: -moz-linear-gradient(90deg, rgba(19,123,183,1) 0%, rgba(0,68,138,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(19,123,183,1) 0%, rgba(0,68,138,1) 100%);
	background: linear-gradient(90deg, rgba(19,123,183,1) 0%, rgba(0,68,138,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#137bb7",endColorstr="#00448a",GradientType=1);
}
.button.outline:hover img{
	-webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}
.button.disabled{
	border: 1px solid rgb(100,35,85);
	background: rgb(100,35,85);
	background: -moz-linear-gradient(135deg, rgba(100,35,85,1) 0%, rgba(199,0,31,1) 100%);
	background: -webkit-linear-gradient(135deg, rgba(100,35,85,1) 0%, rgba(199,0,31,1) 100%);
	background: linear-gradient(135deg, rgba(100,35,85,1) 0%, rgba(199,0,31,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#642355",endColorstr="#c7001f",GradientType=1);
	cursor: not-allowed;
    pointer-events: none;
}

#logo{padding: 0.5em 0;}
.logo{
	background: #fff;
	border-radius: 8px;
	/*width: 100%;
	height: 231px;*/
	position: relative;
	width: 100%;
	display: flex;
    align-items: center;
	align-content: center;
	text-align: center;
	justify-content: center;
	margin-bottom: 2em;
}
.logo:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.logo img{
	max-width: 90%;
}

#preformance ul{
	margin-top: 0;
}

/*Tabelle*/
table.programm{
	width: 100%;
	line-height: 1.5em;
}
table.programm tr{
	vertical-align: top;
}
table.programm tr td:first-child{
	width: 20%;
}
table.programm tr td{
	padding: 0.5em 0;
}
table.programm ul{
	padding-left: 0;
	margin: 0.5em 0;
	list-style-type: none;
}
table.programm ul li:before{
	content: "• "
}
.cyan{
	color: #00B9AA;
	font-style: italic;
}

/*Zahlung*/
.zahlung{
	display: flex;
	align-items: center;
}
.zahlung a:not(:last-child){
	margin-right: 2em;
}
/*Bestellzusammenfassung*/
table.bestellung{
	width: 80%;
	line-height: 1.75em;
}
/*Hinweis-Box*/
.hinweis{
	background: #F2F2F2;
	padding: 1.25em!important;
	border-radius: 8px;
}
.hinweis p{
	position: relative;
	padding-left: 4.5em;
	margin-bottom: 0;
}
.hinweis p:before{
	content: "";
	background: url("../img/icons/info.png");
	width: 52px;
	height: 52px;
	display: inline-block;
	left: 0;
	position: absolute;
}
/* Formular - Kontakt */
.form .td{
	margin-bottom: 1em;
}
.form .td.td-full{
	width: 100%;
}
.form select, 
.form input[type="text"], 
.form input[type="email"], 
.form input[type="password"],
.form textarea {
	width: 100%;
	background: #fff;
	padding: 1em;
	outline: 0;
	border: 1px solid #D9D9D9;
	border-radius: 8px;
}
.form input[type="checkbox"]{
	background: transparent; 
	position: relative;
	visibility: hidden;
	margin: 0; 
	padding: 0; 
	display: none;
}
.form input[type='checkbox']:checked + label::before, 
.form input[type='checkbox']:not(:checked) + label::before{
	content: '✓';
	display: inline-block;
	width: 1em;
	height: 1em;
	top: 3px;
	background: transparent;
	border-radius: 5px;
	margin-right: 0.5rem; 
	position: relative;
	overflow: hidden;
	text-indent: -40px; 
	cursor: pointer;
	font-size: 1em;
	border: 1px solid #000;
	line-height: 1em;
}
.form input[type='checkbox']:checked + label::before{ 
	background: rgb(19,123,183);
	background: -moz-linear-gradient(90deg, rgba(19,123,183,1) 0%, rgba(0,68,138,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(19,123,183,1) 0%, rgba(0,68,138,1) 100%);
	background: linear-gradient(90deg, rgba(19,123,183,1) 0%, rgba(0,68,138,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#137bb7",endColorstr="#00448a",GradientType=1);
	color: #fff;
	text-align: center;
	text-indent: 0px;
}
.form label{
	font-size: 0.75em;
	color: #7E7E7E;
	font-weight: 600;
	text-transform: uppercase;
	line-height: normal;
	display: block;
	margin-bottom: 0.6666666666666666em;
}
.teilnehmer{
	position: relative;
}
.err label{
	color: #AF0000;
}
.err input[type="text"], 
.err select,
.err textarea, 
#error, 
#send {
	background: #AF0000; 
	color: #fff;
}
#error, 
#send{	
	padding: 1em 1em 0.25em;
	margin-bottom: 1em;
}
#send { 
	background: #94C11A;
}
/*Referenten*/
#referenten{
	overflow: hidden;
}
/*Slider Header*/
.owl-carousel.header-slider p.bigger{margin-bottom: 0.3em;line-height: 1em;}

/*Slider ViKa*/
.owl-carousel .name{
	font-family: ubuntu, sans-serif!important;
	font-size: 1.875em;
	ine-height: normal;
}
.owl-carousel .pos{
	font-family: ubuntu, sans-serif!important;
	font-weight: 600;
	text-transform: uppercase;
}
/*Veranstaltung Slider*/
.bg-veranstaltung{
	border-radius: 8px;
	background: rgb(0,68,138);
	background: -moz-linear-gradient(135deg, rgba(0,68,138,1) 0%, rgba(100,35,85,1) 100%);
	background: -webkit-linear-gradient(135deg, rgba(0,68,138,1) 0%, rgba(100,35,85,1) 100%);
	background: linear-gradient(135deg, rgba(0,68,138,1) 0%, rgba(100,35,85,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00448a",endColorstr="#642355",GradientType=1);
	color: #fff;
	padding: 3em;
	height: 380px;
}
.bg-veranstaltung:after{
	content: "";
	background: url("../img/before/skyline.png");
	width: 372px;
	height: 378px;
	position: absolute;
	right: -200px;
	bottom: -165px
}
.veranstaltung-slider .item img{
	height: 380px;
	object-fit: cover;
}
.bg-referent ul,
.bg-veranstaltung ul{
	padding-left: 0;
	list-style-type: none;
}
.bg-referent ul li:before,
.bg-veranstaltung ul li:before{
	content: "» "
}
/*Referenten Slider*/
.referenten-slider img{
	border-radius: 8px 8px 0 0!important;
}
.bg-referent{
	border-radius: 0 0 8px 8px ;
	background: rgb(0,185,170);
	background: -moz-linear-gradient(90deg, rgba(0,185,170,1) 0%, rgba(33,156,220,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(0,185,170,1) 0%, rgba(33,156,220,1) 100%);
	background: linear-gradient(90deg, rgba(0,185,170,1) 0%, rgba(33,156,220,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00b9aa",endColorstr="#219cdc",GradientType=1);
	color: #fff;
	padding: 3.4375em;
	height: 400px;
	width: 400px;
	position: relative;
}
.bg-referent:after{
	content: "";
	background: url("../img/before/skyline-ref.png");
	width: 620px;
	height: 400px;
	position: absolute;
	right: 00px;
	bottom: -00px
}
/*Footer*/
.footer-first{
	overflow: hidden;
	position: relative;
}
.footer-first:before{
	content: "";
	background: url("../img/before/skyline-full.png");
	width: 3325px;
	height: 1365px;
	position: absolute;
	left: -2250px;
	bottom: -225px;
	
}
.footer-second{
	background: rgb(0,68,138);
	background: -moz-linear-gradient(135deg, rgba(0,68,138,1) 0%, rgba(100,35,85,1) 100%);
	background: -webkit-linear-gradient(135deg, rgba(0,68,138,1) 0%, rgba(100,35,85,1) 100%);
	background: linear-gradient(135deg, rgba(0,68,138,1) 0%, rgba(100,35,85,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00448a",endColorstr="#642355",GradientType=1);
}
.some{    
	display: inline-flex;
    float: right;
    text-align: right;
    justify-content: flex-end;
    align-items: center;
}
.some a:not(:last-child) img{
	padding-right: 0.625em;
}
/*To Top Button*/
#totop, 
#totop:before{
	-moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
#totop { 
	display: none; 
	position: fixed;
	bottom: 1em;
	right: 1em; 
	z-index: 4;
	height: 3.25em; 
	width: 3.25em;
	border-radius: 50%;
	background: rgb(19,123,183);
	background: -moz-linear-gradient(90deg, rgba(19,123,183,1) 0%, rgba(0,68,138,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(19,123,183,1) 0%, rgba(0,68,138,1) 100%);
	background: linear-gradient(90deg, rgba(19,123,183,1) 0%, rgba(0,68,138,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#137bb7",endColorstr="#00448a",GradientType=1);
}
#totop:before { 
	content: "";
	background: url("../img/icons/arrow_up.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 17px;
	height: 16px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto; 
}
/*Cookie-Button*/
#ot-sdk-btn{
	position: fixed;
	bottom: 1em;
	left: 1em; 
	z-index: 4;
}
/*Mobil Desktop Show*/
.small-show{
	display: none!important;
}
/*MAX*/
@media screen and (max-width: 500px){
	#preformance .bilderkasten{width: 100%;}
}
@media screen and (max-width: 719px){
	.referenten-slider .col,
	.bg-referent{
		width: 100%;
		height: auto;
	}
	.referenten-slider img{
		max-height: 400px;
		object-fit: cover;
	}
	table.programm tr td:first-child{
		width: 25%;
	}
	.mobil-switch > div:nth-child(1) {
		order: 2;
	}
	.mobil-switch > div:nth-child(2) { 
		order: 1;
	}
}
@media screen and (max-width: 600px){
	table.programm tr td:first-child{
		width: 30%;
	}
}
@media screen and (max-width: 510px){
	table.programm tr td:first-child{
		width: 40%;
	}
}
/*MIN*/
@media screen and (min-width:700px) and (max-width:1030px){
	.small-show{
		display: block!important;
	}
	.big-show{
		display: none!important;
	}
}
@media screen and (min-width:650px){
	.form .td{
		width: 49.5%;
		display: inline-block;
	}
	.form #teilnehmer-box .td:nth-child(even),
	.form #rechnungsadr .td:nth-child(even){
		padding-left: 1em;
	}
	.form #teilnehmer-box .td:nth-child(odd),
	.form #rechnungsadr .td:nth-child(odd){
		padding-right: 1em;
	}
}
@media screen  and (min-width:720px){
	.referenten-slider img{
		border-radius: 8px 0 0 8px!important;
	}
	.bg-referent{
		border-radius: 0 8px 8px 0 ;
	}
	.referenten-slider .item > .col:first-child{
		padding-right: 0!important;
	}
	.referenten-slider .item > .col:last-child{
		padding-left: 0!important;
	}
}
@media screen  and (min-width:720px) and (max-width:839px){
	.referenten-slider .item{
		display: flex;
	}
	.referenten-slider img{
		height: 100%!important;
		object-fit: cover!important;
	}
}
@media screen and (min-width: 723px) and (max-width:880px){
	header > div > .small-1:first-child{
		width: 27%;
	}
	header > div > .small-1:last-child{
		width: 72%;
	}
}
@media screen and (min-width:840px){
	.bg-referent{
		width: 400px;
	}
}

@media screen and (min-width:880px){
	.col, 
	.col-right, 
	.inline-block { 
		padding: 0em 1em; 
	}
	.bg, 
	.padding-tb{
		padding: 2.75em 0;
	}
	#totop{
		bottom: 2.5em;
		right: 2.5em; 
	}
	.medium-1{ width: 16.666666666666666666666666666667%; }
	
	.medium-2{ width: 33.333333333333333333333333333333%; }
	
	.medium-3{ width: 50%; }
	
	.medium-4{ width: 66.666666666666666666666666666667%; }
	
	.medium-5{ width: 83.333333333333333333333333333333%; }
	
	.medium-6{ width: 100%; }
}
@media screen and (min-width:1100px){
	.button_minus{
		position: absolute;
		right: -4em;
		top: 40%;
	}
}
@media screen and (min-width:1180px){
	.bg, .padding-tb{
		padding: 4.375em 0;
	}
	.large-1{ width: 11.11111111111111%; }
	
	.large-2{ width: 22.22222222222222%; }
	
	.large-20p{ width: 20%; }	
	
	.large-3{ width: 33.33333333333333%; }
	
	.large-4{ width: 44.44444444444444%; }
	
	.large-50p{ width: 50%; }
	
	.large-5{ width: 55.55555555555555%; }
	
	.large-6{ width: 66.66666666666666%; }
	
	.large-7{ width: 77.77777777777777%; }
	
	.large-8{ width: 88.88888888888888%; }
	
	.large-9{ width: 100%; }	
}
@media screen and (min-width:1050px){
	.bg-referent{
		width: 400px;
	}
}
@media screen and (min-width:1650px){
	#totop{
		bottom: 4em;
		right: 4em; 
	}
}
#teiln { max-width: 640px; }
#teiln label { display: block; padding: 0; font-size: 0.75em; font-weight: 600; text-transform: uppercase; line-height: normal; margin: 0 0 0.5em 0;}
#teiln label.err { color:red; }
#teiln label.ds { padding: 0; margin: 0; text-transform: none; color: #000; font-weight: normal;}
#teiln input { width: 100%; padding: 1em; border-radius: 8px; border: 1px solid #D9D9D9; }
#teiln div.row { margin-bottom: 0.75em; }
#teiln div.row.ds { padding-top: 11px; }
#teiln div.row.ds label {display: inline; font-size: 14px;}
#teiln div.row.ds input { width: auto; }
#teiln div.aside { display: flex; gap: 8px; }
#teiln div.col-sm { flex-basis: 30%; }
#teiln div.col-mini { flex-basis: 18%; }
#teiln div.col-plz { flex-basis: 24%; }
#teiln div.col-chb { flex-basis: 62px; }
#teiln div.col-rest { flex-grow: 2; }
#teiln div.col-rest.right { text-align: right; }
#teiln div.col-send { flex-basis: 150px; text-align: right; }
#teiln div.sendp { padding: 17px 0; align-items: center; }
#teiln div.cc { display: flex; align-items: center; height: 100%; }
#teiln input.err { border-color: red; }
#teiln span.calc { display: inline-block; margin-top:36px; font-size: 14px; }
#formb-busy { display: none; }
.gradbtn {
	background: linear-gradient(90deg, rgba(0,185,170,1) 0%, rgba(33,156,220,1) 100%);
	color: #FFF;
	border: none;
	height: 38px;
	width: 252px;
	font-weight: bold;
}
#formb-err, #formb-err-mobile {
	color: red;
}
#formb-err-mobile {
	display: none;
}
@media screen and (max-width: 640px) {
    #formb-err {display: none;}
	#formb-err-mobile {display: block;}
}
.busy {
	margin-top: 2px;
	border: 14px solid #FFF;
	border-bottom-color: #024b8f;
	border-radius: 50%;
	display: inline-block;
	position: relative;
	box-sizing: border-box;
	animation: rotation 1s linear infinite;
}
@keyframes rotation {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
#teiln-danke { display: none; max-width: 640px; margin-top: 4em; }
#teiln-danke-wrap { height: 100%; display: flex; justify-content: center; align-items: center; }
#teiln-danke h4.danke { margin: 0; }
#teiln-danke p.danke { margin: 0; font-weight: bold; }
#danke-err { display: none; }
#email-verif {
	display: none;
	position: absolute;
	z-index: 1000;
	background-color: #FFF;
	border: 6px solid #014892;
	max-width: 640px;
	max-height: 240px;
	width: 80vw;
	height: 40vh;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
}
#email-verif .cntr {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 0.8em;
}
#email-verif p {
	text-align: center;
}
#email-verif p span {
	font-size: 21px;
}
#teiln div.chb-outl {
	display: flex;
	align-items: center;
	justify-content: center;
    width:60px;
    height:60px;
    border-radius:5px;
    border:1px solid #D9D9D9;
}
#teiln div.row input.chb {
    -webkit-appearance:none;
	appearance: none;
    background:white;
    border-radius:5px;
    border:1px solid #D9D9D9;
}
#teiln div.row input.chb.big {
    width:30px;
    height:30px;
}
#teiln div.row input.chb.small {
    width:18px;
    height:18px;
	padding: 0;
}
#teiln div.row input.chb:checked {
    background: #00ADE1;
}
.frtxt {
	position: relative;
	top: 2px;
}
#form-ds {
	position: relative;
	top: 4px;
}