/* res_id: 4ef321ab2621462c98133c5c6eb6d64e */ /* 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;} } @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);*/} }