/*-------------------------------------------------------
Theme Name: HI DIVI Child
Theme URI: https://www.hochrhein-informatik.de
Description: A child theme for Divi
Author: Peter Opuchlik - Hochrhein Informatik
Author URI: https://www.hochrhein-informatik.de/
Template: Divi
Version: 1.0.0
----------------- ADDITIONAL CSS HERE ------------------*/
textarea {
	overflow: scroll;
}

h1, h2, h3, h4, h5, h6, h7 {
	padding-bottom: 0px;
}

/* SLICK SLIDER */

.slick-slider {
  position:relative;
  display:block;
  box-sizing:border-box;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  -webkit-touch-callout:none;
  -khtml-user-select:none;
  -ms-touch-action:pan-y;
  touch-action:pan-y;
  -webkit-tap-highlight-color:transparent
}
.slick-list {
  position:relative;
  display:block;
  overflow:hidden;
  margin:0;
  padding:0
}
.slick-list:focus {
  outline:0
}
.slick-list.dragging {
  cursor:pointer;
  cursor:hand
}
.slick-slider .slick-list,
.slick-slider .slick-track {
  -webkit-transform:translate3d(0,0,0);
  -moz-transform:translate3d(0,0,0);
  -ms-transform:translate3d(0,0,0);
  -o-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0)
}
.slick-track {
  position:relative;
  top:0;
  left:0;
  display:block;
  margin-left:auto;
  margin-right:auto
}
.slick-track:after,
.slick-track:before {
  display:table;
  content:''
}
.slick-track:after {
  clear:both
}
.slick-loading .slick-track {
  visibility:hidden
}
.slick-slide {
  display:none;
  float:left;
  height:100%;
  min-height:1px
}
[dir=rtl] .slick-slide {
  float:right
}
.slick-slide img {
  display:block
}
.slick-slide.slick-loading img {
  display:none
}
.slick-slide.dragging img {
  pointer-events:none
}
.slick-initialized .slick-slide {
  display:block
}
.slick-loading .slick-slide {
  visibility:hidden
}
.slick-vertical .slick-slide {
  display:block;
  height:auto;
  border:1px solid transparent
}
.slick-arrow.slick-hidden {
  display:none
}
.slick-next,
.slick-prev {
  font-size:0;
  line-height:0;
  position:absolute;
  top:50%;
  display:block;
  width:20px;
  height:20px;
  padding:0;
  -webkit-transform:translate(0,-50%);
  -ms-transform:translate(0,-50%);
  transform:translate(0,-50%);
  cursor:pointer;
  color:transparent;
  border:none;
  outline:0;
  background:0 0
}
.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
  color:transparent;
  outline:0;
  background:0 0
}
.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
  opacity:1
}
.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
  opacity:.25
}
.slick-next:before,
.slick-prev:before {
  font-size:20px;
  line-height:1;
  opacity:.75;
  color:#fff;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale
}
.slick-prev {
  left:-25px
}
[dir=rtl] .slick-prev {
  right:-25px;
  left:auto
}
.slick-prev:before {
  content:'←'
}
[dir=rtl] .slick-prev:before {
  content:'→'
}
.slick-next {
  right:-25px
}
[dir=rtl] .slick-next {
  right:auto;
  left:-25px
}
.slick-next:before {
  content:'→'
}
[dir=rtl] .slick-next:before {
  content:'←'
}
.slick-dotted.slick-slider {
  margin-bottom:30px
}
.slick-dots {
  position:absolute;
  bottom:-25px;
  display:block;
  width:100%;
  padding:0;
  margin:0;
  list-style:none;
  text-align:center
}
.slick-dots li {
  position:relative;
  display:inline-block;
  width:20px;
  height:20px;
  margin:0 5px;
  padding:0;
  cursor:pointer
}
.slick-dots li button {
  font-size:0;
  line-height:0;
  display:block;
  width:20px;
  height:20px;
  padding:5px;
  cursor:pointer;
  color:transparent;
  border:0;
  outline:0;
  background:0 0;
  border-radius:100%
}
.slick-dots li button:focus,
.slick-dots li button:hover {
  outline:0
}
.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
  opacity:1
}
.slick-dots li button:before {
  font-size:6px;
  line-height:20px;
  position:absolute;
  top:0;
  left:0;
  width:20px;
  height:20px;
  content:'•';
  text-align:center;
  opacity:.25;
  color:#000;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale
}
.slick-dots li.slick-active button:before {
  opacity:.75;
  color:#000
}
.center_mode .slick-slide>div {
  opacity:.8;
  transform:scale(.9);
  transition:all .3s ease
}
.center_mode .slick-slide.slick-current>div {
  opacity:1;
  transform:scale(1)
}

 

/* ---------------------------- */
/* IVORY SEARCH                 */
/* ---------------------------- */

html .et-menu .astm-search-menu {
	display: none !important;
}

.ivory-divi-trigger {
	cursor: pointer;
}

@media (min-width: 980px) {
	.mobile-ivory-trigger {
		display: none !important; 
	}
}

.is-ajax-search-details .is-title a,
.is-ajax-search-post .is-title a {
  text-transform: none !important;
}

body .popup-search-close:before, body .search-close:before,
body .popup-search-close:after, body .search-close:after {
	border-color: white !important;
}

/* ---------------------------------- */
/* X der LightBox weiß gemacht        */
/* ---------------------------------- */

.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {
	opacity: 1 !important;
}


/* ------------------------------------- */
/* WPML LANGUAGE SWITCHER IM MOBILE MENU */
/* ------------------------------------- */

@media (max-width: 980px) {

    .mobile-language-switcher {
        display: block;
        padding: 24px 0 0 0;
		margin-left: 20px;
    }

    .mobile-language-switcher .wpml-ls,
    .mobile-language-switcher .wpml-ls-legacy-dropdown {
        width: auto !important;
    }

    .mobile-language-switcher .wpml-ls > ul,
    .mobile-language-switcher .wpml-ls-current-language,
    .mobile-language-switcher .wpml-ls-sub-menu {
        display: flex !important;
        align-items: center !important;
        gap: 12px;
        margin: 0 !important;
        padding: 0 !important;
        position: static !important;
        visibility: visible !important;
        opacity: 1 !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .mobile-language-switcher .wpml-ls a {
        display: inline-flex !important;
        align-items: center !important;
        height: 24px;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        color: #002b5c !important;
        font-size: 18px;
        font-weight: 400;
        line-height: 24px !important;
        text-decoration: none;
    }

    .mobile-language-switcher .wpml-ls-current-language > a::after {
        content: "|";
        display: inline-flex;
        align-items: center;
        margin-left: 12px;
        opacity: 0.35;
        line-height: 24px;
    }

    .mobile-language-switcher .wpml-ls-item-toggle::after,
    .mobile-language-switcher .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle::after {
        display: none !important;
        content: none !important;
    }

    .mobile-language-switcher li {
        list-style: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

	.mobile-language-switcher #wpml-ls-submenu-default {
		margin-top: -8px !important;
	}
}

/* ------------------------------------ */
/* WPML LANGUAGE SWITCHER IM HEADER     */
/* ------------------------------------ */

header .wpml-ls {
    margin: 0;
    padding: 0;
}

/* Hauptbutton (DE / EN) */
header .wpml-ls-current-language > a {
    background: transparent !important;
    border: none !important;
    padding: 0 10px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    color: inherit;
}

/* Breite des Elements anpassen */
header .wpml-ls-legacy-dropdown {
	width: unset !important;
}

header .wpml-ls-legacy-dropdown a:hover,
header .wpml-ls {
	color: #002550 !important;
}

/* Rahmen entfernen */
header .wpml-ls-legacy-dropdown a {
	border: none !important;
}

/* Dropdown verstecken */
header .wpml-ls ul ul {
    opacity: 0;
    visibility: hidden;
    transform: translateY(5px);
    transition: all 0.2s ease;
    
    position: absolute;
    min-width: 70px;

    background: #fff;
    border: none;
    box-shadow: none;
    padding: 6px 0;
    z-index: 999;
}

/* Dropdown bei Hover anzeigen */
header .wpml-ls:hover ul ul {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Dropdown-Einträge */
header .wpml-ls ul ul a {
    display: block;
    padding: 10px 10px;
    font-size: 14px;
    text-transform: uppercase;
    color: inherit;
    background: transparent !important;
    white-space: nowrap;
}

header .wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
	border-top: none;
}

/* Hover */
header .wpml-ls ul ul a:hover {
    opacity: 0.7;
}

/* WPML Default-Pfeil entfernen */
header .wpml-ls .wpml-ls-arrow {
    display: none;
}

/* Listen sauber halten */
header .wpml-ls li {
    list-style: none;
    position: relative;
}

/* ----------------- */
/* MARGIN-MOBILE     */
/* ----------------- */
@media all and (max-width: 980px) {
	.et_pb_gutters1.et-db #et-boc .et-l .margin-mobile .et_pb_column,
	body #et-boc .et-l .margin-mobile .et_pb_column,
	.margin-mobile .et_pb_column {
		margin-bottom: 30px !important;
	}
}


/* ----------------------- */
/* ELEKTRO ROLLSTÜHLE      */
/* ----------------------- */


@media all and (max-width: 980px) {
	#elektro-hero .et_pb_column_2,
	#elektro-hero .et_pb_column_3 {
		width: 49% !important;
	}
	#elektro-hero .et_pb_column_2 {
		margin-right: 2% !important;
	}
}


/* --------------------------------- */
/* HOME                              */
/* --------------------------------- */

@media all and (min-width: 1601px)  {
  
}

@media all and (min-width: 1401px) and (max-width: 1600px) {
	#home-hero-header .et_pb_column_0 h1 {
		font-size: 52px;
		line-height: 64px;
	}
	
	#home-hero-header .et_pb_column_0 p {
		font-size: 18px;
		line-height: 26px;
	}
	
	#home-hero-header .et_pb_column_0 .et_pb_text_0 {
		margin-top: 120px !important;
	}
}

@media all and (min-width: 1280px) and (max-width: 1400px) {
	#home-hero-header .et_pb_column_0 h1 {
		font-size: 42px;
		line-height: 54px;
	}
	
	#home-hero-header .et_pb_column_0 p {
		font-size: 16px;
		line-height: 24px;
	}
	
	#home-hero-header .et_pb_column_0 .et_pb_text_0 {
		margin-top: 120px !important;
	}

}

@media all and (min-width: 981px) and (max-width: 1279px) {
		#home-hero-header .et_pb_column_0 h1 {
		font-size: 36px;
		line-height: 44px;
	}
	
	#home-hero-header .et_pb_column_0 p {
		font-size: 14px;
		line-height: 18px;
	}
	
	#home-hero-header .et_pb_column_0 .et_pb_text_0 {
		margin-top: 80px !important;
	}

}

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

}

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

}

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

}

/* --------------------------------- */
/* MOBILE NAVI                       */
/* --------------------------------- */

@media all and (min-width: 980px) {
	.fachhandel-menu-item {
		display: none !important;
	}
}

.fachhandel-menu-item {
	font-weight: bold;
}


.et_pb_menu .et_mobile_menu {
	margin-top: 25px;
	border-color: #D4DCE1;
}

/*change hamburger icon to x when mobile menu is open*/
#et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before,
.et_pb_module.et_pb_menu .et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
	content: '\4d';
}
/*adjust the new toggle element which is added via jQuery*/
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
ul.et_mobile_menu li.page_item_has_children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle {
	width: 44px;
	height: 100%;
	padding: 0px !important;
	max-height: 44px;
	border: none;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 999;
	background-color: transparent;
}
/*some code to keep everyting positioned properly*/
ul.et_mobile_menu>li.menu-item-has-children,
ul.et_mobile_menu>li.page_item_has_children,
ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.page_item_has_children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children {
	position: relative;
}
/*remove default background color from menu items that have children*/
.et_mobile_menu .menu-item-has-children>a,
.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children>a {
	background-color: transparent;
}
/*hide the submenu by default*/
ul.et_mobile_menu .menu-item-has-children .sub-menu,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu {
	display: none !important;
	visibility: hidden !important;
}
/*show the submenu when toggled open*/
ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible {
	display: block !important;
	visibility: visible !important;
}
/*adjust the toggle icon position and transparency*/
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle {
	text-align: center;
	opacity: 1;
}
/*submenu toggle icon when closed*/
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after {
	top: 10px;
	position: relative;
	content: '+';
	color: #002550;
	background: transparent;
}
/*submenu toggle icon when open*/
ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after {
	content: '-';
}
/*add point on top of the menu submenu dropdown*/
.et_pb_menu_0.et_pb_menu .et_mobile_menu:after {
	position: absolute;
	right: 5%;
	margin-left: -20px;
	top: -14px;
	width: 0;
	height: 0;
	content: '';
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid #ffffff;
}
/*adjust the position of the hamburger menu*/
.mobile_menu_bar {
	position: relative;
	display: block;
	bottom: 0px;
	line-height: 0;
}
/*force the background color and add a rounded border*/
.et_pb_menu_0.et_pb_menu .et_mobile_menu,
.et_pb_menu_0.et_pb_menu .et_mobile_menu ul {
	background-color: #ffffff!important;
	border-radius: 10px;
}

.et_mobile_menu .menu-item-has-children .sub-menu{
display: none !important;
}
.pa-block{
display: block !important;
height: fit-content !important;
padding-top: 0 !important;
margin-top: 0 !important;
padding: 5% !important;
margin-bottom: 0 !important;
margin-top: 0 !important;
}
.et_mobile_menu .menu-item-has-children .pa-submenu{
display: block !important;
}
.opened .et_mobile_menu{
height: fit-content !important;
padding: 5% !important;
}
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle, .et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle{
    	    text-align: right;
    	    width: 100%;
}

/* FIX SEMIARKALENDER HÖHE */

.seminarkalender .loop-grid > div {
	height: 100%;
}

/* --------------------------------- */
/* SUB NAVI                       */
/* --------------------------------- */

.sektion-subnavi .et_pb_text {
	display: inline-block;
	padding-right: 20px;
	margin-top: 23px;
	margin-bottom: 23px !important;
}


/* --------------------------------- */
/* HEADER NAVI                       */
/* --------------------------------- */

.de-mega-menu .et_pb_section {
  padding-top: 0 !important;
}

@media all and (min-width: 1601px)  {
  
}

@media all and (min-width: 1491px) and (max-width: 1600px) {

}

@media all and (min-width: 1280px) and (max-width: 1490px) {
	header .et_pb_row_0_tb_header {
		max-width: 100% !important;
		width: 100% !important;
		padding-left: 30px;
	}
}

@media all and (min-width: 981px) and (max-width: 1279px) {
	header .et_pb_row_0_tb_header {
		max-width: 100% !important;
		width: 100% !important;
		padding-left: 30px;
	}
	
	.et_pb_menu_0_tb_header .et_pb_menu_inner_container > .et_pb_menu__logo-wrap {
		width: 150px !important;
	}
	
	.et_pb_menu_0_tb_header.et_pb_menu ul li a {
		font-size: 13px !important;
	}
	
	.de-mega-menu a {
		font-size: 13px !important;
	}
	
}

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

}

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

}

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

}

/* --------------------------------- */
/* TOP-PANEL                         */
/* --------------------------------- */

@media all and (min-width: 1601px)  {
  
}

@media all and (min-width: 1401px) and (max-width: 1600px) {
	.top-panel .et_pb_column .et_pb_text {
		padding-left: 0px !important;
	}
}

@media all and (min-width: 1280px) and (max-width: 1400px) {
	.top-panel .et_pb_column .et_pb_text {
		padding-left: 0px !important;
	}
}

@media all and (min-width: 981px) and (max-width: 1279px) {
	.top-panel .et_pb_column .et_pb_text {
		padding-left: 0px !important;
	}
	
	.top-panel .et_pb_column .et_pb_text h1 {
		font-size: 48px !important;
	}
}

@media all and (min-width: 768px) and (max-width: 980px) {
	.top-panel .et_pb_column .et_pb_text {
		padding-left: 0px !important;
		padding-top: 80px !important;
		padding-bottom: 80px !important;
	}
	
	.top-panel .et_pb_column .et_pb_image {
		width: 100%;
		max-width: 100%;
	}
}

@media all and (min-width: 480px) and (max-width: 767px) {
	.top-panel .et_pb_column .et_pb_text {
		padding-left: 0px !important;
		padding-top: 80px !important;
		padding-bottom: 80px !important;
	}
	
	.top-panel .et_pb_column .et_pb_image {
		width: 100%;
		max-width: 100%;
	}
}

@media all and (max-width: 479px) {
	.top-panel .et_pb_column .et_pb_text {
		padding-left: 0px !important;
		padding-top: 80px !important;
		padding-bottom: 80px !important;
	}
	
	.top-panel .et_pb_column .et_pb_image {
		width: 100%;
		max-width: 100%;
	}
}


/* --------------------------------- */
/* PRODUKTGUPPE -1- TOP SLIDER KLEIN */
/* --------------------------------- */

.topslider-hover .hover-icon-1 .et-pb-icon,
.machine-prodslider-klein .hover-icon-1 .et-pb-icon {
  content: url('/wp-content/uploads/pfeil-rechts.svg');
}

.topslider-hover .slick-slide:hover .hover-icon-1 .et-pb-icon,
.machine-prodslider-klein .slick-slide:hover .hover-icon-1 .et-pb-icon {
  content: url('/wp-content/uploads/pfeil-rechts-hover.svg');
}

.machine-prodslider-klein .slick-slide {
	max-width: 230px;
	min-width: 230px;
}


/* ----------------- */
/* PRODUKTGRUPPE -3- */
/* ----------------- */

@media all and (min-width: 1601px)  {
  
}

@media all and (min-width: 1401px) and (max-width: 1600px) {

}

@media all and (min-width: 1280px) and (max-width: 1400px) {
	.produktgruppe-3 .et_pb_text_inner,
	.produktgruppe-3 .et_pb_text_inner p {
		font-size: 15px !important;
		line-height: 20px !important;
	}
	
	.produktgruppe-3 .et_pb_text_inner h2 {
		font-size: 24px !important;
		line-height: 32px !important;
	}
}

@media all and (min-width: 981px) and (max-width: 1279px) {
	.produktgruppe-3 .et_pb_text_inner,
	.produktgruppe-3 .et_pb_text_inner p {
		font-size: 15px !important;
		line-height: 20px !important;
	}
	
	.produktgruppe-3 .et_pb_text_inner h2 {
		font-size: 24px !important;
		line-height: 32px !important;
	}
}

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

}

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

}

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

}

/* ----------------- */
/* PRODUKTGRUPPE -4- */
/* ----------------- */

@media all and (min-width: 1601px)  {
  
}

@media all and (min-width: 1401px) and (max-width: 1600px) {

}

@media all and (min-width: 1280px) and (max-width: 1400px) {
	.produktgruppe-4 .et_pb_text_inner,
	.produktgruppe-4 .et_pb_text_inner p {
		font-size: 15px !important;
		line-height: 20px !important;
	}
	
	.produktgruppe-4 .et_pb_text_inner h4 {
		font-size: 18px !important;
		line-height: 24px !important;
	}
	
	.produktgruppe-4 .prod-badge .et_pb_text_inner p {
		font-size: 14px !important;
		line-height: 18px !important;
		letter-spacing: 2.5px !important;
	}
}

@media all and (min-width: 981px) and (max-width: 1279px) {
	.produktgruppe-4 .et_pb_text_inner,
	.produktgruppe-4 .et_pb_text_inner p {
		font-size: 15px !important;
		line-height: 20px !important;
	}
	
	.produktgruppe-4 .et_pb_text_inner h4 {
		font-size: 18px !important;
		line-height: 24px !important;
	}
	
	.produktgruppe-4 .prod-badge .et_pb_text_inner p {
		font-size: 13px !important;
		line-height: 17px !important;
		letter-spacing: 1px !important;
	}
	
	.produktgruppe-4 .et_pb_column {
		width: 100% !important;
    	margin-bottom: 40px !important;	
		padding: 16px !important;
	}

}

@media all and (min-width: 768px) and (max-width: 980px) {
	.produktgruppe-4 .et_pb_column {
		width: 100% !important;
    	margin-bottom: 40px !important;	
	}

}

@media all and (min-width: 480px) and (max-width: 767px) {
	.produktgruppe-4 .et_pb_column {
		width: 100% !important;
    	margin-bottom: 40px !important;	
	}
}

@media all and (max-width: 479px) {
	.produktgruppe-4 .et_pb_column {
		width: 100% !important;
    	margin-bottom: 40px !important;	
	}
}

/* ---------------------------------- */
/* PRODUKTGUPPE -4- PROD SLIDER GROSS */
/* ---------------------------------- */

.machine-prodslider-gross .hover-icon-1 .et-pb-icon {
  content: url('/wp-content/uploads/pfeil-rechts.svg');
}

.machine-prodslider-gross .slick-slide:hover .hover-icon-1 .et-pb-icon {
  content: url('/wp-content/uploads/pfeil-rechts-hover.svg');
}

html .machine-prodslider-gross .dmach_carousel_container .slick-prev::before {
  content: url('/wp-content/uploads/dietz-icon-left.svg') !important;
}

html .machine-prodslider-gross .dmach_carousel_container .slick-prev:hover::before {
  content: url('/wp-content/uploads/dietz-icon-left-hover.svg') !important;
}

html .machine-prodslider-gross .dmach_carousel_container .slick-next::before {
  content: url('/wp-content/uploads/dietz-icon-right.svg') !important;
}

html .machine-prodslider-gross .dmach_carousel_container .slick-next:hover::before {
  content: url('/wp-content/uploads/dietz-icon-right-hover.svg') !important;
}

.machine-prodslider-gross .slick-arrow {
  top: -28px;
}

.machine-prodslider-gross .slick-next {
  right: unset !important;
  left: calc( 75% + 40px) !important;
}

.machine-prodslider-gross .slick-prev {
  left: calc( 75% ) !important;
  right: unset !important;
}

.machine-prodslider-gross .slider-prod-bild img {
	mix-blend-mode: multiply;
}

.machine-prodslider-gross .slider-prod-bild .et_pb_module_inner {
	background-color: #EBF1F4;
	transition: background-color 0.3s;
}

.machine-prodslider-gross .slick-slide:hover .slider-prod-bild .et_pb_module_inner {
	background-color: white;
}


@media all and (min-width: 1601px)  {
	.machine-prodslider-gross {
		display: none;
	}  
	.display-ab-1600 {
		display: unset;
	}
}

@media all and (max-width: 1600px)  {
	.machine-prodslider-gross {
		display: unset;
	}  
	.display-ab-1600 {
		display: none;
	}
}


/* ----------------------------------- */
/* PRODUKTDETAIL -3- HIGHLIGHTS SLIDER */
/* ----------------------------------- */

.highlights-slider .hover-icon-1 .et-pb-icon {
  content: url('/wp-content/uploads/pfeil-rechts.svg');
}

.highlights-slider .slick-slide:hover .hover-icon-1 .et-pb-icon {
  content: url('/wp-content/uploads/pfeil-rechts-hover.svg');
}

html .highlights-slider .dmach_carousel_container .slick-prev::before {
  content: url('/wp-content/uploads/dietz-icon-left.svg') !important;
}

html .highlights-slider .dmach_carousel_container .slick-prev:hover::before {
  content: url('/wp-content/uploads/dietz-icon-left-hover.svg') !important;
}

html .highlights-slider .dmach_carousel_container .slick-next::before {
  content: url('/wp-content/uploads/dietz-icon-right.svg') !important;
}

html .highlights-slider .dmach_carousel_container .slick-next:hover::before {
  content: url('/wp-content/uploads/dietz-icon-right-hover.svg') !important;
}

html .et-db #et-boc .et-l .highlights-slider .dmach_carousel_container .slick-arrow {
  top: -28px;
}




html .et-db #et-boc .et-l .highlights-slider .dmach_carousel_container .slick-slide {
	cursor: default;
}



@media all and (min-width: 1601px)  {
html .et-db #et-boc .et-l .highlights-slider .dmach_carousel_container .slick-next {
  right: unset !important;
  left: calc( 75% + 40px) !important;
}

html .et-db #et-boc .et-l .highlights-slider .dmach_carousel_container .slick-prev {
  left: calc( 75% ) !important;
  right: unset !important;
}
}

@media all and (min-width: 1401px) and (max-width: 1600px) {
html .et-db #et-boc .et-l .highlights-slider .dmach_carousel_container .slick-next {
  right: unset !important;
  left: calc( 75% + 40px) !important;
}

html .et-db #et-boc .et-l .highlights-slider .dmach_carousel_container .slick-prev {
  left: calc( 75% ) !important;
  right: unset !important;
}
}

@media all and (min-width: 1280px) and (max-width: 1400px) {
html .et-db #et-boc .et-l .highlights-slider .dmach_carousel_container .slick-next {
  right: unset !important;
  left: calc( 73% + 40px) !important;
}

html .et-db #et-boc .et-l .highlights-slider .dmach_carousel_container .slick-prev {
  left: calc( 73% ) !important;
  right: unset !important;
}
}

@media all and (min-width: 981px) and (max-width: 1279px) {
html .et-db #et-boc .et-l .highlights-slider .dmach_carousel_container .slick-next {
  right: unset !important;
  left: calc( 72% + 40px) !important;
}

html .et-db #et-boc .et-l .highlights-slider .dmach_carousel_container .slick-prev {
  left: calc( 72% ) !important;
  right: unset !important;
}
}

@media all and (min-width: 768px) and (max-width: 980px) {
html .et-db #et-boc .et-l .highlights-slider .dmach_carousel_container .slick-next {
  right: unset !important;
  left: calc( 71% + 40px) !important;
}
html .et-db #et-boc .et-l .highlights-slider .dmach_carousel_container .slick-prev {
  left: calc( 71% ) !important;
  right: unset !important;
}
}

@media all and (min-width: 480px) and (max-width: 767px) {
html .et-db #et-boc .et-l .highlights-slider .dmach_carousel_container .slick-next {
  right: unset !important;
  left: calc( 100% - 22px) !important;
}

html .et-db #et-boc .et-l .highlights-slider .dmach_carousel_container .slick-prev {
  left: 0px !important;
  right: unset !important;
} 
html .et-db #et-boc .et-l .highlights-slider .dmach_carousel_container .slick-arrow {
  top: 50%;
}
}

@media all and (max-width: 479px) {
html .et-db #et-boc .et-l .highlights-slider .dmach_carousel_container .slick-next {
  right: unset !important;
  left: calc( 100% - 22px) !important;
}

html .et-db #et-boc .et-l .highlights-slider .dmach_carousel_container .slick-prev {
  left: 0px !important;
  right: unset !important;
}
html .et-db #et-boc .et-l .highlights-slider .dmach_carousel_container .slick-arrow {
  top: 50%;
}
}

/* ----------------------------------- */
/* PRODUKTDETAIL -5- ZUBEHÖR SLIDER    */
/* ----------------------------------- */

html .et-db #et-boc .et-l .zubehoer-slider .dmach_carousel_container .slick-slide {
	cursor: default;
}

html .et-db #et-boc .et-l .zubehoer-slider .dmach_carousel_container .slick-slide .et_pb_row {
	float: left;
}

html .et-db #et-boc .et-l .zubehoer-slider .dmach_carousel_container .slick-prev::before {
  content: url('/wp-content/uploads/dietz-icon-left.svg') !important;
}

html .et-db #et-boc .et-l .zubehoer-slider .dmach_carousel_container .slick-prev:hover::before {
  content: url('/wp-content/uploads/dietz-icon-left-hover.svg') !important;
}
html .et-db #et-boc .et-l .zubehoer-slider .dmach_carousel_container .slick-next::before {
  content: url('/wp-content/uploads/dietz-icon-right.svg') !important;
}

html .et-db #et-boc .et-l .zubehoer-slider .dmach_carousel_container .slick-next:hover::before {
  content: url('/wp-content/uploads/dietz-icon-right-hover.svg') !important;
}
html .et-db #et-boc .et-l .zubehoer-slider .dmach_carousel_container .slick-arrow {
  top: -28px;
}



@media all and (min-width: 1601px)  {
html .et-db #et-boc .et-l .zubehoer-slider .dmach_carousel_container .slick-next {
  right: unset !important;
  left: calc( 75% + 40px) !important;
}

html .et-db #et-boc .et-l .zubehoer-slider .dmach_carousel_container .slick-prev {
  left: calc( 75% ) !important;
  right: unset !important;
}  
}

@media all and (min-width: 1401px) and (max-width: 1600px) {
html .et-db #et-boc .et-l .zubehoer-slider .dmach_carousel_container .slick-next {
  right: unset !important;
  left: calc( 75% + 40px) !important;
}
html .et-db #et-boc .et-l .zubehoer-slider .dmach_carousel_container .slick-prev {
  left: calc( 75% ) !important;
  right: unset !important;
}
}

@media all and (min-width: 1280px) and (max-width: 1400px) {
html .et-db #et-boc .et-l .zubehoer-slider .dmach_carousel_container .slick-next {
  right: unset !important;
  left: calc( 74% + 40px) !important;
}

html .et-db #et-boc .et-l .zubehoer-slider .dmach_carousel_container .slick-prev {
  left: calc( 74% ) !important;
  right: unset !important;
}
}

@media all and (min-width: 981px) and (max-width: 1279px) {
html .et-db #et-boc .et-l .zubehoer-slider .dmach_carousel_container .slick-next {
  right: unset !important;
  left: calc( 73% + 40px) !important;
}
html .et-db #et-boc .et-l .zubehoer-slider .dmach_carousel_container .slick-prev {
  left: calc( 73% ) !important;
  right: unset !important;
}
}

@media all and (min-width: 768px) and (max-width: 980px) {
html .et-db #et-boc .et-l .zubehoer-slider .dmach_carousel_container .slick-next {
  right: unset !important;
  left: calc( 72% + 40px) !important;
}

html .et-db #et-boc .et-l .zubehoer-slider .dmach_carousel_container .slick-prev {
  left: calc( 72% ) !important;
  right: unset !important;
}
}
@media all and (min-width: 480px) and (max-width: 767px) {
html .et-db #et-boc .et-l .zubehoer-slider .dmach_carousel_container .slick-next {
  right: unset !important;
  left: calc( 100% - 22px) !important;
}

html .et-db #et-boc .et-l .zubehoer-slider .dmach_carousel_container .slick-prev {
  left: 0px !important;
  right: unset !important;
} 
html .et-db #et-boc .et-l .zubehoer-slider .dmach_carousel_container .slick-arrow {
  top: 50%;
}
}

@media all and (max-width: 479px) {
html .et-db #et-boc .et-l .zubehoer-slider .dmach_carousel_container .slick-next {
  right: unset !important;
  left: calc( 100% - 22px) !important;
}

html .et-db #et-boc .et-l .zubehoer-slider .dmach_carousel_container .slick-prev {
  left: 0px !important;
  right: unset !important;
}
html .et-db #et-boc .et-l .zubehoer-slider .dmach_carousel_container .slick-arrow {
  top: 50%;
}
}

/* ----------------------------------- */
/* ACADEMY -5- ACADEMY SLIDER          */
/* ----------------------------------- */

.academy-slider .slick-arrow {
  top: -48px;
}


/* ------- */
/* SLIDER  */
/* ------- */


/* ----------- */
/* DIVI-SLIDER */
/* ----------- */

.divi-slider .et-pb-arrow-next::before {
  content: url('/wp-content/uploads/dietz-icon-right.svg') !important;
}

.divi-slider .et-pb-arrow-next:hover::before {
  content: url('/wp-content/uploads/dietz-icon-right-hover.svg') !important;
}

.divi-slider .et-pb-arrow-prev::before {
  content: url('/wp-content/uploads/dietz-icon-left.svg') !important;
}

.divi-slider .et-pb-arrow-prev:hover::before {
  content: url('/wp-content/uploads/dietz-icon-left-hover.svg') !important;
}
.divi-slider .et-pb-slider-arrows a.et-pb-arrow-prev,
.divi-slider .et-pb-slider-arrows a.et-pb-arrow-next {
 opacity: 1;
}
.divi-slider .et-pb-slider-arrows a.et-pb-arrow-prev {
 left: -75px;
}

.divi-slider .et-pb-slider-arrows a.et-pb-arrow-next {
 right: -75px;
}

.divi-slider {
 overflow: visible !important;
}

#main-content .divi-slider .et_pb_slide_description {
	padding-bottom: 30px;
}

#main-content .divi-slider .et_pb_slide,
#main-content .divi-slider {
    height: unset !important;
	padding: 0px !important;
  }

#main-content .divi-slider .et_pb_slide_image {
	margin-top: 0px !important;
	top: 0px !important;
	height: 100%;
}


#main-content .divi-slider .et_pb_slide_image img {
	height: 100% !important;
	width: 100%;
	min-height: unset !important;
	min-width: unset !important;
	max-height: unset !important;
	max-width: unset !important;
    -o-object-fit: cover;
    -webkit-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    -webkit-object-position: top;
    object-position: top;
}


.et_pb_slider_0.et_pb_slider.divi-slider .et-pb-controllers,
.et_pb_slider_1.et_pb_slider.divi-slider .et-pb-controllers,
.et_pb_slider_2.et_pb_slider.divi-slider .et-pb-controllers{
	bottom: -50px;
	left: 0px !important;
}

.divi-slider .et-pb-controllers a {
	background-color: grey;
}


@media all and (min-width: 1601px)  {

}

@media all and (min-width: 1401px) and (max-width: 1600px) {
	#page-container .divi-slider .et_pb_slide_title {
		font-size: 40px !important;
		line-height: 48px !important;
	}
	.divi-slider .et_pb_slide_content p {
		font-size: 16px !important;
		line-height: 28px !important;
		
	}


}

@media all and (min-width: 1280px) and (max-width: 1400px) {
	#page-container .divi-slider .et_pb_slide_title {
		font-size: 34px !important;
		line-height: 40px !important;
	}
	.divi-slider .et_pb_slide_content p {
		font-size: 15px !important;
		line-height: 24px !important;
		
	}
}

@media all and (min-width: 981px) and (max-width: 1279px) {
	#page-container .divi-slider .et_pb_slide_title {
		font-size: 34px !important;
		line-height: 40px !important;
	}
	#page-container .divi-slider .et_pb_slide_content,
	#page-container .divi-slider .et_pb_slide_content p {
		font-size: 15px !important;
		line-height: 20px !important;
		
	}
	
	.divi-slider .et_pb_slide {
		padding: 0 !important;
	}
	
}

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

	
  	#page-container .divi-slider .et_pb_slide_title {
		font-size: 28px !important;
		line-height: 32px !important;
	}
	#page-container .divi-slider .et_pb_slide_content,
	#page-container .divi-slider .et_pb_slide_content p {
		font-size: 14px !important;
		line-height: 16px !important;
		
	}
	
	.divi-slider .et_pb_slide {
		padding: 0 !important;
	}

}

@media all and (min-width: 480px) and (max-width: 767px) {
	
	#main-content .divi-slider .et_pb_slides .et_pb_slider_container_inner {
	   display: block;
    }
	
	#page-container .divi-slider .et_pb_slide_title {
		font-size: 18px !important;
		line-height: 24px !important;
	}
	
	#page-container .divi-slider .et_pb_slide_description .et_pb_slide_content,
	#page-container .divi-slider .et_pb_slide_description .et_pb_slide_content p {
		font-size: 14px !important;
		line-height: 18px !important;	
	}
	
  	.divi-slider .et_pb_slide {
		padding: 0 !important;
	}
	

	
	.divi-slider .et_pb_slide_description {
		padding-top: 20px !important;
		padding-left: 30px;
		padding-right: 30px !important;
		max-width: 100%;
		min-height: 250px;
	}
	
	.divi-slider .et-pb-slider-arrows a.et-pb-arrow-prev {
 		left: -46px;
		top: 50%;
		}

	.divi-slider .et-pb-slider-arrows a.et-pb-arrow-next {
 		right: -46px;
		top: 50%;
	}
}

@media all and (max-width: 479px) {
	
	#main-content .divi-slider .et_pb_slides .et_pb_slider_container_inner {
	    display: block;
    }
	
	#page-container .divi-slider .et_pb_slide_title {
		font-size: 18px !important;
		line-height: 24px !important;
	}
	
	#page-container .divi-slider .et_pb_slide_content,
	#page-container .divi-slider .et_pb_slide_content p {
		font-size: 14px !important;
		line-height: 18px !important;	
	}
	
  	.divi-slider .et_pb_slide {
		padding: 0 !important;
	}
	

	
	.divi-slider .et_pb_slide_description {
		padding-top: 20px !important;
		padding-left: 30px;
		padding-right: 30px !important;
		max-width: 100%;
		min-height: 250px;
	}
	
	.divi-slider .et-pb-slider-arrows a.et-pb-arrow-prev {
 		left: -46px;
		}

	.divi-slider .et-pb-slider-arrows a.et-pb-arrow-next {
 		right: -46px;
	}
	
	.divi-slider .et-pb-slider-arrows .et-pb-arrow-next,
	.divi-slider .et-pb-slider-arrows .et-pb-arrow-prev {
		top: 50%;
	}
}


/* --------------- */
/* STELLEN TABELLE */
/* --------------- */

div.stellen-icon:before {
	content: url('/wp-content/uploads/pfeil-rechts.svg');
	position: absolute;
    right: 20px;
    top: 35px;
	
}

div.stellen-icon:hover:before {
	content: url('/wp-content/uploads/pfeil-rechts-hover.svg');
}

/* --------------- */
/* CUSTOM UL ICONS */
/* --------------- */
.custom_ul_icons ul {
  padding-left: 0px !important;	
}

.custom_ul_icons ul li {
  padding-left: 30px;
  list-style:none;
  margin-bottom: 10px;
}

.custom_ul_icons ul li::before {
  content: url('/wp-content/uploads/arrow_right_alt.svg');
  display: inline-block;
  margin-right: 7px;
  margin-left: -30px;
  padding-right: 5px;
  vertical-align: middle;
}


/* --------------------------------------------- */
/* Produkt Detail Seite Gallery Slider ganz oben */
/* --------------------------------------------- */

.PDS-gallery-slider .et_pb_gallery_image img {
  width: auto !important;
  margin: 0 auto !important;
}

.PDS-gallery-slider .et_pb_gallery_image {
  background-color: white !important;
  border-radius: 8px !important;
}

.PDS-gallery-slider .slick-list img {
	width: auto !important;
	margin: 0 auto;
}

.PDS-gallery-slider .slick-slide {
	background-color: white;
	border-radius: 8px;
}

.PDS-gallery-slider .et_pb_de_mach_acf_slider_containter_nav .slick-current img {
	border: none !important;
}


.PDS-gallery-slider .et_pb_de_mach_acf_slider_containter_nav .slick-current .et_pb_de_mach_gallery_item {
	border: 1px #5F656D solid !important;
	border-radius: 8px;
}




/* --------- */
/* FORMULAR */
/* ---------*/

/* DIVI Machine Form Builder - outline um focus-active Feld deaktivieren */

.de_fb_form .divi-form-builder-field:focus-visible, .de_fb_form input:focus-visible {
	outline: none !important;
}

textarea {
	vertical-align: top;
}

/* DIVI Machine Form Builder - Mobile Abstände */

@media all and (max-width: 768px) {
	#main-content form .de_fb_form_field {
		margin-bottom: 13px !important;
	}
}

.custom-form-button button {
	padding-top: 8px !important;
    padding-right: 28px !important;
    padding-bottom: 9px !important;
    padding-left: 28px !important;
	color: #FFFFFF !important;
    border-color: #002550;
    border-radius: 30px;
    font-size: 18px;
    background-color: #002550;
	transition: all 300ms ease 0ms;
    font-weight: 500;
    border: 2px solid;
    border-radius: 3px;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-property: all !important;
    transition-property: all !important;
}


/* ------- */
/* SUBNAVI */
/* ------- */

.padding-subnavi {
	padding-right: 40px;
}

/* ------------------ */
/* UNTERNEHMEN SIGEL */
/* ------------------ */

.siegel-uber {
	padding-bottom: 90px;
}
@media all and (max-width: 700px) {
	.siegel-uber {
		float: none !important;
		margin: auto 10px;
		padding-bottom: 30px;
	}
}

/* ---- */
/* FONT */
/* ---- */

.t-wert {
  font-size: 18px;
  color: #808893;
}

/* ------------ */
/* TOGGLE ICONS */
/* ------------ */

.et_pb_toggle_title::before {
  top: calc( 50% - 22px ) !important;
  margin-top: 0px !important;
}

.et_pb_toggle .et_pb_toggle_title::before {
  content: url('/wp-content/uploads/dietz-icon-plus.svg') !important;
}

.et_pb_toggle:hover .et_pb_toggle_title::before {
  content: url('/wp-content/uploads/dietz-icon-plus-hover.svg') !important;
}

.et_pb_toggle_open .et_pb_toggle_title::before {
  content: url('/wp-content/uploads/dietz-icon-minus.svg') !important;
}

.et_pb_toggle_open:hover .et_pb_toggle_title::before {
  content: url('/wp-content/uploads/dietz-icon-minus-hover.svg') !important;
}

/* ---------- */
/* HOVER ICON */
/* ---------- */

.change-icon-on-hover .hover-icon .et-pb-icon {
  content: url('/wp-content/uploads/pfeil-rechts.svg');
}

.change-icon-on-hover:hover .hover-icon .et-pb-icon {
  content: url('/wp-content/uploads/pfeil-rechts-hover.svg');
}

/* ----------------------- */
/* FONTS MILESTONES SLIDER */
/* ----------------------- */

.milestones-slider h5 {
	font-size: 20px !important;
	line-height: 28px !important;
}

/* -------------------------- */
/* SLIDER NAVI ALWAYS VISIBLE */
/* -------------------------- */

.arrows-always-visible .et-pb-slider-arrows a.et-pb-arrow-prev,
.arrows-always-visible .et-pb-slider-arrows a.et-pb-arrow-next {
	opacity: 1;
}
.arrows-always-visible .et-pb-slider-arrows a.et-pb-arrow-prev {
	left: -22px;
}

.arrows-always-visible .et-pb-slider-arrows a.et-pb-arrow-next {
	right: -22px;
}


/* --------------------- */
/* SLIDER CUSTOM PFEILE  */
/* --------------------- */

.produkt-header-slider .et-pb-arrow-next::before,
.custom-arrows-slider .et-pb-arrow-next::before {
  content: url('/wp-content/uploads/dietz-icon-right.svg') !important;
}

.produkt-header-slider .et-pb-arrow-next:hover::before,
.custom-arrows-slider .et-pb-arrow-next:hover::before {
  content: url('/wp-content/uploads/dietz-icon-right-hover.svg') !important;
}

.produkt-header-slider .et-pb-arrow-prev::before,
.custom-arrows-slider  .et-pb-arrow-prev::before {
  content: url('/wp-content/uploads/dietz-icon-left.svg') !important;
}

.produkt-header-slider .et-pb-arrow-prev:hover::before,
.custom-arrows-slider  .et-pb-arrow-prev:hover::before {
  content: url('/wp-content/uploads/dietz-icon-left-hover.svg') !important;
}

html .custom-arrows-slider .dmach_carousel_container .slick-prev::before {
  content: url('/wp-content/uploads/dietz-icon-left.svg') !important;
}

html .custom-arrows-slider .dmach_carousel_container .slick-prev:hover::before {
  content: url('/wp-content/uploads/dietz-icon-left-hover.svg') !important;
}

html .custom-arrows-slider .dmach_carousel_container .slick-next::before {
  content: url('/wp-content/uploads/dietz-icon-right.svg') !important;
}

html .custom-arrows-slider .dmach_carousel_container .slick-next:hover::before {
  content: url('/wp-content/uploads/dietz-icon-right-hover.svg') !important;
}

/* ----------------------------- */
/* SLIDER CUSTOM PFEILE POSITION */
/* ----------------------------- */

/* Pfeil-Paar oben rechts, konsistent von Desktop bis Tablet (>= 768px). Die
   %-Werte sind auf die tatsaechliche Container-Breite bezogen; das Divi-Machine-
   Modul laesst den Slider-Container bei diesen Breiten bewusst ueber den
   sichtbaren Viewport hinausragen (Bleed-Effekt), deshalb NICHT auf feste
   Pixel-Werte wechseln, die faellt sonst aus dem Sichtbereich (gemessen: bei
   1440px Viewport landet ein fixer Rand-Offset bei x=1508, ausserhalb). Die
   fruehere Umschaltung bei 980px auf ein komplett anderes Layout (seitlich,
   vertikal mittig) erzeugte einen sichtbaren Sprung, siehe Mobile-Block unten. */
.custom-arrows-position .slick-arrow {
  top: 31px; /* war 9px: +22px (halbe Icon-Höhe von 44px) mehr Abstand zur Headline, Trello #349 */
}

/* html-Prefix + .dmach_carousel_container noetig: das Divi-Machine-Modul generiert
   Inline-Styles mit 3 Klassen + !important (left/right), die sonst gewinnen */
.custom-arrows-position .slick-next,
html .custom-arrows-position .dmach_carousel_container .slick-next {
  right: unset !important;
  left: 0 !important; /* war 75%: linksbündig, Trello #349 (links kein Bleed, feste Pixel sicher) */
}

.custom-arrows-position .slick-next::before {
  left: 53px !important;
}

.custom-arrows-position .slick-prev,
html .custom-arrows-position .dmach_carousel_container .slick-prev {
  left: 0 !important; /* war 75%: linksbündig, Trello #349 */
  right: unset !important;
}

.custom-arrows-position .slick-prev::before {
  left: 0px !important;
}

.custom-arrows-position .swiper-button-prev {
	top: 19px;
	left: 0px !important;
}

.custom-arrows-position .swiper-button-next {
	top: 19px;
	left: 51px !important;
}

/* Nur echtes Einzelspalten-Mobile (Divi-eigener Umbruch auf 1 Karte pro Zeile)
   bekommt das flankierende Layout: Container ist hier nicht mehr breiter als
   der Viewport, feste Rand-Offsets funktionieren zuverlaessig. Breakpoint bewusst
   auf 767px gelegt (statt 980px), damit der Wechsel mit Divis eigenem
   Layout-Umbruch zusammenfaellt statt mitten in der 3-Spalten-Ansicht. */
@media all and (max-width: 767px) {

	.custom-arrows-position .slick-next,
	html .custom-arrows-position .dmach_carousel_container .slick-next {
	  right: unset !important;
	  left: calc( 100% - 76px) !important;
	}

	.custom-arrows-position .slick-prev,
	html .custom-arrows-position .dmach_carousel_container .slick-prev {
	  left: -22px !important;
	  right: unset !important;
	}

	.custom-arrows-position .slick-arrow {
	  top: 50%;
	}

	.dmach_carousel_container .slick-next::before,
	.dmach_carousel_container .slick-prev::before {
	  top: 0px;
	}
}





/* ----------------- */
/* HOME SLIDER */
/* ----------- */

html .home-slider .slick-prev::before {
  content: url('/wp-content/uploads/dietz-icon-left.svg') !important;
}

html .home-slider .slick-prev:hover::before {
  content: url('/wp-content/uploads/dietz-icon-left-hover.svg') !important;
}

html .home-slider .slick-next::before {
  content: url('/wp-content/uploads/dietz-icon-right.svg') !important;
}

html .home-slider .slick-next:hover::before {
  content: url('/wp-content/uploads/dietz-icon-right-hover.svg') !important;
}

.home-slider .slick-arrow {
  top: -70px;
}

.home-slider .slick-next {
  right: 42px;
  left: unset !important;
}

.home-slider .slick-prev {
  left: unset !important;
  right: 100px;
}





/* ------------- */
/* PRODUKT TITEL */
/* ------------- */

.produkt-titel {
	font-size: 20px; 
	color: #5F656D;
	position: absolute;
	top: -13px;
	padding-left: 20px;
}

@media all and (max-width: 768px) {
  .produkt-titel {
	top: 40px;
    padding-left: 0px;
    left: 0px;
	font-size: 16px;
  }
}

.produkt-titel-2 {
	font-size: 24px; 
	color: #5F656D;
	position: absolute;
	top: 0px;
	padding-left: 10px;
}

.produkt-titel-h3 {
	font-size: 20px; 
	color: #5F656D;
	position: absolute;
	top: 0px;
	padding-left: 5px;
}

/* ----------------- */
/* GALLERIE PRODUKTE */
/* ----------------- */

.et_pb_de_mach_acf_slider_containter .slick-slide {
  margin-top: 0px !important;
}

.et_pb_de_mach_acf_slider_containter_nav {
  margin-top: 0px !important;
}

.et_pb_de_mach_acf_slider_containter_nav .slick-slide img {
  border-radius: 8px;
}

.et_pb_de_mach_acf_slider_containter_nav .slick-current img {
  border: 1px #5F656D solid;
}

body .et_pb_de_mach_acf_slider_containter_nav.slick-slider .slick-prev::before {
  content: url('/wp-content/uploads/pfeil-links.svg') !important;
}

body .et_pb_de_mach_acf_slider_containter_nav.slick-slider .slick-next::before {
  content: url('/wp-content/uploads/pfeil-rechts.svg') !important;
}

body .et_pb_de_mach_acf_slider .slick-next::before {
  top: -26px;
  right: -10px;
  position: absolute;
}

body .et_pb_de_mach_acf_slider .slick-prev::before {
  top: -26px;
  right: -8px;
  position: absolute;
}

/* ---- */
/* NAVI */
/* ---- */

.et-menu .menu-item-has-children > a:first-child::after {
	content: "" !important;
}

.et-menu .menu-item-has-children > a:first-child {
	padding-right: 0px !important;
}

.et_pb_menu_0_tb_header .et_pb_menu_inner_container>.et_pb_menu__logo-wrap {
	margin-right: 20px;
}

.et_pb_menu .et-menu>li {
    padding-left: 19px;
    padding-right: 19px;
}

/* --------- */
/* SUCH ICON */
/* --------- */

.such-icon-im-menu {
	font-family: ETmodules;
  position: absolute !important;
	right: -60px;
  font-size: 24px;
  top: -25px;
}

.such-icon-im-menu a {
	color: #002550;
	font-size: 24px;
}

/* ---- */
/* WPML */
/* ---- */

.footer-links .wpml-ls-legacy-dropdown {
	display: inline-block;
	width: 100px;
}

/* Hover-Problem beim Dropdown beseitigen */
.footer-links .wpml-ls-item-legacy-dropdown {
    padding-bottom: 20px;	
}

.footer-links .wpml-ls-legacy-dropdown a {
	color: #fff;
	border: none;
	background-color: transparent;
	padding-right: 0px !important;
}

.footer-links .wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
	top: 30px !important;
}

.footer-links .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle::after {
	border: none;
	content: url('/wp-content/uploads/globe_light.svg');
	left: -18px;
  	top: 2px;
	right: unset;
}

.footer-links .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover > a, .wpml-ls-legacy-dropdown a:focus, .wpml-ls-legacy-dropdown a:hover {
	color: #fff;
	background: transparent;
}

.footer-links .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle {
	padding-right: 0px;
}

@media all and (min-width: 980px) and (max-width: 1150px) {
	.abbinder .et_pb_text {
		font-size: 12px;
	}
}

/* ----------------------- */
/* Side by Side Buttons v1 */
/* ----------------------- */

.display-inline > * {
	display:inline-block;
}

.side-by-side-1 .et_pb_button_module_wrapper {
display: inline-block;
margin-right: 25px;
}

.inline-button {
	margin-right: 25px;
}

div:has( > a.inline-button ) {
	display: inline-block;
}


/* ------------ */
/* SLIDER HOVER */
/* ------------ */

.et-db #et-boc .topslider-hover .slick-slide:hover .et_pb_module_inner .de_title_module {
	color: #004C99 !important;
}

.bigslider-hover .slick-slide:hover .hover-icon-1 {
	opacity: 0;
}

.bigslider-hover .slick-slide:hover .hover-icon-2 {
	opacity: 1;
}

/* ------ */
/* SLIDER */
/* ------ */

.et-pb-controllers a {
	width: 10px;
	height: 10px;
	border-radius: 10px;
	margin-right: 5px;
}

.et_pb_slider .et-pb-active-control {
	width: 30px;
	background-color: #002550 !important;
}

@media (min-width: 1288px) {
	.et_pb_slider img {
		width: 100%;
  		max-height: none !important;
	}
	
	.et_pb_slider .et_pb_slide {
		padding: 0px;
	}
	
	.et_pb_slider .et-pb-controllers {
		left: 60px;
	}

}

/* ------ *7
/* FOOTER */
/* ------ */
footer {
	display: none;
}

.et-db #et-boc .et-l .footer-links a {
    color: white;
}

.footer-links a {
	color: white;
}

.borlabs-cookie-open-dialog-preferences a {
	color: white;
}

.footer-links-ende {
	margin-right: 32px;
}

@media all and (max-width: 768px) {
	.footer-links-ende {
		display: inline-block;
		width: 100%;
		margin-right: 0px;
		margin-bottom: 32px;
	}
}

/* Mitarbeiter-Karten: einheitliche Hoehe wie PROD (Bug Karten-Mindesthoehe, 2026-08-14).
   Das alte et_pb_de_mach_content-Modul (min_height 120px) ist nach der ACF-Migration deaktiviert;
   die feste Karten-Hoehe (PROD: 431px) wird hier als Mindesthoehe wiederhergestellt, die weisse
   Content-Box fuellt den Grid-Slot. Nur Desktop, Tablet/Mobile bleiben content-basiert. */
/* Mitarbeiter-Karten einheitlich hoch: das Positions-Modul (das acf_item direkt nach dem Foto)
   bekommt eine Mindesthoehe, dann sind die Content-Boxen konsistent und die Karten gleich hoch.
   Gescopt auf die Divi-Machine-Archive-Loop UND nur das Positions-acf_item (Adjazenz zum Thumbnail),
   damit phone/email und acf_items auf anderen Seiten NICHT betroffen sind. Ab Tablet (768px). */
@media (min-width: 768px) {
	.et_pb_de_mach_archive_loop .et_pb_de_mach_thumbnail + .et_pb_de_mach_acf_item {
		min-height: 120px;
	}
}
/* Korrektur 2026-08-17 (Bug Karten-Mindesthoehe, empirisch belegt): Der vorige Versuch setzte die
   min-height auf .grid-item-cont. Das ist aber nur ein transparenter Wrapper. Die SICHTBARE weisse
   Karte (background:#fff, border-radius:8px, overflow:hidden) ist das direkte Kind .et_pb_row
   (die Divi-Row aus dem Single-Template, per AJAX in die Loop gerendert). Diese Row richtet ihre
   Hoehe nach dem eigenen Inhalt und fuellt den Wrapper NICHT. Messung PROD ausgeloggt, 1440px:
   Karte OHNE Position (Helmond) -> weisse Row 321px, Karte MIT Position -> weisse Row 426px, beide
   im 431px-Wrapper. Die weisse Karte kollabierte also sichtbar, obwohl der Wrapper 431px hoch war.
   Fix: die min-height auf die weisse Row selbst legen. Der Wrapper-Floor bleibt zusaetzlich als
   Slot-Reservierung erhalten (haelt den Grid-Platz waehrend des AJAX-Loads). Gescopt via
   mitarbeiter_category-* strikt auf die Mitarbeiter-Loop, damit andere Divi-Machine-Loops
   (Produkte etc.) NICHT betroffen sind. Nur ab Tablet (768px), Mobile bleibt content-basiert.
   Wert 431px = historische PROD-Karten-Hoehe; Inhalt maxt bei ~426px, alle Karten rendern damit
   einheitlich auf 431px. Verifiziert: nach dem Fix alle 6 Helmond-Karten weisse Row = 431px. */
@media (min-width: 768px) {
	.et_pb_de_mach_archive_loop .dmach-grid-item[class*="mitarbeiter_category-"] .grid-item-cont {
		min-height: 431px;
	}
	.et_pb_de_mach_archive_loop .dmach-grid-item[class*="mitarbeiter_category-"] .grid-item-cont > .et_pb_row {
		min-height: 431px;
		display: flex;
	}
	/* Ergaenzung 2026-08-17 (Kontakt-Block an den Karten-Boden, Kundenwunsch): Bei knappen Karten
	   (z.B. Sandra Jegers, nur E-Mail) klebten die Kontaktdaten direkt unter dem Foto, der Freiraum
	   sass unten. Gewuenscht: Name + Foto oben, Kontaktdaten am unteren Kartenrand. Umsetzung: die
	   weisse Row ist Flex, die einzelne 4_4-Column fuellt die Kartenhoehe als Flex-Spalte, und das
	   Foto bekommt margin-bottom:auto -> der Freiraum wandert NACH das Foto und schiebt
	   Position/Telefon/E-Mail nach unten. Wirkt auch ohne Position (das .hidethis-acf_item ist
	   display:none und stoert die Verteilung nicht). */
	.et_pb_de_mach_archive_loop .dmach-grid-item[class*="mitarbeiter_category-"] .grid-item-cont > .et_pb_row > .et_pb_column {
		display: flex;
		flex-direction: column;
		flex: 1 1 auto;
	}
	.et_pb_de_mach_archive_loop .dmach-grid-item[class*="mitarbeiter_category-"] .grid-item-cont > .et_pb_row > .et_pb_column > .et_pb_de_mach_thumbnail {
		margin-bottom: auto;
	}
}