@CHARSET "UTF-8"; @import url(//fonts.googleapis.com/css?family=Titillium+Web:400,300,600,700); /*_______________________________________________*/ /* IE HACK */ @media screen and (-ms-high-contrast: active) and (min-width:1024px), (-ms-high-contrast: none) and (min-width:1024px) { .row1r {margin-bottom:0.8em} article #page1.rolling-prairie .dog-fish {position:absolute; right:10px; margin-right:10px !important} } /* Sachen mit Container IDs */ /*media querries für die ipad-ansicht der TKs*/ @media only screen and (min-width: 520px) and (max-width: 1024px) { .alle_link {margin-left:1%} /* Neuwagen */ #co_4B3338F7D4A76AEE9E12F1578AF0DB09_alternative_1489, #containerobject_432366, #co_FCD28CA7574A23C1F8C28B712DE2F0C1, #containerobject_433116 {width:98% !important} .bannerr.co_4B3338F7D4A76AEE9E12F1578AF0DB09_alternative_1489 {width:98% !important} /*Wirtschaft*/ #co_75DE660528A0D2493907320302D97145_alternative_1489, #co_3FAEAA3E8283F07BD9FC347329AB11F9, #co_900190E26C83386EE8FD9F0CB66F82AC, #containerobject_433111 {width:98% !important} .bannerr.co_75DE660528A0D2493907320302D97145_alternative_1489 {width:98% !important} /*Gebrauchtwagen*/ #co_DD7E25CF754F682ACB33B4D732EF6A8B_alternative_1489, #co_BF6A80478457263DCA4F24FC5ACA3CCB, #co_31FA17C81E08446A47ABD39D87B023C9, #containerobject_433117 {width:98% !important} .bannerr.co_DD7E25CF754F682ACB33B4D732EF6A8B_alternative_1489 {width:98% !important} #containerobject_439802, #containerobject_439803, #containerobject_432503, #containerobject_432504 {width:98% !important;} /*Old & Youngtimer*/ #co_75DE660528A0D2493907320302D97145_alternative_1489, #containerobject_433111 {width:98% !important} .bannerr.co_75DE660528A0D2493907320302D97145_alternative_1489 {width:98% !important} #co_3FAEAA3E8283F07BD9FC347329AB11F9, #co_900190E26C83386EE8FD9F0CB66F82AC {width:98% !important} /*Service*/ #co_75DE660528A0D2493907320302D97145_alternative_1489 {width:98% !important} .bannerr.co_75DE660528A0D2493907320302D97145_alternative_1489 {width:98% !important} /*Verbände*/ #co_CDED9EFEAAABE4B4E48728C51EF9B854, #co_4BF1951D652C628F8049C80140C25FA9, #containerobject_433119 {width:98% !important} #containerobject_432520, div#containerobject_432521 {float:left} /*Recht*/ #co_D8CCDB8ADAC0E8C70C0A7AD24C119E5F_alternative_1489, #co_3F5ED8FD69D7A9B4719DE94E006FABDA, #co_DFACA70B567015A4A453182809314333, #containerobject_433120 {width:98% !important} .bannerr.co_D8CCDB8ADAC0E8C70C0A7AD24C119E5F_alternative_1489 {width:98% !important} /*Schadenmanager*/ #co_19784B1BDE7D550450B0AAE050C5058C {float:left} #co_E480A909FC3330A6C983CA5023DC5538 {display:none} .bannerr.co_CAB488266ADF5935DF8087FD00A24E8D_alternative_1489, #containerobject_433121 {width:98% !important} #co_CAB488266ADF5935DF8087FD00A24E8D_alternative_1489 {width:98% !important} /*Ausbildung*/ #containerobject_432507, #co_2DAF6F91D43DDA4BCBC5317740D8B0B8, #containerobject_433118 {width:98% !important} /*Homepage*/ #co_B3E38F2C3A83ED5A04212CDC247539EC .teaser_content .gallerymodern_big div:nth-child(7) {display:none} #wrapper div#co_585177905EC4E09DEAC4505D81F8BF67 {width:98% !important} #wrapper div#co_585177905EC4E09DEAC4505D81F8BF67 .teaser_content {width:33% !important; float:left} #wrapper div#co_585177905EC4E09DEAC4505D81F8BF67 .teaser_footer {clear:both} #wrapper .col3 div#co_0A1734DB7F10F6AF7DADFEBF4FCBCE4A, #wrapper div#containerobject_432971 {width:98% !important} #wrapper .col3 div#co_0A1734DB7F10F6AF7DADFEBF4FCBCE4A td, #wrapper div#containerobject_432971 p {font-size:16px !important; line-height:1.5em !important} #wrapper .row2.hottopic {width:98% !important} #co_8A5A0F13D7D567872C70A4555583DA57 {display:none} #containerobject_443297 {display:none} #containerobject_437643 {display:none} #co_093997109DA1945C77D60DB99C287285 .teaser_content .galleryclassic div:nth-child(10) {display:none} #co_093997109DA1945C77D60DB99C287285 .teaser_content .galleryclassic div:nth-child(11) {display:none} article .no-top .gallery_overlay {margin-left:12% !important} /*Marktzahlen etc */ /*bix*/ #wrapper #containerobject_432107, #wrapper #containerobject_432106 {width:48% !important; margin:1% !important} #wrapper #containerobject_432106>.teaser_content {margin:0} #wrapper .subcolum_1.freeissues {float:none; width:98%; margin-left:1%; clear:both} /*DAT*/ #wrapper #containerobject_432110, #wrapper #containerobject_432112 {width:48% !important; margin:1% !important} #wrapper #containerobject_432110>.teaser_content {margin:0} /*neuzulassungen*/ #wrapper #containerobject_432735, #wrapper #containerobject_432736 {width:48% !important; margin:1% !important} #wrapper #containerobject_432735>.teaser_content {margin:0} /*trend-tacho */ #wrapper #containerobject_432113, #wrapper #containerobject_432114 {width:48% !important; margin:1% !important} #wrapper #containerobject_432113>.teaser_content {margin:0} /*plus artikel*/ #content_wrap #containerobject_431930, #content_wrap #containerobject_431933, #content_wrap #containerobject_431939 {width:31% !important} #containerobject_431928 .teaser_content .art_list_img, #containerobject_431929 .teaser_content .art_list_img, #containerobject_431930 .teaser_content .art_list_img, #containerobject_431931 .teaser_content .art_list_img, #containerobject_431932 .teaser_content .art_list_img, #containerobject_431933 .teaser_content .art_list_img, #containerobject_431934 .teaser_content .art_list_img, #containerobject_431935 .teaser_content .art_list_img, #containerobject_431939 .teaser_content .art_list_img, #containerobject_431941 .teaser_content .art_list_img, #containerobject_432345 .teaser_content .art_list_img {width:100% !important} } @media only screen and (max-width: 520px) { #wrapper .subcolum_1.freeissues {float:none; width:98%; margin-left:1%; clear:both} .alle_link {clear:both} #containerobject_431928 .teaser_content .art_list_img, #containerobject_431929 .teaser_content .art_list_img, #containerobject_431930 .teaser_content .art_list_img, #containerobject_431931 .teaser_content .art_list_img, #containerobject_431932 .teaser_content .art_list_img, #containerobject_431933 .teaser_content .art_list_img, #containerobject_431934 .teaser_content .art_list_img, #containerobject_431935 .teaser_content .art_list_img, #containerobject_431939 .teaser_content .art_list_img, #containerobject_431941 .teaser_content .art_list_img, #containerobject_432345 .teaser_content .art_list_img {width:100% !important} } /*-------------------------*/ /*kb exklusiv*/ .green {color:#059301 } .red {color:#bc0000} .col3 .row2.suchfilter {width:100% !important;} .col3 .row2.suchfilter a img {margin:0 4px 0 0} .col3 .row2.suchfilter .teaser_titel {display:none} #playout_desc h1 {color:#b2b2b2} .gal_detail .gal_listing { width: 31%; margin: 9px 2.3% 9px 0px; height: auto;} .row2>.teaser_content {position:relative} #vendordetail_20 .optionen {margin-left:0} .teaser_content .art_list_img {width:180px} .teaser_content_list .gallery .gal_teaser .overlay .gal_text_klein {font-size:1em !important} body {background:#dfdfdf} #mobile-header {width:980px; left:0} .row2 .teaser_content .art_preview h2 {margin-bottom:15px} .teaser_content .gallerymodern .gal_teaser .overlay {width:100% !important; box-sizing:border-box} .row1r {background:#dfdfdf; padding:10px; box-sizing:border-box} .silver-lake .row1r {background:none; padding:0} .silver-lake .row1r .teaser_content {position:relative} .row1r .link_left a, .row1r.firmenfeed .teaser_footer p a {top:10px; right:10px} .link_n1 {font-size:14px} .galleryl .gal_teaser .overlay .gal_text_klein, .galleryr .gal_teaser .overlay .gal_text_klein {font-size:1em} .silver-lake>div.clear{clear:none} .row3.anbieter .teaser_content .teaser_content {width:300px; float:left; margin:0 10px} .row3.anbieter .teaser_content>.clear {clear:none} .row3.anbieter .teaser_content .teaser_content img {position:relative; top:-10px} article h1 {color:#014489} article h3 {color:#000} header.no-top>.subhead{float:right; width:610px; padding-right:180px; box-sizing:border-box} header.pagex>div:first-child{float:none; width:610px; padding-right:0; box-sizing:border-box} header.pagex.no-top>div:first-child{float:none; width:610px; padding-right:0; box-sizing:border-box} article header.no-top .img-infos {float:left;width:300px ; margin-right:20px; margin-top:10px} article.paidarticle header #artimgcomment {float:none;} article header>div {padding:0} article #page1 .dog-fish {margin-right:0; margin-top:0; float:none; position: absolute; right:10px;} article .rolling-prairie, article #page1 {padding-top:0;} article .row2 .teaser_content .requirereg_icon {margin-left:0;} article header.no-top.page1 section + div {float: right;} .rolling-prairie .optionen {margin:0} .articletable {border:none; border-spacing:0; border-collapse: collapse; width:100%} .articletable tr:first-child {background:#dfdfdf} .articletable tr td {padding:10px} header.no-top>div{float:left; width:610px; padding-right:180px; box-sizing:border-box} header.no-top.noimages>div:first-child {float:none; width:600px; margin-left:180px; padding-right:0;} article .inlineimage div {border:1px solid #dfdfdf; padding:10px; box-sizing:border-box} article .noimages .dog-fish {margin-right:-180px !important; margin-top:-20px !important;} article #page1.noimages .dog-fish {margin-right:-180px !important; margin-top:-20px !important;} article .noimages {padding-top:0 !important;} article .inlineimage.the-black-tom {margin-left:0;} article .row2 .teaser_content div.galleryclassic, article .row2 .teaser_content div.galleryclassic .gallery, article .row2 .teaser_content div.galleryclassic .gallerylast {margin-left:0;} article .row2 .teaser_content div.galleryclassic .gallery p, article .row2 .teaser_content div.galleryclassic .gallerylast p {margin-bottom:5px;} article .row2 .teaser_content .paid_icon {margin-left: 0;} article .row2.gallery .teaser_footer {margin-bottom:15px; overflow:hidden;} header.no-top>div:first-child { float: right; width: 610px; padding-right: 180px; box-sizing: border-box;} .relcom_teaser {right:148px} article .bannerl {margin-left:0} .row3.anbieter.related .teaser_content .teaser_content {box-sizing:border-box; border:1px solid #c1c1c1; padding:10px; margin-bottom:20px} .row3.anbieter.related .teaser_content {margin-bottom:0} .row3.anbieter.related .teaser_footer {padding-left:10px} #postbutton {background:#014489} .userinfo p {font-family:'Titillium Web', sans-serif !important} .row1r .vt_big, .row1l .vt_big {width:100% !important} .row1r .read_content {display:inline} .galleryclassic p {position:static} .galleryclassic img {float:none !important; border:none !important} .row3.gallery .gallerymodern .gal_teaser {width:140px; height:140px; margin-right:24px !important} .row3.gallery .gallerymodern .gallerylast .gal_teaser {margin-right:0 !important} section .logincontainer {padding:20px; box-sizing:border-box} article .rolling-prairie>.optionen>.optionen, article #page1>.optionen>.optionen {margin-right:-160px} .row1r .teaser_footer p a, .row1r .link_left a, .row1l .teaser_footer p a, .row1l .link_left a, .row2.gallery .link_left a {position:static !important; background:#014489;color:#fff; padding:5px} .row1r .teaser_footer p a:hover, .row1r .link_left a:hover, .row1l .teaser_footer p a:hover, .row1l .link_left a:hover {text-decoration:underline} .row1r.firmenfeed .teaser_footer p a {color:#fff !important} .row3 .teaser_content_abstract_big .teaser_content .art_preview p .read_content {display:inline; font-size:0.9em} article h1 {font-size:1.9em; line-height:1.2em; margin-bottom:13px} article h3 {line-height:1.2em} article .no-top #autor {margin-bottom:25px} article .arkansas ul {margin-bottom:1.5em} article .arkansas h3.zwiti {margin-bottom:0.75em} article .options .option_pdf a {background:#958db3; border-bottom:2px solid #6a647f;} article .options .option_pdf:hover a {background:#6a647f;} article .options .option_pdf img {background:#6a647f;} article .options .option_recommend a {background:#9ab37f; border-bottom:2px solid #6e7f5a;} article .options .option_recommend:hover a {background:#6e7f5a;} article .options .option_recommend img {background:#6e7f5a;} article .options .option_print a {background:#b3aead; border-bottom:2px solid #7f7c7b;} article .options .option_print:hover a {background:#7f7c7b;} article .options .option_print img {background:#7f7c7b;} .alle_link {font-size:1em; background:#014489; width:130px; text-align:center; color:#fff; padding:10px; clear:both;} .row1r.firmenfeed .teaser_content {border:none} #mobile-search {background:#fff; border:1px solid #f2f2f2; font-size:1.8em; color:#000} .gallerymodern_big .gallerylast, .gallerymodern_big .gallery {float:left; width:182px !important; margin-right:12px } .gallerymodern_big .gal_teaser, .gallerymodern_big .gal_teaser .galimage, .gallerymodern_big .galimage img {width:100% !important; border:none} .gallerymodern_big>.clear {clear:none} .row3.gallery .gallerymodern_big div:nth-child(6) {margin-right:0} .gallerymodern_big .overlay {width:100% !important} .gallerymodern_big .galleryl, .gallerymodern_big .galleryr {width:100%} .row1r .gallerymodern_big .overlay {background:#FFF;} .row1r .gallerymodern_big .galleryl .gal_teaser .overlay p {width:100%;} .row1r .gallerymodern_big .gal_teaser {border:0 !important;} .gallerymodern_big .gal_teaser .galimage {height:182px} .gallerymodern_big .overlay {position:static; background:#dfdfdf} .gallerymodern_big .overlay .gal_text_klein {padding:10px} .box_double {padding:10px; background:#dfdfdf; box-sizing:border-box} .box_double .button_reg {float:right; background: #014489; color:#fff; padding:5px; font-size:0.8em; position:relative; display:block; font-weight:600; height:31px} .box_double .cont_3 #anfrage {font-size:1em} .box_double .img_2 {width:100%; margin-bottom:10px} form#anfrage {padding:10px; margin:10px 0} form#anfrage p:nth-child(1) {margin-bottom:10px} form#anfrage p {text-align:right} .row3 .link_left a {color:#014489; text-decoration:underline} .row2.gallery .gallerymodern .gallery {width:24.25%; margin-right:1%;} .row2.gallery .gallerymodern .gallerylast {width:24.25%;} .row2.gallery .gallerymodern .gal_teaser {height:auto; margin:0;} .row2.gallery .gallerymodern .clear {clear:both;} .row2.gallery .gallerymodern .gal_teaser img {width:100%;} .row1l.hottopic .teaser_content .art_preview p, .row1r.hottopic .teaser_content .art_preview p, .row2.hottopic .teaser_content .art_preview p, .row3.hottopic .teaser_content .art_preview p {display:block !important} .row1r .teaser_content_noabstract_small .art_list_img {width:100px} .paid_icon {position: absolute;width: 30px;height: 36px;top: 24px;left: -6px;background-image: url(/img/bep30/paid/paid_plus.png);z-index: 99;} .row3 .teaser_content {overflow:visible} .row1r .teaser_content h2 a {color:#014489 !important; font-weight:600 !important} .row1r .teaser_content_abstract_big .teaser_content .art_list_img {width:100%;} #mobile-header #mobile-logo img {display:block} .minicontent #img_logo {display:none} #footer .row1r {padding:0; background:none} .playout_videos .description p {color:#fff} .social_media_custom span {color:#fff !important} .playout_videos.row2 {width:100% !important; margin: 0 0 2em 0; padding:0 } .playout_videos.row2 .big_video iframe {width:600px} article .no-top .gallery_overlay {width:auto !important; padding:5px 20px 0 20px !important; background:#014489} article .no-top .gallery_overlay .gallery_link {margin-left:0} /* article .options .option_pdf a {background:#6a647f; border-bottom:#6a647f} article .options .option_recommend a {background:#6e7f5a; border-bottom:#6e7f5a} article .options .option_print a {background:#7f7c7b; border-bottom:#7f7c7b} article .options .option_pdf a:hover {background:#6a647f; border-bottom:#6a647f} article .options .option_recommend a:hover {background:#6e7f5a; border-bottom:#6e7f5a} article .options .option_print a:hover {background:#7f7c7b; border-bottom:#7f7c7b} article .options .option_pdf a {background-image:url(/img/bep30/options/pdf.png) } article .options .option_print a{background-image:url(/img/bep30/options/print.png) } article .options .option_recommend a{background-image:url(/img/bep30/options/mail.png) } article .options .option_pdf a span, article .options .option_print a span, article .options .option_recommend a span{background:#6a647f; border-bottom:#6a647f} article .options .option_pdf a img{display:none} article .options .option_recommend a img{display:none} article .options .option_print a img{display:none} */ @media only screen and (max-width: 1024px) { .gallery {background:none; padding:0} } /* topmeldung simuliert TKs */ .row2 .teaser_content_topimage_faux .top_news_modern {width:630px} .row2 .teaser_content_topimage_faux .top_news_modern .top_news_text {width:100%; left:0; padding:0 20px; box-sizing:border-box} .top_news_text a h3 , .top_news_text a h2 span{color: #fff;text-shadow: 0px 0px 5px #000;font-size: 0.93em;margin-bottom: 14px;padding-bottom: 10px;line-height: 1.2em;font-weight:800} .row2 .teaser_content_topimage_faux .top_news_modern h2 {padding:0} .left2 select, .left3 select {font-size:1em} /*_____________*/ /* kommentarfunktion */ #commentform .button {color:#fff; } /*_____________*/ /* Marktzahlen */ .subcolum_1.freeissues {width: 300px;float: right;background:#dfdfdf; padding:10px; box-sizing:border-box} .subcolum_1.freeissues .archive_years {width:100% !important; font-weight:600; font-size:14px} div#kneuz_all {float:left} #kneuz_all .link_n2{margin-bottom:10px; font-weight:600} #kneuz_all .left3 {margin-bottom:30px} .box_2 {width:100%;box-sizing:border-box; border-collapse:collapse} .box_2 tr:nth-child(odd) {background:#dfdfdf} .box_2 tr td {padding:10px; } .box_2 tr td:nth-child(2) {text-align:right} .button_6 {background:#014489; color:#fff; padding:10px; } /*_____________*/ /*_____________*/ /*kb-paid */ .paidarticle .logincontainer.paid_top {width:600px; margin:10px auto} article.paidarticle .subhead, article.paidarticle header.no-top .img-infos {float:none; width:600px; padding:0} article.paidarticle header.no-top .img-infos {margin-left:180px} article.paidarticle .div_aufm, article.paidarticle .div_aufm img, article.paidarticle header.no-top .img-infos #artimgcomment {width:100%; max-width:600px} article.paidarticle header.no-top .img-infos #artimgcomment {margin-bottom:20px} article.paidarticle .page1>div:first-child {float:none; padding:0} article.paidarticle .inlineimage {width:300px} article.paidarticle .inlineimage img {width:100%} article.paidarticle #page1 .dog-fish { margin-right:-180px !important} article.paidarticle {position:relative} article.paidarticle #page1 .dog-fish {position:relative; top:-511px; float:right; right:0} article.paidarticle .gallery_overlay {width:auto !important; background:#014489; margin-left:180px !important; padding:5px 20px 0 20px !important} article.paidarticle .gallery_overlay .gallery_link {margin-left:0} article.paidarticle .pg_1 .inlineimg img {display:block;} article.paidarticle .pg_1 .inlineimg .bildunterschrift {float:none; box-sizing:border-box; width:100% !important;} article.paidarticle .pg_1 .inlineimg {width:300px; display:block; float:left; margin-right:10px; margin-bottom:10px;} @media only screen and (min-width: 620px) and (max-width: 1024px) { article.paidarticle header.no-top .img-infos {margin:auto !important} article.paidarticle .page1>div:first-child {margin:auto !important; width:600px} article.paidarticle .rolling-prairie#page1, article.paidarticle .rolling-prairie {width:600px; margin:auto} article.paidarticle .inlineimage {width:600px} article.paidarticle footer {width:600px; margin:auto} article.paidarticle footer .kommentare {width:600px; margin:auto} } @media only screen and (max-width: 620px) { article.paidarticle .subhead, article.paidarticle header.no-top .img-infos {width:95%; margin:auto} article.paidarticle header.no-top .img-infos {margin:auto !important} article.paidarticle .page1>div:first-child {margin:auto !important; width:95%} article.paidarticle .rolling-prairie#page1, article.paidarticle .rolling-prairie {width:95%; margin:auto} article.paidarticle .inlineimage, article.paidarticle .subhead, .paidarticle .logincontainer.paid_top {width:95%} article.paidarticle footer {width:95%; margin:auto} article.paidarticle footer .kommentare {width:95%; margin:auto} .paidarticle .logincontainer .loginbuttons a {float:none !important; margin:0 0 5px 0 !important; width:95%} .paidarticle .logincontainer .loginbuttons {height:auto} } /*––––––––––––*/ /*_______________________________________________*/ /*neuzulassungen */ .box_double {float:right; width:300px} .shadow_b1_m {color:#014489; font-size: 1.0em;font-weight: 400;padding: 0px 0 5px 0px;margin-bottom: 20px !important;text-transform: uppercase;color: #014489;border-bottom: 2px solid #014489 !important;} .box_double .img_2 {float:left; margin-right:10px; position:relative; top:3px} .cont_3 #anfrage {font-size:12px} /*_______________________________________________*/ /*Heftarchiv */ .issue_archive_years {width:100%; text-align:center; clear:both;padding-bottom:20px} .issue_archive_years ul li {font-size:18px; font-weight:600; color:#333} .issue_archive_years ul li a{font-size:14px; font-weight:400} .issue_archive_years li {display:inline} .issue_archive_years li:first-child {display:none} #content_wrap .content {width:100% !important} .listing .issues_listing {width:100%} .issues_listing .teaser_titel {display:none} .archive_issue_full img {width:80px; margin-bottom:20px; border:1px solid #a1a1a1} #content_wrap .issues_listing .content {width:auto !important; overflow:hidden;} .row2.searchbox {background:#dfdfdf; padding:10px 10px 50px 10px; box-sizing:border-box} .row2.searchbox, .row2.searchbox .teaser_titel {width:100% !important;} .row2.searchbox .searchbox_search {width:480px} .row2.searchbox .searchfield {height:27px; width:375px} .searchbox .button {font-size:1em !important; padding:6px 15px 9px 15px} .archive_issue_full { margin-bottom:20px} .issues_listing .archive_issue_full {overflow:hidden; height:auto;} .issues_listing {overflow:auto; width:960px;} .minicontent .teaser .clear {clear:both;} .jwcontent.row2 {background:#FFF;} div#jwtitle {box-sizing:border-box;} .jwcontent.row1r div#jwtitle {background-color:transparent !important; background-position:right 0px top !important; padding-top:40px; padding-left:0 !important} .jwcontent.row1r input#jw_jobname, .jwcontent.row1r input#jw_jobort {width:100%; box-sizing:border-box; margin-left:0; margin-right:0;} .jwcontent.row1r input[type="submit"], .jwcontent.row1r a.jw_link {width:100%; margin-left:0} /*_______________________________________________*/ * {font-family: 'Titillium Web', sans-serif; color:#000;} #website {width:980px !important;} .hs2 {margin-bottom:0px !important; margin-right:0 !important;} .hs2 .adform-adbox, .hs2 img {float:right;} .sky_hs1 {margin-top:0px;} .hs1_160 {margin-bottom:-1px;} #leaderboard {width:980px !important;} #leaderboard iframe {margin-bottom:0;} .bg980 {margin-bottom:0px !important;} .lb728 {margin-bottom:0px !important;} .sky_bg980_l, .sky_bg980_r {margin-top:-90px;} .ca300 {margin-bottom:1em;} .nativebanner {position:relative; width:300px; margin:0; margin-top:15px;} .nativebanner .kostenlos {top:-15px;} .nativebanner a img {display:block;} .sky_left { position:absolute; right:50%; margin-right: 490px;} .fixed {position:fixed;} /* Farben Schrift */ a, .top_listing .top_listing_pic h1, .row1l .teaser_content h3 a, .row1r .teaser_content h3 a, .row2 .teaser_content h3 a, .artikel .headline, .content .artikelcontent .headline, .webcast_titel, h2, h3, .gal_anzahl, a span {color:#014489;} .teaser_titel p {color:#000; letter-spacing:0.3px;} #mybereich_profil input:focus, #mybereich_profil textarea:focus {outline:none; border:1px solid #014489;} .top_listing_pic, .teaser_content div, .row1l .teaser_content h2 a, .row1r .teaser_content h2 a, .row2 .teaser_content h2 a, #footer_network, .artikel .subhead, article .zwiti, .artikel p, .artikel .inhaltsverzeichnis p, .artikel .inhaltsverzeichnis ul, .content .artikelcontent .subhead, .content .artikelcontent .zwiti, .content .artikelcontent p, .content .artikelcontent .inhaltsverzeichnis p, .content .artikelcontent .inhaltsverzeichnis ul, .top_news_text, .teaser_related p, .teaser_related p a, .webcast_titel a, .webcast_vorschau a, .webcast_listing a, .webcast_listing_r a, .webcast_listing_row2 a, .boxhead_webcast_bg, .row2blank_video, .webcast_listing_1sp a, #breadcrumb, #breadcrumb #login a, #breadcrumb_bg, .top_news_text h2 {color:#000;} #main_nav li, #sub_nav li a, #main_nav li a, #sub_nav li {color:#000;} #main_nav li:hover, #main_nav .active, #sub_nav li a:hover, #sub_nav li:hover, .button, #head_top a, #head_top, .bildunterschrift, .boxhead_bg, .webcast_content h1, .webcast_content h2, .webcast_content #autor, .webcast_content a, .webcast_content, .webcast_subtitel_l, .webcast_subtitel_l a, #breadcrumb_black, #breadcrumb_black a, #main_nav li.active a, #main_nav li.active a, #main_nav li:hover a {color:#fff;} #mt_main_menu .active a, #mt_sub_menu .active a {color:#014489 !important;} .webinar a.link_more, .webinar a.link_more:hover, .a-about {color:#014489;} .row1l .teaser_content, .row1r .teaser_content {color:#000000;} .top_news_text h3 a, .top_news_text h2 a {color:#fff; text-shadow: 0px 0px 5px #000;} @media only screen and (max-width: 519px) { #mobile-navi .mob-submenu li {font-size:1em !important} .top_news_text h3 a, .top_news_text h2 a {color:#000; text-shadow: 0px 0px 0px #fff;} .top_news_text h3 a, .top_news_text h2 a {font-size:1em !important} .top_news_text h3 a {font-weight:400} .top_news_text div {background:#dfdfdf} .related .related .teaser_titel{margin-left:2% !important; margin-right:2% !important} .comment .teaser_titel {margin-left:2%; margin-right:2%} } /* Farben background */ #wrapper {background-color:#fff;float:left; margin-top:-75px !important;} #wrapper.companycontent {margin:0 !important;} #content_wrap {background:#fff;} .minicontent #content_wrap, #wrapper.minicontent {background:#fff !important;} .top_listing_pic, .firmenlogo {background-color:#fff} .video-container iframe {border-color:#333 !important} /* Farben linien */ .banner {border-color: #014489!important;} .row2_content {border: 0px solid #E6E7E8;} .top_news_pic, .top_listing .top_listing_pic, #footer_copy {border-color:#fff !important;} .firmenlogo {border-color:#666 !important} .video-container iframe {border-color:#333 !important} .video-container img {border-color:#FFFFFF !important} .firmennews-head a {color:#000 !important;} .artikel p, .artikel p i, .artikel p a {font-weight:500;} a.more_related, a.more_related span {transition:all 0.5s;} a.more_related:hover {background:#0093C4; color:#FFF;} a.more_related:hover span {color:#FFF;} .teaser_content_noabstract_big .teaser_content div {width: 300px !important; font-size: 0.875em; background: #FFF; padding: 0px; margin-bottom: 0px; position: absolute; bottom: 0px; height: 150px; left: 0px; opacity: 0.85;} .teaser_content_noabstract_big .teaser_content .clear {width: 100% !important; padding: 0px; margin-bottom: 0px; position: absolute; bottom: 0px; height: 0px; left: 0px; opacity: 0;} /* DIV-Struktur */ #head_top {display:none;} .second_logo {position: absolute; margin-top: -45px; right: 50%; display:block; transform: rotate(10deg); margin-right: -380px} .fixed-header .second_logo {position:fixed; margin-top:0; top:25px;} /* Navigation Main */ #main_menu{height:78px; margin-bottom:25px; top: 36px; position: relative;} #main_nav li {font-weight: bold; font-size:0.814em; height:23px; padding-top:28px !important;} .main_nav_first a{padding-left:8px} #main_nav li img {display:none} #main_nav li a{text-decoration:none; padding:6px 6px 6px 6px; margin-right:4px; font-size:16.5px; font-weight:400; text-transform: uppercase; display:block} #main_nav li.active a {background: #014489;} #main_nav li:hover a {background-color:#014489;} /* Navigation Sub */ #sub_menu{display:visible; margin: 36px 0 20px; border-top: 2px solid #014489;} #sub_nav {display:flex; justify-content: space-between;} #sub_nav li {font-weight: bold; font-size:0.9em; height:23px; padding-top:7px; float:none;} #sub_nav li:hover a {color: #014489;} #sub_nav li.active a {color:#014489;} #sub_nav li a{ text-decoration:none;} /* breadcrumb */ #breadcrumb_bg {display:none;} #cookietrail {display:none;} #login {display:none;} .homecookie {display:none;} /*logo sticky*/ #mobile-header.companies.small #mobile-logo img {border:0; padding:0;} /* topnews & top listing & Top Webcast */ .top_news_text a, .top_news_text a:hover {text-decoration:none} .top_news_modernabstract .top_news_text img {width:100%;} .top_news_text {position:relative} .top_news_text div {position:absolute; bottom:17px; } .top_news_modernabstract {margin-bottom:20px; position:relative; float:left; width:630px} p .marker_white {display:none;} .top_news_modern:hover .marker_white, .top_news_modern:hover .marker_black {text-shadow:0px 1px 5px #000;} .marker_white {font-weight: 400; color:#FFF; font-size:0.73em; background:none !important; transition: text-shadow 0.5s; } .marker_black {background:none !important; color:#FFF; text-decoration:none; font-weight:400; font-size:0.93em; transition:text-shadow 0.5s;} .top_news, .top_listing {background-color:#FFF; padding-bottom:25px;margin-top:10px} .top_news_modern .top_news_pic {opacity:1 !important} .top_news_modern:hover .top_news_pic {opacity:0.7} .top_news_pic {float:left; opacity:1} .top_news_modernabstract p {background-color:#dfdfdf; padding:20px; margin-left:0} .top_news_text h3 a{font-size:1em;} .top_news_text h2 a{font-size:1.3em; margin-bottom:14px; padding-bottom:10px; line-height:1.2em} .top_news_text h2, .top_news_text h3 {padding-left:20px; padding-right:20px} .row3 .teaser_content_abstract_big .teaser_content h2 {font-size:1.3em; font-weight:600; margin-bottom:15px} .row2 .teaser_content h2 a, .row3 .teaser_content h2 a {color:#014489 !important} .hottopic {border:1px solid #014489; padding:10px; box-sizing:border-box} .hottopic .teaser_titel {width:100%} .col3>div.clear {display:none} /*MODULE*/ .teaser_titel {font-size:1.0em;font-weight:400; padding: 0px 0 5px 0px; margin-bottom:20px !important; text-transform:uppercase; color:#014489; border-bottom: 2px solid #014489 !important;} .teaser_titel a {color:#000;} .teaser_titel p{color:#014489;} .row3 .art_preview h2 {font-size:1.125em; font-weight:400; margin-top:5px;} .row3 .art_preview h3 {font-size:0.875em; font-weight:400;} .row3 .art_preview h2 a {text-decoration:none; color:#014489;} .row3 .art_preview h2 a:hover {text-decoration:underline;} .row3 .art_preview h3 a {text-decoration:none; color:#000;} .row1l .teaser_content h3 a, .row1r .teaser_content h3 a{text-decoration:none; font-size:0.8em; font-weight:normal; color:#000; line-height:1.3em;} .row1l .teaser_content h3 a:hover, .row1r .teaser_content h3 a:hover {text-decoration:underline} .row1l .teaser_content h2 a:hover, .row1r .teaser_content h2 a:hover {text-decoration:underline} .row1l .teaser_content h2 a, .row1r .teaser_content h2 a{font-weight: 600 !important;text-decoration:none; font-size:0.7em; /*font-weight:normal !important;*/ color:#014489 !important;line-height:1.3em;} .row2 .teaser_content h3 a {text-decoration:none; font-size:0.7em; font-weight:normal; color:#000; line-height:1.3em;} .row2 .teaser_content h3 a:hover, .row2 .teaser_content h2 a:hover {text-decoration:underline !important;} .row2 .teaser_content h2 a {text-decoration:none; font-size:1em; color:#000; font-weight:600;} .row2.listing .teaser_content .art_preview p .read_content {display:inline} .listing .teaser_content img {width:180px; height:auto} .row2.listing .teaser_content .art_preview h2 {margin-top:-3px} /* .row2.listing .teaser_content h2 a {text-decoration:none; font-size:0.9em; color:#000; font-weight:normal;} .row2.listing .teaser_content .art_preview p {font-size:0.8em; } .row2.listing .teaser_content p {font-size:0.8em;} */ .row2 .teaser_content p {font-size:1em;line-height:1.5em; margin-top:0.4em; color:#000;} .content .row2 .teaser_content .teaser_content .art_preview p {display:block;} .row2 {clear: none !important} .row2 .teaser_content .teaser_content {position:relative} .row2.listing {float:none; margin:auto !important} .row3.gallery .gallerymodern .gal_teaser {margin-right:15px} .row3.gallery .gallerymodern .gal_teaser .overlay{width:100% !important} .row3.gallery .gallerymodern .gallerylast .gal_teaser {margin-right:0} .row2 .teaser_content p span {font-weight:bold;} .row2.related .related .teaser_content .teaser_content h2 a {font-size:0.8em;} .row3 .art_preview {position:absolute; bottom:0; left:0; border:1px solid #C1C1C1; border-top:0px !important; margin-bottom:0px; background:rgba(255,255,255,0.85); z-index:2; width:298px; padding:10px 0 0 0; min-height:140px;} .galleryclassic p {height:45%} .artikel ol li {color:#000; font-weight:500;} .row1l .teaser_content, .row1r .teaser_content {overflow: visible !important;} .row1r .teaser_content .teaser_content, .row1l .teaser_content .teaser_content {position:relative;} .row3.gallery .teaser_footer {height:0} .gallerymodern_big .overlay {height:25%} .top_news_pic {width:960px} .related .teaser_titel {width:100% !important} .row1l, .row1r {clear:none; position:relative} .row1r.gallery .galleryl img, .row1r.gallery .galleryl p, .row1l.gallery .galleryl img, .row1l.gallery .galleryl img, .row1r.gallery .galleryr img, .row1r.gallery .galleryr p, .row1l.gallery .galleryr img, .row1l.gallery .galleryr img {box-sizing:border-box; width:100%} .imgcontainer_bg a:hover { background: #014489;} .minicontent .gal_detail .gal_listing {height:260px;} .minicontent .gal_detail .gal_listing .overlay {position:relative; background:#dfdfdf;} .minicontent .gal_detail .gal_listing .overlay .gal_text_klein {font-size:16px !important; line-height:1.3em;} .minicontent .gal_detail .gal_listing .overlay .gal_klein_anzahl {display:none;} .minicontent .teaser_content .gallerymodern .gal_teaser .overlay {position:relative; height:75px;} /* Teaser-Footer MMS-29.11.2011 */ .link_left a {color:#000; text-decoration:none; font-size:1.1em; transition:all 0.5s; display:block;} .teaser .row1l.listing .related .teaser_content p a, .teaser .row1r.listing .related .teaser_content p a {border:1px solid #C1C1C1; color:#000; text-decoration:none; padding:3px 5px; transition:all 0.5s;} .teaser .row1l.listing .related .teaser_content p a:hover, .teaser .row1r.listing .related .teaser_content p a:hover {color:#FFF; background:#014489;} .row3, .row2 {position:relative} .row3 .link_left a, .row3 .firmenfeed .teaser_footer p a {position:absolute; top:0; right:0; } /*Firmenübersicht*/ /* Anbieter */ .anbieter .teaser_content h3{font-size:1.2em; margin-top:8px;} .anbieter .teaser_content p{font-size:0.8em !important; margin:5px 5px 5px 0; line-height:1.4em} .anbieter.related .related .teaser_content .teaser_content p a {padding:3px 5px; border:1px solid #C1C1C1; color:#000; text-decoration:none; transition:all 0.5s;} .anbieter.related .related .teaser_content .teaser_content p a:hover {background:#014489; color:#FFF;} .anbieter .teaser_content .teaser_content p a {color:#000; border:1px solid #C1C1C1; padding:3px 5px; text-decoration:none; transition:all 0.5s;} .anbieter .teaser_content .teaser_content p a:hover {background:#014489; color:#FFF;} .row1l.anbieter.related .related .teaser_content .teaser_content, .row1r.anbieter.related .related .teaser_content .teaser_content {border:1px solid #C1C1C1; padding-right:5px; box-sizing: border-box;} .teaser .row3.anbieter.firmenfeed .teaser_content .firmenlogo, .teaser .row3.anbieter.firmenfeed .teaser_content .firmenlogo img {width:60px;} /*Contentdarstellung*/ .teaser_content img {margin:0 10px 0px 0; float:left; border:1px solid #C1C1C1; transition:opacity 0.5s;} .teaser_content img:hover {opacity:0.7;} /*Weiterlesen*/ .read_content {padding:3px 5px; line-height:22px; text-decoration:underline !important; transition:all 0.5s; background: none;} .read_content:hover {cursor:pointer} /*Elemente Allgemein*/ .linie {border-top: 1px solid #E6E7E8; margin:1em 0; display:none;} .minicontent .linie {border-top: 5px solid #FFF; margin:1em 0;display:block;} /*Galerien*/ .gal_text_klein {color:#000 !important;} .gal_listing:hover img {opacity:0.7;} .gal_listing img {transition:opacity 0.5s;} .companycontent .gal_listing img {width:100%;} .gal_paging a {padding:4px 7px; border:1px solid #C1C1C1; margin:0 1.5px; color:#000; text-decoration:none; background:#FFF; transition:all 0.5s;} .gal_paging .p-inactive {padding:4px 7px; border:1px solid #C1C1C1; margin:0 1.5px; color:#FFF; text-decoration:none; background:#014489; transition:all 0.5s;} .gal_klassisch {border:1px solid #000; background:#fff;} /*Searchresults*/ .searchresults .teaser_content .gal_text_klein, .searchresults .teaser_content .gal_klein_anzahl {font-size:14px !important;} .gal_klein_anzahl {padding-left:0px !important; color:#014489 !important;} .gal_paging a:hover {background:#014489 !important;} .searchresults .read_content {background:transparent; border:0 !important;} .searchresults .more_contents a:hover {background:#014489 !important; color:#FFF;} .searchresults .teaser_content .requirereg_icon {position:relative;} /*Schriftanpassung kb*/ .resulthits p, .resulthits p b, .searchresults .teaser_content h2 a, .searchresults .teaser_content h2 a b, .searchfilter label, .searchresults .teaser_content p, .searchresults .teaser_content p span, .contenttype, .col3 #search #searchfield, .searchfilter .searchdropdown, .searchresults .read_content, .searchresults .teaser_titel p, .searchresults .teaser_titel a, .searchresults .teaser_titel b, .searchresults a, .paging a, .paging span.p-inactive {font-family:'Titillium Web', sans-serif;} /* header */ #search {width: 350px; padding-right:2px; position: absolute; top:15px; right:0px;display:none;} #logo {width:466px; position:absolute; left:50%; margin-left:-242px; top:-46px} #website.fixed-header #logo {display:none;} #head_logo {width:100%; position:absolute; z-index: 9999;} #mobile-header {height: 115px; top: 0px !important;background: #014489 !important; color: #fff !important; border-bottom: 0px !important; width:980px !important; margin-left:0 !important;} #website #mobile-header.companies {height:60px !important; top:0px !important; background-color: #014489 !important;} #website #mobile-header.companies.open {height:100% !important; background-color: rgba(255,255,255,0.7) !important;} #website #mobile-header.companies.small {margin-left:-490px !important;} #mobile-header form {background-color:#014489} #mobile-header.open form {background-color:#333} #mobile-header.open {background:rgba(255,255,255,0.7) !important; margin-left:-480px !important;} #menu span, #searchexpander span {color: #fff !important; } .companies #menu span, .companies #searchexpander span, .companies #mycompany span {color: #FFF !important;} #mobile-header #mobile-logo img {top: 24px !important; width:466px !important; position:absolute !important; left:50%; margin-left:-232px;} #menu {height:73px !important;} #searchexpander {height:73px !important; width:85px;} #menu:before, #searchexpander:before {top:20px; color:#FFF;} #mobile-header #mycompany {background-image:url(/shared/vogelonline/img/bep30/touch/w/key.svg) !important} #mobile-header #searchexpander.company_search {background-image:url(/shared/vogelonline/img/companies/company_white.svg) !important; height:60px !important;} /* elemente allgemein */ .button {background:#014489; font-size:0.7em;padding:11px 15px 11px 15px;} #newsletter_advertising .button{background: url(/img/bep30/button_bg.png) repeat !important;border: 1px solid;border-radius: 5px;font-size: 0.68em;height: 16px;margin-top: -1px;padding: 7px 15px 6px;} .search_abc .button {padding:10px; font-size:inherit;} .row3 .top_listing_pic img{float:left;margin-right:20px;} .row3 .top_listing_pic h1{font-size:1.2em; text-transform:uppercase; margin:0.75em 0.75em 0.75em 0} .row3 .top_listing_pic p{line-height:1.5em } .row3 .top_listing_pic {display:inline} .row3 .top_listing_pic {border: 10px solid; float:left; margin: 24px 0 0 10px } .row3 .sub_tk .content_red {background: url("/img/bep30/auge_white.png") no-repeat; float: left; margin: 5px 10px 0 0; padding: 10px;} .row3 .sub_tk div {overflow:auto} .row3 .sub_tk div a {text-decoration:underline; color:white; font-size:0.8em} .row3 .teaser_content .firmenassetlogo {width:100px;} .row3 .teaser_content .firmenassetlogo img {width:100%; margin-top:0px !important;} .row3 .teaser_content h3 {font-size:0.8em; font-weight:400; text-decoration: none; line-height:1.3em; position:relative; bottom:0; left:0; margin:0px 10px 0 10px;} .row3 .teaser_content h3 a {color:#000; text-decoration:none;} .row3 .teaser_content h2 {font-size:1.0em; font-weight:400; text-decoration: none; margin-top:0.2em; padding:0 10px 5px 10px;} .row3 .teaser_content p {font-size:0.9em; font-weight:400; text-decoration: none; margin:3px 10px 3px 10px; line-height:1.5em; color:#000;} .row3 .teaser_content h2 a {color:#000; text-decoration:none;} .row3 .teaser_content h2 a:hover {text-decoration:none;} .row2 .top_listing_pic img{float:left; width:280px; border:10px solid white} .row2 .top_listing_pic h1{font-size:1.2em; text-transform:uppercase; margin:0.75em 0.75em 0.75em 0} .row2 .top_listing_pic p{line-height:1.5em } .row2 .top_listing_pic {display:inline; float:left; background:none} .row2 .top_listing_pic {width:300px; margin-right:20px} .row2 .sub_tk .content_red {background: url("/img/bep30/auge.png") no-repeat; float: left; margin: 5px 10px 0 0; padding: 10px;} .row2 .top_news_text {width:290px; margin-top:0} .row2 .sub_tk div {overflow:auto;} .row2 .sub_tk div a {text-decoration:underline; color:black; font-size:0.8em} .row2 .top_listing_pic h1 {margin-top:0} .row1 .sub_tk .content_red ,.row1l .sub_tk .content_red ,.row1r .sub_tk .content_red {background: url("/img/bep30/auge.png") no-repeat; float: left; margin: 0px 10px 0 0; padding: 10px;} .row1 .sub_tk div a,.row1l .sub_tk div a ,.row1r .sub_tk div a {text-decoration:underline; color:black; font-size:0.8em} .teaser_content h2 {font-size:1.3em; margin-bottom:5px;} .webcast {background: url(/img/bep30/webcast_bg.png);padding:1.5em 10px } .webcast .optionen, .webcast .optionen a {color:#000} #pfplaybutton {margin-left: 424px !important; margin-top:195px !important; position:inherit} .webcast_content {margin:auto; } .webcast_content #autor {color:#000} .webcast_content h1 {font-size:2em; color:#000} .webcast_content h2 {font-size:1.2em; font-weight:normal; color:#000} .wc_button {position:relative; width:800px; height:600px; display:table-cell; vertical-align:middle; background:#000; } .video-wrapper {margin:2em 0;} .video-container iframe {width:100%; border:1px solid} .wp_button {text-align:center; margin:2em 0} .vt_big:hover img {opacity:0.7;} .vt_big img {transition:opacity 0.5s;} .vt_big {background-color:#FFF; border:1px solid #C1C1C1;} .col3 .txt {width:300px !important} /* Formulare */ .row3 form table {width:100%;} .row3 form table tr {margin-bottom:5px;} .row3 form table .form_table_left {font-size:16px; margin-right:15px; padding-bottom:20px; vertical-align:top;} .row3 form table .form_table_right {padding-bottom:20px} .row3 form table .form_table_right input {width:400px;} .row3 form table .form_table_right input.form_zipcode {width:60px;} .row3 form table .form_table_right input.form_location {width:329px} .row3 form table .form_table_right select.form_countrycode {width:85px; font-size:16px;} .row3 form table .form_table_right input.form_phoneprefix {width:70px;} .row3 form table .form_table_right input.form_phone {width:231px;} .row3 form table .form_table_right.radiogroup {font-size:16px;} .row3 form table .form_table_right.radiogroup input[type=radio] {top:7px;} .row3 form table .form_table_right textarea {width:410px; font-size:16px; height:150px; box-sizing:border-box; padding:5px;} .row3 form table .cbx_confirm {width:20px !important; height:20px; margin-right:5px; top:4px;} .row3 form table .form_agb_ewg {font-size:14px;} .row3 form .button {padding:5px 15px 15px 15px;} .row3 form table .form_table_right.td_confirm {padding-left:0;} .row3 form table .form_table_right select {width:410px; font-size:16px;} @media only screen and (max-width:1024px) { .row3 form table .form_agb_ewg {width:95%; float:right; } } @media only screen and (max-width:700px) { .row3 form table .form_table_left {display:block; padding-bottom:0;} .row3 form table .form_table_right {display:block;} .row3 form table .form_table_right input {width:100%; box-sizing:border-box;} .row3 form table .form_table_right .cbx_confirm {margin-bottom:20px;} #content_wrap .content {width:96% !important;} .row3 form table .form_table_right textarea {width:100%;} .row3 form table .form_table_right input.form_zipcode, .row3 form table .form_table_right select.form_countrycode, .row3 form table .form_table_right input.form_phoneprefix {width:20%;} .row3 form table .form_table_right input.form_location {width:79%;} .row3 form table .form_table_right input.form_phone {width:58%} .row3 form table .form_agb_ewg {width:90%;} } /* Module */ .related .teaser_footer p a {padding:10px; text-decoration:none; background:#014489; color:#FFF; border:1px #C1C1C1 solid; transition:all 0.5s; display:inline-block;} .related .teaser_footer p a:hover {text-decoration:none; background:#014489; color:#FFF} .firmenlogo {padding:8px 0px 8px 8px; margin:3px 10px 1em 0; text-align:center; float:left; width:100px} .firmenfeed p a {text-decoration:none; color: #000 !important;} .firmenfeed p a:hover {text-decoration:underline;} /* Footer */ #footer {background:#fff;} #footer_social .row1l {padding:0 0px; clear:none !important;} #footer_social .row1l .teaser_titel {background: none !important;} #footer_social .row1l .teaser_content .facebook_testbild {margin-right:0 !important} #footer_network p a {color:#014489;} #footer_social {padding:1em 0; border-bottom: 1px solid #C1C1C1;} /* Artikel */ #autor {font-size:0.75em; margin-bottom:1.3em; margin-top:1em; color:#000;} .bildunterschrift {padding:12px 12px; font-size:0.8em; border:1px solid #C1C1C1; border-top:0px; color: #000; width:100%; line-height:1.4em; max-width: 592px;} #topmessageimage {max-width: 620px; width: 100%;} #contentfactory {font-size:0.7em; } #contentfactory img{float:left; margin:4px 10px 0 0; display:none;} #contentfactory a {color:#000;} .row2blank {margin-top:1.5em} .boxhead_bg { padding:10px; text-transform:uppercase; color:#000; border:1px solid #C1C1C1; border-bottom:0px; /*border-top-left-radius:9px; -webkit-border-top-left-radius:9px; -moz-border-top-left-radius:9px; border-top-right-radius:9px; -webkit-border-top-right-radius:9px; -moz-border-top-right-radius:9px;*/} .row2blank .boxhead_bg {clear:both;} .row2_content {border-top:none; padding:10px; font-size:0.8em;margin-bottom:2em; border:1px solid #C1C1C1; color:#000;} #commentform textarea {width:100%; height:150px; margin-bottom:1em;} .row2_content .button{margin-bottom:0.5em; float:right} .artikel .inhaltsverzeichnis ul li a {padding:3px 5px; border:1px solid #C1C1C1; color:#000; text-decoration:none; transition:all 0.5s} .artikel .inhaltsverzeichnis ul li a:hover {color:#FFF; background:#014489;} .schlagwoerter {font-size:0.75em; margin-top:10px;} .artikel ul li {margin-bottom: 8px; margin-left:20px;} .kasten_untermenu ul {padding-left:20px;} .kasten_untermenu li {margin-left:30px; left:0} .social_media_custom span {color:#000;} .searchresults .teaser_content .requirereg_icon {position: static;} .requirereg_icon {background-image:url(/img/bep30/exclusive_kb.png); position: absolute;width: 30px;height: 36px;top: 24px;left: -6px; z-index:9997} .row1r .requirereg_icon {display: none;} .listing .teaser_content_default .teaser_content {position:relative} /*Topline Tag*/ .topline_tag {position:relative;} /* Bildergalerielink in Artikelbild */ .gallery_overlay {position:relative; display: block; margin-left: 10px !important; margin-right: 10px; margin-top: -40px; background: rgba(157,13,22,0.8); float: left; height: 33px; width: 191px; z-index: 2;} .gallery_link {color: #FFFFFF; float: left; font-weight: bold; margin-left: 15px; margin-top: 5px; position: relative; font-size:0.875em;} .gallery_link:hover {color: #FFFFFF;} /* top_listing */ .top_listing h3 {font-size:0.8em; font-weight:normal;margin-bottom:5px;} .top_listing h2 {font-size:0.93em;margin-bottom:10px} .top_listing p {font-size:0.8em;line-height:1.5em;} /*eventteaser*/ .teaser_eventsites h1 {font-size:1.3em; margin-bottom:10px} .teaser_eventsites {font-size:0.875em; line-height:21px} /* end: Teaser-Footer MMS-29.11.2011 */ /* Listing-Images MMS-29.11.2011 */ .teaser_content .content_red{background: url(/img/bep30/auge.png) no-repeat scroll 0 0 transparent;margin:3px 10px 0 0;padding:10px;float:left} .teaser_content .content_wp{background: url(/img/bep30/pdf.png) no-repeat scroll 0 0 transparent;margin:5px 10px 0 0;padding:10px;float:left} .teaser_content .content_wc{background: url(/img/bep30/film.png) no-repeat scroll 0 0 transparent;margin:5px 10px 0 0;padding:10px;float:left} .teaser_content .content_arrow{background: url(/img/bep30/pfeil.png) no-repeat scroll 0 0 transparent;margin:5px 10px 0 0;padding:5px;float:left} /* end: Listing-Images MMS-29.11.2011 */ /* Wenn FREDDY beruehren Modul-DIV umranden MMS-02.12.2011 */ .freddy_hover{border:1px solid black;} /* end: Wenn FREDDY beruehren Modul-DIV umranden MMS-02.12.2011 */ /* Socialmedia-Leiste MMS-01.12.2011*/ .socialshare { margin:5px; } /* end: Socialmedia-Leiste MMS-01.12.2011*/ /* Twitterfeed MMS-01.12.2011*/ #twitter_update_list {padding-left:20px} #twitter_update_list li {font-size:0.7em;list-style-image:url(/img/bep30/tweet.png);margin:0px 0px 5px 9px;} /* end: Twitterfeed */ /* GalerieBox MMS-30.11.2011 */ .row2 .gal, .row2 .gallast {width:148px;float:left;} .row2 .gal {margin-right:5px} .gal, .gallast {overflow:hidden !important;} /* end: GalerieBox MMS-30.11.2011 */ /* Bilder Galerien detailansicht */ .imagegallery {color:#000; !important;background:#FFF !important; margin-top:10px;} .imagegallery .headline {color:#014489 !important;} .imagegallery a {color:black !important; } .imagegallery .backlinktext a, .imagegallery .zoom a {color:#000 !important; padding:5px 7px !important; border: 1px solid #C1C1C1; text-decoration:none; transition: all 0.5s;} .imagegallery .backlinktext a:hover, .imagegallery .zoom a:hover {color:#FFF !important; background:#014489;} #imagegallery_container img {padding:0px !important; margin:15px auto 5px auto;} /*Bild in Kastenbox*/ #artimage .artimg_bu {background:#FFF; border-bottom-left-radius:0px; border-bottom-right-radius:0px; color:#000; border:1px solid #C1C1C1; border-top:0px; line-height:1.4em;} #artimage img {border:1px solid #C1C1C1; border-bottom:0px;} /*Newsletter*/ .button_reg {background-color:#ffffff; border: 1px solid #A3A1A1; cursor: pointer; font-size: 0.875em; height: 21px; padding: 5px 20px 0px 20px; text-decoration: none !important; width: auto; margin:18px 0 10px 0px; float:left; color:#000000;} .subcolum_reg {/*border-bottom: 1px solid #C1C1C1; */padding: 0 0 12px;} .subcolum_reg input {border: 1px solid #B4B4B4;font-size: 0.750em; height: 15px;padding: 2px 0 0 2px;width: 180px;} .subcolum_reg td {color: #000000; font-size: 0.750em; padding: 1px; width: auto;} #nlab tr {font-size:0.875em; padding:4px 0px;} .subcolum_reg .radio {border: 0 none; margin-left: 10px; margin-top: 5px; width: 15px;} /*Firmenlisting alt, kann geloescht werden wenn Firmenlistings modularisiert wurden*/ #col1 {width:620px; padding:20px 20px 20px 10px; float:left; font-size:0.875em} #col2 {float: left; padding: 20px 10px 10px 0; width: 336px;} .header_left {text-transform:uppercase; color:#014489} .link_b1 {text-decoration:none; padding:0 5px} .subcolum_dotted_1 {border-bottom: 1px dotted #4A4A4A; font-size: 12px; line-height: 1.4; margin: 0 0 10px; padding-bottom: 20px;} #col1 h1 {font-size: 0.875em; font-weight: bold !important;} .subcolum_dotted_1 h1 a{font-size: 14px; text-decoration:none} .subcolum_dotted_1 a {font-size: 1em; text-decoration:none} .subcolum_dotted_1 img {margin-right:20px} .companylisting .content .teaser_titel {background:none; padding:0 0 5px 0; margin:10px; font-size:1em; width:610px !important;} .companylisting .teaser .teaser_titel {border:none; background:#fff; padding-bottom:5px; margin:0px; padding:10px; font-size:1em; color:#000} .gal_text_klein, .gal_klein_anzahl {font-size:13px !important;} .gal_klein_anzahl {padding-left:0px !important; color:#014489 !important;} .minicontent #searchform {display:block;} .minicontent #searchfield {border:1px solid #333; background-color:#FFF; margin-right:55px;} .minicontent #search .button {display:block;} /*Stellenmarkt*/ #jwstm .box-top-line {border-top:0px !important; border-bottom:1px solid #C1C1C1; background:none !important; color: #000 !important; font-weight:400 !important; padding:0 0 2px 0px !important; font-size:1em; text-transform:uppercase; margin-bottom:10px;} /*interview*/ .interview { font-weight: 600 !important; margin-bottom: 0 !important; font-style: italic; color: #014489;} .attribute-text a { color:#fff; } /*Icon für Gallerie*/ .row3 .gallerymodern_big .gallerylast .gal_teaser::before {content: url(/img/bep30/bilder.svg); width:35px; height:35px; position:absolute; top:5px; left:5px;} .row3 .gallerymodern_big .gallery .gal_teaser::before {content: url(/img/bep30/bilder.svg); width:35px; height:35px; position:absolute; top:5px; left:5px;} .row3 .gallerymodern_big .gallerylast.galvideo .gal_teaser::before {content: url(/img/bep30/video.svg); width:35px; height:35px; position:absolute; top:5px; left:5px;} .row3 .gallerymodern_big .gallery.galvideo .gal_teaser::before {content: url(/img/bep30/video.svg); width:35px; height:35px; position:absolute; top:5px; left:5px;} .row1l .gallerymodern_big .galleryl .gal_teaser::before {content: url(/img/bep30/bilder.svg); width:35px; height:35px; position:absolute; top:5px; left:5px;} .row1r .gallerymodern_big .galleryl .gal_teaser::before {content: url(/img/bep30/bilder.svg); width:35px; height:35px; position:absolute; top:5px; left:5px;} .row1l .gallerymodern_big .galleryl.galvideo .gal_teaser::before {content: url(/img/bep30/video.svg); width:35px; height:35px; position:absolute; top:5px; left:5px;} .row1r .gallerymodern_big .galleryl.galvideo .gal_teaser::before {content: url(/img/bep30/video.svg); width:35px; height:35px; position:absolute; top:5px; left:5px;} .row2 .gallerymodern_big .gallerylast .gal_teaser::before {content: url(/img/bep30/bilder.svg); width:35px; height:35px; position:absolute; top:5px; left:5px;} .row2 .gallerymodern_big .gallery .gal_teaser::before {content: url(/img/bep30/bilder.svg); width:35px; height:35px; position:absolute; top:5px; left:5px;} .row2 .gallerymodern_big .gallerylast.galvideo .gal_teaser::before {content: url(/img/bep30/video.svg); width:35px; height:35px; position:absolute; top:5px; left:5px;} .row2 .gallerymodern_big .gallery.galvideo .gal_teaser::before {content: url(/img/bep30/video.svg); width:35px; height:35px; position:absolute; top:5px; left:5px;} .row1l .galleryclassic .galleryl::before {content: url(/img/bep30/bilder.svg); width:30px; height:30px; position:absolute; top:5px; left:5px;} .row1r .galleryclassic .galleryl::before {content: url(/img/bep30/bilder.svg); width:30px; height:30px; position:absolute; top:5px; left:5px;} .row1l .galleryclassic .galleryl.galvideo::before {content: url(/img/bep30/video.svg); width:30px; height:30px; position:absolute; top:5px; left:5px;} .row1r .galleryclassic .galleryl.galvideo::before {content: url(/img/bep30/video.svg); width:30px; height:30px; position:absolute; top:5px; left:5px;} .row1l .galleryclassic .galleryr::before {content: url(/img/bep30/bilder.svg); width:30px; height:30px; position:absolute; top:5px; left:5px;} .row1r .galleryclassic .galleryr::before {content: url(/img/bep30/bilder.svg); width:30px; height:30px; position:absolute; top:5px; left:5px;} .row1l .galleryclassic .galleryr.galvideo::before {content: url(/img/bep30/video.svg); width:30px; height:30px; position:absolute; top:5px; left:5px;} .row1r .galleryclassic .galleryr.galvideo::before {content: url(/img/bep30/video.svg); width:30px; height:30px; position:absolute; top:5px; left:5px;} .row1l .gallerymodern .galleryl .gal_teaser::before {content: url(/img/bep30/bilder.svg); width:30px; height:30px; position:absolute; top:5px; left:5px;} .row1r .gallerymodern .galleryl .gal_teaser::before {content: url(/img/bep30/bilder.svg); width:30px; height:30px; position:absolute; top:5px; left:5px;} .row1l .gallerymodern .galleryl.galvideo .gal_teaser::before {content: url(/img/bep30/video.svg); width:30px; height:30px; position:absolute; top:5px; left:5px;} .row1r .gallerymodern .galleryl.galvideo .gal_teaser::before {content: url(/img/bep30/video.svg); width:30px; height:30px; position:absolute; top:5px; left:5px;} .row1l .gallerymodern .galleryr .gal_teaser::before {content: url(/img/bep30/bilder.svg); width:30px; height:30px; position:absolute; top:5px; left:5px;} .row1r .gallerymodern .galleryr .gal_teaser::before {content: url(/img/bep30/bilder.svg); width:30px; height:30px; position:absolute; top:5px; left:5px;} .row1l .gallerymodern .galleryr.galvideo .gal_teaser::before {content: url(/img/bep30/video.svg); width:30px; height:30px; position:absolute; top:5px; left:5px;} .row1r .gallerymodern .galleryr.galvideo .gal_teaser::before {content: url(/img/bep30/video.svg); width:30px; height:30px; position:absolute; top:5px; left:5px;} .row2 .gallerymodern .gallery .gal_teaser::before {content: url(/img/bep30/bilder.svg); width:30px; height:30px; position:absolute; top:5px; left:5px;} .row2 .gallerymodern .gallery.galvideo .gal_teaser::before {content: url(/img/bep30/video.svg); width:30px; height:30px; position:absolute; top:5px; left:5px;} .row2 .gallerymodern .gallerylast .gal_teaser::before {content: url(/img/bep30/bilder.svg); width:30px; height:30px; position:absolute; top:5px; left:5px;} .row2 .gallerymodern .gallerylast.galvideo .gal_teaser::before {content: url(/img/bep30/video.svg); width:30px; height:30px; position:absolute; top:5px; left:5px;} .row3 .gallerymodern .gallery .gal_teaser::before {content: url(/img/bep30/bilder.svg); width:30px; height:30px; position:absolute; top:5px; left:5px;} .row3 .gallerymodern .gallery.galvideo .gal_teaser::before {content: url(/img/bep30/video.svg); width:30px; height:30px; position:absolute; top:5px; left:5px;} .row3 .gallerymodern .gallerylast .gal_teaser::before {content: url(/img/bep30/bilder.svg); width:30px; height:30px; position:absolute; top:5px; left:5px;} .row3 .gallerymodern .gallerylast.galvideo .gal_teaser::before {content: url(/img/bep30/video.svg); width:30px; height:30px; position:absolute; top:5px; left:5px;} .row2 .galleryclassic .gallery::before {content: url(/img/bep30/bilder.svg); width:30px; height:30px; position:absolute; top:5px; left:5px;} .row2 .galleryclassic .gallery.galvideo::before {content: url(/img/bep30/video.svg); width:30px; height:30px; position:absolute; top:5px; left:5px;} .row2 .galleryclassic .gallerylast::before {content: url(/img/bep30/bilder.svg); width:30px; height:30px; position:absolute; top:5px; left:5px;} .row2 .galleryclassic .gallerylast.galvideo::before {content: url(/img/bep30/video.svg); width:30px; height:30px; position:absolute; top:5px; left:5px;} .row3 .galleryclassic .gallery::before {content: url(/img/bep30/bilder.svg); width:40px; height:40px; position:absolute; top:5px; left:5px;} .row3 .galleryclassic .gallery.galvideo::before {content: url(/img/bep30/video.svg); width:40px; height:40px; position:absolute; top:5px; left:5px;} .row3 .galleryclassic .gallerylast::before {content: url(/img/bep30/bilder.svg); width:40px; height:40px; position:absolute; top:5px; left:5px;} .row3 .galleryclassic .gallerylast.galvideo::before {content: url(/img/bep30/video.svg); width:40px; height:40px; position:absolute; top:5px; left:5px;} /*video*/ .video {margin:10px;} .paging a, .paging span.p-inactive {padding: 0 10px; background: #fff; margin-right: 3px; text-decoration: none; line-height: 30px; border:1px solid #C1C1C1; transition: all 0.5s; display:inline-block; margin-bottom:10px; color:#000;} .paging a:hover {background:#014489; color:#FFF;} .paging a:hover b {color:#FFF;} .paging .p-inactive {background:#014489 !important; color:#FFF !important;} .paging .p-inactive b {color:#FFF !important;} /*Firmenprofil*/ #website #mobile-header.companies #mobile-logo img {left: 50%; margin-left:-149px; width:298px !important;} .news_content a {font-size:15px; line-height:1.3em;} .gal_listing.vid_listing {border:1px solid #C1C1C1;} .gal_listing.vid_listing .overlay {height:62px; border:0px; width:100% !important; box-sizing:border-box;} .gal_listing.vid_listing .gal_text_klein {font-size:12px;} .events_headline {font-size:0.7em; font-weight:400;} .ui-datepicker-title {font-size:0.7em; font-weight:400;} .ui-datepicker table {font-size:0.7em;} #accordion_events a {font-size:0.8em;} .ui-datepicker .ui-datepicker-header {padding:0.4em 0;} .webinar_description p, .webinar_description a, .btn_sign_up a, .description h2, .webinar_description p span, .sendeplan_hor .title p {color:#FFF;} .webinar_description {color:#FFF;} .btn_sign_up span {color:#FFF;} #contentfactory {width:100% !important; text-align:center} .companies #menu {height:60px !important;} .companies #menu:before {color:#FFF;} .author_title {color:#014489;} /* Smartphone portrait und landscape */ @media only screen and (max-width: 520px) { .top_news_modern .top_news_text {position:absolute} .marker_black {color:#fff !important} #website {width:100% !important;} #cont_topthemen {margin-left:2% !important; margin-right:2% !important; width:96% !important; } .topthemen_item {margin:3px 20px 3px 0px; font-size:0.9em;} .playout_videos.row2 {width:100% !important; left:0 !important} .row1r .galleryr, .row1r .galleryl {float:left !important;} .row1r .galleryl {margin-right:2% !important} #wrapper, #wrapper.minicontent, #wrapper.minicontent.companycontent {margin-top:72px !important} #mobile-header #mobile-logo img{height:25px; width:auto !important; top:18px !important; margin-left:-82px !important;} #website #mobile-header.companies #mobile-logo img {border: none; padding: 0; height:25px !important; width:auto !important; top:18px !important;} #mobile-header.companies.small #mobile-logo img {left:0 !important;} .row2 .teaser_content .teaser_content .art_preview p {display:block} .bannerl, .bannerr {margin:0 0 1em 0 !important} .row3.gallery .gallerymodern .gallerylast {display:block} .row3.gallery .gallerymodern .gallery .gal_teaser, .row3.gallery .gallerymodern .gallerylast .gal_teaser{width:46%; margin:0 2% 2% 2% !important} .row3.gallery .gallerymodern .gallery {float:none !important} .col3 .bannerr {width:100% !important} .top_news_modernabstract h3, .top_news_modernabstract h2, .top_news_modernabstract p {padding-left:2%} .top_news_modernabstract h3 {padding-top:2%} article header>div {box-sizing:border-box; padding:2%} #wrapper {overflow:hidden} #mobile-header, #mobile-header.companies, #mobile-header.companies.small {height:60px !important; width:100% !important; } #searchexpander {height:60px !important;} #menu:before, #searchexpander:before {top:14px !important;} #mobile-header.open {background-color:#333 !important; height:100% !important; margin-left:0 !important;} .box_double {width:96%; margin-right:2%; margin-bottom:10px} .row3.gallery .gallerymodern_big>div, .row1r.gallery .galleryclassic>div {width:48% !important; margin-left:1%; margin-right:0} .row3.gallery .gallerymodern_big div:nth-child(5) {margin-right:0} .row3.gallery .gallerymodern_big div:nth-child(6), .row1r.gallery .galleryclassic>div:nth-child(7), .row1r.gallery .galleryclassic>div:nth-child(8) {display:none} .gallerymodern_big .galimage img {margin-top:0 !important;} .gallerymodern_big .galimage, .gallerymodern_big .gallery, .gallerymodern_big .gallerylast {height:auto !important} .teaser_footer {margin-left:2%} article.paidarticle #page1 .dog-fish {position:static} .row1r .teaser_content h2 {font-size:1em} .row3 .teaser_titel, .row3 .teaser_content {width:96% !important; margin:0 2% 20px 2% !important;} .issues_listing {width:96% !important; background: url(/img/bep30/arrow_l.png) no-repeat 0 67px, url(/img/bep30/arrow_r.png) no-repeat right 67px;} .silver-lake .regarticle .no-top > div {width:100%;} .silver-lake .regarticle #page1 .dog-fish {margin-top:0; position: relative; right:0;} article #page1 .dog-fish {position:relative;} #vendordetail_20 img.aufmacher {width:96%; max-width:100%; float:none; margin:0 auto 20px; } article .row2 .teaser_content .teaser_headline {margin-left:0;} } @media only screen and (max-width:1480px) and (min-width:1024px){ body.open #mobile-header #mobile-logo img {display:block; } } @media only screen and (min-width: 520px) and (max-width: 1024px) { .row1r .gallerymodern_big .overlay {background:#dfdfdf !important} #website {width:100% !important;} /*Topthemen*/ #cont_topthemen {margin:0 2% !important; width:96% !important;} #wrapper, #wrapper.minicontent, #wrapper.minicontent.companycontent {margin-top:72px !important} #mobile-header #mobile-logo img{margin-left:-149px !important; height:45px; width:auto !important; top:7px !important;} #mobile-header.companies #mobile-logo img {border: none; padding: 0;} #mobile-header.companies.small #mobile-logo img {left:0 !important;} #mobile-header, #mobile-header.companies, #mobile-header.companies.small {height:60px !important; width:100% !important; } #searchexpander {height:60px !important;} #mobile-header.open {margin-left:0 !important; height:110% !important; background-color:#333 !important;} #menu:before, #searchexpander:before {top:14px !important;} .col3 .row2 {width:97% !important} .bannerr {margin:0 0 1em 0 !important} .bannerl {margin: 0 auto 1em auto !important; float:none; clear:both} .playout_videos.row2 {width:100% !important; margin:0 0 1em 0 !important; max-width:100% !important} .rolling-prairie .row2blank {width:100% !important} #content_wrap .row1r.gallery, #content_wrap .row1l.gallery {width:98% !important; margin-left:1%; margin-right:1%} .row1l .galleryl, .row1r .galleryl, .row1l .galleryr, .row1r .galleryr {width: 30% !important; height: auto !important; margin-right: 2.5%; box-sizing:border-box; float:left; clear:none} .row1r.gallery .teaser_content .galleryclassic .clear {clear:none} .row3.gallery .gallerymodern .gallerylast {display:block} .row3.gallery .gallerymodern .gallery .gal_teaser{width:18.2%; margin:0 2% 0 0 !important} .row3.gallery .gallerymodern .gallerylast .gal_teaser {margin:0 !important; width:18.2%} .row3.gallery .gallerymodern .gallery {float:none !important} #content_wrap .row1r.related, #content_wrap .row1l.related {width:96% !important; clear:both; box-sizing:boder-box; margin-left:2% !important; margin-right:2% !important} #content_wrap .row1r.related .teaser_content, #content_wrap .row1l.related .teaser_content {float:left; width:48%; margin-right:2%} article header>div {box-sizing:border-box} .top_news_modernabstract .top_news_text img {max-width:100% !important} .box_double .img_2 {width:auto} .silver-lake .regarticle .no-top > div {width:100%;} .silver-lake .regarticle .no-top .img-infos {width:300px;} .silver-lake .regarticle .optionen .socialmedia_privacy_area .socialmedia {float:none;} .silver-lake .regarticle #page1 .dog-fish {margin-top:110px; margin-right:-110px !important;} .social_media_art {width:auto;} .issues_listing {width:96% !important;} /*kb zeuch */ .top_news_modernabstract {width:98%} .top_news_modernabstract {margin-left:1%} header.no-top>div {padding:0} #wrapper { margin-top:60px !important} header.no-top>div:first-child {width:75%; float:none; padding:0} article .dog-fish {margin-right:-180px !important} article header.no-top .img-infos {margin-top:25px; margin-left:12%} #content_wrap.silver-lake .row1r {width:98% !important} article {padding:20px} .col3 .row2.hottopic {width:48% !important; margin-right:1%} .row2 {width:98% !important; margin-left:1%} .kommentare {width:100%} .silver-lake .row1r .teaser_content_abstract_big .teaser_content .art_list_img{width:180px !important; margin: 0px 10px 10px 0} .silver-lake .row1r .teaser_content_abstract_big .teaser_content .art_preview p {font-size:1.1em !important; line-height:1.5em} #footer .row1r {clear:both; width:98% !important; margin-left:1%} .row3.gallery .gallerymodern_big>div, .row1r.gallery .galleryclassic>div {width:24% !important; margin-left:1%; margin-right:0} .row3.gallery .gallerymodern_big div:nth-child(5) {margin-right:0} .row3.gallery .gallerymodern_big div:nth-child(6), .row1r.gallery .galleryclassic>div:nth-child(7), .row1r.gallery .galleryclassic>div:nth-child(8) {display:none} #website #mobile-header.companies.small {margin-left:0 !important;} #website #mobile-header.companies.small #mobile-logo img {left:50% !important; margin-left:-149px !important;} div#jwtitle {width:100% !important; margin:0 0 20px 0 !important;} article #page1 .dog-fish {margin-right: -180px !important} .row1r .teaser_content .galleryclassic p {background:#dfdfdf; font-size:1em !important; line-height:1.5em; padding:10px} .row1r.gallery .teaser_footer {position:absolute; top:-10px; right:-10px} .row1r.gallery .teaser_footer .link_left a {background:none; color:#014489; text-decoration:underline} } @media only screen and (min-width: 768px) and (max-width: 1024px) { .row3.firmenfeed .teaser_content{width:32%; margin-right:2%; box-sizing:border-box} .row3.firmenfeed .teaser_content.nummer3 {margin-right:0 !important} } @media only screen and (min-width: 620px) and (max-width: 1024px) { #content_wrap .col3 .bannerr.txt {width:48% !important; float:left !important; margin-left:1% !important} #content_wrap .row1r {width:48% !important} .col3 .bannerr.txt {width:48% !important; float:left !important; margin-left:1% !important} .row1r {width:48% !important} #content_wrap .row1r.firmenfeed {width:98% !important} #content_wrap .row1r.firmenfeed .teaser_content {width:48%; float:left; margin-right:1%} .box_double {width:98%; margin:1%} } @media only screen and (max-width: 700px) { article .row2.gallery .galleryclassic .gallery, article .row2.gallery .galleryclassic .gallerylast {width:49.25%;} article .row2.gallery .galleryclassic div:nth-child(2n+0) {margin-right:0;} } @media only screen and (max-width: 520px) { .top_news_modernabstract {width:100%} header.no-top>div {padding:0} #wrapper { margin-top:60px !important} header.no-top>div:first-child {width:98%; float:none; padding:0; margin-left:1%} article .dog-fish {margin-right:-180px !important} article header.no-top .img-infos {margin-top:25px; margin-left:2%} #content_wrap.silver-lake .row1r {width:98% !important} article {padding:20px} .col3 .row2.hottopic {width:100% !important;} .row2 .teaser_content .teaser_content {width:96%; margin:0 2% 20px 2% !important} .silver-lake .row1r .teaser_content_abstract_big .teaser_content .art_preview p {font-size:1em !important; line-height:1.3em} #website #mobile-header.companies.small {margin-left:0 !important;} #website #mobile-header.companies.small #mobile-logo img {left:50% !important;} .row3 .teaser_footer {position:static !important; } .row3 .link_left a {right:2%} .row2.searchbox .searchbox_search {width:100% !important; margin-bottom:1em;} .row2.searchbox .searchfield {width:70% !important;} .searchbox .searchbox_index {display:block;} .minicontent .teaser .row1l, .minicontent .teaser .row1r {width:100% !important;} div#jwtitle {width:100% !important; margin:0 0 20px 0 !important;} .teaser_content .art_list_img {width:100%} .row3.gallery .gallerymodern_big div:nth-child(3) {clear:both} header.pagex.no-top>div:first-child {width:auto} } @media only screen and (min-width: 520px) and (max-width: 900px) { .row2 .teaser_content .teaser_content .art_preview p {display:block} } @media only screen and (min-width: 520px) and (max-width: 770px) { /*Topthemen*/ .topthemen_item {font-size:0.9em;} } /*Anpassung Reg-Inhalt*/ .logincontainer {border:1px solid #C1C1C1;} .logincontainer .shadow_paid {display:none;} /*Anpassung Newsletter Advertising*/ #newsletter_advertising {width:950px !important;} #newsletter_advertising p {color:#FFF;} /*Anpassung Autor als Marke*/ .user-sort a {border:1px solid #C1C1C1; color:#000;} .user-sort a:hover {background-color:#014489; color:#FFF;} .user-sorttext {margin-left:0px !important;} .user-article h2 a {border:0px; line-height:1.3em; color:#000; font-size:20px;} .user-article h2 a:hover {color:#000;} .a-info {border:1px solid #C1C1C1 !important;} .a-fullwidth {width:100%;} #user-loader {width:100%; text-align:center;} #user-loader a {background:#014489; color:#FFF; width:200px; border:0px; height:auto; padding-top:7px; font-size:18px;} #user-loader a:hover {background:#014489; color:#FFF;} .user-ainfo {margin-top:0px;} .user-article .read {border:1px solid #C1C1C1; color:#000;} .user-article .read:hover {color:#FFF; background:#014489;} .user-work {border:1px solid #C1C1C1; width:278px;} .user-person {border:1px solid #C1C1C1; width:278px;} .user-name {font-size:16px; line-height:20px;} /*Anpassung Anmeldebutton WP*/ .wp_button .btn_sign_up span {color:#000; transition:all 0.5s;} .wp_button a:hover span {color:#FFF;} /* neue Layout-Option - großes Aufmacherbild */ .ac-topmessageimg #topmessageimage {width: 960px !important; max-width: 960px !important; position: relative; left: -180px;} .ac-topmessageimg .bildunterschrift {position: absolute; left: 10px; width: 125px !important;} .ac-topmessageimg .headline{position: absolute; top: 578px; z-index: 2; background: rgba(255, 255, 255, 0.8); padding: 38px 0px 59px 30px; left: 251px; width: 599px !important;} .ac-topmessageimg .subhead{position: absolute; top: 596px; z-index: 3; left: 251px; padding: 0px 30px;} .ac-topmessageimg #autor{z-index: 3; position: absolute; top: 665px; left: 251px; padding: 0 30px;} .ac-topmessageimg .optionen{z-index: 3; position: absolute; top: 687px; left: 251px; padding: 0 30px;} @media only screen and (max-width: 1024px){ .ac-topmessageimg #topmessageimage {max-width: 620px !important; width: 100%; left: 0px; top: 20px;} .ac-topmessageimg .bildunterschrift {max-width: 594px !important; width: 100% !important; left: 0; position: relative; top: 20px; margin-bottom: 40px;} .ac-topmessageimg .headline{z-index: 0; width: auto !important; left: 0px; padding: 0; background: transparent none repeat scroll 0% 0%; position: relative; top: 20px;} .ac-topmessageimg .subhead, .ac-topmessageimg #autor, .ac-topmessageimg .optionen {z-index: 0; top: 20px; left: 0px; padding: 0px; position: relative;} } /* nur für Layout ausgeblendet, in Absprache entweder löschen oder wieder einblenden */ .billboard img {width:960px} /*Anpassungen Responsive 04.11.15 - MB*/ .minicontent #mt_main_menu {margin-top:126px;} .minicontent #login {top:85px;} .minicontent #img_logo {margin-top:95px;} .companylisting .gal_listing {margin:8px;} .companylisting .teaser .teaser_content {overflow:hidden !important;} .minicontent .row2 .gallerymodern .gallery .gal_teaser, .minicontent .row2 .gallerymodern .gallerylast .gal_teaser {margin:0 !important;} .row2 .gallerymodern .gallerylast {border:1px solid #CCC;box-sizing:border-box;} .minicontent .teaser_content .gal_teaser .overlay {width:100% !important;} .companylisting .row1r {margin-left:0px; width:300px; border:1px solid #AFAFAF; background:#FFF; color:#000;} .companylisting .row1l {margin-right:0px;} .companylisting .content .video > iframe {width:100%;} .billboard {margin-bottom:15px;} .companycontent .gal_listing {box-sizing:border-box;} .anzeige_text {font-family:'Titillium Web'; text-decoration: none; font-size: 0.8em !important;font-weight: normal;color: #000;line-height: 1.3em;} /* Autorenverzeichnis */ #autorenverzeichnis {width: 100%; float: none; overflow: hidden;} .autor:before {display: none;} .autor {box-sizing: border-box; margin: 3% 5%; border: none; width: 15%; min-width: auto; background-color: transparent;} .autor:nth-child(4n+1) {clear: both;} .autor a {text-decoration: none; color: #000;} .autor:hover .name_redmarke a, .autor:hover .name_redmarke span {color: #014489;} .autorenbild {text-align: center;float: none; width: 100%; float: none;} .autorenbild img {border-radius: 100%; box-sizing: border-box;} .autor:hover .autorenbild img {border: 3px solid #014489 !important;} .beschreibung {width: auto; float: none; height: auto; padding: 0; text-align: center;} @media only screen and (max-width:520px) { .autor {width: 35%; margin: 7.5%;} .autor:nth-child(4n+1) {clear: none;} .autor:nth-child(2n+1) {clear: both;} }