/* CSS only 110.35K, CSS & InlineSvg (29/56) 144.12K => 31% more */

@font-face { font-family: 'Header-Font'; font-display: swap; src: url('/img/Oswald-Light.eot'); src: url('/img/Oswald-Light.woff') format('woff'), url('/img/Oswald-Light.eot?#iefix') format('embedded-opentype'), url('/img/Oswald-Light.ttf') format('truetype'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000; }
@font-face { font-family: 'Standard-Font'; font-display: swap; src: url('/img/noto-sans-jp-v27-latin-300.eot'); src: url('/img/noto-sans-jp-v27-latin-300.woff2') format('woff2'), url('/img/noto-sans-jp-v27-latin-300.woff') format('woff'), url('/img/noto-sans-jp-v27-latin-300.eot?#iefix') format('embedded-opentype'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000; }
/* CSS base, search, meili-extra, htm, kachel, powermenu, powermenue-extra, to-top-button, input-floating, highslide_v2 */
/* ### base ### */
*, ::before, ::after { box-sizing: border-box; } html { text-size-adjust: none; } ::before, ::after { text-decoration: inherit; vertical-align: inherit; } ::selection {background: rgb(116,144,50); } :root { cursor: default; line-height: 1.5; overflow-wrap: break-word; -moz-tab-size: 4; tab-size: 4; -webkit-tap-highlight-color: transparent; -webkit-text-size-adjust: 100%; } body { font-size: 1rem; overflow-y: scroll; margin: 0; text-rendering: optimizeLegibility; font-family: 'Standard-Font'; overscroll-behavior-x: none; --plyr-color-main: color: var(--theme-accent-dark); --header-width: 1600px; --theme-white: rgb(255,255,255); --theme-light: rgb(240,240,240); --theme-medium: rgb(220,220,220); --theme-dark: rgb(150,150,150); --theme-link: rgb(16,12,8); --theme-text: rgb(16,12,8); --theme-black: rgb(16,12,8); --theme-text-shadow: 0 0 3px rgba (0,0,0,.5); --theme-text-hover: rgb(116,144,50); --theme-accent: rgba(116,144,50,.5); --theme-accent-light: rgba(116,144,50,.25); --theme-accent-medium: rgb(116,144,50); --theme-accent-dark: rgb(116,144,50); --theme-accent-text: rgb(255,255,255); --theme-powermenu-medium: rgb(238,238,238); --theme-border: none; --theme-outline: none; --theme-radius-small: 0; --theme-radius-medium: .5rem; --theme-card-background: var(--theme-white); --theme-divider: .1rem solid var(--theme-medium); --padding: 1rem; --card-padding: 0; --theme-red: rgb(144, 50, 50); --theme-error: rgb(144, 50, 50); --theme-error-text: rgb(255,255,255); --theme-warning: rgb(199,92,92); --theme-warning-text: rgb(255,255,255); --theme-success: rgb(20,130,20); --theme-success-text: rgb(255,255,255); --shadow-elevation-low: none; --shadow-elevation-medium: none; --shadow-elevation-high: none; background-color: var(--theme-white)!important; } body, input, button, .button { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } b, strong { font-weight: bolder; color: inherit; } .red { color: var(--theme-error); } .bgred { background-color: var(--theme-error); color: var(--theme-white); padding: 1rem; } .center { text-align: center; } .small { font-size: .75rem; } .border { border: var(--theme-divider); } .radius { border-radius: 1rem; } audio, canvas, iframe, img, svg, video { vertical-align: middle; max-width: 100%; } iframe { border-style: none; } svg:not([fill]) { fill: currentColor; } table { border-collapse: collapse; border-color: inherit; text-indent: 0; } button, input, select { margin: 0; accent-color: var(--theme-accent-medium); } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; font-family: inherit; } textarea { margin: 0; resize: vertical; } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } ::-webkit-input-placeholder { color: inherit; opacity: 0.54; } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } body { background-color: var(--theme-light); color: var(--theme-text); } ul { padding: 0; } ul.mleft li { margin-left: 2rem; list-style: disc; padding: .5rem 0; } body, #shopLayer, #shopMain { max-width: 100vw; } .shopHeader { background-color: var(--theme-white); z-index: 99; } #kopf_top_line { position: sticky; top: 0; z-index: 100; box-shadow: 0 0 25px -5px rgba(0,0,0,.25); } #kopf_bottom_line { background-color: var(--theme-black); box-shadow: 0 0 25px -5px rgba(0,0,0,.25); } #shopMain { min-height: 100vh; } /* html anchor */ html { scroll-behavior: smooth; scroll-padding-top: 5rem; } @media screen and (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } } ::placeholder, ::-webkit-input-placeholder { color: var(--theme-text); opacity: .7; } a { text-decoration: none; color: var(--theme-link); transition: all 0.5s; } p a { border-bottom: 1px dotted var(--theme-text); } p a:hover { color: var(--theme-text-hover); } h1, h2, h3, h4, h5, h6 { color: var(--theme-text); font-family: 'Header-Font'; font-weight: normal; } h1 { font-size: 1.75rem; line-height: 2.5rem; } .h1_in_breadcrumb { font-size: inherit; } h2 span { display: block; color: var(--theme-accent-dark); font-family:inherit; font-size:1.5rem; } h2.big { font-size: 1.75rem; } h2 { font-size: 1.25rem; } h3 { font-size: 1.25rem; } h4 { font-size: 1rem; } h5 { font-size: 1rem; } h6 { font-size: 1rem; } hr { border: var(--theme-divider); } .pg-only { display: none; } .right { text-align: right; } .mob-weg { display: none!important; } .radius1 { border-radius: 1rem; } /* header */ #shopFooter .foot_infos a, .BreadcrumbList a, .breadcrumb a span, *[itemtype*="Breadcrumb"] * { color: var(--theme-text); } .breadcrumb a span { transition: all 0.5s; } .breadcrumb a span:hover { color: var(--theme-text-hover); } .shopHeader li, #shopFooter li { list-style: none; } #k_title { width: 100%; height: 2rem; background: var(--theme-light); position: relative; z-index: 101; } #k_title ul { width: 100%; display: flex; flex-wrap: nowrap; justify-content: space-between; margin: 0 auto; padding: 0 1rem; } #k_title ul li { font-size: 0.8rem; line-height: 2rem; white-space: nowrap; } #k_title ul li, #k_title ul li a { color: var(--theme-text); } #k_title ul li a:hover { color: var(--theme-text-hover); } #k_title ul li:nth-child(3), #k_title ul li:nth-child(4) { display: none; } #k_title ul li a.active { font-weight: bold; } #k_hotline { width: 3rem; height: 3rem; background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"  viewBox="0 0 38 38" style="enable-background:new 0 0 38 38;" xml:space="preserve"><style type="text/css"> .st0{fill:%23749032;} .st1{fill:none;stroke:%23FFFFFF;stroke-width:1.5;stroke-miterlimit:4.1667;}</style><circle class="st0" cx="19" cy="19" r="19"/><path class="st1" d="M29.3,24.2v3.1c0,1.1-0.9,2.1-2,2.1c-0.1,0-0.1,0-0.2,0c-3.1-0.3-6.2-1.4-8.8-3.1c-2.5-1.6-4.6-3.7-6.1-6.1 c-1.7-2.7-2.8-5.7-3.1-8.9C8.8,10.1,9.7,9.1,10.8,9c0.1,0,0.1,0,0.2,0h3.1c1,0,1.9,0.7,2,1.8c0.1,1,0.4,1.9,0.7,2.9 c0.3,0.7,0.1,1.6-0.5,2.2l-1.3,1.3c1.5,2.6,3.6,4.7,6.1,6.1l1.3-1.3c0.6-0.6,1.4-0.7,2.2-0.5c0.9,0.3,1.9,0.6,2.9,0.7 C28.6,22.3,29.3,23.2,29.3,24.2z"/></svg>') no-repeat 50%; background-size: 2.2rem; } #k_hotline1 { display: none; } #k_hotline2 { display: none; width: 100%; font-size: .9rem; } #k_forum { display: block; width: 100%; } #k_demo { padding: .5rem; font-size: .8rem; white-space: nowrap; } #shopLayer[data-forum="1"] #k_demo { display: none; } .ausrichter { padding: 0 1.5rem 0 1.5rem; } #kopf_top_line_inner { display: flex; justify-content: space-between; align-items: center; width: 100%; height: 4rem; padding: 0 .5rem; } #k_logo { background: url(https://www.powergap.de/img/powergap-shop-logo-25.svg) no-repeat 50% 50%; height: 100%; width: 10rem; } #k_icons { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; } #k_lupe_2 { background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"  viewBox="0 0 60.7 60.7" style="enable-background:new 0 0 60.7 60.7;" xml:space="preserve"><style type="text/css"> .st0{fill:none;stroke:%233C3C3C;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;} .st1{fill:none;stroke:%233C3C3C;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;}</style><circle class="st0" cx="27.9" cy="27.9" r="20.6"/><line class="st1" x1="54.1" y1="54.1" x2="42.9" y2="42.9"/></svg>'); background-repeat: no-repeat; background-position: 50%; } #k_merk { background-image: url(https://cdn.powergap.de/bg-merkliste.svg); background-repeat: no-repeat; background-position: 50%; } #k_account { background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"  viewBox="0 0 60.7 60.7" style="enable-background:new 0 0 60.7 60.7;" xml:space="preserve"><style type="text/css"> .st0{fill:%233C3C3C;}</style><path class="st0" d="M41.4,30.8c2.4-2.7,3.9-6.2,3.9-10c0-8.3-6.8-15.1-15.1-15.1s-15,6.8-15,15.1s6.7,15,15,15c2.9,0,5.7-0.9,8-2.3 c8.2,3.1,13.8,10.6,14.5,19.2h-45c0.5-5.8,3.2-11.3,7.7-15.1c0.8-0.7,0.9-1.9,0.2-2.7c-0.7-0.7-1.9-0.8-2.7-0.1 c-5.7,5-9,12.2-9,19.9c0,1,0.8,1.9,1.9,1.9h48.9c1,0,1.9-0.8,1.9-1.9C56.6,44.3,50.6,35.1,41.4,30.8z M19,20.8 c0-6.2,5.1-11.3,11.3-11.3s11.3,5.1,11.3,11.3s-5.1,11.3-11.3,11.3S19,27,19,20.8z"/></svg>'); background-repeat: no-repeat; background-position: 50%; } #k_wk { background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"  viewBox="0 0 60.7 60.7" style="enable-background:new 0 0 60.7 60.7;" xml:space="preserve"><style type="text/css"> .st0{fill:%233C3C3C;}</style><path class="st0" d="M58.9,19.4c-0.4-0.4-1-0.7-1.6-0.7H47.2c-1-7.4-7.4-13-14.9-13h-4c-7.5,0-13.8,5.6-14.9,13H3.3 c-0.6,0-1.1,0.3-1.5,0.7S1.2,20.5,1.3,21l5.3,30.3c0.6,3.1,3.3,5.4,6.4,5.3h34.5c3.2,0,5.9-2.3,6.4-5.4l5.4-30.1 C59.4,20.5,59.2,19.9,58.9,19.4z M28.3,9.7h4c5.3,0,9.8,3.8,10.8,9H17.5C18.5,13.5,23,9.7,28.3,9.7z M50,50.6 c-0.2,1.2-1.3,2.1-2.5,2.1H13.1c-1.2,0-2.2-0.8-2.5-2l-4.9-28h49.2L50,50.6z"/></svg>'); background-repeat: no-repeat; background-position: 50%; } #k_lupe_2, #k_merk, #k_account, #k_wk, #powermenue-schalter { position: relative; display: block; height: 3rem; width: 2.5rem; background-size: 1.5rem; justify-content: flex-end; align-items: center; cursor: pointer; } #suchbox, #k_lupe_2 { display: none; } #shopLayer[data-dhe="Forum"] #k_lupe_2 { display: block; } #button_forum { display: block; position: fixed; z-index: 10; right: -1.3rem; top: 30%; color: var(--theme-white); padding: .5rem 1rem; background-color: var(--theme-black); transform: rotate(-90deg); cursor: pointer; box-shadow: 0 0 20px -5px rgba(0,0,0,.95); border-top-left-radius: 1rem; border-top-right-radius: 1rem; } #button_forum:hover { background-color: var(--theme-accent-dark); } .k_link { display: none; } #k_account[data-online="0"] .k_link { display: block; height: 100%; width: 100%; } @media (hover: hover) { .k_link { display: block; height: 100%; width: 100%; } } #k_icons > div > .shBagInh { position: fixed; left: var(--padding); right: var(--padding) !important; width: auto; top: 5.4rem; z-index: 99; padding: 1rem; pointer-events: none; transform: translateY(-1rem); opacity: 0; visibility: hidden; background-color: var(--theme-card-background); border-radius: var(--theme-radius-small); box-shadow: 0 0 25px -5px rgba(0,0,0,.25); transition: opacity .2s ease-out, transform .2s ease-out; } .shopHeader.box-shadow #k_icons > div > .shBagInh { top: 3rem; } #k_icons > div:hover > .shBagInh { pointer-events: all; transform: translateY(0); opacity: 1; visibility: visible; overflow: hidden; } #k_icons > div > .shBagInh .wk-empty { display: none; } #k_icons > div[data-num="0"] .shBagInh .wk-empty, #k_icons > div[data-num=""] .shBagInh .wk-empty { display: block; text-align: center; font-weight: bold; height: 10rem; line-height: 10rem; } .wk-heading { text-align: center; font-weight: bold; padding: 1rem 0; border-bottom: var(--theme-divider); color: var(--theme-accent-medium); } #k_icons > div[data-num="0"] .wk-heading, #k_icons > div[data-num=""] .wk-heading { display: none; } ul.alt-list { list-style: none; padding: 0; margin: 0; max-height: calc(100vh - 30rem); overflow-y: auto; } ul.alt-list > li { display: block; } ul.alt-list > li > a { display: block; padding: .5rem; background-position: 0 .5rem; background-size: 3rem; background-repeat: no-repeat; } ul.alt-list.items > li > a { padding: .5rem .5rem .5rem 4rem; min-height: 4rem; background-position: .5rem 0; } ul.alt-list > li > a:hover { color: var(--theme-text-hover); } #k_icons > #k_merk > .shBagInh ul > li > a { display: flex; align-items: center; min-height: 3rem; font-weight: normal;} /*#k_icons > div > .shBagInh ul > li:nth-child(odd) > a, ul.alt-list > li:nth-child(odd) > a { background-color: var(--theme-light); }*/ ul.alt-list a * { color: var(--theme-text); } #k_icons > div[data-num=""]:before, #k_icons > div[data-num="0"]:before, #k_merk[data-num=""]:before, #k_merk[data-num="0"]:before { display: none; content: ""; } #k_wk:before, #k_merk:before { content: attr(data-num); position: absolute; top: .5rem; right: 0; color: var(--theme-accent-text); width: 1.25rem; height: 1.25rem; line-height:1.25rem; text-align: center; vertical-align: middle; border-radius: 50%; box-shadow: var(--shadow-elevation-low); font-size: 0.8rem; } #k_wk:before { background-color: var(--theme-accent-medium); } #k_merk:before { background-color: var(--theme-accent-medium); } .shBagInh .Wkbuttons { padding: 1rem; text-align: right; display: flex; justify-content: space-between; } .shBagInh .Wkbuttons .button { font-weight: bold; } .shBagInh .Wkbuttons #wkbutton { margin-right: 1rem; } #powermenue-schalter { margin-left: 0; margin-right: .5rem; background: url('data:image/svg+xml,<%3Fxml version="1.0" %3F><svg height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path class="heroicon-ui" d="M4 5h16a1 1 0 0 1 0 2H4a1 1 0 1 1 0-2zm0 6h16a1 1 0 0 1 0 2H4a1 1 0 0 1 0-2zm0 6h16a1 1 0 0 1 0 2H4a1 1 0 0 1 0-2z"/></svg>') no-repeat 50%; background-size:2rem; } #shopLayer.powermenue-open #k_title { display: none; } /* such feld */ #shopLayer.suche-offen #suchbox { display: block; width: 100%; } #shopLayer.suche-offen #k_logo, #shopLayer.suche-offen #k_icons, #shopLayer.suche-offen #powermenue-schalter { display: none; } #shopLayer.suche-offen #k_lupe_3 { display: flex; gap: var(--padding); align-items: center; } #shopLayer.suche-offen #h-ps-close { display: inline-block; height: 2.5rem; background-image: url(https://cdn.powergap.de/powermenue_close_w.svg); background-position: center; background-repeat: no-repeat; background-size: 36%; } input#menSuchStr { max-width: 100%; } #shopLayer #k_lupe_3 > div { width: 100%; position: relative; } #shopLayer #k_lupe_3 #menSuchStrIcon { position: absolute; height: 100%; aspect-ratio: 1 / 1; top: 0; right: 0; pointer-events: none; background-image: url(https://cdn.powergap.de/search.svg); background-size: 50%; background-position: center; background-repeat: no-repeat; } /* main */ #shopMain { max-width: var(--header-width); margin: 0 auto; } /* footer */ #shopFooter { background-color: var(--theme-white); } .foot_infos { padding: 2rem; width: 100%; max-width: var(--header-width); margin: 0 auto; position: relative; text-align: center; display: flex; flex-wrap: wrap; justify-content: space-between; } .foot_infos ul { width: 100%; } .foot_infos ul li { margin-bottom: .5rem; } .foot_infos ul.soc { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; min-height: auto; } .foot_infos ul.soc li.foot_ueb { width: 100%; } .foot_infos ul.pay { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; min-height: auto; } .foot_infos .foot_ueb { display: inline-block; height: 2rem; text-transform: uppercase; letter-spacing: 0.10em; font-weight: 600; white-space: nowrap; margin-bottom: 0; } .foot_infos #info_zahl { display: flex; flex-wrap: wrap; justify-content: center; margin-top: .5rem; } .foot_infos #info_zahl img { width: 4rem; margin: .5rem; height: 100%; } .foot_infos ul.soc li a {display:inline-block;width:2rem;height:2rem;margin: .5rem;padding:0;} #shopFooter #f_text { text-align: center; padding: 0 1rem 2rem 1rem; } #shopFooter #f_text > span { display: block; font-size: .8rem; } #shopFooter .unten #f_text span.br { display:block;height:0; } #shopFooter .unten #f_text span.pipe { display:none; } #shopFooter .foot_infos a:hover { color: var(--theme-accent-dark); } .zul_anges_art { background: var(--theme-white)!important; } .zuletzt_items { display: flex; flex-wrap: wrap; padding: 0 0 5rem 0; gap: .3rem; } .zuletzt_items .zuletzt { } .zuletzt_items .zuletzt a { display: block; border: var(--theme-border) ;border-radius: var(--theme-radius-small); box-shadow: var(--shadow-elevation-medium); background-color: white; transition: box-shadow .3s ease-out; overflow: hidden; } .zuletzt_items .zuletzt:hover a { box-shadow: var(--shadow-elevation-high); } .zuletzt_items .zuletzt a img { width: 5rem; height: 5rem; object-fit: contain; } .zuletzt_fix { padding-top: 2rem; } .zuletzt_fix .ueb { display:block; margin-bottom:.5rem; } .animate { transition: all .1s ease-out; } .loading { opacity: 0; transform: scale(.9) skew(5deg, 5deg); } /* rating */ .rat_stars { display: block; height: 1.5rem; } .rat_stars * { background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13"><style type="text/css">.st0{fill:RGB(238,177,29);}</style><path class="st0" d="M13 5h-4.7l-1.8-5-1.8 5h-4.7l3.9 2.9-1.4 5.1 4-3.1 4 3.1-1.4-5.1 3.9-2.9zm-6.5 3.5l-2.2 1.8.9-2.6-2.1-1.7 2.6.1.8-3 .8 3 2.6-.1-2.1 1.7.9 2.6-2.2-1.8z"/></svg>'); height: 1.5rem; width: 1rem; margin-right: .3rem; display: block; float: left; background-repeat: no-repeat; background-position: center; background-size: 100%; } .rat_stars i { background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13"><style type="text/css">.st0{fill:RGB(238,177,29);}</style><path class="st0" d="M6.5 0l1.8 5h4.7l-3.9 2.9 1.4 5.1-4-3.1-4 3.1 1.4-5.1-3.9-2.9h4.7z"/></svg>'); } .rat_stars b { background-image: url(https://cdn.powergap.de/star-outline-h.svg); } .rattext { min-height: 6rem; } /* card */ .card { display: block; position: relative; border: var(--theme-border); background-color: var(--theme-white); border-radius: 1rem; padding: var(--card-padding) calc(var(--card-padding) * 1.5); overflow: hidden; transition: box-shadow .3s ease-out; transition: all .3s ease-out; } a.card:hover { box-shadow: var(--shadow-elevation-high); transform: translateY(-.2rem) translateZ(0); } .card.login-div { overflow: unset; } .card.p-0 { padding: 0; } .card .full, .card .card-info { margin: 0 calc(var(--card-padding) * -2); width: calc(100% + calc(var(--card-padding) * 4)); max-width: calc(100% + calc(var(--card-padding) * 4)); } .card.p-0 .full, .card.p-0 .card-info { margin: 0; } .card.p-0 .card-info { width: 100%; max-width: 100%; } .card img.full.top { margin-top: calc(var(--card-padding) * -1); width: 100%!important; } .card > h1:first-child, .card > h2:first-child, .card > h3:first-child, .card-info > h3:first-child { margin-top: calc(var(--card-padding) / 2); } .card.accent, .card.accent a, .card .card-info.accent, .card .card-info.accent a { background-color: var(--theme-accent-medium); color: var(--theme-accent-text); } .card.accent h1, .card.accent h2, .card.accent h3, .card.accent h4, .card.accent h5, .card.accent h6 { color: var(--theme-accent-text); } .card .card-info { padding: 1rem 2rem; border-top: var(--theme-divider); border-bottom: var(--theme-divider); } .card .card-info:first-child { border-top: none; border-bottom: none; } .card:not(.p-0) .card-info:first-child { margin-top: calc(var(--card-padding) * -1); } .card .card-info:last-child { margin-bottom: calc(var(--card-padding) * -1); border-bottom: none; } .mt-2 { margin-top: 1rem!important; } .mt-4 { margin-top: 2rem!important; } .mt-6 { margin-top: 3rem!important; } .mb-2 { margin-bottom: 1rem!important; } .mb-4 { margin-bottom: 2rem!important; } .mb-6 { margin-bottom: 3rem!important; } .mb-8 { margin-bottom: 4rem!important; } .mb-0 { margin-bottom: 0!important; } .p-0 { padding: 0!important; } .p-1 { padding: 1rem!important; } .p-2 { padding: 1rem!important; } .p-4 { padding: 2rem!important; } .pb-2 { padding-bottom: 1rem!important; } .pl-15 { padding-left: 1.5rem!important; } /* scrollbar */ #shopLayer ::-webkit-scrollbar { width: .5rem; } #shopLayer ::-webkit-scrollbar-track { background-color: var(--theme-light); } #shopLayer ::-webkit-scrollbar-thumb { background: var(--theme-medium); border-radius: 10px; } #shopLayer { scrollbar-color: var(--theme-medium) var(--theme-light); scrollbar-width: thin; } /* button */ button, .button { display: inline-block; background-color: var(--theme-black); border: none; padding: 1rem 2rem; font-size: 1rem; text-transform: uppercase; color: var(--theme-white); border-radius: 3rem; cursor: pointer; transition: all .3s ease-out; user-select: none; text-align: center; } button:hover, .button:hover { background-color: var(--theme-accent-dark); color: var(--theme-white); } button.big, .button.big { width: 100%; padding: 1rem .5rem; font-size: 1rem; text-align: center; text-transform: uppercase; } button.big.icon:before, .button.big.icon:before { content: ''; background-repeat: no-repeat; background-position: center; background-size: 1.5rem; display: inline-block; margin-right: .5rem; margin-top: -0.5rem; height: 2rem; width: 2rem; vertical-align: middle; } button:disabled, .button:disabled { opacity: .5; cursor: no-drop; } button.cancel, .button.cancel, button.secondary, .button.secondary { background-color: var(--theme-accent-light); color: var(--theme-text); margin-top: 1rem; } button.cancel { margin-right: 1rem; } .button-group { display: grid; grid-gap: var(--padding); grid-template-columns: 1fr 1fr; } .button-group > .button, .button-group > button { text-align: center; } .button.textunset { text-transform: unset; } /* input */ input[type="text"], input[type="email"], input[type="number"], input[type="tel"], input[type="password"], input[type="date"], textarea, select, input[type="range"] { width: 100%; max-width: 100%; } input[type="text"], input[type="email"], input[type="number"], input[type="tel"], input[type="password"], input[type="date"], textarea, select { border: none; border-bottom: 1px solid transparent; border-radius: var(--theme-radius-small); box-shadow: var(--shadow-elevation-low); background-color: var(--theme-light); padding: 0.5rem .8rem; color: var(--theme-text); font-size: 1rem; height: 2.5em; } textarea { min-height: 10rem; resize: vertical; } input[type="text"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="password"]:focus, input[type="date"]:focus, textarea:focus { outline: none; border-bottom: 1px solid var(--theme-accent-medium); } input[type="number"] { max-width: 5rem; } .inp_wrapper[data-typ="number"] { display: inline-block; margin-right: 0.5rem; } .inp_wrapper.error div { font-size: .9rem; color: var(--theme-error-text); background-color: var(--theme-error); padding: .4rem .8rem; margin-top: .2rem; border-radius: var(--theme-radius-small); } .inp_wrapper[data-typ="checkbox"] { display: flex; align-items: start; } .inp_wrapper[data-typ="checkbox"] > input { margin: 0; margin-top: .3rem; height: 1.25rem; width: 1.25rem; } .inp_wrapper[data-typ="checkbox"] input + label { display: block; margin-left: .7rem; position: relative; top: unset; left: unset; transform: unset !important; pointer-events: all; font-size: .95rem; max-width: 22.5rem; width: 22.5rem; text-align: left; } .inp_wrapper[data-type="radio"] { margin-top: 0.2rem; } .radio-group { margin-top: 1.5rem;} input[disabled] + label, input[disabled] + label * { opacity: .7; } .inp_wrapper .inp_error { border-bottom: 2px dashed var(--theme-error) !important; } /* geht nicht in firefox weil input & :before da nicht geht input[type="checkbox"] { visibility: hidden; } input[type="checkbox"]:after { content: ' '; visibility: visible; width: 1rem; height: 1rem; background: var(--theme-white); border-radius: .25rem; display: block; margin: .1rem .5rem 0 0; border: .1rem solid rgb(204,204,204); } input[type="checkbox"]:checked:after { background: var(--theme-accent-medium) !important; } */ /* - + input */ .inp_wrapper[data-typ="number-custom"] > div.inc, .inp_wrapper[data-typ="number-custom"] > div.dec { float: left; width: 1.6rem; height: 2.5rem; margin-top: 0; text-align: center; line-height: 2.2rem; background-color: var(--theme-medium); border-radius: var(--theme-radius-small); box-shadow: var(--shadow-elevation-medium); cursor: pointer; user-select: none; } .inp_wrapper[data-typ="number-custom"] > div.dec { border-top-right-radius: 0; border-bottom-right-radius: 0; } .inp_wrapper[data-typ="number-custom"] > div.inc { border-top-left-radius: 0; border-bottom-left-radius: 0; } .inp_wrapper[data-typ="number-custom"] { height: 3rem; width: 8.2rem; margin: 0 auto; display: inline-block; } .inp_wrapper[data-typ="number-custom"] input { float: left; width: 2.7rem; text-align: center; margin-top: 0; padding-left: 0; padding-right: 0; border-radius: 0; z-index: 2; position: relative; } .inp_wrapper[data-typ="number-custom"] input::-webkit-outer-spin-button, .inp_wrapper[data-typ="number-custom"] input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .inp_wrapper[data-typ="number-custom"] input[type=number] { -moz-appearance: textfield; } .inp_wrapper[data-typ="number-custom"] input[type=number] + label { transform: translate(-0.8rem, -2.8rem); } .inp_wrapper[data-typ="number-custom"] > div.del { width: 2rem; height: 2.5rem; float: left; font-size: 0; cursor: pointer; user-select: none; background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg xmlns="http://www.w3.org/2000/svg" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" width="512px" height="512px"><g id="Urn"> <path d="M51.8656998,5.4326H40.6636009V5.4159999c0-1.4462998-0.5634995-2.8055999-1.5870018-3.8290999 C38.0531998,0.5635,36.6927986,0,35.2456017,0H29.9438c-1.4237823,0-2.7626991,0.5537-3.7684994,1.5596 C25.1693993,2.5655,24.6147003,3.9043,24.6147003,5.3291001V5.4326H12.0991001 c-2.9579992,0-5.3651996,2.4063001-5.3651996,5.3642998v5.1416006c0,0.5526991,0.4472003,0.999999,1,0.999999h2.8309999v37.1523018 c0,2.6455002,1.0313005,5.1338005,2.9033003,7.006897C15.3393002,62.9696999,17.8285999,64,20.4761009,64h23.2402 c2.5967178,0,5.0380974-1.0107002,6.872097-2.8466988c1.8359032-1.8369026,2.8466187-4.2763023,2.8466187-6.8701019V16.9384995 h2.8310814c0.5527,0,1-0.4473,1-0.999999v-5.1055002C57.266098,7.8555002,54.8432007,5.4326,51.8656998,5.4326z  M51.4350166,54.2831993c0,2.0596008-0.8027153,3.9971008-2.2607155,5.4561005C47.7173004,61.1973,45.778801,62,43.716301,62 h-23.2402c-2.1133003,0-4.0997009-0.8222008-5.5938005-2.3163986c-1.4727001-1.4736023-2.3174-3.5116997-2.3174-5.5928001 V16.9384995h38.8701172V54.2831993z M55.266098,14.9385004h-2.8310814H11.5649004H8.733901v-4.1416006 c0-1.8555002,1.5096998-3.3642998,3.3651991-3.3642998h13.5156002c0.5527992,0,1-0.4471998,1-1V5.3291001 c0-0.8906002,0.3456993-1.7265,0.9745998-2.3545001C28.2084999,2.3555,29.0669003,2,29.9438,2h5.3018017 c0.8994179,0,1.7802963,0.3652999,2.4169998,1.0009999c0.6455002,0.6455002,1.0009995,1.5029001,1.0009995,2.415V6.4326 c0,0.5528002,0.4472008,1,1,1h12.2020988c1.875,0,3.4003983,1.5254002,3.4003983,3.4004002V14.9385004z" fill="rgb(60,60,60)"/> <path d="M22.1557007,52.2344017c0.5527992,0,1-0.4473,1-1V26.2334003c0-0.5527-0.4472008-1-1-1c-0.5526829,0-1,0.4473-1,1 v25.0010014C21.1557007,51.7871017,21.6030178,52.2344017,22.1557007,52.2344017z" fill="rgb(60,60,60)"/> <path d="M32.4673004,52.2344017c0.5527191,0,1-0.4473,1-1V26.2334003c0-0.5527-0.4472809-1-1-1c-0.5528011,0-1,0.4473-1,1 v25.0010014C31.4673004,51.7871017,31.9144993,52.2344017,32.4673004,52.2344017z" fill="rgb(60,60,60)"/> <path d="M42.7798004,52.2344017c0.5527,0,1-0.4473,1-1V26.2334003c0-0.5527-0.4473-1-1-1c-0.552784,0-1,0.4473-1,1v25.0010014 C41.7798004,51.7871017,42.2270164,52.2344017,42.7798004,52.2344017z" fill="rgb(60,60,60)"/></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg>') 50% no-repeat; background-size: 1.5rem; } .inp_wrapper.delete.required label { display: none; } /* toggle (css only radio group) */ .toggle { display: flex; border: var(--theme-border); box-shadow: var(--shadow-elevation-low); background-color: var(--theme-light); } .toggle > button { flex: 1; padding: 1rem; border-radius: 0; background-color: transparent; color: var(--theme-text); box-shadow: none; transition: color .3s ease-out; border-left: var(--theme-border); z-index: 2; } .toggle > button.active { color: var(--theme-accent-text); } .toggle > button:first-of-type { border-left: none; } .toggle:after { content: ''; position: absolute; top: 0; left: 0; height: 100%; background-color: var(--theme-accent-medium); transition: left .4s ease-out; border-radius: var(--theme-radius-small); } .toggle-slide-content { position: relative; border-bottom: var(--theme-divider); } .toggle-slide-content > div { position: absolute; top: var(--padding); left: 0; width: 100%; transform: translateX(-2rem); opacity: 0; visibility: hidden; z-index: -1; transition: all ease-out .3s; } /* default table */ .table { max-width: 100%; overflow-x: auto; } .table table { width: 100%; } .table th { text-align: left; min-width: 8rem; padding: calc(var(--padding) / 1.5) var(--padding); border-bottom: var(--theme-divider); background-color: var(--theme-card-background); font-size: 1rem; color: var(--theme-text); } .table td { padding: calc(var(--padding) / 2) var(--padding); border-bottom: var(--theme-divider); color: var(--theme-text); } .table td a { color: var(--theme-text); } .table td.no-border { border-bottom: none; } .table.clickable tr.clickable { cursor: pointer; background-color: var(--theme-card-background); transition: background .1s ease-out; } .table.clickable tr.clickable:hover { background-color: var(--theme-light); } .table.clickable td.clickable-link { padding: 0; } .table.clickable td.clickable-link > a { display: block; padding: calc(var(--padding) / 2) var(--padding); } .table.clickable tr.clickable.active { background-color: var(--theme-accent-dark); } .table.clickable tr.clickable.active > td > a { color: var(--theme-white); } .table tr:empty { display: none; } /* css dropdown */ .css_dropdown { position: relative; } .css_dropdown > div { cursor: pointer; padding: var(--padding); background: var(--theme-white) url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"  viewBox="0 0 11 7" style="enable-background:new 0 0 11 7;" xml:space="preserve"><style type="text/css"> .st0{fill:%233C3C3C;}</style><path class="st0" d="M0,1.4l4.8,4.9l0.7,0.6l0.7-0.6L11,1.4L9.7,0.1L5.5,4.3L1.3,0.1"/></svg>') no-repeat 90% 50%; background-size: 1.25rem; box-shadow: 0px 0px 10px rgba(0,0,0,.2); border-radius: .5rem; } .css_dropdown ul { display: block; position: absolute; z-index: 20; margin-top: 0; background-color: var(--theme-card-background); border-radius: var(--theme-radius-small); box-shadow: var(--shadow-elevation-medium); list-style: none; left: 0; right: 0; padding: 0; opacity: 0; transition: opacity .2s ease-out, transform .2s ease-out; transform: translateY(-1rem); visibility: hidden; border: var(--theme-border); max-height: 30rem; overflow-y: auto; } .css_dropdown:hover ul { visibility: visible; opacity: 1; transform: translateY(0); } .css_dropdown ul li a, .css_dropdown ul li label { display: block; padding: .5rem .5rem .5rem 1rem; text-align: left; color: var(--theme-text); cursor: pointer; } .css_dropdown ul li { border-bottom: var(--theme-divider); } /* Tooltip <span class='tooltip'>Hover mich<div class='tooltiptext'>Lorem Ipsum</div></span> */ .tooltip { display: inline-block; border-bottom: 1px dotted var(--theme-text); } .tooltip .tooltiptext { opacity: 0; visibility: hidden; transform: translate(0%, 1rem); top: 40%; left: 0%; width: 24rem; background-color: black; color: white; text-align: left; padding: var(--padding); border-radius: var(--theme-radius-small); position: absolute; z-index: 11; transition: all .3s ease-out; } .tooltip.bottom .tooltiptext { transform: translate(0%, -1rem); bottom: unset; top: 100%; } .tooltip:hover .tooltiptext { opacity: 1; visibility: visible; transform: translate(0%, 0); } .tooltip .tooltiptext.wide { width: 20rem; } .PGerror, .PGwarning, .PGsuccess { border-radius: var(--theme-radius-small); padding: var(--padding); display: flex; gap: var(--padding); align-items: center; justify-content: right; border-left: 3px solid transparent; } .PGerror > img, .PGwarning > img, .PGsuccess > img { height: 4rem; } .error-div, .warning-div, .success-div { padding: .4rem .8rem; border-radius: var(--theme-radius-small); } .PGerror, .user-feedback.error, .user-feedback.error > h3, .error-div { background-color: var(--theme-error); color: var(--theme-error-text); } .PGwarning, .user-feedback.warning, .user-feedback.warning > h3, .warning-div { background-color: var(--theme-warning); color: var(--theme-warning-text); } .PGsuccess, .user-feedback.success, .user-feedback.success > h3, .success-div { background-color: var(--theme-success); color: var(--theme-success-text); } .error-div:empty, .warning-div:empty, .success-div:empty { display: none; } #user-feedback-wrapper { position: fixed; z-index: 99; pointer-events: none; top: 5rem; left: 50%; transform: translate(-50%, 0); width: 90vw; max-width: 45rem; } .user-feedback { position: relative; background-color: var(--theme-accent-medium); color: var(--theme-accent-text); padding: var(--padding); opacity: 0; transform: translate(0, -20%); border-radius: var(--theme-radius-small); box-shadow: var(--shadow-elevation-medium); transition: all .3s ease-out; } .user-feedback.open { opacity: 1; transform: translate(0, 0); margin-bottom: 1rem; } .user-feedback:before { position: absolute; bottom: 0; left: 0; right: 0; height: 0.2rem; content: ' '; background-color: white; transition: right .1s linear; } .user-feedback.open:before { right: 100%; } .user-feedback > h3 { margin-top: 0; } .hide { display: none; } .block { display: block; } .rotate-center:before { animation: rotate-center 0.6s ease-in-out both; } @keyframes rotate-center { 0% { transform: rotate(0); } 50% { transform: rotate(180deg) scale(.3); } 100% { transform: rotate(360deg) scale(1); } } .progress-symbol { display: none; } #shopLayer.progress .progress-symbol { display: block; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,.2); } .lds-ellipsis { display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80px; height: 80px; } .lds-ellipsis div { position: absolute; top: 33px; width: 13px; height: 13px; border-radius: 50%; background: var(--theme-accent-medium); animation-timing-function: cubic-bezier(0, 1, 1, 0); } .lds-ellipsis div:nth-child(1) { left: 8px; animation: lds-ellipsis1 0.6s infinite; } .lds-ellipsis div:nth-child(2) { left: 8px; animation: lds-ellipsis2 0.6s infinite; } .lds-ellipsis div:nth-child(3) { left: 32px; animation: lds-ellipsis2 0.6s infinite; } .lds-ellipsis div:nth-child(4) { left: 56px; animation: lds-ellipsis3 0.6s infinite; } @keyframes lds-ellipsis1 { 0% { transform: scale(0); } 100% { transform: scale(1); } } @keyframes lds-ellipsis3 { 0% { transform: scale(1); } 100% { transform: scale(0); } } @keyframes lds-ellipsis2 { 0% { transform: translate(0, 0); } 100% { transform: translate(24px, 0); } } .bestellung_action a, #pers_submen a { margin: 0.2rem; display: inline-block; padding: .5rem; } #pers_submen a { background-color: var(--theme-accent-light); color: var(--theme-text); } #pers_submen a.active, #pers_submen a:hover { background-color: var(--theme-accent-medium); color: var(--theme-white); } #pers_submen { margin-bottom: 3rem; } #pers_submen .button { text-transform: unset; } .picva { width: 5rem; display:block; } .tab_k { margin-bottom: .5rem; } .tab_k:empty { display: none; } #bestellabschluss { text-align: center; } #megaBestellabschluss { display:block; height:14rem; width: 14rem; border-radius: 14rem; background: var(--theme-success); margin: 5rem auto 3rem auto; position:relative; } #megaBestellabschluss:before{content:' ';display:block;height:inherit;width:inherit;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="10" viewBox="0 0 13 10"><style type="text/css">.st0{fill:%23FFF;}</style><path class="st0" d="M0 5l2.9 2.9 2.1 2.1 2.2-2.1 5.7-5.8-2.2-2.1-5.7 5.7-2.8-2.8z"/></svg>') no-repeat 50% 50%; background-size:150px;animation: wobbel 1s 1 linear} #bestellabschluss p { text-align: center; font-size: 1.25rem; line-height: normal; } #bestellabschluss p span { font-size: 1rem; } #bestellabschluss form { width: max-content; margin: 0 auto;} #bestellabschluss form button { margin-top: 2rem; } #bestellabschluss h3 { font-size: 1.5rem; font-weight: bold; } .datenschutz-grid + input.button { float: right; } .card[data-za="2"] .zacheck .icon, .zacheckbue[data-za="2"] { background-image: url(https://cdn.powergap.de/f_ls.svg); } .card[data-za="3"] .zacheck .icon, .zacheckbue[data-za="3"] { background-image: url(https://cdn.powergap.de/f_vk.svg); } .card[data-za="4"] .zacheck .icon, .zacheckbue[data-za="4"] { background-image: url(https://cdn.powergap.de/f_dhl-nachnahme.svg); } .card[data-za="5"] .zacheck .icon, .zacheckbue[data-za="5"] { background-image: url(https://cdn.powergap.de/f_bar.svg); } .card[data-za="7"] .zacheck .icon, .zacheckbue[data-za="7"] { background-image: url(https://cdn.powergap.de/f_rg.svg); } .card[data-za="8"] .zacheck .icon, .zacheckbue[data-za="8"] { background-image: url(https://cdn.powergap.de/f_pp.svg); } .card[data-za="9"] .zacheck .icon, .zacheckbue[data-za="9"] { background-image: url(https://cdn.powergap.de/f_kk.svg); } .zacheckbue { height: 3rem; width: 5rem; background-position: center; background-size: contain; background-repeat: no-repeat;} #shopLayer[data-pp="perart"] #pag_se_all {display:none!important;} #shopLayer[data-pp="agb"] .tab_k, #shopLayer[data-pp="agb"] .zul_anges_art, #shopLayer[data-pp="dat"] .tab_k, #shopLayer[data-pp="dat"] .zul_anges_art, #shopLayer[data-pp="wid"] .tab_k, #shopLayer[data-pp="wid"] .zul_anges_art { display:none; } #shopLayer[data-pp="agb"] .htm_include ul li,#shopLayer[data-pp="dat"] .htm_include ul li, #shopLayer[data-pp="wid"] .htm_include ul li { margin-left: 1rem; } #shopLayer[data-pp="ticket"] .button.ticket { background-color: var(--theme-accent); color: var(--theme-white); } .inp_wrapper[data-typ="checkbox"] > input { margin: 0; margin-top: .3rem; height: 1.25rem; width: 1.25rem; } .hinweis { background-color: var(--theme-black); padding: 2rem; border-radius: 1rem; color: var(--theme-white); } #foot_notruf { display: flex; justify-content: center; align-items: center; letter-spacing:.1rem; width: 100%; margin: 0 auto; border-radius: 0; text-align: center; } #foot_notruf span { display: none; } #foot_notruf img { width: 3rem; height: 3rem; margin-right: 1rem; } #foot_notruf br { display: none; } footer .mobileContent {display:none;} summary::-webkit-details-marker { display: none; } summary::marker { display: none; } details summary::-webkit-details-marker { display:none; } .inhalt #mehra, .inhalt #weniga {font-size:1rem;font-weight:bold;margin-bottom:.5rem;text-transform:none;} .inhalt #mehra:after {display:inline-block;content:'';width:2rem;height:2rem;background:url(https://cdn.powergap.de/dropdown-arrow-active.svg) no-repeat 50% 100%;background-size:1rem;} .inhalt #weniga:after {display:inline-block;content:'';width:2rem;height:2rem;background:url(https://cdn.powergap.de/dropdown-arrow-active.svg) no-repeat 50% 0;background-size:1rem;rotate: 180deg;} .inhalt #mehra:hover, .ada_text #weniga:hover {cursor: pointer;} .inhalt .textsummary {margin:1rem 0;} .inhalt { border: var(--theme-divider); border-radius: 0; padding: .5rem .5rem .5rem 1rem; margin-bottom: 1rem; } .inhalt details #weniga {display:none;} .inhalt details[open=""] #mehra {display:none;} .inhalt details[open=""] #weniga {display:block;} details:last-of-type summary { list-style: none; &::after { content: ""; } [open] &::after { content: ""; } } details:last-of-type summary::-webkit-details-marker { display: none; } #expertenbox .inhalt { border: 0; margin: 0; padding: 0; } #shopLayer #btn-to-top { background-image: url(https://bravo.powergap.de/img/artikel_weiter.svg); } 
@media (min-width: 576px) { #k_title ul li:nth-child(3) { display: block; } #k_icons > div > .shBagInh { right: 0; } button.big, .button.big { font-size: 1.25rem; } button.big.icon:before, .button.big.icon:before { background-size: 1.75rem; margin-right: 1rem; } .foot_infos { overflow: auto; margin-bottom: 0; } .foot_infos .foot_ueb { display: block; } .foot_infos #info_zahl { justify-content: start; } .foot_infos #info_zahl img { margin: 0 1rem 1rem 0;} .foot_infos ul.soc li a { margin: .5rem 1rem 1rem 0; } .sm-hide { display: none; } .sm-block { display: block; } tr.sm-block { display: table-row; } input[type="text"], input[type="email"], input[type="number"], input[type="tel"], input[type="password"], input[type="date"], textarea, select, input[type="range"] { width: 100%; max-width: 24rem; } body { --padding: 1rem; } }
@media (min-width: 768px) { .shopHeader { position: relative; } html { scroll-padding-top: 2rem; } .ausrichter { padding: 0 2rem; } .k_ausrichter { display: block; } .centerdesk { text-align: center; } #kopf_top_line { position: relative; } #kopf_top_line.box-shadow { box-shadow: 0 0 25px -5px rgba(0,0,0,.25); } #kopf_top_line_inner { height: 4rem; padding: 0 1rem; } #k_logo { width: 16rem; } #k_lupe_2, #k_merk, #k_account, #k_wk, #powermenue-schalter { height: 4rem; width: 3rem; margin-left: 0.5rem; background-size: 2rem; } #k_icons > div > .shBagInh { position: absolute; left: unset; right: calc(var(--padding) * -1); top: 2.8rem; width: calc(100vw - calc(var(--padding) * 2)); } #k_icons > #k_account > .shBagInh { right: calc(var(--padding) * -1); } #k_icons > #k_wk > .shBagInh, #k_icons > #k_merk > .shBagInh { width: 30rem; } #k_icons > #k_account > .shBagInh { width: 17rem; } ul.alt-list { max-height: 30rem; } #shopMain { margin-top: 0; } .foot_infos > ul { width: auto; text-align: left;} #foot_notruf span { display: block; margin-right: .5rem; } #shopFooter .unten #f_text span.br { display:none; } #shopFooter .unten #f_text span.pipe { color:inherit;font-size:inherit;display: inline;padding: 0; } #user-feedback-wrapper { top: 6rem; z-index: 200; } .md-hide { display: none; } .md-block { display: block; } tr.md-block { display: table-row; } .advent_tooltipp { width: 80%; left: 10%; top: 2rem; } }
@media (min-width: 992px) { html { scroll-padding-top: 7rem; } h1 { font-size: 2rem; } h2 { font-size: 1.5rem; } h2 span { font-size: 1.75rem; } h2.big { font-size: 2rem!important; } .mob-weg { display: inline-block!important; color: inherit; font-size: inherit; } #k_men_zeile { height: 3rem; } #kopf_top_line { position: sticky; box-shadow: none; } #kopf_top_line_inner { height: 5rem; padding: 0 2rem; } #k_hotline { width: max-content; padding-left: 3rem; background-size: 2.5rem; background-position: 0 50%; } #k_hotline1 { display: block; } #k_hotline2 { display: block; } #shopLayer[data-forum="1"] #suchbox { display: flex; width: 40%; align-items: center; } #shopLayer[data-forum="1"] #k_lupe_2 { display: none; } #k_hotline { height: max-content; } #k_demo { font-size: .9rem; padding: .5rem 1rem; } #k_lupe_3 { width: 100%; } #k_lupe_3 input#menSuchStr { width: 100%; max-width: 100%; padding: 0.8rem 1rem;background-color: var(--theme-light); } #k_lupe_3 > div.lupe { background: rgb(255,255,255) url(https://cdn.powergap.de/search.svg) no-repeat 97% 50%; } #h-ps-filter-toggle, #h-ps-close, #k_lupe_2 { display: none; } #shopLayer.suche-offen #k_logo, #shopLayer.suche-offen #k_icons { display: flex; } #shopLayer.suche-offen #suchbox { width: 40%; } .foot_infos ul.soc, .foot_infos ul.pay { width: 50%; } .foot_infos ul.soc { justify-content: end; } .foot_infos ul.pay { justify-content: start; } .lg-hide { display: none; } .lg-block { display: block; } tr.lg-block { display: table-row; } .advent_tooltipp { width: 64%; left: 18%; top: 2rem; }  }
@media (min-width: 1200px) { #k_title ul { max-width: var(--header-width); } .k_ausrichter, .ausrichter { max-width: var(--header-width); margin: 0 auto; } .xl-hide { display: none; } .xl-block { display: block; } tr.xl-block { display: table-row; } .advent_tooltipp { width: 50%; left: 25%; top: 2rem; } }
@media (min-width: 1400px) { .xxl-hide { display: none; } .xxl-block { display: block; } tr.xxl-block { display: table-row; }  }
@media (min-width: 1600px) { .xxxl-hide { display: none; } .xxxl-block { display: block; } tr.xxxl-block { display: table-row; } .k_ausrichter, .ausrichter { padding: 0 2rem; } #kopf_top_line_inner { padding: 0 2rem; }  }
/* ### htm ### */
.zul_anges_art { display:none; } .grid-2 { display: grid; grid-template-columns: 1fr; grid-gap: var(--padding); } .grid-6, .grid-4 { display: grid; grid-template-columns: 1fr 1fr; grid-gap: var(--padding); } .row-span-2 { grid-row: span 2; } .col-span-2 { grid-column: span 2; } .grid-2 .row-span-2 { grid-row: span 1; } .grid-2 .col-span-2 { grid-column: span 1; } .card picture img { width: auto; height: auto; } .card span.text1 { position: absolute; bottom: 10%; left: 0; display: inline-block; background-color: rgba(0,0,0,.5); font-size: 1.25rem; padding: 0.5rem 1rem; color: var(--theme-white); font-family: 'Header-Font'; } .card span.text1 + picture:after { content: " "; position: absolute; bottom: 0; left: 0; right: 0; background-color: var(--theme-text); height: 0.4rem; display: none; } .grid-1 .card span.text1 { font-size: 2rem; bottom: 40%; right: 0; border-radius: 0; } .grid-1 .card span.text1a { display: block; font-size: 1.25rem; text-align: right; } .grid-2 .card span.text1 { right: 0; left: auto; } #faq_loesung .faq { background-color: var(--theme-light); padding: var(--padding); margin: 1rem 0; border: var(--theme-border); border-radius: var(--theme-radius-small); box-shadow: var(--shadow-elevation-low); } #faq_loesung .faq_title { font-weight: bold; color: var(--theme-accent-medium); } #faq_loesung .faq_text { padding-left: 1rem; } #faq_start { margin-top: 2rem; } .faq_wrapper { margin-bottom: 2rem; } .special { padding: 2rem 0; background-color: var(--theme-accent-dark); margin-bottom: 2rem; } .special h2 { font-size: 2rem; color: var(--theme-white); margin: 0; } .special h2.greetings { padding-right: 2rem; margin-top: 2rem; } h2.greetings:after { content: ""; display: inline-block; position: absolute; width: 3rem; height: 3rem; margin-left: .5rem; background: url(https://cdn.powergap.de/greetings-w.svg) no-repeat 50%; background-size: contain; } .special h2 span { color: var(--theme-white); } .special.lightgrey { background-color: var(--theme-light); } .special.lightgrey h2 { color: var(--theme-text); } #video-player { max-width: 100%; padding: 0 1.5rem; margin: 0 auto; border-radius: 1rem; } .starttext h1, .starttext h2 { text-align: left; } .start_box h2 { margin-bottom: .5rem; text-align: left; } .html_herst_liste { display: grid; grid-template-columns: repeat(6, 1fr); grid-gap: 0.2rem; } .html_herst_liste_box { text-align: center; background-color: var(--theme-medium); color: var(--theme-text); border-radius: var(--theme-radius-small); padding: .5rem 1rem; } .html_herst_liste_box:hover { background-color: var(--theme-accent);} .alle_her_box { overflow:hidden; border: var(--theme-border); background-color: var(--theme-card-background); border-radius: var(--theme-radius-small); margin-bottom: 2rem; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 1rem; padding: 1rem; } .he_first { background-color: var(--theme-medium); color: var(--theme-text); border-radius: var(--theme-radius-small); padding: .5rem 1rem;} .faq_wrapper details { margin-bottom: var(--padding); } .faq_wrapper details[open] summary { border-bottom: var(--theme-divider); padding-bottom: var(--padding); } .faq_wrapper details p { font-style: italic; } .htm_include { margin-bottom: 2rem; padding: 1rem 0!important; } .htm_include nav ul li a.alvl_1 { font-size: 1rem; padding: .25rem .25rem .25rem .5rem; display: block; white-space: nowrap; font-weight: bold; } .htm_include nav ul li a.alvl_2 { padding: .25rem .25rem .25rem 1rem; display: block; } .htm_include nav#men_2 .lvl_1 { width: 100%; column-count: 1; column-gap: 1rem; border-bottom: var(--theme-divider); padding: 1rem 0; } .htm_include nav ul li { width:100%; list-style:none; margin-bottom: .15rem; } .htm_include nav .lvl_1 > li.head { font-size: 1rem; padding: .5rem; background-color: var(--theme-accent-light); margin-bottom: .15rem ;} .htm_include nav ul li a { color: var(--theme-text); } .htm_include nav ul li.active a { background-color: var(--theme-accent-light); color: var(--theme-text); } .htm_include nav ul li a:hover { color: var(--theme-accent-medium); } .htm_include ul li { margin: .5rem 0 .5rem 1.5rem; text-align: left; } .htm_include p a, .start_text p a, .banner_suchergebnis p a, .htm_include tr td a, .htm_include form label a, .htm_include ul.mleft li a { color: var(--theme-link); border-bottom: 1px dotted var(--theme-link); } .htm_include p.green { background-color: var(--theme-accent-dark); color: var(--theme-white); padding: 1rem; border-radius: 1rem; } .htm_include p.green a { color: var(--theme-white); border-color: var(--theme-white); } .htm_include p.green a:hover { color: var(--theme-text); border-bottom: 1px dotted var(--theme-text); } .htm_include p.grey { background-color: var(--theme-medium); padding: 1rem; border-radius: 1rem; } .htm_include p a.button { border: 0; color: var(--theme-white); } .htm_include p a:hover, .start_text p a:hover, .banner_suchergebnis p a:hover, .htm_include tr td a:hover, .htm_include form label a:hover, .htm_include ul.mleft li a:hover { color: var(--theme-text-hover); border-bottom: 1px dotted var(--theme-text-hover); } .htm_include p a.button:hover { color: var(--theme-white); } .htm_include h2 { font-size: 1.5rem; } .htm_include.versand h3 { margin-bottom: 0; } .htm_include nav ul.men_Service li a.alvl_1 { font-weight: normal; background-color: var(--theme-light); } .htm_include.preise ul li { list-style: none; } .flex-box .flex-menu nav ul { margin: 0; } .flex-box .flex-menu nav ul li h1 { margin: 0; font-size: 1.5em; } .flex-box .flex-content { width: 100%; } .flex-box .flex-content img.full { margin: 0; } .htm_include.kontakt .flexbox { justify-content: start; } .htm_include.kontakt .flexbox div { width: 90%; background-color: rgba(255,255,255,.8); padding: 2rem; text-align: center; margin-bottom: 2rem; border-radius: 1rem; } .htm_include.kontakt .hinweis { width: 90%; } .textbig, .textbigmail, .textklein { display: block; line-height:normal; } .textbig { font-size: 1.5rem; margin-bottom: 1rem; } .textklein { margin: 1rem 0; } .start_service {display: flex;flex-wrap: wrap;width: 100%;justify-content: space-between;background-color: var(--theme-light);padding: 1rem;margin: auto;box-sizing: border-box;} .start_service a {width: 100%;height: 100%;padding: 5.5rem 0 1rem 0;background-position: 50% 1rem; background-size: 4rem; background-repeat: no-repeat; } .start_service a.box1 {background-image: url(https://cdn.powergap.de/bg-merkliste.svg); } .start_service a.box2 {background-image: url(https://cdn.powergap.de/bg-merkliste.svg); } .start_service a.box3 { background-image: url(https://cdn.powergap.de/bg-merkliste.svg); } .start_service span { width: 100%;display: block;padding: .2rem;box-sizing: border-box;text-align: center; color: var(--theme-text); } .start_service span.tex1 { font-size: 1.25rem;letter-spacing: 0.10em;text-transform: uppercase;color: var(--theme-accent-dark); } .start_service span.tex2 { font-size: 1rem; } .faq_url_gruppe { font-size: 1.25rem; text-align: left;border-bottom: var(--theme-divider); padding-bottom: 1rem; } .faq_url_frage { font-size: 1rem; display: block;padding-left: 1.5rem;position: relative;transition: 0.4s;} .faq_url_frage:hover { color: var(--theme-text-hover); } .faq_url_frage_aktiv { font-size:1.15rem; color: var(--theme-text-hover); font-weight: bold; padding: 1rem; background-color: var(--theme-light); } .faq_url_gruppe, .faq_url_frage { margin-bottom: 1.25rem; color: var(--theme-text); } .faq_url_gruppe:hover, .faq_url_frage:hover { } .faq_url_frage_aktiv { margin-bottom: 0; } .faq_url_antwort { margin-bottom: 2rem; padding: 0 1rem 1rem 1rem; background-color: var(--theme-light); } .faq-abstand { width:100%;height:2rem; } .faq_url_antwort a { color: var(--theme-accent); } .faq_url_antwort a:hover { color: var(--theme-text-hover); } .faq_url_antwort ul { margin-top:1rem; } .faq_url_antwort ul li { line-height: 1.5rem; list-style: disc; margin: .5rem 0 .5rem 2rem; } .faq_url_antwort ul.se.list_se { max-width:100%; } .faq_url_antwort ul li.art_box { list-style:none; margin: 1% 2% 1% 0; width: 32%; } .faq_url_antwort ul li.art_box:nth-child(3n) { margin-right:0; } .faq_url_antwort p { margin:0 0 1rem 0; line-height: 1.5rem; } .faq_url_antwort h3 { margin-top:2rem; } .faq_url_frage:before { display:inline-block; content:''; width:1.5rem; height:1.25rem; background:url(https://cdn.powergap.de/pfeil_down.svg) no-repeat 0 80%; background-size: 1rem;position: absolute;left: 0;} .faq_url_frage.faq_url_frage_aktiv:before { display:none; } .faq .button-group { grid-template-columns: 1fr; margin-bottom: 2rem; } .start_zeit { background-color: var(--theme-accent); padding: 1rem!important; text-align: center; } .flexbox { display:flex; justify-content: center; flex-wrap: wrap; } .flexbox.alignleft { justify-content: start; } .flexbox.space { justify-content: space-between; } .flexbox.bg-grey { background-color: var(--theme-light); } .flexbox a.box { display:block; width:100%; padding:1rem; box-sizing:border-box; margin-bottom: 1rem; } .flexbox.nowrap { flex-wrap: nowrap; } .flexbox.aligncenter { align-items: center; } .flexbox .box100 { display: block; width: 100%; padding: 0; } .flexbox .box30 { display: block; width: 100%; padding: 1rem; } .flexbox .textbox30 { display: block; width: 100%; padding: 0; } .flexbox .box40 { display: block; width: 100%; padding: 1rem; } .flexbox .box50 { display: block; width: 100%; padding: 1rem; border-radius: 1rem; position: relative; overflow: hidden; background-color: var(--theme-light); } .flexbox .textbox50 { display: block; width: 100%; padding: 0; } .flexbox .box60 { display: block; width: 100%; padding: 1rem; } .flexbox .box70 { display: block; width: 100%; padding: 1rem; } .flexbox .box50.bgwhite { background: var(--theme-white); padding: 0; } .flexbox .box50 ul li.no { background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"  viewBox="0 0 20 15" style="enable-background:new 0 0 20 15;" xml:space="preserve"><style type="text/css"> .st0{fill:%23B21F02;}</style><path class="st0" d="M13.1,7.5L19.6,1c0.2-0.2,0.2-0.6,0-0.8c-0.2-0.2-0.6-0.2-0.8,0l-6.5,6.5L5.9,0.3c-0.2-0.2-0.6-0.2-0.8,0 C4.9,0.5,4.9,0.8,5.1,1l6.5,6.5L5.1,14c-0.2,0.2-0.2,0.6,0,0.8c0.1,0.1,0.2,0.2,0.4,0.2c0.1,0,0.3-0.1,0.4-0.2l6.5-6.5l6.5,6.5 c0.1,0.1,0.2,0.2,0.4,0.2s0.3-0.1,0.4-0.2c0.2-0.2,0.2-0.6,0-0.8L13.1,7.5z"/></svg>') no-repeat .25rem .5rem; background-size: 1rem; padding-left: 2rem; } .flexbox .box50 ul li.yes { background: url(https://cdn.powergap.de/check.svg) no-repeat .25rem .5rem; background-size: 1rem; padding-left: 2rem; } .flexbox .box50 ul li a { color: var(--theme-link); border-bottom: 1px dotted var(--theme-text); } .flexbox .box50 ul li a:hover { color: var(--theme-text-hover); } .preise h1 { font-size: 2rem; line-height: normal; margin-bottom: 0; } .preise h1 span { display:block; color: var(--theme-accent-dark); font-family: inherit; font-size:1.25rem; font-weight:bold; } .preise .box100, .preise .box50 { background-color: var(--theme-light); width:100%; margin: 0 0 1rem 0; padding: 1rem; border-radius: 1rem; position: relative; overflow: hidden; padding-bottom: 6rem; } .preise .box100 .preis, .preise .box50 .preis { width: 100%; position: absolute; right: 0; bottom: 0; padding: 1rem; font-size: 2rem; background-color: var(--theme-accent-dark); color: var(--theme-white); text-align: right; font-weight: 600; } .preise .box100 .preis .smal, .preise .box50 .preis .smal { font-size: 1.25rem; } .preise .box100 h2, .preise .box50 h2 { font-size: 2rem; margin: .5rem 0; line-height: 2.5rem; } .preise .monapreise { font-size: .8rem; opacity: .75; margin-bottom: 2rem; } .preise .button.mehrpreise { display: block; max-width: max-content; margin: 0 auto; text-transform: none; font-size: 1rem; } .preise .flexbox .box50 .top { position: absolute; right: -4rem; top: 2rem; padding: .5rem 5rem; font-size:1.25rem; background-color: var(--theme-red); color: var(--theme-white); transform: rotate(45deg); } .preise .kostenlos { margin-top: 0; } .preise .flexbox .box50 { background-size: cover; background-repeat: no-repeat; } .preise .flexbox .box50.pic { min-height: 330px; } .preise .preis .small { font-weight: normal; } .preise .flexbox .box50#shopbg, .preise .flexbox .box50#allbg { order: -1; } .preise .flexbox .box50 span.shop { font-size: 1.25rem; font-weight: 600; } #html-blog .grid-4 { grid-template-columns: 1fr; } #html-blog .blog_vorschau h2 { overflow: hidden; text-overflow: ellipsis; font-size: 1.25rem; } .blogtext a { color: var(--theme-link); } .blogtext .mehr { text-decoration: underline; text-decoration-color: var(--theme-accent-dark); text-decoration-thickness: 2px; transition: all 0.5s; } .blogtext .text h2 { height: auto; } .blog_archiv a { display: inline-block; background-color: var(--theme-medium); padding: 1rem; border-radius: 1rem; } .blog_archiv_ul { margin: .5rem 0 0 0; } .blog_vorschau.card { padding: .5rem 1.5rem; border: var(--theme-divider); } .blog_vorschau.card a { border: 0; } .flex-blog-archiv.card .blog_vorschau.card { padding: 0; box-shadow: unset; border: unset; } .blog_archiv_news_ul { display: grid; grid-gap: var(--padding); grid-template-columns: 1fr; } .blog_archiv h3 { margin: 0; } .blog_archiv_ul li { margin-left: 1rem; } .blog_archiv_ul li a:hover, .blog_zuruck a:hover, .blogtext .mehr:hover { color: var(--theme-accent-dark); } #html-blog { margin-top: 2rem; } #bewertungen .auto-style2 { border-bottom: var(--theme-divider); } #bewertungen .auto-style2 img { display: block; width: 200px; max-width: 200px !important;margin-right: 1rem; } #bewertungen table.auto-style2 tr {display: flex;flex-wrap: wrap;} #bewertungen .flex-container {display: flex;align-items: stretch; flex-wrap: wrap; justify-content: space-between; } #bewertungen .flex-container > div { width: 100%; margin: 1rem 0; border: var(--theme-divider);background-color: var(--theme-light);padding: 1rem;text-align: center;} #bewertungen .rat_eine { padding: 1rem 0; } #bewertungen .aa_rating_note { margin-left: .25rem; } #bewertungen .aa_rating_text { font-size: 1rem; } #bewertungen .aa_rating_titel { font-weight: bold; } #bewertungen .aa_rating_typen { opacity: .5; } #bewertungen .rat_eine img { display: inline; width: 1rem; margin-right: 0; } #bewertungen .rat_balken_hint {background: var(--theme-white);width: 6rem;display: block;height: 1rem;} #bewertungen .rat_balken { background:#EDB429; height: 1rem; } .startboxtext_anim > p, .startboxtext_anim > a { transition: all 1.3s ease-out; opacity: 0; transform: translateY(-50px); } .startboxtext_anim.animation-done > p, .startboxtext_anim.animation-done > a { opacity: 1; transform: translateY(0); } .startboxtext_anim > p { transition-delay: .2s; } .startboxtext_anim > a { transition-delay: .5s; } .button_reveal_anim { display: block; overflow: auto; } .button_reveal_anim>a { display: flex; align-items: center; justify-content: end; float: right; position: relative; overflow: hidden; padding-left: 3rem; } .button_reveal_anim .refreveal, .button_reveal_anim .refbutton { transition: transform 1.2s ease-out; transform: translateX(-14.5rem); transition-delay: 0.3s; } .button_reveal_anim.animation-done .refreveal, .button_reveal_anim.animation-done .refbutton { transform: translateX(0); } .button_reveal_anim .refbutton { height: 3.5rem; width: 3rem; border: none; outline: none; cursor: pointer; background: url(https://cdn.powergap.de/arrow-right.svg) no-repeat 100% 50%; margin-left: 1rem; z-index: 2;padding:0; } .button_reveal_anim .refreveal { position: absolute; z-index: 1; left: 16.5rem; height: 3rem; width: 16.5rem;background:rgb(255,255,255); } .f_sub { display:block; font-size: 0.8rem; } .startueb { margin: 2rem auto 1rem auto; text-align: center; } .startueb h1 { font-size: 1.75rem; line-height: 2.5rem; } .startueb h1 span { display: block; font-family: inherit; font-size: 1.25rem; line-height: normal; margin-top: .5rem; } .start_video_div video { max-width: 100%; } .plyr { border-radius: 1rem; box-shadow: 0 0 25px -5px rgba(0,0,0,.25); } .box33 { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 3rem; } .box33 div.box1, .box33 div.box2, .box33 div.box3 { width: 100%; margin-bottom: 1rem; background: var(--theme-light); padding: 1rem; border-radius: 1rem; } .box33 h2 { position: relative; margin: 0; font-size: 1.5rem; line-height: 2rem;} .box33 h2 span { font-size: 1.5rem; } .box33.vorteile h2 { font-size: 1.75rem; } .box33.vorteile h2 span { font-size: 1.75rem; display: inline-block; } .box33 h3 { margin: 0; font-size: 1.5rem; } .box33 .button_reveal_anim .refreveal {background:rgb(240,240,240);} .box33 .box1 .button_reveal_anim .refreveal {left: 8.5rem;width:14.5rem;} .box33 .box2 .button_reveal_anim .refreveal {left: 9.5rem;width:14.5rem;} .box33 .box3 .button_reveal_anim .refreveal {left: 17.5rem;width:18.5rem;} .box33 .box3 .button_reveal_anim span {white-space: nowrap;} section.ref_logos { width:100%; display: flex; flex-wrap: wrap; justify-content: space-between; } section.ref_logos a { width: 46%; aspect-ratio: 1 / 1; margin: 1rem 0; background-size: 80% auto; background-position: 50% 50%; background-repeat: no-repeat; border-radius: .5rem; } section.ref_logos a {height: auto; aspect-ratio: 1 / 1; background-size: 85% auto; box-shadow: 0 0 20px -5px rgba(0,0,0,.25); } section.ref_logos a:hover { transform:scale(1.15); } #alle-ref {display:block;width:100%;text-align:right;height:3rem;padding-right:4rem;background:url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"  viewBox="0 0 36.2 36.2" style="enable-background:new 0 0 36.2 36.2;" xml:space="preserve"><style type="text/css"> .st0{fill:%23100C08;} .st1{fill:%23FFFFFF;} .st2{fill:none;}</style><circle class="st0" cx="18.1" cy="18.1" r="18.1"/><g id="Layer_2"> <path class="st1" d="M19,24.7L19,24.7c-0.3-0.3-0.3-0.7,0-1l5.8-5.8L19,12c-0.3-0.3-0.3-0.7,0-1s0.7-0.3,1,0l6.3,6.3l0,0  c0.3,0.3,0.3,0.7,0,1L20,24.7c-0.1,0.1-0.3,0.2-0.5,0.2C19.4,24.9,19.2,24.8,19,24.7z"/> <path class="st1" d="M8.3,17.8c0-0.4,0.3-0.7,0.7-0.7h16.9c0.4,0,0.7,0.3,0.7,0.7c0,0.4-0.3,0.7-0.7,0.7H9  C8.6,18.5,8.3,18.2,8.3,17.8z"/></g><g id="frame"> <rect x="1.5" y="1.9" class="st2" width="32" height="32"/></g></svg>') no-repeat 100% 50%;background-size:3rem;line-height:3rem;} #alle-ref:hover {background-image:url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"  viewBox="0 0 36.2 36.2" style="enable-background:new 0 0 36.2 36.2;" xml:space="preserve"><style type="text/css"> .st0{fill:%23FFFFFF;} .st1{fill:none;}</style><circle cx="18.1" cy="18.1" r="18.1"/><g id="Layer_2"> <path class="st0" d="M19,24.7C19,24.7,19,24.7,19,24.7c-0.3-0.3-0.3-0.7,0-1l5.8-5.8L19,12c-0.3-0.3-0.3-0.7,0-1s0.7-0.3,1,0  l6.3,6.3c0,0,0,0,0,0c0.3,0.3,0.3,0.7,0,1L20,24.7c-0.1,0.1-0.3,0.2-0.5,0.2C19.4,24.9,19.2,24.8,19,24.7z"/> <path class="st0" d="M8.3,17.8c0-0.4,0.3-0.7,0.7-0.7h16.9c0.4,0,0.7,0.3,0.7,0.7c0,0.4-0.3,0.7-0.7,0.7H9  C8.6,18.5,8.3,18.2,8.3,17.8z"/></g><g id="frame"> <rect x="1.5" y="1.9" class="st1" width="32" height="32"/></g></svg>');animation: flash 1.5s;} .box44 { display:flex; flex-wrap:wrap; margin-bottom:3rem;padding-bottom:1rem;justify-content: center;} .box44 .box1, .box44 .box2, .box44 .box3, .box44 .box4 { display: block; width: 100%; margin: 1rem; padding: 2rem; text-align:center; } .box44 .pic22 {display:block;width:200px;height:200px;border-radius:100px;margin:0 auto 2rem auto;} .box44 .ref-logo { display: flex; align-items: center; width:100%; margin:0 auto; } .box44 .ref-logo img { display: block; width:100%; } .box44 .ref-logo img.logo1 { height: 5rem; } .box44 .ref-logo img.logo2 { height: 3.5rem; } .box44 .ref-logo img.logo3 { max-height: 2.5rem; } .box44 .ref-logo img.logo4 { height: 2.5rem; } .box44 .toptext { display:block; width:100%; font-size: 1rem; text-align: center; margin: 0 0 2rem 0; font-weight: 300; } .startboxtext_zwi h2 { margin-top: 0; } .startboxtext_zwi .button { padding: 1rem; } .support .startboxtext_zwi, .individuell .startboxtext_zwi, .sicher .startboxtext_zwi { padding-top: 1.5rem; } .support .startboxtext_zwi p { width: 76%; } .backy { background-repeat: no-repeat; background-attachment: fixed; margin-bottom: 3rem; background-size: cover; clear:both; } .st-banner-3 { display: inline-block; margin: 2rem 0; } .st-banner-3 #box-1 { background: rgba(255,255,255,.8); padding: 1rem 1.5rem; margin: 2rem 1rem 0 1rem; box-shadow: 2px 2px 8px 2px rgba(0,0,0,0.16); border-radius: 1rem; } .st-banner-3 #box-1 h3 { margin-top: 0; margin-bottom: .5rem; } .htm_include .st-banner-3 h2 { color: var(--theme-white); text-align: center; font-size: 2rem; text-shadow: 1px 1px 2px black; } .button.kontakt { display: block; margin: 2rem auto; padding: 1rem; background-color: var(--theme-accent-dark); color: var(--theme-white); font-size: 1.25rem; } .button.kontakt:hover { background-color: var(--theme-black); color: var(--theme-white); border: 0; } .picdiv-1 { width: 100%; height:auto; margin-bottom: 2rem; } .picdiv-1.right {float:right;} .picdiv-1 img { display: block; width: 500px; aspect-ratio: 1 / 1 !important; margin: 0 auto; } .contdiv-1 {height:auto;} .contdiv-1.right {float:right;} .contdiv-1.left {float:left;} .picdiv-3 { width: 100%; display: flex; justify-content: center;} .picdiv-3 a { display: block; height: 100%; margin: 0 2% 2% 0; position:relative; } .picdiv-3 a:nth-child(3) {margin-right:0;} .picdiv-3 a img {display:block;width:100%;height:100%;} .picdiv-3 a span, #wechsbg span { position: absolute;top:0;right:0;padding:.5rem 1rem;z-index:1;background: rgb(116,144,50); color: rgb(255,255,255); border-radius: 2rem;} .picdiv-100 { display: block; max-width: 100%; } .picdiv-100 img { display: block; margin: 0 auto; } .breadcrumb { text-align: center; font-size: .8rem; margin-bottom: 2rem; } /*PARTNER*/ .partner { width: 100%; display: flex; flex-wrap: wrap; margin-bottom: 2rem; } .partner_box1 { position: relative; width: 100%; margin: 0 0 1rem 0; padding: 1.5rem; background-color: var(--theme-light); border-radius: 1rem; } .partner_box2 { position: relative; width: 100%; margin: 0 0 1rem 0; padding: 1.5rem; background-color: var(--theme-light); border-radius: 1rem; } .partner_box2 img {display:block;max-width: 10rem;max-height: 4rem;margin:0 auto; transition: opacity 1s; } .partner h2 { font-size: 2rem; margin-top: 0; } /*PARTNER ENDE*/ .ankers { width: 95%; margin-bottom: 3rem; display: flex; flex-wrap: wrap; justify-content: center; } .ankers .box11 { width: 100%; } ul.feat li {margin: 0 0 0 1.5rem;padding: .5rem 0 .5rem 0;list-style: none;} ul.feat li::before {content: '';position: absolute;margin: .35rem 0 0 -1.5rem;width:1.5rem;height:1rem;background:url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"  viewBox="0 0 19.9 14" style="enable-background:new 0 0 19.9 14;" xml:space="preserve"><style type="text/css"> .st0{fill:%23373737;}</style><path id="Check" class="st0" d="M19.6,0.2c-0.3-0.3-0.9-0.3-1.2,0L6.6,12L1.4,6.9c-0.3-0.3-0.9-0.3-1.2,0s-0.3,0.8,0,1.2L6,13.7 c0.3,0.3,0.9,0.3,1.2,0L19.6,1.4C20,1.1,20,0.6,19.6,0.2C19.3-0.1,20,0.6,19.6,0.2z"/></svg>') no-repeat;background-size: 1.2rem;} .box22 .panel h4 {display:inline;font-size:1rem;padding:0;font-weight:normal; } .panel a:hover { color: var(--theme-accent-dark); } .panel h3 {font-size:1rem;font-family: 'NotoSansLight',sans-serif;} .accordion { color: var(--theme-text); } .box11 {position:relative;} .box11 .accordion { width: 100%; border-bottom: var(--theme-divider); cursor: pointer; padding: 1rem; outline: none; transition: 0.4s; } .box11 .accordion.active { width:100%; } .box11 .accordion.active + .panel { padding:2rem; } .box11 .panel .accordion:hover { background-color: var(--theme-accent-dark); color: var(--theme-white); } .box11 .accordion:after { display: inline-block; content:''; background:url(https://cdn.powergap.de/pfeil_down.svg) no-repeat 50%; background-size: 1.5rem; height: 2rem; width: 2rem; position: absolute; right: 0; } .box11 .active:after { display: inline-block; content:''; background:url(https://cdn.powergap.de/closi.svg) no-repeat 50%; background-size: 1.5rem; height: 2rem; width: 2rem; } .box11 .panel { width:100%; padding: 0 1rem; max-height: 0; transition: max-height 0.2s ease-out; overflow:hidden; } .box22 .accordion { width:100%;min-height: auto!important; background-color: var(--theme-light); cursor: pointer; padding: 1rem 1rem 1rem 2rem; border-radius: 5rem;border: none; text-align: left; outline: none; font-size: 1rem !important; transition: 0.4s; } .box22 .accordion.active { width:100%; } .box22 .accordion.active + .panel { padding: 2rem; box-shadow: 0 0 25px -5px rgba(0, 0, 0, .25); } .box22 .accordion:after { display: block;content:''; background:url(https://cdn.powergap.de/pfeil_down.svg) no-repeat; background-size:1.5rem; height: 1.5rem; width: 2rem;font-weight: bold;font-size: 1.8rem;float: right;margin-left:1rem;margin-top:0;position:static;} .box22 .active:after {display:block;content:'';background:url(https://cdn.powergap.de/closi.svg) no-repeat 50%;background-size:2rem;height: 4rem;width: 4rem;position: absolute;z-index: 1005;right:1rem;top:1rem;left:auto;} .box22 .panel {width:100%;max-width:1590px;position:absolute;z-index:100;top:0;left:0;padding: 0 1rem;background-color: var(--theme-light);font-style: italic;font-size: 1rem;max-height: 0;overflow: hidden;transition: max-height 0.2s ease-out;margin-bottom: 0.5rem;border-radius: 0;} .box22 .panel p {margin: .5rem 0 1.25rem 0; } .box22 .panel h3 {display: block;padding-bottom:.5rem;} .box22 {display:flex;flex-wrap:wrap;justify-content: space-around;} .box22 section {margin: 0 1rem 2rem 0;} .panel_ueberschrift { display:block;font-size: 1.5rem;padding: 0 0 .5rem 0;background: none;border: none; color: var(--theme-text); } .panel_ueberschrift:hover { background-color: transparent; color: var(--theme-text); } .service .h2-2 { margin-top: 0; padding: .5rem 1rem .5rem 0; margin-bottom: 1rem; position: relative; font-size: 1.25rem; } #h2iconshop, #h2iconwawi, #h2iconkasse {display: none;position: absolute;width: 2.5rem;height:2.5rem;background-size:2.5rem auto;} #h2iconshop {background:url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"  viewBox="0 0 48 48" style="enable-background:new 0 0 48 48;" xml:space="preserve"><style type="text/css"> .st0{fill:%233C3C3C;} .st1{fill:%2391b43f;}</style><g> <path class="st0" d="M45,44H3c-1.7,0-3-1.3-3-3v-5h48v5C48,42.7,46.7,44,45,44z M2,38v3c0,0.6,0.4,1,1,1h42c0.6,0,1-0.4,1-1v-3H2z"  /> <path class="st0" d="M45,37h-2V8c0-0.6-0.4-1-1-1H6C5.4,7,5,7.4,5,8v29H3V8c0-1.7,1.3-3,3-3h36c1.7,0,3,1.3,3,3V37z"/> <rect x="40" y="40" class="st0" width="2" height="3"/> <rect x="36" y="40" class="st0" width="2" height="3"/> <rect x="32" y="40" class="st0" width="2" height="3"/></g><g> <path class="st1" d="M23.7,23.6l-2.3-6.2c-0.1-0.3-0.4-0.5-0.8-0.5h-1.7c-0.5,0-0.8,0.4-0.8,0.8c0,0.5,0.4,0.8,0.8,0.8H20l2.3,6.2  c0.1,0.3,0.4,0.5,0.8,0.5h5.1c0.4,0,0.7-0.2,0.8-0.6l1.7-5.1c0.1-0.3,0-0.5-0.1-0.8c-0.2-0.2-0.4-0.4-0.7-0.4h-5.1  c-0.5,0-0.8,0.4-0.8,0.8c0,0.5,0.4,0.8,0.8,0.8h3.9l-1.1,3.4H23.7z"/> <circle class="st1" cx="23.1" cy="27" r="0.8"/> <circle class="st1" cx="28.2" cy="27" r="0.8"/> <path class="st0" d="M36.4,24.5c-0.4-0.1-0.9,0.1-1,0.6c-1.4,4.6-5.7,7.8-10.5,7.8c-5.9,0-10.8-4.7-10.9-10.6l1.1,1.1  c0.2,0.2,0.4,0.2,0.6,0.2c0.2,0,0.4-0.1,0.6-0.2c0.3-0.3,0.3-0.9,0-1.2l-2.5-2.5c-0.3-0.3-0.9-0.3-1.2,0l-2.5,2.5  c-0.3,0.3-0.3,0.9,0,1.2c0.3,0.3,0.9,0.3,1.2,0l1.1-1.1c0.2,6.8,5.8,12.3,12.6,12.3c5.6,0,10.5-3.7,12.1-9  C37.1,25.1,36.8,24.6,36.4,24.5z"/> <path class="st0" d="M39.8,19.6c-0.3-0.3-0.9-0.3-1.2,0l-1.1,1.1c-0.6-6.4-6-11.5-12.6-11.5c-5.2,0-10,3.3-11.8,8.1  c-0.2,0.4,0.1,0.9,0.5,1.1c0.4,0.2,0.9-0.1,1.1-0.5c1.6-4.2,5.7-7,10.2-7c5.6,0,10.3,4.2,10.9,9.7l-1-1c-0.3-0.3-0.9-0.3-1.2,0  c-0.3,0.3-0.3,0.9,0,1.2l2.5,2.5c0.2,0.2,0.4,0.2,0.6,0.2c0.2,0,0.4-0.1,0.6-0.2l2.5-2.5C40.1,20.5,40.1,19.9,39.8,19.6z"/></g></svg>') no-repeat;margin: -1rem 2rem 0 -4.5rem;} #h2iconwawi {background:url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"  viewBox="0 0 48 48" style="enable-background:new 0 0 48 48;" xml:space="preserve"><style type="text/css"> .st0{fill:none;} .st1{fill:%2391b43f;} .st2{fill:%233C3C3C;}</style><polyline class="st0" points="1.7,46.2 46.2,46.2 46.2,1.7 "/><path class="st1" d="M24,24c-0.2,0-0.4-0.1-0.5-0.2l-6.5-4.6c-0.2-0.2-0.4-0.4-0.4-0.7l-0.9-8.3c0-0.4,0.1-0.7,0.4-0.9 c0.3-0.2,0.7-0.2,1,0l7.4,4.6c0.3,0.2,0.4,0.5,0.4,0.8V23c0,0.3-0.2,0.7-0.5,0.8C24.2,23.9,24.1,24,24,24z M18.3,17.9l4.7,3.3v-6 l-5.4-3.3L18.3,17.9z"/><path class="st1" d="M24,24c-0.1,0-0.3,0-0.4-0.1C23.2,23.7,23,23.4,23,23v-8.3c0-0.3,0.2-0.6,0.4-0.8l7.4-4.6c0.3-0.2,0.7-0.2,1,0 c0.3,0.2,0.5,0.5,0.4,0.9l-0.9,8.3c0,0.3-0.2,0.5-0.4,0.7l-6.5,4.6C24.3,23.9,24.1,24,24,24z M24.9,15.2v6l4.7-3.3l0.7-6L24.9,15.2z "/><path class="st1" d="M16.5,11c-0.3,0-0.7-0.2-0.8-0.5c-0.2-0.5,0-1,0.4-1.2l7.4-3.7c0.3-0.1,0.6-0.1,0.8,0l7.4,3.7 c0.5,0.2,0.6,0.8,0.4,1.2c-0.2,0.5-0.8,0.6-1.2,0.4l-7-3.5l-7,3.5C16.8,10.9,16.7,11,16.5,11z"/><path class="st2" d="M21.2,42.5h-7.4c-0.2,0-0.5-0.1-0.7-0.3c-0.2-0.2-0.3-0.4-0.3-0.7l0-4.5c0-0.4-0.3-1.7-1.6-2.9 c0,0,0-0.1-0.1-0.1l-5.5-6.8c-0.7-0.7-1.4-2.2-1.2-3.4l0.9-10.3C5.7,11.8,7,11,8.2,11c0,0,0,0,0,0c0.7,0,1.4,0.3,2,0.8 c0.5,0.5,0.8,1.2,0.8,1.9v6.5c0.8-0.2,1.7,0.1,2.5,0.9c1.9,1.9,3.8,3,5.3,3.8c2.4,1.4,4.2,2.5,4.2,5.5c0,1-0.2,2-0.5,3.1 c-0.5,2-1,4.4-0.4,7.9c0,0.3,0,0.5-0.2,0.8C21.7,42.4,21.5,42.5,21.2,42.5z M14.7,40.6h5.4c-0.4-3.3,0.2-5.6,0.6-7.5 c0.2-1,0.4-1.9,0.4-2.7c0-1.9-1-2.5-3.3-3.9c-1.6-0.9-3.6-2.1-5.7-4.1c-0.6-0.6-0.9-0.6-1.5,0c0,0,0,0,0,0c-0.3,0.3-0.4,0.5-0.4,0.7 c0,0.2,0.1,0.4,0.4,0.7l3.2,2.7c0.4,0.3,0.4,0.9,0.1,1.3c-0.3,0.4-0.9,0.4-1.3,0.1l-3.2-2.7c-0.7-0.7-1-1.3-1-2.1 c0-0.6,0.2-1.2,0.7-1.7v-7.7c0-0.3-0.1-0.5-0.3-0.6c-0.2-0.2-0.4-0.3-0.7-0.3c-0.4,0-0.8,0.3-0.9,1L6.4,24.1c-0.1,0.6,0.3,1.5,0.7,2 l5.5,6.8c1.7,1.6,2.1,3.4,2.1,4.2L14.7,40.6z"/><path class="st2" d="M34.1,42.5h-7.4c-0.3,0-0.5-0.1-0.7-0.3c-0.2-0.2-0.3-0.5-0.2-0.8c0.6-3.5,0-5.9-0.4-7.9 c-0.3-1.1-0.5-2.1-0.5-3.1c0-3,1.9-4.1,4.2-5.5c1.5-0.9,3.4-2,5.3-3.8c0.8-0.8,1.7-1.1,2.5-0.9v-6.5c0-0.7,0.3-1.4,0.8-1.9 c0.5-0.5,1.2-0.8,2-0.8c0,0,0,0,0,0c1.2,0,2.4,0.8,2.7,2.6l0.9,10.4c0.2,1.2-0.5,2.6-1.2,3.4l-5.5,6.7c0,0,0,0.1-0.1,0.1 c-1.3,1.2-1.6,2.6-1.6,2.9l0,4.5c0,0.2-0.1,0.5-0.3,0.7C34.6,42.4,34.4,42.5,34.1,42.5z M27.8,40.6h5.4l0-3.5c0-0.8,0.4-2.6,2.1-4.2 l5.5-6.7c0.5-0.5,0.9-1.5,0.8-2l-0.9-10.4c-0.1-0.7-0.6-1-0.9-1c-0.2,0-0.5,0.1-0.7,0.3c-0.1,0.1-0.3,0.3-0.3,0.6v7.7 c0.5,0.5,0.7,1.1,0.7,1.7c0,0.7-0.3,1.4-1,2l-3.2,2.8c-0.4,0.3-1,0.3-1.3-0.1c-0.3-0.4-0.3-1,0.1-1.3l3.2-2.7 c0.2-0.2,0.4-0.5,0.4-0.6c0-0.2-0.1-0.4-0.4-0.7c0,0,0,0,0,0c-0.6-0.6-0.9-0.6-1.5,0c-2.1,2-4.1,3.2-5.7,4.1c-2.4,1.4-3.3,2-3.3,3.9 c0,0.8,0.2,1.6,0.4,2.7C27.6,35,28.2,37.4,27.8,40.6z"/></svg>') no-repeat;margin: -1rem 2rem 0 -4.5rem;} #h2iconkasse {background:url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"  viewBox="0 0 48 48" style="enable-background:new 0 0 48 48;" xml:space="preserve"><style type="text/css"> .st0{fill:%233C3C3C;} .st1{fill:%2391b43f;stroke:%2391b43f;stroke-width:0.75;stroke-miterlimit:10;} .st2{fill:%233C3C3C;}</style><g> <rect x="12" y="41" class="st0" width="18" height="2"/> <rect x="20" y="35" class="st0" width="2" height="7"/> <path class="st0" d="M44,25H32V11h12V25z M34,23h8V13h-8V23z"/> <path class="st0" d="M45,39H31c-1.7,0-3-1.3-3-3V15h5v2h-3v19c0,0.6,0.4,1,1,1h14c0.6,0,1-0.4,1-1V17h-3v-2h5v21  C48,37.7,46.7,39,45,39z"/> <rect x="37" y="38" class="st0" width="2" height="9"/></g><g> <polygon class="st0" points="38.5,35.7 37.5,35.7 37.5,36.7 38.5,36.7  "/> <path class="st0" d="M35.8,34.6l-0.7-0.7l0.3-0.3c0.7-0.7,1.6-1.1,2.6-1.1s1.9,0.4,2.6,1.1l0.3,0.3l-0.7,0.7l-0.3-0.3  c-0.5-0.5-1.2-0.8-1.9-0.8s-1.4,0.3-1.9,0.8L35.8,34.6z"/> <path class="st0" d="M42.4,32.5L42,32.1c-1-1.1-2.5-1.7-4-1.7s-3,0.6-4.1,1.7l-0.4,0.4l-0.7-0.7l0.4-0.4c1.3-1.3,3-2,4.8-2  s3.5,0.7,4.8,2l0.4,0.4L42.4,32.5z"/> <path class="st0" d="M31.4,30.2l-0.7-0.7l0.3-0.3c1.9-1.9,4.4-2.9,7-2.9c2.7,0,5.2,1,7,2.9l0.3,0.3l-0.7,0.7l-0.3-0.3  c-1.7-1.7-3.9-2.6-6.3-2.6c-2.4,0-4.6,0.9-6.3,2.6L31.4,30.2z"/></g><g> <path class="st1" d="M15,29.4c-5,0-9-4-9-9s4-9,9-9s9,4,9,9S20,29.4,15,29.4z M15,12.7c-4.2,0-7.6,3.4-7.6,7.6S10.8,28,15,28  s7.6-3.4,7.6-7.6S19.2,12.7,15,12.7z"/> <polygon class="st1" points="14.4,24.7 10.1,20.3 10.9,19.5 14.4,23 19.1,18.3 19.9,19.2  "/></g><path class="st2" d="M42.8,11.8l-2,1.2V7.3c0-0.6-0.4-1-1-1h-36c-0.6,0-1,0.4-1,1v29h-2v-29c0-1.7,1.3-3,3-3h36c1.7,0,3,1.3,3,3 V11.8z"/><rect x="2.5" y="34.3" class="st0" width="25.9" height="2"/></svg>') no-repeat;margin: -.5rem 2rem 0 -4.5rem;} .box11 .accordion:hover #h2iconshop, .box11 .accordion.active #h2iconshop {background:url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"  viewBox="0 0 48 48" style="enable-background:new 0 0 48 48;" xml:space="preserve"><style type="text/css"> .st0{fill:%233C3C3C;} .st1{fill:%23ffffff;}</style><g> <path class="st0" d="M45,44H3c-1.7,0-3-1.3-3-3v-5h48v5C48,42.7,46.7,44,45,44z M2,38v3c0,0.6,0.4,1,1,1h42c0.6,0,1-0.4,1-1v-3H2z"  /> <path class="st0" d="M45,37h-2V8c0-0.6-0.4-1-1-1H6C5.4,7,5,7.4,5,8v29H3V8c0-1.7,1.3-3,3-3h36c1.7,0,3,1.3,3,3V37z"/> <rect x="40" y="40" class="st0" width="2" height="3"/> <rect x="36" y="40" class="st0" width="2" height="3"/> <rect x="32" y="40" class="st0" width="2" height="3"/></g><g> <path class="st1" d="M23.7,23.6l-2.3-6.2c-0.1-0.3-0.4-0.5-0.8-0.5h-1.7c-0.5,0-0.8,0.4-0.8,0.8c0,0.5,0.4,0.8,0.8,0.8H20l2.3,6.2  c0.1,0.3,0.4,0.5,0.8,0.5h5.1c0.4,0,0.7-0.2,0.8-0.6l1.7-5.1c0.1-0.3,0-0.5-0.1-0.8c-0.2-0.2-0.4-0.4-0.7-0.4h-5.1  c-0.5,0-0.8,0.4-0.8,0.8c0,0.5,0.4,0.8,0.8,0.8h3.9l-1.1,3.4H23.7z"/> <circle class="st1" cx="23.1" cy="27" r="0.8"/> <circle class="st1" cx="28.2" cy="27" r="0.8"/> <path class="st0" d="M36.4,24.5c-0.4-0.1-0.9,0.1-1,0.6c-1.4,4.6-5.7,7.8-10.5,7.8c-5.9,0-10.8-4.7-10.9-10.6l1.1,1.1  c0.2,0.2,0.4,0.2,0.6,0.2c0.2,0,0.4-0.1,0.6-0.2c0.3-0.3,0.3-0.9,0-1.2l-2.5-2.5c-0.3-0.3-0.9-0.3-1.2,0l-2.5,2.5  c-0.3,0.3-0.3,0.9,0,1.2c0.3,0.3,0.9,0.3,1.2,0l1.1-1.1c0.2,6.8,5.8,12.3,12.6,12.3c5.6,0,10.5-3.7,12.1-9  C37.1,25.1,36.8,24.6,36.4,24.5z"/> <path class="st0" d="M39.8,19.6c-0.3-0.3-0.9-0.3-1.2,0l-1.1,1.1c-0.6-6.4-6-11.5-12.6-11.5c-5.2,0-10,3.3-11.8,8.1  c-0.2,0.4,0.1,0.9,0.5,1.1c0.4,0.2,0.9-0.1,1.1-0.5c1.6-4.2,5.7-7,10.2-7c5.6,0,10.3,4.2,10.9,9.7l-1-1c-0.3-0.3-0.9-0.3-1.2,0  c-0.3,0.3-0.3,0.9,0,1.2l2.5,2.5c0.2,0.2,0.4,0.2,0.6,0.2c0.2,0,0.4-0.1,0.6-0.2l2.5-2.5C40.1,20.5,40.1,19.9,39.8,19.6z"/></g></svg>') no-repeat;} .box11 .accordion:hover #h2iconwawi, .box11 .accordion.active #h2iconwawi {background:url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"  viewBox="0 0 48 48" style="enable-background:new 0 0 48 48;" xml:space="preserve"><style type="text/css"> .st0{fill:none;} .st1{fill:%23ffffff;} .st2{fill:%233C3C3C;}</style><polyline class="st0" points="1.7,46.2 46.2,46.2 46.2,1.7 "/><path class="st1" d="M24,24c-0.2,0-0.4-0.1-0.5-0.2l-6.5-4.6c-0.2-0.2-0.4-0.4-0.4-0.7l-0.9-8.3c0-0.4,0.1-0.7,0.4-0.9 c0.3-0.2,0.7-0.2,1,0l7.4,4.6c0.3,0.2,0.4,0.5,0.4,0.8V23c0,0.3-0.2,0.7-0.5,0.8C24.2,23.9,24.1,24,24,24z M18.3,17.9l4.7,3.3v-6 l-5.4-3.3L18.3,17.9z"/><path class="st1" d="M24,24c-0.1,0-0.3,0-0.4-0.1C23.2,23.7,23,23.4,23,23v-8.3c0-0.3,0.2-0.6,0.4-0.8l7.4-4.6c0.3-0.2,0.7-0.2,1,0 c0.3,0.2,0.5,0.5,0.4,0.9l-0.9,8.3c0,0.3-0.2,0.5-0.4,0.7l-6.5,4.6C24.3,23.9,24.1,24,24,24z M24.9,15.2v6l4.7-3.3l0.7-6L24.9,15.2z "/><path class="st1" d="M16.5,11c-0.3,0-0.7-0.2-0.8-0.5c-0.2-0.5,0-1,0.4-1.2l7.4-3.7c0.3-0.1,0.6-0.1,0.8,0l7.4,3.7 c0.5,0.2,0.6,0.8,0.4,1.2c-0.2,0.5-0.8,0.6-1.2,0.4l-7-3.5l-7,3.5C16.8,10.9,16.7,11,16.5,11z"/><path class="st2" d="M21.2,42.5h-7.4c-0.2,0-0.5-0.1-0.7-0.3c-0.2-0.2-0.3-0.4-0.3-0.7l0-4.5c0-0.4-0.3-1.7-1.6-2.9 c0,0,0-0.1-0.1-0.1l-5.5-6.8c-0.7-0.7-1.4-2.2-1.2-3.4l0.9-10.3C5.7,11.8,7,11,8.2,11c0,0,0,0,0,0c0.7,0,1.4,0.3,2,0.8 c0.5,0.5,0.8,1.2,0.8,1.9v6.5c0.8-0.2,1.7,0.1,2.5,0.9c1.9,1.9,3.8,3,5.3,3.8c2.4,1.4,4.2,2.5,4.2,5.5c0,1-0.2,2-0.5,3.1 c-0.5,2-1,4.4-0.4,7.9c0,0.3,0,0.5-0.2,0.8C21.7,42.4,21.5,42.5,21.2,42.5z M14.7,40.6h5.4c-0.4-3.3,0.2-5.6,0.6-7.5 c0.2-1,0.4-1.9,0.4-2.7c0-1.9-1-2.5-3.3-3.9c-1.6-0.9-3.6-2.1-5.7-4.1c-0.6-0.6-0.9-0.6-1.5,0c0,0,0,0,0,0c-0.3,0.3-0.4,0.5-0.4,0.7 c0,0.2,0.1,0.4,0.4,0.7l3.2,2.7c0.4,0.3,0.4,0.9,0.1,1.3c-0.3,0.4-0.9,0.4-1.3,0.1l-3.2-2.7c-0.7-0.7-1-1.3-1-2.1 c0-0.6,0.2-1.2,0.7-1.7v-7.7c0-0.3-0.1-0.5-0.3-0.6c-0.2-0.2-0.4-0.3-0.7-0.3c-0.4,0-0.8,0.3-0.9,1L6.4,24.1c-0.1,0.6,0.3,1.5,0.7,2 l5.5,6.8c1.7,1.6,2.1,3.4,2.1,4.2L14.7,40.6z"/><path class="st2" d="M34.1,42.5h-7.4c-0.3,0-0.5-0.1-0.7-0.3c-0.2-0.2-0.3-0.5-0.2-0.8c0.6-3.5,0-5.9-0.4-7.9 c-0.3-1.1-0.5-2.1-0.5-3.1c0-3,1.9-4.1,4.2-5.5c1.5-0.9,3.4-2,5.3-3.8c0.8-0.8,1.7-1.1,2.5-0.9v-6.5c0-0.7,0.3-1.4,0.8-1.9 c0.5-0.5,1.2-0.8,2-0.8c0,0,0,0,0,0c1.2,0,2.4,0.8,2.7,2.6l0.9,10.4c0.2,1.2-0.5,2.6-1.2,3.4l-5.5,6.7c0,0,0,0.1-0.1,0.1 c-1.3,1.2-1.6,2.6-1.6,2.9l0,4.5c0,0.2-0.1,0.5-0.3,0.7C34.6,42.4,34.4,42.5,34.1,42.5z M27.8,40.6h5.4l0-3.5c0-0.8,0.4-2.6,2.1-4.2 l5.5-6.7c0.5-0.5,0.9-1.5,0.8-2l-0.9-10.4c-0.1-0.7-0.6-1-0.9-1c-0.2,0-0.5,0.1-0.7,0.3c-0.1,0.1-0.3,0.3-0.3,0.6v7.7 c0.5,0.5,0.7,1.1,0.7,1.7c0,0.7-0.3,1.4-1,2l-3.2,2.8c-0.4,0.3-1,0.3-1.3-0.1c-0.3-0.4-0.3-1,0.1-1.3l3.2-2.7 c0.2-0.2,0.4-0.5,0.4-0.6c0-0.2-0.1-0.4-0.4-0.7c0,0,0,0,0,0c-0.6-0.6-0.9-0.6-1.5,0c-2.1,2-4.1,3.2-5.7,4.1c-2.4,1.4-3.3,2-3.3,3.9 c0,0.8,0.2,1.6,0.4,2.7C27.6,35,28.2,37.4,27.8,40.6z"/></svg>') no-repeat;} .box11 .accordion:hover #h2iconkasse, .box11 .accordion.active #h2iconkasse {background:url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"  viewBox="0 0 48 48" style="enable-background:new 0 0 48 48;" xml:space="preserve"><style type="text/css"> .st0{fill:%233C3C3C;} .st1{fill:%23ffffff;stroke:%23ffffff;stroke-width:0.75;stroke-miterlimit:10;} .st2{fill:%233B3C3C;}</style><g> <rect x="12" y="41" class="st0" width="18" height="2"/> <rect x="20" y="35" class="st0" width="2" height="7"/> <path class="st0" d="M44,25H32V11h12V25z M34,23h8V13h-8V23z"/> <path class="st0" d="M45,39H31c-1.7,0-3-1.3-3-3V15h5v2h-3v19c0,0.6,0.4,1,1,1h14c0.6,0,1-0.4,1-1V17h-3v-2h5v21  C48,37.7,46.7,39,45,39z"/> <rect x="37" y="38" class="st0" width="2" height="9"/></g><g> <polygon class="st0" points="38.5,35.7 37.5,35.7 37.5,36.7 38.5,36.7  "/> <path class="st0" d="M35.8,34.6l-0.7-0.7l0.3-0.3c0.7-0.7,1.6-1.1,2.6-1.1s1.9,0.4,2.6,1.1l0.3,0.3l-0.7,0.7l-0.3-0.3  c-0.5-0.5-1.2-0.8-1.9-0.8s-1.4,0.3-1.9,0.8L35.8,34.6z"/> <path class="st0" d="M42.4,32.5L42,32.1c-1-1.1-2.5-1.7-4-1.7s-3,0.6-4.1,1.7l-0.4,0.4l-0.7-0.7l0.4-0.4c1.3-1.3,3-2,4.8-2  s3.5,0.7,4.8,2l0.4,0.4L42.4,32.5z"/> <path class="st0" d="M31.4,30.2l-0.7-0.7l0.3-0.3c1.9-1.9,4.4-2.9,7-2.9c2.7,0,5.2,1,7,2.9l0.3,0.3l-0.7,0.7l-0.3-0.3  c-1.7-1.7-3.9-2.6-6.3-2.6c-2.4,0-4.6,0.9-6.3,2.6L31.4,30.2z"/></g><g> <path class="st1" d="M15,29.4c-5,0-9-4-9-9s4-9,9-9s9,4,9,9S20,29.4,15,29.4z M15,12.7c-4.2,0-7.6,3.4-7.6,7.6S10.8,28,15,28  s7.6-3.4,7.6-7.6S19.2,12.7,15,12.7z"/> <polygon class="st1" points="14.4,24.7 10.1,20.3 10.9,19.5 14.4,23 19.1,18.3 19.9,19.2  "/></g><path class="st2" d="M42.8,11.8l-2,1.2V7.3c0-0.6-0.4-1-1-1h-36c-0.6,0-1,0.4-1,1v29h-2v-29c0-1.7,1.3-3,3-3h36c1.7,0,3,1.3,3,3 V11.8z"/><rect x="2.5" y="34.3" class="st0" width="25.9" height="2"/></svg>') no-repeat;} .elementor-container { display: flex; flex-wrap: wrap; margin-right: auto; margin-left: auto; position: relative; } .elementor-widget-container { transition: all 0.5s ease; margin: 0 1rem 1rem 0; height:100%; } .elementor-column-33 { width: 100%; position: relative;aspect-ratio: 1 / 1; margin-bottom: 1rem;} .elementor-widget-wrap { display: flex;position: relative;width: 100%;height:100%;flex-wrap: wrap;align-content: flex-start; } .elementor-element { width:100%; height:100%; } .elementor-widget-container.new { background-color: var(--theme-accent-dark); display: flex; justify-content: center; align-items: center; border-radius: .5rem; padding: .5rem; } .elementor-widget-container.new h2 { font-size: 3rem; text-align: center; color: var(--theme-white); } .elementor-flip-box {perspective: 1000px; transform-style: preserve-3d; height:100%; position: relative; cursor: pointer; } .elementor-flip-box-front { background-color: var(--theme-light); background-position: 50% 75%; background-repeat: no-repeat; background-size: 40%; transform: none; z-index: 1; transform-style: preserve-3d; backface-visibility: hidden; position: absolute; width: 100%; height: 100%; transition: all .9s ease-in-out; border-radius: .5rem; touch-action:auto; } .elementor-flip-box-back { display:block; transform-style: preserve-3d; backface-visibility: hidden; position: absolute; width: 100%; height: 100%; transition: all .9s ease-in-out; background-color:rgb(240,240,240); border-radius: .5rem; touch-action:auto; } .elementor-flip-box-back { transform: rotateX(0) rotateY(-180deg); } .elementor-flip-box:hover .elementor-flip-box-front { transform: rotateX(0) rotateY(180deg); } .elementor-flip-box-front:hover { transform: rotateX(0) rotateY(180deg); } .elementor-flip-box:hover .elementor-flip-box-back { transform: none; } .elementor-flip-box-layer-overlay { display: flex; justify-content: center; width: 100%; height: 100%; padding: 2rem; } .elementor-flip-box-front .elementor-flip-box-layer-inner h3 { font-size: 1.75rem; padding:0; text-align: center; margin-top: .5rem; } .elementor-flip-box-back .elementor-flip-box-layer-inner h3 { font-size:1.75rem; text-align:center; line-height: 1.75rem; } .elementor-flip-box-back .elementor-flip-box-layer-inner div .button { position: absolute; bottom: 2rem; width: 80%; left: 10%; padding: 1rem 4rem; } .elementor-flip-box-front .elementor-flip-box-layer-overlay {padding-top:1.5rem;} .elementor-flip-box-layer-inner {text-align:center;} .service .box33 ul li {list-style:disc;margin: 0 0 1rem 1rem;font-size: 1.25rem;} .service .box33 {display:flex;margin-bottom:3rem;} .service .box33 div.box1, .service .box33 div.box2, .service .box33 div.box3 {width:32%;margin:0 1%;background:rgb(240,240,240);padding:1rem;box-sizing:border-box;} .service .box33 div.box3 {margin-right:0;} .service .box33 h2 {font-size: 1.5rem;position: relative;} .service .box33 .button_reveal_anim .refreveal {background:rgb(240,240,240);} .service .box33 .box1 .button_reveal_anim .refreveal {left: 8.5rem;width:14.5rem;} .service .box33 .box2 .button_reveal_anim .refreveal {left: 9.5rem;width:14.5rem;} .service .box33 .box3 .button_reveal_anim .refreveal {left: 17.5rem;width:18.5rem;} .service .box33 .box3 .button_reveal_anim span {white-space: nowrap;} .youtubi:after {display:inline-block;content:'';height:1.25rem;width:2rem;background:url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"  viewBox="0 0 461 326.2" style="enable-background:new 0 0 461 326.2;" xml:space="preserve"><style type="text/css"> .st0{fill:%23F61C0D;}</style><g> <path class="st0" d="M365.3,0H95.7C42.9,0,0,42.9,0,95.7v134.7c0,52.9,42.9,95.7,95.7,95.7h269.5c52.9,0,95.7-42.9,95.7-95.7V95.7  C461,42.9,418.1,0,365.3,0z M300.5,169.7l-126.1,60.1c-3.4,1.6-7.2-0.8-7.2-4.6v-124c0-3.8,4-6.2,7.3-4.5l126.1,63.9  C304.4,162.5,304.3,167.9,300.5,169.7z"/></g></svg>') no-repeat;position:absolute;margin-left: .75rem;margin-top: .15rem;} .linki:after {display:inline-block;content:'';height:1.25rem;width:2rem;background:url(https://cdn.powergap.de/linki.svg) no-repeat;position:absolute;margin-left: .75rem;margin-top: .15rem;} .linki:hover { color: var(--theme-accent-dark); } .markt img { height: 2rem; margin: 0 1rem 1rem 0; } .anfragen ul.highlight li { list-style: none; background:url(https://cdn.powergap.de/check.svg) no-repeat 0 55%; background-size: 1.15rem; padding:.5rem 0 .5rem 1.75rem; margin:0; border:0; } .anfragen ul.highlight li a { border-bottom: 1px dotted var(--theme-text); } .anfragen ul.highlight li a:after {display:inline-block;content:'';width:1.5rem;height:1.5rem;background:url(https://cdn.powergap.de/linki.svg) no-repeat 100% 50%;background-size:1rem;position: absolute;} .anfragen ul.highlight li a:hover { color: var(--theme-accent-dark); } .anfragen h1 {margin-bottom:4rem;} .anfragen .listing { display:flex; flex-wrap:wrap; margin-bottom:3rem; } .anfragen .listing .box1 { width: 100%; margin-right: 0; } .anfragen .listing .box2 { width: 100%; min-height: 680px; order:-1; margin-bottom: 2rem; border: var(--theme-divider); padding: 1rem; background: url(https://cdn.powergap.de/powergap-support2.jpg) no-repeat 50%; background-size: cover;} .anfragen .listing .box2 h2 {text-transform:uppercase;font-size:2.5rem;} .anfragen .box2 a { color: var(--theme-accent-dark); } .anfragen .box2 a:hover { color: var(--theme-black); } .preisliste .flexbox div.preise { display: flex; width: 100%; margin-bottom: 1%; justify-content: space-between; } .preisliste .preise .klicks { display: block; color: var(--theme-white); font-size:.8rem; } .preisliste .preise .klicks:after { content: ''; display: inline-block;background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"  viewBox="0 0 11 7" style="enable-background:new 0 0 11 7;" xml:space="preserve"><style type="text/css"> .st0{fill:%23FFFFFF;}</style><path class="st0" d="M0,1.3l4.8,4.9l0.7,0.6l0.7-0.6L11,1.3L9.7,0L5.5,4.2L1.3,0"/></svg>') no-repeat 100% 100%;width: 1.25rem;height: 1rem; background-size: .8rem;} .preisliste .preise .pay { display:block; font-size:.8rem; } .td_preis1 { width: 49%; text-align: right; background-color: var(--theme-light); border: var(--theme-divider); padding: .5rem; margin-right:0; } .td_preis2 { width: 49%; text-align: right; border: var(--theme-divider); padding: .5rem;margin-left:1%;} .td_preisyes { width: 49%; text-align: right; background-color: var(--theme-light); border: var(--theme-divider); padding: .5rem; margin-left:1%;background:url(https://cdn.powergap.de/check.svg) no-repeat 12px 10px; background-size: 25px; } .td_preis1.gruenbg, .td_preis2.gruenbg { background-color: var(--theme-accent-dark); color: var(--theme-white); line-height: 1.5rem; } .td_preis1.gruenbg strong, .td_preis2.gruenbg strong { color: var(--theme-white); font-size: 1.25rem;} ul.seolist { width: 100%; background-color: var(--theme-light); margin: 0; padding: 1rem; } ul.seolist li a { border-bottom: 1px dotted var(--theme-text); } ul.seolist li a:hover { color: var(--theme-accent-dark); } .referenzen .ref_logos { width:100%; display: flex; flex-wrap: wrap; justify-content: space-between; } .referenzen .ref_logos a { width: 48%; aspect-ratio: 3 / 2; margin: 0 0 1rem 0; background-size: 90%; } .referenzen .ref_logos a:hover {box-shadow: 2px 2px 8px 2px rgba(0,0,0,0.25);} .referenzen .picdiv-3 {margin-bottom:4rem;justify-content: center;} .referenzen #vielf {margin-bottom:1rem;} .referenzen #vielf li a {display: block;padding:0 0 .5rem 0;} /*ebay Anbindung*/ #box_ebay { display: flex; width: 100%; margin: .5rem 0 0 0; font-size: .8rem; } #td_ebay1 { width:63%; text-align:right; background-color: var(--theme-light); border: var(--theme-divider); padding: .5rem; margin-right:0; } #td_ebay2 { width:17%; text-align:right; background-color: var(--theme-light); border: var(--theme-divider); padding: .5rem; margin-left:1%; } #td_ebay2yes { width:17%; text-align:right; background-color: var(--theme-light); border: var(--theme-divider); padding: .5rem; margin-left:1%; background:url(https://cdn.powergap.de/check.svg) no-repeat .3rem 50%; background-size: 1.2rem;} #td_ebay2no { width:17%; text-align:right; background-color: var(--theme-light); border: var(--theme-divider); padding: .5rem; margin-left:1%; background:url(https://cdn.powergap.de/cancel.svg) no-repeat 0 50%; background-size: 1.25rem; } ul.disclist li { margin-left: 1.5rem; } .contdiv-1 { width: 100%; margin: 2rem 0; } .forder-go { padding: 1rem; background-color: var(--theme-accent-dark); position: relative; border-radius: 1rem; } .forder-go div span { display:block; min-height:1.5rem; font-size:.9rem; color: var(--theme-white); padding-left: 4rem; margin: 1rem 0; text-align: left; } .forder-go h2 { padding-bottom:0; text-align: left; color: var(--theme-white); margin-top: .5rem; margin-left: .75rem; } .forder-go a { color: var(--theme-white); font-size: inherit; margin-left: .5rem; white-space: nowrap; } .forder-go a:hover { color: var(--theme-white); transform: scale(1.3); display: inline-block; background: var(--theme-text); padding: .5rem 1rem; position: absolute; border-radius: 2rem; } .forder-go div { background-size: 3rem auto; background-repeat: no-repeat; background-position: 0 50%; } .succ-pic { width: 100%; position: relative; display: flex; align-items: end; } .succ-text { width: 100%; } .succ-foto { display: block; width:300px; height:373px; border-radius: 3rem; margin-bottom:1rem; } .succ-logo { display: block; width: 140px; } .succ-pic a {position: absolute; right: 0; bottom: 1rem; background-color: rgba(255,255,255,1); padding: 1rem; border-top-left-radius: 2rem; } .last .button.fixed { width: 100%; background-color: var(--theme-accent-dark); } .last .intro-grund .name { color: var(--theme-white); } .htm_include.last h2 { font-size: 2rem; } .intro-grund { display: flex; padding: 1rem; padding-bottom: 4rem; justify-content: space-between; align-items: end; margin-bottom: 4rem; background-color: var(--theme-black); } .intro-grund img { width: 12rem; margin: 0 2rem 0 0; border-radius: 2rem; } .intro-grund .name { margin-right: 2rem; display: flex; align-items: end; } .intro-grund .name span { display: block; white-space: nowrap; } .intro-grund .slog { font-size: 1.5rem; color: var(--theme-white); } .intro-grund .slog h2 { color: var(--theme-white); margin-top: 3rem; } .intro-grund .slog2 h2 { color: var(--theme-accent-dark); text-align: center; } .intro-grund .slog2 { text-align: center; width: 100%; } .box33.abso h2 { text-align: left;} .fakt { margin-top: 4rem; margin-bottom: 6rem; } .fakt .box33 { margin-top: 2rem; } .fakt h2 { line-height: 3.5rem; margin-top: 1rem; margin-bottom: 1rem; } .fakt h2 span { display: inline-block; background-color: var(--theme-accent-dark); color: var(--theme-white); width: max-content; padding: 1rem; border-radius: 100%; font-size: 2rem; aspect-ratio: 1 / 1; line-height: 4rem; position: absolute; top: -1rem; right: 1rem; } .box33.abso.fakt h2 { width: 100%; top: -1rem; } .last .videodiv { width: 100%; max-width: auto; } .last .boxul { padding-top: 2rem; width: 100%; } .last .boxul ul:last-child { margin-top: 0; } .last .boxul ul li { font-size: 1.25rem; list-style: none; margin-left: 0; } .last .boxul h2 { color: var(--theme-accent-dark); margin: 1rem 0 .5rem 0; } .last .boxul h3 { font-size: 1.5rem; color: var(--theme-accent-dark); margin: 0; } .last .videodiv { max-width: 100%; } .last #video-player { padding: 0; } .last .box33 div.box1, .last .box33 div.box2, .last .box33 div.box3 { width: 92%; aspect-ratio: 1 / 1; padding: 0; margin: 1.5rem; margin-bottom: 3rem; border-radius: 30%; position: relative; } .last .box33.abso .pic22 { display: block; width:100%; aspect-ratio: 1 / 1; position: absolute; object-fit: cover; object-position: 82% 50%; border-radius: 100%; } .last .sprechblase { position: absolute; width: 90%; left: 5%; bottom: 0; color: var(--theme-text); margin: 0 auto; padding: 1rem; border-radius: 1.5rem; background-color: var(--theme-light); box-shadow: 0 0 20px -5px rgba(0,0,0,.8); } .last .sprechblase:before { content: ''; position: absolute; width: 0; height: 0; right: 46%; top: -1rem; border-left: 14px solid transparent; border-right: 14px solid transparent; border-bottom: 1rem solid var(--theme-light);} .last .fakt .sprechblase { bottom: -2rem; } .last .fakt .sprechblase:before { display: none; } /* altes Forum CSS Start */ #shopLayer[data-forum="1"] #button_forum { display: none; } #shopLayer[data-forum="1"] #shopMain { max-width: 1200px; padding: 1rem; } #shopLayer[data-forum="1"] #breadcrumb { margin-top: 4rem; } #shopLayer[data-forum="1"] .breadcrumb { position: absolute; margin-top: -6rem; } #shopLayer[data-forum="1"] textarea { max-width: 100%; width: 100%; } .forum_thema { margin-top: 1rem; padding: 0; } .forum_datum, .forum_beitrag h2 { font-family: 'Header-Font'; font-weight: normal; font-size: 1.5rem; } .forum_beitrag h2 { margin-top: 0; } .forum_datum { position: relative; float: left; min-width: 7.5rem; } .forum_lock { position: relative; float: left; width: 2rem; padding: 5px; margin-right: 2rem; } .forum_beitrag { position: relative; float:left; } .forum_user { position: relative; float: right; margin-left: 1rem; margin-top: .5rem; } .forum_datum2,.forum_datum3,.forum_beitrag2 h3 { font-family: 'Standard-Font'; font-size: 1rem; } .forum_beitrag2 h3 { margin-top: 0; } .forum_datum2 { position: relative; float: left; color: var(--theme-accent-dark); margin-right: 1rem; } .forum_beitrag2 { position: relative; float: left; width:auto;} .forum_user2 { position: relative; float: left; font-size: 1rem; margin-left: 10px;} .forum_aufrufe { font-size: .9rem; opacity: .7; display: inline-block; } .forum_titel { background-color: var(--theme-light); padding: 1rem; margin: 2rem 0; min-height: 236px; } .forum_code,.forum_quote { font-size: 1rem; background-color: var(--theme-light); border: var(--theme-divider); padding: 1rem; margin:0; } .forum_nutzer { padding: 1rem; float: right; } .forum_link,.forum_uhr { opacity: .7; } .fsmile { position: absolute; margin-top: -3px; } .forum_button0:hover, .forum_button1:hover, .forum_button2:hover, .forum_button3:hover, .forum_button4:hover, .forum_button5:hover, .forum_button6:hover { background-color: var(--theme-black); } .forum_button0, .forum_button0 a, .forum_button1, .forum_button1 a, .forum_button2, .forum_button2 a, .forum_button3, .forum_button3 a, .forum_button4, .forum_button4 a, .forum_button5, .forum_button5 a, .forum_button6, .forum_button6 a { display: inline-block; background: var(--theme-accent-dark); border-radius: 1rem; padding: .5rem 1rem; text-align: center; color: var(--theme-white); font-size: 1.25rem; cursor: pointer; text-transform: uppercase; font-family: 'Header-Font'; border: 0; } .forum_button2, .forum_button2 a { background: var(--theme-red); } .forum_button3, .forum_button3 a { background: #e7a90a; } .forum_button5, .forum_button5 a { background: var(--theme-red); } .forum_eingeloggt { text-align: left; } .forum_titel h1 { line-height: normal; font-size: 2rem; } #f_kopf_div { background-color: var(--theme-light); padding: 1rem; display: flex; justify-content: space-between; flex-wrap: wrap; } #f_kopf_div #forum_button1 { margin: 0; } .forum_avatar { height: 200px; } .forum_text img { max-width: 100%!important; } .forum_titel.archiv { min-height: unset; } .forum_titel.archiv h3 { margin-top: 0; } .forum_titel.archiv p { margin-bottom: .5rem; } .forum_titel.archiv a:hover { color: var(--theme-text-hover); } /* altes Forum CSS Ende */ .partner .partnerbild { height: 10rem; max-width: none; max-height: none; } .forder-go #go7 {background-image:url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"  viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve"><style type="text/css"> .st0{fill:%23FFFFFF;}</style><g> <path class="st0" d="M28.5,51c0-11.8,9.6-21.5,21.5-21.5c4.8,0,9.5,1.6,13.3,4.6L60,37.5c-0.3,0.3-0.4,0.7-0.3,1.1  c0.1,0.4,0.4,0.7,0.8,0.8l11.1,3c0.1,0,0.2,0,0.3,0c0.3,0,0.6-0.1,0.8-0.3c0.3-0.3,0.4-0.7,0.3-1.1l-3-11.1  c-0.1-0.4-0.4-0.7-0.8-0.8c-0.4-0.1-0.8,0-1.1,0.3l-3.2,3.2c-4.2-3.4-9.5-5.3-14.9-5.3c-13.1,0-23.7,10.6-23.7,23.7  c0,0.6,0.5,1.1,1.1,1.1C28,52.2,28.5,51.7,28.5,51z M68.3,32.3l2,7.4l-7.4-2L68.3,32.3z"/> <path class="st0" d="M73.6,48.8c-0.6,0-1.1,0.5-1.1,1.1c0,11.8-9.6,21.5-21.5,21.5c-4.7,0-9.2-1.6-12.9-4.4l2.9-2.9  c0.3-0.3,0.4-0.7,0.3-1.1c-0.1-0.4-0.4-0.7-0.8-0.8l-11.1-3c-0.4-0.1-0.8,0-1.1,0.3c-0.3,0.3-0.4,0.7-0.3,1.1l3,11.1  c0.1,0.4,0.4,0.7,0.8,0.8c0.1,0,0.2,0,0.3,0c0.3,0,0.6-0.1,0.8-0.3l3.6-3.6c4.1,3.2,9.3,5,14.6,5c13.1,0,23.7-10.6,23.7-23.7  C74.8,49.3,74.3,48.8,73.6,48.8z M32.7,69.3l-2-7.4l7.4,2L32.7,69.3z"/> <path class="st0" d="M49.8,43c0-0.7-0.3-1.3-0.8-1.8l-2.8-3.7c0,0-0.1-0.1-0.1-0.1c-0.7-0.7-1.8-1.8-4.1-1  c-1.8,0.6-4.5,3.3-4.5,6.9c0,3.6,2.9,8.7,7.7,13.5l0,0c0,0,0,0,0.1,0.1c0,0,0.1,0.1,0.1,0.1c0,0,0,0,0.1,0.1  c4.9,4.8,10,7.7,13.6,7.7c0,0,0,0,0,0c3.6,0,6.2-2.7,6.9-4.5c0.8-2.3-0.3-3.4-1-4.1L64,56.8l0.8-0.8c0,0-0.1-0.1-0.1-0.1l-3.7-2.8  c-1.1-1-2.8-1-3.8,0l-2.4,2.7c-1.3-0.9-2.5-1.8-4.6-3.9c-2.1-2.1-3-3.2-3.9-4.6l2.7-2.4C49.6,44.4,49.8,43.7,49.8,43z M47.5,43.3  l-3.4,3c-0.4,0.4-0.5,1-0.2,1.5c1.2,1.8,2.2,3.1,4.7,5.7c2.6,2.6,3.9,3.5,5.7,4.7c0.5,0.3,1.1,0.2,1.5-0.2l3-3.4  c0.2-0.2,0.5-0.1,0.7,0.1c0,0,0.1,0.1,0.1,0.1l3.7,2.8c0.6,0.6,0.7,0.8,0.4,1.7c-0.4,1-2.2,3-4.7,3c0,0,0,0,0,0  c-3,0-7.7-2.8-12.1-7.1c0,0,0,0,0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0c-4.3-4.4-7-8.9-7-12c0-2.6,2-4.4,3-4.7c0.9-0.3,1.1-0.1,1.7,0.4  l2.8,3.7c0,0,0.1,0.1,0.1,0.1c0.1,0.1,0.2,0.3,0.2,0.4C47.6,43.2,47.5,43.3,47.5,43.3z"/></g></svg>');} .forder-go #go2 {background-image:url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"  viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve"><style type="text/css"> .st0{fill:%23FFFFFF;}</style><path class="st0" d="M78.5,37.7L73.9,32c-1.4-1.8-4.2-2.2-6.1-1l-3.7,2.4c-1.1,0.7-3,0.7-4.1,0l-2.5-1.6c-1.8-1.2-4.7-1.3-6.6-0.3 L50.1,32L47.3,31c-2-0.6-4.9-0.3-6.6,0.8l-1,0.6c-1.2,0.7-3.2,0.8-4.5,0.2l-2.7-1.3c-2.1-1-4.8-0.4-6.2,1.4l-4.6,5.7 c-1.5,1.8-1.2,4.6,0.6,6.1l3.3,2.8l-1.4,1.4c-1.7,1.7-1.7,4.4,0,6.1l0.1,0.1c0.6,0.6,1.4,1,2.3,1.2c-0.6,1.5-0.3,3.3,1,4.6l0.1,0.1 c0.8,0.8,1.9,1.3,3,1.3c0.3,0,0.5,0,0.8-0.1c0.1,1,0.5,2,1.2,2.7l0.1,0.1c0.8,0.8,1.9,1.3,3,1.3c0.6,0,1.1-0.1,1.7-0.3 c0.2,0.8,0.5,1.6,1.2,2.2l0.1,0.1c0.8,0.8,1.9,1.3,3,1.3c1.1,0,2.2-0.4,3-1.3l1-1l2,2c0.8,0.8,1.9,1.3,3.1,1.3c0,0,0,0,0,0 c1.1,0,2.1-0.4,2.8-1.2c0.5-0.5,0.9-1.1,1.1-1.7c0.7,0.5,1.6,0.7,2.4,0.7c1,0,2-0.4,2.8-1.1c0.7-0.6,1.1-1.5,1.2-2.4 c0.3,0.1,0.7,0.1,1.1,0.1c1.1,0,2.2-0.4,3-1.2c0.8-0.8,1.3-1.8,1.4-3c0-0.1,0-0.3,0-0.4c0,0,0,0,0.1,0c1,0,2-0.4,2.8-1.1 c0.8-0.7,1.2-1.7,1.2-2.8c0-1.1-0.5-2.3-1.3-3.1l-0.2-0.2c0.7-0.2,1.3-0.6,1.8-1.1l7.2-7.8C79.9,42.3,79.9,39.5,78.5,37.7z  M25.9,53.2c-0.8-0.8-0.8-2.1,0-2.9l3.3-3.3c0.4-0.4,0.9-0.6,1.4-0.6c0.5,0,1.1,0.2,1.4,0.6l0.1,0.1c0.8,0.8,0.8,2.1,0,2.9l-3.4,3.4 C28,54,26.7,54,26,53.3L25.9,53.2z M29.3,59.1L29.2,59c-0.8-0.8-0.8-2.1,0-2.9l1.2-1.2c0,0,0,0,0,0l3.3-3.3c0,0,0,0,0,0l0.1-0.1 c0.4-0.4,0.9-0.6,1.4-0.6c0.5,0,1.1,0.2,1.4,0.6l0.1,0.1c0.8,0.8,0.8,2.1,0,2.9l-0.7,0.7c0,0,0,0,0,0l-3.4,3.4c0,0,0,0,0,0l-0.6,0.6 C31.4,59.9,30.1,59.9,29.3,59.1z M34.5,63.1L34.3,63c-0.8-0.8-0.8-2.1,0-2.9l3.4-3.4c0.4-0.4,0.9-0.6,1.4-0.6c0.5,0,1,0.2,1.4,0.6 l0.1,0.1c0.8,0.8,0.8,2.1,0,2.9l-3.4,3.4C36.5,63.9,35.3,63.9,34.5,63.1z M43.3,66.3c-0.8,0.8-2.1,0.8-2.9,0l-0.1-0.1 c-0.8-0.8-0.8-2.1,0-2.9l2-2c0.4-0.4,0.9-0.6,1.4-0.6c0.5,0,1,0.2,1.4,0.6l0.1,0.1c0.8,0.8,0.8,2.1,0,2.9L43.3,66.3z M68.1,57.4 c-0.7,0.7-2,0.6-2.8-0.2l-5.5-5.6c-0.4-0.4-1.2-0.4-1.6,0c-0.4,0.4-0.4,1.2,0,1.6L64,59c0.4,0.4,0.6,0.9,0.6,1.4 c0,0.5-0.2,1-0.7,1.4c-0.8,0.8-2.2,0.7-3-0.1l-5-5c-0.4-0.4-1.2-0.4-1.6,0C54.1,57,54,57.3,54,57.6c0,0.3,0.1,0.6,0.3,0.8l4.2,4.3 c0.4,0.4,0.6,0.9,0.6,1.5c0,0.5-0.2,0.9-0.5,1.2c-0.7,0.7-2,0.6-2.8-0.2l-3.2-3.2l0,0l0,0l0,0c-0.1-0.1-0.2-0.1-0.2-0.2 c0,0-0.1-0.1-0.1-0.1c-0.1,0-0.2-0.1-0.3-0.1c0,0-0.1,0-0.1,0c-0.1,0-0.2,0-0.3,0.1c0,0-0.1,0-0.1,0c-0.1,0-0.1,0.1-0.2,0.1 c-0.1,0-0.1,0.1-0.2,0.1c0,0,0,0,0,0c0,0,0,0,0,0C51,62,51,62,51,62.1c0,0.1-0.1,0.1-0.1,0.2c0,0.1,0,0.2-0.1,0.3c0,0.1,0,0.1,0,0.2 c0,0.1,0,0.2,0,0.3c0,0.1,0,0.1,0,0.2c0,0.1,0.1,0.1,0.1,0.2c0,0.1,0.1,0.1,0.1,0.2l1.7,1.7c0.4,0.4,0.4,1.5-0.4,2.2 c-0.3,0.3-0.8,0.5-1.3,0.5c0,0,0,0,0,0c-0.5,0-1.1-0.2-1.5-0.6l-2.1-2.1c1.1-1.7,0.9-4-0.5-5.4l-0.1-0.1c-0.9-0.9-2.1-1.3-3.3-1.2 c0.1-1.2-0.3-2.4-1.2-3.3l-0.1-0.1c-0.7-0.7-1.7-1.1-2.6-1.2c0.3-1.4-0.1-2.9-1.1-4l-0.1-0.1c-0.8-0.8-1.9-1.3-3-1.3 c-0.1,0-0.2,0-0.3,0c0-1.1-0.4-2.2-1.3-3.1l-0.1-0.1c-0.8-0.8-1.9-1.3-3-1.3c-1.1,0-2.2,0.4-3,1.3l-0.4,0.4l-3.5-3 c-0.9-0.7-1-2.1-0.3-3l4.6-5.7c0.8-0.9,2.4-1.3,3.5-0.8l2.7,1.3c1.9,0.9,4.8,0.8,6.6-0.3l1-0.6c1.2-0.7,3.4-1,4.8-0.6l0.7,0.2 L46.2,34c-2,1.1-3,3.7-2,5.8l0.1,0.1c0.9,2.2,3.5,3.2,5.6,2.3l1.6-0.6c1.1-0.4,2-0.7,2.4-0.7l7.6,7.4l6.4,6.4 c0.4,0.4,0.6,0.9,0.6,1.5C68.6,56.7,68.4,57.1,68.1,57.4z M76.7,42.4l-7.2,7.8c-0.4,0.4-0.9,0.6-1.4,0.6c-0.5,0-1-0.2-1.4-0.6 l-3.3-3.2L63,46.7c0,0,0,0,0,0l-7.8-7.6c-0.1-0.1-0.4-0.4-1.1-0.4c-0.7,0-1.7,0.2-3.5,0.9l-1.6,0.6c-1,0.4-2.3-0.1-2.8-1.1L46.3,39 c-0.5-1.1,0-2.4,1-3l4.7-2.5c1.2-0.6,3.2-0.5,4.3,0.2l2.5,1.6c1.8,1.2,4.7,1.2,6.5,0l3.7-2.4c1-0.6,2.4-0.4,3.2,0.5l4.6,5.7 C77.5,40,77.5,41.6,76.7,42.4z"/></svg>');} .forder-go #go8 {background-image:url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"  viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve"><style type="text/css"> .st0{fill:%23FFFFFF;}</style><g> <path class="st0" d="M74.3,52.3c-1.2-1.5-3.7-2-6.3-0.1c-5,3.6-6.4,4.4-8.3,5.6l-0.2,0.1c-2.7,1.6-4.6,1.6-9,1.7l-0.2,0  c-0.9,0-1.6-0.5-1.6-0.8c0-0.2,0.9-1.3,5.1-1.5c3.7-0.2,6-1,7-2.3c0.6-0.8,0.8-1.7,0.6-2.8c-0.6-3.1-5.1-2.8-10.9-2.3  c-1,0.1-2,0.1-3,0.2c-2.5,0.1-7.1,2.4-11.3,4.5c-0.1,0-0.2,0.1-0.2,0.1V53c0-2-1.6-2.8-2.4-3c-0.1,0-0.1,0-0.2,0h-7.3  c-0.6,0-1.1,0.5-1.1,1.1v20.6c0,0.6,0.5,1.1,1.1,1.1h7.1c0,0,0.1,0,0.1,0c0.8-0.1,2.4-0.7,2.6-2.3c9.3,0,19.5-0.3,19.6-0.3  c2.8,0,4.1-1,4.4-1.3c0.7-0.5,9.3-7.3,13-10.7C75.6,55.9,75.3,53.5,74.3,52.3z M33.1,70.6h-5.9V52.3h6c0.2,0.1,0.5,0.2,0.5,0.8v3.3  c0,0,0,0,0,0v13.8C33.7,70.4,33.2,70.5,33.1,70.6z M71.4,56.7c-3.7,3.4-12.8,10.5-12.9,10.6c0,0,0,0-0.1,0.1c0,0-0.8,0.7-3,0.7  c-0.1,0-10.2,0.3-19.5,0.3V57.1c0.3-0.1,0.7-0.3,1.2-0.6c2.7-1.3,8.2-4.1,10.4-4.3c1-0.1,2.1-0.1,3.1-0.2c3.1-0.2,8.3-0.6,8.5,0.5  c0.1,0.5,0,0.8-0.2,1c-0.3,0.4-1.5,1.2-5.4,1.5c-6.4,0.4-7.2,2.6-7.2,3.8c0,1.6,1.7,2.9,3.8,3l0.2,0c4.6,0,6.9,0,10.2-2l0.2-0.1  c1.9-1.2,3.3-2,8.5-5.7c1.4-1,2.7-0.9,3.2-0.3C73,54.2,72.8,55.4,71.4,56.7z"/></g><g id="Layer_1"></g><g> <path class="st0" d="M35.7,47.6c-0.7-0.4-1.1-1-1.1-1.7c0-1,0.6-1.8,1.8-2.3c-1-0.3-1.5-0.8-1.5-1.7c0-0.4,0.1-0.8,0.3-1.1  c0.2-0.3,0.5-0.7,1-1.1c-0.4-0.3-0.7-0.8-0.9-1.2S35,37.3,35,36.6c0-1.3,0.3-2.3,1-3c0.7-0.7,1.6-1,2.9-1c1.2,0,2.1,0.3,2.7,1  c0.1-0.2,0.3-0.4,0.6-0.7c0.3-0.2,0.5-0.4,0.9-0.5l0.4-0.2l0.7,1.5c-0.2,0.1-0.5,0.2-0.9,0.4c-0.4,0.2-0.7,0.3-0.9,0.5  c0.1,0.3,0.2,0.6,0.3,1c0.1,0.4,0.1,0.8,0.1,1.2c0,1.3-0.3,2.2-1,2.9c-0.6,0.7-1.6,1-2.9,1c-0.7,0-1.3-0.1-1.8-0.3  c-0.2,0.3-0.3,0.5-0.3,0.7c0,0.2,0.1,0.3,0.2,0.4s0.4,0.2,0.8,0.2l2.8,0.3c1.9,0.2,2.8,1.2,2.8,3c0,1.1-0.4,1.9-1.1,2.5  c-0.8,0.5-2,0.8-3.6,0.8C37.5,48.2,36.5,48,35.7,47.6z M40.8,45.8c0.4-0.1,0.5-0.4,0.5-0.8c0-0.3-0.1-0.5-0.4-0.7  c-0.2-0.1-0.7-0.2-1.3-0.3l-2.1-0.2c-0.2,0.2-0.4,0.4-0.5,0.6c-0.1,0.2-0.2,0.4-0.2,0.6c0,0.3,0.2,0.6,0.5,0.7s0.9,0.2,1.7,0.2  C39.9,46,40.5,45.9,40.8,45.8z M39.7,38.3c0.1-0.3,0.2-0.9,0.2-1.7c0-0.8-0.1-1.4-0.2-1.7c-0.1-0.3-0.4-0.5-0.8-0.5  c-0.4,0-0.7,0.2-0.8,0.5c-0.1,0.3-0.2,0.9-0.2,1.7c0,0.8,0.1,1.3,0.2,1.7c0.1,0.3,0.4,0.5,0.8,0.5C39.3,38.8,39.6,38.6,39.7,38.3z"  /> <path class="st0" d="M44.9,32.7h3v1.9c0.4-0.7,0.8-1.2,1.2-1.5c0.4-0.3,0.8-0.5,1.3-0.5c0.1,0,0.3,0,0.5,0v3.1  c-0.3-0.2-0.7-0.2-1.1-0.2c-0.7,0-1.4,0.4-1.9,1.1v7.7h-3V32.7z"/> <path class="st0" d="M53.2,44.1c-0.4-0.3-0.7-0.6-0.9-1c-0.2-0.4-0.3-0.9-0.3-1.4c0-0.9,0.2-1.6,0.7-2.2c0.4-0.6,1-1,1.6-1.3  c0.6-0.3,1.4-0.7,2.5-1V36c0-0.4-0.1-0.7-0.2-0.9c-0.1-0.2-0.3-0.3-0.6-0.3s-0.5,0.1-0.6,0.3c-0.1,0.2-0.2,0.5-0.2,0.8L55,36.7  l-2.8-0.1c0.1-1.4,0.4-2.4,1.1-3c0.7-0.6,1.6-1,2.9-1c1.1,0,2,0.3,2.6,0.9c0.6,0.6,0.9,1.5,0.9,2.6v5.4c0,0.9,0.1,1.9,0.2,2.9h-2.7  c-0.1-0.4-0.1-0.9-0.3-1.7c-0.2,0.5-0.4,1-0.8,1.3s-0.9,0.5-1.4,0.5C54.1,44.5,53.6,44.4,53.2,44.1z M56.2,42.2  c0.2-0.1,0.3-0.3,0.5-0.5v-3.2c-0.6,0.4-1.1,0.7-1.4,1.1c-0.3,0.4-0.5,0.9-0.5,1.4c0,0.4,0.1,0.7,0.2,1s0.4,0.3,0.7,0.3  C55.9,42.4,56.1,42.3,56.2,42.2z"/> <path class="st0" d="M62.6,43.7c-0.4-0.5-0.7-1.3-0.7-2.4v-6.6h-1.1v-2h1.1v-3.5H65v3.5h1.7v2H65V41c0,0.7,0.3,1,1,1  c0.4,0,0.6,0,0.9-0.1v2.4c-0.7,0.1-1.3,0.2-1.9,0.2C63.8,44.4,63,44.2,62.6,43.7z"/> <path class="st0" d="M68.4,28.6h3v2.3h-3V28.6z M68.4,32.7h3v11.6h-3V32.7z"/> <path class="st0" d="M74.4,43.8c-0.7-0.5-1.2-1.2-1.5-2.2l2.1-0.9c0.4,1.2,1,1.8,1.7,1.8c0.3,0,0.5-0.1,0.6-0.2  c0.1-0.1,0.2-0.3,0.2-0.5c0-0.3-0.1-0.6-0.3-0.8c-0.2-0.2-0.6-0.6-1.2-1.1l-1.1-0.9c-0.6-0.5-1.1-1.1-1.4-1.5s-0.5-1-0.5-1.7  c0-0.6,0.2-1.2,0.5-1.6c0.3-0.5,0.7-0.8,1.2-1.1c0.5-0.3,1.1-0.4,1.7-0.4c0.9,0,1.7,0.3,2.3,0.8c0.6,0.5,1,1.3,1.2,2.2l-2,0.9  c-0.1-0.5-0.3-0.9-0.6-1.2c-0.3-0.3-0.6-0.5-0.9-0.5c-0.2,0-0.4,0.1-0.6,0.2c-0.1,0.1-0.2,0.3-0.2,0.6s0.1,0.5,0.3,0.7  c0.2,0.3,0.6,0.6,1.1,1l1.1,1c0.6,0.5,1.1,1,1.5,1.5c0.4,0.5,0.5,1.1,0.5,1.7c0,0.6-0.2,1.2-0.5,1.7c-0.3,0.5-0.7,0.8-1.3,1.1  s-1.1,0.4-1.7,0.4C75.9,44.5,75.1,44.3,74.4,43.8z"/></g></svg>');} .forder-go #go3 {background-image:url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"  viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve"><style type="text/css"> .st0{fill:%23FFFFFF;}</style><g> <path class="st0" d="M44.1,67.5h-8.7V42.8h24.7v12.3c0,0.6,0.5,1.1,1.1,1.1c0.6,0,1.1-0.5,1.1-1.1V41.7c0-0.6-0.5-1.1-1.1-1.1H50.3  V29.6c0-0.6-0.5-1.1-1.1-1.1H22.3c-0.6,0-1.1,0.5-1.1,1.1v26.9c0,0.6,0.5,1.1,1.1,1.1h10.9v10.9c0,0.6,0.5,1.1,1.1,1.1h9.8  c0.6,0,1.1-0.5,1.1-1.1C45.2,68,44.7,67.5,44.1,67.5z M23.4,55.4V30.7h24.7v9.8H34.3c-0.6,0-1.1,0.5-1.1,1.1v13.8H23.4z"/> <path class="st0" d="M78.6,51.8c-0.4-0.4-1.2-0.4-1.6,0l-17,17l-9.2-9.2c-0.4-0.4-1.2-0.4-1.6,0c-0.4,0.4-0.4,1.2,0,1.6l10,10  c0.2,0.2,0.5,0.3,0.8,0.3c0.3,0,0.6-0.1,0.8-0.3l17.8-17.8C79.1,52.9,79.1,52.2,78.6,51.8z"/></g></svg>');} .forder-go #go5 {background-image:url(https://cdn.powergap.de/forder-go5.svg);} .forder-go #go6 {background-image:url(https://cdn.powergap.de/forder-go6.svg);} .picdiv-8 { display: flex; flex-wrap: wrap; justify-content: space-between; } .picdiv-8 a { display: flex; align-items: center; justify-content: center; width: 48%; aspect-ratio: 1 / 1; background-color: var(--theme-accent); border-radius: 50%; margin-bottom: 1rem; font-size: 1.25rem; box-shadow: 0 0 20px -5px rgba(0,0,0,.25); border: 10px solid #fff; } .picdiv-8 a:hover { background-color: var(--theme-accent-dark); color: var(--theme-white); transform: scale(1.1); box-shadow: 0 0 15px -5px rgba(0,0,0,.85);} #expertenbox { display: block; width: 85%; max-width: 46rem; font-size: 1rem; padding: 1rem; background-color: var(--theme-white); cursor: pointer; box-shadow: 0 0 20px -5px rgba(0,0,0,.75); border-radius: 1rem; margin: 0 auto 2rem auto; } #expertenbox img { width: 5rem; margin: 0 1rem 0 0; } #expertenbox div { clear: both; } #expertenbox span { font-style: italic; font-size: 1rem; } #expertenbox .inhalt #mehra, #expertenbox .inhalt #weniga { margin: 0; } .ref_bald, .ref_neu, .ref_b2b { color: var(--theme-dark); font-size: .9rem; } .referenzen1 ul li a:hover { color: var(--theme-accent-dark); }
@media (min-width: 576px) { .grid-2 { grid-template-columns: repeat(2, 1fr); } .grid-2 .row-span-2 { grid-row: span 2; } .grid-2 .col-span-2 { grid-column: span 2; } .grid-6 { grid-template-columns: repeat(3, 1fr); } .alle_her_box { grid-template-columns: repeat(3, 1fr); } .html_herst_liste { display: grid; grid-template-columns: repeat(8, 1fr); } .faq .button-group { grid-template-columns: 1fr 1fr; } .support .startboxtext_zwi p { width: 62%; } .button.kontakt { width: max-content; padding: 1rem 2rem; } .startboxtext_zwi .button { padding: 1rem 2rem; } .elementor-column-33 { width: 50%; } .elementor-widget-container.new h2 { font-size: 2rem; } .elementor-flip-box-layer-overlay { padding: 1rem; } .elementor-flip-box-back .elementor-flip-box-layer-inner h3 { margin: 0 0 .5rem 0; font-size: 1.5rem; } .service .h2-2 { font-size: 1.5rem; } .preise h1 { font-size: 3rem; } .preise .box100, .preise .box50 { padding: 1rem 2rem 5rem 2rem; } .preise .flexbox .box50.box70 { width: 64%; } .preise .flexbox .box50.box30 { width: 30%; } .referenzen .ref_logos a {width: 31%;} #box_ebay { font-size: 1rem; } #td_ebay2yes { background-size: 1.5rem; background-position: .5rem 50%; } #td_ebay2no { background-size: 1.5rem; background-position: .3rem 50%; } .last .box33 div.box1, .last .box33 div.box2, .last .box33 div.box3 { margin: 8%; } .picdiv-8 a { width: 32%; } }
@media (min-width: 768px) { .start_service a { width: 33.33%; } .grid-1 .card span.text1 { right: 5%; left: auto; font-size: 3rem; } .flex-box { display: flex; flex-wrap: nowrap; } .flex-box .flex-content h1 { margin-top: 0; } .flex-box .flex-menu { display: block; width: 17rem; margin-right: 1rem;} .faq .button-group { grid-template-columns: 1fr 1fr 1fr; } .htm_include nav#men_2 .lvl_1 { column-count: 2; } .starttext h1, .starttext h2 { text-align: center; } .startueb { padding: 0; text-align: center; } .startueb h1 { font-size: 2.5rem; line-height: 3rem; } .startueb h1 span { font-size: 1.25rem; } #video-player { padding: 0 2rem; } #html-blog .grid-4 { grid-template-columns: 1fr 1fr; } .blog_archiv_news_ul { grid-template-columns: 1fr 1fr; } .blog_archiv { position: fixed; right: 0; top: 16%; z-index: 100; } .blog_vorschau h2 { } .blog_archiv { border-top-right-radius: 0; border-bottom-right-radius: 0; margin: 0; } #bewertungen table.auto-style2 tr {display: unset;flex-wrap: unset;} #bewertungen .flex-container { display: flex; flex-wrap: wrap; } #bewertungen .flex-container > div { width: 49%; } #bewertungen .flex-container div:nth-child(2){margin-right:0;} .box44 .box1, .box44 .box2, .box44 .box3, .box44 .box4 { width: 44%; } .box44 .toptext { height: 6rem; } section.ref_logos a { width: 30%; } .support .startboxtext_zwi p { width: 66%; } .individuell .startboxtext_zwi p { width: 66%; } .picdiv-1 { width: 500px; } .picdiv-1.left { float:left; margin-right: 2rem; } .htm_include.kontakt .flexbox div { width: 65%; } .elementor-flip-box-back .elementor-flip-box-layer-inner h3 { margin: 1rem 0; } .preise h1 { font-size: 4rem; } .preise .box100 .preis, .preise .box50 .preis { width: auto; border-top-left-radius: 2rem; padding: 1rem 2rem; } .referenzen .ref_logos { justify-content: center; } .referenzen .ref_logos a { width: 23%; margin: 0 1% 1rem 1%; } .last .box33 div.box1, .last .box33 div.box2, .last .box33 div.box3 { margin: 2%; width: 45%; } .last .box33 { justify-content: center; max-width: 1765px; margin-left: auto; margin-right: auto; }  }
@media (min-width: 992px) { .grid-4 { grid-template-columns: repeat(4, 1fr); } .html_herst_liste { grid-template-columns: repeat(14, 1fr); } .flexbox .box30 { width:32%; padding: 1rem 2rem; margin: 0 0 1rem 0; } .flexbox .box30:nth-child(3n) { margin-right: 0; } .flexbox .box40 { width:40%; padding: 1rem 2rem; } .flexbox .box50 { width: 48%; padding: 2rem; margin: 0 0 1rem 0; } .flexbox .textbox50 { width: 48%; margin: 0 0 1rem 0; } .flexbox.foto .textbox30 { width: 32.5%; } .flexbox.foto .textbox50 { width: 49.5%; } .flexbox .box50-border { width: 48%; padding: 1rem 2rem; margin: 0 0 1rem 0; } .flexbox .box50-border:nth-child(2n) { margin-right: 0; } .flexbox .box60 { width:60%; padding: 1rem 2rem; } .flexbox .box70 { width:68%; padding: 1rem 2rem; } .flexbox .box50#shopbg, .flexbox .box50#allbg { order: 0; } .blog_archiv_news_ul { grid-template-columns: 1fr 1fr 1fr; } .htm_include h2 { font-size: 1.75rem; } .htm_include .textbox50 h2 { font-size: 1.5rem; } .htm_include h3 { font-size: 1.5rem; } #video-player { max-width: 900px; padding: 0; } .ausrichter.startueb { max-width: 900px; margin-top: 3rem; } .startueb h1 { font-size: 3rem; } .startueb h1 span { font-size: 1.5rem; } .support .startboxtext_zwi p { width: 55%; } .individuell .startboxtext_zwi p { width: 55%; } .intro { text-align: center; max-width: 900px; padding: 0; margin: 0 auto; } .intro p { text-align: justify; padding: 0 2rem; } .intro .button { width: max-content; display: block; margin: 0 auto; } section.ref_logos a { width: 22%; } .box33 div.box1, .box33 div.box2, .box33 div.box3 { width: 49%; padding: 2rem; } .box33 div.box3 { width: 100%; } .box44 .toptext { height: 5rem; } .st-banner-3 #box-1 { padding: 1.5rem 2rem; margin: 2rem 10% 0 10%; } .htm_include.kontakt .flexbox div { width: 46%; } .htm_include.kontakt .flexbox div:first-child { margin-right: 3%; } .htm_include.kontakt .flexbox { justify-content: start; } .htm_include.kontakt .hinweis { width: 95%; } .partner { justify-content: space-between; } .partner_box2 { width: 48.5%; margin-bottom: 2rem; } .ankers { width: 100%; max-width: 1200px; margin: 1rem auto 3rem auto; } .elementor-column-33 { width: 33%; } .preise .flexbox .box50#shopbg, .preise .flexbox .box50#allbg { order: 0; } .anfragen .listing .box1 { width: 40%; margin-right: 10%; } .anfragen .listing .box2 { width: 50%; order: 0; } .preisliste .flexbox div.preise { justify-content: center; } .td_preis1, .td_preis2, .td_preisyes { width:30%; } ul.seolist { width: max-content; padding: 2rem; } .referenzen .ref_logos a { width: 15%; } .contdiv-1 { max-width: 600px; margin: 2rem 0 2rem 2rem; } .succ-pic { width: 300px; } .succ-text { width: 65%; } .last .boxul { margin-bottom: 2rem; } .last .intro-grund .slog { width: 68%; } .last .intro-grund .name { flex-wrap: wrap; width: 25%; } .last .intro-grund .name1 { display: block; white-space: nowrap; width: 100%; margin-top: 1rem; } .last .button.fixed { width: auto; font-size: 1.25rem; } .picdiv-8 a { width: 22%; margin-bottom: 2rem; } #expertenbox { display: block; width: 18rem; position: fixed; z-index: 10; right: 0; top: 165px; border-bottom-right-radius: 0; border-top-right-radius: 0; margin: 0; font-size: .8rem; } #expertenbox span { font-size: .9rem; } }
@media (min-width: 1200px) { h1 { font-size: 2.5rem; } .htm_include .st-banner-3 h2 { font-size: 2.5rem; } .html_herst_liste { grid-template-columns: repeat(27, 1fr); } .alle_her_box { grid-template-columns: repeat(6, 1fr); } #html-blog .grid-4 { grid-template-columns: 1fr 1fr 1fr; } .blog_archiv_news_ul { grid-template-columns: 1fr 1fr 1fr 1fr; } .htm_include nav#men_2 .lvl_1 { column-count: 3; } .box33 div.box1, .box33 div.box2, .box33 div.box3 { width: 32%; } .box33.vorteile div.box1, .box33.vorteile div.box2 { width: 49%; } .box33.vorteile div.box3 { width: 100%; } .box44 .box1, .box44 .box2, .box44 .box3, .box44 .box4 { width: 22%; } .box44 .toptext { height: 6rem; } .intro { max-width: 1200px; } .support .ausrichter { max-width: 1200px; } .individuell .ausrichter { max-width: 1200px; } .ausrichter.max1200 { max-width: 1200px; } .flexbox.max1200 { max-width: 1200px; margin-left: auto; margin-right: auto; } .picdiv-1, .picdiv-1 img { width: 600px; } .elementor-column-33 { width: 25%; } .elementor-widget-container.new h2 { font-size: 2.5rem; } .last .box33 div.box1, .last .box33 div.box2, .last .box33 div.box3 { width: 28%; } .last .videodiv { max-width: 90%; display: flex; align-items: center; } .last .videodiv, .last .boxul { width: 50%; } .last .videodiv .startueb { width: 90%; }  }
@media (min-width: 1400px) { #html-blog .grid-4 { grid-template-columns: 1fr 1fr 1fr 1fr; } .box33.vorteile div.box1, .box33.vorteile div.box2 { width: 32%; } .box33.vorteile div.box3 { width: 32%; } .st-banner-3 #box-1 { margin: 2rem 15% 0 15%; }  }
@media (min-width: 1600px) { .htm_include.last h1 { font-size: 3rem; } .htm_include.last h2 { font-size: 2.5rem!important; } .fakt h2 span { right: 2rem; } }
/* ### kachel ### */
body { --kachel-max-height: 22rem; } ul.se { display: grid; grid-template-columns: 1fr 1fr; grid-auto-rows: min-content; grid-gap: var(--padding); list-style: none; margin: 0; padding: 0; grid-auto-flow: dense; } ul.se.row > li { display: none; } ul.se.row > li:nth-child(-n+2) { display: block; } ul.se.suche.mb-4 { margin-bottom: 2rem; } .art_box, .se_banner { height: var(--kachel-max-height); display: block; position: relative; border: var(--theme-border); box-shadow: var(--shadow-elevation-medium); background-color: var(--theme-card-background); border-radius: var(--theme-radius-small); overflow: hidden; transition: all .3s ease-out; will-change: transform; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); } ul.se > li:hover:not(.se_banner):not(.no_hover) { box-shadow: var(--shadow-elevation-high); } .art_box > .se_kachel { display: block; height: 100%; } .art_box > .se_kachel > div { position: relative; height: 100%; } ul.se > li.se_banner_hersteller > a > img { min-height: 40%; object-fit: contain; padding: .5rem; border-bottom: var(--theme-divider); } .se_kachel .rat_stars { position: absolute; top: 11rem; display: flex; justify-content: center; width: 100%; transition: all .1s ease-out; } .se_kachel:hover .rat_stars { opacity: 1; filter: grayscale(0); } .art_box > .se_kachel > div > figure { margin: 0; text-align: center; transition: transform .3s ease-out; background-color: white; } .art_box > .se_kachel > div > figure img { width: 15rem; height: 10rem; object-fit: contain; margin: 1rem 0; } ul.se > li > a > div > .se_header, .art_box > .se_kachel > div > .se_header { position: absolute; top: 0; left: 0; right: 0; z-index: 1; } .se_diff { display: block; height: 2rem; width: 3.5rem; background-color: var(--theme-error); color: rgb(255,255,255); line-height: 2rem; text-align: center; border-bottom-right-radius: var(--theme-radius-medium); font-size: 1rem; margin-top: 0; } .suchtemp_azu_her { float: right; } .cs_azu { height: 3rem; width: 3rem; background-size: 100%; background-repeat: no-repeat; background-position: center; margin: 0.5rem; } /* azu icons */ .cs_azu[title] { cursor: help; } .cs_azu.azu5 { background-image: url(https://cdn.powergap.de/azu_neu.svg); } .se_unten { display: flex; flex-direction: column; align-content: space-between; justify-content: space-evenly; } .se_name { height: 4.5rem; line-height: normal; } .se_name span { display: block; text-align: center; padding: 0 .25rem; color: var(--theme-text); text-wrap: balance; font-size: .9rem; } .se-minanz { display: block; text-align: center; font-size: .8rem; } .se_preis { height: 5rem; display: none; } .se_preis .se_vk { color: var(--theme-text); font-size: 1rem; text-align: center; display: flex; flex-wrap: wrap; justify-content: center; font-weight: bold; white-space: nowrap; } .se_preis .se_vk s { display: block; color: var(--theme-text); font-weight: 300; font-size: 1rem; float: left; font-size: inherit; margin: 0 .25rem; } .se_preis .se_litp { display: block; text-align: center; color: var(--theme-text); } .se_preis .se_litp br { display: none; } li .se_preis .se_vk s { transition: opacity .1s ease-out; } li .se_preis .se_litp { opacity: .8; transition: opacity .1s ease-out; font-size: .8rem; } li:hover .se_preis .se_vk s, li:hover .se_preis .se_litp { opacity: 1; } li:hover .se_preis .se_vk s, li:hover .se_preis .se_litp { opacity: 1; } ul.se li.se_banner { overflow-y: auto; padding: 0; margin: 0; } ul.se li.se_banner p, ul.se li.se_banner h2, ul.se li.se_banner h3 { padding: 0; } ul.se .banner { position: relative; height: 100%; width: 100%; } ul.se .banner > a { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-position: center; background-size: cover; padding: var(--padding); } ul.se li.se_banner.sb { padding: 0 1rem; } ul.se li.se_banner.sb h2 { margin-bottom: 0; } ul.se .banner > a > h2 { background: rgba(255,255,255,.5); position: absolute; z-index: 2; top: 0; text-align: center; padding: 1rem 2rem; text-shadow: var(--theme-text-shadow); } ul.se .banner > a .button { position: absolute; bottom: 10%; z-index: 2; } ul.se .banner > a > span { position: absolute; bottom: var(--padding); width: calc(100% - calc(var(--padding) * 2)); text-align: center; } ul.se .banner > a > span.se_text { color: var(--theme-text); top: 0; } ul.se .banner > img { margin: var(--padding) 25%; } ul.se > li.se_banner.gr_2x1, ul.se > li.se_banner.gr_2x2 { height: calc(calc(var(--kachel-max-height) * 1.5) + var(--padding)); } ul.slides { width: calc(100% * var(--slides)); height: 100%; margin: 0; padding: 0; list-style: none; overflow: hidden; display: flex; transition: transform .3s ease-out; } ul.slides > li { width: calc(100% / var(--slides)); height: 100%; } ul.slides > li > a { display: block; width: 100%; height: 100%; position: relative; } ul.slides .banner img, ul.slides > li a img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; } ul.slides .banner { z-index: 2; display: flex; flex-direction: column; justify-content: space-around; align-items: center; } ul.slides .banner > div > h3 { margin: 0; font-size: 2em; text-shadow: var(--theme-text-shadow); } ul.slides .banner > div { text-align: center; } ul.slides .banner > div > .subtitle { opacity: .8; text-shadow: var(--theme-text-shadow); } ul.slides-nav { position: absolute; bottom: 0; left: 0; right: 0; padding: var(--padding); list-style: none; display: flex; justify-content: center; margin: 0; z-index: 3; gap: var(--padding); } ul.slides-nav > li { height: 1.5rem; width: 1.5rem; line-height: 1.5rem; text-align: center; background-color: var(--theme-light); color: var(--theme-text); border-radius: 50%; cursor: pointer; } ul.slides-nav > li.active { background-color: var(--theme-accent-medium); color: var(--theme-accent-text); } ul.se > li .quick-buy, ul.se > li > a.se_beobachten { position: absolute; top: calc(19.5rem - var(--padding)); right: .5rem; height: 2rem; width: 2rem; border-radius: 50%; transform: translateY(50%); opacity: 1; transition: all .5s ease-out; z-index: 2; background-size: 75%; background-position: center; background-repeat: no-repeat; cursor: pointer; background-image: url(https://cdn.powergap.de/bg-merkliste.svg); transition-delay: .2s; } ul.se > li:hover .quick-buy, ul.se > li:hover .se_beobachten, ul.se > li > a.se_beobachten.active { opacity: 1; } ul.se > li > a.se_beobachten.active { background-image: url(https://cdn.powergap.de/bg-merkliste-voll.svg)!important; } ul.se > li .quick-buy { right: 4.5rem; transform: translateX(50%); transition-delay: 1.2s; transition-duration: .4s; background-image: url(https://cdn.powergap.de/pg_cart_m.svg); } .gr_1x2, .gr_2x2 { grid-column: span 2; } .gr_2x1, .gr_2x2 { grid-row: span 2; } .lief_gr_farbe_tab { position: absolute; top: 11rem; left: 0; right: 0; transform: translateY(-50%); } .lief_gr_farbe_tab ul { list-style: none; display: flex; flex-wrap: wrap; padding: 0; justify-content: center; gap: .3rem; margin-bottom: .3rem; } .lief_gr_farbe_tab ul li { height: 1.5rem; width: 1.5rem; text-align: center; line-height: 1.5rem; font-size: 0.8rem; border-radius: 50%; background-color: var(--theme-light); color: var(--theme-text); box-shadow: var(--shadow-elevation-medium); overflow: hidden; } #pag_se ul { list-style: none; padding: 0; display: flex; align-items: center; place-content: center; } #pag_se ul > li > div { height: 2.5rem; background-color: var(--theme-accent-medium); color: var(--theme-accent-text); padding: 0 1rem; line-height: 2.5rem; border-radius: var(--theme-radius-small); box-shadow: var(--shadow-elevation-medium); } #pag_se ul > li > #linkpagzur, #pag_se ul > li > #linkpagvor, #pag_se ul > li > #linkpag1 { cursor: pointer; display: block; height: 2.5rem; width: 2.5rem; background-color: var(--theme-accent-medium); border-radius: 20%; background-repeat: no-repeat; background-position: center; background-size: 32%; margin: 0 .5rem; box-shadow: var(--shadow-elevation-medium); transition: box-shadow .3s ease-out;} #linkpagzur { background-image: url(https://cdn.powergap.de/artikel_weiter.svg); rotate: -180deg; } #linkpagvor { background-image: url(https://cdn.powergap.de/artikel_weiter.svg); } #shopLayer #pag_se ul > .nopag { opacity: .5; } #pag_se ul > li > *[href]:hover { box-shadow: var(--shadow-elevation-high); } .pag {font-size: 1.2em !important;text-align: center;color: var(--theme-accent-text);align-items: center; place-content: center;} .se_farben .lief_gr_farbe1_k { cursor: pointer; margin: 0 .2rem; border-radius: 1rem; display: inline-block; height: 1rem; width: 1rem; filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.3)); transform: scale(1); } .se_farben .lief_gr_farbe1_k:hover, .se_farben .lief_gr_farbe1_k.active { transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -webkit-transform: scale(1.3); } .se_farben { position: absolute; top: 12rem; width: 100%; text-align: center; padding: .5rem; overflow: hidden; } .se_preisaufanfrage + .cur { display: none; }
@media (min-width: 576px) { body { --grid-column-count: 6; --grid-item--min-width: 13rem; --kachel-max-height: 23rem; --gap-count: calc(var(--grid-column-count) - 1); --total-gap-width: calc(var(--gap-count) * var(--padding)); --grid-item--max-width: calc((100% - var(--total-gap-width)) / var(--grid-column-count)); } ul.se { grid-template-columns: repeat(auto-fill, minmax(max(var(--grid-item--min-width), var(--grid-item--max-width)), 1fr)); } ul.se > li .quick-buy, ul.se > li > a.se_beobachten { top: calc(20.5rem - var(--padding)); } ul.se.row > li:nth-child(-n+3) { display: block; } ul.se > li.se_banner.gr_2x1, ul.se > li.se_banner.gr_2x2 { height: calc(calc(var(--kachel-max-height) * 2) + var(--padding)); } .se_unten { top: 16rem; } .art_box > .se_kachel > div > figure img { height: 15rem; } .se_kachel .rat_stars { top: 14rem; } .se_preis .se_vk strike { margin: 0 .5rem; } .lief_gr_farbe_tab { top: 15rem; } .se_name span { font-size: 1rem; } }
@media (min-width: 768px) { body { --kachel-max-height: 24rem; } ul.se > li .quick-buy, ul.se > li > a.se_beobachten { top: calc(21.5rem - var(--padding));} #dd_sort_top, #filter_anzeigen { font-size: 1rem; } #pag_se ul > li > #linkpagzur, #pag_se ul > li > #linkpagvor, #pag_se ul > li > #linkpag1 { height: 2.5rem; width: 2.5rem; margin: 0 2rem; } .se_unten { top: 16rem; } .se_name { height: 4rem; } }
@media (min-width: 992px) { body { --grid-item--min-width: 14rem; } ul.se.row > li:nth-child(-n+4) { display: block; } ul.se > li .quick-buy, ul.se > li > a.se_beobachten { opacity: 0; background-color: var(--theme-card-background); box-shadow: var(--shadow-elevation-medium); } ul.se > li:hover .quick-buy, ul.se > li:hover .se_beobachten, ul.se > li > a.se_beobachten.active { transform: translateY(0); opacity: 1; } ul.se > li .quick-buy, ul.se > li > a.se_beobachten { right: 1rem; } ul.se > li .quick-buy, ul.se > li > a.se_beobachten { top: calc(22rem - var(--padding));}  }
@media (min-width: 1200px) { ul.se.row > li:nth-child(-n+5) { display: block; } }
@media (min-width: 1400px) { ul.se.row > li:nth-child(-n+6) { display: block; } }
/* ### to-top-button ### */
#btn-to-top { display: block; opacity: 0; transform: translateY(2rem); visibility: hidden; position: fixed; bottom: 1rem; right: 1rem; height: 3rem; width: 3rem; background-size: 1rem; background-color: var(--theme-accent-medium); border: none; border-radius: 50%; box-shadow: var(--shadow-elevation-medium); z-index: 90; transition: all .2s ease-out; background-image: url(https://cdn.powergap.de/artikel_weiter.svg); background-position: center; background-repeat: no-repeat; padding: 0; } #btn-to-top.visible { opacity: 1; visibility: visible; transform: translateY(0) rotate(-90deg); }
/* ### input-floating ### */
.inp_wrapper { position: relative; margin-top: 1.5rem; } .inp_wrapper label { position: absolute; top: 1.5rem; left: .8rem; font-size: .9rem; z-index: 1; color: var(--theme-text); transition: all .15s ease-out; opacity: .54; pointer-events: none; font-family: inherit; } .inp_wrapper:focus-within label, .inp_wrapper input:not(:placeholder-shown) + label, .inp_wrapper textarea:not(:placeholder-shown) + label, .inp_wrapper select + label, .inp_wrapper input:-webkit-autofill + label, .inp_wrapper textarea:-webkit-autofill + label, .static-input .inp_wrapper textarea + label, .static-input .inp_wrapper input + label, .inp_wrapper input + label.static, .inp_wrapper textarea + label.static { transform: translateY(-1.8rem); opacity: 1; } .inp_wrapper input, .inp_wrapper textarea, .inp_wrapper select { margin-top: 1rem; } .inp_wrapper label span.red { color: red; } .inp_wrapper.valid input { border-bottom: 1px solid var(--theme-success); }
/* ### powermenu ### */
.powermenue div {color: var(--theme-text);} .powermenue { display: flex; position: fixed; z-index: 99; top: 4rem; left: 0; right: 0; bottom: 0; background-color: var(--theme-black);color: var(--theme-white); overflow-y: auto; overflow-x: hidden; opacity: 0; visibility: hidden; transform: translateX(-2rem); transition: all .3s ease-out; } nav.powermenue.open {opacity: 1;visibility: visible;transform: translateX(0);} #powermenue-strukturen-ueberschrift {display: flex; background-color: var(--theme-accent-dark); padding: 0.5rem 0;align-items: center;justify-content: center;} .powermenue-head { width: 100%;flex-direction: column; align-items: stretch;left: 0px;position: absolute; margin: 0; opacity: 1; pointer-events: all; transition: all .2s ease out; } .powermenue-head.hidden { opacity: 0; pointer-events: none; } .powermenue-head li { padding: 0 1rem 0 2rem; background-color: var(--theme-black); height: 4rem; margin: 0; margin-bottom: .1rem; display: flex;align-items: center;justify-content: space-between;cursor: pointer; } .powermenue-head li:last-child { border-bottom: 0; } .powermenue-head li a { font-size: 1.25rem; color: var(--theme-white); } .powermenue-head a:hover, .powermenue-modul-auflistung li a:hover, #shopLayer .powermenue .powermenue-strukturen a:hover { color: var(--theme-accent-medium); } .powermenue-head li.powermenue-aktiv a { color: var(--theme-text-hover); } .powermenue-strukturen {position: absolute;display: block;top: 0;left: 0;right: 0;bottom: 0;padding: 0;background-color: var( --theme-black);transition: all .3s ease-out;box-shadow: none;} .powermenue-strukturen.hidden {opacity: 0;visibility: hidden;transform: translateX(-2rem);} .powermenue-struktur.hidden, .powermenue-struktur-module.hidden { display: none; } .powermenue-struktur-module { display: flex; width: 100%; padding: 1rem;box-sizing: border-box; } .powermenue-struktur-module {flex-direction: column;padding: 0;} .powermenue-modul-ueberschrift {margin: 0;} .powermenue-modul-ueberschrift {display: block;width: 100%;margin-bottom:.5rem;} .powermenue-modul-ueberschrift-wrapper {background-color: var(--theme-accent-light);padding: .5rem 1rem;box-sizing: border-box;border-bottom: 0;} .powermenue-modul-ueberschrift-icon {height: 1.5rem;width: 1.5rem;} .powermenue-modul { width: 100%;margin: 0;} .powermenue-modul a, .powermenue-modul p {font-size: 1rem;} .powermenue-modul .powermenue-modul-auflistung[data-modul-typ="auflistung"] {display: flex;align-items: center;justify-content: flex-start;flex-direction: row;flex-wrap: wrap;} .powermenue-modul .powermenue-modul-auflistung[data-modul-typ="auflistung"] li { width: 100%; } .powermenue-modul-auflistung .powermenue-auflistung-mit-icon {padding: 0;} .powermenue-modul-auflistung {padding: 0 1rem 1rem 1rem;box-sizing:border-box; } .powermenue-modul-auflistung li.powermenue-aktiv a {color: var(--theme-accent-medium);} .powermenue-modul-auflistung li a { display: flex; padding: 1rem 0; color: var(--theme-white); font-size: 1.25rem; } .powermenue-html-oben, .powermenue-html-unten { width:100%; padding: 1rem; box-sizing:border-box; } .powermenue-html-oben:empty, .powermenue-html-unten:empty { display:none; } .powermenue-modul-ueberschrift-icon {width: 2rem;height: 2rem;object-fit: contain;margin-right: .25rem;} .powermenue-auflistung-mit-icon img {width: 3rem;height: 3rem;margin: 0.5rem 1rem 0.5rem 0;} .powermenue-auflistung-mit-icon a, .powermenue-icons-mit-text a, .powermenue-top-marke a {display: flex;justify-content: flex-start;align-items: center;} .powermenue-icons-mit-text img { width: 4rem;height: 4rem;margin-bottom: .25rem; } .powermenue-icons-mit-text a, .powermenue-top-marke a {flex-direction: column;} .powermenue-icons-mit-text a p, .powermenue-top-marke a p {font-size: .8rem;margin-bottom: .5rem;} .powermenue-modul-auflistung .powermenue-top-marke {padding: .75rem 0 .5rem 0;} .powermenue-modul-top-marken, .powermenue-top-marke, .powermenue-modul-top-artikel {display: flex;flex-direction: row;flex-wrap: wrap;align-items: center;justify-content: flex-start;} .powermenue-top-marke img, .powermenue-top-artikel img {max-width: 200px;max-height: 200px;object-fit: contain;} .powermenue-modul .powermenue-top-artikel-name {font-size: 1rem;} .powermenue-modul-icons {display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;align-items: center;} .powermenue-modul-auflistung li.powermenue-top-artikel {background-color:rgb(255,255,255);border:1px solid rgb(221,221,221);padding:.5rem;box-sizing:border-box;margin-right:2rem;} .powermenue-top-artikel {width: 100%;} .powermenue-top-artikel a {align-items: center; } .powermenue-top-artikel-rechts .powermenue-top-artikel-preis {font-size: 1.5rem;} .powermenue-mehr-anzeigen-button {margin-bottom: 0.5rem; } .powermenue-top-marke img, .powermenue-top-artikel img {max-width: 100px;max-height: 100px;object-fit: contain;} .powermenue-top-artikel a {display: flex;align-items: center;justify-content: flex-start;} .powermenue-top-artikel-rechts {margin-left: 5px;} .powermenue-top-artikel-name {font-size: .8rem;margin-bottom: 10px;} .powermenue-top-artikel-preis {font-size: 1rem;} .powermenue-zwei-spalten-rechts {display: none;} .powermenue-mehr-anzeigen {display: none;} .powermenue-mehr-anzeigen-button {cursor: pointer;display: flex; align-items: center;justify-content: center;margin-top: .5rem;} .powermenue-pfeil-unten {margin-left: .5rem;transform: rotate(90deg);} #powermenue-zurueck {position: absolute;background: transparent url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"  viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"><style type="text/css"> .st0{fill:%23FFFFFF;}</style><polygon class="st0" points="352,128.4 319.7,96 160,256 160,256 160,256 319.7,416 352,383.6 224.7,256 "/></svg>') no-repeat 50% 50%;background-size: auto 40px;z-index: 1000;cursor: pointer;width: 4rem;height: 2rem;left: 0;padding: 1rem 1rem 1rem 0;} #powermenue-zurueck-text {font-size: 1.25rem;color: var(--theme-accent-text);} .powermenue-head-mobile-pfeil {display: none;} .powermenue-zwei-spalten-links {display: flex;align-items: center;justify-content: flex-start;} .powermenue-pfeil-rechts {margin-left: 0.25rem;} .powermenue-modul-html img {max-width: 100%;} .powermenue-auflistung-hoch {font-weight: bold;} .powermenue-head-mobile-pfeil {display: block;background: transparent url('data:image/svg+xml,<%3Fxml version="1.0" %3F><!DOCTYPE svg  PUBLIC '-//W3C//DTD SVG 1.1//EN'  'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'><svg height="512px" id="Layer_1" style="enable-background:new 0 0 512 512;" version="1.1" viewBox="0 0 512 512" width="512px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><polygon points="352,128.4 319.7,96 160,256 160,256 160,256 319.7,416 352,383.6 224.7,256 "/></svg>') no-repeat 50% 50%;background-size: auto 40px;width: 2rem;height: 2rem;transform: rotate(180deg);} .powermenue-modul[data-modul-typ='zwei-spalten-rechts'] { display: none; } .alle-struktur-artikel-anzeigen { display: none; align-items: center;justify-content: space-between;width: 100%;margin: .1rem 0;padding: .5rem 1rem; background-color: var(--theme-accent-light); color: var(--theme-white); } .alle-struktur-artikel-anzeigen p { margin: 0; } .alle-struktur-artikel-anzeigen p:first-child { font-size: 1rem; } .powermenue-pfeil-rechts { transform: rotate(90deg); } .powermenue-modul-auflistung .powermenue-auflistung-platzhalter { border-bottom: 0; } .powermenue-modul-html ul li a strong { margin-right: .5rem; } #powermenue-menuepunkt-1 { margin-top: 1rem; } 
@media (min-width: 768px) { nav.powermenue.open { max-width: 600px; box-shadow: 0px 12px 24px -10px rgba(0,0,0,1); } }
@media (min-width: 992px) { .powermenue {width: 100%;display: flex;align-items: center;justify-content: flex-start;flex-direction: column; overflow: visible; opacity: 1; visibility: visible; position: relative; top: 0; background: none; transform: none; } #powermenue-schalter { display: none; } .powermenue-head { display: flex; flex-direction: row; justify-content: center; height: 3rem; align-items: center;padding: 0; margin-top: 0; } .powermenue-head li { height: auto; margin: 0; padding: 0; background-color: unset; } .powermenue-head li a { padding: 0 1rem; font-size: 1rem; } .powermenue-modul-auflistung li a { padding: .5rem 0; font-size: 1rem; } .powermenue-strukturen.hidden {opacity: 0;visibility: hidden;transform: translateY(-2rem);} .powermenue-modul .powermenue-modul-auflistung[data-modul-typ="auflistung"] li { width: 100%; } .powermenue-struktur, .powermenue-struktur-module { display: flex; align-items: flex-start; justify-content: flex-start; } .powermenue-strukturen { position: static; width: 100%; background-color: var(--theme-black); display: block; box-shadow: 0px 12px 24px -10px rgba(0,0,0,0.75); padding:1rem;box-sizing: border-box; margin-top: 3rem; } .powermenue-strukturen.hidden { display: none; } .powermenue-struktur { flex-direction: column; } .powermenue-struktur-module { width: 100%; flex-direction: row; padding: 0 1rem; } .powermenue-modul { width: 23%; margin: 0; } .powermenue-modul-ueberschrift-wrapper {display: flex;align-items: center;justify-content: flex-start;font-weight:bold; background-color: unset; } .powermenue-html-unten #alle-marken {float:right;} .powermenue-html-oben #alle-marken {float:right;} .powermenue-html-oben h1 {margin:0;} .powermenue-top-marke {width: 50%;justify-content: flex-start;justify-content: center;} .powermenue-icons-mit-text {width: 25%;} .powermenue-icons-mit-text img {width: 5rem;height: 5rem;} .powermenue-auflistung-mit-icon img, .powermenue-icons-mit-text img {width: 3.5rem;height: 3.5rem;} .powermenue-head-mobile-pfeil { display: none; } .alle-struktur-artikel-anzeigen { display: none; } #powermenue-strukturen-ueberschrift { display: none; } .powermenue-head li.powermenue-aktiv a { color: var(--theme-white); background-color: var(--theme-accent-dark); border-radius: 2rem; padding: .25rem 1rem; } #powermenue-menuepunkt-1 { margin-top: 0; } }
@media (min-width: 1200px) { .powermenue-head li a { padding: 0 2rem; } }
/* ### search ### */
ul.se li em { font-weight: bold; font-style: normal; background-color: yellow !important; color: black !important; } .css_dropdown[data-group='ag'] { display: none; } #meili-search { min-height: 85vh; } #meili-search #meili-items li#faqs { grid-column: 1 / span 2; padding: var(--padding); height: auto; overflow-y: auto; } #meili-search #meili-items li#faqs p { padding: 0; text-align: left; } #meili-term:empty, #meili-active-filters:empty { display: none; } #meili-title { display: flex; align-items: baseline; justify-content: space-between; } #meili-filters { display: none; grid-template-columns: 1fr 1fr; grid-gap: var(--padding); margin-bottom: 2rem; } #meili-filters.open { display: grid; } #meili-filters > div { flex: 1; } #meili-filters .css_dropdown ul li label span { font-size: .8rem; opacity: .8; float: right; line-height: 1.5rem; } #meili-filter-toggle { display: none; } #meili-filter-toggle.visible { display: block; } #meili-active-filters { margin-bottom: var(--padding); } #meili-active-filters > button { margin-right: var(--padding); } #meili-placeholder, #meili-no-hits, #meili-fallback-placeholder { text-align: center; max-width: 66rem; margin: 0 auto; } #meili-fallback-placeholder { font-weight: bold; margin-top: var(--padding); } #meili-no-hits { display: none; } #meili-no-hits > b { font-size: 1.1rem; margin-bottom: 2rem; display: inline-block; font-family: 'Header-Font'; } #meili-search h1 { margin-bottom: 0; } #meili-search p { margin-top: 0; } #shopLayer.suche-offen #kopf_bottom_line { display: none; } #shopLayer.suche-offen #kopf_top_line { box-shadow: var(--shadow-elevation-medium); } .suche-struktur { } .suche-struktur nav ul { display: flex; flex-wrap: wrap; } .suche-struktur nav ul li { list-style: none; width: 49%; margin: 0 1% 1% 0; } .suche-struktur nav ul li a { display: block; background: var(--theme-dark); padding: .5rem; color: var(--theme-text); } .suche-struktur nav ul li a:hover { background: var(--theme-accent-dark); } .suche-struktur nav ul li { list-style: none; } .suche-struktur nav ul li.head { width: 100%; background: var(--theme-medium); padding: .5rem; color: var(--theme-text);} #meili-items, #meili-lesser-items { grid-template-columns: 1fr; } body #meili-items-divider { margin-top: 4rem; border-bottom: none; } body #meili-search { margin-bottom: 20vh; }
@media (min-width: 576px) { #meili-filters { grid-template-columns: repeat(3, 1fr); } #meili-search #meili-items li#faqs { height: var(--kachel-max-height); } }
@media (min-width: 768px) { #meili-filters { display: grid; grid-template-columns: repeat(4, 1fr); } #meili-filter-toggle.visible { display: none; } #meili-search #meili-items li#faqs { grid-column: 1 / span 3; } }
@media (min-width: 992px) { #meili-filters { grid-template-columns: repeat(5, 1fr); } }
@media (min-width: 1200px) { #meili-filters { grid-template-columns: repeat(6, 1fr); } }
@media (min-width: 1400px) { #meili-filters { grid-template-columns: repeat(7, 1fr); } }
/* ### meili-extra ### */
#meili-items-divider { margin-top: calc(var(--padding)* 2); text-align: center; font-weight: bold; border-bottom: var(--theme-divider); margin-bottom: var(--padding); font-size: 1.15rem; }
/* ### powermenue-extra ### */
@media (pointer: fine) { .powermenue-head.hidden { opacity: 1; pointer-events: all; } }
@media (min-width: 992px) { .powermenue-head.hidden { opacity: 1; pointer-events: all; } }
/* ### highslide_v2 ### */
.pg-highslide .pg-highslide-content { display: none; } .pg-highslide { cursor: pointer; } .pg-highslide-bg { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, .5); z-index: 99; } #pg-highslide {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);} .fadeInDownSmall { animation-name: fadeInDownSmall; animation-duration: .3s; } @keyframes fadeInDownSmall { 0% { opacity: 0; transform: translate3d(0,-200px,0); } 100% { opacity: 1; transform: none; } }