/*
 Theme Name:     750 Jahre Schonach
 Theme URI:      http://www.elegantthemes.com
 Description:     750 Jahre Schonach Theme
 Author:         aceArt
 Author URI:     https://aceart.de
 Template:       Divi
 Version:        1.0.0
*/

/* =Ab hier kannst du deine CSS-Anpassungen eintragen
------------------------------------------------------- */

:root {
	--color-blue: #4e6cb4;
	--color-skyblue: #80ccdc;
	--color-white: #fff;
	--color-black: #2F2F2F;
	--color-red: #F1707A;
	--color-grey: #2B2E34;

	--headline: 80px;
	--font-mid: 50px;
	--font-number: 200px;
	--font-medium: 28px;
	--font-small: 20px;

	--line-height: 1.2em;

	--font-family-bold: "ServusSlabBold";
	--font-family-italic: "ServusSlabRegularItalic";
	--font-family-pt: "PT_Sans";
}

@media(max-width:980px) {
	:root {
		--headline: 60px;
		--font-mid: 30px;
		--font-number: 150px;
		--font-medium: 22px;
		--font-small: 18px;
	}
}

@media(max-width:767px) {
	:root {
		--headline: 42px;
		--font-mid: 18px;
		--font-number: 70px;
		--font-medium: 18px;
		--font-small: 16px;
	}
}

@font-face {
	font-family: "ServusSlabBold";
	src: url('/wp-content/themes/child-theme/assets/fonts/ServusSlabBold/font.woff2') format('woff2'), url('/wp-content/themes/child-theme/assets/fonts/ServusSlabBold/font.woff') format('woff');
}

@font-face {
	font-family: "ServusSlabRegularItalic";
	src: url('/wp-content/themes/child-theme/assets/fonts/ServusSlabRegularItalic/font.woff2') format('woff2'), url('/wp-content/themes/child-theme/assets/fonts/ServusSlabRegularItalic/font.woff') format('woff');
}

@font-face {
	font-family: "PT_Sans";
	src: url('/wp-content/themes/child-theme/assets/fonts/PT_Sans/PTSans-Regular.ttf') format('truetype');
}

.mobile_menu_bar:before {
	content: "";
	background-image: url('/wp-content/themes/child-theme/assets/icons/burger.svg');
	background-repeat: no-repeat;
	opacity: 1;
	background-size: contain;
	width: 40px;
	height: 35px;
	display: inline-block;
}

#top-menu a:hover,
#top-menu a.current-menu-item:hover {
	color: var(--color-skyblue);
}

/*#region color*/
.background-blue {
	background-color: var(--color-blue);
}

.background-skyblue {
	background-color: var(--color-skyblue);
}

.color-skyblue :is(h1, h2, h3, h4, p, div, li, a) {
	color: var(--color-skyblue);
}

.color-blue :is(h1, h2, h3, h4, p, div, li, a) {
	color: var(--color-blue);
}

/*#endregion*/


h1,
h2,
h3 {
	font-family: var(--font-family-bold);
	font-size: var(--headline);
	line-height: var(--line-height);
	padding-bottom: 30px;
	hyphens: auto;
}

a,
li,
div,
p {
	font-family: var(--font-family-pt);
	letter-spacing: 2px;
	font-size: var(--font-small);
	line-height: 1.4em;
}

.font-mid {
	font-size: var(--font-mid);
}

.intro :is(p, .et_pb_text_inner),
.intro {
	text-transform: uppercase;
	letter-spacing: 5px;
}

.veran-link :is(a) {
	color: var(--color-red);
	text-decoration: underline;
	font-size: var(--font-small);
	text-underline-offset: 8px;
}

#number {
	font-size: var(--font-number);
	font-family: var(--font-family-bold);
	line-height: 1em;
	padding: 0px 20px;
}

.daysto .et_pb_column {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.daysto .et_pb_text_inner {
	text-transform: uppercase;
}

@media(max-width:767px) {
	.daysto .et_pb_column {
		flex-direction: column;
		justify-content: center;
	}
}

/* .et_builder_inner_content{
	max-width: 1920px;
	width: 100%;
	margin:auto;
} */

.et_pb_toggle,
.et_pb_toggle_close {
	background-color: var(--color-skyblue);
	border: 0px solid transparent;
	color: var(--color-black);
	padding: 0px;
}

.et_pb_toggle_close .et_pb_toggle_title,
.et_pb_toggle_close h5.et_pb_toggle_title {
	color: var(--color-black);
	padding: 20px;
}

.et_pb_toggle_open .et_pb_toggle_title,
.et_pb_toggle_open h5.et_pb_toggle_title,
.et_pb_toggle_title,
.et_pb_toggle_content {
	padding: 20px;
}

.et_pb_toggle_title:before {
	content: "";
}

.et_pb_toggle_open {
	background-color: transparent;
	border: 2px solid var(--color-skyblue);
}

/*#region Menu*/
.et_mobile_menu {
	border-top: 3px solid var(--color-skyblue);
}

#top-menu li a {
	font-size: 16px;
	color: var(--color-black);
	text-transform: uppercase;
}

#top-menu li.current_page_item a {
	color: var(--color-black);
	text-decoration: underline;
	text-decoration-color: var(--color-skyblue);
	text-underline-offset: 3px;
}

#logo {
	display: none;
}

.et-fixed-header #logo {
	display: inline-block;
}

@media(max-width:980px) {
	#main-header {
		background-color: var(--color-white) !important;
	}

	#logo {
		display: inline-block;
	}
}

ul.et_pb_side_nav li.side_nav_item {
	padding: 3px;
}

.et_pb_side_nav.et-visible {
	background: transparent;
	border-radius: 67%;
	width: 15px;
	height: 16px;
	right: 100px;
}

ul.et_pb_side_nav .side_nav_item a {
	width: 20px;
	height: 20px;
	border: 2px solid var(--color-black);
	border-radius: 50%;
	background-color: transparent;
}

ul.et_pb_side_nav li.side_nav_item .active {
	background-color: var(--color-black) !important;
}

body #main-header .et_mobile_menu {
	background-color: rgba(255, 255, 255, 1);
}

/*#endregion Menu*/


/*#region Startseite*/

/*Titelslider*/
.schonach-titleslider,
.schonach-titleslider>div {
	height: 100vh !important;
}

@media(max-width:980px) {

	.schonach-titleslider,
	.schonach-titleslider>div {
		height: 70vh !important;
	}
}

@media(max-width:767px) {

	.schonach-titleslider,
	.schonach-titleslider>div {
		height: 60vh !important;
	}
}


h2.et_pb_slide_title a {
	font-family: var(--font-family-bold);
}

.schonach-titleslider .et_pb_slide {
	height: 100vh;
}

.schonach-titleslider .et_pb_slides .et_pb_container {
	min-height: initial !important;
	height: 100% !important;
}

.schonach-titleslider .et_pb_slide_description {
	padding: inherit;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 80%;
}

.schonach-titleslider .et-pb-controllers {
	position: absolute;
	/* bottom: 20px; */
	right: 0;
	left: initial;
	width: 100%;
	text-align: center;
	z-index: 10;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
	height: 100%;
	max-width: 1500px;
	margin: auto;
	right: 0;
	left: 0;
}

.schonach-titleslider.et_pb_slider .et-pb-controllers .et-pb-active-control {
	background-color: var(--color-black);
}

.schonach-titleslider.et_pb_slider .et-pb-controllers a {
	border: 2px solid var(--color-black);
	width: 19px;
	height: 19px;
	border-radius: 10px;
	margin-bottom: 7px;
	opacity: 1;
	background-color: transparent;
}

.schonach-titleslider .et-pb-controllers a:last-child {
	margin-right: 10px;
}

.schonach-titleslider .et-pb-arrow-prev {
	display: none;
}

.schonach-titleslider.et_pb_slider .et-pb-arrow-next {
	position: absolute;
	top: initial;
	bottom: 52px;
	right: 0px;
	opacity: 1;
	max-width: 1500px;
	margin: auto;
	right: 2px;
	left: 0;
	text-align: right;
}

.schonach-titleslider.et_pb_slider .et-pb-arrow-next::before {
	content: url('/wp-content/themes/child-theme/assets/icons/arrow-down.svg');
	width: 30px;
	height: 30px;
}

/*125 Jubi*/

@media(max-width:980px) {
	.jubi-section .et_pb_column {
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.jubi-text p {
		display: initial;
	}

}

/*Beitragslider*/
.blog-slider.et_pb_slider .et-pb-arrow-next {
	position: absolute;
	top: initial;
	bottom: 0px;
	left: calc(53vw + 155px);
	opacity: 1;
}

.blog-slider.et_pb_slider .et-pb-arrow-next::before {
	content: url('/wp-content/themes/child-theme/assets/icons/arrow-skyblue-r.svg');
	width: 30px;
	height: 30px;
}

.blog-slider.et_pb_slider .et-pb-arrow-prev {
	position: absolute;
	top: initial;
	bottom: 0px;
	left: 53%;
	opacity: 1;
}

.blog-slider.et_pb_slider .et-pb-arrow-prev::before {
	content: url('/wp-content/themes/child-theme/assets/icons/arrow-skyblue-l.svg');
	width: 30px;
	height: 30px;
}

.blog-slider .et_pb_slide_image {
	max-height: 1200px;
	height: 100%;
	top: auto;
	bottom: 0;
}

.blog-slider .et_pb_slide {
	padding: 0px;
}

.blog-slider .post-meta {
	visibility: hidden;
	position: absolute;
	top: 0px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 160px;
}

.blog-slider .post-meta .author {
	display: none;
}

.blog-slider .post-meta .published {
	visibility: visible;
	font-size: var(--font-medium);
	color: var(--color-skyblue);
	font-family: var(--font-family-italic);
}

.blog-slider .post-meta a {
	visibility: visible;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: var(--font-small) !important;
}

.blog-slider .et_pb_slides .et_pb_slider_container_inner {
	vertical-align: top;
}

.blog-slider .et_pb_slide_description .et_pb_slide_title {
	font-size: var(--headline);
}

.blog-slider .et_pb_slide_description {
	display: flex;
	flex-direction: column;
	padding-right: 15vw;
	padding-top: 180px;
}

.blog-slider .et_pb_button.et_pb_more_button {
	max-width: 286px;
	width: 100%;
	text-align: center;
}

.blog-slider .et_pb_slide_content {
	font-size: 24px;
	line-height: 35px;
	margin-bottom: 100px;
}

@media(max-width:980px) {
	.blog-slider .et_pb_slide_description {
		padding-right: initial;
	}

	.blog-slider .et_pb_slide_image {
		display: block !important;
	}
}

@media(max-width:767px) {
	.blog-slider .et_pb_slide_description {
		width: 80%;
	}

	.blog-slider .et_pb_slide_image {
		max-height: initial;
		height: initial;
		top: initial;
		bottom: initial;
	}

	.blog-slider.et_pb_slider .et-pb-arrow-prev {
		left: 3%;
	}

	.blog-slider.et_pb_slider .et-pb-arrow-next {
		left: initial;
		right: 3%;
	}

	.blog-slider.et_pb_fullwidth_post_slider.et_pb_slider .et_pb_container {
		height: 100% !important;
	}

	.blog-slider .post-meta {
		justify-content: center;
		align-items: center;
		width: 100%;
	}
}

.blog-slider .et_pb_slide_image img {
	height: 100%;
	max-height: 1200px !important;
	object-fit: cover;
}

.single .et_pb_post_content .et_pb_row {
	width: 100%;
}

/*#endregion*/

/*#region Button*/
body #page-container .et_pb_section .et_pb_button.schonach-button,
body #page-container .et_pb_section .et_pb_module .et_pb_button.schonach-button:hover,
.blog-slider .et_pb_button.et_pb_more_button {
	border-radius: 0px;
	border: 2px solid var(--color-white);
	color: var(--color-white);
	text-transform: uppercase;
	font-size: 20px;
	padding: 26px 25px !important;
	max-width: 270px;
	width: 100%;
	text-align: center;
}

body #page-container .et_pb_section .et_pb_fullwidth_post_slider.et_pb_slider.blog-slider .et_pb_more_button.et_pb_button {
	border: 2px solid var(--color-skyblue);
	color: var(--color-skyblue);
	padding: 26px 25px !important;
}

body #page-container .et_pb_section .et_pb_module .et_pb_button.schonach-button:hover,
body #page-container .et_pb_section .et_pb_fullwidth_post_slider.et_pb_slider.blog-slider .et_pb_more_button.et_pb_button:hover {
	border: 2px solid var(--color-skyblue);
	color: var(--color-white);
	padding: 26px 25px !important;
	background-color: var(--color-skyblue);
}

body #page-container .et_pb_section.background-skyblue .et_pb_module .et_pb_button.schonach-button:hover {
	border: 2px solid var(--color-skyblue);
	color: var(--color-skyblue);
	padding: 26px 25px !important;
	background-color: var(--color-white);
}



@media(max-width:980px) {

	body #page-container .et_pb_section .et_pb_button.schonach-button,
	body #page-container .et_pb_section .et_pb_module .et_pb_button.schonach-button:hover,
	.blog-slider .et_pb_button.et_pb_more_button {
		padding: 16px 25px !important;
	}

	body #page-container .et_pb_section .et_pb_fullwidth_post_slider_0.et_pb_slider.blog-slider .et_pb_more_button.et_pb_button,
	body #page-container .et_pb_section .et_pb_fullwidth_post_slider_0.et_pb_slider.blog-slider .et_pb_more_button.et_pb_button:hover {
		padding: 16px 25px !important;
	}

}

@media(max-width:767px) {

	body #page-container .et_pb_section .et_pb_button.schonach-button,
	body #page-container .et_pb_section .et_pb_module .et_pb_button.schonach-button:hover,
	.blog-slider .et_pb_button.et_pb_more_button {
		padding: 16px 25px !important;
	}

	body #page-container .et_pb_section .et_pb_fullwidth_post_slider_0.et_pb_slider.blog-slider .et_pb_more_button.et_pb_button,
	body #page-container .et_pb_section .et_pb_fullwidth_post_slider_0.et_pb_slider.blog-slider .et_pb_more_button.et_pb_button:hover {
		padding: 16px 25px !important;
	}

}


.single h1 {
	color: var(--color-blue);
}

.single .published {
	color: var(--color-skyblue);
	font-family: var(--font-family-italic);
}

/*#endregion*/

/*#region Beitragsseite*/

.schonach-blog .et_pb_blog_grid .et_pb_post {
	display: flex;
	flex-direction: column;
	border: 0px solid transparent;
	padding: 0px;
}

.schonach-blog article .post-meta {
	order: 1;
	font-size: var(--font-medium);
}

.schonach-blog article .post-meta .published {
	color: var(--color-skyblue);
	font-family: var(--font-family-italic);
}

.schonach-blog article h2 {
	order: 2;
}

.schonach-blog article h2 a {
	font-family: var(--font-family-bold);
	line-height: 1.2em;
	font-size: 35px;
}

.schonach-blog article .et_pb_image_container {
	order: 3;
	margin: 0px;
}

.blog-sidebar {
	border: 0px;
}

.blog-sidebar .cat-item {
	background-color: var(--color-skyblue);
	text-transform: uppercase;
	display: flex;
}

.et_pb_bg_layout_light.blog-sidebar .et_pb_widget .cat-item a {
	font-size: 20px;
	color: var(--color-black);
	width: 100%;
	text-align: center;
	font-family: var(--font-family-pt);
	letter-spacing: 2px;
	padding: 16px 8px;
}

/* @media(max-width:980px) {
	.post-template-default .post-mod .et_pb_section {
		padding-top: 0px;
	}
} */

/*#endregion*/

/*#region Footer*/

.footer-row .et_pb_column.et_pb_column_1_4 {
	display: flex;
	align-items: end;
}

@media(max-width:980px) {
	.footer-row {
		display: flex;
		gap: 5%;
	}

	.footer-row .et_pb_column {
		width: 30% !important;
		margin: 0px !important;
	}
}

@media(max-width:767px) {
	.footer-row {
		flex-direction: column;
	}
}

/*#endregion*/

/*#region Arrow*/
.arrow-down {
	width: 42px;
	position: sticky;
	right: 76px;
	bottom: 50px;
	z-index: 3;
	background-color: transparent;
	float: right;
}

/*#endregion Arrow*/

/*#region Slider*/
.schonach-slider .et_pb_slide {
	min-height: 800px;
}

.schonach-slider.et_pb_slider {
	padding-bottom: 68px;
}

.schonach-slider.et_pb_slider .et-pb-controllers {
	bottom: -17px;
}

.schonach-slider.et_pb_slider .et-pb-controllers a {
	border: 2px solid var(--color-blue);
	width: 19px;
	height: 19px;
	border-radius: 10px;
	margin-bottom: 25px;
	opacity: 1;
}

.schonach-slider.et_pb_slider .et-pb-controllers .et-pb-active-control {
	background-color: var(--color-blue);
}

.schonach-slider.et_pb_slider .et-pb-arrow-next {
	position: absolute;
	top: initial;
	bottom: 0px;
	right: 0px;
	opacity: 1;
}

.schonach-slider.et_pb_slider .et-pb-arrow-next::before {
	content: "";
	width: 100px;
	height: 34px;
	background-image: url('/wp-content/themes/child-theme/assets/icons/arrow-right.svg');
	display: block;
	background-size: 100px;
	background-repeat: no-repeat;
}

.schonach-slider.et_pb_slider .et-pb-arrow-prev {
	position: absolute;
	top: initial;
	bottom: 0px;
	left: 0;
	opacity: 1;
}

.schonach-slider.et_pb_slider .et-pb-arrow-prev::before {
	content: "";
	width: 100px;
	height: 34px;
	background-image: url('/wp-content/themes/child-theme/assets/icons/arrow-left.svg');
	display: block;
	background-size: 104px;
	background-repeat: no-repeat;
}

@media(max-width:980px) {
	.schonach-slider .et_pb_slide {
		min-height: 500px;
	}
}

@media(max-width:767px) {
	.schonach-slider .et_pb_slide {
		min-height: 300px;
	}

	.schonach-slider.et_pb_slider .et-pb-controllers a {
		border: 2px solid var(--color-blue);
		width: 10px;
		height: 10px;
		border-radius: 10px;
		margin-bottom: 25px;
	}

	.schonach-slider.et_pb_slider .et-pb-controllers {
		bottom: 6px !important;
	}

	.schonach-slider.et_pb_slider .et-pb-arrow-prev::before {
		width: 70px;
		height: 28px;
		background-size: 70px;
	}

	.schonach-slider.et_pb_slider .et-pb-arrow-next::before {
		width: 70px;
		height: 28px;
		background-size: 70px;
	}

}

#arrow-image img {
	user-drag: none;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

@media(max-width:767px) {
	.et_pb_side_nav.et-visible {
		right: 25px;
	}

	.arrow-down {
		right: 0px;
	}

}

/*#endregion */


/*#region Blog*/
.et_pb_posts_nav a {
	font-size: 20px;
}

/*#endregion Blog */

/*#region Shop*/
.shop-section img {
	height: 300px;
	object-fit: cover;
}

/*#endregion Shop*/