@charset "ISO-8859-1";
/*
Theme Name: HOFA Wide
Theme URI: http://cyberchimps.com/guide/child-theme-example/
Description: Alle HOFA Anpassungen als Child Theme
Template: responsive
Version: 1.1.0
Author: CyberChimps, Fabian Freitag, Marc Sann
Author URI: https://cyberchimps.com/
License: GNU General Public License
License URI: license.txt
*/

#TB_ajaxContent {
	line-height:	1.5em !important;
}
h4 {
	font-size:	19.5px;
}

.home-widget a.thickbox {
	text-decoration:	none;
}

*[class*="grid-"] {
	width:			100%;
	height:			1%;
	display:		block;
	overflow:		hidden;
}

.tp-caption[class*="split-"],
.tp-caption[class*="split-"] a {
	display:	block;
	height:	100%;
	left:	0 !important;
}
.tp-caption.split-2:last-child,
.tp-caption.split-2:last-child a {
	left:	auto !important;
	right:	0 !important;
}



.half {
	width:	45%;
	margin-right:	5%;
}

.box {
	border:	1px solid #EE7F00;
	color:				#555;
	background-color:	#FFF;
}

.shade {
	-webkit-box-shadow:	0px 0px 20px #555; -moz-box-shadow: 0px 0px 20px #555; box-shadow: 0px 0px 20px #555;
}

/*BLOG
-------------------------------------------------------------- */
.blog.text p {
/*	margin:	0;*/
}

a[name],
a[name]:hover,
a[name]:active {
	color:			inherit;
	font-weight:	inherit;
	font-style:		inherit;
	text-decoration:	inherit;
}

iframe.embed {
	border:			none;
	overflow:		visible;
	width:			100%;
	height:			100%;
}

/*          HOFA Sub-Header-Menu (Produkt-Schalter)
-------------------------------------------------------------- */ 
.sub-header-menu {
	clear: both;
	margin: 0 auto;
	border: none;
}


.sub-header-menu li {
	border: 0;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 5;
	width: 20%;
	height: 75px;
	text-align: center;
	background-image: url("/media/bg.png");
}

.sub-header-menu li a {
	line-height: 1.5;
	padding-top: 5px;
	background: none !important;
	padding: 5px 0.3em !important;
}

.sub-header-menu,
.sub-header-menu ul {
	min-height: 0;
	background-color: inherit;
	border: none;
}

.sub-header-menu .current_page_item,
.sub-header-menu .current-menu-item {
	background-image: url("/media/marker.png");
	background-position: center;
}

.sub-header-menu li a strong {
	color: #EE7F00;
}

.sub-header-menu li a span {
	font-size: 10px;
	display: block;
}

div.transparent > * {
	overflow:	auto;
}
.alternating > * {
	overflow:	auto;
}

img.round {
	border-radius:	8px;
}

.invert #wrapper {
	color:				#EEE;
	background-image:	linear-gradient(bottom, rgb(0,0,0) 0%, rgb(34,34,34) 100%);
	background-image:	-o-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(34,34,34) 100%);
	background-image:	-moz-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(34,34,34) 100%);
	background-image:	-webkit-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(34,34,34) 100%);
	background-image:	-ms-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(34,34,34) 100%);
	background-image:	-webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(0,0,0)), color-stop(1, rgb(34,34,34)));
}

.slim-200 #wrapper {
	padding-left:	200px;
	padding-right:	200px;
}

.top-right {
	position:	absolute;
	right:		0;
	top:		8px;
	max-width:	51%;
	margin-bottom:	1.5em;
	z-index:	50;
	text-align:	right;
}
.top-right > * + * {
	margin-left:	20px;
}
.top-right + * {
	clear:	both;
}

.caption {
	font-size:	smaller;
	text-align:	center;
}
.caption img {
	display:	block;
	margin:		0 auto;
}

.title_note {
	display:	inline;
	font-size:	8pt;
}

.inline-block {
	display:	inline-block;
}

h1.big,
.h1.big {
	font-size:	55px;
	margin-bottom:	20px;
}
h1.big.long,
.h1.big.long {
	font-size:	50px;
}

#logo {
	display:	none;
}

body {
	background:	#000;
	color:		#CCC;
}
#wrapper {
	color:		#555;
	margin:		0 auto 20px;
	border:		none;
	border-radius:	0;
}

#top-widget {
	position:	static;
	width:		auto;
	padding:	0 24px 0 0;
}

#lang_sel_list {
	height:		auto;
	padding:	2px 0;
}

#footer a {
	color:	#AAA;
}
#footer a:hover {
	color:	#CCC;
}

.main-nav .menu {
	width:	calc(100% - 100px);
}

.main-nav,
.main-nav .menu {
	background:	none;
	clear:		none;
}
.main-nav .menu > *,
.main-nav .menu > * > a:hover{
	color:		#CCC;
/*	background:	none !important;*/
}
.main-nav .menu a {
	color:			inherit;
	background:		inherit;
	line-height:	1em;
	height:			auto;
	border:			none;
	padding:		10px 12px;
	text-shadow:	none;
	text-decoration:	none !important;
}
.main-nav .menu .current_page_item > a,
.main-nav .menu .current_menu_item > a {
	box-shadow:	0px 0px 0px 2px #EE7F00 inset;
}
.main-nav .menu .menu_item a:hover {
	box-shadow: 0px 0px 0px 3px #CCC inset;
}

.no-pad {
	margin-left:	-20px;
}
img.no-pad {
	width:			960px;
	max-width:		calc(100% + 40px);
	margin-bottom:	1em;
}

.post-title {
	float:			left;
}
.h1.post-title {
	float:			none;
}

.widget-wrapper {
	border:	none;
}

.copyright,
.scroll-top,
.powered {
	width:	31%;
}

body.bg-image {
	background-repeat:		no-repeat;
	background-position:	right bottom;
	background-attachment:	fixed;
}

.tiles > div {
	margin:				10px;
	padding:			15px;
	border-radius:		5px;
	border:				1px solid #EE7F00;
	overflow:			hidden;
	color:				#555;
	background-color:	#FFF;
}
.tiles h4 {
	text-align:		center;
}

#news li,
#home_widget_5 li {
	line-height:	1.8em;
	padding-left:	20px;
	text-indent:	-20px;
}

.home {
	background-color:	#000;
	color:				#EEE;
}
.home #wrapper {
	color:				#CCC;
	background-color:	transparent;
}
/*.home h1 {*/
.home h1 {
	color:			#EE7F00;
	text-shadow:	0 0 10px #999;
}
.home #news ol,
#home_widget_5 ol {
	font-size:	10px;
}
.home #footer a {
	color:	inherit;
}

html:lang(en) .tiles.grid-3 > div {
	min-height:	480px;
}

.tiles {
	width:	auto;
}
.tiles.grid-2 {
	display:	table;
	margin:		-10px -20px;
	border-collapse:	separate;
	border-spacing:		20px;
}
.tiles.grid-3 {	margin: 0 -10px;	}
.tiles.grid-4 {	margin: 0 -3px;		}
.tiles.grid-5 {	margin: 0 -3px;		}

.tiles.grid-2 > div {
	display:	table-cell;
	float:		none;
	width:		50%;
	vertical-align:	middle;
}
.tiles.grid-3 > div {
	margin:	10px;
	width:	calc(33.3% - 20px);
	min-height:	480px;
}
.tiles.grid-4 > div {
	margin:	3px;
	width:	calc(25% - 6px);
}
.tiles.grid-5 > div {
	margin:	3px;
	width:	calc(20% - 6px);
}

.actions-widget {
	text-align:		right;
	padding-top:	8px;
}
.actions-widget h4 {
	display:	none;
}
.actions-widget .textwidget > * + *{
	margin-left:	20px;
}

.full-width.image {
	position:	absolute;
	left:		0;
	width:		100%;
	background-position:	center center;
	background-repeat:		no-repeat;
}
.full-width.dummy {
	visibility:	hidden;
}


/*Play-Knopf anzeigen. Verwendung: Dem umschließenden Link .video-icon geben, welches 2 Kinder hat: ein leeres SPAN und das Bild mit dem Thumb.*/
a.video-icon {
	position: relative;
	display: block;
}
.video-icon > span,
.video-icon > i {
	display: block;
	position: absolute;
	background-image: url('http://hofa.de/media/play-icon.png');
	width: 100%;
	height: 100%;
	z-index: 1;
	background-position: center;
	background-repeat: no-repeat;
}

.h-480 {
	margin-top:	20px;
	height:		480px;
}

.page-template-wide-php #wrapper {
	position:	static;
}
.page-template-wide-php .page,
.page-template-wide-php .post {
	position:	static;
}

.black #wrapper {
	padding:		0;
	color:			#EEE;
	background-color:	transparent;
}
.black .post-entry {
	padding:			20px;
	color:				#555;
	background-color:	#FFF;
	border-radius:		10px;
	border:				1px solid #EE7F00;
}
.post-head {
	padding:	0 20px;
}
.black .post-head .title_info a {
	color:	#CCC;
}

.page-id-72 .entry-title,
.page-id-717 .entry-title {
	float:	none;
}
.page-id-72 .actions-widget,
.page-id-717 .actions-widget {
	display:	none;
}
.forcefullwidth_wrapper_tp_banner {
	clear:	both;
}

.glass #wrapper {
	background-color:	rgba(255, 255, 255, 0.8);
	border-radius:		10px;
}

.transparent #wrapper {
	background-color:	transparent;
	color:				#CCC;
}
.transparent #wrapper a {
	color:	inherit;
}
div.transparent > * {
	color:				#555;
	background-color:	rgba(255, 255, 255, 0.9);
	margin-bottom:		1em;
	border-radius:		10px;
}
.transparent .alternating >:nth-child(2n+1) {
	background-color:	rgba(255, 255, 255, 0.7);
}
.transparent .alternating >:nth-child(2n) {
	background-color:	rgba(255, 255, 255, 0.9);
}
.transparent .box {
	background-color:	rgba(255, 255, 255, 0.8);
}

.hide {
	display:	none;
}

.payment-icons {
	text-align: left;
    display: inline-block;
    margin-left: 3em;
}
.payment-icons > * {
	vertical-align:	middle;
	margin:			5px;
}

img.fullwidth {
	width:	100% !important;
	height:	auto !important;
}
.tp-caption .fullwidth {
	margin:	10px;
}

.size-65 {
	width:	65% !important;
}

.js .main-nav .menu li a {
	background: transparent !important;
}
.js .main-nav .menu li li:hover {
	background:	#666 !important;
}

@media screen and (max-width: 980px) {
	#logo {
		margin: 0;
	}
	
	#content.feedbacks {
		max-width:	100%;
	}
	
	#list.feedbacks {
		display:	none;
	}
	
	#press {
		position:	static;
		box-shadow:	none;
		border:	none;
	}

	.copyright,
	.scroll-top,
	.powered {
		float: left;
	}

	#featured-image .fluid-width-video-wrapper {
		margin: 20px 0 0 0;
	}

	.front-page  #widgets {
		margin-top: 40px;
	}

	.top-widget,
	.front-page  .top-widget {
		margin-top: 0 !important;
	}

	#start_slider {
		width: 100%;
	}

	.merchfeld {
		width: 29.4%;
	}

	.sidebar-200 {
		display:	none;
	}
	.sub-header-menu li a span {
		display: none;
	}
	#menu-plugins li {
		height: 50px;
		background-position: bottom;
	}
	
	.slim-200 #wrapper {
		padding-left:	100px;
		padding-right:	100px;
	}
	
	.top-right {
		top:	-24px;
	}
	
	.full-width.image {
		background-size:	200%;
	}
	
	.h-480 {
		height:	52vw;
	}
}

@media screen and (max-width: 800px) {
}

@media screen and (max-width: 650px) {
	#container {
		padding:	0;
	}
	
	#content.feedbacks {
		max-width:	100%;
	}
	
	.forcefullwidth_wrapper_tp_banner {
		margin-bottom:	0 !important;
	}
	.tp-bullets.tp-thumbs {
		display:	none;
	}
	
	#featured-image .fluid-width-video-wrapper {
		margin: 20px 0 0 0;
	}

	.top-widget {
		margin:	0;
		position: relative;
		text-align: center;
		width: auto;
		float:	right;
	}

	.top-widget .widget-title {
		text-align: center;
	}

	.js .sub-header-menu {
		display: none;
	}

	.js .main-nav {
		position: relative;
		height: 30px;
		background-color: #585858;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#585858), to(#3d3d3d));
		background-image: -webkit-linear-gradient(top, #585858, #3d3d3d);
		background-image: -moz-linear-gradient(top, #585858, #3d3d3d);
		background-image: -ms-linear-gradient(top, #585858, #3d3d3d);
		background-image: -o-linear-gradient(top, #585858, #3d3d3d);
		background-image: linear-gradient(top, #585858, #3d3d3d);
		clear: none;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#585858, endColorstr=#3d3d3d);
		margin: 0 auto;
	}

	.js .main-nav .menu {
		display: none;
		position: absolute;
		width: 100%;
		top: 30px;
		z-index: 1000;
	}

	.js .main-nav .menu ul {
		margin-top: 1px;
	}

	.js .main-nav .menu li {
		float: none;
		background-color: #fff;
		border: none;
	}

	.js .main-nav .menu li a {
		color: #444;
		font-size: 13px;
		font-weight: normal;
		height: 24px;
		line-height: 24px;
		padding: 0 15px;
		border: none;
		border-bottom: 1px solid #f5f5f5;
		text-shadow: none;
		text-align: left;
		cursor: pointer;
	}

	.js .main-nav .menu li.current_page_item,
	.js .menu .current_page_item a,
	.js .menu .current-menu-item a {
		background-color: #f5f5f5;
	}

	.js .main-nav .menu li li:hover {
		background: none!important;
	}

	.js .main-nav .menu li li a {
		position: relative;
		padding: 0 10px 0 30px;
	}

	.js .main-nav .menu li li li a {
		position: relative;
		padding: 0 10px 0 40px;
	}

	.js .main-nav .menu li a:hover,
	.js .main-nav .menu li li a:hover {
		background-image: none;
		filter: none;
		background-color: #f5f5f5!important;
	}

	.js .main-nav .menu li li a::before {
		content: '\2013';
		position: absolute;
		top: 0;
		left: 20px;
	}

	.js .main-nav .menu li li li a::before {
		content: '\2013';
		position: absolute;
		top: 0;
		left: 20px;
	}

	.js .main-nav .menu li li li a::after {
		content: '\2013';
		position: absolute;
		top: 0;
		left: 30px;
	}

	.js .main-nav .menu li ul {
		position: static;
		visibility: visible;
		background-color: #fff;
	}

	.js .main-nav .menu ul {
		min-width: 0;
	}

	.js .main-nav #responsive_current_menu_item {
		display: block;
		padding: 5px 40px 5px 10px;
		color: #fff;
		font-weight: 700;
		cursor: pointer;
	}

	.js .main-nav a#responsive_menu_button {
		position: absolute;
		display: block;
		top: 0;
		left: 100%;
		height: 30px;
		width: 23px;
		margin-left: -30px;
		background: url('/css/images/select-icons.png') 0 5px no-repeat;
		cursor: pointer;
	}

	.js .main-nav a#responsive_menu_button.responsive-toggle-open {
		background: url('/css/images/select-icons.png') 0 -46px no-repeat;
	}

	.top-menu,
	.footer-menu li {
		float: none;
		font-size: 11px;
		text-align: center;
	}

	.tinynav {
		display: block;
	}

	.sb-holder {
		display: block;
	}

	#author-meta {
		padding: 20px;
	}
	
	#footer {
		text-align: center;
	}
	#footer .social-icons {
		padding-bottom: 10px;
		text-align: center;
	}
	#login-icon {
		position: relative;
		height: 0px;
		float: right;
		width: 30px;
		top: -28px;
		right: 30px;
	}
	.merchfeld {
		width: 44.2%;
	}
	
	.top-right {
		position:		static;
		text-align:		center;
		max-width:		initial;
		margin-top:		-20px;
		margin-bottom:	30px;
	}
	.top-right > * + * {
		margin-left:	0;
	}
	
	body[class *= "slim"] #wrapper {
		padding-left:	20px;
		padding-right:	20px;
	}
	.payment-icons {
		text-align: center;
		display: block;
	}
}

@media screen and (max-width: 480px) {
	#content.feedbacks {
		max-width:	100%;
	}

	#featured-image .fluid-width-video-wrapper {
		margin: 20px 0 0 0;
	}

	.featured-title {
		font-size: 40px;
		padding: 40px 20px 0 20px
	}

	.featured-subtitle {
		font-size: 24px;
	}

	.navigation .next,
	.navigation .previous {
		display: block;
		margin: 0 auto;
		text-align: center;
	}

	.menu ul,
	.menu li,
	.top-menu,
	.footer-menu li,
	.sub-header-menu li {
		float: none;
		text-align: center;
		text-rendering: optimizeSpeed;
	}

	#footer {
		text-align: center;
	}

	#footer .social-icons {
		text-align: center;
	}
	.merchfeld {
		width: 91%;
		height: auto;
	}
	
	h1.big,
	.h1.big {
		font-size:	44px;
	}
	h1.big.long,
	.h1.big.long {
		font-size:	40px;
	}
	
	.actions-widget a[href$="downloads/"],
	.top-right a[href$="downloads/"] {
		display:	none;
	}
}
@media screen and (max-width: 400px) {
}

@media screen and (max-width: 320px) {
	#logo {
		background-size:	320px;
	}
	#logo img {
		width:		auto;
		height:		30px;
	}
	
	#content.feedbacks {
		max-width:	100%;
	}

	#featured p {
		font-size: 12px;
		line-height: 1.5em;
	}

	.featured-title {
		font-size: 35px;
	}

	.featured-subtitle {
		font-size: 15px;
	}

	.call-to-action a.button {
		font-size: 14px;
		padding: 7px 17px;
	}
	
	#lang_sel_list .iclflag {
		width:		25px;
		height:		18px;
	}
	
	.copyright,
	.scroll-top,
	.powered {
		width:	100%;
		text-align:	center;
	}
}

@media screen and (max-width: 240px) {
	#logo {
		background-size:	240px;
	}
	
	#content.feedbacks {
		max-width:	100%;
	}

	#featured p {
		font-size: 11px;
		line-height: 1.5em;
	}

	.featured-title {
		font-size: 20px;
	}

	.featured-subtitle {
		font-size: 11px;
	}

	.call-to-action a.button {
		font-size: 12px;
		padding: 5px 15px;
	}

	.top-widget area,
	.top-widget select,
	.top-widget textarea,
	.top-widget input[type="text"],
	.top-widget input[type="password"],
	.top-widget input[type="email"] {
		width: 75%;
	}

	.widget-title,
	.widget-title-home h3 {
		font-size: 14px;
		height: 13px;
		line-height: 13px;
		text-align: left;
	}
}

/***AKTIONEN***/
.bullet.thumb.selected[style*="test_button_"],
.bullet.thumb[style*="test_button_"]:hover,
.bullet.thumb.selected[style*="analysert_button_"],
.bullet.thumb[style*="analysert_button_"]:hover {
	background-color:	#E8333E !important;
}