/* highQ Main CSS file IP */

/* istok-web-regular - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../NunitoSans-VariableFont_YTLC,opsz,wdth,wght.ttf'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/NunitoSans-VariableFont_YTLC,opsz,wdth,wght.ttf?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/NunitoSans-VariableFont_YTLC,opsz,wdth,wght.ttf') format('truetype'), /* Safari, Android, iOS */

}

/* istok-web-italic - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/NunitoSans-Italic-VariableFont_YTLC,opsz,wdth,wght.ttf'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/NunitoSans-Italic-VariableFont_YTLC,opsz,wdth,wght.ttf?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/NunitoSans-Italic-VariableFont_YTLC,opsz,wdth,wght.ttf') format('truetype'), /* Safari, Android, iOS */
}

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

/* istok-web-italic - latin */
@font-face {
  font-family: 'Istok Web';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/istok-web-v20-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/istok-web-v20-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/istok-web-v20-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/istok-web-v20-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/istok-web-v20-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/istok-web-v20-latin-italic.svg#IstokWeb') format('svg'); /* Legacy iOS */
}

/* istok-web-bold - latin */
@font-face {
  font-family: 'Istok Web';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/istok-web-v26-latin-700.woff2'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/istok-web-v26-latin-700.woff2') format('woff2');
}

/* istok-web-italic-bold - latin */
@font-face {
  font-family: 'Istok Web';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/istok-web-v26-latin-700italic.woff2'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/istok-web-v26-latin-700italic.woff2') format('woff2');
}

/* Reset all CSS default styles */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
/*	font-size: 100%;
	font: inherit;*/
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	overflow-x: hidden;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

sup {font-size: 50%;line-height: 0;position: relative;top:-0.75em;vertical-align: baseline;}

/* Übergreifend */
body {background-color: #ededed;}
* {font-family: 'Istok Web';}
P,  A,  LI,  TD {font-size: 24px;line-height: 1.4em;color: #333333;}
P {margin-bottom: 24px;}
.text-center {text-align: center;}

.btnStickyBack {background-color: rgba(238,241,245,0.5);width: 73px;height: 225px;position: fixed;right: 0;bottom: 22px;border-radius: 20px 0 0 20px;border-color: #333;
  border: 1px solid #d2cbcb;border-right-width: 1px;border-right-style: solid;border-right-color: rgb(210, 203, 203);border-right: none;}
body  #toTop {bottom: 35px;right: 10px;background-color: #0069b4;}
body  #toTop::before {top: 15px;height: 18px;background-color: white;left: 16px;}
body  #toTop::after {top: 15px;height: 18px;background-color: white;left: 30px;}
body #dAopener {width: 50px !important;height: 50px !important;right: 10px;bottom: 180px;top: initial;filter: unset;background-color: #0069b4!important;}
body .sg-cookie-optin-fingerprint.sg-cookie-optin-fingerprint-bottom-left {left: unset;right: 10px;bottom: 110px;}
body .sg-cookie-optin-fingerprint {background-color: #0069b4;}
body #toTop {border: 1px solid transparent;width: 50px;height: 50px;background-size: 18px;z-index:9999;cursor: pointer;}

 .tx-indexedsearch-searchbox #tx_indexedsearch .tx-indexedsearch-form {float: none;width: unset;}
 .tx-indexedsearch-searchbox #tx_indexedsearch .tx-indexedsearch-form .tx-indexedsearch-searchbox-sword {border: 1px solid #ccc!important;border-radius: 10px;font-size: 16px;height: 50px;width: 380px;text-align: left;padding-left: 7px;}
 .tx-indexedsearch-searchbox #tx_indexedsearch #tx-indexedsearch-searchbox-button-submit {background-image: none;width: 45px;height: 45px;background-color: #0069B4;border-radius: 10px;cursor: pointer;color: white;font-size: 16px;border: 2px solid #0069B4;transition: background-color 1000ms;-moz-transition: background-color 1000ms;-ms-transition: background-color 1000ms;-o-transition: background-color 1000ms;-webkit-transition: background-color 1000ms; }
 .tx-indexedsearch-searchbox #tx_indexedsearch #tx-indexedsearch-searchbox-button-submit:hover {background-color: white;color: #0069B4;}
 .tx-indexedsearch-searchbox #tx_indexedsearch .tx-indexedsearch-search-submit {margin-bottom: initial;width: unset;position: relative;top: -49px;left: -3px;}

/* Body */
 #page-body{padding-top: 120px;}

 #page-body h2 {font-weight: bold;font-size: 45px;line-height: 56px;margin-bottom: 30px;}
 #page-body h3 {font-weight: bold;font-size: 34px;line-height: 42px;margin-bottom: 30px;}
 #page-body h4 {font-weight: normal;font-size: 34px;line-height: 1.2em;margin-bottom: 15px;margin-top: 25px;}
 #page-body h2.display {font-weight: bold;font-size: 77px; line-height: 94px;}
 #page-body .colorBoxOuter h3 {font-weight: normal;font-size: 36px; }
 #page-body .eventCol {text-align: center;color: white;}
 #page-body .eventCol h4 {margin-top: 30px;font-size: 36px;margin-bottom: 70px;}
 #page-body .eventCol P {font-size: 24px;margin-bottom: 40px;color: #ffffff;}
 #page-body  ul li {padding-left: 40px;line-height: 1.6em;padding-bottom: 10px;}
 #page-body  ul li:before {margin-left: -40px;content: url('/fileadmin/Templates/highQ/img/pfeil.svg');width:20px;height: auto;display: inline-block;position: absolute;margin-top: 4px;}
 #page-body  ul li.listCheck:before {content: url('/fileadmin/Templates/img/HQ_Aufzaehlungszeichen.svg');}
 #page-body .overallSub {/*display: grid;*/}
 #page-body .overallSub.varContent {width: 50%;}
 #page-body .overallSub.varContent .varInner {/*background-color: #ffffff;box-shadow: 10px 10px 20px #bbb;*/}
 #page-body .overallSub.varContent .varInner.white,#page-body .overallSub.varContent .varInner.blue,#page-body .overallSub.varContent .varInner.black,#page-body .overallSub.varContent .varInner.grey,#page-body .overallSub.varContent .varInner.gelb,#page-body .overallSub.varContent .varInner.darkblue,#page-body .overallSub.varContent .varInner.lightblue,#page-body .overallSub.varContent .varInner.pink {box-shadow: 10px 10px 20px #bbb;}
 #page-body .overallSub.varContent .varInner.varContentRight {border-radius: 50px 0 0 50px;padding: 5% 20% 5% 10%;}
 #page-body .overallSub.varContent .varInner.varContentLeft {border-radius: 0 50px 50px 0;padding: 5% 10% 5% 20%;}
 #page-body .overallSub .frame {/*display: table-cell;*/vertical-align: middle;}
 #page-body .overallSub.imgcontainer {width: 40%;}
 #page-body .overallSub.imgcontainer.varImageLeft {padding-left: 5%;}
 #page-body .overallSub.imgcontainer.varImageRight {padding-right: 5%;}

/* Farben */
.blueFont {color: #0069b4;}
.lightblueFont {color: #00b1eb;}
.darkblueFont {color: #132964;}
.hyellow, .yellowFont {color: #ffe000;}
.hblack, .blackFont {color: #333333;}
.hblue {color: #0069b4;}
.hdarkblue {color: #132964;}
.hlightblue {color: #00b1eb;}
.whiteFont, .hwhite {color: #ffffff;}



/* Colored Boxes */
.gray, .subHeadColor7 {background-color: #EEF1F5;}
.white, .frame-layout-7 {background-color: #ffffff;}
.gelb, .frame-layout-6 {background-color: #ffe000;}
.black, .frame-layout-1 {background-color: #333333;}
.blue, .frame-layout-5 {background-color: #0069b4;}
.darkblue, .frame-layout-70 {background-color: #132964;}

.white[data-switch="gelb"] {background-color: #ffffff;transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;}
.white[data-switch="gelb"]:hover {background-color: #ffe000;transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;}
.white[data-switch="gelb"]:hover .Button_gelb {background-color: #ffffff;border-color: #ffffff;color: #0069b4;}

.subHeadColor0,.subHeadColor1,.subHeadColor2,.subHeadColor3,.subHeadColor4,.subHeadColor5,.subHeadColor6,.subHeadColor7 {position: relative;z-index: 1;}

P.overline {font-size: 64px;line-height: 1.2em;font-weight: bold;padding: 4%;}
P.subline {font-size: 26px;line-height: 26px;color: #646464;font-weight: bold;}

/* Space */
 #page-body .frame-space-before-extra-small { padding-top: 1em; }
 #page-body .frame-space-before-small { padding-top: 2em; }
 #page-body .frame-space-before-medium { padding-top: 3em; }
 #page-body .frame-space-before-large { padding-top: 4em; }
 #page-body .frame-space-before-extra-large { padding-top: 5em; }
 #page-body .frame-space-before-10 { padding-top: 10em; }
  #page-body .frame-space-after-extra-small { padding-bottom: 1em; }
  #page-body .frame-space-after-small { padding-bottom: 2em; }
  #page-body .frame-space-after-medium { padding-bottom: 3em; }
  #page-body .frame-space-after-large { padding-bottom: 4em; }
  #page-body .frame-space-after-extra-large { padding-bottom: 5em; }
  #page-body .frame-space-after-10 { padding-bottom: 10em; }

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

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

 .frame-leftrightspace {width: 40%;margin: auto;}
  .frame-leftrightspacesmall {width: 80%;margin: auto;}
 #page-body .colorBoxOuter.default  {display: flow-root;}
 #page-body .colorBoxOuter {background-size: contain;background-repeat: no-repeat;}
 .parallax-window.jarallax {min-height: 600px;box-shadow: inset 0px 35px 25px rgba(0,0,0,0.5);z-index: inherit!important;}

/* Footer */
 #page-footer-menu {/*background-color: #0C68B0;*/}
 #page-footer P, #page-footer A, #page-footer H3, #page-footer H4 {
  color: #ffffff;
  text-decoration: none;
}
 #page-footer P, #page-footer A {font-size: 18px;}
 #page-footer .cols5 {width: 100%;}
 #toTop {position: fixed;bottom: 3%;right: 2%;border-radius: 30px;background-image: none;background-color: white;box-shadow: 0px 0px 15px #aaa;/*display: none;*/}
 #toTop:before {top: 18px;content: '';position: absolute;display: block;width: 3px;height: 24px;background-color: #b3b3b3;left: 19px;transform: rotate(55deg);}
 #toTop:after {top: 18px;content: '';position: absolute;display: block;width: 3px;height: 24px;background-color: #b3b3b3;left: 38px;transform: rotate(-55deg);}
 #page-footer .colorBoxOuter .colorBoxInner {padding-top: 90px;padding-bottom: 50px;padding-left: 92px;padding-right: 92px;}
 #page-footer .footer_support A:before {content: url("/fileadmin/Templates/highQ/img/HQ_Grafik_SUPPORT_weiss.png");filter: brightness(0) saturate(100%) invert(17%) sepia(12%) saturate(6280%) hue-rotate(199deg) brightness(94%) contrast(104%);position: absolute;margin-left: -40px;margin-top: -3px;}
 #page-footer .footer_support A {padding-left: 60px;color: #132964;}
 #page-footer .footer_support A:hover {background-color: transparent;color: #ffe000;}
  #page-footer .footer_support A:hover:before {filter: brightness(0) saturate(100%) invert(73%) sepia(97%) saturate(556%) hue-rotate(0deg) brightness(105%) contrast(103%);}
 #page-footer h3.footerFix {/*margin-top: 60px;*/}
 #page-footer H3:nth-of-type(2) {margin-top: 35px;}
 #page-footer H3 {font-size: 28px;margin-top: 0;margin-bottom: 18px;line-height: 46px;font-weight: bold;}
  #page-footer H5 {font-size: 18px;color: #ffffff;line-height: 32px;font-weight: bold;}
  #page-footer .colMiddle A,
#page-footer .colMiddleRight A,
#page-footer .colRight A {
  opacity:0.5;
  transition:all 0.5s;
}
#page-footer .colMiddle A:hover,
#page-footer .colMiddleRight A:hover,
#page-footer .colRight A:hover {
  opacity:1;
}

#page-footer-menu {
  background-color: #0C68B0;
  padding: 54px 0 120px 92px;
  margin-top: 100px;
}

#page-footer .colMiddleLeft IMG {width: 100%;height: auto;}
/* Grids */
.start .gray form label {display: none;}
.start .gray h4 {font-size: 31px;margin-top: 5px;margin-bottom: 36px;color: #0069b4;}
.start .gray form input[type=text],.start .gray form input[type=email],.start .gray form input[type=tel] {width: 95%;padding: 12px 24px;border: 1px solid #72859A;border-radius: 8px;}
.start .gray form .row input[type=text],.start .gray form .row input[type=email],.start .gray form .row input[type=tel] {width: 90%;padding: 12px 24px;border: 1px solid #72859A;border-radius: 8px;}
.start .gray form textarea  {padding: 12px 24px;border: 1px solid #72859A;border-radius: 8px;width: 95%;}
.start .gray form label.form-check-label {display: block;margin-top: 10px;margin-bottom: 10px;}
.start .gray form label.form-check-label span, .start .gray form label.form-check-label span A {color: #495D71;text-decoration: none;font-size: 15px;}
.start .gray form .form-navigation .submit button {border: 2px solid #E29607;background-color: #E29607;color: #ffffff;text-align: center;height: auto;
display: inline-block;margin-top: 20px;
padding: 10px 30px;font-size: 20px;
width: auto;transition: background-color 1000ms;
-moz-transition: background-color 1000ms;
-ms-transition: background-color 1000ms;
-o-transition: background-color 1000ms;
-webkit-transition: background-color 1000ms;
border-radius: 10px;cursor: pointer;
text-decoration: none;font-weight: bold;line-height: 1.4em;}
.start .gray form .form-navigation .submit button:hover {background-color: white;color: #E29607;border: 2px solid #E29607;}
.start form SELECT {background-color: white;}
.start form > .form-group > .input {margin-bottom: 15px;}

 .colorBoxOuter .colorBoxInner {max-width: 1920px;padding-top: 0;padding-bottom: 0;}
 .colorBoxOuter .colorBoxInner .overall {padding: 0 0 0 0;}

 .overall {display: flex;/*margin-top: 100px;margin-bottom: 100px;*/padding: 50px 0;gap: 5%;align-items: center;}
 .overall .imgcontainer IMG {width: 100%;height: auto;}
 .colorBoxOuter.gray .overall .imgcontainer IMG {width: auto;height: 100%;}
 .overall .imgcontainer {/*display: grid;padding-left: 5%;width: 40%;*/}
 .colorBoxOuter.gray .overall .imgcontainer {display: grid;overflow: hidden;}
 .colorBoxOuter.gray .overall .imgcontainer .positioner {/*display: none;*/}
 .overall .positioner {height: 100%;display: inline-block;}
/* .overall h3 {font-size: 31px;line-height: 1.2em;margin-bottom: 36px;}*/
 .overall h1 {font-size: 54px;line-height: 1.2em;margin-bottom: 36px;}
 .overall h2 {font-size: 45px;line-height: 1.2em;margin-bottom: 36px;}
 .overall h3 {font-size: 37px;line-height: 1.2em;margin-bottom: 36px;}
 .overall h4 {font-size: 31px;line-height: 1.2em;margin-bottom: 36px;}
 .overall h5 {font-size: 26px;line-height: 1.2em;margin-bottom: 36px;}
h1 {font-size: 54px;line-height: 1.2em;margin-bottom: 36px;}
#page-body .blog h1,#page-body .blog h2,#page-body .blog h3,#page-body .blog h4,#page-body .blog h5 {margin-bottom: 14px;/*margin-top: 60px;*/}
  #page-body .blog .blogData h2,#page-body .blog .blogData h3 {
      margin-bottom: 0;
	line-height: 1.2em;
  }
  p.sdescription {border-bottom: 1px solid #0069b4;margin-bottom: 20px;padding-bottom: 20px;}
  A.btnIpBewerben.btnIpAkkordeon {margin-top: -70px;}
.arrow-box {cursor: pointer;width: 30px;aspect-ratio: 1;background: #0870b7;position: absolute;right: 12px;top: 21px;border-radius: 10px;}
.arrow-box::before {transition: all 1000ms;-moz-transition: all 1000ms;-ms-transition: all 1000ms;-o-transition: all 1000ms;-webkit-transition: all 1000ms;content: "";position: absolute;width: 58%;height: 66%;left: 14%;top: 17%;background: white;clip-path: polygon(100% 0,0 50%,100% 100%);}
/* Blog */
.blog {padding-top: 80px;}
.blog > DIV {max-width: 1075px;margin: auto;}
.blog > DIV.colorBoxOuter, .blog > DIV.parallax-window {max-width: unset;}
.blog > DIV.blogData {transition: all 1000ms;-moz-transition: all 1000ms;-ms-transition: all 1000ms;-o-transition: all 1000ms;-webkit-transition: all 1000ms;
width: 350px;background-color: white;border: 2px solid #cacaca;border-radius: 15px;padding: 20px;position: fixed;left: 50px;z-index: 100;}
.blog > DIV.blogData.blogSmall {width: 100px;max-height: 25px;overflow: hidden;}
.blog > DIV.blogData.blogSmall IMG {display: none;}
.blog > DIV.blogData.blogSmall .blogAuthor {padding-bottom: 50px;}
.blog > DIV.blogData.blogSmall .arrow-box::before {top: 11%;transform: rotate(60deg);}
.blog > DIV.blogData .supporterImage {display: block;text-align: center;}
.blog > DIV.blogData .blogAuthor {font-weight: bold;margin-bottom: 0;}
.blog > DIV.blogData .authorTitle:after {content: "";display: block;width: 35px;background-color: #0069b4;height: 3px;position: absolute;}
.blog > DIV.blogData .supporterMail {vertical-align: center;color: #00b1eb;border: 1px solid #00b1eb;border-radius: 15px;background-color: white;text-decoration: none;padding: 5px 10px;margin-right: 20px;transition: background-color 1000ms;
  -moz-transition: background-color 1000ms;
  -ms-transition: background-color 1000ms;
  -o-transition: background-color 1000ms;
  -webkit-transition: background-color 1000ms;}
.blog > DIV.blogData .supporterMail:hover {background-color: #00b1eb;color: white;}
.blog > DIV.blogData .page-tags {border-bottom: 1px solid #0069b4;margin-bottom: 20px;padding-bottom: 20px;}
.blog > DIV.blogData .stitle {color: #8e8e8e;}
#page-body .blog > DIV.blogData h2 {margin-bottom: initial;}
#page-body .blog > DIV.colorBoxOuter .colorBoxInner {max-width: 1650px;}
.page-tags span {vertical-align: center;margin-left: 5px;color:#132964;}
/* CTA **/
.ctaOverall {padding-top: 10px;padding-bottom: 200px;}
.ctaContainer {position: relative;width: 100%;max-width: none;margin: 0;}
.ctaContainer .ctaOuter {position: absolute;inset: 0;display: flex;align-items: center;z-index: 5;}
.ctaContent .frame,.ctaContent .frame-layout-7 {width: 100%;max-width: none;}
.ctaContent {width: clamp(720px, 46vw, 900px);margin-left: 0;padding: clamp(38px, 4vw, 72px) clamp(45px, 4vw, 80px);
  border-radius: 0 36px 36px 0;box-shadow: 5px 15px 20px 3px rgba(0,0,0,0.2);}
.ctaImage {display: block;width: min(60vw, 980px);height: auto;max-width: none;margin-left: auto;margin-right: clamp(20px, 4vw, 90px);
  position: relative;z-index: 1;}
.ctaContainer .ctaInner {padding: 8%;}
.ctaOverall P,  ctaOverall A,  ctaOverall LI,  ctaOverall TD {font-size: 26px;line-height: 1.3em;margin-top: 30px;}
.ctaContainer .ctaContent H1, .ctaContainer .ctaContent H2{font-size: 78px;}

.blog-page-list .blog-page-list-image {max-width: 100%;height: auto;border-radius: 30px;}
.blog-page-list .blog-page-list-tags {position: absolute;background-color: #ffe000;border-radius: 25px;padding: 10px;right: 5%;}
.blog-page-list .blog-page-list-supporter {position: absolute;right: 50px;margin-top: -100px;}
.blog-page-list .blog-page-list-supporter IMG {filter: drop-shadow(2px 0 0 #fff)
        drop-shadow(-2px 0 0 #fff)
        drop-shadow(0 2px 0 #fff)
        drop-shadow(0 -2px 0 #fff)
        drop-shadow(2px 2px 0 #fff)
        drop-shadow(-2px 2px 0 #fff)
        drop-shadow(2px -2px 0 #fff)
        drop-shadow(-2px -2px 0 #fff);}
.blog-page-list .blog-page-list-tags span {text-transform: uppercase;color: #0069b4;font-size: 18px;display: block;font-weight: bold;line-height: 1.2em;}
#page-body .news .colorBoxOuter .blog-page-list-item h3 {margin-top: 25px;}
.blog-page-list .blog-page-list-teaser {margin-top: 20px;}
#page-body .news .blog-page-list .article:last-child {margin-bottom: 0;padding-bottom: 0;}

/* FlipBox */
.flip-box {
  width: 100%;
  perspective: 1000px;
}

.flip-box-inner {
  display: grid;
  width: 100%;

  transition: transform 0.8s;
  transform-style: preserve-3d;
}

.flip-box-front,
.flip-box-back {
  grid-area: 1 / 1;

  width: 100%;
  box-sizing: border-box;
  padding: 5%;

  border-radius: 50px;
  box-shadow: 10px 10px 20px #bbb;

  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-box-front {
  transform: rotateY(0deg);
}

.flip-box-back {
  transform: rotateY(180deg);
}

.flip-box:hover .flip-box-inner {
  transform: rotateY(180deg);
}
.contentBoxOuter {}
.contentBoxLabel {color: #00b1eb;}
.flip-box-inner .white .contentBoxLabel {color: #00b1eb;}
.flip-box-inner .gelb .contentBoxLabel {color: #00b1eb;}
.flip-box-inner .blue .contentBoxLabel {color: #ffffff;}
.contentImage {float: right;margin-top: -50px;}

  
 .cols4.size25-10-40-25 .colLeft,  .cols4.size25-10-40-25 .colRight {width: 25%;}
 .cols4.size25-10-40-25 .colMiddleLeft {width: 15%;}
 .cols4.size25-10-40-25 .colMiddleRight {width: 35%;}
 .cols4.size10-40-40-10 .colLeft,  .cols4.size10-40-40-10 .colRight {width: 10%;}
 .cols4.size10-40-40-10 .colMiddleLeft {width: 40%;}
 .cols4.size10-40-40-10 .colMiddleRight {width: 40%;}
 .colorBoxOuter.gray .overall.frame-relBlue .imgcontainer IMG {height: auto;width: 100%;}
 .frame-type-image .ce-gallery .ce-column {margin-left: 50px;margin-right: 50px;}
 .frame-type-image .ce-gallery[data-ce-columns="1"] .ce-column {margin-left: 0;margin-right: 0;}
 .frame-type-image .ce-gallery .ce-column .image-caption {text-align: center;}
 
 
/* Grid Container */
.cols1 {margin: auto;border-radius: 50px;box-shadow: 10px 10px 10px #ccc;height: 90%;}
.cols1.size100 {width: 100%;}
.cols1.size90 {width: 90%;}
.cols1.size80 {width: 80%;}
.cols1.size70 {width: 70%;}
.cols1.size60 {width: 60%;}
.cols1.size50 {width: 50%;}

.cols2, .cols3, .cols4, .cols5 {max-width: 1920px;width: 90%;float: none;clear: both;margin: auto;display: flex;}
.cols2 {max-width: 1585px;}
.cols4 .inner,.cols5 .inner {width: 100%;}
.cols2 .colLeft, .cols2 .colRight {vertical-align: top;display: inline-block;float: left;box-sizing: border-box;padding: 2%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
/* .subpage .cols2 .colLeft, .cols2 .colRight {padding: 0 2% 0 0;} */
.cols2.size50-50 .colLeft, .cols2.size50-50 .colRight{width: 50%;}

.cols2.size67-33 > .colLeft {width: 67%;}
.cols2.size67-33 > .colRight {width: 33%;}
.cols2.size33-67 > .colLeft {width: 33%;}
.cols2.size33-67 > .colRight {width: 67%;}
.cols2.size75-25 > .colLeft {width: 75%;}
.cols2.size75-25 > .colRight {width: 25%;}
.cols2.size25-75 > .colLeft {width: 25%;}
.cols2.size25-75 > .colRight {width: 75%;}
.cols2.size80-20 > .colLeft {width: 80%;}
.cols2.size80-20 > .colRight {width: 20%;}
.cols2.size20-80 > .colLeft {width: 20%;}
.cols2.size20-80 > .colRight {width: 80%;}

.cols3 .colLeft,.cols3 .colMiddle,.cols3 .colRight {vertical-align: top;display: block;/*float: left;*/box-sizing: border-box;padding: 2%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.cols3.size33-34-33 > .colLeft, .cols3.size33-34-33 > .colRight{width: 33.1%;}
.cols3.size33-34-33 > .colMiddle {width: 33.1%;}
.cols3.size25-50-25 > .colLeft, .cols3.size25-50-25 .colRight{width: 25%;}
.cols3.size25-50-25 > .colMiddle {width: 50%;}
.cols3.size50-25-25 > .colMiddle, .cols3.size50-25-25 > .colRight{width: 25%;}
.cols3.size50-25-25 > .colLeft {width: 50%;}
.cols3.size25-25-50 > .colMiddle, .cols3.size25-25-50 > .colLeft{width: 25%;}
.cols3.size25-25-50 > .colRight {width: 50%;}
.cols3.size20-60-20 > .colLeft, .cols3.size20-60-20 > .colRight{width: 20%;}
.cols3.size20-60-20 > .colMiddle {width: 60%;}
.cols3.size60-20-20 > .colMiddle, .cols3.size60-20-20 > .colRight{width: 20%;}
.cols3.size60-20-20 > .colLeft {width: 60%;}
.cols3.size20-20-60 > .colMiddle, .cols3.size20-20-60 > .colLeft{width: 20%;}
.cols3.size20-20-60 > .colRight {width: 60%;}
.cols3.size40-30-30 > .colMiddle, .cols3.size40-30-30 > .colRight{width: 30%;}
.cols3.size40-30-30 > .colLeft {width: 40%;}
.cols3.size15-70-15 > .colLeft, .cols3.size15-70-15 > .colRight{width: 15%;}
.cols3.size15-70-15 > .colMiddle {width: 70%;}
.cols3.size5-90-5 > .colLeft, .cols3.size5-90-5 > .colRight{width: 5%;}
.cols3.size5-90-5 > .colMiddle {width: 90%;}
.cols3.equalHeight {display: flex;}
.cols3.equalHeight > div >div:last-of-type {height: 100%;}

.cols4 .colLeft,.cols4 .colMiddleLeft, .cols4 .colMiddleRight,.cols4 .colRight {vertical-align: top;display: inline-block;float: left;box-sizing: border-box;padding: 2%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.cols4.size25-25-25-25 .colLeft, .cols4.size25-25-25-25 .colMiddleLeft, .cols4.size25-25-25-25 .colMiddleRight, .cols4.size25-25-25-25 .colRight{width: 25%;}

.cols5 .colLeft,.cols5 .colMiddleLeft,.cols5 .colMiddle,.cols5 .colMiddleRight,.cols5 .colRight {vertical-align: top;display: inline-block;float: left;box-sizing: border-box;padding: 2%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.cols5.size20-20-20-20-20 .colLeft, .cols5.size20-20-20-20-20 .colMiddleLeft, .cols5.size20-20-20-20-20 .colMiddle, .cols5.size20-20-20-20-20 .colMiddleRight, .cols5.size20-20-20-20-20 .colRight{width: 20%;}
#page-footer .colMiddleLeft {/*width: 10%;*/}
#page-footer .colMiddle {/*width: 30%;*/}
.colorBoxOuter {width: 100%;}
.colorBoxOuter .colorBoxInner {/*max-width: 868px;*/margin:auto;padding-top: 90px;padding-bottom: 50px;}
.clearer {clear: both;float: none;display: block;}
.iconBoxOuter {background-size: cover;padding: 10%;border-radius: 50px;min-height: 500px;min-height: 400px;box-shadow: 10px 10px 20px #bbb;}
.iconBoxInner h3 {font-weight: normal;font-size: 36px;margin-bottom: 30px;line-height: 1.2;}
.counterNumber {font-size: 72px;text-align: center;color: #0069b4;font-weight: bold;}
.counterText P {font-size: 28px;text-align: center;}

#page-footer h5 {font-size: 18px;color: #ffffff;}
/* News */
 .newsstartpage {display: flex;}
 .news .newsstartpage .article .news-img-wrap {float: none;background: transparent;margin: 0 0 20px 0;height: 280px; overflow: hidden;}
 .news .newsstartpage .article .news-img-wrap a {float: none;border: none;background: transparent;padding: 0;}
 .news .newsstartpage .article .news-img-wrap img {float: none;width: 100%;}
 .news .newsstartpage .article {background-color: #EEF1F5;width: 25%;margin-right: 2%;}
 .news .article .news-list-category {/*font-size: 15px;text-transform: uppercase;*/}
 .news .newsstartpage .article .news-list-category {font-size: 15px;text-transform: uppercase;margin-left: 20px;}
 .news .article .news-list-category.category9 {color: #D07D01;}
 .news .article .news-list-category.category8 {color: #DC5F15;}
 .news .article .news-list-category.category7 {color: #0C68B0;}
 .news .newsstartpage .article h3 {font-size: 36px;text-transform: initial;line-height: 42px;}
 .news .newsstartpage .article h3 A {font-size: 36px;text-transform: initial;text-decoration: none;line-height: 42px;}
 .news .newsstartpage .article .teaser-text {margin: 10px 20px 0 20px;}
 .news .newsstartpage .article:last-child {padding-bottom: 15px;margin-bottom: 15px;}
 .news .newsstartpage .newsListMore {width: 25%;}
 .news .newsstartpage .newsListMore P {position: relative;text-align:center;top:50%;margin-top:-28px;font-size: 24px;color: #0C1526;}
 .news .newsstartpage .newsListMore P:before {top: -40px;content: '';position: absolute;display: block;width: 4px;height: 30px;background-color: #000000;left: 50%;border-radius: 2px;transform: rotate(45deg);}
 .news .newsstartpage .newsListMore P:after {top: -60px;content: '';position: absolute;display: block;width: 4px;height: 30px;background-color: #000000;left: 50%;border-radius: 2px;transform: rotate(-45deg);}
 .news .newsstartpage .newsListMore A {text-decoration: none;}
 
 .news .colorBoxOuter .colorBoxInner.three {display: grid;/*flex-wrap: wrap;*/width: 90%;gap: 85px 50px;grid-template-columns: repeat(3, 1fr);}
 .news .colorBoxOuter .colorBoxInner.three .article {/*flex: 1;*/}
 .news .colorBoxOuter .colorBoxInner.three .article .newsBoxContainer {border-radius: 50px;padding: 5%;width: auto;height: 100%;position: relative;}
.news .f3-widget-paginator {display: flex;margin: auto;width: 90%;clear: both;float: none;margin-top: 50px;max-width: 1920px;justify-content: center;}
#page-body .news ul.f3-widget-paginator li::before {content: none;}
#page-body .news .article:last-child {padding-bottom: 15px;margin-bottom: 15px;}
#page-body .news ul.f3-widget-paginator li {padding-left: 10px;}
#page-body .news ul.f3-widget-paginator li.current {margin-left: 10px;border: 2px solid #ccc;background-color: #ddd;border-radius: 15px;width: auto;padding: 10px 20px; font-size: 24px;display: inline-block;height: 34px;}
#page-body .news ul.f3-widget-paginator li A {text-decoration: none;background-color: #132964;color: #ffffff;border: 2px solid #132964;text-decoration: none;
  border-radius: 15px;
  width: auto;
  padding: 10px 20px;
  transition: background-color 1000ms;
  -moz-transition: background-color 1000ms;
  -ms-transition: background-color 1000ms;
  -o-transition: background-color 1000ms;
  -webkit-transition: background-color 1000ms;
  font-size: 24px;
  display: inline-block;}
#page-body .news ul.f3-widget-paginator li A:hover {background-color: transparent;color: #132964;border: 2px solid #132964;}
 
 #page-body .news ul.news-tags li::before {content: none;padding-left: 0;}
 #page-body .news ul.news-tags li {padding-left: 0;}

 #page-body .news .colorBoxOuter h3,  #page-body .news .colorBoxOuter h3 A {font-size: 36px;font-weight: bold;margin-top: 10px;margin-bottom: 10px;text-decoration: none;}
#page-body .news .colorBoxOuter h3 A span {hyphens: auto;}

 #page-body .news .article .news-img-wrap {
    overflow: visible;
	float: right;
	width: auto;
}

 #page-body .news .article .news-img-wrap > a {
    display: inline-block;
    width: fit-content;
    height: fit-content;

    line-height: 0;
    font-size: 0;

    background: transparent !important;
    box-shadow: none !important;

    overflow: visible;

    filter: drop-shadow(
        5px 7px 7px rgba(0, 0, 0, 0.35)
    );
}

 #page-body .news .article .news-img-wrap > a > img {
    display: block;
float: right;width: 250px;aspect-ratio: 250 / 250;object-fit: cover;
    clip-path: polygon(
        57.3% 0.8%,
        55.0% 0.4%,
        37.3% 6.9%,
        13.7% 19.2%,
        0.4% 29.0%,
        0% 40.4%,
        4.0% 65.3%,
        9.6% 84.5%,
        12.9% 90.6%,
        16.1% 93.5%,
        27.3% 97.1%,
        42.2% 99.6%,
        62.2% 100%,
        67.5% 98.8%,
        80.3% 86.1%,
        95.6% 62.9%,
        100% 51.8%,
        100% 47.8%,
        96.8% 40.8%,
        81.1% 18.4%
    );

    box-shadow: none;
}
 #page-body .news-single .article .news-img-wrap a.lightbox {
    display: inline-block;
    width: fit-content;
    height: fit-content;

    line-height: 0;
    font-size: 0;

    background: transparent !important;
    box-shadow: none !important;

    overflow: visible;

    filter: drop-shadow(
        5px 7px 7px rgba(0, 0, 0, 0.35)
    );
}
 #page-body .news-single .article .news-img-wrap a.lightbox > img {
    display: block;
float: right;width: 400px;aspect-ratio: 400 / 400;object-fit: cover;
    clip-path: polygon(
        57.3% 0.8%,
        55.0% 0.4%,
        37.3% 6.9%,
        13.7% 19.2%,
        0.4% 29.0%,
        0% 40.4%,
        4.0% 65.3%,
        9.6% 84.5%,
        12.9% 90.6%,
        16.1% 93.5%,
        27.3% 97.1%,
        42.2% 99.6%,
        62.2% 100%,
        67.5% 98.8%,
        80.3% 86.1%,
        95.6% 62.9%,
        100% 51.8%,
        100% 47.8%,
        96.8% 40.8%,
        81.1% 18.4%
    );

    box-shadow: none;
}
  #page-body .news .article .newsBoxContainer .header {clear: both;padding-top: 30px;}
  #page-body .news .footer {clear: initial;padding: 0 0 0 0;border-top: none;margin-top: 0;}
  #page-body .news .article .news-img-wrap a {border: none;}
  #page-body .news .article .teaser-text {margin: 0 0 0 0;}
  #page-body .news .article A.more {margin-bottom: 0;margin-top: 0;bottom:30px;position: absolute;}
 .news .footer span {border-right: none;}
 .news .news-list-date {font-size: 15px;/*position: absolute;right: 0;*/}
 .news .article {padding-bottom:0;margin-bottom: 0;}

 .frame-type-news_categorylist {/*margin-top: 50px;*/margin-bottom: 20px;scroll-margin-top: 80px;position: sticky;top: 60px;z-index: 1;background: white;padding-top: 50px;padding-bottom: 60px;}

 .facharticlesingle {width: 64%;box-shadow: 5px 5px 15px #ccc;}
 .news .article.facharticlesingle .news-img-wrap {height: 160px; overflow: hidden;float: none;width: 100%;margin-top: 0;}
 .news .article.facharticlesingle .news-img-wrap img {float: none;width: 100%;max-height: initial;}
 .news .article.facharticlesingle .news-img-wrap a {float: none;padding:0;border:none;background: initial;}
 .facharticlesingle .supporterImage {display: inline-block;width: 20%;}
 .facharticlesingle h5 {display: inline-block;width: 65%;color: #0069B4;font-size: 20px;padding-top: 10px;min-height: 50px;margin-top: 20px;}
 .facharticlesingle h5 A {text-decoration: none;font-size: 20px;line-height: 1.2em;color: #0069B4;}
 .facharticlesingle .fachMeta {display: inline-block;width: 9%;vertical-align: top;padding-top: 14px;text-align: right;width: 100%;}
 .facharticlesingle .fachMeta .metaDate {display: block;color: #000000;font-size: 16px;line-height: 1em;}
 .facharticlesingle .fachMeta .MetaAuthor {display: block;color: #000000;font-size: 16px;}
 .article.facharticlesingle {display: table;position: relative;top: 20px;}
 .article.facharticlesingle A {text-decoration: none;}
 .article.facharticlesingle:hover {background-color: #BAC5D14F;}
 .facharticlesingle .supporterImage img {position: absolute;left: 3%;transform: translateY(-50%);}
 .news .article.facharticlesingle .teaser-text {padding: 20px 0 10px 21%;}
 .news .article.facharticlesingle header {padding: 0 10px;}

 .news .article.facharticle .news-img-wrap {height: 160px; overflow: hidden;float: none;width: 100%;margin-top: 0;}
 .news .article.facharticle .news-img-wrap img {float: none;width: 100%;max-height: initial;}
 .news .article.facharticle .news-img-wrap a {float: none;padding:0;border:none;background: initial;}
 .fachartikel {display: flex;width: 100%;flex-wrap: wrap;}
 .facharticle header {display: flex;flex-wrap: wrap;}
 .facharticle .supporterImage {display: inline-block;width: 35%;}
 .facharticle h5 {display: inline-block;width: 65%;font-size: 14px;line-height: 1.2em;color: #0069B4; min-height: 50px;margin-top: 20px;}
 .facharticle h5 A {text-decoration: none;font-size: 14px;line-height: 1.2em;color: #0069B4;}
 .facharticle .fachMeta {display: block;width: 100%;vertical-align: top;padding-top: 4px;text-align: right;}
 .facharticle .fachMeta .metaDate {display: block;color: #000000;font-size: 16px;line-height: 1em;}
 .facharticle .fachMeta .MetaAuthor {display: block;color: #000000;font-size: 16px;}
 .article.facharticle {display: table;position: relative;width: 31%;margin-right: 2%;box-shadow: 5px 5px 15px #ccc;transition: 0.2s all;top: 20px;}
 .article.facharticle A {text-decoration: none;}
 .article.facharticle:hover {background-color: #BAC5D14F;}
 .facharticle .supporterImage img {position: absolute;left: 0;transform: translateY(-50%);}
 .news .article.facharticle .teaser-text {margin: 0 0 0 0;padding: 35px 10px 0;}
 .news .article.facharticle header {padding: 0 10px;}

 .colorBoxOuter .colorBoxInner .frame-type-menu_section {padding: 20px;}
 .colorBoxOuter .colorBoxInner .frame-type-menu_section ul {list-style: disc;}
 #page-body .colorBoxOuter .colorBoxInner .frame-type-menu_section ul li {padding-left: 0;margin-left: 20px;}
 #page-body .colorBoxOuter .colorBoxInner .frame-type-menu_section ul li::before {content: none;}

/* Slick Slider */
 .slick-slider {width: 86%;margin: auto;}
 .slick-slider .slick-slide figure {text-align: center;}
 .slick-slider .slick-slide figure img {display: inline;}

.start #page-body .slick-slider .slick-prev::before {margin-top: -20px;width: 0px;height: 0px;-webkit-transform:rotate(360deg);content: "";display: block;
border-style: solid;border-width: 0 40px 45px 40px;border-color: transparent transparent #adadad transparent;transform: rotate(-90deg);}
.start #page-body .slick-slider .slick-next::before {margin-top: -20px;width: 0px;height: 0px;-webkit-transform:rotate(360deg);content: "";display: block;
border-style: solid;border-width: 0 40px 45px 40px;border-color: transparent transparent #adadad transparent;transform: rotate(90deg);}
.slick-slide img {height: auto;box-shadow: 10px 10px 10px #ccc;border-radius: 25px;}
 .slick-track {display: table;height: 100%;padding-bottom: 20px;}
 .slick-initialized .slick-slide {display: table-cell;vertical-align: middle;float: none;}
 .slick-initialized .slick-slide div {height: 100%;display: table;width: 100%;}
 .slick-initialized .slick-slide figcaption {width: 84%;margin: auto;/*position: absolute;*/bottom: 0;left: 8%;font-size: 22px;line-height: 1.3em;}
 .tx_newsslider.flexslider.carousel {margin-top: 70px;}
 .slides li A {color: #0069b4;transition: 0.75s;transition-timing-function: ease;transition-timing-function: ease-out;}
 .slides li A:hover {color: #52a7e3;}
 A .startSlider .header H3 {color: inherit;}

/* Formulare */
.start #page-body .form-check {display: inline;margin-right: 20px;}
.start #page-body form label {display: block;font-size: 15px;color: #495D71;margin-top: 25px;margin-bottom: 8px;}
.start #page-body form .input label, .start #page-body form .form-text {display: none;}
.start #page-body form label .form-check-label, .start #page-body form label.form-check-label, .start #page-body form label.form-check-wrapping-label {display: inline;}
.start #page-body form label[for*="recaptcha"] {display: none;}
.start #page-body form legend {display: block;font-size: 15px;color: #495D71;margin-top: 25px;margin-bottom: 8px;}
 form label {display:none;}
 .start #page-body form .form-element-check .form-check-input {margin-bottom: 8px;margin-top: 25px;}
 .start #page-body form .form-element-gridrow {display: flex; width: 100%;gap:80px;}
 .start #page-body form .form-element-gridrow > DIV {width: 50%;}
 .start #page-body form .form-element-statictext h2 {font-weight: normal;font-size: 34px;line-height: 1.2em;margin-bottom: 15px;margin-top: 25px;color: #0069b4;}
.start #page-body form .form-element-statictext p {display: block;font-size: 15px;color: #495D71;margin-top: 25px;margin-bottom: 8px;}
.start.neu .gray h4 {
  font-size:31px;
  margin-top:5px;
  margin-bottom:36px;
  color:#0069b4;
}
form input[type=text],
 form input[type=email],
 form input[type=tel] {
  width:100%;
  padding:12px 24px;
  border:1px solid #72859A;
  border-radius:8px;
}

 form textarea {
  padding:12px 24px;
  border:1px solid #72859A;
  border-radius:8px;
  width:100%;
}
 form label.form-check-label {
  display:block;
  margin-top:10px;
  margin-bottom:10px;
}
 form label.form-check-label span,
 form label.form-check-label span A {
  color:#495D71;
  text-decoration:none;
  font-size:15px;
}
.start form .form-navigation .submit button {
  border:2px solid #0069b4;
	background-color: #0069b4;
  color: #ffffff;
  text-align:center;
  height:auto;
  display:inline-block;
  margin-top:20px;
  padding:5px 10px;
  font-size:23px;
  width:auto;
  transition:background-color 1000ms;
  -moz-transition:background-color 1000ms;
  -ms-transition:background-color 1000ms;
  -o-transition:background-color 1000ms;
  -webkit-transition:background-color 1000ms;
  border-radius:15px;
  cursor:pointer;
  text-decoration:none;
  font-weight: normal;
  line-height:1.4em;
  min-width: 180px;
}
form .form-navigation .submit button:hover {
  background-color:white;
  color: #0069b4;
  border: 2px solid #0069b4;
}
form SELECT {background-color:white;}
form > .form-group > .input {margin-bottom:15px;}
#page-body .form-check {display: inline;margin-right: 20px;}
form .input label.form-check-label {display: inline;}
#page-body form label {
  font-size: 15px;
  color: #495D71;
  margin-top: 25px;
  margin-bottom: 8px;
}

/* Section Inex */
#page-body .frame-type-menu_section ul li:before {content: none;}
#page-body .frame-type-menu_section ul li {padding-left: 0;}
#page-body .ip-section-index-navigation ul li:before {content: none;}
#page-body .ip-section-index-navigation ul li {padding-left: 0;}

/* Buttons */
 .Button, .Button_grau, .Button_gelb, .Button_white, .Button_blau, .Button_schwarz, .Button_gruen, .Button_hellblau, .Button_dunkelblau,  .Button_gelb_frame, .Button_schwarz_frame, .Button_white_frame, .Button_hellblau_frame, .Button_dunkelblau_frame, .Button_blau_frame {text-decoration: none;border-radius: 15px;width: auto;padding: 10px 30px;transition: background-color 1000ms;-moz-transition: background-color 1000ms;-ms-transition: background-color 1000ms;-o-transition: background-color 1000ms;-webkit-transition: background-color 1000ms;font-size: 24px;margin-top: 50px;display: inline-block;margin-right: 30px;}
 .Button_gelb,  .downloadList .downloadItem A  {color: #132964;border: 2px solid #ffe000;margin-bottom: 10px;/*margin-top: 20px;*/margin-right: 30px;background-color: #ffe000;}
 .Button_white {color: #132964;border: 2px solid #132964;margin-bottom: 10px;margin-right: 30px;background-color: #ffffff;}
 .gelb .Button_white {border: 2px solid #ffffff;}
 .Button_grau {border: 2px solid #bdbcbc;margin-bottom: 10px;}
 .Button_blau {color: #ffffff;border: 2px solid #0069b4;margin-bottom: 10px;margin-right: 30px;background-color: #0069b4;}
 .Button_gruen {border: 2px solid #009933;margin-bottom: 10px;}
 .Button_schwarz {color: #ffffff;border: 2px solid #333333;margin-bottom: 10px;margin-right: 30px;background-color: #333333;}
 .Button_hellblau {color: #ffffff;border: 2px solid #00b1eb;margin-bottom: 10px;margin-right: 30px;background-color: #00b1eb;}
 .Button_dunkelblau {color: #ffffff;border: 2px solid #132964;margin-bottom: 10px;margin-right: 30px;background-color: #132964;} 

 .downloadList .downloadItem {padding-left: 0!important;}
 .downloadList .downloadItem:before {content: none!important;}

 .frame-relBlue .Button_blau {border: 2px solid #0069b4;width: auto;margin-bottom: 10px;}

 .overall .Button, .overall .Button_grau, .overall .Button_gelb, .overall .Button_blau, .overall .Button_schwarz, .overall .Button_gruen, .overall .Button_hellblau, .overall .Button_dunkelblau,  .downloadList .downloadItem A {/*padding: 16px 36px;*/}

 .Button_gelb:hover, .downloadList .downloadItem A:hover  {background-color: transparent;color: #132964;border: 2px solid #ffe000;}
  #btnStoerer.Button_gelb {margin-right: 0;}
 #btnStoerer.Button_gelb:hover {background-color: white;}
 
 .Button_blau:hover {background-color: transparent;color: #0069b4;border: 2px solid #0069b4;}
 .Button_hellblau:hover {background-color: transparent;color: #00b1eb;border: 2px solid #00b1eb;}
 .Button_dunkelblau:hover {background-color: transparent;color: #132964;border: 2px solid #132964;}  
 .Button_gruen:hover {background-color: transparent;color: #009933;border: 2px solid #009933;}
 .Button_schwarz:hover {background-color: transparent;color: #333333;border: 2px solid #333333;}
 .Button_white:hover {background-color: transparent;color: #132964;border: 2px solid #ffffff;}

 .Button_gelb_frame {background-color: transparent;color: #132964;border: 2px solid #ffe000;width: auto;padding: 10px 30px;font-weight: normal;border-radius: 15px;text-decoration: none;text-align: center;display: inline-block;font-size: 24px;margin-bottom: 10px;}
 .Button_gelb_frame:hover {background-color: #ffe000;color: #132964;border: 2px solid #ffe000;}
 .Button_white_frame {background-color: transparent;color: #132964;border: 2px solid #ffffff;width: auto;padding: 10px 30px;font-weight: normal;border-radius: 15px;text-decoration: none;text-align: center;display: inline-block;font-size: 24px;margin-bottom: 10px;}
 .Button_white_frame:hover {background-color: #ffffff;color: #132964;border: 2px solid #ffffff;}
 .Button_schwarz_frame {background-color: transparent;color: #333333;border: 2px solid #333333;width: auto;padding: 10px 30px;font-weight: normal;border-radius: 15px;text-decoration: none;text-align: center;display: inline-block;font-size: 24px;margin-bottom: 10px;}
 .Button_schwarz_frame:hover {background-color: #333333;color: #ffffff;border: 2px solid #333333;}
 .Button_blau_frame {background-color: transparent;color: #0069b4;border: 2px solid #0069b4;width: auto;padding: 10px 30px;font-weight: normal;border-radius: 15px;text-decoration: none;text-align: center;display: inline-block;font-size: 24px;margin-bottom: 10px;}
 .Button_blau_frame:hover {background-color: #0069b4;color: #ffffff;border: 2px solid #0069b4;}
 .Button_hellblau_frame {background-color: transparent;color: #00b1eb;border: 2px solid #00b1eb;width: auto;padding: 10px 30px;font-weight: normal;border-radius: 15px;text-decoration: none;text-align: center;display: inline-block;font-size: 24px;margin-bottom: 10px;}
 .Button_hellblau_frame:hover {background-color: #00b1eb;color: #ffffff;border: 2px solid #00b1eb;}
 .Button_dunkelblau_frame {background-color: transparent;color: #132964;border: 2px solid #132964;width: auto;padding: 10px 30px;font-weight: normal;border-radius: 15px;text-decoration: none;text-align: center;display: inline-block;font-size: 24px;margin-bottom: 10px;}
 .Button_dunkelblau_frame:hover {background-color: #132964;color: #ffffff;border: 2px solid #132964;}
 .Button_gruen_frame {background-color: transparent;color: #009933;border: 2px solid #009933;width: auto;padding: 10px 30px;font-weight: normal;border-radius: 15px;text-decoration: none;text-align: center;display: inline-block;font-size: 24px;margin-bottom: 10px;}
 .Button_gruen_frame:hover {background-color: #009933;color: #ffffff;border: 2px solid #009933;}
 .Button_grau_frame {background-color: transparent;color: #bdbcbc;border: 2px solid #bdbcbc;width: auto;padding: 10px 30px;font-weight: normal;border-radius: 15px;text-decoration: none;text-align: center;display: inline-block;font-size: 24px;margin-bottom: 10px;}
 .Button_grau_frame:hover {background-color: #bdbcbc;color: #ffffff;border: 2px solid #bdbcbc;}
 .downloadList .downloadItem A {width: auto;
  padding: 10px 30px;
  font-weight: bold;
  transition: background-color 1000ms;
  -moz-transition: background-color 1000ms;
  -ms-transition: background-color 1000ms;
  -o-transition: background-color 1000ms;
  -webkit-transition: background-color 1000ms;
  font-size: 24px;
  color: #ffffff;line-height: 1.4em;background-color: #E29607;text-align: center;
  display: inline-block;border-radius: 10px;
  text-decoration: none;background-color: #E29607;}
/* Scrolled */
.scrolled  #page-header {height: 60px;}
.scrolled  #page-header #navigation-top-level {height: 60px;}
.scrolled  #page-header #navigation-top-level ul li.mnuDefault {padding: 0 2%;}
.scrolled  #page-header #navigation-top-level ul li.lang {padding: 1% 0;}
.scrolled  #page-header #navigation-top-level ul li.mnuDefault.lang {padding: 0;}
.scrolled  #page-header #navigation-top-level .mainLogo IMG {margin-top: 15px;width: 141px;}
.scrolled  #page-header #navigation-top-level ul li A {margin-top: 0;}
.scrolled  #page-header #navigation-top-level ul ul {top: 58px;}

/* Akkordeon */
.jobContainer {
  padding:2% 0 1% 6%;
  position:relative;
  margin-bottom:40px;
  background-color:#FFFFFF;
  border-radius: 50px;
  box-shadow: 10px 10px 10px #ccc;
}
.jobContainer .jobHeader {
  color:background:#283543;
  font-size:26px;
  line-height:1.4em;
  margin-bottom:20px;
  cursor:pointer;
}
#page-body .jobContainer h4.jobHeader {margin-top: 0;}
.jobContainer.mobilitaet .jobHeader {
  color:#E29607;
}
.jobContainer.controlling .jobHeader {
  color:#DC5F15;
}
.jobContainer.highq .jobHeader {
  color:#283543;
}
.jobContainer.naechste-termine .jobHeader {
  color:#0069b4;
}
.jobContainer .opener {
  position:absolute;
  width:5%;
  height:30px;
  margin-left:-5%;
  cursor:pointer;
}
.jobContainer .opener::before {
  transition:transform .8s ease-in-out;
  content:'';
  position:relative;
  display:block;
  width:3px;
  height:25px;
  background-color:#283543;
  left:-42px;
  border-radius:2px;
  transform:rotate(90deg);
  top:5px;
  margin-left:100%;
}
.jobContainer.mobilitaet .opener::before,
.jobContainer.mobilitaet .opener::after {
  background-color:#E29607;
}
.jobContainer.controlling .opener::before,
.jobContainer.controlling .opener::after {
  background-color:#DC5F15;
}
.jobContainer.highq .opener::before,
.jobContainer.highq .opener::after {
  background-color:#283543;
}
.jobContainer.naechste-termine .opener::before,
.jobContainer.naechste-termine .opener::after {
  background-color:#0069b4;
}
.jobContainer.naechste-termine A {
  color:#0069b4;
}
.subpage #page-body .jobContainer.naechste-termine li::before {
  background-color:#0069b4;
}
.jobContainer .opener::after {
  transition:transform .8s ease-in-out;
  content:'';
  position:relative;
  display:block;
  width:3px;
  height:25px;
  background-color:#283543;
  left:-40px;
  border-radius:2px;
  transform:rotate(-90deg);
  top:-20px;
  margin-left:100%;
}
.jobContainer .opener.openerClosed::before {
  transition:transform .8s ease-in-out;
  content:'';
  position:relative;
  display:block;
  width:3px;
  height:25px;
  background-color:#283543;
  left:-41px;
  border-radius:2px;
  transform:rotate(-90deg);
  top:5px;
  margin-left:100%;
}
.jobContainer .opener.openerClosed::after {
  transition:transform .8s ease-in-out;
  content:'';
  position:relative;
  display:block;
  width:3px;
  height:25px;
  background-color:#283543;
  left:-40px;
  border-radius:2px;
  transform:rotate(0deg);
  top:-20px;
  margin-left:100%;
}
.jobContainer .jobPlaces {
  color:#00296E;
  font-weight:normal;
  margin-bottom:5px;
  text-transform:uppercase;
  font-size:15px;
}
.jobContainer .jobLabel {
  text-transform:uppercase;
  font-weight:bold;
  margin-bottom:5px;
}
.jobContainer .downloadDesc {
  position:absolute;
  right:5%;
  text-align:center;
  margin-top:-12px;
}
.jobContainer .downloadMobile {
  display:none;
}
.jobContainer ul {
  margin-bottom:10px;
}
A.btnIpBewerben {
  transition:0.6s all;
  right:20px;
  position:absolute;
  bottom:initial;
  text-decoration:none;
  background-color:#ffffff;
  color:#0C68B0;
  padding:10px 30px;
  font-weight:bold;
  margin:auto;
  margin-top:-80px;
  width:auto;
  text-align:center;
  border-radius:15px;
  border:2px solid #0C68B0;
  font-size:24px;
}
A.btnIpBewerben:hover {
  background-color:#0C68B0;
  color:#ffffff;
  border-radius:15px;
  border:2px solid #0C68B0;
  font-size:24px;
}
A.btnIpBewerben.btnActive {
  background-color:#0C68B0;
  color:#ffffff;
  border-radius:15px;
  border:2px solid #0C68B0;
  font-size:24px;
}

/* Sonstiges */
.start form SELECT {width: 25%;}
.mobilErsatz {display: none;}
 .frame-indent-left {margin-left: 17%;}
 .text-imgcont {position: relative;top: 40px;left: 40px;}
 #page-body div .frame-formLabelTop form label {display: block;}
 #page-body div .frame-formLabelTop form .help-block {display: none;}
.start form .row .col-lg-6:last-child {/*margin-left: 3%;*/}

/* Responsive */

@media only screen and (min-width: 1921px) {
	 .ctaBack {width: 100%;}
	 .ctaObject {background-size: cover;}
}
@media only screen and (min-width: 1401px) and (max-width: 1920px) {

}
@media only screen and (min-width: 1401px) and (max-width: 1600px) {
   .ctaContainer .ctaObject h4 {/*font-size: 54px;*/}
   #page-body .ctaContainer .ctaContent h2 {font-size: 52px;}
   .ctaOverall P,  ctaOverall A,  ctaOverall LI,  ctaOverall TD {font-size: 20px;}
   .Button,  .Button_grau,  .Button_gelb,  .Button_blau,  .Button_orange,  .Button_gruen,  .Button_hellblau,  .Button_dunkelblau,  .Button_gelb_frame {font-size: 18px;}
}

@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .scrolled  #page-header #navigation-top-level ul li.mnuDefault {padding: 0 1%;}
   #page-header #navigation-top-level .mainLogo img {margin-top: 32px;width: 185px;}
   #page-header #navigation-top-level ul li {padding: 2% 1%;}
   .ctaContainer .ctaObject h4 {/*font-size: 46px;*/}
   #page-body .ctaContainer .ctaContent h2 {font-size: 44px;}
   .ctaOverall P,  ctaOverall A,  ctaOverall LI,  ctaOverall TD {font-size: 18px;}
   .Button,  .Button_grau,  .Button_gelb,  .Button_blau,  .Button_orange,  .Button_gruen,  .Button_hellblau,  .Button_dunkelblau,  .Button_gelb_frame {font-size: 16px;}
}

@media only screen and (min-width: 1024px) and (max-width: 1200px) {
  
   .ctaOverall .ctaContainer .ctaObject h4 {font-size: 38px;}
 
  .scrolled  #page-header #navigation-top-level ul li.mnuDefault {padding: 0;}
   #page-header #navigation-top-level .mainLogo img {margin-top: 32px;width: 185px;}
   #page-header #navigation-top-level ul li {padding: 2% 0;}
   .ctaContainer .ctaObject h4 {font-size: 46px;}
   #page-body .ctaContainer .ctaContent h2 {font-size: 44px;}
   .ctaOverall P,  ctaOverall A,  ctaOverall LI,  ctaOverall TD {font-size: 18px;}
   .Button,  .Button_grau,  .Button_gelb,  .Button_blau,  .Button_orange,  .Button_gruen,  .Button_hellblau,  .Button_dunkelblau,  .Button_gelb_frame {font-size: 16px;}
   #page-footer-menu .footerMenuBox .footerMenuHeader A::after {top: -40px;}
   .slick-initialized .slick-slide figcaption {font-size: 18px;}
}

@media only screen and (max-width: 1023px) {
   .ctaOverall .ctaBack {left: -91%;}

   #page-footer-menu li {padding-bottom: 16px;}
   #page-footer h3.footerFix {margin-top: 35px;}
   #btnHeaderSearch {display: none;}
}

@media only screen and (max-width: 1023px) {
   .ctaContainer .ctaArrow {display: var(--fa-display,inline-block);color: white;right: 10%;position: absolute;top: 38%;width: auto;left: initial;}
   #page-header #navigation-top-level ul li a.mobile {display: none;}
   #whole-content {overflow: hidden;}
 #respMenu {display: block;}

	
 #page-header #navigation-top-level {display: none;}

 #page-header #navigation-top-level ul {max-width: 100%;margin: auto;text-align: left;}
 #page-header #navigation-top-level ul li, #page-header #navigation-top-level ul li#mnuLogin {display: block;}
 #page-header #navigation-top-level ul li#mnuLogin {padding: 19px 15px 15px 25px;}
 #page-header #navigation-top-level .loginLayer {right: unset;left:0;top:0;width: 185%;}
 #page-header #navigation-top-level ul li A {padding: 19px 0 15px 16px;/*color: #ffffff;*/text-decoration: none;/*font-size: 14px;*/width: 100%;display: inline-block;box-sizing: border-box;}
/* #page-header #navigation-top-level ul li:hover {background-color: rgba(255,255,255,0.298);}*/
 #page-header #navigation-top-level ul li > a.l1_link {display: inline-block;}
 #page-header #navigation-top-level ul li:nth-child(5) A {text-transform: initial;}
/* #page-header #navigation-top-level ul li:last-child {padding-right: 20px;}*/
 #page-header #navigation-top-level .mainLogo {display: none;}
 #page-header #navigation-top-level ul ul {left: 100%;top: 0;width: 100%;height: 100%;padding: 0;}
 #page-header #navigation-top-level ul ul a {display: block;}
	
     #page-header #navigation-top-level #infoFollow2 {/*margin-right: 0;border-radius: initial;*/margin-right: 9px;margin-top: 18px;}	
   #page-header #navigation-top-level ul li#infoFollow2 A {font-size: 24px;}
   .colorBoxOuter.gray .overall .imgcontainer IMG {width: 112%;height: auto;}
   #page-body {padding-top: 53px;}
   #page-header {height: 50px;position: fixed;z-index: 9999;}
   #respMenu {background-color: #ffffff;height: 50px;}
  neu .respLogoContainer IMG {margin-top: 6px;}
   #page-header #navigation-top-level {width: 100%;height: 100%;background-color: #ffffff;right: 0;box-shadow: -2px 2px 10px #ccc;top: 0;padding-top: 75px;box-sizing: border-box;overflow-y: auto;}
   #respButton {top: 4px;right: 2%;left: unset;position: absolute;background-color: white;height: 20px;}
   .respButton-icon::before {top: -9px;}
   .respButton-icon::after {top: 9px;}
   #page-header #navigation-top-level ul {padding-bottom: 40px;}
   .respButton-icon,  .respButton-icon::before,  .respButton-icon::after {background: #0069b4;height: 3px;}
   .respLogoContainer IMG {max-height: 24px;margin-left: 5%;margin-top: 5px;}
   .respLogoContainer {top: initial;text-align: left;width: 100%;padding-top: 9px;}
   .overall {display: grid;padding-left: 5%;padding-right: 5%;padding: 25px 5%;}
   .overall DIV.overallSub {width: 100%!important;order: 2;}
   .overall .imgcontainer {margin-bottom: 50px;order: 1!important;}
   .overall h3 {font-size: 28px;}
   P,  A,  LI,  TD {font-size: 16px;}
   .overall .imgcontainer IMG.respImgLeft {position: relative;left: -6%;}
   .overall .imgcontainer IMG.respImgRight {position: relative;right: -6%;}  
   .headerSearch {margin-top: initial;margin-left: initial;display: block;position: relative;top: 20px;width: 100%;}
   .tx-indexedsearch-searchbox #tx_indexedsearch .tx-indexedsearch-form .tx-indexedsearch-searchbox-sword {width: 100%;}
   .tx-indexedsearch-searchbox #tx_indexedsearch .tx-indexedsearch-search-submit {left: 6px;}
   #page-header #navigation-top-level #infoFollow2 {margin-left: 8px;}
   #page-header #navigation-top-level ul li.lang,  #page-header #navigation-top-level ul li.lang A {display: inline;}
   #page-header #navigation-top-level ul li.lang {position: relative;top: 20px;left: calc(50% - 30px);}
   .claims,  .ctaContainer .ctaInner P {display: none;}
   .ctaContainer .ctaObject {display: none;width: initial;height: 100px;background-size: auto;background-position: top;margin-top: 50px;border-radius: 10px 0 0 10px;}
     .ctaContainer .ctaObject:hover {display: block;width: initial;height: 100px;background-size: auto;background-position: top;margin-top: 50px;}
   .ctaOverall {/*overflow: initial;*/}
   .ctaContainer {display: block;}
   .ctaBack {position:relative;left: -130%;}
   .ctaContainer .ctaOuter {display: block;width: initial;}
   .ctaContainer .ctaContent {display: none;width: initial;border-radius: initial;box-shadow: none;position: absolute;top: 300px;}
   .ctaContainer .ctaObject h4 {font-size: 22px;width: 80%;margin-top: 0;}
   #page-body .ctaContainer .ctaContent h2,  #page-body .ctaContainer .ctaContent h5 {font-size: 38px;margin-bottom: 40px;}
   .ctaOverall P,  ctaOverall A,  ctaOverall LI,  ctaOverall TD {font-size: 16px;line-height: 1.3em;}
   .ctaContainer .ctaContent {padding: 7% 8% 4% 8%;background-color: rgba(255,255,255,0.8);}
   .ctaContainer .ctaContent .Button_gelb,  .ctaContainer .ctaContent .Button_gelb_frame {font-size: 14px;padding: 8px 20px;}
   #page-body .colorBoxOuter h3 {font-size: 36px;}
   .gray .overall .imgcontainer IMG {width: 112%;}
   .colorBoxOuter.gray .frame-space-before-extra-large {margin-top: 0;}
   #page-body h2 {font-size: 32px;padding-left: 3%;padding-right: 3%;}
  .start #page-body #whole-content .colorBoxOuter .colorBoxInner {overflow: hidden;}
   .slick-slider::after,  .slick-slider::before {width: 110px;}
   .slick-slider {width: auto;}
   .slick-initialized .slick-slide figcaption {font-size: 12px;}
   .gray .overall .imgcontainer IMG {position: relative;left: -6%;}
   #page-body .slick-slider .slick-next {right: 10px;z-index: 999;}
   #page-body .slick-slider .slick-prev {left: 0;z-index: 999;}
  .start .gray #c5366 h4, .start .gray #c5404 h4 {font-size: 24px;line-height: 1.3em;}
   #page-footer-menu .footerMenuBox .footerMenuHeader A::after,  #page-footer-menu .footerMenuBox .footerMenuHeader.footerClosed A::after {top: -39px;}
   .mobilErsatz {display: block;}
   .flexslider {display: none;}
  /* News */
   #page-body .mobilErsatz .article {border: 1px solid #ccc;border-radius: 10px;box-shadow: 1px 1px 10px #ccc;margin-top: 26px;}
   #page-body .news .mobilErsatz .article .news-img-wrap {width: 120px;overflow: hidden;border-radius: 10px;margin-right: 15px;}
   #page-body .news .mobilErsatz .article .news-img-wrap img {/*border-radius: 10px;*/}
   #page-body .news .mobilErsatz h2 {margin-bottom: 10px;line-height: 12px;margin-top: 15px;}
   #page-body .news .mobilErsatz P,  .news .mobilErsatz a {font-size: 12px;margin-bottom: 0;}
   #page-body .news .mobilErsatz .teaser-text div P {margin-bottom: 10px;}
   #page-body .news .mobilErsatz .teaser-text P A {font-weight: bold;color: #0069b4;}
     #page-body .news .mobilErsatz .teaser-text P i {margin-left: 6px;color: #0069b4;}
   #page-body .news .mobilErsatz h2 A {text-decoration: none; line-height: 1em;padding-right: 10px;}
   #page-body .news .mobilErsatz {padding: 0 5%;/*margin-top: -5em;*/padding-bottom: 50px;}
   #page-body .news .article .teaser-text {margin: 0 0 0 0;}
   #page-body .news .mobileHidden {display: none;}
   #page-body .news #loadMoreNews {color: #0069b4;width: 100%;text-align: center;margin-top: 40px;cursor: pointer;font-weight: bold;}
   #page-body .news #loadMoreNews i {font-weight: normal;}
}

@media only screen and (max-width: 767px) {
   #toTop {padding: 0 0;}
  .start .gray form input[type="text"], .start .gray form input[type="email"] {padding-top: 10px;padding-bottom: 10px;}
  .start form SELECT {height: 34px;margin-bottom: 14px;}
}

/* Ausnahmen */
@media only screen and (max-width: 1023px) {
   .cols4.size25-10-40-25 .colMiddleLeft, .cols4.size25-10-40-25 .colMiddleRight {width: 100%;}
   .cols4.size10-35-35-10 .colMiddleLeft, .cols4.size10-35-35-10 .colMiddleRight {width: 100%;}
   .cols4.size10-35-35-10 .colMiddleLeft {display: block;}
   .cols4.size10-35-35-10 .colMiddleLeft .ce-gallery {overflow: initial;float: none;}
   .cols4.size10-35-35-10 .colMiddleLeft figure.image {display: block;width: 80%;margin: auto;}
   .cols4.size10-35-35-10 .colMiddleLeft .text-imgcont {top: unset;left: unset;text-align: center;padding-top: 40px;}
   .frame-relImage .ce-center .ce-outer {float: none;right: initial;width: 100%;}
   .frame-relImage .ce-center .ce-inner {float: none;right: initial;width: 100%;}
   .frame-type-image.frame-relImage .ce-gallery .ce-column {margin-left: 0;margin-right: 0;float: none;}
   .frame-type-image.frame-relImage .ce-gallery .ce-column IMG {width: 140px;}
   .frame-type-image.frame-relImage .ce-gallery .ce-column .image-caption {text-align: left;display: table-cell;vertical-align: middle;padding-right: 25px;}
   .cols4 .colLeft,  .cols4 .colMiddleLeft,  .cols4 .colMiddleRight,  .cols4 .colRight {float: none;}
   .frame-space-before-medium,  .frame-space-after-large,  .colorBoxOuter .frame-space-after-extra-large,  .frame-space-before-extra-large {padding-top: initial;margin-top: 2em;padding-bottom: initial;margin-bottom: 2em;}
   .relBlue .ctaContent {top: 100px;}
   .frame-type-image .ce-gallery[data-ce-columns="1"] {width: 100%;}
   .frame-type-image .ce-gallery[data-ce-columns="1"] .image {margin: auto;}
   .frame-type-image .ce-gallery[data-ce-columns="1"] .ce-column  {float: none;}
}

@media (hover: hover) and (pointer: fine) {
  .flip-box:hover .flip-box-inner {
    transform: rotateY(180deg);
  }
}