/*
 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 =====================================================
	==================================================================  */
	
.glowcontainer	
	
/* css goes in .card */

.glowcontainer {
    --blob-size:250px;
}

.glowcontainer .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.glowcontainer .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.glowcontainer .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}	
	
	
	
	
	
	
	
.herotext {
        position: fixed;
        top: 35%;
        left: 50%;
        transform: translate(-50%, -35%);
        opacity: 1;
        /*transition: opacity 0.5s;*/
    }
	


/* #region Content Blocker */
.agreement-box {
	background: #fff;
	color: #000;
	border-radius: 8px;
	box-shadow: 0 0 6px 2px #0001;
	padding: 1.5rem;
	text-align: center;
	font-family: 'Poppins',sans-serif;
  font-weight: 500;

}

#cookie-notice #cn-close-notice {
	display: none !important;
}

/* #endregion Content Blocker */




	
	
	
/* Background color bar */
ul.et_pb_side_nav {
    background: #da181f;
}

/* Active dot color */
ul.et_pb_side_nav .side_nav_item a.active {
    background-color: #000000!important;
}

/* Inactive dot color */
ul.et_pb_side_nav .side_nav_item a {
    background-color: #e4e4e4;
}





/* Name label 1 */
ul.et_pb_side_nav .side_nav_item:hover a#side_nav_item_id_0:before {
	content: "About us";
}

/* Name label 2 */
ul.et_pb_side_nav .side_nav_item:hover a#side_nav_item_id_1:before {
	content: "What we do";
}

/* Name label 3 */
ul.et_pb_side_nav .side_nav_item:hover a#side_nav_item_id_2:before {
	content: "Faq";
}

/* Name label 4 */
ul.et_pb_side_nav .side_nav_item:hover a#side_nav_item_id_3:before {
	content: "Services";
}

/* Name label 5 */
ul.et_pb_side_nav .side_nav_item:hover a#side_nav_item_id_4:before {
	content: "Blog";
}

/* Name label 6 */
ul.et_pb_side_nav .side_nav_item:hover a#side_nav_item_id_5:before {
	content: "Contact";
}

#side_nav_item_id_0 {
	text-indent: -9999px;
}



/* Label styling */
ul.et_pb_side_nav li.side_nav_item {
	margin-top: 5px;
	text-align: right;
}

 
ul.et_pb_side_nav li.side_nav_item a:before {
	padding: 12px !important;
}
 
ul.et_pb_side_nav {
	width: auto;
	background: none;
	top: 50%;
}	
	
	
	
	
	
	
/****************************** MOBILE STACKING ORDER ************************************/	
/****************************** MOBILE STACKING ORDER ************************************/	
/****************************** MOBILE STACKING ORDER ************************************/	
/****************************** MOBILE STACKING ORDER ************************************/	
/****************************** MOBILE STACKING ORDER ************************************/	


@media all and (max-width: 980px) {
/*** 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 STACKING ORDER ENDE ************************************/
/****************************** MOBILE STACKING ORDER ENDE ************************************/
/****************************** MOBILE STACKING ORDER ENDE ************************************/
/****************************** MOBILE STACKING ORDER ENDE ************************************/
/****************************** MOBILE STACKING ORDER ENDE ************************************/	

	
/****************************** MOBILE MENU ************************************/	
/****************************** MOBILE MENU ************************************/		
/****************************** MOBILE MENU ************************************/		
/****************************** MOBILE MENU ************************************/	
/****************************** MOBILE MENU ************************************/



.free-animated-menu {
    cursor: pointer;
  }
.free-animated-menu .line{
display: block;
position: absolute;
height: 3px;
border-radius: 50px;
width: 100%;
background: #fff;
opacity: 1;
-webkit-transition: .3s ease-in-out;
-moz-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.free-animated-menu.free-light .line {
background: #222;    
}
 
.free-animated-menu .line-2 {
top: 10px;
}
 
.free-animated-menu .line-3 {
top: 20px;
}


.et_pb_bg_layout_light .et_pb_menu__search-input {
    color: #fff !important;
}



.dd-first-column {
	min-height: 60vh !important;
}
.dd-second-column {
	min-height: 40vh !important;
}
/*************************************/


.free-vertical-menu .et_mobile_nav_menu, .free-vertical-menu .et_mobile_menu {
    display: block!important;
    position: relative!important;
    list-style: none!important;
    top: 0!important;
    width: 100%!important;
    margin: 0!important;
    padding: 0!important;
    border: none!important;
    box-shadow: none!important;
}
.free-vertical-menu .et_pb_menu__menu,
.free-vertical-menu .et_pb_menu__cart-button,
.free-vertical-menu .et_pb_menu__search-button,
.free-vertical-menu .mobile_menu_bar {
display: none!important;
}
.free-vertical-menu .et_mobile_menu li, .free-vertical-menu .et_mobile_menu ul {
    list-style: none!important;
padding: 0!important;
}
.free-vertical-menu .menu-item-has-children>a {
    background-color: transparent;
}


/*************************************/



@media screen and (min-width: 981px) {
  .free-header-menu .et-menu>li,
    .free-header-menu .et_pb_menu__cart-button,
        .free-header-menu .et_pb_menu__search-button {
    padding: 0!important;
  margin: 0!important;
  }
  .free-header-menu .et-menu>li>a {
      padding: 25px 20px!important;
  }
  .free-header-menu .et_pb_menu__cart-button,
  .free-header-menu .et_pb_menu__search-button {
    padding-left: 20px!important;
      padding-right: 20px!important;
  }
  .free-menu-padding-small .et-menu>li>a {
      padding: 18px 20px!important;
  }
  #page-container .free-header-menu .et-menu {
      margin: 0!important;
    padding: 0!important;
  }
  #page-container .free-header-menu .et-menu>li>a:after, .et-db #page-container #et-boc .free-header-menu .et-menu>li>a:after {
      position: relative!important;
      margin-left: 4px!important;
      margin-right: -2px!important;
      transform: none!important;
      top: 0!important;
  }
  .free-header-menu .et-menu>li>a {
display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 31px 0;
    white-space: nowrap;
  }
  .free-header-menu .et_pb_menu__cart-button,
  .free-header-menu .et_pb_menu__search-button {
  position: relative;
  }
  .free-header-menu .et_pb_menu__search-input {
      padding-left: 18px;
  }
  #page-container .free-header-menu .et-menu li li a {
      padding: 6px 20px!important;
  }
  #page-container .free-header-menu .et-menu li li.menu-item-has-children>a:first-child {
      padding-right: 30px!important;
  }
  .free-header-menu .et-menu li li.menu-item-has-children>a:first-child:after, .et-db #page-container #et-boc .free-header-menu .et-menu li li.menu-item-has-children>a:first-child:after {
      top: 6px;
      right: 17px;
  }
}
@media screen and (max-width: 980px) {
  .free-header-menu .et_pb_menu__wrap {
      min-height: 81px;
  }
}
.et_pb_sticky .et_mobile_menu {
    max-height: 75vh!important;
    overflow-y: scroll!important;
}

/************ NUMMER VOR DEM MENÜPUNKT *************************/	


.free-menu-counter .et_mobile_menu>li>a:before {
    opacity: 0.22;
    counter-increment: db-menu-counter;
    content: counter(db-menu-counter) "—";
    font-weight: 300!important;
}
.free-menu-counter .et_mobile_menu>li:nth-child(-n+9)>a:before {
    counter-increment: db-menu-counter;
    content: "0"counter(db-menu-counter) "—";
}
.free-menu-counter .et_mobile_menu {
    counter-reset: db-menu-counter;
}



/*************************************/	


  .et_pb_bg_layout_light .et_pb_menu__search-input {
    color: #222;
  }
  .et_pb_bg_layout_dark .et_pb_menu__search-input {
    color: #fff;
  }
  .et_pb_bg_layout_light .et_pb_menu__search-input::-webkit-input-placeholder {
    color: #222!important;
  }
  .et_pb_bg_layout_light .et_pb_menu__search-input:-moz-placeholder { /* Firefox 18- */
    color: #222!important;  
  }
  .et_pb_bg_layout_light .et_pb_menu__search-input::-moz-placeholder {  /* Firefox 19+ */
    color: #222!important;  
  }
  .et_pb_bg_layout_light .et_pb_menu__search-input:-ms-input-placeholder {  
    color: #222!important;  
  }
  .et_pb_bg_layout_dark .et_pb_menu__search-input::-webkit-input-placeholder {
    color: #fff!important;
  }
  .et_pb_bg_layout_dark .et_pb_menu__search-input:-moz-placeholder { /* Firefox 18- */
    color: #fff!important;  
  }
  .et_pb_bg_layout_dark .et_pb_menu__search-input::-moz-placeholder {  /* Firefox 19+ */
    color: #fff!important;  
  }
  .et_pb_bg_layout_dark .et_pb_menu__search-input:-ms-input-placeholder {  
    color: #fff!important;  
  }

  @media screen and (max-width: 980px) {
    .et_pb_bg_layout_light_tablet .et_pb_menu__search-input {
      color: #222;
    }
    .et_pb_bg_layout_dark_tablet .et_pb_menu__search-input {
      color: #fff;
    }
    .et_pb_bg_layout_light_tablet .et_pb_menu__search-input::-webkit-input-placeholder {
      color: #222!important;
    }
    .et_pb_bg_layout_light_tablet .et_pb_menu__search-input:-moz-placeholder { /* Firefox 18- */
      color: #222!important;  
    }
    .et_pb_bg_layout_light_tablet .et_pb_menu__search-input::-moz-placeholder {  /* Firefox 19+ */
      color: #222!important;  
    }
    .et_pb_bg_layout_light_tablet .et_pb_menu__search-input:-ms-input-placeholder {  
      color: #222!important;  
    }
    .et_pb_bg_layout_dark_tablet .et_pb_menu__search-input::-webkit-input-placeholder {
      color: #fff!important;
    }
    .et_pb_bg_layout_dark_tablet .et_pb_menu__search-input:-moz-placeholder { /* Firefox 18- */
      color: #fff!important;  
    }
    .et_pb_bg_layout_dark_tablet .et_pb_menu__search-input::-moz-placeholder {  /* Firefox 19+ */
      color: #fff!important;  
    }
    .et_pb_bg_layout_dark_tablet .et_pb_menu__search-input:-ms-input-placeholder {  
      color: #fff!important;  
    }
  }


/*************************************/	


.free-hide-menu-items .et_pb_menu__menu, .free-hide-menu-items .et_mobile_nav_menu {
    display: none!important;
}
.free-hide-menu-items .et_pb_menu__cart-button, .free-hide-menu-items .et_pb_menu__search-button {
    padding: 29px 12px!important;
    margin: 0!important;
}
.free-hide-menu-items .et_pb_menu__close-search-button {
    margin-right: 2px!important;
}

/*************************************/	

 .free-241-dark-menu .et_mobile_menu>li>a {
      padding: 16px 0!important;
  }
  
  html:not(.et-fb-root-ancestor) #page-container .et_pb_section:first-child.free-241-dark-menu-bar {
    position: fixed!important;
    left: 0!important;
    right: 0!important;
  }
  
  .free-241-dark-menu .et_mobile_menu .menu-item-has-children.clickable > a > span.db-parent-icon:after {
      font-size: 1em!important;
  }
  
#page-container .free-241-dark-menu-bar, .et-db #page-container #et-boc .et-l .free-241-dark-menu-bar {
      z-index: 99998!important;
    position: relative!important;
  }

  .free-241-dark-menu .et_mobile_menu, .free-241-dark-menu .et_mobile_menu .sub-menu {
    text-align: inherit!important;
  }
  .free-241-dark-menu .et_mobile_menu li a {
    border: none!important;
  }
  .free-241-dark-menu .et_mobile_menu li li a {
    font-size: 1em!important;
    letter-spacing: inherit!important;
  text-transform: inherit!important;
      font-weight: inherit!important;
  }
  .free-241-dark-menu .et_mobile_menu ul.sub-menu {
  margin-bottom: 12px!important;
  }
  html:not(.et-fb-root-ancestor) .free-241-dark-menu, html.et-fb-root-ancestor header.et-fb-root-ancestor-sibling .free-241-dark-menu {
    overflow: auto!important;
      position: fixed!important;
      top: 0!important;
      bottom: 0!important;
      left: 0!important;
    right: 0!important;
      transition: all 0.5s ease!important;
      z-index: 99996!important;
      min-height: 0!important;
  }
  html:not(.et-fb-root-ancestor) body.admin-bar .free-241-dark-menu, html.et-fb-root-ancestor body.admin-bar header.et-fb-root-ancestor-sibling .free-241-dark-menu {
      top: 32px!important;
  }
  html.et-fb-root-ancestor .free-241-dark-menu, html.et-fb-root-ancestor .free-241-dark-menu .et_pb_row {
      position: relative!important;
      min-height: 800px!important;
  }
html.et-fb-root-ancestor header.et-fb-root-ancestor-sibling .free-241-dark-menu .et_pb_row {
      min-height: 100%!important;
  }
html:not(.et-fb-root-ancestor) .free-241-dark-menu, html.et-fb-root-ancestor header.et-fb-root-ancestor-sibling .free-241-dark-menu,
  html:not(.et-fb-root-ancestor) .free-241-dark-menu .et_pb_row, html.et-fb-root-ancestor header.et-fb-root-ancestor-sibling .free-241-dark-menu .et_pb_row {
      overflow: hidden!important;
  }
  .free-241-dark-menu .et_pb_column {
    transition: all 0.5s ease;
  }
  html:not(.et-fb-root-ancestor) .free-241-dark-menu .et_pb_column:first-child, html.et-fb-root-ancestor header.et-fb-root-ancestor-sibling .free-241-dark-menu .et_pb_column:first-child {
      transform: translateY(-100%);
    
  }
  html:not(.et-fb-root-ancestor) .free-241-dark-menu .et_pb_column:nth-child(2), html.et-fb-root-ancestor header.et-fb-root-ancestor-sibling .free-241-dark-menu .et_pb_column:nth-child(2) {
      transform: translateY(100%);
    transition-delay: 0.5s;
  }

  body:not(.free-241-dark-active):not(.et-fb-root-ancestor) .free-241-dark-menu, body.et-fb-root-ancestor:not(.free-241-dark-active) header.et-fb-root-ancestor-sibling .free-241-dark-menu {
      pointer-events: none!important;
  }

/*************************************/	



html:not(.et-fb-root-ancestor) body:not(.free-241-dark-active) .free-241-dark-menu .et_pb_column .et_pb_module {
    transition-delay: 0.3s!important;
}
html:not(.et-fb-root-ancestor) .free-241-dark-menu .et_pb_column:first-child .et_pb_module {
    transform: translateY(50px);
    opacity: 0;
    transition: all 0.5s ease 0.5s;
}
html:not(.et-fb-root-ancestor) .free-241-dark-menu .et_pb_column:nth-child(2) .et_pb_module {
    transform: translateY(50px);
    opacity: 0;
    transition: all 0.5s ease 1s;
}
html:not(.et-fb-root-ancestor) .free-241-dark-active .free-241-dark-menu .et_pb_column .et_pb_module {
    transform: translateY(0px)!important;
    opacity: 1!important;
}

.free-241-dark-trigger.free-animated-menu .line-2 {
width: 80%!important;
}
.free-241-dark-trigger.free-animated-menu .line-3 {
width: 50%!important;
}
.free-241-dark-active .free-241-dark-trigger.free-animated-menu .line-3 {
width: 100%!important;
}
  
.free-241-dark-active .free-241-dark-trigger .line {
background: #e51b23!important;
}
.free-241-dark-active .free-241-dark-trigger {
background: #fff!important;
}
  

.et_pb_sticky_placeholder {
  pointer-events: none!important;
}

.free-241-dark-active #page-container .free-241-dark-trigger, .et-db.free-241-dark-active #page-container #et-boc .et-l .free-241-dark-trigger {
    top: 0!important;
    position: fixed!important;
    right: 0!important;
}
body.admin-bar.free-241-dark-active #page-container .free-241-dark-trigger, body.admin-bar.et-db.free-241-dark-active #page-container #et-boc .et-l .free-241-dark-trigger {
    top: 32px!important;
}
  
  
.free-241-dark-active .free-241-dark-trigger .line-1 {
top: 10px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
 
.free-241-dark-active .free-241-dark-trigger .line-2 {
display: none;
}
 
.free-241-dark-active .free-241-dark-trigger .line-3 {
top: 10px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}

  .free-241-dark-active #page-container .free-241-dark-menu {
    overflow: auto!important;
  }
  .free-241-dark-active {
   overflow: hidden!important; 
  }
  html:not(.et-fb-root-ancestor) .free-241-dark-active .free-241-dark-menu .et_pb_column:first-child, html.et-fb-root-ancestor .free-241-dark-active header.et-fb-root-ancestor-sibling .free-241-dark-menu .et_pb_column:first-child {
      transform: translateY(0%)!important;
  }
  html:not(.et-fb-root-ancestor) .free-241-dark-active .free-241-dark-menu .et_pb_column:nth-child(2), html.et-fb-root-ancestor .free-241-dark-active header.et-fb-root-ancestor-sibling .free-241-dark-menu .et_pb_column:nth-child(2) {
      transform: translateY(0%)!important;
  }
  
  /*************************************/	
  
  @media screen and (max-width: 980px) {
  .free-db-mobile-menu {
    display: none!important;
  }
}

  /*************************************/	


.free-vertical-menu .et_mobile_menu .menu-item-has-children.clickable > a > span.db-parent-icon:after {
  font-size: 16px;
  font-family: "ETmodules";
  text-align: center;
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
}
.free-vertical-menu .et_mobile_menu .menu-item-has-children.clickable > a > span.db-parent-icon:after {
  content: "3";
}
.free-vertical-menu .et_mobile_menu .menu-item-has-children.clickable.visible > a > span.db-parent-icon:after {
  content: "2";
}
.free-vertical-menu .et_mobile_menu .menu-item-has-children.clickable,
.free-vertical-menu .et_mobile_menu .menu-item-has-children > a {
  position: relative;
}
.free-vertical-menu .et_mobile_menu ul.sub-menu,
.et-db #et-boc .et-l .free-vertical-menu .et_mobile_menu ul.sub-menu {
  display: none !important;
  visibility: hidden !important;
  transition: none!important;
}
.free-vertical-menu .et_mobile_menu .visible > ul.sub-menu,
.et-db #et-boc .et-l .free-vertical-menu .et_mobile_menu .visible > ul.sub-menu {
  visibility: visible !important;
  display: block !important;
}
.free-vertical-menu .et_mobile_menu .menu-item-has-children.clickable > a > .db-parent-icon {
margin-left: 6px;
    top: 2px;
    position: relative;
}


  /*************************************/


html:not(.et-fb-root-ancestor) .free-code-explainer-wrapper,
  .et-fb-root-ancestor-sibling .free-code-explainer-wrapper,
  .et-fb-root-ancestor-sibling.free-code-explainer-wrapper {
display: none!important;
}
html.et-fb-root-ancestor .free-slide-in-menu-collapsible-explainer.et_pb_code {
    background: #151515!important;
outline: 4px double rgba(255, 255, 255, 0.76);
    outline-offset: -18px;
}
html.et-fb-root-ancestor .free-slide-in-menu-collapsible-explainer.et_pb_code:before {
    content: 'This is the code for collapsible vertical menu (parent links non-clickable). If you wish to make the parent links clickable, then just go to this code module settings & scroll to the bottom of the content area & change db_collapse_menu_module_submenus_on_mobile(false); to db_collapse_menu_module_submenus_on_mobile(true);';
    display: block;
    position: relative;
    padding: 38px;
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 1.7em;
}
	
/****************************** MOBILE MENU ENDE ************************************/	
/****************************** MOBILE MENU ENDE ************************************/	
/****************************** MOBILE MENU ENDE ************************************/	
/****************************** MOBILE MENU ENDE ************************************/
/****************************** MOBILE MENU ENDE ************************************/		














/****************************** KARUSSELL ************************************/
/****************************** KARUSSELL ************************************/
/****************************** KARUSSELL ************************************/
/****************************** KARUSSELL ************************************/
/****************************** KARUSSELL ************************************/
/*! Flickity v2.3.0
https://flickity.metafizzy.co
---------------------------------------------- */


.dc-carousel {
	width: 80%;
	max-width: 1080px;
	margin: auto;	
}




.flickity-enabled {
	position: relative
}
.flickity-enabled:focus {
	outline: 0
}
.flickity-viewport {
	overflow: hidden;
	position: relative;
	height: 100%
	

;
	
}
.flickity-slider {
	position: absolute;
	width: 100%;
	height: 100%
}
.flickity-enabled.is-draggable {
	-webkit-tap-highlight-color: transparent;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.flickity-enabled.is-draggable .flickity-viewport {
	cursor: move;
	cursor: -webkit-grab;
	cursor: grab
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
	cursor: -webkit-grabbing;
	cursor: grabbing
}
.flickity-button {
  position: absolute;
  background: gray;
  border: none;
  color: #333;
}
.flickity-button:hover {
	background: #fff;
	cursor: pointer
}
.flickity-button:focus {
	outline: 0;
	box-shadow: 0 0 0 5px #19f
}
.flickity-button:active {
	opacity: .6
}
.flickity-button:disabled {
	opacity: .3;
	cursor: auto;
	pointer-events: none
}
.flickity-button-icon {
	fill: currentColor
}
.flickity-prev-next-button {
	top: -25px;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	transform: translateY(-50%);
}
.flickity-prev-next-button.previous {
	  right: 60px !important;
	  left: unset;
}
.flickity-prev-next-button.next {
	right: 0px;
}
.flickity-rtl .flickity-prev-next-button.previous {
	left: auto;
	right: 10px
}
.flickity-rtl .flickity-prev-next-button.next {
	right: auto;
	left: 10px
}
.flickity-prev-next-button .flickity-button-icon {
	position: absolute;
	left: 20%;
	top: 20%;
	width: 60%;
	height: 60%
}
.flickity-page-dots {
	position: absolute;
	width: 100%;
	bottom: 20px;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
	line-height: 1
}
.flickity-rtl .flickity-page-dots {
	direction: rtl
}
.flickity-page-dots .dot {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 8px;
	background: #333;
	border-radius: 50%;
	opacity: .25;
	cursor: pointer
}
.flickity-page-dots .dot.is-selected {
	opacity: 1
}

:root {

  /* carousel elements on desktop */
  --dc-carousel-lg: 1; 

  /* carousel elements on tablet */
  --dc-carousel-md: 1;

  /* carousel elements on tablet */
  --dc-carousel-sm: 1;

    /* cell spacing */
    --dc-spacing-lg: 0px; 

}

.dc-carousel {

  /* carousel elements on desktop */
  --dc-carousel-lg: 1; 

  /* carousel elements on tablet */
  --dc-carousel-md: 1;

  /* carousel elements on tablet */
  --dc-carousel-sm: 1;
}

/* hide while loading */
html:not(.et-fb-root-ancestor) .dc-carousel:not(.dc-loaded)  {
  visibility: hidden;
}

.dc-carousel.dc-lg-3 {
  --dc-carousel-lg: 3; 
}
.dc-carousel.dc-lg-5 {
  --dc-carousel-lg: 5; 
}

/* only until JS */
.dc-carousel.dc-spacing-5 {
  /* cell spacing */
  --dc-spacing-lg: 5px; 
}
.dc-carousel.dc-spacing-10 {
  /* cell spacing */
  --dc-spacing-lg: 10px; 
}

/* define the width  */
.dc-carousel:not(.dc-blog) .flickity-viewport .flickity-slider > *,
.dc-carousel.dc-blog .flickity-viewport article {
  transition: transform 0ms !important;
  margin: 0 var(--dc-spacing-lg) !important;
  width: calc( (100% - ( var(--dc-spacing-lg) * var(--dc-carousel-lg) * 2 ) ) / var(--dc-carousel-lg)) !important;
}
@media all and (min-width: 768px) and (max-width: 980px) {
  .dc-carousel:not(.dc-blog) .flickity-viewport .flickity-slider > *,
  .dc-carousel.dc-blog .flickity-viewport article {
    width: calc(100%  / var(--dc-carousel-md)) !important;
  }
}
@media all and (max-width: 767px) {
  .dc-carousel:not(.dc-blog) .flickity-viewport .flickity-slider > *,
  .dc-carousel.dc-blog .flickity-viewport article {
    width: calc(100% - ( var(--dc-spacing-lg) * var(--dc-carousel-sm) ) / var(--dc-carousel-sm)) !important;
  }
}

.dc-carousel .flickity-viewport .flickity-slider > .et_pb_row,
.dc-carousel .flickity-viewport .flickity-slider > .et_pb_column {
  transition: transform 0ms !important;
  margin: 0 var(--dc-spacing-lg) !important;
}


/* transform transition */
/* .dc-carousel .flickity-slider .flickity-slider > * > * {
  transition: transform 0.5s;
} */

/* .dc-carousel .flickity-slider .et_pb_row:not(.is-selected) .et_pb_column {
  transform: scale(0.8);
  opacity: 0.7;
} */

/* 
 * 3D CAROUSEL
 * 
 */
.dc-carousel.dc-3d .flickity-slider > * > * {
  transition: transform 0.33s ease;
  transform: scale(0.5);
}

.dc-carousel.dc-3d .flickity-slider > * {
  z-index: 10;
  opacity: 0;
  transition: opacity 0.2s;
}

.dc-carousel.dc-3d .flickity-slider > .is-selected > * {
  transform: scale(1);
}

.dc-carousel.dc-3d .flickity-slider > .is-selected {
  opacity: 1;
}

.dc-carousel.dc-3d [dc-3d="1"],
.dc-carousel.dc-3d [dc-3d="-1"] {
  z-index: 9;
  opacity: 1;
}
.dc-carousel.dc-3d [dc-3d="1"] > * {
  transform: perspective(1100px) translate3d(-21%, 0px, -87px) rotateX(0deg) rotateY(-20deg) scale(0.9);
}
.dc-carousel.dc-3d [dc-3d="-1"] > * {
  transform: perspective(1100px) translate3d(21%, 0px, -87px) rotateX(0deg) rotateY(20deg) scale(0.9);;
}

.dc-carousel.dc-3d [dc-3d="2"],
.dc-carousel.dc-3d [dc-3d="-2"] {
  z-index: 8;
  opacity: 1;
}
.dc-carousel.dc-3d [dc-3d="2"] > * {
  transform: perspective(1100px) translate3d(-57%, 0px, -87px) rotateX(0deg) rotateY(-20deg) scale(0.8);;
}
.dc-carousel.dc-3d [dc-3d="-2"] > * {
  transform: perspective(1100px) translate3d(57%, 0px, -87px) rotateX(0deg) rotateY(20deg) scale(0.8);;
}

/* 3d shadow */
.dc-carousel.dc-3d .flickity-slider > * > *::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* .dc-carousel .flickity-slider > [dc-3d="-1"] > *::after {
  background-image: linear-gradient(to left,rgba(44,36,0,0.52),rgba(0,0,0,0));
  opacity: 0.2;
} */

.flickity-page-dots {
  transform: translateY(30px);
  z-index: 500;
}







  


  .test {
    margin-bottom: 0px !important;
z-index: 8;
position: absolute !important;
top: -111px;
bottom: auto;
right: 0px;
left: auto;
text-align: center;
  }


/****************************** KARUSSELL ENDE ************************************/
/****************************** KARUSSELL ENDE ************************************/
/****************************** KARUSSELL ENDE ************************************/
/****************************** KARUSSELL ENDE ************************************/
/****************************** KARUSSELL ENDE ************************************/







/****************************** PAGE INDICATOR + MOUSE HOVER DRAG ************************************/
/****************************** PAGE INDICATOR + MOUSE HOVER DRAG ************************************/
/****************************** PAGE INDICATOR + MOUSE HOVER DRAG ************************************/
/****************************** PAGE INDICATOR + MOUSE HOVER DRAG ************************************/
/****************************** PAGE INDICATOR + MOUSE HOVER DRAG ************************************/
/****************************** PAGE INDICATOR + MOUSE HOVER DRAG ************************************/
/****************************** PAGE INDICATOR + MOUSE HOVER DRAG ************************************/





body::-webkit-scrollbar{
    display: none;
  }
 body {
    -ms-overflow-style: none;
  } 
html {
    scrollbar-width: none;
  }  
  

html,
body {
  font-family:'Poppins',sans-serif;
 font-weight:300;

 background:#121718;
 font-size:14px;
 color:#fff;
}

.pageIndicator {
 height:135px;
 left:98%;
 position:fixed;
 top:50%;
 width:2px;
 -webkit-transform:translate3d(-50%,-50%,0);
 -moz-transform:translate3d(-50%,-50%,0);
 -o-transform:translate3d(-50%,-50%,0);
 -ms-transform:translate3d(-50%,-50%,0);
 transform:translate3d(-50%,-50%,0);
 z-index:1;
 opacity:0;
 margin-top:-14px;
 mix-blend-mode:difference;
 -webkit-transition:opacity 0.6s 0.9s,margin-top 0.6s 0.9s;
 -moz-transition:opacity 0.6s 0.9s,margin-top 0.6s 0.9s;
 -ms-transition:opacity 0.6s 0.9s,margin-top 0.6s 0.9s;
 -o-transition:opacity 0.6s 0.9s,margin-top 0.6s 0.9s;
 transition:opacity 0.6s 0.9s,margin-top 0.6s 0.9s
}
.pageIndicator.active {
 margin-top:-34px;
 opacity:1
}
.pageIndicator .topBar {
 height:0;
 left:0;
 position:absolute;
 top:0;
 width:100%;
 background:#fff
}
.pageIndicator .bottomBar {
 height:100%;
 left:0;
 position:absolute;
 top:auto;
 width:100%;
 bottom:0
}
.pageIndicator .bottomBar:after {
 content:"";
 height:calc(100% - 20px);
 left:0;
 position:absolute;
 top:auto;
 width:100%;
 bottom:0;
 background:rgba(255,255,255,.2)
}
.pageIndicator .bottomBar:before {
 content:"";
 height:2px;
 left:0;
 position:absolute;
 top:8px;
 width:100%;
 border-radius:50%;
 background:#fff
}




.cursor {
	position: fixed;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.3);
	border: 1px solid #f5f5f5;
	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: 80px;
	top: -30px;	
	font-size: 50px;
    
}
.cursordragwrapper.arrow::before {
    content: '\00AB';
    position: absolute;
    right: 80px;
    top: -30px;	
	font-size: 50px;
}


.cursorview, .cursordrag {
	color: #000;
}
/*
html,
* {
	cursor: none;
}
*/
/****************************** PAGE INDICATOR + MOUSE HOVER DRAG ENDE ************************************/
/****************************** PAGE INDICATOR + MOUSE HOVER DRAG ENDE ************************************/
/****************************** PAGE INDICATOR + MOUSE HOVER DRAG ENDE ************************************/
/****************************** PAGE INDICATOR + MOUSE HOVER DRAG ENDE ************************************/