.clearfix::before,
.clearfix::after {
content: " ";
display: table;
} 
.clearfix::after {
clear: both;
}
.clearfix {
*zoom: 1; }
.fl
{
float:left;
}
.login, .registrierung
{
max-width:500px;
margin: 0 auto;
}
.login input, .registrierung input
{
margin-bottom: 20px;
padding:15px;
}
.registrierung input[type=checkbox]
{
margin-right:10px;
}
.registrierung input[type=submit]
{
display:block;
}
.login .links
{
text-align:center;
}
.login .error, .registrierung .error, .meinekurse .error
{
padding:20px;
margin:20px 0 40px 0;
background: #f18a8b;
color:#fff;
}
.login .success, .registrierung .success, .meinekurse .success
{
padding:20px;
margin:20px 0 40px 0;
background: #0a6e06;
color:#fff;
}
@media only screen and (max-width: 600px) 
{
}.clearfix::before,
.clearfix::after {
content: " ";
display: table;
} 
.clearfix::after {
clear: both;
}
.clearfix {
*zoom: 1; }
.fl
{
float:left;
}
.yogaschule .kursliste 
{
width:100%;
font-family: Montserrat, sans-serif;
margin-bottom: 20px;
}
.yogaschule .kursliste .col
{
width:212px;
float:left;
margin-right:15px;
position:relative;
}
.yogaschule .kursliste .col:last-child
{
margin-right:0px;
}
.yogaschule .kursliste .col .r.head
{
text-align: center;
padding:12px 0;
font-weight:bold;
font-size:0.9em;
margin-bottom:12px;
background:#ededed;
}
.yogaschule .kursliste .col .r span
{
border:solid 4px #ededed;
display:block;
background:#fff;
margin-bottom:12px;
text-align:center;
padding-top:8px;
cursor:pointer;
}
.yogaschule .kursliste .col .r span.empty
{
border-color:transparent;
}
.yogaschule .kursliste .col .r span p
{
font-size:12px;
margin-bottom:5px;
}
.yogaschule .kursliste .col .r span p:nth-child(2)
{
font-weight:bold;
}
.yogaschule .kursliste .termin
{
position:absolute;
top:10px;
left:0;
right:0;
height:120px;   
padding: 10px;
color:#fff;
font-weight: 500;
}
.yogaschule .kursliste .termin p
{
margin:0 0 8px 0;
line-height:22px;
}
.yogaschule .kursliste .termin .sm
{
font-size: 16px;
}
.yogaschule .type
{
position:absolute;
right:6px;
bottom:0px;
width:35px;
height:35px;
background:#B5B4B4;
border-radius: 50%;
color:#000;
padding:7px 0 0 12px;
}
.yogaschule .kursliste .termin.lvl1
{
background:#f7bfbf;
}
.yogaschule .kursliste .termin.lvl2
{
background:#f2968c;
}
.yogaschule .kursliste .termin.lvl3
{
background:#f18a8b;
}
.yogaschule .kursliste .termin.lvl4
{
background:#d96c6d;
}
.yogaschule .kursliste .termin.lvl5
{
background:#a75554;
}
.yogaschule .zeitauswahl
{
margin-bottom:20px;
padding-top:20px;
width:100%;
font-family:"Dosis", Sans-serif;
}
.yogaschule .zeitauswahl .nav
{
float:left;
}
.yogaschule .zeitauswahl a
{
display:block;
width:30px;
background:#f08080;
color:#fff;
text-align:center;
padding:5px 28px 5px 20px;
margin-right:10px;
}
.yogaschule .zeitauswahl select
{
max-width:300px;
}
.yogaschule .zeitauswahl .sel
{
float:left;
margin-right:10px;
}
.yogaschule .info
{
width:100%;
font-family: "Dosis", Sans-serif;
}
.yogaschule h2
{
color: #7A7A7A;
font-family: "Dosis", Sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 57px;
letter-spacing: 3px;
text-align: center;
}
.yogaschule .hline
{
text-align: center;
display:block;
margin-bottom:70px;
color:rgb(122,122,122);
}
.yogaschule .info .levels .row
{
position:relative;
}
.yogaschule .info .levels
{
position:relative;
font-family: "Dosis", Sans-serif;
}
.yogaschule .info .levels .icon
{
position:absolute;
width:55px;
left:0;
top:0;
bottom:0;
}
.yogaschule .info .levels .top
{
position:absolute;
left:65px;
right:0;
top:0;
height:54px;
background:#ededed;
font-weight:bold;
font-size:18px;
padding:12px 0 0 30px;
cursor:pointer;
}
.yogaschule .info .levels .bottom
{ border:none;
font-size:15px;
padding:12px 16px;
margin:70px 0 30px 65px;
height:0px;
color:transparent;
line-height:20px;
}
.yogaschule .info .levels .row .bottom
{
margin:20px 0 30px 30px;
}
.yogaschule .info .levels .row.active .bottom
{
border:solid 1px #ededed;
height:auto;
color:rgb(122,122,122);
margin:70px 0 30px 65px;   
}
.yogaschule .info .levels .row.active .top
{ color:#fff;
cursor:initial;
}
.yogaschule .info .levels .row.active.lvl1 .top
{
background:#f7bfbf;
}
.yogaschule .info .levels .row.active.lvl2 .top
{
background:#f2968c;
}
.yogaschule .info .levels .row.active.lvl3 .top
{
background:#f18a8b;
}
.yogaschule .info .levels .row.active.lvl4 .top
{
background:#d96c6d;
}
.yogaschule .info .levels .row.active.lvl5 .top
{
background:#a75554;
}
.yogaschule .info .levels .icon img
{
width:55px;
height:55px;
}
.yogaschule .legende
{
margin: 25px 0 50px 10px;
}
.yogaschule .legende .fl
{
margin-right:10px;
}
.yogaschule .legende strong
{
margin-bottom:20px;
display:block;
}
.yogaschule .legende div
{
position:relative;
}
.yogaschule .legende .type
{
float:left;
position:relative;
font-weight:bold;
padding:3px 0 0 12px;
}
.yogaschule .legende span
{
float:left;
padding:2px 5px 0 0px;
}
.yogaschule .kursliste .termin.top1
{
top:64px;
}
.yogaschule .kursliste .termin.top2
{
top:196px;
}
.yogaschule .kursliste .termin.top3
{
top:328px;
}
.yogaschule .kursliste .termin.top4
{
top:460px;
}
.yogaschule .kursliste .termin.top5
{
top:592px;
}
.yogaschule .kursliste .termin.top6
{
top:724px;
}
.yogaschule .kursliste .termin.top7
{
top:856px;
}
.yogaschule .kursliste .termin.top8
{
top:988px;
}
.yogaschule .kursliste .termin.top9
{
top:1120px;
}
.Kursinteresse span.wpcf7-list-item
{
display:block;
font-weight:300 !important;
margin:0 0 0 0;
}
.Kursinteresse *
{
font-weight:300!important;
}
.Kursinteresse input[type="checkbox"]
{
margin-right:10px;
}
.kurs-buchen h3
{
text-align:center;
}
.kurs-buchen .beschreibung
{
margin: 20px 0 30px 0;
}
.kurs-buchen .info
{
margin: 20px 0 0 0;
font-weight:bold;
}
.kurs-buchen .nutzungsbedingungen
{
margin-top:20px;
display:block;
}
.kurs-buchen input[type=button]
{
margin-top: 20px;
}
.kurs-buchen .success
{
padding:20px;
margin:20px 0 0 0;
background: #61D800;
color:#fff;
}
.kurs-buchen .error
{
padding:20px;
margin:20px 0 0 0;
background: #f18a8b;
color:#fff;
}
.kurs-buchen .error a, .kurs-buchen .success a
{
color:#fff;
}
.kurs-buchen .error a:hover, .kurs-buchen .success a:hover
{
text-decoration: underline;
}
.login, .registrierung
{
max-width:500px;
margin: 0 auto;
}
.login input, .registrierung input
{
margin-bottom: 20px;
padding:15px;
}
.registrierung input[type=checkbox]
{
margin-right:10px;
}
.registrierung input[type=submit]
{
display:block;
}
.login .links
{
text-align:center;
}
.login .error, .registrierung .error, .meinekurse .error
{
padding:20px;
margin:20px 0 40px 0;
background: #f18a8b;
color:#fff;
}
.meinekurse
{
overflow:auto;
}
.meinekurse .error a
{
text-decoration: underline;
color:#fff;
}
.login .success, .registrierung .success, .meinekurse .success
{
padding:20px;
margin:20px 0 40px 0;
background: #0a6e06;
color:#fff;
}
.jet-sub-menu
{
margin-top:5px!important;
}
.meinekurse table 
{
width:1120px;
}
.meinekurse td
{
padding: 5px;
}
.meinekurse thead td
{
background:#ebebeb;
font-weight:bold;
}
.jet-sub-menu .jet-menu-title
{
color:#000!important;
}
.meinekurse_liste_m
{
display:none;
}
.meinekurse_liste_m div.ele
{
border-bottom:solid 1px #aaa;
padding-bottom:20px;
margin-bottom:20px;
}
.meinekurse_liste_m div.ele:last-child
{
border:none;
padding-bottom:0px;
}
.meinekurse_liste_n
{
display:table;
}
.wpcf7-response-output
{
font-size: 15px!important;
line-height: 20px!important;
margin-top: 20px!important;
padding: 10px!important;
}
.divnutzungsbedingungen
{
margin-top:15px;
margin-bottom:15px;
}
.yogaschule .navwrapper
{
width:410px;
margin:auto;
}
.downloads
{
font-family: Montserrat, sans-serif;
}
.downloads p
{
margin-bottom:5px;
}
.downloads h3
{
margin-bottom:30px;
margin-top:50px;
}
.downloads span
{
font-size: 12px;
padding-left:30px;
}
@media only screen and (max-width: 600px) 
{
.cb
{
clear:both;
}
.yogaschule .kursliste
{
padding-left:5px;
}
.yogaschule .kursliste .col
{
width:32%;
margin-right:2px;
font-size: 11px;
}
.yogaschule .kursliste .termin .sm
{
font-size:11px;
}
.yogaschule .kursliste .termin p
{
margin: 0 0 4px 0;
line-height:12px;
}
.yogaschule .kursliste .col .r span
{
border:solid 1px #ededed;
}
.yogaschule .kursliste .termin.top1
{
top:43px;
}
.yogaschule .kursliste .termin.top2
{
top:169px;
}
.yogaschule .kursliste .termin.top3
{
top:295px;
}
.yogaschule .kursliste .termin.top4
{
top:422px;
}
.yogaschule .termin .type
{
width:25px;
height:25px;
padding:7px 0 0 9px;
}
.yogaschule .kursliste .termin
{
height:124px;
}
.yogaschule .legende span
{
font-size:12px;
padding:7px 5px 0 0px;
}
.yogaschule .info .levels
{
margin:30px 30px;
}
.yogaschule .kursliste .col .r.head
{
margin-bottom:2px;
}
.yogaschule .kursliste .col .r span
{
margin-bottom:2px;
}
.yogaschule h2
{
font-size:26px;
line-height:36px;
}
.meinekurse_liste_m
{
display:block;
}
.meinekurse_liste_n
{
display:none;
}
.yogaschule .navwrapper
{
width:330px;
margin:auto;
}
.yogaschule .zeitauswahl select
{
max-width:200px;
}
}