/* ========================================================================
   Typos / Icons
 ========================================================================== */
 
@import url("//hello.myfonts.net/count/3b7e74");

@font-face {
  font-family: 'Panton-Light';
  src: url('../fonts/Panton-Light/font.woff2') format('woff2'), url('../fonts/Panton-Light/font.woff') format('woff');
}

@font-face {
  font-family: 'Panton-Regular';
  src: url('../fonts/Panton-Regular/font.woff2') format('woff2'), url('../fonts/Panton-Regular/font.woff') format('woff');
}

@font-face {
  font-family: 'Panton-SemiBold';
  src: url('../fonts/Panton-SemiBold/font.woff2') format('woff2'), url('../fonts/Panton-SemiBold/font.woff') format('woff');
}

@font-face {
  font-family: 'Panton-Bold';
  src: url('../fonts/Panton-Bold/font.woff2') format('woff2'), url('../fonts/Panton-Bold/font.woff') format('woff');
}

@font-face {
  font-family: 'Panton-Black';
  src: url('../fonts/Panton-Black/font.woff2') format('woff2'), url('../fonts/Panton-Black/font.woff') format('woff');
}


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





html {
  font-family: 'Panton-Regular', Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.625;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  background: rgba(255, 255, 255, 1);
  color: rgba(0, 40, 70, 1);
}



.font-weight-light, .light {
  font-family: 'Panton-Light', Helvetica, Arial, sans-serif !important;
}


.font-weight-regular, .regular {
  font-family: 'Panton-Regular', Helvetica, Arial, sans-serif !important;
}

.font-weight-semibold, .regular {
  font-family: 'Panton-SemiBold', Helvetica, Arial, sans-serif !important;
}

.font-weight-strong, .strong, strong,
strong, b, .font-weight-bold  {
  font-family: 'Panton-Bold', Helvetica, Arial, sans-serif !important;
  font-weight: normal;
}

.font-weight-black  {
  font-family: 'Panton-Black', Helvetica, Arial, sans-serif !important;
  font-weight: normal;
}


.uk-panel >:last-child,
.uk-panel >:last-child > p {
 margin-bottom:0
}


.uk-hr,
hr {
 overflow:visible;
 text-align:inherit;
 margin:0 0 35px 0;
 border:0;
 border-top:1px solid #e5e5e7
}

*+.uk-hr,
*+hr {
 margin-top:35px
}

@media (min-width: 1200px) {
.uk-hr,
hr {
 margin:0 0 70px 0;
}

*+.uk-hr,
*+hr {
 margin-top:70px
}
}

.text-shadow {
	text-shadow: 2px 2px 15px rgba(0, 0, 0, 0.6);
}

.text-underline {
  text-decoration: underline !important;
}

.text-transform {
  text-transform: uppercase !important;
}

.no-text-transform {
  text-transform: none !important;
}

p:last-child {
	margin-bottom: 0;
}

p .uk-link, p a {
	 text-decoration: underline;
}



ol
{
   padding-left: 0;
}


ol.list-num-icon li
{
   counter-increment: step-counter;
   padding: 5px 0 15px 50px;
}

ol.list-num-icon li::before
{
   content: counter(step-counter);
   margin-left: -50px;
   background-color: #002846;
   width: 30px;
   height: 30px;
   border-radius: 30px;
   text-align: center;
   color: #00ffd7;
   font-family: 'Panton-Black';
   display: inline-block;
   margin-right: 20px;
   line-height: 30px;
}

ol.list-num-icon {
 list-style-type: none;
}

/* ========================================================================
   Headlines
 ========================================================================== */

.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, .uk-heading-2xlarge, .uk-heading-large, .uk-heading-medium, .uk-heading-small, .uk-heading-xlarge, h1, h2, h3, h4, h5, h6, .uk-article-title {
	letter-spacing: 0.01em;
	text-transform: none;
	font-weight: normal;
}

@media (max-width:639px) {
.hyphens-auto {
	hyphens: auto;
}
}



@media (min-width: 960px) {
.grid-header .uk-heading-small {
	font-size: 40px;
}
}

@media (min-width: 1200px) {
.grid-header .uk-heading-small {
	font-size: 48px;
}
}

/* ========================================================================
   Colors
 ========================================================================== */

 .bg-dark h1, .bg-dark h2, .bg-dark h3, .bg-dark h4, .bg-dark p, .bg-dark ul, .bg-dark li {
  color: rgba(255, 255, 255, 1);
}



 
 .white,  .white h1,  .white h2,  .white h3, .white h4, .white h5, .white p  {
  color: rgba(255, 255, 255, 1) !important;
}


 .blue {
  color: rgba(0, 40, 70, 1) !important;
}

 .turquoise {
  color: rgba(0, 255, 215, 1) !important;
}

 .purple {
  color: rgba(130, 85, 255, 1) !important;
}

 .lightgrey {
  color: rgba(230, 230, 230, 1) !important;
}

 .grey {
  color: rgba(218, 218, 218, 1) !important;
}

 .darkgrey {
  color: rgba(180, 180, 180, 1) !important;
}


 .vodafone-red {
  color: rgba(230, 0, 0, 1) !important;
}




 .bg-white {
  background-color: rgba(255, 255, 255, 1) !important;
}

 .bg-light-blue {
  background-color: rgba(229, 233, 236, 1) !important;
}

 .bg-blue {
  background-color: rgba(0, 40, 70, 1) !important;
}

 .bg-light-turquoise {
  background-color: rgba(204, 255, 247, 1) !important;
}

 .bg-turquoise {
  background-color: rgba(0, 255, 215, 1) !important;
}

 .bg-purple {
  background-color: rgba(130, 85, 255, 1) !important;
}

 .bg-lightgrey {
  background-color: rgba(230, 230, 230, 1) !important;
}


 .bg-grey {
  background-color: rgba(210, 210, 210, 1) !important;
}


 .bg-vodafone-red {
  background-color: rgba(230, 0, 0, 1) !important;
}

 .bg-vodafone-red.opacity-90 {
  background-color: rgba(230, 0, 0, 0.9) !important;
}


 .bg-vodafone-red-gradient,
 .uk-card-default.bg-vodafone-red-gradient {
background: rgb(230,0,1);
background: linear-gradient(90deg, rgba(230,0,0,0) 0%, rgba(230,0,0,1) 100%);
}


 .bg-vodafone-red-gradient-opacity-90,
 .uk-card-default.bg-vodafone-red-gradient-opacity-90 {
background: rgb(230,0,0.9);
background: linear-gradient(90deg, rgba(230,0,0,0) 0%, rgba(230,0,0,0.9) 20%);
}



 .bg-opacity {
  opacity: 0.85 !important;
}

 .opacity-30 {
  opacity: 0.30 !important;
}


/* ========================================================================
   Sections
 ========================================================================== */

.uk-section-primary.uk-preserve-color .el-content:not(.uk-button) {
color: rgba(255, 255, 255, 1) !important;
}

.uk-section-secondary.uk-preserve-color .el-content:not(.uk-button) {
color: rgba(0, 40, 70, 1) !important;
}


/* ========================================================================
   Grid Overlapping Picture
 ========================================================================== */

.icon-anschlusskosten {
   transform: scale(0.7);
    right: 10%;
    bottom: 0;
}


@media (min-width: 960px) {

	
.grid-overlapping .overlapping-bottom img {
    margin-bottom: -100px !important;
}

.icon-anschlusskosten {
    right: 15vw;
    bottom: -75px;
     transform: scale(1);
}
}

/* ========================================================================
   Logo
 ========================================================================== */
.branding-ruhrfibre-color {
fill:#00FFD7;
}

.branding-stadt-essen-color {
fill:#002a46;
}

.branding-stadt-essen-color-white {
fill:#FFF;
}


.uk-logo img,
.uk-logo svg,
.uk-sticky-below .uk-logo img {
  height: 50px;
  width: inherit;
}



@media (min-width: 1200px) {
.tm-header > div:not(.uk-sticky-below) .uk-logo img,
.tm-header > div:not(.uk-sticky-below) .uk-logo svg {
  height: 80px;
}
}


.uk-logo-partner img,
.uk-logo-partner svg,
.uk-sticky-below .uk-logo-partner img {
  height: 50px;
  width: inherit;
}



@media (min-width: 1200px) {
.tm-header > div:not(.uk-sticky-below) .uk-logo-partner img,
.tm-header > div:not(.uk-sticky-below) .uk-logo-partner svg {
  height: 80px;
}
}


/* ========================================================================
   Card
 ========================================================================== */


.uk-card.uk-card-transparent {
	background-color: transparent !important;
}


/* ========================================================================
   Tile
 ========================================================================== */

@media (max-width:639px) {
.uk-tile-small {
	padding-top: 20px;
	padding-bottom: 20px;
}

}

.uk-tile-transparent {
	background-color: none !important;
}

/* ========================================================================
   Lightbox
 ========================================================================== */

@media (max-width:639px) {
.uk-tile-small {
	padding-top: 20px;
	padding-bottom: 20px;
}

}



/* ========================================================================
   Header
 ========================================================================== */

.tm-header > div:not(.uk-sticky-below)> .uk-navbar-container,
.tm-header .uk-sticky-below > .uk-navbar-container {
 padding-top:10px;
 padding-bottom:10px
}


@media (min-width: 960px) {
.tm-header div:not(.uk-sticky-below) > .uk-navbar-container {
 padding-top:20px;
 padding-bottom:20px
}

.tm-header > div.uk-sticky-below > .uk-navbar-container {
 padding-top:0;
 padding-bottom:0;
}
}
/* ========================================================================
   Toolbar
 ========================================================================== */

.tm-page {
display: flex;
flex-direction: column;
}

@media (min-width: 960px) and (max-width: 1199px) {
  .tm-page > .tm-toolbar.uk-visible\@l {
    display: flex !important;
    order: -2;
    }
    

}



    .tm-page > .tm-header-mobile {
display: flex;
flex-direction: column;
order: -1;
}



.tm-toolbar {
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 1em;
	position: relative;
	background: rgba(255, 255, 255, 1);
	color: rgba(0, 40, 70, 1);
	font-family: 'Panton-Regular';
	line-height: 1;
}





.tm-toolbar .toolbar {
padding-left: 25px;
}

.tm-toolbar .toolbar a {
color: rgba(0, 40, 70, 1);
}

.tm-toolbar .toolbar a:hover,
.tm-toolbar .toolbar a:focus,
.tm-toolbar .toolbar a:active {
text-decoration: none;
color: rgba(130, 85, 255, 1);
}

.tm-toolbar .toolbar span.uk-icon {
padding-right: 5px;
}




/* ========================================================================
   Navbar
 ========================================================================== */



.uk-navbar-nav > ::before {
	content: "";
	height: 1em;
	margin-left: 0;
	margin-right: 20px;
	border-left: 1px solid transparent;
	position: absolute;
}


.uk-navbar-nav > :nth-child(n+2):not(.uk-first-column)::before {
	border-left-color: #fff;
}

.uk-navbar-nav > li > a {
	line-height: 1;
    min-height: inherit;
}

@media (min-width: 1200px) {
.uk-navbar-center:not(:only-child) {
	top: auto;
	bottom: -13px;
}

.uk-navbar-sticky .uk-navbar-center:not(:only-child) {
	top: auto;
	bottom: 0;
}

.uk-navbar-sticky .uk-navbar-nav > li > a::before {
	bottom: -10px;
}
}


/* ========================================================================
   Subnav
 ========================================================================== */

.uk-subnav > .uk-active > a {
	font-family: Panton-Bold;
}

/* ========================================================================
   Dropbar
 ========================================================================== */

@media (min-width: 1200px) {
.uk-dropbar {
	background: transparent;
}
}


.uk-navbar-dropdown  .uk-card-primary {
	background-color: #002846;
	color: #00ffd7 !important;
}

.uk-navbar-dropdown .uk-card-primary.uk-card-hover:hover {
 color: #002846 !important;		
}	

.uk-navbar-dropdown .uk-card .el-title {
 color: inherit;	
 background-color: inherit ;	
}	

/* ========================================================================
   Scrollbar
 ========================================================================== */

.tm-scrollbar {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;

}

@media (max-width: 959px) {
.tm-scrollbar {
  z-index: 1;
}
}

.tm-scrollbar .uk-icon-button {
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
  height: 50px;
  background: rgba(0, 40, 70, 1);
  line-height: 40px;
  color: rgba(0, 255, 215, 1);
  font-size: 18px;
  text-align: center;
  -webkit-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
  transition-timing-function: ease;
  line-height: 50px;
  border-radius: 0;
  border: none;
  font-family: 'Panton-Bold';
}





.tm-scrollbar .uk-hidden\@m .uk-icon-button:nth-child(n+2) {
	border-left: 1px solid #FFF;
}

.tm-scrollbar .uk-visible\@m .uk-icon-button:nth-child(n+2) {
	margin-top: 20px;
}


@media (min-width: 960px) {
	
.tm-scrollbar .uk-icon-button {
  display: inline-block;
  width: 70px;
  height: 70px;
  line-height: 70px;
  font-size: 22px;
  -webkit-border-top-left-radius: 25px;
-moz-border-radius-topleft: 25px;
border-top-left-radius: 25px;
text-align: center;
}



.tm-scrollbar .uk-icon-button:hover,
.tm-scrollbar .uk-icon-button:focus,
.tm-scrollbar .uk-icon-button:active {
  background-color: rgba(0, 255, 215, 1);
  color: rgba(0, 40, 70, 1);
  /* 2 */
  outline: none;
  transform: none;
   text-decoration: none;
   border-top-left-radius: 0;
}



	
	
.tm-scrollbar {
  position: fixed;
  top: 50%;
  right: 0;
  left: auto;
  bottom: 50%;
  width: 70px;
  padding-right: 0;
  background-color: 003399;
  display: flex;
  align-items: center;

}

.tm-scrollbar .uk-icon-envelope {
	 font-size: 35px;
}	

.tm-scrollbar .uk-icon-button > svg {
	width: 60px;
}
	
}




@media (max-width: 959px) {
.tm-scrollbar .uk-panel {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
}
/*
 * Hover
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 */
.tm-scrollbar .uk-icon-button:hover,
.tm-scrollbarr .uk-icon-button:focus,
.tm-scrollbar .uk-icon-button:active {
  background-color: rgba(0, 255, 215, 1);
  color: rgba(0, 40, 70, 1);
  /* 2 */
  outline: none;
  transform: none;
  text-decoration: none;
}	

.tm-scrollbar .uk-icon-button > svg {
	width: 45px;
}	
}	

/* ========================================================================
   Tooltip
 ========================================================================== */

 .uk-tooltip {
  font-family: 'Panton-Bold';
  line-height: 1.3em;
  text-align: center;
    -webkit-border-top-left-radius: 25px;
-moz-border-radius-topleft: 25px;
border-top-left-radius: 25px;
height: 70px;
display: inline-flex !important;
align-items: center;
font-size: 1em;

}


[role=tooltip]:not(.uk-tooltip):not(.show) {
    display: block !important;

}

/* ========================================================================
   Hidden
 ========================================================================== */
@media (max-width:959px) {
.remove-padding-large\@m .el-item > div div .uk-padding-large  {
padding: 0 !important;
}
}



/* ========================================================================
   Remove Padding
 ========================================================================== */

@media (min-width: 960px) {
.item-order-alternate > div > div:nth-child(2n) .el-item > div > div:nth-child(2) {
	order: -1;
}
}









/* ========================================================================
   Buttons
 ========================================================================== */


.uk-button {
	position: relative;
	display: inline-flex;
align-content: center;
align-items: center;
min-height: 50px;
line-height: 1.25;
text-align: left;
padding: 10px 20px;
}

.uk-button-text {
	padding-left: 25px;
}

.uk-button-default,
.uk-button-primary,
.uk-button-secondary {
	padding-left: 45px;
}


.uk-button-default,
.uk-button-primary,
.uk-button-secondary {
-webkit-border-top-left-radius: 15px;
-moz-border-radius-topleft: 15px;
border-top-left-radius: 15px;
}



.uk-button-text::before,
.uk-button-default::before,
.uk-button-primary::before,
.uk-button-secondary::before {
	content: "";
	position: absolute;
	left: 0;
	width: 15px;
	height: 15px;
   background-repeat: no-repeat;
background-position: calc(100% - 5px) 50%;
transition: background-color .1s ease-in-out;

        /* Store the SVG in a variable so it's easy to use */
        --svg: url('data:image/svg+xml,\
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 15">\
            <g>\
                 <path d="M7.5,15C3.4,15,0,11.6,0,7.5S3.4,0,7.5,0S15,3.4,15,7.5S11.6,15,7.5,15z M12.5,7.5L7.6,2.6L6.1,4.1l2.4,2.3 H2.6v2.1h5.9l-2.4,2.3l1.4,1.5L12.5,7.5z"/>\
            </g>\
        </svg>');

        /* Chrome, still requires prefix in 2022 */
        -webkit-mask: var(--svg);

        /* Firefox and Safari */
        mask: var(--svg);
}

.uk-button-text::before {
	background-color: rgba(0, 40, 70, 1);
}

.uk-section-primary .uk-button-text::before {
    background-color: rgba(0, 255, 215, 1);
}

.uk-button-default::before {
	background-color: rgba(0, 40, 70, 1);
}

.uk-button-primary::before {
	background-color: rgba(255, 255, 255, 1);
}

.uk-button-secondary::before {
	background-color: rgba(0, 40, 70, 1);
}

.uk-button-default::before,
.uk-button-primary::before,
.uk-button-secondary::before {
	left: 20px;
}


.uk-button-text:hover::before,
.uk-button-text:active::before {
    background-color: rgba(0, 255, 215, 1);
}

.uk-button-default:hover::before,
.uk-button-default:active::before {
    background-color: rgba(0, 40, 70, 1);
}

.uk-button-primary:hover::before,
.uk-button-primary:active::before  {
    background-color: rgba(0, 40, 70, 1);
}

.uk-button-secondary:hover::before,
.uk-button-secondary:active::before {
    background-color: rgba(0, 255, 215, 1);
}

.uk-section-primary .uk-button-secondary:hover{
    background-color: rgba(0, 255, 215, 0.15);
}


.vodafone .uk-button-default {
    color:  rgba(255, 255, 255, 1);
    background-color: rgba(230, 0, 0, 1);
}

.vodafone .uk-button-default::before {
    background-color: rgba(255, 255, 255, 1);
}

.vodafone .uk-button-default:hover{
     background-color: rgba(230, 0, 0, 0.8);
}


.vodafone.btn-negative .uk-button-default{
    color:  rgba(230, 0, 0, 1);
    background-color: rgba(255, 255, 255, 1);
}

.vodafone.btn-negative .uk-button-default::before {
	background-color: rgba(230, 0, 0, 1);
}

.vodafone.btn-negative .uk-button-default:hover{
     background-color: rgba(255, 255, 255, 0.8);
}

.uk-button-danger:disabled, .uk-button-default:disabled, .uk-button-primary:disabled, .uk-button-secondary:disabled {
	opacity: 0.2;
}

/* ========================================================================
   Modal
 ========================================================================== */

.uk-modal-dialog,
.uk-modal-header {
	border-top-left-radius: 25px;
}


.uk-modal-header svg {
	max-width: 80px;
}


.uk-modal-body {
	font-size: 0.85em;
	line-height: 1.5em;
}


.uk-modal-close {
  /* 1 */
  -webkit-appearance: none;
  /* 2 */
  margin: 0;
  /* 3 */
  border: none;
  /* 4 */
  overflow: visible;
  /* 5 */
  font: inherit;
  color: rgba(255, 255, 255, 1);
  /* 6 */
  text-transform: none;
  /* 7. */
  padding: 0;
  background: transparent;
  /* 8 */
  display: inline-block;
  box-sizing: content-box;
  width: 30px;
  line-height: 30px;
  text-align: center;
  vertical-align: middle;
  opacity: 1;
  font-size: 15px;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
  position: absolute;
  right: 5px;
  top: 5px;
}


.uk-modal-close:hover,
.uk-modal-close:focus {
  opacity: 1;
  /* 2 */
  outline: none;
  /* 3 */
  color: rgba(255, 255, 255, 1);
  text-decoration: none;
  cursor: pointer;
}

.uk-modal-close:hover {
 -webkit-transform: scale(1.4);
  transform: scale(1.4);
}


/* ========================================================================
   Kontaktmodal
 ========================================================================== */

.contakt-items img {
	max-width: 150px;
}


.contakt-modal .uk-card-secondary {
	background-color: rgba(0, 255, 215, 0.2);
	border-top-left-radius: 50px;
	color: #002846;
}

.contakt-modal .uk-card-small .uk-card-body, 
.contakt-modal .uk-card-small.uk-card-body {
	padding-top: 0;
}

/* ========================================================================
   Grid Stack / alignment change
 ========================================================================== */

@media (min-width: 960px) {
.item-order-alternate > div > div:nth-child(2n) .el-item > div > div:nth-child(2) {
	order: -1;
}
}


.uk-button-reverse-icon::before {
	transform: rotate(180deg);
}
/* ========================================================================
   To Top Scroller
 ========================================================================== */

.uk-totop {
	width: 40px;
	height: 40px;
	border-radius: 40px;
	line-height: 20px;
	position: relative;
	top: -20px;
	box-sizing: border-box;
}


/* ========================================================================
   Vodafone
 ========================================================================== */

.vodafone .el-image {
	max-width: 350px;
}

@media (max-width: 959px) {
.vodafone .el-image {
	max-width: 190px;
}
}

/* ========================================================================
   Stripes / Header Bottom
 ========================================================================== */

.stripe-bottom .el-image.uk-text-primary .bg-stripe,
.stripe-bottom .el-image .bg-stripe {
	fill: #FFFFFF;
}

.stripe-bottom .el-image.uk-text-muted .bg-stripe {
	fill: #e6e6e6;
}


.stripe-bottom .el-image.uk-text-primary .bg-stripe {
	fill: #002846;
}

.stripe-bottom .el-image.uk-text-secondary .bg-stripe {
	fill: #00ffd7;
}


.stripe-bottom .el-image .stripe {
	fill: #00ffd7;
}

.stripe-bottom .el-image.uk-text-secondary .stripe {
	fill: #002846;
}


.slideshow-stripe .uk-position-cover {
	bottom: 10vw;
}


/* ========================================================================
   Grid Stack / alignment change
 ========================================================================== */

@media (min-width: 960px) {
.item-order-alternate > div > div:nth-child(2n) .el-item > div > div:nth-child(2) {
	order: -1;
}
}


@media (max-width: 959px) {
.item-order-alternate .el-item .uk-padding-large {
	padding: 20px 0;
}
}

@media (min-width: 960px) {

.item-order-alternate > div > div:nth-child(2n+1) .el-item > div > div:nth-child(2) .uk-padding-large {
	padding-right: 0;
}

.item-order-alternate > div > div:nth-child(2n) .el-item > div > div:nth-child(2) .uk-padding-large {
	padding-left: 0;
}
}


/* ========================================================================
   Header Teaser Bilder
 ========================================================================== */


@media (max-width: 959px) {
.grid-header .item-order-reverse\@s .el-item > div > div:nth-child(2n) {
	order: -1;
}
}

.grid-header .item-order-reverse\@s .el-item .uk-flex-middle > div:first-child {
 align-items: flex-end;
 display: inline-flex;
}

.grid-header .el-item .uk-flex-middle > div:first-child {
 align-items: flex-start;
 display: inline-flex;
}


@media (max-width: 639px) {
.grid-header .el-item > div div:nth-child(2n) > div.uk-padding-large  {
padding: 20px;
}	
}	

@media (max-width: 959px) {
.grid-header > div > div > div > div > div:not(.item-order-reverse\@s) .uk-padding-large {
padding-top: 0;
}

.grid-header > div > div > div > div > div.item-order-reverse\@s .uk-padding-large  {
padding-bottom: 0 !important;
}
}

@media (min-width: 960px) {
.grid-header .el-item > div div:nth-child(2n) > div.uk-padding-large  {
padding-left: 0;
}
}


	
	

/* ========================================================================
   Bilder spiegeln X-Achse
 ========================================================================== */

.transform-flip .el-image  {
transform: scaleX(-1);
}


/* ========================================================================
   Footnote
 ========================================================================== */

a.footnote  {
line-height: 0;
position: relative;
vertical-align: baseline;
}



a.footnote,
a.footnote:hover,
a.footnote:focus,
a.footnote:active  {
text-decoration: none;
color: rgba(0, 40, 70, 1);
font-size: 1em;
font-family: 'Panton-Regular';
}


.el-title a.footnote  {
font-size: 0.65em;
top: -.5em;
}

p > a.footnote  {
top: -.25em;
}

a.footnote:hover,
a.footnote:focus,
a.footnote:active  {
color: rgba(130, 85, 255, 1);
}


.footnote-color {
color: rgba(255, 255, 255, 1);
background-color: rgba(255, 255, 255, 1);
fill: #fff;
}


/*

a.footnote::before {
	content: "";
	display: inline-block;
	background-color: rgba(0, 40, 70, 1);
	width: 20px;
	height: 20px;
	vertical-align: top;
   background-repeat: no-repeat;
background-position: calc(100% - 5px) 50%;
transition: background-color .1s ease-in-out;
        /* Store the SVG in a variable so it's easy to use */
        --svg: url('data:image/svg+xml,\
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000">\
            <g>\
                 <path d="M512.8,834.3c-45.1,0-88.9-8.8-130.1-26.3c-39.8-16.8-75.6-40.9-106.3-71.6s-54.8-66.4-71.6-106.3 c-17.4-41.2-26.3-85-26.3-130.1s8.8-88.9,26.3-130.1c16.8-39.8,40.9-75.6,71.6-106.3s66.4-54.8,106.3-71.6 c41.2-17.4,85-26.3,130.1-26.3s88.9,8.8,130.1,26.3c39.8,16.8,75.6,40.9,106.3,71.6s54.8,66.4,71.6,106.3 c17.4,41.2,26.3,85,26.3,130.1s-8.8,88.9-26.3,130.1c-16.8,39.8-40.9,75.6-71.6,106.3s-66.4,54.8-106.3,71.6 C601.7,825.5,557.9,834.3,512.8,834.3z M512.8,215.7c-75.9,0-147.3,29.6-201,83.3c-53.7,53.7-83.3,125.1-83.3,201 s29.6,147.3,83.3,201s125.1,83.3,201,83.3c75.9,0,147.3-29.6,201-83.3s83.3-125.1,83.3-201s-29.6-147.3-83.3-201 C660.1,245.3,588.7,215.7,512.8,215.7z M463.6,357v-5.5c0-28,8.5-36.5,37-36.5h24.5c28.5,0,37,8.5,37,36.5v5.5c0,28-8.5,36-37,36 h-24.5C472.1,393,463.6,385,463.6,357z M466.6,666V444c0-14,4.5-19,19-19h54.5c14.5,0,19.5,5,19.5,19v222c0,14-5,19-19.5,19h-54.5 C471.1,685,466.6,680,466.6,666z"/>\
            </g>\
        </svg>');

        /* Chrome, still requires prefix in 2022 */
        -webkit-mask: var(--svg);

        /* Firefox and Safari */
        mask: var(--svg);
}


a.footnote:hover::before {
    background-color: rgba(130, 85, 255, 1);
}

*/


/* ========================================================================
   Switcher
 ========================================================================== */


@media (min-width: 1200px) {
.switcher .el-image {
	float: right;
}
}



@media (max-width: 1199px) {
.switcher img {
	width: 600px;
}
}

.switcher .el-item .uk-padding-large {
	padding: 0 20px 0 20px;
}

.switcher .el-image {
	padding: 0 20px 20px 20px;
}


@media (min-width: 960px) {
.switcher .el-item .uk-padding-large {
	padding: 0 40px 0 40px;
}

.switcher .el-image {
	padding: 0 40px 40px 40px;
}
}


@media (min-width: 1200px) {
.switcher .el-item .uk-padding-large {
	padding: 0 100px 0 70px;
}
.switcher .el-image {
	padding: 0 0 0 70px;
}
}


@media (min-width: 1600px) {
.switcher .el-item .uk-padding-large {
	padding: 0 140px 0 140px;
}
.switcher .el-image {
	padding: 0 0 0 140px;
}
}


/* ========================================================================
   Kontakt Sidebar
 ========================================================================== */

.kontakt-sidebar .uk-card-secondary {
	background-color: rgba(0, 255, 215, 0.2);
	border-top-left-radius: 50px;
	color: #002846;
}

.kontakt-sidebar .uk-card-small .uk-card-body, .kontakt-sidebar .uk-card-small.uk-card-body {
	padding-top: 0;
}


/* ========================================================================
   Accordion Custom
 ========================================================================== */


.uk-accordion-title::before,
.uk-open > .uk-accordion-title::before  {
background-image: url('data:image/svg+xml,<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="20px" height="20px" viewBox="0 0 20 20" style="enable-background:new 0 0 20 20;" xml:space="preserve"><path d="M10,19.5c-5.2,0-9.5-4.3-9.5-9.5S4.8,0.5,10,0.5s9.5,4.3,9.5,9.5S15.2,19.5,10,19.5z M16.3,10l-6.2-6.2L8.3,5.7l3,2.9H3.8v2.7h7.5l-3,2.9l1.8,1.9L16.3,10z"/></svg>');
}


.uk-accordion-title::before {
	content: "";
	width: 1.4em;
	height: 1.4em;
	margin-left: -50px;
	float: left;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 25px;
}


.uk-open > .uk-accordion-title::before {
transform: rotate(90deg);
}	

.uk-accordion-title,
.uk-accordion-content {
	padding-left: 50px;
}


/* ========================================================================
   Accordion Custom with date / Presse
 ========================================================================== */

.uk-accordion .uk-article-meta {
	font-family: 'Panton-SemiBold';
	font-size: 1em;
	line-height: 1.4;
	color: rgba(0, 40, 70, 1);
	text-transform: uppercase;
	letter-spacing: 0;
}

.copyright {
	font-size: 0.85em;
	line-height: 1.2;
	color: rgba(150, 150, 150, 1);
}


.uk-accordion .uk-open .uk-accordion-title {
	font-family: Panton-Bold;
}


@media (max-width: 959px) {
.uk-accordion-title {
	font-size: 1em;
	line-height: 1.4;
}
}


/* ========================================================================
   Grid Frontpage / Teaser
 ========================================================================== */

@media (min-width:640px) {
.grid-teaser .el-title {
	min-height: 75px;
}
}



/* ========================================================================
   Footer
 ========================================================================== */

.footer-subnav ul.uk-subnav {
 justify-content:center;
}


@media (max-width: 959px) {
.footer-subnav.uk-section-xsmall {
padding-bottom: 60px;
}
.uk-subnav > * {
	height: 30px;
}
}




/* ========================================================================
   Formular
 ========================================================================== */
 
@media (min-width:1200px) {
	
  .uk-form .uk-grid {
  margin-left: -20px
 }
  .uk-form .uk-grid > * {
  padding-left: 20px
 }		
 .uk-form * + .uk-grid-margin,
 .uk-form .uk-grid + .uk-grid,
 .uk-form .uk-grid > .uk-grid-margin {
  margin-top: 20px
 }
}




 fieldset {
	border: 0 none;
	margin: 0;
	padding: 0;
}

uk-form :-ms-input-placeholder {
    text-transform: none;
letter-spacing: 0;
font-size: 0.85em;
}
.uk-form ::-moz-placeholder {
    text-transform: none;
letter-spacing: 0;
font-size: 0.85em;
}
.uk-form ::-webkit-input-placeholder {
    text-transform: none;
letter-spacing: 0;
font-size: 0.85em;
}
.uk-form select {
    text-transform: none;
letter-spacing: 0;
font-size: 0.85em !important;
}
 
.uk-form input[type="radio"]::before, .uk-form input[type="checkbox"]::before {
	display: block;
}

.uk-form :-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.5)!important;
}
.uk-form ::-moz-placeholder {
  color: rgba(0, 0, 0, 0.5);
}
.uk-form ::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
}
.uk-form :disabled:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.5) !important;
}
.uk-form :disabled::-moz-placeholder {
  color: rgba(0, 0, 0, 0.5);
}
.uk-form :disabled::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
}
/*
 * Placeholder Danger
 */


.uk-form .uk-form-danger:-ms-input-placeholder {
   color: rgba(211, 52, 75, 1) !important;
}
.uk-form .uk-form-danger::-moz-placeholder {
   color: rgba(211, 52, 75, 1) !important;
}
.uk-form .uk-form-danger::-webkit-input-placeholder {
   color: rgba(211, 52, 75, 1) !important;
}
.uk-form .uk-form-danger:disabled:-ms-input-placeholder {
   color: rgba(211, 52, 75, 1) !important;
}
.uk-form .uk-form-danger:disabled::-moz-placeholder {
   color: rgba(211, 52, 75, 1) !important;
}
.uk-form .uk-form-danger:disabled::-webkit-input-placeholder {
   color: rgba(211, 52, 75, 1) !important;
}


.uk-form select, .uk-form textarea, .uk-form input:not([type]), .uk-form input[type="text"], .uk-form input[type="password"], .uk-form input[type="datetime"], .uk-form input[type="datetime-local"], .uk-form input[type="date"], .uk-form input[type="month"], .uk-form input[type="time"], .uk-form input[type="week"], .uk-form input[type="number"], .uk-form input[type="email"], .uk-form input[type="url"], .uk-form input[type="search"], .uk-form input[type="tel"], .uk-form input[type="color"] {
  border: none;
  background: none repeat scroll 0 0 rgba(255, 255, 255, 1);
  color: rgba(0, 0, 0, 1);
  padding: 15px;
  min-height: 50px;
  font-family: 'Panton-Regular', Helvetica, Arial, sans-serif;
  font-weight: 300;
  border-radius: 0;
  border: 1px solid rgba(180, 180, 180, 1);
  width: 100%;
  font-size: 1em;
  line-height: 1em;
  box-sizing: border-box;
}



.uk-form select:focus,
.uk-form textarea:focus,
.uk-form input:not([type]):focus,
.uk-form input[type="text"]:focus,
.uk-form input[type="password"]:focus,
.uk-form input[type="datetime"]:focus,
.uk-form input[type="datetime-local"]:focus,
.uk-form input[type="date"]:focus,
.uk-form input[type="month"]:focus,
.uk-form input[type="time"]:focus,
.uk-form input[type="week"]:focus,
.uk-form input[type="number"]:focus,
.uk-form input[type="email"]:focus,
.uk-form input[type="url"]:focus,
.uk-form input[type="search"]:focus,
.uk-form input[type="tel"]:focus,
.uk-form input[type="color"]:focus {
  outline: 0;
  background: none repeat scroll 0 0 rgba(255, 255, 255, 1);
  color: rgba(0, 0, 0, 1);
  border: solid 1px rgba(0, 40, 70, 1);
}



.uk-form  .uk-input, .uk-form  .uk-select:not([multiple]):not([size]) {
	border-bottom: 1px solid rgba(180, 180, 180, 1);
}


.uk-form input[type="radio"]:checked::before {
	content: '';
	width: 14px;
	height: 14px;
	margin: 1px auto 0;
	border-radius: 50%;
	background: rgba(0, 255, 215, 1);
}


.uk-form input[type="radio"], .uk-form input[type="checkbox"] {
	display: inline-block;
	height: 18px;
	width: 18px;
	overflow: hidden;
	margin-top: -4px;
	vertical-align: middle;
	-webkit-appearance: none;
	outline: 0;
	background: rgba(255, 255, 255, 1);
}


.uk-form input[type="radio"], .uk-form input[type="checkbox"] {
	border: 1px solid rgba(180, 180, 180, 1);
}



.uk-form  {
	text-align: left;
}

.uk-form input[type="radio"], .uk-form input[type="checkbox"] {
	margin-right: 5px;
}

.uk-form label + label {
	margin-left: 30px;
}

@media (max-width: 959px) {
.uk-form label + label {
	margin-left: 0;
	display: block;
}
}


label.uk-form-danger {
  background: none !important;
  border: none !important;
  color: inherit !important;
}

strong.formRequired {
	font-weight: 300;
    font-family: 'Noto Serif', serif;
	margin-left: 5px;
}

.formError {
	color: #CF4D4D;
	font-family: 'Panton-Bold',Helvetica,Arial,sans-serif !important;
	font-weight: normal;
	font-size: 0.9em;
	display: block;
}


.rsform-type-fileupload .formError {
	padding-top: 10px;
}


.success {
  background-color: rgba(153, 204, 153, 1) !important;
  border: none;
}



.uk-form-label {
	font-size: 14px;
	font-family: 'Panton-SemiBold', Helvetica,Arial, sans-serif;
	font-weight: 300;
	text-transform: none;
	letter-spacing: 0.02em;
}

.uk-form-stacked .uk-form-label {
	display: block;
	margin-bottom: 0;
	font-weight: 300;
}



 .uk-form label.uk-form-danger > span.note {
  color: rgba(211, 52, 75, 1) !important;
} 

.uk-form label > span.note,
p.privacy-policy-information {
	font-size: 0.7em;
	line-height: 1.5em;
	font-weight: 300;
	color: rgba(150, 150, 150, 1);
}




.uk-form-danger-intro {
	border: 1px solid rgba(211, 52, 75, 1) !important;
	background: rgba(255, 205, 205, 0.3) !important;
	color: rgba(211, 52, 75, 1) !important;
	background-image: none !important;
	padding: 10px;
	margin-bottom: 25px;
}

.uk-form-danger {
	border: 1px solid rgba(211, 52, 75, 1) !important;
	background: rgba(255, 205, 205, 0.3) !important;
	color: rgba(211, 52, 75, 1) !important;
	background-image: none !important;
}



 .uk-form .uk-button.rsfp-field-multiple-plus-button {
  margin: 10px 0;
  font-size: 0.8em;
  background-color: rgba(220, 220, 220, 1);
  color: rgba(0, 40, 70, 1);
  border: none;
} 

 .uk-form .uk-button.rsfp-field-multiple-plus-button::before {
	content: "\f067";
	font-family: FontAwesome;
display: inline-block;
font-weight: 400;
font-style: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
padding-right: 5px;
}



.uk-form .uk-grid.uk-margin-no-margin .uk-margin {
	margin-bottom: 0!important;
	margin-top: 0!important;
}


@media (max-width: 639px) {
.uk-form .uk-grid > div + div {
  margin-top: 25px;
}
}


.rsfp_thankyou_popup_inner {
	padding: 0 !important;
}







.rsfp_thankyou_popup_inner {
	width: inherit !important;
	max-width: 600px;
}



.rsfp_thankyou_popup_outer {
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 99999;
	background: rgba(0, 40, 70, 0.85);
}


.rsfp_thankou_popup_close_btn {
	position: absolute;
	top: -55px;
	right:0;
	font-size: 40px;
	cursor: pointer;
	color: rgba(255, 255, 255, 1);
	display: flex;
	align-items: center;
	justify-content: right;
	transition: .1s ease-in-out;
}

.rsfp_thankou_popup_close_btn:hover {
	transform: scale(1.2);
}


/* Captcha Styling */

.rsform-type-captcha img,
.rsform-block-upload-objektliste .uk-form-custom {
	display: block;
}

.rsform-type-captcha input[type="text"],
.rsform-upload-box + input[type="text"] {
	max-width: 50%;
	float: left;
}

.rsform-type-captcha a.rsform-captcha-refresh-button,
.rsform-upload-box + input[type="text"] + .uk-button  {
	margin-left: 15px;
}


@media (min-width: 640px) {
.rsform-type-captcha input[type="text"],
.rsform-upload-box + input[type="text"] {
	max-width: 20%;
}	
}	



/* Fix Select Menu */


.uk-form select {
	 color: rgba(0, 0, 0, 0.5);
}



/* ========================================================================
   GNV Formular
 ========================================================================== */

/***************
   Checkboxes
***************/
/* CUSTOM CSS CHECKBOXES */

/* Remove default checkbox */
.uk-form [type="checkbox"]:not(:checked), .uk-form [type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
  visibility: hidden; }

.uk-form [type="checkbox"] {
  /* checkbox aspect */ }
  [type="checkbox"] + label {
    position: relative;
    padding-left: 40px;
    cursor: pointer;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    font-size: 1rem;
    -webkit-user-select: none;
    /* webkit (safari, chrome) browsers */
    -moz-user-select: none;
    /* mozilla browsers */
    -khtml-user-select: none;
    /* webkit (konqueror) browsers */
    -ms-user-select: none;
    /* IE10+ */ }
.uk-form [type="checkbox"] + label:before {
    content: '';
    background-color: rgba(255, 255, 255, 1);
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    z-index: 0;
    border: 1px solid rgba(120, 120, 120, 1);
    border-radius: 1px;
    margin-top: 1px;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s; }
 .uk-form [type="checkbox"]:not(:checked):disabled + label:before {
    border: none;
    background-color: rgba(0, 0, 0, 0.26); }

.uk-form [type="checkbox"]:checked + label:before {
  background: none;
  top: -4px;
  left: -3px;
  width: 12px;
  height: 22px;
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  border-right: 1px solid rgba(0, 40, 70, 1) ;
  border-bottom: 1px solid rgba(0, 40, 70, 1) ;
  -webkit-transform: rotate(40deg);
  -moz-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  -o-transform: rotate(40deg);
  transform: rotate(40deg);
  -webkit-backface-visibility: hidden;
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%; }
.uk-form [type="checkbox"]:checked:disabled + label:before {
  border-right: 2px solid rgba(0, 0, 0, 0.26);
  border-bottom: 2px solid rgba(0, 0, 0, 0.26); }

/* Indeterminate checkbox */
.uk-form [type="checkbox"]:indeterminate + label:before {
  left: -10px;
  top: -11px;
  width: 10px;
  height: 22px;
  border-top: none;
  border-left: none;
  border-right: 2px solid #019dd6;
  border-bottom: none;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-backface-visibility: hidden;
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%; }
.uk-form [type="checkbox"]:indeterminate:disabled + label:before {
  border-right: 2px solid rgba(0, 0, 0, 0.26);
  background-color: transparent; }

.uk-form [type="checkbox"].filled-in + label:after {
  border-radius: 2px; }
.uk-form [type="checkbox"].filled-in + label:before, [type="checkbox"].filled-in + label:after {
  content: '';
  left: 0;
  position: absolute;
  /* .1s delay is for check animation */
  transition: border .25s, background-color .25s, width .2s .1s, height .2s .1s, top .2s .1s, left .2s .1s;
  z-index: 1; }
.uk-form [type="checkbox"].filled-in:not(:checked) + label:before {
  width: 0;
  height: 0;
  border: 3px solid transparent;
  left: 6px;
  top: 10px;
  -webkit-transform: rotateZ(37deg);
  transform: rotateZ(37deg);
  -webkit-transform-origin: 20% 40%;
  transform-origin: 100% 100%; }
.uk-form [type="checkbox"].filled-in:not(:checked) + label:after {
  height: 20px;
  width: 20px;
  background-color: transparent;
  border: 2px solid #5a5a5a;
  top: 0px;
  z-index: 0; }
.uk-form type="checkbox"].filled-in:checked + label:before {
  top: 0;
  left: 1px;
  width: 8px;
  height: 13px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotateZ(37deg);
  transform: rotateZ(37deg);
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%; }
.uk-form [type="checkbox"].filled-in:checked + label:after {
  top: 0px;
  width: 20px;
  height: 20px;
  border: 2px solid #019dd6;
  background-color: #019dd6;
  z-index: 0; }
.uk-form [type="checkbox"].filled-in:disabled:not(:checked) + label:before {
  background-color: transparent;
  border: 2px solid transparent; }
.uk-form [type="checkbox"].filled-in:disabled:not(:checked) + label:after {
  border-color: transparent;
  background-color: #BDBDBD; }
.uk-form [type="checkbox"].filled-in:disabled:checked + label:before {
  background-color: transparent; }
.uk-form [type="checkbox"].filled-in:disabled:checked + label:after {
  background-color: #BDBDBD;
  border-color: #BDBDBD; }





/* Formular */


.uk-card-default .gnv-formular  {
	color: #002846;
}

.uk-form .rsform-block {
  position: relative;
}

.gnv-formular .optional-block-eigentuemerrolle .uk-form-row + .uk-form-row {
 margin-top: 0;
}


.uk-form .uk-dropdown {
	display: none;
	position: absolute;
	z-index: 1020;
	--uk-position-offset: 10px;
	--uk-position-viewport-offset: 15px;
	box-sizing: border-box;
	min-width: 200px;
	padding: 25px;
	background: #fff;
	color: #6c6d74;
	box-shadow: 0 1px 4px rgba(0,0,0,.14);
}


.uk-form .uk-dropdown {
  overflow-y: auto;
  max-height: 210px;
  width: 100%;
  border: solid 1px rgba(0, 0, 0, 1);
  border-top: none !important;
  box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.1);
  text-align: left;
}

.uk-dropdown.invisible {
	opacity: 0;
}


.uk-form .uk-dropdown {
	padding: 0;
}


.uk-form .uk-dropdown .uk-nav > li > a {
	font-weight: 400;
	font-size: 0.9em;
	text-transform: none;
	letter-spacing: 0;
	padding: 5px 10px;
	color: rgba(0, 0, 0, 1);
}

.uk-open > .uk-dropdown, .uk-open > .uk-dropdown-blank {
	display: block;
    -webkit-animation: uk-fade 0.2s ease-in-out;
    animation: uk-fade 0.2s ease-in-out;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

.uk-form .uk-dropdown .uk-nav-autocomplete > li.uk-active > a /*,
.gnv-formular.uk-form .uk-dropdown .uk-nav-autocomplete > li:hover > a */ {
  background: rgba(0, 40, 70, 1);
  color: #ffffff;
  /* 1 */
  outline: none;
}




/* Fix Grid auf Medium */


@media (min-width: 640px) {
    .formContainer .uk-grid > .uk-width-1-12 { width: 8.333%; }
    .formContainer .uk-grid > .uk-width-2-12 { width: 16.666%; }
    .formContainer .uk-grid > .uk-width-3-12 { width: 25%; }
    .formContainer .uk-grid > .uk-width-4-12 { width: 33.333%; }
    .formContainer .uk-grid > .uk-width-5-12 { width: 41.666%; }
    .formContainer .uk-grid > .uk-width-6-12 { width: 50%; }
    .formContainer .uk-grid > .uk-width-7-12 { width: 58.333%; }
    .formContainer .uk-grid > .uk-width-8-12 { width: 66.666%; }
    .formContainer .uk-grid > .uk-width-9-12 { width: 75%; }
    .formContainer .uk-grid > .uk-width-10-12 { width: 83.333%; }
    .formContainer .uk-grid > .uk-width-11-12 { width: 91.666%; }
    .formContainer .uk-grid > .uk-width-12-12 { width: 100%; }
}


.gnv-formular .rsform-submit-button.uk-button {
   background-color: rgba(0, 40, 70, 1);
   color: rgba(255, 255, 255, 1);	
}



.gnv-formular .rsform-submit-button.uk-button:hover,
.gnv-formular .rsform-submit-button.uk-button:focus,
.gnv-formular .rsform-submit-button.uk-button:active,
.gnv-formular .rsform-submit-button.uk-button.uk-active{
   background-color: rgba(0, 255, 215, 1);
   color: rgba(0, 40, 70, 1) !important;
}



.gnv-formular .signaturePad  {
	background-color: rgba(255, 255, 255, 1);

}




.uk-form .note {
	font-size: 0.8em;
	line-height: 1.7em;
	font-weight: 300;
}

.uk-form .note a {
	color: rgba(0, 40, 70, 1);
	text-decoration: underline;
}

.gnv-formular .formError {
	color: #CF4D4D;
	font-family: 'Panton-Regular',Helvetica,Arial,sans-serif !important;
	font-weight: normal;
	font-size: 0.9em;
	display: block;
}


[type="checkbox"] + label.uk-form-danger:before {
	border-color: rgba(255, 205, 205, 1);
    background: rgba(255, 205, 205, 0.3);
}


[type="checkbox"] + label.uk-form-danger:before {
	border-color: rgba(255, 205, 205, 1);
    background: rgba(255, 205, 205, 0.3);
}

[type="checkbox"]:checked + label.uk-form-danger:before {
	border-color: inherit;
    background: inherit;
    border-left: inherit;
   border-top: inherit;
}





/* Progress Bar */

.gnv-formular .rsformProgressContainer {
	margin: 15px 0 0 0 !important;
}

.gnv-formular .rsformProgressContainer {
	width: 100%;
	height: 8px;
	border: none;
	border-radius: 25px;
	overflow: hidden;
	background: rgba(200, 200, 200, 1);
}

.gnv-formular .rsformProgressBar {
	height: 8px;
	background: rgba(0, 255, 215, 1);
	margin: 0px !important;
}




/* Formular Buttons */


.gnv-formular button.rsform-button-prev,
.gnv-formular .rsform-block-gnv-upload-pdf button.uk-button {
	float: left;
}

.gnv-formular button.rsform-button-prev.uk-button-default::before {
	transform: rotate(180deg);
}

.gnv-formular button.rsform-button-next {
	float: right;
}

.gnv-formular .rsform-submit-button.uk-button {
	float: right;
}


@media (max-width:639px) {
.gnv-formular button.rsform-button-prev, 
.gnv-formular .rsform-block-gnv-upload-pdf button.uk-button,
.gnv-formular button.rsform-button-next {
	float: none;
	display: flex;
	margin: 10px auto;
}
}


/* Info Icons */


.gnv-formular [class*='rsform-block-info-form-'] {
	margin-bottom: -25px;
}


.gnv-formular [class*='rsform-block-info-form-'] span {
	position: absolute;
left: 0;
top: -17px;
font-size: 13px;
line-height: 1;
}

.gnv-formular span i {
font-size: 13px;
line-height: 1;
}


/* Hide Labels */

.hidden-label .uk-form-stacked .uk-form-label {
	display: none;
	visibility: hidden;
}

.hidden-label .uk-form-stacked .rsform-block-vpid .uk-form-label {
	display: block;
	visibility: visible;
	font-family: 'Panton-Regular', Helvetica, Arial, sans-serif;
}

.gnv-formular .rsform-block-vpid {
	margin-top: 25px;
}

@media (min-width: 640px) {
	.gnv-formular #vpid.rsform-input-box {
		max-width: calc(25% - 19px);
	}
}



/* ========================================================================
   Modal Formulare / Success
 ========================================================================== */

.mailing-success-header .uk-svg {
height: 80px;
width: inherit;
}



/* ========================================================================
   Cookie Hub - Cookie Consent
 ========================================================================== */
 
.ch2-block {
	background: rgba(0, 40, 70, 0.8) !important;
}


.ch2-style-light .ch2-dialog-content p strong,
.ch2-style-light .ch2-settings-header p {
	color: rgba(0, 40, 70, 1) !important;
}


.ch2-dialog-content p strong,
.ch2-settings-content p strong,
.ch2-settings-header p strong {
	font-weight: 300 !important;
	font-family: 'Panton-Bold', sans-serif !important;
}

.ch2-style-light .ch2-settings-content a {
	color: rgba(0, 40, 70, 1) !important;
	border-bottom: 1px solid rgba(0, 40, 70, 1) !important;
}


.ch2-theme-bar .ch2-dialog p strong {
	font-size: 18px !important;
}


.ch2-style-light .ch2-dialog-content p,
.ch2-style-light .ch2-settings-content p,
.ch2-style-light .ch2-settings-scan .ch2-settings-tabs ul li a {
	color: rgba(0, 40, 70, 1) !important;
}
.ch2-theme-bar .ch2-dialog p {
	font-size: 15px !important;
	line-height: 22px !important;
}

.ch2-container, .ch2-icon {
	font-family: 'Panton-Regular', sans-serif !important;
}

.ch2-dialog-content a {
	font-size: 15px !important;
}

.ch2-style-light .ch2-dialog-content a {
	color: rgba(0, 40, 70, 1) !important;
	border-bottom: 1px solid rgba(0, 0, 0, 1) !important;
}

.ch2-style-light .ch2-dialog-content a:hover {
	color: rgba(0, 40, 70, 0.7) !important;
	border-bottom: 1px solid rgba(0, 0, 0, 1) !important;
}

.ch2-theme-bar .ch2-dialog p:first-child {
	margin-bottom: 5px !important;
}

.ch2-style-light .ch2-dialog {
	background: rgba(255, 255, 255, 1) !important;
}




.ch2-btn:hover {
	box-shadow: 0 0 20px 0 rgba(0,0,0,.4);
}

.ch2-style-light.ch2-icon a {
	color: rgba(0, 40, 70, 1) !important;
}


.ch2-icon {
	left: 10px !important;
	bottom: 10px !important;
}

.ch2-icon a {
 width: 31px !important;
 height: 31px !important;
 line-height: 31px !important;
}


.ch2-style-light.ch2-icon a svg {
	border: 2px solid rgba(255, 255, 255, 1) !important;
	fill: #FFF !important;
	background: transparent !important;
}

.ch2-icon a svg {
 width: 13px !important;
 height: 13px !important;
}



.ch2-style-light.ch2-icon a:hover {
 background: rgba(255, 255, 255, 1) !important;
}


.ch2-style-light.ch2-icon a:hover svg {
 border:2px solid rgba(0, 40, 70, 1) !important;
 fill: rgba(0, 40, 70, 1) !important;
 background: rgba(255, 255, 255, 1) !important;
}


.ch2-style-light.ch2-icon a span {
	opacity: 1 !important;
	width: 100% !important;
}



.ch2-settings-content p {
	font-size: 16px !important;
}

.ch2-settings-option p,
.ch2-container, .ch2-icon {
	font-size: 15px !important;
}


@media (min-width:1220px) {

.ch2-theme-bar .ch2-dialog p strong {
	font-size: 20px !important;
}

.ch2-theme-bar .ch2-dialog p {
	font-size: 1em !important;
	line-height: 1.4em !important;
}

.ch2-dialog-content a {
	font-size: 1em !important;
}
}



@media (min-width: 600px) {
.ch2-theme-overlay .ch2-dialog-actions-vertical div:last-child button {
	display: block !important;
	margin-left: auto !important;
	margin-right: auto !important;
}
}

.ch2-theme-overlay .ch2-dialog {
	padding: 30px !important;
}


/* Datenschutz Cookie Table */

.cookiehub-declaration > p
{
display: none;
}



.ch2-style-light .ch2-btn-primary, .ch2-style-dark .ch2-btn-primary {
	background: rgba(0, 40, 70, 1) !important;
}


.ch2-style-light .ch2-btn-primary:hover, .ch2-style-dark .ch2-btn-primary:hover {
	background: rgba(0, 40, 70, 1) !important;
	box-shadow: 0px 0px 10px 0 rgba(0, 40, 70, 1) !important;
}

.ch2-style-light .ch2-deny-all-btn.ch2-btn-primary, .ch2-style-dark .ch2-deny-all-btn.ch2-btn-primary {
	background: #fff !important;
	border: solid 1px rgba(0, 40, 70, 1) !important;
	color: rgba(0, 40, 70, 1) !important;
}


.ch2-style-light .ch2-btn-text {
	background: none !important;
	color: rgba(0, 40, 70, 1) !important;
	-webkit-box-shadow: inherit;
	box-shadow: inherit;
	border: 0;
	text-transform: none;
	text-decoration: underline;
	min-width: auto;
}


.ch2-style-light .ch2-btn-secondary {
	background: #fff !important;
	border: solid 1px rgba(0, 40, 70, 1) !important;
	color: rgba(0, 40, 70, 1) !important;
}


.ch2-style-light .ch2-btn-secondary.ch2-allow-all-btn {
	background: rgba(0, 40, 70, 1) !important;
	color: rgba(255, 255, 255, 1) !important;
	border: none !important;
}


.ch2-style-light .ch2-switch input:checked + label, .ch2-style-dark .ch2-switch input:checked + label {
	background: rgba(0, 40, 70, 1) !important;
}


/* ========================================================================
   Login
 ========================================================================== */
body.login span.visually-hidden {
	visibility: hidden;
	display: none;
}


/* ========================================================================
   Responsive Videos & Embed Container iFRame
 ========================================================================== */


.responsive-video > div {
position: relative;
padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
padding-top: 0px;
height: 0;
}


.responsive-video iframe[data-consent="marketing/loaded"] {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}



.video-frame {
position: relative;
display: inline-block;
}

.video-frame .video-container {
max-width: 960px;
}

.video-frame .frame-position {
	position: absolute;
	top: 4.2%;
	left: 2.4%;
	right: 2.5%;
	bottom: 4.2%;
}


.rounded-corner iframe {
	border-radius: 25px;
}

.video-frame img {
-webkit-filter: drop-shadow(5px 5px 15px #666);
  filter: drop-shadow(5px 5px 15px #666);
}

.video-border .responsive-video {
border: solid 10px #00ffd7;
padding: 25px;
border-radius: 50px;

}


@media (max-width:639px) {
.video-border .responsive-video {
padding: 15px;

}

.video-permission {
font-size: 0.8em;
}

}

.video-permission {
padding: 5%;
}


/* ========================================================================
   Border Circle
 ========================================================================== */

.border-circle-blue .uk-border-circle {
background-color: rgba(0, 40, 70, 1);
}


.icon-border-circle .uk-border-circle img {
padding: 15%;
}



/* ========================================================================
   Grid Divider arrows
 ========================================================================== */


.grid-divider-arrows .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
	border: none;
	background-image: url('data:image/svg+xml,<svg width="60" height="60" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><polyline fill="none" stroke="%23000" points="10 5 15 9.5 10 14"></polyline><line fill="none" stroke="%23000" x1="4" y1="9.5" x2="15" y2="9.5"></line></svg>');
	width: 100%;
	height: 60px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	transform: rotate(90deg);
}




.grid-divider-arrows .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin::before {
	top: -70px;
	left: 40px;
}




.grid-divider-arrows .uk-grid-divider > :not(.uk-first-column)::before {

	border: none;
	background-image: url('data:image/svg+xml,<svg width="60" height="60" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><polyline fill="none" stroke="%23000" points="10 5 15 9.5 10 14"></polyline><line fill="none" stroke="%23000" x1="4" y1="9.5" x2="15" y2="9.5"></line></svg>');
	background-position: 0 50%;
	width: 100%;
    height: 150px;
    background-repeat: no-repeat;
}



.uk-grid-divider.uk-grid-column-large > :not(.uk-first-column)::before, .uk-grid-divider.uk-grid-large > :not(.uk-first-column)::before {
	left: 10px;
}



@media (min-width: 1200px) {
.uk-grid-divider.uk-grid-column-large > :not(.uk-first-column)::before, .uk-grid-divider.uk-grid-large > :not(.uk-first-column)::before {
	left: 35px;
}
}


/* ========================================================================
   Expansion Search
 ========================================================================== */

#expansion-area-search.uk-section-primary .uk-button-secondary:hover  {
background-color: rgba(0, 255, 215, 0.85);
color: rgba(0, 40, 70, 1);
}


#expansion-area-search.uk-section-primary .uk-button-secondary:hover::before,
#expansion-area-search.uk-section-primary .uk-button-secondary:active::before {
    background-color: rgba(0, 40, 70, 1);
}



#expansion-area-result .uk-modal-body {
	font-size: inherit;
line-height: inherit;
}



/* ========================================================================
   Liste
 ========================================================================== */



ul.uk-list{
padding-left: 35px;
list-style: none;
}

ul.circle span {
background-color: rgba(0, 40, 70, 1);
border-radius: 50%;
}

ul.uk-list li.uk-icon{
margin-left: -35px;
display: inline-block;
margin-right: 11px;
color: rgba(0, 255, 215, 1);
padding: 2px;
}


ul.uk-list.checked li::before{
background-repeat: no-repeat no-repeat;
background-position: center center;
background-size: cover;
	content: "";
width: 20px;
  height: 20px;
  float: left;
  margin-left: -35px;
  margin-top: 4px;
}

ul.uk-list.checked.ico-blue li::before{
background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='60px' height='60px' viewBox='0 0 60 60' style='enable-background:new 0 0 60 60;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23002846;%7D .st1%7Bfill:%2300FFD7;%7D%0A%3C/style%3E%3Ccircle class='st0' cx='30' cy='30' r='30'/%3E%3Cpath class='st1' d='M26.2,48.9c-0.6-0.1-1.2-0.4-1.7-0.9L11.1,33.4c-1-1.1-1-2.9,0.2-4c1.1-1,2.9-1,3.9,0.2l10.9,12l18.3-29.2 c0.8-1.3,2.5-1.7,3.9-0.9c1.3,0.8,1.7,2.5,0.9,3.9L28.9,47.7c-0.5,0.7-1.2,1.2-2.1,1.3C26.6,49,26.4,49,26.2,48.9z'/%3E%3C/svg%3E");
}

ul.uk-list.checked.ico-turquoise li::before{
content: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='20px' height='20px' viewBox='0 0 20 20' style='enable-background:new 0 0 20 20;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%2300FFD7;%7D .st1%7Bfill:%23002846;%7D%0A%3C/style%3E%3Ccircle class='st0' cx='10' cy='10' r='10'/%3E%3Cpath class='st1' d='M8.7,16.3c-0.2,0-0.4-0.1-0.6-0.3l-4.5-4.9c-0.3-0.4-0.3-1,0.1-1.3c0.4-0.3,1-0.3,1.3,0.1l3.6,4l6.1-9.7 c0.3-0.4,0.8-0.6,1.3-0.3c0.4,0.3,0.6,0.8,0.3,1.3L9.6,15.9c-0.2,0.2-0.4,0.4-0.7,0.4C8.9,16.3,8.8,16.3,8.7,16.3z'/%3E%3C/svg%3E");
}




.uk-section-primary .el-content ul li::marker {
	color: #00ffd7 !important;
}

.uk-section-secondary .el-content ul li::marker {
	color: #002846 !important;
}

/* ========================================================================
   Video neu
 ========================================================================== */



.tm-box-decoration-default, 
.tm-box-decoration-primary, 
.tm-box-decoration-secondary {
	padding: 15px;
}


.tm-box-decoration-default > video, 
.tm-box-decoration-primary > video, 
.tm-box-decoration-secondary > video {
	border-radius: 25px;
}


.tm-box-decoration-default::before, 
.tm-box-decoration-primary::before, 
.tm-box-decoration-secondary::before {
border: 5px solid #FFF;
border-radius: 40px;
transform: none;
background-color: inherit;
}

.tm-box-decoration-primary::before {
border-color: #002846;
}

.tm-box-decoration-secondary::before {
border-color: #00ffd7;
}



@media (min-width:960px) {	
.tm-box-decoration-default, 
.tm-box-decoration-primary, 
.tm-box-decoration-secondary {
	padding: 35px;
}

.tm-box-decoration-default::before, 
.tm-box-decoration-primary::before, 
.tm-box-decoration-secondary::before {
border-width: 10px;
border-radius: 50px;
}		
}

/* ========================================================================
   Stadtauswahl
 ========================================================================== */

/*

@media (max-width:1199px) {	
.city-selection > .uk-grid {
	min-height: 100vh !important;
}

.city-selection div[uk-height-viewport]{
	min-height: 100% !important;
}
}



.city-selection div.uk-light.uk-margin {
	margin: 0 !important;
}

*/


@media (max-width:639px) {	

.city-selection .uk-slider-items {
	min-height: 25vh !important;
}

.city-selection .image-viewport > div {
	min-height: inherit !important;
}
}


.city-selection .cities{
	min-height: inherit !important;
}


.herne.uk-modal {
	z-index: 99999999;
}


/* ========================================================================
   Rahmenvertrag
 ========================================================================== */


ol.formular-steps li {
font-size: 1.2em;
line-height: 1.2em;
color: rgba(180, 180, 180, 1);
font-family: 'Panton-Bold';
text-align: center;
padding: 0;
}

ol.formular-steps.list-num-icon li::before {
	margin: 0 auto 10px auto;
	background-color: rgba(180, 180, 180, 1);
	color: #FFF;
	 display:block;
}

ol.formular-steps.list-num-icon li.uk-active  {
 color: rgba(0, 40, 70, 1);
}


ol.formular-steps.list-num-icon li.uk-active::before {
	background-color: #002846;
	color: #00ffd7;
}

/* ========================================================================
   Rahmenvertrag / Form 
 ========================================================================== */


table.rf-rahmenvertrag select, 
table.rf-rahmenvertrag textarea, 
table.rf-rahmenvertrag input:not([type]), 
table.rf-rahmenvertrag input[type="text"]{
font-family: 'Panton-SemiBold' !important;
}


table.rf-rahmenvertrag .uk-form-small {
	height: 30px;
	min-height: 30px;
	max-height: 30px;
	padding: 0 8px;
}

table.rf-rahmenvertrag .uk-dropdown .uk-nav > li > a,
table.rf-rahmenvertrag .uk-form-small:not(textarea):not([multiple]):not([size]) {
	font-size: 13px;
}

table.rf-rahmenvertrag ::placeholder,
table.rf-rahmenvertrag .uk-select {
	font-size: 13px !important;
	color: rgba(0, 0, 0, 0.5)!important;
}

table.rf-rahmenvertrag td{
position: relative;
}


.rahmenvertrag-container .uk-overflow-auto  {
padding-bottom: 100px;
}


.rf-rahmenvertrag .uk-dropdown {
	max-height: 100px;
	min-width: inherit;
	width: calc(100% - 24px);
	
}


table.rf-rahmenvertrag td input:not(.uk-hidden) + input {
margin-top: 5px;
}

table.rf-rahmenvertrag.disable-removeRow td.add-remove-icons span.uk-icon.removeRow  {
	display: none;
} 

table.rf-rahmenvertrag td.add-remove-icons span.uk-icon {
cursor: pointer;
color: rgba(100, 100, 100, 1);
-webkit-transition: color 0.25s ease;
transition: color 0.25s ease;
}

table.rf-rahmenvertrag td.add-remove-icons span.uk-icon:hover,
table.rf-rahmenvertrag td.add-remove-icons span.uk-icon:focus,
table.rf-rahmenvertrag td.add-remove-icons span.uk-icon:active {
color: rgba(0, 40, 70, 1);
}

table.rf-rahmenvertrag td.add-remove-icons span.uk-icon + span.uk-icon {
padding-left: 5px;
}


table.rf-rahmenvertrag td.add-remove-icons span.uk-icon > svg {
display: inline;
}

table.rf-rahmenvertrag td.add-remove-icons span.uk-icon > svg,
table.rf-rahmenvertrag td.status span.uk-icon > svg {
width: 15px;
}

table.rf-rahmenvertrag td.status {
text-align: center;
}

table.rf-rahmenvertrag td.status span.uk-icon > svg {
display: none;
visibility: hidden;
color: rgba(211, 52, 75, 1) !important;
}

table.rf-rahmenvertrag tr.uk-row-danger td.status span.uk-icon > svg {
display: inline;
visibility: visible;
}

table.rf-rahmenvertrag td.data-row-id {
line-height: 30px;
font-size: 13px;
}



table.rf-rahmenvertrag .uk-form-small:not(textarea):not([multiple]):not([size]) {
	display: block;
}

table.rf-rahmenvertrag th.uk-table-xsmall {
min-width: 20px;
}

table.rf-rahmenvertrag th.uk-table-small {
min-width: 60px;
}


table.rf-rahmenvertrag th.uk-table-medium {
min-width: 80px;
}

table.rf-rahmenvertrag th.uk-table-large {
min-width: 100px;
}

table.rf-rahmenvertrag th.uk-table-xlarge {
min-width: 150px;
}

table.rf-rahmenvertrag th.uk-table-xxlarge {
min-width: 200px;
}



.uk-grid.rf-processing {
	cursor: wait;
    opacity: 0.3;
}




/* ========================================================================
   Info Banner Engage Box
 ========================================================================== */

.infobanner .eb-dialog {
	background: #002846;
	color: #FFF;
	overflow: visible;
}

.infobanner .eb-dialog .eb-close{
	background: #002846;
	left: 0;
	right: auto;
  top: -30px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  border-radius: 100%;
  font-family: 'Panton-Regular', Helvetica, Arial, sans-serif;
}

@media (min-width:640px) {
.infobanner .eb-dialog .eb-close{
	left: -25px;
  top: -25px;
  width: 30px;
  height: 30px;
}

.infobanner .eb-dialog {
	border-top-left-radius: 25px;
}
}




.infobanner .eb-dialog .eb-close > span {
	text-transform: none;
  line-height: 20px;
  text-align: center;
  padding: 0;
}



.infobanner .eb-dialog .uk-accordion-title{
  color: rgba(0, 255, 215, 1);
  text-align: left;
}

.infobanner .uk-accordion-content,
.infobanner .eb-dialog .uk-accordion-title {
	padding-left: 0;
}

.infobanner .eb-dialog ul.uk-accordion,
.infobanner .eb-dialog .uk-slider .uk-visible-toggle.uk-margin {
  margin: 0;
}

.infobanner  .uk-accordion-title::before {
 margin-left: 0;
  float: none;
  position: absolute;
  right: 0;
  top: 25px;
  
}

.infobanner .uk-open > .uk-accordion-title::before {
	transform: rotate(180deg);
}

@media (min-width:640px) {
.infobanner  .uk-accordion-title::before {
margin-left: 0;
 top: 0;
}		
}	


.uk-accordion-title::before,
.uk-open > .uk-accordion-title::before  {
background-image: url('data:image/svg+xml,<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="20px" height="20px" viewBox="0 0 20 20" style="enable-background:new 0 0 20 20;" xml:space="preserve"><path d="M0,10C0,4.5,4.5,0,10,0s10,4.5,10,10-4.5,10-10,10S0,15.5,0,10ZM16.5,10.4l-2-2-4.6,4.5-4.5-4.5-2,2,6.5,6.5,6.5-6.5ZM11.5,9.4V3.5h-2.9v6h2.9Z"/></svg>');
}


	
.infobanner .eb-dialog .uk-accordion-title::before,
.infobanner .eb-dialog .uk-open > .uk-accordion-title::before  {
filter: brightness(0) saturate(100%) invert(89%) sepia(86%) saturate(2898%) hue-rotate(87deg) brightness(103%) contrast(102%);
background-size: 20px;
}

.infobanner .eb-dialog .uk-accordion-content {
	margin-top: 20px;
}

.infobanner .eb-dialog .uk-accordion-content p {
	line-height: 1.4;
}



@media (max-width:639px) {
.infobanner .eb-dialog .uk-accordion-title > .uk-grid > div + div {
	margin-top: 0;
}
}


@media (max-width:959px) {
.infobanner .eb-dialog {
	margin: 0 0 50px 0;
}
}


.eb-floating-button {
  color: rgba(255, 255, 215, 1);
	font-size: 1.2em;
	line-height: 1.4;
	color: #002846;
	font-family: Panton-Bold;

}
.eb-floating-button div {
	padding: 15px;
	border-radius: none;
	border-top-left-radius: 25px !important;
	margin: 0;
}