@font-face {
    font-family: 'notessoft-mediumregular';
    src: url('../fonts/NoSMd.eot');
    src: url('../fonts/NoSMd.eot?#iefix') format('embedded-opentype'),
         url('../fonts/NoSMd.woff') format('woff'),
         url('../fonts/NoSMd.ttf') format('truetype'),
         url('../fonts/NoSMd.svg#notessoft-mediumregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'notessoft-regularregular';
    src: url('../fonts/NoSRg.eot');
    src: url('../fonts/NoSRg.eot?#iefix') format('eot'),
         url('../fonts/NoSRg.woff') format('woff'),
         url('../fonts/NoSRg.ttf') format('truetype'),
         url('../fonts/NoSRg.svg#notessoft-regularregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'notessoft-regularitatfregular';
    src: url('../fonts/NoSRgIT.eot');
    src: url('../fonts/NoSRgIT.eot?#iefix') format('embedded-opentype'),
         url('../fonts/NoSRgIT.woff') format('woff'),
         url('../fonts/NoSRgIT.ttf') format('truetype'),
         url('../fonts/NoSRgIT.svg#notessoft-regularitatfregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'notessoft-regularcapsregular';
    src: url('../fonts/NotesSoft-RegularCaps.eot');
    src: url('../fonts/NotesSoft-RegularCaps.eot?#iefix') format('embedded-opentype'),
         url('../fonts/NotesSoft-RegularCaps.woff') format('woff'),
         url('../fonts/NotesSoft-RegularCaps.ttf') format('truetype'),
         url('../fonts/NotesSoft-RegularCaps.svg#notessoft-regularcapsregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, body, .mm-slideout {height: 100%;}
#mainsite { height: 100% !important;}
#wrap { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -234px;}
#main { padding-bottom: 234px; overflow: none;height: 100%;}

body {
	font-family: 'notessoft-regularregular', sans-serif;
	font-size: 1.125rem;
	line-height: 1.6; 
	-webkit-font-smoothing: antialiased;
	color: #111111;
	/*overflow-x: hidden;*/
}

body p.align-center, .ce-headline-center { text-align: center;}

.text-klein {font-size: 0.8rem; line-height: 1.1rem;}

.csc-frame-rulerBefore { border-top:1px solid #fff; margin-top:30px; padding-top:20px;}

.table-scrollable {
  width: 100%;
  overflow-y: hidden;
  margin-bottom: 1rem;
}
.table-scrollable::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 10px;
  height: 10px;
}
.table-scrollable::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 1px solid #fff;
  background-color: #002e72;
}
table p {margin: 0;}

video.video-embed-item {
    width: 100%;
    min-height: 250px;
    object-fit: cover;
}

h1, h2, h3, h4, .h4 {
    margin: 0px;
    font-weight: normal;
}

h1 { color:#002e72; font-size: 3rem; padding-bottom: 2rem; margin: 0; line-height: 1.2;font-family: 'notessoft-mediumregular', sans-serif;}
h2 { color:#002e72; font-size: 3rem; padding-bottom: 1rem; margin: 0; line-height: 1.2;font-family: 'notessoft-mediumregular', sans-serif;}
h3 { color:#002e72; font-size: 1.5rem; padding-bottom: 1rem; margin: 0; line-height: 1.2;font-family: 'notessoft-mediumregular', sans-serif;}
h4 { color:#002e72; margin: 0; padding-bottom: 15px;font-size: 0.9rem;line-height: 24px; font-family: 'notessoft-mediumregular', sans-serif;}

h2.klein { color:#002e72; font-size: 1.875rem; padding-bottom: 1rem; margin: 0; line-height: 1.2;font-family: 'notessoft-mediumregular', sans-serif;}

h2.hellblau {color: #007cd6;}
h3.gelb {color: #CBD90D;}

h1, h2{ -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;} 

h1 + h2 {margin-top: -1rem; font-size: 2rem;}
h2 + h3 { margin-top: 0rem; padding-bottom: 1rem;}

.uppercase strong {text-transform: uppercase; color: #002e72;font-family: 'notessoft-mediumregular', sans-serif;}

p + h2 {padding-top: 0.5rem;}
p + h3 {padding-top: 0.5rem;}

.text-right {text-align: right;}

.text-blau {color: #002e72;}

b, strong {font-weight:normal;font-family: 'notessoft-mediumregular', sans-serif;color: #002e72;}
a, .gaOptout {color: #002e72; text-decoration:none; transition: all 0.2s ease-in-out; position: relative;}
a:focus, .gaOptout:focus { outline: none; outline-offset: 0; color:#111111; transition: all 0.2s ease-in-out; text-decoration:none;}
a:hover, .gaOptout:hover {color:#111111; transition: all 0.2s ease-in-out;text-decoration:none; cursor: pointer;}

a.next {
    position: relative;
    padding-right: 2.3rem;
    margin: 0;
    display: inline-flex;
    align-items: center;
    font-family: 'notessoft-mediumregular', sans-serif;
}
a.next:before {
    font-family: 'Font Awesome\ 6 Pro';
    content: '\f101';
    font-size: 1rem;
    line-height: 1;
    opacity: 1;
    color: #cbd90d;
    font-weight: 800;
    position: absolute;
    right: 1.2rem;
    transition: all 0.2s ease-in-out;
    margin-top: 1px;
}

blockquote {border-left: 3px solid #002e72;padding: 1rem;color: #002e72; margin: 2rem 0;font-size: 1.2rem;background: #eee;}
blockquote p {margin: 0;}

.clearer {clear: both; float: none;}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: 0;
    outline-offset: 0px;
    box-shadow: none;
}

.ce-border img {border: 1px solid #002e72;}

::-moz-selection { color:#fff; background:#002e72; text-shadow: none; }
::selection { color:#fff; background:#002e72; text-shadow: none; }

.frame-space-before-extra-small {padding-top: 1rem; margin-top: 0;}
.frame-space-before-small {padding-top: 2rem;margin-top: 0;}
.frame-space-before-medium  {padding-top: 3rem;margin-top: 0;}
.frame-space-before-large {padding-top: 4rem;margin-top: 0;}
.frame-space-before-extra-large {padding-top: 5rem;margin-top: 0;}
.frame-space-after-extra-small {padding-bottom: 1rem;margin: 0;}
.frame-space-after-small {padding-bottom: 2rem;margin-bottom: 0;}
.frame-space-after-medium  {padding-bottom: 3rem;margin-bottom: 0;}
.frame-space-after-large {padding-bottom: 4rem;margin-bottom: 0;}
.frame-space-after-extra-large {padding-bottom: 5rem;margin-bottom: 0;}

.frame-layout-1 {background: #f7f7f7;}
.frame-layout-2 {background: #002e72;}

.frame-layout-4 {background: #ed0b46; color: #fff;}
.frame-layout-4 h2, 
.frame-layout-4 a {color: #fff;}


.frame-layout-7 {background: #90d0ba; color: #fff;}
.frame-layout-7 h2, 
.frame-layout-7 a {color: #fff;}
.frame-layout-7 b, .frame-layout-7 strong {font-weight:normal;font-family: 'notessoft-mediumregular', sans-serif;color: #fff;}
.frame-layout-8 {background: #00a9b2; color: #fff;}
.frame-layout-8 h2, 
.frame-layout-8 a {color: #fff;}

.content .telefon:before,
.content .fax:before,
.content .email:before,
.content .website:before {color: #ed0b46;}

.btn {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: #fff;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: #007cd6;
    border: none;
    padding: 0.75rem 2rem;
    font-size: 0.85rem;
    text-transform: uppercase;
    border-radius: 2rem;
    letter-spacing: 2px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    font-family: 'notessoft-mediumregular', sans-serif;
    font-weight: bold;
}
.mitgliedschaft .btn {background-color: #cbd90d;color: #111;}
.btn.btn-primary {background-color: #ed0b46; color: #fff;}
.btn:hover {color: #fff; background: #002e72;}



p.text-right {text-align: right;}

:focus { outline: none;}
button:focus { outline: none;}

.telefon, .fax, .email, .website {display: inline-flex; gap:0.5rem;}

.telefon:before { content: "\f095"; font-family: "Font Awesome\ 6 Pro"; text-decoration: inherit; list-style: none; position: relative; font-size: 1rem; line-height: 2; top: 0px; color: #111111; padding: 0; font-weight: 300;}
.fax:before { content: "\f1ac"; font-family: "Font Awesome\ 6 Pro"; text-decoration: inherit; list-style: none; position: relative; font-size: 1rem;line-height: 2; top: 0px; color: #111111; padding: 0; font-weight: 300;}
.email:before { content: "\f0e0"; font-family: "Font Awesome\ 6 Pro"; text-decoration: inherit; list-style: none; position: relative; font-size: 1rem;line-height: 2; top: 0px; color: #111111; padding: 0; font-weight: 300;}
.website:before { content: "\f0ac"; font-family: "Font Awesome\ 6 Pro"; text-decoration: inherit; list-style: none; position: relative; font-size: 1rem;line-height: 2; top: 0px; color: #111111; padding: 0; font-weight: 300;}
.extlink:after { content: "\f08e"; font-family: "Font Awesome\ 6 Pro"; text-decoration: inherit; list-style: none; position: relative;  font-size: 1rem;line-height: 2; top: 0px; color: #111111; padding: 0; font-weight: 300;transition: all 0.2s ease-in-out;}
.extlink:hover:after { color: #005a63;transition: all 0.2s ease-in-out;}
.intlink:before { content: "\f0da"; font-family: "Font Awesome\ 6 Pro"; text-decoration: inherit; list-style: none; position: absolute; margin-top: 1px; margin-right: 0px; font-size: 1.2rem1; margin-left: -10px; color: #fff; padding: 0; font-weight: 600;transition: all 0.2s ease-in-out; text-decoration: none;}
.extlink {text-decoration: none !important;}
.intlink:hover:before { color: #fff;transition: all 0.2s ease-in-out;text-decoration: none;}
.intlink {margin-left: 10px;}

.clearer {float: none; clear: both;}

#header {
    position: fixed;
    width: 100%;
    z-index: 2;
    background: transparent;
    transition: all 0.2s ease-in-out;
}
.scroll .headermain {transition: all 0.2s ease-in-out; background: #fff;}

.headertop {background: #002e72; color: #fff;font-family: 'notessoft-mediumregular', sans-serif; padding-top: 0.75rem; padding-bottom: 0.75rem;transition: all 0.2s ease-in-out;}
.scroll .headertop {transition: all 0.2s ease-in-out; padding: 0;}
#header.holdontop .mobileheader {background: #fff;}
.subnav .nav-link {padding: 0.3rem 0;color: #fff; font-size: 1rem;}
.subnav .nav {gap:3rem;}
.subnav ul.sub {
    position: absolute;
    list-style: none;
    display: none;
    padding: 0;
    list-style: none;
    left: -1rem;
    z-index: 2;
    background: #fff;
}
.subnav ul.sub a.nav-link {
    margin-right: 0;
    padding: 0.3rem 1rem;
    display: block; 
    color: #111111; 
    border-radius: 0; 
    white-space: nowrap; 
}
.subnav .nav-item>a:hover, .subnav .active a.nav-link {color: #cbd90d;}
.subnav ul.sub a.nav-link:hover, .subnav ul.sub .active a.nav-link {background: #e6e6e6;}

#mainnav {padding-top: 1rem;transition: all 0.2s ease-in-out;}
.scroll #mainnav {padding-top: 0rem;transition: all 0.2s ease-in-out;}
#navbar .nav-link {padding: 0.3rem 0;color: #002e72; font-size: 1rem; text-transform: uppercase;font-family: 'notessoft-mediumregular', sans-serif;font-size: 1.125rem;}
#navbar .nav {gap:3rem;}
#navbar ul.sub {
    position: absolute;
    list-style: none;
    display: none;
    padding: 0;
    list-style: none;
    left: -1rem;
    z-index: 2;
    background: #fff;
}
#navbar ul.sub a.nav-link {
    margin-right: 0;
    padding: 0.3rem 1rem;
    display: block; 
    color: #111111; 
    border-radius: 0; 
    white-space: nowrap;
    text-transform: none; 
}
#navbar .nav-item>a:hover, #navbar .active a.nav-link {color: #fff;}
#navbar ul.sub a.nav-link:hover, #navbar ul.sub .active a.nav-link {background: #e6e6e6;}

#mainnav .navi_2:hover a, #mainnav .navi_2.active a {color: #90d0ba;}
#mainnav .navi_3:hover a, #mainnav .navi_3.active a {color: #00a9b2;}
#mainnav .navi_4:hover a, #mainnav .navi_4.active a {color: #007cd6;}
#mainnav .navi_5:hover a, #mainnav .navi_5.active a {color: #800E4A;}
#mainnav .navi_6:hover a, #mainnav .navi_6.active a {color: #ed0b46;}

#subnavbar .nav-item:last-child ul.sub {left: auto; right: -1rem;}

.logo a {display: inline-block;}
.logo img {width: 100%; height: auto; max-width: 360px; margin: 1rem 0;transition: all 0.2s ease-in-out;}
.scroll .logo img {transition: all 0.2s ease-in-out; width: 150px; margin: 0.5rem 0;}

div#maintrailer {min-height: 170px;}

.klickpfad {padding-top: 1rem;font-size: 0.875rem;}
.klickpfad li:first-child:before {display: none;}
.klickpfad li:before {
	content: "\f105";
    font-family: "Font Awesome\ 6 Pro";
    text-decoration: inherit;
    list-style: none;
    position: relative;
    font-size: 0.5rem;
    color: #002e72;
    padding: 0;
    font-weight: 600;
    margin-left: 0px;
    margin-right: 8px;
    top: -1px;
}
.klickpfad li {margin-right: 0.5rem;}

.leiste {
	background-image: url(../img/abschluss1.jpg);
    min-height: 28px;
    background-size: cover;
    background-repeat: no-repeat;
}

#maintrailer .ce-gallery {margin: 0;}
#maintrailer .ce-center .ce-outer {
    position: relative;
    float: none;
    right: 0;
}
#maintrailer .ce-center .ce-inner {
    position: relative;
    float: none;
    right: 0;
}
#maintrailer .ce-column {
    float: none;
}
#maintrailer .ce-gallery figure {
    display: block;
    margin: 0;
}
#maintrailer .ce-gallery figure img {width: 100%; height: auto; min-height: 300px; object-fit: cover;}
#maintrailer .ce-image img {max-height: 400px; object-fit: cover;}

#maintrailer .headerelement {position: relative;}
#maintrailer .headerelement img {width: 100%; height: auto;}
#maintrailer .headerelement .textelement {
    position: absolute;
    width: 100%;
    top: 0;
    height: 100%;
    display: flex;
    align-items: center;
    text-align: center;
}
#maintrailer .headerelement .textelement .container {margin-top: 10%;}
#maintrailer .headerelement .container-inner {
    width: 50%;
    padding: 0 7rem;
}
#maintrailer .headerelement .container-inner.middle {margin: 0 auto;}
#maintrailer .headerelement .container-inner.right {float: right;}
#maintrailer .headerelement .headline {font-size: 3.75rem; color: #002e72; font-family: 'notessoft-mediumregular', sans-serif; line-height: 1; margin-bottom: 1rem;}

.frame-type-dce_dceuid1 {height: 100%;}
.box {
    position: relative;
    min-width: 0;
    background-clip: border-box;
    border: none;
    height: 100%;
}
.box .boxlink:hover .box-inner {transform: scale(1.05);transition: all 0.2s ease-in-out;}
.box-outer {height: 100%; padding: 0.75rem 0;}
.box-inner {height: 100%;border-radius: 1rem;transition: all 0.2s ease-in-out;}
.box .weiss { background: #fff;}
.box .icon img {height: 90px; width: auto;}
.box .icon .box-inner_image {padding: 2rem 2rem 0 2rem;}
.box .box-inner_text {padding: 2rem 3rem;-ms-hyphens: auto;-webkit-hyphens: auto;hyphens: auto;word-wrap: break-word;}
.box .headline h2, .box .headline h3, .box .headline h4 {padding: 0;}
.box .headline .rot {color: #ed0b46; text-transform: uppercase;-ms-hyphens: auto;-webkit-hyphens: auto;hyphens: auto;}
.box .box-inner .frame-110 {padding: 2rem;}



ul.check {list-style: none;padding-left: 0rem;}
ul.check li {display: flex; gap: 0.5rem;}
ul.check li:before {
	content: "\E013";
    position: relative;
    font-family: "HWK IconFont";
    color: #CBD90D;
}

.card-group {display: flex; gap: 1rem;}
.card-group .frame-type-news_categorylist ul {list-style: none; margin: 0; padding: 0;}
.card-group .frame-type-news_categorylist ul a {padding: 0.75rem 2rem; color: #fff; text-transform: uppercase; font-family: 'notessoft-mediumregular', sans-serif; display: block;text-align: center;}
.card-group .frame-type-news_categorylist ul a.News {background: #ed0b46;}
.card-group .frame-type-news_categorylist ul a.Seminare {background: #00a9b2;}
.card-group .frame-type-news_categorylist ul a.Termine {background: #cbd90d;}
.card-group .frame-type-news_categorylist ul a:hover {background: #002e72;}

.accordion-item {
    background-color: #fff;
    border: none;
    margin-bottom: 1rem;
}
.accordion-header {padding: 0; color: #002e72;font-size: 1.125rem;}
.accordion-button { color: #002e72;font-size: 1.125rem; border: 1px solid #d9d9d9;}
.accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.accordion-item:last-of-type {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.accordion-item:first-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.accordion-button:hover {background: #e8f1fd;  border: 1px solid #e8f1fd;}
.accordion-button:focus {
    z-index: 3;
    border-color: #d9d9d9;
    outline: 0;
    box-shadow: none;
    background: #fff;
}
.accordion-button:not(.collapsed) { color: #002e72;border: 1px solid #e8f1fd;background: #e8f1fd;box-shadow: none;}
.accordion-button::after {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23111111'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z' fill='%23005A63' /%3e%3c/svg%3e")}
.accordion-button:not(.collapsed)::after {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23111111'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z' fill='%23005A63' /%3e%3c/svg%3e")}

tbody, td, tfoot, th, thead, tr {
    border-color: inherit;
    border-style: solid;
    border-width: 1px;
}
.table-scrollable {
	background-color: #fff;
}
.contenttable {width: 100%;}
.contenttable td, .contenttable th {padding: 0.5rem 1rem;border-top: inherit;}
.contenttable thead tr { color: #002e72;}

#footer {
	color: #ffffff;
    background-color: #002e72;
    font-family: 'notessoft-mediumregular', sans-serif;
    font-size: 0.875rem;
    padding: 2rem 0 3rem;
}
#footer h2 {color: #fff;font-size: 0.875rem; font-weight: bold;}
#footer .frame-type-menu_pages ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#footer a {color: #cbd90d;}
#footer .frame-type-menu_pages ul a {color: #fff;}
#footer .frame-type-menu_pages ul a:hover {color: #cbd90d;}

/* NEWS */
.news .article.newsbox .news-img-wrap {
    float: none;
    margin: 0;
    background: #fff;
    margin-bottom: 1rem;
}
.news .article.newsbox .news-img-wrap img {
    float: none;
    height: 150px;
    width: 100%;
    object-fit: cover;
}
.news .article.newsbox .news-img-wrap a {
    display: block;
    float: none;
    padding: 0;
    border: none;
    background: #fff;
}
.news .article.newsbox .news-list-category {
    position: absolute;
    right: 0;
    padding: 0.5rem 2rem;
    background: aliceblue;
    top: 1rem;
    text-transform: uppercase;
    color: #fff;
    font-size: 1.4rem;
}
.news .article.newsbox .news-img-wrap a.News .news-list-category {background: rgb(237 11 70 / 80%);}
.news .article.newsbox .news-img-wrap a.Termine .news-list-category {background: rgb(203 217 13 / 80%);}
.news .article.newsbox .news-img-wrap a.Seminare .news-list-category {background: rgb(0 169 178 / 80%);}
.news .article.newsbox .header h2 {font-size: 1.375rem;color: #002e72;}
.news .article.newsbox .news-list-date {margin-bottom: 0.5rem; color: #111111; font-size: 1rem;}
.news .article a.more {display: inline-block; font-size: 0.875rem; letter-spacing: 1px; line-height: 2;}
.news .article a.more:after{
    content: '';
    position: absolute;
    z-index: 1;
    bottom: 0em;
    left: 0;
    width: 100%;
    height: 2px;
    background: #002e72;
    transition: width 0.3s ease;
}

.news .article a.more:hover:after {width:0%;}
.news .article.liste .news-img-wrap img {
    float: none;
    width: 100%;
    height: auto;
}
.news .article.liste .news-img-wrap a {
    display: block;
    float: none;
    padding: 0;
    border: none;
    background: #fff;
    margin-bottom: 1rem;
}
.news .article.liste .news-img-wrap {
    float: none;
    margin: 0;
    background: #fff;
}
.news-single h2 {color:#002e72; font-size: 1.5rem; padding-bottom: 1rem; margin: 0; line-height: 1.2;font-family: 'notessoft-mediumregular', sans-serif;}
.news.news-single .article .news-img-wrap a {
    display: block;
    float: none;
    padding: 0;
    border: none;
    background: #fff;
}
.news.news-single .article .news-img-wrap img {
    float: left;
    height: auto;
    width: 100%;
}
.news.news-single .article .news-img-wrap {
    float: left;
    width: 30%;
    margin: 0 1.5rem 0 0;
}
.news .article h2 {
    margin-bottom: 0;
    padding-bottom: 0;
    font-size: 1.5rem;
}
.news .article .teaser-text, .news .article .teaser-text p {
    margin: 0;
}
ul.f3-widget-paginator {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    gap: 1rem;
    justify-content: center;
}
ul.f3-widget-paginator a {color: #111111; display: block;}
ul.f3-widget-paginator a:hover, ul.f3-widget-paginator .current {color: #002e72;}
/* NEWS ende */

.frame-type-form_formframework form label {display: none;}
.frame-type-form_formframework .form-group {margin-bottom: 1.5rem;}
.frame-type-form_formframework .input.checkbox label {display: flex; gap:0.5rem; align-items: baseline;}
.frame-type-form_formframework {color: #111;}
.frame-type-form_formframework a {color: #002e72;}
.frame-type-form_formframework a:hover {color: #111;}
.form-check {
    display: block;
    min-height: 1.5rem;
    padding-left: 0;
    margin-bottom: 0.25rem;
    font-size: 1rem;
}
.form-control {
    display: block;
    width: 100%;
    padding: 0.5rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: none;
    border-bottom: 1px solid #111;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
#fragenoderAnregungen-51-captcha-1 {width: 150px;}



.scrollToTop {
    font-size: 16px;
    cursor: pointer;
    position: fixed;
    bottom: 6rem;
    right: 1rem;
    display: block;
    border-radius: 40px;
    z-index: 10;
    height: 40px !important;
    width: 40px;
    display: none;
    background: rgba(190, 11, 32, 1);
    transition: width 0.2s ease-in-out;
    -webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.3);
	box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.3);

}
.scrollToTop span {display: none;}
.scrollToTop a {color: #fff; display: block; }
.scrollToTop.back {
    font-size: 16px;
    cursor: pointer;
    position: fixed;
    bottom: 3rem;
    right: 15px;
    display: block;
    border-radius: 3px;
    z-index: 3;
    height: 40px !important;
    width: 40px;
    text-align: center;
    background: rgba(255, 255, 255, 0.5);
    z-index: 1;
}
.scrollToTop.back a {color: #002e72; display: block; }
.scrollToTop i {position: relative; transition: all 0.2s ease-in-out; margin-right:0px; font-size: 32px; line-height: 40px;width: 40px; text-align: center;border-radius: 40px;background-color:#111111;}

.viewslide {width: 100%; margin: 0 auto; text-align: center; position: fixed; bottom: 2rem;}

::-webkit-scrollbar { width: 12px;  background: #eee;}
::-webkit-scrollbar-thumb { border: 2px solid #eee; border-radius: 10px; background: #002e72;}
::-webkit-scrollbar-thumb:active { background: #002e72;}


.row-cols-lg-7>* {
    flex: 0 0 auto;
    width: 14.2857%;
}
.row-cols-lg-8>* {
    flex: 0 0 auto;
    width: 12.5%;
}


@media (max-width: 1399px) {
	.leiste {background-size: contain;}
	div#maintrailer {min-height: 158px;}
} 
@media (max-width: 1250px) {
	#maintrailer .headerelement .headline {font-size: 2.75rem;}
	#maintrailer .headerelement .container-inner {padding: 0px 4rem;}

}   

@media (max-width: 1199px) {
	#navbar .nav {gap:1.5rem;}
	div#maintrailer {min-height: 147px;}
	#maintrailer .headerelement .headline {font-size: 2rem;}
	#maintrailer .headerelement .container-inner {padding: 0px 2rem;}

}

@media (max-width: 991px) {
	#header li, #header li a, .headermain {display: none; position: fixed; height: 0;}
	.logo img {width: 200px;}
	div#maintrailer {min-height: 83px;}
	#maintrailer .headerelement .container-inner {width: 70%;}
    .row-cols-md-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }
	
	
	.mm-wrapper_opening #header.holdontop {border-bottom: none;}
	button#menu-button { float: right; border: none; background: transparent; margin-top: 0px; position: relative; z-index: 9; cursor: pointer;}
	.fa-align-justify:before { content: "\f039";font-size: 2rem; color: #fff;}
	#header.holdontop .fa-align-justify:before { content: "\f039"; color: #000;}
	.mm-panel {padding: 0;}
	.mm-panels { background: #fff;}
	.mm-menu_theme-white .mm-btn:after, .mm-menu_theme-white .mm-btn:before { border-color: #111111; border-width: 1px;}
	.mm-btn {width: 50px;}
	.mm-btn_clear:after, .mm-btn_clear:before, .mm-btn_close:after, .mm-btn_close:before { border: 1px solid transparent; width: 10px; height: 10px;}
	.mm-btn_clear:before, .mm-btn_close:before { border-right: none; border-bottom: none; right: 11px; border-width: 1px;}
	.mm-btn_clear:after, .mm-btn_close:after { border-left: none !important; border-top: none !important; right: 25px;}
	.mm-menu_theme-white .mm-btn:hover:after, .mm-menu_theme-white .mm-btn:hover:before { border-color: #002e72;}
	.mm-navbar {padding: 0 15px; height: 65px; border-bottom: none; background: #fff;}
	.mm-navbars_top {height: 65px; border-bottom: none; background: #002e72;}
	.mm-navbar__title img {height: auto; margin: 0 auto; width: 150px; vertical-align: middle; margin-top: -10px;}
	.mm-panel_has-navbar { padding-top: 55px;}
	.mm-navbars_bottom {height: 50px; border-top: 1px solid #eee; background: #fff; padding-top: 5px;}
	.mm-navbars_bottom a {padding: 0;}
	.mm-listview li.active a { color: #002e72;background: #fff;}
	a.mm-btn.mm-btn_prev.mm-navbar__btn { height: 80px;}
	a.mm-navbar__title { line-height: 40px; margin: 0 2rem;}
	.mm-menu_theme-white .mm-listview .mm-btn_next:after { border-color: #111111; border-width: 1px;}
	.mm-menu_theme-white .mm-listview .mm-btn_next:hover:after { border-color: #002e72;}
	.mm-listitem .mm-btn_next:before { border-left-width: 0;}
	.mm-menu a:hover, .mm-menu a:focus, .mm-menu a:active {color: #002e72; background: #fff !important;}
	.mm-menu_theme-white .mm-navbar a, .mm-menu_theme-white .mm-navbar>* { color: #111111; font-size: 1.2rem; padding: 0; line-height: 80px;}
	.mm-navbar a:hover {background: transparent;}
	.mm-listitem {width: 100%; padding: 0; margin-bottom: 0px; border-bottom: 1px solid #fff; font-size: 1rem; line-height: 1.4rem;}
	.mm-listitem>a { padding: 10px 15px;}
	.mm-menu_iconpanel-40 .mm-panel_iconpanel-1, .mm-menu_iconpanel-40 .mm-panel_iconpanel-1.mm-panel_opened~.mm-listview_fixeddivider {left: 0;}
	[class*=mm-menu_iconpanel-] .mm-panels>.mm-panel_opened-parent[class*=mm-panel_iconpanel-]:not(.mm-panel_iconpanel-first):not(.mm-panel_iconpanel-0), [class*=mm-menu_iconpanel-] .mm-panels>.mm-panel_opened[class*=mm-panel_iconpanel-]:not(.mm-panel_iconpanel-first):not(.mm-panel_iconpanel-0) {border-left: none;}
	.mm-btn_next:after, .mm-btn_prev:before { width: 12px; height: 12px;}
	.mm-menu_multiline .mm-listitem>a, .mm-menu_multiline .mm-listitem>span, .mm-panel_multiline .mm-listitem>a, .mm-panel_multiline .mm-listitem>span { color:#111111; }
	.mm-menu a:hover {background: transparent !important;}
	.mm-btn.mm-btn_close.mm-navbar__btn:before,.mm-btn.mm-btn_close.mm-navbar__btn:after { border-color: #fff;}
	.mm-panel_has-navbar .mm-navbar { display: block; background: #fff; height: 65px; border-bottom: 1px solid #eee;}
	.mm-listitem .mm-btn_next:not(.mm-btn_fullwidth) {border-left: 1px solid #fff;}
	.mm-listview li.active .mm-btn_next:after {border-color: #111111;}
	.mm-menu_multiline .mm-listitem>a:hover { background: #fff !important; color:#002e72;}
	.mm-navbars_bottom a {line-height: 40px !important;}
	.mm-panels>.mm-panel>.mm-listview { margin: 0 !important;}
	.mm-menu_iconpanel-40 .mm-panel_iconpanel-2, .mm-menu_iconpanel-40 .mm-panel_iconpanel-2.mm-panel_opened~.mm-listview_fixeddivider { left: 0;}
	ul.nav.navbar.mm-listview { padding: 0;}
    .mm-navbar a:not([href]):not([tabindex]), .hist-elements a:not([href]):not([tabindex]) { display: block;}
    a.mm-btn.mm-btn_close.mm-navbar__btn {right: 0;left: auto;}
    .mm-panels, .mm-panels>.mm-panel {top: 25px;}
    .mm-navbar img {vertical-align: top; margin-top: 5px;}
    .mm-navbars_bottom .fab { font-size: 1.4rem; color: #002e72;}
    a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {color: #111111;}
    
    #header .mburger {color: #002e72 !important; height: 30px; padding: 0;width: 35px;}
    .mburger:after {display: none;}
	#header.holdontop .mburger {color: #000;}
	.mm-wrapper_opened #header .mburger b {color: #002e72;}
	.mm-wrapper_opened #header.holdontop {-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
    
    .mburger--collapse span:nth-of-type(1) {transition: bottom .2s ease,margin .2s ease,transform .2s ease;transition-delay: .2s,0s,0s;}
    .mburger span:nth-of-type(1) {bottom: calc(50% + var(--mb-bar-spacing));transition: bottom .2s ease,transform .2s ease,width .2s ease;}
    .mburger span {
	    display: block;
	    position: absolute;
	    left: calc(var(--mb-button-size) * ((1 - var(--mb-bar-width))/ 2));
	    width: calc(var(--mb-button-size) * var(--mb-bar-width));
	    height: var(--mb-bar-height);
	    border-radius: calc(var(--mb-bar-height)/ 2);
	    background: currentColor;
	    color: inherit;
	    opacity: 1;
	}
	.mburger b {
	    font-size: 0;
	    left: 0;
	    width: 35px;
	}
	


}
@media (max-width: 767px) {
	.card-group {
	    display: flex;
	    gap: 1rem;
	    flex-direction: column;
	}
	.news.news-single .article .news-img-wrap img {
	    float: none;
	    height: auto;
	    width: 100%;
	}
	.news.news-single .article .news-img-wrap {
	    float: none;
	    width: 100%;
	    margin: 0 0 1.5rem 0;
	}
	#maintrailer .headerelement .container-inner {display: none;}
    .row-cols-2>* {
        flex: 0 0 auto;
        width: 50%;
    }

}

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

@media (max-width: 575px) {

}
    
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{  color:transparent;opacity: 1; transition: all 0.2s ease-in-out;}
input:not(:focus)::-webkit-input-placeholder, textarea:not(:focus)::-webkit-input-placeholder { transition: color 0.4s ease-in-out; color:#111111; transition: all 0.3s ease-in-out;opacity: 0.5;}

input:focus::placeholder, textarea:focus::placeholder { color:transparent; transition: all 0.3s ease-in-out;} /* FF 4-18 */
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder { color:transparent; transition: all 0.3s ease-in-out;} /* FF 4-18 */
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { color:transparent; transition: all 0.3s ease-in-out;} /* FF 19+ */
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { color:transparent; transition: all 0.3s ease-in-out;} /* IE 10+ */


.frame-type-image img {width: 100%; height: auto;}

.cookie-consent-container .consent-modal.open {
    height: calc(100vh - 300px) !important;
}

.cookie-consent-container .consent-modal {
    box-shadow: 1px 1px 6px rgba(127,127,127,.3) !important;
    border-radius: 0 !important;
}
.frame-type-mindshapecookieconsent_consent>.container {padding: 0;}
.cookie-consent-container {font-family: 'OpenSans Regular', sans-serif !important;}
.cookie-consent-container .buttons {
    display: flex;
    gap: 1rem;
    align-items: center;
}
.cookie-consent-settings {margin-bottom: 0 !important;}
.cookie-consent-settings>button {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent;
    font-size: inherit !important;
    line-height: inherit !important;
    color: #000 !important;
    border: none !important;
    transition: width 0.2s ease-in-out;
    text-transform: none;
    font-family: 'OpenSans Regular', sans-serif;
    float: right;
}
.cookie-consent-settings>button:hover {background: transparent !important; text-decoration: underline; }
.cookie-consent-container .consent-modal .cookie-headline, .cookie-consent-container {color: #000 !important;}
.cookie-consent-container a, .cookie-consent-container a:visited, .cookie-consent-container a:active, .cookie-consent-container a:focus, .cookie-consent-container a:focus:active {color: #000 !important;}
.cookie-consent-container a.show-details:after, .cookie-consent-container a:visited.show-details:after, .cookie-consent-container a:active.show-details:after, .cookie-consent-container a:focus.show-details:after, .cookie-consent-container a:focus:active.show-details:after {border-color: #000 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) !important;}
.cookie-consent-container .label input:checked~.checkmark {
    background: #e5e5e5 !important;
}
.cookie-consent-container .buttons .btn { border-radius: 0 !important;text-transform: none !important;font-weight: normal !important; height: 40px !important;}
.cookie-consent-container .buttons .btn--secondary {
    background: #002e72 !important;
    color: #fff !important;
    border: none !important;
    opacity:1 !important;
    letter-spacing: 0 !important;
}
.cookie-consent-container .label .checkmark {
    background: #e5e5e5!important;
    border: none !important;
}
.cookie-consent-container .label .checkmark:after {
    border: solid #000 !important;
    border-width: 0 2px 2px 0 !important;
    left: 8px !important;
    top: 2px !important;
}
.cookie-consent-container .buttons .btn:hover {
    background-color: #666 !important;
}
.cookie-consent-container .buttons .btn--primary {
    background: #002e72 !important;
    border: none !important;
    letter-spacing: 0 !important;
}
.cookie-consent-container .consent-modal .option-wrapper {
    background: #fff !important;
    box-shadow: 1px 1px 6px rgba(127,127,127,.3) !important;
    margin: 0.2rem 0.2rem 1.5rem 0.2rem !important;
}
.cookie-consent-container .consent-modal .option-wrapper .option-headline {color: #002e72;}
.cookie-consent-container .consent-modal .option-wrapper .option-detail-wrapper .option-detail.cookie-option {background: #002e72 !important;}
.cookie-consent-container .consent-modal .option-wrapper .option-detail-wrapper .option-detail.cookie-option .label { color: #fff !important;}
.cookie-consent-container .consent-modal .option-wrapper .option-detail-wrapper {border-bottom: 2px solid #e5e5e5 !important;}
.cookie-consent-container .consent-modal .option-wrapper .option-detail-wrapper .option-detail {border-bottom: 1px solid #e5e5e5 !important;}
@media (max-width: 767px) {
	.cookie-consent-container .buttons {gap: 0rem;flex-direction: column;}
}

.multicol img {max-width: 100%; height: auto;}
.multicol .row .col-12 {margin-top: 0.75rem; margin-bottom: 0.75rem;}
.multicol .col-lg-fivecolumns {
	width: 20%;
}
.multicol .align-self-stretch .ce-image img, .multicol .align-self-stretch>div {width: 100%; height: 100%;object-fit: cover;}
.multicol .align-self-stretch .ce-image .ce-outer {position: relative;float: none;right: 0;}
.multicol .align-self-stretch .ce-image .ce-inner {position: relative;float: none;right: 0;}
.multicol .ce-gallery { margin-bottom: 0;} 
.multicol p:last-child {margin-bottom: 0;}
.multicol .align-self-stretch .ce-image,
.multicol .align-self-stretch .ce-image .ce-gallery,
.multicol .align-self-stretch .ce-image .ce-outer,
.multicol .align-self-stretch .ce-image .ce-inner,
.multicol .align-self-stretch .ce-image .ce-row,
.multicol .align-self-stretch .ce-image .ce-column,
.multicol .align-self-stretch .ce-image figure {height: 100%;}
.multicol .align-self-stretch .ce-image figure {display: block; position: relative;}
.multicol .align-self-stretch .ce-image figure figcaption {
	position: absolute;
    bottom: 0;
    padding: 0.5rem 1rem;
    color: #fff;
    font-size: 1rem;
    background: background: rgb(0 0 0 / 20%);
}
@media (max-width: 1199px) {
	.multicol .col-lg-fivecolumns {width: 33.33333%;}
}
@media (max-width: 991px) {
	.multicol .col-lg-fivecolumns {width: 50%;}
}
@media (max-width: 767px) {
	.multicol .col-lg-fivecolumns {width: 100%;}
}

.personnel.cards.template-cards {text-align: center;}
.personnel.cards.template-cards figure {display: flex; justify-content: center;}
.personnel.cards.template-cards figure img {width: 200px; height: 200px; object-fit: cover; border-radius: 50%;}
.personnel.cards.template-cards svg {width: 20px;}
.personnel.cards.template-cards p.contact {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 0;
}
.personnel.cards.template-cards p.contact a {display: flex; gap:0.5rem; justify-content: center;}
.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem;
    padding: 1rem;
}

.gallerycontent.ce-gallery {gap: 1.5rem 0;}
.gallerycontent.ce-gallery img {width: 100%; height: auto;}


