@import url("font.css");
@import url("colors.css");
@import url("grid.css");
@import url("header.css");
@import url("footer.css");
@import url("icons.css");
@import url("basic.css");
@import url("blog.css");
@import url("erweiterungen.css");
@import url("horstedt.css");
@import url("print.css");

*, :before, :after {
  box-sizing: border-box;}
h1, h2, h3, h4, h5, h6 {
  font-synthesis: none;}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth; }}
.print-only-site-title {
  display: none;
}
html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;}

body {
    font-family  : 'standard';
    color        : var(--text);
    font-size    : 1.1rem;
    line-height  : 1.5;}

/* Schriften Mobil */
@media screen and (max-width: 600px) {
body {
    font-size            : 1.4rem;
    line-height          : 1.5;}}

a:focus-visible {
         outline: 3px solid var(--link-focus)!important;}
a.btn:focus {
         border          : 3px solid #906F6F!important;
         background      : white;
         color           : black}



main ul,
main ol {
         margin-left     : 2em;}

@media screen and (max-width: 800px){
main ul,
main ol {
         margin-left     : 1em;}}

main ul li,
main ol li {
         margin          : 0.35em 0}

.com-content-article__body > p {
         margin-bottom   : 1em;
         text-align      : justify         }

h1, h2, h3, h4, h5, h6{
         font-family     : 'standard-bold';
         font-weight     : normal;}

main h1 {
         font-size       : 200%;
         margin          : 0.75em 0 0.5em 0;
         text-align      : left;}
main h2 {
         font-size       : 160%;
         margin          : 0.5em 0;
         border-bottom   : 2px solid #DFDFDF         }
main h2 > a {
         font-weight     : normal!important;}

main h3 {
         font-size     : 140%;
         margin-bottom : 0.5em;
         padding-top   : 0.75em;
         border-bottom : 1px solid #5F5F5F}
main h4 {
         font-size       : 140%;
         padding         : 0.35em 0;}
main h5 {
         font-size     : 120%;
         margin-bottom : 0.5em;}
main h6 {
         font-size     : 120%;
         margin-bottom : 0.5em;}
main a {
         color           : var(--link);
         text-decoration : none;
         font-weight     : bold;
         -webkit-font-smoothing: antialiased;         }

main a:hover {
         color           : var(--link-hover);
         text-decoration : underline}

.com-content-article__body  > p > img,
.mod-articlesnews__item > p > img,
.mod-articlesnews__item > p > span > img  {
box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
border-radius:0.75em}


.wf_caption > span {
         font-size       : 0.8em;
         margin          : 0.25em 0;
         font-style      : italic}

td  {
         vertical-align  : top;}
td p {
         margin          : 0;
         padding         : 0;}
/*@media screen and (max-width: 500px){
.item-page table th {
   vertical-align: top;
   text-align: right;
   writing-mode: vertical-rl;
   transform: rotate(180deg);
   white-space: pre;}}


@media screen and (min-width:700px) and (max-width: 800px){
.item-page table {
        display: flex;
        overflow-x: scroll;
        max-width: 710px;
        margin: auto;}}

@media screen and (min-width:600px) and (max-width: 700px){
.item-page table {
        display: flex;
        overflow-x: scroll;
        max-width: 610px;
        margin: auto;}}

@media screen and (max-width: 500px){
.item-page table {
        display: flex;
        overflow-x: scroll;
        max-width: 510px;
        margin: auto;}}    */




@media screen and (min-width:600px) and (max-width: 700px){

:focus-visible {
    outline: 15px solid orange!important;
    outline-offset: 20px!important!important;}}



/* Silbentrennung nur! in Absaetzen */
main p {
         hyphens: auto;
         -webkit-hyphens: auto;
         -webkit-hyphenate-limit-chars:2;
         -webkit-hyphenate-limit-lines: 2;
         -ms-hyphens: auto;
         -ms-hyphenate-limit-chars: 2;
         -ms-hyphenate-limit-lines: 2;}



@media screen and (min-width:800px)
{.hidden-desktop {display: none;}}

@media screen and (max-width:800px)
{.hidden-phone {display: none;}}


@media only screen and ( max-width:850px ) {
    .umbruch::before {
        content: "\A";
        white-space: pre;}}

@media only screen and ( max-width:500px ) {
    .umbruch::before {
        content: "\A";
        white-space: pre;}
    .umbruch2::before {
        content: "\A";
        white-space: pre;}}

.unseen {
         position        : absolute;
         height          : 1px;
         width           : 1px;
         overflow        : hidden;
         clip            : rect(0 0 0 0);
         clip-path       : inset(100%);
         white-space     : nowrap;}


/* ################# */
/* HINWEIS fuer alte Geraete */

@supports not (display: grid) {
  /* at least space them out a bit */
body {
         font-size: 1em}
h1, h2, h3, h4, h5 {
         font-size: 110%}
.sticky-header {
         width   : 95%;
         margin  : 0 auto;
         position: relative;
         height: 200px}
.breadcrumbs {display: none;}

.header-logo {
       width   : 100%;
       float   : left;}
.top-menu {
       width   : 80%;
       float   : left;}
.header-menu {
         width : 20%;
         float : right}

p.hinweistext {margin-left: 20px;margin-right: 20px; font-size: 16px;}
.hinweistext:after{
content: "Sehr geehrte Damen und Herren,\ALeider nutzen Sie eine alte Browserversion in der viele heutige Standards nicht angezeigt werden können.\A\A Die Darstellung in diesem Browser ist nicht optimiert und nicht barrierefrei!\A\ABitte wechseln Sie zu einem anderen Gerät um unsere Homepage ansehen zu können.";
white-space:pre-wrap;;}

header,
footer {
         width   : 100%;
         float   : left;}

article  {
         margin-top: 0;
         width   : 80%;
         margin  : 0 auto}          }









/* Generelle Einstellungen */

a:-webkit-any-link {
    text-decoration: none;}

ol {
    display: block;
    list-style-type: decimal;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
    unicode-bidi: isolate;
}
ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
    unicode-bidi: isolate;}

p {
    display: block;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    unicode-bidi: isolate;
    margin : 0em 0 0.75em 0;
}
h1, h2, h3, h4, h5, h6 {
    display: block;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    unicode-bidi: isolate;}

dl {
    display: block;
    margin-block-start: 0em;
    margin-block-end: 0em;
    unicode-bidi: isolate;
}
dd {
    display: block;
    margin-inline-start: 0px;
    unicode-bidi: isolate;
    color: var(--text-info);
    font-size: 0.8em;
}
.article-info {
         padding: 0 0 .35em 0}

th {
    display: table-cell;
    vertical-align: inherit;
    font-weight: normal;
    text-align: -internal-center;
    unicode-bidi: isolate;
}


.tab-ls {
         display         : flex;
         flex-wrap       : wrap;
         padding-top     : 1em;}

.tab-ls img {
         max-height      : 200px;
         width           : auto;}
.tab-ls-block-bild{
 }

@media screen and (min-width: 1000px){

.tab-ls {
         width           : 70%;
         margin          : 0 auto;}
.tab-ls-block-text {
         width           : 65%;}
.tab-ls-block-bild {
         width           : 30%;}}

@media screen and (max-width: 800px){
.tab-ls-block-text {
         width           : 100%;}
.tab-ls-block-bild {
         width           : 100%;}}

.tab-text {
         padding : 0.15em 0.5em;
         border-radius: 0.35em;
         border: 1px solid #4F4F4F;
         background: #EFEFEF}