/***** Retina Logo CSS *****/ @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .topbarmenu .nav > li.item-258 a, .topbarmenu .nav > li.item-339 a{ background: url(/images/logo4x.png) top center no-repeat; background-size:100%; } } /* 1.25 dpr */ @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi){ .topbarmenu .nav > li.item-258 a, .topbarmenu .nav > li.item-339 a { background: url(/images/logo2x.png) top center no-repeat; background-size: 90%; } } /***** Retina Logo CSS End Here *****/ @media (max-width: 666px) { #topbar.open { position: absolute; } } @media screen and (max-width: 1220px) { .topbarmenu .nav > li { width: 112px; } } @media screen and (max-width: 1200px) { .container{ width:100%; padding-left:16px; padding-right:16px; } #mehr .mehrsearch{ margin-top:15px} .span12{ width:100%} .homepagenews .itemContainer{ flex:1 1 calc(33.333% - 10px); min-width:200px; margin-left:0; } .is_frontpage #component_wrapper{ width:74%} .is_frontpage #content_right{ width:23%} .statistik .custom table tr td{ padding:5px; font-size:22px} .instagallery .instaimages .followme{ width:10.5%} .entdecke .custom a{ width:43%} .entdecke .custom a+a{ width:55%} .entdecke .custom a:nth-child(4){width:43%} .footer_inner #mehrleft{ width:82%} .footer_inner .footerimage{ width:100%} .footer_inner .mehrsearch{ margin-right:10px} .newspage #page #component_wrapper #k2blog .itemContainer{ margin-left:0; margin-right:0; } .newspage #itemListLeading .itemContainer{ flex:1 1 calc(25% - 12px); width:auto; } #k2Container .itemBodycon{ width:67%} #k2Container .itemRelated{ width:30%; float:right} #youtube-video .YoutubeGallerySecondaryContainer{ width:60% !important} .about #component_wrapper .itemBody .itemFullText dl + dl{ width:47%} #youtube-video .YoutubeGalleryMainContainer h3{ width:61%} #youtube-video .YoutubeGallerySecondaryContainer{ width:58% !important} /*.partner .custom a{ margin:0 15px}*/ .page_inner #above_content .moduletable .nav{ width:100%} } @media screen and (max-width: 1024px){ #mehr .mehrleft .nav > li{ padding:0 12px} #mehr .mehrright{ float:right; padding:12px 0 0; position:relative} #mehr .mehrright a{ margin:0 3px; width:31%} #banner .banner_inner .news-banner .custom{background-position:70% center} #banner .banner_inner .uber-banner .custom {background-position: 57% center;} #banner .banner_inner .media-banner .custom{background-position: 57% center;} .homepagenews .itemContainer{ margin-left:0; } .is_frontpage #content_right{ margin-left:12px} .homepagenews .itemContainer .catItemImage{ min-height:235px} .homepagenews .itemContainer .catItemView .catItemHeader .catItemTitle{ font-size:19px; max-height:23px} .newspage #itemListLeading .itemContainer .catItemImage:has(img){ min-height:240px} .newspage #itemListLeading .itemContainer .catItemView .catItemHeader .catItemTitle{ font-size:19px; max-height:23px} .about .carousel .carousel-inner .carousel-caption .visible-desktop{ display:block !important} #youtube-video .YoutubeGalleryMainContainer h3{ width:56%} #youtube-video .YoutubeGallerySecondaryContainer{ width:52% !important} #k2Container .itemBodycon .itembodycon{ padding:30px} #k2Container .itemRelated{ margin:0} #k2Container.itemView .itemRelated ul{ display:block} #k2Container.itemView .itemRelated ul li{ width:100%} .download-wrap .span3 .row-fluid{ height:165px} #phocagallery table tr td{ height:auto !important} .newspage #page #component_wrapper #k2blog .itemContainer{ min-height:0; margin-left: 5px; margin-right: 5px;} .newspage #itemListLeading .itemContainer:has(.catItemImage img:not(.broken-image)){ min-height:358px; } .page_inner #messages_container{ width:70%} /*.partner .custom a{ margin:0 5px}*/ /*.is_frontpage #sbox-window.shadow{ width:100% !important; left: inherit !important;} #sbox-window.shadow{ width:94% !important;} .is_frontpage #sbox-content.sbox-content-image{ margin:0 auto} .is_frontpage #sbox-window.shadow .sbox-content-image img{ width:auto; margin:0 auto} .is_frontpage #sbox-window #sbox-btn-close{right: 3%; top: -37px;}*/ .option_com_phocagallery #sbox-window.shadow { margin: 0 0 0 -350px !important; width: 700px !important; } .option_com_phocagallery #sbox-content.sbox-content-iframe{ overflow:hidden;} } @media screen and (max-width: 900px){ .is_frontpage #component_wrapper{ width:100%;} .is_frontpage #content_right{ width:100%; margin:25px 0 0} .statistik{ width: 48%;float: left;} .anmelden{float:right; width:48%;} #component_wrapper ul.sigProElegant li.sigProThumb{ width:23.6%;} ul.sigProElegant span.sigProPseudoCaption, ul.sigProElegant span.sigProCaption{ font-size:16px} #youtube-video .YoutubeGalleryMainContainer h3{ width:100%;} #youtube-video .YoutubeGallerySecondaryContainer{ width:100% !important} #youtube-video .YoutubeGalleryMainContainer table{ float:left} #youtube-video .YoutubeGalleryMainContainer .allvido{ width:100%; float:left; margin-top:20px} .k2Container .itemBody .itemFullText .row-fluid .span6 .span12 a img{ width:99%;} .download-wrap .span3 .row-fluid{ height:143px} #pg-msnr-container .pg-cv-box{ margin:1%} .homepagenews .itemContainer .catItemImage{ min-height:280px} .homepagenews .itemContainer .catItemView .catItemIntroText{ margin-top:5px} .newspage #itemListLeading .itemContainer .catItemView .catItemIntroText{ margin-top:5px} #topbar .sociallinks{ display:none; } #topbar #mehr .sociallinks { display: block; position: static; margin-bottom: 20px; } .newspage #page #component_wrapper #k2blog .itemContainer{ margin-right:4px} #topbar #mehr .sociallinks{ padding-left:0} #mehr .mehrleft .nav > li{ padding:0 9px} #mehr .mehrleft .nav > li > a{ font-size:21px} /*.partner .custom a{ margin:0 20px}*/ } @media screen and (max-width: 768px) { .nav-bar .topbarmenu .nav > li .retinalogo{ left:0} #mehr .mehrleft .nav > li > a{ font-size:21px} #mehr .mehrright a{ width:30%} .is_frontpage #component_wrapper{ float:left} .is_frontpage #content_right{ float:left} .entdecke .custom a{ margin-right:10px} /*.partner .custom a{ margin:0 1%}*/ .footer_inner #mehrleft{ width:100%} #component_wrapper ul.sigProElegant li.sigProThumb{ width:23.3%} .newspage #itemListLeading .itemContainer{ flex:1 1 calc(33.333% - 10px); width:auto; } .download-wrap .span3 .row-fluid{ height:122px} .download-wrap .span3 .row-fluid .span4 a{ width:40px; height:40px; padding-top:10px} .download-wrap .span3 .row-fluid .span4 a img{ width:55%} #pg-msnr-container .pg-cv-box .pg-cv-name{ font-size:16px} /*#sbox-window.shadow{ width:95% !important; margin-left:0}*/ .homepagenews .itemContainer .catItemImage{ min-height:240px} .newspage #page #component_wrapper #k2blog .itemContainer:nth-child(4n+5){ clear:inherit} .newspage #page #component_wrapper #k2blog .itemContainer:nth-child(4n+1){ margin-left:5px} #footer{ margin-top:25px} #component_wrapper .newspage .k2Pagination{ margin-bottom:35px} #component_wrapper ul.sigProElegant li.sigProThumb { width: 32%;} .page_inner #messages_container{ width: 85%;} #messages_container #system-message .alert .close{ padding:0} #messages_container #system-message .alert h4{ font-size:20px} #k2Container .itemBodycon{ width:100%; margin-bottom:20px} #k2Container.itemView .itemRelated{ width:100%} #k2Container.itemView .itemRelated ul{ width:100%} #k2Container.itemView .itemRelated ul li{ width:40%; margin-right:15px} #k2Container.itemView .itemRelated ul li .reletedImage img{ width:100% !important} } @media screen and (max-width: 767px) { .span12{ float:left} #mehr .mehrleft .nav > li{ padding:0 5px} #mehr .mehrleft .nav > li a{ font-size:18px} .k2Container .itemBody .itemFullText .row-fluid .span6 .span12{ float:left} .download-wrap .span3{ width:47%; float:left; margin:0 1%} .download-wrap .span3 img{ width:100%} .download-wrap .span3 .row-fluid{ height:265px} .download-wrap .row-fluid [class*="span"]:first-child{ margin-left:1%} .search #searchForm .phrases .ordering-box{ width:38%} .about .carousel{ float:left} .newspage #page #component_wrapper #k2blog .itemContainer{margin-left:4px; margin-right:3px;} #k2Container.itemView .itemRelated ul li .itemRelTitle{ max-height:32px; overflow:hidden} #k2Container.itemView .itemRelated ul li .catItemImage img{ width:100% !important} #sbox-window.shadow {left: 5% !important;width: 90% !important;margin:0 !important;} .option_com_phocagallery #sbox-window.shadow{ left: 0 !important; margin: 0 !important; width: 98% !important;} } @media screen and (max-width: 640px) { .topbarmenu{ width:100%} .topbarmenu .nav > li.item-258, .topbarmenu .nav > li.item-339 { float: left; } .topbarmenu .nav > li { width: auto; padding: 0 15px; } .topbarmenu .nav > li:first-child { margin-left: 109px; } .topbarmenu .nav > li > a { font-size: 22px; } .nav-bar .topbarmenu .nav > li .retinalogo{ width:auto} .nav-bar .topbarmenu .nav > li .retinalogo img{ max-width:100%; width:100%} .nav-bar .topbarmenu .nav > li .retinalogo > div a{ background-size:100%; width:78px; height:88px} #mehr{padding:35px 8px 21px;} #mehr .mehrright{ text-align:center} #mehr .mehrright a{ float:none; margin:5px 3px; display:inline-block; width:auto} #mehr .mehrleft .nav > li{ width:100%; padding:10px 7px} #mehr .mehrleft .nav > li > a{ font-size:24px} #mehr .mehrleft .nav > li:first-child{ padding-left:7px} #mehr .mehrsearch{ margin-left:7px} #mehr .mehrsearch .searchmehrsearch .form-inline input {width: 80%;} #mehr .mehrleft .nav{ margin-top: 0px; } #mehr .mehrleft::after{ height:100%} .is_frontpage #page{ margin-top:-125px} .homepagenews .itemContainer{ flex:1 1 100%; width:100%; margin:0 0 15px; } .homepagenews .itemContainer:nth-child(3){ display:none} .homepagenews .itemContainer .catItemImage{float: left; margin-right: 12px; width: 24%; min-width: 120px; min-height:inherit} .homepagenews .itemContainer .catItemImage img { border-radius: 8px 0 0 8px;} .homepagenews .itemContainer .catItemView .catItemBody { padding: 8px 14px 8px 0; overflow:hidden} .anmelden .custom a img{ width:100%} .entdecke .custom a + a{ width:54%} /*.partner .custom a{margin:0 2%}*/ #footer{ padding-bottom:20px} .footer_inner .moduletable{ margin-bottom:20px} .footer_inner .mehrsearch{ margin-right:10px} .footer_inner .footerimage{ float:left; text-align:left} .footer_inner .footerimage .custom div a{ padding:0 14px 0 0} .footer_inner .module .nav > li{ padding:0 15px} #component_wrapper ul.sigProElegant li.sigProThumb{ width:47.6%; margin:10px 5px} .newspage #page #component_wrapper #k2blog .itemContainer{ min-height:0; margin:5px 0; width:100%} .newspage #itemListLeading .itemContainer .catItemView .catItemHeader .catItemTitle{ font-size:19px; max-height:23px} .newspage #itemListLeading .itemContainer .catItemView .catItemBody { overflow: hidden; padding: 8px 0;} .newspage #page #component_wrapper #k2blog .itemContainer .catItemImage{ min-width: 120px; width:28%; float:left; margin-right:12px; min-height:inherit} .newspage #itemListLeading .itemContainer .catItemImage img{ border-radius: 8px 0 0 8px;} .newspage #page #component_wrapper #k2blog .itemContainer:nth-child(4n+1){ margin-left:0} #k2Container .itemBodycon .itemBody .itemFullText{ padding:30px 0} #k2Container.itemView .itemRelated ul li{ padding:0; width:100%; margin-right:0} #k2Container.itemView .itemRelated ul li .catItemImage{ width: 28%; margin-right: 12px; float: left; min-width: 120px;} #k2Container.itemView .itemRelated ul li .catItemImage img{ border-radius:8px 0px 0 8px} #k2Container.itemView .itemRelated ul li .catItemBody{ float:none; overflow:hidden; padding:8px 0} .download-wrap .span3 .row-fluid{ height:210px} .contact{ width:98%} .contact .form-control{ width:100%} .page_inner #above_content .moduletable .nav li{ margin-bottom:10px} .sp-slides-container .keslide .sp-image-container {width: 100% !important;} .sp-slides-container .keslide .sp-slede-desc{ width:100%} #ap-smart-layerslider-mod_160.k2-slidercon .sp-arrow{font-size: 25px; width: 25px;} #pg-msnr-container .pg-cv-box{ width:48%; margin-top:10px; margin-bottom:10px} #pg-msnr-container .pg-cv-box:first-child{margin-left:1%;} #component_wrapper .pagination{ text-align:left} #component_wrapper .pagination ul li{ padding:0 3px} #component_wrapper .pagination ul .pagination-prev{ margin-left:10px} #component_wrapper .pagination ul .pagination-next{ margin-left:10px} .chzn-container-single .chzn-single span{ margin-right:0} ul.sigProElegant li.sigProThumb a.sigProLink img.sigProImg, ul.sigProElegant li.sigProThumb a.sigProLink:hover img.sigProImg{ height:250px !important} .page_inner #messages_container{ width:95%} #sbox-content iframe{ background:none;} #sbox-window.shadow{ box-shadow:none} /*.is_frontpage #sbox-content.sbox-content-image{ width:96%}*/ } @media screen and (max-width: 500px) { .partner .custom a { display: block; margin: 2% auto; text-align: center; float: none; } } @media screen and (max-width: 480px) { .topbarmenu .nav > li{ padding:0 7px} .topbarmenu .nav > li.item-258, .topbarmenu .nav > li.item-339{ width:22%} .topbarmenu .nav > li.item-258 a, .topbarmenu .nav > li.item-339 a{ background-size:100%; width:75px; height:85px; top:-10px;margin-left: 12px;} .topbarmenu .nav > li:first-child{ margin-left:0} .topbarmenu .nav > li > a{ font-size:20px; line-height:25px;} .nav-bar .topbarmenu .nav > li .retinalogo > div a {height: 63px; width: 57px;} .nav > li > .mehr:after, .nav > li > .mehr.open:after{ top:17px} #banner .sp-slides .ap-layer .sp-layer span{ margin-top:35%} #banner .banner_inner .sp-has-buttons{ margin-bottom:0} #banner .banner_inner .sp-buttons{ display:none} .is_frontpage #page{ margin-top:20px} .is_frontpage #content_right{ margin-top:16px} .statistik{ width:100%} .anmelden{ width:100%} #below_content > .instagram{ margin-top:30px} .instagallery .instaimages .instaimagecont{ padding:3px; width:20%} #footer{ margin-top:25px} .footer_inner #mehrleft{ display:none} .footer_inner .footerimage .custom > div{ padding-bottom:0} .footer_inner .footerimage .custom > div:first-child{ display:none} .copyright_inner .nav li{ padding:5px} .footer_inner .footerimage .custom div a:nth-child(1) img{ width:15%} .footer_inner .footerimage .custom div a img{ width:22%} #component_wrapper ul.sigProElegant li.sigProThumb{ width:46.9%} #banner .banner_inner .custom{ height:250px} #banner .innerbanner .bannertext{ top:50px} #banner .innerbanner .bannertext h1{ font-size:55px} #banner .innerbanner .bannertext h1:before{ width:70px; left: -26px; top: -10px;} #banner .innerbanner .bannertext h1:after{width:70px;} .newspage #itemListLeading .itemContainer{ flex:1 1 calc(50% - 8px); width:auto; } #component_wrapper .newspage .k2Pagination ul li{ font-size:20px} #component_wrapper .newspage .k2Pagination ul .pagination-prev:before, #component_wrapper .newspage .k2Pagination ul .pagination-next:before{ top:12px} .page_inner #above_content .moduletable .nav li{ font-size:24px;} .about .carousel .carousel-inner .carousel-caption h4{ color:#fff; text-shadow:none} #k2Container .itemBodycon .itemHeader .itemTitle{ font-size:40px; line-height:45px} #k2Container .itemBodycon .itemBody .itemFullText{ padding-bottom:40px} #youtube-video{ margin:0} #youtube-video .YoutubeGalleryMainContainer table{ width:100% !important} #youtube-video .YoutubeGalleryMainContainer table tr td span{ font-size:12px !important} #page #component_wrapper .page-header h1, #page #component_wrapper .page-header h2{ font-size:38px} #k2Container.itemView .itemRelated ul li{ width:100%} .download-wrap .span3 .row-fluid{ height:159px} .page_inner #above_content .moduletable .bildermenu{ margin-top:0} .page_inner #above_content .moduletable .bildermenu li{ margin:0; font-size:20px} .search #searchForm .phrases .phrases-box { width: 100%;} .search #searchForm .phrases .ordering-box{ width:100%; float:left} /*#sbox-window.shadow{width: 99% !important; left:0 !important}*/ #sbox-content iframe{ padding:43px 0px 25px} .entdecke .custom a, .entdecke .custom a + a, .entdecke .custom a:nth-child(4){ width:100%; margin-right:0} ul.sigProElegant li.sigProThumb a.sigProLink img.sigProImg, ul.sigProElegant li.sigProThumb a.sigProLink:hover img.sigProImg {height: auto !important;} } @media screen and (max-width: 360px) { .topbarmenu .nav > li{ padding:0 5px} .topbarmenu .nav > li:first-child{ display:none} .topbarmenu .nav > li.item-258, .topbarmenu .nav > li.item-339{ width:20%} .topbarmenu .nav > li.item-258 a, .topbarmenu .nav > li.item-339 a{ /*width:60px; height:65px*/ margin-left: 8px;} .nav-bar .topbarmenu .nav > li .retinalogo > div a {height: 55px; width: 49px;} #mehr .mehrsearch{ z-index:1; } #mehr .mehrleft .nav > li > a{ font-size:20px} #banner .sp-slides .ap-layer .sp-layer span{ top:50%} .entdecke .custom a{ margin-right:8px} #page .page_inner .panel-body > h3{ font-size:20px} .is_frontpage .scrolltop{ top:5px} .footer_inner .footerimage .custom div a{ padding-right:10px} .copyright_inner .nav li.divider{ padding-left:0} #component_wrapper ul.sigProElegant li.sigProThumb{ width:100%; margin-right:0} ul.sigProElegant span.sigProPseudoCaption, ul.sigProElegant span.sigProCaption{ font-size:18px} .newspage #page #component_wrapper #k2blog .itemContainer{ width:100%} .newspage #itemListLeading .itemContainer .catItemImage img{ width:100%} #component_wrapper .newspage .k2Pagination ul .pagination-prev{ margin-right:10px} #component_wrapper .newspage .k2Pagination ul .pagination-next{ margin-left:10px} .page_inner #above_content .moduletable .nav li{ font-size:20px; margin:0 2px 10px 2px} .about #page #component_wrapper .page-header h2{ font-size:40px} #banner .innerbanner .bannertext h1{ font-size:45px} #k2Container .itemBodycon .itemHeader .itemTitle{ font-size:28px; line-height:32px} #k2Container .itemBodycon .itemBody .itemFullText{ padding:20px 0} .k2Container .itemBody .itemFullText .press .span6 .span12 a{ margin-right:0; width:99%} #page #component_wrapper .page-header h1, #page #component_wrapper .page-header h2{ font-size:32px} .k2Container .itemBody .itemFullText .row-fluid .span6 .span12 a img{ width:auto; margin-bottom:10px} .download-wrap .span3{ width:98%} .download-wrap .span3 .row-fluid{ height:248px} .download-wrap .span3 .row-fluid .span4{ width:15%} #pg-msnr-container .pg-cv-box{ width:97%;} #pg-msnr-container .pg-cv-box .pg-cv-name{ width:97%} .homepagenews .itemContainer .catItemView .catItemBody{ padding:5px} .homepagenews .itemContainer .catItemImage{ width:35%; margin-right:8px} .newspage #page #component_wrapper #k2blog .itemContainer .catItemImage{ width:35%; margin-right:8px} .newspage #itemListLeading .itemContainer .catItemView .catItemBody{ padding:5px} .instagallery .instaimages .instaimagecont{ width:33%} ul.sigProElegant li.sigProThumb a.sigProLink img.sigProImg, ul.sigProElegant li.sigProThumb a.sigProLink:hover img.sigProImg{height: 250px !important;} #messages_container #system-message .alert h4{ font-size:18px} #messages_container #system-message .alert p{ font-size:12px; line-height:16px} /*.partner .custom a{ display:block; margin:2% 0; text-align:center; float:none}*/ #sbox-content iframe{ padding:43px 3px 25px} } @media screen and (max-width: 320px){ body { min-width: 300px; } .download-wrap .span3 .row-fluid{ height:219px} .homepagenews .itemContainer .catItemImage{ width:37%} ul.sigProElegant li.sigProThumb a.sigProLink img.sigProImg, ul.sigProElegant li.sigProThumb a.sigProLink:hover img.sigProImg{width: 98% !important;} } /* Override bootstrap-responsive fixed 1170px layout */ @media (min-width: 1200px) { .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container, #topbar .container, #mehr .container, #page.container, #footer .container, #banner .banner_inner.container { width: 100% !important; max-width: 100% !important; box-sizing: border-box; } #banner .banner_inner.container { padding-left: 0 !important; padding-right: 0 !important; } .span12, #component_wrapper.span12 { width: 100% !important; } .is_frontpage #component_wrapper, .is_frontpage #component_wrapper.span9 { width: 74% !important; } .is_frontpage #content_right, .is_frontpage #content_right.span3 { width: 23% !important; margin-left: 3% !important; } } /* Hide empty / broken news card image slots */ .catItemImage:not(:has(img)), .moduleItemImage:not(:has(img)), .catItemImage img.broken-image, .catItemImage.is-hidden, .moduleItemImage.is-hidden { display: none !important; min-height: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; } .homepagenews .itemContainer .catItemImage:has(img), .newspage #itemListLeading .itemContainer .catItemImage:has(img) { min-height: 276px; } .newspage .itemListSubCategories { display: none !important; } #banner .banner_inner .custom, #banner .banner_inner .news-banner .custom { width: 100%; background-size: cover; background-position: center center; } #topbar, #topbar .nav-bar { width: 100% !important; } #itemListLeading, #k2blog .itemList, .newspage #component_wrapper, .newspage #component_wrapper #k2blog { width: 100%; }