@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Handlee');

/************************************************
*** BASICS
************************************************/

html			{ box-shadow: none !important; background-image: url('../images/bg.jpg'); background-size: cover; -moz-background-size: cover; -ms-background-size: cover;
				  -o-background-size: cover; -webkit-background-size: cover; background-position: center; min-height: 100%; }
body			{ font-family: "Handlee", cursive; font-size: 16px; line-height: 1.8; color: #333333; background: none; background-color: transparent; }

a				{ color: #e33f88; text-decoration: none !important; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
a:active		{ color: #000000; }
a:focus			{ color: #000000; }
a:hover			{ color: #000000; }

@media (max-width: 767px)
{
	.bs-control-xs	{ background: #FC0; }
	.bs-control-sm	{ display: none; }
	.bs-control-md	{ display: none; }
	.bs-control-lg	{ display: none; }
}
@media (min-width: 768px) and (max-width: 991px)
{
	.bs-control-xs	{ display: none; }
	.bs-control-sm	{ background: #F33; }
	.bs-control-md	{ display: none; }
	.bs-control-lg	{ display: none; }
}
@media (min-width: 992px) and (max-width: 1199px)
{
	.bs-control-xs	{ display: none; }
	.bs-control-sm	{ display: none; }
	.bs-control-md	{ background: #09C; }
	.bs-control-lg	{ display: none; }
}
@media (min-width: 1200px)
{
	.bs-control-xs	{ display: none; }
	.bs-control-sm	{ display: none; }
	.bs-control-md	{ display: none; }
	.bs-control-lg	{ background: #900; }
}

p							{ padding: 0; margin: 0; }
.container-fluid .container	{ padding: 0; }
@media (min-width: 768px)
{
	.container-p-45			{ padding-left: 45px; padding-right: 45px; }
}

.img-kachel-3zu2			{ width: 100%; /* whatever width you want */ display: inline-block; position: relative; }
.img-kachel-3zu2:after	 	{ padding-top: 66.66%; /* 3:2 ratio */ display: block; content: ''; }
.img-kachel-3zu2 .main		{ position: absolute; top: 0; bottom: 0; right: 0; left: 0; /* fill parent */ background-size: cover; -moz-background-size: cover; -ms-background-size: cover;
							  -o-background-size: cover; -webkit-background-size: cover; background-position: center; }

.img-kachel-2zu3			{ width: 100%; /* whatever width you want */ display: inline-block; position: relative; }
.img-kachel-2zu3:after	 	{ padding-top: 150%; /* 3:2 ratio */ display: block; content: ''; }
.img-kachel-2zu3 .main		{ position: absolute; top: 0; bottom: 0; right: 0; left: 0; /* fill parent */ background-size: cover; -moz-background-size: cover; -ms-background-size: cover;
							  -o-background-size: cover; -webkit-background-size: cover; background-position: center; }
							  
.img-kachel-1zu1			{ width: 100%; /* whatever width you want */ display: inline-block; position: relative; }
.img-kachel-1zu1:after	 	{ padding-top: 99.99%; /* 3:2 ratio */ display: block; content: ''; }
.img-kachel-1zu1 .main		{ position: absolute; top: 0; bottom: 0; right: 0; left: 0; /* fill parent */ background-size: cover; -moz-background-size: cover; -ms-background-size: cover;
							  -o-background-size: cover; -webkit-background-size: cover; background-position: center; }

.icon-home					{ width: auto; height: 35px; margin: 0 auto; }

.seperator					{ width: 50px; height: 3px; padding: 0; margin: 0; }
.text-center .seperator		{ margin: 0 auto; }


/************************************************
*** TEASER
************************************************/

.container-teaser				{ background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; -webkit-background-size: cover;
								  background-position: center; height: auto; min-height: 520px; background-image: url('../images/bg-teaser.jpg'); }
.container-teaser .headline		{ font-size: 60px; line-height: 1.0; color: #e33f88; margin-top: 130px; }
.container-teaser .subline		{ font-size: 26px; line-height: 1.0; color: #e33f88; margin-top: 20px; }
.container-teaser .col-xs-12	{ padding-left: 0; padding-right: 0; }

@media (max-width: 767px)
{
	.container-teaser 			{ margin-left: 0; margin-right: 0; }
}

.container-teaser-small				{ background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; -webkit-background-size: cover;
									  background-position: center; height: auto; min-height: 300px; background-image: url('../images/bg-teaser.jpg'); }
.container-teaser-small .headline	{ font-size: 60px; line-height: 1.0; color: #e33f88; margin-top: 75px; }
.container-teaser-small .subline	{ font-size: 26px; line-height: 1.0; color: #e33f88; margin-top: 20px; }
.container-teaser-small .col-xs-12	{ padding-left: 0; padding-right: 0; }

@media (max-width: 767px)
{
	.container-teaser-small			{ margin-left: 0; margin-right: 0; }
}


/************************************************
*** CONTAINER KURSTERMINE
************************************************/

.container-fixed-height				{ height: 370px;}


/************************************************
*** NAVIGATION
************************************************/

@media (min-width: 768px)
{
	.flexy-menu							{ background: none; width: auto; height: auto; margin: 0 auto !important; border-bottom: 1px solid rgba(255,255,255,0.35); float: none; text-align: center; }
	.flexy-menu	li						{ background-color: transparent; margin: 0; float: none; display: inline-block; margin: 0 10px 0 10px; }
	.flexy-menu li a					{ background-color: transparent; color: #ffffff; font-size: 14px; line-height: 1.0; text-transform: uppercase; float: none;
										  font-family: "Handlee", cursive; border-bottom: 3px solid transparent; padding: 15px 0 15px 0; display: block;
										  -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
	.flexy-menu li:hover a				{ background-color: transparent; border-bottom: 3px solid #ffffff; }
	.flexy-menu li.active a				{ background-color: transparent; font-weight: bold; border-bottom: 3px solid #ffffff; }
	.flexy-menu li ul					{ margin: 0; padding: 0; min-width: 200px; width: auto; height: auto; top: 48px; box-shadow: none; background-color: #ffffff; border-bottom: 0 !important; }
	.flexy-menu li ul li				{ width: 100%; height: auto; padding: 0; margin: 0; text-align: left; display: block; }
	.flexy-menu li ul li a				{ display: block; font-weight: 400 !important; text-transform: none; border-bottom: 0 !important; font-size: 14px; line-height: 1.0;
										  text-transform: uppercase; margin: 0; padding: 15px; color: #e33f88; }
	.flexy-menu li ul li:hover a		{ background-color: #e33f88; color: #ffffff; }
	.flexy-menu > li .indicator			{ color: #ffffff; top: 15px; display: none; }
	.flexy-menu ul > li .indicator		{ top: 10px; }
	.flexy-menu > li:hover .indicator	{ color: #ffffff; display: none; }
}

@media (min-width: 992px) and (max-width: 1199px)
{
	.flexy-menu li a			{ padding-left: 15px !important; padding-right: 15px !important; }
}

@media (max-width: 767px)
{
	.flexy-menu							{ background-color: transparent; }
	.flexy-menu li a					{ font-size: 15px; line-height: 1.0; font-family: "Handlee", cursive; color: #e33f88; background: rgba(255,255,255,0.5); }
	.flexy-menu li:hover a				{ background-color: #e33f88; color: #ffffff; }
	.flexy-menu li.active a				{ background-color: #e33f88; color: #ffffff; }
	.flexy-menu li ul li a				{ text-transform: none; color: #e33f88; font-size: 15px; text-transform: uppercase; background: rgba(255,255,255,0.8); font-weight: 400 !important; }
	.flexy-menu li:hover ul li a		{ color: #ffffff; }
	.flexy-menu li ul li:hover a		{ color: #e33f88; background-color: #ffffff; }
	.flexy-menu li ul li.active a		{ background-color: #e33f88; color: #ffffff; }
	.flexy-menu > li .indicator			{ color: #e33f88; top: 10px; }
	.flexy-menu > li:hover .indicator	{ color: #ffffff; }
	.flexy-menu ul > li .indicator		{ top: 10px; }
	.showhide							{ background-color: transparent !important; border-bottom-color: #c16701; color: #ffffff; }
	.showhide .title					{ color: #ffffff; font-family: "Handlee", cursive; font-size: 15px; line-height: 1.0; font-weight: 700; }
	.showhide .icon	em					{ background-color: #ffffff !important; }
}


/************************************************
*** FOOTER
************************************************/

.container-footer			{ color: #ffffff; }
.container-footer a 		{ color: #ffffff; }
.container-footer a:active	{ color: #e33f88; }
.container-footer a:focus	{ color: #e33f88; }
.container-footer a:hover	{ color: #e33f88; }
.container-footer p			{ padding-right: 15px; text-align: right; }


/************************************************
*** HEADLINES
************************************************/

h1	{ font-family: "Handlee", cursive; font-size: 40px; line-height: 1.3; margin: 0; padding: 0; }
h2	{ font-family: "Handlee", cursive; font-size: 30px; line-height: 1.3; margin: 0; padding: 0; }
h3	{ font-family: "Handlee", cursive; font-size: 25px; line-height: 1.3; margin: 0; padding: 0; }
h4	{ font-family: "Handlee", cursive; font-size: 20px; line-height: 1.3; margin: 0; padding: 0; }
h5	{ font-family: "Handlee", cursive; font-size: 15px; line-height: 1.3; margin: 0; padding: 0; }


/************************************************
*** CALLOUTS
************************************************/

.callout			{ width: 100%; height: auto; padding: 20px; border-bottom: 1px solid #f4f4f4; border-top: 1px solid #f4f4f4; background: #f4f4f4; color: #393938; text-align: center;
					  -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; border: 1px solid #cbcbcb; }
.callout:hover		{ border: 1px solid #3d2474; }
.callout a			{ color: #393938; }
.callout a:hover	{ color: #3d2474; }
.callout .glyphicon,
.callout .socicon	{ margin-left: 6px; margin-right: 2px; }
.callout h3			{ padding-bottom: 5px; }


/************************************************
*** KONTAKT
************************************************/

.form-control			{ border-radius: 0; }
.form-control:focus		{ border-color: #CCC; outline: 0; -webkit-box-shadow: none; box-shadow: none; }

.control-label			{ font-weight: 400 !important; }

.nav-tabs				{ border-bottom: 1px solid #808080; }
.nav-tabs li a			{ border-radius: 0; color: #ffffff; }
.nav-tabs li a:hover	{ background: #000000; }
.nav-tabs li.active a	{ border-radius: 0; color: #000000; }
.nav-tabs li a			{ border: 0 !important; }
.nav-tabs li.active a	{ border: 0 !important; }

.alert-container 	{ max-width: 550px; margin-top: 200px; }
.alert-container div{ text-align: left; text-shadow: none; }
.alert				{ padding: 35px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 0; }
.alert > p,
.alert > ul			{ margin-bottom: 0; }
.alert > p + p		{ margin-top: 5px; }
.alert .close		{ margin-top: -6px; }
.alert-dismissible			{ padding-right: 35px; }
.alert-dismissible .close 	{ position: relative; top: -12px; margin-top: -12px; right: -31px; color: inherit; }


.alert-success 			{ background: #ffffff !important; border-color: #ffffff; color: #333333; }
.alert-success strong	{ color: #9dc112; }
.alert-danger			{ background: #ffffff !important; border-color: #ffffff; color: #333333; }
.alert-danger strong	{ color: #a94442; }

.close				{ float: right; font-size: 30px; font-weight: bold; line-height: 1; color: #000000; text-shadow: 0; opacity: 0.2; filter: alpha(opacity=20); -webkit-transition: 0.3s;
					  -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

.modal-backdrop.in	{ filter: alpha(opacity=80); opacity: .8; }

.hideit				{ display: none !important; }
.google-maps		{ width: 100%; height: 300px; margin: 0; border: 0; }


/************************************************
*** BUTTONS
************************************************/

.btn				{ font-family: "Handlee", cursive; font-size: 14px; line-height: 1.8; text-decoration: none !important;
					  -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; text-transform: uppercase; }
.btn-primary		{ color: #000000; background: #ffffff !important; border: 0; }
.btn-primary:hover	{ color: #ffffff; background: #000000 !important; }
.btn-default		{ color: #e33f88; border-color: #e33f88; background: none; }
.btn-default:hover	{ color: #e33f88; border-color: #e33f88; background: none; }
.btn-black			{ color: #000000; border-color: #000000; background: none; }
.btn-black:hover	{ color: #565655; border-color: #565655; background: none; }
.btn-white			{ color: #ffffff; border-color: #ffffff; background: none; }
.btn-white:hover	{ color: #c6c6c6; border-color: #c6c6c6; background: none; }
.btn-lg				{ font-weight: 800; font-size: 16px; }


/************************************************
*** FARBEN / TEXT
************************************************/

.text-black		{ color: #000000 !important; }
.text-pink		{ color: #e33f88 !important; }
.text-white		{ color: #ffffff !important; }
.text-dark		{ color: #333333 !important; }

.text-upper		{ text-transform: uppercase !important; }
.text-bold		{ font-weight: bold; }

.bg-white		{ background: #ffffff !important; }
.bg-pink		{ background: #e33f88 !important; }
.bg-pink-dark	{ background: #81686e !important; }
.bg-light		{ background: #f2ded6 !important; }
.bg-grey		{ background: #F5F5F5 !important; }


/************************************************
*** MARGINS / PADDINGS
************************************************/

.m-top-5	{ margin-top: 5px !important; }
.m-bot-5	{ margin-bottom: 5px !important; }

.m-top-10	{ margin-top: 10px !important; }
.m-bot-10	{ margin-bottom: 10px !important; }

.m-top-15	{ margin-top: 15px !important; }
.m-bot-15	{ margin-bottom: 15px !important; }

.m-top-30	{ margin-top: 30px !important; }
.m-bot-30	{ margin-bottom: 30px !important; }

.m-top-45	{ margin-top: 45px !important; }
.m-bot-45	{ margin-bottom: 45px !important; }


.p-top-5	{ padding-top: 5px !important; }
.p-bot-5	{ padding-bottom: 5px !important; }

.p-top-10	{ padding-top: 10px !important; }
.p-bot-10	{ padding-bottom: 10px !important; }

.p-top-15	{ padding-top: 15px !important; }
.p-bot-15	{ padding-bottom: 15px !important; }

.p-top-30	{ padding-top: 30px !important; }
.p-bot-30	{ padding-bottom: 30px !important; }

.p-top-45	{ padding-top: 45px !important; }
.p-bot-45	{ padding-bottom: 45px !important; }

.p-top-100	{ padding-top: 100px !important; }
.p-bot-100	{ padding-bottom: 100px !important; }