*{ margin:0; padding:0; font-family:Georgia, "Times New Roman", Times, serif; }html, body{ height:100%; }body{ font-size:18px; color:#BFBCB5; background:#151517 url(../gfx/bg.body.jpg); }@media screen and (max-device-width:1280px) and (orientation:landscape){ body { font-size:120%; }} @media screen and (max-device-width:980px) and (orientation:portrait){ body { font-size:120%; }}section, header, article{ display:block; }h1, h2, h3, h4, h5, h6{ margin:0 0 25px 0; line-height:150%; }h1{ font-size:200%; font-weight:normal; text-transform:uppercase; padding-bottom:12px; background:url(../gfx/bg.h1.png) 50% 100% no-repeat; }h2{ font-size:160%; font-weight:normal; }h3{ font-size:150%; }h4{ font-size:140%; }h5{ font-size:120%; }h6{ font-size:110%; }p{ margin-bottom:25px; line-height:150%; }@media (max-width:1024px){h1{ font-size:180%; }h2{ font-size:160%; }h3{ font-size:140%; }h4{ font-size:120%; }h5{ font-size:110%; }h6{ font-size:80%; }}a:link{ color:#00b0ff; text-decoration:none; }a:visited{ color:#9B59B6; text-decoration:none; }a:hover{ color:#549AFF; text-decoration:underline; }table{ }th{ vertical-align:top; text-align:left; }td{ vertical-align:top; }ul{ margin:10px 0 45px 35px; }li{ margin:0 0 4px 0; padding:0 0 0 10px; }img{ max-width:100%; width:auto;height:auto; border:none; }img.filter{ opacity:0.6; filter:alpha(opacity=60); -webkit-filter:grayscale(0.9); filter:grayscale(0.9); -webkit-transition:all 1s linear; -moz-transition:all 1s linear; -o-transition:all 1s linear; transition:all 1s linear; }img.filter:hover{ opacity:1.0; filter:alpha(opacity=100); -webkit-filter:grayscale(0); filter:grayscale(0); }.meta{ display:none; }.cfix{ display:block; height:1px; font-size:1px; clear:both; float:none; }.rund{ border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; }.first{ margin-top:0; }.transition{ -webkit-transition:all 1.5s linear; -moz-transition:all 1.5s linear; -o-transition:all 1.5s linear; transition:all 1.5s linear; }.galerie{ }.galerie .active{ position:relative; width:40%; float:left; }.galerie .active img{ margin-bottom:-3px; padding:1px; border:10px solid #505950; box-sizing:border-box; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; }.galerie .active div{ position:absolute; left:5%; bottom:15px; right:5%; z-index:300; padding:8px 25px; font-size:80%; text-align:center; color:#242824; background:rgba(255,255,255,.7); }.galerie .thumbs{ width:54%; float:right; text-align:left; }.galerie .thumbs img{ max-width:120px; cursor:pointer; }@media (max-width:1024px){.galerie .active{ width:100%; float:none; margin-bottom:45px; }.galerie .active img{ border:none; }.galerie .active div{ font-size:100%; }.galerie .thumbs{ width:100%; float:none; text-align:center; }}.simply-scroll-container{ position:relative; margin-top:45px; }.simply-scroll-clip{ position:relative; overflow:hidden; }.simply-scroll-list{ margin:0; padding:0; overflow:hidden; list-style:none; }.simply-scroll-list li{ margin:0; padding:0; list-style:none; }.simply-scroll-list li img{ border:none; display:block; }.simply-scroll{ }.simply-scroll .simply-scroll-clip{ }.simply-scroll .simply-scroll-list li{ float:left; width:290px; height:160px; margin-right:1px; }.box-50-50{ width:49.98%; margin-bottom:1px; float:left; }.box-50-50 .inhalt{ overflow:hidden; }.box-50-50 .inhalt	*{ font-size:16px; }.box-50-50 .inhalt-left{ margin:0 2.5% 5px 0; }.box-50-50 .inhalt-right{ margin:0 0 5px 2.5%; }.box-33-33-33{ width:33.3%; margin-bottom:1px; float:left; }.box-33-33-33 .inhalt{ overflow:hidden; }.box-33-33-33 .inhalt	*{ margin:0; padding:0; font-size:85%; }.box-33-33-33 .inhalt	img{ width:100%; margin-bottom:-3px; }.box-33-33-33 .inhalt-left{ margin:0 1.25% 5px 0; }.box-33-33-33 .inhalt-center{ margin:0 1.25% 5px 1.25%; }.box-33-33-33 .inhalt-right{ margin:0 0 5px 1.25%; }.box-25-25-25-25{ width:24.98%; margin-bottom:1px; float:left; }.box-25-25-25-25 .inhalt{ overflow:hidden; }.box-25-25-25-25 .inhalt	*{ margin:0; padding:0; font-size:85%; }.box-25-25-25-25 .inhalt-left{ margin:0 1.5% 5px 0; }.box-25-25-25-25 .inhalt-center-left{ margin:0 1.5% 5px 1.5%; }.box-25-25-25-25 .inhalt-center-right{ margin:0 1.5% 5px 1.5%; }.box-25-25-25-25 .inhalt-right{ margin:0 0 5px 1.5%; }.box-75-25{ text-align:left; }.box-75-25 *{ margin:0; padding:0; }.box-75-25 .left{ width:74%; margin-bottom:5px; padding:10px; float:left; box-sizing:border-box; overflow:hidden; background:#F5F6F6; }.box-75-25 .left *{ font-size:85%;}.box-75-25 .right{ width:24%; margin-bottom:5px; padding:10px; float:right; box-sizing:border-box; overflow:hidden; background:#F5F6F6; }.box-75-25 .right *{ font-size:85%; }.box-25-75{ text-align:left; }.box-25-75 *{ margin:0; padding:0; }.box-25-75 .left{ width:24%; margin-bottom:5px; padding:10px; float:left; box-sizing:border-box; overflow:hidden; background:#F5F6F6; }.box-25-75 .left *{ font-size:85%;}.box-25-75 .right{ width:74%; margin-bottom:5px; padding:10px; float:right; box-sizing:border-box; overflow:hidden; background:#F5F6F6; }.box-25-75 .right *{ font-size:85%; }.trenner{ display:block; height:50px; clear:both; float:none; }@media (max-width:640px){.box-50-50{ width:100%; float:none; }.box-50-50 .inhalt{ }.box-50-50 .inhalt-left{ margin:0 0 25px 0; }.box-50-50 .inhalt-right{ margin:0 0 25px 0; }.box-33-33-33{ width:100%; float:none; }.box-33-33-33 .inhalt{ }.box-33-33-33 .inhalt-left{ margin:0 0 25px 0; }.box-33-33-33 .inhalt-center{ margin:0 0 25px 0; }.box-33-33-33 .inhalt-right{ margin:0 0 25px 0; }.box-25-25-25-25{ width:100%; float:none; }.box-25-25-25-25 .inhalt{ }.box-25-25-25-25 .inhalt-left{ margin:0 0 25px 0; }.box-25-25-25-25 .inhalt-center-left{ margin:0 0 25px 0; }.box-25-25-25-25 .inhalt-center-right{ margin:0 0 25px 0; }.box-25-25-25-25 .inhalt-right{ margin:0 0 25px 0; }.box-75-25{ }.box-75-25 .left{ width:100%; margin-bottom:25px; float:none; }.box-75-25 .right{ width:100%; margin-bottom:25px; float:none; }.box-25-75{ }.box-25-75 .left{ width:100%; margin-bottom:25px; float:none; }.box-25-75 .right{ width:100%; margin-bottom:25px; float:none; }.trenner{ height:1px; }}.navi1{ position:fixed; left:0; top:0; right:0; z-index:900; }.navi2{ width:100%; padding:45px 20px 35px 20px; box-sizing:border-box; background:#000; background:rgba(0,0,0,.6); }.navi2 *{ margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; }.navi2 .logo{ width:30%; float:left; text-align:left; }.navi2 .logo a{ padding:3px 0; letter-spacing:1px; color:#EEE; font-size:80%; text-transform:uppercase; text-decoration:none; }.navi2 .menu{ display:none; width:30%; float:right; text-align:right; color:#EEE; cursor:pointer; }.navi2 .menu table{ margin:0 0 0 auto; }.navi2 .menu td{ vertical-align:middle; }.navi2 .menu td.line{ padding-right:10px; line-height:4px; font-weight:bold; }.navi2 .menu td.text{ letter-spacing:1.5px; }.navi2 .trenner{ display:none; }.navi2 .links{ width:70%; float:right; text-align:right; }.navi2 .links a{ padding:3px 6px; color:#EEE; font-size:75%; text-transform:uppercase; text-decoration:none; }.navi2 .links a.active{ color:#FFF; border-radius:4px; background:#ff5542; }.navi2 .links a:hover{ }.navi2 .links a.first{ }.navi2 .links span{ color:#C5C5C5; padding:0; }.navi1-fixed{ }.navi1-fixed .navi2{ padding:20px 20px 10px 20px; }.navi1-fixed .navi2 .logo a{ }.navi1-fixed .navi2 .links a{ }.navi1-fixed .navi2 .links span{ }@media (max-width:1024px){.navi1{ }.navi2{ padding:20px 20px 10px 20px; }.navi2 .logo{ width:70%; }.navi2 .logo a{ font-size:90%; }.navi2 .menu{ display:block; }.navi2 .trenner{ display:block; height:1px; font-size:1px; clear:both; float:none; }.navi2 .links{ display:none; width:100%; margin-top:15px; float:none; text-align:left; }.navi2 .links a{ display:block; padding:6px 0 6px 6px; line-height:normal; font-size:90%; }.navi2 .links a.active{ }.navi2 .links a:hover{ }.navi2 .links span{ display:none; }}section{ }section .main{ width:96%; max-width:1160px; margin:0 auto; padding:45px 0; text-align:center; overflow:hidden; }section .main .sublinks{ margin:0 auto 15px auto; padding:15px 8px 6px 8px; border-top:1px solid #555; }section .main .sublinks button{ margin:0 4px 5px 4px; padding:6px 10px; color:#FFF; font-size:70%; text-transform:uppercase; border:0; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; font-family:Arial, Helvetica, sans-serif; background:#57B580; }section .main .sublinks button.active{ color:#FFF; background:#d97f43; }section .main .sublinks button:hover{ cursor:pointer; }section .main .sublinks button.first{ }section .main .content{ }@media (max-width:640px){section .main .sublinks{ }section .main .sublinks button{ width:100%; margin:0 auto 3px auto; padding:15px 5px; border:none; font-size:90%; }}section.home{ height:100%; background:#292B2A url(../gfx/banner.jpg) 50% 50% no-repeat; background-size:cover; }section.home .main{ position:relative; width:100%; max-width:none; height:100%; margin:0; padding:0; overflow:hidden; }section.home .main #time{ position:absolute; left:0; bottom:0; right:0; z-index:300; padding:8px 25px; text-align:center; color:#CCC; font-size:75%; text-transform:uppercase; background:rgba(0,0,0,.6); font-family:Arial, Helvetica, sans-serif; }section.ID1{ background:url(../gfx/bg.hotel.png) 50% 65px no-repeat; }section.ID1 .main{ padding-top:125px; }section.ID2{ background:url(../gfx/bg.gastronomie.png) 50% 0 no-repeat; }section.ID2 .main{ padding-top:65px; }section.ID3{ background:url(../gfx/bg.freizeit.png) 50% 0 no-repeat; }section.ID3 .main{ padding-top:65px; padding-bottom:85px; }section.contact{ height:auto; border:0; background:url(../gfx/bg.kontakt.png) 50% 0 no-repeat; }section.contact .main{ padding:65px 0 45px 0; color:#BFBCB5; }section.contact .main .maps{ width:55%; float:left; }section.contact .main .adresse{ width:35%; float:right; text-align:left; }section.contact .main .adresse p{ font-size:16px; }section.contact .main .adresse a{ }section.contact .main .icons{ margin-top:45px; }section.contact .main .icons table{ width:100%; margin:0 auto; }section.contact .main .icons td{ width:25%; }section.contact .main .icons td a{ display:block; padding:10px 20px; text-decoration:none; color:#BFBCB5; font-size:80%; font-weight:bold; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; font-family:Arial, Helvetica, sans-serif; }section.contact .main .icons td a.mail{ border:1px solid #E67E22; }section.contact .main .icons td a.phone{ border:1px solid #2ECC71; }section.contact .main .icons td a.gps{ border:1px solid #3498DB; }section.contact .main .icons td a.vcard{ border:1px solid #E74C3C; }@media (max-width:1024px){section.contact .main{ }section.contact .main .maps{ width:100%; margin-bottom:65px; float:none; }section.contact .main .adresse{ width:100%; float:none; text-align:center; }section.contact .main .adresse h6{ font-size:140%; }}section.extern{ min-height:none; color:#555; background:#FFF; }section.extern .main{ max-width:90%; margin:0 auto; padding-top:145px; text-align:left; background:none; }section.extern .main *{ font-weight:normal; }section.extern .main h1{ padding-bottom:0; font-size:180%; background:none; }section.extern .main .logo{ position:fixed; left:0; top:0; right:0; padding:35px 25px 25px 25px; z-index:900; text-align:center; border-bottom:1px solid #EEE; background:#FFF; }section.extern .main .logo a{ font-size:140%; text-decoration:none; color:#0081FF; }@media (max-width:1024px){section.extern .main .logo{ text-align:center; }}#footer1{ }#footer2{ padding:25px 0; text-align:center; }#footer2 *{ color:#888; text-transform:uppercase; }#footer2 .copyright{ margin-bottom:25px; letter-spacing:2.5px; word-spacing:1.5px; background:url(../gfx/bg.copyright.png) 0 50% repeat-x; }#footer2 .copyright *{ }#footer2 .copyright span{ padding:5px 15px; font-size:11px; background:url(../gfx/bg.body.jpg); }#footer2 .rights{ }#footer2 .rights a{ font-size:85%; letter-spacing:2.5px; }#footer2 .rights span{ padding:0 8px; }