/* =================================================================
   Kunden-spezifische CSS-Anpassungen kommen unter diese Zeile.
   ================================================================= */
   
/*Werte die ich gerne über das Plugin festlegen möchte:
	:root wie unten - Gibt es noch andere Werte die es Sinn machen würde festzulegen; Farben sollten auch passen im Theme angezeigt werden wenn sie festgelegt wurden - die Wordpresseigene Kontrastprüfung sollte auch funktionieren



Ergänzungen zu funktionen:
Bildergalerie: Overlay Vergrößerung

Freie Iconsets alternativ zu Bildern?

Neue Elemente:
Slider mit Bild volle Breite, Überschrift, Text und Link

Schritt2>::
Woocommerce Styling


*/
   
   
:root {
    --wp--style--global--content-size: 100%;
    --wp--style--global--wide-size: 100%;
	--wp--preset--color--base: #1F2833;
    --wp--preset--color--contrast: #1A233B;
    --wp--preset--color--accent-1: #00C4B4;
    --wp--preset--color--accent-2: #FFB74D;
    --wp--preset--color--accent-3: #E9A8A8;
    --wp--preset--color--accent-4: #6B778D;
    --wp--preset--color--accent-5: #008C7F;
    --wp--preset--color--accent-6: color-mix(in srgb, currentColor 20%, transparent);
	--wp--preset--color--black: #000000;
    --wp--preset--color--cyan-bluish-gray: #abb8c3;
    --wp--preset--color--white: #ffffff;
	
	
	--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
	--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
	--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
	--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);
	--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);





	
	--mwd--preset--bordertoprightradius:20px;
	--mwd--preset--borderbottomrightradius:20px;
	--mwd--preset--borderbottomleftradius:20px;
	--mwd--preset--bordertopleftradius:20px;

} 



:root :where(.wp-element-button:active, .wp-block-button__link:active),
:root :where(.wp-element-button:focus, .wp-block-button__link:focus) {
	color:var(--wp--preset--color--white);
}
:where(.wp-site-blocks *:focus) {
    outline-width: 0px !important;
}
strong {
	font-weight:bold;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	background-color:var(--wp--preset--color--white);
	padding-top:20px;
	font-size:1.3em;
}

main.wp-block-group {
	    border: 20px solid transparent;
}
:root :where(.is-layout-constrained) > * {
	padding-block-start: 1.2rem;
	margin-block-start:0;
}

.page-id-48 h1 {
	text-align: center;
	padding-bottom:20px;
}


/*Header*/
header.wp-block-template-part {
	background-color:var(--wp--preset--color--white);
}
.mwd-announcement-content {
    padding: 0.4em 1.5em;
}
.wp-block-site-title {
	max-width:300px;
}
header {
	    border-bottom: 2px solid rgba(0, 0, 0, 0.2);
    border-left: 150px solid transparent;
    border-right: 150px solid transparent;
    box-sizing: border-box;
}
.wp-block-navigation__responsive-container-open svg {
width:40px;
    height:40px;
}

/*MAIN*/
.page-template-page-no-title main.wp-block-group {
	border-left:0;
	border-right:0;
}
.page-template-page-no-title main.wp-block-group > div.entry-content {
	padding-left:0;
	padding-right:0;
}
.page-template-page-no-title main.wp-block-group > div.entry-content > div {
	padding: 2rem 40px;
}

main.wp-block-group {
	border: 50px solid transparent;
	border-top:0;
	border-bottom:0;
}
main.wp-block-group > div {
	background-color:#fff;
}
.ff-btn-submit,
.mweFullWidthButton,
.wp-block-button,
.wp-block-button a,
.mwd-download-item .wp-block-button__link,
.wc-block-components-checkout-place-order-button,
:root :where(.wp-element-button, .wp-block-button__link),
.wp-block-latest-posts__list .wp-block-latest-posts__read-more   {
	background-color:var(--wp--preset--color--base) !important;
	color:var(--wp--preset--color--white);
	transition: all 0.5s !important;
}
.ff-btn-submit:hover,
.mweFullWidthButton:hover,
.wp-block-button:hover,
.wp-block-button:hover a,
.mwd-download-item .wp-block-button__link:hover,
.wc-block-components-checkout-place-order-button:hover
.ff-btn-submit:hover,
.wp-block-latest-posts__list .wp-block-latest-posts__read-more:hover {
	background-color:var(--wp--preset--color--accent-1) !important;
}
.entry-content .wp-block-button a{
	margin-bottom:0;
	font-size:1.2em;
}
.mweFullWidthButton,
.wp-block-latest-posts__list .wp-block-latest-posts__read-more {
	width:100%;
	text-align: center;
	box-sizing: border-box;
	border:10px solid var(--wp--preset--color--white);
	display: block !important;
}

main .entry-content > div:nth-child(2n) {
	border-bottom:2px solid  rgba(0,0,0,0.1);
	padding-bottom:0;
}

/*Spezialkonfig // Ausnahmen Even/Odd für Impressum und Datenschutz, Ueber Mich, Portfolio*/
.page-id-9 main .entry-content > div,
.page-id-25 main .entry-content > div,
.page-id-33 main .entry-content > div,
.page-id-40 main .entry-content > div,
.page-id-44 main .entry-content > div,
.page-id-42 main .entry-content > div,
.page-id-48 main .entry-content > div {
	margin: 0 15% 0 15% !important;
}
.page-id-33 main .entry-content > div.wp-block-mwd-core-service-gallery {
	max-width:70%;
	width:70%;
}
.page-id-9 main .entry-content >div.wp-block-mwd-core-slider,
.page-id-25 main .entry-content >div.wp-block-mwd-core-slider,
.page-id-33 main .entry-content >div.wp-block-mwd-core-slider,
.page-id-40 main .entry-content >div.wp-block-mwd-core-slider,
.page-id-44 main .entry-content >div.wp-block-mwd-core-slider,
.page-id-42 main .entry-content >div.wp-block-mwd-core-slider,
.page-id-48 main .entry-content >div.wp-block-mwd-core-slider {
	margin:0 !important;
}


.centeredWrappingContainer {
	display: flex;
  	justify-content: center;
}

/*Footer*/
footer.wp-block-template-part > div.wp-block-group {
	padding-top:0 !important;
	padding-bottom:20px !important;
}
footer.wp-block-template-part > div.wp-block-group .wp-block-group  {
	min-width:50%;
}
footer{
	    border-top: 2px solid rgba(0, 0, 0, 0.2);
    border-left: 150px solid transparent;
    border-right: 150px solid transparent;
    box-sizing: border-box;
}

/*Bildergalerie*/
.wp-block-mwd-core-image-gallery figure {
	box-shadow:var(--wp--preset--shadow--natural);
}
.wp-block-mwd-core-image-gallery figure figcaption,
.wp-block-mwd-core-image-gallery figure p {
	display:block;
	text-align:center;
	border: 10px solid transparent;
	border-top:none;
	border-bottom:none;
}

/*Services*/
.wp-block-mwd-core-service-gallery {
	padding-left: 0 !important;
    padding-right: 0 !important;
    border-left: 2rem solid transparent;
    border-right: 2rem solid transparent;
    box-sizing: border-box;
}

.wp-block-mwd-core-service-gallery .wp-block-mwd-core-service-item {
	box-shadow:var(--wp--preset--shadow--natural);
}
.wp-block-mwd-core-service-gallery .wp-block-mwd-core-service-item .service-title {
	font-size:1.5em;
}
.wp-block-mwd-core-service-gallery .wp-block-mwd-core-service-item .service-title,
.wp-block-mwd-core-service-gallery .wp-block-mwd-core-service-item .service-text,
.wp-block-mwd-core-service-gallery .wp-block-mwd-core-service-item .wp-block-button {
	display:block;
	text-align:center;
	border: 10px solid transparent;
	border-top:none;
	border-bottom:none;
	font-size:1em;
}
.wp-block-mwd-core-service-gallery .wp-block-mwd-core-service-item .wp-block-button a {
	display: inline-block;
    width: 100%;
    position: relative;
	padding-right:0;
	padding-left:0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	box-sizing:border-box;
	font-size:1em;
	
}
.wp-block-mwd-core-service-gallery .wp-block-mwd-core-service-item .wp-block-button {
	margin-top:auto;
}
.service-item-icon-wrapper {
	box-sizing: border-box;
	border:0.5em solid var(--wp--preset--color--base);
	margin-bottom:20px !important;
}
.service-item-icon-wrapper i {
	font-size:5em !important;
}
/*Team*/
.wp-block-mwd-core-team-gallery .wp-block-mwd-core-team-member {
		box-shadow:var(--wp--preset--shadow--natural);

}
.wp-block-mwd-core-team-gallery .wp-block-mwd-core-team-member .team-member-name,
.wp-block-mwd-core-team-gallery .wp-block-mwd-core-team-member .team-member-position,
.wp-block-mwd-core-team-gallery .wp-block-mwd-core-team-member .team-member-contact,
.wp-block-mwd-core-team-gallery .wp-block-mwd-core-team-member .wp-block-button  {
	display:block;
	text-align:center;
	border: 10px solid transparent;
	border-top:none;
	border-bottom:none;
}
.wp-block-mwd-core-team-gallery .wp-block-mwd-core-team-member .wp-block-button  {
	width:100%;
}
.wp-block-mwd-core-team-gallery .wp-block-mwd-core-team-member .wp-block-button a {
	display: inline-block;
    width: 100%;
    position: relative;
	padding-right:0;
	padding-left:0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	box-sizing:border-box;
}

/*Kundenstimmen*/
.wp-block-mwd-core-testimonial-item {
	border-left: 5px solid var(--wp--preset--color--accent-5);
	box-shadow:var(--wp--preset--shadow--natural);
	padding: 0.5em;
}
.wp-block-mwd-core-testimonial-item blockquote p {
	margin: 0.5em 0em;
}
.wp-block-mwd-core-testimonial-item footer p {
	margin-bottom: 0;	
}

/*Downloadbereich*/
.mwd-download-area {
		box-shadow:var(--wp--preset--shadow--natural);
}
.mwd-download-area .mwd-download-title {
	text-align:center;
}
.mwd-download-area .mwd-download-item .wp-block-button__link {
	display: inline-block;
    font-size:1.2em;
    width: 100%;
    position: relative;
	padding-right:0;
	padding-left:0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	box-sizing:border-box;
}

/*Slider*/
.wp-block-mwd-core-slider  {
	padding:0 !important;
	box-sizing:border-box;
	
	background-color:green;
	min-height:45vh;
}
.wp-block-mwd-core-slider  .slide-content-wrapper {
	background:transparent;
	padding:0.5rem;
	border:2rem solid transparent;
		

}

.wp-block-mwd-core-slider  .slide-content-wrapper .slide-content {
	background: rgba(0, 0, 0, 0.5);
	padding:20px;
	border-radius: var(--mwd--preset--bordertoprightradius) var(--mwd--preset--borderbottomrightradius) var(--mwd--preset--borderbottomleftradius) var(--mwd--preset--bordertopleftradius);
}

.wp-block-mwd-core-slider .wp-block-button {
	border-radius: var(--mwd--preset--bordertoprightradius) var(--mwd--preset--borderbottomrightradius) var(--mwd--preset--borderbottomleftradius) var(--mwd--preset--bordertopleftradius);
}

.wp-block-mwd-core-slider .wp-block-button a {
	display:block;
	font-size:1.1em;
}

.slide-headline {
	font-size: 1.8em;
}
.slide-text {
	font-size: 1.1em;
}

/* ---------- FORMS BEGIN ---------------- */
/* ---------- FORMS BEGIN ---------------- */



/* ---------- FORMS END ---------------- */
/* ---------- FORMS END ---------------- */

/* ---------- SHOP BEGIN ---------------- */
/* ---------- SHOP BEGIN ---------------- */
.wp-block-woocommerce-checkout {
	padding:30px;
}

.wc-block-components-sidebar-layout .wc-block-components-main {
	width:55%;
}
.wc-block-components-sidebar {
	width:45%;
}
.wc-gzd-checkout .wc-block-components-order-summary .wc-block-components-order-summary-item__total-price {
	min-width:100px;
}

.wc-block-grid__product,
.wc-block-product {
	border-color:var(--wp--preset--color--white);
	background-color: #ddd;
}
.wc-block-product,
.wc-block-grid__product .wc-block-grid__product-add-to-cart {
	margin-bottom:0px;
}
.wp-site-blocks .wp-block-woocommerce-product-button button {
	background-color:var(--wp--preset--color--base) !important;
	width: 100% !important;
    margin-bottom: 0 !important;
    padding: 10px;
    font-size: 1.2em !important;
}
.wp-site-blocks .wp-block-woocommerce-product-button button:hover {
	background-color:var(--wp--preset--color--accent-1);
}

.wc-block-product .wc-gzd-additional-info {
	text-align:center;
}
.wp-block-woocommerce-product-button span {
	width:100%;

}
.wp-block-woocommerce-product-button:active span {
	color:#fff;
}
.wp-block-button.wc-block-components-product-button {
	gap:0;
}
.wp-block-woocommerce-product-button .added_to_cart.wc_forward {
	margin-top: 0;
    text-decoration: none;
	
	display: inline-block;
    border-top: 10px solid #ddd;
    width: 100%;
    margin: 0;
    padding: 10px 0;
	text-align: center;
    font-size: 1.2em;
}


.wp-block-woocommerce-product-collection .product .wp-block-post-title {
	font-size:1.6em !important;
}
.wp-block-woocommerce-product-collection .product .woocommerce-Price-amount {
	font-size: var(--wp--preset--font-size--medium) !important;
}

/* ---------- SHOP END ---------------- */
/* ---------- SHOP END ---------------- */




/*Formulare BEGIN*/
.fluentform form {
	width:100%;
	margin: 0 auto;
}
.fluentform form h1 {
	font-size:1.5em;
}
.fluentform form h2 {
	font-size:1.3em;
}
.fluentform form .ff-column-container {
	gap:20px;
}

.fluentform form .ff-column-container.ff_columns_total_3,
.fluentform form .ff-column-container.ff_columns_total_4  {
	margin-bottom:20px;
	transition:all 2s;
}

.fluentform form .ff-column-container.ff_columns_total_3 .ff-t-cell,
.fluentform form .ff-column-container.ff_columns_total_4 .ff-t-cell,
#fluentform_7_success {
	box-shadow:var(--wp--preset--shadow--natural);
	border:1px solid #333;
	padding: 20px;
    text-align: center;
	background-color:#fff;
	cursor: pointer;
}
.fluentform form .ff-column-container.ff_columns_total_3 .ff-t-cell:hover,
.fluentform form .ff-column-container.ff_columns_total_4 .ff-t-cell:hover {
	background-color:#ccc;
}


.fluentform form .ff-column-container.ff_columns_total_3 .ff-t-cell h4,
.fluentform form .ff-column-container.ff_columns_total_4 .ff-t-cell h4 {
	font-size:1em;
	min-height:3.375em;
	color:var(--wp--preset--color--base) !important;
}


.fluentform form .ff-column-container.ff_columns_total_3 .ff-t-cell .ff-el-form-hide_label,
.fluentform form .ff-column-container.ff_columns_total_4 .ff-t-cell .ff-el-form-hide_label {

    flex-direction: column;
    margin-top: auto;
    display: flex;
}


.ff_tc_checkbox,
.ff-el-form-check-checkbox {
  transform: scale(1.8);
  transform-origin: left center;
  display: inline-block;
}




.ff-el-form-check {
	display:block;	
}

.ff-el-form-check .ff_tc_checkbox {
	display:block !important;
	padding-left:8px !important;
	padding-top:5px !important;
}



.ff-el-form-check .ff_t_c,
.ff-el-form-check-label span {
	padding-left:10px !important; 
}
.ff-t-cell-highlighted {
	background-color:var(--wp--preset--color--accent-2) !important;
}
.ff-el-input--content .ff-el-form-check .ff_t_c {
	padding-left:20px !important;
}

.ff-btn-submit {
	width: 100%;
    font-size: 1.2em !important;
}


/*Kontaktformular*/

/*Formulare END*/




/*BLOG BEGIN*/

.wp-block-latest-posts__list li {
	box-shadow:var(--wp--preset--shadow--natural);
	border:1px solid rgba(0, 0, 0, 0.2);
	box-sizing:border-box;
	
}
.wp-block-latest-posts__list .wp-block-latest-posts__post-title,
.wp-block-latest-posts__list time,
.wp-block-latest-posts__list .wp-block-latest-posts__post-excerpt{
	box-sizing: border-box;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	display: inline-block;
	width: 100%;
}
.wp-block-latest-posts__list .wp-block-latest-posts__read-more {
	text-decoration: none;
	padding: 10px;
	border:none;
	margin-top: 15px;
}

.wp-block-latest-posts__list .wp-block-latest-posts__post-title {
	text-decoration: none;
	border-bottom: 2px solid transparent;
	font-weight: bold;
	transition: all 0.5s;
}
.wp-block-latest-posts__list .wp-block-latest-posts__post-title:hover {
	border-bottom: 2px solid var(--wp--preset--color--base);
}

.home .wp-block-latest-posts__list {
	width:100%;
	border-bottom: 2px solid rgba(0, 0, 0, 0.1);
	padding-bottom: 30px;
}
.home .wp-block-latest-posts__list li a,
.home .wp-block-latest-posts__list li a img {
	max-width: 100% !important;
}
.home .wp-block-latest-posts__list li .wp-block-latest-posts__post-title {
	height:4.5em;
	
}

.single-post main.wp-block-group {
	margin-top:0 !important;
}

.single-post main.wp-block-group > div.wp-block-group {
	padding-top:0 !important;
}

.single-post main.wp-block-group .wp-block-button__link {
	width: 100%;
    text-align: center;
    display: inline-block;
    margin-top: 4em;
}
.single-post main.wp-block-group .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--accent-5) !important;
}

/*BLOG END*/


/*Saisonale Effekte BEGIN*/
body.mwd-seasonal-effect {
	padding-top:0;
}
.mwd-seasonal-effect .wp-site-blocks{
	z-index: 2;
	position: relative;
}
.mwd-seasonal-effect main.wp-block-group > div {
	background-color: transparent;
}
.mwd-seasonal-effect main.wp-block-group > div > div,
.mwd-seasonal-effect footer {
	background-color:var(--wp--preset--color--white);
}

.mwd-seasonal-effect #mwd-snow-canvas{
	background-color: #6B778D;
	position: fixed;
	top:0;
	z-index: 1;
}

.mwd-seasonal-effect-snow {

}


/*Saisonale Effekte END*/


/* =================================================================
   Ankündigungsleiste
================================================================= */
.mwd-announcement-bar {
    background-color: #333;
    color: #fff;
    padding: 12px 20px;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 1.5;
}

.mwd-announcement-bar.sticky {
    position: sticky;
    top: 0;
    z-index: 99999;
}

/* Verhindert einen Sprung bei sticky Headern von Themes, wenn die Admin-Bar sichtbar ist */
.admin-bar .mwd-announcement-bar.sticky {
    top: 32px;
}

.mwd-announcement-bar-content strong {
    margin-right: 1em;
}



@media (max-width: 1300px) {
	.page-id-9 main .entry-content > div,
	.page-id-25 main .entry-content > div,
	.page-id-33 main .entry-content > div,
	.page-id-40 main .entry-content > div,
	.page-id-44 main .entry-content > div,
	.page-id-42 main .entry-content > div,
	.page-id-48 main .entry-content > div {
		margin: 0 2% 0 2% !important;
	}
	.page-id-33 main .entry-content > div.wp-block-mwd-core-service-gallery {
		max-width:96%;
		width:96%;
	}
}

@media (max-width: 1250px) {
	footer > .wp-block-group > .wp-block-group{
		grid-template-columns: repeat(1, 1fr) !important;
		flex-wrap: wrap !important;
	}
	footer .wp-block-site-logo,
	footer p,
	footer nav {
		text-align:center;
	}
	footer .wp-block-navigation.items-justified-right.is-vertical {
    --navigation-layout-align: flex-center;
	}
	.wp-block-navigation .wp-block-navigation-item {
		display: inline-block;
		width:100%;
		text-align:center;
	}

}

@media (max-width: 900px) {
	
	.has-3-columns, .wp-block-mwd-core-image-gallery.has-3-columns, .wp-block-mwd-core-image-gallery.has-3-columns>.block-editor-inner-blocks>.block-editor-block-list__layout, .wp-block-mwd-core-service-gallery.has-3-columns, .wp-block-mwd-core-service-gallery.has-3-columns>.block-editor-inner-blocks>.block-editor-block-list__layout, .wp-block-mwd-core-team-gallery.has-3-columns, .wp-block-mwd-core-team-gallery.has-3-columns>.block-editor-inner-blocks>.block-editor-block-list__layout, .wp-block-mwd-core-testimonial-gallery.has-3-columns, .wp-block-mwd-core-testimonial-gallery.has-3-columns>.block-editor-inner-blocks>.block-editor-block-list__layout,
	.wp-block-mwd-core-image-gallery.has-4-columns, .wp-block-mwd-core-image-gallery.has-4-columns>.block-editor-inner-blocks>.block-editor-block-list__layout, .wp-block-mwd-core-service-gallery.has-4-columns, .wp-block-mwd-core-service-gallery.has-4-columns>.block-editor-inner-blocks>.block-editor-block-list__layout, .wp-block-mwd-core-team-gallery.has-4-columns, .wp-block-mwd-core-team-gallery.has-4-columns>.block-editor-inner-blocks>.block-editor-block-list__layout, .wp-block-mwd-core-testimonial-gallery.has-4-columns, .wp-block-mwd-core-testimonial-gallery.has-4-columns>.block-editor-inner-blocks>.block-editor-block-list__layout,
	.wp-block-columns.wp-block-columns-is-layout-flex  {
		grid-template-columns: repeat(1, 1fr) !important;
	}
	.wp-block-columns.wp-block-columns-is-layout-flex,
	.wp-block-latest-posts.columns-3 li  {
		min-width: 100% !important;
		flex-wrap: wrap !important;
	}
	.wp-block-columns.wp-block-columns-is-layout-flex > .wp-block-column {
		flex-basis: 100% !important;
		
	}


	.wp-block-mwd-core-service-item .service-item-icon-wrapper {
		aspect-ratio: 8 / 3;
	}

	header {
		width: 100%;
    	border: none;
	}
}

@media (max-width: 700px) {
	.wp-block-site-title {
		font-size:0.7em;
	}
}