/*Allgemeine Definitionen*/

*{padding:0;margin:0;scroll-behavior: smooth;font-family: 'Hind', sans-serif;}
*, *:before, *:after {}
html{}
body {}
body, html{width:100%;color:#222;}

:root {
    --blue: #03379f;
    --lightblue: #175ace;
    --yellow: #FEFE00;
}

::-webkit-scrollbar {height: 7px;width:4px;}
::-webkit-scrollbar-track {background:#fff;}
::-webkit-scrollbar-thumb {background:var(--blue);}

.clr{clear:both;}
.hidden{visibility: hidden!important;opacity:0!important;}
.invisible{display:none;}
.show{visibility: visible!important;opacity:1!important;}
.noDrag{user-drag: none; user-select: none;-moz-user-select: none;-webkit-user-drag: none;-webkit-user-select: none;-ms-user-select: none;}
.material-icons{vertical-align: middle;}

a{text-decoration:none;transition:all .3s ease;color:var(--lightblue);}
button{outline:none;border:none;}
.button{font-size:11pt;cursor:pointer;text-shadow: 0 1px #00000052;font-weight:400;display:block;width:max-content;transition:all .3s ease;line-height:48px;padding-left:1.5rem;padding-right:1.5rem;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;border-radius: .6em;}
.button:hover{text-decoration:none;box-shadow: inset 0 15px 25px #ffffff59;text-shadow: 0 -1px #000000a8;}

p{font-weight:200;margin:1em auto;}

ul{padding:0;margin:0;}
ul li{padding:0;margin:0;list-style:none;}

.bold{font-weight:600;}
h1{font-weight:400;}
h2{font-weight:400;}

h3{font-weight: 200;}
h4{font-weight: 200;}
h5{font-weight: 200;}

/*Headline Specials*/

.thinHeadline{font-size:1em;font-weight:200;}
.devider{position:relative;display:block;height:2px;border-bottom:2px dashed var(--blue);width:50%;margin-left:-50%;}
.devider.right{margin:0 -50% 0 auto;}
.boldHeadline{font-size:1.4em;font-weight:600;color:var(--blue);display:block;line-height:.75em;}
.subline{font-size:1em;color:var(--blue);line-height:1.25em;}

/* Row */   .row{position:relative;}
/* 1 */     .row.one{width:100%;}
/* 1/2 */   .row.oneHalf{width:50%;float:left;}
/* 1/3 */   .row.oneThird{width:33.33%;float:left;}
    /* 2/3 */    .row.twoThird{width:66.66%;float:left;}
/* 1/4 */    .row.oneFourth{width:25%;float:left;}
    /* 3/4 */    .row.threeFourth{width:74%;float:left;}
/* 1/5 */    .row.oneFifth{width:20%;float:left;}
    /* 2/5 */     .row.twoFifth{width:40%;float:left;}
        /* 3/5 */     .row.threeFifth{width:60%;float:left;}
        .row.fourFifth{width:80%;float:left;}
        /* 1/6 */    .row.oneSixth{width:16.6%;float:left;}
        /* 5/6 */    .row.fiveSixth{width:83%;float:left;}

/* Grid exceptions*/

.fullWidth{width:98%!important;padding:0!important;}
.leftWrapper{text-align: left;}

.row.twoFifth .leftWrapper{padding:0 0 0 25%;}
.row.threeFifth .leftWrapper{padding:0 0 0 17%;}
.row.oneThird .leftWrapper{padding:0 0 0 30%;}
.row.twoThird .leftWrapper{padding:0 0 0 15%;}

.rightWrapper{text-align:right;}

.row.oneThird .rightWrapper{padding:0 30%;}
.row.twoThird .rightWrapper{padding:0 15%;}


/*Backgroundcolor Definition*/

.bgWhite{background:#fff;color:#4f5255!important;}
.bgWhite i{color:var(--lightblue);}
.bgLightgrey{background:#f7f7f7;color:#4f5255!important;}
.bgDarkgrey{background:#4f5255;color:#f7f7f7!important;}
.bgBlue{background:var(--lightblue);color:#fff!important;}
.bgBlue i{color:#fff!important;}
.bgBluegradient{background-image: linear-gradient(to left, var(--blue) , var(--lightblue));color:#fff;}
.bgBluegradient i{color:#fff!important;}
.bgOrange{background:var(--yellow);color:var(--blue)!important;}
.bgRed{background:#e53935;color:#fff!important;}
.bgRed i{color:#fff;}

/*Template*/

.wrapper{width: 80%;margin: 0 auto;position: relative;}

header {
    width: 100%;
    position: relative;
}

.topBar {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 10vh;
    z-index: 3;
    /* background-image: linear-gradient(to left, var(--blue), var(--lightblue)eb); */
    background-color: white;
    box-shadow: 0 10px 25px #00000052;
    transition: all .2s ease;
}

a.logo {
    display: block;
    width: 125px;
    height: 10vh;
}

a.logo img {
    width: auto;
    height: 10vh;
}

nav#mainNav {
    display: block;
    width: 100%;
    z-index: 3;
    transition: all .3s ease;
}

nav#mainNav ul {
    width: 100%;
    padding: 0;
    margin: 0;
    display: block;
    position: relative;
    text-align: right;
    float: right;
}

nav#mainNav ul li {
    display: inline-block;
    list-style: none;
    margin: 0 1.5vw;
    line-height: 10vh;
}

nav#mainNav ul li a {
    display: block;
    margin: 0;
    color: var(--blue);
    font-size: 1em;
    transition: all .3s ease;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom: 5px solid transparent;
}

nav#mainNav ul li a.ctaButton {
    margin: 1em 0;
    padding: .3em .6em;
    background: #fff;
    border-radius: .5em;
    color: var(--blue);
    font-weight: 600;
}

nav#mainNav ul li a:hover {
    color: var(--lightblue);
    text-decoration: none;
    border-bottom: 8px solid var(--lightblue);
}

nav#mainNav ul li a.aktiv {
    color: var(--lightblue);
    border-bottom: 8px solid var(--lightblue);
}

main{width:100%;position:relative;}
main.blured{filter: blur(10px);}
    section{width:100%;position:relative;display:block;overflow:hidden;}
        img.highlight{width:auto;height:25em;}

        #intro{padding-top:10vh;}
            .introContentWrapper{box-shadow: 0 0 10em #ffffff;z-index:1;}
            .introContent{padding:15vh 0;height:55vh;}
            .introSlider{padding:0;height:85vh;overflow:hidden;position:relative;z-index:0;background:var(--lightblue);transition:none;}
            .introSlider img{height:85vh;width:auto;}
        #infoCard{z-index: 2;margin:-20vh 0 0 0;padding:5vh 0 10vh 0;position: absolute;}
        #loginCard{z-index: 2;height:65vh;width:100%;position: absolute;top:0;left:0;right:0;bottom:0;margin:auto;}
            #loginCard .wrapper{width:35%;}
            .infoContentWrapper{position: relative;height:auto;padding:2.5em;border-radius:1em;box-shadow: 0 15px 45px #00000078;}
                .cardElement{text-align:center;}
                .cardElement h2{font-size:1.5em;}
                .cardElement p{font-size:.9em;margin:.65em 0;}
                .cardElement i{font-size:3em;margin:.5em 0;}

        #infoContent{margin-top:30vh;}
            img.imageShadowBox{box-shadow:-2em 2em 0 #fff;}
        .card{background:#fff;margin:1em;box-shadow:0 10px 15px #25252529;border-left:5px solid var(--blue);border-radius:1em;}
        .card h3{color:var(--lightblue);font-weight:600;font-size:1em;margin:.7em 0 1em 0;}
        .card p{font-weight:500;font-size:.9em;}

        span.download {font-size:1.15em;color:var(--lightblue)!important;padding:.25em;box-shadow: 0 10px 15px #25252529;}
        span.download:hover{box-shadow: 0 15px 25px #00000071;text-decoration: underline;}
        span.download i{padding:.25em;border-radius:.3em;color:#fff;}

        .scaleBarContainer{position:relative;border-radius:3em;width:100%;margin:0 auto 0 0;height:5px;padding:5px 0;box-shadow:inset 0 0 5px #80808045;}
        .scaleBarContainer .scaleBar{height:5px;width:0;margin:0 auto 0 5px;border-radius:3em;transition:all .6s ease;}
        .formContent{width:100%;margin:0 auto;display:none;}

        /*Kalender*/

        .calenderWrapper{box-shadow: 0 10px 15px #25252529;border-radius:1em;}
        .calender {width:100%;border-bottom-left-radius: 1em;}
        .calender div.after,
        .calender div.before{color:silver;}
        .day {float:left;width:13.89%;height:49px;line-height: 49px;text-align: center;border:1px solid #e4e4e4;color:#5f5f5f;position:relative;}
        .day.headline {color: var(--blue);font-weight:500;background-image: -moz-linear-gradient( 90deg, rgb(237,237,237) 0%, rgb(255,255,255) 100%);background-image: -webkit-linear-gradient( 90deg, rgb(237,237,237) 0%, rgb(255,255,255) 100%);background-image: -ms-linear-gradient( 90deg, rgb(237,237,237) 0%, rgb(255,255,255) 100%);}
        .day.current {background-color:#fff;color:var(--blue);border-radius:.25em;font-weight:bold;}
        .day span.todayMarker {position:absolute;top: 5px;left: 5px;display: block;width: 12px;height: 12px;box-shadow: 0 3px 7px #00000091;border-radius: 50%;}
        .day span.dateMarker {position:absolute;bottom: 5px;right: 5px;display: block;width: 12px;height: 12px;box-shadow: 0 3px 7px #00000091;border-radius: 50%;}

        a.terminLink {cursor:pointer;position:absolute;right:0;left:0;bottom:0;top:0;width:58%;height:35px;margin:auto;z-index:5;border-bottom-right-radius: 85%;border-top-left-radius: 85%;border-bottom-left-radius: 35%;border-top-right-radius: 35%;transition:all 0.3s ease;border-left: 3px solid #ffab00;border-right: 6px solid #ffab00;border-top: 1px solid #ffab00;border-bottom: 2px solid #ffab00;}
        a.terminLink:hover{border-radius:100%;border:3px solid var(--blue);width:45%;height:35px;}
        a.terminLink i.material-icons{color: #6b6b6b;position: absolute;bottom: -5px;right: -18px;font-weight: 400;font-size: 14pt;}
        a.todayTerminLink {cursor:pointer;position:absolute;right:0;left:0;bottom:0;top:0;width:58%;height:35px;margin:auto;border-bottom-right-radius: 85%;border-top-left-radius: 85%;border-bottom-left-radius: 35%;border-top-right-radius: 35%;transition:all 0.3s ease;border-left: 3px solid var(--blue);border-right: 3px solid var(--blue);border-top:1px solid var(--blue);border-bottom:1px solid var(--blue);}
        a.todayTerminLink i.material-icons{color: #6b6b6b;position: absolute;bottom: -5px;right: -18px;font-weight: 400;font-size: 14pt;}
        .clear {clear:left;}

        /*Form */

        label{font-size:10pt;display:block;cursor:pointer;transition: all .3s ease;font-weight:600;margin-bottom:1em;}
        label:hover{color:#3f50b4;}
        label i.material-icons{font-size:14pt;}
        label p{font-size:8pt;}
        label p a{color:#ffa801; font-weight:600;}
        label p a:hover{text-decoration: underline;}
        textarea{display:block;min-width:92%;max-width:92%;min-height:10vh;border: 1px solid #dedee5;border-radius: .3em;outline:none;font-size:9pt;height:42px;line-height:20px;padding:4%;background:#fdfdfd;}
        input[type=time]{display:block;width:92%;border: 1px solid #dedee5;border-radius: .3em;outline:none;font-size:9pt;height:42px;line-height:42px;padding:0 4%;background:#fdfdfd;}
        input[type=date]{display:block;width:92%;border: 1px solid #dedee5;border-radius: .3em;outline:none;font-size:9pt;height:42px;line-height:42px;padding:0 4%;background:#fdfdfd;}
        input[type=email]{display:block;width:92%;border: 1px solid #dedee5;border-radius: .3em;outline:none;font-size:9pt;height:42px;line-height:42px;padding:0 4%;background:#fdfdfd;}
        input[type=text]{display:block;width:92%;border: 1px solid #dedee5;border-radius: .3em;outline:none;font-size:9pt;height:42px;line-height:42px;padding:0 4%;background:#fdfdfd;}
        input[type=number]{display:block;width:92%;border: 1px solid #dedee5;border-radius: .3em;outline:none;font-size:9pt;height:42px;line-height:42px;padding:0 4%;background:#fdfdfd;}
        input[type=checkbox]{display:inline-block;}
        input[type=password]{display:block;width:92%;border: 1px solid #dedee5;border-radius: .3em;outline:none;font-size:9pt;height:42px;line-height:42px;padding:0 4%;background:#fdfdfd;}
        input[type=submit]{display:block;border:none;outline:none;}
        .select{width: 100%;padding: 0 4%;border: 1px solid #dedee5;border-radius: .3em;line-height: 42px;height:42px;font-size:9pt;background:#fdfdfd;outline:none;}
        /*Slider */

        .pagination {border-top-left-radius: 1em;width:95%;padding:0 2%;text-align: center;height:50px;line-height:50px;color:#fff;font-size:14pt;}
        .pagihead { display:inline-block;width: 65%;height: 50px;color: #fff;}
        .pagination a {background:var(--blue);transition:all 0.3s ease;width:20px;height:20px;color:#fff;border-radius:.5em;padding:.25em;font-size: 11pt;}
        .pagination a:hover{background-color:var(--yellow);color:var(--blue);}
        .pagination a:focus{background-color:var(--yellow);}
        .pagination a:active{background-color:var(--yellow);}

        .pagination a:hover i.material-icons{color:var(--blue)!important;}

        #partnerSlider{height:auto;}
        #partnerSlider .slick-list {height: auto !important;;}
        #partnerSlider .slick-list .slick-track{height:auto!important;}
        a.sliderElement{height:auto;}
        a.sliderElement img{margin:auto;}

        /* Pop Up Declarations*/

        .popUpLayer{background-image: linear-gradient(to right, #ffffff, #ffffff00);width:100%;height:90vh;position:fixed;top:10vh;left:0;right:0;bottom:0;margin:auto;z-index:12;transition:all .3s ease;opacity:0;visibility:hidden;z-index:2;}
        .popUpLayer.open{visibility:visible;opacity:1;}
        .popUpLayer .popUpWrapper{box-shadow: 0 25px 40px #80808052;display:block;color:#4f5255;position:fixed;top:5em;left:0;right:0;bottom:0;width:80%;margin:auto;background:#fff;height:100%;max-height:75vh;overflow:hidden;overflow-y: scroll;}
        .popUpLayer .popUpWrapper span.closePanel{display:block;position:sticky;top:0;float:right;padding:.5em;text-align:center;border-bottom-left-radius:.5em;z-index:1;cursor:pointer;transition:all .3s ease;}
        .popUpLayer .popUpWrapper span.closePanel:hover{padding:.7em;}
        .popUpLayer .popUpWrapper .popUp{width:100%;position:relative;}
        .popUpLayer .popUpWrapper .popUp .popUpInnerWrapper {padding:5.5em;position:relative;}

        .actionWrapper{position: sticky;bottom: 0;left: 0;display: block;width: 100%;    background-image: linear-gradient(to top, #fff , #ffffff00);padding:3em 0 1em 0;}

        .accordionTitle{position:relative;cursor:pointer;transition:all .3s ease;line-height: 1.5em;border-bottom: 1px solid #dfe5e6;font-size:1.25em;margin:2em 0;}
        .accordionTitle i{line-height: 1.5em;}
        .accordionTitle .copyButton{display: block;float: right;font-size: .6em;border-radius: .6em;margin-left: 1em;transition:all .3s ease;}
        .accordionTitle .copyButton:hover{text-decoration:none;box-shadow: inset 0 15px 25px #ffffff59;text-shadow: 0 -1px #000000a8;}

        .accordionTitle:hover{color:var(--blue);}
        .accordionTitle span.open{display:block;position:absolute;top:0;right:0;width:35px;height:35px;text-align:center;transition:all .3s ease;border-radius:.35em;}
        .accordionTitle span.close{display:none;position:absolute;top:0;right:0;width:35px;height:35px;text-align:center;transition:all .3s ease;border-radius:.35em;background: #f4f4f4;}
        .accordionTitle.aktiv{color:var(--blue);border:none;}
        .accordionTitle.aktiv span.open{display:none;}
        .accordionTitle:hover span.open{background:var(--blue);}
        .accordionTitle:hover span.open i{color:#fff;}
        .accordionTitle.aktiv span.close{display:inline-block;}
        .accordionTitle.aktiv:hover span.close{background:var(--blue);}
        .accordionTitle.aktiv:hover span.close i{color:#fff;}

        .accordionPanel{display:none;}
        .accordionPanel.aufgeklappt{display:block;}

        /* tableList Declarations*/

        .scrollContainer{width: 100%;overflow-x: scroll;white-space: nowrap;padding: 0 0 1em 0;margin: 0;height: auto;}
        .scrollContainer table{display:inline-table;}
        .scrollContainer::-webkit-scrollbar {height: 1em;}
        .scrollContainer::-webkit-scrollbar-track {background-color:transparent;}
        .scrollContainer::-webkit-scrollbar-thumb {background-image: linear-gradient(to left, var(--blue) , var(--lightblue));border-radius:.6em;}

        table.list{width:100%;text-align:center;padding:0;margin:0;}
        table.list tr:nth-child(odd) {background: #fff}
        table.list tr th{font-size:10pt;padding:1em 0;position:sticky;}
        table.list tr th a{text-decoration:none;}
        table.list tr td{padding:1em 0;font-size:10pt;vertical-align: middle;border: 1px solid #d2d2d2;padding: .75em;}
        table.list tr td:first-child{text-align:left;}
        table.list tr td i.edit{padding: 0.25em;border-radius: 50%;background-image: linear-gradient(to left, var(--blue) , var(--lightblue));color:#fff;cursor:pointer;transition:all .3s ease;}
        table.list tr td i.edit:hover{box-shadow:0 5px 10px grey;background: var(--yellow);color:var(--blue);}
        table.list tr td a{margin:0 auto;cursor:pointer;display:block;border-radius: 50%;transition:all .3s ease;padding: 0!important;width: 34px;height: 34px;line-height: 29px;border: 2px solid #d6d9dc;box-shadow: 0 3px 7px #0000002e;}
        table.list tr td a:hover{box-shadow: inset 0 5px 15px #fff;text-shadow: 0 -1px #d2d2d2;}
        table.list tr td a i{transition:all .3s ease;}
        table.list tr td a:hover i{}

        .listStyleTable{width:100%;position:relative;text-align:center;background-image: linear-gradient(to right, transparent , #e7eaed);}
        .listStyleTable tr{}
        .listStyleTable tr:first-child{position: sticky;top:0;background:#fff;box-shadow: 0 10px 15px #8080802e;}
        .listStyleTable tr:nth-child(even) {background:#fff;}
        .listStyleTable tr th{text-align:center;padding:15px 0;}
        .listStyleTable tr th:first-child{border-left: 2px solid #f2f2f2;}
        .listStyleTable tr td{text-align:center;padding:15px 0;}
        .listStyleTable tr td span{font-weight:600;font-size:9pt;display:block;}
        .listStyleTable tr td span.today{color:#ffab01;}
        .listStyleTable tr td span.tomorrow{color:var(--blue);}
        .listStyleTable tr td a{display:inline-block;border-radius: 50%;padding: 0!important;width: 34px;height: 34px;line-height: 29px;border: 2px solid #d6d9dc;box-shadow: 0 3px 7px #0000002e;}
        .listStyleTable tr td label.fileUploadButton{display:inline-block;border-radius: 50%;padding: 0!important;width: 34px;height: 34px;line-height: 29px;color:#f2f2f2!important;border: 2px solid #d6d9dc;box-shadow: 0 3px 7px #0000002e;}
        .summary{width:100%;}
        .summary td{text-align:center;padding:.5em 0;}
        .summary th:first-child{text-align:left;}
        .summary td:first-child{text-align:left;}
        .rowWrapper{cursor:pointer;transition:all .3s ease; background:transparent;padding:0!important;}
        .rowWrapper:hover{background: var(--lightblue);}

        .zugriffsContainer{display:none;}

        /*Response Messages*/

        #responseMessage{position: fixed;width: auto;text-align:center;bottom: 3em;box-shadow: 0 10px 15px #8080808a;right: 3em;opacity: 1;z-index: 5;border-radius: 1em;}
        #responseMessage h4{font-size:1.25em;}
.gradientFooter{position:fixed;bottom:0;width:100%;height:16vh;background-image: linear-gradient(to top, #f7f7f7 , transparent);}
footer{width:100%;position:relative;}
    footer a{color:#fff;font-size:1em;font-weight:600;}
    footer a:hover{text-decoration: underline;}