/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/305ae2");
  
@font-face {
	font-family: 'FuturaStd-ExtraBoldOblique';
	src: url('../Fonts/305AE2_0_0.eot');
	src: url('../Fonts/305AE2_0_0.eot?#iefix') format('embedded-opentype'),url('../Fonts/305AE2_0_0.woff2') format('woff2'),url('../Fonts/305AE2_0_0.woff') format('woff'),url('../Fonts/305AE2_0_0.ttf') format('truetype');
}
   
@font-face {
	font-family: 'FFEurekaSansWebPro';
	src: url('../Fonts/305AE2_1_0.eot');
	src: url('../Fonts/305AE2_1_0.eot?#iefix') format('embedded-opentype'),url('../Fonts/305AE2_1_0.woff2') format('woff2'),url('../Fonts/305AE2_1_0.woff') format('woff'),url('../Fonts/305AE2_1_0.ttf') format('truetype');
}

body {
	font-family: FFEurekaSansWebPro, Arial, sans-serif;
}

.header {
	padding:		40px 0;
	background-color: white;
}

#claim {
	padding:		60px 0 0 0;
	text-align:		right;
	font-size:		22px;
	letter-spacing:	1px;
}


/*********************/
/** Main navigation **/

.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sf-menu li {
	position: relative;
}
.sf-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99;
}
.sf-arrows .sf-with-ul {
    padding-right: 0;
}
.sf-menu > li {
	float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
}

.sf-menu a {
	display: block;
	position: relative;
}

.sf-arrows .sf-with-ul:after {
	display:	none;
}
.sf-menu ul ul {
	top: 0;
	left: 100%;
}
/*.sf-menu ul {
	min-width: 12em; /* allow long menu items to determine submenu width *
	*width: 12em; /* no auto sub width for IE7, see white-space comment below *
}*/
.mainNav-responsive-btn {
	display:		none;
}
.mainNav-responsive-btn div {
	width:			40px;
	color:			white;
	padding:		7px 0 12px 0;
	margin-left:	20px;
	font-size:		30px;
}
.mobnav-subarrow {
	display: 		none;
}

.navBar {
	background-color: #201E44;
}
#mainNav {
	list-style-type: none;
	padding:		0 15px;
	margin:			0;
	display:		table;
	table-layout: 	fixed;
	width:			100%;
	z-index:		1024;
}

#mainNav li {
	color:			white;
    font-size:		18px;
    letter-spacing:	1px;
    text-transform:	uppercase;
    text-align:		center;
    line-height:	50px;
    display: 		table-cell;
    position:		relative;
    transition: 	all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: 	all .2s ease;
}

#mainNav li a {
	color:			white;
	display:		block;
	width:			100%;
    text-decoration: none;
}

#mainNav li:hover,
#mainNav li.sfHover {
	background-color: white;
	transition: 	all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: 	all .5s ease;
}

#mainNav li:hover a,
#mainNav li.sfHover a,
#mainNav ul li a {
	color:			#222;
}

#mainNav li #shop {
	text-transform:	none;
} 

#mainNav ul {
	padding:		10px 0;
	position:		absolute;
	left:			0;
	right:			0;
	background-color: white;
	z-index:		1024;
}

#mainNav ul li {
	display:		block;
	line-height:	1em;
	padding:		.5em 8px;
}

#mainNav ul li a {
	line-height:	1.2em;
}




/**********************/
/** Striped gallery  **/

.jumbotron {
    text-align: 	center;
    padding:		0;
    overflow:		hidden;
    position:		relative;
    margin-bottom:	0;
}
.jumbotron div.title_line {
    width: 			41px;
    height: 		1px;
    margin: 		40px auto;
}
.jumbotron a {
    text-decoration: none;
}

.jumbotron .gallery-list_content .gallery-title h3 {
    text-align: 	center;
    color:			white;
    text-transform: uppercase;
    letter-spacing:	2px;
    font-size:		30px;
    font-weight: 	normal;
    font-family:	FuturaStd-ExtraBoldOblique, Arial;
    text-shadow: 	1px 1px 6px rgba(100, 100, 100, 1);
    line-height:	1em;
    filter:			progid:DXImageTransform.Microsoft.dropshadow(color=#646464, offx=2, offy=1);
    transition: 	all 1s ease;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: 	all 1s ease;
}

.jumbotron .gallery-list_content .horizontal-list-item {
    text-align: 	center;
    float: 			left;
    height: 		100%;
    display: 		inline-block;
    position: 		relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    overflow: 		hidden;
    -webkit-transition: all 690ms;
    -moz-transition: all 690ms;
    transition: 	all 690ms;
}

.jumbotron .gallery-list_content .gallery-title {
    width: 			200px;
    top: 			50%;
    left: 			50%;
    margin: 		0 auto;
    opacity: 		1;
    position: 		absolute;
    -webkit-transform:translateY(-50%) translateX(-50%);
    -moz-transform:	translateY(-50%) translateX(-50%);
    -ms-transform:	translateY(-50%) translateX(-50%);
    -o-transform:	translateY(-50%) translateX(-50%);
    transform:		translateY(-50%) translateX(-50%);
    -webkit-transition:all 0.5s ease 0.1s;
    -moz-transition:all 0.5s ease 0.1s;
    -o-transition:	all 0.5s ease 0.1s;
    transition:		all 0.5s ease 0.1s;
    z-index: 		1;
}
.jumbotron .gallery-list_content .horizontal-list-item .color-overlay {
    transition: 	all 1s ease;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: 	all 1s ease;
    z-index: 		1;
    background-color: white;
    opacity: 		0;
}
.jumbotron .gallery-list_content .pattern-overlay, .color-overlay {
    position: 		absolute;
    width: 			100%;
    height: 		100%;
    background-repeat: repeat;
    z-index: 		2;
    top: 			0;
    left: 			0;
}
.jumbotron .gallery-list_content .horizontal-list-item .gallery-info {
    bottom: 		0;
    margin: 		0 auto;
    position: 		absolute;
    text-align: 	center;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: 	all 0.2s ease-in;
    transition: 	all 0.2s ease-in 0s;
    width: 			100%;
    z-index: 		1;
}

.jumbotron .gallery-list_content .gallery-info {
    margin-right: 	0;
    position: 		absolute;
    top: 			50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:	translateY(-50%);
    -ms-transform:	translateY(-50%);
    -o-transform:	translateY(-50%);
    transform:		translateY(-50%);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: 	all 0.3s;
    transition: 	all 0.3s;
    z-index: 		1;
}

.jumbotron .gallery-list_content .gallery-description {
    color: 			#201E44;
    -webkit-transition:all 0.5s ease 0.1s;
    -moz-transition:all 0.5s ease 0.1s;
    -o-transition:	all 0.5s ease 0.1s;
    transition:		all 0.5s ease 0.1s;
    top: 			60%;
    position: 		absolute;
    padding: 		0 15%;
    visibility: 	hidden;

}
.jumbotron .gallery-list_content .gallery-description p {
    font-size: 		18px;
}
.jumbotron .gallery-list_content .gallery-description div.more {
    padding-top:	3em;
}
.jumbotron .gallery-list_content .gallery-description a.more {
	font-size: 		18px;
    color:			#201E44;
    padding:		10px 25px 10px 0;
    background:		transparent url(../Media/Icons/Link-bullet.png) center right no-repeat;
}
.jumbotron .gallery-list_content .gallery-description a.more:hover {
    text-decoration:underline;
}

/*-hover-*/
.jumbotron .gallery-list_content .horizontal-list-item:hover {
    -webkit-transition: all 290ms;
    -moz-transition: all 290ms;
    transition: 	all 290ms;
}

.jumbotron .gallery-list_content .horizontal-list-item:hover .gallery-title {
    top: 			10%;
    transition: 	all 0.5s ease 0.1s;
}
.jumbotron .gallery-list_content .horizontal-list-item:hover .gallery-description {
    top: 			30%;
    visibility: 	visible;
}
.jumbotron .gallery-list_content .horizontal-list-item:hover .color-overlay {
    opacity: 		.8 !important;
}
.jumbotron .gallery-list_content .horizontal-list-item:hover .gallery-title h3 {
	color:			#201E44;
	text-shadow: 	0 0 0 rgba(100, 100, 100, 0);
    filter: 		none;
}
.jumbotron .barOverlay {
	position:		absolute;
	bottom:			0;
	width:			100%;
	height:			60px;
	background-color: #999999;
	opacity:		.8;
	z-index:		998;
}



/********************/
/**  Breadcrumb    **/

#breadcrumb {
	list-style-type: none;
	margin:			25px 0;
	padding:		0;
	font-size:		16px;
}

#breadcrumb li {
	display:		inline;
}
#breadcrumb li:after {
	content: 		'|';
}
#breadcrumb li:last-child:after {
	content:		'';
}

#breadcrumb a {
	color:			#666666;
	padding:		0 10px;
}
#breadcrumb span {
	padding:		0 10px;
}
#breadcrumb li:first-child a,
#breadcrumb li:first-child span {
	padding-left:	0;
}



/********************/
/**    Content     **/

#content {
	clear:			both;
	font-size:		18px;
	padding-bottom:	180px;
}
.striped {
	padding-bottom: 0 !important;
}

.dark {
	background-color: #201E44;
	padding:		90px 0;
	color:			white;
}

.medium {
	background-color: #E9E9EA;
	padding:		120px 0;
	color:			#222;
}

.light {
	background-color: white;
	padding:		120px 0;
	color:			#222;
}

#content h1,
#content h2 {
	font-size:		48px;
	margin-bottom:	0.5em;
}

#content h3 {
	font-size:		24px;
	text-transform:	uppercase;
}

#content h4 {
	font-size:		20px;
	font-weight:	bold;
}

.dark h1,
.medium h1,
.light h1,
.dark h2,
.medium h2,
.light h2 {
	display:		block;
	margin:			0 auto 1em;
	text-align:		center;
	font-size:		48px;
	max-width:		860px;
}

.dark p,
.medium p,
.light p {
	font-size:		20px;
	text-align:		center;
	padding-bottom:	25px;	
}

.light p,
.medium p {
	color:			#666666;
}

.dark .twoCols p,
.dark .fourCols p,
.medium .twoCols p,
.medium .fourCols p,
.light .twoCols p,
.light .fourCols p {
	text-align:		left;
	padding-bottom:	1.5em;
}

.twoCols,
.fourCols,
.clear {
	clear:			both;
}

.pill {
	margin:			60px auto;
	text-transform:	uppercase;
	letter-spacing:	1px;
	padding:		17px 0 15px;
	text-align:		center;
	width:			220px;
	display:		block;
	border:			3px solid white;
	border-radius:	35px;
	font-size:		20px;
	line-height:	20px;
}

.text .pill {
	margin:			20px auto;
}

.pill:hover {
	background-color: #EEEEEE;
}
a.pill:hover {
	text-decoration: none;
}
.dark a.pill {
	color:			white;
	border-color:	white;
	margin-bottom:	0;
}
.dark .pill:hover {
	background-color: #4B4973;
}

.medium a.pill,
.stage .text a.pill {
	color:			#222222;
	border-color:	#222222;
	margin-bottom:	0;
}
.medium .pill:hover,
.stage .text a.pill:hover {
	background-color: #DDDDDD;
}

a.more {
    color:			#201E44;
    padding:		10px 30px 10px 0;
    background:		transparent url(../Media/Icons/Link-bullet.png) center right no-repeat;
}

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

.teaser-text p {
	margin: 0;
}

.stage {
	margin: 		0 0 3em 0; 
	background-color: #E8E8E9;
}
.stage .image {
	margin-left: 	0; 
	padding-left: 	0;
	padding-right:	0;
}
.stage .image .ce-gallery {
	padding-bottom: 0;
	margin-bottom: 	0;
	margin-right:	0;
}
.stage .text {
	padding-top:	1em;
	padding-left:	25px;
}


#content > .accordion-row .expandable {
	border-top: dotted 1px #222222;
	padding-top: 16px;
}

.expandable {
    margin-bottom: 16px;
    border-bottom: dotted 1px #222222;
}

.expandable-title {
    margin: .2em 0;
    font-size:	36px;
    cursor: pointer;
    min-height: 1em;
    line-height: 1em;
    font-weight: normal;
}

.expandable-title .expandable-header {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}

.expandable-icon {
    float: right;
    color: #201E44;
    font-size: 32px;
    line-height: 48px;
    margin-top: .1em;
}

.expandable-text {
    margin: 16px 0;
    padding-right: 97px;
    display: none;
}

.expandable-text h3 {
    color: #494948;
    font-size: 16px;
    font-weight: bold;
}

.responsive-video,
.mediaelement-video {
	position: relative;
	padding-bottom: 2em;
	padding-top: 1em;
	overflow: hidden;
}

.responsive-video iframe,
.mediaelement-video iframe {
	max-width: 100%;
	max-height: 100%;
}

iframe {
	border: none;
}


/*********************/
/**   Extensions    **/

#content .news-list-view h3 {
	text-transform: none;
	margin-top:		0;
	margin-bottom: 	10px;
}

.news-list-view h3 a {
	color:			#222;
}

.news-list-view .article {
	border-bottom:	1px solid #201E44;
	margin-bottom:	2em;
}

.news-list-view .article:last-child {
	border-bottom:	none;
}

.news-list-view .teaser-text span {
	margin-bottom:	1.5em;
	display:		block;
}

#content .news-single h1 {
	margin-bottom:	.5em;
}

.news-single .date {
	margin-bottom:	0;
}

#content .news-single .header {
	padding:		0;
}

.news-single .teaser-text {
	font-weight:	bold;
	font-size:		1em;
	color:			#222;
	padding-bottom: 1.5em;
	clear:			left;
}

.news-list-view .fourCols .article h4 a {
	color:			#222;
}

.news-list-view .fourCols .article {
	margin-bottom:	3em;
}

.news-list-view .article .news-img-wrap {
	float:	none;
	background-color: transparent;
}

.news-single .article .news-img-wrap {
	width: auto;
	float: none;
	margin: 0 0 1.5em 0;
}

#content .news-single .article .news-img-wrap img {
	width: auto;
	max-width: 100%;
}

.dark .news,
.medium .news,
.light .news {
	margin-bottom:	60px;
}

.dark .news-list-view,
.medium .news-list-view,
.light .news-list-view {
	max-width:		600px;
	margin:			0 auto;
}
.dark .news p,
.medium .news p,
.light .news p {
	text-align:		left;
	margin-bottom:	0;	
	padding-bottom: 0;
}


/* Powermail */
.powermail_form ul.parsley-errors-list {
	margin:			0;
	padding:		0;
	list-style-type: none;
}
.powermail_form ul.parsley-errors-list li::before {
	content: 		"";	
}
.powermail_form ul.parsley-errors-list li {
	padding:		0 10px;
}
.powermail_form table {
	margin-bottom:	1.5em;
}
.powermail_form td.right {
	padding-left:	1em;
	text-align:		right;
}
.powermail_form input.parsley-error {
	border:			1px solid #cc0000;
}
.powermail_form ul.filled,
.powermail_form ul.powermail_message_error {
	border:			1px solid #cc0000;
	border-radius:	4px;
	background-color: #eecccc;
	color:			#cc0000;
	padding:		10px;
	list-style-type:none;
}
.powermail_form select {
	width: auto;
	padding-right: 20px;
	margin-bottom: 16px;
}
#content .powermail_form input,
.fancybox-inner .powermail_form input,
#content .powermail_form textarea,
.fancybox-inner .powermail_form textarea {
	max-width: 450px;
	margin-bottom: 16px;
}
.powermail_fieldwrap_text {
	padding-top: 16px;
	margin-bottom: 32px;
}
.powermail_form .mandatory,
#content form .mandatory,
.fancybox-inner form .mandatory {
	padding-left: 8px;
	padding-right: 4px; 
	color: #F7941C;
}

.powermail_legend {
	display:	none;
}
.powermail_form .powermail_fieldwrap_submit .align {
	max-width:	450px;
	text-align: right;
}


/*********************/
/**     Footer      **/

#footer {
	background-color: #201E44;
	min-height:		50px;
	padding:		10px 0;
	color:			white;
}

#footerNav {
	list-style-type: none;
	text-align:		center;
	font-size:		16px;
	padding:		12px 0 0 0;
	margin:			0;
}

#footerNav li {
	display:		inline;
}
#footerNav li:after {
	content: 		'|';
}
#footerNav li:last-child:after {
	content:		'';
}

#footerNav a {
	color:			white;
	padding:		0 10px;
}



/*********************/
/** Responsiveness  **/

@media (max-width: 1199px) {
	 .jumbotron .gallery-list_content .gallery-description div.more {
	    padding-top:	1.5em;
	}
	.jumbotron .barOverlay {
		display:		none;
	}
	#content .stage .image {
		padding-right: 	0;
	}
	.stage .text {
		padding-top: 	1em;
		padding-left:	15px;
		font-size:		.9em;
	}
	.stage .text .pill {
		width: 			90%;
		font-size:		.9em;
		margin:			12px auto;
		padding:		8px 0 7px;
		border-width:	2px;
	}
	.fourCols .three {
		clear:			left;
	}
}

@media (max-width: 991px) {
	#claim {
		font-size: 		16px;
	}
	#mainNav li {
		font-size: 		14px;
	}
	.stage .image {
		padding-right: 	0;
	}
	#content .stage .text {
		padding-top: 	.5em;
	}
	.stage .text {
		font-size:		1em;
	}
	.stage .text .pill {
		min-width: 		220px;
		width:			220px;
		font-size:		1em;
		margin:			20px 10px;
		padding:		17px 0 15px;
		border-width:	3px;
	}
}

@media (max-width: 767px) {
	.header {
		padding: 		20px 0;
	}
	#logo img {
		width: 			160px;
	}
	#mainNav li a,
	.sf-arrows .sf-with-ul {
	    padding-right: 	2.5em;
	}
	.sf-arrows .sf-with-ul:after {
		display:		block;
	}
	.mainNav-responsive-btn {
		display:		block;
		cursor:			pointer;
	}
	.mobnav-subarrow {
		display: 		block;
		height: 		30px;
		width: 			30px;
		background-position: top left!important;
		position: 		absolute;
		top: 			18px;
		right: 			0;
		cursor: 		pointer;
	}
	#mainNav {
		display:		none;
		padding:		0 5px 5px 5px;
	}
	#mainNav li {
		display:		block;
		font-size:		16px;
	}
	#mainNav ul {
		position:		relative;
	}
	.jumbotron .gallery-list_content .gallery-info {
		top: 40%;
	}
	.jumbotron p {
        padding: 0 5% !important;
    }
    .jumbotron .gallery-list_content .gallery-description div.more {
	    padding-top:	.5em;
	}
	.news-list-view .fourCols .article {
		border-bottom:	1px solid #222;
		padding-bottom:	1.5em;
	}
	
}

@media (max-width: 420px) {
	.jumbotron .gallery-list_content .gallery-info {
		top: 40%;
	}
	.jumbotron .gallery-list_content .horizontal-list-item:hover .gallery-title {
	    top: 5%;
	}
	.jumbotron .gallery-list_content .horizontal-list-item .gallery-description p {
	    font-size: 12px;
	}
	.jumbotron .gallery-list_content .horizontal-list-item:hover .gallery-description {
	    top: 20%;
	    padding: 0 5%;
	}
	#content h1,
	#content h2 {
		font-size:		36px;
		margin-bottom:	1em;
	}
}


.tx-powermail .container-fluid {

	padding-left: 0;
}

.expandable-header b {

	color: black;
	background-color: #feea3d;
	border: 5px solid #feea3d;
	border-left-width: 18px;
	border-right-width: 18px;
	border-radius: 25px 25px 25px 25px;

	margin-right: 5px;

	/*
		color: black;
	background-color: #feea3d;
	border: 7px solid #feea3d;
	border-left-width: 20px;
	border-right-width: 20px;
	border-radius: 30px 30px 30px 30px;

	margin-right: 5px;
	*/
}


.expandable-header i {

	color: black;
	background-color: #feea3d;
	border: 5px solid #feea3d;
	border-left-width: 12px;
	border-right-width: 12px;
	border-radius: 25px 25px 25px 25px;

	margin-right: 5px;
	font-style: normal;
	font-weight: 700;
}

.location-header b {

	color: black;
	background-color: #feea3d;
	border: 5px solid #feea3d;
	border-left-width: 12px;
	border-right-width: 12px;
	border-radius: 20px 20px 20px 20px;

	margin-right: 5px;
}

.location-header i {

	color: black;
	background-color: #feea3d;
	border: 5px solid #feea3d;
	border-left-width: 9px;
	border-right-width: 9px;
	border-radius: 20px 20px 20px 20px;

	margin-right: 5px;
	font-style: normal;
	font-weight: 700;
}


.bigMap {

	position: absolute;
	
	display:none;
	z-index:99999;
	cursor: pointer;
}

.mapside {
	height: 450px;
}

@media (min-width: 990px) {

	.mapside {
		cursor: pointer;
	}
}	

.ka-stage-slider-2019 .ka-stage-background-image {

	width: 100% !important; 
}

.werkzeugkatalog {

    position: absolute;
    right: 0;
    top: 0;
    position: absolute;
    padding-top: 10px;
}

@media (max-width: 990px) {

	.werkzeugkatalog img {

		height: 60px !important;
		width: auto !important;
	}

}

@media (max-width: 767px) {

	.werkzeugkatalog img {

		height: 40px !important;
		width: auto !important;
	}

}

.stoerer2026 {

    right: 0;
    top: 8px;
    position: absolute;
    padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 20px;
	padding-left:40px;

	background-color: #fded03;
	border-top-left-radius: 35px;
	border-bottom-left-radius: 35px;
	font-size: 20px;
	font-weight: 900 !important;
	line-height: 1.1em;
}

.stoerer2026 p {
	margin: 0;
}


@media (max-width: 990px) {

	.stoerer2026 {

		font-size: 18px;
		max-width: 60% !important;
	}

}

@media (max-width: 767px) {

	.stoerer2026 {

		font-size: 13px;
		max-width: 60% !important;
	}

}