/*
#3aa74c GRÜN
#ff9407 Orange
#111 BLACK
*/

figure {
    margin: 0;
}
.o-navigation__level--1>.o-navigation__item>.o-navigation__item__link {
    border-right: none !important;
}

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;1,400;1,600&display=swap');

html body{
    font-family: 'Cormorant Garamond', serif;
    background: #171b22 url('/files/public/Background/bg_wood.png');
    color: #fff;
    font-weight: 400;
}

.o-hero-slider__headline {
    margin: 0 !important;
}
.o-slider .swiper-slide  {
    display: flex;
    align-items: stretch;
}
.o-slider .swiper-slide .o-col {
    display: flex;
}
.o-slider .swiper-slide .o-col .infoblock_white {
    display: flex;
    flex-direction: column;
}
.o-slider .swiper-slide .o-col .infoblock_white .o-text__content {
    flex: 1 1 auto;
    display: flex;
    align-items: flex-end;
}

@media (min-width: 46.25em) {
    .o-navigation--small .o-navigation__inner {
        background: #282f39;
        box-shadow: 0 0 1rem -0.4rem #000;
    }
}

@media (max-width: 46.25em) {
    .o-gallery__col {
        padding: 0.5rem;
    }
}

.o-container{
    margin: 0 50px;
}

@media (max-width: 46.25em) {
    .o-container{
        margin: 0;
    }
}

.bg_dark_grey{
    background: #282f39;
    border-bottom: 4px solid #fc9307;
}


.g-offset-header{
    position: relative;
    margin-top: -70px;
}

.o-navigation__logo-mobile img {
    height: 74px;
}

/**
*************************************************************
Navi
*************************************************************
**/


.o-navigation__level--1>.o-navigation__item:hover>.o-navigation__item__link, .o-navigation__level--1>.o-navigation__item:focus>.o-navigation__item__link, .o-navigation__level--1>.o-navigation__item--active>.o-navigation__item__link, .o-navigation__level--1>.o-navigation__item--trail>.o-navigation__item__link{
    _color: #fff;
}

.o-navigation__level--1>.o-navigation__item>.o-navigation__item__link{
    font-weight: 400;
    font-size: 1.5rem;
    letter-spacing: 1px;
    font-style: italic;
}
.o-navigation__inner{
    background: transparent;
    color: #fff;
    transition: 200ms ease-out;
}


.o-navigation__level--1 > .o-navigation__item:hover > .o-navigation__item__link, .o-navigation__level--1 > .o-navigation__item:focus > .o-navigation__item__link, .o-navigation__level--1 > .o-navigation__item--active > .o-navigation__item__link, .o-navigation__level--1 > .o-navigation__item--trail > .o-navigation__item__link{
    color: #ff9407;
}

.o-navigation__item > .o-navigation__item__link{
    color: #fff;
    padding-right: 15px;
    padding-top: 16px;
}


.o-navigation__level--1 > .o-navigation__item:hover > .o-navigation__item__link, .o-navigation__level--1 > .o-navigation__item:focus > .o-navigation__item__link, .o-navigation__level--1 > .o-navigation__item--active > .o-navigation__item__link, .o-navigation__level--1 > .o-navigation__item--trail > .o-navigation__item__link{
    background: transparent;
    text-decoration: underline;
    font-weight: 700;
}




/**
*************************************************************
mini form
*************************************************************
**/
.mini-form .o-row > .m-form-item.o-col {
    padding-top: 0;
}
@media (min-width: 46.25em) {
    .mini-form .o-row > .m-form-item.o-col {
        margin-bottom: 0;
    }
}

.mini-form .o-row .o-form-submit__button {
    border: 0;
    color: #fff;
    font-size: 1em;
    width: 100%;
}

.mini-form .o-form-wrap__required {
    display: none;
}


/**
*************************************************************
HERO
*************************************************************
**/

.o-hero-slider__headline .a-headline span.u-line{
    background: transparent;
    color: #fff;
    font-size: 2em;
    font-weight: 400;
    font-style: italic;
    font-weight: 700;
}
.o-hero-slider__headline .a-headline span.u-line span{
    font-size: 1em;
    font-size: 0.4em;
    font-style: italic;
}

.o-hero-slider__headline .a-headline{
    border-bottom: 2px solid #fff;
    border-top: 2px solid #fff;
    padding-top: 49px;
    padding-bottom: 27px;
}

.o-hero-slider__headline{
    text-align:center;
}

.a-headline--h1{
    color: #fff;
}


@media (min-width: 46.25em) {
    .o-hero-slider__headline {
        margin: 0 0 0 5rem;
    }
    .o-hero-slider__headline .a-headline--h1 {
        font-size: 100%;

    }
}

@media (max-width: 46.24em) {
    .o-hero-slider__headline .a-headline {
        border-bottom: 0px solid #fff;
        border-top: 0px solid #fff;
        padding-top: 0;
        padding-bottom: 0;
        font-size: 2em;
    }
}



/**
*************************************************************
Überschirften
*************************************************************
**/

h1{
    font-size: 4.5em;
    line-height: 1;
    font-weight: 700;
    color: #fff;
}
@media (max-width: 46.24em) {
    h1{
        font-size: 2em;
    }
}

.a-headline--h2{
    font-weight: 400;
    color: #fff;
    font-size: 2.4em;
    word-break: break-word;
    hyphens: auto;
}
.a-headline--h1{
    font-weight: 400;
    color: #fff;

}
.a-headline{
    font-style: italic;
}



/**
*************************************************************
Startseite
*************************************************************
**/

.boxen_mitbildern{
    background-position: right;
    min-height: 900px;
    padding: 30px;
    padding-top: 100px;
}

/**
*************************************************************
CONTENT TEXT
*************************************************************
**/

.bigPadding_top_bottom{
    padding-top: 6rem;
    padding-bottom: 5rem;
}

/**
*************************************************************
VORTEILE
*************************************************************
**/
.vorteile_wrapper{
    padding-left: 10%;
    padding-right: 10%;
}

.vorteile_white{
    background: #fff;
    border-radius: 18px;
    color: #151515 ;
    padding: 40px;


}
.vorteile_white  .a-headline{
    color: #151515 ;
    font-weight: 800;
}

.a-edit-text{
    color: #fff ;
    font-size: 19px;
    line-height: 30px;
}

.a-headline--h3{
    font-size: 1.7em;
}

.vorteile_white .a-picture{
    animation-name: vorteileAnimate;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

@keyframes vorteileAnimate {
    0%   {transform: translateY(0px);}
    100%   {transform: translateY(15px);}
}


/**
*************************************************************
WHITE LIST
*************************************************************
**/

.white_list{
    background: #fff;
    border-radius: 18px;
    color: #151515 ;
    padding: 10px;
    margin-bottom: -1rem;
}
.white_list_green{
    background: transparent;
    border-radius: 18px;
    color: #151515 ;
    padding: 10px;
    margin-bottom: -1rem;
    margin-top: 1rem;
}


/**
*************************************************************
Automatik Wrapper
*************************************************************
**/
.automatik_wrapper{
    border-radius: 18px;;
    background: #bacf22;
    padding: 40px;
    position: relative;
    margin-top: 30px;
}

.automatik_wrapper .a-edit-text{
    color: #FFF
}

.automatik_wrapper .a-picture{
    position: absolute;
    width: 380px;
    bottom: 0;
    right: 0;
}

@media (max-width: 700px) {
    .automatik_wrapper .a-picture{
        display: none;
    }
}

/**
*************************************************************
Green BG
*************************************************************
**/
.green_bg{
    border-radius: 18px;
    background: #fff;
    padding: 40px;
    position: relative;
    border: 1px solid #2181c4;
}

.green_bg .a-edit-text{
    color: #151515;
}

.green_bg .a-cta{
    border: 2px solid #aeae44;
    color:#aeae44;
    background: transparent;
    width: 100%;
    border-radius: 10px;
}

.green_bg h2{
    color: #2181c4;
}


.green_bg_bottom{
    background: #aeae44;
    border-radius: 18px;
    padding: 40px;
}

.green_bg_bottom .a-edit-text{
    color: #fff;
}

/**
*************************************************************
Blue
*************************************************************
**/

.blue_bg{
    border-radius: 18px;
    background: #2181c4;
    padding: 40px;
    position: relative;
    border: none;
}

.blue_bg .a-edit-text{
    color: #fff;
}

.blue_bg .a-cta{
    border: 2px solid #fff;
    color: #fff;
    background: transparent;
    width: 100%;
    border-radius: 10px;
}

.blue_bg h2{
    color: #fff;
}






.red_bg_bottom{
    background: #670015;
    border-radius: 18px;
    padding: 40px;
}

.red_bg_bottom .a-edit-text{
    color: #fff;
}

.brown_bg_bottom{
    background: #87765F;
    border-radius: 18px;
    padding: 40px;
}

.brown_bg_bottom .a-edit-text{
    color: #fff;
}


.brown_bg_bottom .a-cta{
    background: transparent

}





/**
*************************************************************
BUTTONS
*************************************************************
**/
.a-cta{
    border: 1px solid #ffffff;
    color: #ffffff;
    background: transparent;
    padding: 0.7em 1.5em;
}
.a-cta:focus, .a-cta:hover, .a-cta.focus, .a-cta.hover{
    border-color: #ff9407;
    color: #ff9407;
    background: transparent;
}

.a-cta::after {
    content: " →";
    color: #ff9407;
}





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

*************************************************************
**/
.sortiment_background{
    -webkit-box-shadow: 0px 0px 32px -13px rgba(72,53,44,0.56);
    -moz-box-shadow: 0px 0px 32px -13px rgba(72,53,44,0.56);
    box-shadow: 0px 0px 32px -13px rgba(72,53,44,0.56);
    padding: 54px !important;
}
.sortiment_no_background{
    padding: 54px !important;
}

.sortiment_no_background:hover{
    -webkit-box-shadow: 0px 0px 32px -13px rgba(72,53,44,0.56);
    -moz-box-shadow: 0px 0px 32px -13px rgba(72,53,44,0.56);
    box-shadow: 0px 0px 32px -13px rgba(72,53,44,0.56);

}

.sortiment_background:hover{
    -webkit-box-shadow: inset 0px 0px 32px -13px rgba(72,53,44,0.56);
    -moz-box-shadow: inset 0px 0px 32px -13px rgba(72,53,44,0.56);
    box-shadow: inset 0px 0px 32px -13px rgba(72,53,44,0.56);
}



.big_headline{
    font-size:2rem;
}



.checkmark_white{
    padding: 20px;
    margin-bottom: 0;
    /* border: 5px solid #f3eb21; */
    border-radius: 10px;
    background-color: #fff;
}

.checkmark_white:hover{
    background-color: #f3eb21;
}

.button_fullwidth a{
    width: 100%;
}



/**Specials**/

.special_angebot{
    background-color: #fff;
    border-radius: 18px;
    padding: 40px;
}

.special_angebot .a-cta{
    background: transparent;
    border: 2px solid #670015;
    color: #670015;
    font-weight: 200;
}


.special_angebot .a-cta:hover{
    background: #670015;
    color: #fff;
}


/**BestPrice**/

.bestprice .a-edit-text{
    color: #FFF;
}

.bestprice .a-cta{
    background: transparent;
    border: 2px solid #fff;
    color: #fff;
    font-weight: 200;
}

.bestprice .a-cta:hover{
    background: #fff;
    color: #670015;
}

/**HEADLINE**/
.o-headline {
    margin-bottom: 2rem;
    margin-top: 2rem;
}

/**Textcolor White**/

.textcolor_white{
    color: #fff;
}

.textcolor_white .a-headline--h2{
    color: #fff;
}

.Spalten{
    border-top: 1px solid #847b7b;
    border-bottom: 1px solid #847b7b;
    padding-top: 82px;
}



/**Info Block**/

.infoblock_white{
    border-radius: 5px;
    background: #282f39;
    border-bottom: 4px solid #fc9307;
    color: #282f39;
    padding: 2rem;
}

.infoblock_white .a-headline--h2{
    font-size: 1.8em;
    word-break: break-word;
    hyphens: auto;
}

/** Content Mittig **/

.flexme_center{
}

@media (min-width: 46.25em) {
    .flexme_center{
        align-items: center;
        justify-content: center;
        display: flex;
        height: 100%;
    }
    .textcenter_paddingleftright{
        padding: 0px 1rem;
        text-align: center;
    }
}

.textcenter_paddingleftright{

}


/** Bild Alignment **/


.NoPadding_TopBottom.o-container--space{
    padding: 0;
}


.NoPadding_TopBottom .o-row > .o-col{
    margin-bottom: 0;
    padding-left: 0;
}


/** Galerie **/

.o-gallery .a-picture img{
    border-radius: 10px;
    transition: transform 0.5s;
}

.o-gallery .a-picture:hover img{
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    transition: transform 1s;
}





.padding28px{
    padding: 28px;
}

.o-fixed-social-list__icon,
.o-fixed-social-list__content,
.o-slider__bullet--active:after {
    background: #fc9307;
}

.a-burger__meat {
    left: 6px;
}


@media (max-width: 46.25em) {
    .o-navigation__nav {
        overflow: initial;
    }
    .o-navigation__nav:before {
        content: '';
        position: absolute;
        bottom: 100%;
        left: 0;
        background: #25282e;
        height: 4.5rem;
        width: 100%;
    }

    .o-navigation__level--1>.o-navigation__item>.o-navigation__item__link {
        font-size: 2rem;
        line-height: 1.6em;
    }
}
.o-primary-nav__burger {
    display: flex;
    justify-content: center;
    align-items: center;
}