@-ms-viewport { width:device-width ; } @viewport { width:device-width ; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display:block ; } html { font-family:sans-serif ; text-align:justify ; -webkit-text-size-adjust:100% ; -ms-text-size-adjust:100% ; } body { box-sizing:border-box ; overflow-y:-moz-scrollbars-vertical ; overflow-y:scroll ; padding:0; margin:0 auto ; overflow-x:hidden ; -epub-hyphens:auto ; -moz-hyphens:auto ; -o-hyphens:auto ; -webkit-hyphens:auto ; -ms-hyphens:auto ; hyphens:auto ; text-align:left; position:relative; display:block; max-width:100vw; } .onMobileShow{ display:block; } .onMobileHide{ display:none; } .nav-item:focus~.nav-content, .nav-active:focus~.nav-content{ display: block; position: relative; display: block; font-size: 0.9em; padding-left: 8vw; } .nav-item:hover .nav-content, .nav-active:hover .nav-content, .nav-content:hover, .nav-content:focus{ position:relative; display: block; font-size: 0.9em; padding-left: 8vw; } .video-container{ min-width:88%; width:88%; display:inline-block; padding-bottom:56.25%; position:relative; margin:0 7% 2% 7%; } .video{ display:inline; position:absolute; top:0; left:0; width:100%; height:100%; } h1, h2, h3, h4, h5, h6, p, ul, ol { margin:0 ; width:auto !important; } h1, h2, h3, h4, h5, h6, ul, ol { text-align:left ; } h1, h2, h3, h4, h5, h6 { font-weight:lighter ; text-decoration:none ; padding:0 6% 7px 7% ; width:85%; } h1, h2 { font-size:xx-large ; } h1 { margin-top:1.1rem; font-size: 8.5vw !important; } h2 { margin-top:0.75rem; } h3 { } h4 { } p { text-align:left font-size:large !important; padding:0 7% 0.2% 7%; width:85%; } a, a:visited { text-decoration:none; } a:focus { outline:thin dotted; } a:active, a:hover { opacity:0.9; outline:0; } ul { color: black; margin: 15px 7%; padding:15px 1% 15px 5% ; } ol { text-align:left; background-color:lightgray; padding:3% 1% 3% 3rem; } #bannerImage{display:none;} .section-1-100, .section-1-75, .section-1-50, .section-2-50 , .section-1-33, .section-2-33, .section-3-33 , .section-1-25, .section-2-25, .section-3-25, .section-4-25 , .section-1-20, .section-2-20, .section-3-20, .section-4-20, .section-5-20 , .section-1-17, .section-2-17, .section-3-17, .section-4-17, .section-5-17, .section-6-17 , .section-1-14, .section-2-14, .section-3-14, .section-4-14, .section-5-14, .section-6-14, .section-7-14 , .section-1-13, .section-2-13, .section-3-13, .section-4-13, .section-5-13, .section-6-13, .section-7-13, .section-8-13 {clear:both !important; width:98.6% !important;padding:0.6%; !important} .split-1-100, .split-1-75, .split-1-50, .split-2-50 {clear:both; width:98.6%;padding:0.6%;} .split-1-33, .split-2-33, .split-3-33 {clear:both; width:98.6%;padding:0.6%;} .split-1-25, .split-2-25, .split-3-25, .split-4-25 {clear:both; width:98.6%;padding:0.6%;} .split-1-20, .split-2-20, .split-3-20, .split-4-20, .split-5-20 {clear:both; width:98.6%;padding:0.6%;} .split-1,.split-2,.split-4,.split-5,.split-6,.split-7,.split-8,.split-9,.split-10, .split-11,.split-12,.split-13.split-14,.split-15 {float:left; width:100%;max-width:100%; display:inline-block;} .box-1,.box-2,.box-3,.box-4,.box-5,.box-6,.box-7,.box-8{ display:block; } img { display:block ; width:100%; padding: auto 0; /*margin: 0 7% 2% 7%;*/ margin: 0 0 2% 0; } .header-section-wrapper, .section-wrapper{ margin:0 auto; width:100%; } .header-section-wrapper .section-1-100 p, .header-section-wrapper .section-1-100 img, .header-section-wrapper .section-1-50 p, .header-section-wrapper .section-1-50 img, .header-section-wrapper .section-2-50 p, .header-section-wrapper .section-2-50 img { display:block ; width:100% ; margin: 0 0 2% 0; padding:0; } #headerHolderText{ position: absolute; bottom: 5%; width:98%; left: 0; line-height:2.5rem; } #headerHolderText > h1,#headerHolderText > h2, #headerHolderText > h3,#headerHolderText > h4{ font-weight:200; font-size:2.5rem; font-size:3.7vw; line-height:1em; } #breadcrumps{ position: relative; display: block; width: 100%; font-size: 1rem; color: grey; text-decoration: none; left: 7%; margin-bottom:2%; } #breadcrumps a.parent{ color: grey; text-decoration: none; } #breadcrumps a#active-child{ } } #breadcrumps a:hover#active-child{ text-decoration:underline; } .slider-text-1, .slider-text-2, .slider-text-3, .slider-text-4 { position: absolute; bottom: 5%; left: 3%; background-color:rgba(0, 9, 0, 0.4); padding:3%; } #main{ padding: 0; width: 90%; display: block; position: relative; margin: 0 auto 7% auto; } .inner-wrapper{ display:block; } #langNavigation{ clear:both; display:block; position:relative; margin: 0 auto; } #langNavigation::after{ clear:both; } #langNavigation > #top-left, #langNavigation > #bottom-left, #langNavigation > #top-right, #langNavigation > #bottom-right{ position: relative; margin: 0 auto; width: auto; height: 5.5em; display: table; } #top-left > #lang-select, #top-right > #lang-select, #bottom-left > #lang-select, #bottom-right > #lang-select{ float: left; display: block; width: 15%; height: auto; } #top-left > #lang-select, #bottom-left > #lang-select, #top-right > #lang-select, #bottom-right > #lang-select{ float: left; display:block; width:auto; } img.iso-flag{ margin: 5pt 10pt; position: relative; width: auto; height: 4.5em; display: block; border-radius: 50%; padding: 0.5pt; box-shadow: 0pt 2pt 4pt #999; } #headerNavigation, #mainNavigation, #additionalNavigation, #leftNavigation, #rightNavigation, #additionalFooterNavigation, #footerNavigation{ width:100%; width:100vw; max-width:100vw; overflow:hidden; display:inline-block; margin: inherit 0; } #headerNavigation .nav-item a, #headerNavigation .nav-active a, #headerNavigation p, #mainNavigation .nav-item a, #mainNavigation .nav-active a, #mainNavigation p, #additionalNavigation .nav-item, #additionalNavigation .nav-active, #additionalNavigation p, #leftNavigation .nav-item, #leftNavigation .nav-active, #leftNavigation p, #rightNavigation .nav-item, #rightNavigation .nav-active, #rightNavigation p, #additionalFooterNavigation .nav-item, #additionalFooterNavigation .nav-active, #additionalFooterNavigation p, #footerNavigation .nav-item, #footerNavigation .nav-active, #footerNavigation p{ width:100vw; margin:0 2%; padding:3%; display:inline-block; } #footerNavigation h1, #footerNavigation h2, #footerNavigation h3, #footerNavigation h4, #footerNavigation h5, #footerNavigation h6 { text-align:center; } #footer_spacer{ clear:both; display:block; } #nav-title { display: none; } #invisible{ display: block; } #top{ display:block; height:0px; width:100%; left:0; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; transition-duration:0.4s; } #mobile-navigation{ display:block; position:fixed;color:#333; background-color:#333; width:100%; z-index:998; margin-left:-100%; height:100%; border-radius:0 0 1px 1px; opacity:0.43; padding-bottom:4px; -webkit-transition-duration:1s; -moz-transition-duration:1s; -o-transition-duration:1s; transition-duration:1s; } #mobile-navigation img{ display:block; } #mobile-navigation:target, #mobile-navigation:active{ display:block; max-width:100%; width:100%; overflow-x:scroll; margin-left:0; left:0; top:0; bottom:0; padding-bottom:5%; z-index:998; min-height:100%; height:100%; color:#333; opacity:0.98;color:#333;background-color:inherit;#333;-webkit-transition-duration:1s; -moz-transition-duration:1s; -o-transition-duration:1s; transition-duration:1s; } #mobile-navigation li{ display:block; border-bottom:thin dashed #333; font-size:1.5em; line-height:1.7em; font-weight:0.5em; } .mobile-navigation-sub { font-size: .6em; line-height:1.6em; } #mobile-navigation #btn-close{ display:none; -webkit-transition-duration:1s; -moz-transition-duration:1s; -o-transition-duration:1s; transition-duration:1s; } #mobile-navigation:target #btn-close, #mobile-navigation:active #btn-close{ color:#333; display:block; position:fixed;right:0; top:1rem; margin-bottom:10px; margin-right:.5em; width:50px; height:50px; font-size:3rem; border-radius:50%; -webkit-transition-duration:1.1s; -moz-transition-duration:1.1s; -o-transition-duration:1.1s; transition-duration:1.1s; z-index:99999; } #mobile-navigation #btn-close:before { font-family:'FontAwesome'; content: '\00d7'; font-size: 5rem; top: 0rem; position: fixed; margin-left: -.7rem; -webkit-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg); } #top{ position:fixed; bottom:0px; background-color:#333; display:block; width:100%; min-height: 77px; height: 7%; max-height: 77px; z-index:999; padding:1% 0 .1% 0; -webkit-transition-duration:1s; -moz-transition-duration:1s; -o-transition-duration:1s; transition-duration:1s; } #top #btn-open, #top #btn-logo, #top #btn-shop, #top #btn-home, #top #btn-chat, #top #btn-phone { display:block; float:right; padding: 0 2%; margin:5px auto; max-width:15%; height:50px; background-size:100% 100%; border-left: 1px solid #fff; text-align:center; color:#fff; } #top #btn-open a, #top #btn-logo a, #top #btn-home a, #top #btn-shop a, #top #btn-chat a, #top #btn-phone a{ text-align:center; content-align:center; } #top #btn-logo{ max-width:30%; border-left: none; } #top #btn-logo img { max-width: 100%; width: auto; max-height: 50px; position: relative; margin: 0 auto; display: block; left: 0; bottom: 0; } #top #btn-open:before { content:'\f0c9'; } #top #btn-open:hover:before, #top #btn-open:focus:before { content:'\f057'; } #btn-open:active { display:none; } #top #btn-phone:before { content:'\f095'; } #top #btn-chat:before { content:'\f003'; } #top #btn-home:before { content:'\f015'; } #top #btn-shop:before { content:'\f07a'; } #top #btn-open:before, #top #btn-home:before, #top #btn-shop:before, #top #btn-chat:before, #top #btn-phone:before { font-family:'FontAwesome'; color:white; font-size: 2rem; clear:both; display:block; align-content:center; transition:0.4s; } #top #btn-open p, #top #btn-home p, #top #btn-shop p, #top #btn-chat p, #top #btn-phone p{ text-align:center; color:red !important; } #top #btn-phone:hover, #top #btn-open:focus { -webkit-animation-timing-function:linear; animation-timing-function:linear; -webkit-animation-duration:0.8s; animation-duration:0.8s; -webkit-transform-origin:50% 100%; transform-origin:50% 100%; } #top #mobile-navigation-title{ display:block; float:right; max-width:100%; width:100%; text-align:center; } #top #mobile-navigation-title a#mobile-navigation-img, #top #mobile-navigation-title a#mobile-navigation-img img, #top #mobile-navigation-mobile-title a#mobile-navigation-mob-img, #top a#btn-phone img { display:inline-block; max-height:50px !important; height:50px; width:auto; max-width:250px !important; margin:3px auto 0 5px; } #top a#mobile-navigation-mob-img { width: 100vw; display: inline-block; position:relative ; z-index: -1; float: right; } #top a#mobile-navigation-mob-img img { position: relative; display: block; /* max-height: 50px !important; */ height: 50px; width: auto; max-width: 250px !important; margin: 3px auto 0 45vw; } .bullet-icon{ display:none; } #headerNavigation .nav-item p, #headerNavigation .nav-active p, #headerNavigation .nav-item a, #headerNavigation .nav-active a, #mainNavigation .nav-item p, #mainNavigation .nav-active p, #mainNavigation .nav-item a, #mainNavigation .nav-active a, #additionalNavigation .nav-item p, #additionalNavigation .nav-active p, #additionalNavigation .nav-item a, #additionalNavigation .nav-active a, #leftNavigation .nav-item p, #leftNavigation .nav-active p, #leftNavigation .nav-item a, #leftNavigation .nav-active a, #rightNavigation .nav-item p, #rightNavigation .nav-active p, #rightNavigation .nav-item a, #rightNavigation .nav-active a { clear:both !important; text-align: left; display: inline-block; /*padding: 0.1rem 1rem; width: 100%;*/ margin: 0; padding: 0 2%; position: relative; font-size: 2.2rem; font-size: 6.5vw; font-weight:200; } #lang_flags { z-index: 998; position: fixed !important; bottom: 4rem; right: 2%; } #lang_flags img { display: block; width: 100%; height: 100%; margin-bottom: 1rem; } img#flags { height: 1.5rem; color: black; width: auto; float:right; } #footerNavigation{ /*width:94%;*/ color:#333; background-color:#333; text-align:center; } #footerNavigation .nav-item, #footerNavigation .nav-active, #footerNavigation .nav-item p, #footerNavigation .nav-item a, #footerNavigation .nav-active p, #footerNavigation .nav-active a, #legalNavigation .nav-item, #legalNavigation .nav-active, #legalNavigation .nav-item p, #legalNavigation .nav-item a, #legalNavigation .nav-active p, #legalNavigation .nav-active a{ padding:0; width:auto; width:100vw; max-width:100vw; overflow:hidden; padding: 0.5rem 0; text-align:center !important; font-size:1.2rem !important; font-weight:200; } #legalNavigation, #legalNavigation a, #legalNavigation p{ color:silver; padding: 2rem 0; position: relative; display: inline-block; } #fader { display:none; } .arrow { display:none; } .bounce { display: none; } .button { font-size:1.2rem; } .button > a:link, .button > a:visited, input[type=submit] { -webkit-appearance: none; -ms-appearance: none; margin: 5% auto; max-width: 81%; display: table; color:inherit; font-size:1em; padding: 3% 3vw 3% 3vw; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; transition-duration:0.4s; } .button > a:hover, .button > a:focus, .button > a:active, input.custom:hover, input.custom:focus, input.custom:active { color:inherit; background-color:inherit; } [class*='parallax_'] { display:none; } .parallax_1 { } .parallax_2 { } .parallax_3 { } .parallax_4 { } .media_img_container, .media_img_container img{ /*position:relative;*/ } .blog_image, .blog_image img{ clear:both; margin:2% 0%; width:100%; } .top-video-container, .media-video-container { min-width:100%; width:100%; padding-bottom:56.25%; position:relative; margin:2% 0 2% 0; } .video, .media-video{ display:inline; position:absolute; top:0; left:0; width:100%; height:100%; } #content { padding: 0; display: block; position: relative; margin: 0 0 7% 0; } .blog_list a{ text-decoration: none; font-size: inherit !important; font-family: Arial, Helvetica, sans-serif; color: #C0C0C0 !important; } #back-to-topic{ vertical-align: middle; } #back-to-topic img{ float: left; width: 20px; height: 20px; margin: 0 2% 0 0; border: none; } #back-to-topic a{ float: left; } .info_box_full_screen{ width:100%; background-color: lightgray; margin: 2% 0 2% 0; text-align: left; } .vertical_spacer_line { clear:both; width:48%; border-top:solid 1px silver; margin:7% 23% 5% 25%; padding:0 0 ; text-align:center; font-size:small !important; } .table_column{ margin:2%; transition: .5s; opacity: 1; break-inside: avoid; -webkit-transition-duration:1s; -moz-transition-duration:1s; -o-transition-duration:1s; transition-duration:1s; } .image_table, .wide_sized{ border: 1px solid silver; padding: 1rem; margin: 0; } .image_table_list, .wide_sized_list{ display: block; } span.red_star { -webkit-appearance: none; -ms-appearance: none; float:left; line-height:15px; color:#FF0000; font-size:20px; width:16px; margin:0px; top:-0.5em; } span.no_star { -webkit-appearance: none; -ms-appearance: none; float:left; line-height:32px; color:#F1541B; font-size:20px; width:16px; margin:0px; visibility:hidden; } .input, .input_half_left, .input_half_right { -webkit-appearance: none; -ms-appearance: none; display:block; width:80% !important; margin:0 10%; font-size:medium; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } input:matches([type='date']) { display: block; font-size: large; width: 100% !important; float: left; margin-right: 1%; padding:5px; line-height: 2.5rem; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .input span { -webkit-appearance: none; -ms-appearance: none; position:absolute; z-index:1; cursor:text; pointer-events:none; color:#999; padding:7px; line-height:xx-large; margin-left:2px; } .input input, .input select { -webkit-appearance: none; -ms-appearance: none; z-index:0; padding:6px; margin:0.5% 0; font:inherit; line-height:xx-large; width:100% !important; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:solid 1px lightgrey; background-color:white; font-size:medium; } .input textarea { z-index:0; padding: 6px 0px 6px 18px; margin:0.5% 0% 0.5% 0%; font:inherit; line-height:xx-large; width:96% !important; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:solid 1px lightgrey; background-color:white; font-size:medium; } .input select { -webkit-appearance: none; -ms-appearance: none; padding:5px; height:31px; } #captcha-feld { width:220px; float:left; margin-top:5px; margin-right:0px; margin-left:11px; } p.errormsg { display :none; margin:5px; margin-left:0px; color:lightsteelblue; height:35px; } .error { font-weight: 400; /*font-size: 20px;*/ color: #ff6666; } #signup-form { position: relative; display: inline-block; margin: 0 10%; bottom: 50%; height: 25%; width: 80%; opacity: .87; } #signup-form > .signup-field { line-height: 40px; border-radius: 2px; } @keyframes pulse_animation { 0% { transform: scale(1); } 30% { transform: scale(1.01); } 40% { transform: scale(1.01); } 50% { transform: scale(1); } 60% { transform: scale(1); } 70% { transform: scale(1.01); } 80% { transform: scale(1.01); } 100% { transform: scale(1); } } .pulse:hover { animation-name: pulse_animation; animation-duration: 4s; transform-origin:70% 75%; animation-iteration-count: infinite; animation-timing-function: linear; } .calendar-image { margin:3%; } #calendar-image-wrapper{ margin-top: 1em; margin: 1rem; min-width: 60%; width: 60% display: inline-block; background- opacity: .9; } #calendar-image-wrapper a{ background- font-size:medium !important; display:inline-block; margin: 1.5rem 2%; font-size: xx-large !important; } #calendar-image-wrapper a:hover{ background- } .calendar-image-bottom {width:100%; display: block; background- } .calendar-image-bottom a { display: block; background- } .calendar-image-bottom .button { height:4%; text-align: center; } .calendar-image-bottom .button a{ margin: 2% auto !important; display: block; display: block; } #calendar-image-table{ border:1px solid ; padding:15px; font-size: x-large !important; background-color: white; width:100%; margin:0 auto; } @media only screen and (min-width: 375px) and (max-width: 699px){ #calendar-image-table{ border:1px solid ; padding:15px; font-size: xx-large; background-color: white; width:100%; margin:0 auto; }} #calendar_image_body{ display: block; width: 100%; } #calendar-image-column{ ; color:; padding: 0 0 1em 0; } .calendar_image_col{ padding: 0.5; } .mo-thu{color:;text-align: right;} .sat{color:;text-align: right;} .sun{color:#cc0000;text-align: right;} .today{background:#ff0000;} .today-day{ /*font-family:;*/ text-align: right; } .today-day-active{ color:#ffffff; } .fb-holder{/*margin-left:0% !important;*/} #mainNavigation .nav-active a:hover, #mainNavigation .nav-item a:hover{color:#bf1f1c;width:100%;}#mainNavigation .nav-active, #mainNavigation .nav-active a{color:#bf1f1c;width:100%;}h1{font-weight:600;width:100%;}.button:hover, .button:focus, input[type='button']:hover, input[type='button']:focus, input[type='submit']:hover, input[type='submit']:focus{color:#ffffff;background-color:#d93c3c;width:100%;}.button, .button:visited, input[type='button'], input[type='submit']{color:#ffffff;background-color:#000000;font-weight:200;border-radius:5px;text-align:center;width:100%;}.button>a{color:#ffffff;width:100%;}#footerNavigation .nav-active, #footerNavigation .nav-active a{color:#d63330;width:100%;}#mainNavigation{color:#000000;background-color:#ffffff;font-weight:200;position:sticky;top:2em;text-align:center;z-index:999;padding:1% 2%;width:100%;}#footerNavigation .nav-item, #footerNavigation .nav-item p, #footerNavigation .nav-item a:link, #footerNavigation .nav-item a{color:#ffffff;width:100%;}#legalNavigation{color:#b6b6b6;font-family:"Roboto Condensed","HelveticaNeueLight",Helvetica,sans-serif;Roboto Condensed:"Roboto Condensed","HelveticaNeueLight",Helvetica,sans-serif;font-weight:300;width:100%;}#footerNavigation{color:#ffffff;background-color:#000000;font-family:"Roboto Condensed","HelveticaNeueLight",Helvetica,sans-serif;Roboto Condensed:"Roboto Condensed","HelveticaNeueLight",Helvetica,sans-serif;width:100%;}h2{color:#704029;font-family:"Roboto Condensed","HelveticaNeueLight",Helvetica,sans-serif;Roboto Condensed:"Roboto Condensed","HelveticaNeueLight",Helvetica,sans-serif;font-weight:300;width:100%;}#headerNavigation, #headerNavigation p{color:#ffffff;background-color:#000000;font-family:"Roboto Condensed","HelveticaNeueLight",Helvetica,sans-serif;Roboto Condensed:"Roboto Condensed","HelveticaNeueLight",Helvetica,sans-serif;font-weight:300;position:sticky;top:0;margin-top:3.5%;z-index:999;width:100%;}p, input, button, #p{color:#000000;font-family:"Roboto Condensed","HelveticaNeueLight",Helvetica,sans-serif;Roboto Condensed:"Roboto Condensed","HelveticaNeueLight",Helvetica,sans-serif;font-weight:300;width:100%;}body, .lang{color:#000000;font-family:"Roboto Condensed","HelveticaNeueLight",Helvetica,sans-serif;Roboto Condensed:"Roboto Condensed","HelveticaNeueLight",Helvetica,sans-serif;font-weight:200;width:100%;}.parallax_1{display:none;width:100%;}.split{;width:100%;}.box-1,.box-2,.box-3,.box-4,.box-5,.box-6,.box-7,.box-8{background-color:#ffffff;box-shadow:0em 0.1em 0.5em #777;border:solid 1pt white;width:100%;}#hotelzimmer-in-allershausen{background-color:#e8e8e0;width:100%;}.apartmentListItem{background-color:#fff;width:100%;}.product-information{text-align:center;background-color:#efefef;padding-bottom:4%;margin:-2% auto 0;width:100%;}#langNavigation{position:absolute;right:1%;top:0;width:100%;}.box-1,.box-2,.box-3,.box-4,.box-5,.box-6,.box-7,.box-8{background-color:#ffffff;box-shadow:0em 0.1em 0.5em #777;border:solid 1pt white;width:81%;box-shadow:0em 0.1em 0.5em #777;border:solid 1pt white;width:81%;}#hotel-villa-rosa-header{margin-top:-3rem;margin-top:-3rem;}div#awards{top:0vh;display:block;z-index:250;height:6vw;right:0;position:fixed;top:0vh;display:block;z-index:250;height:6vw;right:0;position:fixed;}#awards .image_holder img{padding:0;margin:0;width:53%;margin:unset;margin-right:0;width:17vw;float:right;border-radius:0 0 0 50%;position:relative;z-index:100;padding:0;margin:0;width:53%;margin:unset;margin-right:0;width:17vw;float:right;border-radius:0 0 0 50%;position:relative;z-index:100;}{margin-left:-112%;margin-left:-112%;}#mainNavigation{color:#fff;background-color:#333;opacity:0.97;padding: 7.3rem 4.5vw 0.5rem;font-size: x-large;top:0;height:100vh;width:91vw;z-index:1;box-shadow:0.1vw 0.1vw 1vw #777;color:#fff;background-color:#333;opacity:0.97;padding: 7.3rem 4.5vw 0.5rem;font-size: x-large;top:0;height:100vh;width:91vw;z-index:1;box-shadow:0.1vw 0.1vw 1vw #777;}#headerNavigation, #headerNavigation p{color:#ffffff;background-color:#000000;font-family:"Roboto Condensed","HelveticaNeueLight",Helvetica,sans-serif;Roboto Condensed:"Roboto Condensed","HelveticaNeueLight",Helvetica,sans-serif;font-weight:300;display:none;display:none;}#langNavigation img.iso-flag{display:none;display:none;}#mainNavigation .nav-item a, #mainNavigation .nav-item{color:#ffffff;font-family:"Roboto Condensed","HelveticaNeueLight",Helvetica,sans-serif;Roboto Condensed:"Roboto Condensed","HelveticaNeueLight",Helvetica,sans-serif;font-weight:300;text-align:left;text-align:left;}#mobile-navigation:target #btn-close, #mobile-navigation:active #btn-close{color:#999;color:#999;}a .button{display:block;margin: 4% auto;padding:3% 7%;max-width:81%;display:block;margin: 4% auto;padding:3% 7%;max-width:81%;}.infobox-price-tag, h2.infobox{font-weight:800;font-size:larger;line-height:3rem;width:100%;}h2.teaser{margin-top:6% !important;margin:6% 0;font-weight:500;font-size:x-large;margin-top:6% !important;margin:6% 0;font-weight:500;font-size:x-large;}.teaser-price-tag{position: absolute;margin-top: -22vh;margin-left: 0;text-align: right;width: 80vw !important;color: #fff;text-shadow: 1pt 1pt 1pt #333;font-size: xx-large;font-weight: 800;position: absolute;margin-top: -22vh;margin-left: 0;text-align: right;width: 80vw !important;color: #fff;text-shadow: 1pt 1pt 1pt #333;font-size: xx-large;font-weight: 800;}h2.teaser{margin-top:6% !important;margin:6% 0;font-weight:500;margin-top:6% !important;margin:6% 0;font-weight:500;}.teaser-button .button{margin:5% auto 7%;padding:3% 7%;width:70vw;margin:5% auto 7%;padding:3% 7%;width:70vw;}