/* * Print * */ @media print { body {background: #ffffff !important; height: auto !important; margin: 0px !important; padding: 0px !important; overflow:auto !important; } header, .printbtn, .socialbar {display: none !important; } main, footer, div {color: #000000 !important; background-color: transparent !important; } h1, h2, h3, h4, h5, h6 {color: #000000 !important; text-align: left !important; border: none; padding: 0px; margin: 0px 0px 15px 0px; text-shadow: none; } h1 {font-size: 180%; } h3 {font-size: 160%; } .inner {max-width: auto !important; padding: 0px !important; } } /* Big desktop screens */ @media only screen and (min-height: 800px) and (min-width: 981px) { #ContentBoxTop, .ContentBoxTop-fixed {position: fixed !important; right: 50% !important; height: auto; min-height: 810px !important; width: 395px !important; background: transparent url(../img/_layout/bg_menu.png) no-repeat left 50px; padding: 0px 0px 0px 20px !important; margin: 0px -605px 0px 0px !important; } .ContentBoxTop-fixed .ContExtraMenu {display: block !important;} .ContentBoxTop-fixed .headerBoxLogo {position: relative !important; top: auto !important; left: auto !important; margin: 75px 0px 0px 0px !important; height: 205px !important; width: 100% !important; } .ContentBoxTop-fixed .headerBoxLogo img {display: block !important; } .ContentBoxTop-fixed .headerBoxLogo a {margin: 0px 7% 0px 0px !important; width: auto !important; background: transparent !important; } .ContentBoxTop-fixed .sociallinks {right: 0px !important; bottom: -40px !important; width: 85% !important; text-align: center !important; } .ContentBoxTop-fixed .sociallinks a {margin: 0px 2px 10px 2px !important; width: 69px !important; height: 73px !important; } .mainnavfixed .meta-menu, .mainnavfixed a.main-nav-toggle {display: none !important; } .mainnavfixed ul.makeMenu {position: relative !important; right: auto !important; display: block !important; background: transparent !important; padding: 0px 35px 0px 0px !important; margin: 20px auto 0px !important; width: auto !important; } .mainnavfixed ul.makeMenu > li {margin: 0px 0px 10px 0px; } .mainnavfixed ul.makeMenu a {border-bottom: 5px solid #ffffff; } /* menu cascade */ .mainnavfixed .li-1 {margin-left: 7px !important; } .mainnavfixed .li-2 {margin-left: 14px !important;} .mainnavfixed .li-3 {margin-left: 21px !important;} .mainnavfixed .li-4 {margin-left: 28px !important;} .mainnavfixed .li-5 {margin-left: 35px !important;} .mainnavfixed .li-6 {margin-left: 42px !important;} .mainnavfixed .li-7 {margin-left: 49px !important;} .mainnavfixed .li-8 {margin-left: 56px !important;} .mainnavfixed .li-9 {margin-left: 63px !important;} .mainnavfixed .li-10 {margin-left: 70px !important;} .mainnavfixed .li-11 {margin-left: 77px !important;} .mainnavfixed .li-12 {margin-left: 84px !important;} .mainnavfixed .li-13 {margin-left: 91px !important;} .mainnavfixed .li-14 {margin-left: 98px !important;} .mainnavfixed .li-15 {margin-left: 105px !important;} .mainnavfixed .li-16 {margin-left: 112px !important;} } /* smaller labtops */ @media only screen and (max-width: 1210px) { #ContentBoxTop {} .ContentContainer {width: 62%; } .FooterBoxInner {padding: 15px 0px 20px 0px; } .ContentBoxRight {right: -120px; } } /* Tablet/iPad */ @media only screen and (max-width: 980px) { .show-mobile-0 {display: none !important; } ul.ContentTopMenu, a.printbtn {display: none !important; } /* Header */ .ContentBoxTop-fixed, #ContentBoxTop {position: fixed !important; right: 0px !important; height: 50px !important; min-height: auto; background: #f9b200; width: 100% !important; margin: 0px 0px 0px 0px !important; padding: 0px 0px 0px 0px !important; } .ContentBoxTop-fixed .headerBoxLogo, .headerBoxLogo {position: absolute !important; top: 0px !important; left: 0px !important; margin: 0px 0px 0px 0px !important; height: 50px !important; width: 80% !important; } .ContentBoxTop-fixed .headerBoxLogo img, .headerBoxLogo img {display: none !important; } .ContentBoxTop-fixed .headerBoxLogo a, .headerBoxLogo a {margin: 0px 0px 0px 0px !important; height: 100% !important; width: 100% !important; background: transparent url(../img/_layout/logo_small.png) no-repeat left top !important; background-size: auto 100%; } .ContentBoxTop-fixed .sociallinks, .sociallinks {right: 90px !important; top: 5px !important; width: auto !important; text-align: left !important; } .ContentBoxTop-fixed .sociallinks a, .sociallinks a {margin: 0px 2px 0px 2px !important; width: 37px !important; height: 40px !important; } .ContentBoxTop-fixed .ContExtraMenu, .ContExtraMenu {display: none !important;} a.main-nav-toggle {display: block !important; } .meta-menu {display: inline-block !important; } ul.makeMenu {position: absolute !important; right: 15px !important; top: 0px; display: none !important; background: #f9b200; padding: 0px !important; margin: 65px 0px 0px !important; width: 220px !important; overflow: hidden !important; -moz-border-radius: 11px; -webkit-border-radius: 11px; -khtml-border-radius: 11px; border-radius: 11px; } ul.makeMenu > li {margin: 0px 0px 5px 0px !important; } ul.makeMenu a {border-bottom: 2px solid #ffffff; } ul.opened {display: block !important; } .ContentContainer {width: 100% !important; padding: 5px 0px 0px 0px !important; background-image: url(../img/_layout/bg_main_small.png); background-size: 360px auto; margin: 50px 0px 0px 0px !important; overflow: hidden; } .ContentBoxLeft {display: none;} .ContentBoxMiddle {width: auto; float: none; left: 10px !important; right: 10px !important; overflow: hidden; } .ContentBoxRight {z-index: 1 !important; } /* NEWS */ .body-aktuelles .ContentContainer, .parent-body-aktuelles .ContentContainer {background: transparent !important; } .ContentBoxRight {position: relative; clear: both; left: 10px; right: auto; top: auto; width: 95%; margin: 30px 0px 0px; } .NewsBox {text-align: left; max-height: auto; background: #abb6bc; overflow:hidden; -moz-border-radius: 11px; -webkit-border-radius: 11px; -khtml-border-radius: 11px; border-radius: 11px; } a.newstop {padding: 15px 0px 15px 0px; } .NewsBoxCont {font-size: 100%; width: auto; padding: 0px; margin: 0px 10px !important; } h1 {font-size: 430%; margin: 0px 0px 0px 20px; } h2 {font-size: 170%; min-height: 210px; margin: -5px 0px 10px 30px; } .BackgroundImageLabel {top: 20px; bottom: auto; } .BackgroundImageBtns {top: 90%; bottom: auto; } .FooterBox {} .FooterBoxInner {left: 10px; right: 10px; width: auto; display: block; margin: 0px; padding: 15px 0px 20px 0px; } .FooterBoxCol {margin: 0px 15px 30px 0px !important; width: 46% !important; max-width: none !important; } .leftcol, .rightcol, .col1-2, .col2-3, .col1, .col2, .col3 {margin-left: 0px !important; margin-right: 0px !important; width: 100% !important; max-width: none !important; } .listblock {margin-left: 0px !important; margin-right: 0px !important; width: 90% !important; max-width: none !important; } #main_lightbox .leftcolumn, #main_lightbox .rightcolumn, .leftcolumn, .rightcolumn {left: 0px; width: 93% !important; margin: 0px; } #ContentBoxBottom {font-size: 80%; } #ContentBoxBottom .float_left, .ContExtraMenu {float: none !important; margin: 15px 0px !important; } ul.makeExtraMenu {text-align: left !important; } a.extramenu, a.extramenu:visited, a.extramenu:link, a.extramenu:active, a.extramenu:focus, a.extramenu:hover {margin: 0px 10px 0px 0px; padding: 0px 10px 0px 0px; } a.extramenu_sel, a.extramenu_sel:hover, a.extramenu_sel:visited, a.extramenu_sel:link, a.extramenu_sel:focus, a.extramenu_sel:active {margin: 0px 20px 0px 0px; padding: 0px 10px 0px 0px; } } /* 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; } .LabelBox, .socialbar, .BreadCrumbBox, a.section-anchor, a.section-anchor-sub, .parallax-slide, .ContentBoxLeft, a.printbtn {display: none !important; } /* Header */ .ContentBoxTop-fixed .headerBoxLogo, .headerBoxLogo {/*margin: 5px 5px !important; height: 40px !important; width: 80% !important; */} .ContentBoxTop-fixed .headerBoxLogo a, .headerBoxLogo a {/*background-size: auto 40px !important; */} .ContentBoxTop-fixed .sociallinks, .sociallinks {position: fixed !important; right: 55px !important; top: 8px !important; } .ContentBoxTop-fixed .sociallinks a, .sociallinks a {width: 30px !important; height: 32px !important; margin: 0px 2px 0px 0px !important; background: transparent !important; } /* Header Start */ .body-start #ContentBoxTop.ContentBoxTop-first {position: relative !important; height: 300px !important; } .body-start .ContentContainer {margin: 10px 0px 0px 0px !important; } .body-start .ContentContainer-scrolled {margin: 300px 0px 0px 0px !important; } .body-start #ContentBoxTop.ContentBoxTop-first .headerBoxLogo {position: absolute !important; height: 300px !important; margin: 40px 0px 0px 0px !important; width: 100% !important; text-align: center !important; } .body-start #ContentBoxTop.ContentBoxTop-first .headerBoxLogo img {display: inline-block !important; margin: 0px 5% 0px !important; height: 80% !important; width: auto !important;} .body-start #ContentBoxTop.ContentBoxTop-first .headerBoxLogo a {background: transparent !important; text-align: center !important; } .body-start .ContentBoxMiddle {width: 100%; } a.main-nav-toggle {right: 10px; top: 5px; width: 40px; height: 40px; background-size: 80% auto; } .mainnavfixed ul.makeMenu, ul.makeMenu {position: fixed !important; top: 60px !important; left: 10px !important; right: 10px !important; bottom: 10px !important; margin: 0px 0px 0px !important; width: auto !important; overflow: auto !important; } .mainnavfixed ul.makeMenu > li, ul.makeMenu > li {margin: 0px 0px 5px 0px !important; } .mainnavfixed ul.makeMenu a, ul.makeMenu a {border-bottom: 2px solid #ffffff !important; } .mainnavfixed ul.opened, ul.opened {display: block !important; } .ContentTextBoxLeft, .ContentTextBoxRight, .ContentTBBoxLeft, .ContentTBBoxRight, .ContentImgBoxLeft, .ContentImgBoxRight, .ContentTBImgBoxLeft, .ContentTBImgBoxRight {width: 100% !important; margin: 0px auto 4px !important; padding: 0px !important; } .ContentImgBoxNormal img, .ContentImgBoxLeft img, .ContentImgBoxRight img {max-width: 100% !important; } input.radio, label {margin: 0px 5px 0px 0px !important; float: none !important; } select, input[type=text], textarea {width: 92% !important; } div.input, div.input_error {max-width: 100% !important; } .float_left, .float_right {width: 100% !important; float: none !important; } .float_left {margin-right: 10px !important; } .float_right {margin-left: 10px !important; } .FooterBoxCol {width: 96% !important; float: left !important; } a.checkboxoption {font-size: 70%; } } @media only screen and (max-width: 535px) { ul.makeMenu > li {width: 100%; margin: 0px 0px 35px 0px; } /* Header */ .ContentBoxTop-fixed .headerBoxLogo, .headerBoxLogo {margin: 5px 5px !important; height: 40px !important; width: 80% !important; } .ContentBoxTop-fixed .headerBoxLogo a, .headerBoxLogo a {background-size: auto 40px !important; } .ContentBoxTop-fixed .sociallinks, .sociallinks {right: 50px !important; } .ContentBoxTop-fixed .sociallinks a, .sociallinks a {margin: 0px 2px 0px 0px !important; } } @media only screen and (max-width: 360px) { /*table, tr, th, td {display: block !important; width: 100% !important; margin: 0px 0px 0px 0px !important; padding: 0px 0px 10px 0px !important; }*/ /* Header */ .ContentBoxTop-fixed .headerBoxLogo, .headerBoxLogo {/*margin: 13px 5px !important; height: 24px !important; width: 218px !important; */} .ContentBoxTop-fixed .headerBoxLogo a, .headerBoxLogo a {/*background-size: auto 24px !important; */} .ContentContainer {background-size: 100% auto; } h1 {font-size: 400%; margin: 0px 0px 0px 10px; } h2 {font-size: 160%; min-height: 200px; margin: -5px 0px 10px 30px; } .BackgroundImageBtns {top: 70%; bottom: auto; } }