/*@import url("main/main.css");*/
@font-face {
  font-family: 'OpenSans';
  src: url('fonts/OpenSans-Regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'OpenSans';
  src: url('fonts/OpenSans-Bold-webfont.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'OpenSans';
  src: url('fonts/OpenSans-Italic-webfont.woff') format('woff');
  font-weight: normal;
  font-style: italic;
  font-display: auto;
}
:root {
  --c-bg-body:hsl(34, 78%, 91%);
 /*--f-size-body:1.6rem;
  --f-weight-body:700;
  --f-weight-header:700;
  --f-weight-footer:700;
  --f-weight-nav:700;*/
  /*--f-family-body:'OpenSans', sans-serif;
  --f-family-nav:'OpenSans', sans-serif;
  --f-family-footer:'OpenSans', sans-serif;*/
  --c-f-body:hsl(0, 0%, 0%);
  --c-bg-header:hsl(0, 0%, 100%);
  --c-bg-footer:hsl(347, 82%, 43%);
  --c-a-body:hsl(190, 100%, 34%);
  --c-bg-nav:hsl(347, 82%, 43%);
  --c-bg-nav-sub:hsl(190, 100%, 34%);
  --c-f-header:hsl(0, 0%, 0%);
  --c-f-nav:hsl(0, 0%, 100%);
  --c-f-footer:hsl(0, 0%, 100%);

  --c-bg-nav-contrast:hsl(0, 0%, 100%);
  ---c-bg-nav-contrast:hsl(48, 87%, 77%);
  --c-hint:hsl(190, 100%, 34%);
  --c-frame-dark:hsl(0, 0%, 60%);
  --c-highlight-nav:hsl(0, 0%, 0%);
  /*  --c-gray:hsl(0, 0%, 40%);
    --c-highlight-nav:hsl(0, 0%, 0%);
  --f-linehight-body:2.2rem;*/
  }
/*header{background-color: initial;}
#langswitch, #langswitch a{color:var(--main-text-color-dark);}
nav.main-nav ul ul {background-color:var(--main-text-color-bright);color:var(--main-text-color-dark);}
nav.main-nav ul li:hover{background-color: var(--main-contrast-color);}*/
footer{line-height: 32px;}
h1, h2, h4, h5{background: url(../img/listpoints.gif) no-repeat;}
h1, h2 {text-rendering: optimizeLegibility;}
h1 {
    font-variant: small-caps;
    line-height: 0.8em;
    border-bottom: 2px solid var(--c-bg-nav);
    background-position: 1px -99px;
    padding-left: calc(1.5 * var(--gap-body));
    padding-bottom: 6px;
    margin-top: 20px;
    margin-bottom: 10px;
}
h2 {
    border-bottom: 1px solid var(--c-bg-nav);
    background-position: 2px -161px;
    padding: 0 0 1px calc(1.5 * var(--gap-body));
    margin: 5px 0 5px 0;
}
/*h3 {
    border-bottom: 1px solid var(--c-gray);
    background-position: 1px -172px;
    padding: 0 0 1px 12px;
    clear: both;
}*/
h4 {
    background-position: 2px -178px;
    border-bottom: 1px solid var(--c-bg-nav);
    margin: -2px -2px 4px -2px;
    padding: 0 0 0 12px;
    font-size: 12px;
}
#menu > li, #menu > li a{color: var(--c-f-nav);}
#menu li ul{background-color:var(--c-bg-body);}
#menu li ul li:nth-last-child(1) {border-color:var(--c-bg-body);}
#menu li ul li a{color: var(--c-f-body);}
.sub-nav{color:var(--c-f-footer);}
.sub-nav a{background-color:var(--c-f-footer);color:var(--c-f-body);}
.sub-nav li.selected{background-color:var(--c-gray);}
.news-block{border-color: var(--c-hint);}
.news-block time{background-color:var(--c-hint);color:var(--c-f-nav);}
.attblock{background-color:var(--c-hint);color:var(--c-f-footer);padding:var(--gap-body);}
.btn-primary, .btn-primary:hover{
  background-color: var(--c-bg-footer);
  border-color: var(--c-bg-footer);
  color: var(--c-f-footer);
}
main a.extern:link{font-weight:normal;}
main a.extern:link{background: url(../img/ic_link_ext.png) no-repeat top right;}
/*main a.extern:hover{color:var(--c-hint);}*/
.change{color:var(--c-hint);}
.framedark{border-color:var(--c-gray);}
ul.box--border{padding-left: 0;list-style-type: none;}
ul.box--border ul{padding-left: 0;}
.box--border{padding: var(--gap-body);margin-bottom: var(--gap-body);}
.box--border{border: 1px solid var(--c-gray);}
.box--label {margin: calc(0px - var(--gap-body)) calc(0px - var(--gap-body)) 0 calc(0px - var(--gap-body));}
.box--label {
    display: block;
    background:  url(images/listpoints.gif)no-repeat 4px -175px;
    border-bottom: 1px solid var(--c-bg-footer);
    padding: 2px 0 2px 16px;
    font-weight:var(--f-weight-body);
}
.arrowed {border-color: rgba(0, 145, 173, 0.25);}
.arrowed:hover{border-color: rgba(0, 145, 173, 1);}
.arrow{border-color: rgba(0, 145, 173, 0.6);}
.arrow:before{border-color: rgba(0, 145, 173, 0.3);}
.arrow:after{border-color: rgba(0, 145, 173, 1);}
.monospace {
  display:inline-block;
  font-family: monospace;
  white-space: pre; /* Sorgt dafür, dass Zeilenumbrüche und Leerzeichen erhalten bleiben */
}
ol{margin-left: var(--gap-body);}

table.cont {border-collapse: collapse; margin:auto;}
table.cont th, table.cont td, table.cont caption {border: 1px solid var(--c-gray); padding: 3px; vertical-align: top;}
table.cont > caption {text-align: left;border-bottom: 0;font-style: italic;}
table.cont > thead tr th, table.cont > tbody tr th {background-color: #ccc;}
table.cont > tbody tr:nth-child(even) {background: #eee;}
table.cont > tbody tr:nth-child(odd) {background: #fff;}
th.cont, tr.cont th {
  background-color: #ccc;
  color: #333;
  border: 1px solid #999;
  padding: 1px 3px;
}

td.cont, tr.cont td {
  vertical-align: top;
  padding: 1px 3px;
  border: solid 1px #999;
}

td.cont1, tr.cont1 td, tr.cont1 th {
  vertical-align: top;
  padding: 1px 3px;
  background: #eee;
  border: solid 1px #999;
}

.flexbox-center {
  display: flex;
  flex-flow: row wrap;
  gap: var(--gap-body);
  justify-content: center;
}

.pom-prev {position: relative;}
.pom-prev-img {
  border: 1px solid var(--c-gray);
  object-fit: cover;
  width: 146px;
  height: 100px;
}

.pom-prev-month {
  width: 30px;
  color: var(--c-f-footer);
  background-color: var(--c-gray);
  text-align: center;
  position: absolute;
  z-index: 10;
}
.gallery-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  justify-items: center;
}
.gallery-default {
  border: 1px solid var(--c-gray);
  height: 240px;
  width: fit-content;
}
.gallery-default img {max-height: 180px;object-fit:none;}
.pr-container{margin-left: 1.5rem; margin-right: 1.5rem; margin-bottom: var(--gap-body);}
.pr-container td{vertical-align: top;padding-bottom: calc(var(--gap-body)/2);}
.pr-container td a:link{font-weight: initial;padding:0;}
.pr-container td ul{list-style:none;padding:0;}
.pr-container td li{margin:0 0 calc(var(--gap-body)/2) 0;}
.pr-his-date {display:table-cell;width: 80px;}
.pr-his {display: table-cell;padding-left: var(--gap-body);border-left: 1px dotted var(--c-gray);}
a:link.pr{color: var(--c-f-body);}
a:visited.pr{color: var(--c-gray);}
a:hover.pr, a:hover.pr{background-color: var(--c-bg-header);}
.link-btn-secondary{color: var(--c-bg-footer)}
.link-btn-secondary:hover{background-color: var(--c-bg-footer);opacity: 0.7;color: var(--c-f-footer);}