:root {
  --cassiopeia-color-primary: white;
  --cassiopeia-color-link: #000066;
  --cassiopeia-color-hover: blue;
  --body-font-size: 1.2rem;
}

body {
  background-color: #fafafa;
}


.container-header {
  background-color: #fafafa;
    background-image: none;
}

.container-header .navbar-brand a {
  color: #000066;
}

.container-header .navbar-brand {
 font-size: 2rem;
  font-weight: 500;
}

.brand-logo {
  text-decoration: none;
}

.navbar-brand {
   margin-left: 1rem;
}

.container-header .site-description {
    color: #000066;
    font-size: 1.5rem;
}

.container-header .mod-menu {
    color: #000066;
    font-weight: 400;
}

.container-header .mod-menu a:hover {
  color: blue;
}

.container-header .container-nav {
   border-top: 1px solid rgba(0,0,0,0.075);
   border-bottom: 1px solid rgba(0,0,0,0.075);
}


.container-footer {
  background-color: white;
    background-image: none;
}

.container-footer .footer {
    color: #000066;
    font-weight: 450;
}

.footer {
    color: #000066;
    font-weight: 400;
}


/* Breite des Templates */


.grid-child {    
    width: 95%;
}



body.wrapper-fluid header > .grid-child {
    padding-left: 0em;
    padding-right: 1em;
}

body.wrapper-fluid .site-grid {
    grid-gap: 0 em;
}




/* Hamburger Menue */

.container-header .navbar-toggler {
  color: #000066;
  border: 1px solid #000066;
}

/* Abstand zwischen Blogeinträgen */

.blog-items {
    grid-gap: 0em;
}

.items leading {
    grid-gap: 0em;
}


/* Beitrags-Überschriften */

.page-header {
  text-decoration: none !important;
  font-weight: 450;
  border-top: 1px solid #eee;
  padding-top: 20px;
}


h1 {
    font-size: 1.3em;
    font-weight: 450;
}

h1 a {
    color: #000066;
}

h1 a:hover {
    color: blue;
}



h2 {
    font-size: 1.3em;
    text-decoration: none !important;
    font-weight: 450;
}

h2 a {
    color: #000066;
}

h2 a:hover {
    color: blue;
}

h3 {
    font-size: 1.2em;
    font-weight: 500;
}

h3 a {
    color: #000066;
}

h3 a:hover {
    color: blue;
}


/* Querverweise ohne Unterstreichung */

a:not([class]) {
    text-decoration: none;
}


/* Article-Info ausblenden */

.article-info-term {
  display: none;
}


/* Checkbox und Email-Knopf im Kontaktformular */

.form-check-input {
    appearance: checkbox;
}

.btn-primary {
    background-color: #000066;
    border-color: #000066;
    color: white;
}      


/* Druckbereiche gestalten */

@media print {
  .noprint, .mod-menu, .container-nav {
    display: none;
  }
}

h1, h2, h3, h4, h5, h6 {
  page-break-after: avoid;
}


/* Vernetzen */

      .flattr {
        width: 130px;
        margin: 0px 5px;
        border: none;
        background-color: none;
        float: left;
      }

      .vernetzen {
        width: 130px;
        margin: 0px 10px;
        border: none;
        background-color: none;
        float: left;
        text-align: center
      }
      
      .valaddthis {
        width: 270px;
        margin: 0px 0px;
        border: none;
        background-color: none;
        float: left;
        text-align: right
      }

       .textbreite {
        width: 540px;
        margin: 0px 0px;
        border: none;
        background-color: none;
        float: left;
        text-align:center
      }

      .textbreitelinks {
        width: 900px;
        margin: 10px 0px;
        border: none;
        background-color: none;
        float: left;
        text-align:left
      }

      
      .autobreitelinks {
        width: auto;
        margin: 10px 0px;
        border: none;
        background-color: none;
        float: left;
        text-align:left;
        padding-right: 0%;
      }      
      

/* Textgestaltung */

      .introfoto {
        width: 200px;
        height: 140px;
        margin-right: 10px;
        padding: 1px;
        float: left;
        }

      .introfoto-premium {
        width: 200px;
        height: 140px;
        margin-top: 5px;
        margin-right: 10px;
        margin-bottom: 30px;
        padding: 1px;
        float: left;
        }

      .introtext {
        min-width: 200px;
        max-width: 360px;
        margin: auto;
        padding: auto;
        float: left;
        vertical-align: top;
        }
      
      .dreispaltig {
        width: 200px;
        margin: 10px 50px 30px 10px;
        border: none;
        background-color: none;
        float: left;
        text-align: left
      }

       .zweispaltig {
        width: 250px;
        margin: 10px 20px 30px 10px;
        border: none;
        background-color: none;
        float: left;
        text-align: left
      }



/* Bezahlen */

       .euromodul
{
        width: auto;
        height: auto;
        margin: 5px 1px 1px 1px;
        border: none;
        background-color: none;
        float: left;
        text-align:left
      }


       .eurobild {
        width: 160px;
        height: 120px;
        margin: 5px 1px 1px 1px;
        border: none;
        background-color: none;
        float: left;
        text-align:left
      }
       .eurobild-2 {
        width: 175px;
        height: 120px;
        margin: 1px 1px 1px 1px;
        border: none;
        background-color: none;
        float: left;
        text-align:left
      }
       .logo {
        width: 150px;
        height: 120px;
        margin: 1px 1px 1px 1px;
        border: none;
        background-color: none;
        float: left;
        text-align:left
      }      

        .logo-2 {
        width: 110px;
        height: 120px;
        margin: 5px 20px 5px 20px;
        border: none;
        background-color: none;
        float: left;
        text-align:left
      }     
      
      .bezahlfunktion {
        width: 140px;
        height: 50px;
        margin: 10px 4px;
        border: none;
        background-color: none;
        float: left;
        text-align:left
      }

      .bezahlfunktion-paypal {
        width: 220px;
        height: 100px;
        margin: 10px 15px;
        border: none;
        background-color: none;
        float: left;
        text-align:left
      }

      .bezahlfunktion-telefon {
        width: 220px;
        height: 120px;
        margin: 2px 15px;
        border: none;
        background-color: none;
        float: left;
        text-align:left
      }


      .bezahlfunktion-info {
        width: flow;
        height: 30px;
        margin: 10px 4px;
        border: none;
        background-color: none;
        float: left;
        text-align:left
      }

      .popup-1 {
        width: auto;
        height: auto;
        margin: 5px 5px 5px 5px;
        padding: 5px 5px 5px 5px;
        background: hsla(13456700, 90%, 90%, 0.2);
        line-height: 2em;
      }               
      
       .modulbreite
{
        width: auto;
        height: auto;
        margin: 15px 1px 1px 1px;
        border: none;
        color: #ffffff;
        background-color: #d70000;
        float: left;
        text-align:left
      }