/*
 Theme Name: GB17
 Author: Rainer Falkenroth
 Version: 1 
*/
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 {
	font-size: 100%;
	font: inherit;
	padding: 0;
	border: 0;
	margin: 0;
	vertical-align: baseline;
	color:#000000;
}
video {
	height: auto !important;
}
body {
	font-size:0.9em;
	font-family: "Sparkasse Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background:url(back.jpg);
	background-attachment: fixed;
	background-size: cover;	
}
body.faded{
	height:100vh;
	max-height:100vh;
	overflow:hidden;
}
body.faded .wrap{
	display:none;
}
ol, ul,.foot .some {
	list-style: none;
}
a{
	text-decoration: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
}
b, strong{
	font-weight:bold;
}
hr{
	clear:both;
	width:75px;
	margin:1.2em auto 2.5em auto;
	border:none;
	border-bottom:1px solid #000000;
}
hr.full{
	clear:both;
	width:84% !important;
	margin:2.8em auto 2em auto;
	border:none;
	border-bottom:1px solid #000000;
}
p.center+hr{
	margin:2.5em auto 2em auto;
}
.page-child .fade h2{
	font-size:1.3em;
	line-height:1.2em;
	font-weight:normal;
	width:100%;
	text-align: center;
	margin:0.6em 0 0 0;
	padding:1.4em 0 0 0;
}
h1,h2,h3{
	font-size:2.8em;
	font-weight:bold;
	width:100%;
	text-align: center;
	padding:1.4em 0 0 0;
}
h1{
	color:#ff0000;
	margin-bottom:1em;
	padding:0.4em 0 0 0;
}
h1.aftervideo{
	margin-top:3.2em;
}
.page-child h2,.search-results h1{
	width:56%;
	padding:1.4em 22% 0 22%;
	font-size: 2.1em;
	line-height:1.2em;
	margin-bottom:1em;
	font-weight:bold;
	text-align: center;
}
.page-child dl+h2{
	padding-top:2.8em;
	margin-bottom:0;
}
.page-child .slider h1{
	margin-bottom:0.75em;	
}
.page-child .slider h2{
	margin:0;
	padding-top:0.66em;
	padding-bottom:1.16em;
	color:#ff0000;
}
.page-child .fade h3{
	width:100%;
	text-align: center;
	font-size: 2.1em;
	line-height:1.2em;	
	padding:0.15em 0 0.5em 0;
}
.page-child .fade h4,.page-child .fade h5{
	font-size:2.8em;
	font-weight:bold;
	width:100%;
	text-align: center;
	padding:0 0 1em 0;
	color:#ff0000;
}
.page-child .fade h5{
	padding:1.4em 0 0 0;
}
.page-child .fade .mehr+h5,.page-child .fade hr+h5{
	padding:0;
}
h3{
	float:left;
	padding:1.4em 0 1.4em 0;
}
.wrap{
	position:relative;
	width:1024px;
	margin:0 auto 0 auto;
	background-color: #ffffff;
	min-height: 100vh;
}
.mobile_head{
	display:none;
	position:fixed;
}
.head{
	z-index:700;
	width:1024px;
	position:fixed;
	border-top:1px solid #ffffff;
	-webkit-transition: border-top 0.2s ease-in-out;
	-moz-transition: border-top 0.2s ease-in-out;
	-o-transition: border-top 0.2s ease-in-out;
	transition: border-top 0.2s ease-in-out;	
}
.scrolled .head{
	border-top:15px solid #ffffff;	
}
.faded .head{
	display:none;
}
.head .banner{
	height:5em;
	display:block;
	background: #ffffff url(white.gif) 0 0 no-repeat;
	background-size:contain;
}
.head .title{
	font-size:1.5em;
	padding:1.6em 1em 0em 1em;
	color:#666666;
	float:right;
	background: url(white.png) 0 -999px no-repeat;
	background-size:cover;
}
.head .logo,.mobile_head .logo{
	opacity: 1;	
	background:#ffffff url(fi-logo.png) 0 100% no-repeat;
	background-size:contain;
	padding:1em;
	margin-left:1.33em;	
	float:left;
	cursor:pointer;	
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	-o-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;		
}
.head .logo{
	width:24%;
	padding:2em 1em 1.5em 1em;		
}
.scrolled .head .logo{
	opacity: 0;
} 
.nav{
	position:relative;
	width:100%;
	height:59px;
	background: url(grau.gif) 0% 100% no-repeat;
	background-size:contain;
}
.scrolled .nav{
	background: url(white.gif) 0% 100% no-repeat;
	background-size:contain;
}
.nav a, .foot a, .foot span{
	color:#666666;
}
.home .foot a,.home .foot span{
	color:#ffffff;
}
.nav .menu-desktop-menu-container{
	float:right;
}
.nav .space{
	background-color: #e5e5e5;
	float:right;
	padding:1.5em 0 1.5em 0;	
}
.scrolled .nav .space{
	background-color: #ffffff;
}
.nav .icon,.mobile_head .icon{
	position:absolute;
	top:0.5em;
	left:1.33em;
	opacity: 0;
	background:url(fi-icon.png) 0% 0% no-repeat;
	background-size:contain;
	padding:1.1em;	
	cursor:pointer;
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	-o-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;		
}
.scrolled .nav .icon{
	opacity: 1;
}
.head .nav .menu li{
	background: url(grau.png) 50% 70% no-repeat;
	background-size:600px 100px;
	float:right;
	padding:1.5em 0.6em 1.5em 0.6em;
	letter-spacing: 0.02em;
    -moz-transition: background-position .25s ease;
    -o-transition: background-position .25s ease;
    -webkit-transition: background-position .25s ease;	
	transition: background-position .25s ease;
}
.head .nav .menu li a{
	position: relative;
}
.head .nav .menu li a::after {
    content: "";
    position: absolute;
    left: 51%;
    right: 51%;
    height: 1px;
    background: #666666;
    bottom: -4px;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    z-index: 1;
}
.head .nav .menu li a:hover::after,.head .nav .menu li.current_page_item a::after  {
    left: 0;
    right: 0;
}
.head .nav .menu li.menu-item-has-children a::after{
	content: "";
	display:none;
}
.head .nav .sub-menu .menu-item-1269 a:hover .menu-item-title::after,.head .nav .sub-menu .menu-item-1269.current_page_item a .menu-item-title::after{
    left: 20%;
    right: 20%;
}
.head .nav .sub-menu .menu-item-1573 a:hover .menu-item-title::after,.head .nav .sub-menu .menu-item-1573.current_page_item a .menu-item-title::after{
    left: 11%;
    right: 11%;
}
.scrolled .head .nav .menu li{
	background: url(white.png) 50% 70% no-repeat;
	background-size:600px 100px;
    -moz-transition: background-position .25s ease;
    -o-transition: background-position .25s ease;
    -webkit-transition: background-position .25s ease;		
	transition: background-position .25s ease;
}
.head .nav .menu li.menu-item-has-children:hover{
	background-position:50% 100%;
}
.head .nav .menu li.search_btn,.scrolled.search_active .head .nav .menu li.search_btn,.search_active .head .nav .menu li.search_btn{
	width:2em;
	float:right;
	padding:1.5em;	
	background: #e5e5e5;
	background-size:1.3em 3.9em;
}
.scrolled .head .nav .menu li.search_btn{
	background: #ffffff;
	background-size:1.3em 3.9em;	
}
.head .nav .sub-menu{
	position:absolute;
	background-color:rgba(0,0,0,0.63);
	width:100%;
	height:0;
	left:0;
	margin-top:1.5em;
	margin-left:0;
	padding:0 0 0 0;
	overflow:hidden;
    -moz-transition: height .25s ease;
    -o-transition: height .25s ease;
    -webkit-transition: height .25s ease;		
	transition: height .25s ease;	
}
.head .nav .menu-item-1256 .sub-menu{
	background:rgba(0,0,0,0.63) url(submenue_gremien.jpg) 1.5em 1.5em no-repeat;
	background-size: 351px 194px;
}
.scrolled .head .nav .sub-menu li,.head .nav .sub-menu li{
	position:relative;
	clear:both;
	float:none;
	background:transparent;
	text-align:center;
	padding:0;
	margin-left:47%;
}
.scrolled .head .nav .menu-item-1251 .sub-menu li, .head .nav .menu-item-1251 .sub-menu li, .scrolled .head .nav .menu-item-1550 .sub-menu li, .head .nav .menu-item-1550 .sub-menu li, .scrolled .head .nav  .menu-item-1551 .sub-menu li, .head .nav  .menu-item-1551 .sub-menu li{
	clear:none;
	float:left;
	width:22.2%;
	padding:1.5em 0 1.5em 1.5em;
	margin-left:0;
}
/*
.scrolled .head .nav .menu-item-1251 .sub-menu li:first-child, .head .nav .menu-item-1251 .sub-menu li:first-child,.scrolled .head .nav .menu-item-93>.sub-menu>li:first-child, .head .nav .menu-item-93>.sub-menu>li:first-child, .scrolled .head .nav  .menu-item-1551 .sub-menu li:first-child, .head .nav  .menu-item-1551 .sub-menu li:first-child{
	margin-left:9.62%;
}
*/
.head .nav .menu-item-1256 .sub-menu li:first-child{
	margin-top:1.5em;
}
.sub-menu span{
	color:#ffffff;
}
.head .nav .sub-menu .sub-menu{
	width:100%;
	position:relative;
	background: none;
 	margin:0;
	padding:0;
}
.head .nav .sub-menu .sub-menu li,.scrolled .head .nav .sub-menu .sub-menu li{
	width:100%;
	margin:0.22em 0 0.42em 0;
	padding:0;
	float:none;
	clear: both;
}
.menu-item-1251 .sub-menu .menu-item-title,.menu-item-1550 .sub-menu .menu-item-title, .menu-item-1551 .sub-menu .menu-item-title{
	display:inline-block;
	position:relative;
	padding:1em 0 0 0;
}
.menu-item-1251 .sub-menu .menu-item-1252 .menu-item-title,.menu-item-1550 .sub-menu .menu-item-1124 .menu-item-title{
	margin-bottom:0;
}
.menu-item-1256 .sub-menu .menu-item-title{
	display:inline;
	position:relative;
	padding:0;
}
.menu-item-1550 .sub-menu .sub-menu .menu-item-title{
	text-transform:none;
	margin:0;
	padding:0;
}
.sub-menu .menu-item-description{
	line-height: 1.44em;
	letter-spacing: 0;
	text-transform:none;
}
.head .sub-menu li .image{
	width:100%;
	height:128px;
	background:url(submenue_editorial.jpg) 50% 50% no-repeat;
	background-size:cover;
	margin:0 0 0.5em 0;
}
.sub-menu li:nth-child(2) .image{
	background:url(submenueKennzahlen.jpg) 50% 50% no-repeat;
	background-size:cover;	
}
.sub-menu li:nth-child(3) .image{
	background:url(submenue_chronik_2017.jpg) 50% 50% no-repeat;
	background-size:cover;	
}
.sub-menu li:nth-child(4) .image{
	background:url(submenue_10_jahre_fi.jpg) 50% 50% no-repeat;
	background-size:cover;	
}
.menu-item-1551 .sub-menu li:nth-child(1) .image{
	background:url(submenue_leben.jpg) 50% 50% no-repeat;
	background-size:cover;	
}
.menu-item-1551 .sub-menu li:nth-child(2) .image{
	background:url(submenue_arbeiten.jpg) 50% 50% no-repeat;
	background-size:cover;	
}
.menu-item-1551 .sub-menu li:nth-child(3) .image{
	background:url(submenue_verbinden.jpg) 50% 50% no-repeat;
	background-size:cover;	
}
.menu-item-1251 .sub-menu li:nth-child(1) .image{
	background:url(submenueAllg_hinw.jpg) 50% 50% no-repeat;
	background-size:cover;	
}
.menu-item-1251 .sub-menu li:nth-child(2) .image{
	background:url(submenueGew_u_verl.jpg) 50% 50% no-repeat;
	background-size:cover;	
}
.menu-item-1251 .sub-menu li:nth-child(3) .image{
	background:url(submenueAktiva.jpg) 50% 50% no-repeat;
	background-size:cover;	
}
.menu-item-1251 .sub-menu li:nth-child(4) .image{
	background:url(submenuePassiva.jpg) 50% 50% no-repeat;
	background-size:cover;	
}
.head .nav .sub-menu a{
	display:block;
	color:#ffffff;
	padding:0.5em 0 0.25em 0;
}
.head .nav .menu-item-1251 .sub-menu a,.head .nav .menu-item-1550 .sub-menu a,.head .nav  .menu-item-1551 .sub-menu a{
	padding:0;
}
.head .nav .menu li:hover .sub-menu{
	height:238px;
}
.head .nav .sub-menu a:hover{
	color:#ffffff;
}
.head .nav .sub-menu a .menu-item-title:after {
    content: "";
    position: absolute;
    left: 51%;
    right: 51%;
    height: 1px;
    background: #ffffff;
    bottom: -4px;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    z-index: 1;
}
.head .nav .sub-menu a:hover .menu-item-title::after,.head .nav .sub-menu .current_page_item a .menu-item-title::after{
    left: 0;
    right: 0;
}
.head .search{
	width:96%;
	padding:2%;
	background-color: #e5e5e5;
	display:none; 
	text-align:right;
}
.head .search input{
	border:none;
	width:96%;
	font-family: "Sparkasse Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:1em;
	color:#656565;
	background-color: #e5e5e5;
	text-align:right;
	margin-top:1.5%;
}
.head .search input:focus{
	outline: none;
}
.foot{
	width:96%;
	bottom:0;
	position:absolute;
	height:1em;
	padding:1.8em 2% 1.8em 2%;
	z-index: 600;
}
.faded .foot{
	display:none;
}
.foot span{
	float:right;
}

.foot a{
	position:relative;
	display:block;
}

.foot .menu a::after {
    content: "";
    position: absolute;
    left: 51%;
    right: 51%;
    height: 1px;
    background: #999999;
    top: 1.2em;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    z-index: 1;
}

.foot .menu a:hover:after {
    left: 0;
    right: 0;
}
.home .foot .menu a::after {
	background: #ffffff;
}
.foot .menu li{
	list-style:none;
	float:left;
	margin-left:2%;
}
.content{
	position:relative;
	z-index:500;
	padding:9em 0 9em 0;
}
.home .content{
	padding:9em 0 6em 0;
}
.content::after{
	display:block;
	content:'';
	clear: both;
}
.gradient{
	display:block;
	position:fixed;
	top:0;
	z-index:499;
	background: #ffffff;
	width:1024px;
	height:100%;
	margin:0 auto 0 auto;	
}
.home .gradient{
	background:none;
}
.home .wrap{
	background:#282c40;
	background: -moz-linear-gradient(top,  #282c40 0%, #282c40 50%, #00f4f4 80%, #00f4f4 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #282c40 0%,#282c40 50%,#00f4f4 80%,#00f4f4 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #282c40 0%,#282c40 50%,#00f4f4 80%,#00f4f4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#282c40', endColorstr='#00f4f4',GradientType=0 ); /* IE6-9 */
}
.content img.size-full,div.divider .portrait img,div.intro .portrait img{
	width:100%;
	height:auto;
	margin:0;
}
.content img.over{
	width:16%;
	height:auto;
	margin:-7% 0 0 42%;
}
#btn1{
	width:16%;
	height:auto;
	margin:0 0 0 42%;
	cursor:pointer;	
    -moz-transition: opacity .25s ease;
    -o-transition: opacity .25s ease;
    -webkit-transition: opacity .25s ease;		
	transition: opacity .25s ease;	
	opacity:1;	
}
#btn1:hover{
	opacity:0.5;
}
.table1{
	display:none;
}
.content img.over.aftervideo{
	position: absolute;
}
p.withdivider{
	font-size:1.3em;
	line-height:1.44em;	
	float:right;
	width:61.5%;
	margin-right:7%;
}
p.withdivider.last{
	margin-bottom:9%;
}
div.divider.open+p.withdivider.last{
	margin-bottom:1%;
}
p.withdivider.last::after{
	content:'';
	display:block;
	clear:both;
}
div.divider,div.intro{
	clear:left;
	float:left;
	width:100%;
	height:0px;
	overflow-x:visible;
	overflow-y:hidden;
	background-color:#f2f2f2;
    -moz-transition: height .5s cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -o-transition: height .5s cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -webkit-transition: height .5s cubic-bezier(0.445, 0.05, 0.55, 0.95);	
	transition: height .5s cubic-bezier(0.445, 0.05, 0.55, 0.95);	
}
div.intro{
	height:auto;
}
div.divider.open,div.intro{
	margin-bottom:1.5em;
}
div.divider .portrait,div.intro .portrait{
	position:absolute;
	width:15%;
	margin:-7% 7% 0 7%;
	float:left;	
}
.page-id-1428 div.divider .portrait{
	width:16%;
	margin:-8% 7% 0 7%;
	opacity:0;
    -moz-transition: opacity .5s ease;
    -o-transition: opacity .5s ease;
    -webkit-transition: opacity .5s ease;		
	transition: opacity .5s ease;	
}
.page-id-1428 div.divider.open .portrait{
    -moz-transition: opacity .5s ease .5s;
    -o-transition: opacity .5s ease .5s;
    -webkit-transition: opacity .5s ease .5s;		
	transition: opacity .5s ease .5s;	
	opacity:1;
}
div.divider .quote,div.intro .quote{
	color:#656565;
	font-size:2em;
	padding:1em 7% 1em 31.5%;
}
div.intro .quote.small{
	font-size:1.3em;
	line-height:1.44em;
}
div.intro .quote.small .hide{
	position:relative;
	max-height:7em;
	overflow:hidden;
	display: inline-block;
	margin-top:-1.3em;
    -moz-transition: max-height 1s cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -o-transition: max-height 1s cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -webkit-transition: max-height 1s cubic-bezier(0.445, 0.05, 0.55, 0.95);	
	transition: max-height 1s cubic-bezier(0.445, 0.05, 0.55, 0.95);		
}
div.intro .quote.small .hide.open{
	max-height:28em;
}
div.intro .quote.small .hide::after{
	content:'';
	display:block;
	position:absolute;
	background:url(verlauf.png) 0 50% repeat-x;
	background-size:100% 100%;
	height:3em;
	width:100%;
	bottom:0;
	left:0;
    -moz-transition: opacity .5s ease;
    -o-transition: opacity .5s ease;
    -webkit-transition: opacity .5s ease;		
	transition: opacity .5s ease;		
	opacity:1;
}
div.intro .quote.small .hide.open::after{
	opacity:0;
}
div.intro .author{
	font-size:1em;
	line-height:1.44em;
	margin:0 0 1.6em 31.5%;
	display:block;
	color:#656565;
}
div.divider .quote .author, div.intro .quote .author{
	font-size:0.5em;
	line-height:1.44em;
	margin-top:0.5em;
	display: block;
	color:#656565;
}
div.divider .quote .author strong, div.intro .quote .author strong{
	color:#656565;
}
div.divider .quote::before, div.intro .quote::before{
	content: "\00BB";
	margin:0 0.1em 0 -0.5em;
}
div.insertion{
	font-size:1.3em;
	margin:0% 16% 1em 16%;
	border-top: 1px solid #cecece;
	border-bottom: 1px solid #cecece;	
}
div.insertion.minus{
	padding-bottom:1em;
}
div.insertion h3,div.insertion h4{
	font-size:1em;
	float:none;
	font-weight:normal;
	text-align: left;
	padding: 1em 0 1em 0;
	color:#ff0000;
}
div.insertion h3{
	background:url(plus.gif) 100% 50% no-repeat;
	background-size:1em 1em;
	cursor:pointer;
}
div.insertion.minus h3{
	background:url(minus.gif) 100% 50% no-repeat;
	background-size:1em 1em;
}
div.insertion h4{
	display:none;
}
div.insertion p{
	display:none;
}
div.insertion ul{
	display:none;
	list-style:disc;
}
div.insertion a{
	text-decoration:underline;
}
p.copy,ul.copy,p.person,p.zitat{
	font-size:1.3em;
	line-height:1.44em;
	margin:0 16% 1em 16%;
}
p.copy.wide{
	margin:0 0 1em 0;
}
p.copy.center{
	color:#ff0000;
	font-size:1.5em;
	text-align: center;
}
p.copy.center.small{
	font-size:1em;
	margin-top:-2em;
	margin-bottom:2em;
}
p.copy.center a{
	display:inline-block;
	opacity:1;
	margin-bottom:0.5em;
    -moz-transition: opacity .25s ease;
    -o-transition: opacity .25s ease;
    -webkit-transition: opacity .25s ease;		
	transition: opacity .25s ease;		
}
p.copy.center a:hover{
	opacity:0.5;
}
p.copy.center strong{
	color:#ff0000;
}
p.copyicon{
	font-size:1.3em;
	line-height:1.44em;
	margin:0 21% 2em 21%;
}
p.copyicon:last-child{
	margin-bottom:1em;
}
p.zitat{
	display:none;
	margin-top:1.5em;
}
p.zitat::before{
	content:'';
	display:block;
	clear:both;
	width:75px;
	margin:0 auto 1.2em auto;
	border:none;
	border-bottom:1px solid #000000;
}
p.center,ul.center{
	font-size:1em;
	line-height:1.44em;
	margin:0 16% 1em 16%;
}
p.copy.centered{
	font-size:1em;
	margin-bottom:2em;
	text-align: center;
}
p.quote{
	font-size: 1.6em;
	color:#676767;
}
.page-child .fade h2.quote{
	font-size: 1.6em;
	color:#ff0000;
}
h2.quote strong{
	color:#ff0000;
}
.fade .cell .copyicon img{
	width:14.4%;
	height:auto;
	margin:0 auto 0 auto;
}
.fade .cell .person img{
	width:21%;
	height:auto;
	margin:0 auto 0 auto;
	cursor:pointer;
    -moz-transition: opacity .25s ease;
    -o-transition: opacity .25s ease;
    -webkit-transition: opacity .25s ease;		
	transition: opacity .25s ease;	
}
.fade .cell .person:hover img,.fade .cell .person.active img{
	opacity:0.5;
}
.fade p.center,p.person{
	font-size:1.3em;
	line-height:1.44em;
	margin:0;
	text-align: center;
}
.fade p.center.mtop{
	margin-top:1.44em;
}
.content ul,ul.copy{
	list-style-image: url('data:image/gif;base64,R0lGODlhBQAKAIABAAAAAP///yH5BAEAAAEALAAAAAAFAAoAAAIIjI+ZwKwPUQEAOw==');
}
.content li,ul.copy li{
	margin-left:1em;
}
.content p{
	margin-bottom:1em;
}
.home .w100,.home .w50{
	font-size:1.3em;
	position: relative;
	background-color: #ffffff;
	opacity:1;
	-moz-transition: opacity .25s ease;
    -o-transition: opacity .25s ease;
    -webkit-transition: opacity .25s ease;		
	transition: opacity .25s ease;	
}
.home .w100{
	float:left;
	width:81.12%;
	margin:0 7% 2% 7%;
	padding:2.44%;
}
.home .w50{
	float:left;
	width:42%;
	margin:0 2% 2% 7%;
}
.home .w50+.w50{
	margin-left:0;
}
.neben{
	float:left;
	width:51%;
	margin:0 -5% 0 5%;
	text-align: center;
}
.home .w100:hover,.home .w50:hover{
	opacity:0.75;
	cursor:pointer;
}
.home .w100.h01:hover{
	opacity:1;
	cursor:normal;
}
.home .w100.dl:hover{
	opacity:1;
	cursor:normal;
}
.home .w100 img,.home .w50 img,.home .neben img{
	width:46.6%;
	height:auto;
	display:block;
	float:left;
}
.home .w50 img{
	margin:5%;
	width:90%;	
}
.home .neben img{
	width:14%;
	margin:1em 0 0 43%;	
}
.home .w100 a,.home .w50 a{
	display:block;
}
a.pdf{
	line-height:1.6em;
	padding-left:2.8em;
	background: url(download.gif) 0 50% no-repeat;
	background-size:contain;
	margin:-0.8em 0 -0.8em 0;
}
.spalte1{
	width:33%;
	float:left;
	margin-left:16%;
	margin-right:1%;
	line-height:1.44em;
	text-align: center;
}
.spalte2{
	width:33%;
	float:left;	
	margin-left:1%;
	line-height:1.44em;
	text-align: center;
}
.zentriert{
	width:68%;
	float:left;
	margin-left:16%;
	line-height:1.44em;
	text-align: center;
}
.spalte1 strong,.spalte2 strong,.zentriert strong,.col_3 strong,.col_4 strong,.col_3a strong{
	font-size:1.3em;
	line-height:1.2em;
	font-weight:normal;
	color:#656565;
}
.spalte1 p,.spalte2 p,.zentriert p{
	margin-bottom:2em;
}
.fussnote{
	width:100%;
	float:left;
	font-size:0.8em;
	line-height:1.44em;
	text-align: center;
	margin:0 0 1.5em 0;
}
.fussnote::before{
	content:"";
	display:block;
	width:75px;
	margin:1.2em auto 0.75em auto;
	border:none;
	border-bottom:1px solid #000000;		
}
table{
	width:68%;
	margin:0 auto 0 auto;
	border-collapse:collapse;
}
tr{
	height:4.6em;
	border-top: 1px solid #D9D8D5;
}
tr.border{
	border-top: 1px solid #000000;
}
tr.bottom{
	border-bottom: 1px solid #D9D8D5;
}
tr.border.bottom{
	border-bottom: 1px solid #000000;
}
td{
	vertical-align:middle;
	line-height:1.44em;
}
tr.hidden{
	display:none;
	background-color: #f2f2f2;
}
td.name{
	width:70%;
}
tr.hidden td.name{
	width:68%;
	padding:1.44em 2% 1.44em 2%;
}
td.value{
	text-align: right;
}
td.empty{
	width:10%;
}
td.name.link{
	cursor: pointer;
}
td.name.link strong{
	margin-left:2%;
}
td.plus{
	width:10%;
	background:url(plus.gif) 100% 50% no-repeat;
	background-size:1em 1em;
	cursor: pointer;
}
td.plus.minus{
	background:url(minus.gif) 100% 50% no-repeat;
	background-size:1em 1em;	
}
sup{
  font-size: 0.7em;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -0.5em;
}
dl{
	font-size:0.8em;
	margin:0 16% 1em 16%;
}
dt { float: left; width: 20px; }
dd { margin-left: 20px; }
.videocontainer{
	background:url(banner_chronik_2017.jpg) 0 0 no-repeat;
	background-size:contaon;
}
.videocontainer.video2{
	background:url(banner_10_jahre_fi.jpg) 0 0 no-repeat;
	background-size:cover;
}
.videocontainer.video3{
	background:url(banner_gremien.jpg) 0 0 no-repeat;
	background-size:cover;
}
.videocontainer.video4{
	background:url(banner_jahresabschluss.jpg) 0 0 no-repeat;
	background-size:cover;
}
.page-child .chronik h2{
	display:block;
	position: relative;
	font-size: 2.15em;
	line-height:1.44em;
	width:auto;
	padding:0;
	margin:2em auto 1em auto;
	text-align: center;
	font-weight:normal;
}
.page-child .chronik h2 strong{
	width:auto;
	display:inline-block;
	font-weight:normal;
	color:#ff0000;
}
.w100.chronik{
	clear:both;
	padding-bottom:8em;
}
.chronik h2::before,.chronik h2::after{
	content:"";
	display:block;
	width:0;
	height:1px;
	background:#ff0000;
	position: absolute;
	top:0.9em;
	right:0;
	-moz-transition: width 0.5s ease-in-out;
    -o-transition: width 0.5s ease-in-out;
    -webkit-transition: width 0.5s ease-in-out;
    transition: width 0.5s ease-in-out;
}
.chronik h2::before{
	left:0;
}
.chronik h2.show::before,.chronik h2.show::after{
	width:calc(50% - 4em);
}
.chronik h2.show.jan::before,.chronik h2.show.jan::after,.chronik h2.show.aug::before,.chronik h2.show.aug::after{
	width:calc(50% - 3em);
}
.chronik h2.show.feb::before,.chronik h2.show.feb::after{
	width:calc(50% - 3.3em);
}
.chronik h2.show.mar::before,.chronik h2.show.mar::after,.chronik h2.show.apr::before,.chronik h2.show.apr::after{
	width:calc(50% - 2.5em);
}
.chronik h2.show.mai::before,.chronik h2.show.mai::after{
	width:calc(50% - 1.8em);
}
.chronik h2.show.jun::before,.chronik h2.show.jun::after,.chronik h2.show.jahr::before,.chronik h2.show.jahr::after{
	width:calc(50% - 2.2em);
}
.chronik h2.show.jul::before,.chronik h2.show.jul::after{
	width:calc(50% - 2.1em);
}
.chronik h2.show.okt::before,.chronik h2.show.okt::after{
	width:calc(50% - 3.5em);
}
.chronik img {
	width:16%;
	height:auto;
	margin:2em 0 1em 42%;
	cursor:pointer;
	opacity:1;
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	-o-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;		
}
.chronik img:hover{
	opacity:0.5;
}
.chronik img.over:hover,.chronik img.size-full:hover{
	opacity:1;
}
.chronik strong{
	font-size: 1.3em;
	line-height:1.44em;	
	display:block;
	text-align: center;
	cursor:pointer;
}
.chronik div.chronik{
	display:none;
	font-size: 1.3em;
	line-height:1.44em;	
	padding:0 22% 1em 22%;
}
.caption{
	position:absolute;
	display:block;
	width:100%;
	font-size:0.8em;
	line-height:1.2em;
	padding-bottom:2.5em;
	text-align:center;
	bottom:0;
	left:0;
	color:#ffffff;
}
.caption p{
	color:#ffffff;
}
.home .w100 h2,.home .w50 h2{
	color:#ff0000;
	font-size:1.4em;
	line-height:1.2em;
	font-weight:bold;
	padding:0.15em 0 0 0;
	margin-bottom:0.15em;
}
.home .h01.w100{
	font-size:1.82em;
	line-height:1.2em;
	text-align: center;
}
.home .h01.w100 h2{
	font-size:1em;
	line-height:1.2em;
	color:#000000;	
}
.topic{
	margin: 0 16% 0 16%;
	border-top:1px solid #cecece;
}
.topic h2{
	width:100%;
	font-size:1em;
	font-weight:normal;
	text-transform:uppercase;
	text-align:left;
	margin:0;
	padding:1.8em 0 1.8em 0;
	letter-spacing: 0.02em;
	display:block;
	background:url(plus.gif) 100% 50% no-repeat;
	background-size:1em 1em;
	cursor: pointer;
}
.topic.minus h2{
	background:url(minus.gif) 100% 50% no-repeat;
	background-size:1em 1em;	
}
.topic .hidden{
	display:none;
}
.home p{
	margin:0;
}
.hide_desktop{
	display:none;
}
.neben.video::before{
	content:"VIDEO";
	position:absolute;
	font-size:0.8em;
	letter-spacing:0.1em;
	padding:0.5em 2em;
	top:0;
	left:0;
	color:#ffffff;
	background-color: rgba(0,0,0,0.5);
}
.col3{
	float:left;
	width:26%;
	margin:0 0 0 7%;
	font-size:1.3em;
	line-height: 1.44em;
}
.col3+.col3{
	margin-left:4%;
}
.col3 img{
	width:61%;
	height:auto;
	margin:1em 19.5% 1em 19.5%;	
}
.threecol,.onecol{
	width:76.4%;
	margin: 3em 11.8% 4em 11.8%;
	float:left;
}
.fourcol{
	width:93%;
	margin: 3em 3.5% 4em 3.5%;
	float:left;
}
.threecol_a{
	width:74%;
	margin: 1em 13% 4em 13%;
	float:left;
}
.col_4,.col_3,.col_3a{
	position: relative;
	float: left;
	line-height:1.44em;
	width: 22.33%;
	padding: 0 5.5% 1em 5.5%;
	text-align: center;
	cursor:pointer;
}
.col_4{
	width:16.2%;
	padding: 0 4.4% 1em 4.4%;
}
.onecol .col_3{
	margin:0 0 0 33.33%;
}
/*.admin-bar .col_3,.admin-bar .col_3 img, .admin-bar p.copy{
	border:1px dotted red;
}*/
.col_3a {
	width: 26%;
	padding: 0 3.5% 1em 3.5%;
	text-align: center;
}
.col_4 img,.col_3 img,.col_3a img{
	width:100%;
	height:auto;
	margin: 0 0 0.5em 0;
	opacity: 1;
    -moz-transition: opacity .25s ease;
    -o-transition: opacity .25s ease;
    -webkit-transition: opacity .25s ease;		
	transition: opacity .25s ease;		
}
.col_4:hover img,.col_3:hover img,.col_3a:hover img,.download:hover img{
	opacity: 0.5;
}
.col_3a img{
	width:100%;
	margin: 0 0 0.5em 0;
}
.thumb{
	width:150px;
	height:auto;
	margin:0 0 0 0;
    -moz-transition: opacity .25s ease;
    -o-transition: opacity .25s ease;
    -webkit-transition: opacity .25s ease;		
	transition: opacity .25s ease;		
}
.alignleft{
	float:left;
}
.fade {
	position: fixed;
	top:0;
	left:0;
	display: none;
	width: 100%;
	height: 100vh;
	max-height:100vh;
	z-index: 600;
    overflow-x:hidden;	
}
.fade .inner,.fade .inner1{
	position:relative;
	background: #ffffff url(verlauf3.png) 0 100% repeat-x;
	width:1024px;
	height: 100vh;
	max-height:100vh;	
	margin:0 auto 0 auto;
}
.fade .bar {
	position: absolute;
	left:0;
	top:0;
	width: 99.9%;
	height: 72px;
	z-index: 70;
	background:#ffffff;
}
.fade .close {
	position: absolute;
	right:2%;
	top:0;
	width: 40px;
	height: 72px;
	z-index: 70;
	background:#ffffff url(cls.png) 100% 66% no-repeat;
	background-size: 20px 20px;
	overflow:hidden;
	text-indent:-99px;
	cursor:pointer;
}
.fade .cell{
	width:100%;
	padding:0;
	height:100vh;
	max-height:100vh;
	overflow-y:hidden;
	margin:0;
}
.fade .cell.is-selected{
	overflow-y:auto;
}
.fade .inner1 .cell{
	position:relative;
	height:100vh;
	overflow-y:auto;
}
.fade .inner1 .cell h3{
	margin-top:72px;
}
/*.fade .cell{
	width:100.5%;
	height:100%;
	overflow-y:auto;
	padding-right:20px;
	margin:0 1px 0 1px;
}
.fade .cell::-webkit-scrollbar {
 	display: none;
}*/
.fade .cell::after{
	content:'';
	display:block;
	height:8em;
}
.fade .cell img{
	width:100%;
	height:auto;
	margin-top:72px;	
}
.fade .cell .copy img{
	width:100%;
	height:auto;
	margin:1em 0 1em 0;
}
.fade .cell img.aligncenter{
	display:block;
	width:35%;
	margin-top:2em;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:2em;
}
.fade .cell img.aligncenter+img.aligncenter{
	margin-top:0;
}
.fade .cell .grid{
	display:block;
	padding:0 20% 0 20%;
}
.fade .cell .grid img{
	display:inline-block;
	width:21.33%;
	height:auto;
	margin:6%;
}
.fade .flickity-viewport,.slider .flickity-viewport{
	position:relative;
	width:1024px;
}
.fade .flickity-slider .inner,.slider .flickity-slider .inner{
	width:1024px;
}
.fade .flickity-prev-next-button,.slider .flickity-prev-next-button{
	top:50vh;
	border-radius:0;
	background: rgba(242,242,242,0.75);
}
.fade .flickity-prev-next-button.previous{
	left:0;
}
.fade .flickity-prev-next-button.next{
	right:0;
}
.slider .flickity-prev-next-button{
	position:fixed;
}
.slider .flickity-prev-next-button.previous{
	left:calc(50% - 512px);
}
.slider .flickity-prev-next-button.next{
	right:calc(50% - 512px);
}
.fade .flickity-page-dots,.slider .flickity-page-dots{
	bottom:auto;
	top:100vh;
	margin-top:-72px;
	background-color:#ffffff;
	padding:30px 0 0 0;
	height:42px;
}
.flickity-page-dots .dot.is-selected {
  opacity: 1;
  background-color: #ff0000;
}
.edit{
	position:fixed;
	bottom:2px;
	right:2px;
	z-index: 1000;
}
.umkreis {
	position: relative;
	width:100%;
	height:80vh;
	max-height:100vw;
	overflow:hidden;
}
.kreis {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 550px;
	height: 550px;
	margin: -275px 0 0 -275px;
	border-radius: 50%;
}
.kreis svg{
	transition: transform 0.5s;
}
.kreis a{
	border-radius:45%;
	display:block;
    -moz-transition: opacity .25s ease;
    -o-transition: opacity .25s ease;
    -webkit-transition: opacity .25s ease;		
	transition: opacity .25s ease;	
}
.kreis a img{
	width:100%;
	height:auto;
}
.kreis a:hover{
	opacity:0.75;
}
.b0{
	top:50%;
	left:50%;
	margin:-140px 0 0 -115px;
	padding-top:20px;
	position:absolute;
	width:230px;
	height:auto;
}
.b1,.b2,.b3,.b4,.b5{
	position:absolute;				
	top:50%;
	left:50%;
	width:126px;
	height:auto;
}
.b1{
	margin:-270px 0 0 -60px;
	width:120px;
}
.b2{
	margin:50px 0 0 120px;
}
.b3{
	margin:50px 0 0 -250px;
}	
.a,.b,.c,.d,.e,.f,.g,.h,.i,.j,.k,.l,.m,.n,.o,.p,.q,.r{
	transition: fill 0.5s;
}
.a,body.o0 .c,body.o1 .e,body.o2 .g,body.o3 .i,body.o4 .k,body.o5 .m{
	fill: #a5d7d9;
}
.b,body.o0 .d,body.o1 .f,body.o2 .h,body.o3 .j,body.o4 .l,body.o5 .n{
	fill: #a6d9e5;
}
.c,body.o0 .e,body.o1 .g,body.o2 .i,body.o3 .k,body.o4 .m,body.o5 .o{
	fill: #9fd8ef;
}
.d,body.o0 .f,body.o1 .h,body.o2 .j,body.o3 .l,body.o4 .n,body.o5 .p{
	fill: #9fcdf0;
}
.e,body.o0 .g,body.o1 .i,body.o2 .k,body.o3 .m,body.o4 .o,body.o5 .q{
	fill: #a0bde4
}
.f,body.o0 .h,body.o1 .j,body.o2 .l,body.o3 .n,body.o4 .p,body.o5 .r{
	fill: #a1aeda;
}
.g,body.o0 .i,body.o1 .k,body.o2 .m,body.o3 .o,body.o4 .q,body.o5 .a{
	fill: #9e9dce;
}
.h,body.o0 .j,body.o1 .l,body.o2 .n,body.o3 .p,body.o4 .r,body.o5 .b{
	fill: #a89dcc;
}
.i,body.o0 .k,body.o1 .m,body.o2 .o,body.o3 .q,body.o4 .a,body.o5 .c{
	fill: #b29ecc;
}
.j,body.o0 .l,body.o1 .n,body.o2 .p,body.o3 .r,body.o4 .b,body.o5 .d{
	fill: #bb9fcb;
}
.k,body.o0 .m,body.o1 .o,body.o2 .q,body.o3 .a,body.o4 .c,body.o5 .e{
	fill: #c6a1cc;
}
.l,body.o0 .n,body.o1 .p,body.o2 .r,body.o3 .b,body.o4 .d,body.o5 .f{
	fill: #d1a3cb;
}
.m,body.o0 .o,body.o1 .q,body.o2 .a,body.o3 .c,body.o4 .e,body.o5 .g{
	fill: #dba4cb;
}
.n,body.o0 .p,body.o1 .r,body.o2 .b,body.o3 .d,body.o4 .f,body.o5 .h{
	fill: #e4a3c9;
}
.o,body.o0 .q,body.o1 .a,body.o2 .c,body.o3 .e,body.o4 .g,body.o5 .i{
	fill: #f1a4c8;
}
.p,body.o0 .r,body.o1 .b,body.o2 .d,body.o3 .f,body.o4 .h,body.o5 .j{
	fill: #f3a0c2;
}
.q,body.o0 .a,body.o1 .c,body.o2 .e,body.o3 .g,body.o4 .i,body.o5 .k{
	fill: #f3a0b3;
}
.r,body.o0 .b,body.o1 .d,body.o2 .f,body.o3 .h,body.o4 .j,body.o5 .l{
	fill: #f4a1a3;
}
@media all and (max-width: 1356px) {
	.menu-item-1550 .sub-menu .menu-item-1125 .menu-item-title{
		margin-bottom:0;
	}
	.head .nav .sub-menu .menu-item-1125 a:hover .menu-item-title:after  {
	    left: 18%;
	    right: 18%;
	}	
}
/*TABLET QUER*/
@media all and (max-width: 1024px) {
	.wrap,.gradient,.head,.mobile_head{
		width:100%;
		min-width:100%;
	}
	.fade .flickity-viewport,.slider .flickity-viewport,.fade .flickity-slider .inner,.slider .flickity-slider .inner{
		width:100%;
	}
	.slider .flickity-prev-next-button.previous{
		left:0;
	}
	.slider .flickity-prev-next-button.next{
		right:0;
	}
}
/*TABLET HOCH*/
@media all and (max-width: 900px) {
	.head,.sub-menu .menu-item-description,.foot .menu-meta-menu-container{
		display:none;
	}
	.sub-menu span{
		color:#000000;
	}
	.mobile_head{
		display:block;
		height:4.5em;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
		z-index: 800;		
	}
	.mobile_head .banner{
		position:fixed;
		width:100%;
		height:4.5em;
		background-color:#ffffff;		
		z-index: 900;
	}
	.fade{
		z-index: 999;
	}
	.fade .bar,.fade .close{
		height:4.5em;
	}	
	.fade .close{
		right:3%;
	}
	.nav_active .mobile_head{
		height:100vh;
	}	
	.nav_active .mobile_head .banner{
		border-bottom:1px solid #cecece;
	}
	.mobile_head .logo{
		width:220px;
		padding:3em 0 0 0;
		margin-left:2.6%;
	}
	.scrolled .mobile_head .logo{
		background:url(fi-icon.png) 0% 82% no-repeat;
		background-size:2.4em 2.4em;		
	}
	.mobile_head .icon{
		background:url(fi-icon.png) 0% 100% no-repeat;
		background-size:contain;
	}	
	.mobile_head .nav{
		display:none;
		position:relative;
		margin-top:4.5em;
		margin-bottom:4.5em;
		height:auto;
		background:#ffffff;
		border-bottom:1px solid #cecece;
	}
	.mobile_head .nav .menu li,.mobile_head .sub-menu{
		background:none;
		float:none;
		clear:both;
	}
	.mobile_head .nav .menu li.menu-item-has-children.menu-item-1548{
		background:url(../../uploads/navi_icon_fi.png) 2.6% 1.4em no-repeat;
		background-size:2.6em 2.6em;
	}
	.mobile_head .nav .menu li.menu-item-has-children.menu-item-1549{
		background:url(../../uploads/navi_icon_digitales-erleben.png) 2.6% 1.4em no-repeat;
		background-size:2.6em 2.6em;
	}
	.mobile_head .nav .menu li.menu-item-has-children.menu-item-1273{
		background:url(../../uploads/navi_icons_jahresabschluss.png) 2.6% 1.4em no-repeat;
		background-size:2.6em 2.6em;
	}
	.mobile_head .nav .menu li.menu-item-has-children.menu-item-1278{
		background:url(../../uploads/navi_icon_gremien.png) 2.6% 1.4em no-repeat;
		background-size:2.6em 2.6em;
	}		
	.mobile_head .nav .menu li.menu-item-1271{
		background:url(../../uploads/navi_icon_downloadcenter.png) 2.6% 1.4em no-repeat;
		background-size:2.6em 2.6em;
	}
	.mobile_head .nav .menu li.menu-item-1272{
		background:url(../../uploads/navi_icon_glossar.png) 2.6% 1.4em no-repeat;
		background-size:2.6em 2.6em;
	}	
	.mobile_head .nav .menu-mobile-menu-container .menu li a{
		margin:0 2.6% 0 2.6%;
		padding:1.8em 0 1.8em 0;
		border-bottom:1px solid #cecece;
		letter-spacing: 0.02em;
		display:block;
	}
	.mobile_head .nav .menu-mobile-menu-container .menu li.menu-item-has-children>a>span,.mobile_head .nav .menu li.menu-item-1271>a>span,.mobile_head .nav .menu li.menu-item-1272>a>span{
		padding-left:3.8em;
	}
	.mobile_head .nav .menu-mobile-menu-container .menu li.display>a,.mobile_head .nav .sub-menu li:last-child a{
		border-bottom:none;
	}
	.mobile_head .nav .menu-mobile-menu-container .menu li ul{
		display:none;
		background-color:#f2f2f2;
	}
	.mobile_head .nav .menu-mobile-menu-container .menu li ul li ul{
		background-color:#d9d9d9;
	}	
	.mobile_head .nav .menu-mobile-menu-container .menu li ul li ul li a{
		border-bottom:1px solid #bcbcbc;
	}	
	.mobile_head .nav .menu-mobile-menu-container .menu li ul li ul li a:first-child{
		border-top:1px solid #bcbcbc;
	}
	.mobile_head .nav .sub-menu{
		position:relative;
		display:block;
	}
	.mobile_head .nav .menu-mobile-menu-container .menu li.menu-item-has-children>a{
		background:url(plus.gif) 99.3% 50% no-repeat;
		background-size:1em 1em; 
	}
	.mobile_head .nav .menu-mobile-menu-container .menu li.display.menu-item-has-children>a{
		background:url(minus.gif) 99.3% 50% no-repeat;
		background-size:1em 1em; 
	}
	.mobile_head .nav .menu-meta-menu-container{
		margin:0 2.6% 0 2.6%;
		height:3em;
	}
	.mobile_head .nav .search{
		margin:0 2.6% 0 2.6%;
		padding:1.8em 0 1.8em 0;
		height:1em;
		border-bottom:1px solid #cecece;
		background: url(../../uploads/navi_icon_suche.png) 0 50% no-repeat;
		background-size:2.6em 2.6em;
	}
	.mobile_head .nav .search .search_btn{
		width:2.6em;
		height:2.6em;
		float:left;
		cursor:pointer;
	}
	.mobile_head .nav .search input{
		font-family: "Sparkasse Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size:1em;
		color:#656565;		
		width:80%;
		margin:0 0 0 1em;
		border:none;
		background: transparent;
	}
	.mobile_head .nav .search input:focus{
    	outline: none;
	}
	.mobile_head .nav .menu-meta-menu-container ul{
		float:left;
		padding:1em 0 1em 0;
	}
	.mobile_head .nav .menu-meta-menu-container li{
		font-size:0.75em;
		clear:none;
		float:right;
		margin-right:0.75em;
	}
	.nav_btn{
		width: 27px;
		height: 27px;
		margin-top:30px;
		position: absolute;
		top: 0;
		right: 2.6%;
		z-index: 1000;		
		font-size: 0;
		overflow: hidden;
		cursor: pointer;
	}	
	.nav_btn span {
	    display: block;
	    width: 27px;
	    height: 2px;
	    background-color: #757575;
	    position: absolute;
	    top: 50%;
	    -moz-transition: all 0.1s ease-in-out;
	    -o-transition: all 0.1s ease-in-out;
	    -webkit-transition: all 0.1s ease-in-out;
	    transition: all 0.1s ease-in-out;
	    -moz-transform: rotate(0deg);
	    -ms-transform: rotate(0deg);
	    -webkit-transform: rotate(0deg);
	    transform: rotate(0deg);
	    -moz-transform-origin: 50% 50%;
	    -ms-transform-origin: 50% 50%;
	    -webkit-transform-origin: 50% 50%;
	    transform-origin: 50% 50%;
	}
	.nav_btn span.l1 {
	    margin-top: -6px;
	}
	.nav_btn span.l2 {
	    margin-top: 6px;
	}
	.nav_active .nav_btn span {
	    margin: 0;
	}
	.nav_active .nav_btn .l1 {
	    -moz-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	    -webkit-transform: rotate(-45deg);
	    transform: rotate(-45deg);
	}
	.nav_active .nav_btn .l2 {
	    -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	    -webkit-transform: rotate(45deg);
	    transform: rotate(45deg);
	}
	.nav_active .nav_btn .l3,.nav_active .mobile_head .logo {
	    opacity: 0;
	}
	.nav_active .mobile_head .icon{
		opacity: 1;
	}	
	.content{
		padding:4.5em 0 2.6em 0;
	}
	p.copy,ul.copy,p.person,p.zitat,p.center,ul.center{
		margin:0 8% 1em 8%;
	}	
	.page-child h2{	
		width:86%;
		padding:1.4em 5% 0 5%;
	}
	.spalte1{
		width:43%;
		margin-left:6%;
		margin-right:1%;
	}
	.spalte2{
		width:43%;
		margin-left:1%;
	}	
	.threecol,.fourcol,.onecol{
		width:100%;
		margin: 3em 0% 4em 0%;
	}
	.threecol_a{
		width:100%;
		margin: 1em 0% 4em 0%;
	}
	table{
		width:97.4vw;
		margin-left:1.3%;
	}
	td.name,td.values{
		width:44%;
	}
	tr.hidden td.name{
		width:42%;
		padding-left:2%;
	}
	td.empty,td.plus{
		width:12%;
	}
	.glossar tr.hidden td.name{
		width:96vw;
	}
	.glossar tr.hidden td.empty{
		width:0%;
	}
	div.intro .quote.small .hide,div.intro .quote.small .hide.open{
		max-height:500vh;
	}
	div.intro .quote.small .hide::after,div.intro .quote.small .hide.open::after{
		dosplay:none;
	}	
	.fade .cell .copyicon img,.fade .cell .person img{
		width:30%;
	}	
	.fade .inner,.fade .inner1{
		width:100vw;
		min-width:100vw;
		max-width:100vw;
	}
	.fade .cell{
		width:80%;
		padding:0 10% 0 10%;
	}
	.fade .cell img{
		width:126%;
		margin-left:-13%;
		height: auto;
		margin-top: 4.5em;
	}
	.fade .cell img.aligncenter{
		width:60%;
		margin:2em auto 0 auto;
	}
	.fade .cell img.aligncenter+img.aligncenter{
		margin-top:0;
	}
	.fade .cell p.copy.wide{
		width:118.6%;
		margin-left:-9.3%;
	}	
	.fade .cell .grid{
		padding:0 0 0 0;
	}
	.fade .cell::after{
		height:12em;
	}		
	.home .foot{
		width:94.8%;
		/*background: #ffffff;*/
		padding:1.8em 2.6% 1.8em 2.6%;
	}
}
/* SMARTPHONE HOCH*/
@media all and (max-width: 740px) {
	h1,h2,h3{
		font-size:2.4em;
		padding-top:0;
	}
	h1:first-child{
		padding-top:1em;
	}
	.mobile_head{
		height:3.5em;
	}
	.mobile_head .banner{
		height:3.5em;
	}
	.mobile_head .logo{
		width:175px;
		padding:2em 0 0 0;
		margin-left:4%;
	}
	.mobile_head .icon{
		padding:0.8em;
		top:0;
		left:4%;
	}
	.mobile_head .nav .menu li.menu-item-has-children.menu-item-1548,.mobile_head .nav .menu li.menu-item-has-children.menu-item-1549,.mobile_head .nav .menu li.menu-item-1271,.mobile_head .nav .menu li.menu-item-1272,.mobile_head .nav .menu li.menu-item-has-children.menu-item-1273,.mobile_head .nav .menu li.menu-item-has-children.menu-item-1278{
		background-position:4% 1.4em;
		background-size:2em 2em;
	}
	.mobile_head .nav .search{
		background-size:2em 2em;
	}
	.mobile_head .nav .menu-mobile-menu-container .menu li.menu-item-has-children>a>span,.mobile_head .nav .menu li.menu-item-1271>a>span,.mobile_head .nav .menu li.menu-item-1272>a>span{
		padding-left:3em;
	}	
	.mobile_head .nav .search .search_btn{
		width:2em;
		height:2em;
	}
	.scrolled .mobile_head .logo{
		background:url(fi-icon.png) 0% 66% no-repeat;
		background-size:1.85em 1.85em;		
	}	
	.mobile_head .nav{
		margin-top:3.5em;
	}
	.mobile_head .nav .menu-mobile-menu-container .menu li a,.mobile_head .nav .menu-meta-menu-container,.mobile_head .nav .search{
		margin:0 4% 0 4%;
	}
	.mobile_head .nav .menu-mobile-menu-container .menu li.menu-item-has-children>a,	.mobile_head .nav .menu-mobile-menu-container .menu li.display.menu-item-has-children>a{
		background-position:98.2% 50%;
	}
	.nav_btn{
		margin-top:16px;
		right:4%;
	}
	.nav_btn span {
		width:25px;
	}
	.content{
		padding:3.5em 0 3.5em 0;
	}
	.home .h01.w100{
		font-size:1.3em;
		line-height:1.18em;
	}
	.home .h01.w100 h2{
		font-size:1.3em;
	}
	.home .w100,.home .w50,.home .w50+.w50,.neben,p.withdivider,p.copy{
		width: 93.66%;
		margin: 0 2% 4% 2%;
		padding: 1.22%;
	}
	.col3{
		float:none;
		width: 61.66%;
		margin: 8% 2% 0 2%;
		padding-left:32%;
	}
	.col3+.col3{
		margin-left:2%;
	}
	.col3 img{
		position:absolute;
		left:0;
		width:26%;
		height:auto;
		margin:0 42% 0 2%;	
	}
	div.insertion{
		margin: 0% 3.22% 1em 3.22%;
	}
	.home .w100 img{
		margin: 5%;
		width: 90%;
	}
	.home .w100 .neben img{
		width:26%;
		margin: 1em 0 0 37%;
	}
	a.pdf{
		font-size:0.8em;
		line-height: 1.2em;
		padding:1em 1em 1em 2.8em;
		background-size:30px 33px;
	}
	.content img.over{
		width:26%;
		margin: -13% 0 0 37%;
	}
	.chronik img{
		width:26%;
		margin: 1em 0 0.5em 37%;
	}
	.chronik div.chronik{
		padding:0 4% 1em 4%;
	}
	div.divider,div.intro{
		width:100%;
	}
	div.divider .quote,div.intro .quote{
		width:90%;
		padding:1em 2% 1em 8%;
	}
	div.intro .author {
		margin-left: 8%;
	}
	.page-child .slider h1 {
		padding-top:0.25em;
		margin-bottom: 0.5em;
	}		
	.page-child h2{	
		width:96%;
		padding:1.4em 2% 0 2%;
	}
	.page-child .slider h1 {
		padding-top:0.25em;
		margin-bottom: 0.5em;
	}	
	.page-child .slider h2{	
		padding:0em 2% 0.5em 2%;
	}
	.spalte1,.spalte2{
		width:96%;
		margin-left:2%;
		margin-right:2%;
	}	
	.hide_desktop,.w100 img.hide_desktop,.neben img.hide_desktop,.w50 img.hide_desktop{
		display:block;
	}
	.hide_mobile,.w100 img.hide_mobile,.neben img.hide_mobile,.w50 img.hide_mobile,.divider .portrait,.intro .portrait{
		display:none;
	}
	#btn1 {
		width:46%;
		margin: 0 0 0 27%;
	}	
	.fade .bar,.fade .close{
		height:3.5em;
	}	
	.fade .close{
		right:5%;
	}	
	.fade .cell{
		width:70%;
		padding:0 15% 0 15%;
	}
	.fade .cell img{
		width:144%;
		margin-left:-22%;
		margin-top:3.5em;
	}
	.fade .cell img.aligncenter{
		width:100%;
		margin:2em auto 0 auto;
	}
	.fade .cell img.aligncenter+img.aligncenter{
		margin-top:0;
	}
	.fade .cell p.copy.wide{
		width:100%;
		margin-left:0%;
	}		
	.fade .flickity-page-dots{
		margin-top: -50px;
		height:3		0px;
		padding-top:20px;
	}
	.page-child .fade h3{
		font-size:2em;
	}
	.fade .cell .copyicon img,.fade .cell .person img{
		width:80%;
	}
	.col_3,.col_3a,.onecol .col_3,.col_4{
		width: 90%;
		margin:0;
		padding-bottom:3em;
	}
	.col_3 img,.col_3a img{
		width:70%;
		margin: 0 15% 0.5em 15%;	
	}
	.col_4 img{
		width:52%;
		margin: 0 24% 0.5em 24%;
	}
	.col_3a {
		width: 93%;
	}
	.flickity-viewport {
		min-height:80vw;
	}	
	.fade .flickity-prev-next-button,.slider .flickity-prev-next-button{
		top:80vw;
	}	
	.flickity-page-dots .dot{
		margin:0 20px;
	}	
	.fade .cell .grid img{
		width:80%;
		margin:0 10% 0 10%
	}
	.fade .cell::after{
		height:12em;
	}	
	.foot{
		width:92%;
		/*background: #ffffff;*/
		padding:2em 4% 2em 4%;
	}		
}
@media all and (max-width: 740px) and (orientation: landscape){
	.col_4 img,.col_3 img,.col_3a img{
		width:50%;
		height:auto;
		margin: 0 25% 0.5em 25%;	
	}
	.flickity-viewport{
		min-height:80vh;
	}
}
@media all and (min-width: 740px) and (orientation: portrait){
	.fade .cell img.margintop{
		margin-top:33%;
	}
}
@media all and (min-width: 2000px){
	.fade .cell img.margintop{
		margin-top:33%;
	}
}