@font-face {
    font-family: 'UniversLTStd';
    src: url('../fonts/UniversLTStd.woff');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'UniversLTStd-Bold';
    src: url('../fonts/UniversLTStd-Bold.woff');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'UniversLTStd-BoldCn';
    src: url('../fonts/UniversLTStd-BoldCn.woff');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'UniversLTStd-Light';
    src: url('../fonts/UniversLTStd-Light.woff');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'Inter SemiBold';
    src: url('../fonts/Inter-SemiBold.woff') format('woff'),
        url('../fonts/Inter-SemiBold.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'Inter Bold';
    src: url('../fonts/Inter-Bold.woff') format('woff'),
        url('../fonts/Inter-Bold.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'Inter Regular';
    src: url('../fonts/Inter-Regular.woff') format('woff'),
        url('../fonts/Inter-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

html {
    height: 100%;
    touch-action: manipulation; /* remove tap elay on chrome */
}
body {
    overflow-y: scroll;
    font-family: "UniversLTStd";
}

.hidden {
    display: none;
}

q::before,
q::after {
    content: none;
}

b, strong {
    font-weight: normal;
    font-family: 'UniversLTStd-Bold';
}
.verband b,
.verband strong {
    font-weight: normal;
    font-family: 'Inter Bold';
}
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
}

.hidden {
    display: none;
}

.anchor {
    padding-bottom: 8.75em;
    margin-top: -8.75em;
    display: block;
}
.mobile .anchor {
    padding-bottom: 4.6875em;
    margin-top: -4.6875em;
}
.anchor-offset {
	display: block;
	z-index: -3;
	visibility: hidden;
	pointer-events: none;
	position: relative;
    top: -10em;
}

.header {
    /*height: 140px;*/
    height: 8.75em;
    width: 100%;
    top: 0;
    background-color: white;
    box-sizing: border-box;
    /*padding-top: 13px;*/
    padding-top: 0.8125em;
    /*padding-left: 11px;*/
    padding-left: 0.6875em;
    /*padding-right: 32px;*/
    padding-right: 2em;

    display: flex;
    width: 100%;
    justify-content: space-between;
}

/*.verband .header {
    display: flex;
    width: 100%;
    justify-content: space-between;
}*/
.verband .header .navigations {
    float: none;
    padding-left: 1.75em;
}

.mobile .header {
    /*height: 75px;*/
    height: 4.6875em;
    padding-right: 1em;
    padding-top: 6px;
    padding-top: 0.375em;
}

.header__logo-image {
    /*width: 260px;*/
    /*width: 7.25em;*/
	width: 15.25em;
}
.mobile .header__logo-image {
    /*width: 125px;*/
    /*width: 3.8125em;*/
	width: 8em;
    position: relative;
    top: 4px;
    top: .25em;
}

html:lang(fr) .header__logo-image {
	margin-top: -10px;
	width: 15.5em;
}

html:lang(fr) .mobile .header__logo-image {
	margin-top: -5px;
	width: 8em;
    position: relative;
    top: 4px;
    top: .25em;
}

.header__logo-image-verband {
    width: 200px;
}
.mobile .header__logo-image-verband {
     width: 125px;
 }

.content-wrapper h2 {
    margin-bottom: 30px;
}

/**
 * Meta-Navigation
 ***********************************************/
.navigation-meta {
    float: right;
    clear: right;
}

.navigation-meta__list {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: inline-block;
}


.navigation-meta__list--active {}

.navigation-meta__link,
.navigation-siteswitch .siteswitch__link {
    color: black;
    text-decoration: none;
    /*font-size: 16px;*/
    font-size: 1em;
    /*padding-left: 9px;*/
    padding-left: 0.5625em;
    opacity: 1;
}
.navigation-meta__abbreviation[title],
.navigation-meta__text[title] {
    text-decoration: none;
}

.navigation-meta__link:hover,
.navigation-meta__link--active {
    opacity: .5;
}

.navigation-meta__item {
    display: inline-block;
}

.navigation-meta__item--notranslation {
    opacity: .5;
}

/* Social Icons */
.navigation-meta__item--social {
    padding-left: 1em;
    padding-right: 1em;
}

.navigation-meta__item--social + .navigation-meta__item--social {
    margin-left: -2em;
}

.navigation-meta__item--social .navigation-meta__link {
    padding: 1em;
}
.navigation-meta__text.search::after{
    content: "\f002";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 1.1em;
    padding:.3em;
}

.navigation-siteswitch {
    float: left;
    margin-right: 4rem;
}
.navigation-siteswitch .siteswitch__link::after{
    content: "\f08e";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 1.1em;
    padding:.3em;
}

.navigation-meta__item [href*="facebook."] span,
.navigation-meta__item [href*="twitter."] span,
.navigation-meta__item [href*="instagram."] span,
.navigation-meta__item [href*="plus.google."] span,
.navigation-meta__item [href*="snapchat."] span,
.navigation-meta__item [href*="youtube."] span,
.navigation-meta__item [href*="pinterest."] span,
.navigation-meta__item [href*="linkedin."] span {
  font: normal normal normal 14px/1 FontAwesome;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    display: inline-block;
    width: 100%;
    font-size: inherit;
    font-size: 1.125em;
    text-indent: -9999px;
    white-space: nowrap;
    font-weight: lighter;
    max-width: 0;
}



.navigation-meta__item [href*="facebook."] span:before,
.navigation-meta__item [href*="twitter."] span:before,
.navigation-meta__item [href*="instagram."] span:before,
.navigation-meta__item [href*="plus.google."] span:before,
.navigation-meta__item [href*="snapchat."] span:before,
.navigation-meta__item [href*="youtube."] span:before,
.navigation-meta__item [href*="pinterest."] span:before,
.navigation-meta__item [href*="linkedin."] span:before {
  text-indent: 0;
    float: left;
    text-align: center;
    display: block;
    width: 100%;
}

.navigation-meta__item [href*="facebook."] span:before{
  content: "\f082";
}

.navigation-meta__item [href*="twitter."] span:before{
  content: "\f081";
}

/*.navigation-meta__item [href*="instagram."] span:before{
  content: "\f16d";
}*/
.navigation-meta__item [href*="instagram."] span:before {
    content: url(/fileadmin/template/images/instagram-square.svg);
    width: 15px;
    margin-top: 1px;
    border-radius: 100%;
}

.navigation-mobile__meta--social .navigation-meta__item [href*="instagram."] span:before {
    content: url(/fileadmin/template/images/instagram_white.png);
}

.navigation-meta__item [href*="plus.google."] span:before{
  content: "\f0d5";
}

.navigation-meta__item [href*="snapchat."] span:before{
  content: "\f2ac";
}

.navigation-meta__item [href*="youtube."] span:before{
  content: "\f167";
}

.navigation-meta__item [href*="pinterest."] span:before{
  content: "\f231";
}

.navigation-meta__item [href*="linkedin."] span:before{
  content: "\f08c";
}





/* Language Navigation */
.navigation-meta__list--language {
    /*margin-left: 7px;*/
    margin-left: 0.4375em;
}
.navigation-meta__list--language .navigation-meta__link {
    padding-left: 4px;
    padding-left: 0.25em;
}

/**
 * Main-Navigation
 ***********************************************/
.navigations {
    float: right;
}

/* Burger Menu */
.navigations__burger {
    cursor: pointer;
    display: none;
    background-color: white;
    border: 0;
    padding: 2.2em 1.35em;
    margin: 0;
    width: 6.5em;
    box-sizing: border-box;
    position: relative;
    /*right: -10px;*/
    right: -0.625em;
    outline: none;
}
.tablet .navigations__burger {
    display: block;
}
.mobile .navigations__burger {
    font-size: 50%;
}

/*@media screen and (max-width: 430px) {*/
/*@media screen and (max-width: 26.875em) {
    .navigations__burger {
        font-size: .65em;
        right: -20px;
        margin-top: 0;
    }
}*/
.navigations__burger-line {
    display: block;
    background-color: black;
    height: 3px;
    width: 100%;
    margin-bottom: 1.05em;
}
.navigations__burger-line:last-child {
    margin-bottom: 0;
}
.navigations__burger:hover .navigations__burger-line,
.navigations__burger:focus .navigations__burger-line {
    /*opacity: .5;*/
}

.navigations__burger--opened {
    background: url(../icons/Icons_Eier_Klein_close-black.svg) no-repeat 50% 50%;
    background-size: 75%;
    height: 6.5em;
    top: 4px;
}
.navigations__burger--opened .navigations__burger-line {
    display: none;
}

.navigation {
    float: right;
    clear: right;
    font-family: "UniversLTStd-BoldCn";
    /*margin-top: 41px;*/
    margin-top: 2.5625em;
}
.verband .navigation {
    float: right;
    clear: right;
    font-family: "Inter SemiBold", sans-serif;
    margin-top: 2.5625em;
}
.verband .navigation__link {
    font-size: 2.2em;
}

.navigation__list {
    margin: 0;
    padding: 0;
    display: inline-block;
    list-style-type: none;
}

.tablet .navigation {
    display: none;
}

.navigation__item {
    display: inline-block;
}
.navigation__item--active {}

.navigation__link {
    color: black;
    text-decoration: none;
    /*font-size: 47px;*/
    font-size: 2.9375em;
    /*padding-left: 30.5px;*/
    padding-left: 0.648936170212766em; /* 30.5/47 */
}
.navigation__link--active {
    color: #777;
}
.verband .navigation__link--active {
    color: #db0000;
}

.tablet .navigation-meta {
    display: none;
}
.tablet .navigation-siteswitch {
    display: none;
}


/**
 * Mobile-Navigation
 ***********************************************/
.navigation-mobile {
    background-color: #db0000;
    left: 0;
    overflow: auto;
    padding-top: 2em;
}
.home .navigation-mobile,
.subpage .navigation-mobile {
    transform: translateZ(0) translateX(-100%);
}
.tablet .navigations__checkbox:checked ~ .navigation-mobile {
    transform: translateZ(0) translateX(0);
}
.verband .navigation-mobile,
.verband .navigation-mobile__link {
    font-family: "Inter SemiBold", sans-serif;
}
.verband .navigation-mobile__link {
    font-size: 36px;
}
.verband .navigation-mobile__sub-link {
    font-size: 22px;
    line-height: 28px;
}
.verband .navigation-mobile__sub-item {
    padding-top: 0.15em;
    padding-bottom: 0.15em;
}
.verband .navigation-mobile__sub-item:first-child {
    padding-top: 0.675em;
}

.navigation-mobile__list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 2em;
    width: 100%;
    bottom: 60px;
    /*overflow: auto;*/

    position: static;
    padding-bottom: 1.25em;
}
/*.mobile .navigation-mobile__list {
    /* Bugfix for iPhones according to the action bar at the bottom which has a
       height of 44px
    bottom: calc(60px + 44px + 20px ); /* 20px => padding-left from .inner
}
.navigation-mobile__list::-webkit-scrollbar {
    width: 1em;
}
.navigation-mobile__list::-webkit-scrollbar-track {
    border-radius: 0;
}
.navigation-mobile__list::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: rgba(255,255,255,0.5);
}*/

.navigation-mobile__item {
    margin-bottom: 1em;
}
.navigation-mobile__item--active {}
.navigation-mobile__link {
    color: white;
    text-decoration: none;
    padding-left: 30.5px;
    font-weight: normal;
    font-family: "UniversLTStd-BoldCn";
    font-size: 47px;
    opacity: .5;
    padding-top: 0.15em;
}
.navigation-mobile__link--active {
    opacity: 1;
}

.navigation-mobile__sub {
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-bottom: 1.5em;
    display: none;
}

.navigation-mobile__sub--opened {
    display: block;
}

.navigation-mobile__sub-item {}
.navigation-mobile__sub-link {
    color: white;
    text-decoration: none;
    padding-left: 30.5px;
    font-size: 24px;
    line-height: 32px;
    line-height: 1.3333333333333333em; /* 32/24 */
    opacity: .5;
    display: inline-block;
}

.navigation-mobile__sub-link--active,
.navigation-mobile__sub-link:hover {
    opacity: 1;
}

.navigation-mobile__meta {
    list-style-type: none;
    padding: 0;
    margin: 0;
    position: absolute;
    bottom: 0;
    left: 1em;
    width: auto;
    /*height: 60px;*/

    position: static;
    padding-left: 25.5px;
    padding-right: 1em;
}
/*.mobile .navigation-mobile__meta {*/
/*.navigation-mobile__meta {
    /* Bugfix for iPhones according to the action bar at the bottom which has a
       height of 90px
    bottom: calc(90px + 20px + 60px); /* 20px => padding-left from .inner
}*/
.navigation-mobile__meta--language {
    height: 60px;
    bottom: calc(90px + 20px);
}
.navigation-mobile__meta--social {
    left: auto;
    right: 1em;
    bottom: calc(90px + 20px);
    padding-left: 15px;
    padding-bottom: 30px;
    height: 180px; /* safari */
}
.navigation-mobile__meta--social  .navigation-meta__link {
    color: #fff;
    padding: 0 0.65em;
}

.navigation-mobile__meta--social .navigation-meta__item--social {
    padding-left: 0.5em;
    padding-right: 0.5em;
}

.navigation-mobile__meta--social .navigation-meta__item--social + .navigation-meta__item--social {
    margin-left: 0;
}

/*.navigation-mobile__meta::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}*/
.navigation-mobile__meta-item {
    display: inline-block;
    vertical-align: middle;
}
.navigation-mobile__meta-link {
    color: white;
    text-decoration: none;
    display: inline-block;
    padding:  1em;
}
/*.mobile .navigation-mobile__meta-link {*/
.navigation-mobile__meta-link {
    padding: 1em .5em;
    font-size: 0.8em;
}
.navigation-mobile__meta--language {
    left: 1em;
    right: auto;
}
.navigation-mobile__meta-item--notranslation {
    opacity: .5;
}
.navigation-mobile__meta-text[title] {
    text-decoration: none;
}

/**
 * Main
 */
.main {
    overflow: hidden;
}

.inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 25px 20px;
    margin: 0;
}

/* Seite Medien */
#page-ID-113 .type-text .inner,
#page-ID-118 .type-text .inner {
    overflow-y: auto;
    overflow-x: hidden;
}

.home .mobile .inner {
    padding: 16px 14px;
}
.home .mobile .type-video .inner {
    padding: 0px 0px;
}

.inner--scrollable {
    overflow-y: auto;
    overflow-x: hidden;
}


.inner--scrollable::-webkit-scrollbar {
    width: 1em;
}
.inner--scrollable::-webkit-scrollbar-track {
    border-radius: 0;
}
.inner--scrollable::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: rgba(0,0,0,0.25);
}

.inner--scrollable-ingredients {
    /*bottom: 76px;*/
    bottom: 4.75em;
}


.content-element {
    float: left;
    clear: left;
}

.content-wrapper {
    margin: 0;
    padding: 0;
}

/**
 * Footer
 *************************************/
footer {
    background-color: white;
    width: 100%;
    min-height: 80px;
    box-sizing: border-box;
    padding-top: 49px;
    padding-bottom: 53px;
    padding-left: 0.6875em;
    text-align: center;
    border-top: 1px solid #ececec;
    position: relative;
    z-index: 10;
    height: 112px;
}

footer .footer-text {
    margin-right: 1rem;
}

footer span.navigation-footer__item {
    margin-right: 1rem;
}

footer .navigation-footer__link {
    color: black;
    text-decoration: none;
    font-size: 1em;
    opacity: 1;
}

footer .claim {
    position: absolute;
    left: -1px;
    top: -1px;
}

.footer-menu {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
}
.verband footer {
    width: 75%;
}
@media (max-width: 1440px) {
    .footer-menu {
        width: 65%;
        text-align: right;
    }
}

.tablet footer .footer-menu {
    margin-right: 0;
    margin-left: auto;
}
@media (max-width: 1250px) {
    footer .footer-menu {
        margin-right: 0;
        margin-left: auto;
    }
}

.tablet footer .footer-menu:first-child {
    width: 100%;
    text-align: left;
}
.mobile footer .claim {
    width: 35%;
}
@media (max-width: 800px) {
    footer {
        padding-top: 0;
        padding-left: 0;
    }
    footer .claim,
    .mobile footer .claim {
        width: 100%;
        max-width: 175px;
        margin-left: 0;
        margin-right: auto;
        display: block;
        position: static;
    }
    footer .footer-menu,
    .tablet footer .footer-menu {
        width: calc(100% - 4px);
        margin-left: 0;
        text-align: left;
        margin-top: 2.25em;
        padding-bottom: 2em;
        line-height: 1.65;
        font-size: 0.875em;
        margin-left: 4px;
    }
    footer .footer-menu:not(:first-child),
    .tablet footer .footer-menu:not(:first-child) {
        margin-top: 1.75em;
    }
    .verband footer {
        padding-bottom: 0;
        height: auto;
    }
}

/**
 * Headings
 *************************************/
.heading {
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-family: "UniversLTStd";
    /*font-size: 32px;*/
    font-size: 2em;
    /*margin-bottom: 4px;*/
    margin-bottom: 0.125em; /* 32/16 */
}
.verband .heading {
    font-family: "Inter SemiBold", sans-serif;
}
.verband h1,
.verband h2 {
    font-family: "Inter SemiBold", sans-serif;
}
.home .mobile .heading {
    font-size: 1.4em;
}
.heading--invisible {
    visibility: hidden;
}
.mobile .heading--invisible {
    display: none;
}
.heading--2 {}
.heading--3 {}
.heading--zindex {
    position: relative;
    z-index: 1;
}
.verband .type-text--bg-white .heading--2 {
    color: #db0000;
}

/**
 * Paragraphs
 */
.paragraph {
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-family: "UniversLTStd";
    /*font-size: 18px;*/
    font-size: 1.125em;
    /*line-height: 23px;*/
    line-height: 1.2777777777777777em; /* 23/18 */
    /*margin-bottom: 9px;*/
    margin-bottom: 0.5em;
    /*max-width: 630px;*/
    max-width: 35em;
}
.verband .paragraph {
    font-family: "Inter Regular";
}

p span[style="background-color: rgb(255, 255, 255);"] {
    background-color: transparent !important;
}

.paragraph--bold {
    font-family: "UniversLTStd-Bold";
}
.verband .paragraph--bold {
    font-family: "Inter SemiBold";
}

.mobile .paragraph--hidden-on-mobile {
    display: none;
}

.cite {
    font-style: normal;
}

/**
 * Links
 * Für RTE siehe fileadmin/template/css/rte.css
 **/
.link,
a[href^=tel] {
    /*text-decoration: none;*/
    color: inherit;
    font-family: inherit;
}
.link:hover,
.link:focus {
    opacity: .5;
}
.link--arrow {
    text-decoration: none;
    background: url(../icons/Icons_Eier_Klein_arrow-black-right.svg) no-repeat scroll 0 0;
    background-position: 0 -1px;
    /*padding-left: 32px;*/
    padding-left: 1.7777777777777777em; /* 32/18 */
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    cursor: pointer;
    border: 0;
    display: inline-block;
    background-size: 1.1111111111111112em 1.1em; /* 20/18; ... */
    transition: all .125s;
}
.link--arrow:not(.link--top-left):hover,
.link--arrow:not(.link--top-left):focus {
    background-position: 3px -1px;
}
.link--white {
    background-image: url(../icons/Icons_Eier_Klein_negativ-03.svg);
}

.link--back {
    background-image: url(../icons/Icons_Eier_Klein_negativ-02.svg);
    width: 55px;
    width: 3.4375em;
    height: 55px;
    height: 3.4375em;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40%;
}
.link--dark {
    background-image: url(../icons/Icons_Eier_Klein_arrow-black-left.svg);
}
.link--top-left {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    padding: 20px;
    color: white;
}

.link--internal:not(.link--arrow) {
    text-decoration: underline;
}
/* Subnavigation */
.navigation-sub {
    right: 0;
    background-color: #db0000;
    background: linear-gradient(#db0000, #b40408);
    position: relative;
    z-index: 100;
}
.verband .navigation-sub {
    background-color: #6F6F6F;
    background: linear-gradient(#6F6F6F, #6F6F6F);
    z-index: 100!important;
}
.verband .navigation-sub--content {
    color: #fff;
}
.verband .navigation-sub--content .inner {
    color: #fff;
    padding-top: 2.5em;
}
.verband .navigation-sub--content .link--arrow {
    font-family: "Inter SemiBold", sans-serif;
    background-image: url(../icons/Icons_Eier_Klein_arrow-white-right.svg);
    font-size: 1.5em;
    margin-top: 0.625em;
    margin-bottom: 0.625em;
}
/*.verband .navigation-sub--content .ce-textpic {
    font-size: 1.5em;
}*/
.verband .navigation-sub--content.navigation-sub--mobile {
    display: none;
    position: static;
}
.verband .navigation-sub--content.navigation-sub--mobile .inner {
    position: static;
}

.navigation-sub__list {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.navigation-sub__link {
    color: #ffafb1;
    text-decoration: none;
    display: inline-block;
    margin-bottom: 0.5882352941176471em;
}

.verband .navigation-sub__link {
    color: #C9C9C9!important;
}
.verband .navigation-sub__link:hover,
.verband .navigation-sub__link--active {
    color: white!important;
}

.navigation-sub__link:hover,
.navigation-sub__link--active {
    color: white;
}

/* Recipe ingredients */
.recipe-ingredients {
    right: 25%;
}
.recipe-ingredients .heading {
    vertical-align: bottom;
    display: inline-block;
}
.recipe-ingredients .heading + .paragraph {
    margin: 0;
    padding: 0;
    font-weight: normal;
    /* margin-bottom: 4px; */
    margin-bottom: 0.125em;
    line-height: 1.7777777777777777; /* 32/18 */
    vertical-align: bottom;
    display: inline-block;
}

.recipe-ingredients .heading + .paragraph ~ .paragraph {
    border-bottom: 1px solid white;
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: .125em;
}

.recipe-ingredients .heading + .paragraph::before {
    content: "(";
}
.recipe-ingredients .heading + .paragraph::after {
    content: ")";
}
.recipe-ingredients .list, .recipe-ingredients ul {
    clear: both;
    margin-left: -20px;
    margin-right: -20px;
    padding:0;
}

.recipe-ingredients .list .list, .recipe-ingredients ul ul {
    border-top: 1px solid white;
    margin-top: .125em;
}

.recipe-ingredients .list__item, .recipe-ingredients li {
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-family: "UniversLTStd";
    /*font-size: 18px;*/
    font-size: 1.125em;
    /*line-height: 23px;*/
    line-height: 1.2777777777777777em; /* 23/18 */
    /*margin-bottom: 9px;*/
    margin-bottom: 0.5em;
    /*max-width: 630px;*/
    max-width: 35em;
    border-bottom: 1px solid white;
    padding-left: 40px;
    padding-right: 20px;
        padding-bottom: .125em;

}
.recipe-ingredients .list__item .list__item, .recipe-ingredients li li {
    font-size: 1em;
    padding-left: 30px;
}
.recipe-ingredients .list__item .list__item:first-child, .recipe-ingredients li li:first-child  {
    padding-top: .5em
}
.recipe-ingredients .list__item .list__item:last-child, .recipe-ingredients li li:last-child {
    border-bottom: 0;
    margin-bottom: 0;
}
.recipe-ingredients .list__item::before, .recipe-ingredients li::before {
    content: none;
}

.toolbar {
    position: fixed;
    bottom: 0;
    background-color: white;
    left: 0;
    right: 0;
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    margin-top: 0;
}

/**
 * Bugfix for IE10 & IE11
 * [1] Moves element from left to right by 50% of the visual viewport and
 *     by 25% from right to left of the visual viewport.
 *     all other Browsers refer to the parent element.
 * [2] Adjusts the left and right values to fit the tablet layout.
 *
 * No adjustments needed for the mobile layout.
 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .toolbar { left: 50%; right: 25% } /* [1] */
    .tablet .toolbar {
        left: 66.66666666666666666666666666666666%; /* [2] */
        right: 0; /* [2] */
    }
}

.toolbar::before,
.toolbar::after {
    content: "";
    display: table;
    clear: both;
}

.toolbar .share,
.toolbar .print {
    list-style: none;
    display: block;
    width: 50%;
    float: left;
    box-sizing: border-box;
    padding: .5em 1em;
    font-size: 1.25em;
    border: 1px solid #ececec;
    cursor: pointer;
    line-height: 0;
    white-space: nowrap;
}

.toolbar .share::before,
.toolbar .print::before {
    content: "";
    height: auto;
    width: 3.5em;
    display: inline-block;
    vertical-align: middle;
    margin-right: .0em;
    position: relative;
    margin-left: -16px;
}

.toolbar .share::before {
    content: url("../icons/Icons_Eier_Gross_01.svg");
}
.toolbar .print::before {
    content: url("../icons/Icons_Eier_Gross_02.svg");
    margin-left: -7px;
}

    .mobile .toolbar {
        position: static;
        margin-bottom: -1.2307692307692308em;
        margin-top: 1.5em;
        margin-left: -20px;
        margin-right: -20px;
    }

.sharebox {
    position: absolute;
    bottom: 1em;
    left: 0;
    box-sizing: border-box;
    padding: 0 20px 0;
    margin-left: 1px;
    margin-right: 1px;
    border-bottom: 2px solid #ececec;
}
.a2a_button_facebook,
.a2a_button_email {
    margin-left: -20px;
    padding-left: 0 !important;
    padding-right: 0 !important;
    display: inline-block;
    padding-top: 7px !important;
}
.a2a_button_email {
    margin-left: 0;
}
.a2a_button_facebook:hover,
.a2a_button_email:hover {
    background-color: rgba(236, 236, 236, 0.38);
}
.a2a_button_facebook img,
.a2a_button_email img {
    width: 4em;
    height: 4em;
}
.mobile .sharebox {
    margin-left: -20px;
    width: calc(100% + 40px);
    border-bottom: 0;
    margin-bottom: -1em;
    border-top: 1px solid #ececec
}
.mobile .toolbar .share,
.mobile .toolbar .print {
    border-bottom: 0 !important;
}

/**
 * Tablet (max-width ~1280px)
 *****************************************/
    .tablet .navigation-sub {
        display: none;
    }

    .tablet .navigation-sub--content.navigation-sub--mobile {
        display: block;
    }
/*****************************************/

/* Forms */
::-webkit-input-placeholder { color: #888888; }
::-moz-placeholder {          color: #888888; }
:-ms-input-placeholder {      color: #888888; }
:-moz-placeholder {           color: #888888; }

.form {}
.form--on-red {}
.form__fieldset {
    border: 0;
    padding: 0;
    margin: 0;
    margin-left: -.5em;
    margin-right: -.5em;
}
.form__form--login-form .form__fieldset,
.form--on-red .form__fieldset {
    margin-left: 0;
    margin-right: 0;
}
.form__field-wrap {
    float: left;
    box-sizing: border-box;
    padding-right: .5em;
    padding-left: .5em;
}
.form__field-wrap--width-38 {
    width: calc(25% + 12.5%);
}
.form__field-wrap--width-50 {
    width: 50%;
}
.form__field-wrap--width-63 {
    width: calc(50% + 12.5%);
}
.form__field-wrap--width-100 {
    width: 100%;
}

    .mobile .form__field-wrap {
        width: 100%;
    }

.form__input {
    width: 100%;
    max-width: none;
    box-sizing: border-box;
    background-color: white;
    border: 0;
    /*padding: 30px 30px 22px;*/
    padding: 1.6666666666666667em 1.6666666666666667em 1.2222222222222223em;
    margin-bottom: 1em;
    color: black;
    border-radius: 0;
}
.form--on-red ::-webkit-input-placeholder { color: white }
.form--on-red ::-moz-placeholder { color: white }
.form--on-red :-ms-input-placeholder { color: white }
.form--on-red :-moz-placeholder { color: white }



.form__input--button {
    cursor: pointer;
}
.form__input--static-text {
    background-color: transparent;
}
.form--on-red .form__input {
    background-color: #a50000;
    color: white;
}

.form--on-red .form__input--type-search {
    background-image: url(../icons/Icons_Eier_Klein_negativ-01.svg);
    background-repeat: no-repeat;
    background-position: right 1.1em center;
    background-size: auto 1em;
    padding-top: 1em;
    padding-bottom: .8em;
}

.form__checkbox-label {
    color: inherit;
    display: block;
    cursor: pointer;
}
.form--on-red .form__checkbox-label {
    color: white;
}
.form__checkbox-label::before {
    content: "";
    width: .75em;
    height: .75em;
    float: left;
    background-color: white;
    margin-right: .5em;
    border-radius: 0;
}
.form__checkbox:checked + .form__checkbox-label::before {
    background-color: black;
}
.form__button {
    border: 0;
    background: white;
    color: black;
}
.form__message {
    margin-bottom: 1em;
    max-width: none;
}
.form__message--neutral {
    background-color: white;
    background: linear-gradient(#f5f5f5, #cacaca);
    color: black;

    padding-left: 15px 15px 11px;
    padding: 0.9375em 0.9375em 0.6875em;
}
.form__message--bad {
    background-color: #db0000;
    background: linear-gradient(#db0000, #b40408);
    color: white;

    padding-left: 15px 15px 11px;
    padding: 0.9375em 0.9375em 0.6875em;
}

.form--in-subnav {
    position: absolute;
    bottom: 10px;
    width: calc(100% - 48px);
    right: 24px;
}

#recipe_filter #filter_off i {
    color: white;
}

.form--in-content .form__checkbox-label {
    color: black;
}
.form--in-content .form__checkbox-label::before {
    border: 1px solid black;
    margin-left: 20px;
}
.form--in-content .form__fieldset {
    margin-left: 0;
    margin-right: 0;
}
.form--in-content .form__input {
    padding-left: 20px;
}
.form--in-content {
    display: none;
}
.mobile .form--in-content {
    display: block;
}
/* Default formattings and helpers */
.main .element {
    float: left;
    position: relative;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.main .element {
    outline: none; /* tbd: find a good way to show focused elements */
}
.main .element:hover:focus {
    outline: none;
}

.content-element {
    width: 100%;
}
.content-element--recipe-list {
    box-sizing: border-box;
    padding-right: 25%;
}

    .tablet .content-element--recipe-list {
        padding-right: 0;
    }

[data-grid-name="2er rechts"] > .grid-25 {
    width: 25%;
    float: left;
}

[data-grid-name="2er rechts"] > .grid-25  .size-width-25 {
    width: 100%;
}

[data-grid-name="2er rechts"] > .grid-50 {
    width: 50%;
    float: left;
    height: calc(100vh - 8.75em);
    margin: 0;
    padding: 0;
    /*overflow: scroll;*/
    position: relative;
}



.clearfix::before,
.clearfix::after {
    content: "";
    display: table;
    clear: both;
}

.fixed,
.element.fixed {
    position: fixed;
    transform: translateZ(0);
    z-index: 10;
}
.fixed--force-slightly {
    z-index: 500;
}
.fixed--force {
    z-index: 100000000;
}

/**
 * Box sizings
 * Controls its proportions
 * 171px => Navigations height
 *  - widths in relation to its context
 *  - heights in relation to the viewport height
 */
/* Defaults */
.main                     { width: 100%; min-height: calc(100vh - 8.75em); }
.mobile .main             { min-height: calc(100vh - 4.6875em); }
.main--with-subnavigation { width: 75%; height: calc(100vh - 8.75em); }
.size-width-100           { width: 100%; }
.size-width-75            { width: 75%; }
.size-width-50            { width: 50%; }
.size-width-33            { width: 33.3333333333333333333333333333333333%; }
.size-width-25            { width: 25%; }

.size-height-100          { height: calc(100vh - 8.75em); }
.size-height-100--min     { height: auto; min-height: calc(100vh - 8.75em); }
.size-height-100--min:not(.navigation-sub) > .inner { /* excluded sub-navigation -> prevents filter to move out of viewport when scaling page width. */
    position: relative;
    /* Seems to generate bug on viewport resizing in form filter -> pulls
       to much down. Uncommented and tested,- seems to work without new bugs. */
    min-height: calc(100vh - 8.75em - 3.125em);
    /* padding-top + padding-bottom of .inner => 50px; 50/16 */
    font-size: inherit;
}
.mobile .size-height-100 { height: calc(100vh - 4.6875em); }

.size-height-50           { height: calc(50vh - 4.375em); } /* 171/2/16 */
.size-height-50--min      { height: auto; min-height: calc(50vh - 4.375em); }
.size-height-50--min > .inner {
    position: relative;
    min-height: calc(50vh - 4.375em - 50px); /* padding-top + padding-bottom of .inner => 50px */
}
@media screen and (min-width: 1000px) {
    .verband .desktop .size-height-50 {
        min-height: 460px;
    }
    #page-ID-92.desktop .size-height-50 {
        min-height: 475px;
    }
}
#page-ID-92.desktop .size-height-100 {
	height: auto;
}

/* Für Gridelement "4er rechts (links fix, rechts scrollbar)" */
.content-element--left-fixed-content-scrollable .fixed ~ .element {
    margin-left: 25%;
}

    .tablet .content-element--left-fixed-content-scrollable .fixed ~ .element {
        margin-left: 33.3333333333333333333333333333333333%;
    }

/* Will be applied if the the actual ratio goes below the minimum ratio (see javascript) */
.main.proportional {
    height: auto;
}

.main .size-height-100.proportional {
    height: 0;
    /**
     * 454 : Height of this element
     * 1602 : window width
     */
    padding-bottom: calc( 454 / 1602 * 100 * 1% )
}

.main .size-height-50.proportional {
    height: 0;
    /**
     * 227 : Height of this element
     * 1602 : window width
     */
    padding-bottom: calc( 227 / 1602 * 100 * 1% );
}

.main .size-height-100.proportional .size-height-50 {
    /**
     * 227 : The height it should have
     * 400.5 : Width of its parent element
     */
    padding-bottom: calc( 227 / 400.5 * 100 * 1% );
}

/**
 * Tablet (max-width ~1280px)
 *****************************************/
    /* Anordnung der Boxen auf Unterseiten */
    .tablet .size-width-25 {
        width: 33.3333333333333333333333333333333333333333%;
    }
    .tablet .size-width-50 {
        width: 66.6666666666666666666666666666666666666666%;
    }
    .tablet .size-width-75 {
        width: 100%;
    }

    /* proportional >> Subpages */
    .tablet .main .size-height-50.proportional {
        padding-bottom: calc( (621 - 140) / 2 / 1280 * 100 * 1% );
    }
    .tablet .main .size-height-100.proportional {
        padding-bottom: calc( (621 - 140) / 1280 * 100 * 1% );
    }
    .tablet .main .size-height-100.proportional .size-height-50 {
        padding-bottom: calc( (621 - 140) * 1.5 / 1280 * 100 * 1% );
    }

    /* Anordnung der Boxen >> Startseite */
    .tablet .main .size-width-50--home {
        width: 100%;
    }
    .tablet .main .size-width-25--home {
        width: 50%;
    }
    .tablet .main .size-height-100--home {
        height: calc(50vh - 4.375em); /* .header height / 2  */
    }
    .mobile .main .size-height-100--home {
        height: calc(50vh - 2.34375em); /* .header height / 2  */
    }
    .tablet .main .size-height-50--home {
        height: calc(25vh - 2.1875em); /* .header height / 2 / 2 */
    }
    .mobile .main .size-height-50--home {
        height: calc(25vh - 1.171875em); /* .header height / 2 / 2 */
        min-height: 165px;
    }
    /* Proportional >> Startseite */
    .tablet .main .size-height-100--home.proportional {
        height: calc(50vh - 4.375em);
        padding-bottom: 0;
    }
    .tablet .main .size-height-50--home.proportional {
        height: calc(25vh - 2.1875em);
        padding-bottom: 0;
    }
/*****************************************/

/**
 * Mobile  (max-width ~750px)
 *****************************************/
     .subpage .mobile .main .size-width-25,
     .subpage .mobile .main .size-width-33,
     .subpage .mobile .main .size-width-50,
     .subpage .mobile .main .size-width-66,
     .subpage .mobile .main .size-width-100:not(.type-text--bg-login) {
         width: 100%;
         height: auto;
         position: relative;
         z-index: 0;
         margin-left: 0;
     }
     .subpage .mobile .main .inner {
         position: relative;
         /*padding-bottom: 21px;*/
         padding-bottom: 1.3125em; /* 21/16 */
     }
     .subpage .mobile .type-map .inner,
     .subpage .mobile .type-video .inner {
         position: absolute;
         padding-bottom: 0;
     }

/*****************************************/

/* Move element below header (for elements that aren't positioned fixed) */
.below-header {
    margin-top: 8.75em;
}
.mobile .below-header {
    margin-top: 4.6875em;
}
/* Move element below header (for elements that ARE positioned fixed) */
.below-header-fixed {
    top: 8.75em;
}
.mobile .below-header-fixed {
    top: 4.6875em;
}
/**
 * DCE Element Bild + Text (eins breit, eins hoch)
 */
.image-text {
    margin: 0;
    position: static;
}

.type-image--hovertext .inner,
.type-image--text .inner {
    background-color: rgba(0,0,0,0.45);
}

.image-text__caption {
    color: white;
}

.tablet .type-image--text::before {
    content: "";
    width: 2em;
    height: 2em;
    background-image: url(../icons/Icons_Eier_Klein_negativ-06.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 20px;
    top: 25px;
}

.mobile .type-image--text {
    background-image: none !important;
    height: auto;
}

.subpage .mobile .type-image--text .inner {
    padding-top: 0;
    padding-bottom: 25px;
}

.mobile .type-image--text .type-image__image {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: auto;
    position: relative;
    width: 100%;
    width: calc(100% + 40px);
    margin-left: -20px;
    margin-bottom: 1em;
}

.mobile .type-image--text .inner {
    background-color: white;
}

.type-image--text:focus .inner,
.type-image--text:hover .inner {
    background-color: rgba(0,0,0,0.45);
}

/* Tablet */
.tablet .type-image--text::before {
    content: "";
    width: 2em;
    height: 2em;
    background-image: url(../icons/Icons_Eier_Klein_negativ-06.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 20px;
    top: 25px;
}

.mobile .type-image--hovertext {
    background-image: none !important;
    height: auto;
}
.subpage .mobile .type-image--text .inner {
    padding-top: 0;
    padding-bottom: 25px;
}
.mobile .type-image--text .type-image__image {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: auto;
    position: relative;
    width: 100%;
    width: calc(100% + 40px);
    margin-left: -20px;
    margin-bottom: 1em;
}
.mobile .type-image--text .inner {
    background-color: white;
}

/**
 * Content types
 * Formats content inside the boxes
 */
/* Image + Hovertext */
.image-hovertext {
    margin: 0;
    position: static;
    opacity: 0;
}
.image-hovertext__caption {
    color: white;
}

/* Images */
.type-image {
    background-size: auto 100%;
    background-position: 50% 50%;
    position: relative;
    overflow: hidden;
}
.type-image--cover { background-size: cover; }
.type-image--contain { background-size: contain; background-repeat: no-repeat; }
.type-image--svg {

}

.type-image__link-covered {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.type-image--hovertext:focus .image-hovertext,
.type-image--hovertext:hover .image-hovertext {
    opacity: 1;
}
.type-image--hovertext:focus .inner,
.type-image--hovertext:hover .inner {
    background-color: rgba(0,0,0,0.45);
}
.type-image--hovertext .link--arrow {
    background-image: url(../icons/Icons_Eier_Klein_negativ-03.svg);
}
.mobile .type-image--hovertext .link--arrow {
    background-image: url(../icons/Icons_Eier_Klein_arrow-black-right.svg);
}

/* Tablet */
    .tablet .type-image--hovertext::before {
        content: "";
        width: 2em;
        height: 2em;
        background-image: url(../icons/Icons_Eier_Klein_negativ-06.svg);
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        right: 20px;
        top: 25px;
    }
    .tablet .type-image--hovertext:hover::before,
    .tablet .type-image--hovertext:focus::before {
        opacity: 0;
    }

    .mobile .type-image--hovertext {
        background-image: none !important;
        height: auto;
    }
    .subpage .mobile .type-image--hovertext .inner {
        padding-top: 0;
        padding-bottom: 25px;
    }
    .mobile .type-image--hovertext .type-image__image {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: auto;
        position: relative;
        width: 100%;
        width: calc(100% + 40px);
        margin-left: -20px;
        margin-bottom: 1em;
    }
    .mobile .type-image--hovertext .inner {
        background-color: white;
    }
    .mobile .image-hovertext {
        opacity: 1;
    }
    .mobile .image-hovertext__caption {
        color: black;
    }

.type-image--video:hover .inner {
    background-color: rgba(0,0,0,0.45);
}
.type-image--video:hover .inner::before {
    content: "";
    width: 0;
    height: 0em;
    background: transparent;
    position: absolute;
    border-left: 2.5em solid white;
    border-top: 2em solid transparent;
    border-bottom: 2em solid transparent;
    border-right: 0;
    left: 50%;
    margin-left: -1.25em;
    top: 50%;
    margin-top: -2.25em;
}

/*.type-text--quote .heading::before {
    content: "«";
}
.type-text--quote .heading::after {
    content: "»";
}*/



.typo3-messages {
    background-color: white;
    background: linear-gradient(#f5f5f5, #cacaca);
    color: black;
    padding-left: 15px 15px 11px;
    padding: 0.9375em 0.9375em 0.6875em;
}

.content-wrapper .typo3-messages li:not(.producer):not(.row):not(.filter_option)::before {
    content: none;
}


/* Mobile */
    .mobile .type-image {
        background-size: cover;
    }
    .mobile .type-image--contain {
        background-size: contain;
    }
    .mobile .type-image--bg-on-mobile-white .inner {
        background-color: white;
    }
    .mobile .type-image--bg-on-mobile-grey .inner {
        background-color: #ececec;
    }
    .mobile .type-image--bg-on-mobile-red .inner {
        background-color: #db0000;
        background-image: linear-gradient(#db0000, #b40408);
        color: white;
    }
    .subpage .mobile .type-image:not(.type-image--hovertext) {
        height: 0;
        padding-bottom: 56.25%; /* 16:9 ratio */
    }
    .subpage .mobile .type-image:not(.type-image--hovertext).type-image--square {
        padding-bottom: 100%;
    }
    .subpage .mobile .main .type-image:not(.type-image--hovertext) .inner {
        position: absolute;
    }

/* Text */
.type-text {}
.type-text--bg-red {
    background-color: #db0000;
    background-image: linear-gradient(#db0000, #b40408);
    color: white;
}
.type-text--bg-red .link--arrow {
    background-image: url(../icons/Icons_Eier_Klein_negativ-03.svg);
}
.type-text--bg-grey {
    background-color: #ececec;
}
.type-text--bg-white {
    background-color: white;
}

.type-text--bg-login {
    background-image: url(/fileadmin/user_upload/webmaster/bilder/_Login/Eier_Login_Wintergarten.jpg);
    background-size: cover;
    color: white;
}
.type-text--bg-login::before {
    content: "";
    background-color: rgba(0,0,0,0.25);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.type-text--bg-login .link--arrow {
    background-image: url(../icons/Icons_Eier_Klein_negativ-03.svg);
}

.type-text--content-width-25 .content-wrapper {
    width: calc(25% + 40px); /* paddings from .inner 20px*2 */
    min-width: 290px;
}

.type-text--all-centered .inner {
    text-align: center;
}
.type-text--all-centered .inner::before {
    content: "";
    width: 0;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    user-select: none;
}
.type-text--all-centered .content-wrapper {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}

.type-text--text-size-reset {
    font-size: 16px;
    font-size: 1rem;
}

.type-text--recipe-ingredients {}

.recipe-ingredients__show-hide-button {
    display: none;
    position: absolute;
    right: 19px;
    top: 18px;
    background-color: #ccc;
    border: 0;
    background: url(../icons/Icons_Eier_Klein_positiv-06.svg) no-repeat center center;
    width: 3em;
    height: 3em;
    cursor: pointer;
}
.recipe-ingredients__show-hide-button--close {
    background-image: url(../icons/Icons_Eier_Klein_close-black.svg);
}

    .tablet .type-text--recipe-ingredients {
        right: 0;
    }

    .subpage .mobile .main .recipe-ingredients {
        top: 0;
        margin-right: -20px;
        margin-left: -20px;
        width: auto;
        margin-bottom: 2em;
        margin-top: 1em;
        overflow: hidden;
        background: url(../icons/Icons_Eier_Klein_positiv-06.svg) no-repeat right 20px center;
        background: white;
        background-size: auto 2.25em;
        border-top: 1px solid #ececec;
        border-bottom: 1px solid #ececec;
    }
    .mobile .recipe-ingredients .inner {
        padding-bottom: 1em;
    }
    .mobile .recipe-ingredients .heading ~ * {
        position: absolute;
        right: 1000em;
        z-index: -1;
        bottom: 1000em;
    }
    .mobile .recipe-ingredients__show-hide-button {
        display: block;
    }
    .subpage .mobile .main .recipe-ingredients--opened {
        background-image: none;
        /*background-color: #ececec;*/
    }
    .mobile .recipe-ingredients--opened .heading ~ * {
        position: static;
    }
    .mobile .type-text--empty {
        display: none;
    }

/* Video */
.type-video {}
.type-video .inner {
    padding: 0;
}
.type-video__caption {
    position: absolute;
    z-index: 1;
    bottom: 68px;
    bottom: 4.25em;
    color: white;
    width: 100%;
}
.type-video__heading {
    padding-left: 120px;
    padding-top: 16px;
    padding-bottom: 20px;
}
.type-video__button {}
.type-video__action-play {
    cursor: pointer;
}
.type-video__button-play {
    content: "";
    background: #db0000;
    width: 92px;
    height: 92px;
    position: absolute;
    left: 0;
    top: 0;
    border: 0;
    cursor: pointer;
}
.type-video__button-play::before {
    content: "";
    width: 0;
    height: 0;
    background: transparent;
    border: 30px solid pink;
    border-right-color: #a50000;
    border-bottom-color: green;
    border-left-color: white;
    border-bottom-color: transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    padding: 0;
    line-height: 0;
    position: absolute;
    left: 33px;
    z-index: 2;
    top: 21px;
    border-bottom-width: 25px;
    border-top-width: 25px;
}
.type-video__caption--playing .type-video__button-play::before,
.type-video__caption--playing .type-video__button-play::after {
    content: "";
    border: 0;
    width: 1em;
    background: white;
    height: auto;
    top: 1.5em;
    bottom: 1.5em;
    position: absolute;
    left: auto;
}
.type-video__caption--playing .type-video__button-play::before {
    right: 55%;
}
.type-video__caption--playing .type-video__button-play::after {
    left: 55%;
}

.type-video__caption--playing .heading,
.type-video__caption--playing .type-video__action-play.link {
    visibility: hidden;
}

.type-video__video {
    background: black;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.type-video--cover {}
.type-video--cover .type-video__video-wrapper {
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden;
}
.type-video__video-wrapper--darker {}
.type-video__video-wrapper--darker::before {
    content: "";
    background: rgba(0,0,0,.4);
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, #000000 100%);
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 10;
    opacity: .35;
}
.type-video--cover .type-video__video {
    width: 600%;
    left: -250%;
}
.type-video--cover .type-video__video--fit-width {
    width: 100%;
    height: 300%;
    left: 0;
    top: -100%;
}

.type-video--preview-image {
    background-size: 0;
    background-position: center center;
}
.tablet .type-video--preview-image .type-video__video-wrapper {
    display: none;
}
.tablet .type-video--preview-image {
    background-size: cover;
}

.type-video__text {
    position: absolute;
    color: white;
    font-family: "UniversLTStd-BoldCn";
    font-size: 47px; /* same as .navigation__link */
    font-size: 2.9375em; /* same as .navigation__link */
    z-index: 5;
    display: block;
    padding: 25px 20px;
    margin: 0;
}

.type-video__text--bottom {
    bottom: 0;
    width: 100%;
    padding-left: 0.5957446808510638em;
    z-index: 20;
    padding-bottom: 0.6382978723404256em;
    box-sizing: border-box;
}

.mobile .type-video__text--bottom {

font-size: 2.1375em;

padding: 16px 14px;
}

.type-video__text-small {
    font-weight: normal;
    font-family: "UniversLTStd";
    font-size: 0.5319148936170213em;
    display: block;
    margin-top: .2em;
}
.type-video__link {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    background: #ff000000;
    bottom: 0;
    white-space: nowrap;
    text-indent: 150%;
    overflow: hidden;
}

.type-video__text-inner {
    font-style: normal;
}

.type-video__image-wrapper {
    position: absolute;
    bottom: 25px;
    z-index: 5;
    left: 25px;
    width: 85px;
}
.mobile .type-video__image-wrapper {
    display: none;
}
.type-video__image {
    display: block;
    width: 100%;
    height: auto;
}
.type-video__image-link {}

/* Producer Map */
.type-map {}
.type-map .inner {
    padding: 0;
}
#map {
    height: 100%;
    width: 100%;
    z-index: 5;
}
.type-map.size-height-50 {
    height: calc(62vh - 4.375em);
}
.producer-email {
    word-break: break-all;
}

/* Interactive SVG Lightbox */
.interactive-svg {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 1000;
    height: 100%;
    font-size: 0;
    text-align: center;
}
.interactive-svg::before {
    content: "";
    width: 0;
    height: 100%;
    display: inline-block;
    background-color: red;
    vertical-align: middle;
}
.interactive-svg__wrapper {
    display: inline-block;
    width: 60%;
    vertical-align: middle;
    background-color: white;
    position: relative;
    max-width: 1100px;
    padding: 50px;
}
.interactive-svg__close-button {
    position: absolute;
    right: 0;
    top: 0;
    border: 0;
    background-color: transparent;
    cursor: pointer;
    padding: 1rem;
    outline: none;
}

.interactive-svg__close-button::before {
    content: url(../icons/Icons_Eier_Klein_close-black.svg);
    font-size: 2.5rem;
    width: 2.5rem;
    height: 2.5rem;
    position: static;
    display: block;
}
.interactive-svg__close-button:hover,
.interactive-svg__close-button:focus {
    background: linear-gradient(#db0000, #b40408);
}
.interactive-svg__close-button:hover::before,
.interactive-svg__close-button:focus::before {
    content: url(../icons/Icons_Eier_Klein_negativ-08.svg);
}

.interactive-svg__svg {}
.interactive-svg__svg--not-lightbox {
    position: absolute;
    top: 25px;
    max-height: 100% !important;
    max-height: calc(100% - 50px) !important;
    max-width: 100% !important;
    max-width: calc(100% - 40px) !important;
    margin-top: 0;
    left: 20px;
    margin-left: 0;
    width: 100%;
    height: 100%;
}
.interactive-svg__svg [id^="Point"] {
    cursor: pointer;
    display: block;
}
.interactive-svg__svg [id^="Zahl"] {
    display: none;
}
.interactive-svg__svg [id^="Text"] {
    visibility: hidden;
    display: none;
    opacity: 0;
}
.interactive-svg__svg [id^="Point"] circle {
    fill: white;
}
.interactive-svg__svg [id^="Point"]:hover circle {
    fill: rgb(227, 0, 11);
}
.interactive-svg__svg [id^="Point"]:hover path {
    fill: white;
}

    .interactive-svg__svg[data-source$="Eier_Ernaehrung_Naehrstoffe.svg"] [id^="Point"]:hover path,
    .interactive-svg__svg[data-source$="Eier_Ernaehrung_Naehrstoffe_fr.svg"] [id^="Point"]:hover path,
    .interactive-svg__svg[data-source$="Eier_Ernaehrung_Aufbau.svg"] [id^="Point"]:hover path,
    .interactive-svg__svg[data-source$="Eier_Ernaehrung_Aufbau_fr.svg"] [id^="Point"]:hover path,
    .interactive-svg__svg[data-source$="Eier_Herkunft_Code.svg"] [id^="Point"]:hover path,
    .interactive-svg__svg[data-source$="Eier_Herkunft_Code_fr.svg"] [id^="Point"]:hover path {
        fill: rgb(227, 0, 11);
    }

/*#Ei g { clip-path: url(/eier/herkunft/#clip-path); }
#Ei rect { fill: url(/eier/herkunft/#radial-gradient); }

[lang="fr"] #Ei g { clip-path: url(/fr/oeufs/origine/#clip-path); }
[lang="fr"] #Ei rect { fill: url(/fr/oeufs/origine/#radial-gradient); }*/

.interactive-svg__svg [id^="Point"]:hover ~ [id^="Text"] {
    visibility: visible;
    display: block;
    opacity: 1;
}

/*Piechart Diagramm*/

.interactive-svg__svg [class^="st1"] {
    cursor: pointer;
    display: block;
}

.interactive-svg__svg [id="description"] > .description__element {
    display: none;
}

/*.interactive-svg__svg [id="description"] .el--red text {
    fill: rgb(227, 0, 11);
}
.interactive-svg__svg [id="description"] .el--red rect {
    stroke: rgb(227, 0, 11);;
}
.interactive-svg__svg [id="description"] .el--red polyline.st1 {
    stroke: rgb(227, 0, 11);
}
.interactive-svg__svg [id="description"] .el--red path {
    stroke: rgb(227, 0, 11);
}
.interactive-svg__svg [id="description"] .el--red circle {
    stroke: rgb(227, 0, 11);
}
.interactive-svg__svg [id="description"] .el--red line {
    stroke: rgb(227, 0, 11);
}*/


/* Lists */

.content-wrapper ul, .content-wrapper ol{
  list-style-type: none;
    margin: 0;
    padding: 0;
}
.content-wrapper li{
    position: relative;
    padding-left: 1em;
     margin: 0;
   /* padding: 0;*/
    font-weight: normal;
    font-family: "UniversLTStd";
    /*font-size: 18px;*/
    font-size: 1.125em;
    /*line-height: 23px;*/
    line-height: 1.2777777777777777em; /* 23/18 */
    /*margin-bottom: 9px;*/
    margin-bottom: 0.5em;
    /*max-width: 630px;*/
    max-width: 35em;
}
.verband .content-wrapper li{
    font-family: "Inter Regular";
}
.content-wrapper li:not(.producer):not(.row):not(.filter_option)::before {
    content: "–";
    position: absolute;
    left: 0;
    top: 0;
    text-align: right;
}
.content-wrapper ol{
  list-style-type: decimal;
    padding-left: 20px;
}
.content-wrapper ol li{
  padding-left: 0;
}
.content-wrapper ol li::before {
    content: none;
}

.list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.list__item {
    position: relative;
    padding-left: 1em

}
.list__item::before {
    content: "–";
    position: absolute;
    left: 0;
    top: 0;
    text-align: right;
}

.list--numbered, ol {
    list-style-type: decimal;
    padding-left: 20px;
}
.list--numbered .list__item, ol li {
    padding-left: 0;
    padding-left: 0;
    position: relative;
    margin: 0;
    margin-bottom: 0px;
    margin-bottom: 0px;
    padding: 0;
    padding-left: 0px;
    padding-left: 0px;
    font-weight: normal;
    font-family: "UniversLTStd";
    font-size: 18px;
    font-size: 1.125em;
    line-height: 23px;
    line-height: 1.2777777777777777em;
    margin-bottom: 9px;
    margin-bottom: 0.5em;
    max-width: 630px;
    max-width: 35em;
}
.verband .list--numbered .list__item,
.verband ol li {
    font-family: "Inter Regular";
}
.list--numbered .list__item::before, ol li::before  {
    content: none;
}

.list--bad {}
.list--bad .list__item {
    color: #db0000;
}
.list--bad .list__item::before {
    content: "!";
    font-family: "UniversLTStd-Bold"
}
.verband .list--bad .list__item::before {
    font-family: "Inter SemiBold"
}

/* Class list--no-lines added via JS if list contains link--arrow classes */
.list--no-lines li {
    padding-left: 0;
}
.list--no-lines li::before {
    display: none;
}

/* File Download List */
.filedownload {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.filedownload__file {
    position: relative;
    /*padding-bottom: 28px;*/
    padding-bottom: 1px;
}
.filedownload__file::before {
    content: "";
    position: absolute;
    top: 0;
    width: calc(100vw);
    background-color: #f4f4f4;
    content: "";
    left: calc((100vw - 100%) / 2 * -1);
    height: 2px;
}
.filedownload__file-title {
    /*padding: 16px 0;*/
    padding: 0.8888888888888888em 0; /* 16/18 */
    margin-bottom: 0;
    padding-bottom: 8px;
    padding-bottom: 0.4444444444444444em; /* 8/18 */
    position: relative;
}
.filedownload__file-link {
    color: inherit;
    display: block;
    height: 1em;
    position: relative;
    z-index: 1;
}
.filedownload__file-link:hover .filedownload__file-name,
.filedownload__file-link:focus .filedownload__file-name {
    opacity: .5;
}
.filedownload__file-link:hover {
    text-decoration: underline;
}
.filedownload__file-link[href$=".pdf"] + .filedownload__file-size::before {
    content: "PDF, "
}
.filedownload__file-link[href$=".jpg"] + .filedownload__file-size::before {
    content: "JPG, "
}
.filedownload__file-name {
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: calc(100% - 7em); /* 126/18 */
}
.filedownload__file-size {
    float: right;
    color: #777;
    /*font-size: 16px;*/
    font-size: 0.8888888888888888em; /* 16/18 */
    position: absolute;
    padding-right: 1.5em;
    top: calc(1em + 1px);
    right: 0;
    z-index: 0;
}
.filedownload__file-size::after {
    content: "";
    width: 1.35em;
    height: 1.35em;
    background: url(../icons/Icons_Eier_Klein_arrow-grey-down.svg) no-repeat 0 0;
    background-size: auto 1.35em;
    position: absolute;
    right: 0;
    /*bottom: 6px;*/
    bottom: 0.375em; /* 6/16 */
}
.filedownload__file-size abbr {
    text-decoration: none;
}

/* Rezepte-Artchiv */
.no_results {
    display: none; /* temporär/zwischenlösung */
}

/* Image-Slider */
.type-imageslider {}
.image-slider {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
}
.image-slider__images {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    transform: translateX(0);
    transition: all 1s cubic-bezier(0.79, 0, 0.36, 1);
}

.image-slider__images { width: 1000% }

.image-slider__figure {
    width: 10%;
    margin: 0;
    float: left;
    height: 100%;
    position: relative;
}

.image-slider__radio-nr-1:checked ~ .image-slider__images { transform: translateX(0) }
.image-slider__radio-nr-2:checked ~ .image-slider__images { transform: translateX(-10%) }
.image-slider__radio-nr-3:checked ~ .image-slider__images { transform: translateX(-20%) }
.image-slider__radio-nr-4:checked ~ .image-slider__images { transform: translateX(-30%) }
.image-slider__radio-nr-5:checked ~ .image-slider__images { transform: translateX(-40%) }
.image-slider__radio-nr-6:checked ~ .image-slider__images { transform: translateX(-50%) }
.image-slider__radio-nr-7:checked ~ .image-slider__images { transform: translateX(-60%) }
.image-slider__radio-nr-8:checked ~ .image-slider__images { transform: translateX(-70%) }
.image-slider__radio-nr-9:checked ~ .image-slider__images { transform: translateX(-80%) }
.image-slider__radio-nr-10:checked ~ .image-slider__images { transform: translateX(-90%) }

.image-slider__image-wrap {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-size: cover;
    background-position: 50% 50%;
}
.image-slider__caption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    /*padding: 30px 24px;*/
    padding: 1.6666666666666667em 1.3333333333333333em 0.4444444444444444em; /* 30/18; 24/18; 8/18 */
    margin-bottom: 0;
    background-color: rgba(0,0,0,0.25);
    color: white;
}
.image-slider__arrows-list {
    list-style-type: none;
    display: none;
}
.image-slider__radio-nr-1:checked ~ .image-slider__arrows .image-slider__arrows-list-1 { display: block; }
.image-slider__radio-nr-2:checked ~ .image-slider__arrows .image-slider__arrows-list-2 { display: block; }
.image-slider__radio-nr-3:checked ~ .image-slider__arrows .image-slider__arrows-list-3 { display: block; }
.image-slider__radio-nr-4:checked ~ .image-slider__arrows .image-slider__arrows-list-4 { display: block; }
.image-slider__radio-nr-5:checked ~ .image-slider__arrows .image-slider__arrows-list-5 { display: block; }
.image-slider__radio-nr-6:checked ~ .image-slider__arrows .image-slider__arrows-list-6 { display: block; }
.image-slider__radio-nr-7:checked ~ .image-slider__arrows .image-slider__arrows-list-7 { display: block; }
.image-slider__radio-nr-8:checked ~ .image-slider__arrows .image-slider__arrows-list-8 { display: block; }
.image-slider__radio-nr-9:checked ~ .image-slider__arrows .image-slider__arrows-list-9 { display: block; }
.image-slider__radio-nr-10:checked ~ .image-slider__arrows .image-slider__arrows-list-10 { display: block; }

.image-slider__arrow-button {
    width: 4em;
    height: 4em;
    position: absolute;
    top: 50%;
    margin-top: -2em;
    border: 0;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 70%;
    cursor: pointer;
    background-color: transparent;
}
.image-slider__arrow-button--previous {
    left: 0;
    background-image: url(../icons/Icons_Eier_Klein_negativ-02.svg);
}
.image-slider__arrow-button--next {
    right: 0;
    background-image: url(../icons/Icons_Eier_Klein_negativ-03.svg);
}
/* Mobile */
    .mobile .main .type-imageslider {
        height: 0;
        padding-bottom: 56.25%; /* 16:9 ratio */
    }
    .mobile .main .type-imageslider .inner {
        position: absolute;
    }

/**
 * Text scaling
 * Calculation:
 *      (Desired font size in pixels)
 *    --------------------------------- * 100
 *            (Viewport width)
 * The"desired font size" is 16px.
 * The "viewport width" must be the same as windowWidthMaxSize,
 * see JS variable in file scripts.js
 */

.text-scale .type-text .inner ,
.text-scale .navigation-sub .inner,
.text-scale .type-image--hovertext .inner,
.text-scale .type-vimeo .inner {
    font-size: 1.2307692307692308vw;
}

[data-dce-name="Vimeo (eins breit, eins hoch) [#DasEikanns]"] .type-vimeo__caption .heading,
[data-dce-name="Vimeo (zwei breit, eins hoch) [#DasEikanns]"] .type-vimeo__caption .heading  {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

[data-dce-name="Vimeo (eins breit, eins hoch) [#DasEikanns]"] .type-vimeo__caption .heading .vimeo__download,
[data-dce-name="Vimeo (zwei breit, eins hoch) [#DasEikanns]"] .type-vimeo__caption .heading .vimeo__download {
    color: #fff;
    font-size: 0.75em;
}

#page-ID-135 [data-dce-name="Vimeo (eins breit, eins hoch) [#DasEikanns]"] .type-vimeo__caption .visuallyhidden,
#page-ID-135 [data-dce-name="Vimeo (zwei breit, eins hoch) [#DasEikanns]"] .type-vimeo__caption .visuallyhidden {
    border: 0;
    clip: none;
    height: auto;
    margin: 0;
    overflow: auto;
    padding: 0;
    position: static;
    width: auto;
    white-space: nowrap;
}

/* [1] This is just the new base font-size of the context.
 *     The minimum font-size within the .inner differ!
 */
.text-size-static .type-text .inner ,
.text-size-static .navigation-sub .inner,
.text-size-static .type-image--hovertext .inner,
.text-size-static .type-vimeo .inner {
    /*font-size: 13px;*/
    font-size: 0.8125em; /* 13/16 ; [1] */
}

/* cookie banner */
div#cc-notification {
    /* display: none !important; */
}
div#cc-notification h2 {
    margin-right: 145px !important;
}

div#cc-notification {
    background-color: #fff !important;
}
div#cc-notification div#cc-notification-wrapper {
    padding: 12px 20px 0 !important;
}
div#cc-notification h2 span, div#cc-notification h2 {
    margin-bottom: 12px !important;
    padding: 4px 0;
    text-transform: none;
}
div#cc-notification h2, div#cc-notification h3, div#cc-notification p {
    font-size: 1.1em;
    color: #4a4a4a !important;
    line-height: 1.5;
}
div#cc-notification h2 span {
    font-size: inherit;
}
div#cc-notification a, div#cc-notification a:visited {
    font-size: 1em !important;
    line-height: inherit;
}

div#cc-notification ul.cc-notification-buttons li a, div#cc-notification ul.cc-notification-buttons li a:visited {
    font-size: inherit !important;

}
div#cc-notification ul.cc-notification-buttons li a, div#cc-notification ul.cc-notification-buttons li a:visited {
    color: #fff !important;
    text-decoration: none;
    border: 1px solid #ffffff;
    display: inline-block;
    border-radius: 0 !important;
    font-size: 16px;
    padding: 0.85em 1em !important;
    background-color: #4a4a4a !important;
    border-color: #4a4a4a;
    margin-top: 4px !important;
    margin-bottom: 4px !important;
    transition: unset;
}
div#cc-notification ul.cc-notification-buttons li a:hover, div#cc-notification ul.cc-notification-buttons li a:active, div#cc-notification ul.cc-notification-buttons li #cc-approve-button-allsites:hover, div#cc-notification ul.cc-notification-buttons li #cc-approve-button-allsites:active {
    color: #4a4a4a !important;
    text-decoration: none !important;
    background-color: transparent !important;
    border-color: #4a4a4a;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 0 !important;
}
div#cc-notification ul.cc-notification-buttons {
  width: 200px !important;
}
div#cc-notification a:not(.cc-link), div#cc-notification a:not(.cc-link):visited {
    color: #4a4a4a !important;
    text-decoration: underline !important;
    color: inherit;
    -webkit-transition: 0.125s ease-out;
    transition: 0.125s ease-out;
    padding: .15em 0 .1em;
    background-color: transparent;
}
div#cc-notification a:not(.cc-link):hover{
    background-size: 100% 1.15em;
    color: #000 !important;
    text-decoration: underline !important;
}

/* mobile */
div#cc-notification.cc-mobile {
    position: fixed !important;
    z-index: 21 !important;
    top: 0 !important;
    bottom: auto !important;
    /*border-bottom: 1px solid #ccc !important;*/
    margin-top: 76px;
    margin-bottom: -55px;
}

div#cc-notification.cc-mobile h2 span, div#cc-notification.cc-mobile h2 {
    font-size: 1.05em;
    line-height: 1.6;
}

/*div#cc-notification.cc-mobile {
    //position: fixed !important;
    bottom: auto !important;
    top: 58.75px;
    z-index: 999 !important;
}*/

div#cc-notification.cc-mobile ul.cc-notification-buttons li a, div#cc-notification.cc-mobile ul.cc-notification-buttons li a:visited {
    margin-top: 0 !important;
}

.image_off {
	border-radius: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: url(/fileadmin/user_upload/webmaster/bilder/0_Home/GalloSuisse_Standbild_1_1600x900px.jpg);
    background-color: #d9d9d9;
    color: black;
    background-position: center;
    background-size: cover;
}

.type-video__video-wrapper--darker .image_off {
    background-image: url(/fileadmin/user_upload/webmaster/bilder/0_Home/Bilder_Ei-fach_Spot.jpg);
}

.text_off {
    height: auto;
    margin-top: 35%;
    display: none;
}
.bg_text {
    background-color: #cbcbcb;
    padding: .5em 1em .25em;
    color: black;
}

/* Video Cookie-Hinweis Rezepte-Videos */
[lang="de"] #cc-notification ~ .main [data-warn-text-de]::before {
  content: attr(data-warn-text-de);
  font-size: 1rem;
  position: relative;
  top: -.65rem;
}
[lang="fr"] #cc-notification ~ .main [data-warn-text-fr]::before {
  content: attr(data-warn-text-de);
  font-size: 1rem;
  position: relative;
  top: -.65rem;
}


fieldset {
    border: 0;
    margin: 0;
    padding: 25px 20px;
}

.tx-indexedsearch-form {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.tx-indexedsearch-searchbox-sword {
    width: 0px;
    flex-grow: 1;
    max-width: none;
    box-sizing: border-box;
    border: 1px solid black;
    padding: 30px 30px 22px;
    padding: 1.6666666666666667em 1.6666666666666667em 1.2222222222222223em;
    color: black;
    border-radius: 0;
}

.tx-indexsearch {
    width: 75%;
}

.tx-indexsearch--searchbox--test{
    display: flex;
    justify-content: flex-start;
    width: 100%;
}

.tx-indexsearch--searchbox {
    display: flex;
}

.search__submit {
    text-transform: uppercase;
    transition: all 0.2s ease 0s;
    background-color: transparent;
    border: 1px solid rgb(0, 0, 0);
    padding: 0.75em 1em;
    margin-right: 0;
    margin-left: 20px;
}

.search__submit:hover {
    background-color: #db0000;
    color: #ffffff;
    border: 1px solid rgb(255, 255, 255);
}

.tx-indexedsearch-info-sword {
    width: 50%;
    text-align: center;
    margin: auto;
}


div.tx-indexedsearch-browsebox {
    width: 50%;
    text-align: center;
    margin: auto;
    padding-bottom: 2em;
    border-bottom: 1px solid rgb(204, 204, 204);
}

ul.tx-indexedsearch-browsebox {
    display: flex;
    justify-content: center;
    list-style: none;
    flex-direction: row;
    padding: 0;
    width: 100%;
    flex-wrap: wrap;
}

.tx-indexedsearch-browsebox li {
    list-style: outside none none;
    padding: 0px 1em;
}

.tx-indexedsearch-browsebox li a {
    text-decoration: none;
    color: inherit;
}

.tx-indexedsearch-res {
    width: 50%;
    border-bottom: 1px solid rgb(204, 204, 204);
    margin: auto;
    padding-top: 1em;
    padding-bottom: 1em;
}

.tx-indexedsearch-res > * {
    padding-left: 20px;
    padding-right: 20px;
}

.tx-indexedsearch-res h3 a {
    text-decoration: none;
    color: #db0000;
    overflow-wrap: break-word;
}

.tx-indexedsearch-res p a {
    text-decoration: none;
    color: grey;
}

.tx-indexedsearch-res p {
    font-size: 1em;
    overflow-wrap: break-word;
}

.tx-indexedsearch-res .tx-indexedsearch-text-item-crdate {
    font-size: 0.75em; !important;
}


.tx-indexedsearch-res p a:hover {
    color: #db0000;
}

.tx-indexedsearch-text-item-crdate {
    color: grey;
}


.tx-indexedsearch-info-noresult {
    width: 50%;
    float: left;
    padding: 25px 20px 5em;
}




@media screen and (max-width: 1350px) {
    .verband .navigation__link {
        font-size: 2.175em;
    }
}

@media screen and (max-width: 1120px) {
    .verband .navigation__link {
        font-size: 1.925em;
    }
    .navigation__link {
        font-size: 2.425em;
    }
}

@media screen and (max-width: 1025px) {
    div#cc-notification h2 {
        margin-right: 0 !important;
    }
    div#cc-notification ul.cc-notification-buttons {
        position: static !important;
        width: auto !important;
    }
    div#cc-notification ul.cc-notification-buttons li a, div#cc-notification ul.cc-notification-buttons li a:visited {
        float: none !important;
        margin-bottom: 1.5em !important;
    }
}

@media screen and (max-width: 1000px) {
    [data-grid-name="2er rechts"] > .grid-25 {
        width: 100%;
        float: none;
    }

    [data-grid-name="2er rechts"] > .grid-25 .size-width-25 {
        width: 50%;
    }

    [data-grid-name="2er rechts"] > .grid-50 {
        width: 100%;
        float: none;
        height: auto;
        clear: both;
    }


    .tx-indexsearch, .tx-indexedsearch-info-sword, div.tx-indexedsearch-browsebox, .tx-indexedsearch-res, .tx-indexedsearch-info-noresult {
        width: 66.66666666%;
        float: right;
    }
}


@media screen and (max-width: 750px) {
    .tx-indexsearch, .tx-indexedsearch-info-sword, div.tx-indexedsearch-browsebox, .tx-indexedsearch-res, .tx-indexedsearch-info-noresult {
        width: 100%;
        float: none;
    }

    .tx-indexedsearch-searchbox-sword {
        padding: 10px;
        width: 100%;
    }

    .tx-indexsearch--searchbox {
        flex-wrap: wrap;
    }

    .search__submit {
        margin: 1em auto auto auto;
    }
}

@media screen and (max-height: 750px) {

    [data-grid-name="2er rechts"] > .grid-25 .element.type-image.type-image--cover.size-width-25.size-height-50 {
        display: none;
    }

    .type-text .inner,
    .navigation-sub .inner,
    .type-image--hovertext .inner,
    .type-vimeo .inner {
        font-size: 2.1333333333333333vh;
    }


}

@media screen and (max-height: 605px) {
    .type-text .inner,
    .navigation-sub .inner,
    .type-image--hovertext .inner,
    .type-vimeo .inner {
        font-size: 0.8125em;
    }
}