/* Contao Open Source CMS, (c) 2005-2015 Leo Feyer, LGPL license */
body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
/* Contao Open Source CMS, (c) 2005-2015 Leo Feyer, LGPL license */
@media(max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}
/* Contao Open Source CMS, (c) 2005-2015 Leo Feyer, LGPL license */
body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:bold}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
/* dk_caroufredsel global styles */
.caroufredsel_skin .image_container img, .caroufredsel_thumbnails_skin .image_container img {
	vertical-align: bottom;
}
.caroufredsel > div, .caroufredsel > section, .caroufredsel_thumbnails > div {
	float: left;
}
.caroufredsel .clearfix {
	float: none;
	clear: both;
}
.caroufredsel_thumbnails_skin {
	position: relative;
}
/* ColorBox, (c) 2011 Jack Moore, MIT license */
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url("../../assets/jquery/colorbox/1.6.1/images/loading.gif") no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url("../../assets/jquery/colorbox/1.6.1/images/controls.png") no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url("../../assets/jquery/colorbox/1.6.1/images/controls.png") no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url("../../assets/jquery/colorbox/1.6.1/images/controls.png") no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
/*
Font 'Open Sans':
Normal 400
Semi-Bold 600
Bold 700
*/

.debug { border: 1px solid orange; }




html, body {
	font-family: 'Open Sans', sans-serif;
}

#menubg {
	position: absolute;
	top: 0;
	width: 100%;
	height: 189px;
	background: url("../../files/hubor/img/hubor_verlauf.png") repeat-x;
}

a {
	text-decoration: none;
	color: #ff0000;
}

.amail {
	text-decoration: none;
	color: #FFFFFF;
}
#container { position: static; }
#logo { float: left; }



/* CarouFredsel */
.caroufredsel_prev span, .caroufredsel_next span { display: none; }
.caroufredsel_prev, .caroufredsel_next {
	position: fixed;
	width: 49px;
	height: 49px;
	z-index: 3;
	top: 50%;
	left: 40px;
	transform: translateY(-50%);
	background: url("../../files/hubor/img/icon-arrow-left.png") no-repeat;
}
.caroufredsel_next {
	left: auto;
	right: 40px;
	background: url("../../files/hubor/img/icon-arrow-right.png") no-repeat;
}

/* Small devices */
@media (min-width: 768px) {

	#wrapper {
		width: 80%;
		margin: 20px auto;
	}
	#header {
		position: relative;
		z-index: 2;
	}

	/* ============== Main navigation ==============  */
	#header .mod_navigation {
		float: right;
		margin-top: 12px;
		margin-right: 25px;
		/*overflow: visible;*/ /* for alignment right under the menu item, see definition in #header .mod_navigation ul.level_2 */
	}
	/* All levels */
	#header .mod_navigation ul li > a, #header .mod_navigation ul li > span {
		font-size: 16px;
		vertical-align: top;
		color: #fff;
		font-weight: 600;
	}
	
	#header .mod_navigation ul.level_1 > li > a, #header .mod_navigation ul.level_1 > li > span {
		font-weight: 400;
	}

	/* Level 1 */
	#header .mod_navigation ul.level_1 > li {
		list-style-type: none;
		float: left;
		margin-left: 20px;
		padding-bottom: 15px; /* fix gap on hover between level1 menuitem and submenu */
		/*position: relative; /* for alignment of level_2 menu under the corresponding menu item */
	}
	#header .mod_navigation ul.level_1 > li:first-child { margin-left: 0; }
	#header .mod_navigation ul.level_1 > li > a, #header .mod_navigation ul.level_1 > li > span.active { text-shadow: 0 0 3px rgba(16, 18, 17, 1);	}
	#header .mod_navigation ul.level_1 > li:hover > a, #header .mod_navigation ul.level_1 > li > span.active,
	#header .mod_navigation ul.level_1 > li > a.trail, #header .mod_navigation ul.level_1 > li > span.trail { cursor: pointer; color: #bc0000; }
	#header .mod_navigation ul.level_1 > li:hover > ul.level_2 { visibility:visible; opacity:1; transition: all .5s ease-in-out; } /* open subnav */

	/* menu icons */
	li[class*="icon-"] { padding-left: 53px; background-repeat: no-repeat; min-height: 45px; }
	li.icon-accessoires { background-image: url("../../files/hubor/img/nav/icon-accessoires.png"); }
	li.icon-anfrage { background-image: url("../../files/hubor/img/nav/icon-anfrage.png"); }
	li.icon-beleuchtung { background-image: url("../../files/hubor/img/nav/icon-beleuchtung.png"); }
	li.icon-buero { background-image: url("../../files/hubor/img/nav/icon-buero.png"); }
	li.icon-essen { background-image: url("../../files/hubor/img/nav/icon-essen.png"); }
	li.icon-impressum { background-image: url("../../files/hubor/img/nav/icon-impressum.png"); }
	li.icon-job { background-image: url("../../files/hubor/img/nav/icon-job.png"); }
	li.icon-kontakt { background-image: url("../../files/hubor/img/nav/icon-kontakt.png"); }
	li.icon-news { background-image: url("../../files/hubor/img/nav/icon-news.png"); }
	li.icon-newsarchiv { background-image: url("../../files/hubor/img/nav/icon-newsarchiv.png"); }
	li.icon-oeffnungszeiten { background-image: url("../../files/hubor/img/nav/icon-oeffnungszeiten.png"); }
	li.icon-philosophie { background-image: url("../../files/hubor/img/nav/icon-philosophie.png"); }
	li.icon-restaurants { background-image: url("../../files/hubor/img/nav/icon-restaurants.png"); }
	li.icon-schlafen { background-image: url("../../files/hubor/img/nav/icon-schlafen.png"); }
	li.icon-team { background-image: url("../../files/hubor/img/nav/icon-team.png"); }
	li.icon-vinothek { background-image: url("../../files/hubor/img/nav/icon-vinothek.png"); }
	li.icon-wohnen { background-image: url("../../files/hubor/img/nav/icon-wohnen.png"); }
	li.icon-gewerbe { background-image: url("../../files/hubor/img/nav/icon-gewerbe.png"); }
	li.icon-wohnwerk { background-image: url("../../files/hubor/img/nav/icon-wohnwerk.png"); }
	li.icon-sale { background-image: url("../../files/hubor/img/nav/icon-sale.png"); }
	li.icon-radio { background-image: url("../../files/hubor/img/nav/icon-radio.png"); }

	/* Level 2 */
	#header .mod_navigation ul.level_2 {
		position: absolute;
		top: 40px;

		/* old version: snap to main .inside container; remove position:relative from "#header .mod_navigation ul.level_1 > li" and overflow:visible from "#header .mod_navigation"*/
		right: 25px; /* same as #header .mod_navigation margin-right */

		/* new, align to parent menu element */
		/*right: 0;*/

		padding: 20px 20px 55px 30px; /* space between level2 elements */
		background: rgba(153,51,51,0.8);
		visibility: hidden;
		opacity: 0;
		
	}
	#header .mod_navigation ul.level_2 > li {
		float: left;
		margin-right: 65px;
		line-height: 20px;
	}
	/* add margin-top to all odd (left) elements starting with the 3th (= 2nd row) */
	#header .mod_navigation ul.level_2 > li:nth-child(2n+3) {
		margin-top: 65px;
		clear: left; /* force line break */
	}
	/* margin top only for all right elements, starting with the 4th */
	#header .mod_navigation ul.level_2 > li:nth-child(2n+4) {
		margin-top: 65px;
	}
	/* min width to get nice columns on all odd (left) elements */
	#header .mod_navigation ul.level_2 > li:nth-child(odd) { min-width: 190px;	}
	#header .mod_navigation .submenu.last > ul.level_2 > li:nth-child(odd) { min-width: 340px;	}
	/* no margin right for all even (right) elements */
	#header .mod_navigation ul.level_2 > li:nth-child(even) { margin-right: 0;	}

	/* Level 3 */
	#header .mod_navigation ul.level_3 > li > a, #header .mod_navigation ul.level_3 > li > span { font-weight: 300; }

	/* Content */
	#container, #main, #main > .inside { position: static; }
	/* reset contao setting */
	.mod_article *[class*="ce_"], .mod_article *[class*="mod_"] { margin: 0; }
	/* main headline */
	.mod_article > h2.ce_headline {
		position: fixed;
		top: 50%;
		transform: translateY(-50%);
		font-size: 50px;
		line-height: 50px;
		color: #fff;
		font-weight: 600;
		text-shadow: 0 0 3px rgba(16, 18, 17, 0.75);
		z-index: -1;
	}
	/* Content container */
	#main .inside {
		position: absolute !important;
		bottom: 35px;
		width: 80%;
		color: #fff;
		box-sizing: border-box;
	}
	/* Content article */
	#main .mod_article {
		background: rgba(0,0,0,0.7);
		padding: 10px 50px 0 100px;
		font-weight: 300;
		font-size: 14px;
		line-height: 20px;
		max-height: 190px;
		overflow-y: auto;
	}
	#main .mod_article.xl { max-height: none; height: 70vh; }

	/* Content toggle button */
	#main .mod_article .toggle-content {
		background-image: url("../../files/hubor/img/icon-close.png");
		background-repeat: no-repeat;
		width: 49px;
		height: 49px;
		z-index: 3;
		position: absolute;
		right: -10px;
		top: 0;
		cursor: pointer;
		transition: all 0.3s ease-in-out 0s;
	}
	#main .mod_article .toggle-content:hover {
		transform: rotate(180deg);
		transition: all 0.3s ease-in-out 0s;
	}
	#main .mod_article.closed .toggle-content { transform: none; background-image: url("../../files/hubor/img/icon-arrow-up.png"); }

	/* title in content text */
	#main .mod_article h3 {
		margin: 10px 0 0 0px;
		font-weight: 600;
	}
	/* left column/content text */
	#main .mod_article .ce_text {
		margin-top: 40px;
	}

	/* right column/picture gallery */
	#main .mod_article .ce_gallery {
		float: right;
		margin-top: 40px;
	}

	/* News list */
	#main .mod_newslist .arc_3 {
		float: left;
		width: 33.333333%;
		padding-right: 0;
		box-sizing: border-box;
		font-size: 14px;
		line-height: 20px;
		margin-top: 40px;
	}
	#main .mod_newslist .arc_3 p.more a { font-weight: 600; }
	#main .mod_newslist .arc_3 h2, #main .mod_newsreader h2 {
		font-weight: 600;
		font-size: 14px;
		line-height: 20px;
		margin: 0;
	}
	#main .mod_newslist .arc_3 h2 a { color: #fff;	}
	#main .mod_newslist .arc_3 .teaser p:last-of-type { margin-bottom: 0; }


	#gmap-anfahrt {
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		margin: 0;
		padding: 0;
		z-index: -1;
	}



	/* Fullscreen Columns: Default bg = lines */
	#Fullscreen-Spalten {
		clear: both;
		text-align: center;
		overflow: hidden;

	}

	/* Fullscreen bg color, controled via body class fullscreen-bg-historie (insert in page) */
	
	body.fullscreen-bg-historie #Fullscreen-Spalten {
		clear: both;
		text-align: center;
		overflow: hidden;
		background-image: -webkit-gradient(linear,
		left top,
		right top,
		color-stop(0, #dcdcdc),
		color-stop(33.333333%, #dcdcdc),
		color-stop(33.4%, #ddd),
		color-stop(66.666666%, #ddd),
		color-stop(66.7%, #dcdcdc)
		);
		background-image: -webkit-linear-gradient(
				left,
				#dcdcdc,
				#dcdcdc 33.333333%,
				#ddd 33.4%,
				#ddd 66.666666%,
				#dcdcdc 66.7%
		);
		background-image: -moz-linear-gradient(
				left,
				#dcdcdc,
				#dcdcdc 33.333333%,
				#ddd 33.4%,
				#ddd 66.666666%,
				#dcdcdc 66.7%
		);
		background-image: -ms-linear-gradient(
				left,
				#dcdcdc,
				#dcdcdc 33.333333%,
				#ddd 33.4%,
				#ddd 66.666666%,
				#dcdcdc 66.7%
		);
		background-image: -o-linear-gradient(
				left,
				#dcdcdc,
				#dcdcdc 33.333333%,
				#ddd 33.4%,
				#ddd 66.666666%,
				#dcdcdc 66.7%
		);
	}
	body.fullscreen-bg-historie #Fullscreen-Spalten .mod_article{
		border-right: 1.5px solid rgba(0, 0, 0, 0);
		border-left: 1.5px solid rgba(0, 0, 0, 0);
	}
	#Fullscreen-Spalten .inside {
		white-space:nowrap;
		display: -webkit-flex; /* Safari */
		display: flex;
		-webkit-flex-direction: row; /* Safari */
		flex-direction:	row;
		-webkit-flex-wrap: nowrap; /* Safari */
		flex-wrap:	nowrap;
	}

	#Fullscreen-Spalten .mod_article {
		-webkit-flex-grow: 1; /* Safari */
		flex-grow:	1;
		-webkit-flex-shrink:0;/*Safari*/
		flex-shrink:0;
		-webkit-flex-basis:33.555555555%; /* Safari */
		flex-basis:33.555555555%;
		vertical-align: top;
		margin-left:-0.48px;
		border-right: 1px solid rgb(158, 158, 158);
		margin-bottom:50px;
		position:relative;
		padding: 0;
		padding-top: 30px;
		color: #333;
		vertical-align: top;
		white-space: normal;
	}
	#Fullscreen-Spalten .mod_article.last {
		border-right: 0;
	}
	#Fullscreen-Spalten .mod_article h1 {
		min-height: 70px;
		line-height: 1.3em;
	}
	#Fullscreen-Spalten .mod_article .ce_text {
		margin: 0 20px;
		font-size: 14px;
		line-height: 18px;

	}
	#Fullscreen-Spalten .mod_article .ce_text p {
		text-align: left;
	}
	#Fullscreen-Spalten .mod_article .ce_gallery{
		padding:0 20px;
	}
	
	#Fullscreen-Spalten #black {background-color:#f00;}
	

	
	/* Breadcrumb */
	.mod_breadcrumb { margin-left: 100px; /* same as '#main .mod_article' padding-left */}
	.mod_breadcrumb ul > li {
		float: left;
		color: #fff;
		font-size: 14px;
		font-weight: 600;
		line-height: 20px;
	}
	.mod_breadcrumb ul > li:after { content: "\003e"; padding: 0 5px; } /* \003e */
	.mod_breadcrumb ul > li:last-child:after { content: ""; }
	.mod_breadcrumb ul > li a {
		color: #fff;
		text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.75) inset;
	}


	/* Footer */
	#footer {
		position: fixed;
		bottom: 0;
		width: 80%;
		height: 35px;
		padding: 0 100px; /* same as '#main .mod_article' padding-left */
		background: rgba(0,0,0,0.7);
		box-sizing: border-box;
	}
	#footer ul { margin-top: 10px; }
	#footer ul > li { float: left; margin-right: 35px; }
	#footer ul li a, #footer ul li span {
		color: #fff;
		font-size: 14px;
		line-height: 20px;
	}
}

/* medium + up */
@media (min-width: 1025px) {
	#main .mod_newslist .arc_3 {
		padding-right: 80px;
	}
	#header .mod_navigation ul.level_1 > li {
		margin-left: 27px;
	}
}


/* Gallery colset */
.ce_gallery>ul li.col_first { clear: none; }




/* ========== Overrides ============ */
/* Change background overlay of lightbox */
#cboxOverlay { opacity: 0.7 !important; }

/* Contact form style */
.anfrage label {
	min-width: 100px;
	display: inline-block;
}
.anfrage .widget {
	padding: 5px 0;
	display: block;
}
.anfrage .widget-textarea textarea { display: block; }


/* Hide "read more" for newslist */
.mod_newslist p.more { display: none; }

/* Gallery slider */
#colorbox, #cboxWrapper { overflow: visible; }
#cboxTitle {
	top: auto;
	bottom: 0;
	margin-bottom: 5px;
	left: 100%;
	right: 0;
	background: #993333;
	padding: 5px;
	color: #fff;
	width: 50%;
	line-height: 20px;
	font-size: 14px;
}
#cboxCurrent { padding-right: 5px; color: #fff; }
.error { color: #ff0000; }