@charset "utf-8";
/*
Theme Name: debleu 2024 v1.0
Version: Custom 1.0 / 24.02.2024
Author: debleu.de
Author URI: https://debleu.de/
*/
/*  ------------------------------------------- Typography --- 2*/
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	font-display: fallback;
	src: local(''),
	url('../fonts/open-sans-v18-latin-regular.woff2') format('woff2'),
	url('../fonts/open-sans-v18-latin-regular.woff') format('woff');
}
/* open-sans-italic - latin */
@font-face {
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 400;
	font-display: fallback;
	src: local(''),
	url('../fonts/open-sans-v18-latin-italic.woff2') format('woff2'),
	url('../fonts/open-sans-v18-latin-italic.woff') format('woff');
}
/* open-sans-700 - latin */
@font-face {
	font-family: 'Open Sans Bold';
	font-style: normal;
	font-weight: 700;
	font-display: fallback;
	src: local(''),
	url('../fonts/open-sans-v18-latin-700.woff2') format('woff2'),
	url('../fonts/open-sans-v18-latin-700.woff') format('woff');
}
/* open-sans-700italic - latin */
@font-face {
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 700;
	font-display: fallback;
	src: local(''),
	url('../fonts/open-sans-v18-latin-700italic.woff2') format('woff2'),
	url('../fonts/open-sans-v18-latin-700italic.woff') format('woff');
}

:root {
	--typoregular:  'Open Sans', sans-serif;
	--typobold:     'Open Sans Bold', sans-serif;
	--typoheadline: 'Open Sans', sans-serif;
}

body, button, label, input, select, textarea, p, a {
	
	font-family: var(--typoregular);

	font-weight: 400;
	font-size: 1.6rem;
	line-height: 1.6;
	/*letter-spacing: 0.05rem;*/
	/*overflow-wrap: break-word;*/
}

b, strong, .bold {
	font-family: var(--typobold);
	font-weight: 700;
}

p {
	text-wrap: pretty;
}

h1, h2, h3, h4, h5, h6 {

	font-family: var(--typoheadline);
	
	font-weight: 400;
	font-style: normal;
	line-height: 1.3;
	/*letter-spacing: 0.08rem;*/
	
	/*overflow-wrap: anywhere;*/
	text-wrap: balance;
}

/* --- https://clamp.font-size.app/ --- min: 270px, max: 1300px -------- */

h1 { 
	font-size: clamp(2.4rem, 2.2427rem + 0.932vw, 3rem);
}
h2 {
	font-size: clamp(2rem, 1.8427rem + 0.932vw, 2.6rem); 
}
h3 {
	font-size: clamp(1.8rem, 1.7476rem + 0.3107vw, 2rem); 
}
h4 {
	font-size: 1.8rem; 
}
h5 {
	font-size: 1.8rem; 
}
h6 {
	font-size: 1.8rem; 
}

/* ----------------------------------------------- Colors  --- */

:root {
	--clr-main:			#fff;
	--clr-typo:			#000000;
	--clr-typo-hover:	#2b2b2b;
	--clr-btn-one:      #E5A121;
}

html {
	background-color: hsl(204, 20%, 95%);
}

body {
	background-color: var(--clr-main);
}

#site-header {
	background-color: var(--clr-main);
	border-bottom: 1px solid #ccc;
}

body, button, input, select, textarea, p {
	color: var(--clr-typo);
}

h1, h2, h3, h4, h5, h6 {
	color: var(--clr-typo);
}

#topimage {
	background-color: var(--clr-main);
}

.footer {
	background-color: #fff;
	border-top: 1px solid #ccc;
}

#copyright {
	background-color: #fff;
}

#copyright a {
	color: #363636;
}

#copyright a:hover {
	color: #000;
}

a {
	color: var(--clr-typo);
}

a:hover, a:active {
	color: var(--clr-typo-hover);
	text-decoration-color: #f07400;
	outline: none;
}

/* ----------------------------------------------- Buttons --- */
.read-more {
	padding-bottom: 0;
	margin-bottom: 10px;
	display: inline-block;
	text-decoration: none;
}
a.button {
	background-color: var(--clr-btn-one);
	color: #fff;
	transition: background-color 100ms, color 300ms;
	text-decoration: none;
}
a.button:hover, a.button:active {
	background-color: var(--clr-2);
	color: #fff;
	outline: 0;
}
.btn-center {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}

a.btn-light,
a.btn-dark {
	display: inline-block;
	padding: 8px 20px;
	margin-top: 40px;
	font-family: var(--typobold);
	line-height: 1.3;
	text-transform: uppercase;
	letter-spacing: 0.15rem;
	color: #fff;
	transition: all .3s;
	border-radius: 2px;
	text-decoration: none;
}
a.btn-light {
	background-color: var(--clr-btn-one);
	border: 1px solid var(--clr-btn-one);
}
a.btn-light:hover, a.btn-light:active {
	background-color: #fff;
	color: #000;
	outline: 0;
}
a.btn-dark {
/*    background-color: var(--clr-5);
	border: 1px solid var(--clr-5);*/
	background-color: #000;
	border: 1px solid #000;
}
a.btn-dark:hover, a.btn-dark:active {
	background-color: #fff;
	color: #000;
	outline: 0;
}
/*a.btn-light::after,
a.btn-dark::after {
	content: "";
	display: inline-block;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='320.8' y='231.8' viewBox='0 0 320.8 231.8'%3E%3Cstyle type='text/css'%3E .icon-arrow%7Bfill:none;stroke:%23FFFFFF;stroke-width:24.4408;%7D%0A%3C/style%3E%3Cline class='icon-arrow' x1='0' y1='115.9' x2='294.4' y2='115.9'/%3E%3Cpath class='icon-arrow' d='M194.5,10.4L300,115.9L194.5,221.4'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	width: 20px;
	height: 18px;
	margin-left: 10px;
	vertical-align: middle;
}
a.btn-light:hover::after,
a.btn-dark:hover::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='320.8' y='231.8' viewBox='0 0 320.8 231.8'%3E%3Cstyle type='text/css'%3E .icon-arrow%7Bfill:none;stroke:%23000000;stroke-width:24.4408;%7D%0A%3C/style%3E%3Cline class='icon-arrow' x1='0' y1='115.9' x2='294.4' y2='115.9'/%3E%3Cpath class='icon-arrow' d='M194.5,10.4L300,115.9L194.5,221.4'/%3E%3C/svg%3E");
}*/

/* ----------------------------------------------- About us Elements--- */

.pb-cards.cards-bg-elements .card {
	background-color: hsl(40, 14%, 96%);
}

.pb-cards.cards-bg-elements .card .image-1 img {
	width: 80px;
	margin-block: 15px;
}

.pb-cards.cards-bg-elements .card.card-icon h2 {
	padding: 0;
}

.pb-cards.cards-bg-elements .card {
	align-items: flex-start;
}

.pb-cards.cards-bg-elements .card.card-image img {
	width: 100%;
}

.pb-cards.cards-bg-elements .card.card-image h2 {
	padding-bottom: 0;
}

.pb-cards.cards-bg-elements .card.card-image .subline {
	padding-bottom: 20px;
}

.pb-cards.cards-bg-elements .card.col2.card-double {
	flex-basis: 100%;
}

.pb-cards .cards .card.card-1-col {
	display: flex;
	gap: 20px;
	width: 100%;
	flex-direction: column;
	padding: 20px;
}

.pb-cards .cards .card.card-1-col .image-2 {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.pb-cards .cards .card.card-1-col .text-block.content p {
	border-top: 1px solid #ccc;
	margin: 5px 0 0 0;
	padding: 5px 0 0 0;
}

.pb-cards .cards .card.card-1-col .text-block.content p:first-of-type {
	border-top: none;
	margin: 0;
	padding: 0;
}

@media (min-width: 768px) {

	.pb-cards.cards-bg-elements .card.col2.card-double .grid-container {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 55px;
	}
}

@media (min-width: 992px) {

	.pb-cards .cards .card.card-1-col {
		display: flex;
		flex-direction: row;
	}
	
	.pb-cards .cards .card.card-1-col .image-1 {
		flex: 0 0 88px;
		width: auto;
	}

	.pb-cards .cards .card.card-1-col .text-block.content {
		flex: 1 1 auto;
		max-width: 500px;
		width: auto;
	}

	.pb-cards .cards .card.card-1-col .image-2 {
		flex: 1 1 0;
		min-width: 0;
		width: auto;
	}
}

/* ----------------------------------------------- About us --- */

/* .about-us .cards .card {
	background-color: rgb(213 211 205);
	box-shadow: none;
	align-items: flex-start;
	padding: 20px;
}

.about-us .cards .card img {
	padding-bottom: 20px;
}

.about-us .cards .card-2 {
	background-color: #fff;
}

.about-us .cards .card-2 .image-block {
	width: 100%;
}

.about-us .cards .card-2 .image-block figure {
	max-width: 100% !important;
}

.about-us .cards .card-2 .image-block figure img {
	width: 100%;
	padding: 30px;
}

.about-us .cards .card .text-block h2:first-of-type {
	padding-top: 0;
}

.about-us .cards .card .text-block span.contact-col-1 {
	display: inline-block;
	width: 65px;
}

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

	.about-us .cards .card-2 {
		display: none;
	}

} */


/* ----------------------------------------------- Home Slideshow --- */

.row-1.pb-row.pb-slideshow-images {
	padding-bottom: 40px;
}

/* ----------------------------------------------- Teaser with text > no text --- */

.no-text .pb-teaser-text-wrap {
	display: none;
}