/* Big screens FROM 1500px */ @media only screen and (min-width: 1500px) { #main a.main-nav-toggle, .mainnavfixed a.main-nav-toggle {position: fixed; right: 20px; top: 10px; margin: 0px; } #main .headerBoxLogo, .ContentBoxTop-fixed .headerBoxLogo {position: fixed; left: 20px; top: 10px; margin: 10px 0px 0px 0px !important; } } /* screens UP TO to 1500px */ @media only screen and (max-width: 1500px) { ul.LanguageBox, #start #ContentBoxTop:not(.ContentBoxTop-fixed) ul.LanguageBox {right: 50%; margin: 0px -410px 0px 0px; } } @media only screen and (max-width: 1360px) { /* #mainSubnav {top: 420px; }*/ } @media only screen and (max-width: 1240px) { .primary-img-view {margin-top: 25px; } } /* smaller labtops */ @media only screen and (max-width: 1170px) { /* Header */ .headerBoxLogo, .ContentBoxTop-fixed .headerBoxLogo {margin-left: 15px !important; } .SearchBox {right: 15px; width: 245px; height: 30px; } .QuickfinderBox {right: 15px; } #mainnav {} a.close-btn {right: 15px; margin: 0px; } a.main-nav-toggle {right: 15px; margin: 0px; } ul.makeMenu {width: auto; padding: 0px 15px 50px; } ul.makeMenu > li {width: 22%; margin: 0px 20px 35px 0px; } a.TopMenu, a.TopMenu:visited, a.TopMenu:link, a.TopMenu:active {font-size: 16px; } a.TopMenu_sel, a.TopMenu_sel:hover, a.TopMenu_sel:visited, a.TopMenu_sel:link, a.TopMenu_sel:active {font-size: 16px; } a.TopMenu:hover {font-size: 16px; } ul.LanguageBox, #start #ContentBoxTop:not(.ContentBoxTop-fixed) ul.LanguageBox {right: 190px; margin: 0px; } ul.LanguageBox a {padding: 5px 5px; } /* Slideshow-Teaser */ .BackgroundImageLabelImgPos-, .BackgroundImageLabelImgPos-above, .BackgroundImageLabelImgPos-below, .BackgroundImageLabelImgPos-left {left: 50%;} .BackgroundImageLabelImgPos-right {right: 50%; } .body-145 .BackgroundImageLabel, .parent-body-145 .BackgroundImageLabel, .body-14 .BackgroundImageLabel, .parent-body-14 .BackgroundImageLabel {bottom: 15px !important; left: 10% !important; width: 80% !important; max-width: 1170px; margin: 0px auto !important; } /* Big Teaser */ .tile {width: 23%; margin: 15px 2% 15px 0px; } .tile_square {/*width: 20%; */} .tile-ref {margin: 10px 2% 10px 0px; width: 31%; } .tilelink a {font-size: 120%; } .tile-teaser {} .ContentBoxMiddle .tile img, .ContentBoxMiddle .tile_square img {height: auto; } h1 {width: auto !important; margin: 0px 15px 20px !important; } .textblock h1 {margin: 0px 0px 20px !important; } .leftcolumn, .rightcolumn {width: 96% !important; margin: 0px 15px !important; } .video_bg, .gallery_slideshow {width: 110% !important; margin: 0px -15px !important; } .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 -15px !important; padding: 0px 15px !important; } .BreadCrumbBox {width: 96%; margin: 0px 0px 20px 15px; } .socialbarCont {width: 96%; margin: 0px 0px 0px 15px; } #ContentBoxBottom {width: auto; padding: 0px 15px; } .ContExtraMenu {margin: 0px 60px 0px 20px; } .FooterBox {font-size: 80%; } .FooterBoxCol {margin: 0px 15px 20px 15px; } .FooterBox img {} } /* Tablet/iPad */ @media only screen and (max-width: 980px) { .sociallinks {} .scroll-wrapper {} .socialbar {} .read-more {} .read-more-show {display: none !important; } /* Header */ #ContentBoxTop {height: 150px; } #start #ContentBoxTop {height: 360px; } .ContentBoxTop-fixed {height: 150px !important; } .headerBoxLogo {} .SearchBox {width: 200px; height: 25px; } #searchform input {width: 70%; padding: 4px 0px 0px 10px; } ul.LanguageBox, #start #ContentBoxTop:not(.ContentBoxTop-fixed) ul.LanguageBox {right: 170px; font-size: 70%; } /* Slideshows */ .BackgroundImage {height: 400px; } .textblock .BackgroundImage {height: 500px; } #start .BackgroundImage-Header {height: 640px; } .BackgroundImage-Content .BackgroundImageLabel, .BackgroundImageLabel {left: 15px !important; right: auto !important; } .BackgroundImageLabel .labeltitle {} .body-14 .BackgroundImageLabel, .parent-body-14 .BackgroundImageLabel, .body-14 .BackgroundImageLabel, .parent-body-14 .BackgroundImageLabel {bottom: 15px !important; height: 150px !important; opacity: 0.8; -moz-opacity: 0.8; filter:alpha(opacity=80); } .body-145 .BackgroundImageLabel hr, .parent-body-145 .BackgroundImageLabel hr, .body-145 .BackgroundImageLabel p, .parent-body-145 .BackgroundImageLabel p, .body-14 .BackgroundImageLabel hr, .parent-body-14 .BackgroundImageLabel hr, .body-14 .BackgroundImageLabel p, .parent-body-14 .BackgroundImageLabel p {display: none !important; } .tile_slide .tile-imgtop, .tile_slide .tile-imgbottom {height: 33% !important; background-size: 60% 60%; } 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;} #mainnav {} a.main-nav-toggle {top: 0px; padding: 0px 65px 0px 0px; } a.main-nav-toggle span {padding: 5px 10px; } a.TopMenu, a.TopMenu:visited, a.TopMenu:link, a.TopMenu:active {/*font-size: 15px; padding: 6px 0px 6px; */} a.TopMenu_sel, a.TopMenu_sel:hover, a.TopMenu_sel:visited, a.TopMenu_sel:link, a.TopMenu_sel:active {/*font-size: 15px; padding: 6px 0px 6px; */} a.TopMenu:hover {/*font-size: 15px; padding: 6px 0px 6px; */} a.MenuLevelSub, a.MenuLevelSub:visited, a.MenuLevelSub:link, a.MenuLevelSub:active {font-size: 14px; padding: 6px 0px 6px 0px; } a.MenuLevelSub_sel, a.MenuLevelSub_sel:hover, a.MenuLevelSub_sel:visited, a.MenuLevelSub_sel:link, a.MenuLevelSub_sel:active {font-size: 14px; padding: 6px 0px 6px 10px; } a.MenuLevelSub:hover {font-size: 14px; padding: 6px 0px 6px 10px; } /* * Content boxes * */ .ContentContainer {width: 100%; } .scroll-wrapper {width: 100%; } .ContentBoxRight {font-size: 90%; } h1 {font-size: 180%; } .tilelink a {font-size: 100%; } .listblock {width: 28%; } .download {width: 42%; } .textblock-32 .download {width: 28%; } #ContentBoxBottom {font-size: 70%; } .col1 {margin: 0px 10px 10px 0px; width: 30%; } .col2 {margin: 0px 10px 10px 0px; width: 30%; } .col3 {margin: 0px 0px 10px 0px; width: 30%; } 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; } table {font-size: 90%; } } /* smaller Tablets */ @media only screen and (max-width: 800px) { .show-mobile-0 {display: none !important; } body {font-size: 16px; } .BackgroundImageLabel p, a.printbtn {display: none !important; } /* Header */ #ContentBoxTop {height: 120px !important; } #start .headerBoxLogo, .headerBoxLogo {margin: 10px 0px 0px 15px !important; height: 65px !important; width: 60px !important; } #start .headerBoxLogo {height: 45px !important; width: 210px !important; } ul.LanguageBox, #start #ContentBoxTop:not(.ContentBoxTop-fixed) ul.LanguageBox {position: fixed; right: 160px; top: 17px; } #mainnav {top: 10px !important; height: 90%; overflow: auto; } .mainnav-closed {height: 50px !important; overflow: visible !important; } a.main-nav-toggle {top: -5px; } a.close-btn {display: block; } .mainnav-closed a.close-btn {display: none !important; } ul.makeMenu {width: auto; padding: 0px 0px 50px 15px; background-size: 90% auto; } ul.makeMenu > li {width: 46%; } a.TopMenu, a.TopMenu:visited, a.TopMenu:link, a.TopMenu:active {} a.TopMenu_sel, a.TopMenu_sel:hover, a.TopMenu_sel:visited, a.TopMenu_sel:link, a.TopMenu_sel:active {} a.TopMenu:hover {} /* Slideshows */ .BackgroundImage {height: 300px !important; } .BackgroundImage-Content .BackgroundImageLabel, .BackgroundImageLabel {left: 0px !important; right: auto !important; width: 50% !important; } .BackgroundImage-Content .BackgroundImageLabel {top: 0px !important; bottom: auto !important; } .BackgroundImageLabel .labeltitle {padding: 5px 15px 20px !important; background: #8e353b; color: #ffffff; font-size: 16px; } .BackgroundImage a.morelink {margin: 10px 15px; } #main_lightbox .ContentBoxMiddle, .ContentBoxMiddle, #main_lightbox .ContentBoxRight, .ContentBoxRight {width: 100% !important; float: none !important; padding: 10px 0px 0px 0px !important; display: block !important; } #main_lightbox .ContentBoxRight, .ContentBoxRight {margin: 0px 0px 0px 15px !important; } .ContentTextBoxLeft {width: 47%; } .ContentTextBoxRight {width: 47%; } .ContentImgBoxLeft {width: 47%; margin: 0px 15px 10px 0px; } .ContentImgBoxRight {width: 47%; margin: 0px 0px 10px 15px; } .ContentTBBoxLeft {width: 47%; } .ContentTBBoxRight {width: 47%; } .ContentTBImgBoxLeft {width: 47%; margin: 0px 15px 10px 0px; } .ContentTBImgBoxRight {width: 47%; margin: 0px 0px 10px 15px; } .mapCont {height: 400px; } .FooterBox {padding: 20px 0px 40px; } .FooterBoxCol {margin: 0px 15px 30px !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: 100% !important; max-width: none !important; } #main_lightbox .leftcolumn, #main_lightbox .rightcolumn, .leftcolumn, .rightcolumn {width: 95% !important; } #main_lightbox.body-map_gallery_expose .leftcolumn, #main_lightbox.body-map_gallery_expose .rightcolumn { width: 100% !important; } .mediabox {width: 100% !important; height: auto !important; } .Videobox {width: 100% !important; height: 360px !important; } /* Big Teaser */ .TileCont {} .tile, .tile_square {width: 46% !important; } .tilelink a {font-size: 120%; } .tile a.imgbox {height: auto;} .tile-imgtop {background-size: 100% 70% !important; } .tile-imgbottom {background-size: 100% 50% !important; } a.checkboxoption {margin: 0px 10px 10px 0px; font-size: 80%; } #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; } .content-block {height: auto !important; margin: 0px 20px 10px 0px !important; } .content-block-image {width: auto; height: 150px !important; } .content-block-red {padding: 10px 10px; width: 92% !important; margin: 0px 0px 10px 0px !important; } .content-block-title {display: none; } a.Lightboxarrow:visited, a.Lightboxarrow:focus, a.Lightboxarrow:active, a.Lightboxarrow:link, a.Lightboxarrow:hover, a.Lightboxarrow {width: 20px; height: 20px; border-width: 1px; } a.Lightboxarrow.arrow-up { left: 45%; } a.Lightboxarrow.arrow-down {top: 10px; bottom: auto; left: 55%; } a.Lightboxarrow.arrow-left, a.Lightboxarrow.arrow-right {top: 200px;} .primary-img-view {width: 170%; } .primary-img-view .mapimgCont {display: none; } .secondary-img-view {width: 240%; margin-top: -15% !important; margin-left: 5% !important; } .expose-primary {margin-left: -33% !important; } .expose-secondary {display: inline-block; } .bigstamp {padding: 45px 60px; font-size: 240%; } table {font-size: 80%; } 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; } .QuickfinderBox, .LabelBox, .socialbar, .BreadCrumbBox, .parallax-slide, .ContentBoxLeft, a.printbtn {display: none !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; } ul.makeMenu li.hassubs > a {/*pointer-events: none !important; cursor: default !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; } .textblock_separator_light .textblock-inner, .textblock_separator_image_dark, .textblock_separator_dark, .video .textblock-inner, .video_bg .textblock-inner, .gallery_slideshow .textblock-inner {padding: 0px 10px !important; } /* Big Teaser */ .TileCont {} .listblock, .tile-ref, .tile, .tile_square {width: 98% !important; height: auto !important; min-height: auto !important; } .tile_square .tilelink, .tile .tilelink {min-height: auto !important; } .tile_square img {position: relative; top: 50%; height: auto; width: 100%; min-height: auto !important; min-width: none; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .tile-ref .tilelink {min-height: 100px !important; } .tile-teaser {display: none !important; } .tile-subhead {display: block !important; } a.checkboxoption {font-size: 70%; } .tablecont {width: 100%; margin: 0px 0px 20px 0px; } table {font-size: 70% !important; } th, td {padding: 2px !important; overflow: hidden; } th {font-size: 70% !important; width: auto !important; overflow: hidden; } td a.extrabutton-right {width: 24px !important; height: 24px !important; } th::after { } #finanzplan table {font-size: 70% !important; } #finanzplan th {font-size: 100% !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; }*/ .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; } } @media only screen and (max-width: 535px) { ul.makeMenu > li {width: 100%; margin: 0px 0px 35px 0px; } #start .headerBoxLogo, .headerBoxLogo {margin: 15px 0px 0px 15px !important; height: 65px !important; width: 60px !important; } #mainSubnav {top: 100px; padding: 10px 0px 0px; text-align: left; } a#navtitle {margin: 0px 10px 5px 10px; width:35px; height:35px; border: 2px solid #ffffff; background-size: auto 100%; } ul.makeSubMenu a {font-size: 16px !important; } #mainSubnav.nav-open a#navtitle {width: 75%; border: none; } #mainSubnav.nav-open {bottom: 0px; width: 100%; height: auto; } #mainSubnav.nav-open ul.makeSubMenu {width: 96%; min-width: auto; height: auto; padding: 10px; } #mainSubnav.nav-open-start a#navtitle {width: 30px !important; border: 2px solid #ffffff !important; color: transparent !important; padding: 0px !important; background-image: url(../img/_layout/icon_menu_white.png) !important; } #mainSubnav.nav-open-start {bottom: auto !important; width: auto !important; height: auto !important; } #mainSubnav.nav-open-start ul.makeSubMenu {width: 0px !important; height: 0px !important; padding: 0px !important; } /* Slideshows */ .BackgroundImage {height: 240px !important; } .BackgroundImage-Content .BackgroundImageLabel, .BackgroundImageLabel {width: 60% !important; } .BackgroundImageLabel .labeltitle {font-size: 100%; } .leftarrow, .rightarrow {width: 35px !important; height: 35px !important; } .ContentContainer {padding: 0px !important; margin: 0px !important; } .ContentTextBoxLeft, .ContentTextBoxRight, .ContentImgBoxLeft, .ContentImgBoxRight, .ContentTBBoxLeft, .ContentTBBoxRight, .ContentTBImgBoxLeft, .ContentTBImgBoxRight {width: 98%; margin: 0px 0px 15px 0px; float: none; } .mediabox {width: 96% !important; margin: 0px !important; } .Videobox {height: 260px !important; margin: 0px !important; } a.videostart {display: block; margin: 0px !important; } .mapCont {height: 300px; } h1 {font-size: 150%; } .bigstamp {padding: 25px 40px; font-size: 180%; } .news_bigteaser_map_gallery .col3 {display: none !important; } .news_bigteaser_map_gallery {width: 96% !important; overflow: hidden; } .news_bigteaser_map_gallery .ContentTBImgBoxLeft {width: 156% !important; margin-left: -30% !important; } } @media only screen and (max-width: 480px) { .secondary-img-view {width: 330%; margin-left: -10% !important; } } @media only screen and (max-width: 370px) { .BackgroundImage-Header .BackgroundImageLabel {display: none !important; } .iframe-disclaimer {font-size: 80%; } }