@charset "utf-8";

/* made by exotheme

body
header
subheader
navigation
content
footer
blog
elements
	accordion
	button
	address
	blockquote
	breadcrumb
	call to action
	featured box
	form
	heading
	list
	separator
	tab
	testimonial
	timeline
	widget
plugin
misc

*/

/*------------------------------
FONT FAM
------------------------------ */


@font-face {
  font-family: 'regular';
  src:  url('../Fonts/unit/FF-Unit-Pro-Thin.woff');
  font-weight: 300;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'regular';
  src:  url('../Fonts/unit/FF-Unit-Pro-Light.woff');
  font-weight: 400;
  font-style: normal;
  font-display: block;
}


@font-face {
  font-family: 'regular';
  src:  url('../Fonts/unit/FF-Unit-Pro-Regular.woff');
  font-weight: 600;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'FontAwesome';
  src:  url('../Fonts/font-awesome/fontawesome-webfont.woff');
  font-weight: 300;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'icon';
  src:  url('../Fonts/icons/uniti.woff');
  font-weight: 300;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'umtf';
  src:  url('../Fonts/Digital-Serial-Bold.woff');
  font-weight: 600;
  font-style: normal;
  font-display: block;
}

* {
	box-sizing: border-box;
}

/* VARIABLES */

:root {
	--pos:	#FFF;
	--neg:	#222;
	
	--c1: #004F9F;
	--c1RGB: 0,79,159;
	--c2: #F39200;
	--c3: #a6a6a6;
	
	--base: 25px;
	--tiny: 14px;
	--small: 18px;
	--medium: 22px;
	--big: 30px;
	--large: 60px;
	
}

/*------------------------------
BODY
------------------------------ */

html {
  scroll-behavior: smooth !important;
}

body {
    font-family: 'regular', Arial, Helvetica, sans-serif;
    font-size: var(--base);
    line-height: 1.7;
    margin: 0;
    padding: 0;
    /* color: #888; */
    background: #FFF;
    text-shadow: none !important;
}

#wrapper {
    overflow: hidden;
}

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

/*------------------------------
FONT SIZES
------------------------------ */


/* Medium */
input#ke_search_sword,
h3,
.p1x #intro .feature p.headline,
body.politik #content .owl-carousel .owl-item p,
#content .ex-gallery .project-name span,
.btn.download span,
.btn.archive span,
#content .grid p.headline span,
#content > .grid > .container > .row > .col-md-4 > p.headline,
#mainmenu a,
button[type="submit"] {
	font-size: var(--base);
}

/* Huge */
.news-single h1,
#content .grid.title h1,
.p1x #intro #claim h1,
p.headline,
#content > .grid > .container > .row > .col-xxl-6 > p.headline,
#content > .grid > .container > .row > .col-md-6 > p.headline {
	font-size: var(--large);
	line-height: 1;
}

#content > .grid > .container > .row > .col-md-6 > p.headline,
#content > .grid > .container > .row > .col-md-4 > p.headline,
#content > .grid > .container > .row > .col-xxl-4 > p.headline {
	line-height:1;
}

#content p.note {
	line-height:1.6;
}

/* Large */
/* #content .owl-carousel .owl-item p.headline, */
#content h2.headline,
#content h3.headline,
.p1x p.headline span,
p.headline + h1,
#content p.headline,
#content .grid p.headline,
.pagination li a,
.p1x #intro #claim p,
#content .menu-subpages a span.headline,
.registration form h3 {
	font-size: var(--big);
}

h1,h2 {
	/* font-size: 55px; */
}

/* Exception */
#content .statistics p::first-line,
#content .box.color.contact p.headline span,
#content .ex-gallery .project-name,
#content h2.headline span {
	font-size: 30px;
}

/* Small */
#contact-form-wrapper label,
footer a,
footer p,
.grid.event .note,
.grid.event .table.ghost p,
.p1x #intro .feature p a::before,
.form-group-radio label,
.form-group-checkbox label {
	font-size: var(--medium);
}

/* Tiny */
table.price th,
#content p.annotation,
#content .statistics p,
#content .academyList .btn,
#content .owl-carousel.color .owl-item p,
body.p1x .color.feature .ce-bodytext,
#content .video-container h4.headline span,
#kesearch_results .result-list-item .result-teaser,
.tx-kesearch-pi1 #kesearch_results .result-list-item .add-info,
#content .publications a .ce-uploads-fileName,
#content .description p,
#content .description a,
.ce-uploads-description,
.ce-uploads-filesize,
#content .owl-carousel .box p,
#content .owl-carousel .box a.btn,
a.btn,
#content .grid.event a.btn,
#quick-nav a.btn,
.btn.download span + span,
.btn.archive span + span,
.small p,
.news-list-date,
#content p.note,
#content p.note a,
#content .news-list a span,
#content .news-list a.btn,
.menu-subpages a .btn,
.registration form .help,
#content .registration form a.btn.ghost,
#content p,
#content ul,
#matomo-opt-out-lbl,
#matomo-opt-in-lbl {
	font-size: var(--small);
}

/* overwrite */
#content .box.color p.headline,
#content .academyList .item h3,
#content .owl-carousel .owl-item p.headline,
.p1x #intro .feature p.headline + p,
#content .accordion li > a,
#content .grid .frame-type-uploads p.headline,
table.price tr:first-of-type td,
table.price tr:last-of-type td,
.p1x #intro .feature p.headline + p a {
	font-size: var(--base);	
}

.academyList .location,
#content .academyList .location a {

}

body.p1x .color.feature .ce-bodytext {
	line-height: 1.6;
}

body.p1x .color.feature img {
	margin-top: 1.5rem;	
}

#content .publications a .hidden,
#content .ce-uploads a.box .btn {
	font-size: 16px;	
}

#content .alphalist li {
	/* font-size: 14px; */
	font-size: 16px;	
}

@media only screen and (orientation: portrait),
	   only screen and (max-width: 1399px) {
	#content .alphalist li {
		font-size: var(--medium);	
	}	
}

@media only screen and (max-width:1399px) and (orientation:landscape) {
	#content .owl-carousel .owl-item p.headline,
	body.p1x section#events .owl-theme .owl-nav span::before,
	body.p1x .color.feature .title span {
		font-size: 30px;
	}
	body.p1x .color.feature .title p.headline {
	font-size: var(--big);		
	}
	
	body.p1x .color.feature .ce-bodytext {
		font-size: 16px;	
		line-height: 1.4;		
	}
}

@media only screen and (max-width:1399px) and (orientation:landscape) {
	footer p,
	footers a {
		font-size: var(--medium);
	}
	
	.btn.download span {
		font-size: 20px;		
	}
	
	.btn.download span + span {
		font-size: 16px;		
	}
}

@media only screen and (max-width:1399px) and (orientation:landscape) {
	#mainmenu a {	
	font-size: 20px;
	}
}


@media only screen and (orientation: portrait),
	   only screen and (max-width: 1399px) {
	
	/* Medium */
	#content p,
	input#ke_search_sword,
	#content h3,
	.btn.download span,
	.btn.archive span,	
	#mainmenu a,
	button[type="submit"] {
		font-size: var(--medium);
	}	
	
	/* Huge */
	#content .grid.title h1,
	body.p54x #content p.headline,
	body.medien #content p.headline,
	body.akademie #content p.headline,
	#content > .grid > .container > .row > .col-md-6 > p.headline,
	.news-single h1,
	#content div.title p.headline,
	#content > .grid > .container > .row > .col-md-4 > p.headline,
	#content > .grid > .container > .row > .col-xxl-4 > p.headline {
		font-size: var(--big);
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
	}
	
	#content .frame-type-uploads p.headline,
	#content .ex-gallery .project-name,
	#content .box.color p.headline,
	#content h3.headline,
	#content h2.headline,
	/* #content .accordion li > a, */
	.news-single h1,
	body.politik h2.headline {
		font-size: var(--base);;		
	}
	
	p.headline,
	#content .grid p.headline,
	#content .registration h3,
	#content .owl-carousel .owl-item p.headline {
		font-size: 30px;
	}	
	
	#content .registration h3 {
		font-weight: 600;
	}

	/* Large */
	p.headline + h1,
	.pagination li a,
	a.btn,
	#content .accordion li > a,
	#content .academyList .item h3,
	#content .menu-subpages a span.headline {
		font-size: var(--medium);
	}

	/* Small */
	.grid.event .note,
	#content .box.color.contact p.headline span {
		font-size: var(--small);
		display: block;
	}	
	
	/* Exception */
	li,
	td,
	th,
	footer p,
	footer nav a,
	#content h4.headline,
	table.rahmen td,
	table.rahmen th,
	#content .news-single p,
	.p34x #content .title span,
	#content .menu-subpages a span.headline {
		font-size: var(--small);
	}
	
}

/*------------------------------
HEADING
------------------------------ */

h1, h2 {
    font-weight: 400;
    color: #222;
	margin:0 0 3rem 0;
	line-height: 1;
}

h2.headline span {
	display:block;
	color:#333;
}

.grid.title h1,
div.title p.headline {
	color: #EF7C00;
	margin: 85px 0 70px 0;
	text-transform: lowercase;
}

#content > .grid > .container > .row > .col-md-4 > p.headline {
	font-weight: 600;
	color: #EF7C00;
	padding: 0;
	margin: 0 0 1.5rem;
}

.grid.title h1 {
	margin: 0;
}

.p1x #intro .feature p.headline,
.p1x #intro .feature p.headline + p,
.p1x #intro .feature p a,
div.rahmen a.extern {
	margin:0;
	line-height: 1.2;
	color:#fff;
}

.p1x #intro .feature p a::before,
a.extern::before {
	content: '\e905';
	font-family: 'icon';
	margin-right: .5rem;
}

.p1x #intro .feature p.headline + p {
	margin: .8rem 0;
}

.p1x #intro .feature p.headline,
.p1x #intro .feature p a {
	text-transform: uppercase;
}

.p1x #intro .feature p.headline + p + p {
	margin:0;	
}

p.headline span {
	display: block;
margin: 1rem 0 2rem 0;
font-size: var(--medium);
font-weight: 400;	
	
}

.p1x p.headline span {
	color:#69442A;
	display: block;
	margin-top: 20px;
	text-transform: none;
}

p.note a {
    font-weight: 400;	
}

p.note a:hover {
	color:#222;
}

.grid.title h1 {
	text-transform: lowercase;
}

.grid.title h1.neutral {
	color: #222;	
	text-transform: none;	
	line-height:1.2;
	font-weight:400;
}

.p26x .grid.title h1 {
	text-transform: none;
}

div.title p.headline + h1 {
	color: #999;
    font-weight: 300;
	line-height:1;
}

h3, h4, h5, h6 {
    font-weight: lighter;
    color: #333;
}

h4 {
    font-weight: 600;
	margin: -4rem 0 1rem 0;
}

.textimage h4 {
	margin-top: -.5rem;
}

.grid + .grid > .container > .row > .col-xxl-8 > h4:first-of-type,
h2 + .row > .col-xxl-8 > h4:first-of-type,
h3 + h4 {
	margin-top: -1rem;
}

h2 + .row > .col-xxl-8 > p + h4:first-of-type,
.grid + .grid > .container > .row > .col-xxl-8 > p + h4,
p + h4 {
	margin-top: 2rem !important;
}

.video-container h4.headline {
	font-weight: 400;
	line-height:1;
	margin: 1rem 0 0 0;
}

#content > .grid > .container > p.headline {
	font-weight: 600;
	margin: 0 0 1rem 0;	
	color: #222;
}

@media only screen and (orientation: portrait),
	   only screen and (max-width: 1399px) {
	#content > .grid > .container > p.headline {
			font-weight: 400;
	}
}

h3 {
	font-weight: 400;
	margin: 5rem 0 2rem 0;
	color: #222;
	line-height: 1;
}

#content p.headline {
  margin: 0 0 2rem 0;
font-family: headline;
text-transform: uppercase;  
}

#content p.headline span {
  margin: .8rem 0 2rem 0;
  font-size: var(--small);
  font-family: regular;
  text-transform: none;
}

.box.color h3 {
	color:#FFF;
}

footer h3, footer h4, footer h5, footer h6 {
    font-weight: 500;
    color: #FFF;
}

h2 {
    /* text-transform: uppercase; */
    margin: 0 0 2rem 0;
}

@media only screen and (orientation: portrait),
	   only screen and (max-width: 1399px) {
	h2,
	h3,
	h4	{
    margin: 1rem 0 1rem 0;
	} 
}

/* ============== */
/* DEFAULT        */
/* ============== */

p {
	color: #222;
}

#content .grid p:not(.headline) {
	margin: 0 0 1rem 0;
}

#content .grid.registration p.note:not(.headline) {
	line-height: 1.2;
	margin: 0 0 .5rem 0;
}

#content .grid.registration p.note:not(.headline):last-of-type {
	margin: 0 0 5.5rem 0;
}

#content .grid .rahmen td p {
	margin: 0;
}

#content .grid .col-md-6:first-of-type p {
  padding-right: 3rem;
}


.grid li.accordion p {
	margin: 0 0 1rem 0;
}

.xabbr::after {
    content: ' ';
    width: 100%;
    border-bottom: .15rem dashed #EF7C00;
    height: .15rem;
    display: block;
    position: absolute;
    bottom: .3rem;
}

abbr {
    text-decoration: none;
    border-bottom: 0;
    position: relative;
    /* display: inline-block; */
	display: inline;
	cursor: help;
	border-bottom: .15rem dashed #EF7C00;
}

abbr span {
	position:absolute;
	top:-1.5rem;
	left:0;
	background:#EF7C00;
	color:#fff;
	font-size: 16px;
	line-height:1;
	padding: .2rem .5rem;
	min-width:300px;
	display:block;
	z-index:10;
}

ul {
    padding: 0;
}

#content li {
    color: #222;
	list-style-type: none;
	margin: 0 0 1rem 0;
	position: relative;
}

@media only screen and (min-width: 1400px) and (orientation:landscape) {
	#content li {
	padding-left: 4rem;
	}
}

#content .accordion ul {
	padding: 0 0 0 1.5rem;
}

#content .accordion ul li {
	list-style-type: circle;
}

#content .accordion ul + p {
	margin-top: 1rem;
}

#content ol li {
	list-style-type: decimal;
	margin: 0 0 .5rem 0 !important;
}

#content ol {
  padding: 0 0 0 1.5rem;
}

ol li {
    margin-left: -1rem;
	list-style-type: decimal;
	padding: 0 .5rem;
}

figure {
  padding: 0;
  margin: 0;
  line-height: 0;
}

.owl-carousel .owl-item img {
	height: auto;
}



.accordion > li {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	border-bottom: 0.15rem solid #999;
	padding: 0.7rem 0;
	position: relative;
}

#content li {
	color: #222;
	padding-left: 4rem;
	list-style-type: none;
	margin: 0 0 1rem 0;
	position: relative;
}

#content ul.accordion li {
	margin: 0;
	padding-left: 0;
}

#content .accordion li > a.active {
	color: #69442A;
	margin-bottom: 1rem;
}

.accordion li a.active + div {
	display: block !important;
}


.accordion li a.NoneActive::before {
	font-family: "icon";
	font-weight: normal;
	color: #EF7C00;
	content: "\e908";
	position: absolute;
	left: 0;
	top: 0.2rem;
	margin-top: 0;
	transform: rotate(-90deg);
	line-height: 1;
	margin-left: 0;
	font-size: 25px;
	-webkit-box-sizing: initial;
	box-sizing: initial;
}

@media only screen and (min-width: 1428px) and (orientation: landscape) {
	.accordion li a.NoneActive::before {
		left: 0.2rem;
		width: 30px;
		height: 30px;
		border-radius: 30px;
		border: 0.15rem solid #EF7C00;
		line-height: 1.2;
		font-size: 30px;
	}
}

.accordion li a.active::before {
	transform: rotate(0deg);
	border-color: #666;
	color: #666;
}

#content .accordion li > a{
	font-size: 25px;
}

#content .accordion li > a:not(.active) {
	cursor: pointer;
}

@media only screen and (min-width: 1428px) and (orientation: landscape) {
	#content .accordion li > a {
		line-height: 40px;
		padding: 0 0 0 50px;
	}
}

#content .accordion li > a {
	line-height: 1.4;
	color: #222;
	display: block;
	width: 100%;
	position: relative;
	font-weight: 600;
	padding: 0.2rem 0 0.2rem 3rem;
}


/* SPECIAL TABLES */


/* =================================== */


@media only screen and (min-width: 1400px) and (orientation:landscape) {
	
	div.left {
		display:inline-block;
		width:auto;
		vertical-align:top;
		margin-left:2rem;
	}
	div.left:first-of-type {
		margin-left:0;		
	}
	
}

/* ===================================================================== */

.pagination {
    align-content: center;
    align-items: center;
    justify-content: center;
	margin: 0;
}

@media only screen and (max-width: 1399px), (orientation:portrait) {
	.pagination {
	margin: -2rem 0 1rem 0;
	}
}

.pagination li {
    list-style-type: none;
	display:inline-block;
	margin: 0 1rem;
}

.kesearch_pagebrowser ul li {
	margin: 0 .5rem !important;	
}

#kesearch_pagebrowser_top .kesearch_pagebrowser a, 
#kesearch_pagebrowser_bottom .kesearch_pagebrowser a,
.pagination li a {
    color: #EF7C00 !important;
}


#kesearch_pagebrowser_top .kesearch_pagebrowser a.current,
#kesearch_pagebrowser_bottom .kesearch_pagebrowser a.current,
.pagination li.active a {
    color: #CCC !important;
	font-weight: 400 !important;
}

.page-link:focus {
    box-shadow: none;
}

.pagination .page-item.previous {
	margin-right:.5rem;	
}

.pagination .page-item.previous a::before,
.pagination .page-item.next a::after {
	content: '\e903';
	font-family: 'icon';
	margin-right: .5rem;
	transform: rotate(-90deg);
	display: inline-block;
	font-size: var(--base);
	color:#EF7C00;
}

.pagination .page-item.previous a::before {
	transform: rotate(90deg);
}

.pagination .page-item.previous a,
.pagination .page-item.next a {
	font-size:0 !important;
}

@media only screen and (max-width: 1399px), (orientation:portrait) {
	.pagination .page-item.previous,
	.pagination .page-item.next {
		display:none;
	}	
}

/* ================ */

/*------------------------------
GENERAL
------------------------------ */

.img-responsive {
	max-width:100%;
	height:auto;
}

.flex {
	display: flex;
}

.right {
	text-align:right;
}

.text-center {
	text-align: center;
}

/*------------------------------
MENUS
------------------------------ */

.menu-pages a,
.menu-subpages .headline {
	display:block;
}

/*------------------------------
HEADER
------------------------------ */
header {
    position: fixed;
    width: 100%;
    z-index: 999;
    margin-left: 0;
	margin-top: 0;
	transition: 0 all ease-in;
	background: rgba(255,255,255,0);
	border-bottom: solid 1px transparent; 	
}

@media (max-width: 1399px) {
	header {
	top: 0;
	left: 0;
	padding-top: 1rem;
	}
}

.down header {   
    border-bottom: solid 1px #eee;  
    background: rgba(255,255,255,1);
}

header .buttons {
    display: inline-block;
    float: right;
}

header .animated {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

header .search {
    margin-top: 25px;
    display: inline-block;
    float: right;
}

header .search input[type=text] {
    border-radius: 60px;
    border: none;
    padding: 2px 20px 2px 20px;
    width: 100px;
    opacity: .7;
}

header.clone .search input[type=text] {
    background: #eee;
    color: #333;
    opacity: .7;
}

header .search input[type=text]:focus {
    width: 100%;
    opacity: 1;
}

/*------------------------------
SUBHEADER
------------------------------ */

body, html {
	height:100%;
}

#subheader {
	/* height: 25%; */
	width: 100vw;	
	/* max-height: 125px; */
	max-height: 250px;
	overflow: hidden;
	background-attachment: fixed;
	background-position: top;
	background-repeat: no-repeat;
	/* background-size: contain;	 */
	
}

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

@media only screen and (max-width: 1399px) {
	#subheader {
		background: none !important;
	}
}

@media only screen and (min-width: 1400px) and (orientation:landscape) {
	#subheader {
		top: 0;
		left: 0;
		z-index: 0;
		opacity: 1;
		position: fixed;
		max-height: 100vh;
		height: 100vh;	
		/* background-position: center; */
		/* background-size: cover;	 */
		background-position: top;
	}	
	#subheader img {
		display:none;
	}
}

@media only screen and (min-width: 1400px) and (orientation:landscape) {
	#subheader {
		transition: 2s all ease-in;
	}
	
	body.verband #subheader {
		/* height: 110vh; */
	}
	
	#subheader::before {
	content: '';
	display:block;
	position:fixed;
	z-index:1;
	width:100%;
	height:50vh;
	top:0;
	opacity:1;
	transition: 2s all ease-in;
	 background: -moz-linear-gradient(top,  rgba(255,255,255,0.76) 0%, rgba(255,255,255,0.76) 50%, rgba(255,255,255,0) 100%); 
	 background: -webkit-linear-gradient(top,  rgba(255,255,255,0.76) 0%,rgba(255,255,255,0.76) 50%,rgba(255,255,255,0) 100%); 
	 background: linear-gradient(to bottom,  rgba(255,255,255,0.76) 0%,rgba(255,255,255,0.76) 50%,rgba(255,255,255,0) 100%); 
	 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2ffffff', endColorstr='#00ffffff',GradientType=0 ); 
	 }
	 
	 .down #subheader {
	 top:0;
	 }
	 .down #subheader::before {
	 opacity:0;
	 }
}

 
.video-wrapper {
   position: fixed;
   top: 0;
   left: -22%;
   width: 100%;
   height: 100%;
   z-index: -1;
   pointer-events: none;
   overflow: hidden;
}

.p1x .video-wrapper {
	left: -38%;
}

.video-wrapper iframe,
.video-wrapper video {
   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%);
   opacity: .5;
}

.p1x .video-wrapper iframe,
.p1x .video-wrapper video {
	transform: translate(-50%, -50%) scale(1.2);
	opacity: 1;
}
 
 /*------------------------------
QUICKNAV
------------------------------ */

#quick-nav {
    width: 100%;
	display: none;
}


@media only screen and (min-width: 1400px) and (orientation:landscape) {
	#quick-nav {
		display: block;
		position: absolute;
		bottom: 52vh;
		height: 25vh;
		pointer-events: none;
	}	
}


@media only screen and (min-width: 1400px) and (orientation:landscape) {
	#quick-nav .container {
		position: relative;
		height:100%;
	}

	#quick-nav .row {
		position: absolute;
		display: block;
		bottom:0;
	}	
}

 
#quick-nav a.btn {
	width: 100%;
	padding: 1rem .5rem 1rem .5rem;
	line-height: 1;
	background: #EF7C00;
	color: #FFF;
	margin: .5rem 0;
	display: block;
	letter-spacing: .1rem;
} 


@media only screen and (min-width: 1400px) and (orientation:landscape) {
	#quick-nav a.btn {
	width: auto;
	padding: .7rem 3rem .6rem 1.5rem;
	margin: 1.5rem 0 0 -.8rem;
	pointer-events: initial;
	white-space: nowrap;
	}
}

@media only screen and (orientation: portrait),
	   only screen and (max-width: 1399px) {
	#content a.btn {
		margin: 0 0 2rem 0;
	}
}

#content .description a.btn.next::before,
#quick-nav a.btn::before {
	content: '\e903';
	font-family: 'icon';
	margin-right: .5rem;
	transform: rotate(-90deg);
	display: inline-block;
	font-size: 16px;	
}

#quick-nav a.btn.back::before {
	transform: rotate(90deg);
}

 
/*------------------------------
MAINMENU
------------------------------ */
#mainmenu-container {
    font-family: 'regular';
    text-align: center;
    /* height: 60px; */
    /* margin-top: 20px; */
    display: inline-block;
    font-weight: 400;
}

.menu-right {
    float: right;
}

#mainmenu {
    display: inline-block;
    text-align: left;
	margin: 0;
}

#mainmenu a {
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
    outline: none;
}

#mainmenu ul {
    float: right;
    margin: 0;
    padding: 0;
}

#mainmenu li {
    margin: 0;
    padding: 0;
    float: left;
    display: inline;
    list-style: none;
    position: relative;
}

#mainmenu li:last-child {
}

#mainmenu a {
    display: block;
    padding: 1.4rem 0 .3rem 0;
	margin:0 0 0 2rem;
    text-decoration: none;
    color: #666;
	position: relative;
}

#mainmenu li.nav-item:last-of-type a {
  margin: 0;
}

#mainmenu a:hover {
	color:#EF7C00;
}

#mainmenu a.active:hover {
	color: #666;
}

#mainmenu a::after {
	content: ' ';
	width: 110%;
	height: 5px;
	background: transparent;
	display: block;
	position: absolute;
	bottom: .8rem;
	left: -5%;
	border: 1px solid transparent;
	border-top: 0;
	}


#mainmenu a.active::after {
	border: 1px solid #EF7C00;
	border-top: 0;
}

body:not(.p1x) #mainmenu .n6 a::after {
	border: 0;
}

@media only screen and (min-width: 1400px) and (orientation:landscape) {
	
	
	#mainmenu li li a.active {
	color: #ffe8c6;
	}
	
	body:not(.p1x) #mainmenu .n6 a.active {
		color: #666;
	}
	
	
	#mainmenu li li a.active::after {
		border: 1px solid transparent;
	}
	
	body:not(.p1x) #mainmenu .n6 a.active::after {
		border: 0;
	}
	
	#mainmenu li li, 
	#mainmenu li li:last-child {
		padding-right: 2rem;
		border-left: none;
		border-right: none;
		background: #EF7C00;
	}
	
	#mainmenu li li:last-child {
		-webkit-border-bottom-right-radius: 6px;
		-webkit-border-bottom-left-radius: 6px;
		border-bottom-right-radius: 6px;
		border-bottom-left-radius: 6px;
	}
}

#mainmenu li li a {
    padding: .6rem 0;
    color: #FFF;
    background: #EF7C00;
    border-top: none;
    text-transform: none;
    letter-spacing: normal;
	line-height: 1;
	font-size: var(--medium);
}

#mainmenu li li a.active.sub {
	color:#ffe8c6;
}

@media only screen and (min-width: 1400px) and (orientation:landscape) {
	#mainmenu li li:first-child a {
			padding-top: 1.5rem;
	}


	#mainmenu li li:last-child a {
			padding-bottom: 1.5rem;
	}
}

#mainmenu li li a:hover {
    border-top: none;
	color:#ffe8c6;
}

#mainmenu li li a:hover {
    /* color: #FFF; */
    /* background: #0072bc; */
}

#mainmenu li ul {
	width: 16rem;
	height: auto;
	position: absolute;
	top: 4rem;
	left: 0;
	z-index: 10;
	/* display: none; */
	opacity:0;
	height:0;
	overflow:hidden;
	transition: .3s all ease-in;
	border-radius: 6px;
}

.down #mainmenu li ul { 
	/* top: 5rem; */
	top: auto;
}



@media only screen and (orientation: portrait),
	   only screen and (max-width: 1399px) {
	#mainmenu li ul {
		width: 100vw;
		height: auto;
		position: static;
		/* top: 4rem; */
		/* left: 0; */
		/* z-index: 10; */
		display: block;
		opacity:1;
		height:auto;
		/* overflow:hidden; */
		/* transition: .3s all ease-in; */
	}
}


#mainmenu li li {
    display: block;
    float: none;
}

@media only screen and (min-width: 1400px) and (orientation:landscape) {
	#mainmenu li:hover > ul {
		/* display: block; */
		opacity: 1;
		height: 50vh;
		/* overflow: auto; */
	}
}

#mainmenu li ul ul {
    left: 100%;
    top: 0;
}

#mainmenu select {
    padding: 10px;
    height: 36px;
    font-size: var(--tiny);
    border: none;
    background: #ff4200;
    color: #FFF;
}

#mainmenu select option {
    padding: 10px;
}

@media only screen and (min-width: 1400px) and (orientation:landscape) {
#mainmenu-container .n71 span,
	#mainmenu-container .n72 span {
		font-size:0;
	}

	#mainmenu-container .n72 {
		margin-left:1rem;
	}

	#mainmenu-container .n71::before,
	#mainmenu-container .n72::before {
		   font-family: icon;
		content: "\e911";
		font-size: var(--base);
		color: #666;	
	}
	#mainmenu-container .n72::before {
		content: "\e902";	
	}

	#mainmenu-container .n71:hover::before,
	#mainmenu-container .n72:hover::before {
		color: #EF7C00;
	}
}

/* --------------- menu btn --------------- */
#menu-btn {
    position: fixed;
    z-index: 1000;
    right:2rem;
	top:1.1rem;
	width: 40px;
	height: 40px;
	background: transparent;
	line-height: 1;	
	transition-duration: 600ms;
}


@media only screen and (min-width: 1400px) and (orientation:landscape) {
	#menu-btn {	
	opacity:0;
	pointer-events: none;
	}
}

#menu-btn:before {
    font-family: icon;
	content: "\e901";
    font-size: 30px;
    color: #EF7C00;
}

.selectnav {
    display: none;
    width: 80%;
    font-size: 16px;
    border: solid 1px #CCC;
    padding: 5px;
}

/*------------------------------
/* LIST
/*------------------------------ */

.grid {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-column-gap: 0; 
	margin: 0 0 8rem 0;
}

@media only screen and (min-width: 700px) {
	.grid {
		grid-template-columns: repeat(2, 1fr);
		grid-column-gap: 3rem;
	}
}

@media only screen and (min-width: 1400px) and (orientation:landscape) {
	.grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-column-gap: 3rem;
	grid-row-gap: 3rem;
	}
}

.card {
	height: 20rem;
	width: 100%;
	position: relative;
}

.card .date {
  position: absolute;
  top: 1rem;
  left: 0;
  z-index: 5;
  background: var(--c3);
  font-size: var(--tiny);
  padding: .3rem 1rem .2rem 1rem;
  color: var(--pos);
  line-height: 1;
  pointer-events: none;
  opacity: .7;
}

.card-body {
	display: block;
	position: relative;
	overflow: hidden;
	width:100%;
	height:100%;
}

.card .pic {
	width: 100%;
	overflow: hidden;
	display: inline-block;
	position: relative;
	height: 100%;
}

.card img {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

/*.p1x */ .card img { 
	width:auto;
	height: 100%;
}

.card .text {
  position: absolute;
  top: 0;
  z-index: 1;
  left: 35%;
  background: rgba(255,255,255,.8);
  height: 100%;
  padding: 1rem 1.5rem 1rem 2rem;
}

/*.p1x */ .card .text {
  left: 0;
  width: 100%;
  background: rgba(0,0,0,.5);
  padding: 3rem 1.5rem 1rem 2rem;
}

.card-body .title {
	color: var(--neg);
	width: 100%;
}

/*.p1x */ .card-body .title {
	color: var(--pos);
	font-size: var(--medium);
}

.card-body .sub {
	font-size: var(--tiny);	
}

.card-body .main {
	display: block;
	line-height: 1.2;
	font-family: headline;
	text-transform: uppercase;
}

.card-body .title > .main {
	margin-top:1rem;
}

.card-body .title > .sub + .main {
	margin-top:0;
}

.card-body .btn {
padding: .7rem 1rem 0.5rem 1rem;
background: var(--c1);
color: var(--pos);
display: inline-block;
margin: 2rem 0 0 0;
font-size: var(--tiny);
letter-spacing: .05rem;
line-height: 1;
font-weight: 600;
border: .1rem solid var(--c1);
}

.card-body .btn:hover {
	background: transparent !important;
	border: .1rem solid var(--c1);
	color:var(--c1);
}

/*------------------------------
/* FOOTER
/*------------------------------ */
footer {
    background: #464646;
    padding: .5rem 0;
	z-index: 1;
	position: relative;	
}

footer a {
	font-weight: 400;
	line-height: 1;
	color: #CCC;
}

footer a:hover {
	color: #FFF;	
} 

footer p {
	margin:0;
	line-height: 1;	
	padding: .7rem 0 0;
    color: #CCC;	
}

@media only screen and (orientation: portrait),
	   only screen and (max-width: 1399px) {
	footer p {
		padding: 1rem 0;
		text-align: center;
		hyphens: none;
	}
	
	footer nav a {
		display: block;
		margin-bottom: 1rem;
	}
	
	footer nav a:last-of-type {
		margin-bottom: 0
	}
}


/*------------------------------
ELEMENTS
------------------------------ */
/* address
------------------------------ */
address span {
    display: block;
    margin-bottom: 5px;
}

address span strong {
    display: inline-block;
    width: 60px;
}

/* button
/*------------------------------ */
.btn {
	letter-spacing: .1rem;
	padding: .3rem 1rem 0.15rem 1rem;
	border: 0;	
	color: #FFF;
	background: #EF7C00;
	background: -moz-linear-gradient(top,  #EF7C00 0%, #D44B21 100%);
	background: -webkit-linear-gradient(top,  #EF7C00 0%,#D44B21 100%);
	text-transform: uppercase;	
	position: relative;
	display: inline-block;
}

.btn.ghost {
	border: 2px solid #EF7C00;
	background: transparent; 
	color: #EF7C00;
	font-weight: 400;
}

.btn:hover {
	background: -moz-linear-gradient(top,  #EF7C00 0%, #EF7C00 100%) !important;
	background: -webkit-linear-gradient(top,  #EF7C00 0%,#EF7C00 100%) !important;
}
	
.btn.download,
.btn.archive {
	margin-right: 2rem;
}

.btn.download + .btn.download {
	margin-top:1rem;
}

@media only screen and (orientation: portrait),
	   only screen and (max-width: 1399px) {
	.btn.download,
	.btn.archive {
		margin: 1rem 0;
	}
	.btn + .btn {
		margin-top: 1.5rem;
	}	
}

.btn.download:last-of-type {
	margin:0;
}


@media only screen and (min-width: 1400px) and (orientation:landscape) {
	.btn + .btn {
		margin-left: 1rem;
	}	
	
	body.akademie .grid.title .right .btn:last-of-type {
		margin-right:3rem;
	}
}

.btn.download span,
.btn.archive span{
	font-weight: 600;
	display: block;
	line-height: 1;
	letter-spacing: .1rem;
	padding-left: 2.7rem;
	padding-right: 1rem;
}

.btn.archive span:first-of-type::before,
.btn.download span:first-of-type::before {
	content: '\e90a';
	font-family: 'icon';
	font-size: 45px;
	position: absolute;
	/* right: 0;	 */
	left: .5rem;
	font-weight: 400;
}
	
	
@media only screen 	and (orientation:portrait) {	
	.btn.archive span:first-of-type::before,
	.btn.download span:first-of-type::before {
		/* right:auto; */
		/* left: .5rem; */
	}
}
	
@media only screen and (max-width:1399px) and (orientation:landscape) {
	.btn.archive span:first-of-type::before,
	.btn.download span:first-of-type::before {
			font-size: var(--big);
	}
}

.btn.archive span:first-of-type::before {
	content: '\e906';
	font-size: 41px;
}
	
.btn.archive span + span,
.btn.download span + span{
	color:#999;
	letter-spacing: .05rem;
	text-transform: none;
}

.btn.archive:hover,
.btn.download:hover {
	background: #EF7C00;
	color: #FFF;
}

.btn.archive:hover span,
.btn.download:hover span {
	color: #FFF;
}


@media only screen and (min-width: 1400px) and (orientation:landscape) {
	.neg {
		border-color:#FFF;
		color: #FFF;
	}
}

/* blockquote
------------------------------ */
blockquote {
    background: #FFF;
    margin: 1.5em 10px;
    padding-left: 0;
    font-family: 'regular';
    font-style: italic;
    font-size: 20px;
    padding: 0;
}

blockquote:before {
    display: block;
    font-family: "Georgia";
    content: 'open-quote';
    font-size: 120px;
    line-height: 0.1em;
    vertical-align: -0.4em;
    content: "\201C";
    font-style: normal;
}

blockquote p {
    display: inline;
}

blockquote span {
    font-family: "Open Sans", Arial;
    display: block;
}


/* ------------------------------
ke_search 
------------------------------ */

@media only screen and (orientation: portrait),
	   only screen and (max-width: 1399px) {
	body.p13x #content > .grid > .container > .row > .col-md-4 + .col-md-4,
	body.p14x #content > .grid > .container > .row > .col-md-4 + .col-md-4,
	body.p15x #content > .grid > .container > .row > .col-md-4 + .col-md-4,
	body.p71x #content > .grid > .container > .row > .col-md-4 + .col-md-4 {
		display:none;
	}
	body.p13x #content > .grid > .container > .row > .col-md-4,
	body.p14x #content > .grid > .container > .row > .col-md-4,
	body.p15x #content > .grid > .container > .row > .col-md-4,	
	body.p71x #content > .grid > .container > .row > .col-md-4 {
	    margin-bottom: 0;
	}	
}

.tx-kesearch-pi1 {
    font-family: 'regular', Arial, Helvetica, sans-serif !important;
}

@media only screen and (min-width: 1400px) and (orientation:landscape) {
	.tx-kesearch-pi1 {
	margin: -2rem 0 2rem 34.5%;
	width: 65.5%;
	position: relative;
	}
	
	.p68x .tx-kesearch-pi1 {
		margin: -1rem 0 2rem 25.4%;
		width: 74%;
	}
}

.submitbutt {
	position: absolute;
	right: 0;
	top: 0;
	display: block !important;
}

.tx-kesearch-pi1 .kesearch_searchbox {
	position: relative;
}

span.submitbutt input {
	font-size: var(--tiny) !important;
	font-family: regular !important;
	padding: .3rem 2rem 0.1rem 2rem !important;
	margin: 0 !important;
	display: block;
	min-width: auto !important;
	max-width: auto !important;
	background: var(--c1) !important;
	border: .1rem solid var(--c1) !important;
	border-radius: 0 !important;
	color: var(--pos) !important;
	width: auto !important;
	text-transform: uppercase;
	font-weight: 600;
}

div.kesearchbox {
	height: auto !important;
	margin: 0 !important;
}

.kesearch_searchbox span {
	display:none;
}

.tx-kesearch-pi1 form {
    margin: 0 !Important;
	width:100%;
}

input#ke_search_sword {
	position: relative;
	top:  0;
	width: 100%;
	min-width:100%;
	height: auto;
	padding: 0;
	margin: 0;
	display: block;
	border: 0;
	border-bottom: 2px solid #EF7C00;
	text-transform:uppercase;
	font-family: 'regular', Arial, Helvetica, sans-serif;
}


body.p71x input#ke_search_sword {
	margin-left: 0;	
}

input#ke_search_sword:hover {
	outline:none;
	box-shadow: 0 0 0 #fff;
}

input#ke_search_sword:focus {
	box-shadow: 0 0 0 #fff;
	outline:none;
	background:#fff;
}

#kesearch_num_results {
	margin: 0;
	padding: 4rem 0 0 0;
}

@media only screen and (min-width:1024px) and (orientation:landscape) {
	#kesearch_results {
		width: 100%;
		display: grid;
		/* grid-template-columns: repeat(3, 33.33333333%); */
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 2rem;
	}
	#kesearch_results .result-list-item {
	flex: 0 0 auto;	
	width: auto;
	}
}

@media only screen and (min-width: 1680px) and (orientation:landscape) {
	#kesearch_results {	  
	  /* grid-template-columns: repeat(3, 33.33333333%); */
	  grid-template-columns: repeat(3, 1fr);
	}
}

#kesearch_results .result-list-item {
    margin: 0 0 2rem 0 !important;
    line-height: 1.4 !important;
}

	
#kesearch_results .result-list-item .result-title  {
    padding: 0;
}

#kesearch_num_results {
    color: #666;
    float: none;
    margin-top: -2rem;
}

body.p71x #kesearch_num_results {
	    margin-top: 1rem;
}

#kesearch_results .result-list-item .result-title a {
	color: #222;
	font-weight: 400;
	display: block;
	margin: 0 0 .5rem 0;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

#content #kesearch_results .result-list-item .result-title a,
#kesearch_results .result-list-item .result-title {
	line-height: 1.2 !important;
}

.submitbutt,
span.resetbutt,
.tx-kesearch-pi1 #kesearch_results .result-list-item .add-info,
#kesearch_results .result-list-item .result-number,
#kesearch_results .teaser_icon {
	display:none;
}

.tx-kesearch-pi1 #kesearch_results .result-list-item .add-info i {
	font-style: normal;
}

#kesearch_results .result-list-item .result-teaser {
	font-weight: 400;
	display: block;
	line-height: 1.4!important;
	margin: 0 0 0 0;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;	
	color:#666
}

/*
#kesearch_results .result-list-item .result-teaser::after {
	content: ' ...';
} 
*/

.tx-kesearch-pi1 #kesearch_results .result-list-item .hit {
    color: #fff !important;
	background: #EF7C00;
    font-weight: 600 !important;
	padding:.1rem .2rem !important;
	display: inline-block;
	line-height:1 !important;
}


@media only screen and (orientation: portrait),
	   only screen and (max-width: 1399px) {
	.tx-kesearch-pi1 form fieldset {
		margin-top: 1rem !important;
	}
	
	span.submitbutt input {
		padding: .3rem 1rem 0.1rem 1rem !important;
	}
	
	div.kesearchbox {
	  margin: 0 0 2rem 0 !important;	
	}
}

/* featured box
------------------------------ */
.feature-box i {
    font-size: 48px;
    position: absolute;
    color: #0072bc;
}

.feature-box .text {
    padding-left: 80px;
}

.feature-box.icon-square .text {
    padding-left: 90px;
}

.feature-box.icon-square > i {
    font-size: 32px;
    width: 70px;
    height: 70px;
    text-align: center;
    color: #FFF;
    background: #333;
    padding-top: 20px;
}

.box-with-icon-left {
    padding-left: 0;
}

.box-with-icon-left .text {
    margin-left: 56px;
    padding: 0 30px 0 30px;
    border-left: solid 1px #0072bc;
}

.box-icon-small i {
    position: absolute !important;
    font-size: var(--small);
    width: 50px;
    height: 50px;
    text-align: center;
    padding-top: 15px;
    color: #FFF;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
}

.box-icon-small .text {
    padding-left: 70px;
}

.box-icon-small:hover .btn-arrow span.line {
    width: 30px;
}

/* ================================= */
	
hr {
    border: none;
    clear: both;
	margin: 2rem 0 0 0;
}

.divider {
    clear: both;
    height: 20px;
}

.divider-single {
    clear: both;
    height: 30px;
}

.divider-double {
    clear: both;
    height: 60px;
}

.divider-line {
    display: block;
    clear: both;
    border-bottom: 0;
    padding-top: 60px;
}

.small-border {
    clear: both;
    width: 80px;
    height: 3px;
    background: #0072bc;
    margin: 20px auto 20px auto;
}

/*------------------------------
PLUGIN
------------------------------ */

/* owl carousel */
.testi-slider .slides li {
    margin-bottom: 30px;
}

.testi-slider .testi-by {
    display: block;
    margin-bottom: 30px;
    color: #FFF;
}

.testi-slider .flex-control-nav {
    margin-left: -30px;
}

.testi-slider .flex-control-paging li a {
    width: 60px;
    height: 5px;
    background: #f4ebd8;
}

.testi-slider .flex-control-paging li a.flex-active {
    background: #0072bc;
}

/*.owl-carousel .owl-stage {*/
/*	display: flex;*/
/*	padding: 0;*/
/*	margin: 0 auto;*/
/*}*/

.owl-carousel .owl-item {
	background: #FFF;
	color: #222;
}

.owl-carousel.offset .owl-item.active {
    margin: 0 40px;
}

.owl-carousel.color .owl-item {
	background: rgba(249,145,0,.9);	
	padding: 0 0 2rem 0;
}

@media only screen and (max-width: 1399px), (orientation:portrait) {
	.owl-item .item.p-4 {
		padding: 0 !important;
	}
}

#content .owl-carousel .owl-item  p {
	margin: 0;
	line-height: 1.4;
}

#content .owl-carousel.color .owl-item p {
	margin: 0 1.5rem;
	line-height: 1.3;
	color: #FFF;
}

#content .owl-carousel .box p {
	margin: 0 0 1rem 0;
}

#content .owl-carousel .owl-item p.headline {
	line-height: 1;
	margin: 0 0 .5rem 0;
}

#content .owl-carousel .box p.headline {
	font-size: var(--base);
}



#content .owl-carousel .owl-item p.headline span {
font-size: 50%;
display: inline-block;
position: relative;
top: -1rem;
}

@media only screen and (max-width: 1399px), (orientation:portrait) {
		
	.owl-carousel.offset .owl-item.active,
	.owl-carousel.offset .owl-item{
		margin: 0 .5rem;
	}	
	
	#content .owl-carousel .owl-item p.headline span {
		top: -.5rem;
	}
}

#content .owl-carousel.color .owl-item p.headline {
	margin: 1.5rem 1.5rem 1rem 1.5rem;
	font-weight: 300;
	letter-spacing: .05rem;
}



/* .p5x .grid.title, */
.p18x .grid.title {
	display:none;
}

/* ----------------------------- */

.box.color {
	background: rgb(249,145,0);
	padding: 1rem;
	margin-bottom: 2rem;
}

#content .box.color.contact.images {
	padding: 0;
	width: 100%;
	margin-bottom: 2rem;
}

@media only screen and (orientation: portrait),
	   only screen and (max-width: 1399px) {
	#content .box.color.contact .image img[alt^="Platzhalter"],
	#content .box.color.contact .image img[alt^="platzhalter"],
	#content .box.color.contact .image img[alt^="placeholder"] {
	display:none;
	}
}

@media only screen and (min-width: 1400px) and (orientation:landscape) {
	.box.color {
		padding: 2rem 3rem;
		margin: 8rem auto;
		width: 45%;
	}		
}

.col-md-4 .box.color,
.col-xxl-4 .box.color {
	padding: 2rem 2rem 1rem 2rem;
	margin: 0 0 2rem 0;
	width: 100%;	
}

#content .box.color.contact {
	padding: 1.5rem 2rem 1rem 2rem;
	margin:0;	
}

#content .box.color.contact.images .text {
	padding: 1.5rem 2rem 0 2rem;
	margin-bottom: 0;
}

#content .box.color.contact.images .image {
	line-height: 0;
	text-align: center;
	margin:0;
}

#content .box.color.contact p.headline {
	font-weight: 400;
	line-height:1.2;
	margin: 0 0 1rem 0;
}

#content .box.color.contact p.headline span {
	display:block;
	font-weight: 400;
}

@media only screen and (orientation: portrait),
	   only screen and (max-width: 1399px) {
	.col-md-4 .box.color,
	.col-xxl-4 .box.color {
	padding: 1rem;
		margin: 0 0 1rem 0;
	}
}	

@media only screen and (orientation:portrait) {	
	#content .box.color.contact.images .image img {
		margin-top:1rem;
		max-width: none;
		width: 100%;
	}
}

#content .box.color p {
	color: #FFF;
	margin: 0 0 .5rem 0;
	line-height: 1.4;
}

.box.color a {
	color:#ffe8c6;
}

.box.image {
	background: rgba(255, 255, 255,1);
	padding: 2rem 2rem;
	margin: 4rem auto;
	line-height: 1;
}

@media only screen and (orientation: portrait),
	   only screen and (max-width: 1399px) {
	.box.image {
		background: rgba(255, 255, 255,1);
		padding: 0 .5rem;
		margin: 1rem auto;
	}	
}

#content .grid .frame-type-uploads {
	margin-top: 3rem;
}

#content .grid .frame-type-uploads p.headline {
	color: #69442A;
	margin: 0 0 .5rem 0;
}

#content .ce-uploads .item a {
	color: #222;
	/* line-height: 1.3; */
	position: relative;
	padding: .5rem .5rem .5rem 4rem;
	display: block;
	margin: 0 0 .5rem 0;
	font-size: var(--small);
	background:#fff;
	border-radius: 6px;
}

#content .ce-uploads .item a b {
	color:#c00;
	display:block;
}

#content .ce-uploads .item a span {
	display: block;
	font-weight: 600;
	font-size: 23px;
	color:#EF7C00;
	line-height: 1.2;
}

#content .ce-uploads .item a:hover {
	background: #EF7C00;
	color:#fff;
}

#content .ce-uploads .item a:hover span,
#content .ce-uploads .item a:hover::before {
		color:#fff;
}

#content .ce-uploads .item a[href*='00'],
#content .ce-uploads .item a[href*='00']::before,
#content .ce-uploads .item a[href*='00'] span {
	pointer-events: none;
	color: #666;
}


.col-xxl-4 .frame-type-uploads {
	margin: 9rem 0 2rem 0;
}

.col-xxl-9 .frame-type-uploads {
	margin: 4rem 0 8rem 0;
}

.col-xxl-9 .ce-uploads {
	width: 100%;
	display: grid;	
	grid-template-columns: repeat(1, 1fr);
	grid-gap: 1rem;
	padding: 0;
}

@media only screen and (min-width: 1400px) and (orientation:landscape) {
	.col-xxl-9 .ce-uploads {
		grid-template-columns: repeat(3, 1fr);
	}
}

.ce-uploads .box {
	width: 100%;
	display: grid;
	grid-gap: 2rem;
	grid-template-columns: 1fr 1.5fr; 
	padding: 1rem;
	border: .15rem solid var(--c1);
	font-size: var(--medium);
	line-height: 1.3;
}

.ce-uploads .box .cover {
  line-height: 1;
}

.ce-uploads .box {
width: 100%;		
}

@media only screen and (min-width: 1400px) and (orientation:landscape) {
	.col-xxl-4 .ce-uploads .box {
	width: 90%;
	margin-left: 10%;
	}	
}

#content .ce-uploads .box a.btn {
	border-radius: 0;
	font-size: var(--small);
	margin-top:1rem;
	font-weight: 600;
	display: inline-block;	
}

#content .col-xxl-5 .frame-type-image {
	margin-bottom: 2rem;
}

/* ========================================= */


#content .description a {
    width: 100%;
	margin-bottom: 2rem;	
}

#content .description a span {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}
#content .description a span + span {
	display:block;
	text-transform: none;
	color:#666;
	font-size: 16px;
}

@media only screen and (min-width: 1400px) and (orientation:landscape) {
	.frame-type-form_formframework {
		width: 91.66666667%;
	}
}

.form-group {
	margin: 0 0 2rem 0;
	position: relative;
}

.form-group .input {
	position: relative;
}

.form-group label {
	position: absolute;
	left: .25rem;
	color: rgba(102,102,102,0);
	transform-origin: 0 50%;
	transition: transform 200ms, color 200ms;	
	pointer-events: none;
}

.registration .form-group.col-sm-3 label,
.registration .form-group.col-sm-9 label  {
	left: 1rem;
}

.form-group textarea + label {
	left: -.25rem;
}

.form-group select:focus ~ label,
.form-group textarea:focus ~ label,
.form-group textarea:not(:placeholder-shown) ~ label,
.form-group input:focus ~ label,
.form-group input:not(:placeholder-shown) ~ label {
	color: rgba(102,102,102,1);
	transform: translateY(-30px) scale(0.75);
}

.form-group textarea:focus ~ label,
.form-group textarea:not(:placeholder-shown) ~ label {
	left: .25rem;
}

.form-group textarea:not(:placeholder-shown) ~ label {
	white-space: nowrap;	
}

.form-group label .required {
	color: #D44B21;
}

form input,
form textarea,
form select {
	border:0;
	padding: .25rem 0 .25rem .5rem;
	border: 0.1rem solid #707070;
	border-radius: 6px;	
	font-size: var(--medium);
	text-indent: 1px;
	text-overflow: '';
	color:#666;
	width:100%;
	cursor: pointer;
	background: transparent;
	font-family: 'regular', Arial, Helvetica, sans-serif;
}

form select {
	padding: .25rem 3rem .25rem .5rem;
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.53 9.47a.75.75 0 0 1 0 1.06l-6 6a.75.75 0 0 1-1.06 0l-6-6a.75.75 0 1 1 1.06-1.06L12 14.94l5.47-5.47a.75.75 0 0 1 1.06 0Z' fill='%23000000'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position-x: 99%;
	background-position-y: 6px;	
}


#kontakt-78-singleselect-1,
form select option {
	font-family: 'regular', Arial, Helvetica, sans-serif;
}

form select:focus,
form textarea:focus,
form input:focus {
    outline: none !important;
    border:0.1rem solid #EF7C00;
    box-shadow: 0 0 10px #EF7C00;
  }
  
form select:focus {
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.47 14.53a.75.75 0 0 1 0-1.06l6-6a.75.75 0 0 1 1.06 0l6 6a.75.75 0 1 1-1.06 1.06L12 9.06l-5.47 5.47a.75.75 0 0 1-1.06 0Z' fill='%23EF7C00'/%3E%3C/svg%3E");
}  

form textarea::-ms-input-placeholder,
form input::-ms-input-placeholder { 
  color: #666;
  opacity: 1;
}

form select:focus ~ label,
form select:checked ~ label,
form textarea::placeholder,
form input::placeholder { 
	color: #666;
	opacity: 1;
	letter-spacing:0;
	font-family: 'regular'; 
}

form textarea:focus::placeholder,
form input:focus::placeholder { 
  opacity: 0;
}

form select {
	-webkit-appearance: none; 
	appearance: none;	
}

select::-ms-expand {
    display: none;
}

#subpages,
#filter_pub {
	position:relative;
	
}

form#subpages::before,
form#filter_pub::before {
    content: '\e908';
    font-family: icon;
    font-weight: 400;
    font-size: var(--big);
    position: absolute;
    right: .5rem;
    line-height: 1;
	color:#EF7C00;
	top: .5rem;
	pointer-events: none;
}

@media only screen and (orientation: portrait),
	   only screen and (max-width: 1399px) {
	form#subpages::before,
	form#filter_pub::before {
		/* top: 1.5rem; */
	}	
}	
	
/* ----------------------------- */

#content .statistics p {
	/* font-size: var(--small); */
	line-height: 1.7;
}

#content .statistics p::first-line {

}

	#content .statistics:first-of-type {
		margin-top: 4rem;	
	}	

@media only screen and (min-width: 1400px) and (orientation:landscape) {
	
	#content .statistics + .statistics {
		margin-top:3rem;
	}

	#content .statistics p {
		padding-right: 3rem;
	}	
	#content .statistics .last p {
		padding-right: 0;
	}	
}

/* 60px */
#content .statistics p b,
#content .statistics p strong,
#content .statistics p em,
#content .statistics p i {
	font-weight:400;
	font-style:normal;
	line-height: .5;
}

/* ----------------------------- */

/* instagram widget */
#instagram img {
    margin: 0 10px 10px 0;
    width: 55px;
    height: 55px;
}

/* jquery isotope
	/* ------------------------------ */
.isotope,
.isotope .isotope-item {
    /* change duration value to whatever you like */
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}

#filters {
    padding: 0;
    margin: 0;
    margin-bottom: 20px;
    letter-spacing: 2px;
}

#filters li {
    display: inline-block;
    margin-right: 3px;
    margin-bottom: 20px;
}

#filters a {
    background: #FFF;
    color: #222;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
}

#filters a.selected {
    background: #0072bc;
    color: #FFF;
}

.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

.item .overlay .desc {
    display: block;
    height: 0;
    overflow: hidden;
}

.item .overlay h3 {
    font-size: var(--small);
    margin: 0;
    padding: 0;
}

.item .overlay .time {
    letter-spacing: 1px;
    text-transform: uppercase;
}

/*------------------------------
/* link
/*------------------------------ */
a {
    color: #EF7C00;
    text-decoration: none;
    outline: none;
}

a[href^="tel"],
a[href^="mailto"] {
	color: inherit;
}

a[href^="tel"]::before,
a[href^="mailto"]::before {
	color: #EF7C00;
}

div.rahmen a[href^="tel"]::before,
div.rahmen a[href^="mailto"]::before {
	color: #FFF;
}

a:hover {
    color: #222;
}

a[href^="tel"]:hover,
a[href^="mailto"]:hover {
	color: #EF7C00;
}

footer nav a {
	color: #CCC;
	margin-left:2rem;
}

@media only screen and (orientation: portrait),
	   only screen and (max-width: 1399px) {
	footer nav a {
	margin-left:0;
	}
}

/*------------------------------
/* logo
/*------------------------------ */
#logo {
	margin: 2rem 0 1rem 0;
}

.p1x #logo img {
	filter: grayscale(100%);
	opacity: .6;
	transition: 1s all ease-in;
}

.p1x.down #logo img {
	filter: none;
	opacity: 1;
	display: block;
	/*width: 20%;	*/
}

#logo img {
    height: auto;
	max-width: 100%;
}

@media (max-width: 1399px) {
	#logo img {
		max-width: 200px;
	}	
}

@media only screen and (orientation: portrait),
	   only screen and (max-width: 1399px) {
	#logo img {
		max-width: 150px;
	}	
}

/*------------------------------
/* Banner
/*------------------------------ */

#banner {
	margin-top: 2rem;
}

@media only screen and (min-width: 1400px) and (orientation:landscape) {
	#banner {
		position: absolute;
		width: 100%;
		pointer-events: none;
		margin:0;

	}	
	#banner .frame {
		position:relative;
		height: 59vh;		
	}
	
	#banner .btn {
		position: absolute;
		bottom: 0;
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 0;
		pointer-events: initial;
		background: #EF7C00;
		padding: 1.2rem 0;
		text-align:center;
		font-size: 30px;
		width: 100%;
	}
	#banner span {
		display: block;
		margin:.3rem 0 00;
		font-size: var(--small);
	}	
	
	#banner .btn:hover {
		color: #fff;
		background: #EF7C00 !important;
	}
}

/*------------------------------
/* content
/*------------------------------ */
#content {
	z-index: 1;
	position: relative;	
	margin-top:12rem;
	min-height: calc(100vh - 12rem);
}

/* columns */
.fullwidth {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden;
}

.box-container {
    width: 101%;
}
.box-one-third {
    width: 33.3%;
    float: left;
}

.box-one-third .inner {
    color: #FFF;
    padding: 60px;
}

.no-margin {
    margin: 0 !important;
    padding: 0 !important;
}

.no-top {
    padding-top: 0 !important;
}

.no-bottom {
    padding-bottom: 0 !important;
}

/*------------------------------
section and parallax background settings
------------------------------ */

section {
    background: #FFF;
}

section > h6 { display:none; }


@media only screen and (min-width: 1400px) and (orientation:landscape) {
	section {
		padding: 0;
		background: #FFF;
	}	
	
	section.sponsor {		
		margin: 4rem 0 0;
	}			
}

.no-padding {
    padding: 0 !important;
}

.no-padding-top {
    padding-top: 0 !important;
}

.no-padding-bottom {
    padding-bottom: 0 !important;
}

.side-bg {
    color: #FFF;
}

.side-bg h1,
.side-bg h2,
.side-bg h3,
.side-bg h4,
.side-bg h5,
.side-bg h6 {
    color: #FFF;
}

/*------------------------------
  HOMEPAGE
------------------------------ */

.p1x #intro #claim {
		position: relative;
}

.p1x #intro #claim::before {
	content: url('../Images/umtf_logo_signe.png');
	left:-145px;
	top:0;
	position: absolute;
}

.p1x #intro #claim h1 {
	margin: 0;
	padding:0;
	color:#69442A;
	line-height:1.2;
	font-weight: 600;
	font-family: 'umtf';
}

.p1x #intro #claim h1 span {
	color:#EF7C00;
}

.p1x #intro #claim p {
	line-height: 1.6;
	margin: 1.3rem 0 0 0;
}

@media only screen and (orientation: portrait),
	   only screen and (max-width: 1399px) {
	.p1x #intro #claim p {
		margin: 1.3rem 0 2rem 0;
	}
}

body.p1x #new a.btn:last-of-type {
	margin-top: 1.8rem;
}


body.p1x #feature p.headline,
body.p1x #new p.headline {
  margin: 0 0 2rem 0;
  text-transform: uppercase;
  font-family: headline;
  font-size: var(--big);
}

body.p1x #feature .btn {
	margin-top:1rem;
}

body.p1x .color.feature {
	border-radius: 6px;
	color: #FFF;
	background: #EF7C00;
	background: -moz-linear-gradient(top,  #EF7C00 0%, #D44B21 100%);
	background: -webkit-linear-gradient(top,  #EF7C00 0%,#D44B21 100%);
	padding: 2.5rem .5rem 2rem 3rem;
	position: relative;
	margin-bottom: 2rem;
}	

body.p1x .color.feature .title::after {
	display:block;
	font-family: 'icon';
	content: '\e908';
	color:#FFF;
	font-size: var(--medium);
	position:absolute;
	right: 3rem;
	bottom: 2rem;
}

body.p1x .color.feature p.headline,
body.p1x .color.feature p.headline a {
	color: #FFF;		
}

body.p1x .color.feature .title span {
	color: #FFF;
	margin: 2rem 0 0 0;
	line-height:1.4;
	display:block;
	/* font-size: var(--big); */
	font-weight:400;
}

body.p1x .color.feature sup,
body.p1x .color.feature sub {
	font-size: 50%;
}

@media only screen and (min-width: 1400px) and (orientation:landscape) {

	body.p1x #new a.btn:last-of-type {
		margin-right: 1.5rem;
	}

	body.p1x {
		background:#eaeaea;	
	}	
	
	body.p1x #down {
		width: 100%;
		position: fixed;
		z-index:1;
		text-align:center;
		bottom: 3rem;	
	}	
	
	body.p1x #down a {
		display:inline-block;
		pointer-events: unset;
		height: 60px;
		width:60px;
		margin:0 auto;
		cursor:pointer;
	}
	
	body.p1x #down a span::before {
		display:block;
		font-family: 'icon';
		content: '\e903';
		color:#EF7C00;
		font-size: var(--big);
		pointer-events: none;
	}
	
	body.p1x section {
		position: relative;
		z-index:2;
	}
	
	body.p1x section#feature {
margin: 10rem 0 7rem 0;
padding: 0;
	}
	
	body.p1x section#intro,
	body.p1x section#logos {
		background: transparent;
		padding:0;
	}
	
	body.p1x section#intro {
		width:100vw;
		z-index:1;
		transition: 1s opacity ease-in;
	}
	
	body.p1x section#new .grid {
		grid-template-columns: repeat(2, 1fr);
		margin: 0;
	}

	body.p1x #new p:not(.headline) {
		line-height: 30px;
		font-size: var(--small);
		margin: 0;
	}

	
	body.p1x section#logos {
    padding: 4rem 0;
    line-height: 0;	
	}
	
	body.p1x section#logos .row div {
		display: flex;
		padding: 0;
	}
	
	body.p1x section#logos a {
	background: #FFF;
	display: inline-block;
	margin: 0 1rem;
	}
	
	body.p1x section#logos img {
	background: #FFF;
	display: inline-block;	
	}	
	
	#content .ce-uploads a.box .btn {
		margin-top: 1rem;
		padding: .1rem .5rem 0.1rem .5rem;
		display: inline-block;
	}
	
	body.politik #content .btn.archive,
	body.politik #content .btn.download {
	padding:.5rem 1rem;
	}

	body.politik.p34x #content .btn.archive,
	body.politik.p34x #content .btn.download {
	margin: 0 1rem;
	}
	
	/* body.p1x #news .btn:hover, */
	#content .ce-uploads a.box:hover .btn,
	#content .description a.btn.next:hover,
	.btn-custom:hover,
	#content .owl-carousel .owl-item a.btn:hover,
	body.politik #content .owl-carousel .owl-item a.btn:hover,
	body.p1x #news a.btn:hover span::after,
	body.p1x #new .btn:hover,
	body.p1x #events .btn:hover	{
		background:#EF7C00;
		color:#FFF;
	}
	
	#content .ce-uploads a.box:hover .hidden .btn,
	body.p1x #intro .btn {
		border-color:#FFF;
		color:#FFF	
	}
	body.p1x #intro .btn:hover {
		background:#FFF;
		color:#EF7C00;		
	}
	
	body.politik #content button.btn {
	padding-left: 2.5rem;
	}
}


.owl-theme .owl-nav.disabled + .owl-dots {
	margin: 0;
	position: absolute;
	bottom: -3rem;
	width: 100%;
	text-align: center;
}

@media only screen and (min-width: 1400px) and (orientation:landscape) {
	body.p1x #new .owl-carousel .owl-stage-outer {
		max-width: 515px;
	}
}

/*@media only screen and (orientation: portrait),*/
/*	   only screen and (max-width: 1399px) {*/
/*	.owl-theme .owl-nav.disabled + .owl-dots {*/
/*			display: none;*/
/*	}*/
/*}*/

/*------------------------------
jquery toTop
------------------------------ */
#toTop {
    z-index: 1555;
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 10px;
    right: 10px;
    overflow: hidden;
    width: 50px;
    height: 50px;
    border: none;
    /* text-indent: -999px; */
    /* background: url(../Images/Frontend/ui.totop.png) no-repeat left top; */
}

#toTopHover {
    /* background: url(../Images/Frontend/ui.totop.png) no-repeat left -51px; */
    width: 50px;
    height: 50px;
    display: block;
    overflow: hidden;
    float: left;
}

#toTopHover::before {
	display:block;
	font-family: 'icon';
	content: '\e908';
	transform: rotate(180deg);
	color:#CCC;
	font-size: var(--big);
}

#toTop:active, #toTop:focus {
    outline: none;
}

/*------------------------------
map
------------------------------ */
.map {
    margin-top: 40px;
}

.map iframe {
    width: 100%;
    height: 400px;
    border: solid 1px #CCC;
    padding: 2px;
    background: #FFF;
}

#map-container iframe {
    width: 100%;
    height: 360px;
    margin-bottom: -6px;
}

#map {
    width: 100%;
    height: 480px;
}

#map-tracking {
    overflow: hidden;
    height: 0;
}

.gmap iframe {
    width: 100%;
    height: 200px;
}

/*------------------------------
/* contact */
/*------------------------------ */

@media only screen and (min-width: 1400px) and (orientation:landscape) {
	.p11x #content .grid .container .col-lg-12 + .col-lg-12 {
		position: relative;
	}

	.p11x .grid .container .col-lg-12 + .col-lg-12 .box.color.contact {
		margin: 0;
		position: absolute;
		width: 55%;
	}
}

.error {
    width: 280px;
    display: none;
    color: #C03;
    font-size: 12px;
    margin-bottom: 10px;
}

.success {
    display: none;
    padding: .5rem 1rem;
    background: #E5EAD4;
    color: #555;
    width: 100%;
    font-size: var(--small);
}

.error img {
    vertical-align: top;
}

.full {
    width: 98%;
}

#contact input[type="text"], 
#contact textarea {

}

#contact select {
    width: 100%;
}

.contact_form_holder .form-control {
    margin: 0;
}

#contact input[type=text], 
#contact textarea, 
#contact input[type=email] {
    background: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
	width: 100%;
	border: 0.1rem solid #666;
	padding: .5rem;
}

#contact-form-wrapper .container-fluid {
    padding: 0;
}


#contact-form-wrapper fieldset {
border: 0;
padding: 0;
margin: 0;	
}

#contact-form-wrapper .powermail_fieldwrap {
	position: relative;
	margin: 0 0 1.5rem 0;
}

#contact-form-wrapper .powermail_fieldwrap.powermail_fieldwrap_type_textarea {
	margin-top:2rem;
	
}

#contact-form-wrapper label {
	position: absolute;
	/* position:0; */
	left:0;
	padding: .2rem .4rem;
-webkit-transition: color .2s ease-out, -webkit-transform .2s ease-out;
transition: color .2s ease-out, -webkit-transform .2s ease-out;
transition: transform .2s ease-out, color .2s ease-out;
transition: transform .2s ease-out, color .2s ease-out, -webkit-transform .2s ease-out;
-webkit-transform-origin: 0% 100%;
transform-origin: 0% 100%;
text-align: initial;
-webkit-transform: translateY(.1rem);
transform: translateY(.1rem);
}

#contact-form-wrapper .powermail_fieldwrap_type_textarea label {
	margin-top: -.4rem;
	display: block;
}

#contact-form-wrapper .active label {
transform: translateY(-2.2rem) translateX(-.3rem) scale(.7);
}

#contact-form-wrapper h3,
#contact-form-wrapper legend  {
	display:none;	
}

.mandatory {
	color: #c00;
	padding-right:.3rem;
	color: #c00;
	padding-left: .2rem;
	font-size: var(--small);
	vertical-align: top;
	line-height: 2;	
}

ul.parsley-errors-list {
	margin: -.2rem 0 0 0;
	position: absolute;
	right:0;
}
ul.parsley-errors-list li {
	list-style-type:none;
	font-size: 16px;
}

.contact-info .title {
    display: block;
    font-size: 16px;
    font-weight: 800;
    color: #222;
    margin-bottom: 10px;
}

a[href^="tel"]::before {
	font-family: "icon";
	content: '\e90c';
	padding-right:.3rem;
}

a.fax[href^="tel"]::before {
	font-family: "icon";
	content: '\e913';
	padding-right:.3rem;
}

a.mobile[href^="tel"]::before {
	font-family: "icon";
	content: '\e914';
	padding-right:.3rem;
}

a[href^="mailto"]::before {
	font-family: "icon";
	content: '\e90d';
	padding-right:.3rem;
}

.box.contact a[href^="http"]::before {
	font-family: "icon";
	content: '\e90e';
	padding-right:.3rem;
}

.actions button[type="submit"] {
	font-weight: 300;
	padding: .3rem 2rem;
}

@media only screen and (orientation: portrait),
	   only screen and (max-width: 1399px) {

	a.btn,
	.actions button[type="submit"] {
	width: 100%;
	margin-bottom: 2rem;
	}
}
/* --- GALLERY ----------------------------------------- */

section.gallery {
padding: 0 0 6rem 0;
/* margin: -1.5rem 0 0 0; */
}

@media only screen and (orientation: portrait),
	   only screen and (max-width: 1399px) {

	section.gallery {
	padding: 0 0 2rem 0;
	margin: 0 0 0 0;
	}	
}

.verband section.gallery {
	padding: 0;
}


.verband section.gallery + section.gallery {
	padding: 6rem 0 0 0;	
}

.verband .full-gallery + h4 {
	margin-top: 2rem;
}

.gallery .item {
    text-align: center;
    font-size: 12px;
    width: 32.5%;
    margin: 1px;
    float: left;
	overflow: hidden;
	max-width: 300px;
}

@media only screen and (orientation: portrait),
	   only screen and (max-width: 1399px) {

	.gallery .item {
	max-width: none;		
	}
}

.gallery .item img {
    width: 100%;
	height: auto;	
	transition: .2s all ease-out;
}

@media only screen and (min-width: 1400px) and (orientation:landscape) {
	.gallery.staff .item img.align-2 {
		margin-top: -2rem;
	}

	.gallery.staff .item img.align-5 {
		margin-top: -5rem;
	}

	.gallery.staff .item img.align-10 {
		margin-top: -10rem;
	}
}

.politik .picframe img {
    width: 100%;
	height: auto;
}

.gallery .picframe > a {
	display:block;
	position:relative;
}

@media only screen and (min-width: 1400px) and (orientation:landscape) {
	.gallery.staff .item:hover img {
		margin-top:0;
		transform: scale(1.2)
	}
}

/* --------------------------------------------------------- */

#gallery-fullwidth .gallery-item {
    width: 16.65%;
    float: left;
}

#gallery-fullwidth .gallery-item img {
    width: 100%;
}

#gallery-isotope .item {
    background: #333;
    margin: 0 10px 10px 0;
    overflow: hidden;
}

#gallery-isotope img {
    width: 100%;
    height: auto;
}

.pull-left,
.pull-right {
    text-align:center;
}

/* --------------------------------------------------------- */
@media only screen and (min-width: 1400px) and (orientation:landscape) {
	
	.pull-right {
		float: right;
		margin: .7rem 0 0 2rem;
	}

	.pull-left {
		float: left;
		margin: .7rem 2rem 0 0;
	}	


	img.pull-right {
		padding-left: 20px;
	}	
	
	.ex-gallery {
		width: 100%;
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		grid-gap: 2rem;
	}	

	 #content .staff .grid.ex-gallery {
		grid-template-columns: repeat(5, 1fr);
		grid-gap: 2.5rem;
		padding: 0;
	}

	.ex-gallery .item {
		flex: 0 0 auto;
		width: auto;
	}

	.staff .ex-gallery .item {
		border-radius: 6px;
		overflow: hidden;
		max-height: 295px;
		height: 100%;
		background: #ccc;
	}
		
	.ex-gallery .item .picframe,
	.ex-gallery .item span.placeholder {
		position:relative;
		display:block;
	}		
}

@media only screen and (orientation: portrait),
	   only screen and (max-width: 1399px) {

	
	.gallery .item {
	line-height: 0;	
	}
	
	.ex-gallery .project-name {
	padding: 0;
	}
	.pf_text {
	display: block;
	background: #EF7C00;
	color: #fff;
	line-height: 1.2;
	padding: .5rem;	  
	}	
}

@media only screen and (min-width: 1400px) and (orientation:landscape) {

	.item .overlay {
	color: #FFF;
	background: rgba(51,51,51,.6);
	display: block;
	position: absolute;
	overflow: hidden;
	transition: .3s all ease-in;
	}

	.ex-gallery .active .overlay {
		background: rgba(51,51,51,.3);
	}
	
	.ex-gallery .project-name {
		display: block;
		letter-spacing: .1rem;
		padding: .5rem 1rem;
		margin: 0 auto;
		margin-top: 2rem;
		text-transform: uppercase;
		font-weight: 600;
		color: #FFF;
		line-height:1.2;
	}
	
	.item .pf_text {
		display: block;
		position: absolute;
		/* overflow: hidden; */
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
		background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
		transition: .3s all ease-in;
		width: 100%;
		height: 100%;
	}	
	
	.staff .item .pf_text {
		height: auto;
		bottom: 0;	
		background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */	
	}

	.staff .item:hover .pf_text {
		bottom:-100%;
	}

	.item.active .pf_text {
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
		background: -webkit-linear-gradient(top,  rgba(0,0,0,0.80) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(0,0,0,0.80) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */	
	}

	.ex-gallery .project-description {
		display:block;
		font-weight: 600;
		color: #FFF;
		margin: 2rem 0;
		line-height:1.2;
	}

	.staff .ex-gallery .item .picframe {
		max-height: 295px;
	}	
}

@media only screen and (orientation: portrait),
	   only screen and (max-width: 1399px) {

	.item.active .pf_text {
		color:#222;
	/*
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.80) 0%,rgba(0,0,0,0.30) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0.80) 0%,rgba(0,0,0,0.30) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
	*/
	}
}

.item .placeholder .pf_text {
	background: transparent !important;
}

.ex-gallery .placeholder .small-border {
	background: #fff;
}

.item .pf_text span { 
transform: scale(1);
transition: .3s all ease-in;
}

.item.active .pf_text span { 
transform: scale(.8);
}

.verband .item.active .placeholder .pf_text span {
transform: scale(1);	
}

.ex-gallery .project-name {
	margin-top: 15%;
	transition: .3s all ease-in;
}

.verband .ex-gallery .project-name {
    margin-top: 45%;
}

.ex-gallery .active .project-name {
	margin-top: 75%;
}

.ex-gallery .active .placeholder .project-name {
	margin-top:45%;
}

.ex-gallery .project-name span {
	display:block;
}

#content .staff .ex-gallery .project-name {
	text-transform: none;
	font-size: var(--medium);
	letter-spacing: 0;
}

#content .staff .ex-gallery .picframe .project-description,
#content .staff .ex-gallery .project-name span {
	letter-spacing: 0;
	text-transform: none;
	font-size: 15px;
	font-weight: 400;
}

@media only screen and (min-width: 1400px) and (orientation:landscape) {
	#content .staff .ex-gallery .active .project-name span {
		font-size: 20px;
	}

	 #content .staff .ex-gallery .active .placeholder .project-name span {
		font-size: 15px;
	}

	.staff .ex-gallery .active .project-description {
		opacity: 0;
	}

	.staff .ex-gallery .active .placeholder .project-description {
		opacity: 1;
	}
}

.staff .ex-gallery .project-description {
	font-size: 15px;
    font-weight: 400;
	margin: 1rem 1rem;
}

.ex-gallery .small-border {
    height: 2px;
    display: block;
    background: #EF7C00;
    width: 50px;
    margin: 0;
    margin-left: auto;
    margin-right: auto;
	transition: .3s all ease-in;
}


.ex-gallery .active .small-border {
	width: 150px;
}


@media only screen and (min-width: 1400px) and (orientation:landscape) {
	.verband .ex-gallery .active .placeholder .small-border {
		width: 50px;
	}
}

.ex-gallery .overlay .icon {
    display: inline-block;
    text-align: center;
}

.ex-gallery .overlay .icon i {
    text-shadow: none;
    color: #FFF;
    font-size: 26px;
    padding: 16px;
    width: 60px;
    height: 60px;
    text-align: center;
    border-radius: 60px;
    margin-left: 10px;
    border: solid 2px #FFF;
}

.ex-gallery .overlay .icon i.icon-info {
    margin-left: 0;
}

.ex-gallery .overlay .icon i:hover {
    color: #222;
    background: #333;
}

/* ------------------------------------------------- */
.video-container  p.headline {
	line-height: 1;
}

.video-container .iframe-container {
  overflow: hidden;
  /* 16:9 aspect ratio */
  padding-top: 56.25%;
  position: relative;
}

.video-container .iframe-container iframe {
   border: .1rem solid #ccc;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;

}

/*------------------------------
control nav
------------------------------ */

.hover {
    font-size: 12px;
    display: block;
    width: 100%;
    height: 100px;
    background: #FFF;
    position: absolute;
    overflow: hidden;
    line-height: 1.5em;
    text-align: center;
}

.hover .btn-view-details {
    display: inline-block;
    font-size: var(--tiny);
    color: #0072bc;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    margin: 0 auto;
    border: solid 1px #0072bc;
}

.social-icons i {
    text-align: center;
    color: #FFF !important;
    font-size: 20px !important;
    border-radius: 60px;
    padding: 8px !important;
    width: 38px;
    height: 38px;
    margin-right: 10px;
    margin-bottom: 10px !important;
    background: #0072bc;
    border: solid 2px #0072bc;
}

.social-icons i:hover {
    color: #0072bc;
    border: solid 2px #0072bc;
    background: none;
}

/* overide */

.col-md-3:not(.offset-md-1) {
    margin-left: -1px;
}

.grey {
    color: #888;
}

.h-border {
    height: 1px;
    background: rgba(255, 255, 255, .3);
}

.bg-grey {
    background: #eee;
}

@keyframes box_icon_move {
    from {
        padding-top: 10px;
    }

    to {
        padding-top: 50px;
    }
}

@keyframes box_icon_move_out {
    from {
        padding-top: 50px;
    }

    to {
        padding-top: 10px;
    }
}

@keyframes move {
    from {
        margin-left: 0;
    }

    to {
        margin-left: 20px;
    }
}

.box-with-icon-left i {
    position: absolute;
    -moz-animation: 1s box_icon_move_out alternate forwards;
}

.box-with-icon-left:hover > i {
    background: #333;
    height: 100%;
    -moz-animation: 1s box_icon_move alternate forwards;
}

.box-with-icon-left:hover > .text {
    border-color: #333;
}

.box-with-icon-left:hover > .text a.btn-text {
    -moz-animation: 1s move infinite alternate;
}

.icon-big {
    font-size: 32px !important;
    margin-bottom: 20px;
    color: #FFF;
    background: #0072bc;
    padding: 10px;
    width: 56px;
    height: 56px;
    text-align: center;
}

/* animate */
a,
a:hover,
button,
.btn,
.custom-col-3 i,
.custom-col-3 i:hover,
.custom-carousel-2 .item-blog,
.custom-carousel-2 .item-blog,
.custom-carousel-2 .item-blog:hover,
.custom-col-3,
.custom-col-3:hover,
.blog-list li,
.blog-list li:hover,
.event-item .right-col,
.event-item:hover .right-col,
.box-with-icon-left,
.box-with-icon-left i,
.box-with-icon-left .text,
.box-with-icon-left .text a.btn-text,
.box-icon-small .btn-arrow span.line,
.box-icon-small:hover .btn-arrow span.line,
.bg-color-fx,
.bg-color-fx:hover,
#awards-carousel .overlay,
#awards-carousel .overlay:hover,
header .search input[type=text],
header .search input[type=text]:focus,
.team-list .pic .fx,
.team-list .pic .fx:hover,
#mainmenu li,
#mainmenu a,
.owl-custom-nav .btn-prev:hover:before,
.owl-custom-nav .btn-next:hover:before,
input.btn-custom,
.cta-form input[type=submit],
.cta-form input[type=submit]:hover {
	/*
    -o-transition: .5s all ease-in;
    -ms-transition: .5s all ease-in;
    -moz-transition: .5s all ease-in;
    -webkit-transition: .5s all ease-in;
	transition: .5s all ease-in;
	*/
}

.logo-partners img {
    width: 100%;
}

.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 8px !important;
    height: 8px !important;
    margin: 5px 7px;
    filter: Alpha(Opacity=50); /*IE7 fix*/
    opacity: 0.5;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

.img-full {
    width: 100%;
    height: auto;
}

.img-event {
    margin-bottom: 30px;
}

.latest h3.title {
    width: 340px;
    text-align: center;
    padding: 0;
    background: #4e3927;
    color: #FFF;
    padding: 10px;
    height: 50px;
    margin: 0 auto;
}

.no-bottom {
    margin-bottom: 0 !important;
    padding-bottom: 0;
}

#preloader {
    position: absolute;
    z-index: 100001;
    width: 100%;
    height: 100%;
    background: url(../Images/Frontend/loader.gif) center no-repeat #FFF;
}


div.rahmen {
	background: #EF7C00;
	background: -moz-linear-gradient(top,  #EF7C00 0%, #D44B21 100%);
	background: -webkit-linear-gradient(top,  #EF7C00 0%,#D44B21 100%);
	width: calc(100% - 2rem);
	border-radius: 6px;
	padding: 1rem;
	overflow: hidden;
	position: relative;	
	}
	
@media only screen and (orientation:portrait) {
	div.rahmen {
	width: 100%;
	margin: 2rem 0;
	}	
}

.rahmen .row.textimage .text {
	background: #EF7C00;
	background: -moz-linear-gradient(top,  #EF7C00 0%, #D44B21 100%);
	background: -webkit-linear-gradient(top,  #EF7C00 0%,#D44B21 100%);
	padding: .5rem 1rem;
	border-radius: 6px;
	width: 100%;
}

.rahmen .row.textimage .image {	
	margin-top: 2rem;
	border-radius: 6px;
	overflow: hidden;
}

div.rahmen p,
div.rahmen strong {
	color: #fff;
	font-weight: 400;
}

div.rahmen a {
	color: #fff;	
}

div.rahmen a::before {
	font-weight: 400;
}

div.rahmen p:last-of-type {
	margin-bottom: 0;
}

p.left {
	float: left;
	vertical-align: top;
}

p.left + p.left {
	margin-left: 2rem;
}

p.clear {
clear: both;
margin: 0 0 -1rem 0;
padding: 0;
line-height: 0;
}

/* ----------------------------- */

.frame-type-felogin_login h3,
.frame-type-felogin_login .message_welcome,
.frame-type-felogin_login fieldset legend {
	display: none;
}

#content .frame-type-felogin_login p.message_error  {
	font-size: 16px;
}

.frame-type-felogin_login fieldset {
padding: 1rem 1rem 1.2rem 1rem;
margin: 0;
background: #EF7C00;
background: -moz-linear-gradient(top, #EF7C00 0%, #D44B21 100%);
background: -webkit-linear-gradient(top, #EF7C00 0%,#D44B21 100%);
color: #fff;
border-radius: 6px;
}

.frame-type-felogin_login fieldset {
border: 0;
}

.frame-type-felogin_login div {
  position: relative;
}

.frame-type-felogin_login label {
position: absolute;
left: .25rem;
color: #fff;
top: 50%;
font-size: var(--medium);
transform: translateY(-50%);
}

.frame-type-felogin_login .login input {
border-color: #fff;
margin:0 0 .5rem 0;
padding:0 0 0 10rem;
cursor: text;
color:#fff;
}

.frame-type-felogin_login form .login input:focus {
    outline: none !important;
    border:1px solid #fff;
    box-shadow: 0;
	background: rgba(255,255,255,.1)
  }
  
.frame-type-felogin_login fieldset .actions input {
  background: #fff;
  color :#EF7C00;
  margin: 0;
  padding: .1rem 2rem 0 2rem;
  width: auto;
  cursor: pointer;
  text-transform: uppercase;
}

.frame-type-felogin_login .logout .actions input {
  background: #EF7C00;
  border: 0;
  color :#fff;
  margin: 0;
  padding: .1rem 2rem 0 2rem;
  width: auto;
  cursor: pointer;
  text-transform: uppercase;
}

form.logout {
  position: absolute;
  top: -3.5rem;
  right: 0;
}

.logout .actions {
	text-align:right;
}

.frame-type-felogin_login form  .login .actions input:hover {
	background: rgba(255,255,255,.5);
	color :#fff;
}

@media only screen 	and (orientation:portrait) {
	.frame-type-felogin_login fieldset {
	margin: 0 0 2rem 0;
	}
	.frame-type-felogin_login .logout .actions input {
	margin: 0 1rem 0 0;
	}
}

/* ----------------------------- */

table.rahmen {
	/* border-collapse:separate; */
	border-collapse: collapse;
	width: 100%;
	background:#FFF;
	/* border: 2px solid #EF7C00; */
	border: 2px solid #ccc;
	border-radius: 6px;	
}

@media only screen and (min-width: 1400px) and (orientation:landscape) {
	table.rahmen {
	height: 100%;			
	}
}

.accordion table.rahmen {
	border: 0;
}

table.rahmen th,
table.rahmen td {
	border-bottom: 2px dotted #CCC;
	padding: 0.5rem 1rem;
	color: #222;
	text-align: left;
	vertical-align: top;
	line-height: 1.2;
}

table.rahmen tr.bg1 {
	background: #EF7C00;
}

table.rahmen tr.bg1 th,
table.rahmen tr.bg1 td,
.accordion table.rahmen tr.bg1 td b,
#content table.rahmen tr.bg1 p {
	color:#fff;
}

#content table.rahmen tr.bg1 p {
	font-size: var(--small);
}

table.rahmen tr.bg1 th {
	  padding: .5rem .5rem;
}

@media only screen and (max-width: 550px) and (orientation:portrait) {
	table.rahmen tr.bg1 td {
		  padding: 0 .5rem .5rem .5rem;
	}	
}

table.rahmen tr.bg1 th,
table.rahmen tr.bg1 td {
	border-bottom: 0;
}

.accordion table.rahmen th, 
.accordion table.rahmen td {
	padding: 0.5rem 0;
}

table.rahmen tr:last-of-type th,
table.rahmen tr:last-of-type td {
	border:0;
}

table.rahmen.col2fix {
	width:auto;
}

table.rahmen.price td + td {
	white-space: nowrap;
}

@media only screen and (max-width: 550px) and (orientation:portrait) {
	
	table.rahmen th,
	table.rahmen td {
		display:block;
	}

	table.rahmen.price th,
	table.rahmen.price td {
		display:table-cell;
	}
	
	/* .p27x table.rahmen th, */
	table.rahmen.col2fix td,
	table.rahmen.col2fix th,
	.col-xxl-8 table.rahmen th,
	.col-xxl-8 table.rahmen td,
	.col-xxl-4 table.rahmen th,
	.col-xxl-4 table.rahmen td {
	display: revert;
	}
		
	table.rahmen th.empty ~ td {
		padding-top: .5rem;
	}
	
	table.rahmen {
		margin-bottom: 2rem;
	}
}

/* TABLE PRICES */

table.price td,
table.price th {
	text-align: right;
}

table.price thead {
	background: #EF7C00;
	background: -moz-linear-gradient(top,  #EF7C00 0%, #D44B21 100%);
	background: -webkit-linear-gradient(top,  #EF7C00 0%,#D44B21 100%);
}

table.price th {
	color: #fff;
	line-height: 1;
	height: 3.5rem;
	vertical-align: middle;	
}

@media only screen and (min-width: 1400px) and (orientation:landscape) {
	p.annotation { 
		width: 29%;
		float: right;	
	}

	p.annotation::before {
		position: absolute;
		left: -1rem;
	}	
}

p.annotation {
	line-height:1.6;
	position: relative;
}

p.annotation::before {
	content: '*';
}

p.annotation a {
	margin-top: 2rem;
	width: 100%;
	text-align: center;	
}


/* ======================================================================== */


#metamenu {
  display: inline-block;
  margin: 1.4rem 0 0 1rem;
  vertical-align: top;
}

.down #metamenu {
		margin-top: .6rem;
}


@media only screen and (max-width: 1399px), (orientation:portrait) {
	.down #metamenu {
		margin-top: 2.4rem;
	}
}

#metamenu li {
  list-style-type: none;
  display: inline-block;
  margin-left: 2rem;
  position: relative;
}

@media (max-width: 550px) and (orientation:portrait) {
	#metamenu li {
	  margin-left: 1rem;
	}
}

#metamenu a {
	display: block; 
}

#metamenu li[class^="icon-"] > a::before {
    font-family: "icon";
    font-weight: normal;
    color: #666;
    content: "";
	font-size: var(--base);
}

#metamenu,
#metamenu li a::before,
#metamenu li a::after {
	-ms-transition: .5s;
	-webkit-transition: .5s;
	transition: .5s; 	
}

#metamenu li.icon-language:hover > a::before,
#metamenu li[class^="icon-"] > a:hover::before {
	color: #EF7C00;
}

#metamenu li.icon-search > a::before {
	content: "\e911";
}

#metamenu li.icon-language > a::before {
	content: "\e90E";
}

#metamenu li.icon-uniti a::before {
	content: "\e900";
	color: #EF7C00;
	font-size: 23px;
}

#metamenu li.icon-uniti > a::after {
	content: "\e90f";
	font-family: "icon";
	color: #EF7C00;
	font-size: 7px;
	position: absolute;
	left: 2px;
	bottom: 0;
	opacity:0;
}

#metamenu li.icon-uniti > a:hover::after {
	opacity:1;
}

#metamenu span {
  display: none;
}

#metamenu li ul {
	opacity:0;
	pointer-events: none;
	position: absolute;
	/* top: 2.2rem; */
	top: -2rem;
	line-height: 1;
	background: #fff;
	padding: 2rem 1rem .4rem 1rem;
	left: -.8rem;
}

#metamenu li.icon-language:hover > a + ul {
	opacity:1;
	pointer-events: initial;	
}

#metamenu li.icon-language:hover > a {
	background: #fff;
}

#metamenu li li {
  margin: .5rem 0 0 0;
  color:#666;
}

#metamenu li li.muted,
#metamenu li li a {
  font-size: 21px;
  text-transform: uppercase;
}

#metamenu li li.active a:hover {
	color: #EF7C00;
	cursor: default;
}

#metamenu li li.muted {
	opacity:.5;
	cursor: default;
}

@media only screen and (max-width: 1399px) {
	header {
		height: auto !important;
		background:#fff;
	}

	#mainmenu a {
		margin: 0 0 0 1rem;
	}
	#mainmenu li ul a {
		margin: 0;
	}
}

@media only screen and (max-width: 1399px) and (orientation:landscape) {
    #subheader {
        padding: 15px 0 40px 0;
    }
}

@media (max-width: 1399px) {
    #slider .slider-info {
        display: none;
    }

    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12,
	.col-xxl-4, .col-xxl-8 {
        /* margin-bottom: 2rem; */
    }	
	
	header .col-md-2, header .col-md-10 {
        margin-bottom: 0;		
	}
	
	.entry .col-md-2 {
        margin-bottom: 0;		
	}	

	.entry .col-md-10 {
		padding-bottom: 1rem;	
	}

	.registration .col-xxl-4 {
		margin-bottom: 0;
	}

    .box-one-third {
        width: 100%;
    }

    .gallery .item {
        width: 100%;
		background: #EF7C00;
		margin-bottom: 1rem;
    }

    #logo {
        margin: 0;
    }

    .selectnav {
        display: block;
        margin: 0 auto;
        margin-top: 40px;
        margin-bottom: 20px;
    }

	#metamenu {
		margin-top: .7rem;
	}

    #mainmenu-container {
        /* display: block; */
		position: fixed;
		top: 0;
		right: 7rem;
		z-index: 999;
		height:auto;
		/* overflow: hidden; */
    }
	
	body.active {
		height:100%;
		overflow:hidden;
	}
	
	.active #mainmenu-container {
		right: 0;
		width: 100%;
		height: calc(100vh - 5rem);
		background: rgba(0,0,0,.7);
		top: 5rem;
		overflow-y: auto;
	}
	
	.active #metamenu {
		display:none;
	}
	
	
	.down #metamenu {
		margin-top: .7rem;
	}


    header .buttons {
        width: 100%;
        display: block;
        text-align: center;
        float: none;
        margin-top: 0;
    }

    header, #content, footer, #subheader, #booking {
        padding-left: 0;
        padding-right: 0;
		clear: both;
    }

    header, #mainmenu-container {
        border: none;
    }
	
	header .col-md-10 {
		margin-bottom: 0;
	}

    footer nav {
        display: inline-block;
    }

    .bloglist-small {
        float: left;
    }

    #subheader {
        padding-bottom: 0;
    }

    header .social {
        width: 100%;
        text-align: center;
        margin: 40px 0 40px 0;
    }

    #menu-btn {
        display: block;
		cursor: pointer;
    }

    #mainmenu-container {
        display: block;
    }

    #mainmenu {
        display: none;
        left: 0;
        float: none;
        z-index: 200;
        width: 100%;
		/* height: 100vh; */
        margin: 0;
        padding: 0;
		background:#FFF;
		overflow: hidden;
    }

    #mainmenu > li {
        font-size: 16px;
        margin-bottom: 0;
    }

    #mainmenu li {
        text-align: left;
        border-bottom: solid 1px #ddd;
    }

    #mainmenu li.active {
        background: #EF7C00;
    }	
	
	body:not(.p1x) #mainmenu li.n6.active,
	body:not(.p1x) #mainmenu .n6 li.active {
		background: #FFF;
	}

	#mainmenu li a {
		padding: .9rem 0 .8rem;
		text-transform: uppercase;
		font-size: var(--base);
		line-height: 1;
	}	

	#mainmenu li li:first-child a {
		/* padding-top: 1rem; */
	}

	#mainmenu li li a {
		color: #EF7C00 !important;
	}
	
    #mainmenu li a.active {
        color: #FFF !important;
    }	
	
	body:not(.p1x) #mainmenu li.active.n6 a {
		color: #555 !important;
	}	
	
	#mainmenu li ul {
		border-radius: 0;
	}
	
    #mainmenu li li {
        padding-left: 1rem;
    }

	#mainmenu a::after {
	height:0;
	width:0;
	border:0;
	}
	
    #mainmenu li a:hover {
        background: none !important;
    }

    #mainmenu li:hover {
        background: #eee;
    }

    #mainmenu li ul {
        /* display: block; */
		/* display: none; */
        position: inherit;
        margin: 0;
        width: 100%
    }

    #mainmenu li li {
        background: #FFF;
    }

    #mainmenu li {
        border-bottom: solid 1px #eee;
        margin: 0;
        width: 100%;
        display: block;
        letter-spacing: 3px
    }

    #mainmenu li.nav-item:last-child {
		margin-bottom: 40px
    }

    #mainmenu > li li:first-child {
        border-top: solid 1px #eee;
    }

    #mainmenu li ul {
        border-top: solid 1px #333;
        border: none;
        /* margin-top: -15px; */
        top: 0;
    }

    #mainmenu li ul a {
        width: 100%;
        background: none;
        border: none
    }

    #mainmenu li ul li a {
        display: block
    }

    #mainmenu li ul li:last-child {
        border-bottom: none;
        margin: 0
    }

    #mainmenu li ul li:last-child a {
        border-bottom: none
    }

    #mainmenu li a {
        color: #555 !important;
        letter-spacing: 0;

    }

    header .search,
    header .social {
        display: none;
    }

    #subheader .overlay {
        background: none;
    }

    .cta-form input[type=text] {
        width: 60%;
    }

    .cta-form input[type=submit] {
        border-radius: 0 10px 10px 0;
        background: #0072bc;
        width: 40%;
    }
}


@media only screen and (min-width: 1900px) and (orientation:landscape) {
	header + header .col-md-9.right {
	padding:0;
	}
	
	footer .col-8 .col:nth-of-type(2) {
		margin-left: -1.5rem;
	}	
	
	footer .col-8 .col:nth-of-type(3) {
		margin-left: 4rem;
	}
}


/* ===================================== */
/* MOBILE REWRITE                        */
/* ===================================== */


@media only screen and (max-width: 550px) and (orientation:portrait) {
    #mainmenu-container {
	right: 5.5rem;
	}
	body.p1x .color.feature {
	padding: 1.5rem 1rem 1rem 1rem;
	}
	.owl-carousel {
	padding-top: 1rem;
	}
}

#content .container:not(:first-of-type) {
    margin-top: 1em;
}

body.active .search-btn::before,
body.active #menu-btn::before {
	display: block;
	/* margin-top: -.35rem;		 */
}

.active #menu-btn::before {
	/* color: #fff;		 */
}

@media only screen and (max-width: 600px), (orientation:portrait) {
	p {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	}
	
	body.p26x p {
	-webkit-hyphens: revert;
	-moz-hyphens: revert;
	hyphens: revert;				
	}
}

@media only screen and (max-width: 1399px), (orientation:portrait) {
	
	header.clone {
	top: 0;
	position: fixed;				
	}
	
	.search-btn {
		display: inline-block;
		width: 40px;
		height: 40px;
		position: fixed;
		right: 5.5rem;
		top: .8rem;
		z-index: 1000;
	}

	.search-btn::before {
	font-family: icon;
	content: "\e911";
	font-size: 35px;
	color: #EF7C00;
	line-height: 1;
	}
	
	body.p1x.active .search-btn::before,
	body.p1x.active #menu-btn::before {
		color:#fff;			
	}	
	
	#wrapper {
		/* margin-top: 3.9rem; */
		margin-top: 5rem;
	}	
	
	body.p1x section#logos,
	body.p1x section#events,
	body.p1x section#intro {	
		background: transparent;
	}
	
	body.p1x section#logos img {
		background: #fff;
	}
	
	body.p1x #claim  {
		font-size: var(--big);
		line-height: 1;
		padding-top: 1.8rem;
	}	

	body.p1x #new {	
	margin-bottom: 0
	}	
	
	body.p1x h3 + p,
	body.p1x .grid p {
		font-size: var(--small);
	}
	
	body.p1x #events p.headline,
	body.p1x .color.feature .title span {
		/* line-height: 1; */
		font-size: var(--medium);
		margin-top: 1rem;
		display: block;
	}
	
	body.p1x p.headline a,
	body.p1x p.headline {
		margin-top: 2.5rem;
		font-size: var(--big);
		font-weight: 300;
		line-height: 1;
	}	
			
	body.p1x #events .item  p {		
		margin: 0;
		line-height: 1;
	}	
	
	body.p1x h3,
	body.p1x #events .item  p.headline {
		font-weight: 400;
		color: #888;
		margin-bottom:.5rem;
	}
	
	body.p1x #events .col-md-7,
	body.p1x #events .col-md-5 {
		background: #fff;
	}
	
	body.p1x #events .owl-theme .owl-nav.disabled + .owl-dots {
		margin-bottom:0;
	}
	
	body.p1x .btn {
		padding: .25rem 1rem;
	}
	
	.btn {
	text-align: center;
	display: block;
	}
	
	.grid.title .right {
		margin:1rem 0;
	}
	
	body.p1x #news .btn {
		padding: 1rem .8rem .5rem .8rem;
		border: 0;
		color: #222;
		text-transform: none;
		text-align: left;
	}
	
	body.p1x #events .btn {
		margin-bottom: 1rem;
	}
	
	body.p1x #news .btn::after {
		display: block;
		content: 'weiterlesen';
		text-transform:uppercase;
		border: 1px solid #EF7C00;
		color:#EF7C00;
		margin-top:1rem;
		padding: .25rem 1rem;
		text-align: center;
	}
	
	body.p1x #logos .col-md-12 {
	  width: 100%;
	  display: grid;
	  grid-template-columns: repeat(3, 1fr);
	  grid-gap: 1rem;
	}
	
	.offset-md-1 {
		margin-left: 0;
	}	
	
	.container, .container-md, .container-sm {
		max-width: 100%;
		padding-bottom: 1rem;
	}	
	
	header .container {
		padding-bottom: 0;
	}
		
	.col-sm-12 {
		flex: 0 0 auto;
		width: 100%;
	}
	
	footer .left,
	footer .right {
		text-align: center;
	}
	
	body.p1x section#logos a:nth-child(even),
	.col-hide-m {
	display:none;
	}
	
	footer .col-hide-m.flex {
	display:block;
	width:100%;
	}
	footer .col-hide-m.flex .col {
	display:none;
	}
	
	footer .col-hide-m.flex .col.social {
	display:block;
	margin: 2rem 0 -1.5rem 0;
	width: 100%;
	text-align: center;
	}	
}

@media only screen and (max-width: 500px) {
	body.p1x section#logos img[alt^="e+M"] {
		height:55px;
		width:auto;
	}	
}

.layoutArtikel #hero {
	background-size: cover;
}

.layoutDefault #logo .full.inverted {
	filter: invert();
}

.down .layoutDefault #logo .full.inverted {
	filter: invert(0);
}

#content.form {
	width: 70vw;
	margin-left: auto;
}