/*
Theme Name: dasfruehchen
Theme URI: dasfruehchen
Author: web-2b.de
Author URI: https://www.dasfruehchen.de/
Description: dasfruehchen based on Frost
Requires at least: 6.5
Tested up to: 6.5.2
Requires PHP: 8.2
Version: 1.3.3
*/
@keyframes rotateImage {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(271deg);
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.is-style-shadow-light {
  box-shadow: var(--wp--preset--shadow--light);
}

.is-style-shadow-solid {
  box-shadow: var(--wp--preset--shadow--solid);
}

main .entry-content p:not(.breadcrumbs) a:not(.wp-element-button) {
  text-decoration: underline;
}
main .entry-content p:not(.breadcrumbs) a:not(.wp-element-button):hover {
  color: var(--wp--preset--color--primary);
}

main.wp-block-group p {
  margin-block-start: 15px;
}

.text-upper {
  text-transform: uppercase;
}

.has-medium-font-size p,
p.has-medium-font-size {
  line-height: 1.5;
  font-weight: 300;
}

b,
strong,
th {
  font-weight: var(--wp--custom--font-weight--bold);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

a,
button,
input:focus,
input[type=button],
input[type=submit],
textarea:focus,
.wp-element-button {
  transition: all 0.2s ease-in-out;
}

a,
a:focus,
a:hover,
a:not(.wp-element-button) {
  text-decoration-thickness: 1px;
}

a img {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
}

mark {
  background: linear-gradient(90deg, var(--wp--preset--color--primary) 0%, var(--wp--preset--color--primary) 100%);
  background-position: 0 85%;
  background-repeat: repeat-x;
  background-size: 100% 15%;
}

main ul, main ol {
  margin-block-start: 15px !important;
}
main ul li::marker,
main ol li::marker {
  color: var(--wp--preset--color--contrast);
  font-size: 20px;
}

/* Blocks
---------------------------------------- */
/* -- Code -- */
*:not(.wp-block-code) > code {
  background-color: var(--wp--preset--color--neutral);
  font-size: var(--wp--preset--font-size--small);
  padding: 5px 8px;
}

:root {
  --header-h: 0px;
}

.acf-hero {
  position: relative;
  height: calc(100dvh - var(--header-h));
  overflow: hidden;
  max-width: 100%;
  width: 100%;
}
.acf-hero__media {
  margin: 0;
  height: 100%;
}
.acf-hero__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.acf-hero__inner {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  z-index: 333;
  left: 0;
  right: 0;
  margin: 0 auto;
  max-width: var(--wp--style--global--wide-size);
}
.acf-hero__text {
  max-width: 670px;
  padding: 50px;
  background: rgb(255, 255, 255);
  background: rgba(255, 255, 255, 0.6);
  border-radius: 25px;
}
.acf-hero__text h1 {
  margin: 0 0 30px 0;
}
.acf-hero__text p {
  line-height: 1.3;
  font-size: var(--wp--preset--font-size--max-20);
  color: var(--wp--preset--color--dark);
}
.acf-hero__arrow {
  position: absolute;
  bottom: 15px;
  left: 0;
  right: 0;
  width: 100%;
  text-align: center;
}
.acf-hero__arrow div {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  padding: 10px;
}
.acf-hero__arrow svg {
  fill: #fff;
}
.wp-block-post h2 a {
  color: var(--wp--preset--color--primary);
}
.wp-block-post h2 a:focus-within, .wp-block-post h2 a:hover {
  color: var(--wp--preset--color--contrast);
}

.event-block {
  border-top: 5px solid #fff;
  border-bottom: 5px solid #fff;
}

.global-banner {
  padding-top: var(--wp--preset--spacing--x-small);
  padding-bottom: var(--wp--preset--spacing--x-small);
}

.global-banner__text {
  font-size: var(--wp--preset--font-size--medium) !important;
}

.site-header {
  position: sticky;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 3333;
  background: #fff;
  border-bottom: 5px solid var(--wp--preset--color--neutraltwo);
}
.site-header .wp-block-group .wp-block-group {
  flex-wrap: nowrap;
  padding: 0 !important;
}
.site-header .wp-block-navigation__responsive-container-close {
  left: 0;
  right: auto;
}
@media only screen and (max-width: 600px) {
  .site-header .logo {
    max-width: 60%;
  }
  .site-header .wp-block-group {
    padding: 10px 20px !important;
  }
}

.site-footer .wp-block-separator {
  opacity: 0.2;
}
.site-footer p {
  opacity: 0.7;
}
.site-footer a:focus-within,
.site-footer a:hover {
  opacity: 1;
}

.footer-bottom {
  opacity: 0.7;
}
.footer-bottom p, .footer-bottom li, .footer-bottom a {
  font-size: 1rem;
}

.wp-block-navigation li > a:hover,
.wp-block-navigation li > a:focus-within,
.wp-block-navigation .current-menu-item > a {
  color: var(--wp--preset--color--contrast) !important;
}

/* Media Queries
---------------------------------------- */
@media only screen and (max-width: 600px) {
  :root {
    --wp--custom--spacing--gap: 20px!important;
  }
  /* -- Utility -- */
  .is-style-hidden-mobile {
    display: none !important;
  }
  .wp-block-columns > .wp-block-column[style*="flex-basis:25%"]:empty {
    display: none !important;
  }
}
@media only screen and (max-width: 782px) {
  /* -- Columns -- */
  .is-style-columns-reverse {
    flex-direction: column-reverse;
  }
}
.global-banner__button,
.wp-block-post-excerpt__more-link,
.acf-hero__link,
.wp-block-button__link {
  transition: all 1s ease;
  text-decoration: none;
}
.global-banner__button:after,
.wp-block-post-excerpt__more-link:after,
.acf-hero__link:after,
.wp-block-button__link:after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: currentColor;
  -webkit-mask: url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"%3E%3Cpath d="M440.6 273.4c4.7-4.5 7.4-10.8 7.4-17.4s-2.7-12.8-7.4-17.4l-176-168c-9.6-9.2-24.8-8.8-33.9 .8s-8.8 24.8 .8 33.9L364.1 232 24 232c-13.3 0-24 10.7-24 24s10.7 24 24 24l340.1 0L231.4 406.6c-9.6 9.2-9.9 24.3-.8 33.9s24.3 9.9 33.9 .8l176-168z"%3E%3C/path%3E%3C/svg%3E') no-repeat 50% 50%/contain;
  mask: url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"%3E%3Cpath d="M440.6 273.4c4.7-4.5 7.4-10.8 7.4-17.4s-2.7-12.8-7.4-17.4l-176-168c-9.6-9.2-24.8-8.8-33.9 .8s-8.8 24.8 .8 33.9L364.1 232 24 232c-13.3 0-24 10.7-24 24s10.7 24 24 24l340.1 0L231.4 406.6c-9.6 9.2-9.9 24.3-.8 33.9s24.3 9.9 33.9 .8l176-168z"%3E%3C/path%3E%3C/svg%3E') no-repeat 50% 50%/contain;
  margin-left: 0.25em;
  vertical-align: middle;
  transition: opacity 0.2s ease;
}
.global-banner__button:focus, .global-banner__button:active, .global-banner__button:hover,
.wp-block-post-excerpt__more-link:focus,
.wp-block-post-excerpt__more-link:active,
.wp-block-post-excerpt__more-link:hover,
.acf-hero__link:focus,
.acf-hero__link:active,
.acf-hero__link:hover,
.wp-block-button__link:focus,
.wp-block-button__link:active,
.wp-block-button__link:hover {
  border-color: var(--wp--preset--color--contrast) !important;
  background: var(--wp--preset--color--contrast) !important;
  color: #fff !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

main a[target=_blank]::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: currentColor;
  -webkit-mask: url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"%3E%3Cpath d="M328 96c13.3 0 24 10.7 24 24l0 240c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-182.1L73 409c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l231-231L88 144c-13.3 0-24-10.7-24-24s10.7-24 24-24l240 0z"%3E%3C/path%3E%3C/svg%3E') no-repeat 50% 50%/contain;
  mask: url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"%3E%3Cpath d="M328 96c13.3 0 24 10.7 24 24l0 240c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-182.1L73 409c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l231-231L88 144c-13.3 0-24-10.7-24-24s10.7-24 24-24l240 0z"%3E%3C/path%3E%3C/svg%3E') no-repeat 50% 50%/contain;
  opacity: 0.75;
  transition: transform 0.2s ease, opacity 0.2s ease;
}

.acf-hero__link {
  color: #fff;
  background-color: var(--wp--preset--color--contrast) !important;
}

.wp-block-post-excerpt__more-link {
  border: 2px solid var(--wp--preset--color--contrast) !important;
}

:root :where(.wp-element-button, .wp-block-button__link) {
  font-size: var(--wp--preset--font-size--max-20);
}

.global-banner__button,
.wp-block-post-excerpt__more-link,
.acf-hero__link {
  font-size: var(--wp--preset--font-size--max-20);
  font-weight: var(--wp--custom--font-weight--medium);
  line-height: var(--wp--custom--line-height--medium);
  text-decoration: none !important;
  display: inline-block;
  background: transparent none;
  border-color: currentColor;
  border-style: solid;
  padding-top: 15px;
  padding-right: 30px;
  padding-bottom: 15px;
  padding-left: 30px;
  border-radius: 9999px;
}

a,
button,
input:focus,
input[type=button],
input[type=submit],
textarea:focus,
.wp-element-button {
  transition: all 0.2s ease-in-out;
}

a,
a:focus,
a:hover,
a:not(.wp-element-button) {
  text-decoration-thickness: 1px;
}

b,
strong,
th {
  font-weight: var(--wp--custom--font-weight--medium);
}

mark {
  background: linear-gradient(90deg, var(--wp--preset--color--primary) 0%, var(--wp--preset--color--primary) 100%);
  background-position: 0 85%;
  background-repeat: repeat-x;
  background-size: 100% 15%;
}

/* -- Forms -- */
input,
select,
textarea {
  background-color: var(--wp--preset--color--base);
  border: 2px solid #c0beb5;
  border-radius: 0;
  color: var(--wp--preset--color--basetwo);
  font-family: var(--wp--preset--font-family--primary);
  font-size: var(--wp--preset--font-size--medium);
  font-weight: var(--wp--custom--font-weight--regular);
  line-height: var(--wp--custom--line-height--body);
  padding: 10px 20px;
  width: 100%;
}

input:focus,
textarea:focus {
  background-color: #fff;
  outline: none;
}

input[type=checkbox],
input[type=image],
input[type=radio] {
  width: auto;
}

input[type=button],
input[type=email],
input[type=search],
input[type=submit],
input[type=text],
textarea {
  -webkit-appearance: none;
}

/* Hide the OS/Browser checkboxes/radio buttons */
input[type=checkbox], input[type=radio] {
  visibility: hidden !important;
  margin: 0 !important;
  width: 0 !important;
}

/* Set Elegant Icont font, size, & positioning for the checkboxes/radio buttons plus the cursor on hover */
input[type=checkbox] + label:before,
input[type=checkbox] + span:before,
input[type=radio] + label:before {
  visibility: visible;
  border: 1px solid #666;
  width: 22px;
  height: 22px;
  display: inline-block;
  position: relative;
  top: 6px;
  margin-right: 10px;
  background: #fff;
}

input[type=checkbox] + label:hover,
input[type=checkbox] + span:hover,
input[type=radio] + label:hover {
  cursor: pointer;
}

/** SECTION 2 **/
/* Set checkbox to ET icons: normal, hover, checked, & checked hover */
input[type=checkbox] + label:before,
input[type=checkbox] + span:before {
  content: "";
}

input[type=checkbox] + label:hover:before,
input[type=checkbox] + span:hover:before {
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='check' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='svg-inline--fa fa-check fa-w-16'%3E%3Cpath fill='currentColor' d='M435.848 83.466L172.804 346.51l-96.652-96.652c-4.686-4.686-12.284-4.686-16.971 0l-28.284 28.284c-4.686 4.686-4.686 12.284 0 16.971l133.421 133.421c4.686 4.686 12.284 4.686 16.971 0l299.813-299.813c4.686-4.686 4.686-12.284 0-16.971l-28.284-28.284c-4.686-4.686-12.284-4.686-16.97 0z' class=''%3E%3C/path%3E%3C/svg%3E");
  background-size: 22px 22px;
  filter: alpha(opacity=20);
  opacity: 0.2;
}

input[type=checkbox]:checked + label:before,
input[type=checkbox]:checked + span:before {
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='check' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='svg-inline--fa fa-check fa-w-16'%3E%3Cpath fill='currentColor' d='M435.848 83.466L172.804 346.51l-96.652-96.652c-4.686-4.686-12.284-4.686-16.971 0l-28.284 28.284c-4.686 4.686-4.686 12.284 0 16.971l133.421 133.421c4.686 4.686 12.284 4.686 16.971 0l299.813-299.813c4.686-4.686 4.686-12.284 0-16.971l-28.284-28.284c-4.686-4.686-12.284-4.686-16.97 0z' class=''%3E%3C/path%3E%3C/svg%3E");
  background-size: 22px 22px;
}

input[type=checkbox]:checked + label:hover:before,
input[type=checkbox]:checked + span:hover:before {
  filter: alpha(opacity=100);
  opacity: 1;
}

::placeholder {
  color: #666;
  font-size: var(--wp--preset--font-size--small);
  opacity: 0.5;
}

.wp-block-buttons--round a {
  border-radius: 9999px;
}

.captcha-image {
  width: 100%;
  border: none;
}

.req {
  color: red;
}

.wpcf7-form .wpcf7-list-item {
  margin: 0;
  padding: 0;
}
.wpcf7-form p {
  margin: 0 0 20px 0;
}
.wpcf7-form .small p {
  opacity: 0.7;
  font-size: 1rem;
  margin-block-start: 0 !important;
  margin: 0 0 30px 0;
}

.cf7-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: 1fr 1fr;
}

.cf7-col {
  display: block;
}

.cf7-col--full {
  grid-column: 1/-1;
}

.cf7-actions {
  margin-top: 12px;
}

@media (max-width: 680px) {
  .cf7-grid {
    grid-template-columns: 1fr;
  }
}
.lightweight-accordion .lightweight-accordion-title {
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23D2C3D5' d='M267.3 395.3c-6.2 6.2-16.4 6.2-22.6 0l-192-192c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0L256 361.4 436.7 180.7c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6l-192 192z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px;
  background-size: 34px 34px;
}

.lightweight-accordion .lightweight-accordion-title::marker {
  content: "" !important;
}

.lightweight-accordion .lightweight-accordion-title h2 {
  color: var(--wp--preset--color--primary);
  font-size: var(--wp--preset--font-size--x-large);
  font-weight: var(--wp--custom--font-weight--medium);
}

.lightweight-accordion .lightweight-accordion-title {
  padding: 15px 0;
  border-top: 2px solid var(--wp--preset--color--neutraltwo) !important;
}

.lightweight-accordion .lightweight-accordion-body {
  padding: 10px 0;
}

.lightweight-accordion details[open] > summary.lightweight-accordion-title {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%234E1C67'%3E%3Cpath d='M244.7 116.7c6.2-6.2 16.4-6.2 22.6 0l192 192c6.2 6.2 6.2 16.4 0 22.6s-16.4 6.2-22.6 0L256 150.6 75.3 331.3c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6l192-192z'/%3E%3C/svg%3E");
}
.lightweight-accordion details[open] > summary.lightweight-accordion-title h2 {
  color: var(--wp--preset--color--contrast) !important;
}

.wp-block-post-template h3 a {
  color: var(--wp--preset--color--primary);
}
.wp-block-post-template h3 a:focus-within, .wp-block-post-template h3 a:hover {
  color: var(--wp--preset--color--contrast);
}

.has-neutral-background-color .wp-block-separator {
  border-color: #CBCACB !important;
}

.wp-block-separator {
  max-width: 100%;
  width: 100%;
  border-color: var(--wp--preset--color--neutraltwo) !important;
  border-width: 2px;
}

.social-links-container {
  display: flex;
  gap: 15px;
  align-items: center;
  justify-content: flex-start;
  margin: 15px 0 0 0;
}

.social-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid #fff;
  opacity: 0.7;
  text-decoration: none;
  transition: background-color 0.3s;
}
.social-link svg {
  fill: #fff;
}

.social-link:hover {
  opacity: 1;
  background-color: var(--wp--preset--color--contrast) !important;
}

#back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background-color: #9780A3;
  cursor: pointer;
  text-decoration: none;
  transition: opacity 0.3s, background-color 0.3s;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

#back-to-top:hover {
  background-color: var(--wp--preset--color--contrast) !important;
}

/* Stil des SVG-Pfeils */
#back-to-top svg {
  width: 20px;
  height: 20px;
}

/*# sourceMappingURL=style.css.map */