body#main_lightbox {background: #ffffff; } #background_wrap {display: none; } /* smaller labtops */ @media only screen and (max-width: 1140px) { /* Header */ #mainnav, ul.LanguageBox, .QuickfinderBox {right: 15px; } .DateBox {font-size: 80%; } .headerBoxLogo {margin: 0px 0px 0px 15px !important; } .BackgroundImage {height: 650px; } .textblock .BackgroundImage {height: 650px; } .BackgroundImageLabel {top: 30%; padding: 15px; font-size: 90%; } a.extrabutton-down {height: 60px !important; width: 60px !important; background-position: center !important; background-size: 60% auto !important; } .Deal-btn, .Deal-btn:hover {left:10px; margin: 0px 0px 0px 0px; } .Deal-btn:hover {} /* Big Teaser */ .width-33 {width: 27% !important; } .tile, .listblock {margin: 0px 0px 10px 10px !important; } .BreadCrumbBox {width: 96%; margin: 0px 0px 20px 15px; } .socialbarCont {width: 96%; margin: 0px 0px 0px 15px; } h1, h2, h3, h4 {width: auto !important; margin-left: 0px !important; } .page-title {margin-left: 10px !important; } .FooterBoxInner, .ContentTextBoxNormal, .ContentTBTextBoxNormal {width: auto; left: 0px; right: 0px; margin: 0px; padding: 0px 10px !important; } .ContentTextBoxLeft, .ContentTBBoxLeft {margin: 0px 0px 0px 10px !important; } .ContentTextBoxRight, .ContentTBBoxRight {margin: 0px 10px 0px 0px !important; } .leftcol, .rightcol {width: 46%; } } /* Tablet/iPad */ @media only screen and (max-width: 980px) { /* Slideshows */ #start .BackgroundImage, .BackgroundImage, .textblock .BackgroundImage {height: 600px !important; } .BackgroundImageLabel {top: 34%; font-size: 80%; } .BackgroundImageLabel .labeltitle {font-size: 110% !important; } .BackgroundImageBtns {bottom: 45px; } a.extrabutton-down {bottom: 20px: } #mainnav {} a.TopMenu, a.TopMenu:visited, a.TopMenu:link, a.TopMenu:active {font-size: 110%; } a.TopMenu_sel, a.TopMenu_sel:hover, a.TopMenu_sel:visited, a.TopMenu_sel:link, a.TopMenu_sel:active {font-size: 110%; } a.TopMenu:hover {font-size: 110%; } #mainSubnav {width: 100%; margin: 0px 0px 0px 0px; } /* * Content boxes * */ .ContentContainer {width: 100%; padding: 80px 0px 0px 0px; } .scroll-wrapper {width: 100%; } .ContentBoxRight {font-size: 90%; } .ContentTextBoxNormal, .ContentTBTextBoxNormal, .ContentTextBoxLeft, .ContentTextBoxRight, .ContentTBBoxLeft, .ContentTBBoxRight {float: none !important; width: 94% !important; margin: 0px 0px 0px 10px !important; padding: 0px 0px 15px 0px !important; } .ContentTBImgBoxLeft {position: relative; top: auto; left: auto; right: auto; float: none; width: 100%; height: auto !important; margin: 0px 0px 0px 0px; text-align: left; } .ContentTBImgBoxRight {position: relative; top: auto; left: auto; right: auto; float: none; width: 100%; height: auto !important; margin: 0px 0px 0px 0px; text-align: left; } .ContentTBImgBoxLeft img {position: relative; right: auto; min-height: auto; width: 100%; margin: 0px 0px 15px 0px; } .ContentTBImgBoxRight img {position: relative; left: auto; min-height: auto; width: 100%; margin: 0px 0px 15px 0px; } h1 {font-size: 180%; margin: 0px auto 5px; padding: 0px 0px 0px 0px; } h2 {font-size: 120%; margin: 0px auto 10px; } h3 {font-size: 160%; margin: 0px auto 10px; } h1.page-title { } h2.page-title {font-size: 120%; } .textblock-inner h1, .textblock-inner h2, .textblock-inner h3 {margin-left: 0px; } .col1 {margin: 0px 10px 10px 0px; width: 30%; } .col2 {margin: 0px 10px 10px 0px; width: 30%; } .col3 {margin: 0px 0px 10px 0px; width: 30%; } .darkblue {width: 45%; margin: 0px -20px 10px; } .lightblue {width: 45%; margin: 0px -20px 10px; } .width-33 {width: 25% !important; } .tile .tilelink-a {font-size: 100% !important; } div.input {max-width: 45%; } div.input_error {max-width: 45%; } div.input-message, #contactform_short div.input, #contactform_short div.input_error {max-width: none; } .content-block {width: 40% !important; } } /* smaller Tablets */ @media only screen and (max-width: 800px) { .show-mobile-0, .extrabutton-down, .BackgroundImageLabel, .read-more-show {display: none !important; } /* Header */ #ContentBoxTop, #start #ContentBoxTop, #ContentBoxTop:hover, #start #ContentBoxTop:hover, .ContentBoxTop-fixed {height: 60px !important; } .DateBox {font-size: 90%; position: relative; bottom: auto; left: auto; width: 100%; } .datebox-fixed {opacity: 1.0; -moz-opacity: 1.0; filter:alpha(opacity=100); } .NewsBoxCont {width: 48%; margin: 10px 10px 10px 0px; } #searchform input {width: 70%; padding: 4px 0px 0px 10px; } a.printbtn {display: none !important; } #start .headerBoxLogo, .headerBox, .headerBoxLogo {padding: 10px 0px 0px 0px !important; margin: 0px 0px 0px 5px !important; width: 240px !important; /*z-index: 29999 !important; */} .headerBoxLogo img, .headerBoxLogo a {} .toolbar {top: 4px; right: 50px; } .btn-insta {top: 10px !important; right: 165px !important; width: 40px !important; height: 40px !important; } .Deal-btn, .Deal-btn:hover {top: 80px; width: 150px; } .Deal-btn:hover {width: 170px; } ul.LanguageBox {width: 100px; } .minimized {display: none !important; } #mainnav {position: fixed; top: 3px; bottom: 0px; right: 0px; right: 0px; width: 100%; height: 100%; background: #ffffff !important; overflow: auto; } a.main-nav-toggle {display: block !important; } a.main-nav-toggle span {display: none !important; } .mainnav-closed {height: 50px !important; width: 70px !important; } a.close-btn {display: none !important; } .mainnav-closed a.close-btn {display: none !important; } ul.makeMenu {position: absolute; background: #ffffff !important; top: 50px; right: 0px; left: 0px; height: auto; width: 100% !important; overflow-x: hidden; padding: 20px 0px 0px 0px; margin: 0px auto 0px; } ul.makeMenu li {width: 100% !important; display: block !important; } ul.makeMenu li ul {position: relative; top: auto; left: auto; width: 100%; background: rgba(165,203,240,0.2); box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } ul.makeMenu > li.hassubs:hover > ul, ul.makeMenu > li.hassubs:focus > ul, ul.makeMenu > li:hover > ul {display: block !important;} ul.makeMenu li ul li ul {display: none !important;} ul.makeMenu li a {border: none !important; border-bottom: 1px solid rgba(0,0,0,0.1) !important; margin: 0px 0px 0px 0px !important; } ul.makeMenu li a:hover {background-color: rgba(165,203,240,0.2) !important; } ul.makeMenu li ul li a {padding: 15px 35px !important; } ul.makeMenu li ul li a:hover {background-color: rgba(165,203,240,0.2) !important; } #start .BackgroundImage, .BackgroundImage, .textblock .BackgroundImage {height: 500px !important; } .BackgroundImageBtns {right: 0px; left: 0px; bottom: 10px; text-align: center; width: 100%; } .ContentContainer {margin: 0px auto !important; } .ContentTextBoxLeft {width: 46%; } .ContentTextBoxRight {width: 46%; } .width-60 {width: 96%; } .mapCont {height: 400px; } .FooterBox {padding: 100px 0px 0px; } .FooterBoxCol {margin: 0px 15px 30px !important; width: 46% !important; max-width: none !important; } .leftcol, .rightcol, .darkblue, .lightblue, .width-33, .col1-2, .col2-3, .col1, .col2, .col3 {padding-left: 15px !important; padding-right: 15px !important; margin-left: -15px !important; margin-right: -15px !important; float: none !important; width: 100% !important; max-width: none !important; } #main_lightbox .leftcolumn, #main_lightbox .rightcolumn, .leftcolumn, .rightcolumn {width: 100% !important; } .tile_square {margin: 0px 1% 2% 1%; height: 150px; width: 23%; } .tile {width: 47%; } .listblock {width: 96%;} .tilelink-a {font-size: 100% !important; min-height: auto !important; } .FooterBoxCol {width: 92% !important; float: none !important; margin: 0px 0px 20px 0px !important; } table {} th, td {padding: 3px !important; } } /* iPhones and others */ /* @media only screen and (-webkit-min-device-pixel-ratio:1.5) { */ @media only screen and (max-width: 640px) { .show-mobile-0 {display: none !important; } .quickfinder-text, .LabelBox, .socialbar, .BreadCrumbBox, a.section-anchor, a.section-anchor-sub, .parallax-slide, .ContentBoxLeft, a.printbtn {display: none !important; } .DateBox {font-size: 100%; } .NewsBoxCont {width: 100%; margin: 10px 0px 10px 0px; } .ContentContainer {padding: 70px 0px 0px 0px; } #main_lightbox .ContentBoxMiddle, .ContentBoxMiddle, #main_lightbox .ContentBoxRight, .ContentBoxRight {width: 100% !important; float: none !important; max-width: none !important; margin: 0px !important; padding: 10px 0px 0px 0px !important; display: block !important; } #main_lightbox .ContentBoxRight, .ContentBoxRight {margin: 0px 0px 0px 15px !important; } .ContentTextBoxNormal, .ContentTBTextBoxNormal, .ContentTextBoxLeft, .ContentTBBoxLeft, .ContentTextBoxRight, .ContentTBBoxRight {width: 90% !important; } .tb-bogen-top {height: 70px; } .tb-bogen-bottom {height: 40px; } #start .tb-bogen-top.textblock_separator_light, #start .tb-bogen-bottom.textblock_separator_light {height: 10px; } .float_left, .float_right {width: 100% !important; float: none !important; } .float_left {margin-right: 10px !important; } .float_right {margin-left: 10px !important; } label {margin: 0px 5px 0px 0px !important; float: none !important; } label.label-radio {float: left !important; } select, input[type=text], textarea {width: 100% !important; } div.input, div.input_error {max-width: 90% !important; } /* table, tbody, tr, th, td {display: block !important; clear: both !important; width: 100% !important; margin: 0px 0px 0px 0px !important; padding: 0px 0px 10px 0px !important; text-align: left !important; } */ } @media only screen and (max-width: 535px) { #start .BackgroundImage, .BackgroundImage, .textblock .BackgroundImage {height: 400px !important; } .tile_square {margin: 0px 1% 2% 1%; height: 140px; width: 48%; } .tile {width: 94%; } .listblock {width: 94%;} .tilelink-a {font-size: 90% !important; } .listblock .tilelink-a {padding: 10px 10px; } .tile-teaser-text {display: none !important; } a.extramenu, a.extramenu:visited, a.extramenu:link, a.extramenu:active, a.extramenu:focus, a.extramenu:hover {font-size: 120%; padding: 0px 10px; } a.extramenu_sel, a.extramenu_sel:hover, a.extramenu_sel:visited, a.extramenu_sel:link, a.extramenu_sel:focus, a.extramenu_sel:active {font-size: 120%; padding: 0px 10px; } } @media only screen and (max-width: 400px) { .toolbar {top: 0px; } .btn-insta {right: 90px !important; } .Deal-btn, .Deal-btn:hover {width: 100px; } .Deal-btn:hover {width: 120px; } ul.LanguageBox {top: 5px; width: auto; font-size: 70%; text-align: center; } ul.LanguageBox li {display: block; padding: 0px !important; margin: 0px !important; border: none; line-height: 100% !important; } ul.LanguageBox li a {padding: 5px 0px 5px 0px !important; margin: 0px !important; border-bottom: 1px solid #99afc2; line-height: 100% !important; } .langmenu_sel {display: none !important; } ul.LanguageBox li:last-child a {border: none !important; padding-bottom: 0px !important; } } @media only screen and (max-width: 340px) { #start .BackgroundImage, .BackgroundImage, .textblock .BackgroundImage {height: 350px !important; } }