@charset "UTF-8";
/*!
 * Stylesheetdatei für cSite-Projekte
 * Zum Überschreiben der Bootstrap-Variablen wird die Datei cproject/cproject-variables-bootstrap.scss
 * in der Datei bootstrap/bootstrap.scss ergänzt


Theme: Square - Premium Bootstrap Theme
Product Page: https://themes.getbootstrap.com/product/square
Author: Webinning
Author URI: https://webinning.co.uk

---

Copyright 2020 Webinning

*/
/**
 * Copy and paste the variables that...
 *
 * Example for the most commom variables:
 *
 * $primary: #d138f2;
 * $secondary: #ff0000;
 * $font-family-base: 'Merriweather', serif;
 */
/* Typography */
/*@font-face {
  font-family: "around-icons";
  src: url("fonts/around-icons.ttf?den6mh") format("truetype"), url("fonts/around-icons.woff?den6mh") format("woff"), url("fonts/around-icons.svg?den6mh#around-icons") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=ai-], [class*=" ai-"],
[class^=bi-], [class*=" bi-"] {
  display: inline-block;
   use !important to prevent issues with browser extensions that change fonts 
  font-family: "around-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 1;
}*/
/* Webfont: Inter */
@font-face {
  font-family: "Inter";
  src: url("webfonts/Inter-VariableFont_slnt,wght.ttf") format("truetype");
}
@font-face {
  font-family: "Inter-REGULAR";
  src: url("webfonts/static/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
}
@font-face {
  font-family: "Inter-Medium";
  src: url("webfonts/static/Inter-Medium.ttf") format("truetype");
  font-weight: 500;
}
@font-face {
  font-family: "Inter-SemiBold";
  src: url("webfonts/static/Inter-SemiBold.ttf") format("truetype");
  font-weight: 600;
}
@font-face {
  font-family: "Inter-Bold";
  src: url("webfonts/static/Inter-Bold.ttf") format("truetype");
  font-weight: 700;
}
/* Webfont: Exo */
/*@font-face {
  font-family: 'ExoLight';
  font-weight:300;
  src: url(webfonts/Exo-Light.ttf)  format('truetype');
}
@font-face {
  font-family: 'ExoLightItalic';
  font-weight:300;
  src: url(webfonts/Exo-LightItalic.ttf)  format('truetype');
}
@font-face {
  font-family: 'ExoRegularItalic';
  font-weight:400;
  src: url(webfonts/Exo-Italic.ttf)  format('truetype');
}
@font-face {
  font-family: 'ExoSemiBoldItalic';
  font-weight:600;
  src: url(webfonts/Exo-SemiBoldItalic.ttf)  format('truetype');
}
@font-face {
  font-family: 'ExoBoldItalic';
  font-weight:700;
  src: url(webfonts/Exo-BoldItalic.ttf)  format('truetype');
}*/
/* Webfont: Source Sans Pro */
/*@font-face {
  font-family: 'SourceSansProLight';
  font-weight:300;
  src: url(webfonts/SourceSansPro-Light.ttf)  format('truetype');
}
@font-face {
  font-family: 'SourceSansPro-LightItalic';
  font-weight:300;
  src: url(webfonts/SourceSansPro-LightItalic.ttf)  format('truetype');
}
@font-face {
  font-family: 'SourceSansProRegular';
  font-weight:400;
  src: url(webfonts/SourceSansPro-Regular.ttf)  format('truetype');
}
@font-face {
  font-family: 'SourceSansProSemiBold';
  font-weight:600;
  src: url(webfonts/SourceSansPro-SemiBold.ttf)  format('truetype');
}
@font-face {
  font-family: 'SourceSansProBold';
  font-weight:700;
  src: url(webfonts/SourceSansPro-Bold.ttf)  format('truetype');
}*/
/* Webfont: Saira */
/*@font-face {
  font-family: 'SairaSemiCondensed-Medium';
  font-weight:600;
  src: url(webfonts/SairaSemiCondensed-Medium.ttf)  format('truetype');
}*/
/* Variablen für Exo */
/*$fontEL: 'ExoLight';
$fontELI: 'ExoLightItalic';
$fontERI: 'ExoRegularItalic';
$fontESBI: 'ExoSemiBoldItalic';
$fontEBI: 'ExoBoldItalic';*/
/* Variablen für Source Sans Pro */
/*$fontSSPL: 'SourceSansProLight';
$fontSSPLI: 'SourceSansPro-LightItalic';
$fontSSPR: 'SourceSansProRegular';
$fontSSPSB: 'SourceSansProSemiBold';
$fontSSPB: 'SourceSansProBold';*/
/* Variablen für Saira */
/*$fontSSCM: 'SairaSemiCondensed-Medium';*/
/** Regular **/
/** Regular Italic **/
/** Semibold **/
/** Bold **/
/******************************************************
* Anpassungen - * Variablen in _variables.scss 
* werden hiermit überschrieben
*******************************************************/
/******************************************************
* Typography: 
* $font-family-sans-serif:  Standard-Schrift
* $headings-font-family:    Alle Headings
* $display-font-family:     Alle Headings mit class: display-X 
* $font-size-root:          Basis-Schriftgröße
*
* Anpassung $display: vgl. _user.scss
*******************************************************/
/******************************************************
* Farben
* $cs-: Individuelle Definitionen, die in _user.scss Einsatz finden
*       oder beim Überschreiben von Werten im Template
*
* - Standardfarben ($primary...))
* - Nav-Werte: Farben, Schriftgröße, Hintergrund Dropdown
*******************************************************/
/* Grün! War: red */
/* = $gray-700 */
/* Grün! War: red */
/*$nav-tabs-border-radius:                    0 !default;*/
/******************************************************
* Generell border-radius
*******************************************************/
/*$border-radius:                     5px !default;*/
/* FONTS
Defined in cproject/cproject-variables-bootstrap.scss
format-Types:
.ttf  -> format('truetype')
.woff -> format('woff')
.otf  -> format('opentype');
*/
/* COLORS */
/* Customed */
/* Font-Sizes */
/**************************************************/
/*** Body ****/
/**************************************************/
body, html, div { /* ,p */
  margin: 0;
  padding: 0;
  color: #000;
  font-family: "Inter", serif;
  font-size: 1.1rem !important;
}

@media only screen and (min-width: 768px) {
  /*  body,html,div {
      font-size: $typo-lg;
    }*/
}
.bg-light {
  background-color: #f3f6fb !important;
}

.bg-secondary {
  background-color: #acbcd6 !important;
}

.btn-secondary {
  background-color: #acbcd6 !important;
  border: none !important;
}

.test {
  border: 1px solid red;
}

/**************************************************/
/*** Header und Navigation ****/
/**************************************************/
.navbar-toggler-icon {
  background-image: url("images/burger.svg");
}

.navbar-toggler {
  color: #6879a0;
}

.bg-header {
  background-color: #acbcd6 !important;
}

/**************************************************/
/*** Main ****/
/**************************************************/
.bg-layer-light-top-90-left-60::before {
  background-color: #f3f6fb !important;
}

p {
  margin-bottom: 1rem;
  margin-top: 0;
}

.top-image-bgcover {
  margin-top: 140px;
}

@media screen and (min-width: 979px) {
  .top-image-bgcover {
    margin-top: 78px;
  }
}
/*@media screen and (min-width: 1330px) {
    .top-image-bgcover {
        margin-top: 140px;
    }
}*/
@media screen and (min-width: 1392px) {
  .top-image-bgcover {
    margin-top: 140px;
  }
}
/**************************************************/
/*** Footer ****/
/**************************************************/
.bg-footer {
  background-color: #acbcd6 !important;
  --bs-bg-opacity: 0.5;
}

/**************************************************/
/*** Für den Submitbutton Login gibt es speziell die Class 
     cloginsubmitbutton, die optional gefüllt werden kann ****/
/**************************************************/
.cloginsubmitbutton {
  margin-top: 10px;
}

/**************************************************/
/*** Sonstiges ****/
/**************************************************/
.zindex500 {
  z-index: 500;
}

.dreieck {
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid #666;
  display: inline-block;
  margin-left: 2px;
}

/** Helper-Classes **/
.img-scaleto100percent {
  height: 100%;
}

.imgfloat {
  margin-right: 10px;
}

/*.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}*/
/** Table Firefox Hack **/
@-moz-document url-prefix() {
  fieldset {
    display: table-cell;
  }
}
/**************************************************/
/*** Flexible iFrame ****/
/**************************************************/
.Flexible-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.Flexible-container iframe,
.Flexible-container object,
.Flexible-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}