@charset "UTF-8";
/* CSS Document */
/* Templateanpassungen für Cassiopeia 
Homepage Duddefliecher release 2013.01 alpha
Anpassungen: Thomas Latzel
*/
/* Anpassung für mobile Ansicht Gerhard Benker 25.02.2024 nicht löschen!*/
@supports (display: grid) {
    .site-grid {
        grid-template-areas:
          ". banner banner banner banner ."
          ". top-a top-a top-a top-a ."
          ". top-b top-b top-b top-b ."
          ". side-r side-r side-r side-r ."
          ". comp comp comp comp ."
          ". side-l side-l side-l side-l ."
          ". bot-a bot-a bot-a bot-a ."
          ". bot-b bot-b bot-b bot-b .";
    }
    @media (min-width: 992px) {
        .site-grid {
            grid-template-areas:
              ". banner banner banner banner ."
              ". top-a top-a top-a top-a ."
              ". top-b top-b top-b top-b ."
              ". side-l comp comp side-r ."
              ". bot-a bot-a bot-a bot-a ."
              ". bot-b bot-b bot-b bot-b ."
        }
    }
}
/* Anpassung für mobile Ansicht Gerhard Benker 25.02.2024 nicht löschen!*/

/* Das Hintergrundbilf soll nicht hinter den Beiträgen sein sondern nur auf dem Rest wo nicht ist "body.site" erst mal aus da es nicht so funktioniert wie ich mir das vorstelle Gerhard Benker*/
body.site {
	/* background: transparent; 
    background: initial; 
	background-image: url(../../../../../images/background.jpg);
  	background-image: yes;*/
	background-position: center top;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}
.card {
    background-image: unset;
}

.header {
    background-image: unset;
}

H1, .jsn-joomla-30 .blog-featured .items-leading H1
{
background-color: none;
}

H2, .jsn-joomla-30 .blog-featured .items-leading H2
{
background: none;
}

H3, .jsn-joomla-30 .blog-featured .items-leading H3
{
background: none;
}

H4, .jsn-joomla-30 .blog-featured .items-leading H4
{
background: none;
}

H5, .jsn-joomla-30 .blog-featured .items-leading H5
{
background: none;
}


/*Hintergrund beim Hauptsponsor*/
.container-grid 
{
    background-color: #F4F4F4;
    background-image: unset;
}

/*Hintergrund Menü*/
.container-header
{
    background-color: #F4F4F4;
    background-image: unset;
}

.container
{
    background-color: #F4F4F4;
    background-image: unset;
}

:root {
    --cassiopeia-color-primary: #ffffff;
    --cassiopeia-color-link: #215398;
    --cassiopeia-color-hover: #215398;
    --body-font-size: 1.2em;
    --body-font-weight: 300;
    --body-line-height: 1.25;
    --body-color: #22262a;
    --body-bg: white;
}

/* Fonts "exo" nicht vorhanden deshalb gelöscht! Backup der user.css 28.12.2023 Gerhard Benker*/


p {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 300;
  line-height: 1.25;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4 { /*"Exo", -apple-system, BlinkMacSystemFont,*/
  font-family:  "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 500;
}
h5, .h5,
h6, .h6 { /*"Exo",-apple-system, BlinkMacSystemFont,*/
  font-family:   "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 300;
}

h1, .h1,
h2, .h2 {
    margin-bottom: 0.75rem;
}

h2, .h2 {
  font-size: calc(1.325rem + 0.75vw);
}

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


/* ------ Logo oben -------------- */

.colored-background-7ebacc {
  	background-color: #7ebacc;
}

/* ------ Container-header ------- */

.container-header {
    background-image: none;
    background-color: rgba(255,255,255,0.9);
  	width: 100%%;
}
.container-header .mod-menu {
    color: #666666
}
.container-header .mod-list li a:hover {
    color: #215398;
}
.container-header .mod-list li.active > a{
    color: #215398;
}

.container-header .navbar-toggler {
    color: #666666;
    border: 0;
}
.container-header nav {
  	margin-top: 0;
  	padding-left: 1.75rem;
  	margin-right: 1.75rem;
}

.container-header .grid-child {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
  	padding-left: 0;
  	padding-right: 0;
}

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

.container-header .navbar-brand {
    margin-top: 0.75em;
    display: flex;
    margin-left: auto;
    margin-right: auto;
  	padding: 0;
}

.container-header .container-navbrand {
   	width: 96%;
    margin-left: auto;
    margin-right: auto;
}

.navbar a {
  	font-size: 1.2rem;
  	font-weight: 300;
}

.container-header .container-search {
    margin-top: 2.5rem;
  	padding-right: 2.5rem;
}

@media (max-width: 767.98px) {
    .container-header .container-nav .container-search, .container-header .container-nav nav {
      margin-top: 0em;
    }
}

/* ------ End Container-header ------- */

/* ------ Hauptbereich ------- */

.main-top img {
  	width: 100%;
}
/*
	.main-top {
  	margin: 0 !important;
  	padding: 0 !important;
  	margin-left: -5% !important;
   	width: 110%;
  	overflow: visible;
}
*/

.form-control, .btn {
    padding: 0.3rem 1rem;
}

.btn-primary {
    background-color: #666;    
    border-color: #666;
}
.btn-primary:hover {
    background-color: var(--cassiopeia-color-hover);
    border-color: var(--cassiopeia-color-hover);
}

.boxed .blog-item .item-content {
    padding: 0.5rem;
}
.centered-text {
    text-align: center;
}

.convertforms {
    margin-left: auto !important;
    margin-right: auto !important;
}

.back-to-top-link {
	color: #215398;  
    background-color: #ffffff;
    border: 1px solid #ffffff;
    inset-inline-end: 2em;
}
.back-to-top-link:hover {
    border-color: var(--cassiopeia-color-hover);
}

.category-desc {
    margin-left: auto;
    margin-right: auto;
    border: none;
}

.blog-item .item-title {
  	font-size: 1.75rem;
}

.head-box {
    margin-left: auto;
    margin-right: auto;
    border: none;
}

.kachel {
    border: 1px solid #C8C8C8;
    box-shadow: 0 0 2px rgba(51,57,66,.1),0 2px 5px rgba(51,57,66,.08),0 5px 15px rgba(51,57,66,.08),inset 0 3px 0 var(--cassiopeia-color-primary);
}
.kachel h2, .kachel h3, .kachel h4 {
    padding: 0.5rem;
}

.item-content .page-header h2 {
  	font-size: 1.75rem
}

@media (min-width: 1200px) {
    
/*
  	.items-leading {
  		max-width: 66%;
       	margin-left: auto;
       	margin-right: auto;
	}
*/
  	.boxed .item-content h2 {
        font-size: 1.75rem;
  	}

    .head-box {
        max-width: 84%;
        /* font-size: 1.25rem; */
        margin-bottom: 1.75rem;    
    }
    .headbox.h1, h1 {
        font-size: 2em;
    }
        .category-desc {
        width: 84%;
        font-size: 1.3rem;
        padding-bottom: 2rem;
    }
    body.wrapper-fluid .grid-child {
        margin-top: 0rem;
    }
    body.wrapper-fluid .container-header .grid-child {
        margin-top: 0rem;
      	border-bottom: 1px solid #3333;
    }
  
  .small-article {
    margin-left: 16%;
    margin-right: auto;
    line-height: 1.2;
  }
  .centered-small-article {
    max-width: 72%;
    margin-left: auto;
    margin-right: auto;
  }
  .com-users-login, .com-users-registration {
    max-width: 39%;
    margin-left: auto;
    margin-right: auto;
  }
  .mod-login {
    max-width: 66%;
    margin-left: auto;
    margin-right: auto;;
  }
} 

@media (max-width: 767.98px) {
    .boxed .item-content h2 {
    font-size: 1.5rem;
    }
    .head-box {
        max-width: 100%;
        font-size: 1.2rem;
    }
    .cotegory-desc {
        width: 100%;
        font-size: 1.2rem;
        padding-bottom: 1rem;
    }
     .footer p {
        font-size: 1rem;
    }
   .com-users-login, .com-users-registration {
    max-width: 75%;
    margin-left: auto;
    margin-right: auto;
  }
}

.card-header {
  background-color: #215398;
  color: white;
}

figure {
  margin-top: 1em; important!
}

/* ------ Hauptbereich ------- */

/* ------ footer ------- */

.footer {
    color: #ffffff;
    background-color: #215398;
  	background-image: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1rem;
  	padding-bottom: 2rem;
    display: grid;
}
.footer a {
    color: #ffffff;
}
.footer a:hover {
    color: #cccccc;
}

.footer p {
  	line-height: 1,25;
  	margin: 0;
  	padding: 0;
}

.footer .grid-child {
    padding-bottom: 0rem;
    padding-top: 3rem;
    width: auto;
}

.logo-unten {
  padding-right: 5%;
  margin-bottom: 10%;
}

.info-unten {
  padding-top: 2rem;
  padding-left: 5%;
  min-width: 350px;
}

@media (max-width: 767.98px) {
 	.footer p {
    	font-size: 1rem;
 	
	}
  	.logo-unten {
    	padding-right: 0;
    	margin-bottom: 5%;
  	}
  	.info-unten {
	    padding-left: 0;
 	}
}

.item-title .icons .float-end{
    visibility: none;
}

/* community-builder */

.nav.nav-tabs .nav-link {
  	color: var(--cassiopeia-color-link);
}