/* @font-face {
	font-family: 'Helvetica Neue-Light'; 
	src: url('https://imz.at/fileadmin/templates/css/font/HelveticaNeue.woff2') format('woff2'); 
	font-weight: normal; 
	font-style: normal;
	}
	 */
@font-face {
	font-family: 'Helvetica Neue';
	src: url('font/HelveticaNeue-Light/HelveticaNeue-Light.eot');
	src: url('font/HelveticaNeue-Light/HelveticaNeue-Light.eot?#iefix') format('embedded-opentype'),
			url('font/HelveticaNeue-Light/HelveticaNeue-Light.woff2') format('woff2'),
			url('font/HelveticaNeue-Light/HelveticaNeue-Light.woff') format('woff'),
			url('font/HelveticaNeue-Light/HelveticaNeue-Light.ttf') format('truetype'),
			url('font/HelveticaNeue-Light/HelveticaNeue-Light.svg#HelveticaNeue-Light') format('svg');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Helvetica Neue';
	src: url('font/HelveticaNeue-Bold/HelveticaNeue-Bold.eot');
	src: url('font/HelveticaNeue-Bold/HelveticaNeue-Bold.eot?#iefix') format('embedded-opentype'),
		url('font/HelveticaNeue-Bold/HelveticaNeue-Bold.woff2') format('woff2'),
		url('font/HelveticaNeue-Bold/HelveticaNeue-Bold.woff') format('woff'),
		url('font/HelveticaNeue-Bold/HelveticaNeue-Bold.ttf') format('truetype'),
		url('font/HelveticaNeue-Bold/HelveticaNeue-Bold.svg#HelveticaNeue-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Helvetica Neue';
	src: url('font/HelveticaNeue-Regular/HelveticaNeue.eot');
	src: url('font/HelveticaNeue-Regular/HelveticaNeue.eot?#iefix') format('embedded-opentype'),
		url('font/HelveticaNeue-Regular/HelveticaNeue.woff2') format('woff2'),
		url('font/HelveticaNeue-Regular/HelveticaNeue.woff') format('woff'),
		url('font/HelveticaNeue-Regular/HelveticaNeue.ttf') format('truetype'),
		url('font/HelveticaNeue-Regular/HelveticaNeue.svg#HelveticaNeue-Bold') format('svg');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
	
	
html, body 	{ height: 100%;}
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; font-size: 100%; font: inherit; vertical-align: baseline; }
a:active, a:focus 	{ outline: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table 	{ border-collapse: collapse; border-spacing: 0; }

figure, article, aside{
	float:left;
	width:100%;
}


#main2020oeffnen{
 display:none !important;
 float:right; 
}

sup {
    vertical-align:super;
    font-size: smaller;
}

body{
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	font-weight:300;
	-webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
	/* -webkit-font-smoothing: antialiased; */
}

.mainbreiteIMZ{
/*max-width: 1700px;*/
margin-left: auto !important;
margin-right: auto !important;
}



#header2020 .rootline::after{
	content:"";
	background-color:#f2f2f2;
	position: absolute;
	left: 50%;
	width: 50vw;
	margin-left: 0;
	margin-right: -50vw;
	height: 100%;
	top: 0;
	z-index:-1;
}

#header2020 .rootline::before{
	content:"";
	background-color:#f2f2f2;
	position: absolute;
	left: 50%;
	width: 50vw;
	margin-left: 0;
	margin-left: -50vw;
	height: 100%;
	top: 0;
	z-index:-1;
}

#headermain2020{
	float:left;
	width:100%;
	min-height:80px;
}

.rootline{
	display: none;
	background-color:#f2f2f2;
	padding:10px 0;
	font-size: 14px;
	line-height: 20px;
	position:relative;
	text-transform:uppercase;
	float:left;
	width:100%;
}

.rootline .homeicon{
float:left; height:15px;
margin:2px -5px 0 0px;
}

.rootline i {
	opacity:0.6;
	padding:0 5px;
}

.rootline a {
	color:#000000;
	padding:0 5px;
}


::selection {
    background:#4a4a4a;
    color: #fff;
}
::-moz-selection {
    background:#4a4a4a;
    color: #fff;
}

.innen{
	margin:0 auto;
	width:1200px;
}

.only-mobile{
	display:none !important;
}

#header, #content, #content-header, #main-menue, #imznav, #footer{
	min-width:1200px;
}

#header {
	float:left; 
	width:100%;
	background:#fff;
	height:100px;
	padding:0px;
	z-index:10000;
	position:relative;
}

#header::before{
	content:"";
	background-color:#ffffff;
	position: absolute;
	left: 50%;
	width: 50vw;
	margin-left: 0;
	margin-left: -50vw;
	height: 100%;
	top: 0;
	z-index:-1;
}

#header::after{
	content:"";
	background-color:#ffffff;
	position: absolute;
	left: 50%;
	width: 50vw;
	margin-left: 0;
	margin-right: -50vw;
	height: 100%;
	top: 0;
	z-index:-1;
}


#header2020{
	float:left; 
	width:100%;
	padding:0px;
	z-index:10000;
}

#header2020 #imztop{
	background-color:#000000;
	float:left;
	padding:0;
	width:100%;
	position:relative;
	/* zoom:150%; */
}

#imztop::before{
	content:"";
	background-color:#000000;
	position: absolute;
	left: 50%;
	width: 50vw;
	margin-left: 0;
	margin-left: -50vw;
	height: 100%;
	top: 0;
	z-index:-1;
}

#imztop::after{
	content:"";
	background-color:#000000;
	position: absolute;
	left: 50%;
	width: 50vw;
	margin-left: 0;
	margin-right: -50vw;
	height: 100%;
	top: 0;
	z-index:-1;
}

.headerbgverschwommen{
	display: none;

    position:absolute;
    z-index:-10;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
	-webkit-filter: blur(30px);
    filter: blur(30px);
}

#link-imzlogo{
	float:left;
	text-decoration:none;
	margin:30px 0 0 10px;
}

#link-imzlogo img{
	float:left;
	height:35px;
}

#imztop #logoblock{
	float:left;
	margin:0;
	padding:0;
}

#imztop #logoblock #link-imzlogo{
	float:left;
	margin:12px 7.5px;
}

#imztop #logoblock #link-imzlogo img{
	height:30px !important;
}

#content{
	float:left;
	width:100%;
}

#content-header{
	float:left;
	width:100%;
	min-height:60px;
	position:relative;
	/*background-color:#f2f2f2;*/
	overflow:hidden;
}

.content-header-bg-image{
	position:absolute;
	/*bottom:0; */
	top:0;
	left:0;
	width:100%;
	height:auto !important;
	min-height:300px;
	z-index:-1;
}

#content-header-inhalt{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:10;
}

#content-header .quadratlogo{
	width:300px;
	height:300px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-150px -150px;
	z-index:1000;
}

.header-klein{
	height:80px;
	background:#f2f2f2;
}

.header-normal{
	/* height:300px; */
	height: 350px;
}

.header-startpage{
	height:440px;
}

.header-startpage .content-header-bg-image{
	min-height:500px;
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:auto;
	min-width:100%;
}



#main-menue{
	position:absolute;
	z-index:100;
	bottom:0;
	left:0;
	right:0;
	width:auto;
	background:rgba(255,255,255,0.8);
	height:80px;
	transition:0.3s;
}

.header-klein #main-menue{ background:none; }

#imznav{
	float:left;
	width:100%;
	display:none;
	min-height:300px;
	background:#FFFFFF;
	transition:0.3s;
	margin-top:0px;
}

#shortul{
	float:right;
	font-weight:bold;
	padding:0;
	margin:0;
}

#shortul li{
position:relative;
	float:right;
	margin: 0 0 0 10px;
	padding-top:30px;
	padding-bottom:30px;
	font-size:18px;
	line-height:20px;
}

#shortul li.main-li-aktiv{
	background:#c4c4c4;
}

#shortul li a.main-li-link, #shortul li.main-li-login span,  #shortul li.main-li-login-aktiv span {
	padding:10px;
	float:left;
	text-decoration:none;
	color:#000000;
	transition:0.3s;
	cursor:pointer;
}

#shortul li.main-li-login{
	cursor:pointer;
}

#breichsmenue2020{
	float:right;
	font-size:18px;
	line-height:22.5px;
	color:#ffffff;
	display:table;
}

#breichsmenue2020 li{
	position:relative;
	cursor:pointer;
	padding:15px 18px;
	opacity:0.8;
	float:left;
	transition:0.3s;
	background-color:rgba(255,255,255,0);
}

#breichsmenue2020 li.active:before{
	position:absolute;
	content:"";
	bottom:-1px;
	left:50%;
	margin-left:-8px;
	z-index:10;
	border-left:8px;
	border-top:0;
	border-right:8px;
	border-bottom:8px;
	border-color: transparent transparent #ffffff transparent;
	border-style:solid;
}

#breichsmenue2020 li.active{
opacity:1;
	background-color:rgba(255,255,255,0.2);
}

#breichsmenue2020 li:hover{
	background-color:rgba(255,255,255,0.2);
}

#breichsmenue2020 li a {
	color:#fff;
	text-decoration:none;
}

#breichsmenue2020 li.main-li-login{
	background-color:rgba(255,255,255,0.2);
	padding-left:45px;
	font-weight:bold;
	position:relative;
}
#breichsmenue2020 li.main-li-login::after{
	z-index:10;
	content:" ";
	position:absolute;
	background-image:url('../images/profile_w.png');
	top:12px;
	left:7.5px;
	width:30px;
	height:30px;
	background-repeat:no-repeat;
	background-size:cover
}

#shortul li.sprachen{
	border-left:1px solid #606060;
	margin:30px 0;
	margin-left:10px;
	margin-right:0;
	padding:0 0 0 10px;
}

#shortul li.sprachen a{
	color:#000000;
	text-decoration:none;
	float:left;
	padding:0;
	margin:0;
}

#shortul li.sprachen a.aktiv{
	font-weight:bold;
}

#shortul li.sprachen a:hover, #shortul li.sprachen a:hover i{
	text-decoration:underline;
}

#shortul li.sprachen #sprachen li{
	float:left;
	width:100%;
	padding:0;
	margin:0;
	font-size:10px;
	font-weight:400;
}

#shortul li.sprachen #sprachen li i{
	opacity:0;
	float:right;
	width:auto;
	padding:0;
	margin:0;
	transition:2s;
	display:none;
}

#shortul li.sprachen #sprachen:hover li i{
	opacity:1;
	display:block;
}


#imnav-ul, .imnav-ul{
	float:left;
	width:100%;
	margin:0;
	display:inline-block;
	font-size:14px;
}

.imnav-li-main {
	float:left;
	width:calc(100% / 5.2);
}

.imnav-ul.event .imnav-li-main{
	width:calc(100% / 4);
}

.imnav-li-main .imznav-ul-ul{
	float:left;
	width:100%;
	margin:0;
	display:block;
}

.imznav-ul-ul .imznav-li-normal, .imznav-ul-ul .imznav-li-socialmedia {
	float:left;
	padding:5px 10px;
	width:calc(100% - 50px);
}

.imznav-ul-ul .imznav-li-socialmedia span{
	float:left;
	margin:20px 0 10px 10px;
	padding:10px;
	background:#000;
	color:#fff;
	line-height:12px;
	font-size:12px;
	text-align:center;
	font-weight:bold;
	width:12px;
}

.imznav-ul-ul .imznav-li-normal b{
	font-weight:bold;
}

.imznav-li-normal-link{
	color:#000;
	text-decoration:none;	
}



.imznav-li-head .imznav-li-normal-link {
	font-weight:bold;
	float:left;
	padding:10px;
	font-size:14px;
	margin-bottom:10px;
}

.imznav-ul-ul .imznav-li-normal{
	padding-left:40px;
	position:relative;
	transistion:0.3s;
}

.imznav-ul-ul .imznav-li-normal-link:hover{
	color:#4a4a4a;
}

.imznav-ul-ul .imznav-li-normal::before{
	content: "";
    position: absolute;
    left: 20px;
    top: 8px;
	width: 0; 
	height: 0;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid #4a4a4a;
}


.imznav-li-head, .imznav-li-head .imznav-li-normal-link{
	font-size:20px;
	padding:10px;
}

.main-li-login-img{
	float:left;
	width:30px;
	height:30px;
	margin:0;
	margin-top:5px;
}

#shortul li a.main-li-link:hover, #shortul li.main-li-login:hover span{
	color:#ccc;
}

#shortul li.main-li-login-aktiv:hover span{
	color:#000;
}

#shortul li.main-li-login-aktiv{
	font-size:10px !important;
	line-height:11px;
	font-weight:400;
	padding-right:30px;
	position:relative;
	cursor:default;
}

#shortul li.main-li-login-aktiv span{
	float:left;
	width:60%;
	width:calc(100% - 50px);
}

#shortul li.main-li-aktiv:hover{
	color:#000;
}

#main{
	float:left;
	width:100%;
	background:#ffffff;
	padding:0;
	min-height:200px;
	
	
}

#footer{
	float:left;
	width:100%;
	background:#000000;
	padding:0;
	color:#ffffff;
	padding-bottom:50px;
	position:relative;
}

#footer::before{
	content:"";
	background-color:#000000;
	position: absolute;
	left: 50%;
	width: 50vw;
	margin-left: 0;
	margin-left: -50vw;
	height: 100%;
	top: 0;
	z-index:-1;
}

#footer::after{
	content:"";
	background-color:#000000;
	position: absolute;
	left: 50%;
	width: 50vw;
	margin-left: 0;
	margin-right: -50vw;
	height: 100%;
	top: 0;
	z-index:-1;
}


.tcon {
	float:left;
	appearance: none;
	border: none;
	cursor: pointer;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	height: 60px;
	padding:10px;
	transition: 0.3s;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 60px;
	margin-top:19px;
	background: #ffffff;
	outline: none; 
}
.tcon > * {
	display: block; 
}
.tcon:hover, .tcon:focus {
	outline: none; 
}
.tcon::-moz-focus-inner {
	border: 0; 
}

.tcon-menu__lines {
	display: inline-block;
	height: 1px;
	width: 50px;
	transition: 0.3s;
	background: #000000;
	position: relative; 
}
  
.tcon-menu__lines::before, .tcon-menu__lines::after {
    display: inline-block;
    height: 1px;
    width: 50px;
    transition: 0.3s;
    background:#000000;
    content: '';
    position: absolute;
    left: 0;
    -webkit-transform-origin: 2.85714px center;
    transform-origin: 2.85714px center;
    width: 100%; 
}

.tcon-menu__lines::before {
	top: 10px; 
}

.tcon-menu__lines::after {
	top: -10px; 
}
  
.tcon-menu--xcross.tcon-transform .tcon-menu__lines {
	background: transparent; 
}
    
.tcon-menu--xcross.tcon-transform .tcon-menu__lines::before, .tcon-menu--xcross.tcon-transform .tcon-menu__lines::after {
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	top: 0;
	width: 40px; 
}

.withbg{
	background:#f2f2f2;
}

.tcon-menu--xcross.tcon-transform .tcon-menu__lines::before {
      -webkit-transform: rotate3d(0, 0, 1, 45deg);
      transform: rotate3d(0, 0, 1, 45deg); }
.tcon-menu--xcross.tcon-transform .tcon-menu__lines::after {
      -webkit-transform: rotate3d(0, 0, 1, -45deg);
      transform: rotate3d(0, 0, 1, -45deg); }

.tcon-visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px; 
}
  
.tcon-visuallyhidden:active, .tcon-visuallyhidden:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto; 
}

.main-menue-ul{
	float:right;
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
}

.header-startpage .main-menue-ul {
	float:inherit !important;
	margin:0 auto !important;
	width:auto !important;
	text-align:center;
	display: table;
}

#main-menue.fixed{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	bottom:inherit;
	background:#f2f2f2;
	background:rgba(251,251,251,0.95);
	
}

.main-menue-ul .main-menue-li-normal {
	float:right;
	margin:0;
	padding:0;
	position:relative;
}

.main-menue-li-normal-home{
	display:none;
}

.main-menue-ul .main-menue-li-normal {
	display: table-cell;
	list-style: none;
	float:inherit !important;
}

.main-menue-ul .main-menue-li-logo{
	float:left;
	padding:0px;
}

.main-menue-ul .main-menue-li-logo .main-menue-li-logo-img {
	float:left;
	height:55px;
	margin:12px;
}

#header .main-menue-li-logo-img {
	float:left;
	height:55px;
	max-height:30%;
	margin:0px;
}

#header .main-li.active:before{
	content:"";
	position:absolute;
	bottom:50%;
	margin-bottom:-20px;
	left:0;
	width:100%;
	border-bottom: 3px solid #000000;
	transition:0.3s;
}

#header .main-li.active:before:hover{
	border-bottom:3px solid #000000;
}

#header .main-menue-dropdown .active{
	border-bottom:none;
	padding:0 !important;
	font-weight:bold;
}
.header-startpage .main-menue-ul .main-menue-li-logo {
	display:none !important;
}

.main-menue-ul .main-menue-li-normal .main-menue-li-normal-link, #main-user li, .main-menue-li-login-icon{
	float:left;
	padding:30px 15px;
	text-decoration:none;
	font-size:20px;
	font-weight:bold;
	text-transform:uppercase;
	color:#000000;
	transition:0.3s;
}

.main-menue-li-login-icon{
	float:right;
	padding:25px 0;
	overflow:hidden;
	width:0px;
	opacity:0;
	transition:0.3s;
}

.header-normal #main-menue.fixed .main-menue-li-login-icon{
	width:auto !important;
	padding-left:10px;
	opacity:100;
}

.main-menue-li-login-icon .main-li-login-img {
	margin-top:0;
}

.main-menue-ul .main-menue-li-normal:hover .main-menue-li-normal-link, .main-menue-ul .main-menue-li-normal:focus , .main-menue-ul .main-menue-li-normal.active .main-menue-li-normal-link {
	background:rgba(255,255,255,0.5);
}

.main-menue-li-normal.dropdown .main-menue-li-normal-link, #shortul li.main-li.dropdown {
	padding-right:30px;
	position:relative;
}

.main-menue-li-normal.dropdown .main-menue-li-normal-link:before, #shortul li.main-li-login-aktiv:before, #shortul li.main-li.dropdown .main-li-link:before {
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
	width: 0; 
	height: 0;
	margin-top:-2px; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #000;
}

#main-user-ul{
	display:none;
}

#main-user-ul li{
	margin-left:0;
	padding:0 !important;
}

#main-user-ul li a {
	margin:10px 0 10px 20px;
	float:left;
	color:#000;
	text-decoration:none;
	font-weight:bold;
}

#logout-button{
	float:right;
	margin:10px 10px 10px 0;
	background:#000000;
	border:1px solid #000000;
	color:#ffffff;
	padding:10px 15px;
	cursor:pointer;
	font-size:14px;
}

#main-menue #logout-button{
	display:none;
}

.onlymember{
	opacity:0.4;
}

.main-menue-li-normal.dropdown .main-menue-dropdown, .main-menue-dropdown{
	display:none;
	position:absolute;
	top:80px;
	right:0;
	width:auto;
	min-width: 250px;
	font-size:14px;
	font-weight:400;
	background-color: #f9f9f9;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index:1000;
	text-align:left;
	transition:0.6s;
}

.main-menue-li-normal.dropdow{
position:relative;
}

.main-menue-li-normal.dropdown:hover .main-menue-dropdown{
	display:block !important;
}

.main-menue-li-normal.dropdown:hover .main-menue-dropdown, .main-li-login-aktiv:hover #main-user-ul, #shortul .dropdown:hover .main-menue-dropdown {
	display:block;
}

.main-menue-li-normal.dropdown .main-menue-dropdown .main-menue-li-normal-link, #main-user-ul li, #shortul .dropdown .main-menue-dropdown{
	font-size:15px !important;
	font-weight:400 !important;
	padding:16px;
	text-transform:none !important;
	float:left !important;
	width:calc(100% - 30px) !important;
}

.main-menue-li-normal.dropdown .main-menue-dropdown .main-menue-li-normal, #main-user-ul li, #shortul .dropdown .main-menue-dropdown li{
	float:left !important;
	width:100% !important;
}

li.main-li-dropdown {
	padding:0px !important;
	margin:0 !important;
}

li.main-li-dropdown .main-li-link{
	padding:0;
}

.main-li-dropdown::hover{
	background:#f2f2f2 !important;
}

li.main-li-dropdown .main-li-link::before{
	content:"";
	border:none !important;
}

.main-menue-li-normal.dropdown .main-menue-dropdown .main-menue-li-normal-link::before{
	content:"";
	border:none !important;
}
.main-menue-dropdown .main-menue-li-normal{
	border-bottom:1px solid #ccc;
}

.load-login{
	position:relative;
	min-height:60vh;
}

.load-login::before{
	position:absolute;
	z-index:1000;
	top:0;
	left:0;
	width:100%; 
	height:100%;
	background:#494949 url('../images/load_gif.gif') no-repeat 50% 50%;
	-webkit-transition: background-color 0;
    transition: background-color 0;
	content:"";
	z-index:1000;
}

#login-template{
	float:left;
	width:100%;
	position:relative;
	top:0;
	left:0;
	min-height:50vw;
}

#login-form-feld{
	position:absolute;
	left:55%;
	right:30px;
	width:auto;
	top:30px;
	bottom:30px;
	height:auto;
	background:#ffffff;
	z-index:100;
}

#footer-menue{
	display:none
}

#footer-menue{
	float:left;
	width:100%;
	margin-bottom:20px;
	padding-bottom:10px;
	border-bottom:0.5px solid #fff;
}

#footer-menue a {
	color:#fff;
	text-decoration:none;
}

#footer-menue li.footer-menue-li{
	padding:20px;
	float:left;
	width:95%;
	width:calc(100% - 40px);
	padding-bottom:20px;
}

#footer-menue h2{
	float:left;
	width:100%;
	font-weight:bold;
	font-size:25px;
}

.footer-menue-sub{
	float:left;
	width:20%;
	width:calc(20% - 10px);
	margin:10px 10px 10px 0;
}

.footer-menue-sub-li{
	float:left;
	width:100%;
	padding:2px;
	font-size:14px;
	font-weight:200;
}

.footer-menue-sub-li a.footer-menue-sub-link-normal{
	position:relative;
	float:left;
	padding-left:10px;
}
.footer-menue-sub-li a.footer-menue-sub-link-normal::before{
	content: "";
	position: absolute;
	left: 0px;
	top: 8px;
	width: 0;
	height: 0;
	margin-top:-4px;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 4px solid #fff;
}

.footer-menue-sub-li.headline{
	font-weight:bold !important;
	margin-bottom:5px;
	text-transform:uppercase;
}

#button-footermenue, .link-im-titel, #fullformnl button{
	float:right;
	margin:20px;
	-webkit-border-radius: 14;
	-moz-border-radius: 14;
	border-radius: 14px;
	font-family: Arial;
	color: #ffffff;
	font-size: 11px;
	background: #000;
	padding: 7px 13px 7px 13px;
	border: solid #e8e8e8 1px;
	text-decoration: none;
	transition:0.5s;
	opacity:0.6;
}

#fullformnl button{
 	float:inherit;
	margin:20px auto;
	font-size:20px;
	background:#a0ca46;
	padding: 15px 20px 15px 20px;
	border:2px solid #51710e;
	color:#ffffff;
	font-weight:bold;
	cursor:pointer;
}

.link-im-titel{
	margin:0px;
	background: #ffffff;
	color:#000000;
	padding: 0px 10px 0px 10px;
	border: solid #000 1px;
}

#button-footermenue:hover , .link-im-titel:hover {
  cursor:pointer;
  text-decoration: none;
  opacity:1;
}

#footer-imz-adresse{
	float:left;
	width:98%;
	font-size:16px;
	width:calc(100% - 30px);
	margin:20px 20px 40px 10px;
}

.footer-imz-logo{
	float:left;
	width:150px;
	margin-right:20px;
	margin-top:5px;
}

#footer-imz-adresse b {
	font-weight:bold;
	float:left;
	width:calc(100% - 170px);
	padding-bottom:5px;
}

#footer-imz-adresse span{
	float:left;
	width:auto;
	padding-right:20px;
	position:relative;
	font-weight:200;
}

#footer-imz-adresse span::before{
	position:absolute;
	right:5px;
	top:0;
	content:"/";
	color:#fff;
	font-weight:200;
}

#footer-imz-adresse span:last-child::before{
	content:"";
}



#footer-social-media{
	float:left;
	width:100%;
	border-top:0.5px solid #fff;
	padding:50px 0;
	padding-top:100px;
}

#footer-social-media .footer-social-media-ul, .footer-imprint-ul{
	margin:0 auto;
	display:table;
	list-style:none;
	width:auto; 
	text-align:center;
}



#footer-social-media .footer-social-media-ul li, .footer-imprint-ul li {
	display: table-cell;
	list-style: none;
	float: inherit !important;
	padding:5px;
	color:transparent;
}

.footer-social-media-ul a.social-media-footer{
	float:left;
	color:transparent;
	font-size:1px;
	width:40px;
	height:40px;
	opacity:0.9;
	transition:0.3;
	cursor:pointer;
	background:url('../images/socialmedia_icons.png') no-repeat 2px 0;
}

.footer-social-media-ul a.social-media-footer:hover{
	opacity:1;
}

.footer-social-media-ul a.social-media-footer.twitter{ background:url('../images/socialmedia_icons.png') no-repeat -45px 0; }
.footer-social-media-ul a.social-media-footer.instagram{ background:url('../images/socialmedia_icons.png') no-repeat -95px 0; }
.footer-social-media-ul a.social-media-footer.googleplus{ background:url('../images/socialmedia_icons.png') no-repeat -190px 0; }
.footer-social-media-ul a.social-media-footer.youtube{ background:url('../images/socialmedia_icons.png') no-repeat -322px 0; }
.footer-social-media-ul a.social-media-footer.linkedin{ background:url('../images/socialmedia_icons.png') no-repeat -280px 0; }
.footer-social-media-ul a.social-media-footer.newsletter{ background:url('../images/socialmedia_icons.png') no-repeat -238px 0; }


.footer-imprint-ul a{
	color:#fff;
	text-decoration:none;
}

#footer-copyright{
	float:left;
	width:100%;
	font-size:10px;
	padding-bottom:15px;
}

.footer-imprint{
	width:40%;
	float:left;
	text-align:center;
	padding-top:25px;
}

.footer-copyright-left{
	float:left;
	width:30%;
}

.footer-copyright-right{
	float:right;
	width:30%;
	height:50px;
}

.startseitenvideo{
	float: left;
	width: 100%;
	height: 500px;
	overflow: hidden;
	position: relative;	
}

.startseitenvideo video{
	position:absolute;
	top:-100px;
	left:0;
	width:100%;
	height:100%;
}

.startseitenvideo video[poster]{
	height:auto;
	width:100%;
}

#main-left{
	float:left;
	width:69%;
	width:calc(70% - 20px);
	margin:70px 0;
}

#main-right{
	float:right;
	width:29%;
	width:calc(30% - 20px);
	margin:70px 0;
	margin-right:10px;
}

#main-center-wrap{
	float:left;
	width:100%;
}

#main-center, #main-center-oben{
	width:70%;
	position:relative;
	margin:0px auto;
}

#main-center-oben {
	display:none;
	text-align:center !important;
}

#main-center-left{
	float:left;
	width:15%;
	margin:0;
	display:none;
}

#main-center-right{
	float:right;
	width:15%;
	margin:0;
	display:none;
}

#main-center-right .advNews-vertical{
	float:left;
	margin:20px 30px;
	cursor:pointer;
	position:relative;
}

.advtitle{
	float:left;
	width:100%;
	text-align:center;
	font-size:10px;
	margin:10px 0;
}

#main .headerline{
	float:left;
	width:100%;
}

#main h1 {
	float:left;
	font-weight:bold;
	font-size:35px;
	line-height:36px;
	margin-left:10px;
	margin-bottom:30px;
	width:calc(100% - 20px);
	text-transform:uppercase;
}

#main h1.mit-abstand-nach-oben{
	margin-top:30px;
}

#main h2 {
	float:left;
	font-weight:bold;
	font-size:24px;
	line-height:26px;
	margin-top:30px;
	margin-left:10px;
	width:calc(100% - 20px);
	margin-bottom:30px;
	text-transform:uppercase;
}
#main h2.center{
	text-align:center;
}

.ce-bodytext h2, .ce-bodytext h1{
	margin-left:0 !important;
	width:100% !important;
}

#main .ce-bodytext, #main .ce-table, #newsletter .ce-bodytext{
	font-size:18px;
	line-height:26px;
	margin-left:10px;
	width:calc(100% - 20px);
	float:left;
	font-weight:300;
}

#main .ce-bodytext a, #main .ce-bodytext b{
	font-weight:bold;
}

#main p a, #newsletter .ce-bodytext a{
	color:#000;
	font-weight:bold;
}

#main .ce-bodytext.center{
	text-align:center;
}

#main .ce-bodytext h1 {
	margin-left:0;
}

#main .ce-table{
	table-layout:fixed;
}

#main .ce-table td{
	padding-bottom:20px;
}

#main .ce-table b, #main .ce-table a {
	font-weight:bold;
	color:#000;
}

#main-right .ce-menu, .seitennav, .liste.news, .filelist {
	float:left;
	width:100%;
	margin-bottom:30px;
	background:#f2f2f2;
}

.filelist {
	margin-bottom:0 !important;
}

#main-right .ce-menu li, .seitennav-li-normal, .liste.news li, .filelist li {
	float:left;
	width:100%;
	border-bottom:1px solid #ccc;
	transition:0.3s;
	opacity:1;
}

#main-right .seitennav-li-normal::hover{
	opacity:0.7;
}

.filelist li a{
	float:left;
	padding:10px;
	margin:10px;
}

.filelist li a span{
	font-weight:bold;
}


#main-right .ce-menu li a, .seitennav-li-normal-link {
	float:left;
	margin:10px 15px;
	color:#000;
	text-decoration:none;
}

.seitennav-li-normal.active{
	font-weight:bold !important;
}

.seitennav-li-normal.active.submenu{
	border-bottom:none !important;
}

.seitennav-li-normal.submenu ul{
	display:none;
	float:left;
	width:100%;
	font-weight:normal !important;
	font-size:15px;

}

.seitennav-li-normal.active.submenu ul{
	display:block;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background:#fdfdfd;
}

.seitennav-li-normal.active.submenu ul li {
	padding-left:15px;
	border-bottom:1px solid #e5e5e5;
	width:90%;
	width:calc(100% - 15px);
	position:relative;
	background:#fdfdfd;
}


.seitennav-li-normal.active.submenu ul li::before {
	content: "";
    position: absolute;
    left: 15px;
    top: 50%;
	width: 0; 
	height: 0;
	margin-top:-5px; 
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid #000;
}

.item.newslist{
	padding-bottom:0 !important;
}

.item.newslist ul{
	margin-bottom:0px;
}

.liste.news img.item-img{
	float:left;
	width:100px;
	margin:20px;
}

.liste.news a{
	color:#000;
	text-decoration:none;
}

.liste.news h3{
	float:left;
	margin: 20px 0 ;
	width:calc(100% - 160px);
}

.block{
	float:left;
	width:100%;
}

.info{ background-color:#ffffb4; float:left; border-left:5px solid #fbb204; padding:10px; color:#000; width:96%; width:calc(100% - 25px); margin-bottom:10px; }
.achtung { background:#d06969; border-left:5px solid #d40707;  color:#fff;	}
.ok{ background:#a0ca46;  border-left:5px solid #51710e;  color:#fff;}
.error{ background-color:#fcd2d2; float:left; border-left:5px solid #ce3e3e; padding:10px; width:90%; width:calc(100% - 25px);}


.item {
	float:left;
	background:#f2f2f2;
	margin:10px;
	padding-bottom:30px;
	position:relative;
}

.item.eins{
	width:100%;
	width:calc((100%) - 20px);
	float:left;
}

.item.einsquer img.item-img, .item.einsquer .text-wrap{
	width:calc(100% / 2);
	float:left;
}

.item.termin{
	padding-bottom:0 !important;
}

.item.termin .item-img-rand{
	width:calc(100% / 3);
	float:left;
}

.item.termin .text-wrap{
	width:calc((100% / 3) * 2);
	float:left;
	position:relative;
	min-height:180px;
	padding-bottom:50px;
}

.item.einsquer .text-wrap p {
	line-height:20px;
	margin-top:10px;
}

.item.zwei{
	width:48%;
	width:calc((100% / 2) - 20px);
	float:left
}

.item.drei{
	width:23%;
	width:calc((100% / 3) - 20px);
	float:left;
	padding-bottom:0;
	height:440px;
}

.item.drei.news{
	height:510px;
}

.item.vier{
	width:23%;
	width:calc((100% / 4) - 20px);
	float:left;
	padding-bottom:0;
	height:300px;
}

.funf{
	width:20%;
	width:calc((100% / 5) - 20px);
	float:left;
	padding-bottom:0;
	height:300px;
}
.item.APProg{
	width:100%;
	float:left;
	border-radius: 15px;
	margin-bottom: 15px;
	padding-bottom: 10px;
	margin-left: 0!important;
	@media (max-width: 640px) {
		padding-bottom: 0!important;
	}
}
.item img.item-img{
	float:left;
	width:100%;
	height:auto !important;
}

.item.menue{
	height:480px;
}

.item.zwei.menue{
	height:500px;	
}

.item.kachel {
	height:250px;
	background:#ffffff;
}

.item a{
	color:#000; text-decoration:none;
}

.item.socialmedia{
	height:50px !important;
	opacity:0.8;
	transition:0.3s;
}

.item.socialmedia:hover{
	opacity:1;
}

a .item.socialmedia{
	color:#000000;
}

.item.socialmedia .icon{
	float:left;
	width:40px;
	height:40px;
	margin:5px;
	overflow:hidden;
	background-repeat:no-repeat;
}

.item.socialmedia h2 {
	margin-top:12px !important;
	margin-left:5px !important;
	width:calc(100% - 100px) !important;
	font-weight:300 !important;
}

.item.socialmedia.facebook{
	background:#3b5998;
	color:#ffffff;
}

.item.socialmedia.facebook .icon{
	background: url('../images/socialmedia_icons.png') no-repeat 2px 0;
}

.item.socialmedia.twitter{
	background:#55acee;
	color:#ffffff;
}

.item.socialmedia.twitter .icon{
	background: url('../images/socialmedia_icons.png') no-repeat -45px 0;
}

.item.socialmedia.instagram{
	background:#cd486b;
	color:#ffffff;
}

.item.socialmedia.instagram .icon{
	background: url('../images/socialmedia_icons.png') no-repeat -95px 0;
}

.item.socialmedia.linkedin{
	background:#007bb5;
	color:#ffffff;
}

.item.socialmedia.linkedin .icon{
	background: url('../images/socialmedia_icons.png') no-repeat -280px 0;
}

.item.socialmedia.googleplus{
	background:#dd4b39;
	color:#ffffff;
}

.item.socialmedia.googleplus .icon{
	background: url('../images/socialmedia_icons.png') no-repeat -190px 0;
}


.item.imzdirectorate{
	height:450px;
}

.item.person{
	height:400px;
}

.item.zitat, .item.anzeige{
	background:#ffffff
}

.item.zitat{
	height:auto;
	margin-bottom:50px;
}

.item.anzeige{
	text-align:center;
	padding-top:20px;
	position:relative;
}

.item.anzeige .anzeige-img{
	margin:0 auto;
	
}

.item.anzeige::after{
	position:absolute;
	top:5px;
	left:50%;
	margin-left:-30px;
	width:60px;
	content:"ADVERTISING";
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	font-weight:700;
	font-size:10px;
	text-align:center;
	color:#000;
	z-index:10;
}


#main-right .item{
	margin:0;
	margin-bottom:30px;
	width:100%;
}

#main-right .item p{
	margin:15px;
	margin-bottom:30px;
	width:calc(100% - 30px);
} 

#main-right .item .item-img.big, #main-right .item p.big{
	display:none;
}

#main-left .item .item-img.smal, #main-left .item p.smal{
	display:none;
}

#main-left .item.filmvorschau{
	padding-bottom:0;
	height:450px;
	overflow:hidden;
	margin-bottom:30px;
	
}

#main-left .item.filmvorschau .item-img.big{
	width:100%;
	height:auto;
}

.item.filmMediaVorschau{
	padding-bottom:100px;
	background:#f2f2f2;
}

.item.filmMediaVorschau .item-img-rand{
	position:relative;
	float:left;
	width:100%;
	height:auto;
}

.item.filmMediaVorschau .item-img-rand:after{	
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background-image:url('../images/videobg.png');
	background-repeat:no-repeat;
	background-position:center;
	transition: 0.3s;
	content:"";
	z-index:1;
	opacity:0.6;
}

.item.filmMediaVorschau .item-img-rand:hover:after{
	opacity:0.4;
}


.item h2{
	float:left;
	margin:20px 20px 10px 20px !important;
	font-size:24px !important;
	line-height:25px !important;
	width:90%;
	width:calc(100% - 40px) !important;
	font-weight:bold;
	text-transform:uppercase;
}

.item h2 a{
	color:#000;
	text-decoration:none;
}

.item.zitat h2{
	width:calc(100% - 120px) !important;
	margin:30px 30px 20px 90px !important;
	font-weight:200 !important;
	line-height:28px !important;
	position:relative !important;
}

.item.zitat h2::before{
	position:absolute;
	top:-0px;
	left:-80px; 
	 content:open-quote;
	font-size:150px;
	font-weight:700;
	color:#f3f3f3;
	z-index:10;
	width:80px;
	height:50px;
}

.item.zitat h2::after{
	position:absolute;
	color:#fff;
	z-index:-1;
	content:close-quote;
}

.item.zitat span{
	float:right;
	font-size:12px;
	line-height:14px;
	margin-right:20px;
	text-align:right;
}

.item.advertising{
	position:relative;
	background-repeat:no-repeat;
	background-size:cover;
}

.item.advertising .adv-content{
	position:absolute;
	top:20px;
	left:20px;
	right:20px;
	bottom:20px;
	width:auto;
	height:auto;
	background-image:url('../images/imz_quadrat_logo_unten_left.png');
	background-position:left bottom;
	background-repeat:no-repeat;
	opacity:0.8;
	transition:0.5s;
}

.item.advertising .adv-content h2{
	font-size:50px !important;
	line-height:50px !important;
	float:right;
	text-align:right;
}

.item.advertising:hover .adv-content {
	opacity:1;
}

.item h3{
	float:left;
	margin:20px;
	font-size:17px;
	width:90%;
	width:calc(100% - 40px);
	font-weight:bold;
	text-transform:uppercase;
}

.item p {
	font-size:15px;
	line-height:17px;
	font-weight:300;
	margin-left:20px;
	margin-bottom:30px;
	float:left;
	width:90%;
	width:calc(100% - 40px);
}

.item p b{
	font-weight:bold;
}

.item .item-einzel-angabe{
	float:left;
	width:90%;
	width:calc(100% - 40px);
	margin:0 20px;
}

.item .item-einzel-angabe p {
	margin:0;
}

.item-readmore{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	width:auto;
	padding:0;
	background:#f2f2f2;
	height:50px;
}

.item-readmore a{
	float:left;
	background:#000000;
	color:#fff;
	font-weight:400;
	font-size:13px;
	padding:8px 20px;
	margin:0 0px 20px 20px;
	transition:0.3s;
}

.item-readmore a:hover{
	opacity:0.8;
}

.item-readmore.b{
	border-radius: 15px;
}
.item-readmore.b a{
	float:left;
	background:#3a4be4;
	color:#fff;
	font-weight:400;
	font-size:15px;
	padding:8px 20px;
	margin:0 0px 20px 20px;
	transition:0.3s;
	border-radius: 10px;
}
.item.vier p{
	margin-bottom:0;
	font-size:13px !important;
	line-height:14px !important;
}

#main-left .item.news, .news-beitrag .item.news.zwei{
	height:510px;
}

#main-right h4, .seitennav-li-head, #main-right .item h2, #main .item.contact h4{
	float:left;
	width:calc(100% - 20px) !important;
	background:#4a4a4a;
	color:#ffffff;
	margin:0 !important;;
	padding:10px;
	font-size:20px !important;
	font-weight:bold;
	text-transform:uppercase;
}

.block .mittig .item.contact {
margin-bottom:30px;
}

.block .mittig .item.contact .person-content{
min-height:100px;
}

.block .mittig{
margin:0px auto !important;
width:50%;
}



 .seitennav-li-head a{
 	color:#ffffff;
	text-decoration:none;
 }

ul.nlsubmit{
	float:left;
	width:calc(100% - 40px);
	margin:0 20px;
}

ul.nlsubmit li {
	float:left;
	width:100%;
	padding: 5px 0;
}

ul.nlsubmit li a{
	color:#000;
	background:#4a4a4a;
	color:#fff;
	padding:10px;
	float:left;
	width:calc(100% - 20px);
	transition:0.3s;
}

ul.nlsubmit li a:hover{
	font-weight:bold;
}

.einleitung{
	float:left;
	width:100%;
	text-align:center !important;
	margin:60px 0 50px 0;
}

#main-left .einleitung{
	margin:0px 0 30px 0;
}

.einleitung .ce-bodytext{
	font-size:17px !important;
}

#lightbox, .lightbox, #lightboxprob{
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	height:auto;
	width:auto;
	z-index:100001;
	display:none;
}

#lightboxClose{
	content:"x";
	color:#fff;
	z-index:100004;
	position:fixed;
	top:10px;
}

#lightboxClose::before{
	content:"x";
	color:#fff;
	z-index:100004;
	position:fixed;
	top:20px;
	right:30px;
	font-size:40px;
	font-weight:100;
	cursor:pointer;
}

#lightboxproi{
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	overflow:scroll;
	height:auto;
	width:auto;
	z-index:100002;
}

#lightbox::after, .lightbox::after{
	position:fixed;
	content:"";
	background:rgba(0,0,0,0.7);
	top:0;
	bottom:0;
	left:0;
	right:0;
	height:auto;
	width:auto;
	z-index:100000;
}

#lightboxExternIframe{
	position:fixed;
	top:50%;
	left:50%;
	margin-top:-40vh;
	margin-left:-40vw;
	margin-left:calc(((80vh / 9) * 16) / (-2))  ;
	height:80vh;
	width:80vw;
	width:calc((80vh / 9) * 16);
	background:#000;
	z-index:100002;
}

#nl-subscriber-in-main{
	float:left;
	width:100%;
	width:calc(100% - 20px);
	margin:50px 10px;
	background:#4a4a4a;
}

#main-left #nl-subscriber-in-main{
	width:calc(100% - 40px);
}

#main-right #nl-subscriber-in-main, #main-right .item.contact{
	width:100%;
	margin:0 0 20px 0;
}



#nl-subscriber-in-main h2{
	margin-top:20px;
	margin-left:20px;
	margin-bottom:20px;
	color:#fff;
}

#main-right #nl-subscriber-in-main h2 {
	font-size:20px;
	margin:10px;
}

#nl-subscriber-input{
	float:left;
	width:90%;
	width:calc(100% - 70px);
	background:#fff;
	font-size:18px;
	color:#999;
	margin-left:20px;
	margin-bottom:20px;
	padding:15px;
	cursor:text;
	position:relative;
	overflow:hidden;
}

#main-right #nl-subscriber-in-main #nl-subscriber-input{
	margin-left:10px;
	width:calc(100% - 40px);
	padding:10px;
	margin-bottom:10px;
}

#nl-subscriber-input::after{
	position:absolute;
	top:0;
 	bottom:0;
	height:auto;
	right:0;
	width:100px;
	background:#ccc;
	content:"SUBMIT";
	padding:15px 20px;
	font-size:14px;
	line-height:18px;
	font-weight:bold;
	text-align:center;
	cursor:pointer;
}

#main-right #nl-subscriber-in-main #nl-subscriber-input::after{
	padding:10px 15px;
	width:60px;
}

#nl-sub-form{
	position:fixed;
	top:50%;
	left:50%;
	margin-left:-250px;
	margin-top:-250px;
	height:500px;
	width:500px;
	background:#ffffff;
	z-index:100002;
	display:none;
}

.with-info{
	height:380px !important;
	margin-top:-190px !important;
}

.loginform {
	float:left;
	width:100%;
	height:340px;
	position:relative;
	border-bottom: 1px solid #ccc;
}

.with-info .loginform{
	height:380px !important;
}

.loginform h1{
	font-size:40px;
	width:100%;
	font-weight:bold;
	text-align:center;
	margin:30px 0;
}

.loginform div{
	float:left;
	width:calc(100% - 40px);
	margin:0 20px;
}

.loginsignup{
	float:left;
	width:100%;
	width:calc(100% - 40px);
	padding:20px;
}

.loginform div label{
	float:left;
	width:100%;
	font-size:13px;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	font-weight:300;
	margin:10px 0;
}

.loginform div input[type="text"], .loginform div input[type="password"], .loginform div .selectboxrahmen{
	float:left;
	width:100%;
	width:calc(100% - 20px);
	padding:10px;
	font-size:16px;
	border:1px solid #000;
	background:#f2f2f2;
	position:relative;
}


.loginform div input[type="submit"], .forgotpwd, .loginsignup button {
	float:right;
	background:none;
	padding:10px 15px;
	border: 1px solid #000;
	border-radius:10px;
	font-weight:bold;
	font-size:15px;
	opacity:0.7;
	position:absolute;
	cursor:pointer;
	transition:0.3s;
	bottom:20px; right:20px;
}

.loginsignup button{
	position:inherit;
	float:left;
	width:100%;
}


.loginform .info{
	width:calc(100% - 50px) !important;
}

.forgotpwd {
	right:inherit;
	left:20px;
	bottom:30px;
	background:none;
	border: none;
	font-size:300 !important;
	color:#000;
	padding:0 !important;
	opacity:0.3 !important; 
}

.loginform div input[type="submit"]:hover, .loginsignup button:hover{
	opacity:1;
	background:#f2f2f2;
	text-decoration:underline;
}

.forgotpwd:hover{
	opacity:1;	
	text-decoration:underline;
}


.loginsignup button:disabled{
	text-decoration:none;
	opacity:0.5;
}

#socialmedia-share-icon{
	float:left;
	width:100%;
	color:#ccc;
	margin:20px 0;
	text-align:right;
}

.slider{
	float:left;
	width:100%;
	width:calc(100% - 20px);
	margin:30px 10px;
}

.main-video-einbettung{
	float:left;
	width:100%;
	width:calc(100% - 20px);
	margin:30px 10px;
	height:450px;
	background-color:#4a4a4a;
	background-size:100% auto;
	background-position:center;
	position:relative;
}

.main-video-einbettung::after{
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	background:url('../images/videobg.png');
	background-position:center;
	background-repeat:no-repeat;
	transition:0.3s;
}

.main-video-einbettung.loginvideobutton::after{
	background:url('../images/videobg_login.png');
	background-position:center;
	background-repeat:no-repeat;
	transition:0.3s;
}

.main-video-einbettung:hover::after{
	opacity:0.9;
}

.ce-bodytext ul{
	float:left;
	width:100%;
	display:block;
}

.ce-bodytext ul li {
	float:left;
	width:90%;
	with:calc(100% - 40px);
	list-style:square;
	margin-left:15px;
	padding-left:10px;
}

.ce-bodytext ul li a{
	color:#000000; 
}

.news-beitrag, .film {
	float:left;
	width:100%;
	padding:80px 0px 50px 0px;
	background:#ffffff;
}

.item.film{
	padding:0;
}

.news-weiterer-content{
	float:left;
	width:100%;
	padding:0;
	background:#ffffff;
}

.news-beitrag .center-rahmen, .film .center-rahmen{
	float:left;
	width:95%;
	width:calc(100% - 200px);
	padding: 0 100px;
}

.news-beitrag h1 , .film h1{
	text-transform:uppercase;
	font-size:35px !important;
	line-height:36px !important;
	margin-top:30px;
}

.read-more-links-content{
	float:left;
	width:100%;
	text-align:center;
	margin:20px 0 50px 0;
}

.read-more-links-content ul {
	margin:0 auto !important;
	width:auto !important;
	text-align:center !important;
	display:inline-block;
	padding:0;
	list-style:none;
}

.read-more-links-content ul li {
	display:inline-block;
	padding:10px 15px;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	color:#000000;
	transition:0.3s;
}

.read-more-links-content ul li a{
	border:1px solid #ccc;
	padding:15px 20px;
	border-radius:220px;
	text-decoration:none;
	color:#000;
	font-size:15px;
	transition:0.3;S
}

.read-more-links-content ul li a:hover{
	border:1px solid #000;
}

.author-news, .film-einreicher{
	float:left;
	width:100%;
	width:calc(100% - 20px);
	margin:0 0 30px 10px;
	font-size:14px !important; 
	font-weight:bold;
}

.author-news span{
	color:#ccc;
	margin-right:5px;
}

.author-news b{
	color:#4a4a4a;
}

.author-news span, .author-news b {
	padding-top:18px;
	float:left;
}

.firmenlogo-news{
	float:right;
	height:50px;
}

#author-weitere-beitrage{
	float:left;
	background:#ccc;
	margin-top:-30px;
	margin-bottom:20px;
	padding:20px 0;
	width:100%;
	display:none;
}

#author-weitere-beitrage h3 {
	font-weight:bold;
	font-size:16px;
	float:left;
	margin:10px;
}
#author-weitere-beitrage .item {
	height:250px !important;
}

#author-weitere-beitrage h2{
	font-size:13px !important;
	line-height:14px !important;
}

.list-with-grafik{
	background:#ffffff;
}

.item-img-wrap{
	float:left;
	width:200px;
	margin-top:20px;
}

.item.vier.company .item-img-wrap {
	float:left;
	width:100%;
	height:150px;
	position:relative;
	margin-top:0 !important;
}

.item.firma.directory .item-img-wrap{
	width:100px;
	height:auto;
	margin:10px;
}

.item.vier.company .logo{
	position:absolute;
	top:50%;
	left:50%;
	margin:-40px;
	width:80px !important;
	height:80px !important;
}

.item.zwei.company .logo{
	position:absolute;
	top:50%;
	left:50%;
	margin:-60px;
	width:120px !important;
	height:120px !important;
}

.item.zwei.company .item-img-wrap{
	float:left;
	width:100%;
	height:234px;
	position:relative;
	margin-top:0 !important;
}

.item.drei.company .item-img-wrap{
	float:left;
	width:100%;
	height:200px;
	position:relative;
	margin-top:0 !important;
}

.item.drei.company .logo{
	position:absolute;
	top:50%;
	left:50%;
	margin:-60px;
	width:120px !important;
	height:120px !important;
}

.item-content-wrap{
	float:right;
	width:calc(100% - 220px);
}

.item-content-wrap h2 {
	margin-left:10px !important;
}

.contact .person-content{
	float:left;	
	width:100%;
}

.contact .person-content .ce-bodytext{
	width:calc(100% - 20px) !important;
	margin-bottom:0;
	margin-top:10px;
}

.person-content .item-readmore a{
	margin: 0 0px 0px 15px;
}

#main-left .zeitblock{
	color: #000;
	float: right !important;
	position: inherit;
	margin:30px 0;
	width:200px;
	padding:15px 0 15px 50px;
	background-image: url('../images/termin_blockb.png');
	background-repeat:no-repeat;
	background-position:left;
}

.zeitblock .datum {
    font-weight: bold;
    text-transform: uppercase;
    float: left;
    width: 100%;
    margin-top: 5px;
}

.zeitblock .uhrzeit, .zeitblock .ort {
    font-weight: 400;
    float: left;
    width: 100%;
    margin-top: 5px;
    line-height: 16px;
    font-size: 14px;
}

.memberonly{
	position:relative;
}

.memberonly::after{
	position:absolute;
	top:0;
	right:0;
	content:"";
	background:url('../images/imzmebersonly.png');
	background-position:top right;
	background-repeat:no-repeat;
	width:50px;
	height:45px;
	background-size:auto 80%;
	z-index:20;
}

.item.firma img.logo{
	float:left;
	width:100px;
	margin:20px;	
}

.item.firma{
	position:relative;
}

.item.firma .firm{
	float:left;
	width:60%;
	width:calc(100% - 150px);
}

.item.firma .mitarbeiter{
	display:none;
}

.item.firma h3{
	margin-left:10px;
}

.item.firma .mehr{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 20px;
	height: 20px;
	font-size: 30px;
	line-height:15px;
	padding: 10px;
	color: #fff;
	text-decoration: none;
	background: #4a4a4a;
	transition: 0.5s;
	text-align: center;
}

li.socialmedia-icons {
	height:50px;
	width:50px;
}

li.socialmedia-icons.facebook{
	background:url(../images/socialmedia_icons.png) no-repeat 0px 0px;
}


#search{
	float: left;
	width: 450px;
}

label#directoryLabel {
    float: left;
    background: #f9f9f9;
    padding: 10px 0 10px 10px;
    font-size: 16px;
    border: 1px solid #f9f9f9;
}

input#directorySearch {
    background: #f9f9f9;
    padding: 10px;
    font-size: 16px;
    float: left;
    position: relative;
    border: 1px solid #f9f9f9;
    border-radius: 0;
    width: 380px;
}

.headercredit{
	position:absolute;
	top:15px;
	right:15px;
	z-index:100;
	transition:0.3s;
	opacity:0.6;
}

.headercredit span{
	color:#fff;
	font-size:10px;
	width:10px;
	float:left;
	text-align:center;
	cursor:pointer;
	padding:3px;
	border:1px solid #fff;
	border-radius:10px;
}

.headercredit div{
	display:none;
	float:left;
	transition:0.3s;
	padding:5px;
	color:#fff;
	font-size:10px;
	line-height:10px;
}

.headercredit:hover{
	opacity:1;
}

.headercredit:hover span{
	display:none;
}

.headercredit:hover div{
	display:block;
}

.nlsubmitform{
	padding-bottom:80px;
}

.nlsubmitform #newslettersubmission{ 
 	float:left;
	width:100%;
	text-align:center;
}
#newslettersubmission #send {
	width: 400px;
	text-align: center;
	padding: 10px;
	background: none;
	transition: 0.5s;
	font-size: 25px;
	line-height: 30px;
	font-weight: bold;
	border:1px solid #ccc;
	border-radius:30px;
	color: #000000 !important;
	margin: 30px auto !important;
	text-transform: uppercase;
	height: 70px;
	transition:0.3s;
	cursor:pointer;
}

#newslettersubmission #send:hover{
	background:#f2f2f2;
	border:#999;
}

.nlsubmitform #newslettersubmission input[type="email"] {
	width: calc(100% - 40px);
	padding: 20px;
	font-size: 20px;
	text-align: center;
	background:#f2f2f2;
	border: 2px #000000 solid;
}
#newslettersubmission #send img {
	width: 30px;
}

#fullformnl label {
    float: left;
    width: 100%;
    font-size: 14px;
    margin: 20px 0 0 0;
    font-weight: bold;
}

#fullformnl input[type="text"], #fullformnl input[type="email"] {
    float: left;
    width: 95%;
    width: calc(100% - 30px);
    padding: 15px 15px;
    margin: 5px 0;
    border: 1px solid #ccc;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 15px;
    line-height: 15px;
}

.nlauswahl {
    float: left;
    width: 100%;
    margin-top: 10px;
}

.nlauswahl input[type="checkbox"] {
    float: left;
    margin: 15px;
}
.nlauswahl span {
    float: left;
    width: 90%;
}

.nlauswahl span label {
    margin: 0 !important;
    font-weight: normal !important;
}

.nlauswahl span b {
    font-weight: bold;
}

#recaptcha {
    float: left;
    width: 100%;
    margin: 15px auto;
    text-align: center;
}


#submitarticle input[type="text"], #submitarticle textarea, #submitarticle .selectboxrahmen{
	float:left;
	width:100%;
	width:calc(100% - 60px);
	margin-left:20px;
	padding:10px;
	font-size:16px;
	border:1px solid #000;
	background:#fff;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 15px;
    line-height: 15px;
	position:relative;
}

#submitarticle .selectboxrahmen{
	padding:2px;
	width:calc(100% - 40px);
}

.loginform div .selectboxrahmen {
	margin:0 !important;
	padding:4px 10px;
}

#submitarticle .selectboxrahmen::before, .loginform .selectboxrahmen::before{
	content:"";
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #4a4a4a;
	position:absolute;
	top:50%;
	margin-top:-3px;
	right:10px;
}

#submitarticle .selectboxrahmen select, .loginform .selectboxrahmen select{
    font-family:Arial;
	font-size:15px;
	padding:5px;
	color:#000000;
    border: none;
	width:100%;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.imagelabel{
	float:left;
	margin-left:20px;
	cursor: pointer;
	min-width: 200px;
	min-height: 1em;
	display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	vertical-align: top;
	padding: 10px;
	color:#ffffff;
	text-transform: uppercase;
	background: #999;
}
.imagelabel svg{
	fill: currentColor;
	font-size: 16px;
}

.has-focus{
	width: calc(100% - 60px) !important;
}

.uploadphoto .content{
	display:none;
	width:100%; 
	width:calc(100% - 70px); 
	margin-left:20px;
	float:left; 
	background:#fff; 
	position:relative; 
	padding:15px;
	padding-bottom:20px;
}

.uploadphoto .content input[type="text"] {
	margin-left:0 !important;
	width:calc(100% - 20px) !important;
	margin-top:10px;
	margin-bottom:10px;
}

button.addmorenl{
	-webkit-border-radius: 14;
	-moz-border-radius: 14;
	border-radius: 14px;
	border:1px solid #000;
	padding: 10px;
	float:left;
	margin:10px 20px;
	background:#ccc;
	cursor:pointer;
}

.prodloeschen{	
	position:absolute; top:50%; right:30px; z-index:20; color:#000; margin-top:-11px; font-weight:bold; text-decoration:none; font-size:20px; opacity:0.4; transition:0.3s;
}

.prodloeschen:hover{
	opacity:1;
	color:red;
}

.submitleiste{
	float:left;
	width:100%;
	margin:20px 0;
}

.submitleiste button, .profiledit input[type="submit"]{
	-webkit-border-radius: 14;
	-moz-border-radius: 14;
	border-radius: 14px;
	border:1px solid #a0ca46;
	padding: 15px 20px;
	float:right;
	background:#a0ca46;
	font-size:20px;
	font-weight:bold;
	cursor:pointer;
	transition:0.5s;
}

.submitleiste button:hover{
	color:#ffffff;
}

#blackbg-load, #blackbg{
	position:fixed;
	top:0;
	right:0;
	left:0;
	bottom:0;
	width:auto;
	z-index:30;
	height:auto;
	background:rgba(0,0,0,0.4);
	display:none;
}

#blackbg-load, #blackbg{
	z-index:1000;
}

#blackbg-load::after, #blackbg::after{
	content:"";
	position:fixed;
	top:50%;
	left:50%;
	margin:-100px;
	width:200px;
	height:200px;
	background-image:url('../images/load_gif.gif');
	background-position:center;
	background-repeat:no-repeat;
}

.flickreinbettungalbum{
	float:left;width:100%; width:calc(100% - 20px); margin:30px 10px; overflow:hidden;
}

.flickreinbettungalbum img{
	width:100% !important;
	height:auto !important;
}

.user-profile{
	float:left;
	width:100%;
}

.user-profile .user-profile-img{
	float:left;
	width:80px;
	height:80px;
	padding:10px;
	margin-left:10px;
	text-align:center;
}

.user-profile .user-profile-img .img-rand{
	border:#4a4a4a 1px solid;
	border-radius:50%;
	width:80px;
	height:80px;
	overflow:hidden;
	
}

.user-profile .user-profile-img .img-rand img{
	float:left;
	width:100%;
}

.user-profile .user-profile-text{
	float:left;
	width:calc(100% - 120px);
	height:100px;
	display: table;
	color:#ffffff;
	margin-left:10px;
}

.user-profile .user-profile-text span{
	vertical-align:middle;
    display: table-cell;
}

.profiledit {
	float:left; width:100%;display:none; border-top:1px solid #ccc;
}

.profiledit label, .profiledit input[type="text"], .profiledit div, .profiledit h3 {
	float:left;
	width:calc(100% - 60px);
	margin-left:20px;
}

.profiledit input[type="checkbox"]{
	float:left;
	margin-top:5px;
}

.profiledit input[type="checkbox"] + label{
	font-weight:400 !important;
}

.profiledit label, .profiledit h3{
	margin-top:5px;
	margin-bottom:5px;
	font-size:12px; 
	font-weight:bold;
}

.profiledit h3 {
	margin-left:20px !important;
	margin-top:30px !important;
}

.profiledit input[type="text"]{
	font-size:16px;
	padding:5px;
	margin-bottom:5px;
}

.profiledit input[type="submit"]{
	float:inherit;
	margin-top:30px;
	padding:10px;
	font-size:16px;
	color:#fff;
}

.item.userprofile{
	background:#ffffff;
}

.item.userprofile .img-wrap, .item.userprofile .text-wrap{
	float:left;
	width:50%;
}

.item.userprofile .img-wrap .img{
	float:left;
	width:80%;
}

.item.userprofile .text-wrap a {
	font-weight:300 !important;
	text-decoration:underline;
}

#usertousermessage{
	float:left;
	width:calc(100% - 20px);
	margin-left:10px;
	position:relative;
}

.formmessageoverlay{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.4);
	padding:30px;
	color:#fff;
	font-size:2em;
	display:none;
}

#usertousermessage textarea{
	float:left;
	width:100%;
	padding:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:17px;
	border:1px solid #ccc;
	border-radius:5px;
	min-height:80px;
}

#usertousermessage textarea:focus{
	border:1px solid #000;
}

#usertousermessage input[type="submit"] {
	float:left;
	margin-top:10px;
	font-size:15px;
	padding:10px;
}

#teilnehmerlistButton {
	float:left; 
	background: #000000;
	border: 1px solid #000000;
	color: #ffffff;
	padding: 10px 15px;
	cursor: pointer;
	font-size: 14px;
	transistion:0.2s;
	margin-left:10px;
	margin-top:30px;
}

#teilnehmerlistButton:hover{
	opacity:0.8;
}

#teilnehmerlistButton.aufliste{
	background:#a0ca46 !important;
	border: 1px solid #a0ca46;
}

#newsletter{
	background:#f2f2f2;
	padding:50px 0;
	float:left;
	width:100%;
}

#newsletter h2{
	font-size:24px;
	margin-left:10px;
	text-transform:uppercase;
	font-weight:bold;
}

#newsletter #nlform{
	float:left;
	width:calc(100% - 20px);
	margin:30px 10px 0 10px;
}

#newsletter .nlfeld{
	float:left;
	width:calc((100% / 2.5) - 20px);
	margin:0 12px 0 0;
	padding:10px 5px;
	font-size:18px;
	border:none;
	position:relative;
	background:#ffffff;	
	height:20px;
}


#newsletter div.nlfeld{
	margin:0 !important;
}

#newsletter .nlfeldauswahl{
	float:left;
	width:100%;
	border:none !important;
	font-size:18px;
	cursor:default;
}

#newsletter ul {
	position:absolute;
	top:100%;
	left:0;
	background:#fff;
	width:100%;
	display:none;
	transition:0.4s;
	font-size:15px;
	z-index:1000;
	padding-bottom:5px;
}

#newsletter .nlfeld:hover ul{
	display:block;
}

#newsletter ul li{
	float:left;
	margin:5px 0;
	width:100%;
}

#newsletter ul li label, #newsletter ul li input[type="checkbox"]{
	float:left;
	margin-left:10px;
	cursor:pointer;
}

#newsletter input[type="submit"]{
	float: left;
	background: #999;
	color: #fff;
	font-weight: 400;
	font-size: 13px;
	padding: 12px 30px;
	margin:0 0 0 80px;
	cursor:pointer;
	border:none;
	transition:0.4s;
}

#newsletter input[type="submit"]:hover{
	background:#000000;
}

.nlform {
	padding-bottom:40px;
}

.nlform .item-readmore{
	padding-top:15px;
}

.nlform .readmore{
	float:left;
	border:none;
	loat: left;
	background: #000000;
	color: #fff;
	font-weight: 400;
	font-size: 13px;
	padding: 8px 10px;
	margin: 0 0px 20px 20px;
}


#cookieeinstellungen{
	position:fixed;
	z-index:100000;
	bottom:5vw;
	right:5vw;
	width:80vw;
	max-width:200px;
	height:80vw;
	max-height:300px;
	border:1px solid #ccc;
	background:#ffffff;
	padding:30px;
	font-size:16px;
	line-height:19px;
	animation-duration: 0.8s;
  	-webkit-animation-duration: 0.8s;
  	-moz-animation-duration: 0.8s;
  	-o-animation-duration: 0.8s;
	font-weight:200;
  	-webkit-animation-name: slideUpCookieBox;
  	animation-name: slideUpCookieBox;
}

#cookieeinstellungen a{
	color:#000;
	font-weight:bold;
}

#cookieeinstellungen button{
	float:left;
	width:100%;
	background:#000000;
	color:#ffffff;
	text-align:center;
	border:none;
	margin-top:30px;
	padding:10px;
	font-size:18px;
	line-height:22px;
	cursor:pointer;
}

.item.loginN{
	background:none !important;
}
.item.loginN .loginform{
	background:rgba(255,255,255,0.8);
	min-height:50vh;
	border-bottom:none;
}

.item.loginN .loginsignup button{
	border:none;
	background:none;
	color:#fff;
	font-size:14px;
	line-height:16px;
	font-weight:bolder;
}

.item.loginN .loginform .statusmeldung{
	float:left;
	width:100%;
	min-height:20px;
	padding:20px 0;
	margin:0 !important;
}

.item.loginN .loginform label{
	font-weight:bold;
	text-align:left;
}

.item.loginN .loginform div input{
	background:#ffffff;
}

#checktable label{
	line-height: 24px;
	font-size: 16px;
}

#checktable input {
	margin:5px 10px 0 0;
}

.item.farblos{
	background:none !important;
}
.loginwerbung{
	color:#ffffff;
	text-align:left;
	padding:0 30px 0 30px !important;
	width:calc((100% / 2) - 80px) !important;
}

.item.loginwerbung a{
	color:#ffffff !important;
	font-weight:bold !important;
	text-decoration:underline !important;
}

.item.loginwerbung h2{
	font-size:40px !important;
	line-height:45px !important;
}

.item.loginwerbung ul{
	float:left;
	width:calc(100% - 40px);
	margin:20px;
	font-size:20px;
	line-height:28px;
	list-style:circle;
	list-style-position:outside;
}

.item.loginwerbung ul li{
	float:left;
	width:calc(100% - 20px);
	margin-left:20px;
	margin-bottom:10px;
}

.item.loginwerbung ul li span{
	font-size:12px;
	line-height:16px;
}
.item.partner{
	height:auto !important;
}

.item.partner .partnerlogo{
	width:100% !important;
	height:auto;
}

.vimeo-wrapper {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: -1;
   pointer-events: none;
   overflow: hidden;
}
.vimeo-wrapper iframe {
   width: 100vw;
   height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
   min-height: 100vh;
   min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}

.werbung{
	background:#f2f2f2;
	color:#ffffff;
	float:left;
	width:100%;
	padding:15px 0 10px 0;
}
.werbung a {
	text-decoration:none;
	cursor:pointer;
	color:#fff;
}
.werbung h2{
	float:left;
	font-size:0.75rem;
	line-height:1.8rem;
	font-weight:bold;
}

.werbung p{
	float:left;
	font-size:0.75rem;
	line-height:1.8rem;
	font-weight:normal;
	margin-left:10px;
}

.werbung button{
	background:rgba(255,255,255,0.3);
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:0.60rem;
	font-weight:bold;
	padding:6px 10px;
	text-decoration:none;
	float:right;
	border:0px solid #000;
	transition:0.2s;
}
.werbung button:hover{
	background:rgba(255,255,255,0.2);
}

@-webkit-keyframes slideUpCookieBox {
  0% {
    -webkit-transform: translateY(66px);
    transform: translateY(66px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}