:root {
  --cassiopeia-color-primary:#0;
  --cassiopeia-color-footer-background: #ccc;
  --cassiopeia-color-footer-text: #fff;
  --body-bg: #fcfbfb;  
  --color-text: #696969;
  --link-color: var(--color-text);

/*----------------------------------------*/
	--start-kategorie-blind: 3%;
    --start-kategorie-rand: 0%;
	--start-kategorie-bild: calc((100% - (2 * var(--start-kategorie-blind) + 2 * var(--start-kategorie-rand))) / 3 );
    --start-kategorie-rand-small: 5%;  
	--start-kategorie-bild-small: calc(100% - (2 * var(--start-kategorie-rand-small)) ); 
}


body { 
a:not([class]) {
  text-decoration: none;
}
  p,h1,h2,h3,h4,figcaption {
    color: var(--color-text);
  }
    p {    
	  font-family: "Arial";  
      font-size: 1.0rem;
      font-weight: 500;
      text-align: left;
      line-height: 1.3;
      
    }

	h1,h2 {
      font-family: "Arial Narrow";  
      font-size: 2.25rem;
      text-transform: uppercase;
      font-weight: 600;  
      hyphens: auto;
          @media (width <= 813px)  {
                    font-size: 1.75rem;
          }
    }

	h2 {      
      font-size: 1.0rem;     
    }  
 	h3 {
      font-family: "Arial"; 
      font-size: 1.0rem;
      font-weight: 600;
    } 
    h4 {  /* kategorien Bildtitel */
      font-size: 1.0rem;
      text-transform: uppercase;
      font-weight: 550;    
      margin-bottom: 0.0rem;
    } 
    h5 {
      font-size: 1.0rem;
      text-transform: uppercase;
      letter-spacing: 0.6rem;
      padding-bottom: 1.5rem;
      font-weight: 500;
    }
    h6 { /*Kategorien Seitentitel */
      font-size: 1.0rem;
      text-transform: uppercase;
      padding-bottom: 2rem;
      font-weight: 400;      
    }
    .papier { /*Bildtitel o.T. */
      text-transform: none;
    }
}



.zentriert {
  p {hyphens: auto;}
  margin: 0% 22% 0% 22%;   
  width: 56%;
@media (width <= 813px) { 
  margin: 0% 0% 0% 0%;   
  width: 100%;
}  
}

.beitrag {
  h1 {
    font-size: 1.5rem;
    font-weight: 500;
  }
}

.container-component {
  margin-top: 1.5rem;
}
/*-------------------------------------------------*/
.atelier-kontakt-grid {
	display: grid;
    grid-template-columns: 50% 50%;
	
	.item1 {
	   grid-column: 1 / span 1;	
	   grid-row: 1 / span 1;	
       figcaption {
         margin-top: 0.3rem;
         font-style: italic;
	  }
      }
	.item2 {
	   grid-column: 2 / span 1;	
	   grid-row: 1 / span 1;
	   padding-left: 2.0rem;	
      justify-self: left;
	}

  
@media (width <= 813px) {
    grid-template-columns: 100%;
     padding-left: 0.8rem;
     padding-right: 0.8rem;
	.item2 {
	   grid-column: 1 / span 1;	
	   grid-row: 2 / span 1;
       padding-left: 0.0rem;	
	}
}
}
/*---Menu----------------------*/
.container-header {
  background-color: #fff;
  padding-bottom: 0.0em;
  p {
    margin-bottom: 0.0rem;
  }
} 

.container-header .container-nav {
  padding-bottom: 0.0em;
}  
.container-header nav {
   margin-top: 0.0rem;  
}
.container-nav {
  margin-top: 0.0em;
  justify-content: right;
  padding-bottom: 0.0em;
  text-transform: uppercase; 
  padding-top: 0.0rem;
  display: grid;
  grid-template-columns: 50% 50%;
  align-items: center;	
      img {
      margin-top: 0.5rem;
      margin-bottom: 0.5rem;
      margin-left: 0.5rem;
      margin-right: 0.5rem;
    } 
  #mod-custom112 {
  grid-column: 1 / span 1;
    grid-row: 1 / span 1;  
    display: flex; 
    justify-content: end;     

   }
   #mod-custom113 {
/*	grid-column: 2 / span 1;
    grid-row: 1 / span 1; 	   */
    display: flex; 
    justify-content: start;
      margin: 0.5rem;

   }
@media (width <= 813px) {
    grid-template-columns: 10% 90%;
}
}

.container-header .mod-menu {
  color: #000;
  display: flex;  
flex-direction: row;
}
/* -----Fusszeile----- */ 
.footer {

    background-color: var(--cassiopeia-color-footer-background); 
    margin-top: 1.0rem; 
    p {
      color: var(--cassiopeia-color-footer-text);   
      	 text-align: center;
    }
    .links {
      word-spacing: 1.5rem;
      text-decoration-line: non;
    }
	.grid-child {
        justify-content: center;
        padding-top: 1.5rem;
        padding-right: 0.5em;
        padding-bottom: 1.5rem;
        padding-left: 0.5em;
	}

  
@media (width <= 813px) {}
}
/* --------------------------- */ 
 
.grid-start-kategorie  {
	display: grid;
  grid-template-columns: var(--start-kategorie-rand) var(--start-kategorie-bild) var(--start-kategorie-blind) var(--start-kategorie-bild) var(--start-kategorie-blind) var(--start-kategorie-bild) var(--start-kategorie-rand); 
 div {
   border: 0px solid darkgray; 

   img {
     padding-bottom: 0.8rem;
   }
    }  
	/*Seitentitel*/
	.item1 {
	  grid-column: 2 / span 5;
	  grid-row: 1 / span 1;         
	}
   
	/*Bild_01*/
	.item2 {
	  grid-column: 2 / span 1;
	  grid-row: 2 / span 1;	
	}
	/*Bild_02*/
	.item3 {
        grid-column: 4 / span 1;
        grid-row: 2 / span 1;
	}
	/*Bild_03*/
	.item4 {
	  grid-column: 6 / span 1;
	  grid-row: 2 / span 1;    		  
	}	

   
@media (width <= 813px) {

  grid-template-columns: var(--start-kategorie-rand-small) var(--start-kategorie-bild-small) var(--start-kategorie-rand-small);
	/*Seitentitel*/
	.item1 {
	  grid-column: 2 / span 1;
	  grid-row: 1 / span 1;	

	}
	/*Bild_01*/
	.item2 {
        grid-column: 2 / span 1;
        grid-row: 2 / span 1;
        display: flex;
  justify-content: center;
	}
	/*Bild_02*/
	.item3 {
	  grid-column: 2 / span 1;
	  grid-row: 3 / span 1;  
        display: flex;
  justify-content: center;
	}	
	/*Bild_03*/
	.item4 {
	  grid-column:2 / span 5;
	  grid-row: 4 / span 1;
        display: flex;
  justify-content: center;
	}
}
}

.grid-start-kategorie .kategorie {
	
   figcaption {
	text-align: left;
     p {
       line-height: 1.0rem;
     }
  }	
}
  .grid-start-kategorie .start {
	
   figcaption {
	text-align: center;
	margin-top: 0rem;
    font-weight: 550;
    font-size: 1.2rem;

  }
}

/*----------------------------------------*/

#mod-custom113 {
.metismenu.mod-menu .metismenu-item.active > a, .metismenu.mod-menu .metismenu-item.active > button, .metismenu.mod-menu .metismenu-item > a:hover, .metismenu.mod-menu .metismenu-item > button:hover {
  text-decoration: none;
}
.metismenu.mod-menu .metismenu-item {
  flex-wrap: nowrap;
/*  align-items: center;
  padding: .5em 1em;
  font-size: 1.1rem;
  line-height: 1.5; 
  display: block; */
}  
  details {
}
  summary {
	list-style-type: none;
	top: 0;
	right: 0;
	cursor: pointer;
}

details[open] {
  display: grid;  
  grid-template-columns: 20% 80%;
  list-style-type: none;
	color: var(--red);
}
  
details[open] summary {
  grid-column: 1 / span 1;
  list-style-type: none;
	color: var(--red);
}

ul {
  	  grid-column: 2 / span 1;
	  grid-row: 1 / span 1;
}

 
}
/*  Untermenu*/
.metismenu.mod-menu .metismenu-item > a, .metismenu.mod-menu .metismenu-item > button 
  {
  text-overflow: ellipsis;
  white-space: nowrap;
  text-decoration: none;

    overflow: visible;

} 

.metismenu.mod-menu .mm-collapse > li.parent > ul {
  box-shadow: none;
  background-color: ;
  flex-basis: calc(100% + 1em);
  margin-top: .5em;
  margin-bottom: -.5em;
  position: relative;
  top: 0em;
  left: 1em;
}
.metismenu.mod-menu .mm-collapse > li.parent > ul {
  box-shadow: none;
  background-color: var(--body-bg);
  flex-basis: calc(100% + 1em);
  margin-top: .5em;
  margin-bottom: -.5em;
  position: relative;
  top: 0em;
  left: 1em;
}

@media (width <= 460px) {
.metismenu.mod-menu .metismenu-item {
  padding: .5em 0.5em;
  font-size: 1rem;
  padding-top: 0.7rem;

}
}
/*----------------------------------------*/

/*---------------------------------------*/