/*
 Theme Name:   Divi/Child
 Theme URI:    https://www.understood.biz
 Description:  A Child Theme built for Divi
 Author:       Understood
 Author URI:   https://www.understood.biz
 Template:     Divi
 Version:      3
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/


/* fira-mono-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fira Mono';
  font-style: normal;
  font-weight: 400;
  src: url('../Child/fonts/fira-mono-v14-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* fira-mono-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fira Mono';
  font-style: normal;
  font-weight: 500;
  src: url('../Child/fonts/fira-mono-v14-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* fira-mono-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fira Mono';
  font-style: normal;
  font-weight: 700;
  src: url('../Child/fonts/fira-mono-v14-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* fira-sans-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 100;
  src: url('../Child/fonts/fira-sans-v17-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* fira-sans-100italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 100;
  src: url('../Child/fonts/fira-sans-v17-latin-100italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* fira-sans-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 200;
  src: url('../Child/fonts/fira-sans-v17-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* fira-sans-200italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 200;
  src: url('../Child/fonts/fira-sans-v17-latin-200italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* fira-sans-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../Child/fonts/fira-sans-v17-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* fira-sans-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 300;
  src: url('../Child/fonts/fira-sans-v17-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* fira-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../Child/fonts/fira-sans-v17-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* fira-sans-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../Child/fonts/fira-sans-v17-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* fira-sans-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../Child/fonts/fira-sans-v17-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* fira-sans-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 500;
  src: url('../Child/fonts/fira-sans-v17-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* fira-sans-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../Child/fonts/fira-sans-v17-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* fira-sans-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 600;
  src: url('../Child/fonts/fira-sans-v17-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* fira-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../Child/fonts/fira-sans-v17-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* fira-sans-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../Child/fonts/fira-sans-v17-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* fira-sans-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../Child/fonts/fira-sans-v17-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* fira-sans-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 800;
  src: url('../Child/fonts/fira-sans-v17-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* fira-sans-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 900;
  src: url('../Child/fonts/fira-sans-v17-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* fira-sans-900italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 900;
  src: url('../Child/fonts/fira-sans-v17-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-family: 'wga';
  src:  url('fonts/wga.eot?sj7e3c');
  src:  url('fonts/wga.eot?sj7e3c#iefix') format('embedded-opentype'),
    url('fonts/wga.ttf?sj7e3c') format('truetype'),
    url('fonts/wga.woff?sj7e3c') format('woff'),
    url('fonts/wga.svg?sj7e3c#wga') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}


.icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'wga' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

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

.icon-Element-73:before {
  content: "\e900";
  color: #00bcf0;
}
.icon-Element-74:before {
  content: "\e901";
  color: #00bcf0;
}
.icon-Element-75 .path1:before {
  content: "\e902";
  color: rgb(0, 188, 240);
}
.icon-Element-75 .path2:before {
  content: "\e903";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-Element-89:before {
  content: "\e904";
}
.icon-Element-90:before {
  content: "\e905";
}
.icon-Element-91:before {
  content: "\e906";
}
.icon-Element-88:before {
  content: "\e907";
}
.icon-Element-76:before {
  content: "\e908";
  color: #00bcf0;
}
.icon-Element-77:before {
  content: "\e909";
  color: #00bcf0;
}
.icon-Element-78:before {
  content: "\e90a";
  color: #00bcf0;
}
.icon-Element-79:before {
  content: "\e90b";
  color: #00bcf0;
}
.icon-Element-80:before {
  content: "\e90c";
  color: #00bcf0;
}
.icon-Element-81:before {
  content: "\e90d";
  color: #00bcf0;
}
.icon-Element-82:before {
  content: "\e90e";
  color: #00bcf0;
}
.icon-Element-83:before {
  content: "\e90f";
  color: #00bcf0;
}
.icon-Element-84:before {
  content: "\e910";
  color: #00bcf0;
}
.icon-Element-87:before {
  content: "\e911";
}






/* Smart Preloader */
#smart-preloader {
    position: fixed;
    width: 100%;
    height: 100%;
/*    background: #0A1D50; */
    backdrop-filter: blur(100px) !important;
	background: rgba(0,0,0,.8);
    top: 0;
    left: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.3s ease-out; /* Smooth fade-out */
}

/* Loader Animation */
.loader {
    width: 50px;
    height: 50px;
    border: 5px solid rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    border-top-color: #2dc7be;
    animation: spin 1s linear infinite;
}

/* Hide Preloader Instantly After Fading Out */
.hidden {
    display: none !important;
}

/* Loader Animation Keyframes */
@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* TYPOGRAPHIE */ 
strong {
	font-weight: 600;
}

#et-main-area h1,
#et-main-area h2,
#et-main-area h3,
#et-main-area h4,
#et-main-area h5, 
#et-main-area h6, 
#et-main-area .et_pb_button {
	font-family: 'Fira Sans', Helvetica, Arial, Lucida, sans-serif;
}

#et-main-area .et_pb_text_inner {
    font-size: 20px; 
    font-weight: 400; 
}

#et-main-area .et_pb_toggle_content {
    font-size: 20px; 
    font-weight: 400; 
}
#et-main-area .content-header h1,
#et-main-area h1 {
	font-size: 41px !important; 
	font-weight: 500; 
    line-height: 1.2em; 
    letter-spacing: 0.035em; 
	padding-top: 10px; 
}

#et-main-area h2 {
	font-size: 27px !important; 
	font-weight: 400; 
    line-height: 1.2em; 
    letter-spacing: 0.035em; 
}

#et-main-area .content-separator h2, 
#et-main-area .content-header h1 {
    font-family: 'Fira Mono', Helvetica, Arial, Lucida, sans-serif !important;
   /* font-size: 50px !important; */
	line-height: 1.2em;
}

#et-main-area .content-header h2 {
font-weight: 400; 
}

@media screen and (max-width: 676px) {
#et-main-area .content-header h1, #et-main-area h1 {
    font-size: 28px !important; 
}
}

#et-main-area h3 {
    font-family: 'Fira Mono', Helvetica, Arial, Lucida, sans-serif;
	font-size: 41px !important;  
 	font-weight: 500;
    line-height: 1.2em; 
  
}

#et-main-area h4 {
    font-size: 26px;
    line-height: 1.2em;
	font-weight: 500;
}

#et-main-area h5 {
    font-family: 'Fira Mono', Helvetica, Arial, Lucida, sans-serif;
    font-size: 20px; 
    font-weight: 500; 
}

#et-main-area h6 {
   font-size: 22px !important; 
   font-weight: 500;	
}

#et-main-area .et_pb_toggle_title {
    font-size: 20px !important;
    font-weight: 400;
}

@media screen and (max-width: 767px) {
#et-main-area h2 {
   font-size: 20px !important;
   line-height: 1.2em
}    	

#et-main-area .content-separator h2 {
		font-size: 28px !important; 
	font-weight: 500;
	}		

#et-main-area .content-header h3 {
   font-size: 28px !important;
   line-height: 1.2em;
} 
	
#et-main-area h3 {
  font-size: 28px !important;
  line-height: 1.2em;
}	
}

@media screen and (max-width: 981px) {
   #et-main-area .et_pb_text_inner,
   #et-main-area .la-quota .et_pb_text_inner span,
   #et-main-area h2,
   #et-main-area h5, 
   #et-main-area .et_pb_toggle_content, 
   #et-main-area .et_pb_toggle_title,
   #et-main-area .df_cc_content {
    font-size: 18px; 
	line-height: 1.5em; 
}
}

/* LA QUOTA */ 

.la-quota .et_pb_text_inner {
    font-size: 26px !important; 
}

.la-quota .et_pb_text_inner span {
    line-height: 3em!important; 
    font-size: 20px !important; 
}

/* POST CAROUSEL */

.df_cci_container {
	padding: 40px; 
}

#et-main-area .df_cci_container .df_cc_title {
    font-size: 34px;
    font-weight: 700; 
    color: #00bcf0;
    font-family: 'Fira Mono', Helvetica, Arial, Lucida, sans-serif !important;
}

#et-main-area .df_cci_container .df_cc_subtitle {
    font-weight: 700; 
    font-family: 'Fira Sans', Helvetica, Arial, Lucida, sans-serif !important;
}

#et-main-area .df_cc_content {
    font-size: 20px; 
    font-weight: 400; 
    display: flex; 
}

#et-main-area .df_cci_container .df_cc_subtitle {
    font-size: 26px;
    line-height: 1.2em;
	font-weight: 500;
}

.cs-post-carousel .difl_contentcarouselitem {
     /*margin-right: -30px !important;   */
}

.cs-post-carousel .difl_contentcarouselitem:nth-last-child() {
    padding-right: 0px !important; 
}


.difl_contentcarousel_0 .difl_contentcarouselitem .df_cci_container, .difl_contentcarousel_1 .difl_contentcarouselitem .df_cci_container {
     margin-right: 0px !important; 
     margin-left: 40px !important;  
}

/* HEADER */ 

/* top bar */
#et-info {
    float: right; 
}

/* disable first menu entry / hide on mobile */
/*
.menu-item-226>a {
    pointer-events: none !important; 
}

@media screen and (max-width: 1250px) {
	.menu-item-226 {
	display: none !important;	
	}
}
*/

/* adjust menu position */ 

.et_header_style_left #et-top-navigation nav>ul>li>a {
    padding-bottom: 50px;
    transition: all .2s; 
}

/* header slider */ 

.et_pb_fullwidth_slider_0.et_pb_slider .et_pb_slide_description {
    padding: 4.6%;
}

#et-main-area .content-header .et_pb_slide_content {
    font-size: 20px !important; 
}

@media screen and (max-width: 981px) {
.content-header .et_pb_slide_description {
    float: none !important;  
}	
}

/* FOOTER */

footer ul li {
    list-style: none; 
    line-height: 2em;
}

footer ul {
    padding-left: 0 !important; 
}

footer ul li a, 
footer .et_pb_text_inner a {
    color: #333333;
}

footer li a {
    padding-bottom: 5px; 
    box-shadow: inset 0 -1px rgba(0, 0, 0, 0), inset 0 -1px #00BCF0 ! IMPORTANT;
    transition: all .3s; 
}

footer .et_pb_text_inner a {
    padding-bottom: 5px; 
    box-shadow: inset 0 -1px rgba(0, 0, 0, 0), inset 0 -1px #00BCF0 ! IMPORTANT;
    transition: all .3s; 
}

footer .et_pb_text_inner a:hover {
    padding-bottom:  3px;
    box-shadow: inset 0 -0.1em rgba(0, 0, 0, 0), inset 0 -0.0em rgba(0, 0, 0, 0) ! IMPORTANT;
    transition: all .3s; 
    color: #00BCF0;
}

/* BUTTONS */

.et_pb_button_module_wrapper {
    display: inline; 
}

.blue-button {
    background: #00bcf0;
    margin-right: 40px; 
    border: 1px solid #00bcf0 !important;
    border-radius: 0; 
	margin-top: 30px; 
    color: #ffffff !important; 
    box-shadow: none; 
    text-shadow: none; 
}

a.blue-button:hover {
     border: 1px solid #ffffff !important;
}

.grey-button {
    background: #333333;
    margin-right: 40px; 
    margin-top: 30px;
    border: none !important; 
    border-radius: 0; 
}

a.grey-button {
    color: #ffffff !important; 
    box-shadow: none; 
    text-shadow: none; 
    border: 0; 
}

.white-button-border {
    border: 1px solid white !important; 
}
.grey-button2,
.border-button {
	border: 1px solid #333333;
    border-radius: 0; 
	color: #333333;
}

a.grey-button2:hover {
	border: 1px solid #333333 !Important;
    border-radius: 0; 
	color: #333333;
}

/* add arrows to buttons */
a.grey-button2:after,
a.grey-button:after,
a.blue-button:after {
  content: "\e901" !important;
  font-family: 'wga' !important;
  font-size: 12px; 
  margin-top: 10px;
  padding-left: 20px; 
  padding-right: 20px; 
  display: inline-block !important; 
  opacity: 1; 
  right: 0; 
}

a.border-button:after {
  content: "\e905" !important;
  font-family: 'wga' !important;
  font-size: 12px; 
  margin-top: 10px;
  padding-left: 20px; 
  padding-right: 20px; 
  display: inline-block !important; 
  opacity: 1; 
  right: 0; 
}

a.grey-button2,
a.grey-button,
a.blue-button {
    padding-right: 76px;
    transition: all .4s; 
}
a.border-button, 
a.border-button:hover {
    padding-right: 45px !Important;
    transition: all .4s; 
}

a.border-button:hover {
border: 1px solid transparent !Important;
	padding: inherit; 
}

a.grey-button2:hover,
a.grey-button:hover,
a.blue-button:hover {
    padding-right: 79px !important; 
    transition: all .4s; 
}

@media screen and (max-width: 676px) {
a.grey-button2,
a.grey-button,
a.blue-button,
a.border-button {
    width: 100%;
}
.header-buttons a.grey-button2,
.header-buttons a.grey-button,
.header-buttons a.blue-button, 
.header-buttons a.border-button {
    width: 100%;
}	
}

/* SCROLL BUTTONS */
/* header scroll button */ 

a.header-scroll-button {
    content: "\e90a";
    color: #00bcf0;
    width: 80px !important;  
    height: 90px !important; 
    display: block; 
    font-size: 100px; 
    color: white; 
    position: absolute; 
    top: 80px;  
    left: 0; 
    transition: all .4s; 
}

a.header-scroll-button:hover {
    padding-top: 15px;
    transition: all .3s; 
}

@media screen and (max-width: 1250px) {
a.header-scroll-button {
    position: inherit; 
    margin-top:35px; 
    margin-bottom: 20px; 
    }
}

@media screen and (max-width: 981px) {
a.header-scroll-button {
		display: none; 
	}
	
#et-main-area .content-header .et_pb_slide_description {
    padding-bottom: 60px !important; 
}	
}

/* global scroll button */ 

.scroll-button .et-pb-icon {
    font-size: 0 !important;  
	cursor: pointer;
}

.scroll-button .et-pb-icon:hover {
    padding-top: 30px; 
    transition: all .3s;
}

.scroll-button .et-pb-icon {
    position: absolute; 
    transition: all .4s;
}

.et_pb_icon.scroll-button .et_pb_icon_wrap {
    float: left; 
    margin-top: 30px; 
    padding-bottom: 70px; 
}

.scroll-button .et_pb_icon_wrap .et-pb-icon:after {
    content: "\e911";
    font-family: 'wga' !important;
    font-size: 101px; 
    color: white;     
}

.et_pb_icon.scroll-button .et_pb_icon_wrap { 
    padding-top: 10px;
}


@media screen and (min-width: 1249px) {
.scroll-button { 
    position: absolute; 
    left: -58px;
    top: 0; 
}  
    
.et_pb_icon.scroll-button .et_pb_icon_wrap {
    margin-top: 0px; 
} 
}

/* LIST */ 

.entry-content ul, .et-l--body ul, .et-l--footer ul, .et-l--header ul {
    padding: 0; 
}

.cs-list ul {
    margin-top: 30px; 
}

.cs-list ul li {
    list-style: none;
    list-style-position: outside;
    padding-left: 30px !important; 
    line-height: 2em; 
}

.et_pb_toggle_content li:before,
.cs-list-blog .et_pb_text_inner li:before,
.cs-list ul li:before {
    content: "\e908" !important;
    font-family: 'wga' !important;
    color: #00bcf0!important;
    position: absolute; 
    left: 0px; 
    margin-top: 1px; 
    font-size: 12px;
    display: inline-block !important;
    opacity: 1;
}

.et_pb_toggle_content li,
.cs-list-blog .et_pb_text_inner li {
    list-style: none; 
    padding-left: 35px !important;
	padding-bottom: 15px; 
}

.et_pb_toggle_content li {
	padding-left: 25px; 
}

.et_pb_toggle_content li:before,
.cs-list-blog .et_pb_text_inner li:before  {
    left: 0px;
}

.cs-leistungen-list {
    border-left: 3px solid #00bcf0 !important;
}

/* SLIDE CONTROLLERS */ 

.et-pb-controllers {
    bottom: 20%; 
}

.et-pb-controllers a {
    border: 1px solid white;
    height: 7px; 
    width: 7px; 
    border-radius: 0; 
    opacity: 1; 
    background: none; 
    transition: all .3s;
}

.et-pb-controllers a {
    display: block; 
    margin-left: 1%; 
    margin-bottom: 20px; 
}

body .et-pb-controllers a.et-pb-active-control {
    background-color: #00BCF0 !important;
    border: 1px solid #00BCF0 !important;
    width: 30px !important; 
    transition: all .3s;
}

/* TOGGLE */

.et_pb_toggle {
    border: none; 
    padding: 0;
    background: none; 
    padding-bottom: 10px; 
    border-bottom: 1px solid #333333;
}

#et-main-area .et_pb_toggle_title {
    color: #333333; 
	line-height: 1.4em;
}

.et_pb_toggle_title {
    font-family: 'Fira Sans', Helvetica, Arial, Lucida, sans-serif !important;
}

body .et_pb_module .et_pb_toggle_title:before {
    content: "\e906";
    font-weight: bold ; 
    font-family: 'wga' !important;  
    font-size: 13px; 
    transition: all .3s;
	color: #00bcf0;
}

.et_pb_toggle_open .et_pb_toggle_title:before {
    content: "\e906";
    transform: rotate(180deg);
    transition: all .3s;
    color: #00bcf0;
}

/* SOCIAL ICONS FOOTER */

ul.et_pb_social_media_follow_0_tb_footer li a.icon {
	margin-left: 0 !important; 
	margin-right: 10px !important; 
}

/* CUSTOM TOGGLE */ 

.cs-toggle-wrapper .et_pb_column {
   border-left: 3px solid #00bcf0;
   padding-left: 30px;
}

.cs-toggle-wrapper .et_pb_toggle {
border-bottom: 1px solid white;
}

.cs-toggle-wrapper .et_pb_toggle_content {
    padding-right: 30px; 
    padding-bottom: 30px; 
}

.cs-toggle-wrapper .cs-toggle .et_pb_toggle_content {
     opacity: 0; 
     transition: opacity .3s;
} 

.cs-toggle-wrapper .et_pb_toggle_title {
    bottom: 0; 
    position: absolute !important; 
    width: 100%; 
    margin-bottom: 15px !important;
    z-index: 10;
}

.cs-toggle-wrapper .et_pb_toggle_title:after { 
    bottom: 10px !important; 
}

.cs-toggle-wrapper .cs-toggle.et_pb_toggle_open .et_pb_toggle_content {
    opacity: 1; 
    transition: opacity .3s;
}  

/* LINK TILE */

.cs-link-tile .et_pb_column:hover {
    transform: scale(1.04);
    transition: all .3s; 
}

.cs-link-tile .et_pb_column {
      transition: all .4s; 
}

.cs-link-tile .et_pb_column:after {
    content: "\e900";
    font-family: 'wga' !important;
    color: #00BCF0; 
    background: none;
    font-size: 70px; 
    position: absolute; 
    right: 0; 
    top: 20px; 
    opacity: 0; 
    transition: all .4s; 
}

.cs-link-tile .et_pb_column:hover:after {
    opacity: 1; 
    transition: all .4s; 
}

/* TEXT CAROUSEL */ 

.df_cci_container {
	padding: 10px; 
}

.df_blogcarousel_container .et_pb_row  {
    width: 100%; 
}

/* CAROUSEL TRIGGER */ 

body .carousel-trigger-menu .icon:before {
    font-size: 26px;
    margin-right: 30px; 
}

.carousel-trigger-menu ul {
	padding-left: 0; 
}

.carousel-trigger-menu ul li {
    padding: 15px 1px; 
    color: #333333;
    border-bottom: 1px solid #00bcf0;
    margin-right: 50px; 
    display: inline-block; 
    margin-bottom: 30px; 
    transition: all .3s;
}

.carousel-trigger-menu ul li:hover .icon:before {
    color: #333333;
    transition: all .3s;
}

.carousel-trigger-menu ul li:hover {
    color:  #00bcf0;
    cursor: pointer; 
    transition: all .3s;
}

ul.activelinks-mobile {
    list-style:none;
}

ul.activelinks-mobile li {
    line-height: 1.6em; 
    margin-left: 30px;
	padding-top: 15px !important;
	padding-bottom: 15px !important;
}

ul.activelinks-mobile li i {
    position: absolute; 
    left: 0px; 
    margin-top: 13px;  
    line-height: 0em;
}

ul.activelinks-mobile li {
    padding-left: 60px;
    margin: 0;
    padding-top: 10px; 
    box-shadow: inset 0 -1px rgba(0, 0, 0, 0), inset 0 -1px #00BCF0 ! IMPORTANT;
}

ul.activelinks-mobile li a {
    color: #333333 !important;
}


/* CAROUSEL ARROWS */ 

.swiper-button-next,
.swiper-button-prev {   
    -webkit-box-shadow: 0px 0px 38px 0px rgba(0,0,0,0.1); 
    box-shadow: 0px 0px 38px 0px rgba(0,0,0,0.1);
    transition: all .3s;
}

.swiper-button-next {
    margin-left: 15px; 
}

.swiper-button-prev {
    margin-right: 15px; 
}

.df_cc_arrows, 
.df_bc_arrows {
    cursor: pointer; 
}

.df_cc_arrows>div:after, 
.df_bc_arrows>div:after {
   font-family: 'wga' !important; 
   font-size: 12px !important;
   padding: 15px 10px; 
}

.swiper-button-prev:after  {
    content: "\e906" !important; 
    transform: rotate(90deg);
}

.swiper-button-next:after  {
    content: "\e906" !important;
    transform: rotate(-90deg);
}

.df_cc_arrows>div:hover { 
    background: #00bcf0!important;
    transition: all .3s;
}
.df_cc_arrows>div:hover:after { 
    color: #ffffff !important; 
    transition: all .3s;
}

body .df_cc_arrows div.swiper-button-disabled:after {
    opacity: .2 !important;
}

/* MAIN MENU */ 

#main-header .nav li ul, .et-search-form {
    background-color: #333333 !important;
}

.nav li ul {
    width: 450px; 
}


.cta-button a {
    border: 1px solid white !Important; 
    padding: 15px !important; 
}

.cta-button {
/*	padding-bottom: 10px; */
}

.cta-button a:after {
    content: "\e901" !important;
    font-family: 'wga' !important;
    font-size: 12px;
    padding-left: 20px;
    padding-right: 20px;
    display: inline-block !important;
    opacity: 1;
    right: 0;
    float: right; 
}

.cta-button a:hover  {
    border: 1px solid #00bcf0 !Important; 
    background: #00bcf0; 
    opacity: 1 !important; 
}

@media screen and (max-width: 432px) {
.cta-button a:after {
	display: none !important; 
}
.cta-button a {
	text-align: center; 
}
}

@media (min-width: 981px) {
    .et_header_style_left .et-fixed-header #et-top-navigation nav>ul>li>a {
        padding-bottom: 35px;
    }
}

@media (max-width: 981px) {
.cta-button a {
    margin-top: 20px; 
    padding-left: 27px !important; 
	}
}

/* divider lines for sub-menu */

#top-menu li li a {
    padding: 0px 0px !Important;
    width: 400px;
}

body .sub-menu li {
    border-bottom: 1px solid #00bcf0; 
    line-height: 4.2em;
 
/*    margin-left: 5% !important;  */
    transition: all .8s;
}

body .sub-menu li:last-child {
    border-bottom: 0 !important; 
}

body .sub-menu li:hover {
    border-bottom: 1px solid #ffffff; 
    transition: all .1s;
}

@media screen and (max-width: 1250px) {
body .sub-menu li {
    border-bottom: 1px solid #00bcf0; 
    line-height: 1.4em;
}	


#et_mobile_nav_menu ul li {
        margin-bottom: 0px !important;
    }

body #mobile_menu .menu-item {
    border-bottom: 1px solid #00bcf0 !important; 
}

body #mobile_menu .menu-item:last-child {
    border-bottom: 0 !important; 
}
/*
body #mobile_menu .menu-item:nth-child(5) {
    border-bottom: 0 !important; 
} */

}

/* MOBILE MENU */ 

#main-header .et_mobile_menu {
    background-color: #333333 !important; 
}

#main-header .et_mobile_menu a {
    color: #ffffff;
    font-size: 18px; 
    font-weight: 400;
    border-bottom: 0px solid #dedede; 
}

.current_page_item a {
    color: #00bcf0 !important;
    border-bottom: 0px solid #00bcf0 !important; 
}

.cta-button.current_page_item {
    border-bottom: 1px solid #ffffff !important; 
}

.cta-button.current_page_item:hover {
    border-bottom: 1px solid #00bcf0 !important; 
	transition: all .5s;
}

.cta-button.current_page_item:hover a {
    color: #ffffff !important; 
}

.et_mobile_menu li a:hover, .nav ul li a:hover {
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
}

.et_mobile_menu .menu-item-has-children>a {
    font-weight: 700;
    background-color: rgba(0, 0, 0, 0);
}

#main-header .et_mobile_menu li ul, .et_pb_fullwidth_menu .et_mobile_menu li ul, .et_pb_menu .et_mobile_menu li ul {
    visibility: visible !important;
    display: block !important;
    padding-left: 0px;
}

.et_mobile_menu li li {
    padding-left: 0%;
}

.mobile_menu_bar:before {
    background: #00bcf0; 
    color: #ffffff !important;
    padding: 10px 9px 9px 9px;
}

/* MENU BREAKPOINT */ 

/* Force mobile menu to appear below custom breakpoint */
@media (max-width: 1279px) {
  #et_mobile_nav_menu {
    display: block !important;
  }

  .et_pb_fullwidth_menu .et_pb_menu__wrap,
  #top-menu {
    display: none !important;
  }

  #et_mobile_nav_menu ul li {
    margin-bottom: 10px;
  }
	
  #top-header {
    display: none; 
	  top: 40px; 
  }	
	
}

@media (max-width: 1279px) {
    .cta-button a {
        margin-top: 20px;
        padding-left: 5.3% !important;
    }
}

/* EVEREST FORMS */ 

.everest-forms .evf-field-container .evf-frontend-row .evf-frontend-grid .evf-field.everest-forms-validated .evf-signature-canvas, .everest-forms .evf-field-container .evf-frontend-row .evf-frontend-grid .evf-field.everest-forms-validated .select2-container, .everest-forms .evf-field-container .evf-frontend-row .evf-frontend-grid .evf-field.everest-forms-validated input.input-text, .everest-forms .evf-field-container .evf-frontend-row .evf-frontend-grid .evf-field.everest-forms-validated select, .everest-forms .evf-field-container .evf-frontend-row .evf-frontend-grid .evf-field.everest-forms-validated textarea, .wp-block-everest-forms-form-selector .evf-field-container .evf-frontend-row .evf-frontend-grid .evf-field.everest-forms-validated .evf-signature-canvas, .wp-block-everest-forms-form-selector .evf-field-container .evf-frontend-row .evf-frontend-grid .evf-field.everest-forms-validated .select2-container, .wp-block-everest-forms-form-selector .evf-field-container .evf-frontend-row .evf-frontend-grid .evf-field.everest-forms-validated input.input-text, .wp-block-everest-forms-form-selector .evf-field-container .evf-frontend-row .evf-frontend-grid .evf-field.everest-forms-validated select, .wp-block-everest-forms-form-selector .evf-field-container .evf-frontend-row .evf-frontend-grid .evf-field.everest-forms-validated textarea {
	border-color: #00bcf0;
}



@media screen and (min-width: 981px) {
.everest-forms .evf-field-container, .everest-forms .evf-honeypot-container, .everest-forms .evf-submit-container, .wp-block-everest-forms-form-selector .evf-field-container, .wp-block-everest-forms-form-selector .evf-honeypot-container, .wp-block-everest-forms-form-selector .evf-submit-container {
    padding-left: 0 !important; 
    padding-right: 0 !important; 
}
}

.everest-forms label {
    font-weight: 300; 
	font-size: 18px;
    font-family: 'Fira Sans', Helvetica, Arial, Lucida, sans-serif;
}	

.evf-has-error .evf-error:last-child {
	font-size: 16px !important; 
}

.everest-forms .StripeElement, .everest-forms canvas.evf-signature-canvas, .everest-forms input[type=date], .everest-forms input[type=datetime-local], .everest-forms input[type=email], .everest-forms input[type=file], .everest-forms input[type=image], .everest-forms input[type=month], .everest-forms input[type=number], .everest-forms input[type=password], .everest-forms input[type=range], .everest-forms input[type=search], .everest-forms input[type=tel], .everest-forms input[type=text], .everest-forms input[type=time], .everest-forms input[type=url], .everest-forms input[type=week], .everest-forms select, .everest-forms textarea {
    font-size: 18px;
    font-family: 'Fira Sans', Helvetica, Arial, Lucida, sans-serif;
    box-shadow: none;
    margin-bottom: 10px;
    padding: 16px 15px;
    font-weight: 400; 
    border: none; 
    
    border-bottom: 1px solid #333;
    margin-left: 0;
    margin-right: 0;
	border-radius: 0 !important; 
}

.everest-forms-multi-part-indicator-progress, 
.everest-forms .everest-forms-multi-part-indicator.progress .everest-forms-multi-part-indicator-progress-wrap {
    border-radius: 0 !important; 
}

.everest-forms-multi-part-indicator-steps {
    font-style: normal !important;
    font-size: 16px; 
    display: none !Important; 
}

.everest-forms-part-next, 
.everest-forms-part-prev, 
.evf-submit {
    background: #00bcf0 !important;
    margin-right: 0px !important;
    border: 1px solid #00bcf0 !important;
    border-radius: 0 !important;
    color: #ffffff !important;
    box-shadow: none !important;
    text-shadow: none !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    padding: .3em 1em !important;
    line-height: 1.7em !important;
    float: right; 
}

.evf-submit:after {
    content: "\e901" !important;
    font-family: 'wga' !important;
    font-size: 12px;
    padding-left: 20px;
    padding-right: 20px;
    display: inline-block !important;
    opacity: 1;
    right: 0;
}

.everest-forms .evf-field-container .evf-frontend-row .evf-frontend-grid .evf-field.everest-forms-validated input.input-text {
	color: #00a4e1 !important;
	border-color: #00a4e1 !important;
}

.everest-forms label.evf-privacy-policy-consent-message {
    font-weight: 500; 
}

/* Online Besprechung */

.tooltipster-base, 
.tooltipster-box 
.tooltipster-content {
    width: 280px !important; ;     
    max-width: 280px !important; 
    text-align: left !important; 
	line-height: 1.6em;
}

.tooltipster-content {
    padding: 20px !important; 
}

.tooltipster-content li {   
   text-align: left !important; 
    padding: 10px; 
}

.everest-forms-field-label-inline {
    font-weight: 500 !important;
}

.dashicons-editor-help:before {
    color: #00bcf0 !important; 
}

.everest-forms .evf-field-container .evf-frontend-row .evf-frontend-grid .evf-field ul:not(.select2-selection__rendered) li input[type=checkbox] {
    width: 13px; 
}

.everest-forms .evf-field-container .evf-frontend-row .evf-frontend-grid .evf-field.everest-forms-validated input.input-text, 
#evf-765-field_ZPjGD9BJyp-4 {
    padding: 0 !important; 
    margin-left: 0 !important;
    margin-right: 7px !important; 
}

#evf-765-field_trsFH8SQeC-7-container .evf-field-label, 
#evf-765-field_ZPjGD9BJyp-4-container .evf-field-label {
    padding-bottom: 0 !important; 
    margin-bottom: 0 !important; 
}

#evf-765-field_trsFH8SQeC-7 {
    margin-bottom: 30px; 
}

/* ADD SOMETHING */ 

/* checkbox */
.add-checkbox {
    display: flex;
}

.add-checkbox:before {
    content: "\e903";
    font-family: 'wga' !important;
    color: #ffffff; 
    background: #00BCF0;
    font-size: 34px; 
    position: relative; 
    display: inline;
/*    padding-top: 5px !important; */
    width: 32px; 
    height: 32px;
	font-weight: bold; 
}

.add-checkbox h4 {
    margin-left: 30px; 
}

/* gradient */

.add-overlay:before {
    background: linear-gradient(90deg,rgba(0, 0, 0, 0.78) 0%, rgba(0, 0, 0, 0.16) 100%);
    content: "1";
    width: 100%; 
    height: 100%; 
    position: absolute; 
    top: 0; 
    left: 0; 
}

/* box-shadow */

.add-box-shadow, 
.cs-post-carousel .df_cci_container, 
.df_bc_arrows div {
-webkit-box-shadow: 0px 0px 38px 0px rgba(0,0,0,0.15); 
box-shadow: 0px 0px 38px 0px rgba(0,0,0,0.15);
}


/* media queries */

@media screen and (max-width: 767px) {
#et-main-area .et_pb_slide_description .et_pb_slide_content,
#et-main-area h2, 
.cs-link-tile span {
        font-size: 13px !important;
        line-height: 1.2em;
    }
#et-main-area .et_pb_slide_description .et_pb_slide_content h1,   
#et-main-area h3 {
        font-size: 24px !important;
        line-height: 1.2em;
    }
#et-main-area .et_pb_toggle_title, 
#et-main-area .et_pb_button {
        font-size: 18px !important;
        line-height: 1.5em !important;
    }    
 
   .df_cci_container h4 {
        font-size: 24px !important; 
    }

   .df_cci_container h5 {
        font-size: 22px !important; 
    }    

    .df_cc_content {
        font-size: 18px !important;
    }
    
}

/* CODE UPDATES */

.activelinks-mobile li:After {
    content: "\e906";
    position: absolute; 
    transform: rotate(-90deg);
    font-weight: bold;
    right: -20px; 
    font-family: 'wga' !important;
    font-size: 10px;
    transition: all .3s;
    color: #00bcf0;    
    float: right; 
}


/* ADDITIONAL MENU BUTTONS */ 

.logo_container {
    z-index: -1 !important; 
}
.et_header_style_left #et-top-navigation  {
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     justify-content: center;
     align-items: center;
     align-content: center;
     z-index: 100; 
}

.mobile-menu-addbuttons div {
     padding-bottom: 18px;
     display: inline-block; 
}

.mobile-menu-addbuttons span:after {
    font-weight: bold;
    color: #fff; 
    font-family: ETMODULES;
    font-size: 20px;
    transition: all .3s;
    background: #00bcf0;    
    float: right;
    padding: 11px; 
    margin-right: 10px; 
}

.mobile-menu-addbuttons .phone-icon:After {
    content: "\e090";
}

.mobile-menu-addbuttons .mail-icon:after {
    content: "\e076";
}

@media screen and (min-width: 1279px) {
	.mobile-menu-addbuttons {
		display: none; 
	}
}

.mobile-menu-addbuttons span:after {
    font-size: 18px;   
    float: right;
    padding: 11px 12px; 
    margin-right: 10px; 
}

.mobile-menu-addbuttons div {
     padding-bottom: 18px;	
}  


/* ADDITIONAL MENU BUTTONS */ 

.logo_container {
    z-index: -1 !important; 
}
.et_header_style_left #et-top-navigation  {
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     justify-content: center;
     align-items: center;
     align-content: center;
     z-index: 100; 
}

.mobile-menu-addbuttons div {
     padding-bottom: 18px;
     display: inline-block; 
}

.mobile-menu-addbuttons span:after {
    font-weight: bold;
    color: #fff; 
    font-family: ETMODULES;
    font-size: 20px;
    transition: all .3s;
    background: #00bcf0;    
    float: right;
    padding: 11px; 
    margin-right: 10px; 
}

.mobile-menu-addbuttons .phone-icon:After {
    content: "\e090";
}

.mobile-menu-addbuttons .mail-icon:after {
    content: "\e076";
}

@media screen and (min-width: 1279px) {
	.mobile-menu-addbuttons {
		display: none; 
	}
}

@media screen and (max-width: 1279px) {
.mobile-menu-addbuttons span:after {

    font-size: 22px;   
    float: right;
    padding: 14px 14px; 
    margin-right: 9px; 
}
 .mobile-menu-addbuttons div {
     padding-bottom: 18px;
}   
    
.et_pb_svg_logo #logo {
    height: 54%;
}

#logo {
    max-height: 54%;
}
    
}

/* style onTop button */
.et_pb_scroll_top.et-pb-icon 
{
    background: #00bcf0 repeat scroll 0 0;
	border: 0px solid #fff;
	font-size: 44px;
    font-weight: 100 !important; 
	bottom: 50px;
    padding: 4px;
    border-top-left-radius: 2px !important;
    border-bottom-left-radius: 2px !important;
}

/* test */ 
/* Override display: none/block behavior */
#mobile_menu.et_mobile_menu {
  overflow: inherit;
  max-height: 0;
  opacity: 0;
  transition: max-height 0.5s ease, opacity 0.4s ease;
}

/* When open (we'll toggle a custom class on body) */
.et-custom-mobile-menu-open #mobile_menu.et_mobile_menu {
  max-height: 800px; /* should be enough for your menu height */
  opacity: 1;
}

@media screen and (min-width: 981px) {
  .toggle-arrow-visibility .df_bc_arrows {
    display: none !Important;
  }
}

.et_pb_menu .et_mobile_menu .menu-item-has-children > a,
#main-header .et_mobile_menu .menu-item-has-children > a {
    background-color: transparent;
    position: relative;
}

.et_pb_menu .et_mobile_menu .menu-item-has-children > a:after, #main-header .et_mobile_menu .menu-item-has-children > a:after {
    font-family: 'ETmodules';
    text-align: center;
    speak: none;
    font-weight: 600;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    font-size: 18px;
    content: '\4c';
    top: 11px;
    right: 13px;
}

.et_pb_menu .et_mobile_menu .menu-item-has-children.visible > a:after,
#main-header .et_mobile_menu .menu-item-has-children.visible > a:after {
    content: '\4d';
}

.et_pb_menu .et_mobile_menu ul.sub-menu,
#main-header .et_mobile_menu ul.sub-menu,
.et-db #et-boc .et-l .et_pb_menu .et_mobile_menu li ul.sub-menu {
    display: none !important;
    visibility: hidden !important;
    transition: all 1.5s ease-in-out;
}

.et_pb_menu .et_mobile_menu li.visible > ul.sub-menu,
#main-header .et_mobile_menu li.visible > ul.sub-menu,
.et-db #et-boc .et-l #main-header .et_mobile_menu li.visible > ul.sub-menu,
.et-db #et-boc .et-l .et_pb_fullwidth_menu .et_mobile_menu li.visible > ul.sub-menu,
.et-db #et-boc .et-l .et_pb_menu .et_mobile_menu li.visible > ul.sub-menu {
    display: block !important;
    visibility: visible !important;
}