@media(max-width: 979px) {
	div#body {
		/*margin-top: 55px !important;*/
	}
}
@media(min-width: 980px) {
	#sidebar > ul {
		display: flex !important;
	    align-items: stretch !important; /* Default */
	    /*justify-content: space-between !important;*/
	    width: 100% !important;
	    margin: 0 25px !important;
	    padding: 0 !important;
	    max-width: 1188px !important;
	}
	#sidebar > ul > li {
		display: block;
	    flex: 0 1 auto; /* Default */
	    list-style-type: none !important;
	}
	ul.breadcrumb {
		display:none;
	}
}

a {color:#2a2e20;}
a:hover, a:visited, a:link, a:active {text-decoration: none;}


#sidebar span.arrow {display:none;}
/*h1 {margin:0px !important; padding:0px;}*/
#login-container h2  {
	font-size:16px;
}

#logincontainer h2 {
	font-size: 16px;
}

#logincontainer h3 {
	font-size: 14px;
	border: none;
	background-color: transparent;
	padding: 0;
	margin: 0;
}

#logincontainer .meldungen-full li:first-of-type {
	padding-top: 3px;
}

.page-wrapper {
	background:#FFFFFF !important;
	max-width:1800px;
}
#header.navbar {
	margin:0 auto !important;
	height:0px !important;
	max-width:1586px;
	overflow:visible;
} 
.navbar-inner {
	height: auto;
	min-height: 0;
}
#header .logo-container {
	display: none;
}
#header .brand {
	margin: 5px 0 0 0 !important;
}
#header .brand img {
/*	max-height:112px;*/
	margin:5px 0 7px 0;
}

.suche-user-container .suchfeld label {
	display: none;
}

#header .navbar-inner .nav .dropdown-toggle {
	background:#EEEEEE;
}
#header .navbar-inner .nav .dropdown-toggle:hover, 
.navbar-inner .nav .dropdown.open .dropdown-toggle {
  background-color: #99bf2e !important;
}

.language-select {
	position: fixed;
	top: 26px;
	z-index: 1071;
	display: none;
}
#header .navbar-inner .nav .language-select .dropdown-toggle {
	background: #f5f9e8;
	float: right;
    margin-right: 10px;
}

#header .search-input-icon > i {
	top: 12px !important;
	color:#99bf2e;
}
.navbar-inverse .brand, .navbar-inverse .nav > li > a, .navbar-inverse .nav>li span {
	color : #444444;
}

.suche-user-container {
    margin: 555px 10px 0 10px;
    z-index:1;
}

@media (min-width: 980px) and (max-width: 1319px) {
	.suche-user-container {
	    margin: 685px 0 0 10px;
	    z-index:0;
	}
		#page {
	    margin-top: 120px !important;
	}
	 /* Werte aus dem Contentbereich übernehmen (DevTools → #page) */
    :root {
        --toprow-max: 1160px;   /* Innenbreite des Contents */
        --toprow-pad: 20px;     /* seitlicher Abstand wie beim Content */
        --toprow-top: 560px;    /* Abstand von oben bis unter die Menüleiste */
    }

    /* Containing Block soll der volle Header sein, nicht ein schmaler Wrapper */
    #header .navbar-inner,
    #header .navbar-inner > .container-fluid,
    #header .suche-user-container {
        position: static;
    }

    .top-row {
        position: absolute;
        top: var(--toprow-top);
        left: var(--toprow-pad);
        right: var(--toprow-pad);
        max-width: var(--toprow-max);
        /*margin: 0 auto;*/            /* zentriert, sobald max-width greift */
        margin: 100px 0 0 0;
        display: flex;
        align-items: center;
        gap: 16px;
        z-index: 10;
    }

    /* Suchfeld nimmt den restlichen Platz */
    .top-row .suchfeld {
        flex: 1 1 auto;
        min-width: 0;              /* wichtig, sonst schrumpft es nicht */
        float: none;
        width: auto;
        margin: 0;
    }

    .top-row .search-input-icon {
        position: relative;
        width: 100%;
    }

    .top-row .search-query {
        display: block;
        width: 100%;
        max-width: none;
        box-sizing: border-box;    /* Bootstrap 2 rechnet sonst Padding dazu */
        height: 44px;
        margin: 0;
        padding-right: 48px;       /* Platz für die Lupe */
    }

    .top-row #Search_Top1_LB_Search {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    /* Lightbox, Sprache und User rechts, nur so breit wie nötig */
    .top-row .user-data {
        flex: 0 0 auto;
        display: flex;
        align-items: center;
        float: none;
        margin: 0;
    }

    .top-row #top_menu {
        display: flex;
        align-items: center;
        gap: 8px;
        margin: 0;
    }
}


#body .container-fluid {
    padding-left: 25px;
}

@media (max-width: 979px) {
	.suche-user-container.full-width {
		margin-top: 530px !important;
		z-index: auto;
	}
	.language-select {
		display: block;
		top: 18px;
		right: 5px;
	}
	.nav-service{
		display: none;
	}
	#header_notification_bar {
		position: fixed;
		top: 13px;
		right: 60px;
		z-index: 1071;
	}
	#header .navbar-inner .nav .dropdown-toggle {
		background:transparent;
	}
	#main_menu_trigger {
		position: fixed;
		top: 7px;
		left: 0;
		z-index: 1071;
		background: #fff;
		color: #99bf2e;
		box-shadow: none !important;
	}
	.suche-user-container .suchfeld {
		right: 70px;
	}
	#sidebar {
		position: fixed;
		top: 70px;
		z-index: 1071;
		background: #fff;
		left: 0;
		right: 0;
		padding: 0 25px;
		margin: 0 !important;
		overflow-y: auto;
		max-height: calc(100vh - 70px);
	}
	#sidebar > ul {
		padding-top: 0 !important;
		margin: 15px 0;
	}
	#sidebar.in {
		margin: 0 !important;
	}
}


/* all levels, hover and focus */
#sidebar > ul > li > a:hover,
#sidebar > ul > li > a:focus,
#sidebar > ul > li > ul.sub > li > a:hover,
#sidebar > ul > li > ul.sub > li > a:focus,
#sidebar > ul > li > ul.sub > li > ul.subsub > li > a:hover,
#sidebar > ul > li > ul.sub > li > ul.subsub > li > a:focus,
#sidebar > ul > li > ul.sub > li > ul.subsub > li > ul.subsubsub > li > a:hover,
#sidebar > ul > li > ul.sub > li > ul.subsub > li > ul.subsubsub > li > a:focus,
#sidebar > ul > li > ul.sub > li > ul.subsub > li > ul.subsubsub > li > ul.subsubsubsub > li > a:hover,
#sidebar > ul > li > ul.sub > li > ul.subsub > li > ul.subsubsub > li > ul.subsubsubsub > li > a:focus {
	/*color: #99bf2e !important;
	background-color: #FFF !important;*/
}

/* Leval 0 */
#sidebar > ul > li > a {
	color: #fff !important;
	font-weight: normal;
}
	#sidebar > ul > li > a:last-child {
		border-bottom: none;
	}

#sidebar > ul > li.active > a {
	/*	background: none repeat scroll 0 0 #FFFFFF !important;*/
	color: #2a2e20 !important;
}

@media (max-width: 767px) {
	.suche-user-container .suchfeld {
		right: 30px;
	}
}

@media (max-width: 739px) {
	#main_menu_trigger {
		top: 10px;
	}
}

.page-news-detail .text-long {margin-top: 3rem;}
.text-long td {vertical-align:top; padding:3px 5px;}
.text-long td > p {margin:0px !important;}
.text-long table {border-color:#CCCCCC;}

/*#sidebar > ul > li > ul.sub > li.active > a, #sidebar > ul > li > ul.sub > li > a:hover {
	color:#FFFFFF !important;	
}*/

#sidebar > ul > li > ul.sub > li > a {
		/*display: block;
		position: relative;
		margin: 0;
		padding: 8px 15px 8px 15px;
		text-decoration: none;
		font-size: 12px;
		font-weight: normal;
		border-bottom: 1px solid #EEEEEE;*/
		color: #000000;
		/*text-shadow: 0 1px 1px #000;*/
	}

	#sidebar > ul > li > ul.sub > li > ul.subsub {
		margin: 0;
		background: #EEEEEE;
	}

#sidebar > ul > li > ul.sub > li.active > a { 
   color:#99bf2e !important;
}

#sidebar > ul > li > ul.sub > li.active > a {
	/*   background:#ffa500 !important;*/
}

/* level 1 to 4: active */
#sidebar > ul > li > ul.sub > li.active > a,
#sidebar > ul > li > ul.sub > li.active > ul.subsub > li.active > a,
#sidebar > ul > li > ul.sub > li.active > ul.subsub > li.active > ul.subsubsub > li.active > a,
#sidebar > ul > li > ul.sub > li.active > ul.subsub > li.active > ul.subsubsub > li.active > ul.subsubsubsub > li.active > a {
	/*  background:#ffa500 !important;*/
	color: #000;
	font-weight: bold;
}
#sidebar > ul > li > ul.sub > li.active > ul.subsub > li.active > a {
/*   background:#499ED6 !important;*/
   color: #99bf2e !important;
}
#sidebar > ul > li:hover > ul.sub {
		display:block !important;
	}

@media(max-width: 979px) {
		#sidebar > ul > li:hover > a  {
			border-bottom: 1px solid #dedede!important;
		}
		#sidebar > ul > li > a:hover  {
			color: #99bf2e !important;
		}
	}

#sidebar > ul li > a:hover {
}

#sidebar > ul > li.active > a {
	border-top:0px !important;
}

	#sidebar > ul > li.active > a:hover {
	}

#sidebar > ul > li > ul.sub {
	margin:10px 0 0 0;
	position:absolute;
	display:none !important;
	z-index:10000;
	background:#ffffff;
	white-space:nowrap;
	box-shadow:0 4px 4px 1px rgba(0,0,0,0.2);
	line-height:22px;
	border-radius: 0 0 20px 20px;
}

	@media(max-width: 979px) {
		#sidebar > ul > li > ul.sub {
			box-shadow: none;
		}
	}

	#sidebar > ul > li:hover > ul.sub {
		display:block !important;
	}

#sidebar .menu-bottom-search {
	margin: 40px 0 0;
}

#sidebar > ul > li > ul.sub > li > a {
	font-weight:normal;
	padding:15px 20px;
	margin:1px 0;
	border-bottom: 1px solid #DEDEDE;
}
#sidebar > ul > li > ul.sub > li:last-of-type > a {
	border-bottom: 0px solid #DEDEDE;
}
	
#sidebar > ul > li > ul.sub > li.active > a, #sidebar > ul > li > ul.sub > li.active > a:hover {
	/*background:#f5f9e8 !important;*/
	color:#000000 !important;
}
#sidebar > ul > li > ul.sub > li.active > a { 
   /*background:#99bf2e !important;*/
}
#sidebar > ul > li > ul.sub > li.active > ul.subsub > li.active > a {
   background:#99bf2e !important;
   color: #fff !important;
}
#sidebar > ul > li > ul.sub > li > a:hover {
	background:transparent !important;
	color:#99bf2e !important;
}


#sidebar > ul > li > ul.sub > li > ul.subsub > li > a {
	text-transform:none;
	padding:5px 30px;
	margin:1px 0;
}

#sidebar > ul > li > ul.sub > li > ul.subsub > li a:hover {
	background:transparent !important;
	color:#99bf2e !important;
}

#sidebar > ul > li > ul.sub > li > ul.subsub > li ul.subsubsub > li a:hover {
	background:transparent !important;
	color:#99bf2e !important;
}
.navbar .nav > li > a {
    padding: 6px 15px !important;
}
.navbar .nav .dropdown-toggle .caret {
    margin-top: 12px;
}
	
#header .nav .dropdown .lang-short {
	line-height: 1.6em;
}

.letters + .right{
	white-space: nowrap;
}
	
.fancybox-container {
    padding: 0 !important;
}

.download-all {
	/*margin: 0 0 50px 0;*/
}
.download-all a:first-child {
	margin-top: 10px;
}

.date {
	color: #555;
	padding-bottom: 5px;
}

#quick_search {
	border:1px solid #b5b7ac;
	font-size:18px;
	line-height:50px;
	box-shadow:none;
	font-weight:normal;
	height:50px;
	background: #fafafa;
    border-radius: 30px;
}

input::-webkit-input-placeholder {
    color: rgba(216, 217, 217, 1);
}
:-ms-input-placeholder {
    color: rgba(216, 217, 217, 1);
}
input::-moz-placeholder {
    color: rgba(216, 217, 217, 1);
	opacity:1;
}
:-moz-placeholder {
    color: rgba(216, 217, 217, 1);
}
input::placeholder {
color: rgba(216, 217, 217, 1);
}

.menu-bottom-search {display:;}

.image-box {width:auto !important; /*border:1px solid #EFEFEF;*/ margin-bottom:10px;}
.page-news-detail .image-box {margin-bottom:0px; font-size:15px;}
.image-main h5,
.image-main h5 a,
.image-main p {color:#999999;}
.link-detail {font-weight:700;}
.link-detail a {text-decoration:underline;}
.link-detail a:hover {text-decoration:none !important;}
#page {/*margin-top:35px;*/}

.image-header {
	position: relative;
	animation: fadeIn .5s forwards;
}

.image-header::after {
	content: '';
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #000;
	opacity: .2;
	z-index: 1;
	display: block;
	position: absolute;
}
.image-header {padding:0 0 10px 0; height:400px; background:url(../img/header_mall.webp) no-repeat center center;}
.image-header .image-text {max-width:1248px; margin:0 auto; position: relative;}

.image-header .image-text .subheadline-wrap {
	position: absolute; 
	left:34px; 
	top:120px; 
	z-index: 2;
	overflow: hidden;
}
.image-header .image-text .image-subheadline {
	font-size:24px; 
	color:#FFFFFF; 
	font-weight:700; 
	background-color: rgba(0,0,0,.4);
	box-shadow: -10px 0 0 rgba(0,0,0,.4),10px 0 0 rgba(0,0,0,.4);
	padding: .2em;
	animation: .5s 1s forwards cubic-bezier(.165,.84,.44,1);
	animation-name: titleSlideUpIn;
	transform: translateY(100%);
}

.image-header .image-text .headline-wrap {
	position: absolute; 
	left:34px; 
	top:180px; 
	z-index: 2;
	overflow: hidden;
}

.image-header .image-text .image-headline {
	font-size:64px; 
	line-height:80px; 
	color:#FFFFFF; 
	font-weight:600; 
	background-color: rgba(0,0,0,.4);
	box-shadow: -10px 0 0 rgba(0,0,0,.4),10px 0 0 rgba(0,0,0,.4);
	animation: .5s 1s forwards cubic-bezier(.165,.84,.44,1);
	animation-name: titleSlideIn;
	transform: translateY(-100%);
}

.navbar-inner {
    max-width: 1248px;
	margin:0 auto;
}

.Coupe-Bold { 
	font-family: Coupe-Bold;
	font-weight: normal;
	font-style: normal;
}
.Coupe-Normal { 
	font-family: Coupe-Normal;
	font-weight: normal;
	font-style: normal;
}

.span4 h2,
.span4 h3,
.span4 section > header,
.article-aside section > header {
	margin-bottom: 7px;
	font-size: 16px;
}

.verwandt article {
	margin: 10px 0;
}
.verwandt h2 {
	margin-top: 0;
}
.verwandt .datum {
	margin-top: 10px;
}

.detail h2 {
	text-transform: none;
	padding: 0;
	margin: 16px 0 10px 0;
}

.text-short,
.text-long {
	font-weight:500;
	font-size:18px;
}

.page-news .text-short {
	margin-bottom:15px;
	font-weight:500;
	font-size:18px;
}

.section-text-long header,
.section-text-short header {
	margin-top: 12px;
	margin-bottom: 8px;
	color: #666;
	font-style: italic;
}

#Content_div_companies {
	font-size: 15px;
	line-height: 1.5em;
}

figcaption h5, figcaption h5 a,
figcaption .title, figcaption .title a {
	color: #777777 !important;
}

aside {
	background:#fafafa;
	padding:30px;
	border-radius:30px;
	margin-bottom: 30px !important;
}

.page-news .rueckfrage img {margin-bottom:15px;}
.rueckfrage p {padding:0px 0 0 0;}
.rueckfrage span {font-weight:bold; color:#99bf2e; font-size:15px; letter-spacing:1px; line-height:14px !important;}
.span4 h2, 
.span4 h3, 
.widget h2,
.widget h3, 
.span6 h2, 
.span12 h2,
.page-contact h1.widget-hl,
aside header,
.article-aside header {
	font-weight: 700; 
	font-size: 24px; 
	line-height:30px; 
	margin-bottom:10px;
}
.page-news-detail .span8 h3 {margin-top:10px; text-transform:none; line-height:1.2;}
.h3-detail {line-height:46px !important; font-size:40px !important;}
.page-news-detail .attachments .span6 p {font-weight: 600; margin:0 0 5px 0;}
.detail {font-size:18px; line-height:27px;}
#Content_div_contactpersons img {margin-bottom:20px;}
.page-news-detail .widget-list {padding-top:40px;}
.page-news .widget-list,
.page-contact .widget-list {padding-top:10px;}
.page-contact #page .row-fluid:nth-of-type(1) {margin-top:30px;}
.page-contact .widget-list.first {padding-left:0px; border:0px;}
.page-contact ul.meldungen-full li {line-height:27px;}

h4 .right {width:65px;}
h5 a {color:#555555; font-weight:normal;}
.image-main h5, .fancybox-inner h5 {margin:0px; max-width:100%; font-size:14px !important; font-weight:400;}
.image-main p {margin:0px auto 0 auto; max-width:100%; font-size:14px !important; line-height:20px;}
.image-main h5 a, .fancybox-inner h5 a {font-size:14px !important;}
.page-news-detail .image-main h5,
.page-news-detail .fancybox-inner h5 {margin:10px 0px 10px 0px; line-height: 20px;}
.page-news-detail .image-main p {margin:0px 0px 0px 0px;}

.subtitle {
	font-weight:700; 
	font-size:17px; 
	line-height: 1.4em;
	margin-top: 5px;
	color:#6e6f69;
}
.page-news-detail .subtitle {
	font-size:20px;
	font-weight: 500;
}
h2.subtitle {text-transform: none;}

.vorteile .item {border-bottom:1px solid #DDDDDD; padding:25px 0 20px 0; position:relative; font-size:14px; line-height:20px;}
.vorteile .item:first-child {padding-top:0px;}
.vorteile .item:last-child {border-bottom:0px;}
.vorteile .item strong {font-size:15px;}
.vorteile .item h3 {margin-bottom:20px; font-size:}
.vorteile .item .number {background:#82B440; line-height:60px; width:60px; height:60px; text-align:center; font-size:40px; font-weight:bold; font-style:italic; color:#FFFFFF; position:absolute;}
.vorteile .item .text {margin-left:80px;}
p.lounge {margin-top:15px; font-size:14px; line-height:22px; hyphens: auto !important;}
p.lounge img {margin-bottom:20px;}

.anmeldung input {margin-bottom:0px;}
.anmeldung li {padding-bottom:10px;}
.anmeldung li:last-child {padding-bottom:0px;}

.meldungen-full .list-full ul,
.detail ul {margin:10px 0 10px 25px;}
.meldungen-full .list-full ul li,
.detail ul li {list-style-type:disc; margin-bottom: 5px;}
.dokumente .item a {/*font-size: 12px;*/}
.page-news .list-full {margin-bottom: 20px;}

.breadcrumb {display:; font-size:12px;}
.page-media #loading_1,
.page-contact #page,
.page-news #page,
.page-news-detail #page {margin-bottom:60px;}
#page {margin-top:0px;}

.subheadline {font-size:15px; font-style:; margin-bottom:15px; font-weight:bold;}
.subheadline-list {font-weight:bold;}

figure > a.portfolio-item {
	width: 100%;
	padding-top: 100%;
	display: block;
	position: relative;
}
figure > a.portfolio-item .zoom {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
}

/* */
figure > a.portfolio-item,
.span2 figure > a {
	padding-top: 0;
	aspect-ratio: 1 / 1;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}
figure > a.portfolio-item img,
.span2 figure > a img {
	position: static;
	max-width: 100%;
	max-height: 100%;
}
/* */



#eventeinladung #sidebar,
#eventeinladung .breadcrumb,
#eventeinladung .suche-user-container,
#eventeinladung .sub-title {display:none !important;}
#eventeinladung #body {margin-left:-10px !important; padding-top:25px;}

.list-full,
.list-full li,
.detail,
.detail li {
	font-size:17px;
	line-height:24px;
	color:#6e6f69;
}

.download-list-middle {
	font-size: 16px;
}

.dropdown-menu li {line-height:26px; font-size:18px; padding:3px 0;}

.widget-list h3 i {font-size:17px; color:#999999; font-weight:normal;}
/*a#main_menu_trigger {
	padding: 6px 11px 5px 10px;
	height: 36px;
	box-sizing: border-box;
	color: #fff !important;
	min-width: 42px;
}*/
a#main_menu_trigger {
	padding: 20px 20px 15px 20px;
    border: 0px;
    margin-top: 3px;
    border-radius: 0 0 20px 0;
    border:0px;
    margin-top:0px;
}
a#main_menu_trigger span.fa-bars {font-size:21px;}
#header_notification_bar a {padding:6px 7px 7px 7px !important;}

.meldungen-full h2 {margin:15px 0;}
.meldungen-full h2 a {
	font-size:32px; 
	line-height:1.1em; 
	font-weight:500; 
	text-transform: none; 
}
.meldungen-full h2 a:hover {text-decoration:none;}

h4 .right {width:95px; text-align:right;}
.page-contact ul.meldungen-full li .row-fluid div {/*margin-left:0px;*/}

.media-next,
.media-prev {
	display: none;
}

.row-fluid-custom3 .gallery [class*="span"] {
    margin-right: 1.4%;
    margin-top: 5px;
}

.anmeldung-pv {margin:30px auto 70px auto; max-width:1720px; padding:40px 30px; background:#FAFAFA; text-align:center; border-radius:40px;}
.anmeldung-pv div div {
	font-size: 80px;
    margin: 1px 0 20px 0;
    font-weight: 500;
    line-height: 80px;
	color:#2a2e20;
}
.anmeldung-pv p.verteiler-text {
	margin-bottom:20px;
	font-weight:500;
	font-size:18px;
	line-height: 26px;
}

.search-input-icon a {
	display: block;
	height: 30px;
	position: absolute;
	right: 0;
	top: 0;
	width: 35px;
}

/* Anpassung für weitere Dateien auf der News_Detail.aspx zB unter dem Reiter Bilder, damit hochformatige Bilder das Layout nicht zerreißen */
.span2 figure img {
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	left: 0;
	margin: auto;
}

.span2 figure > a {
	padding-top: 100%;
	display: block;
	width: 100%;
	position: relative;
}

.topmeldungen h5 {
	font-size: 16px;
	line-height: 22px;
}

.contact-form {
	display: none;
}

.search-input-icon a {
	display: block;
	height: 45px;
	position: absolute;
	right: 0;
	top: 3px;
	width: 40px;
}

/****** ICONS AUSBLENDEN ******/
.page-contact ul.breadcrumb li i,
.page-dataprotection ul.breadcrumb li i,
.page-eventeinladung ul.breadcrumb li i,
.page-imprint ul.breadcrumb li i,
.page-info ul.breadcrumb li i,
.page-media ul.breadcrumb li i,
.page-media-detail ul.breadcrumb li i,
.page-news ul.breadcrumb li i,
.page-news-detail ul.breadcrumb li i,
.page-search ul.breadcrumb li i,
.page-termsandconditions ul.breadcrumb li i,
.page-news-detail .blender-icon h3 > i,
.breadcrumb i,
.blender-icon h3 i,
aside header h2 a i,
#sidebar ul li a i,
.page-news-detail aside h2 i {display:none !important;}

.page-contact .rueckfragehinweis {display:none !important;}

.page-news #portfolio-wrapper div .main-img-copyright,
.page-news #topmeldungen .main-img-copyright,
.page-news-detail .image-main .main-img-copyright,
.page-news-detail .widget-list .filecopyright,
.page-news-detail #portfolio-wrapper .filecopyright,
.page-media .portfolio-item .filecopyright,
.page-search #portfolio-wrapper div .main-img-copyright {
	display: none !important;
}

#topmeldungen ul {margin-left: 0px !important;}
#topmeldungen ul li {
	list-style-type:none;
	border-bottom:1px solid #EDEDED;
	padding-bottom:5px;
}
/*#topmeldungen ul li:last-of-type {border-bottom:0px;}*/
#topmeldungen article h3 {line-height:24px; margin-bottom:10px; margin-top:15px;}
#topmeldungen article h3 a {font-size:20px; font-weight:500; color:#555;}
#topmeldungen article h3 a:hover {color:#99bf2e;}
#topmeldungen article .topmeldung {font-size:15px; font-weight:400; line-height: 22px; padding: 15px 0 20px 0;}
#topmeldungen article p.shorttext {margin-top:10px;}
.page-news-detail .main-img-copyright {padding-bottom:5px;}

.page-news-detail .blender-icon h3 > a {
	/*color:#fff !important;*/
}

.page-news-detail .blender-icon h3 > a:hover {
    text-decoration:none;
}

#sidebar > ul > li > a {
    color: #4f5345 !important;
}
.widget-list hr {
  border: 0;
  /*border-top: 1px solid #EDEDED;
  border-bottom: 1px solid #FFFFFF;*/
}



/****** h1 - h6 AUS BOOTSTRAP.MIN.CSS ******/
h1,h2,h3,h4,h5,h6{margin:10px 0;font-weight:bold;line-height:20px;color:#2a2e20;text-rendering:optimizelegibility;}
h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-weight:normal;line-height:1;color:#999}
h1,h2,h3{line-height:40px}
h1, h2{
	font-size:80px; 
	margin:.2em 0 .5em 0; 
	line-height:1.1em; 
	font-weight:500 !important;
}
figure h2, figure h3, figure h4 {
	font-size: 14px;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
}
aside article h2,
aside article h3 {
	font-size: 16px;
	/*line-height: 20px;*/
	padding: 0px;
	margin: 0px;
}
h3{font-size:15px; line-height:18px; padding:0px; margin:0 0 6px 0; font-weight:700; text-decoration:none;}
h4{font-size:16px; font-weight:700; background:#F7F7F7; padding:10px 10px; margin:25px 0 10px 0 !important;}
h5{font-size:18px; font-weight:600; line-height:27px;}
h6{font-size:11.9px}
h1 small{font-size:24.5px}
h2 small{font-size:17.5px}
h3 small{font-size:14px}
h4 small{font-size:14px}
h1, h6 {font-weight: normal;}
/* */

aside article h2,
aside article h3 {
	font-size: 16px;
	/*line-height: 20px;*/
	padding: 0px;
	margin: 0px;
}


/****** BUTTONS AUS BOOTSTRAP.MIN.CSS ******/
.btn {
	display:inline-block;
	padding: .75em 1.5em .65em;
	line-height:1.5em;
	margin-bottom:0;
	font-size:15px;
	font-weight:700;
	text-align:center;
	box-sizing:border-box;
	vertical-align:middle;
	cursor:pointer;
	background-color:#FFFFFF;
	border:2px solid #99bf2e;
	transition: border-color .3s cubic-bezier(.215,.61,.355,1), color .3s cubic-bezier(.23,1,.32,1), background-color .3s cubic-bezier(.23,1,.32,1),padding .3s cubic-bezier(.23,1,.32,1);
}
@media screen and (min-width: 740px) {
	.btn{
		font-size:18px;
	}
}
.btn:hover,.btn:active,.btn.active,.btn.disabled,.btn[disabled]{color:#333;background-color:#e6e6e6;}
.btn:active,.btn.active{background-color:#ccc \9}
.btn:first-child{*margin-left:0}
.btn:hover{
	color:#FFFFFF;
	background:#99bf2e;
	text-decoration:none;
	/*border:2px solid #FFFFFF;*/
	
}
.btn:focus{}
.btn.active,.btn:active{background-image:none;outline:0;box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05)}
.btn.disabled,.btn[disabled]{cursor:default;background-image:none;opacity:.65;filter:alpha(opacity=65);box-shadow:none}
.btn-large{padding:11px 19px;font-size:17.5px;border-radius:6px}
.btn-large [class^="fa-"],.btn-large [class*=" fa-"]{margin-top:4px}
.btn-small{}
.btn-small [class^="fa-"],.btn-small [class*=" fa-"]{margin-top:0}
.btn-mini [class^="fa-"],.btn-mini [class*=" fa-"]{margin-top:-1px}
.btn-mini{padding:0 6px;font-size:10.5px;border-radius:3px}
.btn-block{display:block;width:100%;padding-right:0;padding-left:0;box-sizing:border-box}
.btn-block+.btn-block{margin-top:5px}
.btn-block > [class^="fa-"], .btn-block > [class*=" fa-"],
	.print-mail [class^="fa-"], .print-mail [class*=" fa-"],
	p.print [class^="fa-"], p.print [class*=" fa-"] {
		margin-right: 5px;
	}
input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block{width:100%}
.btn-primary.active,.btn-warning.active,.btn-danger.active,.btn-success.active,.btn-info.active,.btn-inverse.active{color:rgba(255,255,255,0.75)}
.btn{font-size: 18px;}

.btn-primary{color:#fff;background-color:#363636;background-repeat:repeat-x;border-color:#222 #222 #000;}
.btn-primary:hover,.btn-primary:active,.btn-primary.active,.btn-primary.disabled,.btn-primary[disabled]{
	color:#fff;background-color:#222;border:2px solid #99bf2e;}
.btn-primary:active,.btn-primary.active{background-color:#080808;}

.btn-primary{color:#FFFFFF;background-color:#99bf2e;}
.btn-primary:hover,.btn-primary:active,.btn-primary.active,.btn-primary.disabled,.btn-primary[disabled]{color:#99bf2e !important;background:#FFFFFF;}
.btn-primary:active,.btn-primary.active{
	background:#FFFFFF;
}

.btn-inverse{
	color:#FFFFFF;
	background-color:#99bf2e;
	border-color:#FFF;
}
.btn-inverse:hover,.btn-inverse:focus, .btn-inverse:active,.btn-inverse.active,.btn-inverse.disabled,.btn-inverse[disabled]{
	color:#99bf2e;
	background:#FFFFFF;
	border:2px solid #99bf2e;
}
.btn-inverse:active,.btn-inverse.active{
	background:#FFFFFF;
}



@keyframes btn-copied-anim {
	0% {
		opacity: 0;
	}

	25% {
		opacity: 1;
	}

	75% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

.btn-copied {
	position: relative;
}

.btn-copied::before {
	content: '\f0ea';
	font-family: 'FontAwesome';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #0c0;
	color: #fff;
	text-align: center;
	animation: btn-copied-anim 1s both;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 24px;
}


#Meta1_li_download .btn {
	padding: 4px 12px !important;
	margin-bottom: 0;
}

	#Meta1_li_download .btn:hover {
		text-decoration: none !important;
	}

#Meta1_li_download .btn-block {
	display: block;
	width: 100%;
	padding-right: 0;
	padding-left: 0;
	box-sizing: border-box
}

#Meta1_li_download .btn-inverse {
	color: #fff !important;
	background-color: #000 !important;
}

	#Meta1_li_download .btn-inverse:hover,
	#Meta1_li_download .btn-inverse:active,
	#Meta1_li_download .btn-inverse.active,
	#Meta1_li_download .btn-inverse.disabled,
	#Meta1_li_download .btn-inverse[disabled] {
		color: #fff !important;
		background-color: #000 !important;
	}

	#Meta1_li_download .btn-inverse:active,
	#Meta1_li_download .btn-inverse.active {
		background-color: #000;
	}

#Meta1_li_download .btn-primary {
	color: #fff !important;
	background-color: #000 !important;
}

	#Meta1_li_download .btn-primary:hover,
	#Meta1_li_download .btn-primary:active,
	#Meta1_li_download .btn-primary.active,
	#Meta1_li_download .btn-primary.disabled,
	#Meta1_li_download .btn-primary[disabled] {
		color: #fff !important;
		background-color: #000 !important;
	}

	#Meta1_li_download .btn-primary:active,
	#Meta1_li_download .btn-primary.active {
		background-color: #fff;
	}


/****** DROPDOWN ROLLOVER AUS BOOTSTRAP.MIN.CSS ******/
.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a {
}
/* */


/****** TABLE HEAD AUS BOOTSTRAP.MIN.CSS ******/
.table th,.table td{padding:8px 8px;line-height:20px;text-align:left;vertical-align:top;}
.table th{font-weight:700}
.table thead th{vertical-align:bottom; font-weight:normal; padding:8px 8px;}
/* */


/****** INPUT, TEXTAREA, ... AUS BOOTSTRAP.MIN.CSS ******/
input,button,select,textarea{  font-family: 'tcfnoli', 'Arial', sans-serif;}
label{display:block;margin-bottom:5px}
select,textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{display:inline-block;height:20px;padding:4px 6px;margin-bottom:10px;font-size:14px;line-height:20px;color:#555;vertical-align:middle;}
input,textarea,.uneditable-input{width:206px}
/* */


/****** NAVBAR-INVERSE aus BOOTSTRAP.MIN.CSS ******/
.navbar-inverse .navbar-search .search-query:focus,.navbar-inverse .navbar-search .search-query.focused{padding:5px 15px;color:#333;text-shadow:0 1px 0 #fff;background-color:#fff;border:0;outline:0;box-shadow:0 0 3px rgba(0,0,0,0.15)}
.navbar-inverse .btn-navbar{background:#99bf2e;}
/* */

input.search-query{/margin-bottom:0;}

#page .tab-content .span8 > h4 {
	font-size: 13px;
}
a#Meta1_LB_Download:hover {color:#99bf2e !important;}


/****** INPUT, TEXTAREA, ... AUS BOOTSTRAP.MIN.CSS ******/
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	display: inline-block;
	height: 40px;
	padding: 4px 10px;
	margin-bottom: 10px;
	line-height: 30px;
	color: #2a2e20;
	border-color: #909090;
	border-radius: 0px;
	vertical-align: middle;
}

/* DATEPICKER */
.widget .datepicker {
	width: auto;
	max-width: 250px;
}
.widget .datepicker--day-name,
.widget .datepicker--cell.-current- {
	/*color: #bd1212;*/
}
.widget .datepicker--cell.-selected-, 
.widget .datepicker--cell.-selected-.-focus-, 
.widget .datepicker--cell.-selected-.-current- {
	/*background: #bd1212;*/
}
.widget .datepicker--buttons {
	margin: 0 -2px;
}
.widget .datepicker--button {
	/*color: #fff;
	background: #bd1212;*/
	margin: 0 2px;
}
.widget .datepicker--button:hover {
	/*color: #fff;
	background: #bd1212;*/
}

.suchfeld input {
	height: 36px;
}
.top-row .language-select {
	width: 100px;
	height: 36px;
}




/* CONTACT_BOX */
.teaser-cols__wrapper {
	clear: both;
    content: "";
    display: table;
	text-align: left;
	min-height: 0;
    position: relative;
	width:100%;
	font-size: 15px;
}

@media (min-width: 740px) {
	.teaser-cols__wrapper {
		font-size: 16px;
	}
}
@media (min-width: 980px) {
	.teaser-cols__wrapper {
		font-size: 17px;
	}
}
@media (min-width: 1200px) {
	.teaser-cols__wrapper {
		font-size: 18px;
	}
}

.teaser-cols__content {
	padding-top: 3em;
	padding-bottom: 3em;
	width: 83.33333%;
	padding-left: 12px;
	padding-right: 12px;
	margin-left: 8.33333%;
}
@media (min-width: 740px) {
	.teaser-cols__content {
		padding-left: 0;
		padding-right: 0;
	}
}
.teaser-cols__inner--left {
    position: absolute;
    right: 50%;
    width: 50%;
	top: 1px;
	bottom: 1px;
}
.teaser-cols__half--right {
    margin-left: 50%;
    padding-left: 0;
    padding-right: 0;
    width: 50%;
}
.teaser-cols__half--green {
    background-color: #99bf2e;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    color: #fff;
	border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}

@media (max-width:739px) {
	.teaser-cols__half--right {
		width: 100%;
		margin: 0;
	}
	.teaser-cols__inner--left {
		position: relative;
		width: 100%;
		top: 0;
		right: auto;
		bottom: auto;
	}
}

.teaser-cols__content p {
	font-weight: 500;
	font-size: 18px;
	line-height:27px;
	margin-bottom: 27px;
}

@media (min-width: 767px) {
	.teaser-cols__content p {
		font-size: 15px;
		line-height:22px;
	}
}
@media (min-width: 980px) {
	.teaser-cols__content p {
		font-size: 16px;
		line-height:24px;
	}
}
@media (min-width: 1200px) {
	.teaser-cols__content p {
		font-size: 17px;
		line-height:25px;
	}
}


.contact_box {
    background: #fff none repeat scroll 0 0;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.contact_box__logo {
    margin-bottom: 15px;
    max-width: 100px;
}
.contact_box__image {
    background-position: center center;
    background-size: cover;
    bottom: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 55%;
}
.rueckfragehinweis-contact .contact_box__image {
    background-position: center center;
	/*background-size: contain;*/
	background-repeat: no-repeat;
    bottom: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 55%;
}
.contact_box__image::before {
    background: rgba(0, 0, 0, 0) url("../img/peaces_left.png") no-repeat scroll left center;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: rotateY(60deg);
    transform-origin: 0 0 0;
}
.contact_box__info {
    margin: 90px 0 50px 30px;
    position: relative;
    z-index: 2;
	font-size:1em;
	line-height:1.5em;
	font-weight:400;
}
.contact_box__info p {
    color: inherit;
    margin: 0;
}
@media screen and (min-width: 740px) {
	.contact_box__info {
		margin: 15% 0 0 60px;
	}
	.rueckfragehinweis-contact .contact_box__info {
		margin: 10% 0 0 10px;
	}
}
.contact_box__name {
    font-weight: 700;
    margin: 0 0 5px;
}
.contact_box__position {
    margin: 0 0 20px;
}
.contact_box__email a {
	text-decoration: underline;
}
.contact_box.contact_box--business .contact_box__image::before {
    left: -1px;
}
@media screen and (min-width: 740px) {
	.contact_box.contact_box--business .contact_box__info {
		margin: 15% 0 0 60px;
	}
}
.contact_box.contact_box--business .contact_box__name {
    margin-bottom: 10px;
    max-width: 280px;
    text-transform: none;
}
div.lazy.lazy-hidden {
    opacity: 1;
    transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.contact_box_right {
	background-color: #99bf2e;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    color: #fff;
}
.contact_box_right p {
	margin:20px 0 35px 0;
	padding-bottom:30px;
	font-size:30px;
	font-weight:500;
	line-height:36px;
}

.rueckfragehinweis, .rueckfragehinweis-contact {
	margin:0 auto;
	width:100%;
	max-width:1248px;
	overflow: hidden;
}
.rueckfragehinweis-contact {
	/*margin:0 auto;*/
	float:left;
	width:70%;
	max-width:624px;
	overflow: hidden;
	height:280px;
}
.rueckfragehinweis-contact .contact_box {
	height:280px;
}
.rueckfragehinweis-contact .teaser-cols__inner--left {
    position: relative;
    right: 50%;
    width: 50%;
	top: 1px;
	bottom: 1px;
}

.rueckfragehinweis .span6, .rueckfragehinweis-contact .span6 {width:50%; margin:0px;}
.rueckfragehinweis .span6:nth-child(2), .rueckfragehinweis-contact .span6:nth-child(2) {padding:54px 20px 54px 52px;}
.u-underline-title {
	font-size: 1em;
	line-height: 1.5em;
    padding-bottom: 20px;
    position: relative;
	font-weight:700;
	margin-bottom: 1em;
	margin-top: 0;
}
.u-underline-title::after {
	background: #fff none repeat scroll 0 0;
    bottom: 6px;
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    width: 60px;
}


/* NAVIGATION */

@keyframes fadeIn {
	0% {
		opacity:0
	}
	100% {
		opacity:1
	}
}
@keyframes illustrationSlideIn {
	0% {
		transform:translateY(5%);
		opacity:0
	}
	100% {
		transform:translateY(0);
		opacity:.8
	}
}
@keyframes titleSlideIn {
	0% {
		transform:translatey(-100%)
	}
	100% {
		transform:translateY(0)
	}
}
@keyframes titleSlideUpIn {
	0% {
		transform:translatey(100%)
	}
	100% {
		transform:translateY(0)
	}
}

.hero__video__wrapper {
	max-width: 1800px;
    margin: 0 auto;
}
@media screen and (max-width:979px) {
	.hero__video__wrapper {
		/*margin-top: 66px;*/
	}
}
.hero {
	position:relative;
	height:500px;
	max-height:566px;
	overflow:hidden;
	background-color:#FFFFFF;
	padding:10px;
}
.hero__image,.hero__image::after,.hero__image__illustr,.hero__video-bg {
	position:absolute;
	left:0
}
@media screen and (max-width:979px) {
	.hero {
		height:500px
	}
}
.hero__wrapper {
	height:100%
}
.hero__inner {
	/*margin:0 auto;
	max-width:1800px;
	height:100%;
	display:flex;
	flex-direction:row;
	align-content:center;
	align-items:center;*/
	margin:0 auto;
	max-width:1800px;
	height:100%;
	display:flex;
	flex-direction:row;
	align-content:flex-end;
	align-items:flex-end;
	padding-bottom:50px;
	box-sizing:border-box;
}

.hero__inner--scroll::after,
.hero__inner--scroll::before {
	content:'';
	display:block;
	position:absolute;
	left:0;
	bottom:10%;
	right:0;
	width:6px;
	height:6px;
	margin:0 auto;
	z-index:2
}
.hero__inner--scroll::before {
	padding:13px 13px 34px;
	border:2px solid #fff;
	border-radius:30px;
	opacity:.75
}
.hero__inner--scroll::after {
	margin:13px auto 31px;
	background-color:#99bf2e;
	border-radius:6px;
	animation:scrollPrompt .5s ease infinite alternate
}
@keyframes scrollPrompt {
	from {
		transform:translateY(-1px)
	}
	to {
		transform:translateY(2px)
	}
}
.hero__image {
	top:0;
	right:0;
	bottom:0;
	max-width:100%;
	margin:0 auto;
	opacity:0;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	animation: fadeIn .5s forwards;
	border-radius:40px;
}
.hero__image.lazy.lazy-hidden {
	opacity:0
}
.hero__image::after {
	top:0;
	right:0;
	bottom:0;
	background-color:#000;
	opacity:.45;
	position: absolute;
	left: 0;
	content: '';
	border-radius:40px;
}
.hero__image__illustr {
	/*content: '';
	position: absolute;
	left: 0;
	top:0;
	right:0;
	bottom:0;
	background-image:url(../img/hero-illustration.png);
	background-repeat:no-repeat;
	background-size:100% auto;
	background-position:center bottom;
	z-index:1;
	transform:translateY(5%);
	opacity:0;
	animation: illustrationSlideIn 1s forwards cubic-bezier(.165,.84,.44,1);*/
}
.hero__video-bg {
	top:50%;
	width:100%;
	transform:translateY(-50%)
}
@media screen and (max-width:1199px) {
	.hero__video-bg {
		height:100%;
		width:auto;
		left:50%;
		top:0;
		transform:translateX(-50%)
	}
}
.hero__content {
	width:91.66667%;
	margin-left:4.16667%;
	position:relative;
	z-index:2;
	overflow:hidden
}
@media screen and (min-width:740px) {
	.hero__content {
		width:66.66667%;
		margin-left:8.33333%;
		padding-left:0;
		padding-right:0
	}
}
@media screen and (min-width:1300px) {
	.hero__content {
		width:100%;
		margin-left:0
	}
}
@media screen and (max-width:979px) {
	.hero__content {
		max-width:634px
	}
}
@media screen and (min-width:980px) {
	.hero__content {
		margin-right:40%
	}
}
.hero_topline {
	background: rgba(0, 0, 0, 0.65);
	border-radius: 10px;
	padding: 0px 5px;
	font-size: 15px;
	font-weight:600;
	color: #FFFFFF;
	margin-left: 50px;
}
.hero__content h1,
.hero__content h2,
.hero__content h3 {
	display:block;
	position:relative;
	color:#fff;
	line-height:1em;
	padding:0 40px;
	overflow:hidden;
	margin-top: 0px;
}
.hero__content h1 span,
.hero__content h2 span,
.hero__content h3 span {
	/*background-color:rgba(0,0,0,.4);
	box-shadow:-10px 0 0 rgba(0,0,0,.4),10px 0 0 rgba(0,0,0,.4)*/
}
.hero__content h1 div,
.hero__content h2 div,
.hero__content h3 div {
	animation:.5s 1s forwards cubic-bezier(.165,.84,.44,1)
}
.hero__content h1 {
	margin-bottom:10px;
	font-size:110px;
	font-weight:500; 
}
.hero__content h1 div {
	animation-name:titleSlideIn;
	transform:translateY(-100%)
}
.hero__content h3 {
	background:0 0;
	font-size:90%
}
.hero__content h3 div {
	animation-name:titleSlideIn;
	transform:translateY(100%)
}
/*.hero__content h2 {
	line-height:1.8em;
	font-size:24px; 
	font-weight:700; 
	margin-bottom: 24px;
}
.hero__content h2 div {
	animation-name:titleSlideUpIn;
	transform:translateY(100%)
}
.hero__content h2 span {
	padding:.2em
}*/
.hero--sub-page .hero__content h1 span,.hero--sub-page .hero__content h2 span {
	background-color:transparent;
	box-shadow:none
}
.hero--sub-page .hero__image::after {
	opacity:.4
}
.hero__play-video {
	position:absolute;
	height:100px;
	width:100px;
	left:30%;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
	z-index:10;
	transition:opacity .3s cubic-bezier(.215,.61,.355,1)
}
.no-touch .hero__play-video:hover {
	cursor:pointer
}
.no-touch .hero__play-video:hover span i::before {
	transform:scale(1.2);
	opacity:0
}
.no-touch .hero__play-video:hover span i::after {
	transform:scale(2);
	opacity:.8
}
.no-touch .hero__play-video:hover span span {
	transform:translateY(20px);
	opacity:.8
}
.site-header {
 display:block;
 /*position:fixed;*/
 position: absolute;
 left:0;
 right:0;
 top:0;
 z-index:150;
 margin:0 auto;
 padding:0 24px;
}

/* */
.site-header {
	transition: background-color .3s ease, box-shadow .3s ease;
}
.site-header.is-scrolled {
	background-color: #FFFFFF;
	box-shadow: 0 2px 10px rgba(0,0,0,0.08);
}
.site-header.is-scrolled .nav-service {
	color: #2a2e20;
}
/* */

.site-header--page-nav-stop {
 position:absolute!important
}
.site-header--border::after {
 content:'';
 position:absolute;
 bottom:0;
 left:0;
 width:100%;
 height:2px;
 /*background-color:#f6f6f6;*/
 z-index:1010
}
.site-header__inner {
 margin:0 auto;
 width:100%;
 max-width:1586px;
 display:flex;
 align-items:center;
 justify-content:space-between
}
@media screen and (max-width:979px) {
 .site-header__inner {
  height:76px
 }
 .site-header__inner::before {
  content:'';
  position:absolute;
  left:0;
  right:0;
  top:0;
  bottom:0;
  /*background:#fff;*/
  z-index:1002
 }
}
@media screen and (min-width:980px) {
 .site-header__inner {
  position:relative;
  height:96px
 }
}
.site-header__inner ul {
 padding-left:0;
 margin-bottom:0
}
.site-header__inner .logo {
 position:relative;
 max-width:130px;
 height:100%;
 font-size:0;
 z-index:1007
}
@media screen and (max-width:979px) {
 .site-header__inner .logo {
  margin-left:58px
 }
}
.site-header__inner .logo a {
 display:flex;
 justify-content:flex-start;
 align-items:center;
 width:100%;
 height:100%
}
.site-header__inner .logo a img {
 display:block;
 width:100%
}


.nav-service {
 flex-grow:0;
 flex-shrink:0;
 height:96px;
 z-index:1015;
 color:#FFFFFF;
}
@media screen and (max-width:979px) {
 .nav-service {
  height:66px
 }
}
.nav-service ul {
 list-style:none
}
.nav-service ul,
.nav-service ul li {
 margin-top:0;
 margin-left:0;
 padding-left:0
}
.nav-service>ul {
 display:flex;
 align-items:center;
 height:100%
}
.nav-service>ul>li {
 position:relative
}
.nav-service>ul>li>a {
 display:flex;
 align-items:center;
 height:96px;
 justify-content:center
}
@media screen and (max-width:979px) {
 .nav-service>ul>li>a {
  height:66px
 }
}
.nav-service>ul li {
 text-align:center
}
.nav-service>ul li a {
 position:relative;
 display:block
}


.nav-service>ul li.nav--search a {
 transition:color .3s;
 color:#FFF;
 font-size:24px;
 display:flex;
 align-items:center;
 padding:0 25px;
 text-decoration: none;
}
.nav-service>ul li.nav--search a:before {
	content:'\e02e';
	font-family: LOOP_icons;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	text-decoration: none;
	text-transform: none;
}
@media screen and (max-width:1199px) {
 .nav-service>ul li.nav--search a {
  font-size:18px;
  padding:0 20px
 }
}
@media screen and (max-width:979px) {
 .nav-service>ul li.nav--search a {
  font-size:18px;
  padding-right:0
 }
}
.nav-service>ul li.nav--search a::before {
 display:inline-block;
 line-height:1
}
.no-touch .nav-service>ul li.nav--search a:hover {
 color:#99bf2e
}
.nav-service>ul li.nav--search .nav--search__text {
 font-size:0
}
.nav-service>ul li.nav--language {
 height:100%
}
@media screen and (max-width:979px) {
 .nav-service>ul li.nav--language {
  position:absolute;
  height:84px;
  transition:opacity .5s cubic-bezier(.645,.045,.355,1),transform .5s cubic-bezier(.645,.045,.355,1),visibility 0s .5s;
  left:0;
  right:0;
  top:66px;
  padding:20px 20px 0;
  background:0 0;
  z-index:1001;
  transform:translateY(-50px);
  visibility:hidden;
  opacity:0
 }
 .nav-main--open .nav-service>ul li.nav--language {
  transition:opacity .5s cubic-bezier(.215,.61,.355,1),transform .5s cubic-bezier(.19,1,.22,1),visibility 0s;
  transform:translateY(0);
  visibility:visible;
  opacity:1
 }
}
.nav-language {
 font-size:16px;
 text-align:left;
 position:relative;
 height:100%;
 display:flex;
 align-items:center;
 padding-left:30px
}
@media screen and (max-width:905px) {
 .nav-language {
  padding:15px 20px;
  border:1px solid #eaeaea
 }
}
.nav-language::before {
 content:'';
 position:absolute;
 left:0;
 top:24px;
 bottom:24px;
 width:1px;
 background-color:#f4f4f4
}
.nav-language__current {
 position:relative;
 padding-right:1.5em
}
@media screen and (max-width:905px) {
 .nav-language__current {
  width:100%
 }
}
.no-touch .nav-language__current:hover {
 cursor:pointer
}
.no-touch .nav-language__current:hover .nav-language__current__language,
.no-touch .nav-language__current:hover .nav-language__current__name {
 color:#99bf2e
}
.no-touch .nav-language__current:hover .nav-language__current__icon {
 border-top-color:#99bf2e
}
.nav-language__current__language,
.nav-language__current__name {
 transition:color .2s
}
.nav-language__current__name {
 font-size:15px;
 font-weight: bold;
 line-height: 1.5;
 letter-spacing:.5px;
 white-space:nowrap;
 text-transform:none
}
.nav-language__current__language {
 font-size:12px;
 line-height: 1.5;
 color:#FFFFFF;
 letter-spacing:.4px
}
.nav-language__current__icon {
 transition:border-color .2s,transform .3s;
 width:0;
 height:0;
 border-style:solid;
 border-width:4px 4px 0 4px;
 border-color:#FFFFFF transparent transparent transparent;
 position:absolute;
 right:0;
 top:10px
}
.has-language-dropdown .nav-language__current__icon {
 transform:rotate(180deg)
}
@media screen and (max-width:905px) {
 .nav-language__current__icon {
  top:50%;
  border-width:6px 6px 0 6px;
  margin-top:-3px
 }
}
.nav-language__dropdown {
 transition:opacity .3s;
 position:absolute;
 top:100%;
 right:-24px;
 width:330px;
 opacity:0;
 pointer-events:none;
 overflow:hidden
}
@media screen and (max-width:905px) {
 .nav-language__dropdown {
  right:-1px;
  left:-1px;
  width:auto
 }
}
.has-language-dropdown .nav-language__dropdown {
 opacity:1;
 pointer-events:auto
}
.nav-language__dropdown__inner {
 transition:.3s;
 background-color:#fff;
 border:1px solid #eaeaea;
 transform:translateY(-20px)
}
.has-language-dropdown .nav-language__dropdown__inner {
 transform:none
}
.nav-language__corporate {
 border-bottom:1px solid #f4f4f4;
 padding:10px 0
}
.nav-language__countries-title {
 margin:30px 40px 15px;
 font-size:14px;
 color:#a2a2a2
}
@media screen and (max-width:905px) {
 .nav-language__countries-title {
  margin:20px 20px 10px;
  font-size:16px
 }
}
.nav-language__countries {
 padding-bottom:25px
}
.nav-language__item {
 transition:background-color .2s;
 display:flex;
 align-items:center;
 justify-content:space-between;
 padding:15px 25px;
 line-height:1;
 margin:0 15px;
 border-radius:3px;
 position:relative
}
@media screen and (max-width:905px) {
 .nav-language__item {
  margin:0;
  padding:15px 20px
 }
}
.nav-language__item.is-active::before {
 content:'';
 position:absolute;
 top:0;
 left:-16px;
 bottom:0;
 width:4px;
 background-color:#99bf2e
}
@media screen and (max-width:905px) {
 .nav-language__item.is-active::before {
  left:0
 }
}
.no-touch .nav-language__item:hover {
 background-color:#f6f6f6
}
.nav-language__item__name {
 color:#444
}
.nav-language__item__links {
 display:flex;
 align-items:center
}
.nav-language__item__link {
 transition:color .2s;
 margin-right:19px;
 color:#c1c1c1;
 font-size:14px;
 position:relative;
 text-decoration: none !important;
 cursor:pointer
}
.nav-language__item__link::after {
 content:'';
 transition:.2s;
 position:absolute;
 top:100%;
 left:0;
 width:100%;
 height:1px;
 background-color:#99bf2e;
 margin-top:2px;
 opacity:0;
 transform:translateY(3px)
}
.no-touch .nav-language__item__link:hover {
 color:#99bf2e
}
.no-touch .nav-language__item__link:hover::after {
 opacity:1;
 transform:none
}
.nav-language__item__link:last-child {
 margin-right:0
}


/* DATEPICKER */
.widget .datepicker {
	/*font-family: Helvetica,Arial,sans-serif;*/
	width: auto;
	max-width: 250px;
}

.widget .datepicker--day-name,
.widget .datepicker--cell.-current- {
	/*color: #bd1212;*/
}

.widget .datepicker--cell.-selected-,
.widget .datepicker--cell.-selected-.-focus-,
.widget .datepicker--cell.-selected-.-current- {
	/*background: #bd1212;*/
}

.widget .datepicker--buttons {
	margin: 0 -2px;
}

.widget .datepicker--button {
	/*color: #fff;
	background: #bd1212;*/
	margin: 0 2px;
}

	.widget .datepicker--button:hover {
		/*color: #fff;
	background: #bd1212;*/
	}

@media (max-width: 767px) {
	.page-news #page > .row-fluid {
		position: relative;
	}

	.hero__content h1 span::after, .page-headline-filter::after, .headline-custom::after {
	    content: "";
	    display: inline-block;
	    width: 7px;
	    height: 7px;
	    border-radius: 50%;
	    background: #99bf2e;
	    margin-left: 5px;
	    vertical-align: baseline;
	}

	.widget .datepicker-inline {
		position: absolute;
		top: 50px;
	}
}

@media (max-width: 365px) {
	.widget .datepicker-inline {
		top: 75px;
	}
}

.nav-main {
	font-weight: 700;
}
.nav-main {
 position:relative;
 z-index:1
}
.nav-main a {
	text-decoration: none;
	white-space: nowrap;
	color:#FFFFFF;
}
.nav-main>ul {
 list-style:none
}
.nav-main>ul,
.nav-main>ul li {
 margin-top:0;
 margin-left:0;
 padding-left:0
}
@media screen and (min-width:980px) {
 .nav-main-icon {
  display:none
 }
}
@media screen and (max-width:979px) {
 .nav-main {
  transition:opacity .5s cubic-bezier(.645,.045,.355,1),transform .5s cubic-bezier(.645,.045,.355,1),visibility 0s .5s;
  position:absolute;
  left:0;
  top:0;
  right:0;
  margin-top:66px;
  padding:20px;
  padding-top:104px;
  background:#fff;
  text-align:left;
  font-size:20px;
  z-index:1001;
  transform:translateY(-50px);
  visibility:hidden;
  opacity:0
 }
 .nav-main--open .nav-main {
  transition:opacity .5s cubic-bezier(.215,.61,.355,1),transform .5s cubic-bezier(.19,1,.22,1),visibility 0s;
  transform:translateY(0);
  visibility:visible;
  opacity:1
 }
 .nav-main-icon {
  position:absolute;
  left:0;
  top:0;
  z-index:1007;
  width:58px;
  height:66px;
  cursor:pointer
 }
 .nav-main-icon i,
 .nav-main-icon i::after,
 .nav-main-icon i::before {
  transition:.5s cubic-bezier(.645,.045,.355,1);
  display:block;
  position:absolute;
  width:18px;
  height:2px;
  background-color:#99bf2e
 }
 .nav-main--open .nav-main-icon i,
 .nav-main--open .nav-main-icon i::after,
 .nav-main--open .nav-main-icon i::before {
  transition:.5s cubic-bezier(.215,.61,.355,1)
 }
 .nav-main-icon i {
  top:50%;
  left:0;
  right:0;
  margin:-1px auto 0 auto
 }
 .nav-main--open .nav-main-icon i {
  transform:rotate(-45deg)
 }
 .nav-main-icon i::after,
 .nav-main-icon i::before {
  content:'';
  margin:3px 0
 }
 .nav-main-icon i::before {
  bottom:100%
 }
 .nav-main--open .nav-main-icon i::before {
  transform:translateY(5px) rotate(90deg)
 }
 .nav-main-icon i::after {
  transition:.5s cubic-bezier(.215,.61,.355,1) .2s;
  top:100%
 }
 .nav-main--open .nav-main-icon i::after {
  transition:.2s cubic-bezier(.215,.61,.355,1);
  opacity:0
 }
 .nav-main>ul>li>a {
  display:block;
  color:#99bf2e;
  line-height:2em;
  padding-left:20px
 }
 .nav-main>ul.nav-main__mobile-extended {
  margin-top:20px
 }
 .nav-main>ul.nav-main__mobile-extended>li>a {
  color:#444
 }
}
@media screen and (min-width:980px) {
 .nav-main {
  height:96px;
  text-align:center;
  font-size:15px
 }
 .nav-main::before {
  display:none
 }
 .nav-main__mobile-extended {
  display:none!important
 }
 .nav-main>ul {
  display:table;
  width:100%;
  height:100%
 }
 .nav-main>ul>li {
  display:table-cell
 }
 .nav-main>ul>li>a {
  transition:.3s cubic-bezier(.215,.61,.355,1);
  position:relative;
  display:flex;
  align-items:center;
  height:96px;
  justify-content:center;
  padding:0 13px;
  font-size:14px
 }
 .nav-main>ul>li>a::after {
  transition:.3s cubic-bezier(.165,.84,.44,1);
  content:'';
  position:absolute;
  left:0;
  bottom:0;
  right:0;
  /*border-bottom:4px solid transparent;*/
  transform:translateY(0) scaleX(.8)
 }
 .nav-main>ul>li.active>a,
 .nav-main>ul>li.open>a,
 .no-touch .nav-main>ul>li:hover>a {
  color:#99bf2e
 }
 .nav-main>ul>li.active>a::after,
 .nav-main>ul>li.open>a::after,
 .no-touch .nav-main>ul>li:hover>a::after {
  /*border-color:#99bf2e;*/
  transform:translateY(0) scaleX(1)
 }
}
@media screen and (min-width:1200px) {
 .nav-main>ul>li>a {
  padding:0 23px;
  font-size:18px;
  color: #FFF;
  font-weight: 600 !important;
 }
}

/* Variante: 1. Bild sichtbar und gross */
/* 1. Bild gross */
/*.remaining-images-container .remaining-images-item:nth-child(-n+1) {
	width: 100%;
	margin-left: 0% !important;
}*/
/* ab dem x-ten Bild ausblenden: n+6 blendet ab dem 5. Bild aus */
/*.remaining-images-container .remaining-images-item:nth-child(n+6) {
	display: none;
}

.remaining-images-container .remaining-images-item:nth-child(even) {
	margin-left: 0%;
}

.remaining-images-container .remaining-images-item:nth-child(odd) {
	margin-left: 3%;
}*/


/* Variante: 1. Bild ausgeblendet, 2. Bild gro? // ACHTUNG: Problem, wenn 1. Bild nur thumbnail ist */
/* erstes Bild ausblenden */
.remaining-images-container .remaining-images-item:nth-child(1) {
	display: none;
}
/* 2. Bild gro? (technisch 1. und 2., aber 1. ist ausgeblendet */
/*.remaining-images-container .remaining-images-item:nth-child(-n+2) {
	width: 100%;
	margin-left: 0% !important;
}*/
/* ab dem x-ten Bild ausblenden: n+7 blendet ab dem 6. Bild aus; mit ausgeblendetem 1. Bild bleiben 5 Bilder ?brig */
/*.remaining-images-container .remaining-images-item:nth-child(n+7) {
	display: none;
}
.remaining-images-container .remaining-images-item:nth-child(odd) {
	margin-left: 0%;
}
.remaining-images-container .remaining-images-item:nth-child(even) {
	margin-left: 3%;
}*/



@keyframes btn-copied-anim {
	0% {
		opacity: 0;
	}

	25% {
		opacity: 1;
	}

	75% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

.btn-copied {
	position: relative;
}

.btn-copied::before {
	content: '\f0ea';
	font-family: 'FontAwesome';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #0c0;
	color: #fff;
	text-align: center;
	animation: btn-copied-anim 1s both;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 24px;
}

.widget ul li {
    line-height:24px;
}

.print .logo {
	/*background: #555 !important;*/
}



/* FOOTER REDESIGN */
.site-footer {
    /*display: block;
    position: relative;
    left: 0;
    right: 0;*/
    padding: 0 10px;
}



/*.page-news .span4,*/
.page-contact #page .widget {
    padding: 20px 25px 20px 20px;
    background: #eaf2cf;
}
.page-news .custombg {
    padding: 20px 25px 20px 25px;
    background: #99bf2e;
    margin-bottom:30px;
    color:#FFFFFF;
}
.page-news .custombg a {
	color:#FFFFFF;
}

.lightbox-filled #lightbox_dropdown {
	background-color: #000 !important;
	color: #fff;
}

	.lightbox-filled #lightbox_dropdown span {
		color: #fff;
	}

.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {
	border-top-color: #000000;
	border-bottom-color: #000000;
}

.navbar-inverse .nav li.dropdown > a:hover .caret {
	border-top-color: #000000;
	border-bottom-color: #000000;
}

.navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret {
	border-top-color: #000000;
	border-bottom-color: #000000;
}

.dropdown i.fa {
}


.nobr {
	white-space: nowrap;
}

.badge {
	vertical-align: middle;
    text-shadow: none;
    font-size: 13px;
    font-weight: normal;
    line-height: 10px;
    padding: 4px 9px;
    background: transparent;
    color: #333;
    border: 1px solid #777;
    position: relative;
    bottom: 3px;
    left: 7px;
}

.loadingcompleted {margin:30px 0; float:left;}

.attachments input {
    padding: 0px 5px;
    line-height: 30px;
    height: 30px !important;
}

#tab_images #portfolio-wrapper a:hover {
	text-decoration: none;
}

.lightbox-button {
	clear: both;
	padding-top: 20px;
}

.modal-header h3 {
    margin: 10px 0;
    font-size: 26px;
}

.page-news figure footer,
.page-news-detail .widget figure footer {
	display:none;
}
.page-news-detail .bilder {
    margin: 0 0 10px 0;
}
.page-news-detail article figure figcaption {
	font-size: 13px;
	padding-top: 10px;
	line-height: 20px;
	color: #6f7166;
}
.page-news-detail article figure footer {
	padding-bottom: 0px;
}
.page-news-detail article figure small {
	padding: 0px;
}
.page-news-detail .main-img-copyright {
    padding-bottom: 0px;
}

.fileinfo {
	font-size: 15px;
}

.thumbnail-container {
	background: #EFEFEF;
}

.navbar .nav.pull-right {
    margin-top: 0px; 
}

.filter-years {
	display:none !important;
}


/*.article-aside .button-wrapper {
  display: block;
  float: none;
  clear: both;
  margin: 0 0 10px 0;
}

.article-aside .button-wrapper .btn-custom {
  display: block;
  width: 100%;
  box-sizing: border-box;
  margin: 0;
}*/


/* Wrapper: jeder Button in eigener Zeile, mit Abstand */
.article-aside .button-wrapper {
  display: block;
  float: none;
  clear: both;
  margin: 0 0 10px 0;
}

/* Button: eigene Zeile, aber Breite nach Inhalt (kein 100%) */
.article-aside .button-wrapper .btn-custom,
.anmeldung-pv .btn-custom,
.attachments .button-wrapper .btn-custom,
.modal-footer button.btn-custom {
  /*display: inline-block;*/   /* nur so breit wie nötig */
  width: auto;
  box-sizing: border-box;
  margin: 0;
  float: none;             /* Float aufheben, das verursacht das Überlappen */
}



.section-custom {
    max-width: 1800px;
    width: 100%;
    /*margin: 30px auto 70px auto;*/
    padding: 40px 30px;
    box-sizing: border-box;
    color:#6e6f69;
	font-size: 18px;
	line-height: 26px;
	font-weight: 500;
}


.skip-links {
    position: fixed;
    top: 0;
    background-color: #fff;
    left: 0;
    margin:0px !important;
    list-style: none;
    opacity: 0;
    transform: translateY(-100%);
    z-index: 1100;
    display: grid;
    grid-template-columns: minmax(0,1fr);
    row-gap: 10px;
    padding: 8px 20px;
    transition-property: opacity,transform;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(.25,.1,.25,1)
}

.skip-links:focus-within {
    opacity: 1;
    transform: translateY(0)
}
.skip-links li {
	margin-left:0px;
} 
.skip-links li a {
	color:#444444 !important;
	font-weight:400 !important;
}
:focus {
    outline: #005fcc auto 1px !important;
    outline-offset: 2px !important;
}



.login fieldset.control-group[id$="_div_main"]:has(.shift-left-head) {
	margin: 0px 6px;
}
	.login fieldset.control-group[id$="_div_main"]:has(.shift-left-head) .controls-custom {
		margin-left: 0px;
	}
	.login fieldset.control-group[id$="_div_main"]:has(.shift-left-head) .controls-custom .checker {
		left: -160px;
	}

.page-search #page {
	margin-top: 3rem;
}

.page-news #portfolio-wrapper img {border-radius: 40px;}
.page-news #portfolio-wrapper .right,
.page-search #portfolio-wrapper .right,
.section-custom .right {background: #fafafa; border-radius: 30px; padding: 30px 35px; display: flow-root;}


.hero__content h1 span::after,
.page-headline-filter::after,
.headline-custom::after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #99bf2e;
  margin-left: 7px;
  vertical-align: baseline;
}

a.readmore {
	/*font-size:15px;*/
	font-weight: 700;
	margin-top: 15px;
    clear: both;
    float: left;
}
a.readmore i {
	background: #99bf2e;
    text-align: center;
    line-height: 44px;
    width: 44px;
    height: 44px;
    vertical-align: middle;
    border-radius: 50%;
    margin-right: 10px;
}
a.readmore:hover i {
	color:#FFFFFF;
}

a.btn-custom,
button.btn-custom {
	background:#f5f5f5;
	border-radius: 40px;
	/*font-size: 15px;*/
	padding: 10px 10px 10px 30px;
	font-weight: 700;
	display: inline-block; 
}
button.btn-custom {
	background:#FFFFFF;
	border:0px;
}
.modal-footer button.btn-custom {
	float:left;
}
a.btn-custom i,
button.btn-custom i {
	background:#99bf2e;
	text-align: center;
	line-height: 60px;
	width: 60px;
	height: 60px;
	vertical-align: middle;
	border-radius: 30px;
	margin-left: 15px;
}
a.btn-custom:hover,
button.btn-custom:hover {
	background:#99bf2e;
	color:#2a2e20;
}
a.btn-custom:hover i,
button.btn-custom:hover i {
	color:#2a2e20;
} 


.headline-custom {
	margin-bottom: 20px;
    font-size: 80px;
    line-height: 80px;
    border-top: 1px solid #99bf2e;
    padding: 20px 0 20px 0;
    margin: .2em 0 .5em 0;
    font-weight: 500 !important;
    color: #2a2e20;
}

.page-news-detail .image-main {
	margin-top:20px;
}



.fancybox-skin {
    background: #ffffff;
    color: #2a2e20;
    border-radius: 20px !important;
}
h2#lightbox-header {
	font-size: 22px;
	line-height: 26px;
}

/* ----- lightbox (new) -------- */

h2#lightbox-header {
	margin-bottom:0px;
}

/* ----- lightbox (new) -------- */

.lightbox-table {}

.lightbox-tr-img {
    text-align: center !important;
}
    .lightbox-tr-img > img {
        max-width: 100px;
        max-height: 100px;
        width:100px;
    }

.lightbox-tr-data {
    /*vertical-align: middle !important;*/
}

.lightbox-title {
    font-weight:700;
}
.lightbox-info {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    font-size: 12px;
}
.lightbox-info > * {

}

.lightbox-tr-del {
    width: 25px;
    text-align: center !important;
    padding-right: 10px !important;
}
    .lightbox-tr-del > a {
        font-size: 32px;
        opacity: 0.6;
        padding: 3px 8px !important;
    }
    .lightbox-tr-del > a:focus {
        outline: rgba(82, 168, 236, 0.6);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
        opacity: 1;
    }
    .lightbox-tr-del > a:hover {
        opacity: 1 !important;
        text-decoration: none;
    }




.skip-links {
    position: fixed;
    top: 0;
    background-color: #fff;
    left: 0;
    margin: 0px !important;
    list-style: none;
    opacity: 0;
    transform: translateY(-100%);
    z-index: 1100;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(0,1fr);
    grid-template-columns: minmax(0, 1fr);
    row-gap: 10px;
    padding: 8px 20px;
    transition-property: opacity, transform;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(.25,.1,.25,1);
}
.skip-links:focus-within {
    opacity: 1;
    transform: translateY(0);
}
    .skip-links li a {
        color: #333 !important;
        font-weight: 400 !important;
    }




.tab-content img,
.gallery img {border-radius: 20px;}
.gallery h2 {font-size:18px; line-height: 24px; margin-bottom: 5px;}
.gallery figcaption a div {color:#6e6f69; font-size:14px; line-height: 20px; font-weight: 600;}


#tab_images section.attachments img,
#tab_audio section.attachments img, 
#tab_video section.attachments img,
#tab_documents section.attachments img {border-radius: 40px;}

/* fix gleiche Höhe Container */
@media (min-width: 768px) {
    /* Meldungs-Zeile zur Flexbox machen */
    #portfolio-wrapper > article > .row-fluid {
        display: flex;
        align-items: stretch;   /* Bild- und Text-Spalte gleich hoch */
    }

    /* Bootstrap-Float neutralisieren, sonst greift Flex nicht sauber */
    #portfolio-wrapper > article > .row-fluid > .left,
    #portfolio-wrapper > article > .row-fluid > .right {
        float: none;
    }
}
/* */



/** FOOTER NEU **/

.footer {
    padding: 40px;
    background:#FAFAFA;
    border-radius: 50px;
    margin: 0 10px;
}
/* ---------- Reihe 1: Logo ---------- */
  .footer__brand {
    min-height: 56px;          /* Platzhalter-Höhe fürs Logo */
    margin-bottom: 48px;
  }
  .footer__brand img {
  	width: 150px;
    height: 56px;
    margin-bottom: 12px;
  }

  /* ---------- Reihe 2: Hauptbereich (Spalten) ---------- */
  .footer__main {
    display: grid;
    /*grid-template-columns: 2fr 1fr 1fr 1fr;*/  /* linke breite Spalte + 3 gleiche */
    grid-template-columns: 2.2fr 0.8fr 0.8fr 0.7fr;
    gap: var(--gap-col);
    padding-bottom: 40px;
  }

  /* Linke Navigationsspalte (die großen Links) */
  .footer__nav-primary {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  /* Die drei rechten Link-Spalten */
  .footer__col {
    display: flex;
    flex-direction: column;
    gap: 12px;
    font-size: 15px;
  }

  .footer__col-title {
    min-height: 20px;          /* Platzhalter für Überschrift */
    margin-bottom: 8px;
    font-weight: 700;
    font-size: 16px;
  }

  .footer__link {
    min-height: 18px;          /* Platzhalter für einen Link */
  }

  /* Social-Icons-Reihe in der letzten Spalte */
  .footer__social {
    display: flex;
    gap: 12px;
  }
  .footer__social-icon {
    width: 24px;
    height: 24px;
    font-size: 24px;
  }

  /* ---------- Trennlinie ---------- */
  .footer__divider {
    height: 1px;
    background: var(--divider);
    border: 0;
    margin: 24px 0;
  }

  /* ---------- Reihe 3: Fußzeile ---------- */
  .footer__bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .footer__copyright {
  	font-size: 14px;
    margin-top: 24px;
    min-height: 18px;
    min-width: 160px;          /* Platzhalter links */
  }

  .footer__lang {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 32px;
    min-width: 120px;          /* Platzhalter Sprachauswahl rechts */
  }

  /* ---------- Responsive ---------- */
  @media (max-width: 800px) {
    .footer__main {
      grid-template-columns: 1fr 1fr;  /* auf zwei Spalten umbrechen */
      row-gap: 40px;
    }
    .footer__nav-primary {
      grid-column: 1 / -1;             /* linke Nav über volle Breite */
    }
  }

  @media (max-width: 480px) {
    .footer__main { grid-template-columns: 1fr; }
    .footer__bottom { flex-direction: column; gap: 16px; align-items: flex-start; }
  }




.footer__nav-primary a {
	font-size: 30px;
	line-height: 34px;
	font-weight: 500;
}

.page-media-detail ul.nav-tabs {
	display:none;
}

/* Sprachauswahl direkt neben dem Logo */
.site-header__inner > .logo + .nav-service {
  margin-left: 24px;    /* Abstand zum Logo, nach Geschmack */
  margin-right: auto;   /* nimmt den freien Platz rechts davon */
}

/* Hauptnavigation wieder mittig zwischen Sprache und Lupe halten */
.site-header__inner > .nav-main {
  margin-right: auto;
}



@media (max-width: 979px) {
	#sidebar > ul {
		display: flex !important;
		flex-direction: column !important;
		align-items: flex-start !important; /* li nur so breit wie der Text */
		margin-left: 0;
		padding-left: 0;
	}
	#sidebar > ul > li {
		float: none !important;
		width: auto !important;
		list-style: none;
		background: none !important;
		padding: 20px 20px;
	}
	#sidebar > ul > li > a {
		display: inline-block !important; /* klickbar nur über dem Text */
		width: auto !important;
	}
	#sidebar > ul > li > ul.sub {
		position: static; margin: 0;
	}
	.page-news #portfolio-wrapper .right, .page-search #portfolio-wrapper .right, .section-custom .right {
	    padding: 20px 25px;
	}
	.hero__inner--scroll {
		padding-bottom:110px;
	}
	.page-headline-filter,
	h1 {
	    font-size: 50px;
	    line-height: 60px;
	}
}