/*
Theme Name: EXPLO Project
Theme URI: https://exploproject.eu
Author: Peter Lütolf, wumm.ch
Author URI: http://wumm.ch


-------------------------------------------------------------- */
/* Reset
-------------------------------------------------------------- */

::-webkit-scrollbar {
    width: 0px;  /* Remove scrollbar space */
    background: transparent;  /* Optional: just make scrollbar invisible */
}

.footer {
	padding-bottom: 100px;
}
iframe {
	width: 100%;
}
body, html {
	font-size:16px;
	font-weight:400;
	letter-spacing:0.02em;
	
	color:#000000;
	font-family: 'Roboto', sans-serif;
	font-weight:normal;
	  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
	}
nav #menu-impresum.menu  {

	padding-top: 30px;
}


nav #menu-impresum.menu a {
   	font-size: 1.1em;
	font-weight: 400;
    padding-bottom: 9px;
    font-family: 'Roboto', sans-serif;
	line-height: 1em;
  
    letter-spacing: 0.04em;
    color: #fff;
    display: block;
    text-align: left;
    width: 100%;
	
}


.bold {
	font-weight: 700;
}

.blau {
	color: #1A9EDA;
	line-height: 1.6em;
	margin-bottom: 40px;
	padding-top: 40px;
}
.info {
	width: 15px;
	height: 15px;
	position: absolute;
	left: 5px;
	bottom: 5px;
}
.thin {
	font-family:"Uni Neue W00 Thin";
	font-weight: normal;
	display: inline;
}

.kontakt-box h3{
	font-size: 1.8em;
	
}

.center.marg {
	width: 60%;
	margin: 40px auto;
	line-height: 1.5em;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video{margin:0;padding:0;border:0;vertical-align:baseline;font:inherit;font-size:100%;}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section{display:block;
}

ol,
ul, li{list-style:none;
font-family: 'Roboto', sans-serif;}

a {list-style:none;
font-family: 'Roboto', sans-serif;}




.berufe-accordion li {
	list-style-type: disc;
	margin-left: 17px;
	padding: 5px 0;
}

html, body {
  height: 100%;
  margin: 0;
	font-family: 'Roboto', sans-serif;

	width: 100%;
}
.container {

	box-sizing: border-box;
	padding-bottom: 0px;

	
}

.footer .content {

	    display: flex;
		border-top: 1px solid #000;
}

footer img {
	width: 120px;
}

footer .left a,
footer .right a{
	margin-right: 20px;
}


footer .left a:hover,
footer .right a:hover{
	opacity: 0.7;
}
.light {
	font-weight: 400;
}

footer h4 {
	margin: 20px 0;
	font-size: 16px;
}

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.page-template-_team .titelbox {
	padding: 20px 0;
	border-top: 1px solid #000;
	
}

.page-template-_team h1 {
    border-bottom: 0px solid #000;
    font-size: 2em;
    padding-bottom: 20px;
    text-transform: uppercase;
}


.textbox {
	padding-bottom: 30px;
}

h1,
h2,
h3,
h4,
h5,
h6{clear:both;
font-family: 'Roboto', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-size:1.35em;
	line-height: 1.4;
	font-weight: 700;
}

.home h1 {
	
	font-size: 1.5em;
	padding-bottom: 10px;
	text-transform:none;
	border-bottom: none;
	
}
h1 {
	border-bottom: 1px solid #000;
	font-size: 2em;
	padding-bottom: 20px;
	text-transform: uppercase;
	
	
}
h1.titel {
	border-bottom: 0px solid #000;
	font-size: 2em;
	padding-bottom: 40px;
	text-transform:inherit;
	
	
}

.gross {
	text-transform: uppercase;
}

.facebook-a {
	opacity:1;
	}
.facebook {
	width:100px;
	height:auto;}

p { }

.titel {
	
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;}

strong, 
.strong{
	font-weight: 700;;
}

.center {
	text-align: center;
}
  
hr{background-color:#ccc;border:0;height:1px;margin-bottom:1.5em;}


ul,
ol{margin:0;}
ul{list-style:disc;}
.clear{clear:both;}
ol{list-style:decimal;}
ul ul,
ol ol,
ul ol,
ol ul{margin-bottom:0;margin-left:0;}
div.back:hover{opacity:0.5;}
div.back{position:fixed;top:116px;z-index:3;width:96px;height:96px;margin-left:20px;}
div.back > a{background-image:url(images/pfeil-l.svg);background-repeat:no-repeat;width:96px;height:96px;position:absolute;}
.text ul li{list-style-type:disc;color:#666;font-size:17px;font-weight:200;}
.text ul{padding-left:16px;margin-top:20px;}
dt{font-weight:bold;}
dd{margin:0 1.5em 1.5em;}
b,
strong{font-weight:600;}
dfn,
cite,
em,
i{font-style:italic;}
blockquote{margin:0 1.5em;}
address{margin:0 0 1.5em;}

a {	color:#000;

	text-decoration:none;
	
		display: inline-block;
	
	}

a:hover{
	color: #333;
	
	opacity:1;
	display: inline-block;
}


button {
	border: none;
	}

	

.toggle {
	z-index: 50;
}

.toggle-box {
	display: block !important;
	
	
	  position:fixed;
	
	top: 0px;
	right: 0px;
	background-color: #000;
	z-index: 1000;
	box-sizing: border-box;
}
.toggle-box > img {
	padding: 20px;
}	  
	
.button {
	display: inline !important;

    padding: 5px 10px;
    background-color: #000;
    color: #fff;
 
    position: relative;
	border: 1px solid #000;
}

.button.mail {
	display: inline !important;
	text-decoration: inherit;

    padding: 5px 10px;
    background-color: #000;
    color: #fff;
 
    position:absolute;
	bottom: 0;
	left: 0;
}

.button:hover {
	display: inline !important;

    padding: 5px 10px;
    background-color: #000;
    color: #000;
	 background-color: #fff;
 
 
}


.person {
	position: relative;
	padding-bottom: 40px;
}

.toggle,
.toggle-x{
	 
	  width:30px;
	  height:auto;

	cursor: pointer;
	display: block;
	padding: 30px;
	}
.toggle-x{
	 display: block;
}
.toggle-x{
	 display: none;
}

.menu-top .toggle{
	 display: none;
}
.menu-top  .toggle-x{
	 display: block;
}

nav .menu a {
	
	font-size: 2em;
	 
    padding-bottom: 19px;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	letter-spacing: 0.04em;
	color: #fff;
	display: block;
	text-align: left;
	width: 100%;
}
nav .menu li.current-menu-item  a {
	

	color: #999;

}


nav .menu a:hover {
	

	color: #666;

}


	
nav .content > div {
	display:block;

	
}

.menu-menu-container {
	padding-top: 100px;
}


img {
	width:100%;
	height:auto;
}


.topnav {
	width:100%;
	height:80px;
	
	position:fixed;
	top:0;


	}



.topnav-mob {
	width:100%;
	height:100%;
	
	position:fixed;
	top:0;
	z-index:400;
	top:-100vh;

	
	
	}
body {
	line-height: 1.5em;
}	
body.menu-top .topnav-mob {
	display:block;
		top:00vh;
	
	
	}	
		
body .topnav-mob .black {
	background-color:#fff;
	width:100%;
	height:100vh;
	display:block;
	opacity:0;

	}		
		
body.menu-top .topnav-mob .black {
	display:block;
	opacity:1;

	background-color: #000;
	}	
				

body.menu-top nav {
	
	margin-top: 0;
	

	
}


.cs-logo {
	width:auto;
	height:90px;
	padding-top: 25px;
	}


header {
	position: relative;
	z-index: 100;
}

.container  {
	padding-top: 45px;
	z-index: 100;
	
}



 .content.news {
	justify-content: space-between;
}


.box-aktuell {
	flex-direction: column;
	flex-basis: 33.333%;
    display: flex;
	box-sizing: border-box;
	padding: 10px
	
}
.box-aktuell .text {
	padding: 15px 0 20px 0;

	
}

.box-aktuell > div {
	display: block;
	position: relative;
	box-sizing: border-box;

	
}
.button {
	font-weight: 700;
}
.button.image {
	margin-top: -50px;
    position: relative;
    display: inline-block !important;
	font-weight: 700;
	font-size: 16px;
	margin-left: 20px;

}
a:hover .button.image {
	color: #000;
	background: #fff;

}
.box-aktuell a {
	display: block;
}

p > a {
	text-decoration: underline;
}
.block {
	display: block;
	width: 100%;
}
.logo-partner {
	width: 220px;
	padding-top: 0px;
}

.column {
	column-count: 2;
}
.portrait_bild {
	width: 100%;
	height: auto;
	filter: grayscale(100%);
	margin-bottom: 20px;
}
.block-news {
	position: relative;
}
 .content-box {
	width: 100%;

	
	position: relative;
	box-sizing: border-box;
	display: flex; 
	 display : -ms-flexbox;
	 flex-wrap: wrap;
	 padding: 20px 0 40px 0;;
	
	
	
}

.page-template-_publications  .content-box,
.page-template-_partner  .content-box,
.page-template-_seite  .content-box,
.page-template-_media  .content-box{
	border-bottom:  1px solid #000;
	
	
}
.page-template-_publications section:last-of-type  .content-box,
.page-template-_partner section:last-of-type  .content-box,
.page-template-_seite section:last-of-type  .content-box,
.page-template-_media section:last-of-type  .content-box{
	border-bottom:  0px solid #000;
	
	
}
 .content-box.team {
	width: 100%;

	
	position: relative;
	box-sizing: border-box;
	display: flex; 
	 display : -ms-flexbox;
	 flex-wrap: wrap;
	 padding: 20px 0 40px 0;;
	 border-bottom: 0px solid #000;
	
}

.person {
	margin-bottom: 30px;
	flex-direction: column;
    flex-basis: 20%;
    display: flex;
    box-sizing: border-box;
	padding-right: 20px;
	
}

.person p {
	font-size: 14px;
}


 .content-box.news {
	display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: -10px;
    margin-right: -10px;
			    padding: 40px 0 40px 0;
	 
	
}
.content ul li{
	list-style-type: disc;
	margin-left: 1em;
}
.content ul.menu li{
	list-style-type: none;
	margin-left: inherit;
}
.dokument {
	width: 300px;
	max-width: 60%;
	height: auto;
}

 .home .content-box {
	width: 100%;

	
	position: relative;
	box-sizing: border-box;
	display: flex; 
	 display : -ms-flexbox;
	 flex-wrap: wrap;
	 padding: 80px 0 80px 0;;
	
	
}
section.space {
	padding-bottom: 20px;
	display: block;
}
.left h2 {
	display: block;
}
.left{
	flex-direction: column;

	    flex-basis: 33.333%;
    display: flex;
	min-height: 20px;
	box-sizing: border-box;
	padding-right: 40px;
}

.right{
	flex-direction: column;

	    flex-basis: 66.666%;
    display: flex;
	text-align: left;
}

.left66{
	flex-direction: column;
flex-basis: 66.666%;
    display: flex;
	min-height: 20px;
	box-sizing: border-box;
	padding-right: 20px;
}

.right33{
	flex-direction: column;

	    
	flex-basis: 33.333%;
    display: flex;
	text-align: left;
}






.footer .content {
    display: flex;
}
.footer .left{
	flex-direction: column;

	    flex-basis: 33.333%;
    display: flex;
	min-height: 20px;
	box-sizing: border-box;
	padding-right: 20px;
}
.footer .right > div{
	float: right;
}

.footer  .right{
	width: auto;
	float: right;

	

    display: block;
	text-align: left;
}
.social-icon {
	width: 50px;
	height: auto;
}


.spacer {
	display: block;
	height: 100px;
}
.weiss {
	background-color: #fff;
}

.acf-button.disabled {
	display: none;
}

.left50 {
	width:50%;
	float:left;
	}

.right50 {
	width:50%;
	float:left;
	}


.topnav-block {
	background-color:#000;
	display:block;
	padding:0px 0 50px 0;

 position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* The main point: */
    overflow-y: auto;
    /* Optional but highly reccomended: enables momentum scrolling on iOS */
    -webkit-overflow-scrolling: touch;

}

body.menu-top {
	overflow-y: hidden;
	
}

/* .......................................................startseite */


.headerstart h1{
	font-family:"Uni Neue W00 Black Italic";
	font-size: 7em;
	
}

.headerstart h2{
	font-family:"Uni Neue W00 Bold Italic";
	font-size: 3em;
	
}

.headerstart h3{
	 font-family:"Uni Neue W00 Bold Italic";
	font-size: 2em;
}

.headerstart h3,
.headerstart h2,
.headerstart h1{
	color: #fff;
	display: block;
}

.bts {
	font-size: 2.5em;
font-family:"Uni Neue W00 Black Italic";
	text-align: left;
	padding-left: 20px;
}

.home.startpart .icon-cs,
.home .icon-cs{
	width:360px;
	position:absolute;
	top:100px;
	left:50%;
	margin-left:-180px;
	z-index:1000;
	-webkit-transition:top 0.5s ease-in-out ;
	-moz-transition:top 0.5s ease-in-out ;
	-o-transition:top 0.5s ease-in-out ;
	-ms-transition:top 0.5s ease-in-out ;
	transition:top 0.5s ease-in-out ;
	}	
.home.messepart .icon-cs ,
.home.meisterpart .icon-cs {
	width:360px;
	position:absolute;
	top:0px;
	left:50%;
	margin-left:-180px;
	z-index:1000;
	-webkit-transition:top 0.5s ease-in-out 0.25s;
	-moz-transition:top 0.5s ease-in-out 0.25s;
	-o-transition:top 0.5s ease-in-out 0.25s;
	-ms-transition:top 0.5s ease-in-out 0.25s;
	transition:top 0.5s ease-in-out 0.25s;
	}
		
.icon-cs {
	width:150px;
	position:absolute;
	top:20px;
	left:50%;
	margin-left:-75px;
	z-index:1000;
	
	}
	
.home .icon-cs {
	cursor: pointer;
	
	}
	


section,
footer{
	position: relative;
	display: block;
	z-index: 2;
}

section.headerstart .box ,
section.headerstart {
	position: relative;
	display: block;
	z-index: 3;
}
section.headerstart .text {
	position:absolute;
	bottom: 0px;
	width: 100%;
}


.image.bg.top {
		width:50%;
	position: fixed;
	z-index: 1;
	top: 0;
	right: 0;
		}


.box-green .trans {
	width: 100%;
	height: auto;
	
}
.box-green {
	width: 50%;
}
.box-green-full .trans {
	width: 50%;
	height: auto;
	
}








.box-green-full {
	width: 100%;
	opacity: 0.6;
	position: absolute;
	top: 0;
	bottom: 0;
	-webkit-transition:width 0.5s ease-in-out ;
	-moz-transition:width 0.5s ease-in-out ;
	-o-transition:width 0.5s ease-in-out ;
	-ms-transition:width 0.5s ease-in-out ;
	transition:width 0.5s ease-in-out ;
}

.box-green-full .content {
    max-width: 1000px;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
    display: block;
	height: 100%;
}



.home .box-green-full .content .green {
	width: 50%;
    display: block;
	height: 100%;
	-webkit-transition:width 0.3s ease-out ;
	-moz-transition:width 0.3s ease-out ;
	-o-transition:width 0.3s ease-out ;
	-ms-transition:width 0.3s ease-out ;
	transition:width 0.3s ease-out ;
	
}
.box-green-full .content .green {
	width: 100%;
    display: block;
	height: 100%;
	-webkit-transition:width 0.3s ease-out ;
	-moz-transition:width 0.3s ease-out ;
	-o-transition:width 0.3s ease-out ;
	-ms-transition:width 0.3s ease-out ;
	transition:width 0.3s ease-out ;
	
}

.headerstart.messepart  .box-green-full .content .green {
	width: 100%;
    display: block;
	height: 100%;
		-webkit-transition:width 0.3s ease-out ;
	-moz-transition:width 0.3s ease-out ;
	-o-transition:width 0.3s ease-out ;
	-ms-transition:width 0.3s ease-out ;
	transition:width 0.3s ease-out ;
}

.green {
	background: transparent linear-gradient(180deg, #B7D94A 0%, #94BA1C 100%) 0% 0% no-repeat padding-box;
	}


.blue {
	background: rgb(0,121,188);
background: linear-gradient(90deg, rgba(0,121,188,1) 0%, rgba(0,140,188,1) 100%);
	}

 /* ----------------------------------------------------------------------------slider   */
	
 
/*! http://responsiveslides.com v1.55 by @viljamis */

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;

  }

.rslides > div {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides > div:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

  
  




.headerstart.meisterpart  .green {
	background: #000
	}


.header.green {
	position: relative;
}
.header.green .image {
	width: 50%;
	float: right;
}


.box-fade.green {

	width: 80%;
	opacity: 0.6;
}


.box-black-full {
	width: 100%;
	opacity: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	right: -20%;
	-webkit-transition:right 0.2s ease-out ;
	-moz-transition:right 0.2s ease-out ;
	-o-transition:right 0.2s ease-out ;
	-ms-transition:right 0.2s ease-out ;
	transition:right 0.2s ease-out ;
}
.headerstart.meisterpart  .box-black-full {

	opacity: 0.6;
	right: 00%;

}
.box-black-full .content {
    max-width: 1000px;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
    display: block;
	height: 100%;
}



.box-black-full .content .black {
	width: 100%;
    display: block;
	height: 100%;
	-webkit-transition:width 0.3s ease-out ;
	-moz-transition:width 0.3s ease-out ;
	-o-transition:width 0.3s ease-out ;
	-ms-transition:width 0.3s ease-out ;
	transition:width 0.3s ease-out ;
	
}

.headerstart.meisterpart  .box-black-full .content .black {
	width: 100%;
    display: block;
	height: 100%;
		-webkit-transition:width 0.3s ease-out ;
	-moz-transition:width 0.3s ease-out ;
	-o-transition:width 0.3s ease-out ;
	-ms-transition:width 0.3s ease-out ;
	transition:width 0.3s ease-out ;
}

.black {
	background-color: #000000;
	}




.box-buttons {
	position: absolute;
	bottom: 0;
	z-index: 450;
	margin-bottom: -50px;
	width: 100%;
	height: 100px;
}
.box-buttons button {
	position: absolute;
	width: 50%;
	height: 100px;
	cursor: pointer;
}
.box-buttons button.butmeister {
	background: transparent linear-gradient(90deg, #343434 0%, #000000 100%) 0% 0% no-repeat padding-box;
border-radius: 14px;
	right: 0;
	color: #fff;
	
}
.box-buttons button.butmesse {
	background: transparent linear-gradient(90deg, #BBE33A 0%, #BBE33A 100%) 0% 0% no-repeat padding-box;
border-radius: 14px;
	left: 0;
	color: #688809;
	
}

.box-text {
	position: absolute;
	bottom: 0px;
	z-index: 400;
	margin-bottom: 0px;
	width: 100%;
	height: 100px;
}

.box-text .text > div {
	display: none;
}



.headerstart.startpart .box-text .text > div.text-start,
.headerstart.messepart .box-text .text > div.text-messe,
.headerstart.meisterpart .box-text .text > div.text-meister {
	display: block;
}


.headerstart.meisterpart button.butmeister,
.headerstart.messepart button.butmesse{
	display: none;
}




.home.startpart .image.bg.top.start,
.home.messepart .image.bg.top.messe,
.home.meisterpart .image.bg.top.meister {
	z-index: 2;
}

/* __________________--------------------------------------------------------aussteller */
.form-off {

	display: none;
}

.form-on {

	display: block;
}




.page-template-_aussteller .left {
	width: 33.333%;
	float: left;
	display: block;
	min-height: 10px;
}

.page-template-_aussteller .right {
	width: 66.666%;
	float: right;
	display: block;
}


.aussteller {
	border: 1px solid #C7C7C7;
	padding: 10px;
	box-sizing: border-box;
	position: relative;
}

.aussteller .text {
	float: left;
	margin-left: 30px;
	position: relative;
	
}

.aussteller .logo {
	width: 100px;
	float: left;
	
}

.aussteller a {
	display: block;
}

.aussteller .standnr {
	top: 10px;
	right: 10px;
	position: absolute;
	
}


.galerie-box {
	display: flex;
	
	flex-wrap: wrap;
	
	

}

.galerie-box .image {
	    flex-direction: column;
    flex-basis: 30%;
	padding-right: 3.333%;
    display: flex;
	padding-bottom: 3.333%;
}

.video-box ,
.text-box {
	padding-bottom: 5%;
}



/* __________________--------------------------------------------------------swipebox */


html.swipebox-html.swipebox-touch{overflow:hidden !important;}
#swipebox-overlay img{border:none !important;}
#swipebox-overlay{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999 !important;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
#swipebox-container{position:relative;width:100%;height:100%;}
#swipebox-slider{-webkit-transition:-webkit-transform 0.4s ease;transition:transform 0.4s ease;height:100%;left:0;top:0;width:100%;white-space:nowrap;position:absolute;display:none;cursor:pointer;}
#swipebox-slider .slide{height:100%;width:100%;line-height:1px;text-align:center;display:inline-block;    box-sizing: border-box;
    padding: 70px;}
#swipebox-slider .slide:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px;}
#swipebox-slider .slide img, #swipebox-slider .slide .swipebox-video-container{display:inline-block;max-height:100%;max-width:100%;margin:0;padding:0;width:auto;height:auto;vertical-align:middle;}
#swipebox-slider .slide .swipebox-video-container{background:none;max-width:1140px;max-height:100%;width:100%;padding:5%;-webkit-box-sizing:border-box;box-sizing:border-box;}
#swipebox-slider .slide .swipebox-video-container .swipebox-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative;}
#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe{width:100% !important;height:100% !important;position:absolute;top:0;left:0;}
#swipebox-slider .slide-loading{background:url(images/but/loader.gif) no-repeat center center;}
#swipebox-bottom-bar,
#swipebox-top-bar{-webkit-transition:0.5s;transition:0.5s;position:absolute;left:0;z-index:999;height:50px;width:100%;}
#swipebox-bottom-bar{top:0;}
#swipebox-top-bar{top:0px;}
#swipebox-title{display:block;margin:0 auto;text-align:center;width:70%;}
#swipebox-prev,
#swipebox-next,
#swipebox-close{background-image:url(images/but/icons.png);background-repeat:no-repeat;border:none !important;text-decoration:none !important;cursor:pointer;width:50px;height:50px;top:0;}
#swipebox-prev,
#swipebox-next{margin:0 40px;}
#swipebox-arrows{display:block;margin:0 auto;width:100%;height:50px;}
#swipebox-prev{background-position:-32px 13px;float:left;}
#swipebox-next{background-position:-78px 13px;float:right;}
#swipebox-close{background-position:15px 12px;right:10px;margin-left:-25px;position:absolute;z-index:1000;}
.swipebox-no-close-button #swipebox-close{display:none;}
#swipebox-prev.disabled,
#swipebox-next.disabled{opacity:0.3;}
.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider{-webkit-animation:rightSpring 0.3s;animation:rightSpring 0.3s;}
.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider{-webkit-animation:leftSpring 0.3s;animation:leftSpring 0.3s;}
.swipebox-touch #swipebox-container:before, .swipebox-touch #swipebox-container:after{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .3s ease;transition:all .3s ease;content:' ';position:absolute;z-index:999;top:0;height:100%;width:20px;opacity:0;}
.swipebox-touch #swipebox-container:before{left:0;-webkit-box-shadow:inset 10px 0px 10px -8px #656565;box-shadow:inset 10px 0px 10px -8px #656565;}
.swipebox-touch #swipebox-container:after{right:0;-webkit-box-shadow:inset -10px 0px 10px -8px #656565;box-shadow:inset -10px 0px 10px -8px #656565;}
.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before{opacity:1;}
.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after{opacity:1;}
@-webkit-keyframes rightSpring{0%{left:0;}
50%{left:-30px;}
100%{left:0;}
}
@keyframes rightSpring{0%{left:0;}
50%{left:-30px;}
100%{left:0;}
}
@-webkit-keyframes leftSpring{0%{left:0;}
50%{left:30px;}
100%{left:0;}
}
@keyframes leftSpring{0%{left:0;}
50%{left:30px;}
100%{left:0;}
}
@media screen and (min-width:800px){#swipebox-close{right:10px;}
#swipebox-arrows{width:100%;max-width:800px;}
}
#swipebox-overlay{background:#fff;}
#swipebox-top-bar{display:block !important;}
#swipebox-bottom-bar,
#swipebox-top-bar{opacity:1;}
#swipebox-top-bar{color:#000;font-size:15px;line-height:43px;background-color:#fff;}



body {
    overflow-y: scroll;
	
  

    }


#swipebox-arrows > a {
	cursor: pointer;
}




.textbox {
	max-width: 750px; 
	position: relative;
	
}

 .content {
	margin: 0 auto;
	position: relative;
	box-sizing: border-box;
	display: block;
	 max-width: 1600px;	
}

/* K_______________________________________________________________________ 1740 ____ */
@media all and (max-width:1740px){
	
	
 .content {
	margin: 0 70px;
	position: relative;
	box-sizing: border-box;
	display: block;
	 max-width: 1600px;	
}
	
} 
/* K_______________________________________________________________________ 1740 ____ */

@media all and (max-width:1400px){
	

	.person {
 
    flex-basis: 25%;

}
	
	
	
}

/* K_______________________________________________________________________ 1740 ____ */

@media all and (max-width:1100px){
	

	.person {
 
    flex-basis: 33.333%;

}
	
	
	
}


/* K_______________________________________________________________________1000____ */


@media all and (max-width:1000px){
	
.left {
    flex-direction: column;
    flex-basis:  100%;
    display: block;
    min-height: 20px;
    box-sizing: border-box;
    padding-right: 20px;
}
	
	
	.footer .right > div {
    float: none;
}
	
	
	.right {
    flex-direction: column;
    flex-basis: 100%;
    display: block;
    text-align: left;
		padding-top: 20px;
}
	
	.footer .right {
    width: 100%;
    float: none;
    flex-direction: inherit;
    flex-basis: inherit;
    display: block;
    text-align: left;
		padding-top: 50px;
}
	
	
	.footer .left {
		width: 100%;
      flex-direction: inherit;
    flex-basis: inherit;
    display: block;
    min-height: 20px;
    box-sizing: border-box;
    padding-right: 20px;
}
	
	.footer .content {
    display: block; 
}
	
	
footer a {
    width: 30%;
	display: inline;
}

	
.page-template-_publications 	.left {
    flex-direction: column;
    flex-basis:  30%;
    display: block;
    min-height: 20px;
    box-sizing: border-box;
    padding-right: 20px;
}
	
	
.page-template-_publications 	.right {
    flex-direction: column;
    flex-basis: 70%;
    display: block;
    text-align: left;
		padding-top: 0px;
}
	
	
	
	
	
	
}/* ______ 1999 ____ */






/* _______________________________________________________________________ 700 ____ */

@media screen and (max-width:800px){
	
	.cs-logo {
    width: auto;
    height: 70px;
    padding-top: 25px;
}
	
.person {
 
    flex-basis: 50%;

}	

	
	nav .menu a {
    font-size: 1.6em;
  
}
	.menu-menu-container {
    padding-top: 50px;
}
	
.box-aktuell {
    flex-direction: column;
    flex-basis: 45%;
    display: flex;
    box-sizing: border-box;
    margin-bottom: 3%;
	
	}
	
.content {
    margin: 0 40px;
    position: relative;
    box-sizing: border-box;
    display: block;
    max-width: 1600px;
}	
	
	
}
	
/* _______________________________________________________________________ 580 ____ */

@media screen and (max-width:580px){

.person {
 
    flex-basis: 100%;

}		
	
	.toggle-box > img {
    padding: 10px;
}	
	
.toggle, .toggle-x {
    width: 20px;
    height: auto;
    cursor: pointer;
   
    padding: 25px;
}	
	
	
	
.box-aktuell {
    flex-direction: column;
    flex-basis: 100%;
    display: flex;
    box-sizing: border-box;
    margin-bottom: 3%;
}
	
		
	.cs-logo {
    width: auto;
    height: 60px;
    padding-top: 25px;
}
		
	
	
}/* ______ 750 ____ */