/* Classes used by news XHTML, sourced from legacy CSS, and not already covered by dk-news.css or the new DK CSS bundle. */

/* Source: button.css */
.greenButtonBlackText, a.greenButtonBlackText, form .greenButtonBlackText, form a.greenButtonBlackText{
    cursor: pointer;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #339900), color-stop(1, #ededed) );
    background:-moz-linear-gradient( center top, #339900 5%, #ededed 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ededed", endColorstr="#dfdfdf");
    background-color:#ededed;
    /*-moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;*/
    -moz-border-radius:1.5em;
    -webkit-border-radius:1.5em;
    border-radius:1.5em;
    border:1px solid #dcdcdc;
    display:inline-block;
    color: black;
    font-weight: normal;
    vertical-align: central;
    padding: 10px;
}

.greenButtonBlackText:hover, a.greenButtonBlackText:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #339900) );
    background:-moz-linear-gradient( center top, #ededed 5%, #339900 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#dfdfdf", endColorstr="#ededed");
    text-decoration: none;
}

.btnZumAbo.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only, .btnZumHandy.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only{
    background-color: #339900;
}

.ausgabeTabelleColumn2 .btnZumAbo.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only, .ausgabeTabelleColumn2 .btnZumHandy.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only{
    width: 90%;
}

.ausgabeTabelleColumn2 .btnZumAbo span.ui-button-text.ui-c, .ausgabeTabelleColumn2 .btnZumHandy span.ui-button-text.ui-c{
    padding: 0.5rem auto;
    margin-right: 0px;

}

.btnZumAbo span.ui-button-text.ui-c, .btnZumHandy span.ui-button-text.ui-c {
    color:white;
    font-size: 15px;
    font-size: 0.95rem;
    font-weight: bold;
    padding: 0.5rem 1.0rem;


}

.btnZumAbo.ui-state-hover span.ui-button-text.ui-c, .btnZumHandy.ui-state-hover span.ui-button-text.ui-c, .ui-state-hover span.ui-button-text.ui-c{
    color:black;
}

.buttonLight.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only,
.buttonLightGreen.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only,
a.buttonLight.ui-commandlink,
a.buttonLightGreen.ui-commandlink{
    border: 3px solid #339900;
    font-weight: bold;
    /*-moz-border-radius:0.5em;
    -webkit-border-radius:0.5em;
    border-radius:0.5em;*/
    -moz-border-radius:1.5em;
    -webkit-border-radius:1.5em;
    border-radius:1.5em;
}

.buttonLightGreen.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only,
a.buttonLightGreen.ui-commandlink{
    background-color: #339900;
    color: white;
}

.buttonLight.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only,
a.buttonLight.ui-commandlink{
    background-color: white;
    color: #339900;
}

.buttonLight.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only:hover,
a.buttonLight.ui-commandlink:hover{
    background-color: #339900;
    color: white;
    border: 3px solid #339900;
    color: black;
}

.buttonLight, .buttonLightGreen {
    border: 3px solid #339900;
    /*-moz-border-radius:0.5em;
    -webkit-border-radius:0.5em;
    border-radius:0.5em;*/
    -moz-border-radius:1.5em;
    -webkit-border-radius:1.5em;
    border-radius:1.5em;
    padding: .35em 1em;
    display: inline-block
}

.buttonLight, .ui-widget-content a.buttonLight, a.buttonLight.ui-commandlink{
    background-color: white;
    color: #339900;
}

.buttonLightGreen, .ui-widget-content a.buttonLightGreen, a.buttonLightGreen.ui-commandlink{
    background-color: #339900;
    color: white;
}

/* Source: forum.css */
.neuesThemaForm{
    float: left;
    width: 100%
}

.preformatted {
    white-space: pre-wrap;
}

/* Source: groundStyle.css */
.margin-right20{
    height: 100%;
    width: 20px;
}

.margin-left20{
    /*    height: 100%;
        width: 20px;
        display: table-cell;*/
    display: none;
}

.margin-bottom20{
    height: 20px;
    width: 100%;
    display: table-row;
}

/* Source: news.css */
.eintragZeilen{
    margin-top: 0px;
    margin-bottom: 20px;
    width: 94%;
    background-color: #dad9d9;

    padding: 2%

}

/* Source: style_start.css */
.linkGreen a, .linkGreen, a.ui-widget-content .linkGreen {
    color: #339900;

}

/* Source: style.css */
.javaScriptEinschaltHinweis{
    background-color: yellow;
    width: 95%;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 10px;
    padding-left: 30px;
}

.divRoundCorners{
    border: 1px solid #cccccc;
    -moz-border-radius:0.5em;
    -webkit-border-radius:0.5em;
    border-radius:0.5em;
    background-color: white;
    float: left; /*damit dieses Div die anderen mit white umramt*/
}

.divRoundCornersOnly{
    -moz-border-radius:0.5em;
    -webkit-border-radius:0.5em;
    border-radius:0.5em;
}

.greenText{
    color: #339900
}

.ui-tabs-panels .linksNewsListe, .linksNewsListe{
    font-size: 14px;
    font-size: 0.9rem;
    color: #339900;
}

.ui-tabs-panels .linksNewsListe:hover, .linksNewsListe:hover{
    color: #339900;
    text-decoration: none;

}

.titelH3, p.titelH3, a.titelH3, h3.titelH3{
    font-size: 16px;
    font-size: 1rem;
    color: #339900;
}

.titleMeldung{
    /*color:white;*/
    font-size:18px; 
    font-weight:bold; 
    padding-top:10px;
}

.textSize11{
    font-size: 11.2px;
    font-size: 0.7rem;
}

.textglow{

    text-align: center;
    -webkit-animation: textglow 2s ease-in-out infinite alternate;
    -moz-animation: textglow 2s ease-in-out infinite alternate;
    animation: textglow 2s ease-in-out infinite alternate;
}

@-webkit-keyframes textglow {
    from {
        text-shadow: 0 0 20px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #fff, 0 0 50px #fff, 0 0 60px #fff, 0 0 70px #fff;
    }
    to {
        text-shadow: 0 0 20px #fff, 0 0 15px #339900, 0 0 15px #339900, 0 0 20px #339900, 0 0 30px #339900, 0 0 40px #339900, 0 0 50px #339900;
    }
}

/* Moved from dk-news.css: legacy News classes kept for old XHTML markup */
.newsFrontEintragWrapper,
.newsFrontTitelWrapper,
.divEdgeNoneFloat,
.ui-panel.textSeitenTitel{
/*    background:#fff;
    border-radius:24px;
    box-shadow:0 2px 14px rgba(0,0,0,.04);*/
}

.newsFrontEintragWrapper,
.newsFrontTitelWrapper,
.divEdgeNoneFloat{
    padding:24px;
}
/*
.seitenTitel,
.ui-panel.textSeitenTitel .ui-panel-title,
.newsFrontTitelWrapper .seitenTitel {
    margin: 0;
    line-height: 1.08;
    letter-spacing: -.02em;
    font-weight: 800;
    color: #111;
    text-transform: none;
}

h1.seitenTitel
.newsFrontTitelWrapper .seitenTitel {
    font-size: clamp(26px, 4.2vw, 40px);
}

h2.seitenTitel {
    font-size: clamp(22px, 3.2vw, 34px);
}

h3.seitenTitel,
.newsFrontTitelWrapper .seitenTitel,
.ui-panel.textSeitenTitel .ui-panel-title {
    font-size: clamp(20px, 2.3vw, 28px);
}

h4.seitenTitel {
    font-size: clamp(17px, 1.8vw, 22px);
}*/
.seitenTitel,
.ui-panel.textSeitenTitel .ui-panel-title,
.newsFrontTitelWrapper .seitenTitel {
    margin: 0;
    line-height: 1.08;
    letter-spacing: -.02em;
    font-weight: 800;
    color: #111;
    text-transform: none;
}

h1.seitenTitel {
    font-size: clamp(26px, 4.2vw, 40px);
}

h2.seitenTitel {
    font-size: clamp(22px, 3.2vw, 34px);
}

h3.seitenTitel,
.ui-panel.textSeitenTitel .ui-panel-title,
.newsFrontTitelWrapper h3.seitenTitel {
    font-size: clamp(20px, 2.3vw, 28px);
}

h4.seitenTitel,
.newsFrontTitelWrapper h4.seitenTitel {
    font-size: clamp(17px, 1.8vw, 22px);
}

.newsFrontTitelWrapper h2.seitenTitel {
    font-size: clamp(22px, 3.2vw, 34px);
}

.newsFrontTitelWrapper h1.seitenTitel {
    font-size: clamp(26px, 4.2vw, 40px);
}
.textSeiten,
.textSeitenNoMargin,
.ui-panel.textSeitenTitel .ui-panel-content,
.ui-panel.textSeitenTitel .ui-panel-content p{
    font-size:18px;
    line-height:1.6;
    color:#222;
}

.textSeitenNoMargin{ margin:0; }

.linkGreenUnderline{
    color:var(--dk-green);
    font-weight:700;
    text-decoration:underline;
    text-underline-offset:3px;
}

.newsFrontImage img{
    max-width:120px;
    display:block;
}

.newsFrontText .seitenTitel,
.titelH3noMargin{
    margin:6px 0 10px;
    font-size:clamp(22px,3vw,30px);
    line-height:1.18;
    font-weight:800;
    color:var(--dk-green);
}

.titelH3noMargin{ margin-top:20px; }

.ui-panel.textSeitenTitel{
    border:none !important;
    box-shadow:0 2px 14px rgba(0,0,0,.04);
    overflow:hidden;
}

.ui-panel.textSeitenTitel .ui-panel-titlebar{
    background:#f6f8f2;
    border:none;
    /*padding:16px 24px 0;*/
}

.ui-panel.textSeitenTitel .ui-panel-content{
    border:none;
    padding:12px 24px 24px;
}

.newsFrontEintragWrapper{ 
margin-bottom: 20px;
}

.newsFrontTitelWrapper{ width:auto; float:none; margin:0 0 18px; }

.newsFrontImage,
.newsFrontText{ width:auto; float:none; display:block; padding:0; }

.newsFrontText a{ text-decoration:none; }

.divEdgeNoneFloat{ width:auto; }

@media (max-width: 700px){
    .newsFrontImage img{ max-width:96px; }
    .newsFrontEintragWrapper,
    .newsFrontTitelWrapper,
    .divEdgeNoneFloat{ padding:18px; }
    .ui-panel.textSeitenTitel .ui-panel-titlebar{ padding:14px 18px 0; }
    .ui-panel.textSeitenTitel .ui-panel-content{ padding:10px 18px 18px; }
}


/* --- Corrective legacy overrides: full original definitions for migrated news transition classes --- */
/* Source fidelity restored from legacy style.css + news.css */

.textSeiten, .textSeitenNoMargin{
    font-size: 18px;
    /*font-size: 0.9rem;*/
    font-weight: normal; 
}
.textSeitenNoMargin{
    margin-top: 0px;
}
a.textSeiten, a.textSeiten:link, a.textSeitenNoMargin, a.textSeitenNoMargin:link{
    font-weight: normal; 
    color: black;
    text-decoration: none;
}
a.textSeitenNoMargin, a.textSeitenNoMargin:link{
    margin-top: 0px;
}

.ui-widget-content a.linkGreenUnderline, a.linkGreenUnderline{
    color: #339900;
    font-weight: normal;
    text-decoration: underline;
}
.ui-widget-content a.linkGreenUnderline:hover, a.linkGreenUnderline:hover{
    color: black;
    font-weight: normal;
    text-decoration: none;
}

.seitenTitel, a.seitenTitel{
    font-size: 19px;
    font-size: 1.2rem; 
    font-weight: bold; 
    color: #339900; 
    padding-bottom: 10px;
    display: block;
}
a.seitenTitel:hover{
    text-decoration: none;
    border-bottom: 1px solid #339900;
    color: #339900; 
}
.seitenTitel a:hover {
    text-decoration: none;
    border-bottom: 1px solid #339900;
    color: #339900; 
}
a h1.seitenTitel:hover, a h2.seitenTitel:hover, a h3.seitenTitel:hover{
    color: black;
    text-decoration: underline;
    border-bottom: 0px solid #339900;
}

.textSeitenTitel{
    font-size: 20px;
    font-weight: normal; 
    color: black;
}

.divEdgeNoneFloat{
    /*padding: 10px;*/
    /*border: 1px solid #cccccc;*/
    background-color: white;
    box-shadow: 0 11px 48px -24px gray;
    border-radius: 24px;
}

.titelH3noMargin, p.titelH3noMargin, a.titelH3noMargin, h3.titelH3noMargin{
/*    font-size: 16px;
    font-size: 1rem;*/
    color: #339900;
    margin-bottom: 0px;
}

.newsFrontEintragWrapper{
    width: 100%;
    margin-bottom: 20px;
    background-color: white;
    padding: 10px;
    float: left;
    box-shadow: 0 11px 48px -24px gray;
}
.newsFrontTitelWrapper{
    width: 98%;
    margin-bottom: 20px;
    background-color: white;
    padding: 10px;
    float: left;
}
div.newsFrontImage{
    width: 20%;
    max-width: 120px;
    min-width: 80px;
    float: left;
    display: inline;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
}
div.newsFrontText{
    width: 80%;
    float: left;
    display: inline;    
}
@media only screen and (max-width: 1076px) and (min-width: 1024px){
    div.newsFrontText{
        width: 100%
    }
}
@media only screen and (max-width: 780px){
    div.newsFrontText{
        width: 70%;
    }
}
@media only screen and (max-width: 610px){
    div.newsFrontImage{
        width: 100%;
        float: none;
        display: block;
        padding-top: 10px;
    }
    div.newsFrontText{
        width: 100%;
        float: none;
        display: block;
        padding-top: 20px;
        padding-left: 0px;
    }
    .newsFrontEintragWrapper{
        width: 99%;
    }
    .newsFrontTitelWrapper{
        width: 96%;
    }
}
@media only screen and (max-width: 420px){
    .newsFrontEintragWrapper{
        width: 99%;
    }
    .newsFrontTitelWrapper{
        width: 95%;
    }
}
@media only screen and (max-width: 370px){
    .newsFrontEintragWrapper{
        width: 98%;
    }
    .newsFrontTitelWrapper{
        width: 94%;
    }
}




.ui-panel.textSeitenTitel {
    background-color: #fff;
    border: none !important;
    box-shadow: 0 11px 48px -24px gray;
    border-radius: 24px;
    overflow: hidden;
}

.ui-panel.textSeitenTitel .ui-panel-titlebar {
    background: transparent;
    border: none;
    padding: 24px 24px 0;
}

.ui-panel.textSeitenTitel .ui-panel-title {
    margin: 0;
    line-height: 1.08;
    letter-spacing: -.02em;
    font-weight: 800;
    color: #111;
    text-transform: none;
    font-size: clamp(20px, 2.3vw, 28px);
}

.ui-panel.textSeitenTitel .ui-panel-content {
    background: transparent;
    border: none;
    padding: 12px 24px 24px;
}

.ui-panel.textSeitenTitel .ui-panel-content,
.ui-panel.textSeitenTitel .ui-panel-content p,
.ui-panel.textSeitenTitel .textSeiten {
    font-size: 18px;
    line-height: 1.6;
    color: #222;
}

.ui-panel.textSeitenTitel .ui-panel-content > :first-child {
    margin-top: 0;
}

.ui-panel.textSeitenTitel .ui-panel-content > :last-child {
    margin-bottom: 0;
}

@media (max-width: 700px) {
    .ui-panel.textSeitenTitel {
        border-radius: 20px;
    }

    .ui-panel.textSeitenTitel .ui-panel-titlebar {
        padding: 18px 18px 0;
    }

    .ui-panel.textSeitenTitel .ui-panel-content {
        padding: 10px 18px 18px;
    }
}
.dk-newsArchiveMiniList,
.newsArchivJahrListe {
    display: grid;
    gap: 12px;
    margin-top: 12px;
}

a.linksNewsListe {
    display: block;
    padding: 14px 16px;
    background: #fff;
    border: 1px solid #dde8cf;
    border-radius: 18px;
    box-shadow: 0 11px 48px -24px gray;
    color: var(--dk-green);
    text-decoration: none;
    line-height: 1.45;
    font-size: 28px;
    font-weight: 700;
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}

a.linksNewsListe:hover {
    text-decoration: none;
    border-color: #bfd7a8;
    box-shadow: 0 14px 38px -24px rgba(0,0,0,.28);
    transform: translateY(-1px);
    color: var(--dk-green);
}

a.linksNewsListe::first-line {
    color: #111;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .02em;
}

.ui-tabs-panels .linksNewsListe,
.linksNewsListe {
    color: var(--dk-green);
    font-size: 18px;
    font-weight: 700;
}

.ui-tabs-panels .linksNewsListe:hover,
.linksNewsListe:hover {
    color: var(--dk-green);
}

@media (max-width: 700px) {
    a.linksNewsListe {
        padding: 12px 14px;
        border-radius: 16px;
        font-size: 16px;
    }

    .ui-tabs-panels .linksNewsListe,
    .linksNewsListe {
        font-size: 16px;
    }
}