/*
-------ebenen----------
130 sandwich
120 top
100 sidebar
90 sidbar sub
5 footer, sidecaption
4 header, header-vertikal
8 header-vertikal-breit
1 inhalt
0 hintergrund
-100 video

-------farben----------
hellgrau #f9f9f9
dunkelblau 50, 93, 155
hellblau 105, 165, 215
violett 65, 45, 135

--------verwendete schriften----------

source sans:400,300,700
*/

@font-face { /* für Pfeile */
    font-family: 'haa_webfont';
    src: url('../font/haa_webfont/haa_webfont.eot');
    src: url('../font/haa_webfont/haa_webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/haa_webfont/haa_webfont.woff') format('woff'),
         url('../font/haa_webfont/haa_webfont.ttf') format('truetype'),
         url('../font/haa_webfont/haa_webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, body {
height: 100%;
}

*{border-bo}

.haa_webfont{font-family: 'haa_webfont'; font-weight: normal;}

a {border:0; text-decoration: none; color: rgb(40, 125, 180);}
a:focus {border: 0;}
img {border:0; }
.txtbox img {margin-bottom: 2em;}
p{margin: 0 0 1.2em 0; padding: 0}
img.umfliessen {float: left; margin: 4px 22px 16px 0}
img.topabstand {margin-top:22px}
img.dreier {
	width: 33%;
	height: auto;
	}
	
.responsive-iframe {
	  width: 100%;
	  aspect-ratio: 16 / 9;   /* oder 4/3, 1/1 etc. */
	  border: 0;
	}
	




.studien .verweis{background: rgb(105, 165, 215); color: white; display: inline; padding: 2px 8px; float: right}
.news-teaser .verweis{
	background: rgb(105, 165, 215);
	color: white;
	display: inline;
	padding: 7px 19px;
	float: right;
	/* margin: 2px; */
	font-weight: 400;
	margin-right: 24px;
}
.news .zurueck{background: rgb(230, 228, 222); color: #8e8e8e;display: inline; padding: 2px 8px; float: right;margin: 2px;}
.pfeil-before:before{ margin-right:4px;  font-family: 'tazsemilight'; content:"\2192";}

.filter-pfeil-before{
	background: url(../img/svg/pfeil.svg);
	background-repeat: no-repeat;
	margin-left: -22px;
	padding-left: 22px
}

.mobile {display: none;}
.mobile_villa {display: none;}
.desktop {display: block;}

.sprungmarke{
	width: 74%;
	margin: 0px 0px 0px 118px;
	position: relative; float: left;
	padding: 0;
}




video#bgvid {
position: fixed; left: 0; top: 0;
min-width: 100%; min-height: 100%;
width: auto; height: auto; z-index: -100;
background: url(hg.jpg) no-repeat;
background-size: cover;
}



#wrapper{
position: relative;
min-height: 100%;
}
body {
	color:rgb(73, 63, 53);
	padding: 0;margin: 0;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1em;
	background: #f9f9f9;
/* 	-webkit-font-smoothing:antialiased; */
	overflow-x: hidden;
}

/* allgemeine Breite */
.txtbox, .artikelheader, .sprungmarke {width: 72%;}





.hintergrund{z-index: 0}

.hintergrund img{
min-height: 100%;
min-width: 1024px;
width: 100%; height: auto;
position: fixed;
top: 0;
left: 0;
}





/* startseite */
 #logo_startseite_desktop{
	-webkit-transition: opacity 0.6s;
	-moz-transition: opacity 0.6s;
	-ms-transition: opacity 0.6s;
	transition: opacity 0.6s;
}
 #logo_sidebar{
	-webkit-transition: opacity 0.6s;
	-moz-transition: opacity 0.6s;
	-ms-transition: opacity 0.6s;
	transition: opacity 0.6s;
}

.logo_startseite{
	width: 640px;
	height: auto;
}


header{
	height: 80px;
	width: 100%;
	top:0; left: 0;
	z-index: 4;
	position: absolute;
	float:left;
	box-shadow:0px 0px 13px rgba(0, 0, 0, 0.03);
}

header.fw{/* position: fixed; background: white  */}

.header-vertikal{
	width: 88px;
	height: 100%;
	z-index: 8;
	position: fixed;
	padding: 26px 0 0 21px;
	background: white;
	box-shadow:0px 0px 19px rgba(0, 0, 0, 0.03);
}

.header-vertikal-breit{
	width: 488px;
	height: 100%;
	z-index: 8;
	position: fixed;
	padding: 26px 0 0 21px;
	background: white;
}

.startheader{
	height: 80px;
	width: 100%;
	top:-110px; left: 0;
	z-index: 4;
	position: fixed;
	float:left;
	box-shadow:0px 0px 13px rgba(0, 0, 0, 0.1);
	background: white;
	-webkit-transition: top 0.6s;
	-moz-transition: top 0.6s;
	-ms-transition: top 0.6s;
	transition: top 0.6s;
}

.startheader.standartposition{top:0px}


.logobox{
	width: 100%;
	text-align: center;
}

.logobox_sidebar {
	width: 217px;
	height: 156px;
	margin: 22px auto 0 auto;
	padding: 0 8px 0 18px;
	text-align: center;
	box-sizing: border-box;

}

#inhalt{
	z-index: 1;
	width: 80%;
	height: auto;
	margin: 44px 0 200px 0 ;
	margin: 88px 0 200px 0 ;
	position: relative;
	float: left;
}

#inhalt.bei-vertikalem-header{margin-left: 44px}




/*
#sidebar{
	z-index: 100;
	width: 20%;
	height: 100%;
	position: fixed;
	right: 0px;
	float: right;
	border-left: 11px solid rgba(100, 150, 120, 0.6);
	background-color: rgba(92, 82, 72, 0.8);
	-webkit-transition: background-color 1s ease;
	box-shadow:0px 0px 9px rgba(0, 0, 0, 0.1);
}
*/

#sidebar{
	z-index: 100;
	/* width: 0%; */ width: 20%;
	height: 100%;
	position: fixed;
	right: 0px;
	float: right;
	background: url(../elemente/sidebar.png);
/* 	background: rgba(38, 127, 199, 0.9);	 */
	background-repeat: repeat-y;
	box-shadow:0px 0px 9px rgba(0, 0, 0, 0.1);
}

#sidebar_sub{
	z-index: 90;
	width: 0%;
	height: 100%;
	position: fixed;
	right: 0px;
	float: right;
	background: rgba(62, 128, 182, 0.7);
	background: rgba(26, 116, 172, 0.73);
	box-shadow:0px 0px 9px rgba(0, 0, 0, 0.1);
}

#sidebar_sub.siemensvilla{ width: 27%}
#sidebar.siemensvilla{ width: 16%}


footer{
	height: 50px;
/* 	padding: 18px 0 0 28px;  */
	color: rgba(255, 255, 255, 0.9);
	font-size: .70em;
	font-weight: 400;
	z-index: 5;
	text-transform: uppercase;
	position: absolute;
bottom: 0;
width: 100%;
text-align: center

}
footer a, footer a:visited {text-decoration: none; color: rgba(255, 255, 255, .8);}
footer a:hover {color: #fff;}

footer .social{
	width: 100%; height: auto;
	margin: 0;
	text-align: center;

}
footer .social img {

	position: relative;
	width: 22px; height: auto;
	margin: 4px;
	}


.top{
	z-index: 120;
	height: 100px; width: 100px;
	bottom: 100px;
	right: 27%;
	position: fixed;
	background: url(../elemente/top.png);
}


#slidecaption{/* foto info */
	font-weight: 300;
	z-index: 5;
	position: absolute;
	top: 70%;
	left: 105px;
	color:#FFF;
	font-size: 2.5em;
	text-shadow: 0px 0px 5px #c0c0c0;
	text-shadow: 1px 1px 8px #493e2d;
}

.seitentitel{
	margin: 22px 0px 33px 120px;
	position: relative; float: left;
	font-weight: 300;
	font-size: 1.9em;
	color: rgb(40, 125, 180);
	display: inline;
	width: 100%;
}

.seitentitel h2{
	font-weight: 300;
	font-size:1em;
	color: rgb(40, 125, 180);
}

.seitentitel h3{
	font-weight: 300;
	font-size: .75em;
	color: rgb(40, 125, 180);
	margin-top: .3em;
}
.seitentitel p{
	font-weight: 300;
	font-size: .55em;
	color: rgb(40, 125, 180);
	margin-top: 1em;
}

.txtbox{
	margin: 22px 0px 122px 118px;
	position: relative; float: left;
	font-weight: 300;
	font-size: 1em;
	line-height: 1.4em;
/* 	wunsch matthias:  ws hg*/
/* 	padding: 22px; */
}


.txtbox.hg-ws{
	margin: 0px 0px 122px 96px;
	position: relative; float: left;
	font-weight: 300;
	font-size: 1.1em;
	line-height: 1.4em;
/* 	wunsch matthias:  ws hg*/
	padding: 32px 64px 44px 32px;
	background: #fff;
}


.artikelheader{height: auto; margin: 0px 0px 0px 96px;}
.bild-im-text{width: 42%; float: left; padding: 0 22px 12px 0}


/* kreise startseite */
.txtbox-kreis{
	background: #fff;
	margin: 0px;
	padding: 100px;
	width: 300px; height: 300px;
	border-radius: 250px;
	position: relative; float: left;
	font-weight: 300;
	font-size: 1em;
	line-height: 1.3em;

	}



.bildbox{
	margin: 0px 13px 0 0;
	position: relative; float: left;
	font-weight: 300;
	font-size: 1em;
	line-height: 1.4em;
/* 	wunsch matthias:  ws hg*/
/* 	padding: 22px; */
}



.start1{left:44px;}
.start2{float: right; right:44px; top:200px;}




/* about */

.about-kreis-wrapper{margin: 0px auto 0px auto; height: 300px; width: 810px}

.txtbox-kreis-about{
	background: #fff;
	padding: 40px 50px 50px 50px;
	width: 210px; height: 220px;
	border-radius: 350px;
	position: relative; float: left;
	font-weight: 300;
	font-size: 1em;
	line-height: 1.2em;
	margin: -20px;

	}
.txtbox-kreis-about2{
	position: relative;
	float: left;
	background: #fff;
/* 	margin: 20px 60px 0px 64px; */
	width: 300px; height:300px;
text-align: center;
border-radius: 380px;
	position: relative; float: left;
	font-weight: 300;
	font-size: 1em;
	line-height: 1.2em;
	margin:  22px  -20px 0 10;
	box-sizing: border-box;
	padding: 33px 44px;

	}
.txtbox-kreis-about h1{text-align: center; font-size: 2.5em; margin-bottom: 22px}

.txtbox-kreis-about2 h1{text-align: center; font-size: 1.8em;  margin-bottom: 12px}

.txtbox.programm{
	margin: 44px 5px 22px 184px;
	position: relative; float: left;
	font-weight: 300;
	font-size: .9em;
	padding: 0 0 0 0px;
	background: transparent;
}

.txtbox.vermietung{
	margin: 30px;
	width: 90%;
	position: relative; float: left;
	font-weight: 300;
	font-size: .9em;
	padding: 0 0 0 0px;
	background: #888888;


}
.txtbox.partner{
	margin-top: 88px;
	width: 76%;
	font-size: .72em;
	padding: 0 0 0 0px;
}
.txtbox.referenzen{
/* 	border-bottom: 1px dotted #d7d7d7; */
	padding-bottom: 12px;
	margin-bottom: 0px;
	}

.referenzen-bild, .referenzen-text{	box-shadow:0px 0px 13px rgba(0, 0, 0, 0.03);}
.referenzen-bild{
	float:left;
	width: 27%;
	height: auto;
	margin-right: 8px;
	}
.referenzen-bild.doppelt{
	width: calc(8px + 54%);
}

.referenzen-text{
	float:left;
	width: 27%;
	height: auto;
	padding: 22px;
	background: #fff;
	border-left: 3px solid rgba(188, 164, 76, .7);

	}

.referenzen-iframe{
	float:left;
	min-height: 280px;
	max-height: 480px;
	margin-right: 8px;
	width: calc(8px + 54%);
	height: calc(200px;)
}



.txtbox.partner img{margin-bottom: 8px;}

.partnerbox{
	width: 225px; height: 150px;
	margin: 0 22px 22px 0;
	float: left;position: relative;
	text-align: center;
	border-bottom: 1px dotted #888;

}
.partnerbox.alternativ{
	width: 219px; height: 154px;
	margin: 0 20px 20px 0;
	padding-top: 65px;
	float: left;position: relative;
	text-align: center;
	background: url(../elemente/partnerlogo_hg.png);
	background-repeat: no-repeat;
	border-bottom: 0;

}
.partnerbox a{color: #888}

.kreis-klein{
	text-align: center;
	margin: 20px;
	width: 180px;
	height: 120px;
	padding: auto;
	padding-top: 60px ;
	border-radius: 300px;
	background: rgba(255, 255, 255, 0.7);
	line-height: .9em;
	float: left;


}

.studien{
	font-size: .92em;
	display:block;
    width: 25%;
    margin:0 12px 12px 0;
    padding: 20px;
    min-height:30px;
    float:left;
    position:relative;
    background: #fff;
    box-shadow:0px 0px 13px rgba(0, 0, 0, 0.03);


}

.news{

    margin:0px 0px 12px 0;
    padding: 28px;
    float:left;
    position:relative;
    background: #fff;
    box-shadow:0px 0px 13px rgba(0, 0, 0, 0.03);

}

.news-teaser{
display: flex;
flex-direction: row;
align-items: flex-start;
	z-index: 200;
	font-size: .1.1em;
	line-height: 1.3em;
    width: 90%;
    margin:0px 0px 12px 0;
    padding: 28px;
    float:left;
    position:relative;
    background: #fff;
    box-shadow:0px 0px 13px rgba(0, 0, 0, 0.03);

}

.news-teaser img{width: 42%; height: auto; margin: 0 22px 22px 0; float: left; }
.news .artikelsprungmarke {margin-top: -110px; padding-top:110px}
.news-teaser strong{font-weight:400;}

.news-text{
	width: 100%;
}

strong{font-weight:400;}

.terminbox{
	float: left;position: relative;
	text-align: center;
	margin: 0 20px 20px 0;
	width: 150px;
	height: 150px;
	border-radius: 90px;
	background: white;
	line-height: .9em;

}
.terminbox-inhalt{
	position: absolute;
	width: 100%
}

.terminbox-hover{
	position: relative;
	text-align: center;
	box-sizing: border-box;
	width: 150px;
	height: 150px;
	border-radius: 50%;
	color: #fff;
	background: rgba(63, 28, 4, 0.85);

	opacity: 0;


	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	flex-direction: column;
	justify-content: center;
	align-content: space-between;
	align-items: center;
	align-content: center;

transition: opacity 200ms ease;
-moz-transition: opacity 200ms ease;
-webkit-transition: opacity 200ms ease;
-o-transition: opacity 200ms ease;
}

.terminbox:hover .terminbox-hover{ opacity: 1;}

/* .wochentag, .datum, .event  {color:rgb(105, 165, 215);} */
.terminbox .wochentag{font-weight: 300; font-size: .82em; margin: 16px 0 0 0; }
.terminbox .datum{font-weight: 300; font-size: 4em; margin: 28px 0;  }
.terminbox .event{font-weight: 300; font-size: .82em; position: relative; margin: 12px;}
.monat{width: 100%; margin: 66px 0 44px 0px; left:22px; clear: both; font-size: 1.6em; text-transform: uppercase;float: left;position: relative}


.meditation-saarbruecker{color: rgb(65, 45, 135)}
.qigong-saarbruecker{color:rgb(105, 165, 215)}
.meditation-siemensvilla{color:rgb(105, 165, 215)}
.meditation-spezial{color: rgba(210, 85, 0, 1)}
.holotropes-atmen{color: rgba(90, 80, 70, 1)}

.kalender-anmeldebutton{
	border: 1px solid #fff;
	padding: 4px 6px;
	color: #fff;
	font-weight: 400;
	border-radius: 20px;

}


.button1{

	background: rgb(105, 165, 215);
	border-radius:  44px;
	padding: 6px 14px;
	color: #fff;
	margin-right: 8px;

}





/* NAVIGTION */

/*
.sprachumschalter{
	position: relative;
	margin: 88px 0 0 44px;
}
*/
/*
.sprachumschalter a, .sprachumschalter a:hover, .sprachumschalter a:visited{
	color: rgba(255, 255, 255, 0.8); text-decoration: none; font-size: .7em;text-transform: uppercase;
}
*/
/* .sprachumschalter a:hover, .sprachumschalter a:visited:hover{color: #fff; } */

.nav, .nav_sub, .filter{
width: auto;
font-size: .9em;
/* -webkit-font-smoothing:subpixel-antialiased; */
color: rgb(229, 227, 225);
font-weight: 400;
/* letter-spacing: .1em; */
}

.nav, .nav_sub{
text-transform: uppercase;
}

.nav{
	margin: 0 auto 1em auto;
	padding: 0 8px 0 18px;
	width: 217px;
	font-size: .9em;


	}

.filter{
	margin: 22px 0 -22px 44px;
	padding-bottom: 22px;
	font-size: .82em;
	border-bottom: 1px solid rgba(255, 255, 255, 0.15);
	width: 72%;
	}
.filter strong{
	font-family: 'Roboto Slab', serif;
	font-weight: 700;
	color: #fff;
	}

.nav_sub{margin-left: 18px;margin-top: 388px;}

/* .navigationsleiste.villa{background:rgb(73, 63, 53);} */
.forum{background:rgb(40, 125, 180)}
.villa{ top:128; background:rgba(73, 63, 53, .6)}
.einruecken_villa{position: relative; left: 200px;}

.menue{
	color: rgb(229, 227, 225);
	color: #fff;
	display: block;
	text-decoration: none;
	line-height: 1.15em;
}

.aktiv{font-weight: 700;}

/* ul .menue_sub {border-bottom: 22px} */

.menue_sub li{
	margin-left: 0px;
	line-height: 1.3em;
}
.menue_sub li a:before{
	margin-right:6px; content:"•";
}

.menue_sub li a, .filter a{
	color: rgb(229, 227, 225);
	color: #fff;
/* 	display: block; */
	text-decoration: none;
	text-transform: none;
}
.nav ul, .nav_sub ul{
	margin: 0 0 .9em 0;
	padding: 0;
	width: 217px;
}

/*
	width: 217px;
	height: 156px;
	margin: 22px auto 0 auto;
	padding: 0 8px 0 18px;
	text-align: center;
	box-sizing: border-box;
*/


.nav li, .nav_sub li{
	list-style: none;
	}

ul .menue_sub {
	margin: 0 0 4px 0;
}


.legalNotes,
.sprachumschalter{
	font-size: .8em;


}
.sprachumschalter li{
	display: inline-block;
	border: 1px solid rgba(255, 255, 255, 0.66);
	padding: 2px 4px;
	margin-top: 8px;

}


/* Typo */

hr{
	border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0));
    margin: 22px 0;
}

.normalizer{font-weight: 300; }

.zwei-spalten{
  -webkit-column-count: 2;
  -webkit-column-gap: 32px;
}
.kasten{border-left: 4px solid #000; margin-left: -22px; padding-left: 18px }

li{ }

ul.tabulator{
	margin: 0;
	padding: 0;
	line-height: 1.3em;
}

ul.tabulator li{
	display: inline-table;
	width: 180px;
}
ul.tabulator li:nth-child(2n+2){
	width: 380px;
}

ul.tabulator li:first-child{
	font-weight: 700;
}

ul{

	list-style-image: url(../elemente/liste-punkt.png);
	padding-left: 1em;

	margin: 8px 0 22px 0;
}

ul li{
		line-height: 1.1;
}

ul ul{
	list-style-image: url(../elemente/liste-strich.png);
	margin-bottom: 22px;
}

p + ul{
	margin-top: -14px;
}

.flexBox{
	margin: 52px 0;
	width: 100%;
	position: relative;
	float: left;
}

.flexBox ul{
	line-height: 1.2em;
	margin: 0em 0 1em 0;
}

.flexItem{
	margin-top: 44px;
}


.li{text-align: left;}
.re{text-align: right;}
.bl{color: rgb(40, 125, 180);}
.violett{color: rgb(65, 45, 135);}
.dgr{color: rgb(73, 63, 53);}
.gold{color: rgba(188, 164, 76, 1)}
.klein{font-size: 0.78em; line-height: 1.2em }
.kleiner{font-size: 0.65em; line-height: 1.17em }
.kleinklein{font-size: 0.55em; line-height: 1.2em }
.gross{font-size:1.1em; line-height: 1.5em; margin-bottom: 1.6em}
.line-height-plus{line-height: 2em}
.einzug{margin-left: 88px}



h1{
	color: rgb(40, 125, 180);
	font-weight: 300;
	font-size: 1.6em;
	 margin-top: .3em;
	 margin-bottom: .9em;
	-webkit-column-span: all;
	-webkit-column-break-before: column;
	line-height: 1.1em;
}

h1.titelzeile{
	color: rgb(40, 125, 180);
	font-weight: 300;
	font-size: 1.7em;
	text-transform: uppercase;
}

h2{
	color: rgb(40, 125, 180);
	font-size: 1.3em;
	font-weight: 300;
	margin: 0px 0 0 0;
}

h3{
	color: rgb(40, 125, 180);
	font-size: 1.2em;
	font-weight: 300;
	margin: 44px 0px 12px 0;
}


h4{
	font-size: 1.2em; font-weight: 300; margin:0; padding: 0; margin-bottom: .7em;
}
h4.abstand {
	margin: 22px 0px 22px 0;
}
h5{
	font-size: 1.3em;
	line-height: 1.4em;
	font-weight: 300;
	margin: .5em 0 1.0em 0;padding: 0;
	color: rgb(65, 45, 135);

}

h5.abstand{margin: 2.8em 0 1.0em 0; }
h5.headline{font-size: 1.6em }

h6{

/* 	font-style: italic; */
text-transform: uppercase;
	font-size: 1.1em;
	font-weight: 300;
	margin-bottom: .7em;
	padding: 0;
}

h7{
	font-size: 1.2em;
	line-height: 1.2em;
	font-weight: 300;
	margin: 0 0 202px 0;
	color: rgba(0, 0, 0, 1);

}
p.h7-2{
	font-size: 1.2em;
	line-height: 1.2em;
	font-weight: 300;
	margin: -28px 0px 48px 0;
	width: 92% !important;
	color: rgb(65, 45, 135);
	position: relative;
	float: left;

}


em, i, .kursiv{
	font-family: georgia, serif;
	font-style: italic;
	font-size: .9em;
}


.news-datum { color: #a7a7a7; font-weight: 400; font-size: .9em;line-height: 2em;}
.studien .auszeichnung, .studien strong{  color: #92242c;  font-size: 1.2em; font-weight: 300;}
.news-teaser .auszeichnung{  color: #92242c; font-size: 1.4em; font-weight: 400;}


.top44{margin-top:24px;}





.kurseinhalteAnzeigen{
	width: 100%;
	float: left;
	position: relative;
	padding: 44px 0 88px 240px;
	background: #fff;
/* 	font-family: 'Roboto Slab', serif; */
	font-size: 1em;
	font-weight: 300;
}
.kurseinhalteAnzeigen p{
	width: 70%;
}

.teammitgliederAnzeigen{
	width: 100%;
	float: left;
	position: relative;
	padding: 44px 0 44px 144px;
	background: #fff;
/* 	font-family: 'Roboto Slab', serif; */
	font-size: 1em;
	font-weight: 300;
}


.teammitgliederAnzeigen > div{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;

}
.teammitgliederAnzeigen img {
	width: 244px;
	height: auto;
	margin:5px 32px 38px 0;
}
.teammitgliederAnzeigen p{
	width: 88%;
	margin-right: 88px
}



@media only screen and /* (max-width : 420px) or  */(max-width : 650px){
	.teammitgliederAnzeigen{
	width: 100%;
	float: left;
	position: relative;
	padding: 88px 0 0px 32px;
	background: #fff;
/* 	font-family: 'Roboto Slab', serif; */
	font-size: 1em;
	font-weight: 300;
	}
.teammitgliederAnzeigen > div{
	display: block;

}
.teammitgliederAnzeigen p{
	width: 100%;
	}

}



/* EIGENSCHAFTEN */

.hg-hellgrau{background: #f9f9f9}
.top-abstand{top:110px}
.top-abstand-88{top:88px}
.top-abstand-bild{top:500px}
.schatten{box-shadow:0px 0px 13px rgba(0, 0, 0, 0.03);}
.bg-ws{background: #fff;}
.bg-gr{background: rgb(230, 228, 222)}
.bg-gold{background: rgb(188, 164, 76)}
.unsichtbar{visibility: hidden}
.durchsichtig{opacity: 0;}
.zentrieren{
	display: -webkit-flex;
	flex-direction: row;
	width: 100%;

	}














/* INDEX */





/* sprüche startseite */



.spruch{
	width:  250px;
	padding: 0;
	position: relative;
	float:right;
	font-size: 1.5em;
	font-weight: 300;
	color: rgb(174, 170, 167);
}
.spruch h3 {
	font-weight: 300;
	font-size: 1.2em;
	margin-bottom: 8px;

}
/*
#eins{margin: 20px 0 0 22px;}
#zwei{margin: 120px 0 0 144px;}
#drei{margin: 300px 0 0 84px;}
#vier{margin: 200px 0 0 4px;}
*/





/* galerie */

.nav_reinschieben{
	position: absolute;
	width: 40px;
	height: 20px;
	padding: 10px;
	right:0px;
	top:80px;
	background: rgba(26, 116, 172, 0.73);
	border-radius: 20px 0 0 20px;
	cursor: hand;
}
.nav_reinschieben span{
	background: #fff;width: 20px;height: 2px;display: block;margin: 3px 0 2px 0;
}

/* vermietung.php */

.vermietung_hg{
	position: absolute;
}

.infofenster{
display:none;
clear: both;
position: relative; float: left;
width:376px; height: 200px;
left:544px;
}


/* TRANSFORMER */

.rotate180{
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}


.sw01{

padding:  4px 22px;
	text-align: center;
	background: rgb(105, 165, 215);
	border: 0;
	color: #fff;
	font-size: 1.2em;
	font-weight: 300;
	border-radius: 22px
	}

.weitereTermine{border-bottom: 1px solid #eee; width:450px; padding: 4px 0}



/* bilder im flex */

ul.bilder,
ul.videos{
	display: flex;
	justify-content: space-between;
	justify-content: center;
	flex-wrap: wrap;
	list-style: none;
}

ul.bilder li,
ul.videos li{
	padding: 17px
}

ul.bilder li.bild img {
    height: auto;
/*     max-height: 300px; */
    width: auto;
    max-width: 100%;
}
ul.bilder li.landscape {
    width: 28%;
}
ul.bilder li.portrait {
    width: 20%;
    padding: 0px 17px !important;
}


/* FLEX etc 2024 */

.flexy{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
}
.flex-item-50 {
	width: 50%;
}
.flex-item-50 img{
	width: 150px;
	padding: 22px;
}

button.paypal-btn{
	
	font-weight: 700;
	font-size: 16px;
	color: #014bab;
	background-color: #ffd140;
	padding: 10px 30px;
	border: solid #0066cc 0px;
	border-radius: 50px;

	align-items: center;
	cursor: pointer;
	
}

@media only screen and /* (max-width : 420px) or  */(max-width : 650px){
	.flexy{
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.flex-item-50 {
		width: 100%;
		margin-bottom: 22px;
		text-align: center;
	}
	.flex-item-50 p,
	.flex-item-50 p a
	{
		text-align: center;
	}
}