@font-face{
	font-family:"quatro";
	src:url("fonts/q300.woff2") format("woff2"),
		url("fonts/q300.woff") format("woff"),
		url("fonts/q300.otf") format("opentype");
	font-style:normal;
	font-weight:300;
}
@font-face{
	font-family:"quatro";
	src:url("fonts/q500.woff2") format("woff2"),
		url("fonts/q500.woff") format("woff"),
		url("fonts/q500.otf") format("opentype");
	font-style:normal;
	font-weight:700;
}
@font-face{
	font-family:'FontAwesome';
	src:url('fonts/fontawesome.eot');
	src:url('fonts/fontawesome.eot') format('embedded-opentype'),
		url('fonts/fontawesome.woff2') format('woff2'),
		url('fonts/fontawesome.woff') format('woff'),
		url('fonts/fontawesome.ttf') format('truetype'),
		url('fonts/fontawesome.svg') format('svg');
	font-weight:normal;
	font-style:normal;
}
.fa{
	display:inline-block;
	border:0!important;
	font:normal normal normal 14px/1 FontAwesome;
	font-size:inherit;
	text-rendering:auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	vertical-align:middle;
}
.fa-chevron-down:before {
 content:"\f078";
}
.fa-right:before {
	content:"\f105";
}
.fa-right{
	font-size:20px;
	vertical-align:-1px;
}
.fa-check:before {
  content:"\f00c";
}
.fa-edit:before{
  content: "\f044";
}
.fa-facebook:before{
	content:"\f09a";
}
.fa-facebook{
	width:40px;
	height:40px;
	border-radius:20px;
	font-size:22px;
	line-height:40px;
	text-align:center;
	color:#fff;
	background-color:#27348b;
	-webkit-transition:background-color .5s ease-out;
	-moz-transition:background-color .5s ease-out;
	-ms-transition:background-color .5s ease-out;
	-o-transition:background-color .5s ease-out;
	transition:background-color .5s ease-out;
}
.fa-facebook:hover{
	background-color:#05f2fa;
}
.fa-facebook:active{
	background-color:#50f6fc;
}
.fa-flag:before{
	content:"\f024";
}
.fa-flag{
	font-size:22px;
}
.fa-minus:before{
	content:"\f068";
}
.fa-plus:before{
	content:"\f067";
}

a:link, a:active, a:visited, a:hover, a:focus, button, button:active, button:focus{
	outline:none;
	border:0;
}
b{
	font-weight:700;
}
p.center{
	padding:0;
	text-align:center;
}
h1 + p.center{
	padding:16px 0;
}
p.center a.button{
	margin:16px 0;
}
body{
	display:block;
	margin:0 auto;
	padding:0;
	background-color:#fff;
	min-width:320px;
	max-width:2400px;
	font-family:Quatro, sans-serif;
	font-weight:300;
	color:#4c4c4c;
}
main a:not(.facebook), div.reg #box a{
	border-bottom:1px solid #bec2dc;
	color:#27348b;
	text-decoration:none;
	-webkit-transition:all .5s ease-out;
	-moz-transition:all .5s ease-out;
	-ms-transition:all .5s ease-out;
	-o-transition:all .5s ease-out;
	transition:all .5s ease-out;
}
main a:hover, div.reg a:hover{
	border-bottom:1px solid transparent;
	color:#6871AE;
}
button, a.button{
	display:inline-block;
	padding:0 13px;
	border:1px solid #05f2fa;
	border-radius:10px;
	background-color:#05f2fa;
	color:#27348b;
	line-height:35px;
	font-size:14px;
	font-weight:700;
	text-decoration:none;
	cursor:pointer;
	-webkit-transition:color .5s ease-out, background-color .5s ease-out, border .5s ease-out;
	-moz-transition:color .5s ease-out, background-color .5s ease-out, border .5s ease-out;
	-ms-transition:color .5s ease-out, background-color .5s ease-out, border .5s ease-out;
	-o-transition:color .5s ease-out, background-color .5s ease-out, border .5s ease-out;
	transition:color .5s ease-out, background-color .5s ease-out, border .5s ease-out;
}
button:hover, a.button:hover, nav div > a:hover, button.get{
	border:1px solid #27348b;
	color:#fff;
	background-color:#27348b;
}
button:active, a.button:active, nav div > a:active{
	border:1px solid #535da3;
	background-color:#535da3;
}
h1{
	margin:96px 0 16px 0;
	color:#27348b;
	font-size:48px;
	font-weight:700;
	line-height:52px;
	text-align:center;
}
h2, th{
	color:#27348b;
	padding:32px 0;
	font-size:36px;
	font-weight:700;
	line-height:40px;
	text-align:center;
}
h2{
	margin:56px 0 16px 0;
	color:#27348b;
	padding:0;
}
.left.ilus h2{
	color:#fff;
}
h3, div.reg h1{
	margin:24px 0 16px 0;
	font-size:24px;
	color:#27348b;
	font-weight:700;
	line-height:28px;
	text-align:center;
}
h4{
	font-size:18px;
	color:#27348b;
	font-weight:700;
	line-height:22px;
}
ul, ol{
	padding-left:20px;
	text-align:left;
}
strong{
	font-weight:700;
}
nav{
	top:0;
	position:fixed;
	border-bottom:1px solid #ccc;
	height:96px;
	width:100%;
	min-width:320px;
	background-color:#fff;
	z-index:1;
}
nav > a.logo{
	display:inline-block;
	margin:24px 56px;
	width:191px;
	height:48px;
	background-image:url("../img/logo.png");
	background-repeat:no-repeat;
	background-size:100% 100%;
}
nav > a.logo:hover{
	background-image:url("../img/logo.gif");
}
nav ul{
	position:absolute;
	top:0;
	left:0;
	right:0;
	margin:0 auto;
	padding:0;
	width:350px;
	text-align:center;
}
nav ul li{
	display:inline;
	margin:0;
	padding:0 12px;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
nav ul li a{
	padding:34px 0;
	color:#27348b;
	font-size:18px;
	font-weight:700;
	line-height:96px;
	text-decoration:none;
	-webkit-transition:color .5s ease-out;
	-moz-transition:color .5s ease-out;
	-ms-transition:color .5s ease-out;
	-o-transition:color .5s ease-out;
	transition:color .5s ease-out;
}
nav ul li:hover a:not(.sel){
	color:#05f2fa;
}
nav ul li a.sel{
	border-bottom:3px solid #05f2fa;
}
nav div{
	position:absolute;
	top:0;
	right:48px;
}
nav div a{
	margin:28px 8px;
	padding:9px 13px;
	color:#27348b;
	font-size:14px;
	font-weight:700;
	text-decoration:none;
	-webkit-transition:all .5s ease-out;
	-moz-transition:all .5s ease-out;
	-ms-transition:all .5s ease-out;
	-o-transition:all .5s ease-out;
	transition:all .5s ease-out;
}
nav div a:not(.button){
	border:1px solid #ccc;
	border-radius:10px;
}
header{
	display:block;
	margin:96px 0 0 0;
	padding:0;
	width:100%;
	overflow:hidden;
	background-color:#27348b;
	background-image:url("../img/cloud.jpg");
	background-repeat:no-repeat;
	background-size:100% 100%;
}
header div.left{
	margin:0;
	padding:0;
	color:#fff;
	font-size:18px;
	font-weight:300;
	line-height:24px;
}
header > div.left > div{
	float:left;
	position:absolute;
	margin:50px 0 0 165px;
	width:35%;
	width:445px;
}
header > div.left > div h1{
	margin:0 38px 48px 0;
	color:#05F2FA;
	text-align:left;
	width:300px;
}
header > div.left > div p span{
	margin:0 16px 0 0;
	padding:5px 10px;
	border-radius:16px;
	background-color:#fff;
	color:#27348b;
	font-weight:700;
}
header > div.left > div a.button:hover, div.left.ilus a.button:hover{
	border-color:#fff;
	color:#fff;
}
header > div.left > img{
	float:right;
	position:relative;
	right:0;
	left:auto;
	margin:35px 0 60px 0;
	width:60%;
	max-width:984px;
	max-height:none;
}
main{
	clear:all;
	display:block;
	margin:0 auto;
	padding:96px 20px;
	max-width:1440px;
	min-height:450px;
	line-height:24px;
}
footer{
	padding:0 20px;
	display:block;
	color:#4c4c4c;
	background-color:#e6feff;
}
footer a{
	color:#4c4c4c;
	text-decoration:none;
}
footer div{
	margin:0 auto;
	max-width:1440px;
}
footer > div > a img{
	float:left;
	margin:101px 0;
	height:40px;
	width:160px;
}
footer > div:nth-child(1) > div{
	display:inline-block;
	margin:41px 0 41px 40px;
}
footer > div > div > p{
	margin:10px 0;
}
footer ul{
	margin:0;
	display:inline;
	float:right;
}
footer ul li{
	display:inline;
}
footer ul li a{
	margin:0 0 0 16px;
	line-height:242px;
	font-weight:700;
}
footer > div:nth-child(2){
	border-top:1px solid #b2b2b2;
}
footer div:nth-child(2) > a{
	display:inline-block;
	margin:58px 0;
	line-height:40px;
	color:#27348b;
	font-size:18px;
	font-weight:700;
}
footer > div:nth-child(2) > a:nth-child(2){
	margin:56px 0;
	float:right;
}
footer > div:nth-child(2) > p{
	display:inline-block;
	position:absolute;
	left:0;
	right:0;
	margin:58px auto;
	line-height:40px;
	text-align:center;
	width:350px;
}

.clubs{
	margin:0 0 96px 0;
}
.clubs h3{
	margin:0 auto 16px auto;
	max-width:350px;
}
.clubs p{
	margin:0 auto 32px auto;
	text-align:center;
}
.clubs div{
	margin:0 auto;
	max-width:1272px;
	text-align:center;
}
.clubs div a{
	border:0;
}
.clubs > div a img{
	margin:15px 12px;
	width:28%;
	max-width:285px;
	height:100px;
}

div.center{
	border-top:1px solid #b2b2b2;
	text-align:center;
}
div.center > img{
	margin-top:40px;
	max-width:90%;
}
div.center > p{
	font-size:14px;
	font-weight:300;
	color:#a9a9a9;
}

div.left, div.right{
	clear:both;
	position:relative;
	margin:96px 0;
	padding:96px 0 0 0;
	border-top:1px solid #b2b2b2;
}
div.left > div, div.right > div{
	display:inline-block;
	width:49.8%;
	width:calc(50% - 3px);
}
div.right > div:nth-child(1){
	position:absolute;
	top:96px;
	bottom:0;
	right:0;
	left:50%;
}
div.left > div > div, div.right > div > div{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
	width:50%;
	max-width:445px;
	height:400px;
}
div.right > div > div{
	width:100%;
}
div.left > div > div{
	top:96px;
	right:50%;
}
div.left > div > div > div, div.right > div > div > div{
	display:table-cell;
	height:inherit;
	margin:auto;
	height:inherit;
	vertical-align:middle;
}
div.left > div > div > div h2, div.right > div > div > div h2{
	margin:16px 0;
	text-align:left;
}
div.left > div:nth-child(2), div.right > div:nth-child(2){
	text-align:center;
}
div.left > div > img, div.right > div > img{
	max-width:100%;
	max-height:675px;
}
div.left > div.imgR{
	text-align:right;
}
div.right > div.img2 > img:nth-child(1){
	margin:0 0 32px 10%;
}

div.s3{
	margin:96px auto;
	max-width:1272px;
	border-top:1px solid #b2b2b2;
	text-align:center;
}
div.s3 > div{
	margin:23px 15px;
	display:inline-block;
	width:44%;
	max-width:350px;
}
div.s3 > div > img{
	float:left;
	width:72px;
	height:72px;
}
div.s3 > div > h3{
	display:table-cell;
	margin:0;
	padding:0 0 0 16px;
	height:72px;
	text-align:left;
	vertical-align:middle;
}
div.s3 > div > p{
	overflow:hidden;
	margin:20px 0 0 0;
	text-align:left;
	min-height:95px;
}
div.s3.kunde > div > p{
	min-height:0;
}
div.s3.kunde > div > img{
	margin:121px 0 0 0;
	width:79px;
	height:79px;
}
div.s3.kunde > div > img + p{
	display:inline-block;
	margin:0;
	padding:16px;
	width:calc(100% - 80px);
	max-width:223px;
	min-height:170px;
	font-size:18px;
	line-height:24px;
	color:#4c4c4c;
	background-color:#e6feff;
	border-radius:10px;
}
div.s3.kunde > div > p:last-child{
	margin-top:8px;
	font-size:18px;
	color:#4c4c4c;
}

div.left.ilus{
	margin:0;
	padding:0;
	width:100%;
	height:480px;
	color:#fff;
	background-color:#27348b;
	background-image:url("../img/illustration.jpg");
	background-position:right;
	background-repeat:no-repeat;
	background-size:auto 100%;
}
div.left.ilus h2{
	text-align:left;
}

main.preise{
	text-align:center;
}
main.preise table, div.reg #b0 table{
	display:inline-table;
	margin:40px 10px;
	width:23%;
	width:calc(25% - 20px);
	max-width:255px;
	background-color:#e6feff;
	border-radius:10px;
	border-spacing:0;
}
th.label-free{
	border-width: 1px;
	border-style: solid;
	border-color: white;
	background-image: url(../img/pricing-new.svg);
	background-repeat: no-repeat;
	background-position: right top;
}
th.label-bestvalue{
	border-width: 1px;
	border-style: solid;
	border-color: white;
	background-image: url(../img/pricing-bestvalue.svg);
	background-repeat: no-repeat;
	background-position: right top;
}
main.preise #free + table{
	margin:40px 10px 40px 0;
}
main.preise #premium + table{
	margin:40px 0 40px 10px;
}
main.preise table th{
	border-bottom:1px solid #ccc;
}
main.preise table th p.preis{
	display:none;
}
main.preise table td:first-child, main.preise table td:last-child{
	width:16px;
}
main.preise table td{
	padding:16px 0;
	text-align:center;
	font-size:18px;
	line-height:24px;
	color:#4c4c4c;
	width:286px;
}
main.preise table tr:not(:nth-child(2)) td:nth-child(2){
	border-top:1px solid #ccc;
}
main.preise input, main.preise table tr.features i.fa-minus, main.preise input:checked + table tr.features i.fa-plus{
	display:none;
}
main.preise input:checked + table tr.features i.fa-minus{
	display:initial;
}
main.preise input:checked + table tr.features ~ tr td{
	display:table-cell;
}
main.preise table tr.features td{
	padding:0;
	border-top:1px solid #ccc;
	color:#27348b;
	font-weight:700;
	background-color:#b4fcfe;
	-webkit-transition:background-color .5s ease-out;
	-moz-transition:background-color .5s ease-out;
	-ms-transition:background-color .5s ease-out;
	-o-transition:background-color .5s ease-out;
	transition:background-color .5s ease-out;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
main.preise table tr.features td:hover{
	background-color:#05f2fa;
}
main.preise table tr.features td label{
	display:block;
	line-height:56px;
	cursor:pointer;
}
main.preise table tr.features + tr td{
	border-top:1px solid #ccc;
}
main.preise table tr.features ~ tr td{
	display:none;
}

span.gray, main.preise table tr.gray td, main.preise table tr.gray ~ tr td{
	color:#b2b2b2;
}
main.preise table tr:last-child td{
	display:table-cell!important;
	border-top:1px solid #ccc;
	color:#4c4c4c!important;
	font-size:14px;
	line-height:18px;
}
p.preis{
	display:inline-block;
	margin:16px 32px;
	color:#4c4c4c;
	font-size:18px;
	font-weight:300;
}
p.preis span{
	vertical-align:22px;
}
p.preis strong{
	color:#27348b;
	font-size:48px;
	font-weight:700;
}
main.preise table tr:last-child td p:last-child{
	margin:32px 0;
	font-size:14px;
	line-height:18px;
}
main.preise table + p{
	margin:32px 15px;
	clear:both;
}
main.preise table ~ p{
	margin:10px 15px;
	color:#a9a9a9;
	font-size:14px;
	line-height:18px;
}
main.preise table tfoot{
	display:none;
}

div.kontakt{
	margin:40px auto 0 auto;
	width:100%;
	max-width:700px;
}
form.kontakt, h3.kontakt{
	display:inline-block;
	width:350px;
}
h3.kontakt{
	margin:16px 5%;
}
h3.err{
	color:#fa0505;
}
#email{
	display:none;
}
input[type="text"], input[type="number"], input[type="password"], select, textarea{
	display:inline-block;
	margin:32px 0 0 0;
	padding:16px;
	border:1px solid #666;
	border-radius:10px;
	width:328px;
	width:calc(100% - 32px);
	font-family:Quatro;
	font-weight:300;
	font-size:16px;
	-webkit-transition:border .5s ease-out;
	-moz-transition:border .5s ease-out;
	-ms-transition:border .5s ease-out;
	-o-transition:border .5s ease-out;
	transition:border .5s ease-out;
}
input[type="text"]:first-child{
	margin-top:16px;
}
input:placeholder-shown, select, textarea:placeholder-shown{
	border:1px solid #ccc;
}
input[type="checkbox"] + p label{
	display:inline-block;
	margin:0 8px 0 0;
	width:32px;
	height:32px;
	border:1px solid #ccc;
	border-radius:10px;
	vertical-align:middle;
	text-align:center;
	-webkit-transition:all .5s ease-out;
	-moz-transition:all .5s ease-out;
	-ms-transition:all .5s ease-out;
	-o-transition:all .5s ease-out;
	transition:all .5s ease-out;
}
input[type="checkbox"] + p label i{
	margin-left:1px;
	vertical-align:4px;
	color:#27348b;
	opacity:0;
	-webkit-transition:opacity .5s ease-out;
	-moz-transition:opacity .5s ease-out;
	-ms-transition:opacity .5s ease-out;
	-o-transition:opacity .5s ease-out;
	transition:opacity .5s ease-out;
}
input:checked + p label{
	border:1px solid #666;
}
input:checked + p label i{
	opacity:1;
}
input[type="checkbox"].err:not(:checked) + p label{
	border:1px solid #fa0505;
	background-color:#fecdcd;
}
select{
	width:100%;
	color:#b2b2b2;
	background:#fafafa url("../img/caret-down.svg") no-repeat 93% 50%;
	background-color:#fff;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	outline:none;
}
/*select:-moz-focusring {
	color:transparent;
	text-shadow:0 0 0 #000;
}*/
select::-ms-expand{
	display:none;
}
select.filled, select.dark{
	color:#4c4c4c;
	border:1px solid #666;
}
input.err:placeholder-shown, select.err, textarea.err:placeholder-shown, input.dif{
	border:1px solid #fa0505;
}
input.err:placeholder-shown + p.err, select.err + p.err, textarea.err:placeholder-shown + p.err, input.err:not(:placeholder-shown) + p.err, select:not(.err) + p.err, textarea.err:not(:placeholder-shown) + p.err{
	position:absolute;
	margin:0 16px;
	padding:0 10px;
	border:1px solid #fa0505;
	border-radius:0 0 4px 4px;
	color:#fff;
	font-size:12px;
	font-weight:700;
	line-height:22px;
	text-align:center;
	background-color:#fa0505;
	z-index:-1;
	opacity:1;
	-webkit-transition:opacity .5s ease-out;
	-moz-transition:opacity .5s ease-out;
	-ms-transition:opacity .5s ease-out;
	-o-transition:opacity .5s ease-out;
	transition:opacity .5s ease-out;
}
input.err:not(:placeholder-shown) + p.err, select:not(.err) + p.err, textarea.err:not(:placeholder-shown) + p.err{
	opacity:0;
}
textarea.err:placeholder-shown + p.err{
	margin-top:-7px;
	line-height:28px;
	height:25px;
}

::-webkit-input-placeholder{color:#b2b2b2; opacity:1!important}
::-moz-placeholder{color:#b2b2b2; opacity:1!important}
:-ms-input-placeholder{color:#b2b2b2; opacity:1!important}
input:-moz-placeholder{color:#b2b2b2; opacity:1!important}
select option{
	font-weight:300;
	color:#4c4c4c;
}
select:not(.dark) option:first-child{
	color:#b2b2b2;
}
textarea{
	height:120px;
	overflow:auto;
	resize:none;
}
button:focus, input:focus, select:focus, textarea:focus{
	outline:none;
	border:1px solid #666;
}
form button[type="submit"]{
	margin:32px 0 16px 0;
	width:100%;
	font-size:18px;
	outline:none;
}
div.anschrift{
	float:right;
	margin:0 75px 0 0;
}
div.reg{
	background-color:#27348b;
}
div.reg > div{
	position:absolute;
	padding-bottom:60px;
	width:50%;
	height:auto;
	min-height:calc(100% - 36px);
	background-color:#fff;
	overflow:hidden;
}
div.reg #box{
	position:relative;
	left:0;
	width:500%;
	display:block;
	-webkit-transition:left .5s ease-in-out;
	-moz-transition:left .5s ease-in-out;
	-ms-transition:left .5s ease-in-out;
	-o-transition:left .5s ease-in-out;
	transition:left .5s ease-in-out;
}
div.reg #box div{
	float:left;
	width:20%;
	text-align:center;
}
div.reg p.mod{
	display:inline-block;
	margin:16px 8px;
	padding:16px;
	width:142px;
	border-radius:10px;
	font-size:18px;
	line-height:22px;
	font-weight:700;
	background-color:#e6feff;
}
div.reg p.preis{
	display:inline-block;
	margin:16px 32px;
	font-size:14px;
	line-height:24px;
}
div.reg div > p.preis strong{
	font-size:24px;
	line-height:24px;
	font-weight:700;
}
div.reg div > #box p.center{
	margin:16px;
}
div.reg div > #box div div.inputs{
	text-align:left;
	float:none;
	margin:0 auto 32px auto;
	width:100%;
	max-width:600px;
	min-height:410px;
}
div.reg #box #b1 div.inputs{
	text-align:center;
}
div.reg #box #b1 input{
	min-width:240px;
}
div.reg #box div input:not([type="checkbox"]), div.reg #box div.input{
	width:calc(50% - 66px);
	margin:8px 16px;
}
div.reg #box div.input{
	float:none;
	display:inline-block;
	padding:16px;
	border:1px solid transparent;
}
div.reg #box div select{
	width:calc(50% - 33px);
	margin:8px 16px;
}
div.reg #box div button{
	margin:16px 32px;
	width:auto;
	min-width:96px;
	-webkit-transition:all .5s ease-out;
	-moz-transition:all .5s ease-out;
	-ms-transition:all .5s ease-out;
	-o-transition:all .5s ease-out;
	transition:all .5s ease-out;
}
div.reg #box div button + button{
	float:right;
}
div.reg #box div#b1 button + button{
	float:none;
}
div.reg #box div button.add{
	clear:both;
	float:none;
	display:block;
	margin:56px auto 40px auto;
	white-space:nowrap;
}
div.reg input:placeholder-shown:not(.noCheck) ~ button + button, div.reg input.dif ~ button + button, div.reg input[type="checkbox"]:not(:checked) ~ button + button, div.reg select:not(.filled) ~ button + button{
	border-color:#e5e5e5!important;
	color:#b9b9b9!important;
	background-color:#e5e5e5!important;
	cursor:default;
}
div.reg #box div.inputs p.right{
	float:right;
	width:calc(50% - 64px);
	margin:-4px 32px 8px 32px;
	text-align:left;
}
div.reg #box div#mannschaft{
	display:block;
	width:100%;
}
div.reg #box div.mannschaft{
	margin:8px 18px 0 18px;
	width:calc(100% - 34px);
	border-top:2px solid #e5e5e5;
}
div.reg #box div.mannschaft input{
	float:right;
	margin:16px 0;
	width:calc(50% - 110px);
}
div.reg #box div.mannschaft p.preise strong{
	font-size:24px;
	color:#27348b;
}
div.reg #box div.mannschaft button{
	display:inline-block;
	float:right;
	display:inline;
	margin:16px 0 16px 8px;
	padding:9px;
	line-height:35px;
	width:53px;
	min-width:initial;
	color:#fff;
}
div.reg #box div.mannschaft p{
	clear:both;
	display:block;
	width:auto;
	max-width:none;
	text-align:right;
}
div.reg #box div p.confirm{
	margin:16px 0 8px 16px;
	font-size:18px;
	font-weight:700;
}
div.reg #box div input[type="checkbox"]{
	display:none;
}
div.reg #box div input[type="checkbox"] + p{
	display:inline-block;
	margin:0 0 12px 16px;
	height:40px;
	line-height:40px;
}
div.reg #box div p.cb{
	display:inline-block;
	margin:0;
	width:calc(100% - 100px);
	vertical-align:middle;
}
div.reg > div + div{
	position:fixed;
	top:0;
	left:50%;
	right:0;
	padding:0;
	width:50%;
	height:100%;
	min-height:600px;
	background-color:#27348b;
	background-image:url("../img/tab_smart.png");
	background-position:center;
	background-repeat:no-repeat;
	background-size:80% auto;
}
div.reg #b0{
	margin-bottom:30px;
}
div.reg #b0 table{
	width:calc(25% - 36px);
}
div.reg #b0 table th{
	padding:16px 0;
	font-size:18px;
	line-height:22px;
}
div.reg #b0 table th p.preis{
	display:block;
	margin:24px 0 0 0;
	font-size:16px;
}
div.reg #b0 table th p.preis span{
	vertical-align:14px;
}
div.reg #b0 table th p.preis strong{
	font-size:36px;
}
div.reg #b0 table td button{
	margin-left:0!important;
	margin-right:0!important;
}
div.reg #box div.dif{
	display:block;
	float:none;
	margin:-8px auto 16px auto;
	width:calc(50% - 66px);
}
div.reg #box div.dif p{
	position:absolute;
	margin:0;
	padding:0 10px;
	border:1px solid #fa0505;
	border-radius:0 0 4px 4px;
	color:#fff;
	font-size:12px;
	font-weight:700;
	line-height:22px;
	text-align:center;
	background-color:#E51E15;
	opacity:0;
	-webkit-transition:opacity .5s ease-out;
	-moz-transition:opacity .5s ease-out;
	-ms-transition:opacity .5s ease-out;
	-o-transition:opacity .5s ease-out;
	transition:opacity .5s ease-out;
}
div.reg #box input.dif + div.dif p{
	opacity:1;
}
div.reg #box input + p{
	margin:16px auto 8px auto;
	max-width:300px;
	text-align:left;
}
div.reg #box #b4 .bg, main.akt div.bg{
	position:relative;
	margin:8px 15px;
	width:calc(100% - 30px);
	background-color: #e6feff;
	border-radius:10px;
	text-align:left;
}
main.akt div.bg{
	margin:16px;
	padding:4px 0;
	width:calc(100% - 32px);
	text-align:center;
}
main.akt{
	width:calc(100% - 30px);
	max-width:400px;
	margin:auto;
	text-align:center;
}
main.akt select{
	margin:0 0 16px 0;
}
main.akt h3{
	margin-top:35px;
}
main.akt strong{
	color:#27348b;
}
div.reg #box #b4 .bg h4{
	margin:16px;
}
div.reg #box #b4 .bg p{
	margin:16px;
}
div.reg #box #b4 .bg button{
	position:absolute;
	top:8px;
	right:12px;
	margin:0;
	background-color:transparent;
	border:0;
	font-size:24px;
	padding:0;
	min-width:initial;
}
div.reg #box #b4 .bg button:hover{
	color:#27348b;
}
div.reg #box #b4 .bg .fs14{
	font-size:14px;
}
div.reg #box #b4 .bg table{
	margin:0;
	padding:0 32px 16px 32px;
	width:100%;
	border-radius:0;
	table-layout:fixed;
}
div.reg #box #b4 .bg table.bt{
	border-top:2px solid #b2b2b2;
	border-radius:0 0 10px 10px;
}
div.reg #box #b4 .bg table td{
	padding:16px 0;
	border-bottom:2px solid #b2b2b2;
}
div.reg #box #b4 .bg table td:first-child{
	width:100px;
}
div.reg #box #b4 .bg table td:last-child{
	width:125px;
	text-align:right;
}
div.reg #box #b4 .bg table tr:last-child td{
	border:0;
	padding:16px 0 0 0;
}
div.reg #box #b4 .bg table img{
	width:64px;
}
div.reg #box #b4 .bg table h4{
	margin:0;
}
div.reg #box #b4 .bg table p.preis{
	margin:0;
	font-size:14px;
}
div.reg #box #b4 .bg table p.preis span{
	vertical-align:7px;
}
div.reg #box #b4 .bg table p.preis strong{
	font-size:24px;
}
div.reg #box #b4 .bg ~ p{
	clear:both;
	padding:0 15px;
}
div.reg div.center{
	margin:38% 30px 0 30px;
	border:0;
	width:calc(100% - 60px);
}
div.reg div.center ~ .center{
	margin:20px 30px 0 30px;
}
div.reg div.center p{
	color:#4c4c4c;
}
div.reg footer{
	position:absolute;
	bottom:0;
	width:calc(100% - 40px);
	height:50px;
	text-align:center;
}
div.reg > footer{
	display:none;
}
div.reg footer a{
	margin:0 16px;
	line-height:50px;
}
main.left h3{
	text-align:left;
}
main.ds ol li{
	margin-left:16px;
	padding-left:4px;
	font-weight:700;
}
main.ds ol li p{
	margin:0 0 10px 0;
	font-weight:400;
}
main.ds ol.latin{
	list-style-type:lower-latin;
}
main.ds ul li, main.ds ol.latin li{
	margin-left:16px;
	padding-left:4px;
	padding-left:10px;
	font-weight:400;
}
h2 + p.center{
	margin:0;
}
p.center + p.center{
	margin:0;
	padding-top:0;
}
p.ust{
	padding:0 30px;
	font-size:10px;
}

@media only screen and (max-device-width:1520px), only screen and (max-width:1520px){
	div.reg #b0 table{
		margin:10px 0;
		width:90%;
		width:calc(100% - 64px);
		max-width:none;
	}
	div.reg #b0 table th{
		padding:28px 16px 0 16px;
		font-size:24px;
		line-height:40px;
		text-align:left;
	}
	div.reg #b0 table th p.preis{
		display:inline-block;
		margin:0;
		float:right;
		line-height:24px;
	}
}
@media only screen and (max-device-width:1400px), only screen and (max-width:1400px){
	header > div.left > div{
		margin:16px 0 0 165px;
	}
	header > div.left > img{
		width:50%;
	}
}
@media only screen and (max-device-width:1160px), only screen and (max-width:1160px){
	header{
		height:540px;
	}
	header > div.left > div{
		margin:26px 0 0 30px;
		width:44%;
	}
	header > div.left > div h1{
		margin:0 38px 16px 0;
	}
	header > div.left > div a.button{
		margin-left:65px;
	}
	div.center + div.right > div > img{
		max-width:60%;
	}
	div.left > div > img{
		max-width:90%;
	}
	div.right > div > img{
		max-width:70%;
	}
	div.left.ilus{
		height:360px;
	}
	div.left.ilus > div > div{
		top:32px;
		margin:0 30px;
		width:320px;
		height:auto;
	}
	div.left.ilus h2{
		margin-top:0;
	}
}
@media only screen and (max-device-width:1020px), only screen and (max-width:1020px){
	main.preise table tr.features{
		display:none;
	}
	main.preise table tr.features + tr td{
		border-top:0;
	}
	main.preise table tr.features ~ tr td{
		display:table-cell;
	}
	main.preise table tr:nth-child(5) td:nth-child(odd){
		border-bottom:0;
	}
	main.preise table{
		margin:24px 0 0 0!important;
		width:98%;
		width:calc(100% - 20px);
		max-width:none;
	}
	main.preise table th{
		padding:16px;
		text-align:left;
		line-height:74px;
	}
	main.preise table th p.preis{
		position:relative;
		display:inline-block;
		margin:0;
		float:right;
		font-size:16px;
		line-height:60px;
	}
	main.preise table th p.preis span{
		vertical-align:14px;
	}
	main.preise table th p.preis strong{
		font-size:36px;
	}
	main.preise table tr ~ tr{
		display:none;
	}
	main.preise input:checked + table tr:not(.features){
		display:table-row;
	}
	main.preise table tfoot{
		display:table-footer-group;
	}
	main.preise table tfoot td{
		padding:0;
		border:0!important;
		border-radius:0 0 10px 10px;
		height:40px;
		background-color:#b4fcfe;
	}
	main.preise table tfoot td label{
		display:block;
		line-height:40px;
		font-size:24px;
		cursor:pointer;
		-webkit-user-select:none;
		-moz-user-select:none;
		-ms-user-select:none;
		user-select:none;
	}
	main.preise input:checked + table tfoot td label .fa{
		-webkit-transform:rotate(-180deg);
		-moz-transform:rotate(-180deg);
		-ms-transform:rotate(-180deg);
		-o-transform:rotate(-180deg);
		transform:rotate(-180deg);
	}
	div.reg #box div input:not([type="checkbox"]), div.reg #box div.input{
		width:calc(100% - 66px);
	}
	div.reg #box div.input{
		display:block;
	}
	div.reg #box div select{
		width:calc(100% - 32px);
	}
	div.reg #box div.inputs p.right{
		float:none;
		width:calc(100% - 64px);
		max-width:none;
	}
	div.reg #box div.mannschaft input{
		width:calc(100% - 95px);
	}
	footer ul{
		margin:14px 110px 0 0;
	}
	footer ul li{
		display:block;
		margin:7px 0 0 0;
	}
	footer ul li a{
		line-height:24px;
	}
}

@media only screen and (max-device-width:920px), only screen and (max-width:920px){
	nav{
		height:65px;
	}
	nav > a.logo{
		margin:16px;
		width:32px;
		height:32px;
		background-image:url("../img/logoB.svg");
	}
	nav > a.logo:hover{
		background-image:url("../img/logoB.svg");
	}
	nav ul{
		left:10px;
		right:240px;
	}
	nav ul li a{
		padding:19px 0;
		line-height:65px;
	}
	nav div{
		right:8px;
	}
	nav div a{
		margin:13px 8px;
	}
	nav > a.button{
		margin:13px 56px 13px 8px;
	}
	header{
		margin-top:65px;
	}
	main{
		padding:65px 20px;
	}
	div.center > p{
		display:none;
	}
	div.s3{
		margin:65px auto;
	}
}
@media only screen and (max-device-width:860px), only screen and (max-width:860px){
	header{
		height:600px;
	}
	header > div.left > div a.button{
		margin-left:10%;
	}
	div.left.ilus{
		background-image:url("../img/illustration768.jpg");
	}
	div.reg > div{
		padding:0;
	}
	div.reg #b0 table{
		margin:40px 10px;
		width:23%;
		width:calc(25% - 36px);
		max-width:255px;
	}
	div.reg #b0 table th{
		padding:16px 0;
		font-size:18px;
		line-height:22px;
		text-align:center;
	}
	div.reg #b0 table th p.preis{
		display:block;
		margin:24px 0 0 0;
		float:none;
		font-size:16px;
		padding:0;
	}
	div.reg #box div input:not([type="checkbox"]), div.reg #box div.input{
		width:calc(50% - 66px);
	}
	div.reg #box div.input{
		display:inline-block;
	}
	div.reg #box div select{
		width:calc(50% - 32px);
	}
	div.reg #box div.inputs p.right{
		float:right;
		width:calc(50% - 64px);
	}
	div.reg #box div.mannschaft input{
		width:calc(50% - 110px);
	}
	div.reg #box #b4 .bg table{
		width:100%;
		max-width:none;
	}
	div.reg > div, div.reg > div + div{
		position:static;
		left:0;
		width:auto;
		height:auto;
		min-height:none;
		//background-image:url("../img/tab_smart.png");
	}
	div.reg > div > footer{
		display:none;
	}
	div.reg > footer{
		position:static;
		display:block;
	}
}
@media only screen and (max-device-width:800px), only screen and (max-width:800px){
	div.s3 > div > p{
		min-height:120px;
	}
	div.s3.kunde > div > img{
		margin:143px 0 0 0;
		width:56px;
		height:56px;
	}
	div.s3.kunde > div > img + p{
		width:calc(100% - 100px);
	}
}
@media only screen and (max-device-width:780px), only screen and (max-width:780px){
	div.s3.kunde > div > img{
		margin:165px 0 0 0;
	}
	div.s3.kunde > div > img + p{
		min-height:190px;
	}
	div.reg #b0 table th p.preis{
		font-size:14px;
	}
	div.reg #b0 table th p.preis strong:after{
		content:"\A";
		white-space:pre;
	}
}
@media only screen and (max-device-width:730px), only screen and (max-width:730px){
	header{
		background-image:none;
		height:auto;
	}
	header div.left{
		position:static;
	}
	header div.left > div{
		display:block;
		position:static;
		width:100%;
		width:calc(100% - 60px);
		height:auto;
		text-align:center;
	}
	header div.left > div h1{
		margin:0;
		width:auto;
		text-align:center;
	}
	header > div.left > div a.button{
		margin-left:0;
	}
	header > div.left > img{
		width:105%;
	}
	div.s3.kunde > div > img{
		margin:190px 0 0 0;
	}
	div.s3.kunde > div > img + p{
		min-height:215px;
	}
	div.left.ilus{
		height:680px;
		background-image:url("../img/illustration730.jpg");
		background-position:bottom left;
		background-size:730px auto;
	}
	div.left.ilus > div > div{
		width:80%;
		width:calc(100% - 60px);
		max-width:none;
		text-align:center;
	}
	div.left.ilus h2{
		margin-top:24px;
		text-align:center;
	}
}
@media only screen and (max-device-width:680px), only screen and (max-width:680px){
	h1{
		margin:32px 0 0 0;
		font-size:36px;
		line-height:40px;
	}
	h2, th{
		padding:32px 0;
		font-size:24px;
		line-height:28px;
	}
	h2{
		margin:56px 0 16px 0;
		padding:0;

	}
	h3{
		font-size:20px;
		line-height:24px;
	}
	nav{
		height:48px;
	}
	nav > a.logo{
		margin:8px 16px;
	}
	nav ul{
		left:50px;
		right:84px;
		width:auto;
	}
	nav ul li a{
		padding:10px 0;
		line-height:48px;
	}
	nav div a{
		margin:8px;
		line-height:48px;
		padding:6px 10px;
	}
	nav div a:last-child{
		display:none;
	}
	header{
		margin-top:48px;
	}
	main{
		padding:48px 20px;
	}
	footer ul{
		float:none;
		display:block;
		margin:0;
		padding:24px 0;
		border-top:1px solid #b2b2b2;
		width:100%;
		text-align:center;
	}
	footer ul li{
		display:inline;
		margin:12px 8px 0 8px;
		text-align:left;
	}
	footer ul li a{
		margin:0;
	}
	.clubs{
		margin-bottom:32px;
	}
	.clubs > div a img{
		margin:8px 0;
		width:38%;
		width:calc(50% - 5px);
		max-width:none;
		height:auto;
	}
	div.left, div.right{
		margin:24px 0;
		padding:8px 0 0 0;
	}
	div.left, div.right, div.right > div:nth-child(1){
		position:static;
	}
	div.left > div, div.right > div{
		display:block;
		width:100%;
	}
	div.left > div > div, div.right > div > div{
		position:static;
		margin-bottom:8px;
		width:100%;
		height:auto;
	}
	div.s3{
		margin:32px auto;
	}
	div.s3 > div{
		width:90%;
		width:calc(100% - 40px);
	}
	div.s3 > div > p{
		min-height:0;
	}
	div.s3.kunde > div > img{
		margin:145px 0 0 0;
	}
	div.s3.kunde > div > img + p{
		min-height:170px;
	}
	form.kontakt{
		width:100%;
	}
	div.anschrift{
		float:none;
		margin:0;
		text-align:center;
	}
	div.reg #b0 table{
		margin:10px 0;
		width:90%;
		width:calc(100% - 64px);
		max-width:none;
	}
	div.reg #b0 table th{
		padding:28px 16px 0 16px;
		font-size:24px;
		line-height:40px;
		text-align:left;
	}
	div.reg #b0 table th p.preis{
		display:inline-block;
		margin:0;
		float:right;
		line-height:24px;
		font-size:16px;
	}
	div.reg #b0 table th p.preis strong:after{
		content:normal;
	}
}
@media only screen and (max-device-width:620px), only screen and (max-width:620px){
	div.left.ilus{
		height:510px;
		background-image:url("../img/illustration620.jpg");
		background-position:bottom;
		background-size:620px auto;
	}
	div.reg #box div input:not([type="checkbox"]), div.reg #box div.input{
		width:calc(100% - 66px);
	}
	div.reg #box div.input{
		display:block;
	}
	div.reg #box div select{
		width:calc(100% - 32px);
	}
	div.reg #box div.inputs p.right{
		float:none;
		width:calc(100% - 64px);
	}
	div.reg #box div.mannschaft input{
		width:calc(100% - 95px);
	}
	footer ul{
		padding:8px 0 24px 0;
	}
	footer ul li{
		display:block;
		text-align:left;
	}
	footer ul li a{
		display:block;
		margin:0;
	}
}
@media only screen and (max-device-width:500px), only screen and (max-width:500px){
	nav ul{
		margin:0 0 0 8px;
		min-width:198px;
		text-align:left;
	}
	nav ul li{
		padding:0 8px;
	}
	div.reg #box #b4 button{
		min-width:0;
	}
}
@media only screen and (max-device-width:450px), only screen and (max-width:450px){
	nav ul li:first-child{
		display:none;
	}
	nav ul li a{
		padding:13px 0;
		font-size:13px;
	}
	footer > div > a img{
		float:none;
		margin:24px 0 0 0;
	}
	footer > div:nth-child(1) > div{
		display:block;
		margin:0;
	}
	footer > div:nth-child(2) > p{
		position:relative;
		display:block;
		margin:0 auto;
		padding:24px 0;
		width:100%;
		border-top:1px solid #b2b2b2;
	}
	div.s3 > div{
		margin:12px 0;
		width:100%;
	}
	div.s3.kunde > div > img + p{
		display:inline-block;
		margin:0;
		padding:16px;
		width:calc(100% - 100px);
		max-width:223px;
	}
	div.left.ilus{
		height:560px;
		background-image:url("../img/illustration320.jpg");
		background-size:100% auto;
	}
	div.reg #box #b4 .bg table{
		padding:0 16px 16px 16px;
	}
	div.reg #box #b4 .bg table td:first-child{
		display:none;
	}
	div.reg #box #b4 > div > button{
		margin-right:0;
	}
	div.reg #box #b4 > div > button + button{
		margin-left:0;
		margin-right:32px;
	}
}
@media only screen and (max-device-width:410px), only screen and (max-width:410px){
	div.left.ilus{
		height:520px;
	}
	div.reg #box #b4 > div > button{
		margin-left:16px;
	}
	div.reg #box #b4 > div > button + button{
		margin-right:16px;
	}
}
@media only screen and (max-device-width:360px), only screen and (max-width:360px){
	div.s3.kunde > div > img{
		margin:190px 0 0 0;
	}
	div.s3.kunde > div > img + p{
		min-height:215px;
	}
}
@media only screen and (max-device-width:350px), only screen and (max-width:350px){
	nav ul{
		margin:0 0 0 4px;
	}
	nav ul li{
		padding:0 6px;
	}
	main.preise table{
		width:100%;
	}
	div.reg #b0 table{
		width:calc(100% - 36px);
	}
}