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%}
.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}
/** FOKUS KIND Medien CSS File **/

* {vertical-align: top;}

body {background: #FFF; font-weight: 500; font-style: normal; font-size: 100%; font-weight: 300;}

#wrapper {margin: 0 auto; text-align: center;}

#container {padding-top: 70px;}
.home #container {padding-top: 0px; margin-top: 0px;}

#footer {padding-top: 80px; margin-top: 50px; padding-bottom: 30px; position: relative; background: rgb(15,32,57);
	background: radial-gradient(circle at 3.09% 3.44%, #541643, transparent 100%),radial-gradient(circle at 4.94% 29.87%, #a3b88c, transparent 61%),radial-gradient(circle at 99.32% 90.72%, #344254, transparent 32%),radial-gradient(circle at 95.31% 1.87%, #334052, transparent 100%),radial-gradient(circle at 4.39% 84.81%, #541643, transparent 100%),radial-gradient(circle at 50% 50%, #000000, #000000 100%);}
.seitendetail #footer {margin-top: 0px;}
#footer .inside {margin: 0 auto;}
#footer p, #footer div, #footer h3 { color: rgba(255, 255, 255, 1); font-size: 0.95rem; line-height: 1.7rem; margin-bottom: 41px;}
#footer h3 {color: rgba(255, 255, 255, 0.4); font-size: 0.85rem; padding-bottom: 0; margin-bottom: 20px; font-weight: 400; text-transform: uppercase;
letter-spacing: 1px;}
#footer a:link, #footer a:visited {color: #FFF;}
#footer input.submit, #footer button {background: transparent; color: #FFF; border-radius: 3px; padding: 6px 20px 6px 20px; -webkit-appearance: none; border: 1px solid rgba(255, 255, 255, 1); font-size: 0.9rem;}
#footer input.submit:hover {background: #FFF; color: #344254;}
#footer .mod_login table {width: 100%;}
	#footer .mod_login .formbody {display: flex; flex-wrap: wrap; justify-content: space-between;}
	#footer .mod_login .formbody .widget {width: 31%;}

	#footer .mod_login label {display: none;}



#startabovefooter {padding-top: 30px; position: relative;}

a:link, a:visited {color: #344254; text-decoration: none;}
a:hover {color: #000;}

p, div {text-align: left; color: #344254;	line-height: 1.8rem; font-style: normal; font-size: 1.1rem; font-family: fira-sans,sans-serif; font-weight: 300;}
p {margin-bottom: 17px; }
.clear {visibility: hidden; height: 0; border: none;}

h1 {color: #344254; font-size: 3.5rem; display: block; font-family: mencken-std,sans-serif; font-weight: 800; font-style: italic; margin-bottom: 30px;}
h2 {font-family: mencken-std,sans-serif; font-style: italic; font-weight: 800;}
h3 {font-weight: 400; font-size: 1.6em;}

strong {vertical-align: unset;}

iframe {	border: none; border-radius: 5px;}

input.submit {cursor: pointer; transition: all 0.3s ease-in;}

mark {
	  margin: 0 -0.4em;
	  padding: 0.2em 0.7em 0.2em 1.5rem;
	  border-radius: 0.8em 0.3em;
	  background: transparent;
	  background-image: linear-gradient(
		to right,
		rgba(255, 225, 0, 0.1),
		rgba(255, 225, 0, 0.7) 4%,
		rgba(255, 225, 0, 0.3)
	  );
	  -webkit-box-decoration-break: clone;
	  box-decoration-break: clone;
	}


.ce_text ul {margin: 25px 0 25px 40px;}
.ce_text ul li {margin-bottom: 15px;}
.ce_text img {border-radius: 5px;}
.ce_text p a:link, .ce_text p a:visited, .ce_text ul li a:link, .ce_text ul li a:visited, #f3 a  {color: #344254; border-bottom: 3px solid rgba(179, 16, 105, 0.2);	}
.ce_text p a:hover, .ce_text ul li a:hover {border-bottom: 3px solid rgba(179, 16, 105, 0.4);}

.ce_text p.mediadaten a:link, .ce_text p.mediadaten a:visited {background: none;}


.newsListe #container .mod_newslist p a:link, .newsListe #container .mod_newslist p a:visited {color: rgba(82, 95, 127, 0.5); font-weight: 400;}
.newsListe #container .mod_newslist p a:hover {background: none; color: #FFF;}
.newsListe #container .mod_newslist p.more a:link, .newsListe #container .mod_newslist p.more a:visited {color: #fff; font-weight: 300;}
.newsListe #container .mod_newslist p.more a:hover {background: #FFF; color: #344254;}

.newsListe #main {background: #fff;}


.leftbox {width: 60%; margin-bottom: 100px;}
.leftbox50 {width: 60%; margin-bottom: 50px;}

.rightbox {width: 60%; margin-left: 40%; margin-bottom: 100px;}

.centerbox {	margin-bottom: 100px; text-align: left; width: 60%;}
    .centerbox p {text-align: left;}


.stefanbox {}
	.stefanbox figure {width: 25%; float: right; margin-left: 15%;}
	.stefanbox figcaption {margin: 20px 0; text-align: center;}
		

/* Some */

.medien #belowHeader {display: none;}

#header {height: 250px; background-size: 100%; position: relative;}
	#header.inside {width: 100%;}

.home #header {height: 825px; background: transparent; background-size: 100%; position: relative;}

#header h1 {color: #344254; margin: 180px 0 0px; position: relative; z-index: 100; line-height: 3.5rem; text-align: left; padding-bottom: 5px; padding-left: 2px;}
	.mod_article .aos-init {position: relative; z-index: 3;}

	.home #main {height: auto; position: relative;}
	#main {background: #fff;}   
	.home #header h1 {margin: 0;}


.lastBoxo {height: 600px; padding-top: 160px; background: transparent; background-size: 100%; position: relative; border-radius: 1010px 0 0 0 / 290px 0 0 0; border-bottom: 5px solid rgba(0, 0, 0, 0.3);}

.headerLogo {margin: 0; position: fixed; width: 190px; padding-top: 10px; top: 10px; z-index: 90000000001;}

.stark {font-size: 2.1em; color: #5E5D5D; text-align: center; text-align: left; margin-bottom: 60px; margin-top: 10px;}


.tagcloud {text-align: center; margin: 0 12vw;background: #FFF; position: relative; z-index: 100;}
	.tagcloud p {border-radius: 100px; background: rgba(191,202,217,0.2); padding: 5px 20px 6px; text-align: center; display: inline-block; font-weight: 400; font-size: 1rem; margin: 5px;}
		.tagcloud p:first-child {background: #9F1F63; color: #FFF;}
		.tagcloud p:last-child {background: #FFB100;}
		.tagcloud p:hover {}


body.home h2 {text-align: left; font-size: 3.5rem; display: block; font-family: mencken-std,sans-serif; font-weight: 800; font-style: italic; margin-bottom: 30px; line-height: 3.8rem;}

.hero {margin-top: 250px; position: relative; z-index: 99;}
	.hero p {line-height: 1.8rem; font-style: normal; font-size: 1.1rem; font-family: fira-sans, sans-serif; font-weight: 300; width: 50%;}
	.hero p.hashtag {font-size: 1rem; display: none;}


/* Hero One */

.heroOne {	margin-top: 0; padding: 280px 0 220px 0 !important; overflow: visible; background: transparent url(../../files/_design/dottedLine1.svg) 73px 55px no-repeat; }
	.heroOne p {color: #344254; background: #FFF; padding-bottom: 20px;}
	.heroOne .ce_text {}
	.heroOne p.button {margin-top: 25px; background: none;}
	.heroOne .ce_image {width: 500px; margin-top: -130px; position: absolute; right: 0;}
	#header .heroOne p.hashtag {display: none;}

/* Hero Two */

.heroTwo  {margin-top: 0; padding-top: 180px; padding-bottom: 220px; overflow: visible; background: transparent url(../../files/_design/dottedLine2.svg) 607px 26px no-repeat;}
	.heroTwo h2 {margin-top: 10px;}
	.heroTwo p {color: #344254; text-align: left; margin-left: 0; width: 100%; background: #FFF;}
	.heroTwo p.button {margin-top: 25px; background: none;}
	.heroTwo .ce_image {width: 500px; margin-top: -90px; position: absolute; left: 12vw;}
	.heroTwo .ce_text {padding-left: 53%;}
	
/* Hero Three */	
	
.heroThree {position: relative; z-index: 10000000; padding-top: 350px; padding-bottom: 20px; background: transparent url(../../files/_design/dottedLine2.svg) 607px 26px no-repeat; margin-top: 0;}
	.heroThree h2 {padding: 30px 0; margin: 0;}
	.heroThree p {	color: #344254; background: #FFF; padding-bottom: 20px;}
	.heroThree p.button {background: none;}
	.heroThree p.button a {color: white !important;}
	.heroThree p.button a:hover {color: #B31069 !important;}
	.heroThree .ce_image {width: 500px; margin-top: -80px; position: absolute; right: 0; 	right: 12vw;}

/* Hero Four */	
	
.heroFour {position: relative; z-index: 10000000; padding-top: 200px; padding-bottom: 150px; background: transparent url(../../files/_design/dottedLine2.svg) 607px 26px no-repeat; margin-top: 0;}
	.heroFour h2 {padding: 30px 0;}
	.heroFour p {	color: #344254; background: #FFF; padding-bottom: 20px; width: 100%;}
	.heroFour .ce_text {margin-left: 53%;}
	.heroFour p.button {background: none;}
	.heroFour p.button a {color: white !important;}
	.heroFour p.button a:hover {color: #B31069 !important;}
	.heroFour .ce_image {width: 500px; margin-top: -90px; position: absolute; left: 12vw;}
	.heroFour .ce_image {width: 500px; margin-top: -80px; position: absolute; right: 0; 	right: 12vw;}


/* Hero ARkid */

body.home .iframe {margin: 0 auto; width: 65%; overflow: visible; position: relative;}
body.home .iframe h2 {text-align: center; font-size: 1.6rem; width: 100%; background: none; margin-bottom: 0; text-align: left; position: relative; left: -100px; margin: 30px 0 -10px 0;}
body.home .iframe p {text-align: center; width: 100%; margin-top: 0; text-align: left;}
body.home .iframe p img {margin-top: 2px; border-radius: 15px;}

body.home .iframe .scanme {width: 150px; position: absolute; right: -50px; top: 270px; z-index: 10; border-radius: 5px; text-align: center; color: #344254; padding: 2px 0 0; font-weight: bold; text-transform: uppercase; letter-spacing: 2px; font-size: 0.9rem;}

body.home iframe {height: 500px; margin: 70px auto 0; width: 65%; display: block; border-radius: 10px; box-sizing: border-box; background-image: linear-gradient(313deg, rgba(191,202,217,0.25) 0%, rgb(255 255 255) 100%); border: none;}


/* Front News */

.mod_newslist.frontNews {padding: 0; margin: -250px 0 0px; position: relative; z-index: 10000000; width: 47%; overflow: visible;}
	.mod_article .mod_newslist.frontNews h2 {	color: #344254; font-size: 2.5rem; display: block; font-family: mencken-std,sans-serif; font-weight: 800; font-style: italic; text-align: left !important; margin-bottom: 30px;}
	.mod_article .mod_newslist.frontNews p {display: none; text-align: left;}
	
.mod_newslist.frontNews .even, .mod_newslist.frontNews .odd {margin-bottom: 0px; width: 100%; margin-top: 0; display: block;}
.mod_newslist.frontNews .odd {margin-left: 50%; margin-top: 110px; width: 80%;}


/* banderolen */

.zitat {
	padding-top: 100px;
}

.zitat:before {background: transparent url(../../files/_design/quotation2.svg) center center no-repeat; content: ""; width: 50px; height: 50px; display: block;}
.zitat:after {background: transparent url(../../files/_design/quotation2.svg) center center  no-repeat; content: ""; width: 50px; height: 50px; display: block; transform: rotate(180deg);}

.zitat p {
	color: #9F1F63;
	text-align: center;
	padding: 15px 15vw 5px;
	font-family: mencken-std, sans-serif;
	font-weight: 800;
	font-style: italic;
	font-size: 1.1rem;
	line-height: 1.8rem;
	letter-spacing: 0.2px;
}

.zitat.left {
	padding: 15px 0 5px;
	width: 35%;
	margin-top: 130px;
	float: left;
}

.zitat.left p, .zitat.left p.person {
	text-align: left;
	margin: 0 60px 0 0;
	box-sizing: border-box;
	padding: 0 0 25px;
}

.zitat.right {
	padding: 15px 0 5px;
	float: right;
	width: 40%;
}

.zitat.right:before {
	background: transparent url(../../files/_design/quotation2.svg) center right no-repeat;
	content: "";
	width: 100%;
	height: 50px;
	display: block;
}

.zitat.right:after {
	background: transparent url(../../files/_design/quotation2.svg) right right no-repeat;
	content: "";
	width: 191%;
	height: 50px;
	display: block;
}

.zitat.right p, .zitat.right p.person {
	padding: 0 0 25px 0;
	margin: 0 0 0 60px;
	text-align: right;
	box-sizing: border-box;
}

.zitat p.person {
	border-top: 2px solid rgb(159 31 99 / 10%);
	display: table;
	margin: 0 auto;
	font-size: 1.1rem;
	font-family: fira-sans,sans-serif;
}

/* Anders gelöst */

p.zitat {
	color: #9F1F63;
	text-align: center;
	padding: 70px 10vw;
	font-family: mencken-std, sans-serif;
	font-weight: 800;
	font-style: italic;
	font-size: 1.1rem;
	line-height: 1.8rem;
	letter-spacing: 0.2px;
}

p.zitat:before, p.zitat:after {
	width: 100%;
}

/* Mediakit */

body.mediakit .ce_download h2 {}

body.mediakit .ce_download a:link, body.mediakit .ce_download a:visited {color: #fff !important;
border-radius: 3px;
-webkit-appearance: none;
border: 1px solid #b31069;
font-weight: 700;
border-bottom: 3px solid #b31069 !important;
font-size: 1rem;
background: #b31069;
padding: 40px 40px 40px 120px;
background: #b31069 url(../../files/_design/iconAnimated-Mediakit.svg) 10px 6px no-repeat;
margin-bottom: 70px;
display: block;
background-size: 90px;
display: table;
color: #fff;}

body.mediakit .ce_download a:hover {
	color: white !important;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	border: 1px solid #b31069;
	color: #b31069 !important;
	background: #fff url(../../files/_design/iconAnimated-MediakitHover.svg) 10px 6px no-repeat;
	background-size: 90px;
}

/* HEAD Navigation */

nav.mobileNav {display: none;}


/* mastermenu */

.mastermenu {position: relative; margin: 0 auto; text-align: center; overflow: visible; white-space: nowrap;}
	.isUser .mastermenu {padding-top: 40px; margin-bottom: 40px;}
	.mastermenu ul {margin: 0 auto 0 auto;}
	.mastermenu li {display: inline-block; margin: 12px 3% 0 3%; vertical-align: top;}
	.mastermenu li > a:link, .mastermenu li > a:visited {width: 70px; display: table-cell; vertical-align: middle; color: #4d5b6d;}
	.mastermenu li > a em {position: relative; top: 35px; font-style: normal; font-size: 0.9rem; padding-bottom: 6px;}
	.mastermenu li > a:hover em {color: #EA6D86; padding-bottom: 6px;}
	
	nav.mastermenu {/* background: none; margin: 15px 0vw 15px 20vw; */ background: rgba(255, 255, 255, 0.7); position: fixed; width: 100%; z-index: 90000000000; height: 90px; backdrop-filter: blur(4px); left: 0;} 
	nav.mastermenu ul {/* display: flex; justify-content: space-evenly; background: none; padding: 0; */ 	position: relative;
		padding-left: 19vw;
		box-sizing: border-box;}
		nav.mastermenu ul li  {position: relative;}
		nav.mastermenu ul > li:before {content: ""; background: rgba(191, 202, 217, 0.5); width: 7px; height: 7px; display: block; margin: 0 auto; border-radius: 100%; position: relative; top: 50px;}
		nav.mastermenu ul li.mediakit {position: relative; top: 13px; margin: 12px 2% 0 3%;} 
		nav.mastermenu ul li.mediakit.active {top: 2px;}
			nav.mastermenu ul li.mediakit a:link, nav.mastermenu ul li.mediakit a:visited, nav.mastermenu ul li.mediakit .active {background: #9F1F63 !important; color: #FFF !important; padding: 5px 36px 6px 13px; display: initial;	 border-radius: 3px; border: 1px solid #9F1F63; transition: all 0.5s; display: table; margin: 0 0 0 3%;}
			nav.mastermenu ul li.mediakit a:hover {color: #FFF !important; background: #344254 !important; border: 1px solid #344254;	}
			nav.mastermenu ul li.mediakit a:after, nav.mastermenu ul li.mediakit.active:after {position: absolute; 	top: 16px;
				left: 95px; animation: bounce 4s 1000; width: 1em; content: " ";
				background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMzAgMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgaWQ9IkRlc2lnbiIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48ZyBpZD0iQXJ0Ym9hcmQtQ29weS00IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTQxMS4wLCAtNDc2LjApIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iNSI+PGcgaWQ9IlNvcnRJY29ucyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTI5Ny4wLCAzNzguMCkiPjxwb2x5bGluZSBpZD0iUGF0aC0xMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTI4LjUsIDEwOC43KSBzY2FsZSgxLCAtMSkgdHJhbnNsYXRlKC0xMjguNSwgLTEwOC43KSAiIHBvaW50cz0iMTE4LjUgMTEzLjcgMTI4LjUgMTAzLjcgMTM4LjUgMTEzLjciPjwvcG9seWxpbmU+PC9nPjwvZz48L2c+PC9zdmc+);
				background-repeat: no-repeat; background-size: 100%; display: block;
			}
			
			nav.mastermenu ul > li.mediakit:before {display: none;}
			
			nav.mastermenu ul li.lang {width: 20px; margin: 12px 0 0 0;}
			nav.mastermenu ul li.lang:before {display: none;}
				nav.mastermenu ul li.lang a:link, nav.mastermenu ul li.lang a:visited {background: rgba(191, 202, 217, 0.2) !important;
					padding: 6px 10px 7px 10px;
					border-radius: 3px;
					position: relative;
					top: 12px; transition: all 0.5s ease; }
				nav.mastermenu ul li.lang a:hover {background: rgba(191, 202, 217, 1) !important; color: #FFF;  transition: all 0.5s ease; }	
			
			@keyframes bounce{0%, 20%, 50%, 80%, 100%{transform:translateY(0);}40%{transform:translateY(-9px);}60%{transform:translateY(-3px);}}
			
		nav.mastermenu ul li ul li:before {content: none;}
		
		nav.mastermenu ul li:hover,
		nav.mastermenu ul li:focus-within {background: none; cursor: pointer;}
		nav.mastermenu ul li:focus-within a {outline: none;}	
			nav.mastermenu ul li a {color: #fff; background: none !important;}
	
	nav.mastermenu ul li ul {background: #344254; visibility: hidden; opacity: 0; min-width: 5rem; position: absolute; transition: all 0.5s ease; margin-top: 1rem; left: 0; display: none; z-index: 100000000000; width: 200px; box-shadow: 0 15px 35px 0 rgba(50,66,93,.1); margin-top: 0; border-radius: 5px; box-shadow: 0 5px 12px rgba(56, 65, 103, 0.2); animation: fadein 0.2s; top: 50px; padding-left: 0vw;}
	nav.mastermenu ul li ul:before {content: ''; position: absolute; width: 1px; height: 1px; border: 5px solid transparent; border-bottom-color: #344254; left: 10%; top: -11px; margin-left: -5px;}
	
	nav.mastermenu ul li:hover > ul,
	nav.mastermenu ul li:focus-within > ul,
	nav.mastermenu ul li ul:hover,
	nav.mastermenu ul li ul:focus {visibility: visible; opacity: 1; display: block;}
	
	nav.mastermenu ul li ul li {clear: both; width: 100%; display: block; margin: 0;}
	
	nav.mastermenu ul li ul li a:link, nav.mastermenu ul li ul li a:visited, nav.mastermenu ul li ul li.active strong {text-align: left; font-weight: normal; color: #FFF; padding: 5px 15px; width: 100%; height: auto; font-size: 0.9rem; font-weight: 400; 	background: #B31069; display: block; box-sizing: border-box;}
	nav.mastermenu ul li ul li.active {font-weight: 400; text-align: left; padding: 0;}
	nav.mastermenu ul li ul li a:hover {}
	
	nav.mastermenu a:link, nav.mastermenu a:visited, nav.mastermenu .active {font-size: 0.95rem; letter-spacing: 0.2px; font-weight: 500; padding: 10px 0;}
		nav.mastermenu a:hover {color: #9F1F63;}
		nav.mastermenu a:hover:after {}
	
		nav.mastermenu ul li a:after {border-radius: 1em; content: ""; position: absolute; right: 100%; bottom: -1px; left: 0; transition: right .4s cubic-bezier(0,.5,0,1);}
		nav.mastermenu ul li ul li a:after {content: ""; position: absolute; right: 100%; bottom: -1px; left: 0; transition: right .4s cubic-bezier(0,.5,0,1);}
		nav.mastermenu ul li ul li a:hover:after {background: rgb(255 255 255 / 18%); position: absolute; left: 0; top: 0; height: 43px; width: 100%; border-radius: initial;}
		nav.mastermenu ul li a:after {border-radius: 1em; content: ""; position: absolute; right: 100%; left: 0; transition: right .4s cubic-bezier(0,.5,0,1);}
	
		nav.mastermenu ul li ul li a:after {content: ""; position: absolute; transition: width .4s cubic-bezier(0,.5,0,1); width: 0;}	
	
	
		nav.mastermenu ul li ul li:first-child.active strong {border-radius: 5px 5px 0 0;}
		nav.mastermenu ul li ul li:last-child.active strong {border-radius: 0 0 5px 5px;}
		
		nav.mastermenu ul li ul li:first-child.active strong:before {
			content: '';
			position: absolute;
			width: 1px;
			height: 1px;
			border: 5px solid transparent;
			border-bottom-color: #B31069;
			left: 10%;
			top: -11px;
			margin-left: -5px;
		}

/* Subnavigation */

body.home .mod_customnav.subnavigation {display: none;}	


/* BUTTON */

.button {margin: 10px 0; text-align: center; height: 60px; z-index: 1000; display: inline-block;}
.button a:link, .button a:visited {background: transparent; color: #fff !important; border-radius: 3px; padding: 6px 30px 6px 30px; -webkit-appearance: none; border: 1px solid #b31069; display: block; font-weight: 700; border-bottom: 3px solid #b31069 !important; font-size: 1rem; background: #b31069; display: table-cell;}
.button a:hover {background: #fff; color: white !important; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; border: 1px solid #b31069; color: #b31069 !important;}
	
.button.white a:link, .button.white a:visited {color: white; border-color: white !important; background: none !important; border-bottom: 3px solid white;}
.button.white a:hover {color: #344254 !important; background: white !important;}

.button span.arrow, button span.arrow, a span.arrow {
	background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjVweCIgaGVpZ2h0PSIzMHB4IiB2aWV3Qm94PSIwIDAgNjUgMzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgaWQ9IkRlc2lnbiIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48ZyBpZD0iQXJ0Ym9hcmQtQ29weS00IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTUxNi4wLCAtMzgxLjApIiBzdHJva2U9IiMzMzM5NDQiIHN0cm9rZS13aWR0aD0iNSI+PGcgaWQ9Ikdyb3VwLUNvcHktMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTU0OC41LCAzOTYuMCkgcm90YXRlKC05MC4wMCkgdHJhbnNsYXRlKC0xNTQ4LjUsIC0zOTYuMCkgdHJhbnNsYXRlKDE1MzMuNSwgMzYzLjUpIj48bGluZSB4MT0iMTQuNSIgeTE9IjM5LjUiIHgyPSIxNC41IiB5Mj0iMTQuNSIgaWQ9IkxpbmUiPjwvbGluZT48cG9seWxpbmUgaWQ9IlBhdGgtMTAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE0LjUwLCAzNC43OCkgc2NhbGUoMSwgLTEpIHRyYW5zbGF0ZSgtMTQuNTAsIC0zNC43OCkgIiBwb2ludHM9IjQuNSAzOS43OCAxNC41IDI5Ljc4IDI0LjUgMzkuNzgiPjwvcG9seWxpbmU+PC9nPjwvZz48L2c+PC9zdmc+) center right no-repeat;
	width: 17px; filter: grayscale(1) brightness(10); height: 22px; background-size: 21px; display: inline-block; margin-left: 10px; transition: transform 0.5s; background-position: 0 10px;
}

.button a:hover span.arrow {transform: translateX(10px;); transition: transform 0.5s;}


/* CenterTexts */

.centerTexts {text-align: center; margin: 20px auto 0;}
	.centerTexts h2, .centerTexts p {text-align: center !important; color: #FFF !important;}
	.centerTexts h2 {font-size: 2.7em !important; font-weight: 400; font-family: "fira-sans"; line-height: 1.2em;}
	.centerTexts p {font-size: 1em;}

	.centerTexts.gray h2, .centerTexts.gray p {text-align: center !important; color: #344254 !important;}
	.centerTexts.blue h2, .centerTexts.blue p {color: #344254 !important; padding: 0 10%; text-align: left !important;}
	
	.seitendetail .centerTexts {margin: 40px auto 40px;}


.mediendaten {margin: 95px auto 40px auto; text-align: center; height: 60px; z-index: 1000; position: absolute; float: right; right: 10%; z-index: 10000000;}
	.mediendaten a:link, .mediendaten a:visited {background: transparent; color: #FFF; border-radius: 3px; padding: 6px 20px 6px 20px; -webkit-appearance: none; border: 1px solid rgba(255, 255, 255, 1); display: block; font-weight: 400; transition: all 0.3s ease-in-out;}
	.mediendaten a:hover {background: #FFF; color: #344254;}
	.mediendaten img, .mediendaten .size {display: none;}

.home .mediendaten {display: none;}
.home .ce_download img, .home .ce_download .size {display: none !important;}


#belowHeader {background: #fff !important;}
	.home #belowHeader .mod_article {background: transparent url(../../files/_design/dottedLine1.svg) 603px 205px no-repeat;}
	#belowHeader .kunden {margin: 50px auto 0px auto; width: 100%; height: 300px; padding-bottom: 35px; background: transparent;}

.seitendetail .custom {background: #EFEFEF !important; }


.seitendetail #main .inside {padding: 0;}
	.seitendetail #main .inside .ce_text {padding: 0 20%;}
	.seitendetail #main .inside .ce_sliderStart {background: rgba(82, 95, 127, 0.05); margin-top: 50px; padding-top: 60px;}

#aboveFooter {background: #fff !important; border-top: 0px solid #737373; padding-top: 10px; margin-top: 60px;}
	#aboveFooter .inside {margin: 0 auto; max-width: 970px;}

.nochFragen {background: #EFEFEF;}

body.home #testimonial p {color: #344254 !important;}

.medienBox {margin: 20px 0; padding: 20px 0 40px 0;}
	.medienBox:nth-child(7) {border: none;}
	.medienBox .image_container.float_left {width: 30%; margin-right: 10%;}
	.medienBox img {border: 0px solid rgba(82, 95, 127, 0.3); border-radius: 8px; 	background: linear-gradient(
		292deg, rgba(191,202,217,0.25) 0%, rgb(255 255 255) 100%);} 
	.medienBox > h2, .medienBox > p, .medienBox > div {width: 60%; float: right;}
	
	.medienBox.last {padding-bottom: 80px !important; margin-bottom: -20px;}

.medien .centerTexts {margin-bottom: 70px;}

.mod_article .medienBox h2 {font-size: 2rem; line-height: 2.5rem; margin: 25px 0 20px; font-weight: 600; font-style: italic; font-family: mencken-std,sans-serif; font-weight: 800;}

.image_container.float_left {margin-right: 60px; width: 300px;}
.image_container.float_right {margin-left: 60px; width: 300px;}

.image_container.float_left:hover {opacity: 0.8;}


.medienBox .visitsAndSo p.medienlinkzurseite {border-bottom: 4px solid #AAA;}
.medienBox .visitsAndSo p.medienlinkzurseite:hover {background: #DDD; color: #344254 !important;}
.medienBox .visitsAndSo p.medienlinkzurseite a {color: #FFF;}
.visitsAndSo a strong {position: relative; top: 6px; color: #B31069 !important;}
.visitsAndSo a.medienlinkzurseite strong:hover {background: none;}
.visitsAndSo a.medienlinkzurseite:hover {color: #4FC6DE !important; background: none; border-color: #4FC6DE !important;}


body.events .ce_text:nth-child(3) .visitsAndSo p, body.events .ce_text:nth-child(4) .visitsAndSo p {width: 40%;}

/* Visits and So */

.visitsAndSo {display: flex; justify-content: space-between; width: 64%; float: right;}
	
	.visitsAndSo p {padding: 0px 12px 5px; border-bottom: 3px solid #444; background: none; color: #344254 !important; width: 20%;}
	.visitsAndSo strong {font-size: 1.2em; font-weight: normal; font-family: "fira-sans"; color: #344254;}
	.visitsAndSo:hover {color: #344254 !important;}

.visitsAndSo a:link, .visitsAndSo a:visited {display: inline-block; border-radius: 5px; text-align: right; line-height: 2.15rem; padding: 8px 14px 2px 11px; color: #FFF !important; height: 69px; background: none; color: #B31069 !important; border-bottom: 3px solid #B31069; border-radius: 0; box-shadow: none;}
.visitsAndSo a:hover, .visitsAndSo a:hover strong, .visitsAndSo a.facebook:hover, .visitsAndSo a.twitter:hover, .visitsAndSo a.googleplus:hover {color: #4FC6DE !important; border-color: #4FC6DE;}

.seitendetail .zahlen { max-width: 800px; margin: 0 auto 50px;}
.seitendetail .visitsAndSo {width: 100%;}


/* AppBox */

.appBox {margin: 20px 0; padding: 20px 0 40px 0;}
	.appBox p, .appBox h2 {text-align: center !important;}
	.appBox img {text-align: center; border-radius: 45px; box-shadow: 0 0 15px #DDD;}
	.appBox .visitsAndSo {text-align: center;}

/* Home Boxes */

.frontBox {font-size: 1.1em; text-align: left; font-weight: 400; color: #111; margin-bottom: 15px; text-align: center; border-radius: 5px;}

.frontBox .zahlen {background: none; margin-top: 0; border-bottom: 0;}
.frontBox .zahlen h2 {text-align: center; font-family: "fira-sans"; color: #636262; font-size: 1.5em; background: #333; color: #FFF; padding: 4px 8px 5px 8px; width: 210px; border-radius: 5px; font-weight: 400; text-align: center;}
.frontBox p {display: inline-block; color: #344254; border: none; padding-right: 11px; margin-bottom: 0px; border-radius: 0; text-align: center;}

.frontBox .image_container {float: left;}
.frontBox .zahlen {float: right; width: 100px; text-align: left;}


/* Pagination */

.pagination {margin-bottom: 30px; text-align: center;}
	.pagination p {visibility: hidden; height: 0;}
	.pagination ul li {display: inline-block;}
	.pagination ul li a:link, .pagination ul li a:visited {background: rgba(255, 255, 255, 0.1); color: #344254; border: none; border-radius: 3px; padding: 3px 8px 4px 8px;}
	.pagination ul li a:hover {background: #344254; cursor: pointer; color: #FFF;}
	.pagination span.current {display: inline; background: #B31069; border: none; color: #FFF; border-radius: 3px; padding: 3px 8px 4px 8px;}


/* Wolken */

.wolke {text-align: center; margin-bottom: 20px; min-width: 300px; max-width: 990px;}
.wolke h2 {font-family: "fira-sans"; color: #636262; font-size: 1.5em; background: #333; color: #FFF; padding: 4px 8px 5px 8px; width: 210px; border-radius: 5px; font-weight: 400; text-align: center;}
.mod_article .wolke h2 {font-family: "fira-sans"; color: #636262; font-size: 1.5em; background: #333; color: #FFF; padding: 4px 8px 5px 8px; width: 210px; border-radius: 5px; font-weight: 400; text-align: center;}
.wolke p {display: inline-block; margin: 0 7px 15px 7px;}

.wolke p a:link, .wolke p a:visited {background: #222 url(../../files/design/alert-overlay.png) repeat-x; display: inline-block;  padding: 4px 10px 5px;  color: #fff;  text-decoration: none; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); box-shadow: 0 1px 3px rgba(0,0,0,0.5);	 border-radius: 5px;  text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); position: relative; cursor: pointer; font-weight: 400; font-size: 1em;}

.wolke p a:hover {background-color: #111; color: #fff;}

.wolke.onei h2 {margin-left: 15px;}
.wolke.onei {margin-bottom: 20px;}
.wolke.onei a:link, .wolke.onei a:visited {background-color: #00B1DC;}
.wolke.onei a:hover {background-color: #007d9a;}

#index .wolke.onei, #index .wolke.twoi {margin-bottom: 20px; width: 590px;}

.wolke.twoi a:link, .wolke.twoi a:visited {background-color: #e33100;}
.wolke.twoi a:hover {background-color: #872300;}

.wolke.threei a:link, .wolke.threei a:visited {background-color: #a9014b;}
.wolke.threei a:hover {background-color: #630030;}

.rechte.wolke {text-align: right;}
.rechte.wolke h2 {float: right;}
.rechte.wolke p {display: inline-block; margin: 0 0 15px 7px;}
.rechte.wolke p a:link, .rechte.wolke p a:visited {background: #FFF url(../../files/design/alert-overlay.png) repeat-x;  color: #344254; text-shadow: none; font-size: 1em; font-weight: 400;}

.rechte.wolke p a:hover {background: #000 url(../../files/design/alert-overlay.png) repeat-x; color: #FFF; font-size: 1em; font-weight: 400;}
.rechte.wolke.onei p a:hover {background: #00B1DC url(../../files/design/alert-overlay.png) repeat-x;}
.rechte.wolke.twoi p a:hover {background: #e33100 url(../../files/design/alert-overlay.png) repeat-x;}
.rechte.wolke.threei p a:hover {background: #630030 url(../../files/design/alert-overlay.png) repeat-x;}


/* Modules Startseite Erklärung */

#vierModule {text-align: center; margin: 0 auto; margin-top: 30px; margin-bottom: 30px;}
#vierModule h2 {font-family: "fira-sans"; color: #636262; font-size: 1.5em; background: #333; color: #FFF; padding: 4px 8px 5px 8px; width: 240px; border-radius: 5px; margin: 0 auto; text-align: center;}
#vierModule div {text-align: center; margin: 0 auto 0 auto;}
#vierModule div img {display: block; margin: 30px auto 30px auto;}
#vierModule .columns {width: 32%; display: inline-block;}


/* Gallery */

.screenshots {background: #333; text-align: center; margin-top: 18px; margin-bottom: 20px; padding: 3px 8px 3px 2px; color: #111; border-bottom: 1px solid #DDD;
background: transparent url(../../files/design/streifen.png) no-repeat; }
.mod_article .screenshots h2 {float: left; margin: 5px 0 20px 15px; padding: 0;}
.screenshots a:link, .screenshots a:visited {background: none; border: none; border: none; font-weight: 300;}
.screenshots a:hover {color: #344254;}
.screenshots p {display: inline-block; margin: 0 6%; border: none; color: #FFF; font-size: 1.2em; font-weight: 300; margin: 0;}
.screenshots .button {border: none; box-shadow: none;}

.reveal-modal img {border-radius: 5px; border: 0px solid #DDD;}

.bilderbereich .caption {background: #333; border-radius: 0 5px 0 5px; color: #FFF; padding: 5px 10px; width: 130px !important; position: relative; top: -27px; left: 0px;}

.bilderbereich img {border: 1px solid #333; border-radius: 5px;}

.bilderbereich .pic1 {float: left; display: inline-block;}
.bilderbereich .pic2 {float: left;}
.bilderbereich .pic4 {float: right;}

.mediadaten {float: right; margin: 25px 5px 0px 22px; background: #FFF; color: #344254; text-align: center; border-radius: 5px; padding: 13px 0 13px 0; font-weight: 400; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);}
.mediadaten:hover {background: #333; color: #FFF;}


/* Stats */

.isMobile {margin-bottom: 20px; display: inline-block; background: transparent; background: #fff; color: #344254; padding: 4px 15px 4px 15px; border-radius: 3px; font-size: 0.9em; text-align: center; 
    color: #344254;     border: 1px solid rgba(82, 95, 127, 0.2);}
.jahresmittel {background: #333333; color: #FFF; font-weight: 400; padding: 3px 7px 4px 7px; border-radius: 3px; font-size: 0.9em; text-align: center; float: right;}

.besuchen {margin-bottom: 20px; display: inline-block; position: relative; top: 0px; margin-right: 4px;}
.besuchen a:link, .besuchen a:visited {background: #FFDC00 !important; padding: 6px 10px 5px 10px !important; color: #344254 !important; border-radius: 3px !important; border: none !important; display: block !important;}    
.besuchen a:hover {color: #fff; background: #344254; color: #FFF; cursor: pointer;}


.stats {margin-top: 20px;}
	.stats h2 {margin-top: 25px;}

.social {text-align: center; margin-top: 25px;}
	.social p {margin-right: 5px; padding-bottom: 0; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); box-shadow: 0 1px 3px rgba(0,0,0,0.5);}
	.social a:link, .social a:visited {color: #FFF;}
	.stats p.facebook {background: #274693;}
	.stats p.twitter {background: #00B1DC;}
	.stats p.googleplus {background: #e33100;}


.zahlen {margin-bottom: 60px;}
.zahlen .visitsAndSo {margin-top: 15px; text-align: center;}
.mod_article .zahlen h2 {margin: 20px 0 5px 0px; padding: 0; text-align: center;}

.werbeformen h3 {text-align: center; font-family: "fira-sans"; font-weight: 300;}
.werbeformen p {background: #FFF; color: #344254; box-shadow: #FFF; text-shadow: none; width: 100%; text-align: center; background: rgb(234,234,234);
background: linear-gradient(to right, rgba(234,234,234,1) 0%,rgba(251,247,243,1) 100%); /* W3C */ border-bottom: 1px solid #DDD; background: transparent url(../../files/design/streifen.png) no-repeat; border-radius: 0;}

.werbeformen p {text-align: center;}
	.werbeformen p.download {min-height: 200px; text-align: center;}
	.werbeformen p.download img {margin-top: 15px;}

.seitenleiste img {border-radius: 5px; margin-bottom: 20px;
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
filter: grayscale(100%); opacity: 0.7;}
.seitenleiste img:hover {filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
filter: grayscale(0%); opacity: 1;}

.seitenleiste .ce_image {display: inline-block; margin-right: 4.7%; margin-bottom: 20px;}
.seitenleiste .ce_image:nth-child(4), .seitenleiste .ce_image:nth-child(7), .seitenleiste .ce_image:nth-child(10) {margin-right: 0;}


/* Newslist */

.mod_newslist a:hover {color: #344254; border-bottom: 3px solid rgba(179, 16, 105, 0.2);}
.mod_newslist .even, .mod_newslist .odd {margin-bottom: 60px; display: inline-block; width: 45%; vertical-align: top;}

body.newsListe .mod_newslist {padding-top: 100px;}
	body.newsListe .mod_newslist .odd {margin-top: 100px;  overflow: visible;}
	body.newsListe .mod_newslist .even {margin-top: -100px;  overflow: visible;}
	
	body.newsListe .layout_latest:after {content: ""; background: rgba(191, 202, 217, 0.5); width: 14px; height: 14px; border-radius: 100px; display: block; position: relative; top: 55px; top: 4vw; left: 50%;}

.mod_newslist .even {margin-right: 9%; margin-top: 0px;}
.mod_newslist p a:link, .mod_newslist p a:visited {border-bottom: 3px solid rgba(179, 16, 105, 0.2);}
.mod_newslist p a:hover {background: #FFDC00; color: #FFF;}
.mod_newslist img {border-radius: 3px;}

		.mobile .mod_newslist .even, .mobile .mod_newslist .odd {width: 100%; margin-right: 0;}


.mod_article .mod_newslist h2 {font-size: 1.5em; margin: 30px 0 -10px 0; padding: 0; line-height: 2.3rem;}
	.mod_article .mod_newslist h2 a:link, .mod_article .mod_newslist h2 a:visited {color: #344254;}
	.mod_article .mod_newslist h2 a:hover {color: #b31069;}

.mod_newslist .image_container {margin-bottom: 15px; border-radius: 5px; overflow: hidden;}
.mod_newslist img:hover {opacity: 0.7; }
.mod_newslist .teaser p {white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; color: rgba(82, 95, 127, 0.5);}
  
  .mod_newslist p.info {display: none;}

.mod_newslist p.more {display: none;}

.mod_newsreader h1 {font-size: 2.7rem; line-height: 1.3em; font-weight: normal; margin-top: 25px; border: none; font-weight: 800; text-indent: 2px;}
.mod_newsreader h2 {font-size: 1.6em; line-height: 2.8rem; font-weight: 400; margin: 40px 0 30px 0; text-align: left; color: #344254; font-family: mencken-std,sans-serif;  font-weight: 800; font-style: italic; text-indent: 2px;} 
.mod_newsreader p, .mod_newsreader li {font-size: 17px;}
.mod_newsreader p a:link, .mod_newsreader p a:visited {}
.mod_newsreader p a:hover {}

		.mobile .mod_newsreader ul {margin-left: 0; padding-left: 20px;}


p.info {color: rgba(82, 95, 127, 0.5); font-size: 0.8rem; color: rgba(82, 95, 127, 0.7); font-size: 0.85rem; font-weight: 400;}

p.more {}
	p.more a:link, p.more a:visited {background: #B31069; color: #FFF; border: none; border-radius: 3px; padding: 3px 8px 4px 8px; color: #FFF; width: 100px; text-align: center;}
	p.more a:hover {background: #333; cursor: pointer;}

p.back {margin: 20px 0 40px 0;}
	p.back a:link, p.back a:visited {background: #B31069; color: #FFF; border: none; border-radius: 3px; padding: 3px 8px 4px 8px; color: #FFF; width: 100px;}
	p.back a:hover {background: #333; cursor: pointer;}
	p.back.news {margin: -79px 0 0 0; float: right;}

.newsListe #container .layout_latest p.info time {color: rgba(255, 255, 255, 0.5);}


.newsListe .layout_latest figure img {border-radius: 4px; transition: all .3s;}
.newsListe .layout_latest figure img:hover {transform: scale(1.1);}
.newsListe .mod_newslist a:hover {border-bottom: none;}

.layout_latest h2 {padding-left: 2px;}
.layout_latest h2 a {	line-height: 2.2rem;
	font-family: mencken-std,sans-serif;
	font-size: 1.4rem;	font-weight: 600;
	font-style: italic;
	letter-spacing: 0.2px;}

.layout_full {width: 80%; margin: 0 auto;}
	.layout_full a:link, .layout_full a:visited {color: #344254;}
	.layout_full a:hover {}
	.layout_full .image_container a {background: none;}
	.layout_full img {border-radius: 5px; margin-bottom: 15px;}
	.layout_full .imgborder img {border: 1px solid #DDD;}

			.mobile .layout_full {width: 100%;}


/* */

body.home #testimonial {position: relative; display: flex; justify-content: space-between; padding-top: 100px; padding-bottom: 130px; background-image: url(../../files/_design/testimonialStripes.svg),
	linear-gradient(313deg, rgba(191,202,217,0.25) 0%, rgb(255 255 255) 100%); background-size: cover;}
body.home #testimonial h2 {margin-bottom: 30px; background: none;}
	
	body.home #testimonial .ce_text {width: 31%; background: #FFF; border-radius: 5px 5px 225px 5px; padding: 10px 30px 30px; position: relative; top: 100px; height: fit-content; box-sizing: border-box; border-bottom: 10px solid #9F1F63; font-size: 1rem; line-height: 1.7rem; text-align: left;}
	
	body.home #testimonial .ce_text p {color: #344254 !important;}
	body.home #testimonial .ce_text p.small {font-size: 0.95rem; position: relative; top: 10px;}
	body.home #testimonial div:first-child {width: 30%; background: transparent; border-bottom: 0; bottom: 0;}
	body.home #testimonial div:first-child p {border-radius: 100px; background: #FFF; padding: 5px 20px 6px; text-align: center; display: inline-block; font-weight: 400; font-size: 1rem; margin: 5px; color: #344254 !important;}

body.home #testimonial div:first-child p:last-child {background: none;  padding: 0; margin-top: 40px;}	
body.home #testimonial .ce_text:first-child {margin-top: -200px;}
body.home #testimonial .ce_text:last-child {top: -40px; border-bottom: 10px solid #FFB100; background: #fff;}
	
body.home #testimonial .ce_text img {width: 100px; border-radius: 400px; position: relative; top: 12px;}
body.home .frontNews {} 


/* Breadcrumbs */

.bread {}
	.mod_breadcrumb {position: relative; display: flex;}
	.mod_breadcrumb ul {padding: 0; margin: 0;}
	.mod_breadcrumb ul li {color: #fff; font-size: 0.8rem; float: left; list-style: none; margin-right: 0px; padding: 4px 15px 4px 0px;}
	.mod_breadcrumb ul li span {margin-left: 15px; display: inline-block; color: rgba(82, 95, 127, 0.7);}
	.mod_breadcrumb ul li a:link, .mod_breadcrumb ul li a:visited {color: rgba(82, 95, 127, 0.7); font-size: 0.85rem; font-weight: 400;}
	.mod_breadcrumb ul li a:hover {color: rgba(82, 95, 127, 1);}
	.mod_breadcrumb ul li.active {color: rgba(82, 95, 127, 0.7); font-size: 0.85rem; font-weight: 400;}

.mobile .mod_breadcrumb ul li {line-height: 1.5rem; padding: 7px 15px 6px 0px;}
	.mobile .mod_breadcrumb ul li span {margin-left: 15px;}


/* social Icons */

.socialIcons {margin-top: 50px;} 
	.socialIcons a:link, .socialIcons a:visited {display: block; width: 30px; height: 32px; float: left; margin-right: 15px; background-size: 100%; opacity: 0.7;}
	.socialIcons a:hover {-webkit-filter: hue-rotate(90deg) saturate(2); filter: hue-rotate(90deg) saturate(2); opacity: 1;}
	
	.mobile .socialIcons {margin: 25px auto 55px auto; padding: 0 30%; width: 70%;}

.facebookIcon {background: transparent url(../../files/_design/facebook.svg)  center top no-repeat; cursor: pointer;}
.facebookIcon:hover {background: transparent url(../../files/_design/facebook.svg) center top no-repeat; }
.xingIcon {background: transparent url(../../files/_design/xing.svg) center top no-repeat; cursor: pointer;}
.xingIcon:hover {background: transparent url(../../files/_design/xing.svg) center top no-repeat;}
.linkedInIcon {background: transparent url(../../files/_design/linkedin.svg) center top no-repeat; cursor: pointer;}
.linkedInIcon:hover {background: transparent url(../../files/_design/linkedin.svg) center top no-repeat;}


/* Footer */

body.home .mod_subscribe input {}

a.logo-footer {background: transparent url(../../files/_design/FOKUSKINDMedien-Logo2022-White.svg) 0 8px no-repeat; cursor: pointer; display: block; width: 180px; height: 85px; background-size: 100%;}	

#footer .mod_subscribe {margin-bottom: 20px;}
	.mod_subscribe h3 {width: 25%; display: inline-block; font-size: 1rem; color: #FFF;}
	.mod_subscribe #tl_subscribe {width: 50%; display: inline-block; padding-top: 15px; width: 68%;}
	.mod_subscribe input {display: inline-block;}
	.mod_subscribe input.text {width: 60%;}
	.mod_subscribe input.submit {font-size: 0.9rem; background: transparent; color: #FFF; border: none; border-radius: 3px; padding: 6px 20px 7px 20px; -webkit-appearance: none; border: 1px solid #fff; margin-left: -7px;}
	.mod_subscribe input.submit:hover {background: #FFF; color: #344254;}    
	.mod_subscribe p.error {color: #FFF;  margin-top: 2px;}

		.mobile .mod_subscribe {width: 90%; padding: 0 5%;}
			.mobile .mod_subscribe h3 {width: 100%;}
			.mobile .mod_subscribe #tl_subscribe {width: 100%;}
			.mobile .mod_subscribe input.text {width: 100%; text-align: center; margin-bottom: 10px;}
				body.mobile .mod_subscribe input {display: block;}
				body.mobile .mod_subscribe input.submit {margin: 0 auto !important;}

.footerKontakt {margin-bottom: 20px;}
	#footer .inside {display: flex; justify-content: space-between; flex-wrap: wrap;}
	#footer .inside > div {width: 22%;}
	#footer .inside > div.inputModules {width: 45%;}

		.mobile #footer .inside > div, .mobile #footer .inside div > p {width: 100%; text-align: center;}


#footer .copyright {font-size: 0.7rem; font-weight: 400; text-align: center; padding-top: 50px; color: rgba(255, 255, 255, .4); display: block; width: 100% !important;}
	#footer .copyright * {display: inline-block;}
	#footer .copyright a:link, #footer .copyright a:visited {opacity: 0.7;}
	#footer .copyright a:hover {opacity: 1;}
	
	.mobile #footer .copyright .year {display: block;}
	

#footer .footerNav ul {padding-left: 0;}
#footer .footerNav li {list-style: none;}
	#footer .footerNav a:link, #footer .footerNav a:visited {color: #FFF;}
	#footer .footerNav a:hover {color: rgba(255, 255, 255, 0.8);}
	#footer .footerNav a:hover span {padding: 0 0 0 30px; -webkit-transition: padding 1s; /* Safari */ transition: padding 1s;}

/* Login */

.mod_login {border: none; margin-bottom: 20px;}
	.mod_login table {border: none; background: none;}
	.mod_login table tbody tr td {padding: 0; padding-right: 15px;}


input.text, textarea {border: none; border-radius: 2px; padding: 7px 11px;}
input.submit {border: 1px solid }
    
#footer a:hover {color: #FFF;}

#kontakt, #unternehmen { margin-bottom: 140px;}
#news, #newsartikel { margin-bottom: 50px;}


/* Kunden */

.kunden h2 {text-align: center; margin-bottom: 45px; 	line-height: 2.2rem;
	font-family: mencken-std,sans-serif;
	font-size: 1.4rem;font-weight: 600;
	font-style: italic;}
.kunden .centerbox, .kunden .ce_gallery {margin-bottom: 60px;}

.ce_gallery>ul {display: flex; justify-content: space-between; flex-wrap: wrap;}
	.ce_gallery>ul li {	width: 16%; margin-bottom: 14px; padding: 2%; box-sizing: border-box;}
		.ce_gallery>ul li img, .mod_newslist img {border-radius: 5px;}
		.ce_gallery>ul li img {filter: grayscale(100%); transition: all 0.2s ease-in-out;}
			.ce_gallery>ul li img:hover {filter: grayscale(0%); cursor: pointer;}

.home .ce_gallery > ul {display: flex; justify-content: space-around; margin-top: 130px; flex-wrap: wrap;}
	.home .ce_gallery > ul li {	width: 18%; margin: 0 2%;}
		.home .ce_gallery>ul li img {background: #FFF;}


/* Newslettermodul & Client Login */

#footer input, input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {margin-bottom: 10px;background: transparent; border-bottom: 1px solid rgba(255, 255, 255, 0.5); border-radius: 0; color: #FFF; margin-bottom: 10px; font-size: 0.9rem;}
#footer input::placeholder {color: rgba(255, 255, 255, 0.5);}

.text.password {margin-bottom: 8px;}

#mail-dsgvo {display:none; color: rgba(255, 255, 255, 0.8); font-size: 0.7rem; padding-left: 20px; line-height: normal;}
#mail-dsgvo a:link, #mail-dsgvo a:visited {color: rgba(255, 255, 255, 0.8); border-bottom: 2px solid rgba(255, 255, 255, 0.3);}
#mail-dsgvo input {vertical-align: initial; margin-left: -20px;}


/* Kontaktformular */

body.kontakt .flex div {
	width: 50%;
}

body.kontakt h2 {
	line-height: 2.2rem;
	font-family: mencken-std,sans-serif;
	font-size: 1.4rem;
	font-weight: 600;
	font-style: italic;
	letter-spacing: 0.2px;
	margin-top: 100px;
}

.kontaktformular  {background: rgba(82, 95, 127, 0.065); padding: 10px 30px; border-radius: 5px; position: relative; margin-bottom: 200px;}
	.kontaktformular .widget {margin: 15px 0;}
	.kontaktformular label {position: relative; margin: 10px 0; font-weight: 400;}
	
	.kontaktformular .widget.widget-textarea label {display: block; margin: 10px 0 20px; font-weight: 400; display: block;}
		.kontaktformular input[placeholder] {font-family: 'fira-sans'; padding-left: 10px;}
		.kontaktformular textarea {padding: 5px; font-family: Verdana; border-radius: 3px; margin-bottom: 4px; 	padding: 12px; font-family: 'fira-sans'; border-radius: 3px; margin-bottom: 4px; width: 100%; box-sizing: border-box;}
	
	.kontaktformular input {padding: 5px; border-radius: 3px; margin: 0 0 0px 0; min-width: 65%; position: absolute; left: 20%;}
	.kontaktformular button#file {border: 1px solid #a5a5a5; padding: 5px; margin-right: 15px; border-radius: 4px;}
	
	.kontaktformular button.submit {	background: transparent;
		color: #fff !important;
		border-radius: 3px;
		padding: 6px 30px 6px 30px;
		-webkit-appearance: none;
		border: 1px solid #b31069;
		display: block;
		font-weight: 700;
		border-bottom: 3px solid #b31069 !important;
		font-size: 1rem;
		background: #b31069;
		display: table-cell;
	font-family: 'fira-sans';
	margin-top: 40px;
	display: block;
cursor: pointer;}
	.kontaktformular button.submit:hover {
		background: #fff;
		color: white !important;
		transition: all 0.5s ease-in-out;
		border: 1px solid #b31069;
		color: #b31069 !important;
	
	}
	
	.kontaktformular span.mandatory {visibility: hidden;}

	.kontaktformular .widget.widget-explanation {margin: 40px 0 20px;}


	tr.row_6, tr.row_3, tr.row_2, tr.row_1, tr.row_0 {line-height: 30px;}

.cs-prev, .cs-next {visibility: hidden;}

input#opt_89_0 {width: 20px;}
input#opt_89_1 {width: 20px;}

#f2 legend {margin-bottom: 10px;}
#f2 .checkbox_container span {background: #333; color: #FFF; margin-bottom: 10px; display: block; padding: 9px; border-radius: 3px;}
#f2 .checkbox_container .checkbox {position: relative; top: 0px; margin-right: 10px;}
#f2 .checkbox_container label {background: none; padding: 0; text-transform: none;}

#kontakt form#f2 table {border: none;}
#kontakt form#f2 table tbody tr td {border: none;}

#kontakt input.captcha.rechnung {min-width: inherit; max-width: 50%; border: none;}
#kontakt .explanation p {margin-bottom: 0;}
#kontakt input.submit {margin-top: 20px;}



.mod_article.head {padding-left: 0;}

/* Video Wrapper */
.videoWrapper {position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 0; height: 0; margin: 0 0 30px; -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%); /*ios 7 border-radius-bug */
	-webkit-transform: rotate(0.000001deg); /*mac os 10.6 safari 5 border-radius-bug */
-webkit-border-radius: 10px; 
-moz-border-radius: 10px;
border-radius: 10px; 
overflow: hidden;    }
.videoWrapper iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}


#f3, #f5 {max-width: 600px; margin: 0 auto; text-align: center; padding: 15px 30px 30px 30px; background: #FFF; border-radius: 10px; border-radius: 3px;}
.whiteForm h1, .whiteForm h2, .whiteForm p {text-align: center;}
#f3 label, #f5 label {display: block;}
#f3 .widget, #f5 .widget {margin-bottom: 20px;}
#f3 input, #f5 input {border: 1px solid hsla(223, 22%, 41%, 0.3); box-shadow: 0 0 10px rgba(82, 95, 127, 0.3); padding: 14px; width: 96%;}
#f3 input.submit, #f5 input.submit {margin-top: 30px; cursor: pointer; border: none; width: 60%;}
#f3 input.submit {background: transparent; color: #fff !important; border-radius: 3px; padding: 12px 30px 12px 30px; -webkit-appearance: none; border: 1px solid #b31069; display: block;
    font-weight: 700; border-bottom: 3px solid #b31069 !important; font-size: 1rem; background: #b31069;margin: 40px auto;}
    
    #f3 input.submit:hover {background: #fff; color: white !important; transition: all 0.5s ease-in-out; border: 1px solid #b31069; color: #b31069 !important;}

	#f3 select {display: block; font-size: 16px; font-family: sans-serif; font-weight: 700; color: #444; line-height: 1.3; padding: .7em 1.4em .7em .8em; width: 100%; max-width: 100%; 
    box-sizing: border-box; margin: 0; border: 1px solid #aaa; box-shadow: 0 1px 0 1px rgba(0,0,0,.04); border-radius: 3px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
      linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
	}

#f3 fieldset {border: none; padding: 0;}
	#f3 fieldset.checkbox_container span {float: left; width: 49%;}
		#f3 fieldset.checkbox_container span input, #f3 fieldset.checkbox_container span label {display: inline-block;}
		#f3 fieldset.checkbox_container span label {position: relative; top: -5px; left: 10px;}
	#f3 fieldset legend {margin-bottom: 10px;}
	#f3 .checkbox {box-shadow: none; width: 15px;}
	

/* Animations */

@keyframes fadeInUp {
	from {transform: translate3d(0,40px,0)}
    to {transform: translate3d(0,0,0); opacity: 1}	}

@-webkit-keyframes fadeInUp {
    from {transform: translate3d(0,40px,0)}
    to {transform: translate3d(0,0,0); opacity: 1}	}

@keyframes fadeInDown {
	from {transform: translate3d(0,-40px,0)}
    to {transform: translate3d(0,0,0); opacity: 1}	}

@-webkit-keyframes fadeInDown {
    from {transform: translate3d(0,-40px,0)}
    to {transform: translate3d(0,0,0); opacity: 1}	}
    
@keyframes fadeInPlace {
    from {transform: translate3d(0,0px,0); opacity:0}
    to {transform: translate3d(0,0px,0); opacity: 1}   }    

.animated {animation-duration: 1s; animation-fill-mode: both; -webkit-animation-duration: 1s; -webkit-animation-fill-mode: both}
.animatedFadeInUp {opacity: 0}
.fadeInUp {opacity: 0; animation-name: fadeInUp; -webkit-animation-name: fadeInUp;}
.fadeInDown {opacity: 0; animation-name: fadeInDown; -webkit-animation-name: fadeInDown;}
.fadeInPlace {animation-duration: 1s; opacity: 0; animation-name: fadeInPlace; -webkit-animation-name: fadeInPlace;}


.cc-btn {font-weight: 400 !important;}
.cc-window.cc-banner {width: auto !important;}
.cc-theme-edgeless.cc-window {padding: 0; border: 1px solid #344254; background: #344254 !important; z-index: 10000000000; margin: 0 12px 12px 12px; border-radius: 5px; box-sizing: border-box; backdrop-filter: blur(4px); opacity: 0.9;}
.cc-banner.cc-theme-edgeless .cc-btn {color: #344254;}    
.cc-banner.cc-theme-edgeless .cc-message {padding-top: 6px;}
.cc-banner.cc-theme-edgeless .cc-message a {margin-top: -4px; margin-left: 10px;}
.cc-btn.cc-allow:hover {background: #b31069 !important; color: #FFF !important;}


.flex {display: flex; justify-content: space-between; flex-wrap: wrap;}
	.flexTwo {flex: 0 2 auto; width: 47%; margin-bottom: 30px;}
	.flexFour {flex: 0 4 auto; width: 23%; margin-bottom: 30px;}

.inzahlen {position: relative; top: 200px; margin-bottom: 330px; text-align: center;}
	.inzahlen  .flexFour *, .inzahlen  .flexFour {text-align: center;}
	.inzahlen img {text-align: center; margin-bottom: 40px;}
	.inzahlen .fat {margin: 0; font-size: 3rem; font-weight: bold; margin-bottom: 30px;}
	.inzahlen p:nth-child(3) {font-size: 1rem;}
	
body.home .inzahlen { justify-content: space-between;}	
    
body.home .inzahlen .flexFour {padding: 20px 0; border-radius: 10px; background: #FFF; border: 2px solid #9F1F63; width: 21%; 	border-bottom-width: 5px; transform: skew(-1deg, 1deg); 	height: 300px;}    
	body.home .inzahlen .flexFour .fat {color: #9F1F63; font-family: mencken-std,sans-serif; font-weight: 800; margin-bottom: 25px;}
	body.home .inzahlen .flexFour p.texteins {font-weight: 400px !important;}

body.home .inzahlen .flexFour:nth-child(2) {position: relative; top: -80px; border-color: #FFB100; transform: skew( 1deg, -1deg); height: 330px;}
	body.home .inzahlen .flexFour:nth-child(2) .fat, body.home .inzahlen .flexFour:nth-child(2) .texteins  {color: #FFB100;}
	
body.home .inzahlen .flexFour:nth-child(3) {position: relative; top: 60px; border-color: #344254; transform: skew(-1deg, 1deg); height: 300px;}
	body.home .inzahlen .flexFour:nth-child(3) .fat, body.home .inzahlen .flexFour:nth-child(3) .texteins {color: #344254;}
	body.home .inzahlen .flexFour:last-child {	transform: skew(1deg, 1deg);}
		
body.home .inzahlen .flexFour:last-child {	height: 395px;}		
body.home .inzahlen .flexFour:last-child p.fat {	font-size: 2.4rem; line-height: 3rem; padding: 0 10%;}		
body.home .inzahlen .flexFour:last-child p {padding: 0 15%;}
	

.inzahlen.flex div.text {position: relative;}
.inzahlen.flex div.text .texteins {opacity: 1; text-align: center; font-size: 1rem; font-weight: 400;}
.inzahlen.flex div.text .textzwei {opacity: 0; position: absolute; top: 0; text-align: center; font-size: 0.85rem;}
.inzahlen.flex div:hover .texteins {opacity: 0; transition: all 0.2s ease-in; cursor: pointer;}	
.inzahlen.flex div:hover .textzwei {opacity: 1; transition: all 0.2s ease-in; cursor: pointer; margin-top: -5px; background: #344254; color: #FFF; padding: 10px; border-radius: 5px;}	
	

body.services #main h2, body.unternehmen #main h2 {	color: #344254;
	font-size: 2.3rem;
	display: block;
	font-family: mencken-std,sans-serif;
	font-weight: 800;
	font-style: italic;
	margin-top: 80px;
	margin-bottom: 30px;}
	
body.unternehmen #main h2 {margin-top: 40px;}	
	
	
body.services #main iframe {float: right; width: 500px; height: 500px; display: block; border: none;}

	body.medien #main .mod_article {padding: 0;}
	body.medien #main .mod_article > div:nth-child(even) {background: rgba(82, 95, 127, 0.065);}

		body.medien #main .mod_article .ce_text h2 {margin-top: 30px; margin-bottom: 50px;}
		body.medien #main .mod_article .ce_text {padding-top: 100px; padding-bottom: 100px;}
					
					
/* Services */					
					
		body.services #main .ce_text {overflow: visible;}			
					
		body.services #main .mod_article .ce_text:nth-child(even) {background: linear-gradient(
						313deg, rgba(191,202,217,0.25) 0%, rgb(255 255 255) 100%); position: relative;}
					
		body.services #main .mod_article div:nth-child(even) p {width: 50%;}
		
		body.services #main .mod_article div:nth-child(odd) h2,
		body.services #main .mod_article div:nth-child(odd) p {margin-left: 50%;}
		
		body.services #main .mod_article div.centerbox {padding-top: 0; padding-bottom: 0;}
			body.services #main .mod_article div.centerbox p {margin-left: 0; width: 100%;}
				
				
			body.services #main .ce_text .float_right {margin-left: 60px; width: 40vw; position: relative; top: -110px;}
			body.services #main .ce_text .float_left {width: 29vw; position: relative;}
		
		
			body.services #main iframe {background: transparent url(../../files/_design/services3D.svg) -80px 0 no-repeat; background-size: 100%;}
			body.services #toycar {width: 400px; height: 100%; float: right; position: absolute; top: 0; right: 0;}
			body.services #main .mod_article .ce_text:nth-child(4) {overflow: hidden; clear: both;}
		
		
		body.services #main .mod_article .ce_text:last-child {background: none;}
		body.services #main .mod_article .ce_text:last-child p {text-align: center; width: 100%; margin: 0 auto;}
			body.services #main .mod_article .ce_text:last-child p a {text-align: center; margin: 40px auto; display: table;}

/* Unternehmen */

body.unternehmen {}
body.unternehmen #main .ce_text {margin-bottom: 30px;}
body.unternehmen .imgOne {width: 60%; float: right;}
	body.unternehmen .imgOne img {border-radius: 5px; margin-top: 50px;}
	body.unternehmen .imgOne figcaption {margin-top: 20px; text-align: center; font-size: 1rem; font-style: italic; font-weight: 800; margin-bottom: 40px;}
	
	body.unternehmen .textRight {float: right; width: 60%;}
	body.unternehmen .teamLeft {position: relative; top: 0; clear: both; width: 100%;}
	body.unternehmen .teamLeft ul {margin-left: 20px;}
		
#startabovefooter {padding-bottom: 150px;}
#startabovefooter h2, #startabovefooter p {color: #344254;}

div.toggler {font-weight: 700; color: #344254; font-style: italic; margin-bottom: 20px; margin-top: 30px; font-size: 3rem; line-height: 3.5rem;}
div.accordion {background: rgba(82, 95, 127, 0.065);   padding: 4px 40px 20px;}

body.medien.services #main .inside .ce_accordion.ce_text {padding-bottom: 0; padding-top: 20px;}
body.medien.services #main .inside .ce_accordion.ce_text:nth-child(3) {padding-bottom: 70px;}


@media (max-width: 900px) {


		
	.headerLogo {width: 180px; padding-left: 5%; z-index: 10000000000000000;}
	
	h1 {font-size: 3rem;}
	.ce_text ul {margin-left: 0;}
	
	body.services #main h2, body.unternehmen #main h2 {font-size: 2.1rem;
		line-height: 2.6rem;}
	
	nav.mastermenu {display: none;}
	
	body.home h2 {font-size: 2.8rem; line-height: 3.2rem;}
	
	.heroOne .ce_text, .heroTwo .ce_text, .heroThree .ce_text, .heroFour .ce_text, .hero p {width: 100%; padding-left: 0; margin-left: 0;}
	.heroOne .ce_image, .heroTwo .ce_image, .heroThree .ce_image, .heroFour .ce_image {position: relative; width: 100%; margin: 0; float: none; right: auto; left: auto;}

	.heroOne {margin-top: 100px;}
	.heroOne p {margin-bottom: 0;}
	body.home .inzahlen .flexFour .fat, body.home .inzahlen .flexFour:last-child p.fat {font-size: 2.2rem;}
	
	.heroTwo,  .heroThree,  .heroFour {margin-top: 150px;}
		
	.home .ce_gallery > ul {margin-top: 70px;}
	.heroTwo .ce_image {margin: -70px 0 70px;}	
		
	body.home #testimonial {margin-top: 70px;}	
		
	.flexTwo {flex: 0 2 auto; width: 100%;}
	.flexFour {flex: 0 2 auto; width: 48%;}	
	
	body.home .inzahlen .flexFour:nth-child(1), body.home .inzahlen .flexFour:nth-child(2), body.home .inzahlen .flexFour:nth-child(3), body.home .inzahlen .flexFour:nth-child(4) {
		transform: skew(0, 0);
	}
	
	body .tagcloud {margin: 120px 0 0;}
	body.home .inzahlen .flexFour {width: 45% !important;}
	body.home .ce_gallery > ul li {width: 45%;}
	body.home.ce_gallery > ul li {width: 75%; text-align: center; margin: 0 auto;}
	
	body.home .inzahlen .flexFour {padding-bottom: 40px;}
	
	body.home #testimonial .ce_text {width: 100%; top: 0;}
	body.home #testimonial .ce_text:first-child {margin-top: 0px; padding: 0;}
	body.home #testimonial div:first-child {width: 100%;}
	body.home #testimonial .ce_text:last-child {margin-top: 100px;}
	
	body.home .iframe h2 {left: 0;}
	body.home iframe, body.home .iframe {width: 100%;}
	body.home .iframe .scanme {display: none;}

	body.home .frontNews {margin-top: 0px;} 
	body.home #testimonial {top: 0px;}


	.mod_newslist.frontNews .odd {width: 100%; margin: 50px 0;}
	
	.centerbox {width: 100%;}

	.inzahlen p:nth-child(1) {margin: 0; font-size: 2rem; font-weight: bold; margin-bottom: 20px;}

	body .mod_newslist.frontNews {width: 100%;}
		body .mod_newslist.frontNews .odd {margin: 0;}

	body.services #main .ce_text, body.services #main .ce_text p {width: 100%;}
	
	body.medien #main .inside .mod_article > div:nth-child(even) {background: none;}
	
	.medienBox .image_container.float_left, .image_container.float_left {width: 99.3%; margin-right: 0px; margin-bottom: 40px;}
	.medienBox > h2, .medienBox > p, .medienBox > div {width: 100%; float: none;}
	.medienBox > h2 {padding-left: 0; width: 100%; margin: 0;}
	.medienBox img {width: 100%;}	
	
	.medienBox .visitsAndSo {width: 100%; flex-wrap: wrap;}
	.medienBox .visitsAndSo p {width: 40%; text-align: left;}
	
	.visitsAndSo a:link, .visitsAndSo a:visited {width: 40%;}
	
	p.button {margin-top: 30px !important;}
	
	body.services #main .ce_text .float_right, body.services #main .ce_text .float_left, body.services #main .mod_article div:nth-child(even) p, body.services #main .mod_article div:nth-child(odd) h2, body.services #main .mod_article div:nth-child(odd) p, body.services #main iframe {float: none; width: 100%; top: 0; margin-left: auto;}
	body.services #main .mod_article div:nth-child(even) p, body.services #main .mod_article div:nth-child(odd) h2, body.services #main .mod_article div:nth-child(odd) p {width: 100%;}
	
	body.services #toycar {
		width: 100%;
		height: 360px;
		float: none;
		position: relative;}
	body.services #main iframe {
		background: transparent url(../../files/_design/services3D.svg)center right no-repeat;
		background-size: 230%;
	}	
	
	
	body.unternehmen .zitat, body.unternehmen .zitat p, body.unternehmen .textRight, body.unternehmen .imgOne {width: 100%; margin: 0; float: none; left: auto; right: auto;}
	
	body.kunden .ce_gallery li {width: 29%;}
	
	.mod_newslist .even, .mod_newslist .odd, body.newsListe .mod_newslist .even {width: 100%; margin: 100px 0 0 0;}
	body.newsListe .mod_newslist {padding-top: 0;}
	
	.layout_full {width: 100%;}
		
	body.kontakt .flex div {width: 100%; margin-bottom: 40px;}
	.kontaktformular label {margin: 5px 0 10px 10px; display: block;}
	.kontaktformular input {min-width: 100%; left: 0; display: block; position: relative;}
	body #f3 input.submit {width: 100%;}
	
	#footer .inside div, #footer .inside > div.inputModules {width: 100%; text-align: center;}
	#footer h3, #footer p, #footer div {text-align: center;}
	a.logo-footer {margin: 0 auto;}

}


@media (max-width: 1024px) {
	.mod_article, .mod_article#testimonial, #footer .inside, .mod_breadcrumb {padding: 0 7% !important;}
	.mod_newsreader h1 {font-size: 2rem;}
	.mod_newsreader h2 {font-size: 1.4rem; line-height: 2rem;}
	nav.mobileNav {display: block; width: 100%;}
}

@media (min-width: 1025px) and (max-width: 1399px) {
	#header, .mod_article, .mod_article#testimonial, #footer .inside, body.services .ce_text, body.services #main iframe {
		padding-left: 8vw;
		padding-right: 8vw;}
}

@media (min-width: 1400px) {
	#header, .mod_article, .mod_article#testimonial, #footer .inside, body.services .ce_text, body.services #main iframe{
		padding-left: 12vw;
		padding-right: 12vw;}
}

@media (min-width: 1700px) {
	#header, .mod_article, .mod_article#testimonial, #footer .inside, body.services .ce_text, body.services #main iframe {
		padding-left: 15vw;
		padding-right: 15vw;
	}
}