/* Benutzerspezifische Einstellungen */

 
/* FARBEN für defi.jetzt
 #000    - sw, dkl. Hg.
 #222    - dgr, allg. Hg.
 #2F2E2E - gr, heller Hg.
 #335FAA - bl
 #7a9fdb - hbl 
 #b0cdfc - hhbl (Schrift in HMenue)
 #ED7B01 - orange (hover in HMenue)
 #aaa    - allg. Schriftfarbe
*/

@font-face {
  font-family: 'Ubuntu';
  src: url('../Fonts/Ubuntu-R.eot') format('eot');
  src: local('Ubuntu'), local('Ubuntu-R'),
       url('../Fonts/Ubuntu-R.eot') format('embedded-opentype'),
       url('../Fonts/Ubuntu-R.eot?#iefix') format('embedded-opentype'),
       url('../Fonts/Ubuntu-R.woff2') format('woff2'),
       url('../Fonts/Ubuntu.svg#Ubuntu') format('svg'),
       url('../Fonts/Ubuntu.ttf') format('truetype'),
       url('../Fonts/Ubuntu.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

html body {
  padding-top: 7rem;
  background:#222;
  color: #aaa;
  font-family: 'Ubuntu', sans-serif;
  font-size:1.2em;  
}

a {color:#fff;}
a:hover {color:#335FAA;}

/* Push */

@-webkit-keyframes push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes push {
  50% {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.push, a {
  display: inline-block;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.push:hover, a:hover {
  -webkit-animation-name: push;
  animation-name: push;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

@media (min-width: 992px) {
  .navbar-expand-lg .navbar-nav {
  margin-left: auto;
  }
}

/*.navbar>.container, .navbar>.container-fluid {
  flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
}*/

header.slider {
  margin-bottom: 2rem;
}
.carousel {
  margin-bottom: 2rem;
}
.carousel-indicators li {
  background-color: rgba(255,135,0,.5);
}
.carousel-indicators .active {
  background-color: rgb(255,135,0);
}
.d-md-block {
  color: #ff8700;
  margin-bottom:-1.5rem
}
.footercontent {
  background: #000;
  padding: 2rem 0;
  color: #335FAA;
  margin-top: 3rem;
}
.footercontent a, .footercontent ul li::marker, .footercontent td, .footercontent header h1, .footercontent header h2, 
.footercontent header h3, .footercontent header h4, .footercontent header h5, .footercontent strong, .footercontent p,
.footercontent h1,.footercontent h2, .footercontent h3, .footercontent h4, .footercontent h5 {
  color: #7a9fdb;
}
footer.py-5.bg-dark {
  background-color:#222!important;
}

.frame-padding {
  padding: 2rem;
  background: #eee;
}

/* Styling Hauptmenue */
.bg-dark, .bg-dark .dropdown-menu {
  background-color: #000!important;
}

.navbar-dark .navbar-nav .nav-link, .navbar-dark .navbar-nav .dropdown-item, ul.metaMenu a {
  color:#335FAA;
  font-size:18pt;
}

#navbarNavDropdown li a {
  display:block;
  border-radius:5px;
  border:2px;border-color:#aaa; 
  margin-right:20px;
  background:#335FAA;
  color:#b0cdfc;
  padding-left:.5em;
  margin-top:3px;
}

#navbarNavDropdown li a.current {
  font-weight: bold;
}
 
#navbarNavDropdown li a.active {
  color: #fff;
  background:#335FAA; 
}

#navbarNavDropdown li a:hover, #navbarNavDropdown li a.active:hover {
  color:#ED7B01;
  border-color:#fff;
}

ul.metaMenu {
  list-style-type: none;
  margin: 0;
}
ul.metaMenu li {
  display: inline-block;
}

/* .navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgb(245,168,0)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}*/

.navbar-dark .navbar-toggler {
  border-color: #335FAA;
}

/* Adjustments for fluid_styled_content */
img {
  max-width:100%;
  height: auto;
}
.ce-intext [data-ce-columns="1"] {
  width: 100%;
}

@media screen and (min-width: 768px){
  .ce-intext [data-ce-columns="1"] {
    width: 50%;
  }
}

@media screen and (min-width: 991px){
  .ce-intext [data-ce-columns="1"] {
    width: 33.3333%;
  }
}

.ce-center [data-ce-columns="3"] .ce-column,
.ce-right [data-ce-columns="3"] .ce-column,
.ce-left [data-ce-columns="3"] .ce-column {
  margin-right: 1%;
  width: 32.33333%;
}

.ce-center [data-ce-columns="2"] .ce-column,
.ce-right [data-ce-columns="2"] .ce-column,
.ce-left [data-ce-columns="2"] .ce-column {
  margin-right: 1%;
  width: 49%;
}
.ce-center [data-ce-columns="4"] .ce-column,
.ce-right [data-ce-columns="4"] .ce-column,
.ce-left [data-ce-columns="4"] .ce-column {
  margin-right: 1%;
  width: 24%;
}

.ce-center [data-ce-columns="5"] .ce-column,
.ce-right [data-ce-columns="5"] .ce-column,
.ce-left [data-ce-columns="5"] .ce-column {
  margin-right: 1%;
  width: 19%;
}

.ce-center [data-ce-columns="6"] .ce-column,
.ce-right [data-ce-columns="6"] .ce-column,
.ce-left [data-ce-columns="6"] .ce-column {
  margin-right: 1%;
  width: 15.666667%;
}

.ce-gallery figure.video {
  display: block;
}

.ce-gallery figure.video {
  display: block;
}
.video-embed {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  margin-bottom: 1.5rem;
}

.video-embed iframe {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100%;
  width: 100% !important;
  height: 100% !important;
}

/* Workaround fuer Responsive Videos in Verbindung mit fluid_styled_content */
.frame-layout-5 .ce-center .ce-inner {
  position: relative;
  float: none;
  right: -50%;
}

.frame-layout-5 .ce-textpic, .frame-layout-5 .ce-image, .frame-layout-5 .ce-nowrap .ce-bodytext, .frame-layout-5 .ce-gallery, .frame-layout-5 .ce-row, .ce-uploads li, .frame-layout-5 .ce-uploads div {
  overflow: visible;
}

.frame-layout-5 .ce-left .ce-gallery, .frame-layout-5 .ce-column {
  float: none;
}

.frame-layout-5 .ce-gallery figure {
  display: block;
  margin: 0;
}
.banner .ce-gallery figure {
  text-align: center;
  background-color: #335FAA;
  color:#000;
  font-size: 16pt;
  border: 4px solid #335FAA;
}
.ce-gallery figcaption {
  display:block;
}
.frame-layout-5 .ce-center .ce-outer {
  position: relative;
  float: none;
  right: 50%;
}

/* Rootline navigation */
ul.rootline {
  margin: 0 0 1rem 0;
  padding: 0 0 .5rem 0;
  list-style-type: none;
  font-size: 80%;
  border-bottom: 1px solid #eee;
}

ul.rootline li {
  display: inline-block;
}

ul.rootline a,
ul.rootline a:visited {
  margin: 0;
  padding: 0;
  color: #666;
}
ul.rootline a:hover {
  text-decoration: underline;
}

ul.rootline span {
  color: #999;
}

ul.rootline a:after {
  display: inline-block;
  content: "/";
  margin: 0 .5rem;
}

a.dropdown-item.current.active {
  background-color: rgb(40, 167, 69);
}


/* Language Menu */
ul.languageMenu {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 90%;
}

ul.languageMenu li {
  display: inline-block;
  margin: 0 .5rem 0 0;
}

ul.languageMenu a,
ul.languageMenu a:visited {
  color: #fff;
}

ul.languageMenu a:hover {
  color: rgba(255,255,255,.75);
}

span.notranslation {
  padding: .5rem .5rem;
  display: block;
}

ul.languages li.active {
  font-weight: bold;
}

/* felogin */
.tx-felogin-pi1 h3 {
  display: none;
}
.tx-felogin-pi1 label {
  display: block;
}

.tx-felogin-pi1 fieldset div {
  margin: 0 0 .5rem 0;
}

.tx-felogin-pi1 input[type=text],
.tx-felogin-pi1 input[type=password] {
  display: block;
  width: 100%;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.tx-felogin-pi1 input[type=submit] {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: .25rem;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  cursor: pointer;
}

/* Form  */
.form-check {
  padding-left: 2px;
}
.form-navigation {
  padding-top: 1rem;
}
.form-check label.add-on.form-check-label span {
  padding-left: .5rem;
}
.form-check label.add-on.form-check-label span span.required {
  margin-left: -.5rem;
}
/* .form-check-label {
  margin-left:1em;
}
input[type="checkbox"] {
  margin-left:0
} */


/* Footer Korrekturen */
.m-0 {
  margin-left: -2.5rem !important;
}
.nav-link {
   font-weight: bold;
}

/* Cookie Hint */
.cc_container {
  background: #444;
}
.cc_container .cc_message {
  color: #fff!important;
  line-height: 1.5;
}
.cc_container a, .cc_container a:visited {
  color: #ccc;
}
.cc_container a:hover {
  color:#fff; 
  background-color: #335FAA!important;
}
.cc_container .cc_btn, .cc_container .cc_btn:visited {
  font-weight: bold;
  border: 2px solid #000;
}

/* IMG im Header
body.layout-pagets__1colslider {
  padding-top: 82px;
} */

/* Buttom im Header & Footer*/
.btn-success, .tx-felogin-pi1 input[type="submit"] {
  background:  #f5a800;
  border-color:  #f5a800;
}
.btn-success:hover {
  color: #fff;
  background-color: #444;
  border-color:  #444;
}
.btn-primary {
  color: #ccc;
  background-color: #335FAA;
  border-color:  #ccc;
}
.btn-primary:hover {
  color: #f5a800;
  background-color: #444;
  border-color:  #f5a800;
}

/* ------------------ Frames formatieren ---------------------- */
hr {border-color:#335FAA;border-top-width:2px;} 
.frame-frame1,.frame-frame2,.frame-frame3,.frame-frame4,.frame-frame5 {border:2px solid #C3E6F5;margin-top:10px;margin-bottom:10px}
.frame-frame2,.frame-frame4 {-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}
.frame-frame1,.frame-frame2,.frame-frame3,.frame-frame4 {padding:8px}
.frame-frame5 {text-align:center}
.frame-frame3,.frame-frame4 {
background: #fefcea;  
background: -moz-radial-gradient(center, ellipse cover,  #fefcea 0%, #f1da36 100%); 
background: -webkit-radial-gradient(center, ellipse cover,  #fefcea 0%,#f1da36 100%);  
background: radial-gradient(ellipse at center,  #fefcea 0%,#f1da36 100%);  
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=1 );  
}

/*.frame-default, .frame-default + .row {color:#aaa} */
.frame-frame6, .frame-frame6 + .row {background-color:#000;color:#aaa}        /* Dkl. Hg. */
.frame-frame7, .frame-frame7 + .row {background-color:#2F2E2E;color:#aaa}     /* Heller Hg. */
.frame-frame8, .frame-frame8 + .row {background-color:#335FAA}                  /* Sonderfarbe */
.frame-frame9, .frame-frame9 + .row {background-color:#333;color:#aaa}        /* Dgr. Hg. */
.frame-frame10, .frame-frame10 + .row {background-color:#ccc; color:#000}     /* Hgr. Hg. */
.frame-frame11, .frame-frame11 + .row {background-color:transparent;color:#aaa} /* Ws. Hg. */

/* Abstände bei Nicht-Standard-Hg. */
.frame-frame6, .frame-frame6 + .row, .frame-frame7, .frame-frame7 + .row, 
.frame-frame8, .frame-frame8 + .row, .frame-frame9, .frame-frame9 + .row,
.frame-frame10, .frame-frame10 + .row, .frame-frame11, .frame-frame11 + .row  
{padding:28px 16px 24px; margin-left: -15px; margin-right: -15px;}

/* Header im Frame - Überschrift bündig mit Überschrift im Container */
.x-raster .frame-frame6 header, .x-raster .frame-frame7 header, .x-raster .frame-frame8 header, 
.x-raster .frame-frame9 header, .x-raster .frame-frame10 header, .x-raster .frame-frame11 header {padding-left:15px}

/* Schriftfarben bei dkl. Hg. */
/*.frame-frame6 h1, .frame-frame6 h1 + .row, .frame-frame7 h1, 
.frame-frame7 h1 + .row, .frame-frame9 h1, .frame-frame9 h1 + .row */
.frame h1, .frame + .row h1 {color:#335FAA;}

/* Verlauf */
.frame-frame3 a, .frame-frame3 a + .row,
.frame-frame3 h1 a, .frame-frame3 h1 a + .row,
.frame-frame3 h2 a, .frame-frame3 h2 a + .row,
.frame-frame3 h3 a, .frame-frame3 h3 a + .row,
.frame-frame4 a, .frame-frame4 a + .row,
.frame-frame4 h1 a, .frame-frame4 h1 a + .row,
.frame-frame4 h2 a, .frame-frame4 h2 a + .row,
.frame-frame4 h3 a, .frame-frame4 h3 a + .row {color:#666}


.frame-frame6 h2, .frame-frame6 h2 + .row, .frame-frame7 h2, .frame-frame7 h2 + .row, .frame-frame9 h2, .frame-frame h2 + .row,
.frame-frame6 h3, .frame-frame6 h3 + .row, .frame-frame7 h3, .frame-frame7 h3 + .row, .frame-frame9 h3, .frame-frame9 h3 + .row {color:#335FAA;}
.frame-frame6 + .row h2, .frame-frame6 + .row h3, .frame-frame8 + .row h2, .frame-frame8 + .row h3, 
.frame-frame9 h2, .frame-frame11 h2,.frame-frame9 h3, .frame-frame11 h3,
.frame-frame9 + .row h2, .frame-frame9 + .row h3, .frame-frame11 + .row h2, .frame-frame11 + .row h3  {color:#335FAA;}
/*
.frame-frame6 a, .frame-frame6 a + .row, .frame-frame9 a, .frame-frame9 a + .row,
.frame-frame6 h1 a, .frame-frame6 h1 a + .row, .frame-frame9 h1 a, .frame-frame9 h1 a + .row,
.frame-frame6 h2 a, .frame-frame6 h2 a + .row, .frame-frame9 h2 a, .frame-frame9 h2 a + .row,
.frame-frame6 h3 a, .frame-frame6 h3 a + .row, .frame-frame9 h3 a, .frame-frame9 h3 a + .row {color:#fff;}
.frame-frame6 + .row header h2 a, .frame-frame9 + .row header h2 a {color:#fff;}
*/

/* Graues Feld geändert */
.frame-frame10 a, .frame-frame10 a + .row,
.frame-frame10 h1 a, .frame-frame10 h1 a + .row,
.frame-frame10 h2 a, .frame-frame10 h2 a + .row,
.frame-frame10 h3 a, .frame-frame10 h3 a + .row {color:#666}
.frame-frame10 h1, .frame-frame10 h1 + .row {color:#000}

/* Sonderfarbe */
.frame-frame8 h1, .frame-frame8 h1 + .row {color:#aaa}

/*
.frame-frame10 a:hover, .frame-frame10 a:hover + .row,
.frame-frame10 h1 a:hover, .frame-frame10 h1 a:hover + .row,
.frame-frame10 h2 a:hover, .frame-frame10 h2 a:hover + .row,
.frame-frame10 h3 a:hover, .frame-frame10 h3 a:hover + .row {color:#666;}
*/

/* Ränder um Links */
.bnr2 {border:3px solid #0099cc;max-width:37.5em;height:auto;margin-top:1em;margin-bottom:1em}
.bnr3 {border:3px solid #0099cc;max-width:43em;height:auto;margin-top:1em;margin-bottom:1em}
.bnr1 {border:3px solid #0099cc;max-width:18.25em;height:auto;margin-top:1em;margin-bottom:1em}
.bnr0 {border:3px solid #0099cc;max-width:100%;height:auto;margin-top:1em;margin-bottom:1em}

/* Google / Video responsive machen */
.maps {
  position: relative;
  padding-bottom: 75%; /* 4:3 */
  overflow: hidden;width: 100%;height: auto;
}
.maps iframe {
  position: absolute;top: 0;left: 0;width: 100%;height: 100%;
}

/* Sprachanzeige aus */
ul.nav.navbar-nav.languages {
  display: none;
}

/* Bilder cenrieren */
img.center {
  display: block;
  margin: -1em auto 1em;
}

/* Links Responsive */
@media (max-width: 48em) {
  .bnr3 {max-width: 32em;margin-top:.75em;margin-bottom:.75em}
}

@media (max-width: 34.5em) {
  .bnr3 {max-width: 24em;margin-top:.5em;margin-bottom:.5em}
}

@media (max-width: 30em) {
  .bnr3 {max-width: 21.5em;margin-top:.25em;margin-bottom:.25em}
}


/* Sub Menue */
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #fff;
  background-color: rgb(0,153,204);
}

.nav-pills .nav-link {
  margin-bottom: .5em;
  background-color: #a6cedb;
  border-radius: .5em;
  border: 2px solid grey;
}  

.col-md-3 {
  padding-top: 1em;
  border-radius: .5em;
  border: 2px solid grey;
  line-height: 1;
}

/*Menü Punkte anpassen * /
.dropdown-item:focus, .dropdown-item:hover {
  background-color: rgb(4,135,217);
  color:rgba(2,62,115)!important;
}
li a.dropdown-item.current.active {
  background-color:rgb(2,62,115);
  color:#fff!important;
}
li a.dropdown-item.current.active:hover {
  color:rgb(5,199,242)!important;
}
li a.dropdown-item:hover {
  color:rgb(2,62,115)!important;
}
*/

/* Für weitere Unterebenen
li li.nav-item0 a.nav-link.active {
  background-color:  rgba(2,62,115);
}
li li.nav-item0 a:hover {
  color: rgba(2,62,115)!important;
  background-color: rgba(4,135,217)!important;
}
li li.nav-item0 .active {
  background-color:rgba(2,62,115)!important;
}*/

@media screen and (max-width: 576px) {
  div.col-md-3 {
    margin: 0 12px 12px;
  }
  .h1, h1 {font-size:2.2rem;}
}  

/*Slider höher */
.carousel-item {
  min-height:400px!important;
}

/* Farben Meta Menue */
ul.metaMenu li.current a {
  color: #fff;
}
ul.metaMenu a {
  color:#335FAA;
}
ul.metaMenu:hover li:hover a.nav-link:hover {
  color:#ccc;
}

.nav-link {
  padding: .2rem 1rem;
  margin-top:.5em;
  margin-bottom:.5em;
}

.navbar-brand {
 margin: right 0;
 margin-left:0;
}

/* Logo erst mal ausblenden 
a.navbar-brand img.img-fluid {
  display: none;
  width: 0;
}
*/

#erstellt{
  background-color:#444;
  padding:1em 0;
  line-height:2.5;
  color:#ccc;
}
#erstellt a {
  color:#ccc;
}
#erstellt, #erstellt a {
  font-size:10pt;
  text-align:center;
}
.m-0 #erstellt span#letzte i {
  margin-left:2.85em;
  text-align:center;
}

a.headerLogo {
  margin-top: -1.2em;
  margin-bottom: 1em;
}

@media (min-width: 1200px) {
  .container {max-width: 1200px;}
}

/* Button neu */

.btn-primary, .frame-type-felogin_login input[type="submit"] {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #577760;
  --bs-btn-border-color: #577760;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #4a6552;
  --bs-btn-hover-border-color: #465f4d;
  --bs-btn-focus-shadow-rgb: 112, 139, 120;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #465f4d;
  --bs-btn-active-border-color: #415948;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg: #577760;
  --bs-btn-disabled-border-color: #577760;
}

.btn-secondary {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #514553;
  --bs-btn-border-color: #514553;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #453b47;
  --bs-btn-hover-border-color: #413742;
  --bs-btn-focus-shadow-rgb: 107, 97, 109;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #413742;
  --bs-btn-active-border-color: #3d343e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg: #514553;
  --bs-btn-disabled-border-color: #514553;
}

.btn-tertiary {
  --bs-btn-color: #000000;
  --bs-btn-bg: #758c7f;
  --bs-btn-border-color: #758c7f;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #8a9d92;
  --bs-btn-hover-border-color: #83988c;
  --bs-btn-focus-shadow-rgb: 99, 119, 108;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #91a399;
  --bs-btn-active-border-color: #83988c;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000000;
  --bs-btn-disabled-bg: #758c7f;
  --bs-btn-disabled-border-color: #758c7f;
}

.btn-quaternary {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #2d1e2f;
  --bs-btn-border-color: #2d1e2f;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #261a28;
  --bs-btn-hover-border-color: #241826;
  --bs-btn-focus-shadow-rgb: 77, 64, 78;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #241826;
  --bs-btn-active-border-color: #221723;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg: #2d1e2f;
  --bs-btn-disabled-border-color: #2d1e2f;
}

.btn-success {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #3a833a;
  --bs-btn-border-color: #3a833a;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #316f31;
  --bs-btn-hover-border-color: #2e692e;
  --bs-btn-focus-shadow-rgb: 88, 150, 88;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #2e692e;
  --bs-btn-active-border-color: #2c622c;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg: #3a833a;
  --bs-btn-disabled-border-color: #3a833a;
}

.btn-info {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #287f9a;
  --bs-btn-border-color: #287f9a;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #226c83;
  --bs-btn-hover-border-color: #20667b;
  --bs-btn-focus-shadow-rgb: 72, 146, 169;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #20667b;
  --bs-btn-active-border-color: #1e5f74;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg: #287f9a;
  --bs-btn-disabled-border-color: #287f9a;
}

.btn-warning {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #a4660e;
  --bs-btn-border-color: #a4660e;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #8b570c;
  --bs-btn-hover-border-color: #83520b;
  --bs-btn-focus-shadow-rgb: 178, 125, 50;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #83520b;
  --bs-btn-active-border-color: #7b4d0b;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg: #a4660e;
  --bs-btn-disabled-border-color: #a4660e;
}

.btn-danger {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #d4403a;
  --bs-btn-border-color: #d4403a;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #b43631;
  --bs-btn-hover-border-color: #aa332e;
  --bs-btn-focus-shadow-rgb: 218, 93, 88;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #aa332e;
  --bs-btn-active-border-color: #9f302c;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg: #d4403a;
  --bs-btn-disabled-border-color: #d4403a;
}

.btn-default {
  --bs-btn-color: #000000;
  --bs-btn-bg: #eaebec;
  --bs-btn-border-color: #eaebec;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #edeeef;
  --bs-btn-hover-border-color: #ecedee;
  --bs-btn-focus-shadow-rgb: 199, 200, 201;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #eeeff0;
  --bs-btn-active-border-color: #ecedee;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000000;
  --bs-btn-disabled-bg: #eaebec;
  --bs-btn-disabled-border-color: #eaebec;
}

.btn-lighter {
  --bs-btn-color: #000000;
  --bs-btn-bg: #f8f8f8;
  --bs-btn-border-color: #f8f8f8;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #f9f9f9;
  --bs-btn-hover-border-color: #f9f9f9;
  --bs-btn-focus-shadow-rgb: 211, 211, 211;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #f9f9f9;
  --bs-btn-active-border-color: #f9f9f9;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000000;
  --bs-btn-disabled-bg: #f8f8f8;
  --bs-btn-disabled-border-color: #f8f8f8;
}

.btn-light {
  --bs-btn-color: #000000;
  --bs-btn-bg: #e9e9e9;
  --bs-btn-border-color: #e9e9e9;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #c6c6c6;
  --bs-btn-hover-border-color: #bababa;
  --bs-btn-focus-shadow-rgb: 198, 198, 198;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #bababa;
  --bs-btn-active-border-color: #afafaf;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000000;
  --bs-btn-disabled-bg: #e9e9e9;
  --bs-btn-disabled-border-color: #e9e9e9;
}

.btn-dark {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #313131;
  --bs-btn-border-color: #313131;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #505050;
  --bs-btn-hover-border-color: #464646;
  --bs-btn-focus-shadow-rgb: 80, 80, 80;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #5a5a5a;
  --bs-btn-active-border-color: #464646;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg: #313131;
  --bs-btn-disabled-border-color: #313131;
}

.btn-darker {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #212121;
  --bs-btn-border-color: #212121;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #1c1c1c;
  --bs-btn-hover-border-color: #1a1a1a;
  --bs-btn-focus-shadow-rgb: 66, 66, 66;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #1a1a1a;
  --bs-btn-active-border-color: #191919;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg: #212121;
  --bs-btn-disabled-border-color: #212121;
}

.btn-outline-primary {
  --bs-btn-color: #577760;
  --bs-btn-border-color: #577760;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #577760;
  --bs-btn-hover-border-color: #577760;
  --bs-btn-focus-shadow-rgb: 87, 119, 96;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #577760;
  --bs-btn-active-border-color: #577760;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #577760;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #577760;
  --bs-gradient: none;
}

.btn-outline-secondary {
  --bs-btn-color: #514553;
  --bs-btn-border-color: #514553;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #514553;
  --bs-btn-hover-border-color: #514553;
  --bs-btn-focus-shadow-rgb: 81, 69, 83;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #514553;
  --bs-btn-active-border-color: #514553;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #514553;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #514553;
  --bs-gradient: none;
}

.btn-outline-tertiary {
  --bs-btn-color: #758c7f;
  --bs-btn-border-color: #758c7f;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #758c7f;
  --bs-btn-hover-border-color: #758c7f;
  --bs-btn-focus-shadow-rgb: 117, 140, 127;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #758c7f;
  --bs-btn-active-border-color: #758c7f;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #758c7f;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #758c7f;
  --bs-gradient: none;
}

.btn-outline-quaternary {
  --bs-btn-color: #2d1e2f;
  --bs-btn-border-color: #2d1e2f;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #2d1e2f;
  --bs-btn-hover-border-color: #2d1e2f;
  --bs-btn-focus-shadow-rgb: 45, 30, 47;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #2d1e2f;
  --bs-btn-active-border-color: #2d1e2f;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #2d1e2f;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #2d1e2f;
  --bs-gradient: none;
}

.btn-outline-success {
  --bs-btn-color: #3a833a;
  --bs-btn-border-color: #3a833a;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #3a833a;
  --bs-btn-hover-border-color: #3a833a;
  --bs-btn-focus-shadow-rgb: 58, 131, 58;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #3a833a;
  --bs-btn-active-border-color: #3a833a;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #3a833a;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #3a833a;
  --bs-gradient: none;
}

.btn-outline-info {
  --bs-btn-color: #287f9a;
  --bs-btn-border-color: #287f9a;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #287f9a;
  --bs-btn-hover-border-color: #287f9a;
  --bs-btn-focus-shadow-rgb: 40, 127, 154;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #287f9a;
  --bs-btn-active-border-color: #287f9a;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #287f9a;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #287f9a;
  --bs-gradient: none;
}

.btn-outline-warning {
  --bs-btn-color: #a4660e;
  --bs-btn-border-color: #a4660e;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #a4660e;
  --bs-btn-hover-border-color: #a4660e;
  --bs-btn-focus-shadow-rgb: 164, 102, 14;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #a4660e;
  --bs-btn-active-border-color: #a4660e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #a4660e;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #a4660e;
  --bs-gradient: none;
}

.btn-outline-danger {
  --bs-btn-color: #d4403a;
  --bs-btn-border-color: #d4403a;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #d4403a;
  --bs-btn-hover-border-color: #d4403a;
  --bs-btn-focus-shadow-rgb: 212, 64, 58;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #d4403a;
  --bs-btn-active-border-color: #d4403a;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #d4403a;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #d4403a;
  --bs-gradient: none;
}

.btn-outline-default {
  --bs-btn-color: #eaebec;
  --bs-btn-border-color: #eaebec;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #eaebec;
  --bs-btn-hover-border-color: #eaebec;
  --bs-btn-focus-shadow-rgb: 234, 235, 236;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #eaebec;
  --bs-btn-active-border-color: #eaebec;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #eaebec;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #eaebec;
  --bs-gradient: none;
}

.btn-outline-lighter {
  --bs-btn-color: #f8f8f8;
  --bs-btn-border-color: #f8f8f8;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #f8f8f8;
  --bs-btn-hover-border-color: #f8f8f8;
  --bs-btn-focus-shadow-rgb: 248, 248, 248;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #f8f8f8;
  --bs-btn-active-border-color: #f8f8f8;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #f8f8f8;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #f8f8f8;
  --bs-gradient: none;
}

.btn-outline-light {
  --bs-btn-color: #e9e9e9;
  --bs-btn-border-color: #e9e9e9;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #e9e9e9;
  --bs-btn-hover-border-color: #e9e9e9;
  --bs-btn-focus-shadow-rgb: 233, 233, 233;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #e9e9e9;
  --bs-btn-active-border-color: #e9e9e9;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #e9e9e9;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #e9e9e9;
  --bs-gradient: none;
}

.btn-outline-dark {
  --bs-btn-color: #313131;
  --bs-btn-border-color: #313131;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #313131;
  --bs-btn-hover-border-color: #313131;
  --bs-btn-focus-shadow-rgb: 49, 49, 49;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #313131;
  --bs-btn-active-border-color: #313131;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #313131;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #313131;
  --bs-gradient: none;
}

.btn-outline-darker {
  --bs-btn-color: #212121;
  --bs-btn-border-color: #212121;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #212121;
  --bs-btn-hover-border-color: #212121;
  --bs-btn-focus-shadow-rgb: 33, 33, 33;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #212121;
  --bs-btn-active-border-color: #212121;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #212121;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #212121;
  --bs-gradient: none;
}

.btn-link {
  --bs-btn-font-weight: 400;
  --bs-btn-color: var(--bs-link-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: var(--bs-link-hover-color);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-active-color: var(--bs-link-hover-color);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #6c6c6c;
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-box-shadow: 0 0 0 #000;
  --bs-btn-focus-shadow-rgb: 112, 139, 120;
  text-decoration: underline;
}

.btn-link:focus-visible {
  color: var(--bs-btn-color);
}

.btn-link:hover {
  color: var(--bs-btn-hover-color);
}


/* ------------------ Frames formatieren ---------------------- */
hr {border-color:rgb(2,62,115);border-top-width:2px;} 
.frame-frame1,.frame-frame2,.frame-frame3,.frame-frame4,.frame-frame5 {border:2px solid #C3E6F5;margin-top:10px;margin-bottom:10px}
.frame-frame2,.frame-frame4 {-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}
.frame-frame1,.frame-frame2,.frame-frame3,.frame-frame4 {padding:8px}
.frame-frame5 {text-align:center}
.frame-frame3,.frame-frame4 {
background: #fefcea;  
background: -moz-radial-gradient(center, ellipse cover,  #fefcea 0%, #f1da36 100%); 
background: -webkit-radial-gradient(center, ellipse cover,  #fefcea 0%,#f1da36 100%);  
background: radial-gradient(ellipse at center,  #fefcea 0%,#f1da36 100%);  
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=1 );  
}

.frame-frame6, .frame-frame6 + .row {background-color:rgb(2,62,115)}  /* Dkl. Hg. */
.frame-frame7, .frame-frame7 + .row {background-color:#C3E6F5}        /* Heller Hg. */
.frame-frame8, .frame-frame8 + .row {background-color:#BBA852}        /* Gold. Hg. */
.frame-frame9, .frame-frame9 + .row {background-color:#333}           /* Dgr. Hg. */
.frame-frame10, .frame-frame10 + .row {background-color:#ccc}          /* Hgr. Hg. */
.frame-frame11, .frame-frame11 + .row {background-color:white;border: 1px solid #ccc;}         /* Ws. Hg. */

/* Abstände bei Nicht-Standard-Hg. */
.frame-frame6, .frame-frame6 + .row, .frame-frame7, .frame-frame7 + .row, 
.frame-frame8, .frame-frame8 + .row, .frame-frame9, .frame-frame9 + .row,
.frame-frame10, .frame-frame10 + .row, .frame-frame11, .frame-frame11 + .row  
{padding:28px 16px 24px; margin-left: -15px; margin-right: -15px;}

/* Header im Frame - Überschrift bündig mit Überschrift im Container */
.x-raster .frame-frame6 header, .x-raster .frame-frame7 header, .x-raster .frame-frame8 header, 
.x-raster .frame-frame9 header, .x-raster .frame-frame10 header, .x-raster .frame-frame11 header {padding-left:15px}

/* Schriftfarben bei dkl. Hg. */
.frame-frame6 h1, .frame-frame6 h1 + .row, .frame-frame9 h1, .frame-frame9 h1 + .row {color:#e8e8e8;}
.frame-frame6, .frame-frame6 + .row, .frame-frame9, .frame-frame9 + .row,
.frame-frame6 h2, .frame-frame6 h2 + .row, .frame-frame9 h2, .frame-frame h2 + .row,
.frame-frame6 h3, .frame-frame6 h3 + .row, .frame-frame9 h3, .frame-frame9 h3 + .row {color:#ccc;}
.frame-frame6 + .row h2, .frame-frame6 + .row h3, .frame-frame8 + .row h2, .frame-frame8 + .row h3, 
.frame-frame9 + .row h2, .frame-frame9 + .row h3 {color:#e8e8e8;}
.frame-frame6 p, .frame-frame6 p + .row, .frame-frame9 p, .frame-frame9 p + .row,
.frame-frame6 a, .frame-frame6 a + .row, .frame-frame9 a, .frame-frame9 a + .row,
.frame-frame6 h1 a, .frame-frame6 h1 a + .row, .frame-frame9 h1 a, .frame-frame9 h1 a + .row,
.frame-frame6 h2 a, .frame-frame6 h2 a + .row, .frame-frame9 h2 a, .frame-frame9 h2 a + .row,
.frame-frame6 h3 a, .frame-frame6 h3 a + .row, .frame-frame9 h3 a, .frame-frame9 h3 a + .row {color:#C3E6F5;}
.frame-frame6 + .row header h2 a, .frame-frame9 + .row header h2 a {color:#C3E6F5;}


.gallery {
  margin: 0;
  padding:0;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
}
.gallery li {
  flex: 1 0 23.5%;
  margin: 0 12px 12px 0;
}