html { width:100%; height:100%; margin:0; padding:0; border-width:0; border-style:solid; outline:0; vertical-align:baseline; background:transparent; border-right: 0px solid black; text-shadow: 0px 0px 0px white; display: inline;}
head { width:100%; height:auto; overflow:hidden; overflow-y:scroll;}
body { z-index:1; width:100%; height:100%; text-align:center; background:#fff; overflow:hidden; overflow-y:scroll;}
section { position:relative; margin:0; padding:0; width:100%; height:100%; }
a,p, img { border:none; text-decoration:none; }
ul, li { list-style:none; margin:0; padding:0; }
video,embed,object,iframe { max-width: 100%;}
/* ----->>> IMAGES <<<-------------------------------------------------------------------------- */
img { max-width:100%; height:auto; border:none;}
html#ie7 img { -ms-interpolation-mode:bicubic; }
html#ie8 img { width:auto; }
video,embed,object,iframe { max-width: 100%;}
/* ----->>> CLEAR FIX <<<-------------------------------------------------------------------------- */
.clear { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix { display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix { display: block;}
* { margin: 0;}
.cf:before,
.cf:after { content:""; display:table;}
.cf:after { clear:both;}
/*= MENÜ & NAVIGATION I --------------------------------------------------------*/
.wrapper { z-index:100; position:fixed; width:100%; height:60px; left:0; top:0; padding:0; margin:0 ; background:#7f7441; box-shadow:0px 4px 12px rgba(0,0,0,.2);}
.wrapper nav { width:100%; height:auto; margin:0 auto; opacity:1;}
.wrapper nav ul { list-style: none; display: block;}
.wrapper nav li { display:inline; padding:.8rem .4rem 0.4rem 1rem;}
.wrapper nav #item { display:inline; overflow:hidden;}
.wrapper nav #logo { position:absolute; width:auto; height:auto; padding:0; margin:0; display:inline; margin:10px 0px 0px -40px; overflow:hidden;}
.wrapper nav #logo img { width:160px; height:auto;}
.wrapper nav #logo a:link { color:white; color:rgba(255,255,255,1.0); text-shadow: 2px 2px 2px rgba(0,0,0,0.01);}
.wrapper nav #item-burger { z-index:1;padding:1rem 1rem 1rem .8rem; width:40px;}
.wrapper nav .burger-menu img { width:80%; margin-top:0px;}
.wrapper nav #item-book { float:right; margin-right:4%; padding-top:24px;}
.wrapper nav .BookNow { border:1px solid #fff; width:100%; padding:10% 36% 10% 36%; background:#7f7441; font-size:82%;}
.wrapper nav li a.active { opacity:1; border-bottom:4px solid #fff; height:1%;}
.wrapper nav li a { opacity:1; color: #fff;}
.wrapper nav li a:hover { opacity:.5;}
.wrapper nav ul ul { display:none; list-style:none;}
.wrapper nav ul ul li { float:none;}
.wrapper nav li { float:left;}
.wrapper nav li a { text-decoration: none; display:inline-block;}
.wrapper input.toggle,label.toggle { display: none; left:0; text-align:left; color:white;}
.wrapper label.toggle { padding: 10px 20px; color:white;}
.wrapper #item a { font-size:1.02em; font-weight:400; line-height:1.8em; text-shadow:2px 2px 2px rgba(0,0,0,0.01); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.wrapper label.toggle { font-weight:900; font-size: 1.2em; }
.wrapper nav #item-back { padding:2.2rem 1rem 1.4rem 1.6rem;}
.wrapper #nav-title { position:absolute; width:auto; height:auto; padding:0; margin:0; display:inline; margin:24px 0px 0px -140px; overflow:hidden;}
.wrapper #nav-title a { color:#fff; font-size:180%; font-family:Montserrat; font-weight:300;}
/*= MENÜ & NAVIGATION II --------------------------------------------------------*/
.wrapper-white { z-index:1000; position:absolute; width:100%; height:50px; left:0; top:0; padding:0; margin:0 ; background:rgba(0,0,0,0); display:inline; overflow:hidden; box-shadow:0px 4px 12px rgba(0,0,0,0);}
.wrapper-white nav { width:100%; height:auto; margin:0 auto; opacity:1;}
.wrapper-white nav ul { list-style: none; display: block; display:inline; overflow:hidden;}
.wrapper-white nav li { display:inline; padding:.8rem 1rem 0.4rem 1rem;}
.wrapper-white nav #item-white { display:inline; overflow:hidden;}
.wrapper-white nav #logo-white { position:absolute; width:auto; height:auto; padding:0; margin:0; display:inline; margin:18px 0px 0px -210px; display:inline; overflow:hidden;}
.wrapper-white nav #logo-white img { width:240px; height:auto;}
.wrapper-white nav #logo-white a:link { color:white; color:rgba(255,255,255,1.0); text-shadow: 2px 2px 2px rgba(0,0,0,0.01); }
.wrapper-white nav #item-burger { padding:.8rem 1rem 1rem .8rem; width:40px;}
.wrapper-white nav .burger-menu img { width:80%;}
.wrapper-white nav #item-white-book { float:right; margin-right:4%; padding-top:24px;}
.wrapper-white nav .BookNow { border:1px solid #7f7441; width:100%; padding:10% 36% 10% 36%; background:#7f7441; font-size:82%;}
.wrapper-white nav .Sprache { margin-right:-80px;}
.wrapper-white nav li a.active { opacity:1; border-bottom: 4px solid #fff; height:1%;}
.wrapper-white nav li a { opacity:1; color: #fff;}
.wrapper-white nav li a:hover { opacity:.5;}
.wrapper-white nav ul ul { display: none; list-style:none;}
.wrapper-white nav ul ul li { float: none;}
.wrapper-white nav li { float: left;}
.wrapper-white nav li a { text-decoration: none; display:inline-block;}
.wrapper-white #item-white a { font-size:1.02em; font-weight:400; line-height:1.8em; text-shadow: 2px 2px 2px rgba(0,0,0,0.01); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.wrapper-white label.toggle { font-weight:900; font-size: 1.2em; }
/*UNTERSEITEN*/
.wrapper1 { z-index:10; position:fixed; text-align:left; width:100%; height:auto; left:0; top:0; padding:0; margin:0 ; background:#1b1e22; display:inline; overflow:hidden;}
.wrapper1 #nav #item { width:auto; height:100%; margin:0 auto; opacity:.6; }
.wrapper1 #nav .logo img { width:43px; height:auto; margin-left:-10px; margin-top:-8px; }
.wrapper1 #nav #item h3 { width:auto; height:auto; margin-top:-4px; margin-left:-36px; }
.wrapper1 #nav ul { list-style: none; display: block; }
.wrapper1 #nav li { display:inline; padding:2rem 1rem 1.4rem 2rem; }
.wrapper1 #nav li a { opacity:1; color: #fff; }
.wrapper1 #nav li a.active { opacity:1; border-bottom: 2px solid #fff; }
.wrapper1 #nav li a:hover { opacity:.5; }
.wrapper1 label.toggle { padding: 10px 20px; color:white;}
.wrapper1 input.toggle,label.toggle { display: none; left:0; text-align:left; color:white;}
/*= WRAPPER-SUB --------------------------------------------------------*/
.wrapper-sub { z-index:10; position:fixed; width:100%; height:60px; left:0; top:0; padding:0; margin:0 ; background:#7f7441; display:inline; overflow:hidden; box-shadow:0px 4px 12px rgba(0,0,0,.2);}
.wrapper-sub nav { width:100%; height:auto; margin:0 auto; opacity:1;}
.wrapper-sub nav ul { list-style: none; display: block; display:inline; overflow:hidden;}
.wrapper-sub nav li { display:inline; padding:1.3rem .4rem 0.4rem .4rem;}
.wrapper-sub nav .burger-menu img { width:70%; margin-top:0px;}
.wrapper-sub nav #item { display:inline; overflow:hidden; }
.wrapper-sub nav #item-book { float:right; margin-right:4%; margin-top:11px; padding:2% 4% 2% 4%; font-size:80%; border:1px solid #fff;}
.wrapper-sub nav #item-phone { float:right; margin-right:4%; padding-top:18px;}
.wrapper-sub nav .Reservierung { border:1px solid #fff; width:100%; padding:10% 28% 10% 28%; background:#7f7441;}
.wrapper-sub nav li a.active { opacity:1; border-bottom: 4px solid #fff; height:1%;}
.wrapper-sub nav li a { opacity:1; color:#fff; }
.wrapper-sub nav li a:hover { opacity:.5; }
.wrapper-sub nav ul ul { display: none; list-style:none; }
.wrapper-sub nav ul ul li { float: none; }
.wrapper-sub nav li { float: left; }
.wrapper-sub nav li a { text-decoration: none; display:inline-block; }
.wrapper-sub input.toggle,label.toggle { display: none; left:0; text-align:left; color:white;}
.wrapper-sub label.toggle { padding: 10px 20px; color:white;}
.wrapper-sub #item a { font-size:1.02em; font-weight:400; line-height:1.8em; color:#fff; text-shadow: 2px 2px 2px rgba(0,0,0,0.01); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.wrapper-sub label.toggle { font-weight:900; font-size: 1.2em; }
.wrapper-sub nav #item-back { padding:1s4rem 0.2rem 1.4rem .4rem; }
.wrapper-sub #nav-title { width:auto; height:auto; padding:0; margin:0; display:inline; margin:10px 0px 0px 0px; overflow:hidden;}
.wrapper-sub #nav-title a { color:#fff; font-size:140%; font-family:Montserrat; font-weight:300;}
/* ----->>> Anfrage tooltipp<<<-------------------------------------------------------------------------- */
#tooltip img { z-index:999; width:200px; height:auto; }
#tooltip a:link { opacity:1; }
#tooltip a:hover { opacity:.5;}
/* ----->>> scroll down <<<-------------------------------------------------------------------------- */
#down,#down1 { z-index:1; bottom:15%; position:absolute; width:100%; height:auto; }
#down a:link { background-color:rgba(255,255,255,0.3); }
#down a:hover,a:active,a:visited { background-color:rgba(255,255,255,.6); }
#arrow { text-shadow: 2px 2px 2px rgba(0,0,0,0.4);border-radius:80px; margin-left: -30px; position: absolute; margin-top: 0%; left: 50%; width:60px; height:60px; color: white; background-color:rgba(255,255,255,0.1); }
.btn { padding:.4% 1.2% .4% 1.2%; border:2px solid white; background:rgba(255,255,255,0.2); }
/*-->>> COVER<<<-------------------------------------------------------------------------- */
section#hotel-rabenstein { z-index:99; background:rgba(0,0,0,0); margin:0; padding:0; top:0; left:0; width:100%; height:535px;}
section#hotel-rabenstein .cover { width:100%; height:500px; background:#444;}
section#hotel-rabenstein .cover-txt { position:absolute; width:100%; height:auto; padding:40% 0 0% 0%; text-align:center; color:#fff;}
section#hotel-rabenstein .cover-txt h1 { font-size:2.8em; line-height:1.1em;}
section#hotel-rabenstein .btn-round a { margin-top:10%; line-height:6em; color:#fff; border:2px solid #fff; width:auto; background:rgba(255,255,255,.4);}
section#hotel-rabenstein .btn-round a:hover { opacity:0.6; }
section#hotel-rabenstein .btn-round #kreis { position:absolute; left:34%; width:122px; height:122px; border-radius:100px; visibility: visible; background-color:rgba(255,255,255,0.28); color:#fff;}
section#hotel-rabenstein .btn-round #kreis>h6 { margin-top:28px; line-height:4;font-size:122%; font-weight:400; text-shadow:1px 1px 6px rgba(0,0,0,1);}
/*-->>> COVER-SUBMENÜ <<<------------------------------------------------------------------------ */
section.menu { z-index:10000; position:absolute; padding:0; margin:0; width:100%; height:auto; background:#fff; overflow:hidden; }
section.menu div { display:inline; width:13%; padding:0;}
section.menu #btn-thumbs img { height:24px; width:auto; }
section.menu #btn-thumbs a { font-size:90%; line-height:4em; padding:2.7% 3% 2.45% 2%; color:rgba(255,255,255,.7); background:#131313; text-shadow:2px 2px 10px rgba(0,0,0,0.2);}
section.menu #btn-thumbs a:hover { color:rgba(255,255,255,0.6); background:#7f7441;}
/*-->>> Intro <<<-------------------------------------------------------------------------- */
section#Intro { width:auto; height:auto; padding:28% 0 8% 0; overflow:hidden;}
section#Intro h4 { padding:8% 12% 10% 12%; text-align:center;}
section#Intro div { width:100%; height:auto;}
section#Intro .article-3 img { opacity:1; width:60%; padding:2%;}
section#Intro .article-3 a { opacity:.1; margin:2% 15% 2% 15%; padding:0%; color:#fff; float:left;}
section#Intro .article-3 a:hover{ opacity:.4;}
section#Intro h3 { padding-top:8%; overflow:hidden;}
section#Intro-Rooms { height:auto; overflow:hidden; }
section#Intro-Rooms h3 { padding:8% 0 8% 0; }
section#Intro-Rooms .info h3 { padding:4% 15.7% 2% 15.7%; text-align:left; font-size:120%;}
section#Intro-Rooms .info h6 { padding:1% 14.5% 2% 15.7%; text-align:left; }
section#Intro-Rooms img { width:70%;}
/*-->>> Get-in-touch <<<------------------------------------------------------------------------- */
#Get-in-touch { z-index:1; width:100%; height:auto; padding-bottom:0; background-image:url("../img/rooms/Sonnentuntergang-am-Schweriner-See.jpg"); background-repeat: no-repeat; background-size:100%; }
#Get-in-touch h2 { padding:10% 0 1.6% 0;}
#Get-in-touch #mail { width:100%; height:100px; margin:50px auto; padding-top:1.2%;}
#Get-in-touch #mail a { margin-left:-64px; margin-top:-20px; background-color:#rgba(255,255,255,.4);}
#Get-in-touch #mail a:hover { opacity:0.6;}
#Get-in-touch #mail h4 { padding-top:51px;}
#Get-in-touch #kreis { position:absolute; left:50%; width:142px; height:142px; border-radius:100px; visibility: visible; background:rgba(255,255,255,.6); color:#898157;}
#Get-in-touch h2 { font-size:255%; font-weight:600; color:#fff; line-height:.1em; text-shadow:2px 2px 10px rgba(0,0,0,0.2); }
#Get-in-touch .kontaktdaten a { font-size:137%; font-weight:300; color:#fff; text-shadow:2px 2px 10px rgba(0,0,0,0.6);}
#Get-in-touch .kontaktdaten a:hover { opacity:0.6;}
#Get-in-touch #mail h4 { font-family:DM Serif Display; font-size:192%; color:#898157; }
/*-->>> SITEMAP & FOOTER & KONTAKT <<<------------------------------------------------------------------------- */
/*-->>> <<<-------------------------------------------------------------------------- */
.sitemap-title { z-index:1000; width:100%; height:auto; margin:0; padding:0; background:#131313; overflow:hidden; text-shadow: rgba(0,0,0,.01) 0 0 1px; -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.sitemap-title #logoline { width:220px; height:auto; padding-top:8%; }
.sitemap-title hr { border:solid 0px; background-color:#999067; height:1px;text-shadow:rgba(0,0,0,.01) 0 0 1px; -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.hr-style { margin:6% 12% 2% 12%;}
.sitemap { width:100%; height:240px; padding:2% 10% 4% 10%; }
.sitemap div { width:auto; height:100%; padding:6% 2% 2% 2%; float:left; text-align:left; }
.sitemap h5 { color:#999067; font-size:78%; font-weight:400; line-height:1.8em;text-shadow: rgba(0,0,0,.01) 0 0 1px; -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.sitemap .sitemap-headline { font-weight:500; font-size:90%; color:#999067; text-shadow: rgba(0,0,0,.01) 0 0 1px; -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.sitemap a { opacity:1; }
.sitemap a:hover { opacity:.6;}
footer { width:100%; height:auto; padding-bottom:2%; }
footer p { margin-left:1.2%; float:left; color:#999067; font-size:64%; text-shadow: rgba(0,0,0,.01) 0 0 1px; -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
footer a { float:right;color:#999067; font-size:64%; text-shadow: rgba(0,0,0,.01) 0 0 1px; -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
footer a:hover { opacity:.8; text-shadow:2px 2px 10px rgba(0,0,0,0.6);}
section#footer { z-index:99; background:#fff; margin:0; padding:0; top:0; left:0; width:100%; height:auto;}
section#footer .cover { width:100%; height:auto; background:#131313;}
section#footer .cover-txt { position:absolute; width:100%; height:auto; padding:21% 0 20% 0%; text-align:center; color:#fff;}
section#footer .cover-txt h2 { font-family:Playfair Display; font-size:180%; font-weight:600;color:#fff; line-height:1em; text-shadow:5px 5px 20px rgba(0,0,0,0.6); }
section#footer .btn-round a { margin-top:6%; line-height:6em; color:#fff; width:auto; background:rgba(255,255,255,.4); text-shadow:5px 5px 20px rgba(0,0,0,0.6); }
section#footer .btn-round a:hover { opacity:0.6; }
section#footer .btn-round #kreis { position:absolute; left:35%; width:122px; height:122px; border-radius:100px; visibility: visible; background-color:rgba(255,255,255,0.6); color:#898157; text-shadow:5px 5px 20px rgba(0,0,0,0.6);}
section#footer .btn-round #kreis>h4 { margin-top:5px; font-family:DM Serif Display; font-size:192%; color:#898157; line-height:4; }
section#footer .cover-txt .kontaktdaten a { font-size:97%; font-weight:400; color:#fff; text-shadow:2px 2px 10px rgba(0,0,0,1);}
section#footer .cover-txt .kontaktdaten a:hover { opacity:0.6;}
section#footer .footer-white { position:absolute; width:100%; height:auto; margin-top:-28px; text-align:center; color:#fff;}
section#footer .footer-white p { margin-left:1.2%; float:left; color:#fff; font-size:64%; text-shadow: rgba(0,0,0,.01) 0 0 1px; -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
section#footer .footer-white a { float:right; color:#fff;font-size:64%; text-shadow: rgba(0,0,0,.01) 0 0 1px; -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
section#footer .footer-white a:hover{ opacity:.8; text-shadow:2px 2px 10px rgba(0,0,0,0.6);}
section#footer .footer-beige { position:absolute; width:100%; height:auto; margin-top:-30px; text-align:center; color:#fff; background:#fff;}
section#footer .footer-beige p { margin-left:1.2%; float:left; color:#898157; font-size:64%; text-shadow: rgba(0,0,0,.01) 0 0 1px; -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
section#footer .footer-beige a { float:right; color:#898157;font-size:64%; text-shadow: rgba(0,0,0,.01) 0 0 1px; -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
section#footer .footer-beige a:hover{ opacity:.8; }
/*-->>> Kontakt <<<-------------------------------------------------------------------------- */
section.Kontakt-overview { z-index:1; width:100%; height:auto; background:#fff;}
section.Kontakt-overview div { padding:10% 15.7% 22% 15.7% ; margin-right:4.3%; text-align:left; }
section.Kontakt-overview a { font-size:.94em; text-align:left; width:100%; padding:0; margin:0; color:#7f7441; }
section.Kontakt-overview a:hover{ opacity:.5;}
section.Kontakt-overview h3 { font-size:112%; line-height:2em;}
section.Kontakt-overview h6 { color:#131313;}
/*-->>> ROOMS <<<------------------------------------------------------------------------- */
section#Rooms { width:auto; height:auto; margin:0 auto; padding-top:60px;}
section#Rooms div { width:100%; height:auto; }
section#Rooms img { width:100%; padding:0%;}
section#Rooms a { opacity:1;}
section#Rooms a:hover { opacity:.6;}
section#Intro-Room { width:auto; height:auto; padding:0 0 8% 0; overflow:hidden;}
section#Intro-Room h3 { padding-top:16% }
section#Intro-Room h4 { padding:6% 12% 12% 12%; text-align:center;}
section#Intro-Rooms-1 { height:auto; padding-top:6%; background:rgba(0,0,0,0.04)}
/*-->>> RESTAURANT <<<------------------------------------------------------------------------- */
section#Restaurant { z-index:1; width:100%; height:auto;}
section#Restaurant .cover { width:100%; height:100%; }
section#Restaurant .cover-txt { position:absolute; width:100%; height:auto; padding:15% 0 18% 0%; text-align:center; color:#fff;}
section#Restaurant .cover-txt h2 { margin: 1% 22% 0% 26%;}
section#Restaurant .btn { font-size:70%; line-height:6em; color:#7f7441; border:2px solid #7f7441; width:auto; padding:1% 2.2% 1% 2.2%; margin:0 1% 0 0; background:rgba(255,255,255,.2); }
section#Restaurant .btn a { opacity:1; }
section#Restaurant .btn a:hover { opacity:.4;}
section#Restaurant h4 { padding:16% 12% 4% 12%; text-align:center;}
.restaurant { z-index:1; width:auto; height:35%; margin:2% 15.7% 0 15.7%; background:#fff; text-shadow: rgba(0,0,0,.01) 0 0 1px; -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.restaurant h3 { color:#7f7441; font-size:300%; text-align:left;}
.restaurant-teaser { width:100%;}
.restaurant-teaser div { width:47.8%; height:auto; padding:2% 0 2% 0; float:left;}
.restaurant-teaser h4 { padding:4% 0% 12% 0%; text-align:left; font-size:160%;}
#Speisekarte { height:auto; }
#Speisekarte h3 { padding:12% 0 0% 0; background:#fff; color:#214b58;}
#Speisekarte img { width:142px; padding:0% 0 8% 0; }
#Mittagstisch { height:auto; padding:8% 0 8% 0;}
#Mittagstisch h4 { padding:0% 12% 1% 12%;}
#Mittagstisch img { padding:2%;}
/*-->>> ROOTS <<<-------------------------------------------------------------------------- */
section#Roots { z-index:1; width:100%; height:auto; margin:0; padding:0;}
section#Roots .cover { width:100%; height:auto; }
section#Roots .cover-txt { position:absolute; width:100%; height:auto; text-align:center; color:#fff;}
section#Roots .cover-txt h2 { padding:26% 12% 12% 12%;}
section#Roots h4 { padding:12% 12% 10% 12%; text-align:center; }
section#Roots img { padding:10% 0% 0% 0%; text-align:center; }
section.roots { width:100%; height:auto; padding: 0 0 22% 0; background:rgba(0,0,0,.04);text-shadow: rgba(0,0,0,.01) 0 0 1px; -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
section.roots h3 { color:#7f7441; text-align:center; padding:6% 15.7% 6% 15.7%;}
section.roots-1 { width:100%;}
.roots-1 div { width:15%; height:auto; padding:4% 0 0% 0; margin-right:2.4%; float:left;}
.roots-1 h4 { padding:6% 0% 12% 0%; text-align:left; font-size:160%;}
/*-->>> Wellness <<<-------------------------------------------------------------------------- */
section#Wellness { z-index:1; width:100%; height:auto; margin:0; padding:0; }
section#Wellness .cover { width:100%; height:auto; }
section#Wellness .cover-txt { position:absolute; width:100%; height:auto; text-align:center; color:#fff;}
section#Wellness .cover-txt h1 { padding:38% 12% 0% 12%; font-size:320%;}
section#Wellness .cover-txt h2 { font-size:122%; font-weight:400; font-family:Montserrat; text-shadow: rgba(0,0,0,1) 5 5 10px; }
section#Wellness img { padding:10% 0% 0% 0%; width:100%;text-align:center; }
section#Wellness .categories { width:100%; text-align:center; margin-top:1%;}
section#Wellness .categories li { width:20%; float:left; border:2px solid rgba(255,255,255,0); color:#fff; background:rgba(255,255,255,.0); text-align:center; font-family:Montserrat; font-size:90%; line-height:2em;}
section#Wellness .btn { line-height:6em; color:#fff; border:2px solid #fff; width:auto; padding:1% 2.2% 1% 2.2%; margin:0 1% 0 0; background:rgba(255,255,255,.2); text-shadow:2px 2px 10px rgba(0,0,0,0.8);}
section#Wellness .btn a { opacity:1;}
section#Wellness .btn a:hover { opacity:.4;}
section#Wellness h4 { padding:6% 22% 4% 22%; text-align:center;}
.wellness { z-index:1; width:100%; height:auto; background:#fff; text-shadow: rgba(0,0,0,.01) 0 0 1px; -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.wellness h3 { color:#7f7441; text-align:left; padding:12% 12% 4% 10%; }
.wellness h4 { text-align:left; padding:6% 12% 12% 12%; }
.wellness img { width:80%; }
.wellness-fitness { width:100%;}
.wellness-fitness div { width:31.5%; height:auto; padding:4% 0 0% 0; margin-right:4.3%; float:left; }
.wellness-fitness h4 { padding:6% 0% 12% 0%; text-align:left; font-size:160%;}
.wellness-1 { width:100%; height:120%; background:rgba(0,0,0,.04);text-shadow: rgba(0,0,0,.01) 0 0 1px; -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.wellness-1 h3 { color:#7f7441; text-align:left; padding:12% 12% 2% 12%; }
.wellness-fitness-1 { width:100%; height:auto; }
.wellness-fitness-1 a { opacity:1;}
.wellness-fitness-1 a:hover { opacity:.6;}
.wellness-fitness-1 div { width:35%; height:auto; padding:4% 0 0% 0; margin-right:2.4%; float:left; }
.wellness-fitness-1 h4 { padding:6% 0% 12% 0%; text-align:left; font-size:160%;}
/*-->>> NATUR <<<------------------------------------------------------------------------- */
section#Natur { z-index:1; width:100%; height:auto;}
section#Natur .cover { width:100%; height:auto; }
section#Natur .cover-txt { position:absolute; width:100%; height:auto; padding:15% 0 18% 0%; text-align:center; color:#fff;}
section#Natur .cover-txt h1 { font-size:200%; padding-top:12%;}
section#Natur .cover-txt h2 { margin:2% 12% 0% 12%; font-size:138%; text-shadow: rgba(0,0,0,1) 0 10 10px;}
section#Natur .btn { line-height:6em; color:#fff; border:2px solid #fff; width:auto; padding:1% 2.2% 1% 2.2%; margin:0 1% 0 0; background:rgba(255,255,255,.2); text-shadow:2px 2px 10px rgba(0,0,0,0.8);}
section#Natur .btn a { opacity:1;}
section#Natur .btn a:hover { opacity:.4;}
section#Natur img { width:100%;}
section#Natur h4 { padding:6% 22% 4% 22%; text-align:center;}
section#Natur-Info { width:auto; height:auto; margin-top:20px; padding:0 0 4% 0; overflow:hidden;}
section#Natur-Info h3 { padding:6% 0% 0% 0%; text-align:center;}
section#Natur-Info h4 { padding:2.8% 26% 1% 26%; text-align:center;}
section#Natur-Info p { padding:0% 12% 1% 12%; text-align:center;}
section#Natur-Info a { color:#898157; text-decoration:underline;}
section#Natur-Info div { width:100%; height:auto;}
/*-->>> SEMINARE <<<------------------------------------------------------------------------- */
section#Seminare { width:auto; height:auto; margin-top:20px; padding:0 0 12% 0; overflow:hidden;}
section#Seminare h4 { padding:22% 8% 6% 8%; overflow:hidden;}
section#Seminare h3 { padding:8% 8% 6% 8%; text-align:center;}
section#Seminare p { padding:0% 8% 4% 8%; text-align:center;}
/*-->>> Galerie <<<------------------------------------------------------------------------- */
#galerie ul {height:400px; background:#333;}
.slid {height:400px; background:#333;}
#flexslider {height:400px; background:#333;}