/* lightbox.css */ body:after{ content:url(../helper/lightbox/img/close.png) url(../helper/lightbox/img/loading.gif) url(../helper/lightbox/img/next.png) url(../helper/lightbox/img/prev.png); display:none } .lightboxOverlay{ position:absolute; top:0; left:0; z-index:9999; background-color:#000; filter:alpha(Opacity=80); opacity:.8; display:none } .lightbox{ position:absolute; left:0; width:100%; z-index:10000; text-align:center; line-height:0; font-weight:400 } .lightbox .lb-image{ display:block; height:auto; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px } .lightbox a img{ border:0 } .lb-outerContainer{ position:relative; background-color:#fff; *zoom:1; width:250px; height:250px; margin:0 auto; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px } .lb-outerContainer:after{ content:""; display:table; clear:both } .lb-container{ padding:4px } .lb-loader{ position:absolute; top:43%; left:0; height:25%; width:100%; text-align:center; line-height:0 } .lb-cancel{ display:block; width:32px; height:32px; margin:0 auto; background:url(../helper/lightbox/img/loading.gif) no-repeat } .lb-nav{ position:absolute; top:0; left:0; height:100%; width:100%; z-index:10 } .lb-container>.nav{ left:0 } .lb-nav a{ outline:0 } .lb-prev,.lb-next{ width:49%; height:100%; cursor:pointer; display:block } .lb-prev{ left:0; float:left } .lb-prev:hover{ background:url(../helper/lightbox/img/prev.png) left 48% no-repeat } .lb-next{ right:0; float:right } .lb-next:hover{ background:url(../helper/lightbox/img/next.png) right 48% no-repeat } .lb-dataContainer{ margin:0 auto; padding-top:5px; *zoom:1; width:100%; -moz-border-radius-bottomleft:4px; -webkit-border-bottom-left-radius:4px; border-bottom-left-radius:4px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-right-radius:4px; border-bottom-right-radius:4px } .lb-dataContainer:after{ content:""; display:table; clear:both } .lb-data{ padding:0 4px; color:#fff; } .lb-data b{ font-weight: 400; } .lb-data .lb-details{ width:85%; float:left; text-align:left; line-height:1.1em } .lb-data .lb-caption{ font: 400 14px/15px Arial; } .lb-data .lb-number{ display:block; clear:left; padding-bottom:1em; font-size:12px; color:#999 } .lb-data .lb-close{ display:block; float:right; width:30px; height:30px; background:url(../helper/lightbox/img/close.png) top right no-repeat; text-align:right; outline:0; filter:alpha(Opacity=70); opacity:.7 } .lb-data .lb-close:hover{ cursor:pointer; filter:alpha(Opacity=100); opacity:1 } /* custom.css */ /* Reset */ *{ border: 0; outline: 0; list-style: none; text-decoration: none; margin: 0; padding: 0; } a{ color: #262256; } html{ height: 100%; } body{ min-height: 100%; background: #285fa5; background-attachment: fixed; } td{ vertical-align:top; padding: 0 10px 10px 0; } sup{ line-height: 1em; font-size: 0.8em; vertical-align: super; } sub{ line-height: 1em; font-size: 0.8em; vertical-align: sub; margin: 0 2px 0 -1px; } /* Structur */ #wrapper{ position: relative; min-height: 100%; max-width: 1920px; } .bg{ background: url(../images/background/bg_1920.jpg) no-repeat center bottom; top: 0; bottom: 0; width: 100%; background-size: auto 100%; position: fixed; z-index: -1; max-width: 1920px; } .ie7 .bg,.ie8 .bg{ display: none; } #header{ margin: 0; overflow: hidden; } #header a{ float: left; } #page_title{ background: url(../images/content_min-5.png) no-repeat -350px 0; width: 600px; height: 200px; text-indent: -9999px; } .grid{ padding: 0 290px 0 320px; max-width: 700px; } .nav-main,.sidebar{ float: left; } /* NAV: Main */ .nav-main{ width: 280px; background: #fff; margin: 0 0 30px -300px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; overflow: hidden; } .nav-main a{ display: block; font: 400 14px/18px "ff-meta-web-pro", sans-serif; } .nav-main a.level-1{ background: url(../images/menu.png) no-repeat 0 0; border-bottom: 1px solid #d6e4ec; color: #3d93cd; font-size: 16px; line-height: 18px; font-weight: 600; padding: 24px 24px 24px 80px; } .nav-main a.level-2{ color: #3d93cd; padding: 12px 21px; border-bottom: 1px solid #c7dbe2; background-color: #f8f6f0; } .nav-main a.level-2.selected{ padding-left: 36px; background: url(../images/content_min-5.png) no-repeat 20px -583px #f8f6f0; } #nav-main li.level-1.last a{ border-bottom: 0; } .nav-main a.item-1{ background-position: -580px 50%; } .nav-main a.item-2{ background-position: -1180px 50%; } .nav-main a.item-3{ background-position: -880px 50%; } .nav-main a.item-4{ background-position: -280px 50%; } .nav-main a.item-5{ background-position: -1480px 50%; } .nav-main a.item-6{ background-position: 20px 50%; } /* Content */ .content{ margin: 0 0 20px; float: left; width: 100%; } .ie7 .content{ width: 630px; } .content .title{ overflow: hidden; margin: 0 0 12px; } .content .title span{ float: left; clear: both; background: none #f8f6f0; font: 400 28px/32px "ff-meta-sc-web-pro", sans-serif; color: #262256; padding: 4px 18px; } .breadcrumb{ background: none #f8f6f0; font: 400 16px/20px "ff-meta-web-pro", sans-serif; color: #262256; padding: 4px 18px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; margin-bottom: 12px; } .content .title span.row1{ padding-top: 7px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .content .title span.row2{ padding-bottom: 7px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; margin-top: 2px; font-size: 0.8em; } /* article */ .clickable{cursor:pointer;} article{ font: 400 14px/20px "ff-meta-web-pro", sans-serif; background: none #fff; padding: 1px 15px 15px; color: #333; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } article .page{ overflow: hidden; } article h2{ font: 400 19px/22px "ff-meta-web-pro", sans-serif; color: #262256; letter-spacing: -1px; margin: 15px 0 5px; } article h3{ font: 400 16px/20px "ff-meta-web-pro", sans-serif; color: #008b48; margin: 0 0 15px; } article h4{ font: 700 12px/18px "ff-meta-web-pro", sans-serif; color: #262256; margin: 0 0 15px; } article h4.wicon{ padding: 0 0 0 34px; overflow: hidden; } article h4.wicon img{ margin: 0 0 0 -34px; float: left; } article p{ margin: 15px 0; } article figure{ max-width: 100%; } article figure img{ max-width: 100%; height: auto !important; } article figcaption{ font-size: 14px; line-height: 22px; margin: 10px 0 0; font-weight: 600; color: #262256; } article figure.right{ float: right; overflow: hidden; margin: 7px 0 5px 10px; } article figure.left{ float: left; overflow: hidden; margin: 7px 10px 5px 0; } article figure.block{ display: block; overflow: hidden; margin: 25px 0 25px 0; width: 100% !important; } article figure.block img{ float: left; margin-right: 10px; } article figure.block figcaption{ float: left; } article blockquote{ font-style: italic; font: 400 14px/20px "ff-meta-web-pro", sans-serif; } article .table{ margin-top: 15px; } article .page ul{ margin: 15px 0 15px 25px; list-style: disc; } article .page li{ list-style: disc; } .image_image{ overflow: hidden; } /* Sidebar */ .sidebar{ float: right; width: 250px; margin: 0 -270px 30px 0; } /* Social */ .social .inner{ padding: 9px; background: none #fff; color: #fff; overflow: hidden; margin: 0 0 12px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } /* Teaser */ .teaser article{ padding: 15px 13px 5px; background: #fff; margin: 0 0 12px; font-size: 12px; line-height: 16px; overflow: hidden; } .teaser article h4{ margin-bottom: 10px; } .teaser article p{ margin-top: 10px; } .teaser article .icon{ float: right; margin: 0 0 5px 5px; } /* Footer */ .footer{ background: url(../images/footer/footer_1920.png) no-repeat right bottom; height: 247px; bottom: 0; left: 0; right: 0; z-index: 1; clear: both; overflow: hidden; font: 400 15px/19px "ff-meta-web-pro",sans-serif; color: #fff; margin: 0; max-width: 1920px; } .footer a{ color: #fff; } .nav-footer{ margin: 180px 0 0 47px; float: left; padding: 20px 0 20px 47px; background: url(../images/mirko_emas_25x25.png) no-repeat 3px 50%; } .nav-footer a{ margin-right: 15px; padding-left: 15px; border-left: 1px solid #fff; float: left; } .language{ position: absolute; right: 50px; top: 30px; margin: 0; } .language a{ height: 25px; width: 25px; background: url(../images/home_min-4.png) no-repeat -300px -200px; float: left; text-indent: -9999px; margin-left: 15px; } .language a.item-2{ background-position: -332px -200px; } .language a.item-3{ background-position: -396px -200px; } .language a.item-4{ background-position: -364px -200px; } .language a.item-5{ background-position: -428px -200px; } /* Home */ .home{ height: 100%; position: relative; } .home .footer{ position: fixed; } @media screen and (min-aspect-ratio: 1280/905){ .bg{ background-size: 100% auto; } } .home #wrapper{ background-image: none; overflow: hidden; } .homecontainer{ padding-bottom: 100px; } #frosch{ position: relative; width: 984px; display: block; margin: 0 auto; display: none; } #frosch span{ position: absolute; top: -207px; right: 177px; background: url(../images/frosch.png) no-repeat 0 0; width: 107px; height: 131px; z-index: 20; opacity: 0; } .home .map{ width: 1000px; margin: 30px auto 0; position: relative; overflow: hidden; } .home .map a{ width: 115px; padding-top: 120px; position: absolute; background: url(../images/home_min-4.png) no-repeat 0 0; top: 166px; left: 0px; font: 400 15px/19px "ff-meta-web-pro",sans-serif; color: #285fa5; text-align: center; text-shadow: 1px 1px 2px #fff; } .home .map .item-2{ background-position: -150px 0; top: 85px; left: 180px; } .home .map .item-3{ background-position: -300px 0; top: 0; left: 360px; } .home .map .item-4{ background-position: -450px 0; top: 0; right: 360px; left: auto; } .home .map .item-5{ background-position: -600px 0; top: 85px; right: 180px; left: auto; } .home .map .item-6{ background-position: -750px 0; top: 166px; left: auto; right: 0; } .home .map .logo{ margin: 180px auto 40px; width: 330px; height: 363px; background: url(../images/home_min-4.png) no-repeat -38px -277px; background-size: 1280px auto; text-indent: -9999px; } .award{ width: 166px; height: 169px; background: url(../images/home_min-4.png) no-repeat -499px -200px; right: 90px; z-index: 2; position: absolute; margin-top: -241px; } .home .award{ position: fixed; bottom: 100px; margin: 0; } .award b{ font: 400 16px/20px "ff-meta-web-pro",sans-serif; color: #FFF; margin: 0 -46px 0; display: block; text-align: center; padding-top: 175px; } .award b span{ font-weight: 700; } article .rounded{ border-radius: 6px; -moz-border-radius: 6px; -wekkit-border-radius: 6px; } /* Download */ .downloads{ padding: 10px 0 0; border-top: 1px solid #262256; margin-top: 10px; } .downloads .link-more{ display: block; } /* Linkliste */ .linklist{ margin: 0 0 15px; } /* Pager */ .pager{ background-color: #fff; margin: 80px 0 -8px 0; padding: 9px 13px 9px 10px; display: none; } .pager .inner{ display: table; margin: 0 auto; border-right: 3px solid #fff; } .pager span,.pager a{ height: 28px; width: 28px; overflow: hidden; background-color: #2e97e3; text-align: center; display: inline-block; color: #fff; font-size: 16px; line-height: 28px; cursor: pointer; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; margin-left: 3px; } .pager span{ text-indent: -9999px; background-image: url(../images/icons-2.png); background-repeat: no-repeat; background-position: 7px -293px; } .pager span.next{ background-position: 8px -393px; } .pager a span{ display: none; } .pager a.selected,.pager a:hover,.pager span:hover{ background-color: #307ca9; } /* Links */ .link-more{ white-space: nowrap; display: inline-block; font-weight: 600; } .content .link-extern{ background: url(../images/link_icon.png) no-repeat 0 7px; padding-left: 13px; font-weight: 600; } .link-more:before{ content: "»"; margin-right: 5px; color: #ff2600; } .link-tel{ font-weight: 700; } .link-top{ background: url(../images/icons-2.png) no-repeat 8px -199px #2e97e3; height: 31px; width: 31px; text-indent: -9999px; display: block; margin: 10px 0 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .icon-pdf{ padding: 6px 0 6px 65px; margin-bottom: 15px; overflow: hidden; } .icon-pdf figure{ float: left; margin-left: -65px; position: relative; } .social a{ background: url(../images/icons-2.png) no-repeat 0 0; height: 32px!important; width: 32px!important; float: left; padding: 0; margin: 0 0 0 17px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .social .icon-pdf{ margin: 0; } .social .icon-print{ background-position: -400px 0; } .social .icon-mail{ background-position: -100px 0; } .social .icon-facebook{ background-position: -200px 0; } .social .icon-twitter{ background-position: -500px 0; } .social .icon-print{ background-position: -400px 0; } .icon-pdf img{ display: block; } .icon-pdf figcaption{ position: absolute; bottom: 15px; right: 0; font-size: 11px; padding: 1px 7px 1px 5px; background: none #C02929; line-height: 12px; color: #FFF; } /* Videothek */ .videothek{ overflow: hidden; } .video-item{ float: left; margin: 0 11px 0 0; cursor: pointer; width: 296px; } .video-item h2{ font-size: 11px; font-weight: 400; padding: 3px 5px; letter-spacing: 0; line-height: 13px; color: #002F76; } .video-item figure{ position: relative; } .video-item img{ width: 100%; } .video-item .play{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(../images/play_small.png) no-repeat 50% 50%; } .video-item .play:hover{ background-image: url(../images/play_small_hover.png) } .video-item-first{ float: none; margin-right: 11px; margin-bottom: 25px; overflow: hidden; width: 100%; } .video-item-first figure.block{ width: 100%; margin: 0; } .video-item-first figure.block img{ width: 296px; } .video-item-first .play{ background-image: url(../images/play.png); width: 296px; max-width: 100%; max-height: 167px; } .video-item-first .play:hover{ background-image: url(../images/play_hover.png) } .video-item-first h2{ font-size: 16px; font-weight: 400; line-height: 18px; } .video-row{ overflow: hidden; width: 100%; padding: 0; } .video-item .options{ float: left; margin-top: 5px; margin-right: 0; overflow: hidden; padding-bottom: 3px; margin-left: -5px; } .video-item .options .quality{ float: left; margin-left: 5px; background: none #CBDDAD; color: #000; font-size: 11px; padding: 0 4px; border-radius: 2px; font-family: "ff-meta-web-pro",sans-serif; } .video-item .options .flag{ float: left; margin-left: 5px; background: url(../images/flags_small.png) no-repeat 0 0; height: 20px; width: 30px; text-indent: -9999px; margin-top: 0; } .video-item .options .flag-de{background-position: 0 0} .video-item .options .flag-en{background-position: -33px 0} .video-item .options .flag-es{background-position: -66px 0} .video-item .options .flag-fr{background-position: -99px 0} .video-item .options .flag-it{background-position: -133px 0} .video-item .options .flag-jp{background-position: -166px 0} .video-item .options .flag-pl{background-position: -199px 0} .video-item .options .flag-ru{background-position: -233px 0} .video-item .options .flag-si{background-position: -265px 0} #video-overlay{ position: fixed; z-index: 20; top: 0; left: 0; height: auto; width: auto; background: none #000; background: none rgba(0,0,0,.8); bottom: 0; right: 0; display: none; cursor: pointer; } #video-center{ position: absolute; left: 50%; top: 50%; } #video-center .close{ position: absolute; top: 100%; right: 0; cursor: pointer; background: url(../helper/lightbox/img/close.png) no-repeat 0 0; height: 27px; width: 27px; cursor: pointer; margin-top: 5px; } /* MISC */ header,footer,nav,article,section,aside,hgroup,address,figure,figcaption,embed,video,datalist,.desktophide{ display: block; } .nav-sub ul,article figcaption p{ margin: 0; } .mobilehide,.content .export-actions{ display: none; } .map{ display: block; margin: 0 auto; } label{width: 100px;margin-left: -110px;float: left} fieldset{padding-left: 110px;margin-bottom: 10px} input[type="text"],textarea{max-width: 81%;border: 1px solid #ddd;width: 300px;padding: 5px 0;text-indent: 5px;} textarea{height: 150px;} form .input_1{width: 27%;max-width: 99px;} form .input_2{width: 51%;margin-left: 5px;max-width: 190px;} .input_btn{ background: none no-repeat #2E97E3; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding: 5px 10px 5px; font-weight: 700; color: #FFF; border: 0; cursor: pointer; } form{padding: 20px 10px;} .print{ display: none; } /* mobile.css */ @media only all and (max-width :1100px) { .grid{ padding:0 50px 0 320px; max-width: none; } .sidebar,.content{ float: none; } .content .link-top{ margin-bottom: 25px; } .content{ margin-bottom: 10px; } .sidebar{ overflow: hidden; margin: 0 0 20px; } .teaser .inner{ margin: 0 -5px; } .teaser .column{ float: left; width: 50%; } .teaser article{ margin: 0 5px 10px; } .home .map .logo{ width: 250px; height: 290.4px; background: url(../images/home_min-4.png) no-repeat -34px -223px; background-size: 1024px auto; } } @media only all and (min-width :1009px) { article figure.block{ position: relative; } article figure.block figcaption{ position: absolute; left: 306px; right: 0; bottom: 0; width: auto; } } @media only all and (max-width :1024px) { .award{ display: none; } .footer{ height: 195px; } .nav-footer { margin-top: 133px; } } @media only all and (max-width :1022px) { label{ width: 100%; margin-left: 0; float: none; display: block; } fieldset{ padding: 0; } .award{ display: none; } .teaser .column{ float: none; width: 100%; } .home .map{ width: 700px; margin-top: 0; overflow: visible; } .home .map .item-1{ left: 0; top: 310px; } .home .map .item-2{ left: 50%; margin-left: -57.5px; top: 310px; } .home .map .item-3{ left: auto; right: 0; top: 310px; } .home .map .item-4{ right: auto; left: 0; top: 475px; } .home .map .item-5{ left: 50%; margin-left: -57.5px; top: 475px; } .home .map .item-6{ right: 0; top: 475px; } .home .map .logo{ margin-top: 0; margin-bottom: 300px; } .home .language{ right: 10px; left: auto; margin: 0 auto; top: 10px; } .home .award{ right: 50px; } .home .award b{ margin: 0 -50px; } .footer{ height: 164px; font-size: 13px; } .footer .nav-footer{ margin-top: 105px; margin-left: 8px; border-right: 0; } } @media only screen and (max-width: 701px){ .award{ display: none; } .home #wrapper{ min-height: 0; } .home .language,.language{ top: 10px; margin: 0; width: 48px; left: auto; right: 0; } .home .language a,.language a{ display: none; margin-bottom: 5px; } .home .language a.selected,.language a.selected{ display: block; } .home .footer { font-size: 13px; line-height: 18px; height: 131px; position: relative; margin-top: 326px; } .home .nav-footer { margin-left: 10px; padding-top: 0; margin-top: 92px; float: none; border-right: 0; } .home .nav-footer a{ margin-right: 5px; padding-left: 5px; } .home .nav-footer a:first-child{ border-left: 0; padding-left: 0; } .home .nav-footer a:last-child{ margin-right: 0; } .home .map { width: 90%; margin-top: 10px; } .home .map .logo { margin-top: 0; margin-bottom: 252px; background-size: 800px auto; background-position: -26px -170px; height: 228px; width: 207px; } .home .map a { font-weight: 600; margin-top: 260px; zoom: 0.85; transform :scale(0.85); -webkit-transform :scale(0.85); -moz-transform :scale(0.85); } .home .map .item-1 { left: 0; top: 0; } .home .map .item-2 { left: 50%; top: 0; margin-left: -57px; } .home .map .item-3 { left: auto; top: 0; right: 0; } .home .map .item-4 { right: auto; top: 150px; left: 0; } .home .map .item-5 { left: 50%; top: 150px; margin-left: -57px; } .home .map .item-6 { right: 0; top: 150px; } .homecontainer{ padding: 0; } } @media only screen and (max-width: 700px) { #page_title { background-position: -220px 0; height: 110px; background-size: 755px auto; width: 314px; } #wrapper{ width: 100%; overflow: hidden; } .grid{ position: relative; width: auto; padding: 0 10px; } .nav-main{ width: 300px; margin: 0; float: none; position: absolute; left: -310px; } article figure.block img{ width: 100%; height: auto; margin-right: 0; } .mobilehide{ display: block; } #mobile-navigation{ padding-top: 7px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: url(../images/home_min-4.png) no-repeat right -191px #F8F6F0; font: 400 25px/29px "ff-meta-web-pro", sans-serif; color: #262256; letter-spacing: -2px; padding: 4px 18px; margin: 0 10px 10px; } .content .title span.row1{ float: none; display: block; } .home .footer,.footer { height: 190px; background-position: -800px 0; background-size: 1500px auto; font: 400 13px/21px "ff-meta-web-pro",sans-serif; width: 100%; } .home .footer .nav-footer,.footer .nav-footer{ border-right: 0; margin: 135px 0 0 -1px; } .home .nav-footer a { margin-right: 15px; padding-left: 15px; border-left: 1px solid #FFF; float: left; } .home .nav-footer a:first-child{ padding-left: 15px; } .nav-footer a{ border: 0 !important; } .bg{ background-size: auto 100% !important; background-position: center bottom !important; height: 650px !important; position: fixed; } .footer .nav-footer,.footer .home .nav-footer{ float: none; overflow: hidden; background-position: 14px 0; padding-left: 36px; } .footer .nav-footer a,.footer .home .nav-footer a{ padding-bottom: 5px; margin-right: 0; } .home .footer{ margin-top: 295px; } } @media only screen{ .bg{ background-size: cover; } } @media only screen and (min-width: 1920px){ .award{ left: 1664px; } } @media only screen and (max-width: 1280px){ .bg{ background-image: url(../images/background/bg_1280.jpg); } .footer{ background-image: url(../images/footer/footer_1280.png); } } @media only screen and (max-width: 1024px){ .bg{ background-image: url(../images/background/bg_1024.jpg); } .footer{ background-image: url(../images/footer/footer_1024.png); } } @media only screen and (max-width: 1023px){ .bg{ background-image: url(../images/background/bg_1280.jpg); background-size: 1800px auto !important; background-position: center 0; } } @media only screen and (max-width: 768px){ .bg{ background-image: url(../images/background/bg_1280.jpg); background-size: 1800px auto !important; background-position: center 0 !important; } .footer{ background-image: url(../images/footer/footer_768.png); } } @media only screen and (max-width: 700px){ .bg{ background-image: url(../images/background/bg_1280.jpg); background-size: 900px auto !important; background-position: center 0 !important; } } @media only screen and (min-width: 1022px) and (max-height: 700px){ .home .map .logo { height: 230px; background-size: 800px auto; background-position: 30px -171px; width: 310px; } } @media only screen and (max-height: 700px) and (min-width: 1022px){ .bg{ background-image: url(../images/background/bg_1280.jpg); background-size: 115% auto !important; background-position: center -44px !important; } } @media only screen and (max-height: 700px) and (min-width: 1025px){ .bg{ background-image: url(../images/background/bg_1280.jpg); background-size: 100% auto !important; background-position: center -90px !important; } } @media only screen and (-webkit-min-device-pixel-ratio: 2) { #page_title,#nav-main li,#nav-main a,.social a.facebook,.social a.twitter,.social a.google,.social a.mail,.social a.drucken,.social a.pdf{ /*background-image:url(spr_x2.png); background-size:1000px 1000px;*/ } } @media print{ .print{ display: block; } .video-item .play,#header,#nav-main,#sidebar,#footer,.bg,.award,.link-top{ display: none !important; } body{ background: none #fff; filter: none; } .content .title span.row1, .content .title span.row2{ background: none transparent; padding: 0; margin: 50px 0 30px; } .content-standard{ padding: 0; background: none transparent; } .grid{ padding: 0; max-width: none; } article figure.block figcaption { position: absolute; left: 306px; right: 0; bottom: 0; width: auto; } article figure.block { position: relative; } } .videothek-big .video-item-first .play { width: 100%; max-width: 100%; max-height: 100%; } .videothek-big figure { border: 1px solid #000; padding: 10px; } .videothek-big figure img{ display: block; }