:root,[data-bs-theme=light] {
  --bs-blue:#007bc4;
  --kliwa-blau:#007bc4;
  --kliwa-hellblau:#edf5fb;
  --kliwa-dunkelblau:#201e50;
  --kliwa-braun:#65532f;
  --kliwa-hellbraun2:#cec4b0;
  --kliwa-hellbraun:#f6f5f1;
  --kliwa-orange:#ff7f11;
  --kliwa-gruen:#a3bbad;
  }

#myBtn {
  display: none;
  position: fixed;
  bottom: 50px;
  right: 50px;
  z-index: 99;
  font-size: 500%;
  outline: none;
  cursor: pointer;
}

#myBtn2 {
  display: none;
  position: fixed;
  bottom: 50px;
  right: 165px;
  z-index: 199;
  font-size: 500%;
  outline: none;
  cursor: pointer;
}


@font-face {
  font-display: block;
  font-family: "bootstrap-icons";
  src: url("../_fonts/bootstrap-icons.woff2") format("woff2"),
url("../_fonts/bootstrap-icons.woff") format("woff");
}

.bi::before,
[class^="bi-"]::before,
[class*=" bi-"]::before {
  display: inline-block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.bi-arrow-right-circle-fill,
.bi-arrow-right-square,
.bi-arrow-right-short,
.bi-box-arrow-in-right,
.bi-box-arrow-in-up-right,
.bi-caret-down-fill,
.bi-envelope-fill,
.bi-file-text::before,
.bi-file-earmark,
.bi-file-earmark-text-fill,
.bi-filetype-pdf,
.bi-globe2,
.bi-house-fill,
.bi-person-fill {
  color: var(--bs-blue);
  padding-right: 3px;
}   

.bi-arrow-right-circle-fill::before { content: "\f133"; }
.bi-arrow-right-square::before { content: "\F137"; }
.bi-arrow-right-short::before { content: "\f135"; }
.bi-box-arrow-in-right::before { content: "\F1BE"; }
.bi-box-arrow-in-up-right::before { content: "\F1C0"; }
.bi-caret-down-fill::before { content: "\F229"; }
.bi-envelope-fill::before { content: "\F32C"; }
.bi-file-text::before { content: "\f3b9"; }
.bi-file-earmark::before { content: "\f392"; }
.bi-file-earmark-text-fill::before { content: "\f38a"; }
.bi-filetype-pdf::before { content: "\f756"; }
.bi-globe2::before { content: "\f3ef"; }
.bi-house-fill::before { content: "\F424"; }
.bi-person-fill::before { content: "\f4da"; }

@font-face {
  font-family: "norm";
  src: local("norm"), url('../_fonts/Oxygen-Regular.ttf') format('truetype');
}

@font-face {
  font-family: "bold";
  src: local("bold"), url('../_fonts/Oxygen-Bold.ttf') format('truetype');
}

html, body {
  font-family: "norm", sans-serif !important;
  line-height: 1.7em !important;
}

body{
  background-image: url("../_grafik/kliwa-welle3.jpg");
  background-repeat: repeat-x;
  background-position: center;
  background-position-y: -65px;
}


.startlogo {
width:250px;
}

/* navbar */

.navbar {
  --bs-navbar-nav-link-padding-x: 1rem;
  font-weight: 800;
}

.dropdown-menu {
  --bs-dropdown-border-radius: 6px;
  border-color: #FF7F11;
  background: linear-gradient(#fff, #f2faff);
  --bs-dropdown-link-active-bg: #eee;
}

.dropdown-menu[data-bs-popper] {
  top: unset;
}

.navbar-nav .nav-item {
  margin: 0 0px;
}

.navbar-nav .nav-link {
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  display: inline-block;
}

.dropdown-menu {
  margin-bottom: 8px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.dropdown-item:hover, .dropdown-item:focus {
  background-color: unset;
}

.dropdown-mega .dropdown-menu {
  width: 100%;
}

.nav-gruppe {
border-bottom: 1px solid var(--bs-dropdown-divider-bg);
}

.nav-gruppe-item {
  font-size: 16px;
}

.form-control:focus {
  border-color: var(--kliwa-orange);
  outline: 0;
  box-shadow: unset;
}




/* slider */

.carousel {
  border-top: 1px solid var(--kliwa-hellbraun2);
  border-bottom: 1px solid var(--kliwa-hellbraun2);
}

.carousel-inner {
_border-radius: 6px;
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: -5px;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: 15%;
  margin-bottom: 1rem;
  margin-left: 15%;
}


.slider {
  _border-radius: 6px;
  background: var(--kliwa-hellbraun);
}

.accordion {
  -bs-accordion-active-bg: var(--kliwa-blau);
}

.accordion-button {
  background-color: var(--kliwa-hellblau);
}

.accordion-button:hover {
  color: var(--kliwa-orange);
}

.accordion-button:not(.collapsed) {
  background-color: var(--kliwa-blau);
  box-shadow: unset;
  color: #fff;
}

.accordion-button:focus {
  box-shadow: unset;
}

.bildnachweis1 {
  position: absolute;
  top: 15px;
  right: 16px;
  background-color: #f6f5f1;
  padding: 0px 5px 0px 5px;
  border-radius: 15px;
}

.bildnachweis2 {
  position: absolute;
  bottom: 10px;
  left: 16px;
  color: #fff;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: center;
  background-size: 100% 100%;
}

.carousel-control-prev-icon {
  background-image: url("../_grafik/pfeil-links.svg") ;
  position: absolute;
  width: 50px;
  height: 100px;
  left: -40px;
}

.carousel-control-next-icon {
  background-image: url("../_grafik/pfeil-rechts.svg") ;
  position: absolute;
  width: 50px;
  height: 100px;
  right: -40px;
}


.brotkrumenstrich {
  border-top: 2px dotted var(--kliwa-blau);
  margin-bottom: 2em;
}

h1, .h1 {
  font-size: 2.2em;
  color: var(--kliwa-blau);
}

h3, .h3 {
  font-size: 1.4em;
}

ul.aktuell
{
padding-left: 1em;
list-style-type: square;
}

ul.aktuell li
{
color: 0000ff;
}

.bildunterschrift {
  font-size: 0.85em;
}


hr
{
  border-top: 2px dotted var(--kliwa-blau);
}

.tab
{
padding-left: 10px;
}

nobr. 
{
white-space: nowrap;
}

ul
{
margin-left:0;
padding-left:0;
}

li.norm
{
margin-left:1em;
padding-left:0.2em;
padding-bottom: 1em;
}

a, ul.nav li a, ul.nav li a:visited 
{
text-decoration: none !important;
color: #01618b !important;
}

a:hover, ul.nav li a:hover, ul.nav li a:active 
{
text-decoration: none !important;
color: var(--kliwa-orange) !important;
}

b
{
font-family: "bold";
font-weight: normal;
}

ul.nav li.active a 
{
text-decoration: none !important;
color: #0096d8 !important;
}

h2,
h3
{
margin-top: 0;
}

h2
{
font-size: 30px;
}

h3.slider {
  color: #01618b;
  font-weight: bold;
  text-shadow: none;
}

.box
{
border: 1px solid #e7e7e7;
background: #f8f8f8;
border-radius: 5px;
padding: 10px;
}

.btn-default,
.btn-default:active,
.btn-default.active,
.btn-default:focus,
.btn-default.focus,
.open > .dropdown-toggle.btn-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
  color: #0096d8;
}

.card {
  margin-bottom: 1em;
  --bs-card-border-color: #aad1e8;
}

.card-header {
  background-color: var(--kliwa-hellblau);
  color: var(--kliwa-blau);
}

.card-header h3 {
  font-size: 1.05em;
  font-family: "bold";
  margin-bottom: unset;
}



@media (max-width: 768px) {

}

img.border
{
padding: 5px;
border-radius: 5px;
border: 1px solid #ccc;
}