.t8_eggproducer {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: url(../Images/egg.svg);
    background-size: auto 90%;
    background-position: center 20px;
    background-repeat: no-repeat;
}

.t8_eggproducer .paragraph {
    /*font-size: 1.5em;*/
    line-height: 1.6;
    letter-spacing: 0.025em;
    max-width: none;
}

.t8_eggproducer__top {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 50%;
}

.t8_eggproducer__bottom {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    right: 0;
    bottom: 0;
}

.t8_eggproducer__introtext {
    max-width: 25vh;
    margin: auto;
    margin-top: 8.5vh;
    text-align: center;
}

/* FORM */
.t8_eggproducer__searchform {
    max-width: 35vh;
    margin: auto;
    margin-top: 5vh;
}

.t8_eggproducer__searchform-group {
    display: flex;
    justify-content: center;
    align-items: center;
}

.t8_eggproducer__searchform-production-infos__wrapper, .t8_eggproducer__searchbutton {
    flex: none;
}

.t8_eggproducer__searchinput {
    font-size: 2em;
    min-width: 3em;
    width: 100%;
    border: 2px solid #E00100;
    padding: 0.35em 0.5em;
}

.t8_eggproducer__searchinput--production {
    width: 0.875em;
    min-width: 0;
    text-align: center;
}

.t8_eggproducer__searchbutton {
    font-size: 2em;
    width: 1.95em;
    height: 1.95em;
    border: 2px solid #E00100;
    background-color: #E00100;
    background-image: url(../Icons/search.svg);
    background-size: 85% auto;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 0.25em;
    cursor: pointer;
    transition: border 0.25s ease, background-color 0.25s ease;
}

.t8_eggproducer__searchbutton:hover {
    background-color: #ffafb1;
    border-color: #ffafb1;
}

/* FORM: Search Production Infos */
.t8_eggproducer__searchform-production-infos__wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}

.t8_eggproducer__searchform-production-infos {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.t8_eggproducer__searchform-production-infos__button {
    font-size: 1.15em;
    width: 2em;
    height: 2em;
    margin: 0.15em 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #E00100;
    color: #E00100;
    background-color: #fff;
    font-family: 'UniversLTStd-Bold';
    padding-top: 0.2em;
    box-sizing: border-box;
    /*cursor: pointer;
    transition: background-color 0.3s ease;*/
}
.t8_eggproducer__searchform-production-infos__button.bio-producer {
    background-color: #eee;
}
/*.t8_eggproducer__searchform-production-infos__button--active {
    background-color: #E00100;
    color: #fff;
}

.t8_eggproducer__searchform-production-infos__button:not(.t8_eggproducer__searchform-production-infos__button--active):hover {
    background-color: #ffafb1;
}*/

/* FORM: Country Code */
.t8_eggproducer__searchform-production-infos__country {
    display: block;
    font-size: 2em;
    font-family: 'UniversLTStd-Bold';
    letter-spacing: 0.075em;
    color: #E00100;
    margin: 0 0.25em 0 0.35em;
    padding-top: 0.2em;
}

/* RESULTS & MESSAGES */
/* RESULTS & MESSAGES: Hint */
.t8_eggproducer__hint, .t8_eggproducer__results__inner {
    padding-top: 5vh;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
    text-align: center;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.t8_eggproducer__hint, .t8_eggproducer__results__inner > p:first-child {
    max-width: 40vh;
    margin: 0 auto;
}

.t8_eggproducer__results__inner > p.t8_eggproducer__info_initiative {
    font-size: 1em;
    color: #777;
    max-width: 100%;
    padding: 0 20px;
    margin-bottom: 1em;
    box-sizing: border-box;
}

/* RESULTS & MESSAGES: Results */
.t8_eggproducer__results {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #fff;
}

/* RESULTS & MESSAGES: Messages Production */
.t8_eggproducer__productioninfos {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #ECECEC;
    opacity: 0;
    z-index: -1;
    /*transition: opacity 0.3s ease;*/

    padding: 5vh 80px;

    height: 0;
    overflow: hidden;
}

.t8_eggproducer__productioninfos--active {
    opacity: 1;
    z-index: 2;
    height: auto;
    /*overflow: scroll;*/
}

/* RESULTS & MESSAGES: Tooltip */
.tooltip__parent {
    position: relative;
    cursor: default;
}

.tooltip__element {
    position: absolute;
    top: -1em;
    left: 50%;
    transform: translateX(-50%) translateY(-100%);

    display: block;
    font-size: 0.85em;
    font-weight: normal;
    font-family: "UniversLTStd";
    padding: 0.65em 0.75em 0.4em;
    background: #000;
    color: #fff;
    width: 100vw;
    max-width: 200px;

    display: none;
    opacity: 0;

    transition: opacity 0.3s ease, display 0s ease 0.3s;
}

.tooltip__parent:hover .tooltip__element, .tooltip__element:hover {
    display: block;
    opacity: 1;
    transition: opacity 0.3s ease;
}

.tooltip__element:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    width: 1em;
    height: 1em;
    transform: translateY(45%) translateX(-50%) rotate(-45deg);
    background: #000;

}

.tooltip__element:before {
    content: "";
    position: absolute;
    top: -2em;
    right: -2em;
    bottom: -3em;
    left: -2em;
    z-index: -1;
}

/* Mobile Rezept unten, Desktop links*/
#page-ID-122 .grid-50 .recipe.cloned {
    display: none;
}

@media screen and (max-height: 1150px) {
    .t8_eggproducer .paragraph {
        /*font-size: 1.25em;*/
        line-height: 1.4;
    }
}

@media screen and (max-width: 1000px) {
    .t8_eggproducer {
        background-size: 95% auto;
        position: relative;
        height: auto;
        bottom: auto;
    }

    .t8_eggproducer__top, .t8_eggproducer__bottom {
        position: relative;
        top: auto;
        bottom: auto;
    }

    .t8_eggproducer__top {
        padding-top: 7%;
    }

    .t8_eggproducer__introtext {
        max-width: 45%;
    }

    .t8_eggproducer__searchform {
        max-width: 58%;
    }

    .t8_eggproducer__hint, .t8_eggproducer__results__inner > p:first-child {
        max-width: 62%;
    }

    .t8_eggproducer__hint {
        padding: 40px 20px;
    }

    .t8_eggproducer__results__inner {
        padding-top: 40px;
        height: auto;
    }

    .t8_eggproducer__results__inner > p:first-child {
        margin-bottom: 1em;
    }

    .paragraph.t8_eggproducer__info_initiative {
        margin-top: 40px;
    }

    .t8_eggproducer__bottom {
        margin-top: 30px;
        /*padding-bottom: 40px;*/
        /*min-height: 30vw;*/
    }

    .t8_eggproducer__productioninfos {
        padding: 40px 20px 20px;
    }

    .t8_eggproducer .paragraph {
        margin-bottom: 0;
    }
}

@media screen and (max-height: 900px) {
    .t8_eggproducer {
        background-size: 95% auto;
    }

    .t8_eggproducer__introtext {
        max-width: 30%;
    }

    .t8_eggproducer__searchform {
        max-width: 60%;
    }

    .t8_eggproducer__hint, .t8_eggproducer__results__inner > p:first-child {
        max-width: 80%;
    }

    .t8_eggproducer__bottom {
        top: 60%;
    }
}

@media screen and (max-height: 750px) {
    .t8_eggproducer {
        position: relative;
        height: auto;
        bottom: auto;
    }

    .t8_eggproducer__top, .t8_eggproducer__bottom {
        position: relative;
        top: auto;
    }

    .t8_eggproducer__top {
        padding-top: 7%;
    }

    .t8_eggproducer__introtext {
        max-width: 45%;
    }

    .t8_eggproducer__bottom {
        margin-top: 30px;
        padding-bottom: 40px;
        /*min-height: 500px;*/
    }
}

@media screen and (max-width: 750px) {
    #page-ID-122 .grid-50 .recipe.cloned {
        display: block;
    }

    #page-ID-122 .grid-25 .recipe.original {
        display: none;
    }
}

@media screen and (max-width: 575px) {
    .t8_eggproducer .paragraph {
        /*font-size: 1em;*/
    }

    .t8_eggproducer {
        background-size: 150% auto;
    }

    .t8_eggproducer__introtext {
        max-width: 80%;
    }

    .t8_eggproducer__searchform {
        max-width: 100%;
        padding: 0 20px;
        margin-top: 20px;
    }

    .t8_eggproducer__searchform-production-infos__button {
        font-size: 1em;
    }

    .t8_eggproducer__searchform-production-infos__country {
        font-size: 1.15em;
    }

    .t8_eggproducer__searchinput{
        font-size: 1.15em;
    }

    .t8_eggproducer__searchbutton {
        font-size: 1.15em;
        width: 2em;
        height: 2em;
    }

    .t8_eggproducer__hint, .t8_eggproducer__results__inner > p:first-child {
        max-width: 100%;
    }

    .t8_eggproducer__productioninfos {
        padding: 20px;
    }

    .tooltip__element {
        left: -10px;
        transform: translateX(0) translateY(-100%);
    }

    .tooltip__element:after {
        left: 24px;
    }
}
input[type='number'] {
    -moz-appearance:textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}