/*  
dunkelblau     					#00316B
etwas heleres Blau für Links	#104a8d

links grün		(hell)				#70B40E
	

beige:     #bea893;
gelb:		#e9c54d;
*/


header, footer, section, aside, nav, article {
	display: block;
}
html, body {
	height: 100%;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-weight: 300;
	font-size: 16px;
}
pre, code {
	font-size: 1.0em;
}
a, a:visited {
	text-decoration: none;
	font-weight: 400;
}
a, a:hover {
	color: #000000;
}
#content a {
	color: #104a8d;
}

h1,
h2,
#languagenav nav ul li.link_active a,
p.medienbeitraege,
.newswrap div.newsdate div.newsrubrik span,
.articledetail div.newsdate div.newsrubrik span,
#languagenav nav ul li:hover a,
#content a:hover,
.weitere_infos:hover a, 
.weitere_infos:focus a,
#content .articledetail div.newsarticle p a.inlinelink:hover,
#content .articledetail div.newsarticle p a:hover {
	color: #4A8000;   /*green 70B40E neu dunkeler 4A8000 on White */
}

#headernav nav.primary ul li.current a,
#headernav nav.primary ul li:hover a,
footer #socialmedia ul li a:hover span.icon-linkedin-circle,
footer #socialmedia ul li a:hover span.icon-twitter-circle,
footer #socialmedia ul li a:hover span.icon-facebook-circle,
footer .moduleleft address p a:hover span.icon-tel,
footer .moduleleft address p a:hover,
footer .moduleright div.servicenav a:hover {
	color: #65AD00;   /*green 70B40E neu dunkeler 65AD00 on Blue */
}




h1 {					/* titel der Seite */
	font-size:1.25em;
	font-weight: 400;
	text-transform: uppercase;
    padding: 30px 0;
}

h2 {		/* Titel im Filter bei News der Artikel -> grün */
	font-size:1.25em;
	font-weight: 600;
	padding: 10px 10px 10px 10px;
}
.articledetail h2 {
	font-size:1.5em;
}
.booktext h2 {
	font-size:1.5em;
	padding: 10px 10px 0 0;
}

h3 {		/* Subtitel im Lauftext */
	font-size:1.25em;
	font-weight: 600;
	padding: 10px 0;
}
.booktext h3 {
	font-size:1em;
	padding: 10px 0 10px 0;
	color: #000;
}
img {
	border:0 none;
}
/* ------------------------------------------  classes  ---------------------- */
.noshow {
	visibility: hidden;
}
.clearboth,
.artikel-links:after,
.clearfix:after {
    visibility: hidden;
    display: block;
    content: ".";
    clear: both;
    height: 0;
}

/* ------------------------------------------  top ---------------------- */

#wrapheader {
	width: 100%;
}
#wrapheader header {
	margin: 0 6%;
}

/*  LANGUAGENAV
    ------------------------ */
#headernavnav nav.primary.desktopnav {
	text-transform: uppercase;
}
#languagenav nav{
    float: right;
}
#languagenav nav ul {
    list-style-type:none;
}
#languagenav nav ul li {
    float:left;
}
#languagenav nav ul li a{
    padding: 12px 6px;
    display: inline-block;
}
#languagenav nav ul li:last-child a{
	 padding: 12px 0 12px 6px;
	 display: inline-block;
}
/*  LOGO
    ------------------------ */
#logo {
	padding-top: 50px;
}
#logoimg img {
	width: 500px;
	max-width: 100%;
	height: auto;
}
/*  LINE / SLOGAN
    ------------------------ */
#lineslogan {
	width: 100%;
}
#lineslogan #line {
	position: relative;
	border-bottom: 3px #00316B solid!important;
	margin-left: 6%;
}
#lineslogan #slogan {
	color: #00316B;
	margin-left: 6%;
	font-family: 'futura', sans-serif;
	font-weight: 400;
	font-size: 1.15em;
}

/*  HEADERNAV
    ------------------------ */
#headernav {
	width: 100%;
	background-color: #00316B;
	margin-top: 50px;
	min-height: 14px;
}
#headernav nav.primary.desktopnav {
	margin: 0 6%;
}
#headernav nav.primary {
	font-size: 1.125em;
	text-transform: uppercase;
}
#headernav nav.primary ul {
	list-style-type:none;
	text-align: center;
	float: right;
}
#headernav nav.primary ul li {
	float: left;
}

#headernav nav.primary ul li a {
	color: #fff;
	padding: 8px 12px 6px 12px ;
	display: inline-block;
	  		transition: color 0.5s ease;
       -moz-transition: color 0.5s ease;
    -webkit-transition: color 0.5s ease;
         -o-transition: color 0.5s ease; 
}
#headernav nav.primary ul li:first-child a {
	padding: 8px 12px 6px 0 ;
}
#headernav nav.primary ul li:last-child a {
	padding: 8px 0 6px 12px ;
}

/*  CONTENT
    ------------------------------------------------------------------------ */
#content {
	background-color: #f8f9fa;
	padding-bottom: 40px;
	line-height: 1.8em;
}
.newsarticle p img {
	width: 100%;
}
/*  FILTER
    ------------------------ */


.button-group.filters-button-group ul li.button {
	background-repeat: no-repeat;
	 background-position: center; 
}

/*  Bild von Konferenzen
.button-group.filters-button-group ul li:nth-child(2).button {
	background-image: url("../img/noun_105696_cc.svg");
} */


.button-group.filters-button-group ul li:nth-child(2).button {
	background-image: url("../img/noun_900339_cc.svg");
	background-size: 90px 70px;
}
.button-group.filters-button-group ul li:nth-child(3).button {
	background-image: url("../img/noun_1026088_cc.svg");
	background-size: 90px 70px;
}
.button-group.filters-button-group ul li:nth-child(4).button {
	background-image: url("../img/noun_101826_cc.svg");

}
.button-group.filters-button-group ul li:nth-child(5).button {
	background-image: url("../img/noun_1050885_cc.svg");
	background-size: 90px 70px;
}
.button-group.filters-button-group ul li:nth-child(6).button {
	background-image: url("../img/noun_763719_cc.svg");
	background-size: 90px 70px;
}

.button-group.filters-button-group ul li.button.is-checked {

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

p.medienbeitraege {
	padding-top: 30px;
	padding-bottom: 10px;
	font-weight: 600;
}

.newscolor div.grid div.col-1-1.element-item {
	min-height: 190px;
}

		/* rubriken farbig über den Artikel angeschrieben */
.newswrap div.newsdate div.newsrubrik {
	height: 20px;
}

.newswrap div.newsdate div.newsrubrik span,
.articledetail div.newsdate div.newsrubrik span {
	z-index: 999;
	font-size: 1.25em;
	font-weight: 600;
}
.articledetail div.newsdate div.newsrubrik span {
	font-size: 1.125em;
}
.newswrap div.newsdate div.newsrubrik span:nth-child(n):after,
.articledetail div.newsdate div.newsrubrik span:nth-child(n):after  {
    content: " & ";
}
.newswrap div.newsdate div.newsrubrik span:last-child:after,
.articledetail div.newsdate div.newsrubrik span:last-child:after {
    content: ":";
}


.conferencesbox {
	background-color: #fff;
    display: block;
    float: left;
    margin-bottom: 0;
    position: relative;
    width: 100%;
}





.newsimage {
    line-height: 0;
    position: relative;

    width: 100%;
}
.newsimage img {
    width: 100%;
}
.newsdate {
	padding: 0 10px;
	margin-left: 0px;
	font-size: 0.75em;
	/* height: 26px;  */
	 text-align: center;
}
.newsdate p {
	display: inline;
}

/* Konferenz in rot */
.ja div.isabel {
	border: 3px #cf0031 solid!important;
}
/*
#content .ja
 {
	background-color: #f6f6f6;
}
#content .ja div.newstext h2{
	background-color: #fdfdfd;
}
*/
.ja div.newstext h2 {
	color: #cf0031;    /* rot*/
}
.ja div.newsdate p,
.ja div.newsdate span {
	color: #cf0031;			/* rot*/
	font-weight: 600;
	 font-size: 1.25em;
	position: relative;
	bottom: 2px;
}
.ja div.isabel div.newsimage {
	bottom: 63px;
    top: 3px;
}
/* ende rot */
.newstext {
	position: relative;
	min-height: 164px;
	padding-bottom: 30px;
}
.newstext h2 {
	margin-left: 0px;
	background-color: #fff;
	 border-top: 3px solid #00316b!important;

}
.newstext p {
	margin-left: 0px;
	padding: 4px 10px 4px 10px;
	font-size: 0.9em;
	line-height: 1.4em;
}
.newstext p:last-child {
	margin-left: 0px;
	padding: 4px 10px 40px 10px;
	font-size: 0.9em;
}
.newstext ul.artikel-links {
	margin-left: 0px;
	padding: 0 10px;
	font-size: 0.9em;
}
.newstext ul.artikel-links li {
	float: left;
	list-style-type: none;
	 padding-right: 10px;
}

.weitere_infos {
    text-transform: uppercase;
    right: 0;
    bottom: 0;
    width: 100%;
}
.weitere_infos a {
   padding: 4px 10px 4px 10px;
   display: block;
    text-align: right;
    color:  #104a8d;
    font-weight: 600;
}

/* kein Pfeil vor dem Link */
#content .grid .element-item a.white:before {
	content: " ";
}

.space {
	height: 60px;
	background-color: #F8F9FA;
}
/*  NEWS DETAIL
    ------------------------ */
.zurueck{
	color: #000;
	width: 100%;
} 
.zurueck a {
	padding: 20px 0;
	width: 50%;
	display: inline-block;
} 
.articledetail {
	background-color: #fff;
	padding: 0 0 40px 0;
    width: 100%;
}
.articledetail .newsdate,
.articledetail h2 {
	text-align: center;
}
.articledetail .newsdate {
	padding: 10px;
	margin-left: 0;
	font-size: 1em;
	 height: auto;

}
.articledetail .newsimage {
	line-height: 0;
    position: relative;
    width: 100%;
}
.articledetail .newsimage img {
	width: 100%;
	height: auto;
}
.articledetail .newsarticle {
	padding: 10px;
}
.articledetail .newsarticle p {
	padding: 16px 0;
}
.articledetail div.newsarticle p a {
	color: #104a8d;
}
.articledetail div.newsarticle ul,
.articledetail div.newsarticle ol {
	padding-left: 20px;
}
#content .articledetail div.newsarticle p a {
	display: inline-block;
	width: 100%;
	padding: 10px;
	background-color: #00316B;
	color: #fff;
}

/* inline link */
#content .articledetail div.newsarticle p a.inlinelink {
	width: auto;
	padding: 0 10px;
	background-color: transparent;
	color: #00316B;
}
#content .articledetail div.newsarticle p a.inlinelink:hover {
	width: auto;
	padding: 0 10px;
	background-color: transparent;
}

#content .articledetail div.newsarticle p a.inlinelink::before {
  color: #00316B;
}
/* inline link end */

.articledetail p.newsvideo {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
	margin-bottom: 40px;
}
.articledetail p.newsvideo iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.newsarticle blockquote {
	background-color: #f6f6f6;
	font-size: 0.9em;
	line-height: 1.8em;
	padding: 20px;
	margin: 20px;
}
.newsarticle blockquote p {
	padding: 4px 0 !important;
}
.articledetail div.newsaudio {
	padding: 0 10px;
}

/*  CONTENT ALLG
    ------------------------ */
.gridid-pad {
	padding: 10px;
}
.gridid-pad p {
	padding: 5px 0;
}
.image {
	line-height: 0;
}
.col-1-2 img {
	width: 100%;
}
.book {
	line-height: 0;
}
.book img {
	max-width: 340px;
	width: 100%;
}
.booktext {
	padding: 10px 20px;
}
.booktext p a {
	padding: 4px 0 4px 0;
	display: inline-block;
}
.booktextinside p {
	padding-bottom: 20px;
}
.rezensionen {
	padding: 40px 0;
	width: 80%;
	position: relative;
}
p.rezension_text {
	 font-style: italic;
}
p.rezension_text::before {
    color: #555;
    content: "«";
}
p.rezension_text::after {
    bottom: 15px;
    color: #555;
    content: "»";
}
p.rezension_text {
    color: #555;
    font-size: 1.125em;
    font-weight: 600;
    padding: 10px 0 0 55px;
}
p.rezension_who {
	 font-size: 1em;
	 padding: 0 0 10px 55px;
}
.partner ul {
	padding: 0 0 0 10px;
}
.partner ul li {
	padding: 20px 0;
}

.contact div.col-1-3.gridid-pad {
	padding-top:40px;
	padding-right: 20px;
	font-weight: 400;
}

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

footer {
	padding-top: 40px;
	background-color: #00316B;
}

footer div.black div.moduleleft,
footer div.black div.moduleright,
footer div.black div.modulecenter {
	color: #fff;
}
.servicenav p {
	height: 40px;
}
.servicenav p a {
	text-transform: uppercase;
	float: right;
	color:#fff;
	font-size: 1.25em;
}
.servicenav a:hover,
#socialmedia ul li a:hover {
	color: #0036b0;
}
 
.modulecenter.copyright p {
	font-size: 0.8em;
	text-align: center;
	color: #fff;
}

#socialmedia ul {
	list-style-type:none;
	padding: 0;
}
#socialmedia ul li {
 margin-left: 0;
 padding-right: 20px;
 float: left;
}
#socialmedia ul li a {
	color: #fff;
}
footer address {
	padding-top: 40px;
	font-size: 0.4em;
}
footer .moduleleft address p {
	line-height: 5em;
}

		@media screen and (min-width:450px) {  
			.newsimage {
				width: 100%;
				padding: 0 20%;
			}
			.newstext {
	          padding-bottom: 30px;
	        }
	        .weitere_infos {
	            position: absolute;
	        }

}

    @media screen and (min-width:650px) {  


				/*  NEWS
				    ------------------------ */

				.newsimage {
				/*	background-color: #D5D5D5;   */
				    bottom: 60px;
				    padding: 0;
				    position: absolute;
				    top: 0;
				    width: 240px;
				}
				.newsimage img {
				     height: 100%;
    				object-fit: cover;
				}
				/* CSS Fallback from Modernizr */
				.newsimage.compat-object-fit {
				    background-size: cover;
				    background-position: center;
				}
				.newsimage.compat-object-fit img {
				    opacity: 0;
				}

				.newsdate {
					margin-left: 240px;
					position: relative;
				    text-align: left;
				}

				.newstext h2 {
					margin-left: 200px;

				}
				.newstext p {
					margin-left: 240px;
					/*  min-height: 84px; */
				}
				.newstext p:last-child {
					margin-left: 240px;
				}
				.newstext ul.artikel-links {
					margin-left: 240px;
				}
				.weitere_infos {
					padding-left: 240px;

				}
				.weitere_infos a {
				}

				/*  NEWS DETAIL
			    ------------------------ */			
				.articledetail {
					padding: 0 10% 40px 10%;
				}
				.articledetail .newsarticle {
					padding: 20px 80px;
				}
				.articledetail p.newsvideo {
					
				}
				.articledetail div.newsaudio {
						padding: 0 80px;
					}







    			@media screen and (min-width:700px) {  /* navi horizontal */

						p.medienbeitraege {
								margin-left: 340px;
							}


						#lineslogan #line {
							margin-left: calc(6% + 200px);
						}
						#lineslogan #slogan {
							margin-left: calc(6% + 200px);
							font-size: 1.315em;
						}
						/*  NEWS
						    ------------------------ */    
						.newsimage {
						    width: 340px!important;
						}
						.newsdate {
							margin-left: 340px;
						}
						.newstext {
							min-height: 164px;
						}
						.newstext h2 {
							margin-left: 300px;
						}
						.newstext p {
							margin-left: 340px;
						}
						.newstext p:last-child {
							margin-left: 340px;
						}
						.newstext ul.artikel-links {
							margin-left: 340px;
						}

						#content div.gridid.newscolor .articledetail .newsimage {
							width: 100%!important;
						}

    }