/*
Theme Name: Die Korrespondetnen (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.3.1763023166
Updated: 2025-11-13 09:39:26

*/
header.wp-block-template-part {
    position: fixed;
    top: 0;
    background-color: #fff;
    width: 100%;
    margin-bottom: 6rem;
    z-index: 99999;
}
header.korr-header .logo-block {
    display: block;
    width: 0;
    height: 26px;
    background-image: url(assets/images/logo.svg);
    transition: all 1s;
    border: 0px solid blue;
    background-size: 400px 26px;
    background-repeat: no-repeat;
    background-position: -25px 0;
    min-width: 0px;
    flex-grow: 0;
    max-width: 670px;
}
.home header.korr-header .logo-block {
    min-width: 0px;
}
header.korr-header .logo-block,
.home header.korr-header.scrolled .logo-block {
    min-width: 670px;
    width: auto;
}
.wp-site-blocks > .wp-block-columns {
    padding-top: 3.95rem;
}
header nav {
    width: 100%;
}
header nav ul.wp-block-navigation__container {
    justify-content: space-between !important;
    width: 100%;
}
.home header nav ul {
    justify-content: space-between;
}
.header-menu {
    width: 100%;
    background-color: #fff;
    justify-content: space-between;
}
.header-menu nav {
    margin: 0 0 0 auto;
}
#modal-1-content {
    text-align: right;
}
.header-normal {
    max-width: 1340px;
    margin: auto;
    justify-content: space-between;
}
.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container,
.wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container,
.wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within>.wp-block-navigation__submenu-container {
  min-width:300px;
}

.header-menu ul.wp-block-navigation__container {
    justify-content: space-between;
    max-width: 600px;
    text-align: right;
    margin: 0 0 0 auto;
}
.header-menu-home {
    width: 100%;
}
.header-menu-home ul.wp-block-navigation__container {
    justify-content: space-between;
    max-width: 1340px;
    text-align: center;
    margin: auto;
    justify-content: space-between;
}
.alignwide {
    max-width: 1340px;
    margin-left: auto;
    margin-right: auto;
}
.startblock {
    height: calc(100vh - 150px);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.startblock > * {
    flex-basis: 100%;
    flex-shrink: 0;
}
.startblock figure.aligncenter {
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.go-geschichten img {
    transition: all 0.5s;
}
.go-geschichten img:hover {
    transform: scaleY(105%) translateY(5px);
}

.lcp_catlist {
    padding-top: 0.0rem;
}
.lcp_catlist .post {
    margin: 0.65rem 0 2rem 0;
}

.lcp_catlist .info,
.wp-block-column .info {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    color: #777;
    gap: 0;
}
.lcp_catlist .info .author,
.lcp_catlist .info .date,
.lcp_catlist .info .cat,
.wp-block-column .info > div {
    color: #777;
    padding-right: 1rem;
}
.wp-block-column .info > div {
    flex-grow: 0 !important;
    flex-basis: auto !important;   
}
.lcp_catlist .info .author:after,
.lcp_catlist .info .date:after {
    content: "|";
    padding-left: 1rem;
}
.wp-block-column .info .cats {
    border-left: 1px solid #777;
    padding-left: 1rem;
} 
.wp-block-column .lcp_catlist .info .cats {
    border-left: none;
    padding-left: 0;
} 
.home .wp-block-column .info .cats {
    border-left: 0;
    padding-left: 0;
} 
.wp-block-column .info a {
    font-weight: normal;
    text-decoration: none;
}
.lcp_catlist h2.post-title,
.archive ul.wp-block-post-template h2 {
    margin: 0.75rem 0 .75rem 0 !important;
    font-size: 1.25rem !important;
    font-weight: 700;
}
.lcp_catlist h2.post-title a {
    text-decoration: none;
}
.lcp_catlist h2.post-title a:hover {
    color: #e48800;
}
.wp-block-columns.alignwide a.read-more,
.lcp_catlist .post a.read-more,
.wp-block-post-excerpt__more-link {
    color: #000;
    padding-left: 1rem;
    display: inline-block;
    opacity: 0.5;
    text-decoration: none;
    transition: all 0.3s;
}
.wp-block-columns.alignwide a.read-more {
    padding-left: 0;
}
.wp-block-columns.alignwide a.read-more:after,
.lcp_catlist .post a.read-more:after,
.wp-block-post-excerpt__more-link:after {
    content: "";
    display: inline-block;
    width: 30px;
    height: 20px;
    background-image: url(assets/images/read-more.svg);
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: .5rem;
    margin-bottom: -6px;
}
.wp-block-columns.alignwide a.read-more:hover,
.lcp_catlist .post a.read-more:hover,
.wp-block-post-excerpt__more-link:hover {
    opacity: 1;
}
.lcp_catlist .post a.read-more:hover:after {
    width: 40px;
    height: 20px;
}
.lcp_catlist .lcp_excerpt br:first-child {
    display: none;
}
li.wp-block-post .wp-block-post-excerpt,
.lcp_catlist .wp-block-post-excerpt {
    margin-block-start: 0.25rem !important;
}


.wp-singular h1.wp-block-post-title {
    max-width: 1340px;
    text-align: left;
}
.wp-singular h2 {
    font-size: 1.5rem;
}
.wp-singular .wp-block-post-author-name a,
.wp-singular .taxonomy-category a,
.korr-autoren a,
p.noline a {
    text-decoration: none;
}
.wp-singular .wp-block-post-author-name a:hover,
.wp-singular .taxonomy-category a:hover,
.korr-autoren a:hover,
p.noline a:hover {
    text-decoration: underline;
}

.archive.author h1.wp-block-query-title {
    font-size: 0;
    display: block;
    max-width: 1360px;
    margin: 0rem auto 0 auto;
    text-align: left;
}
.archive.author.author-koch h1.wp-block-query-title {
    padding-top: 5.0rem;
}
.archive.author.author-mulke h1.wp-block-query-title {
    padding-top: 4.95rem;
}
h1 span {
    display: inline-block;
    font-family: "Permanent Marker";
    font-size: 4rem;
    transform: rotate(-2deg);
    position: relative;
    padding-bottom: 5rem;
}
h1 span:after {
    content: "";
    width: 100%;
    height: 2rem;
    position: absolute;
    top: 4.5rem;
    right: 0rem;
    background-image: url(assets/images/strich.svg);
    background-repeat: no-repeat;
    background-size: contain;
}
h2.korr {
    display: block;
    font-size: 5rem;
    font-weight: 900;
    max-width: 1340px;
    margin-left: auto;
    margin-right: auto;
}
h2.korr span {
    display: inline-block;
    font-family: "Permanent Marker";
    font-size: 5rem;
    transform: rotate(-2deg);
    position: relative;
    top: -0.5rem;
    padding-bottom: 1rem;
    max-width: 1340px;
    margin-left: auto;
    margin-right: auto;
}
h2.korr span:after {
    content: "";
    width: 100%;
    height: 2rem;
    position: absolute;
    top: 5.5rem;
    right: 0rem;
    background-image: url(assets/images/strich.svg);
    background-repeat: no-repeat;
    background-size: contain;
}
h1.korr.kurz span:after,
h2.korr.kurz span:after {
    background-image: url(assets/images/strich-kurz.svg);
}
.archive.author h1.wp-block-query-title span {
    display: inline-block;
    font-family: "Permanent Marker";
    font-size: 4rem;
    transform: rotate(-2deg);
    position: relative;
}
.archive.author h1.wp-block-query-title span:after {
    content: "";
    width: calc(100% - 7.5em);
    height: 2rem;
    position: absolute;
    top: 4.5rem;
    right: -0.15rem;
    background-image: url(assets/images/strich.svg);
    background-repeat: no-repeat;
    background-size: contain;
}
.archive.author h1.wp-block-query-title span:before {
    content: "Geschichten von";
    display: inline-block;
    font-size: 3rem;
    font-family: Montserrat, sans-serif;
    font-weight: 900;
    padding-right: .5em;
    transform: rotate(2deg);
    position: relative;
    top: -1rem;
}
.page-template-page-no-title main {
    margin-top: 1rem !important;
}
.page-template-page-no-title i {
    font-family: "Permanent Marker";
    font-size: 5rem;
    display: inline-block;
    transform: rotate(-2deg);
}
.page-template-page-no-title i:after {
    content: "";
    width: calc(100% - 0em);
    height: 1.5rem;
    position: absolute;
    top: 5.0rem;
    right: -0.15rem;
    background-image: url(assets/images/strich.svg);
    background-repeat: no-repeat;
    background-size: cover;
}
.entry-content a {
    text-decoration: none;
}
.entry-content a:hover {
    text-decoration: underline;
}
p.strich,
.archive.author .autoren p,
.entry-content .autoren p {
    position: relative;
    display: inline-block;
}
p.strich:after,
.archive.author-gersmann p.gersmann:after,
.archive.author-hartmann p.hartmann:after,
.archive.author-koch p.koch:after,
.archive.author-mulke p.mulke:after,
.entry-content .autoren p.alle:after {
    content: "";
    width: calc(100% + 0.1em);
    height: .4rem;
    position: absolute;
    top: 1.75rem;
    right: -0rem;
    background-image: url(assets/images/strich.svg);
    background-repeat: no-repeat;
    background-size: cover;
    transform: rotate(-1deg);
}
.archive.author-gersmann p.gersmann a,
.archive.author-hartmann p.hartmann a,
.archive.author-koch p.koch a,
.archive.author-mulke p.mulke a {
    font-weight: 700;
}
.wp-block-columns.autoren a {
    text-decoration: none;
}
.wp-block-columns.autoren a:hover {
    text-decoration: underline;
}
.max-1340 {
    max-width: 1340px;
    margin-left: auto;
    margin-right: auto;
}
footer a {
    text-decoration: none;
}
footer a:hover {
    text-decoration: underline;
}
#wpfront-scroll-top-container img {
    width: 32px !important;
    height: 32px !important;
}
.suchergebnisse {
    margin: 3rem 0;
    padding: 0;
    width: 100%;
}
.suchergebnisse ul.wp-block-post-template {
    display: grid;
    grid-template-columns: 30% 30% 30%;
    columns: 3;
    column-gap: 5%;
}
.suchergebnisse ul.wp-block-post-template li.wp-block-post {
    display: block;
}
.suchergebnisse ul.wp-block-post-template li.wp-block-post:first-child {
    margin-block-start: 1.2rem;
}
.suchergebnisse ul.wp-block-post-template li.wp-block-post .wp-block-group {
    padding: 0;
}
.wp-block-search label {
    display: none;
}
h1.wp-block-query-title {
    padding: 5rem 0 1rem 0;
}
.lupe {
    line-height: 1rem;
}
.lupe a {
    color: #888;
    transition: all .3s;
    outline: none !important;
}
.lupe a:hover {
    font-weight: 700;
    color: #000;
    text-decoration: none;
}
.korr-autoren .suchen-ma,
.autoren .suchen-ma {
    flex-basis: 40px !important;
    flex-grow: 0 !important;
    flex-shrink: 0;
}
.wp-block-columns.alignwide.autoren {
    padding-top: 0 !important;
    margin-top: 0px;
}
#geschichten {
    padding-bottom: 11px;
}
.bio table tr td {
    border: none;
    border-bottom: 1px solid #aaa;
}
.bio table tr td:first-child {
    width: 100px;
}







/* Animation */
.ani {
    display: flex;
    flex-wrap: nowrap;
    font-size: 3rem; 
    font-weight: 900;
    font-family: Montserrat;
    white-space:nowrap;
    margin: 0 auto;
    max-width: 1250px;
}
svg#svg1 {
    width: 1250px;
    position: relative;
    right: -2rem;
}
svg#svg1 path {
    opacity: 0; 
    animation: typewriter .1s forwards;
}
#svg1 #pi0 {
    animation: pipe-blink 1.0s;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
}
#svg1 #pi1 {
    animation: pipe-move 3.27s forwards;
    animation-delay: 0.8s;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
}
#svg1 #pi2 {
    animation: pipe-blink 1.5s;
    animation-delay: 3.73s;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
}
#svg1 #d1 {
    animation-delay: 0.8s;  
}
#svg1 #i1 path {
    animation-delay: 0.9s;  
}
#svg1 #e1 {
    animation-delay: 1.1s;  
}
#svg1 #k1 {
    animation-delay: 1.3s; 
}
#svg1 #o1 {
    animation-delay: 1.5s; 
}
#svg1 #r1 {
    animation-delay: 1.6s; 
}
#svg1 #r2 {
    animation-delay: 1.7s; 
}
#svg1 #e2 {
    animation-delay: 1.9s; 
}
#svg1 #s1 {
    animation-delay: 2.0s; 
}
#svg1 #p1 {
    animation-delay: 2.1s; 
}
#svg1 #o2 {
    animation-delay: 2.3s; 
}
#svg1 #n1 {
    animation-delay: 2.4s; 
}
#svg1 #d2 {
    animation-delay: 2.5s; 
}
#svg1 #e3 {
    animation-delay: 2.7s; 
}
#svg1 #n2 {
    animation-delay: 2.8s; 
}
#svg1 #t1 {
    animation-delay: 2.9s; 
}
#svg1 #dp path {
    animation-delay: 3.1s; 
}
#svg1 #i2 path {
    animation-delay: 3.2s; 
}
#svg1 #n3 {
    animation-delay: 3.3s; 
}
#svg1 #n4 {
    animation-delay: 3.5s; 
}
#svg1 #e4 {
    animation-delay: 3.6s; 
}
#svg1 #n5 {
    animation-delay: 3.7s; 
}


@keyframes typewriter {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes pipe-blink {
    0% {
        opacity: 1;
        transform: translateX(1px);
    }
    20% {
        opacity: 0;
    }
    40% {
        opacity: 1;
    }
    60% {
        opacity: 0;
    }
    80% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: translateX(1px);
    }
}

@keyframes pipe-move {
    0% {/* d */
        opacity: 1;
        transform: translateX(18px); 
    }
    3% {
        opacity: 0.5;
        transform: translateX(18px); 
    }
    4% {/* i */
        opacity: 1;
        transform: translateX(26px); 
    }
    7% {
        opacity: 0.5;
        transform: translateX(26px); 
    }
    8% { /* e */
        opacity: 1;
        transform: translateX(41px); 
    }
    11% {
        opacity: 0.5;
        transform: translateX(41px); 
    }
    12% { /* leer */
        opacity: 1;
        transform: translateX(48px); 
    }
    15% {
        opacity: 0.5;
        transform: translateX(48px); 
    }
    16% {/* k */
        opacity: 1;
        transform: translateX(66px); 
    }
    19% {
        opacity: 0.5;
        transform: translateX(66px); 
    }
    20% {/* o */
        opacity: 1;
        transform: translateX(81px); 
    }
    23% {
        opacity: 1;
        transform: translateX(81px); 
    }
    24% {/* r */
        opacity: 1;
        transform: translateX(91px); 
    }
    27% {
        opacity: 1;
        transform: translateX(91px); 
    }
    28% {/* r */
        opacity: 1;
        transform: translateX(101px); 
    }
    31% {
        opacity: 1;
        transform: translateX(101px); 
    }
    32% {/* e */
        opacity: 1;
        transform: translateX(116px); 
    }
    35% {
        opacity: 1;
        transform: translateX(116px); 
    }
    36% {/* s */
        opacity: 1;
        transform: translateX(131px); 
    }
    39% {
        opacity: 1;
        transform: translateX(131px); 
    }
    40% {/* p */
        opacity: 1;
        transform: translateX(146px); 
    }
    43% {
        opacity: 1;
        transform: translateX(146px); 
    }
    44% {/* o */
        opacity: 1;
        transform: translateX(163px); 
    }
    47% {
        opacity: 1;
        transform: translateX(163px); 
    }
    48% {/* n */
        opacity: 1;
        transform: translateX(179px); 
    }
    51% {
        opacity: 1;
        transform: translateX(179px); 
    }
    52% {/* d */
        opacity: 1;
        transform: translateX(195px); 
    }
    55% {
        opacity: 1;
        transform: translateX(195px); 
    }
    56% {/* e */
        opacity: 1;
        transform: translateX(211px); 
    }
    59% {
        opacity: 1;
        transform: translateX(211px); 
    }
    60% {/* n */
        opacity: 1;
        transform: translateX(227px); 
    }
    63% {
        opacity: 1;
        transform: translateX(227px); 
    }
    64% {/* t */
        opacity: 1;
        transform: translateX(239px); 
    }
    67% {
        opacity: 1;
        transform: translateX(239px); 
    }
    68% {/* : */
        opacity: 1;
        transform: translateX(246px); 
    }
    71% {
        opacity: 1;
        transform: translateX(246px); 
    }
    72% {/* i */
        opacity: 1;
        transform: translateX(256px); 
    }
    75% {
        opacity: 1;
        transform: translateX(256px); 
    }
    76% {/* n */
        opacity: 1;
        transform: translateX(270px); 
    }
    79% {
        opacity: 1;
        transform: translateX(270px); 
    }
    80% {/* n */
        opacity: 1;
        transform: translateX(287px); 
    }
    83% {
        opacity: 1;
        transform: translateX(287px); 
    }
    84% {/* e */
        opacity: 1;
        transform: translateX(302px); 
    }
    87% {
        opacity: 1;
        transform: translateX(302px); 
    }
    88% {/* n */
        opacity: 1;
        transform: translateX(321px); 
    }
    91% {
        opacity: 1;
    }
    92% {/* ende */
        opacity: 1;
        transform: translateX(321px); 
    }
    94% {
        opacity: 1; 
    }
    95% {
        opacity: 0;
    }
    97% {
        opacity: 0;
    }
    98% {
        opacity: 0;
    }
    99% {
        opacity: 0;
    }
    100% {
        opacity: 0;
        transform: translateX(321px); 
    }
}


@media(max-width:1339px) {
    .wp-site-blocks {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    header.wp-block-template-part {
        width: calc(100% - 2rem);
        margin-bottom: 6rem;
    }
    .korr-autoren {
        flex-wrap: wrap !important;
    }
    .korr-autoren .wp-block-column {
        flex-basis: 29% !important;
        flex-wrap: wrap;
        flex-grow: 0 !important;
    }
    .korr-autoren .wp-block-column p {
        white-space: nowrap;
    }
    footer .has-global-padding {
        padding-left: 0;
        padding-right: 0;
    }
    svg#svg1 {
        width: 100%;
        position: relative;
        right: 0;
    }
}
@media(max-width:991px) {
    header.korr-header .logo-block {
        height: 24px;
        background-size: 300px 24px;
        background-repeat: no-repeat;
        background-position: 0 0;
        max-width: 300px;
    }
    header.korr-header .logo-block, 
    .home header.korr-header.scrolled .logo-block {
        min-width: 300px;
    }
}
@media (max-width: 799px) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
      display: flex;
      margin: -0.5rem 1.5rem 0 auto;
    }
    .wp-block-navigation__responsive-container,
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: none;
    }
    .wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
        outline: none;
    }
    .wp-site-blocks > .wp-block-columns {
        padding-top: 0;
      }
  }
  @media(max-width:767px) {
    .korr-autoren .wp-block-column,
    .korr-autoren.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
        flex-basis: 45% !important;
        flex-grow: 0 !important;
    }
    .lcp_catlist .info, .wp-block-column .info {
        flex-wrap: wrap;
      }
    .lcp_catlist .info > div, 
    .wp-block-column .info > div {
        flex-basis: 100% !important;
    }
    .lcp_catlist .info .author::after, 
    .lcp_catlist .info .date::after {
        content: "";
        padding-left: 0;
    }
    h2.korr {
        font-size: 2.5rem;
    }
    h2.korr span {
        font-size: 3rem;
        top: -0.25rem;
        padding-bottom: 1rem;
    }
    h2.korr span::after {
        height: 2rem;
        top: 3.5rem;
        right: 0rem;
    }
  }
@media(max-width:419px) {
    header.korr-header .logo-block, .home header.korr-header.scrolled .logo-block {
        min-width: 280px;
    }    
    header.korr-header .logo-block {
        height: 24px;
        background-size: 280px 23px;
        background-repeat: no-repeat;
        background-position: 0 0;
        max-width: 280px;
    }
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: flex;
        margin: -0.5rem .9rem 0 auto;    
    }
    .korr-autoren .wp-block-column,
    .korr-autoren.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
        flex-basis: 100% !important;
    }
}