/*Main Text Info*/
    #after_tab_section_1{
        position: fixed;
        top: calc( var(--header_height_detail) + var(--space) + 20px);
        right: var(--space);
        border: 0;
    }
    #after_tab_section_1 > .container{
        max-width: unset;
        margin: 0;
        padding: 0;
    }
    #after_tab_section_1 > .container > .content{
        padding: 0;
    }  

    #after_tab_section_1 .logo{
        transform: none;
        position: static;
        margin: 0;
    }
    #after_tab_section_1 .pdb-single .pdbiex-image-field-wrap{
        width: auto;
        height: auto;
        border: 2px solid #D9D9D9;
        border-radius: var(--tab-radius);

        max-height: 300px;
        overflow-y: hidden;
    }
    #after_tab_section_1 .pdb-single .pdbiex-image-field-wrap img{
        padding: 35px 10px;
        min-width: 200px;
        max-width: 300px;
    }
    #after_tab_section_1 dd{
        font-size: calc(var(--h1-size) * 0.6);
        line-height: var(--h1-size);
        margin: 0;
    }
    #after_tab_section_1 dt{
        display: none;
    }
    #after_tab_section_1 dt.telefon,
    #after_tab_section_1 dt.email{
        display: block;
        font-size: calc(var(--h1-size) * 0.6);
        font-weight: normal;
        line-height: var(--h1-size);
        width: auto;
        margin: 0;
        margin-right: 5px;
    }
    #after_tab_section_1 dt.telefon::after,
    #after_tab_section_1 dt.email::after{
        content:":";
    }
    #after_tab_section_1 dd.firma{
        color: var(--highlight-pink);
        font-size: var(--h1-size);
        font-weight: bold;
        line-height: calc(var(--h1-size) * 1.5);
    }
    #after_tab_section_1 dl.pdb-etage,
    #after_tab_section_1 dl.pdb-shop_nummer{
        display: inline-block;
    }
    #after_tab_section_1 dd.etage{
        margin-right: 10px;
    }
    #after_tab_section_1 dd.email p,
    #after_tab_section_1 dd.website_link p{
        margin:0;
    }
    #after_tab_section_1 dd.email span,
    #after_tab_section_1 dd.website_link span{
        white-space: unset;
    }


/*tab container*/
    .details-tabs{
        position: fixed !important;
        left: var(--space) !important;
    }

/*tab titles*/
    .details-tabs .av-tab-arrow-container{
        display: none;
    }

    .details-tabs .av-tab-section-tab-title-container{
        background: transparent !important;
    }

    .av-section-tab-title{
        background-color: transparent;
        width: 50%;
        margin-left: -1px;
    }
    .av-section-tab-title .av-outer-tab-title{
        padding: 3px 0 !important;
    }
    .av-active-tab-title{
        background: var(--tab-green);
        border-top-left-radius: var(--tab-radius);
        border-top-right-radius: var(--tab-radius);
        text-align: center;
    }
    .av-section-tab-title span{
        text-align: center;

    }
    span.av-inner-tab-title{
        font-size: var(--header-font-size);
        text-transform: initial;
        margin: auto;
        width: auto;
        color:#636363;
        padding-left: 60px;
    }
    .av-active-tab-title span.av-inner-tab-title{
        color:#fff;
    }

    span.av-inner-tab-title::before{
        content: "";
        width: var(--tab-icon-size);
        height: var(--tab-icon-size);
        position: absolute;
        margin-left: -60px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }

    a.av-section-tab-title:first-of-type span.av-inner-tab-title::before{
        background-image: url(../images/icons/location_dark.png);
    }
    a.av-active-tab-title:first-of-type  span.av-inner-tab-title::before{
        background-image: url(../images/icons/location_white.png);
    }
    a.av-section-tab-title:last-of-type span.av-inner-tab-title::before{
        background-image: url(../images/icons/store_dark.png);
    }
    a.av-active-tab-title:last-of-type  span.av-inner-tab-title::before{
        background-image: url(../images/icons/store_white.png);
    }

/*tab content*/
    .details-tabs .av-tab-section-inner-container{
        width: 200% !important;
    }

/*2 content divs*/
    .details-tabs .av-tab-section-inner-container > div{
        border: 5px solid var(--tab-green);
        border-bottom-left-radius: var(--tab-radius);
        border-bottom-right-radius:var(--tab-radius);
        width: 50%;
        padding: var(--space);
        overflow: hidden;
    }

    /*dont know what this is but it takes space away*/
    .details-tabs .av-tab-section-inner-container dl.pdb-shortcode.dropdown{
        display: none;
    } 
    .details-tabs .av-tab-section-inner-container .hotspots-container *,
    .details-tabs .av-tab-section-inner-container p{
        padding:0;
        margin:0;
    }
    .details-tabs .av-tab-section-inner-container h2.hotspot-title{
        font-size: var(--header-font-size);
        margin-bottom: calc(var(--header-font-size) * 0.5 );
    }
    .details-tabs .av-tab-section-inner-container .hotspots-container *{
        background: transparent !important;
    }
    .details-tabs .av-tab-section-inner-container .container{
        max-width: unset;
        padding: 0;
    }
    /*shop image*/
        .details-tabs .shop_image{
            margin: 0;
            border-radius: var(--tab-radius);
        }
        .details-tabs .pdb-shop_image figure{
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .details-tabs .pdb-shop_image figure img{
            border-radius: var(--tab-radius);
        }


/*
Portrait Mode
*/
@media only screen and (orientation:portrait){
    /*main info*/
    #after_tab_section_1{
        width: calc( 100vw - var(--space) * 2 );
    }

    #after_tab_section_1 section.avia_code_block_1{
        float: left;
        margin-right: var(--space);
        min-height: 21vh;
    }
    #after_tab_section_1 dl.pdb-firma{
        margin-top: -10px;
    }
    #after_tab_section_1 dl.pdb-etage{
        margin-top: 20px;
    }

    /*tab container*/
    .details-tabs{
        top: 35vh;
        bottom: calc( var(--small-btn-height) + var(--space) * 3 );
        width: calc( 100vw - var(--space) * 2 ) !important;
    }

    /*map image*/
    .details-tabs .hotspots-image-container{
        max-height: 44vh;
        margin-top: -35px !important;
    }
    .details-tabs .hotspots-image-container img{
        max-height: 70vh;
        position: relative;
    }

    /*shop image*/
    .details-tabs .pdb-shop_image figure{
        height: 47vh;
        width: 100%;
    }


}

/*
Landscape Mode
*/
@media only screen and (orientation:landscape){

    /*main info*/
    #after_tab_section_1{
        width: calc( 50vw - var(--space) * 4 );
    }

    #after_tab_section_1 dl.pdb-etage{
        margin-top: 20px;
    }

    /*tab container*/
    .details-tabs{
        top: calc( var(--header_height_detail) + var(--space));
        bottom: var(--space);
        width: 50vw !important;
    }

    /*map image*/
    .details-tabs .hotspots-image-container{
        max-height: 59.2vh;
        margin-top: -50px !important;
    }
    .details-tabs .hotspots-image-container img{
        max-height: 70vh;
        position: relative;
    }

    /*shop image*/
    .details-tabs .pdb-shop_image figure{
        height: 63vh;
        width: 100%;
    }

}