/* ***** Ticker Css -- Start ***** */
@-webkit-keyframes ticker {
    0% {
        -webkit-transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(-200%);
    }
}

@keyframes ticker {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-200%);
    }
}

.d-flex {
    display: flex;
    align-items: center;
}

.d-flex > a {
    display: block;
    height: 35px;
    margin-right: 20px;
}

.header-logo {
    width: 130px;/*97px;*/
    height: 90px;/*64px;*/
}

.d-flex .flex-grow {
    flex-grow: 1;
    width: calc(100% - 157px);
}

.ticker-wrapper {
    padding-top: 40px;
}

.ticker-wrap {
    position: relative;
    overflow: hidden;
    height: 4rem;
    padding-left: 100%;
    box-sizing: content-box;
    white-space: nowrap;
}

.ticker-wrap .ticker {
    display: inline-block;
    height: 4rem;
    line-height: 4rem;
    padding-right: 100%;
    box-sizing: content-box;
    width: fit-content;
    -webkit-animation: ticker 15s linear infinite;
    animation: ticker 15s linear infinite;
}

.ticker-wrap .ticker__item {
    color: var(--orange);
    display: inline-block;
    padding: 0 2rem;
    font-size: 2rem
}

.ticker-wrap .ticker__item a {
    color: var(--orange);
    text-decoration: none
}


.ticker-wrap .ticker__item a span {
}
/* ***** Ticker Css -- End ***** */

.hs-button {
  appearance: none;
  border-radius: 40px;
  box-shadow: rgba(27, 31, 35, .1) 0 1px 0;
  box-sizing: border-box;
  color: var(--white);
  cursor: pointer;
  font-weight: 600;
  line-height: 20px;
  padding: 10px 20px;
  letter-spacing: 2px;
  display: inline-block;
  font-size: 1.2rem;
}

.frame-space-after-extra-small {margin-bottom: 3em;}
.frame-space-before-extra-small {margin-top: 3em;}
hs-button a    {
    color: var(--white);
}
.hs-button   {
    background-color: var(--lightblue);
}
.hs-button:hover {
  background-color: #3A99CD;
}
.hs-button:disabled {
  background-color: var(--lightblue);
}
.hs-button:active {
  background-color: var(--lightblue);
  box-shadow: rgba(20, 70, 32, .2) 0 1px 0 inset;
}

.hbspt-form .hs-input[type="text"],
.hbspt-form .hs-input[type="tel"],
.hbspt-form .hs-input[type="email"],
.hbspt-form textarea.hs-input,
.hbspt-form select {
    width: 100%!important;
    background-color: #f4f4f4!important;
    padding: 10px!important;
    border: none!important;
}

.hbspt-form li{margin-left: 0px;}
.hbspt-form span{color: inherit;}
.hbspt-form form input[type="submit"] {border: 0px; color: #fff;}
.hbspt-form form input[type="submit"]:hover{border: 0px}
.hbspt-form .submitted-message{font-size: 20px; padding: 30px; margin: 40px; font-weight: bold;}


.cublog-search-wrapper {padding: 30px;}
.cublog-search-wrapper .cublog-search {
    position: relative;
    height: 48px;
    max-width: 100%;
    margin: 0 auto;
    border-radius: 24px;
    overflow: hidden;
    border: 1px solid #ccc;
    padding: 0;
    width: 100%;
    box-sizing: border-box;
}
.cublog-search-wrapper .cublog-search #searchword {
    height: 100%;
    width: 100%;
    border: none;
    padding: 12px 40px 12px 23px;
    float: left;
    box-sizing: border-box;
    outline: none;
 }
 .cublog-search-wrapper .cublog-search #search-btn{
    position: absolute;
    right: 20px;
    top: 17px;
 }

/*.cublog-search-wrapper .cublog-search #search-btn-new {
    position: absolute;
    right: 20px;
    top: 17px;
}*/
.cublog-search-wrapper .cublog-search #search-btn-new {
    position: absolute;
    right: 18px;
    top: 14px;
    background-image: url(../images/lupe.svg);
    width: 20px;
    height: 20px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    color: transparent;
}

.cublog-search-wrapper .cublog-search #search-btn-new > span {color: inherit;}

.article .block-module img {max-width: 100%; height: auto;}
.uppercase {text-transform: uppercase;}
header a {display: flex;}
.lang-wrapper {/*display: flex;*/ display: none;}

.feature-three-rows p:first-of-type {padding-top: 30px;}

.twocol-img-text .left-image .ce-gallery img,
.twocol-img-text .right-image .ce-gallery img {
    max-width: 100%;
    height: auto;
    width: 100%;
}
.image-resp .ce-gallery img {max-width: 100%; height: auto;}

footer .batch {grid-template-columns: repeat(13, 1fr);}
footer .batch img {grid-column-start:  7; margin-left:  0;}
.quote-text h3 {font-size: 4.4rem;}
.quote-text h3.small {font-size: 2.2rem;}
.quote-heading-desc .quote-text h5 {font-size: 2.2rem;margin-bottom: 2rem;margin-top: 2rem;}
.quote-heading-desc .quote-text-right h4 {margin-top: 2rem;margin-bottom: 3.3rem;}
#id_menu_main ul,
#id_menu_main ul.meta {margin: 10px -30px;}
#id_menu_main ul li a {padding: 0 30px;}
#id_menu_main ul.meta {padding-left: 30px;margin-bottom: 0;}
#id_menu_main ul.meta li a {padding: 0;}
#id_menu_main ul li a:hover {background-color: var(--darkblue);}
#id_menu_main ul.meta li a:hover {background-color: inherit;}

.tx-cu-services .feature h5 {font-size: 18px;margin-top: 0;}
.tx-cu-services .feature .img-wrap {max-width: 50%;}
.tx-cu-services .feature .sub-services ul li {font-size: 12px;margin-bottom: 6px;}
.tx-cu-services .feature .sub-services ul li.used {color: #11374C}
.tx-cu-services .feature .sub-services ul li.not-used {color: #B1BAC3}
.tx-cu-services .feature .sub-services ul li:before {background-image: url('../images/iconmonstr-check-mark-1-12.png');width: 10px;height: 10px;top: 5px;left: -14px;margin-left: 0}
.tx-cu-services .feature .sub-services ul li.not-used:before {display: none;}

.footer { padding-bottom: 35px; }
.footer .row.links { padding: 70px 0 10px 0; display: flex; flex-wrap: wrap; margin: 0 -15px; gap: 0; }
.footer .col { width: 25%; padding: 0 15px; box-sizing: border-box; }
.footer .col h5 { font-size: 16px; color: var(--darkwhite); margin: 0 0 20px 0; padding-bottom: 25px; border-bottom: 1px solid #EDF1F4; font-weight: 700; }
.footer .col ul { padding: 0; margin: 0 0 25px 0; }
.footer .col ul:last-child { margin-bottom: 0; }
.footer .col ul li { padding: 4px 0; margin: 0; }
.footer .col ul li a,
.footer .col ul li { color: var(--darkwhite); font-size: 14px; line-height: 18px; }
.footer .col ul li a:hover { color: var(--lightgrey); }
.footer .col h5.head-img { padding-bottom: 12px; }
.footer .col h5.head-img .logo { margin: 0; max-width: 100%; }
.footer .col .social-nav-menu { display: flex; flex-wrap: wrap; margin-bottom: 45px; }
.footer .col .social-nav-menu li { margin-right: 14px; }
.footer .col .social-nav-menu li a img { vertical-align: top; }
.footer .row.batch { grid-template-columns:auto; }
.footer .row.batch img { /*width: 84px; height: 84px;*/ border-left-width: 40px; border-right-width: 40px; margin: auto; grid-column-start: auto; }

.masonry-gallery-img {width: 33.33%;}
.masonry-gallery-img img {max-width: 95%;height: auto; margin-right: 5px; margin-bottom: 10px;}

.accordion-item-content .background-color-lightgrey {margin-bottom:30px;}

.hbspt-form .hs-input[type="text"],
.hbspt-form .hs-input[type="tel"],
.hbspt-form .hs-input[type="email"],
.hbspt-form textarea.hs-input,
.hbspt-form select {
    margin-bottom: 2rem !important;
    font-size: 1.6rem !important;
    max-width: calc(100% - 20px) !important;
    box-shadow:  none !important;
    color: var(--black) !important;
}
.hbspt-form .form-columns-1,
.hbspt-form .form-columns-2,
.hbspt-form .form-columns-3 {
    max-width: 100%;
}
.hbspt-form select.hs-input,
.hbspt-form input.hs-input[type=file] {
    height: auto !important;
    max-width: 100% !important;
}
.tx-hubspotform .arrow-title {margin: 0;}
.hbspt-form ul.hs-error-msgs.inputs-list {
    margin-top: -1.5rem !important;
    margin-bottom: 2rem !important;
}
.hbspt-form .hs-button {
    appearance: none;
    border-radius: 40px !important;
    box-shadow: rgb(27 31 35 / 10%) 0 1px 0 !important;
    box-sizing: border-box !important;
    color: var(--white) !important;
    background-color: var(--lightblue) !important;
    cursor: pointer !important;
    font-weight: 600 !important;
    line-height: 20px !important;
    padding: 10px 20px !important;
    letter-spacing: 2px !important;
    display: inline-block !important;
    font-size: 1.2rem !important;
    background-image: none !important;
    font-family: inherit !important;
}
.hbspt-form .hs-button:hover,
.hbspt-form .hs-button:focus,
.hbspt-form .hs-button:active {
    color: var(--white) !important;
    background-color: #3A99CD !important;
    border: 0 !important;
}

.hbspt-form .hs-fieldtype-select > label,
.hbspt-form .hs-fieldtype-textarea > label,
.hbspt-form .hs-fieldtype-text > label {display: none !important;}

.hbspt-form .hs-fieldtype-checkbox > label {font-size: 1.6rem !important;}
.hbspt-form textarea.hs-input {height: 10rem !important;}

.hs-error-msg {color: #ff0000 !important;}

#hero-section-slider .dot,
#hero-section-slider-1 .dot {cursor: pointer;}

.button-light-blue {background-color: #ACC9D9;}
.button-light-blue:hover {background-color: #33475B;}

/*.ce-column, .ce-row, .ce-inner, .ce-outer { */
/*float: unset !important;; display: unset !important;;*/ margin: 0; padding: 0; /*overflow: unset !important;; position: unset !important;*/}
.ce-gallery figure { /*display: block; margin: revert*/}
/*.video {width: 80%; margin: 0 auto !important}
.video-embed {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 56.25%;
}
.video-embed-item {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
}
*/

.video-embed {
  position: relative;
  overflow: hidden;
  width: 100%;
  /*padding-top: 56.25%;*/
  min-width: 90vw;
}
.video-embed iframe {
  /*position: absolute;*/
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  /*height: 100%;*/
}

.col-wcircle {position: relative;}
.col-wcircle > * {z-index: 5; position: relative;}
.col-wcircle:before {
    content: "";
    width: 247px;
    height: 247px;
    position: absolute;
    top: -50px;
    left: -50px;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjQ4cHgiIGhlaWdodD0iMjQ3cHgiIHZpZXdCb3g9IjAgMCAyNDggMjQ3IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPHRpdGxlPk92YWwgQ29weTwvdGl0bGU+CiAgICA8ZyBpZD0iRmluYWwtKEZpcmF0KSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IjA1X1Byb2pla3RzZWl0ZV9JbnRlcnJvbGwiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02OS4wMDAwMDAsIC0xOTEuMDAwMDAwKSIgZmlsbD0iI0Y1RkJGRiI+CiAgICAgICAgICAgIDxjaXJjbGUgaWQ9Ik92YWwtQ29weSIgY3g9IjE5MyIgY3k9IjMxNC41IiByPSIxMjMuNSI+PC9jaXJjbGU+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50%;
    z-index: 0;
}
.col-wcircle.has-moreslides:before {width: 310px;height: 310px;}

#id_menu_main ul.meta li {position: relative;}
#id_menu_main ul.meta li + li:before {content: " | "; color: var(--white);}

.image-popup {overflow: hidden;}
.modal-image {overflow: hidden;}




/*27-5-2022*/
.big-image-wrapper .has-big-image { position: absolute; bottom: -143px; right: 0; }
/*27-5-2022*/

table.table.my-courses-tbl { border-collapse: collapse; }
.my-courses-tbl tr th { background: #464751; color: #fff; padding: 4px 15px; }
.my-courses-tbl tr th { background: #464751; color: #fff; padding: 17px 15px;}
.my-courses-tbl tr td { background: #f0f1f2; padding: 7px 25px;}

.mobile-telephone {display: none;}
.desktop-telephone {display: flex;}

body {padding-top: 110px; position: relative;}
body > header {position: fixed; top: 0; width: 100vw;}

body > #id_menu_wrapper {top: 0; position: fixed;}
body > #id_menu_wrapper #id_menu_inner {
    overflow-y: auto;
    max-height: 100vh;
}

#hero-section-slider .mySlides img { height: auto; }

.link-list { grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); }
.link-list .text { padding-bottom: 15px; }
.link-list .text a { line-height: 12px; letter-spacing: 0; padding: 8px 10px; font-size: 1.3rem; font-weight: 500; }
.link-list .text a.button-color-column1 { background-color: #79cff3; }
.link-list .text a.button-color-column2 { background-color: #46a2d6; }
.link-list .text a.button-color-column3 { background-color: #30759c; }
.link-list .text a.button-color-column4 { background-color: #295a77; }
.link-modal .section-title { color: #47A3D7; font-size: 18px; font-weight: 700; font-style: normal; letter-spacing: 0px; text-align: left; line-height: 30px; }
.link-modal .modal-image img { width: 100%; height: auto; }
/*.fancybox-slide { height: auto; /* overflow: auto; */ }*/
.link-modal .twocol-img-text { height: 70vh; overflow-y: auto; overflow-x: hidden; padding-right: 15px; }
.link-modal .fancybox-close-small { top: 10px; right: 10px; }

@media (min-width: 1200px) {
    .video-embed {min-width: 1170px;}
}
@media (min-width: 768px) {
    
}

@media (max-width: 991px) { 
    .footer .col { width: 50%; margin-bottom: 30px; }
	.quote-text h3 {font-size: 3.4rem;}
	#hero-section-slider .button-blue {margin-bottom:15px;}
}

@media (max-width: 800px) {
    .big-image-wrapper .has-big-image { bottom: -135px; }
}

@media (max-width: 767px) {
    .footer .col { width: 100%; }
    .footer .row.batch { margin-bottom: 0; }
    .footer .row.links { padding: 30px 0 10px 0; }
    .footer .col .social-nav-menu { margin-bottom: 25px; }

    .blog-grid img {max-width: 100%; height: auto;}

    .masonry-gallery-img {width: 50%;}

    .image-max-width {min-width: 150px;max-width: 150px;}

    .stellen > .stellen h4 {font-size: 2rem;}
    
    .big-image-wrapper { display: flex; flex-wrap: wrap; } 

    .big-image-wrapper .has-big-image img { width: 100%; }
	
	#uid108 .hero-logo {height:50%;right:0;} 
	#uid112 .hero-logo {height:48%; bottom:76%;right:0;} 

    .accordion-item-content .twocol-img-text .grid-row-2 {grid-row: 1;}
    .accordion-item-content .twocol-img-text .grid-row-1 {grid-row: 2; margin-bottom: 30px;}

    .mobile-telephone {display: flex;}
    .desktop-telephone {display: none;}
    html, body {overflow-x: hidden;}
    body > header {width: 100%; left: 0;}
    body > header .container {box-sizing: border-box; /*transition: 0.5s ease all; -webkit-transition: 0.5s ease all; -moz-transition: 0.5s ease all; -ms-transition: 0.5s ease all;*/}

    body.header-small > header .container {padding-top: 10px; padding-bottom: 10px;}
    /*.header-logo {transition: 0.5s ease all; -webkit-transition: 0.5s ease all; -moz-transition: 0.5s ease all; -ms-transition: 0.5s ease all;}*/
    body.header-small > header .container .header-logo {width: auto;height: 40px;}

}

@media (max-width: 575px) {
  .big-image-wrapper .has-big-image { bottom: -122px; }
  .grey-textbox { padding: 40px; }
  .link-modal { padding: 0; }
}

@media (max-width: 510px) {
	/*body {padding-top: 158px }*/
	.quote-text h3 {font-size: 3.4rem;}
    header .flexbox-resp {flex-direction: initial;}
	#hero-section-slider .button-blue {margin-bottom:15px;}
	#uid190 #hero-section-slider .mySlides img {margin-bottom:150px;}
}
@media (max-width: 375px) {
.stellen > .stellen h4 {
    font-size: 1.8rem;
}
	#uid108 .hero-logo {right:0;} 
	#uid112 .hero-logo {height:55%; bottom:78%;right:0;} 
}

.image-popup, .modal-image {
	border-radius: 6px;
    box-shadow: 0 0 22px 0 rgb(0 0 0 / 18%);
    background: #FFFFFF;
}
.image-popup a.fancybox, .blog-popup a.fancybox {
    position: relative;
    /*display: block;*/
	border-radius: 6px;
    box-shadow: 0 0 22px 0 rgb(0 0 0 / 18%);
    background: #FFFFFF;
	display: table;	
}

.image-popup a.fancybox::before, .blog-popup a.fancybox::before {
	content: '';
    position: absolute;
    background: url(../images/icon_magnify.svg);
    background-repeat: no-repeat;
    z-index: 9;
    background-size: 25px;
    inset: 20px;
    text-align: center;
    background-position: center;
}

.image-popup a.fancybox:hover::before, .blog-popup a.fancybox:hover::before {
	background: url(../images/icon_magnify_hover.svg);
	background-repeat: no-repeat;
	background-size: 25px;
	background-position: center;
}

#blog-results.blog_detail h1, #blog-results.blog_detail h2 {font-weight: 700;font-size: 3rem;}
.questions .row a svg {vertical-align: middle;margin-right: 5px;}
#id_menu_footer a svg {vertical-align: middle;padding-right: 10px;}
.klaro.we_cookie_consent .cookie-modal .cm-modal.cm-klaro .cm-footer .cm-powered-by{display: none !important;}

#hero-section-slider .button-blue {margin-right:25px;}


.footer .col.last-col li{cursor: pointer;}
