/**
* @license
* MyFonts Webfont Build ID 956033
*
* The fonts listed in this notice are subject to the End User License
* Agreement(s) entered into by the website owner. All other parties are
* explicitly restricted from using the Licensed Webfonts(s).
*
* You may obtain a valid license from one of MyFonts official sites.
* http://www.fonts.com
* http://www.myfonts.com
* http://www.linotype.com
*
*/

@font-face {
  font-family: "FFTisaSans";
  src: url("/fileadmin/Templates/Layout/Resources/Public/Styles/font/FFTisaSansRegular.woff2") format("woff2"),
       url("/fileadmin/Templates/Layout/Resources/Public/Styles/font/FFTisaSansRegular.woff") format("woff");
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: "FFTisaSans";
  src: url("/fileadmin/Templates/Layout/Resources/Public/Styles/font/FFTisaSansMedium.woff2") format("woff2"),
       url("/fileadmin/Templates/Layout/Resources/Public/Styles/font/FFTisaSansMedium.woff") format("woff");
  font-style: normal;
  font-weight: 500;
}

@font-face {
  font-family: "FFTisaSans";
  src: url("/fileadmin/Templates/Layout/Resources/Public/Styles/font/FFTisaSansBold.woff2") format("woff2"),
       url("/fileadmin/Templates/Layout/Resources/Public/Styles/font/FFTisaSansBold.woff") format("woff");
  font-style: normal;
  font-weight: 700;
}

@font-face {
  font-family: "FFTisaSans";
  src: url("/fileadmin/Templates/Layout/Resources/Public/Styles/font/FFTisaSansRegularItalic.woff2") format("woff2"),
       url("/fileadmin/Templates/Layout/Resources/Public/Styles/font/FFTisaSansRegularItalic.woff") format("woff");
  font-style: italic;
  font-weight: 400;
}

@font-face {
  font-family: "FFTisaSans";
  src: url("/fileadmin/Templates/Layout/Resources/Public/Styles/font/FFTisaSansMediumItalic.woff2") format("woff2"),
       url("/fileadmin/Templates/Layout/Resources/Public/Styles/font/FFTisaSansMediumItalic.woff") format("woff");
  font-style: italic;
  font-weight: 500;
}

@font-face {
  font-family: "FFTisaSans";
  src: url("/fileadmin/Templates/Layout/Resources/Public/Styles/font/FFTisaSansBoldItalic.woff2") format("woff2"),
       url("/fileadmin/Templates/Layout/Resources/Public/Styles/font/FFTisaSansBoldItalic.woff") format("woff");
  font-style: italic;
  font-weight: 700;
}


/* Typoscript Setup am Ende des CSS importe hinzugefügt:
page.includeCSS.t3sbootstrap = https://use.typekit.net/wiw7vql.css

Custom SCSS angepasst:
//$blue: #66A4D1; //HS
//$indigo: #6610f2;
//$purple: #6f42c1;
//$pink: #e3eef6;
//$red: #0C21DB; // Linkfarbe
//$orange: #f0ad4e;
//$yellow: #80BC04; //Studi
//$green: #276359;   //IfV
//$teal: #e6f2cd;
//$cyan: #dee8e6;


//$blue:   #66A4D1;  //#0CBDF5;
//$yellow: #80BC04; // #F5810C;  // Pfeil-Link Farbe #A6ADB4
//$green: #276359;   // #CF00F5;
//$pink: mix($white, $blue, 95%);    //#e3eef6;
//$teal: mix($white, $yellow, 95%);   //#e6f2cd;
//$cyan: mix($white, $green, 95%);    //#dee8e6;
//$red: #0C21DB; // Linkfarbe #3D88A0;       //


//$indigo: #6610f2;

//define colors to CI colors
$purple:   #490060;
$orange: #f55f4b;
$teal: #5dcdc9;
$red: #610027;
$yellow: #f2ab1d;
$green: #80bc04;


//map colors to bootstrap theme colors
$primary: $purple;
$secondary: $orange;
$success: $teal;
$info: mix($white, $success, 90%);
$warning: mix($white, $primary, 90%);
$danger: mix($white, $secondary, 90%);
$light: $gray-100;
$dark: $black;
*/
:root {
    --default-font: FFTisaSans, Roboto, Arial, sans-serif;
}


html, body, h1, .h1, .h-1, h2, .h2, .h-2, h3, .h3, .h-3, h4, .h4, .h-4, h5, .h5, .h-5, h6, .h6, .h-6 {
    font-family: FFTisaSans, Roboto, Arial, sans-serif;
    color: #000;
    font-weight: 400;
}

/* Schrift-Sonderzeichen-Mangel der Tisa beheben contact23 ist Kontakt mit Sonderzeichen S */
    .contact23 {
    font-family: Roboto, var(--default-font), sans-serif !important;
    }

    /* passend zur Tisa */
    .medium {
        font-weight: 500;
    }

    strong {
        font-weight: 700;
    }
    em {
        font-style: italic;
    }

    body, p {
        font-size: 1rem;
        font-weight: 400;
        font-style: normal;
        line-height: 1.5rem;
        color: #000;
    }

    /* Link definition ----------------------------------*/
    a, a.btn {
        font-weight: 500;
        color: var(--bs-primary);
    }


    a.btn-primary, a.btn-primary:visited, a.btn-dark, a.btn-dark:visited {
        color: #fff;
    }

    a:visited {
        color: color-mix(in srgb, var(--bs-primary) 80%, white);
    }

    a:hover, a:focus {
        color: var(--bs-primary);
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-decoration-skip-ink: auto;
        text-decoration-thickness: 6%;
        text-underline-offset: 17.5%;
        text-underline-position: from-font;
    }

    /* Überschriften MOBILE ----------------------------------*/
    h1, .h-1 {
        font-weight: 700;
        font-size: 1.875rem;
        line-height: 2.5rem;
        color: var(--bs-primary);
    }

    h2, .h-2 {
        font-weight: 500;
        font-size: 1.625rem;
        line-height: 2.25rem;
    }

    h3, .h-3, h4.contact_name, .vcard.tt_address_detail h4 {
        font-weight: 700;
        font-size: 1.25rem;
    }

    h4, .h-4 {
        font-weight: 500;
        font-size: 1rem;
    }

    h5, .h-5 {
        font-weight: 400;
        font-size: 1rem;
    }

    h6, .h-6 {
        font-weight: 400;
        font-size: 0.875rem;
    }

    h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a ,
    h1 a:visited, .h1 a:visited, h2 a:visited, .h2 a:visited, h3 a:visited, .h3 a:visited, h4 a:visited, .h4 a:visited, h5 a:visited, .h5 a:visited, h6 a:visited, .h6 a:visited,
    a h1, a .h1, a h2, a .h2, a h3, a .h3, a h4, a .h4, a h5, a .h5, a h6, a .h6,
    a:visited h1, a:visited .h1, a:visited h2, a:visited .h2, a:visited h3, a:visited .h3, a:visited h4, a:visited .h4, a:visited h5, a:visited .h5, a:visited h6, a:visited .h6
    {
        color: var(--bs-dark) !important;
    }

    /* Überschriften Abweichungen Desktop ----------------------------------*/
    @media (min-width: 768px) {
        h1, .h-1 {
            font-weight: 700;
            font-size: 2.5rem;
            line-height: 3rem;
            color: var(--bs-primary);
        }

        h2, .h-2 {
            font-weight: 500;
            font-size: 1.875rem;
            line-height: 2.25rem;
        }

        h3, .h-3, h4.contact_name, .vcard.tt_address_detail h4 {
            line-height: 1.75rem;
        }

        /* ENDE Überschriften Abweichungen Dektop ----------------------------------*/
    }

    /* Bildunterschrift ---------------------------------------------*/
    figcaption {
        font-weight: 400;
        font-style: normal;
        font-size: 0.75rem;
        line-height: 150%;
    }

    /* Akkordeons -------------------------------------------------------*/
    .accordion-header h2 {
        font-weight: 500;
        font-size: 1rem;
        line-height: 1.5rem;
    }

    .accordion-button, .accordion-button:not(.collapsed) {
        font-weight: 500;
        line-height: 1.5rem;
    }

    /* Event-Zeit/Ort/Stg -----------------------------------------------*/
    .event-startdate {
        font-weight: 400;
    }
    .event-list-item.event-top:last-child {
        border-bottom-color: var(--bs-primary) !important;
    }
    /*  Alle links etwas einrücken */
    .event-list-item {
        padding-left: 0.5rem;
    }
    /* auch den Aufforderungstext */
    #c5370 {
        padding-left: 0.5rem;
    }
    /* Aufforderungstext etwas weniger raum oben und unten */
    #c5370.py-5 {
        padding-top: 1rem !important;
        padding-bottom: 1.25rem !important;
    }

    /* weniger Abstand zum Kopf */
    #page-wrapper > .jumbotron.pt-5 {
        padding-top: 1rem !important;
    }

    /* StudienberatungsEigenTermine -----------------------------*/
    .main-content .tx-sf-event-mgt .event-top {
        background-color: color-mix(in srgb, var(--bs-secondary) 30%, white);
    }

    /* Ü im Kasten --------------------------------------------*/
    aside h2.mainheader, aside h3.mainheader,
    header:is(.p-2, .p-3, .p-4, .p-5):is(.bg-primary, .bg-secondary, .bg-success, .bg-dark) h2.mainheader,
    header:is(.p-2, .p-3, .p-4, .p-5):is(.bg-primary, .bg-secondary, .bg-success, .bg-dark) h3.mainheader,
    div:is(.p-2, .p-3, .p-4, .p-5):is(.bg-primary, .bg-secondary, .bg-success, .bg-dark) header h2:has(.mainheader),
    div:is(.p-2, .p-3, .p-4, .p-5):is(.bg-primary, .bg-secondary, .bg-success, .bg-dark) header h3:has(.mainheader),
    div:is(.p-2, .p-3, .p-4, .p-5):is(.bg-primary, .bg-secondary, .bg-success, .bg-dark) header h2.mainheader,
    div:is(.p-2, .p-3, .p-4, .p-5):is(.bg-primary, .bg-secondary, .bg-success, .bg-dark) header h3.mainheader {
        font-weight: 700 !important;
        font-size: 1.875rem !important;
    }

    /* Ü im Kasten --------------------------------------------*/
    aside h2.mainheader, aside h3.mainheader,
    header:is(.p-2, .p-3, .p-4, .p-5):is(.bg-primary, .bg-secondary, .bg-success, .bg-dark) h2.mainheader,
    header:is(.p-2, .p-3, .p-4, .p-5):is(.bg-primary, .bg-secondary, .bg-success, .bg-dark) h3.mainheader,
    div:is(.p-2, .p-3, .p-4, .p-5):is(.bg-primary, .bg-secondary, .bg-success, .bg-dark) header h2:has(.mainheader),
    div:is(.p-2, .p-3, .p-4, .p-5):is(.bg-primary, .bg-secondary, .bg-success, .bg-dark) header h3:has(.mainheader),
    div:is(.p-2, .p-3, .p-4, .p-5):is(.bg-primary, .bg-secondary, .bg-success, .bg-dark) header h2.mainheader,
    div:is(.p-2, .p-3, .p-4, .p-5):is(.bg-primary, .bg-secondary, .bg-success, .bg-dark) header h3.mainheader {
        padding: 1.44rem 1.25rem;
    }

    div.p-5:is(.bg-info, .bg-warning, .bg-danger, .bg-light) {
        padding: 1.44rem !important;
    }

    .jumbotron header:is(.p-2, .p-3, .p-4, .p-5):is(.bg-primary, .bg-secondary, .bg-success, .bg-dark) h2.mainheader,
    .jumbotron header:is(.p-2, .p-3, .p-4, .p-5):is(.bg-primary, .bg-secondary, .bg-success, .bg-dark) h3.mainheader,
    .jumbotron div:is(.p-2, .p-3, .p-4, .p-5):is(.bg-primary, .bg-secondary, .bg-success, .bg-dark) header h2:has(.mainheader),
    .jumbotron div:is(.p-2, .p-3, .p-4, .p-5):is(.bg-primary, .bg-secondary, .bg-success, .bg-dark) header h3:has(.mainheader),
    .jumbotron div:is(.p-2, .p-3, .p-4, .p-5):is(.bg-primary, .bg-secondary, .bg-success, .bg-dark) header h2.mainheader,
    .jumbotron div:is(.p-2, .p-3, .p-4, .p-5):is(.bg-primary, .bg-secondary, .bg-success, .bg-dark) header h3.mainheader {
        padding-top: 0;
        padding-bottom: 2.88rem;
    }

    /* Padding jetzt in der Textdefinition, deswegen Padding im Kasten überschreiben */
    header:is(.p-2, .p-3, .p-4, .p-5):is(.bg-primary, .bg-secondary, .bg-success, .bg-dark):has(.mainheader),
    div:not(.row):is(.p-2, .p-3, .p-4, .p-5):is(.bg-primary, .bg-secondary, .bg-success, .bg-dark):has(.mainheader),
    div.jumbotron div:is(.bg-primary, .bg-secondary, .bg-success, .bg-dark) div.p-4 {
        padding: 0 !important;
    }

    /*  Filter Buttons ----------------*/
    .bsktags .btn {
        font-weight: 400 !important;
    }

    .filtergruppe {
        font-weight: 500 !important;
    }


    /* Listenelemente -------------------*/
    ul.rteContentList, ul.rteContentList li {
        list-style-image: none !important;
        list-style-type: disc !important;
    }

    /* Oberes Menü ------------------------*/
    ul#cd-primary-nav > li > a {
        font-weight: 500;
        font-size: 1rem;
    }



    /* menü auf Seite --------------------*/
    .nav-link a, .nav-link a:visited{
        color: var(--bs-primary);
    }
    .nav-item>a, .nav-item>a:visited{
        color: var(--bs-dark);
    }

    .nav-link:hover, .nav-link:focus {
        color: var(--bs-primary);
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-decoration-skip-ink: auto;
        text-decoration-thickness: 6%;
        text-underline-offset: 17.5%;
        text-underline-position: from-font;
    }

    /* Brotkrumenpfad ------------------------*/
    .breadcrumb a {
        color: #767676;
        font-weight: 400;
    }


    /* Footer ----------------------------*/
    #page-footer, #page-footer.bg-dark {
        font-size: 1rem;
        color: #fff;
        font-weight: 500;
        background-color: #000 !important;
        text-transform: none !important;
    }

    #page-footer a, #page-footer a:visited {
        color: #fff;
        font-weight: 500;
        font-size: 1rem;
        text-transform: none;
    }

    #page-footer a:hover {
        text-decoration: underline;
        text-decoration-thickness: 8%;
        text-underline-offset: 21%;
        text-underline-position: from-font;
        text-transform: none;
        font-size: 1rem;
        font-weight: 500;
    }

    /* Ü Ansprechpartner */
    .filter h1, .filter .h1 {
        background-color: var(--bs-primary);
        color: var(--bs-orange);
    }

    /* filter zurücksetzen */
    .btn-success {
        background-color: var(--bs-secondary);
        color: var(--bs-primary);
        border: var(--bs-primary);
    }

    .btn-success.btn:hover {
        background-color: var(--bs-secondary);
        color: var(--bs-primary);
        border: var(--bs-primary);
    }

    /* mitarbeiterinnen */
    .checkmark {
        border: 2px solid var(--bs-primary);
    }

    /* mitarbeiterinnen ausgewähltes arbeitsgebiet*/
    .checkbox-label input:checked ~ .checkmark {
        background-color: var(--bs-orange);
    }

    /* button im koordinatorinnen filter */
    .mixer .bskstudyfinder__item-koord button {
        background-color: var(--bs-primary) !important;
    }

    /* NEWS Artikel  -------------------------- */
    /* 1,3,5,7 ungerade rechts orange */
    .odd.news-list {
        border-bottom: 4px solid transparent;
        border-image: linear-gradient(to right, transparent 0%, transparent 80%, var(--bs-secondary) 80%, var(--bs-secondary) 100%) 1;
    }
    /* 2,4,6,8 gerade links lila */
    .even.news-list{
        border-bottom: 4px solid transparent;
        border-image: linear-gradient(to right, var(--bs-primary) 0%, var(--bs-primary) 20%, transparent 20%, transparent 100%) 1;
    }
    /* letzter kein rand */
    .news-list:last-of-type{
        border-bottom:0;
        border-image: none;
    }
    /* bunte kästchen weg */
    .news-list-category {
        display: none;
    }
    /* weniger Abstand für den ganze Nachricht Link */
    .more {
        margin-top:1rem !important;
    }

    #page-7 #page-wrapper .bg-dark, #page-9 #page-wrapper .bg-dark {
        background-color: var(--bs-primary) !important;
    }

    /*---- back to top Pfeil ---------------------------*/
    .back-to-top {
        bottom: 0;
        right: 0;
        opacity: 0.7;
        padding: 1em;
    }
    .back-to-top .iconpack-4x
    {
        font-size:3em;
    }

    /*------------------------------------------------------------------------------------------------------*/

    /* menu desktop --------------------------*/
    @media only screen and (min-width: 1170px) {
        .cd-primary-nav .cd-secondary-nav > li > a {
            color: var(--bs-primary) !important;
            font-weight: 700;
            font-size: 1.125rem;
        }

        a.cd-logo:focus {
            border: none;
            padding: 2px;
        }


        .cd-primary-nav .cd-secondary-nav.menu2 > li > ul > li > a {
            color: #fff;
            padding-left: 10px;
            background-color: var(--bs-primary) !important;
        }

        .cd-primary-nav .cd-secondary-nav.menu3 > li > ul > li > a {
            color: var(--bs-primary) !important;
            padding-left: 10px;
            background-color: var(--bs-success) !important;
        }

        .cd-primary-nav .cd-secondary-nav.menu4 > li > ul > li > a {
            color: var(--bs-primary) !important;
            padding-left: 10px;
            background-color: var(--bs-secondary) !important;
        }

        .cd-primary-nav .topmenu-2.active > a, .cd-primary-nav .topmenu-2 > a.selected, .cd-primary-nav .topmenu-2 > a:hover, .cd-primary-nav .topmenu-2 > a:focus {
            color: var(--bs-primary) !important;
            box-shadow: inset 0 -2px 0 var(--bs-primary);
        }

        .cd-primary-nav .topmenu-3.active > a, .cd-primary-nav .topmenu-3 > a.selected, .cd-primary-nav .topmenu-3 > a:hover, .cd-primary-nav .topmenu-3 > a:focus {
            color: var(--bs-success) !important;
            box-shadow: inset 0 -2px 0 var(--bs-success);
        }


        .cd-primary-nav .topmenu-4.active > a, .cd-primary-nav .topmenu-4 > a.selected, .cd-primary-nav .topmenu-4 > a:hover, .cd-primary-nav .topmenu-4 > a:focus {
            color: var(--bs-secondary) !important;
            box-shadow: inset 0 -2px 0 var(--bs-secondary);
        }

        .cd-primary-nav > li > a:hover {
            color: var(--bs-red);
            box-shadow: inset 0 -2px 0 var(--bs-red);
        }

        .cd-primary-nav .cd-secondary-nav, .cd-primary-nav .cd-nav-gallery, .cd-primary-nav .cd-nav-icons {
            background: #f5f5f5;
        }
        /* ENDE menu desktop --------------------------*/
    }


    /* Mobiles Menü ----------------------------------------------------------------*/
    @media only screen and (max-width: 1169px) {
        /* Hinterlegung der drei Bereiche */
        .topmenu-2 > a {
            background: var(--bs-primary);
        }

        .topmenu-3 > a {
            background: var(--bs-success);
        }

        .topmenu-4 > a {
            background: var(--bs-secondary);

        }

        /* Schriftfarbe schwarz */
        .cd-primary-nav a, .cd-primary-nav ul a {
            color: #000;
        }

        .cd-primary-nav a:hover {
            font-weight: 700 !important;
            text-decoration: none !important;
        }

        .cd-primary-nav .topmenu-2 a {
            color: #000;
            font-weight: 400 !important;
            border-color: var(--bs-primary) !important;
        }

        .cd-primary-nav .topmenu-2 > a {
            color: #fff;
            font-weight: 700 !important;
        }

        .cd-primary-nav .topmenu-3 a {
            color: #000;
            font-weight: 400 !important;
            border-color: var(--bs-success) !important;
        }

        .cd-primary-nav .topmenu-3 > a {
            color: #fff;
            font-weight: 700 !important;
        }

        .cd-primary-nav .topmenu-4 a {
            color: #000;
            font-weight: 400 !important;
            border-color: var(--bs-secondary) !important;
        }

        .cd-primary-nav .topmenu-4 > a {
            color: #fff;
            font-weight: 700 !important;
        }

        /* Zwischenebenen halbfett --------------------------*/
        #cd-primary-nav li:has(> ul) > a, #cd-secondary-nav li:has(> ul) > a {
            font-weight: 500 !important;
        }

        /* Hintergrund hellgrau --------------------------*/
        .cd-primary-nav, .cd-primary-nav ul a ul a {
            background: #f5f5f5;
            color: #000 !important;
            font-weight: 400 !important;
        }

        /* Hover Mouseover macht Fett --------------------------*/
        #cd-primary-nav a:hover, #main-navbar #cd-primary-nav li:has(> ul) > a:hover, #main-navbar #cd-secondary-nav li:has(> ul) > a:hover {
            font-weight: 700 !important;
        }

        /* keine böbbles  */
        #cd-primary-nav li, #cd-secondary-nav li {
            list-style-type: none !important;
            list-style-image: none !important;
        }

        /* kleine x-zum Menüzuklappen tiefer -------------------------- */
        .bskCloser {
            padding: 2rem 2rem 0 2rem;
        }

        /* Aufklappmenü über die ganze Breite aber links abstand halten mit den Inhalten */
        .cd-primary-nav {
            width: 100%;
        }

        .cd-primary-nav.nav-is-visible {
            padding-left: 20%;
        }

        /* Abstand nach oben */
        #page-wrapper > .jumbotron.pt-5 {
            padding-top: 3rem !important;
        }


        /* ENDE Mobiles Menü ----------------------------------------------------------------*/
    }