body{
  font-size: 0.8rem;
}
.white {
	background: #ffffff;
}

.h1, h1 {
  font-size: calc(.8rem + 1.5vw);
}

.h2, h2, .player h1 {
  font-size: calc(.55rem + .9vw);
  border-bottom: 0.2em solid #3e3e3e;
  text-transform: uppercase;
}
.headline_video {
    text-transform: none;
    border: none;
}
.btn {
  display: inline-flex;
  font-size:0.8rem;
  padding: .155rem .155rem;
}

.btn span {
  width: 100%;
}
.btn_round {
  width: 3rem;
  height: 3rem;
  text-align: center;
  font-weight: bold;
} 

.btn-secondary {
  color: #000;
  background-color: #fe9b96;
  border-color: #fe9b96;

}

.btn_round_big {
  width: 28vw;
  height: 28vw;
  font-size: 4vw;
  font-weight: bold;
  }

  .Absolute-Center {
    max-height: 100vh;
    max-width: 100vw;
    margin: auto;
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    display: grid;
  }  

  .Absolute-Center div {
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
  }

  .outerframe hr {
    position: fixed;
    margin: 0;
	z-index: 2000;
}
.outerframe hr:nth-child(1) {
  top: 0;
  width: 100%;
  height: .5rem;
  background: #858585;
}
.outerframe hr:nth-child(2) {
  right: 0;
  width: .5rem;
  height: 100%;
  background: #858585;
}
.outerframe hr:nth-child(3) {
  bottom: 0;
  width: 100%;
  height: .5rem;
  background: #858585;
}
.outerframe hr:nth-child(4) {
  left: 0;
  width: .5rem;
  height: 100%;
  background: #858585;
}

.outerframe hr:nth-child(5) {
  top: .5rem;
  left: .5rem;
  width: calc(100% - 1rem);
  height: .5rem;
  background: #d5d5d5;
}
.outerframe hr:nth-child(6) {
  right: .5rem;
  top: .5rem;
  width: .5rem;
  height: calc(100% - 1.1rem);
  background: #d5d5d5;
}
.outerframe hr:nth-child(7) {
  bottom: .5rem;
  left: .5rem;
  width: calc(100% - 1rem);
  height: .5rem;
  background: #d5d5d5;
}
.outerframe hr:nth-child(8) {
  left: .5rem;
  top: .5rem;
  width: .5rem;
  height: calc(100% - 1.1rem);
  background: #d5d5d5;
}
header .col-3.text-end {
    z-index: 2000;
}
header img.rounded-circle {
    width: 2rem;
}
header nav a {
    color: #000000;
    margin: .5rem;
    padding: .34rem .7rem.3rem .5rem;
    border: solid .15rem #000000;
    border-radius: .3rem;
}
header nav a.active {
    background-color: rgb(254 155 150 / 37%);
}
header nav a:hover {
    color: inherit;
    text-decoration: none;
}
header nav a svg {
    vertical-align: text-bottom;
}
header nav li.nav-item {
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: baseline;
    flex-wrap: wrap;
	padding: 1em;
}
header button:focus {
    border: solid .15rem #000000;
    border-radius: .3rem;
}
.player {
  background: #fe9b96;
	position: relative;
	margin: 0 .1rem;
}
.player img {
    width: 18vw;
}
.player .carousel-control-next, .player .carousel-control-prev {
    top: 2rem;
    align-items: flex-start;
    height: 2rem;
}
.player .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}
.player .carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}
.player a {
    opacity: 1;
}
audio {
  width: 100%;
  height: 3rem;
}
audio::-webkit-media-controls-volume-control-container, video::-webkit-media-controls-volume-control-container {
    display: none;
}
video {
	width: 100%;
}
video:last-of-type {
	padding-bottom: 1rem;
}
.change a {
  font-size: 0.7rem;
  color: #000;
}
.change img {
  width: 1.5rem;
  margin-right: .5rem;
}
.change .col-6:last-of-type {
    text-align: right!important;
}
.active .st2 {
    fill: #FE9B96;
}
.previous, .next {
	font-size: 3em;
	color: #000;
}
.previous:hover, .next:hover {
	text-decoration: none;
	color: #000;
}
  .fade-in {
    opacity: 1;
    animation-name: fadeInOpacity;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 10s;
  }
.show-more p, .less {
	display: none;
}
.show-more:target p, .show-more:target .less {
	display: inline-flex;
}
.show-more:target .more {
	display: none;
}
h2 + span {
    padding-bottom: 1em;
    display: block;
}
h2 + span:after {
    content: "... \A";
    white-space: pre;
}
.show-more:target h2 + span {
    display: none;
}

  @keyframes fadeInOpacity {
    0% {
      opacity: 0;
    }
    80% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }

  .btn_round {
    width: 4rem;
    height: 4rem;
  }
  .btn {
    font-size: 1rem;
  }
.schlusstext h2 {
    text-align: center;
    border: none;
    display: inline-block;
    background: #1d1d1d;
    color: #FFFFFF;
    width: 100%;
    padding: 0.5rem 0;
	margin-bottom: 1rem;
}
.schlusstext {background: #f1f1f1;margin: 0 0.1rem;}

.schlusstext p {padding: 0 0.5rem;}
.schlusstext a {
    color: #000000;
    text-decoration: underline;
}
main {
    background: #f1f1f1;
}
.container {
	padding: 0;
}
header, .karte {
	background: #ffffff;
}
footer ul {
    margin: 0;
    padding: 1em 0 0 0;
}
footer li {
    list-style-type: none;
	padding-bottom: 1em;
}
footer {
    display: flex;
    justify-content: center;
    background-color: #f1f1f1;
    margin: 2rem;
	position: relative;
    text-align:center;
}
footer img {
    width: 100%;
}
footer a {
    text-decoration: none;
    color: #212529;
}
footer a:hover {
    color: inherit;
	text-decoration: none;
}
footer details {
    padding: 0 1em;
}
footer details p {
    background: #fff;
    padding: 0.5em 2em;
}
summary {list-style: none; cursor: pointer;}
summary::-webkit-details-marker {display: none; cursor: pointer;}