@charset "utf-8";
@font-face {
    font-family: 'fira_sansregular';
    src: url('../fonts/firasans-regular-webfont.eot');
    src: url('../fonts/firasans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/firasans-regular-webfont.woff2') format('woff2'),
         url('../fonts/firasans-regular-webfont.woff') format('woff'),
         url('../fonts/firasans-regular-webfont.svg#fira_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'fira_sansbold';
    src: url('../fonts/firasans-bold-webfont.eot');
    src: url('../fonts/firasans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/firasans-bold-webfont.woff2') format('woff2'),
         url('../fonts/firasans-bold-webfont.woff') format('woff'),
         url('../fonts/firasans-bold-webfont.svg#fira_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'socicon';
    src: url('../fonts/socicon.eot');
    src: url('../fonts/socicon.eot?#iefix') format('embedded-opentype'),
         url('../fonts/socicon.woff') format('woff'),
         url('../fonts/socicon.ttf') format('truetype'),
         url('../fonts/socicon.svg#FuturaMdBTBold') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* Grundenstellungen */
body {
	margin:0;
	padding:0;
	font-family:'fira_sansregular', Arial, Helvetica, sans-serif;
	font-size:16px;
	position:relative;
	color:#4b4b4b;
	}
#bodyarea {
	margin:0;
	padding:0;
	position:relative;
	}
@media (max-width: 1280px) {
}
@media (max-width: 959px) {
}
@media (max-width: 767px) {
}
@media (max-width: 460px) {
}

/* Kopfbereich */
#headerarea {
	font-size:0;
	}
#logoarea {
	width:18%;
	height:800px;
	display:inline-block;
	vertical-align:top;
	text-align:center;
	padding:45px 0 0;
	background:url(../images/solaranlage-bad-kissingen-bg.jpg) no-repeat left top;
	overflow:hidden;
	position:relative;
	font-size:1rem;
	}
#logoarea img {
	width:80%;
	height:auto;
	}
#menubigarea {
	display:inline-block;
	vertical-align:top;
	width:9%;
	height:auto;
	padding:0;
	}
#menuarea {
	background:#4b4b4b;
	color:#f9b000;
	font-size:1.125rem;
	text-align:center;
	display:block;
	vertical-align:top;
	width:100%;
	height:830px;
	padding:45px 0 0;
	font-size:1rem;
	}
#menuarea ul {
	padding:0;
	margin:0;
	}
#menuarea li {
	list-style:none;
	padding:0;
	margin:0 0 60px;
transition: all 0.5s ease-in-out 0ms;
-webkit-transition: all 0.5s ease-in-out 0ms;
-moz-transition: all 0.5s ease-in-out 0ms;
-o-transition: all 0.5s ease-in-out 0ms;
-ms-transition: all 0.5s ease-in-out 0ms;
	}
#menuarea li:hover {
	background:rgba(0,0,0,0.3);
transition: all 0.5s ease-in-out 0ms;
-webkit-transition: all 0.5s ease-in-out 0ms;
-moz-transition: all 0.5s ease-in-out 0ms;
-o-transition: all 0.5s ease-in-out 0ms;
-ms-transition: all 0.5s ease-in-out 0ms;
	}
#menuarea a {
	color:#f9b000;
	text-decoration:none;
	}
#menuarea a::before {
	content:"";
	display:block;
	width:60px;
	height:60px;
	background-size:cover;
	margin:0 auto;
	}
#menuarea a.profillink::before {
	background:url(../images/profil-icon.svg) no-repeat center center;
	background-size:cover;
	}
#menuarea a.referenzenlink::before {
	background:url(../images/referenzen-icon.svg) no-repeat center center;
	background-size:cover;
	}
#menuarea a.produktinfolink::before {
	background:url(../images/produkt-icon.svg) no-repeat center center;
	background-size:cover;
	}
#menuarea a.vortraegelink::before {
	background:url(../images/vortrag-icon.svg) no-repeat center center;
	background-size:cover;
	}
#menuarea a.bloglink::before {
	background:url(../images/blog-icon.svg) no-repeat center center;
	background-size:cover;
	}
#menuarea a.videolink::before {
	background:url(../images/video-icon.svg) no-repeat center center;
	background-size:cover;
	}
#mobilebutton {
	display:none;
	}
#menubigarea > input {
	display:none;
	}
	
#bigpicarea {
	background:#fff;
	color:#000;
	font-size:3.375rem;
	text-align:left;
	display:inline-block;
	vertical-align:top;
	width:73%;
	height:0;
	padding:0 0 50%;
	overflow:hidden;
	position:relative;
	}
#bigpicarea .onlypic {
	height:845px;
	width:100%;
	display:block;
	overflow:hidden;
	}
#bigpicarea p {
	margin:0;
	padding:0;
	}
#bigpicarea img {
	width:100%;
	height:auto;
	}


.camera_caption {
	background:#f9b000;
	width:36%;
	height:auto;
	padding:120px 2% 50px;
	display:block;
	margin:0 5% 100px 55%;
	position:absolute;
	}
.camera_caption > div {
    background: none !important;
	padding:10px 0 10px 20px !important;
}
#bigpicarea .camera_caption > div {
	font-family:'fira_sansregular', Arial, Helvetica, sans-serif;
	font-size:3.375rem !important;
	line-height:1.1em;
	color:#000 !important;
/*	hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;*/
}
#bigpicarea .camera_caption_title {
    font-size: 3.375rem !important;
    font-weight: normal;
    line-height: 1.1em;
	font-family:'fira_sansbold', "Arial Black", Gadget, sans-serif;
}
#bigpicarea .camera_caption > div div.camera_caption_desc {
    font-size: 3.375rem !important;
	line-height: 1.1em;
}
#bigpicarea .camera_caption > div:before {
	background:#fff;
	top:0;
	position:absolute;
	height:35px;
	width:22%;
	content:"";
	display:block;
	}
.camera_fakehover {
    max-height: 845px;
    overflow: hidden;
}
.camera_wrap .camera_pag .camera_pag_ul li {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    float: none !important;
    overflow: hidden;
    height: 12px;
    margin: 13px 5px 20px !important;
    position: relative;
    text-align: left;
    text-indent: 9999px;
    width: 30px !important;
	background:#a0c8db !important;
}
.camera_wrap .camera_pag .camera_pag_ul li > span {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    height: 12px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 30px;
}
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {
    background: #f9b000 !important;
}
.camera_wrap .camera_pag .camera_pag_ul {
    margin: 0 0 0 55%;
    text-align: left !important;
    height: auto !important;
}
@media (max-width: 1840px) {
#logoarea {
	width:18%;
	height:0;
	padding:45px 0 calc(46% - 45px);
	}
#menuarea {
	width:100%;
	height:0;
	padding:45px 0 calc(551% - 15px);
	}
#menuarea li {
    margin: 0 0 30px;
}
	}

@media (max-width: 1280px) {
#menuarea {
	height:0;
	padding:45px 0 calc(511% - 15px);
	font-size: 0.875rem;
	}
#menuarea li {
	margin:0 0 10px;
}
#logoarea {
    width: 18%;
	height:0;
	padding:45px 0 calc(46% - 45px);
}
#bigpicarea {
}
.camera_caption {
	width: 36%;
	padding: 50px 2% 10px;
}
#bigpicarea .camera_caption_title,
#bigpicarea .camera_caption > div div.camera_caption_desc {
    font-size: 2.5rem !important;
}
}
@media (max-width: 1280px) {
#menuarea {
	height:0;
	padding:45px 0 560px;
	font-size: 0.875rem;
	}
}
@media (max-width: 959px) {
#logoarea {
    width: 80%;
    height: auto;
    display: block;
    vertical-align: top;
    text-align: center;
    padding: 10px 10% 10px 10%;
    background: url(../images/solaranlage-bad-kissingen-bg.jpg) no-repeat left top;
	background-size:cover;
    position: relative;
}
#logoarea img {
    width: 50%;
}
#menubigarea {
	display:inline-block;
	vertical-align:top;
	width:100%;
	height:auto;
	padding:0;
	}
#bigpicarea .onlypic {
	height:auto;
	width:100%;
	display:block;
	overflow:hidden;
	}
#menuarea {
    text-align: center;
    display: inline-block;
    vertical-align: top;
    width: 98%;
    height: 70px;
    padding: 10px 1% 20px 1%;
    font-size: 0.875rem;
}
#menuarea li {
    padding: 0 calc(7% - 33px) 0 calc(7% - 33px);
    margin: 0;
	display:inline-block;
	font-size:0;
}
#menuarea li a {
	font-size:0.875rem;
}
#bigpicarea {
    text-align: left;
    display: block;
    vertical-align: top;
    width: 100%;
    height: auto;
    padding: 0;
    overflow: hidden;
    position: relative;
}
}
@media (max-width: 767px) {
#logoarea img {
    width: 60%;
}
.camera_caption {
    width: 60%;
    padding: 10px 2% 5px;
	margin: 0 5% 30px 35%;
}
#bigpicarea .camera_caption > div::before {
    height: 10px;
    width: 22%;
}
#menuarea li a {
	font-size:0.75rem;
}
}
@media (max-width: 460px) {
#logoarea img {
    width: 80%;
}
.camera_caption {
    width: 60%;
    padding: 10px 2% 5px;
	margin: 0 5% 30px 35%;
}
#bigpicarea .camera_caption_title {
    font-size: 2rem !important;
}
#bigpicarea .camera_caption > div div.camera_caption_desc {
    font-size: 1.25rem !important;
}
#bigpicarea .camera_caption > div::before {
    height: 10px;
    width: 22%;
}

#headerarea #menubigarea {
	clear:both;
	position:relative;
	float:none;
  	width: 100%;
	padding:0;
	margin:0;
	top:0;
	}
#mobilebutton {
	clear:both;
	position:relative;
	top:0;
	display:block;
    width: 100%;
	height:82px;
    z-index: 10;
	background: #4b4b4b;
	}
#mobilebutton #bars {
    display: block;
    padding: 30px 0;
    width: 82px;
	margin:0 auto;
}
#mobilebutton #bars span.bar {
    background: #f9b000 none repeat scroll 0 0;
    display: block;
    margin: 0 auto 5px;
    padding-bottom: 3px;
    width: 50px;
}

#menubigarea > div#menuarea{
	clear:both;
	position:absolute;
	float:right;
  	width: 0;
	padding:0;
	margin:0 0 2rem 0;
	height: 60rem;
	display:block;
	overflow:hidden;
  	color:#ffffff;
  	z-index:300;
	background: rgba(61,61,61,0.9);
 transition: all 0.5s ease-in-out 50ms;
 -webkit-transition: all 0.5s ease-in-out 50ms;
 -moz-transition: all 0.5s ease-in-out 50ms; 
 -o-transition: all 0.5s ease-in-out 50ms; 
 -ms-transition: all 0.5s ease-in-out 50ms;
}
#menubigarea > label + input:checked + div#menuarea{
  width:100%;
  transition: all 0.5s ease-in-out 50ms;
 -webkit-transition: all 0.5s ease-in-out 50ms;
 -moz-transition: all 0.5s ease-in-out 50ms; 
 -o-transition: all 0.5s ease-in-out 50ms; 
 -ms-transition: all 0.5s ease-in-out 50ms;
}
#menuarea li {
    padding: 0 calc(10% - 33px) 20px calc(10% - 33px);
    margin: 0;
	display:block;
	font-size:0;
}
#menuarea li a {
	font-size:1rem;
	line-height: 0.5em;
}
}

/* Hauptbereich */
h1, 
h2 {
	font-size:3.375rem;
	font-family:'fira_sansbold', "Arial Black", Gadget, sans-serif;
	font-weight:normal;
	line-height: 1em;
	margin: 0 0 20px;
	z-index:100;
	position:relative;
	}
h1 a,
h2 a {
	color:#4b4b4b;
	text-decoration:none;
	}
h3 {
	font-size:1.875rem;
	font-weight:normal;
	margin:0 0 25px;
	z-index:100;
	position:relative;
	}
.item-content ul + p:before,
.item-content ul + ul:before,
.item-content h3 + p:before {
	content:"";
	display:block;
	width:30%;
	height:13px;
	background:#4b4b4b;
	margin:0 0 40px;
	position:relative;
	z-index:100;
	}
.item-content ul {
	margin:0;
	padding:0;
	position:relative;
	z-index:100;
}
.item-content ul.fields-container {
	position:absolute;
    top:0;
    left:0;
}
.item-content ul li {
	list-style:none;
	margin:0 0 0.75rem;
	}
.item-content ul li:before {
	content:"";
	width:15px;
	height:15px;
	position:relative;
	margin:0 10px;
	background-color:#4b4b4b;
	display:block;
	float:left;
	z-index:100;
	}
.item-content ul.fields-container li:before {
    display:none;
}
.item-content {
	padding:95px 33% 120px 27%;
	width:40%;
	position:relative;
	overflow:hidden;
	}
.item-content dl.article-info {
	position:absolute;
	left:0;
	margin:0;
	}
.item-content dd {
	margin:0;
	}
.item-content li.grayicon {
	padding:10px 30px 10px 90px;
	border-right:1px solid #4b4b4b;
	border-top:1px solid #4b4b4b;
	border-bottom:1px solid #4b4b4b;
	position:absolute;
	left:0;
	top:95px;
	min-height:50px;
	min-width:50px;
	}
.item-content li.whiteicon {
	padding:10px 30px 10px 90px;
	border-right:1px solid #fff;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	position:absolute;
	left:0;
	top:95px;
	min-height:50px;
	min-width:50px;
	}
.blog-featured div.blog-item:nth-of-type(1) li.whiteicon,
.blog-featured div.blog-item:nth-of-type(3) li.whiteicon
{
	display:none;
	}
.blog-featured div.blog-item:nth-of-type(2) li.grayicon,
.blog-featured div.blog-item:nth-of-type(4) li.grayicon {
	display:none;
	}
.blog-featured div.blog-item:nth-of-type(2) .item-content,
.blog-featured div.blog-item:nth-of-type(4) .item-content {	
background: #006a9e;
color:#fff;
}
.blog-featured div.blog-item:nth-of-type(2) .item-content ul + p:before,
.blog-featured div.blog-item:nth-of-type(2) .item-content ul + ul:before,
.blog-featured div.blog-item:nth-of-type(2) .item-content h3 + p:before,
.blog-featured div.blog-item:nth-of-type(4) .item-content ul + p:before,
.blog-featured div.blog-item:nth-of-type(4) .item-content ul + ul:before,
.blog-featured div.blog-item:nth-of-type(4) .item-content h3 + p:before {	
	background:#fff;
}
.blog-featured div.blog-item:nth-of-type(2) .item-content h2 a,
.blog-featured div.blog-item:nth-of-type(4) .item-content h2 a {
	color:#fff;
}
.blog-featured div.blog-item:nth-of-type(2) .item-content ul li:before,
.blog-featured div.blog-item:nth-of-type(4) .item-content ul li:before {
	background-color:#fff;
}
.blog-featured .verdatum .field-label {
	display:none;
	}
.blog-featured div.blog-item:nth-of-type(2) .item-content:before {
	content:"";
	width:33%;
	height:800px;
	background:url(../images/solaranlage-bad-kissingen-bg.jpg) no-repeat right top;
	background-size:contain;
	position:absolute;
	right:0;
	top:0;
	display:block;
	opacity:0.5;
	}
.blog-featured .verdatum {
	font-size:5rem;
	font-family:'fira_sansbold', "Arial Black", Gadget, sans-serif;
	letter-spacing:-0.05em;
	position:absolute;
	right:0;
	width:30%;
	}
.blog-featured .verdatum:before {
	content:"Termin vormerken!";
	display:block;
	font-family:'fira_sansregular', Arial, Helvetica, sans-serif;
	font-size:1rem;
	letter-spacing:0;
	}
.blog-featured .verort {
	font-size: 1.875rem;
	font-weight: normal;
	position:absolute;
	right:0;
	width:30%;
	margin:6rem 0 0;
}
.blog-featured div.blog-item:nth-of-type(3) .item-content {
	padding:95px 10% 120px 50%;
	margin:0;
	background:url(../images/pvanlage-scheune.jpg) no-repeat top center;
	background-size:cover;
	}
.blog-featured div.blog-item:nth-of-type(3) .item-content:before {
	content:"";
	width:50%;
	min-height:800px;
	display:block;
	background:#fff;
	margin:-95px 0 0 -5%;
	position:absolute;
	z-index:20;
	}
.blog-featured .items-row h3,
.blog-featured .items-row p {
	z-index:110;
	position:relative;
	}
@media (max-width: 1550px) {
.blog-featured .verdatum {
    font-size: 3.375rem;
}
}
@media (max-width: 1280px) {
.item-content {
	padding:95px 16% 120px 27%;
	width:57%;
	}
.blog-featured div.blog-item:nth-of-type(3) .item-content {
	padding:95px 10% 120px 33%;
	}
.blog-featured div.blog-item:nth-of-type(3) .item-content:before {
	width:67%;
	}
.blog-featured div.blog-item:nth-of-type(2) .item-content:before {
	background-size:cover;
	}
.blog-featured .verdatum {
	font-size:3.375rem;
	position:relative;
	right:0;
	width:100%;
	line-height:1em;
	color:#f9b000;
	z-index:110;
	}
.blog-featured .verdatum:before {
	display:none;
	}
.blog-featured .verort {
	font-size: 1.875rem;
	font-weight: normal;
	position:relative;
	right:0;
	width:100%;
	margin:0 0 3rem;
	color:#f9b000;
	z-index:110;
}
}
@media (max-width: 959px) {
}
@media (max-width: 767px) {
h1, 
h2 {
	font-size:2.5rem;
	}
h3 {
    font-size: 1.5rem;
}
.item-content li.grayicon,
.item-content li.whiteicon {
	padding:10px 30px 10px 20px;
	}
.item-content {
	padding:95px 8% 120px 27%;
	width:65%;
	}
.blog-featured div.blog-item:nth-of-type(3) .bitem-content{
	padding:95px 2% 120px 33%;
	}
.blog-featured div.blog-item:nth-of-type(3) .item-content:before {
	width:75%;
	}
.blog-featured div.blog-item:nth-of-type(2) .item-content:before {
	width:100%;
	}
}
@media (max-width: 460px) {
h1, 
h2 {
	font-size:2rem;
	}
h3 {
    font-size: 1.25rem;
}
.item-content {
    padding: 190px 8% 120px 8%;
    width: 84%;
}
.blog-featured .items-row.row-2 .item-content {
	padding:190px 2% 120px 14%;
	}
.blog-featured .items-row.row-2 .item-content:before {
	width:90%;
	margin: -10px 0 0 -5%;
	}
}


/* Bloguebersicht */

.blog .item-image,
.item-page .item-image{
    margin:0;
}
.blog .item-image img {
	max-width:100%;
	height:auto;
	}
.blog .item-content dl.article-info {
    position: absolute;
    left: auto;
	top:0;
    margin: 0;
}
.blog .category-name {
	position:absolute;
	top:70px;
	color:#f9b000;
	margin:0 0 0 27%;
	}
.blog .category-name a {
	text-decoration:none;
	color: #f9b000;
	}
.blog .readmore {
	text-transform:uppercase;
	letter-spacing:0.05em;
	}
.blog .readmore a {
	text-decoration:none;
	color: #f9b000;
transition: all 0.25s ease-in-out 0ms;
-webkit-transition: all 0.25s ease-in-out 0ms;
-moz-transition: all 0.25s ease-in-out 0ms;
-o-transition: all 0.25s ease-in-out 0ms;
-ms-transition: all 0.25s ease-in-out 0ms;
	}
.blog .readmore:hover a {
	color: #a0c8db;
transition: all 0.25s ease-in-out 0ms;
-webkit-transition: all 0.25s ease-in-out 0ms;
-moz-transition: all 0.25s ease-in-out 0ms;
-o-transition: all 0.25s ease-in-out 0ms;
-ms-transition: all 0.25s ease-in-out 0ms;
	}
.blog .readmore a:before {
	content:"";
	width:40px;
	height:12px;
	display:block;
	float:left;
	position:relative;
	background-color: #f9b000;
	margin:4px 4px 0 0;
transition: all 0.25s ease-in-out 0ms;
-webkit-transition: all 0.25s ease-in-out 0ms;
-moz-transition: all 0.25s ease-in-out 0ms;
-o-transition: all 0.25s ease-in-out 0ms;
-ms-transition: all 0.25s ease-in-out 0ms;
	}
.blog .readmore:hover a:before {
	width:60px;
	height:12px;
	background-color: #a0c8db;
transition: all 0.25s ease-in-out 0ms;
-webkit-transition: all 0.25s ease-in-out 0ms;
-moz-transition: all 0.25s ease-in-out 0ms;
-o-transition: all 0.25s ease-in-out 0ms;
-ms-transition: all 0.25s ease-in-out 0ms;
	}
@media (max-width: 1280px) {
}
@media (max-width: 959px) {
}
@media (max-width: 767px) {
}
@media (max-width: 460px) {
}

/* inhaltsseite */
.item-page,
.login,
.logout {
    padding: 95px 33% 120px 27%;
    width: 40%;
    position: relative;
    overflow: hidden;
}
.item-page a,
.login a,
.login + div a,
.logout a {
    color: #f9b000;
}
.item-page li.grayicon {
	padding:10px 30px 10px 90px;
	border-right:1px solid #4b4b4b;
	border-top:1px solid #4b4b4b;
	border-bottom:1px solid #4b4b4b;
	position:absolute;
	left:0;
	top:95px;
	min-height:50px;
	min-width:50px;
	}
.item-page li {
	margin:0;
	}
.item-page li.whiteicon {
	display:none;
	}
.item-page .category-name {
	position:absolute;
	top:70px;
	color:#f9b000;
    margin: 0;
	}
.category-name a {
	text-decoration:none;
	}
.item-page .item-image img {
	max-width:100%;
	height:auto;
	}
.item-page div[itemprop="articleBody"] img {
	max-width:100%;
	height:auto;
}
.item-page div[itemprop="articleBody"] iframe {
	width:100% !important;
}
@media (max-width: 1280px) {
.item-page,
.login,
.logout {
    padding: 95px 16% 120px 27%;
    width: 57%;
}
}
@media (max-width: 959px) {
}
@media (max-width: 767px) {
.item-page,
.login,
.logout {
    padding: 95px 8% 120px 27%;
    width: 65%;
}
.item-page li.grayicon {
	padding:10px 30px 10px 20px;
	}
}
@media (max-width: 460px) {
.item-page,
.login,
.logout {
    padding: 190px 8% 120px 8%;
    width: 84%;
}
}

/* Vor Fussbereich */
#prefooterarea {
	color:#fff;
	background:#4b4b4b;
	padding:100px 3.6% 130px;
	position:relative;
	margin:0;
}
#prefooterarea .moduletable.formtitle {
	float:left;
	width:26%;
	}
#prefooterarea .moduletable.formtitle h3 + p::before {
    content: "";
    display: block;
    width: 30%;
    height: 13px;
    background:     #fff;
    margin: 0 0 40px;
    position: relative;
    z-index: 100;
}
#prefooterarea .moduletable.formfields {
	float:right;
	width:74%;
	}
#prefooterarea:after {
	content:"";
	width:100%;
	height:1px;
	clear:both;
	display:block;
	}
@media (max-width: 1280px) {
#prefooterarea .moduletable.formtitle {
	float:left;
	width:50%;
	}
#prefooterarea .moduletable.formfields {
	float:right;
	width:50%;
	}
}
@media (max-width: 959px) {
}
@media (max-width: 767px) {
#prefooterarea .moduletable.formtitle,
#prefooterarea .moduletable.formfields {
	float:none;
	width:100%;
	}
}
@media (max-width: 460px) {
}


/* Buchungsformular */
iframe {
	border:none;
	}
.formfields input.ff_elem,
.formfields textarea.ff_elem,
.formfields select.ff_elem {
	border:none;
	background:#4b4b4b;
	color: #fff;
	font-size:1rem;
	padding:20px 10px;
}
.bfQuickMode input[type="text"], 
.bfQuickMode textarea, 
.bfQuickMode select {
    margin: 0 0 10px;
    width: calc(100% - 40px);
    max-width: 100%;
	border-bottom:1px solid #fff
}
.formfields .bfPage {
	column-count:2;
	margin:0;
	}
.formfields .bfQuickMode .bfPageIntro p {
    position: relative;
	margin-top:0;
}
.formfields a{
    color: #fff;
}
.bfRolloverBg {
	background:none !important;
	}
input[type="submit"], 
input[type="button"], 
button.ff_elem, .logout .btn {
    background: #f9b000;
	color: #4b4b4b;
    font-family: 'fira_sansbold', "Arial Black", Gadget, sans-serif;
    font-size: 1.75rem;
    line-height: 1em;
    border: none;
    padding: 15px 50px 13px;
    margin-bottom: 2px;
}
.formfields label {
    padding: 0;
    color: #fff;
    font-size: 0.75rem;
    top: 0;
    position: relative;
}
.formfields .bfQuickMode label {
    vertical-align: center !important;
}
.bfQuickMode .bfSectionDescription p {
	font-size: 0.75rem;
}
.bfQuickMode section.bfElemWrap {
    padding: 5px 0 15px;
}
div#ff_formdiv1 + div span {
    display: none;
}
.bfQuickMode section.bfLabelLeft .bfElementGroupNoWrap {
    width: 90%;
}
@media (max-width: 1280px) {
.formfields .bfPage {
	column-count:1;
	margin:0;
	}
}
@media (max-width: 959px) {
}
@media (max-width: 767px) {
}
@media (max-width: 460px) {
}	

/* Fussbereich */
#footerarea {
	background: url(../images/logo-weiss.svg) no-repeat center 80px #383838;
	background-size:200px;
	padding:200px 0 80px;
	color:#fff;
	text-align:center;
	}
#footerarea ul {
	padding:0;
	margin:0 0 30px;
	}
#footerarea ul li {
	padding:0 5px;
	margin:0;
	list-style:none;
	display:inline-block;
	}
#footerarea a {
	color:#fff;
	text-decoration:none;
	}
@media (max-width: 1280px) {
}
@media (max-width: 959px) {
}
@media (max-width: 767px) {
}
@media (max-width: 460px) {
}

/* Frontendeditor */
.icons {
	margin:0;
	padding:0;
	position:relative;
	}
.icons .btn-group {
	margin:0;
	padding:0;
	height:2rem;
	}
.icon-cog,
.caret {
	display:none;
	}
.edit button,
.login button {
    border: 2px solid #000000;
    padding: 3px 20px;
    font-size: 1.25rem;
    margin: 2rem 0 !important;
    background: #f9b000;
    float: none !important;
}
.edit .btn-group button {
    margin: 0 10px 0 0 !important;
    float: left !important;
}
button.dropdown-toggle {
	border: none;
	padding:0;
	font-size:1.25rem;
	margin:0 !important;
	background:#f9b000;
	float: none !important;
	}
#mainarea ul.dropdown-menu {
	padding:0;
	margin:0;
	position:absolute;
	left:0;
	top:0;
	}	
#mainarea ul li.edit-icon {
	padding:0;
	margin:0;
	list-style:none;
	}
#mainarea ul li.edit-icon a {
	padding:5px 10px;
	margin:0;
	border:#818181 solid 2px;
	text-decoration:none;
	text-transform:uppercase;
	background:#fff;
	color:#000;
	}
.edit-icon .tip, 
.edit-icon .hasTooltip {
    display: unset !important;
}
#jform_images_float_intro-lbl,
#jform_images_float_intro_chzn,
#jform_images_float_fulltext-lbl,
#jform_images_float_fulltext_chzn,
#jform_urls_urla-lbl,
#jform_urls_urla,
#jform_urls_urlb-lbl,
#jform_urls_urlb,
#jform_urls_urlc-lbl,
#jform_urls_urlc,
#jform_urls_urlatext-lbl,
#jform_urls_urlbtext-lbl,
#jform_urls_urlctext-lbl,
#jform_urls_urlatext,
#jform_urls_urlbtext,
#jform_urls_urlctext,
#jform_tags-lbl,
#jform_tags_chzn,
#jform_created_by_alias-lbl,
#jform_created_by_alias,
#jform_metakey-lbl,
#jform_metakey,
#jform_access-lbl,
#jform_access_chzn,
#jform_images_image_intro_alt-lbl,
#jform_images_image_intro_alt,
#jform_images_image_fulltext_alt-lbl,
#jform_images_image_fulltext_alt,
.edit.item-page .nav-tabs,
/*#jform_images_image_fulltext_caption-lbl,
#jform_images_image_fulltext_caption,
#jform_images_image_intro_caption-lbl,
#jform_images_image_intro_caption,
#jform_featured-lbl,
#jform_featured_chzn,*/
#jform_version_note-lbl,
#jform_version_note,
#jform_language-lbl,
#jform_language_chzn,
#jform_note-lbl,
#jform_note,
div.edit + div#contentaddarea,
.dropdown-toggle,
.btn.modal-button,
#editor-xtd-buttons a:last-child,
#jform_com_fields_kategorie_icon_grau-lbl,
#jform_com_fields_kategorie_icon_grau,
#jform_com_fields_kategorie_icon_weiss-lbl,
#jform_com_fields_kategorie_icon_weiss,
#jform_com_fields_kategorie_icon_grau + a,
#jform_com_fields_kategorie_icon_weiss + a
 {
	display:none;
	}
#jform_images_image_intro-lbl,
#jform_images_image_fulltext-lbl,
#jform_com_fields_preis-lbl,
#jform_catid-lbl,
#jform_state-lbl,
#jform_publish_up-lbl,
#jform_publish_down-lbl,
#jform_metadesc-lbl
{
    padding: 20px 0 0;
    display: block;
}
.mceToolbar button {
	padding:0;
	margin:0 !important;
	float: none !important;
	}
.btn-group button {
	margin:0 10px 0 0 !important;
	float: left !important;
	}
.edit #images .btn {
    padding: 0 15px;
    margin: 20px 0;
    border: none;
    background: #f9b000;
    color: #000;
    font-size: 1em;
    text-transform: uppercase;
    text-decoration: none;
}
.edit #jform_title {
    font-size: 2em;
	margin:0 !important;
	width:80% !important;
	font-family: 'fira_sansregular', Arial, Helvetica, sans-serif;
	}	
.edit .inputbox,
.wf-editor-toggle,
.edit button,
#images input {
	margin:0 !important;
	}	
body#tinymce {
	background:#fff;
	}	
.calendar-container,
#contentarea .controls a {
	color:#000;
	}
.icon-calendar:before {
	content:"";
	background:url(../images/calendar-icon.svg) no-repeat;
	background-size:cover;
	width:20px;
	height:20px;
	display:block;
	}
.edit fieldset,
.login fieldset {
	border: dashed 1px;
}
.tip, 
.hasTooltip{display:block!important}
.fade {display:none!important}
@media (max-width: 1280px) {
}
@media (max-width: 959px) {
}
@media (max-width: 767px) {
}
@media (max-width: 460px) {
}




ul.actions {
	margin: 0;
	padding: 0;
}
ul.actions li {
	list-style-image: none;
	list-style-type: none;
	float: right;
}
ul.actions li a img {
	border: 0 none;
	padding-left: 0px;
	padding-right: 0px;
}
ul.actions li a,ul.actions li a:hover, ul.actions li a:active, ul.actions li a:visited, ul.actions li a:link {
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.row-separator, .item-separator {
	display:block;
	width: 100%;
	height:5px;
	clear:both;
}
img {
	border: none;
	}


*-----SOCIALICONS-----*/
[data-icon]:before {
	font-family:"socicon"!important;
	content:attr(data-icon);
	font-style:normal!important;
	font-weight:400!important;
	font-variant:normal!important;
	text-transform:none!important;
	speak:none;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}

[class^="icon-"]:before,[class*=" icon-"]:before {
	font-family:"socicon"!important;
	font-style:normal!important;
	font-weight:400!important;
	font-variant:normal!important;
	text-transform:none!important;
	speak:none;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}

.icon-twitter:before {
	content:"\e040";
	color:#b6b6b6
}

.icon-facebook:before {
	content:"\e041";
	color:#4b4b4b;
	background:#fff;
	width:30px;
	height:23px;
	display:block;
	border-radius:40px;
	padding:7px 0 0;
}

.icon-googleplus:before {
	content:"\e042";
	color:#b6b6b6
}

.icon-pinterest:before {
	content:"\e043";
	color:#b6b6b6
}

.icon-youtube:before {
	content:"\e051";
	color:#4b4b4b;
	background:#fff;
	width:30px;
	height:23px;
	display:block;
	border-radius:40px;
	padding:7px 0 0;
}

.icon-instagram:before {
	content:"\e057";
	color:#4b4b4b;
	background:#fff;
	width:30px;
	height:23px;
	display:block;
	border-radius:40px;
	padding:7px 0 0;
}

.icon-xing:before {
	content:"\e04b";
	color:#4b4b4b;
	background:#fff;
	width:30px;
	height:23px;
	display:block;
	border-radius:40px;
	padding:7px 0 0;
}

a:hover .icon-twitter:before {
	content:"\e040";
	color:#737373
}

a.icon-facebook:hover:before {
	content:"\e041";
	color:#4b4b4b;
	background:#f9b000;
}

a:hover .icon-googleplus:before {
	content:"\e042";
	color:#737373
}

a:hover .icon-pinterest:before {
	content:"\e043";
	color:#737373
}

a.icon-youtube:hover:before {
	content:"\e051";
	color:#4b4b4b;
	background:#f9b000;
}

a.icon-instagram:hover:before {
	content:"\e057";
	color:#4b4b4b;
	background:#f9b000;
}

a.icon-xing:hover:before {
	content:"\e04b";
	color:#4b4b4b;
	background:#f9b000;
}

@media (max-width: 1280px) {
}
@media (max-width: 959px) {
}
@media (max-width: 767px) {
}
@media (max-width: 460px) {
}