/* * Print * */ @media print { body {background: #ffffff !important; height: auto !important; margin: 0px !important; padding: 0px !important; overflow: auto !important; font-size: 16px !important; line-height: 140% !important; } #pageBody, #pageContainer, main, footer, div, table, form, fieldset, h1, h2, h3, h4, h5, h6 {display: inline-block !important; position: relative !important; top: auto !important; bottom: auto !important; left: auto !important; right: auto !important; color: #000000 !important; background-color: transparent !important; height: auto !important; min-height: auto !important; width: 100% !important; text-align: left !important; border: none !important; padding: 0px 0px 10px 0px !important; margin: 5px 0px 5px 0px !important; overflow: auto !important; text-shadow: none !important; } h1 {font-size: 150% !important; } h3 {font-size: 130%; } .inner {max-width: auto !important; padding: 0px !important; } th {background-color: #eaeaea; font-weight: 600; } .leftcolumn, .rightcolumn {display: inline !important; } #tooltip, #loadicon, .body-verwaltung-weaning .text-container, .th-8, .td-8, .button, .submit, .FooterBoxCol-last, .sociallinks, .map_locations, .usertoolbar, .toolbar, .BreadCrumbBox, #cookiebanner, a.morelink, a.extrabutton-up, a.extrabutton-down, .BackgroundImage a.extrabutton-down, .ContentBoxLeft, .ContentBoxRight, header, .printbtn, .socialbar {display: none !important; } } @media only screen and (max-width: 1600px) { body {background-size: 100% auto !important; } } /* smaller labtops */ @media only screen and (max-width: 1230px) { /* Header */ .headerBoxLogo, #start .headerBoxLogo, .ContentBoxTop-fixed .headerBoxLogo {margin-left: 15px; } .SearchBox {right: 15px; width: 245px; height: 30px; } #mainnavTop, .toolbar, .QuickfinderBox {right: 15px; } .FooterSubLineInner, .FooterBoxInner, .ContentContainerInner, .mainnav {padding: 0px 15px; } ul.makeMenu:not(.toolmenu) li ul {} .ContentBoxMiddle {width: 78%; } .ContentBoxRight {width: 19%; } .ContExtraMenu, a.foldout-more-btn, .leftcolumn, .textblock-inner, .textblock_separator_light .textblock-inner, .textblock_separator_image_dark, .textblock_separator_image, .textblock_separator_dark, .video .textblock-inner, .video_bg .textblock-inner, .gallery_slideshow .textblock-inner {margin: 0px !important; padding-left: 0px !important; padding-right: 0px !important; } .news-events .news_text, .news-events .news_img {width: 65%; } .textblocks_left, .textblocks_right, .textblocks_left_big, .textblocks_right_small {left: auto; right: auto; transform: none; -webkit-transform: none; } } /* smaller labtops */ @media only screen and (max-width: 1060px) { .rightcolumn, .video_bg, .gallery_slideshow {width: 100% !important; padding: 0px 0px !important; } .ContExtraMenu, a.foldout-more-btn, .leftcolumn, .textblock-inner, .textblock_separator_light .textblock-inner, .textblock_separator_image_dark, .textblock_separator_image, .textblock_separator_dark, .video .textblock-inner, .video_bg .textblock-inner, .gallery_slideshow .textblock-inner {margin: 0px !important; padding-left: 0px !important; padding-right: 0px !important; } } /* Tablet/iPad */ @media only screen and (max-width: 1024px) { .sociallinks {} .scroll-wrapper {} .socialbar {} .read-more {} .read-more-show {display: none !important; } .mainnav {font-size: 110%; } ul.makeMenu:not(.toolmenu) li ul li a {} ul.DataFoldList, ul.DataFoldList li, ul.DataFoldList li ul, ul.DataFoldList li ul li {height: auto; list-style-image: url(../img/_layout/list_bullet.png); list-style-type:disc; transition: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; } ul.DataFoldList li ul {padding-top: 10px;} /* * Content boxes * */ .ContentBoxRight {font-size: 80%; } table {font-size: 90%; } } /* smaller Tablets */ @media only screen and (max-width: 980px) { .show-mobile-0, a.extrabutton-down, a.printbtn {display: none !important; } /* Header */ #start #ContentBoxTop, #ContentBoxTop {height: 60px !important; text-align: left; } .headerBoxLogo, #start .headerBoxLogo, .ContentBoxTop-fixed .headerBoxLogo {margin: 10px 10px; z-index: 30002; } #pageBody:not(.pageBody-slideshow) main {padding: 80px 0px 0px; } #mainnavTop, .ContentBoxTop-fixed #mainnavTop {right: 75px; top: 0px; font-size: 80%; } #mainnavTop ul.makeMenu a img {height: 24px; } .toolbar, .ContentBoxTop-fixed .toolbar {right: 75px; top: 8px; } ul.LanguageBox {} a.main-nav-close {display: block; } .mainnav-closed a.main-nav-toggle {display: block !important; } .mainnav-closed a.main-nav-close {display: none !important; } ul.makeMenu:not(.toolmenu) li ul li ul, ul.makeMenu:not(.toolmenu) a br, ul.makeMenu:not(.toolmenu) a img, a.main-nav-toggle span, #mainnav .minimized {display: none !important; } .mainnavfixed, .mainnav {position: fixed; top: 0px !important; bottom: 0px; left: auto !important; right: 0px !important; font-size: 110%; border: none; width: 100%; height: 100%; margin: 0px !important; background: transparent !important; text-align: right; overflow: visible; } .mainnav-closed {height: 50px !important; width: auto !important; } ul.makeMenu:not(.toolmenu) {box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; position: absolute; top: 0px; right: 0px; left: auto; background: var(--color-highlight3) !important; height: 100% !important; width: 100% !important; overflow: hidden; overflow-y: auto; padding: 60px 0px 0px 0px; margin: 0px auto 0px; box-shadow: 0px 0px 10px var(--color-dark-5); -moz-box-shadow: 0px 0px 10px var(--color-dark-5); -webkit-box-shadow: 0px 0px 10px var(--color-dark-5); } ul.makeMenu:not(.toolmenu) li ul .lifirst, ul.makeMenu:not(.toolmenu) li {position: relative !important; top: auto !important; left: auto !important; width: 100% !important; background: var(--color-highlight1) !important; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; display: block !important; padding: 0px !important; margin: 0px !important; border: none !important; } ul.makeMenu:not(.toolmenu) li ul li ul, ul.makeMenu:not(.toolmenu) li ul {position: relative !important; top: auto !important; left: auto !important; right: auto !important; width: 100%; padding: 0px; background: var(--color-highlight1) !important; border: none !important; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } ul.makeMenu:not(.toolmenu) > li.hassubs:hover > ul, ul.makeMenu:not(.toolmenu) > li.hassubs:focus > ul, ul.makeMenu:not(.toolmenu) > li:hover > ul {display: block !important; background-color: transparent !important; } ul.makeMenu:not(.toolmenu) li a {box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border: none !important; margin: 0px 0px 0px 0px !important; color: var(--color-highlight3) !important; border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important; text-align: left !important; height: auto !important; min-height: auto !important; padding: 15px 15px !important; } ul.makeMenu:not(.toolmenu) li a.menu-sel, ul.makeMenu:not(.toolmenu) li a:hover {background-color: rgba(0, 0, 0, 0.1) !important; color: var(--color-highlight3) !important; } ul.makeMenu:not(.toolmenu) li ul li a {padding-left: 30px !important; } ul.makeMenu:not(.toolmenu) li ul li ul li a {padding-left: 45px !important; } ul.makeMenu:not(.toolmenu) li ul li a:hover {background-color: rgba(0, 0, 0, 0.1) !important; } ul.makeMenu:not(.toolmenu) > li.hassubs::after {box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; content: "\2192"; color: var(--color-highlight3); font-family: sans-serif !important; display: block; position: absolute; top: 0px; right: 0px; font-size: 100%; font-weight: 600 !important; width: 55px; height: 55px; border-left: 1px solid rgba(255, 255, 255, 0.3); padding: 12px 20px 12px 10px; height: 100%; } ul.makeMenu:not(.toolmenu) > li.hassubs:hover::after {content: "\2193"; color: var(--color-highlight3); padding: 12px 25px 12px 5px; } /* Slideshows */ .BackgroundImage {margin-top: 80px; } .BackgroundImageLabel {top: auto; bottom: 0px; width: 100%; height: auto; padding: 10px 15px; background: var(--color-highlight1-5); font-size: 90%; } a.extrabutton-down {bottom: 90px !important; width: 45px !important; height: 45px !important; margin: 0px 0px 0px -22px !important; } a.extrabutton-down:focus, a.extrabutton-down:hover {bottom: 85px !important;*/ } .ContentBoxRight {font-size: 100%; } .ContentBoxRight, .ContentBoxMiddle {margin: 0px 0px 10px 0px !important; padding: 0px !important; width: 100% !important; text-align: left !important; float: none !important; } .leftcol, .rightcol, .col1-2, .col2-3, .col1, .col2, .col3 {margin: 0px 0px 10px 0px !important; padding: 0px !important; width: 100% !important; max-width: none !important; } .input .col1, .input .col2, .input .col3 {margin: 0px 0px 3px 1% !important; width: 48% !important; } .ContentBoxRight .NewsBox {width: 31%; margin-right: 1%; } .mediabox {width: 100% !important; height: auto !important; } .Videobox {width: 100% !important; height: 360px !important; } /* Big Teaser */ .TileCont {text-align: left; } .tile_square {width: 31%; } .tile, .tile-ref {margin: 0px 2% 2% 0px !important; width: 31%; } a.checkboxoption, #checkboxoption_all {position: relative; left: auto; } table {font-size: 80%; } th, td {padding: 3px !important; } } @media only screen and (max-width: 800px) { .textblock .DateBoxCont {width: 47%; margin: 0px 1.5% 4%; } table.datatable {font-size: 80%; } .FooterBoxCol {margin: 0px 0px 10px 0px !important; padding: 0px 5% 0px 0px !important; width: 50% !important; text-align: left !important; float: none !important; } .BackgroundImageLabel p {display: none; } .BackgroundImage a.morelink {padding: 5px 0px; } .BackgroundImageLabel:hover a.morelink, .BackgroundImage a.morelink:hover {padding: 5px 10px; } } /* 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; } body {font-size: 0.9em; } .QuickfinderBox, .LabelBox, .socialbar, .BreadCrumbBox, .parallax-slide, .ContentBoxLeft, a.printbtn {display: none !important; } .Slidearrow {width: 35px; height: 35px; } input.radio, label {margin: 0px 5px 0px 0px !important; float: none !important; } .headerBoxLogo {z-index: 3000 !important; } #mainnavTop .minimized {/*display: none !important; */} .ContentImgBoxLeft img, .ContentImgBoxRight img, .ContentTBImgBoxNormal img, .ContentTBImgBoxLeft img, .ContentTBImgBoxRight img {width: 100%; height: auto !important; display: block; padding: 0px; margin: 0px; } .headline-container, .text-container, .textblocks_left, .textblocks_right, .float_left:not(.news_img):not(.button):not(.submit), .float_right:not(.news_img):not(.button):not(.submit), .FooterBoxCol, .ContentTextBoxNormal, .ContentTextBoxLeft, .ContentTextBoxRight, .ContentImgBoxNormal, .ContentImgBoxLeft, .ContentImgBoxRight, .ContentTBBoxLeft, .ContentTBBoxRight, .ContentTBImgBoxNormal, .ContentTBImgBoxLeft, .ContentTBImgBoxRight {width: 100% !important; float: none; padding: 0px !important; margin: 0px 0px 10px 0px !important; } .ContentImgBoxNormal {margin-top: -20px !important; } .ContExtraMenu {font-size: 100%; } ul.makeExtraMenu li a {margin: 0px 25px 0px 0px; padding: 7px 0px; } .textblock .DateBoxCont {width: 100%; margin: 0px 0% 3%; } .ContentBoxRight .NewsBox {width: 48%; margin-right: 1%; } .mediabox {width: 96% !important; margin: 0px !important; } .Videobox {height: 260px !important; margin: 0px !important; } a.videostart {display: block; margin: 0px !important; } .mapCont {height: 300px; } a.foldout-more-btn {font-size: 120%; } /* Teaser */ .listblock {width: 48%; padding: 0px 10px !important; margin: 0px 1% 20px 0px !important; } .gallery_textblocks {width: 33%; } /*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; }*/ div.input, div.input_error, div.input-message {width: 97%; margin-right: 0px; } .iframe-disclaimer {font-size: 100%; padding: 20px 20px 20px 100px; background-position: 20px 20px; background-size: 60px auto; } .iframe-disclaimer h5 {font-size: 140%; margin: 10px 0px 20px; } .allow-iframe, .allow-iframe:hover {position: relative; right: auto; bottom: auto; padding: 5px 10px; } } /* phones */ @media only screen and (max-width: 460px) { .ContentBoxRight .NewsBox {width: 100%; margin-right: 0%; } } /* phones */ @media only screen and (max-width: 380px) { .listblock .imgbox {width: 70%; } .listblock {width: 100% !important; padding: 0px !important; margin: 0px 0px 0px 0px; } .tile_square {width: 48%; } .tile:not(.tile-ref) {width: 100%; margin: 0px 0px 2% 0px; } .iframe-disclaimer {font-size: 80%; } }