html {
	-webkit-font-smoothing: unset;
	-moz-osx-font-smoothing: unset;
	text-rendering: unset;
}


/* ========================================================================
   Typos / Icons
 ========================================================================== */
 

@font-face {
	font-family: 'HCo Gotham SSm';
	src:url('../fonts/GothamSSm/GothamSSm-Light_Web.woff2') format('woff2'),
		url('../fonts/GothamSSm/GothamSSm-Light_Web.woff') format('woff');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'HCo Gotham SSm';
	src:url('../fonts/GothamSSm/GothamSSm-Book_Web.woff2') format('woff2'),
		url('../fonts/GothamSSm/GothamSSm-Book_Web.woff') format('woff');
	font-weight: 400;
	font-style: normal;
}


@font-face {
	font-family: 'HCo Gotham SSm';
	src:url('../fonts/GothamSSm/GothamSSm-Medium_Web.woff2') format('woff2'),
		url('../fonts/GothamSSm/GothamSSm-Medium_Web.woff') format('woff');
	font-weight: 500;
	font-style: normal;
}


@font-face {
	font-family: 'HCo Gotham SSm';
	src:url('../fonts/GothamSSm/GothamSSm-Bold_Web.woff2') format('woff2'),
		url('../fonts/GothamSSm/GothamSSm-Bold_Web.woff') format('woff');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'HCo Gotham SSm';
	src:url('../fonts/GothamSSm/GothamSSm-Black_Web.woff2') format('woff2'),
		url('../fonts/GothamSSm/GothamSSm-Black_Web.woff') format('woff');
	font-weight: 800;
	font-style: normal;
}


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

@font-face {
    font-family: 'FontAwesome';
    src: url("../fonts/fontawesome/fontawesome-webfont.woff2") format('woff2'), url("../fonts/fontawesome/fontawesome-webfont.woff") format("woff"), url("../fonts/fontawesome/fontawesome-webfont.ttf") format("truetype");
    font-weight: normal;
    font-style: normal
}

.font-weight-light {
   font-weight: 300 !important;
}

.font-weight-regular {
   font-weight: 400 !important;
}

.font-weight-medium {
   font-weight: 500 !important;
}

.font-weight-bold, strong, b {
   font-weight: 700 !important;
}

.font-weight-black {
   font-weight: 800 !important;
}



/* ========================================================================
   Icons
 ========================================================================== */
 

 [class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}



[uk-icon^="icon-"], [uk-icon*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}



.icon-arrow-bottom:before {
  content: "\e900";
}
.icon-arrow-left:before {
  content: "\e901";
}
.icon-arrow-right:before {
  content: "\e902";
}
.icon-arrow-top:before {
  content: "\e903";
}
.icon-calendar:before {
  content: "\e904";
}
.icon-check:before {
  content: "\e905";
}
.icon-download:before {
  content: "\e906";
}
.icon-mail:before {
  content: "\e907";
}
.icon-map:before {
  content: "\e908";
}
.icon-phone:before {
  content: "\e909";
}
.icon-plus:before {
  content: "\e90a";
}
.icon-uncheck:before {
  content: "\e90b";
}
.icon-minus:before {
  content: "\e90c";
}   
.icon-minus-alone:before {
  content: "\e90d";
}
.icon-plus-alone:before {
  content: "\e90e";
}
  
.icon-internet:before {
  content: "\e90f";
}
.icon-tv:before {
  content: "\e910";
}
.icon-ausbau:before {
  content: "\e911";
}
.icon-service:before {
  content: "\e912";
}
.icon-about:before {
  content: "\e913";
}




/* ========================================================================
   General
 ========================================================================== */


.embed-container {
	position: relative; 
	padding-bottom: 80%; 
	height: 0; 
	max-width: 100%;
	} 
	
.embed-container iframe, .embed-container object{
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%;
	} 
	

.responsive-container,
.responsive-video {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 0px;
	height: 0;
}

.responsive-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


ul.checked, .jobDescription ul {
	list-style: none;
	padding: 0;
}


ul.checked > li:before,
.jobDescription ul > li:before {
  content: "\e902";
  font-family: 'icomoon' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  margin-left: -30px;
  width: 30px; 
  color: rgba(255, 127, 0, 1);
  font-size: 20px;
  vertical-align: middle;
}

ul.checked > li:before,
.jobDescription ul > li:before {
	content: "\e905"; 
}


ul.checked li, .jobDescription ul li {
	padding-left: 30px;
}

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

.uk-font-default {
	font-weight: 400;
}

span.euro {
	padding-left: 2px;
}

/* ========================================================================
   Margin
 ========================================================================== */

.uk-margin-minus-large-top {
	margin-top: -50px !important;
}



.uk-margin-minus-xlarge-top {
	margin-top: -80px !important;
}



@media (min-width: 960px) {

.uk-margin-minus-large-top {
	margin-top: -100px !important;
}

.uk-margin-minus-xlarge-top {
	margin-top: -150px !important;
}	
}

@media (min-width: 1200px) {
	
.uk-margin-minus-large-top {
	margin-top: -125px !important;
}	
	
.uk-margin-minus-xlarge-top {
	margin-top: -180px !important;
}
}


/* ========================================================================
   List
 ========================================================================== */

ul.checked-list {
	list-style: none;
	padding: 0;
}

ul.checked-list > li:before {
	content: "\e905";
	font-family: 'icomoon' !important;
	font-size: 50px;
	position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: inline-flex;
  align-items: center;
}

ul.checked-list li {
padding-left: 80px;
  position: relative;
}

ul.checked-list li + li {
	margin-top: 25px;
}




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


 .bg-dark p,
 .bg-dark > *,
 .bg-dark *,
 .bg-dark a {
  color: rgba(255, 255, 255, 1) !important;
}



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

 .orange {
  color: rgba(255, 127, 0, 1) !important;
}

 .blue {
  color: rgba(0, 20, 60, 1) !important;
}

 .light-grey {
  color: rgba(230, 230, 230, 1) !important;
}


 .grey {
  color: rgba(144, 147, 154, 1) !important;
}



.black {
color: rgba(0, 0, 0, 1) !important;
}



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

 .bg-light-orange {
  background-color: rgba(255, 248, 242, 1) !important;
}

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

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

 .bg-blue-90 {
  background-color: rgba(25, 43, 79, 1) !important;
}

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



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

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

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

 .bg-none  {
 background: none !important;
}


.bg-orange-gradient {
background: rgb(255,127,0);
background: linear-gradient(90deg, rgba(255,127,0,0.9) 60%, rgba(0,0,0,0) 100%);
}

.bg-orange-gradient2 {
background: rgb(255,127,50);
background: linear-gradient(180deg, rgba(245,155,50,1) 0%, rgba(255,127,0,1) 100%);
}

.bg-blue-gradient {
background: rgb(0,20,60);
background: linear-gradient(90deg, rgba(0,20,60,0.9) 60%, rgba(0,0,0,0) 100%);
}

.bg-white-gradient {
background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,0.9) 60%, rgba(0,0,0,0) 100%);
}






.svg-fill-blue,
.svg-fill-blue .svg-fill-custom {
  fill: #00abc8 !important;
}

.svg-fill-dark-blue,
.svg-fill-dark-blue .svg-fill-custom {
  fill: #415a64 !important;
}

.svg-fill-green,
.svg-fill-green .svg-fill-custom {
  fill: #6ed28c !important;
}

.svg-fill-orange,
.svg-fill-orange .svg-fill-custom {
  fill: #f08264 !important;
}

.svg-fill-purple,
.svg-fill-purple .svg-fill-custom {
  fill: #876496 !important;
}

.svg-fill-beige,
.svg-fill-beige .svg-fill-custom {
  fill: #d2c86e !important;
}

.svg-fill-light-grey,
.svg-fill-light-grey .svg-fill-custom {
  fill: #cbc3bb !important;
}

.svg-fill-grey,
.svg-fill-grey .svg-fill-custom {
  fill: #898a8d !important;
}

.svg-fill-white,
.svg-fill-white .svg-fill-custom {
  fill: #fff !important;
}

.svg-fill-black,
.svg-fill-black .svg-fill-custom {
  fill: #000 !important;
}




/* ========================================================================
   Logo
 ========================================================================== */


.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: 70px;
}
}


.uk-logo-partner img,
.uk-logo-partner svg {
  height: 140px;
  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;
}
}


/* ========================================================================
   toolbar
 ========================================================================== */



.tm-toolbar  {
padding-top: 10px;
padding-bottom: 10px;
}






/* ========================================================================
   Alert
 ========================================================================== */


.tm-toolbar .news-alert {
padding: 10px 20px;
  text-align: center;
  margin: 0;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 12px;
  position: relative;
  line-height: 20px;
  letter-spacing: 0.02em;
  background-color: #00143c;
  color: #fff;
}
/* ========================================================================
   Header
 ========================================================================== */

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






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

.tm-header > div:not(.uk-sticky-below) .uk-navbar-left, 
.tm-header > div:not(.uk-sticky-below) .uk-navbar-right{
	align-items: flex-end;
}

.tm-header > div:not(.uk-sticky-below) .uk-navbar-item, .uk-navbar-nav > li > a {
	line-height: 1;
}



.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: #00143c;
}


.uk-navbar-nav > li:first-child > a {
	padding-left: 0;
}

.uk-navbar-nav > li:last-child > a {
	padding-right: 0;
}


.uk-navbar-container.uk-navbar-sticky:not(.uk-navbar-transparent) {
	box-shadow: 0 1px 3px 0 rgba(0,0,0,.5);
}



.tm-header .uk-navbar-nav img,
.tm-header .uk-navbar-nav svg {
	display: none !important;
	visibility: hidden !important;
}


/* ========================================================================
   Botom Menu
 ========================================================================== */

.bottom-menu.uk-text-center > .uk-subnav{
justify-content: center;
}





/* ========================================================================
   Container
 ========================================================================== */

@media (min-width:1200px) {
.uk-container {
	padding-left: 80px;
	padding-right: 80px;
}
}


/* ========================================================================
   Header - Slideshow
 ========================================================================== */


.header .uk-slideshow .uk-position-cover > .uk-overlay {
	padding: 0;
}




.header .uk-slideshow .uk-position-cover.uk-flex-left  {
	right: auto;
	background: rgb(255,127,0);
  background: linear-gradient(90deg, rgba(255,127,0,0.9) 60%, rgba(0,0,0,0) 100%);
}

.header .uk-slideshow .uk-position-cover.uk-flex-right  {
	left: auto;
	background: linear-gradient(-90deg, rgba(255,127,0,0.9) 60%, rgba(0,0,0,0) 100%);
}


.header .uk-slideshow .uk-position-cover.uk-container.uk-container-small{
width: 70%;
}

@media (min-width: 768px) {
.header .uk-slideshow .uk-position-cover.uk-container.uk-container-small{
width: 60%;
}
}

@media (min-width: 960px) {
.header .uk-slideshow .uk-position-cover.uk-container.uk-container-small{
width: 50%;
}
}



@media (min-width: 1220px) {
.header .uk-slideshow .uk-position-cover.uk-container.uk-container-small{
width: 60%;
}
}


/* Testimonial Header*/
@media (max-width: 639px) {
.testimonial-campaign .uk-overlay h1 {
	font-size: 1em;
	line-height: 1.3;
}
}


/* ========================================================================
   Aktions Header - Grid stak
 ========================================================================== */


.aktions-header.img-flex-bottom > div > div:first-child {
	align-items: flex-end;
	display: flex;
}


.aktions-header.img-flex-bottom > div > div + div{
	align-items: center;
	display: flex;
}


/* ========================================================================
  Button Aktionen
 ========================================================================== */


body.frontpage .uk-hidden.visible-frontpage {
display: inline-block !important;
visibility: visible !important;
}

body:not(.frontpage) .uk-hidden.visible-ausbaugebiete {
display: inline-block !important;
visibility: visible !important;
}


/* ========================================================================
   button
 ========================================================================== */

.uk-button {
padding: 10px 20px;
}

.uk-button.uk-button-small {
padding: 0 10px;
}

.uk-button.uk-button-large {
padding: 20px 40px;
}

.btn-highlight .uk-button-primary,
.btn-highlight .uk-button-secondary,
.btn-highlight.uk-button-primary,
.btn-highlight.uk-button-secondary {
	font-weight: 700;
}

.btn-highlight .uk-button-primary,
.btn-highlight.uk-button-primary {
	background-color: #ff7f00;
	color: #fff;
}

.btn-highlight .uk-button-primary:hover,
.btn-highlight .uk-button-primary.uk-active,
.btn-highlight .uk-button-primary:active,
.btn-highlight.uk-button-primary:hover,
.btn-highlight.uk-button-primary.uk-active,
.btn-highlight.uk-button-primary:active {
  background-color: rgba(255, 127, 0, 0.75) !important;
}

.btn-highlight .uk-button-secondary,
.btn-highlight.uk-button-secondary {
	background-color: #00143c;
	color: #fff;
}

.btn-highlight .uk-button-secondary:hover,
.btn-highlight .uk-button-secondary.uk-active,
.btn-highlight .uk-button-secondary:active,
.btn-highlight.uk-button-secondary:hover,
.btn-highlight.uk-button-secondary.uk-active,
.btn-highlight.uk-button-secondary:active {
  background-color: rgba(0, 20, 60, 0.75) !important;
}


/* ========================================================================
   cta
 ========================================================================== */

.cta > div  {
	align-items: center;
}



@media (min-width: 960px) {
.cta .el-title  {
	text-align: right;
}
}

/* ========================================================================
   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;
    line-height: 50px;
  background-color: #00143c;
  line-height: 50px;
  color: #FFF;
  text-align: center;
  border-radius: 0;
  border: none;
  -webkit-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
  transition-timing-function: ease;

}





.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: 50px;
  height: 50px;
  line-height: 50px;
text-align: center;
 border-radius: 100%;
}



.tm-scrollbar .uk-icon-button:hover,
.tm-scrollbar .uk-icon-button:focus,
.tm-scrollbar .uk-icon-button:active {
  background-color: #ff7f00;
  color: #FFF;
  /* 2 */
  outline: none;
  transform: none;
   text-decoration: none;
}



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

}



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



@media (min-width: 1200px) {
	
.tm-scrollbar .uk-icon-button {
  width: 60px;
  height: 60px;
  line-height: 60px;
}
.tm-scrollbar {
  width: 60px;

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



@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: #ff7f00;
  color: #FFF;
  /* 2 */
  outline: none;
  transform: none;
  text-decoration: none;
}	

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


/* ========================================================================
   Component: List
 ========================================================================== */

.grid-list > div > .uk-panel {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}



.grid-list .icon-check {
  font-size: 35px;
 -webkit-font-smoothing: inherit;
-moz-osx-font-smoothing: inherit;
}

.grid-list > div > .uk-panel + .uk-panel {
margin-top: 25px;
}

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

 .uk-tooltip {
  line-height: 1.3em;
  text-align: center;
display: inline-flex !important;
align-items: center;
font-size: 0.85em;
font-family: 'HCo Gotham SSm';
font-weight: 500;
border-radius: 5px;

}


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

}



/* ========================================================================
   Mobile Menu / Offcanvas
 ========================================================================== */

.uk-offcanvas .uk-offcanvas-bar .uk-icon-link {
	color: #00143c;
	transition: all 0.25s ease;
}

.uk-offcanvas .uk-offcanvas-bar .uk-icon-link:hover,
.uk-offcanvas .uk-offcanvas-bar .uk-icon-link:focus {
	color: #ff7f00;
}


.uk-offcanvas .uk-offcanvas-bar .uk-offcanvas-close.uk-icon svg {
width: 20px;
  height: 20px;
}


.uk-offcanvas .uk-offcanvas-bar .uk-offcanvas-close.uk-icon {
	color: #00143c;
	transition: all 0.25s ease;
}

.uk-offcanvas .uk-offcanvas-bar .uk-offcanvas-close.uk-icon:hover,
.uk-offcanvas .uk-offcanvas-bar .uk-offcanvas-close.uk-icon:focus {
	color: #ff7f00;
}

/* ========================================================================
  Scroll to top
 ========================================================================== */


.uk-icon.uk-totop svg  {
width: 20px;
}



@media (min-width: 768px) {
.uk-icon.uk-totop svg  {
width: 40px;
}
}

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


.uk-subnav-pill  {
justify-content: center;
}

.uk-subnav-pill li {
	padding-top: 5px;
	padding-bottom: 5px;
}


.uk-subnav-pill.uk-subnav-pill-secondary > * > :first-child,
.uk-subnav-pill-secondary .uk-subnav-pill  > * > :first-child {
	color: #00143c;
	border-color: #00143c;
}


.uk-subnav-pill.uk-subnav-pill-secondary > .uk-active > a,
.uk-subnav-pill.uk-subnav-pill-secondary > * > a:hover,
.uk-subnav-pill-secondary uk-subnav-pill .uk-subnav-pill-secondary > .uk-active > a,
.uk-subnav-pill-secondary .uk-subnav-pill > * > a:hover  {
	background-color: #00143c;
	color: #fff;
}


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

/* HOVER  */

.uk-card-hover:not(.uk-card-default):not(.uk-card-primary):not(.uk-card-secondary) {
	background: #fff;
	box-shadow: 2px 2px 5px 0 rgba(0,0,0,.2);
}


.uk-tile-default.uk-tile-transparent,
.uk-tile-transparent .uk-tile-default   {
	background: transparent !important;
}


.uk-card-hover:not(.uk-card-default):not(.uk-card-primary):not(.uk-card-secondary) {
	background: #fff;
	box-shadow: 2px 2px 5px 0 rgba(0,0,0,.2);
}


@media (min-width: 960px) {
.uk-tile-transparent.uk-card-padding-xlarge,
.uk-card .uk-card-padding-xlarge {
padding: 50px;
}
}

@media (min-width: 1220px) {
.uk-tile-transparent.uk-card-padding-xlarge,
.uk-card .uk-card-padding-xlarge {
padding: 75px;
}
}

/* ========================================================================
  Slidenav
 ========================================================================== */

.uk-slider-container {
	overflow-y: visible;
}


.uk-slidenav {
width: 40px;
  height: 40px;
  box-sizing: border-box;
}

.uk-slidenav > svg {
width: 20px;
  height: 20px;
}


.slidenav-orange .uk-slidenav {
	background-color: #ff7f00;
	opacity: 0.8;
}

.slidenav-blue .uk-slidenav,
.uk-slidenav {
	background-color: #00143c;
	opacity: 0.8;
}

.slidenav-blue .uk-slidenav:hover,
.slidenav-orange .uk-slidenav:hover,
.uk-slidenav:hover {
	opacity: 1;
}


/* ========================================================================
  Kundenstimmen
 ========================================================================== */

.star-container-outer {
display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 .5em;
  width: 100%;
  height: 100%;
}

.star-container {
display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 .5em;
  width: 50%;
  height: 100%;
}



.star-container > div {
	width: 20%;
	aspect-ratio: 1;
	cursor: pointer;
}

.star-stroke{
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  background: #fff;
  clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}

.star-stroke .star-fill{
  width: 70%;
  aspect-ratio: 1;
  background: #fff;
  clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}

.star-stroke {
	background-color: rgba(255, 127, 0, 1);
}

.star-stroke .star-fill {
	background-color: rgba(255, 127, 0, 1);
}


.star-stroke .star-fill.empty {
	background-color: rgba(255, 255, 255, 1);
}




/* ========================================================================
   CTA / Störer
 ========================================================================== */



.uk-button-note > p {
	margin: 0;
}


.uk-button-note {
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	width: 200px;
	height: 200px;
	transform: scale(1) rotate(8deg);
	-webkit-transform: scale(1) rotate(8deg);
	border-radius: 100%;
	background-color: rgba(0, 20, 60, 1);
	color: rgba(255, 255, 255, 1);
	padding: 20px;
	text-align: center;
	font-weight: 700;
	line-height: 1.1;
	font-size: 1.1em;
    z-index: 1;
    margin: 0 auto;
}




.uk-button-note.header,
.button-header {
	position: absolute;
    right: 0;
    bottom: -25px;
}


.uk-button-note .uk-countdown-number,
.button-header .uk-countdown-number {
	font-size: 2em;
	text-align: center;
}


.uk-button-note .uk-countdown-label,
.button-header .uk-countdown-label{
	font-size: 0.55em;
	text-align: center;
	font-weight: 400;
}

.button-header .line-through {
width: 100%;
position: absolute;
border-top: solid 3px rgba(255, 127, 0, 1);
top: 50%;
}

@media (max-width: 959px) {
.uk-button-note.header,
.button-header{
	transform: scale(0.7) rotate(-8deg);
	-webkit-transform: scale(0.7) rotate(-8deg);
  bottom: -50px;
  right: -25px;
}
}


@media (max-width: 479px) {
.uk-button-note.header,
.button-header{
	transform: scale(0.6) rotate(-8deg);
	-webkit-transform: scale(0.6) rotate(-8deg);
  bottom: -60px;
  right: -40px;
}
}


/* Flip Button */


.flip-button-container {
	-webkit-perspective: 1000;
	-moz-perspective: 1000;
	-ms-perspective: 1000;
	perspective: 1000;

}

.flip-button {
	-webkit-transition: 0.6s;
	-webkit-transform-style: preserve-3d;
	-ms-transition: 0.6s;
	-moz-transition: 0.6s;
	-moz-transform: perspective(1000px);
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transition: 0.6s;
	transform-style: preserve-3d;
	position: relative;
}

.flip-button .front, .flip-button .back {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: 0.6s;
	-webkit-transform-style: preserve-3d;
	-webkit-transform: rotateY(0deg);
	-moz-transition: 0.6s;
	-moz-transform-style: preserve-3d;
	-moz-transform: rotateY(0deg);
	-o-transition: 0.6s;
	-o-transform-style: preserve-3d;
	-o-transform: rotateY(0deg);
	-ms-transition: 0.6s;
	-ms-transform-style: preserve-3d;
	-ms-transform: rotateY(0deg);
	transition: 0.6s;
	transform-style: preserve-3d;
	transform: rotateY(0deg);
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	border-radius: 100%;
	color: rgba(255, 255, 255, 1);
	padding: 20px;
	text-align: center;
	font-weight: 700;
	line-height: 1.1;
	font-size: 1.1em;
    margin: 0 auto;
    box-sizing: border-box;

}

.flip-button-container, .front, .back {
	width: 240px;
	height: 240px;
	border-radius: 100%;
	transform: scale(1) rotate(8deg);
	
}



.flip-button .front {
	-webkit-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	background-color: rgba(0, 20, 60, 1);
	z-index: 2;
}


.flip-button .back {
	background-color: rgba(0, 20, 60, 1);
	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
	-o-transform: rotateY(-180deg);
	-ms-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
}


.flip-button-container .flip-button .front > p,
.flip-button-container .flip-button .back > p {
	margin: 0;
}


    .flip-button-container .flip-button {
    	animation: flipY 6s infinite;
    	animation-delay: 3s;
    }
    
    
      .flip-button-container .flip-button:hover {
    	animation-play-state: paused;
    }


@keyframes flipY{
	
	0%{
	 -webkit-transform: rotateY(0);
	}
	
	25%{
   -webkit-transform: rotateY(-180deg);
	}	
	
	50%{
   -webkit-transform: rotateY(-180deg);
	}
	
	75%{
   -webkit-transform: rotateY(0);
	}	
	
	100%{
	-webkit-transform: rotateY(180);
	}
	}




/* ========================================================================
  Newsfeed
 ========================================================================== */



.feed ul.newsfeed{
	margin: 0;
	padding: 0;
	list-style: none;
}

.feed ul.newsfeed li:not(:first-child) {
	border-top: 1px solid rgba(0, 20, 60, 1);
	padding-top: 25px;
	margin-top: 25px;
}

.feed ul.newsfeed p,
.feed ul.newsfeed .feed-item-date {
	line-height: 1.4em;
}

.feed ul.newsfeed .feed-item-date {
	color: #ff7f00;
}


/* ========================================================================
  Preistabelle 
 ========================================================================== */


.tariff .uk-card-hover:not(.uk-card-default):not(.uk-card-primary):not(.uk-card-secondary) {
	color: #00143c;
	overflow: hidden;
}


.tariff .uk-panel-teaser {
	margin: 0 !important;
	padding: 0 !important;
}

.tariff .uk-panel-teaser > img {
	max-height: 50px;
	width: auto;
}

@media (min-width: 1200px) {
.tariff .uk-panel-teaser > img {
	max-height: 85px;
}
}


.tariff .uk-accordion-title::before {
background-image: none !important;
--svg: url('data:image/svg+xml,\ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 15">\ <path d="M11.4,8l-6.7,6.7c-.1.2-.3.2-.5.2s-.4,0-.5-.2c-.3-.3-.3-.8,0-1.1l6.2-6.2L3.6,1.3c-.3-.3-.3-.8,0-1.1.3-.3.8-.3,1.1,0l6.7,6.7c.3.3.3.8,0,1.1"/>\ </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
width: 15px;
height: 15px;
right: 0;
position: absolute;
  align-items: center;
background-color: #ff7f00;
background-repeat: no-repeat;
background-position: 0 50%;
}


.uk-open > .uk-accordion-title::before {
background-image: none !important;
--svg: url('data:image/svg+xml,\ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 15">\ <path d="M7,11.4L.2,4.7C0,4.5,0,4.3,0,4.1s0-.4.2-.5c.3-.3.8-.3,1.1,0l6.2,6.2,6.2-6.2c.3-.3.8-.3,1.1,0,.3.3.3.8,0,1.1l-6.7,6.7c-.3.3-.8.3-1.1,0Z"/>\ </svg>');
  -webkit-mask: var(--svg);
}

.tariff .uk-accordion-title {
  display: flex;
  align-content: center;
  align-items: center;
}


.tariff .uk-accordion {
position: relative;
}


.tariff .tariff-info, 
.tariff .tariff-info .uk-accordion-title {
	position: relative;
	font-weight: 700;
	font-size: 1em;
	color: rgba(0,20,60,1);
	line-height: 1.3em;
	width: 100%;
}


.tariff .product-description {
	display: block;
	font-size: 0.8em;
	font-weight: 400;
	line-height: 1.5em;
}

.tariff .tariff-header {
	padding: 20px;
}


.tariff ul.tariff-checklist {
	margin: 0;
	list-style: none;
	padding: 0;
}


.tariff ul.tariff-checklist li {
	position: relative;
	padding-left: 50px;
}

ul.tariff-checklist > li.optional:before {
	content: "\e90b";
	font-size: 35px;
}

ul.tariff-checklist > li.uncheck:before {
	content: "\e90c";
	font-size: 35px;
}


.tariff ul.tariff-checklist > li.check::before, ul.tariff-checklist > li.uncheck.uk-active::before {
	content: "\e905";
	font-size: 35px;
}

.tariff ul.tariff-checklist > li.option::before {
	content: "\e90a";
	font-size: 35px;
	line-height: 1.5;
	color: rgba(255, 127, 0, 1);
}


.tariff ul.tariff-checklist li + li {
	margin-top: 20px;
}


.tariff ul.tariff-checklist > li::before {
	font-family: 'icomoon';
	line-height: 1;
	text-align: left !important;
	color: rgba(255, 127, 0, 1);
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	position: absolute;
}





.tariff .tariff-options.bg-highlight-lightorange {
	background-color: rgba(255, 248, 242, 1) !important;
}


.tariff .tariff-options {
	border-bottom: 1px solid rgba(230,230,230,1);
}


.tariff .tariff-description, 
.tariff .tariff-options, 
.tariff .tariff-price, 
.tariff .tariff-download, 
.tariff .tariff-button-order {
	padding: 15px;
}


.tariff .tariff-card {
	color: rgba(0,20,60,1);
}

.tariff .uk-accordion-title {
	overflow: visible;
}


.tariff .uk-accordion-content {
	margin: 0;
}

.tariff .uk-accordion-content {
	padding: 20px 0 0 0;
}

.tariff .tariff-price {
  color: rgba(255, 255, 255, 1);
  background-color: rgba(0, 20, 60, 1);
}

.tariff .additional-option {
background-color: rgba(255, 255, 255, 1);
}

.tariff .additional-option.highlight {
background-color: rgba(255, 255, 255, 1);
}

.tariff .tariff-price i {
	font-weight: 700;
}




.tariff .tariff-price-offer {
	 display:flex;
 justify-content:center;
}


.tariff .tariff-price-offer div {
	display: flex;
	flex-direction: column;
	margin-top: 5px;
	margin-top: .3em;
	margin-left: 0;
}

.tariff .tariff-price-offer .price-euro {
	font-size: 3.3em;
font-weight: 700;
line-height: 60px;
}

.tariff .tariff-price-offer .price-cent {
font-size: 1.8em;
font-weight: 700;
line-height: 1.1;
}

.tariff .tariff-price-offer .price-interval {
font-size: .9em;
line-height: 1;
font-weight: 400;
}

.tariff .tariff-price-normal {
font-size: 0.8em;
line-height: 1;
text-align: center;
font-weight: 400;
}


.tariff .tariff-button-download {
	display: block;
	color: rgba(255, 127, 0, 1);
	-webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  font-weight: 500;
  letter-spacing: 0.01em;
  font-size: 0.85em;
  line-height: 1.2em;
}




.tariff .tariff-button-download:hover,
.tariff .tariff-button-download:focus,
.tariff .tariff-button-download:active {
	color: rgba(255, 127, 0, 0.8);
}

.tariff .tariff-button-order {
	display: block;
	color: rgba(255, 255, 255, 1);
	background-color: rgba(255, 127, 0, 1);
	-webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 1.2em;
  text-align: center;
  border: none;
  letter-spacing: 0.02em;
}

.tariff .tariff-button-order:hover,
.tariff .tariff-button-order:focus,
.tariff .tariff-button-order:active {
	background-color: rgba(255, 127, 0, 0.85);
	color: rgba(255, 255, 255, 1);	
	text-decoration: none;
}



.tariff.mynet .tariff-price-bonus.online-bonus, .tariff.mynet .tariff-price-bonus.online-praemie, .tariff.mynet .tariff-price-bonus.fruehsurfer-vorteil {
	background-color: rgba(255, 255, 255, 1) !important;
	position: relative;
	overflow: hidden;
}

.tariff-price-bonus img {
	width: 55px;
	padding-right: 5px;
}

.tariff.mynet .tariff-price-bonus.online-bonus .tariff-options, .tariff.mynet .tariff-price-bonus.online-praemie .tariff-options, .tariff.mynet .tariff-price-bonus.fruehsurfer-vorteil .tariff-options {
	border: none;
}



@media (min-width: 1600px) {
.tariff .uk-slider-container-inner:before,
.tariff .uk-slider-container-inner:after {
width: 12%;
position: absolute;
bottom: 0;
top:0;
content: "";
}

.tariff .uk-slider-container-inner:before {
background: rgb(255,255,255);
background: linear-gradient(-90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 5%);
}


.tariff .uk-slider-container-inner:after {
background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 5%);
}



.tariff .uk-slider-container-inner:before {
left: 0;
}

.tariff .uk-slider-container-inner:after {
right: 0;
}
}




.tariff .uk-position-center-left-out {
	left: 0;
	right: auto;
	z-index: 1;
}


.tariff .uk-position-center-right-out {
	right: 0;
	left: auto;
	z-index: 1;
}




@media (min-width: 1600px) {
.tariff .uk-position-center-left-out {
	left: 80px;
}
.tariff .uk-position-center-right-out {
	right: 80px;
}
}



.tariff.mynet .uk-slidenav {
	background-color: #ff7f00;
}


ul.tariff-checklist > li.download:before,
.tariff-download i.icon-download {
	content: "\e906";
	font-size: 35px;
}

.tariff-download i.icon-download {
	vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: unset;
  padding-right: 5px;
}


.tariff-description,
.tariff-options,
.tariff-price,
.tariff-download,
.tariff-button-order {
		padding: 15px;
}

.tariff-addition {
		padding: 10px 15px;
		text-align: center;
		font-weight: 400;
		font-size: 0.8em;
        line-height: 1.5em;
}


.tariff-download {
		text-align: center;
}

.tariff.mynet .tariff-price-bonus + .tariff-price-bonus {
	border-top: 1px solid rgba(230, 230, 230, 1) !important;
}

.tariff.mynet .tariff-price-bonus.online-bonus, .tariff.mynet .tariff-price-bonus.online-praemie, .tariff.mynet .tariff-price-bonus.fruehsurfer-vorteil {
	background-color: rgba(255, 255, 255, 1) !important;
	position: relative;
	overflow: hidden;
}

.tariff .tip {
position: relative;
background-color: rgba(255, 127, 0, 1);
display: block;
color: rgba(255 ,255 ,255 , 1);
font-weight: 700;
text-transform: uppercase;
font-size: 16px;
text-align: center;
padding: 0 20px;
letter-spacing: 0.05em;
line-height: 1.3em;
height: 60px;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
    -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center
}


.tariff.mynet.uk-slider {
	padding-top: 60px;
}


.tariff.mynet.uk-slider .uk-card-hover.highlight {
	margin-top: -60px;
}


/* PRONET */


.tariff.pronet .tariff-header {
	background-color: rgba(0, 20, 60, 0.9);
}


.tariff.pronet .tariff-description {
	text-align: center;
	font-weight: 700;
	color: rgba(0, 20, 60, 1);
	background-color: rgba(0, 20, 60, 0.2);
	line-height: 1.5;
	font-size: 0.9em;
}

.tariff.pronet ul.tariff-checklist + ul.tariff-checklist {
	padding-top: 15px;
}



/* ========================================================================
  Security Packages
 ========================================================================== */


.uk-panel-teaser-overflow-large-minus .uk-card-hover .uk-panel-teaser img  {
margin-top: -150px;
}

.uk-panel-teaser-overflow-large-minus {
margin-top: 150px;
}


@media (max-width: 767px) {
.uk-panel-teaser-overflow-large-minus > .uk-grid-margin {
margin-top: 180px;
}
}

.security-packages  .uk-card-hover:not(.uk-card-default):not(.uk-card-primary):not(.uk-card-secondary) {
	overflow: visible;
}


.security-packages  .uk-card-hover:not(.uk-card-default):not(.uk-card-primary):not(.uk-card-secondary) {
background: rgb(0,20,60);
background: linear-gradient(40deg, rgba(0,20,60,1) 60%, rgba(97,114,129,1) 100%);
  padding: 0;
  position: relative;
}

.security-packages .tariff-card {
border-radius: 25px;
position: relative;
}

.security-packages .el-content,
.security-packages .tariff-card {
height: 100%;
}

.security-packages .uk-card-hover .tariff-button-order {
	-webkit-border-bottom-right-radius: 25px;
-webkit-border-bottom-left-radius: 25px;
-moz-border-radius-bottomright: 25px;
-moz-border-radius-bottomleft: 25px;
border-bottom-right-radius: 25px;
border-bottom-left-radius: 25px;
font-size: 1.5em;
padding: 25px 15px;
}

.security-packages .tariff-options{
  padding: 25px 25px 125px 25px;
  border: none;
}

.security-packages .tariff-header {
	padding: 20px;
}

.security-packages .product-name{
  margin-top: -25px;
}

.security-packages .tariff-options,
.security-packages .product-name {
  color: #FFF !important;
}


.security-packages .tariff-price-offer{
color: rgba(255, 127, 0, 1) !important;
}

/*
.security-packages .tariff-options .product-name + p {
   min-height: 150px;
}
*/

@media (min-width: 960px) {
.security-packages .tariff-options{
    padding: 50px 50px 125px 50px;
}
.security-packages .product-name{
  margin-top: -50px;
}
}

.security-packages .grid-devices {
min-height: 100px;
}

.security-packages .devices {
 display:block;
}
.security-packages .devices .number{
	font-size: 2.5em;
  font-weight: 700;
    line-height: 1;
}

.security-packages .devices .device{
	font-size: 1em;
  font-weight: 400;
    line-height: 1;
}



.security-packages .tariff-price-offer {
margin-top: 15px;
text-align: left !important;
}
.security-packages .tariff-price-offer .price-euro {
font-size: 2.5em;
  font-weight: 700;
  line-height: 1;
}


.security-packages .tariff-price-offer {
	display: flex;
	justify-content: center;
}


.security-packages .tariff-price-offer div {
	display: flex;
	flex-direction: column;
	margin-top: 5px;
	margin-top: .3em;
	margin-left: 0;
}

.security-packages .tariff-price-offer .price-cent {
	font-size: 1.2em;
  font-weight: 700;
  line-height: 1;
}

.security-packages .tariff-price-offer .price-interval {
font-size: .8em;
  line-height: 1.4em;
  font-weight: 400;
}

.security-packages .tariff-price-offer div {
	margin-top: 0.15em;
}

.security-packages .additional-info{
	text-align: center;
	font-size: .8em;
	margin-top: 25px;
	
}

.security-packages .tariff-order{
position: absolute;
bottom: 0;
left: 0;
right: 0;
}


.security-packages .tariff-button-order {
	display: block;
	color: rgba(255, 255, 255, 1);
	background-color: rgba(255, 127, 0, 1);
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
	text-transform: uppercase;
	font-weight: 800;
	font-size: 1.2em;
	text-align: center;
	border: none;
	letter-spacing: 0.02em;
	text-decoration: none;
	line-height: 1;
}


.security-packages .tariff-button-order:hover,
.security-packages .tariff-button-order:focus,
.security-packages .tariff-button-order:active {
	background-color: rgba(255, 127, 0, 0.85);
	color: rgba(255, 255, 255, 1);	
}


ul.checked-list {
	list-style: none;
	padding: 0;
}

ul.checked-list > li:before {
	content: "\e905";
	font-family: 'icomoon' !important;
	font-size: 50px;
	position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: inline-flex;
  align-items: center;
}

ul.checked-list li {
padding-left: 80px;
  position: relative;
}

ul.checked-list li + li {
	margin-top: 25px;
}


.tariff-security-package ul.checked-list > li::before {
	font-size: 30px;
}

.tariff-security-package ul.checked-list li {
	padding-left: 40px;
}



.security-packages .uk-grid-large > .uk-grid-margin {
	margin-top: 180px;
}


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


a.footnote,
span.footnote {
color: rgba(255, 127, 0, 1) !important;
cursor: pointer;
display: inline-block;
margin-left: 2px;
text-align: center;
vertical-align: top !important;
position: relative;
z-index: 2;
}

.tariff-price a.footnote {
color: rgba(255, 255, 255, 1) ;
}

.footnote.blue {
color: rgba(0, 20, 60, 1) !important;
}

.footnote.white {
color: rgba(255, 255, 255, 1) !important;
}

.footnote.orange {
color: rgba(255, 127, 0, 1) !important;
}

.footnote.light-orange {
color: rgba(255, 127, 0, 0.8) !important;
}


.footnote.uk-icon svg {
width: 10px;
}


.footnote-content {
	font-size: 0.85em;
line-height: 1.5em;
text-align: left;
}


/* ========================================================================
  Additional Plus Option
 ========================================================================== */




.additional .fs-grid-nested-1-container.uk-panel{
  position: absolute;
  z-index: 1;
  top: -25px;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
}


.additional span.uk-icon{
width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 100%;
  text-align: center;
  background-color: #FFF;
  padding-left: 2px;
}

.additional span.uk-icon svg{
width: 40px;
  height: 40px;
}




/* ========================================================================
  MyNet Professional
 ========================================================================== */



.mynet-professional table.tariff-pro-package td {
	vertical-align: middle;
}


.mynet-professional table.tariff-pro-package.uk-table-striped tbody tr:nth-of-type(2n+1) {
	background: rgba(229, 231, 235, 0.7);
}


.mynet-professional table.tariff-pro-package td {
	padding: 4px 8px;
	line-height: 35px;
}


.mynet-professional table.tariff-pro-package thead th {
	font-size: 1.1em;
	background-color: rgba(0, 20, 60, 1);
	color: rgba(255, 127, 0, 1);
	text-transform: none;
	letter-spacing: 0.01em;
	line-height: inherit;
	font-weight: 500;
	padding: 8px;
}




.mynet-professional table.tariff-pro-package td > img {
max-width: 60px;
}

.mynet-professional table.tariff-pro-package sup {
	font-size: 0.5em;
line-height: inherit;
position: relative;
vertical-align: top;
padding-left: 2px;
}



.mynet-professional table.tariff-pro-package thead th:not(:first-child),
.mynet-professional table.tariff-pro-package tr td:not(:first-child) {
	text-align: center;
}



.mynet-professional table.tariff-pro-package [class*="icon-"] {
	font-size: 30px;
	color: rgba(0, 20, 60, 1);
	font-weight: bold;
	vertical-align: middle;
}

.mynet-professional table.tariff-pro-package.uk-table-striped tbody.tariff tr:nth-of-type(2n+1) {
background: rgba(255, 248, 242, 1);
}


.mynet-professional table.tariff-pro-package tr.tariff-seperator {
border-top: 2px solid rgba(0, 20, 60, 1);
}

.mynet-professional table.tariff-pro-package tr.tariff-seperator > td {
padding: 0;
}

.mynet-professional table.tariff-pro-package thead tr.tariff th {
	color: rgba(0, 20, 60, 1);
	background-color: rgba(255, 127, 0, 1);
}

.mynet-professional.uk-flex  {
display: unset !important;
}


/* ========================================================================
  Security Packages
 ========================================================================== */


#zubuchbare-pakete ul.checked-list > li::before {
	font-size: 30px;
}

#zubuchbare-pakete ul.checked-list li {
	padding-left: 40px;
}




/* ========================================================================
  Icons
 ========================================================================== */


.img-margin-top-minus img {
	margin-top: -30px !important;
	margin-bottom: -20px !important;
}



.img-margin-top-minus .uk-margin-remove-first-child > img:first-child {
	margin-top: -30px !important;
}

/* ========================================================================
  Download Center
 ========================================================================== */


.download-center .uk-list > li .uk-link  {
	font-size: 1em;
	font-weight: 400;
	text-decoration: none !important;
    -webkit-transition: all linear 0.1s;
    transition: all linear 0.1s;
}


.download-center .uk-list > li .uk-link:hover {
	 font-weight: 700;
	 padding-left: 5px;
}


/* ========================================================================
   Karriere
 ========================================================================== */



/* Karriere */

.career .offer .uk-card {
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding:15px 30px;
position:relative;
border-radius: 50px;
-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.2);
box-shadow:0 2px 5px rgba(0,0,0,0.2);
background-color: rgba(255, 255, 255, 1);
-webkit-transform:translateZ(0);
transform:translateZ(0);
-webkit-transition:all .25s cubic-bezier(0.8, 0.15, 0.4, 0.9) 0s;
transition:all .25s cubic-bezier(0.8, 0.15, 0.4, 0.9) 0s;
}





.career .offer .uk-card:hover,
.career .offer .uk-card:focus {
-webkit-box-shadow:0 6px 8px rgba(0,31,73,0.15);
box-shadow:0 6px 8px rgba(0,0,0,0.15);
-webkit-transform:translate(0, -3.25px);
-ms-transform:translate(0, -3.25px);
transform:translate(0, -3.25px);
-webkit-transition:all .2s cubic-bezier(0.8, 0.15, 0.4, 0.9) 0s;
transition:all .2s cubic-bezier(0.8, 0.15, 0.4, 0.9) 0s;
background-color: rgba(255, 127, 0, 1);
color: rgba(255, 255, 255, 1) !important;
}


.career .offer .uk-card:hover h3,
.career .offer .uk-card:hover .content,
.career .offer .uk-card:hover i,
.career .offer .uk-card:hover .uk-icon {
color: rgba(255, 255, 255, 1) !important;

}


.career .offer .uk-card .uk-icon {
position:absolute;
right:30px;
top:0;
bottom: 0;
left:auto;
font-size: 25px;
-webkit-transition:all .25s cubic-bezier(0.83, 0.16, 0.38, 0.9) 0s;
transition:all .25s cubic-bezier(0.83, 0.16, 0.38, 0.9);
color: rgba(255, 127, 0, 1);
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.career .offer .uk-card:hover .uk-icon {
-webkit-transition:all .25s cubic-bezier(0.83, 0.16, 0.38, 0.9) 0s;
transition:all .25s cubic-bezier(0.83, 0.16, 0.38, 0.9) 0s;
-webkit-transform:scale(1.1, 1.1) translate(2px, 0);
-ms-transform:scale(1.1, 1.1) translate(2px, 0);
transform:scale(1.1, 1.1) translate(2px, 0);
}

.career .offer .uk-card {
color: rgba(0, 20, 60, 1);
}


.career .offer .uk-card h3 {
margin-bottom: 0;
 font-weight: 500;
}

.career .uk-grid-divider:empty {
	border-color: rgba(220, 220, 220, 1);
	margin-bottom: 50px;
	margin-top: 50px;
}

.career i.ico-standort {
	padding-right: 5px;
	color: rgba(0, 20, 60, 1);
	font-size: 18px;
}




@media (max-width: 479px) {
.career .offer .uk-card {
	padding: 15px;
	border-radius: 25px;
}

.career .offer .uk-card .uk-icon {
right:15px;
}
}


.career .offer .uk-button.loadmore {
  border-color: rgba(0, 20, 60, 1);
  background-color: rgba(0, 20, 60, 1);
  color: rgba(255, 255, 255, 1) !important;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.04em;
}


.career .offer .uk-button.loadmore:hover,
.career .offer .uk-button.loadmore:focus,
.career .offer .uk-button.loadmore:active,
.career .offer .uk-button.loadmore.uk-active {
   background-color: rgba(255, 127, 0, 1);
   color: rgba(255, 255, 255, 1) !important;
   border-color: rgba(255, 127, 0, 1);
}


/* Stellenangebote Filter Select */



.jobfilter .selectdiv {
  position: relative;
  font-weight: 500;
  display: table;
}



.jobfilter select::-ms-expand {
     display: none;
}

.jobfilter .selectdiv:after {
  content: '\f0d8 \A \f0d7';
  font-family: FontAwesome;
  font-size: 15px;
  font-weight: 500;
  color: rgba(0, 20, 60, 1);
  right: 15px;
  top: 10px;
  padding: 0 0 2px 8px;
  border-left: 1px solid rgba(0, 20, 60, 1);
  position: absolute;
  pointer-events: none;
  white-space:pre;
   line-height: 0.6;
}





.jobfilter .selectdiv select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  height: 40px;
  float: right;
  margin: 0;
  padding: 0px 40px 0 20px;
  font-size: 14px;
  line-height: 1.75;
  color: rgba(0, 20, 60, 1);;
  background-color: rgba(240, 240, 240, 1);
  background-image: none;
  border: 2px solid rgba(0, 20, 60, 1);
  -ms-word-break: normal;
  word-break: normal;
  width: 100%;
  max-width: 320px;
  border-radius: 50px;
  font-weight: 500;
}




@media (min-width: 768px) {
.jobfilter .selectdiv {
  margin: 0 15px;
}

}



@media (max-width: 767px) {

.jobfilter .selectdiv:not(:first-child) {
  margin-top: 20px;
}

.jobfilter {
display: grid !important;
}
}


.careerList .invalid {display:none;}





/* Stellenangebote Detailseite */


.jobs .apply .uk-button {
  border-color: rgba(0, 20, 60, 1);
  background-color: rgba(0, 20, 60, 1);
  color: rgba(255, 255, 255, 1) !important;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.04em;
}


.jobs .apply .uk-button:hover,
.jobs .apply .uk-button:focus,
.jobs .apply .uk-button:active,
.jobs .apply .uk-button.uk-active {
   background-color: rgba(255, 127, 0, 1);
   color: rgba(255, 255, 255, 1) !important;
   border-color: rgba(255, 127, 0, 1);
}



.jobs .title-box.uk-card {
padding: 15px;
margin-top: -100px;
margin-bottom: 50px;
border-radius: 25px;
}


@media (min-width: 960px) {
.jobs .title-box.uk-card {
	padding: 25px;
	margin-top: -150px;
	margin-bottom: 75px;
}
}



.jobs .uk-slideshow .uk-overlay-background {
	background: rgba(255, 127, 0, 0.7);
}

.jobs .uk-slideshow .uk-overlay-panel {
	padding: 0;
}

.jobs .uk-slideshow .uk-overlay-panel .uk-h1,
.jobs .uk-slideshow .uk-overlay-panel .uk-h2,
.jobs .uk-slideshow .uk-overlay-panel .uk-h3,
.jobs .uk-slideshow .uk-overlay-panel .uk-h4 {
	color: rgba(255, 255, 255, 1) !important;
}


.jobs hr {
	margin: 0 !important;
	border-top: 1px solid rgba(0, 35, 85, 1);
}

.jobs ul {
	margin-bottom: 0 !important;
}



.jobs i.ico-standort {
	padding-right: 5px;
	font-size: 1.5em;
}



.uk-button-apply {
  background-color: rgba(0, 35, 85, 1);
  color: rgba(255, 255, 255, 1);
  padding: 15px 35px;
    font-size: 1em;
  line-height: 1em;
}



.page-nav a.prev i, .page-nav a.next i, .page-nav a.category i {
	font-size: 30px;
}

.jobs .page-nav a.prev::before {
	content: "\f060";
}

.jobs .page-nav a.next::before {
	content: "\f061";
}



.page-nav a.prev, .page-nav a.next, .page-nav a.category {
	color: rgba(255, 127, 0, 0.7);
	font-family: FontAwesome;
	display: inline-block;
	font-weight: normal;
	font-style: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition: all linear 0.2s;
	transition: all linear 0.2s;
}

.page-nav a.prev:hover, .page-nav a.next:hover, .page-nav a.category:hover {
	color: rgba(255, 127, 0, 1);
	text-decoration: none;

}


/* Accordion Formular jobs */


.jobs .uk-accordion ul {
  list-style: none; /* Remove default bullets */
}

.jobs .uk-accordion ul li::before {
  content: "\f105";
  color: rgba(255, 255, 255, 1);
  display: inline-block;
  width: 1em;
  margin-left: -1em;
  font-family: FontAwesome;
}

.jobs .uk-accordion { 
 width: 100%;

}



.jobs .uk-accordion-title::before, .uk-accordion-title.uk-active::before {
  content: none;
}


.jobs .uk-accordion-title {
  background-color: rgba(0, 20, 60, 1);
  color: rgba(255, 255, 255, 1);
  border: none;
  cursor: pointer;
  margin-bottom: 0;
  margin-top: 10px;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
  position: relative;
  text-transform: uppercase;
  font-size: inherit;
  letter-spacing: inherit;
  border: none;
  vertical-align: middle;
  display: table;
  border-radius: 25px 25px 0 0;
  padding: 15px 25px 15px 40px; 
 
}



.jobs .uk-accordion-title:first-child {
  margin-top: 0;
}

.jobs .uk-accordion-title:hover, .jobs .uk-accordion-title.uk-active {
  background-color: rgba(255, 127, 0, 1);
  color: rgba(255, 255, 255, 1);
}

.jobs .uk-accordion-title:before {
   font-family: FontAwesome;
  display: inline-block;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f105";
  font-size: 30px;
  float:left;
  color: rgba(255, 255, 255, 1);
  width:30px;
  margin-left: -10px;
}


.jobs .uk-accordion-title.uk-active:before, .jobs .uk-accordion-title:hover:before {
  color: rgba(255, 255, 255, 1);
}

.jobs .uk-accordion-title.uk-active:before {
  content: "\f107";
}

.jobs .uk-accordion-content {
  padding: 25px;
  margin-top: 5px;
  background: rgba(240, 240, 240, 1) none repeat scroll 0 0;
  border-radius: 0 25px 25px 50px;
}



.jobs .uk-accordion-content p:last-child {
  margin-bottom: 0;
}

.jobs .uk-accordion-content ul {
  margin: 0;
}


.jobs .uk-accordion-title:hover, .jobs .uk-accordion-title:active, .jobs .uk-accordion-title.uk-active {
	border-color: rgba(255, 255, 255, 1);
}

@media (min-width: 768px) {


.jobs .uk-accordion-content {
  padding: 50px;
}



}



/* ========================================================================
  FAQ
 ========================================================================== */


.faq-list.uk-accordion > :nth-child(n+2) {
	margin-top: 10px;
}

.faq-list.uk-accordion > :nth-child(n+2) {
	padding-top: 10px;
}

.faq-list .uk-accordion-content {
	margin: 20px 0;
}
/* ========================================================================
   MyTV HD Video
 ========================================================================== */

.tv-video-element .uk-container-small  {
 max-width: 1024px;
}



.mytv-hd .tariff .uk-button-note {
	transform: scale(1) rotate(0deg);
	line-height: 1.3;
}

.mytv-hd .tariff .button-header {
left: inherit;
right: -100px;
top: -110px;
bottom: inherit;
transform: scale(0.3) rotate(0deg);
-webkit-transform: scale(0.3) rotate(0deg);
}



@media (min-width: 480px) {
.mytv-hd .tariff .button-header {
right: -75px;
top: -100px;
transform: scale(0.5) rotate(0deg);
-webkit-transform: scale(0.5) rotate(0deg);
}	
}




@media (min-width: 1220px) {
.mytv-hd .tariff .button-header {
right: -100px;
transform: scale(0.7) rotate(8deg);
-webkit-transform: scale(0.7) rotate(8deg);
}	



.mytv-hd .tariff  .uk-card-hover:not(.uk-card-default):not(.uk-card-primary):not(.uk-card-secondary) {
	background-color: rgba(255, 255, 255, 0.85);
}
}



/* MyTV Themenpakete */

.my-tv-hd-themenpakete .tariff .bg-dark .tariff-info .uk-accordion-title:after {
	color: rgba(0, 20, 60, 1);
}



.my-tv-hd-themenpakete .tariff .uk-card-hover:not(.uk-card-default):not(.uk-card-primary):not(.uk-card-secondary) {
	background-color: rgba(0, 20, 60, 1);
	overflow: visible;
}


.my-tv-hd-themenpakete .tariff .tariff-order {
	background-color: rgba(255, 255, 255, 1);
		-webkit-border-bottom-right-radius: 25px;
-webkit-border-bottom-left-radius: 25px;
-moz-border-radius-bottomright: 25px;
-moz-border-radius-bottomleft: 25px;
border-bottom-right-radius: 25px;
border-bottom-left-radius: 25px;
}


.my-tv-hd-themenpakete .tariff .tariff-button-order {
	background-color: rgba(255, 127, 0, 1);
	-webkit-border-bottom-right-radius: 25px;
-webkit-border-bottom-left-radius: 25px;
-moz-border-radius-bottomright: 25px;
-moz-border-radius-bottomleft: 25px;
border-bottom-right-radius: 25px;
border-bottom-left-radius: 25px;
	
}

.my-tv-hd-themenpakete .tariff .tariff-button-order:hover,
.my-tv-hd-themenpakete .tariff .tariff-button-order:focus,
.my-tv-hd-themenpakete .tariff .tariff-button-order:active {
	background-color: rgba(255, 127, 0, 0.85);
}


.my-tv-hd-themenpakete .tariff .tariff-info, 
.my-tv-hd-themenpakete .tariff .tariff-info .uk-accordion-title {
	color: rgba(255,255,255,1);
}


.my-tv-hd-themenpakete .tariff .bg-orange .tariff-info, 
.my-tv-hd-themenpakete .tariff .bg-orange .tariff-info .uk-accordion-title {
   color: rgba(0, 20, 60, 1);
}

.my-tv-hd-themenpakete .tariff .bg-orange .tariff-info .uk-accordion-title > h3 {
   line-height: 30px;
}

.my-tv-hd-themenpakete .tariff .bg-orange .tariff-info .uk-accordion-title:after,
.my-tv-hd-themenpakete .tariff .bg-orange .tariff-info .uk-accordion-title.uk-active:after, 
.my-tv-hd-themenpakete .tariff .bg-orange .tariff-info .uk-accordion-title:hover:after {
	color: rgba(0, 20, 60, 1);
}

.my-tv-hd-themenpakete .tariff .tariff-options.additional-option {
	border-top: none;
}


.my-tv-hd-themenpakete .tariff .tariff-header {
font-size: 1.5em;
font-weight: 700;
line-height: 1.1em;
color: rgba(255,127,0,1);
text-align: left;
}

@media (min-width: 960px) {
.my-tv-hd-themenpakete .tariff .tariff-header {
font-size: 1.8em;
}
}


@media (min-width: 1220px) {
.my-tv-hd-themenpakete .tariff .tariff-header {
font-size: 2em;
line-height: 1.1em;
}
}

.my-tv-hd-themenpakete .tariff .uk-card-hover img.visu {
	position: absolute; 
	right: 0; 
	top: -35px;
	width: 70px;
}


@media (min-width: 1220px) {
.my-tv-hd-themenpakete .tariff .uk-card-hover img.visu {
top: -50px;
	-webkit-transform: scale(1.5);
  transform: scale(1.5);
}
}


.my-tv-hd-themenpakete .uk-grid.tariff > div,
.my-tv-hd-themenpakete .uk-grid.tariff > div .tariff-header {
	padding-top: 0;
}

.my-tv-hd-themenpakete .uk-grid.tariff > div .tariff-header {
	padding: 20px 20px 0 20px;
}



.my-tv-hd-themenpakete .tariff ul.tariff-checklist.fix-height {
	  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
    -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

@media (min-width: 960px) {
.my-tv-hd-themenpakete .tariff ul.tariff-checklist.fix-height {
	min-height: 180px;
}
}


@media (min-width: 1220px) {
.my-tv-hd-themenpakete .tariff ul.tariff-checklist.fix-height {
	min-height: 150px;
}
}

@media (min-width: 1600px) {
.my-tv-hd-themenpakete .tariff ul.tariff-checklist.fix-height {
	min-height: 110px;
}
}

.my-tv-hd-themenpakete .tariff .uk-accordion-title::before {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23FFFFFF%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23FFFFFF%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E");
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.my-tv-hd-themenpakete .tariff .uk-open > .uk-accordion-title::before {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23FFFFFF%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E");
}


/* MyTV HD International */



.my-tv-hd-themenpakete .my-tv-hd-international .language-selection .tariff-info .uk-accordion-title:after {
	font-size: 40px;
}

.my-tv-hd-themenpakete .my-tv-hd-international .language-selection ul.tariff-checklist li + li {
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	padding-top: 15px;
	margin-top: 15px;
}


/* Ocilion Filmtipps */

.bg-filmtipps {
	background-color: #f4f5f7 !important;
}



/* MyTV TVApp */

.my-tv-hd-app img.appstore{
 width: 220px;
}

.my-tv-hd-app .uk-cover-background {
	display: block;
	background-position: right top; 
	background-size: contain;
}

@media (max-width: 767px) {
.my-tv-hd-app .uk-cover-background {
	background: none !important;
}
}





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

.modal-logo img {
  width: 200px;
}




/* ========================================================================
   Werte
 ========================================================================== */

.werte .uk-flex.wert  {
display: inline-block;
}

.werte .uk-flex a.uk-button  {
margin: 10px 10px 10px 0;
}


.werte .uk-flex a.uk-button:first-child  {
margin-left: 0;
}




.werte .uk-modal-dialog .uk-close {
	color: rgba(255,255,255,.6);
}


.werte .uk-modal-dialog .uk-close:hover {
	color: #fff;
}
/* ========================================================================
   Divider Plus
 ========================================================================== */

.divider-plus.uk-grid-divider > :not(.uk-first-column)::before {
font-family: 'icomoon' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  content: "\e90a";
  width: 50px;
  height: 50px;
  font-size: 45px;
  line-height: 50px;
  border-radius: 100%;
  text-align: center;
  color: rgba(255, 127, 0, 1) !important;
  background-color: rgba(255, 255, 255, 1) !important;
  position: absolute;
  margin-left: -2px;
}



/* ========================================================================
   Installation Glasfaseranschluss
 ========================================================================== */


.installation-glasfaseranschluss .uk-card-body {
	padding: 25px;
	overflow: hidden;
}

.installation-glasfaseranschluss .uk-card-hover .uk-button{
line-height: 1;
}


.installation-glasfaseranschluss .uk-card-hover .uk-button.uk-button-secondary {
	border: none;
	display: block;
	border-radius: 0;
	border: none;
	padding: 25px;
	margin: 0 -25px -25px -25px;
	font-weight: 700;
}

.installation-glasfaseranschluss .uk-card-hover .uk-button.uk-button-secondary {
	color: rgba(255, 255, 255, 1) !important;
	 background-color: rgba(0, 20, 60, 1);
}


.installation-glasfaseranschluss .uk-card-hover:hover a.uk-button.uk-button-secondary,
.installation-glasfaseranschluss .uk-card-hover:focus a.uk-button.uk-button-secondary,
.installation-glasfaseranschluss .uk-card-hover:active a.uk-button.uk-button-secondary,
.installation-glasfaseranschluss .uk-card-space:hover a.uk-button.buk-button-secondary,
.installation-glasfaseranschluss .uk-card-space:focus a.uk-button.uk-button-secondary,
.installation-glasfaseranschluss .uk-card-space:active a.uk-button.uk-button-secondary {
 background-color: rgba(255, 127, 0, 1);
   color: rgba(255, 255, 255, 1) !important;
}


/* Legende */

.installation-glasfaseranschluss .legende {
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
    display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  font-size: 0.85em;
  line-height: 1.4em;
}

.installation-glasfaseranschluss .legende-container .legende {
 margin: 10px 0;
}

.installation-glasfaseranschluss .legende .border {
min-width: 50px;
height: 4px;
  float: left;
}

.installation-glasfaseranschluss .legende.huep-ont .border {
background-image: url("data:image/svg+xml,%3csvg width='50' height='1' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='50' height='1' fill='none' stroke='%23FF7F00FF' stroke-width='4' stroke-dasharray='0' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
}

.installation-glasfaseranschluss .legende.ont-router-cat .border {
background-image: url("data:image/svg+xml,%3csvg width='50' height='1' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='50' height='1' fill='none' stroke='%232EAC66FF' stroke-width='4' stroke-dasharray='0' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
}

.installation-glasfaseranschluss .legende.ont-router-without-cat .border {
background-image: url("data:image/svg+xml,%3csvg width='52' height='1' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='52' height='1' fill='none' stroke='%232EAC66FF' stroke-width='4' stroke-dasharray='9' stroke-dashoffset='0' stroke-linecap='butt'/%3e%3c/svg%3e");
}



.installation-glasfaseranschluss .without-cat .legende.ont-router-cat {
visibility: hidden !important;
display: none !important;
}

.installation-glasfaseranschluss .with-cat .legende.ont-router-without-cat {
visibility: hidden !important;
display: none !important;
}

.installation-glasfaseranschluss .standard-solution.with-cat .legende.ont-router-cat span.cable {
visibility: hidden !important;
display: none !important;
}


/* Marker */


.installation-glasfaseranschluss .popover .uk-marker {
	padding: 0;
	background: transparent !important;
	color: #000;
	border-radius: 0;
	width: 5vw;
    height: 5vw;
}



@media (min-width: 960px) {
.installation-glasfaseranschluss .popover .uk-marker {
width: 2.5vw;
height: 2.5vw;
}
}


@media (min-width: 1600px) {
.installation-glasfaseranschluss .popover .uk-marker {
width: 45px;
height: 45px;
}
}


.installation-glasfaseranschluss .popover .uk-marker svg {
display: none !important;
visibility: hidden !important;
}



/* PopOver Panel */

.installation-glasfaseranschluss .popover .uk-drop .uk-card.uk-card-secondary {
	box-shadow: 2px 10px 10px 0 rgba(0, 0, 0, 0.1);
	background: rgba(0, 20, 60, 0.9);
	color: rgba(255, 255, 255, 1);
}

.installation-glasfaseranschluss .popover .uk-drop .uk-card.uk-card-secondary h3 {
   color: #ff7f00;
}


.installation-glasfaseranschluss .popover .uk-drop .popover-image img {
	max-height: 200px;
	width: inherit;
	height: inherit;
}



/* Accordion */


.installation-glasfaseranschluss .uk-accordion-title {
    background: rgba(0, 20, 60, 0.2);
	font-size: 1em;
	color: rgba(0, 20, 60, 1);
	padding: 10px;
}

.installation-glasfaseranschluss .uk-open  .uk-accordion-title {
background: rgba(0, 20, 60, 0.3);
}



.installation-glasfaseranschluss .uk-accordion > :nth-child(n+2) {
	margin-top: 0;
	padding-top: 0;
	border-top: 1px solid #fff;
}


.installation-glasfaseranschluss .uk-accordion-content {
	padding: 20px;
  color: rgba(0, 20, 60, 1);
  background: rgba(0, 20, 60, 0.1);
  margin-top: 0;
}




/* ========================================================================
   Global Zoo Main Full Width
 ========================================================================== */


.tm-main-full-width .tm-main.uk-section {
	padding-top: 0;
	padding-bottom: 0;
}

.tm-main-full-width .tm-main > .uk-container {
padding-left: 0 !important;
padding-right: 0 !important;
max-width: none !important;
}

.tm-main-full-width .uk-container .uk-container {
padding-left: 15px;
  padding-right: 15px;
}


@media (min-width: 640px) {
.tm-main-full-width .uk-container .uk-container {
padding-left: 20px;
  padding-right: 20px;
}
}

@media (min-width: 960px) {
.tm-main-full-width .uk-container .uk-container {
padding-left: 40px;
  padding-right: 40px;
}
}

@media (min-width: 1200px) {
.tm-main-full-width .uk-container .uk-container {
padding-left: 80px;
  padding-right: 80px;
}
}



/* ========================================================================
   Gewinnspiel
 ========================================================================== */



#countdown > ul {
  margin: 0;
  padding: 0;
}


#countdown .countdown-header {
	text-transform: uppercase;
	font-size: 1.4rem;
	color: rgba(255, 127, 0, 1);
}

#countdown li {
	display: inline-block;
	font-size: 0.6em;
	list-style-type: none;
	padding: 0.5em 0;
	text-transform: uppercase;
	min-width: 45px;
}

#countdown li span {
	display: block;
	font-size: 1.8rem;
}


/* ========================================================================
   Formulare
 ========================================================================== */

.rsform * + .uk-grid-margin, .rsform .uk-grid + .uk-grid, .rsform .uk-grid > .uk-grid-margin {
	margin-top: 20px;
}

.rsform .rsform-block-marketing, 
.rsform .rsform-block-teilnahmebestaetigung, 
.rsform.rsform-block-teilnahmebestaetigung, 
.rsform .rsform-block-datenschutzhinweise, 
.rsform .rsform-block-datenschutz {
	font-size: 0.85em;
	line-height: 1.6em;
}

.uk-input, .uk-select, .uk-textarea {
font-weight: 400;
}

@media (max-width: 959px) {
.rsform .formContainer .uk-grid > [class*=uk-width-] + [class*=uk-width-] {
margin-top: 20px;
}
}

.rsform .formError {
	font-size: 10px;
	color: #E44E56 !important;
}

.uk-form-danger, .uk-form-danger:focus {
	color: #E44E56 !important;
}


.rsform .uk-form-danger-intro {
	border: 1px solid #E44E56 !important;
	background: rgba(228, 78, 86, 0.1) !important;
	color: #E44E56 !important;
	padding: 10px;
	margin-bottom: 20px;
}


.rsform .rsform-type-checkboxgroup {
	padding-left: 20px;
}

.rsform .rsform-type-checkboxgroup > label {
	margin-left: -20px;
}



.rsform input[type="checkbox"] {
	margin-left: -20px;
}


.rsform .rsform-type-fileupload .uk-input:disabled {
  background-color: #e5e7eb;
  border-color: #00143c !important;
  border-radius: 50px;
}

.rsform .rsform-type-fileupload .uk-input::placeholder  {
  color: #00143c !important;
}

.rsform .rsform-type-fileupload .uk-input::placeholder {
  text-align: center;
}

.rsform .rsform-type-fileupload button {
display: none;
visibility: hidden;
}

.rsform .rsform-type-fileupload .rsfp-field-multiple-plus:not(:first-child) {
margin-top: 10px;
}

.rsform .text-xsmall{
font-size: 0.8em !important;
  line-height: 1.25rem;
}

.rsform .rsform-block.rsform-block-custom-validate-message-text {
  display: none !important;
}


.rsform .rsform-calendar-box + button{
  display: none !important;
  visibility: hidden !important;
}



/* ========================================================================
   Thank You Overlay - RSForms
 ========================================================================== */


.rsfp_thankyou_popup_outer .rsform-thankyou-button {
	display: none;
	visibility: hidden;
}


.rsfp_thankyou_popup_inner {
	position: relative;
	box-sizing: border-box;
	margin: auto;
	padding: 15px;
	background-color: rgba(255, 255, 255, 1);
	box-shadow: 0 2px 5px rgba(0,0,0,0.3);
	width: 600px;
	max-width: 100%;
	border-radius: 25px;
	text-align: center;
}


.rsfp_thankou_popup_close_btn {
	position: absolute;
	top: -10px !important;
	right: 10px !important;
	font-size: 40px !important;
	text-align: center;
	cursor: pointer;
	color: rgba(255, 127, 0, 1);
	 -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}


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


.rsfp_thankyou_popup_inner img {
	width: 200px;
	text-align: center;
}

/* ========================================================================
   Intern Werte
 ========================================================================== */


.intern.werte.spitzenleistung {
	background-color: rgba(119, 122, 169, 1);
}


.intern.werte.professionalitaet {
	background-color: rgba(14, 15, 36, 1);
}

.intern.werte.zukunftsfaehigkeit {
	background-color: rgba(49, 63, 84, 1);
}

.intern.werte.mannschaftsgeist {
	background-color: rgba(186, 197, 191, 1);
}



/* ========================================================================
  Ausbaugebiete - Teaser
 ========================================================================== */


.netzausbau .teaser .uk-card  span.uk-icon {
	margin-right: 5px ;
}


.netzausbau .teaser .uk-card-small.uk-card-body {
	padding: 15px 30px;
}


.netzausbau .teaser .uk-card-hover:not(.uk-card-default):not(.uk-card-primary):not(.uk-card-secondary) {
-webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: all .1s cubic-bezier(0.8, 0.15, 0.4, 0.9) 0s;
  transition: all .1s cubic-bezier(0.8, 0.15, 0.4, 0.9) 0s;
}


.netzausbau .teaser .uk-card-hover:not(.uk-card-default):not(.uk-card-primary):not(.uk-card-secondary):hover {
	background-color: #ff7f00;
	color: #fff !important;
	-webkit-transform:translate(0, -3.25px);
-ms-transform:translate(0, -3.25px);
transform:translate(0, -3.25px);
-webkit-transition:all .1s cubic-bezier(0.8, 0.15, 0.4, 0.9) 0s;
transition:all .1s cubic-bezier(0.8, 0.15, 0.4, 0.9) 0s;
}

.netzausbau .teaser .uk-card-hover:not(.uk-card-default):not(.uk-card-primary):not(.uk-card-secondary):hover .uk-text-secondary,
.netzausbau .teaser .uk-card-hover:not(.uk-card-default):not(.uk-card-primary):not(.uk-card-secondary):hover .uk-text-primary {
	color: #fff !important;
}









/* ========================================================================
  Ausbaugebiete - Detail
 ========================================================================== */



.map-legend-foerderung-logos .uk-panel {
align-items:center;
	display: flex;
}


.netzausbau .full .ausbaustufe-1 .uk-grid > div,
.netzausbau .full .ausbaustufe-2 .uk-grid > div:nth-of-type(2),
.netzausbau .full .ausbaustufe-2 .uk-grid > div:nth-of-type(3),
.netzausbau .full .ausbaustufe-2 .uk-grid> div:nth-of-type(4),
.netzausbau .full .ausbaustufe-2 .uk-grid > div:nth-of-type(5),
.netzausbau .full .ausbaustufe-3 .uk-grid > div:nth-of-type(3),
.netzausbau .full .ausbaustufe-3 .uk-grid > div:nth-of-type(4),
.netzausbau .full .ausbaustufe-3 .uk-grid > div:nth-of-type(5),
.netzausbau .full .ausbaustufe-4 .uk-grid > div:nth-of-type(4),
.netzausbau .full .ausbaustufe-4 .uk-grid > div:nth-of-type(5),
.netzausbau .full .ausbaustufe-5 .uk-grid > div:nth-of-type(5) {
	opacity: 0.25;
	filter: grayscale(100%);
}


.netzausbau .full .ausbaustufen .uk-panel h3,
.netzausbau .full .ausbaustufen .uk-panel h3 + div.uk-margin {
	margin: 0 !important;
}



.netzausbau .full .news .uk-button {
	background-color: transparent;
	color: #ff7f00;
	border: 2px solid #ff7f00;
}


.netzausbau .full .news .uk-button:hover,
.netzausbau .full .news .uk-button.uk-active,
.netzausbau .full .news .uk-button:active {
  background-color: #ff7f01;
  	color: #fff;
}



.netzausbau .region-signet img {
	max-width: 220px;
	width: inherit;
	max-height: 150px;
	height: inherit;
}





 /* Loading Bar */


.netzausbau .status .statusbar {
	max-width: 100%;
	margin-bottom: 10px;
	overflow: hidden;
}





.netzausbau .status .statusbar .inner {
	position: relative;
	width: 100%;
	height: 50px;
	background: rgba(230, 230, 230, 1);
	overflow: hidden;
	border-radius: 50px;
}

.netzausbau .status .statusbar .inner .status-progress {
	position: absolute;
	overflow: hidden;
	width: 100%;
	max-width: 100%;
	height: 100%;
	line-height: 1.5 !important;
	z-index: 1;
	display: flex;
background: rgb(255,127,0);
background: linear-gradient(90deg, rgba(255,127,0,0.703763452792797) 0%, rgba(255,127,0,1) 100%);
}

.netzausbau .status .statusbar .inner .status-progress .text {
	font-size: 1.5em;
	position: relative;
	width: 100%;
	margin-top: 7px;
	padding: 0 15px;
	text-align: center;
	color: rgba(255, 255, 255, 1);
	line-height: 1.5 !important;
	font-weight: 700;
}

.netzausbau .status .statusbar .status-target:before {
	position: absolute;
	top: 4px;
	left: 0;
	width: 21px;
	height: 15px;
}

.netzausbau .status .statusbar .status-target {
	position: relative;
	float: right;
	color: rgba(0, 20, 60, 1);
	margin-top: 10px;
}



.netzausbau .status .statusbar .status-target-date {
	position: relative;
	width: 100px;
	margin-top: 10px;
	margin-left: 36.5%;
	float: left;
	
}


.netzausbau .status .statusbar .status-target-inner {
	font-size: 1em;
	font-weight: 400;
}

@media (max-width: 479px) {
.netzausbau .status .statusbar .status-target-inner {
	display: none;
}
}



.netzausbau .status .statusbar .status-target > [class*='uk-icon-'] {
  padding-right: 5px;
}




/* Loading Bar Voerde 2 Kommunen - blau */

.netzausbau .voerde .nachfragebuendelung-2 .status .statusbar .inner .status-progress {
background: rgb(0, 20, 60, 1);
background: linear-gradient(90deg, rgba(0,20,60,0.703763452792797) 0%, rgba(0,20,60,1) 100%);
}


.netzausbau .voerde .nachfragebuendelung-2 h2 {
color: rgb(0, 20, 60, 1);
}


/* News */

.netzausbau .news-container > div  {
order: -1;
}










/* Accordion */

.netzausbau .ausbaugebiete .location-selection .uk-accordion-title {
	margin-top: 25px;
	margin-bottom: 0;
	padding: 20px 30px;
	color: rgba(0, 20, 60, 1);
	font-size: 1.1em;
	line-height: 1.5em;
	cursor: pointer;
	text-transform: none;
	letter-spacing: 0;
	border-bottom: none;
	transition: all 0.2s ease;
	opacity: 1;
	font-weight: 400;
	border-radius: 50px;
}


.netzausbau .ausbaugebiete .location-selection .uk-open .uk-accordion-title {
border-top-left-radius: 50px;
border-top-right-radius: 50px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}




.netzausbau .ausbaugebiete .location-selection .uk-accordion-title:hover {
 opacity: 0.8;
}


.netzausbau .ausbaugebiete .location-selection .uk-accordion-content {
	background-color: rgba(255, 248, 242, 1) !important;
	border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
    padding: 15px;
margin-top: 0;
}


.netzausbau .ausbaugebiete .location-selection .uk-accordion > :nth-child(n+2) {
	margin-top: 20px;
	padding-top: 0;
	border-top: none;
}


@media (min-width: 960px) {
.netzausbau .ausbaugebiete .location-selection .uk-accordion-content {
padding: 50px;
}
}

.netzausbau .location-selection .button-header {
	position: relative;
	right: inherit;
	top: inherit;
	bottom: inherit;
	left: inherit;
}




.netzausbau .location-selection .uk-card {
	overflow: hidden;
}



  /* Status Icon */

.netzausbau .ausbaugebiete .location-selection .ausbaugebiet-status > .uk-panel-teaser {
	padding: 25px;
}



.netzausbau .ausbaugebiete .location-selection .uk-card-hover.ausbaugebiet-status {
	padding: 0;
}

.netzausbau .ausbaugebiete .location-selection .uk-card-hover.ausbaugebiet-status .uk-panel.status-icon > img {
	max-width: 200px;
}


.netzausbau .ausbaugebiete .location-selection .uk-card-hover.ausbaugebiet-status .uk-panel.content,
.netzausbau .ausbaugebiete .location-selection .uk-card-hover.ausbaugebiet-status .uk-panel.status-icon {
	padding: 15px;
	text-align: center;
}


.netzausbau .ausbaugebiete .location-selection .uk-card-hover.ausbaugebiet-status h4 {
	-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
	line-height: 1.2em;
}


@media (min-width: 960px) {
.netzausbau .ausbaugebiete .location-selection .uk-card-hover.ausbaugebiet-status .uk-panel.status-icon > img {
	max-width: 100px;
	width: 100%;
}
}




/* Color Ausbaugebiete */
  
 
 .netzausbau .ausbaugebiete .ausbaugebiet-1 {
	background: rgba(255, 127, 0, 1);
	fill: rgba(255, 127, 0, 1);
}

.netzausbau .ausbaugebiete .ausbaugebiet-2 {
	background: rgba(255, 140, 25, 1);
	fill: rgba(255, 140, 25, 1);
}

.netzausbau .ausbaugebiete .ausbaugebiet-3 {
	background: rgba(255, 153, 51, 1);
	fill: rgba(255, 153, 51, 1);
}

.netzausbau .ausbaugebiete .ausbaugebiet-4 {
	background: rgba(255, 165, 76, 1);
	fill: rgba(255, 165, 76, 1);
} 

.netzausbau .ausbaugebiete .ausbaugebiet-5 {
	background: rgba(255, 178, 102, 1);
	fill: rgba(255, 178, 102, 1);
} 


.netzausbau .ausbaugebiete .ausbaugebiet-6 {
	background: rgba(255, 191, 127, 1);
	fill: rgba(255, 191, 127, 1);
} 

.netzausbau .ausbaugebiete .ausbaugebiet-7 {
	background: rgba(255, 204, 153, 1);
	fill: rgba(255, 204, 153, 1);
} 


.netzausbau .ausbaugebiete .ausbaugebiet-8 {
	background: rgba(255, 216, 178, 1);
	fill: rgba(255, 216, 178, 1);
} 


.netzausbau .ausbaugebiete .ausbaugebiet-9 {
	background: rgba(255, 229, 204, 1);
	fill: rgba(255, 229, 204, 1);
} 


.netzausbau .ausbaugebiete .ausbaugebiet-10 {
	background: rgba(255, 242, 229, 1);
	fill: rgba(255, 242, 229, 1);
} 



.netzausbau .ausbaugebiete .vorbereitung {
	background: rgba(190, 190, 190, 1);
	fill: rgba(190, 190, 190, 1);
}

.netzausbau .ausbaugebiete .region {
	background: rgba(217, 217, 217, 1);
	fill: rgba(217, 217, 217, 1);
}  



  /* Map */

 .netzausbau .ausbaugebiete svg.accordion-region [class*='ausbaugebiet-']:hover,
 .netzausbau .ausbaugebiete svg.accordion-region [class*='ausbaugebiet-']:focus,
 .netzausbau .ausbaugebiete svg.accordion-region [class*='ausbaugebiet-']:active {
	fill-opacity: 0.9  !important;
	cursor: pointer;
}

 .netzausbau .ausbaugebiete svg.accordion-region .background {
	fill: transparent;
	fill-opacity: 0;
}

 .netzausbau .ausbaugebiete svg.accordion-region .label{
	fill: #00143C !important;
}
  
 .netzausbau .ausbaugebiete svg.accordion-region .local-border {
	fill: #192B4F;
}



  .netzausbau .ausbaugebiete svg.accordion-region .icon-ausbau,
   .netzausbau .ausbaugebiete svg.accordion-region .label.negative  {
	fill: #FFF !important;
}



  /* Hinweise / News */

.netzausbau .ausbaugebiete .location-selection .ausbaugebiet-note .uk-card-hover img,
.netzausbau .ausbaugebiete .location-selection .ausbaugebiet-note .uk-panel-hover img {
	margin: -20px 0 -20px 0;
	width: 180px;
}

.netzausbau .ausbaugebiete .location-selection .ausbaugebiet-note .uk-card-hover h4 {
	-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
}

.netzausbau .ausbaugebiete .location-selection .ausbaugebiet-note .uk-panel-hover {
box-shadow: 2px 2px 5px 0 rgba(0,0,0,.2);
border-radius: 25px;
padding: 20px 20px;
}


.netzausbau .ausbaugebiete .location-selection .ausbaugebiet-note .uk-panel-hover .uk-button {
   border: 2px solid #ff7f00;
}



.netzausbau .ausbaugebiete .location-selection .ausbaugebiet-note .uk-panel-hover.bg-blue .uk-button.btn-orange {
   background-color: transparent;
   color: #ff7f00;
   border-color: #ff7f00;
}



.netzausbau .ausbaugebiete .location-selection .ausbaugebiet-note .uk-panel-hover.bg-blue .uk-button.btn-orange:hover,
.netzausbau .ausbaugebiete .location-selection .ausbaugebiet-note .uk-panel-hover.bg-blue .uk-button.btn-orange:focus,
.netzausbau .ausbaugebiete .location-selection .ausbaugebiet-note .uk-panel-hover.bg-blue .uk-button.btn-orange:active,
.netzausbau .ausbaugebiete .location-selection .ausbaugebiet-note .uk-panel-hover.bg-blue .uk-button.btn-orange.uk-active {
   background-color: #ff7f00;
   color: #FFF;
   border-color: #ff7f00;
}



.netzausbau .ausbaugebiete .location-selection .ausbaugebiet-note .uk-panel-hover.bg-orange .uk-button.btn-orange {
   background-color: transparent;
   color: #00143c;
   border-color: #00143c;
}


.netzausbau .ausbaugebiete .location-selection .ausbaugebiet-note .uk-panel-hover.bg-orange .uk-button.btn-orange:hover,
.netzausbau .ausbaugebiete .location-selection .ausbaugebiet-note .uk-panel-hover.bg-orange .uk-button.btn-orange:focus,
.netzausbau .ausbaugebiete .location-selection .ausbaugebiet-note .uk-panel-hover.bg-orange .uk-button.btn-orange:active,
.netzausbau .ausbaugebiete .location-selection .ausbaugebiet-note .uk-panel-hover.bg-orange .uk-button.btn-orange.uk-active {
   background-color: #00143c;
   color: #FFF;
   border-color: #00143c;
}




  /* Status Nachfragebündelung Counter */

.netzausbau .ausbaugebiete .location-selection .ausbaugebiet-status-percent-container {
	 display:flex;
 justify-content:center;
 margin: 20px 0;
 position: relative;
}

.netzausbau .ausbaugebiete .location-selection .ausbaugebiet-status-percent-value {
font-size: 5em;
line-height: 60px;
}

.netzausbau .ausbaugebiete .location-selection .ausbaugebiet-status-percent-container div {
	display: flex;
	flex-direction: column;
}

.netzausbau .ausbaugebiete .location-selection .ausbaugebiet-status-percent {
	font-size: 2em;
	font-weight: 700;
	position: absolute;
	right: auto;
	left: auto;
}






  /* Galerie Ausbaugebiete Karten */

.netzausbau .ausbaugebiete .location-selection .maps .uk-panel-hover > .uk-panel-teaser + h3 {
	color: rgba(0, 20, 60, 1) !important;
}

.netzausbau .ausbaugebiete .location-selection .maps .uk-panel-hover > .uk-panel-teaser > .uk-overlay  {
border-top-left-radius: 25px;
border-top-right-radius: 25px;
}

.netzausbau .ausbaugebiete .location-selection .maps .uk-panel > :not(.uk-panel-title):last-child {
	margin-bottom: -25px;
}



/* ========================================================================
   Baukasten Testimonials
 ========================================================================== */


.testimonial-campaign h1 {
color: rgba(255, 255, 255, 1) !important;
font-weight: 800;
}


@media (max-width: 479px) {
.testimonial-campaign h1 {
	font-size: 1em;
	line-height: 1.3;
}
.testimonial-campaign .subtext {
	display: none !important;
}
.testimonial-campaign .content {
	line-height: 1.3;
}
}

.testimonial-campaign .subtext {
	font: 300 16px / 25px 'HCo Gotham SSm',sans-serif !important;
	display: block;
	margin-top: 15px !important;
}

@media (min-width: 1220px) {
.testimonial-campaign .uk-overlay-panel.uk-width-xlarge-1-2 {
	width: 60%;
}
}



/* ========================================================================
   User Login
 ========================================================================== */


.uk-form input[type="text"],
.uk-form input[type="password"] {
font-weight: 400;
height: 40px;
  vertical-align: middle;
  display: inline-block;
  border: 1px solid #00143c;
  max-width: 100%;
  width: 100%;
  padding: 0 10px;
  background: #fff;
  color: #000;
  box-sizing: border-box;
}


fieldset.user-login {
	border: 0 none;
	margin: 0;
	padding: 0;
}





/* ========================================================================
  Grafik Bereitstellung Glasfaseranschluss
 ========================================================================== */





.graph-bereitstellung-glasfaseranschluss .uk-grid-divider > :not(.uk-first-column)::before {
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg xmlns="http://www.w3.org/2000/svg" width="150" height="52.6" version="1.1" viewBox="0 0 150 52.6"><defs><style> .cls-1 { fill: %23ff7f00; } </style></defs><path class="cls-1" d="M121.7,0l-4.4,4.7,19.8,18.4H3.2c-1.8,0-3.2,1.4-3.2,3.2s1.4,3.2,3.2,3.2h133.9l-19.8,18.4,4.4,4.7,28.3-26.3L121.7,0Z"/></svg>');
background-size: contain;
background-position: 0 30%;
background-repeat: no-repeat;
width: 80px;
border: none;
	border: none !important;
	left: 0;
}

@media (min-width: 1200px) {
.graph-bereitstellung-glasfaseranschluss .uk-grid-divider > :not(.uk-first-column)::before {
width: 140px;
}
}

/* ========================================================================
  Beratungsstellen
 ========================================================================== */

 table.get-locations-list {
font-size: 0.85em;
  
}


 table.get-locations-list thead th {
	font-size: 12px;
	font-family: 'HCo Gotham SSm', sans-serif;
	font-weight: 300;
	color: rgba(255, 255, 255, 1);
	text-transform: uppercase;
	letter-spacing: 1px;
	background-color: rgba(255, 127, 0, 1);
	line-height: 16px;
	font-weight: 500;
}




 table.get-locations-list td.get-locations-link a:before{
font-size: 1.3em;
 vertical-align: middle; 
 padding-right: 5px;
}

 table.get-locations-list td.get-locations-link a {
font-weight: 700;
}

 table.get-locations-list td.get-locations-link a > i {
padding-right: 5px;
}


 table.get-locations-list td {
	vertical-align: middle;
	padding: 4px 8px;
}


 table.get-locations-list th {
	padding: 8px;
}

.uk-table-striped.get-locations-list tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 248, 242, 1);
}


.get-locations-filter .selectdiv select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  height: 40px;
  float: right;
  margin: 0;
  padding: 0px 40px 0 20px;
  font-size: 14px;
  line-height: 1.75;
  color: rgba(0, 20, 60, 1);;
  background-color: rgba(255, 255, 255, 1);
  background-image: none;
  border: 2px solid rgba(0, 20, 60, 1);
  -ms-word-break: normal;
  word-break: normal;
  width: 100%;
  max-width: 320px;
  border-radius: 50px;
  font-weight: 500;
}

.get-locations-filter .selectdiv::after {
	content: '\f0d8 \A \f0d7';
	font-family: FontAwesome;
	font-size: 15px;
	font-weight: 500;
	color: rgba(0, 20, 60, 1);
	right: 15px;
	top: 10px;
	padding: 0 0 2px 8px;
	border-left: 1px solid rgba(0, 20, 60, 1);
	position: absolute;
	pointer-events: none;
	white-space: pre;
	line-height: 0.6;
}


/* ========================================================================
  VideoUpload Formular
 ========================================================================== */

 .rsform .videoupload-formular .rsform-type-fileupload .uk-input:disabled {
background-color: #e5e7eb;
  border-color: #00143c !important;
  border-radius: 50px;
  text-align: center;
}

 .rsform .videoupload-formular .rsform-type-fileupload .rsform-upload-box[data-gtm-form-interact-field-id="0"] + .uk-input {
  background-color: #ff7f00;
  border-color: #ff7f00 !important;
  border-radius: 50px;
  width: auto;
}




/* ========================================================================
  PLZ Filter
 ========================================================================== */


.plz-filter  .uk-form input {
	border-radius: 50px;
	height: 44px;
	font-size: 1.4em;
	text-align: center;
	box-sizing: border-box;
	width: 100%;
	border: solid 1px rgba(0, 20, 60, 1);
}


.plz-filter .uk-form ::placeholder, 
 .plz-filter form ::placeholder {
	color: rgba(0, 0, 0, 0.3);
	font-size: 13px !important;
}

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


footer .cooperations > .uk-grid {
-ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  flex-wrap: unset;
}

footer .cooperations > .uk-grid > div {
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}


/* ========================================================================
   Cookie Hub - Cookie Consent
 ========================================================================== */




.ch2-dialog-content p strong,
.ch2-settings-content p strong,
.ch2-settings-header p strong {
	font-family: 'HCo Gotham SSm', sans-serif !important;
}

.ch2-style-light .ch2-settings-content a {
	color: rgba(255, 127, 0, 1) !important;
	border-bottom: 1px solid rgba(255, 127, 0, 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, 0, 0, 1) !important;
}
.ch2-theme-bar .ch2-dialog p {
	font-size: 15px !important;
	line-height: 22px !important;
}

.ch2-dialog-content p,
.ch2-settings-content p,
.ch2-settings-option p,
.ch2-container, .ch2-icon  {
	font-size: 0.9em !important;
	line-height: 1.6em !important;
}


.ch2-container, .ch2-icon {
	font-family: 'HCo Gotham SSm', sans-serif !important;
}

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

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

.ch2-style-light .ch2-dialog-content a:hover {
	color: rgba(144, 147, 154, 1) !important;
	border-bottom: 1px solid rgba(144, 147, 154, 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-style-light .ch2-btn-secondary {
	background: rgba(255, 255, 255, 1) !important;
	color: rgba(255, 127, 0, 1) !important;
	border: 1px solid rgba(255, 127, 0, 1) !important;
}



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

.ch2-style-light.ch2-icon a {
	color: rgba(255, 127, 0, 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(144, 147, 154, 1) !important;
	fill: #90939a !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(255, 127, 0, 1) !important;
 fill: rgba(255, 127, 0, 1) !important;
 background: rgba(255, 255, 255, 1) !important;
}


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




.ch2-btn {
	box-shadow: none !important;
}





.ch2-style-light .ch2-switch input:checked + label, .ch2-style-dark .ch2-switch input:checked + label {
	background: #26a907 !important;
}



.ch2-style-light .ch2-btn-primary,
.ch2-style-dark .ch2-btn-primary,
.ch2-btn-secondary.ch2-allow-all-btn {
 background: rgba(255, 127, 0, 1) !important;
}

.ch2-style-light .ch2-btn-primary,
.ch2-btn-secondary.ch2-allow-all-btn {
	color: #fff !important;
}



.ch2-style-light .ch2-btn-primary:hover,
.ch2-style-dark .ch2-btn-primary:hover,
.ch2-btn-secondary.ch2-allow-all-btn:hover {
  background: rgba(255, 127, 0, 1) !important;
 box-shadow: 0px 0px 10px 0 #FF7F00 !important;
}






.ch2-style-light .ch2-deny-all-btn {
 background: rgba(255, 255, 255, 1) !important;
 color: rgba(255, 127, 0, 1) !important;
 	border: 1px solid rgba(255, 127, 0, 1);
}


.ch2-style-light .ch2-deny-all-btn:hover {
  background: rgba(255, 127, 0, 1) !important;
 color: rgba(255, 255, 255, 1) !important;
}


.ch2-style-light .ch2-open-settings-btn {
	color: rgba(255, 127, 0, 1) !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-style-light .ch2-switch input:checked + label, .ch2-style-dark .ch2-switch input:checked + label {
	background: rgba(255, 127, 0, 1) !important;
}






 .ch2-block {
	background: rgba(0, 0, 0, 0.8) !important;
}


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

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


.ch2-btn{
	border-radius: 25px !important;
	padding: 10px 20px !important;
}


@media (min-width: 480px) {
.ch2-settings {
	border-radius: 25px !important;
}

.ch2-settings-actions {
	border-radius: 0 0 25px 25px !important;
}
}





.ch2-dialog-content p strong {
	font-weight: 700 !important;
	font-size: 1.8em !important;
}

.ch2-theme-overlay .ch2-dialog p:first-child,
.ch2-theme-overlay .ch2-dialog p:last-child {
	margin-bottom: 25px !important;
}


.ch2-theme-overlay .ch2-dialog p{
	margin: 0 0 5px !important;
}

.ch2-theme-overlay .ch2-dialog-actions button {
	width: inherit !important;
	height: inherit !important;
}

.ch2-settings-scan .ch2-settings-tabs ul li a {
	font-weight: 700 !important;
}

.ch2-settings-declaration table td, .ch2-settings-declaration table th {
	font-size: 0.9em !important;
}



/* Datenschutz Cookie Table */

.cookiehub-declaration
{
  margin: 20px 0;
  background-color: rgba(255, 248, 242, 1);
}

.cookiehub-declaration p
{
  font-size: 14px;
}

.cookiehub-declaration a
{
  color: #333;
}

.cookiehub-categories
{
  padding: 20px;
}

.cookiehub-category table
{
  background: none;
  border: solid 1px rgba(255, 127, 0, 1);
  margin-bottom: 0;
  width: 100%;
  padding: 5px;
}

.cookiehub-category h3
{
  font-size: 1em;
  margin: 0;
}

.cookiehub-category + .cookiehub-category
{
  margin-top: 50px;
}

.cookiehub-category table th, .cookiehub-category td
{
  padding: 4px 10px;
}

.cookiehub-category td:last-child
{
  text-align: left;
}

.cookiehub-category td span
{
  background: #ccc;
  padding: 4px 8px;
  font-size: 12px;
}

.cookiehub-category td[colspan] p
{
background: rgba(255, 127, 0, 1);
padding: 5px 10px;
color: #fff;
font-size: 0.75em;
}

.cookiehub-category > h3 + p
{
margin-top: 0;
}

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

.cookiehub-category {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}



/* ========================================================================
   Genesys Widget
 ========================================================================== */

.cx-widget {
	font-family: inherit !important;
}

.cx-common-container .cx-button-container {
	font-size: 16px !important;
}


.cx-widget.cx-theme-dgn {
  color: #000 !important;
  background-color: #fff !important;
  scrollbar-face-color: #ccc !important;
}

.cx-widget.cx-theme-dgn.ow-modal {
  top: 50% !important;
  transform: translateY(-50%) !important;
  border-radius: 25px !important;
}

.cx-widget.cx-theme-dgn.ow-modal:before {
  content: "" !important;
  display: block !important;
  position: fixed !important;
  top: -75% !important;
  bottom: 0 !important;
  left: -75% !important;
  right: 0 !important;
  width: 300% !important;
  height: 300% !important;
  background-color: rgba(0, 0, 0, 0.8) !important;
  z-index: -1 !important;
}

.cx-widget.cx-theme-dgn .cx-overlay {
  box-shadow: 0 2px 5px rgb(0 0 0 / 30%) !important;
}

.cx-widget.ow-modal.cx-desktop.cx-theme-dgn .cx-overlay {
  display: inline-block !important;
}

.cx-widget.cx-theme-dgn .cx-theme {
  background-color: #fdfdfd !important;
  color: #444a52 !important;
  border-color: #dae1e8 !important;
}

.cx-widget.cx-theme-dgn .cx-overlay {
  background-color: #fdfdfd !important;
  position: relative !important;
}

.cx-widget.cx-theme-dgn .cx-svg-icon-tone1 {
  fill: #ff7f00 !important;
}

.cx-widget.cx-theme-dgn .cx-svg-icon-tone2 {
  fill: #8c8c8c !important;
}

.cx-widget.cx-theme-dgn .cx-svg-icon-shadow1 {
  fill: #000 !important;
  opacity: 0.2 !important;
}

.cx-widget.cx-theme-dgn .cx-svg-icon-shadow2 {
  fill: #000 !important;
  opacity: 0.1 !important;
}

.cx-widget.cx-theme-dgn * {
  border-color: #dae1e8 !important;
}

.cx-widget.cx-theme-dgn .cx-titlebar .cx-title {
  position: relative !important;
  display: block !important;
  margin-bottom: 25px !important;
  color: #00143c !important;
  font-size: 30px !important;
  line-height: 40px !important;
  font-weight: 700 !important;
  text-align: center !important;
}


.cx-widget.cx-window-manager.cx-theme-dgn .cx-titlebar .cx-title {
  margin-bottom: 0 !important;
  font-size: 15px !important;
  line-height: 30px !important;
  font-weight: 700 !important;
  text-align: left !important;
  margin-left: 15px !important;
  display: inline-block !important;
}


.cx-widget.ow-modal.cx-theme-dgn .cx-titlebar .cx-title:before {
  content: "" !important;
  display: block !important;
  position: relative !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 200px !important;
  height: 69px !important;
  margin-bottom: 50px !important;
  background-image: url(/images/dgn/corporate/branding/wort-bildmarke/DGN_Wort-Bildmarke_rgb.svg) !important;
  background-repeat: no-repeat !important;
  background-size: 200px !important;
}

.cx-widget.ow-modal.cx-theme-dgn .cx-call-us .cx-titlebar .cx-icon {
  position: relative !important;
}

.cx-widget.ow-modal.cx-theme-dgn .cx-call-us .cx-titlebar .cx-icon svg {
  display: none !important;
}

.cx-widget.ow-modal.cx-theme-dgn .cx-call-us .cx-titlebar .cx-icon:before {
  content: '' !important;
  display: block !important;
  width: 24px !important;
  height: 24px !important;
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='phone-alt' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='svg-inline--fa fa-phone-alt fa-w-16 fa-2x'%3E%3Cpath fill='%23ff7f00' d='M497.39 361.8l-112-48a24 24 0 0 0-28 6.9l-49.6 60.6A370.66 370.66 0 0 1 130.6 204.11l60.6-49.6a23.94 23.94 0 0 0 6.9-28l-48-112A24.16 24.16 0 0 0 122.6.61l-104 24A24 24 0 0 0 0 48c0 256.5 207.9 464 464 464a24 24 0 0 0 23.4-18.6l24-104a24.29 24.29 0 0 0-14.01-27.6z' class=''%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 24px;
}

/*
.cx-widget.cx-window-manager.cx-theme-dgn .cx-titlebar .cx-title:before {
    content: "";
    display: block;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 35px;
    margin-bottom: 25px;
    background-size: 100px;
}
*/
.cx-widget.cx-theme-dgn .cx-titlebar .cx-subtitle {
  font: 300 16px/25px "HCo Gotham SSm", sans-serif !important;
  text-align: center !important;
}

.cx-widget.cx-theme-dgn .cx-buttons-window-control .cx-svg-icon-tone1 {
  fill: #8795a6 !important;
}

.cx-widget.cx-theme-dgn .cx-input-icon-overlay .cx-svg-icon-tone1 {
  fill: #98a7b8 !important;
}

.cx-widget.cx-theme-dgn .cx-input-group-btn .cx-svg-icon-tone1 {
  fill: #fdfdfd !important;
}

.cx-widget.cx-theme-dgn label {
  color: #000 !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 400 !important;
}

.cx-widget.cx-theme-dgn .cx-custom-message > p {
  color: rgba(255, 127, 0, 1);
  font-size: 12px;
  font-weight: 400;
}


.cx-widget.cx-theme-dgn .cx-custom-form-message {
    color: rgba(255, 127, 0, 1);
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    margin-top: 3px;
}
 
.cx-widget.cx-theme-dgn label[for="cx_form_callback_webseite"],
.cx-widget.cx-theme-dgn #cx_form_callback_webseite {
    display: none !important;
}

.cx-widget.cx-theme-dgn a {
  color: #000 !important;
}

.cx-widget.cx-theme-dgn a:hover {
  color: #000 !important;
}

.cx-widget.cx-theme-dgn .cx-icon-alert-circle {
  color: #ff7f00 !important;
}

.cx-widget.cx-theme-dgn .cx-branding,
.cx-widget.cx-theme-dgn .cx-footer {
  color: #fdfdfd !important;
}

.cx-widget.cx-theme-dgn .cx-branding *,
.cx-widget.cx-theme-dgn .cx-footer * {
  fill: #fdfdfd !important;
}

.cx-widget.cx-theme-dgn .cx-form-control.cx-error {
  border-color: #ff7f00 !important;
}

.cx-widget.cx-theme-dgn .cx-form-control::placeholder {
  color: #6f7491 !important;
  font-style: italic !important;
}

.cx-widget.cx-theme-dgn .cx-form-control:-moz-placeholder {
  color: #6f7491 !important;
  font-style: italic !important;
}

.cx-widget.cx-theme-dgn .cx-form-control::-moz-placeholder {
  color: #6f7491 !important;
  font-style: italic !important;
}

.cx-widget.cx-theme-dgn .cx-form-control:-ms-input-placeholder {
  color: #6f7491 !important;
  font-style: italic !important;
}

.cx-widget.cx-theme-dgn .cx-form-control::-webkit-input-placeholder {
  color: #6f7491 !important;
  font-style: italic !important;
}

.cx-widget .cx-form-control {
  height: auto !important;
  padding: 5px 10px !important;
  background: none repeat scroll 0 0 rgba(255, 255, 255, 1) !important;
  color: #000 !important;
  font-size: .85em !important;
  line-height: 1.4em !important;
  font-weight: 400 !important;
  border: solid 1px rgba(0, 20, 60, 1) !important;
}

.cx-widget.cx-theme-dgn button:not(.cx-btn-default):not(.cx-btn-primary):focus,
.cx-widget.cx-theme-dgn .cx-btn:not(.cx-btn-default):not(.cx-btn-primary):focus {
  border: none !important;
}

.cx-widget.cx-theme-dgn .cx-form-control:not(.cx-error):focus,
.cx-widget.cx-theme-dgn input:focus,
.cx-widget.cx-theme-dgn textarea:focus {
  border-color: rgba(255, 127, 0, 1) !important;
}

.cx-widget.cx-theme-dgn .cx-buttons-default .cx-btn-default {
  float: none !important;
}

.cx-widget.cx-theme-dgn .cx-btn {
  background: none !important;
  border: 2px solid rgba(255, 127, 0, 1) !important;
  box-shadow: none !important;
  color: rgba(255, 127, 0, 1) !important;
  cursor: pointer !important;
  display: inline-block !important;
  font-size: 1em !important;
  line-height: 1 !important;
  margin-bottom: 0 !important;
  min-height: inherit !important;
  text-align: center !important;
  text-shadow: none !important;
  vertical-align: middle !important;
  border-radius: 50px !important;
  padding: 10px 20px !important;
  text-transform: none !important;
  font-family: 'HCo Gotham SSm', sans-serif !important;
  font-weight: inherit !important;
  letter-spacing: 0.02em !important;
  transition: all 0.2s linear !important;
}

.cx-widget.cx-theme-dgn .cx-btn-default {
  border-color: rgba(0, 20, 60, 1) !important;
  color: rgba(0, 20, 60, 1) !important;
}

.cx-widget.cx-theme-dgn .cx-btn-default:hover {
  color: #fff !important;
  background-color: rgba(0, 20, 60, 1) !important;
}

.cx-widget.cx-theme-dgn .cx-btn.cx-disabled {
  background: #ccc !important;
}

.cx-widget.cx-theme-dgn .cx-btn-primary {
  color: #fdfdfd !important;
  border-color: #ff7f00 !important;
  background: #ff7f00 !important;
  background: -moz-linear-gradient(top, #ff7f00 0, #ff7f00 100%) !important;
  background: -webkit-linear-gradient(top, #ff7f00 0, #ff7f00 100%) !important;
  background: linear-gradient(to bottom, #ff7f00 0, #ff7f00 100%) !important;
  background-color: #ff7f00 !important;
}

.cx-widget.cx-theme-dgn .cx-btn-default:focus,
.cx-widget.cx-theme-dgn .cx-button-group .cx-btn-default:focus {
  border-color: rgba(0, 20, 60, 1) !important;
}

.cx-widget.cx-theme-dgn .cx-btn-primary:focus,
.cx-widget.cx-theme-dgn .cx-button-group .cx-btn-primary:focus {
  border-color: #ff7f00 !important;
}

.cx-widget.cx-theme-dgn .cx-ac-dropdown-menu {
  background: #fdfdfd !important;
  border-color: #dae1e8 !important;
}

.cx-widget.cx-theme-dgn .cx-ac-suggestion.cx-active,
.cx-widget.cx-theme-dgn .cx-ac-suggestion:hover {
  background-color: #5791fd !important;
  color: #fdfdfd !important;
}

.cx-widget.cx-theme-dgn ::-webkit-scrollbar-thumb {
  background: #939399 !important;
}

.cx-widget.cx-theme-dgn .cx-smokescreen {
  background-color: #fdfdfd !important;
  opacity: 0.7 !important;
}

.cx-widget.cx-theme-dgn .cx-dialog-container .cx-dialog {
  background-color: #fdfdfd !important;
  border-color: #dae1e8 !important;
}

.cx-widget.cx-theme-dgn .cx-theme-background {
  background-color: #fdfdfd !important;
}

.cx-widget.cx-theme-dgn .cx-theme-border {
  border: 1px solid #dae1e8 !important;
}

.cx-widget.cx-theme-dgn .cx-theme-text {
  color: #444a52 !important;
}

.cx-widget.cx-theme-dgn .cx-theme-icon-interactive1 svg .cx-svg-icon-tone1 {
  fill: #ff7f00 !important;
}

.cx-widget.cx-theme-dgn .cx-theme-icon-positive svg .cx-svg-icon-tone1 {
  fill: #34a84f !important;
}

.cx-widget.cx-theme-dgn .cx-theme-icon-negative svg .cx-svg-icon-tone1 {
  fill: #ff7f00 !important;
}

.cx-widget.cx-theme-dgn .cx-theme-icon-warning svg .cx-svg-icon-tone1 {
  fill: #ff7f00 !important;
}

.cx-widget.cx-theme-dgn .cx-warning {
  color: #ff7f00 !important;
}

.cx-widget.cx-theme-dgn .cx-warning .cx-icon svg * {
  fill: #ff7f00 !important;
}

.cx-widget.cx-theme-dgn .cx-countdown {
  color: #444a52 !important;
}

.cx-widget.cx-theme-dgn .cx-countdown .cx-icon svg * {
  fill: #444a52 !important;
}

.cx-widget.cx-theme-dgn .cx-loading-container .cx-loading-icon svg g g,
.cx-widget.cx-theme-dgn .cx-loading-screen .cx-loading-icon svg g g {
  stroke: #2b74ff !important;
}

.cx-widget.cx-theme-dgn .cx-loading-container .cx-loading-icon svg g:first-child g,
.cx-widget.cx-theme-dgn .cx-loading-screen .cx-loading-icon svg g:first-child g {
  stroke: #72799d !important;
}

.cx-widget.cx-theme-dgn .cx-branding {
  display: none !important;
}

.cx-widget.cx-theme-dgn .cx-footer .cx-powered-by {
  display: none !important;
}

.cx-widget.cx-theme-dgn .cx-widget {
  font-family: "HCo Gotham SSm", sans-serif;
}

.cx-widget.cx-theme-dgn .cx-body {
  border-top: none !important;
  border-bottom: none !important;
  width: 100% !important;
}


.cx-widget.cx-theme-dgn .cx-common-container .cx-buttons-window-control {
  top: 20px !important;
  right: 20px !important;
  z-index: 1 !important;
  font-size: 16px !important;
}


.cx-common-container .cx-buttons-window-control button {
	padding: 0 !important;
}

.cx-widget.cx-theme-dgn .cx-common-container .cx-buttons-window-control button.cx-button-close {
  display: block !important;
  width: 16px !important;
  height: 16px !important;
  margin: 3px 3px 0 0 !important;
  transition: all 0.15s ease !important;
}

.cx-widget.cx-theme-dgn .cx-common-container .cx-buttons-window-control button.cx-button-close:hover {
  margin: 0 !important;
  width: 22px !important;
  height: 22px !important;
}

.cx-widget.cx-theme-dgn .cx-dock .cx-common-container .cx-buttons-window-control button.cx-button-close:hover {
  width: 16px !important;
  height: 16px !important;
  margin: 3px 3px 0 0 !important;
}


.cx-widget.cx-theme-dgn .cx-common-container .cx-buttons-window-control button.cx-button-close svg {
  display: block !important;
}

.cx-widget.cx-theme-dgn .cx-common-container .cx-buttons-window-control button.cx-button-close svg path {
  fill: #ff7f00 !important;
}

.cx-widget.cx-theme-dgn .cx-common-container .cx-button-container {
  margin-bottom: 0 !important;
}

.cx-widget.cx-theme-dgn .cx-common-container .cx-footer {
  padding: 0 !important;
}

.cx-channel-selector .cx-channels li {
  float: none !important;
  width: 100% !important;
  height: auto !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  margin-bottom: 0 !important;
  margin-top: 25px !important;
  border-radius: 25px !important;
  border-color: transparent !important;
  box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.2) !important;
  transition: box-shadow 0.25s ease, background 0.25s ease !important;
}

.cx-channel-selector .cx-channels li:first-child {
  margin-left: 0 !important;
}

.cx-channel-selector .cx-channels li:last-child {
  margin-right: 0 !important;
}


.cx-widget.cx-theme-dgn .cx-channels {
  width: 100% !important;
  overflow: visible !important;
  display: block !important;
}

@media screen and (min-width: 768px) {
  .cx-widget.cx-theme-dgn .cx-channels {
    display: flex !important;
  }

 .cx-channel-selector .cx-channels li {
    width: 33.333% !important;
    margin: 0 25px !important;
  }

}

.cx-widget.cx-theme-dgn .cx-channels .cx-channel .cx-channel-details .cx-name {
  color: #ff7f00 !important;
  font-size: 1em !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
}

.cx-widget.cx-theme-dgn .cx-wrapper {
  max-width: 100% !important;
  overflow: visible !important;
}


.cx-widget.cx-theme-dgn .cx-call-us .cx-wrapper {
  position: relative !important;
  width: 50% !important;
  left: 50% !important;
  transform: translateX(-50%);
  padding: 25px !important;
  overflow: hidden !important;
  transition: box-shadow 0.25s ease,
    background 0.25s ease !important;
  background: rgba(255, 255, 255, 1) !important;
  box-shadow: 2px 2px 5px 0 rgb(0 0 0 / 20%) !important;
  border-radius: 25px !important;
}

.cx-widget.cx-theme-dgn .cx-call-us .cx-wrapper:hover {
  box-shadow: 2px 10px 20px 0 rgb(0 0 0 / 20%) !important;
}

.cx-widget.cx-theme-dgn .cx-call-us .cx-content .cx-main-phone {
  overflow: visible !important;
}

.cx-widget.cx-theme-dgn .cx-call-us .cx-content .cx-main-phone .cx-phone-title,
.cx-widget.cx-theme-dgn .cx-call-us .cx-content .cx-main-phone .cx-phone-number {
  float: none !important;
  width: 100% !important;
  height: auto !important;
  text-align: left !important;
}

.cx-widget.cx-theme-dgn .cx-call-us .cx-content .cx-main-phone .cx-phone-title {
  display: none !important;
}

.cx-widget.cx-theme-dgn .cx-call-us .cx-content .cx-main-phone .cx-phone-number,
.cx-widget.cx-theme-dgn .cx-call-us .cx-content .cx-main-phone .cx-phone-number span {
  display: block !important;
  font-size: 1rem !important;
}

.cx-widget.cx-theme-dgn .cx-call-us .cx-content .cx-main-phone .cx-phone-number a:before {
  content: "" !important;
  display: block !important;
  position: relative !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 200px !important;
  height: 140px !important;
  background-image: url(/images/dgn/corporate/icons/dgn-icon-kontakt-telefon.svg) !important;
  background-repeat: no-repeat !important;
  background-position: center top -40px !important;
  background-size: 200px !important;
}

.cx-widget.cx-theme-dgn .cx-call-us .cx-content .cx-main-phone .cx-phone-number a {
  position: relative !important;
  display: block !important;
  color: rgba(255, 127, 0, 1) !important;
  font-size: 20px !important;
  line-height: 30px !important;
  font-weight: 700 !important;
  text-align: center !important;
  text-decoration: none !important;
}

.cx-widget.cx-theme-dgn .cx-call-us .cx-content .cx-main-phone .cx-phone-number a:before {
  content: "" !important;
  display: block !important;
  position: relative !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 200px !important;
  height: 180px !important;
  background-image: url(/images/dgn/corporate/icons/dgn-icon-kontakt-telefon.svg) !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: 200px !important;
}

.cx-widget.cx-theme-dgn .cx-call-us .cx-content .cx-main-phone .cx-phone-number a:hover {}

.cx-widget.cx-theme-dgn .cx-call-us .cx-content .cx-availability {
  float: none !important;
  max-width: none !important;
  margin-top: 25px !important;
  color: rgba(0, 0, 0, 1) !important;
  font-size: 0.9em !important;
  line-height: 1.5em !important;
  font-weight: 300 !important;
  text-align: center !important;
}


.cx-widget.cx-theme-dgn .cx-common-container.cx-overlay.cx-desktop .cx-button-group {
  text-align: center;
}

.cx-widget.cx-theme-dgn .cx-channels li:hover {
  box-shadow: 2px 10px 20px 0 rgba(0, 0, 0, 0.2) !important;
  background: #fff !important;
}

@media screen and (min-width: 1220px) {
  .cx-widget.cx-theme-dgn .cx-overlay:not(.cx-static) {
    width: 1124px !important;
  }
}

.cx-sidebar.cx-theme-dgn {
  top: calc(50% - 130px) !important;
  min-width: 50px !important;
  width: 50px !important;
  height: 50px !important;
  color: #fff !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  overflow: visible !important;
  z-index: 970;
}

.cx-sidebar.cx-theme-dgn.position-right {
  right: 10px !important;
}

.cx-sidebar.cx-theme-dgn .cx-footer {
  display: none !important;
}

.cx-sidebar.cx-theme-dgn .cx-sidebar-button {
  width: 50px !important;
  height: 50px !important;
  line-height: 50px !important;
  font-size: 25px !important;
  text-align: center !important;
  background-color: #00143c !important;
  border: none !important;
  border-radius: 50%;
  box-shadow: 0 0 3px 0 rgb(0 0 0 / 50%) !important;
 transition: all 0.25s ease;
  transition-timing-function: ease;
}

.cx-sidebar.cx-theme-dgn .cx-sidebar-button:hover,
.cx-sidebar.cx-theme-dgn .cx-sidebar-button:focus,
.cx-sidebar.cx-theme-dgn .cx-sidebar-button:active {
  background-color: rgba(255, 127, 0, 1) !important;
  outline: none;
  transform: none;
}

.cx-sidebar.cx-theme-dgn .cx-sidebar-button .cx-icon {
  position: relative;
  display: block !important;
}

.cx-sidebar.cx-theme-dgn .cx-sidebar-button .cx-icon::before {
  content: '' !important;
  display: block !important;
  width: 24px !important;
  height: 24px !important;
  background-image: url("data:image/svg+xml,%3Csvg 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='24px' height='24px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24%3B' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st0%7Bfill:%23FFFFFF%3B%7D%3C/style%3E%3Cpath class='st0' d='M20.5 5.2h-1.1C18.9 2.3 15.9 0 12.2 0S5.6 2.3 5.1 5.2H4c-0.6 0-1 0.6-1 1.3v4.9c0 0.7 0.4 1.3 1 1.3h1.1c0.6 0 1-0.6 1-1.3V6.5c0-0.1 0-0.2 0-0.3V6c0-2.7 2.8-5 6.1-5c3.4 0 6.1 2.2 6.1 4.9v0.3c0 0.1 0 0.2 0 0.3v4.9c0 0.7 0.4 1.3 1 1.3h1.1c0.6 0 1-0.6 1-1.3V6.5C21.4 5.8 21 5.2 20.5 5.2z M5 11.7H4.1c0-0.1 0-0.1 0-0.3V6.5c0-0.1 0-0.2 0-0.3H5c0 0 0 0 0 0.1v0.4l0 0v4.7C5.1 11.6 5 11.6 5 11.7z M20.4 11.4c0 0.1 0 0.2 0 0.3h-0.9c0-0.1 0-0.1 0-0.3V6.7l0 0V6.3V6.2h0.9c0 0.1 0 0.1 0 0.3V11.4z M23.3 23.6L23.2 24H1.1L1 23.6c0-0.1-0.5-3.4 1.6-4.9c0.8-0.6 1.9-0.8 2.8-1c1.4-0.3 2.7-0.6 3.6-1.9l0 0c0.1-0.2 0.1-0.8-0.8-1.9c-2-2.5-1.6-6.3-1.4-7.4C7.3 4 9.6 2.2 12.2 2.2S17 4 17.4 6.4c0.2 1.1 0.6 5-1.4 7.4c-0.9 1.1-0.9 1.7-0.8 1.9l0 0l0 0c1 1.3 2.2 1.5 3.6 1.9c1 0.2 2 0.4 2.8 1l0 0c0.2 0.1 0.3 0.3 0.5 0.4C23.7 20.7 23.3 23.4 23.3 23.6z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 24px;
}

.cx-sidebar.cx-theme-dgn .cx-sidebar-button .cx-icon svg {
  display: none !important;
}

.cx-sidebar.cx-theme-dgn .cx-sidebar-button .cx-icon svg path {
  fill: #fff !important;
}

.cx-sidebar.cx-theme-dgn .cx-sidebar-button .name {
  display: none !important;
  position: absolute !important;
  top: 11px !important;
  right: 56px !important;
  padding: 5px 8px !important;
  color: #fff !important;
  font-size: 14px !important;
  line-height: 18px !important;
  font-weight: 500 !important;
  background-color: #ff7f00 !important;
}

.cx-sidebar.cx-theme-dgn .cx-sidebar-button .name:after {
  right: -5px !important;
  top: 50% !important;
  margin-top: -5px !important;
  border: 5px dashed #ff7f00 !important;
  border-left-style: solid !important;
  border-right: none !important;
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
  border-left-color: #ff7f00 !important;

  content: "" !important;
  display: block !important;
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  /* 1 */

}

.cx-channel-selector .cx-channels .cx-channel .cx-availability .cx-message {
  padding-bottom: 0 !important;
}

.cx-sidebar.cx-theme-dgn .cx-sidebar-button:hover .name {
  display: block !important;
}

.cx-channel-selector .cx-channels .cx-channel {
  padding: 0 !important;
}


.cx-channel-selector .cx-channels .cx-channel:hover {
 background: none !important;
}


.cx-channel-selector .cx-channels .cx-channel>.cx-icon {
  padding: 0 !important;
  margin: 0 auto !important;
  height: inherit !important;
  width: 200px !important;
}

.cx-channel-selector .cx-channels .cx-channel>.cx-icon>img {
  margin: -10px 0 !important;
}

.cx-channel-selector .cx-channels .cx-channel .cx-availability {
  padding: 0 !important;
}

.cx-channel-selector .cx-channels .cx-channel .cx-channel-details {
  padding: 0 25px 25px 25px !important;
}

.cx-common-container.cx-control-cx-channel-selector .cx-body {
  overflow: inherit !important;
}

.cx-callback .cx-content,
.cx-webchat .cx-form {
  padding: 25px !important;
}


@media screen and (min-width: 480px) {
.cx-widget.cx-theme-dgn .cx-callback,
.cx-widget.cx-theme-dgn .cx-webchat,
.cx-widget.cx-theme-dgn .cx-callback .cx-titlebar,
.cx-widget.cx-theme-dgn .cx-webchat .cx-titlebar {
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
}
}


.cx-widget.cx-theme-dgn .cx-callback .cx-form .cx-button-group,
.cx-widget.cx-theme-dgn .cx-webchat .cx-form .cx-button-group {
  margin-top: 25px !important;
}

.cx-widget.cx-theme-dgn .cx-callback .cx-button-group,
.cx-widget.cx-theme-dgn .cx-webchat .cx-button-group {
  top: 18px !important;
}

.cx-widget.cx-theme-dgn .cx-callback .cx-button-group .cx-icon,
.cx-widget.cx-theme-dgn .cx-webchat .cx-button-group .cx-icon {
  float: left !important;
  display: block !important;
}

.cx-widget.cx-theme-dgn .cx-callback .cx-button-group .cx-icon svg,
.cx-widget.cx-theme-dgn .cx-webchat .cx-button-group .cx-icon svg {
  display: block !important;
}

.cx-common-container.cx-minimized .cx-buttons-window-control .cx-button-maximize svg {
	border: none !important;
}

.cx-widget.cx-theme-dgn .cx-callback .cx-button-group .cx-icon.cx-button-minimize,
.cx-widget.cx-theme-dgn .cx-webchat .cx-button-group .cx-icon.cx-button-minimize,
.cx-widget.cx-theme-dgn .cx-callback .cx-button-group .cx-icon.cx-button-maximize,
.cx-widget.cx-theme-dgn .cx-webchat .cx-button-group .cx-icon.cx-button-maximize {
  width: 16px !important;
  height: 23px !important;
  margin-left: 0 !important;
  margin-right: 12px !important;
}

.cx-widget.cx-theme-dgn .cx-callback .cx-button-group .cx-icon.cx-button-minimize .cx-svg-icon-tone1,
.cx-widget.cx-theme-dgn .cx-webchat .cx-button-group .cx-icon.cx-button-minimize .cx-svg-icon-tone1,
.cx-widget.cx-theme-dgn .cx-callback .cx-button-group .cx-icon.cx-button-maximize .cx-svg-icon-tone1,
.cx-widget.cx-theme-dgn .cx-webchat .cx-button-group .cx-icon.cx-button-maximize .cx-svg-icon-tone1 {
  fill: #ff7f00 !important;
}

.cx-widget.cx-theme-dgn .cx-callback.cx-minimized .cx-button-group .cx-icon.cx-button-minimize,
.cx-widget.cx-theme-dgn .cx-webchat.cx-minimized .cx-button-group .cx-icon.cx-button-minimize,
.cx-widget.cx-theme-dgn .cx-callback.cx-minimized .cx-button-group .cx-icon.cx-button-maximize,
.cx-widget.cx-theme-dgn .cx-webchat.cx-minimized .cx-button-group .cx-icon.cx-button-maximize  {
  margin-top: 4px !important;
}

.cx-widget.cx-theme-dgn .cx-callback.cx-minimized .cx-button-group .cx-icon.cx-button-minimize::before,
.cx-widget.cx-theme-dgn .cx-webchat.cx-minimized .cx-button-group .cx-icon.cx-button-minimize::before,
.cx-widget.cx-theme-dgn .cx-callback.cx-minimized .cx-button-group .cx-icon.cx-button-maximize::before,
.cx-widget.cx-theme-dgn .cx-webchat.cx-minimized .cx-button-group .cx-icon.cx-button-maximize::before {
  content: '' !important;
  display: block !important;
  width: 16px !important;
  height: 16px !important;
  background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg' version='1.1' xml:space='preserve'%3E%3Cg%3E%3Ctitle%3ELayer 1%3C/title%3E%3Cpath fill='%23ff7f00' opacity='undefined' d='m0,82l100,0l0,18l-100,0l0,-18z' id='svg_1'/%3E%3Cpath opacity='undefined' d='m0,-0.05883l100,0l0,18l-100,0l0,-18z' id='svg_2' fill='%23ff7f00'/%3E%3Cpath opacity='undefined' d='m-41.17647,41.29412l100,0l0,18l-100,0l0,-18z' id='svg_3' fill='%23ff7f00' transform='rotate(90 8.82353 50.2941)'/%3E%3Cpath opacity='undefined' d='m41,41.29412l100,0l0,18l-100,0l0,-18z' id='svg_4' fill='%23ff7f00' transform='rotate(90 91 50.2941)'/%3E%3C/g%3E%3C/svg%3E") !important;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 16px;
}

.cx-widget.cx-theme-dgn .cx-callback.cx-minimized .cx-button-group .cx-icon.cx-button-minimize .cx-svg-icon-tone1,
.cx-widget.cx-theme-dgn .cx-webchat.cx-minimized .cx-button-group .cx-icon.cx-button-minimize .cx-svg-icon-tone1,
.cx-widget.cx-theme-dgn .cx-callback.cx-minimized .cx-button-group .cx-icon.cx-button-maximize .cx-svg-icon-tone1,
.cx-widget.cx-theme-dgn .cx-webchat.cx-minimized .cx-button-group .cx-icon.cx-button-maximize .cx-svg-icon-tone1  {
  fill: #fff !important;
}

.cx-widget.cx-theme-dgn .cx-callback .cx-button-group .cx-btn,
.cx-widget.cx-theme-dgn .cx-webchat .cx-button-group .cx-btn {
  padding: 10px !important;
  font-size: 0.85em !important;
}

.cx-callback {
  font-size: inherit !important;
}

.cx-widget.cx-theme-dgn .cx-callback .cx-titlebar,
.cx-widget.cx-theme-dgn .cx-webchat .cx-titlebar {
  border-color: #00143c !important;
}

.cx-widget.cx-theme-dgn .cx-callback .cx-titlebar .cx-title,
.cx-widget.cx-theme-dgn .cx-webchat .cx-titlebar .cx-title {
  padding-top: 9px !important;
  line-height: 1 !important;
}

.cx-widget.cx-theme-dgn .cx-callback .cx-titlebar .cx-icon,
.cx-widget.cx-theme-dgn .cx-webchat .cx-titlebar .cx-icon {
  position: relative !important;
}

.cx-widget.cx-theme-dgn .cx-callback .cx-titlebar .cx-icon svg,
.cx-widget.cx-theme-dgn .cx-webchat .cx-titlebar .cx-icon svg {
  display: none !important;
}

.cx-widget.cx-theme-dgn .cx-callback .cx-titlebar .cx-icon::before,
.cx-widget.cx-theme-dgn .cx-webchat .cx-titlebar .cx-icon::before {
  content: '' !important;
  display: block !important;
  width: 24px !important;
  height: 24px !important;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 24px;
}



.cx-widget.cx-theme-dgn .cx-callback .cx-titlebar .cx-icon::before {
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='phone-volume' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512' class='svg-inline--fa fa-phone-volume fa-w-12 fa-2x'%3E%3Cpath fill='%23ff7f00' d='M97.333 506.966c-129.874-129.874-129.681-340.252 0-469.933 5.698-5.698 14.527-6.632 21.263-2.422l64.817 40.513a17.187 17.187 0 0 1 6.849 20.958l-32.408 81.021a17.188 17.188 0 0 1-17.669 10.719l-55.81-5.58c-21.051 58.261-20.612 122.471 0 179.515l55.811-5.581a17.188 17.188 0 0 1 17.669 10.719l32.408 81.022a17.188 17.188 0 0 1-6.849 20.958l-64.817 40.513a17.19 17.19 0 0 1-21.264-2.422zM247.126 95.473c11.832 20.047 11.832 45.008 0 65.055-3.95 6.693-13.108 7.959-18.718 2.581l-5.975-5.726c-3.911-3.748-4.793-9.622-2.261-14.41a32.063 32.063 0 0 0 0-29.945c-2.533-4.788-1.65-10.662 2.261-14.41l5.975-5.726c5.61-5.378 14.768-4.112 18.718 2.581zm91.787-91.187c60.14 71.604 60.092 175.882 0 247.428-4.474 5.327-12.53 5.746-17.552.933l-5.798-5.557c-4.56-4.371-4.977-11.529-.93-16.379 49.687-59.538 49.646-145.933 0-205.422-4.047-4.85-3.631-12.008.93-16.379l5.798-5.557c5.022-4.813 13.078-4.394 17.552.933zm-45.972 44.941c36.05 46.322 36.108 111.149 0 157.546-4.39 5.641-12.697 6.251-17.856 1.304l-5.818-5.579c-4.4-4.219-4.998-11.095-1.285-15.931 26.536-34.564 26.534-82.572 0-117.134-3.713-4.836-3.115-11.711 1.285-15.931l5.818-5.579c5.159-4.947 13.466-4.337 17.856 1.304z' class=''%3E%3C/path%3E%3C/svg%3E") !important;
  height: 30px !important;
  background-size: 22px;
}


/* Callback Custom Widget
.cx-widget.cx-theme-dgn .cx-callback .cx-titlebar .cx-icon::before {
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='phone-volume' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 224' class='svg-inline--fa fa-phone-volume fa-w-12 fa-2x'%3E%3Cpath fill='%23ff7f00' d='M34.2,83c0.5,0.3,0.9,0.4,1.4,0.4c0.9,0,1.8-0.5,2.4-1.4c0.7-1.3,0.3-3-1-3.7c-6.9-3.9-11.1-11.2-11.1-19 c0-7.9,4.3-15.2,11.2-19.1c1.3-0.7,1.7-2.5,1-3.7c-0.7-1.3-2.5-1.7-3.7-1c-8.5,4.9-13.8,14.1-13.9,23.9C20.4,69,25.7,78.2,34.2,83z M24.4,92C12.8,85,5.6,72.1,5.6,58.3c0-13.9,7.3-26.8,18.9-33.7c1.3-0.7,1.7-2.5,0.9-3.7c-0.7-1.3-2.5-1.7-3.7-0.9 C8.3,27.9,0.1,42.6,0,58.3c0,15.8,8.2,30.4,21.5,38.4c0.5,0.3,0.9,0.4,1.4,0.4c0.9,0,1.8-0.5,2.4-1.4C26.1,94.3,25.7,92.7,24.4,92z M163.2,40.1c6.9,3.9,11.1,11.2,11.2,19.1c0,7.9-4.2,15.2-11.1,19c-1.3,0.7-1.7,2.5-1,3.7c0.5,0.9,1.5,1.4,2.4,1.4 c0.5,0,0.9-0.1,1.4-0.4c8.5-4.9,13.8-14,13.8-23.9c0-9.8-5.3-18.9-13.9-23.9c-1.3-0.7-3-0.3-3.7,1C161.4,37.7,161.9,39.3,163.2,40.1 z M178.4,19.8c-1.3-0.7-3-0.4-3.7,0.9c-0.7,1.3-0.4,3,0.9,3.7c11.7,6.9,18.9,19.9,18.9,33.7s-7.2,26.7-18.8,33.6 c-1.3,0.7-1.7,2.5-0.9,3.7c0.5,0.8,1.5,1.4,2.4,1.4c0.5,0,0.9-0.1,1.4-0.4c13.3-7.9,21.6-22.6,21.5-38.4 C200.1,42.5,191.8,27.8,178.4,19.8z M67.8,69.9L67.8,69.9c-1.6,0-2.7,1.2-2.7,2.7v10.1c0,2.5,1,4.8,2.8,6.5c1.8,1.6,4.2,2.7,6.7,2.7 l0,0h51.5c5.3,0,9.6-4.1,9.6-9.1V22.5c0-2.5-1-4.8-2.8-6.5c-1.8-1.6-4.2-2.7-6.7-2.7l0,0H74.7c-5.3,0-9.6,4.1-9.6,9.1v41.9 c0,1.6,1.2,2.7,2.7,2.7l0,0c1.6,0,2.7-1.2,2.7-2.7V22.5c0-2,1.8-3.7,4.1-3.7h51.5l0,0c1.1,0,2.2,0.4,2.9,1.1 c0.7,0.6,1.1,1.6,1.1,2.6v60.3c0,2-1.8,3.7-4.1,3.7H74.6l0,0c-1.1,0-2.2-0.4-2.9-1.1c-0.7-0.6-1.1-1.6-1.1-2.6V72.7 C70.6,71.1,69.4,69.9,67.8,69.9z M68.2,120.1c1.9,1.9,4.6,3,7.3,3l0,0h42c1.6,0,2.7-1.2,2.7-2.7c0-1.6-1.2-2.7-2.7-2.7l0,0h-42l0,0 c-1.3,0-2.6-0.5-3.5-1.5c-0.9-0.9-1.5-2.2-1.5-3.5c0-2.7,2.2-4.9,4.9-4.9h49.8l0,0c1.3,0,2.6,0.5,3.5,1.5s1.5,2.2,1.5,3.5 c0,2.7-2.2,4.9-4.9,4.9c-1.6,0-2.7,1.2-2.7,2.7c0,1.6,1.2,2.7,2.7,2.7l0,0c5.8,0,10.4-4.7,10.4-10.4c0-2.7-1.1-5.4-3-7.3 c-1.9-1.9-4.6-3-7.3-3l0,0H75.6c-5.8,0-10.4,4.7-10.4,10.4C65.1,115.5,66.2,118.1,68.2,120.1z M67.8,145.4L67.8,145.4h14.7 c1.6,0,2.7-1.2,2.7-2.7s-1.2-2.7-2.7-2.7l0,0H67.8c-1.6,0-2.7,1.2-2.7,2.7S66.4,145.4,67.8,145.4z M107.8,139.9L107.8,139.9H93.1 c-1.6,0-2.7,1.2-2.7,2.7s1.2,2.7,2.7,2.7l0,0h14.7c1.6,0,2.7-1.2,2.7-2.7S109.2,139.9,107.8,139.9z M132.9,139.9L132.9,139.9h-14.7 c-1.6,0-2.7,1.2-2.7,2.7s1.2,2.7,2.7,2.7l0,0h14.7c1.6,0,2.7-1.2,2.7-2.7S134.5,139.9,132.9,139.9z M67.8,159.7L67.8,159.7h14.7 c1.6,0,2.7-1.2,2.7-2.7s-1.2-2.7-2.7-2.7l0,0H67.8c-1.6,0-2.7,1.2-2.7,2.7C65.1,158.5,66.4,159.7,67.8,159.7z M107.8,154.2 L107.8,154.2H93.1c-1.6,0-2.7,1.2-2.7,2.7s1.2,2.7,2.7,2.7l0,0h14.7c1.6,0,2.7-1.2,2.7-2.7S109.2,154.2,107.8,154.2z M132.9,154.2 L132.9,154.2h-14.7c-1.6,0-2.7,1.2-2.7,2.7s1.2,2.7,2.7,2.7l0,0h14.7c1.6,0,2.7-1.2,2.7-2.7S134.5,154.2,132.9,154.2z M67.8,173.9 L67.8,173.9h14.7c1.6,0,2.7-1.2,2.7-2.7s-1.2-2.7-2.7-2.7l0,0H67.8c-1.6,0-2.7,1.2-2.7,2.7C65.1,172.7,66.3,173.9,67.8,173.9z M107.8,168.5L107.8,168.5H93.1c-1.6,0-2.7,1.2-2.7,2.7s1.2,2.7,2.7,2.7l0,0h14.7c1.6,0,2.7-1.2,2.7-2.7S109.2,168.5,107.8,168.5z M132.9,168.5L132.9,168.5h-14.7c-1.6,0-2.7,1.2-2.7,2.7s1.2,2.7,2.7,2.7l0,0h14.7c1.6,0,2.7-1.2,2.7-2.7S134.5,168.5,132.9,168.5z M76.5,196.9h47.1c13,0,23.6-10.6,23.6-23.6V23.6c0-13-10.6-23.6-23.6-23.6H76.5c-13,0-23.6,10.6-23.6,23.6v105.1 c0,1.6,1.2,2.7,2.7,2.7c1.6,0,2.7-1.2,2.7-2.7V23.6c0-10,8.1-18.1,18.1-18.1h47.1c10,0,18.1,8.1,18.1,18.1v149.6 c0,10-8.1,18.1-18.1,18.1H76.5c-10,0-18.1-8.1-18.1-18.1v-31.8c0-1.6-1.2-2.7-2.7-2.7c-1.6,0-2.7,1.2-2.7,2.7v31.8 C52.9,186.3,63.5,196.9,76.5,196.9z M162,174.9h-10.1c-1.6,0-2.7,1.2-2.7,2.7s1.2,2.7,2.7,2.7H162c4,0,7.2,3.2,7.2,7.2v22.9 c0,4-3.2,7.2-7.2,7.2H38.2c-4,0-7.2-3.2-7.2-7.2v-22.9c0-4,3.2-7.2,7.2-7.2h7.4c0.6,14.3,12.4,25.7,26.9,25.7h55.2 c9.3,0,17.9-4.8,22.9-12.7c0.8-1.3,0.4-3-0.9-3.7c-1.3-0.8-3-0.4-3.7,0.9c-3.9,6.3-10.7,10.1-18.2,10.1H72.5 c-11.8,0-21.4-9.6-21.4-21.4v-1.7c0-1.6-1.2-2.7-2.7-2.7H38.2c-7,0-12.7,5.7-12.7,12.7v22.9c0,7,5.7,12.7,12.7,12.7H162 c7,0,12.7-5.7,12.7-12.7v-22.9C174.7,180.6,169,174.9,162,174.9z' class=''%3E%3C/path%3E%3C/svg%3E") !important;
  height: 30px !important;
  background-size: auto;
}

 */


.cx-widget.cx-theme-dgn .cx-webchat .cx-titlebar .cx-icon::before {
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='comment-lines' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='svg-inline--fa fa-comment-lines fa-w-16 fa-2x'%3E%3Cpath fill='%23ff7f00' d='M368 168H144c-8.8 0-16 7.2-16 16v16c0 8.8 7.2 16 16 16h224c8.8 0 16-7.2 16-16v-16c0-8.8-7.2-16-16-16zm-96 96H144c-8.8 0-16 7.2-16 16v16c0 8.8 7.2 16 16 16h128c8.8 0 16-7.2 16-16v-16c0-8.8-7.2-16-16-16zM256 32C114.6 32 0 125.1 0 240c0 47.6 19.9 91.2 52.9 126.3C38 405.7 7 439.1 6.5 439.5c-6.6 7-8.4 17.2-4.6 26S14.4 480 24 480c61.5 0 110-25.7 139.1-46.3C192 442.8 223.2 448 256 448c141.4 0 256-93.1 256-208S397.4 32 256 32zm0 368c-26.7 0-53.1-4.1-78.4-12.1l-22.7-7.2-19.5 13.8c-14.3 10.1-33.9 21.4-57.5 29 7.3-12.1 14.4-25.7 19.9-40.2l10.6-28.1-20.6-21.8C69.7 314.1 48 282.2 48 240c0-88.2 93.3-160 208-160s208 71.8 208 160-93.3 160-208 160z' class=''%3E%3C/path%3E%3C/svg%3E") !important;
}


.cx-callback .cx-content .cx-confirmation .cx-confirmation-wrapper {
	height: auto !important;
}


/* Calendar */
.cx-calendar .cx-wrapper-left .cx-calendar-days .cx-calendar-day-container {
	height: inherit !important;
}

.cx-calendar .cx-calendar-day, .cx-calendar .cx-tablinks {
	font-size: 0.7em !important;
}



/* Chat */
.cx-webchat .cx-transcript {
	font-size: .85em !important;
	line-height: 1.4em !important;
	font-weight: 400 !important;
	padding: 0 20px !important;
}

.cx-webchat div.cx-input-container {
	padding: 14px 20px !important;
}

.cx-webchat div.cx-input-container .cx-message-input {
	border: none !important;
	padding: 0 40px 0 0 !important;
}

.cx-webchat .cx-alert > .cx-wrapper {
	padding: 24px 14px !important;
}

.cx-widget.cx-theme-dgn .cx-smokescreen {
	background-color: #fdfdfd !important;
	opacity: 0.85 !important;
	border-top-left-radius: 25px !important;
    border-top-right-radius: 25px !important;
}

/* Call back */
.cx-callback .cx-content .cx-confirmation .cx-confirmation-wrapper {
	font-size: 1em !important;
}

.cx-callback .cx-content .cx-confirmation .cx-confirmation-wrapper .cx-number-confirm {
	margin-top: 25px !important;
}



@media screen and (min-width: 768px) {
.tm-scrollbar.icons-4 {
  top: calc(50% + 35px) !important;
}
}


/* Display */

  .cx-widget.cx-sidebar.cx-theme-dgn {
    display: none !important;
    visibility: hidden !important;
  }

/* Delete Standard Headline Ausgabe für Callback / Anpassungen Styling */

.cx-callback .cx-content .cx-confirmation .cx-confirmation-wrapper .cx-confirm-description {
    display: none !important;
    visibility: hidden !important;
}

.cx-callback .cx-content .cx-confirmation {
	padding-top: 0 !important;
}

.cx-callback .cx-content .cx-confirmation .cx-confirmation-wrapper {
	font-size: .9em !important;
	line-height: 1.4em !important;
}

.cx-callback .cx-content .cx-confirmation .cx-confirmation-wrapper .cx-number-description {
	padding-top: 25px !important;
}



/* ========================================================================
   Rating Formular
 ========================================================================== */



.rating-formular .rsform-block-bewertungen {
	overflow: auto;
}


.rating-formular .rating-mask .select-area:hover,
.rating-formular .rating-mask .checked.select-area {
	background-color: rgba(255, 127, 0, 0.1);
}



.rating-formular .rating-mask, 
.rating-formular .rating-mask th {
	text-align: center;
	border: inherit;
}


.rating-formular .rating-mask .uk-table thead th {
	font-size: 12px;
	font-family: 'HCo Gotham SSm', sans-serif;
	color: #000;
	text-transform: inherit;
	letter-spacing: 0;
	background-color: transparent;
	line-height: 16px;
	font-weight: 500;
}


.rating-formular .rating-mask input[type="radio"] {

}

.rating-formular .rating-mask .uk-table-striped tbody tr:nth-of-type(2n+1) {
	background: rgba(255, 127, 0, 0.1);
}


.rating-formular .rating-mask .uk-table td {
	cursor: pointer;
}

.rating-formular .rating-mask .uk-table td,
.rating-formular .rating-mask .uk-table th {
	padding: 8px 4px;
	vertical-align: top;
}


.rating-formular .rating-mask .uk-radio:hover {
	background-color: rgba(255, 127, 0, 0.2);
}

.rating-formular .rating-mask .uk-radio:hover {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23fff%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E");
}

.rating-formular .rating-mask tr.choice th {
	color: rgb(255, 255, 255);
}

.rating-formular .rating-mask th#Choice_0 {
  background-color: rgb(252, 3, 3);
}

.rating-formular .rating-mask th#Choice_1 {
  background-color: rgb(252, 3, 3)
}

.rating-formular .rating-mask th#Choice_2 {
  background-color: rgb(252, 61, 3)
}

.rating-formular .rating-mask th#Choice_3 {
  background-color: rgb(252, 82, 3);
}

.rating-formular .rating-mask th#Choice_4 {
  background-color: rgb(252, 107, 3);
}

.rating-formular .rating-mask th#Choice_5 {
  background-color: rgb(252, 140, 3);
}

.rating-formular .rating-mask th#Choice_6 {
  background-color:rgb(252, 165, 3);
}

.rating-formular .rating-mask th#Choice_7 {
  background-color: rgb(252, 227, 3);
}

.rating-formular .rating-mask th#Choice_8 {
  background-color: rgb(252, 240, 3);
}

.rating-formular .rating-mask th#Choice_9 {
  background-color: rgb(146, 208, 79);
}

.rating-formular .rating-mask th#Choice_10 {
  background-color: rgb(0, 176, 80);
}

@media (max-width: 639px) {
	
.rating-formular .rating-mask .uk-table td,
.rating-formular .rating-mask .uk-table th {
	padding: 8px 2px;
	vertical-align: top;
}	
}