/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * central stylesheet - layout example "flexible-columns"
 *
 * @copyright       Copyright 2005-2012, Dirk Jesse
 * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-CDL (http://www.yaml.de/license.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         v4.0.1
 * @lastmodified    $Date: 2012-03-03 11:45:41 +0100 (Sa, 03 Mrz 2012) $
 */
/*
@import url("https://fast.fonts.net/lt/1.css?apiType=css&c=de0bde3c-9b43-49eb-853d-b4bab7c061e5&fontids=1367488");
@import url("https://fast.fonts.net/lt/1.css?apiType=css&c=de0bde3c-9b43-49eb-853d-b4bab7c061e5&fontids=1367502");*/
@font-face{
	font-family:"Kiro W03 ExtraBold";
	src:url("/common/css/fonts/1367488/7807a0fc-a88e-467d-ac40-ec537747373d.eot?#iefix");
	src:url("/common/css/fonts/1367488/7807a0fc-a88e-467d-ac40-ec537747373d.eot?#iefix") format("eot"),
	/*url("/common/css/fonts/1367488/01cc70e7-9331-43f9-862b-39b25ec6d9e9.woff2") format("woff2"),*/
	url("/common/css/fonts/1367488/2c76b416-de69-49df-a969-481d498a2715.woff") format("woff"),
	url("/common/css/fonts/1367488/997f76e6-b328-4744-b41e-59be7e7d9e56.ttf") format("truetype");
}

@font-face{
    font-family:"Kiro W03 Regular";
    src:url("/common/css/fonts/1367502/2e526a88-4062-4e79-9551-42c9a1abf6f7.eot?#iefix");
    src:url("/common/css/fonts/1367502/2e526a88-4062-4e79-9551-42c9a1abf6f7.eot?#iefix") format("eot"),
	/*url("/common/css/fonts/1367502/6beacdec-27ae-4d49-a0e0-5bf049679bf0.woff2") format("woff2"),*/
	url("/common/css/fonts/1367502/94078f3c-b176-463f-ab21-14f5a6cddaad.woff") format("woff"),
	url("/common/css/fonts/1367502/31af1980-943b-4303-a992-b77c92ad8cc0.ttf") format("truetype");
}

@font-face {
    font-family: 'open_sansregular';
    src: url('/common/css/fonts/OpenSans-Regular/OpenSans-Regular-webfont.eot');
    src: url('/common/css/fonts/OpenSans-Regular/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/common/css/fonts/OpenSans-Regular/OpenSans-Regular-webfont.woff') format('woff'),
         url('/common/css/fonts/OpenSans-Regular/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('/common/css/fonts/OpenSans-Regular/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansextrabold';
    src: url('/common/css/fonts/OpenSans-ExtraBold/OpenSans-ExtraBold-webfont.eot');
    src: url('/common/css/fonts/OpenSans-ExtraBold/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/common/css/fonts/OpenSans-ExtraBold/OpenSans-ExtraBold-webfont.woff') format('woff'),
         url('/common/css/fonts/OpenSans-ExtraBold/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
         url('/common/css/fonts/OpenSans-ExtraBold/OpenSans-ExtraBold-webfont.svg#open_sansextrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@media all {
	html {
		-ms-overflow-style: scrollbar; /* disable autohiding scrollbar */
	}
	
	body { 
		background: #fff bottom; 
		font-family:"open_sansregular";
		font-size: 15px;
		color: #323232;
	}
	
	/* IOS fix for weird borders and stuff */
	textarea,
	input[type="text"],
	input[type="button"],
	input[type="submit"] {
	     -webkit-appearance: none;
	     border-radius: 0;
	}
	
	img {
		-ms-interpolation-mode: bicubic;
		max-width: 100%;
	}
	
	h1,h2,h3,h4 {
		color:#fff;
		text-transform: uppercase;
		font-family:"Kiro W03 ExtraBold";
		font-size: 31px;
		line-height:35px;
		text-shadow: none;
		margin: 0;
		letter-spacing: 2px;
	}
	h1:after {padding-bottom: 20px;content:" ";}
	h2{
		font-size: 31px;
		line-height:35px;
		color: #595959;
		padding-bottom: 15px;
		letter-spacing: 2px;
	}
	
	h3,h4 {
		font-size: 20px;
		line-height:26px;
		text-transform: uppercase;
		letter-spacing: 2px;
	}
	.white h1, .white h2 {color: #595959;}
	.white h3 {color: #595959; padding: 10px 0; font-family:"Kiro W03 Regular"; letter-spacing:2px;}
	.black  h1, .black h2 {color: #fff;}
	p {line-height: 25px;}
	
	.specialhometext {
		max-width:650px; 
		margin-left: 8%;
		margin-top: 3%;
		margin-bottom: 120px;
		color: #fff;
	}
	
	.carousel-inner {max-height: 900px; }
	.full-screen {
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}
	
	/* disables pointer events therefore element click-through-able */
	.no-pointer-events {
		pointer-events: none;
	}
	
	/* same just no inheritance on that one */
	.no-pointer-events-single {
		pointer-events: none;
	}
	
	.no-pointer-events-single * {
		pointer-events: auto;
	}
	
	#newsletter_txt {
		border: 1px solid #fff;
		background: transparent;
		width: 100%;
		color: #9F9F9F;
		padding: 10px 110px 10px 15px;
		margin: 15px 0;
		float:left;
	}
	#newsletter_btn {
		margin-left: -105px;
		padding: 0 10px;
		border: 1px solid #fff;
		color: #9F9F9F;
		background-color: transparent;
		float: left;
		top: 25px;
		position: relative;
	}
	header, footer {
		padding: 0; 
		background: transparent; 
		color: #9F9F9F;
	}
	
	/* helper class for overlays */
	.noScroll {
		overflow: hidden;
		overflow-x: hidden;
		overflow-y: hidden;
		-ms-overflow-style: none;
	}
	
	.bodyMain:after {
		content: "";
		margin-bottom: 120px;
		position: relative;
		display: block;
		background-color: #fff;
	}
	
	footer {
		margin-top: 0;
		padding-top: 1.5em;
		background-position: center center; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-color: transparent;
		background-image: url('/design/layout/Footer_HG.jpg');
		background-color: #000;
		/*background-repeat: repeat-y;*/
		position: relative;
	}
	
	/*footer .scrolltop {
		position: absolute;
		top: 0;
		left: 90%;
		display: table;
		width: 60px;
		height: 60px;
		background-color: white;
		margin-top: -30px;
		border-radius: 50%;
		border-width: 5px;
		border-style: solid;
		border-color: grey;
		border-color: rgba(128, 128, 128, 0.7);
		font: normal normal normal 14px/1 FontAwesome;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
    	-moz-osx-font-smoothing: grayscale;
		font-size: 40px;
		line-height: 45px;
		text-align: center; 
		-webkit-background-clip: padding-box;
    	background-clip: padding-box;
	}*/
	
	footer .scrolltop {
		position: absolute;
		top: 0;
		left: 90%;
		display: table;
		width: 60px;
		height: 60px;
		background: white;
		border-radius: 50%;
		margin-top: -30px;
		font-size: 35px;
		text-align: center; 
		cursor: pointer;
		padding-top: 2px;
		background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 54%, rgba(128,128,128,0.5) 56%, rgba(128,128,128,0.5) 70%, rgba(255,255,255,0) 72%, rgba(255,255,255,0) 100%);
		background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 54%,rgba(128,128,128,0.5) 56%,rgba(128,128,128,0.5) 70%,rgba(255,255,255,0) 72%,rgba(255,255,255,0) 100%);
		background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 54%,rgba(128,128,128,0.5) 56%,rgba(128,128,128,0.5) 70%,rgba(255,255,255,0) 72%,rgba(255,255,255,0) 100%);
	}
		
	footer ul {list-style-type: none; margin: 0;}
	footer ul li {margin: 0; }
	footer a {color: #9F9F9F;}
	footer a:hover, a:focus {background-color: #595959;}
	footer .wood:hover, footer .wood:focus {background: none; opacity: 0.8;}
	article {background-color: #fff; padding: 25px;}
	
	#topnav { 
		background: #fff; 
		text-align: right;
	}
	 
	#nav { 
		position:relative; 
		left: 0; 
		background: #fff;
	
	}
	
	.headerLogo:hover, .headerLogo:focus, .headerLogo:active {
		background: transparent;
	}
	
	.headerLogo img { 
		width: 160px;
	}
	
	

	#breadcrumb { 
		margin: 0 0 15px;
	}
	
	.main-nav .sidebar-wrapper {
		overflow: hidden;
		display: none;
	}
	
	header .scroll-menu {
		display: none;
	}
	
	
	
	
	/* mobile nav-button with toggle animation */
	header #nav-button {
		background-color: black; /* IE Fix for clickable area on button */ 
	}
		
	header .nav-icon {
	  width: 22px;
	  height: 14px;
	  position: relative;
	  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	  -webkit-transition: .5s ease-in-out;
	  -moz-transition: .5s ease-in-out;
	  -o-transition: .5s ease-in-out;
	  transition: .5s ease-in-out;
	  cursor: pointer;
	}
	
	header .nav-icon span {
	  display: block;
	  position: absolute;
	  height: 2px;
	  width: 100%;
	  background: white;
	  border-radius: 9px;
	  opacity: 1;
	  left: 0;
	  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	  -webkit-transition: .25s ease-in-out;
	  -moz-transition: .25s ease-in-out;
	  -o-transition: .25s ease-in-out;
	  transition: .25s ease-in-out;
	}
	
	header .nav-icon span:nth-child(1) {
	  top: 0px;
	}
	
	header .nav-icon span:nth-child(2), header .nav-icon span:nth-child(3) {
	  top: 6px;
	}
	
	header .nav-icon span:nth-child(4) {
	  top: 12px;
	}
	
	header .open .nav-icon span:nth-child(1) {
	  top: 6px;
	  width: 0%;
	  left: 50%;
	}
	
	header .open .nav-icon span:nth-child(2) {
	  -webkit-transform: rotate(45deg);
	  -moz-transform: rotate(45deg);
	  -o-transform: rotate(45deg);
	  transform: rotate(45deg);
	}
	
	header .open .nav-icon span:nth-child(3) {
	  -webkit-transform: rotate(-45deg);
	  -moz-transform: rotate(-45deg);
	  -o-transform: rotate(-45deg);
	  transform: rotate(-45deg);
	}
	
	header .open .nav-icon span:nth-child(4) {
	  top: 6px;
	  width: 0%;
	  left: 50%;
	}
	/* end nav-button */
	
	.search-container {
		float: right;
	}
	
	.searchbtn.hvr-fade:hover, .searchbtn.hvr-fade:focus, .searchbtn.hvr-fade:active {
	    background-color: white;
	    color: black;
	}
	
	#div_search {
		display: none;
		float: right;
		margin-left: 10px;
		white-space: nowrap;
	}
	
	.searchbtn{ /*in der suchbar sowie resultatliste*/
		border: 1px solid #fff;
		background-color: #000;
		color: #fff;
		padding: 0px 12px;
		top: -2px;
		position: relative;
		height: 24px;
	}
	
	#div_search .searchbar {
		background: transparent;
		border: none;
		border-bottom: 2px solid #fff;
		color: #fff;
		padding: 0 0 0 5px;
		outline: none;
	}
	
	#SpracheList {
		float:right;
		padding-left:20px;
		padding-right:10px;
		font-weight:bold;
		color: #d7d6d6;
	}
	
	#SpracheList a {
		color: #d7d6d6;
		padding:0 5px;
		font-weight:normal;
	}
	
	.bodyMain .search_table_searchresults td > a {
		font-size: 1.1em;
	}
	
	.bodyMain .search_table_searchresults tr:hover td {
		background-color: #dccfcf;
	}
	
	.bodyMain form[name="searchform2"] .searchbar {
		margin-top: 0.3em;
	}
	
	.bodyMain .search_ul_page_results {
		list-style: none;
		margin: 0;
		margin-top: 0.3em;
	}
	
	/* Col1, Col2, Col3*/
	.main {margin: 0 60px;}
	.ym-wrapper { 
		max-width: 1000px; 
	}
	
	.ym-wbox { 
		padding: 0; 
	}
	
	.ym-column { 
		width: 100%; 
		padding: 0; 
	}
	
	.ym-col1 { 
		width: 200px; 
		background:none; 
	}
	
	.ym-col1 .ym-cbox { 
		padding: 0; 
	}
	
	.ym-col2 { 
		width: 200px; 
	}
	
	.ym-col2 .ym-cbox { 
		padding: 0; 
	}
	
	.ym-col3 { 
		margin: 0 200px; 
		width: auto; 
		border-left: 1px solid; 
		border-right: 1px solid; 
		float: none;
		background-color:#FFF; 
	}
	
	.ym-col3 .ym-cbox { 
		padding: 0 10px; 
	}
	/* ENDE Col1, Col2, Col3*/
	
	/* Links Allgemein */
	a {
		/*color: #64524e;*/
		color: #777575;
	}
	
	a:focus, a:hover, a:active {
		background-color: #64524e;
		color: #fff;
	}
	/* Links Allgemein ENDE */
	
	/* Horizontales Menü */
	.ym-hlist { 
		background: none; 
	}
	
	.ym-hlist ul li a {
		text-shadow: none;
		color: #000;
	}
	/* ENDE Horizontales Menü */
	
	
	.main-nav .header-top .navbar-toggle {
		margin: 0;
	}
	
	/* Vertikales Menü */
	.main-nav .nav-linklist {
		background: transparent;
		/*padding-top: 25px;*/
		padding-left: 9px;
		clear: both;
		font-size: 16px;
		position: absolute;
	    top: 100%;
	    left: auto;
	    width: 12em;
	}
	.main-nav .nav-linklist .ym-vlist{margin-bottom: 24px;}
	
	.nav-linklist ul {
		border: none;
		overflow: visible;
	}
	.nav-linklist li {
		background-color: transparent;
		float: none;		
	}
	
	.nav-linklist li a, .nav-linklist li strong, .nav-linklist li span, .nav-linklist li a:visited {
		padding-left: 0;
		color: #d7d6d6;
		border: none;
		text-transform: uppercase;
		letter-spacing: 2px;
		font-size: 1em;
		font-family:"Kiro W03 Regular";
		white-space: nowrap;
		width: 100%;
	}
	
	.nav-linklist li a:focus, .nav-linklist li a:hover, .nav-linklist li a.active {
		background-color: transparent;
		color: #fff;
		outline: none;
	}
	.nav-linklist li.active {
		color: #fff;
		background-color: transparent;
	}
	
	/*07.04.2025 uo: nth-child von 10 auf 11 geändert weil ein zusätzlicher Link eingefügt wurde.*/
	.nav-linklist li:nth-child(11){margin-top: 20px;}
	
	/* ENDE Vertikales Menü */
	
	/* Barrierefreiheit */
	.invisible {
		position: absolute;
		left: -1000px;
		font-size: 0px;
	}
	.ym-skiplinks a.ym-skip:focus, .ym-skiplinks a.ym-skip:active {
		background: none repeat scroll 0 0 #285468;
		border: none;
		opacity: 0.9;
		color: #FFFFFF;
		font-weight: bold;
	}
	
	/* IMG */
	/*
	#logo a img {
		display:block
	}
	a.rahmen, a.rahmen img {
		float: left;
		overflow:hidden;
	}
	.ym-gbox-right a.rahmen, .ym-gbox-right a.rahmen img {
		float: right;
		overflow:hidden;
	}
	a.rahmen:focus, a.rahmen:hover {
		border:2px solid #e11e34;
		background: none;
	}
	a.rahmen:focus img, a.rahmen:hover img {
 		margin: -2px;
	}
	#logo a:focus, #logo a:hover {
		background-color: #fff;
	}
	*/
	
	/* Barrierefreiheit ENDE */

	/* InnoWAYtor Administration */
	.adminmask {
		padding-left:500px;
		/*float:right;
		display:block;		
		width:100%;*/
						
		/*border: 1px solid grey;
		background-color:#eee;
		margin: 5px 0 5px 0;
		padding: 2px 2px 2px 2px;*/
	}
	
	
	.adminmasknavi {
		margin-bottom:10px;
	}
	
	.adminmasknavi h1 {
		margin:0 -6px 20px -6px;
	}
	
	.innocmsform {
		border:1px solid grey;
		background-color:lightgrey;
		margin: 0 -7px 2px -7px;
		/*padding: 2px 2px 2px 2px;*/
		padding:2px 7px; 
		float:left;
		width:100%;
	}
	
	.innocmsform h1 {
		margin:0 -7px 20px -7px;
	}
	
	.innoeditform {
		/*width: 750px;*/
		margin: 0 -6px 2px -6px;
		/*padding: 2px 2px 2px 2px;*/
		padding:2px 6px;
		/*width:100%;*/
	}
	
	.innoeditformsub h1 {
		margin:0 0 20px 0;
	}
	
	.innoeditform .frow{
		/*float: left;*/
		/*display:block;*/
		/*width: 100%;*/
		/*height: 24px;*/
	}
	
	.innoeditform .frow .add_title{
		float: left;
		width: 140px;
	}
	
	.innoeditform .frow .input{
		float: left;
		width:450px;
	}
	
	.innoeditform .inputFeld1{
		width: 400px;
	}
	
	.innoeditform .inputFeld2{
		width: 600px;
	}
	.innoeditform .inputTextfeld{
		width: 250px;
		height: 100px;
	}
	
	.innoeditform .inputTextfeld1{
		width: 250px;
		height: 100px;
	}
	
	.titleMask {
		background-color:#787878;
		color:#FFFFFF;
		font-size:13px;	
	}
	
	#tbl_editbild {
		border:1px solid #787878;
		display:none;				
	} 
	
	#row_bild {
		display:none;
		
	}
	/* ENDE InnoWAYtor Administration */
		
		
	/* Diverses */
	
	/*icons*/
	.iconnav a:hover, .iconnav a:focus {background:none;}
	.iconnav img{
		max-height:45px;
	}
	.navcentered {text-align:center; padding-top:6px;}
	.navcentered img {max-height:45px;}
	
	#menu_detail  {
		text-align: center;
	}
	
	.btnMenu {
		position: relative;
		height: 45px;
		display: inline-block;
		font-family:"Kiro W03 ExtraBold";
		color: #A3A3A3;
		padding: 10px 25px;
	}
	
	.btnMenu:focus, .btnMenu:hover, .btnMenu:active {
		background-color: #A3A3A3;
		color: #000;
	}
	
	.btnMenu i{
		display: inline-block;
		position: absolute;
		float: none;
		top: 20px;
		overflow: hidden;
		right: 45%;
		color: inherit;
	}
	
	
	
	.white {background-color: #fff;}
	.black {background-color: #000;}
	.dark {background-color: #343434;}
	
	
	.googleMapInt{
		width: 100%;
		height: 600px;
	}
	
	#map {
		width: 100%;
		height: 500px;
	}
	
	.ym-contain-oh {
		overflow: hidden;
		width: 100%;
		display: block;
		text-align: center;
		padding: 1em 0;
	}
	
	.team {
		max-width: 650px;
		margin: 0 auto;
	}
	/*12.06.2025 uo: ergänzt*/
	.gridlayout {
		max-width: 100%;
		margin: 0 auto;
	}	
	.kontaktlayout {
		max-width: 950px;
		margin: 0 auto;
	}
	.kontaktlayout .specialhometext {
		max-width:550px; 
		margin-left: 3%;
		margin-top: 3%;
		margin-bottom: 120px;
		color: #fff;
		text-align: left;
	}

	.box {
		/*box-shadow: 0px 0px 15px #cecece;*/
		box-shadow: none;
		border: 1px solid transparent;
		/*border-bottom: 5px solid transparent;*/
		margin: 1em;
		padding: 0;
	}
	.gridlayout .box {
		box-shadow: none;
		border: 1px solid transparent;
		margin: 1em;
		padding: 0;
	}

	.info {
		display: inline-block;
		width: 100%;
		max-width: 285px;
		max-height: 275px;
		text-align: left;
		background: #d2d2d2;
		/*background-image: url("/design/layout/wg_hg.jpg");
		background-repeat: no-repeat;
		background-position: top;*/
		/* 
		background: #d2d2d2; 
		background: -moz-linear-gradient(top, #d2d2d2 0%, #d2d2d2 54%, #d2d2d2 59%, #000000 100%);
		background: -webkit-linear-gradient(top, #d2d2d2 0%,#d2d2d2 54%,#d2d2d2 59%,#000000 100%);
		background: linear-gradient(to bottom, #d2d2d2 0%,#d2d2d2 54%,#d2d2d2 59%,#000000 100%); 
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2d2d2', endColorstr='#000000',GradientType=0 );*/
	}
	/*12.06.2025 uo: ergänzt*/
	.gridlayout .info {
		display: inline-block;
		width: 100%;
		max-width: 315px;
		max-height: 206px;
		text-align: left;
		background: #d2d2d2;
	}
	
	.box .box_text {
		color: #fff;
		font-size: 18px;
		text-align: left;
		display: inline-block;
		width: 100%;
		/*text-shadow: 2px 8px 8px #A3A3A3;*/
		border: none;
		padding: 10px 15px 0 15px;
		font-family: "open_sansregular";
		
	}
	.box .text_wrapper {
		position: relative;
		bottom: 85px;
		height: 85px;
		width:100%;
		background-color: #000;
		opacity: 0.6; 
		filter: alpha(opacity=60);
		border-bottom-left-radius: 0.3em;
    	border-bottom-right-radius: 0.3em;
	}
	.box img {border-radius: 0.3em;}
	.team h3, .gridlayout h3 {
		border: none;
		color: #fff;
		font-family: "open_sansextrabold";
		letter-spacing:0px;
		font-size: 20px;
		line-height: 20px;
		padding: 3px 0;
	}
	.team em, .gridlayout em {font-style:normal; font-family: "open_sansregular"; font-size: 15px;}
	.box a {color: inherit; }
	.box a:hover img{opacity: 0.5; filter: alpha(opacity=50);}
	
	#main-slider h1 {
		text-shadow: 0 0 15px rgba(255,255,255,.5), 0 0 10px rgba(255,255,255,.5), -4px 2px 7px rgba(0,0,0,0.71);
	}
	#main-slider .carousel-caption a {
		background: transparent;
		text-decoration: underline;
		font-size: 14px;
		text-shadow: 0 1px 2px rgba(0,0,0,.6);
		color: #fff;
	}
	
	#main-slider .carousel-caption a:hover {
		background-color: #000;
	}
	
	header .container, footer .container {padding: 0 15px;}
	.container {padding: 75px 0 0 0; }
	
	#div1, #div2, #div3, #div4 {padding: 15px 0;}

	
	.ym-gbox { padding: 0;}
	.ym-gr { padding-left: 10px}
	.ym-gl { padding-right: 10px}
	.ym-grid {margin-bottom: 55px;}
	.ym-grid p {margin: 0 0 1em 0;}
	.titleRightGrid {margin-left: 50.8%;}
	
	/* Tabs */
	.tab-content > .active { margin: 15px 0;}
	.nav-tabs {margin: 1em 0 0 0; }
	.hwk > li, .hwk li > a{
		padding: 0 !important;
		margin:0 !important;
		max-width:221px;
		width:100%;
	}
	/*.hwk  > li > a > img {max-width: 100% !important;}*/
	.nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
		color: #fff;
		background-color: #343434;
		border: 1px solid #343434;
		border-bottom-color: transparent;
		cursor: default;
	}
	.nav-tabs > li > a:hover, .nav > li > a:focus {
		text-decoration: none;
		background-color: #343434;
	}
	
	.nav-tabs > li > a {
		position: relative;
		display: block;
		padding: 5px 10px;
		font-size: 15px;
		font-family: 'Open Sans', sans-serif;
		font-style: normal;
		color: #a0a0a0;
	}
	
	.hwk > li > a {display: inline-block;}
	/* end Tabs */
	

	#warnings {
		z-index: 100;
		position:absolute;
		left: 0;
		background-color: #CC6600;
		padding: 4px;
		visibility: hidden;
		color: #000;
	}
	#warnings .visible {
		visibility: visible;
	}

	.breadcrump {
		margin-bottom:20px;		
	}
	
	/*Ansprechpartner*/
	.contact_div{
		/*margin: 2em auto 1.25em auto;
		max-width: 285px;
		padding: 2em 1em;
		background-color: #9A9A9A;*/
		color: #fff;
		font-size: 30px;
		text-align:center;
	}
	.contact_div a {color: #fff;}
	.contact_div .fa{padding: 0px 15px;}
	.contact_div a:focus, .contact_div a:hover, .contact_div a:active {
		background: none;
		color: #343434;;
	}
	h3.name {
		color: #2b2b2b !important;
		font-family: "Kiro W03 Regular";
		font-weight: normal;
	}
	.function{ font-style: normal;}
	/* ENDE Diverses */
	
	.biegekunst {background-color: #fff !important; }
	.biegekunst img{/*max-width: 1280px;*/ width: 100%;}
	/*.biegekunkunst img:nth-of-type(1){max-height: 115px;}
	.biegekunkunst img:nth-of-type(2){max-height: 414px;}*/
	/*.first img{max-height: 292px;}
	.second {position: absolute;}
	*/
	.biegekunstText {
		position: relative;
		top: 270px;
		width: 50%;
		color: #fff;
		text-align: left;
		padding: 0 25px;
	}
	.biegekunstText h2{color: #fff; font-size: 25px; line-height: 27px;}
	
	.referenzDiv, .divAllRef, .zitat {padding: 0;}
	.zitat, .referenzDiv {padding-top: 150px;}
	

	.referenzDiv > h2 {
		text-align: center;
	}
	
	.zitat:after{
		background-color: #fff;
		content: " ";
		display: block;
		height: 250px;
	}
	.divAllRef {
		background-color: #fff;
		min-height: 150px;
		padding: 0;
		margin: 0;
	}
	.barAllRef {
		background-color: #000;
		color: #fff;
		padding: 15px 0;
	}
	
	/* Handwerk-Tab */
	/* USER PROFILE PAGE */
	.card {
		margin-top: 20px;
		padding: 30px;
		background-color: rgba(214, 224, 226, 0.2);
		-webkit-border-top-left-radius:5px;
		-moz-border-top-left-radius:5px;
		border-top-left-radius:5px;
		-webkit-border-top-right-radius:5px;
		-moz-border-top-right-radius:5px;
		border-top-right-radius:5px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.card.hovercard {
		position: relative;
		padding-top: 0;
		overflow: hidden;
		text-align: center;
		background-color: #fff;
		background-color: rgba(255, 255, 255, 1);
	}
	.card.hovercard .card-background {
		height: 130px;
	}
	.card-background img {
		-webkit-filter: blur(25px);
		-moz-filter: blur(25px);
		-o-filter: blur(25px);
		-ms-filter: blur(25px);
		filter: blur(25px);
		margin-left: -100px;
		margin-top: -200px;
		min-width: 130%;
	}
	.card.hovercard .useravatar {
		position: absolute;
		top: 15px;
		left: 0;
		right: 0;
	}
	.card.hovercard .useravatar img {
		width: 100px;
		height: 100px;
		max-width: 100px;
		max-height: 100px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		border: 5px solid rgba(255, 255, 255, 0.5);
	}
	.card.hovercard .card-info {
		position: absolute;
		bottom: 14px;
		left: 0;
		right: 0;
	}
	.card.hovercard .card-info .card-title {
		padding:0 5px;
		font-size: 20px;
		line-height: 1;
		color: #262626;
		background-color: rgba(255, 255, 255, 0.1);
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	.card.hovercard .card-info {
		overflow: hidden;
		font-size: 12px;
		line-height: 20px;
		color: #737373;
		text-overflow: ellipsis;
	}
	.card.hovercard .bottom {
		padding: 0 20px;
		margin-bottom: 17px;
	}
	.btn-pref .btn {
		-webkit-border-radius:0 !important;
	}
	.holzwerk .well {
		border: 0; 
		background-color: transparent;
		box-shadow: none;
	}
	.holzwerk h3{color: #323232;}
	.holzwerk .btn, .holzwerk a {
		padding:0;
		margin: 0;
		border:0;
		display: inline-table;
		height:100%;
	}
	.holzwerk .btn-group{max-height:100%;}
	
	
	.following1, .following2, .following3, .following4, .following5{
		background-position: center center fixed; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-color: transparent;
	}
	.following1{background-image: url('/design/layout/tab/Beratung_inaktiv.png');}
	.following1:hover, .following1:focus, .following1.active, .following1:active {background-image: url('/design/layout/tab/Beratung_aktiv.jpg');}
	
	.following2{background-image: url('/design/layout/tab/Planung_inaktiv.png');}
	.following2:hover, .following2:focus, .following2.active, .following2:active {background-image: url('/design/layout/tab/Planung_aktiv.png');}
	
	.following3{background-image: url('/design/layout/tab/Biegearbeiten_inaktiv.png');}
	.following3:hover, .following3:focus, .following3.active, .following3:active {background-image: url('/design/layout/tab/Biegearbeiten_aktiv.png');}
	
	.following4{background-image: url('/design/layout/tab/Finish_inaktiv.png');}
	.following4:hover, .following4:focus, .following4.active, .following4:active {background-image: url('/design/layout/tab/Finish_aktiv.png');}
	
	.following5{background-image: url('/design/layout/tab/Lieferung_Montage_inaktiv.png');}
	.following5:hover, .following5:focus, .following5.active, .following5:active {background-image: url('/design/layout/tab/Lieferung_Montage_aktiv.png');}
	
	/*Französiche Bildern*/
	.following6{background-image: url('/design/layout/tab/KWI_Buttons_Conseil_inaktiv.jpg');}
	.following6:hover, .following6:focus, .following6.active, .following6:active {background-image: url('/design/layout/tab/KWI_Buttons_Conseil_aktiv.jpg');}

	.following7{background-image: url('/design/layout/tab/KWI_Buttons_Planification_inaktiv.jpg');}
	.following7:hover, .following7:focus, .following7.active, .following7:active {background-image: url('/design/layout/tab/KWI_Buttons_Planification_aktiv.jpg');}
	
	.following8{background-image: url('/design/layout/tab/KWI_Buttons_Travaux_cintrage_inaktiv.jpg');}
	.following8:hover, .following8:focus, .following8.active, .following8:active {background-image: url('/design/layout/tab/KWI_Buttons_Travaux_cintrage_aktiv.jpg');}
	
	.following9{background-image: url('/design/layout/tab/KWI_Buttons_Finition_inaktiv.jpg');}
	.following9:hover, .following9:focus, .following9.active, .following9:active {background-image: url('/design/layout/tab/KWI_Buttons_Finition_aktiv.jpg');}
	
	.following10{background-image: url('/design/layout/tab/KWI_Buttons_Livraison_inaktiv.jpg');}
	.following10:hover, .following10:focus, .following10.active, .following10:active {background-image: url('/design/layout/tab/KWI_Buttons_Livraison_aktiv.jpg');}
	

	.following11{background-image: url('/design/layout/tab/Advice_inaktiv.png');}
	.following11:hover, .following11:focus, .following11.active, .following11:active {background-image: url('/design/layout/tab/Advice_aktiv.png');}
	
	.following12{background-image: url('/design/layout/tab/Planning_inaktiv.png');}
	.following12:hover, .following12:focus, .following12.active, .following12:active {background-image: url('/design/layout/tab/Planning_aktiv.png');}
	
	.following13{background-image: url('/design/layout/tab/Bending_Process_inaktiv.png');}
	.following13:hover, .following13:focus, .following13.active, .following13:active {background-image: url('/design/layout/tab/Bending_Process_aktiv.png');}
	
	.following14{background-image: url('/design/layout/tab/Finishing_inaktiv.png');}
	.following14:hover, .following14:focus, .following14.active, .following14:active {background-image: url('/design/layout/tab/Finishing_aktiv.png');}
	
	.following15{background-image: url('/design/layout/tab/Delivery_installation_inaktiv.png');}
	.following15:hover, .following15:focus, .following15.active, .following15:active {background-image: url('/design/layout/tab/Delivery_installation_aktiv.png');}


	.holzwerk img {width:100%;}
	/* end */
	
	iframe {
		display: inline;
		max-width: 100%;
	}


	/* 23.12.2024 uo: Start Datenschutz */
	.clsdatenschutz {
		position:fixed;
		bottom:0;
		padding:25px 20px;
		color:#FFF;
		text-align:center;
		width:100%;
		z-index: 2;
		border-top:1px solid #FFF;
		background-color:#000;
		display:none;
		line-height:30px;
	}
	
	.clsdatenschutz a {
		text-decoration:underline;
		color: #fff;
	}
	#verstandenbutton {
		padding: 0px 15px;
		max-width: 200px;
		text-align: center;
		color: #CC0000;
		border: 1px solid #CC0000;
		text-transform: uppercase;
		background-color: #FFF;
		text-decoration:none;
		margin-left:40px;
		
	}

	/*06.09.2023 uo: Zwei neue Definitionen erfasst für "Alle Cookies erlauben" und "Nur notwendige Cookies erlauben"*/
	#acceptAllCookies {
		padding: 0.5rem;
		text-align: center;
		color: #fff;
		border: 1px solid #939393;
		background-color: #000;
		text-decoration:none;
		margin:15px auto 0 auto;
		font-weight:600;
		white-space: nowrap;
		line-height: 40px;
	}
	#acceptTechnicalCookies {
		padding: 0.5rem;
		text-align: center;
		color: #fff;
		border: 1px solid #939393;
		background-color: #000;
		text-decoration:none;
		margin:15px auto 0 auto;
		font-weight:600;
		white-space: nowrap;
		line-height: 40px;
	}
	.markfocus{
		border: 1px solid #fff !important;
	}
	/* Ende Datenschutz */	
}


@media screen and (min-width: 769px){ /* everything bigger than tablet */	
	.nav .open > a, 
	.nav .open > a:hover, 
	.nav .open > a:focus {background-color: transparent;}
	
	/* desktop nav-button with hover animation */	
	header .scroll-menu {
		display: block;
		position: fixed;
		z-index: 2000;
		top: 40px;
		left: -15px;
		width: 100%;
	}
	
	header .scroll-menu .circle {
		width: 50px;
		height: 50px;
		border-radius: 50%;
		background-color: #ACACAC;
	}
	
	header #scroll-button {
		background-color: transparent;
		border: 1px solid transparent;
		outline: none;
		position: relative;
	    top: 5%;
	    left: 5%;
		width: 90%;
    	height: 90%;
	}
	
	header .menu-icon-wrapper {
		position: absolute;
		top: 11px;
		left: 8px;
		/*-webkit-transform: rotate(0deg) translate(-50%, -50%);*/
		/*-moz-transform: rotate(0deg) translate(-50%, -50%);*/
		/*-ms-transform: rotate(0deg) translate(-50%, -50%);*/
		/*-o-transform: rotate(0deg) translate(-50%, -50%);*/
		/*transform: rotate(0deg) translate(-50%, -50%);*/
	}
	
	header .menu-icon {
		width: 27px;
		height: 20px;
		position: relative;
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		cursor: pointer;
	}
	
	header .menu-icon span {
		display: block;
		position: absolute;
		height: 2px;
		width: 100%;
		background: #595959;
		border-radius: 9px;
		left: 0;
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}
	
	header .menu-icon span:nth-child(1) {
	  	top: 3px;
	}
	
	header .menu-icon span:nth-child(2) {
	  	top: 9px;
	}
	
	header .menu-icon span:nth-child(3) {
	  	top: 15px;
	}
	
	header .scroll-menu .circle:hover .menu-icon {
		-webkit-transform: scaleY(1.5);
		   -moz-transform: scaleY(1.5);
		    -ms-transform: scaleY(1.5);
		     -o-transform: scaleY(1.5);
		        transform: scaleY(1.5);
	}
	/* end menu-button */
	
	
	/* overlay when sidebar is open with automatic toggling based on .main-nav.open */
	.overlay {
	    position: fixed;
	    display: none;
	    width: 100%;
	    height: 100%;
	    top: 0;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    background-color: rgba(255,255,255,.8);
	    z-index: 100;
	}
	
	.main-nav.open ~ .overlay {
		display: block;
	}
	
	.main-nav.open ~ .scroll-menu {
		display: none;
	}
	
	.main-nav.open {
		display: block;
		width: 33%;
    	background: black;
    	height: 100%;
		overflow-y: auto;
		-ms-overflow-style: auto;
		min-width: 310px;
    	max-width: 450px;
		-webkit-animation-duration: 0.5s;
  		animation-duration: 0.5s;
	}
	
	.main-nav.open .header-top .nav-linklist {
		position: relative;
		padding: 0;
		width: auto;
	}
	
	.main-nav.open .header-top .headerLogo img { 
		width: 120px;
	}
	
	.main-nav.open .header-top .search-container {
		display: block;
		text-align: center;
		float: left;
		opacity: 1;
		height: auto;
		width: 100%;
		padding-top: 30px;
		padding-bottom: 30px;
	}
	
	.main-nav.open .header-top .search-container #div_search {
		display: block !important;
		float: none;
	}
	
	.main-nav.open .header-top .search-container #div_search form {
		display: -webkit-box !important;
		display: -webkit-flex !important;
		display: -moz-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
	}
	
	.main-nav.open .header-top .search-container #div_search form .searchbtn {
		outline: none;
		-webkit-flex-shrink: 0;
		    -ms-flex-negative: 0;
		        flex-shrink: 0;
	}

	.main-nav.open .header-top .search-container #div_search form .searchbar {
		-webkit-box-flex: 1;
		-webkit-flex-grow: 1;
		    -ms-flex-positive: 1;
		        flex-grow: 1;
    	margin-right: 10px;
		-webkit-flex-shrink: 1;
		    -ms-flex-negative: 1;
		        flex-shrink: 1;
		width: 70%; /* fixing weird sizing issue in FF */
	}
	
	.main-nav.open .header-top #nav-button {
		display: block;
	}
	
	.main-nav.open .header-top .search-container .fa-search {
		display: none;
	}
	
	.main-nav.open .search-container #div_search {
		margin: 0;
	}
	
	.main-nav.open .search-container #div_search .searchbar {
		padding: 0;
	}
	
	
	.main-nav.open > container {
		padding: 0;
		margin: 0;
	}
	
	
	header .disnone {
		display: none;
	}
}

@media screen and (max-width: 800px){ /* Tablet */
	article {  padding: 25px 0; }
	
}
@media screen and (min-width:  1150px) and (max-width: 1599px){
	
	#page-content-wrapper .is-open{ margin-left: 165px;position: absolute; }
}
@media screen AND (min-width: 975px) AND (max-width: 1150px){
	.biegekunstText { width: 60%; top: 242px;}
}
/*@media screen AND (min-width: 769px) AND (max-width: 1150px){*/
@media screen AND (min-width: 769px) AND (max-width: 1150px){
	#page-content-wrapper .is-open{ margin-left: 230px;position: absolute; }	
	#wrapper.toggled #sidebar-wrapper {
    /*width: 220px;*/width: 175px;
	}
	.biegekunstText { width: 90%; top: 195px;}
}

@media screen and (max-width: 768px){ /* Tablet */
 
	.biegekunst, #wrapper, .menuScroll {display: none;}
	
	/* wichtig für offset von anchor-links (fixed header) */
	.bodyMain [id^="div"] {
		border-top: 65px solid transparent;
	    margin: -65px 0 0;
	    -webkit-background-clip: padding-box;
	    -moz-background-clip: padding;
	    background-clip: padding-box;
	}
	
	.main-nav {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	
	/* needed for IE... just accept it */
	.main-nav .container {
		-webkit-flex-shrink: 0;
		    -ms-flex-negative: 0;
		        flex-shrink: 0;
	}
	
	.main-nav .header-top {
		background: black;
		min-height: 65px;
		padding: 15px;
		padding-bottom: 0;
		padding-left: 25px;
		
		/* copied from bootstrap .row */
		margin-left: -15px;
    	margin-right: -15px;
	}
	
	.main-nav .sidebar-wrapper {
		display: block;
		width: 0;
		height: 0;
		text-align: center;
		overflow: hidden;
	}
	
	.main-nav .sidebar-wrapper * {
		-webkit-transition: none;
		transition: none;
	}
	
	.main-nav .sidebar-wrapper .nav-linklist {
		padding-left: 0;
		position: relative;
		top: auto;
		left: auto;
		width: 100%;
		padding-top: 25px;
		height: 100%;
	}
	
	.main-nav .header-top .headerLogo {
		padding: 0;
	}
	
	.main-nav .header-top .headerLogo img { 
		width: 80px;
	}
	
	.main-nav .header-top .search-container {
		clear: both;
		-webkit-transition: opacity 300ms ease-out;
		transition: opacity 300ms ease-out;
		opacity: 0;
		height: 0;
	}
	
	.main-nav .header-top .search-container #div_search {
		display: none !important;
	}
	
	.main-nav .header-top .nav-linklist, .main-nav .header-top .search-container .fa-search {
		display: none;
	}
	
	/* display search bar in mobile navigation open */
	.main-nav.open {
		height: 100%;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
		overflow-y: auto;
		-ms-overflow-style: auto;
	}
	
	.main-nav.open .header-top .search-container {
		display: block;
		text-align: center;
		float: none;
		opacity: 1;
		height: auto;
		
		padding-top: 20px;
		padding-bottom: 10px;
	}
	
	
	.main-nav.open .header-top .search-container #div_search {
		display: block !important;
		float: none;
	}
	
	.main-nav.open .header-top .search-container #div_search form .searchbtn {
		outline: none;
	}
	
	.main-nav.open .header-top .search-container #div_search .searchbar {
		width: 50%;
	}
	
	.main-nav.open .sidebar-wrapper {
		background-color: #000;
		background-color: rgba(0,0,0,0.9);
		width: 100%;
		height: auto;
		-webkit-transition: width 300ms ease-out;
		transition: width 300ms ease-out;
		-webkit-box-flex: 1;
		-webkit-flex-grow: 1;
		    -ms-flex-positive: 1;
		        flex-grow: 1;
		-webkit-flex-shrink: 0;
		    -ms-flex-negative: 0;
		        flex-shrink: 0;
	}
	
	.main-nav.open .sidebar-wrapper .nav-linklist {
		font-size: 1.5em;
	}
	
	.main-nav.open .sidebar-wrapper .nav-linklist li {
		padding-top: 10px;
	}
	
	/* end */
	
	.semicircleRg, .semicircleLk{
		background: transparent;
		height: 0;
		border: none;
		width: auto;
		color: #fff;
	}
	
	section.BodyHead {
	    padding-top: 65px;
	    background-color: black;
	}
	
/*
	.main-nav .container .navbar-collapse a{color: #787878;}
	
	.main-nav .container .navbar-collapse.in a:focus, .main-nav .container .navbar-collapse.in a:hover{
		color: #000;
	}
*/
	
}
@media screen and (max-width: 740px){ 
	.titleRightGrid {margin-left: 0;}
	.holzwerk {display: none;}
	.linearize-level-1 > [class*="ym-g"] > [class*="ym-gbox"], 
	.linearize-level-1 > [class*="ym-col"] > [class*="ym-cbox"] {
		overflow: hidden;
		padding: 0;
		margin: 0;
		text-align: left;
	}
	.ym-gbox p {padding: 1em 0;}
	.googleMapInt{
		width: 100%;
		height: 350px;
	}
}
@media screen and (max-width: 640px){ /* Handy */
	.carousel-caption{display: none;}
	.zitat:after{
		height: 50px;
	}
	.main {margin: 0 ; padding: 0 10px;}
	/* footer{background: none; background-color: #000;} */
	table {width: 100% !important;}
	th,td {width: 98%;float:left;}
	table, tr, tbody td, th {border: none;}
	
	.specialhometext {
		margin-left: 3%;
	}
	
	footer .ym-g66 .ym-g25.no-wrap-grid {
		width: 50% !important;
		float: left !important;
	}
	.linearize-level-2, .linearize-level-2 > [class*="ym-g"], .linearize-level-2 > [class*="ym-col"] {
		display: inline-block;
	}
	
	footer .scrolltop {
		left: 50%;
		transform: translate(-50%, 0);
	}

}
@media screen and (max-width: 550px){
	.btnMenu {display: block; }
}

@media screen and (max-width: 420px){ /* Handy */
	.info {
		max-width: 260px;
		max-height: 250px;
	}
	.box .text_wrapper {
		bottom: 85px;
		height: 85px;
	}
}

@media print {
	.ym-col3 ul {
		list-style-type: disc;
	}
	.ym-col1, .ym-col2, #topnav, #nav, #div_search, .footer_area, #hidden_layers_dynamic {
		display: none;
	}
	.ym-col3 {
		margin-left: 0;
		margin-right: 0;
		padding: 0;
	}
	
	.ym-col3 .ym-cbox {
		padding: 0;
	}
}