.clearfix::before,
.clearfix::after {
content: " ";
display: table;
} 
.clearfix::after {
clear: both;
}
.clearfix {
*zoom: 1; }
.fl
{
float:left;
}
.mamaauszeit .kursliste 
{
width:100%;
font-family: "Dosis", Sans-serif;
margin-bottom: 20px;
}
.mamaauszeit .kursliste .col
{
width:188px;
float:left;
margin-right:15px;
position:relative;
}
.mamaauszeit .kursliste .col .r.head
{
text-align: center;
padding:12px 0;
font-weight:bold;
font-size:0.9em;
margin-bottom:12px;
background:#ededed;
}
.mamaauszeit .kursliste .col .r span
{
border:solid 4px #ededed;
display:block;
height:120px;
background:#fff;
margin-bottom:12px;
}
.mamaauszeit .kursliste .termin
{
position:absolute;
top:10px;
left:0;
right:0;
height:120px;   
padding: 10px;
color:#fff;
font-weight: 500;
}
.mamaauszeit .kursliste .termin p
{
margin:0 0 8px 0;
line-height:22px;
}
.mamaauszeit .kursliste .termin .sm
{
font-size: 16px;
}
.mamaauszeit .type
{
position:absolute;
right:6px;
bottom:0px;
width:35px;
height:35px;
background:#B5B4B4;
border-radius: 50%;
color:#000;
padding:7px 0 0 12px;
}
.mamaauszeit .kursliste .termin.lvl1
{
background:#BA9898;
}
.mamaauszeit .kursliste .termin.lvl2
{
background:#6C9692;
}
.mamaauszeit .kursliste .termin.lvl3
{
background:#1B4949;
}
.mamaauszeit .kursliste .termin.lvl4
{
background:#A8AAB3;
}
.mamaauszeit .kursliste .termin.lvl5
{
background:#4F575C;
}
.mamaauszeit .kursliste .termin.lvl6
{
background:#DEC6C4;
}
.mamaauszeit .zeitauswahl
{
margin-bottom:20px;
padding-top:20px;
width:100%;
font-family:"Dosis", Sans-serif;
}
.mamaauszeit .zeitauswahl .nav
{
float:left;
}
.mamaauszeit .zeitauswahl a
{
display:block;
width:30px;
background:#1B4949;
color:#fff;
text-align:center;
padding:5px 28px 5px 20px;
margin-right:10px;
}
.mamaauszeit .zeitauswahl select
{
max-width:280px;
font-size:14px;
}
.mamaauszeit .zeitauswahl .sel
{
float:left;
margin-right:10px;
}
.mamaauszeit .info
{
width:100%;
font-family: "Dosis", Sans-serif;
}
.mamaauszeit h2
{
color: #7A7A7A;
font-family: "Dosis", Sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 57px;
letter-spacing: 3px;
text-align: center;
}
.mamaauszeit .hline
{
text-align: center;
display:block;
margin-bottom:70px;
color:rgb(122,122,122);
}
.mamaauszeit .info .levels .row
{
position:relative;
margin-top:40px;
}
.mamaauszeit .info .levels
{
position:relative;
font-family: "Dosis", Sans-serif;
}
.mamaauszeit .info .levels .icon
{
position:absolute;
width:55px;
left:0;
top:0;
bottom:0;
}
.mamaauszeit .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;
}
.mamaauszeit .info .levels .bottom
{ border:none;
font-size:15px;
padding:12px 16px;
margin:70px 0 30px 65px;
height:0px;
color:transparent;
line-height:20px;
}
.mamaauszeit .info .levels .row .bottom
{
margin:20px 0 30px 30px;
}
.mamaauszeit .info .levels .row.active .bottom
{
border:solid 1px #ededed;
height:auto;
color:rgb(122,122,122);
margin:70px 0 30px 65px;   
padding-top:70px;
}
.mamaauszeit .info .levels .row.active .top
{ color:#fff;
cursor:initial;
}
.mamaauszeit .info .levels .row.active.lvl1 .top
{
background:#BA9898;
}
.mamaauszeit .info .levels .row.active.lvl2 .top
{
background:#6C9692;
}
.mamaauszeit .info .levels .row.active.lvl3 .top
{
background:#1B4949;
}
.mamaauszeit .info .levels .row.active.lvl4 .top
{
background:#A8AAB3;
}
.mamaauszeit .info .levels .row.active.lvl5 .top
{
background:#4F575C;
}
.mamaauszeit .info .levels .row.active.lvl6 .top
{
background:#DEC6C4;
}
.mamaauszeit .info .levels .icon img
{
width:55px;
height:55px;
}
.mamaauszeit .legende
{
margin: 25px 0 50px 10px;
}
.mamaauszeit .legende .fl
{
margin-right:10px;
}
.mamaauszeit .legende strong
{
margin-bottom:20px;
display:block;
}
.mamaauszeit .legende div
{
position:relative;
}
.mamaauszeit .legende .type
{
float:left;
position:relative;
font-weight:bold;
padding:3px 0 0 12px;
}
.mamaauszeit .legende span
{
float:left;
padding:2px 5px 0 0px;
}
.mamaauszeit .kursliste .termin.top1
{
top:58px;
}
.mamaauszeit .kursliste .termin.top2
{
top:190px;
}
.mamaauszeit .kursliste .termin.top3
{
top:322px;
}
.mamaauszeit .kursliste .termin.top4
{
top:454px;
}
.mamaauszeit .kursliste .termin.top5
{
top:586px;
}
.mamaauszeit .kursliste .termin.top6
{
top:718px;
}
.mamaauszeit .kursliste .termin.top7
{
top:850px;
}
.mamaauszeit .kursliste .termin.top8
{
top:982px;
}
.mamaauszeit .kursliste .termin.top9
{
top:1112px;
}
.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;
}
.mamaauszeit .navwrapper
{
width:410px;
margin:auto;
}
@media only screen and (max-width: 600px) 
{
.mamaauszeit .kursliste
{
padding-left:5px;
}
.mamaauszeit .kursliste .col
{
width:32%;
margin-right:2px;
font-size: 11px;
}
.mamaauszeit .kursliste .termin .sm
{
font-size:11px;
}
.mamaauszeit .kursliste .termin p
{
margin: 0 0 4px 0;
line-height:12px;
}
.mamaauszeit .kursliste .col .r span
{
border:solid 1px #ededed;
}
.mamaauszeit .kursliste .termin.top1
{
top:43px;
}
.mamaauszeit .kursliste .termin.top2
{
top:169px;
}
.mamaauszeit .kursliste .termin.top3
{
top:295px;
}
.mamaauszeit .kursliste .termin.top4
{
top:422px;
}
.mamaauszeit .kursliste .termin.top5
{
top:544px;
}
.mamaauszeit .kursliste .termin.top6
{
top:670px;
}
.mamaauszeit .termin .type
{
width:25px;
height:25px;
padding:7px 0 0 9px;
}
.mamaauszeit .kursliste .termin
{
height:124px;
}
.mamaauszeit .kursliste .col .r span
{
height:124px;
}
.mamaauszeit .legende span
{
font-size:12px;
padding:7px 5px 0 0px;
}
.mamaauszeit .info .levels
{
margin:30px 30px;
}
.mamaauszeit .kursliste .col .r.head
{
margin-bottom:2px;
}
.mamaauszeit .kursliste .col .r span
{
margin-bottom:2px;
}
.mamaauszeit h2
{
font-size:26px;
line-height:36px;
}
.meinekurse_liste_m
{
display:block;
}
.meinekurse_liste_n
{
display:none;
}
.mamaauszeit .navwrapper
{
width:330px;
margin:auto;
}
.mamaauszeit .zeitauswahl select
{
max-width:200px;
}
}