.schrift90Prozent { font-size: 90%; } .schrift80Prozent { font-size: 80%; } .schrift70Prozent { font-size: 70%; } .schrift60Prozent { font-size: 60%; } .schrift50Prozent { font-size: 50%; } #visitor-info { text-align: center; } #visitor-info-infobox { text-align: left; } .visitor-big-count { font-weight: bold; padding: 15px 0; font-size: 18pt; } video { width: 100% !important; } #cookie-banner { background-color: rgba(0,0,0,0.85); color: #fff; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 10005; } #cookie-banner-content { max-width: 1000px; margin: 0 auto; padding: 15px 10px; font-size: 11pt; } #cookie-banner-text { text-align: justify; padding-bottom: 15px; } #cookie-banner-actions { display: flex; justify-content: space-between; } #cookie-banner-links-and-boxes { } #cookie-banner-links { padding-bottom: 15px; } #cookie-banner-checkboxen { display: flex; } .cookie-banner-checkbox { padding-right: 20px; } #cookie-banner-buttons { display: flex; flex-direction: column; justify-content: space-evenly; text-align: center; } .cookie-banner-button { padding-bottom: 10px; } .cookie-banner-button:last-child { padding-bottom: 0; } .cbn { cursor: pointer; } .cbn-alle { border: 0; padding: 8px 10px; color: #fff; background-color: #e5004a; } .cbn-auswahl { border: 0; background-color: transparent; color: #e5004a; font-size: 11pt; } @media screen and (max-width: 765px){ #cookie-banner-links { display: flex; flex-direction: column; } #cookie-banner-links span { display: none; } #cookie-banner-links a { padding: 2px 0; } #cookie-banner-checkboxen { flex-direction: column; } .cookie-banner-checkbox { padding: 4px 0 4px 0; } #cookie-banner-buttons { justify-content: flex-end; } .cookie-banner-button { padding-bottom: 15px; } } /* open-sans-300 - latin_latin-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: url('/static/ewarrf/gfonts/open-sans-v15-latin_latin-ext-300.eot'); /* IE9 Compat Modes */ src: local('Open Sans Light'), local('OpenSans-Light'), url('/static/ewarrf/gfonts/open-sans-v15-latin_latin-ext-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/static/ewarrf/gfonts/open-sans-v15-latin_latin-ext-300.woff2') format('woff2'), /* Super Modern Browsers */ url('/static/ewarrf/gfonts/open-sans-v15-latin_latin-ext-300.woff') format('woff'), /* Modern Browsers */ url('/static/ewarrf/gfonts/open-sans-v15-latin_latin-ext-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('/static/ewarrf/gfonts/open-sans-v15-latin_latin-ext-300.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-300italic - latin_latin-ext */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 300; src: url('/static/ewarrf/gfonts/open-sans-v15-latin_latin-ext-300italic.eot'); /* IE9 Compat Modes */ src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'), url('/static/ewarrf/gfonts/open-sans-v15-latin_latin-ext-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/static/ewarrf/gfonts/open-sans-v15-latin_latin-ext-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('/static/ewarrf/gfonts/open-sans-v15-latin_latin-ext-300italic.woff') format('woff'), /* Modern Browsers */ url('/static/ewarrf/gfonts/open-sans-v15-latin_latin-ext-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('/static/ewarrf/gfonts/open-sans-v15-latin_latin-ext-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-regular - latin_latin-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url('/static/ewarrf/gfonts/open-sans-v15-latin_latin-ext-regular.eot'); /* IE9 Compat Modes */ src: local('Open Sans Regular'), local('OpenSans-Regular'), url('/static/ewarrf/gfonts/open-sans-v15-latin_latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/static/ewarrf/gfonts/open-sans-v15-latin_latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('/static/ewarrf/gfonts/open-sans-v15-latin_latin-ext-regular.woff') format('woff'), /* Modern Browsers */ url('/static/ewarrf/gfonts/open-sans-v15-latin_latin-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('/static/ewarrf/gfonts/open-sans-v15-latin_latin-ext-regular.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-italic - latin_latin-ext */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 400; src: url('/static/ewarrf/gfonts/open-sans-v15-latin_latin-ext-italic.eot'); /* IE9 Compat Modes */ src: local('Open Sans Italic'), local('OpenSans-Italic'), url('/static/ewarrf/gfonts/open-sans-v15-latin_latin-ext-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/static/ewarrf/gfonts/open-sans-v15-latin_latin-ext-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('/static/ewarrf/gfonts/open-sans-v15-latin_latin-ext-italic.woff') format('woff'), /* Modern Browsers */ url('/static/ewarrf/gfonts/open-sans-v15-latin_latin-ext-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('/static/ewarrf/gfonts/open-sans-v15-latin_latin-ext-italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-600 - latin_latin-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: url('/static/ewarrf/gfonts/open-sans-v15-latin_latin-ext-600.eot'); /* IE9 Compat Modes */ src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url('/static/ewarrf/gfonts/open-sans-v15-latin_latin-ext-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/static/ewarrf/gfonts/open-sans-v15-latin_latin-ext-600.woff2') format('woff2'), /* Super Modern Browsers */ url('/static/ewarrf/gfonts/open-sans-v15-latin_latin-ext-600.woff') format('woff'), /* Modern Browsers */ url('/static/ewarrf/gfonts/open-sans-v15-latin_latin-ext-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('/static/ewarrf/gfonts/open-sans-v15-latin_latin-ext-600.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-600italic - latin_latin-ext */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 600; src: url('/static/ewarrf/gfonts/open-sans-v15-latin_latin-ext-600italic.eot'); /* IE9 Compat Modes */ src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url('/static/ewarrf/gfonts/open-sans-v15-latin_latin-ext-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/static/ewarrf/gfonts/open-sans-v15-latin_latin-ext-600italic.woff2') format('woff2'), /* Super Modern Browsers */ url('/static/ewarrf/gfonts/open-sans-v15-latin_latin-ext-600italic.woff') format('woff'), /* Modern Browsers */ url('/static/ewarrf/gfonts/open-sans-v15-latin_latin-ext-600italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('/static/ewarrf/gfonts/open-sans-v15-latin_latin-ext-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-700 - latin_latin-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url('/static/ewarrf/gfonts/open-sans-v15-latin_latin-ext-700.eot'); /* IE9 Compat Modes */ src: local('Open Sans Bold'), local('OpenSans-Bold'), url('/static/ewarrf/gfonts/open-sans-v15-latin_latin-ext-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/static/ewarrf/gfonts/open-sans-v15-latin_latin-ext-700.woff2') format('woff2'), /* Super Modern Browsers */ url('/static/ewarrf/gfonts/open-sans-v15-latin_latin-ext-700.woff') format('woff'), /* Modern Browsers */ url('/static/ewarrf/gfonts/open-sans-v15-latin_latin-ext-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('/static/ewarrf/gfonts/open-sans-v15-latin_latin-ext-700.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-700italic - latin_latin-ext */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 700; src: url('/static/ewarrf/gfonts/open-sans-v15-latin_latin-ext-700italic.eot'); /* IE9 Compat Modes */ src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url('/static/ewarrf/gfonts/open-sans-v15-latin_latin-ext-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/static/ewarrf/gfonts/open-sans-v15-latin_latin-ext-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('/static/ewarrf/gfonts/open-sans-v15-latin_latin-ext-700italic.woff') format('woff'), /* Modern Browsers */ url('/static/ewarrf/gfonts/open-sans-v15-latin_latin-ext-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('/static/ewarrf/gfonts/open-sans-v15-latin_latin-ext-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-800 - latin_latin-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; src: url('/static/ewarrf/gfonts/open-sans-v15-latin_latin-ext-800.eot'); /* IE9 Compat Modes */ src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url('/static/ewarrf/gfonts/open-sans-v15-latin_latin-ext-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/static/ewarrf/gfonts/open-sans-v15-latin_latin-ext-800.woff2') format('woff2'), /* Super Modern Browsers */ url('/static/ewarrf/gfonts/open-sans-v15-latin_latin-ext-800.woff') format('woff'), /* Modern Browsers */ url('/static/ewarrf/gfonts/open-sans-v15-latin_latin-ext-800.ttf') format('truetype'), /* Safari, Android, iOS */ url('/static/ewarrf/gfonts/open-sans-v15-latin_latin-ext-800.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-800italic - latin_latin-ext */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 800; src: url('/static/ewarrf/gfonts/open-sans-v15-latin_latin-ext-800italic.eot'); /* IE9 Compat Modes */ src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'), url('/static/ewarrf/gfonts/open-sans-v15-latin_latin-ext-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/static/ewarrf/gfonts/open-sans-v15-latin_latin-ext-800italic.woff2') format('woff2'), /* Super Modern Browsers */ url('/static/ewarrf/gfonts/open-sans-v15-latin_latin-ext-800italic.woff') format('woff'), /* Modern Browsers */ url('/static/ewarrf/gfonts/open-sans-v15-latin_latin-ext-800italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('/static/ewarrf/gfonts/open-sans-v15-latin_latin-ext-800italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } .start-box-flex { display: flex; flex-wrap: wrap; } .start-box-flex-box { flex: 0 0 33.33333%; } .start-box-flex-container { width: 90%; margin: 0 auto; display: flex; height: 100%; flex-direction: column; } .asp-flex-box { padding-right: 25px; padding-bottom: 30px; } @media screen and (max-width: 1500px){ .start-box-flex-box { flex: 0 0 50%; } .start-box-flex .start-box-headline { text-align: center; } .start-box-flex .start-box { width: 100%; margin-left: auto; margin-right: auto; } .start-box-flex-nonifb { max-width: 506px; width: 100%; margin-left: auto; margin-right: auto; } .start-box-flex .kundenportal { margin-left: auto; margin-right: auto; } } @media screen and (max-width: 1000px){ .start-box-flex-box { flex: 0 0 100%; } .start-box-flex-container { width: 100%; } .asp-flex-box { padding-right: 0; } } /* Styles überschreiben */ .start-box-flex .start-box-headline h3 { font-size: 15pt; } .start-box-flex .start-box { flex-grow: 1; } .start-box-flex .start-box-full-picture { object-fit: cover; height: 100%; } .start-box-flex .sb-tab-head { padding: 10px 14px; } .start-box-flex .tr-perso-button { font-size: 25px; } .start-box-flex .tr-perso-button-inner { padding: 5px 3px; margin: 0 3px; } .ladesaeule { width: 50%; float: left; padding-bottom: 40px; } .ladesaeule:nth-child(odd) { clear: both; } .ls-inhalt { padding-right: 20px; } .ls-titel { text-align: left; color: #4f6c8d; font-size: 16pt; font-weight: normal; padding-bottom: 25px; } .ls-bild { float: left; } .ls-bild img { width: 100%; max-width: 150px; margin-right: 30px; } .ls-daten { } .ls-text { padding-bottom: 10px; } .ls-more { padding-bottom: 10px; } .ls-more a { font-weight: bold; } .ls-preis { text-align: left; font-weight: bold; font-size: 1.5em; color: #000; padding-bottom: 4px; } .ls-preis-zusatz { } .ls-preis-zusatz a { font-weight: bold; } .ls-preis-ust { } .ls-doku { text-align: center; padding-bottom: 40px; } .gala-bild-container { float: left; width: 16.666666%; text-align: center; padding-bottom: 18px; padding-top: 15px; padding-right: 20px; } .gala-bild { display: inline-block; width: 150px; height: 150px; background-position: center center; background-size: cover; background-repeat: no-repeat; } .gala-bild img { display: none; } #zuf-film { display: block; height: 100%; max-height: 277px; } * { padding: 0; margin: 0; } *:focus { outline: 0; } body { background-color: #fff; font-family: 'Open Sans', sans-serif; font-size: 11pt; color: #000; background-color: #fff; position: relative; } h1, h2, h3 { margin: 0; padding: 0; } td { padding: 0; margin: 0; } /*Styles für den Editor*/ .Text-in-grau { color: #999; } /*Ende: Styles für den Editor*/ img { border: 0; } .imgleft { float: left; margin-right:30px; margin-bottom:20px; } .imgright { float: right; margin-left:30px; margin-bottom:20px; } .clearboth { clear: both; } a:focus { outline: none; } a { color: #e5004a; } a:link { text-decoration: none; } a:visited { text-decoration: none; } a:active { text-decoration: none; } a:hover { color: #e5004a; text-decoration: none; } input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type="number"] { -moz-appearance: textfield; } header,nav,main,aside,footer { display: block; } #page { position: relative; padding-bottom: 20px; } .wrap { max-width: 1200px; margin: 0 auto; padding: 0px 10px 10px 10px; } #content { display: flex; flex-direction: column; -webkit-box-shadow: 0px 0px 8px 2px rgba(168, 166, 168, 1); -moz-box-shadow: 0px 0px 8px 2px rgba(168, 166, 168, 1); box-shadow: 0px 0px 8px 2px rgba(168, 166, 168, 1); } #content-main { flex-grow: 1; padding-bottom: 30px; } #content-aside { flex: 0 0 450px; } #head { position: relative; height: 130px; max-width: 1400px; margin: 0 auto; } #logo { position: absolute; top: 19px; left: 167px; z-index: 75; } #logo img { display: block; width: 200px; } #navigation-oben-rechts { padding-top: 20px; font-size: 11pt; padding-left: 33%; } #navigation-oben-rechts ul { list-style: none; padding: 0; } #navigation-oben-rechts ul li { float: left; position: relative; } #navigation-oben-rechts ul li a { display: block; } .top-nav-punkt:first-child .nav-or-link { padding-left: 17px; } .nav-or-link { display: block; padding: 5px 11px; cursor: default; color: #5e5e5d; letter-spacing: 0.5px; } .nol-is-link { cursor: pointer; } .nav-or-last .nav-or-link { padding-right: 0; } .nav-top-klick.active { color: #fff; background-color: #e5004a; } .top-nav-directlink { cursor: pointer; } .subnavtop { display: none; position: absolute; z-index: 300; background-color: #e5004a; color: #fff; top: 30px; min-width: 150px; } .subnavtoppunkte { padding: 6px 0 0 0; } .subnavtoppunkte a { font-size: 11pt; color: #fff; padding: 8px 26px; display: block; white-space: nowrap; } .subnavtoppunkte a:hover { background-color: #fff; color: #e5004a; } .subnavtop-layer { position: absolute; width: 100%; height: 8px; left: 0; bottom: -8px; background-color: #e5004a; -webkit-border-bottom-right-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -moz-border-radius-bottomleft: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } #main-navigation { /*padding-top: 44px;*/ padding-left: 33%; position: absolute; bottom: 0; } #main-navigation ul { list-style: none; padding: 0; } .main-nav-li { float: left; position: relative; } .nav-main-link { display: block; padding: 7px 17px 7px 17px; font-size: 12pt; cursor: default; color: #5e5e5d; height: 36px; box-sizing: border-box; } .nav-main-link.active { color: #fff; background-color: #e5004a; } .subnav { display: none; position: absolute; z-index: 250; background-color: #e5004a; left: 0; top: 36px; min-width: 150px; } .subnavpunkte { padding-bottom: 6px; } .subnavpunkte a { color: #fff; font-size: 11pt; padding: 8px 30px; display: block; white-space: nowrap; } .subnavpunkte a:hover { background-color: #fff; color: #e5004a; } .subnav.subnav-right { left: auto; right: 0; } #head-mobile { display: none; position: relative; background-color: #e5004a; } #head-mobile-logo { text-align: left; position: absolute; z-index: 50; left: 15px; top: 0; } #head-mobile-logo a { display: inline-block; } #head-mobile-logo a img { display: inline-block; height: 60px; } #head-mobile-nav-button { float: right; } #head-mobile-nav-button-outer { color: #fff; font-size: 18pt; padding: 0 15px; cursor: pointer; } #bild-gross { max-width: 100%; margin: 0 auto; min-height: 30px; position: relative; overflow: hidden; width: 100%; } #bild-gross img { width: 100%; display: block; } #bild-gross-info-text { position: absolute; z-index: 15; background-color: rgba(229, 0, 74, 0.64); bottom: 52px; color: #fff; max-width: 619px; } #bild-gross-info-text-inner { padding: 50px 18px 18px 50px; background-color: rgba(229, 0, 74, 0.34); } #bild-gross-info-text-inner h2 { padding-right: 115px; padding-bottom: 22px; font-size: 29pt; } .bild-info-text { padding-right: 115px; font-size: 12pt; } .info-weiter-button { text-align: right; padding-top: 10px; font-size: 12pt; } .info-weiter-button a { display: inline-block; padding: 14px 24px; background-color: #e5004a; color: #fff; } #bild-gross-pagination { position: absolute; bottom: 11px; left: 0; width: 100%; text-align: center; cursor: pointer; } .paglink { width: 11px; height: 11px; background-color: #fff; margin: 0 5.5px; display: inline-block; } .paglink.pagactive { background-color: #e5004a; } #inhalt-startseite { padding-top: 47px; } #seitentitel { text-align: center; padding: 53px 0 0 0; } #seitentitel h1 { font-size: 25pt; color: #e5004a; } .inh-abs-titel { padding-bottom: 12px; } .inh-abs-titel h2 { color: #4f6c8d; font-size: 16pt; font-weight: normal; } .inh-abs-text { } .inh-abs-text p { padding-bottom: 17px; } .inh-abs-text ul { padding-left: 17px; } .inh-abs-text ol { padding-left: 28px; } .inh-abs-text ol > li { margin: 0; text-indent: -2em; list-style-type: none; counter-increment: item; } .inh-abs-text ol > li:before { display: inline-block; width: 21px; padding-right: 3px; font-weight: bold; text-align: right; content: counter(item) "."; } .inh-abs-text ol > li p { display: inline; } .content-trenner { width: 100%; height: 20px; } .content-trenner-small { width: 100%; height: 11px; } #inhalt { padding: 76px 60px 32px 60px; } #start-boxen { padding-top: 14px; } .start-box-row { } .start-box-left { box-sizing: border-box; float: left; width: 50%; padding-right: 31px; } .start-box-right { box-sizing: border-box; float: right; width: 50%; padding-left: 31px; } .start-box-headline { padding-bottom: 18px; } .start-box-headline h3 { font-size: 18pt; color: #e5004a; } .start-box { margin-bottom: 48px; max-width: 506px; position: relative; } .start-box-inner { padding: 34px 28px; } .start-box-shadow { -webkit-box-shadow: 0px 0px 8px 2px rgba(168,166,168,1); -moz-box-shadow: 0px 0px 8px 2px rgba(168,166,168,1); box-shadow: 0px 0px 8px 2px rgba(168,166,168,1); } .start-box-headline-blau { color: #4f6c8d; padding-bottom: 15px; font-size: 16pt; } .start-box-table-abstand { width: 100%; height: 26px; } .start-box table td { vertical-align: top; } .start-box-full-picture { width: 100%; display: block; } .start-box-text p { padding-bottom: 17px; } .start-box-bild-link { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .start-max-width { max-width: 506px; } #footer-wrap { background-color: #ededed; width: 100%; } #footer { } .footer-table { display: table; width: 100%; padding: 38px 0 26px 0; } .footer-table-row { display: table-row; } .footer-table-cell { display: table-cell; vertical-align: top; } #ftc-1 { width: 30%; } #ftc-2 { width: 35%; } #ftc-3 { width: 35%; } .footer-head-blau { color: #4f6c8d; padding-bottom: 12px; font-size: 16pt; } .footer-text { font-size: 14pt; color: #5e5e5d; } #footer a { color: #5e5e5d; } #jump-top { position: fixed; right: 0; bottom: 75px; width: 45px; height: 45px; z-index: 75; } #jump-top div { text-align: center; cursor: pointer; background-color: #e5004a; height: 100%; cursor: pointer; } #jump-top div img { display: inline-block; padding-top: 15px; width: 33%; } #mobile-navigation { display: none; height: 100vh; width: 100vw; position: fixed; top: 0; left: 0; background-color: rgba(109, 109, 109, 0.8); z-index: 2600; } #mnav-scroll-save { width: 100%; height: 70px; } #mnav-inner { max-width: 450px; width: 90%; height: 100vh; background-color: #fff; overflow-y: auto; position: fixed; right: 0; top: 0; } .mnav-head { border-bottom: 2px solid #eee; } .mnav-head h3 { padding: 21px 20px 19px 20px; display: inline-block; } .mnav-close { display: block; float: right; padding: 21px 20px 19px 20px; cursor: pointer; color: #444444; } .mnav-clear { display: block; clear: both; } #mnav-inner ul { list-style: none; } .mnav-li-0 { border-bottom: 2px solid #eee; } .mnav-a-0 { display: block; padding: 21px 20px 19px 20px; color: #444444; cursor: pointer; } .manv-0-unterpunkte { width: 69%; float: left; } .mnav-open-0 { display: block; float: right; padding: 21px 20px 19px 20px; cursor: pointer; color: #e5004a; border-left: 2px solid #eee; } .level-0-submenu-list { display: none; background-color: #e5004a; position: fixed; top: 0; right: 0; height: 100vh; max-width: 450px; width: 90%; overflow-y: auto; } .mnav-table { display: table; width: 100%; height: 100%; } .mnav-table-row { display: table-row; } .mnav-table-cell { display: table-cell; vertical-align: top; } .parent-icon-cell { width: 30px; border-right: 2px solid rgba(68, 68, 68, 0.25); cursor: pointer; } .mnav-parent-icon { width: 30px; text-align: center; padding-top: 10px; color: #fff; } .level-0-submenu-titel { background-color: #fff; color: #e5004a; } .level-0-submenu-titel .mnav-head { border-bottom: 0; } .level-0-submenu-back { cursor: pointer; padding: 12px 0px 9px 20px; color: #fff; background-color: #e5004a; } .level-0-submenu-back span { display: inline-block; padding-right: 10px; } .mnav-li-1 { border-top: 2px solid #B90C51; } .mnav-a-1 { color: #fff; display: block; padding: 12px 0px 9px 20px; } .mnav-a-1:hover, .mnav-a-1:visited, .mnav-a-1:focus { color: #fff; } #cookie-info { position: fixed; bottom: 0px; z-index: 10000; width: 100%; -ms-text-size-adjust: none; -moz-text-size-adjust: none; -o-text-size-adjust: none; -webkit-text-size-adjust: none; } #cookie-info-content { background-color: rgba(0, 0, 0, 0.8); color: #fff; padding: 4px; box-sizing: border-box; text-align: center; } #cookie-info-tbl { display: table; margin: 0 auto; } #cookie-info-text { display: table-cell; font-size: 9pt; vertical-align: middle; } #cookie-info-button { display: table-cell; font-size: 14pt; vertical-align: middle; } #cookie-info-abstand { display: table-cell; width: 15px; } #cookie-info-spacer { width: 100%; height: 33px; background-color: #ededed; } #cookie-info-button { cursor: pointer; } .acc-inhalte { padding-top: 0px; } .accordion { margin: 5px 0; } .acc-content { display: none; padding-left: 28px; } .acc-head { padding: 5px 0; cursor: pointer; } .acc-head h2 { color: #4f6c8d; font-size: 16pt; font-weight: normal; } .accordion.accopen { border-top: 1px solid #355983; border-bottom: 1px solid #355983; } .accopen .acc-head h2 { color: #e5004a; font-weight: bold; } .acc-content .inh-abs-titel h3 { font-size: 11pt; font-weight: normal; color: #4f6c8d; } .acc-punkt { display: inline-block; width: 17px; height: 17px; background-color: #e5004a; margin-right: 15px; } #kontaktformular { padding-bottom: 20px; } .formlist { padding: 0; list-style: none; } .formlist li { float: left; width: 50%; box-sizing: border-box; margin-bottom: 20px; } .formlist li.left { padding-right: 20px; } .formlist li.right { padding-left: 20px; } .formlist li label { padding-bottom: 5px; display: block; } .formlist li.zstand { } .formlist li.zstand input { width: 90%; } .formlist li.zstand span { display: inline-block; padding-left: 5px; } .ffeld { width: 100%; border: 1px solid #dddddd; padding: 8px 6px 6px 6px; box-sizing: border-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-family: 'Open Sans', sans-serif; } .ffeld:focus { outline: 1px solid #c9234a; outline-offset: 0px; } .fftextarea { margin-bottom: 20px; } .fftextarea label { display: block; padding-bottom: 5px; } .fftextarea textarea { height: 110px; font-family: 'Open Sans', sans-serif; } .form-hinweis { margin-bottom: 12px; } .form-submit { margin-bottom: 20px; } .form-submit input { background-color: #fff; border: 2px solid #4f6c8d; color: #4f6c8d; font-size: 16pt; font-family: 'Open Sans', sans-serif; padding: 15px; cursor: pointer; } .asp-info { padding-top: 25px; } .asp-info a { color: #4f6c8d; } .ewa-journale { padding: 30px 0; margin: 15px 0; border-top: 1px solid #355983; border-bottom: 1px solid #355983; } .ewa-journal { width: 25%; float: left; height: 380px; padding-bottom: 20px; } .ewa-journal-inner { padding: 0 10px; } .ewa-journal-titel { padding-bottom: 15px; } .ewa-journal-titel a { font-size: 16pt; color: #4f6c8d; } .ewa-journal-bild { -webkit-box-shadow: 0px 0px 17px -4px rgba(0,0,0,0.65); -moz-box-shadow: 0px 0px 17px -4px rgba(0,0,0,0.65); box-shadow: 0px 0px 17px -4px rgba(0,0,0,0.65); } .ewa-journal-bild a { display: block; } .ewa-journal-bild a img { display: block; width: 100%; } .archiv { padding-top: 20px; } .archiv-jahre { padding-left: 10px; } .archiv-jahre a { color: #5e5e5d; } .archiv-trenner { color: #5e5e5d; } .archiv-trenner:first-child { display: none; } .newsmedlung { padding-bottom: 22px; border-bottom: 1px solid #355983; margin-bottom: 22px; } .news-titel { padding-bottom: 5px; } .news-titel h2 { color: #4f6c8d; font-size: 16pt; font-weight: normal; } #zaehlerstandsform { padding-top: 15px; } .form-header { font-weight: bold; } .form-line { width: 100%; height: 1px; background-color: #c0c9d9; margin: 5px 0 15px 0; } .form-info { padding: 0 0 20px 0; color: #f00; } .map-header { color: #4f6c8d; font-weight: bold; padding-bottom: 3px; } .map-content { padding-bottom: 15px; } #ladesaeulen { padding-bottom: 20px; } .lsaeule { float: left; width: 33.33%; display: table; } .lsaeule-left { display: table-cell; width: 50%; vertical-align: middle; } .lsaeule-left label { display: inline-block; } .lsaeule-left img { display: block; height: 200px; } .lsaeule-right { display: table-cell; width: 50%; vertical-align: middle; } #modern-rechner { padding-top: 25px; } .al-service-modules p { padding: 0!important; } .tarif-kacheln { } .tarif-kachel-outer { float: left; width: 33.33%; margin-bottom: 48px; } .tarif-kachel { position: relative; box-sizing: border-box; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0px 0px 10px 0px rgba(163,163,163,1); -moz-box-shadow: 0px 0px 10px 0px rgba(163,163,163,1); box-shadow: 0px 0px 10px 0px rgba(163,163,163,1); } .tk-head { background-color: #e7edf0; height: 80px; } .tk-head h2 { font-size: 15pt; font-weight: normal; color: #4f6c8d; padding: 11px 24px 11px 24px; } .tk-content { padding: 28px 24px 28px 24px; } .tk-content ul { padding-left: 17px; } .tk-content ol { padding-left: 34px; } .tk-link { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .tarif-kachel-outer:first-child .tarif-kachel { margin-right: 28px; } .tarif-kachel-outer:nth-child(2) .tarif-kachel { margin-left: 14px; margin-right: 14px; } .tarif-kachel-outer:nth-child(3) .tarif-kachel { margin-left: 28px; } .tarif-kachel-outer:nth-child(4) { clear: both; } .tarif-kachel-outer:nth-child(4) .tarif-kachel { margin-right: 28px; } .tarif-kachel-outer:nth-child(5) .tarif-kachel { margin-left: 14px; margin-right: 14px; } .tarif-kachel-outer:nth-child(6) .tarif-kachel { margin-left: 28px; } .tarif-kachel-outer:nth-child(7) { clear: both; } .tarif-kachel-outer:nth-child(7) .tarif-kachel { margin-right: 28px; } .tarif-kachel-outer:nth-child(8) .tarif-kachel { margin-left: 14px; margin-right: 14px; } .tarif-kachel-outer:nth-child(9) .tarif-kachel { margin-left: 28px; } .tarif-kachel-outer:nth-child(10) .tarif-kachel { margin-right: 28px; } .tarif-kachel-outer:nth-child(11) .tarif-kachel { margin-left: 14px; margin-right: 14px; } .tarif-kachel-outer:nth-child(12) .tarif-kachel { margin-left: 28px; } #tarifberater { display: table; width: 100%; padding-bottom: 40px; } .tarifberater-row { display: table-row; } #tarifberater-form-headline { padding-bottom: 24px; } #tarifberater-form-headline h2 { font-size: 18pt; color: #e5004a; } #tarifberater-text { display: table-cell; width: 50%; vertical-align: top; box-sizing: border-box; padding-right: 60px; } #tarifberater-text h1 { padding-right: 60px; } #tarifberater-form { display: table-cell; width: 50%; min-width: 455px; } #tarifberater-hg { background-color: #e5004a; min-height: 50px; padding: 10px 15px; color: #fff; } /* Tarifrechner */ .tr-feld { padding-bottom: 10px; } .tr-feld-beschriftung { } .tr-feld-input { padding-top: 20px; } #plz-strom { width: 60px; text-align: center; } #plz-stromH { width: 60px; text-align: center; } #plz-gas { width: 60px; text-align: center; } #tarifberater-form input[type="text"], #tarifberater-form select, #tarifberater-form input[type="number"], #tarifberater-form textarea { padding: 8px 6px 6px 6px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #dddddd; font-size: 16px; } #sel-ortsteil { margin-left: 25px; } .tr-headline { padding: 10px 0; } .tr-personen { padding: 10px 0; } .tr-perso-button { text-align: center; float: left; font-size: 30px; color: #A9A9A9; width: 25%; cursor: pointer; max-width: 110px; } .tr-perso-button-inner { padding: 5px; border: 1px solid #d3d3d3; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #fff; margin: 0 5px; } .perso-active { color: #757575; } .fa-male-small { font-size: 60% !important; } .fa-child-1 { margin-left: -3px; } .fa-child-2 { margin-left: -5px; } .tr-slider { padding: 8px 0 15px 0; position: relative; } .tr-slider-value { padding: 0 0 10px 0; text-align: center; } .tr-table { display: table; } .tr-felder-unten { padding-top: 15px; } .tr-table-row { display: table-row; } .tr-table-td { display: table-cell; padding-bottom: 15px; } .tr-table-field-name { width: 220px; } #vstrom { text-align: center; } #vstromB { text-align: center; } #vstromH { text-align: center; } #vgas { text-align: center; } .tr-sub-button { text-align: center; } .tr-info { padding-top: 15px; text-align: center; font-size: 10pt; } #infotext-plz-mismatch { display: none; } #infotext-plz-mismatchStrom { display: none; } #infotext-plz-mismatchGas { display: none; } #prlinkole { padding-top: 30px; } .fa { min-width: 15px; } .btn { background-color: #fff; border: 2px solid #4f6c8d; color: #4f6c8d; font-size: 16pt; font-family: 'Open Sans', sans-serif; padding: 15px; cursor: pointer; margin: 0 auto; display: inline-block; } .btn:hover { color: #4f6c8d; } .tarif-auftrags-link .btn { width: 185px; box-sizing: border-box; text-align: center; } .btn-small { background-color: #fff; border: 2px solid #4f6c8d; color: #4f6c8d; font-size: 14pt; font-family: 'Open Sans', sans-serif; padding: 6px 15px; cursor: pointer; margin: 0 auto; display: inline-block; white-space: nowrap; width: 185px; box-sizing: border-box; text-align: center; } .btn-small:hover { color: #4f6c8d; } .btn-portal { margin-top: 8px; } .hideatstart { display: none; } .btn-deakt { background-color: #e2e2e2; cursor: auto; } #tarif-ausgabe { display: none; padding: 20px 0 40px 0; } #tarif-info { } .ewa-tarif-angebot { padding-top: 30px; } .tbl { display: table; } #tarif-info .tbl { width: 100%; } .tbltr { display: table-row; } .tbltd { display: table-cell; vertical-align: middle; } .tarif-name-and-info { width: 250px; } .tarif-name-and-info h3 { font-size: 16px; font-weight: 600; color: #e5004a; } .tarif-laufzeit { padding-top: 15px; } .tarif-preis { width: 95px; } .tarif-ersparniss { width: 145px; } .tarif-auftrags-link { width: 186px; text-align: right; } .tarif-info-more { padding-top: 10px; font-size: 85%; text-align: right; } .tarif-info-more span { cursor: pointer; } .ewa-tarif-infos { display: none; padding-top: 30px; } .ewa-tarif-trenner { width: 100%; height: 1px; background-color: #d3d3d3; margin-top: 30px; } .ewa-tarif-infos .acc-content { padding-bottom: 15px; } .ewa-tarif-infos .acc-content ul { padding-left: 17px; } .ewa-tarif-infos .acc-content ol { padding-left: 34px; } .ewa-tarif-infos .acc-content p { padding-bottom: 17px; } .ewa-tarif-infos .acc-content table { -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; } .ewa-tarif-infos .acc-content td { padding-right: 25px; text-align: left; } .tr-break { display: block; } #pr-sel-privatkunde { float: left; width: 140px; } #pr-sel-business { float: left; } .pr-sel-privatkunde { float: left; width: 140px; } .pr-sel-business { float: left; } .fa.fa-gas-1 { font-size: 22px; } .fa.fa-gas-2 { font-size: 25px; } .fa.fa-gas-3 { font-size: 29px; } .fa.fa-gas-4 { font-size: 32px; } /* /Tarifrechner */ /* Tab System */ .tabs-container { -webkit-box-shadow: 0px 6px 10px -1px rgba(71,71,71,1); -moz-box-shadow: 0px 6px 10px -1px rgba(71,71,71,1); box-shadow: 0px 6px 10px -1px rgba(71,71,71,1); } .tabs-head { height: 60px; position: relative; } .tabs-head-ovl { position: absolute; left: 0; top: -5px; background-color: #fff; height: 5px; width: 100%; } .tab-head { float: left; padding: 0 25px; font-size: 18pt; font-weight: bold; color: #5e5e5d; cursor: pointer; position: relative; height: 60px; box-sizing: border-box; } .tab-head span { display: block; padding: 11px 0 0 0; } .tab-head-mobile { display: none; } .th-active { color: #e5004a; background-color: #fff; } .tabs-content { position: relative; background-color: #fff; } .tabs-content::after { content: ''; position: absolute; width: 100%; height: 1px; top: 0; left: 0; z-index: -1; -webkit-box-shadow: 0px 0px 10px 1px rgba(71,71,71,1); -moz-box-shadow: 0px 0px 10px 1px rgba(71,71,71,1); box-shadow: 0px 0px 10px 1px rgba(71,71,71,1); } .th-active::after { content: ''; position: absolute; width: 1px; height: 100%; top: 0; left: 0; z-index: -1; -webkit-box-shadow: 0px 0px 10px 1px rgba(71,71,71,1); -moz-box-shadow: 0px 0px 10px 1px rgba(71,71,71,1); box-shadow: 0px 0px 10px 1px rgba(71,71,71,1); } .th-active::before { content: ''; position: absolute; width: 1px; height: 100%; top: 0; right: 0; z-index: -1; -webkit-box-shadow: 0px 0px 10px 1px rgba(71,71,71,1); -moz-box-shadow: 0px 0px 10px 1px rgba(71,71,71,1); box-shadow: 0px 0px 10px 1px rgba(71,71,71,1); } .tab-content { display: none; } .tabl-content-inner { padding: 40px 28px 28px 28px; } .tabs-content .tab-content:first-child { display: block; } .tab-content-ovl-left { position: absolute; left: -12.5px; bottom: 0; width: 25px; height: 115px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+1,0.9+35,1+100 */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iMzUlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuOSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 1%, rgba(255,255,255,0.9) 35%, rgba(255,255,255,1) 100%); /* FF3.6-15 */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(1%,rgba(255,255,255,0)), color-stop(35%,rgba(255,255,255,0.9)), color-stop(100%,rgba(255,255,255,1))); /* Chrome4-9,Safari4-5 */ background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,0.9) 35%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,0.9) 35%,rgba(255,255,255,1) 100%); /* Opera 11.10-11.50 */ background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,0.9) 35%,rgba(255,255,255,1) 100%); /* IE10 preview */ background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,0.9) 35%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */ } .tab-content-ovl-right { position: absolute; right: -12.5px; bottom: 0; width: 25px; height: 115px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+1,0.9+35,1+100 */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iMzUlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuOSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 1%, rgba(255,255,255,0.9) 35%, rgba(255,255,255,1) 100%); /* FF3.6-15 */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(1%,rgba(255,255,255,0)), color-stop(35%,rgba(255,255,255,0.9)), color-stop(100%,rgba(255,255,255,1))); /* Chrome4-9,Safari4-5 */ background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,0.9) 35%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,0.9) 35%,rgba(255,255,255,1) 100%); /* Opera 11.10-11.50 */ background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,0.9) 35%,rgba(255,255,255,1) 100%); /* IE10 preview */ background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,0.9) 35%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */ } .tab-content-ovl-bottom { position: absolute; left: -10px; bottom: -17px; background-color: #fff; width: 105%; height: 25px; } .tab-header-big { padding-bottom: 24px; } .tab-header-big h1 { /*color: #355983;*/ color: #e5004a; /*font-size: 28pt;*/ font-size: 26pt; font-weight: normal; } .tab-header-big h2 { color: #355983; /*font-size: 28pt;*/ font-size: 16pt; /*font-weight: normal;*/ font-weight: bold; } #tab-header-tab2 h2 { color: #e5004a; font-size: 26pt; font-weight: normal; } .tarif-name-sup { font-size: 15pt; } .tarif-bonus-sup { font-size: 11pt; } .tarif-infotext { padding-bottom: 30px; } .tarif-infotext p { padding-bottom: 17px; } .tarif-infotext p:last-child { padding-bottom: 0; } .tarif-info-liste { padding-bottom: 25px; } .tarif-info-liste ul { list-style: none; display: table; width: 100%; } .tarif-info-liste ul li { font-size: 16pt; font-weight: bold; color: #355983; padding-bottom: 16px; } .tarif-info-liste ul li:last-child { padding-bottom: 0; } .tarif-info-indikator { display: table-cell; width: 30px; vertical-align: top; } .tarif-info-indikator .viereck { display: inline-block; width: 17px; height: 17px; background-color: #e5004a; margin-right: 15px; } .tarif-info-liste .vorteil { display: table-cell; vertical-align: top; } .tarif-info-big-table { display: table; width: 100%; padding-bottom: 15px; } .tibt-tr { display: table-row; } .tibt-td { display: table-cell; vertical-align: middle; } .tibt-td.td-left { font-size: 16pt; color: #355983; padding: 20px 0; white-space: nowrap; } .tibt-td.td-right { padding: 20px 0 20px 25px; } .tibt-tr .tibt-td { border-bottom: 1px solid #355983; } .tibt-tr:last-child .tibt-td { border-bottom: 0; } .tarif-info-table { display: table; width: 100%; } .tit-tr { display: table-row; } .tit-td { display: table-cell; vertical-align: top; } .tit-td.td-left { font-size: 16pt; color: #355983; white-space: nowrap; width: 267px; } .tit-td.td-right { padding: 7px 0 20px 25px; } .tit-td p { padding-bottom: 17px; } .tit-td p:last-child { padding-bottom: 0; } .tarif-preis-zusatz-info { font-weight: bold; } .tarif-preis-table { display: table; padding-bottom: 25px; width: 100%; } .tpt-tr { display: table-row; } .tpt-td { display: table-cell; } .tpt-td.td-left { font-size: 16pt; color: #355983; white-space: nowrap; width: 245px; padding: 20px 0; } .tpt-td.td-preis1 { padding: 20px 0 20px 25px; width: 60px; text-align: right; } .tpt-td.td-preis2 { padding: 20px 0 20px 25px; width: 60px; text-align: right; } .tpt-td.td-einheit { padding: 20px 0 20px 25px; width: 100px; } .tpt-td.td-empty { } .tpt-tr .tpt-td { border-bottom: 1px solid #355983; } .tpt-tr:first-child .tpt-td { border-bottom: 0; } .tpt-tr:last-child .tpt-td { border-bottom: 0; } .tarif-vertrag-info { padding-bottom: 10px; } .tarif-bonus-info { padding-bottom: 10px; } #tarif-weitere-infos { padding-top: 20px; } .tarif-preis-prod-name { padding-bottom: 5px; } .tab-content ul { padding-left: 17px; } .tab-content ol { padding-left: 34px; } /* /Tab System */ .sb-tabs { } .sb-tabs-header { display: inline-block; border: 1px solid #fff; } .sb-tab-head { float: left; padding: 10px 20px; background-color: #fff; color: #e5004a; cursor: pointer; } .sb-tab-head.sbt-active { background-color: #e5004a; color: #fff; cursor: initial; } .sb-tab-head-br { border-right: 2px solid #e5004a; } .sb-tabs-content { padding-top: 10px; } .sb-tab-content { display: none; color: #fff; } .sb-tab-content.sb-first-tab { display: block; } .sb-tab-content-inner { padding: 0px 10px 10px 10px; } .sbt-input { } .sbt-input input[type="text"], .sbt-input select, .sbt-input input[type="number"], .sbt-input textarea{ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #dddddd; font-size: 16px; padding: 8px 6px 6px 6px; } #prlinkoleStrom { padding-top: 20px; } #prlinkoleGas { padding-top: 20px; } #asp-fachbereiche { list-style: none; padding-left: 0; } #asp-fachbereiche li { float: left; width: 50%; padding-bottom: 15px; } #asp-fachbereiche li:nth-child(odd) { clear: both; } .asp-fab-image { float: left; width: 113px; } .asp-fab-info { float: left; width: 65%; padding-left: 15px; } .toplokal { text-align: center; margin-bottom: 30px; } .toplokal img { max-width: 350px; width: 100%; } #rootline { padding-bottom: 32px; } .tarif-auftrag-pdf { font-size: 16pt; padding: 10px 0 20px 0; } .tarif-auftrag-pdf a { display: inline-block; border: 2px solid #4f6c8d; background-color: #fff; color: #4f6c8d; padding: 15px; } .ladesaeule0 { width: 33%; float: left; } .ladesaeule1 { width: 33%; float: left; } .ladesaeule2 { width: 33%; float: left; } .ls-titel { color: #4f6c8d; font-size: 16pt; font-weight: normal; text-align: center; } .ls-bild { text-align: center; padding-top: 25px; } .ls-bild img { width: 100%; max-width: 210px; } .ls-preis { text-align: center; font-weight: bold; font-size: 15pt; color: #4f6c8d; padding-bottom: 4px; } .ls-leist { text-align: center; text-align: center; font-size: 10pt; padding-bottom: 5px; } .ls-doku { text-align: center; padding-bottom: 40px; } #google-karte-legende { padding-top: 20px; } .gkl { padding-bottom: 15px; } .gkl-symbol { float: left; padding-right: 15px; } .gkl-titel { padding-top: 5px; } #tr-switch-type { position: absolute; right: -7px; top: 0; } #tr-switch-type a { display: inline-block; color: #fff; } #tr-switch-type a:hover { color: #fff; } .ewa-tarif-abstand { padding: 10px; background-color: rgba(212, 212, 212, 0.3); } .ewa-tarif-abstand.ewa-empfehlung { background-color: rgba(197, 13, 86, 0.1); } .dok-table { display: table; width: 100%; border-top: 1px solid #d3d3d3; } .dok-tablerow { display: table-row; } .dok-tablecell { display: table-cell; vertical-align: top; padding: 5px 0; border-bottom: 1px solid #d3d3d3; } #tarife-liste-button { display: none; text-align: center; } #tarife-liste-button div { display: inline-block; border: 2px solid #4f6c8d; background-color: #fff; color: #4f6c8d; padding: 15px; cursor: pointer; font-size: 14pt; } .kp-top { padding-top: 32px; } .kundenportal { background-color: #355983; margin-bottom: 48px; max-width: 506px; position: relative; } #kp-text { padding: 35px 35px 13px 35px; color: #fff; } #kp-button { padding: 35px 35px 51px 35px; } #kp-button a { padding: 5px 17px 12px 17px; background-color: #203751; color: #fff; font-size: 21pt; } #kp-ecke { position: absolute; right: 0; bottom: 0; width: 199px; height: 73px; z-index: 10; } #kp-ecke img { display: block; width: 100%; } .tbl { display: table; } .tbl-tr { display: table-row; } .tbl-td { display: table-cell; vertical-align: middle; } #stromh-auswahl-typ { padding-top: 15px; padding-bottom: 10px; } .zuf-table { display: table; width: 100%; height: 100%; } .zuf-table * { box-sizing: border-box; } .zuf-table-tr { display: table-row; } .zuf-table-td { display: table-cell; vertical-align: top; position: relative; height: 100%; } .zuf-tbl-bild { } .zuf-tbl-bild img { display: block; width: 100%; } .zuf-tbl-daten { border: 1px solid #ed1556; } .zuf-td-big { width: 50%; } .zuf-table-top { } .zuf-table-top .zuf-tbl-bild { padding-right: 10px; } .zuf-table-top .zuf-tbl-daten { padding-left: 10px; } .zuf-daten { /*position: absolute; left: 0; top: 0;*/ width: 100%; height: 100%; /*border: 1px solid #e5004a;*/ padding: 10px 20px; } .zuf-td-small { width: 25%; } .zuf-table-middle { padding-top: 20px; } .zuf-table-middle .zuf-bild-1 { padding-right: 13.33333px; } .zuf-table-middle .zuf-bild-2 { padding-left: 13.33333px; } .zuf-table-middle .zuf-tbl-daten { padding: 0 6.66666px; } .zuf-table-middle img { height: 179px; object-fit: cover; } .zuf-table-bottom { padding-top: 20px; } .zuf-table-bottom .zuf-tbl-bild { padding-left: 10px; } .zuf-table-bottom .zuf-tbl-daten { padding-right: 10px; } .zuf-table-bottom img { height: 174px; object-fit: cover; } .zuf-header { text-align: center; } .zuf-header h2 { color: #5e5e5d; font-size: 16pt; font-weight: normal; padding-bottom: 10px; } .zuf-content { font-size: 9pt; } .zuf-content p { padding-bottom: 17px; } .zuf-content p:last-child { padding-bottom: 0; } .zuf-button { text-align: center; /*position: absolute; left: 0; bottom: 10px;*/ padding-top: 10px; width: 100%; } .zuf-button a { display: inline-block; padding: 5px 15px; color: #fff; background-color: #ed1556; } .zuf-center { text-align: center; } .zuf-zahlen { margin: 0 auto; width: 100%; } .zuf-zahl { float: left; width: 25%; padding: 0 10px; } .zuf-zahl-titel { border-bottom: 1px solid #ed1556; padding-bottom: 3px; color: #e5004a; font-weight: bold; font-size: 8pt; } .zuf-zahl-wert { font-size: 17pt; font-weight: bold; padding: 8px 0; color: #5e5e5d; } .zuf-zahl-infotext { border-bottom: 2px solid #9a9a9a; height: 110px; font-size: 8pt; } #zuf-first-pic { width: auto; } #zuf-first-pic img { height: 237px; object-fit: cover; } #zuf-important-data { width: 536px; } .ergebniss-box { float: left; width: 25%; box-sizing: border-box; } .ergebniss-box:nth-child(1) { padding-right: 15px; padding-bottom: 15px; } .ergebniss-box:nth-child(2) { padding-left: 5px; padding-right: 10px; padding-bottom: 15px; } .ergebniss-box:nth-child(3) { padding-left: 10px; padding-right: 5px; padding-bottom: 15px; } .ergebniss-box:nth-child(4) { padding-left: 15px; padding-bottom: 15px; } .ergebniss-box:nth-child(5) { padding-right: 15px; } .ergebniss-box:nth-child(6) { padding-left: 5px; padding-right: 10px; } .ergebniss-box:nth-child(7) { padding-left: 10px; padding-right: 5px; } .ergebniss-box:nth-child(8) { padding-left: 15px; } .ergebnis-box-top { height: 105px; background-color: #ed1556; } .erg-bt-titel { padding: 10px; font-size: 15pt; color: #fff; } .ergebnis-box-bottom { background-color: #ed1556; color: #fff; position: relative; height: 105px; } .erg-bb-einheit { text-align: right; padding-right: 10px; padding-top: 10px; } .erg-bb-wert { position: absolute; right: 10px; bottom: 10px; font-size: 28pt; } /* Energieausweise-Seite */ video::-webkit-media-controls-fullscreen-button { display: none; } video::-webkit-media-controls-timeline { display: none; } #ea-video { max-width: 75%; margin: 0 auto; padding-top: 40px;} #ea-block { width: 100%; } #ea-block a { background-color: #fff; display: block; } #ea-block a:hover { background-color: #eee; } .ea-einzelblock { width: 23%; padding: 1%; text-align: center; float: left; } .ea-einzelblock img { max-width: 250px; width: 100%; display: block; } #ea-endetext { padding-top: 40px; } #ea-typen { width: 100%; padding-top: 20px; display: table; } #ea-typ-row { display: table-row; } .ea-typ { width: 40%; padding: 5%; background-color: #eee; display: table-cell; } .ea-eb-text { text-align: center; padding-top: 20px; } .ea-eb-text a { text-decoration: underline; } .cookie-informationen { display: table; box-sizing: border-box; padding-bottom: 25px; } .cookie-informationen * { box-sizing: border-box; } .cookie-row { display: table-row; } .cookie-info-name { display: table-cell; vertical-align: top; white-space: nowrap; padding: 0 0 5px 0; font-weight: bold; font-style: italic; } .cookie-info-text { display: table-cell; vertical-align: top; padding: 0 0 5px 10px; } #cookie-opt-in { position: fixed; bottom: 0; left: 0; width: 100%; background-color: rgba(0,0,0,0.85); z-index: 10005; color: #fff; padding: 10px; box-sizing: border-box; font-size: 11pt; } #cookie-opt-in * { box-sizing: border-box; } #coi-center { max-width: 900px; margin: 0 auto; } #coi-infotext { /*text-align: justify;*/ } #coi-infotext p { margin-bottom: 0; padding-bottom: 0; } #coi-infolinks { padding: 10px 0 5px 0; } #coi-form { padding-top: 10px; } #coi-form button { border: 1px solid #d3d3d3; cursor: pointer; background-color: #e5004a; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 5px 10px; } #cookie-opt-in label { display: inline-block; } #coi-cookies { display: flex; flex-wrap: wrap; } .coi-cookie { } .coi-checkbox { padding-right: 20px; } .iframe-daten-info { background-color: rgba(0,0,0,0.7); color: #fff; padding: 50px 10px; text-align: center; } .idi-text { } .idi-text p { padding-bottom: 0; margin-bottom: 0; } .idi-form { padding-top: 20px; } .idi-button { border: 1px solid #d3d3d3; cursor: pointer; background-color: #e5004a; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: inline-block; padding: 5px 10px; } #infoboxen { padding-top: 86px; } .infobox { padding-bottom: 30px; } .ib-titel { } .ib-asp-info { } .ib-asp-titel { float: left; width: 100px; } .ib-asp-wert { float: left; } .ib-links-info { } .ib-links-titel { float: left; width: 28px; } .ib-links-wert { float: left; } .ib-tmb-info { } .ib-tmb-bild { float: right; width: 150px; margin-right: 15px; } .ib-tmb-text { } .ib-tmb-text p { padding-right: 15px; } /* Intranet */ /* Intern */ #intranetlogin { padding: 10px 0 30px 0; } #login-box { border-style: solid; border-width: 1px; width: 400px; padding: 50px 20px; margin: 0 auto; } #login-benutzer { } #login-passwort { } #login-send { padding-top: 30px; } #login-ready { padding: 50px 0; } @media screen and (max-width: 1440px){ #content-main { padding-left: 20px; } } @media screen and (min-width: 1400px) and (max-width: 1499px){ .tk-head h2 { font-size: 14pt; } } @media screen and (min-width: 1100px) and (max-width: 1399px){ .tarif-kachel-outer { width: 50%; } .tarif-kachel-outer:first-child .tarif-kachel { margin-right: 28px; } .tarif-kachel-outer:nth-child(2) .tarif-kachel { margin-left: 28px; margin-right: 0px; } .tarif-kachel-outer:nth-child(3) { clear: both; } .tarif-kachel-outer:nth-child(3) .tarif-kachel { margin-left: 0px; margin-right: 28px; } .tarif-kachel-outer:nth-child(4) { clear: none; } .tarif-kachel-outer:nth-child(4) .tarif-kachel { margin-right: 0px; margin-left: 28px; } .tarif-kachel-outer:nth-child(5) { clear: both; } .tarif-kachel-outer:nth-child(5) .tarif-kachel { margin-left: 0; margin-right: 28px; } .tarif-kachel-outer:nth-child(6) .tarif-kachel { margin-left: 28px; } .tarif-kachel-outer:nth-child(7) { clear: both; } .tarif-kachel-outer:nth-child(7) .tarif-kachel { margin-right: 28px; } .tarif-kachel-outer:nth-child(8) .tarif-kachel { margin-left: 28px; margin-right: 0px; } .tarif-kachel-outer:nth-child(9) { clear: both; } .tarif-kachel-outer:nth-child(9) .tarif-kachel { margin-left: 0px; margin-right: 28px; } .tarif-kachel-outer:nth-child(10) .tarif-kachel { margin-left: 28px; margin-right: 0px; } .tarif-info-more { padding-top: 20px; white-space: nowrap; } } @media screen and (min-width: 1100px) and (max-width: 1399px){ .zuf-table { display: block; max-width: 536px; margin: 0 auto; } .zuf-table-tr { display: block; } .zuf-table-td { display: block; } .zuf-table-middle .zuf-tbl-bild { display: none; } .zuf-table-bottom .zuf-tbl-bild { display: none; } #zuf-important-data { width: auto; } #zuf-first-pic { padding-bottom: 20px; } #zuf-first-pic img { height: auto; object-fit: initial; } .zuf-td-big { width: auto; } } @media screen and (min-width: 1300px) and (max-width: 1400px){ .erg-bt-titel { font-size: 14pt; } .ea-einzelblock { font-size: 10pt; } } @media screen and (min-width: 1200px) and (max-width: 1299px){ #ea-video { max-width: 90%; } } @media screen and (min-width: 1100px) and (max-width: 1199px){ #ea-video { max-width: 90%; } .ea-einzelblock { font-size: 10pt; } .tk-head h2 { font-size: 14pt; } } @media screen and (min-width: 1200px) and (max-width: 1380px){ #navigation-oben-rechts { padding-left: 22%; } #main-navigation { padding-left: 22%; } .asp-fab-info { width: 80%; } } @media screen and (min-width: 1025px) and (max-width: 1380px){ /*#logo { left: 0; }*/ } @media screen and (max-width: 1250px){ #tarifberater-text { display: block; width: 100%; } #tarifberater-form { display: block; max-width: 470px; width: 100%; min-width: auto; } } @media screen and (min-width: 0px) and (max-width: 1099px){ #content-main { padding-right: 0; } #seitentitel { text-align: right; padding: 53px 90px 0 0; } } @media screen and (min-width: 0px) and (max-width: 1199px){ body { overflow-x: hidden; } } @media screen and (min-width: 1200px) and (max-width: 1299px){ .ergebniss-box { width: 33.33333%; } .ergebniss-box:nth-child(4) { padding-left: 0; padding-right: 15px; } .ergebniss-box:nth-child(5) { padding-left: 5px; padding-right: 10px; } .ergebniss-box:nth-child(6) { padding-left: 10px; padding-right: 5px; } .ergebniss-box:nth-child(7) { clear: both; padding-left: 0; padding-right: 15px; } .ergebniss-box:nth-child(8) { padding-left: 5px; padding-right: 10px; } } @media screen and (min-width: 1100px) and (max-width: 1199px){ #navigation-oben-rechts { padding-left: 22%; } #main-navigation { padding-left: 22%; } #tarifberater-hg { padding: 10px 50px; } #tr-switch-type { right: -43px; } .ergebniss-box { width: 50%; } .ergebniss-box:nth-child(1) { padding: 0 10px 0 0; margin-bottom: 20px; } .ergebniss-box:nth-child(2) { padding: 0 0 0 10px; margin-bottom: 20px; } .ergebniss-box:nth-child(3) { padding: 0 10px 0 0; margin-bottom: 20px; } .ergebniss-box:nth-child(4) { padding: 0 0 0 10px; margin-bottom: 20px; } .ergebniss-box:nth-child(5) { padding: 0 10px 0 0; margin-bottom: 20px; } .ergebniss-box:nth-child(6) { padding: 0 0 0 10px; margin-bottom: 20px; } .ergebniss-box:nth-child(7) { padding: 0 10px 0 0; } .ergebniss-box:nth-child(8) { padding: 0 0 0 10px; } .formlist li.zstand input { width: 85%; } .ladesaeule { float: none; width: auto; } } @media screen and (min-width: 1025px) and (max-width: 1099px){ #navigation-oben-rechts { padding-left: 21%; } #main-navigation { padding-left: 21%; } #tarifberater-hg { padding: 10px 34px; } #tr-switch-type { right: -29px; } .gala-bild-container { width: 20%; } #content { display: block; } #content-main { } #content-aside { max-width: 450px; /*margin: 0 auto;*/ } #infoboxen { padding-top: 0; } } @media screen and (min-width: 0px) and (max-width: 1024px){ /* #head { display: none; } #head-mobile { display: block; } */ .subnav { display: none; } #tarifberater { display: block; } .tarifberater-row { display: block; } #tarifberater-text { display: block; width: auto; padding-right: 0; } #tarifberater-text h1 { padding-right: 0; } #tarifberater-form { display: block; width: auto; } #asp-fachbereiche li { float: none; width: auto; } .zuf-table { display: block; max-width: 536px; margin: 0 auto; } .zuf-table-tr { display: block; } .zuf-table-td { display: block; } .zuf-table-middle .zuf-tbl-bild { display: none; } .zuf-table-bottom .zuf-tbl-bild { display: none; } #zuf-important-data { width: auto; } #zuf-first-pic { padding-bottom: 20px; } #zuf-first-pic img { height: auto; object-fit: initial; } .zuf-td-big { width: auto; } #content { display: block; } #content-main { } #content-aside { max-width: 450px; /*margin: 0 auto;*/ } #infoboxen { padding-top: 0; } } @media screen and (min-width: 0px) and (max-width: 1115px){ #ftc-1 { width: 30%; } .wrap { box-sizing: border-box; } #footer { padding: 38px 10px 26px 10px; } #inhalt-startseite { padding-top: 47px !important; } #inhalt { } #content-main { padding-left: 0px; } } @media screen and (min-width: 765px) and (max-width: 999px){ .start-box-left { float: none; width: auto; padding-right: 0; max-width: 506px; margin: 0 auto; } .start-box-right { float: none; width: auto; padding-left: 0; max-width: 506px; margin: 0 auto; } .footer-table { display: block; } .footer-table-row { display: block; } .footer-table-cell { display: block; } #ftc-1 { width: auto; padding-bottom: 30px; } #ftc-2 { width: auto; padding-bottom: 30px; } #ftc-3 { width: auto; } #bild-gross-info-text { position: static; max-width: 100%; width: auto; } .formlist li.zstand input { width: 88%; } .ewa-journal { width: 50%; height: auto; } .tarif-kachel-outer { width: 50%; } .tarif-kachel-outer:first-child .tarif-kachel { margin-right: 28px; } .tarif-kachel-outer:nth-child(2) .tarif-kachel { margin-left: 28px; margin-right: 0px; } .tarif-kachel-outer:nth-child(3) { clear: both; } .tarif-kachel-outer:nth-child(3) .tarif-kachel { margin-left: 0px; margin-right: 28px; } .tarif-kachel-outer:nth-child(4) { clear: none; } .tarif-kachel-outer:nth-child(4) .tarif-kachel { margin-right: 0px; margin-left: 28px; } .tarif-kachel-outer:nth-child(5) { clear: both; } .tarif-kachel-outer:nth-child(5) .tarif-kachel { margin-left: 0; margin-right: 28px; } .tarif-kachel-outer:nth-child(6) .tarif-kachel { margin-left: 28px; } .tarif-kachel-outer:nth-child(7) { clear: both; } .tarif-kachel-outer:nth-child(7) .tarif-kachel { margin-right: 28px; } .tarif-kachel-outer:nth-child(8) .tarif-kachel { margin-left: 28px; margin-right: 0px; } .tarif-kachel-outer:nth-child(9) { clear: both; } .tarif-kachel-outer:nth-child(9) .tarif-kachel { margin-left: 0px; margin-right: 28px; } .tarif-kachel-outer:nth-child(10) .tarif-kachel { margin-left: 28px; margin-right: 0px; } .tarif-info-more { padding-top: 20px; white-space: nowrap; } #inhalt { padding: 76px 20px 32px 20px; } } @media screen and (max-width: 900px){ #ea-video { max-width: 100%; } } @media screen and (max-width: 800px){ #logo { top: 10px; left: 30px; } #logo img { width: 75px; } #head { height: 55px; } #seitentitel { text-align: right; padding: 11px 45px 0 0; } #seitentitel h1 { font-size: 18pt; } } @media screen and (min-width: 0px) and (max-width: 764px){ .start-box-left { float: none; width: auto; padding-right: 0; max-width: 506px; margin: 0 auto; } .start-box-right { float: none; width: auto; padding-left: 0; max-width: 506px; margin: 0 auto; } .footer-table { display: block; } .footer-table-row { display: block; } .footer-table-cell { display: block; } #ftc-1 { width: auto; padding-bottom: 30px; } #ftc-2 { width: auto; padding-bottom: 30px; } #ftc-3 { width: auto; } #bild-gross-info-text { position: static; max-width: 100%; width: auto; } #bild-gross-info-text-inner h2 { padding-right: 50px; } .bild-info-text { padding-right: 50px; } .formlist li { float: none; width: auto; } .formlist li.left { padding-right: 0; } .formlist li.right { padding-left: 0; } .ewa-journal { width: auto; height: auto; float: none; } .ewa-journal-bild { max-width: 450px; } .lsaeule { width: auto; float: none; } .lsaeule-left { width: 123px; } .tarif-kachel-outer { width: auto; float: none; max-width: 500px; } .tarif-kachel-outer:first-child .tarif-kachel { margin: 0; } .tarif-kachel-outer:nth-child(2) .tarif-kachel { margin: 0; } .tarif-kachel-outer:nth-child(3) .tarif-kachel { margin: 0; } .tarif-kachel-outer:nth-child(4) .tarif-kachel { margin: 0; } .tarif-kachel-outer:nth-child(5) .tarif-kachel { margin: 0; } .tarif-kachel-outer:nth-child(6) .tarif-kachel { margin: 0; } .tarif-kachel-outer:nth-child(7) .tarif-kachel { margin: 0; } .tarif-kachel-outer:nth-child(8) .tarif-kachel { margin: 0; } .tarif-kachel-outer:nth-child(9) .tarif-kachel { margin: 0; } .tarif-kachel-outer:nth-child(10) .tarif-kachel { margin: 0; } .ewa-tarif-angebot .tbl { display: block; } .ewa-tarif-angebot .tbltr { display: block; } .ewa-tarif-angebot .tbltd { display: block; } .tarif-name-and-info { padding-bottom: 10px; width: auto; } .tarif-preis { padding-bottom: 10px; width: auto; } .tarif-ersparniss { padding-bottom: 10px; width: auto; } .ersparniss-empty { display: none; } .tarif-auftrags-link { width: auto; text-align: left; } .tr-break { display: inline; } .tarif-info-more { padding-top: 20px; font-size: 11pt; } #jump-top { bottom: 100px; } .tpt-td.td-left { width: 50%; white-space: initial; } .tibt-td.td-left { white-space: initial; } .tabs-container { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .tabs-head { display: none; } .tabs-content::after { display: none; } .tabl-content-inner { padding: 0; } .tab-content-ovl-left { display: none; } .tab-content-ovl-bottom { display: none; } .tab-content-ovl-right { display: none; } .tab-content { display: block; } #tab2content { padding-top: 40px; } .tarif-info-table { display: block; } .tit-tr { display: block; padding-bottom: 25px; } .tarif-info-table .tit-tr:last-child{ padding-bottom: 0; } .tit-td { display: block; } .tit-td.td-right { padding: 7px 0 0 0; } .tab-head-mobile { display: block; font-weight: bold; color: #5e5e5d; padding-bottom: 20px; } .tab-head-mobile span { display: block; font-size: 18pt; } #tarif-auftrag-2 { display: none; } #tab-header-tab2 { display: none; } .tit-td.td-left { width: auto; } .ergebniss-box { width: 50%; } .ergebniss-box:nth-child(1) { padding: 0 10px 0 0; margin-bottom: 20px; } .ergebniss-box:nth-child(2) { padding: 0 0 0 10px; margin-bottom: 20px; } .ergebniss-box:nth-child(3) { padding: 0 10px 0 0; margin-bottom: 20px; } .ergebniss-box:nth-child(4) { padding: 0 0 0 10px; margin-bottom: 20px; } .ergebniss-box:nth-child(5) { padding: 0 10px 0 0; margin-bottom: 20px; } .ergebniss-box:nth-child(6) { padding: 0 0 0 10px; margin-bottom: 20px; } .ergebniss-box:nth-child(7) { padding: 0 10px 0 0; } .ergebniss-box:nth-child(8) { padding: 0 0 0 10px; } #inhalt { padding: 76px 20px 32px 20px; } } @media screen and (max-width: 730px){ #ea-typen { display: block; } #ea-typ-row { display: block; } .ea-typ { display: block; width: 90%; } .form-submit input { white-space: break-spaces; } } @media screen and (min-width: 0px) and (max-width: 885px){ .gala-bild-container { width: 33.33333%; } } @media screen and (min-width: 0px) and (max-width: 700px){ .ladesaeule0 { width: 50%; } .ladesaeule1 { width: 50%; } .ladesaeule2 { width: 100%; } .ladesaeule { float: none; width: auto; } #infoboxInhalt { width: 100% !important; } } @media screen and (max-width: 630px){ .ea-eb-t-off { display: none; } } @media screen and (min-width: 0px) and (max-width: 570px){ #tarifberater-hg { padding: 10px; } #tr-switch-type { right: -3px; } .zuf-zahl { width: 50%; margin-bottom: 30px; } .zuf-zahl:nth-child(3) { margin-bottom: 0; } .zuf-zahl:nth-child(4) { margin-bottom: 0; } .gala-bild-container { width: 50%; } } @media screen and (min-width: 0px) and (max-width: 520px){ .tpt-td.td-left { font-size: 14pt; } .tpt-td.td-preis1 { padding: 20px 0 20px 15px; } .tpt-td.td-preis2 { padding: 20px 0 20px 15px; } .tpt-td.td-einheit { padding: 20px 0 20px 15px; } .tpt-td.td-empty { display: none; } .ladesaeule0 { width: 100%; float: none; border-bottom: 1px solid lightgray; } .ladesaeule1 { width: 100%; float: none; border-bottom: 1px solid lightgray; } .ladesaeule2 { width: 100%; float: none; } .ls-titel { padding-top: 40px; } } @media screen and (min-width: 0px) and (max-width: 465px){ .tr-perso-button { font-size: 20px; } .tr-gas-button .tr-perso-button-inner { height: 53px; box-sizing: border-box; } .tr-gas-button:first-child i { padding-top: 12px; } .tr-gas-button:nth-child(2) i { padding-top: 10px; } .tr-gas-button:nth-child(3) i { padding-top: 7px; } .tr-gas-button:nth-child(4) i { padding-top: 5px; } .tpt-td.td-left { width: 44%; } .tpt-td.td-preis1 { padding: 20px 0 20px 5px; width: 50px; } .tpt-td.td-preis2 { padding: 20px 0 20px 10px; width: 50px; } .tpt-td.td-einheit { padding: 20px 0 20px 10px; } #tr-switch-type { position: static; text-align: center; padding-bottom: 15px; } } @media screen and (min-width: 0px) and (max-width: 445px){ .ewa-tarif-infos .acc-content td { padding-right: 0; } .ewa-tarif-infos .acc-content table { width: 100%; } .ewa-tarif-infos .acc-content table { font-size: 10pt; } .ewa-tarif-infos .acc-content td { padding: 4px 2px; border-right: 1px solid #d3d3d3; border-top: 1px solid #d3d3d3; } .ewa-tarif-infos .acc-content tr:first-child td { border-top: 0; } .ewa-tarif-infos .acc-content td:last-child { border-right: 0; } .tpt-td.td-left { word-break: break-word; font-size: 11pt; } .tibt-td.td-left { word-break: break-word; font-size: 11pt; width: 35%; } } @media screen and (min-width: 0px) and (max-width: 430px){ .formlist li.zstand input { width: 86%; } .asp-fab-image { float: none; } .asp-fab-info { float: none; width: auto; padding-left: 0; padding-top: 5px; padding-bottom: 35px; } } @media screen and (min-width: 0px) and (max-width: 415px){ .tr-perso-button { font-size: 20px; width: 50%; max-width: 100%; margin-bottom: 10px; } .gala-bild { width: 125px; height: 125px; } } @media screen and (min-width: 0px) and (max-width: 364px){ .manv-0-unterpunkte { width: 65%; } } @media screen and (min-width: 0px) and (max-width: 325px){ #sel-ortsteil { display: block !important; margin-left: 0; } #pr-sel-business { padding-top: 5px; } .gala-bild { width: 100px; height: 100px; } } @media screen and (max-width: 800px){ #coi-shor-tbl { display: block; } #coi-short-text { display: block; } #coi-short-close { display: block; width: auto; text-align: left; padding-top: 15px; } } @media screen and (max-width: 768px){ /*#cookie-opt-in { height: 50vh; overflow-y: scroll; }*/ #coi-cookies { display: block; } .coi-cookie { padding-bottom: 10px; } .coi-cookie:last-child { padding-bottom: 0; } #coi-infolinks { font-size: 10pt; } } @media screen and (max-width: 340px){ #coi-infolinks { font-size: 10pt; } } #bild-gross { max-width: 2000px; margin: 0 auto; } #faq-info { position: fixed; right: 25px; bottom: 150px; background-color: rgb(229 0 74); font-size: 15pt; transform: scaleX(0); transition: transform ease-in 300ms; transform-origin: right; z-index: 50; } #faq-info.show { transform: scaleX(1); } #faq-info a, #faq-info a:hover { color: #fff; display: block; padding: 10px; } #faq-info-close { position: absolute; right: -18px; top: -18px; background-color: #fff; width: 37px; height: 37px; display: flex; text-align: center; justify-content: center; align-items: center; font-size: 18pt; border: 2px solid #e5004a; box-sizing: border-box; border-radius: 36px; cursor: pointer; color: #e5004a; } #faq-info-close i { padding-bottom: 1px; } #faq-info-small { display: none; } @media screen and (min-width: 1000px) and (max-width: 1199px){ #bild-gross-info-text { position: static; max-width: 100%; width: auto; } } @media screen and (min-width: 0px) and (max-width: 764px){ #faq-info-big { display: none; } #faq-info-small { display: block; } #faq-info { bottom: 165px; } } /* Consent Banner */ #consent-banner { position: fixed; bottom: 0; left: 0; width: 100%; background-color: rgba(0,0,0,0.85); z-index: 15000; color: #fff; font-size: 11pt; } #consent-banner, #consent-banner * { box-sizing: border-box; } #consent-banner-center { max-width: 1000px; padding: 10px; display: flex; gap: 35px; margin: 0 auto; } #consent-banner-left { flex-grow: 1; } #consent-banner-right { flex: 0 0 175px; } #content-banner-buttons { display: flex; flex-direction: column; gap: 25px; } .consent-banner-button > button { width: 100%; } #consent-banner-text { padding-bottom: 10px; } #consent-banner-links { display: flex; gap: 20px; } #consent-banner-links a { font-weight: bold; } #consent-banner-checkboxen { display: flex; gap: 30px; padding-top: 10px; flex-wrap: wrap; } .cb-btn { background-color: #e5004a; color: #fff; border: 0; border-radius: 0px; padding: 6px; cursor: pointer; } .form-check { display: flex; gap: 5px; } .form-check-input { margin-top: 4px; } /*.consent-banner-unblock-info { background-color: rgb(54 54 54 / 75%); color: #fff; font-size: 11pt; text-align: center; padding: 15px; } .consent-banner-unblock-info-text p { padding-bottom: 0; margin-bottom: 0; } .consent-banner-unblock-info-link { padding-top: 10px; } .consent-banner-unblock-info-button { padding-top: 15px; }*/ @media screen and (max-width: 1024px){ #consent-banner-center { flex-direction: column; gap: 15px; } #consent-banner-left { flex: 0 0 100%; } #consent-banner-right { flex: 0 0 auto; } #content-banner-buttons { flex-direction: row; justify-content: center; } .consent-banner-button { flex: 0 0 175px; } } @media screen and (max-width: 450px){ #content-banner-buttons { flex-direction: column; gap: 10px; } .consent-banner-button { flex: 0 0 auto; } } /* Consent Banner */ #designbody { background: none; background-color: #fff; color: #1b1b1b; font-size: 10pt; font-weight: 400; } #designbody ul, ol { padding-left: 21px; } #designbody p { padding-bottom: 17px; } .mceContentBody { padding-top: 0!important; }