/*
Theme Name:  Citywave
Theme URI:   https://citywave.de/relaunch
Version:     1.0
Description: A child theme of Divi. This is a custom child theme created for our site Citywave.
Author:      Boris Galogaza - Art Direktor / Frontend Webdesigner
Author URI:  https://bgweb.design
Template:    Divi
*/

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


/*###############################################################################*/
/*## [ ROOT VARIABLEN ] #########################################################*/
/*###############################################################################*/


:root {
  /* variablen_body_copy */
  	--fs-body: clamp(14px, 13.14px + 0.268vw, 20px);
	--fs-body-card: clamp(12px, 10.86px + 0.357vw, 20px);

  /* variablen_headings */
  --fs-h1: clamp(30px, calc(24px + (78 - 24) * ((100vw - 320px) / 2240)), 78px);
  --fs-h2: clamp(26px, calc(22px + (72 - 22) * ((100vw - 320px) / 2240)), 72px);
  --fs-h3: clamp(18px, 15.43px + 0.804vw, 36px);
  --fs-h4: clamp(16px, 14.00px + 0.625vw, 30px);
  --fs-h5: clamp(15px, 13.43px + 0.491vw, 26px);
  --fs-h6: clamp(14px, 12.57px + 0.446vw, 24px);

  /* variablen_line-heights */
  	--lh-body: 1.55;
	--lh-cards: 1.45;
	--lh-h1: 1.0;
	--lh-h2: 1.10;
	--lh-h3: 1.15;
	--lh-h4: 1.20;
	--lh-h5: 1.28;
	--lh-h6: 1.35;
  
  /* variablen_font-weights */
  	--fw-light: 300;
	--fw-regular: 400;
	--fw-medium: 500;
	--fw-semibold: 600;
	--fw-bold: 700;
	--fw-bolder: 800;
	--fw-extra-bold: 900;
  
   /* variablen_space */
    --space-2xs: 0.5em;
	--space-xs: 0.75em;
	--space-sm: 1em;
	--space-md: 1.5em;
	--space-lg: 2em;
	--space-xl: 3em;
	--space-2xl: 4em;
	--space-3xl: 6em;
	
	 /* variablen_colors */
	--color-text: #000000;
	--color-primary: #000000;
	--color-secondary: #4D4D4D;
	--color-accent: #0A50FF;
	--color-background: #FFFFFF;
}


/*###############################################################################*/
/*## [ FONTS ] ##################################################################*/
/*###############################################################################*/


@font-face {
  font-family: 'InterVariable';
  src: url('https://citywave.de/wp-content/fonts/InterVariable.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}


/*###############################################################################*/
/*## [ ALLGEMEIN ] ##############################################################*/
/*###############################################################################*/


body {
	font-family: "InterVariable", sans-serif;
	font-weight: var(--fw-regular);
	color: var(--color-text) !important; 
	font-size: var(--fs-body) !important; 
	line-height: var(--lh-body) !important;
	background: #FCFCFC !important;
}
p {
	margin-bottom: 1em !important;
}
ul, ol {
	margin-bottom: 1.2em;
}
.two_columns {
	-moz-column-count: 2;
	-moz-column-gap: 60px;
	-webkit-column-count: 2;
	-webkit-column-gap: 60px;
	column-count: 2;
	column-gap: 60px;
}
.intro_copy {
	font-size: clamp(16px, calc(14.86px + 0.36vw), 24px);
}


/*-- [ SEGMENTE > MARGIN / PADDING >> SECTION ] ---------------------------------*/


.et_pb_section {
	padding: 0em !important;
	padding-bottom: 0em !important;
}
.section_margin_bottom_1em {
	margin-bottom: 1em;
}
.section_margin_bottom_2em {
	margin-bottom: 2em;
}
.section_margin_bottom_3em {
	margin-bottom: 3em;
}
.section_margin_bottom_4em {
	margin-bottom: 4em;
}
.section_margin_bottom_5em {
	margin-bottom: 5em;
}
.section_margin_bottom_6em {
	margin-bottom: 6em;
}
.section_margin_bottom_7em {
	margin-bottom: 7em;
}
.section_margin_bottom_8em {
	margin-bottom: 8em;
}


/*-- [ SEGMENTE > MARGIN / PADDING >> ROW ] -------------------------------------*/


.et_pb_row {
	padding: 0em !important;
	padding-bottom: 0em !important;
}
.row_margin_bottom_1em {
	margin-bottom: 1em;
}
.row_margin_bottom_2em {
	margin-bottom: 2em;
}
.row_margin_bottom_3em {
	margin-bottom: 3em;
}
.row_margin_bottom_4em {
	margin-bottom: 4em;
}
.row_margin_bottom_5em {
	margin-bottom: 5em;
}
.row_margin_bottom_6em {
	margin-bottom: 6em;
}
.row_margin_bottom_7em {
	margin-bottom: 7em;
}
.row_margin_bottom_8em {
	margin-bottom: 8em;
}


/*-- [ SEGMENTE > MARGIN / PADDING >> COLUMN ] ---------------------------------------------------------------*/


.column_margin_bottom_1em {
	margin-bottom: 1em;
}
.column_margin_bottom_2em {
	margin-bottom: 2em;
}
.column_margin_bottom_3em {
	margin-bottom: 3em;
}
.column_margin_bottom_4em {
	margin-bottom: 4em;
}

/*-- [ SEGMENTE > MARGIN / PADDING >> MODULE ] ---------------------------------------------------------------*/


.module_margin_bottom_1em {
	margin-bottom: 1em;
}
.module_margin_bottom_2em {
	margin-bottom: 2em;
}
.module_margin_bottom_3em {
	margin-bottom: 3em;
}
.module_margin_bottom_4em {
	margin-bottom: 4em;
}


/*-- [ LISTE ] ------------------------------------------------------------------*/


.liste ul {
	margin-bottom: 0em !important;
	padding-bottom: 0em !important;
}
.liste ul li {
	margin-bottom: 0.5em;
	line-height: var(--lh-body) !important;
}


/*-- [ BORDER RADIUS ] ----------------------------------------------------------*/


.border_radius_20px {
	-webkit-border-radius: 20px 20px 20px 20px;
	border-radius: 20px 20px 20px 20px;
}


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


.headline_color_acent {
	color: var(--color-accent);
}
/*.blur_background {
	background-image: url("https://citywave.de/relaunch/wp-content/uploads/2026/02/bg_blur.svg");
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
}*/
.wrapper_01_overhead {
	font-weight: var(--fw-bolder);
	text-transform: uppercase;
	letter-spacing: 0.15em;
	font-size: clamp(14px, 13.1429px + 0.2679vw, 20px);
}
.border_1px_gray {
	border: 1px #D8D8D8 solid;
}


/*###############################################################################*/
/*## [ H1 - H6 ] ################################################################*/
/*###############################################################################*/


h1, h2, h3, h4, h5, h6 {
	margin-bottom: var(--space-2xs);
	padding-bottom: 0em !important;
}
#page-container h1 { 
	font-size: var(--fs-h1) !important; 
	line-height: var(--lh-h1);
	letter-spacing: 0;
}
#page-container h2 {
	font-size: var(--fs-h2) !important; 
	line-height: var(--lh-h2); 
	letter-spacing: -0.01em;
}
#page-container h3 {
	font-size: var(--fs-h3) !important; 
	line-height: var(--lh-h3); 
	letter-spacing: -0.01em;
}
#page-container h4 {
	font-size: var(--fs-h4) !important;
	line-height: var(--lh-h4);
	font-weight: var(--fw-semibold);
}
#page-container h5 {
	font-size: var(--fs-h5) !important;
	line-height: var(--lh-h5);
	font-weight: var(--fw-bold);
}
#page-container h6 {
	font-size: var(--fs-h6) !important;
	line-height: var(--lh-h6);	
	font-weight: var(--fw-bold);
}


/*###############################################################################*/
/*## [ BUTTONS ] ################################################################*/
/*###############################################################################*/


.blue_button {
	display: inline-block;
	font-weight: var(--fw-bold);
	color: var(--color-background);
	background-color: var(--color-accent);
	line-height: 2.75em;
	-webkit-border-radius: 100px 100px 100px 100px;
	border-radius: 100px 100px 100px 100px;
	padding-left: 2em;
	padding-right: 2em;
	padding-bottom: 0.2em;
	cursor: pointer;
	transition: all 0.2s ease-in-out 0s;
}
.blue_button:hover {
	transform: scale(1.1) !important;
}


/*###############################################################################*/
/*## [ TOP HEADER > MAIN NAVI ] #################################################*/
/*###############################################################################*/


.wrapper_03_top_header {
	position: fixed;
	top: 0em;
	left: 0em;
	right: 0em;
	margin-top: 0em !important;
	margin-bottom: 0em !important;
	padding: 0em !important;
}
.wrapper_02_top_header {
	padding: 1em 1em 4em 1em !important;
}
.wrapper_02_top_header .et_pb_column {
	display: flex;
	align-content: center;
	justify-content: space-between;
}
.et_pb_menu_page_id-269 a {
	color: var(--color-accent) !important;
}


/*-- [ TOP HEADER - LOGO / SLOGAN ] --------------------------------------------*/


.wrapper_01_top_header_logo_slogan {
	display: inline-block;
	margin-bottom: 0em !important;
}
.wrapper_01_top_header_logo_slogan .et_pb_text_inner {
	display: flex;
	flex-direction: row;
}
.wrapper_top_header_logo {
	display: flex;
	align-items: center;
	margin-right: 1em;
}
.wrapper_top_header_slogan {
	font-size: clamp(14px, 13.43px + 0.18vw, 18px);
	line-height: 1.25em;
	padding-left: 1em;
	border-left: 1px #000000 solid;
	font-weight: var(--fw-medium);
}


/*-- [ TOP HEADER - MAIN MENU ] ------------------------------------------------*/


.wrapper_01_top_header_main_menu {
	margin-bottom: 0em !important;
	display: flex;
	align-items: center;
}
#menu-main_menu {
	margin-bottom: 0em !important;
	margin-right: 0.5em;
}
.wrapper_01_top_header_main_menu a {
	font-family: 'InterVariable';
	font-weight: var(--fw-bold);
	color: var(--color-text);
	font-size: clamp(16px, 12.272px + 0.380vw, 22px);
	border-bottom: 4px transparent solid;
}
.current-menu-item a {
	border-bottom: 4px var(--color-accent) solid;
}
.wrapper_01_top_header_main_menu a:hover {
	opacity: 1 !important;
	border-bottom: 4px var(--color-accent) solid;
}
.et_pb_menu__icon {
	color: var(--color-text) !important;
}



/*###############################################################################*/
/*## [ FOOTER ] #################################################################*/
/*###############################################################################*/


.wrapper_03_footer {
	margin-top: 0em !important;
	margin-bottom: 0em !important;
	padding-top: 28em !important;
	padding-bottom: 15em !important;
}
.wrapper_02_footer {
	background-color: rgb(6,38,97,0.15) !important;
	-webkit-border-radius: 20px 20px 20px 20px;
	border-radius: 20px 20px 20px 20px;
	padding: 2.5em 3.5em 2.5em 3.5em !important;
	border: 1px solid rgba(255, 255, 255, 0.22);
	backdrop-filter: blur(3px);
	-webkit-backdrop-filter: blur(3px);
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.18);
	max-width: 1200px !important;
}
.wrapper_01_footer_copy {
	color: #FFFFFF;
	font-size: clamp(14px, 13.43px + 0.18vw, 18px) !important;
	margin-bottom: 1.1em !important;
	padding-top: 0.5em;
}
#wrapper_01_footer_contact_form h2 {
	color: #FFFFFF !important;
	font-weight: 600 !important;
	margin-bottom: 0.25em !important;
}
.wrapper_rechtstexte {
	margin-top: 0.75em;
}
.wrapper_02_abstand {
	padding-top: 0em;
	padding-bottom: 0em;
	height: 15vw;
}
.wrapper_01_footer_copy a {
	color: #FFFFFF !important;
	text-decoration: underline;
}
.ninja-forms-field::placeholder {
  color: #FFFFFF !important;
  opacity: 1 !important;
}


/*-- [ FOOTER > KONTAKT FORMULAR ] ----------------------------------------------*/


.input[type="text"] {
	color: #FFFFFF !important;
}
.wrapper_02_footer #nf-field-1 {
	background-color: transparent !important;
	color: #FFFFFF;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 2px #FFFFFF dotted;
	font-size: clamp(14px, 13.43px + 0.18vw, 18px) !important;
	font-weight: 700;
}
.wrapper_02_footer #nf-field-2 {
	background-color: transparent !important;
	color: #FFFFFF;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 2px #FFFFFF dotted;
	font-size: clamp(14px, 13.43px + 0.18vw, 18px) !important;
	font-weight: 700;
}
.wrapper_02_footer #nf-field-3 {
	background-color: transparent !important;
	color: #FFFFFF;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 2px #FFFFFF dotted;
	font-size: clamp(14px, 13.43px + 0.18vw, 18px) !important;
	font-weight: 700;
}
.wrapper_02_footer .nf-field-element textarea {
	height: 200px;
}
#nf-field-4 {
	display: inline-block;
	font-size: clamp(16px, 12.272px + 0.380vw, 22px);
	font-weight: 700;
	line-height: 2.5em;
	border: none !important;
	background-color: #FFFFFF !important;
	color: var(--color-accent) !important;
	-webkit-border-radius: 100px 100px 100px 100px;
	border-radius: 100px 100px 100px 100px;
	float: right;
	padding-left: 1.5em;
	padding-right: 1.5em;
	cursor: pointer;
	transition: all 0.2s ease-in-out 0s;
	margin-top: 0.5em;
}
#nf-field-4:hover {
	transform: scale(1.1) !important;
}
.wrapper_02_footer .nf-response-msg {
	color: #FFFFFF !important;
}


/*-- [ FOOTER > SOCIAL ICONS ] -------------------------------------------------*/


.wrapper_01_social_icons .et_pb_text_inner {
	display: flex;
	flex-direction: row;
}
.wrapper_01_social_icons .et_pb_text_inner img {
	margin-right: 0.5em;
}


/*###############################################################################*/
/*## [ HOMEPAGE ] ###############################################################*/
/*###############################################################################*/


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


.wrapper_03_header_bg_image {
	height: 80vh;
}


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


/*-- [ HOMEPAGE > ZEHLER ] ------------------------------------------------------*/


.column_01_zehler {
	padding: 0em 1.5em 1.5em 1.5em;
}
.percent-value {
	font-size: clamp(48px, calc(40.57px + 2.321vw), 100px) !important;
}
.wrapper_01_zehler_icon {
	display: flex;
	justify-content: center;
	position: relative;
	top: -46px;
	margin-bottom: 0em !important;
}
.wrapper_01_zehler_icon .et_pb_image_wrap {
	display: flex !important;
	justify-content: center;
	align-items: center;
	-webkit-border-radius: 200px 200px 200px 200px;
	border-radius: 200px 200px 200px 200px;
	background-color: #FFFFFF;
	height: 92px;
	width: 92px;
	padding: 5px;
	-webkit-box-shadow: 0 4px 40px 0 rgba(231,231,231,1);
	box-shadow: 0 4px 40px 0 rgba(231,231,231,1);
}
.wrapper_01_zehler_copy {
	font-size: clamp(24px, calc(22.286px + 0.536vw), 36px);
	line-height: 1.1em;
	font-weight: var(--fw-medium);
}
.wrapper_01_zehler_copy {
	padding: auto 1em auto 1em;
}


/*-- [ HOMEPAGE > PARALLAXE ] ---------------------------------------------------*/


.wrapper_03_bg_parallaxe {
	height: 90vh;
}


/*-- [ HOMEPAGE > TABS >> TABS ] ------------------------------------------------*/


#wrapper_01_tab_segment_image_left .dipi-at-tab, #wrapper_01_tab_segment_image_right .dipi-at-tab {
	margin-left: 10px !important;
	margin-right: 10px !important;
}
#wrapper_01_tab_segment_image_left .dipi-at-tabs-container, #wrapper_01_tab_segment_image_right .dipi-at-tabs-container {
	margin-bottom: -3em !important;
}
#wrapper_01_tab_segment_image_left .dipi-at-tabs, #wrapper_01_tab_segment_image_right .dipi-at-tabs {
	margin: auto !important;
	padding-left: 5% !important;
	padding-right: 5% !important;
}
.dipi-at-tab {
	-webkit-box-shadow: 0 4px 40px 0 rgba(231,231,231,1);
	box-shadow: 0 4px 40px 0 rgba(231,231,231,1);
	-webkit-border-radius: 6px 6px 6px 6px;
	border-radius: 6px 6px 6px 6px;
}
#wrapper_01_tab_segment_image_left .dipi-at-tab:hover, #wrapper_01_tab_segment_image_right .dipi-at-tab:hover {
	background-color: var(--color-accent) !important;
	color: #FFFFFF;
}
#wrapper_01_tab_segment_image_left .dipi-at-tab--active, #wrapper_01_tab_segment_image_right .dipi-at-tab--active {
	background-color: #0A50FF !important;
	color: #FFFFFF !important;
}
.dipi-at-tab-title {
	text-align: center;
	font-size: clamp(18px, calc(13.714px + 1.339vw), 48px);
	line-height: 1.25em;
	font-weight: 500;
}
.dipi-at-tab-subtitle {
	text-align: center;
	font-size: clamp(13px, 12px + 0.3125vw, 20px);
	font-weight: var(--fw-medium);
	margin-bottom: 0.25em;
}
#wrapper_01_tab_segment_image_left .dipi-at-panel-text h3 {
	font-size: clamp(24px, 20.57px + 1.071vw, 48px) !important;
	font-weight: 500 !important;
	margin-bottom: 0.25em !important;
}
#wrapper_01_tab_segment_image_right .dipi-at-panel-text h3 {
	font-size: clamp(24px, 20.57px + 1.071vw, 48px) !important;
	font-weight: 500 !important;
	margin-bottom: 0.25em !important;
}


/*-- [ HOMEPAGE > TABS >> PANELS ] ----------------------------------------------*/


#wrapper_01_tab_segment_image_left .dipi-at-panels, #wrapper_01_tab_segment_image_right .dipi-at-panels {
	padding: 4.5em 2em 2em 2em !important;
	margin: 0em !important;
	-webkit-border-radius: 20px 20px 20px 20px;
	border-radius: 20px 20px 20px 20px;
	border: 1px #D8D8D8 solid;
}
#wrapper_01_tab_segment_image_left .dipi-at-panel-image {
	margin-right: 2em !important;
}
#wrapper_01_tab_segment_image_right .dipi-at-panel-image {
	margin-left: 2em !important;
}
.dipi-at-panel-text {
	font-size: clamp(14px, calc(13.14px + 0.268vw), 20px);
}
.dipi-at-panel-content img {
	-border-radius: 20px 20px 20px 20px;
	border-radius: 20px 20px 20px 20px;
}


/*-- [ HOMEPAGE > TESTIMONIALS ] ------------------------------------------------*/


.wrapper_01_content_carousel .dipi_carousel_child {
	-webkit-box-shadow: 0 4px 40px 0 rgba(231,231,231,1);
	box-shadow: 0 4px 40px 0 rgba(231,231,231,1);
	-webkit-border-radius: 20px 20px 20px 20px;
	border-radius: 20px 20px 20px 20px;
	background-color: #FFFFFF;
}
.wrapper_01_content_carousel .dipi-carousel-item-content {
	background-color: #FFFFFF;
	padding: 3em !important;
	-webkit-border-radius: 0 0 20px 20px;
	border-radius: 0 0 20px 20px;
}
.testimonial_zitat {
	font-size: clamp(14px, calc(13.14px + 0.268vw), 20px);
	line-height: 1.5;
	margin-bottom: 1em;
}
.testimonial_name {
	font-size: clamp(14px, calc(13.14px + 0.268vw), 20px);
	line-height: 1.5;
	font-weight: 600;
	margin-bottom: 0.25em;
}
#wrapper_01_content_carousel .swiper-slide-active {
	transform: scale(1) !important;
	transition: all 0.2s ease-in-out 0s;
}
#wrapper_01_content_carousel .dipi_carousel_child {
	transform: scale(0.9);
}
#wrapper_01_content_carousel .swiper-container {
	padding-bottom: 2em !important;
}


/*-- [ HOMEPAGE > CONTINENTAL SURF CUP ] ----------------------------------------*/


.wrapper_02_homepage_surfcup_intro {
	padding: 2em 2em 2em 2em !important;
	-webkit-border-radius: 20px 20px 20px 20px;
	border-radius: 20px 20px 20px 20px;
	border: 1px #D8D8D8 solid;
}
.wrapper_01_homepage_surfcup_intro {
	font-size: clamp(14px, calc(13.14px + 0.268vw), 20px);
}
.wrapper_01_homepage_surfcup_intro_image img {
	-border-radius: 20px 20px 20px 20px;
	border-radius: 20px 20px 20px 20px;
}


/*###############################################################################*/
/*## [ BUSINESS UNTERSEITE ] ####################################################*/
/*###############################################################################*/


.column_revenue_streems_copy {
	padding: 2em 2em 2em 2em;
	background-color: #FFFFFF;
	border: 1px #D8D8D8 solid;
	-webkit-border-radius: 20px 20px 20px 20px;
	border-radius: 20px 20px 20px 20px;
}
.wrapper_01_revenue_streems_copy h3 {
	color: var(--color-accent);
}
#wrapper_02_business_award_arousel .dipi-carousel-item-desc {
	font-size: clamp(14px, calc(13.14px + 0.268vw), 20px) !important;
	line-height: 1.5 !important;
	margin-bottom: 1em;
}
#wrapper_02_business_award_arousel .dipi-carousel-item-content {
  background-color: #FFFFFF;
  padding: 0em 3em 3em 3em !important;
}
#wrapper_01_business_timeline .dipi_htl_item_description {
	font-size: clamp(14px, 13.14px + 0.268vw, 20px);
	line-height: 1.5em;
}
#wrapper_01_business_timeline .ribbon-ico-wrap .active {
	background-color: #0F53FD;
}
#wrapper_01_business_timeline .dipi_timeline_ribbon_text {
	font-size: clamp(16px, 14.00px + 0.625vw, 30px) !important;
	font-weight: 600;
	line-height: 1.5em;
}
#wrapper_01_business_timeline .dipi_htl_container {
	padding-top: 60px !important;
}
#wrapper_02_business_award_arousel .swiper-container {
	padding-bottom: 3em !important;
}
#wrapper_02_business_award_arousel .swiper-pagination {
	bottom: 5px !important;
}


/*###############################################################################*/
/*## [ TECHNOLOGY UNTERSEITE ] ##################################################*/
/*###############################################################################*/


.wrapper_02_technology_illus {
	padding: 3em 3em 3em 3em !important;
	-webkit-border-radius: 20px 20px 20px 20px;
	border-radius: 20px 20px 20px 20px;
	border: 1px #D8D8D8 solid;
}
.wrapper_01_technology_illu_copy h3 {
	color: var(--color-accent);
}
.wrapper_01_technology_info_copy ul li {
	margin-bottom: 0.5em;
	line-height: 1.5em;
}
.wrapper_01_technology_info_bild img {
	-webkit-border-radius: 20px 20px 20px 20px;
	border-radius: 20px 20px 20px 20px;
}


/*###############################################################################*/
/*## [ LOCATIONS ] ##############################################################*/
/*###############################################################################*/


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


#wrapper_01_cityvawe_map .leaflet-top {
	bottom: 40px !important;
	top: initial !important;
}
#wrapper_01_cityvawe_map .leaflet-left {
	right: 40px !important;
	left: initial !important;
}
#wrapper_01_cityvawe_map .leaflet-control-attribution {
	display: none !important;
}
.supreme_leaflet_map_container {
  height: 80vh;
}
.leaflet-container {
  background: #FCFCFC !important;
}


/*-- [ LOCATIONS > GRID >> FILTER ] ---------------------------------------------*/


#wrapper_01_location_grid .dipi-filter-bar {
	margin-bottom: 2em !important;
	display: flex;
	justify-content: center;
}
#wrapper_01_location_grid .dipi-filter-bar-item {
	background-color: #E8E9EE;
	line-height: 2.5em;
	font-weight: 500;
	padding-left: 1.75em !important;
	padding-right: 1.75em !important;
	-webkit-border-radius: 100px 100px 100px 100px;
	border-radius: 100px 100px 100px 100px;
	padding-bottom: 0.35em !important;
}
#wrapper_01_location_grid .dipi-filter-bar-item:hover {
	background-color: #0A50FF;
	color: #FFFFFF;
}
#wrapper_01_location_grid .dipi-filter-bar .active {
	background-color: #0A50FF;
	color: #FFFFFF;
}


/*-- [ LOCATIONS > GRID ] -------------------------------------------------------*/


.locations_gallery_button {
	position: absolute;
	aspect-ratio: 16 / 9;
	top: 0px;
	left: 0px;
	right: 0px;
	display: flex;
	align-items: flex-end;
	padding-left: 20px;
	padding-bottom: 15px;
}
.locations_gallery_button a {
	cursor: pointer;
}
.locations_gallery_button a:hover {
	transform: scale(1.1) !important;
	transition: all 0.2s ease-in-out 0s;
}
#wrapper_01_location_grid .grid-item {
	background-color: #FFFFFF;
	border: 1px #D8D8D8 solid;
	-webkit-border-radius: 20px 20px 20px 20px;
	border-radius: 20px 20px 20px 20px;
}
#wrapper_01_location_grid .dipi-grid-item-content {
	margin: 1.5em 2.25em 2em 2.25em !important;
}
#wrapper_01_location_grid .dipi-grid-item-content h4 {
	margin: 0em 0em 0.1em 0em !important;
	font-size: clamp(22px, 18.29px + 1.1607vw, 48px) !important;
	color: #0A50FF;
}
#wrapper_01_location_grid .location_subheadline {
	margin-bottom: 1em;
	font-size: clamp(14px, 13.43px + 0.179vw, 18px);
}
#wrapper_01_location_grid .dipi-grid-item-excerpt {
	margin: 0em 0em 0em 0em !important;
}
.location_booking_link {
	display: inline-block;
	line-height: 3em;
	font-size: clamp(12px, 2vw, 15px) !important;
	font-weight: 700;
	background-color: #E8E9EE;
	color: #000000;
	padding-left: 2em;
	padding-right: 2em;
	padding-top: 0.1em;
	-webkit-border-radius: 100px 100px 100px 100px;
	border-radius: 100px 100px 100px 100px;
	text-transform: uppercase;
	margin-top: 1.5em;
	margin-bottom: 1.75em;
}
.location_booking_link:hover {
	background-color: #0A50FF;
	color: #FFFFFF;
	transform: scale(1.1);
	transition: all 0.2s ease-in-out 0s;
}
.page-id-68 .wrapper_01_locations_gallery_popup .dipi-carousel-item-content {
	display: none;
}


/*###############################################################################*/
/*## [ INQUIRY ] ################################################################*/
/*###############################################################################*/


.wrapper_03_inquiry {
	margin-top: 8em;
}
.wrapper_02_inquiry_headline {
	margin-bottom: 2em;
}
.wrapper_01_inquiry_headline h1 {
	color: #0A50FF;
}
.wrapper_01_inquiry_formular input, .wrapper_01_inquiry_formular textarea {
	border: 1px #0A50FF solid;
}
.wrapper_01_inquiry_formular .nf-form-fields-required {
	display: none;
}



.wrapper_01_inquiry_formular h4 {
	color: #FFFFFF;
	font-size: clamp(24px, 3vw, 36px) !important;
	margin-top: 2em;
}
.wrapper_01_inquiry_formular label {
	font-weight: 600 !important;
}
.wrapper_01_inquiry_formular #nf-field-23 {
	padding-left: 2em !important;
	padding-right: 2em !important;
	color: #FFFFFF !important;
	font-weight: 600;
	background-color: #0A50FF;
	float: right;
	border: none !important;
	-webkit-border-radius: 100px 100px 100px 100px;
	border-radius: 100px 100px 100px 100px;
	cursor: pointer;
	transition: all 0.2s ease-in-out 0s;
}
.wrapper_01_inquiry_formular #nf-field-23:hover {
	transition: none !important;
	transform: scale(1.1);
}
.wrapper_01_inquiry_formular #nf-field-62 {
	padding-left: 2em !important;
	padding-right: 2em !important;
}
.wrapper_01_inquiry_formular #nf-field-62:hover {
	background: #FFFFFF !important;
	transition: none !important;
	transform: scale(0.98);
	color: #1E2830 !important;
	padding-left: 1.5em !important;
	padding-right: 1.5em !important;
}
.wrapper_01_inquiry_formular .ninja-forms-req-symbol {
	color: #0A50FF !important;
}
.wrapper_01_inquiry_formular .nf-response-msg {
	color: #000000 !important;
}
.wrapper_01_inquiry_formular .ninja-forms-field {
	font-size: clamp(14px, 2vw, 24px) !important;
	padding: 1em 1em 1em 1em !important;
	color: #000000 !important;
}
.wrapper_01_inquiry_formular .nf-error.field-wrap .nf-field-element::after {
	font-size: 24px !important;
	height: 70px !important;
	width: 70px !important;
	line-height: 70px !important;
}
.wrapper_01_inquiry_formular .nf-error-msg {
	font-size: clamp(14px, 2vw, 24px) !important;
	margin-top: 0.5em !important;
}
.wrapper_01_inquiry_formular #nf-field-145-1 {
	width: 0em !important;
	height: 2em !important;
}


/*###############################################################################*/
/*## [ NEWS ] ###################################################################*/
/*###############################################################################*/



.entry-featured-image-url {
	max-width: 55% !important;
}
.entry-featured-image-url {
	float: left;
	margin-right: 1em;
}
.entry-title {
	max-width: 40%;
	margin-left: 60%;
}
.post-meta {
	max-width: 40%;
	margin-left: 60%;
}
.post-content {
	max-width: 40%;
	margin-left: 60%;
}
.et_pb_posts a.more-link {
	clear: initial !important;
	display: block;
}
.et_pb_posts a.more-link {
	display: inline-block;
	line-height: 3em;
	font-size: clamp(12px, 2vw, 15px) !important;
	font-weight: 700;
	background-color: #E8E9EE;
	color: #000000;
	padding-left: 2em;
	padding-right: 2em;
	padding-top: 0.1em;
	-webkit-border-radius: 100px 100px 100px 100px;
	border-radius: 100px 100px 100px 100px;
	text-transform: uppercase;
}
.et_pb_posts a.more-link:hover {
	transform: scale(1.1);
	transition: all 0.2s ease-in-out 0s;
	background-color: #0A50FF;
	color: #FFFFFF;
}
#wrapper_01_blog_overview .entry-title a:hover {
	color: #0A50FF;
}
#wrapper_01_blog_overview .entry-featured-image-url {
	overflow: hidden;
}
#wrapper_01_blog_overview h2 {
	font-size: clamp(18px, 15.43px + 0.804vw, 36px) !important;
	line-height: 1.25em;
	font-weight: 600;
}
#wrapper_01_blog_overview .entry-featured-image-url img {
	-webkit-border-radius: 20px 20px 20px 20px;
	border-radius: 20px 20px 20px 20px;
}
#wrapper_01_blog_overview .post-content-inner p {
	font-size: clamp(14px, 2vw, 20px) !important;
	color: #000000;
	line-height: 1.5em;
	margin-top: 1em !important;
	margin-bottom: 2em;
}
.wrapper_01_blog_overview .more-link {
	letter-spacing: 0.05em;
}


/*###############################################################################*/
/*## [ NEWS BEITTRAG ] ##########################################################*/
/*###############################################################################*/


.wrapper_03_header_post_image {
	padding-top: 0em !important;
	padding-bottom: 0em !important;
	position: relative;
	top: 0px;
	left: 0px;
	right: 0px;
	height: 80vh;
}
#page-container #wrapper_03_header_headline_content {
	background-color: #FCFCFC !important;
	position: relative !important;
}
.wrapper_02_header_post_headline {
	position: relative;
	top: -15vh;
}
.wrapper_01_post_tags {
	margin-bottom: 1em !important;
	font-weight: 700;
}
.wrapper_02_header_post_headline {
	padding: 3em 4em 3em 4em !important;
}
.wrapper_01_header_post_headline {
	font-size: clamp(24px, 2.5vw, 54px) !important;
	font-weight: 700;
	line-height: 1em;
	margin-bottom: 1em !important;
	color: #0A50FF;
}
.post_intro {
	font-size: clamp(18px, 2vw, 30px) !important;
	line-height: 1.25em;
	font-weight: 500;
}
.wrapper_01_post_content {
	font-size: clamp(14px, 2vw, 22px) !important;
	line-height: 1.75em;
}
.wrapper_01_blog_overview_neu .post-meta, .wrapper_01_blog_overview_neu .post-meta a {
	color: #000000 !important;
}
.wrapper_01_blog_overview_neu .entry-title {
	font-weight: 700;
}
.wrapper_01_blog_overview_neu .post-content-inner p {
	font-size: clamp(14px, 2vw, 20px) !important;
	color: #000000;
	line-height: 1.5em;
	margin-top: 1em !important;
	margin-bottom: 2em;
}
.wrapper_01_post_content a {
	color: #1E2830 !important;
	text-decoration: underline;
}
.wrapper_01_post_content a:hover {
	font-weight: 500;
}
.wrapper_01_post_content ol li, .wrapper_01_post_content ul li {
	margin-bottom: 0.5em;
	line-height: 1.5em;
}
.wrapper_01_post_content h2 {
	font-size: clamp(18px, 2vw, 30px) !important;
	line-height: 1.25em;
}
.wrapper_01_backlink_news {
	margin-top: 4em !important;
}
.wrapper_01_backlink_news a {
	font-size: clamp(12px, 2vw, 16px) !important;
	color: #1E2830 !important;
	text-transform: uppercase;
	font-weight: 500;
}
.wrapper_01_backlink_news a:hover {
	font-weight: 700;
}

.wrapper_01_post_content h3 {
	font-weight: 600;
	max-width: 80%;
}
.post-content .post-content-inner {
	margin-bottom: 2em !important;
}


/*###############################################################################*/
/*## [ 404 ] ####################################################################*/ 
/*###############################################################################*/


.wrapper_03_vier_null_vier {
	height: 100vh;
	display: flex;
	align-items: center;
}
.wrapper_01_vier_null_vier {
	font-size: var(--fs-h4);
	color: #FFFFFF;
	font-weight: 700;
}


/*###############################################################################*/
/*## [ SEARCH RESULTS ] #########################################################*/
/*###############################################################################*/


.search-results .wrapper_03_header_h1 {
	margin-top: 10em;
}


/*###############################################################################*/
/*## [ RCHTSTEXTE ] #############################################################*/
/*###############################################################################*/


.wrapper_03_rechtstexte {
	padding-top: 9em !important;
}
.wrapper_03_rechtstexte h1 {
	color: #0A50FF;
	margin-bottom: 0.75em !important;
}
.rechtstexte_subhead {
	font-weight: 600;
	margin-bottom: 0.5em;
	font-size: var(--fs-h4);
}
.rechtstexte_sub_subhead {
	font-weight: 600;
}


/*###############################################################################*/
/*###############################################################################*/
/*###############################################################################*/
/*###############################################################################*/
/*###############################################################################*/
/*###############################################################################*/
/*###############################################################################*/
/*###############################################################################*/
/*###############################################################################*/
/*## [ MEDIA QUERIES ] ##########################################################*/ 
/*###############################################################################*/
/*###############################################################################*/
/*###############################################################################*/
/*###############################################################################*/
/*###############################################################################*/
/*###############################################################################*/
/*###############################################################################*/
/*###############################################################################*/




/*###############################################################################*/
/*## [ 1441 px - 1800 px ] ######################################################*/ 
/*###############################################################################*/


@media only screen and ( min-width: 1441px ) and ( max-width: 1800px) { 


}


/*###############################################################################*/
/*## [ 1441 px - 1800 px ] ######################################################*/ 
/*###############################################################################*/


@media only screen and ( min-width: 1201px ) and ( max-width: 1440px) { 


}


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


@media only screen and ( min-width: 981px ) and ( max-width: 1200px ) {


.wrapper_03_header_bg_image {
  height: initial;
  aspect-ratio: 16 / 9;
}

.wrapper_02_homepage_testimonials_carousel {
	width: 100% !important;
}
.wrapper_01_content_carousel .dipi-carousel-item-content {
  padding: 2em !important;
}


.wrapper_02_header_post_headline {
	max-width: 780px !important;
}

}


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


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


/*###############################################################################*/
/*## [ 768 PX - 980 PX > ROOT VARIABLEN ] #######################################*/
/*###############################################################################*/


:root {
  /* variablen_body_copy */
  	--fs-body: clamp(14px, 13.14px + 0.268vw, 20px);
	--fs-body-card: clamp(12px, 10.86px + 0.357vw, 20px);

  /* variablen_headings */
  --fs-h1: clamp(24px, calc(24px + (78 - 24) * ((100vw - 320px) / 2240)), 78px);
  --fs-h2: clamp(22px, calc(22px + (72 - 22) * ((100vw - 320px) / 2240)), 72px);
  --fs-h3: clamp(18px, 15.43px + 0.804vw, 36px);
  --fs-h4: clamp(16px, 14.00px + 0.625vw, 30px);
  --fs-h5: clamp(15px, 13.43px + 0.491vw, 26px);
  --fs-h6: clamp(14px, 12.57px + 0.446vw, 24px);

  /* variablen_line-heights */
  	--lh-body: 1.55;
	--lh-cards: 1.45;
	--lh-h1: 1.0;
	--lh-h2: 1.10;
	--lh-h3: 1.15;
	--lh-h4: 1.20;
	--lh-h5: 1.28;
	--lh-h6: 1.35;
  
  /* variablen_font-weights */
  	--fw-light: 300;
	--fw-regular: 400;
	--fw-medium: 500;
	--fw-semibold: 600;
	--fw-bold: 700;
	--fw-bolder: 800;
	--fw-extra-bold: 900;
  
   /* variablen_space */
    --space-2xs: 0.5em;
	--space-xs: 0.75em;
	--space-sm: 1em;
	--space-md: 1.5em;
	--space-lg: 2em;
	--space-xl: 3em;
	--space-2xl: 4em;
	--space-3xl: 6em;
	
	 /* variablen_colors */
	--color-text: #000000;
	--color-primary: #000000;
	--color-secondary: #4D4D4D;
	--color-accent: #0A50FF;
	--color-background: #FFFFFF;
}


/*###############################################################################*/
/*## [ 768 PX - 980 PX > ALLGEMEIN ] ############################################*/
/*###############################################################################*/


/*-- [ 768 PX - 980 PX > SEGMENTE > MARGIN / PADDING >> SECTION ] ---------------*/


.et_pb_section {
	padding: 0em !important;
	padding-bottom: 0em !important;
}
.section_margin_bottom_1em {
	margin-bottom: 1em;
}
.section_margin_bottom_2em {
	margin-bottom: 2em;
}
.section_margin_bottom_3em {
	margin-bottom: 3em;
}
.section_margin_bottom_4em {
	margin-bottom: 4em;
}
.section_margin_bottom_5em {
	margin-bottom: 5em;
}
.section_margin_bottom_6em {
	margin-bottom: 3em;
}
.section_margin_bottom_7em {
	margin-bottom: 7em;
}
.section_margin_bottom_8em {
	margin-bottom: 8em;
}


/*-- [ 768 PX - 980 PX > SEGMENTE > MARGIN / PADDING >> ROW ] -------------------*/


.et_pb_row {
	padding: 0em !important;
	padding-bottom: 0em !important;
}
.row_margin_bottom_1em {
	margin-bottom: 1em;
}
.row_margin_bottom_2em {
	margin-bottom: 2em;
}
.row_margin_bottom_3em {
	margin-bottom: 3em;
}
.row_margin_bottom_4em {
	margin-bottom: 4em;
}
.row_margin_bottom_5em {
	margin-bottom: 5em;
}
.row_margin_bottom_6em {
	margin-bottom: 4em;
}
.row_margin_bottom_7em {
	margin-bottom: 7em;
}
.row_margin_bottom_8em {
	margin-bottom: 8em;
}


/*-- [ 768 PX - 980 PX > SEGMENTE > MARGIN / PADDING >> COLUMN ] ----------------*/


.column_margin_bottom_1em {
	margin-bottom: 1em;
}
.column_margin_bottom_2em {
	margin-bottom: 2em;
}
.column_margin_bottom_3em {
	margin-bottom: 3em;
}
.column_margin_bottom_4em {
	margin-bottom: 4em;
}


/*-- [ 768 PX - 980 PX > SEGMENTE > MARGIN / PADDING >> MODULE ] ----------------*/


.module_margin_bottom_1em {
	margin-bottom: 1em;
}
.module_margin_bottom_2em {
	margin-bottom: 2em;
}
.module_margin_bottom_3em {
	margin-bottom: 3em;
}
.module_margin_bottom_4em {
	margin-bottom: 4em;
}


/*-- [ 768 PX - 980 PX > LISTE ] ------------------------------------------------*/


.liste ul {
	margin-bottom: 0em !important;
	padding-bottom: 0em !important;
}
.liste ul li {
	margin-bottom: 0.5em;
	line-height: var(--lh-body) !important;
}


/*-- [ 768 PX - 980 PX > BORDER RADIUS ] ----------------------------------------*/


.border_radius_20px {
	-webkit-border-radius: 20px 20px 20px 20px;
	border-radius: 20px 20px 20px 20px;
}


/*-- [ 768 PX - 980 PX > ALLGEMEIN ] --------------------------------------------*/


.wrapper_01_overhead {
	margin-bottom: 1.5em !important;
}
.two_columns {
	-moz-column-count: 1;
	-moz-column-gap: 60px;
	-webkit-column-count: 1;
	-webkit-column-gap: 60px;
	column-count: 1;
	column-gap: 60px;
}
a[href^=tel]{ color:#FFFFFF; text-decoration:none;}


/*###############################################################################*/
/*## [ 768 PX - 980 PX > TAP TAP MENU ] #########################################*/
/*###############################################################################*/


.taptap-main-inner-inner {
	padding: 80px 25px 25px 25px !important;
}
.taptap-background-color  {
	background-color: rgba(255, 255, 255, 0.5);
	color: rgba(255, 255, 255, 0.25);
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0) !important;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0) !important;
}
.taptap-background-overlay {
	background-color: rgba(255, 255, 255, 0.5);
	color: rgba(255, 255, 255, 0.25);
}
.taptap-menu-button-03-front, .taptap-menu-button-03-back {
	background-color: var(--color-accent) !important;
}
.taptap-menu-button-wrapper {
	right: 30px !important;
	top: 20px !important;
}
.taptap-menu-button-03-front .taptap-menu-button-03-inner::after {
	height: 2px !important;
}
.taptap-menu-button-03-front .taptap-menu-button-03-inner::before {
	height: 2px !important;
}
.taptap-menu-button-03-front .taptap-menu-button-03-inner {
	height: 2px !important;
}
#menu-tap_tap_menu li a {
	font-family: 'InterVariable' !important;
	font-weight: 900 !important;
	font-size: clamp(18px, 14vw, 60px) !important;
	color: var(--color-accent) !important;
	line-height: 0.8em !important;
	padding: 10px 0px !important;
	border-bottom: 4px transparent solid;
}
#menu-tap_tap_menu .current-menu-item a{
	border-bottom: 4px var(--color-accent) solid;
}
#menu-tap_tap_menu li a:hover {
	border-bottom: 4px var(--color-accent) solid;
}


/*###############################################################################*/
/*## [ 768 PX - 980 PX > H1 - H6 ] ##############################################*/
/*###############################################################################*/


h1, h2, h3, h4, h5, h6 {
	margin-bottom: var(--space-2xs);
	padding-bottom: 0em !important;
}
#page-container h1 { 
	font-size: var(--fs-h1) !important; 
	line-height: var(--lh-h1);
	letter-spacing: 0;
}
#page-container h2 {
	font-size: var(--fs-h2) !important; 
	line-height: var(--lh-h2); 
	letter-spacing: -0.01em;
}
#page-container h3 {
	font-size: var(--fs-h3) !important; 
	line-height: var(--lh-h3); 
	letter-spacing: -0.01em;
}
#page-container h4 {
	font-size: var(--fs-h4) !important;
	line-height: var(--lh-h4);
	font-weight: var(--fw-semibold);
}
#page-container h5 {
	font-size: var(--fs-h5) !important;
	line-height: var(--lh-h5);
	font-weight: var(--fw-bold);
}
#page-container h6 {
	font-size: var(--fs-h6) !important;
	line-height: var(--lh-h6);	
	font-weight: var(--fw-bold);
}


/*###############################################################################*/
/*## [ 768 PX - 980 PX > BUTTONS ] ##############################################*/
/*###############################################################################*/


/*###############################################################################*/
/*## [ 768 PX - 980 PX > TOP HEADER > MAIN NAVI ] ###############################*/
/*###############################################################################*/


/*-- [ 768 PX - 980 PX > TOP HEADER - LOGO / SLOGAN ] ---------------------------*/


.wrapper_03_top_header {
	position: absolute;
	top: 0em;
	left: 0em;
	right: 0em;
	margin-top: 0em !important;
	margin-bottom: 0em !important;
	padding: 0em !important;
}
.wrapper_02_top_header {
	height: 140px;
	padding-top: 20px !important;
	padding-left: 25px !important;
}
.wrapper_01_top_header_logo_slogan img {
	width: 80px;
}


/*-- [ 768 PX - 980 PX > TOP HEADER - MAIN MENU ] -------------------------------*/


.wrapper_01_top_header_main_menu {
	display: none;
}


/*###############################################################################*/
/*## [ 768 PX - 980 PX > PX > FOOTER ] ###############################################*/
/*###############################################################################*/


#wrapper_03_footer {
	padding-bottom: 8em !important;
	padding-top: 20em !important;
}
.wrapper_02_footer {
	padding: 2em !important;
	display: flex;
	flex-direction: column-reverse;
}
#wrapper_02_footer h2 {
	margin-bottom: 1em !important;
}


/*-- [ 768 PX - 980 PX > FOOTER > KONTAKT FORMULAR ] ----------------------------*/


.wrapper_02_footer .nf-field-element textarea {
	height: 80px;
}


/*-- [ 768 PX - 980 PX > FOOTER > SOCIAL ICONS ] --------------------------------*/


/*###############################################################################*/
/*## [ 768 PX - 980 PX > HOMEPAGE ] #############################################*/
/*###############################################################################*/


/*-- [ 768 PX - 980 PX > HEADER IMAGE ] -----------------------------------------*/


.wrapper_03_header_bg_image {
	height: 50vh;
}


/*-- [ 768 PX - 980 PX > HEADER H1 ] --------------------------------------------*/

.wrapper_01_header_h1 h1 {
	margin-bottom: 1em !important;
}
.wrapper_02_homepage_benefits_copy {
	max-width: 520px !important;
}


/*-- [ 768 PX - 980 PX > HOMEPAGE > ZEHLER ] ------------------------------------*/


.wrapper_02_homepage_zehler_segment {
	max-width: 520px !important;
}
.column_01_zehler {
	margin-bottom: 5.5em !important;
}
.percent-value {
	font-size: clamp(48px, 26vw, 96px) !important;
}
#wrapper_02_homepage_zehler_segment .column_01_zehler:last-child {
	margin-bottom: 0em !important;
}


/*-- [ 768 PX - 980 PX > HOMEPAGE > PARALLAXE ] ---------------------------------*/


.wrapper_03_bg_parallaxe {
	height: 40vh;
}


/*-- [ 768 PX - 980 PX > HOMEPAGE > TABS >> TABS ] ------------------------------*/


#wrapper_02_homepage_tab_segmente_the_power .dipi_advanced_tabs_item {
	margin-bottom: 0em !important;
}
.wrapper_01_tab_segment_image_left .dipi_advanced_tabs_item {
	margin-bottom: 0em !important;
}
.wrapper_02_homepage_tab_segmente_the_power .dipi-at-panel-content {
	display: initial !important;
}
.wrapper_02_homepage_tab_segmente_the_power .dipi-at-panel-text {
	width: 100% !important;
}
.wrapper_02_homepage_tab_segmente_full_service .dipi-at-panel-content {
	display: initial !important;
}
.wrapper_02_homepage_tab_segmente_full_service .dipi-at-panel-text {
	width: 100% !important;
}


/*-- [ 768 PX - 980 PX > HOMEPAGE > TABS >> PANELS ] ----------------------------*/


#wrapper_01_tab_segment_image_left .dipi-at-panel-image {
	margin: 0.5em 0em 1.5em 0em  !important;
	width: 100% !important;
}
#wrapper_01_tab_segment_image_right .dipi-at-panel-image {
	margin: 0.5em 0em 1.5em 0em  !important;
	width: 100% !important;
}
.dipi_advanced_tabs_0 .dipi-at-tabs-prev:not(.sticky), .dipi_advanced_tabs_0 .dipi-at-tabs-next:not(.sticky) {
	top: 30px !important;
}


/*-- [ 768 PX - 980 PX > HOMEPAGE > TESTIMONIALS ] ------------------------------*/


.wrapper_02_homepage_testimonials_carousel {
	max-width: 100% !important;
	width: 100% !important;
}
#wrapper_01_content_carousel .swiper-slide-active {
	transform: initial !important;
	transition: all 0.2s ease-in-out 0s;
}
#wrapper_01_content_carousel .dipi_carousel_child {
	transform: initial !important;;
}
.wrapper_01_content_carousel .dipi-carousel-item-content {
	padding: 1.5em !important;
}
.wrapper_01_content_carousel .dipi_carousel_child {
	-webkit-box-shadow: 0 4px 20px 0 rgb(231, 231, 231, 0.5);
	box-shadow: 0 4px 20px 0 rgb(231, 231, 231, 0.5);
}


/*-- [ 768 PX - 980 PX > HOMEPAGE > CONTINENTAL SURF CUP ] ----------------------*/


.wrapper_02_homepage_surfcup_intro {
	padding: 2em 2em 2em 2em !important;
}
.wrapper_02_homepage_surfcup_headline h2 {
	margin-bottom: 2em !important;
}


/*###############################################################################*/
/*## [ 768 PX - 980 PX > BUSINESS UNTERSEITE ] ##################################*/
/*###############################################################################*/


.column_revenue_streems_copy {
	padding: 2em 2em 1em 2em;
}
#wrapper_02_business_award_arousel .dipi-carousel-item-content {
	padding: 0em 1.5em 0em 1.5em !important;
}
#wrapper_02_business_award_arousel .dipi-carousel-item-desc {
	margin-bottom: 2.5em !important;
}
.wrapper_02_revenue_streams_copy {
	max-width: 520px !important;
}


/*###############################################################################*/
/*## [ 768 PX - 980 PX > TECHNOLOGY UNTERSEITE ] ################################*/
/*###############################################################################*/


.wrapper_02_technology_info {
	margin-bottom: 0em !important;
}
.wrapper_02_technology_illus {
	padding: 2.5em 2em 2.5em 2em !important;
}
.wrapper_02_technology_illus .et_pb_column:first-child {
	margin-bottom: 3em !important;
}
.wrapper_02_technology_info_reverse {
	display: flex;
	flex-direction: column-reverse;
}
.wrapper_02_technology_info .et_pb_column {
	margin-bottom: 0em !important;
}
#wrapper_03_technology_info .wrapper_02_technology_info_last {
	margin-bottom: 2em !important;
}
.wrapper_01_technology_info_bild img {
	margin-bottom: 2em !important;
	margin-top: 1em !important;
}
.wrapper_02_business_tab_segmente_full_service .dipi-at-panel-content {
	display: initial !important;
}
.wrapper_02_business_tab_segmente_full_service .dipi-at-panel-text {
	width: 100% !important;
}
.wrapper_02_technology_illu_copy {
	max-width: 520px !important;
}

/*###############################################################################*/
/*## [ 768 PX - 980 PX > LOCATIONS ] ############################################*/
/*###############################################################################*/


.wrapper_03_cityvawe_map {
	padding-top: 2em !important;
}


/*-- [ 768 PX - 980 PX > LOCATIONS > MAP ] --------------------------------------*/


.supreme_leaflet_map_container {
	height: 41vh;
}
#wrapper_01_cityvawe_map .leaflet-left {
	right: 20px !important;
	left: initial !important;
}
#wrapper_01_cityvawe_map .leaflet-top {
	bottom: 20px !important;
	top: initial !important;
}


/*-- [ 768 PX - 980 PX > LOCATIONS > GRID >> FILTER ] ---------------------------*/


#wrapper_01_location_grid .dipi-filter-bar-item {
	background-color: #E8E9EE;
	line-height: 2em;
	font-weight: 500;
	padding-left: 1.25em !important;
	padding-right: 1.25em !important;
	-webkit-border-radius: 100px 100px 100px 100px;
	border-radius: 100px 100px 100px 100px;
	padding-bottom: 0.35em !important;
	font-size: 12px;
}


/*-- [ 768 PX - 980 PX > LOCATIONS > GRID ] -------------------------------------*/


.location_booking_link {
	margin-bottom: 0.5em;
}
.locations_gallery_button img {
	width: 50px;
}
.wrapper_01_location_grid .grid-item {
    width: 100% !important;
  }


/*-- [ 768 PX - 980 PX > LOCATIONS > POP UP GALERY ] ----------------------------*/


.wrapper_03_locations_gallery_popup {
	width: 95vw;
}
#wrapper_03_locations_gallery_popup .swiper-container {
	padding-top: 10px !important;
	padding-right: 10px !important;
	padding-bottom: 10px !important;
	padding-left: 10px !important;
}
.dipi-popup-container .dipi_popup-close {
	top: -45px !important;
	right: 30px !important;
	font-size: 40px !important;
}


/*###############################################################################*/
/*## [ 768 PX - 980 PX > INQUIRY ] ##############################################*/
/*###############################################################################*/


.wrapper_03_inquiry {
	margin-top: 0em !important;
	padding-top: 8em !important;
}
.wrapper_02_inquiry_headline {
	max-width: 520px !important;
}
.wrapper_02_inquiry_formular {
	max-width: 520px !important;
}


/*###############################################################################*/
/*## [ 768 PX - 980 PX > NEWS ] #################################################*/
/*###############################################################################*/


.wrapper_01_blog_overview .entry-featured-image-url {
	max-width: 100% !important;
}
.wrapper_01_blog_overview .entry-title {
	max-width: 100%;
	margin-left: initial;
}
.wrapper_01_blog_overview .post-content {
	max-width: 100%;
	margin-left: initial;
}
.wrapper_01_blog_overview .post-meta {
	max-width: 100%;
	margin-left: initial;
}


/*###############################################################################*/
/*## [ 768 PX - 980 PX > NEWS BEITTRAG ] ########################################*/
/*###############################################################################*/


.wrapper_03_header_post_image {
	height: 50vh;
}
#wrapper_02_header_post_headline {
	position: initial;
	margin-top: 2em;
	width: 80% !important;
	background-color: transparent !important;
}


/*###############################################################################*/
/*## [ 768 PX - 980 PX > 404 ] ##################################################*/ 
/*###############################################################################*/


/*###############################################################################*/
/*## [ 768 PX - 980 PX > SEARCH RESULTS ] #######################################*/
/*###############################################################################*/






}


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


@media only screen and ( min-width: 480px ) and ( max-width: 767px ) {


/*###############################################################################*/
/*## [ 480 PX - 767 PX > ROOT VARIABLEN ] #######################################*/
/*###############################################################################*/


:root {
  /* variablen_body_copy */
  	--fs-body: clamp(14px, 13.14px + 0.268vw, 20px);
	--fs-body-card: clamp(12px, 10.86px + 0.357vw, 20px);

  /* variablen_headings */
  --fs-h1: clamp(24px, calc(24px + (78 - 24) * ((100vw - 320px) / 2240)), 78px);
  --fs-h2: clamp(22px, calc(22px + (72 - 22) * ((100vw - 320px) / 2240)), 72px);
  --fs-h3: clamp(18px, 15.43px + 0.804vw, 36px);
  --fs-h4: clamp(16px, 14.00px + 0.625vw, 30px);
  --fs-h5: clamp(15px, 13.43px + 0.491vw, 26px);
  --fs-h6: clamp(14px, 12.57px + 0.446vw, 24px);

  /* variablen_line-heights */
  	--lh-body: 1.55;
	--lh-cards: 1.45;
	--lh-h1: 1.0;
	--lh-h2: 1.10;
	--lh-h3: 1.15;
	--lh-h4: 1.20;
	--lh-h5: 1.28;
	--lh-h6: 1.35;
  
  /* variablen_font-weights */
  	--fw-light: 300;
	--fw-regular: 400;
	--fw-medium: 500;
	--fw-semibold: 600;
	--fw-bold: 700;
	--fw-bolder: 800;
	--fw-extra-bold: 900;
  
   /* variablen_space */
    --space-2xs: 0.5em;
	--space-xs: 0.75em;
	--space-sm: 1em;
	--space-md: 1.5em;
	--space-lg: 2em;
	--space-xl: 3em;
	--space-2xl: 4em;
	--space-3xl: 6em;
	
	 /* variablen_colors */
	--color-text: #000000;
	--color-primary: #000000;
	--color-secondary: #4D4D4D;
	--color-accent: #0A50FF;
	--color-background: #FFFFFF;
}


/*###############################################################################*/
/*## [ 480 PX - 767 PX > ALLGEMEIN ] ############################################*/
/*###############################################################################*/


/*-- [ 480 PX - 767 PX > SEGMENTE > MARGIN / PADDING >> SECTION ] ---------------*/


.et_pb_section {
	padding: 0em !important;
	padding-bottom: 0em !important;
}
.section_margin_bottom_1em {
	margin-bottom: 1em;
}
.section_margin_bottom_2em {
	margin-bottom: 2em;
}
.section_margin_bottom_3em {
	margin-bottom: 3em;
}
.section_margin_bottom_4em {
	margin-bottom: 4em;
}
.section_margin_bottom_5em {
	margin-bottom: 5em;
}
.section_margin_bottom_6em {
	margin-bottom: 3em;
}
.section_margin_bottom_7em {
	margin-bottom: 7em;
}
.section_margin_bottom_8em {
	margin-bottom: 8em;
}


/*-- [ 480 PX - 767 PX > SEGMENTE > MARGIN / PADDING >> ROW ] -------------------*/


.et_pb_row {
	padding: 0em !important;
	padding-bottom: 0em !important;
}
.row_margin_bottom_1em {
	margin-bottom: 1em;
}
.row_margin_bottom_2em {
	margin-bottom: 2em;
}
.row_margin_bottom_3em {
	margin-bottom: 3em;
}
.row_margin_bottom_4em {
	margin-bottom: 4em;
}
.row_margin_bottom_5em {
	margin-bottom: 5em;
}
.row_margin_bottom_6em {
	margin-bottom: 4em;
}
.row_margin_bottom_7em {
	margin-bottom: 7em;
}
.row_margin_bottom_8em {
	margin-bottom: 8em;
}


/*-- [ 480 PX - 767 PX > SEGMENTE > MARGIN / PADDING >> COLUMN ] ----------------*/


.column_margin_bottom_1em {
	margin-bottom: 1em;
}
.column_margin_bottom_2em {
	margin-bottom: 2em;
}
.column_margin_bottom_3em {
	margin-bottom: 3em;
}
.column_margin_bottom_4em {
	margin-bottom: 4em;
}


/*-- [ 480 PX - 767 PX > SEGMENTE > MARGIN / PADDING >> MODULE ] ----------------*/


.module_margin_bottom_1em {
	margin-bottom: 1em;
}
.module_margin_bottom_2em {
	margin-bottom: 2em;
}
.module_margin_bottom_3em {
	margin-bottom: 3em;
}
.module_margin_bottom_4em {
	margin-bottom: 4em;
}


/*-- [ 480 PX - 767 PX > LISTE ] ------------------------------------------------*/


.liste ul {
	margin-bottom: 0em !important;
	padding-bottom: 0em !important;
}
.liste ul li {
	margin-bottom: 0.5em;
	line-height: var(--lh-body) !important;
}


/*-- [ 480 PX - 767 PX > BORDER RADIUS ] ----------------------------------------*/


.border_radius_20px {
	-webkit-border-radius: 20px 20px 20px 20px;
	border-radius: 20px 20px 20px 20px;
}


/*-- [ 480 PX - 767 PX > ALLGEMEIN ] --------------------------------------------*/


.wrapper_01_overhead {
	margin-bottom: 1.5em !important;
}
.two_columns {
	-moz-column-count: 1;
	-moz-column-gap: 60px;
	-webkit-column-count: 1;
	-webkit-column-gap: 60px;
	column-count: 1;
	column-gap: 60px;
}
a[href^=tel]{ color:#FFFFFF; text-decoration:none;}


/*###############################################################################*/
/*## [ 480 PX - 767 PX > TAP TAP MENU ] #########################################*/
/*###############################################################################*/


.taptap-main-inner-inner {
	padding: 80px 25px 25px 25px !important;
}
.taptap-background-color  {
	background-color: rgba(255, 255, 255, 0.5);
	color: rgba(255, 255, 255, 0.25);
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0) !important;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0) !important;
}
.taptap-background-overlay {
	background-color: rgba(255, 255, 255, 0.5);
	color: rgba(255, 255, 255, 0.25);
}
.taptap-menu-button-03-front, .taptap-menu-button-03-back {
	background-color: var(--color-accent) !important;
}
.taptap-menu-button-wrapper {
	right: 30px !important;
	top: 20px !important;
}
.taptap-menu-button-03-front .taptap-menu-button-03-inner::after {
	height: 2px !important;
}
.taptap-menu-button-03-front .taptap-menu-button-03-inner::before {
	height: 2px !important;
}
.taptap-menu-button-03-front .taptap-menu-button-03-inner {
	height: 2px !important;
}
#menu-tap_tap_menu li a {
	font-family: 'InterVariable' !important;
	font-weight: 900 !important;
	font-size: clamp(18px, 14vw, 60px) !important;
	color: var(--color-accent) !important;
	line-height: 0.8em !important;
	padding: 10px 0px !important;
	border-bottom: 4px transparent solid;
}
#menu-tap_tap_menu .current-menu-item a{
	border-bottom: 4px var(--color-accent) solid;
}
#menu-tap_tap_menu li a:hover {
	border-bottom: 4px var(--color-accent) solid;
}


/*###############################################################################*/
/*## [ 480 PX - 767 PX > H1 - H6 ] ##############################################*/
/*###############################################################################*/


h1, h2, h3, h4, h5, h6 {
	margin-bottom: var(--space-2xs);
	padding-bottom: 0em !important;
}
#page-container h1 { 
	font-size: var(--fs-h1) !important; 
	line-height: var(--lh-h1);
	letter-spacing: 0;
}
#page-container h2 {
	font-size: var(--fs-h2) !important; 
	line-height: var(--lh-h2); 
	letter-spacing: -0.01em;
}
#page-container h3 {
	font-size: var(--fs-h3) !important; 
	line-height: var(--lh-h3); 
	letter-spacing: -0.01em;
}
#page-container h4 {
	font-size: var(--fs-h4) !important;
	line-height: var(--lh-h4);
	font-weight: var(--fw-semibold);
}
#page-container h5 {
	font-size: var(--fs-h5) !important;
	line-height: var(--lh-h5);
	font-weight: var(--fw-bold);
}
#page-container h6 {
	font-size: var(--fs-h6) !important;
	line-height: var(--lh-h6);	
	font-weight: var(--fw-bold);
}


/*###############################################################################*/
/*## [ 480 PX - 767 PX > BUTTONS ] ##############################################*/
/*###############################################################################*/


/*###############################################################################*/
/*## [ 480 PX - 767 PX > TOP HEADER > MAIN NAVI ] ###############################*/
/*###############################################################################*/


/*-- [ 480 PX - 767 PX > TOP HEADER - LOGO / SLOGAN ] ---------------------------*/


.wrapper_03_top_header {
	position: absolute;
	top: 0em;
	left: 0em;
	right: 0em;
	margin-top: 0em !important;
	margin-bottom: 0em !important;
	padding: 0em !important;
}
.wrapper_02_top_header {
	height: 140px;
	padding-top: 20px !important;
	padding-left: 25px !important;
}
.wrapper_01_top_header_logo_slogan img {
	width: 80px;
}


/*-- [ 480 PX - 767 PX > TOP HEADER - MAIN MENU ] -------------------------------*/


.wrapper_01_top_header_main_menu {
	display: none;
}


/*###############################################################################*/
/*## [ 480 PX - 767 PX > FOOTER ] ###############################################*/
/*###############################################################################*/


#wrapper_03_footer {
	padding-bottom: 8em !important;
	padding-top: 20em !important;
}
.wrapper_02_footer {
	padding: 2em !important;
	display: flex;
	flex-direction: column-reverse;
}
#wrapper_02_footer h2 {
	margin-bottom: 1em !important;
}


/*-- [ 480 PX - 767 PX > FOOTER > KONTAKT FORMULAR ] ----------------------------*/


.wrapper_02_footer .nf-field-element textarea {
	height: 80px;
}


/*-- [ 480 PX - 767 PX > FOOTER > SOCIAL ICONS ] --------------------------------*/


/*###############################################################################*/
/*## [ 480 PX - 767 PX > HOMEPAGE ] #############################################*/
/*###############################################################################*/


/*-- [ 480 PX - 767 PX > HEADER IMAGE ] -----------------------------------------*/


.wrapper_03_header_bg_image {
	height: 50vh;
}


/*-- [ 480 PX - 767 PX > HEADER H1 ] --------------------------------------------*/

.wrapper_01_header_h1 h1 {
	margin-bottom: 1em !important;
}


/*-- [ 480 PX - 767 PX > HOMEPAGE > ZEHLER ] ------------------------------------*/


.wrapper_02_homepage_zehler_segment {
	max-width: 520px !important;
}
.column_01_zehler {
	margin-bottom: 5.5em !important;
}
.percent-value {
	font-size: clamp(48px, 26vw, 96px) !important;
}
#wrapper_02_homepage_zehler_segment .column_01_zehler:last-child {
	margin-bottom: 0em !important;
}


/*-- [ 480 PX - 767 PX > HOMEPAGE > PARALLAXE ] ---------------------------------*/


.wrapper_03_bg_parallaxe {
	height: 40vh;
}


/*-- [ 480 PX - 767 PX > HOMEPAGE > TABS >> TABS ] ------------------------------*/


.wrapper_02_homepage_tab_segmente_the_power {
	max-width: 520px !important;
}
#wrapper_02_homepage_tab_segmente_the_power .dipi_advanced_tabs_item {
	margin-bottom: 0em !important;
}
.wrapper_01_tab_segment_image_left .dipi_advanced_tabs_item {
	margin-bottom: 0em !important;
}
.wrapper_02_homepage_tab_segmente_full_service {
	max-width: 520px !important;
}


/*-- [ 480 PX - 767 PX > HOMEPAGE > TABS >> PANELS ] ----------------------------*/


#wrapper_01_tab_segment_image_left .dipi-at-panel-image {
	margin: 0.5em 0em 1.5em 0em  !important;
	width: 100% !important;
}
#wrapper_01_tab_segment_image_right .dipi-at-panel-image {
	margin: 0.5em 0em 1.5em 0em  !important;
	width: 100% !important;
}
.dipi_advanced_tabs_0 .dipi-at-tabs-prev:not(.sticky), .dipi_advanced_tabs_0 .dipi-at-tabs-next:not(.sticky) {
	top: 30px !important;
}


/*-- [ 480 PX - 767 PX > HOMEPAGE > TESTIMONIALS ] ------------------------------*/


#wrapper_01_content_carousel .swiper-slide-active {
	transform: initial !important;
	transition: all 0.2s ease-in-out 0s;
}
#wrapper_01_content_carousel .dipi_carousel_child {
	transform: initial !important;;
}
.wrapper_01_content_carousel .dipi-carousel-item-content {
	padding: 1.5em !important;
}
.wrapper_01_content_carousel .dipi_carousel_child {
	-webkit-box-shadow: 0 4px 20px 0 rgb(231, 231, 231, 0.5);
	box-shadow: 0 4px 20px 0 rgb(231, 231, 231, 0.5);
}


/*-- [ 480 PX - 767 PX > HOMEPAGE > CONTINENTAL SURF CUP ] ----------------------*/


.wrapper_02_homepage_surfcup_intro {
	padding: 2em 2em 2em 2em !important;
	max-width: 520px !important;
}
.wrapper_02_homepage_surfcup_headline h2 {
	margin-bottom: 2em !important;
}


/*###############################################################################*/
/*## [ 480 PX - 767 PX > BUSINESS UNTERSEITE ] ##################################*/
/*###############################################################################*/


.wrapper_02_revenue_streams_copy {
	max-width: 520px !important;
} 
.column_revenue_streems_copy {
	padding: 2em 2em 1em 2em;
}
#wrapper_02_business_award_arousel {
	max-width: 560px !important;
}
.wrapper_02_business_award_arousel {
	max-width: 520px !important;
}
#wrapper_02_business_award_arousel .dipi-carousel-item-content {
	padding: 0em 1.5em 0em 1.5em !important;
}
#wrapper_02_business_award_arousel .dipi-carousel-item-desc {
	margin-bottom: 2.5em !important;
}


/*###############################################################################*/
/*## [ 480 PX - 767 PX > TECHNOLOGY UNTERSEITE ] ################################*/
/*###############################################################################*/


.wrapper_02_technology_info {
	margin-bottom: 0em !important;
	max-width: 520px !important;
}
.wrapper_02_technology_illus {
	padding: 2.5em 2em 2.5em 2em !important;
	max-width: 520px !important;
}
.wrapper_02_technology_illus .et_pb_column:first-child {
	margin-bottom: 3em !important;
}
.wrapper_02_technology_info_reverse {
	display: flex;
	flex-direction: column-reverse;
}
.wrapper_02_technology_info .et_pb_column {
	margin-bottom: 0em !important;
}
#wrapper_03_technology_info .wrapper_02_technology_info_last {
	margin-bottom: 2em !important;
}
.wrapper_01_technology_info_bild img {
	margin-bottom: 2em !important;
	margin-top: 1em !important;
}
.wrapper_02_technology_illu_copy {
	max-width: 520px !important;
}
.wrapper_02_business_tab_segmente_full_service  {
	max-width: 520px !important;
}


/*###############################################################################*/
/*## [ 480 PX - 767 PX > LOCATIONS ] ############################################*/
/*###############################################################################*/


.wrapper_03_cityvawe_map {
	padding-top: 2em !important;
}
.wrapper_02_location_grid {
	max-width: 520px !important;
}


/*-- [ 480 PX - 767 PX > LOCATIONS > MAP ] --------------------------------------*/


.supreme_leaflet_map_container {
	height: 41vh;
}
#wrapper_01_cityvawe_map .leaflet-left {
	right: 20px !important;
	left: initial !important;
}
#wrapper_01_cityvawe_map .leaflet-top {
	bottom: 20px !important;
	top: initial !important;
}


/*-- [ 480 PX - 767 PX > LOCATIONS > GRID >> FILTER ] ---------------------------*/


#wrapper_01_location_grid .dipi-filter-bar-item {
	background-color: #E8E9EE;
	line-height: 2em;
	font-weight: 500;
	padding-left: 1.25em !important;
	padding-right: 1.25em !important;
	-webkit-border-radius: 100px 100px 100px 100px;
	border-radius: 100px 100px 100px 100px;
	padding-bottom: 0.35em !important;
	font-size: 12px;
}


/*-- [ 480 PX - 767 PX > LOCATIONS > GRID ] -------------------------------------*/


.location_booking_link {
	margin-bottom: 0.5em;
}
.locations_gallery_button img {
	width: 50px;
}


/*-- [ 480 PX - 767 PX > LOCATIONS > POP UP GALERY ] ----------------------------*/


.wrapper_03_locations_gallery_popup {
	width: 95vw;
}
#wrapper_03_locations_gallery_popup .swiper-container {
	padding-top: 10px !important;
	padding-right: 10px !important;
	padding-bottom: 10px !important;
	padding-left: 10px !important;
}
.dipi-popup-container .dipi_popup-close {
	top: -45px !important;
	right: 30px !important;
	font-size: 40px !important;
}


/*###############################################################################*/
/*## [ 480 PX - 767 PX > INQUIRY ] ##############################################*/
/*###############################################################################*/


.wrapper_03_inquiry {
	margin-top: 0em !important;
	padding-top: 8em !important;
}
.wrapper_02_inquiry_headline {
	max-width: 520px !important;
}
.wrapper_02_inquiry_formular {
	max-width: 520px !important;
}


/*###############################################################################*/
/*## [ 480 PX - 767 PX > NEWS ] #################################################*/
/*###############################################################################*/


.wrapper_02_blog_overview {
	max-width: 520px !important;
}
.wrapper_01_blog_overview .entry-featured-image-url {
	max-width: 100% !important;
}
.wrapper_01_blog_overview .entry-title {
	max-width: 100%;
	margin-left: initial;
}
.wrapper_01_blog_overview .post-content {
	max-width: 100%;
	margin-left: initial;
}
.wrapper_01_blog_overview .post-meta {
	max-width: 100%;
	margin-left: initial;
}
.page-id-70 .wrapper_02_header_h1 {
	max-width: 520px !important;
}


/*###############################################################################*/
/*## [ 480 PX - 767 PX > NEWS BEITTRAG ] ########################################*/
/*###############################################################################*/


.wrapper_03_header_post_image {
	height: 50vh;
}
#wrapper_02_header_post_headline {
	position: initial;
	margin-top: 2em;
	width: 80% !important;
	background-color: transparent !important;
	max-width: 520px !important;
}


/*###############################################################################*/
/*## [ 480 PX - 767 PX > 404 ] ##################################################*/ 
/*###############################################################################*/


/*###############################################################################*/
/*## [ 480 PX - 767 PX > SEARCH RESULTS ] #######################################*/
/*###############################################################################*/


}


/*###############################################################################*/
/*###############################################################################*/
/*###############################################################################*/
/*## [ MAX 479 px ] #############################################################*/ 
/*###############################################################################*/
/*###############################################################################*/
/*###############################################################################*/


@media only screen and ( max-width: 479px ) {


/*###############################################################################*/
/*## [ 479 > ROOT VARIABLEN ] ###################################################*/
/*###############################################################################*/


:root {
  /* variablen_body_copy */
  	--fs-body: clamp(14px, 13.14px + 0.268vw, 20px);
	--fs-body-card: clamp(12px, 10.86px + 0.357vw, 20px);

  /* variablen_headings */
  --fs-h1: clamp(24px, calc(24px + (78 - 24) * ((100vw - 320px) / 2240)), 78px);
  --fs-h2: clamp(22px, calc(22px + (72 - 22) * ((100vw - 320px) / 2240)), 72px);
  --fs-h3: clamp(18px, 15.43px + 0.804vw, 36px);
  --fs-h4: clamp(16px, 14.00px + 0.625vw, 30px);
  --fs-h5: clamp(15px, 13.43px + 0.491vw, 26px);
  --fs-h6: clamp(14px, 12.57px + 0.446vw, 24px);

  /* variablen_line-heights */
  	--lh-body: 1.55;
	--lh-cards: 1.45;
	--lh-h1: 1.0;
	--lh-h2: 1.10;
	--lh-h3: 1.15;
	--lh-h4: 1.20;
	--lh-h5: 1.28;
	--lh-h6: 1.35;
  
  /* variablen_font-weights */
  	--fw-light: 300;
	--fw-regular: 400;
	--fw-medium: 500;
	--fw-semibold: 600;
	--fw-bold: 700;
	--fw-bolder: 800;
	--fw-extra-bold: 900;
  
   /* variablen_space */
    --space-2xs: 0.5em;
	--space-xs: 0.75em;
	--space-sm: 1em;
	--space-md: 1.5em;
	--space-lg: 2em;
	--space-xl: 3em;
	--space-2xl: 4em;
	--space-3xl: 6em;
	
	 /* variablen_colors */
	--color-text: #000000;
	--color-primary: #000000;
	--color-secondary: #4D4D4D;
	--color-accent: #0A50FF;
	--color-background: #FFFFFF;
}


/*###############################################################################*/
/*## [ 479 > ALLGEMEIN ] ########################################################*/
/*###############################################################################*/


/*-- [ 479 > SEGMENTE > MARGIN / PADDING >> SECTION ] ---------------------------*/


.et_pb_section {
	padding: 0em !important;
	padding-bottom: 0em !important;
}
.section_margin_bottom_1em {
	margin-bottom: 1em;
}
.section_margin_bottom_2em {
	margin-bottom: 2em;
}
.section_margin_bottom_3em {
	margin-bottom: 3em;
}
.section_margin_bottom_4em {
	margin-bottom: 4em;
}
.section_margin_bottom_5em {
	margin-bottom: 5em;
}
.section_margin_bottom_6em {
	margin-bottom: 3em;
}
.section_margin_bottom_7em {
	margin-bottom: 7em;
}
.section_margin_bottom_8em {
	margin-bottom: 8em;
}


/*-- [ 479 > SEGMENTE > MARGIN / PADDING >> ROW ] -------------------------------*/


.et_pb_row {
	padding: 0em !important;
	padding-bottom: 0em !important;
}
.row_margin_bottom_1em {
	margin-bottom: 1em;
}
.row_margin_bottom_2em {
	margin-bottom: 2em;
}
.row_margin_bottom_3em {
	margin-bottom: 3em;
}
.row_margin_bottom_4em {
	margin-bottom: 4em;
}
.row_margin_bottom_5em {
	margin-bottom: 5em;
}
.row_margin_bottom_6em {
	margin-bottom: 4em;
}
.row_margin_bottom_7em {
	margin-bottom: 7em;
}
.row_margin_bottom_8em {
	margin-bottom: 8em;
}


/*-- [ 479 > SEGMENTE > MARGIN / PADDING >> COLUMN ] ----------------------------*/


.column_margin_bottom_1em {
	margin-bottom: 1em;
}
.column_margin_bottom_2em {
	margin-bottom: 2em;
}
.column_margin_bottom_3em {
	margin-bottom: 3em;
}
.column_margin_bottom_4em {
	margin-bottom: 4em;
}


/*-- [ 479 > SEGMENTE > MARGIN / PADDING >> MODULE ] ----------------------------*/


.module_margin_bottom_1em {
	margin-bottom: 1em;
}
.module_margin_bottom_2em {
	margin-bottom: 2em;
}
.module_margin_bottom_3em {
	margin-bottom: 3em;
}
.module_margin_bottom_4em {
	margin-bottom: 4em;
}


/*-- [ 479 > LISTE ] ------------------------------------------------------------*/


.liste ul {
	margin-bottom: 0em !important;
	padding-bottom: 0em !important;
}
.liste ul li {
	margin-bottom: 0.5em;
	line-height: var(--lh-body) !important;
}


/*-- [ 479 > BORDER RADIUS ] ----------------------------------------------------*/


.border_radius_20px {
	-webkit-border-radius: 20px 20px 20px 20px;
	border-radius: 20px 20px 20px 20px;
}


/*-- [ 479 > ALLGEMEIN ] --------------------------------------------------------*/


.wrapper_01_overhead {
	margin-bottom: 1.5em !important;
}
.two_columns {
	-moz-column-count: 1;
	-moz-column-gap: 60px;
	-webkit-column-count: 1;
	-webkit-column-gap: 60px;
	column-count: 1;
	column-gap: 60px;
}
a[href^=tel]{ color:#FFFFFF; text-decoration:none;}


/*###############################################################################*/
/*## [ 479 > TAP TAP MENU ] #####################################################*/
/*###############################################################################*/


.taptap-main-inner-inner {
	padding: 80px 25px 25px 25px !important;
}
.taptap-background-color  {
	background-color: rgba(255, 255, 255, 0.5);
	color: rgba(255, 255, 255, 0.25);
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0) !important;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0) !important;
}
.taptap-background-overlay {
	background-color: rgba(255, 255, 255, 0.5);
	color: rgba(255, 255, 255, 0.25);
}
.taptap-menu-button-03-front, .taptap-menu-button-03-back {
	background-color: var(--color-accent) !important;
}
.taptap-menu-button-wrapper {
	right: 30px !important;
	top: 20px !important;
}
.taptap-menu-button-03-front .taptap-menu-button-03-inner::after {
	height: 2px !important;
}
.taptap-menu-button-03-front .taptap-menu-button-03-inner::before {
	height: 2px !important;
}
.taptap-menu-button-03-front .taptap-menu-button-03-inner {
	height: 2px !important;
}
#menu-tap_tap_menu li a {
	font-family: 'InterVariable' !important;
	font-weight: 900 !important;
	font-size: clamp(18px, 14vw, 60px) !important;
	color: var(--color-accent) !important;
	line-height: 0.8em !important;
	padding: 10px 0px !important;
	border-bottom: 4px transparent solid;
}
#menu-tap_tap_menu .current-menu-item a{
	border-bottom: 4px var(--color-accent) solid;
}
#menu-tap_tap_menu li a:hover {
	border-bottom: 4px var(--color-accent) solid;
}


/*###############################################################################*/
/*## [ 479 > H1 - H6 ] ##########################################################*/
/*###############################################################################*/


h1, h2, h3, h4, h5, h6 {
	margin-bottom: var(--space-2xs);
	padding-bottom: 0em !important;
}
#page-container h1 { 
	font-size: var(--fs-h1) !important; 
	line-height: var(--lh-h1);
	letter-spacing: 0;
}
#page-container h2 {
	font-size: var(--fs-h2) !important; 
	line-height: var(--lh-h2); 
	letter-spacing: -0.01em;
}
#page-container h3 {
	font-size: var(--fs-h3) !important; 
	line-height: var(--lh-h3); 
	letter-spacing: -0.01em;
}
#page-container h4 {
	font-size: var(--fs-h4) !important;
	line-height: var(--lh-h4);
	font-weight: var(--fw-semibold);
}
#page-container h5 {
	font-size: var(--fs-h5) !important;
	line-height: var(--lh-h5);
	font-weight: var(--fw-bold);
}
#page-container h6 {
	font-size: var(--fs-h6) !important;
	line-height: var(--lh-h6);	
	font-weight: var(--fw-bold);
}


/*###############################################################################*/
/*## [ 479 > BUTTONS ] ##########################################################*/
/*###############################################################################*/


/*###############################################################################*/
/*## [ 479 > TOP HEADER > MAIN NAVI ] ###########################################*/
/*###############################################################################*/


/*-- [ 479 > TOP HEADER - LOGO / SLOGAN ] ---------------------------------------*/


.wrapper_03_top_header {
	position: absolute;
	top: 0em;
	left: 0em;
	right: 0em;
	margin-top: 0em !important;
	margin-bottom: 0em !important;
	padding: 0em !important;
}
.wrapper_02_top_header {
	height: 140px;
	padding-top: 20px !important;
	padding-left: 25px !important;
}
.wrapper_01_top_header_logo_slogan img {
	width: 80px;
}


/*-- [ 479 > TOP HEADER - MAIN MENU ] -------------------------------------------*/


.wrapper_01_top_header_main_menu {
	display: none;
}


/*###############################################################################*/
/*## [ 479 > FOOTER ] ###########################################################*/
/*###############################################################################*/


#wrapper_03_footer {
	padding-bottom: 8em !important;
	padding-top: 20em !important;
}
.wrapper_02_footer {
	padding: 2em !important;
	display: flex;
	flex-direction: column-reverse;
}
#wrapper_02_footer h2 {
	margin-bottom: 1em !important;
}


/*-- [ 479 > FOOTER > KONTAKT FORMULAR ] ----------------------------------------*/


.wrapper_02_footer .nf-field-element textarea {
	height: 80px;
}


/*-- [ 479 > FOOTER > SOCIAL ICONS ] --------------------------------------------*/


/*###############################################################################*/
/*## [ 479 > FHOMEPAGE ] ########################################################*/
/*###############################################################################*/


/*-- [ 479 > HEADER IMAGE ] -----------------------------------------------------*/


.wrapper_03_header_bg_image {
	height: 50vh;
}


/*-- [ 479 > HEADER H1 ] --------------------------------------------------------*/

.wrapper_01_header_h1 h1 {
	margin-bottom: 1em !important;
}


/*-- [ 479 > HOMEPAGE > ZEHLER ] ------------------------------------------------*/


.column_01_zehler {
	margin-bottom: 5.5em !important;
}
.percent-value {
	font-size: clamp(48px, 26vw, 96px) !important;
}
#wrapper_02_homepage_zehler_segment .column_01_zehler:last-child {
	margin-bottom: 0em !important;
}


/*-- [ 479 > HOMEPAGE > PARALLAXE ] ---------------------------------------------*/


.wrapper_03_bg_parallaxe {
	height: 40vh;
}


/*-- [ 479 > HOMEPAGE > TABS >> TABS ] ------------------------------------------*/


#wrapper_02_homepage_tab_segmente_the_power .dipi_advanced_tabs_item {
	margin-bottom: 0em !important;
}
.wrapper_01_tab_segment_image_left .dipi_advanced_tabs_item {
	margin-bottom: 0em !important;
}


/*-- [ 479 > HOMEPAGE > TABS >> PANELS ] ----------------------------------------*/


#wrapper_01_tab_segment_image_left .dipi-at-panel-image {
	margin: 0.5em 0em 1.5em 0em  !important;
	width: 100% !important;
}
#wrapper_01_tab_segment_image_right .dipi-at-panel-image {
	margin: 0.5em 0em 1.5em 0em  !important;
	width: 100% !important;
}
.dipi_advanced_tabs_0 .dipi-at-tabs-prev:not(.sticky), .dipi_advanced_tabs_0 .dipi-at-tabs-next:not(.sticky) {
	top: 30px !important;
}


/*-- [ 479 > HOMEPAGE > TESTIMONIALS ] ------------------------------------------*/


#wrapper_01_content_carousel .swiper-slide-active {
	transform: initial !important;
	transition: all 0.2s ease-in-out 0s;
}
#wrapper_01_content_carousel .dipi_carousel_child {
	transform: initial !important;;
}
.wrapper_01_content_carousel .dipi-carousel-item-content {
	padding: 1.5em !important;
}
.wrapper_01_content_carousel .dipi_carousel_child {
	-webkit-box-shadow: 0 4px 20px 0 rgb(231, 231, 231, 0.5);
	box-shadow: 0 4px 20px 0 rgb(231, 231, 231, 0.5);
}


/*-- [ 479 > HOMEPAGE > CONTINENTAL SURF CUP ] ----------------------------------*/


.wrapper_02_homepage_surfcup_intro {
	padding: 2em 2em 2em 2em !important;
}
.wrapper_02_homepage_surfcup_headline h2 {
	margin-bottom: 2em !important;
}


/*###############################################################################*/
/*## [ 479 > BUSINESS UNTERSEITE ] ##############################################*/
/*###############################################################################*/


.column_revenue_streems_copy {
	padding: 2em 2em 1em 2em;
}
#wrapper_02_business_award_arousel .dipi-carousel-item-content {
	padding: 0em 1.5em 0em 1.5em !important;
}
#wrapper_02_business_award_arousel .dipi-carousel-item-desc {
	margin-bottom: 2.5em !important;
}


/*###############################################################################*/
/*## [ 479 > TECHNOLOGY UNTERSEITE ] ############################################*/
/*###############################################################################*/


.wrapper_02_technology_info {
	margin-bottom: 0em !important;
}
.wrapper_02_technology_illus {
	padding: 2.5em 2em 2.5em 2em !important;
}
.wrapper_02_technology_illus .et_pb_column:first-child {
	margin-bottom: 3em !important;
}
.wrapper_02_technology_info_reverse {
	display: flex;
	flex-direction: column-reverse;
}
.wrapper_02_technology_info .et_pb_column {
	margin-bottom: 0em !important;
}
#wrapper_03_technology_info .wrapper_02_technology_info_last {
	margin-bottom: 2em !important;
}
.wrapper_01_technology_info_bild img {
	margin-bottom: 2em !important;
	margin-top: 1em !important;
}


/*###############################################################################*/
/*## [ 479 > FLOCATIONS ] #######################################################*/
/*###############################################################################*/


.wrapper_03_cityvawe_map {
	padding-top: 2em !important;
}


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


.supreme_leaflet_map_container {
	height: 41vh;
}
#wrapper_01_cityvawe_map .leaflet-left {
	right: 20px !important;
	left: initial !important;
}
#wrapper_01_cityvawe_map .leaflet-top {
	bottom: 20px !important;
	top: initial !important;
}


/*-- [ 479 > LOCATIONS > GRID >> FILTER ] ---------------------------------------*/


#wrapper_01_location_grid .dipi-filter-bar-item {
	background-color: #E8E9EE;
	line-height: 2em;
	font-weight: 500;
	padding-left: 1.25em !important;
	padding-right: 1.25em !important;
	-webkit-border-radius: 100px 100px 100px 100px;
	border-radius: 100px 100px 100px 100px;
	padding-bottom: 0.35em !important;
	font-size: 12px;
}


/*-- [ 479 > LOCATIONS > GRID ] -------------------------------------------------*/


.location_booking_link {
	margin-bottom: 0.5em;
}
.locations_gallery_button img {
	width: 50px;
}


/*-- [ 479 > LOCATIONS > POP UP GALERY ] ----------------------------------------*/


.wrapper_03_locations_gallery_popup {
	width: 95vw;
}
#wrapper_03_locations_gallery_popup .swiper-container {
	padding-top: 10px !important;
	padding-right: 10px !important;
	padding-bottom: 10px !important;
	padding-left: 10px !important;
}
.dipi-popup-container .dipi_popup-close {
	top: -45px !important;
	right: 30px !important;
	font-size: 40px !important;
}


/*###############################################################################*/
/*## [ 479 > INQUIRY ] ##########################################################*/
/*###############################################################################*/


.wrapper_03_inquiry {
	margin-top: 0em !important;
	padding-top: 8em !important;
}


/*###############################################################################*/
/*## [ 479 > NEWS ] #############################################################*/
/*###############################################################################*/


.wrapper_01_blog_overview .entry-featured-image-url {
	max-width: 100% !important;
}
.wrapper_01_blog_overview .entry-title {
	max-width: 100%;
	margin-left: initial;
}
.wrapper_01_blog_overview .post-content {
	max-width: 100%;
	margin-left: initial;
}
.wrapper_01_blog_overview .post-meta {
	max-width: 100%;
	margin-left: initial;
}


/*###############################################################################*/
/*## [ 479 > NEWS BEITTRAG ] ####################################################*/
/*###############################################################################*/


.wrapper_03_header_post_image {
	height: 50vh;
}
#wrapper_02_header_post_headline {
	position: initial;
	margin-top: 2em;
	width: 80% !important;
	background-color: transparent !important;
}


/*###############################################################################*/
/*## [ 479 > 404 ] ##############################################################*/ 
/*###############################################################################*/


/*###############################################################################*/
/*## [ 479 > SEARCH RESULTS ] ###################################################*/
/*###############################################################################*/


}