/*
Theme Name:    DOKE GmbH | Präzisionsteile | Leutkirch im Allgäu
Theme URI:     https://www.dokegmbh.de/
Description:   Präzise. Innovativ. Verlässlich.
Author:        DOKE GmbH
Author URI:    https://www.dokegmbh.de/
Version:       1.0
License:       DOKE GmbH
License URI:   https://www.dokegmbh.de/
*/


/* -------------------------------------------------------------------------

                        BASICS

-------------------------------------------------------------------------- */

:root {
	--dokerot: #E4032C;
	--dokedunkelblau: #011224;
	--dokeblaugrau: #0A1C2F;
	--dokehellgrau: #919AA3;
	--dokeweiss: #ffffff;
	--dokeschwarz: #000000;
	--doketransparent: transparent;
	
  }

html,
body {
	margin: 0;
	padding: 0;
	width: 100%;
	word-wrap: break-word;
	overflow-x: hidden;
}

html {
	scroll-behavior: smooth;
	-webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}

strong {
	font-weight: 600 !important;
}

b {
	font-weight: 600 !important;
}

* {
    box-sizing: border-box;
}


#doke-logo {
	display: block;
	width: 230px;
	height: auto;
	top: 70px;
	left: 7%;
	position: absolute;
	z-index: 10;
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

#doke-logo img {
	width: 100%;
	height: auto;
}

#doke-logo.scrolling {
	width: 158px;
}

/* -------------------------------------------------------------------------

                        NAVIGATION

-------------------------------------------------------------------------- */

#doke_navigation_container {
	position: absolute;
	width: 35px;
	height: 26px;
	top: 95px;
	right: 7%;
	z-index: 10;
	cursor: pointer;
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

#doke_navigation span {
	display: block;
	position: absolute;
	height: 5px;
	width: 100%;
	background-color: var(--dokeweiss);
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
	cursor: pointer;
}

#doke_navigation span:nth-child(1) {
	top: 0
}

#doke_navigation span:nth-child(2) {
	top: 12px
}

#doke_navigation span:nth-child(3) {
	top: 24px;
}

#doke_navigation.open span:nth-child(1) {
	top: 12px;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}

#doke_navigation.open span:nth-child(2) {
	opacity: 0;
	left: -35px
}

#doke_navigation.open span:nth-child(3) {
	top: 12px;
	width: 100%;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

#doke_navigation_overlay {
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 6;
	top: 0;
	left: 0;
	background-color: var(--dokedunkelblau);
	overflow-x: hidden;
	overflow-y: hidden;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	text-align: left;
	display: none;
}

#doke_navigation_overlay.overlay-open {
	display: block;
	overflow-y: hidden;
}

.doke-slogan {
	position: absolute;
	top: 95px;
	left: 22%;
	z-index: 10;
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
	color: var(--dokeweiss);
	font-family: var(--wp--preset--font-family--inter);
	font-weight: 500 !important;
}

#doke-top-navigation {
	position: absolute;
	top: 95px;
	right: 40%;
	z-index: 10;
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

#doke-top-navigation ul,
#doke-top-navigation li {
	list-style: none !important;
	margin: 0px;
	padding: 0px;
	margin-block-start: 0px !important;
	padding-inline-start: 0px !important;
	display: inline-block;
}

#doke-top-navigation li {
	margin-right: 2vw;
}

#doke-top-navigation li:last-of-type {
	margin-right: 0vw;
}

#doke-top-navigation li.current_page_item a {
	text-decoration: underline;
}

#doke-top-navigation a,
#doke-top-navigation a:hover {
	display: inline-block;
	color: var(--dokeweiss);
	font-weight: 500 !important;
}


.doke-topnav-icons {
	position: absolute;
	top: 95px;
	right: 12.5%;
	z-index: 10;
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
	display: inline-block;
	border-right: 1px solid var(--dokeweiss);
	padding-right: 3vw;
	height: 30px;
}

.doke-topnav-icons a#doke-jetzt-anfragen-icon {
	display: none !important;
}

.doke-topnav-icons a img {
	width: 30px;
	height: 30px;
	transform: scale(1);
	-webkit-transition: .15s ease-in-out;
	-moz-transition: .15s ease-in-out;
	-o-transition: .15s ease-in-out;
	transition: .15s ease-in-out;
}

.doke-topnav-icons a,
.doke-topnav-icons a:hover {
	display: inline-block;
	text-decoration: none;
	margin-right: 8px;
}

.doke-topnav-icons a:last-of-type,
.doke-topnav-icons a:hover:last-of-type {
	margin-right: 0px;
}

.doke-tooltip {
  position: relative;
  display: inline-block;
}

.doke-tooltip .doke-tooltiptext {
  visibility: hidden;
  background-color: var(--dokerot);
  color: var(--dokeweiss);
  text-align: center;
  padding: 12px 24px;
  border-radius: 100px;
  position: absolute;
  z-index: 1;
  top: 130%; /* Position oberhalb des Icons */
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 0.3s;
  white-space: nowrap;
  font-family: var(--wp--preset--font-family--inter);
  font-weight: 500 !important;
}

.doke-tooltip:hover .doke-tooltiptext {
  visibility: visible;
  opacity: 1;
}

/* Dreieck oben in der Mitte */
.doke-tooltip .doke-tooltiptext::before {
  content: "";
  position: absolute;
  top: -8px;
  left: 50%;
  transform: translateX(-50%);
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 12px solid var(--dokerot); /* Farbe des Tooltips */
}

#doke-button-top {
	display: block;
	width: max-content;
	height: max-content;
	top: 83px;
	right: 26%;
	position: absolute;
	z-index: 10;
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

#doke-navbar,
#doke-navbar-overlay {

	width: 100%;
	height: 90px;
	top: 0px;
	left: 0px;
	position: fixed;
	z-index: 7;
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
	background-color: var(--doketransparent);
}

.doke-scroll-offset {
	position: relative;
	top:90px;
	visibility: hidden;
	height: 0;
}

#doke-navbar.show-navbar,
#doke-navbar-overlay.show-navbar {
	background-color: var(--dokeblaugrau);
}

.is-fixed {
	position: fixed !important;
	margin-top: -65px;
}

.is-fixed-slogan {
	margin-left: -3%;
}

.is-fixed-logo {
	position: fixed !important;
	margin-top: -54px;
}

/* -------------------------------------------------------------------------

                        MENÜ

-------------------------------------------------------------------------- */

.doke_navigation_overlay_left_side {
	position: absolute;
	padding-top: 14%;
	padding-left: 7%;
	padding-right: 7%;
	padding-bottom: 7%;
	width: 50%;
	height: 100%;
	left: 0px;
	top: 0px;
	overflow: hidden;
	display: block;
}

.doke_navigation_overlay_right_side {
	position: absolute;
	padding-top: 14%;
	padding-left: 2%;
	padding-right: 16%;
	padding-bottom: 7%;
	width: 50%;
	height: 100%;
	right: 0px;
	overflow: hidden;
	display: block;
}

.doke_navigation_overlay_left_side ul#menu-hauptnavigation {
	padding-left: 0px !important;
	margin-block-start: 1.25vw !important;
	margin-block-end: 1.25vw !important;
}

.doke_subnavigation_01,
.doke_subnavigation_02,
.doke_subnavigation_03 {
	display: none;
	position: relative;
}

.doke_subnavigation_01.show,
.doke_subnavigation_02.show,
.doke_subnavigation_03.show {
	display: block;
}

#menu-hauptnavigation li {
	cursor: pointer !important;
	list-style: none !important;
	line-height: 4vw !important;
	text-align: right !important;
}

.doke_subnavigation_01 li,
.doke_subnavigation_02 li,
.doke_subnavigation_03 li {
	cursor: pointer !important;
	list-style: none !important;
	line-height: 4vw !important;
	text-align: left !important;
}

.doke_subnavigation_01 li,
.doke_subnavigation_02 li,
.doke_subnavigation_03 li {
	border-bottom: 1px solid var(--dokehellgrau);
}

.doke_subnavigation_01 li:last-of-type,
.doke_subnavigation_02 li:last-of-type,
.doke_subnavigation_03 li:last-of-type {
	border-bottom: none;
}

#menu-hauptnavigation li:hover {
	text-decoration: none !important;
}

#menu-hauptnavigation li.subnavigation-01 a,
#menu-hauptnavigation li.subnavigation-02 a,
#menu-hauptnavigation li.subnavigation-03 a {
	color: var(--dokeweiss);
	text-decoration: none !important;
}

#menu-hauptnavigation li.subnavigation-01 a:hover,
#menu-hauptnavigation li.subnavigation-02 a:hover,
#menu-hauptnavigation li.subnavigation-03 a:hover {
	color: var(--dokerot) !important;
}

#menu-hauptnavigation li.subnavigation-01 a.clicked,
#menu-hauptnavigation li.subnavigation-02 a.clicked,
#menu-hauptnavigation li.subnavigation-03 a.clicked {
	color: var(--dokerot) !important;
}

#menu-hauptnavigation li a,
#menu-hauptnavigation li a:hover {
	color: var(--dokeweiss) !important;
	font-family: var(--wp--preset--font-family--staatliches);
	text-transform: uppercase;
}

#menu-hauptnavigation li a:hover {
	color: var(--dokerot) !important;
	text-decoration: none !important;
}

#menu-hauptnavigation li.current_page_item a {
	color: var(--dokerot) !important;
	text-decoration: none !important;
}

.doke_subnavigation_01 li a,
.doke_subnavigation_02 li a,
.doke_subnavigation_03 li a,
.doke_subnavigation_01 li a:hover,
.doke_subnavigation_02 li a:hover,
.doke_subnavigation_03 li a:hover {
	font-weight: 400 !important;
	color: var(--dokeweiss);
	font-style: normal !important;
	width: 100% !important;
	height: 100% !important;
	display: block;
	position: relative;
	padding-bottom: 4.25%;
	padding-top: 4.25%;
	line-height: 1.5vw !important;
	-webkit-transition: .1s ease-in-out;
	-moz-transition: .1s ease-in-out;
	-o-transition: .1s ease-in-out;
	transition: .1s ease-in-out;
	text-decoration: none !important;
}

.doke_subnavigation_01 li.current_page_item a,
.doke_subnavigation_02 li.current_page_item a,
.doke_subnavigation_03 li.current_page_item a,
.doke_subnavigation_04 li.current_page_item a {
	color: var(--dokerot) !important;
}

.doke_subnavigation_01 li a:hover,
.doke_subnavigation_02 li a:hover,
.doke_subnavigation_03 li a:hover,
.doke_subnavigation_04 li a:hover {
	color: var(--dokerot) !important;
}

.doke_subnavigation_01 li:hover,
.doke_subnavigation_02 li:hover,
.doke_subnavigation_03 li:hover,
.doke_subnavigation_04 li:hover {
	text-decoration: none !important;
}

.doke_subnavigation_01 ul,
.doke_subnavigation_02 ul,
.doke_subnavigation_03 ul,
.doke_subnavigation_04 ul,
.doke_subnavigation_01 ul.sub-menu,
.doke_subnavigation_02 ul.sub-menu,
.doke_subnavigation_03 ul.sub-menu,
.doke_subnavigation_04 ul.sub-menu {
	padding-left: 0px;
	margin: 0px;
}


.doke_small_navigation {
    display: inline-block;
    position: absolute;
    left: 7%;
    bottom: 15%;
    width: 35%;
    z-index: 6;
    text-align: right;
}

.doke_small_navigation ul,
.doke_small_navigation li,
.doke_small_navigation li a,
.doke_small_navigation li a:hover {
	list-style: none;
	padding: 0px;
	margin: 0px;
	display: inline-block;
	color: var(--dokeweiss);
}

.doke_small_navigation li a,
.doke_small_navigation li a:hover {
	font-weight: 400 !important;
	margin-right: 25px;
	text-decoration: none !important;
}

.doke_small_navigation li a:hover {
	color: var(--dokerot);
}

.doke_small_navigation li:last-of-type a {
	margin-right: 0px;
}


.doke_small_navigation li.current_page_item a {
	color: var(--dokerot) !important;
}


li.doke-noref a::before {
	display: none !important;
}

li.doke-noref,
li.doke-noref a,
li.doke-noref a:hover {
	text-decoration: none !important;
	color: var(--dokeweiss) !important;
	cursor: unset !important;
}


.doke-footer .doke-footer-spalte,
.doke_subnavigation_01,
.doke_subnavigation_02,
.doke_subnavigation_03 {
	counter-reset: link-counter;
}

.doke-footer li a::before,
.doke_subnavigation_01 li a::before,
.doke_subnavigation_02 li a::before,
.doke_subnavigation_03 li a::before {
	counter-increment: link-counter;
	content: counter(link-counter, decimal-leading-zero) ". ";
	margin-right: 1vw;
	color: var(--dokerot); /* Farbe der Nummerierung */
	font-weight: bold;
}




/* -------------------------------------------------------------------------

                        ALLGEMEIN

-------------------------------------------------------------------------- */


.doke-fullslider .wp-block-cb-carousel .slick-slide {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.doke-contentslider .wp-block-cb-carousel .slick-slide {
	padding-left: 10px !important;
	padding-right: 10px !important;
}

.doke-contentslider hr {
    border-color: var(--dokerot) !important;
    border: none !important;
    border-top: 1px solid var(--dokerot) !important;
	width: 40%;
    margin-left: 60%;
}

.doke-fullslider .slick-dots {
	bottom: 3vw !important;
	z-index: 1 !important;
	text-align: center !important;
}

.doke-statements .slick-dots {
	text-align: right !important;
	padding-right: 7vw !important;
}

.doke-fullslider .slick-dots li button:before {
	color: var(--dokerot) !important;
}

.doke-fullslider .slick-dots li.slick-active button:before {
	color: var(--dokerot) !important;
}

.doke-fullslider .slick-dots li button:before {
	font-size: 18px !important;
}


.doke-fullslider .slick-dots li.slick-active button:before {
	opacity: 1 !important;
}

.doke-fullslider .slick-slider {
	margin-bottom: 0px !important;
}

.doke-contentslider .slick-next,
.doke-fullslider .slick-next {
	right: 0vw !important;
	width: 40px !important;
	height: 40px !important;
	z-index: 1 !important;
}

.doke-contentslider .slick-prev,
.doke-fullslider .slick-prev {
	left: 0vw !important;
	width: 40px !important;
	height: 40px !important;
	z-index: 1 !important;
}

.doke-contentslider .slick-next {
	right: -14vw !important;
}

.doke-contentslider .slick-prev {
	left: -14vw !important;
}

.doke-contentslider .slick-prev:before,
.doke-contentslider .slick-next:before,
.doke-fullslider .slick-prev:before,
.doke-fullslider .slick-next:before {
	opacity: 1 !important;
}


.doke-contentslider .slick-prev:before,
.doke-contentslider .slick-next:before,
.doke-fullslider .slick-prev:before,
.doke-fullslider .slick-next:before {
	background-image: url(/wp-content/uploads/2025/05/doke-pfeil-links.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	content: " " !important;
	display: block !important;
	width: 40px !important;
	height: 40px !important;
}

.doke-contentslider .slick-next:before,
.doke-fullslider .slick-next:before{
	background-image: url(/wp-content/uploads/2025/05/doke-pfeil-rechts.svg);
}


hr {
	border-color: var(--dokehellgrau) !important;
    border: none !important;
    border-top: 1px solid var(--dokehellgrau) !important;
}

.doke-contentslider-icon img {
		width: 50% !important;
		margin-left: 50% !important;
	}

/* -------------------------------------------------------------------------

                        SCHRIFTGROESSEN

-------------------------------------------------------------------------- */


#doke-top-navigation a,
#doke-top-navigation a:hover,
.doke-slogan {
	font-size: 0.925em;
}

#doke-button-top a,
#doke-button-top a:hover,
#doke-button-footer a,
#doke-button-footer a:hover {
	font-size: 0.875em;
}

.doke-tooltip .doke-tooltiptext {
	font-size: 0.8em;
}

.doke-mobile-style {
	display: none;
  }

.doke-desktop-style {
	display: block;
  }


  /* -------------------------------------------------------------------------

                        Footer

-------------------------------------------------------------------------- */

.doke-footer-outer {
	width: 80%;
	height: auto;
	position: relative;
	display: block;
	margin-left: 10%;
	padding-top: 15vw;
	padding-bottom: 15vw;
}

.doke-footer {
	width: 100%;
	height: auto;
	position: relative;
	display: block;
}

.doke-footer:last-of-type {
	margin-top: 6vw;
}

.doke-footer-leiste-rot {
	width: 100%;
	height: auto;
	position: relative;
	display: block;
	background-color: var(--dokerot);
	padding: 7%;
	padding-top: 1vw;
	padding-bottom: 1vw;
}

.doke-footer-leiste-rot p {
		margin: 0 !important;
		padding: 0 !important;
	}

.doke-footer-spalte {
	margin: 0;
	padding: 0;
	position: relative;
	width: 100vw;
	height: auto;
	display: table-cell;
}

.doke-footer-spalte-inner {
	width: 100%;
	height: auto;
	display: block;
	position: relative;
	padding-left: 15%;
	padding-right: 15%;
}

.doke-footer p.footer-headline {
	font-family: var(--wp--preset--font-family--staatliches);
	font-weight: 600 !important;
	display: block;
	padding-top: 1vw;
	padding-bottom: 1vw;
	text-transform: uppercase !important;
	margin-bottom: 2vw;
}

.doke-footer p {
	font-weight: 500 !important;
	text-transform:none !important;
}


.doke-footer ul,
.doke-footer li,
.doke-footer li a,
.doke-footer li a:hover,
.doke-footer p,
.doke-footer a,
.doke-footer a:hover {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left;
	line-height: 1.9vw;
	font-weight: 500;
}

.doke-footer li {
	border-bottom: 1px solid var(--dokehellgrau);
	padding-top: 1vw;
	padding-bottom: 1vw;
}

.doke-footer li:first-of-type {
	border-top: 1px solid var(--dokehellgrau);
}

.doke-footer p.footer-text {
	border-top: 1px solid var(--dokehellgrau);
	border-bottom: 1px solid var(--dokehellgrau);
	padding-top: 1vw;
	padding-bottom: 1vw;
}

.doke-footer li a .doke-footer p,
.doke-footer a {
	color: var(--dokeweiss);
	font-weight: 500;
}

.doke-footer li a,
.doke-footer a {
	text-decoration: none !important;
	line-height: 2.5em;
	font-weight: 500 !important;
	color: var(--dokeweiss) !important;
}

.doke-footer li a:hover,
.doke-footer a:hover {
	color: var(--dokerot) !important;
	line-height: 2.5em;
	font-weight: 500 !important;
}

.doke-footer li.current-menu-item a,
.doke_small_navigation li.current-menu-item a {
	color: var(--dokerot) !important;
	font-weight: 500 !important;
}

.doke_small_navigation li.current-menu-item a {
	font-weight: 500 !important;
}

.doke-footer p {
	line-height: 1.6em !important;
}

.doke-footer p.footer-headline {
	line-height: 2.5vw !important;
}


  /* -------------------------------------------------------------------------

                        WPForms

-------------------------------------------------------------------------- */


div.wpforms-container-full input[type=submit],
div.wpforms-container-full button[type=submit],
div.wpforms-container-full .wpforms-page-button,
.wp-core-ui div.wpforms-container-full input[type=submit],
.wp-core-ui div.wpforms-container-full button[type=submit],
.wp-core-ui div.wpforms-container-full .wpforms-page-button {
	font-weight: 600 !important;
	padding: calc(1vw + 2px) calc(1.5vw + 2px) !important;
	height: auto !important;
}

div.wpforms-container-full .wpforms-form .wpforms-submit-container {
	margin-top: 1vw !important;
}

div.wpforms-container-full input[type=date],
div.wpforms-container-full input[type=datetime],
div.wpforms-container-full input[type=datetime-local],
div.wpforms-container-full input[type=email],
div.wpforms-container-full input[type=month],
div.wpforms-container-full input[type=number],
div.wpforms-container-full input[type=password],
div.wpforms-container-full input[type=range],
div.wpforms-container-full input[type=search],
div.wpforms-container-full input[type=tel],
div.wpforms-container-full input[type=text],
div.wpforms-container-full input[type=time],
div.wpforms-container-full input[type=url],
div.wpforms-container-full input[type=week],
div.wpforms-container-full select,
div.wpforms-container-full textarea,
.wp-core-ui div.wpforms-container-full input[type=date],
.wp-core-ui div.wpforms-container-full input[type=datetime],
.wp-core-ui div.wpforms-container-full input[type=datetime-local],
.wp-core-ui div.wpforms-container-full input[type=email],
.wp-core-ui div.wpforms-container-full input[type=month],
.wp-core-ui div.wpforms-container-full input[type=number],
.wp-core-ui div.wpforms-container-full input[type=password],
.wp-core-ui div.wpforms-container-full input[type=range],
.wp-core-ui div.wpforms-container-full input[type=search],
.wp-core-ui div.wpforms-container-full input[type=tel],
.wp-core-ui div.wpforms-container-full input[type=text],
.wp-core-ui div.wpforms-container-full input[type=time],
.wp-core-ui div.wpforms-container-full input[type=url],
.wp-core-ui div.wpforms-container-full input[type=week],
.wp-core-ui div.wpforms-container-full select,
.wp-core-ui div.wpforms-container-full textarea {
	padding: 0vw 1.5vw !important;
	height: 3vw !important;
}


div.wpforms-container-full .wpforms-form textarea.wpforms-field-large {
	padding: 1.5vw 1.5vw !important;
	height: 9vw !important;
}

div.wpforms-container-full .wpforms-field-label,
.wp-core-ui div.wpforms-container-full .wpforms-field-label {
	margin: 0 0 1.25vw 0 !important;
}

div.wpforms-container-full input[type=checkbox],
div.wpforms-container-full input[type=radio],
div.wpforms-container-full input[type=checkbox]:before,
div.wpforms-container-full input[type=checkbox]:after,
div.wpforms-container-full input[type=radio]:before,
div.wpforms-container-full input[type=radio]:after {
    width: 1.25vw !important;
    height: 1.25vw !important;
}

div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul,
div.wpforms-container-full .wpforms-field.wpforms-field-radio ul,
div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox ul,
div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple ul,
div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox ul {
	gap: 1.25vw !important;
}

div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul li input+label,
div.wpforms-container-full .wpforms-field.wpforms-field-radio ul li input+label,
div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox ul li input+label,
div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple ul li input+label,
div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox ul li input+label {
    padding-inline-start: 1vw !important;
	padding-top: 0.125vw !important;
}

.wpforms-container .wpforms-field {
	padding: 0.5vw 0 !important;
}
.wpforms-container .wpforms-field-layout {
	padding: 0vw 0 !important;
}

.doke-mobile-only {
	display: none;
}

.doke-zweispalter hr {
	border-color: var(--dokerot) !important;
    border: none !important;
    border-top: 1px solid var(--dokerot) !important;
}

.wp-lightbox-container button {
    z-index: 6 !important;
}

.doke-accordion .wp-block-details summary::marker {
	color: var(--dokerot) !important;
}

.doke-aktuelles .doke-aktuelles-inner-zeile hr {
    border-color: var(--dokerot) !important;
    border: none !important;
    border-top: 1px solid var(--dokerot) !important;
}

.doke-anfrageformular .wpforms-field-container textarea {
	height: 17.5vh !important;
	padding: 1vw 1.5vw !important;
}

.doke-anfrageformular .wpforms-container .wpforms-field {
	padding: 1vw 0 !important;
}

.doke-anfrageformular .wpforms-field.wpforms-field-checkbox ul li input+label {
    margin-top: -0.2vw !important;
}

.doke-anfrageformular .wpforms-submit-container button {
    background-color: var(--doketransparent) !important;
	border: 1px solid var(--dokeweiss) !important;
	border-radius: 100px !important;
	color: var(--dokeweiss) !important;
	font-weight: 600 !important;
}

.doke-anfrageformular .wpforms-submit-container button:hover {
    text-decoration: underline !important;
}

.doke-anfrageformular .wpforms-container .wpforms-field fieldset {
		margin-top: 1vw !important;
	}

p.doke-pflichtfelder {
	margin-top: 0px;
	margin-bottom: 2vw;
}

/* -------------------------------------------------------------------------

                        RESPONSIVE

-------------------------------------------------------------------------- */


@media only screen and (min-width: 2200px) {


	#doke-logo {
		width: 250px;
	}

	#doke-button-top {
		top: 86px;
	}

	#doke-top-navigation,
	.doke-slogan {
		top: 100px;
	}

	.doke-topnav-icons {
		top: 100px;
		height: 35px;
	}

	.doke-topnav-icons a img {
		width: 35px;
		height: 35px;
	}

	#doke-navbar,
	#doke-navbar-overlay {
		height: 110px;
	}

	.doke-scroll-offset {
		top:110px;
	}


	#doke_navigation_container {
		top: 103px;
	}

	#doke-logo.scrolling {
		width: 208px;
	}

	/* -------------------------------------------------------------------------

                        SCHRIFTGROESSEN

    -------------------------------------------------------------------------- */


	#doke-button-top a,
	#doke-button-top a:hover,
	#doke-button-footer a,
	#doke-button-footer a:hover {
		font-size: 1.05em;
	}

	#doke-top-navigation a,
	#doke-top-navigation a:hover,
	.doke-slogan {
		font-size: 1.15em;
	}

	.doke-tooltip .doke-tooltiptext {
		font-size: 0.9em;
		padding: 16px 30px;
		padding-bottom: 18px;
	}

}


@media only screen and (min-width: 1500px) {


	/* -------------------------------------------------------------------------

                        SCHRIFTGROESSEN

    -------------------------------------------------------------------------- */

    p.doke-xxxx-large,
	.doke-xxxx-large,
	.doke-xxxx-large a,
	.doke-xxxx-large a:hover,
	h1 {
		font-size: 9vw !important;
	}

	p.doke-xxx-large,
	.doke-xxx-large,
	.doke-xxx-large a,
	.doke-xxx-large a:hover {
		font-size: 7vw !important;
	}

	#menu-hauptnavigation li a,
	#menu-hauptnavigation li a:hover {
		font-size: 6vw !important;
	}

	p.doke-xx-large-xxx-large,
	.doke-xx-large-xxx-large,
	.doke-xx-large-xxx-large a,
	.doke-xx-large-xxx-large a:hover,
	h2 {
		font-size: 5vw !important /* war bei 5.5 */
	}

	p.doke-xx-large,
	.doke-xx-large,
	.doke-xx-large a,
	.doke-xx-large a:hover {
		font-size: 4.35vw !important;
	}

	p.doke-x-large,
	.doke-x-large,
	.doke-x-large a,
	.doke-x-large a:hover {
		font-size: 3.75vw !important;
	}

    p.doke-large-x-large,
	.doke-large-x-large,
	.doke-large-x-large a,
	.doke-large-x-large a:hover {
		font-size: 2.5vw !important;
	}

	h3 {
		font-size: 2vw !important;
	}

	p.doke-large,
	.doke-large,
	.doke-large a,
	.doke-large a:hover,
	h4 {
		font-size: 2vw !important;
	}

	p.doke-medium-large,
	.doke-medium-large,
	.doke-medium-large a,
	.doke-medium-large a:hover {
		font-size: 1.5vw !important;
	}

	p.doke-medium,
	.doke-medium,
	.doke-medium a,
	.doke-medium a:hover,
	h5 {
		font-size: 1.25vw !important;
	}

	
	.doke_subnavigation_01 li a,
	.doke_subnavigation_02 li a,
	.doke_subnavigation_03 li a,
	.doke_subnavigation_04 li a,
	.doke_subnavigation_01 li a:hover,
	.doke_subnavigation_02 li a:hover,
	.doke_subnavigation_03 li a:hover,
	.doke_subnavigation_04 li a:hover {
		font-size: 1.15vw !important;
	}

	.doke-footer p.footer-headline {
		font-size: 1.8vw !important;
	}

	.doke_small_navigation li a,
	.doke_small_navigation li a:hover {
		font-size: 1.05vw !important;
	}

	p.doke-small,
	.doke-small,
	.doke-small a,
	.doke-small a:hover {
		font-size: 1.1vw !important;
	}

	div.wpforms-container-full .wpforms-form label.wpforms-error,
	div.wpforms-container-full .wpforms-form em.wpforms-error,
	div.wpforms-container-full input[type=checkbox]+label,
	div.wpforms-container-full input[type=radio]+label,
	div.wpforms-container-full .wpforms-field-label,
	.wp-core-ui div.wpforms-container-full .wpforms-field-label {
		font-size: 1.1vw !important;
	}

	div.wpforms-container-full input[type=date],
	div.wpforms-container-full input[type=datetime],
	div.wpforms-container-full input[type=datetime-local],
	div.wpforms-container-full input[type=email],
	div.wpforms-container-full input[type=month],
	div.wpforms-container-full input[type=number],
	div.wpforms-container-full input[type=password],
	div.wpforms-container-full input[type=range],
	div.wpforms-container-full input[type=search],
	div.wpforms-container-full input[type=tel],
	div.wpforms-container-full input[type=text],
	div.wpforms-container-full input[type=time],
	div.wpforms-container-full input[type=url],
	div.wpforms-container-full input[type=week],
	div.wpforms-container-full select,
	div.wpforms-container-full textarea,
	.wp-core-ui div.wpforms-container-full input[type=date],
	.wp-core-ui div.wpforms-container-full input[type=datetime],
	.wp-core-ui div.wpforms-container-full input[type=datetime-local],
	.wp-core-ui div.wpforms-container-full input[type=email],
	.wp-core-ui div.wpforms-container-full input[type=month],
	.wp-core-ui div.wpforms-container-full input[type=number],
	.wp-core-ui div.wpforms-container-full input[type=password],
	.wp-core-ui div.wpforms-container-full input[type=range],
	.wp-core-ui div.wpforms-container-full input[type=search],
	.wp-core-ui div.wpforms-container-full input[type=tel],
	.wp-core-ui div.wpforms-container-full input[type=text],
	.wp-core-ui div.wpforms-container-full input[type=time],
	.wp-core-ui div.wpforms-container-full input[type=url],
	.wp-core-ui div.wpforms-container-full input[type=week],
	.wp-core-ui div.wpforms-container-full select,
	.wp-core-ui div.wpforms-container-full textarea {
		font-size: 1vw !important;
	}

	.doke-footer li a,
	.doke-footer li a:hover,
	.doke-footer a,
	.doke-footer a:hover,
	.doke-footer p {
		font-size: 1vw !important;
	}

    p.doke-x-small,
	.doke-x-small,
	.doke-x-small a,
	.doke-x-small a:hover,
	h6 {
		font-size: 0.9vw !important;
	}

	div.wpforms-container-full input[type=submit],
	div.wpforms-container-full button[type=submit],
	div.wpforms-container-full .wpforms-page-button,
	.wp-core-ui div.wpforms-container-full input[type=submit],
	.wp-core-ui div.wpforms-container-full button[type=submit],
	.wp-core-ui div.wpforms-container-full .wpforms-page-button {
		font-size: 0.9vw !important;
	}

	p.doke-xx-small,
	.doke-xx-small,
	.doke-xx-small a,
	.doke-xx-small a:hover {
		font-size: 0.8vw !important;
	}

}


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


	#doke-logo {
		width: 210px;
	}

	.doke-topnav-icons {
		right: 14%;
		padding-right: 4.5vw;
	}

	#doke-button-top {
		right: 31%;
	}

	#doke-top-navigation {
		right: 46%;
		top: 94px;
	}
	.doke-slogan {
		left: 24%;
		top: 97px;
	}

	#doke-button-top {
		top: 88px;
	}

	div.wpforms-container-full input[type=submit],
	div.wpforms-container-full button[type=submit],
	div.wpforms-container-full .wpforms-page-button,
	.wp-core-ui div.wpforms-container-full input[type=submit],
	.wp-core-ui div.wpforms-container-full button[type=submit],
	.wp-core-ui div.wpforms-container-full .wpforms-page-button {
		padding: 16px 32px !important;
	}


	.doke-tooltip .doke-tooltiptext {
		padding: 10px 20px;
	}

	/* -------------------------------------------------------------------------

                        SCHRIFTGROESSEN

    ------------------------------------------------------------------------- */

	#doke-button-top a,
	#doke-button-top a:hover,
	#doke-button-footer a,
	#doke-button-footer a:hover {
		font-size: 0.75em;
	}

	#doke-top-navigation a,
	#doke-top-navigation a:hover,
	.doke-slogan {
		font-size: 0.825em;
	}

	.doke-tooltip .doke-tooltiptext {
		font-size: 0.7em;
	}

}

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


	/* -------------------------------------------------------------------------

                        SCHRIFTGROESSEN

    ------------------------------------------------------------------------- */

    p.doke-xxxx-large,
	.doke-xxxx-large,
	.doke-xxxx-large a,
	.doke-xxxx-large a:hover,
	h1 {
		font-size: 9vw !important;
	}

	p.doke-xxx-large,
	.doke-xxx-large,
	.doke-xxx-large a,
	.doke-xxx-large a:hover {
		font-size: 7vw !important;
	}

	#menu-hauptnavigation li a,
	#menu-hauptnavigation li a:hover {
		font-size: 6vw !important;
	}

	.doke-footer p.footer-headline-start {
		font-size: 3.75vw !important;
	}

	p.doke-xx-large-xxx-large,
	.doke-xx-large-xxx-large,
	.doke-xx-large-xxx-large a,
	.doke-xx-large-xxx-large a:hover,
	h2 {
		font-size: 5vw !important /* war bei 5.5 */
	}

	p.doke-xx-large,
	.doke-xx-large,
	.doke-xx-large a,
	.doke-xx-large a:hover {
		font-size: 4.35vw !important;
	}

	p.doke-x-large,
	.doke-x-large,
	.doke-x-large a,
	.doke-x-large a:hover {
		font-size: 3.75vw !important;
	}

    p.doke-large-x-large,
	.doke-large-x-large,
	.doke-large-x-large a,
	.doke-large-x-large a:hover {
		font-size: 2.5vw !important;
	}

	h3 {
		font-size: 2vw !important;
	}

	p.doke-large,
	.doke-large,
	.doke-large a,
	.doke-large a:hover,
	h4 {
		font-size: 2vw !important;
	}

	p.doke-medium-large,
	.doke-medium-large,
	.doke-medium-large a,
	.doke-medium-large a:hover {
		font-size: 1.5vw !important;
	}

	p.doke-medium,
	.doke-medium,
	.doke-medium a,
	.doke-medium a:hover,
	h5 {
		font-size: 1.25vw !important;
	}

	
	.doke_subnavigation_01 li a,
	.doke_subnavigation_02 li a,
	.doke_subnavigation_03 li a,
	.doke_subnavigation_04 li a,
	.doke_subnavigation_01 li a:hover,
	.doke_subnavigation_02 li a:hover,
	.doke_subnavigation_03 li a:hover,
	.doke_subnavigation_04 li a:hover {
		font-size: 1.15vw !important;
	}

	.doke-footer p.footer-headline {
		font-size: 1.8vw !important;
	}

	.doke_small_navigation li a,
	.doke_small_navigation li a:hover {
		font-size: 1.05vw !important;
	}

	p.doke-small,
	.doke-small,
	.doke-small a,
	.doke-small a:hover {
		font-size: 1.1vw !important;
	}

	div.wpforms-container-full .wpforms-form label.wpforms-error,
	div.wpforms-container-full .wpforms-form em.wpforms-error,
	div.wpforms-container-full input[type=checkbox]+label,
	div.wpforms-container-full input[type=radio]+label,
	div.wpforms-container-full .wpforms-field-label,
	.wp-core-ui div.wpforms-container-full .wpforms-field-label {
		font-size: 1.1vw !important;
	}

	div.wpforms-container-full input[type=date],
	div.wpforms-container-full input[type=datetime],
	div.wpforms-container-full input[type=datetime-local],
	div.wpforms-container-full input[type=email],
	div.wpforms-container-full input[type=month],
	div.wpforms-container-full input[type=number],
	div.wpforms-container-full input[type=password],
	div.wpforms-container-full input[type=range],
	div.wpforms-container-full input[type=search],
	div.wpforms-container-full input[type=tel],
	div.wpforms-container-full input[type=text],
	div.wpforms-container-full input[type=time],
	div.wpforms-container-full input[type=url],
	div.wpforms-container-full input[type=week],
	div.wpforms-container-full select,
	div.wpforms-container-full textarea,
	.wp-core-ui div.wpforms-container-full input[type=date],
	.wp-core-ui div.wpforms-container-full input[type=datetime],
	.wp-core-ui div.wpforms-container-full input[type=datetime-local],
	.wp-core-ui div.wpforms-container-full input[type=email],
	.wp-core-ui div.wpforms-container-full input[type=month],
	.wp-core-ui div.wpforms-container-full input[type=number],
	.wp-core-ui div.wpforms-container-full input[type=password],
	.wp-core-ui div.wpforms-container-full input[type=range],
	.wp-core-ui div.wpforms-container-full input[type=search],
	.wp-core-ui div.wpforms-container-full input[type=tel],
	.wp-core-ui div.wpforms-container-full input[type=text],
	.wp-core-ui div.wpforms-container-full input[type=time],
	.wp-core-ui div.wpforms-container-full input[type=url],
	.wp-core-ui div.wpforms-container-full input[type=week],
	.wp-core-ui div.wpforms-container-full select,
	.wp-core-ui div.wpforms-container-full textarea {
		font-size: 1vw !important;
	}

	.doke-footer li a,
	.doke-footer li a:hover,
	.doke-footer a,
	.doke-footer a:hover,
	.doke-footer p {
		font-size: 1vw !important;
	}

    p.doke-x-small,
	.doke-x-small,
	.doke-x-small a,
	.doke-x-small a:hover,
	h6 {
		font-size: 0.9vw !important;
	}

	div.wpforms-container-full input[type=submit],
	div.wpforms-container-full button[type=submit],
	div.wpforms-container-full .wpforms-page-button,
	.wp-core-ui div.wpforms-container-full input[type=submit],
	.wp-core-ui div.wpforms-container-full button[type=submit],
	.wp-core-ui div.wpforms-container-full .wpforms-page-button {
		font-size: 0.9vw !important;
	}

	p.doke-xx-small,
	.doke-xx-small,
	.doke-xx-small a,
	.doke-xx-small a:hover {
		font-size: 0.8vw !important;
	}
	

}

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


	div.wpforms-container-full input[type=submit],
	div.wpforms-container-full button[type=submit],
	div.wpforms-container-full .wpforms-page-button,
	.wp-core-ui div.wpforms-container-full input[type=submit],
	.wp-core-ui div.wpforms-container-full button[type=submit],
	.wp-core-ui div.wpforms-container-full .wpforms-page-button {
		padding: 13px 22px !important;
	}

	#doke-button-top {
        top: 85px;
		right: 30.5%;
    }

	#doke-logo {
		width: 170px;
		top: 72px;
	}

	#doke-logo.scrolling {
		width: 138px;
	}

	#doke_navigation_container {
		top: 91px;
		width: 30px;
	}

	#doke_navigation span:nth-child(2),
	#doke_navigation.open span:nth-child(1),
	#doke_navigation.open span:nth-child(3) {
        top: 10px;
    }

	#doke_navigation span:nth-child(3) {
        top: 20px;
    }

	#doke-top-navigation {
		top: 87px;
		right: 47%;
	}

	.doke-slogan {
		top: 93px;
	}

	#doke-navbar,
	#doke-navbar-overlay {
		height: 80px;
	}

	.doke-scroll-offset {
		top:40px;
	}

	.doke-topnav-icons {
		top: 90px;
		right: 13.5%;
		height: 26px;
	}

	.doke-topnav-icons a img {
		width: 26px;
		height: 26px;
	}

	.doke-topnav-icons a,
	.doke-topnav-icons a:hover {
		margin-right: 4px;
	}

	.is-fixed {
		margin-top: -64px;
	}
	
	.is-fixed-logo {
		margin-top: -57px;
	}

	/* -------------------------------------------------------------------------

                        SCHRIFTGROESSEN

    -------------------------------------------------------------------------- */


	#doke-button-top a,
	#doke-button-top a:hover,
	#doke-button-footer a,
	#doke-button-footer a:hover {
		font-size: 0.65em;
	}

	#doke-top-navigation a,
	#doke-top-navigation a:hover,
	.doke-slogan  {
		font-size: 0.725em;
	}

	.doke-tooltip .doke-tooltiptext  {
		font-size: 0.6em;
	}

}


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


	#doke-button-top {
		display: none;
	}

	#doke-top-navigation {
        right: 36%;
    }

	.doke-slogan {
		left: 27%;
	}

	.doke-topnav-icons {
        right: 15%;
    }

	.doke-topnav-icons a#doke-jetzt-anfragen-icon {
		display: inline-block !important;
	}

	/* -------------------------------------------------------------------------

                        SCHRIFTGROESSEN

    -------------------------------------------------------------------------- */


}


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


	#doke-top-navigation,
	.doke-slogan  {
        display: none;
    }

	.doke-topnav-icons {
        right: 16%;
        padding-right: 6vw;
    }

	div.wpforms-container-full input[type=submit],
	div.wpforms-container-full button[type=submit],
	div.wpforms-container-full .wpforms-page-button,
	.wp-core-ui div.wpforms-container-full input[type=submit],
	.wp-core-ui div.wpforms-container-full button[type=submit],
	.wp-core-ui div.wpforms-container-full .wpforms-page-button {
        padding: 10px 17px !important;
    }


	/* -------------------------------------------------------------------------

                        SCHRIFTGROESSEN

    -------------------------------------------------------------------------- */

}

/********** iPad Portrait Modus ***********/

@media only screen and (max-width: 1048px) and (orientation: portrait) {
	
	.doke-cover {
		min-height: 50vh !important;
	}

	.doke_navigation_overlay_left_side,
	.doke_navigation_overlay_right_side {
		padding-top: 20%;
	}

	.doke_subnavigation_01 li a,
	.doke_subnavigation_02 li a,
	.doke_subnavigation_03 li a,
	.doke_subnavigation_04 li a,
	.doke_subnavigation_01 li a:hover,
	.doke_subnavigation_02 li a:hover,
	.doke_subnavigation_03 li a:hover,
	.doke_subnavigation_04 li a:hover {
		padding-bottom: 8%;
		padding-top: 8%;
	}

	/* -------------------------------------------------------------------------

                        SCHRIFTGROESSEN

    -------------------------------------------------------------------------- */

	.doke_subnavigation_01 li a,
	.doke_subnavigation_02 li a,
	.doke_subnavigation_03 li a,
	.doke_subnavigation_04 li a,
	.doke_subnavigation_01 li a:hover,
	.doke_subnavigation_02 li a:hover,
	.doke_subnavigation_03 li a:hover,
	.doke_subnavigation_04 li a:hover {
        font-size: 1.5vw !important;
    }

  }

/********** iPad Landscape Modus ***********/

@media only screen and (max-width: 1400px) and (orientation: landscape) {
	


	/* -------------------------------------------------------------------------

                        SCHRIFTGROESSEN

    -------------------------------------------------------------------------- */



  }

@media only screen and (max-width: 1000px) and (orientation: landscape) {
    

	#doke-navbar,
	#doke-navbar-overlay {
        height: 60px;
    }

	#doke-logo {
        width: 120px;
        top: 32px;
    }

	#doke-logo.scrolling {
        width: 120px;
    }

	#doke_navigation_container {
        top: 44px;
    }

	.doke-topnav-icons {
        top: 44px;
	}

	.doke_small_navigation {
		bottom: 8%;
	}

	.is-fixed {
        margin-top: -28px;
    }

	.is-fixed-logo {
        margin-top: -24px;
    }

	/* -------------------------------------------------------------------------

                        SCHRIFTGROESSEN

    -------------------------------------------------------------------------- */


	#menu-hauptnavigation li a,
	#menu-hauptnavigation li a:hover {
        font-size: 4.5vw !important;
    }


}


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

	.doke-tooltiptext {
		display: none;
	}

	.doke-einleitung-left p {
		text-align: left !important;
	}

	.doke-einleitung-right {
		margin-top: 10vw !important;
	}

	div.wpforms-container-full input[type=date],
	div.wpforms-container-full input[type=datetime],
	div.wpforms-container-full input[type=datetime-local],
	div.wpforms-container-full input[type=email],
	div.wpforms-container-full input[type=month],
	div.wpforms-container-full input[type=number],
	div.wpforms-container-full input[type=password],
	div.wpforms-container-full input[type=range],
	div.wpforms-container-full input[type=search],
	div.wpforms-container-full input[type=tel],
	div.wpforms-container-full input[type=text],
	 div.wpforms-container-full input[type=time],
	 div.wpforms-container-full input[type=url],
	 div.wpforms-container-full input[type=week],
	 div.wpforms-container-full select,
	 div.wpforms-container-full textarea,
	 .wp-core-ui div.wpforms-container-full input[type=date],
	 .wp-core-ui div.wpforms-container-full input[type=datetime],
	 .wp-core-ui div.wpforms-container-full input[type=datetime-local],
	 .wp-core-ui div.wpforms-container-full input[type=email],
	 .wp-core-ui div.wpforms-container-full input[type=month],
	 .wp-core-ui div.wpforms-container-full input[type=number],
	 .wp-core-ui div.wpforms-container-full input[type=password],
	 .wp-core-ui div.wpforms-container-full input[type=range],
	 .wp-core-ui div.wpforms-container-full input[type=search],
	 .wp-core-ui div.wpforms-container-full input[type=tel],
	 .wp-core-ui div.wpforms-container-full input[type=text],
	 .wp-core-ui div.wpforms-container-full input[type=time],
	 .wp-core-ui div.wpforms-container-full input[type=url],
	 .wp-core-ui div.wpforms-container-full input[type=week],
	 .wp-core-ui div.wpforms-container-full select,
	 .wp-core-ui div.wpforms-container-full textarea {
		height: 12vw !important;
	}

	div.wpforms-container-full input[type=checkbox],
	div.wpforms-container-full input[type=radio],
	div.wpforms-container-full input[type=checkbox]:before,
	div.wpforms-container-full input[type=checkbox]:after,
	div.wpforms-container-full input[type=radio]:before,
	div.wpforms-container-full input[type=radio]:after {
		width: 5vw !important;
		height: 5vw !important;
	}

	div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul li input+label,
	div.wpforms-container-full .wpforms-field.wpforms-field-radio ul li input+label,
	div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox ul li input+label,
	div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple ul li input+label,
	div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox ul li input+label {
		padding-inline-start: 20px !important;
		padding-top: 0.25vw !important;
	}


	div.wpforms-container-full .wpforms-field-label,
	.wp-core-ui div.wpforms-container-full .wpforms-field-label {
		margin: 0 0 3vw 0 !important;
	}

	div.wpforms-container-full .wpforms-form .wpforms-submit-container {
		margin-top: 10px !important;
	}

	p.doke-pflichtfelder {
		margin-bottom: 20px;
	}

	.wpforms-container .wpforms-field {
		padding: 2.75vw 0 !important;
	}

	.wpforms-container .wpforms-field-layout {
		padding: 0vw 0 !important;
	}

	.wpforms-container .wpforms-field-checkbox {
		padding: 4vw 0 !important;
		padding-bottom: 5vw !important;
	}

	div.wpforms-container-full .wpforms-form textarea.wpforms-field-large {
		height: 28vw !important;
	}

	div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul,
	div.wpforms-container-full .wpforms-field.wpforms-field-radio ul,
	div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox ul,
	div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple ul,
	div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox ul {
		gap: 4vw !important;
	}

	.wpforms-container .wpforms-one-half,
	.wpforms-container .wpforms-three-sixths,
	.wpforms-container .wpforms-two-fourths {
		width: calc(100% - 0px) !important;
	}

	.wpforms-container .wpforms-field.wpforms-five-sixths,
	.wpforms-container .wpforms-field.wpforms-four-sixths,
	.wpforms-container .wpforms-field.wpforms-four-fifths,
	.wpforms-container .wpforms-field.wpforms-one-fifth,
	.wpforms-container .wpforms-field.wpforms-one-fourth,
	.wpforms-container .wpforms-field.wpforms-one-half,
	.wpforms-container .wpforms-field.wpforms-one-sixth,
	.wpforms-container .wpforms-field.wpforms-one-third,
	.wpforms-container .wpforms-field.wpforms-three-fourths,
	.wpforms-container .wpforms-field.wpforms-three-fifths,
	.wpforms-container .wpforms-field.wpforms-three-sixths,
	.wpforms-container .wpforms-field.wpforms-two-fourths,
	.wpforms-container .wpforms-field.wpforms-two-fifths,
	.wpforms-container .wpforms-field.wpforms-two-sixths,
	.wpforms-container .wpforms-field.wpforms-two-thirds {
		margin-left: 0px !important;
	}

	.doke-anfrageformular .wpforms-container .wpforms-field {
		padding: 10px 0 !important;
	}

	.doke-anfrageformular .wpforms-container .wpforms-field fieldset {
		margin-top: 15px !important;
	}

	.doke-anfrageformular .wpforms-field.wpforms-field-checkbox ul li input+label {
		margin-top: -0.5vw !important;
	}

	.doke-anfrageformular {
		margin-top: 40px !important;
	}

	.doke-cover {
		min-height: 100vh !important;
	}

	.doke-mobile-style {
		display: block;
	  }
	  
	.doke-desktop-style {
		display: none;
	  }


	.doke-footer,
	.doke-footer-leiste {
		display: none;
	}

	.doke-footer-leiste-rot {
		padding-top: 4vw;
    	padding-bottom: 4vw;
	}

	:root {
		--wp--style--global--content-size: 90% !important;
		--wp--style--global--wide-size: 90% !important;
	}

	#doke-navbar,
	#doke-navbar-overlay {
		height: 80px;
	}

	.doke-scroll-offset {
		top:-40px;
	}

	.is-fixed,
	.is-fixed-logo {
		margin-top: 0px !important;
	}

	#doke-logo {
		width: 120px !important;
		top: 18px;
		left: 20px;
	}

	.doke-topnav-icons {
		top: 26px;
	}

	#doke_navigation_container {
		right: 20px;
		top: 27px;
		width: 30px;
	}
	
	#doke_navigation span:nth-child(2),
	#doke_navigation.open span:nth-child(1),
	#doke_navigation.open span:nth-child(3) {
		top: 10px
	}
	
	#doke_navigation span:nth-child(3) {
		top: 20px;
	}
	
	.doke-topnav-icons {
		right: 74px;
        padding-right: 24px;
		height: 28px;
	}

	.doke-topnav-icons a img {
		width: 28px;
		height: 28px;
	}

	.doke-topnav-icons a,
	.doke-topnav-icons a:hover {
		margin-right: 4px;
	}

	#doke-top-navigation,
	#doke-button-top,
	.doke-slogan  {
		display:none;
	}

	.doke-cover {
		padding-bottom: 32.5% !important;
		padding-left: 20px !important;
        padding-right: 20px !important;
	}

	.doke-contentslider-inner-zeile {
		display: block !important;
	}

	.doke-contentslider-inner-zeile p {
		text-align: left !important;
	}

	.doke-contentslider-inner-last {
		margin-top: 10vw !important;
	}

	.doke-contentslider-inner-zeile .wp-block-buttons {
		justify-content: flex-start !important;
		margin-top: 6vw !important;
		margin-bottom: 6vw !important;
	}

	.doke-contentslider .slick-next {
		right: -5vw !important;
	}

	.doke-contentslider .slick-prev {
		left: -5vw !important;
	}

	.doke-contentslider .wp-block-cb-carousel .slick-slide {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	.doke-inner-zeile {
		display: block !important;
		margin-top: 6vw !important;
    	padding-right: 0px !important;
	}

	.doke-statements .wp-block-buttons,
	.doke-cover .wp-block-buttons {
		margin-top: 10vw !important;
	}

	.doke-statements .wp-block-buttons {
		margin-bottom: 16vw !important;
	}

	.doke-statements .doke-inner-zeile-last {
		padding-bottom: 6vw !important;
		gap: 20px !important;
	}

	.doke-spacer {
		height: 80px !important; /* war 120px */
	}


	:root :where(.wp-element-button, .wp-block-button__link) {
		padding: 12px 22px !important;
	}

	div.wpforms-container-full input[type=submit],
	div.wpforms-container-full button[type=submit],
	div.wpforms-container-full .wpforms-page-button,
	.wp-core-ui div.wpforms-container-full input[type=submit],
	.wp-core-ui div.wpforms-container-full button[type=submit],
	.wp-core-ui div.wpforms-container-full .wpforms-page-button {
		padding: 14px 24px !important;
	}


	.doke-fullslider .slick-dots li button:before {
		font-size: 12px !important;
	}

	.doke-fullslider .slick-dots li {
		margin: 0px !important;
	}

	.doke-fullslider .slick-dots {
		bottom: 9vw !important;
	}

	.doke-fullslider .slick-prev:before,
	.doke-fullslider .slick-next:before {
        width: 32px !important;
        height: 32px !important;
    }

	.doke-fullslider .slick-next {
    	right: -8px !important; 
	}
	

	.doke_navigation_overlay_right_side {
		position: relative;
		padding: 0%;
		padding-left: 20px;
		padding-right: 20px;
		width: 100%;
		height: auto;
		overflow: hidden;
		display: block;
		margin-top: 20px;
	}

	.doke_navigation_overlay_left_side {
		position: relative;
		padding: 0%;
		padding-left: 20px;
		padding-right: 20px;
		width: 100%;
		height: auto;
		overflow: hidden;
		display: block;
	}

	
	#menu-hauptnavigation li,
	.doke_subnavigation_01 li,
	.doke_subnavigation_02 li,
	.doke_subnavigation_03 li,
	.doke_subnavigation_04 li {
		line-height: 10vw !important;
	}

	#menu-hauptnavigation li {
		text-align: left !important;
	}

	.doke_subnavigation_01 li a,
	.doke_subnavigation_02 li a,
	.doke_subnavigation_03 li a,
	.doke_subnavigation_04 li a,
	.doke_subnavigation_01 li a:hover,
	.doke_subnavigation_02 li a:hover,
	.doke_subnavigation_03 li a:hover,
	.doke_subnavigation_04 li a:hover {
		padding-bottom: 6%;
		padding-top: 6%;
	}

	.doke_small_navigation {
        top: auto;
        bottom: 0px;
        left: 0px;
        position: fixed;
        padding-top: 3%;
        padding-bottom: 3%;
        padding-left: 20px;
        padding-right: 20px;
        width: 100%;
        margin-top: 15px;
        background-color: var(--dokeblaugrau);
		text-align: left;
    }

	#doke_navigation_overlay.overlay-open {
		overflow-y: scroll;
		padding-top: 120px;
		padding-bottom: 120px;
	}

	.doke_small_navigation li a,
	.doke_small_navigation li a:hover {
		margin-right: 15px;
	}

	.doke_subnavigation_01 li a::before,
	.doke_subnavigation_02 li a::before,
	.doke_subnavigation_03 li a::before {
		margin-right: 20px;
	}

	#doke_navigation_overlay.overlay-open #doke-navbar-overlay {
		background-color: var(--dokeblaugrau) !important;
	}


	.doke-banner-rot {
		padding-top: 50px !important;
		padding-bottom: 50px !important;
	}

	.doke-banner-rot .wp-block-buttons {
		margin-top: 30px;
	}

	.doke-zweispalter .wp-block-columns:nth-child(odd) .wp-block-column:nth-child(1) {
		order: 2 !important;
	}

	.doke-zweispalter .wp-block-columns:nth-child(odd) .wp-block-column:nth-child(2) {
		order: 1 !important;
	}

	.doke-zweispalter-first-col {
		margin-top: 40px !important;
	}

	.doke-galerie-inner-smaller {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	.doke-cover-map {
		min-height: 350px !important;
	}

	.doke-accordion details {
		padding: 25px !important;
	}

	.doke-accordion details hr {
		margin-top: 25px !important;
		margin-bottom: 25px !important;
	}

	.doke-accordion details .wp-block-buttons {
		margin-top: 25px !important;
	}

	.doke-anfrageformular .wpforms-field-container textarea {
		padding: 3.5vw 1.5vw !important;
	}


	.doke-contentslider-icon img {
		width: 60% !important;
		margin-left: 40% !important;
	}


	/* -------------------------------------------------------------------------

                        SCHRIFTGROESSEN

    -------------------------------------------------------------------------- */

	

    p.doke-xxxx-large,
	.doke-xxxx-large,
	.doke-xxxx-large a,
	.doke-xxxx-large a:hover,
	h1 {
		font-size: 15vw !important;
	}

	#menu-hauptnavigation li a,
	#menu-hauptnavigation li a:hover {
        font-size: 14vw !important;
    }

	p.doke-xxx-large,
	.doke-xxx-large,
	.doke-xxx-large a,
	.doke-xxx-large a:hover {
		font-size: 13vw !important;
	}

	p.doke-xx-large-xxx-large,
	.doke-xx-large-xxx-large,
	.doke-xx-large-xxx-large a,
	.doke-xx-large-xxx-large a:hover,
	h2 {
		font-size: 12vw !important
	}

	p.doke-xx-large,
	.doke-xx-large,
	.doke-xx-large a,
	.doke-xx-large a:hover
	 {
		font-size: 11vw !important;
	}

	p.doke-x-large,
	.doke-x-large,
	.doke-x-large a,
	.doke-x-large a:hover {
		font-size: 10vw !important;
	}


	h3 {
		font-size: 9.5vw !important;
	}

	p.doke-large-x-large,
	.doke-large-x-large,
	.doke-large-x-large a,
	.doke-large-x-large a:hover {
		font-size: 9vw !important;
	}

	h4 {
		font-size: 7.75vw !important;
	}

	p.doke-large,
	.doke-large,
	.doke-large a,
	.doke-large a:hover {
		font-size: 7vw !important;
	}

	p.doke-medium-large,
	.doke-medium-large,
	.doke-medium-large a,
	.doke-medium-large a:hover {
		font-size: 6vw !important;
	}

	.doke_subnavigation_01 li a,
	.doke_subnavigation_02 li a,
	.doke_subnavigation_03 li a,
	.doke_subnavigation_04 li a,
	.doke_subnavigation_01 li a:hover,
	.doke_subnavigation_02 li a:hover,
	.doke_subnavigation_03 li a:hover,
	.doke_subnavigation_04 li a:hover {
        font-size: 4.75vw !important;
    }

	p.doke-medium,
	.doke-medium,
	.doke-medium a,
	.doke-medium a:hover,
	h5 {
		font-size: 4.75vw !important;
	}

	p.doke-small,
	.doke-small,
	.doke-small a,
	.doke-small a:hover {
		font-size: 4.25vw !important;
	}

	div.wpforms-container-full .wpforms-form label.wpforms-error,
	div.wpforms-container-full .wpforms-form em.wpforms-error,
	div.wpforms-container-full input[type=checkbox]+label,
	div.wpforms-container-full input[type=radio]+label,
	div.wpforms-container-full .wpforms-field-label,
	.wp-core-ui div.wpforms-container-full .wpforms-field-label {
		font-size: 4.25vw !important;
	}

	div.wpforms-container-full input[type=date],
	div.wpforms-container-full input[type=datetime],
	div.wpforms-container-full input[type=datetime-local],
	div.wpforms-container-full input[type=email],
	div.wpforms-container-full input[type=month],
	div.wpforms-container-full input[type=number],
	div.wpforms-container-full input[type=password],
	div.wpforms-container-full input[type=range],
	div.wpforms-container-full input[type=search],
	div.wpforms-container-full input[type=tel],
	div.wpforms-container-full input[type=text],
	div.wpforms-container-full input[type=time],
	div.wpforms-container-full input[type=url],
	div.wpforms-container-full input[type=week],
	div.wpforms-container-full select,
	div.wpforms-container-full textarea,
	.wp-core-ui div.wpforms-container-full input[type=date],
	.wp-core-ui div.wpforms-container-full input[type=datetime],
	.wp-core-ui div.wpforms-container-full input[type=datetime-local],
	.wp-core-ui div.wpforms-container-full input[type=email],
	.wp-core-ui div.wpforms-container-full input[type=month],
	.wp-core-ui div.wpforms-container-full input[type=number],
	.wp-core-ui div.wpforms-container-full input[type=password],
	.wp-core-ui div.wpforms-container-full input[type=range],
	.wp-core-ui div.wpforms-container-full input[type=search],
	.wp-core-ui div.wpforms-container-full input[type=tel],
	.wp-core-ui div.wpforms-container-full input[type=text],
	.wp-core-ui div.wpforms-container-full input[type=time],
	.wp-core-ui div.wpforms-container-full input[type=url],
	.wp-core-ui div.wpforms-container-full input[type=week],
	.wp-core-ui div.wpforms-container-full select,
	.wp-core-ui div.wpforms-container-full textarea {
		font-size: 4vw !important;
	}

	.doke_small_navigation li a,
	.doke_small_navigation li a:hover {
        font-size: 4vw !important;
    }

	p.doke-x-small,
	.doke-x-small,
	.doke-x-small a,
	.doke-x-small a:hover,
	h6 {
		font-size: 3.5vw !important;
	}

	div.wpforms-container-full input[type=submit],
	div.wpforms-container-full button[type=submit],
	div.wpforms-container-full .wpforms-page-button,
	.wp-core-ui div.wpforms-container-full input[type=submit],
	.wp-core-ui div.wpforms-container-full button[type=submit],
	.wp-core-ui div.wpforms-container-full .wpforms-page-button {
		font-size: 3.5vw !important;
	}

	p.doke-xx-small,
	.doke-xx-small,
	.doke-xx-small a,
	.doke-xx-small a:hover {
		font-size: 3.25vw !important;
	}


	#doke-top-navigation a,
	#doke-top-navigation a:hover,
	.doke-slogan  {
		font-size: 0.85em;
	}

	.doke-tooltip .doke-tooltiptext  {
		font-size: 0.7em;
	}


}

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

	.doke-topnav-icons {
       	right: 74px;
        padding-right: 24px;
		height: 26px;
    }

	.doke-topnav-icons a img {
		width: 26px;
		height: 26px;
	}

	.doke-topnav-icons a,
	.doke-topnav-icons a:hover {
		margin-right: 3px;
	}

	.doke_subnavigation_01 li a,
	.doke_subnavigation_02 li a,
	.doke_subnavigation_03 li a,
	.doke_subnavigation_04 li a,
	.doke_subnavigation_01 li a:hover,
	.doke_subnavigation_02 li a:hover,
	.doke_subnavigation_03 li a:hover,
	.doke_subnavigation_04 li a:hover {
        padding-bottom: 5%;
        padding-top: 5%;
    }


	/* -------------------------------------------------------------------------

                        SCHRIFTGROESSEN

    -------------------------------------------------------------------------- */

	#menu-hauptnavigation li a,
	#menu-hauptnavigation li a:hover {
        font-size: 9vw !important;
    }

	.doke_subnavigation_01 li a,
	.doke_subnavigation_02 li a,
	.doke_subnavigation_03 li a,
	.doke_subnavigation_04 li a,
	.doke_subnavigation_01 li a:hover,
	.doke_subnavigation_02 li a:hover,
	.doke_subnavigation_03 li a:hover,
	.doke_subnavigation_04 li a:hover {
        font-size: 4.5vw !important;
    }

}