@charset "utf-8";

/* CSS Document */


/*@import url('https://fonts.googleapis.com/css?family=Sedgwick+Ave');*/
html{scroll-behavior:smooth;
scroll-padding-top: 180px;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-size: 100%;
}
.wrap > p {
    display: inline-block;
}
	
.nowrap {
	white-space: nowrap;
}


.flex a{
    display: inline-flex;
}

#karte {
	margin-left: -20px;
	border: 1px solid #FFF;
	/* [disabled]width: 250px; */
	/* [disabled]position: absolute; */
	/* [disabled]padding-left: 0px; */
	/* [disabled]margin: 0; */
}


body {
	font-family: Tahoma, Geneva, Helvetica, sans-serif;
	background-color: #F4F4EE;
	letter-spacing: 0.04em;

}

.square {
	width: 20px;
	height: 20px;
	display: inline-block;
	margin: 5px;
	line-height: 1.5em;
	vertical-align: -9px;
}
.sup {
	vertical-align: super;
	font-size: xx-small;
}
	
	
img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
.blockquote {
	padding: 10px 0px 10px 0px;
	}
.blockquote p {
	font-style:italic;
	color:#FF8040 !important;
	display: block;
	position: relative;
	text-align: center;
	padding: 15px;
	}
.blockquote p:before { 
   content: open-quote;
   color: darkorange;
   font: 3em/0% Georgia, serif;
   position: absolute;
   left: 1px;
}

.blockquote p:after { 
   content: close-quote;
   color: darkorange;
   font: 3em/150% Georgia, serif;
   position: absolute;
}

p, blockquote, ul, ol {
	margin-bottom: 5px;
	line-height: 150%;
}
  td {
	vertical-align: top;
	
}
h1  {
	
	padding: 0 0 10px 0;
	font-size: 22px;
	font-weight: normal;
	color: #454E55;
	letter-spacing: 0.04em;
}
h2  {
	font-size: 18px;
	color: #454E55;
	line-height: 1.3em;
    padding: 25px 0 5px;
	}
h3  {
	font-size: 18px;
	font-weight: normal;
	margin-top: 1.5em;
	line-height: 1em;
	/* [disabled]margin-bottom: 1em; */
}

/*Farben*/
.white {
	color: #FFFFFF;
	font-size: 18px;
	text-shadow: 0px 0px 3px #CCC;
}

.black {
	color: #000;
}
.gray {
	color: gray;
}
.red {
	color: #C00;
	font-weight: bold
}

.blue {
	color: #005DCC;
}
.yoga {
	color: #4E35DB;
}
.ayurveda {
    color: #80156C;
    font-weight: bold;
   
}
h1.ayurveda {
    font-weight: normal;
}

.orange   {
	color: #FF6633;
}


.orange_big {
	color: #EE8251;
	font-size: 2em;
}
.mbsr-green {
	color: #A7AE39;
}
.mbsr-green-big {
	color: #A7AE39;
	font-size: x-large;
}


.weiss {
	color: #FFFFFF;
	font-size: 84px;
	font-family: 'Sedgwick Ave', cursive;
	text-shadow: 1px 1px 2px #FFD507;
}

.green {
	color: #339900;
	font-weight: bold;
	/* [disabled]font-size: 16px; */
}

/*svg icons*/

#home a {
	padding: 10px 12px 12px !important
}


.icon {
	width: 25px;
	height: 26px;
}
#home .icon:hover {
	filter: invert(0.4) sepia(1) saturate(9.9) hue-rotate(342deg) brightness(1);
}
     .glyph svg.icon {
            height: 100%;
        }
     
        #glyphs {
            border-bottom: 1px solid #ccc;
            padding: 2em 0;
            text-align: center;
        }
        .glyph {
	width: 40px;
	height: 40px;
	margin: 1em 1em 0.8em 0;
	text-align: center;
	background: #FF6633;
	border-radius: 100%;
	
	
        }
        .glyph .glyph-icon {
            padding: 10px;
            display: block;
            font-family:"Flaticon";
            font-size: 64px;
            line-height: 1;
        }
        .glyph .glyph-icon:before {
	font-size: 64px;
	color: #222;
	margin-left: 0;
        }
		

/* Wrapper 
-----------------------------------------------------------------------------*/

#wrapper {
	/*margin: 0 auto;*/
/*	height: 100%; */
	position: relative;
	top: 120px;
	padding-bottom: 50px;
}




/* Header
-----------------------------------------------------------------------------*/


#header {
	background-color: #F4F4EE;
	width: 100%;
	height: 120px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EE8250;
	position: fixed;
	top: 0px;
	z-index: 5000;
	box-shadow: 0px 0px 20px 0px rgba(44, 40, 40, 0.5);
}

.trenner {
	border-bottom-width: 1px;
	border-bottom-style: double;
	border-bottom-color: #666;
	margin: 20px 0;
}


/* Page */

#page {
	width: 1024px;
	background-color: #FFF;
	margin: 0 auto;
	border: 1px solid #DAD5CF;
	box-shadow: 0px 0px 32px -4px rgba(44, 40, 40, 0.357);
}
#page_follow {
	width: 1024px;
	background-color: #FFF;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
	border: 1px solid #DAD5CF;
	box-shadow: 0px 0px 32px -4px rgba(44, 40, 40, 0.357);
}


/* Boxes*/
.box {
	padding-bottom: 20px;
	color: #454E55;
		
}
#box1, #IMP, #DATA {
	background-image: url(../../pics/img-box1-back.jpg);
	float: left;
	width: 275px;
	margin-top: 20px;
	background-repeat: no-repeat;
}


#box2 {
	background-image: url(../../pics/img-box2-back-500.jpg);
	float: left;
	width: 500px;
	margin-top: 20px;
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
}


#box3 {
	float: left;
	width: 500px;
	margin-top: 20px;
}

#box-kurse-preise {
	float: left;
	width: 650px;
	margin-top: 20px;
}


.box img, .box img a{
	padding-top: 10px;
	border: 0px;
	width: 100%;
	height:auto;
}



.box1-bgtop {
	background-image: url(../../pics/img-box1-top.jpg);
	background-repeat: no-repeat;
}
.box2-bgtop {
	background-image: url(../../pics/img-box2-top-500.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
}
.box1-content {
	padding: 40px 30px 20px 20px;
}

.box2-content {
	padding: 40px 35px 20px 35px;
}


.box li {
	margin-bottom: 5px;
	list-style-position: inside;
/*	list-style-type: disc; */
	margin-left: 15px;
}
.box li p {
	display: inline;
}


.box li ul {
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

.box li li {
	margin: 0;
	padding: 5px 0px;
	border: none;
	background-repeat: repeat-x;
	background-position: left bottom;
}

.box li li a {
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: left 3px;
}
.box .h1orange  {
	color: #EE8250;
}
.box .h2yoga {
	color: #4E35DB;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	line-height: 1.5em;
	letter-spacing: 0.05em;
}


.box p {
	padding-top: 10px;
}

.box a {
	text-decoration: none;
	color: #FF6633;
	position: relative;
}
.box p a:before {
	content: "››\00A0";
}

.box a:hover {
	text-decoration: underline;
	color: #363636;
}

/* consent override
-----------------------------------------------------------------------------*/

.cc-window.cc-floating {
 
  max-width: 22em !important;
  text-align: center !important;
}

/* media queries
-----------------------------------------------------------------------------*/

	@media only screen and (max-width: 1488px) {
		#box1 {margin-top: 50px}
		
		}

a.anchor {
    display: block;
    position: relative;
    top: -150px;
    visibility: hidden;
}


#container {
	float: left;
	min-width: 75%;
	max-height: 619px;
	background-color: white
}


.bannertext-pil {
    padding: 45% 50px 20px;
    background-image: url(../../images/pilates-0.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 565px;
}



.bannertext-pil a{
	color: #ff6633;
	text-decoration: none;
}

.bannertext-pil a:hover {
	color: #363636;
	text-decoration: underline;
}

.bannertext-pil h1, .bannertext-pil h2 {
	padding: 0;
	margin: 0;
	font-size: 200%;
	font-weight: normal;	
}

.bannertext-special {
    padding-top: 42%;
    padding-right: 50px;
    padding-left: 50%;
    padding-bottom: 20px;
    background-image: url(../../images/Pilates-Banner-Sonne.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    min-height: 570px;
	
}


.bannertext-special a{
	color: #2580b7;
	text-decoration: none;
}
.bannertext-special a:hover {
	color: #363636;
	text-decoration: underline;
}

.bannertext-urlaub {
	padding: 90px 40px 0px;
	background-image: url(../../images/Urlaub2.jpg);
	height: 540px;
	background-repeat: no-repeat;
}


.bannertext-mbsr {
    padding: 45% 50px 20px;
    background-image: url(../../images/mbsr-01.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    min-height: 570px;
}
.bannertext-mbsr a {
	color: #A7AE39;
	text-decoration: none;
}
.bannertext-mbsr a:hover {
	color: #363636;
	text-decoration: underline;
}

#page:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0px;
}
#page_follow:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0px;
}
#container:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0px;
} 




/* Logo */

#logo {
	position: absolute;
	margin-left: 6%;
	box-shadow: 0px 0px 64px -24px rgba(48, 43, 43, 0.9);
	background-color: #fff;
	top: 20px;
	z-index: 99999;
	
}

#logo a {
border-bottom: 7px solid rgb(255, 255, 255);
padding: 8px;
display:block;
height:100%;
}



/* Sidebar */

#sidebar {
	float: right;
	width: 246px;
	margin-top: 20px;
}

#sidebar img{
	width:100%;
	height:100%;
	height:auto;
	margin-bottom:10px;
}
#sidebar-content {
	padding: 40px 25px 20px 25px;
}
.pfeil   {
	padding: 10px 10px 10px 30px;
	background-image: url(../../pics/mail8.png);
	background-repeat: no-repeat;
	background-position: left 50%;
}



#sidebar p {
	color: #454E55;
}

#sidebar a {
	text-decoration: none;
	color: #FF6633;
}

#sidebar a:hover {
	text-decoration: underline;
	color: #363636;
}
#sidebar li .current a {
	background-image: url(../../pics/img11_active.jpg);
}


#verband {
	position: absolute;
	margin-top: 40px;
}
#verband img {
	width: 100px
}



/* Tabellen + Preise-----------------------------------------------*/

#kursplan table{
	/* [disabled]width: auto; */
	border-collapse: collapse;
	margin-bottom: 2em;
	/* [disabled]font-size: 100%; */
	width: 100%;
	/* [disabled]float: left; */
	text-align: left;
}
#kursplan td {
	padding: 0.8em 0.5em;
	vertical-align: top;
	line-height: 2em;
}

#kursplan tr {
	background-color: #F4F4EE;
	border-top-width: 10px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-style: solid;
	border-color: #FFF;
}

.preise {
    width: 100%;
}
.preise caption {
	font-weight: bold;
	color: #454E55;
	text-align: left;
	padding: 10px 0;
}
.preise td {
	color: #399;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: dotted;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	padding: 6px 0;
}

	
/* Footer
-----------------------------------------------------------------------------*/
#footer {
	color: #495158;
	width: 1024px;
	margin-left: auto;
	clear: both;
	margin-right: auto;
	padding-top: 10px;
	/* [disabled]padding-left: 12px; */
}
#foofoo {
	position: relative;
	float: right;
	bottom: 80px;
	right: 250px;
}


#footer a {
	text-decoration: none;
	color: #495158;
	padding: 20px 6px;
}

#footer a:hover {
	text-decoration: underline;
	color: #FF6633;
}

	
.fb {
    padding-bottom: 12px !important;
}


/* ---------------------------- Media query ------------------------------------*/


@media only screen and (max-width: 1488px) {
		#box1, #IMP, #DATA{ margin-top: 50px}
		}

@media only screen and (max-width: 1024px) {
		
	#footer {
   padding-left: 20px;
    padding-top: 20px;
}
}

@media only screen and (max-width: 768px) {
	
	#container {
    float: none;
}
	#wrapper {
    background-color: white ;
}
	#sidebar {
	float: none;
	clear:both;
	padding-top: 50px;
	background-color: #f4f4ee;
	margin-top: 45px;
	width: 100%;
}

#sidebar-content {
    width: 70%;
    margin: 0 auto;
	}
	
	

	#verband {
	position: relative;
}
	
	.box1-bgtop {
		background: none
}
	#box1, #box2, #box3 {
    width: 98%;
	margin: 0;
}

#box1, #IMP, #DATA {
    background: none;
}
#IMP, #DATA {
	width: unset;
	float: none;
	}	
	


#logo img{
	width: 100px;	
}

#page, #page_follow, #footer {
		width: 100%;
		text-align: center;
}


.example-pager {
    text-align: center;
	position: relative;
	z-index: 500;
	padding: 0;
}
.example-pager span {
  font-size: 40px;
  width: 30px;
  height: 30px;
  margin: 10px;
}

.bannertext-pil, .bannertext-mbsr, .bannertext-special{
		padding-top: 50%; 
		min-height: 450px;
}
}
@media only screen and (max-width: 640px) {
	.bannertext-pil, .bannertext-mbsr, .bannertext-special{
	background-image: none;
		padding-top: 80px; 
		min-height: 450px;
}
.cycle-slide {
	min-height: 400px;}
	.box{
		min-width: 480px;
	}
	
}

@media only screen and (max-width: 480px) {
	.bannertext-pil, .bannertext-mbsr, .bannertext-special{
	background-image: none;
		padding-top: 50px; 
		min-height: 400px;
}
.cycle-slide {
	min-height: 350px;}
	.box{
		min-width: 460px;
	}
	
}