/*
 * 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}
#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}*/

#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}
#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{text-align:left;}
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}


/* 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 .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:-30%;
    width: 30%;
    background: #fff;
    padding: 1em;
    min-height:200px;
    z-index: 2000;
    border: 2px solid #f7a600;
    border-radius: 1em;
    animation: koerbsche2 0.2s ease-in-out;
}
#koerbsche.hidden{display:none;}
#koerbsche:hover{right:-1%;animation: koerbsche 0.5s 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;}
#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{border:3px solid #c0d0cd;padding:5px 15px 25px;margin:0 0 50px;background:rgba(247, 166, 0,0.3);}
div#kursdetails table th{vertical-align: top;text-align:right;padding-right:0.625em}

.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}

#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;
}
.courseinfos{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);}
.courseinfos h2{color:rgba(50, 50, 50, 1)!important;padding:0.2em 0.5em;margin:0;font-size:1.25em !important;text-shadow: 1px 1px 2px rgba(50, 50, 50, 0.9);}
.courseinfos .innerbox{position:relative;width:100%;}
.courseinfos .innerbox p.img{position:relative;top:0;left:0;margin:0.5em 0 0;overflow:hidden;font-weight:bold;}
.courseinfos .innerbox p.img img{max-width:30%;height:auto;float:left;margin-right:1em;}

.courseinfos .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;}
.courseinfos .innerbox p.title a,.courseinfos .innerbox p.title a:visited,.courseinfos .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}

@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:-30%;
 }
 to{
  right:-1%; 
 }
}
@keyframes koerbsche2{
 from{
  right:-1%;
 }
 to{
  right:-30%; 
 }
}
@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;
   }
}