/*
Theme Name: Clarie Wells (2025 Child)
Theme URI: https://wordpress.org/themes/twentytwentyfive/
Template: twentytwentyfive
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Five emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide.
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,translation-ready,wide-blocks,block-styles,style-variations,accessibility-ready,blog,portfolio,news
Version: 1.4.1770291012
Updated: 2026-02-05 11:30:12

*/
html {
    scroll-behavior: smooth;
}
.wp-site-blocks {
    max-width: 1920px;
}
.page-id-2 .en {
    display: none !important;
}
.page-id-115 .de {
    display: none !important;
}
header .page-logo img {
    max-width: 225px;
    height: auto;
}
header.cw-header {
    background-color: rgba(255,255,255,0);
    height: 80px;
    position: fixed;
    opacity: 1;
    width: 100%;
    max-width: 1920px;
    transition: all .3s ease-in-out;
    z-index: 9999;
}
header.cw-header:hover {
    background-color: rgba(255,255,255,1) !important;
}
header.cw-header > .cw-header-div-0 > .wp-block-group > .wp-block-group.alignwide {
    align-items: baseline;
    padding-top: 30px !important;
    padding-bottom: 10px !important;
}
header.cw-header figure.wp-block-image,
header.cw-header .cw-menu {
    opacity: 0;
    transition: all .3s ease-in-out;
    padding: 0;
    position: relative;
    top: -4px;
}
header #modal-1,
header #modal-2 {
    top: 0px;
}
header.cw-header:hover figure.wp-block-image,
header.cw-header:hover .cw-menu {
    opacity: 1 !important;
}
header.cw-header:hover #insta-path,
header.cw-header:hover #fb-path,
header.cw-header:hover #yt-path2 {
    fill: var(--wp--preset--color--accent-1);
}
header.cw-header:hover #yt-path1 {
    fill: #fff;
}
header .cw-social {
    margin-left: 1rem;
    top: 0px;
    position: relative;
}
header .cw-social  a {
    outline: none !important;
}
#modal-1-content .wp-block-navigation .wp-block-navigation-item:last-child,
#modal-2-content .wp-block-navigation .wp-block-navigation-item:last-child {
    border-left: 1px solid #000;
    padding-left: 0.5em;
    margin-left: -1.25em;
}
.page-id-39 header.cw-header,
.page-id-41 header.cw-header {
    background-color: rgba(255,255,255,1);
    top: 0;
}
.page-id-39 header.cw-header figure.wp-block-image, 
.page-id-39 header.cw-header .cw-menu,
.page-id-41 header.cw-header figure.wp-block-image, 
.page-id-41 header.cw-header .cw-menu  {
    opacity: 1;
}
.page-id-39 header.cw-header .en,
.page-id-41 header.cw-header .en {
    display: none;
} 
.page-id-39 header.cw-header #insta-path,
.page-id-39 header.cw-header #fb-path,
.page-id-39 header.cw-header #yt-path2,
.page-id-41 header.cw-header #insta-path,
.page-id-41 header.cw-header #fb-path,
.page-id-41 header.cw-header #yt-path2 {
        fill: var(--wp--preset--color--accent-1) !important;
}
.page-id-39 header.cw-header #yt-path1,
.page-id-41 header.cw-header #yt-path1 {
        fill: #fff !important;
}


main {
    position: relative;
    top: 0px;
}
main a {
    outline: none;
}
#cw-name {
    position: absolute;
    right: 22%;
    top: 250px;
    z-index: 10;
}
:where(.wp-block-button__link) {
    border-radius: 0.75rem;
    box-shadow: none;
    text-decoration: none;
}
:root :where(.wp-element-button,.wp-block-button__link) {
    background-color: var(--wp--preset--color--accent-1);
    border-width: 0;
    color: var(--wp--preset--color--base);
    font-family: inherit;
    font-size: 16px;
    font-style: inherit;
    font-weight: 500;
    letter-spacing: 0.04em;
    line-height: inherit;
    padding-top: .75rem;
    padding-right: 2rem;
    padding-bottom: .75rem;
    padding-left: 2rem;
    text-decoration: none;
    text-transform: inherit;
    transition: all 0.3s;
  }
:root :where(.wp-element-button,.wp-block-button__link):hover {
    background-color: var(--wp--preset--color--accent-2);
    color: #000;
}
.underline a {
    text-decoration: none;
    border-bottom: 2px solid var(--wp--preset--color--accent-1);
    padding-bottom: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.04em;
}
.big-image {
    position: relative;
}
.big-image .wp-element-caption {
    font-size: 4rem;
    font-weight: 200;
    color: #fff;
    line-height: 1.2;
    position: absolute;
    top: 15%;
    right: 10%;
    width:31%;
}
.big-image .wp-element-caption small {
    font-size: 2.25rem;
}
.future-posts {
    display: flex;
    border: 0px solid #999;
    gap: 2rem;
    width: 100%;
    margin: 4rem 0 6rem;
}
.future-posts .date {
    flex-basis: 30%;
    color: var(--wp--preset--color--accent-1);
    font-size: 2.25rem;
    font-weight: 600;
    border-right: 2px solid var(--wp--preset--color--accent-1);
    padding-right: 2rem;
    margin-top: -0.75rem;
}
.future-posts .text {
    flex-basis: 50%;
    border-right: 2px solid var(--wp--preset--color--accent-1);
    padding-left: 2rem;
    padding-right: 3rem;
}
.future-posts .text h2 {
    color: #000;
    margin-top: .5rem;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 700;
    text-transform: none;
}
.future-posts .text h3 {
    color: #000;
    margin-top: 0.5rem;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
}
.future-posts .text h3:first-child {
    color: var(--wp--preset--color--accent-1);
    margin-top: 0.0rem;
    font-size: 16px;
    font-weight: 700;
}
.future-posts .text p {
    margin: 0;
    line-height: 1.7;
}
.future-posts .info {
    flex-basis: 20%;
    padding-left: 2rem;
    padding-top: 1rem;
}
.wp-block-button__link.info-button {
    display: inline;
    background-color: #fff;
    border: 2px solid var(--wp--preset--color--accent-1);
    color: var(--wp--preset--color--accent-1);
    padding: .75rem 2rem;
    font-size: 16px;
}
.wp-block-button__link.info-button:hover {
    color: #fff;
    background-color: var(--wp--preset--color--accent-1);
    text-decoration: none;
}
.wp-block-columns.has-background > * {
    max-width: 1340px;
    margin: 0rem auto;
}
.wp-block-columns.has-background .media-innen {
    gap: 6rem;
    margin-left: -4rem;
    margin-right: -4rem;
}
.wp-block-columns .max1600,
.wp-block-columns.alignfull.max1600 {
    max-width: 1600px;
    margin: auto;
}
.wp-block-columns .max1340 {
    max-width: 1340px;
    margin: auto;
}
.no-margin {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.entry-content a {
    text-decoration: none;
}
.entry-content a:hover {
    text-decoration: underline;
}
.block-media > .wp-block-column > .wp-block-columns {
    max-height: 0;
    overflow: hidden;
    margin-top: 0 !important;
    transition: all 1s;
}
.block-media.is-open > .wp-block-column > .wp-block-columns,
.block-media > .wp-block-column > .wp-block-columns:nth-child(2) {
    max-height: 1500px;
    overflow: auto;
    margin-top: var(--wp--preset--spacing--60) !important;
}
.block-bio > .wp-block-column > p {
    max-height: 0;
    overflow: hidden;
    margin-block-start: 0 !important;
    transition: all 1s;
}
.block-bio > .wp-block-column > p:nth-child(2),
.block-bio.is-open > .wp-block-column > p {
    max-height: 1000px;
    overflow: auto;
    margin-block-start: 1.2rem !important;
}
#cwEvent {
    width: 100%;
}
.block-aktuelles > .events .future-posts {
    border: 0px solid red;
    max-height: 0;
    overflow: hidden;
    margin: 0 !important;
    transition: all 1s;
}
.block-aktuelles > .events .future-posts:nth-child(1),
.block-aktuelles.is-open > .events .future-posts {
    border: 0px solid blue;
    max-height: 1000px;
    overflow: auto;
    margin: 4rem 0 6rem !important;
}
.block-aktuelles h2 {
    text-align: left;
    width: 100%;
}
.arrow-open img {
    transition: all 1s;
    max-width: 40px;
    height: auto;
}
.is-open .arrow-open img {
    transform: rotate(180deg);
}
.footer-menu {
    margin-left: 6rem !important;
}
footer .wp-block-image img {
    width: 28px;
    height: 28px;
}
footer a {
    outline: none;
}

@media(min-width:600px) AND (max-width:1023px) {
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        background-color: inherit;
        display: none;
    }
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: flex;
    }
}
@media(min-width:1024px) AND (max-width:1199px) {
    header ul.wp-block-navigation__container {
        gap: 1.25rem;
    }
    #modal-1-content .wp-block-navigation .wp-block-navigation-item:last-child,
    #modal-2-content .wp-block-navigation .wp-block-navigation-item:last-child {
        margin-left: -0.5em;
    }
}
@media(min-width:680px) {
    .small {display: none;}
    .large {display: block;}
}

@media(max-width:1899px) {
    #cw-name {
        right: 21vW;
        top: 21vH;
        width: 24%;
    }
    #cw-name img {
        max-width: 100%;
    }
}

@media(max-width:1599px) {
    #cw-name {
        right: 20vW;
    }
    .wp-block-columns.has-background .media-innen {
        gap: 4rem;
        margin-left: 0;
        margin-right: 0;
    }
    .big-image .wp-element-caption {
        font-size: 3rem;
    }
    .big-image .wp-element-caption small {
        font-size: 2.0rem;
    }
}

@media(max-width:1339px) {
    #cw-name {
        right: 18vW;
    }
    .big-image .wp-element-caption {
        font-size: 2.5rem;
    }
    .big-image .wp-element-caption small {
        font-size: 1.75rem;
    }
    .future-posts {
        gap: 1rem;
    }
    .future-posts .date {
        padding-right: 1rem;
    }
    .future-posts .info {
        padding-left: 2rem;
    }
}

@media(max-width:1023px) {
    header .has-global-padding {
        padding-right: 1rem;
        padding-left: 1rem;
    }
    header.cw-header {
        height: 80px;
        width: calc(100% - 1rem);
    }
    header .cw-social {
        top: -2px;
    }
    header .page-logo img {
        max-width: 180px;
    }
    #cw-name {
        right: 12vW;
    }
    header.cw-header {
        background-color: rgba(255,255,255,1) !important;
        height: 56px;
        position: relative;
        opacity: 1;
        width: 100%;
        max-width: 100%;
    }
    header.cw-header > .cw-header-div-0 > .wp-block-group > .wp-block-group.alignwide {
        padding-top: 20px !important;
        padding-bottom: 7px !important;
    }
    header.cw-header figure.wp-block-image, header.cw-header .cw-menu {
        opacity: 1;
    }
    header.cw-header #insta-path,
    header.cw-header #fb-path,
    header.cw-header #yt-path2 {
        fill: var(--wp--preset--color--accent-1) !important;
    }
    header.cw-header a svg {
        margin-bottom: -5px;
    }
    header.cw-header #yt-path1 {
        fill: #fff;
    }
    header.cw-header .cw-menu-social {
        gap: 1rem;
        position: relative;
        top: 0;
    }
    header .is-layout-constrained > .alignwide {
        padding-top: 0.75rem !important;
        padding-bottom: 0.75rem !important;
    }
    #modal-1-content .wp-block-navigation .wp-block-navigation-item:last-child,
    #modal-2-content .wp-block-navigation .wp-block-navigation-item:last-child {
        border-left: none;
        padding-left: 0;
        margin-left: 0;
      }
    main {
        top: 0px;
      }
    .wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open {
        outline: 0px solid var(--wp--preset--color--accent-1);
        outline-offset: 2px;
        -moz-outline-radius: 3px;
        border: 2px solid var(--wp--preset--color--accent-1);
        border-radius: 8px;
        padding: 0px;
    }
    button.wp-block-navigation__responsive-container-open svg path {
        fill: var(--wp--preset--color--accent-1);
    }
    .wp-block-columns.has-background .media-innen {
        gap: 2rem;
    }
    .big-image .wp-element-caption {
        font-size: 2.0rem;
    }
    .big-image .wp-element-caption small {
        font-size: 1.25rem;
    }
    .future-posts .date {
        font-size: 1.75rem;
        padding-top: 0.3rem;
    }
   .future-posts {
        gap: 0rem;
    }
    .wp-block-button__link.info-button {
        padding: .5rem 1rem;
        font-size: 18px;
    }
    .future-posts .info {
        padding-top: 1rem;
    }
}

@media(max-width:991px) {
    #cw-name {
        right: 12vW;
        top: 120px;
    }
}

@media(max-width:799px) {
    #cw-name {
        right: 10vW;
        top: 16vH;
    }
    .big-image .wp-element-caption {
        top: 10%;
        right: 5%;
        width: 36%;
    }
    .big-image .wp-element-caption {
        font-size: 1.75rem;
    }
    .big-image .wp-element-caption small {
        font-size: 1.0rem;
    }
    .block-aktuelles > .events .future-posts:nth-child(1), 
    .block-aktuelles.is-open > .events .future-posts {
        max-height: none;
        height: auto;
        margin: 2rem 0 2rem !important;
        width: 100%;
    }
    #cwEvent {
        height: auto;
        overflow: hidden;
        width: 100%;
    }
    .is-open #cwEvent {
        height: auto !important;
        overflow:visible;
    }
    .future-posts {
        display: block;
        flex-wrap: wrap;
        max-height: none !important;
    }
    .future-posts > div {
        flex-basis: 100% !important;
        border-right: none !important;
    }
    .future-posts .text {
        padding-left: 0;
        padding-right: 0;
    }
    .future-posts .text h2 {
        margin-top: 1.0rem;
        margin-bottom: 0;
        font-size: 1.5rem;
    }
    .future-posts .text h3 {
        margin-top: 0;
    }
    .future-posts .info {
        padding-top: 0;
        padding-left: 0;
        padding-right: 2px;
        text-align: right;
        min-height: 46px;
    }
    .footer-menu {
        margin-left: 0 !important;
    }
    #wpfront-scroll-top-container img {
        width: 40px !important;
        height: 40px !important;
    }
    .wp-block-button__link.info-button {
        position: relative;
        top: 8px;
    }
}

@media(max-width:679px) {
    .small {display: block;}
    .large {display: none;}
    #cw-name {
        right: 20vW;
        top: 16vH;
        width: 50%;
    }
    header .cw-social {
        gap: .5rem;
    }
      
    .big-image .wp-element-caption {
        top: 2rem;
        right: 20px;
        width: 40%;
    }
    .big-image .wp-element-caption {
        font-size: 1.5rem;
    }
    .big-image .wp-element-caption small {
        font-size: 0.9rem;
    }
}

@media(max-width:519px) {
    #cw-name {
        right: 20vW;
        top: 12vH;
        width: 50%;
    }
    header nav {
        top: 2px;
    }
    footer .alignfull {
        flex-wrap: wrap;
    }
    .big-image .wp-element-caption {
        font-size: 1.25rem;
    }
    .big-image .wp-element-caption small {
        font-size: 0.8rem;
    }
    .big-image .wp-element-caption {
        top: 0;
        right: 10px;
        width: 40%;
    }
}
@media(max-width:414px) {
    #cw-name {
        right: 9vW;
        top: 10vH;
        width: 50%;
    }
    header .page-logo img {
        max-width: 160px;
    }
    header .cw-social {
        margin-left: 0;
    }
    .big-image .wp-element-caption {
        font-size: 1rem;
        top: 0rem;
        right: 10px;
        width: 40%;
    }
    footer {
        margin-bottom: 60px;
    }
    .footer-menu.is-nowrap {
        flex-wrap: wrap !important;
        flex-direction: column-reverse;
        align-items: flex-start;
    }
    #wpfront-scroll-top-container {
        right: 10px !important;
        top: 10px !important;
    }
}