body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}
body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
.mobile_menu{position:fixed;z-index:100;display:none}.mobile_menu .inner{height:100%;background:#000;overflow-y:scroll}.mobile_menu.active.position_left{box-shadow:2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_top{box-shadow:0 2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_right{box-shadow:-2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_bottom{box-shadow:0 -2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.no_shadow{box-shadow:none!important}.mobile_menu_trigger{display:none}.mobile_menu_wrapper{position:relative;width:100%;overflow:hidden}.mobile_menu_overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99}.mobile_menu_overlay.background{background:rgba(0,0,0,.5)}.mobile_menu li.submenu_hide>ul{display:none}.mobile_menu li.submenu_show>ul{display:block}body.ie8 .mobile_menu,body.ie8 .mobile_menu_trigger,body.ie9 .mobile_menu,body.ie9 .mobile_menu_trigger{display:none!important}
/* dk_caroufredsel global styles */
.caroufredsel_skin .image_container img, .caroufredsel_thumbnails_skin .image_container img {
	vertical-align: bottom;
}
.caroufredsel > div, .caroufredsel > section, .caroufredsel_thumbnails > div {
	float: left;
}
.caroufredsel .clearfix {
	float: none;
	clear: both;
}
.caroufredsel_thumbnails_skin {
	position: relative;
}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
.mejs__offscreen{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal}.mejs__container{background:#000;box-sizing:border-box;font-family:'Helvetica',Arial,serif;position:relative;text-align:left;text-indent:0;vertical-align:top}.mejs__container *{box-sizing:border-box}.mejs__container video::-webkit-media-controls,.mejs__container video::-webkit-media-controls-panel,.mejs__container video::-webkit-media-controls-panel-container,.mejs__container video::-webkit-media-controls-start-playback-button{-webkit-appearance:none;display:none!important}.mejs__fill-container,.mejs__fill-container .mejs__container{height:100%;width:100%}.mejs__fill-container{background:0 0;margin:0 auto;overflow:hidden;position:relative}.mejs__container:focus{outline:0}.mejs__iframe-overlay{height:100%;position:absolute;width:100%}.mejs__embed,.mejs__embed body{background:#000;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.mejs__fullscreen{overflow:hidden!important}.mejs__container-fullscreen{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:1000}.mejs__container-fullscreen .mejs__mediaelement,.mejs__container-fullscreen video{height:100%!important;width:100%!important}.mejs__background{left:0;position:absolute;top:0}.mejs__mediaelement{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.mejs__poster{background-position:50% 50%;background-repeat:no-repeat;background-size:cover;left:0;position:absolute;top:0;z-index:1}:root .mejs__poster-img{display:none}.mejs__poster-img{border:0;padding:0}.mejs__overlay{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;left:0;position:absolute;top:0}.mejs__layer{z-index:1}.mejs__overlay-play{cursor:pointer}.mejs__overlay-button{background:url(../../assets/mediaelement/images/mejs-controls.svg) no-repeat;background-position:0 -39px;height:80px;width:80px}.mejs__overlay:hover>.mejs__overlay-button{background-position:-80px -39px}.mejs__overlay-loading{height:80px;width:80px}.mejs__overlay-loading-bg-img{-webkit-animation:mejs__loading-spinner 1s linear infinite;animation:mejs__loading-spinner 1s linear infinite;background:url(../../assets/mediaelement/images/mejs-controls.svg) -160px -40px no-repeat;display:block;height:80px;width:80px;z-index:1}@-webkit-keyframes mejs__loading-spinner{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes mejs__loading-spinner{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.mejs__controls{bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:40px;left:0;list-style-type:none;margin:0;padding:0 10px;position:absolute;width:100%;z-index:3}.mejs__controls:not([style*='display: none']){background:rgba(255,0,0,.7);background:-webkit-linear-gradient(transparent,rgba(0,0,0,.35));background:linear-gradient(transparent,rgba(0,0,0,.35))}.mejs__button,.mejs__time,.mejs__time-rail{font-size:10px;height:40px;line-height:10px;margin:0;width:32px}.mejs__button>button{background:url(../../assets/mediaelement/images/mejs-controls.svg);border:0;cursor:pointer;display:block;font-size:0;height:20px;line-height:0;margin:10px 6px;overflow:hidden;padding:0;position:absolute;text-decoration:none;width:20px}.mejs__button>button:focus{outline:dotted 1px #999}.mejs__container-keyboard-inactive a,.mejs__container-keyboard-inactive a:focus,.mejs__container-keyboard-inactive button,.mejs__container-keyboard-inactive button:focus,.mejs__container-keyboard-inactive [role=slider],.mejs__container-keyboard-inactive [role=slider]:focus{outline:0}.mejs__time{box-sizing:content-box;color:#fff;font-size:11px;font-weight:700;height:24px;overflow:hidden;padding:16px 6px 0;text-align:center;width:auto}.mejs__play>button{background-position:0 0}.mejs__pause>button{background-position:-20px 0}.mejs__replay>button{background-position:-160px 0}.mejs__time-rail{direction:ltr;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;height:40px;margin:0 10px;padding-top:10px;position:relative}.mejs__time-total,.mejs__time-buffering,.mejs__time-loaded,.mejs__time-current,.mejs__time-float,.mejs__time-hovered,.mejs__time-float-current,.mejs__time-float-corner,.mejs__time-marker{border-radius:2px;cursor:pointer;display:block;height:10px;position:absolute}.mejs__time-total{background:rgba(255,255,255,.3);margin:5px 0 0;width:100%}.mejs__time-buffering{-webkit-animation:buffering-stripes 2s linear infinite;animation:buffering-stripes 2s linear infinite;background:-webkit-linear-gradient(135deg,rgba(255,255,255,.4) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.4) 75%,transparent 75%,transparent);background:linear-gradient(-45deg,rgba(255,255,255,.4) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.4) 75%,transparent 75%,transparent);background-size:15px 15px;width:100%}@-webkit-keyframes buffering-stripes{0%{background-position:0 0}to{background-position:30px 0}}@keyframes buffering-stripes{0%{background-position:0 0}to{background-position:30px 0}}.mejs__time-loaded{background:rgba(255,255,255,.3)}.mejs__time-current,.mejs__time-handle-content{background:rgba(255,255,255,.9)}.mejs__time-hovered{background:rgba(255,255,255,.5);z-index:10}.mejs__time-hovered.negative{background:rgba(0,0,0,.2)}.mejs__time-current,.mejs__time-buffering,.mejs__time-loaded,.mejs__time-hovered{left:0;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transition:.15s ease-in all;transition:.15s ease-in all;width:100%}.mejs__time-buffering{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)}.mejs__time-hovered{-webkit-transition:height .1s cubic-bezier(.44,0,1,1);transition:height .1s cubic-bezier(.44,0,1,1)}.mejs__time-hovered.no-hover{-webkit-transform:scaleX(0)!important;-ms-transform:scaleX(0)!important;transform:scaleX(0)!important}.mejs__time-handle,.mejs__time-handle-content{border:4px solid transparent;cursor:pointer;left:0;position:absolute;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);z-index:11}.mejs__time-handle-content{border:4px solid rgba(255,255,255,.9);border-radius:50%;height:10px;left:-7px;top:-4px;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);width:10px}.mejs__time-rail:hover .mejs__time-handle-content,.mejs__time-rail .mejs__time-handle-content:focus,.mejs__time-rail .mejs__time-handle-content:active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.mejs__time-float{background:#eee;border:solid 1px #333;bottom:100%;color:#111;display:none;height:17px;margin-bottom:9px;position:absolute;text-align:center;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:36px}.mejs__time-float-current{display:block;left:0;margin:2px;text-align:center;width:30px}.mejs__time-float-corner{border:solid 5px #eee;border-color:#eee transparent transparent;border-radius:0;display:block;height:0;left:50%;line-height:0;position:absolute;top:100%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:0}.mejs__long-video .mejs__time-float{margin-left:-23px;width:64px}.mejs__long-video .mejs__time-float-current{width:60px}.mejs__broadcast{color:#fff;height:10px;position:absolute;top:15px;width:100%}.mejs__fullscreen-button>button{background-position:-80px 0}.mejs__unfullscreen>button{background-position:-100px 0}.mejs__mute>button{background-position:-60px 0}.mejs__unmute>button{background-position:-40px 0}.mejs__volume-button{position:relative}.mejs__volume-button>.mejs__volume-slider{-webkit-backface-visibility:hidden;background:rgba(50,50,50,.7);border-radius:0;bottom:100%;display:none;height:115px;left:50%;margin:0;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:25px;z-index:1}.mejs__volume-button:hover{border-radius:0 0 4px 4px}.mejs__volume-total{background:rgba(255,255,255,.5);height:100px;left:50%;margin:0;position:absolute;top:8px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:2px}.mejs__volume-current{background:rgba(255,255,255,.9);left:0;margin:0;position:absolute;width:100%}.mejs__volume-handle{background:rgba(255,255,255,.9);border-radius:1px;cursor:ns-resize;height:6px;left:50%;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:16px}.mejs__horizontal-volume-slider{display:block;height:36px;position:relative;vertical-align:middle;width:56px}.mejs__horizontal-volume-total{background:rgba(50,50,50,.8);border-radius:2px;font-size:1px;height:8px;left:0;margin:0;padding:0;position:absolute;top:16px;width:50px}.mejs__horizontal-volume-current{background:rgba(255,255,255,.8);border-radius:2px;font-size:1px;height:100%;left:0;margin:0;padding:0;position:absolute;top:0;width:100%}.mejs__horizontal-volume-handle{display:none}.mejs__captions-button,.mejs__chapters-button{position:relative}.mejs__captions-button>button{background-position:-140px 0}.mejs__chapters-button>button{background-position:-180px 0}.mejs__captions-button>.mejs__captions-selector,.mejs__chapters-button>.mejs__chapters-selector{background:rgba(50,50,50,.7);border:solid 1px transparent;border-radius:0;bottom:100%;margin-right:-43px;overflow:hidden;padding:0;position:absolute;right:50%;visibility:visible;width:86px}.mejs__chapters-button>.mejs__chapters-selector{margin-right:-55px;width:110px}.mejs__captions-selector-list,.mejs__chapters-selector-list{list-style-type:none!important;margin:0;overflow:hidden;padding:0}.mejs__captions-selector-list-item,.mejs__chapters-selector-list-item{color:#fff;cursor:pointer;display:block;list-style-type:none!important;margin:0 0 6px;overflow:hidden;padding:0}.mejs__captions-selector-list-item:hover,.mejs__chapters-selector-list-item:hover{background-color:#c8c8c8!important;background-color:rgba(255,255,255,.4)!important}.mejs__captions-selector-input,.mejs__chapters-selector-input{clear:both;float:left;left:-1000px;margin:3px 3px 0 5px;position:absolute}.mejs__captions-selector-label,.mejs__chapters-selector-label{cursor:pointer;float:left;font-size:10px;line-height:15px;padding:4px 10px 0;width:100%}.mejs__captions-selected,.mejs__chapters-selected{color:#21f8f8}.mejs__captions-translations{font-size:10px;margin:0 0 5px}.mejs__captions-layer{bottom:0;color:#fff;font-size:16px;left:0;line-height:20px;position:absolute;text-align:center}.mejs__captions-layer a{color:#fff;text-decoration:underline}.mejs__captions-layer[lang=ar]{font-size:20px;font-weight:400}.mejs__captions-position{bottom:15px;left:0;position:absolute;width:100%}.mejs__captions-position-hover{bottom:35px}.mejs__captions-text,.mejs__captions-text *{background:rgba(20,20,20,.5);box-shadow:5px 0 0 rgba(20,20,20,.5),-5px 0 0 rgba(20,20,20,.5);padding:0;white-space:pre-wrap}.mejs__container.mejs__hide-cues video::-webkit-media-text-track-container{display:none}.mejs__overlay-error{position:relative}.mejs__overlay-error>img{left:0;max-width:100%;position:absolute;top:0;z-index:-1}.mejs__cannotplay,.mejs__cannotplay a{color:#fff;font-size:.8em}.mejs__cannotplay{position:relative}.mejs__cannotplay p,.mejs__cannotplay a{display:inline-block;padding:0 15px;width:100%}
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
@charset "UTF-8";
.contao-cookiebar {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 9999;
  font-size: 0;
  text-align: center;
  padding: 15px;
  max-height: 100vh;
  box-sizing: border-box;
  pointer-events: none;
  overflow: hidden;
}
.contao-cookiebar * {
  box-sizing: border-box;
}
.contao-cookiebar:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.contao-cookiebar .cc-inner {
  display: inline-block;
  overflow-y: auto;
  max-height: 100%;
  max-width: 100%;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  font-size: 1rem;
  text-align: left;
}
.contao-cookiebar.cc-top .cc-inner {
  vertical-align: top;
}
.contao-cookiebar.cc-top.cc-active .cc-inner {
  animation: cookiebar-top-in 0.5s ease-in-out forwards;
}
.contao-cookiebar.cc-top.cc-saved .cc-inner {
  animation: cookiebar-top-out 0.5s ease-in-out forwards;
}
.contao-cookiebar.cc-bottom .cc-inner {
  vertical-align: bottom;
}
.contao-cookiebar.cc-bottom.cc-active .cc-inner {
  animation: cookiebar-bottom-in 0.5s ease-in-out forwards;
}
.contao-cookiebar.cc-bottom.cc-saved .cc-inner {
  animation: cookiebar-bottom-out 0.5s ease-in-out forwards;
}
.contao-cookiebar.cc-middle .cc-inner {
  vertical-align: middle;
}
.contao-cookiebar.cc-middle.cc-active .cc-inner {
  animation: cookiebar-middle-in 0.5s ease-in-out forwards;
}
.contao-cookiebar.cc-middle.cc-saved .cc-inner {
  animation: cookiebar-middle-out 0.5s ease-in-out forwards;
}
.contao-cookiebar.cc-left {
  text-align: left;
}
.contao-cookiebar.cc-right {
  text-align: right;
}
.contao-cookiebar .cc-head h1:first-child, .contao-cookiebar .cc-head h2:first-child, .contao-cookiebar .cc-head h3:first-child, .contao-cookiebar .cc-head h4:first-child, .contao-cookiebar .cc-head h5:first-child, .contao-cookiebar .cc-head h6:first-child {
  margin-top: 0;
}
.contao-cookiebar .cc-head p {
  margin-bottom: 15px;
}
.contao-cookiebar .cc-btn {
  display: inline-block;
  cursor: pointer;
  width: 100%;
  padding: 8px 14px;
  margin-bottom: 8px;
  font-size: 15px;
  outline: 0 none;
  border: 1px solid #cfcfcf;
  border-radius: 4px;
  color: #444;
  background: #f5f5f5;
}
.contao-cookiebar .cc-btn:hover {
  background: #ececec;
}
.contao-cookiebar .cc-btn.success {
  background: #4e9e3e;
  border-color: #3e7830;
  color: #fff;
}
.contao-cookiebar .cc-btn.success:hover {
  background: #4c933f;
}
.contao-cookiebar .cc-btn:last-child {
  margin-bottom: 0;
}
.contao-cookiebar label {
  position: relative;
  display: block;
  padding: 8px 13px 8px 0;
  line-height: 1.2rem;
}
.contao-cookiebar label.group {
  font-weight: 600;
}
.contao-cookiebar input {
  position: absolute;
  width: 1px;
  height: 1px;
  outline: 0 none;
  opacity: 0;
}
.contao-cookiebar input + label {
  padding: 8px 13px 8px 50px;
  cursor: pointer;
}
.contao-cookiebar input + label:before {
  content: "";
  position: absolute;
  top: 6px;
  left: 0;
  width: 35px;
  height: 18px;
  margin: 0;
  box-sizing: content-box;
  border-radius: 10px;
  background: #fff;
  border: 2px solid #9c9b99;
  transition: border-color 0.2s;
}
.contao-cookiebar input + label:after {
  display: block;
  content: "";
  position: absolute;
  top: 10px;
  left: 4px;
  width: 14px;
  height: 14px;
  border-radius: 10px;
  background: #9c9b99;
  transition: background 0.2s, margin-left 0.2s, padding 0.2s;
}
.contao-cookiebar input + label:active:after {
  padding-left: 5px;
}
.contao-cookiebar input.cc-group-half + label:after {
  background: linear-gradient(to right, #9c9b99 0%, #9c9b99 50%, #399d32 50%, #399d32 100%);
}
.contao-cookiebar input:checked + label:after {
  background: #399d32;
  margin-left: 17px;
}
.contao-cookiebar input:checked + label:active:after {
  margin-left: 12px;
}
.contao-cookiebar input:checked + label:before {
  background: #dcf3db;
  border-color: #399d32;
}
.contao-cookiebar input:disabled + label {
  pointer-events: none;
}
.contao-cookiebar input:disabled + label:after {
  background: #c8c7c5;
}
.contao-cookiebar input:disabled + label:before {
  background: #f4f4f4;
  border-color: #c8c7c5;
}
.contao-cookiebar.cc-active .cc-inner {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.contao-cookiebar.cc-active.cc-blocked {
  pointer-events: auto;
  animation: cookiebar-overlay-in 0.5s ease-in-out forwards;
}
.contao-cookiebar.cc-saved.cc-inner {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}
.contao-cookiebar.cc-saved.cc-blocked {
  pointer-events: none;
  animation: cookiebar-overlay-out 0.5s ease-in-out forwards;
}

@media (min-width: 768px) {
  .contao-cookiebar .cc-btn {
    width: auto;
    margin-bottom: 0;
  }
  .contao-cookiebar .cc-inner {
    max-width: 750px;
  }
}
@keyframes cookiebar-overlay-in {
  0% {
    background: rgba(0, 0, 0, 0);
  }
  100% {
    background: rgba(0, 0, 0, 0.75);
  }
}
@keyframes cookiebar-overlay-out {
  0% {
    background: rgba(0, 0, 0, 0.75);
  }
  100% {
    background: rgba(0, 0, 0, 0);
    visibility: hidden;
  }
}
@keyframes cookiebar-top-in {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes cookiebar-top-out {
  0% {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-100%);
  }
}
@keyframes cookiebar-middle-in {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes cookiebar-middle-out {
  0% {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    visibility: hidden;
    transform: scale(0);
  }
}
@keyframes cookiebar-bottom-in {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes cookiebar-bottom-out {
  0% {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    visibility: hidden;
    transform: translateY(100%);
  }
}
.cookiebar_default {
  color: #444444;
}
.cookiebar_default p {
  color: #868686;
  line-height: 1.4;
}
.cookiebar_default .cc-inner {
  padding: 25px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
  background: #fff;
}
.cookiebar_default .cc-group {
  position: relative;
  border: 1px solid #d0d0d0;
  border-radius: 5px;
  margin-bottom: 10px;
}
.cookiebar_default .cc-group > label {
  margin: 5px 130px 5px 10px;
}
.cookiebar_default .cc-group .cc-detail-btn {
  position: absolute;
  right: 0;
  top: 0;
  border: 0 none;
  outline: 0 none;
  background: transparent;
  font-size: 13px;
  letter-spacing: 0;
  text-transform: initial;
  cursor: pointer;
  color: #a2a2a2;
  padding: 8px 13px 8px 13px;
  line-height: 1.2rem;
  margin: 5px 5px 5px 0;
}
.cookiebar_default .cc-group .cc-detail-btn span:nth-child(2) {
  display: none;
}
.cookiebar_default .cc-group .cc-detail-btn.cc-active span:nth-child(1) {
  display: none;
}
.cookiebar_default .cc-group .cc-detail-btn.cc-active span:nth-child(2) {
  display: inline;
}
.cookiebar_default .cc-group .cc-detail-btn:hover {
  color: #717171;
}
.cookiebar_default .cc-group .cc-detail-btn-details {
  display: inline-block;
  border: 0 none;
  outline: 0 none;
  background: transparent;
  font-size: 13px;
  letter-spacing: 0;
  text-transform: initial;
  cursor: pointer;
  color: #a2a2a2;
  text-decoration: underline;
  padding: 0;
  margin: 0 0 10px;
}
.cookiebar_default .cc-group .cc-detail-btn-details span:nth-child(2) {
  display: none;
}
.cookiebar_default .cc-group .cc-detail-btn-details.cc-active span:nth-child(1) {
  display: none;
}
.cookiebar_default .cc-group .cc-detail-btn-details.cc-active span:nth-child(2) {
  display: inline;
}
.cookiebar_default .cc-group .cc-detail-btn-details:hover {
  color: #717171;
}
.cookiebar_default .cc-cookies {
  display: none;
  background: #fbfbfb;
  border-radius: 0 0 5px 5px;
}
.cookiebar_default .cc-cookies > p {
  font-size: 0.875rem;
}
.cookiebar_default .cc-cookies > p, .cookiebar_default .cc-cookies > .cc-cookie {
  margin: 0;
  padding: 15px;
  border-top: 1px solid #e6e6e6;
}
.cookiebar_default .cc-cookies .cc-cookie .cc-cookie-info {
  font-size: 0.875rem;
  background: #fff;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #efefef;
}
.cookiebar_default .cc-cookies .cc-cookie .cc-cookie-info > div + div {
  margin-top: 5px;
}
.cookiebar_default .cc-cookies .cc-cookie .cc-cookie-info + button.cc-detail-btn-details {
  margin-top: 15px;
}
.cookiebar_default .cc-cookies .cc-cookie .cc-cookie-desc > p {
  margin-bottom: 0;
}
.cookiebar_default .cc-cookies .cc-cookie label.cookie + p, .cookiebar_default .cc-cookies .cc-cookie label.cookie + .cc-cookie-info, .cookiebar_default .cc-cookies .cc-cookie label.cookie + button.cc-detail-btn-details {
  margin-top: 10px;
}
.cookiebar_default .cc-cookies .cc-cookie p {
  margin: 0 0 15px;
  font-size: 0.875rem;
}
.cookiebar_default .cc-footer, .cookiebar_default .cc-info {
  text-align: center;
}
.cookiebar_default .cc-info {
  margin-top: 15px;
}
.cookiebar_default .cc-info > p {
  font-size: 0.875rem;
}
.cookiebar_default .cc-info > a {
  display: inline-block;
  font-size: 0.813rem;
  color: #a2a2a2;
  text-decoration: none;
}
.cookiebar_default .cc-info > a:hover {
  color: #717171;
}
.cookiebar_default .cc-info > a + a:before {
  display: inline-block;
  content: "·";
  margin-right: 5px;
}

/********************************************************************************/
/*
Description: CSS File for Columns
Theme Name: Dr. Mach
Theme URI: https://www.dr-mach.de/
Version: 1.0 [06.2021]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

.rs-columns {
  clear: both;
  display: inline-block;
  width: 100%;
}

.rs-column {
  float: left;
  width: 100%;
  margin-top: 3.69231%;
  margin-right: 3.69231%;
}
.rs-column.-large-first {
  clear: left;
}
.rs-column.-large-last {
  margin-right: -5px;
}
.rs-column.-large-first-row {
  margin-top: 0;
}
.rs-column.-large-col-1-1 {
  width: 100%;
}
.rs-column.-large-col-2-1 {
  width: 48.15385%;
}
.rs-column.-large-col-2-2 {
  width: 100%;
}
.rs-column.-large-col-3-1 {
  width: 30.87179%;
}
.rs-column.-large-col-3-2 {
  width: 61.74358%;
}
.rs-column.-large-col-3-3 {
  width: 100%;
}
.rs-column.-large-col-4-1 {
  width: 22.23076%;
}
.rs-column.-large-col-4-2 {
  width: 48.15385%;
}
.rs-column.-large-col-4-3 {
  width: 75.07692%;
}
.rs-column.-large-col-4-4 {
  width: 100%;
}
.rs-column.-large-col-5-1 {
	width: 17.04615%;
}
.rs-column.-large-col-5-2 {
  width: 37.38462%;
}
.rs-column.-large-col-5-3 {
  width: 58.92308%;
}
.rs-column.-large-col-5-4 {
  width: 80.46154%;
}
.rs-column.-large-col-5-5 {
  width: 100%;
}
.rs-column.-large-col-6-1 {
  width: 13.58974%;
}
.rs-column.-large-col-6-2 {
  width: 30.20513%;
}
.rs-column.-large-col-6-3 {
  width: 48.15385%;
}
.rs-column.-large-col-6-4 {
  width: 66.10256%;
}
.rs-column.-large-col-6-5 {
  width: 84.05128%;
}
.rs-column.-large-col-6-6 {
  width: 100%;
}
@media screen and (max-width: 900px) {
  .rs-column {
    margin-top: 3.69231%;
    margin-right: 3.69231%;
  }
  .rs-column.-large-first {
    clear: none;
  }
  .rs-column.-large-last {
    margin-right: 3.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 3.69231%;
  }
  .rs-column.-medium-first {
    clear: left;
  }
  .rs-column.-medium-last {
    margin-right: -5px;
  }
  .rs-column.-medium-first-row {
    margin-top: 0;
  }
  .rs-column.-medium-col-1-1 {
    width: 100%;
  }
  .rs-column.-medium-col-2-1 {
    width: 48.15385%;
  }
  .rs-column.-medium-col-2-2 {
    width: 100%;
  }
  .rs-column.-medium-col-3-1 {
  	width: 30.87179%;
  }
  .rs-column.-medium-col-3-2 {
    width: 61.74358%;
  }
  .rs-column.-medium-col-3-3 {
    width: 100%;
  }
  .rs-column.-medium-col-4-1 {
    width: 22.23076%;
  }
  .rs-column.-medium-col-4-2 {
    width: 48.15385%;
  }
  .rs-column.-medium-col-4-3 {
    width: 75.07692%;
  }
  .rs-column.-medium-col-4-4 {
    width: 100%;
  }
  .rs-column.-medium-col-5-1 {
    width: 17.04615%;
  }
  .rs-column.-medium-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-medium-col-5-3 {
    width: 58.92308%;
  }
  .rs-column.-medium-col-5-4 {
    width: 80.46154%;
  }
  .rs-column.-medium-col-5-5 {
    width: 100%;
  }
  .rs-column.-medium-col-6-1 {
    width: 13.58974%
  }
  .rs-column.-medium-col-6-2 {
    width: 30.20513%;
  }
  .rs-column.-medium-col-6-3 {
    width: 48.15385%;
  }
  .rs-column.-medium-col-6-4 {
    width: 66.10256%;
  }
  .rs-column.-medium-col-6-5 {
    width: 84.05128%;
  }
  .rs-column.-medium-col-6-6 {
    width: 100%;
  }
}
@media screen and (max-width: 599px) {
  .rs-column {
    margin-top: 3.69231%;
    margin-right: 3.69231%;
  }
  .rs-column.-large-last {
    margin-right: 3.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 3.69231%;
  }
  .rs-column.-medium-first {
    clear: none;
  }
  .rs-column.-medium-last {
    margin-right: 3.69231%;
  }
  .rs-column.-medium-first-row {
    margin-top: 3.69231%;
  }
  .rs-column.-small-first {
    clear: left;
  }
  .rs-column.-small-last {
    margin-right: -5px;
  }
  .rs-column.-small-first-row {
    margin-top: 0;
  }
  .rs-column.-small-col-1-1 {
    width: 100%;
  }
  .rs-column.-small-col-2-1 {
    width: 48.15385%;
  }
  .rs-column.-small-col-2-2 {
    width: 100%;
  }
  .rs-column.-small-col-3-1 {
    width: 30.87179%;
  }
  .rs-column.-small-col-3-2 {
    width: 61.74358%;
  }
  .rs-column.-small-col-3-3 {
    width: 100%;
  }
  .rs-column.-small-col-4-1 {
    width: 22.23076%;
  }
  .rs-column.-small-col-4-2 {
    width: 48.15385%;
  }
  .rs-column.-small-col-4-3 {
    width: 75.07692%;
  }
  .rs-column.-small-col-4-4 {
    width: 100%;
  }
  .rs-column.-small-col-5-1 {
    width: 17.04615%;
  }
  .rs-column.-small-col-5-2 {
    width: 37.38462%;
  }
  .rs-column.-small-col-5-3 {
    width: 58.92308%;
  }
  .rs-column.-small-col-5-4 {
    width: 80.46154%;
  }
  .rs-column.-small-col-5-5 {
    width: 100%;
  }
  .rs-column.-small-col-6-1 {
    width: 13.58974%
  }
  .rs-column.-small-col-6-2 {
    width: 30.20513%;
  }
  .rs-column.-small-col-6-3 {
    width: 48.15385%;
  }
  .rs-column.-small-col-6-4 {
    width: 66.10256%;
  }
  .rs-column.-small-col-6-5 {
    width: 84.05128%;
  }
  .rs-column.-small-col-6-6 {
    width: 100%;
  }
}

/********************************************************************************/
/*
Description: CSS File for Fonts
Theme Name: Dr. Mach
Theme URI: https://www.dr-mach.de/
Version: 1.0 [06.2021]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

/* @import url("https://fast.fonts.net/lt/1.css?apiType=css&c=01b1b350-78d9-48e0-9bf3-5e06a74671ae&fontids=692234,5563268,5563279"); */
@font-face{
    font-family:"DIN Next W01 Bold";
    src:url("../../files/data/fonts/692234/121784c1-863c-4e49-b682-625ea7de55b0.woff2") format("woff2"),url("../../files/data/fonts/692234/9949035f-6226-4080-a14a-bf7d94ffb1e1.woff") format("woff");
}
@font-face{
    font-family:"DIN Next LT W01 Light";
    src:url("../../files/data/fonts/5563268/14aba99e-8c97-4daa-a8df-67920a051402.woff2") format("woff2"),url("../../files/data/fonts/5563268/96fd6d6f-fad6-4dd9-ab70-29547a56cacd.woff") format("woff");
}
@font-face{
    font-family:"DIN Next LT W01 Regular";
    src:url("../../files/data/fonts/5563279/6b4d4830-9c7d-43d2-b5d3-c73f739561b9.woff2") format("woff2"),url("../../files/data/fonts/5563279/ccf25ada-6d2a-4133-95dc-deb039e22999.woff") format("woff");
}

/********************************************************************************/

/********************************************************************************/
/*
Description: CSS File for Layout
Theme Name: Dr. Mach
Theme URI: https://www.dr-mach.de/
Version: 1.0 [06.2021]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/
/*	Hauptfarben									*/
/*	V:				#878787						*/
/*	15:				#b2b2b2						*/

/*	Dunkelblau:		#003A79						*/
/*	Hellblau:		#009EE0						*/
/*	Hintergrund:	rgba(0, 174, 239, 0.15)		*/
/*	Grün:			#97BF0D						*/
/********************************************************************************/
/*	CSS Reset	*/

:link,:visited { text-decoration:none }
ul, ol { list-style:none }
h1,h2,h3,h4,h5,h6 { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,hr, dt, dd { margin:0; padding:0 }
figure {margin:0;}
a img,:link img,:visited img { border:none }

* {margin: 0; padding: 0; border: 0; outline: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html {-webkit-font-smoothing: antialiased; overflow-y: scroll; height: 100%;}

/*	Linie um Links enfernen	*/
/* :focus {outline:0;} */

/********************************************************************************/
/* Auswahltext-Farbe ändern */
::selection {background:#009EE0; color:#fff; /* Safari and Opera */ }
::-moz-selection {background:#009EE0; color:#fff; /* Firefox */ }

/* Highlight Searchword */
.highlight {background:#009EE0; color:#fff; padding:0 2px;}

/********************************************************************************/

/*	Nötig für Dropdown Navigation -> Siehe menu.css	*/
html,
body {
overflow-x				: hidden;
}

body {
	font-family: 'DIN Next LT W01 Light', arial, sans-serif;
	font-weight: 300;
	color: #003A79;
	margin: 0 auto;
	padding: 0;
	background: #fff;
}

/********************************************************************************/
/*	Aufbau	*/

#wrapper {
	/* max-width: 1400px; */
	/* margin: 0 auto; */
	/* text-align: center; */
}

#header {
	z-index: 110;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	text-align: center;
	/* max-width: 1400px; */
	/* margin: 0 auto; */
	height: 180px;
	/* box-shadow: 0 0 10px rgba(0,0,0,0.9); */
	transition: 0.3s;
	background: #fff;
	/* background: rgba(245, 245, 245, 0.95); */
}

.scrolled #header {
	height: 100px;
}

#header .inside {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	/* max-width: 1400px;
	margin: 0 auto; */
	/* padding: 20px; */
}

#header .ce_image {
	
}

#header .nav_main {
	width: 100%;
	border-top: 1px solid #003A79;
}

.logo {
	margin: 20px 0;
	/* display: inline-block; */
}

.scrolled .logo {
	margin: 10px 0;
}

.logo img {
	width: auto;
	height: 100px;
/* 	max-width: 200px; */
/* 	height: auto; */
	transition: 0.3s;
}

.scrolled #header .logo img {
	height: 40px;
}

#container {
	margin-top: 180px;
}

#main {
/* 	background: #eee; */
}

#main .inside {
/* 	padding: 50px 20px; */
}

#footer {
	text-align: center;
	border-top: 1px solid #003A79;
	background: #AAE1FA;
}

#footer .ce_text {
	padding: 20px;
}

/********************************************************************************/
/*	Slogan	*/

@keyframes slideInFromTop {
	0% {
		transform: translateY(-100%);
		opacity: 0;
	}
	50% {
		transform: translateY(-100%);
		opacity: 0;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}
	
h1.slogan,
.kreuz {
	animation: 2s ease-out 0s 1 slideInFromTop;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	max-width: 100% !important;
	min-height: 30vh;
	font-family: 'DIN Next LT W01 Light', arial, sans-serif;
	font-size: 6vw;
	line-height: 30vh;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
	padding: 0 !important;
	background: rgba(0, 174, 239, 0.4);
}

.kreuz {
	text-align: left;
	text-transform: none;
}

.kreuz figure {
	max-width: 1400px;
	margin: 0 auto;
}

.kreuz p {
	max-width: 1400px;
	margin: 0 auto;
	margin-top: -170px;
	padding-left: 150px;
	/* padding-left: 12vh; */
	/* margin-top: -14.5vh; */
}

/********************************************************************************/
/*	Sprachwechsler	*/

.mod_changelanguage {
	pointer-events: none;
	position: absolute;
	top: 20px;
	right: 0;
	left: 20px;
	max-width: 1400px;
	margin: 0 auto;
	text-align: left;
}

.mod_changelanguage li {
	display: inline;
	pointer-events: all;
}

.mod_changelanguage li.first:after {
	content: ' |'
}

/********************************************************************************/
/*	Top Link	*/

.ce_toplink {
    text-indent: -9999px;
    display: none;
    cursor: pointer;
    position: fixed;
    right: 10px;
    bottom: 10px;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    background: #878787;
}

.ce_toplink a {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -8px;
    margin-top: -12px;
    height: 0;
    width: 0;
    border: 8px solid transparent !important;
    border-bottom-color: #fff !important;
}

.ce_toplink:hover {
    opacity:1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)";
    background: #b2b2b2;
}

/********************************************************************************/
/*	Artikel & Inhalte	*/

.mod_article.last {
	/* padding-bottom: 50px; */
}

.mod_article.bg-hellblau,
.ce_image.bg-hellblau {
	background: rgba(0, 174, 239, 0.15);
}

.mod_article .inside {
	max-width: 1400px;
	margin: 0 auto;
	padding: 100px 20px !important;
}

.mod_article.teaser .ce_image {
	width: 100vw;
	height: 70vh;
	margin-bottom: 50px;
	background-size: cover !important;
	background-position: center bottom !important;
}

.mod_article.first .ce_image {
	width: 100vw;
	height: 70vh;
	background-size: cover !important;
}

.produkt .mod_article.first .ce_image {
	height: 50vh;
}

.start .mod_article.first .ce_image {
	/* height: 70vh; */
}

@media only screen and (max-height : 900px) {
	#container {
	max-width: 1400px;
	margin: 0 auto;
	margin-top: 180px;
	}
	
	.mod_article.first .ce_image {
	width: 100%;
	height: 60vh;
	/* margin-top: 180px; */
	background-size: cover !important;
	}
}

@media only screen and (max-width : 991px) {
	.mod_article.first .ce_image,
	.mod_article.teaser .ce_image {
	height: 40vh;
	}
}

@media only screen and (max-width : 767px), only screen and (orientation: landscape) and (max-width : 820px) {
	.mod_article.first .ce_image,
	.mod_article.teaser .ce_image {
	height: 30vh;
	}
	
	h1.slogan,
	.kreuz {
	min-height: 20vh;
	line-height: 20vh;
	}
	
	.kreuz img {
	height: 10vh;
	width: 10vh;
	}
	
	.kreuz p {
	padding-left: 7vh;
	margin-top: -9vh;
	}
}

.mod_article.first .inside {
	padding: 0 20px !important;
}

.mod_article.abstandTop0 .inside {
	padding: 0 20px 100px 20px !important;
}

.abstandTop50 {
	padding-top: 50px !important;
}

.abstandBottom50  {
	padding-bottom: 50px !important;
}

@media only screen and (max-width : 767px) {
	.mod_article .inside {
	padding: 50px 20px !important;
	}
}

.mod_article.ohne-abstand .inside,
.mod_article.maps .inside {
	max-width: 100%;
	margin: 0 auto;
	padding: 0 !important;
}

.mod_article.ohne-abstand .inside .ce_headline,
.mod_article.ohne-abstand .inside .ce_text,
.mod_article.ohne-abstand .inside .ce_hyperlink {
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 20px;
}

.center {
	text-align: center;
}

.einleitung {
	max-width: 800px;
	margin: 0 auto;
	padding-top: 50px;
	padding-bottom: 50px;
}

.einleitung.gda23 {
	padding-top: 0;
}

.text-schmal {
	max-width: 800px;
	margin: 0 auto;
}

/*****/

.text-bild {
	margin-bottom: 50px;
	background: rgba(0, 174, 239, 0.15);
}

.text-bild figure {
	/* margin-bottom: 0 !important; */
	margin: 3px !important;
	margin-left: 20px !important;
}

.text-bild .inhalt {
	padding: 10px 20px;
}

.text-bild .inhalt h3 {
	text-align: left !important;
}

.text-bild .inhalt p:nth-last-of-type(1) {
	padding-bottom: 0;
}

/****/

.produkt div.ce_sHtml5Start {
	color: #fff;
	background: #003A79;
}

div.ce_sHtml5Start .ce_text h1,
div.ce_sHtml5Start .ce_text h2 {
	display: inline-block;
	padding-top: 0;
	padding-bottom: 0;
}

div.ce_sHtml5Start .ce_text h2 {
	font-family: 'DIN Next LT W01 Light', arial, sans-serif;
	font-weight: 300;
}

.highlights {
	position: absolute;
	top: 80px;
	left: 0;
	right: 0;
}

@media only screen and (max-width : 1080px) {
	.highlights.gda23 img {
	width: 20vw;
	}
}

/********************************************************************************/
/*	Überschriften & Text	*/

h1, h2, h3, h4, h5, h6 {
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

h1,
h2 {
	font-family: 'DIN Next W01 Bold', arial, sans-serif;
	font-weight: 300;
}

h1 {
	font-size: 2.000rem;
	/* line-height: 4.200rem; */
	line-height: 2.800rem;
/* 	letter-spacing: 1px; */
	padding: 0.375rem 0 0.750rem 0;
}

.produkt h1 {
	line-height: 4.200rem;
}

h2 {
	font-size: 2.000rem;
	line-height: 2.600rem;
	padding: 1rem 0 0.625rem 0;
}

h3 {
	font-size: 2.400rem;
	line-height: 2.600rem;
	padding: 1rem 0 0.625rem 0;
	text-align: center;
}

h4 {
	font-size: 1.375rem;
	line-height: 1.867rem;
	padding: 0.375rem 0 0.875rem 0;
}

/* Startseite: News */
h4 {
	font-size: 3rem;
	line-height: 3.500rem;
	color: #fff;
	text-transform: uppercase;
	max-width: 100% !important;
	text-align: center;
	margin-bottom: 40px !important;
	background: #003A79;
}

h5 {
	font-family: 'DIN Next W01 Bold', arial, sans-serif;
	/* color: #009EE0; */
	font-size: 1.375rem;
	line-height: 1.867rem;
}

h6 {
	font-size: 1.375rem;
	line-height: 1.867rem;
	text-transform: uppercase;
}

.bg-grau p,
.bg-grau h1,
.bg-grau h2 {
	color: #fff;
}

p,
td,
.ce_hyperlink,
.ce_metamodel_content,
.mod_changelanguage {
	font-size: 1.375rem;
	line-height: 1.867rem;
	padding: 0 0 1.867rem 0;
}

/* .ce_hyperlink, */
.ce_download p,
.ce_metamodel_content {
	padding: 0 !important;
}

p strong,
.einleitung p {
	font-family: 'DIN Next W01 Bold', arial, sans-serif;
	font-weight: 300;
}

/*****	Copy to TinyMCE ANFANG	*****/
span.hinweis-text {
	color: #009EE0;
	font-weight: bold;
}

p.small {
	font-size: 1.000rem;
	line-height: 1.250rem;
}

p.hinweis-banner {
	color: #009EE0;
	margin: 0 0 1.867rem 0;
	padding: 1em;
	border: 1px dotted #009EE0;
}
/*****	Copy to TinyMCE ENDE	*****/

p.dsgvo-ga-link {
	margin-top: -1.867rem;
}

#footer p {
	color: #003A79;
	font-size: 1.125rem;
	line-height: 1.375rem;
	padding: 0;
}

a:link,
a:visited {
	color: #009EE0;
	/* border-bottom: 2px solid #009EE0; */
}

a:hover,
a:active,
a:focus {
	color: #009EE0;
	border-bottom: 2px dotted #009EE0;
}

h3 a,
h3 a:hover,
h3 a:active,
h3 a:focus {
	color: #003A79;
	/* border-bottom: 2px dotted #003A79; */
}

/*****/

#footer a:link,
#footer a:visited {
	color: #003A79;
}

#footer a:hover,
#footer a:active,
#footer a:focus {
	color: #003A79;
	border-bottom: 2px dotted #003A79;
}

/*****/

.ce_hyperlink {
	text-align: right;
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}

.ce_download {
	text-align: center;
}

.ce_hyperlink a,
.ce_download a {
	display: inline-block;
	color: #fff;
	padding: 2px 15px;
	border: 1px solid #003A79;
	background: #003A79;
}

.ce_hyperlink a:hover,
.ce_hyperlink a:active,
.ce_hyperlink a:focus {
	color: #003A79;
	border-bottom: none;
	background: #fff;
}

/********************************************************************************/
/*	Listen	*/

.ce_text ul {
	margin-bottom: 1.250rem;
	padding-left: 1.6em;
	text-indent: -1.6em;
}

.ce_text p + ul {
	margin-top: -1.4em;
}

.ce_text li {
	font-size: 1.375rem;
	line-height: 2.250rem;
}

.ce_text ul li:before {
	content: '+ ';
	font-family: 'DIN Next W01 Bold', arial, sans-serif;
	font-weight: 300;
}

/********************************************************************************/
/*	Bilder	*/

/*	Abstand unter Bildern entfernen	*/
figure {
	line-height:0;
}

figure a:link,
figure a:visited,
figure a:hover,
figure a:active,
figure a:focus {
	border-bottom: none;
}

#main figure {
	position: relative;
}

#main figure.float_left {
	margin: 0 1em 1em 0;
}

#main figure.float_right {
	margin: 0 0 1em 1em;
}

#main figure a img {
	cursor: -moz-zoom-in; 
	cursor: -webkit-zoom-in; 
	cursor: zoom-in;
}

@media only screen and (max-width : 767px) {
	#main figure.float_left,
	#main figure.float_right {
	float: none;
	clear: both;
	text-align: center;
	width: 100%;
	margin: 0 0 1em 0 !important;
	}
}

.caption {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	line-height: 1rem;
	padding: 5px 10px;
	background: rgba(255, 255, 255, 0.8);
	font-size: 1rem;
}

/*****/
/* Startseite Bildunterschrift */

.img-caption {
	position: absolute;
	bottom: 10px;
	right: 10px;
	color: #fff;
	font-size: 1rem;
}

/*****/
/* Lohnfertigung */

.lf-bilder .ce_image {
	float: left;
}

.lohnfertigung table tr {
	border-top: 2px solid #ccc;
}

.lohnfertigung table td {
	padding-top: 10px;
}

/*****/
/* Team */

.mod_article .team,
.mod_article .lf-bilder {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	/* background: rgba(0, 174, 239, 0.15); */
}

.mod_article .lf-bilder {
	background: rgba(0, 174, 239, 0.15);
}

.team .ce_image {
	display: flex;
	width: 30%;
	margin-bottom: 4.5%;
}

.lf-bilder .ce_image {
	display: flex;
	width: 20%;
}

@media only screen and (max-width : 767px) {
	.team .ce_image {
	width: 45%;
	margin-bottom: 10%;
	}
}

/******************************/
/*	Responsive Bilder	*/

#main img.img-big {
	width: 1400px;
}

#main img.img-medium {
	width: 800px;
}

#main img.img-small {
	width: 500px;
}

#main img.img-lf {
	width: 414px;
}

@media only screen and (max-width : 991px) {
	#main img.img-small {
	width: 400px;
	/* width: calc(50vw - 20px); */
	}
}

@media only screen and (max-width : 767px) {
	/*
	#main img.img-big {
	width: 800px;
	}

	#main img.img-medium {
	width: 400px;
	}
*/
	#main img.img-small {
	width: 500px;
	}
}

@media only screen and (max-width : 599px) {
	/*
	#main img.img-big {
	width: 600px;
	}

	#main img.img-medium {
	width: 200px;
	}

	#main img.img-small {
	width: 100px;
	}
	*/
}

/****/

.animation iframe {
	width: 100%;
	max-width: 1400px;
	height: 100%;
	max-height: 724px;
	margin: 0 auto;
}

/********************************************************************************/
/*	LinkedIn	*/

a.linkedin::before {
	content: '';
	display: inline-block;
	width: 14px;
	height: 14px;
	padding-left: 5px;
	background: url(/files/data/img/linkedin.svg) no-repeat;
	background-size: 14px;
}

/********************************************************************************/
/*	Kontakt	*/

.kontakt .rs-column {
	display: flex;
	flex-direction: column;
	margin-bottom: 50px;
	border-top: 2px solid #003A79;
}

@media only screen and (max-width : 599px) {
	.kontakt-info {
	min-height: 100px;
	}
}

@media only screen and (min-width : 600px) {
	.kontakt-info {
	min-height: 240px;
	}
}

@media only screen and (min-width : 900px) {
	.kontakt h2 {
	font-size: 3vw;
	}
}

@media only screen and (min-width : 935px) {
	.kontakt h2 {
	font-size: 2.000rem;
	}
}

/********************************************************************************/
/*	Mobile Navigation	*/

/*	Fehler mit mobile-menu & position:fixed umgehen	*/
body .mobile_menu_wrapper #wrapper {
	transform: none !important;
	will-change: content !important;
}

.offcanvas {
	z-index: 20;
	position: absolute;
	top: 20px;
	right: 20px;
	width: 40px;
	height: 32px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
}

.offcanvas span {
	display: block;
	position: absolute;
	height: 4px;
	width: 100%;
	background: #003A79;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

.offcanvas span:nth-child(1) {
	top: 0px;
}

.offcanvas span:nth-child(2),
.offcanvas span:nth-child(3) {
	top: 14px;
}

.offcanvas span:nth-child(4) {
	top: 28px;
}

.offcanvas.open span:nth-child(1) {
	top: 18px;
	width: 0%;
	left: 50%;
}

.offcanvas.open span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.offcanvas.open span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.offcanvas.open span:nth-child(4) {
	top: 18px;
	width: 0%;
	left: 50%;
}

/********************************************************************************/
/*	Mobile Anpassungen	*/

@media only screen and (max-width : 1200px) {
	html {font-size: 14px;}
}

@media only screen and (max-width : 767px) {
	html {
	font-size: 12px:
	}

	#header .nav_main {
	display: none !important;
	}
	
	#header {
	height: 140px;
	}
	
	#container {
	margin-top: 140px;
	}
}

@media only screen and (max-width : 767px) {

}

@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
and (orientation : landscape) {
    body {-webkit-text-size-adjust: 100%;}
}

/********************************************************************************/

/********************************************************************************/
/*
Description: CSS File for Navigation
Theme Name: Dr. Mach
Theme URI: https://www.dr-mach.de/
Version: 1.0 [06.2021]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

#header .nav_main {
	font-size: 1.125rem;
	line-height: 1.125rem;
/* 	background: #ccc; */
}

#header .nav_main ul {
/* 	display: table-cell; */
/* 	vertical-align: bottom; */
}

#header .nav_main li {
	display: inline-block;
	margin-left: 20px;
}

#header .nav_main li.first {
	margin-left: 0;
}

#header .nav_main li.last {
	margin-right: 0;
}

#header .nav_main .level_1 a:link,
#header .nav_main .level_1 a:visited {
	display: block;
	color: #003A79;
	padding: 10px 0;
}

#header .nav_main .level_1 a:hover,
#header .nav_main .level_1 a:active,
#header .nav_main .level_1 a:focus,
#header .nav_main .level_1 strong {
	display: block;
	font-weight: normal;
	color: #009EE0;
	padding: 10px 0;
	border-bottom: none;
}

#header .nav_main .level_1 .trail a {
	color: #009EE0;
}

/**********/

#header .nav_main .level_2 {
	z-index: 9999;
	font-family: 'DIN Next LT W01 Regular', arial, sans-serif;
	font-weight: 300;
	position: absolute;
	top: 179px;
	/* min-height: 222px; */
	min-height: 30vh;
	padding-top: 10px;
	padding-bottom: 20px;
	/* background: rgba(0, 174, 239, 0.5); */
	background: rgba(0, 174, 239, 0.9);
}

.scrolled #header .nav_main .level_2 {
	top: 99px;
}

#header .nav_main .level_2 li {
	display: block;
	line-height: 1.867rem;
	float: none;
	text-align: left;
	padding: 0;
	margin: 0;
}

#header .nav_main .level_2 a:link,
#header .nav_main .level_2 a:visited,
#header .nav_main .level_2 .active strong {
	color: #fff;
	margin: 0;
	padding: 0;
}

#header .nav_main .level_2 a:link::before,
#header .nav_main .level_2 a:visited::before,
#header .nav_main .level_2 .active strong::before {
	content: '+ ';
	font-family: 'DIN Next W01 Bold', arial, sans-serif;
	font-weight: 300;
}
	
#header .nav_main .level_2 a:hover,
#header .nav_main .level_2 a:active,
#header .nav_main .level_2 a:focus {
	padding: 0;
	color: #003A79;
}
	
#header .nav_main .level_2 li.active strong {
	color: #003A79;
	font-weight: 300;
	padding: 0;
}

/********************************************************************************/

/*	http://stackoverflow.com/questions/17261421/full-width-css-dropdown-menu	*/
/*	Wichtig: Zusätzlich html & body overflow-x: hidden;	*/
#header .nav_main  > ul > li > ul {
	position: absolute;
	visibility: hidden;
	opacity: 0;
	padding: 0 1000em;
	margin: 0 -1000em;
}

#header .nav_main  > ul > li:hover > ul {    
	visibility: visible;
	opacity: 1;
}

#header .nav_main .submenu ul {
	/* display: none;
	-webkit-transition: none;
	transition: none; */
}

#header .nav_main li.submenu:hover ul {
	/* display: block;
	-webkit-transition: none;
	transition: none; */
}

/********************************************************************************/
/*	Footer Navigation	*/

.nav_footer {
	padding: 20px;
	border-bottom: 2px solid #fff;
}

.nav_footer ul {
	/* color: #fff; */
}

.nav_footer li {
	display: inline-block;
	font-size: 1.125rem;
	line-height: 2.250rem;
	margin-bottom: 5px;
	margin-right: 10px;
}

.nav_footer li.last {
	margin-right: 0;
}

.nav_footer .level_1 a:link,
.nav_footer .level_1 a:visited {
	color: #003A79 !important;
	font-weight: normal;
}

.nav_footer .level_1 a:hover,
.nav_footer .level_1 a:active,
.nav_footer .level_1 a:focus {
	/* color: #fff; */
	font-weight: normal;
	border-bottom: 2px dotted #003A79 !important;
}

.nav_footer .level_1 strong {
	border-bottom: none;
}

/********************************************************************************/
/*	Mobile Navigation	*/

.mobile_menu .inner {
	background: #b2b2b2;
	background: #003A79;
}

.mobile_menu .nav_main {
	text-align: center;
	padding: 190px 20px 20px 20px;
	transition: 0.3s;
}

.scrolled .mobile_menu .nav_main {
	padding-top: 110px;
}

.mobile_menu .nav_main li {
	font-size: 2.000rem;
	line-height: 3.000rem;
}

.mobile_menu .nav_main .level_1 a:link,
.mobile_menu .nav_main .level_1 a:visited {
	color: #fff;
	border-bottom: none;
}

.mobile_menu .nav_main .level_1 a:hover,
.mobile_menu .nav_main .level_1 a:active,
.mobile_menu .nav_main .level_1 a:focus,
.mobile_menu .nav_main .level_1 strong {
	font-weight: normal;
	color: #009EE0;
	border-bottom: none;
}

.mobile_menu .nav_main .level_2 {
	margin-bottom: 30px;
}

.mobile_menu .nav_main .level_2 li {
	font-size: 80%;
	line-height: 1.6em;
/* 	padding-left: 20px; */
}

/********************************************************************************/

/********************************************************************************/
/*
Description: CSS File for News
Theme Name: Dr. Mach
Theme URI: https://www.dr-mach.de/
Version: 1.0 [06.2021]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

.mod_newslist {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   max-width: 1400px;
   margin: 0 auto;
   padding: 0 20px;
}

.mod_newslist .layout_latest {
   width: 30%;
   margin-bottom: 50px;
   background: #fff;
}

.mod_newslist .layout_latest:nth-child(2) {
   /* margin: 0 40px; */
}

.mod_newslist .layout_latest .inhalt h2,
.mod_newslist .layout_latest .inhalt p.more {
   padding: 20px;
}

.mod_newslist .layout_latest .inhalt h2 a {
   color: #003A79;
}

.mod_newslist .layout_latest .inhalt h2 a:hover,
.mod_newslist .layout_latest .inhalt h2 a:active,
.mod_newslist .layout_latest .inhalt h2 a:focus {
   border-bottom: 2px dotted #003A79;
}

@media only screen and (max-width : 991px) {
   .mod_newslist .layout_latest {
   width: 48%;
   }
}

@media only screen and (max-width : 540px) {
   .mod_newslist .layout_latest {
   width: 100%;
   }
}

/********************************************************************************/

/********************************************************************************/
/*
Description: CSS File for accordion
Theme Name: Dr. Mach
Theme URI: https://www.dr-mach.de/
Version: 1.0 [06.2021]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

.ce_accordion {
	font-size: 1.750rem;
	line-height: 2.375rem;
	width: 100%;
}

.toggler {
	cursor: pointer;
	min-height: 65px;
	line-height: 2.500rem;
	border-top: 1px solid #000;
	border-top: none;    
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	transition: 0.3s;
	display: flex;
	align-items: center;
	margin-right: auto;
}

section + section .toggler {
	border-top: none;
}

.toggler::after {
	content: '+';
	font-size: 2.500rem;
	margin-left: auto;
	transition: 0.3s;
}

.toggler:hover::after {
	
}

.toggler.active::after {
	content: '-';
}

.toggler.active:hover::after {
	
}

.accordion {
	/* padding: 50px 0; */
	padding: 0;
	border-bottom: 1px solid #000;
}

.ui-accordion-header-active {
	border-bottom: none;
}

/********************************************************************************/

/********************************************************************************/
/*
Description: CSS File for products
Theme Name: Dr. Mach
Theme URI: https://www.dr-mach.de/
Version: 1.0 [06.2021]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

.ce_metamodel_list .layout_full {
   display: flex;
   flex-wrap: wrap;
   max-width: 1400px;
   margin: 0 auto;
   /* padding: 0 20px; */
}

.ce_accordion.layout_full div {
   display: flex;
   flex-wrap: wrap;
}

.ce_metamodel_list .layout_full .item,
.ce_accordion.layout_full .item {
   font-family: 'DIN Next W01 Bold', arial, sans-serif;
   font-weight: 300;
   font-size: 1.25rem;
   line-height: 1.775rem;
   margin: 0 20px 50px 20px;
}

@media only screen and (min-width : 991px) {
   .ce_metamodel_list .layout_full .item,
   .ce_accordion.layout_full .item {
   width: calc(25% - 30px);
   }
   
   .ce_metamodel_list .layout_full .item:nth-child(4n-3),
   .ce_accordion.layout_full .item:nth-child(4n-3) {
      margin-left: 0;
   }
   
   .ce_metamodel_list .layout_full .item:nth-child(4n),
   .ce_accordion.layout_full .item:nth-child(4n) {
      margin-right: 0;
   }
}

@media only screen and (max-width : 991px) {
   .ce_metamodel_list .layout_full .item,
   .ce_accordion.layout_full .item {
   width: calc(33% - 25px);
   }
   
   .ce_metamodel_list .layout_full .item:nth-child(3n-2),
   .ce_accordion.layout_full .item:nth-child(3n-2) {
   margin-left: 0;
   }
   
   .ce_metamodel_list .layout_full .item:nth-child(3n),
   .ce_accordion.layout_full .item:nth-child(3n) {
   margin-right: 0;
   }
}

@media only screen and (max-width : 767px) {
   .ce_metamodel_list .layout_full .item,
   .ce_accordion.layout_full .item {
   width: calc(50% - 20px);
   }
   
   .ce_metamodel_list .layout_full .item:nth-child(3n-2),
   .ce_accordion.layout_full .item:nth-child(3n-2) {
   margin-left: 20px;
   }
   
   .ce_metamodel_list .layout_full .item:nth-child(3n),
   .ce_accordion.layout_full .item:nth-child(3n) {
   margin-right: 20px;
   }
   
   .ce_metamodel_list .layout_full .item:nth-child(2n-1),
   .ce_accordion.layout_full .item:nth-child(2n-1) {
   margin-left: 0;
   }
   
   .ce_metamodel_list .layout_full .item:nth-child(2n),
   .ce_accordion.layout_full .item:nth-child(2n) {
   margin-right: 0;
   }
}

/*****/

.ce_metamodel_list .field .label {
   display: none;
}

/********************************************************************************/

.produkt .mod_metamodel_list .item,
.produkt .mod_metamodel_list .field {
   /*
   width: 100% !important;
   max-width: 100% !important;
   padding: 5px 0 0 0;
   */
}

.produkt .field {
   display: flex;
   width: 100%;
}

.produkt .label {
   width: 50%;
   padding-right: 10px;
}

.produkt .value {
   width: 50%;
   padding: 0 10px;
   background: rgba(0, 174, 239, 0.15);
}

.produkt .label,
.produkt .value {
   height: auto;
   float: left;
   border-bottom: 1px solid #003A79;
}

.produkt .value a {
   cursor: text;
   color: #003A79;
   pointer-events: none;
}

/********************************************************************************/

.ce_metamodel_list .layout_full .item,
.ce_accordion.layout_full .item {
   border: 1px solid #003A79;
}

.ce_metamodel_list .layout_full .titel,
.ce_accordion.layout_full .titel {
   width: 100%;
   padding: 0 5px;
   background: #003A79;
}

.ce_metamodel_list .layout_full .titel a,
.ce_accordion.layout_full .titel a  {
   color: #fff;
   border-bottom: none;
}

/********************************************************************************/

/********************************************************************************/
/*
Description: CSS File for Slider
Theme Name: Dr. Mach
Theme URI: https://www.dr-mach.de/
Version: 1.0 [06.2021]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

.ce_caroufredsel {
    position: relative;
    background: rgba(0, 174, 239, 0.15);
}

.caroufredsel_controls {
    z-index: 100 !important;
}

.caroufredsel_wrapper figure {
    max-width: 1400px;
    margin: 0 auto;
    text-align: right;
}

.caroufredsel_navi {
    width: 110px;
    float: right;
}

a.caroufredsel_prev,
a.caroufredsel_next {
    display: block;
    width: 50px;
    height: 50px;
    background-color: #003A79;
}

a.caroufredsel_prev:hover,
a.caroufredsel_prev:active,
a.caroufredsel_prev:focus,
a.caroufredsel_next:hover,
a.caroufredsel_next:active,
a.caroufredsel_next:focus {
    border-bottom: none;
    background-color: #505050;
}

a.caroufredsel_prev span,
a.caroufredsel_next span {
    display: block;
    width: 50px;
    height: 50px;
    text-align: center;
    font-size: 0;
}

a.caroufredsel_prev {
    float: left;
    margin-right: 10px;
}

a.caroufredsel_prev>span:before {
    content: '<';
    color: #fff;
    font-family: 'DIN Next LT W01 Regular', arial, sans-serif;
    font-weight: 300;
    font-size: 2.500rem;
    line-height: 45px;
    display: inline-block;
    margin-left: -5px;
}

a.caroufredsel_next {
    float: left;
}

a.caroufredsel_next>span:before {
    content: '>';
    color: #fff;
    font-family: 'DIN Next LT W01 Regular', arial, sans-serif;
    font-weight: 300;
    font-size: 2.500rem;
    line-height: 45px;
    display: inline-block;
    margin-left: 5px;
}

.caroufredsel_controls {
    z-index: 5000;
    position: absolute;
    top: 20px;
    right: 0;
    left: 0;
    width: 100%;
    height: 50px;
    max-width: 1400px;
    margin: 0 auto;
    padding-right: 20px;
}

/*
@media screen and (max-width:699px) {
    .caroufredsel_controls {
        position: relative;
        width: 100%;
        height: 50px;
        padding-bottom: 20px;
        z-index: 5000;
        border-bottom: 1px solid #fff;
    }
}

@media screen and (min-width:700px) {
    .caroufredsel_controls {
        position: relative;
        bottom: 40px;
        width: 100%;
        max-width: 1400px;
        margin: 0 auto;
        height: 50px;
        z-index: 5000;
    }
}
*/

/********************************************************************************/

.webgl {
    
}

.webgl>img {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 1200px;
    height: auto;
    z-index: 1;
}

.webgl.visible>iframe {
    visibility: visible;
}

.webgl>iframe {
    position: relative;
    display: block;
    width: 100%;
    max-width: 1400px;
    height: 100vh;
    max-height: 524px;
    margin: 0 auto;
    /* z-index: 2; */
    /* visibility: hidden; */
}

.webgl>.ce_image {
    z-index: 100;
}

/********************************************************************************/
/*
Description: CSS File for Forms
Theme Name: Dr. Mach
Theme URI: https://www.dr-mach.de/
Version: 1.0 [06.2021]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

.ce_form,
.mod_login,
.mod_registration,
.mod_lostPassword {
	max-width: 100%;
	font-size: 1.375rem;
}

.widget-text,
.widget-password,
.widget-textarea,
.widget-submit {
	position: relative;
	min-height: 80px;
	margin: 0;
}

.widget-textarea {
	min-height: 170px;
}

.formbody label {
	position: relative;
	z-index: 2;
	display: block;
	min-height: 17px;
	font-size: 1rem;
	font-weight: normal;
	padding: 0 10px;
	transform: translateY(33px);
	transition: all 0.3s;
}

.is-active label {
	color: #003A79;
}

.is-completed label {
	font-size: 12px;
	transform: translateY(0);
}

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
select,
textarea {
	position: relative;
	width: 100%;
	min-height: 25px;
	padding: 10px;
	border: 1px solid #003A79;
	background: transparent;
	outline: none;
}

input[type="text"].error,
input[type="password"].error,
input[type="date"].error,
input[type="datetime"].error,
input[type="email"].error,
input[type="number"].error,
input[type="search"].error,
input[type="tel"].error,
input[type="time"].error,
input[type="url"].error,
textarea.error {
	border: 1px solid #cd161a;
}

.widget-submit {
	/* text-align: center; */
}

form button,
input[type="submit"],
.button {
	cursor: pointer;
   float: right;
   display: block;
	font-size: 1.375rem;
	color: #fff;
	padding: 2px 15px;
	border: 1px solid #003A79;
	background: #003A79;
}

form button:hover,
form button:active,
form button:focus,
input[type="submit"]:hover,
input[type="submit"]:active,
input[type="submit"]:focus,
.button:hover,
.button:active,
.button:focus {
	color: #003A79;
	background: #fff;
}

p.error {
	position: absolute;
	bottom: -3px;
	right: 10px;
	font-size: 1.000rem;
	line-height: 1.250rem;
	color: #cd161a;
}

@media only screen and (max-width : 1200px) {
	p.error {
	bottom: 5px;
	}

	.widget-textarea p.error {
	bottom: 10px;
	}
}

@media only screen and (max-width : 991px) {
	p.error {
	bottom: 10px;
	}

	.widget-textarea p.error {
	bottom: 30px;
	}
}

/********************************************************************************/
/*	Checkbox - http://doodlenerd.com/html-control/css-checkbox-generator	*/

.widget-checkbox {
	padding: 10px 0;
/* 	background: #ccc; */
}

.widget-checkbox label {
/* 	display: inline !important; */
	transform: none;
	padding: 0 20px 0 5px;
}

.widget-checkbox .control {
    cursor: pointer;
	display: block;
    position: relative;
    margin-top: 10px;
    padding-top: 5px;
    padding-left: 30px;
}

.widget-checkbox .control input {
	z-index: -1;
	position: absolute;
	opacity: 0;
}

.widget-checkbox .control_indicator {
    position: absolute;
    top: 3px;
    left: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #003A79;
    border-radius: 0;
    background: #fff;
}

.widget-checkbox .control:hover input ~ .control_indicator,
.widget-checkbox .control input:focus ~ .control_indicator {
    background: #f5f5f5;
}

.widget-checkbox .control input:checked ~ .control_indicator {
    background: #003A79;
}

.widget-checkbox .control:hover input:not([disabled]):checked ~ .control_indicator,
.widget-checkbox .control input:checked:focus ~ .control_indicator {
/*     background: #f5f5f5; */
}

.widget-checkbox .control input:disabled ~ .control_indicator {
    background: #e6e6e6;
    opacity: 0.6;
    pointer-events: none;
}

.widget-checkbox .control_indicator:after {
    box-sizing: unset;
    content: '';
    position: absolute;
    display: none;
}

.widget-checkbox .control input:checked ~ .control_indicator:after {
    display: block;
}

.widget-checkbox .control-checkbox .control_indicator:after {
    top: 0;
    left: 5px;
    width: 4px;
    height: 11px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}

.widget-checkbox .control-checkbox input:disabled ~ .control_indicator:after {
    border-color: #7b7b7b;
}

.widget-checkbox .control-checkbox .control_indicator::before {
    z-index: 99999;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 4.5rem;
    height: 4.5rem;
    margin-top: -1.3rem;
    margin-left: -1.3rem;
    border-radius: 3rem;
    opacity: 0.6;
    transform: scale(0);
    background: #003A79;
}

@keyframes s-ripple {
    0% {
        transform: scale(0);
    }
    20% {
        transform: scale(1);
    }
    100% {
        opacity: 0;
        transform: scale(1);
    }
}

@keyframes s-ripple-dup {
   0% {
       transform: scale(0);
    }
   30% {
        transform: scale(1);
    }
    60% {
        transform: scale(1);
    }
    100% {
        opacity: 0;
        transform: scale(1);
    }
}

.widget-checkbox .control-checkbox input + .control_indicator::before {
    animation: s-ripple 250ms ease-out;
}

.widget-checkbox .control-checkbox input:checked + .control_indicator::before {
    animation-name: s-ripple-dup;
}

/********************************************************************************/
/*	Radiobutton - http://doodlenerd.com/html-control/css-radio-button-generator	*/

.widget-radio {
	padding: 20px 0 40px 0;
/* 	background: #ccc; */
}

.widget-radio legend {
	/* Abstand unter "legend" entfernen */
	position: absolute;
}

.widget-radio .control {
    cursor: pointer;
    display: block;
    position: relative;
    margin-bottom: 10px;
    padding-top: 5px;
    padding-left: 30px;
}

.widget-radio .control input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}

.widget-radio .control_indicator {
    position: absolute;
    top: 5px;
    left: 0;
    height: 20px;
    width: 20px;
    border: 1px solid #003A79;
    border-radius: 0;
    background: #fff;
}

.widget-radio .control:hover input ~ .control_indicator,
.widget-radio .control input:focus ~ .control_indicator {
    background: #f5f5f5;
}

.widget-radio .control input:checked ~ .control_indicator {
    background: #003A79;
}

.widget-radio .control:hover input:not([disabled]):checked ~ .control_indicator,
.widget-radio .control input:checked:focus ~ .control_indicator {
    background: #003A79;
}

.widget-radio .control input:disabled ~ .control_indicator {
    background: #f5f5f5;
    opacity: 0.6;
    pointer-events: none;
}

.widget-radio .control_indicator:after {
    box-sizing: unset;
    content: '';
    position: absolute;
    display: none;
}

.widget-radio .control input:checked ~ .control_indicator:after {
    display: block;
}
.control-radio .control_indicator {
    border-radius: 50%;
}

.control-radio .control_indicator:after {
    left: 6px;
    top: 6px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #fff;
    transition: background 250ms;
}

.control-radio input:disabled ~ .control_indicator:after {
    background: #7b7b7b;
}

.control-radio .control_indicator::before {
    z-index: 99999;
    opacity: 0.6;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 4.5rem;
    height: 4.5rem;
    margin-top: -1.3rem;
    margin-left: -1.3rem;
    border-radius: 3rem;
    background: #003A79;
    transform: scale(0);
}

@keyframes s-ripple {
    0% {
        opacity: 0;
        transform: scale(0);
    }
    20% {
        transform: scale(1);
    }
    100% {
        opacity: 0.01;
        transform: scale(1);
    }
}

@keyframes s-ripple-dup {
   0% {
       transform: scale(0);
    }
   30% {
        transform: scale(1);
    }
    60% {
        transform: scale(1);
    }
    100% {
        opacity: 0;
        transform: scale(1);
    }
}

.widget-radio .control-radio input + .control_indicator::before {
    animation: s-ripple 250ms ease-out;
}

.widget-radio .control-radio input:checked + .control_indicator::before {
    animation-name: s-ripple-dup;
}

/********************************************************************************/

/********************************************************************************/
/*
Description: CSS File for Cookie Banner
Theme Name: Dr. Mach
Theme URI: https://www.dr-mach.de/
Version: 1.0 [06.2021]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

.mod_cookiebarOpener {
    text-align: center;
}

.contao-cookiebar input:checked + label::before {
    background: #fff;
    border-color: rgba(0,58,121,1);
}

.contao-cookiebar input:checked + label::after {
    background: rgba(0,58,121,1);
}

.contao-cookiebar .cc-btn.success {
    border: 1px solid #cfcfcf;
    background: rgba(0,58,121,1);
}

.contao-cookiebar .cc-btn.success:hover {
    background: rgba(0,58,121,0.6);
}

/********************************************************************************/

/********************************************************************************/
/*
Description: CSS File for Google Maps
Theme Name: Dr. Mach
Theme URI: https://www.dr-mach.de/
Version: 1.0 [06.2021]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

.dlh_googlemap {
	width: 100% !important;
	height: 400px;
	border: 1px solid #003A79;
}

.dlh_googlemap p,
#confirm-googlemaps p {
	font-size: 1.375rem;
	line-height: 1.867rem;
}

#confirm-googlemaps {
	display: flex;
	justify-content: center;
	flex-direction: column;
	cursor: pointer;
	height: 100%;
	text-align: center;
	padding: 0 10vw;
	background: rgba(255, 255, 255, 0.8);
}

#confirm-googlemaps:hover {
	background: rgba(255, 255, 255, 0.6);
}

.routinglink input[type="text"] {
	padding: 5px;
	margin: 10px 0;
}

/********************************************************************************/