/*
Theme Name: DJ Spiekermann
Author: David Landgraf
Author URI: https://dawima.de
Description: DJ Spiekermann Style and Theme
Requires at least: 6.0
Tested up to: 6.0
Requires PHP: 8.0
Version: 4.5.0
License: private
Text Domain: dawima
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments

DAWIMA WordPress Theme, (C) 2021 dawima.de
*/

body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
	font-weight: var(--wp--custom--typography--weight--standard);
	line-height: var(--wp--custom--typography--line-height--standard);
}

a {
    text-decoration-thickness: 1px;
    text-underline-offset: 0.25ch;
}

a:hover,
a:focus {
    text-decoration-style: dashed;
}

a:active {
    text-decoration: none;
}

.wp-block-navigation .wp-block-navigation-item a:hover,
.wp-block-navigation .wp-block-navigation-item a:focus {
    text-decoration: underline;
    text-decoration-style: solid;
}

.wp-block-search__button,
.wp-block-file .wp-block-file__button {
    background-color: var(--wp--preset--color--primary);
    border-radius: 0;
    border: none;
    color: var(--wp--preset--color--background);
    font-size: var(--wp--preset--font-size--medium);
    padding: calc(.667em + 2px) calc(1.333em + 2px);
}

.wp-block-search__button:hover,
.wp-block-file .wp-block-file__button:hover,
.wp-block-button__link:hover {
    opacity: 0.90;
}

main, footer,
body > .is-root-container,
.edit-post-visual-editor__post-title-wrapper,
.wp-block-group.alignfull,
.wp-block-group.has-background,
.wp-block-cover.alignfull,
.is-root-container .wp-block[data-align="full"] > .wp-block-group,
.is-root-container .wp-block[data-align="full"] > .wp-block-cover {
    padding-left: var(--wp--custom--spacing--outer);
    padding-right: var(--wp--custom--spacing--outer);
}

.wp-site-blocks .alignfull,
.wp-site-blocks > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-cover,
.wp-site-blocks > .wp-block-template-part > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-template-part > .wp-block-cover,
body > .is-root-container > .wp-block-cover,
body > .is-root-container > .wp-block-template-part > .wp-block-group.has-background,
body > .is-root-container > .wp-block-template-part > .wp-block-cover,
.is-root-container .wp-block[data-align="full"] {
    margin-left: calc(-1 * var(--wp--custom--spacing--outer)) !important;
    margin-right: calc(-1 * var(--wp--custom--spacing--outer)) !important;
    width: unset;
}

.wp-site-blocks .wp-block-columns .wp-block-column .alignfull,
.is-root-container .wp-block-columns .wp-block-column .wp-block[data-align="full"],
.wp-site-blocks .alignfull:not(.wp-block-group) .alignfull,
.is-root-container .wp-block[data-align="full"] > *:not(.wp-block-group) .wp-block[data-align="full"] {
    margin-left: auto !important;
    margin-right: auto !important;
    width: inherit;
}

.wp-block-navigation__responsive-container.is-menu-open {
    padding-top: var(--wp--custom--spacing--outer);
    padding-bottom: var(--wp--custom--spacing--large);
    padding-right: var(--wp--custom--spacing--outer);
    padding-left: var(--wp--custom--spacing--outer);
}

/*
 * own CSS
 */
 
/*
 * globale HTML-Objekt-Anpassung
 */
main p {
	margin-top: 1em !important;
	font-size: medium;
}

div#user-submitted-posts fieldset label {
    display: inline-block;
    margin-bottom: 0.5rem;
}


header {
    padding-left: var(--wp--custom--spacing--outer);
    padding-right: var(--wp--custom--spacing--outer);
}

input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea {
    padding: 0.375rem 0.75rem;
    line-height: 1.5;
    color: #495057;
    background-color: var(--wp--preset--color--background);
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

input[type=submit] {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    cursor: pointer;
}

input[type=file] {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: var(--wp--preset--color--background);
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    cursor: pointer;
}

/*
 * komplette Styles von spezifischen Objekten
 */

.mobile-header {
    display: none;
}

.header-dawima {
    padding-top: max(0.5rem, 2vw);
    padding-bottom: clamp(1rem, 2.5vw, 2rem);
}

.header-image {
    max-width: 24px;
}

.sticky-header {
    position: sticky;
    background-color: var(--wp--preset--color--background);
    z-index: 999;
    top: 0;
}

.underline-header {
    text-underline-position: under;
    text-decoration: underline;
    text-decoration-color: var(--wp--preset--color--jffrs-rot);
    text-decoration-thickness: 2px;
	text-underline-offset: var(--wp--custom--spacing--text-underline-offset-small);
}

.custom-margin-top-header {
    margin-top: var(--wp--style--block-gap);
}

.slider {
    text-align: center;
}

.wp-block-post-title {
	margin-bottom: 0 !important;
	font-size: var(--wp--custom--typography--font-size--huge);
}

.full-red-hr-without-space {
    color: var(--wp--preset--color--jffrs-rot);
    width: 100% !important;
}

.contact-form {
    display: flex;
    justify-content: space-between;
}

.no-margin-accordion h4  {
	margin-bottom: 0 !important;
	margin-top: 0 !important;
}

.custom-margin-accordion {
	margin-bottom: 0 !important;
	margin-top: 0 !important;
}

.custom-margin-accordion h4  {
	margin-bottom: 0 !important;
	margin-top: 0 !important;
	padding-bottom: 1rem !important;
}

.custom-margin-accordion > div  {
	margin-bottom: 1rem !important;
}

.black-headlines-accordion h4 {
	color: var(--wp--preset--color--foreground);
}

.black-headlines-accordion h5 {
	color: var(--wp--preset--color--foreground);
}

.custom-margin-top-references {
	margin-top: 5px !important;
}

.sticky-headline h4 {
	position: sticky;
    top: 290px;
    z-index: 900;
    background: white;
}

.sticky-title{
	position: sticky;
    top: 290px;
    z-index: 910;
    background: white;
}

/*
 * einzelne Styles für HTML-Elemente (generell)
 */

.nolink {
    pointer-events: none;
    cursor: default;
}

.nolink-underline {
    text-decoration: none;
}

.flex-space-between {
    justify-content: space-between;
}

.no-margin-bottom {
	margin-bottom: 0 !important;
}

.no-margin-top {
	margin-top: 0 !important;
}

.custom-no-gap {
	gap: 0 !important;
}

.padding-left-20 {
	padding-left:20px;
}

.padding-top-1rem {
	padding-top:1rem;
}

@media screen and (max-width: 600px) {
    .desktop-header {
        display: none;
    }

    .mobile-header {
        display: block;
    }

    .custom-margin-top-header {
		margin-top: var(--wp--custom--spacing--margin-top-header);
	}

	.underline-header {
		text-underline-position: under;
		text-decoration: underline;
		text-decoration-color: var(--wp--preset--color--jffrs-rot);
		text-decoration-thickness: 2px;
		text-underline-offset: 0;
	}
	
	.mobile-site-title-small {
		font-size: larger !important;
	}
	
	.n2-ss-layer {
		margin-bottom: 0 !important;
		margin-top: 0 !important;
	}
		
	.mobile-references-custom-margin-top {
        margin-top: 5px !important;
    }
	
	.mobile-accordion-group-smaller-space {
		margin-top: 7px !important;
		margin-bottom: 0 !important;
	}
	
	.mobile-accordion-group-smaller-space h4 {
		font-size: large !important;
		margin-bottom: 0;
		margin-top: 0;
	}
	
	.mobile-accordion-group-gallery {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}
	
	.mobile-accordion-group-gallery h4 {
		font-size: large !important;
		margin-bottom: 7px !important;
		margin-top: 0 !important;
	}
	
	.custom-margin-top {
        margin-top: 5px !important;
    }
	
	.custom-mobile-no-gap {
		gap: 0 !important;
	}
	
	.sticky-headline h4 {
		position: sticky;
		top: 210px;
		z-index: 900;
		background: white;
	}
	
    .sticky-title {
		position: sticky;
		top: 210px;
		z-index: 910;
		background: white;
	}
}	
@media screen and (max-width: 1300px) and (min-width: 600px) {
    .header-dawima-container {
        flex-wrap: unset !important;
    }
	
	.website-slug {
		display: none;
	}
	
	.navigation-desktop nav ul {
		row-gap: 10px;
	}

	.contact-area {
		margin-top: 10px !important;
	}
	
	.sticky-headline-to-accordion h4 {
		position: sticky;
		top: 315px;
		z-index: 900;
		background: white;
	}
	
	.sticky-headline h4 {
		position: sticky;
		top: 315px;
		z-index: 900;
		background: white;
	}
	
	.sticky-title {
		position: sticky;
		top: 315px;
		z-index: 910;
		background: white;
	}
}