/*
 * hellorange	247, 166, 0 #f7a600
 * grün		173, 195, 43  #adc32b
 * grau		218, 211, 203	#dad3cb
 * hellgra			##f2efed
 * rot		176, 34, 39	#b02227
 * 
*/
body{margin:0;padding:0;font-size:1vw;font-family:"PT Sans",sans-serif;}
#wrap{width:100%;margin:0 auto;background-size:cover;background-repeat:no-repeat;background-attachment:fixed;animation:backgroundAn 1s ease-in-out;animation-delay:-5s;-webkit-animation-delay:-5s;}
#header{width:100%;position:relative;background-color:#fff;}

.betweener{height:5px;animation: starterline 2s ease-in-out;background: #f4ae4c;background: -moz-linear-gradient(30deg,#f7a600 00%,#f7a600 60%,#df7000 100%);background: -webkit-linear-gradient(30deg,#f7a600 00%,#f7a600 60%,#df7000 100%);background: linear-gradient(30deg,#f7a600 00%,#f7a600 60%,#df7000 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4ae4c', endColorstr='df7000',GradientType=1 );}

.fa{font-size:2em !important;text-decoration:none;}
.falg{font-size:1.33333333em !important;line-height:.75em !important;vertical-align:0 !important}
.ed-element.preset-header-nikolic .info-bar i.fa{
  font-size:1em !important;text-decoration:none;font-weight:normal,
}
#navi .open-popup-link{display:none;}
#logo{width:10%;position:relative;left:0;top:0}
#logo img{max-width:80%;height:auto;margin:15px 0 15px 1em}
#navi{width:60%;position:absolute;top:2.7em;left:40%} 
#navi ul {margin:0;padding:0;list-style:none;}
#navi ul li{display:block;float:left;}
#navi ul li a{display:block;float:left;padding:5px 8px;margin:0 0.4em 0 0;text-decoration:none;color:rgba(111, 110, 109,1);font-family:"PT Sans";font-size:1.4em;line-height:3em}
#navi ul > li a:hover,#navi > ul li a.current,#navi ul > li a.active,#navi ul > li a:hover,#navi > ul li a.rex-current,#navi ul > li a.rex-active{color:#f7a600;}
#navi ul li:hover a span{transition:0.2s ease;}
#navi ul li div.subnav{position:absolute;width:120%;top:0;left:-27%;background-color:rgba(255,255,255,1);display:none;padding:0;margin-top:4.45em;z-index:100;}
#navi ul li .subnav h2{border-bottom:1px solid #5c5c5c;margin:0.5em 0 0 0;font-size:1.3em;font-weight:400;font-family:"PT Sans";}
#navi ul li .subnav h2 a{color:#f7a600;font-family:"PT Sans";font-weight:400;font-size:0.8em;display:inline;float:none;margin:0;padding:0;line-height:1.5em}
#navi ul li .subnav h2 a.current,#navi ul li .subnav h2 a.active,#navi ul li .subnav h2 a:hover{color:#b02227}
#navi ul li div.subnav ul{display:block;height:0;}
#navi ul li:hover div.subnav {display:block;padding:0 1em;min-height:22em;border-radius:0 0 10px 10px;animation:blindslightly 1s ease-in-out}
#navi ul li:hover div.subnav  ul{display:block;z-index:300;margin:0;padding:0}
/*#navi ul li div.subnav ul {float:left;}*/
#navi ul li div.subnav ul {width:100%}
#navi ul li div.subnav ul li {}
#navi ul li div.subnav ul li {display:block;float:none;}
#navi ul li div.subnav ul li a{float:none !important;font-size:1em;line-height:1.5em;color:#f7a600}
#navi ul li div.subnav ul li a:hover,#navi ul li div.subnav ul li a.current{color:#b02227}
#navi ul li div.subnav ul li ul{display:none;position:absolute;width:40%;left:30%;top:0}
#navi ul li div.subnav ul li:hover ul{display:block}

#navi ul li a span{display:none;}
#navi ul li.sub a span{display:inline-block;margin-left:0.3em}
#navi ul li.sub:hover > a span{display:inline-block;transform:rotate(90deg);}
/*#navi ul li div.subnav ul li.sub > a:after{content:"\003e";margin-left:0.3em}*/

ul.menusub2 li.active a, ul.menusub2 li.active ul li.active a, ul.menusub2 li.active ul li.active ul li.active a, ul.menusub2 li.active ul li.active ul li.active ul li.active a, ul.menusub2 li.active ul li.active ul li.active ul li.active ul li.active a {
    color: #fff !important;
}
ul.menusub2 li.active > a{color:#000 !important}

#filternav{width:60%;margin:0 auto;/*position:absolute;top:2.7em;left:40%*/} 
#filternav ul {margin:0;padding:0;list-style:none;}
#filternav ul li{display:block;float:left;}
#filternav ul li a{display:block;float:left;padding:5px 10px;margin:0 0.3em;text-decoration:none;color:rgba(111, 110, 109,1);font-family:"PT Sans";font-size:1.5em;line-height:3em}
#filternav ul > li a:hover,#filternav > ul li a.rex-current,#filternav ul > li a.rex-active{color:#f7a600;}

#stage{position:relative;background-color:transparent}
#stage.empty{min-height:30em;}
#stage #nivo{}

#stage2{position:relative;background-color:rgba(255,255,255,0.96);animation:moveinslightly 2s ease-in-out;/*animation-play-state:paused;*/}
#shiatsu{width:75%;background-image:url("../layout/shiatsulogo.png");background-repeat:no-repeat;background-position:center right;background-color:transparent;position:relative;background-size:40% auto;margin:0;padding:1em 0;left:50%;transform:translate(-50%);}
#shiatsu table{width:60% !important;}
#shiatsu table td,#shiatsu table th{font-size:1em}
#shiatsu table th{color:#a11f22}
.clear{clear:both;}
#content{margin:0;clear:both;min-height:500px;background-color:rgba(255,255,255,0.9);padding: 0 0 5em;}
#contentinner{position:relative;animation:moveinslightly 2s ease-in-out;margin:0 auto;width:75%}
#contentinner .tinymcewysiwyg,#contentinner #kursprev{width:65%;margin:0px auto;}
#contentinner .checkoutwrap{width:80%;margin:0 auto;}
#contentinner .tinymcewysiwyg img{max-width:200px;}
.bildrechts {
max-width:300px;
height:auto;
  float:right;
        margin:1em 0 1em 1em;
        position:relative;
        left:2em;
	
	border-style: solid;
border-width: 1px 20px 1px 1px;
border-color:#f47216;
/*-moz-border-image:-moz-linear-gradient(left, #eb6d28 0%,#d9db5d 48%,#64d4be 100%) 1 0 1 stretch;
-webkit-border-image: -webkit-linear-gradient(left, #eb6d28 0%,#d9db5d 48%,#64d4be 100%) 1 0 1 stretch;
-o-border-image:  -o-linear-gradient(left, #eb6d28 0%,#d9db5d 48%,#64d4be 100%) 1 0 1 stretch;
border-image: linear-gradient(left, #eb6d28 0%,#d9db5d 48%,#64d4be 100%) 1 0 1 stretch;*/
}

.bildlinks {
  max-width:300px;
  height:auto;
	float:left;
        margin:1em 1em 1em 0;
        position:relative;
        left:-2em;

  	
	border-style: solid;
border-width: 1px 1px 1px 20px;
border-color:#f47216;

}
img.links, img.rechts{border-style:solid;}
.grey .bildlinks,.grey .links{border-width: 50px 1px 1px;border-color:#eae4dd;}
.grey .bildrechts,.grey .rechts{border-width: 1px 1px 50px;border-color:#eae4dd;}
.blue .bildrechts,.blue .links{border-width: 1px 1px 40px;border-color:#3c789c;}
.blue .bildlinks, .blue .rechts{border-width: 40px 1px 1px;border-color:#3c789c;}
.green .bildrechts,.green .rechts{border-width: 20px 1px 1px;border-color:#a3c816;}
.green .bildlinks,.green .links{border-width: 1px 1px 20px;border-color:#a3c816;}

.videocontent_head{width:75%;margin:0 auto;}

#contentinner .tinymcewysiwyg.twocol {width:48%;float:left;margin-right:2%}
#contentinner a,#contentinner a:visited{color:#f7a600;}
#contentinner a:active,#contentinner a:hover{color:#b02227;}
#contentinner h2{font-size:2.2em;font-family:"PT Sans";font-weight:700;color:#b02227}
h2.topmargined{margin-top:2em}
#contentinner h3{font-size:2.0em;font-family:"PT Sans";font-weight:700;color:#5c5c5c}
#contentinner h4{font-size:1.5em;font-family:"PT Sans";font-weight:700;color:#5c5c5c}
#contentinner h5{font-size:1em;font-family:"PT Sans";font-weight:700;color:#5c5c5c}
#contentinner .magnific-popup-container{width:80%;margin:1em auto;}
/*#content .whitetoorange{background: #e74b14;background: -moz-linear-gradient(left, #f8af09 0%, #e74b14 100%);background: -webkit-linear-gradient(left, #f8af09 0%,#e74b14 100%);background: linear-gradient(to right, #f8af09 0%,#e74b14 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8af09', endColorstr='#e74b14',GradientType=1 );}
#content .whitetoorange{background: #f4ae4c;background: -moz-linear-gradient(45deg, #f4ae4c 0%,#d9db5d 70%, #fff 100%);background: -webkit-linear-gradient(45deg, #f4ae4c 0%,#d9db5d 70%, #fff 100%);background: linear-gradient(45deg, #f4c179 0%,#cdf4e1 80%, #fff 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4ae4c', endColorstr='#f4c179',GradientType=1 );}*/


#content .whitetoorange{background: #f4ae4c;background: -moz-linear-gradient(30deg,#f7a600 00%,#f7a600 60%,#df7000 100%);background: -webkit-linear-gradient(30deg,#f7a600 00%,#f7a600 60%,#df7000 100%);background: linear-gradient(30deg,#f7a600 00%,#f7a600 60%,#df7000 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4ae4c', endColorstr='df7000',GradientType=1 );}


.teaserrow{width:100%;display:table;margin-bottom:5em}
.teaserbox{width:45%;padding:0.5em 0.5em 2em;border:none;/*-webkit-box-shadow:-1px 5px 8px 0px rgba(50, 50, 50, 0.75);-moz-box-shadow:-1px 5px 8px 0px rgba(50, 50, 50, 0.75);box-shadow:-1px 5px 8px 0px rgba(50, 50, 50, 0.75);*/position:relative;font-size:1.1em;margin:0;background:#fff;display:table-cell;vertical-align:top;border-radius: 0 0 2em 0;-webkit-box-shadow:-1px 5px 8px 0px rgba(50, 50, 50, 0.75);-moz-box-shadow:-1px 5px 8px 0px rgba(50, 50, 50, 0.75);box-shadow:-1px 5px 8px 0px rgba(50, 50, 50, 0.75);}
.teaserbetweener{display:table-cell;width:10%}
.teaserbox h2{color:#fff !important;padding:0.2em 0.5em;margin:0;font-size:1.25em !important;text-shadow: 1px 1px 2px rgba(50, 50, 50, 0.9);}
.teaserbox .innerbox{position:relative;width:100%;}
.teaserbox .innerbox p.img{position:relative;top:0;left:0;margin:0.5em 0 0;overflow:hidden}
.teaserbox .innerbox p.img img{width:100%;height:auto;-webkit-transition: all 4s ease-in-out;-moz-transition: all 4s ease-in-out;-o-transition: all 4s ease-in-out;-ms-transition: all 4s ease-in-out;transition: all 4s ease-in-out;}
.teaserbox:hover .innerbox p.img img{transform: scale(1.5);}
.teaserbox .innerbox p.title{position:relative;top:0;left:0;width:96%;padding:0.5em 2% 0.7em 2%;background:rgba(255,255,255,0.7);margin:0;color:#5c5c5c;}
.teaserbox .innerbox p.title a,.teaserbox .innerbox p.title a:visited,.teaserbox .innerbox p.title a.hover{text-decoration:none;color:#27378b;display:inline-block;background:url("arrow_blue_right.png") no-repeat center right;width:90%;padding-right:10%}
.pointer {cursor:pointer}

.teaserbox3er{width:30% !important}
.teaserbetweener3er{width:1% !important}
/*Kurstabellen*/

table.kurse{font-size:1em;border-collapse:collapse !important}
table.kurse th,table.checkout th{text-align:left;background-color:#0057b1 !important}
table.kurse tr:nth-child(even){background:#f2efed;}
table.kurse tr:nth-child(odd){background:#fff;}
table.kurse thead tr{background:#dad3cb !important;color:#fff}
table.kurse td,table.kurse th{padding:0.5em;}
table.kurse td{background-color:transparent !important}
/*table.doks{font-size:1em;border-collapse:collapse !important}
table.doks th{text-align:left;}
table.doks tr:nth-child(even){background:#f2efed;}
table.doks tr:nth-child(odd){background:#fff;}
table.doks tr.even{background:#f2efed !important}
table.doks tr.odd{background:#fff !important;}
*/
table.nobg{font-size:1em;border-collapse:collapse !important}

table.nobg tr:nth-child(even),table.nobg tr:nth-child(odd){background:transparent;}
table.doks td,table.doks th{padding:0.5em}
#kursdetails table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1.5em;
    border-collapse: collapse;
    border-spacing: 0;
    background-color: transparent;
    font-size: 1em;
}
/* Linkbutton */
.linkbutton{width:100%;}
.linkbutton .link1, .linkbutton .link2, .linkbutton .link3, .linkbutton .link4 {min-width:13%;float:left;  
  background: #f7a600; /* Old browsers */
background: -moz-linear-gradient(to right, #b02227 0%, #f7a600 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(to right, #b02227 0%,#f7a600 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #b02227 0%,#f7a600 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b02227', endColorstr='#f7a600',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */  text-align:right;	position: relative;}  
.linkbutton .link1, .linkbutton .link2, .linkbutton .link3,.linkbutton .link4 {min-width:21%;}
.linkbutton .link1:after, .linkbutton .link1:before, .linkbutton .link2:after, .linkbutton .link2:before, .linkbutton .link3:after, .linkbutton .link3:before, .linkbutton .link4:after, .linkbutton .link4:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.linkbutton .link1:after, .linkbutton .link2:after, .linkbutton .link3:after, .linkbutton .link4:after {
	border-color: rgba(247, 166, 0 , 0);
	border-left-color: #f7a600;
	border-width: 1.0em;
	margin-top: -0.95em;
}
.linkbutton .link1:before, .linkbutton .link2:before, .linkbutton .link3:before, .linkbutton .link4:before {
	border-color: rgba(255, 255, 255, 0);
	border-left-color: #ffffff;
	border-width: 1.1em;
	margin-top: -1.1em;
}
.linkbutton .link1{z-index:40;}
.linkbutton .link2{z-index:30;margin-left:-0.2em;}
.linkbutton .link3{z-index:20;margin-left:-0.2em;}
.linkbutton .link4{z-index:10;margin-left:-0.2em;}
.linkbutton a{color:#fff !important;text-decoration:none;line-height:2.0em;display:block;padding-left:0.5em;font-weight:600}


/*  LINKBUTTON FÜR CHECKOUTliste*/


/* Linkbutton */
.checkoutnav.linksbutton{width:100%;}
.checkoutnav.linksbutton a{font-size:0.7em}
.checkoutnav.linksbutton .link1, .checkoutnav.linksbutton .link2, .checkoutnav.linksbutton .link3, .checkoutnav.linksbutton .link4{min-width:13%;float:left;  
  background:rgb(247, 166, 0);
text-align:right;	position: relative;}  

.checkoutnav.linksbutton .link1.actives, .checkoutnav.linksbutton .link2.actives, .checkoutnav.linksbutton .link3.actives, .checkoutnav.linksbutton .link4.actives{min-width:13%;float:left;  
  background: #b02227; /* Old browsers */
text-align:right;	position: relative;}  
.checkoutnav.linksbutton .link1, .checkoutnav.linksbutton .link2, .checkoutnav.linksbutton .link3,.checkoutnav.linksbutton .link4,.checkoutnav.linksbutton .link1.actives, .checkoutnav.linksbutton .link2.actives, .checkoutnav.linksbutton .link3.actives,.checkoutnav.linksbutton .link4.actives  {min-width:21%;}
.checkoutnav.linksbutton .link1:after, .checkoutnav.linksbutton .link1:before, .checkoutnav.linksbutton .link2:after, .checkoutnav.linksbutton .link2:before, .checkoutnav.linksbutton .link3:after, .checkoutnav.linksbutton .link3:before, .checkoutnav.linksbutton .link4:after, .checkoutnav.linksbutton .link4:before,.checkoutnav.linksbutton .link1.actives:after, .checkoutnav.linksbutton .link1.actives:before, .checkoutnav.linksbutton .link2.actives:after, .checkoutnav.linksbutton .link2.actives:before, .checkoutnav.linksbutton .link3.actives:after, .checkoutnav.linksbutton .link3.actives:before, .checkoutnav.linksbutton .link4.actives:after, .checkoutnav.linksbutton .link4.actives:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.checkoutnav.linksbutton .link1:after, .checkoutnav.linksbutton .link2:after, .checkoutnav.linksbutton .link3:after, .checkoutnav.linksbutton .link4:after {
	border-color: rgba(247, 166, 0 , 0);
	border-left-color: #f7a600;
	border-width: 1.0em;
	margin-top: -0.95em;
}

.checkoutnav.linksbutton .link1.actives:after, .checkoutnav.linksbutton .link2.actives:after, .checkoutnav.linksbutton .link3.actives:after, .checkoutnav.linksbutton .link4.actives:after {
  border-color: rgba(176, 34, 39,0);
  border-left-color: #b02227;
  border-width: 1.0em;
	margin-top: -0.95em;
}

.checkoutnav.linksbutton .link1:before, .checkoutnav.linksbutton .link2:before, .checkoutnav.linksbutton .link3:before, .checkoutnav.linksbutton .link4:before,.checkoutnav.linksbutton .link1.actives:before, .checkoutnav.linksbutton .link2.actives:before, .checkoutnav.linksbutton .link3.actives:before, .checkoutnav.linksbutton .link4.actives:before  {
	border-color: rgba(255, 255, 255, 0);
	border-left-color: #ffffff;
	border-width: 1.1em;
	margin-top: -1.1em;
}




.checkoutnav.linksbutton .link1{z-index:40;}
.checkoutnav.linksbutton .link2{z-index:30;margin-left:-0.2em;}
.checkoutnav.linksbutton .link3{z-index:20;margin-left:-0.2em;}
.checkoutnav.linksbutton .link4{z-index:10;margin-left:-0.2em;}
.checkoutnav.linksbutton a{color:#fff !important;text-decoration:none;line-height:2.0em;display:block;padding-left:0.5em;font-weight:600;}
 /* LINKBUTTON FÜR CHECKOUTliste*/


#footer {width:100%;background-color:rgba(247, 166, 0,0.8);position:relative;animation:moveinslightly 2s ease-in-out;}
#additional{width:100%;background-color:rgba(244, 193, 121,0.5);position:relative;animation:moveinslightly 2s ease-in-out;}
/* SLIDER */
#contentslider{width:80%;margin:0 auto;}
#calendar{width:90%;margin:2em auto;}
#additional h1{text-align:center;width:100%;margin:0.7em 0 1em} 
#intermediateholder {height:400px;clear:both;width:80%;margin:1.5em auto;}
#intermediateholder ul {list-style:none;margin:0;padding:0;height:100%;}
#intermediateholder ul li{float: left;
width: 500px; /* ANpassen bei media-queries */
height: 100%;
margin: 0 300px 0 0;
padding: 0;
text-align: left;
cursor: pointer;
}
#intermediateholder ul li .betweener{width:100%;}
#intermediateholder ul li .tinymcewysiwyg{width:100%;}
.buttonleft{position:absolute;left:0;height:100%;width:9%;top:0}
.buttonright{position:absolute;right:0;height:100%;width:9%;top:0}
button#prev{width:36px;height:36px;background:url("arrow_back.png") no-repeat;position:absolute;top:50%;right:0;transform:translateY(-50%);display:block}
button#next{width:36px;height:36px;background:url("arrow_forward.png") no-repeat;position:absolute;top:50%;transform:translateY(-50%);display:block}
button#prev.slideorange{width:36px;height:36px;background:url("pfeil_gelb_zurueck.png") no-repeat;float:left;}
button#next.slideorange{width:36px;height:36px;background:url("pfeil_gelb_vor.png") no-repeat;float:right;}
button#prev.slidegreen{width:36px;height:36px;background:url("pfeil_zurueck_gruen.png") no-repeat;float:left;}
button#next.slidegreen{width:36px;height:36px;background:url("pfeil_weiter_gruen.png") no-repeat;float:right;}
button#prev.slideviolet{width:36px;height:36px;background:url("pfeil_zurueck_lila.png") no-repeat;float:left;}
button#next.slideviolet{width:36px;height:36px;background:url("pfeil_weiter_lila.png") no-repeat;float:right;}
.kursbox {background:#fff;padding:0.5em 1em 4em;border-top:1px solid rgba(92,92,92,0.7);font-size:1.1em;margin:0;background:#fff;display:table-cell;vertical-align:top;border-radius: 0 0 2em 0;-webkit-box-shadow:-1px 5px 8px 0px rgba(50, 50, 50, 0.75);-moz-box-shadow:-1px 5px 8px 0px rgba(50, 50, 50, 0.75);box-shadow:-1px 5px 8px 0px rgba(50, 50, 50, 0.75);}
.kursbox p{color:#5c5c5c}
.kursbox h3{font-size:1.5em;color:#b02227}
.kursbox h2{font-size:1em;color:#5c5c5c}
#additional .tiny {width:90;margin:0 auto;padding:1em 0;color:#fff}
#additional .tiny a{font-family:"PT Sans"f,sans-serif !important;color:#000;text-decoration:none;font-weight:400;text-shadow: 1px 1px 2px rgba(150, 150, 150, 0.1);}
#additional .tiny .fc-day-number,#additional .tiny .fc-toolbar h2 {color:rgba(0,0,0,0.6) !important}
#additional .tiny span.fc-time{display:none !important}
#additional .tiny th.fc-day-header{color:rgba(0,0,0,0.6) !important;}
#footer{background-color:#c5c5c5}
#footer .tiny{width:75%;margin:0 auto;padding:1em 0;color:#fff}
.nivo-caption{width:50% !important}
/* Warenkorbanzeige */
#koerbsche{
position: fixed;
    top: 10%;
    right:-25%;
    width: 30%;
    background: #fff;
    padding: 1em;
    min-height:200px;
    z-index: 2000;
    border: 2px solid #f7a600;
    border-radius: 1em;
    animation: koerbsche2 1s ease-in-out;
}
#koerbsche.hidden{display:none;}
#koerbsche:hover{right:-1%;animation: koerbsche 1s ease-in-out;}
#koerbscheicon{transform: rotate(90deg);
    float: left;
    height:20px;
    width: auto;
    position: absolute;
    top: 65px;
    left: -45px;
    font-size: 20px;
    color:#000
}
#koerbscheicon.red{color:#f00;}
#koerbsche ul#basketList{padding:0;margin:0;}
#koerbsche ul#basketList li{margin:0 0 0 15px;}
.checkout th{padding:2px 5px}
.checkout th{text-align:left;}
.checkout .price{text-align:right;}
.checkout tr:nth-child(odd){background:#f9f9f9;}
.checkout tr:nth-child(even){background:#fff;}
.xform .formtext label,.xform .formdate label,.xform .formselect label,.xform .formpassword label{display:block !important}
.xform input.text{width:90%}
.xform textarea.textarea{width:90%;height:200px}
.rex-xform ul{list-style:circle !important;margin-bottom:2em}
.rex-xform ul li{margin-left:35px;}
#koerbsche ul#basketList li:nth-child(odd),.checkoutwrap .checkout tr:nth-child(odd){background:#c5c5c5;}
.checkoutwrap .checkout tr:nth-child(even){background:#fff;}

ul.checkout{list-style:none;margin:0;padding:0}
ul.checkout li{margin:0;padding:0;display:inline;}
ul.checkout li a{display:inline-block;padding:3px 5px;line-height:125%;background:rgba(247, 166, 0,0.1);text-decoration:none;margin:0 5px 0 0}
ul.checkout li a.done{background:rgba(247, 166, 0,1);color:#fff}

#koerbsche ul#basketList li table td,.checkoutwrap .checkout td{vertical-align:top;padding:5px}
#koerbsche ul#basketList li table td.price,.checkoutwrap .checkout td.price{width:18%;text-align:right;}
#contentinner .xform {background:rgba(247, 166, 0,0.1);padding:1em;border-radius:2em;border:1px solid rgba(247, 166, 0,1)}
#contentinner .xform label.text,#contentinner .xform label.password,#contentinner .xform label.textarea,#contentinner .xform label.select{display:block;}
#contentinner .xform label{color:rgba(50, 50, 50, 1) !important;padding:0.2em 0;margin:0;font-size:1.35em !important;text-shadow: 1px 1px 2px rgba(255, 255, 255, 0);}
#contentinner .xform input.text,.contentinner .xform select,#contentinner .xform input.text,.contentinner .xform input.password{width:75%;line-height:1.5em;background:#fff;border:1px solid #dad3cb !important;padding:5px;}
input[type="password"]{width:75%;line-height:1.5em;background:#fff;border:1px solid #dad3cb !important;padding:5px;}
#contentinner .xform input.text:hover,.checkoutwrap .xform input.text:hover,.checkoutwrap .xform input.text:focus{background:#f2efed;}

a img{border:none;}
div.kursprev2 {border:2px solid #c0d0cd;padding:5px 15px 25px;border-radius:0 0 107px 0;margin:0 0 3em}
a.simbutton2,button.simbutton2{width:auto;display:inline-block;padding:0.5em 1em;background:rgb(51,126,81);color:#fff !important;font-weight:bold;text-decoration:none !important;border-radius:10px;border:1px solid rgb(51,126,81);}
button.simbutton2{float:right;margin:1em}
button.simbutton2:disabled{background:#c8dbc3}
a.simbutton2:visited{color:#fff !important;text-decoration:none !important;}
a.simbutton2:hover, button.simbutton2:hover{color:#fff !important;background:#b02227;text-decoration:underline;border:1px solid #ac8d77}

a.simbutton2:before{content:">";color:#fff !important;margin-right:0.5em}
a.simbutton2:hover:before{content:">";color:#2e7da !important;margin-right:0.5em}
div#kursdetails2{border:3px solid #c0d0cd;padding:15px;margin:0;background:#f0f5f3;border-radius:0 0 107px 0;}
div#kursdetails2 table th, #contentright .tinymcewysiwyg table th{vertical-align: top;text-align:right;}

div.kursprev {border:2px solid #c0d0cd;padding:5px 15px 25px;margin:0 0 3em}
div.kursprev a.simbutton{width:auto;display:inline-block;padding:0.5em 1em;background:/*#009102*/rgb(51,126,81);color:#fff !important;font-weight:bold;text-decoration:none !important;border:1px solid rgb(51,126,81);border-radius:10px;}
div.kursprev a.simbutton:visited{color:#fff !important;text-decoration:none !important;}
div.kursprev a.simbutton:hover{color:#2e7da1 !important;background:#ac8d77;text-decoration:underline;border:1px solid #1d3537}
div.kursprev a.simbutton:before{content:">";color:#fff !important;margin-right:0.5em}
div.kursprev a.simbutton:hover:before{content:">";color:#2e7da !important;margin-right:0.5em}
div#kursdetails{padding:5px 0px 25px;margin:0 0 50px;background:transparent;}
div#kursdetails table th{vertical-align: top;text-align:right;padding-right:0.625em;background-color:#0057b1 !important;color:#fff !important}
table.overview th{background-color:#c0081f !important}
div#kursdetails table td a{font-weight:bold !important}
.newsholder{display:inline-table;border-collapse:collapse;width:75%;margin:2em auto;background:transparent}

.newsart{display:table-row;background:transparent} 
.newsleft{display:table-cell;width:25%;vertical-align:middle;text-align:center;}
.newsleft .newsimg{width:80%;margin:0px auto;overflow:hidden;}
.newsleft .newsimg img{width:100%;height:auto;-webkit-transition: all 4s ease-in-out;-moz-transition: all 4s ease-in-out;-o-transition: all 4s ease-in-out;-ms-transition: all 4s ease-in-out;transition: all 4s ease-in-out;}
.newsholder:hover .newsleft .newsimg img{transform: scale(1.5);-webkit-transform:scale(1.5);-ms-transform:scale(1.5);}
.newsright{display:table-cell;width:75%;vertical-align:top;cursor:pointer}
.newsright p.overline{margin-bottom:0;color:#f29113;}
.newsright h3 {margin:0;font-family: 'Source Sans Pro', sans-serif !important;font-size:2em !important}
.newsright h3 a{text-decoration:none;color:#27378b}
.newsright h3{color:#f7a600 !important}
.newsright p{margin:0}
table th, table td {
    padding: 8px;
    vertical-align: top;
    border-top: 1px solid #ddd;
    line-height: 1.5em;
    text-align: left;
}
#filter1wrap{width:13em;float:right;margin-right:5%}
.filter_selector {
    width: 13em;
    background: #a3a3a3;
    color:  #fff;
    line-height: 25px;
    font-size: 14px;
    padding: 0 10px;
    cursor: pointer;
    border-radius:5px;
}

.filters {
    display: none;
    width:13em;
    position: absolute;
    margin: 0;
    background: #cdcdcd;
    
}

.filters > li {
    width: auto;
    list-style-type:none;
    margin-left:-40px;
    background: #cdcdcd;
    line-height: 25px;
    font-size: 14px;
    padding: 0;
    cursor: pointer;
    border-bottom:1px solid #fff;
}
.filters > li a{display:block;width:11em;color:#000;text-decoration:none;padding: 0 0.5em;margin:0}

.filters > li:hover {
    background: #aaa;
}
.courseinfo{padding:0.5em 0.5em 2em;border:none;/*-webkit-box-shadow:-1px 5px 8px 0px rgba(50, 50, 50, 0.75);-moz-box-shadow:-1px 5px 8px 0px rgba(50, 50, 50, 0.75);box-shadow:-1px 5px 8px 0px rgba(50, 50, 50, 0.75);*/position:relative;font-size:1.1em;margin:0 0 2em;background:#fff;display:table-cell;vertical-align:top;border-radius: 0 0 2em 0;-webkit-box-shadow:-1px 5px 8px 0px rgba(50, 50, 50, 0.75);-moz-box-shadow:-1px 5px 8px 0px rgba(50, 50, 50, 0.75);box-shadow:-1px 5px 8px 0px rgba(50, 50, 50, 0.75);}
.courseinfo h2{color:#fff !important;padding:0.2em 0.5em;margin:0;font-size:1.25em !important;text-shadow: 1px 1px 2px rgba(50, 50, 50, 0.9);}
.courseinfo .innerbox{position:relative;width:100%;}
.courseinfo .innerbox p.img{position:relative;top:0;left:0;margin:0.5em 0 0;overflow:hidden;font-weight:bold;}
.courseinfo .innerbox p.img img{max-width:30%;height:auto;float:left;margin-right:1em;}

.courseinfo .innerbox p.title{position:relative;top:0;left:0;width:96%;padding:0.5em 2% 0.7em 2%;background:rgba(255,255,255,0.7);margin:0;color:#5c5c5c;}
.courseinfo .innerbox p.title a,.courseinfo .innerbox p.title a:visited,.courseinfo .innerbox p.title a.hover{text-decoration:none;color:#27378b;display:inline-block;background:url("arrow_blue_right.png") no-repeat center right;width:90%;padding-right:10%}


      .flex-container { 
            display: flex; 
            flex-wrap: wrap; 
            margin: 0 -10px; 
        } 
        .flex-item { 
	  
            margin: 0 10px 10px;  
	    
        } 
        .flex-item-bigger { 
            flex-grow: 1;  /* 60% width */ 
            flex-basis: 200px;  /* min-width */ 
            
        } 
        .flex-item-reallybigger { 
            flex-grow: 3;  /* 40% width */ 
            flex-basis:200px;  /* min-width */ 
            
        } 

.mfp-content{background:#fff !important}
div#table{display:table;width:100%; table-layout:fixed;background:#fff}
div.trow{display:table-row;text-align:left;}
div.trow.bold{display:table-row;text-align:center;font-weight:bold;}
div.cell{display:table-cell;overflow:hidden;padding:10px;border-bottom:1px dotted white}
div.cell a{color:#000 !important}
div.cell.empty{}
div.level{float:left;}
div.morecourses{width:50%;float:left;}
.cell.hundred{width:100% !important;}
#mobilenav ul li a {font-size:2em;color:#f7a600;text-decoration:none;display:block;line-height:150%}

#logoleiste{display: grid; grid-gap:1%;grid-template-rows:auto;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;}
#logoleiste div.col{align-self:center;justify-self:center;}
#logoleiste div.col img{width:100%;max-width:113px;filter:grayscale(80%);opacity:0.4}

/*#c0081f*/
#header {
    background: url(https://www.schule-fuer-shiatsu.de/templates/beez3/images/personal/SfS_Logo.png) no-repeat scroll left top transparent;
    display: block !important;
    position: relative;
    overflow: hidden;
    height: 200px !important;
}

#header ul.menusub {
    padding: 0;
    width: auto;
    text-align: left;
    margin: 160px 0px 0px 27px !important;
    text-transform: uppercase;
}


@media screen AND (min-width:1400px){
  body{font-size:16px;}
  #navi ul li a{font-size:1.4em;} 
  #additional {font-size:0.9em;}
  #intermediateholder {height:500px;}
  .kursbox h3{font-size:1.3em;margin:1em 0 0;color:#b02227;padding-bottom:0}
  .kursbox h3+p{margin-top:0;padding-top:0}
  #intermediateholder ul li{margin: 0 500px 0 0;}
}
@media screen AND (max-width:1280px){
 #contentinner{width:75%;} 
  
}
@media screen AND (max-width:1200px){

    #navi ul li a{font-size:1.3em;} 
}
@media screen AND (max-width:1050px){
#navi{width:70%;position:absolute;top:4.1em;left:30%} 
  #navi ul li a{line-height:3.8em}
  #navi ul li .subnav h2{font-size:1.3em}
  #navi ul li div.subnav ul li a{font-size:1.3em}
  #contentinner .tinymcewysiwyg,#contentinner #kursprev{font-size:1.4em}
   #contentinner{width:90%;} 
}
@media screen AND (max-width:820px){
 #contentslider{width:90%;margin:0 auto;}
#additional h1{text-align:center;width:100%;margin:0.7em 0 1em} 
#intermediateholder {height:500px;clear:both;width:95%;margin:1.5em auto;}
#intermediateholder ul {list-style:none;margin:0;padding:0;height:100%;}
#intermediateholder ul li{float: left;
width: 400px; /* ANpassen bei media-queries */
height: 100%;
margin: 0 300px 0 0;
padding: 0;
text-align: left;
cursor: pointer;
} 
.videocontent_head{width:90%;margin:0 auto;}
#navi ul li:hover div.subnav {display:block;padding:0 1em;min-height:25em;border-radius:0 0 10px 10px;animation:blindslightly 1s ease-in-out}
  /*.open_popup_link{display:none;}
  #navi ul{display:none !important;}*/
}
@media screen AND (max-width:800px){
  body{font-size:1.5vw}
  #wrap{background-size:auto 100%;background-position:75% 0}
  
    #navi .open-popup-link{display:block !important;float:left;position:relative;left:70%;font-size:2em;color:#f7a600;text-decoration:none;}
  #navi ul{display:none;}

  #contentinner .tinymcewysiwyg, #contentinner #kursprev{width:100%}
  #contentinner h2{font-size:1.5em;}
  #contentinner h3{font-size:1.3em}
  #contentinner h4{font-size:1.1em}
  .bildrechts {
max-width:100%;
height:auto;
  float:none;
        margin:1em 0;
        position:relative;
        left:0;
	
	border-style: solid;
border-width: 1px 20px 1px 1px;
border-color:#f47216;
/*-moz-border-image:-moz-linear-gradient(left, #eb6d28 0%,#d9db5d 48%,#64d4be 100%) 1 0 1 stretch;
-webkit-border-image: -webkit-linear-gradient(left, #eb6d28 0%,#d9db5d 48%,#64d4be 100%) 1 0 1 stretch;
-o-border-image:  -o-linear-gradient(left, #eb6d28 0%,#d9db5d 48%,#64d4be 100%) 1 0 1 stretch;
border-image: linear-gradient(left, #eb6d28 0%,#d9db5d 48%,#64d4be 100%) 1 0 1 stretch;*/
}

.bildlinks {
  max-width:100%;
  height:auto;
	float:none;
        margin:1em0;
        position:relative;
        left:0;

  	
	border-style: solid;
border-width: 1px 1px 1px 20px;
border-color:#f47216;

}
.teaserbox,.teaserrow{display:block;width:100%;font-size:2.5vw}
.teaserbox3er{width:100% !important}
.teaserbetweener3er{width:1% !important}
.teaserrow{margin-bottom:1.5em;}
.nivo-caption{width:90% !important}
.nivo-caption h2{font-size:2vw}
.nivo-caption p{font-size:2.5vw !important}
}
@media screen AND (max-width:800px) AND (orientation:portrait){
  .twocol{float:none;clear:both;width:100% !important}
}
@media screen AND (max-width:600px){
  
  body {font-size:4vw}
  .teaserbox {font-size:4.5vw}
  #navi .open-popup-link {left:50%;font-size:5vw !important}
  #navi {top:2em;}
  .twocol{float:none;clear:both;width:100% !important}
  #koerbsche{
position: fixed;
    top: 10%;
    right:-90%;
    width: 90%;
    background: #fff;
    padding: 1em;
    min-height:200px;
    z-index: 2000;
    border: 2px solid #f7a600;
    border-radius: 1em;
    animation: koerbschemob2 0.2s ease-in-out;
}
#koerbsche.hidden{display:none;}
#koerbsche:hover{right:-1%;animation: koerbschemob 0.5s ease-in-out;}
#koerbscheicon{transform: rotate(90deg);
    float: left;
    height:20px;
    width: auto;
    position: absolute;
    top: 65px;
    left: -55px;
    font-size: 20px;
    color:#000
}
#koerbscheicon.red{color:#f00;}
.nivo-caption h2{font-size:1vw !important}
.nivo-caption p{font-size:1vw !important}

#logoleiste{display: grid; grid-gap:0%;grid-template-rows:auto;grid-template-columns:1fr 1fr 1fr;margin-bottom:3em}
#shiatsu{background:none !important;}
#shiatsu table{width:100% !important}




}
@media screen AND (max-width:520px){
 #nivo {display:none;} 
  #stage.empty {min-height:0}
  #logoleiste{display: grid; align-self:start;justify-self:center; grid-gap:2%;grid-template-rows:auto;grid-template-columns:100%;margin-bottom:2em}
  #logoleiste div.col img{height:60px;width:auto;max-width:none;}
  #shiatsu table td, #shiatsu table th {font-size: 1.3em;}
}
@keyframes koerbsche{
 from{
  right:-25%;
 }
 to{
  right:-1%; 
 }
}
@keyframes koerbsche2{
 from{
  right:-1%;
 }
 to{
  right:-25%; 
 }
}
@keyframes koerbschemob{
 from{
  right:-90%;
 }
 to{
  right:-1%; 
 }
}
@keyframes koerbschemob2{
 from{
  right:-1%;
 }
 to{
  right:-90%; 
 }
}
@keyframes starterline{
 from{
  width:0; 
 }
 to{
  width:100%; 
 }
}
@keyframes blindup{
 from{
  display:none;
  opacity:0.01; 
 }
 to{
  display:block;
  opacity:1; 
 }
}
@keyframes moveinslightly {
   from   { opacity:0 }
   to {  opacity:1 }
}
@keyframes blindslightly {
   from   { opacity:0; }
   to {  opacity:1; }
}
@keyframes backgroundAn{
   from {
      background-position:-1000px 0px;
   }
   to {
     background-position:top left;
   }
}