/*
* Created by ThUh
* Copyright by Amdre GmbH
* Main Theme CSS
*/
/* barlow-regular - latin */
/* barlow-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/barlow-v12-latin-200.eot'); /* IE9 Compat Modes */
  src: url('../fonts/barlow-v12-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/barlow-v12-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/barlow-v12-latin-200.woff') format('woff'), /* Modern Browsers */
       url('../fonts/barlow-v12-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/barlow-v12-latin-200.svg#Barlow') format('svg'); /* Legacy iOS */
}

/* barlow-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family:'Barlow';
  font-style:normal;
  font-weight:400;
  src: url('../fonts/barlow-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/barlow-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/barlow-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/barlow-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/barlow-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/barlow-v12-latin-regular.svg#Barlow') format('svg'); /* Legacy iOS */
}
/* barlow-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family:'Barlow';
  font-style:normal;
  font-weight:600;
  src: url('../fonts/barlow-v12-latin-600.eot'); /* IE9 Compat Modes */
  src: url('../fonts/barlow-v12-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/barlow-v12-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/barlow-v12-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/barlow-v12-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/barlow-v12-latin-600.svg#Barlow') format('svg'); /* Legacy iOS */
}

/* barlow-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family:'Barlow';
  font-style:normal;
  font-weight:900;
  src: url('../fonts/barlow-v12-latin-900.eot'); /* IE9 Compat Modes */
  src: url('../fonts/barlow-v12-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/barlow-v12-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/barlow-v12-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/barlow-v12-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/barlow-v12-latin-900.svg#Barlow') format('svg'); /* Legacy iOS */
}
/* nanum-pen-script-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family:'Nanum Pen Script';
  font-style:normal;
  font-weight:400;
  src: url('../fonts/nanum-pen-script-v19-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/nanum-pen-script-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/nanum-pen-script-v19-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/nanum-pen-script-v19-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/nanum-pen-script-v19-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/nanum-pen-script-v19-latin-regular.svg#NanumPenScript') format('svg'); /* Legacy iOS */
}
:root {
  --dkp-orange:#ed6d05;
  --dkp-red:#bc100f;
  --dkp-dark-grey:#2e3132;
}
h2, .h2 {
	font-family:'Nanum Pen Script';
	font-size:7rem;
	line-height:5rem;
}
h3, .h3 {
	font-weight:900;
	font-size:2.7rem;
}
a {
	color:var(--dkp-dark-grey) !important
}
a:hover, a:active, a:focus {
	color:var(--dkp-orange) !important
}
body {
	font-family:'Barlow';
	font-weight:400;
	font-size:22px;
	color:var(--dkp-dark-grey)
}
html, body {
	height:100%;
	margin:0;
	padding:0
}

body.rechtliches {
	background:url('') !important
}
.dkp-font-semibold {
	font-weight:600;
}
#sp-top-bar {
	height:60px;
	background:var(--dkp-dark-grey);
	position:relative;
	z-index:200
}
#sp-logo {
	margin-top:30px
}
#sp-bottom {
	background:#171717
}
#sp-footer {
	background:white;
} 

body.rechtliches #sp-footer {
	position:relative
}
#sp-header {
	box-shadow:none !important
}
/*<Top Konaktmenü>*/
.dkp-contact-outer .fa {
	color:#ccc
}
.dkp-contact-outer {
	display:flex;
	padding-top:0;
	margin-top:-5px
}
.dkp-contact-outer .dropdown span {
	display:block;
	cursor:pointer
}
.dkp-contact-outer .dropdown:not(:first-child) {
	margin-left:20px
}
.dkp-contact-outer .dropdown span i {
	font-size:1.7rem
}
.dkp-contact-outer .dropdown .dropdown-menu {
	text-align:center;
	padding-right:10px;
	padding-left:10px;
	width:250px
}
.dropdown-menu-center {
	right:auto !important;
	left:50% !important;
	margin-top:32px !important;
	-webkit-transform:translateX(-50%) !important;
	-o-transform:translateX(-50%) !important;
	transform:translateX(-50%) !important
}
.dkp-contact-outer .dropdown .dropdown-menu::after, .dkp-contact-outer .dropdown .dropdown-menu::before {
	bottom:100%;
	left:50%;
	border:solid transparent;
	content:"";
	height:0;
	width:0;
	position:absolute;
	pointer-events:none
}
/*</Top Kontaktmenü>*/
.dkp-circle {
	background-color:var(--dkp-dark-grey);
	position:relative;
	width:400px;
	height:400px;
	border-radius:50%;
	border:1px solid var(--dkp-dark-grey);
	align-content:center;
	padding:50px;
	color:white;
	font-size:18px;
	margin-bottom:30px
}
.dkp-circle:hover {
	background-color:var(--dkp-orange);
	border:1px solid var(--dkp-orange)
}
.sppb-sp-slider-text.dkp-circle {
	display:flex;
	align-items:center
}
.dkp-slider .sp-slider .sp-item .sp-background {
	background-size:cover !important;
	background-repeat:no-repeat
}
/*<Baustelle>*/
body.baustelle {
	background:url('/images/theme/hg-unten.png');
	background-repeat:no-repeat;
	background-position:bottom 80px left;
	background-size:45%
}
.dkp-baustelle h1 {
	font-size:45px;
	font-weight:900;
	padding-left:15%;
	padding-right:15%
}
.dkp-baustelle h1, .dkp-baustelle h3 {
	text-transform:uppercase
}
.dkp-baustelle h2 {
	font-family:'Nanum Pen Script';
	font-size:70px;
	color:var(--dkp-orange);
	font-weight:900;
	margin-bottom:50px;
	margin-top:15px
}
.dkp-baustelle h3 {
	font-weight:900
}
.dkp-baustelle p, .dkp-baustelle a {
	font-weight:200
}
body.baustelle #sp-footer {
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	max-height:100px
}
body.baustelle #offcanvas-toggler {
	display:none !important
} 
/*</Baustelle>*/

.dkp-max-img-width .sppb-addon-single-image-container {
	display:block
}
.dkp-max-img-width .sppb-img-responsive {
	width:100%
}
/*<Karousel>*/
.sppb-image-carousel-layout1 .sppb-carousel-extended-content-wrap, .sppb-image-carousel-layout1 .sppb-carousel-extended-item img, .sppb-image-carousel-layout1 .sppb-carousel-extended-item-overlay {
	border-radius:0
}
.sppb-carousel-extended-item img {
	object-fit:cover
}
.sppb-carousel-extended-dots ul li span {
	background:var(--dkp-orange)
}
.sppb-carousel-extended-dots ul li {
	background:rgba(0,0,0,.2);
	height:15px !important;
	line-height:15px !important;
	width:15px !important
}
body.rechtliches h2 {
	font-size:22px;
	font-weight:600;
 	font-family:'Barlow';
 	line-height: 3.5rem;
 	margin-bottom:0;
 	margin-top:10px;
}
body.rechtliches h3 {
	font-size:2rem
} 
body.rechtliches #sp-footer {
	display:none
}
/*</Karousel>*/ 

/*ACHTUNG ---- Selektor body.rechtliches nach Veröffentlichung entfernen*/
/*body.baustelle #sp-menu, body.rechtliches #sp-menu, body.rechtliches #offcanvas-toggler  {
	display:none !important;
}*/
/*Ende ACHTUNG*/

.justify-content-end {
	justify-content:center !important
}
#sp-menu .sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
	line-height:15px
} 
#sp-menu .align-items-center {
	align-items:flex-end !important
} 
#sp-menu .sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
	font-size:36px;
	text-transform:uppercase;
	font-weight: 900
}
.dkp-methoden .sppb-col-md-4 {
	display:flex;
	justify-content:center
}

/*<Footer>*/
#sp-footer {
	text-transform:uppercase
}
#sp-footer2 a {
	color:white !important
}
#sp-footer2 a:hover, #sp-footer2 a:active, #sp-footer2 a:focus {
	color:var(--dkp-orange) !important
}
.footer-leistungsuebersicht {
	font-size:20px;color:#999
}
.footer-leistungsuebersicht p {
	margin-bottom:0
}
#sp-bottom2 a {
	color:white !important
}
#sp-bottom2 a:hover, #sp-bottom2 a:active, #sp-bottom2 a:focus {
	color:var(--dkp-orange) !important
}
#sp-bottom4 {
	display:flex;
	justify-content:center
}
#sp-bottom4 ul.menu {
	display:flex;
	list-style:none;
	text-transform:uppercase;
	font-weight:900;
	margin-top:15px
}
#sp-bottom4 ul.menu li:first-child::after {
	content:'|';
	padding-right:10px;
	padding-left:10px
}
.dkp-footer-content p {
	margin-bottom:0;
	font-size:18px
}
.dkp-footer-content ul li::before {
	content:'•';
	position:relative;
	padding-right:5px
}
#sp-bottom {
	font-size:18px
}
#sp-bottom .sp-module {
	margin-bottom:0px
}
#sp-bottom .sp-module ul > li {
	margin-bottom:0
}
/*</Footer>*/

.offcanvas-menu .offcanvas-inner ul.menu li.active a {
	color:var(--dkp-orange) !important
}
.dkp-zusatz {
	font-size:40px !important;
	position:relative;
	top:-40px;
}
/******************************<RESPONSIVE>*************************************/

@media (max-width: 400px){
	.dkp-circle {
		width:300px;
		height:300px;
		font-size:14px;
		border-radius:0;
		padding:30px
	}
}	
@media (max-width: 576px){
	.logo-image {
		height:50px
	}
	#sp-logo {
		margin-top:15px
	}
	#content-baustelle {
		padding-top:60px !important
	}
	body {
		background-size: 80%
	}
	.dkp-baustelle h1 {
		font-size:20px
	}	
	body.rechtliches::after {
		content:''
	}
	.sppb-sp-slider-text.dkp-circle {
		display:none !important
	}
}
@media (min-width: 577px) and (max-width: 991px) {
	.logo-image {
		height:80px
	}
	#content-baustelle {
		padding-top:100px
	}
	.dkp-baustelle h1 {
		font-size:26px
	}
}
@media (max-width: 767px){
	h2, .h2 {
		font-size:5rem;
		line-height:4rem
	}
	h3, .h3 {
		font-size:1.7rem
	}
	.dkp-zusatz {
		top:0;
		font-size:28px !important;
	}
}
@media (min-width:768px) and (max-width:991px) {
	.dkp-methoden .sppb-row-container {
		max-width:820px !important
	}
	.dkp-methoden .dkp-circle {
		width: 350px;
		height:350px;
		font-size: 14px
	}
}	
@media (max-width: 991px){
	.dkp-baustelle h2 {
		font-size:40px
	}
	.dkp-baustelle h1 {
		padding-left:15px;
		padding-right:15px
	}
	.dkp-baustelle h2 {
		margin-bottom:15px
	}
	.footer-leistungsuebersicht {
		font-size:14px
	}
	#sp-bottom3 {
		margin-top:50px
	}
	#sp-bottom4 ul.menu {
		padding-left:0
	}
}		
@media (min-width: 992px){
	body {
		background-size:auto
	}
}
@media (min-width:481px) and (max-width: 600px) {
	.sp-slider-outer-stage {
		height:260px !important
	}
}
@media (max-width: 1199px){
	.dkp-slider .sp-slider .sp-item .sp-background {
		background-size:contain
	}	
	.dkp-slider .dkp-circle {
		width:200px;
		height:200px;
		font-size:14px;
		padding:30px;
		top:0
	}
}
@media (min-width: 1200px){
	.dkp-slider .sppb-container {
		max-width:1200px !important
	}
}
@media (min-width: 1380px) {
	.sppb-col-md-4 {
  	-ms-flex: 0 0 33.333333% !important;
  	flex: 0 0 33.333333% !important;
  	max-width: 33.333333% !important
	}
}
@media (min-width: 992px){
	.sppb-col-sm-6 {
  	-ms-flex: 0 0 50%;
  	flex: 0 0 50%;
  	max-width:50%
	}
}
/******************************</RESPONSIVE>*************************************/