header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px} #colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center} /* NUUNNAV CSS*/ .nuunnavbutton {display: none; width: 38px; background: initial; padding: 0; height: 30px; box-sizing: border-box; border-radius: 0; cursor: pointer; position: fixed; z-index: 2500; top: 69px; right: 2%;} .nuunnavbutton .navline {height: 3px; width: 100%; box-sizing: border-box; margin-bottom: 7px; border-radius: 5px; background: #00164C; opacity: 1; transition: transform 0.3s ease, opacity 0.3s ease, background 0.3s ease;} .nuunnavbutton.up .navline {background: #00164C;} .nuunnavbutton .navline:last-of-type {margin-bottom: 0;} .nuunnavbutton .navline.mid {opacity: 1;} .nuunnavbutton .navline.top {transform: rotate(0); transform-origin: top right;} .nuunnavbutton .navline.bot {transform: rotate(0); transform-origin: bottom right;} .nuunnavbutton:before {content: "NAVGATION"; position: absolute; bottom: 5px; right: 120%; display: block; font-size: 2.1rem; text-transform: uppercase; color: #000;} .nuunnavbutton.crossed .navline.top {transform: rotate(-45deg) translateY(-1px) translateX(0px); background: #00164C;} .nuunnavbutton.crossed .navline.mid {opacity: 0;} .nuunnavbutton.crossed .navline.bot {margin-left: 0; width: 100%; transform: rotate(-135deg) translateY(-1px) translateX(35px); background: #00164C;} #nuunnav {display: none; padding-top: 0px; padding-bottom: 50px; position: fixed; overflow-y: auto; top: 0; width: 100%; max-width: 500px; border-top: 8px solid #00783c; background: #faf9f2; height: 100vh; z-index: 2000; box-sizing: border-box; transition:right 0.4s ease, box-shadow 0.3s ease;} #nuunnav.open {right: 0 !important; box-shadow: 0px 0px 20px rgba(0,0,0,0.1);} #nuunnav .inside {padding: 0 5% 30px 5%;} #nuunnav .logo {margin-left: 0%;} #nuunnav .logo img {width: 119px;} #nuunnav .mod_navigation {margin-top: 20px; margin-bottom: 20px; display: inline-block; width: 100%; position: relative; overflow: hidden;} #nuunnav li a {font-family: 'CabinBold'; color: #301811; text-decoration: none; padding-bottom: 20px; background-position: bottom left; transition: background 0.3s ease;} #nuunnav ul.level_1 > li > a.active, #nuunnav ul.level_1 > li > a.trail, #nuunnav ul.level_1 > li > a:hover {background: url(../../files/data/graphics/nav-bg-line.svg) no-repeat; background-position: bottom left;} #nuunnav li a.active {color: #00783c; font-family: 'CabinBold'; text-decoration: none;} #nuunnav li a:hover {color: #00783c;} #nuunnav ul {list-style: none; padding-left: 0; margin-bottom: 0; display: block; width: 100%;} #nuunnav ul.level_1 {margin: 0;} #nuunnav ul.level_1 > li {display: inline-block; width: 100%;} #nuunnav ul.level_1 > li > a {display: inline-block; font-size: 2.4rem; float: left; clear: left; margin: 0; padding: 15px 0 5px 0px; width: calc(100% - 55px);} #nuunnav ul.level_1 > li.submenu > a {width: auto; margin-right: 0px; float: left; clear: left;} #nuunnav ul li.submenu .subtoggler {width: 50px; height: 49px; position: relative; top:3px; display: flex; align-items: center; justify-content: center; float: left; cursor: pointer; background: initial;} #nuunnav ul.level_2 li.submenu .subtoggler {height: 34px;} #nuunnav ul li.submenu .subtoggler .subtoggline1 {opacity: 1; width: 18px; height: 2px; background: #301811;} #nuunnav ul li.submenu .subtoggler .subtoggline2 {opacity: 1; width: 18px; height: 2px; background: #301811; position: absolute; transform: rotate(90deg); transition: transform 0.3s ease;} #nuunnav ul li.submenu .subtoggler.down .subtoggline2 {transform: rotate(0deg);} #nuunnav ul.level_2 {display: none; visibility: visible; padding-bottom: 30px;} #nuunnav ul.level_2 > li > a {font-family: 'CabinRegular'; display: inline-block; font-size: 2rem; float: left; clear: left; padding: 3px 0 3px 0px;} #nuunnav ul.level_2 li a.active {color: #00783c; font-family: 'CabinRegular'; text-decoration: none;} #nuunnav ul.level_2 li a:hover {color: #00783c;} #nuunnav ul.level_2 li.last {padding-bottom: 15px; display: inline-block; width: 100%;} #nuunnav ul.level_3 {display: none; visibility: visible;} #nuunnav ul.level_3 > li > a {font-family: 'CabinBold'; display: inline-block; text-transform: none; font-size: 2rem; float: left; clear: left; padding: 5px 0 5px 20px;} #nuunnav ul.level_3 li a.active {color: #000; font-family: 'CabinBold'; text-decoration: underline;} #nuunnav ul.level_3 li a:hover {color: #000;} #nuunnav ul.level_4 {display: none;} #nuunnav ul.level_4 > li > a {display: inline-block; text-transform: none; font-size: 1.5rem; float: left; clear: left; padding: 5px 0 5px 15px;} #nuunnav ul.level_4 li a.active {color: #000; font-family: 'CabinBold'; text-decoration: underline;} #nuunnav ul.level_4 li a:hover {color: #000;} @media screen and (max-width: 979px) { .nuunnavbutton {display: block;} #nuunnav {display: block;} } /*************************************************************/ /* Design: BLUMEN-NUETZI.CH */ /* File: screen.css */ /*-----------------------------------------------------------*/ /* Autor: Reto Bühler, www.nuun.ch */ /* Datum: Dezember 2016 */ /* Site: wwww.blumen-nuetzi.ch */ /*************************************************************/ /*************************************************************/ /* LAYOUT */ /*************************************************************/ /* GLOBAL */ /*************************************************************/ html, body {height:100%; width:100%; font: 62.5% 'CabinRegular', Arial, Verdana, Helvetica, sans-serif; color:#faf9f2; letter-spacing:0em;} body {font-size:16px; font-size:1.6rem; background:#301811;} .mm-page {height:auto !important; min-height:100%; height:100%; position:relative; width:100%; padding:0; margin:0 auto; font-size:2.0rem; line-height:2.5rem;} * html .mm-page {height:100%;} body #preloader {display: none;} body.home #preloader {position: fixed; display: block; left: 0; top: 0; z-index: 1500; width: 100%; height: 100%; overflow: visible; background: #fff url('../../files/data/graphics/ripple.gif') no-repeat center center;} a {color: #00783c;} .custom {position:fixed; bottom:0; right:0;} /* HEADER (INCLUDING ARTICLES/LOGO/ELEMENTS */ /*************************************************************/ /*DEFAULT*/ #header {height:194px; width:100%; position:relative; z-index:1200; margin:0; padding:0; font-size:1.4rem; line-height:1.9rem; overflow:visible; background:#faf9f2;} #header .inside {height:186px; width:100%; border-top:8px solid #00783c;} #header .inside .content {position:relative; height:186px; width:1120px; padding:0 10px; margin:0 auto;} #logo {position:absolute; top:30px; left:10px; z-index:800; float:left;} .agentur {position:absolute; bottom:32px; right:12px;} /*************************************************************/ table.oeffnungszeiten {width: 100%; margin-top: 12px; margin-bottom: 0; padding: 0;} table.oeffnungszeiten td.first {width:22%;} table.oeffnungszeiten td.last {width:78%;} .textklein {font-size:1.5rem; line-height:2.0rem;} /* CONTAINER (INCLUDING ARTICLES/LEFT/MAIN/RIGHT */ /*************************************************************/ /*DEFAULT*/ #container {position:relative; width:100%; margin:0 auto; padding:0; z-index:500;} * html #container {height:50px;} #main {position:relative; width:100%; margin:0 auto; padding:0; z-index:500; text-align:center; float:left;} #main .inside {position:relative; display:block; margin:0; padding:0 0 40px 0; width:100%;} #container #main .mod_article {position:relative; width:100%; margin:0; padding:0 0 70px 0; z-index:500; float:left;} #container #main .mod_article.lightbrown {position:relative; background-color:#4e3933; padding:0; width:100%; float:left;} #container #main .mod_article.green {background-color:#00783c; padding:0;} #container #main .mod_article.green .rs-columns {margin: 60px auto;} #container #main .mod_article .mod_article_inside {position:relative; width:1120px; margin:0 auto; padding:0 10px; z-index:500;} #container #main .mod_article.gesamtbreite {position:relative; width:100%; margin:0; padding:0 0 24px 0; z-index:500; float:left;} #container #main .mod_article.gesamtbreite .mod_article_inside {position:relative; width:100%; margin:0 auto; padding:0; z-index:500;} /*HOME*/ /*************************************************************/ .ce_caroufredsel {width:auto; max-height:300px; margin:0 auto; padding:0 0 0 0; position:relative;} .ce_caroufredsel_gallery {width:100%; max-height:300px; margin:0 auto 0 auto; padding:0 0 0 0; position:relative;} .caroufredsel_gallery {float:left; width:100%; max-height:300px;} body.home .ce_caroufredsel {width:auto; max-height:600px; margin:0 auto; padding:0 0 0 0; position:relative;} body.home .ce_caroufredsel_gallery {width:100%; max-height:600px; margin:0 auto 0 auto; padding:0 0 0 0; position:relative;} body.home .caroufredsel_gallery {float:left; width:100%; max-height:600px;} .caroufredsel_gallery .image_container img {float:left !important; width:100% !important; height:auto !important; margin-top:0; transition: all 0.2s;} .caroufredsel_wrapper {width:auto !important;} .caroufredsel_pagi {position:absolute; bottom:12px; width:100%; z-index:1000;} .caroufredsel_pagi a span {display:none;} .caroufredsel_pagi a {width:22px; height:32px; margin:0 4px; display:inline-block; background-position:center top; background-repeat:no-repeat; background-image: url('../../files/data/graphics/ico-sliderbullet.svg');} .caroufredsel_pagi a.selected, .caroufredsel_pagi a:hover {width:22px; height:32px; margin:0 4px; display:inline-block; background-position:center top; background-repeat:no-repeat; background-image: url('../../files/data/graphics/ico-sliderbullet-green.svg');} .content-swiper {width:auto; max-height:300px; margin:0 auto; padding:0 0 0 0; position:relative;} .content-swiper .swiper {width:100%; max-height:300px; margin:0 auto 0 auto; padding:0 0 0 0; position:relative;} body.home .content-swiper {width:auto; max-height:600px; margin:0 auto; padding:0 0 0 0; position:relative;} body.home .content-swiper .swiper {width:100%; max-height:600px; margin:0 auto 0 auto; padding:0 0 0 0; position:relative;} body #container .content-swiper .content-image {padding: 0; height:100%;} body #container .content-swiper figure {padding: 0; height:100%;} body #container .content-swiper figure img {float:left !important; width:100% !important; height:600px !important; object-fit: cover; margin-top:0;} .content-swiper .swiper-button-prev {display: none;} .content-swiper .swiper-button-next {display: none;} .caroufredsel_wrapper {width:auto !important;} .swiper-pagination {position:absolute; bottom:12px; width:100%; z-index:1000;} .swiper-pagination .swiper-pagination-bullet {opacity: 1; background: initial; width:22px; height:32px; margin:0 4px; display:inline-block; background-position:center top; background-repeat:no-repeat; background-image: url('../../files/data/graphics/ico-sliderbullet.svg');} .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, .swiper-pagination .swiper-pagination-bullet:hover {width:22px; height:32px; margin:0 4px; display:inline-block; background-position:center top; background-repeat:no-repeat; background-image: url('../../files/data/graphics/ico-sliderbullet-green.svg');} /* FOOTER (INCLUDING ARTICLES/SECTIONS/ELEMENTS */ /*************************************************************/ /*DEFAULT*/ body.safari #footer {margin-top: 0px;} #footer {width:100%; height:440px; padding:0; position:relative; z-index:1200; margin-top: -440px; margin-left:auto; margin-right:auto; display:block; clear:both; color:#faf9f2; z-index:600;} #footer .inside {position:relative; width:100%; height:440px; display:block; margin:0 auto; padding:0; clear:both;} #footer .inside .contentarea {position:relative; width:1140px; height:440px; display:block; margin:0 auto; padding:0;} #footer .inside .contentarea .content {position:relative; width:1120px; height:370px; display:block; margin:0 auto; padding:70px 10px 0 10px; font-family: 'CabinRegular'; font-size:1.5rem; line-height:2.0rem; float:left;} #footer .inside .content .footer_address {position:absolute; z-index: 100; left:0; bottom:60px; width:50%; margin:0; padding:0; text-align:left; float:left; color:#fff;} #footer .inside .content .footer_directlinks {position:absolute; z-index: 100; right:0; bottom:60px; width:50%; margin:0; padding:0; text-align:left; float:left; color:#82807e;} #footer .inside .content .footer_directlinks ul {position:relative; padding-top:16px; display:block; float:right; clear:both;} #footer .inside .content .footer_directlinks ul li {display:inline; background:url(../../files/data/graphics/bg-text-divider.svg) right 2px no-repeat; padding:0 11px 0 0; margin:0 6px 0 0;} #footer .inside .content .footer_directlinks ul li.last {background:none; padding:0; margin:0;} #footer .inside .content .footer_directlinks .content-image {position:relative; width:29px; margin:0 0 0 18px; text-align:right; float:right;} #footer .inside .content .footer_directlinks .content-image a img {-webkit-transition:all 0.2s ease; transition:all 0.2s ease} #footer .inside .content .footer_directlinks .content-image a:hover img {transition-delay:0s; -webkit-transform:scale(1.3); transform:scale(1.3); opacity:1; -webkit-filter:} .endcontent {height:440px; width:100%; display:block; position:relative; z-index:300;} /*************************************************************/ /*************************************************************/ /* NAVIGATION */ /*************************************************************/ #header .navigation {position:absolute; top:0; right:10px; text-transform:uppercase; padding:76px 0 0 0; margin:0; z-index:1500; overflow:visible; font-family: 'CabinBold';} #header .navigation ul {padding:0; margin:0; float:left; text-align: center; font-size:1.7rem; line-height:2.2rem; letter-spacing:0.05em; text-transform:uppercase; font-weight:normal;} #header .navigation li {display:block; float:left; padding:0; margin:0 44px 0 0; position:relative; text-align:center; z-index:1; transition: all 0.2s;} #header .navigation li:last-of-type {margin:0 0 0 0;} #header .navigation li:hover {z-index:2;} #header .navigation li a {color:#301811; float:left; text-align:left; margin:0; padding:30px 0 58px 0; text-decoration:none; background:none; background-position:center top; overflow:hidden; transition: all 0.2s;} #header .navigation li a:hover, #header .navigation li a.active, #header .navigation li a.trail, #header .navigation li:hover a {color:#00783c; text-decoration:none; padding:30px 0 58px 0; background-position:center top; background-repeat:no-repeat; background-image: url('../../files/data/graphics/ico-leave-green.svg');} #header .navigation li .level_2 {display:none; visibility:hidden; opacity:0; transition: none;} #header .navigation li:hover .level_2 {display:block; left: 50%; margin-left: -180px; visibility:visible; opacity:1; transition: all 0.2s;-webkit-box-shadow: 0px 4px 32px -2px rgba(0,0,0,0.75); -moz-box-shadow: 0px 4px 32px -2px rgba(0,0,0,0.75); box-shadow: 0px 4px 32px -2px rgba(0,0,0,0.75);} #header .navigation li ul {position:absolute; top: 110px; height:auto; width:360px; margin:0; padding:8px 0 0 0; list-style:none; background:#301811;} #header .navigation li:last-of-type ul {right:0;} #header .navigation li:hover li, #header .navigation li.active li, #header .navigation li li {margin:0; padding:0 0 0 0; background:none; width:360px; height:auto;} #header .navigation li li.first {padding:0 0 0 0;} #header .navigation li li.last {padding:0 0 0 0;} #header .navigation li li.first.last {padding:0 0 0 0;} #header .navigation li:hover li a, #header .navigation li.active li a {color:#fff; width:320px; text-align: center; height:auto; padding:12px 20px 12px 20px; text-indent:0; font-weight:normal; transition:none; background:#00783c;} #header .navigation li:hover li a:hover, #header .navigation li.active li a:hover, #header .navigation li ul li a.active {color:#fff; text-decoration:none; border:none; background:#301811;} /*IE*/ #header .navigation li li a:hover, #header .navigation li li a:hover {color: #000; text-decoration: none;} /*************************************************************/ /* COLORBOX */ /*************************************************************/ #cboxOverlay {background: rgb(0,120,60);} #cboxTitle {display: none !important;} #cboxLoadedContent {border: none;} #cboxNext {background: url("../../files/data/graphics/cbox-next.svg"); width: 35px; position: fixed; right: 15px; height: 35px; top: 53%; background-position: center; background-repeat: no-repeat; background-size: contain;} #cboxPrevious {background: url("../../files/data/graphics/cbox-prev.svg"); width: 35px; position: fixed; left: 15px; height: 35px; top: 53%; background-position: center; background-repeat: no-repeat; background-size: contain;} #cboxClose {background: url("../../files/data/graphics/cbox-close.svg"); width: 35px; position: fixed; right: 15px; top: 15px; height: 35px; background-position: center; background-repeat: no-repeat; background-size: contain;} #cboxCurrent {font-size: 14px;} /* #cboxContent button:hover {opacity: 0.75; background-position:center;} */ /* #iso_ajaxOverlay {background-color: #fff; opacity: 0.8;} */ /* #iso_ajaxBox {border: none; font-family: 'Open Sans';} */ /* #iso_ajaxBox .iso_confirm {background: url("../../files/data/graphics/btn-close-red.svg"); background-size: 20px; background-repeat: no-repeat; background-position: left center;} */ /*************************************************************/ /* LINKS DEFAULT */ #container a, #container a:link, #container a:visited {color:#faf9f2; text-decoration:none;} #container a:hover, #container a:active {color:#00783c; text-decoration:underline;} #footer a, #footer a:link, #footer a:visited {color:#faf9f2; text-decoration:none;} #footer a:hover, #footer a:active {color:#faf9f2; text-decoration:underline;} /*************************************************************/ /* CONTENT */ /*************************************************************/ /* PARAGRAPHEN - ÜBERSCHRIFTEN - LEADTEXT - AUSZEICHNUNGEN */ #container p {padding:8px 0 8px 0; margin:0; display:block; letter-spacing:0.05em;} #footer p {padding:10px 0; margin:0; display:block; letter-spacing:0.05em;} h1 {padding:46px 0 16px 0; letter-spacing:0.05em; margin:32px 0 0 0; font-size:4.2rem; line-height:4.6rem; font-family: 'CabinRegular'; color:#faf9f2; text-align:center; background-position:center top; background-repeat:no-repeat; background-image: url('../../files/data/graphics/ico-leave-vanilla.svg');} h2 {padding:32px 0 8px 0; margin:0 0 0 0; font-size:3rem; line-height:3.8rem; letter-spacing:0.05em; font-family: 'CabinRegular'; color:#faf9f2; text-align:center;} h3 {font-family: 'CabinRegular'; letter-spacing:0.05em; font-size:2.4rem; line-height:3rem;} .box h3 {padding:0 0 16px 0; margin:0; font-size:1.7rem; line-height:2.2rem; letter-spacing:0.05em; font-family: 'CabinBold'; text-transform:uppercase;} .rubriklink h3 {font-family: 'CabinBold'; font-size:1.7rem; line-height:2.2rem; letter-spacing:0.05em; padding:0; margin:0; text-transform:uppercase;} .mod_newslist .layout_latest h3 {font-family: 'CabinBold'; font-size:2.0rem; line-height:2.8rem; padding:0; margin:0; text-transform:uppercase;} .ce_text_hover h3 {font-family: 'CabinBold'; font-size:1.7rem; line-height:2.8rem; letter-spacing:0.05em; padding:37px 0 0 0; margin:32px 0 40px 0; text-transform:uppercase; display:inline-block; background-position:center top; background-repeat:no-repeat; background-image: url('../../files/data/graphics/ico-leave-vanilla.svg');} #footer h2 {padding:0 0 16px 0; margin:0; font-size:1.7rem; line-height:2.2rem; letter-spacing:0.05em; font-family: 'CabinBold'; text-align:left; text-transform:uppercase;} #container #main .mod_article.lightbrown h2 {padding:0 0 8px 0;} #container #main .mod_article.green h2 {padding:0 0 8px 0;} h4 {padding:8px 0 1px 0; margin:0; font-family:'CabinMedium'; font-weight:normal; font-size:1.7rem; line-height:2.2rem; letter-spacing:0.05em;} em {font-family: 'CabinItalic'; font-style:normal;} strong, bold {font-family:'CabinMedium' !important; font-weight:normal !important;} img {vertical-align:bottom;} table {border-collapse:collapse;} .box {width:100%; margin:8px 0;} .inhaltschmal {width:60%;} .box.lang {height:428px; background:#4e3933; padding-top:72px;} .box.kurz {height:156px;} #container .rubriklink p {padding:0; margin:8px 0;} #container .rubriklink a {color:#faf9f2; width:100%; height:84px; padding:72px 0 0 0; margin:8px 0; text-align:center; display:inline-block; background-color:rgba(78, 57, 51, 1.0); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background-position:center top 37px; background-repeat:no-repeat; background-image: url('../../files/data/graphics/ico-leave-vanilla.svg');} #container .rubriklink a:hover, #container .rubriklink a:active {color:#faf9f2; text-decoration:none; background-color:rgba(0, 120, 60, 1.0);} /* ROCKSOLIDCOLUMNS - 2 SPALTEN */ .rs-columns {clear: both; display: inline-block; width:100%; margin-bottom:20px;} .rs-columns.inhaltschmal {clear:both; width:60%; float:none; display:inline-block; margin-bottom:20px;} .rs-column {float: left; width: 100%; margin:0; padding:0;} .rs-column.-large-col-2-1 {width: 48.18181818181818% !important; margin-right: 3.636363636363636% !important;} .rs-column.-large-col-3-1 {width: 32% !important; margin-right: 2% !important;} .rs-column.-large-col-4-1 {width: 23.39285714285714% !important; margin-right: 2.142857142857143% !important;} .rs-column.-large-first {clear: left;} .rs-column.-large-last {margin-right: 0 !important;} .rs-column.-large-first-row {margin-top: 0;} #footer .rs-column.-large-col-4-1 .content-text {height:193px; background: url('../../files/data/graphics/border-footer.png') left bottom 52px repeat-x;} #footer .rs-column.-large-col-4-1:nth-of-type(2) .content-text {padding-top: 38px;} #footer .rs-column.-large-col-4-1:nth-of-type(4) .content-text {padding-top: 44px;} #footer .rs-column.-large-col-4-1 .content-text.car {background:/*url('../../files/data/graphics/border-footer.png') left bottom 52px no-repeat,*/ url('../../files/data/graphics/nuetzicar.png') right bottom no-repeat;} /* LINKBOX */ #container .linkbox {padding:0; text-align:center;} #container .linkbox a {border:2px solid #faf9f2; color:#faf9f2; width:300px; height:auto; padding:16px 10px; margin:8px 0; text-align:center; display:inline-block; background:rgba(250, 249, 242, 0); -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} #container .linkbox a:hover, #container .linkbox a:active {color:#faf9f2; text-decoration:none; background-color:rgba(0, 120, 60, 1.0);} #container .rs-column.-large-col-3-1 .linkbox a {width:260px;} /* AUFZÄHLUNGSPUNKTE */ .content-text ul {list-style-type:none;} .content-text ul li {list-style-type:none; position: relative; margin:0 0 0 18px; text-align:left;} #main .content-text ul li:before {content: ""; position: absolute; top: 9px; left: -16px; width: 7px; height: 7px; background-image: url('../../files/data/graphics/ico-listbullet.svg');} /* DOWNLOAD - DOWNLOADS */ .content-download, .content-downloads {position:relative; float:none; width:60%; margin:0; padding:0; margin:0 auto;} .content-download ul, .content-downloads ul {position:relative; float:left; width:100%; margin:0; padding:0 0 0 0;} #container .content-download h3, #container .content-downloads h3 {padding:18px 0 9px 0;} .content-download ul li, .content-downloads ul li {position:relative; width:668px; border:2px solid #faf9f2; display:inline-block; line-height:1.35em; padding:0 0 0 0; margin:16px 0 0 0; background:#301811; -webkit-transition:all 0.2s ease; transition:all 0.2s ease;} .content-download ul li:hover, .content-downloads ul li:hover {background:#00783c;} .content-download img, .content-downloads img {position:absolute; left:14px; top:8px; width:24px; height:28px; z-index:100;} #container .content-downloads a, #container .content-downloads a:link, #container .content-downloads a:visited, #container .content-download a, #container .content-download a:visited, #container .content-download a:link { position:relative; z-index:300; display:block; text-align:left; background: url('../../files/data/graphics/ico-download-vanilla.png') right 16px top 12px no-repeat; padding:10px 40px 10px 50px; margin:0 0 0 0; text-decoration:none; color:#fff; } /* TEXT - CE */ #main .content-text {position:relative;} #container .content-text {clear:both; float:left; width:100%;} #main .content-text figure {padding:8px 0 10px 0; float:left;} #main .content-text figure.float_left {width:44.11764705882353% !important; height:auto !important; padding:8px 4.411764705882353% 10px 0 !important;} #main .content-text figure.float_below {padding:12px 0 16px 0; float:left; width:100% !important; height:auto !important;} #main .content-text figure.float_above {padding:8px 0 16px 0; float:left; width:100% !important; height:auto !important;} #main .content-text figure img {width:100% !important; height:auto !important; float:left;} #container .content-text.inhaltschmal {width:60%; float:none; display:inline-block;} #main .content-text.media--left figure {width:44.11764705882353% !important; height:auto !important; padding:8px 4.411764705882353% 10px 0 !important;} /* IMAGE - CE */ #main .content-image {padding-bottom:0; width:100%; float:left; clear:both;} #main .content-image figure {padding:16px 0 16px 0;} #main .content-image figure img {width:100% !important; height:auto !important;} #main .content-image.inhaltschmal {width:60%; float:none; display:inline-block; clear:both;} #main .content-image.fleurop figure {padding:32px 0 0 0; width:100%; float:none; text-align:center;} #main .content-image.fleurop figure img {float:none; width:91px !important; text-align:center;} /* GALLERY - CE */ #main .ce_gallery {padding:0 0 0 0; clear:both; width:100%; float:left;} #main .ce_gallery.inhaltschmal {padding:0 0 0 0; clear:both; width:60%; float:none; text-align:center; margin:0 auto; display:inline-block;} #main .ce_gallery ul {padding:0 0 30px 0; margin:0; display:inline-block;} #main .ce_gallery.inhaltschmal ul {padding:0; margin:0; text-align:center; display:inline-block;} #main .ce_gallery ul li {padding:2.105263157894737% 2.105263157894737% 0 0; margin:0; float:left; width:23.42105263157895% !important; height:auto !important;} #main .ce_gallery ul.cols_3 li {padding:2.105263157894737% 2.3% 0 0; margin:0; float:left; width:31.8% !important; height:auto !important;} #main .ce_gallery .cols_4 li:nth-of-type(4n) {padding:2.105263157894737% 0 0 0 !important;} #main .ce_gallery .cols_3 li:nth-of-type(3n) {padding:2.105263157894737% 0 0 0 !important;} #main .ce_gallery .image_container {padding:0 !important; margin:0 !important; width:100% !important; height:auto !important; overflow:hidden;} #main .ce_gallery.inhaltschmal .image_container {height:auto !important;} #main .ce_gallery .image_container img {float:left; width:100% !important; height:auto !important;} #main .ce_gallery ul.cols_1 {padding:0;} #main .ce_gallery ul.cols_1 li {display:none;} #main .ce_gallery ul.cols_1 li:first-of-type {display:block; padding:0 0 0 0; margin:0; float:left; width:100% !important; height:auto !important;} #main .ce_gallery .image_container img {display: block; transition: all 0.3s ease-in-out 0.5s; width:100% !important; height:auto !important; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;} #main .ce_gallery .image_container:hover img {transition-delay: 0s; -webkit-transform:scale(1.15); transform:scale(1.15);} /* PAGINATION */ #main .pagination {width:100%; float:left; display:block; padding:9px 0 0 0;} #main .pagination p {width:30%; float:right; display:block; padding:0; text-align:right;} #main .pagination ul {width:70%; float:left; display:block; list-style-type:none; padding:0 0 0 0;} #main .pagination ul li {float:left !important; display:inline; background:none; margin:0 12px 0 0 !important; padding:0 !important;} #main .pagination .current {color:#636363;} #container #main .ce_text_hover {float:left; position:relative; height:auto; margin:0 0 0 0; padding:8px 0 12px 0 !important; clear:none; text-align:center;} #container #main .ce_text_hover .hover-caption {float:left; overflow:visible; position:relative; width:100% !important; height:auto; margin:0 0 0 0; padding:0; cursor:pointer; text-align:center; background-color:rgba(78, 57, 51, 1.0); -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} #container #main .ce_text_hover .hover-caption:hover {background-color:rgba(0, 120, 60, 1.0);} #container #main .ce_text_hover .hover-caption .mask {width: 100%; height: 100%; position:absolute; overflow:visible; top:0; left:0; opacity:0; transition: all 0.2s ease-in 0.0s; float:left; z-index:700;} #container #main .ce_text_hover .hover-caption:hover .mask {opacity: 1; transition-delay: 0s;} #container #main .ce_text_hover .hover-caption .mask a {padding:0 0 0 0; margin:0; position:absolute; left:0; top:0; width:100%; height:100%; float:left; color:#fff; text-decoration:none; z-index:1200;} #container #main .ce_text_hover .hover-caption img {display: block; transition: all 0.3s ease-in-out 0.5s; width:100% !important; height:auto !important; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;} #container #main .ce_text_hover .hover-caption:hover img {transition-delay: 0s; -webkit-transform:scale(1.15); transform:scale(1.15); opacity:0.4;} #container #main .ce_text_hover .hover-caption figure {width:100%; float:left; padding:0 !important; margin:0 !important; overflow:hidden; background:#fff;} /* #container #main .ce_text_hover .hover-caption .text_hover {position:absolute; top:0; left:0; opacity:0; height:auto; display:inline; transition: all 0.3s ease-in 0.0s; padding:50px 16px 0 16px;} */ /* #container #main .ce_text_hover .hover-caption:hover .text_hover {position:absolute; top:0; left:0; opacity:1; height:auto; display:inline; transition: all 0.3s ease-in 0.0s;} */ #container #main .ce_text_hover .hover-caption:hover .text_hover {} #container #main .ce_text_hover .hover-caption .caption {text-transform:uppercase; text-align:center; padding:50px 0 20px 0; float:left; width:100%;} /*NEWSLETTER*/ .footer_content2 {position:relative; clear: both; width:1140px; padding: 30px 0; margin:0 auto; text-align:center; color:#82807e;} .mod_newslist {float:left; width:100%;} /* NEWS - NACHRICHTENLISTE - FILTER */ #mix_filter {text-align:center; margin:0 auto; padding:30px 0 20px 0; font-size:1.5rem; line-height:2.0rem;} #mix_filter ._filter, #mix_filter .all_filter {border:none; background-color:#faf9f2; color:#301811; margin:0 11px 20px 11px; width:158px; height:36px; cursor:pointer; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;} #mix_filter ._filter.active, #mix_filter .all_filter.active, #mix_filter .all_filter:hover, #mix_filter ._filter:hover {background-color:#00783c; color:#faf9f2; border:none; cursor:pointer;} /* NEWS - NACHRICHTENLISTE - OHNE BILD */ /* .mod_newslist .mix h4 {padding:16px 0 24px 0; margin:0; font-family:'open_sanssemibold'; font-weight:normal; font-size:1.9rem; line-height:2.5rem; float:left; width:100%; color:#da322a;} */ /* .mod_newslist .mix h4 a {color:#da322a !important;} */ /* .mod_newslist .mix {display: none; padding:0 14px; margin:20px 0 8px 0; float:left; width:257px; font-size:1.3rem; line-height:1.9rem;} */ /* .mod_newslist .mix .hover-caption {float:left; overflow:visible; position:relative; width:100% !important; height:280px; margin:0 0 0 0; padding:0; cursor:pointer; z-index:1000;} */ /* .mod_newslist .mix .hover-caption:hover {z-index:1200;} */ /* .mod_newslist .mix .hover-caption .mask {width:100%; height:100%; position:absolute; overflow:visible; top:0; left:0; opacity:1; transition:all 0.2s ease-in 0.0s; float:left; z-index:700;} */ /* .mod_newslist .mix .hover-caption:hover .mask {opacity:1; transition-delay:0s;} */ /* .mod_newslist .mix .hover-caption .mask a {padding:0; margin:0; position:absolute; left:0; top:0; width:100%; height:100%; float:left; color:#fff; text-decoration:none; z-index:1500;} */ /* .mod_newslist .mix .hover-caption img {display:block; width:100% !important; height:auto !important; -webkit-transition:all 0.5s ease; transition:all 0.5s ease;} */ /* .mod_newslist .mix .hover-caption:hover img {transition-delay:0s; -webkit-transform:scale(1.2); transform:scale(1.2); opacity:1;-webkit-filter:} */ /* .mod_newslist .mix .hover-caption .image_container {display:none; width:100% !important; height:auto !important; float:left; padding:0 !important; margin:0 !important; overflow:hidden; background:#fff;} */ /* .mod_newslist .mix .hover-caption .text_hover {height:254px; width:88%; background:#fff; position:relative; text-align:center; padding:0 6%;} */ /* .mod_newslist .mix .hover-caption div.btn_more {position:absolute; bottom:-38px; margin:0 auto; width:88%; text-align:center;} */ /* .mod_newslist .mix .hover-caption p.more {position:relative; padding:0; margin:0 auto !important; background:url(../../files/data/graphics/btn-plus-red.svg) center center no-repeat; background-size:56px auto; height:56px; width:56px; display:inline-block; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;} */ /* .mod_newslist .mix .hover-caption:hover p.more { */ /* -webkit-transform: rotate(90deg); */ /* -moz-transform: rotate(90deg); */ /* -ms-transform: rotate(90deg); */ /* -o-transform: rotate(90deg); */ /* transform: rotate(90deg);} */ /* .mod_newslist .mix .hover-caption p.more a {display:none;} */ /* NEWS - NACHRICHTENLISTE - FILTER */ .mod_newslist .mix h4 {padding:12px 0 0 0; margin:0; font-family:'CabinRegular'; font-weight:normal; font-size:2rem; line-height:2.5rem; float:left; width:100%; color:#faf9f2;} .mod_newslist .mix h4 a {color:#faf9f2 !important;} .mod_newslist .mix {display: none; padding:0 14px; margin:20px 0 0 0; float:left; width:252px; font-size:2rem; line-height:2.5rem;} .mod_newslist .mix .hover-caption {float:left; overflow:visible; position:relative; width:100% !important; height:275px; margin:0 0 0 0; padding:0; /*cursor:pointer;*/ z-index:1000;} .mod_newslist .mix .hover-caption:hover {z-index:1200;} .mod_newslist .mix .hover-caption .mask {width:100%; height:100%; position:absolute; overflow:visible; top:0; left:0; opacity:1; transition:all 0.2s ease-in 0.0s; float:left; z-index:700;} .mod_newslist .mix .hover-caption:hover .mask {opacity:1; transition-delay:0s;} .mod_newslist .mix .hover-caption .mask a {padding:0; margin:0; position:absolute; left:0; top:0; width:100%; height:100%; float:left; color:#fff; text-decoration:none; z-index:1500;} .mod_newslist .mix .hover-caption img {display:block; width:100% !important; height:auto !important; -webkit-transition:all 0.5s ease; transition:all 0.5s ease;} .mod_newslist .mix .hover-caption:hover img {transition-delay:0s; -webkit-transform:scale(1.2); transform:scale(1.2); opacity:1;} .mod_newslist .mix .hover-caption .image_container {display:block; width:100% !important; height:auto !important; float:left; padding:0 !important; margin:0 !important; overflow:hidden; background:#fff;} .mod_newslist .mix .hover-caption .text_hover {height:auto; background:none; text-align:center; padding:0;} .mod_newslist .mix .hover-caption div.btn_more {display:none;} .mod_newslist .mix .teaser {font-size: 1.6rem; line-height: 1.8rem;} /* NEWS - NACHRICHTENLISTE */ #container #main .mod_newslist .layout_simple {text-align:center; float:left; width:100%;} #container #main .mod_newslist .layout_simple .news_simple_box {position:relative; text-align:center; border:2px solid #faf9f2; color:#faf9f2; width:260px; height:auto; padding:3px 10px 7px 10px; margin:8px 0 16px 0; display:inline-block; background:rgba(250, 249, 242, 0); -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} #container #main .mod_newslist .layout_simple .news_simple_box:hover {background-color:rgba(0, 120, 60, 1.0);} #container #main .mod_newslist .layout_simple .news_simple_box a {width:100%; height:100%; position:absolute; top:0; left:0; font-size:0;} #container #main .mod_newslist .layout_simple .news_simple_box time {padding:0; margin:0; font-size:1.2rem; line-height:1.6rem;} .mod_newslist .layout_latest {display: block; padding:0 2% 0 0; margin:20px 0 0 0; float:left; width: 32%;} .mod_newslist .layout_latest .newscontainer {display: block; float:left; width:92%; padding:12px 4% 0 4%;} .mod_newslist .layout_latest:nth-child(3n) {padding:0;} .mod_newslist .layout_latest .hover-caption {float:left; overflow:visible; position:relative; width:100% !important; height:400px; margin:0 0 0 0; padding:0; cursor:pointer; z-index:1000; background-color:rgba(78, 57, 51, 1.0); -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .mod_newslist .layout_latest .hover-caption:hover {z-index:1200; background-color:rgba(0, 120, 60, 1.0);} .mod_newslist .layout_latest .hover-caption .mask {width:100%; height:100%; position:absolute; overflow:visible; top:0; left:0; opacity:1; transition:all 0.2s ease-in 0.0s; float:left; z-index:700;} .mod_newslist .layout_latest .hover-caption:hover .mask {opacity:1; transition-delay:0s;} .mod_newslist .layout_latest .hover-caption .mask a {padding:0; margin:0; position:absolute; left:0; top:0; width:100%; height:100%; float:left; color:#fff; text-decoration:none; z-index:1500;} .mod_newslist .layout_latest .hover-caption img {display:block; width:100% !important; height:auto !important; -webkit-transition:all 0.5s ease; transition:all 0.5s ease;} .mod_newslist .layout_latest .hover-caption:hover img {transition-delay:0s; -webkit-transform:scale(1.2); transform:scale(1.2); opacity:1;-webkit-filter:} .mod_newslist .layout_latest .hover-caption .image_container {display:block; width:100% !important; height:auto !important; float:left; padding:0 !important; margin:0 !important; overflow:hidden; background:#fff;} .mod_newslist .layout_latest .hover-caption .text_hover {height:auto; background:none; text-align:center; padding:0;} .mod_newslist .layout_latest .hover-caption div.btn_more {display:none;} .mod_newslist .layout_latest .teaser, .mod_newslist .layout_latest p.more {display:none !important;} .mod_newslist .layout_latest time {padding:0; margin:0; font-size:1.2rem; line-height:1.6rem;} /* NEWS - NACHRICHTENLESER */ /*.mod_newsreader {position:relative; background:#fff; clear:both; width:744px; margin:100px 128px 50px 128px; padding:6px 70px 70px 70px; float:left; */ /*border-radius: 6px 6px 6px 6px; */ /*-moz-border-radius: 6px 6px 6px 6px; */ /*-webkit-border-radius: 6px 6px 6px 6px; */ /*border: 0px solid #fff;} */ /*.mod_newsreader .layout_full {position:relative; z-index:1000;} */ /*.ce_teaser {float:left; width:100%;} */ /*.ce_teaser .teaser_text {float:left; width: 48.18181818181818% !important;} */ /*.ce_teaser .image_container {padding:14px 0 0 0; float:right; width: 48.18181818181818% !important; margin-left: 3.636363636363636% !important;} */ /*.ce_teaser .image_container img {width:100% !important; height:auto !important;} */ /*#container .mod_newsreader p.back {display:none;} */ /*#container .mod_newsreader p.backbutton {position:absolute; top:20px; right:20px; margin:0; padding:0; width:15px; height:15px; float:left; z-index:1000;} */ /*#container .mod_newsreader p.backbutton a {background:url(../../files/data/graphics/btn-close-black.svg) center center no-repeat; background-size:15px auto; width:15px; height:15px; float:left;} */ /*#container .mod_newsreader .pagination {position:absolute; top:-60px; left:0; width:100%; height:100%; padding:0; margin:0; z-index:800;} */ /*#container .mod_newsreader .pagination .paginav {width:100%; margin:0 auto; position:relative; display:block; float:left; text-align:center;} */ /*#container .mod_newsreader .pagination ul {width:auto; margin:0 auto; position:relative; display:inline-block; float:none; text-align:center;} */ /*#container .mod_newsreader .pagination ul li {margin:0 8px !important;} */ /*#container .mod_newsreader .pagination ul li a {color:#da322a;} */ /*#container .mod_newsreader .pagination p.next {display:block; float:right; width:56px; height:56px; position:absolute; top:54%; right:-28px;} */ /*#container .mod_newsreader .pagination p.previous {display:block; float:left; width:56px; height:56px; position:absolute; top:54%; left:-28px;} */ /*#container .mod_newsreader .pagination p.next a {position:relative; float:right; width:56px; height:56px; background:url(../../files/data/graphics/btn-round-next.svg) center center no-repeat; background-size:56px auto; text-decoration:none !important;} */ /*#container .mod_newsreader .pagination p.previous a {position:relative; float:left; width:56px; height:56px; background:url(../../files/data/graphics/btn-round-prev.svg) center center no-repeat; background-size:56px auto; text-decoration:none !important;} */ /* GOOGLEMAPS */ .ce_dlh_googlemaps {width:60%; height:500px; float:none; display:inline-block; z-index:1200; padding:20px 0 0 0; color:#000;} .dlh_googlemap {width:100%; height:500px; float:left; display:block; z-index:1200; line-height:2.0rem;} .dlh_googlemap .gm-style-iw .routinglink a {color: #00783C !important;} /* YOUTUBE */ .content-youtube {width:100% !important; float:left; padding:40px 0 30px 0; position:relative;} .content-youtube .mejs-layer {margin:0 auto; position:relative;} .content-youtube .mejs-container {margin:24px auto 0 auto; position:relative;} .content-youtube iframe {max-width: 100%;} /* NEWSLETTER */ /*************************************************************/ #main .newsletter .newsletterbox {width:auto; display:inline-block; text-align:center; width:324px; padding-top:16px; padding-bottom: 10px;} #main .newsletter {display:inline-block; color:#faf9f2; text-align:center;} #main .newsletter label {display:none;} #main .newsletter input.text {padding:13px 0 13px 16px; margin:0; float:left; height:32px; width:250px; background:#faf9f2; border:none; color:#000; -webkit-box-shadow: inset 0px 10px 27px -1px rgba(0,0,0,0.32); -moz-box-shadow: inset 0px 10px 27px -1px rgba(0,0,0,0.32); box-shadow: inset 0px 10px 27px -1px rgba(0,0,0,0.32); } #main .newsletter .formbody p.error {width: 100%; color: #f00; padding:0;} #main .newsletter input.submit {padding:0; margin:0; float:left; background:url(../../files/data/graphics/ico-tick-vanilla.svg) 12px 15px no-repeat #00783c; border:2px solid #faf9f2; height:58px; width:58px; cursor:pointer;} #main .newsletter input.submit:hover {background:url(../../files/data/graphics/ico-tick-vanilla.svg) 12px 15px no-repeat #00783c;} #main .newsletter input:focus {outline: none;} #main .mod_nl_reader img {max-width: 100%; height: auto;} /*************************************************************/ /* KONTAKT - FORMULAR STANDARD - Kontaktadresse */ /*************************************************************/ #main .ce_form {width:40%; margin:0 auto; padding:11px 0 0 0 !important; clear:both;} #main .formbody {padding:0 0 40px 0; float:left; width:100%;} #main .formbody label {float:left; display:block; width:100%; padding:0 0 0 0; margin:3px 0 3px 0; text-align:left; display:block; clear:both;} #main .formbody label.error {float:left; display:block; width:100%; padding:0 0 0 0; margin:3px 0 0 0; text-align:left;} #main .formbody input {float:left; width:95%; height:40px; border:none; color:#282a2a; margin:0 0 16px 0; padding:2px 2.5%; background:#faf9f2; -webkit-transition:all 0.2s ease; transition:all 0.2s ease; -webkit-box-shadow: inset 0px 10px 27px -1px rgba(0,0,0,0.32); -moz-box-shadow: inset 0px 10px 27px -1px rgba(0,0,0,0.32); box-shadow: inset 0px 10px 27px -1px rgba(0,0,0,0.32); } #main .formbody input.error {background:#edeef0; margin:2px 0 8px 0;} #main .formbody input:focus {background:#edeef0;} #main .formbody input:hover {background:#edeef0;} #main textarea {float:right; width:95%; height: 140px; border:none; margin:0 0 16px 0; color:#282a2a; padding:8px 2.5%; background:#faf9f2; -webkit-transition:all 0.2s ease; transition:all 0.2s ease; -webkit-box-shadow: inset 0px 10px 27px -1px rgba(0,0,0,0.32); -moz-box-shadow: inset 0px 10px 27px -1px rgba(0,0,0,0.32); box-shadow: inset 0px 10px 27px -1px rgba(0,0,0,0.32);} #main textarea.error {margin:0 0 8px 0;} #main .formbody textarea.error {background:#edeef0;} #main .formbody textarea:focus {background:#edeef0;} #main .formbody textarea:hover {background:#edeef0;} ::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color:#282a2a;} :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:#282a2a; opacity:1;} ::-moz-placeholder { /* Mozilla Firefox 19+ */ color:#282a2a; opacity:1;} :-ms-input-placeholder { /* Internet Explorer 10-11 */ color:#282a2a;} #main .formbody .submit {color:#fff; text-align:center; background:#00783c; border:none; cursor:pointer; height:38px; margin:16px 0 8px 0; padding:3px 0 5px 0; float:left; width:47.28682170542636%; font-weight:normal; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;} #main .formbody .submit:hover {background:#00783c; -webkit-box-shadow: inset 0px 10px 27px -1px rgba(0,0,0,0.32); -moz-box-shadow: inset 0px 10px 27px -1px rgba(0,0,0,0.32); box-shadow: inset 0px 10px 27px -1px rgba(0,0,0,0.32);} #main .formbody p.error {color:#484546; float:right; width: 67%; font-size:13px; padding:5px 0 4px 0 !important; margin:0; line-height:2rem;} #main .formbody legend {float:left; display:block; width:100%; padding:0 0 0 0; margin:0 0 12px 0; text-align:left;} #main .ce_form .captcha_text {float:right; display:block; width:67.3%; padding:0 0 0 0; margin:2px 0 8px 0; text-align:left;} #main select {float:left; width:100%; height: 38px; border:none; color:#282a2a; margin:0 0 16px 0; padding:2px 2%; background:#faf9f2; -webkit-transition:all 0.2s ease; transition:all 0.2s ease; -webkit-box-shadow: inset 0px 10px 27px -1px rgba(0,0,0,0.32); -moz-box-shadow: inset 0px 10px 27px -1px rgba(0,0,0,0.32); box-shadow: inset 0px 10px 27px -1px rgba(0,0,0,0.32);} #main select:hover {background:#edeef0;} #main .formbody br, #main .formbody div {clear:both; margin:0; padding:0;} .checkbox_container {width:100%; display:block; float:left; padding:0 0 24px 0; position:relative; line-height:2.1rem;} .checkbox_container label {width:auto !important; float:left; margin:0 !important; padding:0 !important;} .checkbox_container span {position:relative; width:100%; display:block; float:left; padding:0; margin:0 0 12px 0;} .checkbox_container span.mandatory {width:10px; display:inline; float:none;} .radio_container {width:100%; display:block; float:left; padding:0 0 24px 0; position:relative; line-height:2.1rem;} .radio_container label {width:auto !important; float:left; margin:0 !important; padding:0 !important;} .radio_container span {position:relative; width:100%; display:block; float:left; padding:0; margin:0 0 12px 0;} .radio_container span.mandatory {width:10px; display:inline; float:none;} .checkbox, .radio {opacity: 0 !important; position: absolute !important;} .checkbox, .checkbox_container label, .radio, .radio_container label { display: inline-block !important; height:18px !important; padding:0 !important; margin:0 !important; cursor: pointer !important;} label, .radio-custom-label {position: relative !important;} .checkbox + label:before, .radio + .radio-custom-label:before { content: '' !important; background: #faf9f2 !important; border: none !important; display: inline-block !important; vertical-align: top !important; width: 18px !important; height: 18px !important; padding: 0 !important; margin-right: 16px !important; margin-top:0 !important; text-align: left !important;} .checkbox:checked + label:before { content: '' !important; background-color:#00783c !important; background-image:url(../../files/data/graphics/icon-checkbox.png) !important; background-size:auto !important; background-repeat:no-repeat !important; background-position:2px 4px !important; color: #fff !important;} .radio + label:before { content: '' !important; background: #faf9f2 !important; border: none !important; display: inline-block !important; vertical-align: top !important; width: 18px !important; height: 18px !important; padding: 0 !important; margin-right: 16px !important; margin-top:0 !important; text-align: left !important; border-radius: 50% !important;} .radio:checked + label:before { content: '' !important; background-color:#00783c !important; background-image:url(../../files/data/graphics/icon-radio.png) !important; background-size:auto !important; background-repeat:no-repeat !important; background-position:2px 4px !important; color: #fff !important;} .invisible {display:none !important;} #container .kontaktadresse p {text-align:right !important;} /*************************************************************/ /* MOBILEMENU - SETTINGS */ /*************************************************************/ #header #mod_nav_mobile {display:none;} #header a.mobilebtn {display:none;} .mm-menu .mm-list {padding:0;} .mm-panel {padding:0 !important; background:#fff !important;} .mod_mmenu ul.level_1 {text-transform:uppercase; font-size:1.6rem; line-height:2.2rem; font-family:'CabinRegular'; font-weight:normal; background:#fff !important;} .mod_mmenu ul.level_1 li a {color:#82807e !important;} .mod_mmenu ul.level_1 li a:hover, .mod_mmenu ul.level_1 li a.active {color:#00783c !important;} .mod_mmenu ul.level_2 {text-transform:uppercase; font-family:'CabinRegular'; font-size:1.6rem; line-height:2.2rem; font-weight:normal; background:#edeef0 !important;} .mod_mmenu ul.level_2 li.mm-subtitle {background:#fff !important;} .mod_mmenu ul.level_2 li a {color:#82807e !important;} .mod_mmenu ul.level_2 li a:hover, .mod_mmenu ul.level_2 li a.active {color:#00783c !important;} .mod_mmenu ul.level_2 li a span {padding:0 0 0 40px !important;} .mod_mmenu ul.level_3 {text-transform:uppercase; font-family:'CabinRegular'; font-size:1.6rem; line-height:2.2rem;} .mod_mmenu ul.level_3 li a {color:#82807e !important;} .mod_mmenu ul.level_3 li a:hover, .mod_mmenu ul.level_3 li a.active {color:#00783c !important;} .mod_mmenu ul.level_3 li a span {padding:0 0 0 40px !important;} .mod_mmenu .mm-navbar {display: none;} .mod_mmenu .ce_text ul {text-transform:uppercase; font-size:1.6rem; line-height:2.2rem; font-family:'CabinRegular'; font-weight:normal; background:#000 !important;} .mod_mmenu .ce_text ul li {margin-left:0 !important; padding-top:4px; padding-bottom:4px;} .mod_mmenu .ce_text ul li a {color:#fff !important;} .mod_mmenu .ce_text ul li a:hover, .mod_mmenu .ce_text ul li a.active {color:#fff !important;} .mm-menu.mm-white .mm-list > li > a.mm-subclose {background: rgba(255, 255, 255, 1); color: rgba(0, 0, 0, 1);} .mm-menu.mm-white .mm-list > li > a.mm-subopen:after {top:16px !important; bottom:auto;} .mm-menu.mm-white .mm-list > li > a.mm-subclose:before {top:34px !important; bottom:auto;} .mm-vertical em.mm-counter {top:12px; margin-top: 0;} .mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before {border-color: rgba(0, 120, 60, 1) !important;} .mm-menu em.mm-counter {color: rgba(0, 120, 60, 1) !important;} .mm-menu.mm-vertical .mm-list > li > a.mm-subopen {height: 44px;} .mm-list > li > a, .mm-list > li > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: inherit; line-height: 20px; display: block; padding: 12px 10px 12px 20px; margin: 0;} .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after { content: ''; border-bottom-width: none !important; border-bottom-style: none !important; display: none !important; width: 100%; position: absolute; bottom: 0; left: 0;} .mm-list a.mm-subopen:before { content: ''; border-left-width: none !important; border-left-style: none !important; display: none !important; height: 100%; position: absolute; left: 0; top: 0;} .mm-opened #footer {display:none !important;} .mm-list a.mm-subopen.mm-fullsubopen { width: 40px !important; } #header .content-text {display:none;} body #slider {display:none;} body.home .custom {display:none;} /*************************************************************/ @media (max-width:1600px){ body #container .content-swiper figure img {height: 40vw !important;} } @media (max-width:1400px){ #header .navigation li:hover.last .level_2 {left:auto; right:0; margin-left:0;} } @media (max-width:1160px){ #logo {left:2%;} #header .navigation {right:2%;} #header .inside .content {width:96%; padding:0 2%;} #container #main .mod_article .mod_article_inside {width:96%; padding:0 2%;} #footer .inside .contentarea {width:100%;} #footer .inside .contentarea .content {width:96%; padding:70px 2% 0 2%;} .content-download, .content-downloads {width:60%;} .content-download ul li, .content-downloads ul li {width:96%; border:2px solid #faf9f2;} .mod_newslist .mix {padding:0 1.25%; width:22.5%;} /* YOUTUBE */ .content-youtube {width:60% !important; float:none; display:inline-block; padding:40px 0 30px 0; position:relative;} .content-youtube .mejs-layer {margin:0 auto; position:relative; width:100% !important;} .content-youtube .mejs-container {margin:24px auto 0 auto; position:relative; width:100% !important;} .content-youtube .me-plugin {width:100% !important; height:386px !important;} .content-youtube .mejs-shim {width:100% !important; height:386px !important;} } @media (max-width:1060px){ #header .navigation li {margin:0 35px 0 0;} #header .navigation li:last-of-type {margin:0;} } @media (max-width:1020px){ #header .navigation li {margin:0 25px 0 0;} #header .navigation li:last-of-type {margin:0;} #mix_filter ._filter, #mix_filter .all_filter {margin:0 0.5% 20px 0.5%; width:18.5%;} } @media (max-width:979px){ #header #mod_nav_mobile {display:block;} #header a.mobilebtn span {display:block; font-size:2.1rem; line-height:2.8rem; text-transform:uppercase; color:#000;} #header a.mobilebtn {display:block; text-decoration:none; width:auto; height:30px; padding:0 50px 0 0; position:absolute; top:63px; right:2%; z-index:1500; background:url(../../files/data/graphics/btn-mmenu.svg) right 4px no-repeat; background-size: 30px auto; color:#fff; -webkit-transition:all 0.3s ease; transition:all 0.3s ease;} .mm-opened #header a.mobilebtn {background:url(../../files/data/graphics/btn-mmenu-close.svg) right top no-repeat; background-size: 30px auto;} #header {height:108px; position:fixed; top:0;} #header .inside {height:100px;} #header .inside .content {position:relative; height:100px;} #header .navigation {display:none;} #logo {position:absolute; top:12px;} #logo figure {width:70% !important; height:auto !important;} #logo figure img {width:100% !important; height:auto !important;} #container {position:relative; width:100%; margin:0 auto; padding:108px 0 0 0; z-index:500;} #container .linkbox a {width:30%; height:auto; padding:16px 2%;} #container .box.lang .linkbox a {} #container .rs-column.-large-col-2-1 .linkbox a {width:94%;} #container .rs-column.-large-col-3-1 .linkbox a {width:80%;} .newsletter .newsletterbox {width:100%;} .newsletter input.text {width:74%;} .mod_article.green .rs-column.-large-col-3-1 {width:100% !important; margin-right: 0 !important; height:auto;} .mod_article.green .rs-column.-large-col-3-1.rs-column.-large-last {margin-right: 0 !important;} /* NEWS - NACHRICHTENLISTE */ #container #main .mod_newslist .layout_simple .news_simple_box {width:80%; height:auto; padding:3px 2% 7px 2%;} #main .formbody .submit {width:60%;} .mm-page {font-size:1.8rem; line-height:2.3rem;} h1 {font-size:3.2rem; line-height:4.0rem;} h2 {font-size:3.2rem; line-height:4.0rem;} h3 {font-size:2.5rem; line-height:3.3rem;} .box h3 {font-size:1.8rem; line-height:2.6rem;} .rubriklink h3 {font-size:1.8rem; line-height:2.6rem;} .mod_newslist .layout_latest h3 {font-size:1.8rem; line-height:2.6rem;} .ce_text_hover h3 {font-size:1.8rem; line-height:2.6rem;} #footer {width:100%; height:700px; margin-top: -700px;} #footer .inside {height:700px;} #footer .inside .contentarea {height:700px;} #footer .inside .contentarea .content {height:630px;} .endcontent {height:700px;} #footer .rs-column.-large-col-4-1.-medium-col-2-1 {width:48.18181818181818% !important; margin-right: 3.636363636363636% !important; height:auto;} #footer .rs-column.-large-col-4-1.rs-column.-large-last {margin-right: 3.636363636363636% !important; float:left !important; clear:none !important;} #footer .rs-column.-large-col-4-1.-medium-col-2-1.-medium-last {margin-right: 0 !important;} #footer .rs-column.-large-col-4-1 .content-text {height:223px; background: url('../../files/data/graphics/border-footer.png') left bottom 82px repeat-x;} #footer .rs-column.-large-col-4-1 .content-text.car {background:/*url('../../files/data/graphics/border-footer.png') left bottom 82px no-repeat,*/ url('../../files/data/graphics/nuetzicar.png') right bottom 25px no-repeat;} } @media (max-width:880px){ .rs-columns {clear: both; display: inline-block; width:100%; margin-bottom:0;} .rs-columns.inhaltschmal {clear:both; width:60%; float:none; display:inline-block; margin-bottom:0;} .rs-column.-large-col-4-1.-medium-col-2-1 {width:48.18181818181818% !important; margin-right: 3.636363636363636% !important; height:460px;} .rs-column.-large-col-4-1.rs-column.-large-last {margin-right: 3.636363636363636% !important; float:left !important; clear:none !important;} .rs-column.-large-col-4-1.-medium-col-2-1.-medium-last {margin-right: 0 !important;} /* YOUTUBE */ .content-youtube {width:60% !important; float:none; display:inline-block; padding:40px 0 30px 0; position:relative;} .content-youtube .mejs-layer {margin:0 auto; position:relative; width:100% !important; height:300px !important;} .content-youtube .mejs-container {margin:24px auto 0 auto; position:relative; width:100% !important; height:300px !important;} .content-youtube .me-plugin {width:100% !important; height:300px !important;} .content-youtube .mejs-shim {width:100% !important; height:300px !important;} } @media (max-width:800px){ .mod_newslist .layout_latest .hover-caption {height:375px;} .rs-column.-large-col-4-1.-medium-col-2-1 {height:430px;} } @media (max-width:740px){ .mod_newslist .layout_latest {padding:0 0 0 0; width:100%;} .mod_newslist .layout_latest:nth-child(3n) {padding:0;} .mod_newslist .layout_latest .hover-caption {height:auto;} .mod_newslist .layout_latest .newscontainer {padding:12px 4% 20px 4%;} #main .ce_form {width:60%;} .rs-column.-large-col-4-1.-medium-col-2-1 {height:400px;} .mod_newslist .mix {padding:0 1%; width:48%;} .mod_newslist .mix .hover-caption {height:320px;} #mix_filter ._filter, #mix_filter .all_filter {width: 160px; margin: 0 1% 20px 1%;} #main .formbody .checkbox_container span input, #main .formbody .radio_container span input {width: auto;} /* YOUTUBE */ .content-youtube {width:60% !important; float:none; display:inline-block; padding:40px 0 30px 0; position:relative;} .content-youtube .mejs-layer {margin:0 auto; position:relative; width:100% !important; height:260px !important;} .content-youtube .mejs-container {margin:24px auto 0 auto; position:relative; width:100% !important; height:260px !important;} .content-youtube .me-plugin {width:100% !important; height:260px !important;} .content-youtube .mejs-shim {width:100% !important; height:260px !important;} } @media (max-width:640px){ .newsletter input.text {width:72%;} .mod_newslist .mix .hover-caption {height:290px;} } @media (max-width:599px){ .rs-columns.inhaltschmal {width:100%;} #container .content-text.inhaltschmal {width:100%;} #main .content-image.inhaltschmal {width:100%;} #main .ce_gallery.inhaltschmal {width:100%;} .inhaltschmal {width:100%;} .content-download, .content-downloads {width:100%;} .content-download ul li, .content-downloads ul li {width:96%; border:2px solid #faf9f2;} .ce_dlh_googlemaps {width:100%;} /* YOUTUBE */ .content-youtube {width:100% !important; float:none; display:inline-block; padding:40px 0 30px 0; position:relative;} .content-youtube .mejs-layer {margin:0 auto; position:relative; width:100% !important; height:360px !important;} .content-youtube .mejs-container {margin:24px auto 0 auto; position:relative; width:100% !important; height:360px !important;} .content-youtube .me-plugin {width:100% !important; height:360px !important;} .content-youtube .mejs-shim {width:100% !important; height:360px !important;} #main .ce_form {width:100%;} #footer {width:100%; height:1200px; margin-top: -1200px;} #footer .inside {height:1200px;} #footer .inside .contentarea {height:1200px;} #footer .inside .contentarea .content {height:1130px;} .endcontent {height:1200px;} .rs-column.-large-col-2-1 {width: 100% !important; margin-right: 0 !important;} .newsletter input.text {width:82%;} .rs-column.-large-col-3-1 {width: 100% !important; margin-right: 0 !important;} #footer .rs-column.-large-col-4-1.-medium-col-2-1 {width:100% !important; margin-right: 0 !important; height:auto;} #footer .rs-column.-large-col-4-1.rs-column.-large-last {margin-right: 0 !important;} #footer .rs-column.-large-col-4-1.-medium-col-2-1.-medium-last {margin-right: 0 !important;} #footer .rs-column.-large-col-4-1 .ce_text {height:223px; background: url('../../files/data/graphics/border-footer.png') left bottom 82px repeat-x;} #footer .rs-column.-large-col-4-1 .ce_text.car {background:/*url('../../files/data/graphics/border-footer.png') left bottom 82px no-repeat,*/ url('../../files/data/graphics/nuetzicar.png') right bottom 25px no-repeat;} #footer .rs-column.-large-col-4-1:nth-of-type(2) .ce_text {padding-top: 0;} #footer .rs-column.-large-col-4-1:nth-of-type(4) .ce_text {padding-top: 0;} .mod_newslist .mix {padding:0 1%; width:48%;} .mod_newslist .mix .hover-caption {height:270px;} #container .linkbox a {width:80%; height:auto; padding:16px 2%;} #container .rs-column.-large-col-2-1 .linkbox a {width:94%;} #container .rs-column.-large-col-3-1 .linkbox a {width:80%;} } @media (max-width:499px){ .mod_newslist .mix {padding:0; width:100%;} .mod_newslist .mix .hover-caption {height:auto; padding-bottom:30px;} .rs-column.-large-col-4-1.-medium-col-2-1 {width:100% !important; margin-right: 0 !important; margin-bottom:30px; height:auto;} .rs-column.-large-col-4-1.rs-column.-large-last {margin-right: 0 !important; float:left !important; clear:none !important;} .rs-column.-large-col-4-1.-medium-col-2-1.-medium-last {margin-right: 0 !important;} #footer .rs-column.-large-col-4-1.-medium-col-2-1 {width:100% !important; margin-right: 0 !important; margin-bottom:0; height:auto;} #footer .rs-column.-large-col-4-1.rs-column.-large-last {margin-right: 0 !important;} #footer .rs-column.-large-col-4-1.-medium-col-2-1.-medium-last {margin-right: 0 !important;} /* YOUTUBE */ .content-youtube {width:100% !important; float:none; display:inline-block; padding:40px 0 30px 0; position:relative;} .content-youtube .mejs-layer {margin:0 auto; position:relative; width:100% !important; height:300px !important;} .content-youtube .mejs-container {margin:24px auto 0 auto; position:relative; width:100% !important; height:300px !important;} .content-youtube .me-plugin {width:100% !important; height:300px !important;} .content-youtube .mejs-shim {width:100% !important; height:300px !important;} h1 {font-size:2.8rem; line-height:3.6rem;} h2 {font-size:2.8rem; line-height:3.6rem;} h3 {font-size:2.3rem; line-height:3.1rem;} } @media (max-width:450px){ #header a.mobilebtn span {display:none;} .newsletter input.text {width:74%;} } /* FIXES */ /*************************************************************/ .cleaner {clear:both;} .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height:0px;} .clearfix {display: block;} /* End hide from IE-mac */ .clear {height:1px; font-size:0.1px; line-height:0.1px; clear:both; } .invisible { display:none;} @font-face { font-family: 'CabinBold'; src: url('../../files/data/styles/Fonts/Cabin-Bold.woff2') format('woff2'), url('../../files/data/styles/Fonts/Cabin-Bold.woff') format('woff'); font-weight: bold; font-style: normal; } @font-face { font-family: 'CabinItalic'; src: url('../../files/data/styles/Fonts/Cabin-Italic.woff2') format('woff2'), url('../../files/data/styles/Fonts/Cabin-Italic.woff') format('woff'); font-weight: normal; font-style: italic; } @font-face { font-family: 'CabinMedium'; src: url('../../files/data/styles/Fonts/Cabin-Medium.woff2') format('woff2'), url('../../files/data/styles/Fonts/Cabin-Medium.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'CabinSemiBold'; src: url('../../files/data/styles/Fonts/Cabin-SemiBold.woff2') format('woff2'), url('../../files/data/styles/Fonts/Cabin-SemiBold.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'CabinRegular'; src: url('../../files/data/styles/Fonts/Cabin-Regular.woff2') format('woff2'), url('../../files/data/styles/Fonts/Cabin-Regular.woff') format('woff'); font-weight: normal; font-style: normal; }