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} /* NUUNNAV CSS*/ .nuunnavbutton {display: none; width: 45px; height: 45px; background: #000; padding: 15px 14px; box-sizing: border-box; border-radius: 5px; cursor: pointer; position: fixed; z-index: 2500; top: 18px; right: 5%;} .nuunnavbutton .navline {height: 2px; width: 16px; box-sizing: border-box; margin-bottom: 4px; border-radius: 5px; background: #eef6fb; opacity: 1; transition: transform 0.3s ease, opacity 0.3s ease, background 0.3s ease;} .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.crossed .navline.top {transform: rotate(-45deg) translateY(-1px) translateX(-2px);} .nuunnavbutton.crossed .navline.mid {opacity: 0;} .nuunnavbutton.crossed .navline.bot {margin-left: 0; width: 100%; transform: rotate(-135deg) translateY(0px) translateX(19px);} #nuunnav {display: none; padding-top: 0px; padding-left: 40px; padding-right: 40px; padding-bottom: 50px; position: fixed; overflow-y: auto; top: 0; width: calc(100% - 60px); max-width: 500px; background: #dedc19; height: 100vh; z-index: 2000; box-sizing: border-box; transition:left 0.4s ease, box-shadow 0.3s ease;} #nuunnav.open {left: 0 !important; box-shadow: 0px 0px 20px rgba(0,0,0,0.1);} /*#nuunnav .inside {padding: 0 5% 30px 5%;}*/ #nuunnav .mod_navigation {margin-top: 20px; margin-bottom: 0px; display: inline-block; width: 100%; position: relative; overflow: hidden;} #nuunnav li a {font-family: 'open_sansregular'; color: #000; text-decoration: none; padding-bottom: 10px; 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: #000; font-family: 'open_sansregular'; text-decoration: none;} #nuunnav li a:hover {color: #000;} #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: 2rem; float: left; clear: left; margin: 0; padding: 5px 0 5px 0px; width: calc(100% - 42px);} #nuunnav ul.level_1 > li.submenu > a {margin-right: 0px; float: left; clear: left;} #nuunnav ul li.submenu .subtoggler {width: 40px; height: 40px; position: relative; top:3px; display: flex; align-items: center; justify-content: center; float: left; cursor: pointer;} #nuunnav ul.level_2 li.submenu .subtoggler {height: 34px;} #nuunnav ul li.submenu .subtoggler .subtoggline1 {opacity: 1; width: 18px; height: 2px; background: #000;} #nuunnav ul li.submenu .subtoggler .subtoggline2 {opacity: 1; width: 18px; height: 2px; background: #000; 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; margin:0;} #nuunnav ul.level_2 > li > a {font-family: 'open_sansregular'; display: inline-block;float: left; clear: left; padding: 5px 0 10px 23px; background: url(../../files/data/graphics/nuunnav-subline.svg) top 19px left no-repeat;} #nuunnav ul.level_2 li a.active {color: #000; font-family: 'open_sansregular'; text-decoration: underline;} #nuunnav ul.level_2 li a:hover {color: #000;} #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: 'open_sansregular'; 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: 'open_sansregular'; 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: 'open_sansregular'; text-decoration: underline;} #nuunnav ul.level_4 li a:hover {color: #000;} @media screen and (max-width: 1099px) { .nuunnavbutton {display: block;} #nuunnav {display: block;} } /*************************************************************/ /* Design: MSIT.CH / MSIA.CH */ /* File: screen.css */ /*-----------------------------------------------------------*/ /* Autor: Reto Bühler, www.nuun.ch */ /* Datum: Mai 2016 */ /* Site: www.msit.ch / www.msia.ch */ /*************************************************************/ /*************************************************************/ /* LAYOUT */ /*************************************************************/ /* GLOBAL */ /*************************************************************/ html, body {height:100%; width:100%; font: 62.5% 'open_sansregular', Arial, Verdana, Helvetica, sans-serif; color:#282a2a; letter-spacing:0em;} body {font-size:16px; font-size:1.6rem; background:#fff;} #wrapper {height:auto !important; min-height:100%; height:100%; position:relative; width:100%; padding:0; margin:0 auto; background:none; font-size: 1.9rem; line-height: 2.8rem;} * html #wrapper {height:100%;} .mm-page {height:auto !important; min-height:100%; height:100%; position:relative; width:100%; padding:0; margin:0 auto; background:none;} * html .mm-page {height:100%;} #header {height:374px; width:100%; position:relative; z-index:1210; margin:0; padding:0; float:left;} #header .inside {width:100%;} #header .inside .content {position:relative; min-height:130px; width:1100px; padding:0 20px; margin:0 auto;} body #header #headtitle.content-text {display:none;} body.home #header #headtitle.content-text {padding-top:440px; position:absolute; width:100%; display:block;} #header h1, #header h2 {text-align:center; position:relative; padding:0; margin:0; color:#fff; font-family:"Futura LT W01 Bold Condensed"; font-size:12rem; line-height:12.3rem; text-transform:uppercase;} body.home #header {min-height:130px; height:auto; width:100%; position:absolute; z-index:1210; margin:0; padding:0; float:left;} body.home #header .inside {width:100%;} body.home #header .inside .content {position:relative; min-height:130px; width:1100px; padding:0 20px; margin:0 auto;} #footer {width:100%; height:650px; padding:0; position:relative; z-index:1200; margin-top: -650px; margin-left:auto; margin-right:auto; font-size:2.1rem; line-height:3.2rem; display:block; clear:both; color:#000; z-index:600;} #footer .inside {position:relative; width:100%; height:650px; display:block; margin:0; padding:0; clear:both;} #footer .inside .contenttop {position:relative; width:100%; height:158px; display:block; margin:0; padding:0; clear:both; background:#fff; border-top:2px solid #989394; text-align:center;} #footer .inside .contentbottom {position:relative; width:100%; height:438px; display:block; margin:0; padding:52px 0 0 0; clear:both; background:#484546;} #footer .inside .content {position:relative; width:1100px; height:auto; display:block; margin:0 auto; padding:0 20px;} #footer .inside .content-text {float:right; width:350px; height:auto; display:block; margin:0; padding:0; color:#fff;} #footer .inside .content-text.left {float: left;} #footer .inside .content-image {display:inline-table; padding:36px 24px 0 24px;} .endcontent {height:650px; width:100%; display:block; position:relative; z-index:300;} #logo {position:absolute; top:90px; left:20px; z-index:800; float:left;} body #header #sitelink {position:absolute; top:48px; right:48px; z-index:800; float:right; float:left;} body #header #sitelink.ce_text .image_container, body #header #sitelink.content-text figure {float:left; display:block;} body #header #sitelink.ce_text p, body #header #sitelink.content-text p {display:none;} body #header #sitelinkhome {display:none;} body.home #header #sitelinkhome {position:absolute; top:48px; right:48px; z-index:800; float:right; display:block; float:left;} body.home #header #sitelinkhome.ce_text .image_container, body.home #header #sitelinkhome.content-text figure {float:left; display:block;} body.home #header #sitelinkhome.ce_text p, body.home #header #sitelinkhome.content-text p {display:none;} body.home #header #sitelink {display:none;} /*Backtotop*/ .btt-bg {width:100%; position:relative; background:#5a5a58; height:90px;} #backtotop {width: 81px; position: relative; top:0; cursor: pointer; opacity:1; z-index: 5000; margin:0 auto;} #backtotop img {width: 100%;} .schmal {width: 50% !important; margin-right: auto !important; margin-left: auto !important; float: none !important; text-align: center;} #container #main .imageauto .image_container, #container #main .imageauto figure {text-align: center;} #container #main .imageauto .image_container img, #container #main .imageauto figure img {width: auto !important; float: none;} /* SLIDER - INHALTSELEMENT */ /*************************************************************/ #container .ce_caroufredsel_gallery {position:relative; float:left; width:100%;} #container .ce_caroufredsel_gallery .caroufredsel_skin {position:relative; float:left; width:100%; padding:0 0 0 0; margin-bottom:30px;} #container .caroufredsel .image_container img {width:100% !important; height:auto !important;} #container .caroufredsel_navi {position: absolute; top:0; width:100%; height:100%; z-index:1000;} #container .caroufredsel_navi .caroufredsel_prev {position:relative; height:100%; width:99px; float:left; margin:0; background:url(../../files/data/graphics/slider_prev.png) left center no-repeat; background-size:100% auto;} #container .caroufredsel_navi .caroufredsel_prev span {display: none;} #container .caroufredsel_navi .caroufredsel_next {position:relative; height:100%; width: 99px; float: right; background:url(../../files/data/graphics/slider_next.png) right center no-repeat; background-size:100% auto;} #container .caroufredsel_navi .caroufredsel_next span {display: none;} #container .caroufredsel_pagi {position: absolute; bottom: 18px; left: 0; right: 0; text-align: center; z-index:1000;} #container .caroufredsel_pagi a {width: 18px; height: 18px; display: inline-block; margin: 0 0 0 0; background-image: url(../../files/data/graphics/slider_pagi.png); background-repeat: no-repeat; transition: all 0.3s ease; -webkit-transition: all 0.3s ease;} #container .caroufredsel_pagi a:hover, #container .caroufredsel_pagi a.selected {background-image: url(../../files/data/graphics/slider_pagi_select.png); background-repeat: no-repeat;} #container .caroufredsel_pagi a span {display: none;} /* SLIDER - HOME - CUSTOMSECTION */ /*************************************************************/ #slider {height:auto; width:100%; position:relative; z-index:1100; margin:0; padding:0; float:left;} #slider .inside {width:100%;} .home-slider .content-swiper {width:auto; height:100vh; overflow: hidden; margin:0 auto; padding:0 0 0 0; position:relative;} .home-slider .content-swiper .swiper {height: 100%;} .home-slider .content-swiper .swiper .content-image {height: 100%;} .home-slider .content-swiper .swiper .content-image figure {height: 100%;} .home-slider .content-swiper img {height: 100%; width: 100%; object-fit: cover; object-position: bottom center;} .home-slider .caroufredsel_wrapper {width:auto !important;} .home-slider {} .home-slider .caroufredsel_wrapper {position: relative !important; height: 100% !important;} .home-slider .ce_caroufredsel_background {height: 100%; } .home-slider .caroufredsel_skin {height: 100%;} .home-slider .caroufredsel {height: 100% !important;} .home-slider .image_container, .home-slider figure {height: 100%; width: auto;} /* Scrollbutton */ .home-slider .linkbuttons {z-index: 4; height: 76px; width: 500px; margin: 0 auto; position: absolute; left: 0; right: 0; bottom: 0;} .home-slider .btn-scroll {height: 76px; width: 240px; background-color: rgba(222, 220, 25, 0.8); text-align: center; position:absolute;} .home-slider .btn-scroll.left {left:0;} .home-slider .btn-scroll.right {right:0;} .home-slider .btn-scroll a {display: block; width: 100%; height: 60px; padding-top: 16px; transition: all 0.3s;} .home-slider .btn-scroll span { font-size:2.1rem; line-height:2rem; padding:0px; font-family:'open_sansregular'; text-transform:uppercase; display:block;} .home-slider .btn-scroll span {} .home-slider .btn-scroll img {width: 24px; position: relative;} .home-slider .btn-scroll a:hover {background-color:rgba(222, 220, 25, 1);} /* CONTAINER (INCLUDING LEFT/MAIN/RIGHT */ /*************************************************************/ #container {position:relative; top:0; width:1100px; min-height:150px; z-index:1000; clear:both; padding:10px 20px 0 20px; margin:0 auto; background:none; z-index:1000;} * html #container {height:150px;} #main {position:relative; margin:0; padding:0; width:100% !important; display:block; float:left;} #main .inside {display:block; margin:0; padding:40px 0 150px 0; width:100%; float:left;} strong, bold {font-family:'open_sanssemibold' !important; font-weight:normal !important;} .ce_ytvideo {padding:0 0 40px 0; float:left;} /*************************************************************/ /* NAVIGATION */ /*************************************************************/ body #header .navigation {position:absolute; top:274px; padding:0; margin:0; width:100%; height:100px; display:block; background-color: rgba(40, 42, 42, 1.0); z-index:1200;} body.home #header .navigation {position:absolute; top:274px; padding:0; margin:0; width:100%; height:100px; display:block; background-color: rgba(40, 42, 42, 0.5); z-index:1200;} body #header .navigation ul {position:relative; width:1100px; padding:0 20px; margin:0 auto; font-size:1.7rem; line-height:2.4rem; letter-spacing:0.1em; font-family:'open_sansregular'; font-weight:normal; display:block;} #header .navigation ul .navcontent {} #header .navigation li {display:block; float:left; padding:0; margin:0 38px 0 0; position:relative; text-align:left; z-index:1; transition: all 0.2s;} #header .navigation li.home {display:none;} #header .navigation li:last-of-type {margin:0 0 0 0;} #header .navigation li:hover {z-index:2;} #header .navigation li a {color:#fff; float:left; text-align:left; margin:0; padding:40px 0 30px 0; text-decoration:none; background:none; overflow:hidden; transition: all 0.2s; border-bottom:6px solid rgba(222, 220, 25, 0);} #header .navigation li a:hover, #header .navigation li a.active, #header .navigation li a.trail, #header .navigation li:hover a {color:#dedc19; text-decoration:none; padding:40px 0 30px 0; border-bottom:6px solid rgba(222, 220, 25, 1.0);} #header .navigation li:hover .level_2 {display:block; visibility:visible; opacity:1; transition: all 0.2s;} #header .navigation li .level_2 {display: none; visibility:hidden; opacity:0; transition: none;} #header .navigation li ul {position:absolute; top:100px; left:0; height:280px; width:350px; margin:0; padding:6px 0 0 0; list-style:none; float:left;} #header .navigation li:last-of-type ul {width:192px;} #header .navigation li:hover li, #header .navigation li.active li, #header .navigation li li {margin:0; padding:0; width:350px !important; height:auto;} #header .navigation li:last-of-type:hover li, #header .navigation li:last-of-type.active li, #header .navigation li:last-of-type li {margin:0; padding:0; width:192px !important; height:auto;} #header .navigation li li:first-of-type {padding:20px 0 0 0 !important;} #header .navigation li li:last-of-type {padding:0 0 20px 0;} #header .navigation li li:first-of-type:last-of-type {padding:20px 0 20px 0;} #header .navigation li:hover li a, #header .navigation li.active li a {color:#fff; width:auto; height:auto; padding:4px 0 0 20px; text-indent:0; font-weight:normal; transition:none; border-bottom:2px solid rgba(222, 220, 25, 0); background:url(../../files/data/graphics/nav-tab-inactive.png) left 11px no-repeat;} #header .navigation li:hover li a:hover, #header .navigation li.active li a:hover, #header .navigation li ul li a.active {color: #dedc19; text-decoration:none; border-bottom:2px solid rgba(222, 220, 25, 1.0); background:url(../../files/data/graphics/nav-tab-active.png) left 11px no-repeat;} /*IE*/ #header .navigation li li a:hover, #header .navigation li li a:hover {color: #dedc19; text-decoration: none;} /**/ body #darkener {position: absolute; width: 100%; height: 280px; background-color: rgba(0,0,0,0.8); z-index: 1000; top: 380px; left: 0; opacity: 0; visibility: hidden; transition: all 0.2s ease; -webkit-transition: all 0.2s ease;} body.home #darkener {background-color: rgba(0,0,0,0.5);} .ce_dlh_googlemaps {width:100%; height:650px; float:left; display:block; z-index:1200; padding:14px 0 10px 0; color:#000;} .dlh_googlemap {width:100%; height:650px; float:left; display:block; z-index:1200; line-height:2.0rem;} em {font-family: 'open_sansitalic'; font-style:normal;} /*************************************************************/ /* CONTENT */ /*************************************************************/ #container p {padding:4px 0 12px 0; margin:0; display:block;} #footer p {padding:8px 0 16px 0; margin:0; display:block;} #container h1 {padding:16px 0 32px 0; margin:0; font-size:10.0rem; line-height:10rem; font-family:'open_sanslight'; color:#282a2a; text-align:center;} #main .headline {float:left; width:100%;} #main h2 {display:block; padding:0 0 30px 0; font-size:3.1rem; line-height:3.6rem; background:none; font-family:"Futura LT W01 Bold Condensed"; text-align:center; margin:50px 0 0 0; text-transform:uppercase; color:#989394; letter-spacing:0.1em;} #main h2.newsicon {display:block; padding:172px 0 42px 0; font-size:3.1rem; line-height:3.6rem; background:url(../../files/data/graphics/headline_news.png) center top no-repeat; font-family:"Futura LT W01 Bold Condensed"; text-align:center; margin:50px 0 0 0; text-transform:uppercase; color:#989394; letter-spacing:0.1em;} #main h2.downloadsicon {display:block; padding:172px 0 42px 0; font-size:3.1rem; line-height:3.6rem; background:url(../../files/data/graphics/headline_downloads.png) center top no-repeat; font-family:"Futura LT W01 Bold Condensed"; text-align:center; margin:50px 0 0 0; text-transform:uppercase; color:#989394; letter-spacing:0.1em;} #main h3 {padding:16px 0 16px 0; margin:0; font-family:'open_sanslight'; font-weight:normal; font-size:3.8rem; line-height:4.5rem; color:#282a2a; display:block;} #main h4 {padding:8px 0 0 0; margin:0; font-family:'open_sansbold'; font-weight:normal; font-size: 1.9rem; line-height: 2.8rem; color:#282a2a;} .rs-columns {clear: both; display: inline-block; width:100%; margin-bottom:20px;} .rs-column {float: left; width: 100%; margin-top: 7.69231%; margin-right: 3.636363636363636% !important;} .rs-column.-large-first {clear: left;} .rs-column.-large-last {margin-right: 0 !important;} .rs-column.-large-first-row {margin-top: 0;} .rs-column.-large-col-2-1 {width: 48.18181818181818% !important;} .rs-column.-large-col-2-2 {width: 100%;} .rs-column.-large-col-3-1 {width: 28.20513%;} .rs-column.-large-col-3-2 {width: 64.10256%;} .rs-column.-large-col-3-3 {width: 100%;} .ce_inlinemedia iframe {width:100% !important; height:400px !important; margin:8px 0;} #container a, #container a:link, #container a:visited {color:#282a2a; text-decoration:none;} #container a:hover, #container a:active {color:#282a2a; text-decoration:underline;} #container .box a, #container .box a:link, #container .box a:visited {color:#282a2a; text-decoration:none;} #container .box a:hover, #container .box a:active {color:#282a2a; text-decoration:underline;} #header a, #header a:link, #header a:visited {color:#282a2a; text-decoration:none;} #header a:hover, #header a:active {color:#282a2a; text-decoration:underline;} #footer a, #footer a:link, #footer a:visited {color:#fff; text-decoration:none;} #footer a:hover, #footer a:active {color:#fff; text-decoration:underline;} #slider .home-slider a, #slider .home-slider a:link, #slider .home-slider a:visited {color:#fff; text-decoration:none;} #slider .home-slider a:hover, #slider .home-slider a:active {color:#fff; text-decoration:none;} img {vertical-align:bottom;} table {border-collapse:collapse;} .caption {font-size:0.88em; line-height:1.3em; padding-top:4px;} /*Downloads*/ .content-download, .content-downloads {position:relative; width:100%; margin:0; padding:0;} .content-download ul, .content-downloads ul {position:relative; float:left; width:100%; margin:0; padding:0 0 0 0;} .content-download ul li, .content-downloads ul li {position:relative; width:100%; line-height:21px; padding:0 0 0 0; margin:0 0 5px 0; background:#dedc19;} .content-download img, .content-downloads img {position:absolute; left:12px; top:10px; z-index:400;} body #container .content-downloads a, body #container .content-downloads a:link, body #container .content-downloads a:visited, body #container .content-download a, body #container .content-download a:visited, body #container .content-download a:link, body #container .enclosure a:link, body #container .enclosure a:visited { position:relative; z-index:300; text-decoration: none; font-size: 14px; font-family:; color: #282a2a; display:block; padding:10px 30px 6px 40px; margin:0 0 0 0; background:url(../../files/data/graphics/icon_download.png) top 7px right 8px no-repeat; transition: background-color 0.5s ease; -webkit-transition: background-color 0.5s ease; } body #container .content-downloads a:hover, body #container .content-downloads a:active, body #container .content-download a:hover, body #container .content-download a:active {background-color:#ecebec;} /* TEXT - CE */ #main .ce_text, #main .content-text {position:relative;} #container .ce_text, #container .ce_image, #container .content-text, #container .content-image {clear:both; float:left; width:100%;} #main .ce_text .image_container {padding:8px 0 10px 0; float:left;} #main .ce_text .image_container.float_left {width:44.11764705882353% !important; height:auto !important; padding:8px 4.411764705882353% 10px 0 !important;} #main .ce_text .image_container.float_below {padding:8px 0 10px 0; float:left; width:100% !important; height:auto !important;} #main .ce_text .image_container.float_above {padding:8px 0 10px 0; float:left; width:100% !important; height:auto !important;} #main .ce_text .image_container img {width:100% !important; height:auto !important; float:left;} #main .ce_image {padding-bottom:24px; width:100%; float:left; clear:both;} #main .ce_image .image_container {padding:14px 0 0 0;} #main .ce_image .image_container img {width:100% !important; height:100% !important;} .produktebeschreibung #main .ce_image {border-top: 2px solid #989394; margin-top: 50px; } #main .content-text figure {padding:8px 0 10px 0; float:left;} #main .content-text.media--left figure {width:44.11764705882353% !important; height:auto !important; padding:8px 4.411764705882353% 10px 0 !important;} #main .content-text.media--below figure {padding:8px 0 10px 0; float:left; width:100% !important; height:auto !important;} #main .content-text.media--above figure {padding:8px 0 10px 0; float:left; width:100% !important; height:auto !important;} #main .content-text figure img {width:100% !important; height:auto !important; float:left;} #main .content-image {padding-bottom:24px; width:100%; float:left; clear:both;} #main .content-image figure {padding:14px 0 0 0;} #main .content-image figure img {width:100% !important; height:100% !important;} .produktebeschreibung #main .content-image {border-top: 2px solid #989394; margin-top: 50px; } /* TEXT - LEADTEXT - CE */ #container .ce_text.first, #container .content-text.first {text-align:center; padding-bottom:20px;} #container .ce_text.first p, #container .content-text.first p {font-size:2.8rem; line-height:3.5rem; padding:32px 5.909090909090909 24px 5.909090909090909; font-family:'open_sanslight';} /* VORLAGE TINY BUTTON */ #container .ce_text p.button, #container .content-text p.button {padding:20px 0 0 0;} #container .ce_text p.button a, #container .content-text p.button a {font-size:2.1rem; line-height:3.1rem; padding:20px 0 0 0; font-family:'open_sansregular'; text-transform:uppercase; width:294px; height:54px; background:rgba(222, 220, 25, 1.0); display:inline-table; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;} #container .ce_text p.button a:hover, #container .content-text p.button a:hover {background:rgba(201, 198, 12, 1);} /*Box*/ #container .ce_text.box, #container .content-text.box {background-color:#dedc19; float:left; padding:1% 4.716981132075472% 1% 4.716981132075472%; width:90.56603773584906%;} /*List*/ .ce_text ul, .content-text ul {list-style-type:none; display:block; float:left; width:100%;} .ce_text ul li, .content-text ul li {list-style-type:none; margin:0; padding:0 0 0 20px; background:url(../../files/data/graphics/icon_list.png) left 9px no-repeat;} .ce_text.box ul, .content-text.box ul {list-style-type:none; display:block; float:left; width:100%;} .ce_text.box ul li, .content-text.box ul li {list-style-type:none; margin:0; padding:0 0 0 20px; background:url(../../files/data/graphics/icon_list_white.png) left 9px no-repeat;} .ce_text.box ul:nth-of-type(2) li, .content-text.box ul:nth-of-type(2) li {background:url(../../files/data/graphics/icon_list2_white.png) left 9px no-repeat;} /* News */ .mod_newslist {float:left; display:block; width:100%;} .layout_latest_hover {float:left; position:relative; width:354px; height:560px; margin:19px 19px 0 0; padding:0;} .layout_latest_hover:nth-child(3n+3) {margin:19px 0 0 0;} .layout_latest_hover .hover-caption {float:none; overflow:hidden; position:relative; text-align:left; color:#000; width:100%; height:100%; margin:0 0 0 0; padding:0; cursor:pointer; background:rgba(222, 220, 25, 1.0); -webkit-transition: all 0.5s ease; transition: all 0.5s ease;} .layout_latest_hover .hover-caption:hover { background:rgba(201, 198, 12, 1);} .layout_latest_hover .hover-caption .mask {width:100%; height:100%; position:absolute; overflow:hidden; top:0; left:0; opacity:0; transition:all 0.3s; z-index:1600;} .layout_latest_hover .hover-caption .mask a {padding:0; margin:0; position:absolute; left:0; top:0; width:100%; height:100%; float:left; text-decoration:none;} .layout_latest_hover .hover-caption:hover .mask {opacity: 1;} .layout_latest_hover .hover-caption .image_container {width:100%; margin:0; padding:0; float:left; overflow:hidden;} .layout_latest_hover .hover-caption img {display: block; transition:all 0.3s; width:100% !important; height:auto !important; opacity:1; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;} .layout_latest_hover .hover-caption:hover img {-webkit-transform:scale(1.2); transform:scale(1.2);} .layout_latest_hover .hover-caption .text_hover {text-align:left; padding:7% 6% 0 9%; float:left; opacity: 1; transform:scale(1); transition:all 0.3s; z-index:1000; width:85%;} #main .layout_latest_hover .hover-caption:hover .text_hover {opacity:1; transform:scale(1);} #main .layout_latest_hover .hover-caption:hover .text_hover h3, #main .layout_latest_hover .hover-caption:hover .text_hover p, #main .layout_latest_hover .hover-caption:hover .text_hover a {transform:scale(1); transition:all 0.3s;} #main .layout_latest_hover h3 {padding:8px 0 0 0; margin:0; font-family:'open_sansbold'; font-weight:normal; font-size: 1.9rem; line-height: 2.8rem; color:#282a2a;} #container .layout_latest_hover p.info {padding:4px 0 0 0;} #container .layout_latest_hover .teaser p {padding-bottom:4px;} #main .layout_full .image_container {text-align:center; width:50%; margin:0 auto 30px auto;} #main .layout_full .image_container img {width:100% !important; height:auto !important;} #main .layout_full .ce_text, #main .layout_full .content-text {text-align:center; width:50%; margin:0 auto; float:none;} #main .mod_newsreader p.back {text-align:center; width:50%; margin:20px auto 0 auto; float:none;} #main .mod_newsreader p.back a {font-size:2.1rem; line-height:3.1rem; padding:20px 0 0 0; font-family:'open_sansregular'; text-transform:uppercase; width:294px; height:54px; background:rgba(222, 220, 25, 1.0); display:inline-table; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;} #main .mod_newsreader p.back a:hover {background:rgba(201, 198, 12, 1);} /* GALLERY - CE */ #main .ce_gallery {padding:0 0 0 0; clear:both; width:100%; float:left;} #main .ce_gallery ul {padding:0; margin:0;} #main .ce_gallery ul li {padding:0 1.727272727272727% 1.727272727272727% 0; margin:0; float:left; width:32.18181818181818%;} #main .ce_gallery .col_last {padding:0 0 1.727272727272727% 0 !important;} #main .ce_gallery .image_container {padding:0 0 0 0 !important; margin:0 !important; overflow:hidden;} #main .ce_gallery .image_container img {float:left; width:100% !important; height:auto !important; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;} #main .ce_gallery .image_container:hover img {-webkit-transform:scale(1.2); transform:scale(1.2);} /* PAGINATION */ #main .pagination {width:100%; float:left; display:block; padding:9px 0 0 0;} #main .pagination p {width:40%; float:right; display:block; padding:0; text-align:right;} #main .pagination ul {width:60%; 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;} .nav_mobile_header {background:#ff2a00; width:100%; height:64px; display:block;} .mm-panel {padding:0 !important; background:#dedc19 !important;} .mod_mmenu_article ul.level_1 {padding-top:0 !important;} #map {height: 670px;} /* FORMULARE (STANDARD/KOMMENTARE */ /*************************************************************/ #main .ce_form {width:516px; margin:0 auto; padding:8px 0 0 0 !important; clear:both;} #main .formbody {padding:20px 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;} #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:34px; border:none; color:#282a2a; margin:0 0 8px 0; padding:2px 2.5%; background:#dedc19;} #main .formbody input.error {background:#e8e65d; margin:2px 0 8px 0;} #main .formbody input:focus {background:#e8e65d;} #main .formbody .fieldleft {width:47.28682170542636%; float:left; clear:none;} #main .formbody .fieldleft label {width:100%; float:left;} #main .formbody .fieldleft input {width:90%; float:left; padding:2px 5%;} #main .formbody .fieldright {width:47.28682170542636%; float:right; clear:none;} #main .formbody .fieldright label {width:100%; float:left;} #main .formbody .fieldright input {width:90%; float:left; padding:2px 5%;} #main textarea {float:right; width:95%; height: 140px; border:none; margin:0 0 12px 0; color:#282a2a; padding:8px 2.5%; background:#dedc19; font-family:"Proxima N W01 Light", Arial, Verdana, Helvetica, sans-serif;} #main textarea.error {margin:0 0 8px 0;} #main .formbody textarea.error {background:#e8e65d;} #main .formbody textarea:focus {background:#e8e65d;} ::-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:left; background:#484546; border:none; cursor:pointer; height:38px; margin:16px 0 8px 0; padding:3px 0 5px 3%; float:right; width:47.28682170542636%; font-weight:normal;} #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:24px 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 8px 0; padding:2px 2%; background: #dedc19;} #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: #dedc19 !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:#dedc19 !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: #dedc19 !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:#dedc19 !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; } #main .formbody .g-recaptcha {float:right;} .invisible {display:none !important;} .content-youtube {width:100% !important; float:left; padding-bottom:16px; position:relative;} .content-youtube .mejs-layer {margin:0 auto; position:relative;} .content-youtube .mejs-container {margin:0 auto; position:relative;} /* Desktop-Mobile Settings */ #header #mod_nav_mobile {display:none;} #header a.mobilebtn {display:none;} @media (max-width:1200px){ #header {height:374px;} #header .inside .content {width:96%; padding:0 2%; margin:0 auto;} #header h1, #header h2 {text-align:center; position:relative; padding:0; margin:0; color:#fff; font-family:"Futura LT W01 Bold Condensed"; font-size:12rem; line-height:12.3rem; text-transform:uppercase;} body.home #header {min-height:130px;} body.home #header .inside .content {width:96%; padding:0 2%; margin:0 auto;} body.home #header #headtitle.content-text {padding-top: 400px; position: absolute; width: 96%; display: block;} #logo {left:2%;} body #sitelink {right:5%;} #footer .inside .content {width:96%; padding:0 2%;} #container {width:96%; padding:30px 2% 0 2%; margin:0 auto; background:none; z-index:1000;} body #header .navigation ul {font-size:1.7rem; line-height:2.4rem; letter-spacing:0.02em; font-family:'open_sansregular'; font-weight:normal; width:96%; padding:0 2%;} body #header .navigation li {margin:0 26px 0 0;} #container h1 {padding:16px 0 32px 0; margin:0; font-size:11.0rem; line-height:11.3rem; font-family:'open_sanslight'; color:#282a2a; text-align:center;} .layout_latest_hover {float:left; position:relative; width:32.18181818181818%; height:560px; margin:1.727272727272727% 1.727272727272727% 0 0; padding:0;} .layout_latest_hover:nth-child(3n+3) {margin:1.727272727272727% 0 0 0;} } @media (max-width:1040px){ #header {height:294px;} body.home #header #headtitle.content-text {padding-top:320px;} #header h1, #header h2 {text-align:center; position:relative; padding:0; margin:0; color:#fff; font-family:"Futura LT W01 Bold Condensed"; font-size:9rem; line-height:9.3rem; text-transform:uppercase;} #logo {top:20px;} body #sitelink {top:20px;} body.home #sitelinkhome {top:20px;} body #header .navigation {top:194px;} body.home #header .navigation {top:194px;} body #darkener {top: 300px;} } @media (max-width:1000px){ #header #mod_nav_mobile {display:block;} #header a.mobilebtn span {display:block;} /*#header .mobilebtn_ct {position:relative; padding:0; float:left; width:100%; background:red; height:40px;}*/ #header a.mobilebtn {display:block; text-decoration:none; width:auto; height:28px; padding:0 50px 0 0; position:absolute; top:230px; right:48px; z-index:1500; background:url(../../files/data/graphics/ico-responsive-nav.png) right top no-repeat; background-size: 28px auto; color:#fff;} body #header .navigation ul {display:none;} #slider iframe {height: auto !important;} } @media (max-width:940px){ #wrapper {font-size: 1.7rem; line-height: 2.6rem;} .mm-page {font-size: 1.7rem; line-height: 2.6rem;} #container h1 {padding:16px 0 32px 0; margin:0; font-size:9.0rem; line-height:9.3rem; font-family:'open_sanslight'; color:#282a2a; text-align:center;} .layout_latest_hover {float:left; position:relative; width:48.18181818181818%; height:560px; margin:3.636363636363636% 3.636363636363636% 0 0; padding:0;} .layout_latest_hover:nth-child(3n+3) {margin:3.636363636363636% 3.636363636363636% 0 0;} .layout_latest_hover:nth-child(2n+2) {margin:3.636363636363636% 0 0 0;} } @media (max-width:785px){ #header a.mobilebtn span {display:none;} #header a.mobilebtn {display:block; text-decoration:none; width:28px; height:28px; padding:0; position:absolute; top:125px; right:4%; z-index:1500; background:url(../../files/data/graphics/ico-responsive-nav.png) left top no-repeat; background-size: 100% auto; color:#fff;} #header .inside .content {width:92%; padding:0 4%; margin:0 auto;} #header {height:180px; background-color: rgba(40, 42, 42, 1.0);} body.home #header {background-color: rgba(40, 42, 42, 0);} body.home #header .inside .content {width:92%; padding:0 4%; margin:0 auto;} body.home #header #headtitle.content-text {padding-top:40%; position:absolute; width:92%; display:block;} #logo {left:4%; top:60px;} #logo .image_container, #logo figure {width:220px !important; height:auto !important;} #logo .image_container img, #logo figure img {width:100% !important; height:auto !important;} #main .inside {padding:20px 0 60px 0;} #footer .inside .content {width:92%; padding:0 4%;} #container {width:92%; padding:30px 4% 0 4%; margin:0 auto; background:none; z-index:1000;} #slider {height:auto; width:100%; position:relative; z-index:1100; margin:0; padding:0; float:left;} .home-slider .content-swiper {height: auto;} .home-slider .caroufredsel_gallery {width: auto; min-width:1200px; height: 100%; max-height:auto;} .home-slider .image_container, .home-slider figure {height: 100%; width: auto;} .home-slider .caroufredsel_gallery .image_container img {width: 100% !important; height: auto !important; left: 0 !important;} .home-slider .ce_caroufredsel {width:auto; height:auto; margin:0 auto; padding:0 0 0 0; position:relative;} .home-slider .caroufredsel_gallery {min-width:1px;} .home-slider .caroufredsel_wrapper {z-index: 2000 !important;} .home-slider .caroufredsel_skin {z-index: 2000 !important;} .home-slider .caroufredsel_gallery img {z-index: 2000 !important;} .home-slider .image_container, .home-slider figure {width: 100% !important; height: auto !important;} #main .ce_form {width:100%; margin:0 auto; padding:8px 0 0 0 !important; clear:both;} body.home #header .navigation {display:none;} body #header .navigation {display:none;} body #header #sitelink {position:absolute; top:0; right:auto; left:0; z-index:800; float:left; width:100%; height:40px; background:#dedc19; text-align:right;} body #header #sitelink.ce_text .image_container, body #header #sitelink.content-text figure {float:left; display:none;} body #header #sitelink.ce_text p, body #header #sitelink.content-text p {display:block; font-size: 2.1rem; line-height: 2.8rem; padding:0 4%;} body #header #sitelink.ce_text p a, body #header #sitelink.content-text p a {background:url(../../files/data/graphics/arrow-right-black.png) right 15px no-repeat; padding:5px 20px 0 0; float:right; display:block;} body #header #sitelinkhome {display:none;} body.home #header #sitelinkhome {position:absolute; top:0; right:auto; left:0; z-index:800; float:left; width:100%; height:40px; background:#dedc19; text-align:right;} body.home #header #sitelinkhome.ce_text .image_container, body.home #header #sitelinkhome.content-text figure {float:left; display:none;} body.home #header #sitelinkhome.ce_text p, body.home #header #sitelinkhome.content-text p {display:block; font-size: 2.1rem; line-height: 2.8rem; padding:0 4%;} body.home #header #sitelinkhome.ce_text p a, body.home #header #sitelinkhome.content-text p a {background:url(../../files/data/graphics/arrow-right-black.png) right 15px no-repeat; padding:5px 20px 0 0; float:right; display:block;} body.home #header #sitelink {display:none;} #container h1 {padding:16px 0 32px 0; margin:0; font-size:6.0rem; line-height:6.3rem; font-family:'open_sanslight'; color:#282a2a; text-align:center;} #container .ce_text.first p, #container .content-text.first p {font-size:2.8rem; line-height:3.9rem; padding:32px 5.909090909090909 24px 5.909090909090909; font-family:'open_sanslight';} #header h1, #header h2 {text-align:center; position:relative; padding:0; margin:0; color:#fff; font-family:"Futura LT W01 Bold Condensed"; font-size:8rem; line-height:8.3rem; text-transform:uppercase;} #main .mod_newsreader p.back {width:auto;} #main .mod_newsreader p.back a {width:45%; height:54px;} /* Scrollbutton */ .home-slider .linkbuttons {display:none;} .content-youtube {width:100% !important; float:left; padding-bottom:16px;} .content-youtube .mejs-layer {width:100% !important;} .content-youtube .mejs-container {width:100% !important; height:420px !important;} .content-youtube .mejs-mediaelement {} .content-youtube .me-plugin {width:100% !important; height:420px !important;} .content-youtube .mejs-shim {width:100% !important; height:420px !important;} #container .caroufredsel_navi .caroufredsel_prev {width:70px; background:url(../../files/data/graphics/slider_prev.png) left center no-repeat; background-size:70px auto;} #container .caroufredsel_navi .caroufredsel_next {width: 70px; background:url(../../files/data/graphics/slider_next.png) right center no-repeat; background-size:70px auto;} } @media (max-width:699px){ #footer .inside .content-image {display:inline-table; padding:36px 16px 0 16px;} .content-youtube {width:100% !important; float:left; padding-bottom:16px;} .content-youtube .mejs-layer {width:100% !important;} .content-youtube .mejs-container {width:100% !important; height:380px !important;} .content-youtube .mejs-mediaelement {} .content-youtube .me-plugin {width:100% !important; height:380px !important;} .content-youtube .mejs-shim {width:100% !important; height:380px !important;} } @media (max-width:599px){ #wrapper {font-size: 1.5rem; line-height: 2.4rem;} .mm-page {font-size: 1.5rem; line-height: 2.4rem;} #header h1, #header h2 {text-align:center; position:relative; padding:0; margin:0; color:#fff; font-family:"Futura LT W01 Bold Condensed"; font-size:6rem; line-height:6.3rem; text-transform:uppercase;} #container h1 {padding:16px 0 24px 0; margin:0; font-size:5.0rem; line-height:5.3rem; font-family:'open_sanslight'; color:#282a2a; text-align:center;} #main h2.newsicon {display:block; padding:162px 0 22px 0; font-size:3.1rem; line-height:3.6rem; margin:50px 0 0 0;} #main h2.downloadsicon {display:block; padding:162px 0 22px 0; font-size:3.1rem; line-height:3.6rem; margin:50px 0 0 0;} #main h3 {padding:16px 0 12px 0; margin:0; font-family:'open_sanslight'; font-weight:normal; font-size:2.8rem; line-height:3.5rem; color:#282a2a; display:block;} #main h4 {padding:8px 0 0 0; margin:0; font-family:'open_sansbold'; font-weight:normal; font-size: 1.5rem; line-height: 2.4rem; color:#282a2a;} body.home #header #headtitle.content-text {padding-top:46%; position:absolute; width:92%; display:block;} .rs-column {float: left; width: 100%; margin-top: 7.69231%; margin-right:0 !important; margin-bottom:20px;} .rs-column.-large-first {clear: left;} .rs-column.-large-last {margin-right: 0 !important;} .rs-column.-large-first-row {margin-top: 0;} .rs-column.-large-col-2-1 {width:100% !important;} .layout_latest_hover {float:left; position:relative; width:100%; height:auto; margin:3.636363636363636% 0 0 0; padding:0;} .layout_latest_hover:nth-child(3n+3) {margin:3.636363636363636% 0 0 0;} .layout_latest_hover:nth-child(2n+2) {margin:3.636363636363636% 0 0 0;} #footer {width:100%; height:480px; margin-top: -480px; font-size:1.5rem; line-height:2.4rem;} #footer .inside {height:480px;} #footer .inside .contenttop {height:138px;} #footer .inside .contentbottom {height:288px; padding:52px 0 0 0;} #footer .inside .content-image {display:inline-table; padding:36px 2.671118530884808% 0 2.671118530884808%; width:12.18181818181818%;} #footer .inside .content-image img {width:100% !important; height:auto !important;} #footer .inside .content-text {float:left; width:100%; height:auto; display:block; margin:0; padding:0; color:#fff; text-align:center;} .endcontent {height:480px; width:100%; display:block; position:relative; z-index:300;} .content-youtube {width:100% !important; float:left; padding-bottom:16px;} .content-youtube .mejs-layer {width:100% !important;} .content-youtube .mejs-container {width:100% !important; height:320px !important;} .content-youtube .mejs-mediaelement {} .content-youtube .me-plugin {width:100% !important; height:320px !important;} .content-youtube .mejs-shim {width:100% !important; height:320px !important;} #container .caroufredsel_navi .caroufredsel_prev {width:50px; background:url(../../files/data/graphics/slider_prev.png) left center no-repeat; background-size:50px auto;} #container .caroufredsel_navi .caroufredsel_next {width: 50px; background:url(../../files/data/graphics/slider_next.png) right center no-repeat; background-size:50px auto;} } @media (max-width:499px){ body #header a.mobilebtn {right:4%; top:108px;} #logo {left:4%; top:60px;} #logo .image_container, #logo figure {width:180px !important; height:auto !important;} .schmal {width: 100% !important; float: left !important; text-align: left;} #header {height:160px;} body.home #header #headtitle.content-text {padding-top:50%;} #main .inside {padding:0 0 50px 0;} #header h1, #header h2 {text-align:center; position:relative; padding:0; margin:0; color:#fff; font-family:"Futura LT W01 Bold Condensed"; font-size:5rem; line-height:5.3rem; text-transform:uppercase;} #container h1 {padding:16px 0 24px 0; margin:0; font-size:3.0rem; line-height:3.3rem; font-family:'open_sansbold'; color:#282a2a; text-align:center;} #container .ce_text.first p, #container .content-text.first p {font-size:2.4rem; line-height:3.5rem; padding:32px 5.909090909090909 24px 5.909090909090909; font-family:'open_sanslight';} #main .layout_full .image_container {width:100%;} #main .layout_full .ce_text, #main .layout_full .content-text {width:100%;} #main .mod_newsreader p.back a {font-size:1.9rem; line-height:2.9rem; padding:20px 0 0 0; width:70%; height:54px;} #container .ce_text p.button a, #container .content-text p.button a {font-size:1.9rem; line-height:2.9rem; padding:20px 0 0 0; width:70%; height:54px;} #footer .inside .ce_image, #footer .inside .content-image {display:inline-table; padding:26px 2% 0 2%; width:19%;} #map {height: 50vw;} .content-youtube {width:100% !important; float:left; padding-bottom:16px;} .content-youtube .mejs-layer {width:100% !important;} .content-youtube .mejs-container {width:100% !important; height:260px !important;} .content-youtube .mejs-mediaelement {} .content-youtube .me-plugin {width:100% !important; height:260px !important;} .content-youtube .mejs-shim {width:100% !important; height:260px !important;} } @media (max-width:450px){ body.home #header #headtitle.content-text {padding-top:57%;} #header h1, #header h2 {text-align:center; position:relative; padding:0; margin:0; color:#fff; font-family:"Futura LT W01 Bold Condensed"; font-size:2.7rem; line-height:3.0rem; text-transform:uppercase;} #main .inside {padding:0 0 50px 0;} #container h1 {padding:16px 0 32px 0; margin:0; font-size:3.0rem; line-height:3.3rem; font-family:'open_sansbold'; color:#282a2a; text-align:center;} #container .ce_text.first, #container .content-text.first {text-align:center; padding-bottom:20px;} #container .ce_text.first p, #container .content-text.first p {font-size:2.1rem; line-height:3.0rem;} } @media (max-width:399px){ #footer .inside .content-image {display:inline-table; padding:36px 2% 0 2%; width:19%;} .content-youtube {width:100% !important; float:left; padding-bottom:16px;} .content-youtube .mejs-layer {width:100% !important;} .content-youtube .mejs-container {width:100% !important; height:200px !important;} .content-youtube .mejs-mediaelement {} .content-youtube .me-plugin {width:100% !important; height:200px !important;} .content-youtube .mejs-shim {width:100% !important; height:200px !important;} #container .caroufredsel_navi .caroufredsel_prev {width:35px; background:url(../../files/data/graphics/slider_prev.png) left center no-repeat; background-size:35px auto;} #container .caroufredsel_navi .caroufredsel_next {width: 35px; background:url(../../files/data/graphics/slider_next.png) right center no-repeat; background-size:35px auto;} } /* 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;} @import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=1b4c94cd-c594-4246-83e0-d1fff4b5c175"); @font-face{ font-family:"Frutiger LT W01_45 Ligh1475730"; src:url("../../files/data/styles/81e3653a-53bd-49d9-a1f8-f924811b6f02.eot?#iefix"); src:url("../../files/data/styles/81e3653a-53bd-49d9-a1f8-f924811b6f02.eot?#iefix") format("eot"),url("../../files/data/styles/087d8a95-3f25-4bae-a1d1-db9ddffd72f5.woff2") format("woff2"),url("../../files/data/styles/ab1bcdf7-9570-4cba-a8e3-3e39ddd861db.woff") format("woff"),url("../../files/data/styles/83c94878-06c8-442c-a7df-d520b0ced00b.ttf") format("truetype"),url("../../files/data/styles/29f3ff8a-1719-4e25-a757-53ee1a1114a5.svg#29f3ff8a-1719-4e25-a757-53ee1a1114a5") format("svg"); } @font-face{ font-family:"Frutiger LT W01_46 Ligh1475734"; src:url("../../files/data/styles/381ea1e1-9a08-4929-a402-63be7fd76549.eot?#iefix"); src:url("../../files/data/styles/381ea1e1-9a08-4929-a402-63be7fd76549.eot?#iefix") format("eot"),url("../../files/data/styles/db6ed4c5-5248-41f3-a6b5-4e8ff1d5ab06.woff2") format("woff2"),url("../../files/data/styles/38f88aba-a7d0-4a78-9323-ac58226d277e.woff") format("woff"),url("../../files/data/styles/1149176e-a9be-41bf-822e-275d9da199e5.ttf") format("truetype"),url("../../files/data/styles/cd75c3e3-c5b7-4a25-9498-cabe4e8a9076.svg#cd75c3e3-c5b7-4a25-9498-cabe4e8a9076") format("svg"); } @font-face{ font-family:"Frutiger LT W01_55 Roma1475738"; src:url("../../files/data/styles/fe232554-5489-4874-bb45-bd966c8c5932.eot?#iefix"); src:url("../../files/data/styles/fe232554-5489-4874-bb45-bd966c8c5932.eot?#iefix") format("eot"),url("../../files/data/styles/0811514e-6660-4043-92c1-23d0b8caaa2f.woff2") format("woff2"),url("../../files/data/styles/aeae8cac-ba4d-40d2-bbcf-936f2c7dcfe6.woff") format("woff"),url("../../files/data/styles/caedf2e6-fbef-4928-b08e-1f975981ae8d.ttf") format("truetype"),url("../../files/data/styles/7def0e34-f28d-434f-b2ec-472bde847115.svg#7def0e34-f28d-434f-b2ec-472bde847115") format("svg"); } @font-face{ font-family:"Frutiger LT W01_56 Italic"; src:url("../../files/data/styles/f8bbb037-530d-4e04-a651-4134f7031164.eot?#iefix"); src:url("../../files/data/styles/f8bbb037-530d-4e04-a651-4134f7031164.eot?#iefix") format("eot"),url("../../files/data/styles/f5a95cb0-6d5b-4eb4-b6a3-a529d5ccde25.woff2") format("woff2"),url("../../files/data/styles/01f463dc-dba9-419f-9c9f-80ac2ee9f427.woff") format("woff"),url("../../files/data/styles/ba125970-2d75-413e-a466-324153755f20.ttf") format("truetype"),url("../../files/data/styles/141c0322-57c4-48ca-abb4-31688d659f7d.svg#141c0322-57c4-48ca-abb4-31688d659f7d") format("svg"); } @font-face{ font-family:"Frutiger LT W01_65 Bold1475746"; src:url("../../files/data/styles/eb06b4c3-c0fd-4cd0-a9d9-a2954f6839a7.eot?#iefix"); src:url("../../files/data/styles/eb06b4c3-c0fd-4cd0-a9d9-a2954f6839a7.eot?#iefix") format("eot"),url("../../files/data/styles/8c92eb68-ce37-4962-a9f4-5b47d336bd1c.woff2") format("woff2"),url("../../files/data/styles/9bdfdcac-bbd4-46a9-9280-056c9a4438a2.woff") format("woff"),url("../../files/data/styles/5dae3a6e-9b07-4c2f-aed2-1f5b8951261b.ttf") format("truetype"),url("../../files/data/styles/eae74276-dd78-47e4-9b27-dac81c3411ca.svg#eae74276-dd78-47e4-9b27-dac81c3411ca") format("svg"); } @font-face{ font-family:"Frutiger LT W01_66 Bold Italic"; src:url("../../files/data/styles/36c26121-ef21-4e44-9f00-0388185c96aa.eot?#iefix"); src:url("../../files/data/styles/36c26121-ef21-4e44-9f00-0388185c96aa.eot?#iefix") format("eot"),url("../../files/data/styles/9e60a7b4-389b-4630-9fa6-1abd9be2035f.woff2") format("woff2"),url("../../files/data/styles/3048913e-d0c8-4b82-978a-aa862248bea4.woff") format("woff"),url("../../files/data/styles/db4ea3f5-223b-4821-957f-6eb868db73b1.ttf") format("truetype"),url("../../files/data/styles/8ad009ab-a7e5-4acb-8ca5-326d2a759924.svg#8ad009ab-a7e5-4acb-8ca5-326d2a759924") format("svg"); } /* Generated by Font Squirrel (http://www.fontsquirrel.com) on December 19, 2015 */ @font-face { font-family: 'open_sanssemibold'; src: url('../../files/data/styles/opensans-semibold-webfont.eot'); src: url('../../files/data/styles/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../../files/data/styles/opensans-semibold-webfont.woff2') format('woff2'), url('../../files/data/styles/opensans-semibold-webfont.woff') format('woff'), url('../../files/data/styles/opensans-semibold-webfont.ttf') format('truetype'), url('../../files/data/styles/opensans-semibold-webfont.svg#open_sanssemibold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sanssemibold_italic'; src: url('../../files/data/styles/opensans-semibolditalic-webfont.eot'); src: url('../../files/data/styles/opensans-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('../../files/data/styles/opensans-semibolditalic-webfont.woff2') format('woff2'), url('../../files/data/styles/opensans-semibolditalic-webfont.woff') format('woff'), url('../../files/data/styles/opensans-semibolditalic-webfont.ttf') format('truetype'), url('../../files/data/styles/opensans-semibolditalic-webfont.svg#open_sanssemibold_italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sansbold'; src: url('../../files/data/styles/opensans-bold-webfont.eot'); src: url('../../files/data/styles/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../../files/data/styles/opensans-bold-webfont.woff2') format('woff2'), url('../../files/data/styles/opensans-bold-webfont.woff') format('woff'), url('../../files/data/styles/opensans-bold-webfont.ttf') format('truetype'), url('../../files/data/styles/opensans-bold-webfont.svg#open_sansbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sansbold_italic'; src: url('../../files/data/styles/opensans-bolditalic-webfont.eot'); src: url('../../files/data/styles/opensans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('../../files/data/styles/opensans-bolditalic-webfont.woff2') format('woff2'), url('../../files/data/styles/opensans-bolditalic-webfont.woff') format('woff'), url('../../files/data/styles/opensans-bolditalic-webfont.ttf') format('truetype'), url('../../files/data/styles/opensans-bolditalic-webfont.svg#open_sansbold_italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sansextrabold'; src: url('../../files/data/styles/opensans-extrabold-webfont.eot'); src: url('../../files/data/styles/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'), url('../../files/data/styles/opensans-extrabold-webfont.woff2') format('woff2'), url('../../files/data/styles/opensans-extrabold-webfont.woff') format('woff'), url('../../files/data/styles/opensans-extrabold-webfont.ttf') format('truetype'), url('../../files/data/styles/opensans-extrabold-webfont.svg#open_sansextrabold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sansextrabold_italic'; src: url('../../files/data/styles/opensans-extrabolditalic-webfont.eot'); src: url('../../files/data/styles/opensans-extrabolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('../../files/data/styles/opensans-extrabolditalic-webfont.woff2') format('woff2'), url('../../files/data/styles/opensans-extrabolditalic-webfont.woff') format('woff'), url('../../files/data/styles/opensans-extrabolditalic-webfont.ttf') format('truetype'), url('../../files/data/styles/opensans-extrabolditalic-webfont.svg#open_sansextrabold_italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sansitalic'; src: url('../../files/data/styles/opensans-italic-webfont.eot'); src: url('../../files/data/styles/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'), url('../../files/data/styles/opensans-italic-webfont.woff2') format('woff2'), url('../../files/data/styles/opensans-italic-webfont.woff') format('woff'), url('../../files/data/styles/opensans-italic-webfont.ttf') format('truetype'), url('../../files/data/styles/opensans-italic-webfont.svg#open_sansitalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sanslight'; src: url('../../files/data/styles/opensans-light-webfont.eot'); src: url('../../files/data/styles/opensans-light-webfont.eot?#iefix') format('embedded-opentype'), url('../../files/data/styles/opensans-light-webfont.woff2') format('woff2'), url('../../files/data/styles/opensans-light-webfont.woff') format('woff'), url('../../files/data/styles/opensans-light-webfont.ttf') format('truetype'), url('../../files/data/styles/opensans-light-webfont.svg#open_sanslight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sanslight_italic'; src: url('../../files/data/styles/opensans-lightitalic-webfont.eot'); src: url('../../files/data/styles/opensans-lightitalic-webfont.eot?#iefix') format('embedded-opentype'), url('../../files/data/styles/opensans-lightitalic-webfont.woff2') format('woff2'), url('../../files/data/styles/opensans-lightitalic-webfont.woff') format('woff'), url('../../files/data/styles/opensans-lightitalic-webfont.ttf') format('truetype'), url('../../files/data/styles/opensans-lightitalic-webfont.svg#open_sanslight_italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sansregular'; src: url('../../files/data/styles/opensans-regular-webfont.eot'); src: url('../../files/data/styles/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../../files/data/styles/opensans-regular-webfont.woff2') format('woff2'), url('../../files/data/styles/opensans-regular-webfont.woff') format('woff'), url('../../files/data/styles/opensans-regular-webfont.ttf') format('truetype'), url('../../files/data/styles/opensans-regular-webfont.svg#open_sansregular') format('svg'); font-weight: normal; font-style: normal; } @import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=ba55c029-d21a-4071-a0fa-1720b7ef29ee"); @font-face{ font-family:"Futura LT W01 Bold Condensed"; src:url("../../files/data/styles/d0a9b89b-e998-4794-90ba-2caef07593e3.eot?#iefix"); src:url("../../files/data/styles/d0a9b89b-e998-4794-90ba-2caef07593e3.eot?#iefix") format("eot"),url("../../files/data/styles/9b3dc779-ba21-4efa-9e94-f0e68fbe1c41.woff2") format("woff2"),url("../../files/data/styles/05c1983d-21f7-4fa3-bdae-017da0302148.woff") format("woff"),url("../../files/data/styles/ea328166-5039-40ac-98c0-d980e6ea75ca.ttf") format("truetype"),url("../../files/data/styles/3cabfd6f-da56-4114-8b20-7da28135a525.svg#3cabfd6f-da56-4114-8b20-7da28135a525") format("svg"); } @font-face{ font-family:"Futura LT W01 Bold Cond Obl"; src:url("../../files/data/styles/344f85cc-6f18-406b-aa9b-54beec62ac61.eot?#iefix"); src:url("../../files/data/styles/344f85cc-6f18-406b-aa9b-54beec62ac61.eot?#iefix") format("eot"),url("../../files/data/styles/10299873-03c0-40cd-89f7-f41a47d7c9a0.woff2") format("woff2"),url("../../files/data/styles/e409cd26-769e-4c0e-8623-2af63f0869d1.woff") format("woff"),url("../../files/data/styles/2aa590e5-cf04-435d-8216-f92f6f3b2a6c.ttf") format("truetype"),url("../../files/data/styles/4a9c686b-ffc4-4007-8224-303c0e1f558b.svg#4a9c686b-ffc4-4007-8224-303c0e1f558b") format("svg"); }