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:100%; overflow:hidden; overflow-y:scroll;}
body { z-index:1; width:100%; height:100%; text-align:center; background:#fff; overflow:hidden; overflow-y:scroll;}
section { z-index:1; position:relative; width:100%; height:auto;}
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Ü WRAPPER -----------------------------------------------------------------------------------*/
.newsline { position:fixed; top:0; height:0px; width:100%; background:#ee7100;}
.alpha .newsline { position:fixed; top:0; height:4px; width:100%; background:#fff;}
nav { z-index:100; position:fixed; top:0; left:0; width:100%; height:auto; overflow:hidden; }
nav #logo { position:absolute; width:11.2%; height:auto; margin:2px 10px 0px 36px; overflow:hidden;}
nav ul { list-style:none; text-decoration:none; margin-left:16%; }
nav li { margin:1% 0% 1% 0%; float:left; }
nav #item { margin-left:1%; padding:1.8% 0 1.4% 4%; text-shadow:2px 2px 10px rgba(0,0,0,0.2);}
nav #item a { opacity:.5; color:#fff; font-weight:500; text-shadow: rgba(0,0,0,.4) 0 0 1px; }
nav #item a:hover { opacity:1; color:#fff; }
nav #item .active { opacity:1; color:#fff; }
nav #Mitgliedschaft { font-size:80%; float:right; margin-right:2%; width:220px; margin:3% 2% 0% 0%; text-shadow:2px 2px 10px rgba(0,0,0,0.2);background:rgba(255,255,255,.0);}
nav #Mitgliedschaft a { opacity:1; padding:5.5% 14% 5% 14%; color:#0dd3c9; background:rgba(255,255,255,0); border:2px solid #b5b5b5; text-shadow: rgba(0,0,0,.4) 0 0 1px; font-weight:500; }
nav #Mitgliedschaft a:hover { color:#333; background:#0dd3c9; border:2px solid #0dd3c9; text-shadow: rgba(0,0,0,.4) 0 0 1px; }
.alpha { z-index:100; position:fixed; top:0; left:0; width:100%; height:auto; overflow:hidden;background:rgba (0,0,0,0); box-shadow:0px 4px 12px rgba(0,0,0,.0); }
.black { z-index:100; position:fixed; top:0; left:0; width:100%; height:auto; overflow:hidden; background:#1a1a1a; box-shadow:0px 4px 12px rgba(0,0,0,.2);}
.subnav { z-index:100; position:fixed; top:0; left:0; width:100%; height:80px; overflow:hidden; background:#fff; box-shadow:0px 4px 12px rgba(0,0,0,.2); color:#333;}
.subnav #logo { text-align:left; position:absolute; width:32%; height:auto; margin:20px 10px 0px 0px; overflow:hidden; color:#333; font-size:120%; }
.subnav #logo a { float:left; color:#333; padding-left:42px; padding-right:20px; padding-top:8px;}
.subnav #logo p { color:#333; padding-left:28px; padding-right:20px; padding-top:4px; font-size:108%; font-weight:600;}
.subnav #logo a:hover { opacity:.8;}
.subnav #Termin-vereinbaren { font-size:82%; float:right; margin-right:2%; width:220px; margin:2.4% 2% 0% 0%; text-shadow:2px 2px 10px rgba(0,0,0,0.2); background:rgba(255,255,255,.0);}
.subnav #Termin-vereinbaren a { padding:5.5% 14% 5% 14%; color:#fff; background:#0e3743; border:2px solid #0e3743; text-shadow: rgba(0,0,0,.4) 0 0 1px; text-transform:uppercase;}
.subnav #Termin-vereinbaren a:hover { opacity:.8; }
/*-->>> Slideshow scroll down <<<------------------------------------------------------------------------- */
/*-->>> HOME / START <<<------------------------------------------------------------------------- */
section#slideshow { z-index:1; margin:0; padding:0; padding-top:80px; width:100%; height:auto; overflow:hidden;}
section#slideshow ul { width:100%; height:auto;}
section#slideshow li { top:0; left:0; margin:0; padding:0; width:100%; height:auto; overflow:hidden; display:block;}
section#slideshow li div { position:absolute; height:100%; width:20%; overflow:hidden; }
section#slideshow .txt { margin-top:1.8%; height:auto; width:480px; margin-left:3.7%; color:#fff; text-align:left;}
section#slideshow .txt-training { margin-top:.9%; height:auto; width:800px; margin-left:.8%; color:#fff; text-align:left; padding-left:.3%; }
section#slideshow .txt-training h1 { font-family:Raleway; font-weight:700; text-align:left; padding-bottom:4%; font-size:480%; line-height:1.06em; text-shadow:2px 6px 10px rgba(0,0,0,0.6); }
section#slideshow .txt-training a { text-align:left; font-size:.8em; line-height:4em; font-weight:400; color:#fff; padding:1.4% 4% 1.4% 4%; margin-right:3%;}
section#slideshow .txt-reha { margin-top:.7%; height:auto; width:680px; margin-left:.7%; color:#fff; text-align:left; padding-left:.3%; }
section#slideshow .txt-reha h1 { font-family:DM Serif Display; text-align:left; padding-bottom:4.8%; padding-left:0; font-size:520%; line-height:1.06em; }
section#slideshow .txt-reha a { text-align:left; font-size:.8em; line-height:4em; font-weight:400; color:#fff; padding:1.5% 4% 1.5% 4%; margin-right:3%;}
section#slideshow .txt-sauna { margin-top:1.4%; height:auto; width:680px; margin-left:2%; color:#fff; text-align:center;}
section#slideshow .txt-sauna a { text-align:left; font-size:.8em; line-height:4em; font-weight:400; color:#fff; padding:1.4% 4% 1.4% 4%; margin-right:3%;}
section#slideshow .btn { text-align:left; padding:2% 6% 2% 6%; margin-right:5%; font-size:.9em; line-height:4em; font-weight:400; color:#fff; text-shadow:2px 2px 10px rgba(0,0,0,0.2); text-align:left; background:rgba(255,255,255,0.3); border:2px solid rgba(255,255,255,1); }
section#slideshow .btn { text-align:left; padding:2% 6% 2% 6%; margin-right:5%; font-size:.9em; line-height:4em; font-weight:400; color:#fff; text-shadow:2px 2px 10px rgba(0,0,0,0.2); text-align:left; background:rgba(255,255,255,0.3); border:2px solid rgba(255,255,255,1); }
section#slideshow .btn:hover { background:rgba(255,255,255,0);}
section#slideshow .sub-txt { margin-top:1.4%; height:auto; width:680px; margin-left:.8%; color:#fff; text-align:center;}
section#slideshow .sub-txt h1 { text-align:left; padding-bottom:4.8%; padding-left:16%; font-size:360%; line-height:1em; }
section#slideshow .sub-txt p { text-align:left; padding-bottom:4.8%; padding-left:16%; font-size:108%;color:#fff; }
section#slideshow .sub-txt-left { width:520px; height:auto; color:#fff; margin:10% 0 0 14%;}
section#slideshow .sub-txt-left h1 { text-align:left; padding:0 0 4.8% 0; font-size:340%; line-height:.8em;}
section#slideshow .sub-txt-left p { text-align:left; font-size:108%; color:#fff; padding-bottom:4.8%;}
section#slideshow .sub-txt-left a { text-align:left; }
section#slideshow .sub-txt-right { width:480px; height:auto; color:#fff; margin:10% 0 0 55%; text-align:left;}
section#slideshow .sub-txt-right h1 { text-align:left; padding-bottom:4.8%; font-size:360%; line-height:1em; }
section#slideshow .sub-txt-right p { text-align:left; padding-bottom:4.8%; font-size:108%; color:#fff;}
section#slideshow .sub-txt-right a { text-align:left; margin-left:0px;}
#slideshow #down,#down1 { z-index:1; bottom:0%; position:absolute; width:100%; height:auto;}
#down a:link { opacity:1;}
#down a:hover,a:active,a:visited { opacity:.8;}
#arrow { text-shadow: 6px 6px 6px rgba(0,0,0,1);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); }
.screen-1 { float:left;}
#article { width:100%; height:48%; padding:0% 13% 0% 12%; background:#fff; overflow:hidden;}
#article .screen { margin:0; padding:0; text-align:left; width:38%; height:90%; float:left; background:#fff; }
#article .screen h2 { font-family:Raleway; margin:6% 0 1% 10%; width:70%; font-size:1.68em; line-height:2em; text-transform:none; }
#article .screen p { width:70%; padding:0 20% 0% 10%; background:#fff;}
#article .screen a { opacity:1; margin:0% 0% 0% 10%; color:#ee7100; font-size:100%;}
#article .screen a:hover{ color:#386bb0; }
#article .screen img { margin:0; padding:0; width:100%; height:auto; overflow:hidden; border:0px solid white; }
#title-txt { width:100%; height:auto; padding:2.8% 0 8% 0; overflow:hidden; background:#fff;}
#title-txt h1 { padding:4% 24% 1.6% 24%; color:#333;}
#title-txt h6 { padding:0 24% 4% 24%; color:#666;}
#title-txt p { padding:0 14% 4% 14%; color:#333;}
#title-txt .jobs a { padding:1.6% 5% 1.4% 5%; margin:1%; color:#ee7100;background:#fff; font-weight:500; text-transform:uppercase;}
#title-txt .jobs a:hover{ padding:1.6% 5% 1.4% 5%; margin:1%; color:#fff; background:#ee7100; font-weight:500;}
#teaser-image { z-index:1; margin:0; padding:0; padding-top:80px; width:100%; height:auto; overflow:hidden;}
#teaser-image ul { width:100%; height:auto;}
#teaser-image li { top:0; left:0; margin:0; padding:0; width:100%; height:auto; overflow:hidden; display:block;}
#teaser-image img { width:100%; height:auto; overflow:hidden; display:block;}
#teaser-image li div { position:absolute; height:100%; width:100%; overflow:hidden; }
#teaser-image .txt { width:100%; height:auto; margin-top:6.6%; color:#fff; text-align:center;}
#teaser-image .txt h1 { font-size:324%; font-weight:700; }
#teaser-image .txt h6 { padding: 0% 27% 4% 27%; font-family:Playfair Display; font-size:1.72em; line-height:1.4em; font-weight:400; }
#teaser-image .txt a { padding:1% 3% .9% 3%; margin:1%; color:#fff; background:rgba(255,255,255,.4); border: 1px solid #fff; text-transform:uppercase;}
#teaser-image .txt a:hover { padding:1% 3% .9% 3%; margin:1%; color:#fff; background:rgba(255,255,255,.0); border: 1px solid #fff;}
#article-news { width:100%; height:auto; padding:6% 0 10% 0; overflow:hidden;}
#article-news h3 { padding:0 0 1% 0; }
#article-news div { float:left; width:21%; height:auto; padding-top:1%; text-align:left; margin-right:6%;}
#article-news img { padding-bottom:8px; }
#article-news a { opacity:1; font-size:100%;}
#article-news a:hover { opacity:.8;}
/* ->>> Vitas Get-in-touch <<<---------------------------------------------------------------------*/
#Get-in-touch { width:100%; height:auto; background:#191b1c; text-shadow: rgba(0,0,0,.01) 0 0 1px; padding-bottom:10%;}
#Get-in-touch h1 { color:#ee7100; font-size:380%; padding-top:8%; line-height:1.2em; font-family:DM Serif Display; font-weight:300; }
#Get-in-touch p { color:#ee7100; font-size:109.5%; padding-bottom:2%; }
#Get-in-touch a { color:#ee7100; }
#Get-in-touch #mail { width:100%; height:100px; margin: 50px auto;}
#Get-in-touch #mail a { margin-left:-64px; margin-top:-30px; }
#Get-in-touch #mail a:link { background-color:rgba(0,0;0,0); }
#Get-in-touch #mail a:hover { opacity:.6;}
#Get-in-touch #kreis { position: absolute; left:50%; width: 122px; height:122px; border-radius:100px; visibility: visible; background-color:#ee7100;color:#fff;}
#Get-in-touch #kreis>h6 { margin-left:-6px; color:#fff; font-style: italic; font-size:2.1em; line-height:4; }
#Get-in-touch .kontaktdaten a { font-family: DM Serif Display; font-style: italic; font-size:1.6em; line-height:1.2; }
#Get-in-touch .kontaktdaten a:hover { color:#ee7100;}
#Standort { width:100%; height:auto;margin:0; padding:0; }
/* ->>> TRAINING <<<--------------------------------------------------------------------*/
#training { width:80%; height:auto; padding:0% 13.5% 0% 11.5%; overflow:hidden; text-align:center;}
#training div { float:left; margin:1% 0 1% 0; width:16%; height:auto; float:left; background:#fff;}
#training a { background:#fff; opacity:1; height:auto; width:auto; }
#trainin a:hover { background:rgba(0,0,0,0); opacity:.7; }
#training img { width:98%; margin:2%;padding:2%;}
#training h2 { width:89%; text-align:center; line-height:3em;}
#training h6 { position:absolute; width:10%; margin:-5.2% 4% 0% 1.65%; padding:0.5% 0 .5% 0;text-align:center; font-size:104%; color:#fff; background:#ee7100; box-shadow:0px 6px 12px rgba(0,0,0,.4);}
#article-teaser { width:100%; height:320px; padding:2% 20% 0% 14%; background:#efefef; overflow:hidden;}
#article-teaser .screen { margin:0; padding:0; text-align:left; width:33%; height:auto; float:left; background:#fff; box-shadow:0px 6px 12px rgba(0,0,0,.08);}
#article-teaser .screen h5 { padding:9% 0 1% 12%; }
#article-teaser .screen p { width:auto; padding:0 12% 0% 12%; background:#fff; font-size:90%;}
#article-teaser .screen a { opacity:1; padding:0% 0% 0% 12%; color:#ee7100; font-size:90%;}
#article-teaser .screen a:hover { color:#386bb0; }
#article-teaser .screen-img { margin:0; padding:0; text-align:left; width:580px; float:left; background:rgba(255,255,255,0); }
/* ->>> KURSE <<<--------------------------------------------------------------------*/
#kursplan-days { width:97.4%; height:auto; margin:0 1% 0 5%; overflow:hidden;}
#kursplan-days div { height:100%; width:18%; margin:.4% .5% 0 0; float:left; }
#kursplan-days h3 { width:100%; font-size:100%; color:#fff; background:#1a1a1a; border:1px solid rgba(0,0,0,0); line-height:3em; text-shadow:0px 2px 8px rgba(0,0,0,.2); }
#kursplan-7 { width:90%; height:auto; margin:0 0 0 5%; overflow:hidden;}
#kursplan-7 div { float:left; margin:0; padding:0; }
#kursplan-7 .screen { width:9.5%; height:70px; margin-right:.5%; margin-top:.4%; }
#kursplan-7 a { width:100%; float:left; text-align:left; background:#fff; border:1px solid rgba(0,0,0,.4);}
#kursplan-7 a:hover { opacity:.7; }
#kursplan-7 h3 { text-align:left; font-size:88%; font-weight:600; color:#1a1a1a; padding:16px 10px 0px 16px; line-height:1.2em;}
#kursplan-7 p { text-align:left; font-size:86%; font-weight:400; color:#333; padding-left:16px; padding-bottom:10px; height:5%;}
#kursplan-7 .active h3 { opacity:1; color:#fff; background:#fff;}
#kursplan-7 .active p { opacity:1; color:#fff; background:#fff; box-shadow:0; text-shadow:0;}
#article-kursplan-filter { width:83%; height:auto; margin:1% 9% 0% 16%; overflow:hidden; }
#article-kursplan-filter div { float:right; margin:0; padding:0; height:100%;}
#article-kursplan-filter .screen { width:12%; margin-right:1%; margin-top:1%;}
#article-kursplan-filter .screen a { font-size: 120%; width:100%; float:left; color:#969595; background:#fff; border:1px solid #a9a9a9;}
#article-kursplan-filter .screen a:hover { color:#fff; background:#c3c3c3; border:1px solid #c3c3c3; }
#article-kursplan-filter h1 { font-family:Montserrat; text-align:center; font-size:75%; font-weight:400; padding:6px 10px 6px 10px;}
#article-kursplan-filter h2 { text-align:center; font-size:240%; line-height:1em; overflow:hidden; padding-bottom:4%; }
#article-kursplan-filter p { text-align:left; font-size:80%; padding-left:1%; float:left; margin-top:11px; }
#article-kursplan-filter .blue a { background:#0082bd;}
#article-kursplan-filter .Print { float:left; width:auto; height:26px; border:0px solid #fff; color:#1a1a1a;}
#title-txt-dark { width:100%; height:auto; padding:5% 0 8% 0; overflow:hidden; background:#191b1c;}
#title-txt-dark h2 { padding:0 24% .6% 24%; color:#ee7100;}
#title-txt-dark h6 { padding:0 24% 4% 24%; color:#ee7100;}
#title-txt-dark p { padding:0 14% 4% 14%; color:#ee7100; opacity:1;}
#title-txt-dark a { color:#fff; background:#ee7100; font-weight:500; text-transform:uppercase;}
#title-txt-dark a:hover { margin:1%; color:#ee7100; background:rgba(0,0,0,0); font-weight:500;}
#Video-on-demand { padding-top:4%;}
#article-video-5 { margin:0; padding:0; width:80%; height:auto; padding:0% 13.5% 0% 11.5%; overflow:hidden;}
#article-video-5 div { float:left; margin:.5% 0 .5% 0;}
#article-video-5 a:hover { background:#fff; opacity:.6;}
#article-video-5 .screen { width:18%; padding-right:1%;height:auto; float:left; background:#fff;}
#article-video-5 .screen img { width:100%; background:#fff;}
#article-video-5 h4 { font-family:Montserrat; text-align:left; font-size:90%; font-weight:400; padding:2px 0 2px 0;}
#article-video-5 p { font-family:Montserrat; text-align:left; font-size:70%; font-weight:400; padding:2px 0 2px 0;}
#article-video-5 h5 { position:absolute; margin-top:-110px; margin-left:6.2%; text-align:center; font-size:260%; color:#fff;}
#article-video-5 h1 { position:absolute; margin-top:-110px; margin-left:4.5%; text-align:center; font-size:150%; color:#fff;}
#article-video-5 h3 { text-align:left; font-size:110%;}
#Fitnesskurse { height:5.5%; width:8px; background:#1782bc; position:absolute; overflow:hidden;}
#Gesundheitskurse { height:5.5%; width:8px; background:#afca09; position:absolute; overflow:hidden;}
#Reha-Kurse { height:5.5%; width:8px; background:#d84e5e; position:absolute; overflow:hidden;}
#Dance-Kurse { height:5.5%; width:8px; background:#f8b21e; position:absolute; overflow:hidden;}
section#Kursanmeldung { width:100%; height:66%; padding:6% 0 0% 0; background:efefef;}
section#Kursanmeldung h4 { padding:.5% 25% 0% 25%; color:#666666;}
section#Kursanmeldung p { margin:1% 14% 0% 14%; }
section#Kursanmeldung ul { margin:0 24.5% 0 24.5%; width:50%; height:20%; list-style:none;}
section#Kursanmeldung li { width:48%; height:44px; float:left; text-decoration:none; text-align:left;}
section#Kursanmeldung li a { opacity:1; display:inline-block; padding:10% 0 0 5%; color:#666666; font-weight:300; font-size:100%;}
section#Kursanmeldung li a:hover { opacity:.5;}
section#Kursanmeldung li a.active { opacity:1; border-bottom: 4px solid #fff; height:1%;}
section#Kursanmeldung #item { margin:1%; color:#ee7100; outline:2px solid #ee7100;}
section#Kursanmeldung #item p { padding:0; margin:0; padding-top:8px; padding-left:20px; }
section#Kursanmeldung .DSGVO { margin:0 25.1% 0 25.1%; width:46%; height:12%; background:#fff; padding-top:1%; float:left;}
section#Kursanmeldung .DSGVO #item1 { width:8px; height:8px; background:#fff; outline:2px solid #666666; float:left; margin-right:2%; }
section#Kursanmeldung .Kundenkontaktdaten { margin-top:-7px; margin-left:22px; text-align:left; width:100%; font-size:80%;}
section#Kursanmeldung .btn { background:#ee7100; color:#fff; border:2px solid rgba(255,255,255,1); padding:1% 3% 1% 3%; margin-right:1%; font-size:76%; line-height:4em; font-weight:400; color:#fff; text-shadow:2px 2px 10px rgba(0,0,0,0.2);}
section#Kursanmeldung .btn:hover{ color:#ee7100; border:2px solid #ee7100; background:#fff;}
#article-teaser-white { width:100%; height:48%; padding:4% 13% 0 12%; background:#fff; overflow:hidden;}
#article-teaser-white .screen { margin:0; padding:0; text-align:left; width:38%; height:90%; float:left; background:#fff; box-shadow:0px 6px 12px rgba(0,0,0,.0); }
#article-teaser-white .screen h5 { margin:0 0 1% 10%; width:70%; }
#article-teaser-white .screen p { width:70%; padding:0 20% 0% 10%; background:#fff;}
#article-teaser-white .screen a { opacity:1; margin:0% 0% 0% 10%; color:#ee7100;}
#article-teaser-white .screen a:hover { color:#386bb0;}
#article-teaser-white .screen-img { margin:0; padding:0; padding-top:1%;text-align:left; width:38%; height:auto; float:left; background:rgba(255,255,255,0);}
#article-teaser-white .screen-img img { margin:0; padding:0; width:100%; height:auto; overflow:hidden; border:0px solid white; background:rgba(255,255,255,0); box-shadow:0px 6px 12px rgba(0,0,0,.08);}
#article-picture { width:100%; height:auto; padding:0 0 0 0; background:#fff; overflow:hidden;}
#article-picture img { width:100%; height:80%; }
#article-picture .screen { position:absolute; background:#fff; width:29%; float:right; text-align:left; padding:3% 6% 4% 4%; margin:12% 2% 6% 50%;}
.Kontakt { padding:12% 0 0 0; width:100%; height:100%; }
#article-3 { width:82.2%; height:62%; padding:4% 13% 4% 13%; background:#fff; overflow:hidden;}
#article-3 div { width:26%; height:auto; float:left; margin-right:6%;}
#article-3 h2 { width:89%; text-align:center; line-height:3em;}
#article-3 h5 { text-align:left;}
#article-3 h3 { text-align:left; font-size:110%; color:#3283b9;}
#article-3 p { text-align:left; width:94%; }
#article-3 a { opacity:1; text-align:left; width:92%;}
#article-3 a:hover { opacity:.8;}
#article-3 h4 { width:89%; text-align:left; font-size:112%; color:#1a1a1a; font-family: Montserrat; font-weight:500; line-height:1em; text-align:center;}
#article-3 img { }
#article-3a { width:82.2%; height:42%; padding:4% 13% 0% 13%; background:#fff; overflow:hidden;}
#article-3a div { width:26%; height:auto; float:left; margin-right:6%;}
#article-3a h2 { width:89%; text-align:center; line-height:3em;}
#article-3a h5 { text-align:left;}
#article-3a h3 { text-align:left; font-size:110%; color:#3283b9;}
#article-3a p { text-align:left; width:94%; }
#article-3a a { opacity:1; text-align:left; width:92%;}
#article-3a a:hover { opacity:.8;}
#article-3a h4 { width:89%; text-align:left; font-size:112%; color:#1a1a1a; font-family: Montserrat; font-weight:500; line-height:1em; text-align:center;}
.Rabatt { position:absolute; z-index:10000; margin-top:-110px; margin-left:-110px;}
#article-teaser-bg { width:100%; height:52%; padding:6% 0% 0% 0%; overflow:hidden; background:#efefef;}
#article-teaser-bg .screen { margin:0; padding:0; text-align:left; width:50%; height:auto; float:left; }
#article-teaser-bg .screen h5 { margin:10% 0 1% 8%; width:70%; text-align:left; }
#article-teaser-bg .screen p { margin-left:8%; width:70%; }
#article-teaser-bg .screen a { opacity:1; margin:0 0 0 8%; color:#ee7100;}
#article-teaser-bg .screen a:hover { color:#386bb0; }
#article-teaser-bg .screen img { margin:0; padding:0; width:100%;overflow:hidden; border:0px solid white; }
#article-teaser-4 { width:90%; height:auto; padding:0 5% 0% 5%; overflow:hidden; }
#article-teaser-4 div { float:left; margin:.5% 0 .5% 0; }
#article-teaser-4 a:hover { background:#fff; opacity:.6; }
#article-teaser-4 .screen { width:20%; padding-left:0; height:auto; float:left; background:#fff; margin:0; padding:0;}
#article-teaser-4 .screen img { width:72%; margin:0; padding:0;}
#article-teaser-4 h2 { width:89%; text-align:center; line-height:3em;}
#article-teaser-4 h5 { margin-left:0%; text-align:center; font-size:140%;}
#article-teaser-4 p {text-align:center; font-size:92%;}
#article-teaser-4 h1 { position:absolute; margin-top:-110px; margin-left:4.5%; text-align:center; font-size:150%; color:#fff;}
#article-teaser-4 h3 { text-align:left; font-size:110%;}
#article-kursplan-interactive { width:90%; height:auto; margin:2% 20% 0 9%; overflow:hidden;}
#article-kursplan-interactive div { float:left; margin-right:1%; padding:0; }
#article-kursplan-interactive .screen { width:160px; }
#article-kursplan-interactive h1 { font-family:Montserrat; text-align:center; font-size:80%; font-weight:400; padding:10px 0 10px 0;}
#article-kursplan-interactive a { width:100%; float:left; text-align:left; color:#fff; background:#fff; background:#333; border:1px solid #333;}
#article-kursplan-interactive a:hover { color:#807f7f; background:#fff; border:1px solid #807f7f; }
/* ->>> Kontakt <<<--------------------------------------------------------------------*/
section#kontakt { width:100%; height:auto; padding:10% 15% 0% 15%; text-align:left; background:#fff;}
section#kontakt h2 { font-size:200%; line-height:2.6em;}
section#kontakt a { font-size:1.1em; padding:2% 0 3% 0; color:#666;}
section#kontakt .screen { float:left; width:25%; height:100%; background:#fff; }
section#kontakt .screen h6 { padding:2% 0 6% 0; color:#666; }
section#kontakt .screen-1 { float:left; width:48%; height:800px;background:#fff; }
section#kontakt .screen-1 h6 { padding:1% 0 0% 0; line-height:1.4em; color:#666; height:auto;}
section#kontakt .screen-1 a { font-size:100%; color:#ee7100; }
section#kontakt .screen-1 p { padding-top:5%;font-size:100%; color:#888;}
/* ->>> Studioregeln <<<---------------------------------------------------------------------*/
#studioregeln h1 { padding:0% 24% 1.6% 10%; color:#333;}
/* ->>> Sitemap <<<---------------------------------------------------------------------*/
#Sitemap { width:100%; height:44%; padding:0 0 0 0; background:#252a2d; text-align:left; overflow:hidden;}
#Sitemap h4 { padding:1% 0 1% 0%; font-size:82%; font-weight:400; color:#eae8e9;}
#Sitemap p { color:#eae8e9; padding-left:10%;}
#Sitemap a { color:#eae8e9; padding-left:10%; font-size:78%;font-weight:300; }
#Sitemap hr { width:80%; color:#eae8e9; margin-left:10%;}
#Sitemap ul { padding-top:2%; padding-left:10%; width:83.5%; }
#Sitemap .sitemap li { float:left; width:16%; }
#Sitemap .sitemap p { padding:0.4%; font-size:78%; font-weight:300;}
#Sitemap .socialmedia { text-align:right;}
/* ->>> Footer <<<---------------------------------------------------------------------*/
section.footer { bottom:0; width:100%; height:.5%; padding:0.2% 0 1.6% 0%; background:#fff; overflow:hidden;}
section.footer div { float:left;}
section.footer .copyright { font-family:Montserrat; font-size:.72em; line-height:2.6em; font-weight:400; color:#666666; margin:0; padding:0; padding-left:.6%;}
section.footer .AGB { float:right; margin-right:1.2%; }
section.footer .AGB a { float:left; font-family:Montserrat;font-size:.68em; line-height:2.6em; font-weight:400; color:#666666;}
section.footer .AGB a:hover { opacity:.6;}
/* ->>> IMPRESSUM / DATENSCHUTZ <<<---------------------------------------------------------------------*/
section#Datenschutz, section#Impressum { width:100%; height:auto; padding:10% 0 0 0; overflow:hidden;text-align:left;}section#Datenschutz, section#Impressum, section#Impressum-FAQ { width:100%; height:auto; padding:10% 0 0 0; overflow:hidden;text-align:left;}
section#Impressum-FAQ { width:100%; height:auto; padding:0 0 0 0; overflow:hidden;text-align:left;}
section#Datenschutz h2, section#Impressum h2, section#Impressum-FAQ h2 { margin-left:15.8%; padding-bottom:1%; padding-top:2%; }
section#Datenschutz h5, section#Impressum h5, section#Impressum-FAQ h5 { margin-left:15.8%; font-weight:600; font-size:120%; font-family:Montserrat; margin:4% 22% .3% 15.8%;}
section#Datenschutz p, section#Impressum p, section#Impressum-FAQ p { margin:0% 22% 2% 15.8%; }
/* ----->>> RESPONSIVE MAX WIDTH <<<--------------------------------------------------------------- *//* . */
@media only screen and (min-width: 1220px) and (max-width: 1440px) {
nav #item { padding:1.8% 0 1% 3%; }
nav #item a { font-size:.88em; }
nav #Mitgliedschaft a { font-size:.88em; opacity:1; padding:5.5% 14% 5% 14%; color:#0dd3c9; background:rgba(255,255,255,0); border:2px solid #b5b5b5; text-shadow: rgba(0,0,0,.4) 0 0 1px; font-weight:500; }
section#slideshow { padding-top:60px; }
#article-teaser { height:38%; padding:2% 6% 0% 6%; }
}
@media only screen and (min-width: 1024px) and (max-width: 1220px) {
nav #item { margin-left:.2%; padding:1.8% 0 1.4% 2%;}
nav #item a { font-size:.8em; }
nav #Mitgliedschaft a { font-size:.8em; padding:3.5% 11% 3% 11%; }
section#slideshow { padding-top:55px; }
#article-teaser .screen { margin:0; padding:0; text-align:left; width:28%; height:auto; float:left; background:#fff; box-shadow:0px 6px 12px rgba(0,0,0,.08);}
#article-teaser { padding:2% 6% 0% 6%; height:300px; }
#article-teaser .screen-img { height:auto; width:600px;}
#article-teaser .screen h5 { font-size:1.4em; }
#article-teaser .screen p { font-size:.8em; width:80%; background:#fff;}
#article-teaser .screen a { opacity:1; padding:0% 0% 0% 10%; color:#ee7100; font-size:80%;}
#article-training-4 h1 { font-size:80%; font-weight:300;}
}
@media only screen and (min-width: 0px) and (max-width: 1024px) {
nav #item { margin-left:.2%; padding:1.8% 0 1.4% 1.6%;}
nav #item a { font-size:.7em; }
nav #Mitgliedschaft a { font-size:.7em; padding:3.5% 11% 3% 11%; }
section#slideshow { padding-top:50px; }
#article-teaser .screen { margin:0; padding:0; text-align:left; width:28%; height:auto; float:left; background:#fff; box-shadow:0px 6px 12px rgba(0,0,0,.08);}
#article-teaser { padding:2% 0% 0% 0%; height:300px; }
#article-teaser .screen-img { height:auto; width:550px;}
#article-teaser .screen h5 { font-size:1.2em; }
#article-teaser .screen p { font-size:.75em; width:80%; background:#fff;}
#article-teaser .screen a { opacity:1; padding:0% 0% 0% 10%; color:#ee7100; font-size:75%;}
#article-training-4 h1 { font-size:80%; font-weight:300;}
}