/*
#------------------------------------------------------------------------
# University - May Joomla! template (for Joomla 4.0)
#
# Copyright (C) 2007-2014 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: support@gavick.com 
    place: /competitive-intelligence-de-2023/templates/gk_university/css
    local version: \\DDFserver\DDFDaten\ICI-shared\DDF_CI_Institut\Web\Upgrade2023\Upgrade2023EN\Joomla40\gkUniversity\Customization\
	Bleibt bei Upgrade von gkUniversity Template erhalten
	Version: 08.11.2023
*/

/* Here you can include your override CSS styles */

/*.frontpage .language_select {position:absolute; top: 0px; float:right}*/
.frontpage .gkTweet {padding-top:1em; padding-bottom:1em}
.frontpage .box.parallax {background-attachment: fixed; background-image: url('/images/template/header_bg_p.jpg');}
/* Startseite Fix paralax view */
.frontpage #gkBottom1.gkSingleModule .moduletable {   
    max-width: 100% !important;
	display: flex;
    justify-content: center;
}
/* Paralax Modul mit weniger Rand */
.box.parallax {padding: 100px 0!important;margin-right: 100px !important;} 
.box.parallax h3 {color:white !important;} 

h1, h2, h3, h4, h5, h6 {text-transform: unset !important;}

p { margin: 1em 0 1em; }
p.clearleft {clear: left;}
/* Header-Größen */
article.item-page h1, article.item-page h1 b, article.item-page h1 a, article.item-page h1 strong,
div#gkContent h1, div#gkContent h1 b, div#gkContent h1 a, div#gkContent h1 strong,
article.item-page h2, article.item-page h2 b, article.item-page h2 a, article.item-page h2 strong, 
div#gkContent h2, div#gkContent h2 b, div#gkContent h2 a, div#gkContent h2 strong,
article.item-page h3, article.item-page h3 b, article.item-page h3 a, article.item-page h3 strong
div#gkContent h3, div#gkContent h3 b, div#gkContent h3 a, div#gkContent h3 strong
{color:#111177}

article header:not(.nodate)  h2 {
	margin-left: 12px;
	margin-bottom: 4px;
}
article header:not(.nodate)  h1 {
	margin-left: 12px;
	margin-bottom: 30px;
}

br {
    clear: unset;
}

.gkContentList li a {
	background: #507416 ;
	border: 1px solid transparent ;
	color: #fff ;
	box-shadow: 0 10px 10px rgba(0, 0, 0, 0.3);
	text-transform: none;
    height: 40px;
    line-height: 40px;	
}
ul.gkContentList {padding-top: 0px !important;}
#gkMainbodyTop {margin-bottom:0px !important}

.gkContentList a:active,
.gkContentList a:focus, 
.gkContentList a:hover { 
	color:white;
	background-color: #80ba24 ; 
	border-color: transparent;
	transition: all .3s ease-out ;}

/* Testimonials */
	p.citebody {
		margin-bottom: 0px !important
	}

	p.citeref {
		margin-top: 0px !important
	}
	
/* fix news pagination Joomla40  */
.pagination__wrapper ul li:before { content: "" !important; }
.pagination__wrapper ul li {
	background-image: none!important;
	color: #909090;
	cursor: default;
	display: inline-block;
	margin: 0;
}
.pagination__wrapper ul li a,
.pagination__wrapper ul li span {
	border: 1px solid #E5E5E5;
	display: block;
	font-size: 11px;
	font-weight: 600;
	height: 32px;
	line-height: 27px;
	margin: 0 7px 0 0;
	min-width: 32px;
	padding: 2px 6px;
	text-align: center;
	text-transform: uppercase;
}

.pagination__wrapper ul li.page-item span:hover {
	border-color: #1B1D1F;
	background: #1B1D1F;
	color: #eee!important;
}
.pagination__wrapper ul li.counter {
	float: right;
	font-size: 11px;
	line-height: 38px;
	margin-right: 12px
}
ul.pagenav {
	margin: 0;
	overflow: hidden;
	padding: 0
}
span.page-link, span.page-link:hover
 {border:none !important; background:none !important; background-color: none !important;}
/* End fix news pagination Joomla40  */
	
/* Abstand und Umbruch des ersten Paragraphen */
.category-blog .cols-1 article header h2 a, .main-pages .cols-1 article header h2 a{min-height:2em;  display:flex; align-items: center;} 

#gkSocialAPI {display: none !important;}

/* Abstand und Umbruch des ersten Paragraphen */
.main-pages .itemBody p:first-child:after, .main-pages .itemBody p:nth-child(2):after, .main-pages .itemBody .float-left:after,
.category-blog .itemBody p:first-child:after, .category-blog .itemBody p:nth-child(2):after, .category-blog .itemBody .float-left:after 
{content: " ";display: block;clear: both; }
.itemBody p:first-child  {margin-top:0em !important}
.itemBody > img, .itemBody > p > img {margin-right: 2em; margin-bottom: 2em; max-width:100%}
/* blockquotes */
blockquote {display: block; text-align:left; padding: 0 0 0 40px;}
blockquote p:after {float: right;top: 20px; content: "“" ; display: inline-block !important; }
blockquote p{margin: 1em 0 0em;}

/* Horizontal Ruler */
hr { background-color: #111177; height: 4px; clear:both}
/* Bulletgrößen und Höhe für verschiedene Browser finetunen */
.itemBody > ul li:before, .itemBody > div > ul li:before, ul.gkBullet1  li:before, ul.gkBullet2  li:before, ul.gkBullet3  li:before, ul.gkBullet4  li:before {color: #111177; font-size: 11px; top: 0.45em;}
div.itemBody ul.gkContentList li:before {display:none !important;}
div.itemBody ul.gkContentList li {padding:0 !important;}
/* Certificate und workshopsseiten */
.certificate .gkPage .gkBlockTextLeft, .certificate .gkPage .gkBlockTextRight, .certificate .gkPage .gkBlockTextCenter,
.workshop .gkPage .gkBlockTextLeft, .workshop .gkPage .gkBlockTextRight,.workshop .gkPage .gkBlockTextCenter {
		width: 20%;
	}
.workshop p, .certificate p {
		text-align: justify;
}
	
@media all and (max-width: 640px) {
.workshop p , .certificate p{
			text-align: left;
		}
}
/* Mailchimp forms: */
#mc_embed_signup .mc-field-group.input-group ul li input {
    margin-right: 10px !important;
}
#mc_embed_signup label {font-weight:normal;}

div#gkPrintTop img {margin-bottom:2em !important; width:8em;}


/* iframe ohne Rand */
iframe.wrapperno-border {border:none !important;}
/* Cite-Bubbles */
.bubble-2 cite, cite {color: #111177; font-weight:bold;}
article.item-page div.bubble-2:nth-child(3n+0) {background:#9999aa;}
div.bubble-2:nth-child(3n+0)::after {border-color:#9999aa; border-left: 22px solid transparent;}
article.item-page div.bubble-2:nth-child(3n+1) {background:rgb(240, 179, 86);}
div.bubble-2:nth-child(3n+1)::after {border-color:rgb(240, 179, 86); border-left: 22px solid transparent;}
/* Section Header nicht in Uppercase */
/* section img {float: left} */
section > header div p {font-size: 14px; line-height: 1.6;text-transform:none;}
/* Weniger Platz zwischen den Modulen */
section#gkBottom1, section#gkBottom2, section#gkBottom3,  section#gkBottom4, section#gkBottom5,
section#gkBottom1.gkSingleModule, section#gkBottom2.gkSingleModule, section#gkBottom3.gkSingleModule, 
section#gkBottom4.gkSingleModule, section#gkBottom5.gkSingleModule,
div#gkHeaderBottom  {padding-top: 1em; padding-bottom:1em}
#gkBottom3 > div > .box, #gkBottom4 > div > .box {margin-bottom: 1em;}

/* gk5 tabs */
#article-tabs {clear:both}


div#gkMainbody {margin-bottom: 2em;}
.gkContentList {padding-top: 2em}
.frontpage #gkPageContent {padding-top: 2em; padding-bottom:1em}
.frontpage section#gkBottom2.gkSingleModule {padding-top:2em;}
.frontpage #gkSidebar {width: 25%;}
.frontpage #gkContent {width: 100%;}
div#gkFooterNav {margin: 1em auto 0.5em auto;}
div#gkCopyrights {margin: 0 auto 1em;}
div#gkStyleArea {margin: 1em 01em 0; padding: 0.5em 0;}
section#gkMainbodyTop{margin-bottom:2em}
#gkMainbody {margin-bottom: 0em !important;}
.itemBody > ul, .itemBody > div > ul, ul.gkBullet1, ul.gkBullet2, ul.gkBullet3, ul.gkBullet4 {margin-top: 1em}
.blog article, .blog-featured article {padding-top: 0em!important;}
.blog article p.readmore, .blog-featured article p.readmore {margin-top: 1em; margin-bottom:1em;}
.blog article, .blog-featured article {border-top: 0px none;}
li.itemPrintEmail {margin-bottom:1em !important}
.pagination {margin-top: 1em;}
/* breadcrumb */
#gkBreadcrumb {margin-bottom:2.5em; padding-bottom: 0.5em;}


/* Zertifikats-Seiten .cols-2 mit .justify.bottom */
.justify-bottom {display: flex; justify-content: space-between; align-items: flex-end;}

/* gk EventFormat Anmeldebutton in Event-Box */
.gkEvent {background: #f1f2f3; margin: 1em 0 1em; padding: 1em 1em 1em 1em; clear:both}
.gkEventCounter {margin-top: 1em;}



li.gkPrice span {font-weight:bold;}
article header {margin-bottom: 0em;}
.box.color1, .box.color2, .box.color3 {padding: 20px!important;}
.frontpage .box.color1, .frontpage .box.color2, .frontpage .box.color3 {padding: 42px!important;}
.moduletable + .box {margin: 50px 0 0 0;}

.gkIsWrapper-gk_quark figure {   top: 40%;}


.gkEvent .myschedule {
	line-height: 21px;
	padding-top: 12px !important;
	padding-bottom: 12px !important;
	padding-left: 80px !important;
	text-indent: -50px;
	min-height: 72px;
	padding-right:48px !important;
}

.gkEvent li strong, .gkEvent .gkEventPeriod:before, .gkEvent .gkEventHours:before 
{padding-right: 2px !important;}

.gkEvent .gkEventHours 
{display: none!important;}

.gkEvent li {
    font-size: 14px;
}


.gkEvent .gkEventPeriod:before,
.gkEvent .gkEventWorkload:before,
.gkEvent .gkVenue:before,
.gkEvent .mygK:before
 {
	font-size: 42px;	
	position: relative;
	left: -14px;
	top: 7px;
	text-indent: -44px;
	vertical-align: middle;

}

.gkEvent .select {padding-left:58px !important;}

.gkEvent .gkEventPeriod:before
{
	content: "o";
	font-family: "university-pixellove";
}
.gkEvent .gkEventWorkload:before
{
	content: "\f0b1"; /* Unicode for fa-briefcase */ 
	font-family: "FontAwesome";
}
.gkEvent .mygK:before
{
	content: "\f02c"; /* Unicode for fa-briefcase */ 
	font-family: "FontAwesome";
}
.gkEvent .gkVenue:before
{
	content: "\f0ac"; /* Unicode for fa-briefcase */ 
	font-family: "FontAwesome";
}

@media all and (max-width: 640px)  {
/*    .gkEvent li span strong {
		margin-left:44px;
*/
    .gkEvent li strong {
        display: none !important; 
    }
	.csstransforms .gkEvent .gkEventRegister {width: 100% !important;}	
}
@media all and (max-width: 839px) {
/*  .column-1 img, .column-2 img, .column-3 img {width:49.5%;}
  .column-1 img:nth-child(odd), .column-2 img:nth-child(odd), .column-3 img:nth-child(odd) {display:none;}
 */
	.column-1, .column-2, .column-3, .column-4  {padding-left:0px !important;}
	div#Speakers .column-1, div#Speakers .column-2, #Speakers .column-3, div#Speakers .column-4  {padding-left:1em !important;}

}
@media all and (max-width: 640px) {
	.gkBlockTextLeft, .gkBlockTextRight, .gkBlockTextCenter {float:none !important; padding:0px !important; min-width:100% !important;}
	div.contact-details {width:100% !important; margin-right:0% !important;}
	.column-1, .column-2, .column-3, .column-4 {float:none !important; width:100%!important; background-color: #FFF !important;}	
	/* clear space right beside images */
	.blog1col .img-intro-left img, .blog1col .img-intro-right img, .blog1col .img-intro-center img
	{width:100% !important; max-width:100% !important; float:none !important; margin-right:0em; margin-bottom:1em; clear:both!important}	

	.column-2 + .gray-bg-box, .column-1 + .gray-bg-box, .column-3 + .gray-bg-box {background-color: #FFF !important; padding:1em !important}
	.justify-bottom {flex-direction: column; align-items: normal;}	
}


/* Certificate-Ansicht ohne Progress slider */
.gkNspPM-EventsList .gkEventsListProgress, 
figure.active > figcaption.gkPage .gkProgress, 
.gkEvent .gkEventCounter
{
	display: none;
}
	
/* Speaker Ansicht auf den Certificate Seiten 
   flip-boxes are a general concept that works on columns, but so far only used for speakers
*/


    .flip-box {
        display: flex;
        justify-content: center;
    }

    .flip-box-inner {
        position: relative;
        width: 100%;
        height: 200px;
        text-align: center;
        transition: transform 0.6s;
        transform-style: preserve-3d;
    }

    .flip-box-front img {
        height: 200px !important;
        clip-path: inset(10% 0 10% 0);
    }

    .flip-box-front,
    .flip-box-back {
        position: absolute;
        width: 100%;
        height: 100%;
        backface-visibility: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }

	/* make sure background reaches the right side if less than 4 flip-box speakers */
	.cols-4 div.flip-box:last-of-type, .cols-3 div.flip-box:last-of-type, .cols-2 div.flip-box:last-of-type  {float:none} 

    .flip-box-front,
    .flip-box-front strong {
        background-color: #EEE
            /* #507416 */
        ;
        color: white !important;
        padding-left: 0.5em;
        padding-right: 0.5em;
    }

    .flip-box-back:not(:empty) {
        background-color: white;
        color: black;
    }


    #transform1,
    #transform2,
    #transform3,
    #transform4,
    #transform5,
    #transform6,
    #transform7,
    #transform8 {
        background-color: #EEE;
    }

    .cols-4 .column-1,
    .cols-4 .column-2,
    .cols-4 .column-3,
    .cols-4 .column-4 {
        width: 25%;
    }


    .flip-box-back {
        transform: rotateY(180deg);
    }

    #transform1:hover .flip-box-inner,
    #transform2:hover .flip-box-inner,
    #transform3:hover .flip-box-inner,
    #transform4:hover .flip-box-inner,
    #transform5:hover .flip-box-inner,
    #transform6:hover .flip-box-inner,
    #transform7:hover .flip-box-inner,
    #transform8:hover .flip-box-inner {
        transform: rotateY(180deg);
    }


	div#certificatetabs .gkBlockTextLeft {width:20%;}	
	div#Speakers {clear: both; background-color: #eee; margin-bottom: 1em}	
	div#Speakers h1 {padding-left: 0.5em!important; padding-top: 0.5em!important;}
		

@media print  {
	#certificatetabs joomla-tab>joomla-tab-element:first-of-type {
		background-color: #EEE;
	}
	.flip-box-inner, .flip-box-back {
		transform: unset!important;
		transition: unset;
		transform-style: unset;	
		backface-visibility: unset;
		transform: unset;			
	}

	.flip-box-inner   {
		height: unset;
	}

	.flip-box-front,
	.flip-box-back {
		position: relative;
	}

	/* speaker height if printed */

	#Speakers .flip-box-front {
		height: 200px !important;
	}

	#Speakers .flip-box-front img {
		height: 200px !important;
		clip-path: inset(10% 0 10% 0);
	}

	#Speakers .flip-box-back {
		height: 80px !important;
	}

}

/* Durckansicht No flip für Speaker auf den Certificate Seiten */

@media screen {

	.noflip, .noflip .flip-box-inner, .noflip .flip-box-back {
		transform: unset!important;
		transition: unset;
		transform-style: unset;	
		backface-visibility: unset;
		transform: unset;			
	}

	.noflip .flip-box-inner   {
		height: unset;
	}

	.noflip .flip-box-front,
	.noflip .flip-box-back {
		position: relative;
	}

	/* speaker height if noflip set */

	#Speakers .noflip .flip-box-front {
		height: 200px !important;
	}

	#Speakers .noflip .flip-box-front img {
		height: 200px !important;
		clip-path: inset(10% 0 10% 0);
	}

	#Speakers .noflip .flip-box-back {
		height: 80px !important;
	}


}

/* Language selectors  */
.language_select a {float: right; margin-left:0.3em;}

/* Outlined frontpage slideshow text */
.frontpage .gkIsWrapper-gk_university figcaption h2, .frontpage .gkIsWrapper-gk_university figcaption p,
.frontpage  .gkMenu > ul > li > a 
/* Change default layout for Banners at the frontpage */
.frontpage div.banneritem {
	border-top: 0px none white;
	padding: 0px 0;
	width: 100% !important;
}
.frontpage .gkMenu > ul.gkmenu.level0 > li > a  {
text-shadow: -1px 0 5px #404040, 0 5px 8px #404040, 1px 0 5px #404040, 0 -1px 5px #404040;
}
/* TWE: --- Menüleiste Hoverrahmen (Home) --- */
.gkMenu > ul > li:first-child > a {
    padding-left: 12px;
}
/* TWE: --- Menüleiste Hoverrahmen (Contact) --- */
.gkMenu > ul > li:last-child > a {
    padding-right: 12px;
}

.gkmenu a.menuWithoutLink {
	pointer-events: none;
	cursor: not-allowed; 
}

/* TWE: --- "References" Überschriften --- */
.column-1 > h3:nth-child(2n+1), .column-2 > h3:nth-child(2n+1){
	padding-top: 1em;
}

/* TWE: --- "Representatives" Lücke zwischen Bild und Text --- */
div.items-row:nth-child(2) > div:nth-child(1) > article:nth-child(1) > a:nth-child(2) > img:nth-child(1),
div.items-row:nth-child(2) > div:nth-child(2) > article:nth-child(1) > a:nth-child(2) > img:nth-child(1),
div.items-row:nth-child(2) > div:nth-child(3) > article:nth-child(1) > a:nth-child(2) > img:nth-child(1),
div.items-row:nth-child(3) > div:nth-child(1) > article:nth-child(1) > a:nth-child(2) > img:nth-child(1),
div.items-row:nth-child(3) > div:nth-child(2) > article:nth-child(1) > a:nth-child(2) > img:nth-child(1),
div.items-row:nth-child(3) > div:nth-child(3) > article:nth-child(1) > a:nth-child(2) > img:nth-child(1),
div.items-row:nth-child(4) > div:nth-child(1) > article:nth-child(1) > a:nth-child(2) > img:nth-child(1) {
	margin-bottom:20px;
	}
/* TWE: --- zählerische Auflsistung "The ICI Advantage" --- */
p.num-3 span {
	color: #000080 !important;
	border-color: #000080 !important;
}
	p.num-3 {
		font-weight: 570;
	}
/* TWE --- Main Menu New color --- */
body.frontpage > div#gkBg > header#gkHeader > div#gkHeaderNav > div.gkPage > div#gkMainMenu.gkMenuClassic > nav#gkExtraMenu.gkMenu > ul > li > a,
body.frontpage  .gkMenu ul > li.active > a 
{
	color: #fff !important;
	background-color: transparent;
}
body.frontpage > div#gkBg > header#gkHeader > div#gkHeaderNav > div.gkPage > div#gkMainMenu.gkMenuClassic > nav#gkExtraMenu.gkMenu > ul > li > a:hover{
	color: #80ba24;
}

/* TWE: --- Mainpage Abstand zu grünen Buttons --- */
#gkSidebar {
	margin-top: 10px;
}
form.center {
	 margin: 30px 0px 15px 0px;
	}

.itemBody > ul li ul li::before, .itemBody > div > ul li ul li::before, ul.gkBullet1 li ul li::before, ul.gkBullet2 li ul li::before,
 ul.gkBullet3 li ul li::before, ul.gkBullet4 li ul li::before, .itemBody > div > ul.gkBullet1 li ul li::before,
.itemBody > div > ul.gkBullet2 li ul li::before, .itemBody > div > ul.gkBullet3 li ul li::before, .itemBody > div > ul.gkBullet4 li ul li::before {
    font-size: 9px !important;
    top: 7px !important;
}



.frontpage div.banneritem img{ padding-left: 0.0em; width: 100% !important; position: relative; bottom: -0.4em !important;
		text-shadow:  1px  1px 1px black, 1px -1px 1px black, -1px  1px 1px black, -1px -1px 1px black; color:white; }
div.banneritem a img {width:100%;}
.gkIsWrapper-gk_university figcaption > div h2, .gkIsWrapper-gk_university figcaption > div h2 { text-shadow: -2px 0 #000000,0 2px #000000,2px 0 #000000,0 -2px #000000; text-transform: none;}
.gkIsWrapper-gk_university figcaption > div p, .gkIsWrapper-gk_university figcaption > div p { text-shadow: -1px 0 #000000,0 1px #000000,1px 0 #000000,0 -1px #000000; text-transform: none; font-size:32px; font-weight:500}

.gkBlockTextLeft, .gkBlockTextRight, .gkBlockTextCenter {padding-top:0px}
.gkBlockTextLeft {padding-left: 0;}
.gkBlockTextRight {padding-right: 0;}
.gkBlockTextRight iframe, .gkBlockTextLeft iframe, .gkBlockTextCenter iframe {border:none;}

.gkNspPM-EventsList time {text-transform: none;}
.gkNspPM-EventsList > div > time + div {padding-left: 110px;}



/* Make sure no child menu is displayed for 'Home' in Drop-Down Menu*/
#gkExtraMenu > ul > li.first.haschild > div > div > div  {display:none}
.french  div#gkMainMenu  {display:none !important}
.cat-faculty h2 {margin-bottom:0.5em; display: flex !important; align-items: flex-end;}
/* Referenten Bilder */
.cat-faculty a.img-intro-left img, .cat-faculty .img-fulltext-left img, 
.blog3cols a.img-intro-left img, .blog3cols .img-fulltext-left img
 {width:160px !important; max-width:160px !important; max-height:240px !important; margin-bottom:4em;}

.cat-faculty a.img-intro-left img, .cat-faculty .img-fulltext-left img, 
.blog3cols a.img-intro-left img, .blog3cols .img-fulltext-left img
 {width:160px !important; max-width:160px !important; max-height:240px !important; margin-bottom:3em;}

/* Artikelbild im Artikel ohne text-Float auf der rechten Seite */
article.item-page div.itemBody {
	clear: left;
  }

/* TWE: --- Zertifikate: Letztes Bild in Umrandung gepackt --- */
.current{
	display:inline-block;
	clear:both;
	width: 100%;
	padding-bottom: 0px;
	}
/* TWE: --- "Advisory Council" Text neben Bild --- */
body.cat-faculty > div#gkBg > div#gkPageContent.gkPage > div.gkPage > 
div > div#gkContent > div#gkContentWrap > section#gkMainbody > article.item-page > div.img-fulltext-left {
/* width: 160px; */
float: left;
margin-right:20px; 
}

/* Venue-Bilder */
.cat-venues a.img-intro-left img, .cat-venues .img-fulltext-left img
 {width:279px !important; max-width:279px !important; max-height:180px !important; }
/* Größe des Intro-Bildes in der Artikel-Ansicht */
.main-pages .img-fulltext-left img, .main-pages .img-fulltext-right img, .main-pages .img-fulltext-center img
{width:100% !important; max-width:256px !important; margin-top:1em !important;}
.category-blog .img-fulltext-left img, .category-blog .img-fulltext-right img, .category-blog .img-fulltext-center img
{width:100% !important; max-width:100% !important; margin-top:1em !important;}
.blog1col .img-fulltext-left img, .blog1col .img-fulltext-right img, .blog1col .img-fulltext-center img
{width:100% !important; max-width:256px !important; margin-top:1em !important;}
.workshop .img-fulltext-left img, .workshop .img-fulltext-right img, .workshop .img-fulltext-center img
{width:100% !important; max-width:256px !important; margin-top:1em !important;}


/* Größe des Intro-Bildes in der Blog-Ansicht */
.main-pages .img-intro-left img, .main-pages .img-intro-right img, .main-pages .img-intro-center img,
.category-blog .img-intro-left img, .category-blog .img-intro-right img, .category-blog .img-intro-center img,
.blog1col .img-intro-left img, .blog1col .img-intro-right img, .blog1col .img-intro-center img,
.cols-1 .img-intro-left img, .cols-1 .img-intro-right img, .cols-1 .img-intro-center img
{width:100% !important; max-width:256px !important; float:left !important; margin-right:1em; margin-bottom:1em}

/* Expert-interviews - Article volle breite*/
.category-blog div.column-1, .category-blog .column-2, .category-blog .column-3, .category-blog .column-4 {float:none; width:100%!important}
/* Kontakt-Bild kleiner*/
.contact-image {width:25% !important; max-width:160px !important;}
div.contact-details {width:70% !important;}
.contact-miscinfo {margin-top: 0px;}
/* Acymailing Message */
.alert-info {
	background: #f3f4f6;
	color: #080808;
	font-size: 12px;
	font-weight: bold;
	line-height: 24px;
	min-height: 24px;
	padding: 12px 10px;
	text-align: center;
    border: solid green;
}
.gray-bg-box {background-color: #EEE; padding: 1em}
.dark-green-box {padding: 1em; background-color: #507416; color: #fff; font-weight: 600;}
.clear {clear:both!important;}

/* Tablists break lines (wrap) on normal computer and scroll on touch devices*/
div[role='tablist'] {
	display: flex;
	flex-wrap: wrap; /* Allows wrapping */
  }
  
  /* On touch devices, prevent wrapping */
  @media (hover: none) {
	div[role='tablist'] {
	  flex-wrap: nowrap;
	  overflow-x: auto; /* Enables horizontal scrolling */
	}
  }

/* Fontsize on Frontpage header */
@media all and (min-width: 1240px) {
	.frontpage .gkIsWrapper-gk_university figcaption h2 {font-size: 54px; line-height: 1.35 !important;}
    article.item-page h1, div#gkContent h1 {font-size:1.8em !important; }
    article.item-page h2, div#gkContent h2 {font-size:1.4em !important;}
    article.item-page h3, div#gkContent h3 {font-size:1.2em !important;}
	.frontpage #gkSidebar {padding-left: 37px !important}
}
@media all and (min-width: 1040px) and (max-width: 1240px) {
	.frontpage .gkIsWrapper-gk_university figcaption h2 {font-size: 40px !important; line-height: 1.35 !important;}
	.frontpage .gkIsWrapper-gk_university figcaption p {font-size: 26px !important; line-height: 1.35 !important;}
    article.item-page h1, div#gkContent h1 {font-size:1.8em !important; }
    article.item-page h2, div#gkContent h2 {font-size:1.4em !important;}
    article.item-page h3, div#gkContent h3 {font-size:1.2em !important;}	
	.frontpage #gkSidebar {padding-left: 30px !important}	
}
@media all and (min-width: 840px) and (max-width: 1040px) {
	.frontpage .gkIsWrapper-gk_university figcaption h2 {font-size: 34px !important; line-height: 1.35 !important;}
	.frontpage .gkIsWrapper-gk_university figcaption p {font-size: 20px; line-height: 1.35;}
/*TWE: --- Höhe des MobileMenüs anpassen --- 
	.frontpage #gkMobileMenu {top: -35px !important;} */	
	.frontpage .box.transparent h3 {margin-bottom: 5px !important; font-size:1.1em !important}	
    article.item-page h1, div#gkContent h1 {font-size:1.8em !important; }
    article.item-page h2, div#gkContent h2 {font-size:1.4em !important;}
    article.item-page h3, div#gkContent h3 {font-size:1.2em !important;}
	.gkNspPM-EventsList > div > time + div {padding-left: 84px !important;}	
		/* Vimeo video with 16:9 */
		#MyVideo {padding-bottom: 57%!important; width:100%!important}	
}

@media all and (min-width: 640px) and (max-width: 840px) {
	.frontpage .gkIsWrapper-gk_university figcaption h2 {font-size: 26px !important; line-height: 1.35 !important;}
	.frontpage .gkIsWrapper-gk_university figcaption p {font-size: 18px !important; line-height: 1.35 !important;}
/*TWE: --- Höhe des MobileMenüs anpassen ---
	.frontpage #gkMobileMenu {top: -35px !important;} */	
	.frontpage .box.transparent h3 {margin-bottom: 5px !important; font-size:1.0em !important}
    article.item-page h1, .box.parallax .header,  div#gkContent h1 {font-size:1.5em !important; }
    article.item-page h2, div#gkContent h2 {font-size:1.2em !important;}
    article.item-page h3, div#gkContent h3 {font-size:1.1em !important;}
	.notablet {display:none;}
	.gkNspPM-EventsList > div > time + div { padding-left: 0 !important;}	


		/* Vimeo video with 16:9 */
		#MyVideo {padding-bottom: 57%!important; width:100%!important}
}

@media all and (max-width: 640px) {
	.frontpage .gkIsWrapper-gk_university figcaption h2 {font-size: 18px; line-height: 1.35}
	.frontpage .gkIsWrapper-gk_university figcaption p {font-size: 15px; line-height: 1.2;}	
	#gkBreadcrumb {display:none}
	#gkPageContent.gkPage, .jomsocial #gkPageContent {padding: 1.5em;}
    article.item-page h1, .box.parallax .header, div#gkContent h1 {font-size:1.3em !important; }
    article.item-page h2, div#gkContent h2 {font-size:1.2em !important;}
    article.item-page h3, div#gkContent h3 {font-size:1.1em !important;}	
	.main-pages table#workshops > thead, .main-pages table#workshops > tbody  {width:540px!important;}  
	/* TWE: --- Fließtext unterhalb des Bildes umbrechen*/ 
	.cat-faculty .img-fulltext-left {width: 100%;}		
/* parallax bigger on moble devices */
	.box.parallax .content, .box.parallax .header {max-width: 400px!important;}
	#gkMainbody table, #gkMainbody table tbody, #gkMainbody table thead, #gkMainbody table tfoot {width: 95%!important;}

/* Kontakt-Bild auf Mobile ausblenden*/
	.contact-image {display:none}

	.nomobile {display:none;}



	#gkBottom2 .box, #gkBottom3 .box, #gkBottom4 .box, #gkBottom5 .box
		{max-width: 100% !important; margin-left:16px} 	
	.gkNspPM-EventsList > div > time + div { padding-left: 0 !important;}	
	
	/* Vimeo video with 16:9 */
	#MyVideo {padding-bottom: 57%!important; width:100%!important}


}	

@media all and (max-width: 1040px) {
 	#gkBreadcrumb {margin-bottom:1.5em; padding-bottom: 0.5em;}
	#gkContentWrap {margin-top: 0px !important;}
	#gkInset {padding-top: 15px!important;}

	.language_select {display: none;}
	
}
@media all and (min-width: 1040px) {
		.nodesktop {display:none;}
}
/* Mainpages-Bilder */
@media all and (min-width: 640px){ 
	.main-pages .img-fulltext-left, .main-pages .img-fulltext-right,
	.workshop .img-fulltext-left, .workshop .img-fulltext-right,	
	.category-blog .img-fulltext-left, .category-blog .img-fulltext-right,
	.cat-faculty .img-fulltext-right, .cat-faculty .img-fulltext-left {
		float: left; 
		margin-bottom:1em; 
		margin-right:2em;
	}
	 .nspArt p.nspText { width: 65%} /* GkNews-ShowPro Artikel-Archiv */
}
@media screen {
.printonly {display:none !important; }
}

@media print {
  /* .column-1, .column-2, .column-3 {float:none; width:100%!important}	 */
   .noprint, .readmore {display:none !important}
   .print, .printonly {display:block !important; }
   .pbreak {page-break-before:always !important}
   .pagebreak {page-break-before: always; padding-top: 100px !important;}  

	/* Allgemeiner Container, der nicht geteilt werden soll */
	.keep-together, .chapter-desc {
		break-inside: avoid;        /* moderner Standard */
		page-break-inside: avoid;   /* ältere Browser */
		-webkit-column-break-inside: avoid; /* WebKit */
		-moz-column-break-inside: avoid;    /* Firefox older */
	}

	/* Optional: verhindern, dass einzelne Kinder am Seitenanfang oder -ende hängen */
	.keep-together > *, .chapter-desc > * {
		orphans: 2;
		widows: 2;
	}

	/* NEUE REGEL: Wenn Kapitel Subsections enthält, erlaube Umbruch */
	.keep-together:has(.subsection), .chapter-desc:has(.subsection) {
		break-inside: auto;
		page-break-inside: auto;
	}

	/* Subsections selbst bleiben zusammen */
	.subsection {
		break-inside: avoid;
		page-break-inside: avoid;
		-webkit-column-break-inside: avoid;
		-moz-column-break-inside: avoid;
	}

	/* Verhindere Umbruch direkt nach Kapitel-Überschrift */
	.keep-together > h2, .chapter-desc > h2 {
		break-after: avoid;
		page-break-after: avoid;
	}


   /* inklusive Hintergrund-Grafiken drucken */
   body {
	-webkit-print-color-adjust: exact;
	/* Chrome und Safari */
	print-color-adjust: exact;
	/* Allgemeiner Standard */
	}
	#gkBottom5, #gkFooter, #gkCopyrights, .frontpage #gkBottom1 {display:none!important}
	.frontpage #gkHeader {margin-top: 6em !important;}

/* Abstand und Umbruch des ersten Paragraphen */   
   article.item-page p:first-child:after, .main-pages .itemBody p:nth-child(2):after, .category-blog itemBody p:nth-child(2):after, .main-pages .itemBody .float-left:after 
     {content: " ";display: block;clear: both; } 
   ul.gkContentList {display:none !important}
   .current{display:block; border:none !important; padding:0 !important}	 
   #gkContentWrap {min-width: 100%; max-width:100%;  width: 100% !important;}
   #gkSidebar{display:none}
/* News Artikel im Print-Format nicht auf 100% breite */
   	article.item-page img { 
		min-width: unset !important; 
		max-width: unset !important;  
   	}
	#gkMobileMenu {display:none !important}
	#eb-categories .eb-description, #eb-event-page .eb-description, #eb-events .eb-description, .eb-box-heading {
		border:none !important; 
	}
/* Tabbed Joomla Article */
	joomla-tab#myTab div[role="tablist"] {display: none !important} 
	joomla-tab#myTab joomla-tab-element {display: block !important} 
	joomla-tab#myTab joomla-tab-element {
		border: none !important;
		border-radius: unset !important;
		box-shadow: unset !important;
	}
	joomla-tab#myTab span.gkBlockTextLeft img {max-width: 100%!important;}
	div#certificatetabs span.gkBlockTextLeft {max-width: 17%; min-width:17%!important; ; width: 17%!important; padding-bottom: 12px!important;}

	.column-2 + .gray-bg-box, .column-1 + .gray-bg-box, .column-3 + .gray-bg-box {background-color: #EEE !important; padding:1em !important}
	body {background: #fff!important; }
	

    body.certificates .gkNspPM-EventsList > div {
        padding: 0px 0px;
    }
	.gkNspPM-EventsList > div > div > span {
    	font-size: 14px;
	}

}
/* rechter Header*/
@media all and (max-width: 840px) { 
  div#gkHeaderRight .box.transparent {padding-top:0.5em; padding-bottom:0.5em}
  div#gkHeaderRight h3 {margin-bottom:0.3em;}
  .box.nosmalltablet {display: none!important;}
}
/* Untermenues Formatierung aufheben */
.box ul.menu li.active { background:none !important;}
.box ul.menu li.active a { padding: 0px 0px  !important;}
.box .menu li li a, .box.icons-menu li li a { color: #000 !important;; font-weight: bold; }
/* Sidebar and Boxes */
aside#gkInset  .box + .box {margin: 2em 0 0 0 !important; }
aside#gkInset h3.header {padding-bottom: 0!important;}

aside#gkSidebar  .box + .box {margin: 2em 0 0 0 !important;}

#gkMainbodyTop .box, #gkMainbodyBottom .box {margin: 0 0 0 0 !important;}

#sbox-window, #sbox-window iframe {background: #fff;}


/* right and left bars */
#gkInset {padding-left: 0 !important; padding-right:3em !important;}


#gkSidebar {min-width: 160px !important;}

/* tables */
	.main-pages table, table.ici {vertical-align: middle; border-style: none; background-color: #eeeeee; }
	.main-pages tbody tr td, .main-pages thead tr td, table.ici tbody tr td, table.ici thead tr td
		{padding:2px; border-left-style: solid; border-bottom-style: solid;  border-bottom-width:2px;}
	.main-pages tbody tr td:first-child, .main-pages thead tr td:first-child, table.ici tbody tr td:first-child, table.ici thead tr td:first-child
		{border-left-style: none;  border-left-width:0px;}
	.main-pages thead td, table.ici thead td {background-color:#111177;	border-color:white;	
	   color:white; font-weight:strong;text-align: left;	}
	.main-pages tbody tr td a, .main-pages section.category .children li a, table.ici tbody tr td a, table.ici section.category .children li a
		{color: #111177; text-decoration: underline !important;}	
	.main-pages thead a:hover, table.ici thead a:hover {color:white}
	.main-pages tbody a:hover, table.ici tbody a:hover  {color:#9999dd}	
	.main-pages tbody tr td, table.ici tbody tr td {border-color:#ccc;	text-align: left;}	
	.main-pages tbody tr:nth-child(4n+0), table.ici tbody tr:nth-child(4n+0) {background: #f0f0f0}
    .main-pages tbody tr:nth-child(4n+1), table.ici tbody tr:nth-child(4n+1) {background: #d8d8d8}
    .main-pages tbody tr:nth-child(4n+2), table.ici tbody tr:nth-child(4n+2) {background: #f8f8f8}	
    .main-pages tbody tr:nth-child(4n+3), table.ici tbody tr:nth-child(4n+3) {background: #dfdfdf}	
	.main-pages thead img, table.ici thead img {margin: 2px 4px 2px 2px; float: left;}
	.main-pages img.countryflag {width:30px !important; min-width:30px !important}
.dblue {color:#111177}
.dgrey {color:#9999aa}
.lgrey {color:#cccccc}
.lblue {color:#9999dd}