/*
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
# Mintexter – Accessible Buttons (v2)
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

:root {
    /* neutrale, kontraststarke Farben */
    --btn-normal-bg: #1f1f1f;
    --btn-normal-tx: #ffffff;

    --btn-flesch-bg: #3a6ff2;  /* klarer Blauton */
    --btn-flesch-tx: #ffffff;

    --btn-easy-bg: #0f8b4c;    /* klares Grün */
    --btn-easy-tx: #ffffff;

    --btn-inactive-op: .68;    /* inaktiv leicht abgetönt */
    --btn-radius: 999px;       /* Pill-Form */
    --btn-height: 48px;        /* >= 44px für Touch */
    --btn-pad-x: 16px;
    --btn-gap: 8px;

    --ring: 3px;
    --ring-color: #111;
    --ring-offset: 2px;

    --shadow: 0 6px 18px rgba(0,0,0,.12);
    --shadow-hover: 0 10px 28px rgba(0,0,0,.18);
}

/* optional: Darkmode feintunen */
@media (prefers-color-scheme: dark) {
    :root {
        --ring-color: #fff;
    }
}

/* Container: unten links fixiert, aber schön eingerückt */
.mintexter-wrapper {
    position: fixed;
    bottom: 7px;
    left: 250px;
    z-index: 3 !important;
    font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

/* Überschrift: visuell sichtbar, klein & dezent (besser als 'display:none') */
#mintexter-heading {
    margin: 0 0 10px 0;
    font-size: 0.875rem;
    line-height: 1.2;
    color: #555;
}

/* Button-Gruppe: vertikal auf kleinen Screens, horizontal ab 480px */
.mintexter-buttons {
    display: flex;
    flex-direction: column;
    gap: var(--btn-gap);
}
@media (min-width: 480px) {
    .mintexter-buttons { flex-direction: row; }
}

/* Basis-Button */
.mintext-btn {
    appearance: none;
    border: 0;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 180px;          /* genug Platz für Text */
    height: var(--btn-height);
    padding: 0 var(--btn-pad-x);
    border-radius: var(--btn-radius);
    font-weight: 700;
    letter-spacing: .2px;
    line-height: 1;
    box-shadow: var(--shadow);
    transition: transform .08s ease, box-shadow .2s ease, opacity .2s ease;
    will-change: transform;
}

/* sichtbarer Button-Text (nicht verstecken!) */
.mintext-btn-text {
    display: inline;           /* wichtig für Lesbarkeit & A11y */
    font-size: 0.95rem;
    white-space: nowrap;
}

/* Zustände: hover/focus/active + aria-pressed */
.mintext-btn:hover { box-shadow: var(--shadow-hover); transform: translateY(-1px); }
.mintext-btn:active { transform: translateY(0); }

.mintext-btn:focus-visible {
    outline: none;
    box-shadow:
            0 0 0 var(--ring-offset) #fff,
            0 0 0 calc(var(--ring) + var(--ring-offset)) var(--ring-color),
            var(--shadow-hover);
}

/* High-Contrast Mode (Windows) */
@media (forced-colors: active) {
    .mintext-btn { border: 1px solid ButtonText; box-shadow: none; }
    .mintext-btn:focus-visible { outline: 2px solid Highlight; }
}

/* Reduzierte Bewegung respektieren */
@media (prefers-reduced-motion: reduce) {
    .mintext-btn { transition: none; }
}

/* Varianten + inaktive Dimmung über aria-pressed */
.mintext-btn[aria-pressed="false"] { opacity: var(--btn-inactive-op); }
.mintext-btn[aria-pressed="true"]  { opacity: 1; }

/* Normal */
.mintext-btn-normal {
    background: var(--btn-normal-bg);
    color: var(--btn-normal-tx);
}

/* Kurz & klar (Flesch 70) */
.mintext-btn-flesch {
    background: var(--btn-flesch-bg);
    color: var(--btn-flesch-tx);
}

/* Einfache Sprache (kein "Amtssprache"!) */
.mintext-btn-easy {
    background: var(--btn-easy-bg);
    color: var(--btn-easy-tx);
}

/* Optional: kompakter Modus für sehr kleine Viewports */
@media (max-width: 360px) {
    .mintext-btn { min-width: 140px; }
    .mintext-btn-text { font-size: 0.9rem; }
}

/*
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
# News Presets
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

/*two col events var 1*/
.two-col-events .event-content-col {
    border-left: 1px solid #609174;
    padding-left: 15px;
    margin-bottom: 15px;
}
.two-col-events .event-content-col p {
    margin: 0 !important;
    padding: 0 !important;
}
.two-col-events p.col4v2-title {
    font-size: 110%;
    font-weight: bold;
}
.two-col-events .event-date-col {
    padding: 0;
}
.two-col-events .event-date-col .event-list-day {
    text-align: center;
    background: #fff;
    color: #609174;
    width: 40px;
    height:40px;
    margin: 0 auto;
    border-radius: 50%;
    font-size: 110%;
    line-height: inherit;
    font-weight:bold;
    padding-top: 5px;
    display: block;
}
.two-col-events .event-date-col .event-list-month {
    text-align: center;
    padding: 0;
    display: block;
    color: #609174
}

.two-col-events {
    margin: 0 !important;
}

.two-col-events .single-news {
    background: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    position: relative;
}
.two-col-events .col4v2inner {
    padding: 0;
}
.two-col-events a img {
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

/* Real two col events var 2*/
.real-two-col-events .event-content-col {
    border-left: 1px solid #609174;
    padding-left: 15px;
    margin-bottom: 15px;
}
.real-two-col-events .event-content-col p {
    margin: 0 !important;
    padding: 0 !important;
}
.real-two-col-events p.col4v2-title {
    font-size: 110%;
    font-weight: bold;
}
.real-two-col-events .event-date-col {
    padding: 0;
}
.real-two-col-events .event-date-col .event-list-day {
    text-align: center;
    background: #fff;
    color: #609174;
    width: 40px;
    height:40px;
    margin: 0 auto;
    border-radius: 50%;
    font-size: 110%;
    line-height: inherit;
    font-weight:bold;
    padding-top: 5px;
    display: block;
}
.real-two-col-events .event-date-col .event-list-month {
    text-align: center;
    padding: 0;
    display: block;
    color: #609174
}

.real-two-col-events {
    margin: 0 !important;
}

.real-two-col-events .single-news {
    background: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    position: relative;
}
.real-two-col-events .col4v2inner {
    padding: 0;
}
.real-two-col-events a img {
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.centernews .single-news,
.centernews .col4v2inner{
    padding: 1.5em;
    text-align: center;
}
.centernews .col4v2inner *{
    text-align: center;
}
.centernews .single-news img {
    max-width: 300px;
    height: auto;
}

/*news in tabs:*/

.newstabs .z-container {
    border: none;
}
.newstabs .newstabsinner {
    padding: 10px 20px 10px 0;
}
.news-tmpl-one img,  .news-tmpl-ten img {
    max-width: 250px;
    height: auto;
}

/* # ~~~~~  Item_2col-var ~~~~~ # */
.two-col-flex {
    margin-bottom:20px;
}
.two-col-flex h2 {
    font-size: 115%;
    font-weight: 700;
}

/*two cols item39*/
.news-list-view-layout-30 .news-min-item-layout-30 {
    padding: 3em 0;
    transition: all .5s;
    transform: scale(1);
    /*height: 100%;*/
    border-bottom: 1px solid #eee
}
.news-list-view-layout-30 .news-min-item-layout-30:hover {
    transform: scale(1.0125);
    transition: all .5s ;
    background: none;
}
.news-list-view-layout-30 .news-min-item-layout-30:nth-child(2n) {
    background: none;
}
.item39_catinfo_row .item39_col_1 {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    padding: .5em 0;
}

.item39_catinfo_row .item39_col_2 {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
h2.item39_news_title {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 100%;
    text-decoration: none;
}
h2.item39_news_title a  {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 150%;
    font-size: 1.5rem;
    color: #777;
    text-decoration: none;
}
.item39_news_teaser * {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 250%;
    font-size: 2.5rem;
    color: #555;
    text-decoration: none !important;
}
.item39_img {
    order: 3;
}
.item39_date {
    order: 2;
}
.item39_date:after {
    /*content: " - ";*/
}
.item39_cat {
    order: 1
}

/*layout 11 - list only title + date*/
.news-list-date-layout-11::before  {
    font-family: "Font Awesome 6 Pro";
    /*font-size: 50px;*/
    content: "\f017";
    text-align: right;
    width: 1.25em;
    padding-left: 1em;
}
.news-list-view-layout-11 a {
    text-decoration: none !important;
}
/*
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
# News Multicols:_
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
/*two cols*/
.news-list-view-layout-13 .grid-x .cell:nth-child(odd) {
    padding-right: 2em
}
.news-list-view-layout-13 .grid-x .cell:nth-child(even) {
    padding-left: 2em
}
/*three cols*/
.news-list-view-layout-12 .grid-x .cell:nth-child(1) {
    padding-right: 1em
}
.news-list-view-layout-12 .grid-x .cell:nth-child(2) {
    padding-left: .5em;
    padding-right: .5em;
}
.news-list-view-layout-12 .grid-x .cell:nth-child(3) {
    padding-left: 1em
}
/* # ~~~~~ news page browser ~~~~~ # */
.f3-widget-paginator {

}
.f3-widget-paginator li {

}
/* # ~~~~~ prev & next ~~~~~ # */
.page-navigation p {
    display: none;
    visibility: hidden;
}
.f3-widget-paginator .previous,
.f3-widget-paginator .next {
    display: none;
    visibility: hidden;
}
.f3-widget-paginator .last.next {
    width: 0;
    font-size: 0;
}

.f3-widget-paginator li  {
    display: block;
    background: #000 !important;
    padding: 10px !important;
    color: #fff;
    margin-left: 10px;
}
.f3-widget-paginator li:hover,
.f3-widget-paginator li.current  {
    background: #666 !important;
    color: #fff;
}
.f3-widget-paginator li a {
    color: #fff;
}

/* # ~~~~~ round pics in news - set outerframe! ~~~~~ # */
.round-pics img,
.round-news-pics img {
    border-radius: 50%;
}
/*
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
# News Presets end
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
.youtubeVideo-cover-text h2, .youtubeVideo-cover-text p {
    margin: 1px;
    padding: 10px 16px !important;
    display: inline-block;
    background-color: rgba(0, 0, 0, 0.67);
    box-sizing: border-box;
    color: #fff
}

/* # ~~~~~ shariff round ~~~~~ # */
.shariff-round .shariff .orientation-horizontal.button-style-standard li {
    min-width: 50px;
    max-width: 50px;
}
.shariff-round .shariff li,
.shariff-round .shariff li a {
    height: 50px;
}
.shariff-round .shariff-button a {
    background-color: #999 !important;
    border-radius: 50%;
    padding: .4em .5em
}
.shariff-round .shariff-button a:hover {
    background-color: #333 !important;
}

.shariff-round .shariff-button span {
    color: #fff !important;
}
.shariff-round .shariff-button span:hover {
    color: #f0ad4e !important;
}
.shariff-round .shariff-button .share_text,
.shariff-round .shariff-button .share_count {
    display: none;
    visibility: hidden;
}

/*
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
# Powermail:
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
/*Response-Form: */
.powermail_form legend {
    /*display: none;*/
    /*visibility: hidden;*/
}
.powermail_radio_legend {
    /*display: none;*/
    /*visibility: hidden;*/
}
.powermail_form label,
.powermail_form input,
.powermail_form textarea,
select.powermail_select,
.powermail_radio_legend{
    /*font-size: 1.1rem;*/
    /*font-size: inherit;*/
}
.powermail_form input,
.powermail_form textarea,
.powermail_radio_legend{
    /*padding: 20px*/
    min-height:4rem;
}
.powermail_form input.powermail_checkbox {
    min-height: inherit;
}
.powermail_form .radio input {
    min-height: inherit !important;
}
select.powermail_select{
    padding-left: 5px;
    min-height:4rem !important;
}
.layout2 select.powermail_select {
    max-width: 20px;
}
.powermail_form fieldset {
    margin: 10px 0 !important;
    padding: 10px !important;
    border: 1px solid #ddd;
}
.powermail_form .powermail_fieldwrap_submit {
    text-align: right;
}
.powermail_form .powermail_fieldwrap_submit input {
    background: #942200;
    color: #f9f9f9;
    padding: 6px 15px;
    border: none;
}
.powermail_form .powermail_fieldwrap_submit input:hover {
    background: #f9f9f9;
    color: #942200;
    transition: 0.5s;
    padding: 6px 15px;
    border: none;
}
/*global select settings*/
.powermail_fieldwrap_select select {
    height: auto;
    width: auto;
    min-width: 50px;
    padding: 2px 10px;
}
/* # ~~~~~ Forms  ~~~~~ # */
/*
label,
input,
textarea,
select,
legend {
    font-size: 110% !important;
}
*/
/* # ~~~~~ powermail preset  ~~~~~ # */


/*form */
.form-col h3 {
    display: none;
    visibility: hidden;
}
.form-col legend {
    color: #E96283;
    font-weight: bold;
    padding: .3rem 1rem;
    text-transform: uppercase;
    background: #F8FAF4;
}
.form-col .powermail_fieldset.layout1 legend {
    color:#1F74AB
}
.form-col .powermail_fieldwrap.layout1 input {
    max-width: 300px
}
.form-col .powermail_form fieldset {
    margin: 1rem 0 !important;
    padding:  1rem;
    border: 1px solid #ccc;
}

.form-col form {
    border: none
}
.form-col .powermail_fieldwrap_type_date {
    max-width: 20em;
}
.form-col label,
.form-col .powermail_fieldwrap_type_content p {
    /*font-size: 90% !important;*/
    /*font-size: .9rem !important;*/
    line-height: normal;
}
.form-col input {
    min-height: inherit;
    margin: 0 0 .5em 0 !important;
    padding: .2em !important;
}
.form-col .powermail_fieldwrap_datenschutz input {
    min-height: inherit;
    margin: 0 !important;
    padding: 0 !important;
}
.form-col .powermail_fieldwrap_marker_02 label * {
    line-height: normal;
    font-size: 100% !important;
    font-size: 1rem !important;
    color: #333
}
.form-col .powermail_submit {
    background: #1F74AB;
    font-size: 1em;
    text-align: center;
    opacity: 1;
    color: #ffffff;
    /*right: 20px;*/
    padding: 0.4em 1.6em !important;
    /*margin-right: 38px;*/
    margin-top: .5em !important;
    text-transform: uppercase;
    border: none;
    transition: all .5s;
}
.form-col .powermail_submit:hover {
    background: #F22E51;
    transition: all .5s;
}
.form-col .parsley-required {
    color:#000;
    font-weight: bold;
}