/*
 Theme Name: Divi-Mastermind-Child-Theme
 Theme URI: https://www.divimastermind.com/
 Description: Dies ist ein <b>ready-to-start</b> Child-Theme f&uuml;r Divi. Entwickelt und bereitgestellt von den Divi Masterminds. Dieses Theme beinhaltet alle notwendigen Dateien, um den schnellen und einfach Start zu erm&ouml;glichen.
 Author: Divi Mastermind - Benny Hozjan und Frank Oschatz
 Author URI: https://divimastermind.com/
 Template: Divi
 Version: 1.0.0
 Tag: divi, child-theme, rawbone, easy-to-use, mastermind, german-group, 
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


/*  ==================================================================
	STANDARD CSS =====================================================
	==================================================================  */
	
/* lato-100 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 100;
  src: local(''),
       url('fonts/lato-v23-latin-100.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/lato-v23-latin-100.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* lato-100italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 100;
  src: local(''),
       url('fonts/lato-v23-latin-100italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/lato-v23-latin-100italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* lato-300 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('fonts/lato-v23-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/lato-v23-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* lato-300italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 300;
  src: local(''),
       url('fonts/lato-v23-latin-300italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/lato-v23-latin-300italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('fonts/lato-v23-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/lato-v23-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* lato-italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: local(''),
       url('fonts/lato-v23-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/lato-v23-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('fonts/lato-v23-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/lato-v23-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* lato-700italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: local(''),
       url('fonts/lato-v23-latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/lato-v23-latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* lato-900 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: local(''),
       url('fonts/lato-v23-latin-900.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/lato-v23-latin-900.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* lato-900italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 900;
  src: local(''),
       url('fonts/lato-v23-latin-900italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/lato-v23-latin-900italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
	
	

:root {
	
	--color-blue: #08B0E6;
	--color-white: #ffffff;
	--color-text-grey: #3c3c3b;
	--color-dark-grey: #1C1B21;
	--color-light-grey: #F1F1F3;
}

html {
	font-size: 62.5% !important;
}	
	
::-webkit-input-placeholder { /* Edge */
  color: var(--color-text-grey) !important;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: var(--color-text-grey) !important;
}
::placeholder {
  color: var(--color-text-grey) !important;
  opacity: 1; /* Firefox */
}  

body {
	font-size: 20px;
	line-height: 1.6em;
}

h1 {
font-weight: 900;
font-size: 75px;
line-height: 1.2em;
}


h2 {
font-weight: 600;
font-size: 40px;
line-height: 1.4em;
}


h3{
font-weight: 500;
font-size: 35px;
line-height: 1.4em;
}

h4{
font-weight: 500;
font-size: 25px;
line-height: 1.3em;
}


sup {
font-size: 50%;
}



.header-row2 .et_pb_column_inner_0 {
	width: 33.33333% !important;
}
.header-row2 .et_pb_column_inner_1 {
    width: 66.667% !important;
}

	
	
	
	
	
	
	
	
	
	
/***************** FOOTER ********************/	
/***************** FOOTER ********************/	
/***************** FOOTER ********************/	
/***************** FOOTER ********************/	
/*
#main-content .et_builder_inner_content {
	z-index: 2 !important;

}
	

.et-fb .et-l--footer {
	display: none !important;
}*/
/***************** FOOTER ENDE ********************/	
/***************** FOOTER ENDE ********************/
/***************** FOOTER ENDE ********************/
/***************** FOOTER ENDE ********************/

/***************** NaviScroller ********************/
/***************** NaviScroller ********************/
/***************** NaviScroller ********************/
/***************** NaviScroller ********************/
/***************** NaviScroller ********************/

      nav {
        position: fixed;
        top: 50%;
        right: 15px;
        transform: translateY(-50%);
        display: flex;
        flex-direction: column;
        align-items: center;
        z-index: 999999;
        mix-blend-mode: difference;
      }
      nav li {
        display: block;
        width: 10px;
        height: 10px;
        margin: 5px 0;
        cursor: pointer;
        position: relative;
        border-radius: 10px;
        background-color: rgba(255, 255, 255, 0.3);
		border: 1px solid #c7c7c7;
        mix-blend-mode: difference;
      }
     
      nav li.light {
        background-color: white;
      }
      nav li.active {
        background-color: transparent;
      }
       nav li.active.light {
        border: 1px solid white;
      }     
      
      nav span {
        position: absolute;
        right: 25px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 12px;
        padding: 0 5px;
        white-space: nowrap;
        background-color: rgba(255, 255, 255, 0.5);
        padding: 5px 8px;
        border-radius: 7px;
  display: none;
  transition: opacity 0.5s ease-in-out;
  opacity: 0;
}

nav li:hover span {
  display: inline-block;
  opacity: 1;
}

/***************** NaviScroller ENDE ********************/
/***************** NaviScroller ENDE ********************/
/***************** NaviScroller ENDE ********************/
/***************** NaviScroller ENDE ********************/
/***************** NaviScroller ENDE ********************/

/***************** CURSOR ********************/
/***************** CURSOR ********************/
/***************** CURSOR ********************/
/***************** CURSOR ********************/
/***************** CURSOR ********************/

body::-webkit-scrollbar{
    display: none;
  }
 body {
    -ms-overflow-style: none;
  } 
html {
    scrollbar-width: none;
  }
html, body {
  background-color: #fff;
}

.cursor {
	position: fixed;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.3);
	border: 1px solid #c7c7c7;
	pointer-events: none;
	/*mix-blend-mode: difference;*/
	z-index: 999;
	transition: transform 0.2s;
}

.cursorviewwrapper, .cursordragwrapper {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
overflow: hidden;
}

.cursordragwrapper.arrow {
	overflow: inherit;
}

.cursordragwrapper::after {
    content: '\00BB';
    position: absolute;
	left: 50px;
	top: -7px;	
	font-size: 50px;
	color: #f5f5f5;
    
}
.cursordragwrapper.arrow::before {
    content: '\00AB';
    position: absolute;
    right: 50px;
    top: -7px;	
	font-size: 50px;
	color: #f5f5f5;
}


.cursorview, .cursordrag {
	color: #000;
}



body:not(.logged-in) {
	cursor: none;
}

/***************** CURSOR ENDE ********************/
/***************** CURSOR ENDE ********************/
/***************** CURSOR ENDE ********************/
/***************** CURSOR ENDE ********************/
/***************** CURSOR ENDE ********************/



/***************** FULLSCREEN MODAL ********************/
/***************** FULLSCREEN MODAL ********************/
/***************** FULLSCREEN MODAL ********************/
/***************** FULLSCREEN MODAL ********************/
/***************** FULLSCREEN MODAL ********************/
/*
.fullmod {
	position: fixed !important;
	top: 100% !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	background-color: #fff !important;
	-moz-box-shadow: 0 0px 10px #666 !important;
	-webkit-box-shadow: 0 0px 10px #666 !important;
	box-shadow: 0 0px 10px #666 !important;
	padding: 50px !important;
	-webkit-transition: top 0.5s ease !important;
	-moz-transition: top 0.5s ease !important;
	-o-transition: top 0.5s ease !important;
	transition: top 0.5s ease !important;
	overflow: auto !important;
	z-index: 999999 !important;
}
.fullmod.fullmod-hidden {
	visibility: hidden
}
.fullmod.fullmod-hiding {
	overflow: hidden
}
.fullmod .fullmod-content .fullmod-head .title {
	font-size: 50px;
	margin-bottom: 40px;
	margin-top: 0
}
.fullmod .fullmod-content .fullmod-head .buttons {
	position: absolute;
	top: 40px;
	right: 50px
}
.fullmod .fullmod-content .fullmod-head .buttons>a {
	font-size: 3em;
	color: #333;
	filter: alpha(opacity=30);
	-moz-opacity: .3;
	opacity: .3;
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
	text-decoration: none
}
.fullmod .fullmod-content .fullmod-head .buttons>a:hover {
	filter: alpha(opacity=50);
	-moz-opacity: .5;
	opacity: .5
}
.fullmod-open {
	overflow: hidden
}*/




.modal-fgp,
.modal-plane{
  position: fixed;
  z-index: 999;
  left: 0;
  top: -100%;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  transition: transform 0.3s ease-out;
  overflow: auto !important;
  background-color: #fff;
  
}

.modal-fgp.active,
.modal-plane.active {
  transform: translateY(100%);
  bottom: 100%;
}
/*
#modal-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  padding: 20px;
  box-sizing: border-box;
}
*/
#modal-close  {
	position: fixed;
	top: 40px;
	right: 50px;
	background-color: #44444c;
	font-size: 30px;
	font-weight: bold;
	position: fixed;
	z-index: 99999 !important;
	display: none;
	border: 0;
    border-radius: 50%;
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 1;
    cursor: pointer;
    outline: none;
}


#modal-close:hover {
  background-color: #36363d;
}

#modal-close.active {
  display: block;
}


.et-fb .modal-fgp,
.et-fb .modal-plane {
	display: none !important;
}
/***************** FULLSCREEN MODAL ENDE ********************/
/***************** FULLSCREEN MODAL ENDE ********************/
/***************** FULLSCREEN MODAL ENDE ********************/
/***************** FULLSCREEN MODAL ENDE ********************/
/***************** FULLSCREEN MODAL ENDE ********************/



/********************* NO ANIMATIONS ON MOBILE********************/
/********************* NO ANIMATIONS ON MOBILE********************/
/********************* NO ANIMATIONS ON MOBILE********************/
/********************* NO ANIMATIONS ON MOBILE********************/
/*
@media all and (max-width: 981px) {
	.et_animated {
		opacity: 1 !important
	}
	.et_pb_section * {
		-o-transition-property: none!important;
		-moz-transition-property: none!important;
		-webkit-transition-property: none!important;
		transition-property: none!important;
		-o-transform: none!important;
		-moz-transform: none!important;
		-ms-transform: none!important;
		-webkit-transform: none!important;
		transform: none!important;
		-webkit-animation: none!important;
		-moz-animation: none!important;
		-o-animation: none!important;
		animation: none !important;
	}
}




.otgs-development-site-front-end {
	display: none;
}
*/
/********************* NO ANIMATIONS ON MOBILE ENDE********************/
/********************* NO ANIMATIONS ON MOBILE ENDE********************/
/********************* NO ANIMATIONS ON MOBILE ENDE********************/
/********************* NO ANIMATIONS ON MOBILE ENDE********************/



/*********************MOBILE STACK ORDER********************/
/*********************MOBILE STACK ORDER********************/
/*********************MOBILE STACK ORDER********************/
/*********************MOBILE STACK ORDER********************/


/*** wrap row in a flex box ***/
.custom_row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
-webkit-flex-wrap: wrap; /* Safari 6.1+ */
flex-wrap: wrap;
}
 
/*** custom classes that will designate the order of columns in the flex box row ***/
.first-on-mobile {
-webkit-order: 1;
order: 1;
}
 
.second-on-mobile {
-webkit-order: 2;
order: 2;
}
 
.third-on-mobile {
-webkit-order: 3;
order: 3;
}
 
.fourth-on-mobile {
-webkit-order: 4;
order: 4;
}
/*** add margin to last column ***/
.custom_row:last-child .et_pb_column:last-child {
margin-bottom: 30px;
}
 
/*********************MOBILE STACK ORDER ENDE ********************/
/*********************MOBILE STACK ORDER ENDE ********************/
/*********************MOBILE STACK ORDER ENDE ********************/
/*********************MOBILE STACK ORDER ENDE ********************/


/*********************MEDIA QUERIES********************/
/*********************MEDIA QUERIES********************/
/*********************MEDIA QUERIES********************/
/*********************MEDIA QUERIES********************/


/* Grosse Bildschirme über (1405px) */
@media only screen and ( min-width: 1405px ) { 

}

/* Laptops & Desktops zwischen (1100-1405px) */
@media only screen and ( min-width: 1100px ) and ( max-width: 1405px) { 
	

}

/* Tablets in Landscape-Modus zwischen (981-1100px) */
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) { 
	


}

/* Tablets in Portrait-Modus zwischen (768-980px) */
@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {
	
	
h1 {
font-size: 50px;
}

h2 {
font-size: 40px;
}

h3{
font-size: 24px;
}	


}


/* Smartphones in Landscape-Modus zwischen (480-768px) */
@media only screen and ( min-width: 480px ) and ( max-width: 767px ) {
	
h1 {
font-size: 30px;
}

h2 {
font-size: 30px;
}

h3{
font-size: 24px;
}	
	

}


/* Smartphones im Portrait-Modus zwischen (0-479px) */
@media only screen and ( max-width: 479px ) {


body {
	font-size: 15px;
	line-height: 1.4em;
}
	
h1 {
font-size: 30px;
}

h2 {
font-size: 28px;
}

h3{
font-size: 20px;
}
	
nav, .cursor  {
	display: none;
}  
}