@charset "UTF-8";				
body {
	width:100%; background-repeat: no-repeat; background-size: 100% auto; 
	font-family: Arial, Helvetica, sans-serif;
	color:#222222;
	line-height:1.6em;	
}				

a {			
	text-decoration:none;
}

main {
	float:left;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Conv_UniversLTStd-LightCn, Helvetica, Roboto, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    color: inherit;
    text-rendering: optimizeLegibility;
}

/* Footer ------------------------------------------ */

#footer-logos-wrapper {
	margin:auto;
}		

#footer-logos {
	text-align:center;
}

#footer-logos a {						
	color:#ffffff;
}			

#footer-logos img {						
	padding:10px;
	margin:20px;	
	max-height:65px;
}		
 
/* Main Layout ------------------------------------------------ */

.item1 { grid-area: logo; text-align:left!important; } 
/* .item2 { grid-area: header;} */

.item3 { grid-area: menu; }
.item4 { grid-area: left; }
.item5 { grid-area: main; min-height:500px;text-align:center; margin:auto}
.item6 { grid-area: right; }
.item7 { grid-area: footer; background-color: rgba(23, 121, 186, 1); min-height:250px; color:#efefef;min-height:250px; }

.grid-container {	
  text-align:center;
  display: grid;
}

/* menu button */
#menuBtnOuter { float:right; padding-right:50px; }
.menuBtnWrap { width:100%; }
.menuBtnInner {  max-width:75px; text-align:center; margin:auto}
.menuBtn { cursor: pointer; }

/* menu close button */
.closeBtnWrap { text-align:right; }
.menuCloseBtn { cursor: pointer; }

/* menu  */
#menu { display:none;  }
#menuWrap { display: flex; align-items: center; justify-content: center;  position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index:99;}
#menuInner { background-color: rgba(250,250,250, 0.93); border:5px solid rgba(23,121,186); border-radius:25px; line-height:1.2em; text-align:left; padding:20px 30px 10px 30px; font-size:19px }
#menuInner ul {margin-top:0;}

/* image overlay  */
.articleimg { cursor:pointer }
#imgOverlay { display:none; }
#imgOverlayWrap { display: flex; align-items: center; justify-content: center;  position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index:99;}
#imgOverlayInner { background-color: rgba(250,250,250, 0.93); border:5px solid rgba(23,121,186); border-radius:25px; padding:40px; height:80%; width:60%; }
#imgOverlay img {margin:0; width: 100%; height: 100%; object-fit: contain; }


/* Footer Columns ------------------------------------------ */

.footer {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.footerblock {
  padding:50px 0 50px 0px;
  text-align:left;
  font-size:0.7em;	
}

.footerblock a {		
	color:#eeeeee!important;		  
}

.footerblock a:hover {		
	color:#ffffff!important;
}	

/* Home Tiles/Kacheln ------------------------------------------ */	
	
.home-tile { width:330px; height: 330px; padding:20px; background-repeat: no-repeat; background-position: center bottom; background-size:auto 262px }	
	
.tile-title { font-weight: bold; text-transform: uppercase; white-space: nowrap; }
.tile-subtitle { line-height:1.2em; margin-top:10px; min-height:312px} /* min-height needed for rollover/link area */		

.grid-container-home-main { display: grid; gap: 40px; max-width:2050px; }		

.grid-container > div {  
  text-align: center;
  padding: 20px;
  font-size: 30px;
}	

.grid-container a, a:visited {  
  color:#222222;
}			

.grid-container a:hover {  
  text-shadow: 2px 2px 5px #555555;
}			

/* homepage image slider */
.mySlides{display:none}

/* neue Farben, relative IMG URL */
.main-about { background-color: rgba(213,0,125, 1);  border-top-left-radius: 80px 80px; background-image: url("/site/templates/img/home-ueber-grenzen.jpg"); } 
.main-courses { background-color: rgba(153,194,0, 1); border-top-right-radius: 80px 80px; background-image: url("/site/templates/img/home-bildungsangebot.jpg"); } 
.main-register { background-color: rgba(248,233,0, 1); border-top-left-radius: 80px 80px; background-image: url("/site/templates/img/home-anmeldung.jpg"); } 
.main-life { background-color: rgba(213,0,125, 1); border-top-left-radius: 80px 80px;  background-image: url("/site/templates/img/home-schulleben.jpg"); } 
.main-europe { background-color: rgba(213,0,125, 1);  border-top-right-radius: 80px 80px; background-image: url("/site/templates/img/home-europa.jpg"); } 
.main-contact { background-color: rgba(23,121,186, 1);  border-top-left-radius: 80px 80px; background-image: url("/site/templates/img/home-kontakt.jpg"); } 
.main-news { background-color: rgba(248,233,0, 1); border-top-right-radius: 80px 80px; background-image: url("/site/templates/img/home-news.jpg"); } 
.main-calendar { background-color: rgba(23,121,186, 1); border-top-right-radius: 80px 80px; background-image: url("/site/templates/img/home-termine.jpg");  }
.main-consulting { background-color: rgba(248,233,0, 1); border-top-right-radius: 80px 80px;  background-image: url("/site/templates/img/home-unterstuetzung2.jpg"); }
.main-downloads {background-color: rgba(23,121,186, 1); border-top-left-radius: 80px 80px;  background-image: url("/site/templates/img/home-downloads.jpg"); }
.main-gallery { background-color: rgba(153,194,0, 1); border-top-left-radius: 80px 80px; background-image: url("/site/templates/img/home-galerien.jpg"); } 


/* Galleries/Galerien ----------------------------------------------------------------------------------- */

 .list-group{margin-left:-.625rem;margin-right:-.625rem; }
 .list-group .column,.list-group .columns{position:relative; }
 @media print,screen and (min-width:40em){.list-group{margin-right:-.9375rem;margin-left:-.9375rem}}
 .list-group-title{position:absolute;top:0;bottom:0;left:0;right:0;height:100%;width:100%;opacity:1;transition:.5s ease;background-color:hsla(0,0%,4%,.8);text-align:center; max-width:360px}
 .list-group-headline{color:#fff;font-size:20px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
 .list-group .column:hover .list-group-title,.list-group .columns:hover .list-group-title{opacity:0}
 .list-group .thumbnail{border:none;box-shadow:none;display:block; width:100%;height:auto; max-width:360px; }


.album-grid {
  display: grid;
  grid-template-columns: auto auto auto;
  max-width:1120px;
  padding-left:17px;
}
.album-grid .album-item {
  margin:0 20px 20px 0;
}
.list-group-headline { font-weight:normal }
.list-group-title:hover { opacity:0 }

 .mfp-bg{z-index:1042;overflow:hidden;background:#0b0b0b;opacity:.8}.mfp-bg,.mfp-wrap{top:0;left:0;width:100%;height:100%;position:fixed}.mfp-wrap{z-index:1043;outline:none!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{content:"";display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}
 .mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
 .mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#ccc}.mfp-preloader a:hover{color:#fff}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}
 button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;box-shadow:none;-ms-touch-action:manipulation;touch-action:manipulation}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;color:#fff;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}
 .mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1}.mfp-arrow:after,.mfp-arrow:before{content:"";display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure,img.mfp-img{line-height:0}.mfp-figure:after{content:"";position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-height:300px),screen and (max-width:800px) and (orientation:landscape){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}
 .mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}


/* Bildungsgänge (course manager) */

.course-list-wrapper {
	max-width:1200px;
	text-align:center;
	margin:auto;
}

/*
@media only screen and (min-width: 1200px) {
	.course-list {
		width:48%;
		float:left;
		margin-right:20px;
	}
}
*/
.course-list img {
	margin-right:10px;	
	width:265px;
	max-height:127px;	
	display:block;		
}

.course-img-wrap {
	float:left;
	display:block;	
}

.course-list h1 {
	font-size:1em!important;
	max-width:865px;
}

.course-list h2 {
	/*color:#ffffff!important;*/
	font-size:0.6em!important;
	padding:10px;
	height:106px;
	border-bottom:0px!important;
	border-top-right-radius: 40px 40px;
	text-transform:uppercase;
	display:block;
	word-wrap: break-word;
    word-break: normal;
	max-width:600px;
}

.course-name {
	padding-left:280px;
}

.course-contact-person {
	float:left;
	width:300px;
	margin:0 20px 20px 0;
}
.course-details-img {
	width:300px;
	margin-bottom: 1rem;
	margin-top:20px;
}

.course-submenu-item {	
	width:290px;
	margin-bottom: 0.7rem;
	padding:5px;
	border-top-right-radius: 30px 30px; 
	font-size:1.2em;
}

/* termine (calendar) */

#datesLegend{margin-bottom:30px;text-align:left;}

.legendBox{float:left;padding:5px;height:30px;text-align:left;margin:5px;}
.subMenuBox{float:left;padding:5px;height:30px;text-align:left;margin:10px;background:#efefef}
.subMenuBox a {border:2px dotted red}

.calendar-title {
	background:#dedede;
	padding:10px;
	/* max-width:600px; */
	cursor:pointer;
	border:1px solid #dddddd; 	
}

.even {
	background:#efefef;
}

.calendar-details {
	display:none;
	padding:10px;
	border:1px solid #dddddd; 
	/* max-width:600px; */
}

.left-marker-green {
	border-left:5px solid #99c200;
}

.left-marker-blue {
	border-left:5px solid #3c7ecc;
}

.left-marker-pink {
	border-left:5px solid #d5007d;
}


.dark-font {
	color:rgba(23, 121, 186, 0.8)!important;
}

.light-font {
	color:#ffffff!important;
}

.btn-orange {
	background-color:#FAB000;
	width:290px;
	display:block;	
	margin:0 10px 10px 0;
	padding:5px;	
	font-size:1.2em;	
}



/* gerätabhängige Darstellung ----------------------------------------------------------------------------------- */

/* default: */
.mobileDisplay{display:none}
.desktopDisplay{display:block} 

.articleimg {
	width:300px;
	float:left;
	margin:0 20px 20px 0;
}

@media (max-width: 435px) {
	
	#maincontent {	padding:0 30px 0 0; }
	
	.articleimg {
		float:none;
	}	
	
	.course-contact-person {
		float:none;		
	}
	
	.course-list-wrapper {
		box-sizing: border-box;
	}
	
	.course-list {
		box-sizing: border-box;
		width:90%;
	}

	.course-list img {
		margin-right:10px;	
		width:160px; /* 200 */
		max-height:96px!important; 
		display:block;		
	}
	
	.course-list h1 {
		padding-left:35px!important;
	}
	

	.course-list h2 {

		height:76px; /* 106 */
	}

	.course-name {
		padding-left:175px; /* 215 */
	}
	
	/* ANSATZ PROBLEM RECHTER RAND AUF FLIP 4 */
	
	body { padding-right:5px; /* border:1px dashed red */ }
		
	.footer { box-sizing: border-box;   } 
	
	.grid-container-home-main { max-width: 99%; padding-left:0; margin-left:0; box-sizing: border-box; /* border: 2px dashed green */ } 
	
	.item1 { max-width: 99%; padding-left:0; margin-left:0; box-sizing: border-box;  } 
	.item5 { max-width: 99%; padding-left:0; margin-left:0; } 
	.item7 { max-width: 99%; padding-left:0; margin-left:0; box-sizing: border-box } 
	
	.grid-container-home-main { padding-left:0; margin-left:0; }
	
	.toplogo { padding-left:0; margin-left:0; width:270px!important;  box-sizing: border-box; }  
	.home-tile { } 
	
	
	/* /ANSATZ ENDE */
	
}

@media (max-width: 950px) {
	
	.mobileDisplay{display:block;}
	.desktopDisplay{display:none;} 
	
	.grid-container > div {  	  
	  padding-left:0;
	}	
		
	.toplogo {width:350px;}
	
	.grid-container {			
	  grid-template-areas:
		'logo '
		'menu'
		'main'
		'footer';
	  grid-template-columns: auto;
	  gap: 0;
	}	
	
	.item1 { text-align:center!important;}
		
	.item4, .item6 { display: none }
		
	.item7 { min-height:250px; }	

	.grid-container-home-main {
	  display: grid;  
	  gap: 40px;  	 
	  max-width:370px;
	}			
	
	.main-about { grid-column: 1; grid-row: 1; }	
	.main-courses { grid-column: 1; grid-row: 2; }

	.main-slider { grid-column: 1; grid-row: 3; }
	/*.main-slider img { object-fit: fill; padding:0; width:390px }*/
	.main-slider img { width:370px }

	.main-register { grid-column: 1; grid-row: 4; }	
	.main-europe { grid-column: 1; grid-row: 5; }
	
	.main-life { grid-column: 1; grid-row: 6; }	
	.main-contact { grid-column: 1; grid-row: 7; }	

	.main-news { grid-column: 1; grid-row: 8; }	
	.main-calendar { grid-column: 1; grid-row: 9; }
	
	.main-consulting { grid-column: 1; grid-row: 10; }
	.main-downloads { grid-column: 1; grid-row: 11; }

	.main-gallery { grid-column: 1; grid-row: 12; }
	
	.home-tile { }
		
	.footer {
		display: flex;
		flex-direction: column; 
		justify-content: center;
		align-items: center;
		gap: 20px; 
	}
	
	.footerblock {
	  padding:0 0 0 20px;
	  width:370px;
	}

	.tile-title { font-size:0.8em; }
	.tile-subtitle { font-size:0.6em }
	.menuBtnInner {  max-width:50px}
	
	.album-grid {
	  display: grid;
	  grid-template-columns: auto;
	  max-width:1120px;
	  padding-left:17px;
	}	
	
	.course-list img {
		margin-right:10px;	
		width:200px; /* 265 */
		max-height:96px!important;
		display:block;		
	}
	


	
	.course-list h1 {
		padding-left:35px!important;
	}
	

	.course-list h2 {

		height:76px; /* 106 */
	}

	.course-name {
		padding-left:215px; /* 280 */
	}
	
	/*
	.calendar-title {
		width:435px;
	}
	
	.calendar-details {
		 width:435px;		
	}	
	*/
	
	.calendar-title {
		width:100%;
	}
	
	.calendar-details {
		 width:100%;		
	}		

}	

@media (min-width: 950px) and (max-width: 1300px) {
	
	.grid-container {			
	  grid-template-areas:
		'logo logo'
		'menu menu'
		'main main'
		'footer footer';
	  grid-template-columns: auto auto;
	  gap: 10px;
	}	
		
	.item4, .item6 { display: none }
		
	.item7 { min-height:250px; }	

	.grid-container-home-main {
	  display: grid;  
	  gap: 40px;  	 
	  max-width:790px;
	}			
	
	.main-about { grid-column: 1; grid-row: 1; }	
	.main-courses { grid-column: 2; grid-row: 1; }

	.main-slider { grid-column: 1 / span 2; grid-row: 2 / span 2; }
	.main-slider img { object-fit: fill; padding:0; width:775px }

	.main-register { grid-column: 1; grid-row: 4; }	
	.main-europe { grid-column: 2; grid-row: 4; }
	
	.main-life { grid-column: 1; grid-row: 5; }	
	.main-contact { grid-column: 2; grid-row: 5; }	

	.main-news { grid-column: 1; grid-row: 6; }	
	.main-calendar { grid-column: 2; grid-row: 6; }
	
	.main-consulting { grid-column: 1; grid-row: 7; }
	.main-downloads { grid-column: 2; grid-row: 7; }

	.main-gallery { grid-column: 1; grid-row: 8; }
	
	.home-tile { }

	.tile-title { font-size:0.8em; }
	.tile-subtitle { font-size:0.6em }
	.menuBtnInner {  max-width:50px}
	
	.calendar-title {
		width:900px;
	}
	
	.calendar-details {
		width:900px;
	}	

}	

@media (min-width: 1300px) and (max-width: 2440px) { 
	.grid-container {			
	  grid-template-areas:
		'logo logo logo'
		'menu menu menu'
		'left main right'
		'footer footer footer';
	  grid-template-columns: auto auto auto;
	  
	  gap: 10px;
	}
	
	.grid-container-home-main {
	  display: grid;  
	  gap: 40px;  	
	  max-width:1200px;
	}			
	
	.main-about { grid-column: 1; grid-row: 1; }	
	.main-courses { grid-column: 2; grid-row: 1; }
	.main-register { grid-column: 3; grid-row: 1; }
	
	.main-europe { grid-column: 1; grid-row: 2; }
	
	.main-slider { grid-column: 2 / span 2; grid-row: 2 / span 2; }
	.main-slider img { object-fit: fill; padding:0; width:775px }
	
	.main-life { grid-column: 1; grid-row: 3; }
	
	.main-contact { grid-column: 1; grid-row: 4; }	
	.main-news { grid-column: 2; grid-row: 4; }	
	.main-calendar { grid-column: 3; grid-row: 4; }
	
	.main-consulting { grid-column: 1; grid-row: 5; }
	.main-downloads { grid-column: 2; grid-row: 5; }
	.main-gallery { grid-column: 3; grid-row: 5; }
	
	.home-tile { }

	.tile-title { font-size:0.8em; }
	.tile-subtitle { font-size:0.6em }
	
	.menuBtnInner {  max-width:50px}
	
	.course-list {
		width:48%;
		float:left;
		margin-right:20px;
	}
	
	.calendar-title {
		width:900px;
	}
	
	.calendar-details {
		width:900px;
	}	

	#menuInner { line-height:1.2em; font-size:21px }
	#menuInner ul {margin-top:10;}	
	
	#maincontent {		
		max-width:1400px;
	}		
	
} 


@media (min-width: 2440px) { 
	
	.grid-container {			
	  grid-template-areas:
		'logo logo menu'
		'left main right'
		'footer footer footer';
	  grid-template-columns: 10% auto 10%;
	  gap: 10px;
	}
	
	.main-about { grid-column: 1; grid-row: 1; }	
	.main-courses { grid-column: 2; grid-row: 1; }
	.main-register { grid-column: 3; grid-row: 1; }
	
	.main-europe { grid-column: 1; grid-row: 2; }
	
	.main-slider { grid-column: 2 / span 2; grid-row: 2 / span 2; }
	.main-slider img { object-fit: fill; padding:0; width:775px }
	
	.main-life { grid-column: 1; grid-row: 3; }
	
	.main-contact { grid-column: 4; grid-row: 1; }	
	.main-news { grid-column: 5; grid-row: 1; }	
	
	.main-calendar { grid-column: 4; grid-row: 2; }	
	.main-consulting { grid-column: 5; grid-row: 2; }
	
	.main-downloads { grid-column: 4; grid-row: 3; }
	.main-gallery { grid-column: 5; grid-row: 3; }
	
	.home-tile {  }

	.tile-title { font-size:0.8em; }
	.tile-subtitle { font-size:0.6em }

	.menuBtnInner {  max-width:50px}
	
	.course-list {
		width:48%;
		float:left;
		margin-right:20px;
	}	
	
	.calendar-title {
		width:900px;
	}
	
	.calendar-details {
		width:900px;
	}	

	#menuInner { line-height:1.3em; font-size:22px }
	#menuInner ul {margin-top:15;}		
	
	#maincontent {		
		max-width:1400px;
	}	
	
	/* macht probleme bei Bildungsangebot
	#maincontent h1 {		
		min-width:800px;
	}
	*/
	
} 
		
#maincontent {
	text-align:left;
	font-size:0.9em;
}

#maincontent h1 {		
	padding: 21px 16px 14px;
	color:#ffffff;
	border-top-right-radius: 80px 80px; 
}

#maincontent h2 {		
	color:rgba(23, 121, 186, 0.8);
	font-size:1.9em;
	padding-bottom:10px;
	border-bottom: 1px solid #8a8a8a;
}

#maincontent h3 {		
	color:rgba(153,194,0, 0.8);
	font-size:1.7em;
	padding-bottom:10px;
	border-bottom: 1px solid #8a8a8a;	
}

#maincontent a {		
	font-weight:bold;
	font-decoration:underline;
}

/* 4 standard colours for header elements */
.backblue { background-color: rgba(23, 121, 186, 0.8); }
.backgreen { background-color: rgba(153,194,0, 0.8); }
.backyellow { background-color: rgba(248,233,0, 0.8); color: rgba(23, 121, 186, 0.8)!important; }
.backpink { background-color: rgba(213,0,125, 0.8); }

.pubdate {
	text-align:right;
	font-size:0.8em;
}

.newsitem {
	background-color:#dddddd;
	border-left:4px solid rgba(153,194,0, 0.8);	
	padding:0 10px 5px 15px;
	font-size:1.1em;
	margin:0 0 20px 0;
}
.navleft h5 {	
	text-transform: uppercase;
	margin:20px 0 0 0;	
}

/* two column layout */

.two-columns {
	display: grid;	
}

.colitem1 { grid-area: twocolleft }
.colitem2 { grid-area: twocolmain }

.flipcorner { border-top-left-radius: 80px 80px; border-top-right-radius: 0px!important; }

/*@media (max-width: 1329px)  {		*/
@media (max-width: 699px)  {		
	
	.two-columns {			
		grid-template-areas:
			'twocolleft'
			'twocolmain';
		width: 95vw;
				
	}	
	
	.colitem1 {				
		min-width:100%;
		grid-column: auto / span 1; 
	}
	
	.colitem2 {		
		grid-column: auto / span 1;	
	}	
	
}

/*@media (min-width: 1330px) {	*/
@media (min-width: 700px) {	
	.two-columns {			
		grid-template-areas:
			'twocolleft twocolmain';
		grid-template-columns: 1fr 4fr; 
	}		
	
	
	.colitem1 {
		margin-right:20px;		
	}
	
	.colitem2 {		
	}	
}

/* ergänzt aus dev 2025 styles */

/* Tabellen-Formatierung */
tbody td, tbody th {
	/* padding: .5rem .625rem .625rem; */
	padding: 5px;
}

table tr:nth-child(odd) td{
    background-color:#ffffff;
}
table tr:nth-child(even) td{
    background-color:#dddddd;
}

table { width:100% }

/* "mehr lesen"-Button */
.teaserBtn {
    border: 1px solid #ababab;
    padding: 5px;
    width: 110px;
    text-align: center;
    cursor: pointer;
    color: #3c7ecc;
    font-weight: bold;
    font-size: 1.1em;
}

summary {
    display: list-item;
}

#archive-section {
	display:none;
}

.clear {
	clear:left;
}

.clearer {
	clear:both;
}

/*
.pagination {
	text-align: center;
	line-height:20px;
	font-weight: bold;
	margin-bottom: 1rem;
}
.pagihead {
   display:inline-block;
   background: white;
   width: 65%;
   height: 20px;
   color: black;
}
.pagination a {
	display: inline-block;
	padding:0;
}
.pagination a:hover {
  background: transparent;
}
.pagination a.next i {
  margin-right:0;
  margin-left:10px;
}
*/