header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}.aspect--9\:16,.responsive.ratio-916{padding-bottom:177.7777%}.aspect--1\:1,.responsive.ratio-11{padding-bottom:100%}
.mobile_menu{position:fixed;z-index:100;display:none}.mobile_menu .inner{height:100%;background:#000;overflow-y:scroll}.mobile_menu.active.position_left{box-shadow:2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_top{box-shadow:0 2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_right{box-shadow:-2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_bottom{box-shadow:0 -2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.no_shadow{box-shadow:none!important}.mobile_menu_trigger{display:none}.mobile_menu_wrapper{position:relative;width:100%;overflow:hidden}.mobile_menu_overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99}.mobile_menu_overlay.background{background:rgba(0,0,0,.5)}.mobile_menu li.submenu_hide>ul{display:none}.mobile_menu li.submenu_show>ul{display:block}body.ie8 .mobile_menu,body.ie8 .mobile_menu_trigger,body.ie9 .mobile_menu,body.ie9 .mobile_menu_trigger{display:none!important}
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
/**************************************************************************************************************************/
/*
Theme Name: Dr. Sylke Lützenkirchen
Theme URI: https://www.sylkeluetzenkirchen.de
Description: Kommunikationsdesign Dr. Sylke Lützenkirchen
Version: 2.0
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/**************************************************************************************************************************/
/*	Hauptfarben			*/
/*	Gelb:	#ffed00		*/
/*	Pink:	#e6007e		*/
/*	Blau:	#009fe3		*/
/**************************************************************************************************************************/
/*	CSS Reset	*/

:link,:visited { text-decoration:none }
ul, ol { list-style:none }
h1,h2,h3,h4,h5,h6 { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,hr, dt, dd { margin:0; padding:0 }
figure {margin:0;}
a img,:link img,:visited img { border:none }

* {margin: 0; padding: 0; border: 0; outline: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html {-webkit-font-smoothing: antialiased; overflow-y: scroll; height: 100%;}
/**************************************************************************************************************************/
/* Klasse .block overflow:hidden von Contao überschreiben  */
/*.block {overflow:visible;}*/

/*	Unsichtbare Bereiche	*/
/*.invisible{width:0;height:0;left:-1000px;top:-1000px;position:absolute;overflow:hidden;display:inline}*/
/**************************************************************************************************************************/
/* Auswahltext-Farbe ändern */
::selection {background:#ffed00; color:#000; /* Safari and Opera */ }
::-moz-selection {background:#ffed00; color:#000; /* Firefox */ }

/* Highlight Searchword */
.highlight {background:#ffed00; color:#000; padding:0 2px;}

/*	Abstand unter Bildern entfernen	*/
figure {line-height:0;}

/*	Linie um Links enfernen	*/
/*:focus {outline:0;}*/
/**************************************************************************************************************************/

body {
color					: #000;
font-size				: 100%;
font-family				: arial, verdana, helvetica, sans-serif;
background				: #fff;
}

/*	Fehler mit mobile-menu & position:fixed umgehen	*/
body .mobile_menu_wrapper #wrapper {
	transform: none !important;
	will-change: content !important;
}

/*	Sprungmarken mit Abstand nach oben wegen fixed Header	*/
:target:before {
  content: "";
  display: block;
  height: 70px;
}

/**************************************************************************************************************************/

#header {
	z-index: 10;
	position: fixed;
	top: 0;
	width: 100%;
	min-height: 65px;
	border-bottom: 1px solid #ccc;
	background: #fff;
}

#header .inside {
	position: relative;
	max-width: 1200px;
	text-align: right;
	margin: 0 auto;
	padding: 0 20px;
}

.logo {
	position: absolute;
	top: 27px;
	left: 20px;
	width: 290px;
}

#container {
	margin-top: 65px;
}

#main .mod_article.bild-home {
/*   min-height: 400px; */
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  align-content: flex-end;
}

#main .mod_article.bild-home .ce_text {
  flex: 0 0 auto;
/*  margin: 10px;*/
}

#main .mod_article {
	max-width: 1200px;
	margin: 0 auto;
	padding: 20px;
}

#main .mod_article.bild-home .inside {
	padding-bottom: 0 !important;
}

#main .mod_article.bild-home .inside {
	text-align: center;
}

#main .mod_article.bild-home {
	max-width: 100%;
	padding: 0 43px;
}

#footer {
	text-align: center;
	background: #000;
}

#footer .inside {
	max-width: 1200px;
	margin: 0 auto;
	padding: 10px 20px;
}

/**************************************************************************************************************************/
/*	Inhalte	*/

/* #header .logo, */
#header .nav_main,
#footer .ce_text,
#footer .ce_image,
#footer .mod_customnav {
	display: inline-block;
	margin-right: 20px;
}

#header .nav_main,
#footer .ce_text.bilder,
#footer .mod_customnav {
	margin-right: 0;
}

/**************************************************************************************************************************/
/*	Startseite: Links & Hintergrundbild	*/

.bild-home .ce_text {
	display: inline-block;
	text-align: left;
	margin-top: 200px;
	margin-right: 10px !important;
}

.bild-home .ce_text.forschung {
	margin-right: 0 !important;
}

.bild-home .ce_text p {
	margin-bottom: 19px;
}

.bild-home .ce_text a {
	display: table-cell;
	vertical-align: bottom;
	font-size: 320%;
	line-height: 1em;
	width: 50vw;
/* 	width: 340px; */
	max-width: 340px;
	height: 295px;
/* 	padding: 20px; */
/* 	padding: 5%; */
	padding: 1vw;
}

.bild-home .ce_text.beratung a {
/*	background: #ffed00;*/
	background: rgba(255, 237, 0, 0.6);
}

.bild-home .ce_text.entwicklung a {
/*	background: #e6007e;*/
	background: rgba(230, 0, 126, 0.6);
}

.bild-home .ce_text.forschung a {
/*	background: #009fe3;*/
	background: rgba(0, 159, 227, 0.6);
}

/**************************************************************************************************************************/
/*	Entwicklung & Nachrichten: Abstände und Aufteilung	*/

.home .mod_newslist.entwicklung {
	padding-right: 40px;
	padding-left: 40px;
}

.slider-control .slider-prev {
	left: -40px;
}

.slider-control .slider-next {
	right: -40px;
}

#main .mod_article.entwicklung .layout_latest,
#main .mod_article.entwicklung .layout_latest_news,
#main .mod_article.entwicklung .ce_text {
	margin-bottom: 30px;
}

#main .mod_article.entwicklung .layout_latest {
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
}

#main .mod_newslist.entwicklung figure,
#main .mod_article.entwicklung figure {
	max-width: 50%;
}

#main .mod_newslist.entwicklung .float_left,
#main .mod_article.entwicklung .float_left {
	margin-right: 20px;
}

#main .mod_newslist.entwicklung .float_right,
#main .mod_article.entwicklung .float_right {
	margin-left: 20px;
}

/*	Nachrichten mit Hintergrundbild	*/
.news-bild-left,
.news-bild-right {
	width: 100%;
	height: 390px;
}

@media only screen and (max-width : 700px) {
	.home .news-bild-left,
	.home .news-bild-right {
	background: none !important;
	}
}

.mod_newslist.entwicklung .news-bild-left h3,
.mod_newslist.entwicklung .news-bild-left p,
.mod_newslist.entwicklung .news-bild-right h3,
.mod_newslist.entwicklung .news-bild-right p {
/* text-shadow: 1px 1px 1px white; */
}

.mod_newslist.entwicklung .news-bild-left h3 {
margin-left				: 40%;
margin-right			: 10%;
padding-top				: 30px;
}

.mod_newslist.entwicklung .news-bild-left p {
margin-left				: 60%;
margin-right			: 10%;
}

.mod_newslist.entwicklung .news-bild-right h3 {
margin-left				: 10%;
margin-right			: 10%;
padding-top				: 30px;
}

.mod_newslist.entwicklung .news-bild-right p {
margin-left				: 10%;
margin-right			: 10%;
}

.klick {
cursor: pointer;
}

/**************************************************************************************************************************/
/*	Schrift	*/

h1 {
font-size				: 370%;
line-height				: 1em;
margin					: 0 0 30px 0;
}

.einleitung h1 {
font-size				: 120%;
text-align				: center;
}

h2 {
font-size				: 120%;
line-height				: 1.1em;
font-weight				: bold;
}

.home h2,
.slider-wrapper h3,
.mod_newslist.entwicklung h3 {
font-size				: 370%;
font-weight				: normal;
margin					: 0 0 30px 0;
}

.mod_newslist h2 {
font-size				: 200%;
font-weight				: normal;
margin					: 0 0 10px 0;
}

#main .layout_latest,
#main .ce_text,
.analytic-link {
margin-right			: 80px;
margin-left				: 80px;
}

#main .bild-home .ce_text,
#main .ce_text.headline {
margin-right			: 0;
margin-left				: 0;
}

p {
font-size				: 120%;
line-height				: 1.4em;
margin					: 0 0 30px 0;
padding					: 0;
}

.logo p {
font-size				: 140%;
}

p.info {
margin					: 0 0 10px 0;
}

#footer p {
font-size				: 100%;
color					: #fff;
margin					: 0 0 6px 0;
}

h2 a:link,
h2 a:visited,
p a:link,
p a:visited {
color					: #000;
/*border-bottom			: 1px solid #000;*/
text-decoration			: underline;
}

.logo p a:link,
.bild-home .ce_text a {
border-bottom			: none;
text-decoration			: none;
}

h2 a:hover,
h2 a:active,
h2 a:focus,
p a:hover,
p a:active,
p a:focus {
color					: #000;
/*border-bottom			: 1px dotted #000;*/
border-bottom			: 1px solid #000;
}

#footer a:link,
#footer a:visited {
color					: #fff;
/*border-bottom			: 1px solid #fff;*/
text-decoration			: underline;
}

#footer a:hover,
#footer a:active,
#footer a:focus {
color					: #fff;
/*border-bottom			: 1px dotted #fff;*/
border-bottom			: 1px solid #fff;
}

/************************************************************************************************************/
/*	Listen	*/

.layout_latest ul,
.layout_latest_news ul,
.ce_text ul {
list-style-type			: none;
list-style-position 	: inside;
font-size				: 120%;
line-height				: 1.4em;
margin-top				: -1.4em;
margin-bottom			: 1.4em;
}

.layout_latest ul li:before,
.layout_latest_news ul li:before,
.ce_text ul li:before {
content					: '+';
padding					: 0 10px 0 0;
}

/**********************************************************************************/
/*	Aktuelles	*/

#main .info,
#main .more,
#main .back {
margin-right			: 80px;
margin-left				: 80px;
}

.slider-prev,
.slider-next {
	position: absolute;
	top: -200px !important;
	width: 27px;
	height: 44px;
	margin-top: -22px;
	z-index: 10;
	cursor: pointer;
	background-size: 27px 44px;
	background-position: center;
	background-repeat: no-repeat;
}

.slider-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.slider-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
/**********************************************************************************/
/*	Pagination	*/

.pagination {
font-size				: 90%;
line-height				: 1.6em;
margin					: 0;
padding					: 10px 0 0 0;
}

.pagination li {
list-style-type			: none;
display					: inline;
padding					: 0;
margin					: 0 3px;
}

.pagination a:link,
.pagination a:visited {
color					: #000;
font-weight				: normal;
padding					: 0;
margin					: 0 3px;
}

.pagination a:hover,
.pagination a:active,
.pagination a:focus {
font-weight				: bold;
padding					: 0;
margin					: 0 3px;
border-bottom			: 1px solid #000;
}

.pagination .active {
font-weight				: bold;
padding					: 0;
margin					: 0 3px;
border-bottom			: 1px solid #000;
}

/**********************************************************************************/
/* Bilder  */

.layout_latest figure,
.layout_latest_news figure,
.ce_text figure {
	margin: 0 0 20px 0;
}

.rx-model figure {
	text-align: center;
}

#footer .ce_text figure {
	margin: 0;
}

#footer img {
	margin: 0 0 5px 0;
}

/**********************************************************************************/
/*	Galerie (SL)	*/

.ce_gallery {
	margin-right: 40px;
	margin-bottom: 40px;
	margin-left: 40px;
}

.ce_gallery li {
	margin-right: 5px;
	width: calc(33% - 5px);
}

.ce_gallery li.last {
	margin-right: 0;
	width: 33%;
}

.ce_gallery img {
	width: 100%;
}

/************************************************************************************************************/
/*    Cookie Hinweis    */

.cookiebar__button {
    background: #b00036;
}

.cookiebar__button:hover {
    color: #b00036;
    background: #fff;
}

a.cookiebar__link:hover {
    border-bottom: 1px solid #fff;
}

/************************************************************************************************************/

@media only screen and (max-width : 1150px) {
	.bild-home .ce_text {
	width: calc(33% - 16px);
	}

	.bild-home .ce_text a {
	font-size: 5vw;
/* 	height: 25vw; */
	height: 20vw;
	}
	
	.layout_latest p,
	.layout_latest ul {
	font-size: 1.7vw;
	}
}

@media only screen and (max-width : 991px) {
	#header .nav_main {
	display: none;
	}

	.mobile_menu_trigger {
	z-index: 20;
	position: fixed;
	top: 15px;
	right: 15px;
	width: 40px;
	height: 30px;
	background: #fff;
	}

	.mobilmenulink {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 30px;
	height: 20px;
/* 	background: #00ff00; */
	}

	.mobilmenulink:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 30px;
	height: 3px;
	background: #000;
	box-shadow:
		0 8px 0 0 #000,
		0 16px 0 0 #000;
	}
}

@media only screen and (max-width : 720px) {
	#main .mod_newslist.entwicklung figure,
	#main .mod_article.entwicklung figure {
	width: 100%;
	max-width: 100%;
	}
	
	.layout_latest p,
	.layout_latest ul {
	font-size: 120%;
	}

	.mod_newslist.entwicklung .news-bild-left h3,
	.mod_newslist.entwicklung .news-bild-left p {
	margin-left				: 10%;
	}

	.mod_newslist.entwicklung h3 {
/* 	font-size: 250%; */
	}

	.referenzen .layout_latest_news p,
	.referenzen .layout_latest_news ul {
	display: none;
	}

	.bild-home .ce_text a {
	font-size: 4.5vw;
	height: 18vw;
	}

	#main .ce_text {
	margin-right			: 0;
	margin-left				: 0;
	}
}

@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
and (orientation : landscape) {
    body {-webkit-text-size-adjust: 100%;}
}

@media only screen and (max-width : 470px) {
	#main .mod_article.bild-home .inside {
		padding: 20px;
	}

	#main .mod_article.bild-home {
		padding: 0;
	}

	.bild-home .ce_text {
		margin: 0 !important;
		width: 100%;
	    display: flex;
	    justify-content: center;
	}

	.bild-home .ce_text a {
/* 		font-size: 10vw; */
/* 		height: 50vw; */
		font-size: 12vw;
		width: 70vw;
		height: 60vw;
		padding: 4vw;
	}

	.bild-home .ce_text.beratung a {
		background: #ffed00;
	}

	.bild-home .ce_text.entwicklung a {
		background: #e6007e;
	}

	.bild-home .ce_text.forschung a {
		background: #009fe3;
	}

	.bild-home .ce_text.forschung p {
		margin-bottom: 0;
	}

	.ce_gallery li {
		margin-bottom: 5px;
		margin-right: 0;
		width: 100%;
	}

	#main .layout_latest,
	#main .info,
	#main .more,
	#main .back {
	margin-right			: 0;
	margin-left				: 0;
	}

	#footer .ce_text,
	#footer .mod_customnav {
		display: block;
		margin: 5px 0;
	}
	
	h1, h2, h3, p {
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	}
}

/************************************************************************************************************/

/**************************************************************************************************************************/
/*
Theme Name: Dr. Sylke Lützenkirchen
Theme URI: https://www.sylkeluetzenkirchen.de
Description: CSS File for Main-Menu
Version: 2.0
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/**************************************************************************************************************************/

.nav_main {
padding					: 22px 0 0 0;
text-transform			: uppercase;
}

.mod_customnav {
padding					: 10px 0;
}

.nav_main li,
.mod_customnav li {
display					: inline;
font-size				: 110%;
line-height				: 1.4em;
list-style-type			: none;
/*padding					: 0;*/
margin					: 0 10px 0 0;
}

.nav_main li.home {
display					: none;
}

.nav_main li.last,
.mod_customnav li.last {
margin					: 0;
}

.mod_customnav li {
font-size				: 100%;
}

.nav_main a:link,
.nav_main a:visited,
.mod_customnav a:link,
.mod_customnav a:visited {
font-weight				: normal;
color					: #000;
/*padding					: 0;*/
/*margin					: 0;*/
}

.mod_customnav a:link,
.mod_customnav a:visited {
color					: #fff;
}

.nav_main a:hover,
.nav_main a:active,
.nav_main a:focus,
.mod_customnav a:hover,
.mod_customnav a:active,
.mod_customnav a:focus {
font-weight				: normal;
color					: #000;
text-decoration			: underline;
/*padding					: 0;*/
/*margin					: 0;*/
}

.mod_customnav a:hover,
.mod_customnav a:active,
.mod_customnav a:focus {
color					: #fff;
}

.nav_main .active strong,
.mod_customnav .active strong {
font-weight				: normal;
color					: #000;
text-decoration			: underline;
/*padding					: 0;*/
/*margin					: 0;*/
}

.mod_customnav .active strong {
color					: #fff;
}

/*****/

.mobile_menu .nav_main {
margin					: 20px 0 0 30px;
}

.mobile_menu .nav_main li {
display					: block;
font-size				: 100%;
line-height				: 1.6em;
}

.mobile_menu .nav_main a:link,
.mobile_menu .nav_main a:visited,
.mobile_menu .nav_main .active strong,
.mobile_menu .nav_main .active span {
color					: #fff;
}

.mobile_menu .nav_main a:hover,
.mobile_menu .nav_main a:active,
.mobile_menu .nav_main a:focus,
.mobile_menu .nav_main .active strong,
.mobile_menu .nav_main .active span {
color					: #fff;
}

.mobile_menu .nav_main li .trail a {
color					: #fff !important;
}

/**************************************************************************************************************************/