/*
X-Small     <576px
Small       ≥576px
Medium      ≥768px
Large       ≥992px
XLarge      ≥1200px
XXLarge     ≥1400px*/
/*

    426px  -  Mobile L
    XS: 598px   (nur ausnahmsweise)
    S:  769px
    M:  1025px
    M2:  1536px  (nur ausnahmsweise)
    L:  1025px
    XL: 1921px;

    S20Ultra:  413px
*/





/* Verwendete Größen


@media (min-width: 426px) {
}

@media  (min-width: 769px) {
}


@media  (min-width: 1025px) {
}

@media  (min-width: 1921px) {
}


@media (min-width: 3073px) {
}


/// wird nur für IP-Container verwendet
@media (min-width: 1600px) {
}




*/

div.TextMitInfo {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}

.InfoImg {
    Height: 18px;
    margin-left: 0.5rem;
}

@media (min-width: 769px) {
    .InfoImg {
        Height: calc(24px * var(--T_ZOOM));
        margin-left: 0.75rem;
    }
}


div.Go-Home-Container {
    position: sticky;
    top: 0px;
    padding-left: 2rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-right: 1rem;
    background-color: var(--IP_Body);
    width: -moz-fit-content;
    width: fit-content;
    font-size: var(--IP_N);
    color: var(--IP_Black);
}

/*Button ohne Rahmen und Hintergrund*/
.Empty-Button {
    background-color: transparent;
    border: 0px;
    border-color: transparent;
    padding: 0px;
    color: var(--IP_Black)
}

    .Empty-Button.ShowAsLink {
        text-decoration-line: underline;
        text-underline-offset: 3px;
    }

.Empty-Button:hover {
    color: var(--IP_Blue);
}


div.IP-COUNT-WRAPPER {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    flex-wrap: nowrap;
    column-gap: 0.3rem;
    margin-left: 1.5rem;
    font-size: calc(var(--IP_XS) * 0.75);
    font-weight: bold;
}

div.IP-WORD-COUNTER {

}

div.IP-BALKEN-WRAPPER {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    flex-wrap: nowrap;
    column-gap: 3px;
    margin-left: 15px;
}

div.IP-BALKEN {
    border-bottom: 1px solid var(--IP_LightGray);
    height: 0.3rem;
    width: 5rem;
}

.css-dreieck {
    width: 0px;
    height: 0px;
    border-top: calc(1.3rem * var(--T_ZOOM)) solid var(--IP_Blue); /* skyblue */
    border-right: calc(1.3rem * var(--T_ZOOM)) solid transparent; /* limegreen;  */
    border-bottom: calc(1.3rem * var(--T_ZOOM)) solid transparent; /* orange; */
    border-left: calc(1.3rem * var(--T_ZOOM)) solid var(--IP_Blue);
    position: absolute;
    z-index: 1;
}

div.IP-PROMO {
    background-color: #6495ed;
    color: var(--IP_White);
    padding-bottom: 1rem;
    padding-top: 1rem;
    font-size: var(--IP_N);
}

div.IP-PROMO-Flex {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 1rem;
    justify-content: flex-start;
}

img.PROMO-BTN {
    width: var(--IP_N);
    height: var(--IP_N);
    vertical-align: unset;
}

a.IP-Pointer-Default{
    cursor:default !important;
}

.debugBorder {
    border: 0px solid red;
}



div.ABOUT_CONTENT {
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 1024px;
}




@media (min-width: 769px) {

}

@media (min-width: 1921px) {
    div.ABOUT_CONTENT {
        max-width: 1400px;
    }


}


@media (min-width: 3073px) {

    div.ABOUT_CONTENT {
        max-width: 2552px;
    }

}





div.ABOUT_HEADER {
    background-color: var(--IP_TOPCONTAINER_BG1);
}

div.ABOUT_HEADER-DIV {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}



.ABOUT_HEADER-TEXT {
    text-shadow: 2px -2px 4px #ffffff;
    font-size: var(--IP_XXXL);
    margin-top: 0.6rem;
    margin-bottom: 0.6rem;
    font-weight: 700;
    display: block;
}

.ABOUT_HEADER-TEXT-2 {
    text-shadow: 2px -2px 4px #ffffff;
    font-size: var(--IP_XXL);
    margin-top: 0.6rem;
    margin-bottom: 0.6rem;
    color: var(--IP_Red);
    font-weight: 700;
    display: block;
}

@media (min-width: 426px) {

    div.ABOUT_HEADER {
        background-image: url(../Contentpages/Bilder/main426g.svg);
        background-clip: border-box;
        background-repeat: no-repeat;
        background-position-x: calc(100% - 2.5rem);
        background-size: contain;
    }


    div.ABOUT_HEADER-DIV {
        height: 40vh;
        min-height: 45rem;
        max-height: 54rem;
    }

    .ABOUT_HEADER-TEXT {
        font-size: var(--IP_XXXXL);
    }

    .ABOUT_HEADER-TEXT-2 {
        font-size: var(--IP_XXXL);
    }
}


@media (min-width: 650px) {

    div.ABOUT_HEADER {
        background-image: url(../Contentpages/Bilder/main426.svg);
        background-size: contain;
        background-position-x: calc(100% - 2.5rem);
    }
}


@media (min-width: 769px) {

    div.ABOUT_HEADER {
        background-image: url(../Contentpages/Bilder/main769.svg);
        background-size: contain;
        background-position-x: calc(100% - 2.5rem);
    }

    div.ABOUT_HEADER-DIV {
        height: 47vh;
        min-height: 50rem;
        max-height: 60rem;
    }

}


@media (min-width: 1025px) {
    div.ABOUT_HEADER {
        background-image: url(../Contentpages/Bilder/main1025.svg);
    }

    div.ABOUT_HEADER-DIV {
        height: 62vh;
        min-height: 60rem;
        max-height: 69rem;
    }
}



@media (min-width: 1280px) {
    div.ABOUT_HEADER {
        background-image: url(../Contentpages/Bilder/main1280.svg);
    }
}

@media (min-width: 1600px) {
    div.ABOUT_HEADER {
        background-position-x: calc(100% - 16rem);
    }
}

@media (min-width: 1921px) {
    div.ABOUT_HEADER {
        background-image: url(../Contentpages/Bilder/main1921.svg);
    }
}



@media (min-width: 3073px) {
    div.ABOUT_HEADER {
        background-image: url(../Contentpages/Bilder/main3073.svg);
        background-position-x: 75%;
    }
}











input.IP-ACTION-IMG[type=image] {
    width: 2.0rem;
    height: 2.0rem;
}

@media (min-width: 426px) {
    input.IP-ACTION-IMG[type=image] {
        width: 2.4rem;
        height: 2.4rem;
    }
}


@media (min-width: 1921px) {
    input.IP-ACTION-IMG[type=image] {
        width: 3.0rem;
        height: 3.0rem;
    }
}

@media (min-width: 3073px) {
    input.IP-ACTION-IMG[type=image] {
        width: 4.0rem;
        height: 4.0rem;
    }
}

.SVG-SEARCH {
    width: 26px;
    height: 26px;
    margin-top: -5px;
    color: white;
}

@media (min-width: 1921px) {
    .SVG-SEARCH {
        width: 34px;
        height: 34px;
    }
}

@media (min-width: 3073px) {
    .SVG-SEARCH {
        width: 42px;
        height: 42px;
    }
}



div.IP-AG-Carousel-Container {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    gap:6rem;
}


div.IP-AG-Carousel-Panel {
    width: 100%;
}

div.carousel-transition{
    transition-duration: 3s;
}

a.IP-AG-Carousel-Panel-Entry {
    border: 1rem solid var(--IP_DarkGray);
    text-decoration: none;
    width: auto;
    height: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    background-origin: content-box;
    background-size: cover;
    background-color: White;
}

a.IP-AG-Carousel-Panel-Entry.Empty {
    border: 2rem solid var(--IP_Red);
    color: White;
}

    a.IP-AG-Carousel-Panel-Entry:hover {
        opacity: 100%;
        border-color: var(--IP_Red);
        background-color: var(--IP_IMG_Background);
        /*filter: grayscale(0.5);*/
        transition: opacity 0.5s ease-out, border 0.5s ease-out; /*filter 0.5s ease-out;*/ /*transform 0.5s ease-out,*/
        /*transform: scale(1.05);*/
    }

        a.IP-AG-Carousel-Panel-Entry:hover > div:first-child {
            height: 100%;
            display: flex;
            justify-content: center;
            transition: all 0.75s ease-out;
            opacity: 90%;
            font-weight: 700;
            background-color: var(--IP_Black05);
            color: var(--IP_NativeBlack);
        }

            a.IP-AG-Carousel-Panel-Entry:hover > div:first-child > :first-child {
                overflow-wrap: unset;
                overflow: hidden;
                text-overflow: clip;
                display: inherit;
                -webkit-line-clamp: unset;
                -webkit-box-orient: unset;
                white-space: unset;
                font-size: var(--IP_L);
                overflow-wrap: anywhere;
            }


            a.IP-AG-Carousel-Panel-Entry.Empty > div:first-child > :first-child {
                overflow-wrap: unset;
                overflow: hidden;
                text-overflow: clip;
                display: inherit;
                -webkit-line-clamp: unset;
                -webkit-box-orient: unset;
                white-space: unset;
                font-size: var(--IP_L);
                overflow-wrap: anywhere;
            }

                a.IP-AG-Carousel-Panel-Entry.Empty:hover > div:first-child > :first-child {
                    font-size: var(--IP_XL);
                }


@media screen and (min-width: 544px) {


    /*a.IP-AG-Carousel-Panel-Entry {*/
        /*width: calc(100% / 2 - 10px);*/
        /*width: calc(100% / 2 - (2rem / 2 * 1));
    }*/


        a.IP-AG-Carousel-Panel-Entry:hover > div:first-child > :first-child {
            font-size: var(--IP_XL);
        }
}



@media  (min-width: 769px) {

    div.IP-AG-Carousel-Container {
        display: flex;
        flex-direction: row;
    }

    div.IP-AG-Carousel-Panel {
    width: calc(100% / 2 - (6rem / 2 * 1));
    }

    div.IP-AG-Carousel-Panel.C3 {
        display:none;
    }




        a.IP-AG-Carousel-Panel-Entry:hover > div:first-child > :first-child {
            font-size: var(--IP_L);
        }

}

@media (min-width: 1025px) {
    div.IP-AG-Carousel-Container {
        gap:8rem;
    }

    div.IP-AG-Carousel-Panel {
        width: calc(100% / 3 - (8rem / 3 * 2));
    }

        div.IP-AG-Carousel-Panel.C3 {
            display: block;
        }
}




a.ShowAllButton {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: var(--IP_L);
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 0px;
    font-weight: bold;
}

    a.ShowAllButton.Black {
        background-color: var(--IP_White);
        color: var(--IP_Control_Black);
        border: 0.4rem solid var(--IP_Control_Black);
    }

    a.ShowAllButton.White {
        background-color: var(--IP_Control_Black);
        color: var(--IP_White);
        border: 0.4rem solid var(--IP_White);
    }

    a.ShowAllButton.Black:hover {
        color: var(--IP_White);
        background-color: var(--IP_BTN_BG_Hover);
        border-color: var(--IP_BTN_BO_Hover);
        transition: all .3s ease-out;
    }

    a.ShowAllButton.White:hover {
        color: var(--IP_BTN_BG);
        background-color: var(--IP_White);
        border-color: var(--IP_BTN_BO);
        transition: all .3s ease-out;
        box-shadow: 0px 0px 6px 1px var(--IP_Black50);
    }


@media (min-width: 769px) {
    a.ShowAllButton {
        margin-top: 30px;
        margin-bottom: 30px;
        font-size: var(--IP_XL);
        padding-left: 30px;
        padding-right: 30px;
    }
}

div.ShowAllButton {
    display: flex;
    flex-direction: row;
    justify-content: center;
}


div.IP-Berufsbilder-Container {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items:stretch;
    gap: 4rem;
    padding-bottom:4rem;
}

div.IP-Berufsbilder-Panel {
    width: 100%;
    background-color: var(--IP_White);
    border: 2px solid var(--IP_Black);
}

img.IP-Berufbilder-Panel-Img {
    width: calc(100% - 0px);
    border-left: 2px solid var(--IP_Black);
    border-right: 2px solid var(--IP_Black);
    border-top: 2px solid var(--IP_Black);
    border-bottom: 1px solid var(--IP_Black);
}

div.IP-Berufbilder-Panel-Title {
    margin-top: -2.0rem;
    margin-bottom: 1.5rem;
    margin-left: 2rem;
    margin-right: 2rem;
    padding-top: 0.5rem;
    padding-bottom: 0.8rem;
    background-color: var(--IP_NativeBlack);
    z-index: 100;
    display: block;
    position: relative;
    color: var(--IP_White);
    font-weight: 500;
    text-align: center;
    box-shadow: 0px 0px 5px 2px var(--IP_White);
}

div.IP-Berufbilder-Panel-Helper {
    padding-left: 2rem;
    padding-right: 2rem;
    display:flex;
    flex-direction: column;
    justify-content: space-between;
}

@media (min-width: 769px) {
    div.IP-Berufbilder-Panel-Helper {
        height: 45rem;
    }
}


div.IP-Berufbilder-Panel-Content {
    margin-top: 1rem;
    margin-bottom: 1rem;
    max-height: 40rem;
    overflow: hidden;
}

div.IP-Berufbilder-Panel-Footer {
    max-height: 5rem;
    height: 5rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
    margin-top: 2rem;
}

a.IP-Berufbilder-Button {
    background-color: var(--IP_White);
    color: var(--IP_Control_Black);
    border: 0.2rem solid var(--IP_Control_Black);
    border-radius: 0px;
    font-size: var(--IP_N);
    padding: 0.2rem 0.6rem;
}

    a.IP-Berufbilder-Button:hover {
        color: var(--IP_White);
        background-color: var(--IP_BTN_BG_Hover);
        border-color: var(--IP_BTN_BO_Hover);
        transition: all .3s ease-out;
    }

a.Weiterlesen {
    /*color: var(--IP_Black);*/
    text-decoration: none;
    font-style: italic;
}


@media (min-width: 769px) {
    div .IP-Berufsbilder-Container {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        gap: 4rem;
        padding-bottom: 6rem;
    }

    div.IP-Berufsbilder-Panel {
        width: calc(100% / 2 - (4rem / 2 * 1));
    }

}

@media (min-width: 1025px) {
    div.IP-Berufsbilder-Container {
/*        column-gap: 8rem;
        row-gap: 6rem;*/
    }

    div.IP-Berufsbilder-Panel {
        width: calc(100% / 3 - (4rem / 3 * 2));
    }

}

@media (min-width: 1600px) {
    div.IP-Berufbilder-Panel-Title {
        margin-left: 3rem;
        margin-right: 3rem;
    }

    div.IP-Berufbilder-Panel-Helper {
        padding-left: 3rem;
        padding-right: 3rem;
        height: 60rem;
    }

    div.IP-Berufbilder-Panel-Content {
        max-height: 55rem;
    }

}



@media (min-width: 1921px) {
    div.IP-Berufbilder-Panel-Title {
        margin-top: -2.8rem;
    }

    div.IP-Berufbilder-Panel-Helper {
        height: 70rem;
    }

    div.IP-Berufbilder-Panel-Content {
        max-height: 65rem;
    }


}



@media (min-width: 3073px) {
    div.IP-Berufbilder-Panel-Helper {
        height: 98rem;
    }

    div.IP-Berufbilder-Panel-Content {
        max-height: 93rem;
    }
}




.IP-Berufsbilder-Title {
    font-weight: bold;
    font-size: var(--IP_XL);
    padding-top: 1rem;
    /*padding-bottom: 2rem;*/
    display: inline-block;
}

.IP-Berufsbilder-Title-Sub {
    font-size: var(--IP_XXXS);
    /*padding-top: 1rem;*/
    padding-bottom: 2rem;
    display: inline-block;
}

.IP-BB-Detail-Footer {
    font-size: var(--IP_XXXS);
    padding-top: 1rem;
    padding-bottom: 2rem;
    display: inline-block;
}


@media (min-width: 769px) {

    .IP-Berufsbilder-Title {
        padding-top: 3rem;
        /*padding-bottom: 4rem;*/
        font-size: var(--IP_XXL);
    }

    .IP-Berufsbilder-Title-Sub {
        font-size: var(--IP_XXS);
        /*padding-top: 1rem;*/
        /*padding-bottom: 4rem;*/
        /*display: inline-block;*/
    }

    .IP-BB-Detail-Footer {
        font-size: var(--IP_XXS);
    }
}

@media (min-width: 1025px) {
    .IP-Berufsbilder-Title {
        font-size: var(--IP_XXL);
    }
}


div.BB-Detail-Box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 1024px;
}

div.BB-Detail-Panel {
    padding-top: 15px;
    padding-bottom: 15px;
}


div.SEARCH-DIV {
    display: flex;
    flex-direction: row;
    align-items: center;
}

div.SEARCH-PANEL {
    width: 100%;
    margin-top: 0rem;
    margin-bottom: 4rem;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 1rem;
    z-index:10;
}

div.SEARCH-PANEL_2 {
    width: auto;
    display:none;
}



.SEARCH-HEADER {
    text-shadow: 2px -2px 4px #ffffff;
    font-size: var(--IP_XL);
    margin-top: 0.6rem;
    margin-bottom: 0.6rem;
    font-weight: 700;
    display: block;
}

@media (min-width: 426px) {

    div.IP-MAIN_SEARCH-CONTAINER {

    }


    div.SEARCH-DIV {
        display: flex;
        flex-direction: row;
        align-items: center;
        height: 40rem;
        margin-bottom:3rem;
    }

    div.SEARCH-PANEL {
        margin-bottom: 0;
    }

    .SEARCH-HEADER {
        font-size: var(--IP_XXL);
    }
}


@media (min-width: 650px) {

    div.IP-MAIN_SEARCH-CONTAINER {

    }




}


@media (min-width: 769px) {

    div.IP-MAIN_SEARCH-CONTAINER {
        background-color: var(--IP_SearchDiv_BG);
    }

        div.IP-MAIN_SEARCH-CONTAINER::before {
            content: " ";
            background-image: url(../Contentpages/Bilder/main769.svg);
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center right;
            position: absolute;
            left: 0px;
            right: 0px;
            z-index: 1;
            height: 53rem;
            filter: drop-shadow(0rem 0.1rem 0.1rem rgba(20, 20, 180, 0.7));
        }


    div.SEARCH-PANEL {
        max-width: 70rem;
    }
    div.SEARCH-DIV {
        justify-content: normal;
        height: 42rem;
    }

    
}


@media (min-width: 1025px) {
    div.IP-MAIN_SEARCH-CONTAINER {
    }

        div.IP-MAIN_SEARCH-CONTAINER::before {
            background-image: url(../Contentpages/Bilder/main1025.svg);
            background-position: bottom right;
            background-position-x: calc(100% - 2.5rem);
            height: 62rem;
        }


    div.SEARCH-DIV {
        justify-content: normal;
        gap: 6rem;
        height:50rem;
        margin-bottom: 5rem;
    }
    div.SEARCH-PANEL {
        width: calc(50% - 3rem);
        max-width: unset;
    }
    div.SEARCH-PANEL_2 {
        display: block;
        width: calc(50% - 3rem);
        height: 100%
    }
}



@media (min-width: 1280px) {
    div.IP-MAIN_SEARCH-CONTAINER {
    }


        div.IP-MAIN_SEARCH-CONTAINER::before {
            background-image: url(../Contentpages/Bilder/main1280.svg);
            height: 65rem;
        }
}

@media (min-width: 1600px) {
    div.IP-MAIN_SEARCH-CONTAINER {
    }
        div.IP-MAIN_SEARCH-CONTAINER::before {
            background-position-x: calc(100% - 16rem);
        }
}

@media (min-width: 1921px) {
    div.IP-MAIN_SEARCH-CONTAINER {
    }

        div.IP-MAIN_SEARCH-CONTAINER::before {
            background-image: url(../Contentpages/Bilder/main1921.svg);
            height: 68rem;
        }

    div.SEARCH-DIV {
        height: 55rem;
    }
}



@media (min-width: 3073px) {
    div.IP-MAIN_SEARCH-CONTAINER {
    }

        div.IP-MAIN_SEARCH-CONTAINER::before {
            background-image: url(../Contentpages/Bilder/main3073.svg);
            height: 95rem;
        }

    div.SEARCH-DIV {
        height: 80rem;
    }
}



.IP-UploadThrobber {
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    display: block;
    top: 50vh;
    left: 50vw;
    height: 64px;
    width: 64px;
    transform: translate(-50%, -50%);
    display: none;
}


/*div.NoBorder{
    border:none;
}
*/
p.Empty {
    margin: 0 0 0 0;
    white-space: nowrap;
}


.MT-5 {
    margin-top: 0.5rem;
}

.MB-5 {
    margin-bottom: 0.5rem;
}


.MTB-10 {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.MTB-5-15 {
    margin-top: 0.5rem;
    margin-bottom: 1.5rem;
}

.MTB-0-10 {
    margin-top: 0px;
    margin-bottom: 1rem;
}

.MTB-0-15 {
    margin-top: 0px;
    margin-bottom: 1.5rem;
}

.MLR-5-0 {
    margin-left: 0.5rem;
    margin-right: 0px;
}

div.PTB-10-0{
    padding-top:1rem;
    padding-bottom:0;
}

div.PTB-0-10 {
    padding-top: 0;
    padding-bottom: 1rem;
}

div.PT-0 {
    padding-top: 0;
}

div.PT-10 {
    padding-top: 1rem;
}

div.PT-20 {
    padding-top: 2rem;
}

div.PB-10 {
    padding-bottom: 1rem;
}


div.PB-40 {
    padding-bottom: 4rem;
}

div.CB-ZWEITE-SPRACHE-TOP {
    margin-top: calc(1.5rem * var(--T_ZOOM));
}


.MW {
    max-width: 100%;
}

div.emptyDiv {
    padding: 0px;
    width:100%
}

div.emptyDiv-10 {
    height: 1rem;
    width: 100%;
}

div.emptyDiv-20 {
    height: 2rem;
    width: 100%;
}

div.emptyDiv-40 {
    height: 4rem;
}


.IP_List {
    /*padding-left: 1em;*/
    list-style-position: outside;
    /*text-indent: 1em;*/
}

    .IP_List > li {
        padding-left: calc(1rem * var(--T_ZOOM));        
    }

    .IP_List.Square{
        list-style-type:square;
    }

    .IP_List.Inside {
        list-style-position:inside;
    }
    /*#region COLORS {*/
    /*
IPBlau
#2e6da4
*/
    .IP-Light {
        opacity: 50%;
    }

.IP-Light-75 {
    opacity: 75%;
}


.BG-IPRed {
    background-color: var(--IP_Red);
}

.BG-IPLightGray {
    background-color: var(--IP_LightGray);
}

.BG-IPLightBlue {
    background-color: var(--IP_LightBlue);
}

.BG-IPImageBG {
    background-color: var(--IP_IMG_Background);
}

.BG-IPBlueGray {
    background-color: var(--IP_BG_BlueGray);
}

.BG-IPWhite {
    background-color: var(--IP_White);
}

.BG-IPBlack {
    background-color: var(--IP_Black);
}



/*#endregion COLORS }*/


div.IP-NAVBAR-BLOCK {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    padding-top: 0.7rem;
    padding-bottom: 0.8rem;
}

@media screen and (min-width: 769px) {
    div.IP-NAVBAR {
        display: flex;
        flex-direction: row;
        align-content: flex-start;
    }

        div.IP-NAVBAR > div:nth-child(1) { /* = .IP-NAVBAR-BLOCK */
            display: flex;
            flex-direction: row;
            align-items: center;
            flex-wrap: nowrap;
            justify-content: flex-start;
            padding-top: 1.7rem;
            padding-bottom: 1.8rem;
        }

        div.IP-NAVBAR > div:nth-child(2) {
            display: flex !important;
            flex-direction: row;
            align-items: center;
            flex-wrap: nowrap;
            justify-content: flex-start;
            column-gap: 10px;
        }

}




.LOGIN-BTN {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: calc(1rem * var(--T_ZOOM));
    margin-right: 0px;
    padding: 0px 6px 0px 6px;
    vertical-align: baseline;
    font-size: var(--IP_S);
}

@media (min-width: 769px) {
    .LOGIN-BTN {
        font-size: var(--IP_L);
    }

}


select.input-language {
    margin: 4px 0px 4px 0px;
    background-color: #E7F5FF;
    border-style: none;
    padding: 0px 0px 2px 0px;
    font-size: var(--IP_S);
    border-radius: 2px;
}


.hdn-button {
    visibility: hidden;
    display: none;
}


@media (min-width: 769px) {
    select.input-language {
        margin: 0rem 0.5rem 0rem 0.5rem;
        font-size: var(--IP_L);
    }
}


/*@media screen and (min-width: 768px) {
    select.input-language {
        margin: 0px 0px 0px 5px;
        background-color: #E7F5FF;
        border-style: none;
        padding: 2px 2px;
        border-radius: 2px;
    }
}*/


@media (min-width: 1921px) {
    .LOGIN-BTN {
        margin-right: 3px;
        padding: 0px 12px 0px 12px;
    }

    select.input-language {
        margin: 0px 0px 0px 10px;
    }
}


.IP-Bulletlist {
    list-style: square;
    list-style-position: outside;
    text-indent: 0px;
    padding-inline-start: 0px;
    padding-inline-end: 10px;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    margin-block-end: 0px;
    margin-block-start: 0px;
}


@media (min-width: 1921px) {
    .IP-Bulletlist {
        padding-inline-start: 9px;
    }
}



@media (min-width: 3073px) {
    .IP-Bulletlist {
        padding-inline-start: 17px;
    }
}
/*#region Error-Labels  {*/



/*.Err-Label-1 {
    padding-left: 5px;
    margin-top: 1px;
    margin-bottom: 10px;
    font-size: var(--IP_S);
    display: none;
    color: var(--IP_Red);
    background-color: var(--IP_Error_BG)
}*/

/*#endregion Error-Labels }*/


/*#region GLYPHS  {*/

.IP-Glyph:before{
    margin-right:1rem;
}

.IP-Glyph-5:before {
    margin-right: 0.5rem;
}

.gl-Tel {
    margin-top: 0px;
}

    .gl-Tel:before {
        /*        content: url("/Contentpages/Bilder/tel16.png");
        margin-right: 8px;*/
        display: inline-block;
        content: "";
        vertical-align: -.125em;
        background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z' clip-rule='evenodd'/></svg>");
        background-repeat: no-repeat;
        background-size: 1rem 1rem;
    }

.gl-Email {
    margin-top: 0px;
}

    .gl-Email:before {
        content: url("/Contentpages/Bilder/mail16.png");
        margin-right: 8px;
    }

.gl-Web {
    margin-top: 0px;
}

    .gl-Web:before {
        content: url("/Contentpages/Bilder/inet16.png");
        margin-right: 8px;
    }


.RF-before::before {
    content: "*";
    font-weight: bold;
    color: red;
    margin-right: 5px;
}

.RF-before2::before {
    content: "*";
    font-weight: bold;
    color: red;
    margin-right: 5px;
}

.RF-before3::before {
    content: "*";
    font-weight: bold;
    color: red;
    margin-right: 5px;
}

.RF-before4::before {
    content: "*";
    font-weight: bold;
    color: var(--IP_Blue);
    margin-right: 5px;
}


/*#endregion GLYPHS }*/


.IP-Hinweis-XS {
    font-weight: 300;
    font-size: var(--IP_XS);
}

.IP-Hinweis-XS-Gray {
    color: var(--IP_TextGray);
    font-weight: 300;
    font-size: var(--IP_XS);
}

.IP-Error {
    font-size: var(--IP_S);
    color: var(--IP_Error_TXT);
    font-weight: bold;
}



img.LOGIN_OK {
    width: 2.4rem;
    height: 2.4rem;
    margin-right: 5px;
}


    /*#region COOKIE-PANEL {*/
div.CookiePanel {
    position: fixed;
    width: 100%;
    bottom: 0px;
    left: 0px;
    right: 0px;
    top: 0px;
    height: 100%;
    background-color: var(--IP_White);
    z-index: 20000;
    transition: opacity 1.0s;
}


div.CookiePanel1 {
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    z-index: 20001;
}

div.CookiePanel2 {
    height: auto;
    max-height: calc(100vh * 0.85);
    
    width: 100%;
    max-width: 100vw;

    display: flex;
    flex-direction: column;
    background-color: var(--IP_Black);
    color: var(--IP_White);
    align-items: center;
    flex-wrap: nowrap;
    font-size: var(--IP_XS);
    align-content: center;
    justify-content: center;
    overflow: auto;
}

div.CookieContent {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    scroll-behavior: smooth;
    overflow: auto;
    scroll-margin: 0px;
    scroll-padding: 5px;
}

@media (min-width: 426px) {
    div.CookiePanel2 {
        /*max-width: 45rem;*/
    }
}

@media (min-width: 769px) {
    div.CookiePanel2 {
        /*max-height: 55rem;*/
        max-width: calc(100vw * 0.9);
        font-size: var(--IP_S);
    }
}

@media (min-width: 1025px) {
    div.CookiePanel2 {
        /*max-height: 60rem;*/
        max-width: 922px;
        font-size: var(--IP_N);
    }
}

@media (min-width: 1921px) {
    div.CookiePanel2 {
        /*max-height: 65rem;*/
        max-width: calc(922px * var(--T_ZOOM));
    }
}


@media (min-width: 3073px) {
    div.CookiePanel2 {
/*        max-height: 70rem;
        max-width: 150rem;*/
    }
}


.BTN-Cookie {
    margin-top: 10px;
    margin-bottom: 30px;
}

.cookie-header {
    padding-bottom: 10px;
    font-size: var(--IP_N);
    font-weight: bold;
    text-align:center;
}

@media (min-width: 769px){
    .cookie-header {
        font-size: var(--IP_L);
    }
}



/*#endregion COOKIE-PANEL }*/
/*#region CONTAINER {*/
.IP-Container {
    width:100%;
    padding-right: 10px;
    padding-left: 10px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 426px) {
    .IP-Container {
        width: calc(100% - 3rem);
    }
}

@media (min-width: 1600px) {
    .IP-Container {
        width: calc(100% - 30rem);
    }
}

@media (min-width: 1921px) {
    .IP-Container {
        /*width: calc(100% - 30rem);*/
        max-width: 2881px;
    }
}

/*#endregion CONTAINER }*/

/*#region JUMBOTRON {*/
.IP_Jumbotron_XS {
    display: block;
    /*background-image: url("../Contentpages/Bilder/header-s.png");*/
/*    background-size: 768px;
    background-clip: border-box;
    background-repeat: no-repeat;*/
    width: 100%;
}

.IP_Jumbotron_S {
    display: none;
    /*background-image: url("../Contentpages/Bilder/header-s.png");*/
/*    background-size: 768px;
    background-clip: border-box;
    background-repeat: no-repeat;*/
    width: 100%;
}

/*.IP_Jumbotron_M {
    display: none;*/
    /*background-image: url("../Contentpages/Bilder/header-m.png");*/
    /*background-clip: border-box;
    background-repeat: no-repeat;
    width: 100%;
}*/

/*.IP_Jumbotron_L {
    display: none;*/
    /*background-image: url("../Contentpages/Bilder/header-l.png");*/
    /*background-clip: border-box;
    background-repeat: no-repeat;
    width: 100%;
}*/

@media (min-width: 426px) {
    .IP_Jumbotron_XS {
        display: none;
    }

    .IP_Jumbotron_S {
        display: block;
    }


}


@media (min-width: 769px) {

    .IP_Jumbotron_S {
        background-color: var(--IP_SearchDiv_BG);
    }
}


/*@media screen and (min-width: 769px) {
    .IP_Jumbotron_XS {
        display: none;
    }    

    .IP_Jumbotron_S {
        display: none;
    }

    .IP_Jumbotron_M {
        display: block;
        background-size: 1024px;
    }

    .IP_Jumbotron_L {
        display: none;
    }
}*/




/*@media screen and (min-width: 1025px) {
    .IP_Jumbotron_XS {
        display: none;
    }    
    
    
    .IP_Jumbotron_S {
        display: none;
    }

    .IP_Jumbotron_M {
        display: none;
    }

    .IP_Jumbotron_L {
        display: block;
        background-size: 1921px;
        background-position: top;
    }
}*/

/*@media screen and (min-width: 1921px) {
    .IP_Jumbotron_XS {
        display: none;
    }    
    
    .IP_Jumbotron_S {
        display: none;
    }

    .IP_Jumbotron_M {
        display: none;
    }

    .IP_Jumbotron_L {
        background-size: 1600px;
        background-position: top;
    }
}*/


div.IP-Jumbotron-Row {
    padding-top: 1rem;
    padding-bottom: 1rem;
    color: var(--IP_Black_Text);
    line-height: normal;
    min-height: 7rem;
}

div.IP-Jumbotron-Col1 {
    font-size: var(--IP_N);
}



@media (min-width: 426px) {
    div.IP-Jumbotron-Row {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 0rem;
        padding-top: 4rem;
        padding-bottom: 0rem;
        line-height: normal;
        min-height: 9rem;
    }

    div.IP-Jumbotron-Col1 {
        font-size: var(--IP_XXL);
        min-width: 14rem;
    }


    div.IP-Jumbotron-Col2 {
        /*font-size: var(--IP_N);*/
        font-size: var(--IP_L);
        padding-top: 6px;
    }
}



@media screen and (min-width: 769px) {

    div.IP-Jumbotron-Row {
        gap: 4rem;
        flex-direction: row;
        align-items: center;
    }


    div.IP-Jumbotron-Col1 {
        font-size: var(--IP_XXXL);
        min-width: 18rem;
    }

    div.IP-Jumbotron-Col2 {
        /*font-size: var(--IP_L);*/
        font-size: var(--IP_XL);
    }


}

@media screen and (min-width: 1025px) {


    div.IP-Jumbotron-Row {
    }


    div.IP-Jumbotron-Col1 {
    }

    div.IP-Jumbotron-Col2 {
        /*font-size: var(--IP_XL);*/
        font-size: var(--IP_XXL);
    }


}



@media screen and (min-width: 1921px) {


    div.IP-Jumbotron-Row {
        min-height: 14rem;
        align-items: baseline;
    }

    div.IP-Jumbotron-Col1 {
        min-width: 26rem;
    }

    div.IP-Jumbotron-Col2 {
        font-size: var(--IP_XL);
    }

}


/*#endregion JUMBOTRON }*/


/*#region MERKZETTEL {*/

div.IP-Merkzettel-Header {
    font-weight: 700;
    position: sticky;
    z-index: 100;
    padding-top: 10px;
    padding-bottom: 10px;
}


@media (min-width: 769px) {
    div.IP-Merkzettel-Header {
        font-size: var(--IP_XL);
    }
}

div.IP-Merkzettel-JobBox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 1024px;
}


@media (min-width: 1921px) {
    div.IP-Merkzettel-JobBox {
        max-width: 1400px;
    }
}



div.IP-Merkzettel-JobPanel-UP {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 6rem;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
}

div.IP-Merkzettel-JobPanel {
    margin-top: calc(5rem * var(--T_ZOOM));
}



@media (min-width: 769px) {
    div.IP-Merkzettel-JobPanel-UP {
        gap: 8rem;
    }

}

@media (min-width: 1025px) {
    div.IP-Merkzettel-JobPanel-UP {
        gap: 4rem;
    }
}

/*#endregion MERKZETTEL }*/

/*#region JOBPANEL {*/
/*#region Top-Job in Default.aspx  {*/
.IP-Top-Title {
    font-weight: bold;
    font-size: var(--IP_XL);
    padding-top: 1rem;
    padding-bottom: 2rem;
    display: inline-block;
}

div.Top-Job-Panel {
    width: 100%;
    display: flex;
    gap: 6rem;
    flex-wrap: wrap;
    flex-direction: column;
}




div.Angebote-Job-Panel {
    margin-top:calc(3.25rem * var(--T_ZOOM));
}

/*.TJ-H400 {
    height: 28rem;
}

.TJ-H300 {
    height: 30rem;
}*/


a.Top-Job {
    cursor: pointer;
    text-decoration: none;
    width: 100%;
}

    a.Top-Job:hover {
    }

a.Top-Job.Standard {
    min-height: 20rem;
    opacity:80%;
}

    a.Top-Job.Standard:hover {
        opacity: 100%;
    }

a.JobPanel-Merkzettel {
    width: 100%;
}

div.Top-Job {
    width: 100%;
    border: 1px solid var(--IP_Black25);
    background-color: var(--IP_JOB_BG);
    transition: all .7s ease-out;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    color: var(--IP_Text_Black);
    height: 100%;
    box-shadow: 3px 3px 10px 0px var(--IP_JOB_SHADOW_COLOR);
    /*    border-radius: 4rem;
    box-shadow: var(--IP_JOB_SHADOW);*/
}

    div.Top-Job.Standard {
        background-color:white;
    }


    div.Top-Job:hover {
        color: black;
        transition: all 0.3s ease-in-out;
        box-shadow: var(--IP_JOB_SHADOW_hover);
        background-color: var(--IP_JOB_BG_hover);
    }

    div.Top-Job.Standard:hover {
        background-color: var(--IP_JOB_BG_hover_Light);
    }
        /*div.CB-Row.IP_S > div:nth-child(2) > label*/
/*        div.Top-Job:hover > div:first-child {
            align-items: center;
            gap: 0;
            height: 40%;
            transition: height .5s ease-in;
        }*/

            /*div.Top-Job:hover > div:first-child > div:first-child {
                width: 0px;
                height: 0%;*/
                /*transition: all .5s ease-in;*/
            /*}

                div.Top-Job:hover > div:first-child > div:first-child > img {
                    width: 0%;
                    transition: all .5s ease-in;
                }

            div.Top-Job:hover > div:first-child > div:nth-child(2) {
                width: 100%;
                text-align: center;
                -webkit-line-clamp: 3;
                transition: margin-top .5s ease-in;
                font-size: var(--IP_L);
            }*/


/*            div.Top-Job.Standard:hover > div:first-child > div:nth-child(2) {
                -webkit-line-clamp: 2;
                font-size: calc(var(--IP_N) * 1.1);
            }*/


            /*Merkzettel-Pin*/
    div.Top-Job > div:first-child > div:first-child {
        /*visibility: hidden;*/
        opacity: 100%;
        transition: opacity 0.5s ease-in;
    }

        div.Top-Job > div:first-child > div:first-child.mobile {
            visibility: visible;
            opacity: 100%;
        }


    div.Top-Job:hover > div:first-child > div:first-child {
        opacity: 100%;
        /*visibility: visible;*/
        transition: opacity 0.5s ease-in;
    }
            /*Ende Merkzettel-Pin*/


/*            div.Top-Job:hover > div:nth-child(2) {
                height:60%;
                transition: height .5s ease-in;
            }

                div.Top-Job:hover > div:nth-child(2) > div:first-child {
                    -webkit-line-clamp: 4;
                }*/

/*        div.Top-Job:hover > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) {
            font-size: var(--IP_N);
            transition: font-size .5s ease-in;
        }*/


    div.Top-Job > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) {
        opacity: 100%;
        /*transform: scale(1.2);*/
        transition: all .5s ease-in;
    }

    div.Top-Job > div:nth-child(2) > div:nth-child(2) > div:nth-child(2).mobile {
        opacity: 100%;
        /*transform: scale(1.2);*/
        transition: all .5s ease-in;
    }

    div.Top-Job:hover > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) {
        opacity: 100%;
        transition: opacity .5s ease-in;
        background-color: var(--IP_JOB_BG_hover);
    }

    div.Top-Job.Standard:hover > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) {
        background-color: var(--IP_JOB_BG_hover_Light);
    }

div.Top-Job-Premium {

}


/*@media (min-width: 1921px) {
    div.Top-Job:hover > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > input {
        width: 44px;
        height: 44px;
    }
}

@media (min-width: 3073px) {
    div.Top-Job:hover > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > input {
        width: 55px;
        height: 55px;
    }
}*/


/*#endregion Top-Job in Default.aspx  }*/


/*#region Header {*/

div.Top-Job-Header {
    position: relative;
    width: 100%;
    height: 44.5%;
    background-repeat: no-repeat;
    background-position: center;
    background-clip: padding-box;
    background-origin: content-box;
    background-size: cover;
    background-color: white;
    border-bottom: 1px solid var(--IP_Black10);
}


    div.Top-Job-Header.Standard {


    }







/*#region PIN-Button {*/

div.Top-Job-Pin-Div {
    position: absolute;
    top: 4px;
    right: 10px;
}

    div.Top-Job-Pin-Div:hover {
        top: 3px;
        right: 12px;
        transform: scale(1.2);
    }

.Top-Job-Pin {
    width: 4rem;
}

    .Top-Job-Pin:hover {
        cursor: pointer;
    }

/*#endregion PIN-Button }*/

/*#endregion Header } */


/*#region Content + Footer { */


.Top-Job-HelperDiv {
    width: 100%;
    height: 55.5%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
}

/*.Top-Job-HelperDiv.Standard {
    height: 60%;
}*/




div.Top-Job-Content {
    padding: 1rem 1rem 0rem 1rem;
    font-weight: bold;
    text-align: center;
    overflow-wrap: anywhere;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: normal;
    width: 100%;
    font-size: var(--IP_S);
}

/*    div.Top-Job-Content.Standard {
        padding: 1rem 1rem 0rem 1rem;
        font-size: var(--IP_S);
        -webkit-line-clamp: 3;
    }*/



.Top-Job-Footer {
    padding-top: 1rem;
    padding-right: 1rem;
    padding-left: 2rem;
    padding-bottom: 0.5rem;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    font-size: var(--IP_XS);
    width: 100%;
    position: relative;
}

.Top-Job-Footer-Clamp {
    overflow-wrap: anywhere;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
}



.Top-Job-IMG-Ort {
    width: 32px;
}



.Top-Job-IMG-Share {
    opacity: 0.7;
}

    .Top-Job-IMG-Share:hover {
        opacity: 1.0;
        transition: opacity 0.5s ease-out;
    }

.Top-Job-IMG-Share-Panel {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 1.0rem;
    position: absolute;
    bottom: 1rem;
    right: 2rem;
    background-color: var(--IP_JOB_BG);
}

    .Top-Job-IMG-Share-Panel.Standard {
        background-color: white;
    }
/*#endregion Content + Footer } */

/*#region Special-Panel-Box {*/

div.Top-Job-Special-Panel {
    width: 100%;
}

div.Top-Job-Special-Panel-Box {
    color: aliceblue;
    padding-top: 20px;
    background-color: var(--IP_Red);
    /*box-shadow: 5px 5px 5px #DDDDDD;*/
    border: 3px solid var(--IP_Red);
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-around;
    height: 100%;
    border-radius: 2rem;
}

div.Top-Job-Special-Panel-Content {
    color: aliceblue;
    height: 75%;
    /*width: 18rem;*/
    margin: 0 0 0 0;
    text-align: center;
    border-radius: 100%;
    border: 1.3rem solid white;
    background-color: transparent;
    z-index: 1;
    /*min-width: 15rem;*/
    /*min-height: 15rem;*/
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 8rem;
    font-weight: bold;
}

div.Top-Job-Special-Panel-Footer {
    font-size: 2.3rem;
    font-weight: bold;
    color: white;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 2rem;
}


/*#endregion Special-Panel-Box  }*/


/*#region Media-Breaks { */

@media (min-width: 426px) {

    div.Top-Job-Content {
        font-size: var(--IP_N);
        padding: 2rem 1rem 0rem 1rem;
    }

/*        div.Top-Job-Content.Standard {
            padding: 1rem 1rem 0rem 1rem;
            font-size: var(--IP_S);
            -webkit-line-clamp: 3;
        }*/

    .Top-Job-Footer {
        padding-bottom: 1rem;
        font-size: var(--IP_S);
    }

    div.Top-Job-Premium {
        /*border: 0.7rem solid var(--IP_Black);*/
    }


    div.Top-Job-Panel {
        gap: 6rem;
    }




    div.Top-Job-Special-Panel-Footer {
        font-size: var(--IP_XL);
    }


    div.Top-Job-Special-Panel-Content {
        font-size: 12rem;
    }

}

@media (min-width: 600px) {

    div.Top-Job-Content {
        -webkit-line-clamp: 4;
    }
}

@media (min-width: 769px) {

    div.Top-Job {
        /*border-radius: 4rem;*/
        box-shadow: var(--IP_JOB_SHADOW);
        /*border: none;*/
    }

    div.Top-Job-Header {
        /*box-shadow: var(--IP_JOB_HEADER_SHADOW);*/
        /*border-radius: 3rem 3rem 0rem 0rem;*/
        /*border: 1px solid var(--IP_JOB_BG);*/
    }


    div.Top-Job > div:first-child > div:first-child {
        /*visibility: hidden;*/
        opacity: 0%;
        transition: opacity 0.5s ease-in;
    }

    div.Top-Job > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) {
        opacity: 00%;
        /*transform: scale(1.2);*/
        transition: all .5s ease-in;
    }

    .IP-Top-Title {
        padding-top: 3rem;
        padding-bottom: 4rem;
        font-size: var(--IP_XXL);
    }


    div.Top-Job-Header {
        height: calc(33.3333333333% + 1px);
    }

    .Top-Job-HelperDiv {
        height: 60%;
    }


    div.Top-Job-Panel {
        flex-direction: row;
        gap: 6rem;
    }

    a.Top-Job {
        /*width: calc(100% / 2 - 11px);*/
        width: calc((100% / 2) - (6rem / 2));
    }

    a.Top-Job.Standard {
        /*width: calc(100% / 2 - 11px);*/
        width: calc((100% / 3) - (4rem / 3 * 2));
    }

    a.Top-Job.JobPanel-Merkzettel {
        width: calc((100% / 2) - (8rem / 2));
    }

    div.Top-Job-Special-Panel {
        /*width: calc(100% / 2 - 11px);*/
        width: calc((100% / 2) - (6rem / 2));
    }




}

@media (min-width: 1025px) {
    .IP-Top-Title {
        font-size: var(--IP_XXL);
    }

    div.Top-Job-Panel {
        gap: 8rem;
    }

    a.Top-Job {
        /*width: calc(100% / 3 - 14px);*/
        width: calc(100% / 3 - (8rem / 3 * 2));
    }

        a.Top-Job.Standard {
            min-height: 20rem;
            width: calc(100% / 4 - (4rem / 4 * 3));
        }




    div.Top-Job-Special-Panel {
        /*width: calc(100% / 3 - 14px);*/
        width: calc(100% / 3 - (8rem / 3 * 2));
    }


}




/*#endregion Media-Breaks } */

/*#region SearchResultPanel {*/

div.SR-Job-Row {
    width: 100%;
    display: flex;
    gap: 4rem;
    flex-wrap: wrap;
    flex-direction: column;
    padding-bottom: 3rem;
}


/*#region Media-Breaks { */



@media (min-width: 769px) {


    div.SR-Job-Row {
        flex-direction: row;
        gap: 6rem;
        padding-bottom: 3rem;
    }

        div.SR-Job-Row.Standard {
            gap: 4rem;
            padding-bottom: 5rem;
        }


    div.Top-Job.Standard {
        /*border-radius: 3rem;*/
    }

    div.Top-Job-Header.Standard {
        /*border-radius: 2.5rem 2.5rem 0rem 0rem;*/
    }


}

@media (min-width: 1025px) {

    div.SR-Job-Row {
        gap: 8rem;
        padding-bottom: 5rem;
    }

    div.SR-Job-Row.Standard {
        gap: 4rem;
        padding-bottom: 5rem;
    }


}




/*#endregion Media-Breaks } */


/*#endregion SearchResultPanel }*/


/*#endregion JOBPANEL }*/


/*#region Filterpanel {*/

.IP-FilterPanel-Default {
    display: flex;
    flex-wrap: wrap;
    gap: calc(1.2rem * var(--T_ZOOM));
}

.IP-FilterPanel-Angebote {
    /*    gap: calc(1.2rem * var(--T_ZOOM));*/
    column-gap: calc(1.0rem * var(--T_ZOOM));
    row-gap: calc(0.5rem * var(--T_ZOOM));
    flex-direction: row;
    flex-direction: row;
}

div.IP-FilterPanel-Angebote-Filter-Sticky {
    padding-top: calc(1rem * var(--T_ZOOM));
    padding-bottom: calc(1rem * var(--T_ZOOM));
    position: sticky;
    z-index: 100;
}

/*.IP-FilterPanel-Title {
    color: var(--IP_Black);
    font-weight: bold;
    font-size: var(--IP_L);
    padding-top: 15px;
    padding-bottom: 10px;
    display: inline-block;
}*/

.IP-FilterPanel-Entry{
    padding-right:0px;
    padding-bottom:0px;
}

.IP-FilterPanel-Entry-Small {
    padding: 0px;
    margin: 0px;
}

.IP-FilterPanel-Button {
    /*width: calc(100% - 6px);*/
    margin: 0px;
    /*margin-right: 9px;*/
    /*padding: 6px 13px;*/
    /*max-width: 260px;*/
    min-width: 100px;
    border-radius: 0px;
    background-color: var(--IP_BG_BlueGray);
    border: 1px solid var(--IP_Black);
    color: var(--IP_Black);
    font-size: var(--IP_N);
    transition: all .4s ease-out;
}

    .IP-FilterPanel-Button:hover {
        color: white;
        transition: all .4s ease-out;
    }

.IP-FilterPanel-Button-Small {
    margin: 0px;
    min-width: 100px;
    border-radius: calc(0.4rem * var(--T_ZOOM));
    background-color: #fdfdfd;
    border: var(--IP_HOVER_BOX_BORDER);
    color: var(--IP_Control_Black);
    font-size: var(--IP_S);
    transition: all .4s ease-out;
    padding-left: calc(0.6rem * var(--T_ZOOM));
    padding-right: calc(0.6rem * var(--T_ZOOM));
    padding-bottom: calc(0.2rem * var(--T_ZOOM));
    padding-top: 0px;
    text-decoration: none;
}

@media (min-width: 1921px) {
    .IP-FilterPanel-Button-Small {
        font-size: var(--IP_XS);
    }
}

    .IP-FilterPanel-Button-Small:hover {
        color: white;
        transition: all .4s ease-out;
        text-decoration: none;
    }

    .IP-FilterPanel-Button-Small:focus {
        text-decoration: none;
    }

.IP-FilterPanel-Button-Small.Selected {
    background-color: var(--IP_Control_Black_Focus);
    border-color: var(--IP_Control_Black_Focus);
    color: var(--IP_White);
}

    .IP-FilterPanel-Button-Small.Selected:hover {
        background-color: var(--IP_BTN_BG_Hover);
        border-color: var(--IP_BTN_BO_Hover);
    }




.IP-Filter-NoResultText {
    font-size: var(--IP_N);
    color: var(--IP_Red);
    padding-top: 20px;
}

/*#endregion Filterpanel }*/


/*#region TOP-Arbeitgeber in Default.aspx {*/
.IP-TopAG-Title {
    font-weight: bold;
    font-size: var(--IP_XL);
    color: var(--IP_White);
    padding-top: 1rem;
    padding-bottom: 2rem;
    display: inline-block;
}

    .IP-TopAG-Title.Center {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }


.IP-FAQ-Title {
    font-weight: bold;
    font-size: var(--IP_XL);
    color: var(--IP_Black);
    padding-top: 1rem;
    padding-bottom: 2rem;
    display: inline-block;
}

    .IP-FAQ-Title.Center {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }



@media (min-width: 769px) {
    .IP-TopAG-Title {
        padding-top: 3rem;
        padding-bottom: 4rem;
        font-size: var(--IP_XXL);
    }

    .IP-FAQ-Title {
        padding-top: 3rem;
        padding-bottom: 4rem;
        font-size: var(--IP_XXL);
    }
}

@media (min-width: 1025px) {
    .IP-TopAG-Title {
        font-size: var(--IP_XXL);
    }

    .IP-FAQ-Title {
        font-size: var(--IP_XXL);
    }
}

/*#endregion TOP-Arbeitgeber in Default.aspx }*/

/*#region LOGIN + Register + Confirmation {*/

div.Regsiter-PW-Row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 15px;
    align-items: center;
}

div.Login-Box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    /*color: var(--IP_Blue);*/
    max-width: 600px;
}

div.Login-Box-Logo-Panel {
    display: flex;
    flex-direction: row;
    max-width: 600px;
    padding-bottom: calc(1.25rem * var(--T_ZOOM));
    padding-top: calc(1.25rem * var(--T_ZOOM));
    align-items: center;
    justify-content: center;
}

div.Login-Box-Header {
    padding-bottom: 2rem;
}

.Login-Box-Logo {
    height: calc(3rem * var(--T_ZOOM));
}



div.Login-Panel {
    padding-top: 15px;
}

div.Register-AG-Profil {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap:10px;
}

div.Login-Button-Row {
    align-items: center;
    align-content: center;
}

/*div.Login-Section-Separator {
    height: 2px;
    margin-bottom: 3rem;
    margin-top: 1rem;
    margin-left: 0rem;
    margin-right: 0rem;
    background-image: linear-gradient(to right, var(--IP_White) 0%, var(--IP_Blue) 20%, var(--IP_Blue) 80%, var(--IP_White) 100%);
}
*/

input.Confirmation-Code {
    min-height: calc(5rem * var(--T_ZOOM)) !important;
    max-height: calc(5rem * var(--T_ZOOM)) !important;
    height: calc(5rem * var(--T_ZOOM)) !important;
    min-width: calc(20rem * var(--T_ZOOM)) !important;
    max-width: calc(20rem * var(--T_ZOOM)) !important;
    width: calc(20rem * var(--T_ZOOM)) !important;
    font-size: var(--IP_XXL);
    font-weight: bold;
    color: var(--IP_Red);
    border: 2px solid var(--IP_Blue);
    border-radius: 7px;
    text-align: center;
    letter-spacing: calc(1.5rem * var(--T_ZOOM)) !important;
    vertical-align: middle;
}

input.Confirmation-Code:focus {
    color: var(--IP_Red);
}

div.ConfirmationBoxes {
    padding-left: 30px;
    padding-top: 15px;
    padding-bottom: 25px;
}

div.ConfirmationBoxesRow{
    flex-direction:row;
    gap:2rem;
    margin-top:1rem;
    margin-bottom:1rem;

}


@media (min-width: 769px) {
    div.Login-Box {
        max-width: 750px;
    }

    div.Login-Box-Header {
        padding-bottom: 4rem;
    }

    .Login-Box-Logo {
        height: calc(4rem * var(--T_ZOOM));
    }

    div.Login-Box-Logo-Panel {
        max-width: 750px;
        padding-bottom: calc(3.25rem * var(--T_ZOOM));
        padding-top: calc(3.25rem * var(--T_ZOOM));
    }

/*    div.Login-Section-Separator {
        height: 2px;
        margin-bottom: 5rem;
        margin-top: 3rem;
        margin-left: 0rem;
        margin-right: 0rem;
        background-image: linear-gradient(to right, var(--IP_White) 0%, var(--IP_Blue) 20%, var(--IP_Blue) 80%, var(--IP_White) 100%);
    }*/

}

@media (min-width: 1921px) {
    div.Login-Box {
        max-width: 900px;
    }

    div.Login-Box-Logo-Panel {
        max-width: 900px;
    }
}
/*#endregion LOGIN }*/


/*#region Profil {*/
div.Profil-Box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 1024px;
}

div.NewPW-Row {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1rem;
}

/*.Profil-Title {
    font-size: var(--IP_XL);
}

.Profil-Label {
    font-size: var(--IP_L);
}

    .Profil-Label.sm {
        font-size: var(--IP_N);
    }*/

div.Profil-Panel {
    padding-top: 15px;
    padding-bottom: 15px;
}
/*
div.Profil-Row {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 0px;
    margin-bottom:5px;
}

div.Profil-Col-1 {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: unset;
}


div.Profil-Col-2 {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap:unset;
}

div.Profil-Col-3 {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: unset;
}
*/
div.Profil-PW {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    align-items: center;
}

@media (min-width: 769px) {


}

@media (min-width: 1921px) {
    div.Profil-Box {
        max-width: 1400px;
    }
}


@media (min-width: 3073px) {

    div.Profil-Box {
        max-width: 2552px;
    }

}

/*#endregion Profil }*/


/*#region Neues Angebot {*/


/*div.IP-NewAngebot-Section-Separator-1 {
    height: 2px;
    margin-bottom: 2rem;
    margin-top: 3rem;
    margin-left: 0rem;
    margin-right: 0rem;
    background-image: linear-gradient(to right, var(--IP_White) 0%, var(--IP_Blue) 20%, var(--IP_Blue) 80%, var(--IP_White) 100%);
}


@media (min-width: 769px) {
    div.IP-NewAngebot-Section-Separator-1 {
        height: 2px;
        margin-bottom: 3rem;
        margin-top: 4rem;
        margin-left: -2rem;
        margin-right: -2rem;
        background-image: linear-gradient(to right, var(--IP_White) 0%, var(--IP_Blue) 30%, var(--IP_Blue) 70%, var(--IP_White) 100%);
    }
}*/

div.NewAngebot-Box {
    max-width: 1024px;
}

div.NewAngebotWeiter-Box {
    max-width: 1024px;
}


.BeschDauerCol{
    padding-right: 0px;
}


div.NewAngebot-Panel {
    padding-top: 15px;
    padding-bottom: 15px;
}


div.NewAngebot-Benefit-Row {
    display: flex;
    flex-wrap: wrap;
    /*gap: 1rem;*/
    flex-direction: column;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
}

.NewAngebot-Benefit-Entry {
    margin-bottom:0.5rem;
}


@media (min-width: 769px) {


    .BeschDauerCol {
        padding-right: 2rem;
    }


    div.NewAngebot-Benefit-Row {
        display:block;
        column-count: 2;
    }
}


@media (min-width: 1921px) {

    .BeschDauerCol {
        padding-right: 2.5rem;
    }



    div.NewAngebot-Box {
        max-width: 1400px;
    }


    div.NewAngebotWeiter-Box {
        max-width: 1400px;
    }


    div.NewAngebot-Benefit-Row {
        display: block;
        column-count: 3;
    }
}


@media (min-width: 3073px) {
    
    div.NewAngebot-Box {
        max-width: 2552px;
    }

    .BeschDauerCol {
        padding-right: 3.0rem;
    }

}


.HREF-AGB {
    cursor: pointer;
    text-decoration: underline;
    color: var(--IP_Blue);
    font-weight: normal;
    font-size: var(--IP_N);
}



/*#region Angebot Detail Buchungsoptionen {*/
div.NewAngebot-BuchOption-Row {
    display: flex;
    flex-direction: row;
    align-content: flex-start;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: nowrap;
    border-top: 1px dotted #ddd;
    width:100%;
}

    div.NewAngebot-BuchOption-Row.Upload {
        flex-direction:column;
    }

    div.NewAngebot-BuchOption-Row.Next {
        padding-top: 3px;
        padding-bottom: 3px;
    }

    div.NewAngebot-BuchOption-Row.NoBorder{
        border:none;
    }


    div.NewAngebot-BuchOption-Row:hover {
        background-color: var(--IP_BG_BlueGray);
    }

    div.NewAngebot-BuchOption-Row.static {
        background-color: var(--IP_BG_BlueGray);
    }


div.NewAngebot-BuchOption-ColLeft {
    width: calc(100% - calc(12rem * var(--T_ZOOM)));
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    align-content: flex-start;
}


.NewAngebot-BuchOption-Col1 {
    padding-left: 10px;
    padding-right: 16px;
    padding-top: 1rem;
    padding-bottom: 1rem;
    width: calc(2em + (2rem * var(--T_ZOOM)));
}


div.NewAngebot-BuchOption-Col1.Weiter {
    width: calc(100% - calc(12rem * var(--T_ZOOM)));
    margin-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-top: 0.5rem;
}


.NewAngebot-BuchOption-Col2 {
    width: 100%;
    text-align: left;
    padding-top: 1rem;
    padding-bottom: 1rem;
}


.NewAngebot-BuchOption-Col3 {
    width: calc(12rem * var(--T_ZOOM));
    text-align: right;
    padding-right: 5px;
    padding-top: 1rem;
    padding-bottom: 1rem;
}


div.NewAngebot-BuchOption-Col3.Weiter {
    width: calc(12rem * var(--T_ZOOM));
    margin-top: 0px;
    padding-bottom: 0px;
    padding-top: 0.5rem;
}



label.NewAngebot-BuchOption-Selected {
    font-weight: bold;
    color: var(--IP_Text_Black);
}

label.NewAngebot-BuchOption-Deselected {
    font-weight: normal;
    color: var(--IP_TextGray);
}

span.NewAngebot-BuchOption-Selected {
    
    /*color: var(--IP_Black);*/
}

span.NewAngebot-BuchOption-Deselected {
    color: var(--IP_TextDarkGray);
}


/*#endregion Angebot Detail Buchungsoptionen }*/

/*#endregion Neues Angebot }*/


/*#region About Preise {*/
div.Angebot-Preis-Opt {
    display: flex;
    flex-direction: row;
    align-content: flex-start;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: nowrap;
    border-top: 1px dotted #ddd;
    width: 100%;
    padding-top: calc(1rem * var(--T_ZOOM));
    padding-bottom: calc(1rem * var(--T_ZOOM));
    padding-left: calc(1.5rem * var(--T_ZOOM));
    padding-right: calc(1.5rem * var(--T_ZOOM));
    margin-left: calc(1.5rem * var(--T_ZOOM));
}

    div.Angebot-Preis-Opt:hover {
        background-color: var(--IP_BG_BlueGray);
    }

div.Angebot-Preis-Opt.BottomBorder {
    border-bottom: 1px dotted #ddd;
}

div.Angebot-Preis-Opt-ColLeft {
    width: calc(100% - calc(16rem * var(--T_ZOOM)));
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    align-content: flex-start;
}


div.Angebot-Preis-Opt-ColRight {
    width: calc(16rem * var(--T_ZOOM));
    text-align: right;
    padding-right: 5px;
/*    padding-top: 1rem;
    padding-bottom: 1rem;*/
}
/*#endregion About Preise }*/


/*#region Angebot Detail {*/

div.IP-Angebot-Detail {
    padding-top: 2rem;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 5rem;
}

div.IP-Angebot-Detail-Header-Img {
    width: 100%;
    background-color: var(--IP_White);
    /*height: 24.199vw;*/
    padding-top: 0px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
    background-clip: content-box;
    background-origin: content-box;
    background-size: cover;
}

div.IP-Angebot-Detail-Titel-Sticky {
    position: sticky;
    top: calc(52px);
    margin-bottom: 15px;
    z-index: 100;
/*    border-bottom: 1px solid var(--IP_LightGray);
    border-top: 1px solid var(--IP_LightGray);
    background-color: var(--IP_STICKY_ROW_BG);
    box-shadow: var(--IP_STICKY_ROW_SHADOW);*/
}


div.IP-Angebot-Detail-Titel {
    width: 100%;
    font-size: var(--IP_L);
    font-weight: bold;
    padding-top: 1rem;
    padding-bottom: 0.25rem;
    overflow-wrap: anywhere;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}


div.IP-Angebot-Detail-SubTitel {
    font-weight: normal;
    color: var(--IP_Black);
    margin-bottom: 0.5rem;
    overflow-wrap: anywhere;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 2rem;
    row-gap: 0.5rem;
}

div.IP-Angebot-Detail-VeroeffDatum {
    color: var(--IP_DarkGray);
    font-weight: normal;
}

.IP-ViewCount-Detail{
    margin-left:1rem;
    color: black;
}

a.BTN_BEWERBEN {
    border-radius: 0px;
    margin-top: 1rem;
    margin-bottom: 0.5rem;
}

@media (min-width: 769px) {

    a.BTN_BEWERBEN {
        border-radius: 0px;
        margin-top: 1.5rem;
        margin-bottom: 1.2rem;
    }
}

div.IP-Angebot-Detail-Content {
    overflow-wrap: break-word;
    border-right: 0px;
    width: 100%;
}

div.IP-Angebot-Detail-First-Row {
    padding-top:0;
}


/*div.IP-Angebot-Detail-DCS-single-top {
    margin-top: 3rem;
    border-top: 5px solid var(--IP_LightGray);
    padding-top: 10px;
}

@media (min-width: 769px) {

    div.IP-Angebot-Detail-DCS-single-top {
        margin-top: calc(3rem * var(--T_ZOOM));
    }
}
*/

div.IP-Angebot-Section-Separator-1 {
    height: calc(0.2rem * var(--T_ZOOM));
    margin-bottom: 2rem;
    margin-top: 3rem;
    margin-left: 0rem;
    margin-right: 0rem;
    background-image: linear-gradient(to right, var(--IP_White) 0%, var(--IP_Blue) 15%, var(--IP_Blue) 85%, var(--IP_White) 100%);
}


@media (min-width: 769px) {
    div.IP-Angebot-Section-Separator-1 {
        margin-bottom: 3rem;
        margin-top: 4rem;
        margin-left: -2rem;
        margin-right: -2rem;
        background-image: linear-gradient(to right, var(--IP_White) 0%, var(--IP_Blue) 30%, var(--IP_Blue) 70%, var(--IP_White) 100%);
    }
}


div.IP-Angebot-Detail-Details {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 0rem;
}

div.IP-Angebot-Detail-Details-Entry {
    width: 100%;
    padding-top: 0.5rem ;
    padding-bottom: 0.5rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-content: flex-start;
    justify-content: flex-start;
    flex-wrap: nowrap;
    gap: 0;
}

    div.IP-Angebot-Detail-Details-Entry > span:first-child {
        color: var(--IP_TextDarkGray);
        font-size: var(--IP_XS);
    }

    div.IP-Angebot-Detail-Details-Entry > span:nth-child(2) {
        color: var(--IP_Black);
        font-size: var(--IP_N);
    }



div.IP-Angebot-Detail-Details-Entry-Header {
    color: var(--IP_DarkGray);
    font-size: var(--IP_M);
    line-height: 1.4;
    overflow-wrap: anywhere;
}



div.IP-Angebot-Detail-Contact {
    position: sticky;
    top: 280px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    flex-direction: column;
    gap: 2rem;
    margin-top: calc(7rem * var(--T_ZOOM));
}




div.IP-Angebot-Detail-Contact-Panel {
    margin-top: 0px;
/*    border-top: 5px solid var(--IP_Blue);
    border-left: 1px solid var(--IP_Blue);
    border-right: 1px solid var(--IP_Blue);
    border-bottom: 1px solid var(--IP_Blue);*/
    padding-left: 15px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-top: 5px;
    margin-right: 0px;
    background-color: var(--IP_BG_VeryLightBlue);
    width: 100%;
    overflow-wrap: anywhere;
    min-width: 300px;
    font-size: var(--IP_N);
    border: 1px solid var(--IP_Black);
    background-color: var(--IP_White);
}



div.IP-Angebot-Detail-Contact-Panel-Header {
    padding-bottom: 10px;
    font-size: var(--IP_L);
    font-weight: bold;
}


div.IP-Angebot-Detail-Contact-Panel-Content {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
}






/*687*/
@media (min-width: 769px) {


    div.IP-Angebot-Detail-Titel {
        font-size: var(--IP_XL);
        padding-top: 2rem;
        padding-bottom: 0.5rem;
    }


    div.IP-Angebot-Detail-Details {
        flex-direction: row;
        gap: 2rem;
    }

    div.IP-Angebot-Detail-Details-Entry {
        padding: calc(0.5rem * var(--T_ZOOM));
        width: calc(50% - 1rem);
        padding: calc(0.5rem * var(--T_ZOOM));
        border: 1px solid var(--IP_LightGray);
    }

        div.IP-Angebot-Detail-Details-Entry > span:first-child {
            margin-top: calc(-1.65rem * var(--T_ZOOM));
            background-color: var(--IP_Body);
            padding-left: 3px;
            padding-right: 7px;
            margin-left: -3px;
        }

    div.IP-Angebot-Detail-Contact {
        flex-direction: row;
    }


    div.IP-Angebot-Detail-Contact-Panel {
        /*        margin-right: 10px;
        margin-left: 10px;*/
        width: calc(100% / 2 - 2rem / 2);
    }
}

@media (min-width: 1280px) {
    div.IP-Angebot-Detail {
        flex-direction:row;
        gap: 4rem
    }

    div.IP-Angebot-Detail-Titel {
        /*padding-left: 20vw;*/
        font-size: var(--IP_XXL);
    }

    div.IP-Angebot-Detail-Content {
        /*border-right: 1px dotted var(--IP_TextGray);*/
        padding-right: calc(8rem * var(--T_ZOOM));
        width: calc(100% - 37rem)
    }

    div.IP-Angebot-Detail-Contact {
        width: 33rem;
        flex-direction: column;
        margin-top: 0rem;
        padding-bottom: 0.5rem;
        border: var(--IP_SIDE_BOX_BORDER);
        background-color: var(--IP_BG_SIDE_BOX);
        box-shadow: var(--IP_SIDE_BOX_SHADOW);
        border-radius: var(--IP_SIDE_BOX_BORDER_RADIUS);
    }

/*    div.IP-Angebot-Detail-Contact-Container {
        flex-direction: column;
        margin-left: 20px;
        margin-top: 0px;
    }*/

    div.IP-Angebot-Detail-Contact-Panel {
        margin-right: 0px;
        width: 100%;
        border: none;
        background: none;
        background-color: transparent;
    }
}

@media (min-width: 1921px) {
    div.IP-Angebot-Detail-Content {
        /*border-right: 1px dotted var(--IP_TextGray);*/
        /*padding-right: 20px;*/
        width: calc(100% - 44rem)
    }

    div.IP-Angebot-Detail-Contact {
        width: 40rem;
        flex-direction: column;
        margin-top: 0rem;
    }
}


@media (min-width: 3073px) {
    div.IP-Angebot-Detail-Content {
        border-right: 1px dotted var(--IP_TextGray);
        padding-right: 20px;
        width: calc(100% - 59rem)
    }

    div.IP-Angebot-Detail-Contact {
        width: 55rem;
        flex-direction: column;
        margin-top: 0rem;
    }
}

/*#region JobsContainer in Angebot Detail {*/
div.IP-Angebot-Detail-JobsContainer-Header {
    padding-top: 10px;
    padding-bottom: 15px;
    font-weight: bold;
    font-size: var(--IP_L);
    color: var(--IP_Red);
}

div.IP-Angebot-Detail-JobsContainer-Content {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    gap: 2rem;
}


a.IP-Angebot-Detail-JobsContainer-Content-HL {
    text-decoration: none;
    width: 100%;
}

    a.IP-Angebot-Detail-JobsContainer-Content-HL:hover {
    }

div.IP-Angebot-Detail-JobsContainer-Content-Panel {
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: calc(1rem * var(--T_ZOOM));
    align-content: flex-start;
    justify-content: space-between;
    align-items: flex-start;
    padding-left: calc(1.5rem * var(--T_ZOOM));
    padding-right: calc(1rem * var(--T_ZOOM));
    padding-top: calc(1.5rem * var(--T_ZOOM));
    padding-bottom: calc(1.5rem * var(--T_ZOOM));
    border: 1px solid var(--IP_Black);
    background-color: var(--IP_White);
    color: var(--IP_Text_Black);
}

    div.IP-Angebot-Detail-JobsContainer-Content-Panel:hover {
        color: var(--IP_HOVER_BOX);
        background-color: var(--IP_HOVER_BOX_BG_hover);
        border: var(--IP_HOVER_BOX_BORDER_hover);
        transition: background-color 0.9s ease-out;
        box-shadow: var(--IP_HOVER_BOX_SHADOW_hover);
    }


@media screen and (min-width: 769px) {
    div.IP-Angebot-Detail-JobsContainer-Content {
        flex-direction: row;
        margin-bottom: 2rem;
    }

    a.IP-Angebot-Detail-JobsContainer-Content-HL {
        width: calc((100% / 2) - 2rem / 2);
    }
}

@media screen and (min-width: 1200px) {
    a.IP-Angebot-Detail-JobsContainer-Content-HL {
        width: calc((100% / 3) - 2rem / 3 * 2);
    }
}

@media screen and (min-width: 1536px) {
    a.IP-Angebot-Detail-JobsContainer-Content-HL {
        width: calc((100% / 4) - 2rem / 4 * 3);
    }
}



div.IP-Angebot-Detail-JobsContainer-Content-Panel-Title {
    font-size: var(--IP_N);
    font-weight: bold;
    margin-bottom: -3px;
    overflow-wrap:anywhere;
}

div.IP-Angebot-Detail-JobsContainer-Content-Panel-Footer {
    margin-top: 0.7rem;
    font-size: var(--IP_S);
}

img.IP-Angebot-Detail-JobsContainer-Content-Panel-Ort {
    width: 16px;
    vertical-align: top;
}

/*#endregion JobsContainer in Angebot Detail }*/

div.Zum_AG_Panel {
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

div.IP-Angebot-Detail-Benefit-Panel {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
    gap: 2rem;
}

@media screen and (min-width: 769px) {
    div.IP-Angebot-Detail-Benefit-Panel {
        justify-content: flex-start;
    }
}
/*#endregion Angebot Detail }*/


/*#region Benefit {*/


div.BenefitEntry-Container {
    width: calc((100% / 2) - (2rem / 2));
    position: relative;
    background-color: var(--IP_BG_BENEFIT);
    height: 8rem;
}


@media screen and (min-width: 426px) {
    div.BenefitEntry-Container {
        height: 10rem;
        font-size: var(--IP_N);
    }
}

@media screen and (min-width: 769px) {
    div.BenefitEntry-Container {
        min-width: 170px;
        width: calc((100% / 3) - (2rem / 3 * 2));
        font-size: var(--IP_L);
    }
}

@media screen and (min-width: 1025px) {
    div.BenefitEntry-Container {
        width: calc((100% / 4) - (2rem / 4 * 3));
    }
}



@media screen and (min-width: 1921px) {
    div.Benefit-Panel-Entry {
        width: calc((100% / 5) - (2rem / 5 * 4));
        font-size: var(--IP_S);
    }
}

div.Benefit-Panel-Entry {
    color: var(--IP_Blue);
    font-size: var(--IP_S);
    font-weight: bold;
    height: 8rem;
    /*width: calc((100% / 2) - (2rem / 2));*/
    text-align: center;
    /*border-radius: 1rem;*/
    border: 0.2rem solid var(--IP_Blue);
    /*background-color: var(--IP_BG_VeryLightBlue);*/
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-wrap: wrap;
    box-shadow: 4px 4px 5px #DDDDDD;
    transition: background-color 0.2s ease-in;
    overflow-wrap: anywhere;
    padding-left: 10px;
    padding-right: 10px;
    position: absolute;
    width: 100%;
}

    div.Benefit-Panel-Entry:hover {
        font-size: var(--IP_XXS);
        border: calc(0.4rem * var(--T_ZOOM)) solid var(--IP_Red);
        background-color: white;
        color: var(--IP_Red);
        transition: background-color 0.9s ease-out;
        z-index: 100;
    }


@media screen and (min-width: 426px) {
    div.Benefit-Panel-Entry {
        height: 10rem;
        font-size: var(--IP_N);
    }
}



@media screen and (min-width: 769px) {
    div.Benefit-Panel-Entry {
        min-width: 170px;
        /*width: calc((100% / 3) - (2rem / 3 * 2));*/
        font-size: var(--IP_L);
    }
}

@media screen and (min-width: 1025px) {
    div.Benefit-Panel-Entry {
        /*width: calc((100% / 4) - (2rem / 4 * 3));*/
    }
}



@media screen and (min-width: 1921px) {
    div.Benefit-Panel-Entry {
        /*width: calc((100% / 5) - (2rem / 5 * 4));*/
        font-size: var(--IP_S);
    }
}

    div.Benefit-BG-1 {
        background-image: url("../Contentpages/Bilder/benefit1.svg");
        background-position: center;
        background-size: contain;
        /*background-clip: content-box;*/
        background-repeat: no-repeat;
    }

div.Benefit-BG-2 {
    background-image: url("../Contentpages/Bilder/benefit2.svg");
    background-position: center;
    background-size: contain;
    /*background-clip: content-box;*/
    background-repeat: no-repeat;
}

div.Benefit-BG-3 {
    background-image: url("../Contentpages/Bilder/benefit3.svg");
    background-position: center;
    background-size: contain;
    /*background-clip: content-box;*/
    background-repeat: no-repeat;
}

div.Benefit-BG-4 {
    background-image: url("../Contentpages/Bilder/benefit4.svg");
    background-position: center;
    background-size: contain;
    /*background-clip: content-box;*/
    background-repeat: no-repeat;
}

div.Benefit-BG-5 {
    background-image: url("../Contentpages/Bilder/benefit5.svg");
    background-position: center;
    background-size: contain;
    /*background-clip: content-box;*/
    background-repeat: no-repeat;
}

div.Benefit-BG-6 {
    background-image: url("../Contentpages/Bilder/benefit6.svg");
    background-position: center;
    background-size: contain;
    /*background-clip: content-box;*/
    background-repeat: no-repeat;
}

div.Benefit-BG-7 {
    background-image: url("../Contentpages/Bilder/benefit7.svg");
    background-position: center;
    background-size: contain;
    /*background-clip: content-box;*/
    background-repeat: no-repeat;
}

div.Benefit-BG-8 {
    background-image: url("../Contentpages/Bilder/benefit8.svg");
    background-position: center;
    background-size: contain;
    /*background-clip: content-box;*/
    background-repeat: no-repeat;
}

div.Benefit-BG-9 {
    background-image: url("../Contentpages/Bilder/benefit9.svg");
    background-position: center;
    background-size: contain;
    /*background-clip: content-box;*/
    background-repeat: no-repeat;
}

div.Benefit-BG-10 {
    background-image: url("../Contentpages/Bilder/benefit10.svg");
    background-position: center;
    background-size: contain;
    /*background-clip: content-box;*/
    background-repeat: no-repeat;
}

div.Benefit-BG-11 {
    background-image: url("../Contentpages/Bilder/benefit11.svg");
    background-position: center;
    background-size: contain;
    /*background-clip: content-box;*/
    background-repeat: no-repeat;
}

div.Benefit-BG-12 {
    background-image: url("../Contentpages/Bilder/benefit12.svg");
    background-position: center;
    background-size: contain;
    /*background-clip: content-box;*/
    background-repeat: no-repeat;
}

div.Benefit-BG-13 {
    background-image: url("../Contentpages/Bilder/benefit13.svg");
    background-position: center;
    background-size: contain;
    /*background-clip: content-box;*/
    background-repeat: no-repeat;
}

div.Benefit-BG-14 {
    background-image: url("../Contentpages/Bilder/benefit14.svg");
    background-position: center;
    background-size: contain;
    /*background-clip: content-box;*/
    background-repeat: no-repeat;
}

div.Benefit-BG-15 {
    background-image: url("../Contentpages/Bilder/benefit15.svg");
    background-position: center;
    background-size: contain;
    /*background-clip: content-box;*/
    background-repeat: no-repeat;
}


/*#endregion Benefit }*/


/*#region Angebote {*/
div.IP-Angebote-Header {
    display: flex;
    padding-top: 20px;
    flex-direction: row;
    align-items: baseline;
    justify-content: flex-start;
    column-gap: 2rem;
}

.IP-Angebote-Header-Text2 {
    font-weight: normal;
    font-size: var(--IP_S);
    color: var(--IP_Blue);
}

.IP-Angebote-Header-Text1 {
    font-weight: bold;
    font-size: var(--IP_L);
}

/*#endregion Angebote }*/


/*#region Meine Angebote {*/


div.IP-MeineAngebote-Top-Header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 1024px;
    padding-top: 1rem;
}

div.IP-MeineAngebote-Top-Header-Sticky {
    position: sticky;
    z-index:1000;
}

div.IP-MeineAngebote-Top-Header-Sticky-Content {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    max-width: 1024px;
    align-items: center;
    flex-wrap: wrap;
    column-gap: calc(1.5rem * var(--T_ZOOM));
    row-gap: calc(0.5rem * var(--T_ZOOM));
    font-size: var(--IP_N);
    font-weight: 600;
    padding-top: calc(1.5rem * var(--T_ZOOM));
    padding-bottom: calc(1.5rem * var(--T_ZOOM));
}

.MeineAngeboteMenuLink {
    padding: 0.5rem 1.2rem;
    color: var(--IP_Black);
    text-decoration: none;
}

    .MeineAngeboteMenuLink:hover {
        color: var(--IP_White);
        background-color: var(--IP_DarkRed);
        text-decoration: none;
        cursor: pointer;
    }



    .MeineAngeboteMenuLink.active {
        color: var(--IP_White);
        background-color: var(--IP_Red);
    }



@media (min-width: 1921px) {
    div .IP-MeineAngebote-Top-Header {
        max-width: 1400px;
    }

    div.IP-MeineAngebote-Top-Header-Sticky-Content {
        max-width: 1400px;
    }
}



div.IP-MeineAngebote-SectionPanel {
    display: flex;
    flex-direction: column;
    gap: 4rem;
    margin-bottom: 4rem;
}

div.IP-MeineAngebote-TopContainer{
    
}

div.IP-MeineAngebote-JobBox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 1024px;
}


@media (min-width: 1921px){
    div.IP-MeineAngebote-JobBox {
        max-width: 1400px;
    }

}


div.IP-MeineAngebote-JobBox-Header {
    font-weight: 700;
    position: sticky;
    z-index: 100;
    padding-top: 10px;
    padding-bottom: 10px;
}


/*    @media (min-width: 769px) {
        div.IP-MeineAngebote-JobBox-Header {
            font-size: var(--IP_XL);
        }
    }*/

/*Einträge von meine Angebote*/
a.IP-MeineAngebote-MasterPanel-HL {
    cursor: pointer;
    color: inherit;
    text-decoration: none;
}

div.IP-MeineAngebote-JobPanel {
    color: var(--IP_Text_Black);
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
    flex-direction: column;
}
    div.IP-MeineAngebote-JobPanel:hover {
        color: black;
    }

.IP-MeineAngebote-JobPanel-Header {
    font-size: var(--IP_L);
    overflow-wrap: anywhere;
    font-weight: 500;
    padding-right: 1rem;
}


.IP-MeineAngebote-JobPanel-Content {
    font-size: var(--IP_N);
    overflow:hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


div.IP-MeineAngebote-Footer-Row {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    border-top: 1px solid var(--IP_HOVER_BOX_BORDER);
    margin-top: 1.3rem;
}

div.IP-MeineAngebote-Footer-Col2 {
    width: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
    gap: 1rem;
}

div.IP-MeineAngebote-Footer-LeftCol {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}


.IP-MeineAngebote-Footer-Content {
    font-size: var(--IP_XS);
    padding-right: 1.5rem;
}


.IP-MeineAngebote-Footer-Img {
    float: right;
    width: 22px;
    height: 22px;
    overflow: visible;
    opacity: 0.7;
    margin-bottom: 3px;
}

    .IP-MeineAngebote-Footer-Row-Col2-Img:hover {
        opacity: 1.0;
        transition: opacity 0.5s ease-out;
    }

/*Panel für "Keine Einträge vorhanden"*/
div.IP-MeineAngebote-NoEntries {
    color: var(--IP_Blue);
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}



/*#endregion Meine Angebote }*/


/*#region SEARCHRESULT {*/

div.IP-Searchresult-Header-Sticky {
    position: sticky;
    z-index: 100;
    box-shadow: var(--IP_STICKY_ROW_SHADOW);
    background-color: var(--IP_STICKY_ROW_BG);
}

div.IP-Searchresult-Header {
    color: var(--IP_Blue);
    padding-top: 2rem;
    display: flex;
    flex-direction: row;
    align-items: baseline;
    gap: 2rem;
    justify-content: flex-start;
}

.IP-Searchresult-Header-Text1 {
    font-weight: bold;
    font-size: var(--IP_L);
}

.IP-Searchresult-Header-Text2 {
    font-weight: normal;
    font-size: var(--IP_S);
    color: var(--IP_Black);
}

.IP-Searchresult-NoResultText {
    font-weight: bold;
    font-size: var(--IP_N);
    color: var(--IP_Red);
}

/*#endregion SEARCHRESULT }*/


/*#region SUCHAUFTRÄGE {*/

div.IP-MeineBookmarks-Top-Header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 1024px;
    padding-top: 1rem;
}

div.IP-MeineBookmarks-Top-Header-Sticky {
    position: sticky;
    z-index: 1000;
}

div.IP-MeineBookmarks-Top-Header-Sticky-Content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    max-width: 1024px;
    align-items: center;
    flex-wrap: wrap;
    column-gap: calc(1.5rem * var(--T_ZOOM));
    row-gap: calc(0.5rem * var(--T_ZOOM));
    font-size: var(--IP_N);
    font-weight: 600;
    padding-top: calc(1.5rem * var(--T_ZOOM));
    padding-bottom: calc(1.5rem * var(--T_ZOOM));
}

div.IP-MeineBookmarks-Top-Header-Sticky-Content-Links {
    display: flex;
    flex-direction: row;
    justify-content:flex-start;
    align-items: center;
    flex-wrap: wrap;
    column-gap: calc(1.5rem * var(--T_ZOOM));
    row-gap: calc(0.5rem * var(--T_ZOOM));
    font-size: var(--IP_N);
    font-weight: 600;
}



.MeineBookmarksMenuLink {
    padding: 0.5rem 1.2rem;
    color: var(--IP_Black);
    text-decoration: none;
}

    .MeineBookmarksMenuLink:hover {
        color: var(--IP_White);
        background-color: var(--IP_DarkRed);
        text-decoration: none;
        cursor: pointer;
    }



    .MeineBookmarksMenuLink.active {
        color: var(--IP_White);
        background-color: var(--IP_Red);
    }



@media (min-width: 1921px) {
    div .IP-MeineBookmarks-Top-Header {
        max-width: 1400px;
    }

    div.IP-MeineBookmarks-Top-Header-Sticky-Content {
        max-width: 1400px;
    }
}


div.IP-MeineBookmarks-TopContainer {
}



div.IP-MeineBookmarks-Box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 1024px;
}


@media (min-width: 1921px) {
    div.IP-MeineBookmarks-Box {
        max-width: 1400px;
    }
}



div.IP-MeineBookmarks-Box-Header {
    font-weight: 700;
    position: sticky;
    z-index: 100;
    padding-top: 10px;
    padding-bottom: 10px;
}


/*    @media (min-width: 769px) {
        div.IP-MeineBookmarks-Box-Header {
            font-size: var(--IP_XL);
        }
    }*/




div.IP-Bookmarks-Box-Filter {
    font-size: var(--IP_N);
    display: flex;
    flex-direction: row;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    column-gap: 1.25rem;
    row-gap: 0.5rem;
}

div.IP-Bookmarks-Box-Filter-Entry {
    overflow-wrap: anywhere;
    /*    padding-right: 15px;
    padding-top: 5px;
*/
}

div.IP-Bookmarks-Box-Footer {
    margin-top: 1.3rem;
    font-size: var(--IP_S);
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid var(--IP_HOVER_BOX_BORDER);
    padding-top: 1.0rem;
}

div.IP-Bookmarks-Box-Footer-Col2 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 1rem;
}

.IP-Bookmarks-Box-Action {
    overflow: visible;
    opacity: 0.7;
}

    .IP-Bookmarks-Box-Action:hover {
        opacity: 1.0;
        transition: opacity 0.5s ease-out;
    }

/*#region SUCHAUFTRÄGE-PANEL {*/

div.IP-Bookmarks-SectionPanel {
    display: flex;
    flex-direction: column;
    gap: 4rem;
    margin-bottom: 4rem;
}

a.IP-Bookmarks-HL_PANEL {
    cursor: pointer;
    color: inherit;
    text-decoration: none;
}


div.IP-Bookmarks-MasterPanel {
    color: var(--IP_Text_Black);
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
    flex-direction: column;
}

/*    div.Suchaufttrag-HL_PANEL:hover {
        background-color: aliceblue;
        color: black;
    }*/




.IP-Bookmarks-MasterPanel-Header {
    font-size: var(--IP_L);
    overflow-wrap: anywhere;
    font-weight: 500;
    padding-right: 1rem;
}

/*#endregion SUCHAUFTRÄGE-PANEL }*/

/*#region NEUE SUCHAUFTRÄGE {*/

div.IP-New-Bookmarks-Box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 1024px;
}

div.IP-New-Bookmarks-Panel {
    padding-top: 15px;
    padding-bottom: 15px;
}


@media (min-width: 1921px) {
    div.IP-New-Bookmarks-Box {
        max-width: 1400px;
    }
}


@media (min-width: 3073px) {

    div.IP-New-Bookmarks-Box {
        max-width: 2552px;
    }
}

/*#endregion NEUE SUCHAUFTRÄGE }*/

/*#endregion SUCHAUFTRÄGE }*/


/*#region Checkboxen {*/

/*#region Standard-Checkboxen {*/




/*Zeile, in der die CB angelegt wird */
div.CB-Row {
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 10px;
    flex-wrap: nowrap;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: flex-start;
}

    div.CB-Row.IP_N > div:first-child {
        margin-top: 0px;
    }

    div.CB-Row.IP_N > div:nth-child(2) {
        margin: 0px;
        padding: 0px;
        font-size: var(--IP_N);
        font-weight: normal;
    }

        div.CB-Row.IP_N > div:nth-child(2) > label {
            font-weight: normal;
            margin: 0px;
            cursor: pointer;
        }


    div.CB-Row.IP_S > div:first-child {
        margin-top: 0px;
    }

    div.CB-Row.IP_S > div:nth-child(2) {
        margin: 2px 0px 0px 0px;
        padding: 0px;
        font-size: var(--IP_S);
        font-weight: normal;
    }

        div.CB-Row.IP_S > div:nth-child(2) > label {
            font-weight: normal;
            margin: 0px;
            cursor: pointer;
        }




/*#endregion Standard-Checkboxen }*/

    /*#region Checkbox-Slider {*/

    /*#region Checkbox-Slider LARGE {*/
    .IPJobSliderCB-large[type="checkbox"] {
        position: relative;
        left: 30px;
        top: 0px;
        z-index: 0;
        -webkit-appearance: none;
    }

        .IPJobSliderCB-large[type="checkbox"] + label {
            position: relative;
            display: block;
            cursor: pointer;
            font-family: sans-serif;
            font-size: 24px;
            line-height: 1.3;
            padding-left: 64px;
            position: relative;
            margin-top: -18px;
        }

            .IPJobSliderCB-large[type="checkbox"] + label:before {
                width: 64px;
                height: 34px;
                border-radius: 33px;
                border: 2px solid #ddd;
                background-color: #EEE;
                content: "";
                margin-right: 15px;
                transition: background-color 0.6s linear;
                z-index: 5;
                position: absolute;
                left: 0px;
            }

            .IPJobSliderCB-large[type="checkbox"] + label:after {
                width: 30px;
                height: 30px;
                border-radius: 15px;
                background-color: #fff;
                content: "";
                transition: margin 0.3s linear;
                box-shadow: 0px 0px 5px #aaa;
                position: absolute;
                left: 2px;
                top: 2px;
                z-index: 10;
            }

        .IPJobSliderCB-large[type="checkbox"]:checked + label:before {
            background-color: #54AA3C;
        }

        .IPJobSliderCB-large[type="checkbox"]:checked + label:after {
            margin: 0 0 0 30px;
        }

    /*#endregion Checkbox-Slider LARGE }*/

    /*#region Checkbox-Slider MEDIUM {*/

    .IPJobSliderCB-medium[type="checkbox"] {
        position: relative;
        left: 30px;
        top: 0px;
        z-index: 0;
        -webkit-appearance: none;
    }

        .IPJobSliderCB-medium[type="checkbox"] + label {
            position: relative;
            display: block;
            cursor: pointer;
            font-family: sans-serif;
            font-size: 18px;
            line-height: 1.3;
            padding-left: 42px;
            position: relative;
            margin-top: -17px;
            margin-bottom: 24px;
        }

            .IPJobSliderCB-medium[type="checkbox"] + label:before {
                width: 42px;
                height: 22px;
                border-radius: 11px;
                border: 2px solid #ddd;
                background-color: #EEE;
                content: "";
                margin-right: 1px;
                transition: background-color 0.5s linear;
                z-index: 5;
                position: absolute;
                left: 0px;
            }

            .IPJobSliderCB-medium[type="checkbox"] + label:after {
                width: 18px;
                height: 18px;
                border-radius: 9px;
                background-color: #fff;
                content: "";
                transition: margin 0.3s linear;
                box-shadow: 0px 0px 5px #aaa;
                position: absolute;
                left: 2px;
                top: 2px;
                z-index: 10;
            }

        .IPJobSliderCB-medium[type="checkbox"]:checked + label:before {
            background-color: #54AA3C;
        }

        .IPJobSliderCB-medium[type="checkbox"]:checked + label:after {
            margin: 0 0 0 20px;
        }

    /*#endregion Checkbox-Slider MEDIUM }*/

    /*#endregion Checkbox-Slider }*/
    /*#endregion Checkboxen }*/

/*#region MyArbeitgeber {*/

/*#region MyArbeitgeber-Auswahl {*/
div.SelectAG-Box {
    max-width: 1024px;
}

@media (min-width: 1921px) {
    div.SelectAG-Box {
        max-width: 1400px;
    }
}


div.SelectAG-Panel {
    padding-top: 15px;
    padding-bottom: 15px;
}

div.SelectAG-Panel-List {
    display: flex;
    flex-direction: column;
    gap: calc(1rem * var(--T_ZOOM));
}


div.SelectAG-Row {
    padding: 1rem;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-end;
}

div.SelectAG-Row-ActionCol {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 1rem;
    padding-left: 1rem;
    padding-bottom: 0.7rem;
}

.SelectAG-Row-ActionCol-Action {
    opacity: 0.7;
}

    .SelectAG-Row-ActionCol-Action:hover {
        opacity: 1.0;
        transition: opacity 0.5s ease-out;
    }


div.NewAG-Box {
    max-width: 1024px;
}


div.NewAG-BulletContainer{
    margin-left: 2rem;
}

div.NewAG-BulletContainer.Light {
    opacity:75%
}

    div.NewAG-BulletContainer.Light:hover {
        opacity: 100%
    }

div.NewAG-BulletContainer > p {
    margin-left: -2rem;
}

@media (min-width: 1921px) {
    div .NewAG-Box {
        max-width: 1400px;
    }
}


/*#endregion MyArbeitgeber-Auswahl }*/


/*#region EDIT-Arbeitgeber {*/

div.EDIT-AG-Box {
    max-width: 1024px;
}

div.EDIT-AG-Panel {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}


div.EDIT-AG-Row-AnwaltCount {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: flex-start;
}

div.EDIT-AG-Anwalt-Count-Col {
    width: auto;
}

    div.EDIT-AG-Anwalt-Count-Col.Col1 {
        padding-right: 4rem;
    }

    div.EDIT-AG-Anwalt-Count-Col.Col2 {
        padding-right: 0rem;
    }

.EDIT-AG-Anwalt-Count {
    max-width: 10rem;
}


/*div.EDIT-AG-CKEditor-Panel {
    margin-top: 1rem;
    margin-bottom: 1rem;
}*/

div.EDIT-AG-Form-Panel {
    margin-top: 1rem;
}

div.EDIT-AG-StandortePanel {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 1.6rem;
}

div.EDIT-AG-StandortePanel-Entry {
    width: 100%;
    border: 1px solid #b3b3b3;
    padding: 5px 5px 10px 10px;
    /*box-shadow: 3px 3px 3px #dddddd;*/
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    font-size: var(--IP_N);
}

.EDIT-AG-StandortePanel-Entry-Header {
    font-weight: bold;
}


div.EDIT-AG-StandortePanel-ActionPanel {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: nowrap;
    gap:1rem;
}

.EDIT-AG-StandortePanel-ActionPanel-Entry {
    height: 22px;
    opacity: 0.7;
}

    .EDIT-AG-StandortePanel-ActionPanel-Entry:hover {
        opacity: 1.0;
        transition: opacity 0.5s ease-out;
    }


div.EDIT-AG-IntStandortePanel {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 1.6rem;
    align-content: flex-start;
    align-items: flex-start;
}

div.EDIT-AG-IntStandortePanel-Entry {
    width:100%;
    border: 1px solid #b3b3b3;
    padding: 10px 5px 10px 10px;
    /* box-shadow: 3px 3px 3px #dddddd; */
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    align-items: center;
    justify-content: flex-start;
    font-size: var(--IP_N);
    font-weight: bold;
    gap:1.6rem;
}


div.EDIT-AG-IntStandortePanel-ActionPanel {
    height: 22px;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: nowrap;
    gap: 10px;
}


.EDIT-AG-IntStandortePanel-ActionPanel-Entry {
    height: 22px;
    opacity: 0.7;
}

    .EDIT-AG-IntStandortePanel-ActionPanel-Entry:hover {
        opacity: 1.0;
        transition: opacity 0.5s ease-out;
    }



div.EDIT-AG-APPanel {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 1.6rem;
}

div.EDIT-AG-APPanel-Entry {
    width: 100%;
    border: 1px solid #b3b3b3;
    padding: 5px 5px 10px 10px;
    /*box-shadow: 3px 3px 3px #dddddd;*/
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    font-size: var(--IP_N);
}


.EDIT-AG-APPanel-Entry-Header {
    font-weight: bold;
}

.EDIT-AG-APPanel-Entry-Header2 {
    margin-bottom: 5px;
    margin-top: -5px;
    font-size: var(--IP_S);
}


div.EDIT-AG-APPanel-ActionPanel {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: nowrap;
    gap: 1rem;
}

.EDIT-AG-APPanel-ActionPanel-Entry {
    height: 22px;
    opacity: 0.7;
}

    .EDIT-AG-APPanel-ActionPanel-Entry:hover {
        opacity: 1.0;
        transition: opacity 0.5s ease-out;
    }


div.EDIT-AG-CheckBoxPanel {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin-top: 1rem;
}

div.EDIT-AG-CheckBoxPanel-Entry {
    width: 100%;
}


@media (min-width: 769px) {

    .Anwalt-Count {
        max-width: 15rem;
    }

    div.EDIT-AG-StandortePanel {
        flex-direction: row;
    }

    div.EDIT-AG-StandortePanel-Entry {
        width: calc(100% / 2 - 0.8rem);
    }

    div.EDIT-AG-IntStandortePanel {
        flex-direction: row;
    }

    div.EDIT-AG-IntStandortePanel-Entry {
        width: unset;
        justify-content: space-between;
    }

    div.EDIT-AG-APPanel {
        flex-direction: row;
    }

    div.EDIT-AG-APPanel-Entry {
        width: calc(100% / 2 - 0.8rem);
    }

    div.EDIT-AG-CheckBoxPanel {
        flex-direction: row;
        column-gap: 2rem;
    }

    div.EDIT-AG-CheckBoxPanel-Entry {
        width: calc(50% - 1rem);
    }

}


@media (min-width: 1921px) {

    div.EDIT-AG-Box {
        max-width: 1400px;
    }

    .Anwalt-Count {
        max-width: 20rem;
    }

}


@media (min-width: 3073px) {

    div.EDIT-AG-Box {
        max-width: 2552px;
    }

}


/*#endregion EDIT-Arbeitgeber }*/

/*#endregion MyArbeitgeber }*/




/*#region Arbeitgeber {*/


div.AG-Header-Panel {
    padding-top: calc(2.00rem * var(--T_ZOOM));
    padding-bottom: calc(2.00rem * var(--T_ZOOM));
}


div.AG-Buchstaben-Navi {
    font-size: var(--IP_L);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: calc(0.5rem * var(--T_ZOOM));
}

div.AG-Buchstaben-Navi-Sticky {
    padding-top: calc(0.75rem * var(--T_ZOOM));
    padding-bottom: calc(0.75rem * var(--T_ZOOM));
    position: sticky;
    top: 50px;
    border-top: 1px solid var(--IP_LightGray);
    z-index: 1000;
}

div.AG-Panel {
    margin: 0px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: flex-start;
    justify-content: flex-start;
}

div.AG-Buchstaben-Zeile {
    width: 100%;
    font-weight: bold;
    margin-top: 2rem;
    margin-bottom: 2rem;
    font-size: var(--IP_XXL);
    color: var(--IP_Red);
}

div.AG-AG-Zeile {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
    margin-bottom: 2rem;
}



div.AG-Panel-Entry-Text {
    padding-left: 15px;
    padding-right: 15px;
    z-index: 50;
    color: var(--IP_Text_Black);
    font-weight: 600;
    font-size: var(--IP_S);
    overflow-wrap: break-word;
    width: 100%;
    text-shadow: 2px 2px 3px var(--IP_White);
    height: 28%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    flex-direction: column;
    transition: height 0.5s ease-out;
    align-items: center;
    text-align: center;
    min-height: 90px;
    width: 100%;
    background-color: #ffffff99;
}

    div.AG-Panel-Entry-Text.Premium {
        background-color: var(--IP_Black05);
        color: var(--IP_Control_Black);
        opacity: 85%;
        min-height: unset;
        font-size: var(--IP_N);
    }


div.AG-Panel-Entry-Text.Empty { /*Leere Box auf default.aspx*/
    color: var(--IP_Red);
    text-shadow: 2px 2px 3px var(--IP_White);
}

.AG-Panel-Entry-Text-Truncate {
    overflow-wrap: anywhere;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
}


.AG-Buchstabe.active {
    background: var(--IP_Red);
    margin-top: 0px !important;
    color: var(--IP_White);
}

a.AG-Buchstabe {
    font-size: var(--IP_S);
    font-weight: bold;
    width: 3rem;
    height: 3rem;
    background: none;
    border: none !important;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

@media screen and (min-width: 413px) {
    a.AG-Buchstabe {
        font-size: var(--IP_N);
        width: 4rem;
        height: 4rem;
    }
}



@media screen and (min-width: 769px) {
    a.AG-Buchstabe {
        font-size: var(--IP_L);
        width: 5rem;
        height: 5rem;
    }

    div.AG-Buchstaben-Zeile {
        font-size: var(--IP_XXXL);
    }
}

@media screen and (min-width: 1921px) {
    a.AG-Buchstabe {
        font-size: var(--IP_XL);
        width: 7rem;
        height: 7rem;
    }


    div.AG-Panel-Entry-Text {
        /*font-size: var(--IP_L);*/
        height:32%;
    }
}


    a.AG-Buchstabe:hover {
        color: var(--IP_White);
        background-color: var(--IP_DarkRed);
        text-decoration: none;
        cursor: pointer;
    }


a.AG-Panel-Entry-HL {
    border: 0.5rem solid var(--IP_Gray);
    text-decoration: none;
    width: 100%;
    height: 250px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    background-origin: content-box;
    background-size: cover;
    background-color: White;
}

    a.AG-Panel-Entry-HL.Premium {
        border: 1rem solid var(--IP_Black75);
    }

a.AG-Panel-Entry-HL.Standard {
    min-height: 130px;
    max-height: 170px;
}

    a.AG-Panel-Entry-HL:hover {
        opacity: 100%;
        border-color: var(--IP_Control_Black_Focus);
        transition: all 0.5s ease-out;
    }


    a.AG-Panel-Entry-HL.Premium:hover {
        opacity: 100%;
        border-color: var(--IP_Control_Black_Focus);
        background-color: var(--IP_Black05);
        transition: all 0.5s ease-out;
    }

    a.AG-Panel-Entry-HL:hover > div:first-child {
        height: 100%;
        display: flex;
        justify-content: center;
        opacity: 100%;
        color: var(--IP_NativeBlack);
    }




    a.AG-Panel-Entry-HL.Premium:hover > div:first-child {
        font-weight: 700;
        color: var(--IP_NativeBlack);
    }

            a.AG-Panel-Entry-HL:hover > div:first-child > :first-child {
                overflow-wrap: unset;
                overflow: hidden;
                text-overflow: clip;
                display: inherit;
                -webkit-line-clamp: unset;
                -webkit-box-orient: unset;
                white-space: unset;
                font-size: var(--IP_N);
                overflow-wrap: anywhere;
            }


            a.AG-Panel-Entry-HL.Premium:hover > div:first-child > :first-child {
                overflow-wrap: unset;
                overflow: hidden;
                text-overflow: clip;
                display: inherit;
                -webkit-line-clamp: unset;
                -webkit-box-orient: unset;
                white-space: unset;
                font-size: var(--IP_XL);
                overflow-wrap: anywhere;
            }

@media screen and (min-width: 544px) {
    div.AG-AG-Zeile {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start;
        gap: 2rem;
        margin-bottom: 2rem;
    }

    a.AG-Panel-Entry-HL {
        /*width: calc(100% / 2 - 10px);*/
        width: calc(100% / 2 - (2rem / 2 * 1));
    }



    a.AG-Panel-Entry-HL:hover > div:first-child > :first-child {
        font-size: var(--IP_N);
    }


}



@media screen and (min-width: 769px) {
    div.AG-AG-Zeile {
        gap: 4rem;
        margin-bottom: 4rem;
    }

    a.AG-Panel-Entry-HL {
        width: calc(100% / 2 - (4rem / 2 * 1));
    }

        a.AG-Panel-Entry-HL:hover > div:first-child > :first-child {
            /*font-size: var(--IP_L);*/
        }

/*    div.AG-Buchstaben-Zeile {
        padding-top: 40px;
    }*/

    div.AG-Buchstabe {
        font-size: var(--IP_XL);
    }
}


@media (min-width: 1025px) {
    div.AG-AG-Zeile {
        gap: 6rem;
        margin-bottom: 6rem;
    }

    a.AG-Panel-Entry-HL {
        width: calc(100% / 3 - (6rem / 3 * 2));
    }




}


@media screen and (min-width: 1921px) {
    div.AG-AG-Zeile {
        gap: 8rem;
        margin-bottom: 8rem;
    }

    a.AG-Panel-Entry-HL {
        width: calc(100% / 3 - (8rem / 3 * 2));
    }

/*    div.AG-Buchstaben-Zeile {
        padding-top: 50px;
    }*/
}

/*#endregion Arbeitgeber }*/

/*#region Arbeitgeberdetails AGD {*/

div.AGD-Header-Img {
    width: 100%;
    background-color: var(--IP_White);
    /*height: 24.199vw;*/
    padding-top: 0px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
    background-clip: content-box;
    background-origin: content-box;
    background-size: cover;
}



div.AGD-Titel-Sticky {
    z-index: 100;
    position: sticky;
    border-bottom: 1px solid var(--IP_LightGray);
    border-top: 1px solid var(--IP_LightGray);
    background-color: var(--IP_STICKY_ROW_BG);
    box-shadow: var(--IP_STICKY_ROW_SHADOW);
}

div.AGD-Titel-Frame {
}

div.AGD-Titel { /*responsive*/
    width: 100%;
    font-size: var(--IP_N);
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    border-left: none;
    border-right: none;
}

@media (min-width: 426px) {
    div.AGD-Titel {
        font-size: var(--IP_L);
        padding-top: 15px;
        padding-bottom: 15px;
    }
}



    @media (min-width: 1025px) {
        div.AGD-Titel {
            font-size: var(--IP_XL);
            padding-top: 20px;
            padding-bottom: 20px;
        }
    }

    @media (min-width: 1600px) {
        div.AGD-Titel {
            font-size: var(--IP_XXL);
        }
    }


/*div.AGD-Container {
    padding-top: 20px;
    z-index: 1;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 50px;
}
*/

div.IP-AG-Detail {
    padding-top: calc(4rem * var(--T_ZOOM));
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 5rem;
}


@media (min-width: 1280px) {
    div.IP-AG-Detail {
        flex-direction: row;
        gap: 4rem
    }
}

div.AGD-Content {
    overflow-wrap: break-word;
    border-right:0px;
    width: 100%;
}

@media (min-width: 1280px) {
    div.AGD-Content {
        /*border-right: 1px dotted var(--IP_TextGray);*/
        padding-right: calc(8rem * var(--T_ZOOM));
        width: calc(100% - 37rem);
    }
}

@media (min-width: 1921px) {
    div.AGD-Content {
        width: calc(100% - 44rem);
    }
}

@media (min-width: 3073px) {
    div.AGD-Content {
        width: calc(100% - 59rem);
    }
}

div.AGD-DCS-single-top {
    margin-top: 3rem;
    border-top: 5px solid var(--IP_LightGray);
    padding-top: 10px;
}

@media screen and (min-width: 769px) {
    a.AGD-DCS-single-top {
        margin-top: calc(3rem * var(--T_ZOOM));
    }
}


/*div.AGD-Section-Separator-1 {
    height: calc(0.2rem * var(--T_ZOOM));
    margin-bottom: 2rem;
    margin-top: 3rem;
    margin-left: -2rem;
    margin-right: -2rem;
    background-image: linear-gradient(to right, var(--IP_White) 0%, var(--IP_LightGray) 2%, var(--IP_Blue) 7%, var(--IP_LightGray) 88%, var(--IP_White) 100%);
}


@media (min-width: 769px) {
    div.AGD-Section-Separator-1 {
        margin-bottom: 3rem;
        margin-top: 4rem;
        background-image: linear-gradient(to right, var(--IP_White) 0%, var(--IP_LightGray) 2%, var(--IP_Blue) 5%, var(--IP_Blue) 30%, var(--IP_LightGray) 94%, var(--IP_White) 100%);
    }
}*/

/*div.AGD-Section-Separator-2 {
    height: calc(0.2rem * var(--T_ZOOM));
    margin-bottom: 2rem;
    margin-top: 0rem;
    margin-left: -2rem;
    margin-right: -2rem;
    background-image: linear-gradient(to right, var(--IP_Blue) 0%, var(--IP_LightGray) 80%, var(--IP_White) 100%);
}


@media (min-width: 769px) {
    div.AGD-Section-Separator-2 {
        margin-bottom: 3rem;
        background-image: linear-gradient(to right, var(--IP_Blue) 0%, var(--IP_LightGray) 85%, var(--IP_White) 100%);
    }
}
*/
div.AGD-Content-Section-Header {
    padding-bottom: 10px;
    font-size: var(--IP_XL);
    font-weight: bold;
}


div.AGD-RightCol {
    position: sticky;
    top: 280px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    width: 100%;
    gap:2rem;
    margin-top:2rem;
}


div.AGD-RightCol-Flex {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    width: 100%;
    margin-left: 0px;
    margin-top: 0px;
}

@media (min-width: 1280px) {
    div.AGD-RightCol-Flex {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        width: 100%;
        margin-left: 0px;
        margin-top: 0;
        padding-bottom: 0;
        border: var(--IP_SIDE_BOX_BORDER);
        background-color: var(--IP_BG_SIDE_BOX);
        box-shadow: var(--IP_SIDE_BOX_SHADOW);
        border-radius: var(--IP_SIDE_BOX_BORDER_RADIUS);
    }

}




/*#region Arbeitgeberdetails > Ansprechpartner {*/
div.AGD-Contact-Panel-Header {
    padding-top: 5px;
    font-weight: bold;
    margin-bottom: 10px;
    color: var(--IP_Red);
    font-size: var(--IP_L);
}

@media (min-width: 1280px) {
    div.AGD-Contact-Panel-Header {
        padding-top: calc(0.5rem * var(--T_ZOOM));
        padding-left: calc(1.5rem * var(--T_ZOOM));
        font-weight: bold;
        margin-bottom: 10px;
        color: var(--IP_Red);
        font-size: var(--IP_L);
    }
}


div.AGD-Detail-Contact-Flexbox {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    gap: 2rem;
}



div.AGD-RightCol-Contact-Panel {
    margin-top: 0px;
    /*    border-top: 5px solid var(--IP_Blue);
    border-left: 1px solid var(--IP_Blue);
    border-right: 1px solid var(--IP_Blue);
    border-bottom: 1px solid var(--IP_Blue);*/
    padding-bottom: calc(1.4rem * var(--T_ZOOM));
    padding-left: calc(1.5rem * var(--T_ZOOM));
    padding-right: 10px;
    padding-top: calc(1.0rem * var(--T_ZOOM));
    margin-right: 0px;
    min-width: 300px;
    /*background-color: var(--IP_BG_VeryLightBlue);*/
    width: 100%;
    overflow-wrap: anywhere;
    font-size: var(--IP_N);
    border: 1px solid var(--IP_Black);
    background-color: var(--IP_White);
}


div.AGD-Contact-Name {
    font-weight: bold;
    margin-bottom: -3px;
}

div.AGD-Contact-Position {
    padding-top: 0px;
    font-size: var(--IP_S);
}

div.AGD-Contact-Content {
    padding-top: 5px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
}

/*#endregion Arbeitgeberdetails > Ansprechpartner }*/

/*#region Arbeitgeberdetails > Jobs {*/

div.AGD-Job-Panel-Header {
    padding-top: 5px;
    font-weight: bold;
    margin-bottom: 10px;
    color: var(--IP_Red);
    font-size: var(--IP_L);
}


div.AGD-Detail-Jobs-Flexbox {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    gap: 2rem;
}


a.AGD-Jobpanel-HL {
    text-decoration: none;
    width: 100%;
}

    a.AGD-Jobpanel-HL:hover {
    }


div.AGD-Jobpanel-Panel {
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    gap: calc(1rem * var(--T_ZOOM));
    padding-left: calc(1.5rem * var(--T_ZOOM));
    padding-right: calc(1rem * var(--T_ZOOM));
    padding-top: calc(1.5rem * var(--T_ZOOM));
    padding-bottom: calc(1.5rem * var(--T_ZOOM));
    border: var(--IP_HOVER_BOX_BORDER);
    background-color: var(--IP_HOVER_BOX_BG);
    color: var(--IP_Text_Black);
    /*transition: background-color .5s ease-in;*/
    overflow-wrap: anywhere;
}

    div.AGD-Jobpanel-Panel:hover {
        color: var(--IP_HOVER_BOX);
        background-color: var(--IP_HOVER_BOX_BG_hover);
        border: var(--IP_HOVER_BOX_BORDER_hover);
        transition: background-color 0.9s ease-out;
        box-shadow: var(--IP_HOVER_BOX_SHADOW_hover);
    }

@media (min-width: 1280px) {

    div.AGD-Job-Panel-Header {
        padding-top: calc(0.5rem * var(--T_ZOOM));
        padding-left: calc(1.5rem * var(--T_ZOOM));
        font-weight: bold;
        margin-bottom: 10px;
        color: var(--IP_Red);
        font-size: var(--IP_L);
    }


    div.AGD-Jobpanel-Panel {
        border: none;
        border-top: var(--IP_HOVER_BOX_BORDER);
        background: none;
        background-color: transparent;
        /*transition: background-color .5s ease-in;*/
        overflow-wrap: anywhere;
        padding-top: calc(2.5rem * var(--T_ZOOM));
        padding-bottom: calc(2.5rem * var(--T_ZOOM));
    }

        div.AGD-Jobpanel-Panel:hover {
            background-color: var(--IP_White);
            border-top: var(--IP_HOVER_BOX_BORDER);
            border-left: none;
            border-right: none;
            margin-bottom: -1px;
            transition: background-color 0.9s ease-in;
            box-shadow: var(--IP_HOVER_BOX_SHADOW_hover);
        }

}


div.AGD-Jobpanel-Title {
    font-weight: bold;
    font-size: var(--IP_N);
}

div.AGD-Jobpanel-Footer {
    font-size: var(--IP_S);
}

img.AGD-Jobpanel-Ort {
    width: 16px;
    vertical-align: top;
}

/*#endregion Arbeitgeberdetails > Jobs }*/


/*#region Arbeitgeberdetails > Mediabreaks {*/

    @media (min-width: 769px) {


        div.AGD-RightCol {
            flex-direction:row;
        }


        div.AGD-Detail-Contact-Flexbox {
            flex-direction: row;
        }

        div.AGD-RightCol-Contact-Panel {
            margin-right: 0px;
            width: calc(100% / 2 - 2rem / 2);
        }

        div.AGD-Detail-Jobs-Flexbox {
            flex-direction: row;
        }

        a.AGD-Jobpanel-HL {
            width: calc(100% / 2 - 10px);
        }
    }

    @media (min-width: 1280px) {
        div.AGD-Container {
            display: flex;
            flex-wrap: nowrap;
        }
/*
        div.AGD-Content {
            padding-right: 20px;
        }*/

        div.AGD-RightCol {
            flex-direction: column;
            width: 33rem;
            margin-top: 0rem;
            gap: calc(4rem * var(--T_ZOOM));
        }


        div.AGD-Detail-Contact-Flexbox {
            flex-direction: column;
            gap: 0;
        }


        div.AGD-RightCol-Contact-Panel {
            margin-right: 0px;
            width: 100%;
            background: none;
            background-color: transparent;
            border: 0;
            border-top: var(--IP_SIDE_BOX_BORDER);
            padding-top: calc(1.2rem * var(--T_ZOOM));
            padding-bottom: calc(1.4rem * var(--T_ZOOM));
            padding-left: calc(1.5rem * var(--T_ZOOM));
            margin-bottom: 0px;
        }


        div.AGD-Detail-Jobs-Flexbox {
            flex-direction: column;
            gap:0;
        }
        
        a.AGD-Jobpanel-HL {
            width: 100%;
        }
    }


@media (min-width: 1921px) {

    div.AGD-RightCol {
        width: 40rem;
    }
}

@media (min-width: 3073px) {

    div.AGD-RightCol {
        width: 55rem;
    }
}

/*#endregion Arbeitgeberdetails > Mediabreaks }*/

/*#region Arbeitgeberdetails > Mainpanel {*/

div.AGD-Balken-Top {
    border-top: 5px solid var(--IP_LightGray);
}

div.AGD-Box-Padding {
    padding-left: 2rem;
    padding-right: 2rem;
    padding-bottom: 1rem;
}

div.AGD-Box-Header {
    padding-bottom: 10px;
    font-size: var(--IP_XL);
    font-weight: bold;
}


/*Fachbereiche + Anzahl Anwälte*/

div.AGD-Swap-Header {
    text-align: left;
}

div.AGD-FB-Anwaelte {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    gap: 3rem;
    margin-top: 6rem;
}

@media screen and (min-width: 769px) {
    div.AGD-FB-Anwaelte {
        gap: 2rem;
    }
}



div.AGD-FB-Anwaelte-Box {
    width: 100%;
    margin: 0px;
    /*padding-top: 1rem;*/
}

div.AGD-Number-Anwaelte {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    align-content: flex-end;
    align-items: flex-end;
    gap: 3rem
}

div.AGD-AnwaelteBox {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 1.5rem;
}


div.AGD-Anwaelte-Count {
    border-radius: 6rem;
    background-color: var(--IP_Red);
    color: var(--IP_LightBlue);
    font-size: var(--IP_XXL);
    font-weight: bold;
    width: 10rem;
    height: 10rem;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}


@media (min-width: 769px) {
    div.AGD-Swap-Header {
        text-align: center;
    }

    div.AGD-FB-Anwaelte {
        flex-direction: row;
    }

    div.AGD-FB-Anwaelte-Box {
        width: calc((100% / 2) - (2rem / 2));
    }

    div.AGD-Number-Anwaelte {
    }

    div.AGD-Anwaelte-Count {
        border-radius: calc(6rem * var(--T_ZOOM));
        font-size: var(--IP_XXXL);
        width: calc(12rem * var(--T_ZOOM));
        height: calc(12rem * var(--T_ZOOM));
    }
}


div.AGD-FB-Detail {
    column-count: unset;
    margin-left: 20px;
}

@media (min-width: 598px) {
    div.AGD-FB-Detail {
        column-count:2;
    }
}

@media (min-width: 769px) {
    div.AGD-FB-Detail {
        column-count: unset;
    }
}

@media (min-width: 1025px) {
    div.AGD-FB-Detail {
        column-count: 2;
    }
}

/*Benefits*/
div.AGD-Benefits-Panel {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
    gap: 20px;
}

@media (min-width: 769px) {
    div.AGD-Benefits-Panel {
        justify-content: flex-start;
    }
}


.StandortInternational {
    font-size: var(--IP_L);
    font-weight: bold;
    margin-right: calc(1rem * var(--T_ZOOM));
}

    .StandortInternational::before {
        /*        content: url("/Contentpages/Bilder/bullet_blue.png");
        margin-right: 10px;*/
        /*background-image: url('/Contentpages/Bilder/bullet_blue.png');*/
        background-size: calc(0.8rem * var(--T_ZOOM)) calc(0.8rem * var(--T_ZOOM));
        display: inline-block;
        width: calc(0.8rem * var(--T_ZOOM));
        height: calc(0.8rem * var(--T_ZOOM));
        vertical-align: middle;
        margin-bottom: calc(0.5rem * var(--T_ZOOM));
        margin-right: calc(1rem * var(--T_ZOOM));
        content: "";
        background-color: var(--IP_Red);
    }



/* Nationale Standorte*/

div.AGD-SONational-Panel {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: stretch;
    gap:20px;
}

div.AGD-SONationalPanel-Entry {
    width: 100%;
    border: 1px solid var(--IP_Black);
    padding: 0rem calc(0.2rem * var(--T_ZOOM)) calc(0.5rem * var(--T_ZOOM)) calc(0.7rem * var(--T_ZOOM));
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
}

.AGD-SONationalPanel-Entry-Header {
    margin-bottom: 5px;
    margin-top: 5px;
    font-weight: bold;
    overflow-wrap: anywhere;
}



@media (min-width: 769px) {
    div.AGD-SONational-Panel {
        flex-direction: row;
    }

    div.AGD-SONationalPanel-Entry {
        width: calc(100% / 2 - 10px);
    }

    
}

@media (min-width: 1025px) {
    div.AGD-SONationalPanel-Entry {
        width: calc(100% / 3 - 14px);
    }
}

@media (min-width: 1536px) {
    div.AGD-SONationalPanel-Entry {
        width: calc(100% / 4 - 15px);
    }
}
    /*#endregion Arbeitgeberdetails > Mainpanel }*/

/*#endregion Arbeitgeberdetails AGD }*/


/*#region Preise-Zeilen {*/

div.Preise {
    background-color: var(--IP_BG_BlueGray);
    font-size: var(--IP_N);
    justify-content: flex-end;
    padding-top: 0px;
    padding-bottom: 0px;
    color: var(--IP_DarkGray);
    border:none;
}

    div.Preise.Netto {
        border-top: 1px solid var(--IP_DarkGray);
    }

    div.Preise.Ust {
        
    }

    div.Preise.Brutto {
        align-items: flex-end;
        padding-bottom: 5px;
        color: var(--IP_Text_Black);
        font-weight:bold;
    }


div.PreiseCol1 {
    width: calc(100% - calc(12rem * var(--T_ZOOM)));
    text-align: right;
    margin-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-top: 0.5rem;


}

div.PreiseCol3 {
    width: calc(12rem * var(--T_ZOOM));
    text-align: right;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-top: 0.5rem;
}

/*#endregion Preise-Zeilen }*/





/*#region About {*/
div.About-Box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 1024px;
}

div.About-Box-Top {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.5rem;
    color: var(--IP_Blue);
    max-width: 1024px;
}

div.About-Panel {
    padding-top: 15px;
    padding-bottom: 15px;
}


@media (min-width: 769px) {
    div.About-Box-Top {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 4rem;
    }
}

@media (min-width: 1921px) {
    div.About-Box {
        max-width: 1400px;
    }
    div.About-Box-Top {
        max-width: 1400px;
    }

}


@media (min-width: 3073px) {

    div.About-Box {
        max-width: 2552px;
    }
    div.About-Box-Top {
        max-width: 2552px;
    }
}


div.FAQ_Panel{
    padding-top:0px;
}

div.FAQ_Panel_Default {
    padding-top: 0px;
    padding-bottom: 5rem;
}

div.FAQ_Header {
    font-size: var(--IP_N);
    font-weight: bold;
    padding-top: 3rem;
    padding-bottom: 1.5rem;
}


div.FAQ_Panel_Links {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    align-content: flex-start;
    gap: 3rem;
    position: sticky;
    top: 50px;
    background-color: var(--IP_Body);
    z-index: 100;
    border-bottom: 1px solid #dee2e6;
    box-shadow: 0px 4px 4px var(--IP_Body);
}

div.FAQ_Link_Panel {
    font-size: var(--IP_N);
}


@media (min-width: 769px) {
    div.FAQ_Header {
        font-size: var(--IP_L);
    }
}

/*#endregion About }*/






    /*#region +++++++++++ O L D ++++++++++++++++ {*/

    /*******************************************************************/
    /*******************************************************************/
    /*******************************************************************/
    /*OLD*/
    /*******************************************************************/
    /*******************************************************************/
    /*******************************************************************/

    .IPJobs-JobPanel-Row { /*Zeile in der 2 Job-Panels angelegt werden*/
    }


    a.IPJobs-JobPanel {
        cursor: pointer;
        text-decoration: none;
    }

        a.IPJobs-JobPanel:hover {
        }


    div.IPJobs-JobPanel {
        background-color: white;
        box-shadow: 5px 5px 5px #DDDDDD;
        /* border-radius: 7px;*/
        border: 7px solid var(--IP_LightGray);
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        transition: all .7s ease-out;
        color: var(--IP_Black);
    }

        div.IPJobs-JobPanel:hover {
            background: initial;
            background-color: var(--IP_Blue);
            color: white;
            /*border-radius: 0px;*/
            box-shadow: none;
            /*filter: grayscale(100%) brightness(90%) hue-rotate( 180deg ) contrast(100%);*/
            transition: all .5s ease-in;
            border: 7px solid var(--IP_Black);
        }

    .IPJobs-JobPanel-H400 {
        height: 400px;
    }

    .IPJobs-JobPanel-H300 {
        height: 300px;
    }

    .IPJobs-JobPanel-Inner-Box {
        padding: 10px 10px 10px 10px;
    }

    div.IPJobs-JobPanel-Premium {
        border: 7px solid var(--IP_Black);
        background-color: white;
    }




    .IPJobs-JobPanel-Header {
        padding: 10px 10px 5px 10px;
    }

    .IPJobs-JobPanel-Header-H300 {
        font-size: 1.5rem;
    }

    @media (min-width: 992px) {
        .IPJobs-JobPanel-Header-H300 {
            font-size: 1.3rem;
        }
    }

    @media (min-width: 1200px) {
        .IPJobs-JobPanel-Header-H300 {
            font-size: 1.5rem;
        }
    }

    .IPJobs-JobPanel-Header-H400 {
        font-size: 1.7rem;
    }


    @media (min-width: 992px) {
        .IPJobs-JobPanel-Header-H400 {
            font-size: 1.5rem;
        }
    }

    @media (min-width: 1200px) {
        .IPJobs-JobPanel-Header-H400 {
            font-size: 1.7rem;
        }
    }

    .IPJobs-JobPanel-Header-Col1 {
        width: 80px;
        float: left;
    }



    @media screen and (min-width: 384px) {
        .IPJobs-JobPanel-Header-Col1 {
            width: 160px;
            float: left;
        }
    }



    .IPJobs-JobPanel-Header-Col2 {
        width: calc(100% - 80px);
        float: left;
        padding-top: 20px;
        max-height: 120px;
        overflow: hidden;
        font-size: 2rem;
    }

    @media screen and (min-width: 769px) {
        .IPJobs-JobPanel-Header-Col2 {
            font-size: 3vw;
        }
    }

    @media screen and (min-width: 384px) {
        .IPJobs-JobPanel-Header-Col2 {
            width: calc(100% - 160px);
        }
    }



    @media screen and (min-width: 992px) {
        .IPJobs-JobPanel-Header-Col2 {
            font-size: 2rem;
        }
    }






    .IPJobs-JobPanel-Header-Col2-H300 {
        max-height: 120px;
        overflow: hidden;
    }

    .IPJobs-JobPanel-Header-Col2-H400 {
        max-height: 150px;
        overflow: hidden;
    }


    .IPJobs-JobPanel-Content {
        padding: 10px 10px 10px 10px;
        font-weight: bold;
        text-align: center;
    }

    .IPJobs-JobPanel-Content-H300 {
        font-size: 2.6rem;
        max-height: 83px;
        overflow: hidden;
    }

    @media (min-width: 992px) {
        .IPJobs-JobPanel-Content-H300 {
            font-size: 2.1vw;
            max-height: 83px;
            overflow: hidden;
        }
    }

    @media (min-width: 1200px) {
        .IPJobs-JobPanel-Content-H300 {
            font-size: 1.9rem;
        }
    }

    .IPJobs-JobPanel-Content-H400 {
        font-size: 2.4rem;
    }

    @media (min-width: 769px) {
        .IPJobs-JobPanel-Content-H400 {
            font-size: 3.1vw;
        }
    }

    @media (min-width: 992px) {
        .IPJobs-JobPanel-Content-H400 {
            font-size: 2.2rem;
        }
    }

    .IPJobs-JobPanel-Footer {
        padding: 10px 10px 10px 10px;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: flex-end;
    }

    .IPJobs-JobPanel-Footer-H300 {
        font-size: 1.6rem;
    }

    @media (min-width: 992px) {
        .IPJobs-JobPanel-Footer-H300 {
            font-size: 1.4rem;
        }
    }

    @media (min-width: 1200px) {
        .IPJobs-JobPanel-Footer-H300 {
            font-size: 1.6rem;
        }
    }

    .IPJobs-JobPanel-Footer-H400 {
        font-size: 1.6rem;
    }

    @media (min-width: 992px) {
        .IPJobs-JobPanel-Footer-H400 {
            font-size: 1.4rem;
        }
    }

    @media (min-width: 1200px) {
        .IPJobs-JobPanel-Footer-H400 {
            font-size: 1.6rem;
        }
    }

    .IPJobs-JobPanel-Footer-Col2 {
        font-size: 1.2rem;
    }

    .IPJobs-JobPanel-HelperDiv {
        width: 100%;
    }

    .IPJobs-JobPanel-IMG-Ort {
        width: 32px;
    }

    .IPJobs-JobPanel-IMG-Logo {
        width: 64px;
    }

    @media screen and (min-width: 384px) {
        .IPJobs-JobPanel-IMG-Logo {
            width: 128px;
        }
    }





    .IPJobs-JobPanel-IMG-Share {
        margin-right: 15px;
        width: 25px;
        opacity: 0.7;
    }

        .IPJobs-JobPanel-IMG-Share:hover {
            /*filter: brightness(80%) hue-rotate( 110deg ) contrast(250%) saturate(100);*/
            opacity: 1.0;
            transition: opacity 0.5s ease-out;
        }



    /*PIN-Button*/
    div.IPJobs-JobPanel-Pin {
        position: absolute;
        width: 42px;
        height: 42px;
        top: 16px;
        right: 16px;
    }

        div.IPJobs-JobPanel-Pin:hover {
            right: 24px;
        }


    .IPJobs-JobPanel-IMG-Pin {
        width: 42px;
    }

        .IPJobs-JobPanel-IMG-Pin:hover {
            width: 48px;
        }


    /**********************************************/
    /******  Filter-Panel  **/
    /**********************************************/
    .IPJobs-FilterPanel-Header {
        color: var(--IP_Blue);
        margin-bottom: 15px;
        font-weight: bold;
    }

    .IPJobs-FilterPanel-Row {
        padding-bottom: 10px;
    }
    /*
    .IPJobs-FilterPanel-Entry {
        text-align: left;
        float: left;
    }*/




    div.ResultHeaderDiv {
        color: var(--IP_Blue);
        padding-left: 10px;
        height: 35px;
    }

    .ResultHeaderText2 {
        font-weight: normal;
    }

    .ResultHeaderText1 {
        font-weight: bold;
        font-size: var(--IP_L);
    }

    div.NoResultDiv {
        color: var(--IP_Red);
        padding-left: 10px;
        margin-top: 20px;
    }

    .NoResultText {
        font-size: var(--IP_N);
    }




    /**********************************************/
    /******  Bookmarks-Panel  **/
    /**********************************************/

    div.BookmarksHeaderText {
        width: 100%;
        font-size: var(--IP_N);
        color: var(--IP_Blue);
        padding-left: 10px;
        margin-bottom: 20px;
    }

    /******************************************/
    /************* END JOBPANEL ***************/
    /******************************************/



    .ModalDialog-Box {
        max-height: calc(100vh - 55px - 90px);
    }

    .ModalDialog-Form {
        max-height: calc(100vh - 150px - 100px);
        overflow: auto;
        padding-right: 10px;
        margin-right: -10px;
    }






    .ip-btn-style-001 {
        margin-bottom: 20px;
        margin-top: 10px;
    }






    div.SPACER_M {
        height: 30px;
    }



    .IPJobs-header-box {
        margin-top: 10px;
        margin-bottom: 15px;
        padding-left: 20px;
        padding-top: 1px;
        padding-bottom: 1px;
        background-color: var(--IP_Blue);
        color: white;
        border-radius: 3px;
        margin-left: -10px;
        margin-right: -10px;
    }



    .IPJobs-inner-box {
        margin: 10px 10px 10px 10px;
        padding: 0px 10px 0px 10px;
    }


    .IPJobs-single-box-with-header {
        /*margin-top: 50px;*/
        /*margin-bottom: 50px;*/
        /*padding:  0px 0px 0px 0px;*/

        background-color: white;
        box-shadow: 5px 5px 5px #DDDDDD;
        border-radius: 4px;
        border: 1px solid #e2edf8;
    }


    .IPJobs-single-box-header {
        margin-top: -1px;
        margin-left: -11px;
        margin-right: -11px;
        margin-bottom: 10px;
        padding-left: 15px;
        padding-top: 1px;
        padding-bottom: 1px;
        background-color: var(--IP_Blue);
        color: white;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }



    .IPJobs-single-box-error-footer {
        margin-top: 0px;
        margin-left: -11px;
        margin-right: -11px;
        margin-bottom: -1px;
        padding-left: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: lightgoldenrodyellow;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
    }


    .IPJobs-single-box-without-header {
        /*margin-top: 50px;*/
        /*margin-bottom: 50px;*/
        /*padding:  0px 0px 0px 0px;*/

        background-color: white;
        box-shadow: 5px 5px 5px #DDDDDD;
        border-radius: 4px;
        border: 1px solid #e2edf8;
    }

    .IPJobs-double-box-with-header {
        margin-top: 50px;
        margin-bottom: 50px;
        margin-left: 20px;
        padding: 0px 35px 25px 35px;
        background-color: white;
        box-shadow: 7px 7px 7px #DDDDDD;
        border-radius: 8px;
    }



    .IPJobs-Smaller-Text {
        font-family: inherit;
        font-weight: 500;
        line-height: 1.1;
        color: inherit;
        font-size: smaller;
    }

    .IPJobs-VerySmall-Text {
        font-family: inherit;
        font-weight: 100;
        line-height: 1.1;
        color: inherit;
        font-size: x-small;
    }


    .IPJobs-Hinweis-Text {
        font-family: inherit;
        font-weight: 500;
        line-height: 1.1;
        color: gray;
        font-size: small;
    }

    .IPJobs-Label-small {
        font-family: inherit;
        font-weight: 100;
        line-height: 1.0;
        color: steelblue;
        font-size: small;
    }


    .padding-links-null {
        padding-left: 0px;
    }

    .padding-rechts-null {
        padding-right: 0px;
    }

    .padding-lr-5 {
        padding-left: 5px;
        padding-right: 5px;
    }

    .margin-rechts-null {
        margin-right: 0px;
    }

    .margin-bottom-5 {
        margin-bottom: 5px;
    }

    .margin-left-5 {
        margin-left: 5px;
    }


    .TD-preview-links {
        padding: 3px 14px 3px 7px;
        width: 175px;
        overflow-wrap: break-word;
    }

    .TD-preview-links-header {
        padding: 3px 14px 3px 0px;
        width: 175px;
        overflow-wrap: break-word;
    }

    .TD-preview-rechts {
        padding: 3px 0px 3px 0px;
    }

    .std_text {
        display: inline-block;
        max-width: 100%;
        margin-bottom: 0px;
        font-weight: normal;
    }

    .std_kursiv {
        font-style: italic;
    }


/*    .small-border {
        border: 1px solid #b3b3b3;
        max-width: 100%;
    }*/

    .IPJobs-CheckBox-medium {
        width: 20px;
        height: 20px;
    }





    .input-angebot {
        margin-bottom: 0.6rem;
        width: 100%;
    }


    .IP-h4-Blau {
        color: steelblue;
    }

    .txt-buch-selected {
        font-weight: bold;
        color: black;
    }

    .txt-buch-deselected {
        font-weight: normal;
        color: gray;
    }

    div.buch-selected {
        visibility: visible;
        display: block;
    }

    div.buch-deselected {
        display: none;
    }

    table.next_buch-selected {
        border-collapse: collapse;
        visibility: visible;
        vertical-align: bottom;
        width: 100%;
    }

    table.next_buch-deselected {
        border-collapse: collapse;
        vertical-align: bottom;
        display: none;
        width: 100%;
    }

    td.next-preview-rechts {
        padding: 3px 7px 3px 7px;
        text-align: right;
        width: 120px;
        min-width: 120px;
        vertical-align: bottom;
    }

    td.next-preview-links {
        padding: 3px 14px 3px 7px;
        overflow-wrap: break-word;
        min-width: 135px;
    }

    table.next_summe {
        border-collapse: collapse;
        vertical-align: bottom;
        width: 100%;
    }



    .IP-col-buchoption {
        padding: 0px 7px 0px 9px;
    }

    .IP-col-buchoption-preis {
        padding: 0px;
        text-align: right;
    }

    div.tr-buch-opt.border-bottom {
        border-bottom: 1px dotted #ddd;
    }

    div.tr-buch-opt.border-top {
        border-top: 1px dotted #ddd;
    }

    div.tr-buch-opt {
        margin-right: 7px;
        margin-left: 5px;
        padding-right: 5px;
        padding-left: 5px;
        padding-top: 10px;
        padding-bottom: 10px;
    }


        div.tr-buch-opt:hover {
            background-color: var(--IP_LightBlue);
        }

        div.tr-buch-opt.static {
            background-color: var(--IP_LightGray);
        }


    div.tr-buch-opt-summe {
        margin-right: 7px;
        margin-left: 5px;
        padding-right: 7px;
        padding-top: 10px;
        padding-bottom: 0px;
    }

    div.tr-buch-opt-ust {
        margin-right: 7px;
        margin-left: 5px;
        padding-right: 7px;
        padding-top: 0px;
        padding-bottom: 10px;
    }




    .IPJobs-Balloon-Text {
        color: #2e6da4;
        font-size: small;
        text-align: left;
    }




    .AGB_TEXT {
        font-size: smaller;
        line-height: 130%;
        margin: 2px 0px 10px 0px;
    }

    /*tr.tr-buch-opt {
    vertical-align: top;
    border-bottom: 1px dotted #ddd;
    border-top: 1px dotted #ddd;
}

*/ /*tr.tr-buch-opt-bg {
    background-color: ghostwhite;
}
*/
    /*tr.tr-buch-opt:hover {
    background-color: aliceblue;
}*/




    .Err-Text {
        padding-left: 5px;
        font-weight: bold;
        color: crimson;
        background-color: lemonchiffon;
    }

    




    .IPJobs-single-box-header-MyAngebote {
        margin-top: -1px;
        margin-left: -11px;
        margin-right: -11px;
        margin-bottom: 10px;
        padding-left: 10px;
        padding-top: 1px;
        padding-bottom: 1px;
        background-color: #e2edf8;
    }

    .PANEL_MyAngebote-Bold-Text {
        font-weight: bold;
    }



    div.HL_PANEL_MyAngebote:hover {
        /*border-bottom: none;*/
        background-color: aliceblue;
        color: black;
    }

    div.HL_PANEL_MyAngebote {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 20px;
        padding-bottom: 10px;
        border-bottom: 1px solid #ddd;
    }


    a.HL_PANEL_MyAngebote {
        cursor: pointer;
        color: inherit;
        text-decoration: none;
    }


    div.Header_MyAngebote {
        /*    padding-bottom: 15px;
    padding-top: 15px;
*/ /*border-bottom: 1px dotted #ddd;*/
    }

    .Titel_MyAngebote {
        font-size: 1.12em;
        font-weight: bold;
        color: steelblue;
    }


    .Beschreibung_MyAngebote {
        font-size: 1em;
        margin-top: 5px;
        margin-bottom: 5px;
    }

/*    .Beschreibung_KeineMyAngebote {
        font-size: 1em;
        margin-top: 5px;
        margin-bottom: 5px;
    }*/

    .MyAngebote-FooterPanel {
        padding-bottom: 10px;
        padding-top: 5px;
        border-top: 1px solid #f6f6f6;
    }

    .FooterText_MyAngebote {
        font-size: 0.86em;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .MasterPanel-MyAngebote {
        position: relative;
    }



    /******************************************************/
    /************   ANGEBOT DETAIL                  *******/
    /******************************************************/

    AngeotDetailSectionTitel {
    }

    div.AngebotDetailHeader {
        text-align: center;
        vertical-align: middle;
    }

    img.AngebotHeaderImg {
        margin: 5px 0px 5px 0px;
        max-width: 100%;
        width: calc(100% - 10px);
    }

    div.AngebotDetailTitel {
        text-align: center;
        /*    border-bottom: 3px solid #e2edf8;*/
        padding-bottom: 10px;
        margin-bottom: 0px;
    }




    div.AngebotDetailBeschreibung {
        border-top: 2px solid var(--IP_LightGray);
        padding-bottom: 10px;
        padding-top: 20px;
        margin-left: -10px;
        margin-right: -10px;
        padding-left: 10px;
        padding-right: 10px;
    }

    div.AngebotDetailDetails {
        border-top: 2px solid var(--IP_LightGray);
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 15px;
        padding-right: 15px;
        margin-left: -10px;
        margin-right: -10px;
    }





    div.AngebotDetailsPanel {
        display: flex;
        flex-wrap: wrap;
        align-content: flex-start;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: row;
    }

    /*div.AngebotDetailsCol1{
    width:275px;
}*/


    /*div.AngebotDetailDetailsRow {
    margin-bottom: 5px;
}*/



    div.AngebotDetailKontakt {
        padding-top: 10px;
        border-top: 2px solid var(--IP_LightGray);
        background-color: var(--IP_LightBlue);
        margin-left: -10px;
        margin-right: -10px;
        padding-left: 10px;
        padding-right: 10px;
    }

    div.AngebotDetailKontaktCol {
        padding-bottom: 20px;
        margin-bottom: 10px;
    }

    .IP-BTN-NavBox {
        /*    width: calc(100% - 6px);
    margin-bottom: 8px;
    margin-right: 9px;
    padding: 6px 13px;
    max-width: 260px;
    min-width: 100px;
    border-radius: 25px;
    background-color: aliceblue;
    border: 1px solid #337ab7;
    color: #2e6da4;
    font-size: 1.5rem;
*/
    }


        .IP-BTN-NavBox:hover {
            /*        color:white;
        transition: all .3s cubic-bezier(.555,.03,.515,.955);
*/
        }

    .Angebot-Premium-Top {
        border: 1px solid #337ab7;
        background-color: #337ab7;
        color: white;
    }

    .Angebot-Premium-Bottom {
        border: 2px solid #337ab7;
    }

    div.premium-badge {
        margin-left: -25px;
        margin-top: 115px;
        /*background-color: red;*/
        float: left;
        width: 38px;
        height: 38px;
        /* border-top-left-radius: 10px; */
        /* border-bottom-left-radius: 10px; */
        /* color: white; */
        text-align: center;
        z-index: 100;
        /* overflow: overlay; */
        position: absolute;
    }


    .angebot-action {
        /*background-color: red;*/
        float: right;
        width: 22px;
        height: 22px;
        bottom: 25px;
        right: 22px;
        /* border-top-left-radius: 10px; */
        /* border-bottom-left-radius: 10px; */
        /* color: white; */
        z-index: 100;
        overflow: visible;
        position: absolute;
        opacity: 0.7;
    }

        .angebot-action:hover {
            /*        width: 28px;
        height: 28px;
        bottom: 22px;
        right: 19px;*/
            opacity: 1.0;
            transition: opacity 0.5s ease-out;
        }





    .flex-panel-r-sb {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
    }

    .flex-panel-row-links-center {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
    }


    .flex-panel-row-rechts-center {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
    }


    /*BenefitCol in Stellenangebot aufgeben*/
    .BenefitCol {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
    }

    .BenefitCB {
        margin-top: 0px;
        padding-left: 0px;
    }

    .BenefitLabel {
        margin-top: 0px;
        margin-bottom: 0px;
        padding-left: 7px;
        cursor: pointer;
        font-weight: normal;
    }

    /*BenefitPanel in Detailansicht Stellenangebot */
    div.Benefit-Row {
        padding-top: 10px;
        padding-bottom: 10px;
        margin-left: -10px;
        margin-right: -10px;
        padding-left: 10px;
        padding-right: 10px;
        border-top: 2px solid var(--IP_LightGray);
    }








    /*Stellenangebot aufgeben Buchungsoptionen*/
    div.buchopt-row-flex {
        display: flex;
        flex-direction: row;
        align-content: flex-start;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: nowrap;
        margin-left: 5px;
        margin-right: 5px;
        padding-top: 10px;
        padding-bottom: 10px;
        border-bottom: 1px dotted #ddd;
    }

        div.buchopt-row-flex:hover {
            background-color: var(--IP_LightBlue);
        }

        div.buchopt-row-flex.static {
            background-color: var(--IP_LightGray);
        }

        div.buchopt-row-flex.Summe {
            padding-top: 5px;
            padding-bottom: 0px;
        }

        div.buchopt-row-flex.Ust {
            padding-top: 5px;
            padding-bottom: 5px;
        }

    div.buchopt-col-1 {
        width: 100px;
        padding-left: 10px;
        margin-left: 5px;
        margin-top: -5px;
    }

    div.buchopt-col-2 {
        width: calc(100% - 285px);
        text-align: left;
    }

        div.buchopt-col-2.Summe {
            text-align: right;
        }

    div.buchopt-col-3 {
        width: 160px;
        text-align: right;
        padding-right: 10px;
    }





    /*********************************/
    /* Suchaufträge */
    /*********************************/
    div.MySuchauftrag-Panel {
        margin-left: -10px;
        margin-right: -10px;
    }

    .Suchaufttrag-MasterPanel {
        position: relative;
    }


    /*div.Suchaufttrag-HL_PANEL {
        padding-left: 14px;
        padding-right: 10px;
        padding-top: 20px;
        padding-bottom: 10px;
        border-bottom: 1px solid #ddd;
        display: flex;
        flex-direction: column;
        align-content: flex-start;
        justify-content: flex-start;
        align-items: flex-start;
    }

        div.Suchaufttrag-HL_PANEL:hover {*/
            /*border-bottom: none;*/
            /*background-color: aliceblue;
            color: black;
        }

    a.Suchaufttrag-HL_PANEL {
        cursor: pointer;
        color: inherit;
        text-decoration: none;
    }*/



    div.Suchaufttrag-Header {
        /*    padding-bottom: 15px;
    padding-top: 15px;
*/ /*border-bottom: 1px dotted #ddd;*/
    }

/*    .Suchaufttrag-Title {
        font-size: var(--IP_L);
        font-weight: bold;
        color: var(--IP_Blue);
    }*/






    .Suchauftrag-DetailsPanel-Entry-Header {
        font-weight: bold;
    }

    .Suchauftrag-DetailsPanel-Entry-Text {
        font-style: italic;
        color: var(--IP_Blue);
    }





    /*.Suchauftrag-FooterText {*/
        /*    margin-top: 5px;
    margin-bottom: 5px;*/
    /*}*/



    div.Suchauftrag-KeinSuchauftrag {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .Suchauftrag-KeinSuchauftragText {
        font-size: 1em;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .Suchauftrag-Button {
        padding: 0 0 10px 0;
        margin-top: 0px;
    }

    div.NewSuchauftrag-Panel {
        padding-left: 5px;
        padding-right: 5px;
        display: flex;
        flex-direction: column;
        align-content: flex-start;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
    }

    div.NewSuchauftrag-Panel-Row {
        width: 100%;
        padding-bottom: 10px;
        display: flex;
        flex-direction: row;
        align-content: flex-start;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
    }

    div.NewSuchauftrag-Panel-Col1 {
        width: 225px;
    }

    div.NewSuchauftrag-Panel-Col2 {
        width: calc(100% - 225px);
        min-width: 250px;
    }

    div.DetailSuchauftrag-Panel {
        padding-left: 5px;
        padding-right: 5px;
        display: flex;
        flex-direction: column;
        align-content: flex-start;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
    }

    div.DetailSuchauftrag-Panel-Row {
        width: 100%;
        padding-bottom: 10px;
        display: flex;
        flex-direction: row;
        align-content: flex-start;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
    }

    div.DetailSuchauftrag-Panel-Col1 {
        width: 225px;
    }

    div.DetailSuchauftrag-Panel-Col2 {
        width: calc(100% - 225px);
        min-width: 250px;
    }




    div.IPJobs-single-box-sectionheader {
        margin-left: -15px;
        margin-right: -30px;
        margin-bottom: 10px;
        margin-top: 10px;
        padding-left: 15px;
        padding-right: 15px;
        width: calc(100% + 30px);
        padding-bottom: 0px;
        padding-top: 2px;
        background-color: var(--IP_BG_SectionHeader);
    }





    /*********************************/
    /* Arbeitgeber Check*/
    /*********************************/

    div.AG-Check-Text {
        width: 100%;
        font-size: var(--IP_N);
        color: var(--IP_Blue);
        padding-left: 10px;
        margin-bottom: 20px;
    }

    .AG-Check-Button {
        padding: 0 0 10px 0;
        margin-top: 0px;
    }

    /*********************************/
    /* Neuer Arbeitgeber */
    /*********************************/


    div.NewAG-Panel {
        padding-left: 5px;
        padding-right: 5px;
        display: flex;
        flex-direction: column;
        align-content: flex-start;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
    }

    div.NewAG-Panel-Row {
        width: 100%;
        padding-bottom: 10px;
        display: flex;
        flex-direction: row;
        align-content: flex-start;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
    }


    /*Zeile mit nur einer spalte*/
    div.NewAG-Panel-Row-only {
        width: 100%;
        padding-bottom: 10px;
        display: flex;
        flex-direction: column;
        align-content: flex-start;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
    }



    div.NewAG-Panel-Row-Description {
        margin-bottom: 10px;
        font-size: var(--IP_S);
    }

    div.NewAG-Panel-FachbereichePanel {
        width: 100%;
    }

    .NewAG-Panel-FachbereichCol {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
    }

    .NewAG-Panel-FachbereichCB {
        margin-top: 0px;
        padding-left: 0px;
    }

    .NewAG-Panel-FachbereichLabel {
        margin-top: 0px;
        margin-bottom: 0px;
        padding-left: 7px;
        cursor: pointer;
        font-weight: normal;
    }


    div.NewAG-Panel-BenefitsPanel {
        width: 100%;
    }

    .NewAG-Panel-BenefitsCol {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
    }

    .NewAG-Panel-BenefitsCB {
        margin-top: 0px;
        padding-left: 0px;
    }

    .NewAG-Panel-BenefitsLabel {
        margin-top: 0px;
        margin-bottom: 0px;
        padding-left: 7px;
        cursor: pointer;
        font-weight: normal;
    }


    div.NewAG-Panel-Col1 {
        width: 225px;
    }

    div.NewAG-Panel-Col2 {
        width: calc(100% - 225px);
        min-width: 250px;
    }


    div.NewStandort-Panel-Row {
        width: 100%;
        padding-top: 10px;
    }

    div.NewStandort-Panel-Row-with-Cols {
        width: 100%;
        display: flex;
        flex-direction: row;
        align-content: flex-start;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
    }

    div.NewStandort-Panel-Col1 {
        width: 225px;
        padding-right: 15px;
        padding-top: 10px;
    }

    div.NewStandort-Panel-Col2 {
        width: calc(100% - 225px);
        min-width: 210px;
        padding-top: 10px;
    }




    /*******************************************
    Neuer Arbeitgeber
    Panel Standort
**********************************************/





    div.NewAG-Panel-IntStandortePanel-Entry {
        /*    width: calc(50% - 15px);
    min-width: 225px;*/
        margin-right: 15px;
        border: 1px solid #b3b3b3;
        border-radius: 4px;
        padding: 10px 5px 10px 10px;
        margin-bottom: 10px;
        box-shadow: 3px 3px 3px #DDDDDD;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: flex-start;
        align-items: center;
        justify-content: flex-start;
    }

        div.NewAG-Panel-IntStandortePanel-Entry:hover {
            border-color: var(--IP_Black);
            background-color: var(--IP_LightGray);
            cursor: pointer;
        }



/*    .NewAG-Panel-IntStandortePanel-Entry-Header {
        margin-bottom: 5px;
        margin-top: 5px;
        font-weight: bold;
    }*/










    /*******************************************
    Neuer Arbeitgeber
    Panel Ansprechpartner
**********************************************/

    div.NewAG-Panel-APPanel-Entry {
        width: calc(50% - 15px);
        min-width: 225px;
        margin-right: 15px;
        border: 1px solid #b3b3b3;
        border-radius: 6px;
        padding: 5px 5px 10px 15px;
        margin-bottom: 10px;
        box-shadow: 3px 3px 3px #DDDDDD;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: space-between;
    }

    div.NewAG-Panel-APPanel-Entry-ActionPanel {
        width: 100%;
        height: 22px;
        display: flex;
        flex-direction: row;
        align-content: center;
        justify-content: flex-end;
        align-items: center;
        flex-wrap: nowrap;
    }


    .NewAG-Panel-APPanel-Entry-action {
        height: 22px;
        margin-left: 5px;
        opacity: 0.7;
    }

        .NewAG-Panel-APPanel-Entry-action:hover {
            opacity: 1.0;
            transition: opacity 0.5s ease-out;
        }

    .NewAG-Panel-APPanel-Entry-Header {
        margin-bottom: 5px;
        margin-top: 5px;
        font-weight: bold;
    }







    .NewAG-Upload {
        width: calc(100% - 43px);
        font-size: var(--IP_S);
        border: 1px solid blue;
        min-width: 220px;
    }

    .NewAG-Panel-Row-CB {
        padding-left: 0px;
    }

    .NewAG-Panel-Row-CB-Label {
        font-size: var(--IP_S);
        color: var(--IP_Blue);
        font-weight: 400;
        cursor: pointer;
    }

    div.NewAG-Panel-Row-CB {
        margin-bottom: 0px;
        width: 100%;
    }

    div.NewAG-Panel-Row-Alt-Sprache {
        width: 100%;
        color: var(--IP_TextGray);
        font-size: var(--IP_S);
        padding-bottom: 3px;
    }

    div.NewAG-Panel-Row-hidden {
        display: none;
    }



    * {
        --EntryDimension: 19vw;
        --EntryMinDimension: 175px;
        --SpacerDimension: 4vw;
    }







    /*Zeile im Content*/



    /***************************************/
    /* Arbeitgeber Detail-Ansicht */
    /***************************************/

    /* Hintergruende + Abstände*/
/*    div.AG-Detail-BG-Single-Box {
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 10px;
    }*/

/*    .BG1 {
        background-color: #edf0f0;
    }

    .BG2 {
        background-color: #e7eaed;
    }

    .BG3 {
        background-color: #f1f5f7;
    }

    .BG4 {
        background-color: #e8e8e8;
    }*/





    







    div.AG-Detail { /*responsive*/

        padding-top: 20px;
        z-index: 1;
        padding-left: 2vw;
        padding-right: 2vw;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: flex-start;
        justify-content: space-between;
        align-items: flex-start;
        margin-bottom: 100px;
    }



    @media (min-width: 1025px) {
        div.AG-Detail {
            padding-left: 20vw;
            flex-wrap: nowrap;
            padding-right: 8vw;
        }
    }


    /*    div.AG-Detail-AP-Flexbox {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: stretch;
        align-content: flex-start;
        margin-bottom: 50px;
    }

    @media (min-width: 1025px) {
        div.AG-Detail-AP-Flexbox {
            flex-direction: column;
            margin-bottom: 50px;
        }
    }*/

    /*div.AG-Detail-Jobs-Flexbox {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    gap: 15px
}

    @media (min-width: 1025px) {
        div.AG-Detail-Jobs-Flexbox {
            flex-direction: column;
        }
    }

*/



    div.AG-Detail-Content {
        padding-left: 0vw;
        padding-right: 2vw;
        min-width: 300px;
        overflow-wrap: break-word;
    }






    div.AG-Detail-Content-Section {
        padding-top: 10px;
        margin-right: 2vw;
    }

    div.DCS-top {
        margin-top: 60px;
        border-top: 5px solid var(--IP_DarkGray);
    }

    div.DCS-top-first {
        margin-top: 0px;
        border-top: 5px solid var(--IP_DarkGray);
    }


    .header-center {
        text-align: center;
    }

    .header-padding-r {
        padding-right: 20px;
    }

    .AG-bullet-list {
        list-style: square;
        list-style-position: outside;
        text-indent: 0px;
    }

    .AG-bullet-list-item::marker {
        font-size: 110%;
    }

    /*    div.AG-Detail-StandorteNational-Panel {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: flex-start;
        justify-content: space-between;
    }*/

div.AG-Detail-StandorteInternational-Panel {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding-left: calc(3rem * var(--T_ZOOM));
    
}


div.AG-Detail-StandortInt-Entry {
    width: -moz-fit-content;
    width: fit-content;
    /* min-width: 225px; */
    /*margin-right: 10px;*/
    /*border: 1px solid #b3b3b3;*/
    /* border-radius: 6px; */
    padding: 5px 0px 5px 0px;
}



    div.AG-Detail-Benefits-Panel {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: flex-start;
        justify-content: flex-start;
    }


    div.AG-Detail-Right-Col {
        min-width: 300px;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-content: flex-start;
        justify-content: flex-start;
        padding-left: 10px;
    }

    @media (min-width: 1025px) {
        div.AG-Detail-Right-Col {
            border-left: 1px dotted var(--IP_TextGray);
        }
    }


    /*    div.AG-Detail-AP {
        width: 290px;
        min-width: 290px;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-content: flex-start;
        justify-content: flex-start;
        padding-left: 20px;
        padding-right: 10px;
        padding-top: 15px;
        padding-bottom: 15px;
        margin-bottom: 15px;
        margin-right: 15px;
        border: 1px solid var(--IP_BG_BlueGray);
        box-shadow: 2px 2px 4px 0px #DDDDDD;
        background-color: var(--IP_BG_BlueGray)
    }

    @media (min-width: 1025px) {
        div.AG-Detail-AP {
            width: 100%;
        }
    }*/


    /*    div.AG-Detail-AP-Header {
        padding-top: 5px;
        font-weight: bold;
        margin-bottom: 10px;
        margin-top: 50px;
        color: var(--IP_Red);
    }

    @media (min-width: 1025px) {
        div.AG-Detail-AP-Header {
            margin-top: 10px;
            color: inherit;
        }
    }*/




    /*    div.AG-Detail-AP-Name {
        font-size: var(--IP_M);
        font-weight: bold;
        margin-bottom: -3px;
    }

    div.AG-Detail-AP-Position {
        font-size: var(--IP_XS);
        padding-top: 0px;
    }

    div.AG-Detail-AP-Content {
        font-size: var(--IP_S);
        padding-top: 5px;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-content: flex-start;
        justify-content: flex-start;
        align-items: flex-start;
    }

*/
    div.AG-Detail-Jobs {
        width: 290px;
        height: 100%;
        min-width: 290px;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-content: flex-start;
        justify-content: flex-start;
        padding-left: 20px;
        padding-right: 10px;
        padding-top: 15px;
        margin-bottom: 15px;
        margin-right: 15px;
        border: 1px solid var(--IP_BG_BlueGray);
        box-shadow: 2px 2px 4px 0px #DDDDDD;
        background-color: var(--IP_BG_BlueGray)
    }

    @media (min-width: 1025px) {
        div.AG-Detail-Jobs {
            width: 100%;
            padding-bottom: 15px;
            margin-bottom: 0px;
        }
    }

    div.AG-Detail-Jobs:hover {
        opacity: 1.0;
        /*transition: opacity 1.5s ease-out;*/
        border: 1px solid var(--IP_Blue);
        /*background-color: var(--IP_LightBlue);*/
        box-shadow: 6px 6px 8px 0px #DDDDDD;
        transition: border 1.0s ease-out, box-shadow 1.0s ease-out;
    }



    a.AG-Detail-Job-HL {
        text-decoration: none;
        margin-bottom: 15px;
    }

        a.AG-Detail-Job-HL:hover {
        }




    div.AG-Detail-Jobs-Header {
        padding-top: 5px;
        font-weight: bold;
        margin-bottom: 10px;
        color: var(--IP_Red);
    }

    @media (min-width: 1025px) {
        div.AG-Detail-Jobs-Header {
            margin-top: 10px;
            color: inherit;
        }
    }





    div.AG-Detail-Job-Title {
        font-size: var(--IP_M);
        font-weight: bold;
        margin-bottom: -3px;
    }



    div.AG-Detail-Job-Footer {
        margin-top: 10px;
        font-size: var(--IP_S);
    }



    img.AG-Detail-Ort {
        width: 16px;
        vertical-align: top;
    }



    img.AG-Detail-Header-Img {
        /*    width: auto;
    height: 100%;
    overflow: hidden;*/
    }


    div.AG-Detail-Img-Preview-Panel-Vorschau {
        padding: 5px;
        border: 3px solid var(--IP_Blue);
        position: fixed;
        top: calc(15% + 10px);
        right: 30%;
        width: 40%;
        max-width: 500px;
        background-color: White;
        box-shadow: 5px 5px 6px var(--IP_Blue);
        border-radius: 7px;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

    @media (min-width: 1250px) {
        div.AG-Detail-Img-Preview-Panel-Vorschau {
            /*padding-left: 20vw;*/
            right: calc(50% - 250px);
        }
    }



    div.AG-Detail-Img-Preview-Panel-Detail {
        padding: 5px;
        border: 3px solid var(--IP_Blue);
        position: fixed;
        top: calc(30% + 10px);
        right: 20%;
        width: 60%;
        background-color: White;
        box-shadow: 5px 5px 6px var(--IP_Blue);
        border-radius: 7px;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: flex-start;
    }


    div.AG-Detail-Img-Preview-Panel-Header {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-content: flex-start;
    }

    input.AG-Detail-Img-Preview-Panel-Header-CloseBtn {
        width: 16px;
        height: 16px;
        margin-bottom: 5px;
    }

    img.AG-Detail-Img-Preview-Panel-Img {
        margin-left: 10px;
        margin-right: 10px;
        width: calc(100% - 22px);
        border: 1px dotted var(--IP_TextGray);
    }

    div.NewAG-Panel-ImgUpload {
        width: 100%;
        padding-bottom: 10px;
        display: flex;
        flex-direction: row;
        align-content: flex-start;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
    }

    input[type="image"].Preview-Button {
        width: 32px;
        height: 32px;
        margin-right: 0px;
        margin-left: 10px;
    }

    /***************************/
    /*my Arbeitgeber Liste */

    div.MyAG-Panel {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: space-between;
        align-items: center;
        padding-left: 10px;
        border-bottom: 1px solid var(--IP_LightGray);
        padding-bottom: 10px;
        padding-top: 10px;
        border-top: 1px solid transparent;
        border-left: 1px solid transparent;
        border-right: 1px solid transparent;
    }

        div.MyAG-Panel:hover {
            background-color: var(--IP_LightBlue);
            border: 1px solid var(--IP_Blue);
            transition: background-color 0.5s ease-out;
        }


    div.MyAG-Panel-ActionPanel {
        height: 22px;
        display: flex;
        flex-direction: row;
        align-content: center;
        justify-content: flex-end;
        align-items: center;
        flex-wrap: nowrap;
        padding-right: 10px;
    }

    .MyAG-Panel-ActionPanel-Action {
        height: 22px;
        margin-left: 8px;
        opacity: 0.7;
    }

        .MyAG-Panel-ActionPanel-Action:hover {
            opacity: 1.0;
            transition: opacity 0.5s ease-out;
        }





    /*  JOB-Details*/

    div.Angebot-Detail { /*responsive*/

        padding-top: 20px;
        z-index: 1;
        padding-left: 2vw;
        padding-right: 2vw;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: flex-start;
        justify-content: flex-start;
        align-items: flex-start;
        margin-bottom: 50px;
    }

    @media (min-width: 1025px) {
        div.Angebot-Detail {
            padding-left: 20vw;
            flex-wrap: nowrap;
            padding-right: 8vw;
        }
    }

    div.Angebot-Detail-JobContainer { /*responsive*/

        padding-top: 10px;
        z-index: 1;
        padding-left: 2vw;
        padding-right: 2vw;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-content: flex-start;
        justify-content: flex-start;
        align-items: flex-start;
        margin-bottom: 50px;
    }

    @media (min-width: 1025px) {
        div.Angebot-Detail-JobContainer {
            padding-left: 20vw;
            flex-wrap: nowrap;
            padding-right: 8vw;
        }
    }




    div.Angebot-Detail-Right-Col {
        position: sticky;
        top: 280px;
        min-width: 320px;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-content: flex-start;
        justify-content: flex-start;
    }

    div.Angebot-Detail-AP-Container {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        align-items: stretch;
        align-content: flex-start;
        justify-content: flex-start;
        margin-left: 0px;
        margin-top: 40px;
    }

    @media (min-width: 1025px) {
        div.Angebot-Detail-AP-Container {
            flex-direction: column;
            margin-left: 20px;
            padding-left: 15px;
            margin-top: 0px;
            border-left: 1px dotted var(--IP_TextGray);
        }
    }


/*    div.Angebot-Detail-DCS-top-first {
        margin-top: 0px;
        border-top: 5px solid var(--IP_DarkGray);
        margin-bottom: 20px;
        margin-right: 20px;
        min-width: 300px;
    }
*/

/*    div.Angebot-Detail-DCS-top {
        margin-bottom: 20px;
        border-top: 5px solid var(--IP_DarkGray);
        margin-right: 20px;
        min-width: 300px;
    }*/

    div.Angebot-Detail-Left-Col-Row {
        margin-bottom: 20px;
    }

    div.Angebot-Detail-Content {
        padding-left: 0vw;
        padding-right: 3vw;
        min-width: 300px;
        overflow-wrap: break-word;
        border-right: 0px;
        width: 100%;
    }

    @media (min-width: 1025px) {
        div.Angebot-Detail-Content {
            /*border-right: 1px dotted var(--IP_TextGray);*/
        }
    }


    div.Angebot-Detail-Titel { /*responsive*/
        width: 100%;
        font-size: 4vw;
        font-weight: bold;
        color: var(--IP_Blue);
        padding-top: 20px;
        padding-bottom: 5px;
        padding-left: 2vw;
        padding-right: 2vw;
        background-color: var(--IP_White);
        border-left: none;
        border-right: none;
        border-bottom: 1px solid var(--IP_Blue);
        /*box-shadow: 0 2px 12px 0px rgb(0 0 0 / 10%);*/
    }


    @media (min-width: 1025px) {
        div.Angebot-Detail-Titel {
            padding-left: 20vw;
            font-size: 3vw;
        }
    }

    @media (min-width: 1600px) {
        div.Angebot-Detail-Titel {
            font-size: 2vw;
        }
    }






    div.TeaserBox {
        width: calc(33.3333333% - 30px);
        margin-top: 30px;
        margin-bottom: 30px;
        padding-left: 10px;
        padding-top: 5px;
        padding-right: 10px;
        padding-bottom: 15px;
        background-color: #f5f5f5;
        color: var(--IP_Black);
        border: 1px solid var(--IP_Black);
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: flex-start;
        justify-content: flex-start;
        align-items: flex-start;
    }

/*    div.TeaserBox1 {
        background-image: none;
    }

    div.TeaserBox2 {
        background-image: none;
    }

    div.TeaserBox3 {
        background-image: none;
    }*/


    .TeaserHeaderText {
        font-size: 1.6rem;
        font-weight: bold;
        line-height: 1.2;
    }


    .TeaserText {
        margin-top: 15px;
        font-size: 1.35rem;
    }


    .TeaserButton {
        background-color: var(--IP_Red);
        margin-top: 1.5rem;
        margin-bottom: 5px;
        border: none;
        font-size: 1.3rem;
        width: 100%;
    }

        .TeaserButton:hover {
            background-color: #f50535;
        }


    @media (min-width: 600px) {
        .TeaserHeaderText {
            font-size: 1.7rem;
        }

        .TeaserText {
            font-size: 1.45rem;
        }

        .TeaserButton {
            font-size: 1.6rem;
            /*margin-top: 40px;*/
            width: auto;
        }
    }



    @media (min-width: 769px) {
        .TeaserHeaderText {
            font-size: 2.2rem;
        }

        .TeaserText {
            font-size: 1.65rem;
        }

        .TeaserButton {
            font-size: 1.7rem;
        }
    }


    @media (min-width: 1025px) {
        .TeaserHeaderText {
            font-size: 2.8rem;
        }

        .TeaserText {
            font-size: 2.0rem;
        }
    }

    div.TeaserNumber {
        height: 30px;
        width: 30px;
        margin-left: -25px;
        margin-top: -22px;
        text-align: center;
        border-radius: 30px;
        border: 4px solid var(--IP_Red);
        background-color: var(--IP_LightBlue);
        display: flex;
        flex-direction: column;
        justify-content: center;
        font-size: 20px;
        font-weight: bold;
        color: var(--IP_Red);
    }

    div.Teaser {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: flex-start;
        justify-content: space-between;
    }


    div.TeaserSmall {
        display: none;
    }

    div.TeaserFull {
        display: none;
    }

    @media (min-width: 500px) {
        div.TeaserSmall {
            display: flex;
        }

        div.TeaserFull {
            display: none;
        }
    }



    @media (min-width: 600px) {
        div.TeaserSmall {
            display: none;
        }

        div.TeaserFull {
            display: flex;
        }

/*        div.TeaserBox1 {
            background-image: url("../Contentpages/Bilder/teaser01.png");
            background-position-x: right;
            background-position-y: bottom;
            background-size: 150px;
            background-clip: border-box;
            background-repeat: no-repeat;
        }

        div.TeaserBox2 {
            background-image: url("../Contentpages/Bilder/teaser02.png");
            background-position-x: right;
            background-position-y: bottom;
            background-size: 150px;
            background-clip: border-box;
            background-repeat: no-repeat;
        }

        div.TeaserBox3 {
            background-image: url("../Contentpages/Bilder/teaser03.png");
            background-position-x: right;
            background-position-y: bottom;
            background-size: 150px;
            background-clip: border-box;
            background-repeat: no-repeat;
        }*/

        div.TeaserNumber {
            height: 40px;
            width: 40px;
            margin-left: -34px;
            margin-top: -31px;
            text-align: center;
            border-radius: 40px;
            border: 5px solid var(--IP_Red);
            background-color: var(--IP_LightBlue);
            display: flex;
            flex-direction: column;
            justify-content: center;
            font-size: 28px;
            font-weight: bold;
            color: var(--IP_Red);
        }

        div.TeaserBox {
            padding-left: 20px;
            padding-top: 10px;
            margin-top: 30px;
            margin-bottom: 30px;
            padding-right: 10px;
            padding-bottom: 15px;
            transition: width 10s cubic-bezier(.455,.03,.515,.955);
            will-change: width;
        }
    }








    .Top-Container {
        padding-left: 20px;
        padding-right: 20px;
    }


    div.ModalDlgBackgroundLayer {
        position: fixed;
        opacity: 0.5;
        width: 100%;
        height: 100%;
        background-color: var(--IP_White);
        top: 0px;
        left: 0px;
    }

    .throbber {
        position: fixed;
        top: calc(50% - 78px);
        right: calc(50% - 64px);
    }


    div.RF-Box-1 {
        width: 100%;
        display: flex;
        flex-direction: row;
        align-content: flex-start;
        align-items: flex-start;
        justify-content: flex-start;
    }


   


    /*#endregion +++++++++++++++++++ O L D +++++++++++++++++++++ }*/

@media (min-width: 1025px) {

}