@charset "UTF-8";
/*//////////////////////////////////////////////=============================
   BITENOTBARK Screendesign   /////////////////    © 2021 Tim R. Gloystein
=============================//////////////////////////////////////////////*/

/*//////////////////////////////////////////////=============================
   Fonts
=============================//////////////////////////////////////////////*/
@font-face {
    font-family: TheSans;
    src: url(/fonts/TheSansPlain.otf);
    font-weight: normal;
}

@font-face {
    font-family: TheSans;
    src: url(/fonts/TheSans_B7_Bold.otf);
    font-weight: bold;
}

/*//////////////////////////////////////////////=============================
   Zeug und so
=============================//////////////////////////////////////////////*/
body {
 font-family: "TheSans", Arial, Helvetica, sans-serif;
 font-size: 1.2rem;
}
.bg-dark {
 background-color: #007082 !important;
}
.bg-danger {
 background-color: #8cbeba !important;
}
.bg-light {
 background-color: #fff !important;
}
p {
 color: #fff;
 line-height: 1.8;
}
h1 {
 color: #fff;
 font-weight: bold;
 font-size: 2rem;
 margin-bottom: 2rem;
}
a {
 color: #007082;
 text-decoration: none;
}
a:hover {
 color: #007082;
 text-decoration: underline;
}
.btn-danger {
 background-color: #8cbeba !important;
 border-color: #8cbeba;
}
.btn {
 font-size: 1.2rem;
 font-weight: bold;
}
header img {
 border-top: 25px solid #808080;
}
footer p {
 font-size: 1rem;
 color: #007082; 
}
.img-hover-zoom {
 overflow: hidden; /* [1.2] Hide the overflowing of child elements */
}
.img-hover-zoom img {
 transition: transform 1.2s ease;
}
.img-hover-zoom:hover img {
 transform: scale(1.05);
}
.btn-check:active+.btn-light, .btn-check:checked+.btn-light, .btn-light.active, .btn-light:active, .show>.btn-light.dropdown-toggle {
 color: #fff;
 background-color: #8cbeba;
 border-color: #8cbeba;
}
.form-check {
 padding-left: 0;
}
textarea {
 height: 100px !important;
}
.msg {
	color: #fff;
}
label b {
 color: #fff;
}
.carousel-control-next, .carousel-control-prev {
 width: 5%;
}

@media (min-width: 768px) { 
 h1 {
  font-size: 3.5rem;
 }
}