* {
    margin: 0;
    padding: 0;
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

html,
body {
    overflow-x: hidden;
}

body {
    font-family: Avenir Next, sans-serif !important;
    background-color: #EFF0F2;
    margin: 0;
    font-style: normal;
    font-weight: 400;
    font-size: 0.85em;
    line-height: 1.15em;
    color: #273A4F;
}

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(https://www.technologieland-hessen.de/css/MaterialIcons-Regular.eot);
    /* For IE6-8 */
    src: local('Material Icons'), local('MaterialIcons-Regular'), url(https://www.technologieland-hessen.de/css/MaterialIcons-Regular.woff2) format('woff2'), url(https://www.technologieland-hessen.de/css/MaterialIcons-Regular.woff) format('woff'), url(https://www.technologieland-hessen.de/css/MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga';
}

@font-face {
    font-family: Avenir Next;
    font-style: normal;
    font-weight: 400;
    src: url(https://www.wirtschaftswandel-hessen.de/css25/fonts/AvenirNext/AvenirNextW01Regular.woff2) format("woff2"), url(https://www.wirtschaftswandel-hessen.de/css25/fonts/AvenirNext/AvenirNextW01Regular.woff) format("woff")
}

@font-face {
    font-family: Avenir Next;
    font-style: italic;
    font-weight: 400;
    src: url(https://www.wirtschaftswandel-hessen.de/css25/fonts/AvenirNext/AvenirNextW01RegularItalic.woff2) format("woff2"), url(https://www.wirtschaftswandel-hessen.de/css25/fonts/AvenirNext/AvenirNextW01RegularItalic.woff) format("woff")
}

@font-face {
    font-family: Avenir Next;
    font-style: normal;
    font-weight: 500;
    src: url(https://www.wirtschaftswandel-hessen.de/css25/fonts/AvenirNext/AvenirNextW01Medium.woff2) format("woff2"), url(https://www.wirtschaftswandel-hessen.de/css25/fonts/AvenirNext/AvenirNextW01Medium.woff) format("woff")
}

@font-face {
    font-family: Avenir Next;
    font-style: italic;
    font-weight: 500;
    src: url(https://www.wirtschaftswandel-hessen.de/css25/fonts/AvenirNext/AvenirNextW01MediumItalic.woff2) format("woff2"), url(https://www.wirtschaftswandel-hessen.de/css25/fonts/AvenirNext/AvenirNextW01MediumItalic.woff) format("woff")
}

@font-face {
    font-family: Avenir Next;
    font-style: normal;
    font-weight: 600;
    src: url(https://www.wirtschaftswandel-hessen.de/css25/fonts/AvenirNext/AvenirNextW01Demi.woff2) format("woff2"), url(https://www.wirtschaftswandel-hessen.de/css25/fonts/AvenirNext/AvenirNextW01Demi.woff) format("woff")
}

@font-face {
    font-family: Avenir Next;
    font-style: italic;
    font-weight: 600;
    src: url(https://www.wirtschaftswandel-hessen.de/css25/fonts/AvenirNext/AvenirNextW01DemiItalic.woff2) format("woff2"), url(https://www.wirtschaftswandel-hessen.de/css25/fonts/AvenirNext/AvenirNextW01DemiItalic.woff) format("woff")
}

@font-face {
    font-family: Avenir Next;
    font-style: normal;
    font-weight: 700;
    src: url(https://www.wirtschaftswandel-hessen.de/css25/fonts/AvenirNext/AvenirNextW01Bold.woff2) format("woff2"), url(https://www.wirtschaftswandel-hessen.de/css25/fonts/AvenirNext/AvenirNextW01Bold.woff) format("woff")
}

@font-face {
    font-family: Avenir Next;
    font-style: italic;
    font-weight: 700;
    src: url(https://www.wirtschaftswandel-hessen.de/css25/fonts/AvenirNext/AvenirNextW01BoldItalic.woff2) format("woff2"), url(https://www.wirtschaftswandel-hessen.de/css25/fonts/AvenirNext/AvenirNextW01BoldItalic.woff) format("woff")
}

a {
    text-decoration: none !important;
}

ul {
    /* list-style: none; */
    margin: 0;
}
.crumble ul{
    list-style: none;
}
li.dsmenu_active,
li.dsmenu_inactive {
    width: 100%;
    font-size: 2em;
    font-weight: bold;
    margin: auto;
    padding: 0 64px !important;
    list-style-type: none;
}

.dssubmenu_active:nth-child(5).liDepth_1,
.dssubmenu_inactive:nth-child(5).liDepth_1,
.dssubmenu_active:nth-child(6).liDepth_1,
.dssubmenu_inactive:nth-child(6).liDepth_1,
.dssubmenu_active:nth-child(7).liDepth_1,
.dssubmenu_inactive:nth-child(7).liDepth_1 {
    display: none;
}

ul.dssubmenus_1 li.dssubmenu_inactive:hover ul.dssubmenus_2,
ul.dssubmenus_1 li.dssubmenu_active:hover ul.dssubmenus_2,
ul.dssubmenus_1 li.dssubmenu_inactive.arrowDownHovered ul.dssubmenus_2 {
    background-color: #fff !important;
    border-radius: 8px;
    border: 1px solid #C6C6C6;
    box-shadow: 0px 16px 16px 0px rgba(0, 0, 0, 0.12), 0px 4px 4px 0px rgba(0, 0, 0, 0.04);
    margin: 0 !important;
}

ul.dssubmenus_2 a.dssubmenu_inactive,
ul.dssubmenus_2 a.dssubmenu_active {
    color: #000 !important;
    font-size: 18px;
    line-height: 26px;
    padding: 8px 0 !important;
}

ul.dssubmenus_1 li.dssubmenu_inactive,
ul.dssubmenus_1 li.dssubmenu_active {
    font-size: 18px;
    line-height: 24px;
    padding: 0 !important;
    font-family: Avenir Next, sans-serif;
}

ul.dssubmenus_2 a.dssubmenu_inactive:hover,
ul.dssubmenus_2 a.dssubmenu_active:hover {
    background: #fff !important;
}

ul.dssubmenus_1 li.dssubmenu_inactive i.i_dssubmenu_inactive.iDepth_1:after {
    content: '' !important;
}

#article_meta_navicontainer {
    display: none;
}

.dsarticle .dstitle_1 h1 {
    font-weight: 700;
    font-size: 62px;
    line-height: 80px;
    color: #D3242E;
    word-break: break-word;
    margin: 64px 0;
}

.dsarticle .dsbody_1 {
    margin-bottom: 64px;
}

.dsarticle .dsbody_1 p,
.dsarticle .dsbody_1 p a {
    font-size: 18px !important;
    line-height: 24px !important;
    word-break: break-word;
}

.dsarticle .dsbody_1 p a {
    color: #004996;
    text-decoration: underline !important;
}

.dsarticle .dsbody_1 p a::after {
    font-family: 'Material Icons';
    content: 'call_made';
    display: inline-block;
    vertical-align: middle;
    font-size: 24px;
    margin-left: 4px;
}

.dsarticle .dsbody_1 ul {
    list-style: disc;
    padding-left: 1rem;
}

.dsarticle .dsbody_1 p img {
    width: 100%;
    height: 100%;
}

#head {
    position: relative;
}

#head .crumble .crumb ul.breadcrumbnav {
    margin: 5px auto 0 auto;
    padding: 0;
    color: #565656;
    font-size: 14px;
    line-height: 20px;
    width: 100%;
    max-width: 1152px;
}

#head .crumble .crumb ul.breadcrumbnav li a {
    margin: 5px 0 0 0;
    padding: 0 0 0 0;
    float: left;
    color: #565656;
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
}

#head .crumble .crumb ul.breadcrumbnav li a.active {
    color: #000;
}

#head .crumble .crumb ul.breadcrumbnav li.hasChevron a {
    padding-right: 5px;
}

#head .crumble .crumb ul.breadcrumbnav li.hasChevron a:after {
    content: "/";
    padding-left: 5px;
}

#head #headImage.headImageFrontend.Inhaltseite {
    height: 24px;
}

#head #headImage.headImageFrontend.Inhaltseite img {
    display: none;
}

#head #headImage img {
    width: 100%;
}

#head #headImage figcaption,
#head #headImage #headImageHeadline {
    display: none;
}

.contentImage {
    margin-bottom: 40px;
}

.contentImage img {
    width: 100%;
    max-height: 419px;
    object-fit: cover;
}

#dssubbody {
    padding: 0 0 0 0;
    background-color: #fff;
}

.navbar.bg-light {
    background-color: transparent !important;
    padding: 0;
}

.navbar,
.navbar>.container,
.container {
    padding: 0 !important;
}

.container,
#dssubbody {
    margin-right: auto;
    margin-left: auto;
}

#ds_header_main_container {
    padding: 0 0 0 0;
    float: left;
    width: 100%;
    background: none;
}

#dsmain {
    width: 100%;
    float: left;
    background: none;
    margin: 0 0 0 0;
    padding: 0 0 0 0 !important;
}

#dscolumns {
    width: 100%;
    padding: 0 0 0 0;
    float: left;
    background: white;
}

#dscolumn1_1 {
    position: relative;
    width: 100%;
    max-width: 1152px;
    margin: 0 auto;
    padding: 0;
}

#dscolumn0 p,
#dscolumn0 ul {
    font-size: 18px;
    line-height: 24px;
}

#dscolumn0 p {
    color: #565656;
}

#dscolumn0 ul {
    padding-left: 0;
}

#dscolumn0 ul li {
    text-decoration: underline;
}

#dscolumn0 ul li a {
    color: #000;
}

#dscolumn1_1.dscolum.themenseite {
    max-width: 760px;
}

.suche_buttonDesktop {
    width: 40px;
}

.Inhaltseite .navbar .btn-navbar.collapsed {
    background: #EFEFEF;
}

.navbar .btn-navbar.collapsed {
    float: left;
    width: 60px;
    height: 60px;
    padding: 16px 9px 10px 12px;
    margin: 0 0 0 -70px;
    color: #fff;
    right: 32px !important;
    top: 25px;
    position: absolute;
    z-index: 1000;
}

.navbar .btn-navbar.collapsed .icon-bar {
    display: block;
    width: 36px;
    height: 5px;
    margin-bottom: 7px;
    background-color: #000;
}

.hideAndShowScreenreader {
    border: 0;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
}

/* Startseite */
.dsmid_517945 .dsarticle .dstitle_1 h1 {
    text-align: left;
    margin: 64px 0 25px 0;
}

.dsmid_517945 .dsarticle .dsbody_1 {
    text-align: left;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    color: #004996;
}

.dsmid_517945 .contentImage {
    margin-bottom: 64px;
}

.dsmid_517945 .contentImage .ContentQuelle {
    display: none;
}

/* Table */
.dsarticle .dsbody_1 table {
    display: block;
    overflow-x: scroll;
    margin: 25px 0 64px 0;
}

.dsarticle .dsbody_1 table tbody {
    min-width: 760px;
    display: block;
}

.dsarticle .dsbody_1 table tr {
    border-bottom: 1px solid #C6C6C6;
}

.dsarticle .dsbody_1 table tr:last-child {
    border-bottom: none;
}

.dsarticle .dsbody_1 table td {
    border-right: 1px solid #C6C6C6;
    padding-left: 12.5px;
    padding-right: 12.5px;
}

.dsarticle .dsbody_1 table td:last-child {
    border-right: none;
}

/* Medien */
.MedienImage img {
    width: 100%;
}

.MedienImage.numOfImages1 img,
.dsarticle .dsbody_1 p img {
    cursor: zoom-in;
    transition-property: all;
    -webkit-transition-property: all;
    transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
}

.MedienImage.numOfImages1 img:hover,
.dsarticle .dsbody_1 p img:hover {
    transform: scale(2);
}

/* Publikationen */
.publiHeader {
    font-size: 40px;
    line-height: 46px;
    font-weight: 700;
    color: #004996;
    margin: 64px 0;
}

#Publikationen25 .col-xl-3 {
    margin-bottom: 25px;
}

#Publikationen25 .card {
    border-color: #C6C6C6;
    height: 100%;
    justify-content: space-between;
}

#Publikationen25 .card,
#Publikationen25 .card-media,
#Publikationen25 .card-media::after {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

#Publikationen25 .card-media {
    background-size: 100%;
    height: 200px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    background-position: center;
    margin-bottom: 25px;
}

#Publikationen25 .card-media::after {
    content: '\A';
    position: absolute;
    width: 100%;
    height: 200px;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(10px);
}

#Publikationen25 .card-media img {
    width: 100px;
    display: block;
    margin: 0 auto;
    z-index: 999;
}

#Publikationen25 .card-header {
    padding: 0 25px;
    background-color: #fff;
    border-bottom: none;
}

#Publikationen25 .card-header .card-header-title {
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
}

#Publikationen25 .card-content {
    padding: 0 25px;
}

#Publikationen25 .card-content .content h3,
#Publikationen25 .card-content .content p {
    font-size: 12px !important;
    line-height: 18px !important;
    font-weight: 500;
}

#Publikationen25 .card-content .content h3 {
    padding: 8px 0;
}

#Publikationen25 .card-content .content p {
    color: #565656;
    margin-bottom: 25px;
}

#Publikationen25 .card-footer {
    width: 100%;
    padding: 0 25px 25px 25px;
    background-color: #fff;
    border-top: none;
}

#Publikationen25 .card-footer .row .col-8 a {
    font-size: 15px;
    line-height: 20px;
    font-weight: 500;
    color: #004996;
    background-color: #f2f2f2;
    padding: 8px 16px;
    border-radius: 100px;
}

#Publikationen25 .card-footer .row .col-4 button {
    font-size: 15px;
    line-height: 20px;
    font-weight: 500;
    color: #004996;
    text-decoration: underline;
    background-color: #fff;
    border: none;
    float: right;
}

/* News | Termine */

#dsarticle_5085791 .dsbodydesign_content_1,
.NewsTermineSuche legend {
    display: none;
}

.NewsTermineSuche {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 100%;
    float: left;
    background: none;
}

.NewsTermineSuche fieldset {
    border: none;
    margin: 0 0 32px 0;
}

.NewsTermineSuche .Formcontainer {
    margin: 0 2% 25px 0;
    padding: 0 0 0 0;
    float: left;
    background: none;
}

.NewsTermineSuche .Formcontainer label {
    margin: 0 0 14px 0;
    padding: 0 0 0 0;
    min-width: 200px;
    float: left;
    color: #000000;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
}

.NewsTermineSuche .Formcontainer #NewsTermineVon,
.NewsTermineSuche .Formcontainer #NewsTermineBis {
    position: relative;
    float: left;
    width: 50%;
}

.NewsTermineSuche .Formcontainer #NewsTermineVon input,
.NewsTermineSuche .Formcontainer #NewsTermineBis input {
    margin: 0 1.5% 0 0;
    padding: 0 0 0 15px;
    float: left;
    height: 60px;
    width: 98.5%;
    border: 1px solid #C6C6C6;
    border-radius: 8px;
    color: #000000;
    font-size: 16px;
    line-height: 22px;
}

.NewsTermineSuche .Formcontainer #NewsTermineVon i.material-icons,
.NewsTermineSuche .Formcontainer #NewsTermineBis i.material-icons {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    float: left;
    position: absolute;
    right: 10px;
    top: 18px;
    color: #000000;
    font-size: 28px;
    line-height: 22px;
}

.NewsTermine {
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 30px 2%;
    width: 100%;
    list-style: none;
}

.NewsTermine .NewsTermineOne.Extern,
.NewsTermine .NewsTermineOne.Intern {
    position: relative;
    width: 23.5%;
    min-height: 325px;
    border: 1px solid #C6C6C6;
    border-radius: 8px;
}

.NewsTermine.Typtermin .NewsTermineOne {
    min-height: 250px;
}

.NewsTermine .NewsTermineOne.Extern a,
.NewsTermine .NewsTermineOne.Intern a {
    color: #000;
    text-decoration: none;
    width: 100%;
    height: 100%;
    display: block;
    padding: 16px 25px;
}

.NewsTermine .NewsTermineOne.Extern a .NewsTermineDate,
.NewsTermine .NewsTermineOne.Intern a .NewsTermineDate {
    display: none;
}

.NewsTermine .NewsTermineOne.Extern .NewsTermineTitle,
.NewsTermine .NewsTermineOne.Intern .NewsTermineTitle {
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    word-break: break-word;
    margin-bottom: 0;
}

.NewsTermine .NewsTermineOne.Extern .NewsTermineTeaser,
.NewsTermine .NewsTermineOne.Intern .NewsTermineTeaser {
    font-size: 18px;
    line-height: 24px;
    word-break: break-word;
}

.NewsTermine .NewsTermineOne.Extern .NewsTermineOrt,
.NewsTermine .NewsTermineOne.Intern .NewsTermineOrt {
    position: absolute;
    bottom: 0;
    display: flex;
}

.NewsTermine .NewsTermineOne.Intern .NewsTermineOrt::before {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    display: block;
    width: 25px;
    height: 30px;
    content: "";
    background-image: url(/img/WWH_Servicestelle_Bildmarke_RGB.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 20px;
    margin-right: 2px;
    align-self: center;
}

.NewsTermine.Typnews .NewsTermineOne.Intern .NewsTermineTitle::after {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    display: block;
    width: 25px;
    height: 30px;
    content: "";
    background-image: url(/img/WWH_Servicestelle_Bildmarke_RGB.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 20px;
    position: absolute;
    right: 10px;
    bottom: 1px;
}

.NewsTermine .NewsTermineOne.Extern .NewsTermineOrt p::before,
.NewsTermine .NewsTermineOne.Intern .NewsTermineOrt p::before {
    content: '#';
    margin-right: 2px;
}

#NewsTermineMore a {
    color: #565656;
    font-size: 18px;
    line-height: 24px;
}

.NewsTermineOne.Prom {
    margin: 0 0 48px 0;
}

.PromArea {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    padding: 25px;
    border-radius: 8px;
    margin: 24px 0;
}

.PromArea.PaWithImage.noheadlineleft.noteaserleft .promleft .PromAreaImage {
    padding: 25px;
    background-color: #fff;
    margin-right: 25px;
    height: 100%;
    align-content: center;
}

.PromArea.PaWithImage.noheadlineleft.noteaserleft .promleft .PromAreaImage img {
    width: 100%;
}

.PromArea.PaNoImage.headlineleft.teaserleft.headlineright.teaserright {
    padding: 0;
    margin: 0;
}

.PromArea.PaNoImage.headlineleft.teaserleft.headlineright.teaserright .PromAreaBox .PromAreaBoxText {
    padding-bottom: 0;
}

.PromArea.PaWithImage.headlineright .promright .PromAreaHeadline,
.PromArea.PaNoImage.headlineleft.teaserleft.headlineright.teaserright .promleft .PromAreaHeadline h2,
.PromArea.PaNoImage.headlineleft.teaserleft.headlineright.teaserright .promright .PromAreaHeadline {
    font-size: 25px;
    line-height: 32px;
    font-weight: 700;
    margin-bottom: 12px;
}

.PromArea.PaNoImage.headlineleft.teaserleft.headlineright.teaserright .promleft .PromAreaBox.PromAreaBoxLeft,
.PromArea.PaNoImage.headlineleft.teaserleft.headlineright.teaserright .promright .PromAreaBox .PromAreaBoxText,
.PromArea.PaNoImage.headlineleft.teaserleft.headlineright.teaserright .promright .PromAreaBox .PromAreaBoxText ul {
    font-size: 18px;
    line-height: 24px;
}

.PromArea.PaNoImage.headlineleft.teaserleft.headlineright.teaserright .promright .PromAreaBox .PromAreaBoxText ul {
    list-style-type: disc;
}

.bg_gelb .PromArea,
.NewsTermineOne.Prom .PromArea {
    background-color: #f4c85d;
}

.bg_dunkelgrau .PromArea {
    color: #fff;
    background-color: #6E6E6E;
}

.bg_hellgrau .PromArea {
    background-color: #E1E1E1;
}

.bg_gruen .PromArea {
    color: #fff;
    background-color: #1B878C;
}

.NewsTermineOne.Prom .PromArea .PromAreaHeadline,
.NewsTermineOne.Prom .PromArea .PromAreaBox,
.promleft,
.promright {
    width: 50%;
}

.PromAreaBox {
    position: relative;
}

.bg_weiss .PromAreaHeadline h2,
.bg_weiss .PromAreaHeadline h3,
.NewsTermineOne.Prom .PromArea .PromAreaHeadline h2,
.NewsTermineOne.Prom .PromArea .PromAreaHeadline h3,
.NewsTermineOne.Prom .PromArea .PromAreaBox .PromAreaBoxText,
.bg_gelb .PromAreaHeadline h2,
.bg_gelb .PromAreaHeadline h3,
.bg_gelb .PromAreaBox .PromAreaBoxText,
.bg_dunkelgrau .PromAreaHeadline h2,
.bg_dunkelgrau .PromAreaHeadline h3,
.bg_dunkelgrau .PromAreaBox .PromAreaBoxText,
.bg_hellgrau .PromAreaHeadline h2,
.bg_hellgrau .PromAreaHeadline h3,
.bg_hellgrau .PromAreaBox .PromAreaBoxText,
.bg_gruen .PromAreaHeadline h2,
.bg_gruen .PromAreaHeadline h3,
.bg_gruen .PromAreaBox .PromAreaBoxText {
    font-size: 34px;
    line-height: 44px;
    font-weight: 700;
}

.bg_weiss .PromAreaBox .PromAreaBoxText {
    font-size: 18px;
    line-height: 26px;
}

.PromAreaBox .PromAreaBoxText {
    padding-bottom: 5rem;
}

.PromAreaBoxLink {
    position: absolute;
    bottom: 25px;
}

.NewsTermineOne.Prom .PromArea .PromAreaBoxLink a,
.bg_gelb .PromAreaBoxLink a,
.bg_dunkelgrau .PromAreaBoxLink a,
.bg_hellgrau .PromAreaBoxLink a,
.bg_gruen .PromAreaBoxLink a {
    font-size: 15px;
    height: 48px;
    padding: 8px 16px;
    align-items: center;
    color: #004996;
    background-color: #fff;
    border-radius: 50px;
    text-decoration: none;
}

.bg_weiss .PromAreaBoxLink a {
    font-size: 15px;
    height: 48px;
    padding: 8px 16px;
    align-items: center;
    color: #fff;
    background-color: #004996;
    border-radius: 50px;
    text-decoration: none;
}

/* datepicker jquery ui */

.ui-datepicker {
    width: auto;
    height: auto;
    margin: 5px auto 0;
    font: 9pt Arial, sans-serif;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
    background: #fff;
}

.ui-datepicker a {
    text-decoration: none;
}

.ui-datepicker table {
    width: 100%;
}

.ui-datepicker-header {
    color: #c6c6c6;
    font-weight: bold;
    line-height: 30px;
    height: 46px;
}

.ui-datepicker-title {
    text-align: center;
    height: auto;
    padding: 0.5em;
    background: #004996;
}

.ui-datepicker-month,
.ui-datepicker-year {
    height: 30px;
    width: 80px;
    border-radius: 2px 0 0 2px;
    /* border: solid 1px #ccc; */
    /* background: #f2f2f2; */
    color: #fff;
}

.ui-datepicker-prev:before,
.ui-datepicker-next:after {
    display: block;
    width: 30px;
    height: 30px;
    text-align: center;
    cursor: pointer;
    background: #f2f2f2;
    font-family: 'Material Icons';
    top: 0.35em;
    position: relative;
    color: #004996;
    font-size: 19px;
}

.ui-datepicker-prev:hover:before {
    content: url(../img/chevron_left_hover.jpg);
}

.ui-datepicker-next:hover:after {
    content: url(../img/chevron_right_hover.jpg);
}

.ui-datepicker-prev span,
.ui-datepicker-next span {
    display: none;
}

.ui-datepicker-prev:before {
    float: left;
    content: url(../img/chevron_left.jpg);
    left: 0.2em;
}

.ui-datepicker-next:after {
    float: right;
    content: url(../img/chevron_right.jpg);
    right: 0.2em;
}

.ui-datepicker thead {
    background-color: #f7f7f7;
    background-image: -moz-linear-gradient(top, #f7f7f7 0%, #f1f1f1 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #f1f1f1));
    background-image: -webkit-linear-gradient(top, #f7f7f7 0%, #f1f1f1 100%);
    background-image: -o-linear-gradient(top, #f7f7f7 0%, #f1f1f1 100%);
    background-image: -ms-linear-gradient(top, #f7f7f7 0%, #f1f1f1 100%);
    background-image: linear-gradient(top, #f7f7f7 0%, #f1f1f1 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#f1f1f1', GradientType=0);
    border-bottom: 1px solid #f2f2f2;
}

.ui-datepicker th {
    text-transform: uppercase;
    font-size: 6pt;
    padding: 5px 0;
    color: #666666;
    text-shadow: 1px 0px 0px #fff;
    filter: dropshadow(color=#fff, offx=1, offy=0);
}

.ui-datepicker tbody td {
    padding: 0;
    border-right: 1px solid #f2f2f2;
}

.ui-datepicker tbody td:last-child {
    border-right: 0px;
}

.ui-datepicker tbody tr {
    border-bottom: 1px solid #f2f2f2;
}

.ui-datepicker tbody tr:last-child {
    border-bottom: 0px;
}

.ui-datepicker td span,
.ui-datepicker td a {
    display: inline-block;
    font-weight: bold;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #004996;
}

.ui-datepicker-calendar .ui-state-default {
    background: #004996;
    background: -moz-linear-gradient(top, #f2f2f2 0%, #f2f2f2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f2f2), color-stop(100%, #f2f2f2));
    background: -webkit-linear-gradient(top, #f2f2f2 0%, #f2f2f2 100%);
    background: -o-linear-gradient(top, #f2f2f2 0%, #f2f2f2 100%);
    background: -ms-linear-gradient(top, #f2f2f2 0%, #f2f2f2 100%);
    background: linear-gradient(top, #f2f2f2 0%, #f2f2f2 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#f2f2f2', GradientType=0);
    -webkit-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
    -moz-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
    box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
}

.ui-datepicker-unselectable .ui-state-default {
    background: #f4f4f4;
    color: #b4b3b3;
}

.ui-datepicker-calendar .ui-state-hover {
    background: #f7f7f7;
}

.ui-datepicker-calendar .ui-state-active {
    background: #004996;
    -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
    -moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
    box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
    color: #FFF;
    text-shadow: 0px 1px 0px #004996;
    filter: dropshadow(color=#004996, offx=0, offy=1);
    border: 1px solid #004996;
    position: relative;
    margin: -1px;
}

.ui-datepicker-calendar td:first-child .ui-state-active {
    width: 29px;
    margin-left: 0;
}

.ui-datepicker-calendar td:last-child .ui-state-active {
    width: 29px;
    margin-right: 0;
}

.ui-datepicker-calendar tr:last-child .ui-state-active {
    height: 29px;
    margin-bottom: 0;
}

input::-webkit-clear-button {
    display: none;
    /* Hide the button */
    -webkit-appearance: none;
    /* turn off default browser styling */
}

input::-ms-clear {
    display: none;
    /* Hide the button */
}

/* frei Kacheln */
article[id*="freieKacheln"] {
    margin: 0.5rem 0 0 0;
    padding: 30px 0 0 0;
    float: left;
    width: 100%;
}

article[id*="freieKacheln"].no-swiper {
    margin: 0;
    padding: 0;
    float: none;
}

article[id*="freieKacheln"].no-swiper .swiper>div {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    justify-content: space-between;
}

article[id*="freieKacheln"].no-swiper .swiper>div .freieKachelnLoop.weiss a {
    position: relative;
}

article[id*="freieKacheln"].no-swiper .swiper>div .freieKachelnLoop.weiss .freieKachelnImg {
    margin: 0;
    height: 100%;
}

article[id*="freieKacheln"].no-swiper .swiper>div .freieKachelnLoop.weiss .freieKachelnImg figure {
    margin: 0;
}

article[id*="freieKacheln"].no-swiper .swiper>div .freieKachelnLoop.weiss .freieKachelnImg img {
    width: 367px;
    height: 460px;
    object-fit: cover;
    border-radius: 8px;
}

article[id*="freieKacheln"].no-swiper .swiper>div .freieKachelnLoop.weiss .freieKachelnTextContainer {
    position: absolute;
    bottom: 25px;
    left: 25px;
    right: 25px;
    width: fit-content;
}

article[id*="freieKacheln"].no-swiper .swiper>div .freieKachelnLoop.weiss .freieKachelnTextContainer h3 {
    font-size: 25px;
    line-height: 32px;
    font-weight: 700;
    color: #fff;
    min-height: fit-content;
    text-align: left;
}

article[id*="freieKacheln"].no-swiper .swiper>div .freieKachelnLoop.weiss .freieKachelnTextContainer .freieKachelnText {
    font-size: 18px;
    line-height: 24px;
    color: #fff;
}

.DSfreieKacheln.DSfreieKachelnFrontend {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 5%;
}

.freieKachelnHeadline {
    margin: 0 0 32px 0;
    padding: 0 0 0 0;
    color: #000;
    font-weight: 700;
    font-size: 30px;
    line-height: 36px;
    letter-spacing: -.5px;
    background: none;
    width: 100%;
    float: left;
}

.freieKachelnTeaser {
    padding: 0 0 25px 0;
}

.freieKachelnTeaser p {
    margin: 0;
}

.freieKachelnImg {
    overflow: hidden;
    margin: 0 0 15px 0;
    position: relative;
    border-radius: 8px;
    height: 450px;
    width:100%;
}

.freieKachelnImg>img {
    height: 0;
    display: none;
}

.freieKachelnLoop figcaption {
    display: none;
}

.freieKachelnLoop h3 {
    margin: 0 0 0 0;
    padding: 0 1% 0 0;
    width: 100%;
    float: left;
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    /* text-transform: uppercase; */
    color: #000;
    min-height: 64px;
    text-align: center;
}

.freieKachelnLoop .freieKachelnText {
    margin: 0 0 0 0;
    padding: 0 1% 5% 0;
    width: 100%;
    float: left;
    color: #000000;
    font-size: 18px;
    line-height: 22px;
}

.DSfreieKacheln .swiperContainer {
    position: relative;
}

.DSfreieKacheln .swiper {
    width: 100%;
    max-width: 1152px;
    height: 100%;
}

.DSfreieKacheln .swiper .swiper-slide.swiper-slide-active:first-child {
    margin-left: 50px;
}

.DSfreieKacheln .swiper .swiper-slide {
    width: 322px !important;
    position: relative;
    transform: translateX(-50px);
}

.DSfreieKacheln .swiper .swiper-slide .linkedImg {
    display: block;
    margin-bottom: 64px;
}

article[id*="freieKacheln"].no-swiper .swiper>div .freieKachelnLoop.weiss .freieKachelnImg figure::after,
.DSfreieKacheln .swiper .swiper-slide .freieKachelnImg figure::after {
    content: '\A';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
}

.DSfreieKacheln .swiper .swiper-slide .freieKachelnImg figure img {
    height: 450px;
    width: 350px;
    object-fit: cover;
}

.DSfreieKacheln .swiper .swiper-slide .linkedImg h3 {
    position: absolute;
    bottom: 50px;
    left: 25px;
    width: fit-content;
    font-size: 25px;
    line-height: 32px;
    font-weight: 700;
    color: #fff;
}

.DSfreieKacheln .swiper-buttonContainer {
    position: absolute;
    display: flex;
    bottom: 0;
    right: 0;
    z-index: 10;
}

.DSfreieKacheln .swiper-button-prev,
.DSfreieKacheln .swiper-button-next {
    background-repeat: no-repeat;
    background-size: 48px;
    width: 48px;
    height: 48px;
    top: 100%;
}

.DSfreieKacheln .swiper-button-prev {
    background-image: url('/img/icons/arrow_back.png');
}

.DSfreieKacheln .swiper-button-next {
    background-image: url('/img/icons/arrow_front.png');
    left: 80px;
}

.DSfreieKacheln .swiper-button-prev::after,
.DSfreieKacheln .swiper-button-next::after {
    content: '';
}

.DSfreieKacheln .swiper-pagination {
    display: none;
}

.DSfreieKacheln .swiper-buttonContainer .swiper-button .swiperButtonActive {
    color: #e0182e;
}

.DSfreieKacheln .swiper-buttonContainer .swiper-button .swiper-button-play {
    margin-right: 1rem;
}


/* Bildbutton-Modul */
.BildButton {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 25px;
    border-radius: 8px;
}

.BildButton.imgorder-left .BildButtonText {
    padding: 25px 25px 25px 0;
}

.BildButton.imgorder-right .BildButtonText {
    padding: 25px 0 25px 25px;
}

.background_dunkelgrau .BildButton {
    background-color: #6e6e6e;
}

.background_hellgrau .BildButton {
    background-color: #E1E1E1;
}

.background_gelb .BildButton {
    background-color: #F4C85D;
}

.BildButtonText {
    width: 50%;
    padding: 25px;
}

.BildButtonText .BildButtonHeadline {
    font-size: 34px;
    line-height: 44px;
    font-weight: 700;
}

.background_dunkelgrau .BildButton .BildButtonText .BildButtonHeadline {
    color: #fff;
}

.BildButton .BildButtonText .BildButtonTeaser p {
    font-size: 18px;
    line-height: 24px;
    margin: 25px 0 50px 0;
}

.background_dunkelgrau .BildButton .BildButtonText .BildButtonTeaser p {
    color: #fff;
}

.BildButtonImage {
    width: 45%;
    max-height: fit-content;
    background-color: #fff;
    padding: 25px;
    margin: 25px;
}

.BildButtonImage img {
    width: 100%;
}

.BildButtonImage .BildButtonQuelle {
    font-size: 15px;
    line-height: 24px;
}

.BildButtonImage .BildButtonQuelle::before {
    content: '©';
    margin-right: 5px;
}

.background_gelb .BildButton .BildButtonText .BildButtonTeaser,
.background_dunkelgrau .BildButton .BildButtonText .BildButtonTeaser,
.background_hellgrau .BildButton .BildButtonText .BildButtonTeaser {
    display: none;
}

.background_gelb .BildButton .BildButtonText .BildButtonButton,
.background_dunkelgrau .BildButton .BildButtonText .BildButtonButton,
.background_hellgrau .BildButton .BildButtonText .BildButtonButton {
    margin-top: 25px;
}

.background_gelb .BildButton .BildButtonText .BildButtonButton a,
.background_dunkelgrau .BildButton .BildButtonText .BildButtonButton a,
.background_hellgrau .BildButton .BildButtonText .BildButtonButton a {
    font-size: 15px;
    height: 48px;
    padding: 8px 16px;
    align-items: center;
    border-radius: 50px;
    text-decoration: none;
}

.background_dunkelgrau .BildButton .BildButtonText .BildButtonButton a {
    color: #004996;
    background-color: #fff;
}

.background_gelb .BildButton .BildButtonText .BildButtonButton a,
.background_hellgrau .BildButton .BildButtonText .BildButtonButton a {
    color: #fff;
    background-color: #004996;
}

/* Kompässe */
.kompass h2 {
    font-size: 25px;
    line-height: 32px;
    font-weight: 700;
    width: 50%;
    margin-bottom: 25px;
}

.kompass #kompass-columns {
    background-color: #f3f3f3;
    border-radius: 8px;
    padding: 25px;
    margin-left: 12.5px;
    margin-right: 12.5px;
    width: 100%;
    margin-bottom: 25px;
}

.kompass .linkedImg .komImg img {
    width: 100px !important;
    height: 100px;
}

.kompass .linkedImg h3 {
    color: #D3242E;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
}

.kompass .linkedImg p {
    color: #004996;
    font-size: 25px;
    line-height: 32px;
    font-weight: 700;
}

/* Fördermodul Box */
.foerdermodulBox {
    display: flex;
    flex-wrap: wrap;
    gap: 2%;
    margin-bottom: 64px;
}

.foerdermodulBoxLeftLink,
.foerdermodulBoxRightLink {
    width: 49%;
    color: #000;
    background-color: #f3f3f3;
    border-radius: 8px;
    padding: 25px;
    margin-bottom: 3%;
}

.foerdermodulImg img {
    width: 100px !important;
    height: 100px;
}

.foerdermodulText h2 {
    color: #D3242E;
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
}

.foerdermodulText h3 {
    color: #004996;
    font-size: 34px;
    line-height: 44px;
    font-weight: 700;
}

/* Highlight-Kachel Startseite */
.NewsKachelOuter.NewsKachelOuterStartseite {
    margin-bottom: 26px;
}

.NewsKachel .StartHighlight {
    border-radius: 8px;
    border: 1px solid #C6C6C6;
    background-color: #fff;
    margin-bottom: 38px;
    min-height: 350px;
}

.NewsKachel .StartHighlight .NewsKachelText {
    background-color: transparent;
    padding: 15px 25px;
}

.NewsKachel .StartHighlight .NewsKachelText .NewsKachelTitle {
    font-size: 18px;
    line-height: 24px;
    font-family: Avenir Next, sans-serif !important;
    font-weight: 700;
}

.NewsKachel .StartHighlight .HighNewsFooter {
    position: absolute;
    bottom: 25px;
    display: flex;
}

.NewsKachel .StartHighlight.Intern .HighNewsFooter img {
    width: 20px;
}

.NewsKachel .StartHighlight.Intern .HighNewsFooter .HighNewsMarke,
.NewsKachel .StartHighlight.Intern .HighNewsFooter .HighNewsOrt {
    display: inline-block;
}

.NewsKachel .StartHighlight .HighNewsFooter .HighNewsOrt,
.NewsKachel .StartHighlight .HighNewsFooter .HighNewsOnline {
    color: #565656;
    font-size: 12px;
    line-height: 20px;
    font-weight: 500;
    margin-left: 8px;
    align-self: end;
}

/* Terminekachel-Startseite */
.NewsKachelOuter.NewsKachelOuterStartseite.NewsKachelOuterTermine {
    margin-bottom: 64px;
}
.StartTermine {
    position: relative;
    width: 22.75%;
    min-height: 300px;
    border: 1px solid #C6C6C6;
    border-radius: 8px;
    padding: 25px;
    margin-bottom: 3%;
}

.StartTermine a {
    color: #000;
    text-decoration: none;
}

.StartTermine .NewsKachelText .NewsKachelTitle {
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    height: 100%;
    font-family: Avenir Next, sans-serif !important;
}

.StartTermine .NewsKachelText .HighNewsDate,
#NewsTermineOuter #NewsTermineBoxes .NewsTermine.Typtermin .NewsTermineOne .NewsDate {
    width: fit-content;
    padding: 2px 16px;
    border-radius: 20px;
    background-color: #f2f2f2;
    margin: 15px 0;
    font-size: 11px;
}

#NewsTermineOuter #NewsTermineBoxes .NewsTermine.Typtermin .NewsTermineOne .NewsDate span {
    font-size: 12px;
    line-height: 18px;
}

.StartTermine .NewsKachelText .HighNewsDate::before,
#NewsTermineOuter #NewsTermineBoxes .NewsTermine.Typtermin .NewsTermineOne .NewsDate::before {
    font-family: 'Material Icons';
    content: 'date_range';
    display: inline-block;
    vertical-align: middle;
    font-size: 24px;
    margin-right: 4px;
}

.StartTermine .HighNewsFooter,
#NewsTermineOuter #NewsTermineBoxes .NewsTermine.Typtermin .NewsTermineOne .NewsFooter  {
    position: absolute;
    bottom: 25px;
}

.StartTermine.Intern .HighNewsFooter img,
#NewsTermineOuter #NewsTermineBoxes .NewsTermine.Typtermin .NewsTermineOne .NewsFooter img {
    width: 20px;
}

.StartTermine.Intern .HighNewsFooter .HighNewsMarke,
.StartTermine.Intern .HighNewsFooter .HighNewsOrt,
#NewsTermineOuter #NewsTermineBoxes .NewsTermine.Typtermin .NewsTermineOne .NewsFooter .NewsMarke,
#NewsTermineOuter #NewsTermineBoxes .NewsTermine.Typtermin .NewsTermineOne .NewsFooter .NewsOrt,
#NewsTermineOuter #NewsTermineBoxes .NewsTermine.Typtermin .NewsTermineOne .NewsFooter .NewsOnline {
    display: inline-block;
}

.NewsTermine .NewsTermineOne .NewsFooter .NewsOnline,
.NewsTermine .NewsTermineOne.Extern .NewsTermineOrt,
.NewsTermine .NewsTermineOne.Intern .NewsTermineOrt,
.StartTermine .HighNewsFooter .HighNewsOrt,
.StartTermine .HighNewsFooter .HighNewsOnline,
#NewsTermineOuter #NewsTermineBoxes .NewsTermine.Typtermin .NewsTermineOne .NewsFooter .NewsOrt {
    font-size: 12px;
    line-height: 20px;
    font-weight: 500;
    color: #565656;
}

#NewsTermineOuter #NewsTermineBoxes .NewsTermine.Typtermin .NewsTermineOne .NewsFooter .NewsMarke {
    margin-right: 8px;
}

.StartTermine .HighNewsFooter .HighNewsOrt::before,
#NewsTermineOuter #NewsTermineBoxes .NewsTermine.Typtermin .NewsTermineOne .NewsFooter .NewsOrt::before {
    content: '#';
}

.StartTermine .HighNewsFooter .HighNewsOrt span,
#NewsTermineOuter #NewsTermineBoxes .NewsTermine.Typtermin .NewsTermineOne .NewsFooter .NewsOrt span {
    position: absolute;
    width: max-content;
}

#NewsTermineOuter #NewsTermineBoxes #NewsTermineMore {
    margin-top: 3rem;
}

#NewsTermineOuter #NewsTermineBoxes #NewsTermineMore a {
    border-radius: 50px;
    border: 1px solid #004996;
    color: #004996;
    padding: 6px 16px;
    font-size: 15px;
    line-height: 24px;
    font-weight: 500;
}

#NewsTermineOuter #NewsTermineBoxes #NewsTermineMore a:hover {
    color: #fff;
    background-color: #004996;
}

/* Newskachel-Startseite */
.NewsKachelOuter.NewsKachelOuterStartseite.NewsKachelOuterNews {
    margin-bottom: 64px;
}

.TermineKachelHead {
    display: flex;
    justify-content: space-between;
    padding: 25px 0;
    border-top: 1px solid #C6C6C6;
    width: 100%;
}

.TermineKachelHead .TermineKachelHeadLeft {
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    color: #004996;
}

.TermineKachelHead .TermineKachelHeadRight {
    align-content: center;
}

.TermineKachelHead .TermineKachelHeadRight a {
    color: #565656;
    font-size: 18px;
    line-height: 24px;
}

.StartNews {
    min-width: 22.75%;
    max-width: 22.75%;
    min-height: 265px;
    margin-bottom: 3%;
    flex-grow: 1;
    background-size: 100%;
    background-repeat: no-repeat;
    position: relative;
    flex-shrink: 1;
    border: 1px solid #C6C6C6;
    border-radius: 8px;
    background-color: #fff;
}

.StartNews.hasImage {
    position: relative;
    min-height: 325px;
    background-size: 100%;
    background-repeat: no-repeat;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}

.StartNews.hasImage a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto !important;
    display: block;
    padding-top: 56.25% !important;
    color: #000 !important;
    text-decoration: none !important;
}

.StartNews .NewsKachelText {
    padding: 25px;
}

.StartNews.hasImage .NewsKachelText {
    position: absolute;
    left: 0;
    right: 0;
    background-color: #fff;
}

.StartNews .NewsKachelText .NewsKachelTitle {
    color: #000;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    height: 100%;
}

.StartNews .NewsKachelText .NewsKachelTeaser {
    color: #000;
}

/* News-Seite */
#NewsTermineBoxes .NewsTermine.Typnews .hasImage {
    background-size: 100%;
    background-repeat: no-repeat;
    position: relative;
}

#NewsTermineBoxes .NewsTermine.Typnews .hasImage a {
    margin-top: 56.25%;
    height: auto;
    background-color: #fff;
}

#NewsTermineBoxes .NewsTermine.Typnews .hasImage .NewsTermineTitle {
    margin: 0;
}

/* Zitat-Modul */
.Zitat.ZitatFrontend {
    background-color: #f3f3f3;
    margin: 64px auto;
    position: relative;
    padding: 25px;
}

.ZitatQuote.ZitatQuoteStart {
    position: absolute;
    left: -25px;
    top: -25px;
}

.ZitatQuote.ZitatQuoteStart img {
    width: 50px;
}

.ZitatText.ZitatTextMedium {
    font-size: 34px;
    font-weight: 700;
    line-height: 44px;
}

.ZitatPerson {
    margin-left: 100px;
    margin-top: 25px;
    font-size: 18px;
    line-height: 26px;
}

.ZitatPersonJob,
.ZitatQuelle {
    margin-left: 100px;
    font-size: 18px;
    line-height: 26px;
    color: #565656;
}

.ZitatImage {
    position: absolute;
    bottom: 25px;
}

.ZitatImage img {
    width: 75px;
    height: 75px;
    object-fit: cover;
    border-radius: 50%;
}

.ZitatStart,
.ZitatEnd {
    display: none;
}

/* Foerder- und Beratungskompass */
.kompassv4 {
    margin-bottom: 64px;
}

.kompassv4 .mitHaken[aria-expanded="true"]::before {
    transform: rotate(270deg);
    color: rgba(0, 0, 0, 0.85);
}

.kompassv4 .mitHaken::before,
.b4AjaxBox .mitHaken::before {
    width: 1.25em;
    line-height: 0;
    content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
    transition: transform 0.35s ease;
    transform-origin: .5em 50%;
    transform: rotate(90deg);
}
.kompassv4 .mitHaken:active,
.kompassv4 .mitHaken:focus {
    border: none;
}

.kompassv4 #printLogo {
    visibility: hidden;
    height: 64px;
}

.headLeft h1,
.headLeft h1.h1-red {
    font-size: 40px;
    line-height: 46px;
    font-weight: 700;
    color: #004996;
    margin-bottom: 0;
}

.headLeft h1.h1-red {
    color: #D3242E;
}

.headLeft p {
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    color: #004996;
    margin-top: 24px;
}

.kompassv4 .headLeft p {
    margin-bottom: 64px;
}

.kompassv4 .headLeft.col-4 img {
    width: 100%;
    max-width: 300px;
}

.kompassv4 #b4Main {
    margin-top: 64px;
    padding-top: 40px;
    border-top: 1px solid #C6C6C6;
}

.kompassv4 #b4Main hr {
    margin: 25px 0;
    opacity: 1;
    border-color: #C6C6C6;
}

.kompassv4 #b4Main .grey-contactbox {
    padding: 25px;
    background-color: #EFF0F2;
    border-radius: 8px;
    margin-bottom: 3rem;
}

.kompassv4 #b4Main .grey-contactbox p {
    color: #000;
}

.kompassv4 #b4Main #b4filter #b4MainForm .b4SearchBox {
    position: relative;
    width: fit-content;
    margin-bottom: 24px;
}

.kompassv4 #b4Main #b4filter #b4MainForm .b4SearchBox::after {
    font-family: 'Material Icons';
    content: 'search';
    display: inline-block;
    vertical-align: middle;
    font-size: 24px;
    position: absolute;
    right: 8px;
    top: 6px;
}

.kompassv4 #b4Main #b4filter #b4MainForm .b4SearchBox input {
    color: #565656;
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
    height: 48px;
    width: 335px;
    padding: 0 16px;
    border: 1px solid #C6C6C6;
    border-radius: 8px;
}

.kompassv4 #b4Main #b4filter #b4MainForm .form-group {
    margin-bottom: 24px;
}

.kompassv4 #b4Main #b4filter #b4MainForm .form-group h3 {
    font-size: 18px;
    line-height: 26px;
    font-weight: 700;
}

.kompassv4 #b4Main #b4filter #b4MainForm .form-group .form-check {
    height: 30px;
}

.kompassv4 #b4Main #b4filter #b4MainForm .form-group .form-check .checkbox {
    width: 24px;
    height: 24px;
    border-radius: 5px;
    border: 3px solid #004996;
    margin-right: 16px;
    cursor: pointer;
}

.kompassv4 #b4Main #b4filter #b4MainForm .form-group .form-check .checkbox:checked {
    background-color: #004996;
}

.kompassv4 #b4Main #b4filter #b4MainForm .form-group .form-check .checkbox:focus {
    box-shadow: none;
}

.kompassv4 #b4Main #b4filter #b4MainForm .form-group .form-check .form-check-label {
    font-size: 15px;
    line-height: 24px;
    font-weight: 500;
    color: #000;
    vertical-align: middle;
}

.kompassv4 #b4Main #b4filter #b4MainForm .form-group #hideAllThemav4,
.kompassv4 #b4Main #b4filter #b4MainForm .form-group #hideAllThemav5 {
    display: none;
}

.kompassv4 #b4Main #b4filter #b4MainForm .form-group #showAllThemav4 .btn,
.kompassv4 #b4Main #b4filter #b4MainForm .form-group #showAllThemav5 .btn,
.kompassv4 #b4Main #b4filter #b4MainForm .form-group #hideAllThemav4 .btn,
.kompassv4 #b4Main #b4filter #b4MainForm .form-group #hideAllThemav5 .btn {
    padding-left: 0;
    padding-right: 0;
    font-size: 15px;
    line-height: 24px;
    font-weight: 500;
    color: #565656;
}

.kompassv4 #b4Main #b4filter #b4MainForm .form-group #showAllThemav4 .btn::before,
.kompassv4 #b4Main #b4filter #b4MainForm .form-group #showAllThemav5 .btn::before,
.kompassv4 #b4Main #b4filter #b4MainForm .form-group #hideAllThemav4 .btn::before,
.kompassv4 #b4Main #b4filter #b4MainForm .form-group #hideAllThemav5 .btn::before {
    margin-right: 16px;
}

.kompassv4 #b4Main #b4filter #b4MainForm .form-group #showAllThemav4 .btn:active,
.kompassv4 #b4Main #b4filter #b4MainForm .form-group #showAllThemav5 .btn:active,
.kompassv4 #b4Main #b4filter #b4MainForm .form-group #showAllThemav4 .btn:focus,
.kompassv4 #b4Main #b4filter #b4MainForm .form-group #showAllThemav5 .btn:focus,
.kompassv4 #b4Main #b4filter #b4MainForm .form-group #hideAllThemav4 .btn:active,
.kompassv4 #b4Main #b4filter #b4MainForm .form-group #hideAllThemav5 .btn:active,
.kompassv4 #b4Main #b4filter #b4MainForm .form-group #hideAllThemav4 .btn:focus,
.kompassv4 #b4Main #b4filter #b4MainForm .form-group #hideAllThemav5 .btn:focus {
    border: none;
}

.kompassv4 #b4Main .b4AjaxBox .anzeige-details {
    margin-bottom: 25px;
    justify-content: space-between;
}

.kompassv4 #b4Main .b4AjaxBox .anzeige-details .ergebnisse-counttext,
.kompassv4 #b4Main .b4AjaxBox .anzeige-details .seite-druckentext {
    font-size: 15px;
    line-height: 24px;
    font-weight: 500;
}

.kompassv4 #b4Main .b4AjaxBox .anzeige-details .seite-druckentext {
    color: #004996;
    text-align: right;
    padding-right: 0;
}

.kompassv4 #b4Main .b4AjaxBox .anzeige-details .seite-druckentext .fa-print {
    display: none;
}

.kompassv4 #b4Main .b4AjaxBox .b4AjaxLoopBox {
    padding: 25px;
    border-radius: 8px;
    border: 1px solid #C6C6C6;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.08);
    margin-bottom: 15px;
}

.kompassv4 #b4Main .b4AjaxBox .b4AjaxLoopBox.expand-boxshadow {
    box-shadow: 0px 16px 16px 0px rgba(0, 0, 0, 0.08);
}

.kompassv4 #b4Main .b4AjaxBox .b4AjaxLoopBox h4 {
    font-size: 18px;
    line-height: 26px;
    font-weight: 700;
    color: #004996;
    margin-bottom: 0;
}

.kompassv4 #b4Main .b4AjaxBox .b4AjaxLoopBox .euro {
    font-size: 18px;
    line-height: 26px;
    font-weight: 700;
    color: #000;
}

.kompassv4 #b4Main .b4AjaxBox .b4AjaxLoopBox .wasgefoerdert {
    font-size: 15px;
    line-height: 24px;
    margin-top: 8px;
}

.kompassv4 #b4Main .b4AjaxBox .b4AjaxLoopBox h5 {
    font-size: 15px;
    line-height: 24px;
    font-weight: 700;
    color: #000;
    width: fit-content;
    display: inline;
}

.kompassv4 #b4Main .b4AjaxBox .b4AjaxLoopBox h5::after {
    content: ':';
}

.kompassv4 #b4Main .b4AjaxBox .b4AjaxLoopBox .mylist {
    display: inline;
}

.kompassv4 #b4Main .b4AjaxBox .b4AjaxLoopBox .col-6 p,
.kompassv4 #b4Main .b4AjaxBox .b4AjaxLoopBox .content p,
.kompassv4 #b4Main .b4AjaxBox .b4AjaxLoopBox .mylist {
    font-size: 15px !important;
    line-height: 24px !important;
    font-weight: 500;
    color: #000;
}

.kompassv4 #b4Main .b4AjaxBox .b4AjaxLoopBox .mt-3 .text-black {
    background-color: #E1E1E1;
    padding: 5px;
    font-size: 14px;
    line-height: 18px;
}

.kompassv4 #b4Main .b4AjaxBox .b4AjaxLoopBox .details-btn .btn {
    margin-top: 15px;
    height: 48px;
    padding: 6px 16px;
    border-radius: 100px;
    background-color: #004996;
    color: #fff;
    font-size: 15px;
    line-height: 24px;
    font-weight: 500;
    border: none;
}

.kompassv4 #b4Main .b4AjaxBox .b4AjaxLoopBox .details-btn .btn::after {
    font-family: 'Material Icons';
    content: 'arrow_forward';
    display: inline-block;
    vertical-align: middle;
    font-size: 24px;
    margin-left: 4px;
}

.kompassv4 #b4Main .b4response .mehrladen {
    border-radius: 50px;
    border: 1px solid #004996;
    color: #004996;
    margin-top: 15px;
    padding: 6px 16px;
    font-size: 15px;
    line-height: 24px;
    font-weight: 500;
}

.kompassv4 #b4Main .b4response .mehrladen:hover {
    color: #fff;
    background-color: #004996;
}

.bkmodal,
#FpModal {
    background-color: rgba(0, 73, 150, 0.8);
    padding-right: 0 !important;
}

.bkmodal .modal-dialog,
#FpModal .modal-dialog {
    width: 95%;
    max-width: 900px;
    height: 100%;
    margin: 0 0 0 auto;
}

#publiModalContent,
#FpModalContent {
    border-radius: 0px;
}

.bkmodal #publiModalContent,
.bkmodal #FpModalContent {
    height: 100%;
}

#publiModalContent .modal-header,
#FpModalContent .modal-header {
    background-color: #EFF0F2;
    border-bottom: 0;
}

#FpModalContent .modal-header .btn-close,
#publiModalContent .modal-header .btn-close {
    margin-right: 64px;
    opacity: 1;
}

#publiModalContent .modal-header .btn-close::before,
#FpModalContent .modal-header .btn-close::before {
    content: 'Schließen';
    position: absolute;
    top: 12px;
    right: 120px;
    font-size: 18px;
    line-height: 24px;
}

#publiModalBody .text-xs.px-2.mr-2,
#FpModalBody .text-xs.px-2.mr-2 {
    background-color: #E1E1E1;
}

#publiModalBody,
#FpModalBody {
    padding: 25px;
    background-color: #fff;
}

#publiModalBody .container .col-12.row,
#FpModalBody .container .col-12.row {
    font-size: 18px;
    line-height: 24px;
}

#publiModalBody h2,
#FpModalBody h2 {
    color: #004996;
    font-size: 40px;
    line-height: 46px;
    font-weight: 700;
    margin: 25px 0 40px 0;
}

#publiModalBody .mdesc p {
    color: #000;
    margin-bottom: 0;
}

#publiModalBody .col-lg-6 .mdesc {
    margin-right: 40px;
}

#publiModalBody .col-lg-6 .mdown {
    margin: 25px 0;
}

#publiModalBody .col-lg-6 .mdown a {
    color: #fff;
    background-color: #004996;
    font-size: 15px;
    line-height: 20px;
    border-radius: 100px;
    padding: 8px 16px;
}

#publiModalBody .col-lg-6 .mdown a .fa-download {
    margin-left: 8px;
}

#publiModalBody .col-lg-6 .mimg img {
    border: 1px solid #c2c2c2;
    border-radius: 8px;
}

#publiModalBody .col-lg-6 .msrc,
#publiModalBody .col-lg-6 .mpdf {
    font-size: 12px;
    line-height: 18px;
}

#publiModalBody .col-lg-6 .msrc {
    color: #565656;
    margin: 16px 0;
}

#publiModalBody .col-lg-6 .mpdf {
    color: #000;
}

#FpModalBody .block-content {
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
}

#FpModalBody .container .col-12.row {
    border-bottom: 1px solid #C6C6C6;
    padding-top: 25px;
    padding-bottom: 25px;
}

article[id*="Akkordeon_"] {
    width: 100%;
    display: inline-block;
    margin-bottom: 64px;
}

.Akkordeon {
    margin-top: 25px;
    border-top: 1px solid #C6C6C6;
    padding-top: 39px;
}

.Akkordeon .AkkordeonTeaserContainer {
    width: 30%;
    float: left;
}

.Akkordeon .AkkordeonHeadline {
    font-size: 25px;
    line-height: 32px;
    font-weight: 700;
    margin-bottom: 25px;
}

.Akkordeon .AkkordeonFloatRight {
    width: 60%;
    float: right;
}

.Akkordeon .ui-accordion-header {
    font-size: 18px;
    line-height: 24px;
}

.Akkordeon .ui-accordion-header,
#FpModalBody .faqbox {
    position: relative;
    padding-left: 0;
    padding-top: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #C6C6C6;
}

#FpModalBody .faqboxText {
    margin: 25px 4px;
    font-size: 18px;
    line-height: 24px;
}

#FpModalBody .faqboxText .faqdetailbox a {
    color: #004996;
    text-decoration: underline !important;
}

#FpModalBody .faqboxText .faqdetailbox .list-none {
    list-style: none;
}

#FpModalBody .faqboxText .faqdetailcontainer {
    font-size: 18px;
    line-height: 24px;
    padding-top: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #C6C6C6;
}

#FpModalBody .faqboxText .faqdetailcontainer:last-child {
    border-bottom: none;
}

.Akkordeon .ui-accordion-content,
#FpModalBody .faqboxText.beschreibungstext {
    margin: 25px 15px;
}

#FpModalBody .faqbox .btn {
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    width: 80%;
    text-align: left;
}

#FpModalBody .faqbox .btn:focus,
#FpModalBody .faqbox .btn:active {
    border: none;
    outline: none;
}

.Akkordeon .ui-accordion-header[aria-expanded="true"]::after,
#FpModalBody .faqbox .btn[aria-expanded="true"]::after {
    transform: rotate(270deg);
    color: #000;
}

.Akkordeon .ui-accordion-header::after,
#FpModalBody .faqbox .btn::after {
    width: 1.25em;
    line-height: 0;
    content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgb%280,0,0%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
    transition: transform 0.35s ease;
    transform-origin: .5em 50%;
    transform: rotate(90deg);
    position: absolute;
    right: 50px;
}

#FpModalBody .btn-primary,
#FpModalBody .btn-outline-primary {
    border-radius: 50px;
    margin-top: 25px;
    margin-bottom: 25px;
    padding: 6px 16px;
    font-size: 15px;
    line-height: 24px;
    font-weight: 500;
}

#FpModalBody .btn-primary {
    border: 1px solid #004996;
    color: #fff;
    background-color: #004996;
}

#FpModalBody .btn-primary:hover {
    background-color: #004996;
}

#FpModalBody .btn-outline-primary {
    border: 1px solid #004996;
    color: #004996;
}

#FpModalBody .btn-outline-primary:hover {
    background-color: #fff;
}

#FpModalBody .kontaktbox,
#FpModalBody #faqbox4 {
    background-color: #EFF0F2;
    border-radius: 8px;
    padding: 25px;
}

#FpModalBody .kontaktbox a {
    color: #004996;
    text-decoration: underline !important;

}

#FpModalBody .kontaktbox .kboxContainer {
    display: inline-flex;
    width: 100%;
}

#FpModalBody .kontaktbox .kboxContainer .kboxText {
    margin-left: 25px;
}

#FpModalBody ul.space-y-3 {
    padding-left: 0;
}

#FpModalBody ul.space-y-3 li.list-none a {
    display: flex;
}

#FpModalBody ul.space-y-3 li.list-none a div {
    width: 20px;
    margin-right: 10px;
}

#FpModalContent .modal-footer {
    display: none;
}

/*******4 in 1 row *****/

.fourInARow .fcLoop .fcImg img {
    display: none;
}

.fourInARow {
    justify-content: space-between;
    margin-bottom: 64px;
    padding-top: 25px;
}

.fourInARow .fcLoop {
    width: 100%;
    word-break: break-word;
}

.fourInARow .fcLoop .fcImg figure img {
    display: block;
    width: 100%;
    max-width: 100px;
}

.fourInARow .fcLoop h3 {
    word-break: break-word;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    margin-top: 25px;
}

.fourInARow .fcLoop .fcText ul {
    list-style: disc;
    padding-left: 1.25rem;
}

/*******CTA-Button*****/

button.CallToActionLinkHeadline {
    border: none;
    min-height: 60px;
    margin: 0;
    /*margin: 10px 10% 20px 10%;*/
    position: relative;
    display: block;
    border-radius: 50px;
}

button.CallToActionLinkHeadline .headline-container p {
    font-size: 15px;
    line-height: 20px;
}

button.CallToActionLinkHeadline.maxwidth0 {
    width: auto;
    padding: 1em;
}

button.CallToActionLinkHeadline.maxwidth100 {
    width: 80%;
    padding: 1.5em;
}

button.CallToActionLinkHeadline.designhellgrau {
    color: #000 !important;
    background-color: #f2f2f2;
    border: 2px solid #000;
}

button.CallToActionLinkHeadline.designhellgrau:hover {
    color: #fff !important;
    background-color: #004996;
    border-color: #004996;
}

button.CallToActionLinkHeadline.designhellblau {
    color: #fff !important;
    background-color: #004996;
}

button.CallToActionLinkHeadline.designhellblau:hover {
    color: #fff !important;
    background-color: #004996;
}

button.CallToActionLinkHeadline.designdunkelblau {
    color: #fff !important;
    background-color: #004996;
}

button.CallToActionLinkHeadline.designdunkelblau:hover {
    background-color: #1d245e;
}

button.CallToActionLinkHeadline .headline-container {
    display: flex;
    justify-content: center;
}

button.CallToActionLinkHeadline p {
    margin: 0;
    font-size: 20px;
}

button.CallToActionLinkHeadline.maxwidth0 p {
    margin: 0 20px;
}

button.CallToActionLinkHeadline.maxwidth0 p em {
    font-style: normal;
}

button.CallToActionLinkHeadline p strong {
    font-weight: 700;
}

button.CallToActionLinkHeadline i.fas.fa-play {
    display: none;
}

/* Trenner */
[id^='divider'] hr {
    border-top: 1px solid #C6C6C6;
    margin: 64px 0 0 0;
    opacity: 1;
}

.dividerHeadline {
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    color: #004996;
    padding: 25px 0;
    margin-bottom: 0;
}

/* Ansprechpartner */
[id^='Ansprechpartner_'] {
    border-top: 1px solid #C6C6C6;
    margin: 30px auto 0 auto;
    padding-top: 30px;
    max-width: 1152px;
}

div#Ansprechpartner {
    float: left;
}

div#Ansprechpartner .AnsprechpartnerHeadLeft {
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    color: #004996;
    margin-bottom: 45px;
}

div#Ansprechpartner .AnsprechpartnerHeadRight a {
    font-size: 25px;
    line-height: 32px;
    font-weight: 700;
    color: #000;
}

div#Ansprechpartner,
.AnsprechpartnerTogether {
    width: 49%;
    display: inline-block;
}

.AnsprechpartnerTogether {
    margin-top: 75px;
}

.AnsprechpartnerTogether .AnsprechpartnerOne {
    position: relative;
    margin-bottom: 24px;
}

.AnsprechpartnerTogether .AnsprechpartnerOne .AnsprechpartnerLeft .AnsprechpartnerImage figure {
    display: flex;
}

.AnsprechpartnerTogether .AnsprechpartnerOne .AnsprechpartnerLeft .AnsprechpartnerImage figure figcaption {
    margin-left: 16px;
    font-weight: 700;
}

.AnsprechpartnerTogether .AnsprechpartnerOne .AnsprechpartnerRight {
    position: absolute;
    width: 300px;
    top: 24px;
    right: 75px;
}

.AnsprechpartnerTogether .AnsprechpartnerRight p {
    margin-bottom: 0;
}

.AnsprechpartnerTogether .AnsprechpartnerRight h3[itemprop="name"],
.AnsprechpartnerTogether .AnsprechpartnerRight div[itemprop="address"],
.AnsprechpartnerTogether .AnsprechpartnerRight .noshowImage {
    display: none;
}

.AnsprechpartnerTogether .AnsprechpartnerRight span[itemprop="telephone"] a,
.AnsprechpartnerTogether .AnsprechpartnerRight a[itemprop="email"] {
    color: #000;
}

.AnsprechpartnerTogether .AnsprechpartnerRight a[itemprop="email"] {
    text-decoration: underline !important;
}

.AnsprechpartnerTogether .AnsprechpartnerRight span[itemprop="telephone"],
.AnsprechpartnerTogether .AnsprechpartnerRight span[itemprop="telephone"] a,
.AnsprechpartnerTogether .AnsprechpartnerRight a[itemprop="email"] {
    display: block;
}

/* OneNews */
#OneNews {
    margin: 64px auto 0 auto;
    max-width: 760px;
}

#OneNewsH1 {
    color: #004996;
    font-size: 40px;
    line-height: 46px;
    font-weight: 700;
    padding: 64px 0;
    border-bottom: 1px solid #C6C6C6;
}

#OneNewsH2 {
    font-size: 25px;
    line-height: 32px;
    font-weight: 700;
    margin-top: 25px;
}

#OneNewsTeaser {
    margin: 25px 0 64px 0;
}

#OneNewsImage {
    margin-bottom: 64px;
}

#OneNewsImage img {
    width: 100%;
}

#OneNewsText {
    margin-top: 25px;
}

#OneNewsText h2,
#OneNewsText h3 {
    font-size: 25px;
    line-height: 32px;
    font-weight: 700;
    margin-bottom: 16px;
}

#OneNewsText .InhaltQuelle {
    margin: 24px 0 0 0;
    font-style: normal !important;
}

#OneNewsText .InhaltQuelle a {
    text-decoration: underline !important;
    color: #004996;
}

#OneNewsText .InhaltQuelle a::after {
    font-family: 'Material Icons';
    content: 'call_made';
    display: inline-block;
    vertical-align: middle;
    font-size: 1em;
    margin-left: 4px;
}

#OneNewsBottom .OneNewsBottomBox {
    display: flex;
    padding: 25px 0;
    border-top: 1px solid #C6C6C6;
}

#OneNewsBottom .OneNewsBottomBox:first-child {
    border-top: none;
}

#OneNewsBottom .OneNewsBottomBox .OneNewsBottomBoxRight {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 95%;
    float: left;
    color: #000000;
    font-size: 18px;
    font-weight: normal;
    line-height: 28px;
}

#OneNewsBottom .OneNewsBottomBox .OneNewsBottomBoxRight strong {
    margin: 0 0 5px 0;
    padding: 0 0 0 0;
    width: 100%;
    float: left;
    color: #000000;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
}

#OneNewsBottom .OneNewsBottomBox .OneNewsBottomBoxRight a {
    color: #004996;
    text-decoration: underline !important;
}

#OneNewsBottom .OneNewsBottomBox i.material-icons {
    margin: 5px 0 0 0;
    padding: 0 0 0 0;
    width: 5%;
    float: left;
}

#OneNews #map {
    background: url(//cdn.hessen-agentur.de/images/kartenHintergrund.jpg);
}

.loadingMap {
    text-align: center;
    padding: 5% 20%;
}

#OneNews #map .loadingMap {
    text-align: center;
    z-index: 999;
    position: relative;
}

#OneNews #map .loadingMap input {
    background-image: linear-gradient(to bottom, #004996 0px, #2d6ca2 100%);
    background-repeat: repeat-x;
    border-color: #2b669a;
    color: #fff;
    width: 150px;
    margin-top: 100px;
    padding: 10px;
}

#OneNews #map .loadingMapText {
    margin: 20px auto;
    background-color: rgba(2555, 255, 255, 0.8);
    width: 50%;
}

.loadingMapText {
    max-width: 325px;
    margin: auto;
}

#OneNewsBottom {
    margin: 64px 0 32px 0;
    padding: 0 25px;
    width: 100%;
    background-color: #F3F3F3;
}

#OneNewsTeaser ul li,
#OneNewsText ul li {
    list-style: disc;
}

#OneNewsTeaser p a,
#OneNewsText p a {
    text-decoration: underline !important;
    color: #004996;
    word-break: break-word;
}

#OneNewsTeaser p a::after,
#OneNewsText p a::after {
    font-family: 'Material Icons';
    content: 'call_made';
    display: inline-block;
    vertical-align: middle;
    font-size: 1em;
    margin-left: 4px;
}

#OneNEwsDatum{
    display: none;
}

#OneNewsText p a.button-Link {
    border: 1px solid #004996;
    color: #fff;
    background-color: #004996;
    border-radius: 50px;
    margin-top: 25px;
    margin-bottom: 25px;
    padding: 8px 16px;
    font-size: 15px;
    line-height: 20px;
    text-decoration: none !important;
    display: block;
    width: fit-content;
}

#OneNewsText p a.button-Link::after {
    content: '';
}

#OneNews #OneNewsBottomBack,
#OneNews #OneNewsBottomBack a {
    margin: 0 0 32px 0;
    color: #004996;
    font-size: 14px;
    font-weight: 700;
    line-height: 19px;
    float: left;
}

#OneNewsBottom .AnsprechpartnerTogether,
#OneNewsBottom .AnsprechpartnerTogether .AnsprechpartnerOne .AnsprechpartnerLeft .AnsprechpartnerImage img {
    width: 100%;
}

#OneNewsBottom .AnsprechpartnerTogether .AnsprechpartnerOne .AnsprechpartnerRight {
    left: 225px;
    width: 350px;
}

.dAPaging {
    display: none;
    float: right;
    margin: 0 0 0 20px;
}

.contentNavButton {
    display: inline-block;
}

.contentNavButton a,
#OneNews .contentNavButton a {
    display: block;
    background-color: #004996;
    padding: 7px 0 0 0;
    color: #fff;
    width: 30px;
    height: 30px;
    text-align: center;
    vertical-align: middle;
}

#OneNewsBottomBack a i {
    vertical-align: middle;
    font-size: 20px;
    margin-right: 5px;
}

.dAPButtonsUp a i {
    font-size: 16px;
    padding-top: 1px;
}

.dAPButtonsRight a i,
.dAPButtonsLeft a i {
    font-size: 17px;
}

.dAPButtonsRight.contentNavButton .material-icons.chevron_right::before {
    content: '\e5cc';
}

.dAPButtonsLeft.contentNavButton .material-icons.chevron_left::before,
.dAPButtonsLeft.contentNavButton .material-icons.down.chevron_left::before {
    content: '\e5cb';
}

.hiddenElement {
    display: none;
}

/* Footer */
#dscontentfooter {
    width: 100%;
    float: left;
    margin: 0 0 0 0;
    /*padding: 0 8.5% 0 8.5%;*/
}

#FooterSocial {
    margin: 32px 0 0 0;
    padding: 30px 0 0 0;
    width: 100%;
    float: left;
    background: none;
}

#FooterSocialDiv {
    margin: 0 0 32px 0;
    padding: 0 0 0 0;
    width: 100%;
    float: left;
    background: none;
}

#FooterSocialDiv #FooterSocialHead {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 100%;
    float: left;
    background: none;
}

#FooterSocialDiv #FooterSocialLeft {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 50%;
    float: left;
    background: none;
}

#FooterBlau {
    margin: 0 0 32px 0;
    padding: 52px 8.5% 50px 8.5%;
    width: 100%;
    float: left;
    height: 425px;
    width: 100%;
    background-color: #004996;
}

#FooterBlauSpalten {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 100%;
    float: left;
    background: none;
    color: #FFF;
    font-size: 16px;
    line-height: 24px;
}

#FooterBlauSpalten .FooterBlauSpalte {
    list-style: none;
}

#FooterBlauSpalten h2 {
    margin: 0 0 10px 0;
    padding: 0 0 0 0;
    width: 100%;
    float: left;
    background: none;
    font-weight: 700;
    color: #FFF;
    font-size: 18px;
    line-height: 24px;
}

#FooterBlauSpalte1 {
    margin: 0 2% 0 0;
    padding: 0 0 0 0;
    width: 20.5%;
    float: left;
    background: none;
}

#FooterBlauSpalten h3 {
    margin: 0 0 10px 0;
    padding: 0 0 0 0;
    width: 100%;
    float: left;
    background: none;
    font-weight: 700;
    color: #FFF;
    font-size: 16px;
    line-height: 24px;
}

#FooterBlauSpalten a {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: fit-content;
    float: left;
    background: none;
    color: #FFF;
    font-size: 16px;
    line-height: 36px;
}

#FooterBlauSpalte2 {
    margin: 0 2% 0 0;
    padding: 0 0 0 0;
    width: 30%;
    float: left;
    background: none;
}

#FooterBlauSpalte2 h3 {
    font-size: 0;
}

#FooterBlauSpalte3 {
    margin: 0 2% 5% 0;
    padding: 0 0 0 0;
    width: 12%;
    float: left;
    background: none;
}

#FooterBlauSpalte4 {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 31%;
    float: left;
    background: none;
}

#FooterBlauSpalten #FooterBlauSpalte4 h3 {
    margin: 0 0 16px 0;
}

#FooterBlauSpalten p {
    font-size: 16px;
    line-height: 24px;
}

#FooterBlauSpalte4 a.htai_email {
    text-align: left;
    display: block;
    line-height: 25px;
}

#FooterBlauSpalte4 .logo-container {
    display: inline-flex;
    gap: 10%;
}

#FooterBlauSpalte4 a.ministerium_link {
    margin-top: 45px;
}

#FooterBlauSpalte4 a.ministerium_link,
#FooterBlauSpalte4 a.htai_link {
    text-align: left;
    display: block;
    line-height: 10px;
    width: 50%;
}

#FooterBlauSpalte4 img {
    width: 100%;
}

#FooterBlauSpalte4 a.htai_link {
    margin-top: 55px;
}

#FooterBlauSpalte4 a.htai_link span {
    font-size: 14px;
}

#FooterBlauSpalte4 a.htai_link img {
    margin-top: 10px;
}

@media (max-width: 480px) {
    .StartNews {
        flex-grow: 1;
        min-width: 100%;
    }
    #headImageSuche {
        right: 30% !important;
    }
    .mobile_search {
        display: none;
    }
    #OneNews #map .loadingMapText {
        width: 100%;
    }
    .Inhaltseite #dssiteheader #head #headImage {
        width: 100%;
        height: 0px;
        float: left;
        margin: 0 0 50px 0;
        padding: 0 0 0 0;
        background: none;
        position: relative;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .StartNews {
        flex-grow: 0;
        min-width: 48.5%;
        min-height: 350px;
    }
}

@media (max-width: 767px) {
    .Akkordeon .AkkordeonTeaserContainer,
    .Akkordeon .AkkordeonFloatRight,
    .head.row .headLeft.col-8,
    .head.row .headLeft.col-4 img,
    #b4Main #b4filter,
    #b4Main .b4response,
    .b4AjaxLoopBox .row .col-5,
    .b4AjaxLoopBox .row .col-6,
    .NewsTermineSuche .Formcontainer,
    .NewsTermine .NewsTermineOne.Extern,
    .NewsTermine .NewsTermineOne.Intern,
    .promleft,
    .promright,
    .NewsTermineOne.Prom .PromArea .PromAreaHeadline,
    .NewsTermineOne.Prom .PromArea .PromAreaBox,
    .StartHighlight,
    .StartTermine,
    .StartNews,
    .kompass h2,
    #FpModalBody .col-6,
    .foerdermodulBoxLeftLink,
    .foerdermodulBoxRightLink,
    #FooterBlauSpalte1,
    #FooterBlauSpalte2,
    #FooterBlauSpalte4 {
        width: 100%;
    }
    article[id*="freieKacheln"].no-swiper .swiper>div .freieKachelnLoop.weiss .freieKachelnImg img {
        width: 100%;
        height: 100%;
    }
    .NewsKachel .StartHighlight {
        margin-bottom: 16px;
    }
    .StartNews.hasImage {
        min-height: 360px;
    }
    .StartNews .NewsKachelText .NewsKachelTitle {
        font-family: Avenir Next, sans-serif;
        text-transform: none;
        margin: 0;
    }
    .head.row .headLeft.col-8 h1,
    .head.row .headLeft.col-8 h2 {
        font-size: 32px;
        line-height: 36px;
    }
    .kompassv4 #b4Main .b4AjaxBox .b4AjaxLoopBox {
        position: relative;
    }
    .kompassv4 #b4Main .b4AjaxBox .b4AjaxLoopBox .row .col-1 button {
        position: absolute;
        top: 20px;
        right: 0;
    }
    .kompassv4 .head.row .headLeft.col-8,
    .BildButtonText {
        order: 2;
    }
    .b4AjaxLoopBox .row {
        flex-direction: column;
    }
    .PromArea {
        display: block;
    }
    .bg-weiss .PromArea {
        padding: 0;
    }
    .PromArea .PromAreaHeadline {
        margin-bottom: 16px;
    }
    .PromArea .PromAreaHeadline h2,
    .PromArea .PromAreaHeadline h3,
    .PromArea.PaNoImage.headlineleft.teaserleft.headlineright.teaserright .promright .PromAreaHeadline,
    .PromAreaBox .PromAreaBoxText {
        font-size: 22px !important;
        line-height: 26px !important;
    }
    .PromArea.PaWithImage.noheadlineleft.noteaserleft .promleft .PromAreaImage {
        margin-right: 0;
        margin-bottom: 25px;
    }
    #FooterBlau {
        height: 100%;
        margin: 0;
    }
    .BildButtonText .BildButtonHeadline {
        font-size: 22px;
        line-height: 26px;
    }
    .dsarticle .dstitle_1 h1 {
        font-size: 24px;
        line-height: 32px;
    }
    .DSfreieKacheln .swiper .swiper-slide {
        width: 24%;
    }
    #ds_header_main_container #dssiteheader #head #headImage.Verteilerseite,
    .Inhaltseite #ds_header_main_container #dssiteheader #head #headImage,
    #ds_header_main_container #dssiteheader #head #headImage.Kompetenzfeldseite {
        position: initial;
    }
    #dsmenuli_517952 {
        width: fit-content;
    }
    #dsmenuli_523720 {
        width: 23%;
    }
    .AnsprechpartnerTogether .AnsprechpartnerOne .AnsprechpartnerLeft .AnsprechpartnerImage figure {
        display: block;
    }
    #OneNewsBottom .AnsprechpartnerTogether .AnsprechpartnerOne .AnsprechpartnerRight,
    .AnsprechpartnerTogether .AnsprechpartnerOne .AnsprechpartnerRight {
        position: relative;
        width: 100%;
        left: 0 !important;
        top: 0;
    }
    .AnsprechpartnerTogether .AnsprechpartnerOne .AnsprechpartnerLeft .AnsprechpartnerImage figure figcaption {
        margin-left: 0;
        margin-top: 25px;
    }
    #OneNewsBottom .OneNewsBottomBox i.material-icons {
        margin: 5px 25px 5px 0;
    }
    #OneNewsBottom .AnsprechpartnerTogether .AnsprechpartnerOne .AnsprechpartnerLeft .AnsprechpartnerImage img {
        margin-top: 25px;
    }
    #OneNewsText h2,
    #OneNewsText h3 {
        font-size: 22px;
        line-height: 26px;
    }
    .Akkordeon .ui-accordion-header::after {
        right: 0;
        top: 30px;
    }
    .NewsTermineSuche .Formcontainer label {
        width: 100%;
    }
    .ZitatText.ZitatTextMedium {
        font-size: 22px;
        line-height: 26px;
    }
}

@media (min-width: 768px) {
    .NewsTermineSuche .Formcontainer {
        display: flex;
    }
    .AnsprechpartnerImage img {
        width: 172px;
        height: 138px;
        object-fit: cover;
    }
    article[id*="freieKacheln"].no-swiper .freieKachelnHeadline {
        width: 50%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .NewsTermine .NewsTermineOne.Extern,
    .NewsTermine .NewsTermineOne.Intern,
    .StartHighlight,
    .StartTermine,
    .StartNews {
        flex-grow: 0;
        min-width: 48.5%;
    }
    .fourInARow .fcLoop {
        width: 50%;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    [id^='kompass_'] #kompass-columns {
        width: 46% !important;
    }
}

@media (max-width: 991px) {
    #publiModalBody .container {
        position: relative;
    }
    #FpModalContent .modal-header .btn-close,
    #publiModalContent .modal-header .btn-close {
        font-size: 17px;
        line-height: 25px;
        margin-right: 16px;
    }
    #FpModalContent .modal-header .btn-close::before,
    #publiModalContent .modal-header .btn-close::before {
        right: 72px;
    }
    .publiHeader {
        margin: 24px 0 40px 0;
    }
    .publiHeader,
    #publiModalBody h2 {
        font-size: 32px;
        line-height: 36px;
    }
    #publiModalBody .col-lg-6 .mdesc {
        margin-bottom: 40px;
        margin-right: 0;
    }
    #publiModalBody .mdesc p {
        font-size: 17px;
        line-height: 25px;
    }
    #publiModalBody .mdown {
        position: absolute;
        bottom: -100px;
    }
    #publiModalBody .col-lg-6.pl-0 {
        display: flex;
    }
    #publiModalBody .mimg img {
        max-width: 149px;
    }
    #publiModalBody .minfoContainer {
        margin-left: 24px;
    }
    .BildButtonImage,
    .BildButtonText {
        width: 100%;
    }
    .BildButton.imgorder-left .BildButtonText,
    .BildButton.imgorder-right .BildButtonText {
        padding: 0 25px 50px 25px;
    }
}

@media (min-width: 992px) {
    .fourInARow .fcLoop {
        width: 25%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #dsmenucontainer .navbar-toggler {
        display: block;
        position: absolute !important;
        top: 0;
    }
    .navbar-expand-lg #navbarNav.navbar-collapse.collapse {
        justify-content: end;
        margin-top: 40px;
    }
    .navbar-expand-lg #navbarNav.navbar-collapse.collapse:not(.show) {
        display: none !important;
    }
}

@media (max-width: 1199px) {
    .navbar {
        right: 40px !important;
        width: fit-content !important;
        display: block !important;
        left: auto !important;
        margin-left: auto;
    }

    .navbar-toggler {
        border: none !important;
    }

    .navbar-toggler:focus,
    .navbar-toggler:active {
        box-shadow: none !important;
    }

    #dsmenucontainer {
        position: absolute !important;
        top: 40px !important;
    }

    #headImageSuche {
        position: absolute !important;
        top: 45px;
        right: 200px;
    }

    #headImageSucheButton {
        border: none;
        background-color: #fff;
    }

    #headImageSucheButton .material-icons.search {
        font-size: 28px;
    }

    .headImageSucheOn {
        display: none;
        position: absolute;
        background-color: #fff !important;
        border-radius: 8px;
        border: 1px solid #C6C6C6;
        box-shadow: 0px 16px 16px 0px rgba(0, 0, 0, 0.12), 0px 4px 4px 0px rgba(0, 0, 0, 0.04);
        margin: 13px 0 0 -5.5% !important;
        padding: 10px;
    }

    .headImageSucheOn.headImageSucheOnSticky {
        display: block;
    }

    .headImageSucheOn .searchform {
        display: flex;
    }

    .headImageSucheOn .searchform #searchmobile {
        width: 100px;
    }

    .headImageSucheOn .searchform .suche_button {
        padding: 0 10px;
    }

    #dsmenucontainer .navbar .container {
        justify-content: end;
        margin-right: 40px;
    }

    #dsmenus {
        display: block;
        background-color: #fff !important;
        border-radius: 8px;
        border: 1px solid #C6C6C6;
        box-shadow: 0px 16px 16px 0px rgba(0, 0, 0, 0.12), 0px 4px 4px 0px rgba(0, 0, 0, 0.04);
        margin: 13px 0 0 auto !important;
        width: fit-content !important;
        height: fit-content !important;
        padding: 20px 0 !important;
        margin-top: 0 !important;
        min-width: 250px;
    }

    #dsmenus {
        position: absolute !important;
        right: 0;
        top: 40px !important;
    }

    #dsmenus li.dsmenu_active .aDepth_0,
    #dsmenus li.dsmenu_inactive .aDepth_0 {
        margin: 0 5% 0 5%;
    }

    #dsmenus li.dsmenu_active .aDepth_0,
    #dsmenus li.dsmenu_inactive .aDepth_0,
    #dsmenus ul.dssubmenus_1 a.dssubmenu_inactive,
    #dsmenus ul.dssubmenus_1 a.dssubmenu_active {
        color: #000;
        padding: 12.5px 0;
        font-size: 18px;
        line-height: 24px;
        margin: 0;
    }

    ul.dssubmenus_1 li.dssubmenu_inactive.liDepth_1:hover,
    ul.dssubmenus_1 li.dssubmenu_active.liDepth_1:hover,
    ul.dssubmenus_1 li.dssubmenu_active.liDepth_1 {
        background-color: #fff !important;
        color: #000 !important;
    }

    #dssiteheader #head #headImage.Inhaltseite {
        position: initial !important;
    }
}

@media (min-width: 1200px) {
    #dsmenus {
        height: auto;
        padding: 0;
        background-color: #fff !important;
        background-image: none !important;
        min-height: 145px;
        border-bottom: 1px solid #C6C6C6;
    }
    .navbar {
        margin: 0 auto;
        left: 0;
        width: 100%;
    }
    .navbar-item.search-icon .navbar-item-label .icon {
        font-size: 100%;
    }
    #dsmenucontainer {
        float: right;
        margin: 0;
        position: fixed;
        top: 0;
        left: auto;
        z-index: 1000;
    }
    .aDepth_0 {
        left: 64px !important;
    }

    .dssubmenu_inactive:nth-child(1).liDepth_1,
    .dssubmenu_inactive:nth-child(2).liDepth_1,
    .dssubmenu_inactive:nth-child(3).liDepth_1,
    .dssubmenu_active:nth-child(1).liDepth_1,
    .dssubmenu_active:nth-child(2).liDepth_1,
    .dssubmenu_active:nth-child(3).liDepth_1 {
        font-family: Avenir Next, sans-serif !important;
        font-size: 18px !important;
        line-height: 24px;
        font-weight: 500;
        width: auto !important;
        margin: 0 12.5px !important;
        padding: 0 !important;
    }

    .aDepth_1 {
        font-size: 18px !important;
    }

    .dssubmenu_active:nth-child(1).liDepth_1 .aDepth_1,
    .dssubmenu_active:nth-child(2).liDepth_1 .aDepth_1,
    .dssubmenu_active:nth-child(3).liDepth_1 .aDepth_1,
    .dssubmenu_inactive:nth-child(1).liDepth_1 .aDepth_1,
    .dssubmenu_inactive:nth-child(2).liDepth_1 .aDepth_1,
    .dssubmenu_inactive:nth-child(3).liDepth_1 .aDepth_1 {
        color: #000 !important;
    }

    a.aDepth_1[data-childcount]:not([data-childcount="0"])::after {
        width: 24px;
        line-height: 0;
        content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgb%280,0,0%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
        transition: transform 0.35s ease;
        transform-origin: .5em 50%;
        transform: rotate(90deg);
        position: absolute;
        right: -29px;
        align-self: center;
    }

    .dssubmenus .dssubmenus_2 {
        position: absolute;
        left: 0;
        top: 60px;
        padding: 17px 25px !important;
        width: fit-content !important;
    }

    #dsmenucontainer ul.dssubmenus_1 li.liDepth_1:hover>a,
    #dsmenucontainer ul.dssubmenus_2 li.liDepth_2:hover>a {
        font-weight: normal !important;
        text-decoration: underline !important;
    }

    #headImageMarke,
    #headImageSuche,
    .navbar .btn-navbar,
    li.liDepth_1 i:after {
        display: none;
    }
    #navbarNav {
        display: block !important;
    }
    .collapse {
        height: auto;
    }
    .liDepth_0 {
        display: flex;
        justify-content: end;
    }
    .dssubmenus_2::before {
        content: '' !important;
    }
    #dsmenucontainer ul.dssubmenus_1 li.liDepth_1>ul#searchDropdown {
        background-color: #fff !important;
        border-radius: 8px;
        border: 1px solid #C6C6C6;
        box-shadow: 0px 16px 16px 0px rgba(0, 0, 0, 0.12), 0px 4px 4px 0px rgba(0, 0, 0, 0.04);
        margin: 13px 0 0 -5.5% !important;
        width: 175px !important;
        padding: 20px 20px 32px 20px !important;
        left: 0;
        top: 30px;
    }
    .dssubmenus .dssubmenu_inactive:nth-child(4).liDepth_1 {
        margin-top: 15px !important;
        margin-left: 25px;
    }
    .kompassv4 .headLeft p {
        width: 75%;
    }
    .kompassv4 #b4Main #b4filter {
        position: sticky;
        height: 100%;
        top: 175px;
    }
    #foerderkompassv4.kompassv4 #b4Main #b4filter {
        overflow-y: scroll;
        display: flex;
    }
    #foerderkompassv4.kompassv4 #b4Main #b4filter #b4MainForm {
        max-height: 910px;
    }
    .bodydsmid_523741,
    .bodydsmid_523742 {
        overflow: initial;
    }

}

@media (min-width: 992px) and (max-width: 1280px) {
    .NewsTermine .NewsTermineOne.Extern,
    .NewsTermine .NewsTermineOne.Intern {
        height: 250px;
        overflow-y: hidden;
    }
    .BildButtonImage {
        width: 44%;
    }
}

@media (max-width: 1280px) {
    #head .crumble .crumb ul.breadcrumbnav,
    #dscolumn1_1,
    #dscontentfooter {
        padding: 0 8.5%;
    }
    #dscolumn0 {
        margin: 0 auto;
        padding: 16px 8.5%;
        color: #565656;
        font-size: 14px;
        line-height: 20px;
        width: 100%;
        max-width: 1152px;
    }
}

@media (min-width: 1280px) {
    .navbar,
    #dsmenucontainer {
        max-width: 1280px;
    }

    #dssubbody {
        width: 1280px;
    }

    #dscolumn0 {
        width: fit-content;
        position: fixed;
        margin-left: 64px;
        margin-top: 16px;
    }
    [id^='kompass_'] #kompass-columns {
        width: 31.2%;
    }
}

@media (min-width: 1536px) {
    .container {
        max-width: 100% !important;
    }
}

@media (max-width: 1599px) {
    .navbar .container,
    #dsmenucontainer {
        width: 100% !important;
    }
    .navbar .container {
        max-width: 100% !important;
    }
    div#Ansprechpartner,
    .AnsprechpartnerTogether {
        width: 100%;
    }
    .AnsprechpartnerTogether .AnsprechpartnerOne .AnsprechpartnerRight {
        left: 190px;
    }
}