
 @font-face {
   font-family:"Font Awesome 5 Free";
   font-style:normal;
   font-weight:900;
   font-display:auto;
   src:url('../Fonts/FontawesomeFree/fa-solid-900.eot');
   src:url('../Fonts/FontawesomeFree/fa-solid-900.eot?#iefix') format("embedded-opentype"),
   url('../Fonts/FontawesomeFree/fa-solid-900.woff2') format("woff2"),
   url('../Fonts/FontawesomeFree/fa-solid-900.woff') format("woff"),
   url('../Fonts/FontawesomeFree/fa-solid-900.ttf') format("truetype"),
   url('../Fonts/FontawesomeFree/fa-solid-900.svg#fontawesome') format("svg")
  }


  :root,
[data-bs-theme=light] {
  --bs-primary:  #2196F3;
  --bs-secondary: #B1B1B1;

  --bs-cyan: #0dcaf0;
  --bs-black: #000000;
  --bs-white: #ffffff;
  --bs-gray: #eee;
  --bs-gray-dark: #313131;
  --bs-gray-100: #f8f8f8;
  --bs-gray-200: #e9e9e9;
  --bs-gray-300: #dedede;
  --bs-gray-400: #cecece;
  --bs-gray-500: #ababab;
  --bs-gray-600: #6c6c6c;
  --bs-gray-700: #494949;
  --bs-gray-800: #313131;
  --bs-gray-900: #212121;


}


.alert-success {
  background-color: var(--bs-primary);
}


a.btn {
  padding: 12px;
  margin-bottom: 12px;
  display: inline-block;
}


h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  line-height: 1.4;
}


.rte-icon::before {
  font-family: "Font Awesome 5 Free";
  margin: 0 4px 0 2px;
}


/* Icon bei Text */
p.rte-icon::before {
  text-align: center;
  display: inline-block;
  width: 2.25rem;
  font-size: inherit;
  left: -2.25rem;
}

a.rte-icon {
  position: relative;
  left: 0.25rem;
  right: 0.25rem;
  margin: 0 4px 0 2px;
}

.fa-globe::before {
  content: "\f0ac";
}

.fa-envelope::before {
  content:"\f0e0";
}

.fa-download::before {
  content: "\f019";
}

.fa-phone::before {
  content: "\f095";
}

.fa-mobile-alt::before {
  content: "\f3cd";
}

.fa-map-marker-alt::before {
  content: "\f3c5";
}

.fa-user-alt::before {
  content: "\f406";
}

.fa-clock::before {
  content: "\f017";
}

.fa-chevron-right::before {
  content: "\f054";
}

.fa-info::before {
  content: "\f129";
}

.fa-check-square::before {
  content: "\f14a";
}

.fa-search::before {
  content: "\f002";
}

.fa-envelope-open::before {
  content: "\f2b6";
}

.fa-fax::before {
  content: "\f1ac";
}

.fa-address-card::before {
  content: "\f2bb";
}

.fa-bookmark::before {
  content: "\f02e";
}

.fa-building::before {
  content: "\f1ad";
}

.fa-lock::before {
  content: "\f023";
}

.fa-lock-open::before {
  content: "\f3c1";
}

.fa-map::before {
  content: "\f279";
}

.fa-image::before {
  content: "\f03e";
}

.fa-adjust::before {
  content: "\f042";
}

.fa-video::before {
  content: "\f03d";
}

.fa-eye::before {
  content: "\f06e";
}

.fa-ticket-alt::before {
  content: "\f145";
}

.fa-var-mp3::before {
  content: "\f1c7";
}

.fa-var-pdf::before {
  content: "\f1c1";
}

.fa-headphones::before {
  content: "\f025";
}

.fa-file-powerpoint::before {
  content: "\f1c4";
}



/*  *****************************************************************     */


/*
 * margin: 25px 50px 75px 100px;
 * obere Rand beträgt 25 Pixel.
 * rechte Rand beträgt 50 Pixel.
 * untere Rand beträgt 75px.
 * linke Rand beträgt 100px.
 */

/*  Textboxen */
.transparent-box, .white-box, .gray-box, .orange-box, .blue-box  {padding:1em;}
.transparent-box, .white-box, .gray-box, .orange-box, .blue-box  {
  margin: 0px 0px 10px 0px;
  font-style: italic;
  font-size: 1rem;
  border-radius: 6px;
}

.transparent-box, .white-box {background:#fff; color:var(--bs-gray-700); border: 1px solid var(--bs-gray-700);}
.gray-box {background:#BEBEBE; color:#1B1B1B; border: 1px solid #BEBEBE;}
.orange-box {background:#f6a828; color:#1B1B1B; border: 1px solid #d1850c;}
.blue-box {background:#4E9EC0; color:#1B1B1B; border: 1px solid #BEBEBE;}


.transparent-box {
  width: 50%;
  font-weight:900;
  background: rgba(255, 255, 255, 0.75);
}

@media (max-width: 575.98px) {
  .transparent-box {
    width: 100%;
  }
}


blockquote {
  font-style: italic;
  font-family: Georgia, Times, "Times New Roman", serif;
  font-size: 18px;
  padding-right: 6px;
}


/* Bildstile */
/* https://www.mediaevent.de/css/box-shadow.html  */

/*
 *  Bild-Rahmen       .imgra
 *  Bild-FloatLi      .imgfl
 *  Bild-FloatRe      .imgfr
 *  Bild-runde Ecken  .img-rounded
 *  Bild-Kreis        .img-circle
 *  Bild-OvalSenk     .imgovs
 *  Bild-OvalWag      .imgovw
 */


/* Rahmen + Schatten */

/* Radius*/


.imgfl,
.imgfr,
.imgr,
.img-rounded,
.ce-center figure,
.ce-center img  {
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  margin: 0 10px 0 10px;
}


.imgfl {
  float: left;
  margin-right: 25px;
  margin-left: 10px;
  margin-bottom: 4px;
}
.imgfr {
  float: right;
  margin-left: 25px;
  margin-right: 10px;
  margin-bottom: 4px;
}



.versEcken {
  border: 3px solid #888;
  border-radius: 60px 30px 60px 30px;
  -moz-border-radius: 60px 30px 60px 30px;
  -webkit-border-radius: 60px 30px 60px 30px;
  box-shadow: 0 0 20% #888;
  -webkit-box-shadow: 0 0 20% #888;
  -moz-box-shadow: 0 0 20% #888;
}



/*   NEWS  */
.news {
     h1, h2, h3, h4, h5, h6 {
         font-weight: 600;
         line-height: 1.4;
     }

    h1 {
      font-size: calc(var(--bs-body-font-size) + 0.7vw);
    }
    h2 {
      font-size: calc(var(--bs-body-font-size) + 0.5vw);
    }
    h3 {
      font-size: calc(var(--bs-body-font-size) + 0.3vw);
    }
    h4 {
      font-size: calc(var(--bs-body-font-size) + 0.1vw);
    }
    h5 {
      font-size: calc(var(--bs-body-font-size));
    }


img.img-dummy {
  width: 100px;
  height: auto;
}


.img {
  display: inline-block;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

.current {
  margin: 12px;
  font-weight:bold;
  }
}

.card {
  margin-bottom: 10px;
}

/* ab hier Versuch um den Content aufzufüllen  */
/*
body {
  --bs-footer-height: 525px;
}
*/

#page-content {
/*  margin: 0;
  padding: 0;
  min-height: calc(100vh - var(--bs-footer-height)); */
}

.footer-section-meta {
  .frame {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 20px;

  }
}

/*  Footer Eintrag */
.footer-section-content {
  .frame {
  /*  padding-top: 30px;
    padding-bottom: 2px; */
  }
}

/* linke Spalte ausblenden */
@media (max-width: 994px) {
  .backendlayout-2_columns_25_75 .subcontent-wrap {
   /* visibility: hidden;  */
    display: none
  }
}



