/*
 Theme Name:     Divi Child-Theme
 Theme URI:      http://www.elegantthemes.com
 Description:    Divi Child-Theme
 Author:         Divi.world
 Author URI:     https://divi.world
 Template:       Divi
 Version:        1.0.0
*/
 
/* ---------- CSS-Anpassungen ---------- */

:root {
	--gelb: #ffcc00;
}

.et_pb_post_content p, .et_pb_module.et_pb_post_content ul li {font-weight: 200}
.et_pb_module.et_pb_post_content ul li {line-height: 1.5em}
.et_pb_module.et_pb_post_content ul li::marker {color: var(--gelb)}

h6 {
	font-family: 'Roboto', sans-serif!important;
	font-size: 14px!important;
	line-height: 1.7!important;
}

body ol {
	list-style-position: outside!important;
	font-weight: 200;
}

body ol li {
	padding-bottom: 0.6em;
	line-height: 1.5em;
}

p {
	hyphens: auto;
	word-wrap: break-word;
  	overflow-wrap: break-word;
}

/* Bildunterschriften */
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
	line-height: 1.3em;
	padding: 15px 8px 10px 8px;
	background: linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.5) 70%,transparent);
}

/* Mobiles Menu */
.mobile_menu_bar::before {
	font-size: 50px;
}

.et_header_style_left #et-top-navigation .mobile_menu_bar {
  padding-bottom: 15px;
}

.et_mobile_menu {
	border-top: 1px solid white;
}

.et_mobile_menu li a {
  border-bottom: none;
  color: black;
  font-size: 20px
}

.et_mobile_menu li a:hover {
	color: white;
}

.start h1, .landingslider.et_pb_slider .et_pb_slide_title {
	font-family: 'Roboto Slab',sans-serif;
	font-weight: 800;
	color: #ffcc00;
	font-size: clamp(1.5rem, -0.7105rem + 9.8246vw, 8.5rem)!important;
	text-transform: uppercase;
	text-align: center;
	color: #FFCC00!important;
}

.et_pb_slide_description, .et_pb_slider_fullwidth_off .et_pb_slide_description {
	padding: 0;
}

.start p {
	font-weight: 400;
	font-size: clamp(1rem, 0.8154rem + 0.9231vw, 1.8rem);
}

.header p {
	font-size: 1em;
}

.sorry p {transform: rotate(-6deg); font-size: 430%}

.footer p {
	font-size: 1em;
	color: grey
}
/* Layout Loginseite */
.swpm-login-widget-form, .swpm-login-widget-logged, .registration_hidden_to_logged_users_msg {
	color: white;
	padding-left: 110px;
}

.swpm-username-label, .swpm-password-label {
	font-family: 'Roboto Slab', sans-serif;
	font-size: 20px;
	font-weight: 800;
	position: absolute;
	left: 0;
	padding-top: 2px;
}

input.text, input.title, input[type="email"], input[type="password"], input[type="tel"], input[type="text"], select, textarea {
	color: black;
	background-color: var(--gelb);
	border: 2px solid white;
	border-radius: 5px;
	padding: 5px;
	margin: 5px 0 5px 0;
}

.swpm-forgot-pass-link, .swpm-join-us-link, .swpm-logged-status, .swpm-logged-membership, .swpm-logged-expiry, .swpm-edit-profile-link {display: none;}

.swpm-post-not-logged-in-msg {
	font-family: 'Roboto Slab', sans-serif;
	font-size: clamp(1rem, 0.8615rem + 0.6154vw, 1.4rem);	
	height: calc(100vh - 380px);
	text-align: center;
	padding: 200px 0;
	margin-left: auto;
	margin-right: auto;
}

/*****Login-Button*****/
.swpm-login-form-submit, .swpm-registration-submit-section input {
	font-family: 'Roboto Slab', sans-serif;
	font-size: 20px;
	font-weight: 800;
  	color: #ffffff;
	background: var(--gelb);
	padding: .5em 1em;
	border: 2px solid transparent;
	margin-top: 30px;
	border-radius: 10px;
	display: inline-block;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
}

.swpm-login-form-submit:hover, .swpm-registration-submit-section:hover input {
	background: rgba(255,255,255,0.6);
	color: black;
	border: 2px solid var(--gelb);
	transition: all 0.3s ease-in-out;
}

/* Registrierseite */
.entry-content tr td, .entry-content table:not(.variations) {
  border: 0;
}

.swpm-registration-membership-level-row {display: none}
.swpm-registration-widget-form {margin-bottom: 4%}


/* Seitenlayout Blog */
.et_pb_widget.widget_block h2 {
	font-size: clamp(1.0rem, 1.0962rem + 0.4615vw, 1.2rem)!important;
	background-color: var(--gelb);
	padding: 8px 15px;
	margin-bottom: 5%;
}

h3 {
	font-size: clamp(1.2rem, 1.0962rem + 0.4615vw, 1.5rem)!important;
	color: var(--gelb);
	padding-bottom: 20px;	
} 

#top-header {display: none}

.startbild {
	margin-top: -50px;
	height: 100vh;
}

#titelrow.et_pb_row .et_pb_column.et-last-child, #titelrow.et_pb_row .et_pb_column:last-child  {
	height: 100%
}

.titeltext {
	height: 100%;
	display: flex;
  	align-items: center;
  	justify-content: center;
}

.titeltext h1 {
	font-size: clamp(1.5rem, -0.7105rem + 9.8246vw, 8.5rem)!important;
	font-weight: 800;
}
.titeltext p {
	font-size: clamp(1rem, 0.6538rem + 1.5385vw, 2rem);
}

.titeltext img {
	width: calc(200px + (300 - 200) * ((100vw - 980px) / (1920 - 980)));
	margin-bottom: 2%;
}

.blogslider .et_pb_slide_title {
	margin-bottom: 2%;
	line-height: 1.1!important;
}

/* Seitenleiste */
.et_pb_widget_area_left {
	border-right: none;
	padding-right: 0;
	font-size:0.8em
}

.et_pb_gutters2 .et_pb_column_1_4 .et_pb_widget {
	margin-bottom: 20px;
}

/* Verringert die Zeilenhöhe in der Seitenleiste */
.et_pb_widget_area ul li {
  line-height: 1.3;
}

.et_pb_widget li a:hover {
	color: var(--gelb)
}

.et_pb_widget_area ul {margin-left: 12px}

/* Beitragsslider */
.et_pb_fullwidth_post_slider .et_pb_button {
	margin-top: 50px;
}

/* Blogelemente der Startseite neu ordnen */
.et_pb_post {
	display: flex;
	flex-direction: column;
}

/*blog post title*/
.et_pb_post .entry-title {
	order: 1;
	font-size: clamp(1.6rem, 1.2885rem + 1.3846vw, 2.5rem);	color: var(--gelb);
	font-weight: 800;
	text-transform: uppercase;
	hyphens: auto;
 	word-wrap: break-word;
	overflow-wrap: break-word;
}

.entry-title {
	font-size: clamp(2rem, 1.4808rem + 2.3077vw, 3.5rem);	
	color: var(--gelb);
	font-weight: 800;
	text-transform: uppercase;
}

/*blog post meta*/
.et_pb_post .post-meta {
	font-size: 18px !important;
	order: 2;
	border-top: 1px solid black;
	margin-top: 10px;
	margin-bottom: 30px;
	padding: 20px 0;
}

.et_pb_title_meta_container {
	font-size: 18px !important;
	border-top: 1px solid black;
	margin-top: 10px;
	margin-bottom: 30px;
	padding: 20px 0;
}

/*blog post featured image*/
.et_pb_post .et_pb_image_container, .et_pb_post .entry-featured-image-url {
	order: 3;
}

/*blog post excerpt and button*/
.et_pb_post .post-content {
	order: 4;
}

/*Mehr lesen Button*/
.et_pb_post a.more-link {
  color: #ffffff;
	background: var(--gelb);
	padding: .7em 1.3em;
	border: 2px solid transparent;
	margin-top: 30px;
	border-radius: 10px;
	display: inline-block;
	transition: all 0.3s ease-in-out;
}


/*button on hover*/
.et_pb_post a.more-link:hover {
	background: transparent;
	color: black;
	border: 2px solid var(--gelb);
	transition: all 0.3s ease-in-out;
}

/* Spaltenhöhe der Blog-Grids */
.bloggrid .et_pb_salvattore_content {
  	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
}

.bloggrid article {
	margin-bottom: 20px !important;
	-webkit-box-flex: 1;
	-ms-flex: 1 0 auto;
    flex: 1 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
    flex-direction: column;
}

.bloggrid .post-content {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 auto;
    flex: 1 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
    flex-direction: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
    justify-content: space-between;
}

.bloggrid .column {
	margin-bottom: 20px !important;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
    flex-direction: column;
}

.bloggrid .et_pb_image_container {
	margin: 0px;
}

/* Abstand unter/über den Gallerie-Bildern */
.wp-block-gallery {
	margin-bottom: 10px;
	margin-top: 10px;
}

/* Post-Image */
.et_pb_post_title .et_pb_image_wrap, .et_pb_post .entry-featured-image-url {
	padding-top: 56.25%;
	display: block;
	margin-bottom: 30px;
}

.et_pb_post_title .et_pb_image_wrap img, .et_pb_post .entry-featured-image-url img {
	position: absolute;
	height: 100%!important;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	object-fit: cover;
	overflow: hidden;
}

/* Vorheriger und nächster Artikel */
.pagination {
  	clear: both;
  	border-top: 1px dotted black;
	padding-top: 10px;
}

.pagination a {
	color: black;
}

/* Kommentare */

.et_pb_comments_module .logged-in-as {
	display: none;
}

/* Media Queries */

@media (max-width: 980px) {
	
	.rechtespalte {display:none}
}

@media (max-width: 767px) {
	
	body {
		-webkit-hyphens: auto;
  		-ms-hyphens: auto;
  		hyphens: auto;
	}
	
	.et_pb_slider.et_pb_module .et_pb_slides .et_pb_slide_description h2.et_pb_slide_title {
  		font-size: 35px;
	}
}