/* quicksand-regular - latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/quicksand-v30-latin/quicksand-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/quicksand-v30-latin/quicksand-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/quicksand-v30-latin/quicksand-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/quicksand-v30-latin/quicksand-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/quicksand-v30-latin/quicksand-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/quicksand-v30-latin/quicksand-v30-latin-regular.svg#Aclonica') format('svg'); /* Legacy iOS */
}

/* quicksand-700 - latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/quicksand-v30-latin/quicksand-v30-latin-700.eot'); /* IE9 Compat Modes */
  src: url('../fonts/quicksand-v30-latin/quicksand-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/quicksand-v30-latin/quicksand-v30-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/quicksand-v30-latin/quicksand-v30-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/quicksand-v30-latin/quicksand-v30-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/quicksand-v30-latin/quicksand-v30-latin-700.svg#Quicksand') format('svg'); /* Legacy iOS */
}

:root {
  --cassiopeia-color-primary: #333;
  --cassiopeia-color-hover: #02374c;
  --cassiopeia-color-link: #990033;
}
:root a {
 text-decoration: none;
}
.container-header {
 	background: #fff;
  	background-image: none;
}
.container-below-top {
 	background: #fff;
  display: flex;
  align-items: right;
  justify-content: end;
  
}
.inputbox {
 	border: 1px solid #666;
  	border-radius: 15px;
	padding: 5px;
	width: 200px;
}
.help {
 	text-align: center;
  	color: #ff0000;
  	border: 1px solid #ff0000;
  	border-radius: 15px;
  	margin-right: 30px;
	padding: 5px;
	width: 100px;
}





td, div, li, p, .p,
h1, .h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-family: 'Quicksand', Arial, sans-serif;
  font-weight: 400;
}

/*.item-content blogbeitrag1, .blogbeitrag1 {  
  background: #ffff99;
  background-image: none;
  padding: 10px;
  border: 1px solid #ffff99;
  border-radius: 10px;
}*/
.item-content {
     background: #edebeb;
  padding: 10px;
  border: 1px solid #edebeb;
  border-radius: 10px;
}
.container-banner {
    text-align: right;
  margin-bottom: 0px;
}

.mod-list li.active > a {
 text-decoration: none;
}
.mod-list li .mod-menu__sub {
 padding-left: 0px;
}

.container-sidebar-left {
	background: #fff;
    background-image: none;
  	padding-right: 10px;
}
.container-sidebar-left ul li {
	font-family: 'Quicksand';
  	font-size: 18px;  	
  	color: #02374c;
  	background: #fff;
  	background-image: none; 	
  	border-bottom: 1px solid red;
  	padding: 8px 0px 8px 0px;
  width:250px;
}
 .container-sidebar-left ul li a:link {
	color: #02374c;
   
}
.container-sidebar-left ul li a:visited {
	color: #02374c; 
  
}
.container-sidebar-left ul li a:hover {
	color: #990033;
}
.container-sidebar-left ul li a:focus {
	color: #990033;
}	
.container-sidebar-left ul li a:active {
  color: #990033;
}

/*.container-sidebar-left ul li.active ul li a:hover, .container-sidebar-left ul li.active ul li a:active, .container-sidebar-left ul li.active ul li a:focus {
  color: #990033;	
}*/



.container-sidebar-left ul li ul li {
  background: #edebeb;
  margin-left: 0px;
  padding-left: 5px;
}

.container-sidebar-left ul li ul li a:link {
	font-family: 'Quicksand';
  	font-size: 15px;
  	color: #02374c;
}
.container-sidebar-left ul li ul li a:visited {
	color: #02374c; 
}
.container-sidebar-left ul li ul li a:hover {
	color: #990033; 
}
.container-sidebar-left ul li ul li a:focus {
	color: #990033;
}
.container-sidebar-left ul li ul li a:active {
	color: #990033;
}


	
/*.container-sidebar-left ul li ul li:active a:link, .container-sidebar-left ul li ul li:active a:visited {
  background: yellow;	
}

ul.metismenu-item li.active ul li.active ul li.active a:link, ul.metismenu-item li.active ul li.active ul li.active a:visited {
  background: yellow;	
}*/

.sidebar-left .metismenu .mm-collapse {
 background-color: #fff;
}
.sidebar-right .metismenu .mm-collapse {
 background-color: #fff;
}


.container-sidebar-left ul li ul li ul li {
  	background: #fcfcfc;
}


.container-sidebar-right {
	padding-left: 10px;
}
.container-sidebar-right ul li {
	font-family: 'Quicksand'; 
  	color: #02374c;
  	background: #fff;
  	background-image: none;
  	border-bottom: 1px solid #02374c;
  	text-decoration: none;
  padding: 8px 0px 8px 0px;
  width:250px;
}
.container-sidebar-right ul li a:link, .container-sidebar-right ul li a:visited {
   font-size: 16px;
  color: #02374c;
  background: #fff;
  background-image: none;
  text-decoration: none;
  
}
.container-sidebar-right ul li a:hover {
	color: #990033; 	
}
.container-sidebar-right ul li a:focus {
	color: #990033;	
}
.container-sidebar-right ul li a:active {
	color: #990033;	
}
.container-sidebar-left ul li ul li {
  background: #edebeb;
}
.container-sidebar-right ul li ul li {
  background: #edebeb;
  padding-left: 5px;
}
.container-sidebar-right ul li ul li a:link, .container-sidebar-right ul li ul li a:visited {
	width: 250px;
  font-size: 15px; 
  background: #edebeb;
  background-image: none;
}
.container-sidebar-right ul li ul li a:hover {
	color: #990033; 	
}
.container-sidebar-right ul li ul li a:focus {
	color: #990033;	
}
.container-sidebar-right ul li ul li a:active {
	color: #990033;	
}

.metismenu-item.item-140.level-1, .metismenu-item.item-282.level-1, .metismenu-item.item-405.level-1 {
	margin-bottom: 30px;
}
.container-sidebar-left li.item-1409, .container-sidebar-left li.item-1410, .container-sidebar-left li.item-1413, .container-sidebar-left li.item-1414, .container-sidebar-left li.item-1415, .container-sidebar-left li.item-1416 {
  background: #fff;
  	background-image: none; 
	border-bottom: 1px solid #000;
}
li.item-1384, li.item-1360, li.item-1391 {
	margin-bottom: 30px;
}


.footer {
	background: #02374c;
}
.footer .grid-child {
  padding: 1.5rem .5em;
  display: flex;
  align-items: left;
  justify-content: center;
}
.footer a:link {
	font-size: 16px;
  	color:#fff;
  	text-decoration: none;
}
.footer a:hover {
  	color:#fff;
  	text-decoration: underline;
}
.footer-3spalten, .footer-3spalten a:link {
	/*width: 400px;*/
  	font-size: 16px;
  	text-align: left;
  	vertical-align: text-top;
  	list-style-type: none;
}
.footerabstand, .footerabstand a:link {
	
  	font-size: 16px;
  	text-align: left;
  	vertical-align: text-top;
  	list-style-type: none;
}
.linkslogos {
	width: 160px;
  	height: 30px;
  margin-right: 20px;
  margin-bottom: 20px;
  float: left;
}
.ausschreibung {
  background: #ffff99;
  border: 8px dotted #ffcc33;
  border-radius: 10px;
  padding: 0px;
  line-height: 19px;
}
.jahrzahl {
  font-size: 14px;
  color: #fff;
  background: #ff0000;
  padding: 10px;
 height: 30px;
  width: 1200px;
}
.textbox {
  background: #ffff99;
  border:  1px solid #ffff99;
  border-radius: 15px;
}
.textbox td, .textbox th {
  border-collapse: collapse;
  padding: 5px;
}
/*Tabellenbreite schematisches Vorgehen*/
.tabellenbreite {
  max-width: 600px;
}
.tabellenbreite-alkohol {
  max-width: 520px;
}
.tabellenbreite td, tabellenbreite th {
  border: 0px;
  border-collapse: collapse;
  padding: 5px;
  vertical-align: top;
  
}
.tableborder {
 max-width: 600px;
}
.tableborder table, .tableborder td, tableborder th {
  border: 1px solid black;
  border-collapse: collapse;
  padding: 5px;
}

.navbar-toggler, navbar-toggler a:active, navbar-toggler a:focus {
  color: red;
  border: 1px solid red;
}

@media (min-width: 992px) {
   .footerabstand {
     width: 650px;
     padding-left: 300px; 
  }
  }
  body.wrapper-fluid .site-grid {
    display: 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 .";
    grid-template-columns: [full-start] minmax(0, 1fr) [main-start] repeat(4, minmax(0, 19.875rem)) [main-end] minmax(0, 1fr) [full-end];
      grid-template-columns: [full-start] minmax(0, 1fr) [main-start] 280px repeat(3, minmax(0, 280px)) [main-end] minmax(0, 1fr) [full-end];
    grid-gap: 0 1em;
  }
  .site-grid > [class^=container-],
  .site-grid > [class*=" container-"] {
    width: 100%;
    max-width: none;
    -webkit-column-gap: 1em;
       -moz-column-gap: 1em;
            column-gap: 1em;
  }
  .site-grid > .full-width {
    grid-column: full-start/full-end;
  }

  @media (max-width: 992px) {
    body.wrapper-fluid .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 side-l side-l side-l ." 
          ". comp comp comp comp ."
        ". side-r side-r side-r side-r ."  
        ". bot-a bot-a bot-a bot-a ." 
        ". bot-b bot-b bot-b bot-b .";
        grid-template-columns: [full-start] minmax(0, 1fr) [main-start] 100px repeat(3, minmax(0, 280px)) [main-end] minmax(0, 1fr) [full-end];
    }
  }

@supports (display: grid) {
  @media (min-width: 992px) {
    .site-grid {
      grid-template-columns: [full-start] minmax(0,1fr) [main-start] minmax(0,16.875rem) minmax(0,22.875rem) minmax(0,22.875rem) minmax(0,16.875rem) [main-end] minmax(0,1fr) [full-end]
    }
  }
}

@supports (display: grid) {
    @media (max-width: 820px) {
        .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 side-l side-l side-l ."
              ". comp comp comp comp ."
              ". side-r side-r side-r side-r ."
              ". bot-a bot-a bot-b bot-b .";
              
        }
    }
}