/*
Theme Name:     Schäfer Customtheme
Theme URI:      
Description:    Av-bootstrap-optimized child theme.
Author:         Sebi900
Author URI:     
Template:       av-bootstrap-optimized
Version:        0.1.0
*/

body {
	font-family: Helvetica !important ;
}

header#masthead {
	background-color: white;
}

header#masthead a {
	color: black;
}

body:not(.theme-preset-active) #masthead .navbar-nav > li > a {
	color: black;
	font-weight: 600;
	font-size: 25px;
}

body:not(.theme-preset-active) #masthead .navbar-nav > li > a:hover,
body:not(.theme-preset-active)
	#masthead
	.navbar-nav
	> li.current_page_item
	> a {
	color: #FE7517;
	font-weight: 600;
	font-size: 25px;
}

/* .post-list {
	display: none;
} */

.flex {
	display: flex;
	justify-content: space-between;
	padding-inline: 0.5rem;
}

.flex-collom {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: end;
}

.flex-collom {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: end;
}

div.nav .flex-collom {
	justify-content: end;
	gap: 0.5rem;
}

@media (min-width: 1200px) {
	.navbar-expand-xl .navbar-nav {
		width: 100%;
		justify-content: space-between;
	}
}

div#content.site-content {
	padding: 1.5rem !important;
	margin-bottom: -1rem;
}

div.collapse.navbar-collapse {
	border-top: 2px solid #707070;
	border-bottom: 2px solid #707070;
}

/* No Container */

@media (min-width: 1200px) {
	.container,
	.container-sm,
	.container-md,
	.container-lg,
	.container-xl {
		max-width: unset !important;
	}
}

@media (min-width: 992px) {
	.container,
	.container-sm,
	.container-md,
	.container-lg {
		max-width: unset !important;
	}
}

@media (min-width: 768px) {
	.container,
	.container-sm,
	.container-md {
		max-width: unset !important;
	}
}

@media (min-width: 576px) {
	.container,
	.container-sm {
		max-width: unset !important;
	}
}

@media (min-width: 1200px) {
	.container,
	.container-sm,
	.container-md,
	.container-lg,
	.container-xl {
		max-width: 1280px !important;
	}
}

.container-test {
	position: relative;
	width: 200px;
	height: 200px;
	border: 2px solid #707070;
}

.corner {
	content: "";
	position: absolute;
	width: 20px;
	height: 20px;
	background: white;
}

.top-left {
	top: -5px;
	left: -5px;
}

.top-right {
	top: -5px;
	right: -5px;
}

.bottom-left {
	bottom: -5px;
	left: -5px;
}

.bottom-right {
	bottom: -5px;
	right: -5px;
}

div#comments {
	display: none;
}

.container {
	max-width: 1300px !important;
}

h1.entry-title {
	display: none;
}

header#masthead {
	box-shadow: none;
}

section.lines {
	border-top: 2px solid #707070;
	border-bottom: 2px solid #707070;
}

.container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 20px;
}

.referenz-posts {
	display: flex;
	flex-wrap: wrap;
	gap: 20px; /* Adjust spacing between posts */
}

.referenz-post {
	display: flex;
	width: 100%; /* Ensure each post takes full width initially */
	margin-bottom: 20px; /* Adjust spacing between posts vertically */
}

.referenz-thumbnail {
	flex: 0 0 auto; /* Prevent thumbnail from growing */
	margin-right: 20px; /* Adjust spacing between thumbnail and content */
}

.referenz-content {
	flex: 1 1 auto; /* Allow content to grow */
}

.referenz-content h2 {
	margin-top: 0; /* Reset margin for consistency */
}

.referenz-content p {
	margin-bottom: 10px; /* Adjust spacing for paragraphs */
}

.container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 15px;
}

.referenz-post {
	display: flex;
	align-items: flex-start;
	margin-bottom: 2rem;
	border-bottom: 2px solid #707070;
	padding-bottom: 20px;
	gap: 2rem;
}

.referenz-thumbnail {
	margin-right: 0px;
	flex-shrink: 0;
}

.referenz-content {
	flex-grow: 1;
}

.referenz-content h2 {
	margin-top: 0;
}

.referenz-content-inner {
	max-height: 210px; /* Adjust this value to show initial content */
	overflow: hidden;
	transition: max-height 0.7s ease;
}

.referenz-content-inner.expanded {
	max-height: 2000px; /* Large max-height value to ensure it can expand */
}

.accordion-toggle {
	background-color: white;
	color: #FE7517;
	border: none;
	padding: 5px;
	cursor: pointer;
	margin-top: 10px;
	display: block;
	font-size: 22px;
}

.accordion-toggle:hover {
	font-weight: bold;
}

.referenz-zeit{
	font-size: 1.5rem;
}

.referenz-category{
	font-size: 1.3rem;
}

a.nolink {
	pointer-events: none;
	color: black;
}

div a {
	color: #FE7517;
}

.referenz-category {
	color: #FE7517;
}

div#content {
	margin-top: -3rem;
}

p.b-line {
	border-bottom: 2px solid #707070;
	padding-bottom: 2rem;
	padding-top: 1rem;
}

.page-content {
	margin: 0;
}

button:focus {
	outline: unset !important;
}

div.year-container {
	border-bottom: 2px solid #FE7517;
}

h2.year-heading {
	padding-top: 1rem;
	color: #FE7517;
}

.flex-gap:last-of-type {
	border-bottom: none;
}

ul {
	padding-left: 0;
}

ol {
	list-style-type: none;
}

.flex-gap {
	display: flex;
	gap: 2rem !important;
	border-top: 2px solid #707070;
	padding-bottom: 2rem;
	margin-top: 0rem;
	padding-top: 2rem;
}

li.flex-gap a {
	color: #FE7517;
	font-size: 20px;
}

ul.post-list h3 {
	font-size: 30px;
	font-weight: bold;
}

.post-custom-excerpt:first-of-type {
	margin-bottom: 0 !important;
}

div.post-thumbnail img,
div.referenz-thumbnail img {
	min-width: 500px;
	max-height: 265px;
	object-fit: cover;
}

body.single-post div#content {
	display: flex;
	justify-content: center;
}

body.single-post .row {
	justify-content: center;
}

body.single-post nav.post-navigation,
body.single-post div.post-thumbnail,
body.single-post div.entry-meta,
body.single-post footer.entry-footer {
	display: none;
}

.page-id-34 .wp-block-cgb-block-bootstrap-container.undefined.container-fluid {
	padding-left: 0;
	padding-right: 0;
}
.owl-nav {
	position: absolute;
	display: flex;
	justify-content: space-between;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	gap: 62vw;
	font-size: 3rem;
	color: #FE7517;
}

.owl-carousel button.owl-dot {
	border: 2px solid #FE7517;
	height: 0.8rem;
	width: 0.8rem;
	border-radius: 0.4rem;
	background-color: #FE7517;
}

.owl-dots {
	position: absolute;
	bottom: 6px;
	display: flex;
	justify-content: center;

	width: 100%;
	gap: 1rem;
}

.owl-carousel button.owl-dot.active {
	background-color: white;
}

.owl-carousel.owl-loaded {
	margin-bottom: 3rem;
}

.post-list {
	display: none;
}

.page-template-template-blog-post-list .post-list {
	display: block;
}

/* Add this CSS to your style.css file */
div#content {
	opacity: 1; /* Ensure it starts visible */
	transition: opacity 0.5s ease-in-out; /* Adjust duration as needed */
}

div#content.fade-out {
	opacity: 0;
}

div#content.fade-in {
	opacity: 1;
}

.left-line {
	border-right: 2px solid #707070;
	margin-bottom: 1rem;
	padding-block: 1rem;
}

.right-line {
	padding-block: 1rem;
}

.bottom-line {
	border-bottom: 2px solid #707070;
}

.flex.nav {
	margin-bottom: 1.5rem;
}

a.nav-link {
	padding-inline: 0 !important;
}

div.year-container:first-of-type {
	border-top: 2px solid #FE7517;
}

div.year-container:last-of-type {
	border-bottom: 2px solid #FE7517;
}

ul.post-list {
	margin-bottom: 0;
}

p.b-line {
	margin-bottom: 4rem;
}

body:not(.theme-preset-active) footer#colophon {
	color: black;
	background-color: white;
}

.icon-list {
	margin-bottom: 1rem !important;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 0.5rem;
}

div.site-info {
	display: flex;
	gap: 0.5rem;
	justify-content: end;
	font-size: 1rem;
}

p,
ul {
	font-size: 23px;
}

span.post-categories {
	font-weight: unset;
}

.text-big-special strong {
	font-size: 1.75rem;
}

input.search-field {
	padding: 0.5rem 1rem;
	border-radius: 0px;
	background-color: lightgrey;
	border: none;
}

form.search-form {
	display: flex;
	flex-direction: row-reverse;
	justify-content: center;
	align-items: center;
	gap: 1rem;
}

.search-form-container label {
	margin-bottom: 0;
}

div.slick-slide figure {
	min-height: 30vh;
	min-width: 100%;
}

div.slick-slide figure img {
	min-height: 30vh;
	height: 60vh;
	min-width: 100%;
	object-fit: cover;
}

div.slick-slide a {
	text-decoration: underline;
	font-size: 25px;
}

.wp-block-cb-carousel .slick-slide {
	padding: 0;
}

div.left-line {
	padding-left: 0;
}

div.left-line p:first-of-type {
	margin-top: 2.5rem;
}
div.slick-slide h2 {
	margin-top: 1.5rem;
	color: #FE7517;
	font-weight: 600;
	font-size: 35px;
}

div.slick-slide p {
	font-size: 27px;
}

.slick-next:before,
[dir="rtl"] .slick-prev:before {
	content: "›" !important;
}

.slick-prev:before,
[dir="rtl"] .slick-prev:before {
	content: "‹" !important;
}

div .wp-block-cb-carousel .slick-next:before,
div .wp-block-cb-carousel .slick-prev:before {
	color: #FE7517;
}
div .slick-next:before,
div .slick-prev:before {
	font-size: 100px;
}

div .slick-prev {
	left: -45px;
}

div .slick-next {
	right: -30px;
}

div .slick-dots li button:before,
.slick-next:before,
.slick-prev:before {
	font-family: Arial, Helvetica, sans-serif !important;
}

button.slick-arrow {
	top: 35%;
}

div .slick-dots li button {
	font-size: 15px;
	line-height: 42;
	display: block;
	width: 10px;
	height: 10px;
	padding: 5px;
	cursor: pointer;
	color: transparent;
	border: 2px solid #FE7517;
	border-radius: 100%;
	outline: 0;
	/* background: 0 0; */
}

div .slick-dots li button[aria-selected="true"] {
	background-color: #FE7517 !important; /* Change this to the desired color */
}
div .slick-dots {
	bottom: 55px;
}

.search-submit {
	background: none;
	border: none;
	cursor: pointer;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.search-submit svg {
	width: 40px; /* Adjust size as needed */
	height: 40px; /* Adjust size as needed */
}

.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

.cls-1 {
	fill: none;
	stroke: #1d1d1b;
	stroke-linecap: round;
	stroke-miterlimit: 10;
	stroke-width: 5.67px;
}

.icon-list a svg {
	width: 50px; /* Adjust as needed */
	height: 50px; /* Adjust as needed */
	fill: currentColor; /* Inherits color from parent */
	transition: fill 0.3s ease;
}

.icon-list a:hover svg {
	fill: #0073e6; /* Change color on hover */
}

img.lupe {
	width: 40px;
	height: 40px;
}

div.left-line p.text-big-special {
	margin-top: 0;
}

div.flex.nav {
	padding: 0;
}

div.year-container div.flex {
	justify-content: space-between;
	align-items: center;
}

img.down {
	width: 35px;
	height: 18px;
	transition: transform 0.3s ease;
}

div.flex.year-heading {
	padding-top: 0;
}

.rotate-100 {
	transform: rotate(180deg);
	transition: transform 0.3s ease;
}

.space-between {
	justify-content: space-between;
	align-items: flex-start;
}

div.col-12.text-center.mb-3.icon-list.space-between {
	margin-bottom: 0;
}

.footer-container {
	display: flex;
	gap: 2rem;
}

.icons-flex {
	flex-direction: row;
	display: flex;
	gap: 0.5rem;
	margin-bottom: 0.5rem;
}

.icons-flex a {
	min-height: 15px;
	width: 50px;
}

.footer-container {
	justify-content: space-between;
	border-top: 2px solid #707070;
	padding-top: 1rem;
}

.footer-newsletter {
	max-width: 50%;
	border-left: 2px solid #707070;
	padding-left: 2rem;
}

.footer-container h5 {
	font-size: 20px;
	font-weight: bold;
}

.footer-container p {
	font-size: 16px;
}

h1.entry-title{
	color: black;
	border-top: #FE7517 solid 2px;
	border-bottom: #FE7517 solid 2px;
	padding-top: 1.5rem;
	padding-bottom: 1rem;
}

.footer-container a {
	font-size: 16px;
}

.footer-container .footer-kontakt a {
	color: #FE7517 !important;
}

.footer-container .footer-newsletter a {
	color: #FE7517 !important;
}

.footer-container p {
	margin-bottom: 0;
}

.pbt-3 {
	padding-top: 3rem !important;
	padding-bottom: 3rem !important;
}

.footer-icons {
	border-left: 2px solid #707070;
	padding-left: 2rem;
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

body:not(.theme-preset-active) footer#colophon {
	margin-top: 2rem;
}

body:not(.theme-preset-active) #masthead .navbar-nav > li > a {
	padding: 1.1rem;
}

div.left-line p {
	font-size: 30px;
}

.footer-newsletter {
    max-width: 50%;
    border-left: 2px solid #707070;
    padding-left: 6rem;
    padding-top: 1rem;
}

p.b-line {
	font-size: 25px;
}

p.post-excerpt {
	font-size: 20px;
}

p.post-custom-excerpt {
	font-size: 20px;
}

div.post-content a.projekt {
	font-size: 23px;
}

p.post-excerpt {
	margin-top: 20px;
}

.owl-dots {
	bottom: -15px;
}

div.owl-item figure {
	height: 44vh;
}

.page-id-34 div.left-line p {
	font-size: 25px;
}

div.rowrowrow div.row {
	border-top: 2px solid #707070;
	border-bottom: 2px solid #707070;
	padding-top: 1rem;
}

.page-id-34 section.lines {
	border-top: 0px solid;
	border-bottom: 0px solid;
}

.single-post div.slick-slide figure img {
	height: 47vh;
}

.single-post button.slick-arrow {
	top: 42%;
}

.single-post div.slick-dots {
	bottom: unset;
}

.slick-dots {
	position: unset !important;
	height: 10px;
	padding: 0;
	padding-top: 1rem !important;
}

.page-id-34 .wp-block-cgb-block-bootstrap-container.undefined.container-fluid {
	padding-left: 15px;
	padding-right: 15px;
}

p.bottom-padding {
	padding-bottom: 2rem;
}

.footer-newsletter {
    max-width: 50%;
    border-left: 2px solid #707070 !important;
    padding-left: 6rem;
    padding-top: 1rem;
}

.page-id-16 p.b-line.nonenone {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0.5rem;
}

.page-id-137 p.b-line {
	margin-bottom: 2rem;
}

.page-id-42 button.slick-arrow {
	top: 31%;
}

@media only screen and (max-width: 1200px) {
	div.navbar-brand img {
		height: auto;
		max-width: 50%;
	}
	button.navbar-toggler {
		position: absolute;
		top: -60px;
		right: 0px;
	}

	div.collapse.navbar-collapse {
		border-bottom: unset;
		border-top: unset;
	}

	body:not(.theme-preset-active) #masthead .navbar-nav > li > a {
		border-bottom: 1px solid #FE7517;
	}

	body:not(.theme-preset-active) #masthead .navbar-nav > li:first-child > a {
		border-top: 1px solid #FE7517;
	}
	.flex-collom.ml-auto {
		padding: 1rem;
	}
	.flex-collom {
		display: flex;
		flex-direction: row-reverse;
		justify-content: space-between;
		align-items: unset;
	}
	.mobile-nope {
		display: none;
	}

	.wp-image-175 {
		width: 100vw;
	}

	.left-line {
		border-right: 0px solid white;
		border-bottom: 1px solid #707070;
	}

	.wp-block-cgb-block-bootstrap-cols.col-sm-12.col-xl-12.col-md-12 {
		padding-inline: 0px;
	}

	.wp-block-cgb-block-bootstrap-cols.col-sm-12.col-xl-4.col-md-12.right-line {
		padding-inline: 0px;
	}

	.flex-gap {
		display: flex;
		gap: 2rem !important;
		border-top: 1px solid #707070;
		padding-bottom: 2rem;
		margin-bottom: 2rem;
		margin-top: 0rem;
		padding-top: 2rem;
		flex-direction: column;
	}

	.wp-block-image img {
		box-sizing: border-box;
		height: auto;
		max-width: 88vw;
		vertical-align: bottom;
		margin-bottom: 2rem;
	}

	input.search-field {
		padding: 0.5rem 3rem;
		border-radius: 0px;
		background-color: lightgrey;
		font-size: 2rem;
		border: none;
	}

	div.slick-slide figure {
		min-height: 22vh;
		min-width: 100%;
	}

	.page-id-42 button.slick-arrow {
		top: 9%;
	}

	div .slick-prev {
		left: -32px;
	}

	div .slick-next {
		right: -32px;
	}

	.navbar-nav {
		display: block;
		flex-direction: column;
		padding-left: 0;
		margin-bottom: 0;
		list-style: none;
		position: fixed;
		background-color: white;
		width: 92vw;
		height: 100vh;
	}
	
	

	div.left-line p {
		font-size: 2rem;
	}

	.single-post div.slick-slide figure img {
		height: 22vh;
	}

	div.slick-slide figure img {
		min-height: 21vh;
		height: 22vh;
		min-width: 100%;
		object-fit: cover;
	}

	div .navbar-toggler-icon {
		display: inline-block;
		width: 2.5em;
		height: 2.5em;
	}

	.flex-collom.ml-auto {
        padding: 0;
        padding-bottom: 1.5rem;
    }

	h3 {
		padding-bottom: 0rem;
		padding-top: 3rem;
	}

	.referenz-thumbnail {
		margin-right: 0px;
		flex-shrink: 0;
		min-width: 100%;
	}

	div.post-thumbnail img,
	div.referenz-thumbnail img {
		min-width: 100%;
		max-height: 265px;
		object-fit: cover;
	}

	.referenz-post {
		flex-direction: column;
	}

	h1.entry-title {
		display: block;
		color: #FE7517;
		font-weight: 600;
		font-size: 25px;
	}

	body:not(.theme-preset-active) footer#colophon {
		margin: 1.5rem;
	}

	.footer-container {
		flex-direction: column;
		justify-content: space-between;
		border-top: 1px solid #707070;
		padding-top: 1rem;
	}


	div.navbar-collapse.collapse.show{
		height: 100vh;
	}

	div.flex.nav {
		padding: 0;
		padding-top: 2rem;
	}

	div.footer-kontakt{
	
			border-bottom: solid 1px #707070;
			padding-bottom: 1rem;
	
	}

	.footer-newsletter {
		max-width: 100%;
		border-bottom: 1px solid #707070 !important;
		border-left: none;
		padding-left: unset;
		padding-bottom: 2rem;
	}

	.footer-newsletter p{
		width: 50%;
	}
	
	.footer-icons {
		border-left: none;
		padding-left: 0;
		align-items: unset;
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: start;
	}
	
	
}


@media only screen and (min-width: 1200px) {
	.desktop-nope{
		display: none;
	}
	
}


@media only screen and (max-width: 1200px) {
    input.search-field {
        padding: 0rem; 
    }

	div.slick-slide h2 {
		font-size: 22px;
	}

	div.slick-slide p {
		font-size: 16px !important;
	}

	h1.entry-title {
        font-size: 18px !important;
    }
	div.left-line p {
		font-size: 16px !important;
	}
	p, ul {
		font-size: 16px !important;
	}
	.slick-arrow{
		display: none !important;
	}
	div.slick-slide a {
		text-decoration: underline;
		font-size: 16px;
	}
	body:not(.theme-preset-active) #masthead .navbar-nav > li > a {
		color: black;
		font-weight: 600;
		font-size: 16px;
	}
	body:not(.theme-preset-active) #masthead .navbar-nav > li > a:hover, body:not(.theme-preset-active) #masthead .navbar-nav > li.current_page_item > a {
		color: #FE7517;
		font-weight: 600;
		font-size: 16px;
	}
	input.search-field {
        padding: o;
        border-radius: 0px;
        background-color: lightgrey;
        font-size: 18px;
        border: none;
    }
	body:not(.theme-preset-active) #masthead .navbar-nav > li > a {
        border-bottom: 1px solid #FE7517;
        margin-right: 1rem;
    }
	.page-id-42 button.slick-arrow {
        top: 25%;
        display: none !important;
    }
		.page-id-42 button.slick-arrow {
        top: 25%;
        display: none;
    }

	.wp-block-image .alignleft {
		float: left;
		margin: .5em 1em .5em 0;
		width: 100% !important;
	}
	.wp-block-image img {
        box-sizing: border-box;
        height: auto;
        max-width: 100% !important;
        vertical-align: bottom;
        margin-bottom: 2rem;
    }
	.page-id-34 div.left-line p {
		font-size: 16px !important;
	}

	.footer-newsletter {
		max-width: 100% !important;
		border-left: none !important;
		padding-left: 0rem !important;
		padding-top: 1rem;
	}
	.footer-icons {
		border-left: none !important;
		padding-left: 0rem !important;
		align-items: start;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	
	.accordion-toggle:hover {
    font-size: 16px !important;
    font-weight: unset;
    text-decoration: none;
}
	
	.accordion-toggle {
    font-size: 16px !important;
}
	div#content.site-content {
    padding: 0rem !important;
    margin-bottom: -1rem;
}
	    body:not(.theme-preset-active) footer#colophon {
        margin: 0px !important;
    }
		.page-id-34 div div.left-line p {
		font-size: 16px !important;
	}
}



#main-nav{
	text-transform: uppercase;
}

.slick-prev:before, [dir="rtl"] .slick-prev:before {
    content: "" !important;
    background-image: url('/wp-content/uploads/2024/11/Gruppe-4.png'); 
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 40px;
    height: 40px; 
	 transform: rotate(180deg);
}


.slick-next:before, [dir="rtl"] .slick-next:before {
    content: "" !important;
    background-image: url('/wp-content/uploads/2024/11/Gruppe-4.png'); 
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 40px;
    height: 40px; 
}

:root {
    --orangered: #FE7517 
}

.footer-newsletter {
    max-width: 50%;
    border-left: 1px solid #707070;
    padding-left: 6rem;
    padding-top: 1rem;
}

.footer-kontakt{
	padding-top: 1rem
}

.right-line{
	padding-left: 2rem
}

div.left-line p {
	font-size: 25px
}

.slick-slide p{
	font-size: 25px !important}

body:not(.theme-preset-active) footer#colophon {
    margin-top: 0rem !important;
}

.page-id-34 div.left-line p {
    font-size: 23px !important;
}

div.post-content a.projekt {
    font-size: 20px;
    text-decoration: underline;
}

div.post-content a.projekt:hover {
    font-size: 20px;
    text-decoration: none;
}

.post-categories a{
	cursor: none; 
	pointer-events: none;

}

.referenz-zeit {
    font-size: 20px;
}

.referenz-content h2{
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 0}

.referenz-category {
    font-size: 20px;
}

.referenz-content p {
    margin-bottom: 10px;
	font-size: 20px
}


.accordion-toggle {
	font-size: 20px;
	text-decoration: underline
}

.accordion-toggle:hover {
	font-size: 20px;
	font-weight: unset;
	text-decoration: none;
}

p.b-line {
    font-size: 22px;
}

div.site-info {
	padding-right: 1.75rem 
}
		
.wp-block-image .alignleft {
    float: left;
    margin: .5em 1em .5em 0;
    width: 24%;
}



.footer-icons {
    border-left: 2px solid #707070;
    padding-left: 2rem;
    align-items: start;
    display: flex
;
    flex-direction: column;
    justify-content: center;
}

.referenz-content-inner {
    max-height: 240px; /* Default collapsed height */
    overflow: hidden;
    transition: max-height 0.3s ease;
}
.referenz-content-inner.expanded {
    max-height: none; /* Fully expand when expanded */
}


.accordion-toggle {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 8px; /* Space between text and arrow */
    cursor: pointer;
}

.arrow-icon {
    width: 12px;
    height: 12px;
    background-image: url('/wp-content/uploads/2024/11/Gruppe-4.png'); /* Replace with your arrow PNG path */
    background-size: contain;
    background-repeat: no-repeat;
	 transform: rotate(90deg);
    transition: transform 0.3s ease;
}

.arrow-icon.rotated {
    transform: rotate(270deg); /* Rotate the arrow */
}

.search article{
	    padding-top: 2rem;
    padding-bottom: 2rem;
    border-top: 2px solid #707070;

    margin-bottom: 2rem;
}
h2.entry-title {
    border-bottom: 0px solid #eaecef;
	margin-bottom: 0rem
}

.search h3{
	padding-top: 1rem;
	padding-bottom: 2rem
}

body.search section#primary{
	padding-left: 0px !important
}

body.home a:hover{
	text-decoration: none;
	color: #FE7517!important
}


body.home nav a:hover{
	text-decoration: none;
	color: #FE7517!important
}

.single-post div.slick-slide figure img {
  height: 60vh
}

.single-post button.slick-arrow {
    top: 49%;
}

.post-template-default .slick-dotted.slick-slider {
    margin-bottom: 5rem;
}

.page-id-42 footer#colophon {
    margin-top: -2rem !important
}

.page-id-34 div#content.site-content {
    padding: 1.5rem !important;
    margin-bottom: -4rem;
}

.collapsed .navbar-toggler-icon {
    background-image: url(/wp-content/uploads/2024/11/menu.jpg);
    width: 33px;
    height: 21px;
    transition: background-image 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.navbar-toggler span.navbar-toggler-icon {
	background-image: url(/wp-content/uploads/2025/01/close.png);
}

/* Default state (menu is collapsed) */
.navbar-toggler:not([aria-expanded="true"]) .navbar-toggler-icon {
    background-image: url(/wp-content/uploads/2024/11/menu.jpg);
    width: 33px;
    height: 21px;
    transition: background-image 0.3s ease-in-out, transform 0.3s ease-in-out;
}

/* Expanded state (menu is open) */
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
    background-image: url(/wp-content/uploads/2025/01/close.png);
    width: 33px;
    height: 21px;
    transition: background-image 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.page-id-34 div#content.site-content {
    padding: 1.5rem !important;
    margin-bottom: -2rem;
}

@media only screen and (max-width: 1200px) {
    div.flex.nav {
        padding: 0;
        padding-top: 1rem;
    }
	div#content.site-content {
    padding: 1rem !important;
    margin-bottom: -4rem !important;
}
	.page-id-34 div#content.site-content {
    padding: 1rem !important;
    margin-bottom: -4rem;
}
	h1.entry-title{
		text-transform: uppercase;
	}
	h1.entry-title {
    color: black;
    border-top: #FE7517 solid 1px;
    border-bottom: #FE7517 solid 1px;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}
	    button.navbar-toggler {
        position: absolute;
        top: -50px;
        right: 0px;
    }
	    .wp-block-image img {
        box-sizing: border-box;
        height: auto;
        max-width: 100% !important;
        vertical-align: bottom;
        margin-bottom: 0rem;
    }
	.icon-list {
    margin-bottom: 1rem !important;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.5rem;
}
	div.site-info {
    display: flex;
    gap: 0.5rem;
    justify-content: flex-start;
    font-size: 1rem;
}
	#colophon .container{
		padding: 2.5rem !important
	}
	.footer-newsletter p {
        width: 100%;
    }
	svg:not(:root) {
    overflow: hidden;
    width: 38px;
}

.icon-list a svg {
	width: 38px;
	height: 20px;
	fill: currentColor;
	transition: fill 0.3s ease;
}

	    h3 {
        padding-bottom: 0rem;
        padding-top: 1rem;
    }
	.wp-block-cgb-block-bootstrap-cols.col-sm-12.col-xl-4.col-md-12.right-line{
		margin-top: -1rem
	}
	.site-info-footer{
		padding-top: 1rem !important
	}
	    .flex-gap {
        display: flex;
        gap: 2rem !important;
        border-top: 1px solid #707070;
        padding-bottom: 2rem;
        margin-bottom: 2rem;
        margin-top: 0rem;
        padding-top: 2rem;
        flex-direction: column;
    }
	span.post-categories {
    font-weight: unset;
    font-size: 16px !important;
}
	div.post-content a.projekt{
		font-size: 16px !important
	}
	.page-id-16 h3{
		padding-top: 0 !important
	}
	.page-id-16 h1{
		display: block !important
	}
	.referenz-zeit {
    font-size: 16px !important;
}
	.referenz-category {
    font-size: 16px;
}
	p.b-line {
    margin-top: 1rem;
	}
	.referenz-post {
		display: flex;
		align-items: flex-start;
		margin-bottom: 2rem;
		border-bottom: 1px solid #707070;
		padding-bottom: 20px;
		gap: 2rem;
	}

	p.b-line {
		border-bottom: 1px solid #707070;
		padding-bottom: 2rem;
		padding-top: 1rem;
	}

	div.rowrowrow div.row {
		border-top: 1px solid #707070;
		border-bottom: 1px solid #707070;
		padding-top: 1rem;
	}
	.bottom-line {
		border-bottom: 1px solid #707070;
	}
	.icon-list a svg {
        width: 40px;
        height: 38px;
        fill: currentColor;
        transition: fill 0.3s ease;
        margin-top: 1rem;
    }

  #colophon .container {
        padding: 2.3rem !important;
    }

	.flex-collom.ml-auto {
        padding: 0;
        padding-bottom: 1.5rem;
        justify-content: start;
    }
	input.search-field {
        padding: 0.5rem;
        border-radius: 0px;
        background-color: lightgrey;
        font-size: 18px;
        border: none;
    }
	div.year-container {
		border-bottom: 1px solid #FE7517;
	}
	div.year-container:first-of-type {
		border-top: 1px solid #FE7517;
	}

	.footer-newsletter {
		max-width: 50%;
		border-left: 1px solid #707070;
		padding-left: 6rem;
		padding-top: 0rem;
	}
	li.flex-gap a {
		color: #FE7517;
		font-size: 16px;
	}
	
	.search article {
    padding-top: 2rem;
    padding-bottom: 2rem;
    border-top: 1px solid #707070;
    margin-bottom: 2rem;
}
	img.down {
		width: 24px;
		height: 12px;
		transition: transform 0.3s ease;
	}
	section.lines {
		border-top: 1px solid #707070;
		border-bottom: 1px solid #707070;
	}
	div.left-line p:first-of-type {
		margin-top: -0.5rem;
	}
	.wp-block-cgb-block-bootstrap-cols.col-sm-12.col-xl-4.col-md-12.right-line {
        margin-top: -1rem;
        border-bottom: 1px solid #7d7d7d;
    }
p.post-excerpt {
    margin-top: 12px;
}
		.referenz-post {
        display: flex;
        align-items: flex-start;
        margin-bottom: 2rem;
        border-bottom: 1px solid #707070;
        padding-bottom: 20px;
        gap: 1rem;
    }
	
	    .flex-gap {
        display: flex;
        gap: 2rem !important;
        border-top: 1px solid #707070;
        padding-bottom: 0rem;
        margin-bottom: 2rem;
        margin-top: 0rem;
        padding-top: 2rem;
        flex-direction: column;
    }
	    .wp-block-cgb-block-bootstrap-cols.col-sm-12.col-xl-4.col-md-12.right-line {
        margin-top: -1rem;
        border-bottom: 0px solid #7d7d7d;
    }
}

div.slick-slide figure img {
    min-height: 30vh;
    height: 800px;
    min-width: 100%;
    object-fit: cover;
}

.page-id-42 button.slick-arrow {
    top: 35%;
}

div.left-line p:first-of-type {
    margin-top: 2rem;
}
