/* no sass Document */
/* bdorn 2025 */

/* --------------------------------- */
/* ---------- media basic ---------- */
/* ---------- im Ordner media ------ */

/* -----------  load fonts  -------- */
@import url("cnutr_typo.css");


.sr-only {
  position:absolute;
  left:-10000px;
  top:auto;
  width:1px;
  height:1px;
  overflow:hidden;
  }
button .sr-menuu {
    position:absolute;
    left:-10000px;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
}

.mobile-nav-toggle {
  display: none;
}

body {
  overflow-x: hidden;
 }
 
 html, body {
/* 	height: 100%;*/
 	margin: 0;
 	padding: 0;  
	font-family: "Space Grotesk", sans-serif;
}
/* ---- GRID Construction ---- */
.container {  
	display: grid;
	grid-template-columns: repeat(12, 1fr);
/*	grid-template-rows: repeat(9, 1fr);*/
	grid-template-rows: auto 1fr auto;
	grid-column-gap: 15px;
	grid-row-gap: 15px;
}


.head { 
	display: grid;
	grid-area: 1 / 1 / 2 / 13; 
	grid-template-columns: subgrid;
	padding: 20px 20px 0 20px;
}
.logo { 
	grid-area: 1 / 1 / 2 / 4; 
}
.logo img{
	    width: 100%;
}
.navbar { 
	grid-area: 1 / 4 / 2 / 13; 
	float: right;
}
.content { 
	display: grid;
	grid-area: 2 / 4 / 9 / 13;
	grid-template-columns: subgrid;
	padding-right: 20px;
}

.footer { 
	grid-area: 9 / 1 / 10 / 13; 
	margin: 120px 20px 0 20px;
	border-top: 1px solid #ccc;
}
.sidebar {
	grid-area: 2 / 1 / 9 / 4;
	padding-left: 20px;
}


 /* ----------- navigation ----------- */
.navbar .nav {
	list-style-type: none;
	float: right;
}

.nav li {
	display: inline-block; 
	margin-right: 30px;
}
.nav li.current.active {
	font-weight: 900;
	border-bottom: 5px solid black;
 }
.nav li a  {
  text-decoration: none;
}
.nav li a:visited {
	font-weight: 900;
	color: black;
}
.nav li a:hover {
	color: #6C6C6C;
}



.breadcrumb li {
	display: inline-block;
	margin-right: 2px;
/*	font-family: "Times New Roman", "serif";*/
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}
.breadcrumb li::before {
  content: "> ";
}
body > div > div.sidebar > div.moduletable.breadcrumb > nav > ol {
	margin-left:-40px;
}


 /* ---- claim ---- */
#mod-custom153 {
	display: none;
}

#mod-custom111 {
	font-size: 33px;
	line-height: 33px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 12px;
	
}
#mod-custom111 p {
	margin-top: -12px;
	margin-bottom: -2px;
}

.menuiteminfo {
	margin-top: 48px;
	padding-bottom: 12px;
	border-bottom: 1px solid #ccc;
}
 /* ---- Inhalt ---- */

.inhalt_small {
	grid-area: 1 / 1 / 9 / 4;
/*	border: 5px solid #D21E21;*/
}
.inhalt_medium {
	grid-area: 1 / 1 / 9 / 7;
/*	border: 5px solid #D21E21;*/
}
/*.inhalt_large {
	display: grid;
	grid-template-columns: subgrid;
/*	border: 5px solid #D21E21;*/
	/*	display: initial soll hier die ganzen displa:block 
	anweisungen löschen, damit display:grid greift*/
/*	display: initial !important;*/

}
 
.content-pos-1 {
	grid-area: 1 / 1 / 9 / 4;
}
.content-pos-2 {
	grid-area: 1 / 4 / 9 / 7;
}
.content-pos-3 {
	grid-area: 1 / 7 / 9 / 10;
}
.semester {
/*	grid-area: 1 / 1 / 9 / 4;*/
}
.projects {
	display: grid;
	grid-template-columns: subgrid;
	grid-area: 1 / 1 / 9 / 10;
}
div.com-content-article.item-page {
	display: initial !important;
}

div.com-content-article.item-page > div {
	padding-bottom: 12px;
/*	border-bottom: 1px solid #ccc;*/
}

a {
  text-decoration: none;
  color:black;
}
a:visited {
	text-decoration: none;
	color: black;
}
a:hover {
	color: #6C6C6C;
}

.com-content-article__body p img {
	width: auto;
}
.image-caption {
    font-size: 12px;
    font-family: "Times New Roman";
    padding-left: 30px;
    padding-right: 50px;

}

.logos_partner {
	height: 200px;
}


.partners {
	border-top: 1px solid #ccc;

}


/* ---- projectansicht ---- */
/* ---- und slider im  ---- */
/* ---- template-css ----- */ 


.semester_mod,
.teaching_mod {
	margin-top: 100px;
}

 /* ---- news ---- */

.news {
	grid-area: 1 / 4 / 9 / 7;

}
.news ul {
	list-style-type: none;
}
.news li {
	margin-bottom: 15px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 15px;
	margin-left: -40px;
}

.list-title {
	border-top: 1px solid #ccc;
	padding-top: 6px;
	margin: 15px 0 15px 0;
	
}
.date-n-author-etc{
	font-size: 12px;
    color: #ccc;
}
#categorylist_header_title,
#categorylist_header_date,
#categorylist_header_author {
	display: none;
}

li span.mod-articles-category-writtenby,
li span.mod-articles-category-date {
	font-size: 12px;
	color: #ccc;
}

/* tabellen */
th.list-title {
	text-align: left;
}



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


.footer-logos {
	float: left;
}
.footer-logos p{
	display: inline-block;
	margin-right: 20px;
}
.footer-logos .KIT img{
	height: 80px;
	width: auto;
	padding-bottom: 10px;
}
.footer-logos img{
	height: 50px;
	width: auto;
	margin-right: 1px;
}

.utilities {
	float: right;
}


/* ----------- inhalt typo ----------- */

h2, 
div.page-header > h1 {
	font-size: 1.17em;
}

ul .semester_modul{ 
	padding-bottom: 36px;
	list-style-type: none;
}
.semester_modul li {
	margin: 6px 0 30px -40px;
	padding-top: 6px;
	border-top: 1px solid #ccc;
	display:block;
	
}

 /* ----------- ------------- ----------- */
 /* ----------- media queries ----------- */
 /* ----------- ------------- ----------- */
 
 @media screen and (max-width: 1200px) {
 
.head { 
	grid-area: 1 / 1 / 2 / 13; 
}
.logo { 
	grid-area: 1 / 1 / 2 / 5; 
}
.navbar { 
	grid-area: 1 / 5 / 2 / 13; 
}
.content { 
	grid-area: 2 / 5 / 9 / 13;
}
.footer { 
	grid-area: 9 / 1 / 10 / 13; 
}
.sidebar {
	grid-area: 2 / 1 / 9 / 5;
}
.inhalt_small {
	grid-area: 1 / 1 / 9 / 5;
/*	border: 5px solid #D21E21;*/
}
.inhalt_medium {
	grid-area: 1 / 1 / 9 / 13;
/*	border: 5px solid #D21E21;*/
}   
.news {
	grid-area: 1 / 5 / 9 / 13;
}



	 
} /* ----------- ENDE media queries max 1200----------- */ 

/* ----------- ENDE media queries 900  ----------- */
@media screen and (max-width: 1000px) {
	
	/* ----------- hamburger menue ----------- */
      .navbar {
        position: fixed;
        inset: 0 0 0 30%;
        background-color: black;
        background: #eee;
        opacity: calc(100%);
        z-index: 1000;
        transform: translateX(100%);
        transition: transform 350ms ease-out;
      }

      .navbar[data-visible="true"] {
        transform: translateX(0%);
      }

      #main-navigation {
        float:left;
        margin-left: 1rem;
        margin-top: min(30vh, 5rem);
      }
      
      div#main-navigation .hauptnavigation li{
        background-color: black;
        opacity: 100%;
      }

      .mod-languages {
        border-bottom: 3px solid #7090B7;
        padding-bottom: 1rem;
      }

      .mobile-nav-toggle {
        display: block;
        background: url(icon-hamburger.svg);
  		position: absolute;
        background-repeat: no-repeat;
        border: 0;
        width: 2.5rem;
        aspect-ratio: 1;
        top: 0.6rem;
        right: 2rem;
        z-index: 9999;
		  
      }

	.logo img{
/*	    width: 80%;*/
		}
	
	.nav li {
    	display: block;
    	margin-right: 20px;
		margin-bottom: 15px;
	}

}

/* ----------- ENDE media queries 800  ----------- */
@media screen and (max-width: 800px) {

.container {  
	display: block;
	margin-left: 15px;
	margin-right: 15px;	
}
	.content {
	margin-right: 0px;
}

	
.swiper-img-cont {
    background-size: contain !important;
}

	
.head { 
/*	display: block;*/
	padding: 55px 0 0 0;
}
.logo { 
	display: block;
	float: left;
}
.navbar { 
	display: block;
}
.content { 
	display: block;
}
.footer { 
	display: block;
	margin: 20px 20px 0 0;
	border-top: none;
}
.sidebar {
	display: block;
	padding: 20px 0 0 0;	
}
	
.news {
	display: block;
}
	
.utilities {
    float: left;
    display: block;
    width: 100%;
    border-top: 1px solid #ccc;
    text-align: center;
	}
	
.footer-logos {
	float: none;
    text-align: center;
	}
	
	.footer-logos .KIT img {
    display: unset;
	    text-align: center;

	}
	
		.nav li {
    	display: block;
    	margin-right: 20px;
		margin-bottom: 15px;
	}

	#mod-custom111 {
		display: none;
	}
	#mod-custom153 {
		display: block;
/*		float:left;*/
		font-size: 23px;
		line-height: 23px;
		border-bottom: 1px solid #ccc;
		padding-bottom: 6px;
		margin-bottom: 36px;
	}
	#mod-custom153 p {
		margin-top: -24px;
		margin-bottom: 2px;
	}
	.semester_mod, 
	.teaching_mod,
	.publication_mod,
	.all_news_mod {
    	margin-top: 30px;
		display: block;
        clear: both;
		margin-bottom: 36px;
	}
	.logos_partner {
    	height: 150px;
        width: auto;
}
	
/*
	.com-content-article__body p img {
    width: 80%;
    height: auto;
	}	
*/
	
}/* ----------- ENDE media queries 800 ----------- */