/*
Theme Name:   Relation Child
Template:     relation
Version:      1.0
*/

/* Layout Corrections */
/* Desktop Screens */
.page-wrap {
    padding-right: unset;
    padding-left: unset;
}
@media screen and (min-width: 992px) {
    .sidemount {
        padding-right: unset;
    }
}
.navbar-fixed {
    width: auto;
    position: relative;
}
#Main {
    padding-left: unset;
    margin-top: unset;
    padding-top: unset;
    /* width: 100%; */
}
section.post-content {
    width: 100%;
}

/* Mobile Screens */
.sidemount {
    margin: 0 auto;
    padding-bottom: 1.6em;
}

/* FONTS */
@font-face {
  font-family: "LinLibertine";
  src:
    local("LinLibertine"),
    url("fonts/LinLibertine_RB.woff") format("woff");
}

h1, h2 {
    font-family: "LinLibertine", serif;
}
.h1 {
    font-size: 1.6rem;
}
.site-title, .post-title {
    text-transform: none;
}
.site-title {
    animation: Enter 1046ms ease-out;
}

a {
    text-decoration: none;
    color: #038;
}
a:hover {
    text-decoration: underline;
}

strong {
    color: #444;
}

span.dashicons {
    font-size: 24px;
}
span.grey {
    color:#888;
}

/* Sidemount */
section.sidemount {
    background-image: url(https://textilpflege-maechler.de/wp-content/uploads/2025/11/Vichykaro_Gewebe_s_Pantone100Uhell.png), linear-gradient(320deg, rgba(255, 251, 230, 1) 0%, rgb(222 215 197 / 66%) 33%, rgba(255, 251, 230, 1) 50%, rgb(222 215 197 / 33%) 66%);
    background-repeat: repeat;
    background-blend-mode: multiply;
    background-color: #fff;
}
.header-logo img {
    max-width: 62%;
    transform: rotate(0deg);
    transition: transform 539ms ease-out, filter 3376ms ease-out;
    filter: contrast(0.8);
}
@media (orientation: landscape) {
    .header-logo img {
        max-width: 33%;
    }
}
.header-logo img:hover {
    transform: rotate(-16deg);
    transition: transform 539ms ease, filter 539ms ease-in;
    filter: contrast(0) sepia(1) saturate(5) hue-rotate(-48deg) brightness(0.6);
}

.descriptor-alt {
    color: #038;
}

.site-logo {
    animation: Flydown 846ms ease 0s 1 normal forwards;
    animation-delay: 0198ms;
}

/* Sidemout Footer and Mobile Footer */

.sidemountmenu ul.menu {
    list-style-type: none;
    padding-inline-start: 0;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
.sidemountmenu ul.menu > li {
    margin: 0 1ex;
}

/* Top Navigation */
#nav a {
	background: none;
}

.menu > li > a:hover {
    border-bottom: 2px solid #f8e946;
}

header.navbar-fixed {
    background: #f1f1f1;
    background: linear-gradient(180deg, #f1f1f1 0%, #ffffff 92%, #fef380 92%, #fef380 97%, #f8e946 97%, #f8e946 100%);
    background-clip: padding-box;
}
@media screen and (max-width: 991px) {
        .navbar-fixed {
        position: relative;
        box-shadow: 0 8px 13px #0000001c;
        width: 100%;
        margin-top: 0;
    }
    nav#nav {
    padding-bottom: 1em;
    }
}

/* Main Content Container */
section.container-main {
    background-color: #fff;
    height: 100%;
    min-height: 99vh;
}
.main {
    opacity: 1;
	animation-name: fadeInOpacity;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 198ms;
}
.post-content {
    border-bottom: unset;
}

/* Footer */
#copyFooterFooter {
    text-align: center;
    background: #f5f1dd;
    background: linear-gradient(180deg, rgba(255, 251, 230, 1) 0%, #f7f0a6 33%);
}

/* Single Pages */

/* Öffnungszeiten & Preise */
table#zeiten, table#preise {
    empty-cells: hide;
}

@media screen and (max-width: 991px) {
    table#zeiten, table#preise {
        margin-left: auto;
        margin-right: auto;
    }
}
table#zeiten th, table#preise th {
    padding: 5px 13px;
    text-align: left;
}
table#zeiten td, table#preise td {
    padding: 5px 13px;
    text-align: left;
    border-bottom: 2px dotted #0d235952;
}
table#preise td:last-child, table#preise th:last-child {
    text-align: right;
}
table#zeiten tr:last-child td, table#preise tr:last-child td, table#preise th + td {
    border-bottom: none;
}
table#zeiten td:first-of-type {
    font-weight: bolder;
}
@media screen and (orientation: portrait) and (max-width: 520px) {
    table#zeiten td {
        display: flex;
        padding: 2px 13px;
        border-bottom: none;
    }
    table#zeiten tr td:first-of-type {
        display: flex;
        border-bottom: 2px dotted #0d235952;
    }
    table#zeiten td:first-of-type span {
        display: none;
    }
    table#zeiten tr td:last-child {
        margin-bottom: 13px;
    }
}

/* Lagebeschreibung */

address {
    border-left: 8px double #f8e946;
    padding: 2px 13px;
    font-family: monospace;
}

div#consentbox {
    display: flex;
    flex-wrap: nowrap;
    position: absolute;
    bottom: 5%;
    padding: 13px 3%;
    background-color: #ffffffb0;
}
@media screen and (max-width: 991px) {
    div#consentbox {
        flex-wrap: wrap;
    }
}
div#consentbox > button {
    min-width: 150px;
}
div#consentbox > button, div#consentbox > p {
    margin: 0 0 8px 0;
    line-height: 1.2em;
}
div#consentbox > p {
    letter-spacing: -0.5px;
    word-wrap: break-word;
}
div#consentbox > button {
    margin-right: 1em;
}

#map {
    position: relative;
    height: 100%;
    min-height: 50vh;
    width: 100%;
    /*border: 1px solid #0d235917;*/
    border-radius: 13px;
    background-image: url('https://textilpflege-maechler.de/wp-content/uploads/2025/12/Static_Map.webp');
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
}

article#post-21 pre {
    display: none;
}

/* Kontakt */

.dashicons-phone, .dashicons-email-alt {
    transform: rotateY(180deg);
    padding-left: 8px;
}
.verlauf {
    margin: 0 0 1em;
    padding: 1.4em;
    background: linear-gradient(to right, #f8e9465c, transparent);
    line-height: 1.5em;
    border-radius: 5px;
}
.verlauf td {
    padding: 5px 0;
}

/* Impressum */
article#post-25 table th, article#post-25 table td {
    padding: 3px 13px 3px 0;
}

/* Ihre deutsche Lieferadresse */
article#post-30 {
    background-image: url('https://textilpflege-maechler.de/wp-content/uploads/2025/11/Flagge_DE_CH.webp');
    background-repeat: no-repeat;
    background-origin: border-box;
    background-size: contain;
    background-position-x: right;
    min-height: 60vh;
}
article#post-30 header h2 {
    background-color: white;
    display: inline-block;
    padding: 0 8px 0 0;
    border-radius: 5px;
}
article#post-30 .post-content h2, article#post-30 .post-content h3, article#post-30 .post-content p {
    display: inline;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 5px;
    padding: 3px 5px 3px 0;
}
article#post-30 table {
    margin-bottom: 1.6em;
}
article#post-30 .post-content address {
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.8);
    margin: 1ex 0;
}

/* Animations */

@keyframes fadeInOpacity {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes Flydown {
	0% {
		animation-timing-function: ease-in;
		opacity: 0;
		transform: translateY(-150px);
	}

	68% {
		animation-timing-function: ease-out;
		opacity: 1;
		transform: translateY(0);
	}

	76% {
		animation-timing-function: ease-in;
		transform: translateY(-21px);
	}

	84% {
		animation-timing-function: ease-out;
		transform: translateY(0);
	}

	92% {
		animation-timing-function: ease-in;
		transform: translateY(-8px);
	}
	100% {
		animation-timing-function: ease-out;
		transform: translateY(0);
	}
}

@keyframes Enter {
	0% {
		transform: scale(0.62);
	}

	100% {
		transform: scale(1);
	}
}