/* /////////////////////////////////////////////////////////////////////////// */
/* // Nornenthal - CSS3-Stylesheet | Copyright 2026 by Mag. Markus W. Benes // */
/* /////////////////////////////////////////////////////////////////////////// */

/* MainBox informationen-view ANFANG */
@-webkit-keyframes flash {
    0% {
        opacity: .4;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes flash {
    0% {
        opacity: .4;
    }
    100% {
        opacity: 1;
    }
}

/* MainBox informationen-view ENDE */

/* Informationsbeiträge im bestehenden Seitenrahmen */
.information-journal { --info-accent: #5b8a9b; }
#mainbox-big.information-journal { background: #fff; }
#body-violett .information-journal { --info-accent: #81799b; }
#body-blue .information-journal { --info-accent: #77809d; }
#body-pink .information-journal { --info-accent: #94778d; }
#body-green .information-journal { --info-accent: #618c75; }
#body-brown .information-journal { --info-accent: #9d8677; }
#body-lightblue .information-journal { --info-accent: #7c8fac; }
#body-red .information-journal { --info-accent: #a26868; }
.information-heading { padding: 19px 23px 14px; }
.information-heading h1 { margin: 0 0 12px; color: var(--info-accent); font: normal 33px/1.2 Georgia, serif; }
.information-heading nav { display: flex; flex-wrap: wrap; gap: 5px; }
.information-heading nav a { border: 1px solid #cbd2d3; padding: 6px 10px; color: #405054; color: color-mix(in srgb, var(--info-accent) 78%, black); background: #f6f7f7; font: 12px/1.3 Tahoma, Arial, sans-serif; }
.information-heading nav a[aria-current], .information-heading nav a:hover, .information-heading nav a:focus-visible { color: white; background: #394b51; background: color-mix(in srgb, var(--info-accent) 82%, black); border-color: var(--info-accent); }
.information-journal a:focus-visible { outline: 3px solid var(--info-accent); outline-offset: -3px; }
.information-lead > a { display: flex; align-items: center; position: relative; isolation: isolate; min-height: 230px; overflow: hidden; background: #293438; border-bottom: 3px solid var(--info-accent); }
.information-lead img, .information-lead > a::after { position: absolute; inset: 0; width: 100%; height: 100%; z-index: -2; object-fit: cover; }
.information-lead > a::after { content: ""; z-index: -1; background: linear-gradient(90deg, rgba(11,23,26,.86), rgba(11,23,26,.66) 40%, rgba(11,23,26,.12) 72%); }
.information-lead .information-copy { width: 51%; padding: 24px 26px; }
.information-kind { color: var(--info-accent); color: color-mix(in srgb, var(--info-accent) 78%, black); font: bold 10px/1.45 Tahoma, Arial, sans-serif; text-transform: uppercase; letter-spacing: 1.1px; }
.information-lead .information-kind { color: var(--info-accent); color: color-mix(in srgb, var(--info-accent) 50%, white); }
#mainbox-big.information-journal article h2,
.shop-stone-articles article h2 { margin: 4px 0; padding: 0; height: auto; background: none; border: 0; text-shadow: none; color: var(--info-accent); font: normal 23px/1.2 Georgia, serif; overflow-wrap: anywhere; }
#mainbox-big.information-journal .information-lead h2,
.shop-stone-articles .information-lead h2 { margin: 8px 0 14px; color: #e0e8eb; color: color-mix(in srgb, var(--info-accent) 45%, white); font-size: 32px; }
.information-read { color: white; font: bold 12px/1.5 Tahoma, Arial, sans-serif; border-bottom: 1px solid #bbc9ca; }
.information-row { margin: 0 23px; border-bottom: 1px solid #dde2e3; }
.information-row a { display: flex; gap: 18px; align-items: center; padding: 14px 0; }
.information-row a:hover h2, .information-lead a:hover .information-read { text-decoration: underline; }
.information-row img { width: 30%; height: auto; min-height: 120px; align-self: stretch; contain: size; object-fit: cover; object-position: 72% center; flex: none; }
.information-row .information-copy { min-width: 0; align-self: flex-end; }
.information-row p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    overflow-wrap: anywhere;
    margin: 5px 0 0;
    font: 13px/1.5 Tahoma, Arial, sans-serif;
    color: #505c60;
}
.shop-stone-articles { clear: both; float: right; width: 100%; margin-top: 5px; background: white; box-shadow: 3px 3px 3px #ccc; }
.shop-stone-articles .information-lead > a { border-top: 3px solid var(--info-accent); border-bottom: 0; }
.shop-stone-articles .information-lead + .information-lead { margin-top: 5px; }
.information-empty { padding: 0 23px 18px; }
@media (max-width: 650px) {
    .information-lead .information-copy { width: 76%; padding: 18px; }
    .information-row, .information-heading { margin: 0; padding-left: 14px; padding-right: 14px; }
}