/* titillium-web-regular - latin */ @font-face { font-family: 'Titillium Web'; font-style: normal; font-weight: 400; src: url('../fonts/titillium-web-v9-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Titillium Web Regular'), local('TitilliumWeb-Regular'), url('../fonts/titillium-web-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/titillium-web-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/titillium-web-v9-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/titillium-web-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/titillium-web-v9-latin-regular.svg#TitilliumWeb') format('svg'); /* Legacy iOS */ } /* titillium-web-700 - latin */ @font-face { font-family: 'Titillium Web'; font-style: normal; font-weight: 700; src: url('../fonts/titillium-web-v9-latin-700.eot'); /* IE9 Compat Modes */ src: local('Titillium Web Bold'), local('TitilliumWeb-Bold'), url('../fonts/titillium-web-v9-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/titillium-web-v9-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/titillium-web-v9-latin-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/titillium-web-v9-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/titillium-web-v9-latin-700.svg#TitilliumWeb') format('svg'); /* Legacy iOS */ } /* titillium-web-900 - latin */ @font-face { font-family: 'Titillium Web'; font-style: normal; font-weight: 900; src: url('../fonts/titillium-web-v9-latin-900.eot'); /* IE9 Compat Modes */ src: local('Titillium Web Black'), local('TitilliumWeb-Black'), url('../fonts/titillium-web-v9-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/titillium-web-v9-latin-900.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/titillium-web-v9-latin-900.woff') format('woff'), /* Modern Browsers */ url('../fonts/titillium-web-v9-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/titillium-web-v9-latin-900.svg#TitilliumWeb') format('svg'); /* Legacy iOS */ } * { margin: 0; padding: 0; outline: 0; } html, body { width: 100%; height: 100%; } body { background-color: #fff; font-family: "Titillium Web", Helvetica, Times, Arial, sans-serif; font-size-adjust: 0.5; font-weight: 400; font-style: normal; font-size: 18px; line-height: 25px; letter-spacing: 1px; color: #000; overflow-wrap: break-word; } @media (max-width: 767px) { body { font-size: 16px; line-height: 22px; } } p { font-size: 18px; line-height: 25px; letter-spacing: 1px; font-weight: 400; font-style: normal; color: #000; padding: 0; margin: 0; } @media (max-width: 767px) { p { font-size: 16px; line-height: 22px; } } p1 { font-size: 18px; line-height: 25px; letter-spacing: 1px; font-weight: 700; font-style: normal; text-transform: uppercase; color: #000; padding: 0; margin: 0; } @media (max-width: 767px) { p1 { font-size: 16px; line-height: 22px; } } b, strong { font-weight: 700; } h1, h2, h3, h4, h5, h6 { font-size: 35px; line-height: 40px; letter-spacing: 3px; text-transform: uppercase; font-weight: 700; font-style: normal; color: #000; padding: 0; margin: 0; } @media (max-width: 767px) { h1, h2, h3, h4, h5, h6 { font-size: 30px; line-height: 35px; } } a { font-size: 18px; line-height: 25px; letter-spacing: 1px; font-weight: 400; font-style: normal; color: #000; text-decoration: none; cursor: pointer; padding: 0; margin: 0; } a:hover, a:focus { color: #000; text-decoration: underline; outline: none; } @media (max-width: 767px) { a { font-size: 16px; line-height: 22px; } } img { border: none; } button { font-size: 18px; line-height: 25px; letter-spacing: 1px; font-weight: 400; font-style: normal; color: #000; padding: 0; margin: 0; } @media (max-width: 767px) { button { font-size: 16px; line-height: 22px; } } .btn { background-color: #fff; color: #000; border-color: #000; border-radius: 0; padding: 5px 15px; margin: 0; } .btn b { font-weight: 700; } .btn:hover, .btn:focus { background-color: #000; color: #fff; border-color: #000; } ul { margin: 0; padding: 0; } ul li { font-size: 18px; line-height: 25px; letter-spacing: 1px; margin: 0 0 0 20px; } @media (max-width: 767px) { ul li, ul li ul li { font-size: 16px; line-height: 22px; } } .text-vertical-center { display: table-cell; text-align: center; vertical-align: middle; } .nopadding { padding: 0 !important; margin: 0 !important; } /* Navigation */ .navbar-default { max-width: 100%; min-height: 80px; background: rgba(0,0,0,0); border-color: transparent; padding: 0; margin: 0; } .navbar-nav { width: 100%; text-align: center; padding: 0; margin: 0; } .caret { margin: 0; } /* Custom-Darstellung Navbar li */ .navbar-nav > li { float: none; display: inline-block; } .navbar ul li { text-transform: uppercase; margin: 0 15px; } .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { position: relative; font-family: "Titillium Web", Helvetica, Times, Arial, sans-serif; font-size: 18px; line-height: 18px; text-decoration: none; text-transform: uppercase; font-weight: 700; padding: 31px 0; margin: 0; color: #fff; } .navbar-default .navbar-brand { padding: 0; margin: 0; height: auto; } .navbar-default .navbar-brand img { margin: 0; max-height: 80px; width: auto; position: absolute; top: 0; left: 0; border: 5px solid #f2f2f2; } .navbar-default, .navbar-nav, .navbar, .navbar-fixed-top { border: 0; } .navbar-default .navbar-toggle { border-color: #b80c24; background-color: #b80c24; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #b80c24; } .navbar-default .navbar-toggle .icon-bar { background-color: #fff; } /* Navbar Social Media */ .navbar-social-media { position: absolute; top:25px; left:117px; } .navbar-social-media a { color: #b80c24; font-weight: 400; text-decoration: none; cursor: pointer; font-size: 30px; line-height: 30px; padding-left: 20px; } .navbar-social-media a:hover, .navbar-social-media a:focus { color: #b80c24; text-decoration: none; outline: none; } /* Navbar Telefon */ .navbar-telefon { position: absolute; top:15px; right:15px; } .navbar-telefon a { color: #fff; font-weight: 700; text-decoration: none; cursor: pointer; font-size: 18px; line-height: 18px; text-transform: uppercase; } .navbar-telefon a:hover, .navbar-telefon a:focus { color: #b80c24; text-decoration: none; outline: none; } @media (max-width: 1199px) { .navbar-telefon { display:none; } } .highlight-bekorot { color: #b80c24; } /* Top-nav-collapse */ .top-nav-collapse { background-color: #f2f2f2; -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .top-nav-collapse .navbar-nav > li > a, .top-nav-collapse .navbar-nav > li > a:hover, .top-nav-collapse .navbar-nav > li > a:focus { color: #000; background-color: transparent; } .top-nav-collapse .navbar-nav > .active > a, .top-nav-collapse .navbar-nav > .active > a:hover, .top-nav-collapse .navbar-nav > .active > a:focus { color: #b80c24; background-color: transparent; } .top-nav-collapse .navbar-nav > .open > a, .top-nav-collapse .navbar-nav > .open > a:hover, .top-nav-collapse .navbar-nav > .open > a:focus { color: #000; background-color: transparent; } .top-nav-collapse .navbar-telefon a { color: #000; } .top-nav-collapse .navbar-telefon a:hover, .top-nav-collapse .navbar-telefon a:focus { color: #000; } .navbar-brand-top-nav-collapse { display: none !important; } .top-nav-collapse .navbar-brand-top-nav-collapse { display: block !important; } .top-nav-collapse .navbar-brand-original { display: none !important; } /* Media-Query */ @media (max-width: 1199px) { .navbar ul li { margin: 0 15px; } .navbar .container { width: 100%; } .navbar-nav { text-align: right; } } @media (max-width: 991px) { .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { padding: 10px 0; } .navbar-default .navbar-nav > li > a:before { height: 0; } .navbar-default .navbar-nav > li.active > a:before, .navbar-default .navbar-nav > li.active > a:after { height: 0; } .navbar-nav { padding: 15px 0; text-align: left; } .navbar ul li { width: 100%; margin: 0; } .navbar-collapse { margin: 0; background-color: #b80c24; border: 0; } .navbar-collapse .navbar-nav > li > a, .navbar-collapse .navbar-nav > li > a:hover, .navbar-collapse .navbar-nav > li > a:focus, .navbar-collapse .navbar-nav > .active > a, .navbar-collapse .navbar-nav > .active > a:hover, .navbar-collapse .navbar-nav > .active > a:focus, .navbar-collapse .navbar-nav > .open > a, .navbar-collapse .navbar-nav > .open > a:hover, .navbar-collapse .navbar-nav > .open > a:focus { color: #fff; } } /* Dropdown-Einstellungen */ .dropdown-menu { top: 80px; left: -90%; min-width: 200px; background: rgba(184,12,36,0.9); border: 0; border-radius: 0; padding: 15px 0; margin: 0; } .navbar ul li ul li { text-transform: uppercase; margin: 0; } .dropdown-menu > li > a { padding: 15px 25px; margin: 0; font-size: 16px; line-height: 16px; font-weight: 700; letter-spacing: 1px; color: #fff; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: #b80c24; background-color: #fff; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #b80c24; background-color: #fff; } .dropdown-menu .divider { margin: 0; } @media (max-width: 991px) { .dropdown-menu { padding: 0; } .dropdown-menu .divider { display:none; } .dropdown-menu > li > a { font-size: 14px; line-height: 14px; } } /* Cookie Plugin (Cookie Alert by Wruczek) */ /* * Bootstrap Cookie Alert by Wruczek * https://github.com/Wruczek/Bootstrap-Cookie-Alert * Released under MIT license */ .cookiealert { position: fixed; padding: 20px 50px; bottom: 0; left: 0; width: 100%; margin: 0 !important; z-index: 999; opacity: 0; border-radius: 0; border-top: 5px solid #b80c24; transform: translateY(100%); transition: all 500ms ease-out; background-color: #f2f2f2; } .cookiealert-row, .cookiealert-row-text, .cookiealert-row-button { padding: 0; margin: 0; } .cookiealert-row .cookiealert-row-button { text-align: right; } .cookiealert.show { opacity: 1; transform: translateY(0%); transition-delay: 1000ms; } .cookiealert p { font-size: 18px; line-height: 25px; letter-spacing: 1px; font-weight: 400; font-style: normal; color: #000; padding: 0; margin: 0; } .cookiealert a { font-size: 18px; line-height: 25px; letter-spacing: 1px; font-weight: 700; font-style: normal; color: #000; padding: 0; margin: 0; outline: none; } @media (max-width: 767px) { .cookiealert p, .cookiealert a { font-size: 16px; line-height: 22px; } } .cookiealert .btn { background-color: #b80c24; color: #fff; border-color: #b80c24; font-weight: 700; margin: 0; } .cookiealert .btn:hover, .cookiealert .btn:focus { background-color: #fff; color: #b80c24; border-color: #b80c24; } .cookiealert .acceptcookies { margin-left: 20px; vertical-align: baseline; } @media (max-width: 991px) { .cookiealert { padding: 25px; } .cookiealert-row .cookiealert-row-button { text-align: center; } .cookiealert .acceptcookies { margin-top: 20px; } } /* Hinweis (index.html) */ .index-hinweis { display: block; width: 100%; background-color: #b80c24; padding: 15px 0; margin: 0; } .index-hinweis p { color: #fff; } /* Einleitung (index.html) */ .index-einleitung { display: block; width: 100%; background-color: #fff; padding: 100px 0; margin: 0; } .index-einleitung h1, .index-einleitung h2 { margin: 0 0 25px 0; } .index-einleitung .fa { color: #b80c24; padding: 10px; } /* Sonderregel iet-liste */ .index-einleitung .iet-liste ul li { margin: 25px 0 0 20px; } /* ENDE */ /* Sonderregel Gebäudesanierung Bubbles */ .gebaeudesanierung-bubbles { background-color: #fff; border: 5px solid #b80c24; width: 150px; height: 150px; padding: 25px 10px; border-radius: 100px; margin-top: 25px; } .gebaeudesanierung-bubbles p1 { color: #b80c24; } .gebaeudesanierung-bubbles:hover { background-color: #b80c24; border: 5px solid #b80c24; } .gebaeudesanierung-bubbles:hover p1 { color: #fff; } /* ENDE */ /* Sonderregel Gefahrstoffbeseitigung Video */ video { margin-top: 15px; max-width: 75%; height: auto; } @media (max-width: 767px) { video { max-width: 100%; height: auto; } } /* ENDE */ /* Sonderregel iFrame Karte */ .karte { background-color: #f2f2f2; padding: 10px 10px 5px 10px; } .karte img { width: 100%; height: auto; margin-bottom: 5px; } .karte iframe { width: 100%; height: 300px; } @media (max-width: 991px) { .karte iframe { height: 400px; } } /* ENDE */ /* Sonderregel Vertrieb FontAwesome */ .index-einleitung .ie-vertrieb .fa { color: #b80c24; padding: 25px 0 10px 0; } /* ENDE */ .index-einleitung-row { padding: 0 50px; margin: 0; } .index-einleitung-row-spalten { padding: 0; margin: 0; } .index-einleitung-text { background-color: #fff; padding: 0 25px 0 0; margin: 0; } .index-einleitung-rechts { background-color: #fff; padding: 0; margin: 0; } .index-einleitung-rechts-kasten { background-color: #f2f2f2; border-right: 5px solid #b80c24; border-bottom: 5px solid #b80c24; padding: 25px; margin: 0; } .index-einleitung-rechts-kasten p { font-size: 35px; line-height: 40px; letter-spacing: 3px; text-transform: uppercase; font-weight: 700; font-style: normal; color: #b80c24; padding: 0; margin: 0; } @media (max-width: 767px) { .index-einleitung-rechts-kasten p { font-size: 30px; line-height: 35px; } } .index-einleitung-rechts-bildkasten { background-color: #f2f2f2; padding: 0; margin: 25px 0 0 0; } .ierb-kontakt { margin: 0; } .index-einleitung-rechts-bildkasten p { padding: 15px; } .index-einleitung-rechts-bildkasten img { width: 100%; height: auto; display: block; } .index-einleitung-rechts-call-to-action { background-color: #b80c24; padding: 25px; margin: 25px 0 0 0; } .index-einleitung-rechts-call-to-action a { font-weight: 700; text-transform: uppercase; color: #fff; } .index-einleitung-rechts-call-to-action a:hover, a:focus { color: #fff; text-decoration: none; } @media (max-width: 991px) { .index-einleitung { padding: 50px 0; } .index-einleitung-row { padding: 0; } .index-einleitung-text { padding: 0; } .index-einleitung-rechts { margin-top: 25px; } .index-einleitung-rechts-kasten { padding: 15px; } } /* Werbepartner (kontakt.html) */ .werbepartner { display: block; width: 100%; background-color: #fff; padding: 0; margin: 0; } .werbepartner-row { background-color: #b80c24; padding: 0; margin: 0; } .werbepartner-row-bild { background-color: #fff; background: url(../bilder/werden-sie-werbepartner-der-beko-gmbh.jpg) no-repeat center scroll; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; min-height: 425px; padding: 0; margin: 0; } .werbepartner-row-bild-interview { background-color: #fff; background: url(../bilder/interview.jpg) no-repeat center scroll; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; min-height: 425px; padding: 0; margin: 0; } .werbepartner-row-text { padding: 130px 15px 0 15px; margin: 0; } .werbepartner-row-text p { font-size: 35px; line-height: 40px; letter-spacing: 3px; text-transform: uppercase; font-weight: 700; font-style: normal; color: #fff; padding: 0; margin: 0; } @media (max-width: 767px) { .werbepartner-row-text p { font-size: 30px; line-height: 35px; } } .btn { background-color: #b80c24; color: #fff; border-color: #fff; padding: 5px 15px; margin: 10px 0 0 0; } .btn:hover, .btn:focus { background-color: #fff; color: #b80c24; border-color: #fff; } @media (max-width: 991px) { .werbepartner-row-text { padding: 25px; } .werbepartner-row-bild, .werbepartner-row-bild-interview { min-height: 350px; } } /* Leistungsübersicht (index.html) */ .index-leistungsuebersicht { display: block; width: 100%; background-color: #f2f2f2; padding: 50px 0; margin: 0; } .index-leistungsuebersicht a, .index-leistungsuebersicht a:hover, .index-leistungsuebersicht a:focus { text-decoration: none; outline: none; } .index-leistungsuebersicht-row { padding: 0; margin: 0; } .index-leistungsuebersicht-row-kasten { margin: 50px 0 0 0; } .index-leistungsuebersicht-row-spalte-text { background-color: #fff; min-height: 85px; padding: 40px 15px 15px 15px; margin: 0; border-bottom: 5px solid #b80c24; } .index-leistungsuebersicht-row-spalte-text:hover { background-color: #b80c24; } .index-leistungsuebersicht-row-spalte-text:hover p1 { color: #fff; } .ilrst-zweizweiler { padding: 40px 5px 15px 5px; } @media (max-width: 1199px) { .index-leistungsuebersicht-row-spalte-text { min-height: 155px; padding: 15px; } } @media (max-width: 991px) { .index-leistungsuebersicht-row-spalte-text { min-height: 0; } .index-leistungsuebersicht-row-kasten { padding: 0; } } .index-leistungsuebersicht-row-spalte-text p1 { color: #b80c24; } .index-leistungsuebersicht-row-spalte-text img { max-height: 60px; width: auto; margin-bottom: 10px; } .index-leistungsuebersicht-row-spalte-foto { background-color: #fff; padding: 0; margin: 0; } /* Aktuelle Werbeartikel (vertrieb.html) */ .aktuelle-werbeartikel { display: block; width: 100%; background-color: #f2f2f2; padding: 50px 0; margin: 0; } .aktuelle-werbeartikel-row { padding: 0; margin: 50px 0 0 0; } .aktuelle-werbeartikel-row-spalten { padding: 0; margin: 0; } .aktuelle-werbeartikel-row-spalten img { max-height: 250px; width: auto; margin: 0 0 5px 0; padding: 0; border: 10px solid #fff; } @media (max-width: 991px) { .aktuelle-werbeartikel-row { margin: 0; } .aktuelle-werbeartikel-row-spalten { margin: 25px 0 0 0; } } /* Callout Eins (Fullscreen-Zwischenbild) */ .callout-eins { position: relative; clear: both; float: none; padding: 0; margin: 0; width:100%; height: 705px; background-image: url(../bilder/beko-callout.jpg); background-position: center; background-repeat: no-repeat; background-attachment: fixed ; background-size: cover; } .callout-eins p { font-size: 35px; line-height: 40px; letter-spacing: 3px; text-transform: uppercase; font-weight: 700; font-style: normal; color: #fff; padding: 240px 0 0 0; margin: 0; } @media (max-width: 767px) { .callout-eins p { font-size: 30px; line-height: 35px; } } @media (max-width: 991px) { .callout-eins { display:none; } } /* Kontakt-Form-Container (kontakt.html) */ .kontakt-form-container { display: block; width: 100%; background-color: #f2f2f2; padding: 100px 0; margin: 0; } .kontakt-form-container a { color: #000; text-decoration: underline; cursor: pointer; } .kontakt-form-container a:hover, .kontakt-form-container a:focus { color: #000; text-decoration: underline; outline: none; } .kontakt-form-container h2 { margin: -180px 0 25px 0; padding: 180px 0 0 0; } .kontakt-form-container .btn { background-color: #b80c24; color: #f2f2f2; border-color: #b80c24; padding: 15px 25px; margin: 0; } .kontakt-form-container .btn:hover, .kontakt-form-container .btn:focus { background-color: #f2f2f2; color: #b80c24; border-color: #b80c24; } .form-control { padding: 10px; height: auto; font-size: 18px; line-height: 25px; color: #000; background-color: #fff; border-top: 0px solid #fff; border-right: 0px solid #b80c24; border-bottom: 2px solid #b80c24; border-left: 0px solid #fff; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .has-error .form-control { background-color: #fff; border-bottom: 2px solid #FF0000; } .has-error .form-control:focus { background-color: #fff; border-bottom: 2px solid #FF0000; } .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline { color: #FF0000; } .has-success .form-control { background-color: #fff; border-bottom: 2px solid #009900; } .has-success .form-control:focus { background-color: #fff; border-bottom: 2px solid #009900; } .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline { color: #009900; } .form-control:focus, .has-success .form-control:focus, .has-error .form-control:focus { border-top: 0px solid #fff; border-right: 0px solid #fff; border-bottom: 2px solid #b80c24; border-left: 0px solid #fff; background: rgba(184,12,36,0.1); -webkit-box-shadow: none; box-shadow: none; } .form-control::-moz-placeholder { color: #999999; } .form-control:-ms-input-placeholder { color: #999999; } .form-control::-webkit-input-placeholder { color: #999999; } .radio, .checkbox { padding: 10px 0 0 20px; margin: 0; } .datenschutzhinweis-box { background-color: #fff; padding: 30px; } @media (max-width: 767px) { .kontakt-form-container { padding: 50px 0; } .kontakt-form-container h2 { margin: -130px 0 25px 0; padding: 130px 0 0 0; } .form-control { border-top: 1px solid #999999; border-right: 1px solid #999999; border-bottom: 1px solid #999999; border-left: 1px solid #999999; } .datenschutzhinweis-box { padding: 15px; } } /* Rechtlichtes */ .rechtliches-bg { display: block; width: 100%; background-color: #f2f2f2; padding: 100px 0; margin: 0; } @media (max-width: 991px) { .rechtliches-bg { padding: 50px 0; } } .rechtliches-container { background-color: #fff; padding: 15px 50px 50px 50px; margin: 50px 100px 0 100px; } .rechtliches-container p { padding: 0; color: #000; font-weight: 400; text-transform: none; } .rechtliches-container p1, .rechtliches-container li { color: #b80c24; font-weight: 700; text-transform: uppercase; } .rechtliches-container p2 { color: #000; font-weight: 700; text-transform: uppercase; } .rechtliches-container ul, .rechtliches-container ol { color: #b80c24; font-weight: 700; margin: 0; padding: 0; } .rechtliches-container ul li, .rechtliches-container ol li { margin: 35px 0 0 25px; } .rechtliches-container ul li ul, .rechtliches-container ol li ol { color: #000; margin: 0; padding: 0; } .rechtliches-container ul li ul li, .rechtliches-container ol li ol li { margin: 25px 0 0 25px; } /* Ohne Style */ ul.ul-ohne, li.li-ohne { list-style: none; } .rechtliches-container ul li.li-ohne, .rechtliches-container ol li.li-ohne { margin: 35px 0 0 0; } /* ENDE */ .rechtliches-container a { color: #000; font-weight: 700; } .rechtliches-container a:hover, .rechtliches-container a:focus { color: #000; } @media (max-width: 1199px) { .rechtliches-container { margin: 50px 50px 0 50px; } } @media (max-width: 991px) { .rechtliches-container { margin: 25px 0 0 0; } } @media (max-width: 767px) { .rechtliches-bg { background-color: #fff; } .rechtliches-container { padding: 0; } } /* Sitemap */ .sitemap-liste a { font-weight: 400; } .sitemap-liste ul, .sitemap-liste ol { color: #000; font-weight: 700; margin: 35px 0 0 0; padding: 0; } .sitemap-liste ul li, .sitemap-liste ol li { margin: 0 0 0 25px; color: #000; font-weight: 400; text-transform: none; } .sitemap-liste ul li ul, .sitemap-liste ol li ol { color: #000; margin: 0; padding: 0; } .sitemap-liste ul li ul li, .sitemap-liste ol li ol li { margin: 0 0 0 25px; color: #000; font-weight: 400; text-transform: none; } /* Ansprechpartner BEKO */ .ansprechpartner-beko-bg { background-color: #333; padding: 0; margin: 0; } .ansprechpartner-beko { position: relative; background-color: #b80c24; padding: 25px 0; margin: -105px 0 0 0; z-index:2; } .ansprechpartner-beko p1 { font-size: 35px; line-height: 40px; letter-spacing: 3px; text-transform: uppercase; font-weight: 700; font-style: normal; color: #fff; padding: 0; margin: 0; } @media (max-width: 767px) { .ansprechpartner-beko p1 { font-size: 30px; line-height: 35px; } } .ansprechpartner-beko p { color: #fff; padding: 0; margin: 15px 0; } .ansprechpartner-beko .btn { background-color: #b80c24; color: #fff; border-color: #fff; } .ansprechpartner-beko .btn:hover, .ansprechpartner-beko .btn:focus { background-color: #fff; color: #b80c24; border-color: #fff; } .ansprechpartner-beko-row-logo img { max-width: 160px; height: auto; margin: 0; padding: 0; border: 5px solid #fff; } @media (max-width: 991px) { .ansprechpartner-beko-bg { background-color: #b80c24; } .ansprechpartner-beko { padding: 50px 0; margin: 0; } .ansprechpartner-beko-row-logo img { margin: 0 0 15px 0; } .ansprechpartner-beko-row-text { padding: 0 15px; text-align: center; } } @media (max-width: 767px) { .ansprechpartner-beko { padding: 50px 0 35px 0; margin: 0; } .ansprechpartner-beko .btn { margin-bottom: 15px; } } /* Blackbox */ .blackbox { background-color: #333; padding: 75px 0; margin: 0; } .blackbox p { color: #fff; padding: 0; margin: 0; } .blackbox a { color: #fff; padding: 0; } .blackbox a:hover, .blackbox a:focus { color: #fff; text-decoration: underline; outline: none; } /* Blackbox Row (Allgemein) */ .blackbox-row { margin: 0 0 75px 0; } .blackbox-row-spalte { background-color: transparent; margin: 0; } .blackbox-row-links { padding: 75px 0 0 0; } .blackbox-row-links a { font-weight: 700; text-transform: uppercase; color: #fff; padding: 0; } .blackbox-row img { display: block; max-height: 100px; width: auto; margin: 0; padding: 0; border: 5px solid #fff; } @media (max-width: 991px) { .blackbox-row { margin: 75px 0 25px 0; } .blackbox-row-spalte { margin-bottom: 50px; } .blackbox-row-links { padding: 0; } } @media (max-width: 767px) { .blackbox { padding: 50px 0; } .blackbox-row { margin: 0; } .blackbox-row-spalte { margin: 50px 0; } .blackbox-row-links { margin: 15px 0; } } /* Blackbox Zertifikat */ .blackbox-zertifikat-row { background-color: transparent; padding: 0; margin: 0 0 50px 0; } .blackbox-zertifikat-row img { display: block; max-height: 100px; width: auto; margin: 0; padding: 0; border: 0; } .blackbox-zertifikat-row img.bzrb-unten { padding: 0; margin: 0; } @media (max-width: 991px) { .blackbox-zertifikat-row img { padding: 0 10px; } .blackbox-zertifikat-row img.bzrb-unten { padding: 0 10px; margin-top: 25px; } } .blackbox-zertifikat-row-bild { padding: 0; margin: 0; } .blackbox-zertifikat-row-text { padding: 0; margin: 0; } @media (max-width: 767px) { .blackbox-zertifikat-row p { margin: 0; } } /* Media-Print (Standard-Einstellungen) */ @media print { .navbar { display:none; } .blackbox { display:none; } } /* Coast CMS */ .cms .navbar-default { display: none !important; } .cms .rechtliches-bg { margin: 0; }