/*
Theme Name:  Cityvawe_new-en
Theme URI:   http://www.website-entwicklung.eu/cityvawe
Version:     1.0
Description: A child theme of Divi. This is a custom child theme created for our site cityvawe-en.
Author:      admin
Author URI:  http://www.website-entwicklung.eu/cityvawe
Template:    Divi
*/


/*- Add any CSS custom code for this child theme below this line -*/


/*-----------------------------------------------------------------------------------------------------------------------------*/
/*-- [ @FONTS ] ---------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------*/


@font-face {
    font-family: 'Roboto';
    src: local('Roboto Light'), local('Roboto-Light'),
        url('../../wp-content/fonts/Roboto-Light.woff2') format('woff2'),
        url('../..//wp-content/fonts/Roboto-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: local('Roboto'), local('Roboto-Regular'),
        url('../../wp-content/fonts/Roboto-Regular.woff2') format('woff2'),
        url('../../wp-content/fonts/Roboto-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url('../../wp-content/fonts/Roboto-Medium.woff2') format('woff2'),
         url('../../wp-content/fonts/Roboto-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url('../../wp-content/fonts/Roboto-Bold.woff2') format('woff2'),
         url('../../wp-content/fonts/Roboto-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url('../../wp-content/fonts/Roboto-Black.woff2') format('woff2'),
         url('../../wp-content/fonts/Roboto-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
	font-display: swap;
}


/*-----------------------------------------------------------------------------------------------------------------------------*/
/*-- [ ALLGEMEIN ] ------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------*/


body {
	font-family: 'Roboto' !important;
	font-weight: 400;
	font-size: 15px !important;
	line-height: 1.35em;
	color: #1E2830;
}
#page-container {
	margin-top: 100px;
}


/*show desktop menu on phone*/
@media (max-width: 980px) {
.et_pb_menu .et_pb_menu__menu, .et_pb_fullwidth_menu .et_pb_menu__menu {
    display: flex;
  }
.et_pb_menu .et_mobile_nav_menu, .et_pb_fullwidth_menu .et_mobile_nav_menu {
    display: none;
}
}


/*#####################################################################################*/
/*## [ GDPR ] #######################################################################*/
/*#####################################################################################*/


.wordpress-gdpr-popup-close, .wordpress-gdpr-privacy-settings-popup-close {
	display: none;
}
.wordpress-gdpr-privacy-settings-popup-services-buttons .btn {
    font-weight: 700 !important;
}
p.wordpress-gdpr-privacy-settings-popup-description, .wordpress-gdpr-popup-privacy-settings-service-category-description {
    line-height: 1.5em !important;
}
a.wordpress-gdpr-popup-privacy-settings-service-category {
    padding: 0px 0px 0px 10px !important;
}


/*-----------------------------------------------------------------------------------------------------------------------------*/
/*-- [ HEADER ] ---------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------*/


.wrapper_03_header {
	position: fixed;
	left: 0px;
	top: 0px;
	right: 0px;
}
.wrapper_02_header_slogan_sprachen {
	 background-image: linear-gradient(to right, #000000, #211e20, #3a373c, #53525a, #6b707b);
	 padding: 1% 0% 1% 1% !important;
	 height: 22px;
}


/*-- [ HEADER > HOMEPAGE ] ----------------------------------------------------------------------------------------------------*/


.home #page-container {
	margin-top: 0%;
}
.home .wrapper_03_footer {
    scroll-snap-align: initial !important;
    scroll-snap-stop: initial !important;
}
.wrapper_03_header_video_homepage {
	min-height: 100vh;
}

/*-- [ HEADER > SLOGAN / SPRACHEN ] -------------------------------------------------------------------------------------------*/


.slogan {
	float: left;
	font-size: 12px;
	font-weight: 700;
	color: #FFFFFF;
}
.wrapper_sprachen {
	float: right;
	background-color: #000000;
	padding-left: 6px;
	padding-right: 6px;
}
.wrapper_sprachen a {
	color: #A1A7B7;
	font-size: 12px;
	font-weight: 900;
	padding-left: 3px;
	padding-right: 3px;
}
.wrapper_sprachen a:hover {
	color: #FFFFFF !important;
}
.wrapper_sprachen .active {
	color: #FFFFFF !important;
}


/*-- [ HEADER > WRAPPER LOGO / NAVI ] -----------------------------------------------------------------------------------------*/


.wrapper_02_logo_main_navi  {
	padding: 1% 2% 1% 1% !important;
	/*-webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,0.15);
	box-shadow: 0 2px 10px 0 rgba(0,0,0,0.15);*/
	height: 88px !important;
}
.wrapper_02_logo_main_navi, .wrapper_02_logo_main_navi .et_pb_column {
	height: 88px !important;
}
.wrapper_02_logo_main_navi .et_pb_column_1_tb_header, .et_pb_column_2_tb_header {
	display: flex;
	align-items: center;
}
.et_pb_column_2_tb_header {
	justify-content: flex-end;
}


/*-- [ HEADER > MAIN NAVI ] ---------------------------------------------------------------------------------------------------*/


.wrapper_03_header_home {
	position: fixed !important;
	left: 0;
	top: 0;
	right: 0;
	z-index: 100000000;
}
.wrapper_01_main_menu ul {
	margin-bottom: 8px !important;
}
.wrapper_01_main_menu li {
	padding-top: 8px;
	padding-bottom: 6px;
}
.wrapper_01_main_menu a {
	font-size: 1em;
	font-weight: 700;
	color: #2F3138;
	padding-bottom: 2px !important;
	letter-spacing: 0.05em;
}
.wrapper_01_main_menu a:hover {
	border-bottom: 1px solid #2F3138;
}
.wrapper_01_main_menu .current-menu-item a {
	border-bottom: 1px solid #2F3138;
}
.wrapper_01_main_menu .menu-item-5084 {
	border: 2px solid #4B505A;
	border-radius: 100px;
	padding-left: 24px !important;
	padding-right: 24px !important;
	margin-left: 16px !important;
}
.wrapper_01_main_menu .menu-item-5084 a:hover {
	border-bottom: none !important;
	color: #FFFFFF;
}
.wrapper_01_main_menu .menu-item-5084:hover {
	background-color: #2F3138;
}
.page-id-5107 .wrapper_01_main_menu .current-menu-item a {
	border-bottom: none;
}


.wrapper_01_main_menu .menu-item-5135 {
	border: 2px solid #4B505A;
	border-radius: 100px;
	padding-left: 24px !important;
	padding-right: 24px !important;
	margin-left: 16px !important;
}
.wrapper_01_main_menu .menu-item-5135 a:hover {
	border-bottom: none !important;
	color: #FFFFFF;
}
.wrapper_01_main_menu .menu-item-5135:hover {
	background-color: #2F3138;
}
.page-id-5073 .wrapper_01_main_menu .current-menu-item a {
	border-bottom: none !important;
}


/*-----------------------------------------------------------------------------------------------------------------------------*/
/*-- [ HOME ] -----------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------*/


.wrapper_03_home_header {
	height: calc(100vh - 100px) !important;
}


/*-- [ HOME > ACCORDEON VERICAL ] ---------------------------------------------------------------------------------------------*/


.dipi_image_accordion_0 .dipi_image_accordion_wrapper {
    height: 100vh;
    flex-direction: row;
}
.dipi_image_accordion_child .dipi-accordion-title {
    font-size: 1.75em !important;
    padding-bottom: 1em;
    line-height: 1.1em !important;
    font-weight: 700 !important;
	/*text-transform: uppercase;*/
	max-width: 60% !important;
	margin: auto;
}
.dipi_image_accordion_child .dipi-accordion-description {
    font-size: 1.25em !important;
	line-height: 1.25em !important;
    margin-bottom: 5em !important;
	max-width: 60% !important;
	margin: auto;
}
.dipi_image_accordion_child .et_pb_module_inner {
	background-color: rgba(0, 0, 0, 0.6);
}
.dipi-active .et_pb_module_inner {
	background-color: rgba(0, 0, 0, 0) !important;
}


/*-----------------------------------------------------------------------------------------------------------------------------*/
/*-- [ TECHNOLOGY ] -----------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------*/


.wrapper_03_technology_intro {
	height: calc(100vh - 100px) !important;
	scroll-snap-align: end;
	scroll-snap-stop: always;
}
.wrapper_03_technology {
	height: 100vh;
	scroll-snap-align: start;
	scroll-snap-stop: always;
}
.wrapper_02_technology_intro_copy {
	position:absolute;
	bottom: 5em;
	right: 7em;
	max-width: 580px !important;
}
.technology_intro_head {
	color: #FFFFFF;
	font-size: 2em;
	line-height: 1.25em;
	margin-bottom: 1em;
	font-weight: 900;
}
.technology_intro_copy {
	color: #FFFFFF;
	font-size: 1.25em;
	line-height: 1.25em;
	font-weight: 500;
}


/*-- [ TECHNOLOGY > SIDENAV ] -------------------------------------------------------------------------------------------------*/


ul.et_pb_side_nav {
    left: 0 !important;
	right: initial !important;
}
.chiddn_dotnav_enabled ul.et_pb_side_nav .side_nav_item a.active span, .chiddn_dotnav_enabled ul.et_pb_side_nav .side_nav_item a:hover span {
    right: -130px !important;
	text-transform: uppercase;
	font-weight: 700 !important;
	opacity: 1 !important;
}
.et_pb_side_nav .side_nav_item a {
	width: 1px !important;
	height: 24px !important;
	border: none !important;
	border-radius: 0px !important;
}
.et_pb_side_nav .side_nav_item .active {
	width: 4px !important;
	height: 24px !important;
	border: none !important;
}
.chiddn_dotnav_enabled ul.et_pb_side_nav li.side_nav_item {
    padding: 15px 10px !important;
}
.chiddn_dotnav_enabled ul.et_pb_side_nav .side_nav_item a span {
    font-size: 13px !important;
	right: -130px !important;
	opacity: 0 !important;
	display: initial !important;
}


/*-- [ TECHNOLOGY > COPY ] ----------------------------------------------------------------------------------------------------*/


.wrapper_02_technology {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	min-height: 20vh;
	padding-top: 1.75% !important;
	padding-bottom: 1.75% !important;
}
.wrapper_01_technology_copy {
	display: inline-block;
	height: 100%;
	padding-left: 10%;
	padding-right: 10%;
	border-left: 1px solid
}
.technology_head {
	font-size: 1.25em;
	font-weight: 700;
	padding-bottom: 0.5em;
}


/*-----------------------------------------------------------------------------------------------------------------------------*/
/*-- [ LOCATIONS ] ------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------*/


/*-- [ LOCATIONS > MAP ] ------------------------------------------------------------------------------------------------------*/


.wrapper_03_locations_map {
	height: calc(100vh - 100px) !important;
	scroll-snap-align: end;
	scroll-snap-stop: always;
}
.wrapper_03_locations_city {
	height: 100vh;
	scroll-snap-align: start;
	scroll-snap-stop: always;
}
.dipi-hotspot-icon {
    padding: 13% 15% 14% 8% !important;
}
.dipi-tooltip-image-icon {
	display: none;
}
.dipi-tooltip-wrap {
    background: transparent !important;
	margin-left: 10px !important;
}
.dipi-tooltip-title {
	font-size: 1em;
	line-height: 2.25em;
	color: #FFFFFF !important;
	letter-spacing: 0.1em;
	font-weight: 700;
	padding-bottom: 0% !important;
}
.dipi-tooltip-title a {
	background-color: #383B43;
	display: inline-block;
	padding-left: 1.5em;
	padding-right: 1.5em;
	border-radius: 100px;
	text-decoration: underline !important;
}


/*-- [ LOCATIONS > SIDEBAR COPY ] ---------------------------------------------------------------------------------------------*/


.wrapper_02_locations_city {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	max-width: 420px;
	padding: 0% 1.5% 2% 1.5% !important;
}
.wrapper_02_locations_city .et_pb_column {
	height: 100% !important;
	display: inline-block;
	position: relative;
}
.wrapper_01_locations_city_copy_bottom {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}
.main_wrapper_locations_copy_top {
	padding-top: 140px;
}
.locations_pin {
	float: left;
}
.wrapper_locations_copy_top {
	padding-left: 50px;
}
.locations_city_name {
	font-size: 2.5em;
	line-height: 1em;
	font-weight: 500;
}
.locations_land {
	font-size: 1.5em;
	line-height: 1.25em;
	margin-bottom: 1.5em;
}
.wrapper_locations_booking_link a {
	border: 2px solid #9A9DA1;
	border-radius: 100px;
	padding-left: 24px !important;
	padding-right: 24px !important;
	font-weight: 700;
	color: #696C72;
	font-size: 0.9em;
	line-height: 3em;
	display: inline-block;
	margin-top: 2.5em;
}
.wrapper_locations_booking_link a:hover {
	color: #FFFFFF;
	background-color: #9A9DA1;
}
.wrapper_01_locations_city_copy_bottom {
	padding-left: 7%;
	padding-right: 10%;
	border-left: 1px solid;
	padding-bottom: 1.25em;
	margin-left: 15%;
}
.instalation_type_head {
	font-size: 1.5em;
	line-height: 1.25em;
	font-weight: 500;
	margin-bottom: 0.5em;
}
.instalation_type_copy {
	font-size: 1.25em;
	font-weight: 400;
	line-height: 1.35em;
}


.page-id-42 #main-content .et_pb_side_nav .side_nav_item a {
  height: 18px !important;
}
.page-id-42 #main-content .et_pb_side_nav li {
  padding: 11px 10px !important;
}


/*-----------------------------------------------------------------------------------------------------------------------------*/
/*-- [ NEWS ] -----------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------*/


.dipi-hover-box-container .dipi-hover-box-content > div, .dipi-hover-box-container .dipi-hover-box-hover > div {
    max-width: 600px !important;
    margin: auto !important;
}
.page-id-54 .wrapper_01_news_with_button {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	flex-wrap: wrap;
}
.dipi-hover-box-container .et_pb_button {
	color: #2F3138;
	background-color: #FFFFFF;
	border-radius: 100px;
	border: none !important;
	font-size: 0.95em !important;
	font-weight: 900 !important;
	line-height: 3.25em !important;
	letter-spacing: 0.05em;
	padding-left: 2.5em !important;
	padding-right: 2.5em !important;
	text-transform: uppercase;
}
.dipi-hover-box-container .et_pb_button:hover {
	transition: none !important;
	background-color: #FFFFFF;
	color: #2F3138;
	border-radius: 100px;
	border: none !important;
	font-size: 0.95em !important;
	font-weight: 900 !important;
	line-height: 3.25em !important;
	letter-spacing: 0.05em;
	padding-left: 2.5em !important;
	padding-right: 2.5em !important;
	text-transform: uppercase;
	transform: scale(0.95);
}
.wrapper_text_news {
	max-width: 560px;
}
.wrapper_text_news_head {
	color: #FFFFFF !important;
	font-weight: 500 !important;
	padding-bottom: 2em !important;
}
.entry-title {
    line-height: 1.25em !important;
}
.wrapper_03_news_post_copy {
	padding-top: 0% !important;
}


/*-----------------------------------------------------------------------------------------------------------------------------*/
/*-- [ CONTACT ] --------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------*/


/*-- [ CONTACT > LINK SEITE ] -------------------------------------------------------------------------------------------------*/


.wrapper_01_contact_developer, .wrapper_01_contact_events, .wrapper_01_contact_press {
	display: flex;
	align-items: center;
	justify-content: center;
}
.wrapper_01_contact_developer, .wrapper_01_contact_events {
	height: calc(50vh - 62px)
}
.wrapper_01_contact_press {
	height: calc(50vh - 62px)
}
.button_contact {
	color: #2F3138;
	background-color: RGB(255,255,255,0.9);
	border-radius: 100px;
	border: none !important;
	font-size: 0.95em !important;
	font-weight: 900 !important;
	line-height: 4.25em !important;
	letter-spacing: 0.05em;
	-webkit-box-shadow: 0 0 40px 0 #000000;
	box-shadow: 0 0 40px 0 #000000;
	display: inline-block !important;
	padding-left: 2.75em !important;
	padding-right: 2.75em !important;
	margin: auto;
}
.button_contact:hover {
	transform: scale(0.975);
	box-shadow: 0 0 20px 0 #000000;
}
.wrapper_press_link, .wrapper_press_link a {
	color: #FFFFFF;
	font-size: 1.5em;
	line-height: 1.25em;
	font-weight: 500;
}
.wrapper_press_link a {
	text-decoration: underline;
}
.nf-form-content label {
    font-size: 16px !important;
    line-height: 18px !important;
}
.nf-form-fields-required {
	padding-bottom: 2em;
}
.nf-form-content .listselect-wrap .nf-field-element div, .nf-form-content input.ninja-forms-field, .nf-form-content select.ninja-forms-field:not([multiple]) {
    height: 72px !important;
}
.nf-form-content button, .nf-form-content input[type="button"], .nf-form-content input[type="submit"] {
    background: #FFFFFF !important;
    border: 2px solid #000000 !important;
    color: #000000 !important;
    transition: none !important;
	border-radius: 100px;
	float: right !important;
	padding-left: 3em;
	padding-right: 3em;
	cursor: pointer;
	font-size: 1.5em;
	text-transform: uppercase;
	font-weight: 700 !important;
}
.nf-form-content button:hover, .nf-form-content input[type="button"]:hover, .nf-form-content input[type="submit"]:hover {
    background: #000000 !important;
    color: #FFFFFF !important;
    transition: none !important;
}

/*-- [ CONTACT > FORMS ] ------------------------------------------------------------------------------------------------------*/


.form_head {
	font-size: 2em;
	font-weight: 500;
	line-height: 1.25em;
	text-transform: uppercase;
	margin-bottom: 1em;
}
.nf-form-content {
    padding: 0px !important;
    max-width: 1200px !important;
}
.nf-form-content .list-select-wrap .nf-field-element > div, .nf-form-content input:not([type="button"]), .nf-form-content textarea {
    background: #F5F6F6;
    border: none !important;
    border-radius: 0;
    box-shadow: none;
    color: #787878;
    transition: all .5s;
}
.nf-form-content .listselect-wrap .nf-field-element div, .nf-form-content input.ninja-forms-field, .nf-form-content select.ninja-forms-field:not([multiple]) {
    height: 4em;
}


/*-----------------------------------------------------------------------------------------------------------------------------*/
/*-- [ CONTACT NEU ] --------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------*/


.wrapper_01_contact_formular_headline h1 {
	color: #FFFFFF;
	font-size: clamp(36px, 3vw, 64px) !important;
	margin-top: 0.5em;
}
.wrapper_01_contact_formular_neu h4 {
	color: #FFFFFF;
	font-size: clamp(24px, 3vw, 36px) !important;
	margin-top: 2em;
}
.wrapper_01_contact_formular_neu label {
	color: #FFFFFF !important;
}
.wrapper_01_contact_formular_neu #nf-field-147 {
	  padding-left: 2em !important;
  padding-right: 2em !important;
}
.wrapper_01_contact_formular_neu #nf-field-147:hover {
  background: #FFFFFF !important;
  transition: none !important;
  transform: scale(0.98);
  color: #1E2830 !important;
  transition: all 0.2s ease-in-out 0s;
  transform: scale(0.95);
}
.wrapper_01_contact_formular_neu #nf-field-62 {
	  padding-left: 2em !important;
  padding-right: 2em !important;
}
.wrapper_01_contact_formular_neu #nf-field-62:hover {
  background: #FFFFFF !important;
  transition: none !important;
  transform: scale(0.98);
  color: #1E2830 !important;
  transition: all 0.2s ease-in-out 0s;
  transform: scale(0.95);
  padding-left: 1.5em !important;
  padding-right: 1.5em !important;
}
.ninja-forms-req-symbol {
	color: #FFFFFF !important;
}

.nf-response-msg {
	color: #FFFFFF !important;
	font-size: clamp(18px, 2vw, 36px) !important;
	line-height: 1.25em !important;
	margin-top: 1em !important;
}
.ninja-forms-field {
	font-size: clamp(14px, 2vw, 24px) !important;
	padding: 12px 18px 12px 18px !important;
	color: #000000 !important;
}


.nf-error.field-wrap .nf-field-element::after {
  font-size: 24px !important;
  height: 70px !important;
  width: 70px !important;
  line-height: 70px !important;
}
.nf-error-msg {
	font-size: clamp(14px, 2vw, 24px) !important;
	margin-top: 0.5em !important;
}


#nf-field-145-1 {
  width: 0em !important;
  height: 2em !important;
}


/*-----------------------------------------------------------------------------------------------------------------------------*/
/*-- [ IMPRINT / DATENSCHUTZ ] ------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------*/


.wrapper_01_imprint_head, .wrapper_01_privacy_policy_head {
	font-size: 2em;
	font-weight: 500;
}
.rechtstexte_subhead {
	font-size: 1.15em;
	margin-bottom: 0.5em;
	font-weight: 500;
}
.rechtstexte_sub_subhead {
	margin-bottom: 0.25em;
	font-weight: 500;
}
.rechtstexte_underline {
	text-decoration: underline;
}


/*-----------------------------------------------------------------------------------------------------------------------------*/
/*-- [ 404 ] ------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------*/


.error404 #page-container {
	margin-top: 0px !important;
}
.wrapper_03_page_not_found {
	display: flex !important;
	align-content: center !important;
}
.wrapper_01_page_not_found {
	color: #FFFFFF;
	font-size: 1.25em;
	line-height: 1.5em;
	font-weight: 500;
}
.wrapper_01_page_not_found a {
	font-size: 1.5em;
	line-height: 3em;
	font-weight: 500;
	display: inline-block;
	padding-left: 2em;
	padding-right: 2em;
	border: 2px #FFFFFF solid;
	border-radius: 100px;
	color: #FFFFFF;
	margin-top: 1em;
	
}

/*-----------------------------------------------------------------------------------------------------------------------------*/
/*-- [ FOOTER ] ---------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------*/


/*-- [ SCROLL DOWN MOUSE ] ----------------------------------------------------------------------------------------------------*/


.wrapper_02_scroll_down-mouse {
	padding-bottom: 0px !important;
	padding-top: 0px !important;
}
.wrapper_01_scroll_down-mouse {
	position: fixed;
	bottom: 4em;
	left: 0;
	right: 0;
}
.moving-mouse-holder {
  margin: auto;
  margin-top: 60px;
  width: 170px;
}
.moving-mouse-holder .mouse {
  width: 26px;
  height: 40px;
  position: relative;
  right: 0;
  border-radius: 18px;
  border: 2px solid #FFFFFF;
  margin: auto;
}
.moving-mouse-holder .mouse-button {
  background-color: #FFFFFF;
  width: 4px;
  height: 10px;
  border-radius: 2px;
  position: absolute;
  top: 10px;
  left: 50%;
  margin: 0 0 0 -2px;
  animation: mouse-scroll 1s infinite alternate;
}
.moving-mouse-holder .text {
  margin-top: -30px;
  margin-left: 40px;
  color: #33cc66;
  font-size: 12px;
  line-height: 1em;
}


@keyframes mouse-scroll {
  to {
    transform: translate(0, 6px) scale(1, 0.8);
  }
}


/*-- [ SCROLL DOWN MOUSE > LOCATIONS ] ----------------------------------------------------------------------------------------*/


.page-id-42 .moving-mouse-holder .mouse {
  border: 2px solid #1E2830;
}
.page-id-42 .moving-mouse-holder .mouse-button {
  background-color: #1E2830;
}


/*-- [ FOOTER > TESTIMONIAL ] -------------------------------------------------------------------------------------------------*/



.wrapper_02_footer_testimonial {
	padding-top: 1% !important;
	padding-bottom: 2% !important;
	border-bottom: 1px dotted #FFFFFF;
}
.dipi-testimonial-text {
    max-width: 760px !important;
    margin: auto !important;
	padding-top: 1em !important;
	margin-bottom: 0.75em !important;
	font-size: 1.35em !important;
	line-height: 1.5em !important;
}
.dipi-testimonial-name {
	font-size: 1em !important;
	line-height: 1em !important;
	font-weight: 800 !important;
}
.dipi-company-name {
	font-size: 0.9em !important;
	line-height: 1em !important;
}
.dipi_testimonial_0_tb_footer .swiper-button-next::after, .dipi_testimonial_0_tb_footer .swiper-button-next::before, .dipi_testimonial_0_tb_footer .swiper-button-prev::after, .dipi_testimonial_0_tb_footer .swiper-button-prev::before {
    color: #ffffff !important;
    font-size: 40px !important;
}
.dipi_testimonial_0_tb_footer .swiper-button-prev {
    left: -36px !important;
}


/*-- [ FOOTER > ADRESSE ] -----------------------------------------------------------------------------------------------------*/


.wrapper_02_footer_adresse {
	padding-top: 4% !important;
	padding-bottom: 4% !important;
}
.footer_firmenname {
	font-weight: 700;
	padding-bottom: 0.6em;
	font-size: 1.4em;
}
.footer_adresse {
	font-size: 1.1em;
	line-height: 1.5em;
	padding-bottom: 0.5em;
}
.footer_patent {
	font-size: .85em;
	margin-top: .5em;
	padding-bottom: 2.2em;
}
.social_media_icons {
	margin-left: 1em;
	shape-margin: 1em;
}


/*-- [ FOOTER > NAVI ] --------------------------------------------------------------------------------------------------------*/


.wrapper_02_footer_menu {
	background-image: linear-gradient(to right, #22242a, #24262c, #26292f, #292b31, #2b2e34, #2b2e34, #2b2e34, #2b2e34, #292b31, #26292f, #24262c, #22242a);
	padding-top: 2% !important;
	padding-bottom: 2% !important;
}
.wrapper_01_footer_menu a {
	color: #FFFFFF;
	font-size: 1em;
	padding-bottom: 0px !important;
}
.wrapper_01_footer_menu a:hover {
	text-decoration: underline;
}
.wrapper_01_footer_menu .current-menu-item a {
	text-decoration: underline;
}
.wrapper_01_footer_menu_menu #menu-footer_menu {
	border-right: 1px solid #FFFFFF;
}
.wrapper_01_footer_menu .et_pb_fullwidth_menu .et-menu > li, .wrapper_01_footer_menu .et_pb_menu .et-menu > li {
    padding-left: 18px !important;
    padding-right: 18px !important;
	border-left: 1px solid #FFFFFF;
	margin-top: 0px !important;
}






/*-----------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------*/
/*-- [ RESPONSIVE CODE ] ------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------*/






/*#############################################################################################################################*/
/*#############################################################################################################################*/
/*## [ 981 px - 1080 px ] #####################################################################################################*/
/*#############################################################################################################################*/
/*#############################################################################################################################*/


@media all and (min-width: 981px) and (max-width: 1080px) {


/*-----------------------------------------------------------------------------------------------------------------------------*/
/*-- [ ALLGEMEIN / 981 px - 1080 px ] -----------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------*/


body {
	font-size: 14px !important;
}


/*-----------------------------------------------------------------------------------------------------------------------------*/
/*-- [ HEADER / 981 px - 1080 px ] --------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------*/


.wrapper_sprachen {
    height: 22px;
	padding-top: 1px;
}
.slogan {
	height: 22px;
	padding-top: 1px;
}


/*-----------------------------------------------------------------------------------------------------------------------------*/
/*-- [ LOCATIONS / 981 px - 1080 px ] -----------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------*/


.wrapper_02_locations_city {
    max-width: 360px !important;
    padding: 0% 2.5% 2% 2.5% !important;
}
.locations_land {
    margin-bottom: 0.5em !important;
}
.wrapper_locations_booking_link a {
    margin-top: 2em;
}
.wrapper_01_locations_city_copy_bottom {
    padding-bottom: 1.5em !important;
}
.locations_city_name {
    font-size: 2em !important;
	line-height: 1.05em !important;
}
.locations_land {
    font-size: 1.35em !important;
}


}


/*#############################################################################################################################*/
/*#############################################################################################################################*/
/*## [ 768 px - 980 px ] ######################################################################################################*/
/*#############################################################################################################################*/
/*#############################################################################################################################*/


@media all and (min-width: 768px) and (max-width: 980px) {


/*-----------------------------------------------------------------------------------------------------------------------------*/
/*-- [ ALLGEMEIN / 768 px - 980 px ] ------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------*/


body {
	font-size: 14px !important;
}
.wrapper_02_scroll_down-mouse {
	display: none;
}
.wrapper_02_logo_main_navi {
	display: none;
}
#page-container {
	margin-top: 76px !important;
}


/*-----------------------------------------------------------------------------------------------------------------------------*/
/*-- [ HEADER / 768 px - 980 px ] ---------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------*/


.wrapper_03_header_home {
	position: fixed !important;
	left: 0;
	top: 0;
	right: 0;
	z-index: 100000000;
}
.slogan {
	font-size: 9px !important;
	height: 22px;
	padding-top: 3px
}
.wrapper_sprachen {
	height: 22px;
	padding-top: 2px;
}

/*-----------------------------------------------------------------------------------------------------------------------------*/
/*-- [ TAP TAP MENU / 768 px - 980 px ] ---------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------*/


.taptap-header {
    height: 54px !important;
}
.taptap-header, .taptap-header-bg-image {
	margin-top: 22px;
}
.taptap-logo-wrapper {
    top: 32px !important;
	left: 12px !important;
}
.taptap-menu-button-wrapper {
    right: 15px;
    top: 24px !important;
}
.taptap-main-inner-inner {
    padding: 60px 0 !important;
}
.taptap-by-bonfire ul li a {
    font-family: 'Roboto' !important;
	font-weight: 700 !important;
	font-size: 3.5em !important;
	padding: 6px 0 !important;
	line-height: 1em;
}
.taptap-by-bonfire ul li a:hover {
    color: #FFFFFF !important;
}
.taptap-by-bonfire ul li.current-menu-item > a, .taptap-by-bonfire .sub-menu .current-menu-item > a {
    color: #FFFFFF;
}
.taptap-background-color {
	background-color: rgba(0, 0, 0, 0.5) !important;
	color: rgba(0, 0, 0, 0.5) !important;
}


/*-----------------------------------------------------------------------------------------------------------------------------*/
/*-- [ HOMEPAGE / 768 px - 980 px ] -------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------*/


.wrapper_03_header_video_homepage {
	min-height: calc((100vw / 16) * 9) !important;
	
}


/*-- [ ACCORDEON / 768 px - 980 px ] ------------------------------------------------------------------------------------------*/


.wrapper_03_home_image_accordeon {
	min-height: 100vh !important;
}
.dipi_image_accordion_0 .dipi_image_accordion_wrapper {
    height: 100vh !important;
    flex-direction: column !important;
}
.dipi_image_accordion_child .dipi-accordion-description {
    font-size: 1.15em !important;
    margin-bottom: 3em !important;
    max-width: 85% !important;
}


/*-----------------------------------------------------------------------------------------------------------------------------*/
/*-- [ TECHNOLOGY / 768 px - 980 px ] -----------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------*/


.et_pb_side_nav {
	display: none !important;
}
.wrapper_03_technology_intro {
}
/*.wrapper_02_technology_intro_copy {
    position: absolute;
    bottom: 0px !important;
    right: 20px !important;
    width: calc(100% - 40px) !important;
    left: 20px !important;
}*/
.wrapper_02_technology_intro_copy {
    position: absolute;
    bottom: 4em !important;
    right: 7em !important;
    max-width: 480px !important;
}
.wrapper_03_technology {
}
.wrapper_02_technology {
	background-color: rgba(255,255,255,0.7) !important;
	left: 20px;
	bottom: 25px;
	width: calc(100% - 40px) !important;
	margin-left: 0% !important;
	margin-right: 0% !important;
	padding-top: 5% !important;
	padding-bottom: 5% !important;
	
}
/*.wrapper_02_technology .et_pb_column {
	margin: 0 0 20px !important;
}*/

.wrapper_01_technology_copy {

	padding-left: 8% !important;
	padding-right: 0% !important;
}
.page-id-44 .wrapper_03_technology .et_pb_column {
    width: 27% !important;
    margin-right: 5.5% !important;
}


/*-----------------------------------------------------------------------------------------------------------------------------*/
/*-- [ LOCATIONS / 768 px - 980 px ] ------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------*/


.wrapper_03_locations_map {
	display: none;
}
#wrapper_02_locations_city {
    position: absolute;
    left: 20px !important;
    right: 20px !important;
    bottom: 20px !important;
    width: calc(100% - 40px) !important;
	max-width: 100% !important;
    padding: 5% 7% 7% 7% !important;
    top: initial !important;
	margin-left: 0px !important;
	margin-right: 0px !important;
	background-color: rgba(255,255,255,0.7) !important;
}
.locations_pin {
	display: none;
}
.wrapper_locations_copy_top {
	padding-left: 0px !important;
}
.main_wrapper_locations_copy_top {
    padding-top: 0px !important;
}
.locations_land {
    font-size: 1.25em;
    line-height: 1.25em;
    margin-bottom: 0.75em;
}
.wrapper_01_locations_city_copy_bottom {
    padding-left: 3% !important;
    padding-right: 0% !important;
    padding-bottom: 0em !important;
    margin-left: 0% !important;
	margin-bottom: 0% !important;
}
.wrapper_locations_booking_link a {
    margin-top: 1em !important;
    margin-bottom: 7em !important;
	border: 1px solid #000 !important;
	font-weight: 500 !important;
	color: #000000 !important;
}


/*-----------------------------------------------------------------------------------------------------------------------------*/
/*-- [ KONTAKT / 768 px - 980 px ] --------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------*/


.wrapper_03_contact {
	padding-top: 0% !important;
}


/*-----------------------------------------------------------------------------------------------------------------------------*/
/*-- [ NEWS / 768 px - 980 px ] -----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------*/


.wrapper_03_news {
	padding-top: 0% !important;
}


/*-----------------------------------------------------------------------------------------------------------------------------*/
/*-- [ FOOTER / 768 px - 980 px ] ---------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------*/


.wrapper_03_footer {
	padding-top: 30px !important;
}
.wrapper_02_footer_testimonial {
	padding-bottom: 0% !important;
}
.dipi_testimonial_0_tb_footer .swiper-container {
    padding-top: 0px !important;
    padding-right: 30px !important;
    padding-bottom: 30px !important;
    padding-left: 30px !important;
}
.dipi-testimonial-img {
	width: 80px !important;
	height: 80px !important;
}
.dipi-testimonial-text {
    padding-top: 1em !important;
    margin-bottom: 0.85em !important;
    font-size: 1em !important;
    line-height: 1.4em !important;
}
.dipi-testimonial-name {
	font-size: 0.9em !important;
	margin-bottom: 5px !important;
}
.dipi-company-name {
	font-size: 0.75em !important;
}
.wrapper_02_footer_adresse {
	padding-top: 70px !important;
	padding-bottom: 80px !important;
}
#menu-footer_menu #menu-item-642, #menu-footer_menu #menu-item-647, #menu-footer_menu #menu-item-645, #menu-footer_menu #menu-item-646, #menu-footer_menu #menu-item-643 {
	display: none;
}
.footer_patent {
    margin-top: 1em !important;
	margin-bottom: 0.25em !important;
}
.wrapper_02_footer_menu {
    padding-top: 4% !important;
    padding-bottom: 7% !important;
}


}


/*#############################################################################################################################*/
/*#############################################################################################################################*/
/*## [ 480 px - 767 px ] ######################################################################################################*/
/*#############################################################################################################################*/
/*#############################################################################################################################*/

 
/*** Responsive Styles Smartphone Only ***/
@media all and (min-width: 480px) and (max-width: 767px) {


/*-----------------------------------------------------------------------------------------------------------------------------*/
/*-- [ ALLGEMEIN / 480 px - 767 px ] ------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------*/


body {
	font-size: 13px !important;
}
.wrapper_02_scroll_down-mouse {
	display: none;
}
.wrapper_02_logo_main_navi {
	display: none;
}
#page-container {
	margin-top: 76px !important;
}
a[href^="tel"] {
  color: inherit; /* Inherit text color of parent element. */
  text-decoration: none; /* Remove underline. */
  /* Additional css `propery: value;` pairs here */
}


/*-----------------------------------------------------------------------------------------------------------------------------*/
/*-- [ HEADER / 480 px - 767 px ] ---------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------*/


.wrapper_03_header_home {
	position: fixed !important;
	left: 0;
	top: 0;
	right: 0;
	z-index: 100000000;
}
.slogan {
	font-size: 9px !important;
	height: 22px;
	padding-top: 3px;
}
.wrapper_sprachen {
	height: 22px;
	padding-top: 2px
}


/*-----------------------------------------------------------------------------------------------------------------------------*/
/*-- [ TAP TAP MENU / 480 px - 767 px ] ---------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------*/


.taptap-header {
    height: 54px !important;
}
.taptap-header, .taptap-header-bg-image {
	margin-top: 22px;
}
.taptap-logo-wrapper {
    top: 32px !important;
	left: 12px !important;
}
.taptap-menu-button-wrapper {
    right: 15px;
    top: 24px !important;
}
.taptap-main-inner-inner {
    padding: 60px 0 !important;
}
.taptap-by-bonfire ul li a {
    font-family: 'Roboto' !important;
	font-weight: 700 !important;
	font-size: 3.5em !important;
	padding: 6px 0 !important;
	line-height: 1em;
}
.taptap-by-bonfire ul li a:hover {
    color: #FFFFFF !important;
}
.taptap-by-bonfire ul li.current-menu-item > a, .taptap-by-bonfire .sub-menu .current-menu-item > a {
    color: #FFFFFF;
}
.taptap-background-color {
	background-color: rgba(0, 0, 0, 0.5) !important;
	color: rgba(0, 0, 0, 0.5) !important;
}


/*-----------------------------------------------------------------------------------------------------------------------------*/
/*-- [ HOMEPAGE / 480 px - 767 px ] -------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------*/


.wrapper_03_header_video_homepage {
	min-height: calc((100vw / 16) * 9) !important;
	
}


/*-- [ ACCORDEON / 480 px - 767 px ] ------------------------------------------------------------------------------------------*/


.wrapper_03_home_image_accordeon {
	min-height: 100vh !important;
}
.dipi_image_accordion_0 .dipi_image_accordion_wrapper {
    height: 100vh !important;
    flex-direction: column !important;
}
.dipi_image_accordion_child .dipi-accordion-description {
    font-size: 1.15em !important;
    margin-bottom: 3em !important;
    max-width: 85% !important;
}


/*-----------------------------------------------------------------------------------------------------------------------------*/
/*-- [ TECHNOLOGY / 480 px - 767 px ] -----------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------*/


.et_pb_side_nav {
	display: none !important;
}
.wrapper_03_technology_intro {
}
.wrapper_02_technology_intro_copy {
    position: absolute;
    bottom: 0px !important;
    right: 20px !important;
    width: calc(100% - 40px) !important;
    left: 20px !important;
}
.wrapper_03_technology {
}
.wrapper_02_technology {
	background-color: rgba(255,255,255,0.7) !important;
	left: 20px;
	bottom: 25px;
	width: calc(100% - 40px) !important;
	margin-left: 0% !important;
	margin-right: 0% !important;
	padding-top: 5% !important;
	
}
.wrapper_02_technology .et_pb_column {
	margin: 0 0 20px !important;
}

.wrapper_01_technology_copy {
	border: none !important;
	padding-left: 0% !important;
	padding-right: 0% !important;
}
.page-id-44 .et_pb_column {
	width: 100% !important;
}


/*-----------------------------------------------------------------------------------------------------------------------------*/
/*-- [ LOCATIONS / 480 px - 767 px ] ------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------*/


.wrapper_03_locations_map {
	display: none;
}
#wrapper_02_locations_city {
    position: absolute;
    left: 20px !important;
    right: 20px !important;
    bottom: 20px !important;
    width: calc(100% - 40px) !important;
	max-width: 100% !important;
    padding: 5% 7% 7% 7% !important;
    top: initial !important;
	margin-left: 0px !important;
	margin-right: 0px !important;
	background-color: rgba(255,255,255,0.7) !important;
}
.locations_pin {
	display: none;
}
.wrapper_locations_copy_top {
	padding-left: 0px !important;
}
.main_wrapper_locations_copy_top {
    padding-top: 0px !important;
}
.locations_land {
    font-size: 1.25em;
    line-height: 1.25em;
    margin-bottom: 0.75em;
}
.wrapper_01_locations_city_copy_bottom {
    padding-left: 4% !important;
    padding-right: 0% !important;
    padding-bottom: 1em !important;
    margin-left: 0% !important;
	margin-bottom: 0% !important;
}
.wrapper_locations_booking_link a {
    margin-top: 1em !important;
    margin-bottom: 7em !important;
	border: 1px solid #000 !important;
	font-weight: 500 !important;
	color: #000000 !important;
}


/*-----------------------------------------------------------------------------------------------------------------------------*/
/*-- [ KONTAKT / 480 px - 767 px ] --------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------*/


.wrapper_03_contact {
	padding-top: 0% !important;
}


/*-----------------------------------------------------------------------------------------------------------------------------*/
/*-- [ NEWS / 480 px - 767 px ] -----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------*/


.wrapper_03_news {
	padding-top: 0% !important;
}


/*-----------------------------------------------------------------------------------------------------------------------------*/
/*-- [ FOOTER / 480 px - 767 px ] ---------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------*/


.wrapper_03_footer {
	padding-top: 30px !important;
}
.wrapper_02_footer_testimonial {
	padding-bottom: 0% !important;
}
.dipi_testimonial_0_tb_footer .swiper-container {
    padding-top: 0px !important;
    padding-right: 30px !important;
    padding-bottom: 30px !important;
    padding-left: 30px !important;
}
.dipi-testimonial-img {
	width: 80px !important;
	height: 80px !important;
}
.dipi-testimonial-text {
    padding-top: 1em !important;
    margin-bottom: 0.85em !important;
    font-size: 0.85em !important;
    line-height: 1.4em !important;
}
.dipi-testimonial-name {
	font-size: 0.9em !important;
	margin-bottom: 5px !important;
}
.dipi-company-name {
	font-size: 0.75em !important;
}
.wrapper_02_footer_adresse {
	padding-top: 70px !important;
	padding-bottom: 80px !important;
}
#menu-footer_menu #menu-item-642, #menu-footer_menu #menu-item-647, #menu-footer_menu #menu-item-645, #menu-footer_menu #menu-item-646, #menu-footer_menu #menu-item-643 {
	display: none;
}
.footer_patent {
    margin-top: 1em !important;
	margin-bottom: 0.25em !important;
}
.wrapper_02_footer_menu {
    padding-top: 4% !important;
    padding-bottom: 7% !important;
}


}


/*#############################################################################################################################*/
/*#############################################################################################################################*/
/*## [ 0 px - 479 px ] ########################################################################################################*/
/*#############################################################################################################################*/
/*#############################################################################################################################*/


/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {


/*-----------------------------------------------------------------------------------------------------------------------------*/
/*-- [ ALLGEMEIN / 0 px - 479 px ] --------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------*/


body {
	font-size: 12px !important;
}
.wrapper_02_scroll_down-mouse {
	display: none;
}
.wrapper_02_logo_main_navi {
	display: none;
}
#page-container {
	margin-top: 76px !important;
}
a[href^="tel"] {
  color: inherit; /* Inherit text color of parent element. */
  text-decoration: none; /* Remove underline. */
  /* Additional css `propery: value;` pairs here */
}


/*-----------------------------------------------------------------------------------------------------------------------------*/
/*-- [ HEADER / 0 px - 479 px ] -----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------*/


.wrapper_03_header_home {
	position: fixed !important;
	left: 0;
	top: 0;
	right: 0;
	z-index: 100000000;
}
.slogan {
	font-size: 8px !important;
	height: 22px;
	padding-top: 3px;
	padding-left: 3px;
}
.wrapper_sprachen {
	height: 22px;
	padding-top: 2px;
}

/*-----------------------------------------------------------------------------------------------------------------------------*/
/*-- [ TAP TAP MENU / 0 px - 479 px ] -----------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------*/


.taptap-header {
    height: 54px !important;
}
.taptap-header, .taptap-header-bg-image {
	margin-top: 22px;
}
.taptap-logo-wrapper {
    top: 32px !important;
	left: 12px !important;
}
.taptap-menu-button-wrapper {
    right: 15px;
    top: 24px !important;
}
.taptap-main-inner-inner {
    padding: 60px 0 !important;
}
.taptap-by-bonfire ul li a {
    font-family: 'Roboto' !important;
	font-weight: 700 !important;
	font-size: 3.5em !important;
	padding: 6px 0 !important;
	line-height: 1em;
}
.taptap-by-bonfire ul li a:hover {
    color: #FFFFFF !important;
}
.taptap-by-bonfire ul li.current-menu-item > a, .taptap-by-bonfire .sub-menu .current-menu-item > a {
    color: #FFFFFF;
}
.taptap-background-color {
	background-color: rgba(0, 0, 0, 0.5) !important;
	color: rgba(0, 0, 0, 0.5) !important;
}


/*-----------------------------------------------------------------------------------------------------------------------------*/
/*-- [ HOMEPAGE / 0 px - 479 px ] ---------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------*/


.wrapper_03_header_video_homepage {
	min-height: calc((100vw / 16) * 9) !important;
	
}


/*-- [ ACCORDEON / 0 px - 479 px ] --------------------------------------------------------------------------------------------*/


.wrapper_03_home_image_accordeon {
	min-height: 100vh !important;
}
.dipi_image_accordion_0 .dipi_image_accordion_wrapper {
    height: 100vh !important;
    flex-direction: column !important;
}
.dipi_image_accordion_child .dipi-accordion-description {
    font-size: 1.15em !important;
    margin-bottom: 3em !important;
    max-width: 85% !important;
}


/*-----------------------------------------------------------------------------------------------------------------------------*/
/*-- [ TECHNOLOGY / 0 px - 479 px ] -------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------*/


.et_pb_side_nav {
	display: none !important;
}
.wrapper_03_technology_intro {
}
.wrapper_02_technology_intro_copy {
    position: absolute;
    bottom: 0px !important;
    right: 20px !important;
    width: calc(100% - 40px) !important;
    left: 20px !important;
}
.wrapper_03_technology {
}
.wrapper_02_technology {
	background-color: rgba(255,255,255,0.7) !important;
	left: 20px;
	bottom: 25px;
	width: calc(100% - 40px) !important;
	margin-left: 0% !important;
	margin-right: 0% !important;
	padding-top: 5% !important;
	
}
.wrapper_02_technology .et_pb_column {
	margin: 0 0 20px !important;
}

.wrapper_01_technology_copy {
	border: none !important;
	padding-left: 0% !important;
	padding-right: 0% !important;
}


/*-----------------------------------------------------------------------------------------------------------------------------*/
/*-- [ LOCATIONS / 0 px - 479 px ] --------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------*/


.wrapper_03_locations_map {
	display: none;
}
#wrapper_02_locations_city {
    position: absolute;
    left: 20px !important;
    right: 20px !important;
    bottom: 20px !important;
    width: calc(100% - 40px) !important;
	max-width: 100% !important;
    padding: 5% 7% 7% 7% !important;
    top: initial !important;
	margin-left: 0px !important;
	margin-right: 0px !important;
	background-color: rgba(255,255,255,0.7) !important;
}
.locations_pin {
	display: none;
}
.wrapper_locations_copy_top {
	padding-left: 0px !important;
}
.main_wrapper_locations_copy_top {
    padding-top: 0px !important;
}
.locations_land {
    font-size: 1.25em;
    line-height: 1.25em;
    margin-bottom: 0.75em;
}
.wrapper_01_locations_city_copy_bottom {
    padding-left: 4% !important;
    padding-right: 0% !important;
    /*border-left: none !important;*/
    padding-bottom: 0em !important;
    margin-left: 0% !important;
	margin-bottom: 0% !important;
}
.wrapper_locations_booking_link a {
    margin-top: 1em !important;
    margin-bottom: 7em !important;
	border: 1px solid #000 !important;
	font-weight: 500 !important;
	color: #000000 !important;
}


/*-----------------------------------------------------------------------------------------------------------------------------*/
/*-- [ KONTAKT / 0 px - 479 px ] ----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------*/


.wrapper_03_contact {
	padding-top: 0% !important;
}


/*-----------------------------------------------------------------------------------------------------------------------------*/
/*-- [ NEWS / 0 px - 479 px ] -------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------*/


.wrapper_03_news {
	padding-top: 0% !important;
}


/*-----------------------------------------------------------------------------------------------------------------------------*/
/*-- [ FOOTER / 0 px - 479 px ] -----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------*/


.wrapper_03_footer {
	padding-top: 0px !important;
}
.wrapper_02_footer_testimonial {
	padding-bottom: 0% !important;
}
.dipi_testimonial_0_tb_footer .swiper-container {
    padding-top: 0px !important;
    padding-right: 30px !important;
    padding-bottom: 30px !important;
    padding-left: 30px !important;
}
.dipi-testimonial-img {
	width: 80px !important;
	height: 80px !important;
}
.dipi-testimonial-text {
    padding-top: 1em !important;
    margin-bottom: 0.85em !important;
    font-size: 0.85em !important;
    line-height: 1.4em !important;
}
.dipi-testimonial-name {
	font-size: 0.9em !important;
	margin-bottom: 5px !important;
}
.dipi-company-name {
	font-size: 0.75em !important;
}
.wrapper_02_footer_adresse {
	padding-top: 70px !important;
	padding-bottom: 80px !important;
}
#menu-footer_menu #menu-item-642, #menu-footer_menu #menu-item-647, #menu-footer_menu #menu-item-645, #menu-footer_menu #menu-item-646, #menu-footer_menu #menu-item-643 {
	display: none;
}
.footer_patent {
    margin-top: 1em !important;
	margin-bottom: 0.25em !important;
}
.wrapper_02_footer_menu {
    padding-top: 4% !important;
    padding-bottom: 7% !important;
}


/*-- [ 479px > GDPR ] -------------------------------------------------------*/


.wordpress-gdpr-popup-agree, .wordpress-gdpr-popup-decline, .wordpress-gdpr-popup-preferences {
    width: 100% !important;
    text-align: center !important;
}
.wordpress-gdpr-popup-actions a, .wordpress-gdpr-popup-actions a:hover, .wordpress-gdpr-popup-actions a:active {
    margin-right: 0px !important;
}
.wordpress-gdpr-popup-close, .wordpress-gdpr-privacy-settings-popup-close {
	display: none;
}
.wordpress-gdpr-privacy-settings-popup-services-buttons .btn {
    font-size: 12px !important;
    font-weight: 700 !important;
}


}