/* saira-regular-thin - latin */
@font-face {
    font-family: 'Saira';
    font-style: normal;
    font-weight: 100;
    src: url('/static/fonts/saira-v4-latin-100.eot'); /* IE9 Compat Modes */
    src: local('Saira Thin'), local('Saira-Thin'),
    url('/static/fonts/saira-v4-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/static/fonts/saira-v4-latin-100.woff2') format('woff2'), /* Super Modern Browsers */ url('/static/fonts/saira-v4-latin-100.woff') format('woff'), /* Modern Browsers */ url('/static/fonts/saira-v4-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */ url('/static/fonts/saira-v4-latin-100.svg#Saira') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: "Daniel Regular";
    font-style: normal;
    font-weight: 100;
    src: url('/static/fonts/blog/Daniel-Regular/Daniel-Regular.ttf.eot'); /* IE9 Compat Modes */
    src: local('Saira Thin'), local('Saira-Thin'),
    url('/static/fonts/blog/Daniel-Regular/Daniel-Regular.ttf.woff') format('woff'), /* Modern Browsers */ url('/static/fonts/blog/Daniel-Regular/Daniel-Regular.ttf.svg#Daniel-Regular') format('svg'); /* Legacy iOS */
}

/* saira-regular - latin */
@font-face {
    font-family: 'Saira';
    font-style: normal;
    font-weight: 400;
    src: url('/static/fonts/saira-v4-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Saira Regular'), local('Saira-Regular'),
    url('/static/fonts/saira-v4-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/static/fonts/saira-v4-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('/static/fonts/saira-v4-latin-regular.woff') format('woff'), /* Modern Browsers */ url('/static/fonts/saira-v4-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('/static/fonts/saira-v4-latin-regular.svg#Saira') format('svg'); /* Legacy iOS */
}

/* saira-500 - latin */
@font-face {
    font-family: 'Saira';
    font-style: normal;
    font-weight: 500;
    src: url('/static/fonts/saira-v4-latin-500.eot'); /* IE9 Compat Modes */
    src: local('Saira Medium'), local('Saira-Medium'),
    url('/static/fonts/saira-v4-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/static/fonts/saira-v4-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('/static/fonts/saira-v4-latin-500.woff') format('woff'), /* Modern Browsers */ url('/static/fonts/saira-v4-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('/static/fonts/saira-v4-latin-500.svg#Saira') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'Font Awesome 6 Brands';
    font-style: normal;
    font-style: normal;
    font-weight: 900;
    src: local('Font Awesome'), local('Font Awesome'),
    url('/static/fonts/fontawesome6/fa-brands-400.woff2') format('woff2'), /* Super Modern Browsers */ url('/static/fonts/fontawesome6/fa-brands-400.ttf') format('ttf'); /* Modern Browsers */
}

@font-face {
    font-family: 'Font Awesome 6 Sharp';
    font-style: normal;
    font-style: normal;
    font-weight: 900;
    src: local('Font Awesome Sharp'), local('Font Awesome Sharp'),
    url('/static/fonts/fontawesome6/fa-sharp-solid-900.woff2') format('woff2'), /* Super Modern Browsers */ url('/static/fonts/fontawesome6/fa-sharp-solid-900.ttf') format('ttf'); /* Modern Browsers */

}


@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('/static/fonts/saira-v4-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Glyphicons Halflings'),
    url('/static/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/static/fonts/glyphicons-halflings-regular.woff') format('woff'), /* Modern Browsers */ url('/static/fonts/glyphicons-halflings-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('/static/fonts/glyphicons-halflings-regular.svg#Saira') format('svg'); /* Legacy iOS */

}

body {
    font-family: 'Saira', sans-serif !important;
    height: 100%;
    overflow: auto;
    overflow-x: hidden; /* verhindert horizontales Scrollen */
    -webkit-overflow-scrolling: touch;
    font-size: 12pt;
}

html {


}

p, a, li, h5, option {
    font-family: 'Saira', sans-serif;
    color: rgba(0, 0, 0, 0.9);
}

h1, h2, h3 {
    font-family: 'Saira', sans-serif;
    font-weight: lighter;
    color: rgba(0, 0, 0, 0.9);

}

h1 {
    font-size: 56pt !important;
    margin: 0em 0 !important;
}

h2 {
    font-size: 48pt;
}

h3 {
    font-size: 40pt;
}

h4 {
    font-family: "Daniel Regular";
    font-size: 36pt;
    color: rgba(0, 0, 0, 0.9);
}

li {
    list-style: none;
}


h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
}

:root {
    --thd-blau: #1a4273;
    --donau-blau: #009fe3;
    --dark-grey: #313131;
    --light-grey: #434343;
    --contact-grey: #868686;
    --contact-border-grey: #d0d0d0;
    --schema-bg: rgba(255, 255, 255, 0.9);
    --schema-color: var(--dark-grey);
    --lh: 1.4rem;
    --clr-border: #333;
    --black90: rgba(0, 0, 0, 0.9);
    --black60: rgba(0, 0, 0, 0.6);
    --skewed_background: rgb(0 0 0 / 7%);
}

body {
    margin: 0px;
    padding: 0px;
    width: 100%;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* Editmode */

.image_thumbnail_editmode {
    width: 200px;
    height: auto;
}


/*******************************
         Theme Overrides
*******************************/

i.flag.de:before,
i.flag.germany:before {
    background-position: 0px -1430px;
}

i.flag.gb.eng:before,
i.flag.england:before {
    background-position: 0px -1690px;
}

i.flag.gb:before,
i.flag.uk:before,
i.flag.united.kingdom:before {
    background-position: -36px -26px;
}

/*******************************
         Site Overrides
*******************************/


hr {
    border-top: 1px solid var(--light-grey) !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.featurette-divider {
    margin-top: 20px !important;
    margin-bottom: 20px !important
}

.area-featurette .pop:hover {
    cursor: pointer;
}

.container-full {
    margin: 0 auto;
    width: 100%;
}

#headerImage {
    height: 470px;
}

.bgimage-start {
    position: relative;
    width: 100%;
    height: 470px;
    overflow: hidden;
}

.bgimage-start img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 470px;
    object-fit: cover;   /* >>> Kein Verzerren, Bild füllt Container */
    object-position: center; /* optional: zentrieren */
}

.bgimage-start:after {
    content: "";
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 295px;
    height: 400px;
    z-index: 8;
    background-color: rgb(255 255 255);
}

.bgimage-start.bgimage-small:after {
    width: 155px;
}

.triangle {
    z-index: 9;
    position: absolute;
    top: 0;
    right: -148px;
    width: 605px;
    height: 100%;
    background: var(--donau-blau);
    clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
}

.triangle_transparent {
    z-index: 9;
    position: absolute;
    top: 0;
    right: -115px;
    width: 660px;
    height: 100%;
    background: var(--donau-blau);
    opacity: 50%;
    clip-path: polygon(0% 0%, 90% 0%, 59% 100%);
}

.bgimage_slider-prev i, .bgimage_slider-next i {
    color: white;
    font-size: 18pt;
}

.bgimage_slider-prev {
    position: absolute;
    right: 450px;
    top: 10px;
}

.bgimage_slider-next {
    position: absolute;
    right: -30px;
    top: 10px;
}


.bgimage-big .triangle {
    position: absolute;
    top: 0;
    right: -250px;
    width: 1085px;
    height: 100%;
    background: var(--donau-blau);
    clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
}

.bgimage-big .triangle_transparent {
    position: absolute;
    top: 0;
    right: -194px;
    width: 1135px;
    height: 100%;
    background: var(--donau-blau);
    opacity: 50%;
    clip-path: polygon(0% 0%, 90% 0%, 57% 100%);
}


.bgimage-start {
    overflow: hidden;
    max-height: 275px;
    min-height: 275px;
    width: 100%;
    min-width: 100%;
}

.bgimage-start.bgimage-big {
    overflow: hidden;
    max-height: 550px;
    min-height: 0;
    width: 100%;
    min-width: 100%;
    height: 530px;
}

.block_area_blog {
    height: 50px;
}

.bgimage-start .img-overlay {
    bottom: 0;
    left: 0;
    top: 0;
    right: 0;
    background-color: #000000;
    opacity: 0.3;
    width: 100%;
    height: 100%;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid blue;
}

.bgimage_slider {
    position: absolute;
    top: 80px;
    right: 75px;
    z-index: 10;
    max-width: 500px;
}

.bgimage_slider.bgimage_slide_1 {
    /*right: 330px;*/
}

.bgimage_slider-title {
    color: white;
}

.bgimage_slider-text {
    color: rgba(255, 255, 255, 0.75);
}

.bgimage_slider-link {
    color: white;
    display: flex;
    font-size: 11pt;
    font-weight: bold;
    flex-wrap: wrap;
}

.bgimage_slider .carousel-item {
    max-width: 400px;
}

.bgimage_slider-link:after {
    content: " »";
    margin-left: 5px;
}

.bgimage_slider-span {
    font-size: 10pt;
}

.bgimage_slider-title {
    font-size: 22pt;
    text-transform: uppercase;
    max-width: 400px;
    font-weight: 200;
}

.bgimage_slider-text {
    font-size: 13pt;
    font-weight: 200;
    padding-top: 20px;
}

.bgimage-start.no-header {
    height: 110px !important;
}

.img-full-bg {
    width: auto;
    max-height: 800px;
    height: 800px;
    background-size: cover;
    background-repeat: no-repeat;
}

.img-full-bg-carousel {
    width: auto;

    background-size: cover;
    background-repeat: no-repeat;
}

.card-title {
    font-size: 25pt !important;

}

.second-header {
    padding-top: 10px;
    padding-left: 30px;
    background-color: #2e2e2e;
    max-width: 100%;
    height: 5.5rem;
    opacity: 0.8
}

#minHeader {
    z-index: 11;
    position: absolute;
    right: -55px;
    color: var(--black60);
    font-size: 10pt;
    top: 565px;
    display: inline-block;
    transform: rotate(90deg);
    text-decoration: none;
    transition: top 1s ease-in-out;
    /*text-shadow: #FFF 0px 0px 5px, #FFF 0px 0px 10px, #FFF 0px 0px 15px, #ffffff 0px 0px 20px, #ffffff 0px 0px 25px, #ffffff 0px 0px 20px;*/
}

#minHeader:hover {
    cursor: pointer;
}

#minHeader > i {
    margin-right: 10px;
}

.nav-black-text a {
    color: #fff;
}

.infotext_big > h1, .infotext_small > h1, .infotext_big > h2, .infotext_small > h2 {
    text-transform: lowercase;
}

.infotext_small > h2 {
    font-size: 22pt;
}

.infobox h1 {
    font-size: 45pt !important;
}

.infobox {
    padding-left: 80px;
    max-height: 100%;
    vertical-align: middle;
    line-height: 1;
    position: absolute;
    top: 30vw;
}

.infotext_big {
    font-size: 5vw;
    color: #fff;
}

.infotext_small {
    font-size: 2vw;
    color: #fff;
}

.infotext_btn {
    margin: 1.2em .1em;
    font-family: 'Saira', sans-serif;
    font-size: 11pt;
    font-weight: 400;
    background-color: #00b2eb;
    color: #ffffff;
    border: none;
    display: inline-block;
    border-radius: 0px;
    /*padding: 0.65em 1.3em;
    height: 32px;
    width: 150px;*/
    padding: 15px;
    line-height: 0.5;
}

.carousel-caption-header {
    max-height: 100%;
    vertical-align: middle;
    line-height: 1;
    position: absolute;
    top: 30vw;
    text-align: left;
    left: 80px;
}

.carousel-caption-header h3 > p {
    font-size: 45pt !important;
    text-transform: lowercase;
}

.carousel-caption-header p {
    font-size: 22pt !important;
    text-transform: lowercase;
}

.box-underheader {
    padding: 30px 0 50px 0;
}

.infotext_big_black {
    font-family: 'Saira', sans-serif;

    color: #1a4273;
    max-width: 100%;
    vertical-align: middle;
    text-align: center;
}

.infotext_small_black {
    font-family: 'Saira', sans-serif;
    font-size: 2vw;
    color: #1a4273;
    max-width: 100%;
    vertical-align: middle;
    text-align: center;
}

.bubbles-box {
    max-width: 100%;
    vertical-align: middle;
    text-align: center;
    padding-top: 25px;
}

.bubble_holder {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    margin: 0 1px;
}

.bubble {
    border-radius: calc(2rem);
    width: 2rem;
    height: 2rem;
    display: inline-grid;
}

/*
.bubble:hover{
  width: 3.2rem;
  height: 3.2rem;
    border-radius: calc(3.2rem);
  cursor:pointer;
}
*/
.bubble-marker {
    /*-webkit-box-shadow: 0px 0px 10px 6px rgba(255, 0, 0, 0.8);
    -moz-box-shadow: 0px 0px 10px 6px rgba(255, 0, 0, 0.8);
    box-shadow: 0px 0px 10px 6px rgba(255, 0, 0, 0.8);*/
}

.tooltip {
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

.kachel-placeholder {
    vertical-align: middle;
    width: 100%;
    text-align: center;
    padding-top: 40px;
    /*background-color: #afafaf;*/
}

.kachel-box {
    /*background-color: #ababab;*/
    width: 70vw;
    height: 70vw;
    position: relative;
    top: 50%;
    left: 50%;
    margin-left: -35vw;
}

.widget-line {
    width: 100%;
}

.embed > iframe {
    width: 100%;
    min-height: 600px;
}

.pimcore_area_content {
    padding: 55px 10px;
}

.pimcore_area_kleine-kacheln.pimcore_area_content {
    padding: 5px 0 20px 0;
}

.pimcore_area_kleine-kacheln #kacheln {
    margin-top: 0;
}

.pimcore_area_content .lead {
    display: grid;
}

.pimcore_area_content ul li {
    list-style: none;
}

/* Mitarbeiter Entry */

.overlayBottom {
    width: 100%;
    height: 0;
    bottom: 0;
    left: 0;
}


.bild:hover .overlayBottom {
    height: 100%;
}

.bild {
    position: relative;
    display: inline-block;
    /* margin-bottom: 30px; */
}

.overlay {
    position: absolute;
    transition: all .9s ease;
    opacity: 0;
    background: rgba(0, 0, 0, 0.4);
}

.bild:hover .overlay {
    opacity: 1;
}

.bild:hover .card-img-overlay {
    opacity: 0;
}

.bild:hover .text-overlay {
    height: 150px;
    display: block;
}

.text-overlay {
    color: white;
    font-family: sans-serif;
    position: absolute;
    top: 50%;
    left: 20%;
    transform: translate(-20%, -50%);
    height: 0;
    display: none;
}

.text-overlay > .label_name {
    font-size: 12pt;
    padding-bottom: 10px;
}

.text-overlay > .label_position {
    font-size: 10pt;
    padding-bottom: 10px;
}

.text-overlay > p {
    font-size: 10pt;
    color: white;
}

.text-overlay > p > i {
    padding-right: 5px;
    color: white;
}

/* Kachel Masonry Twig */
.kachel_masonry {

}


/* Main CSS */
.grid-wrapper > div {
    display: flex;

}
.grid-wrapper > div > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
}

.grid-wrapper {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    grid-auto-rows: 200px;
    grid-auto-flow: dense;
}
.grid-wrapper .wide {
    grid-column: span 2;
}
.grid-wrapper .tall {
    grid-row: span 2;
}
.grid-wrapper .big {
    grid-column: span 2;
    grid-row: span 2;
}



/* Blog Thumbnails Twig */

.blog-thumbnails-twig-info .row_section_footer .btnMore {
    display: flex;
    justify-content: center;
    font-size: 12pt;
    color: var(--donau-blau);
}

.blog_card_col {
    padding: 0 5px;
}

/* Container holding the image and the text */
.card_container, .card_container_simple {
    position: relative;
    color: white;
    margin: 0 0px 5px 0px;
    border: none;
}


.card_container_simple .blog_kachel_image_ {
    opacity: 1;
    transition: .5s ease;
    backface-visibility: hidden;
}

.card_container_simple:hover .blog_kachel_image_blogartikel, .card_container_simple:hover .blog_kachel_image_blogartikel_small {
    opacity: 0.4;
}

.card_container_simple .card-footer-blog {
    margin-top: 5px;
    display: grid;
}

.blog_kachel_image_blogartikel {
    max-height: 530px;
    width: 100%;
}

.text-overlay-list {
    border-top: 1px solid white;
    padding: 0;
    width: 300px;
    margin-right: auto;
    margin-left: auto;
    list-style: none;
    margin-top: 20px;
}

.text-overlay {
    color: white;
    font-family: sans-serif;
    position: absolute;
    height: 0;
    display: none;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.text-overlay-span {
    /* font-family: Orator_Std_Medium !important; */
    font-weight: bold;
    text-transform: uppercase;
    font-size: 10pt;
}

.text-overlay-link {
    /* font-family: Orator_Std_Medium !important; */
    font-weight: bold;
    text-transform: uppercase;
    font-size: 10pt;
}

.text-overlay a:last-child{
    margin-bottom: 15px;
}

.text-overlay li {
    float: left;
    margin: 15px 5px 1px 5px;
    font-weight: bold;
    font-size: 12pt;
    width: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.text-overlay ul li:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: none !important;
    display: inline-block;
    width: 0em;
}

.text-overlay li:nth-child(1) {
    float: left;
}

.text-overlay > .label_name {
    font-size: 12pt;
    padding-bottom: 10px;
}

.text-overlay > .label_position {
    font-size: 10pt;
    padding-bottom: 10px;
}

.text-overlay > p {
    font-size: 10pt;
}

.text-overlay > p:nth-child(2) {
    border-bottom: 1px solid;
    width: 300px;
    /* margin-bottom: 5px; */
    padding-bottom: 15px;
    padding-top: 15px;
}

.text-overlay > p > i, .text-overlay > a > i {
    padding-right: 5px;
}

.text-overlay > a {
    color: white;
    display: block;
    margin: 10px 0px;
    /* font-size: 10pt; */
}

.text-overlay > a > i {
    padding-left: 5px;
}

.text-overlay li > i {
    padding-right: 5px;
    font-size: 16pt;
}

/* Centered text */
.centered {
    position: absolute;
    top: 40%;
    left: 20%;
    transform: translate(-15%, -50%);
}

.blog_card_col.card_blog_artikel_col .centered {
    top: 50%;
}

.blog_card_button {
    border-radius: 0;
    background-color: var(--donau-blau);
    color: white;
    border: none;
    padding: 0px 0px 0px 5px;
    font-size: 16pt;
    width: 170px;
    margin-left: auto;
    margin-right: auto;
    font-family: "Daniel Regular";
    letter-spacing: 2px;
    height: 22px;
}

.blog_kachel_image_blogartikel_small {
    max-width: 100% !important;
    max-height: 240px;
    min-height: 245px;
    height: 245px;
    width: 100%;
    object-fit: cover;
}

.blog_artikel_button_row {
    text-align: center;
}


.blog_card_col .card-text-datum {
    padding: 0px 0 15px 0;
    color: white;
    font-size: 10pt !important;
}

.blog_card_col .card_bottom_text .card-text-datum {
    color: black;
    padding: 0px 0 0px 0;
    font-size: 8pt !important;
}

.blog_card_col .card_bottom_text .card-title-kategorie {
    font-size: 8pt !important;
}

.blog_card_col .card_bottom_text p {
    text-align: center;
}

.blog_card_col .card-title-kategorie {
    font-size: 11pt !important;
    text-transform: uppercase;
}

.blog_card_col .card-title-kategorie {
    font-size: 9pt !important;
}

.blog_card_col .card-title-ueberschrift {
    font-size: 15pt !important;
    font-family: 'Saira', sans-serif;
    line-height: 30px;
}

.blog_card_col .card-title-ueberschrift {
    font-size: 24pt !important;
}

.card_bottom_text .card-title-ueberschrift {
    font-size: 19pt !important;
}

.card_container_simple .centered .card-block .card-title, .card_container_simple .centered .card-block .card-text{
    color: black;
    padding: 5px 15px 0px 0;
    text-transform: uppercase;
    font-size: 13pt !important;
}
.card_container_simple .centered .card-block .card-title span, .card_container_simple .centered .card-block .card-text span {
    line-height: 1.8;
    background-color: rgb(255 255 255 / 60%);
    padding: 0 8px;
    font-weight: 500;
}

.card-footer-blog .blog_unterbild_text {
    padding-left: 0;
}

.card-footer-blog .blog_unterbild_text a {
    padding-left: 0;
    color: rgba(0, 0, 0, 0.5);
}

.card-footer-blog .blog_unterbild_text a{
    color: rgba(0, 0, 0, 0.5);
}

.card-footer-blog {
    background-color: white;
    padding-left: 0px !important;
}

.card-footer-blog .blog_unterbild_text li {
    float: left;
    font-size: 9pt;
    color: rgba(0, 0, 0, 0.5);
}

.card-footer-blog .blog_unterbild_text li:not(:first-child) {
    padding: 0px 7px;
}

.card-footer-blog .blog_unterbild_text li:first-child {
    padding-left: 0px;
    padding-right: 7px;
}

.card-footer-blog .blog_unterbild_text li:not(:last-child) {
    border-right: 1px solid rgba(0, 0, 0, 0.5);
}

.card-footer-blog .blog_unterbild_text li  i{
    padding-right: 5px;
}

.blog_bildunterschrift {
    font-size: 13pt;
    word-break: break-all;
    color: rgba(0, 0, 0, 0.9);
}

.blog_themenfelder > p, .blog_sidebar_instagram > p {
    margin-right: auto;
    margin-left: auto;
}

#instagram_feed > a {
    padding: 2px;
}

#instagram_feed > a > img {
    max-width: 140px;
}

/* Page Titel Twig */

.page-titel-twig {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
}

.page-titel-twig h2 {
    text-transform: uppercase;
    font-size: 35pt;
    font-weight: 300;
    padding-bottom: 25px;
    text-align: center;
}

.page-titel-twig h4 {
    font-size: 25pt;
    max-width: 100%;
    vertical-align: middle;
    text-align: center;
}


/* Text Tabs Twig */

.tab_text_area_title_row {
    padding-top: 20px;
}

.twig_area_title {
    font-weight: 11;
    text-transform: uppercase;
    padding-bottom: 60px;
    font-size: 26pt;
}

.text_tab_list {
    border: none;
    padding-bottom: 40px;
}

.text_tab_content .tab-pane {
    font-size: 12pt;
    font-weight: 100;
    color: var(--black90);
}

.text_tab_list .text_tab_li a {
    color: var(--black90);
    padding-bottom: 10px;
}

.text_tab_list .text_tab_li {
    margin: 0 50px 0 0;
    padding-bottom: 5px;
    font-size: 12pt;
    font-weight: bold;
    color: var(--black90);
}

.text_tab_list .text_tab_li a:link {
    outline: none;
    text-decoration: none;
}

.text_tab_list .text_tab_li a {
    position: relative;
}

.text_tab_list .text_tab_li .active:after {
    border-bottom: 3px solid var(--donau-blau);
    width: 100%;
}

.text_tab_list .text_tab_li a:after {
    padding-top: 3px;
    content: '';
    display: block;
    border-bottom: 3px solid var(--donau-blau);
    width: 0;
    padding-top: 10px;
    position: absolute;
    left: 0;
    -webkit-transition: 1s ease;
    transition: 1s ease;
}

.text_tab_list .text_tab_li a:hover:after {
    width: 100%;
}

/* Social Flex Bar Twig */
.social-flex-bar-twig-info a .fa-brands {
    color: var(--black90);
    font-size: 24pt;
}


.social-flex-bar-twig-info .flex_container {
    display: flex;
    justify-content: center;
    flex-direction: row;
    padding-top: 20px;
    padding-bottom: 35px;
}

.social-flex-bar-twig-info .flex_container > div {
    padding: 0 20px;
}

.social-flex-bar-twig-info .skewed_background {
    height: 140px;
}

/* Featurette Twig */

.featurette-twig-info .container_slide_in {
    padding-top: 35px;
}

.featurette_content {
    padding-top: 30px;
}

.featurette_content.from_left {
    padding: 0px;
}

.featurette_content.from_right {

    padding: 0px;
}

.featurette_image.from_left {
    padding: 0px;
}

.featurette_title {
    border-left: 10px solid var(--donau-blau);
    padding: 35px 0 35px 40px;
    margin-bottom: 70px;
}

.featurette_title h3 {
    font-weight: 200;
    font-size: 32pt;
    max-width: 300px;
    text-transform: uppercase;
}


/* Text Column Twig */

.text_column_row_title {
    padding-top: 30px;
}

.area-column-tab-twig {
    padding-top: 50px;
}

.text_column_row ul, .textarea_twig_section ul, .featurette_text ul {
    --icon-space: 2.2em;
    list-style: none;
    padding: 0;
}

.text_column_row li, .textarea_twig_section li, .featurette_text li {

}

.text_column_row li:before, .textarea_twig_section li:before, .featurette_text li:before {
    content: "\f054"; /* FontAwesome Unicode */
    font-family: "Font Awesome 6 Pro";
    display: inline-block;
    margin-right: 10px;

}


.text_column_row fieldset {
    border: 1px solid var(--black90) !important;
    margin: 0;
    border-radius: 0;
    padding: 10px;
    position: relative;
    padding-left: 10px !important;
}

.text_column_row fieldset > div {
    padding-left: 10px;
}

.text_column_row legend {
    font-family: "Daniel Regular";
    font-size: 22pt;
    font-weight: bold;
    margin-bottom: 0px;
    width: auto;
    padding: 5px 5px 5px 10px;
    float: none;
}

/* Headlines */

.headlines-twig {
    text-align: center;
    text-transform: uppercase;
}

.headlines-twig.no_padding_bottom h3 {
    padding-bottom: 0 !important;
}

.headlines-twig h3 {
    text-align: center;
    font-family: 'Saira', sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    padding: 40px 0 20px;
    font-weight: 300;
    font-size: 31pt;
}

.headlines-twig h3:after {
    background: black;
    height: 1px;
    flex: 1;
    content: '';
    margin-left: 105px;
}

.headlines-twig h3:before {
    background: black;
    flex: 1;
    content: '';
    margin-left: 105px;
}

/* Zitate Carousel Twig */

.pimcore_area_zitate-twig {
    padding: 45px 10px 110px 10px;
}

/* carousel */

.zitat_content {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: flex-start;
    border-top: 1px solid black;
    align-content: center;
    gap: 30px;
    margin-top: 35px;
    margin-right: 90px;
}

.zitat_image {
    display: flex;
}

.quote_carousel .zitate_text {
    font-size: 12pt;
}

.quote_carousel .carousel-item {
    gap: 70px;
    display: flex;
    opacity: 0;
}


.quote_carousel .carousel-item.active {
    opacity: 1;
}


.quote_carousel .zitate_text p {
    margin-bottom: 0.5rem;
}

.quote_carousel .zitate_verfasser {
    font-size: 12pt;
    font-weight: bold;
    margin-top: 30px;
}

.quote_carousel {
    position: unset;
}

/* Changes the position of the indicators */
.quote_carousel .carousel-indicators {
    margin-right: 10%;
    top: auto;
    bottom: -40px;
}

.quote_carousel .zitat_content:after {
    content: "\f10d";
    font-family: "Font Awesome 6 Sharp";
    font-weight: 900;
    position: absolute;
    right: 10px;
    top: -21px;
    font-size: 44pt;
}

.quote_carousel .carousel-indicators {
    position: unset;
}

/* Changes the color of the indicators */
.quote_carousel .carousel-indicators button {
    width: 35px;
    height: 4px;
    margin-right: 3px;
    margin-left: 5px;
    text-indent: -999px;
    cursor: pointer;
    background-color: var(--black60);
    background-clip: padding-box;
    border: none;
}

.quote_carousel .carousel-indicators .active {
    background: var(--donau-blau);
    height: 4px;
    border: unset;
}

.quote_carousel img {
    width: auto;
    min-width: 400px;
    height: 300px !important;
    min-height: 300px !important;
}

/* End carousel */

.item blockquote {
    border-left: none;
    margin: 0;
}

.item blockquote img {
    margin-bottom: 10px;
}

.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}


/* Kacheln Allgemein */

.kachel_twig_content_icon {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.kachel_icon_twig .card-body {
    display: flex;
    align-items: center;
    flex-direction: row;
    align-content: center;
    flex-wrap: wrap;
    justify-content: space-between;
}


.kachel_twig {
    border-radius: 0;
    border: 1px solid var(--black90);
}

.kachel_column {
    padding: 4px 4px 4px 4px;
}

.kachel_twig_content_icon {
    position: absolute;
    right: 25px;
}

/* Kleine Kacheln Twig */

.kleineKachel_twig {
    min-height: 135px;
    height: 135px;
}

.kleineKachel-twig .card-body {
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    justify-content: flex-start;
    align-content: center;
    flex-wrap: wrap;
    border: 1px solid black;
}

/* Mittlere Kacheln Twig */

.mittlereKachel_twig {
    min-height: 284px;
    height: 284px;
    border-radius: 0;
}

.mittlereKachel_twig {

}

#kacheln .card-body {
    padding: 2rem 1.25rem 2rem 3rem;
    line-height: 1;
}

.kachel_twig .card-body {
    align-content: center;
}


/* Große Kacheln Twig */

.großeKachel_twig {
    min-height: 412px;
    height: 412px;
}

/* Sehr große Kacheln Twig */

.sehrGroßeKachel_twig {
    min-height: 582px;
    height: 582px;
}

/* Slide in elemente */

@keyframes slideInLeft {
    from { transform: translateX(-120%); opacity: 0; }
    to   { transform: translateX(0); opacity: 1; }
}

@keyframes slideInRight {
    from { transform: translateX(120%); opacity: 0; }
    to   { transform: translateX(0); opacity: 1; }
}

.slide_left,
.slide_right {
    transform: translateY(-50%);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.slide_left {
    left: 0;
}

.slide_right {
    right: 0;
}

/* 🔥 Aktivierte Animation (wenn Element sichtbar wird) */
.slide_left.animate {
    animation: slideInLeft 1.3s ease forwards;
}

.slide_right.animate {
    animation: slideInRight 1.3s ease forwards;
    padding-left: 40px;
}

/* Textarea Twig */

#textarea_twig .textarea_col.twocols {
    column-count: 2;
    column-gap: 15rem;
}

#textarea_twig .textarea_col > p {
    font-size: 13pt;
    color: var(--black90);
}

#textarea_twig .textarea_twig_section h3 {
    padding: 0 0 60px 0;
    font-size: 28pt;
    font-weight: 200;
    text-transform: uppercase;
}

.textarea_twig_section {
    padding-top: 35px;
    font-weight: 300;
}

.textarea_twig_section_::before {
    background: var(--skewed_background);
    height: 700px;
    width: 100%;
    transform: skewY(-1deg);
    transform-origin: top left;
    position: absolute;
    left: 0;
    content: "";
}

/* Tablebox Twig */
.area-tablebox-editmode .x-grid-cell-inner, .x-grid-cell-inner-checkcolumn, .x-grid-cell-inner-action-col {
    padding: 20px 10px 2px;
}

.area-tablebox-editmode .x-panel-bodyWrap {
    overflow: hidden;
    position: static;
    height: fit-content;
    width: auto;
}

.area-tablebox-twig h3 {
    font-weight: 200;
    font-size: 27pt;
    max-width: 300px;
    text-transform: uppercase;
    padding-bottom: 45px;
}

.area-tablebox-twig .hidden-row {
    display: none;
}

.slide-row {
    overflow: hidden;
    height: auto;
    transition: height 0.4s ease, opacity 0.4s ease;
}

.hidden-slide-row {
    height: 0;
    opacity: 0;
    pointer-events: none;
}

.area-tablebox-twig .tablebox_description {
    padding-bottom: 40px;
}

.area-tablebox-twig table {
    max-width: 100%;
    width: 100%;
}

.area-tablebox-twig table td, .area-tablebox-twig table th {
    padding: 5px 5px;
}

.area-tablebox-twig .show_more_wrapper {
    border-top: 1px solid var(--black90);
    padding: 15px 0;
    margin-top: 2rem;
    text-align: center;
}


.area-tablebox-twig .show_more_wrapper button {
    border: none;
    background: none;
    color: var(--donau-blau);
    font-size: 12pt;
}

.area-tablebox-twig .show_more_wrapper i {
    display: block;
    color: var(--donau-blau);
    padding-top: 7px;
    font-size: 14pt;
}


/* Ziel: Nur den inneren Div animieren, nicht das <tr> */
.slide-inner {
    max-height: 999px; /* ausreichend große Höhe */
    overflow: hidden;
    transition: max-height 0.4s ease, opacity 0.4s ease;
    opacity: 1;
}

.hidden-slide-row .slide-inner {
    max-height: 0;
    opacity: 0;
}

.table_box_title_row {
    padding-top: 20px;
}

/* Iconbar */

.iconbar_card .card-header, .iconbar_card .card-footer {
    background: none;
    border: none;
}

.iconbar_card .card-header {
    font-size: 19pt;
    font-weight: bold;
}

.iconbar_card .card-footer {
    font-size: 14pt;
    font-weight: bold;
}

.iconbar_card .card-body img {
    width: 80px;
}

/* Blog Card Slider */

.aktuelles-card-slider .carousel-item img {
    height: 200px;
    width: auto;
    object-fit: cover;
}

.aktuelles-card-slider .carousel-item .card-body {
    min-height: 500px;
    border-radius: 0;
    padding: 0;
    border: 1px solid var(--bs-border-color);
    border-bottom: 7px solid var(--donau-blau);
}


.aktuelles-card-slider {
    padding-bottom: 45px;
    padding-top: 40px;
}

.aktuelles-card-slider {
    /*padding: 0 53px;*/
}

.pimcore_area_blog-card-slider-twig {
    padding: 50px 0 70px 0;
}

.aktuelles-card-slider .carousel-item .card-link:after {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    content: "\2b";
    font-size: 9pt;
    margin-left: 10px;
}

.aktuelles-card-slider .carousel-item .card-title {
    font-size: 18pt !important;
    text-transform: uppercase;
    margin-bottom: 20px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
}

.aktuelles-card-slider .carousel-item .card-content {
    font-size: 9pt !important;
    color: var(--black90);
    margin-bottom: 10px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    background: none;
}

.aktuelles-card-slider .carousel-item .card_col {
    padding-right: 45px;
    padding-left: 45px;
}

.aktuelles-card-slider .carousel-item .card-text {
    padding: 35px 20px 0 20px;
}

.aktuelles-card-slider .carousel-item .card-text-datum {
    /* float: left; */
    margin-bottom: 20px;
    font-weight: bold;
    text-align: left;
}


#aktuellesCardSliderCarousel .carousel-control-next,
#aktuellesCardSliderCarousel .carousel-control-prev {
    color: black;
    font-size: 30pt;
}

#aktuellesCardSliderCarousel .carousel-control-prev {
    display: flex;

    position: absolute;
    left: -50px;
}

#aktuellesCardSliderCarousel .carousel-control-next {
    display: flex;
    /*   padding-right: 100px;
       margin-right: 100px;*/
    position: absolute;
    right: -35px;
}

/* Image Card Slider */

.image-card-slider-image-row {
    padding-bottom: 45px;
    padding-top: 40px;
}


.image-card-slider-image {
    padding: 0 53px;
}

.pimcore_area_image-card-slider-twig {
    padding: 50px 0 70px 0;
}

.carousel-image-card-slider .carousel-item .card-link:after {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    content: "\2b";
    font-size: 9pt;
    margin-left: 10px;
}


.carousel-image-card-slider .carousel-item .card-title {
    font-size: 21pt !important;
    text-transform: uppercase;
    margin-bottom: 10px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
}

.carousel-image-card-slider .carousel-item .card-body {
    min-height: 480px;
    border: none;
    border-radius: 0;
    padding: 0;
}


.carousel-slider-border .carousel-item .card-body {
    border-radius: 0;
    padding: 0;
    border: 1px solid var(--bs-border-color) !important;
}

.carousel-image-card-slider .carousel-item .card_col {
    padding-right: 45px;
    padding-left: 45px;
}

.carousel-image-card-slider .carousel-item .card-text {
    padding: 50px 30px 0 30px;
}

#imageCardSliderCarousel .carousel-control-next,
#imageCardSliderCarousel .carousel-control-prev {
    color: black;
    font-size: 30pt;
}

#imageCardSliderCarousel .carousel-control-prev {
    display: flex;

    position: absolute;
    left: -50px;
}

#imageCardSliderCarousel .carousel-control-next {
    display: flex;
    /*    padding-right: 100px;
        margin-right: 100px;*/
    position: absolute;
    right: -35px;
}


/* Kachel Slider Carousel */

.carousel-kachel-slider .carousel-item .card_col {
    padding-right: 45px;
    padding-left: 45px;
}

#kachelSliderCarousel .carousel-control-next,
#kachelSliderCarousel .carousel-control-prev {
    color: black;
    font-size: 30pt;
}

#kachelSliderCarousel .carousel-control-prev {
    display: flex;

    position: absolute;
    left: -50px;
}

#kachelSliderCarousel .carousel-control-next {
    display: flex;
    /*    padding-right: 100px;
        margin-right: 100px;*/
    position: absolute;
    right: -35px;
}

@media (max-width: 768px) {
    .carousel-slider .carousel-inner .carousel-item > div {
        display: none;
    }

    .carousel-slider .carousel-inner .carousel-item > div:first-child {
        display: block;
    }
}

.carousel-slider .carousel-inner .carousel-item.active,
.carousel-slider .carousel-inner .carousel-item-next,
.carousel-slider .carousel-inner .carousel-item-prev {
    display: flex;
}

/* display 3 */
@media (min-width: 768px) {

    .carousel-slider .carousel-inner .carousel-item-right.active,
    .carousel-slider .carousel-inner .carousel-item-next {
        transform: translateX(33.333%);
    }

    .carousel-slider .carousel-inner .carousel-item-left.active,
    .carousel-slider .carousel-inner .carousel-item-prev {
        transform: translateX(-33.333%);
    }
}

.carousel-slider .carousel-inner .carousel-item-right,
.carousel-slider .carousel-inner .carousel-item-left {
    transform: translateX(0);
}

.carousel-slider .carousel-item .img-fluid {
    width: 120px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 35px;
    margin-bottom: 60px;
}

.kachel-slider-info {
    /* padding-bottom: 200px;
     padding-top: 101px;*/
}

.kachel-slider-info .carousel-item .col-md-4 {
    padding: 0 50px;
}

.kachel-slider-info .row {
    padding-top: 90px;
}

.carousel-kachel-slider .carousel-item .card-body {
    min-height: 430px;
    border: none;
    border-bottom: 7px solid var(--donau-blau) !important;
    border-radius: 0;
    padding: 20px 30px;
}

.carousel-kachel-slider .carousel-item .card-title {
    font-size: 20pt !important;
    margin-bottom: 10px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
}

.carousel-slider .carousel-item .card-link {
    text-align: left;
    margin-right: auto;
    display: block;
    font-weight: 400;
    color: black;
    position: absolute;
    bottom: 30px;
    font-size: 10pt;
}

.carousel-kachel-slider .carousel-item .card-link:after {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    content: "\f054";
    font-size: 9pt;
    margin-left: 7px;
}

.skewed_background {
    background: var(--skewed_background);
    height: 700px;
    width: 100%;
    transform: skewY(-1deg);
    transform-origin: top left;
    position: absolute;
    left: 0;
    z-index: -1;
}

.skewed_background_long {
    background: var(--skewed_background);
    height: 1450px;
}

.skewed_background_tablebox {
    height: 450px;
}

.skewed_background_text_tab {
    height: 350px;
}

.skewed_background_text_accordion {
    height: 300px;
}
.skewed_background_headline {
    height: 160px;
}

.skewed_background_wysiwyg {
    height: 200px;
}
.skewed_background_imagecard {
    background: var(--skewed_background);
    height: 1150px;
}

.skewed_background_image {
    background-repeat: no-repeat;
    background-size: auto;
    z-index: 0;
}

.skewed_background_featurette {
    height: 600px;
}

.skewed_background_kachel_slider {
    height: 600px;
}

.skewed_background_zitate_carousel {
    height: 420px !important;
    margin-top: -40px;
}

.skewed_background_button {
    height: 155px;
}

.skewed_background_event_content {
    height: 500px;
}

.skewed_background_aktuelles {
    height: 650px;
}

#aktuelles .card .card-body {
    display: flex;
    flex-direction: column;
    padding: 2.25rem;
}

#aktuelles .card .card-img-overlay {
    position: absolute;
    top: 195px;
    right: 0;
    bottom: 0px;
    left: 0;
    padding: 0;
    background-color: white;
    height: 50px;
}

#aktuelles .card .card-img-overlay > label {
    padding: 8px 5px 5px 20px;
    font-size: 19pt;
}

#aktuelles .card .card-img-overlay > label {
    padding: 8px 5px 5px 20px;
    font-size: 19pt;
}

#aktuelles .card .card-body p {
    font-size: 12pt;
    text-align: left;
}

#aktuelles .card .btn {
    /* border-radius: 0;
    display: flex;
    padding: 0px 10px 0px 10px;
    /*height: 20px;
    margin-top: auto;
    line-height: 20px;
    width: 150px;
    justify-content: center;
    border-radius: 0px;*/
    font-size: 9pt;
}

#aktuelles .card {
    border-radius: 0;
}

#aktuelles .row .col {
    padding-right: 1px;
    padding-left: 1px;
    padding-top: 2px;
}

#aktuelles .card .card_footer {
    justify-content: center !important;
    padding-top: 10px;
    padding-bottom: 15px;
}

#aktuelles .card-img-top {
    border-top-left-radius: unset;
    border-top-right-radius: unset;
    width: auto;
}

/*Presseartikel*/

.presseartikel-info .card .card-body {
    display: flex;
    flex-direction: column;
    padding: 2.25rem;
}

.presseartikel-info .card .card-img-overlay {
    position: absolute;
    top: 180px;
    right: 0;
    bottom: 0px;
    left: 0;
    padding: 0;
    background-color: white;
    height: 65px;
}

.presseartikel-info .card .card-img-overlay > label {
    padding: 5px 5px 5px 15px;
    font-size: 15pt;
}

.presseartikel-info .card .card-body p {
    font-size: 12pt;
    text-align: left;
}

.presseartikel-info .card .btn {
    font-size: 9pt;
}

.presseartikel-info .card {
    border-radius: 0;
}

.presseartikel-info .row .col {
    padding-right: 1px;
    padding-left: 1px;
    padding-top: 2px;
}

.presseartikel-info .card .card_footer {
    justify-content: center !important;
    padding-top: 10px;
    padding-bottom: 15px;
}

.presseartikel-info .card-img-top {
    border-top-left-radius: unset;
    border-top-right-radius: unset;
    width: fit-content;
    width: -moz-available;
    margin-right: auto;
    margin-left: auto;
    max-width: -webkit-fill-available;
    max-width: -moz-fit-content;
}

.presseartikel-info .card .card-text img {
    display: none;
}

.presseartikel-info .card .card-text p:nth-child(n+4) {

}

.presseartikel-detail > .card {
    border: none;
}

.presseartikel-detail .bubbles-box {
    text-align: left;
    padding: 10px 0 10px 0;
}


.presseartikel-detail .bubbles-box .bubble_holder {
    display: inline-block;
    width: 1rem;
    height: 1.75rem;
}

.presseartikel-detail .bubbles-box .bubble_holder .bubble {
    border-radius: calc(1rem);
    width: 1rem;
    height: 1rem;
    display: inline-grid;
}

.presseartikel_image {
    width: 30% !important;
    height: 30% !important;
    margin: 15px;
}


.dot {
    background-color: #bbb;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    top: 85%;
    left: 5%;
}

.load_more_btn {
    text-align: center;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    font-size: 10pt;
    width: 140px;
}

.load_more_btn_big {
    width: 220px;
}

.load_more_btn > span {
    vertical-align: middle;
    display: contents;
}

.row_section_footer .btn {
    /*border-radius: 0;
    font-size: 10pt;
    display: flex;
    justify-content: center;
     padding: 6px 0 5px 0;
    height: 30px;
    width: 140px;
    text-align: center;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    line-height: 20px;*/
}

.row_section_footer .btn:hover {
    color: white;
    background-color: #343a40;
}

/*Footer */
.footer-fixed-bottom-wrap {
    width: 100%;
    height: auto;
    z-index: 1000 !important;
    bottom: 0;
}

.footer-fixed-bottom {
    text-align: left;
    background: var(--dark-grey);
}

.footer-fixed-bottom > .footer_content {
    margin: 0;
    padding: 0.8em;
    padding-left: 10%;
    color: white;
    font-size: 10pt;
}

.footer-fixed-bottom > .footer_content > a {
    color: white;
    font-size: 10pt;
}

.footer-fixed-bottom > .btn {
    border-radius: 0;
}

footer {
    width: 100%;
    background-color: var(--dark-grey);
    padding: 10px 0px 5px 0px;
}


/* second nav */
.navbar-secondary {
    min-height: 50px;
}

.secondNavbar .navbar {
    height: 76px;
}

.navbar-secondary .navbar-header {
    padding: 20px 10px 20px 30px;
}

.navbar-secondary.navbar-fixed-top {
    z-index: 1029;
    top: 53px;
    height: 110px;
    background-color: rgba(0, 0, 0, 0.5);
    margin-bottom: -57px;
}

/* Kacheln Responsive end */

form.gsc-search-box {
    max-width: 300px;
}

.form-group.search-tooltip {
    margin-bottom: 0;
}


.nav-item-lang:nth-child(3) {
    padding-right: 25px !important;
}

#navMobileSecond .lang-nav-link {
    padding-right: 10px !important;
    padding-left: 10px;
}

.secondNavbar .nav-link:hover {
    color: rgba(255, 255, 255, 0.5);
    text-decoration: underline;
}

.secondNavbar .navbar-toggle-always .icon-bar-always {
    background-color: #ffffff;
}

.secondNavbar .icon-bar-always {
    width: 38px;
    height: 1px;
    border: 2px solid #fff;
    display: block;
    border-radius: 1px;
}

.secondNavbar .icon-bar-always + .icon-bar-always {
    margin-top: 4px;
}

.secondNavbar .navbar-toggle-always {
    background-color: unset;
    border: none;
}

.secondNavbar. navbar-toggler {
    padding: 0.25rem 2.75rem;
}

.secondNavbar.navbar-toggler {
    border-color: rgb(255, 255, 255);
}

.secondNavbar .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.secondNavbar .navbar-toggler {
    padding: 0.25rem 0.75rem;
    font-size: 3.25rem;
    line-height: 2;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    margin-right: 10px;
    position: initial;
    bottom: 5px;
    right: 0;
    padding: 0;
    text-decoration: none;
    text-align: center;
    font-weight: 500;
    font-size: 0;
    padding: 2.25rem 0.75rem 2rem 0.75rem;
    font-size: 3.25rem;
}

.secondNavbar .img-responsive {

}

#navbarResponsive.show {
    background-color: rgba(0, 0, 0, 0.5);
    margin-top: 10px;
}

#navbarResponsive > ul {
    margin-right: 20px;
}

#navbarResponsive .nav-item {
    padding-left: 30px;
}

#navbarResponsive {
    margin-bottom: 0;
    margin-top: auto;
}

.draggable {
    height: 200px;
    border: 1px solid black;
}


[data-tip] {
    position: relative;

}

[data-tip]:before {
    content: '';
    /* hides the tooltip when not hovered */
    display: none;
    content: '';
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #1a1a1a;
    position: absolute;
    top: 30px;
    left: 10px;
    z-index: 8;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
}

[data-tip]:after {
    display: none;
    content: attr(data-tip);
    position: absolute;
    top: 35px;
    left: 0px;
    padding: 5px 8px;
    background: #1a1a1a;
    color: #fff;
    z-index: 9;
    font-size: 7pt;

    line-height: 18px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    word-wrap: normal;
    white-space: pre-line;
}

[data-tip]:hover:before,
[data-tip]:hover:after {
    display: block;
}

#navMobileSecond [data-tip]:after {
    position: fixed;
    top: 105px;
    right: 3px;
    padding: 10px;
    margin: 5px;
}

.nav-item-search {
    display: inline-flex;
    color: rgba(0, 0, 0, 0.5);
}

.nav-item-search > input[type="search"] {
    margin-top: auto;
    margin-bottom: auto;
}

.nav-item-search .gsc-input > .gsc-input-box {
    width: 240px;
    float: right;
}

.search_container .gsc-input > .gsc-input-box {
    width: 400px;
    border-color: #AAAAAA;
}

.gsc-input > .gsc-input-box {
    border-radius: 20px;
}

.gsc-input > .gsc-input-box .gsib_a {
    padding: 6px 10px 6px 10px;
}

.gsc-input > .gsc-input-box .gsib_a .gsc-input {
    background: none !important;
}


.gsc-search-button-top {
    /* font-size: 13px !important; */
    border-color: unset;
    background-color: unset;
    border: none;
}

.gsc-search-input-top {
    padding: 0px;
    border: none;
    margin: -0.0625em 0px 0px;
    height: 1.75em;
    border-radius: 15px;
    width: 220px;
    text-indent: 10px;
    background-repeat: no-repeat;
    outline: none;
    background-position: left;
    background-position: left;
    background-image: url("/static/images/logos/gcs_watermark.gif");
}

.form-recaptcha-hint {
    margin: 10px;
    font-size: 9pt;
    color: #606060;
}

#gss-datenschutz-hint > a {
    font-size: 9pt;
}

.gsc-search-input-top:focus {
    background-image: none !important;
}

.gsc-search-input-top:active {
    background-image: none !important;
}

#search {
    display: flex;
    align-items: center;
}

#search button {
    border: none;
    background-color: unset;
}

.search_container > .form-inline {
    padding-bottom: 20px;
}

.search_container > .form-inline .form-group {
    margin-bottom: 0;
}

.search_container .form-inline .form-control {
    min-width: 400px;
}

.search_container > .form-inline button {
    margin-left: 10px;
    border-radius: 0;

}


/*mythd popup*/
.mythd_popup {
    top: 25%;
}

.mythd_popup .modal-content.popup_querformat {
    height: 550px;
    width: 850px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% -20px;
    margin-left: auto;
    margin-right: auto;
}

.mythd_popup .modal-content {
    height: 550px;
    width: 850px;
    background-repeat: no-repeat;
    background-position: 50% 70px;
    margin-left: auto;
    margin-right: auto;
    background-size: 700px;
}

.mythd_popup_full .modal-content {
    background-color: #ffffff00;
    border: none;
    color: white;
    width: 100%;
}


.mythd_popup_full .load_more_btn {
    color: white;
    border-color: white;
}

.mythd_popup .modal-header .close {
    margin: -2.5rem -1.5rem -2.5rem auto;
    width: 25px;
    height: 25px;
    background-color: white;
    position: absolute;
    right: 0;
    opacity: 1;
    border-radius: 50%;
    padding: 5px;
}

.mythd_popup_full .modal-header .close {
    background-color: #ffffff00;
    color: white;
    font-size: 18pt;
    margin: 0rem 0.5rem 0rem auto;
}


.mythd_popup .modal-title {
    margin-right: auto;
    margin-left: auto;
    margin-top: 45px;
    font-family: 'Saira', sans-serif;
    font-weight: 600;
}

.mythd_popup .modal-footer {
    margin-right: auto;
    margin-left: auto;
    margin-top: 15px;
    margin-bottom: 15px;
}

.mythd_popup .bubble_holder {
    width: 1.2rem;
    height: 1.2rem;
}

.mythd_popup .bubbles-box {
    position: absolute;
    padding-left: 20px;
    padding-top: 20px;
}

.mythd_popup .bubble {
    border-radius: calc(1.2rem);
    width: 1.2rem;
    height: 1.2rem;
}

.mythd_popup .modal-body {
    font-size: 13pt;
}

.mythd_popup .modal-header {
    border-bottom: none;
}

.mythd_popup .modal-footer {
    border-top: none;
}


.mythd_popup .modal-body .container {
    position: absolute;
    bottom: -10px;
    max-width: 100%;
}

.media.searchresult {
    margin: 20px 0;
}

.media.searchresult > a > img {
    margin-right: 20px;
}

.pagination > li {
    margin: 0 5px 0 5px;
}

.nav-item-search .button {
    display: inline-flex;
}

#navbarResponsive .navbar-nav {
    float: right;
    text-align: right;
}

/* Studenprogramme Kacheln */
#studienprogramm .kachel {
    padding: 4px;
    height: 265px;
}

#studienprogramm .kachel > .card {
    border-radius: 0;
}

#studienprogramm .card-text-typ {
    font-family: 'Saira', sans-serif !important;
    font-size: 24pt;
    color: white;
    text-transform: uppercase;
}

#studienprogramm .kachel_img {
    width: 90px;
    margin-bottom: 1em;
    margin-top: 1em;
    margin-right: auto;
    margin-left: auto;
}

#studienprogramm .kachel > .card {
    border: 1px solid rgba(0, 0, 0, 0.20);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

#studienprogramm .card-text {
    font-size: 15pt;
    min-height: 52px;
    font-weight: 200;
}

#studienprogramm .card-text-bottom {
    font-size: 14pt;
    position: absolute;
    bottom: 1px;
    margin-bottom: 10px;
}

#studienprogramm .card-body {
    padding: 25px 1.25em 5px 2.25em;
}

#studienprogramm .card-body > a {
    color: var(--light-grey);
}

#studienprogramm .card .card-body:hover {
    cursor: pointer;
}

#studienprogramm .card .card-body:hover p {
    text-decoration: none
}

#studienprogramm .card .card-body:hover a {
    text-decoration: none
}

.studienprogram_english {
    width: 52px;
    height: 47px;
    display: block;
    right: 0px;
    position: absolute;
    top: 100px;
}

.studienprogram_english > span {
    font-size: 15pt;
    color: white;
    margin: 9px;
    display: block;
}

/* scoal icons sidebar */
.sticky-container {
    padding: 0px;
    margin: 0px;
    position: fixed;
    right: 0px;
    top: 230px;
    width: 40px;
    z-index: 1015;
    opacity: 0.5;
}

.sticky-container > .social-list {
    padding-left: 5px;
}

.sticky li {
    list-style-type: none;
    height: 35px;
    padding: 0px;
    margin: 0px 0px 1px 0px;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    cursor: pointer;
}

.sticky li p, .sticky-mobile li p {
    padding-top: 5px;
    margin: 0px;
    line-height: 16px;
    font-size: 11px;
}

.sticky li p a, .sticky-mobile li p a {
    text-decoration: none;
    color: #2C3539;
}

.sticky-container-mobile {
    position: fixed;
    bottom: 0;
    z-index: 1015;
    width: 100%;
    background: var(--schema-color);
}

.sticky-mobile li {
    list-style-type: none;
    height: 40px;
    width: 40px;
    padding: 0px;
    margin: 0;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    cursor: pointer;
    display: inline-block;
}

.sticky-mobile {
    padding: 0;
    margin: 0;
    text-align: center;
}

/*
.fab {
    padding: 6px;
    font-size: 23px;
    width: 35px;
    text-align: center;
    text-decoration: none;
    border-radius: 50%;
    background-color: var(--light-grey);
    color: white;
}
*/
/* Kacheln */
#kacheln, #studienprogramm, #mitarbeiter {
    margin-top: 25px;
}

#kacheln .card .card-body img {
    display: block;
    max-width: 100%;
    height: auto;
}

#kacheln .moreKacheln {
    padding: 5px !important;
}

.kachel_link:hover {
    text-decoration: none;
}

#kacheln .soundcloud .card-body {
    padding: 0;
    line-height: 1;
}

#kacheln .soundcloud iframe {
    display: block;
}

#kacheln .embed-responsive {
    display: contents;
}

#kacheln .embed-responsive > iframe {
    z-index: 999;
}

#kacheln .embed-responsive-16by9::before {
    padding-top: 0;
}

.square {
    overflow: hidden;
    position: relative;
}

.square > div {
    height: 100%;
    width: 100%;
}

/* Kleine Kacheln */
.kleineKachel {
    padding: 2px !important;
}

/* mittlere Kacheln */
.mittlereKachel {
    padding: 2px;
}

.mittlereKachel .card-body {
    border: 1px solid rgba(0, 0, 0, 0.20);
}

/* halb mittlere Kachel */
.card-half-middle {
    border-radius: 0;
}

.halbmittlereKachel {

    padding: 2px !important;
}

/* The sidepanel menu */
.sidepanel {
    /* height: 250px; */
    /* width: 0; */
    position: fixed;
    z-index: 1;
    /* top: 0; */
    /* left: 0; */
    /* background-color: #111; */
    overflow-x: hidden;
    padding-top: 60px;
    transition: 0.5s;
}

/* The sidepanel links */
.sidepanel a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

/* When you mouse over the navigation links, change their color */
.sidepanel a:hover {
    color: #f1f1f1;
}

/* Position and style the close button (top right corner) */
.sidepanel .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

/* Style the button that is used to open the sidepanel */
.openbtn {
    font-size: 20px;
    cursor: pointer;
    background-color: #111;
    color: white;
    padding: 10px 15px;
    border: none;
    top: 575px;
    right: 0;
    position: fixed;
}

.openbtn:hover {
    background-color: #444;
}

.social-list a {
    /*height: 40px;
    width: 40px;
    background: var(--light-grey);
    display: block;
    text-align: center;
    border-radius: 50%;*/
}

.social-list a img {
    margin: 5px 5px;
    -webkit-filter: invert(100%);
    filter: invert(100%);
    /* opacity: 1 !important; */
}

#kacheln h1, #kacheln h2, #kacheln h3 {
    text-transform: uppercase;
    font-family: 'Saira', sans-serif;
    line-height: 1.3;
    color: white;
    /*font-weight: 600;*/
}

#kacheln p > img {
    /*margin-left: auto;
    margin-right: auto;*/
    display: block;
}

#kacheln h4, #kacheln p, #kacheln ul, #kacheln li {
    /*margin: 0 !important;
    color: white;
    text-transform: lowercase;*/
}

#kacheln ul {
    list-style: none;
    padding-left: 0px;
}

#kacheln img:before {
    text-align: center !important;
}

.kachel_bottom_image {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
}

.arrow_down_small {
    position: absolute;
    /* top: 26%; */
    left: 93%;
    transform: translate(-50%, -220%);
    z-index: 999;
    /* padding-bottom: 600px; */
}

.arrow_down_small span {
    display: block;
    width: 12px;
    height: 12px;
    border-bottom: 3px solid var(--donau-blau);
    border-right: 3px solid var(--donau-blau);
    transform: rotate(45deg);
    margin: -5px;
    animation: animate_down_small 2s infinite;
}

.arrow_down_small span:nth-child(2) {
    animation-delay: -0.2s;
}

.arrow_down_small span:nth-child(3) {
    animation-delay: -0.4s;
}

@keyframes animate_down_small {
    0% {
        opacity: 0;
        transform: rotate(45deg) translate(-10px, -10px);
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: rotate(45deg) translate(10px, 10px);
    }
}

/* Text Accordion Twig */

.text_accordion_area_title {
    font-weight: 500;
    padding-bottom: 20px;
    font-size: 12pt;
}

.text_accordion_area_unteritle {
    padding-top: 50px;
}

.area-text-accordion-twig .card {
    border: none;
    background: none;
}

.area-text-accordion-twig .card-header:hover {
    cursor: pointer;
}

.area-text-accordion-twig .card-header {
    background: none;
    border-bottom: 1px solid var(--black60);
    margin-bottom: 0 !important;
    padding: 20px 0 20px 5px;
}

.area-text-accordion-twig .card-body {
    padding-top: 20px;
}


.area-text-accordion-twig .card-header a {
    font-size: 12pt;
    color: var(--black90);
}


.area-text-accordion-twig .card-header a:before {
    content: "\f068";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    font-style: normal;
    line-height: 1;
    color: var(--light-grey);
    position: relative;
    display: inline-block;
    margin-left: auto;
    font-size: 12pt;
    padding: 0 30px 0 25px;
}

.area-text-accordion-twig .card-header a[aria-expanded="true"]:before {
    content: "\f068";
}

.area-text-accordion-twig .card-header a[aria-expanded="false"]:before {
    content: "\2b";
}

/* Kachln Mitarbeiter */

.disabled-link {
    pointer-events: none;
    cursor: default;
}

.card-mitarbeiter {
    border-radius: 0;
}

.card-mitarbeiter > .card-img-top {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.card-mitarbeiter > .card-img-overlay {
    margin-top: auto;
    margin-bottom: 3%;
    padding: 0;
    height: 75px;
}

.card-mitarbeiter > .card-img-overlay > label {
    background-color: var(--donau-blau);
    color: white;
    font-family: 'Saira', sans-serif;
    font-weight: 500;
    width: fit-content;
    width: -moz-fit-content;
    display: block;
}

.card-mitarbeiter > .card-img-overlay > .label_name {
    padding: 8px 20px;
    font-size: 10pt;
}

.card-mitarbeiter > .card-img-overlay > .label_position {
    padding: 5px 20px;
    font-size: 8pt;
}

#organisation .blogBox {
    padding: 10px 15px 5px 0px;
    height: 302px;
}

.orga-title {
    padding: 0px 0 25px 0;
    text-transform: uppercase;
}

.orga-title h2 {
    font-size: 25pt;
    font-weight: 100;
}

.orga-title-name {
    padding: 10px 0 0 0;
}

.cryptedmail:after {
    content: attr(data-name) "@" attr(data-domain) "." attr(data-tld);
}

.post-container {
    margin: 20px 20px 0 0;
    overflow: auto
}

.post-thumb {
    float: left
}

.post-thumb img {
    display: block
}

.post-content {
    margin-left: 210px
}

.post-title {
    font-weight: bold;
    font-size: 200%;
    padding: 9px;
    background: #ccc
}

/* Studierende Zitate */

.zitate-img {
    display: inline-table;
}

.zitate-img-left {
    float: left;
}

.zitate-img-right {

}

.p-zitat-left {

}

.p-zitat-right {

}

.zitat-left {
    padding-left: 15px;
}

/* End carousel */

.area-zitate blockquote {
    border-left: none;
    margin: 0;
    padding: 60px 0 15px 0;
}

.area-zitate blockquote img {
    margin-bottom: 10px;
}

.area-zitate blockquote .p-zitat:before {
    content: "\f10d";
}

.zitat-student p {
    margin-bottom: 0;
}

.zitat-student {
    color: #565657;
}

.area-zitate blockquote small {
    /* position: absolute; */
    /* bottom: 100px; */
    font-size: 11pt;
    /* margin-left: 20px; */
    display: block;
    margin-top: 20px;
}

.area-zitate blockquote .p-zitat-left:before {
    margin-left: 45px !important;
}

.p-zitat-left {
    margin-left: 45px !important;
}

.zitat-student-left {
    margin-left: 45px;
}

.zitat-student-right {
    margin-left: 27px;
}

.area-zitate blockquote img {
    width: 100%;
    height: auto;
    max-width: 450px;
}

.hr-zitate {
    margin-top: 70px !important;
    width: 65%;
    float: left;
    color: #b0b0b0 !important;
    border-top: 1px solid #b0b0b0 !important;
}

.area-zitate blockquote .p-zitat-right {
    /* position: absolute; */
    color: var(--dark-grey);
    font-size: 14pt;
    /* margin: 0 0 0 20px; */
    width: 95%;
    display: block;
    /* max-width: 40px; */
    margin: 0;
}

.area-zitate blockquote .p-zitat {
    /* position: absolute; */
    color: var(--dark-grey);
    font-size: 14pt;
    /* margin: 0 0 0 20px; */
    display: block;
    /* max-width: 40px; */
    margin: 0;
}

.area-zitate blockquote .p-zitat-right {
    margin-left: 27px;
}

.area-zitate blockquote .p-zitat-right::before {
    margin-left: 27px;
}

.area-zitate blockquote .p-zitat::before {
    font-family: "Font Awesome 6 Pro";
    font-size: 16pt;
    font-weight: 700;
    content: "\f10d";
    color: #b0b0b0;
    display: block;
    left: -15px;
    position: absolute;
    top: -2px;
}

.area-zitate blockquote .p-zitat::after {
    font-family: "Font Awesome 6 Pro";
    font-size: 16pt;
    font-weight: 700;
    margin: 5px -20px 10px 10px;
    content: "\f10e";
    right: 0px;
    color: #b0b0b0;
    float: right;
}

/* Flashing
.card-mitarbeiter > .card-img-top:hover {
    opacity: 1;
    -webkit-animation: flash 1.5s;
    animation: flash 1.5s;
}
*/
@-webkit-keyframes flash {
    0% {
        opacity: .4;
    }
    100% {
        opacity: 1;
    }
}

@keyframes flash {
    0% {
        opacity: .4;
    }
    100% {
        opacity: 1;
    }
}

.card-mitarbeiter > .card-img-top_:hover {
    opacity: .5;
}

/* Navbar first */
#topNav {
    height: 50px;
}

#navbarTop {
    width: 100%;
    height: 100%;
}

.secondNavbar .navbar-brand {
    height: auto;
    margin-right: 20px;
    margin-left: 0px;
    padding: 10px;
}

.img-brand {
    max-width: 295px !important;
    display: block;
    max-width: 100%;
}

.navbar {
    padding: 0 !important;
}

#mainNav .justify-content-end {
    float: right;
    height: 100%;
}

#mainNav .nav-item:not(:last-child) {
    padding-right: 20px;
}

#mainNav .expandSearch input[type="text"] {
    margin-right: 10px;
    border-radius: 15px;
    padding: 3px 3px 3px 10px;
}

#navbarTop .nav-link {
    padding-right: 10px;
    color: var(--light-grey) !important;
    min-width: 20px !important;
    font-size: 13pt;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pen .navbar-toggle {
    border: none;
    background: transparent !important;
}

.pen .navbar-toggle:hover {
    background: transparent !important;
}

.pen .navbar-toggle .icon-bar {
    width: 22px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.nav-item-search > a:hover {
}

#navFirstLeft > .navbar-nav {
    flex-direction: row;
    margin-left: 40px;
}

#navFirstLeft > .navbar-nav > .nav-item {
    padding-right: 3px;
}

#navFirstLeft > .navbar-nav > .nav-item > a:hover {
    text-decoration: underline;
}

.only-mobile {
    display: none !important;
}

.only-desktop-992 {
    margin-top: auto;
}

.only-desktop-1350 {
    margin-top: auto;
}

.only-mobile-768 {
    display: none;
}

.only-desktop-768 {
    display: block;
}

.only-mobile-992, .only-mobile-1350 {
    display: none;
    margin-bottom: 35px;
}

.only-mobile-992, .only-mobile-  {
    display: flex;
    margin-right: 103px;
    margin-top: 12px;
    justify-content: flex-end;
}

#navMobileSecond {
    height: 50px;
    background-color: white;
    color: var(--dark-grey);
    justify-content: flex-end;
}

#navMobileSecond > .form-inline {
    float: right;
    width: 100%;
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto !important;
}

/* PULSE */
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    50% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
    100% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    10% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
    20% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    30% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
    40% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    80% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

}

.faa-pulse.animated,
.faa-pulse.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-pulse {
    -webkit-animation: pulse 2s linear infinite;
    animation: pulse 2s linear infinite;
}

.faa-pulse.animated.faa-fast,
.faa-pulse.animated-hover.faa-fast:hover,
.faa-parent.animated-hover:hover > .faa-pulse.faa-fast {
    -webkit-animation: pulse 1s linear infinite;
    animation: pulse 1s linear infinite;
}

.faa-pulse.animated.faa-slow,
.faa-pulse.animated-hover.faa-slow:hover,
.faa-parent.animated-hover:hover > .faa-pulse.faa-slow {
    -webkit-animation: pulse 8s linear infinite;
    animation: pulse 8s linear infinite;
}

.nav-icon {
    height: auto;
    margin-top: auto;
    margin-bottom: auto;
    display: inline;
}

.image_center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.area-gallery-single-images .thumbnail:hover {
    cursor: pointer;
}

.area-gallery-single-images .thumbnail > img {
    margin-right: auto;
    margin-left: auto;
}

.ekko-lightbox-nav-overlay {
    top: unset !important;
    bottom: 0;
    width: 100%;
    height: unset !important;
}

.ekko-lightbox-nav-overlay a {
    opacity: 0.2 !important;
}

.ekko-lightbox a:hover {
    opacity: 1 !important;
}

.area-audio .embed-responsive {
    max-height: 55px;
}

.single_image_modal .btn-outline-primary:hover {
    background-color: var(--thd-blau);
    border-color: var(--thd-blau);
    color: white;
}

.single_image_modal .btn-outline-primary {
    border-color: var(--thd-blau);
    color: var(--thd-blau);
}

.carousel-item {
    /*max-height: 100vh;
    min-height: 100vh;
    max-width: 100vw;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;*/
}

.carousel-item img {
    height: 100%;
}

.carousel-item {
    /*min-height: 100px;*/
}

.carousel-caption.without-image {
    position: static;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='lightgray' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='lightgray' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

.carousel-indicators li {
    background-color: #bfbfbf;
}

.area-gallery-carousel .countUpCarousel {
    font-family: 'Saira', sans-serif;
    font-size: 15pt;
}

#search_mobile {
    display: none;
}

#search_desktop {
    display: flex;
}

.row-event-filter .card {
    border: none;
    border-radius: 0;
    padding: 8px 0 8px 0;
}

.row-event-filter .col-12 {
    padding: 2px;
}

.row-event-filter .col-4 {
    padding: 0 5px 0 5px;
}

.row-event-filter .panel-heading {
    border-bottom: none;
    padding: 10px 10px 10px 10px;
}

.row-event-filter .card-filter-header .card-link {
    color: white;
    margin-top: auto;
    margin-bottom: auto;
}


.row-selected-filter {
    padding: 30px 0 10px 0;
    margin-bottom: 20px;
    /*border-bottom: 1px solid gray;*/
}

.comma:not(:empty):not(:last-child):after {
    content: ", ";
}

.card-filter-header {
    padding: 0;
    border: 0;
}

.card-filter-header p:after {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    /*font-family: 'Glyphicons Halflings';  essential for enabling glyphicon */
    content: "\f078"; /* adjust as needed, taken from bootstrap.css */
    font-style: normal;
    line-height: 1;
    position: relative;
    top: 4px;
    display: inline-block;
    padding-left: 5px;
    padding-right: 10px;
}

.card-filter-header p:after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    float: right;
    transition: transform .25s linear;
    -webkit-transition: -webkit-transform .25s linear;
    left: 10px;
}

.card-filter-header[aria-expanded="true"] p:after {
    content: "\f077";
}

.card-filter-header[aria-expanded="false"] p:after {
    content: "\f078";
}


.row-event-info {
    padding: 30px 0 10px 0;
    margin-bottom: 45px;
    /* border-bottom: 1px solid gray;*/
}

.event-info-link a {
    color: var(--dark-grey);
}

.event-info-link i {
    color: var(--donau-blau);
}

.event-title {
    font-size: 12pt;
}

.event-detail-title {
    font-size: 20pt !important;
    text-transform: uppercase;
    font-weight: 300;
}

.row-event-filter {
    margin-bottom: 20px;
}

.selected-filter-list {
    display: contents;
}

.selected-filter-list li {
    float: left;
    margin-right: 5px;
    color: var(--donau-blau);
}

/* Veranstaltungen */
.event_titel > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.event_section {
    padding-top: 80px;
}

.event_section h2 {
    text-transform: uppercase;
    font-weight: 300;
}

.event_section h4 {
    padding-top: 25px;
    font-size: 24pt;
}

.collapseEventEinrichtungen {
    display: inline-block;
}

#filterEinrichtung {
    display: table;
}

.event-detail-row-link {
    color: var(--dark-grey);
}

.event-detail-row-link:hover, .event-detail-row-link:focus {
    color: var(--dark-grey);
    text-decoration: none;
}

.event-details-row a, .event-details-row p, .event-details-row li, .event-detail-text p {
    font-size: 13pt;
    font-weight: 300;
}

.veranstaltung-detail-entry-info .event-detail-text ul {
    padding-left: 0;
}

.veranstaltung-detail-entry-info h3 {
    font-weight: 300;
    text-transform: uppercase;
    font-size: 25pt;
}

.veranstaltung-detail-entry-info .title-header {
    padding-bottom: 20px;
}

.veranstaltung-detail-entry-info .event-detail-text ul li:before {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    content: "\f054";
    width: 1.3em;
    display: flex;
    justify-content: start;
    float: left;
}

.event-details-links i {
    font-size: 16pt;
    padding-right: 10px;
}

.event-details-row a {
    color: var(--dark-grey);
}
.event-details-row .list-group-item {
    display: flex;
}

.event-details-row .event-details-links a {
    padding-right: 10px;
}

.event-details-row .event-details-links a:nth-child(n+2) {
    padding-left: 10px;
}

.event-details-row .event-tag {
    font-size: 45pt;
    border-bottom: 3px solid rgba(0,0,0,0);
}

.event-details-row .event-monatkuerzel {
    font-size: 17pt;
    font-weight: 400;
}

.event-details-row .col-4.text-right {
}

.event_article .event-detail-link i {
    padding-right: 10px;
}


p.event-detail-contact {
    font-size: 13pt;
    font-weight: bold;
    margin-bottom: 1px;
}

.anmeldelink {
    color: var(--dark-grey);
    font-size: 13pt;
}

.anmeldelink i {
    color: var(--donau-blau);
}

.moreBoxEvents {
    padding-top: 40px;
    padding-bottom: 30px;
}

.moreBoxEvents table tbody tr:first-child td:first-child div:first-child {

}

.moreBoxEvents table tbody tr:first-child td:first-child div:nth-child(2) {
    top: 85px;
    /* position: absolute; */
}

.moreBoxEvents table tbody tr:first-child td:first-child div:nth-child(3) {
    top: 100px;
    position: absolute;
}

#event-content .moreBoxEvents a:hover {
    text-decoration: none;
}

.event-row {
    margin-bottom: 50px;
    margin-right: 50px;
}

.event-row-monat {
    margin-bottom: 20px;
    margin-right: 50px;
    font-size: 15pt;
}

.event-row > .col-info > h3 {
    font-family: 'Saira', sans-serif !important;
    font-weight: 100;
    font-size: 16pt;
}

.event-info-div .card-body {
    padding: 0.25rem 1.25rem;
}

.event-tag {
    font-size: 37pt;
    display: flex;
    justify-content: end;
    flex-direction: row;
    font-weight: 500;
    align-items: center;
    border-bottom: 3px solid rgba(0,0,0,0);
}


.event-uhrzeit {
    font-size: 14pt;
    font-weight: 100;
    color: black;
}

.headlines_event_content {
    padding-top: 40px;
    padding-bottom: 30px;
}

#event-content {
    padding-top: 20px;
}

.event_more_days {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.event_date_column {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    flex-direction: column;
}

.event_more_days .event-tag {
    font-size: 28pt;
    display: flex;
    margin-top: 5px;
}

.event_more_days_day {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.event_more_days_month {
    display: flex;
    flex-direction: row;
    align-content: space-between;
    align-items: flex-end;
}

.event_more_days .event-tag:first-child:after {
    content: "-";
}

.event_more_days .event-monatkuerzel:first-child:after {
    content: "-";
}

.event_more_days .event-monatkuerzel {
    display: flex;
    font-size: 18pt;
    align-items: flex-end;
}

.event_more_days .event-monatkuerzel-moremonths:before {
    content: "-";
    border-bottom: 4px solid var(--donau-blau);
    padding: 2px;
}

.event_more_days_underline {


}

.moreBoxEvents a:hover  .event-monatkuerzel-moremonths:before,
.moreBoxEvents a:hover  .event-monatkuerzel ,
.moreBoxEvents a:hover  .event_more_days_underline span,
.moreBoxEvents a:hover  .event_more_days_month span {
    border-bottom: 4px solid var(--donau-blau);
}


.event-monatkuerzel {
    /* vertical-align: top; */
    /* padding: 3px; */
    font-size: 18pt;
    font-weight: 400;
    display: flex;
    flex-direction: row;
    text-transform: uppercase;
    /* padding-bottom: 8px; */
    justify-content: flex-end;
}

.event-monatkuerzel > span {
    border-bottom: 4px solid var(--donau-blau);
    /* padding-bottom: 9px; */
}

.pimcore_area_content #event-content {
    margin-bottom: 30px;
}

#event-content .load_more_btn_events {
    font-weight: 800;
    font-size: 12pt;
}

#event-content .load_more_btn_events:after {
    content: "\2b";
    font-family: 'Fontawesome';
    margin-left: 5px;
}

.event-content-text {
    font-size: 18pt;
    padding: 15px 0px 0 15px;
    text-transform: uppercase;
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    line-height: 30px;
    font-weight: 200;
}

.load_more_btn_events {
    margin-right: auto;
    margin-left: auto;
    margin-top: 40px;
    border: none;
}

.load_more_btn_events i {
    color: var(--donau-blau);
}

.moreBoxEvents > table {
    margin-top: 30px;
}

.moreBoxEvents a {
    color: var(--dark-grey);
}

.moreBoxEvents a:hover,
.moreBoxEvents a:focus {
    color: var(--dark-grey);
    text-decoration: none;
}

.select-checkbox option::before {
    content: "\2610";
    width: 1.3em;
    text-align: center;
    display: inline-block;
}

.select-checkbox option:checked::before {
    content: "\2611";
}

.select-checkbox-fa option::before {
    font-family: "Font Awesome 6 Pro";
    content: "\f0c8";
    width: 1.3em;
    display: inline-block;
    margin-left: 2px;
}

.select-checkbox-fa option:checked::before {
    content: "\f14a";
}

.bubble-filter {
    border-radius: calc(10px);
    width: 12px;
    height: 12px;
    display: inline-grid;
    background-color: var(--donau-blau);
}

.veranstaltungen .filter .event-info-link {
    padding-top: 35px;
    padding-left: 0;
    padding-right: 0;
}

.veranstaltung_detail_text li {
    list-style: unset;
}

.event-info-languages {
    float: right;
}

.event-info-div {
    margin-bottom: 1rem;
    font-size: 12pt;
    font-weight: 300;
}

p.event-info-detail {
    white-space: pre-line;
}

.event-corona {
    font-size: 9pt;
    color: var(--schema-color);
    margin-bottom: 20px;
}

.event-corona > a {
    overflow-wrap: break-word;
}

.veranstaltungen .filter .event-info-link .event-info-link-text {
    /*border-bottom: 1px solid var(--schema-color);*/

    padding-bottom: 7px;
}

.veranstaltungen .filter .event-info-link a {
    font-size: 14px;
    color: var(--schema-color);
}

.veranstaltungen .filter .event-info-link a:hover {
    color: var(--thd-blau);
}

#accordion-veranstaltungen > h3 {
    border-bottom: 1px solid var(--schema-color);
}

#accordion-veranstaltungen > .card > .card-header {
    border-bottom: none;
}

#accordion-veranstaltungen {
    margin: 65px 0 30px 0;
}

#accordion-veranstaltungen .card {
    border: none;
    border-top: none;
    border-radius: 0;
}

#accordion-veranstaltungen .card:last-child {
    border: none;
    border-top: none;
    border-bottom: none;
}

#accordion-veranstaltungen > .card > .card-header > .card-link {
    color: var(--dark-grey);
}

#accordion-veranstaltungen > .card > .card-header > .card-link:hover {
    text-decoration: underline;
}

#accordion-veranstaltungen > .card > .card-header:hover {
    cursor: pointer;
}

#accordion-veranstaltungen > .card > .card-header {
    background-color: unset;
}

#accordion-veranstaltungen > .card .card-body {
    padding: 0 1.25rem 0 2.25rem;
}

.filterLanguage {
    height: 55px;
}

.language_switcher_divider {
    display: block;
    font-size: 25px;
    line-height: 35px;
}

.nav-link-language-switcher {
    font-size: 11pt !important;
}

.list-group-event-categories > li {
    background-color: unset;
    border: none;
    padding: 0 1.5rem 0 0;
}

.list-group-event-categories > li i {
    margin-top: 2px;
    font-size: 16pt;
    margin-right: 18px;
}

.list-group-event-categories > li .fa-location-dot {
    margin-right: 23px;
}


.list-group-event-categories .bubble {
    margin-top: 2px;
    display: inline-grid;
    border-radius: calc(15px);
    width: 15px;
    height: 15px;
    display: inline-grid;
    background-color: var(--donau-blau);
    margin-right: 10px;
}

.list-group-event-categories .bubble_p {
    display: flex;
}

.col-filter .report_event > i, .col-filter .clear_filter > i {
    padding-right: 10px;
    font-size: 14pt;
}

.icon_holder {
    height: 25px;
    max-width: 25px;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    padding-right: 10px;
}

.accordion-arrow .card-header a:after {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    /*font-family: 'Glyphicons Halflings';  essential for enabling glyphicon */
    content: "\f078"; /* adjust as needed, taken from bootstrap.css */
    font-style: normal;
    line-height: 1;
    position: relative;
    top: 4px;
    display: inline-block;
    padding-left: 5px;
}

#accordion-veranstaltungen .card-header a:after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    float: right;
    transition: transform .25s linear;
    -webkit-transition: -webkit-transform .25s linear;
    left: 10px;
}

.accordion-arrow .card-header a[aria-expanded="true"]:after {
    content: "\f077";
}

.accordion-arrow .card-header a[aria-expanded="false"]:after {
    content: "\f078";
}

.list-info > li {
    background-color: unset;
    border: none;
    padding: 0.25rem 0.75rem;
}

.list-info > li:first-child {
    border-right: 1px solid var(--schema-color);
    border-radius: 0;
    padding-right: 15px;
}

.list-info > li:nth-child(2) {
    padding-left: 20px;
}

.title-header {
    margin: 45px 0;
}

.title-header > .bubbles-box {
    max-width: 100%;
    vertical-align: middle;
    text-align: left;
    padding-top: 5px;
    padding-bottom: 30px;
}

.list-stattgefundene-events > .list-group-item {
    padding: 0.25rem 1rem;
    font-size: 9pt;
}

.title-header > .bubbles-box > .bubble_holder {
    display: inline-block;
    width: 1.75rem;
    height: 1.75rem;
}

.title-header > .bubbles-box > .bubble_holder > .bubble {
    border-radius: calc(1.75rem);
    width: 1.75rem;
    height: 1.75rem;
}

.bubble-fakultaet {
    border-radius: calc(1.5rem);
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 5px;
}

.col-info {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
}

.col-info > h3 {
    margin-bottom: 15px;
}

.col-info i {
    text-align: center;
    font-size: 12pt;
}

.panel-zuruecksetzen {
    padding-top: 10px;
}

.panel-zuruecksetzen > a {
    color: var(--schema-color);
}

.list-info a {
    color: var(--schema-color);
    font-size: 12pt;
}

.col-datum > div {
    margin: 0;
}

.col-datum {
    display: flex;
    justify-content: flex-start;
    gap: 20px;
}

.col-datum > div {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.event-time {
    font-size: 13pt;
    padding: 0 15px;
    text-transform: uppercase;
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    align-items: center;
}

.event-tag-trenner {
    font-size: 14pt;
    font-weight: 900;
    display: flex;
    justify-content: center;
    top: 17px;
    position: absolute;
    left: 78px;
}

.event-tag-trenner-detail {
    font-size: 15pt;
    font-weight: 900;
}

.event-trenner-div {
    margin-top: auto;
    margin-bottom: auto;
}

.event-details-datum {
}

.event-details-datum .date-range {
    display: flex;
    align-items: center;          /* vertikal mitteln */
    justify-content: center;      /* horizontale Ausrichtung */
    gap: 3rem;                    /* Abstand zwischen links – - – rechts */
}

.event-details-datum .date-range-same-day {
    justify-content: flex-end;      /* horizontale Ausrichtung */
}

.event-details-datum .date-block {
    display: flex;
    flex-direction: column;       /* Tag oben, Monat unten */
    align-items: center;          /* mittig untereinander */
}

.event-details-datum .day {
    font-size: 45pt;
    font-weight: 400;
}

.event-details-datum .month {
    font-size: 17pt;
    letter-spacing: 2px;
    font-weight: 400;
}

.event-details-datum .dash {
    font-size: 32px;
    margin: 0 10px;
}

.event-uhrzeit-trenner {
    font-size: 15pt;
    font-weight: 100;
    height: 5px;
    display: inline-flex;
    align-items: center;
}

.col-uhrzeit {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
}

.col-uhrzeit-trenner {
    height: 15px;
}


.accordion-filter > .card {
    background-color: unset;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.accordion-filter > .card > .card-header {
    padding: 0;
    margin-bottom: 0;
    background-color: unset;
    border-bottom: unset;
}

#accordion-filter {
    display: none;
    padding-bottom: 20px;
}

.filterSelect:focus {
    outline: none;
}

.filterSelect {
    border: none;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}

/* Hide scrollbar for Chrome, Safari and Opera */
.filterSelect::-webkit-scrollbar {
    display: none;
}

.filterSelect > option {
    padding: 2px 0;
    word-wrap: break-word;
    white-space: normal;
}


.mitarbeiter {
    padding-top: 100px;
    padding-bottom: 100px;
}

.mitarbeiter .card {
    border: none;
    border-radius: 0;
}

.mitarbeiter .card > .card-block {
    padding-left: 2rem;
    margin-top: 10px;
}

.mitarbeiter .card img {
    border: none;
    background-color: transparent;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.mitarbeiter .card > .card-block a:not(.mitarbeiter_pub_accordion a) {
    font-size: 12pt;
    margin-bottom: 1rem;
    color: black;
}
.mitarbeiter_pub_accordion a[data-toggle="collapse"] {
    font-size: 25pt !important;
}
.mitarbeiter .card > .card-block .form-group li {
    font-size: 14pt;
}

.mitarbeiter .form-group {
    text-decoration: none !important;
    font-weight: 200;
    font-style: normal !important;
    margin: 10px 0;
    padding: 15px 0;
}

.mitarbeiter .form-group h3{
    text-decoration: none !important;
    font-weight: 200;
    font-style: normal !important;
    margin: 10px 0;
    padding: 10px 0;
    font-size: 25pt;
}

.mitarbeiter .card-block p {
    font-weight: 200;
    font-size: 14pt;
}

.form-group-kernkompetenzen h2, .form-group-vita h2 {
    font-size: 10.5pt;
}

.mitarbeiter .form-group h1, .mitarbeiter .form-group h2,
.mitarbeiter .form-group h3, .mitarbeiter .form-group h4,
.mitarbeiter .form-group h5, .mitarbeiter .form-group h6,
.mitarbeiter-pubs-titel a {
    text-transform: none;
}

.mitarbeiter_detail_heading, .mitarbeiter_detail_heading a {
    font-size: 2.5rem !important;
}

.mitarbeiter .form-group i:not(.mitarbeiter_pub_accordion i):before {
    font-size: 15pt;
}

.referat_row {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    padding: 25px 0;
}

.mitarbeiter .card > .card-block > .mitarbeiter-info {
    margin-top: 50px;
}

.mitarbeiter .card > .card-block p > i {
    padding-right: 40px;
    font-size: 17pt;
}

.mitarbeiter .bubble_holder {
    width: 1.75rem;
    height: 2rem;
}

.mitarbeiter .bubbles-box {
    max-width: 100%;
    vertical-align: center;
    text-align: left;
    padding-top: 15px;
    padding-bottom: 20px;
}

.mitarbeiter .card-title {
    font-size: 25pt !important;
    font-weight: 100;
}

.mitarbeiter .bubble {
    border-radius: calc(1.75rem);
    width: 1.75rem;
    height: 1.75rem;
}

.list-taetigkeiten li {
    position: relative;
    padding-bottom: 10px;
}

.list-taetigkeiten ul {
    list-style: none;
    margin-top: 15px;
    padding-inline-start: 20px;
}

.list-taetigkeiten {
    font-size: 14pt;
}

.mitarbeiter .form-group > ul li {
    display: flex;
    justify-content: left;
}

.swal-icon:first-child {
    margin-top: 20px;
}

.swal-icon {
    width: 50px;
    height: 50px;
    border-width: 4px;
    border-style: solid;
    border-radius: 50%;
    padding: 0;
    position: relative;
    box-sizing: content-box;
    margin: 15px auto;
}

.swal-icon--info:before {
    width: 5px;
    height: 25px;
    bottom: 6px;
    border-radius: 2px;
    margin-left: -2px;
}


.swal-icon--info:after {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    margin-left: -3px;
    top: 5px;
}

.swal-title:not(:last-child) {
    margin-bottom: 10px;
}

.swal-title {
    color: rgba(0, 0, 0, .65);
    font-weight: 600;
    text-transform: none;
    position: relative;
    display: block;
    padding: 13px 16px;
    font-size: 18px;
    line-height: normal;
    text-align: center;
    margin-bottom: 0;
}

.crm_form_bubble_holder {
    display: inline-block;
    width: 1rem;
    height: 1rem;
}

.crm_form_bubble_holder .bubble {
    border-radius: calc(1rem);
    width: 1rem;
    height: 1rem;
    display: inline-grid;
}

.bubbles-box-crm-form {
    max-width: 100%;
    vertical-align: middle;
    text-align: center;
}

.crm_form_hr {
    border-color: #aaaaaa !important;
}


.crm_form .form-control {
    height: 35px !important;
    font-size: 12pt;
    border-radius: 0;
}

.crm_form .form-group {
    padding-left: 20px;
    padding-right: 20px;
}

.crm_form textarea.form-control {
    height: 100px !important;
    font-size: 12pt;
    border-radius: 0;
}

.crm_form #kontakt_art.form-control input[type="radio"] {
    margin-left: 20px;
}

.crm_form .form-check-input {

}

.crm_fieldgrouperror {
    box-shadow: 0px 1px 2px 0px rgba(203, 0, 0, 0.7),
    1px 2px 4px 0px rgba(203, 0, 0, 0.7),
    2px 4px 8px 0px rgba(203, 0, 0, 0.7),
    2px 4px 16px 0px rgba(203, 0, 0, 0.7);
}

.crm-form-radios-label {
    font-size: 12pt;
}

.crm-form-label {
    font-size: 16pt;
    border: 0;
    background-color: transparent;
    width: 100%;
    width: 100%;
}

.crm-form-radios > label {
    display: flex;
    flex-direction: column;
    align-content: flex-start;
}

.crm-form-radios > input {
    display: flex;
    flex-direction: column;
    float: left;
    margin: 5px;
}

.crm-form-radios > input[type="radio"], .crm-form-radios > input[type="checkbox"] {
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

#fadeout {
    opacity: 1;
    transition: 1s opacity;
    text-align: center;
    font-size: 32px;
    margin-right: auto;
    margin-left: auto;
    color: #313131 !important;
    background-color: #ffffff !important;
    border-color: #ffffff !important;

}

.form-message-row {
    font-size: 16pt;
}

.crm_form .form-group span {
    font-size: 12pt;
    font-family: 'Saira', sans-serif;
    color: var(--light-grey);
}

.crm_form .form-check-label {
    margin-left: 5px;
    font-size: 12pt;
    font-family: 'Saira', sans-serif;
    color: var(--light-grey);
}

.crm_form .form-check-label-note {
    margin-top: 5px;
    font-size: 10pt;
}

.crm_form .form-group > div {
    padding-left: 2px;
    padding-right: 2px;
}

.crm_input_form label {
    min-width: 150px;
}

.crm_input_form > div {
    margin-bottom: 10px;
}

.crm_input_form input[type="text"], .crm_input_form select {
    min-width: 300px;
}


.pimcore_area_button > .load_more_btn {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.link-unstyled, .link-unstyled:visited, .link-unstyled:hover, .link-unstyled:active, .link-unstyled:focus, .link-unstyled:active:hover {
    font-style: inherit;
    color: inherit;
    background-color: transparent;
    font-size: inherit;
    text-decoration: none;
    font-variant: inherit;
    font-weight: inherit;
    line-height: inherit;
    font-family: inherit;
    border-radius: inherit;
    border: inherit;
    outline: inherit;
    box-shadow: inherit;
    padding: inherit;
    vertical-align: inherit;
}

/* Error Page */

.error_col {
    padding-top: 40px;
}

.error_txt_big {
    font-size: 65pt;
    /* width: 100%; */
    /* height: 61px; */
    display: table-cell;
    vertical-align: middle;
    padding: 20px 0;
}

.error_txt {
    font-size: 27pt;
    width: 100%;
    height: 170px;
    display: table-cell;
    vertical-align: middle;
}

.error_txt_big_mobile {
    display: none;
}

.error_btn {
    color: white;
    background-color: var(--donau-blau);
    border: none;
    margin: 20px 0;
}


/* CRM FOrm*/
.crm_submit_button {
    width: 200px;
    background-color: var(--donau-blau);
    color: white;
    border: none;
    border-radius: 0;
    height: 30px;
    font-size: 12pt;
}

.crm_submit_button:hover {
    background-color: var(--thd-blau);
    border-color: var(--thd-blau);
}

/* Projekte */

.flex-projekt-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 1px solid #cbcbcb;
}

.flex-projekt-container .project-item-1 {
    order: 0;
    flex: 0 1 auto;
    align-self: auto;
}

.flex-projekt-container .project-item-1 p {
    margin-bottom: 4px;
}

.flex-projekt-container .project-item-2 {
    order: 0;
    flex: 0 1 auto;
    align-self: auto;
    margin-left: auto;
    margin-top: auto;
    margin-bottom: auto;
}

.project-entry .project_title {
    font-weight: bold;
}

.project-entry .project_status {
    color: var(--donau-blau);
}

.project-entry .project_item_list, .projektdetail .project_item_list {
    color: var(--donau-blau);
    font-size: 10pt;
    font-style: italic;
    padding-left: 0;
    display: flex;
}

.project-entry .project_item_list > li, .projektdetail .project_item_list > li {
    margin-right: 5px;
}

.selected-filter-list-projects li:first-child:before {
    content: "[";
}

.selected-filter-list-projects li:last-child:after {
    content: "]";
}

/*Projekt detail */
.projekt_foerdergeber_bilder {
    display: grid;
    justify-content: end;
}

.projekt_foerdergeber_bilder p {
    float: right;
    margin-left: auto;
}

.projektdetail {
    padding-top: 80px;
    padding-bottom: 80px;
    border-top: 1px solid;
}

.projektdetail .card {
    border: none;
    border-radius: 0;
}

.projektdetail .card > .card-block {
    padding-left: 2rem;
    margin-top: 10px;
}

.projektdetail .card > .card-block > p {
    margin-bottom: 3px;
}

.projektdetail .projekttitel {
    font-size: 15pt;
    font-weight: bolder;
    margin-bottom: 3px;
}

.projektdetail .projekt_mitarbeiter_link {
    color: black;
}

.projektdetail .projekt_mitarbeiter_link:not(:last-child)::after {
    content: ", ";
}


.projektdetail .project_item_list_schwerpunkte a {
    color: black;
}

.projektdetail .card > .card-block {
    margin-bottom: 20px;
}

.projektdetail .project_item_list {

}


.projektdetail.pimcore_area_content ul li:before {
    content: "";
    display: inline-block;
    width: 0; /* same as padding-left set on li */
}

/* Studienzentrum */

.studienzentrumkontakt-form-radios > input {
    display: flex;
    flex-direction: column;
    float: left;
    margin-right: 5px;
}

.studienzentrumkontakt ul li:before {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    content: "\f054";
    width: 1.3em;
    display: flex;
    justify-content: start;
    float: left;
}

.studienzentrumkontakt ul {
    padding-left: 10px;
}

.studienzentrumkontakt .fakultaet_mail_label {
    font-weight: bold;
}

.studienzentrumkontakt .area-text-accordion .panel-title {
    padding-left: 15px;
}

.studienzentrumkontakt_fragen_submit {
    float: left;
    margin-left: 0 !important;
    width: auto;
}

.studienzentrumkontakt_form textarea {
    height: 200px;
    width: 100%;
}

.studienzentrumkontakt_form_div {
    margin: 10px 0 10px 0;
}

.studienzentrumkontakt-form-radios {
    margin: 0px 0 5px 0;
    height: 100%;
}

.studienzentrumkontakt-form-radios label {
    font-size: 11pt;
    padding-left: 5px;
}

.studienzentrumkontakt-form-radios input {
    -webkit-transform: scale(1.3) !important;
    transform: scale(1.3) !important;
}


.studienzentrumkontakt {
    padding-top: 50px;
    border-top: 1px solid var(--light-grey);
}

.studienzentrumkontakt {
    padding-right: 0;
    padding-left: 0;
}

.studienzentrumkontakt h3 {
    font-size: 18pt;
    font-family: 'Saira', sans-serif;
    text-transform: none;
}

.studienzentrumkontakt_fragen_button {
    margin: 10px 0 25px;
    font-size: 11pt;
}

.studienzentrumkontakt_bubbles {
    padding-left: 15px;
}


.studienzentrumkontakt_bubbles .bubble_holder {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
}

.studienzentrumkontakt_bubbles .bubble_holder .bubble {
    border-radius: calc(1.5rem);
    width: 1.5rem;
    height: 1.5rem;
    display: inline-grid;
}


/* Labore */

.labore-back {
    border-bottom: 1px solid var(--contact-grey);
}

.labore-back a, .labore-back i {
    color: var(--contact-grey) !important;
    border: none;
}

.col-clear-filter-labore {
    border-bottom: 1px solid var(--contact-grey);
    margin-bottom: 40px
}

.flex-labor-container .labor_item_list {
    display: inline-flex;
    padding-left: 0;
}

.flex-labor-container .labor_item_list li {
    padding-right: 5px;
}

.flex-labor-container .labor_item_list li:before {
    content: "" !important;
    width: 0 !important;
}

.flex-labor-container a {
    padding-right: 0;
}

.flex-labor-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    margin-bottom: 30px;
    border: 1px solid #cbcbcb;
}

.flex-labor-container .link-unstyled {
    border: none;
}

.flex-labor-container .labor_standort {
    margin-bottom: 0;
}

.flex-labor-container .labor_title {
    font-weight: bolder;
}

.flex-labor-container .labor_item_list {
    font-size: 9pt;
}

.flex-labor-container .labor-item-1 {
    order: 0;
    flex: 0 1 auto;
    align-self: auto;
    /* padding-right: 30px; */
}

.flex-labor-container .labor-item-1 p {
    margin-bottom: 4px;
}

.flex-labor-container .labor-item-2 {
    order: 0;
    flex: 2 1 auto;
    align-self: auto;
    margin-left: auto;
    margin-top: auto;
    margin-bottom: auto;
}

.labore.container .form-group {
    margin-bottom: 40px;
}

.labore.container h3, .labore.container h1 {
    font-family: 'Saira', sans-serif;
    font-weight: bold;
    text-transform: none;
}

.laboren_list {
    padding-left: 0;
}

.labor_ansprechpersonen_list a {
    color: black
}

.labor_projekte_list > li:not(:last-child):after {
    content: ", ";
    float: right;
}

.labor_projekte_list li {
    padding-left: 0;
    display: inline-block;
}

.labor_projekte_list li a {
    color: black;
}

.labore_fakultaeten_list {
    padding-left: 0;
    font-size: 9pt;
}

.labore_fakultaeten_list li {
    color: var(--donau-blau);
    display: inline-block;
    padding-right: 5px;
}

.labore_fakultaeten_list li:not(.pub-li, .grouped-option):before,
.labor_projekte_list li:not(.pub-li, .grouped-option):before,
.labore_standort_list li:not(.pub-li, .grouped-option):before {
    content: "" !important;
    display: inline-block;
    width: 0 !important;
}

.link_unstyled, .link_unstyled:link, .link_unstyled:hover {
    color: inherit;
    text-decoration: inherit;
}

/* Stellenanzeige */

.container_small .stellenanzeige_detail h1 {
    font-size: 32px !important;
}

.container_small .stellenanzeige_detail h2 {
    font-size: 28px !important;
}

.container_small .stellenanzeige_detail .stellenanzeige_titel {
    text-align: center;
    font-family: 'Saira', sans-serif !important;
    padding-top: 25px;
    padding-bottom: 15px;
    text-transform: none !important;
    color: var(--thd-blau);
}

.container_small .stellenanzeige_detail .benefitBox .card-body h4 {
    font-family: 'Saira', sans-serif !important;
    margin: 0 !important;
    color: white;
    text-transform: none !important;
}

.stellenanzeige_detail h2 {
    font-size: 28pt;
}

/* Button Twig */

.btn_twig {
    margin-top: 30px;
    border-radius: 0;
    padding: 20px 115px;
    font-size: 15pt;
    text-transform: uppercase;
    background-color: var(--donau-blau);
    border-color: var(--donau-blau);
    color: white;
    font-weight: 100;
}

.stellenanzeige_einstieg {
    padding-left: 47px
}

.btn-jetzt-bewerben:hover {
    background-color: var(--thd-blau);
}

.btn-jetzt-bewerben-main {
    display: block;
    margin-right: auto;
    margin-left: auto;
    width: fit-content;
}

.stellenanzeige .section_title {
    padding-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
}

.stellenanzeige p {
    font-size: 10pt;
}

.stellenanzeige h1 {
    font-size: 40pt !important;
}

.stellenanzeige_bubbles {
    padding-bottom: 60px;
}

.stellenanzeige_content_row {
    padding-bottom: 35px;
    font-size: 10pt;
}

.stellenanzeige_entry_location i {
    display: table-cell;
    vertical-align: top;
    padding: 12px 7px 7px;
}

.stellenanzeige_info_bar p {
    font-size: 13pt !important;
}

.stellenanzeige_entry_location span {
    display: table-cell;
    vertical-align: top;
    padding: 9px 7px 7px;
}

.stellenanzeige_detail_link {
    margin-top: 0px;
    color: white;
    padding: 8px 22px;
    float: right;
    margin-top: 3px;
}

.stellenanzeige_titel {
    text-align: center;
    padding-top: 25px;
    padding-bottom: 15px;
    text-transform: lowercase !important;
    color: var(--thd-blau);
}

.stellenanzeige_detail_link:hover {
    background-color: var(--thd-blau);
}

.stellenanzeige_title {
    font-size: 12pt;
    font-weight: 500;
}

.stellenanzeige_hr {
    border-bottom: 1px solid var(--contact-grey);
    padding: 30px 0;
    margin-bottom: 70px;
}

.stellenanzeige_overview_icons {
    font-size: 18pt;
    padding-right: 10px;
    color: #009fe3;
}

.stellenanzeige_icons {
    font-size: 21pt;
    padding-right: 10px;
    color: #009fe3;
}

.stellenanzeigen_ausgezeichnet_row {
    padding-top: 30px;
}

.stellenanzeigen_kacheln .card-big {
    border-radius: 0;
    border: none;
    max-height: 500px;
    height: 380px;
    min-height: 380px;
    font-size: 28px;
    color: white;
}

.stellenanzeigen_kacheln .card .card-body img {
    display: block;
    max-width: 100%;
    height: auto;
}

.stellenanzeigen_kacheln .card.card-small {
    border-radius: 0;
    border: none;
    min-height: unset;
}

.stellenanzeigen_kacheln .card.card-half-middle {
    border-radius: 0;
    border: none;
    height: 180px;
}

.stellenanzeigen_kacheln .moreKacheln {

}

.kachel_link:hover {
    text-decoration: none;
}

.stellenanzeigen_kacheln .card-body {
    padding: 2rem 1.25rem 2rem 2rem;
    text-transform: uppercase;
    font-family: 'Saira', sans-serif;
    line-height: 1.3;
    color: white;
}

.stellenanzeigen_kacheln .soundcloud .card-body {
    padding: 0;
    line-height: 1;
}

.stellenanzeigen_kacheln .soundcloud iframe {
    display: block;
}

.stellenanzeigen_kacheln .embed-responsive {
    display: contents;
}

.stellenanzeigen_kacheln .embed-responsive > iframe {
    z-index: 999;
}

.stellenanzeigen_kacheln .embed-responsive-16by9::before {
    padding-top: 0;
}

.stellenanzeigen_kacheln {
    /*padding-top: 120px;*/
}

.carousel-item-ausgezeichnet {
    flex: auto;
    flex-basis: min-content;
}

.carousel-ausgezeichnet {
    flex-wrap: wrap;
}

.stellenanzeigen_ausgezeichnet_row .carousel {
    padding-top: 20px;
}

.stellenanzeigen_ausgezeichnet_row h1 {
    font-size: 30pt !important;
}

.benefits_boxes .card .card-body {
    display: flex;
    flex-direction: column;
    padding: 2.25rem;
}

.benefitBox img {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.benefitBox .card-body h4 {
    margin: 0 !important;
    color: white;
    text-transform: lowercase;
}

.benefits_boxes .card .card-img-overlay {
    position: relative;
    right: 0;
    bottom: 0px;
    left: 0;
    padding: 0;
    background-color: white;
    height: 22px;
    /* margin-bottom: 10px; */
    display: flex;
    justify-content: center;
}

.benefits_boxes .card .card-img-overlay > label {
    padding: 20px 5px 5px 20px;
    font-size: 12pt;
    overflow-wrap: anywhere;
}

.benefits_boxes .card .card-body p {
    font-size: 10pt;
    text-align: left;
}

.benefits_boxes .card .card-body.card-text {
    font-size: 12pt;
}

.benefits_boxes .card .btn {
    /* border-radius: 0;
    display: flex;
    padding: 0px 10px 0px 10px;
    /*height: 20px;
    margin-top: auto;
    line-height: 20px;
    width: 150px;
    justify-content: center;
    border-radius: 0px;*/
    font-size: 9pt;
}

.benefits_boxes .card {
    border-radius: 0;
}

.benefits_boxes .row .col {
    padding-right: 1px;
    padding-left: 1px;
    padding-top: 2px;
}

.benefits_boxes .card .card_footer {
    justify-content: center !important;
    padding-top: 10px;
    padding-bottom: 15px;
}

.benefits_boxes .card-img-top {
    border-top-left-radius: unset;
    border-top-right-radius: unset;
    width: 100px;
    margin: auto;
    height: auto;
    padding: 25px 0;
}

.benefits_boxes .benefitBox {
    padding: 3px;
}


/* Multikontakt */

.li-element-disabled {
    pointer-events: none;
    opacity: 0.6;
}

.multikontakt-chat-icon {
    display: none !important;
}

.multikontakt-list li i {
    padding-right: 17px;
}

.multikontakt-list i.fa-brands.fa-whatsapp:before {
    font-size: 23px;
}

.multikontakt-list i.fa-comment-dots:before {
    font-size: 21px;
}

.multikontakt-info .btn_multikontakt {
    position: fixed;
    bottom: 50px;
    right: 35px;
}

.multikontakt-list a {
    color: var(--contact-grey);
}

.multikontakt-list-close {
    /* float: right; */
    border: none;
    background: none;
    color: var(--contact-grey);
    /* padding-right: 16px; */
    position: absolute;
    right: 10px;
}

.multikontakt-info {
    float: right;
    overflow: hidden;
}

.multikontakt-popup {
    border: 1px solid var(--contact-border-grey);
    padding: 10px 0;
    position: fixed;
    bottom: 100px;
    right: 35px;
    width: 350px;
}

.multikontakt-popup li:before {
    content: "" !important;
}

.multikontakt-chat-white {
    color: white !important;
}

.multikontakt-list {
    padding: 0;
    font-size: 15pt;
    color: var(--contact-grey);
}

.multikontakt-list p {
    padding: 20px 5px 5px 10px;
    font-size: 20pt;
}

.multikontakt-list a {
    font-size: 14pt;
    vertical-align: top;
}


.multikontakt-list li:hover {
    background: var(--thd-blau);
    color: white;
    cursor: pointer;

    /* margin-left: 15px; */
    /* width: 90% !important; */
    /* padding: 15px 5px; */
}

.multikontakt-list li:hover a {
    color: white;
    cursor: pointer;
    text-decoration: none;
}

.multikontakt-list li:hover:before {
    content: "";
    position: absolute;
    top: 0;
    height: 1px;
    width: 90% !important;
    margin: auto;
    border-top: 1px solid var(--thd-blau) !important;
}

.multikontakt-list li:hover + li:before {
    width: 0% !important;
}

.multikontakt-list li {
    padding: 15px 15px;
}

#chat_cookie_text {
    font-size: 9pt;
    color: #b8b8b8;
}

.multikontakt-list, .multikontakt-popup {
    background: white;
    z-index: 9999;
}

.btn_multikontakt {
    z-index: 10;
}

.multikontakt-list li:not(:first-child) {

    /*border-top: 1px solid var(--contact-border-grey);*/
    width: 100%;
}

.multikontakt-list li:not(:first-child) {
    /* width   : 200px; */
    /* height  : 50px; */
    position: relative;
    z-index: 1;
    /* background: #eee; */
}

.multikontakt-list li:not(:first-child):before {
    content: "";
    position: absolute;
    /* left    : 0; */
    top: 0;
    height: 1px;
    width: 90% !important; /* or 100px */
    margin: auto;
    border-top: 1px solid var(--contact-border-grey);
}

.multikontakt-popup span:before {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    display: inline-block;
    width: 0.1em;
    margin-right: 35px;
    /* font-size: 17pt !important; */
}

.multikontakt-popup span {
    font-size: 17pt;
}

.multikontakt-popup .mail:before {
    content: "\f0e0";
}

.multikontakt-popup .phone:before {
    content: "\f095";
}

.multikontakt-popup .whatsapp:before {
    font-family: 'Font Awesome 5 Brands';
    content: "\f232";
    font-size: 20pt !important;
}

.multikontakt-popup .chat:before {
    content: "\f4ad";
    /* font-size: 17pt !important; */
}

.btn_multikontakt {
    padding: 2px 15px;
    color: white;
    background-color: var(--thd-blau);
    border: none;
    font-size: 15pt;
    -webkit-box-shadow: -2px 3px 5px 1px rgb(0 0 0 / 75%);
    box-shadow: -2px 3px 5px 1px rgb(0 0 0 / 75%);
}


/* Publikationen */

.vsb-menu .multi li.active::after {
    height: 11px !important;
    width: 8px !important;
}

.vsb-main .title {
    display: none !important;
}

.vsb-menu ul li:nth-child(1) {
    padding-top: 15px !important;
}

.vsb-js-search-zone {
    padding-bottom: 10px !important;
    margin-top: -10px !important;
}

.vsb-main ul {
    white-space: normal !important;
}

.vsb-menu {
    z-index: 10 !important;
    border: none !important;
}

.vsb-js-search-zone {
    position: absolute !important;
    z-index: 1001;
    width: 80%;
    min-height: 1.8em;
    padding: 2px;
    background-color: #fff;
    top: 1px !important;
}

.vsb-menu ul {

}

.selected_year > a {
    border-bottom: 1px solid var(--light-grey);
}

.row-event-filter input {

}

.row-event-filter .filterSelect > option {
    font-size: 12pt;
}

.row-event-filter .filterSelect .select-checkbox-fa option::before {
    font-size: 14pt;
}

.row-event-filter .col-12:nth-child(even) .card-filter-header {
    background-color: var(--donau-blau);
}

.row-event-filter .col-12:nth-child(odd) .card-filter-header {
    background-color: var(--thd-blau);
}

.form-group-pub i {
    font-family: "Font Awesome 6 Pro";
    margin: 0 auto;
    font-size: 5rem;
    font-style: normal;
    right: 10px;
    font-size: 12pt;
    top: 20px;
}


/* Publkiationen Loading */
div.loading_text {
    margin: auto;
    position: absolute;
    top: 240px;
    left: 0;
    bottom: 0;
    right: 0;
    width: 200px;
    height: 80px;
    text-align: center;
    font-size: 16pt;
    color: white;
}

div.loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(16, 16, 16, 0.5);
    z-index: 99999;
}

@-webkit-keyframes uil-ring-anim {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    20% {
        -ms-transform: rotate(60deg);
        -moz-transform: rotate(60deg);
        -webkit-transform: rotate(60deg);
        -o-transform: rotate(60deg);
        transform: rotate(60deg);
    }
    40% {
        -ms-transform: rotate(120deg);
        -moz-transform: rotate(120deg);
        -webkit-transform: rotate(120deg);
        -o-transform: rotate(120deg);
        transform: rotate(120deg);
    }
    60% {
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    80% {
        -ms-transform: rotate(240deg);
        -moz-transform: rotate(240deg);
        -webkit-transform: rotate(240deg);
        -o-transform: rotate(240deg);
        transform: rotate(240deg);
    }
    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes uil-ring-anim {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    20% {
        -ms-transform: rotate(60deg);
        -moz-transform: rotate(60deg);
        -webkit-transform: rotate(60deg);
        -o-transform: rotate(60deg);
        transform: rotate(60deg);
    }
    40% {
        -ms-transform: rotate(120deg);
        -moz-transform: rotate(120deg);
        -webkit-transform: rotate(120deg);
        -o-transform: rotate(120deg);
        transform: rotate(120deg);
    }
    60% {
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    80% {
        -ms-transform: rotate(240deg);
        -moz-transform: rotate(240deg);
        -webkit-transform: rotate(240deg);
        -o-transform: rotate(240deg);
        transform: rotate(240deg);
    }
    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes uil-ring-anim {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    20% {
        -ms-transform: rotate(60deg);
        -moz-transform: rotate(60deg);
        -webkit-transform: rotate(60deg);
        -o-transform: rotate(60deg);
        transform: rotate(60deg);
    }
    40% {
        -ms-transform: rotate(120deg);
        -moz-transform: rotate(120deg);
        -webkit-transform: rotate(120deg);
        -o-transform: rotate(120deg);
        transform: rotate(120deg);
    }
    60% {
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    80% {
        -ms-transform: rotate(240deg);
        -moz-transform: rotate(240deg);
        -webkit-transform: rotate(240deg);
        -o-transform: rotate(240deg);
        transform: rotate(240deg);
    }
    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-ms-keyframes uil-ring-anim {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    20% {
        -ms-transform: rotate(60deg);
        -moz-transform: rotate(60deg);
        -webkit-transform: rotate(60deg);
        -o-transform: rotate(60deg);
        transform: rotate(60deg);
    }
    40% {
        -ms-transform: rotate(120deg);
        -moz-transform: rotate(120deg);
        -webkit-transform: rotate(120deg);
        -o-transform: rotate(120deg);
        transform: rotate(120deg);
    }
    60% {
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    80% {
        -ms-transform: rotate(240deg);
        -moz-transform: rotate(240deg);
        -webkit-transform: rotate(240deg);
        -o-transform: rotate(240deg);
        transform: rotate(240deg);
    }
    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes uil-ring-anim {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    20% {
        -ms-transform: rotate(60deg);
        -moz-transform: rotate(60deg);
        -webkit-transform: rotate(60deg);
        -o-transform: rotate(60deg);
        transform: rotate(60deg);
    }
    40% {
        -ms-transform: rotate(120deg);
        -moz-transform: rotate(120deg);
        -webkit-transform: rotate(120deg);
        -o-transform: rotate(120deg);
        transform: rotate(120deg);
    }
    60% {
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    80% {
        -ms-transform: rotate(240deg);
        -moz-transform: rotate(240deg);
        -webkit-transform: rotate(240deg);
        -o-transform: rotate(240deg);
        transform: rotate(240deg);
    }
    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes uil-ring-anim {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    20% {
        -ms-transform: rotate(60deg);
        -moz-transform: rotate(60deg);
        -webkit-transform: rotate(60deg);
        -o-transform: rotate(60deg);
        transform: rotate(60deg);
    }
    40% {
        -ms-transform: rotate(120deg);
        -moz-transform: rotate(120deg);
        -webkit-transform: rotate(120deg);
        -o-transform: rotate(120deg);
        transform: rotate(120deg);
    }
    60% {
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    80% {
        -ms-transform: rotate(240deg);
        -moz-transform: rotate(240deg);
        -webkit-transform: rotate(240deg);
        -o-transform: rotate(240deg);
        transform: rotate(240deg);
    }
    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes uil-ring-anim {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    20% {
        -ms-transform: rotate(60deg);
        -moz-transform: rotate(60deg);
        -webkit-transform: rotate(60deg);
        -o-transform: rotate(60deg);
        transform: rotate(60deg);
    }
    40% {
        -ms-transform: rotate(120deg);
        -moz-transform: rotate(120deg);
        -webkit-transform: rotate(120deg);
        -o-transform: rotate(120deg);
        transform: rotate(120deg);
    }
    60% {
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    80% {
        -ms-transform: rotate(240deg);
        -moz-transform: rotate(240deg);
        -webkit-transform: rotate(240deg);
        -o-transform: rotate(240deg);
        transform: rotate(240deg);
    }
    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes uil-ring-anim {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    20% {
        -ms-transform: rotate(60deg);
        -moz-transform: rotate(60deg);
        -webkit-transform: rotate(60deg);
        -o-transform: rotate(60deg);
        transform: rotate(60deg);
    }
    40% {
        -ms-transform: rotate(120deg);
        -moz-transform: rotate(120deg);
        -webkit-transform: rotate(120deg);
        -o-transform: rotate(120deg);
        transform: rotate(120deg);
    }
    60% {
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    80% {
        -ms-transform: rotate(240deg);
        -moz-transform: rotate(240deg);
        -webkit-transform: rotate(240deg);
        -o-transform: rotate(240deg);
        transform: rotate(240deg);
    }
    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.uil-ring-css {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 200px;
    height: 200px;
}

.uil-ring-css > div {
    position: absolute;
    display: block;
    width: 160px;
    height: 160px;
    top: 20px;
    left: 20px;
    border-radius: 80px;
    box-shadow: 0 6px 0 0 #ffffff;
    -ms-animation: uil-ring-anim 1s linear infinite;
    -moz-animation: uil-ring-anim 1s linear infinite;
    -webkit-animation: uil-ring-anim 1s linear infinite;
    -o-animation: uil-ring-anim 1s linear infinite;
    animation: uil-ring-anim 1s linear infinite;
}

@media (min-width: 1900px) {
    .infobox {
        top: 22vw;
    }
}

@media (min-width: 2400px) {
    .infobox {
        top: 20vw;
    }
}

@media (min-width: 2800px) {
    .infobox {
        top: 15vw;
    }
}

@media (min-width: 3000px) {
    .infobox {
        top: 10vw;
    }
}

@media (max-width: 1550px) {
    #aktuellesCardSliderCarousel .carousel-control-next {
        right: 0px;
        padding-right: 0px;
        margin-right: 0px;
    }

    #aktuellesCardSliderCarousel .carousel-control-prev {
        left: 15px;
    }

    #imageCardSliderCarousel .carousel-control-next {
        right: 0px;
        padding-right: 0px;
        margin-right: 0px;
    }

    #imageCardSliderCarousel .carousel-control-prev {
        left: 15px;
    }

    #kachelSliderCarousel .carousel-control-next {
        right: 0px;
        padding-right: 0px;
        margin-right: 0px;
    }

    #kachelSliderCarousel .carousel-control-prev {
        left: 15px;
    }

}

@media (max-width: 1350px) {

    .footer_icon_list {
        display: none !important;
    }

    .navbar > .container-fluid {
        padding-top: 10px !important;
    }

    .gsc-search-button-top {
        padding: 5px 11px;
    }

    #primary-nav-button {
        padding: 1.5rem 1.75rem 1.5rem 1.75rem !important;
    }

    #search_desktop {
        display: none !important;
    }

    #search_mobile {
        display: flex;
        margin-bottom: 0;
        padding-top: 5px;
    }

    .search_container .alert-info {
        margin-top: 55px;
    }

    .only-mobile-1350 {
        display: block;
    }

    .only-desktop-1350 {
        display: none;
    }
}

@media (max-width: 1300px) {

    .sticky-container {
        background-color: white;
    }

    .img-brand {
        transform: scale(0.75);
        margin-left: -30px;
    }

    #secondNavbar {
        height: 67px;
    }

    .secondNavbar .navbar-brand {
        padding: 0px;
    }

    .gsc-search-button-top {
        padding: 6px 10px;
    }

    .gsc-search-input-top {
        width: 155px;
    }

}


@media (max-width: 1200px) {

    .skewed_background_imagecard {
        height: 1050px;
    }

    #aktuellesCardSliderCarousel .carousel-control-next {
        right: 0px;
        padding-right: 0px;
        margin-right: 0px;

    }

    #aktuellesCardSliderCarousel .carousel-control-prev {
        left: 15px;
    }

    #imageCardSliderCarousel .carousel-control-next {
        right: 0px;
        padding-right: 0px;
        margin-right: 0px;
    }

    #imageCardSliderCarousel .carousel-control-prev {
        left: 15px;
    }

    .kachel_column {
        padding: 4px 4px 4px 4px;
    }

    .error_deggster {
        padding-top: 50px;
    }


    .area-zitate blockquote img {
        display: block;
        max-width: 300px;
        max-height: 200px;
        width: auto;
        height: auto;
        margin-left: auto;
        /*margin-right: auto;*/
    }

    .area-zitate blockquote .p-zitat {
        width: 90%;
    }

    .area-zitate blockquote small {
        bottom: 10px;
    }

    .kachel_bottom_image {
        top: 110px;
    }

    .kachel_bottom_image {
        max-height: 270px;
    }

    .carousel-item .carousel-caption span {
        font-size: 13pt !important;
    }

    .sticky-container {
        /*right: -95px;*/
    }

    #mainNav .nav-item:not(:last-child) {
        padding-right: 20px;
    }

    .nav-item-lang:nth-child(3) {
        padding-right: 10px !important;
    }

    #mainNav .nav-link {
        padding-right: 7px;
    }
}

@media (max-width: 1150px) {

    .gsc-search-button-v2 {
        padding: 6px 6px !important;
    }
}

@media (max-width: 1100px) {

    .featurette_title h3 {
        font-size: 22pt;
    }

    .sticky-container {
        /* right: -135px;
        opacity: 0.3;*/
    }

    #mainNav .gsc-search-input-top {
        width: 0px;
    }

}

.sticky-container:hover {
    /* right: -135px;
    opacity: 1;*/
}


@media (max-width: 1024px) {

    .stellenanzeige h1 {
        font-size: 27pt !important;
    }

    .stellenanzeige_col_untertitel .card-title {
        font-size: 16pt !important;
    }

    .area-zitate blockquote .p-zitat {
        width: 75%;
        margin-left: 45px;
    }

    .area-zitate blockquote .p-zitat-left {
        margin-left: 20px !important;
    }

    .area-zitate blockquote .p-zitat-left:before {
        margin-left: 0px !important;
    }

    .area-zitate blockquote small {
        margin-left: 20px;
    }

    .area-zitate .zitat-student-right {
        margin-left: 40px;
    }

    .area-zitate blockquote .p-zitat::before {
        left: 5px;
    }

    .img-brand {
        margin-left: -56px;
    }

    #navFirstLeft > .navbar-nav {
        margin-left: 7px;
    }

    .presseartikel-info .card .card-img-overlay > label {
        font-size: 12pt;
    }

    .nav-item-search .gsc-input > .gsc-input-box {
        width: 170px;
    }

    .nav-item-search.cse .gsc-search-button-v2, .gsc-search-button-v2 {
        padding: 6px 5px !important;
    }

    .nav-item-lang:nth-child(3) {
        padding-right: 15px !important;
    }
}

@media (min-width: 992px) {
    #kacheln .card-big {
        height: 412px;
        min-height: 412px;
    }
}

@media (max-width: 992px) {

    .event_more_days {
        display: flex;
        justify-content: flex-end;
        flex-direction: column;
    }

    .event_content_text_column {
        vertical-align: top;
    }

    .event-content-text {
        justify-content: left;
    }


    .only-mobile-992 {
        display: block;
    }

    .only-desktop-992 {
        display: none;
    }


    .event-details-links a {
        display: block;
    }

    .event-details-links span.ml-2 {
        display: none;
    }

    .event-details-links a > i {
        margin-left: 0 !Important;
    }

    #ladeKurse {
        margin-top: 10px;
    }

    .mythd_popup .modal-content {
        width: 600px;
        background-size: 100% 400px;
        background-position: 50% 65px;
    }

    .mythd_popup .modal-content.popup_querformat {
        width: 600px;
        background-size: 100% 400px;
        background-position: 50% 80px;
    }

    .mythd_popup_full .modal-content {
        width: unset;
    }

    .arrow_down_small {
        left: 90%;
    }

    .img-brand {
        margin-left: -70px;
    }

    .carousel-caption {
        bottom: 5px;
        padding-bottom: 5px;
    }

    .mitarbeiter .card h1 {
        font-size: 20pt !important;
    }

    .gsc-search-input-top {
        width: 150px;
    }

    .carousel-item .carousel-caption span {
        /*font-size: 20pt !important;*/
    }

    .carousel-indicators {
        margin-bottom: 0rem;
        margin-left: auto;
        margin-right: auto !important;
    }

    #navbarTop .nav-link {
        font-size: 12pt;
    }
}


@media (max-width: 992px) and (orientation: landscape) {
    .mythd_popup .modal-content {
        width: 750px;
        background-size: 670px;
        background-position: 50% 70px;
    }

    .mythd_popup {
        top: 5%;
    }
}

@media (max-width: 991px) {

    .text_tab_list .text_tab_li a:after {
        padding-top: 0;
    }

    .error_col {
        padding-top: 0px;
    }

    .error_deggster {
        margin-left: auto;
        margin-right: auto;
        padding-top: 0px;
    }

    .error_txt_big {
        padding: 0px;
    }

    .error_txt_big_mobile {
        display: block;
    }

    .error_txt_big_desktop {
        display: none;
    }

    .area-zitate blockquote .p-zitat::before {
        left: 10px;
        top: 0px;
    }

    .error_deggster {
        width: 200px;
    }

    .error_txt {
        height: unset;
    }
}


@media (max-width: 768px) {

    .zitat_content {
        margin-top: 0;
        margin-right: 0;
    }

    .quote_carousel .carousel-item {
        gap: 25px;
    }

    .quote_carousel .zitat_content:after {
        content: "";
        display: none;
    }

    #textarea_twig .textarea_col.twocols {
        column-count: 1;
        column-gap: 0rem;
    }

    .bgimage-start:after {
        width: 105px;
    }

    .bgimage-big .triangle {
        right: -95px;
        width: 400px;
        clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
    }

    .bgimage-big .triangle_transparent {
        right: -66px;
        width: 400px;
        clip-path: polygon(0% 0%, 90% 0%, 57% 100%);
    }

    .bgimage-start.bgimage-big {
        max-height: 270px;
    }

    .bgimage-start img {
        height: 250px;
    }

    .only-desktop-768 {
        display: none;
    }

    .carousel-image-card-slider .carousel-item .card-body {
        min-height: 605px;
    }

    .text_column_col {
        padding-top: 15px;
    }

    .featurette_content.from_right {
        padding-left: 15px;
    }

    .featurette_title {
        border-left: 10px solid var(--donau-blau);
        padding: 15px 0 15px 20px;
        margin-bottom: 15px;
    }

    .twig_area_title {
        font-size: 26pt;
        padding-bottom: 20px;
    }

    .featurette_title h3 {
        font-size: 22pt;
    }

    .quote_carousel img {
        width: auto;
        min-width: 200px;
        max-width: 300px;
        height: 200px !important;
        min-height: 200px !important;
    }

    .quote_carousel {

    }

    .quote_carousel:after {
        right: 15px;
        top: -30px;
        font-size: 40pt;
    }

    .pimcore_area_content {
        padding: 40px 0;
    }

    .only-mobile-768 {
        display: flex;
        z-index: 1;
    }

    .stellenanzeige h1 {
        font-size: 21pt !important;
    }

    .stellenanzeige_entry_location {
        padding-left: 0 !important;
    }

    .btn-jetzt-bewerben {
        padding: 10px 30px;
        font-size: 9pt;
        margin-top: 0;
    }

    .stellenanzeige_hr {
        padding: 20px 0;
        margin-bottom: 30px;
    }

    .stellenanzeige_detail_link {
        margin-top: 0px;
        color: white;
        padding: 6px 15px;
        font-weight: bold;
        float: right;
        font-size: 9pt;
    }

    #event-content {
        padding-top: 0px;
    }

    .headlines_event_content {
        padding-top: 0px;
    }

    .stellenanzeige-entry .stellenanzeige_title {
        font-size: 10pt;
        font-weight: 500;
    }

    .stellenanzeige_col_titel {
        padding-top: 60px;
    }

    .labore .labor_col_titel {
        padding-left: 0px;
    }

    .error_deggster {
        width: 140px;
    }

    .error_btn {
        margin: 5px 0;
    }

    .error_txt_big {
        padding-top: 50px;
        font-size: 30pt;
    }

    .error_col > p, .error_col > p > span {
        font-size: 15pt !important;
    }

    .btn_multikontakt {
        bottom: 75px !important;
        right: 10px !important;
    }

    .hr-zitate {
        margin-top: 80px !important;
    }

    .multikontakt-list {
        font-size: 14pt;
    }

    .area-zitate .col-12.row {
        padding-bottom: 30px;
    }

    .area-zitate blockquote .p-zitat::after {
        bottom: -20px;
    }

    .area-zitate blockquote .p-zitat {
        width: 75%;
    }

    .area-zitate blockquote img {
        display: block;
        max-width: 270px;
        max-height: 200px;
        width: auto;
        height: auto;
    }

    .area-zitate blockquote .p-zitat::before {
        font-size: 13pt;
        display: block;
        left: 7px;
        top: 0px;
    }

    .area-zitate blockquote .p-zitat::after {
        font-size: 13pt;
        margin: 5px -20px 10px 10px;
    }

    .area-zitate blockquote.row {
        padding-bottom: 45px;
    }

    .area-zitate blockquote small {
        bottom: -55px;
    }

    .crm_form {
        padding-top: 70px;
    }

    .mythd_popup .modal-body .container {
        font-size: 10pt;
        left: 1px;
    }

    .mythd_popup {
        top: 20%;
    }

    #navFirstRight .serach-input {
        display: none;
    }

    .arrow_down_small {
        left: 96%;
    }

    .sticky-container-mobile {
        left: 0;
    }

    .error_panel {
        padding-top: 50px;
    }

    .carousel-caption {
        padding-bottom: 15px;
        bottom: 15px;
    }

    .carousel-indicators {
        margin-bottom: 0px;
        margin-left: auto;
        margin-right: auto;
    }

    .mitarbeiter .card > .card-block {
        padding-left: 1rem;
    }

    .area-gallery-carousel .section_title {
        display: none;
    }

    .carousel-item .carousel-caption span {
        font-size: 15pt !important;
    }

    .carousel-item .carousel-caption p {
        line-height: 15px;
        margin-bottom: 0;
    }

    .carousel-item img {
        height: unset;
    }


    .breadcrumb {
        display: none;
    }


    /*
        .pimcore_area_content .area-wysiwyg img {
            -webkit-transform: scale(0.8);
            -moz-transform: scale(0.8);
            -ms-transform: scale(0.8);
            -o-transform: scale(0.8);
            transform: scale(0.8);
        }
    */
    .pimcore_area_content .area-wysiwyg img:not(.original_size) {
        display: block;
        width: 100% !important;
        height: auto !important;
        overflow-x: auto;
    }

    .pimcore_area_content .fakultaet-text-info img:not(.original_size) {
        display: block;
        width: 100% !important;
        height: auto !important;
        overflow-x: auto;
    }

    #kacheln h1, #kacheln h2, #kacheln h3 {
        line-height: 1;
    }

    #primary-nav.show {
        width: 100% !important;
    }

    .container {
        max-width: 100%;
    }

    .pimcore_area_content .row {
        margin-right: 0;
        margin-left: 0;
    }

    .screen-only {
        display: none !important;
    }

    .footer_hr {
        display: none;
    }


    .only-mobile {
        display: block !important;
    }

    .box-underheader {
        padding: 150px 0 0px 0;
    }

    .infotext_small_black > h2 {
        font-size: 15pt !important;
    }

    .infotext_big_black > h1 {
        font-size: 23pt !important;
        word-break: break-word;

        .nav-link-login, .nav-link-warenkorb {
            padding-top: 15px;
        }

        #topNav {
            display: none;
        }

        .cc-revoke {
            display: none !important;
        }

        .secondNavbar {
            top: 0;
            position: fixed;
        }

        .navbar-secondary {
            top: 0 !important;
            margin-bottom: 0 !important;
        }

        #navMobileSecond input[type="search"] {
            display: none !important;
        }

        #navMobileSecond .navbar-nav {
            width: 100%;
        }

        #navMobileSecond .nav-item {
            margin-right: auto;
            margin-left: auto;
        }

        #primary-nav.show {
            /*top: 89% !important;*/
        }

        .interior.container.clearfix {
            margin-top: 30px;
            margin-bottom: 0;
        }

        .title-header {
            margin: 135px 0 45px 0;
        }

        .search_container {
            padding-top: 90px;
            padding-bottom: 100px;
        }

        .veranstaltung-detail-entry-info .title-header {
            margin: 80px 0 0px 0;
        }

    }

    @media (max-width: 768px) and (orientation: landscape) {
        .mythd_popup .modal-content {
            width: 650px;
            background-size: 600px;
            background-position: 50% 20px;
        }

        .mythd_popup {
            top: 2%;
        }
    }

    @media (max-width: 767px) {

        .skewed_background_imagecard {
            height: 990px;
        }

        .multikontakt-popup {
            width: 100%;
            min-width: 100%;
            height: 65%;
        }

        .multikontakt-list li {
            padding: 30px 15px;
        }

        .multikontakt-list p {
            height: 60px;
            padding: 15px 10px 20px 10px;
        }

        .btn_multikontakt {
            padding: 1px 20px;
            font-size: 15pt;
        }

        #fakultaet_text .twocols > p {
            column-count: 1;
        }

        #fakultaet_text .twocolsmobile > p {
            column-count: 2;
        }

        .event-row {
            margin-bottom: 15px;
            margin-right: 5px;
        }

        .col-filter {
            display: none;
        }

        #accordion-filter {
            display: block;
        }

        .event-tag {

        }

        .event-monatkuerzel {

        }

        .col-clear-filter {
            text-align: left !important;
            margin: 5px 0 5px 0;
        }
    }

    @media (max-width: 680px) {
        .hr-zitate {
            margin-top: 100px !important;
        }

        .area-zitate blockquote small {
            bottom: -80px;
        }

        .area-zitate .col-12.row {
            padding-bottom: 40px;
        }
    }

    @media (max-width: 630px) {


        /*
            .pimcore_area_content .area-wysiwyg img {
                -webkit-transform: scale(0.7);
                -moz-transform: scale(0.7);
                -ms-transform: scale(0.7);
                -o-transform: scale(0.7);
                transform: scale(0.7);
            }
        */
        .mythd_popup .modal-content.popup_querformat {
            width: 500px;
            background-size: 500px;
        }

        .mythd_popup .modal-content {
            width: 500px;
            background-size: 650px;
        }

        .mythd_popup_full .modal-content {
            width: unset;
        }

        .mythd_popup .modal-content {
            background-position: 50% 80px;
        }

    }

    @media (max-width: 640px) and (orientation: landscape) {
        .mythd_popup .modal-content {
            width: 550px;
            background-size: 500px;
            background-position: 50% 20px;
        }

        .mythd_popup {
            top: 2%;
        }
    }

    @media (max-width: 625px) {

        .btn_multikontakt {
            bottom: 90px !important;
            right: 10px !important;
        }
    }

    @media (min-width: 576px) {
        #kacheln .card {
            /* min-height: 400px; */
        }

        .mythd_popup .modal-dialog {
            max-width: unset;
        }
    }

    @media (max-width: 575px) {
        .row-event-filter {
            padding: 0 10px;
        }

        .event_section h4 {
            font-size: 16pt;
        }

        .event_section h2 {
            font-size: 21pt;
        }

        .event-row > .col-info > h3 {
            font-size: 13pt;
        }

    }
    @media (max-width: 576px) {

        .stellenanzeige_col_untertitel .card-title {
            font-size: 14pt !important;
        }

        .moreBoxEvents {
            padding-left: 0;
            padding-right: 0;
        }


        .stellenanzeige_detail h1 {
            font-size: 16pt !important;
        }

        .stellenanzeige_detail h2 {
            font-size: 17pt;
        }

        #studienprogramm .card-text-typ {
            font-size: 22pt;
        }

        .zitate-img {
            float: none !important;
        }

        .area-zitate blockquote .p-zitat::before {
            font-size: 13pt;
            display: block;
            left: -25px;
            top: -2px;
        }

        .area-zitate blockquote .p-zitat-right::before {
            left: -50px;
        }

        .area-zitate .zitat-student-right {
            margin-left: 20px;
        }

        .zitat-img.float-left {
            float: none !important;
        }


        .area-zitate blockquote img {
            margin-left: auto;
            margin-right: auto;
            max-width: 250px;
            max-height: 200px;
        }

        .area-zitate blockquote small {
            position: relative;
            bottom: 10px;
            font-size: 10pt;
            font-weight: bold;
            margin-left: 20px;
        }

        .area-zitate blockquote .p-zitat {
            position: relative;
            font-size: 12pt;
            margin: 10px 0 11px 20px;
            width: 80%;
        }

        .area-zitate blockquote {
            padding: 10px 0 10px 0;
        }

        .hr-zitate {
            margin-top: 30px !important;
            width: 90%;
        }

        .crm-form-radios > input {
            width: 20px;
            height: 20px;
            margin: 2px;
        }

        .crm_form #kontakt_art.form-control input[type="radio"] {
            width: 20px;
            height: 20px;
            margin-top: 3px;
        }

        .crm_form input[type="checkbox"] {
            width: 20px;
            height: 20px;
        }

        .crm_form .form-check-label {
            margin-left: 15px;
        }

        .mitarbeiter .form-group ul {
            padding-left: 5px;
        }

        .mitarbeiter .bubbles-box {
            padding-top: 15px;
            padding-bottom: 15px;
        }

        .mitarbeiter .list-taetigkeiten {
            padding: 0px 0px !important;
        }

        .mitarbeiter .form-group-orga {
            padding: 0px 0px !important;
        }

        .mitarbeiter .card > .card-block > .mitarbeiter-info {
            margin-top: 20px;
        }

        .vsb-js-search-zone {
            display: none;
        }

        #count-filtered-pubs {
            display: inline-block;
        }

        .event-trenner-div {
            height: 30px;
        }

        .veranstaltung-detail-entry-info .title-header > .bubbles-box > .bubble_holder {
            display: inline-block;
            width: 1rem;
            height: 1rem;
        }

        .veranstaltung-detail-entry-info .title-header > .bubbles-box > .bubble_holder > .bubble {
            border-radius: calc(1rem);
            width: 1rem;
            height: 1rem;
        }

        #filterEinrichtung, #filterFakultaet {
            max-width: 300px;
            width: 300px;
        }

        .event-tag-trenner-detail {
            height: 30px;
            width: 45px;
            margin-left: 0;
        }

        .select-checkbox-fa option::before {
            font-size: 16pt;
        }

        .filterSelect {
            min-width: 300px;
        }

        .event-details-row p, .event-details-row a {
            font-size: 10pt;
        }

        .list-group-event-categories li {
            font-size: 10pt;
        }

        .event-details-row a > i {
            font-size: 17pt;
        }

        .event-details-row a {
            display: table-row;
            height: 30px;
        }

        .event-details-row i.ml-3.fas.fa-file-pdf {
            margin-left: 0 !important;
            margin-top: 15px;
        }

        .event-details-row .event-tag {
            font-size: 26pt;
        }

        .event-details-row .event-monatkuerzel {
            font-size: 14pt;
        }

        .mythd_popup .modal-content.popup_querformat {
            width: 300px;
            height: 400px;
            background-size: 300px 200px;
        }

        .mythd_popup .modal-footer {
            margin-top: 5px;
            margin-bottom: 5px;
        }

        .mythd_popup_full .modal-content {
            width: unset;
        }

        .mythd_popup .modal-content {
            background-position: 50% 50%;
            width: 400px;
        }

        .mythd_popup .modal-dialog {
            margin-top: 20px;
        }

        .mythd_popup {
            top: 15%;
        }

        .col-text td {
            display: table-row;
        }

        #search_mobile {
            padding-top: 8px;
        }

        #navMobileSecond .nav-link-warenkorb, #navMobileSecond .nav-link-login {
            margin-left: 5px;
            margin-right: 5px;
        }

        .carousel-caption {
            padding-bottom: 5px;
            bottom: 5px;
        }

        .carousel-indicators {
            margin-left: auto;
            margin-right: auto;
        }

        .mitarbeiter .card > .card-block {
            padding-left: 1rem;
        }

        .area-gallery-carousel .section_title {
            display: none;
        }

        .carousel-item .carousel-caption span {
            font-size: 8pt !important;
        }

        .carousel-item .carousel-caption p {
            line-height: 10px;
            margin-bottom: 0;
        }

        .search_container .form-inline .form-control {
            min-width: 300px;
        }

        .search_container .gsc-input > .gsc-input-box {
            width: 300px;
        }

        /*
        .pimcore_area_content .area-wysiwyg img {
            -webkit-transform: scale(0.6);
            -moz-transform: scale(0.6);
            -ms-transform: scale(0.6);
            -o-transform: scale(0.6);
            transform: scale(0.6);
        }
    */
        .area-text-accordion .panel-heading a {
            display: flex;
        }

        h2 {
            font-size: 15pt;
        }

        #navFirstLeft {
            visibility: hidden;
        }

        #primary-nav.show {
            /*top: 77% !important;*/
        }

        .img-brand {
            max-width: 210px !important;
            transform: scale(0.9);
            margin-left: 0;
        }

        .navbar {
            height: 57px !important;
        }

        .pull-left {
            height: 50px;
        }

        /*  #kacheln .col-sm-12:nth-child(even) {
              order: 1;
              flex-basis: auto;
          }
          #kacheln .col-sm-12:nth-child(even) ~ .col-sm-6 {
              order: 1;
          }
          #kacheln .col-sm-12:nth-child(even) + .col-sm-6 {
              order: 0;
          }*/
        .secondNavbar .navbar-brand {
            height: auto;
            margin-right: 0px;
            padding: 10px;
            max-width: 250px;
            margin-left: 0;
            padding-left: 0;
        }

        #primary-nav.show {
            position: absolute !important;
            /*top: 65px !important;*/
        }

        .kachel_bottom_image {
            max-height: 280px;
        }

        #kacheln .card {
            /* min-height: 500px; */
        }
    }

    @media (max-width: 450px) {

        .area-text-accordion .panel-heading a {
            display: flex;
        }

        .mythd_popup .modal-content {
            background-position: 50% 50%;
            width: 300px;
        }
    }

    @media (max-width: 360px) {

        #studienprogramm .card-text-typ {
            font-size: 18pt;
        }
    }

    @media only screen
    and (max-height: 450px)
    and (orientation: landscape) {
        .sticky-container {
            top: 140px;
        }

        #primary-nav.show {
            max-height: 250px;
            overflow: auto;

        }
    }
    @media (max-width: 460px) {
        .event-tag-trenner-detail {
            display: none;
        }
    }

    @media (max-width: 360px) {
        .search_container .form-inline .form-control {
            min-width: 200px;
        }

        .media.searchresult > a > img {
            transform: scale(0.7);
            margin-right: 5px;
        }

        .event-row > .col-info {
            padding-right: 0;
            padding-left: 25px;
        }

        .event-tag {
            font-size: 22pt;
        }

        .event-monatkuerzel {
            font-size: 8pt;
        }
    }

    @media (max-width: 320px) {
        .secondNavbar .navbar-brand {
            max-width: 165px !important;
        }

        .search_container .gsc-input > .gsc-input-box {
            width: 170px;
        }

        .img-brand {
            max-width: 185px !important;
        }

        /*
            .pimcore_area_content .area-wysiwyg img {
                -webkit-transform: scale(0.4);
                -moz-transform: scale(0.4);
                -ms-transform: scale(0.4);
                -o-transform: scale(0.4);
                transform: scale(0.4);
            }
        */
    }

    /* IPHONE X */
    @media only screen
    and (device-width: 812px)
    and (device-height: 375px)
    and (-webkit-device-pixel-ratio: 3)
    and (orientation: landscape) {
        #navFirstRight .serach-input {
            display: none;
        }

        .container {
            max-width: 100%;
        }

        .screen-only {
            display: none;
        }

        .footer_hr {
            display: none;
        }

        .only-mobile {
            display: block !important;
        }

        .box-underheader {
            padding: 90px 0 0px 0;
        }

        .infotext_small_black > h2 {
            font-size: 15pt !important;
        }

        .infotext_big_black > h1 {
            font-size: 30pt !important;
        }

        .interior.container.clearfix {
            margin-top: 20px;
        }

        .nav-link-login, .nav-link-warenkorb, .nav-link-print {
            padding-top: 15px;
        }

        #topNav {
            display: none;
        }

        .secondNavbar {
            top: 0;
            position: relative;
        }

        .navbar-secondary {
            top: 0 !important;
            margin-bottom: 0 !important;
        }

        #navMobileSecond input[type="search"] {
            display: none !important;
        }

        #navMobileSecond .navbar-nav {
            width: 100%;
        }

        #navMobileSecond .nav-item {
            margin-right: auto;
            margin-left: auto;
        }
    }

    #navFirstRight .navbar-nav {
        flex-direction: row !important;
    }

    #footerNavigation > .nav {
        flex-direction: row;
        margin: 50px 0 70px 0;
        justify-content: center;
    }

    #footerNavigation > .nav > li > ul {
        list-style: none;
        margin-top: 20px;
    }

    #footerNavigation > .nav > li a {
        color: var(--light-grey);
        font-size: 12pt;
    }

    #footerNavigation > .nav ul {
        padding-inline-start: 0px;
        padding-left: 0px;
    }

    #footerNavigation > .nav > li {
        margin-inline-start: 40px;
        margin-left: 40px;
        padding-bottom: 30px;
    }

    #footerNavigation > .nav > li > ul > li > a {
        font-size: 9pt;
    }


    /* Accordion */
    #accordion {
        margin: 50px 0 50px 0;
    }

    #accordion .card {
        border: none;
        border-top: 1px solid var(--dark-grey);
        border-radius: 0;
    }

    #accordion .card:last-child {
        border: none;
        border-top: 1px solid var(--dark-grey);
        border-bottom: 1px solid var(--dark-grey);
    }

    #accordion > .card > .card-header > .card-link {
        color: var(--dark-grey);
    }

    #accordion > .card > .card-header > .card-link:hover {
        text-decoration: underline;
    }

    #accordion > .card > .card-header:hover {
        cursor: pointer;
    }

    #accordion > .card > .card-header {
        background-color: unset;
    }

    #accordion > .card > .card-header:after {
        /* symbol for "opening" panels */
        /*font-family: 'Glyphicons Halflings';  essential for enabling glyphicon */
        content: "\f054"; /* adjust as needed, taken from bootstrap.css */
        font-family: "Font Awesome 6 Pro";
        font-weight: 900;
        float: right; /* adjust as needed */
        color: grey; /* adjust as needed */
    }

    #accordion > .card > .card-header.collapsed:after {
        /* symbol for "collapsed" panels */
        content: "\f078"; /* adjust as needed, taken from bootstrap.css */
    }

    .pimcore_tag_embed {
        position: unset !important;
    }

    #navMobileSecond .expandSearch {
        display: inline-block;
        position: relative;
        overflow: hidden;
        margin-top: auto;
        margin-bottom: auto;
    }

    #navMobileSecond .expandSearch i {
        position: absolute;
        top: 0;
        left: 0;
        padding: 14px 4px 8px 11px;
        cursor: pointer;
        user-select: none;
        transition: 0.24s;
        font-size: 15pt;
    }

    #navMobileSecond .expandSearch i:hover {
        color: #0bf;
    }

    #navMobileSecond .expandSearch input {
        border: none;
        background: transparent;
        font: 14px/1.4 sans-serif;
        padding-left: 29px;
        display: contents;
        border-radius: 4px;
        transition: 0.24s;
        width: 0px;
    }

    #navMobileSecond .expandSearch input:focus {
        border-color: #aaa;
        outline: none;
        width: 200px;
        padding: 8px 12px 8px 34px;
        border-color: #0bf;
        border: 2px solid #ddd;
    }

    #gss-datenschutz-hint {
        position: absolute;
        background-color: white;
        padding: 3px;
    }

    #navMobileSecond .expandSearch input:focus + i {
        /*padding: 8px 4px 8px 8px ;*/
        color: #ddd;
        pointer-events: none;
    }

    .sticky-bottom {
        position: fixed;
        bottom: 0;
        width: 100%;
    }

    .sticky-bottom-almost {
        bottom: 33px;
    }

    .navbar-default .navbar-nav > li.dropdown:hover > a,
    .navbar-default .navbar-nav > li.dropdown:hover > a:hover,
    .navbar-default .navbar-nav > li.dropdown:hover > a:focus {
        background-color: rgb(231, 231, 231);
        color: rgb(85, 85, 85);
    }

    li.dropdown:hover > .dropdown-menu, li.dropdown:active > .dropdown-menu {
        display: block;
    }

    #mainNav > .form-inline > .navbar-nav {
        flex-direction: row;
    }

    .dropdown-menu {
        position: absolute;
        top: 100%;
        left: 10px;
        z-index: 1000;
        display: none;
        float: left;
        min-width: 10rem;
        padding: 5px 0;
        font-size: 1rem;
        color: #212529;
        text-align: right;
        list-style: none;
        background-color: rgba(0, 0, 0, 0.5);
        background-clip: padding-box;
        border: none;
        border-radius: unset;
    }

    #fakultaet_text .row {
        display: grid;
    }

    .hovicon {
        display: inline-block;
        font-size: 45px;
        line-height: 90px;
        cursor: pointer;
        margin: 20px;
        width: 90px;
        height: 90px;
        border-radius: 50%;
        text-align: center;
        position: relative;
        text-decoration: none;
        z-index: 1;
        color: #fff;
    }

    .bubble.spring:hover {
        animation: spring 2s;
        animation-timing-function: ease;
        animation-iteration-count: infinite;
    }

    @keyframes spring {
        0% {
            transform: translateY(0);
        }

        30% {
            transform: translateY(-10px);
        }
        50% {
            transform: translateY(0);
        }
        100% {
            transform: translateY(0);
        }
    }


    .overlayBottom {
        width: 100%;
        height: 0;
        bottom: 0;
        left: 0;
    }

    .bild:hover .overlayBottom {
        height: 100%;
    }

    .bild {
        position: relative;
        display: inline-block;
        /* margin-bottom: 30px; */
    }

    .overlay {
        position: absolute;
        transition: all .9s ease;
        opacity: 0;
        background: rgba(0, 0, 0, 0.4);
    }

    .bild:hover .overlay {
        opacity: 1;
    }

    .bild:hover .card-img-overlay {
        opacity: 0;
    }

    .bild:hover .text-overlay {
        height: 150px;
        display: block;
    }

    .text-overlay {
        color: white;
        font-family: sans-serif;
        position: absolute;
        top: 50%;
        left: 20%;
        transform: translate(-20%, -50%);
        height: 0;
        display: none;
    }

    .text-overlay > .label_name {
        font-size: 12pt;
        padding-bottom: 10px;
    }

    .text-overlay > .label_position {
        font-size: 10pt;
        padding-bottom: 10px;
    }

    .text-overlay > p {
        font-size: 10pt;
    }

    .text-overlay > p > i {
        padding-right: 5px;
    }

    /*
    .list-abteilungen li:before {
        content: '';
        position: absolute;
        border-right: 2px solid black;
        border-bottom: 2px solid black;
        width: 10px;
        height: 10px;
        top: calc(50% - 8px);
        left: -25px;
        transform: translateY(-50%) rotate(-45deg);
    }
    */
    @media (max-width: 420px) {
        .veranstaltungen, .stellenanzeigen {
            padding-right: 0;
            padding-left: 0;
        }

        .event-tag {
            font-size: 20pt;
        }

        .stellenanzeige_detail h1 {
            font-size: 12pt !important;
        }

        .stellenanzeige_detail .stellenanzeige_col_untertitel .card-title {
            font-size: 10pt !important;
        }
    }

    @media (max-width: 480px) {
        .title-header > h2 {
            font-size: 15pt;
        }

        .kachel_bottom_image {
            max-height: 245px;
        }

        .col-datum {
            padding-left: 5px;
        }
    }

    @media (max-width: 520px) {
        .veranstaltungen, .stellenanzeigen {
            padding-right: 0;
            padding-left: 0;
        }

        .event-tag {
            font-size: 22pt;
        }

        .event-content-text {
            font-size: 18pt;
            padding: 0px 0px 0 15px;
        }

        .event_more_days .event-tag {
            font-size: 22pt;
        }

        .stellenanzeige_einstieg {
            padding-left: 30px;
            font-size: 8pt;
        }

        .stellenanzeige_entry_title_col, .stellenanzeige_entry_location_col, .stellenanzeige_entry_detail_col {
            padding: 0 !important;
        }

        .stellenanzeige_detail_link {
            padding: 5px 11px;
            font-size: 6pt;
        }

        .stellenanzeige-entry .stellenanzeige_title {
            font-size: 8pt;
        }

        .stellenanzeige_entry_location span {
            padding: 0px 5px 7px;
            font-size: 8pt;
        }

        .stellenanzeige_entry_location i {
            display: table-cell;
            vertical-align: top;
            padding: 0px 5px 7px;
            font-size: 12pt;
        }

        .stellenanzeige_untertitle {
            font-size: 8pt;
        }

        .row-stellenanzeigen-filter .vsb-menu .multi li {
            font-size: 11pt;
        }

        .clear_filter {
            font-size: 11pt;
        }


    }

    @media (max-width: 458px) {
        .sticky-bottom-almost {
            bottom: 51px;
        }
    }

    @media (max-width: 320px) {
        .col-datum {
            padding-left: 3px;
        }

        .list-info > li:first-child {
            padding-right: 5px;
        }
    }

    @media only screen
    and (max-width: 990px) {
        .veranstaltungen .datepicker td, .veranstaltungen .datepicker th {
            padding: 4px 4px !important;
        }
    }

    @media (max-width: 991px) {
        #kacheln.row.col-6 {
            order: 2;
        }

        #kacheln.row.col-12 {
            order: 1;
        }

        .error_panel {
            flex-wrap: nowrap;
        }
    }

    .veranstaltungen .datepicker-dropdown:before {
        top: -7px;
        left: 6px;
    }

    .veranstaltungen .datepicker-dropdown:after {
        top: -6px;
        left: 7px;
    }

    .veranstaltungen .datepicker td,
    .veranstaltungen .datepicker th {
        padding: 5px 10px;
    }

    .veranstaltungen .input-append.date .add-on i,
    .veranstaltungen .input-prepend.date .add-on i {
        display: block;
        width: 16px;
        height: 16px;
    }

    .autocomplete-suggestions {
        background-color: white;
        padding: 5px;
        width: max-content !important;
    }

    .area-gallery-folder {
        padding-top: 20px;
    }

    .btn-default:active .filter-button:active {
        background-color: #42B32F;
        color: white;
    }

    .port-image {
        width: 100%;
    }

    .gallery_product {
        margin-bottom: 30px;
    }

    .area-text-accordion .panel-heading a:after {
        content: "\f078";
        font-family: "Font Awesome 6 Pro";
        font-weight: 900;
        font-style: normal;
        line-height: 1;
        color: var(--light-grey);
        position: relative;
        display: inline-block;
        margin-left: auto;
    }

    .area-text-accordion .panel-heading a {
        color: var(--light-grey);
        font-size: 11pt
    }

    .area-text-accordion .panel-heading a:hover {
        text-decoration: none;
    }

    .area-text-accordion .panel-heading {
        border-bottom: 1px solid var(--light-grey);
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .area-alumni-accordion .panel-heading a {
        color: var(--light-grey);
        font-size: 16pt;
    }

    .alumni-object-view {
        display: inline-block;
        padding-top: 50px;
    }

    .thumbnail_alumni {
        float: right;
        margin: 15px;
    }

    .alumni-object-view pre {
        display: contents;
    }

    .alumni-object-view .alumni-unterschrift {
        padding-bottom: 30px;
    }

    .alumni-object-view h2 {
        color: var(--thd-blau);
    }


    .area-text-accordion .panel-title {
        margin-bottom: 0.2rem;
        line-height: 1;
    }

    .area-text-accordion .panel-body {
        padding-top: 10px;
    }

    .area-text-accordion .panel-heading a:after {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        float: right;
        transition: transform .25s linear;
        -webkit-transition: -webkit-transform .25s linear;
        left: 0px;
    }

    .area-text-accordion .panel-heading a[aria-expanded="true"]:after {
        content: "\f077";
    }

    .area-text-accordion .panel-heading a[aria-expanded="false"]:after {
        content: "\f078";
    }

    .area-text-accordion .panel.panel-default {
        margin-bottom: 5px;
    }

    .pimcore_editable > .pimcore_block_entry {
        padding: 25px 0 25px 0;
    }

    @media (max-width: 960px) {
        .crm_form .form-group .col-12 {
            margin-bottom: 10px;
        }

        .crm_form .form-group {
            margin-bottom: 0;
        }
    }

    @media (max-width: 860px) {
        #navbarTop .nav-link {
            min-width: 10px !important;
        }

        #mainNav .nav-item {
            padding-right: 15px;
        }

        #mainNav .nav-item-search {
            padding-right: 5px;
        }

        #mainNav .nav-link {
            padding-right: 3px !important;
        }
    }

    @media (min-width: 768px) {
        .navbar-secondary {
            padding: 0;
        }

        .navbar-secondary .navbar-collapse {
            padding-right: 0;
            padding-left: 0;
        }
    }

    /* Kacheln Responsive start */
    @media (max-width: 650px) {
        #kacheln .card-body > h1 span {
            /* font-size: 35px !important; */
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: normal;
        }

        #kacheln span {
            /* font-size: 20px !important; */
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: normal;
        }

        #kacheln .card-body > p span {
            /* font-size: 13px !important; */
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: normal;
        }

        #kacheln .card-body > ul {
            /* font-size: 13px !important; */
        }

        #kacheln > .card-body > h4 span {
            font-size: 15px !important;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: normal;
        }

        #kacheln .countUp {
            /* font-size: 25px !important; */
        }

        #kacheln .card-body {
            padding: 5px 5px !important;
        }

        #kacheln .soundcloud .card-body {
            padding: 0px 0px !important;
        }

        #kacheln img:not(.kachel_bottom_image) {
            -webkit-transform: scale(0.9); /* Saf3.1+, Chrome */
            -moz-transform: scale(0.9); /* FF3.5+ */
            -ms-transform: scale(0.9); /* IE9 */
            -o-transform: scale(0.9); /* Opera 10.5+ */
            transform: scale(0.9);
        }

        #kacheln .card-body p {
            /* font-size: 13px !important; */
        }
    }

    @media (max-width: 480px) {

        .title-header {
            margin: 115px 0 10px 0;
        }

        .event-row-monat {
            margin-bottom: 10px;
        }

        .event-row .col-info p {
            margin-bottom: 5px;
        }

        .title-header > .bubbles-box {
            padding-top: 5px;
            padding-bottom: 15px;
        }

        #accordion-veranstaltungen {
            margin: 20px 0 20px 0;
        }

        #kacheln .card-body > h1 span {
            font-size: 22px !important;
        }

        #kacheln .card-body > p span {
            /* font-size: 10px !important; */
        }

        #kacheln .card-body > ul {
            font-size: 9pt !important;
        }

        #kacheln .countUp {
            font-size: 22pt !important;
        }

        #kacheln span {
            font-size: 15pt !important;
        }

        #kacheln .card-middle span {
            font-size: 11pt !important;
        }

        #kacheln .card-half-middle span {
            font-size: 11pt !important;
        }

        #kacheln > .card-body > h4 span {
            font-size: 12pt !important;
        }

        #kacheln > .card-body > h3 span {
            font-size: 16pt !important;
        }

        #kacheln > .card-body > h2 span {
            font-size: 18pt !important;
        }

        #kacheln > .card-body > h1 span {
            font-size: 22pt !important;
        }

        .kleineKachel .card {
            min-height: 100px;
        }

        #kacheln .kleineKachel span {
            font-size: 15pt !important;
        }

        #kacheln img:not(.kachel_bottom_image) {
            /* -webkit-transform: scale(0.7); */ /* Saf3.1+, Chrome */
            -moz-transform: scale(0.7); /* FF3.5+ */
            -ms-transform: scale(0.7); /* IE9 */
            -o-transform: scale(0.7); /* Opera 10.5+ */
            /* transform: scale(0.7); */
        }

        ​,
        #kacheln .card-body p {
            /* font-size: 11px !important; */
        }
    }
    @media (max-width: 361px) {
        #kacheln .card-body > h1 span {
            font-size: 15pt !important;
        }

        .mittlereKachel .card {
            min-height: 100px;
        }

        .pimcore_area_content .area-wysiwyg a {
            overflow-wrap: break-word;
        }

        #kacheln .card-body p {
            font-size: 8pt !important;
        }

        #kacheln .countUp {
            font-size: 20pt !important;
        }

        #kacheln span {
            font-size: 11pt !important;
        }

        #kacheln > .card-body > h4 span {
            font-size: 12pt !important;
        }

        #kacheln > .card-body > h3 span {
            font-size: 13pt !important;
        }

        #kacheln > .card-body > h2 span {
            font-size: 15pt !important;
        }

        #kacheln > .card-body > h1 span {
            font-size: 18pt !important;
        }

        #kacheln .kleineKachel span {
            font-size: 13pt !important;
        }

        #kacheln img:not(.kachel_bottom_image) {
            -webkit-transform: scale(0.5); /* Saf3.1+, Chrome */
            -moz-transform: scale(0.5); /* FF3.5+ */
            -ms-transform: scale(0.5); /* IE9 */
            -o-transform: scale(0.5); /* Opera 10.5+ */
            transform: scale(0.5);
        }
    }

    @media (max-width: 360px) {


        #navMobileSecond .lang-nav-link {
            padding-right: 0px !important;
            padding-left: 7px;
        }
    }

}