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

/* saira-regular - latin */
@font-face {
    font-family: 'Saira';
    font-style: normal;
    font-weight: 400;
    src: url('https://www.th-deg.de/static/fonts/saira-v4-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Saira Regular'), local('Saira-Regular'),
    url('https://www.th-deg.de/static/fonts/saira-v4-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('https://www.th-deg.de/static/fonts/saira-v4-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('https://www.th-deg.de/static/fonts/saira-v4-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('https://www.th-deg.de/static/fonts/saira-v4-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('https://www.th-deg.de/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('https://www.th-deg.de/static/fonts/saira-v4-latin-500.eot'); /* IE9 Compat Modes */
    src: local('Saira Medium'), local('Saira-Medium'),
    url('https://www.th-deg.de/static/fonts/saira-v4-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('https://www.th-deg.de/static/fonts/saira-v4-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
    url('https://www.th-deg.de/static/fonts/saira-v4-latin-500.woff') format('woff'), /* Modern Browsers */
    url('https://www.th-deg.de/static/fonts/saira-v4-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
    url('https://www.th-deg.de/static/fonts/saira-v4-latin-500.svg#Saira') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'Font Awesome 5 Brands';
    font-style: normal;
    font-weight: 900;
    src: url('https://www.th-deg.de/static/fonts/saira-v4-latin-500.eot'); /* IE9 Compat Modes */
    src: local('Font Awesome'), local('Font Awesome'),
    url('https://www.th-deg.de/static/fonts/fontawesome/fa-brands-400.woff2') format('woff2'), /* Super Modern Browsers */
    url('https://www.th-deg.de/static/fonts/fontawesome/fa-brands-400.ttf') format('ttf'); /* Modern Browsers */
}


@font-face {
    font-family: "Orator_Std_Medium";
    src: url("https://www.th-deg.de/static/fonts/Orator-Std-Medium_34151.ttf");
}

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

}

body {
    font-family: 'Saira', sans-serif !important;
}

html {


}

body {
    height  : 100%;
    overflow: auto;
}
body {

    -webkit-overflow-scrolling: touch;
}


p, a, li, h4, h5, option {
    font-family: 'Saira', sans-serif;
}
h1, h2, h3 {
    font-family: Orator_Std_Medium;
    text-transform: lowercase;
}

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

h2 {
    font-size: 28pt;
}

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;
}

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

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


/*******************************
         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%;
}

.nav-white-text {
    font-family: Orator_Std_Medium;
    font-size: 20px;
    padding-top: 15px;
    text-transform: lowercase;
}

.nav-black-text {
    font-family: Orator_Std_Medium;
    font-size: 20px;
    color: #fff;
    padding-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
    text-transform: lowercase;
}

.serach-input {
    border-radius: calc(2.25rem + 2px);
}

.bgimage-start {
    overflow: hidden;
}

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

.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 {
    position: absolute;
    right: 15px;
    top: 775px;
    color: white;
    font-size: 15px;
    /*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 {
    font-family: Orator_Std_Medium;
    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;
    font-family: Orator_Std_Medium;
    text-transform: lowercase;
}

.carousel-caption-header p {
    font-size: 22pt !important;
    font-family: Orator_Std_Medium;
    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: 3rem;
    height: 3rem;
}

.bubble {
    border-radius: calc(2.75rem);
    width: 2.75rem;
    height: 2.75rem;
    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: 20px 0;
}

.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;
}

.pimcore_area_content ul li:not(.pub-li, .grouped-option):before{
    /*font-family: 'Glyphicons Halflings'; /* essential for enabling glyphicon */
    /*content: "\e258";  adjust as needed, taken from bootstrap.css */
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    content:"\f054";
    display: inline-block;
    /*margin-left: -1.3em;  same as padding-left set on li */
    width: 1.3em; /* same as padding-left set on li */
}

#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;
}

.section_title, .page-header {
    text-align: center;
    font-family: Orator_Std_Medium !important;
    padding-top: 25px;
    padding-bottom: 15px;
    text-transform: lowercase;
}

.section_title > h2, .page-header > h2 {
    font-weight: 300;
    color: #1a4273;
}

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

.row_section_footer {
    justify-content: center !important;
    padding-top: 30px;
    padding-bottom: 30px;
}

.footer_hr {
    padding-left: 105px;
    padding-right: 105px;
}

.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;
}

footer p {
    font-size: 13px;
    color: #CCC;
    padding-bottom: 0px;
    margin: 4px 0 0 0;
}

footer a {
    color: white;
}

/* 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;
}

.breadcrumb{
    display: table;
    background-color: unset;
    color: #b7b7b7;
    margin-left: 35px;
}

.breadcrumb a {
    color: #b7b7b7;
}

.breadcrumb a:focus, .breadcrumb a:hover {
    color: var(--dark-grey);
}



/* Kacheln Responsive end */

.navbar-header {
    float: left;
}

.secondNavbar {
    height: 100px;
    position: fixed;
    width: 100%;
    top: 50px;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1020;
}

.secondNavbar .nav-link {
    color: white !important;
    font-size: 13pt;
}

.nav-link-login, .nav-link-warenkorb, .nav-link-print {
    /*padding-top: 12px;*/
}
.nav-link-warenkorb > img {
    min-width: 22px;
}

#navMobileSecond .nav-link-warenkorb > img {
    min-width: 19px;
}

.nav-link-login > i, .nav-link-print > i {
    font-size: 17pt;
}

.nav-item-print:hover {
    cursor: pointer;
}

.loggedin {
    text-shadow: -1px 1px 6px var(--donau-blau), 1px -1px 6px var(--donau-blau);
}

#navMobileSecond .nav-link-login > i {
    font-size: 14pt;
}

#navMobileSecond .nav-link-print > i {
    font-size: 14pt;
}

.nav-item-search .expandSearch {
    padding-top: 5px;
}

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;
    padding: 6px 27px;
    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("https://www.th-deg.de/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: 240px;
}

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

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

#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: 14pt;
    min-height: 52px;
}

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

#studienprogramm .card-body {
    padding: 10px 1.25em 5px 1.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
}

.studienprogramm_language_container {
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    right: 0px;
    position: absolute;
    height: calc(100% - 15px);
    padding: 0px;
}

.studienprogramm_language_container > div {
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
}

.studienprogramm_language_container > div> .studienprogramm_parameter:not(:first-child)::before {
    width: 32px;
    content: '+';
    text-align: center;
    height: 0px;
    float: right;
    transform: translateY(-18px);
    font-size: 11pt;
    line-height: 32px;
    background-color: inherit;
}

.studienprogramm_parameter {
    width: 32px;
    height: 32px;
    display: block;
}

.studienprogramm_parameter > span {
    font-size: 11pt;
    line-height: 19px;
    margin: 6px;
    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-big {
    border-radius: 0;
    border: none;
    max-height: 500px;
    height: 380px;
    min-height: 380px;
}

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

#kacheln .card.card-small {
    border-radius: 0;
    border: none;
    min-height: unset;
}

#kacheln .card.card-middle{
    border-radius: 0;
    border: none;
    height: 260px;
}

#kacheln .card.card-half-middle {
    border-radius: 0;
    border: none;
    height: 180px;
}

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

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

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

#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 !important;
}

.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;
}

#fakultaet_text .twocols > p {
    column-count: 2;
}
#fakultaet_text .twocolsmobile > p {
    column-count: 1;
}

/* 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 {
    font-family: Orator_Std_Medium;
    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);
    }
}
/* 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: 0px;
    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: 5px;
}

.orga-title {
    padding: 25px 0 0 0;
}
.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;
}


#quote-carousel img
{
    width: 250px;
    height: 100px;
}

/* 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: 380px !important;
    display: block;
    max-width: 100%;
    transform: scale(0.9);
}

.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;
}

#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;
}

#navMobileSecond > .form-inline > .navbar-nav {
    flex-direction: row;
}

#navMobileSecond .nav-link {
    color: var(--dark-grey) !important;
}

#primary-nav {
    /*margin-bottom: 5px;
    margin-top: auto;*/
    top: 20px;
    display: inline-block;

}

#primary-nav.mobile {
    /*margin-bottom: 5px;*/
    margin-top: auto;
    display: inline-block;
    background-color: rgba(47, 47, 47, 0.90);
    z-index: 1030;
}

#primary-nav.mobile .nav-link-arrow {
    float: right;
    display: block;
}

#primary-nav .nav-link-arrow {
    float: right;
    display: none ;
}

#primary-nav.mobile .nav-item.dropdown.selected .nav-link-arrow:after {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    /*font-family: 'Glyphicons Halflings';  essential for enabling glyphicon */
    content: "\f077"; /* adjust as needed, taken from bootstrap.css */
    color: white;
}

#primary-nav.mobile .nav-item.dropdown .nav-link-arrow: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 */
    color: white;
}

#primary-nav.mobile .sub-menu::-webkit-scrollbar {
    -webkit-appearance: none;
}
#primary-nav.mobile .sub-menu::-webkit-scrollbar:vertical {
    width: 10px;
}
#primary-nav.mobile .sub-menu::-webkit-scrollbar:horizontal {
    height: 10px;
}
#primary-nav.mobile .sub-menu::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px;
    border: 1px solid #ffffff;
}

#primary-nav.mobile .sub-menu::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #ffffff;
}

.menu .sub-menu {

}

.mobile .menu .sub-menu {

}

#primary-nav .sub-menu {

}

#primary-nav.show {
    display: block;
}

#primary-nav.mobile.show {
    right: 0;
    width: 100%
}

#primary-nav.mobile .sub-menu {
    max-height: 400px;
    overflow-y: scroll;
}

.downarrow:before {
    content: unset !important;
    display: none !important;
}

#primary-nav .nav-item {
    padding-left: 0 !important;
}

#primary-nav.mobile .dropdown .nav-link {
    float: left;
}

.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: 22pt !important;
}

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

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

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

.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;
}

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

.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-row a {
    color: var(--dark-grey);
}

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

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


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 {
    top: 35px;
    position: absolute;
}

.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-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;
}

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

.event-tag {
    font-size: 36pt;
}

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

.event-monatkuerzel {
    vertical-align: top;
    padding: 3px;
    font-size: 12pt;
    font-weight: 100;
}

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

.event-content-text {
    margin: 10px;
    font-size: 12pt;
    padding: 0 15px;
}

.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;
}
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;
}

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

.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: 7px;
}

.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 > 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;
}

.event-tag-trenner {
    font-size: 15pt;
    font-weight: 900;
    margin-left: 5px;
}

.event-tag-trenner-detail {
    font-size: 15pt;
    font-weight: 900;
    /* float: left; */
    /* margin-right: auto; */
    /* margin-left: auto; */
}

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

.event-details-datum {
}

.event-uhrzeit-trenner {
    font-size: 15pt;
    font-weight: 100;
    height: 5px;
    display: inline-flex;
    align-items: 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 .row-publikationen-info > .card-block p {
    font-size: 15pt;
}

.mitarbeiter .card > .card-block a:not(.pub-li a, .panel-publikationen-entry a) {
    font-size: 10.5pt;
    margin-bottom: 1rem;
}

.mitarbeiter .card > .card-block .form-group li:not(.pub-li) {
    font-size: 10.5pt;
}

.mitarbeiter .publikationen .card > .card-block a {
    font-size: 10.5pt !important;
    margin-bottom: 0;
}

.mitarbeiter .publikationen .card > .card-block .form-group li {
    font-size: 10.5pt;
}

.mitarbeiter .form-group:not(.publikationen) {
    text-decoration: none !important;
    font-weight: 400;
    font-style: normal !important;
    margin: 10px 0;
    padding: 10px 0;
}

.mitarbeiter .publikationen .form-group {
    margin: 0;
    padding:0;
}

.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;
    font-family: Orator_Std_Medium;
}

.mitarbeiter .form-group i:before {
    font-size: 15pt;
}

.pub_kategorie_link, .pub_schwerpunkt_link {
    color: var(--donau-blau);
}

.referat_row {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}

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

.mitarbeiter .card > .card-block p > i {
    padding-right: 30px;
}

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

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

.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: 13pt;
}

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

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}
audio,
canvas,
video {
    display: inline-block;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
[hidden] {
    display: none;
}
html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
body {
    margin: 0;
}
a:focus {
    outline: thin dotted;
}
a:active,
a:hover {
    outline: 0;
}
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
abbr[title] {
    border-bottom: 1px dotted;
}
b,
strong {
    font-weight: 500;
}
dfn {
    font-style: italic;
}
hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}
mark {
    background: #ff0;
    color: #000;
}
code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}
pre {
    white-space: pre-wrap;
}
q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}
small {
    font-size: 80%;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
img {
    border: 0;
}
svg:not(:root) {
    overflow: hidden;
}
figure {
    margin: 0;
}
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}
legend {
    border: 0;
    padding: 0;
}
button,
input,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
}
button,
input {
    line-height: normal;
}
button,
select {
    text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
button[disabled],
html input[disabled] {
    cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
textarea {
    overflow: auto;
    vertical-align: top;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html {
    font-size: 62.5%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
    font-size: 14px;
    line-height: 1.428571429;
    color: #333333;
    background-color: #ffffff;
}
input,
button,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
button,
input,
select[multiple],
textarea {
    background-image: none;
}
a {
    color: #428bca;
    text-decoration: none;
}
a:hover,
a:focus {
    color: #2a6496;
    text-decoration: underline;
}
a:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
img {
    vertical-align: middle;
}
.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}
.img-rounded {
    border-radius: 6px;
}
.img-thumbnail {
    padding: 4px;
    line-height: 1.428571429;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 4px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto;
}
.img-circle {
    border-radius: 50%;
}
hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eeeeee;
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    border: 0;
}

.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;
}


/* Publikationen Mitarbeiter */

.publikationen .area-text-accordion .panel-body {
    padding-top: 0 !important;
}

.pub-li a {
    color: var(--donau-blau);
}


.pimcore_area_content .publikationen .list-group-horizontal .list-group-item:first-child {
    padding-left: 0;
}

.publikationen span.pub-autor {
    font-size: 14px;
}

.publikationen .panel-publikationen-entry .panel-heading {
    border-bottom: none !important;
    padding-top: 0;
    padding-bottom: 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;
}

.btn-jetzt-bewerben {
    margin-top: 30px;
    border-radius: 0;
    padding: 15px 35px;
    font-size: 11pt;
    text-transform: uppercase;
    background-color: var(--donau-blau);
    border-color: var(--donau-blau);
}

.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;
    font-family: Orator_Std_Medium !important;
    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-middle{
    border-radius: 0;
    border: none;
    height: 260px;
}

.stellenanzeigen_kacheln .card.card-half-middle {
    border-radius: 0;
    border: none;
    height: 180px;
}

.stellenanzeigen_kacheln .moreKacheln {
    padding: 2px !important;
}

.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 {
    font-family: Orator_Std_Medium;
    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;
    font-family: "Orator_Std_Medium";
    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 */
.pub-abstract-panel a {
    color: var(--dark-grey);
}

.pub-abstract-panel .panel-heading_pub a {
    font-size: 15px;
}

.pub-abstract-panel .panel-heading_pub a:before {
    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: inherit;
    top: 5px;
    display: block;
    /* padding-left: 5px; */
    /* padding-right: 10px; */
    margin-right: 4px;
    color: var(--dark-grey);
}

.pub-abstract-panel .panel-heading_pub a:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    float: left;
    transition: transform .25s linear;
    -webkit-transition: -webkit-transform .25s linear;
    left: 10px;
    /* padding-right: 9px; */
    /* width: 27px; */
}

.pub-abstract-panel .panel-title a[aria-expanded="true"]:before {
    content: "\f077";
}

.pub-abstract-panel .panel-title a[aria-expanded="false"]:before {
    content: "\f078";
}

.publikationen .list-group-horizontal .list-group-item:first-child {
    padding-left: 0;
}

.pub-titel {
    font-weight: 500;
}

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

#count-filtered-pubs {
    top: 1px;
}

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

.panel-publikationen-entry {
    border-bottom: 1px solid gray;
    margin-bottom: 25px;
    padding-bottom: 10px;
}

.panel-publikationen-p {
    font-size: 0;
}

.panel-publikationen-p > span {
    font-size: 14px;
}

.panel-publikationen-p > span:not(:last-child):not(.without-comma):after {
    content: ", ";
}

.publikationen-autoren-list > li {
    padding: 5px 0px 5px 3px;
}

.publikationen-editoren-list > li {
    padding: 5px 0px 5px 0px;
}

.publikationen-editoren-list > li:not(:first-child) {
    padding-left: 3px;
}

.publikationen-autoren-list, .publikationen-kategorien-list {
    flex-flow: wrap;
}

.row-publikationen-years {
    padding-top: 20px;
    padding-bottom: 20px;
}

.publikationen-autoren-list > li:not(:last-child):after {
    content: ", ";
    float: right;
}

.publikationen-editoren-list > li:not(:first-child):not(:last-child):after {
    content: ", ";
    float: right;
}

.publikationen-year-list > li > a {
    color: var(--light-grey);
}

.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;
}

.pub-pdf-link {
    color: var(--light-grey) !important;
    font-size: 14pt;
}

.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);
}

#pubInputFilter {
    height: 30px;
    font-size: 11pt;
}

.pubs-input-group-div i {
    font-size: 13px;
}

.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: 1350px) {
    .gsc-search-button-top {
        padding: 5px 11px;
    }
}

@media (max-width: 1300px) {

    .sticky-container {
        background-color: white;
    }

    .img-brand {
        transform: scale(0.7);
        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) {

    .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) {

    .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 {
        min-height: 380px;
    }
}

@media (max-width: 992px) {

    .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: -47px;
    }
    .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;
    }
    #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) {

    .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) {

    .stellenanzeige h1 {
        font-size: 21pt !important;
    }

    .stellenanzeige_entry_location {
        padding-left: 0 !important;
    }

    .btn-jetzt-bewerben {
        padding: 10px 30px;
        font-size: 9pt;
    }

    .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;
    }
    .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;
    }


    .publikationen-kategorien-list .list-group-item {
        padding-left: 0 !important;
        padding-top: 4px;
        padding-bottom: 4px;
    }

    .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;
    }

    .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;
    }

    #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;
    }

    .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;
    }

    footer {
        padding: 0px 0px 40px 0px;
        bottom: 0;
        position: fixed;
        z-index: 100;
    }

    .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: 100px;
    }

    .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) {

    .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;
    }

    .row-publikationen-years .publikationen-year-list .list-group-item {
        padding: 5px;
    }

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

    .col-filter {
        display: none;
    }

    #accordion-filter {
        display: block;
    }

    .event-tag {
        font-size: 30pt;
    }

    .event-monatkuerzel {
        font-size: 10pt;
    }

    .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) {


}
@media (max-width: 576px) {

    .stellenanzeige_col_untertitel .card-title {
        font-size: 14pt !important;
    }


    .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:not(.publikationen) 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;
    }

    .row-publikationen-years .col-12 {
        padding: 0;
    }

    .row-publikationen-years .publikationen-year-list {
        margin: 0;
        flex-flow: wrap;
    }

    .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 {
        display: none;
    }

    .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: 20pt;
    }

    .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;
}

.publikationen .area-text-accordion .panel-heading {
    border: none !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.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;
}

.embed-publikationen {
    position: relative !important;
}

@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-big {
        /* max-height: 216px; */
        min-height: 300px;
    }

    #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-big {
        /* max-height: 216px; */
        min-height: 300px;
    }

    #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;
    }
}