/* roboto-200 - latin */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/roboto-v47-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-300 - latin */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v47-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v47-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/roboto-v47-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-500 - latin */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto-v47-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-600 - latin */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/roboto-v47-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-700 - latin */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-v47-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-800 - latin */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/roboto-v47-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@charset "UTF-8";*,*:before,*:after {
    box-sizing: border-box
}
html {
    -moz-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
    font-size: 1rem;
    scroll-behavior: smooth
}
body,h1,h2,h3,h4,p,figure,blockquote,dl,dd {
    margin: 0
}
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizelegibility;
    min-height: 100vh;
    font-family: 'Roboto',fact-variable,Helvetica,sans-serif;
    font-weight: 400;
    line-height: 1.5;
    font-stretch: 100%;
    letter-spacing: 0;
	background-color: #F2F2F2;
}
h1,h2,h3,h4,button,input,label {
    line-height: 1.2
}
p {
    text-wrap: pretty
}
input,button,textarea,select {
    font: inherit
}
:where(button) {
    background-color: transparent;
    border-width: 0;
    color: inherit
}
.typo-navi-tertiary {
    font-weight: 500;
    font-stretch: 100%;
    font-size: .875rem;
    line-height: 1.3;
    letter-spacing: 0;
    text-decoration: none
}
[class^=icon-]:before,[class*=" icon-"]:before,.icon-element,.text-element--blockquote blockquote:before,.breadcrumb__item:after,.u-richtext ul li:before {
    font-size: inherit;
    font-family: iconfont!important;
    font-style: normal;
    font-weight: 400;
    display: flex;
    text-decoration: inherit;
    font-variant: normal;
    text-transform: none;
    line-height: 1
}
:root {
    --default-transition-time: .3s
}
.u-blanklist {
    list-style: none;
    margin: 0;
    padding: 0
}
.justify-content-center {
    justify-content: center!important
}
.menu {
    --item-height: 3.5rem;
    color: var(--color-text-default);
    padding: 1rem 1.5rem
}
.footer {
    padding: 4rem 1.5rem;
    position: relative
}
@media (min-width: 768px) {
    .footer {
        padding: 1rem
    }
}
.footer__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
}
.footer__top-bar {
    display: flex;
	justify-content: center;
}
.footer__nav-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: .75rem
}
.footer__nav-item {
    display: inline-flex
}
.footer__nav-item:not(:last-child):after {
    color: var(--color-text-muted);
    content: "\22c5";
    margin: 0 .5rem
}
.footer__nav-link {
    color: var(--color-text-inset);
    text-decoration: none
}
.header__navigation {
    display: flex;
	justify-content: center;
    margin: 0 auto;
    padding: 12px 8px
}
.header__logo {
	display: flex;
}
.page {
    background-color: #FDFDFD;
    color: #1A2330;
    overflow-x: clip
}
.page__content {
    position: relative;
    z-index: 1
}
@media (min-width: 1024px) {
    .page__content {
        display:flex;
        margin-inline:auto;max-width: 1024px
    }
}
.page__main {
    position: relative
}
body {
    overflow-x: hidden;
    background: #fff !important;
}

body > div.page {
    z-index: 1;
}
.page__content {
	max-width: 1184px;
}
.page__content-inner {
	max-width: 1184px;
}
.cookieconsent-optin-marketing {
    display: none;
}

.sc-content-marketing, .sc-content-marketing.alert {
    display: block;
}
.sc-content-marketing a {
    display: inline-block !important;
}

.cmpboxwelcomeprps  {
    display: none !important;
}
.cmptxt_btn_save {
    display: none !important;
}
body .cmpbox, .cmpbox *{font-family: Roboto, fact-variable, Arial, Helvetica, sans-serif !important;}
#cmpbox a.cmpboxbtn span {
	font-size: 16px;
}
#cmpbox .cmpboxhl {
	fonts-ize: 10pt;
}
#cmpbox .cmpboxtxt {
	font-size: 9pt;
	font-weight: 350;
	padding-left: 0px;
	padding-right: 0px;
}
#cmpbox .cmpmore, #cmpbox  .cmpmore A:link {
	font-size: 7pt;
}
#cmpbox .cmpboxbtns img.cmpcontentpasssignuplogo {
	position: relative;
	top: 3px;
}
@media (max-width: 768px) {
	#cmpbox .cmpcontentpassboxmiddle2 {
		flex-direction: column;
	}
}
.post-ratings > span.rating-star {
    font-size: 35px;
}

.post-ratings > span.rating-star:hover {
    color: #489998;
    cursor: pointer;
}

.post-ratings .chart {
    display: block;
}

.star-fill {
    color: #3A7B7A;
}

.star-fill-orange {
    color: #ff9900;
}

.star-empty {
    color: #BEBEBE;
}
@media screen and (max-width: 1493px) {
    .page__content-inner {
        padding-top: 8px;
        width: 100%;
    }
}
@media screen and (max-width: 1208px) {
    .page__content-inner {
        padding: 0 8px 8px;
    }
}
@media screen and (min-width: 769px) {
    .einleitung-wrapper .toggle-einleitung {
        display: none !important;
    }
}
@media screen and (max-width: 768px) {
    .einleitung-wrapper .toggle-einleitung {
        height: 25px;
    }
}

@media screen and (max-width: 599px) {
    .einleitung-inner {
        height: 150px;
        overflow: hidden;
    }
}

@media screen and (min-width: 600px) and (max-width: 768px) {
    .einleitung-inner {
        height: 93px;
        overflow: hidden;
    }
}

.tipps-vergleich-beispiele {
    margin-top: 10px !important;
}

.tipps-vergleich-suche {
    margin: 0 !important;
    padding: 20px 0 30px !important;
    text-align: center !important;
    position: relative !important;
}

.text-center {
    text-align: center !important;
}

.drawer {
    --Drawer-button-background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjE3MiAxMi4wODZMMCAyLjg1IDIuODI4IDAgMTIgOS4yMzggMjEuMTcyIDAgMjQgMi44NDlsLTkuMTcyIDkuMjM3IDkgOS4wNjVMMjEgMjRsLTktOS4wNjVMMyAyNCAuMTcyIDIxLjE1MWw5LTkuMDY1eiIgZmlsbD0iIzFGMUQxRCIvPjwvc3ZnPg==);
    --Drawer-button-background-hover: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjE3MiAxMi4wODZMMCAyLjg1IDIuODI4IDAgMTIgOS4yMzggMjEuMTcyIDAgMjQgMi44NDlsLTkuMTcyIDkuMjM3IDkgOS4wNjVMMjEgMjRsLTktOS4wNjVMMyAyNCAuMTcyIDIxLjE1MWw5LTkuMDY1eiIgZmlsbD0iI0MwMCIvPjwvc3ZnPg==);
    --Drawer-header-height: 94px;
    --Drawer-button-size: 24px
}

.header__inner {
    margin: 0 auto;
    padding-bottom: 0;
}

.header__content, .header__slide-nav {
    display: none;
}

.header {
    overflow: hidden;
}

.header__slide-nav {
    border-bottom: 0;
}

nav.slide-navigation {
    padding-bottom: 13px;

    border-bottom: 1px solid var(--color-neutral-bright, 0);
}

.header__slide-nav:after {
    width: 200vw;
}

@media screen and (max-width: 1000px) {
    .header {
        min-height: 60px;
    }

    .header__partner-area {
        margin-right: 50px;
        margin-top: 0;
    }
}

.page__content {
    margin: 0 auto;
}

.page__main {
    padding-top: 0;
}

.page--article {
    padding-top: 10px;
}

@media screen and (max-width: 768px) {
    .header__partner-area {
        margin-top: 0;
    }
}
@media screen and (max-width: 1000px) {
    .page--article {
        padding-top: 2px;
    }
}

@media screen and (max-width: 767px) {
    .produktvergleich-footer-banner-mobile {
        display: block !important;
    }
}

@media screen and (min-width: 768px) {
    .produktvergleich-footer-banner-desktop {
        display: block !important;
    }
}


header#header {
    display: block;
    max-width: 1184px;
    border: none;
}

.article {
    display: block;
}

.article__main {
    display: block !important;
    width: 100% !important;
}

.article__body {
    width: 100%;
    position: relative;
}

.title__headline {
    font-size: 26px;
    line-height: 30px;
    margin: 10px 0 5px;
    display: inline-block;
}
@media screen and (max-width: 1024px) {
    .title__headline {
        font-size: 24px;
        line-height: 28px;
        margin: 10px 0 0;
    }
    hr.article__hr {
        margin-bottom: 10px;
    }
}
@media screen and (max-width: 600px) {
    .title__headline {
        font-size: 22px;
        line-height: 26px;
    }
}

.article__hr {
	margin-bottom: 19px;
	height: 3px;
	background: #489998;
	color: transparent;
}

.article__body .text-element a:focus, .article__body .text-element a:active {
    outline: 0;
}

#cancellation-form-widget {
    min-height: 1120px;
}

.article__body .text-element img {
    max-width: 100%;
    height: auto;
}

.article__body .text-element > p > img,
.article__body .text-element > p > strong > img,
.article__body .text-element > ul > img,
.article__body .text-element > ol > img,
.article__body .text-element > ul > li img,
.article__body .text-element > ol > li img,
.article__body .text-element > h2 img,
.article__body .text-element > h3 img,
.article__body .text-element > h4 img {
    box-shadow: 0px 2px 10px -3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 2px 10px -3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 2px 10px -3px rgba(0, 0, 0, 0.2);
}

.article__body .text-element img.alignright {
    float: right;
    margin: 10px 0 10px 45px;
}

.article__body .text-element img.alignleft {
    float: left;
    margin: 10px 45px 10px 0;
}

.article__body .text-element img.aligncenter {
    display: block;
    margin: 20px auto;
    max-width: 100%;
}
.wp-caption.aligncenter {
    margin: 0 auto;
}
.wp-caption.aligncenter .wp-caption-text {
    text-align: center;
}

.article__body .text-element p {
    margin: 10px 0;
    text-align: justify;
	font-weight: 300;
	font-size: 1.05rem;
    line-height: 1.7rem;
    font-weight: 400;
}
.article__body .text-element p > a, .article__body .text-element p > strong > a, .article__body .text-element > a, .article__body .text-element > strong > a, .article__body .text-element .alert a,
.article__body .text-element .faq-wrapper a, .article__body .text-element .faq-wrapper > ul > li > a, .article__body .text-element > ul > li > a, .table-responsive a, ol > li > a, ul > li > strong > a,
.biography a, .su-quote-cite a, .article__body .text-element > div > a, ol > li > em > a, ul > li > em > a, table tbody a, .article__body .text-element b > a,
.article__body .text-element ul li ul li a, .article__body .text-element ol li ol li a, .article__body .text-element ol li strong a, .article__body .text-element ul li strong a,
.alteprodukte-content > div a {
    color: #111;
	font-size: 1.05rem;
}
.procontra ul li a {
	color: #464646;
	font-size: 16px;
}
.article__body .text-element p > a:hover, .article__body .text-element p > strong > a:hover, .article__body .text-element > a:hover, .article__body .text-element > strong > a:hover, .article__body .text-element .alert a:hover,
.article__body .text-element .faq-wrapper a:hover, .article__body .text-element .faq-wrapper > ul > li > a:hover, .article__body .text-element > ul > li > a:hover, .table-responsive a:hover, ol > li > a:hover, ul > li > strong > a:hover,
.biography a:hover, .su-quote-cite a:hover, .article__body .text-element > div > a:hover, ol > li > em > a:hover, ul > li > em > a:hover, .procontra ul li a:hover , table tbody a:hover,
.article__body .text-element b > a:hover, .article__body .text-element ul li ul li a:hover, .article__body .text-element ol li ol li a:hover, 
.article__body .text-element ol li strong a:hover, .article__body .text-element ul li strong a:hover, .alteprodukte-content > div a:hover {
    color: #3A7B7A;
}
.article__body .text-element ul, .article__body .text-element ol {
    display: block;
}

@media screen and (max-width: 768px) {
    .article__body .text-element img.alignleft, .article__body .text-element img.alignright {
        float: none;
        margin: 20px auto;
        display: block;
        max-width: 100%;
    }
}

@media screen and (min-width: 1001px) and (max-width: 1150px) {
    .article__body .text-element.has-sidebar img.alignleft, .article__body .text-element.has-sidebar img.alignright {
        float: none;
        margin: 20px auto;
        display: block;
    }
}

input[type="text"], select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
}

input[type="radio"] {

}

h2, h3, h4, h5, h6 {
    margin: 15px 0 10px;
    font-size: 22px;
}

h2 {
    font-size: 26px;
}

h3 {
    font-size: 22px;
}
h4, h5, h6 {
    font-size: 20px;
}

@media screen and (max-width: 600px) {
    h2, h3, h4, h5, h6 {
        font-size: 20px;
    }
}

.u-richtext > ul, .u-richtext > ol, .u-richtext .faq-einzeln-body ul {
    margin: 0;
	font-size: 1.05rem;
	padding-left: 35px;
}
.u-richtext > ul > li, .u-richtext > ol > li, .u-richtext .faq-einzeln-body ul li {
    margin: 4px 8px 4px 8px;
	padding-left: 10px;
	line-height: 1.7rem;
}
.tipps-gallery-nav .slick-dots > li {
    line-height: 1.7rem;
}
.wp-caption {
    font-size: .8125rem;
    line-height: 1.5;
    box-sizing: border-box;
    max-width: 100%;
    padding: 5px 5px 10px 5px;
    text-align: center;
    color: #666;
}

.wp-caption-text {
    color: #1f1d1d;
    font-size: 18px;
}

.wp-caption::after {
    position: relative;
    bottom: 3px;
    left: 0;
    display: inline-block;
    width: 150px;
    height: 5px;
    content: '';
    background: #489998;
}

.wp-caption img {
    display: block;
    margin: 0 auto 10px;
}

.wp-caption p:last-child {
    margin: 0;
}

/* Sidebar */
.flexbox-sidebar {
    display: flex;
    justify-content: space-between;
}

.sidebar {
    flex-shrink: 0;
    width: 300px;
    margin-left: 25px;
    height: auto;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.sidebar-top3, .sidebar-adsense300, .sidebar-toc, .sidebar-guenstige {
    width: 100%;
    margin: 15px 0;
    box-shadow: 0px 2px 10px -3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 2px 10px -3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 2px 10px -3px rgba(0, 0, 0, 0.2);
    border: 1px solid #ddd;
    padding: 10px 5px;
    background: #fff;
}

.sidebar-top3:after {
    content: "Affiliate-Link*";
    top: -17px;
    position: absolute;
    right: 0;
    display: inline-block;
    line-height: 1;
    font-size: 12px;
    font-weight: 400;
}

.sidebar-adsense300 {
    padding: 0;
    width: 300px;
    max-width: 300px;
    margin: 15px 0 0;
}

@media screen and (max-width: 1000px) {
    .sidebar-adsense300 {
        width: 100%;
        text-align: center;
        max-width: unset;
    }
}

.sidebar-headline {
    width: 100%;
    padding: 10px 20px 10px;
    font-size: 21px;
    font-weight: bold;
    text-align: center;
}

.sidebar-top3 {
    padding: 0;
    position: relative;
}

.sidebar-top3 > .top3, .sidebar-top3 > .guenstige {
    width: 100%;
    padding: 35px 25px 25px;
}

.sidebar-top3 .guenstige {
    display: none;
}

.sidebar-top3 .top3-buttons button {
    width: 50%;
    margin: 0;
    background: #3A7B7A;
    text-align: center;
    font-size: 17.5px;
    color: #fff;
    padding: 15px 0;
    font-weight: 600;
    border: 0;
    opacity: 0.6;
    cursor: pointer;
}

.sidebar-top3 .top3-buttons button.active {
    opacity: 1;
    cursor: default;
    position: relative;
}

.sidebar-top3 .top3-buttons button.active:after {
    content: '';
    width: 12px;
    height: 32px;
    position: absolute;
    left: calc(50% - 6px);
    bottom: -30px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAgMzJsOC0xNkwwIDBoNGw4IDE2LTggMTZIMHoiIGZpbGw9IiMxRjFEMUQiLz48L3N2Zz4=) no-repeat center center;
    background-size: 12px 32px;
    transform: rotate(90deg);
    -webkit-animation: bouncebottom 0.3s alternate ease infinite;
    animation: bouncebottom 0.3s alternate ease infinite;
}

.sidebar-top3 > .top3 a, .sidebar-top3 > .guenstige a {
    text-decoration: none;
}

.sidebar-top3 > .top3 a .top3-title, .sidebar-top3 > .top3 a .top3-img, .sidebar-top3 > .top3 a .top3-preis,
.sidebar-guenstige > .guenstige a .guenstige-title, .sidebar-top3 > .guenstige a .guenstige-img, .sidebar-top3 > .guenstige a .guenstige-preis {
    transition: all .1s ease-in-out;
}

.sidebar-top3 > .top3 a:hover .top3-img, .sidebar-top3 > .guenstige a:hover .guenstige-img {
    transform: scale(1.01);
}

.sidebar-top3 > .top3 a:hover .top3-title, .sidebar-top3 > .top3 a:hover .top3-preis,
.sidebar-top3 > .guenstige a:hover .guenstige-title, .sidebar-top3 > .guenstige a:hover .guenstige-preis {
    transform: scale(1.03);
    color: #489998;
}

.sidebar-top3 .top3-title, .sidebar-top3 .guenstige-title {
    text-align: center;
    font-size: 17px;
    font-weight: 600;
    color: #000;
    margin-bottom: 15px;
    height: 46px;
    overflow: hidden;
}

.sidebar-top3 .top3-preis, .sidebar-top3 .guenstige-preis {
    text-align: center;
    font-size: 26px;
    font-weight: 700;
    color: #000;
    padding: 15px 0;
}

.sidebar-top3 .top3-img, .sidebar-top3 .guenstige-img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 218px;
}

.sidebar-top3 .top3-img img, .sidebar-top3 .guenstige-img img {
    max-width: 238px;
    max-height: 218px;
}

.sidebar-top3 button.empfehlung, .sidebar-top3 button.empfehlung {
    font-size: 21px;
    font-weight: 480;
    display: block;
    width: 100%;
    overflow: hidden;
    background: #3A7B7A;
    position: relative;
    padding: 15px 60px 15px 15px;
    line-height: 25px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    color: #fff;
    border: 0px;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    transition: all .2s ease-in-out;
    cursor: pointer;
    -moz-appearance: button;
}

.sidebar-top3 button.empfehlung:before, .sidebar-top3 button.empfehlung:after, .sidebar-top3 button.empfehlung:before, .sidebar-top3 button.empfehlung:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 45px;
    height: 100%;
    content: "";
    transition: .2s;
    background: #489998 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxMiAzMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTIgMzI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTAsMzJsOC0xNkwwLDBoNGw4LDE2TDQsMzJIMHoiLz4KPC9zdmc+Cg==) no-repeat center center;
    background-size: 9px 24px;
}

.sidebar-top3 button.empfehlung:hover, .sidebar-top3 > .top3 a:hover button.empfehlung, .sidebar-top3 button.empfehlung:hover, .sidebar-top3 > .guenstige a:hover button.empfehlung {
    color: #fff;
    background-color: #489998;
}

.sidebar-top3 button.empfehlung:active, .sidebar-top3 button.empfehlung:focus, .sidebar-top3 button.empfehlung:active, .sidebar-top3 button.empfehlung:focus,
.top3-buttons button:active, .top3-buttons button:focus {
    outline: none;
}

.sidebar-top3 button.empfehlung:hover:after, .sidebar-top3 > .top3 a:hover button.empfehlung:after, .sidebar-top3 button.empfehlung:hover:after, .sidebar-top3 > .guenstige a:hover button.empfehlung:after {
    -webkit-animation: bounceright 0.3s alternate ease infinite;
    animation: bounceright 0.3s alternate ease infinite;
}

.sidebar-toc-fixer.sidebar-toc-fixed {
    position: fixed;
    top: 106px;
    width: 300px;
    max-height: calc(100% - 106px);
}

.sidebar-toc {
    padding: 10px 15px 20px 5px;
}

.sidebar-toc-ol {
    margin: 10px 10px 20px 0;
    margin-top: 0;
}

.sidebar-toc-ol ol {
    margin: 0;
    padding-left: 35px;
    padding-right: 5px;
    list-style: none;
    counter-reset: section;
}

.sidebar-toc-ol ol li {
    padding: 5px 0 5px 10px;
    position: relative;

}

.sidebar-toc-ol ol li::marker {
    display: none;
}

.sidebar-toc-ol ol li span {
    position: absolute;
    left: -20px;
    width: 22px;
    height: 22px;
    top: calc(50% - 11px);
    background: #3A7B7A;
    color: #fff;
    border-radius: 11px;
    text-align: center;
    line-height: 22px;
    font-size: 18px;
    font-weight: 500;
}

.sidebar-toc-ol ol li span:before {
    counter-increment: section;
    content: counter(section);
}

.sidebar-toc-ol ol li a {
    display: block;
    color: #000;
    line-height: 20px;
	font-size: 13px;
	font-weight: 300;
}

.sidebar-toc-ol ol li a:hover {
    color: #3A7B7A;
}

@media screen and (max-width: 1000px) {
    .flexbox-sidebar {
        flex-direction: column;
    }

    .sidebar {
        width: 100%;
        margin: 0;
    }
}


p > span.stvl.stvc {
	text-decoration: underline;
}

p > span.stvl.stvc:hover {
    cursor: pointer;
	color: #3A7B7A;
}



/* Footer */
.group--linkbox .group__items {
    display: block;
}

.footer {
    margin: 0 auto;
	position: relative;
}
.footer__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
}
.stvl:hover {
    cursor: pointer;
}
.links--linkbox-category ul li.links__item span.stvl {
	border-bottom: var(--links-item-link-label-border);
	color: var(--u-typo-color);
    font: var(--u-typo-font);
    letter-spacing: var(--u-typo-letter-spacing);
    text-transform: var(--u-typo-text-transform);
	cursor: pointer;
	font-size: 18px;
}
.links--linkbox-category ul li.links__item span.stvl:hover {
	color: #c00;
	border-bottom-color: #c00;
}

/* custom menu + search toggle */

#navigation {
    position: relative;
    display;
    block;
    z-index: 10000;
    max-height: 50px;
}

.menu-bars {
    width: 32px !important;
    height: 32px !important;
    right: 30px!important;
    top: -127px !important;
    background: transparent url(/wp-content/themes/tipps/images/menue.svg) no-repeat center center;
    background-size: 32px 32px;
}



@media screen and (min-width: 1162px) {
    #navigation:before {
        right: 0;
        top: -78px;
    }
}
@media screen and (min-width: 1440px) {
    #navigation:before {
        top: -100px;
        right: 80px;
    }
}
@media screen and (max-width: 1161px) {
    #navigation:before {
        top: -89px;
        right: 30px;
    }
    .header__user-area {
        display: none;
    }
    .toggle-search {
        display: none;
    }
    .header__button {
        font-size: 0;
    }
    .header__button i {
        display: none;
    }
}
@media screen and (max-width: 1439px) {
	.header__navigation {
		
	}
}
@media screen and (max-width: 1000px) {
    .menu-bars {
        top: -60px!important;
    }
    #navigation::after {
        top: -25px;
    }
    #navigation:before {
        top: -78px;
    }
}

@media screen and (max-width: 768px) {
    #navigation::after {
        top: -25px;
    }
	.footer:after {
		left: -1.5rem;
	}
}

@media screen and (max-width: 1000px) {
	 #toggle-menu span.drop-icon {
		 right: 10px!important;
	 }
}


#navigation > ul {
    margin: 0;
    padding: 0;
    background-color: #fff;
    box-shadow: 0px 2px 10px -3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 2px 10px -3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 2px 10px -3px rgba(0, 0, 0, 0.2);

}

#navigation .main-menu {
    display: none;
}

#tm:checked + .main-menu {
    display: flex;
    flex-wrap: wrap;
}
#toggle-menu:has(+ #tm:checked) > span.drop-icon {
	background-image: url(/wp-content/themes/tipps/images/menue-close.svg);
}
#navigation input[type="checkbox"], #navigation ul span.drop-icon {
    display: none;
}

#navigation li,
#toggle-menu,
#navigation a {
    position: relative;
    display: block;
    color: #000;
}

#navigation li {
    width: 50%;
}

#navigation > ul li a {
    width: calc(100% - 50px);
    box-sizing: border-box;
}

#navigation > ul li a label {
    right: -50px !important;
}

.submenu {
    width: calc(100% * 2);
    border-top: 5px solid #3A7B7A;
    background-color: #fff !important;
    position: relative;
    z-index: 10000000000002;
}

.submenu > div {
    width: 50%;
}

.submenu-right {
    position: relative;
    left: -100%;
}

.submenu ul {
    padding-left: 0px;
}

.submenu li {
    width: 100% !important;
}

#navigation ul li a {
    font-size: 16px;
    font-weight: 700;
    line-height: 50px;
    text-decoration: none;
    padding: 0 20px;
    transition: all .125s ease-in-out;
    -webkit-transition: all .125s ease-in-out;
    cursor: pointer;
}

#navigation a:hover, #navigation > ul li a:hover ~ label i, #navigation > ul li label:hover, #navigation label.drop-icon-leer:hover ~ a {
    color: #3A7B7A;
    text-decoration: none;
}

#navigation .submenu {
    display: none;
}

#navigation input[type="checkbox"]:checked ~ .submenu {
    display: flex;
    flex-wrap: wrap;
}

#navigation input[type="checkbox"]:checked ~ .drop-icon i {
    background: #ececec;
}

#navigation input[type="checkbox"]:checked ~ .drop-icon i:before {
    content: "\f135";
    color: #3A7B7A;
    position: absolute;
    top: 16px;
    right: 18px;
}

#navigation input[type="checkbox"]:checked ~ a {
    color: #3A7B7A;
}

#navigation li.active input[type="checkbox"]:checked ~ a, #navigation li.active input[type="checkbox"]:checked ~ .drop-icon i:before {
    color: #fff !important;
}


#toggle-menu .drop-icon,
#navigation li label.drop-icon {
    position: absolute;
    right: 0;
    top: 0;
}

#navigation label.drop-icon-leer {
    width: 100% !important;
    background: none !important;
}

#navigation label.drop-icon i {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    right: 0;
    background: #ececec url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAgMzJsOC0xNkwwIDBoNGw4IDE2LTggMTZIMHoiIGZpbGw9IiMxRjFEMUQiLz48L3N2Zz4=) no-repeat center center;
    background-size: 6px 18px;
    transform: rotate(90deg);
}

#navigation label.drop-icon i:before {
    content: '';
}

#navigation label.drop-icon-leer i:before {
    position: absolute;
    top: 16px;
    right: 18px;
    content: '';
}

#navigation label.drop-icon, #toggle-menu span.drop-icon {
    width: 50px;
    height: 50px;
    font-size: 35px;
    text-align: center;
    color: #000;
}

#navigation label.drop-icon {
    background-color: #ececec;

}

#navigation .drop-icon {
    line-height: 1;
}

.drop-icon .fa {
    font-size: 18px !important;
}

label.drop-icon .fa {
    font-weight: bold;
    font-size: 26px;
}

.submenu-closer {
    display: none;
}

.menu-home a {
    max-height: 50px;
    width: 100% !important;
}

.menu-home a span {
    font-size: 1.35rem;
    line-height: 1;
    position: relative;
    display: inline-block;
    color: transparent;
    font-weight: 300;
    width: 27px;
}

.menu-home.active a span::before {
    color: #fff;
}

.menu-home a span::before {
    position: absolute;
    left: 0;
    text-indent: 0;
    color: #000;
}

.submenu-title {
    line-height: 50px;
    padding: 0 20px;
    color: #489998 !important;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 10px;
}

.submenu-image > a {
    display: flex !important;
    flex-direction: column;
    min-height: 200px;
    max-height: 200px;
}

.submenu-image img {
    max-height: 130px;
    height: 140px;
    width: 220px;
    margin-top: 20px;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    opacity: 0.8;
    transform: scale(1);
}

.submenu-image a:hover img {
    opacity: 1;
    transform: scale(1.02);
}

.submenu li.active a {
    color: #489998 !important;
    background: #fff !important;
}

#navigation ul li.active > a, #navigation ul li.active > label {
    background: #3A7B7A;
    color: #fff;
}

#navigation ul li.active > a span.drop-icon {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxMiAzMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTIgMzI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTAsMzJsOC0xNkwwLDBoNGw4LDE2TDQsMzJIMHoiLz4KPC9zdmc+Cg==) no-repeat center center;
}

.submenu-closer {
    display: none;
    position: relative;
    color: #3A7B7A;
    font-size: 26px;
    width: 100%;
    height: 0;
}

.submenu-closer i {
    line-height: 0;
}

.submenu-closer i:before {
    position: relative;
    top: -16px;
    left: 30px;
}

#navigation input[type="checkbox"]:checked ~ span.submenu-closer {
    display: flex;
}

.mobile-suche {
    height: 50px;
}

.mobilesearchform {
    padding: 7px 20px 7px 13px;
}

.mobilesearchform .mobilesearchform-suchbegriff {
    width: calc(100% - 50px);
    border: 0px;
}

.mobilesearchform .mobilesearchform-submit {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    background-color: #ececec;
    border: 0;
    text-align: center;
    font-family: icons;
    border-radius: 0;
}

.mobilesearchform .mobilesearchform-submit:hover {
    background: #489998;
    color: #fff;
    cursor: pointer;
}

@media only screen and (min-width: 1162px) {
    .mobile-suche {
        display: none !important;
    }

    .header__content, .header__slide-nav {
        display: block;
    }

    #navigation .main-menu {
        display: flex;
        max-height: 50px;
    }

    .menu-home a:after {
        position: relative;
        left: -5px;
    }

    #navigation > ul {
        background-color: #fff;
    }

    #navigation li {
        width: auto;
    }

    #toggle-menu,
    #navigation label.drop-icon {
        display: none;
    }

    #navigation ul span.drop-icon {
        display: inline-block;
        margin-left: 8px;
        width: 8px;
        height: 12px;
        background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAgMzJsOC0xNkwwIDBoNGw4IDE2LTggMTZIMHoiIGZpbGw9IiMxRjFEMUQiLz48L3N2Zz4=) no-repeat center center;
        background-size: 8px 18px!important;
        transform: rotate(90deg);
    }

    #navigation > ul > li > a:hover span.drop-icon {
        animation-name: icontransform;
        animation-duration: .2s;
        animation-iteration-count: 1;

    }

    @keyframes icontransform {
        50% {
            transform: rotate(180deg);
        }
        100% {
            transform: rotate(360deg);
        }
    }
    #navigation li {
        position: static;
    }

    #navigation .submenu {
        border: 1px solid #cdcdcd;
        border-top: 5px solid #3A7B7A;
        position: absolute;
        top: 50px;
        margin-top: 13px;
        left: 0;
        width: 100%;
        max-width: 1184px;
        z-index: 3000;
        box-sizing: border-box;
    }

    #navigation > ul > li:first-child > a {
        padding: 0 10px 0 15px;
    }

    #navigation > ul > li > a {
        padding: 0 20px;
        width: auto;
    }

    #navigation > ul > li > .submenu > div > ul > li > a {
        width: 100%;
    }

    .columns2 > div {
        width: 50%;
    }

    .columns3 > div {
        width: 33.33%;
    }

    .columns4 > div {
        width: 25% !important;
        min-width: 25%;
    }

    #navigation .submenu,
    #navigation input[type="checkbox"]:checked ~ .submenu {
        display: none;
    }

    #navigation li:hover > input[type="checkbox"] ~ .submenu {
        display: flex !important;
        flex-wrap: wrap;
    }

    .submenu-closer {
        display: none;
        position: relative;
        top: -10px;
        left: 0;
        color: #3A7B7A;
        font-size: 26px;
        width: 100%;
        text-align: center;
    }

    .submenu-closer i:before {
        position: static;
    }

    #navigation li:hover > input[type="checkbox"] ~ span.submenu-closer {
        display: inline-block;
        height:auto;
    }

    li.submenu-title {
        margin-top: 0;
    }
}

@media only screen and (max-width: 599px) {
    #navigation li, .submenu > div {
        width: 100%;
    }

    .submenu {
        width: 100%;
        left: 0;
    }

    .submenu-title.empty {
        display: none;
    }
}

@media only screen and (min-width: 599px) and (max-width: 959px) {
    .empty2 {
        display: none;
    }
}

.tipps-nav-search {
    position: relative;
    z-index: 10001;
}

.toggle-search {
    font-size: 24px;
    line-height: 53px;
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 50px;
    cursor: pointer;
    text-align: center;
}

.toggle-search i:before {
    transition: all .2s ease-in-out;
    top: 12px;
}

.toggle-search:hover i:before {
    font-size: 22px;
    color: #489998;
}


/* Breadcrumb */
.breadcrumb {
    margin: 10px 0;
	color: #666;
	font-size: 10px;
	list-style-type:none;
	padding: 0;
}
.breadcrumb__item:not(:last-child)::after {
    content: ">";
    margin: 0 .3em;
}
.breadcrumb__headline {
 display:inline
}
.breadcrumb__item {
	display: inline;
}
.breadcrumb__item:first-child,
.breadcrumb__item:last-child {
 display:inline
}
.breadcrumb__item:not(:last-child):after {
	content:">";
	margin:0 .3em;
	display: inline;
	font-family: Roboto!important;
}
.breadcrumb__link {
	text-decoration: none;
	color: #666;
}

@media screen and (max-width: 1000px) {
    .breadcrumb {
        display: none;
    }
}

/* TOC */
.inhaltsverzeichnis {
    box-shadow: 0px 2px 10px -3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 2px 10px -3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 2px 10px -3px rgba(0, 0, 0, 0.2);
    position: relative;
    float: right;
    width: 40%;
    margin: 0 0 20px 40px;
    padding: 10px 20px;
    display: table;
    background: #fff;
    z-index: 2999;
}
@media screen and (max-width: 990px) {
    .inhaltsverzeichnis {
        height: 244px;
        overflow: hidden;
        display: block;
    }
}
@media screen and (min-width: 991px) {
    .inhaltsverzeichnis {
        height: 220px;
        overflow: hidden;
        display: block;
    }
    .parent-pageid-1795 .inhaltsverzeichnis {
        height: auto;
        overflow: visible;
        display: table;
    }
}


.inhaltsverzeichnis.toc_container_full_width {
    width: 100%;
}

.inhaltsverzeichnis p.toc_title {
    font-size: 18px;
    position: relative;
    text-align: left;
    font-weight: 700;
    margin: 10px 0;
    padding: 0;
}

.inhaltsverzeichnis p.toc_title::after {
    position: absolute;
    bottom: -3px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 4px;
    content: '';
    background: #000;
}

.inhaltsverzeichnis ul {
    margin: 10px 0 0;
    padding: 0;
    background: 0 0;
    list-style: none;
}

.inhaltsverzeichnis ul li {
    font-size: 13px;
    line-height: 18px;
    left: 0;
    padding: 0 0 0 20px;
}

.inhaltsverzeichnis ul li a {
    font-size: 13px!important;
    font-weight: 500;
    display: inline-block;
    text-align: left;
    border-bottom: 0;
	text-decoration: none;
	color: #000;
	line-height: 1.2rem;
}
.inhaltsverzeichnis ul li a:hover {
	color: #3A7B7A;
}
.inhaltsverzeichnis ul li a span.toc_number {
    margin-left: -18px;
    display: inline-block;
    min-width: 15px;
}

.inhaltsverzeichnis ul li ul {
    margin: 0 0 0 -2px;
}

.inhaltsverzeichnis ul li ul li {
    padding: 0 0 0 25px;
}

.inhaltsverzeichnis li ul li a {
    font-weight: 400;
}

.inhaltsverzeichnis ul li ul li a span.toc_number {
    margin-left: -23px;
    min-width: 20px;
}

.inhaltsverzeichnis .post-ratings {
    font-size: 12px;
    line-height: 1em;
    position: absolute;
    top: 5px;
    right: 20px;
    display: inline-block;
    width: auto;
    margin-top: 0;
    text-align: center;
    z-index: 99;
    opacity: 1;
}

.inhaltsverzeichnis .post-ratings img {
    max-width: 20px;
	width: 20px;
	height: 20px;
}

.inhaltsverzeichnis .toggle-toc {
    margin-top: 1em;
    text-align: left;
    width: 100%;
    display: block;
    font-size: 13px!important;
    border-bottom: 0;
    outline: 0;
	text-decoration: none;
	color: #111;
}
.inhaltsverzeichnis .toggle-toc:hover {
	color: #c00;
}

@media screen and (max-width: 768px) {
    .inhaltsverzeichnis {
        width: 100% !important;
    }

    .inhaltsverzeichnis ul li {
        line-height: 25px;
    }
}

.post-ratings-loading {
    display: none;
    display: none;
    height: 16px;
    text-align: left;
}

/* Buttons */
a.empfehlung, a.callto, span.empfehlung {
    font-size: 17px;
    font-weight: 500;
    display: block;
    padding: 10px 60px 10px 15px;
    line-height: 25px;
    color: #fff;
    border: 0px;
    background: #3A7B7A;
    transition: all .2s ease-in-out;
    position: relative;
    overflow: hidden;
    box-shadow: 0px 2px 10px -3px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 0px 2px 10px -3px rgba(0, 0, 0, 0.8);
    -webkit-box-shadow: 0px 2px 10px -3px rgba(0, 0, 0, 0.8);
    text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
	text-decoration: none;
}

a.callto {
    max-width: 250px;
}

a.empfehlung.produkte {
    text-decoration: none;
    text-align: center;
    max-width: 420px;
    margin: 0 auto;
	color: white!important;
}

@media screen and (max-width: 600px) {
    a.empfehlung.produkte {
        width: 100%;
    }
}

a.empfehlung:before, a.conversion:before, a.callto:before, span.empfehlung:before {
    position: absolute;
    top: 0;
    right: 0;
    width: 45px;
    height: 100%;
    content: "";
    transition: .2s;
    background: #489998 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxMiAzMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTIgMzI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTAsMzJsOC0xNkwwLDBoNGw4LDE2TDQsMzJIMHoiLz4KPC9zdmc+Cg==) no-repeat center center;
    background-size: 9px 24px;
}

a.empfehlung:hover, a.conversion:hover, a.callto:hover, span.empfehlung:hover {
    color: #fff;
    background-color: #489998;
}

a.empfehlung:active, a.empfehlung:focus, a.conversion:active, a.conversion:focus, a.callto:active, a.callto:focus, span.empfehlung:active, span.empfehlung:focus {
    outline: none;
}

a.empfehlung:hover:after, a.conversion:hover:after, a.callto:hover:after, span.empfehlung:hover:after {
    -webkit-animation: bounceright 0.3s alternate ease infinite;
    animation: bounceright 0.3s alternate ease infinite;
}

.conversion {
    font-size: 20px;
    font-weight: 500;
    display: inline-block;
    padding: 10px 60px 10px 15px;
    line-height: 25px;
    color: #fff !important;
    border: 0px !important;
    background: #3A7B7A;
    transition: all .2s ease-in-out;
    position: relative;
    overflow: hidden;
    box-shadow: 0px 2px 10px -3px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 0px 2px 10px -3px rgba(0, 0, 0, 0.8);
    -webkit-box-shadow: 0px 2px 10px -3px rgba(0, 0, 0, 0.8);
    text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
}

.singleboerse-button {
    width: 100%;
    display: inline-block;
    text-align: center;
    margin: 15px 0;
}
.singleboerse-button > a {
    text-decoration: none;
}

@-webkit-keyframes bounceright {
    from {
        -webkit-transform: translateX(-2px);
    }
    to {
        -webkit-transform: translateX(2px);
    }
}

@-webkit-keyframes bounceright2 {
    from {
        -webkit-transform: rotate(180deg) translateX(-2px);
    }
    to {
        -webkit-transform: rotate(180deg) translateX(2px);
    }
}

@-webkit-keyframes bouncebottom {
    from {
        -webkit-transform: rotate(90deg) translateX(-2px);
    }
    to {
        -webkit-transform: rotate(90deg) translateX(2px);
    }
}

@-webkit-keyframes bouncetop {
    from {
        -webkit-transform: rotate(270deg) translateX(-2px);
    }
    to {
        -webkit-transform: rotate(270deg) translateX(2px);
    }
}

/* Glossar-Stil für Icon */
.glossar-entry-available i.fa.fa-info {
    font-size: 80% !important;
    vertical-align: top;
    color: #3A7B7A;
    float: none;
    margin: 0 0 0 3px;
    display: inline;
}

/* Grundstil für Glossar-Link */
.glossar-entry-available {
    border-bottom: 1px solid #3A7B7A;
    cursor: help;
    position: relative;
}

/* Tooltip (unsichtbar standardmäßig) */
.glossar-entry-available:before {
    position: absolute;
    z-index: 99999;
    bottom: 110%;
    left: 50%;
    font-weight: 400;
    margin-bottom: 20px;
    margin-left: -120px;
    padding: 7px;
    width: 240px;
    border-radius: 3px;
    background-color: hsla(0, 0%, 20%, 0.9);
    color: #fff;
    content: attr(data-glossar-entry);
    text-align: center;
    line-height: 1.2;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease-in-out;
}

/* Tooltip sichtbar bei Klasse */
.glossar-entry-available.tooltip-visible:before {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
}

/* Fallback für Hover auf Desktop */
@media (hover: hover) and (pointer: fine) {
    .glossar-entry-available:hover:before {
        visibility: visible;
        opacity: 1;
        pointer-events: auto;
    }
}

/* Mobile Darstellung anpassen */
@media screen and (max-width: 1024px) {
    .glossar-entry-available {
        position: static;
    }

    .glossar-entry-available:before,
    .glossar-entry-available.tooltip-visible:before {
        position: fixed;
        left: 50%;
        transform: translateX(-50%);
        bottom: 50%;
        width: 80%;
        margin: 0;
        margin-bottom: 0;
        margin-left: 0;
    }
}


/* FAQ */

.faq-wrapper {
    display: inline-block;
    width: 100%;
    margin: 10px 0 20px;
}

.faq-wrapper .faq-einzeln {
    margin: 10px 0;
    box-shadow: 0px 2px 10px -3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 2px 10px -3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 2px 10px -3px rgba(0, 0, 0, 0.2);
    border: 1px solid #ddd;
    background: #fff;
}

.faq-wrapper .faq-einzeln .faq-einzeln-title {
    cursor: pointer;
    position: relative;
    padding: 15px 60px 15px 15px;
    font-size: 17px;
    font-weight: normal;
    transition: all .3s ease-in-out;
    overflow: hidden;
}

.faq-wrapper .faq-einzeln .faq-einzeln-title:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAgMzJsOC0xNkwwIDBoNGw4IDE2LTggMTZIMHoiIGZpbGw9IiMxRjFEMUQiLz48L3N2Zz4=) no-repeat center center;
    content: "";
    cursor: pointer;
    height: 24px;
    position: absolute;
    right: 25px;
    top: 0;
    height: 100%;
    width: 12px;
    border-radius: 100px;
    line-height: 22px;
    transition: all .4s ease-in-out;
}

.faq-wrapper .faq-einzeln .faq-einzeln-title:after {
    content: '';
    position: absolute;
    top: -50%;
    right: -50%;
    bottom: -50%;
    left: -50%;
    width: 100%;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3) 30%, rgba(229, 172, 142, 0));
    transform: rotateZ(-70deg) translate(0, -50em);
}

.faq-wrapper .faq-einzeln .faq-einzeln-title:hover:after, .faq-wrapper .faq-einzeln .faq-einzeln-title:focus:after {
    animation: schein .5s forwards;
}

@keyframes schein {
    100% {
        transform: rotateZ(-70deg) translate(0, 70em);
    }
}

.faq-wrapper .faq-einzeln .faq-einzeln-title:hover,
.faq-wrapper .faq-einzeln.faq-einzeln-expand .faq-einzeln-title {
    background: #3A7B7A;
    color: #fff;
}

.faq-wrapper .faq-einzeln .faq-einzeln-title:hover::before,
.faq-wrapper .faq-einzeln.faq-einzeln-expand .faq-einzeln-title::before {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxMiAzMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTIgMzI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTAsMzJsOC0xNkwwLDBoNGw4LDE2TDQsMzJIMHoiLz4KPC9zdmc+Cg==) no-repeat center center;
}

.faq-wrapper .faq-einzeln.faq-einzeln-expand .faq-einzeln-title:before {
    transform: rotate(90deg)
}

.faq-wrapper .faq-einzeln .faq-einzeln-body {
    padding: 15px;
    border-bottom: 1px solid #eee;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
	font-size: 17px;
	font-weight: 300;
}
.faq-wrapper .faq-einzeln .faq-einzeln-body strong {
	font-weight: 600;
}
.faq-wrapper .faq-einzeln .faq-einzeln-body strong a {
	color: #111;
}
.faq-wrapper .faq-einzeln .faq-einzeln-body strong a:hover {
	color: #3A7B7A;
}
h4.faq-title, h3.faq-title, h4.glossar-title, h3.glossar-title {
    position: relative;
    margin-top: 20px;
}
h4.fazit-title {
	position: relative;
	display: flex;
	justify-content: center;
}
h4.fazit-title .fazit-span {
	display: inline-block;
	background: rgb(253,253,253);
	position: relative;
	z-index:2;
	padding: 0 20px;
	font-size: 22px;
	font-weight: 600;
	text-align: center;
}
h4.faq-title::after, h3.faq-title::after, h4.glossar-title::after, h3.glossar-title::after, h4.fazit-title::after {
    content: '';
    width: 100%;
    height: 4px;
    position: absolute;
    left: 0;
    bottom: -10px;
    background: #489998;
}
h4.fazit-title::after {
	display: inline-block;
	bottom: 10px;
	z-index: 1;
}

@media screen and (max-width: 768px) {
    .faq-wrapper div.faq-einzeln div.faq-einzeln-body {
        padding: 10px;
    }
}


/* hint blue */

.hint-blue {
    margin: 15px 0;
    padding: 15px 20px 15px 85px;
    border-left: 3px solid #aa6708;
    background: #e9be81;
    box-shadow: 0px 2px 10px -3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 2px 10px -3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 2px 10px -3px rgba(0, 0, 0, 0.2);
}

.hint-blue i {
    transition: transform .2s ease-in-out;
}

.hint-blue:hover i {
    transform: scale(1.01);
}

.hint-blue i.fa {
    float: left;
    margin: 0 0 0 -70px;
}

.hint-blue i.fa.fa-exclamation-triangle {
    background: url('/wp-content/themes/tipps/img/warning.svg');
    background-size: 50px 50px;
    width: 50px;
    height: 50px;
}

.hint-blue i.fa.fa-exclamation-triangle:hover {
    animation: blink .8s infinite;
    overflow: visible;
}

.hint-blue i.fa.fa-exclamation-triangle:before {
    content: '';
}

.hint-blue p {
    margin: 0 0 0 5px !important;
}

/* Alerts */
.alert {
    padding: 15px 20px 15px 15px;
    margin: 15px 0;
    border-left: 3px solid #ccc;
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 95px;
    box-shadow: 0px 2px 10px -3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 2px 10px -3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 2px 10px -3px rgba(0, 0, 0, 0.2);
    text-align: justify;
	min-height: 95px;
}

.alert-content ol li::before {
    margin-right: 20px !important;
}

.alert > ul, .alert > ol {
    margin: 0 0 0 2.5rem;
}

.alert-content ul li::before {
    margin-left: -20px !important;
}

.alert h1, .alert h2, .alert h3, .alert h4, .alert h5, .alert h6 {
    font-size: 1.2rem;
    color: inherit;
}

.alert-success {
    background: #a0daa0;
    border-left-color: #398439;
}

.alert-info {
    background: #a2d6e6;
    border-left-color: #1b809e;
}

.alert-warning {
    background: #e9be81;
    border-left-color: #aa6708;
}

.alert-danger {
    background: #f2acac;
    border-left-color: red;
}

.alert img.alert-icon {
    display: inline-block;
    width: 50px;
    height: 50px;
    margin-right: 20px;
    box-shadow: none !important;
}

.alert:hover img.alert-icon, .hint-blue:hover i.fa-exclamation-triangle {
    animation: blink .8s infinite;
    overflow: visible;
}

@keyframes blink {
    to {
        transform: scale(1.1);
    }
}

.alert img.alert-icon + p {
    display: none;
}

.alert-content {
    display: inline-block;
    float: right;
    width: calc(100% - 75px);
    font-size: 1.05rem;
    font-weight: 400;
}

.alert-content ul {
    margin-top: 0;
    margin-bottom: 0;
}

.alert-content ol li:last-child {
    margin-bottom: 10px;
}

.alert-success .alert-content ol li::before {
    background-color: #398439;
}

.alert-info .alert-content ol li::before {
    background-color: #1b809e;
}

.alert-warning .alert-content ol li::before {
    background-color: #ce4844;
}

.alert-danger .alert-content ol li::before {
    background-color: red;
}

.alert-info ul li::before {
    color: #1b809e !important;
}

.alert-success ul li::before {
    color: #398439 !important;
}

.alert-warning ul li::before {
    color: #aa6708 !important;
}

.alert-danger ul li::before {
    color: red !important;
}

@media screen and (max-width: 768px) {
    .alert-content {
        float: none;
        width: 100%;
    }

    .alert {
        padding: 15px !important;
        flex-direction: column;
    }

    .alert::before {
        top: 0px !important;
    }

    .alert > :first-child {
        margin-top: 10px;
    }

    .alert-content ol li::before {
        margin-right: 20px !important;
    }

    .alert img.alert-icon {
        display: block;
        margin: 5px auto 10px;
    }
}

@media screen and (max-width: 768px) {
    .hint-blue {
        padding: 15px 20px;
    }

    .hint-blue i.fa.fa-exclamation-triangle {
        width: 100%;
        display: block;
        margin: 0 auto 10px;
        background-repeat: no-repeat;
        background-position: center center;
    }
}

/* divider */

.su-divider {
    width: 100%;
    text-align: right;
    margin: 30px 0;
	border-width: 4px!important;
	border-color: #489998!important;
}

.su-divider a {
    position: relative;
    padding-right: 30px;
    text-align: right;
    border: 0px;
    color: #000!important;
    font-weight:700;
    text-transform: uppercase;
    letter-spacing: var(--u-typo-letter-spacing);
    text-transform: uppercase;
    text-decoration: none;
    font-size: 11px!important;
}

.su-divider a:after {
    position: absolute;
    right: 7px;
    top: 0;
    display: inline-block;
    background: var(--footer-to-top-icon) 50%/contain no-repeat;
    content: "";
    height: 14px;
    padding: 0 0 0 8px;
    transform: rotate(-90deg);
    width: 14px;
    --footer-to-top-icon: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTQgMTZsNC04LTQtOGg0bDQgOC00IDhINHoiIGZpbGw9IiMxRjFEMUQiLz48L3N2Zz4=);
    --footer-to-top-icon-height: 14px;
    --footer-to-top-icon-hover: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTQgMTZsNC04LTQtOGg0bDQgOC00IDhINHoiIGZpbGw9IiNDMDAiLz48L3N2Zz4=);
    --footer-to-top-icon-width: 8px;
}

.su-divider hr.group__hr, section > hr {
    margin: 0;
    height: 4px;
    background-color: #489998;
	color: transparent;
}

/* Scrollbar */


/* Tablepress - SU-Table - Tables - Tabellen */

.table-content, .table-responsive, .tablepress-scroll-wrapper {
    overflow-x: auto;
    box-shadow: 0px 2px 10px -3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 2px 10px -3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 2px 10px -3px rgba(0, 0, 0, 0.2);
    margin: 20px 0;
    display: inline-block;
    width: 100%;
}

.table-responsive table tbody tr ul {
    margin: 0;
}

.table-responsive table tbody tr ul li {
    width: 100%;
    padding: 0;
    left: 10px;
}

.table-content table, .table-responsive table, .tablepress-scroll-wrapper table {
    width: auto;
    border-collapse: collapse;
    border: 1px solid var(--color-neutral-bright);
    min-width: 100%;
}

.table-content table thead tr, .table-responsive table thead tr, .tablepress-scroll-wrapper table thead tr,
.table-content table thead tr td, .table-responsive table thead tr td, .tablepress-scroll-wrapper table thead tr td,
.table-content table thead tr th, .table-responsive table thead tr th, .tablepress-scroll-wrapper table thead tr th {
    background: #489998!important;
    color: #fff;
}

.table-content table thead tr td,
.table-content table thead tr th,
.table-responsive table thead tr td,
.table-responsive table thead tr th,
.tablepress-scroll-wrapper table thead tr td,
.tablepress-scroll-wrapper table thead tr th {
    border: 0px;
}

.table-content table tr td,
.table-content table tr th,
.table-responsive table tr td,
.table-responsive table tr th,
.tablepress-scroll-wrapper table tr td,
.tablepress-scroll-wrapper table tr th {
    padding: 10px 15px;
    border: 1px solid var(--color-neutral-bright);
    text-align: left;
}

.table-content table tr, .table-responsive table tr, .tablepress-scroll-wrapper table tr {
    transition: all .2s ease-in-out;
}

.table-content table tr:nth-child(2n), .table-responsive table tr:nth-child(2n), .tablepress-scroll-wrapper table tr:nth-child(2n) {
    background: #eee;
}

.table-content table tbody tr:nth-child(2n+1), .table-responsive table tbody tr:nth-child(2n+1), .tablepress-scroll-wrapper table tbody tr:nth-child(2n+1) {
    background: #fff;
}

.table-content table tbody tr:hover, .table-responsive table tbody tr:hover, .tablepress-scroll-wrapper table tbody tr:hover {
    background: #ddd;
}

table.tablepress tbody a {
    border-bottom: 0px;
}

/* Buecher verkaufen Tabelle */

#tablepress-1 tbody tr td.column-6 a.conversion.empfehlung {
    min-width: 190px;
}

/* Buecher verkaufen Poll Umfrage */

.totalpoll-poll-container {
    font-size: 100% !important;
}

/* Produktboxen */

.tipps-vergleich-box-large {
    margin: 40px 0 20px;
}

.home-kategorie-box-th {
    position: relative;
    max-height: 200px;
    min-height: 180px;
    overflow: hidden;
    margin-bottom: 10px;
    box-shadow: 0px 2px 10px -3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 2px 10px -3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 2px 10px -3px rgba(0, 0, 0, 0.2);
}

.home-kategorie-box-th img {
    min-width: 100%;
    min-height: 100%;
    max-width: unset !important;
    transition: all .2s ease-in-out;
}

.home-kategorie-box-th h3.tipps-vergleich-box-title {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 7px 20px;
    background: #3A7B7A;
    color: #fff;
    text-decoration: none;
}

.home-kategorie-box-th h3.tipps-vergleich-box-title a {
    color: #fff;
    text-decoration: none;
    font-size: 20px;
    font-weight: 700;
}

.home-kategorie-box-th:hover img {
    transform: scale(1.02);
}

.tipps-vergleich-box-inside {

}

.tipps-vergleich-box-inside ul {
    margin: 0;
    padding: 0;
    display: flex !important;
    flex-wrap: wrap;
    list-style: none;
}

.tipps-vergleich-box-inside ul li {
    width: calc(25% - 8px);
    margin-right: 10px;
    margin-bottom: 10px;
    position: relative;
    background: #fff;
    color: #000;
    box-shadow: 0px 2px 10px -3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 2px 10px -3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 2px 10px -3px rgba(0, 0, 0, 0.2);
    transition: all .2s ease-in-out;
    left: 0;
}

.tipps-vergleich-box-inside ul li:nth-child(4n) {
    margin-right: 0px;
}

.tipps-vergleich-box-inside ul li:hover {
    background: #3A7B7A;
    color: #fff;
}

.tipps-vergleich-box-inside ul li:after {
    content: '';
    display: inline-block;
    margin-right: 10px;
    width: 9px;
    height: 100%;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAgMzJsOC0xNkwwIDBoNGw4IDE2LTggMTZIMHoiIGZpbGw9IiMxRjFEMUQiLz48L3N2Zz4=) no-repeat center center;
    background-size: 9px 24px;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s ease-in-out;
}

.tipps-vergleich-box-inside ul li:hover:after {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxMiAzMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTIgMzI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTAsMzJsOC0xNkwwLDBoNGw4LDE2TDQsMzJIMHoiLz4KPC9zdmc+Cg==) no-repeat center center;
    transform: rotate(360deg);
}

.tipps-vergleich-box-inside ul li a {
    text-decoration: none;
    color: #000;
    line-height: 15px;
    font-size: 15px;
    font-weight: 500;
    display: inline-block;
    width: 100%;
    height: 100%;
    padding: 17px 25px 17px 20px;
    border: 0px;
}

.tipps-vergleich-box-inside ul li:hover a {
    color: #fff;
}

@keyframes shake {
    0% {
        transform: rotate(0deg);
    }
    25% {
        transform: rotate(-10deg);
    }
    50% {
        transform: rotate(0deg);
    }
    75% {
        transform: rotate(10deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

@media screen and (max-width: 1100px) {
    .tipps-vergleich-box-inside ul li {
        width: calc(50% - 5px);
    }

    .tipps-vergleich-box-inside ul li:nth-child(2n) {
        margin-right: 0px;
    }
}

@media screen and (max-width: 600px) {
    .tipps-vergleich-box-inside ul li {
        width: 100%;
        margin-right: 0px;
    }
}


/* Suche */
.search-head {
    display: none;
    clear: both;
}

.search-head #searchform {
    display: block;
    padding: 15px;
    max-width: 1184px;
    min-height: 82px;
    margin: 0 auto;
}

.search-head #searchform input {
    width: calc(100% - 100px);
    border-radius: 0;
    font-size: 1rem;
    line-height: 23px;
    float: left;
    height: 52px;
    padding: 15px;
    border: 1px solid #ddd;
}
#searchsubmit.fa.fa-search:before {
    background: #fff;
}
.search-head #searchform #searchsubmit {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    background: #3A7B7A;
    height: 52px;
    cursor: pointer;
    position: absolute;
    width: 100px;
    padding-top: 10px;
}
.search-head #searchform #searchsubmit:before {
    background-color: #fff;
    height: 20px;
    width: 20px;
}

#searchform #searchsubmit {
    background: #3A7B7A;
    border: none;
    padding: 15px 30px;
    width: 100px;
    color: white;
    -webkit-appearance: none;
    outline: none;
    margin-left: -1px;
    cursor: pointer;
    font-size: 30px;
    border-radius: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.tipps-vergleich-suche #searchform #searchsubmit:before {
    top: 0;
}

.tipps-vergleich-suggest-page {
    position: absolute;
    width: 100%;
    max-width: 1184px;
    padding: 0 15px;
}

.tipps-vergleich-suggest-page ul.search_results {
    background-color: #fff;
    width: 100%;
    max-height: 500px;
    position: relative;
    top: -15px !important;
    left: 0px !important;
    overflow: auto;
    z-index: 9999;
    list-style-type: none;
    list-style-image: none;
    list-style-position: inside;
    padding: 0px;
    margin: 0 auto;
    border: 1px solid #ddd;
}

.tipps-vergleich-suggest-page ul.search_results li {
    left: 0;
    padding: 0;
    border-bottom: 1px solid #ddd;
    text-align: left;
}

.tipps-vergleich-suggest-page ul.search_results li:hover {
    background-color: #489998;
}

.tipps-vergleich-suggest-page ul.search_results li a, ul.search_results li a:visited {
    display: block;
    padding: 15px 35px 15px 15px;
    border: 0;
    text-decoration: none;
    color: #000;
    font-weight: 600;
    position: relative;
}

.tipps-vergleich-suggest-page ul.search_results li a:after {
    content: '';
    position: absolute;
    top: 0;
    right: 15px;
    height: 100%;
    width: 9px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAgMzJsOC0xNkwwIDBoNGw4IDE2LTggMTZIMHoiIGZpbGw9IiMxRjFEMUQiLz48L3N2Zz4=) no-repeat center center;
    background-size: 9px 24px;
}

.tipps-vergleich-suggest-page ul.search_results li:hover a:after {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxMiAzMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTIgMzI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTAsMzJsOC0xNkwwLDBoNGw4LDE2TDQsMzJIMHoiLz4KPC9zdmc+Cg==) no-repeat center center;
}

.tipps-vergleich-suggest-page ul.search_results li:hover a {
    color: #fff;
}

.tipps-vergleich-suggest-page .search_footer {
    background-color: var(--color-background);
    padding: 5px 10px;
    font-size: 15px;
    font-weight: 600;
    border: 0;
    text-align: center;
}

.tipps-vergleich-suggest-page .search_footer a {
    text-decoration: none;
    color: #000;
}

.tipps-vergleich-suggest-page .search_footer:hover a {
    color: #489998;
}

.tipps-suche a:hover .tipps-suche-ergebnis-content {
    color: #000;
}

.tipps-suche .tipps-suche-ergebnis {
    margin: 15px 0 30px;
    display: block;
    box-shadow: 0 2px 10px -3px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 2px 10px -3px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 2px 10px -3px rgba(0, 0, 0, .2);
    padding: 15px;
    background: #fff;
    transition: all .2s ease-in-out;
}

.tipps-suche .tipps-suche-ergebnis:hover {
    transform: scale(1.01);
}

.tipps-suche .tipps-suche-ergebnis h1 {
    margin-bottom: 20px;
    display: inline-block;
    font-size: 22px;
    color: #111;
}
.tipps-suche .tipps-suche-ergebnis:hover h1 {
    color: #3A7B7A;
}
.tipps-suche .tipps-suche-ergebnis h1 a {
    border: 0;
    transition: all .2s ease-in-out;
}

.tipps-suche .tipps-suche-ergebnis-content {
    display: inline-block;
    color: #111;
}

.tipps-suche .tipps-suche-ergebnis-content .tipps-suche-ergebnis-img {
    float: left;
    overflow: hidden;
    margin-right: 20px;
    min-width: 200px;
    text-align: center;
}

.tipps-suche .tipps-suche-ergebnis-content .tipps-suche-ergebnis-img img {
    max-width: 200px !important;
    max-height: 132px;
    transition: all .2s ease-in-out;
    box-shadow: none;
}

@media screen and (max-width: 500px) {
    .tipps-suche .tipps-suche-ergebnis-content .tipps-suche-ergebnis-img {
        width: 100%;
        margin: 0 0 10px;
    }
}


/* Pro Contra - Vorteile Nachteile */

.procontra {
  display: flex;
  justify-content: space-between;
  margin: 20px 0;
}
.procontra .pro, 
.procontra .contra {
  background: #fff;
  box-shadow: 0px 2px 10px -3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 2px 10px -3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 2px 10px -3px rgba(0, 0, 0, 0.2);
  padding: 2rem;
  width: calc(100% / 2 - 1rem);
}
.procontra ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex !important;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
.procontra ul li {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  padding: 0;
  line-height: 1.4;
  font-weight: 500;
  font-size: 1.05rem;
  margin-bottom: 0.8rem;
  width: 100%;
  left: 0;
    word-wrap: break-word;
  overflow-wrap: break-word;
-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
        color: #464646;
}
.procontra ul li::before {
  flex-shrink: 0;
  margin-right: 1rem;
  font-size: 1.6rem;
  top:0!important;
}
.procontra .pro ul li::before {
	background-color: #418B89;
}
.procontra .contra ul li::before {
	background-color: #ae0303;
}
.procontra .probefore {
  background: #e6f2eb;
  padding: 0.5rem;
  text-align: center;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-bottom: 2rem;
  display: flex;
}
.procontra .contrabefore {
  background: #f9e5e6;
  padding: 0.5rem;
  text-align: center;
  margin-bottom: 2rem;
  justify-content: center;
align-items: center;
text-align: center;
display: flex;
}
.procontra .probefore .headline {
  display: inline-flex;
  color: #147032;
  font-size: 1.8rem;
  font-weight: bold;
}
.procontra .contrabefore .headline {
  display: inline-flex;
  color: #cd1919;
  font-weight: bold;
  font-size: 1.8rem;
}

.probefore .icon svg {
  width: 30px;
  height: 30px;
  fill: #147032;
  margin-right: 1rem;
display: flex;
}

.contrabefore .icon svg {
width: 30px;
height: 30px;
fill: #147032;
margin-right: 1rem;
display: flex;
}

.procontra .probefore::before {
    content: "" !important;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23418B89" class="bi bi-hand-thumbs-up" viewBox="0 0 16 16"> <path d="M8.864.046C7.908-.193 7.02.53 6.956 1.466c-.072 1.051-.23 2.016-.428 2.59-.125.36-.479 1.013-1.04 1.639-.557.623-1.282 1.178-2.131 1.41C2.685 7.288 2 7.87 2 8.72v4.001c0 .845.682 1.464 1.448 1.545 1.07.114 1.564.415 2.068.723l.048.03c.272.165.578.348.97.484.397.136.861.217 1.466.217h3.5c.937 0 1.599-.477 1.934-1.064a1.86 1.86 0 0 0 .254-.912c0-.152-.023-.312-.077-.464.201-.263.38-.578.488-.901.11-.33.172-.762.004-1.149.069-.13.12-.269.159-.403.077-.27.113-.568.113-.857 0-.288-.036-.585-.113-.856a2.144 2.144 0 0 0-.138-.362 1.9 1.9 0 0 0 .234-1.734c-.206-.592-.682-1.1-1.2-1.272-.847-.282-1.803-.276-2.516-.211a9.84 9.84 0 0 0-.443.05 9.365 9.365 0 0 0-.062-4.509A1.38 1.38 0 0 0 9.125.111L8.864.046zM11.5 14.721H8c-.51 0-.863-.069-1.14-.164-.281-.097-.506-.228-.776-.393l-.04-.024c-.555-.339-1.198-.731-2.49-.868-.333-.036-.554-.29-.554-.55V8.72c0-.254.226-.543.62-.65 1.095-.3 1.977-.996 2.614-1.708.635-.71 1.064-1.475 1.238-1.978.243-.7.407-1.768.482-2.85.025-.362.36-.594.667-.518l.262.066c.16.04.258.143.288.255a8.34 8.34 0 0 1-.145 4.725.5.5 0 0 0 .595.644l.003-.001.014-.003.058-.014a8.908 8.908 0 0 1 1.036-.157c.663-.06 1.457-.054 2.11.164.175.058.45.3.57.65.107.308.087.67-.266 1.022l-.353.353.353.354c.043.043.105.141.154.315.048.167.075.37.075.581 0 .212-.027.414-.075.582-.05.174-.111.272-.154.315l-.353.353.353.354c.047.047.109.177.005.488a2.224 2.224 0 0 1-.505.805l-.353.353.353.354c.006.005.041.05.041.17a.866.866 0 0 1-.121.416c-.165.288-.503.56-1.066.56z"/> </svg>') no-repeat center center !important;
      background-size: auto;
    mask-image: none;
    -webkit-mask-image: none;
    height: 30px;
    width: 30px;
    display: flex;
    background-size: 30px !important;
    top: 0;
  }
  .procontra .probefore::after {
    content: "Vorteile";
    color: #418B89;
    font-weight: 600;
    font-size: 22px;
    margin-left: 0.5rem;
  }

  .procontra .probefore.fa-check-circle.important::before {
    content: "" !important;
  }

  .procontra .contrabefore.fa-minus-circle.important::before {
    content: "" !important;
  }

  .procontra .contrabefore::before {
    content: "" !important;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23ae0303" class="bi bi-hand-thumbs-down" viewBox="0 0 16 16"> <path d="M8.864 15.674c-.956.24-1.843-.484-1.908-1.42-.072-1.05-.23-2.015-.428-2.59-.125-.36-.479-1.012-1.04-1.638-.557-.624-1.282-1.179-2.131-1.41C2.685 8.432 2 7.85 2 7V3c0-.845.682-1.464 1.448-1.546 1.07-.113 1.564-.415 2.068-.723l.048-.029c.272-.166.578-.349.97-.484C6.931.08 7.395 0 8 0h3.5c.937 0 1.599.478 1.934 1.064.164.287.254.607.254.913 0 .152-.023.312-.077.464.201.262.38.577.488.9.11.33.172.762.004 1.15.069.13.12.268.159.403.077.27.113.567.113.856 0 .289-.036.586-.113.856-.035.12-.08.244-.138.363.394.571.418 1.2.234 1.733-.206.592-.682 1.1-1.2 1.272-.847.283-1.803.276-2.516.211a9.877 9.877 0 0 1-.443-.05 9.364 9.364 0 0 1-.062 4.51c-.138.508-.55.848-1.012.964l-.261.065zM11.5 1H8c-.51 0-.863.068-1.14.163-.281.097-.506.229-.776.393l-.04.025c-.555.338-1.198.73-2.49.868-.333.035-.554.29-.554.55V7c0 .255.226.543.62.65 1.095.3 1.977.997 2.614 1.709.635.71 1.064 1.475 1.238 1.977.243.7.407 1.768.482 2.85.025.362.36.595.667.518l.262-.065c.16-.04.258-.144.288-.255a8.34 8.34 0 0 0-.145-4.726.5.5 0 0 1 .595-.643h.003l.014.004.058.013a8.912 8.912 0 0 0 1.036.157c.663.06 1.457.054 2.11-.163.175-.059.45-.301.57-.651.107-.308.087-.67-.266-1.021L12.793 7l.353-.354c.043-.042.105-.14.154-.315.048-.167.075-.37.075-.581 0-.211-.027-.414-.075-.581-.05-.174-.111-.273-.154-.315l-.353-.354.353-.354c.047-.047.109-.176.005-.488a2.224 2.224 0 0 0-.505-.804l-.353-.354.353-.354c.006-.005.041-.05.041-.17a.866.866 0 0 0-.121-.415C12.4 1.272 12.063 1 11.5 1z"/> </svg>') no-repeat center center!important;
      background-size: auto;
    mask-image: none;
    -webkit-mask-image: none;
    height: 30px;
    width: 30px;
    display: flex;
    background-size: 30px !important;
    top: 0;
  }

  .procontra .contrabefore::after {
    content: "Nachteile";
    color: #ae0303;
    font-weight: 600;
    font-size: 22px;
    margin-left: 0.5rem;
  }


@media screen and (max-width:1110px) {
    .procontra ul li {
        width: 100%;
    }
}

@media screen and (max-width:850px) {
        .procontra ul li {
            font-size: 1rem;
        }
        .procontra ul li::before {
      font-size: 1.2rem;
    }
    .procontra .pro, .procontra .contra {
        padding: 1rem;
    }
}

@media screen and (max-width:767px) {
    .procontra {
  flex-direction: column;
}
.procontra .pro, .procontra .contra {
  width: 100%;
}

}

/* Cookiebar */

#cookie-notice .cookie-notice-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

#cookie-notice .cookie-notice-container span#cn-notice-text {
    font-family: Roboto, fact-variable, Arial, Helvetica, sans-serif;
    font-size: 16px;
    margin: 10px 10px 10px 0;
    max-width: 100%;
}

#cookie-notice .cookie-notice-container a#cn-accept-cookie, #cookie-notice .cookie-notice-container a#cn-more-info {
    color: white;
    border-radius: 0;
    padding: 8px 10px;
    text-shadow: none;
    font-size: 15px;
    font-weight: 700;
}

#cookie-notice .cookie-notice-container a#cn-more-info {
    background: #999;
    border-color: #999;
}

#cookie-notice .cookie-notice-container a#cn-accept-cookie {
    background: #3A7B7A;
    border-color: #3A7B7A;
}

@media screen and (max-width: 1620px) {
    #cookie-notice .cookie-notice-container span#cn-notice-text {
        flex-basis: 100%;
    }
}

#totalpoll-id-dd6cb73bd65e7c3b78b768a5d747cbc1.totalpoll-poll-container .totalpoll-choices .totalpoll-choice .totalpoll-choice-checkbox-container input {
    padding: 0 !important;
}

/* Cookiebot */
.cookie-list {
    display: none;
}

.cookieconsent-interacted {
    display: none;
}


.content-youtube-wrapper, .cookievgl.cookieconsent-optout-marketing {
    position: relative;
}
.cookievgl > a.empfehlung {
	color: white!important;
}
.cookievgl.cookieconsent-optout-marketing {
    display: block;
}

.content-youtube-wrapper .alert, .cookievgl.cookieconsent-optout-marketing .alert {
    display: block;
    position: absolute;
    top: calc(50% - 65px);
    height: 130px;
}

.content-youtube-wrapper .alert:before, .cookievgl.cookieconsent-optout-marketing:before {
    content: '';
    float: left;
    width: 50px;
    height: 50px;
    position: relative;
    left: 0;
    top: 0;
    background: url('/wp-content/themes/tipps/img/danger.svg');
    background-size: 50px 50px;
    margin-right: 20px;
}

.content-youtube-wrapper .alert > a, .cookievgl.cookieconsent-optout-marketing > a {
    margin: 15px auto 5px;
    width: 350px;
	color: white!important;
}

@media screen and (min-width: 1025px) {
    .cookievgl.alert.alert-danger.cookieconsent-optout-marketing a.empfehlung {
        margin-left: 20px;
    }
}

@media screen and (max-width: 1024px) {
    .cookievgl.alert.alert-danger.cookieconsent-optout-marketing {
        flex-direction: column !important;
    }
}

@media screen and (max-width: 600px) {
    .content-youtube-wrapper .alert > a, .cookievgl.cookieconsent-optout-marketing > a {
        width: 100%;
    }
}

/* Redakteure */

.box-redakteur {
	display: flex;
	align-items: center;
	margin: -5px 0 14px;
}
.box-redakteur:hover .box-redakteur-bild {
	transform: scale(1.1);
}
.box-redakteur-bild {
	transition: all .1s ease-in-out;
	max-height: 48px;
	max-width: 48px;
	border-radius: 24px;
	overflow: hidden;
	margin-right: 8px;
}
.box-redakteur-bild img {
	width: 48px;
	height: 48px;
}
.box-redakteur-meta {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	min-height: 48px;
}
.box-redakteur-meta-name a, .box-redakteur-meta-zeit a {
	color: var(--u-typo-color);
	letter-spacing: var(--u-typo-letter-spacing);
	font-weight: 600;
	text-decoration: var(--u-typo-text-decoration,none);
    text-transform: var(--u-typo-text-transform);
}
.box-redakteur-meta-name a:hover, .box-redakteur-meta-zeit a:hover {
	color: #489998;
}
.box-redakteur-meta-zeit {
	color: var(--u-typo-color);
    font: var(--u-typo-font);
    letter-spacing: var(--u-typo-letter-spacing);
    text-decoration: var(--u-typo-text-decoration,none);
    text-transform: var(--u-typo-text-transform);
}
@media screen and (max-width: 768px) {
	.box-redakteur {
		margin: -5px 0 5px;
	}
    .box-redakteur-bild {
        max-height: 68px;
        flex-shrink: 0;
        max-width: 68px;
        border-radius: 34px;
    }
	.box-redakteur-bild img {
		width: 68px;
		height: 68px;
	}
}

/* Autoren Seite */

.autor {
    display: flex;
	margin-bottom: 20px;
}
.autor-content {
	padding-right: 30px;
}
.autor-bild {
    width: 250px;
    height: 250px;
    overflow: hidden;
    border-radius: 125px;
	flex-shrink: 0;
	transition: all .1s ease-in-out;
}
.autor-bild:hover {
	transform: scale(1.02);
}
.autor-bild img {
    width: 100%;
    height: 100%;
}
@media screen and (max-width: 768px) {
	.autor {
		flex-direction: column;
	}
	.autor-content {
		order: 2;
        padding-right: 0px;
	}
	.autor-bild {
		order: 1;
		margin: 0 auto 20px;
	}
}



.author__box {
    margin-bottom: 10px;
    background: white;
  }

  .profile__header {
    display: flex;
    position: relative;
    z-index: 10;
  }

  .profile__header_img {
	  display: flex;
	  flex-direction: column;
	  justify-content: flex-start;
	  align-items: center;
	  margin: 0 1.5rem 0 0;
  }
  .profile__header_img > span {
	  margin-top: 5px;
  }

  .profile__header_about .name {
    font-size: 1rem;
    font-weight: 600;
  }
  .profile__header_about .name .profile__mail {
    margin-left: 8px;
  }
  .profile__mail:hover {
	  color: #3A7B7A;
  }
  .profile__header_about .name .profile__mail:before {
    font-size: 1rem;
  }
  .profile__header_about .name>a {
    color: black;
    text-decoration: none;
  }

  .profile__header_about .name>a:hover {
    color: #3A7B7A;
  }

  .profile__header_about .label {
    font-size: 0.9rem;
    font-weight: 600;
    margin: 0 0 0.5rem 0;
    position: relative;
	hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
  }
  
  .profile__header_about .label a {
	 color: black;
	 text-decoration: none;
  }
  .profile__header_about .label a:hover {
	  color: #3A7B7A;
  }

  .profile__header_about .biography {
    margin: 0 0 0.5rem 0;
    max-height: 4.5rem;
    overflow: hidden;
    display: -webkit-box;
    max-width: 100%;
    margin: 0 auto;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 1.4rem;
	font-size: 1rem;
    text-align: justify;
	hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	font-weight: 300;
  }

  .profile__header_about .biography.active {
    max-height: none;
    display: block;
    -webkit-line-clamp: 5;
    -webkit-box-orient: ;
  }

  .profile__header_about .biography__toggle {
    background: none;
    border: none;
    padding: 0;
    text-decoration: underline;
    font-size: 1.1rem;
  }

  .criteria__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 1rem 0 1rem 0;
    position: relative;
    z-index: 10;
  }

  .criteria__header .criteria__toggle {
    background: none;
    border: none;
    padding: 0;
    position: relative;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    font-weight: 600;
	font-size: 0.8rem;
  }

  .criteria__header .criteria__toggle:hover {
    cursor: pointer;
  }

  .criteria__header .criteria__toggle:hover::after {
    background: #3A7B7A url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E") no-repeat center center;
  }

  .criteria__header .criteria__toggle.active::after {
    transform: rotate(180deg)
  }

  .criteria__header .headline {
    font-size: 1rem;
    font-weight: 600;
    position: relative;
    flex-shrink: 0;
  }

  .author__box_content {
    display: flex;
	background: #4899980a;
    border: 1px solid #4899981a;
  }

  .profile__box {
    padding: 1.5rem 4.5rem 1.5rem 1.5rem;
    position: relative;
    z-index: 10;
  }

  .product__box {
    min-width: 40%;
    display: flex;
    align-items: center;
    padding: 1.5rem;
    flex-wrap: wrap;
  }

  .product__box_img img {
    width: 100%;
    height: auto;
    max-height: 150px;
    object-fit: contain;
	mix-blend-mode: multiply;
  }
.product__box_content .headline {
    color: #3A7B7A;
    font-weight: 600;
    font-size: 1rem;
    display: inline-flex;
    margin: 0 0 1rem 0;
}

  .product__box_content .product__title {
    font-size: 1.6rem;
	line-height: 2rem;
    font-weight: 600;
    display: flex;
    margin: 0;
    align-items: center;
    justify-content: center;
  }

  .product__box_img {
    width: 40%;
    /*! margin: 0 0 0 1rem; */
    /*! width: auto; */
    /*! flex-shrink: ; */
    /*! position: relative; */
    /*! top: 35px; */
  }

  .criteria__items ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .product__link {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
  }

  .criteria__items ul li {
    display: inline-flex;
    margin: 0 0.5rem 0.5rem 0;
    font-weight: 500;
    letter-spacing: -0.25px;
  }

  .criteria__items ul li .label {
    background: #489998;
    border-radius: 100px;
    padding: 0.25rem 0.5rem 0.25rem 0.25rem;
    display: inline-flex;
    color: white;
    align-items: center;
	font-size: 0.9rem;
  }

  .criteria__items ul li .label i {
    height: 18px;
    width: 18px;
    margin: 0 0.25rem 0 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='white'%3E%3Cpath d='M0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256zM256 368C269.3 368 280 357.3 280 344V280H344C357.3 280 368 269.3 368 256C368 242.7 357.3 232 344 232H280V168C280 154.7 269.3 144 256 144C242.7 144 232 154.7 232 168V232H168C154.7 232 144 242.7 144 256C144 269.3 154.7 280 168 280H232V344C232 357.3 242.7 368 256 368z'/%3E%3C/svg%3E") no-repeat center center;
    flex-shrink: 0;
  }

  .criteria__header .headline::after {
    content: "";
    height: 1px;
    width: 100%;
    background: #ccc;
    position: absolute;
    left: calc(100% + 0.5rem);
    top: calc(50% + 0.07rem);
    transform: ;
    display: none;
  }

  .product__box_content {
    width: 60%;
    /*! flex-shrink: 0; */
  }

  .product__box_content a {
    text-decoration: none;
  }

  .profile__header_about .label::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='currentColor' class='bi bi-arrow-return-right' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.5 1.5A.5.5 0 0 0 1 2v4.8a2.5 2.5 0 0 0 2.5 2.5h9.793l-3.347 3.346a.5.5 0 0 0 .708.708l4.2-4.2a.5.5 0 0 0 0-.708l-4-4a.5.5 0 0 0-.708.708L13.293 8.3H3.5A1.5 1.5 0 0 1 2 6.8V2a.5.5 0 0 0-.5-.5z'/%3E%3C/svg%3E");
    content: "";
    position: relative;
    height: 14px;
    width: 14px;
	min-width: 14px;
    display: inline-flex;
    margin: 0 0.25rem 0 0;
    top: 2px;
    background-size: 14px;
  }

  .criteria__header .criteria__toggle::after {
    content: "";
    background: white url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! --%3E%3Cpath d='M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z'/%3E%3C/svg%3E") no-repeat center center;
    width: 25px;
    height: 25px;
    border-radius: 100px;
    padding: 0.45rem;
    background-size: 12px;
    display: inline-flex;
    margin: 0 0 0 0.8rem;
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.15);
  }

  .profile__header_img img {
    border-radius: 150px;
    max-width: 100px;
	max-height: 100px;
  }

  .profile__box::after {
    content: "";
    position: absolute;
    right: 0;
    height: 100%;
    width: 100%;
    bottom: 0;
    background: #e6e6e6;
    top: 0;
    z-index: 99;
    clip-path: polygon(0% 0%, 92% 0%, 100% 50%, 92% 100%, 0% 100%);
    z-index: 1;
  }

  .criteria__items {
    position: relative;
    z-index: 10;
  }

  .criteria__header .seperator {
    width: 100%;
    background: #b7b7b7;
    height: 1px;
    position: relative;
    top: 1px;
    margin-left: 15px;
    margin-right: 15px;
  }

  /* Active */
  @media screen and (max-width:600px) {
      .profile__box::after {
          clip-path: polygon(0% 0%, 100% 0, 100% 97%, 50% 100%, 0 97%)!important;
        }
  }
  @media screen and (max-width:400px) {
      .profile__box::after {
          clip-path: polygon(0% 0%, 100% 0, 100% 98%, 50% 100%, 0 98%)!important;
        }
  }

  .criteria__items.active li .content {
    display: flex !important;
    font-weight: 400;
    color: #797979;
    text-align: justify;
  }

  .criteria__items.active li {
	  font-size: 14px;
    width: calc(50% - 0.25rem);
    margin: 0;
    flex-direction: column;
    background: rgba(250, 250, 250, 0.8);
    padding: 0.8rem;
    margin-bottom: 0.7rem;
  }

  .criteria__items.active ul li .label {
    background: none;
    padding: 0;
    color: black;
    font-size: 1rem;
    margin: 0 0 0.5rem 0;
    font-weight: 600;
    word-wrap: break-word;
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    line-height: .9;
    letter-spacing: -0.5px;
  }

  .criteria__items.active ul li .label i {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%23489998' %3E%3Cpath d='M0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256zM256 368C269.3 368 280 357.3 280 344V280H344C357.3 280 368 269.3 368 256C368 242.7 357.3 232 344 232H280V168C280 154.7 269.3 144 256 144C242.7 144 232 154.7 232 168V232H168C154.7 232 144 242.7 144 256C144 269.3 154.7 280 168 280H232V344C232 357.3 242.7 368 256 368z'/%3E%3C/svg%3E") no-repeat center center;
  }

  .criteria__items.active ul {
    justify-content: space-between;
  }

  .product__box.active {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
  }

  .product__box.active .product__link {
    justify-content: center;
    margin-top: 1rem;
  }

  .product__box.active .product__box_img {
    margin: 1rem 0 1rem 0;
  }

  @media screen and (min-width:900px) {
    .product__box.active .product__box_img {
      max-width: 250px;
    }

    .product__box:not(.active) .product__box_img {
      position: relative;
      top: 35px;
    }
  }

  .product__box.active .rating {
    display: flex;
    justify-content: center;
  }

  .product__box_link a.empfehlung {
    text-decoration: none;
    flex-shrink: 0;
    text-align: center;
  }

  /* Breakpoints */
  @media screen and (max-width:850px) {
    .author__box_content {
      flex-wrap: wrap;
    }

    .profile__box::after {
      clip-path: polygon(0% 0%, 100% 0, 100% 95%, 50% 100%, 0 95%);
    }

    .profile__box {
      padding: 1rem 1rem 2.5rem 1rem;
    }

    .product__box {
      min-width: 100%;
      justify-content: center;
      padding-top: 20px;
      padding: 1rem;
    }

    .product__box:not(.active) .product__box_img {
      display: flex;
      justify-content: flex-end;
      margin-bottom: 1rem;
    }

    .product__box_img img {
      max-width: 150px;
    }
  }

  @media screen and (max-width:500px) {
    .profile__header_img img {
      width: 90px;
      height: 90px;
    }

    .product__box_content .product__title {
      font-size: 1.2rem;
    }

    .profile__box {
      padding: 1rem 1rem 3.5rem 1rem;
    }
    .criteria__header .criteria__toggle::after {
      margin: 0;
    }

    .criteria__items ul li {
      margin: 0 0.25rem 0.25rem 0;
      font-size: 16px;
    }

    .criteria__toggle {
      font-size: 0!important;
    }

    .criteria__header .headline {
      font-size: 1rem;
    }

    .profile__header {
      flex-direction: ;
    }

    .profile__header_img {
      margin: 0 1rem 0 0;
    }
  }
  @media screen and (max-width:400px) {
	.profile__box {
      padding: 1.5rem 1rem 3.5rem 1rem;
    }
	.product__box {
		padding-left: 1rem;
		padding-right: 1rem;
	}
  }
  @media screen and (max-width:350px) {
	  .profile__header_img img {
		  width: 80px;
		  height: 80px;
	  }
  }

  @media screen and (max-width:500px) {
    .product__box_img {
      margin: 1rem 0 0 0;
    }

    .profile__header_about .name {
      font-size: 1rem;
      line-height: 1
    }

    .product__box_content .headline {
      font-size: 1rem;
    }

    .criteria__items.active li {
      width: 100%;
      padding: 0.4rem 0.6rem;
    }

    .product__box:not(.active) .product__box_link {
      margin-top: 1rem;
    }
  }
  .product__box_link {
    width: 60%;
    flex-shrink: 0;
  }
  @media screen and (max-width:1200px) {
      .product__box_link {
        width: 100%;
      }
    .product__box:not(.active) .product__box_img {
      position: relative;
      top: 0;
    }
    .product__box_content .product__title {
      font-size: 1.4rem;

    }
  }
  @media screen and (max-width:950px) {
    .product__box_link {
      width: 100%;
      flex-shrink: 0;
    }
  }
  @media screen and (max-width:600px) {
    .product__box_content .product__title {
        font-size: 1.2rem;
        line-height: 1.4rem;
    }
  }
  .product__box_link .more:hover {
    background: #9a9a9a;
    color: white;
  }
  .product__box_link .more {
    background-color: #dfdfdf;
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    display: block;
    padding: 10px 60px 10px 15px;
    line-height: 25px;
    color: #444;
    border: 0;
    background: ;
    transition: all .2s ease-in-out;
    position: relative;
    overflow: hidden;
    box-shadow: 0 2px 10px -3px rgba(0,0,0,.8);
    -moz-box-shadow: 0 2px 10px -3px rgba(0,0,0,.8);
    -webkit-box-shadow: 0 2px 10px -3px rgba(0,0,0,.8);
    text-shadow: 0 2px 10px rgba(0,0,0,.2);
    text-decoration: none;
    text-align: center;
  }
  .product__box_link .more::before {
    position: absolute;
    top: 0;
    right: 0;
    width: 45px;
    height: 100%;
    content: "";
    transition: .2s;
    background: #9a9a9a url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxMiAzMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTIgMzI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTAsMzJsOC0xNkwwLDBoNGw4LDE2TDQsMzJIMHoiLz4KPC9zdmc+Cg==) no-repeat center center;
      background-size: auto;
    background-size: auto;
    background-size: 9px 24px;
  }

  .product__box_link .more:hover::before {
  -webkit-animation: bounceright 0.3s alternate ease infinite;
  animation: bounceright 0.3s alternate ease infinite;
  }

/* Kündigung FAQ */
.kuendigung-faq {
    text-align: center;
    margin-bottom: 20px;
	min-height: 28px;
}
.kuendigung-faq i {
    margin-right: 6px;
}

.kuendigung-faq a {
    color: #111;
	border-bottom: 0px;
	min-height: 28px;
	text-decoration: none;
}
.kuendigung-faq a:hover {
    color: #3A7B7A;
}

/* Über uns */
.ueber-uns {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.ueber-uns-box {
	min-height: 220px;
	background: white;
	box-shadow: 0px 2px 10px -3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 2px 10px -3px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 2px 10px -3px rgba(0, 0, 0, 0.2);
	padding: 30px;
	border: 1px solid #ddd;
	width: calc(50% - 20px);
	margin-top: 40px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	display: flex;
}
.ueber-uns-box:hover {
    transform: scale(1.01);
}
.ueber-uns-box .autoren-bild img {
	width: 90px;
	height: 90px;
}
.autoren-bild {
	flex-shrink: 0;
	margin-right: 30px;
	width: 90px;
	height: 90px;
	overflow: hidden;
	border-radius: 45px;
}
.ueber-uns-box-content {
	line-height: 22px;
    color: #515151;
    font-size: 14px;
}
.ueber-uns-box-content > strong {
	color: #3A7B7A;
	font-size: 18px;
	font-weight: 500;
	line-height: 1;
	display: inline-block;
	min-height: 55px;
}
.ueber-uns-box-content a {
	clear: both;
	color: #111;
	text-decoration: none;
	display: block;
	text-align: right;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 0!important;
	width: 100%;
	border-top: 1px solid #ccc;
	margin-top: 15px;
}
.ueber-uns-box-content a:hover {
	color: #3A7B7A;
	border-color: #3A7B7A;
}
.ueber-uns-box-content a i {
	margin-left: 10px;
}
.ueber-uns-box-content a i:before {
	background-color: #3A7B7A !important;
}
@media screen and (max-width: 900px) {
	.ueber-uns-box {
		width: 100%;
	}
	.ueber-uns-box-content {
		width: 100%;
	}
}
@media screen and (max-width: 450px) {
	.ueber-uns-box {
		flex-direction: column;
	}
	.autoren-bild {
		margin: 0 auto 15px;
		width: 150px;
		height: 150px;
		border-radius: 75px;
	}
	.ueber-uns-box .autoren-bild img {
		width: 150px;
		height: 150px;
	}
	.ueber-uns-box-content {
		text-align: center;
	}
	.ueber-uns-box-content > strong {
		line-height: 2;
	}
	.ueber-uns-box-content a {
		text-align: center;
	}
}

/* Affiliate Hinweis */

.affiliate-hinweis {
    padding: 5px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    display: flex;
    align-items: center;
    color: #555;
    font-size: 12px;
	max-height: 45px;
}
.affiliate-hinweis i {
    margin: 0 10px;
    flex-shrink: 0;
}
.affiliate-hinweis i:before {
    background-color: #3A7B7A;
    height: 20px;
    width: 20px;
    top: 0!important;
}
.affiliate-hinweis .scroller .scroller-content strong {
	font-weight: 800;
}
.affiliate-hinweis .scroller .scroller-content a {
	border-bottom: 1px solid var(--u-richtext-text-decoration-color);
	color: var(--u-richtext-link-color);
}
.affiliate-hinweis .scroller .scroller-content a:hover {
	color: #3A7B7A;
}

@media screen and (max-width: 1000px) {
	.affiliate-hinweis {
		position: relative;
		top: 0;
	}
}
@media screen and (max-width: 830px) {
	.scroller-content {
		width: 770px;
        padding-right: 20px;
	}
    .scroller {
        position: relative;
        overflow-y: hidden;
        overflow-x: scroll;
        -ms-overflow-style: none;  /* IE and Edge */
        scrollbar-width: none;  /* Firefox */
    }
    .affiliate-hinweis:after {
        background: linear-gradient(90deg, rgba(253,253,253,0) 0%, rgba(253,253,253,1) 100%);
        content: "";
        height: 46px;
        pointer-events: none;
        position: absolute;
        right: -1px;
        top: -1px;
        width: 75px;
    }
    .scroller::-webkit-scrollbar {
        display: none;
    }
}

/* tipps Gallery */

.tipps-gallery {
    margin: 30px 0;
    max-height: 800px;
    background-color: rgba(0, 0, 0, 0.1);
    border: 1px solid #ddd;
    box-sizing: border-box;
    width: 100%;
    left: 0;
    box-shadow: 0px 2px 10px -3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 2px 10px -3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 2px 10px -3px rgba(0, 0, 0, 0.2);
}
.tipps-gallery .slick-list {
    width: 100%;
    height: 100%;
    left: 0;
    padding: 20px;
}
.tipps-gallery .slick-list .slick-track {
    display: flex;
    align-items: center;
    max-height: 800px;
}
.tipps-gallery .slick-list .slick-track > div {
    display: flex;
    justify-content: center;
	align-items: center;
}
.tipps-gallery .slick-list .slick-track > div > img {
    max-height: 760px;
	height: unset;
}
.tipps-gallery > .slick-prev, .tipps-gallery > .slick-next {
    position: absolute;
    height: 70px;
    width: 70px;
    top: calc(50% - 35px);
    border: 0px;
    border-radius: 35px;
    opacity: .8;
    transition: all .2s ease-in-out;
}
.tipps-gallery > .slick-prev:hover, .tipps-gallery > .slick-next:hover {
    transform: scale(1.07);
    opacity: 1;
}
.tipps-gallery > .slick-prev {
    left: 8px;
}
.tipps-gallery > .slick-prev:before {
    top: 20px;
    left: 28px;
}
.tipps-gallery > .slick-next {
    right: 8px;
}
.tipps-gallery > .slick-next:before {
    top: 20px;
    right: 28px;
}
@media screen and (max-width: 768px) {
    .tipps-gallery .slick-list {
        padding: 10px;
    }
    .tipps-gallery > .slick-prev, .tipps-gallery > .slick-next {
        height: 40px;
        width: 40px;
        top: calc(50% - 20px);
    }
    .tipps-gallery > .slick-prev:before, .tipps-gallery > .slick-next:before {
        height: 24px;
        top: 8px;
    }
    .tipps-gallery > .slick-prev:before {
        left: 14px;
    }
    .tipps-gallery > .slick-next:before {
        right: 14px;
    }
}


.tipps-gallery-nav {
    width: 100%;
    height: 100%;
    left: 0;
}
.tipps-gallery-nav .slick-list {
    padding-top: 5px!important;
    width: 100%;
    left: 0;
}
.tipps-gallery-nav.noscroll .slick-list .slick-track {
	display: flex;
	justify-content: center;
	-webkit-transform: translate3d(0, 0, 0)!important;
	-moz-transform: translate3d(0, 0, 0)!important;
	-ms-transform: translate3d(0, 0, 0)!important;
	-o-transform: translate3d(0, 0, 0)!important;
	transform: translate3d(0, 0, 0)!important;
}
.tipps-gallery-nav.noscroll .slick-list .slick-track > div.slick-slide {
	max-height: 200px;
	max-width: 200px;
}
.tipps-gallery-nav .slick-list .slick-track > div.slick-slide {
    border: 2px solid #ccc;
    cursor: pointer;
    overflow: hidden;
    transition: all .3s ease-in-out;
    box-shadow: 0px 2px 10px -3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 2px 10px -3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 2px 10px -3px rgba(0, 0, 0, 0.2);
}
.tipps-gallery-nav .slick-list .slick-track > div.slick-slide.slick-current {
    border-color: #489998;
}
.tipps-gallery-nav .slick-list .slick-track > div.slick-slide > img {
    object-fit: cover;
    height: 200px;
    width: 100%;
}
.tipps-gallery-nav .slick-list .slick-track > div.slick-slide:hover {
    transform: scale(1.02);
}
.tipps-gallery-nav > .slick-prev, .tipps-gallery-nav > .slick-next {
    position: absolute;
    height: 100%;
    width: 60px;
    top: 0;
    border-radius: 0;
    border: 0;
    background: none;
    opacity: 1;
}
.tipps-gallery-nav > .slick-prev:hover, .tipps-gallery-nav > .slick-next:hover {
    opacity: 1;
}
.tipps-gallery-nav > .slick-prev {
    left: 0;
}
.tipps-gallery-nav > .slick-next {
    right: 0;
}
.tipps-gallery-nav .slick-prev:before, .tipps-gallery-nav .slick-next:before {
    content: '';
    position: absolute;
    top: 0;
    width: 50px;
    height: 100%;
    z-index: 9;
    animation: none;
}
.tipps-gallery-nav .slick-prev:before {
    left: 0;
    background: rgb(242,242,242) !important;
    background: -moz-linear-gradient(90deg, rgba(242,242,242,1) 0%, rgba(242,242,242,0) 100%) !important;
    background: -webkit-linear-gradient(90deg, rgba(242,242,242,1) 0%, rgba(242,242,242,0) 100%) !important;
    background: linear-gradient(90deg, rgba(242,242,242,1) 0%, rgba(242,242,242,0) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1) !important;
}
.tipps-gallery-nav .slick-next:before {
    right: 0;
    background: rgb(242,242,242) !important;
    background: -moz-linear-gradient(90deg, rgba(242,242,242,0) 0%, rgba(242,242,242,1) 100%) !important;
    background: -webkit-linear-gradient(90deg, rgba(242,242,242,0) 0%, rgba(242,242,242,1) 100%) !important;
    background: linear-gradient(90deg, rgba(242,242,242,0) 0%, rgba(242,242,242,1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1) !important;
}
.tipps-gallery-nav > ul.slick-dots {
    padding: 10px 0 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0;
}
.tipps-gallery-nav > ul.slick-dots li {
    list-style: none;
	font-size: 0;
    display: inline-block;
    padding: 0 5px;
    opacity: .2;
    left: 0;
}
.tipps-gallery-nav > ul.slick-dots li.slick-active {
    opacity: 1;
}
.tipps-gallery-nav > ul.slick-dots li button {
    font-size: 0px;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    border-width: 0;
    background-color: #3A7B7A;
    cursor: pointer;
}

@media screen and (max-width: 999px) {
    .tipps-gallery .slick-list .slick-track > div > img {
        max-height: 500px;
    }
}
@media screen and (max-width: 768px) {
    .tipps-gallery .slick-list .slick-track > div > img {
        max-height: 400px;
    }
	.tipps-gallery-nav > ul.slick-dots li {
		padding: 0 3px;
		max-height: 24px;
	}
	.tipps-gallery-nav > ul.slick-dots li button {
		padding: 5px;
		width: 10px;
		height: 10px;
	}
}
@media screen and (max-width: 600px) {
    .tipps-gallery .slick-list .slick-track > div > img {
        max-height: 300px;
    }
}

.switch-options {
	margin-top: 20px;
}

/* totopsticky - totop-sticky */
.totopsticky {
	position: fixed;
	right: 10px;
	bottom: 10px;
	width: 40px;
	height: 40px;
	background: #3A7B7A;
	border-radius: 10px;
	z-index: 9999999998;
	overflow: hidden;
	opacity: 0.9;
	transition: all 0.3s;
	box-shadow: 0px 2px 10px -3px rgba(0, 0, 0, 0.8);
	-moz-box-shadow: 0px 2px 10px -3px rgba(0, 0, 0, 0.8);
	-webkit-box-shadow: 0px 2px 10px -3px rgba(0, 0, 0, 0.8);
	text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
}
.totopsticky:hover {
	opacity: 1;
}
.totopsticky > div {
	background: url(../img/pfeil.png) no-repeat;
	background-size: 30px;
	background-position: center;
	width: 40px;
	height: 40px;
	margin-left: -2px;
	transition: all 0.3s;
	opacity: 0.8;
}
.totopsticky > div:hover {
	cursor: pointer;
	transform: scale(1.04);
	opacity: 1;
}

.show-cmp {
    cursor: pointer;
}
.wp-video {
    margin: 20px 0;
}

.wpcf7-form-control-wrap.homepage, .wpcf7-form-control-wrap.website {
    display: none !important;
}
.wp-image-473045 {
	box-shadow: none!important;
	-webkit-box-shadow: none!important;
	-moz-box-shadow: none!important;
}
.group--linkbox .group__items {
    display: block;
	margin-bottom: 20px;
}
.group--linkbox .group__item {
    padding: 16px 0 0;
}
.links__headline {
    display: inline;
    margin: 0 4px 0 0;
	font-weight: 600;
	text-transform: uppercase;
}
.links__items {
    display: inline;
    margin: 0;
    padding: 0;
    list-style-type: none;
    line-height: 32px;
}
.links__item {
    display: inline;
    margin: 0;
}
.links__item-link {
    display: inline;
    min-width: 24px;
    padding: 2px 0;
    text-align: center;
	text-decoration: none;
}
.links__item:not(:last-child):after {
    color: #000;
    content: "\2022";
    margin: 0 8px;
    position: relative;
    top: .1em;
}
.links__item-link-label {
    color: #000;
	border-bottom: 1px solid #000;
	font-weight: 300;
}
.links__item-link-label:hover {
	color: #3A7B7A;
	border-bottom: 1px solid #3A7B7A;
}
.footer__nav-link {
	font-size: 14px;
}


:root {
    --color-max-dark: #000;
    --color-neutral-dark: #333;
    --color-neutral-dim: #666;
    --color-neutral-medium: #9a9a9a;
    --color-neutral-bright: #cdcdcd;
    --color-neutral-light: #f2f2f2;
    --color-max-light: #fff;
    --color-max-light-alpha-0: hsla(0, 0%, 100%, 0);
    --color-highlight: #c00;
    --color-background: #f0efea;
    --color-page-background: #f9f9f9;
    --color-signature-dark: #c00;
    --color-extra-error: #c06;
    --color-extra-success: #00bc2c;
}
.antrag-kredit-bank, #fde-slot-am-1548930225, .kreditiframe {
	position: relative;
}
.antrag-kredit-bank:after {
	top: 0!important;
}
.antrag-kredit-bank:after, #fde-slot-am-1548930225:after, .kreditiframe:after {
	position: absolute;
	right: 0;
	top: -15px;
	content: 'Anzeige';
	font-size: 10px;
	color: gray;
}
.cookieconsent-optout-marketing > a.empfehlung {
	color: white!important;
}
.einleitung > p > span.stvl.stvc:after {
	content: '*';
	position: relative;
}