/*
fonts
*/
@font-face {
    font-family: 'capture_itregular';
    src: url('../font/capture_it-webfont.eot');
    src: url('../font/capture_it-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/capture_it-webfont.woff2') format('woff2'),
         url('../font/capture_it-webfont.woff') format('woff'),
         url('../font/capture_it-webfont.ttf') format('truetype'),
         url('../font/capture_it-webfont.svg#capture_itregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'capture_it_2regular';
    src: url('../font/capture_it_2-webfont.eot');
    src: url('../font/capture_it_2-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/capture_it_2-webfont.woff2') format('woff2'),
         url('../font/capture_it_2-webfont.woff') format('woff'),
         url('../font/capture_it_2-webfont.ttf') format('truetype'),
         url('../font/capture_it_2-webfont.svg#capture_it_2regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*
base styling
*/
html,
body{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	color:#515151;
}
*{	
	font-family: 'Titillium Web', sans-serif;
}
hr{
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	margin:25px 0px;
}
.clearfix:after {
	content: ".";
	clear: both;
	display: block;
	visibility: hidden;
	height: 0px;
}
.body_container{
	width:80%;
	max-width:1000px;
	margin:0px auto;
	-moz-box-shadow: 0 0 20px #CDCDCD;
	-webkit-box-shadow: 0 0 20px#CDCDCD;
	box-shadow: 0 0 20px #CDCDCD;
}
.content{
	width:90%;
	margin:50px auto 15px auto;	
}
.headline{
	font-family: 'capture_itregular';
	font-size:35px;
	display:block;
	border:0px;
	outline:none;
	margin:75px 0 35px 0;
}
.banner{
	position:relative;
	display:block;
	text-decoration:none;
	border:0px;
	outline:none;
	margin:0px;
	padding:0px;
}
.logo_container div,
.logo_container a{
	display:block;
	width:50%;
	float:right;
}
.logo_container img{
	display:block;
	width:100%;
	max-width:500px;
	border:0px;
	outline:none;
	margin:0px;
}
.banner  img{
	display:block;
	width:100%;
	border:0px;
	outline:none;
	margin:0px;
}
.banner > img.badge{
	position:absolute;
	width:auto;
	bottom:-69px;
	right:-8%;
	z-index:99;
}
h1{
	font-size:30px;
	font-weight:400;
	margin-bottom:3px;
	text-transform:uppercase;
}
.infotext{
	line-height:150%;
}
.controls_container{
	margin-bottom:50px;
}
.controls{
	display:inline-block;
	width:180px;
	margin:0 30px 0 0;
	text-decoration:none;
	cursor:pointer;
}
.controls > img{
	display:block;
	width:100%;
	border:0px;
	outline:none;
	margin:0px;
	padding:0px;
	transition:all 0.5s;
}
.footer{
	text-align:center;
	padding-bottom:30px;
	margin-top:50px;
}
.footer a{
	display:inline;
	text-decoration:none;
	color:#262626;
	outline:none;
}
.footer a:hover{
	text-decoration:underline;
}
/*
termine container
*/
#termineContainer{
	margin:10px 0px;
}
#emptyResult,
#selectTermine{
	display:none;
}
#emptyResult{
	color:#E7450F;
}
.btn_select{
	width:100%;
	height:34px;
	margin-bottom:10px;
	overflow:hidden;
	background-image:url(/img/button_bg_grey.png);
	background-repeat:repeat-x;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	border:1px solid #969696;
	-webkit-box-shadow: 1px 1px 3px 0px rgba(102,102,102,0.5);
	-moz-box-shadow: 1px 1px 3px 0px rgba(102,102,102,0.5);
	box-shadow: 1px 1px 3px 0px rgba(102,102,102,0.5);
	cursor:pointer;
}
.btn_select select{
	background-color:transparent;
	width:110%;
	border:0px;
	padding:0px 20px;
	box-shadow:none;	
	color:#FFFFFF;
	font-size:16px;
	line-height:26px;
	height:34px;
	font-weight:bold;
}
.btn_select option{
	color:#979797;
}
/*
infobox Waldenburg & Haagen
*/
.infobox{
	display:none;
}
.w50{
	float:left;
	width:50%;
	box-sizing:border-box;
	padding-top:10px;
}
.niederlassungInfo{
	display:none;
	margin:25px 0px 10px 0px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius:20px;
	border:2px solid #EEEEEE;
}
#infoFreiburg{
	display:block;
}
.niederlassung_inner_box{
	margin:8px;
	padding:15px 25px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius:15px;
	background-color:#EEEEEE;
}
.niederlassungInfo  h3{
	color:#666666;
	margin:0px 0px 10px 0px;
}
.niederlassungInfo  img{
	display:block;
	height:100px;
	height:100px;
	margin:0px 20px 20px 0px;
	float:left;
}
#selectLevel{
	margin-top:20px;
}
.kurs_img{
	float:right;
	width:33%;
	margin:0px;
	box-sizing:border-box;
}
.kurs_img  img{
	display:block;
	width:100% !important;
	border:0px;
}
.kurs_text{
	float:left;
	width:66%;
	margin:0px;
	box-sizing:border-box;
	padding-right:50px;
}
.city_input_container{
	float:left;
	padding:0px;
	margin-left:5px;
}

/*
custom radiobutton styles
*/
.radio_row{
	margin:20px 0px;	
}
input[type=radio].bullet{
	position:absolute;
	z-index:-1000;
	left:-1000px;
	overflow:hidden;
	clip:rect(0 0 0 0);
	height:1px;
	width:1px;
	margin:-1px;
	padding:0;
	border:0;
}
input[type=radio].bullet + label.bullet-label,
input[type=radio].bullet + label.bullet-label.clr {
	padding:0 20px 0 23px;	
	height:18px; 
	display:inline-block;
	line-height:18px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:18px;
	vertical-align:middle;
	cursor:pointer;
}
input[type=radio].bullet:checked + label.bullet-label,
input[type=radio].bullet + label.bullet-label.chk {
	background-position: 0 -18px;
}
label.bullet-label {
	background-image:url(../img/bullet_radiobutton.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/*
custom checkbox styles
*/

input[type=checkbox].square{
	position:absolute;
	z-index:-1000;
	left:-1000px;
	overflow:hidden;
	clip: rect(0 0 0 0);
	height:1px;
	width:1px;
	margin:-1px;
	padding:0;
	border:0;
}
input[type=checkbox].square + label.square-label,
input[type=checkbox].square + label.square-label.clr {
	padding:0 20px 0 25px;	
	height:18px; 
	display:inline-block;
	line-height:18px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:16px;
	vertical-align:middle;
	cursor:pointer;
}
input[type=checkbox].square:checked + label.square-label,
input[type=checkbox].square + label.square-label.chk {
	background-position: 0 -18px;
}
label.square-label {
	background-image:url(../img/square_checkbox.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
/*
form & placeholder styling
*/
#buchungContainer{
	display:none;
}
.anrede_block{
	margin:10px 0px;
}
.anrede_block  label{
	font-size:16px !important;
}
.bookingform{
	display:block;
	margin:0px;
	padding:0px;
}
.teilnehmer{
	position:relative;
}
.delete{
	position:absolute;
	top:15px;
	right:15px;
	width:30px;
	height:31px;
	background-image:url(/img/delete_icon.png);
	background-repeat:no-repeat;
	cursor:pointer;
}
.weitere_person{
	display:block;
	box-sizing:border-box;
	float:left;
	width:45%;
	margin:5px 10px 5px 0px;
	background-image:url(/img/add_icon.png);
	background-position:center left;
	background-repeat:no-repeat;
	padding-left:45px;
	color:#949494;
	font-size:16px;
	line-height:34px;
	height:34px;
	cursor:pointer;
}
.checkbox_container{
	margin:30px 0px;	
}
.checkbox_container div{
	font-size:16px;
	padding:8px 0px;
	color:#949494;
}
.checkbox_container > div{
	width:50%;
	float:left;
	box-sizing:border-box;
}
.checkbox_container a{
	text-decoration:none;
	color:#949494;
	font-size:16px;
}
.bookingform input[type="text"]{
	display:block;
	float:left;
	width:45%;
	font-size:16px;
	line-height:26px;
	height:34px;
	max-width:auto;
	margin:5px 10px 5px 0px;
	padding:4px 20px;
	border:1px solid #969696;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 1px 1px 3px 0px rgba(102,102,102,0.5);
	-moz-box-shadow: 1px 1px 3px 0px rgba(102,102,102,0.5);
	box-shadow: 1px 1px 3px 0px rgba(102,102,102,0.5);
	box-sizing:border-box;
}
#agbInfo{
	display:none;
	color:#48BFE4;
	font-weight:bold;
}
.bookingform input[type="submit"],
.btn_text_only{
	box-sizing:border-box;
	display:block;
	float:left;
	margin:30px 10px 5px 0px;
	width:45%;
	background-image:url(/img/button_bg.png);
	background-repeat:repeat-x;
	color:#FFFFFF;
	text-align:center;
	font-size:16px;
	line-height:26px;
	height:34px;
	font-weight:bold;
	padding:2px 0px 2px 0px;
	border:1px solid #969696;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 1px 1px 3px 0px rgba(102,102,102,0.5);
	-moz-box-shadow: 1px 1px 3px 0px rgba(102,102,102,0.5);
	box-shadow: 1px 1px 3px 0px rgba(102,102,102,0.5);
	cursor:pointer;
	text-decoration:none;
}
.btn_text_only{
	margin-top:0px;
}
.btn_text_only.grey{
	background-image:url(/img/button_bg_grey.png);
}
.btn_text_only.grey:hover{
	background-image:url(/img/button_bg_grey_hover.png);
}
.bookingform input[type="submit"]:hover,
.controls:hover > .btn_outer_circle > .btn_text_only{
	background-image:url(/img/button_bg_hover.png);
}
/*
image preloading
*/
body:after{
    display:none;
    content: url(/img/button_bg_hover.png);
}
/* fallback placeholder */
.placeholder {
	color: #bbb;
}
/* webkit placeholder */
::-webkit-input-placeholder {
	color: #bbb;
}
/* moz placeholder */
:-moz-placeholder {
	color: #bbb;
}

/* custom btn */
.btn_outer_circle{
	display:inline-block;
	position:relative;
	width:180px;
	height:180px;
	box-sizing:border-box;
	border:2px solid #EE902A;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color:transparent;
	cursor:pointer;
	z-index:50;
	overflow:hidden;
	text-align:center;
	font-size:22px;
	line-height:125%;
	color:#FFFFFF;
	text-transform:uppercase;
	text-decoration:none;
	transition:all 0.3s;
}
.btn_inner_circle{
	position: absolute;
	top: 50%;
	left: 50%;
	width:90%;
	height:90%;
	margin: -45% 0 0 -45%;
	border:0px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color:#EE902A;
	z-index:-10;
	transition:all 0.3s;
}
.btn_outer_circle span{
	font-size:16px;
}
.btn_text_only{
	width:100%;
}
.controls:hover > .btn_outer_circle > .btn_inner_circle{
	width:110%;
	height:110%;
	margin: -55% 0 0 -55%;
}
.controls:hover > .btn_outer_circle{
	border-color:#FFFFFF;
}
.myofascial-release{border:2px solid #63C2E9;padding-top:60px;}
.myofascial-release > .btn_inner_circle{background-color:#63C2E9}

.faszien-training{border:2px solid #EE902A;padding-top:40px;}
.faszien-training > .btn_inner_circle{background-color:#EE902A}

.faszien-forum{border:2px solid #8E2855;padding-top:50px;}
.faszien-forum > .btn_inner_circle{background-color:#8E2855}

.faszilator{border:2px solid #C1BC1B;padding-top:75px;}
.faszilator > .btn_inner_circle{background-color:#C1BC1B}

.kettlebells{border:2px solid #9ED2AF;padding-top:75px;}
.kettlebells > .btn_inner_circle{background-color:#9ED2AF}

.fasziensinnestag{border:2px solid #cd1517;padding-top:60px;}
.fasziensinnestag > .btn_inner_circle{background-color:#cd1517}

.sportosteopathie{border:2px solid #CD1719;padding-top:80px;font-size:15px;}
.sportosteopathie > .btn_inner_circle{background-color:#CD1719}

.grundlagenworkshop_anatomie_physiologie{border:2px solid #858e33;padding-top:55px;font-size:14px;line-height:24px;}
.grundlagenworkshop_anatomie_physiologie > span{}
.grundlagenworkshop_anatomie_physiologie > .btn_inner_circle{background-color:#858e33}

.pilates{border:2px solid #34523D;padding-top:45px;}
.pilates > .btn_inner_circle{background-color:#34523D;}

.flossing{border:2px solid #b1201f;padding-top:45px;}
.flossing > .btn_inner_circle{background-color:#b1201f;}

.fibromyalgie{border:2px solid #848D33;padding-top:45px;}
.fibromyalgie > .btn_inner_circle{background-color:#848D33;}

#terminPreis{
	display:none;
	font-size:20px;
	color:#99cf15;
	font-weight:bold;
	margin:15px 3px 5px 3px;
}
.danke{
	border:3px solid #99cf15;
	padding:20px 50px;
	text-align:center;
	font-size:20px;
	line-height:28px;
	font-weight:bold;
	color:#99cf15;
	position:relative;
	margin:80px 0px 50px 0px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
}
/* remove webkit search input decoration and cancel button */
input[type="search"]::-webkit-search-decoration, 
input[type="search"]::-webkit-search-cancel-button {
	display: none;
}
@media(max-width: 800px){
	.body_container {
		width:90%;
	}
	.logo_container div,
	.logo_container a{
		display:block;
		width:100%;
		float:none;
	}
	.headline{
		text-align:center;
	}
	.controls{
		display:block;
		max-width:240px;
		width:100%;
		margin:60px auto;
		text-align:center;
	}	
	.banner > img.badge{
		position:absolute;
		width:200px;
		bottom:-20px;
		right:-5%;
		z-index:99;
	}		
	.kurs_img,
	.kurs_text{
		float:none;
		width:100%;
		margin:10px 0px;
		padding:0px;
	}
	.kurs_img{
		margin-bottom:30px;
	}
	.weitere_person,
	.checkbox_container > div,	
	.bookingform input[type="submit"],
	.btn_text_only,
	.w50{
		width:100%;
		float:none;
	}
}
@media(max-width: 600px){
	h1{
		margin-top:20px;
	}
	.danke{
		font-size:15px;
		line-height:20px;
		padding-left:15px;
	}
	.content {
		margin: 30px auto 15px;
		width: 80%;
	}
	.controls_container .controls:first-child{
		margin-top:20px;
	}
	.controls_container .controls:last-child{
		margin-bottom:80px;
	}
	.weitere_person,
	.bookingform input[type="text"],
	.bookingform input[type="submit"]{
		float:none;
		width:100%;
		margin:0px auto 10px auto;
	}
	.bookingform input[type="submit"]{
		margin-top:20px;
	}	
	input[type=checkbox].square + label.square-label,
	input[type=checkbox].square + label.square-label.clr {
		margin-bottom:15px;
	}
	input[type=radio].bullet + label.bullet-label,
	input[type=radio].bullet + label.bullet-label.clr {
		margin-bottom:15px;
	}	
	.checkbox_container{
		margin-top:30px;	
	}
	.city_input_container{
		float:none;
		margin:0px 0px 5px 8px;
	}
}