:root {
  --cassiopeia-color-primary: #ffffff;
  --cassiopeia-color-link: blue;
  --cassiopeia-color-hover: grey;
}
.container-header {background-image: none}  /* blendet Verlauf des headers aus */
.container-footer {background-image: none; background: rgba(0,0,0,.03)}  /* blendet Velauf des footers aus */
.container-footer a:{color: blue}
.container-header .grid-child {padding: 0}


@media (max-width: 768px) {        
.container-header .mod-menu {background: #cc0000;}
.container-header .mod-menu li a {color: #ffffff; font-size: 1.2em; padding: 0 1em; display: block; width: 100%; border: solid white 2px; border-radius: 5px;}
.container-header .mod-menu li a:hover {color: blue}
}
@media (min-width: 769px) {                                                                                                                                    
/*                        Menue                    */
.icon-joomla,                                                                                 /* Aufklapp-Pfeile ausblenden */
[class^=icon-],
[class*=\ icon-] {display:none}

.container-header .mod-menu {background: #cc0000;}
.container-header .mod-menu li a {color: #ffffff; font-size: 1.2em; padding: 0 1em; white-space: nowrap;}           /* Leerzeichen: Alle Nachfahren-Elemente bekommen diese Formatierung */ 
.container-header .mod-menu li a:hover {color: blue}


/* Submenue */
.container-header .mod-menu > li {position: relative;}                                         /* Um Submenues positionieren zu koennen */
.container-header .mod-menu ul {background: #cc0000; border: 1px solid #dfe3e7; border-radius: 5px; position: absolute; top: 100%; left: 0;  padding: 16px;} 
.container-header .mod-menu li:hover > ul {display: block;}

/* Sub-sub-menue */
.container-header .mod-menu ul > li {position: relative;}                                       /* Um Sub-Submenues positionieren zu koennen */
.container-header .mod-menu ul ul {background: #cc0000; position: absolute; left: 100%; top: -15px}
} 




.com-users-login__submit .controls .btn, .logout-button .btn {background-color: grey;}          /* Login-Button grau, da selbstgewaelte Grundfarbe weiß */

.kachel {color:white; font-size: 20px; margin: 9px auto; height: 300px; width: 300px}
.kachel a:link {color: #fff}

h6 {display: none}
.row-fluid {
	font-size:16px;                                        /* Eigenschaft neu */
}

@media (max-width: 639px) {                                 /* s. auch Z. 5626  */
     .finder_suchindex {margin-top: -15px}
     input.search-query {margin-bottom: 0; border-radius: 5px; width: 89%; padding: 6px 5%}
	 .header-search .search-query {border-radius: 5px; color: #000; opacity: 0.8;}
     .breadcrumb {display: none}
}
@media (min-width: 640px) {                               /* s. auch Z. 5626  */ 
	 .finder_suchindex {float: right; margin-top: -60px}
	 input.search-query {padding-right: 14px; padding-right: 4px \9; padding-left: 14px; padding-left: 4px \9; margin-bottom: 0; border-radius: 5px;}
	 .header-search .search-query {color: #000; opacity: 0.8} 
}



/*                         Kategorienliste                          */
.category-list .cat-children .item-title {padding: 5px 0 5px 5px; color: #0000FF; font-weight: bold}
.category-list .cat-children .item-title a:hover {color:#0000FF}
.category-list .cat-children .icon-plus, .category-list .cat-children .btn-mini {display: none}  /* Ausblenden des Unterkategorie-Button */
div.cat-children > h3 {display:none;}               /* "Unterkategorien" nicht anzeigen */




/*                         Tabellen                           */
table {width: 100%;}
table td {padding: 0 3px}
.aktuelles tr {border-bottom: solid 1px grey; height: 2.5em} 
.stundentafel td {border: 1px solid #000; padding: 2px; font-size: 0.9em; }
.nB {font-weight: bold; background-color: rgb(153, 255, 102)}                 /* neuer Bildungsplan */
.bB {background-color: rgb(0, 204, 255)}                                      /* bisheriger Bildungsplan */
.lehrernamentab {width: 100%}
.lehrernamentab tr {border-bottom: solid 1px grey}
.lehrernamentab td:nth-child(1) {font-weight: bold}
.lehrernamentab tbody tr:hover {background-color: #fce4a2}
.lehreraufgabentab td {border-bottom: solid 1px grey; border-top: solid 1px grey; padding: 5px}
.beurlaubungentab td {padding: 6px; border: solid 1px black}
.beurlaubungentab th {text-align: center; font-weight: bold}
.kultur {display: inline-block; color: rgb(0, 128, 128); font-weight: bold; margin-bottom: 12px}
.ag {float: left; display: flex; flex-flow: column; width: 160px; height: 160px; margin: 5px 5px 0 0; background-color: rgb(255, 204, 102)}
.still {float: left; display: flex; flex-flow: column; width: 160px; height: 160px; margin: 5px 5px 0 0; background-color: rgb(255, 102, 51)}
.la {float: left; display: flex; flex-flow: column; width: 160px; height: 160px; margin: 5px 5px 0 0; background-color: rgb(0, 204, 255)}
.hlf {float: left; display: flex; flex-flow: column; width: 160px; height: 160px; margin: 5px 5px 0 0; background-color: rgb(102, 153, 255)}
.be {float: left; display: flex; flex-flow: column; width: 160px; height: 160px; margin: 5px 5px 0 0; background-color: rgb(204, 153, 51)}
.ergday {flex: 15%; display: flex; align-items: center; justify-content: center}
.ergtime {flex: 20%; display: flex; align-items: center; justify-content: center}
.ergtheme {flex: 25%; display: flex; align-items: center; justify-content: center; text-align: center; font-weight: bold}
.ergplace {flex: 20%; display: flex; align-items: center; justify-content: center}
.ergleader {flex: 25%; display: flex; align-items: center; justify-content: center; font-size: 0.8em; background-color: rgb(240, 240, 240)}
.mo {background-color: rgb(240, 250, 200)}
.di {background-color: rgb(250, 240, 210)}
.mi {background-color: rgb(255, 255, 204)}
.do {background-color: rgb(270, 220, 230)}
.fr {background-color: rgb(153, 204, 255)}
 
.methodentraining td {padding: 10px; text-align: center; vertical-align: top}

.ansprech {float: left; width: 25%; min-width: 150px}

.seitenumbruch {page-break-before:always}

.gitternetz td {border: 1px solid #000; padding: 5px}

.faecher {color: black}
.fach {width: 120px; height: 50px; line-height: 50px; text-align: center;}
.faecher a:hover {color: #fff; 	background-color: #08c; }

/*  .virus {width:200px;
        height:200px;
        position: relative;
        animation-name: virus_bewegen;
        animation-duration: 3s;
    }
     
    @keyframes virus_bewegen {
        from {left: 0;}
        to {left: 50%;}
    }  */
.rolling {
	animation: rolling 5s 1s 4 alternate ease-in-out;
    }

    @keyframes rolling {
	    from { transform: translate(0) }
	    to { transform: translate(calc(100% - 100px)) }
    }
.pagensand {display: inline-block; width: 250px; }


/* body.site {
	background: transparent;
	background-image: url(../../../../../images/allgemeines/schweindorf.jpg);
	background-position: top;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}
.header {
   background: transparent;
}
.card {
  background: rgba(255, 255, 255, 0.5);
  border:none;
}
.btn {
  background: rgba(255, 255, 255, 0.5);
  border:none;
}
.com-content-article__body {
  background: rgba(255, 255, 255, 0.8);
  border:none;
}
.category-desc {
  background: rgba(255, 255, 255, 0.5);
  border:none;
}
.mod-breadcrumbs {
  background: rgba(255, 255, 255, 0.5);
  border:none;
} */