/*
 Theme Name:     Design in Lack
 Theme URI:      http://designinlack.de
 Description:    child theme for designinlack
 Author:	 designinlack
 Author URI:     http://designinlack.de
 Template:       Divi
 Version:        1.0.0
*/

/* =Theme customization starts here
------------------------------------------------------- */

/* 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.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-italic - 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: italic;
  font-weight: 400;
  src: url('fonts/barlow-v12-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* 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.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-600italic - 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: italic;
  font-weight: 600;
  src: url('fonts/barlow-v12-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-700 - 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: 700;
  src: url('fonts/barlow-v12-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-700italic - 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: italic;
  font-weight: 700;
  src: url('fonts/barlow-v12-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* 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.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-900italic - 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: italic;
  font-weight: 900;
  src: url('fonts/barlow-v12-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-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: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/open-sans-v40-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-italic - 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: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/open-sans-v40-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-700 - 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: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/open-sans-v40-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-700italic - 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: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/open-sans-v40-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/*ALLGEMEIN*/
::selection {
	color: #fff;
	background: #3186c5;
}
.et_pb_scroll_top {
	background: #3186c5 !important;
	border-radius: 100% !important;
  	right: 10px !important;
  	padding: 11px 12px 11px 10px !important;
}
h1, h2, h3, h4, h5 {
	font-family: 'Barlow' !important;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 900;
	line-height: 1em;
	hyphens: inherit;
}
h2 {
	font-size: 4rem !important;
}
h3 {
	font-size: 1.5rem;
}
h4 {
	line-height: 1.3em !important;
}
#main-content .et_pb_text span {
	color: #3186c5;
}
body {
	font-family: 'Open Sans' !important;
	font-weight: 400;
	font-size: 1rem !important;
	color: #555;
}
/*MENÜ*/
#top-menu li {
	padding-right: 30px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 1.2rem;
}
#top-menu li:last-child {
	padding-right: 0px !important;
}
body #top-menu a:hover, body .et-fixed-header #top-menu a:hover, body #top-menu-nav > ul > li > a:hover {
	color: #3186c5 !important;
	opacity: 1 !important;
}
@media screen and (min-width: 981px) {
	#top-header .container {
		width: max-content;
		padding-right: 32px;
		padding-left: 30px;
		float: right;
		background: #3186c5;
		transform: skewX(-15deg);
		transform-origin: bottom;
		border-bottom: 2px solid #3186c5;
	}
	#et-info {
		float: right;
		transform: skewX(15deg);
	}
	#top-header, #et-secondary-nav li ul {
  		background-color: #fff !important;
	}
}
@media screen and (max-width: 980px) {
	#top-header, #et-secondary-nav li ul {
  		background-color: #3186c5 !important;
		line-height: 1.5em;
	}
	#et-info {
		line-height: 1.5em !important;
	}
	 .et_header_style_left #logo {
   		 max-width: 75% !important;
 	 }
	#main-header .container {
		width: 90%;
	}
	.et_mobile_menu li a, .nav li li a {
		text-transform: uppercase;
		font-size: 1rem !important;
		letter-spacing: 1px !important;
		text-align: right;
	}
	h2 {
		font-size: 2.2rem !important;
		hyphens: auto;
	}
	footer .et_pb_menu .et_pb_menu__menu{
		display:block !important;
	}
	footer .mobile_nav .mobile_menu_bar:before{
		content:'' !important;
	}
	.et_pb_row {
		width: 90%;
	}
}

#et-info span {
	font-size: 1rem !important;
}
#et-info-phone:before, #et-info-email:before {
	margin-right: 10px;
}
/*BUTTON*/
.et_pb_button, .et_pb_button:hover {
	letter-spacing: 3px;
	font-size: 1rem;
	font-family: 'Barlow' !important;
	font-weight: 900 !important;
	text-transform: uppercase !important;
	background-color: #3186c5 !important;
	border: 0 !important;
	border-radius: 30px;
	color: #fff !important;
}
.et_pb_button:hover {
	background-color: #235e8a !important;
}

body .et_pb_button.et_pb_bg_layout_light {
	color: #FFFFFF !important;
	border-color: #FFFFFF !important;
}
body .et_pb_button.et_pb_bg_layout_dark {
	color: #3186c5 !important;
	border-color: #3186c5 !important;
}
body .et_pb_button_module_wrapper .et_pb_button, .et_pb_button {
	padding: 0.7rem 2rem !important;
}
body .et_pb_button_module_wrapper .et_pb_button:hover, .et_pb_button:hover {
	padding: 0.7rem 3.5rem 0.7rem 2rem !important;
}
.et_pb_button::after, .et_pb_button::before {
	font-size: 1.3rem !important;
	line-height: 1.4em !important;
	content: "\24" !important;
	padding-left: 12px !important;
}

.fa-solid {
	color: #3186c5;
}
table tbody tr td, table {
	border: 0 !important;
}
/*LEISTUNGEN*/
.et_pb_blurb_description {
	min-height: 300px;
}
/*FOOTER*/
#menu-footermenue-1 {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 600;
}
#footer-info {
	color: #fff;
	font-size: 0.7rem !important;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 600;
}

.error404 .et-l--footer {
	display: none !important;
}
/*Impressum DSE*/
.page-id-14 h2, .privacy-policy h2 {
	font-size: 2rem !important;
}
.page-id-14 h1, .privacy-policy h1 {
	font-size: 3.5rem;
}