/* res_id: 7f86f2f9e87805d9c046dcba91ba4a29 */

/* Version 1.0 Aerial Perspective combined YUI and CSS Tools reset.css*/
/** 01/11/10**/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; color:#000000; }
table { border-collapse:collapse; border-spacing:0; }
body { line-height:1; }
fieldset, img { border:0; }
address, caption, cite, code, dfn, em, strong, th, var, optgroup { font-style:inherit; font-weight:inherit; }
ins { text-decoration:none; }
del { text-decoration:line-through; }
ol, ul { list-style:none; }
li { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
abbr, acronym { border:0; font-variant:normal; }
sup { vertical-align:baseline; }
sub { vertical-align:baseline; }
:focus { outline:0; }
legend { color:#000; }
input, button, textarea, select, optgroup, option { font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit; }
input, button, textarea, select { *font-size:100%; }

/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* Icon Fonts
*********************************/
/* Font-face Icons */
@font-face {
	font-family: 'fontawesome';
	src:url('_font/fontawesome-webfont.eot?v=4.2.0');
	src:url('_font/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'),
		url('_font/fontawesome-webfont.woff?v=4.2.0') format('woff'),
		url('_font/fontawesome-webfont.ttf?v=4.2.0') format('truetype'),
		url('_font/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0;position: relative; zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { text-decoration:none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; }
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { font-family: "fontawesome"; font-size: 50px; display: inline-block; content: '\f104'; }
.flex-direction-nav a.flex-next:before  { content: '\f105'; }

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}


/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10002;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 10003;
}

.fancybox-opened .fancybox-skin {

}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 10003;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 10004;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 10004;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 10004;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.no-touch .fancybox-nav:hover span {
	visibility: visible;
}
.touch .fancybox-nav span {
	visibility: visible;
}
.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 10002;
	/*background: url('fancybox_overlay.png');*/
	background: rgba(255,255,255,0.6);
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 10005;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 10005;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}

#fancybox-thumbs {
	position: fixed;
	left: 0;
	width: 100%;
	overflow: hidden;
	z-index: 10003;
	background:#fff;
}

#fancybox-thumbs.bottom {
	bottom: 0;
}

#fancybox-thumbs.top {
	top: 2px;
}

#fancybox-thumbs ul {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
}

#fancybox-thumbs ul li {
	float: left;
	padding: 1px;
	opacity: 0.6;
	border: 5px solid #fff;
	border-top: 10px solid #fff;
	border-bottom: 10px solid #fff;
	
}

#fancybox-thumbs ul li.active {
	opacity: 1;
	padding: 0;
	border: 5px solid #039d51;
	margin:5px 0;
}

#fancybox-thumbs ul li:hover {
	opacity: 1;
}

#fancybox-thumbs ul li a {
	display: block;
	position: relative;
	overflow: hidden;
	/* border: 1px solid #222; */
	background: #111;
	outline: none;
}

#fancybox-thumbs ul li img {
	display: block;
	position: relative;
	border: 0;
	padding: 0;
	max-width: none;
}

/* Rev 1311271343 */

/*
    Main carousel wrapper.
*/
.kc-wrap {
    /* Various commands to stop items being selected when mouse-dragging/touching. */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    /* Disable IE10/11 default actions */
    -ms-touch-action: none;
    overflow:hidden;
    position:relative;
    /* background-image:url('background.png'); */
    background-position: center;
    width:100%;
    /* This makes wrapper scale vertically in proportion to width */
    padding-bottom:35%;
}
.kc-horizon {
    visibility:hidden;
	cursor: move;
}
/* 
    This wraps carousel items.
*/
.kc-item {
    position:absolute;
    /* These sizes are from the examples - change as appropriate */
    width:188px;
    height:250px;
    -webkit-tap-highlight-color:rgba(0,0,0,0); 
    visibility:hidden;
}


/*
    Item Shadows are made from three sections, bottom, left and right.
    This appears to give better performance than using CSS shadows, and minimizes the
    pixel area of shadow drawn.
    The image URLs used for the shadows will actually be copied into <img> elements.
    You can of course change the images if required.
*/

.kc-shadow-bottom {
    position:absolute !important;
    top:100% !important;
    width:100% !important;
    height:10% !important;
    background-image:url(shadow-bottom.png);
    left:0px !important;
}
.kc-shadow-left,.kc-shadow-right {
    position:absolute !important;
    top:0% !important;    
    width:10% !important;
    height:100% !important;
    left:-10% !important;
    background-image:url(shadow-left.png);
}
.kc-shadow-right {
    left:100% !important;
    background-image:url(shadow-right.png);
}

/*
    Reflection.
    This is applied to an inserted <canvas> element that is the reflection.
*/

.kc-reflection {
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:0px;
}

/* The wrapping element of navigation buttons (if used) */
.kc-nav-wrap {
    display:inline-block;
    position:absolute;
    z-index:1000;
}
/* Navigation button */
.kc-nav-button, .kc-nav-button-active {
    width:16px;
    height:16px;
    background-color: #888;
    float:left;
    margin-right:10px;
    cursor: pointer;
    border-radius: 16px;
    border:1px solid rgba(0,0,0,0.5);
}
/* Navigation button active */
.kc-nav-button.active {
    background-color: #fff;
}

/* No margin on  last one. */
.kc-nav-button.last {
    margin-right:0;
}



@font-face {
font-family: 'open_sansregular';
src: url('_font/OpenSans-Regular-webfont.eot');
src: url('_font/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
url('_font/OpenSans-Regular-webfont.woff') format('woff'),
url('_font/OpenSans-Regular-webfont.ttf') format('truetype'),
url('_font/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'open_sansbold';
src: url('_font/OpenSans-Bold-webfont.eot');
src: url('_font/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
url('_font/OpenSans-Bold-webfont.woff') format('woff'),
url('_font/OpenSans-Bold-webfont.ttf') format('truetype'),
url('_font/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
font-weight: normal;
font-style: normal;
}
html {height:100%; width:100%;}
body {
background: #fff;
font-family:'open_sansregular',Arial,sans-serif;
width:100%;
color:#3e3d3e;
font-size:100%;
line-height:1.3em;
min-width:315px;
}
a {text-decoration:none;color:inherit;}
.tinymcewysiwyg a {color:inherit !important;}
.no-touch .tinymcewysiwyg a:hover {opacity:0.7;}
.no-touch a.jumpt-to-lehrer:hover {opacity:1;}
p {font-size:0.875em; margin-bottom:1em;line-height:1.6em;color:#3e3d3e;}
p span {color:inherit;}
table p {margin-bottom:0.25em;line-height:1.45em;}
h1, h2, h3 {font-family:Impact,'open_sansbold',Arial,sans-serif; margin-bottom:0.35em;line-height:1.3em; color:#3e3d3e; letter-spacing:0.07em;}
.phone h1, .phone h2, .phone h3 {letter-spacing:0;}
h1 {font-size:1.5em;}
h2 {font-size:1em;}
h3 {font-size:0.9em;}
.tinymcewysiwyg li {font-size:0.8125em; margin-bottom:0.25em;line-height:1.6em; list-style-position:outside; list-style-type: disc;margin-left:1em;}
.kleineSchrift {font-size:0.625em !important;}

h1:after,
h2:after,
h3:after {position:relative; margin-top:5px;height:12px; width:100%; background:url(../_img/line.png) no-repeat left center; content:" ";-webkit-background-size:contain;background-size:contain; display:block;}

#aktuelles h1:after,
#aktuelles h2:after,
#aktuelles h3:after {background:url(../_img/line-white.png) no-repeat left center;-webkit-background-size:contain;background-size:contain;}

strong, b {color:inherit; font-weight:bold;}
em, i {font-style:italic;}
img {display:block;color:transparent;}
.tinymcewysiwyg img {display:inline-block;}
div {position:relative;}

.col-row {overflow:hidden; margin:0 -15px 30px -15px;}
.col {float:left; box-sizing:border-box;padding:0 15px; margin-bottom:30px;}

.col img {max-width: 100%; height:auto;}

.col-1 {width:8.33%}
.col-2 {width:16.66%}
.col-3 {width:25%}
.col-4 {width:33.33%}
.col-5 {width:41.66%}
.col-6 {width:50%;}
.col-7 {width:58.33%;}
.col-8 {width:66.66%;}
.col-9 {width:75%;}
.col-10 {width:83.33%;}
.col-11 {width:91.66%;}
.col-12 {width:100%;}

.row {width:100%; margin:50px 0; height:auto;}
#header {margin:0;}
.padder {padding:0 30px;}
.padder:before, .padder:after {content:"";display:table;}
.padder:after {clear:both;}
.padder {zoom:1;}

.row:before, .row:after {content:"";display:table;}
.row:after {clear:both;}
.row {zoom:1;}

.padder.centered {max-width:800px;margin:0 auto;}
.padder.full-width {max-width:100%;margin:0;}
.padder.wide {max-width:1000px;margin:0 auto;}


.ajax-google-left {width:10%; height:100%; float:left;}
.ajax-google-left a {display:block; background:#039d51; padding:30px 10px; color:#fff;border-bottom:1px solid #fff; text-align:center;}
.no-touch .ajax-google-left a:hover {}
.ajax-google {width:90%; height:100%; float:right;}
iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.ajax-frame-google {width:100%; height:100% !important; position:absolute;}
.fancybox-type-ajax .fancybox-skin {background:none;}
.banner {margin-bottom:50px;}
.banner-content {position:relative; width:100%; height:400px; background-position:center; background-repeat:no-repeat; -webkit-background-size:cover;background-size:cover;}

.left-col {float:left; width:62%;}
.right-col {float:right; width:31%;}
.left-col.one-col {float:none;width:100%;}
.right-col.one-col {display:none;}

#telnumber {
position: absolute;
background:#039d51;
left: 30px;
top: 180px;
z-index: 10002;
padding:4px 8px;
border-radius:4px;
}

#telnumber a {display:inline-block; color:#fff;}
#telnumber a:before {font-family:"fontawesome";content:"\f095"; font-size:15px;margin:2px 5px 0 0;}

#aktuelles {background:#039d51; padding:20px;}
#aktuelles:before {position:absolute; content:""; display:block; width:110%; top:-5%; left:-6.1%; height:110%; background:url(../_img/aktuelles-bg-2x.png) center top no-repeat; -webkit-background-size:contain;background-size:contain;z-index:-1;}

#aktuelles p, #aktuelles h1, #aktuelles h2 {color:#fff;}
#aktuelles h2 {margin-bottom:0.75em;}
#aktuelles h2:after, #aktuelles h3:after {display:none;}

#stoerer {position:absolute;right:100px; bottom:-60px; z-index:1001;}
#stoerer img {max-width:100%; height:auto;}
.is-sticky #stoerer {bottom:-100px;}

#facebook {position:absolute; right:30px; top:30px; z-index:1001;}
#logo a {display:inline-block;}
#logo {text-align:center;margin-top:20px;}
#logo img {max-width:100%;height:auto;}

#main-slider {overflow:hidden;}
#mobile-header, #mobile-menu {display:none;}

#navigation-sticky-wrapper {width:100% !important;}
#navigation {padding:20px 0; z-index:10001; background:#fff; height:auto;width:100% !important;-webkit-transition: all .15s ease-in-out;transition: all .15s ease-in-out;}
.is-sticky #navigation {left:0;padding:25px 0;top:0;}
#navigation ul {text-align:center;}
#navigation ul li {display:inline-block;margin:0 15px;-webkit-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
#navigation ul li a {color:#3e3d3e;padding:3px; text-transform:uppercase; font-size:1em;font-family:'open_sansbold',Arial,sans-serif;
-webkit-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;}
.no-touch #navigation ul li a:hover {color:#039d51;}
#navigation ul li a.selected {color:#039d51;}

#mini-logo {position:absolute;top:10px;left:30px;-webkit-transition: all .2s ease-in-out;transition: all .2s ease-in-out;opacity:0;z-index: 1010;}
.is-sticky #mini-logo {opacity:1;}

span.hide { display: none; }

#pre-collage {margin:0; padding:50px 0; background:#fff; display: none;}

#unterricht-liste {overflow:hidden;margin:20px 0 20px 0;}
.unterricht-item {float:left;width:33%; display:inline-block;}
.unterricht-item:nth-child(1) {width:25%;}
.unterricht-item:nth-child(4) {width:15%;}
.unterricht-item:nth-child(5) {width:30%;}
.unterricht-item:nth-child(6) {width:20%;}
.unterricht-item a {display:inline-block;line-height:130px;}
.no-touch .unterricht-item a:hover {opacity:0.6;}
.unterricht-detail {display:none;}
.unterricht-item img {vertical-align: middle; display:inline-block;}
.unterricht-item span {font-size:0.75em; position:relative; display:block;line-height:1.2em; text-align:center;}

.ajax-frame {background:#14a055; overflow:hidden; height:auto;}

.ajax-left {float:left;width:40%; overflow:hidden; text-align:center;}
.ajax-left img {display:block; max-width:100%; height:auto;}
.ajax-frame .padder {padding:40px;overflow:hidden;}
.ajax-right {float:right;width:60%;padding-bottom:90px;}
.ajax-right a {display:inline-block;}

.ajax-frame p,
.ajax-frame li,
.ajax-frame h1,
.ajax-frame h2,
.ajax-frame h3 {color:#fff;}

.ajax-frame h1:after,
.ajax-frame h2:after,
.ajax-frame h3:after {background:url(../_img/line-white.png) no-repeat left center;-webkit-background-size:contain;background-size:contain;}

#ajax-probestunde {position:absolute; width:100px; height:100px; right:20px; bottom:20px; z-index:100;}
#ajax-16 #ajax-probestunde {display:none;} /* Musikalische Frühförderung */
#ajax-probestunde img {max-width:100%; height:auto;}

.ajax-close {position:absolute;display:block;right:15px;top:18px;z-index:1000;}
.ajax-close a {font-size:0.001em; color:transparent;width:28px; display:block;-webkit-transition: all ease 0.5s;transition: all ease 0.5s;}
.ajax-close a:before {font-family:"fontawesome";content:"\f057"; color:#fff; font-size:30px;}
.ajax-close a:hover:before {opacity:0.8;}
.ajax-left-text {text-align:left;margin-top:10px;}
.ajax-left-text li {font-size: 0.875em; font-weight:bold;list-style-type:none;margin-left:0;}
#lehrer {background:#039d51; margin-bottom:0 !important;}
#lehrer-carousel {overflow:hidden;background:url(../_img/bg.jpg) center;}
.kc-wrap {height:451px; padding:0 !important;overflow:visible;}
.kc-item {position:absolute;width:416px;height:501px;overflow: hidden;}
.kc-front-item {margin-top:-25px !important; overflow: hidden;}
.kc-item img {
position:absolute;
pointer-events: none;   /* Make images non-selectable. */
width:100%;             /* Make images expand to wrapper size (used in 2d modes). */
-webkit-transition:all 0.7s ease;
transition:all 0.7s ease;
}
.kc-item img.front {opacity:0;z-index:0;}
.kc-item img.normal {opacity:1;z-index:10;}
.lehrer-desc {display:none;}
#lehrer-content p {text-shadow: 0px 0px 7px rgba(255, 255, 255, 1);}
#lehrer-beschreibung {margin:25px 0 55px 0; min-height:350px;}
#lehrer-beschreibung ul {margin-bottom:1em;}
#lehrer-beschreibung p, #lehrer-beschreibung h1, #lehrer-beschreibung h2, #lehrer-beschreibung h3, #lehrer-beschreibung li {color:#fff;}
#lehrer-beschreibung h1:after,
#lehrer-beschreibung h2:after,
#lehrer-beschreibung h3:after {display:none;}

@-webkit-keyframes fadeOut {
0%  { opacity: 1; }
70%  { opacity: 1; }
100% { opacity: 0; }
}
@keyframes fadeOut {
0%  { opacity: 1; }
70%  { opacity: 1; }
100% { opacity: 0; }
}
.touch .flex-direction-nav .flex-prev {left:10px; opacity:0.7;-webkit-animation:fadeOut 6s forwards;animation: fadeOut 6s forwards;}
.touch .flex-direction-nav .flex-next {right:10px; opacity:0.7;-webkit-animation:fadeOut 6s forwards;animation: fadeOut 6s forwards;}

.bubble {position:absolute; bottom:-30px;left:25%;width:160px; height:160px; border-radius:50%; background:#a39161; padding:20px; z-index:999;text-align:center;
-moz-transform: rotate(-20deg);
-ms-transform: rotate(-20deg);
-webkit-transform: rotate(-20deg);
transform: rotate(-20deg);}
.bubble p {line-height:1.2em; color:#efece4; font-size:1.3em;margin-top:5px;}
#lehrer-navigation {background:#fff;}
#lehrer-navigation ul {text-align:center;}
#lehrer-navigation ul li {display:inline-block;margin:0 5px;}
#lehrer-navigation ul li a {display:block;padding:8px 10px 10px 10px;color:#039d51; font-size:0.875em;}
#lehrer-content {margin:30px auto 0; width:90%; max-width:800px; overflow:hidden; z-index:1000;}

#preise {background:#3e3d3e; margin-top:0 !important; padding:60px 0;margin-bottom:0;}
#preise p, #preise h1, #preise h2, #preise h3 {color:#fff;}
#preise table {margin:20px 0;}
#preise tr {border-bottom:1px dotted #ccc;}
#preise tr:last-child {border-bottom:none;}
#preise td {font-size:0.875em;color:#fff;padding:3px;}
#preise td p {font-size:1em;}

#rabatte {background:#fff; padding:20px;z-index:100;margin-top:120px;}
#rabatte:before {position:absolute; content:""; display:block; width:120%; top:-12%; left:-11%; height:106%; background:url(../_img/weiss-bg-2x.png) center top no-repeat; -webkit-background-size:contain;background-size:contain;z-index:-1;}

#rabatte p, #rabatte h1, #rabatte h2 {color:#3e3d3e;}
#rabatte h2 {margin-bottom:0.75em;}
#rabatte h2:after, #rabatte h3:after {display:none;}

#rabatte h1:after,
#rabatte h2:after,
#rabatte h3:after {background:url(../_img/line-white.png) no-repeat left center;-webkit-background-size:contain;background-size:contain;}

#probestunde {background:url(../_img/probestunde-bg.jpg) repeat top center;margin-top:0; margin-bottom: 0; padding:60px 0; -webkit-background-size:cover; background-size: cover;}
.xform {background:#039d51;padding:35px;}
.xform p {margin:0; line-height:1em; display:inline-block;}
.xform p.radio {}
label {color:#fff;display: block;margin: 8px 0;}
input, textarea, select, radio {color: #3e3e3e;padding:6px;border:none;font-size: 1em; background:#fff; -webkit-appearance: none; -webkit-border-radius:0; border-radius:0;}
input[type=radio] {display:none;}
input[type=radio] + label {
    display:inline-block;
    margin:0 -2px -2px -2px;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    color: #3e3d3e;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255,255,255,0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
    background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
    background-image: -o-linear-gradient(top,#fff,#e6e6e6);
    background-image: linear-gradient(to bottom,#fff,#e6e6e6);
    background-repeat: repeat-x;
	border-right:1px solid #ddd;
    /*border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    border-bottom-color: #b3b3b3;*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
}
 
input[type=radio]:checked + label {
       background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
        background-color:#73c59d;
		color:#fff;
}
#rex-xform {}
.xform p.radio label {display: inline-block;}
input {width:95%;}
input.radio {padding:4px;border:none;width:auto;}
#xform-formular-name {width:70%;}
#xform-formular-alter {width:28%;}
#xform-formular-Vorkenntnisse, #xform-formular-alter {text-align: right;}
#xform-formular-field-1 {width:50px;}
#xform-formular-instrument {min-width:36%;}
.privcy {color:#fff; margin-bottom:16px !important;text-align: center; font-size: 0.8em; line-height: 1.3em !important;}
.privcy a {text-decoration: underline !important;}

#xform-formular-field-3 {
    display: inline-block;
    float: right;
    margin-right: 7px;
    margin-top: 27px;
    text-align: right;
}
#xform-formular-Vorkenntnisse {margin-left:13%;}
#xform-formular-BevorzugterTag {display:block;}
#xform-formular-BevorzugteUhrzeit, #xform-formular-AlternativeUhrzeit {width:25%; vertical-align: top;text-align: right; margin-left:4%;}
.form-bt {width:70%; display:inline-block; box-sizing:border-box;}
#xform-formular-field-5 {width:70%;}
textarea {width:96%;height:50px;}
fieldset {border-top:1px solid #32ba77;margin-top:20px;padding-top:10px;}
#xform-formular-infos {margin-top:2px;}
#xform-formular-Festnetz, #xform-formular-Mobil {width:45%;}
#xform-formular-Mobil {margin-left:7%;}
#xform-formular-email {display:block;width:101%;}
legend {display:none;}
.quelle {width:93%; margin:15px auto 10px;}
.quelle p {font-size:0.8125em;}
.quelle label {font-size:1em !important;}
p.formsubmit {display:block;}
p.formsubmit input {width:100%; cursor:pointer;background:#3e3d3e;color:#fff;}
.no-touch p.formsubmit input:hover {background:#fff;color:#3e3d3e;}
ul.form_warning {margin-bottom:15px;}
ul.form_warning li {font-size:0.875em; color:#fff;margin-bottom:0.3em;font-weight: bold;}
ul.form_warning li:before {font-family:"fontawesome";color:#fff;content:'\f0a4'; font-size: 1em;position:relative; display:inline-block;margin-right:6px;}
input.form_warning {border:3px solid #c84747;}
.radios.form_warning {border:3px solid #c84747; overflow: hidden;}
#form-success-container {position:fixed; background:#fff; top:45%; left:50%; margin-left:-290px; width:500px; height:auto; padding:40px; z-index:10010;-webkit-box-shadow: 0 0 60px -30px #000000;box-shadow: 0 0 60px -30px #000000;}
#form-success-container a { position:absolute; right:22px; top:20px; display:block;width:20px;height:20px; color:transparent;font-size:0.01em;}
.no-touch #form-success-container a:hover {opacity:0.7;}
#form-success-container a:before {font-family:"fontawesome";content:"\f057"; color:#039d51;font-size:30px;}
/* Events */
#events {background: url(../_img/probestunde-bg.jpg) repeat top center; margin:0; padding:50px 0;}
#event-wrapper {margin-top:35px;}
h1.event-headline {color:#039d51; cursor:pointer; border-bottom:1px solid #ddf0e6; display:block;padding-bottom:10px;}
.no-touch h1.event-headline:hover {opacity:0.7;}
h1.event-headline:after {display:none;}
.event-content {display:none;padding:0 0 30px 0;}
.hide {display:none;}

.galerie {position: relative; overflow:hidden;}
a.galerie-link {color:#039d51 !important; font-size: 1.125em; font-family:"open_sansbold",Arial,sans-serif;}
a.galerie-link:before {
position:relative;
display: inline-block;
font-family: "FontAwesome";
line-height:1em;
font-size: 1em;
text-rendering: auto;
margin-right:9px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f030";
}
a.galerie-link.open:before {content: "\f00d";}
.no-touch a.galerie-link:hover {opacity:0.7;}
.galerie ul {position: relative; margin:20px 0; overflow:hidden;}
.galerie ul li {position: relative; float:left; margin:0;}
.galerie ul li a {}
.galerie ul li img {display:block;}

#kontakt {background:#3e3d3e;padding:60px 0; margin-top:0;}
#kontakt img {max-width:100%; height:auto;}
#kontakt p,
#kontakt h1,
#kontakt h2,
#kontakt h3 {color:#fff;}
#kontakt .left-col p {margin:0;}
#kontakt .left-col img {display:block;}

#login {padding-bottom:750px;}
#portal-login input {border:1px solid #000; width:200px;color:#000;padding:2px;height:16px; font-size:0.75em;display:inline-block;}
#portal-login input[type=submit] {border:none; margin:8px 0 0 175px;width:150px;color:#fff;padding:2px;height:auto; background:#039d51; cursor:pointer;}
a.portal-link {width:150px;color:#fff;padding:4px 2px; font-size:0.75em;display:inline-block;text-align:center;background:#039d51;}
.no-touch a.portal-link:hover {opacity:0.7;}
a.portal-link:before {font-family:"fontawesome";color:#fff;content:'\f007'; font-size: 1.25em;position:relative; display:inline-block;margin-right:6px;}
.no-touch #portal-login input[type=submit]:hover {background:#52b082;}
#portal-login label {color:#999;font-size:0.875em; display:inline-block;width:120px;}
#wischPfeil {display:none;}
#imprint {background:#3e3d3e;margin-bottom:0;}
#imprint .padder {background:#fff;padding:50px;}
.flexslider {overflow:hidden;}

#preise td.table-headline {padding-bottom:10px;}

#preise td.table-headline, 
#preise td.table-headline p {color:#ccc; font-size:12px; line-height:1.4em;}

.solo-site #kontakt {margin-bottom:0;}


.angebot-box {background:#039d51; padding:20px;}
.angebot-box * {color: #fff;}
.angebot-box h2 {text-transform: uppercase; font-size:1.35em;}
.angebot-box h2:after {background-image: url(../_img/line-white.png);}

.preis-box {border-top:1px solid #fff; padding-top: 10px;}
.preis-box h2:after {display: none;}

#solo-site .tinymcewysiwyg p a {text-decoration: underline !important;}

.iframe-wrapper {position: relative; width: 100%; height: 1000px; overflow: auto; -webkit-overflow-scrolling: touch;}
.iframe-wrapper iframe {position: absolute; top:0; left:0; width: 100%; height: 100%;}

#booking-form {background: #039d51; width: 100%; box-sizing: border-box; text-align: center;}
#booking-form a {display: block; color:#fff; font-size: 1.8125em; padding: 30px; text-transform: uppercase; font-family: Impact,'open_sansbold',Arial,sans-serif; line-height: 1.4em;}
#booking-form a:before {display: inline-block; content:"\f105"; font-family: 'fontawesome'; margin-right: 10px; font-size: 1.3em;}


#booking-form a:hover {background: #fff; color:#039d51;}

@media screen and (max-width: 1440px) {
#navigation ul li {margin:0 5px;}
}

@media screen and (max-width: 1310px) {
#facebook {top: 60px;}
#stoerer {right:90px; bottom:100px; z-index:1020;}
.is-sticky #stoerer {width:90px; height:90px;right:60px; bottom:-20px;}
.is-sticky #menu {margin-left:25px;}
#mini-logo {display:none;}
.is-sticky #navigation ul {text-align: left;}
#telnumber {
position:relative;
left: auto;
top: auto;
width:100%;
text-align:center;
padding:8px 0;
border-radius:0;
}
}

@media screen and (max-width: 1200px) {
.is-sticky #stoerer {bottom:-45px;}
#stoerer {right:40px;bottom:-25px;width:100px; height:100px;}
}
@media screen and (max-width: 1060px) {
.kc-wrap {height:340px;}

}
@media screen and (max-width: 935px) {



.ajax-google-left {
    float:none;
    height: auto;
    width: 100%;
	background:#039d51;
}
.ajax-google {
    float: none;
    width: 100%;
}
.ajax-google-left a {
    display: inline-block;
	border:none;
	border-right:1px solid #fff;
    padding: 15px 15px;
}
.ajax-google-left a:first-child {padding-left:20px;}
.ajax-close {top: 15px;}


}

@media screen and (max-width: 835px) {
.kc-front-item:after, .kc-front-item:before {display:none;}
#probestunde .left-col {width: 75%;}
#probestunde .right-col {display:none;}
.kc-wrap {height:300px;}
}

@media screen and (max-width: 880px) {
#mobile-header {position:absolute; left:25px; top:14px; display:block;}
#mobile-header a {display:block;height:25px;}
#mobile-header a:before {font-family:"fontawesome";content:'\f0c9'; font-size:25px;line-height:25px;position:relative; display:inline-block;}
#mobile-header a:after {position:relative;content:"Menu";display:inline-block;margin:2px 0 0 10px; vertical-align:top;}
#mobile-header a.cross {border:none;height:30px;}
#mobile-header a.cross:before {left:0;font-family:"fontawesome";color:#3e3d3e;content:'\f00d'; font-size: 30px;position:relative; display:block; height:20px; width:20px;margin:0;}
#mobile-header a.cross:after {display:none;}
#mobile-menu {z-index:1010; background:#fff; margin-top:30px;}
#mini-logo {opacity:1;}
#mini-logo img {max-width:70%; height:auto;}
#navigation {left:0;padding:25px 0;top:0;}
#navigation ul li:first-child {border-top:1px solid #313131;} 
#navigation ul li {display:block;text-align:center; margin:0; border-bottom:1px solid #313131;}
#navigation ul li a {padding:20px 0; font-weight:400; display:block;}	
#stoerer {width:80px; height:80px;right:20px; top:-15px; bottom:auto;}
.is-sticky #stoerer {width:80px; height:80px;right:20px !important; top:10px; bottom:auto;}
#menu {display:none;}
}

@media screen and (max-width: 700px) {
#probestunde {background:url(../_img/probestunde-bg-minified.jpg) repeat top center;}
#lehrer-carousel {background:url(../_img/bg-minified.jpg) center;}
#lehrer-carousel {background-position:center 370px;}
.kc-front-item {margin-top:0 !important;}
.kc-wrap {height:330px;}
#lehrer-carousel {padding-bottom: 20px;}
h1 {font-size:1.25em;}
h2 {font-size:1em;}
h3 {font-size:0.875em;}
.ajax-left {display:none;}
#logo img {width: 35%; display:inline-block;}
#lehrer-content p {display:none;}
.ajax-left, .ajax-right {float: none;width: 100%;}
.ajax-left img {margin:0;max-width:100%; height:auto;}
.left-col, .right-col {float:none; width:100%;}
#aktuelles:before {display:none;}
.flexslider .slides img {width: 150%;margin-left:-25%;}
.banner-content {height:200px;}
#lehrer-content {padding:0 30px; width:auto;}
#lehrer-navigation {display:none;}
#rabatte {margin-top: 50px;}
#probestunde {padding:30px 0;}
.xform {padding:15px;}
.xform p {display:block; width:100% !important; text-align:left !important; margin:0 !important;}
.xform p.radio {display:inline-block; width:auto !important;}
#xform-formular-field-3 {display:block;float: none; margin:0;text-align: left;}
.form-bt {display: block;width: 100%;}
input[type="radio"] + label {font-size: inherit;margin: 0 -3px;}
#xform-formular-infos {margin-top: 20px;}
p.formsubmit {padding-top:20px;}
.quelle {width: auto;overflow: hidden;}
#probestunde .left-col {width: 100%;}
#rabatte:before {display:none;}
#probestunde .right-col {display:none;}
.quelle p.radio {display:block;width: 100% !important;}
.quelle p.radio label {width: 100%;}
#kontakt .right-col {padding-top: 30px;}
#login {padding-bottom:450px;}
#wischPfeil {position:absolute; left:50%; bottom:210px; margin-left:-100px; display:block;}
#wischPfeil:before {font-family:"fontawesome";color:#039d51;content:'\f07e';text-align:center;font-size: 200px;position:absolute; display:block; height:50px; width:100%;pointer-events: none;text-shadow: 0px 0px 7px rgba(150, 150, 150, 1); z-index:1010; opacity:0.5;}
#imprint .padder {background:#fff;padding:20px;}
.unterricht-item {width:50% !important;text-align:center;}
#form-success-container {left:5%; width:70%; height:auto; padding:10%;margin-left:0;}
}
@media screen and (max-width: 550px) {
.col {width:100% !important;}
.iframe-wrapper {
    margin: 0 -30px;
    height: 1300px;
    width: auto;
}    
}
@media screen and (max-width: 480px) {
#portal-login input {border:1px solid #000; width:98%;color:000;padding:2px;height:16px; font-size:0.875em;display:inline-block;}
#portal-login input[type=submit] {margin:20px 0 0 0;width:150px;}
#portal-login label {display:block;}
.kc-wrap {height:230px;}
#wischPfeil {bottom: 150px;}
.unterricht-item img {max-width:100%;height:auto;}
.unterricht-item a {display:block;padding:10px;}
#preise td {font-size:0.75em;}
#booking-form a {font-size: 1.3em; padding: 30px 15px;}    
#preise td p {font-size:1em;}
h1 {font-size: 1.2em;}
#preise td.table-headline, #preise td.table-headline p {font-size: 10px;}
#preise td.table-headline:last-child {text-align:center;}
#preise td.table-headline br {display:none;}
.ajax-google-left a {
    display:block;
	border:none;
	border-bottom:1px solid #fff;
    padding: 15px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){
.kc-item img {max-width:100%;height:auto;}
}
@media screen and (max-height: 9999px) and (min-width: 1001px) {
#hinweis {display:none;}
}
@media screen and (max-height: 800px) and (min-width: 1000px) {
#hinweis {left:50%;bottom:80px;position:absolute;display:block; width:400px;z-index:1000;margin-left:-200px; z-index:10010;}
/* #hinweis:after {left:50%; margin-left:-200px; width:400px;font-family:"fontawesome";color:#fff;content:'\f107'; top:30px;text-align:center;font-size: 40px;position:absolute; display:block; text-shadow: 0px 0px 7px rgba(0, 0, 0, 1);} */

#hinweis:after {
left:50%; margin-left:-25px;
content:"";
position:absolute; display:block;
width: 0;
height: 0;
top:25px;
border-style: solid;
border-width: 30px 25px 0 25px;
border-color: #039d51 transparent transparent transparent;
z-index:-1;
}

#hinweis:before {color:#fff;content:'Zur Vita runter scrollen...'; background:#039d51;font-size: 0.875em; left:50%; padding:5px; margin-left:-95px; width:180px;text-align:center;position:absolute; display:block; text-align: center;/*text-shadow: 0px 0px 7px rgba(0, 0, 0, 1);*/}
}