*{ margin:0; padding:0; font-family:Georgia, "Times New Roman", Times, serif; }html, body{ height:100%; }body{ font-size:18px; color:#3B423B; background:#FFF; }@media all and (max-device-width:1280px) and (orientation:landscape){ body { font-size:120%; }} @media all and (max-device-width:980px) and(orientation:portrait){ body { font-size:120%; }}section, header, article, footer{ 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:#ffa000; text-decoration:none;-webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -o-transition:all 0.5s linear; transition:all 0.5s linear; }a:visited{ color:#9575cd; text-decoration:none; }a:hover{ color:#9575cd; text-decoration:none; }table{ border-spacing:0; }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; }.base64 *{ display:none; }.transition{ -webkit-transition:all 1.5s linear; -moz-transition:all 1.5slinear; -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; border:2px solid #FFF; box-sizing:border-box; }.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:300px; height:200px; margin-right:1px; }.zpreise{ width:90%; margin:50px auto 0 auto; border-spacing:0;border-collapse:collapse; }.zpreise td{ padding:35px 20px; border:1px solid #FFF; text-align:center;vertical-align:middle; font-size:80%; font-family:Arial, Helvetica, sans-serif; }.zpreise td.header{ background:#f5f5f5; }.zpreise td.title{ background:#f5f5f5; }.zpreise td.td1{ text-align:left; }.zpreise td.td2{ width:19%; }.zpreise td.td3{ width:19%; }.zpreise td.td4{ width:19%; }.zpreise td.td5{ width:19%; }@media (max-width:1024px){.zpreise{ width:100%; }.zpreise td{ padding:35px 0; }.zpreise td.td1{ text-align:center; }}.veranstaltungen{ width:100%; margin:0 auto; border-spacing:10px; }.veranstaltungen td{ padding:25px 5px; border:1px solid #EEE; font-size:90%;vertical-align:top; }.veranstaltungen td.date{ width:20%; }.veranstaltungen td.text{ text-align:left; }.box-50-50{ width:49.98%; margin-bottom:1px; float:left; }.box-50-50 .inhalt{ overflow:hidden; }.box-50-50 .inhalt*{ margin:0; padding:0; font-size:85%; }.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 .inhaltimg{ 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{ padding:45px 20px 35px 20px; box-sizing:border-box;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:#CCC; font-size:80%;text-transform:uppercase; text-decoration:none; }.navi2 .menu{ display:none; width:30%; float:right; text-align:right;color:#CCC; 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:#CCC; font-size:75%;text-transform:uppercase; text-decoration:none; }.navi2 .links a.active{ color:#FFF; border-radius:4px; background:#d84315; }.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; }}@media (orientation:portrait){.navi2{ width:100%; }}@media (orientation:landscape){.navi2{ width:100%; }}section{ }section .main{ width:96%; max-width:1160px; margin:0 auto; padding:25px 0 45px 0;text-align:center; overflow:hidden; }section .main .sublinks{ margin:0 auto 15px auto; padding:15px 8px 6px 8px; border-top:2px solid#D9D5CC; }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; background:#b0bec5; font-family:Arial, Helvetica,sans-serif; }section .main .sublinks button.active{ color:#FFF; background:#CCB9B2; }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/banner2.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 table{ height:100%; width:100%; margin:0 auto; }section.home .main td{ text-align:center; vertical-align:middle; }section.home .main td .box{ width:60%; max-width:900px; margin:0 auto; padding:45px; border-radius:12px;-moz-border-radius:12px; -webkit-border-radius:12px; background:rgba(255,255,255,.4); }section.home .main td .box .hallo{ display:block; margin-bottom:35px; padding-bottom:5px; color:#292E29;font-size:180%; font-weight:bold; border-bottom:1px solid #FFF; }section.home .main td .box .status{ display:block; text-align:center; }section.home .main td .box .status span{ display:block; max-width:500px; margin:0 auto; padding:15px 50px; color:#FFF;font-size:120%; letter-spacing:2px; text-transform:uppercase; border:2px solid #FFF; }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() 50% 65px no-repeat; }section.ID1 .main{ padding-top:75px; }section.ID2{ background:url() 50% 65px no-repeat; }section.ID2 .main{ padding-top:35px; }section.ID3{ background:url() 50% 65px no-repeat; }section.ID3 .main{ padding-top:35px; padding-bottom:85px; }section.ID4{ background:url() 50% 55px no-repeat; }section.ID4 .main{ padding-top:125px; }section.contact{ height:auto; margin-top:65px; border:0; background:#292B2Aurl(../gfx/bg.kontakt.png) 50% 65px no-repeat; }section.contact .main{ padding:125px 0 45px 0; color:#BFBCB5; }section.contact .main .sublinks{ border-top:2px solid #666; }section.contact .main .sublinks button{ background:#505659; }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:85px; }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; 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; }}.parallax{ height:80%; border-top:25px solid #EEE; border-bottom:25pxsolid #EEE; }.parallax table{ height:100%; margin:0 auto; }.parallax td{ text-align:center; vertical-align:middle; }.parallax td span{ display:block; padding:35px 65px; font-size:380%;text-transform:uppercase; letter-spacing:3px; border:5px solid #FFF; }#parallaxID1{ background:#EEE url(../gfx/parallax1-2.jpg) 50% 50% no-repeat;background-size:cover; }#parallaxID1 td span{ color:#FFF; }#parallaxID2{ height:320px; background:#EEE url(../gfx/parallax2.jpg) 50% 60%no-repeat; background-size:cover; }#parallaxID2 td span{ color:#FFF; }#parallaxID3{ background:#EEE url(../gfx/parallax3.jpg) 50% 100% no-repeat;background-size:cover; }#parallaxID3 td span{ color:#FFF; }@media (min-width:1280px){#parallaxID1{ background-attachment:fixed; }#parallaxID2{ background-attachment:fixed; }#parallaxID3{ background-attachment:fixed; }}#footer1{ background:#292B2A; }#footer2{ padding:25px 0; text-align:center; }#footer2 *{ color:#888; }#footer2 .copyright{ margin-bottom:25px; letter-spacing:1.5px;background:url(../gfx/bg.copyright.png) 0 50% repeat-x; }#footer2 .copyright *{ }#footer2 .copyright span{ padding:0 15px; background:#292B2A; }#footer2 .copyright strong{ font-size:85%; }#footer2 .rights{ font-size:85%; }#footer2 .rights a{ }#footer2 .rights span{ padding:0 8px; }