/* ============================================== ============================================== INFORMATION ============================================== ============================================== */ /* ======= FARBEN: Grundfarben: #fff; Hellgrau: #f1f1f1; Grau: #929292; Grau: #525252; Dunkelgrau: #222; Rot: #ff8787; /* ======= HAUPTFARBEN: Grün: #0E994B; /* ======= VERZEICHNIS: # ALLGEMEIN ## ZUSAMMENFASSUNG # HEADER # CONTENT ## FORMULAR ## RESSORT ## BEITRÄGE ## LIVE-TICKER # SIDEBAR # VERANSTALTUNGEN (UNTERNEHMENSSEITE) # ANZEIGEN ## ANZEIGEN AUFGEBEN ## ANZEIGEN SUCHEN ## FIRMENPROFIL # ABOSERVICE # SUCHE # EPAPER # LOGOTICKER # FOOTER # BENUTZERKONTO # AGB # KONTAKT # MEDIA QUERY # SLIDER # TEST /* ============================================== ============================================== * # ALLGEMEIN ============================================== ============================================== */ /* Einbindung Schrift */ @import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700,800,900'); /* Standard */ * {margin:0;padding:0;} a,a:hover {text-decoration:none;} /* ================================ ================================ * ## ZUSAMMENFASSUNG ================================ ================================ */ /* ======= SCHRIFTART */ html, body, article.StoryPreviewBox .article-heading a, .MarketNav .market-headline, .bt-app.bt-merkliste .WatchListHeading, .WatchListModule .fi-watchlist-item .WatchListText .WatchListHeading, .SubscriptionEditAddressData .head-profile, .SubscriptionEditPaymentData .head-profile, .firmprofilpage .firmprofil .firmcontactparts, .firmprofilpage .firmprofil .firmcontact h2, .firmprofilpage .firmprofil .firmprofiltext h1, .firmprofilpage .firmprofil .firmprofiltext h2, .firmprofilpage .firmprofil .firmprofiltext p, .firmprofilpage .firmcontactperson h3, .firmprofilpage .firmcontactperson ul li, .firmprofilpage .firmprofil .firmcontact .firmaddress, .firmprofilpage .firmprofil .firmcontact .firmname, .firmprofilpage .firmprofil .firmprofiltext p b {font-family:'Roboto',sans-serif;} /* ======= SCHRIFTGRÖßE */ .tiefstehendeZahl {font-size:10px;} #bt-footer-small {font-size:14px;font-weight:800;} .bt-box p, .bt-topthemen .TextInside h3.article-section {font-size:14px;} {font-size:14px;} .Home .bt-2s-container .bt-box span.headLine, #m_wctrlWebsite .bt-artikel .StoryShowMeta p.headLine, .StoryShowBox.StoryMediaLinks h3, .WebStoryComment .CommentModulePseudonym, #m_ctrlSubTitleLabel span, .bt-netiquette .HtmlModule .headLine {font-size:18px;font-weight:900;} .bt-box article.StoryPreviewBox h2.article-heading a, article.StoryPreviewBox .TextBackground h2.article-heading a, .bt-box .StoryPreviewBox header h2.article-heading, .TagThemeShowModule .StoryPreviewBox h2.article-heading {font-size:22px;font-weight:800;} .bt-box.bt-topthema article.StoryPreviewBox h2.article-heading a, .CommentModuleFormPanelTitle span, h1 .tiefstehendeZahl, .bt-artikel.bt-weiterempfehlen .DocSendMailPanel .headLine {font-size:28px;font-weight:800;} .bt-hbeitrag article.StoryPreviewBox h2.article-heading a, article.StoryPreviewBox h1 {font-size:40px;font-weight:700;} .bt-hbeitrag h2, .bt-app .headLine {font-size:45px;font-weight:900;} #m_wctrlWebsite .bt-artikel .StoryShowBox h1, .bt-headline .headLine {font-size:55px;font-weight:900;} /* ======= SCHRIFTFARBE */ /* Weiß */ .navbar-default .dropdown-menu li a:hover, .navbar-default .dropdown-menu .open a:focus, #bt-footer li a, #bt-footer, .bt-app.bt-merkliste .WatchListAction button:hover, .abo-bt-button a {color:#fff;} /* Grau */ .bt-headline .headLine, .bt-2s-container .bt-box span.headLine, #m_wctrlWebsite .bt-artikel .StoryShowMeta p.headLine, .StoryShowBox.StoryMediaLinks h3, #bt-footer-small, #bt-footer-small a, #bt-footer-small a:hover, .WebStoryComment .CommentModulePseudonym, .WebStoryComment .CommentModuleDatetime, .bt-app .headLine, .btu-anz-banner .headLine, .bt-netiquette .HtmlModule .headLine {color:#929292;} /* Dunkelgrau */ html, body, .StoryShowGalleryBox, .bt-artikel ul a, .StoryShowBox a, .headLine, .SubscriptionEditAddressData .control-label.readonly, .firmprofilpage .firmprofil .firmprofiltext h2, .firmprofilpage .firmcontactperson h3 {color:#222;} /* Grün */ .Story .bt-artikel ul a:hover, .bt-artikel a:hover, .WcmsModule a.moreLink:hover, .WcmsModule a.moreLink:link:hover, .btu-form h2, .WebStorySearchModule .queryResult h4 a:hover, .WebStorySearchModule .searchExtended h3 {color:#0e994b;} /* ======= HINTERGRUNDFARBE */ /* Weiß */ header.WcmsHeader, .navbar-default .navbar-nav li a:hover, .navbar-default .navbar-nav .open a, .navbar-default .navbar-nav li a:focus, .navbar-default .navbar-nav .open .dropdown-toggle:hover, .navbar-default .navbar-nav .open .dropdown-toggle:focus, .bt-box .StoryPreviewBox, #m_wctrlWebsite .bt-artikel .StoryShowMetaTimeInfo, #m_wctrlWebsite .bt-artikel .StoryShowMetaShare, #m_wctrlWebsite .bt-artikel .StoryShowMetaActions, .StoryShowBox.StoryMediaLinks, #m_wctrlWebsite .bt-artikel .StoryShowMetaInternetTags, #m_wctrlWebsite .bt-artikel .StoryShowMetaGeoTags, .bt-app.bt-merkliste .WatchListContainer li, .bt-app.bt-merkliste .WatchListAction button, .WebStorySearchModule .searchNormal .btn-primary, .btu-form .WcmsFormFormSubmitted, .bt-artikel .StoryShowGalleryBox figure, .StoryShowBody, .epaper-artikel .StoryShowBaseTextBox, .epaper-artikel .StoryShowGalleryBox, .btu-sidebar, .MarketNav .market-background, .anz-article, .anz-page-box.anz-page-content, .MarketSearchNavigationBottom a, .Wcms.Market .WcmsPageWideBannerPlaceHolder table, .WatchListModule .fi-watchlist-item .WatchListAction button, .ui-state-default, .ui-widget-content .ui-state-default, .bt-videopage .VideoShowModule, .bt-netiquette .HtmlModule {background-color:#fff;} /* Hellgrau */ .Wcms, body {background-color:#f7f7f7;} /* Grau */ #bt-footer {background-color:#525252;} /* Grün */ .navbar-default .dropdown-menu li a:hover, .navbar-default .dropdown-menu .open a:focus, .bt-app.bt-merkliste .WatchListAction button:hover, .abo-bt-button a {background-color:#0E994B;} /* ======= SONSTIGES */ /* Animation */ a, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .WebStoryComment .btn-default:hover, #m_wbtnOpenCommentPanel, .CommentModuleSubmit input, .btu-banner a, .btu-sidebar.umfrage .row span, .btu-sidebar.ranking .DocumentRankingModule .DocumentRankingContentHolder a, .anz-box, .anz-article .anz-text .HtmlModuleContent strong, .big-box-content .HtmlModuleContent, .big-box-content .HtmlModuleContent strong, .EPaperPreviewModule .EPaperPreviewModuleContent img, .btu-sidebar.finder .TagThemeNavigatorModule .TagThemeNavigatorHeaderTab, .ui-state-default, .ui-widget-content .ui-state-default { transition:all 250ms; -o-transition:all 250ms; -ms-transition:all 250ms; -moz-transition:all 250ms; -webkit-transition:all 250ms; } /* Schatten */ .bt-app.bt-merkliste .WatchListContainer li, .bt-box .StoryPreviewBox {box-shadow:0px 10px 12px -12px rgba(0, 0, 0, 0.14);} /* Boxen */ .BreakingNewsModule article, .EventResult .EventResultContent li.event, .WebStorySearchModule .queryResult, .CommentModule .CommentModuleFormPanel, .WebStorySearchModule .searchExtended, .form-info.abo-infobox, .anz-box-info, .anz-box, .MarketNav .market-background, .bt-rectangle-ad .BannerModule, .Wcms.Market #aspnetForm .MarketSearchResult li, .Wcms.Market .WcmsPageWideBannerPlaceHolder .WcmsContent, .big-box-content .HtmlModuleContent, .btu-imgbox img, .abo-uebersicht, .epaper-box, .UserEditPage.UserPage, div.col-sm-8 #aspnetForm, .ContentPersonalization, .WatchListModule ul.WatchListContainer li, .SubscriptionOverview, .SubscriptionEditAddressData, .SubscriptionEditPaymentData, .bt-agb-link li a, .btu-contact-box, .btu-contact.sectionA .contact-content, .btu-contact.sectionB, .btu-contact.sectionC, .btu-contact.sectionD, .hasDatepicker .ui-widget.ui-widget-content, .EventShowModule > .row > .col-xs-12:nth-child(2), .bt-videopage .VideoShowModule, .bt-sporttabellen iframe, .TagThemeShowModule .StoryPreviewBox, .bt-artikel.bt-weiterempfehlen .DocSendMailPanel {background-color:#fff;box-shadow:0px 10px 12px -12px rgba(0, 0, 0, 0.14);padding:10px 30px;} /* ================================ ================================ /// ## ZUSAMMENFASSUNG ================================ ================================ */ /* ============================================== ============================================== /// # ALLGEMEIN ============================================== ============================================== */ /* ============================================== ============================================== * # HEADER ============================================== ============================================== */ header {margin-bottom:40px;} .WcmsHeader {box-shadow:0 8px 12px -8px rgba(0,0,0,0.2);} /* Navigation */ .navbar-default {border:none;z-index:10;} .navbar-default li a {padding-top:20px;padding-bottom:20px;font-weight:400;} .navbar-default .NavSecondLevel li a {padding:20px 15px;} .navbar-default .dropdown ul {min-width:auto;width:100%;} #NavItem_23_Sport ul {width:135px;} .WcmsHeader #DesktopNavigation #m_wdivDesktopNavbar {margin-top:0;} @media (min-width:992px){.navbar-nav>li>a{padding-top:30px;padding-bottom:28px;}} /* Dropdown Menü */ .dropdown-menu {border:none;} /* Breadcrumbs */ ol.breadcrumb {display:none;} /* Mein Konto Navigation */ .WcmsHeader .NavigationHeader .CustTopRow .CustRightPart .fi-logout-content .dropdown .btn {padding:5px 10px 2px;margin-left:0;} .WcmsHeader .NavigationHeader .CustTopRow .CustRightPart .fi-logout-content .dropdown-menu li {margin-left:0;width:100%;} .WcmsHeader .NavigationHeader .CustTopRow .CustRightPart .fi-logout-content .dropdown-menu li.divider {display:none;} .WcmsHeader .NavigationHeader .CustTopRow .CustRightPart .fi-logout-content .dropdown-menu li a {padding:10px 20px;} #ctl00_ctl00_m_ctrlMainMasterContentPlaceHolder_m_wctrlUserNavigatorModule_m_wdivSectionSubscription {display:none!important;} /* Social Media */ .NavigationHeader i.fa-twitter {display:none;} .NavigationHeader i.fa-instagram{margin-left:-15px;} /* ============================================== ============================================== /// # HEADER ============================================== ============================================== */ /* ============================================== ============================================== * # CONTENT ============================================== ============================================== */ /* Allgemein */ div[data-wcms-module-placeholder]:empty {display:none;} .anz-content div[data-wcms-module-placeholder]:empty {display:block;} .btu-anz-banner {margin-bottom:40px;} .btu-anz-banner .headLine {margin-top:-30px;margin-bottom:0;font-weight:900;font-size:14px;border:0px;text-transform:none;} .btu-anz-banner.b {margin-bottom:20px;} .btu-anz-banner.b .headLine {margin-top:0;} .btu-anz-banner.rectangle {margin-bottom:20px;} .btu-anz-banner.rectangle .headLine {margin-top:0;} .btu-anz-banner img {width:100%;} .btu-bestatter .BannerModule div span, .btu-bestatter .BannerModule div img {padding:0 15px;} /* Box */ .bt-box .StoryPreviewBox, .StoryPreviewBox .col-sm-push-4 h3 {font-weight:500;} .StoryPreviewBox .col-sm-push-4 h2 {font-weight:800;} .bt-box.bt-hbeitrag {padding:0;} .bt-box.bt-hbeitrag .StoryPreviewBox .TextInside, .bt-topthemen .StoryPreviewBox.HomeArticle .TextInside, .bt-topthemen .bt-topbox .StoryPreviewBox .TextInside {box-shadow:0 10px 12px -12px rgba(0,0,0,0.5);} .bt-topthemen .bt-topbox header {margin-bottom:20px;} /* Top-Thema */ article.StoryPreviewBox {margin-bottom:20px;} .bt-topthema .StoryPreviewBox .col-sm-push-4 {padding:35px 40px;} .bt-topthemen .WcmsModule {margin-bottom:0;} .bt-topthemen article.StoryPreviewBox .TextInside .TextBackground {background-image:linear-gradient(0deg,rgba(0,15,20,0.78) 15%,rgba(0,15,20,0.49) 52%,rgba(0,15,20,0) 70%);} /* Beiträge */ .bt-2s-container .bt-box span.headLine, .bt-app .headLine {margin-bottom:10px;border:none;} .bt-2s-container .bt-headline .StoryPreviewModule .headLine {margin-bottom:20px;border-bottom:1px solid #ccc;} .StoryPreviewBox .col-sm-push-6 {padding:30px 6% 0 15px;} .StoryPreviewBox .col-sm-push-6 header {margin-bottom:0;} .StoryPreviewBox .Ort {font-weight:800;} /* Interesse */ .bt-interesse .StoryPreviewBox {min-height:540px;} .bt-interesse div.col-sm-4 .StoryPreviewBox .col-xs-12:nth-child(2) {padding:20px 40px;} /* Bild */ article.StoryPreviewBox figure {margin-bottom:0;} /* App Navigation */ .bt-app.nav .HtmlModuleContent {background:#0E994B;} .bt-app.nav ul {margin:0;padding:0;list-style:none;overflow:hidden;background:#0E994B;} .bt-app.nav li a {display:block;padding:20px;color:#fff;} .bt-app.nav li a:hover, .bt-app.nav .menu-btn:hover {background-color:#fff;color:#0e994b;} .bt-app.nav .menu {clear:both;max-height:0;transition:max-height .2s ease-out;} /* Button */ .bt-app.nav .menu-icon {cursor:pointer;display:inline-block;padding:28px 20px;position:relative;user-select:none;margin:5px 0 0;} .bt-app.nav .menu-icon .navicon {background:#fff;display:block;height:2px;position:relative;transition:background .2s ease-out;width:18px;} .bt-app.nav .menu-icon .navicon:before, .bt-app.nav .menu-icon .navicon:after {background:#fff;content:'';display:block;height:100%;position:absolute;transition:all .2s ease-out;width:100%;} .bt-app.nav .menu-icon .navicon:before {top:5px;} .bt-app.nav .menu-icon .navicon:after {top:-5px;} .bt-app.nav .menu-btn {display:none;} .bt-app.nav .menu-btn:checked ~ .menu {max-height:600px;} .bt-app.nav .menu-btn:checked ~ .menu-icon .navicon {background:transparent;} .bt-app.nav .menu-btn:checked ~ .menu-icon .navicon:before {transform:rotate(-45deg);} .bt-app.nav .menu-btn:checked ~ .menu-icon .navicon:after {transform:rotate(45deg);} .bt-app.nav .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before, .bt-app.nav .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {top:0;} /* App Merkliste */ .bt-app.bt-merkliste .WatchListModule .WatchListContentHolder {padding-bottom:0;} .bt-app.bt-merkliste .WatchListImage {margin-bottom:0;width:50%;} .bt-app.bt-merkliste .WatchListText {width:50%;} .bt-app.bt-merkliste .WatchListText, .bt-app.bt-merkliste .WatchListAction {padding:30px 6% 0 15px;} .bt-app.bt-merkliste .col-xs-12 p.WatchListHeading {margin:30px 0;} .bt-app.bt-merkliste .WatchListText a h4 {font-size:22px;font-weight:800;} .bt-app.bt-merkliste ul.WatchListContainer li {border-bottom:none;} /* Löschen Button */ .bt-app.bt-merkliste .WatchListAction {padding:0 15px;margin-bottom:0;border-radius:0;} .bt-app.bt-merkliste .WatchListAction button {border:none;border-top:1px solid #dadada;border-radius:0 0 5px 5px;margin-top:0;} .bt-app.bt-merkliste .WatchListAction button:hover {border-top:1px solid #0E994B;} /* Error */ .WcmsError {margin-bottom:30px;color:#222;} /* Netiquette */ .bt-netiquette {padding:0 15px;margin-bottom:15px!important;} .bt-netiquette-img img {width:100%;} /* Sporttabelle */ .bt-sporttabellen iframe {border:none;padding:0;} /* Blog Design */ /* ( Immobilie der Woche ) */ .bt-blogdesign img {width:100%;height:auto;} .bt-blogdesign .blog-text {background:#fff;min-height:240px;padding:30px;margin-left:0;font-size:18px;font-weight:100;line-height:1.8;} .bt-blogdesign .blog-text h2 {font-size:24px;font-weight:900;text-transform:uppercase;margin-bottom:0;} .bt-blogdesign .blog-text strong {font-weight:700;} .bt-blogdesign .blog-img .HtmlModule {padding-right:0;} .bt-blogdesign .blog-text span {font-size:24px;line-height:1.5;} .bt-blogdesign .blog-text.box.small {min-height:0;} .bt-blogdesign .blog-text ul {padding-left:20px;padding-top:10px;} .bt-blogdesign .bt-blogbox .HtmlModuleContent {background:#fff;padding:30px;font-size:18px;font-weight:100;line-height:1.8;} .bt-blogdesign .bt-blogbox .HtmlModuleContent span {padding:0 30px 30px;display:block;font-size:18px;font-weight:100;line-height:1.8;} .bt-blogdesign .bt-blogbox .HtmlModuleContent span strong {font-weight:700;} .bt-blogdesign .bt-blogbox .HtmlModuleContent span em {font-size:14px;} .bt-blogdesign .bt-blogbox ul {padding-left:20px;} .bt-blogdesign .bt-blogbox.immologo img {width:150px;float:right;margin-top:-110px;} /* AKTION DESIGN */ /* ( Ferienfoto ) */ .bt-content-img img {width:100%;} .bt-content-text {width:80%;margin:0 auto;position:relative;} .bt-content-text .HtmlModule { background:#fff; padding:80px; margin-top:-222px; font-size:18px; font-weight:100; line-height:1.8; box-shadow:0px 10px 12px -12px rgba(0, 0, 0, 0.14); } .bt-content-text strong {font-weight:600;color:#737373;} .bt-content-text span {font-size:24px;line-height:1.5;} .bt-content-text em {font-size:16px;font-style:normal;display:block;} .bt-content-text em strong {font-weight:900;color:#0E994B;} .bt-content-text .bt-mailicon { position:fixed; margin-left:580px; bottom:20px; background-image:linear-gradient(145deg, #18b75e, #0d8a44); padding:13px 20px 12px 18px; border-radius:50px; color:#fff; box-shadow:4px 6px 10px -2px rgba(0, 0, 0, 0.4); } .bt-content-text .bt-mailicon:hover {background-image:linear-gradient(145deg,#0d8a44,#0fa450);box-shadow:4px 6px 14px 0px rgba(0,0,0,0.4);} .bt-content-text .bt-button, .blog-text.box .bt-button { background-image: linear-gradient(145deg, #0fa450, #0d8a44); width:100%; display:block; text-align:center; padding:10px; color:#fff; font-weight:900; text-transform:uppercase; box-shadow:0px 6px 10px -5px rgba(0, 0, 0, 0.2); } .bt-content-text .bt-button:hover, .blog-text.box .bt-button:hover { background-image:linear-gradient(145deg, #1ea357, #23c268); box-shadow:0px 6px 16px -2px rgba(0,0,0,0.2); } .bt-link-button li {list-style:none;} .bt-link-button li:nth-child(4) a {margin-right:0;} .bt-link-button a {background:#fff;padding:20px;width:49.5%;display:block;float:left;text-transform:uppercase;} .bt-link-button li:first-child a {margin-right:1%;} .bt-link-button a:hover {background-image:linear-gradient(145deg,#1ea357,#23c268);box-shadow:0 6px 16px -2px rgba(0,0,0,.2);color:#fff;} .bt-link-button .HtmlModule {margin-top:-280px;text-align:center;padding:0;width:100%;} .bt-link-button .HtmlModuleContent {width:80%;margin:0 auto;padding:0 12px;} /* Ferienfotos Detail */ .bt-detail-page .bt-content-text .HtmlModule {margin-top:-180px;margin-bottom:150px;} .bt-detail-page .bt-content-text .HtmlModule::after {content:"\2771";display:inline-block;transform:rotate(90deg);font-size:140px;margin-top:35px;position:absolute;left:0;right:0;color:#e4e4e4;text-align:center;} .bt-blogdesign.grid-layout {margin-right:0;} .bt-blogdesign.grid-layout .blog-text {padding:40px;} .bt-blogdesign.grid-layout .WcmsModule.blog-img {margin-bottom:0;} /* ================================ ================================ * ## FORMULAR ================================ ================================ */ /* Rahmen */ .btu-form {margin:0;border:1px solid #cacaca;} .SubscriptionConfirmForm .col-xs-8.col-xs-offset-2 {border:1px solid #cacaca;} .SubscriptionConfirmForm .col-xs-8.col-xs-offset-2 .panel-body {padding:0 15px;} .SubscriptionConfirmForm .col-xs-8.col-xs-offset-2 .panel-body .btn-primary {margin-bottom:15px;} /* Überschrift */ .btu-form h2 {text-transform:uppercase;font-size:20px;margin:3px 0 0;border:0;font-weight:700;text-align:left;} /* Box */ .btu-form .fi-form-row label, .SubscriptionConfirmForm .col-xs-8.col-xs-offset-2 label, .SubscriptionConfirmForm .col-xs-8.col-xs-offset-2 #m_wctrlEditions .form-group h4 {text-transform:uppercase;color:#46cc70;width:100%;text-align:left;font-size:14px;} .SubscriptionConfirmForm .col-xs-8.col-xs-offset-2 label, .SubscriptionConfirmForm .col-xs-8.col-xs-offset-2 #m_wctrlEditions .form-group h4 {padding:5px 15px 0;font-weight:500;} .SubscriptionConfirmForm .col-xs-8.col-xs-offset-2 #m_wctrlEditions .form-group h4 {padding:0 15px;} .btu-form .form-control, .SubscriptionConfirmForm .col-xs-8.col-xs-offset-2 .form-control, #ctl00_ctl00_m_ctrlMainMasterContentPlaceHolder_m_ctrlMainContentPlaceHolder_m_wctrlAdditionalEditions label{border:0px;box-shadow:none;background-color:transparent;font-weight:700;} .SubscriptionConfirmForm .col-xs-8.col-xs-offset-2 .form-control {padding:6px 27px;} .btu-form .form-group, .SubscriptionConfirmForm .col-xs-8.col-xs-offset-2 .form-group {background:#fff;border:1px solid #cacaca;} .btu-form .WcmsFormSubmit.form-group {background:transparent;border:0px;} .btu-form .form-group div {width:100%;} .btu-form .WcmsFormSubmit div {padding:0;} .btu-form .WcmsFormSubmit .btn-primary, .SubscriptionConfirmForm .col-xs-8.col-xs-offset-2 .btn-primary, .abo-bt-button a { border:none; border-radius:3px; box-shadow:0 3px 10px rgba(0,0,0,0.2); padding:10px 15px; width:100%; height:50px; margin-top:10px; } .abo-bt-button a {display:inline-block;text-align:center;padding-top:15px;} .abo-bt-button a:hover {background-color:#0a6a34;} .btu-form .WcmsFormCaptchaHolder .input-group-addon {background:none;border:0px;} .btu-form .WcmsFormCaptchaHolder label.form-group {border:0px;padding:0;margin:2px 0px;} .btu-form .WcmsFormCaptchaHolder .btn-info {background-color:#b5b5b5;border:0px;margin-top:-16px;} .btu-form .WcmsFormCaptchaHolder .btn-info:hover {background-color:#9b9b9b;box-shadow:0 3px 10px rgba(0,0,0,0.2);} .anz-page-content.form-info .HtmlModuleContent {margin:0;width:100%;} .form-info .headLine {font-weight:700;border:0;} .btu-form .form-group {margin-left:0;margin-right:0;} /* Datenschutzfelder */ .btu-form.form-dauerhaft .form-group:nth-child(25), .btu-form.form-dauerhaft .form-group:nth-child(26), .btu-form.form-voruebergehend .form-group:nth-child(21), .btu-form.form-voruebergehend .form-group:nth-child(22), .btu-form.form-bonus .form-group:nth-child(9), .btu-form.form-bonus .form-group:nth-child(10), .btu-form.form-bonus .WcmsFormContent .form-group:nth-child(8), .btu-form.form-reklamation .WcmsFormContent .form-group:nth-child(14), .btu-form.form-reklamation .WcmsFormContent .form-group:nth-child(15), .btu-form.form-print-probe-abo .WcmsFormContent .form-group:nth-child(13), .btu-form.form-print-probe-abo .WcmsFormContent .form-group:nth-child(14), .btu-form.form-print-probe-abo .WcmsFormContent .form-group:nth-child(15), .btu-form.form-print-probe-abo .WcmsFormContent .form-group:nth-child(16), .btu-form.form-weihnachtsabo .WcmsFormContent .form-group:nth-child(11), .btu-form.form-weihnachtsabo .WcmsFormContent .form-group:nth-child(12), .btu-form.form-weihnachtsabo .WcmsFormContent .form-group:nth-child(13), .btu-form.form-normal-abo .WcmsFormContent .form-group:nth-child(24), .btu-form.form-normal-abo .WcmsFormContent .form-group:nth-child(25), .btu-form.form-normal-abo .WcmsFormContent .form-group:nth-child(26), .btu-form.form-normal-abo .WcmsFormContent .form-group:nth-child(27), .btu-form.form-schnupper-abo .WcmsFormContent .form-group:nth-child(24), .btu-form.form-schnupper-abo .WcmsFormContent .form-group:nth-child(25), .btu-form.form-schnupper-abo .WcmsFormContent .form-group:nth-child(26), .btu-form.form-schnupper-abo .WcmsFormContent .form-group:nth-child(27), .btu-form.form-1312-abo .WcmsFormContent .form-group:nth-child(24), .btu-form.form-1312-abo .WcmsFormContent .form-group:nth-child(25), .btu-form.form-1312-abo .WcmsFormContent .form-group:nth-child(26), .btu-form.form-1312-abo .WcmsFormContent .form-group:nth-child(27), .btu-form.form-bt25-abo .WcmsFormContent .form-group:nth-child(19), .btu-form.form-bt25-abo .WcmsFormContent .form-group:nth-child(20), .btu-form.form-bt25-abo .WcmsFormContent .form-group:nth-child(21), .btu-form.form-bt25-abo .WcmsFormContent .form-group:nth-child(22), .btu-form.form-bt25-abo .WcmsFormContent .form-group:nth-child(23), .SubscriptionConfirmForm .col-xs-8.col-xs-offset-2 #m_wctrlAGB .form-group, .SubscriptionConfirmForm .col-xs-8.col-xs-offset-2 #m_wctrlDataPrivacy .form-group {background:none;border:none;} .btu-form.form-dauerhaft .form-group:nth-child(25) div, .btu-form.form-voruebergehend .form-group:nth-child(21) div, .btu-form.form-bonus .form-group:nth-child(8) div, .btu-form.form-reklamation .form-group:nth-child(14) div, .btu-form.form-print-probe-abo .form-group:nth-child(13) div, .btu-form.form-print-probe-abo .form-group:nth-child(15) div, .btu-form.form-weihnachtsabo .form-group:nth-child(11) div, .btu-form.form-weihnachtsabo .form-group:nth-child(12) div, .btu-form.form-weihnachtsabo .form-group:nth-child(13) div, .btu-form.form-weihnachtsabo .form-group:nth-child(28) div, .btu-form.form-weihnachtsabo .form-group:nth-child(30) div, .btu-form.form-normal-abo .form-group:nth-child(24) div, .btu-form.form-normal-abo .form-group:nth-child(26) div, .btu-form.form-schnupper-abo .form-group:nth-child(24) div, .btu-form.form-schnupper-abo .form-group:nth-child(26) div, .btu-form.form-1312-abo .form-group:nth-child(24) div, .btu-form.form-1312-abo .form-group:nth-child(26) div, .btu-form.form-bt25-abo .form-group:nth-child(19) div, .btu-form.form-bt25-abo .form-group:nth-child(21) div, .btu-form.form-bt25-abo .form-group:nth-child(23) div, .btu-form.form-bt25-abo .form-group:nth-child(1) div {margin:0;} .btu-form.form-dauerhaft .form-group:nth-child(25) .fi-form-row-label, .btu-form.form-voruebergehend .form-group:nth-child(21) .fi-form-row-label, .btu-form.form-bonus .form-group:nth-child(8) .fi-form-row-label, .btu-form.form-reklamation .form-group:nth-child(14) .fi-form-row-label, .btu-form.form-print-probe-abo .form-group:nth-child(13) .fi-form-row-label, .btu-form.form-print-probe-abo .form-group:nth-child(15) .fi-form-row-label, .btu-form.form-weihnachtsabo .form-group:nth-child(11) .fi-form-row-label, .btu-form.form-weihnachtsabo .form-group:nth-child(12) .fi-form-row-label, .btu-form.form-weihnachtsabo .form-group:nth-child(13) .fi-form-row-label, .btu-form.form-weihnachtsabo .form-group:nth-child(28) .fi-form-row-label, .btu-form.form-weihnachtsabo .form-group:nth-child(30) .fi-form-row-label, .btu-form.form-normal-abo .form-group:nth-child(24) .fi-form-row-label, .btu-form.form-normal-abo .form-group:nth-child(26) .fi-form-row-label, .btu-form.form-schnupper-abo .form-group:nth-child(24) .fi-form-row-label, .btu-form.form-schnupper-abo .form-group:nth-child(26) .fi-form-row-label, .btu-form.form-1312-abo .form-group:nth-child(24) .fi-form-row-label, .btu-form.form-1312-abo .form-group:nth-child(26) .fi-form-row-label, .btu-form.form-bt25-abo .form-group:nth-child(19) .fi-form-row-label, .btu-form.form-bt25-abo .form-group:nth-child(21) .fi-form-row-label, .btu-form.form-bt25-abo .form-group:nth-child(23) .fi-form-row-label, .SubscriptionConfirmForm .col-xs-8.col-xs-offset-2 #m_wctrlAGB .form-group label, .SubscriptionConfirmForm .col-xs-8.col-xs-offset-2 #m_wctrlDataPrivacy .form-group label {text-transform:none;color:#222;} .btu-form.form-dauerhaft .form-group:nth-child(26) a, .btu-form.form-voruebergehend .form-group:nth-child(22) a, .btu-form.form-bonus .form-group:nth-child(9) a, .btu-form.form-reklamation .form-group:nth-child(15) a, .btu-form.form-print-probe-abo .form-group:nth-child(14) a, .btu-form.form-print-probe-abo .form-group:nth-child(16) a, .btu-form.form-normal-abo .form-group:nth-child(25) a, .btu-form.form-normal-abo .form-group:nth-child(27) a, .btu-form.form-weihnachtsabo .form-group:nth-child(29) a, .btu-form.form-weihnachtsabo .form-group:nth-child(31) a, .btu-form.form-schnupper-abo .form-group:nth-child(25) a, .btu-form.form-schnupper-abo .form-group:nth-child(27) a, .btu-form.form-1312-abo .form-group:nth-child(25) a, .btu-form.form-1312-abo .form-group:nth-child(27) a, .btu-form.form-bt25-abo .form-group:nth-child(20) a, .btu-form.form-bt25-abo .form-group:nth-child(22) a {font-size:14px;margin-top:-10px;padding:0 34px;} /* Weitere Datenschutzinfos */ .btu-form.form-bonus .WcmsFormContent .form-group:nth-child(8) .WcmsFormLabel {font-size:14px;text-transform:none;padding:0 34px;font-weight:500;} .SubscriptionConfirmForm .col-xs-8.col-xs-offset-2 #m_wctrlAGB .SubscriptionConfirmCheckbox input, .SubscriptionConfirmForm .col-xs-8.col-xs-offset-2 #m_wctrlDataPrivacy .SubscriptionConfirmCheckbox input {float:left;} .SubscriptionConfirmForm .col-xs-8.col-xs-offset-2 #m_wctrlAGB .SubscriptionConfirmCheckbox label, .SubscriptionConfirmForm .col-xs-8.col-xs-offset-2 #m_wctrlDataPrivacy .SubscriptionConfirmCheckbox label {width:95%;padding:0 0 0 15px;} /* Abo Vorübergehende Änderung */ .btu-form .radio label {color:#222;text-transform:none;font-size:16px;} .btu-form.form-voruebergehend .form-group:nth-child(2) .control-label {display:none;} /* Abo Weihnachtsabo */ .btu-form.form-weihnachtsabo .form-group:nth-child(19) .control-label {display:none;} .btu-form.form-weihnachtsabo .form-group:nth-child(11) label, .btu-form.form-weihnachtsabo .form-group:nth-child(12) label, .btu-form.form-weihnachtsabo .form-group:nth-child(13) label {font-size:16px;} /* Abo Reklamation */ .btu-form.form-reklamation .form-group:nth-child(2) .control-label, .btu-form.form-reklamation .form-group:nth-child(5) .control-label {display:none;} /* Allgemein */ .btu-form.form-dauerhaft .form-group:nth-child(1), .btu-form.form-dauerhaft .form-group:nth-child(8), .btu-form.form-dauerhaft .form-group:nth-child(10), .btu-form.form-dauerhaft .form-group:nth-child(18), .btu-form.form-dauerhaft .form-group:nth-child(23), .btu-form.form-voruebergehend .WcmsFormContent .form-group:nth-child(1), .btu-form.form-voruebergehend .WcmsFormContent .form-group:nth-child(2), .btu-form.form-voruebergehend .WcmsFormContent .form-group:nth-child(3), .btu-form.form-voruebergehend .WcmsFormContent .form-group:nth-child(10), .btu-form.form-voruebergehend .WcmsFormContent .form-group:nth-child(13), .btu-form.form-voruebergehend .WcmsFormContent .form-group:nth-child(19), .btu-form.form-bonus .WcmsFormContent .form-group:nth-child(1), .btu-form.form-reklamation .WcmsFormContent .form-group:nth-child(1), .btu-form.form-reklamation .WcmsFormContent .form-group:nth-child(2), .btu-form.form-reklamation .WcmsFormContent .form-group:nth-child(4), .btu-form.form-reklamation .WcmsFormContent .form-group:nth-child(5), .btu-form.form-reklamation .WcmsFormContent .form-group:nth-child(7), .btu-form.form-normal-abo .WcmsFormContent .form-group:nth-child(12), .btu-form.form-normal-abo .WcmsFormContent .form-group:nth-child(17), .btu-form.form-normal-abo .WcmsFormContent .form-group:nth-child(22), .btu-form.form-weihnachtsabo .WcmsFormContent .form-group:nth-child(14), .btu-form.form-weihnachtsabo .WcmsFormContent .form-group:nth-child(19), .btu-form.form-weihnachtsabo .WcmsFormContent .form-group:nth-child(27), .btu-form.form-weihnachtsabo .WcmsFormContent .form-group:nth-child(28), .btu-form.form-weihnachtsabo .WcmsFormContent .form-group:nth-child(29), .btu-form.form-weihnachtsabo .WcmsFormContent .form-group:nth-child(30), .btu-form.form-weihnachtsabo .WcmsFormContent .form-group:nth-child(31), .btu-form.form-schnupper-abo .WcmsFormContent .form-group:nth-child(12), .btu-form.form-schnupper-abo .WcmsFormContent .form-group:nth-child(17), .btu-form.form-schnupper-abo .WcmsFormContent .form-group:nth-child(22), .btu-form.form-1312-abo .WcmsFormContent .form-group:nth-child(12), .btu-form.form-1312-abo .WcmsFormContent .form-group:nth-child(17), .btu-form.form-1312-abo .WcmsFormContent .form-group:nth-child(22), .btu-form.form-bt25-abo .WcmsFormContent .form-group:nth-child(11), .btu-form.form-bt25-abo .WcmsFormContent .form-group:nth-child(17), .btu-form.form-print-probe-abo .WcmsFormContent .form-group:nth-child(11) {background:none;border:none;} .btu-form span.WcmsFormLabel {text-transform:uppercase;} .btu-form .fi-form-row label.input-group-btn {width:1%;} .SubscriptionConfirmForm .col-xs-8.col-xs-offset-2 #ctl00_ctl00_m_ctrlMainMasterContentPlaceHolder_m_ctrlMainContentPlaceHolder_m_wctrlAdditionalEditions label {width:auto;color:#222;} .SubscriptionConfirmForm .col-xs-8.col-xs-offset-2 #m_wctrlPaymentMode.panel-body {margin-top:40px;} .SubscriptionConfirmForm .col-xs-8.col-xs-offset-2 #m_wctrlPaymentMode h4 { position:absolute; margin-top:-40px; font-weight:bold; text-transform:uppercase; font-size:16px; } .SubscriptionConfirmForm .col-xs-8.col-xs-offset-2 .panel-body h4 {font-weight:bold;font-size:16px;text-transform:uppercase;padding:0 15px;} .SubscriptionConfirmForm .col-xs-8.col-xs-offset-2 .SubscriptionPriceInfoTitle {font-weight:bold;text-transform:uppercase;} .SubscriptionConfirmForm .col-xs-8.col-xs-offset-2 .SubscriptionPriceInfoPrice h2 {margin-top:3px;} .SubscriptionConfirmForm .col-xs-8.col-xs-offset-2 #m_wctrlPaymentMode label {padding-left:30px;} /* Preisrechner */ .SubscriptionConfirmForm .col-xs-8.col-xs-offset-2 .SubscriptionConfirmContent .col-md-5 {width:100%;} .SubscriptionConfirmForm .col-xs-8.col-xs-offset-2 .SubscriptionPriceInfo .col-md-6 {width:auto;} .SubscriptionConfirmForm .col-xs-8.col-xs-offset-2 .SubscriptionPriceInfo { background:none; height:auto; border:0px; padding:0 0 45px 0; } /* Captcha und Infos */ .WcmsFormCaptchaHolder label {font-size:14px;text-transform:uppercase;color:#46cc70;font-weight:500;padding:7px 15px 0!important;border-left:1px solid #cacaca!important;border-right:1px solid #cacaca!important;} .WcmsFormCaptchaHolder .form-group:nth-child(2) {margin-bottom:-1px;} .form-info.abo-infobox {margin:0;padding:20px 10px;box-shadow:0px 10px 12px -12px rgba(0,0,0,0.14);} /* Bestätigung */ .btu-form .WcmsFormFormSubmitted {border:1px solid #cacaca;padding:10px;margin-bottom:25px;} /* ================================ ================================ /// ## FORMULAR ================================ ================================ */ /* ================================ ================================ * ## RESSORT ================================ ================================ */ /* Großer Beitrag */ .bt-hbeitrag article.StoryPreviewBox .TextInside .TextContainer {text-align:left;padding:20px 30px;} article.StoryPreviewBox .TextInside {margin-bottom:0;} /* ================================ ================================ /// ## RESSORT ================================ ================================ */ /* ================================ ================================ * ## BEITRÄGE ================================ ================================ */ /* Altbestand */ .StoryShowBaseTextBox h4.ImTitle {border:0px;} .StoryShowBaseTextBox h4.ImTitle.Autorenzeile {font-weight:700;} /* .StoryShowBaseTextBox h4.ImTitle:nth-child(2) {font-size:16px;line-height:1.8;padding-bottom:0;}*/ /* Maps */ .bt-artikel .StoryShowInlineBox.InlineMap {display:none;} /* Content Breite */ #m_wctrlWebsite .bt-artikel {width:80%;margin:0 auto;float:none;} /* Überschrift */ .bt-artikel header {text-align:center;} /* Link */ .bt-artikel .StoryShowMeta a, .bt-artikel .StoryShowBody a, .bt-artikel ul a {text-decoration:underline;} A.StoryShowContentLink, A.StoryShowPictureLink {padding-left:0;background:none;} /* Mehr */ .WcmsModule A.moreLink:active, .WcmsModule A.moreLink:link, .WcmsModule A.moreLink:visited {font-weight:800;} /* Big Top-Thema */ .HomeArticle .TextContainer header {margin-bottom:0;} .HomeArticle .TextContainer p {font-weight:600;} /* Intro */ .WcmsPageWideBannerPlaceHolder .StoryShowBox {border-bottom:1px solid #0E994B;margin-bottom:30px;} .StoryShowBox.StoryMediaLinks {margin-bottom:-10px;} .bt-artikel .StoryShowBox .intro {font-size:1.2em;font-weight:700;} .bt-artikel .StoryShowBox .intro b, .bt-artikel .StoryShowBox .intro strong {font-weight:700!important;} /* Autor */ .StoryShowBox .author {color:#222;font-style:italic;} .bt-artikel .author {width:80%;margin:0 auto;margin-top:20px;position:absolute;left:0;right:0;padding:0 12px;} /* Bild */ .bt-artikel .img-responsive {width:100%;} /* .bt-artikel .StoryShowGalleryBox figure {margin-bottom:20px;} */ /* Bildunterschrift */ .StoryShowGalleryBox figcaption p {font-style:italic;background-color:transparent;color:#929292;padding:0;width:80%;margin:10px auto 0;} /* Bildcopyright */ .StoryShowGalleryBox .image-credit {position:relative;margin-top:-18px;margin-right:6px;z-index:1;} /* Text */ .StoryShowBody {margin:-0px auto 20px auto;padding:60px 0 20px;box-shadow:0px 10px 12px -12px rgba(0, 0, 0, 0.14);} .StoryShowBaseTextBox {line-height:1.8;width:80%;margin:0 auto;margin-bottom:30px;} .StoryShowBaseTextBox p:first-child {margin:auto;} .StoryShowBaseTextBox figure p {width:auto;margin-bottom:0;} .StoryShowBaseTextBox ul {width:70%;margin:0 auto;list-style-type:square;} /* Zwischentitel */ h4.ImTitle.Zwischentitel {font-size:28px;font-weight:800;border:0px;padding-top:40px;line-height:1.2;} h4.ImTitle.Zwischentitel.klein {font-size:18px;} h4.ImTitle.Zwischentitel.normal {color:red;} /* Artikelfunktionen */ .StoryShowBox.StoryMediaLinks, #m_wctrlWebsite .bt-artikel .StoryShowMetaTimeInfo, #m_wctrlWebsite .bt-artikel .StoryShowMetaShare, #m_wctrlWebsite .bt-artikel .StoryShowMetaActions, #m_wctrlWebsite .bt-artikel .StoryShowMetaInternetTags, #m_wctrlWebsite .bt-artikel .StoryShowMetaGeoTags, .bt-netiquette .HtmlModule {padding:30px;box-shadow:0px 10px 12px -12px rgba(0, 0, 0, 0.14);} .StoryShowMetaShare ul a {color:transparent!important;} .bt-artikel .StoryShowMeta .StoryShowMetaInteraction .ShoppingCartLink.btn.btn-primary {padding:4px 8px;} .StoryShowBox.StoryMediaLinks {border-bottom:0;} .StoryShowBox.StoryMediaLinks h3 {text-transform:uppercase;border-bottom:1px solid #ccc;} .StoryShowBox.StoryMediaLinks a::before { content:""; width:5px; height:5px; background:#929292; display:block; float:left; margin-top:8px; margin-right:10px; } .StoryShowBox.StoryMediaLinks p {margin:0;} .bt-artikel .StoryShowMetaInteraction .list-inline li:first-child, .bt-artikel .StoryShowMetaInteraction .printLink, .bt-artikel .StoryShowMetaInteraction .ShoppingCartLink {display:none;} /* Tags */ .StoryShowMetaInternetTags a, .StoryShowMetaGeoTags a {text-decoration:none!important;text-transform:uppercase;font-weight:900;font-size:14px;} .StoryShowMetaInternetTags a:hover, .StoryShowMetaGeoTags a:hover {color:#0e994b;} .StoryShowMetaInternetTags ul span, .StoryShowMetaGeoTags ul span {display:none;} .StoryShowMetaInternetTags ul, .StoryShowMetaGeoTags ul {padding-left:5px;} .StoryShowMetaInternetTags ul li, .StoryShowMetaGeoTags ul li {padding-left:0;} .StoryShowMetaInternetTags ul li::after, .StoryShowMetaGeoTags ul li::after {content:"-";color:#222;} .StoryShowMetaInternetTags ul li:last-child::after, .StoryShowMetaGeoTags ul li:last-child::after {content:"";} /* Kommentare */ .bt-artikel.bt-kommentar {margin-bottom:15px!important;} #m_wctrlWebsite .bt-artikel.bt-kommentar .WebStoryComment:first-child {margin-top:50px;} #m_wbtnOpenCommentPanel, .WebStoryComment .btn-default, .WebStoryComment .btn-default.active, .WebStoryComment .btn-default:active, .WebStoryComment .btn-default:focus, .open>.WebStoryComment .btn-default.dropdown-toggle { color:#929292; border:none; box-shadow:0px 10px 12px -12px rgba(0, 0, 0, 0.14); margin-right:5px; padding:5px 10px; } .CommentModuleDatetime::before, .CommentModuleDatetime span::before {content:"-";margin-right:10px;} .CommentAnswer .CommentModuleDatetime::before {margin-left:8px;} .CommentModule {margin-top:-15px;margin-bottom:3px;} /* Antwort-Button */ .btnAnswerComment {font-weight:700;} /* Report-Button */ .btnReportComment {font-weight:300;} #m_wbtnOpenCommentPanel:hover, .WebStoryComment .btn-default:hover {background:#0e994b;color:#fff;box-shadow:0 3px 15px rgba(0,0,0,0.2);} /* Profilbild */ .WebStoryComment .img-circle {border-radius:3px;} #m_ImgProfilPic,#m_btnChangeProfilPic{display:none;} /* Kommentar abgeben */ /* Button */ #m_wbtnOpenCommentPanel {width:100%;height:50px;} .CommentModuleSubmit input, .bt-artikel.bt-weiterempfehlen .DocSendMailPanel .btn-primary { border:none; border-radius:3px; box-shadow:0 3px 10px rgba(0,0,0,0.2); padding:10px 15px; width:100%; height:50px; margin-top:10px; } .CommentModule .CommentModuleFormPanelTitle span.CommentModuleSalutationLine {display:none;} /* Formular */ .CommentModule .CommentModuleFormPanel {padding:50px;} .CommentModuleFormPanelTitle {border-bottom:1px solid #ccc;padding-bottom:20px;} #m_ctrlSubTitleLabel span.CommentModuleHint {font-weight:400;} textarea {resize:vertical;} /* E-Paper Beiträge / Merkliste */ .epaper-artikel h1 {text-align:center;} .epaper-artikel .StoryShowBox a, .epaper-artikel .StoryShowBox h3, .epaper-artikel h2, .epaper-artikel .WatchListPageLink {display:none;} .epaper-artikel .StoryShowBox {border:none;} .epaper-artikel .StoryShowBaseTextBox {padding:50px 50px 30px;border-radius:0 0 5px 5px;box-shadow:0 10px 15px rgba(0,0,0,0.02);} .epaper-artikel .StoryShowGalleryBox {width:80%;margin:0 auto;} .epaper-artikel .StoryShowGalleryBox p {margin:0;padding:15px 50px;font-style:italic;color:#929292;} /* Eilmeldung */ .BreakingNewsModule {margin-top:-1em;} .BreakingNewsModule article h5 {color:#ff8787;font-weight:700;text-transform:uppercase;font-size:14px;margin-bottom:0;} .BreakingNewsModule article h2 {margin-top:0;line-height:0.8;} .BreakingNewsModule article h4 {margin:0;} .BreakingNewsModule article h2 a {font-family:'Roboto',sans-serif;font-size:22px;font-weight:700;} .BreakingNewsModule p {display:none;} /* Bezahlschranke */ .bt-artikel .StoryShowBody > strong {width:80%;margin:0 auto;position:relative;display:block;} /* Video */ .bt-videopage {padding:0 15px;} .bt-videopage .headLine {font-weight:700;border-bottom:0;margin-bottom:10px;} /* Themenliste */ .TagThemeShowModule .StoryPreviewBox {padding:0;} .TagThemeShowModule .StoryPreviewBox .col-sm-12:nth-child(2){padding:20px 40px 0 40px;} .TagThemeShowModule .StoryPreviewBox .col-sm-12:nth-child(3){padding:0 40px 20px 40px;} /* Bilder kaufen */ .PicItemShoppingMain .PicItemShoppingNav:first-child, .bt-artikel .PictureGalleryShoppingCart {display:none!important;} /* Artikel Weiterempfehlen */ .bt-artikel.bt-weiterempfehlen .DocSendMailModule .btn-default {display:none;} .bt-artikel.bt-weiterempfehlen .DocSendMailPanel {margin-top:15px;padding-top:30px;} .bt-artikel.bt-weiterempfehlen .DocSendMailPanel .headLine {text-transform:none;border-bottom:none;} /* ================================ ================================ /// ## BEITRÄGE ================================ ================================ */ /* ================================ ================================ * ## LIVE-TICKER ================================ ================================ */ /* Live-Ticker Link */ .bt-liveticker-link .HtmlModuleContent a { display:block; background:#fff; width:100%; font-weight:700; color:#ff8787; border-left:10px solid #ff8787; border-radius:3px; padding:20px; box-shadow:0 4px 6px rgba(0,0,0,0.03); } .bt-liveticker-link .HtmlModuleContent a:hover {background:#ff8787;color:#fff;box-shadow:0 4px 6px rgba(0,0,0,0.1);} /* Seite/Content */ .bt-liveticker {width:80%;margin:0 auto;} .bt-liveticker .LiveTickerModule .panel-heading, .bt-liveticker .LiveTickerModule span.headLine {display:none;} .bt-liveticker .LiveTickerModule .panel {border:none;box-shadow:none;background:none;} .bt-liveticker .LiveTickerModule div.margin-top-10 {margin-top:0;} .bt-liveticker .LiveTickerModule div.margin-top-10 .panel-body {padding-top:0;} .anz-content.bt-liveticker-headline {margin-top:15px;} .bt-liveticker .LiveTickerModule .LiveTickerItemHeading {font-weight:700;} .bt-liveticker .LiveTickerModule ul.LiveTickerItems {margin-top:0;} .bt-liveticker .LiveTickerModule ul.LiveTickerItems.timeline > li:before {border:4px solid #f7f7f7;background:#ff8787;} .bt-liveticker .LiveTickerModule ul.LiveTickerItems.timeline:before {left:10px;} .bt-liveticker .LiveTickerModule .LiveTickerItemDate {font-style:normal;} .bt-liveticker .LiveTickerModule .LiveTickerItemTime {font-style:normal;padding:1px 8px;color:#fff;background:#ff8787;} .bt-liveticker .LiveTickerModule .LiveTickerItem {background:#fff;box-shadow:0 4px 6px rgba(0,0,0,0.03);margin-left:40px;padding:20px;} .bt-liveticker .LiveTickerModule .LiveTickerItemContent {line-height:1.8;} .bt-liveticker .LiveTickerModule .margin-top-20 {margin-left:5%;width:auto;} .bt-liveticker .LiveTickerModule .ShowAllNewTickerItems, .bt-liveticker .LiveTickerModule .ShowNewestTickerItems {background:#fff;color:#929292;padding:20px;text-align:center;border-radius:3px;box-shadow:0 4px 6px rgba(0,0,0,0.03);} .bt-liveticker .LiveTickerModule .ShowAllNewTickerItems:hover, .bt-liveticker .LiveTickerModule .ShowNewestTickerItems:hover {background:#0e994b;color:#fff;box-shadow:0 3px 15px rgba(0,0,0,0.2);} /* ================================ ================================ /// ## LIVE-TICKER ================================ ================================ */ /* ============================================== ============================================== /// # CONTENT ============================================== ============================================== */ /* ============================================== ============================================== * # SIDEBAR ============================================== ============================================== */ /* Boxen */ .btu-sidebar {padding:20px 10px;box-shadow:0px 10px 12px -12px rgba(0, 0, 0, 0.14);margin-left:0;margin-right:0;} .btu-sidebar .headLine {font-weight:900;border:0px;} /* Anmeldung */ .btu-sidebar.anmeldung .LoginLinkModule {margin:0 15px;} .btu-sidebar.anmeldung div.hidden-xs > a {float:left;} .btu-sidebar.anmeldung div.hidden-xs > a span {margin-left:0;} .btu-sidebar.anmeldung span.hidden-sm {display:none;} /* Live-Ticker */ .btu-sidebar.ticker .LiveTickerModule > div a {font-weight:700;color:#525252;} .btu-sidebar.ticker .LiveTickerModule > div a:hover {color:#0e994b;} .btu-sidebar.ticker li.LiveTickerItem {border:0;padding-bottom:0;} .btu-sidebar.ticker ol.LiveTickerItems {border:0;padding:0;margin:0;} .btu-sidebar.ticker ol.LiveTickerItems li {font-size:14px;color:#929292;} .btu-sidebar.ticker ol.LiveTickerItems li span {font-style:normal;} .btu-sidebar.ticker ol.LiveTickerItems li .LiveTickerItemHeading {display:none;} .btu-sidebar.ticker ol.LiveTickerItems li .LiveTickerItemContent img {width:100%;height:auto;margin-top:5px;} .btu-sidebar.ticker .ShowAllNewTickerItems {display:none;} /* Umfrage */ .btu-sidebar.umfrage .row {box-shadow:none;padding:0;} .btu-sidebar.umfrage .row span {font-weight:900;} .btu-sidebar.umfrage .row span:hover {color:#0e994b;} .btu-sidebar.umfrage h2 {font-size:16px;color:#525252;} .btu-sidebar.umfrage .btn-primary, .btu-sidebar.umfrage .btn-secondary {color:#929292;font-weight:700; box-shadow:0 3px 10px rgba(0,0,0,0.04);padding:8px 12px;background:#f1f1f1;border:0;} .btu-sidebar.umfrage .btn-secondary {font-weight:500;} .btu-sidebar.umfrage .btn-primary:hover, .btu-sidebar.umfrage .btn-secondary:hover {background:#0e994b;color:#fff;box-shadow:0 3px 15px rgba(0,0,0,0.2);} /* Themenfinder */ .btu-sidebar.finder .TagThemeNavigatorModule .TagThemeNavigatorHeaderTab {color:#ccc;font-weight:700;padding:3px 8px;border-radius:2px;} .btu-sidebar.finder .TagThemeNavigatorModule .TagThemeNavigatorHeaderTab:hover {background:#0e994b;color:#fff;} .btu-sidebar.finder .TagThemeNavigatorModule .TagThemeNavigatorHeaderTab.Active {color:#929292;background:linear-gradient(145deg,#f3f3f3,#ffffff);box-shadow:1px 2px 4px rgba(0,0,0,0.14);} .btu-sidebar.finder .TagThemeNavigatorModule .TagThemeNavigatorHeadPanel {border-bottom:2px solid #f1f1f1;} .btu-sidebar.finder .TagThemeNavigatorModule .TagThemeNavigatorTab a {font-weight:700;} .btu-sidebar.finder .TagThemeNavigatorModule .TagThemeNavigatorTab a:hover {color:#0e994b;} /* Meistgelesen */ .btu-sidebar.ranking .DocumentRankingHeadPanel {display:none;} .btu-sidebar.ranking .DocumentRankingModule .DocumentRankingContentHolder {padding:20px 0;border-bottom:2px solid #f1f1f1;} .btu-sidebar.ranking .DocumentRankingModule .DocumentRankingContentHolder a {color:#525252;font-weight:900;} .btu-sidebar.ranking .DocumentRankingModule .DocumentRankingContentHolder a:hover {color:#0e994b;} .btu-sidebar.ranking .DocumentRankingModule .DocumentRankingContentHolder, .btu-sidebar.ranking .DocumentRankingModule .DocumentRankingContentHolder > div {height:auto!important;} .btu-sidebar.ranking .DocumentRankingModule .DocumentRankingTab {margin-bottom:0;} /* Veranstaltungen */ .btu-sidebar.veranstaltung a {color:#929292;font-weight:700;box-shadow:0 3px 10px rgba(0,0,0,0.04);padding:8px 12px;background:#f1f1f1;border:0;border-radius:3px;} .btu-sidebar.veranstaltung a:hover {background:#0e994b;color:#fff;box-shadow:0 3px 15px rgba(0,0,0,0.2);} .btu-sidebar.veranstaltung {display:;} /* Leserbeitrag */ .btu-sidebar.leserbeitrag #ctl00_ctl00_m_ctrlMainMasterContentPlaceHolder_m_ctrlMainContentPlaceHolder_ctl06_ctl26_m_ctrlInfoTextNoUserLoggedIn{margin-top:-20px;} .btu-sidebar.leserbeitrag #ctl00_ctl00_m_ctrlMainMasterContentPlaceHolder_m_ctrlMainContentPlaceHolder_ctl06_ctl26_m_ctrlInfoTextNoUserLoggedIn hr{ border:0px solid white;margin-top:0;margin-bottom:42px; } /*.btu-sidebar.leserbeitrag #ctl00_ctl00_m_ctrlMainMasterContentPlaceHolder_m_ctrlMainContentPlaceHolder_ctl06_ctl26_m_wctrlUserContentModule::before, .btu-sidebar.leserbeitrag #ctl00_ctl00_m_ctrlMainMasterContentPlaceHolder_m_ctrlMainContentPlaceHolder_ctl01_ctl11_m_wctrlUserContentModule::before, .btu-sidebar.leserbeitrag #ctl00_ctl00_m_ctrlMainMasterContentPlaceHolder_m_ctrlMainContentPlaceHolder_ctl01_ctl01_ctl10_m_wctrlUserContentModule::before,*/ .btu-sidebar.leserbeitrag .UserContentModule #UserContentModule::before { display:block; content:"Leserbeitrag erstellen"; font-weight:900; border:0; text-transform:uppercase; font-size:20px; color:#222; } .btu-sidebar.leserbeitrag .btn.btn-default {margin-top:20px;} .btu-sidebar.leserbeitrag .btn.btn-default, .btu-sidebar.leserbeitrag .media_add.btn.btn-secondary, .btu-sidebar.leserbeitrag .media_upload.btn.btn-secondary, .btu-sidebar.leserbeitrag .btn.btn-primary {color:#929292;font-weight:700;background:linear-gradient(145deg,#f3f3f3,#ffffff);box-shadow:4px 4px 7px #e8e8e8, -4px -4px 7px #ffffff;padding:8px 12px;border:0;border-radius:3px;} .btu-sidebar.leserbeitrag .btn.btn-default:hover, .btu-sidebar.leserbeitrag .media_add.btn.btn-secondary:hover, .btu-sidebar.leserbeitrag .media_upload.btn.btn-secondary:hover, .btu-sidebar.leserbeitrag .btn.btn-primary:hover {background: linear-gradient(145deg,#0d8a44,#0fa450);color:#fff;box-shadow:0 3px 15px rgba(0,0,0,0.2);} .btu-sidebar.leserbeitrag .btn.btn-primary {width:100%;} .btu-sidebar.leserbeitrag .media_add.btn.btn-secondary, .btu-sidebar.leserbeitrag .media_upload.btn.btn-secondary {min-width:180px;} .btu-sidebar.leserbeitrag .UserContentModule .UserContentPanel {background:none;padding:0;} .btu-sidebar.leserbeitrag .UserContentModule .UserContentPanel span.headLine {display:none;} /* Video */ .btu-sidebar .VideoPreviewTabContentHolder .glyph-wrapper {display:none;} /* Appicon */ .btu-sidebar.bt-appicons img {width:60%;} /* E-PAPER Ausbildungskompass */ .btu-sidebar.abkompass img {width:100%;} .epaper-abkompass img {width:69%!important;} /* Gutschein Aktion */ .btu-sidebar.bt-gutschein-sidebar img {width:100%;height:auto;} .bt-gutschein {margin-top:30px;margin-bottom:30px;} .bt-gutschein .big-box-content .HtmlModuleContent {height:auto;background:none;} /* WO E-Paper */ .btu-sidebar.btu-wo .EPaperPreviewModuleContent {height:92px;overflow:hidden;border-bottom:1px solid #ccc;} /* Anzeigen Galerie */ .btu-sidebar.bt-anz-galerie .fi-printmotif-rotator-heading {display:none;} .btu-sidebar.bt-anz-galerie .fi-printmotif-rotator-image {width:100%;} .btu-sidebar.bt-anz-galerie span {font-weight:500;font-size:8pt;text-transform:none;} /* ============================================== ============================================== /// # SIDEBAR ============================================== ============================================== */ /* ============================================== ============================================== * # VERANSTALTUNGEN ============================================== ============================================== */ /* Kalender */ .hasDatepicker .ui-widget.ui-widget-content {border:none;padding:15px;} .EventNav_EventDate #EventDatePicker .ui-datepicker {width:100%;} .ui-state-default, .ui-widget-content .ui-state-default {border:1px solid #e0e0e0;} .ui-state-default:hover, .ui-widget-content .ui-state-default:hover {border:1px solid #0e994b;color:#fff;background:#0e994b;} .EventNav #EventDatePicker .ui-state-highlight.ui-state-active {background:#0e994b;border:1px solid #0e994b;color:#fff;} /* Buttons wählen */ .EventSelector a.ui-button, .EventSelector a:link.ui-button, .EventSelector a:visited.ui-button, .EventSelector .ui-button {color:#929292;font-weight:700;box-shadow:0 3px 10px rgba(0,0,0,0.04);padding:8px 12px;border:0;border-radius:3px;} .EventSelector a.ui-button:hover {color:#fff;background:#0e994b;} .EventSelector .ui-button.ui-state-active:hover {border:0;} /* Bilder Übersichtsseite */ .EventResultContent li.event > div.row > div.col-md-3.col-sm-4.col-xs-12 {display:none;} /* Detailseite */ .EventShowModule {padding:20px 30px;} .EventShowModule .EventShowHeader {color:#222;font-weight:700;border:none;20px;} /* ============================================== ============================================== /// # VERANSTALTUNGEN ============================================== ============================================== */ /* ============================================== ============================================== * # UNTERNEHMENSSEITE ============================================== ============================================== */ .WcmsPagePlaceholder .WcmsPageWideBannerPlaceHolder {width:100%;} .bt-content img {width:100%;height:auto;margin:40px 0;box-shadow:0 30px 40px 0 rgba(0,0,0,0.3);} /* Kontaktbox klein */ .anz-page-box.abo-kontakt.bt-col-1 {width:40%;margin-top:60px;} /* ============================================== ============================================== /// # UNTERSEITEN ============================================== ============================================== */ /* ============================================== ============================================== * # ANZEIGEN ============================================== ============================================== */ /* Allgemein */ .anz-content {margin:0;margin-bottom:20px;} .anz-content.anz-intro .headLine, #ctl00_ctl00_m_ctrlMainMasterContentPlaceHolder_m_ctrlMainContentPlaceHolder_m_wH1, .SubscriptionConfirm h1, .SubscriptionFinish h1 {font-size:55px;font-weight:900;color:#222;margin-bottom:20px;line-height:1;border:0px;text-align:center;} .anz-info .headLine, .SubscriptionConfirm h2 {font-weight:600;color:#222;text-align:center;border:none;font-size:24px;} #WallpaperBanner {margin:0;}/* #WallpaperBanner .BannerModule img {width:100%!important;height:auto!important;}*/ /* Anzeigen Informationen - Box */ .anz-box-info, .anz-box, .MarketNav .market-background {padding:30px 10px;margin-left:0;margin-right:0;margin-bottom:0;} .anz-box-info a, .MarketNav .market-links .market-subhead, .MarketNav .market-background h4, .MarketNav .market-headline, .MarketNav .ad-links a {color:#222;font-weight:700;} .anz-box-info a:hover, .MarketNav .market-background:hover h4, .MarketNav .ad-links a:hover {color:#0e994b;} .anz-box-info a::before {content:"» ";padding:0;} .anz-box-info span {border:0;font-size:34px;font-weight:700;text-align:center;} .anz-box-info a {line-height:2;} /* Content Boxen */ .anz-box {margin:0;padding:0;} .anz-box:hover,.MarketNav .market-background:hover {box-shadow:0 10px 20px rgba(0,0,0,0.15);} .anz-box .HtmlModule {padding:0;} .anz-box a {color:#222;font-weight:700;font-size:20px;} .anz-box:hover a {color:#0e994b;} .anz-box .HtmlModuleContent {height:192px;} .anz-box .HtmlModuleContent span {text-align:center;position:absolute;padding:20px 10px;width:100%;} .anz-box:nth-child(2){padding:30px 0;} .anz-box img {width:100%;} /* Artikel Darstellung */ .anz-article {margin-bottom:20px;box-shadow:0px 10px 12px -12px rgba(0, 0, 0, 0.14);} .anz-article > div > .row > div {padding:0;} .anz-article .anz-img {margin-bottom:0;} .anz-article .anz-text {margin-bottom:0;padding:20px 30px 10px 30px;} .anz-article .anz-img img {width:100%;} .anz-article .anz-text .HtmlModuleContent strong {font-weight:700;font-size:20px;color:#222;border:0;text-transform:none;} .anz-article .anz-text .HtmlModuleContent strong:hover {color:#0e994b;} .anz-article .anz-text .HtmlModuleContent {font-size:14px;} .anz-article .anz-text .HtmlModuleContent a {font-weight:700;} /* Box-Deaktiviert */ .anz-box.box-deaktiviert {cursor:no-drop;} .anz-box.box-deaktiviert:hover {box-shadow:0 10px 15px rgba(0,0,0,0.05);} .anz-box.box-deaktiviert:hover a, .anz-box.box-deaktiviert a:hover {color:#222;} /* Anzeigen Content */ .anz-page-content .HtmlModuleContent {width:60%;margin:0 auto;font-size:18px;line-height:1.6;} .anz-page-content.txt .headLine {font-weight:700;text-align:center;border:0;color:#222;} .anz-page-content.txt {margin-bottom:60px;} .anz-page-box .anz-page-content, .anz-page-box.anz-page-content { background:#fff; box-shadow:0px 10px 12px -12px rgba(0, 0, 0, 0.14); padding:20px; margin:0 10px 40px 0; } .anz-page-box.anz-page-content {width:50%;margin:0 auto;} .anz-page-box .anz-page-content .HtmlModuleContent, .anz-page-box.anz-page-content .HtmlModuleContent {width:100%;} .anz-page-box .headLine {font-weight:900;border:0;color:#222;} .anz-page-box .anz-tbl {padding-bottom:20px;} .anz-page-box .anz-tbl:last-child {padding-bottom:0;} /* Geschäftsstellen */ .gs-img img {width:100%;} .gs-img .headLine {padding:20px 30px 0;} .anz-page-box .anz-page-content.gs-img {padding:0;margin:0;} .gs-img .HtmlModule {padding:0;} .anz-page-box .anz-page-content.gs-txt {margin:0 0 40px 0;border-radius:0 0 5px 5px;} /* Werbung */ .bt-content-ad {margin-top:-15px;} .bt-content-ad img {width:100%!important;height:auto!important;} .bt-rectangle-ad {padding:0 15px;} .bt-rectangle-ad .BannerModule {margin-bottom:20px;padding:20px;} .bt-rectangle img {width:100%!important;height:auto!important;} .bt-nativad span.headLine {font-weight:900;color:#000!important;} .bt-topbox img.ImgBanner {width:100%!important;height:auto!important;} /* Sidebar */ .btu-sidebar.bt-anz {background:none;box-shadow:none;padding:0;margin-bottom:0;} /* .bt-anz .BannerModule, .bt-topbox .BannerModule {margin-bottom:0;} /* ================================ ================================ * ## ANZEIGEN AUFGEBEN ================================ ================================ */ .sidebar-infobox ul {margin-bottom:0;} .sidebar-infobox li {list-style:none;padding-bottom:10px;} .sidebar-infobox li:last-child{padding-bottom:0;} /* ================================ ================================ /// ## ANZEIGEN AUFGEBEN ================================ ================================ */ /* ================================ ================================ * ## ANZEIGEN SUCHEN ================================ ================================ */ /* Überschrift */ .Wcms.Market #aspnetForm .WcmsContentHeader h1:before {content:"Anzeigen";display:block;font-size:55px;font-weight:900;color:#222;margin-bottom:30px;} .Wcms.Market #aspnetForm .WcmsContentHeader h1 {font-weight:600;color:#222;text-align:center;border:none;font-size:24px;} /* Content */ .Wcms.Market #aspnetForm #ctl00_ctl00_m_ctrlMainMasterContentPlaceHolder_m_ctrlMainContentPlaceHolder_m_wlnkList {display:none;} .Wcms.Market #aspnetForm .MarketSearchResult li {margin-bottom:25px;padding:20px;} .Wcms.Market #aspnetForm .MarketSearchCtrl_ResultList_Image {padding:0;} .Wcms.Market #aspnetForm .MarketSearchResult li hr {margin:0;border:0;} /* Textbox */ .Wcms.Market #aspnetForm .MarketSearchCtrl_ResultList_Text {padding-left:20px;} .Wcms.Market #aspnetForm .MarketSearchCtrl_ResultList_Text p {width:100%;} .Wcms.Market #aspnetForm .MarketSearchCtrl_ResultList_Text p:first-child {color:#0e994b;font-weight:bold;font-size:0.75em;letter-spacing:1px;} .Wcms.Market #aspnetForm .MarketSearchCtrl_ResultList_Text h3 a {font-size:22px;font-weight:800;color:#222;} .Wcms.Market #aspnetForm .MarketSearchCtrl_ResultList_Text h3 {margin-top:0;} /* Kategorien */ .Wcms.Market #aspnetForm #ctl00_ctl00_m_ctrlMainMasterContentPlaceHolder_m_ctrlMainContentPlaceHolder_MarketSearchCriteriaCtrl_m_wctrlSubClassification {margin-top:25px;} .Wcms.Market #aspnetForm .Classification {font-size:24px;font-weight:600;color:#222;margin-bottom:20px;} .Wcms.Market #aspnetForm .SubClassification {margin-bottom:5px;} /* Pagination */ .MarketSearchNavigationBottom {font-weight:700;} .MarketSearchNavigationBottom select {border:0;padding:5px;} .MarketSearchNavigationBottom a {padding:5px 10px;margin:0 5px;} .MarketSearchNavigationBottom a:hover {background:#0e994b;color:#fff;} /* Anzeigenansicht */ .Wcms.Market .WcmsPageWideBannerPlaceHolder > h2 {font-weight:700;color:#222;text-align:center;font-size:24px;text-transform:uppercase;margin-top:0;} .Wcms.Market .WcmsPageWideBannerPlaceHolder > h2:before {content:"Anzeigen";display:block;font-size:55px;font-weight:900;color:#222;margin-bottom:30px;} .Wcms.Market .WcmsPageWideBannerPlaceHolder table {margin-top:40px;border-radius:3px;} .Wcms.Market .WcmsPageWideBannerPlaceHolder table td {padding:20px;} .Wcms.Market .WcmsPageWideBannerPlaceHolder table td a {font-weight:700;} .Wcms.Market .WcmsPageWideBannerPlaceHolder .WcmsContent {padding:20px 50px;display:flex;} .Wcms.Market .WcmsPageWideBannerPlaceHolder .WcmsContent .MarketShowRight {display:flex;align-items:center;width:100%;padding-left:80px;} .MarketShowLeftContent a:nth-child(n+2) {margin:15px 0 0;} .Wcms.Market .MarketShow_ResultImages_Text div p:first-child {font-weight:700;font-size:16px;color:#0e994b;letter-spacing:1.2px;} .Wcms.Market .MarketShow_ResultImages_Text div p:nth-child(2) {line-height:1.6;} .Wcms.Market .MarketShow_ResultImages_Text h2.MarketSearchCtrl_ResultImages_TextData {font-weight:700;font-size:28px;margin-bottom:25px;} /* Icons */ .MarketSearchCtrl_ResultList_Text a {padding:5px;} /* Bilder */ .Wcms.Market .MarketSearchCtrl_ResultList_Image img {width:100%;height:auto;} #jquery-lightbox #lightbox-container-image-box, #jquery-lightbox #lightbox-container-image-data-box {width:90%!important;height:auto!important;max-width:1000px;margin:0 auto;} #jquery-lightbox #lightbox-container-image-data-box {margin-top:-1px;} /*#jquery-lightbox #lightbox-container-image img {width:100%;height:auto;}*/ #jquery-lightbox #lightbox-container-image #lightbox-nav-btnPrev, #jquery-lightbox #lightbox-container-image #lightbox-nav-btnNext {display:none!important;} #jquery-lightbox #lightbox-container-image-data #lightbox-secNav-btnClose:before {content:"X";display:block;font-size:22px;font-weight:900;padding:20px;} #jquery-lightbox #lightbox-container-image-data #lightbox-secNav-btnClose img {display:none;} #jquery-lightbox #lightbox-container-image-data #lightbox-image-details {display:none;} /* ================================ ================================ /// ## ANZEIGEN SUCHEN ================================ ================================ */ /* ================================ ================================ * ## FIRMENPROFIL ================================ ================================ */ .bt-box.bt-hbeitrag.bt-fp {padding-left:15px;} .bt-fp .firmprofiltext, .firmprofilpage .firminfo, .firmprofilpage .firmbonus, .firmprofilpage .firmjobs, .firmprofilpage .firmvideo, .firmprofilpage .StoryShowGalleryBox header {display:none;} .bt-fp .firmlogo figure {float:left;padding-right:30px;} .bt-fp .firmlogo figure img {border-right:1px solid #ccc;} .bt-fp .firmprofil {background:#fff;box-shadow:0px 10px 12px -12px rgba(0, 0, 0, 0.14);margin-bottom:20px;} .bt-fp header {margin-bottom:0;} .bt-fp h2 {font-size:24px;font-weight:700;padding-top:30px;margin-top:0;} .bt-fp .firmprofilbutton {float:right;margin-right:30px;border:1px solid #ccc;padding:6px 10px 4px;margin-top:50px;font-weight:700;text-transform:uppercase;color:#7d7d7d;font-size:14px;} .bt-fp .firmprofilbutton:hover {background-image:linear-gradient(145deg, #1ea357, #23c268);color:#fff;border:1px solid #0e994b;} .bt-backbutton a {cursor:pointer;padding:20px;display:block;background-image:linear-gradient(145deg,#fff,#fff);text-align:center;-webkit-transition:background-image 0.2s ease-in-out;transition:background-image 0.2s ease-in-out;} .bt-backbutton a:hover {background-image:linear-gradient(145deg, #1ea357, #23c268);color:#fff!important;} .container.firmprofilpage {background:none;} .firmprofilpage .firmprofil .firmprofiltext {margin-bottom:0;} .firmprofilpage .firmprofil .firmcontact {margin:0;margin-bottom:25px;} .firmprofilpage .leftpart {margin-left:0;} .firmprofilpage .firmprofil .rightpart {margin-right:0;} .firmprofilpage .firmprofil .firmcontact ul li:first-child {margin-top:0;} .firmprofilpage .firmprofil .firmprofiltext, .firmprofilpage .firmprofil .firmcontact, .firmprofilpage .firmcontactperson, .bt-backbutton a {border:0;box-shadow:0px 10px 12px -12px rgba(0,0,0,0.14);} .firmprofilpage .firmcontactperson {min-width:420px;max-width:420px;} .firmprofilpage .firmcontact .leftpart {padding:0;} .firmprofilpage .firmlogo figure img {border:1px solid #ccc;padding:10px;} .firmprofilpage .firmprofiltext h2 {margin:0;} .firmprofilpage .firmprofil .firmcontact h2 {font-weight:900;} .firmprofilpage .firmaddresstext, .firmprofilpage .firmprofil .firmcontactparts, .firmprofilpage .firmprofil .firmprofiltext p, .firmprofilpage .firmcontactperson ul li, .firmprofilpage .firmprofil .firmprofiltext p b {font-size:16px;} .firmprofilpage .firmcontactperson h3 {font-size:24px;letter-spacing:0;margin-bottom:45px;} .firmprofilpage .firmprofil .firmprofiltext, .firmprofilpage .firmcontactperson, .firmprofilpage .firmprofil .firmcontact {padding:30px!important;} .firmprofilpage .firmprofil .leftpart .firmprofiltext:nth-child(2) {padding:0 30px!important;} /* Bildergalerie */ .firmprofilpage .PictureGalleryNavigation button.btn:focus {outline:0;} .firmprofilpage .PictureGalleryShow {margin-top:0;margin-bottom:0;} .firmprofilpage .PictureGalleryNavigation button.btn-primary {border:1px solid #ccc;border-radius:0;box-shadow:0px 4px 4px -3px rgba(0,0,0,0.14);background:#fff;color:#222;} .firmprofilpage .PictureGalleryNavigation button.btn-primary:hover {background-image:linear-gradient(145deg, #1ea357, #23c268);color:#fff;border:1px solid #23c268;} .firmprofilpage .StoryShowGalleryBox img {padding:0;} .firmprofilpage .StoryShowGalleryBox .PictureGalleryNavigation.headLine {border-bottom:0;border-top:1px solid #ccc;padding-top:25px;} /* ================================ ================================ /// ## FIRMENPROFIL ================================ ================================ */ /* ============================================== ============================================== /// # ANZEIGEN ============================================== ============================================== */ /* ============================================== ============================================== * # ABOSERVICE ============================================== ============================================== */ .abo-kontakt {margin:0 auto;width:60%;} .abo-kontakt .gs-img .HtmlModuleContent div {padding:0 35px;} /* Abo-Boxen */ .box-center.abo {width:70%;margin:0 auto;} .box-center.abo.row .anz-box {margin-bottom:20px;} .box-center.abo .anz-box .HtmlModuleContent{height:170px} .box-center.abo.anz .anz-box .HtmlModuleContent {height:190px;} /* Große Abo-Boxen */ .big-box-content img {width:100%;} .big-box-content .HtmlModuleContent {height:460px;padding:0;} .big-box-content {margin:0;font-size:18px;} .big-box-content .HtmlModule {padding:0;} .big-box-content strong {font-size:20px;text-transform:uppercase;} .big-box-content .HtmlModuleContent:hover strong {color:#0e994b;} .big-box-content a span {position:absolute;width:100%;padding:20px 30px;color:#222;border-radius:0 0 5px 5px;} .big-box-content .HtmlModuleContent:hover {box-shadow:0 10px 20px rgba(0,0,0,0.15);} .big-box-sec {margin-top:30px;} /* Zweispaltig */ .box-center.abo.box-two-col {width:45%;} /* Abo-Bonus Box */ .btu-imgbox img {width:100%;padding:50px 0;box-shadow:0 10px 20px rgba(0,0,0,0.02);} .btu-box.abo-bonus .form-info {padding-top:0;} .btu-box.abo-bonus .HtmlModule ul {margin-left:20px;} /* Abo-Übersichtsseiten */ .abo-uebersicht {padding:20px;} .abo-uebersicht .headLine {font-weight:700;border:0;} .abo-uebersicht strong a {font-weight:700;font-size:20px;text-transform:uppercase;} /* Abo-Bestätigung */ .SubscriptionFinish img.SubscriptionImage, .SubscriptionFinish .SelectedSubscription {display:none;} .SubscriptionFinishContent div {font-size:18px;line-height:1.6;} .SubscriptionFinishContent {margin:50px 0 40px;text-align:center;} /* ============================================== ============================================== /// # ABOSERVICE ============================================== ============================================== */ /* ============================================== ============================================== # SUCHE ============================================== ============================================== */ /* Überschrift */ .WebStorySearchModule .headLine {font-weight:800;color:#222;} /* Hintergrund Boxen */ .WebStorySearchModule .queryResult {padding:20px;} .WcmsHeader #DesktopNavigation .CustSearch .SearchModule input {box-shadow:none;} /* Artikel */ .WebStorySearchModule .queryResult ul li {padding-bottom:0;} .WebStorySearchModule .queryResult ul li:last-child, .WebStorySearchModule .queryResult ul li:last-child img {margin-bottom:0;border-bottom:none;} .WebStorySearchModule .queryResult h4 a {font-size:22px;font-weight:800;color:#222;} .WebStorySearchModule .queryResult p {font-size:14px;} .WebStorySearchModule .queryResult h5.category {font-size:0.75em;color:#0e994b;font-weight:bold;letter-spacing:1px;text-transform:uppercase;} .image-credit {display:none;} /* Seitenzahl */ .pagination>li>a, .pagination>li>span {border:0;} /* Suchfeld */ .WebStorySearchModule .searchNormal .input-group {box-shadow:0px 10px 12px -12px rgba(0, 0, 0, 0.14);} .WebStorySearchModule .searchNormal .form-control {border:0;border-radius:0;box-shadow:none;} .WebStorySearchModule .searchNormal .btn-primary {color:#525252;} .WebStorySearchModule .searchNormal .glyphicon {top:3px;} .WebStorySearchModule .searchExtended {padding:10px 20px;} .WebStorySearchModule .searchExtended h3 {font-weight:800;} .WcmsHeader #DesktopNavigation .CustSearch .SearchModule input {border-bottom-left-radius:3px;border-top-left-radius:3px;} .WcmsHeader #DesktopNavigation .CustSearch .SearchModule .btn-primary {border-bottom-right-radius:3px;border-top-right-radius:3px;} /* ============================================== ============================================== /// # SUCHE ============================================== ============================================== */ /* ============================================== ============================================== # EPAPER ============================================== ============================================== */ /* Boxen */ .epaper-box {margin:30px 0;} .epaper-box .headLine {font-weight:700;border-bottom:0px;text-align:center;font-size:24px;padding:20px 0;} .EPaperPreviewModule .EPaperPreviewModuleContent img {border:1px solid #cacaca;box-shadow:0px 3px 10px rgba(0,0,0,0.1);} .EPaperPreviewModule .EPaperPreviewModuleContent img:hover {box-shadow:0px 3px 20px rgba(0,0,0,0.3);} .epaper-box .EPaperPreviewModule .headLine {font-size:20px;background:#f1f1f1;padding:10px 0;} .epaper-box div[data-wcms-module-placeholder]:empty {display:block;} .epaper-box.epaper-abend {margin-top:-35px;} .epaper-ein,.standard,.news-ein {display:inherit;} .epaper-aus,.news-aus {display:none;} /* ============================================== ============================================== /// # EPAPER ============================================== ============================================== */ /* ============================================== ============================================== # LOGOTICKER ============================================== ============================================== */ .logoticker .bt-firmenrotator.PreviewGallery .preview.swiper-button-prev {background-image:linear-gradient(to right,rgb(101, 101, 101) 0,rgb(41, 41, 41) 100%);} .logoticker .bt-firmenrotator.PreviewGallery .preview.swiper-button-next {background-image:linear-gradient(to right,rgb(41, 41, 41) 0,rgb(101, 101, 101) 100%);} .bt-firmenrotator.PreviewGallery .preview.swiper-button-prev:after {content:"\2770";} .bt-firmenrotator.PreviewGallery .preview.swiper-button-next:after {content:"\2771";} .logoticker img {border:2px solid #b5b5b5;padding:3px;} .logoticker .preview.swiper-button-prev {left:-1px;} .logoticker .bt-firmenrotator.PreviewGallery .preview.swiper-button-next {right:-20px;} .logoticker .bt-firmenrotator.PreviewGallery .preview {height:96px;line-height:96px;} /* ============================================== ============================================== /// # LOGOTICKER ============================================== ============================================== */ /* ============================================== ============================================== # FOOTER ============================================== ============================================== */ /* Allgemein */ #bt-footer {background-image:linear-gradient(45deg,#383838,#606060);} .bt-modul-footer {margin-bottom:0;} #bt-footer-content {width:100%;height:280px;} .footer_border .WcmsContainer {margin:0;} footer .footer_border .WcmsModule.row {margin-bottom:0;} .WcmsFooter .footer_border {border:none;} /* Logo */ .bt-footer-logo {text-align:center;padding:50px 0;} .bt-footer-logo img {width:100%;height:auto;max-width:550px;} /* Liste #bt-footer .bt-footer-text:nth-child(2), #bt-footer .bt-footer-text:nth-child(3) {width:425px;height:30px;margin:0 auto;} #bt-footer .bt-footer-text:nth-child(3) {width:665px;} */ #bt-footer-links {width:100%;height:auto;text-align:center;} .bt-footer-text {display:inline-block;} #bt-footer .footer-row {float:none;} #bt-footer li {list-style:none;float:left;margin:0 10px 0 0;} #bt-footer li a {font-size:16px;} /* Bindestriche */ #bt-footer li li::after {content:"-";display:block;float:left;padding-right:10px;} #bt-footer li li:first-child::after {display:none;} /* Zusatzfooter */ #bt-footer-small {width:100%;padding:10px 30px 50px 30px;} .bt-copyright {float:left;} .bt-others {float:right;} /* BackToTop */ #bt-btt a { position:absolute; left:0; right:0; margin:0 auto; text-align:center; width:80px; padding:15px; background-image:linear-gradient(#4a4a4a,#565656); box-shadow:0 15px 12px rgba(0,0,0,0.20); border-radius:3px; margin-top:-30px; } #bt-btt img {width:30px;height:auto;} /* ============================================== ============================================== /// # FOOTER ============================================== ============================================== */ /* ============================================== ============================================== # BENUTZERKONTO ============================================== ============================================== */ /* Navigation */ .UserNavigatorModule .panel-default .panel-body {padding:0;} .UserNavigatorModule .panel-default > .panel-heading {border-radius:3px 5px 0 0;} .UserNavigatorModule .panel-default > .panel-heading h4 {font-weight:700;text-transform:uppercase;} .UserNavigatorModule .panel.panel-default {border-radius:3px;box-shadow:0 10px 15px rgba(0,0,0,0.05);} .UserNavigatorModule ul.nav-left {margin-bottom:0;margin-block-end:0;} .UserNavigatorModule ul.nav-left li {border-top:0;padding:0 20px;border-left:5px solid #fff;} .UserNavigatorModule ul.nav-left li:hover {padding:0 20px;border-left:5px solid #0E994B;} .UserNavigatorModule ul.nav-left a.nav.active::before {width:5px;height:48px;background:#0e994b;position:absolute;margin-left:-25px;} .UserNavigatorModule #m_wdivUserProfileLinks ul.nav-left li:nth-child(4), .UserNavigatorModule ul.nav-left li#ctl00_ctl00_m_ctrlMainMasterContentPlaceHolder_m_wctrlUserNavigatorModule_m_wliNewsletter {display:none;} /* Content */ .UserEditPage.UserPage, div.col-sm-8 #aspnetForm, .ContentPersonalization {padding:30px;} .SubscriptionEditAddressData #aspnetForm, .SubscriptionEditPaymentData #aspnetForm {box-shadow:none!important;} .UserEditPage .edit-section-header, .ContentPersonalization .edit-section-header {font-family:'Roboto',sans-serif;} .UserEditPage.UserPage .WcmsContentHeader h1 {color:#222;font-weight:700;border:none;} .UserEditPage .form-horizontal .control-label::after, .SubscriptionEditAddressData .control-label::after, .SubscriptionEditPaymentData .control-label::after {content:":";} .UserEditPage div.row.margin-top-10 div h5.edit-section-header, .UserEditPage div.row.margin-top-10 div a.btn.btn-secondary {display:none;} .UserEditPage a.btn-secondary, .WcmsPagePlaceholder #aspnetForm .WcmsContent .form-group .btn-secondary, .SubscriptionEditAddressData .btn.btn-secondary.editaddressdata, .SubscriptionEditPaymentData .btn.btn-secondary.editpaymentdata, .SubscriptionEditAddressData .btn.btn-block, .SubscriptionEditPaymentData .btn.btn-block {border:0;font-weight:700;box-shadow:0 3px 10px rgba(0,0,0,0.04);border-radius:3px;color:#929292;background:#f1f1f1;} .UserEditPage a.btn-secondary:hover, .WcmsPagePlaceholder #aspnetForm .WcmsContent .form-group .btn-secondary:hover, .SubscriptionEditAddressData .btn.btn-secondary.editaddressdata:hover, .SubscriptionEditPaymentData .btn.btn-secondary.editpaymentdata:hover, .SubscriptionEditAddressData .btn.btn-primary, .SubscriptionEditPaymentData .btn.btn-primary {background:#0e994b;box-shadow:0 3px 15px rgba(0,0,0,0.2);color:#fff;} .SubscriptionEditAddressData .btn.btn-primary:hover, .SubscriptionEditPaymentData .btn.btn-primary:hover {background-color:#0a6a34;} .SubscriptionEditAddressData .btn.btn-block:hover, .SubscriptionEditPaymentData .btn.btn-block:hover {box-shadow:0 3px 15px rgba(0,0,0,0.15);} .ContentPersonalization div .col-md-2, .ContentPersonalization div .col-md-3 {width:33%;} .ContentPersonalization .UserTags div .col-md-3 {width:25%;} .WcmsPagePlaceholder #aspnetForm p.headLine, #m_wdivSubscriptionInvoicePeriodMonthly label {border:none;font-weight:700;} /* .WcmsPagePlaceholder #aspnetForm .checkbox label {display:none;} */ /* Gemerkte Artikel */ .WatchListModule ul.WatchListContainer li {border:0;padding:0;} .WatchListModule .fi-watchlist-item .WatchListContentHolder {padding-bottom:0;} .WatchListModule .fi-watchlist-item .WatchListContentHolder .WatchListImage {margin-bottom:0;} .WatchListModule .fi-watchlist-item .WatchListText {padding:10px 0;} .WatchListModule .fi-watchlist-item .WatchListText a .WatchListHeading {font-weight:800;} .WatchListModule .fi-watchlist-item .WatchListAction {padding:10px 0;} /* Zahlung */ .UserEditPaymentData .WcmsContentHeader h1 {color:#222;font-weight:700;border:none;} /* Aboübersicht */ .SubscriptionOverview img.img-responsive, .SubscriptionOverview .NoBullet, .SubscriptionOverview h4, .SubscriptionOverview .row.margin-top-05, .SubscriptionOverview .ServiceOptionContainer, .SubscriptionOverview #ctl00_ctl00_m_ctrlMainMasterContentPlaceHolder_m_ctrlMainContentPlaceHolder_ctl00_m_ctrlEditContainer, .SubscriptionEditAddressData #ctl00_ctl00_m_ctrlMainMasterContentPlaceHolder_m_ctrlMainContentPlaceHolder_m_oContent, .SubscriptionEditAddressData .row.margin-top-05 .margin-top-20, .SubscriptionEditPaymentData .row.margin-top-05 .margin-top-20 {display:none;} .SubscriptionOverview, .SubscriptionEditAddressData, .SubscriptionEditPaymentData {padding:30px;} .SubscriptionOverview .QuickInfo {background:none;min-height:auto;padding:0;} .SubscriptionOverview .headLine, .SubscriptionEditAddressData .headLine, .SubscriptionEditAddressData .control-label.readonly, .SubscriptionEditPaymentData .headLine {border-bottom:none;font-weight:700;} .SubscriptionEditAddressData #m_wpDeliverSubscriptionStreetNb, .SubscriptionEditAddressData #m_wpInvoiceSubscriptionStreetNb {padding-top:7px;} /* ============================================== ============================================== /// # BENUTZERKONTO ============================================== ============================================== */ /* ============================================== ============================================== # ABG ============================================== ============================================== */ .bt-agb-link li {list-style:none;} .bt-agb-link li a {color:#222;font-weight:700;width:80%;display:block;text-align:center;margin:0 auto 20px auto;} .bt-agb-link li a:hover {color:#fff;background:#0e994b;box-shadow:0 10px 20px rgba(0,0,0,0.2);} /* Content */ .static-content .headLine {font-weight:700;margin:0 auto;width:60%;margin-bottom:50px;border:none;} .anz-page-content.static-content .HtmlModuleContent {font-size:16px;line-height:1.4;} .static-content ul {padding:0 30px;} /* ============================================== ============================================== /// # ABG ============================================== ============================================== */ /* ============================================== ============================================== # Kontakt ============================================== ============================================== */ /* Allgemein */ .btu-contact {margin-left:0;margin-right:0;} .btu-contact-box {padding:20px;} .btu-contact-box.first-line, .btu-contact-box.mid-line {padding-bottom:0;} .btu-contact-box.first-line {border-radius:3px 5px 0 0;} .btu-contact-box.last-line {border-radius:0 0 5px 5px;padding:20px 35px 35px;} /* Box Inhalt */ .btu-contact.sectionA .contact-content, .btu-contact.sectionB, .btu-contact.sectionC, .btu-contact.sectionD {padding:30px;} .btu-contact.sectionA .contact-content.contact-verlag {margin-right:0px;padding-bottom:40px;} .btu-contact.sectionA .contact-content.contact-verlag strong {font-size:24px;text-transform:uppercase;} .btu-contact.sectionB {border-radius:3px 5px 0 0;margin-bottom:20px;} .btu-contact.sectionB .contact-content .headLine {font-size:16px;text-transform:none;} .btu-contact.sectionC {border-radius:0 0 5px 5px;} .btu-contact.sectionD {padding:30px 30px 10px 30px;} .btu-contact.sectionD .first-line {margin-top:45px;} .btu-contact.sectionD.top {margin-bottom:0;border-radius:3px 5px 0 0;} .btu-contact.sectionD.bottom {border-radius:0 0 5px 5px;} .btu-contact .contact-verlag img {width:100%;} .btu-contact .headLine {font-weight:700;color:#222;border:none;font-size:24px;} .btu-contact-box .headLine {font-weight:700;border-bottom:0;font-size:24px;} .btu-contact-box .btu-contact-headline .headLine {font-size:20px;background:#f1f1f1;padding:10px 0;} .btu-contact-box.mailbox .HtmlModule {padding:20px;background:#f1f1f1;text-align:center;} .contact-list a {background:#f1f1f1;color:#929292;font-weight:700;padding:10px;border-radius:3px;line-height:2.8;} .contact-list a:hover {background:#0e994b;color:#fff;box-shadow:0 3px 15px rgba(0,0,0,0.2);} .btu-contact.sectionD.infosection {margin-top:-30px;background:#ff6d6d;color:#fff;padding:20px 30px 0;} .btu-contact.sectionTop {margin-top:-20px;margin-bottom:20px;padding:0 30px 10px 30px;} /* ============================================== ============================================== /// # Kontakt ============================================== ============================================== */ /* ============================================== ============================================== # MEDIA QUERY ============================================== ============================================== */ @media (max-width:1200px){ #WallpaperBanner {display:none;} /* Ausbildungskompass E-Paper */ .epaper-box .epaper-kompass span.headLine {font-size:16px;padding:13.5px 0;} /* WO E-Paper */ .btu-sidebar.btu-wo .EPaperPreviewModuleContent {height:73px;} /* Aktion Design */ .bt-content-text .HtmlModule {padding:60px;margin-top:-250px;} .bt-content-text .bt-mailicon {margin-left:316px} /* Firmenprofil */ .bt-fp .firmname div {font-size:14px;} .bt-fp h2 {font-size:20px;padding-right:10px;} .bt-fp .firmprofilbutton {margin-right:15px;} /* Blog Design */ .bt-blogdesign .bt-blogbox .HtmlModuleContent span {padding:15px;} .bt-blogdesign .bt-blogbox.immologo img {width:80px;float:right;margin-top:-53px;} } @media (max-width:1199px){ /* Content */ .anz-page-content .HtmlModuleContent {width:80%;} /* Suche */ .WcmsHeader #DesktopNavigation .CustSearch {width:190px;} /* Artikel */ .bt-box article.StoryPreviewBox h2.article-heading a, article.StoryPreviewBox .TextBackground h2.article-heading a {font-size:20px;} .StoryPreviewBox .col-sm-push-6 {padding:15px 5% 0 2px;} .bt-topthemen article.StoryPreviewBox h1, #m_wctrlWebsite .bt-artikel .StoryShowBox h1, .anz-content.anz-intro .headLine, #ctl00_ctl00_m_ctrlMainMasterContentPlaceHolder_m_ctrlMainContentPlaceHolder_m_wH1, .SubscriptionConfirm h1, .SubscriptionFinish h1, .bt-box.bt-hbeitrag .StoryPreviewBox header .article-heading a, .bt-headline .headLine, .bt-app .headLine {font-size:40px;} .bt-topthemen header {margin-bottom:0px;} .bt-box.bt-hbeitrag header {margin-bottom:20px;} .bt-topthemen .bt-topbox header {margin-bottom:0;} /* Interesse */ .bt-interesse .StoryPreviewBox {min-height:520px;} /* Anzeigen Box */ .anz-box-info span {font-size:24px;} /* Sidebar */ .btu-sidebar.bt-anz .BannerModule {padding:0;} .btu-sidebar.bt-anz .BannerModule img {width:100%!important;height:auto!important;} /* Kontakt */ .btu-contact .contact-verlag img {margin-bottom:44px;} /* Logoticker */ .logoticker .preview.swiper-button-prev {left:15px;} /* Anzeigen suchen */ .Wcms.Market .WcmsPageWideBannerPlaceHolder .WcmsContent {padding:10px 30px;} /* Top-Banner */ .bt-topbox img.ImgBanner {width:100%!important;height:auto!important;} /* E-Paper */ .epaper-box .EPaperPreviewModuleContent img {width:100%;height:auto;} /* Ausbildungskompass */ .epaper-box.col-3 img {width:75%;} .epaper-abkompass img {width:75%!important;} /* Formulare */ .SubscriptionConfirmForm #m_wctrlEditions .form-group div .col-md-4 {width:100%;} .SubscriptionConfirmForm .col-xs-8.col-xs-offset-2 .SubscriptionPriceInfo .col-md-6 {float:left;} /* Live-Ticker */ .bt-liveticker .LiveTickerModule .margin-top-20 {margin-left:6%;} /* Ferienfoto */ .bt-link-button .HtmlModule {margin-top:-310px;} /*.bt-link-button a {width:33%;} */ } @media (max-width:991px){ /* Navigation */ #NavItem_23_Sport ul {width:100%;} .WcmsHeader #MobileNavigation #m_wdivMobileNavbar ul li.open ul li.navitem a {padding:10px 0 10px 100px;} /* Content */ .anz-page-content .HtmlModuleContent, .bt-liveticker {width:90%;} .bt-box .StoryPreviewBox {border-radius:0;} /* Artikel */ body .WcmsPagePlaceholder, .WcmsHeader #MobileNavigation #m_wdivMobileSearchNavbar .SearchModule {width:720px;margin:0 auto;} .bt-interesse .StoryPreviewBox {min-height:auto;} #m_wctrlWebsite .bt-artikel, .epaper-artikel .StoryShowGalleryBox, .epaper-artikel .StoryShowBaseTextBox {width:100%;} .epaper-artikel .StoryShowBaseTextBox {padding:30px 20px;} .epaper-artikel .StoryShowGalleryBox p {padding:15px 20px;} .bt-artikel article, .bt-netiquette, .bt-artikel .CommentModule {padding:0;} .StoryShowBaseTextBox, .StoryShowGalleryBox figcaption p {width:90%} .StoryShowBox.StoryMediaLinks, #m_wctrlWebsite .bt-artikel .StoryShowMetaTimeInfo, #m_wctrlWebsite .bt-artikel .StoryShowMetaShare, #m_wctrlWebsite .bt-artikel .StoryShowMetaActions, #m_wctrlWebsite .bt-artikel .StoryShowMetaInternetTags, #m_wctrlWebsite .bt-artikel .StoryShowMetaGeoTags,.bt-netiquette .HtmlModule {padding:20px;} .bt-artikel .StoryShowMeta {padding:0;} .bt-box.bt-hbeitrag .StoryPreviewBox .TextInside, .bt-topthemen .StoryPreviewBox.HomeArticle .TextInside, .bt-topthemen .bt-topbox .StoryPreviewBox .TextInside {box-shadow:none;} /* Autor */ .bt-artikel .author {width:90%;} /* Header */ .WcmsHeader #MobileNavigation #m_wdivMobileSearchNavbar .SearchModule {padding-left:0;} .SearchModule {max-width:none;} .bt-topbox article.StoryPreviewBox .TextBackground h2.article-heading a {font-size:40px;} .bt-box.bt-interesse header {margin-bottom:20px;} /* Social Media */ .WcmsHeader #MobileNavigation #m_wdivMobileNavbar .CustRow:nth-child(3) ul li:nth-child(3) {display:none;} /* Rahmen */ .StoryPreviewModule .borderBottom, .StoryPreviewBox .borderBottom {border-width:10px;border-color:#0e994b;padding-bottom:0;} /* Zweispaltig Artikel */ .bt-2s-container .bt-box header, .bt-2s-container .bt-box .col-xs-12 > p, .bt-box.bt-app header, .bt-box.bt-app .col-xs-12 > p {margin:30px;} .bt-2s-container .bt-box.bt-hbeitrag header {margin:20px 0;} .bt-2s-container .bt-box h2 {margin:0;min-height:auto;} .bt-2s-container .bt-box .row p {padding:0;} /* Footer */ .WcmsFooter .footer_border {margin-top:0;} footer .HtmlModule {padding:0;} .bt-footer-logo {padding:40px 20px;} .bt-footer-text {padding:0 20px;} /* Boxen */ .anz-box-info {margin-bottom:30px;} .anz-content.box-second-col {margin-top:-20px;} .anz-content.box-second-col > div > div.row > div:nth-child(1) {display:none;} .anz-box {width:250px;margin:0 auto 30px auto;} .anz-box .HtmlModuleContent {height:auto;} .anz-box .HtmlModuleContent span {position:relative;display:block;padding:20px 10px;} .anz-content div[data-wcms-module-placeholder]:empty, .btu-contact-box div[data-wcms-module-placeholder]:empty {display:none;} .big-box-content .HtmlModuleContent {height:auto;margin-bottom:30px} .big-box-content a span {position:relative;display:block;} .anz-page-box .anz-page-content,.anz-page-box.anz-page-content {margin:0 auto 40px auto;} /* Aboservice */ .abo-kontakt {width:90%;} .btu-imgbox img {padding:0;} /* Formulare */ .SubscriptionConfirmForm {padding:0 15px;} .SubscriptionConfirmForm #aspnetForm .col-xs-8.col-xs-offset-2 {width:100%;margin:20px auto;} /* Epaper*/ .epaper-box {width:500px;margin:30px auto 30px auto;} .epaper-box div[data-wcms-module-placeholder]:empty {display:none;} .epaper-box .EPaperPreviewModuleContent img {width:auto;height:auto;} /* Ausbildungskompass E-Paper */ .epaper-box .epaper-kompass span.headLine {font-size:20px;padding:10px 0;} /* Kontakt */ .btu-contact.sectionD .first-line {margin-top:0;} .btu-contact .contact-verlag img {margin-bottom:0;width:220px;} .btu-contact.sectionA .contact-content.contact-verlag {margin-right:-15px;padding:30px 30px 0px 30px;} .btu-contact.sectionA .contact-content .HtmlModuleContent div {position:absolute;top:12px;left:52%;} /* Logoticker */ .logoticker .preview.swiper-button-prev {position:absolute;} /* Merkliste */ .bt-app.bt-merkliste .WatchListImage, .bt-app.bt-merkliste .WatchListText {width:100%;} .bt-app.bt-merkliste .WatchListText {padding:30px 40px 0 40px;} /* Anzeigen suchen */ .Wcms.Market #aspnetForm .row div.col-xs-4.col-xs-push-2 {width:60%;float:none;margin:0 auto;left:auto;} .Wcms.Market .WcmsPageWideBannerPlaceHolder .WcmsContent {margin-top:30px;} .Wcms.Market #aspnetForm > .row, #aspnetForm > .row .col-xs-4.col-xs-push-2 {transform:scaleY(-1);} /* Top-Banner .bt-topbox {display:none;} */ /* Mein Konto */ .WatchListModule .fi-watchlist-item .WatchListText {padding:10px 30px;} .WatchListModule .fi-watchlist-item .WatchListAction {padding:0 15px;} .WatchListModule .fi-watchlist-item .WatchListAction button {border:0;border-top:1px solid #f1f1f1;} /* Sidebar */ .btu-sidebar.bt-anz .BannerModule img {width:auto!important;height:auto!important;} .btu-sidebar.bt-anz .bt-rectangle .BannerModule img {width:100%!important;height:auto;} /* WO E-Paper */ .btu-sidebar.btu-wo .EPaperPreviewModuleContent {height:199px;} /* Bezahlschranke */ .bt-artikel .StoryShowBody > strong {width:90%;} /* Kommentare */ .bt-artikel.bt-kommentar .CommentModuleBody .WebStoryComment .col-sm-1.col-xs-2 {display:none;} .bt-artikel.bt-kommentar .CommentModuleBody .WebStoryComment .col-xs-11.col-xs-push-1 {left:0;} .bt-artikel.bt-kommentar .CommentModuleBody .WebStoryComment .CommentAnswer {margin-left:4px;} /* Themenliste */ .TagThemeShowModule .StoryPreviewBox h2.article-heading {padding:20px 20px 0;} .TagThemeShowModule .StoryPreviewBox .col-xs-12 p {padding:20px 20px 10px;} /* Artikel Weiterempfehlen */ .bt-artikel.bt-weiterempfehlen .DocSendMailModule {padding-left:0;padding-right:0;} .bt-artikel.bt-weiterempfehlen .DocSendMailPanel {padding:20px;} /* Live-Ticker */ .bt-liveticker .LiveTickerModule .margin-top-20 {margin-left:7%;} /* Ausbildungskompass */ .epaper-box.col-3 img {width:220px;} .epaper-abkompass img {width:220px!important;} /* Blog Design */ .bt-blogdesign .blog-text {min-height:auto;margin-right:0;padding:30px;} .bt-blogdesign .blog-img {margin-right:0;} .bt-blogdesign .bt-blogbox .HtmlModuleContent span {padding:30px;} .bt-blogdesign .bt-blogbox.immologo img {width:150px;float:right;margin-top:-110px;} /* Aktion Design */ .bt-content-text {width:100%;} .bt-content-text .HtmlModule {margin-top:0;} .bt-content-text .bt-mailicon {display:none;} /* Ferienfoto */ .bt-link-button .HtmlModule {margin-top:-10px;} .bt-link-button .HtmlModuleContent {width:100%;} .bt-detail-page .bt-content-text .HtmlModule {margin-top:0;} /*.bt-link-button a {width:33%;}*/ } @media (max-width:767px){ /* Content */ body .WcmsPagePlaceholder, .WcmsHeader #MobileNavigation #m_wdivMobileSearchNavbar .SearchModule, .bt-liveticker {width:100%;} .StoryShowBaseTextBox p {width:100%;} .Wcms.Market .WcmsPageWideBannerPlaceHolder .WcmsContent {display:block;} .Wcms.Market .WcmsPageWideBannerPlaceHolder .WcmsContent .MarketShowRight {padding-left:0;padding-top:50px;} .bt-content-ad iframe {display:none;} .bd-slider .swiper-button-next,.bd-slider .swiper-button-prev {display:none!important;} } @media (max-width:660px){ /* Footer */ #bt-footer-content {height:450px;} #bt-btt a {margin-top:-70px;} .bt-others,.bt-copyright {float:none;text-align:center;} #bt-footer-small {padding:20px 30px;} #bt-footer li {float:none;margin:0 0 3px 0;} #bt-footer li li::after {display:none;} /* Live-Ticker */ .bt-liveticker .LiveTickerModule, .bt-liveticker .LiveTickerModule .panel-body {padding-left:0;padding-right:0;} /* BT App */ .bt-app .headLine {font-size:35px;} /* Artikel */ .bt-topbox article.StoryPreviewBox .TextBackground h2.article-heading a, .bt-topthemen article.StoryPreviewBox h1, #m_wctrlWebsite .bt-artikel .StoryShowBox h1, .bt-headline .headLine, .anz-content.anz-intro .headLine, #ctl00_ctl00_m_ctrlMainMasterContentPlaceHolder_m_ctrlMainContentPlaceHolder_m_wH1, .SubscriptionConfirm h1, .SubscriptionFinish h1, .CommentModuleFormPanelTitle span, h1 .tiefstehendeZahl, .bt-artikel.bt-weiterempfehlen .DocSendMailPanel .headLine, .Wcms.Market #aspnetForm .WcmsContentHeader h1:before {font-size:24px;} .anz-box-info span, .anz-info .headLine, .epaper-box .headLine, .Wcms.Market #aspnetForm .WcmsContentHeader h1, .Wcms.Market #aspnetForm .Classification {font-size:20px;} .bt-headline .headLine {margin-bottom:0;} .bt-topthemen p {font-size:14px;} article.StoryPreviewBox .TextInside .TextBackground, article.StoryPreviewBox .TextInside .TextContainer {position:relative;color:#222;} article.StoryPreviewBox .TextInside .TextBackground, .bt-topthemen article.StoryPreviewBox .TextInside .TextBackground {background-image:none;background-color:#fff;} article.StoryPreviewBox .TextInside .TextContainer a, article.StoryPreviewBox .TextInside .TextContainer h3 {color:#222;} article.StoryPreviewBox.HomeArticle .TextInside .TextContainer, article.StoryPreviewBox .TextInside .TextContainer {padding:20px;} .bt-interesse.bt-headline .headLine {margin:30px 0 10px;} .BreakingNewsModule article {padding:10px 20px;} /* Boxen */ .anz-page-box.anz-page-content {width:100%;} .box-center.abo.box-two-col {width:70%;} /* Epaper*/ .epaper-box {width:100%;padding:0;} /* Anzeigen suchen */ .Wcms.Market #aspnetForm .row div.col-xs-4.col-xs-push-2 {width:100%;} .bt-box.bt-hbeitrag .StoryPreviewBox header .article-heading a {font-size:20px;} /* Kommentar */ .CommentModule .CommentModuleFormPanel {padding:5%;} /* Anzeigen aufgeben */ #aspnetForm .WcmsContent .WcmsETUListImageCell .WcmsETUListImage {display:none;} /* Ferienfoto */ .bt-link-button a {width:100%;margin-bottom:5px;} } @media (max-width:610px){ /* Kontakt */ .btu-contact.sectionA .contact-content .HtmlModuleContent div {position:relative;top:0;left:0;} .btu-contact.sectionA .contact-content.contact-verlag {padding:30px;} .btu-contact.sectionA .contact-content.contact-verlag {text-align:center;} .btu-contact.sectionA .contact-content.contact-verlag .HtmlModuleContent div {text-align:left;} .btu-contact .contact-verlag img {width:60%;} /* Blog Design */ .bt-blogdesign .blog-text {padding:15px 0;font-size:16px;} .bd-slider.blog-referenzen .swiper-slide em, .bt-blogdesign .blog-text span {font-size:20px;} .bt-blogdesign .bt-blogbox .HtmlModuleContent span {padding:15px;} /* WO E-Paper */ .btu-sidebar.btu-wo .EPaperPreviewModuleContent {height:152px;} /* Blogdesign */ .bt-blogdesign .bt-blogbox.immologo img {width:100%;float:none;margin-top:20px;} } @media (max-width:514px){ .WcmsPagePlaceholder #aspnetForm .WcmsContent .form-group .btn-secondary {margin-top:10px;} /* Aktion Design */ .bt-content-text .HtmlModule {padding:5%;} .bt-content-text span {font-size:18px;line-height:1.8;} /* Ferienfoto */ .bt-detail-page .bt-content-text .HtmlModule::after {font-size:120px;margin-top:0;} } @media (max-width:482px){ /* Footer */ #bt-footer li {text-align:center;margin-right:0;} #bt-footer-links {text-align:center;} .bt-copyright,.bt-others {float:none;} #bt-btt a {margin-top:-70px;} #bt-footer-small {padding:30px;text-align:center;} /* Artikel */ .bt-artikel .StoryShowMetaTimeInfo .subheading {width:100%;} /* Kontakt */ .btu-contact.sectionA .contact-content.contact-verlag, .btu-contact.sectionA .contact-content, .btu-contact.sectionB, .btu-contact.sectionC {padding:25px 6px 20px 6px;} .btu-contact.sectionD, .btu-contact.sectionTop {padding:25px 10px 10px 10px;} /* Live-Ticker */ .bt-liveticker .LiveTickerModule ul.LiveTickerItems.timeline > li:before, .bt-liveticker .LiveTickerModule ul.LiveTickerItems.timeline:before {display:none;} .bt-liveticker .LiveTickerModule .LiveTickerItem, .bt-liveticker .LiveTickerModule .margin-top-20 {margin-left:0;} /* Ferienfoto */ .bt-blogdesign.grid-layout {margin-right:-15px;} .bt-blogdesign.grid-layout .blog-text {padding:20px;} } @media (max-width:412px){ .WcmsHeader #MobileNavigation .navbar-header button[data-target='#m_wdivMobileNavbar']{margin-right:10px;} /* WO E-Paper */ .btu-sidebar.btu-wo .EPaperPreviewModuleContent {height:99px;} } @media (max-width:370px){ .WcmsHeader #MobileNavigation .navbar-header #WcmsLogoXs img {width:140px;margin-top:3px;} .box-center.abo,.box-center.abo.box-two-col {width:95%;} .anz-box {width:100%} /* Captcha */ .WcmsFormCaptchaHolder .input-group-addon {padding:0;} } @media (max-width:340px){ .epaper-abkompass img {width:85%!important;height:auto;} /* Live-Ticker */ .bt-liveticker .LiveTickerModule .ShowNewestTickerItems {padding:20px 0;line-height:55px;} } @media (min-width: 48em) { /* App - Navigation */ .bt-app.nav li {float:left;} .bt-app.nav li a {padding:20px;} .bt-app.nav .menu {clear:none;max-height:none;} .bt-app.nav .menu-icon {display:none;} } /* ============================================== ============================================== /// # MEDIA QUERY ============================================== ============================================== */ /* ============================================== ============================================== # SLIDER ============================================== ============================================== */ @font-face { font-family: swiper-icons; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff"); font-weight:400; font-style:normal; } :root {--swiper-theme-color:#0e994b;} .bd-slider .swiper-container {margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;} .bd-slider .swiper-container-vertical > .swiper-wrapper {flex-direction:column;} .bd-slider .swiper-wrapper {position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box;} .bd-slider .swiper-container-android .swiper-slide, .bd-slider .swiper-wrapper {transform:translate3d(0px, 0, 0);} .bd-slider .swiper-slide {flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;} .bd-slider .swiper-slide img {width:100%;height:auto;} .bd-slider .swiper-slide-invisible-blank {visibility:hidden;} .bd-slider .swiper-container-autoheight, .bd-slider .swiper-container-autoheight .swiper-slide {height:auto} .bd-slider .swiper-container-autoheight .swiper-wrapper {align-items:flex-start;transition-property:transform, height} .bd-slider .swiper-container-css-mode > .swiper-wrapper {overflow:auto;scrollbar-width:none;-ms-overflow-style:none} .bd-slider .swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {display:none} .bd-slider .swiper-container-css-mode > .swiper-wrapper > .swiper-slide {scroll-snap-align:start start} .bd-slider .swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {scroll-snap-type:x mandatory} .bd-slider .swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {scroll-snap-type:y mandatory} :root {--swiper-navigation-size:10px} :root {--swiper-navigation-color:#000} .bd-slider .swiper-button-next, .bd-slider .swiper-button-prev { position:absolute; top:50%; width:calc(var(--swiper-navigation-size)/ 7 * 28); height:var(--swiper-navigation-size); margin-top:calc(-1 * var(--swiper-navigation-size)/ 2); z-index:10; cursor:pointer; display:flex; align-items:center; justify-content:center; color:var(--swiper-navigation-color, var(--swiper-theme-color)); background:rgba(255,255,255,0.4); padding:20px; border-radius:50px; } .bd-slider .swiper-button-next.swiper-button-disabled, .bd-slider .swiper-button-prev.swiper-button-disabled {opacity:.35;cursor:auto;pointer-events:none;} .bd-slider .swiper-button-next:after, .bd-slider .swiper-button-prev:after { font-family:swiper-icons; font-size:var(--swiper-navigation-size); text-transform:none!important; letter-spacing:0; text-transform:none; font-weight:900; line-height:1; } .bd-slider .swiper-button-prev, .bd-slider .swiper-container-rtl .swiper-button-next {left:10px;right:auto;} .bd-slider .swiper-button-prev:after, .bd-slider .swiper-container-rtl .swiper-button-next:after {content:'prev';} .bd-slider .swiper-button-next, .bd-slider .swiper-container-rtl .swiper-button-prev {right:10px;left:auto;} .bd-slider .swiper-button-next:after, .bd-slider .swiper-container-rtl .swiper-button-prev:after {content:'next';} .bd-slider .swiper-button-next.swiper-button-white, .bd-slider .swiper-button-prev.swiper-button-white {--swiper-navigation-color:#ffffff;} .bd-slider .swiper-button-next.swiper-button-black, .bd-slider .swiper-button-prev.swiper-button-black {--swiper-navigation-color:#000000;} .bd-slider .swiper-button-lock {display:none;} .bd-slider .swiper-pagination {position:absolute;text-align:right;padding-right:10px;transition:.3s opacity;transform:translate3d(0, 0, 0);z-index:10;} .bd-slider .swiper-pagination.swiper-pagination-hidden {opacity:0;} .bd-slider .swiper-container-horizontal > .swiper-pagination-bullets, .bd-slider .swiper-pagination-custom, .bd-slider .swiper-pagination-fraction {bottom:10px;left:0;width:100%;} .bd-slider .swiper-pagination-bullets-dynamic {overflow:hidden;font-size:0;} .bd-slider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {transform:scale(.33);position:relative;} .bd-slider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {transform:scale(1);} .bd-slider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {transform:scale(1);} .bd-slider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {transform:scale(.66);} .bd-slider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {transform:scale(.33);} .bd-slider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {transform:scale(.66);} .bd-slider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {transform:scale(.33);} .bd-slider .swiper-pagination-bullet {width:12px;height:12px;display:inline-block;border-radius:100%;background:#fff;opacity:.8;} .bd-slider button.swiper-pagination-bullet {border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;} .bd-slider .swiper-pagination-clickable .swiper-pagination-bullet {cursor:pointer;} .bd-slider .swiper-pagination-bullet-active {opacity:1;background:var(--swiper-pagination-color, var(--swiper-theme-color))} .bd-slider .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin:0 4px;} .bd-slider .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {left:50%;transform:translateX(-50%);white-space:nowrap;} .bd-slider .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {transition: .2s transform, .2s left;} .bd-slider .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {transition:.2s transform, .2s right;} .bd-slider .swiper-container-horizontal > .swiper-pagination-progressbar, .bd-slider .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {width:100%;height:4px;left:0;top:0;} .bd-slider .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .bd-slider .swiper-container-vertical > .swiper-pagination-progressbar {width:4px;height:100%;left:0;top:0;} .bd-slider .swiper-container-horizontal > .swiper-scrollbar {position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%} /* ============================================== ============================================== /// # SLIDER ============================================== ============================================== */ /* ===================================================================================================================== TEST === */ /* STELLENMARKT GEWERBLICH */ .Market .MarketShowLeft .job-header .jobinfo, .Market .MarketShowLeft .job-header .jobButtons, .Market .MarketShowLeft .job-header .ptext, .Market .BT_MarketSearchCtrl_ResultLiBT_Stellenanzeigen .jobDescription, .Market .MarketShowLeft .formpanel span i, .bt-stellenmarkt .WcmsContentHeader h1 {display:none;} .Market .MarketShowLeft .listpgWraper, .Market .MarketShowLeft .job-header {background:none;border:none;} .Market .MarketShowLeft .job-header .jbdetail .col-md-6 {width:100%;} .Market .MarketShowLeft .job-header .jbdetail .col-md-6 span {text-align:left;} .Market .MarketShowLeft .job-header .jbdetail li span.freelance {color:#000;} .Market .MarketShowLeft .job-header .formpanel .btn {background-image:linear-gradient(145deg, #0fa450, #0d8a44);box-shadow:0px 10px 12px -12px rgba(0, 0, 0, 0.14);padding:15px;border-radius:3px;} .Market .MarketShowLeft .job-header .formpanel .btn:hover {background-image:linear-gradient(145deg, #1ea357, #23c268);box-shadow:0 3px 15px rgba(0,0,0,0.2);} .Market .MarketShowLeft .job-header .contentbox, .Market .MarketShowLeft .job-header .jobdetail {background:#fff;border:none;box-shadow:0px 10px 12px -12px rgba(0, 0, 0, 0.14);} .Market .MarketShowLeft .job-header .jobdetail {padding:20px 40px;} .Market .MarketShowLeft .job-header .jobdetail h3 {color:#222;font-size:24px;font-weight:900;} .Market .searchList li .companyName, .Market .searchList li .firmaddress {color:#000;} .Market .BT_MarketSearchCtrl_ResultLiBT_Stellenanzeigen .location span {display:block;position:absolute;margin-top:-50px;} .Market .BT_MarketSearchCtrl_ResultLiBT_Stellenanzeigen .location {max-width:84px;white-space:nowrap;overflow:hidden;margin-top:40px;} .Market table#ctl00_ctl00_m_ctrlMainMasterContentPlaceHolder_m_ctrlMainContentPlaceHolder_m_wtSearchNavigation {background:#fff;box-shadow:0px 10px 12px -12px rgba(0, 0, 0, 0.14);} .Market table#ctl00_ctl00_m_ctrlMainMasterContentPlaceHolder_m_ctrlMainContentPlaceHolder_m_wtSearchNavigation td a:hover {background-image:linear-gradient(145deg, #1ea357, #23c268);color:#fff!important;} .Market table#ctl00_ctl00_m_ctrlMainMasterContentPlaceHolder_m_ctrlMainContentPlaceHolder_m_wtSearchNavigation td {padding:20px 0;} .Market table#ctl00_ctl00_m_ctrlMainMasterContentPlaceHolder_m_ctrlMainContentPlaceHolder_m_wtSearchNavigation td a {padding:22px;font-weight:900;font-size:14px;} .bt-stellenmarkt .bt-stellenmarkt-page .HtmlModule {padding:0;} .bt-stellenmarkt .bt-stellenmarkt-page .HtmlModuleContent {background:#fff;padding:20px 75px;} .bt-stellenmarkt .bt-stellenmarkt-page::after {content:"";display:block;width:100%;height:300px;background-image:url("https://unternehmen.badisches-tagblatt.de/Media/BT/Anzeigen/stellenmarkt.jpg");background-position:center;background-size:cover;} .bt-stellenmarkt .bt-stellenmarkt-page .WcmsModule {margin-top:20px;margin-bottom:0;} .bt-stellenmarkt .bt-stellenmarkt-page .bt-stellenmarkt-button .HtmlModuleContent {padding:0;} .bt-stellenmarkt .bt-stellenmarkt-page .bt-stellenmarkt-button a { background-image:linear-gradient(145deg, #0fa450, #0d8a44); border-radius:3px; color:#fff; font-weight:900; padding:16px 10px; box-shadow:4px 4px 7px #e8e8e8,-4px -4px 7px #fff; right:0; left:0; } .bt-stellenmarkt .bt-stellenmarkt-page .bt-stellenmarkt-button .HtmlModuleContent {background:none;margin-bottom:10px;} .bt-stellenmarkt .bt-stellenmarkt-page .bt-stellenmarkt-button a:hover {background-image:linear-gradient(145deg, #1ea357, #23c268);box-shadow:0 3px 15px rgba(0,0,0,0.2);} .bt-stellenmarkt .bt-stellenmarkt-page .bt-stellenmarkt-text {font-size:18px;font-weight:100;line-height:1.5;} .bt-stellenmarkt .bt-stellenmarkt-page .bt-stellenmarkt-text strong {font-size:24px;font-weight:900;display:block;margin-bottom:-3px;} .bt-stellenmarkt .Wcms.Market #aspnetForm > .row {transform:none;} /* Suche */ .bt-stellenmarkt .searchbar .form-control {border-radius:0;border:1px solid #f7f7f7;background:#f7f7f7;box-shadow:inset 1px 3px 7px -6px rgba(39,39,39,0.4);} .bt-stellenmarkt .searchbar .form-control option {background:#fff;} .bt-stellenmarkt .searchbar #btnSearch .btn { padding:15px; background-image:linear-gradient(145deg, #0fa450, #0d8a44); border-radius:3px; box-shadow:4px 4px 7px #e8e8e8,-4px -4px 7px #fff; font-weight:900; } .bt-stellenmarkt .searchbar #btnSearch .btn:hover {background-image:linear-gradient(145deg, #1ea357, #23c268);box-shadow:0 3px 15px rgba(0,0,0,0.2);} /* Ergebnisse */ .bt-stellenmarkt form > #ctl00_ctl00_m_ctrlMainMasterContentPlaceHolder_m_ctrlMainContentPlaceHolder_m_wdivSearch {padding:20px 75px;} .bt-stellenmarkt #aspnetForm .MarketSearchResult li.BT_MarketSearchCtrl_ResultList.BT_MarketSearchCtrl_ResultLiBT_Stellenanzeigen {padding:20px 75px;border:0;} .bt-stellenmarkt li h3 a {font-size:24px;} .bt-stellenmarkt #ctl00_ctl00_m_ctrlMainMasterContentPlaceHolder_m_ctrlMainContentPlaceHolder_m_wlblNoResultHint {display:block;margin-top:50px;font-weight:900;} @media (max-width:1200px){ .bt-stellenmarkt .bt-stellenmarkt-page .HtmlModuleContent, .bt-stellenmarkt #aspnetForm .MarketSearchResult li.BT_MarketSearchCtrl_ResultList.BT_MarketSearchCtrl_ResultLiBT_Stellenanzeigen, .bt-stellenmarkt form > #ctl00_ctl00_m_ctrlMainMasterContentPlaceHolder_m_ctrlMainContentPlaceHolder_m_wdivSearch {padding:20px 50px;} } @media (max-width:991px){ .bt-stellenmarkt .bt-stellenmarkt-page .WcmsModule, .bt-stellenmarkt #aspnetForm .WcmsContent {margin-top:0;} .bt-stellenmarkt .bt-stellenmarkt-page .bt-stellenmarkt-button a {padding:15px 10px;display:block;text-align:center;} .bt-stellenmarkt .bt-stellenmarkt-page .bt-stellenmarkt-text strong, .bt-stellenmarkt li h3 a {font-size:20px;} .bt-stellenmarkt .MarketSearchBoxBgk {padding:5px 0 0;margin-bottom:0;} .bt-stellenmarkt .bt-stellenmarkt-page .HtmlModuleContent, .bt-stellenmarkt #aspnetForm .MarketSearchResult li.BT_MarketSearchCtrl_ResultList.BT_MarketSearchCtrl_ResultLiBT_Stellenanzeigen, .bt-stellenmarkt form > #ctl00_ctl00_m_ctrlMainMasterContentPlaceHolder_m_ctrlMainContentPlaceHolder_m_wdivSearch {padding:20px 35px;} } @media (max-width:767px){ .Market .MarketShowLeft .job-header .jobdetail {padding:1px 20px;} } @media (max-width:610px){ .bt-stellenmarkt .searchList li {text-align:left;} .Market table#ctl00_ctl00_m_ctrlMainMasterContentPlaceHolder_m_ctrlMainContentPlaceHolder_m_wtSearchNavigation td a {padding:22px 0;} } /* ===================================================================================================================== TEST === */ /* ARTIKEL TEST */ .bt-test article .moreLink {max-width:109px;white-space:nowrap;overflow:hidden;display:block!important;} .bt-test article .moreLink:before {content:"WEITERLESEN";border:1px solid black;padding:5px;} /* ===================================================================================================================== TEST === */ .anz-page-content.bt-button a {color:#929292;font-weight:700;background:linear-gradient(145deg,#f3f3f3,#ffffff);box-shadow:4px 4px 7px #e8e8e8,-4px -4px 7px #ffffff;padding:10px 20px;border:0;border-radius:3px;} .anz-page-content.bt-button a:hover {background:linear-gradient(145deg,#0d8a44,#0fa450);color:#fff;box-shadow:0 3px 15px rgba(0,0,0,0.2);} /* ===================================================================================================================== TEST === */ /* Blog / Weihnachtsfreude */ .blog-text.box {padding:20px;} .bt-blogdesign .right {margin-right:0;} .blog-referenzen .HtmlModuleContent {background:#fff;padding:20px;} .bd-slider.blog-referenzen .swiper-slide {padding:50px 100px;font-size:18px;font-weight:100;} .bd-slider.blog-referenzen .swiper-slide em {font-style:normal;font-size:24px;} .bd-slider.blog-referenzen .swiper-slide strong {font-weight:900;} .bd-slider.blog-referenzen .swiper-pagination-bullet {background:#e8e8e8;} .bd-slider.blog-referenzen .swiper-pagination-bullet-active {background:#0E994B;} .bd-slider.blog-referenzen .swiper-button-next, .bd-slider.blog-referenzen .swiper-button-prev {background:rgba(232,232,232,0.5);} @media (max-width:610px){ .blog-text.box {padding:10px 0;} .bd-slider.blog-referenzen .swiper-slide em {font-size:20px;} .bd-slider.blog-referenzen .swiper-slide {padding:30px 10px;} } .StoryPreviewBox .moreLink {display:none!important;}