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,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.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}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
body .dicount_banner{
	width: 100%;
	margin-top: 15px;
    margin-left: 15px;
    margin-right: 15px;
    display: flex;
}
body .ada-banner-section{
	width: 100%;
    margin-left: 15px;
    margin-right: 15px;
    flex: 1;
	padding-left: 15px;
    padding-right: 15px;
}
body #main .ada-banner-section>.content{
	margin: 0;
	background: transparent;
	border: none;
}
.ada-banner-section .inner-wrapper .code h3{
	height: auto;
}
/* Radio Button Css */
input[name="aioa_icon_type"],
input[name="aioa_icon_size"] {
	position: absolute;
	left: -9999px;
}

#ctrl_aioa_icon_type input[type=radio]+label,
#ctrl_aioa_icon_size input[type=radio]+label {
	width: 100px;
	height: 100px;
	padding: 10px !important;
	text-align: center;
	background-color: #f7f9ff;
	outline: 4px solid #f7f9ff;
	outline-offset: -4px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: 12px;
	margin-right: 12px;
}

#ctrl_aioa_icon_type input[type=radio]:checked+label,
#ctrl_aioa_icon_size input[type=radio]:checked+label {
	outline-color: #80c944;
	position: relative;
}

#ctrl_aioa_icon_type input[type=radio]:checked+label::before,
#ctrl_aioa_icon_size input[type=radio]:checked+label::before {
	content: "";
	width: 20px;
	height: 20px;
	position: absolute;
	left: auto;
	right: -4px;
	top: -4px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 25' class='aioa-feature-on'%3E%3Cg%3E%3Ccircle fill='%2343A047' cx='12.5' cy='12.5' r='12'%3E%3C/circle%3E%3Cpath fill='%23FFFFFF' d='M12.5,1C18.9,1,24,6.1,24,12.5S18.9,24,12.5,24S1,18.9,1,12.5S6.1,1,12.5,1 M12.5,0C5.6,0,0,5.6,0,12.5S5.6,25,12.5,25S25,19.4,25,12.5S19.4,0,12.5,0L12.5,0z'%3E%3C/path%3E%3C/g%3E%3Cpolygon fill='%23FFFFFF' points='9.8,19.4 9.8,19.4 9.8,19.4 4.4,13.9 7.1,11.1 9.8,13.9 17.9,5.6 20.5,8.4 '%3E%3C/polygon%3E%3C/svg%3E") no-repeat center center/contain !important;
	border: none;
}

/* IMAGE STYLES */
input[type=radio]+label>img {
	cursor: pointer;
}

.icon-label {
	display: flex;
	justify-content: center;
	height: 90px;
	width: 90px;
	border: 2px solid gray;
	border-radius: 3px;
}

.d-none {
	display: none !important;
}

#ctrl_aioa_icon_size, #ctrl_aioa_icon_type {
	display: flex;
}

#ctrl_aioa_icon_size br, #ctrl_aioa_icon_type br {
	display: none;
}

.link-color{
	color: #6aaadf !important;
}
.common-class{
	display: none;
}

#sub_aioa_enable{
	@media screen and (min-width: 768px) {
		display: flex;
		flex-wrap: wrap;
		margin-left: -15px;
		margin-right: -15px;
	}
}
.width-col-md-3{
	flex: 0 0 calc(25% - 30px);
	width: calc(25% - 30px);
	padding-left: 15px;
	padding-right: 15px;
}

.width-col-md-6{
	flex: 0 0 calc(50% - 30px);
	width: calc(50% - 30px);
	padding-left: 15px;
	padding-right: 15px;
}

.width-col-md-12{
	flex: 0 0 calc(80% - 30px);
	width: calc(80% - 30px);
	padding-left: 15px;
	padding-right: 15px;
}
#invalid-key-msg{
	color:red;
	margin-bottom: 0.5rem;
	margin-top: -10px;
}
.fullwidth-col-md-12{
	flex: 0 0 calc(100% - 30px);
	width: calc(100% - 30px);
	padding-left: 15px;
	padding-right: 15px;
}
.fullwidth-col-md-12 > *{
	width: 50%;
}

#tl_CusLoaderBox{
	width:300px;padding:2em;
	box-sizing:border-box;
	position:absolute;
	left:50%;
	margin-left:-150px;
	background:#fff url(../../bundles/skynettechnologiescontaoallinoneaccessibility/icons/loading.gif) no-repeat right 2em center;
	border:2px solid #111;
	border-radius:2px;
	font-size:1rem;
	text-align:left
}

#tl_CusLoaderOverlay
{
	width:100%;
	height:100%;
	position:absolute;
	top:0;left:0;
	background:#fff;opacity:.5
}

.ce_dismissableBanner,.ce_dismissable_banner{display:flex;flex-direction:column;background:#fff;border:1px solid #666;border-radius:5px;box-sizing:border-box;margin:1rem auto;padding:1.5rem;position:relative}.ce_dismissableBanner,.ce_dismissableBanner a,.ce_dismissable_banner,.ce_dismissable_banner a{color:#666}.ce_dismissableBanner .close,.ce_dismissable_banner .close{position:absolute;top:.75rem;right:.75rem;cursor:pointer;height:1.25rem;width:1.25rem;border:0;margin:0;padding:0}.ce_dismissableBanner .close,.ce_dismissableBanner .close:active,.ce_dismissableBanner .close:focus,.ce_dismissable_banner .close,.ce_dismissable_banner .close:active,.ce_dismissable_banner .close:focus{background:0 0;outline:0}.ce_dismissableBanner .close .text,.ce_dismissable_banner .close .text{display:none}.ce_dismissableBanner .close:before,.ce_dismissableBanner .close:after,.ce_dismissable_banner .close:before,.ce_dismissable_banner .close:after{background:#666;content:" ";display:block;position:absolute;left:0;top:50%;height:1px;width:100%;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:2px;border-top-left-radius:2px}.ce_dismissableBanner .close:before,.ce_dismissable_banner .close:before{transform:rotate(45deg)}.ce_dismissableBanner .close:after,.ce_dismissable_banner .close:after{transform:rotate(-45deg)}.ce_dismissableBanner .close:hover:before,.ce_dismissableBanner .close:hover:after,.ce_dismissable_banner .close:hover:before,.ce_dismissable_banner .close:hover:after{background:#000}.ce_dismissableBanner h1,.ce_dismissableBanner h2,.ce_dismissableBanner h3,.ce_dismissableBanner h4,.ce_dismissableBanner h5,.ce_dismissableBanner h6,.ce_dismissable_banner h1,.ce_dismissable_banner h2,.ce_dismissable_banner h3,.ce_dismissable_banner h4,.ce_dismissable_banner h5,.ce_dismissable_banner h6{margin-top:0!important}.ce_dismissableBanner .ce_text p:first-child,.ce_dismissable_banner .ce_text p:first-child{margin-top:0}.ce_dismissableBanner .ce_text p:last-child,.ce_dismissable_banner .ce_text p:last-child{margin-bottom:0}.ce_dismissableBanner .ce_hyperlink,.ce_dismissable_banner .ce_hyperlink{align-self:flex-end}.ce_dismissableBanner .ce_hyperlink a,.ce_dismissable_banner .ce_hyperlink a{display:inline-block;margin-top:1rem;padding:.5rem;border:1px solid #666;border-radius:5px}.ce_dismissableBanner .ce_hyperlink a:hover,.ce_dismissable_banner .ce_hyperlink a:hover{text-decoration:none;color:#000;border-color:#000}.ce_dismissableBanner.success,.ce_dismissableBanner.success a,.ce_dismissableBanner.danger,.ce_dismissableBanner.danger a,.ce_dismissableBanner.warning,.ce_dismissableBanner.warning a,.ce_dismissableBanner.info,.ce_dismissableBanner.info a,.ce_dismissable_banner.success,.ce_dismissable_banner.success a,.ce_dismissable_banner.danger,.ce_dismissable_banner.danger a,.ce_dismissable_banner.warning,.ce_dismissable_banner.warning a,.ce_dismissable_banner.info,.ce_dismissable_banner.info a{color:#fff}.ce_dismissableBanner.success .close:before,.ce_dismissableBanner.success .close:after,.ce_dismissableBanner.danger .close:before,.ce_dismissableBanner.danger .close:after,.ce_dismissableBanner.warning .close:before,.ce_dismissableBanner.warning .close:after,.ce_dismissableBanner.info .close:before,.ce_dismissableBanner.info .close:after,.ce_dismissable_banner.success .close:before,.ce_dismissable_banner.success .close:after,.ce_dismissable_banner.danger .close:before,.ce_dismissable_banner.danger .close:after,.ce_dismissable_banner.warning .close:before,.ce_dismissable_banner.warning .close:after,.ce_dismissable_banner.info .close:before,.ce_dismissable_banner.info .close:after{background:#fff}.ce_dismissableBanner.success .close:hover:before,.ce_dismissableBanner.success .close:hover:after,.ce_dismissableBanner.danger .close:hover:before,.ce_dismissableBanner.danger .close:hover:after,.ce_dismissableBanner.warning .close:hover:before,.ce_dismissableBanner.warning .close:hover:after,.ce_dismissableBanner.info .close:hover:before,.ce_dismissableBanner.info .close:hover:after,.ce_dismissable_banner.success .close:hover:before,.ce_dismissable_banner.success .close:hover:after,.ce_dismissable_banner.danger .close:hover:before,.ce_dismissable_banner.danger .close:hover:after,.ce_dismissable_banner.warning .close:hover:before,.ce_dismissable_banner.warning .close:hover:after,.ce_dismissable_banner.info .close:hover:before,.ce_dismissable_banner.info .close:hover:after{background:#efefef}.ce_dismissableBanner.success .ce_hyperlink a,.ce_dismissableBanner.danger .ce_hyperlink a,.ce_dismissableBanner.warning .ce_hyperlink a,.ce_dismissableBanner.info .ce_hyperlink a,.ce_dismissable_banner.success .ce_hyperlink a,.ce_dismissable_banner.danger .ce_hyperlink a,.ce_dismissable_banner.warning .ce_hyperlink a,.ce_dismissable_banner.info .ce_hyperlink a{border-color:#fff}.ce_dismissableBanner.success .ce_hyperlink a:hover,.ce_dismissableBanner.danger .ce_hyperlink a:hover,.ce_dismissableBanner.warning .ce_hyperlink a:hover,.ce_dismissableBanner.info .ce_hyperlink a:hover,.ce_dismissable_banner.success .ce_hyperlink a:hover,.ce_dismissable_banner.danger .ce_hyperlink a:hover,.ce_dismissable_banner.warning .ce_hyperlink a:hover,.ce_dismissable_banner.info .ce_hyperlink a:hover{color:#efefef;border-color:#efefef}.ce_dismissableBanner.success,.ce_dismissable_banner.success{background-color:#9ccc65;border-color:#7cb342}.ce_dismissableBanner.danger,.ce_dismissable_banner.danger{background-color:#ff5252;border-color:#ff1744}.ce_dismissableBanner.warning,.ce_dismissable_banner.warning{background-color:#ffa726;border-color:#fb8c00}.ce_dismissableBanner.info,.ce_dismissable_banner.info{background-color:#64b5f6;border-color:#2196f3}
@charset "UTF-8";
.contao-cookiebar {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 9999;
  font-size: 0;
  letter-spacing: 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:last-child {
      margin-bottom: 0; }
  .contao-cookiebar .grayscale .cc-btn {
    background: #f1efef; }
    .contao-cookiebar .grayscale .cc-btn:hover {
      background: #ececec; }
    .contao-cookiebar .grayscale .cc-btn.success {
      background: #fbfbfb; }
      .contao-cookiebar .grayscale .cc-btn.success:hover {
        background: #f7f7f7; }
  .contao-cookiebar .highlight .cc-btn.success {
    background: #4e9e3e;
    border-color: #3e7830;
    color: #fff; }
    .contao-cookiebar .highlight .cc-btn.success:hover {
      background: #4c933f; }
  .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 .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 .2s, margin-left .2s, padding .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%); } }

.contao-cookiebar {
  color: #444444; }
  .contao-cookiebar p {
    color: #868686;
    line-height: 1.4; }
  .contao-cookiebar .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; }
  .contao-cookiebar .cc-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: center;
    position: relative;
    border: 1px solid #d0d0d0;
    border-radius: 5px;
    margin-bottom: 10px; }
    .contao-cookiebar .cc-group > label {
      flex-grow: 1;
      margin: 5px 0 5px 10px; }
    .contao-cookiebar .cc-group .cc-detail-btn {
      border: 0 none;
      outline: 0 none;
      background: transparent;
      font-size: 13px;
      letter-spacing: 0;
      text-transform: initial;
      cursor: pointer;
      color: #a2a2a2;
      padding: 8px 10px;
      line-height: 1.2rem; }
      .contao-cookiebar .cc-group .cc-detail-btn span:nth-child(2) {
        display: none; }
      .contao-cookiebar .cc-group .cc-detail-btn.cc-active span:nth-child(1) {
        display: none; }
      .contao-cookiebar .cc-group .cc-detail-btn.cc-active span:nth-child(2) {
        display: inline; }
      .contao-cookiebar .cc-group .cc-detail-btn:hover {
        color: #717171; }
    .contao-cookiebar .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; }
      .contao-cookiebar .cc-group .cc-detail-btn-details span:nth-child(2) {
        display: none; }
      .contao-cookiebar .cc-group .cc-detail-btn-details.cc-active span:nth-child(1) {
        display: none; }
      .contao-cookiebar .cc-group .cc-detail-btn-details.cc-active span:nth-child(2) {
        display: inline; }
      .contao-cookiebar .cc-group .cc-detail-btn-details:hover {
        color: #717171; }
  .contao-cookiebar .cc-cookies {
    display: none;
    width: 100%;
    background: #fbfbfb;
    border-radius: 0 0 5px 5px; }
    .contao-cookiebar .cc-cookies > p {
      font-size: 0.875rem; }
    .contao-cookiebar .cc-cookies > p, .contao-cookiebar .cc-cookies > .cc-cookie {
      margin: 0;
      padding: 15px;
      border-top: 1px solid #e6e6e6; }
    .contao-cookiebar .cc-cookies .cc-cookie .cc-cookie-info {
      font-size: 0.875rem;
      background: #fff;
      padding: 10px;
      border-radius: 5px;
      border: 1px solid #efefef; }
      .contao-cookiebar .cc-cookies .cc-cookie .cc-cookie-info > div > span {
        font-weight: 600; }
      .contao-cookiebar .cc-cookies .cc-cookie .cc-cookie-info > div + div {
        margin-top: 5px;
        word-wrap: break-word; }
      .contao-cookiebar .cc-cookies .cc-cookie .cc-cookie-info + button.cc-detail-btn-details {
        margin-top: 15px; }
    .contao-cookiebar .cc-cookies .cc-cookie .cc-cookie-desc > p {
      margin-bottom: 0; }
    .contao-cookiebar .cc-cookies .cc-cookie label.cookie + p, .contao-cookiebar .cc-cookies .cc-cookie label.cookie + .cc-cookie-info, .contao-cookiebar .cc-cookies .cc-cookie label.cookie + button.cc-detail-btn-details {
      margin-top: 10px; }
    .contao-cookiebar .cc-cookies .cc-cookie p {
      margin: 0 0 15px;
      font-size: 0.875rem; }
  .contao-cookiebar .cc-footer, .contao-cookiebar .cc-info {
    text-align: center; }
  .contao-cookiebar .cc-info {
    margin-top: 15px; }
    .contao-cookiebar .cc-info > p {
      font-size: 0.875rem; }
    .contao-cookiebar .cc-info > a {
      display: inline-block;
      font-size: 0.813rem;
      color: #a2a2a2;
      text-decoration: none; }
      .contao-cookiebar .cc-info > a:hover {
        color: #717171; }
      .contao-cookiebar .cc-info > a + a:before {
        display: inline-block;
        content: '·';
        margin-right: 5px; }

:root {
	--white: #fff;
	--vse-green: #006633;
	--vse-ce: #ff4e00;
	--vse-h: #c30000;
	--vse-bs: #ffb600;
	--vse-lg: #79007a;
	--vse-hh: #00168a;
	--vse-nav: rgba(255, 255, 255, 0.95);
	--vse-green1: rgba(34, 110, 1, 0.75);


}

*,
*::before,
*::after {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}



/* 
.invisible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
} */

html,
body {
	height: 100%;
}

body {
    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

}



#wrapper {
	min-height: 100%;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-rows: auto 1fr auto;
	background-color: #f5f5f5;
/* 	background-color: red; */
}

/* #header .mod_mateNavbar.stuck {
background-color: hsl(150, 100%, 20%, 95%);
}
 */
.nav-wrapper {
	height: 80px;
}

#main {
display: none;
}

.ce_dismissableBanner {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	width: 100%;
	max-width: 72em;
	z-index: 100;
}

.banner-content {
	padding: 1em;
	font-size: .8rem;
}

.ce_mateTeaserBox .pageLink a  {
	background-color:var(--vse-green);
	border-radius: .5em;
}


h1, h2 {
	color: var(--vse-green);
	font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
	margin: 0 0 1rem 0;
	padding: 0;
}

h3, h4 {
	color: var(--vse-green);
	font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
	margin: 1rem 0 1rem;
	padding: 0;

}

 p {
	/* 	background-color: #ffb600; */
		padding-bottom: .5rem;
	
	}

.ce_mateTeaserBox h2 {
	font-size: 0.8rem;
	margin: 0;
	line-height: 1.5;
	color: var(--vse-green);

}

.ce_mateTeaserBox h2 a  {
	font-size: 1rem;
	font-weight: 600;;
	color: var(--vse-green);

}

.ce_mateTeaserBox p {
	font-size: 0.9rem;
}

.ce_mateTeaserBox .subheadline {
color: #ff4e00;
}

.pageLink a {
	background-color:var(--vse-green);
}

a {
	color: var(--vse-green);

}

a:hover {
	text-decoration: underline;
	
}



.sectionTop {
    background-color: var(--vse-green);
}

#wrapper .slider.mod_newslist .list-nav {
    background-color: var(--vse-green);
}

 #header .inside .vse .subheadline {
	color: #fff;
	font-size: 1rem;
	font-weight: normal;
	border-bottom: 1px dotted white;
} 

.layout_latest .teaser {
	font-size: 1.125rem;
	line-height: 1.2;
}

.layout_latest h2 {
	line-height: 1;
}

.layout_latest h2 a {
	font-size: 1.4rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.layout_latest a {
	font-size: 1.2rem;
	line-height: 1;
	color: white;
}

.layout_latest a:hover {
	text-decoration: underline;
}


.brand-logo {
	height: 100%;

}

a.brand-logo {

	margin:0;
	padding: 0;
	position: relative;
}


nav .image_container {
	margin:0;
	padding:0

}

.kontakt_links {
	margin: 0;
	padding: 0 0 1em 0;
}

/* .desktop-menu {
	background-color: #c30000;
} */

.desktop-menu a.active::before {
	display: none;
}

.desktop-menu a:hover::before {
	display: none;
}

.desktop-menu li .trail {
	color: red,
}


/* -----------------vse_lg_zwei-------------------- */

/* #main .inside .vse_lg_zwei {
	background-color: blanchedalmond;
}
 */

 .icon em {
	padding: .2em;
	font-size: 2.5rem;
	color:var(--vse-green);
 }

.projekte {
	/* 	background-color: rgb(245, 231, 39); */
	margin-top: 2em;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 1em;
	
	 }
	

 .vse_lg_zwei .vse_contentbox {
	margin: 0;
	padding: 2em 1.5em;
	column-gap: 1rem;
 }
 .vse_lg_zwei .vse_contentbox h2  {
	font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
	font-size: 1.35rem;


}

.vse_lg_zwei .vse_contentbox {
	border-top: 1px solid var(--vse-green);
	background-color: #ffffff;
	

}
.vse_lg_zwei .vse_contentbox a {
	color: var(--vse-green);
   }




@media (max-width: 992px) {


	.brand-logo {
		height: 100%;
	}

	.brand-logo .ce_image:not(.fixed-nav) img {
		margin: 0.5rem 0 0;
		padding:0;
		position: relative;
		left: 0;
		width: 200px;
	
	}

	nav {
		margin: 0;
		padding: 0;
	}
	#header nav i, #header nav [class^="mdi-"], #header nav [class*="mdi-"], #header nav i.material-icons {
		font-size: 2rem;
		text-align: right;
		padding-right: 2rem;

	}

	#header .mod_mateNavbar.stuck .material-icons {
		color:var(--white)
	}


nav a.sidenav-trigger i.material-icons {
	color: var(--vse-green);
	font-size: 1rem;
	padding-top: 20px;
	padding-left: 30px;
	padding-right: 2rem;
}

nav .search  {
	text-align: right;
	font-size: 2rem;
	padding-top: 20px;



}

.search .material-icons {
	color: var(--vse-green);
}
}

@media (max-width: 767px) {

	.nav-wrapper {
		margin: 0;
		padding: 1rem;

	}

	.brand-logo {
		height: 100%;

	}

	.brand-logo .ce_image:not(.fixed-nav) img {
		margin: 0.5rem 0 0;
		padding:0;
		position: relative;
		left: 0;
		width: 200px;
	
	}

	.ce_mateTeaserBox h2 {
		padding: 0.5em 0.5em 0 1em;

	}

	.ce_mateTeaserBox p {
		/* 	background-color: #ffb600; */
			padding-bottom: 1rem;
		
		}

		.ce_mateTeaserBox.bssz .adressen {
		
			flex-wrap: wrap;
		  }

		  .bereiche .ce_mateTeaserBox .inside h2 a {
			padding: 0.5em;
		
		 }
		
	/* 	.ce_mateTeaserBox h2 {
			margin: 0;
			padding: 0.5em 0 0 1em;
			line-height: 1;
		
		}
} */



.sectionTop .inside {
	display: flex;
	justify-content: center;
	width: 100%;
	color: white;

}

.sectionTop .inside a:hover {
	text-decoration: underline;
}

/* .teaser {
	height: 400px;
} */

.teaser p {
/* 	background-color: #ffb600; */
	padding-bottom: .5rem;

}


.projekte {
	/* 	background-color: rgb(245, 231, 39); */
	margin-top: 2em;
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 1em;
	
	 }


}



/* --------------FOOTER--------------------- */

#footer {
	background-color: #f5f5f5;

}

#footer.page-footer {
/* 	background-color: #ffb600; */
	padding: 0;
}

/* .footer-column.footer-column-1 {
	border: 2px solid red;
} */

/* #footer .page-footer .footer-column-1 {
	background-color: #c30000;
} */

/* .footer-copyright {
	background-color:chartreuse

} */


.footer-column {
	
	background-color: #f5f5f5;
	text-align: center;
/* 	border-top: 1px solid #c7c7c7; */
}

.footer-column-1 p {
	color: #666;
	font-size: 1.5rem;
	padding-top: 1em;
	
}

.footer-column ul#partners {
	width: 100%;
	overflow: hidden;
	text-align: center;
	background-color: #f5f5f5;
	padding-bottom: 2em;
}

.footer-column ul#partners li {
	display: inline-block;
	margin-left: 17px;
}

.footer-column ul#partners li:first-child {
	margin-left: 0;
}

.footer-column ul#partners li a {
	width: 85px;
	height: 82px;
	background: transparent url("../../files/mate/img/gfx/partner.gif") 0 -82px no-repeat;
	display: block;
	text-indent: -999em;
	border: none;
	transition: 0s;
}

.footer-column ul#partners li a:hover {
	background-position: 0 0;
	transition: 0s;

}

.footer-column ul#partners li + li a {
	background-position: -105px -82px !important;
}

.footer-column ul#partners li + li a:hover {
	background-position: -105px 0px !important;
}

.footer-column ul#partners li + li + li a {
	background-position: -210px -82px !important;
}

.footer-column ul#partners li + li + li a:hover {
	background-position: -210px 0 !important;
}

.footer-column ul#partners li + li + li + li a {
	background-position: -315px -82px !important;
	width: 190px;
}

.footer-column ul#partners li + li + li + li a:hover {
	background-position: -315px 0 !important;
	
}

.footer-column ul#partners li + li + li + li + li a {
	background-position: -525px -82px !important;
	width: 87px;
}

.footer-column ul#partners li + li + li + li + li a:hover {
	background-position: -525px 0 !important;
}

footer.page-footer .footer-copyright {
	background-color: var(--vse-green);
	font-size: .85rem;
}

footer.page-footer .footer-copyright a:hover {
	text-decoration: underline;
}

footer.page-footer .footer-copyright ul {
	text-decoration: none;
	display: inline-flex;
	}
	
	footer.page-footer .footer-copyright li::before {
		content: "";
	}





@media (max-width: 767px)  {
	
		footer.page-footer .footer-copyright ul {
		text-decoration: none;
		display: flex;
		flex-direction: column;
		}


	#wrapper .slider.mod_newslist .list-nav {
		/* background-color: #ff4e00; */

	}

	#wrapper .slider.mod_newslist .caption {
	/* 	background-color: #82746e; */
	/* 	height: 100%;
		margin-bottom: -100px; */

	
	}

/* 	#wrapper .slider.mod_newslist ul.slides {
		height: 400px;
	} */

/* 	#wrapper .slider.mod_newslist .img {
		height: 200px;
		overflow: show;
		

	} */

/* 	.intro {
		margin-bottom: 1.5em;

	} */

/* .slides {
	height: 600px;
	background-color: #ffb600;
} */

/* .list-nav {
	z-index: 3;
	height: 200px;
}
 */
}

/* .desktop-menu.left  {
	background-color: var(--vse-green);
}

.desktop-menu.left li a {
	background-color: #f0f0f0;
	color: #000;
	margin-bottom: 1px;
}
 */

 .ce_mateTeaserBox{
padding: 2em;
margin-bottom: 5px0;
 }

.ce_mateTeaserBox .inside {
/* 	background-color: #ffb600; */
	border-radius: 0.5em;
 }
 .ce_mateTeaserBox .image_container img {
	/* 	background-color: #ffb600; */
		border-radius: .5em .5em 0 0;
	 }


 .ce_accordion .ui-accordion-header {
	padding: 1rem 3rem 1rem 1.25rem;
	line-height: 1;
	background-color: var(--vse-green);
	background-color:#ededed;
	color: var(--vse-green);
 }

 .ui-accordion-header {
	margin: 0;
	padding: 0;
	font-size: 1.25rem;
 }

 .ce_accordion .ui-accordion-header.active {
	background-color: #86af49;
	color:rgba(255, 255, 255);
 }

 .jobteaser {
	margin: 0;
	padding: 1em 0 2em;
	border-bottom: 1px solid rgb(234, 234, 234);;
 }

 .mod_breadcrumb {
/* 	background-color: #ffb600; */
	max-width: 1040px;
	margin: 0 auto;
	padding-top: 1em;
 }

 .mod_breadcrumb ul {
	display: inline-flex;
	font-size: 0.93rem;

 }

 .mod_breadcrumb li {
padding-right: 1em;
 }

 .mod_breadcrumb li::before {
	content: '>> '
 }

 .mod_breadcrumb li.first a {
	font-size: 1.25em;
	text-indent: -1000px;
	display: inline-block;
	background: url(/files/mate/vse/gfx/home.svg) no-repeat;
	width: 24px;
	height: 20px;
 }

 .mod_breadcrumb .first::before {
	content:'';
 }

li .slider-image {
	height: 700px;
 }

 #wrapper .slider.mod_newslist .more a {
	margin: 1em 0 0 0;
	padding: .5em;
 }


/* -----------------CSS für PDF Druck----------------------- */
  
 .syndication {
	text-align: right;
 }

.syndication a img {
   width: 40px;
   height: 40px;
}

.syndication::before {
content:'als PDF ausdrucken';
font-size: 0.5rem;

 }


 .jhe-hannover {
/* 	background-color: #ffb600; */
 }


 .bereiche .ce_mateTeaserBox .inside {
	border-radius: 0;
	border-top: 1px solid var(--vse-green);
	box-shadow: none;
	padding-top: 1em;
/* 	padding: 3em 0; */
 }


 .bereiche .ce_mateTeaserBox .inside h2 a {
	font-size: 1.5rem;

 }


 .bereiche .ce_mateTeaserBox .pageLink a {
	color: var(--vse-green);
	background-color: #ededed;
	margin-top: 1em;
 }

 .ce_mateTeaserBox.bssz .adressen {
	display: flex;
  }

 .ce_mateTeaserBox .adresse {
	margin-bottom: 5em;
  }


  .jhe-hannover .ce_mateTeaserBox .inside {
	border-radius: 0;
	border-top: 1px solid var(--vse-green);
	box-shadow: none;
	padding-top: 1em;
/* 	padding: 3em 0; */
 }

 .jhe-hannover.ce_mateTeaserBox.inside h2 a {
	font-size: 1.5rem;

 }

.ce_mateTeaserBox .inside h2 {
	font-size: 1.5rem;
	padding: 0.5em 1em;
 }

 .ce_mateTeaserBox .inside h2 a {
	font-size: 1.5rem;
	padding: 0.5em 0;
	font-weight: 400;
 }

 .jhe-hannover  .ce_mateTeaserBox .pageLink a {
	color: var(--vse-green);
	background-color: #ededed;
	margin-top: 1em;
 }


 .jhe-hannover .ce_mateTeaserBox .inside {
	border-radius: 0;
	border-top: 1px solid var(--vse-green);
	box-shadow: none;
/* 	padding: 2em; */
 }


 .jhe-hannover .ce_mateTeaserBox p {
	font-size: 1rem;
 }

 

/* .jobs {
		position: relative;
	top: -48px;
} */


hr {
	margin-top: 2em;
    border: 0;
    height: 1px;
    background: #8a8a8a;
}

/* .mod_mateNavbar .left-nav ul li {
	border-right: 1px solid var(--vse-green);

}
.mod_mateNavbar .left-nav ul li a {
	background-color: #f9f9f9;

} */

/* 
.mod_newslist {
	background-color: #86af49;
}

/* .layout_latest  {
background-color: #fff;
display: block;
} */ 

#header .desktop-menu {
/* 	outline: 1px solid red; */
	/* padding-top: 2rem; */
}

.desktop-menu li a {
padding: .5rem .8rem;

}

/*-------------Statement gegen Rechts------------------*/
	
	.popup {
    position: fixed;
    top: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, .3);
    display: grid;
    place-content: center;
    opacity: 0;
    pointer-events: none;
    transition: 400ms ease-in-out opacity;
    z-index: 1000000;
}
.popup-content {
	font-size: .9rem;
    width: clamp(300px, 90vw, 900px);
    background-color: #fff;
    padding: clamp(1.5rem, 100vw,3rem);
    box-shadow: 0 0 .5em rgba(0, 0, 0, .5);
    border-radius: .5em;
    opacity: 0;
    transform: translateY(20%);
    transition: 400ms ease-in-out opacity,
                400ms ease-in-out transform;
    position: relative;
}

.popup-content ul {
	padding-left: 1em;
}

.popup-content ul li {
		padding-left: 1em;
}
	
.popup h1 {
    position: absolute;
    top: 2rem;
    right: 2rem;
    line-height: 1;
    cursor: pointer;
    user-select: none;
}
.popup h1:active {
    transform: scale(.9);
}

.showPopup {
    opacity: 1;
    transform: translateY(0);
    pointer-events: all;
}

@media (max-width: 598px)  {
	
		.ce_dismissableBanner {
		position: absolute;
		left: 50%;
		top: 78%;
		transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
		width: 96%;
		max-width: 72em;
		z-index: 100;
		border: none;
	}
	
	.banner-content {
		padding: 1em;
		font-size: .8.5rem;
	}
	
	.popup {
     position: absolute; 
          top: 200px;

height: 100vh;
	}
    
    .popup-content {
    	font-size: 12px;

    }

}