/**
* @author    JoomlaShine.com http://www.joomlashine.com
* @copyright Copyright (C) 2008 - 2011 JoomlaShine.com. All rights reserved.
* @license   JoomlaShine.com Proprietary License
*/
/************************************************************************************
 mobile layout (240 - 960): common settings for both smartphone and tablet
*************************************************************************************/
@media only screen and (max-width: 960px), (max-device-width: 960px) {
	
   
    i.pfeil.nicht_active{display: none} 
    ul.reiter_prod li.pfeil > a > span span{background: none}
    
    #jsn-pos-mainmenu_mobile{display: block}   
    #jsn-menu #jsn-pos-mainmenu_mobile .jsn-menu-toggle + ul{display: block}
    
    #jsn-pos-mainmenu_mobile ul ul{display: none}
    #jsn-pos-mainmenu_mobile ul li{position: relative;background: #eee;
margin: 2px 0;padding: 10px 0 10px 15px;}
    
    #jsn-pos-mainmenu_mobile ul ul li{list-style-type: none}
    #jsn-pos-mainmenu_mobile ul ul li a{color: #666}
    
    /*.products_link ul{display: none}*/
    
    /*i.products_link{width:20px;height:20px;background: red;display: block}*/
    .jsn-menu-mobile-control{display: none}
    
    
    .products_link:target{}
    .Mobile_Item_Icon1, .Mobile_Item_Icon2, .Mobile_Item_Icon3 {
        display: block;
        width: 80px;
        height: 33px;
        background: #ccc;
        position: absolute;
        top: 4px;
        right: 6px;
        z-index: 1;
        background: url(../../images/plus.svg) no-repeat right center;
        background-size: 25px 25px;
    }
    ul.reiter_prod li.pfeil > a > span{margin: 0px 0 0 0; display: block}
  
    
    .accordion{display: block}  

    .Mobile_Item_Icon{}
    
    
    
    .Responsive_Icon {
    width: 26px;
    height: 26px;
    background: url(../../images/menu.svg) no-repeat;        
    background-size: 100%;
    position: absolute;
    z-index: 99999;
    top: 2px;
    left: 15px;
}
    
    
    .active_subnav{
        background: url(../../images/minus.svg) no-repeat right center;
        background-size: 25px 25px;
    }
    
    #jsn-body{position: relative;}
    
    .kkk111{margin:0}
    #jsn-pos-mainmenu_mobile ul li.first{margin-top:0;padding-top: 10px;}
    
    .Mobile_Nav{
        position: absolute;
        z-index: 9999;
        width: 100%;
        background: rgb(255, 255, 255) none repeat scroll 0% 0%;
        top: 33px;
    }
    
    .active_icon{
        width: 20px;
    height: 20px;
    background: url(../../images/close.svg) no-repeat;        
    background-size: 100%;
        top:5px
    }
    
    
    #jsn-social-icons {
    position: absolute;    
    z-index: 9;
}
    #jsn-social-icons ul li a{opacity: 1 !important}
    
    .head_kuema, .head_bormaster{border:none!important}
    
    #jsn-logo a img {
    width: 120px;
    margin: 10px 0 0 90px;
}
    
    .head_bormaster{
        left: -40px;
        top: -15px;
    }
    
    .head_kuema {    
    left: 13px;
    top: -14px;
}
    
    .romai_prod, .kuema_prod{text-align: center}
    
    
    
	body {
		font-size: 14px !important;
		-webkit-text-size-adjust: none;
	}
	#jsn-pos-mainbody-top .kuema_prod{
		background: none;
	}
	.romai_prod_o {
		background: none;
	}
	.romai_prod, .kuema_prod {
		background: none;
	}
	.romai_prod_u {
		background: none;
	}
	#h1_eng {
		margin: 0;
	}
	img {
		max-width: 100%;
		height: auto;
		width: auto\9; /* ie8 */
	}
	#jsn-usermodules1_inner {
	    border: 1px solid #B9B9B9;
	    border-radius: 3px;
	    overflow: hidden;
	    padding: 25px 20px 15px;
	}
	#jsn-usermodules1 {
	    padding-right: 0;
	    width: 100%;
	    max-width: 100%;
	}
	.jsn-homepage #jsn-mainbody_inner2 {
	    border: medium none;
	    min-height: 0;
	    padding: 0;
	}
	#jsn-pos-top div.jsn-modulecontainer {
	    float: left;
	    margin: 0 30px 0 30px;
	}
	#jsn-pos-top div.jsn-modulecontainer.head_kuema {
		margin-top: 4px;
	}
	#map_canvas {
	    background-color: #E5E3DF;
	    height: 370px;
	    max-width: 100%;
	    overflow: hidden;
	    position: relative;
	    width: 100%;
	}
	.rotate .prod_detail_tab_left,
	.rotate .tabswitch-container {
		 display: none;
	}
	.prod_details_text {
		margin: 0;
	}
	.rotate .tabellen_button {
	 	 width: 100%;
		 height: 23px;
		 background-color: #60646E;
		 background-image: url("../../images/pfeil.gif");
		 background-position: right 10px center;
		 background-repeat: no-repeat;
		 color: #fff;
		 border-radius: 5px;
		 padding: 9px 0 0 10px;
		 display: block;
		 margin-bottom: 20px;
	}
	.rotate .tabellen_button:hover,
	.rotate .tabellen_button:active {
		 background-color: #72757E !important;
		 background-image: url("../../images/pfeil.gif") !important;
		 background-position: right 10px center !important;
		 background-repeat: no-repeat !important;

	}

	#jsn-mainbody_inner2 {
	    border: 1px solid #B9B9B9;
	    border-radius: 0 3px 3px;
	    min-height: 300px;
	    padding: 60px 20px 20px 20px;
	}
	.col_right.col_right_width2 {
	    padding: 31px 16px 16px;
	    width: 200px;
	}
	.col_right.col_right_width2.rolog{
		width: 250px;
	}
	#jsn-pos-stick-righttop #jsn-social-icons {
	    padding: 21px 23px 0 0;
	}
	#jsn-page .search input.button {
	    background:url(../../images/Lupe_.png) no-repeat scroll left top rgba(0, 0, 0, 0);
	    border: medium none;
	    box-shadow: none;
	    margin-top: 7px;
	    padding: 2px;
	    padding-right: 15px;
	    transition: none 0s ease 0s;
	}
	.prod_details_intro {
	    border-bottom: none;
	    padding: 30px 0 50px;
	}
	#jsn-page .search input.button:hover {
	    background: url(../../images/Lupe__.png) no-repeat scroll left top rgba(0, 0, 0, 0);
	    border: medium none;
	    box-shadow: none;
	}

	.prod_liste .eng td {
	    padding: 0 5px 5px 0;
	}
	#jsn-page {
	    background: none;
	    color: #666666;
	    margin: 0 auto;
	    padding-bottom: 35px;
	    width: 100%;
	}
	div[id*="jsn-pos-stick-"] {
	    position: absolute;
	    z-index: 888888;
	}
	.prod_detail_tab {
	    max-width: 100%;
	    font-size: 90%;
	}
	.prod_details_content .prod_detail_item {
	    width: auto;
	    max-width: 100%;
	}
	.prod_details_foto {
	    position: relative;
	    top: 0;
	    width: 100%;
	}
	.prod_details_foto img {
	    display: block;
	    width: 40%;
	    margin: 0 auto 15px;
	}
	#prod_details_inhalt .detail_top {
	    float: none;
	    margin-top: 50px;
	    width: 195px;
	}
	#jsn-content {
	    overflow: hidden;

	}
	#jsn-pos-mainbody-top {
		max-width: 100%;
	}
	#jsn-pos-mainbody-top table{
		max-width: 100%;
		width: 100%;
	}
	.jsn-homepage #jsn-pos-mainbody-top {
	    margin-bottom: 0;
	    padding-bottom: 55px;
	    padding-left: 0px !important;
	    width: 100%;
	    max-width: 100%;
	}
	#jsn-master #jsn-page {
		width: 100%;
		min-width: inherit;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	#jsn-headerright .head_marke #bormaster {
		
	}
	#jsn-logo {
	    line-height: 1em;
	    margin: 15px 0 0 20px;
	    position: relative;
	    display: none;
	}
	#jsn-logo .romai_logo .slogan {
	    display: table-cell;
	    font-size: 1.1em;
	    line-height: 1.5em;
	    padding: 0;
	    vertical-align: bottom;
	    position: absolute;
	    top: 50px;
	    width:250px;
	}
	.suche-icon  {
		display: none !important;
	}
	#jsn-master {
	    background: none;
	    margin: 0;
	    padding: 0;
	}
	#jsn-headerright {
		display: block;
	}
	.jsn-homepage #jsn-headerright {
		display: block;
		margin-top: 38px;
	}
	#jsn-headerright .head_bormaster span {
	    display: block;
	}
	.sprache  {
		margin-right: -8px !important;
	}
	#jsn-menu #jsn-pos-toolbar div.jsn-modulecontainer {
	    margin-left: 0;
	    margin-right: 0;
	 }
	 .suche {
		margin-right: 8px !important; 
	 }
	.icons_telmail {
		padding-top: 8px;
	}
	#telefon{
		width: 15px;
		height: 20px;
		padding: 5px 0;
		background: url(../../../../images/Telefon_1.png);
		background-position: center center;
		background-repeat: no-repeat;
		color: transparent;
		margin-right: -15px;
	}
	#mail{
		width: 15px;
		height: 20px;
		padding: 5px 0;
		background: url(../../../../images/Mail_1.png);
		background-position: center center;
		background-repeat: no-repeat;
		color: transparent;
	}
	#telefon:hover{
		background: url(../../../../images/Telefon_2.png);
		background-position: center center;
		background-repeat: no-repeat;
		text-decoration: none;
	}
	#mail:hover{
		background: url(../../../../images/Mail_2.png);
		background-position: center center;
		background-repeat: no-repeat;
		text-decoration: none;
	}

	[id*="jsn-content_inner"], [id*="jsn-maincontent_inner"] {
		left: auto;
		right: auto;
		background: #FFF;
	}
	#jsn-content,
	#jsn-content_inner {
		background: #FFF !important;
	}
	#jsn-content.jsn-hasinnerleft #jsn-centercol_inner,
	#jsn-content.jsn-hasinnerright #jsn-centercol_inner {
		margin: 0;
	}
	/* =============== MAIN MENU =============== */
	#jsn-menu.jsn-menu-sticky {
		position: fixed;
		top: 0;
		-moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.5);
		-webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.5);
		box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.5);
		width: 100%;
	}
	#jsn-pos-mainmenu,
	body.jsn-direction-rtl #jsn-pos-mainmenu {
		float: none;
	}
	
	/* ----- MAIN TOGGLE ----- */
	
	#jsn-menu ul.jsn-menu-mobile {
		position: absolute;
		width: 100%;
	}
	#jsn-menu #jsn-pos-mainmenu ul.jsn-menu-mobile {
		left: 0;
	}
	#jsn-menu #jsn-pos-toolbar ul.jsn-menu-mobile {
		right: 0;
	}
	#jsn-menu .jsn-menu-toggle + ul {
		display: none;
	}
	#jsn-menu .jsn-menu-toggle + ul.jsn-menu-mobile {
		display: block;
	}
	#jsn-menu .jsn-modulecontainer.display-dropdown .jsn-modulecontainer_inner:hover h3.jsn-moduletitle {
	    background: none;
	}
	#jsn-menu .jsn-modulecontainer.display-dropdown.jsn-dropdown-active .jsn-modulecontainer_inner h3.jsn-moduletitle {
	    background: #4A4A4A;
	    color: #FFFFFF;
	}
	#jsn-menu div.display-dropdown.jsn-modulecontainer .jsn-modulecontainer_inner h3.jsn-moduletitle > span {
	    padding: 11px 12px 12px;
	}
	#jsn-menu div.display-dropdown.jsn-modulecontainer .jsn-modulecontainer_inner .jsn-modulecontent {
		visibility: visible;
		display:none;
	}
	#jsn-menu div.display-dropdown.jsn-dropdown-active.jsn-modulecontainer .jsn-modulecontainer_inner .jsn-modulecontent {
		display: block;
	}
	body.jsn-direction-rtl #jsn-menu #jsn-pos-mainmenu ul.jsn-menu-mobile {
		right: 0;
		left: auto;
	}
	body.jsn-direction-rtl #jsn-menu #jsn-pos-toolbar ul.jsn-menu-mobile {
		left: 0;
		right: auto;
	}
	body.jsn-direction-rtl #jsn-menu .jsn-menu-toggle + ul {
		right: 0;
	}
	/* ----- LEVEL 1 ----- */
	#jsn-menu div.jsn-modulecontainer ul.menu-mainmenu li {
		float: none;
		width: auto;
	}
	
	

	
	/* ----- ACTIVE STATE COLOR ----- */
	
	body.jsn-color-blue #jsn-menu div.jsn-modulecontainer ul.menu-mainmenu > li.active > a {
		background-color: #D7ECEF;
	}
	body.jsn-color-green #jsn-menu div.jsn-modulecontainer ul.menu-mainmenu > li.active > a {
		background-color: #D7ECEF;
	}
	body.jsn-color-red #jsn-menu div.jsn-modulecontainer ul.menu-mainmenu > li.active > a {
		background-color: #D7ECEF;
	}
	body.jsn-color-violet #jsn-menu div.jsn-modulecontainer ul.menu-mainmenu > li.active > a {
		background-color: #D7ECEF;
	}
	body.jsn-color-orange #jsn-menu div.jsn-modulecontainer ul.menu-mainmenu > li.active > a {
		background-color: #D7ECEF;
	}

	/* ----- LEVEL 2 ----- */
	#jsn-menu div.jsn-modulecontainer ul.menu-mainmenu.jsn-menu-mobile ul {
		width: auto;
		position: static;
		background-color: #F7F7F7;
		color: #666666;
		visibility: visible;
		opacity: 1;
		filter: alpha(opacity=100);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		margin: 0;
		padding: 0;
	}
	#jsn-menu div.jsn-modulecontainer ul.menu-mainmenu > li > .jsn-menu-mobile {
		padding: 0;
	}
	#jsn-menu div.jsn-modulecontainer ul.menu-mainmenu ul li {
		border: none;
		background: none;
	}
	#jsn-menu [id*="jsn-pos-"] div.jsn-modulecontainer ul.menu-mainmenu ul li a {
		border: none;
		background: none;
		color: #666666;
		padding: 8px 0 8px 25px;
	}
	#jsn-menu [id*="jsn-pos-"] div.jsn-modulecontainer ul.menu-mainmenu ul li a:hover,
	#jsn-menu [id*="jsn-pos-"] div.jsn-modulecontainer ul.menu-mainmenu ul li a:active,
	#jsn-menu [id*="jsn-pos-"] div.jsn-modulecontainer ul.menu-mainmenu ul li a.active {
		border: none;
		background: #D7ECEF;
		color: #009DE2;
		padding: 8px 0 8px 25px;
	}
	#jsn-pos-toolbar div.jsn-modulecontainer ul.menu-mainmenu ul li a {
		text-align: left;
	}
	body.jsn-direction-rtl #jsn-pos-toolbar div.jsn-modulecontainer ul.menu-mainmenu ul li a {
		text-align: right;
	}
	body.jsn-direction-rtl #jsn-menu [id*="jsn-pos-"] div.jsn-modulecontainer ul.menu-mainmenu ul li a,
	body.jsn-direction-rtl #jsn-menu [id*="jsn-pos-"] div.jsn-modulecontainer ul.menu-mainmenu ul li.parent > a {
		padding-left: 0;
		padding-right: 20px;
		background-position: right -332px;
	}
	#jsn-menu div.jsn-modulecontainer ul.menu-mainmenu li span.jsn-menu-toggle {
		top: 0;
		padding: 0;
		margin: 0;
		width: 32px;
		height: 32px;
		cursor: pointer;
		position: absolute;
		background: rgba(0,0,0,0.3) url(../../images/icons/icon-toggle-expand.png) center center no-repeat;
		filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#4c000000', EndColorStr='#4c000000');
		right: 0;
	}
	body.jsn-direction-rtl #jsn-menu div.jsn-modulecontainer ul.menu-mainmenu li span.jsn-menu-toggle {
		left: 0;
		right: auto;
	}
	#jsn-menu div.jsn-modulecontainer ul.menu-mainmenu li span.jsn-menu-toggle.active {
		background-image: url(../../images/icons/icon-toggle-collapse.png);
	}
	body.jsn-direction-rtl #jsn-pos-toolbar div.jsn-modulecontainer ul.menu-mainmenu ul li a {
		border: none;
	}
	/* ----- LEVEL 3 ----- */
	#jsn-menu div.jsn-modulecontainer ul.menu-mainmenu ul ul li {
		margin-left: 20px;
		margin-right: 10px;
	}
	body.jsn-direction-rtl #jsn-menu div.jsn-modulecontainer ul.menu-mainmenu ul ul li {
		margin-left: 10px;
		margin-right: 20px;
	}
	/* =============== MOBILE SIDE MENU =============== */
	body div.jsn-modulecontainer ul.menu-sidemenu ul {
		display: none;
	}
	body div.jsn-modulecontainer ul.menu-sidemenu li.parent > a {
		padding-right: 8px;
		background-image: none;
	}
	/* ===============  SITETOOLS =============== */
	#jsn-sitetoolspanel {
		display: none;
	}
	#jsn-sitetoolspanel.jsn-include-color {
		display: block;
	}
	ul#jsn-sitetools-inline li {
		padding: 0;
		margin: 0;
		background: url(../../images/icons/icons-uni.png) center -1368px no-repeat;
	}
	ul#jsn-sitetools-menu > li:hover,
	ul#jsn-sitetools-inline > li:hover {
		background-color: transparent;
	}
	ul#jsn-sitetools-menu > li > a,
	ul#jsn-sitetools-inline > li > a {
		margin: 0;
		padding: 0;
		display: block;
	}
	ul#jsn-sitetools-menu li ul,
	ul#jsn-sitetools-inline li ul {
		z-index: 90;
		right: 0;
		top: 0;
		height: 100%;
		position: absolute;
		display: none;
	}
	#jsn-sitetoolspanel li.active,
	#jsn-sitetoolspanel li.active:hover {
		background-color: #4a4a4a;
	}
	ul#jsn-sitetools-inline li.active ul,
	ul#jsn-sitetools-menu li.active ul {
		right: 32px;
		display: block;
		visibility: visible;
		opacity: 1;
		filter: alpha(opacity=100);
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}
	ul#jsn-sitetools-inline {
		margin: 0;
	}
	ul#jsn-sitetools-inline ul {
		width: 144px;
	}
	ul#jsn-sitetools-inline ul li {
		background: none;
	}
	ul#jsn-sitetools-inline ul li a {
		float: left;
		width: 16px;
		height: 16px;
		margin: 6px 3px 10px;
		display: inline-block;
	}
	ul#jsn-sitetools-inline li {
		transition: background 0.3s ease-out;
		-moz-transition: background 0.3s ease-out;
		-webkit-transition: background 0.3s ease-out;
	}
	body.jsn-color-blue ul#jsn-sitetools-inline li ul {
		background-color:rgba(40,77,115,0.95);
	}
	body.jsn-color-green ul#jsn-sitetools-inline li ul {
		background-color:rgba(71,115,40,0.95);
	}
	body.jsn-color-grey ul#jsn-sitetools-inline li ul {
		background-color:rgba(204,97,20,0.95);
	}
	body.jsn-color-orange ul#jsn-sitetools-inline li ul {
		background-color:rgba(204,97,20,0.95);
	}
	body.jsn-color-red ul#jsn-sitetools-inline li ul {
		background-color:rgba(115,40,40,0.95);
	}
	body.jsn-color-violet ul#jsn-sitetools-inline li ul {
		background-color:rgba(115,57,105,0.95);
	}
	/* -----  RTL Layout ----- */
	body.jsn-direction-rtl #jsn-sitetoolspanel {
		left: 0;
		right: auto;
	}
	body.jsn-direction-rtl ul#jsn-sitetools-menu li ul,
	body.jsn-direction-rtl ul#jsn-sitetools-inline li ul {
	    left: 32px;
	    right: auto;
	}
	body.jsn-direction-rtl ul#jsn-sitetools-menu ul li a {
	    float: right;
	}
	/* ===============  OTHER POSITIONS =============== */
	div[id*="jsn-pos-stick-left"],
	div[id*="jsn-pos-stick-right"] {
		height: 0;
	}
	#jsn-pos-promo {
		margin: 0;
		width: 100%;
	}
	#jsn-pos-promo-left,
	#jsn-pos-promo-right,
	#jsn-content #jsn-maincontent,
	#jsn-content #jsn-maincontent #jsn-centercol,
	#jsn-content #jsn-leftsidecontent,
	#jsn-content #jsn-rightsidecontent,
	#jsn-content #jsn-pos-innerleft,
	#jsn-content #jsn-pos-innerright {
		width: 100%;
		margin: 0;
	}
	#jsn-content #jsn-maincontent_inner,
	#jsn-promo #jsn-pos-promo div.jsn-modulecontainer {
		margin: 0 !important;
	}
	#jsn-pos-promo-left div.jsn-modulecontainer,
	#jsn-pos-promo-right div.jsn-modulecontainer {
		padding: 0 !important;
	}
	#jsn-pos-breadcrumbs {
		padding: 10px;
	}

	#jsn-leftsidecontent_inner,
	#jsn-rightsidecontent_inner {
		padding: 0 !important;
	}
	#jsn-pos-innerleft > div,
	#jsn-pos-innerright > div {
		margin: 0 10px !important;
	}
	#jsn-pos-content-bottom + #jsn-usermodules3 {
		padding-top: 0 !important;
	}
	div.jsn-modulescontainer4.jsn-horizontallayout div.jsn-modulecontainer {
		width: 49.9%;
	}
	div#jsn-pos-breadcrumbs.display-mobile,
	div.jsn-modulecontainer.display-mobile {
		display: block;
	}
	div#jsn-pos-breadcrumbs.display-desktop,
	div.jsn-modulecontainer.display-desktop {
		display: none;
	}
	/* ============================== JOOMLA! DEFAULT EXTENSIONS ============================== */
	/* =============== JOOMLA! EXTENSIONS - COM_CONTACT =============== */
	/* ----- STANDARD CONTACT LAYOUT - CONTACT FORM INPUT BOXES ----- */
	.jsn-mailling-form {
		text-align: center;
	}
	.jsn-mailling-form p {
		text-align: left;
	}
	.jsn-mailling-form #contact_name,
	.jsn-mailling-form #contact_email,
	.jsn-mailling-form #contact_subject,
	.jsn-mailling-form #contact_text {
		width: 100%;
		padding: 3px 0;
	}
	/* =============== JOOMLA! EXTENSIONS - COM_SEARCH =============== */
	div.com-search #searchForm .search-phrase {
		margin-left: 0;
	}
	div.com-search #searchForm .search-keyword label,
	div.com-search #searchForm .search-ordering label,
	div.com-search #searchForm .search-field-title {
		float: none;
		display: inline;
		text-align: left;
		padding-bottom: 3px;
	}
	div.com-search #searchForm .search-keyword-result .search-field-title {
		display: inline;
	}
	div.com-search #searchForm .search-range label,
	div.com-search #searchForm  .search-range .search-field-title {
		float: left;
	}
	body.jsn-direction-rtl div.com-search #searchForm .search-range label,
	body.jsn-direction-rtl div.com-search #searchForm .search-range .search-field-title {
		float: right;
	}
	
	
		.rotate .prod_detail_tab_left,
	.rotate .tabswitch-container {
		 display: none;
	}
	.prod_details_text {
		margin: 0;
	}
	.rotate .tabellen_button {
	 	 width: 100%;
		 height: 23px;
		 background-color: #60646E;
		 background-image: url("../../images/pfeil.gif");
		 background-position: right 10px center;
		 background-repeat: no-repeat;
		 color: #fff;
		 border-radius: 5px;
		 padding: 9px 0 0 10px;
		 display: block;
		 margin-bottom: 20px;
	}
	.rotate .tabellen_button:hover,
	.rotate .tabellen_button:active {
		 background-color: #72757E !important;
		 background-image: url("../../images/pfeil.gif") !important;
		 background-position: right 10px center !important;
		 background-repeat: no-repeat !important;

	}
	.contentpane h5{
	    display: none;
	}
    
        .jsn-homepage #jsn-pos-user2 {
    
    background: #eee;
    margin: 0 auto;
    padding: 0;
    position: relative;
    left: 0;
    overflow: auto;
    width: 100%;
    float: none;
}
}



/************************************************************************************
smartphone layout (450 - 768): everything is layout in single column
*************************************************************************************/
@media only screen and (max-width: 768px), (max-device-width: 768px) {
    
    .wide_box{width:260px;height: auto}
    .wide_img{width:100%;float: none}
    .wide_box img{position: relative;}
    .wide_box a {height: auto;background: #fff}
    .wide_box::before{background: #fff}
    .wide_txt{width:100%;margin-left: 0}
    .wide1, .wide2{padding-left: 0}
    .wide_box .stoerer_cyan {
        left: 0;
        position: relative;
        width: 70px;
        margin: 0 auto;
    }
    
    .item-page, .item-pagerotate, .item-pagesonder, .blogpresse, .item-pagemap_kontakt, .item-pagepresse, .login, .logout, .remind, .reset, .profile, .profile-edit, .search_MainBody{
        background: none;
		width: 100%;
        margin: 0px;
        padding-left: var(--blogpadding);
        padding-right: var(--blogpadding);     
        box-sizing: border-box;   
    }
    #jsn-pos-mainbody-top .contentcol, #jsn-master .contentcol, 
    #jsn-mainbody-content .homemenu > .jsn-modulecontainer_inner, 
    #jsn-mainbody-content .homesonder > .jsn-modulecontainer_inner, 
    #jsn-mainbody-content .homelohn > .jsn-modulecontainer_inner, 
    #jsn-mainbody-content .homemade > .jsn-modulecontainer_inner, 
    #jsn-mainbody-content .homewartung > .jsn-modulecontainer_inner, 
    #jsn-mainbody-content .item-page .page-header, 
    #jsn-mainbody-content .blog .page-header, 
    #jsn-mainbody-content .blog .category-desc, 
    #jsn-mainbody-content .blog-items, 
    #jsn-pos-mainbody-bottom > .jsn-modulecontainer > .jsn-modulecontainer_inner, 
    .jsn-article-toolbar, 
    .articleBody > *, 
    .articleBody > .cck-f100 .cck_art_introtext > .cck_value > *, 
    .articleBody > .cck-f100 .cck_art_introtext > .cck_value > .totalwidth > div, 
    .articleBody .category-name, 
    .prod_grid, #jsn-mainbody-content .login > * {
	    max-width: none;
    }    
    #jsn-pos-mainbody-bottom {
	    
    }
    .prod_grid_cont, 
    .articleBody > .prod_grid_cont {
		margin-left: calc(-1 * var(--blogpadding));
        margin-right: calc(-1 * var(--blogpadding));
        padding-left: var(--blogpadding);
        padding-right: var(--blogpadding);  
	}
	.prod_grid_cont .prod_grid {
		margin: 0px;
		max-width: none;
		grid-template-columns: 1fr 1fr;
	}
    .jsn-homepage #jsn-pos-user2 .jsn-modulecontainer_inner{
        width: 100%
    }
    
    
     .jsn-homepage #jsn-pos-user2 .jsn-modulecontainer_inner{
        width: 100%
    }
    h3.jsn-moduletitle span{line-height: 24px}
    
    .nl_module .acymailing_module_form .acymailing_introtext{}
    
    .jsn-homepage #jsn-pos-user2 h3 {
    color: #009DE2;
    font-size: 18px;
    font-weight: normal;
    padding: 0 50px 20px 15px;
    line-height: 30px;
}
    .nl_module form{
        height: 160px;
        width: 90%;
        margin: 0 auto;
    }
    
    #jsn-pos-user2 table.acymailing_form input[name="user[name]"]{
        position: absolute;
    }
    
    #jsn-pos-user2 table.acymailing_form input[name="user[email]"]{
        position: absolute;
        top: 80px;
        left: 0;
    }
    
    #jsn-pos-user2 table.acymailing_form input[name="Submit"]{
        position: absolute;
        top: 130px;
        left: 0;
    }
    
    
    
    
    #jsn-header{background-size: auto 100%}
    
    .head_kuema {    
    left: -180px;    
}
    .head_bormaster {
    left: -10px;
    top: -91px;
}
    
        .jsn-homepage #jsn-pos-user2 {    
            /*background: #ccc;*/
            margin: 0 auto;
            padding: 0;
            position: relative;
            left: 0;
            overflow: auto;
            width: 100%;
            float: none;
        }
    
    
	
	.row-fluid {
		max-width: 100%;
		width: auto;
	}
	div.jsn-modulescontainer2 #jsn-pos-user7 .agb_unten {
	    float: none;
	    padding-right: 0;
	    text-align: left;
	}
	.agb_unten .jsn-modulecontent {
	    float: none;
	}
	.item-pagepresse .item-content {
	    padding-left: 0;
    }
	#jsn-content {
	    overflow: hidden;
	    padding: 0 10px 0 10px;
	}
	.ausklapp #jsn-content {
	    overflow: hidden;
	    padding: 0;
	}
	.jsn-homepage #jsn-content {
	    overflow: hidden;
	    padding: 0;
	}
	
	.category-blog .items-row {
	    margin-top: 50px;
	    padding-left: 0px;
	    padding-top: 30px;
	    width: auto;
	}
	.col_right {
	    float: none;
	    width: 250px;
	}
	.category-blog .col_right {
	    margin-left: 0px;
	    width: 180px;
	}
	.jsn-homepage .item .col_right, .item-pagepresse .col_right{
	    width: 180px;
	}
	.img_caption {
		padding-top: 30px;
	}
	.jsn-homepage .item div{
	    width: 180px;
	    float: none;
	}
	.column-1 div {
		float: none;
	}
	.jsn-homepage .item div > img,
	.column-1 div > img {
	   margin: 30px 0;
	   float: none !important;
	}
	.jsn-homepage .item {
	    background-color: #fff;
	    border: none;
	    border-radius: 3px;
	    padding: 20px 20px 20px 20px;
	}
	.jsn-homepage #jsn-header {
	    /*height: 150px;*/
	    overflow: hidden;
	    position: relative;
	    width: 100%;
	}
	#jsn-header {
	    overflow: hidden;
	    position: relative;
	    width: 100%;
	}
	#jsn-pos-mainbody-top .startmenu {
	    background: none;
	    padding: 0;
	}
	.jsn-homepage #jsn-mainbody-content {
	    background: none;
	    width: 100%;
	}
	.jsn-homepage #jsn-pos-mainbody-top {
	    background: none;
	}
	#jsn-mainbody_inner {
	    background: none;
	    width: 100%;
	    padding: 0;
	    margin-top: 20px;
	}
	#jsn-pos-mainbody-top {
	    background: none;
	    min-height: 0;
	}
	#jsn-mainbody {
	    background: none;
	}
	.mod_reiter_prod {
	    height: auto;
	    margin-bottom: -1px;
	}
	ul.reiter_prod {
	    margin: 0;
	    overflow: visible;
	    padding-left: 1px;
	    padding-top: 20px;
	}
	.ausklapp ul.reiter_prod {
	    margin: 0;
	    overflow: visible;
	    padding-left: 1px;
	    padding-top: 20px;
	    margin: 0 10px 0 10px;
	}

	ul.reiter_prod li a {
	    background-color: #60646e;
	    border-radius: 0;
	    box-shadow: none;
	    color: #FFFFFF;
	    display: block;
	    float: none;
	    height: 28px;
	    margin-right: 0;
	    padding: 8px 10px 0;
	    text-align: left;
	    border-bottom: 1px solid #FFFFFF;
	}
	ul.reiter_prod > li.first > a {
	    border-radius: 5px 5px 0 0;
	}
	ul.reiter_prod > li.last a {
	    border-radius: 0 0 5px 5px;
	}
	.presse ul.reiter_prod > li.last a,
	.sonder ul.reiter_prod > li.last a {
	    border-radius: 5px;
	}
	ul.reiter_prod > li.pfeil > a{
	    border-radius: 5px;
	}
	ul.reiter_prod > li.active > a{
	    border-radius: 5px 5px 0 0;
	}
	.ausklapp ul.reiter_prod > li.reit_active > a {
	     border-radius: 5px 5px 0 0;
	}
	ul.reiter_prod > li.reit_active > a {
	     border-radius: 5px;
	}
	.ausklapp ul.reiter_prod li.reit_active ul {
	  	display: block;
	}
	.ausklapp ul.reiter_prod li ul {
	  	display: none;
	}
	ul.reiter_prod li ul {
		display: block;
		border-left: 1px solid #cccccc;
		border-right: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
		border-radius: 0 0 5px 5px;
	}
	ul.reiter_prod li.reit_active ul {
	  	display: none;
	}
	ul.reiter_prod ul ul li a {
	    display: block;
	    height: 25px;
	    margin-top: 0;
	    background-color: #F7F7F7;
	}
	ul.reiter_prod li a {
	    color: #FFFFFF;
	    text-align: left;
	}
	ul.reiter_prod ul li a {
	    background-color: #F7F7F7;
	    color: #666666;
	    min-width: 50px;
	    border-bottom: 1px solid #cccccc;
	}
	ul.reiter_prod ul li.last a {
	    border-bottom: none;
	}
	ul.reiter_prod li.pfeil > a > span {
		padding-right: 14px;
		background: none;
		background-repeat: no-repeat;
		background-position: right center;
	}
	.ausklapp ul.reiter_prod li.pfeil > a {
		background-image: url(../../images/Plus_rechts.png);
		background-repeat: no-repeat;
		background-position: right 8px center;
		 border-radius: 5px;
	}
	.ausklapp ul.reiter_prod li.reit_active > a{
		background-image: url(../../images/Minus_rechts.png);
		background-repeat: no-repeat;
		background-position: right 8px center;
		border-radius: 5px 5px 0 0;
	}
	ul.reiter_prod li.pfeil > a {
		background-image: url(../../images/Minus_rechts.png);
		background-repeat: no-repeat;
		background-position: right 8px center;
		 border-radius: 5px 5px 0 0;
	}
	ul.reiter_prod li.reit_active > a{
		background-image: url(../../images/Plus_rechts.png);
		background-repeat: no-repeat;
		background-position: right 8px center;
		 border-radius: 5px;
	}
	#jsn-mainbody_inner2 {
	    border: none;
	    border-radius: 0 3px 3px;
	    min-height: 300px;
	    padding:0 10px 0 0;
	}
	.map_kontakt #jsn-mainbody_inner2 {
	    border: none;
	    border-radius: 0 3px 3px;
	    min-height: 300px;
	    padding: 0;
	}
	#detail_link109_technische-details {
		border-radius: 3px 3px 0 0;
	}
	#prod_details_inhalt {
		width: 100%;
		margin-top: -50px;
	}
	.kasten_grau {
	    border-radius: 3px;
	    width: 100%;
	    background: none;
	}
	#prod_details_inhalt .detail_top {
	    float: none;
	    margin-top: 0px;
	    width: 99%;
	    height: auto;
	}
	#prod_details_inhalt .detail_top li a.active {
	    background-position: center;
	    color: #4CBAEB;
	    text-decoration: none;
	}
	#prod_details_inhalt .detail_top li {
	    list-style-type: none;
	    margin: 0;
	}
	a.btn_hegrau_pdf, div.btn_hegrau_pdf a {
	    background: none;
	    background-color: #60646e;
	    color: #fff;
	    border-radius: 5px !important;
	    width: 100%;
	    background-image: url(../../images/pdf.gif);
	    background-repeat: no-repeat;
		background-position: right 5px center;
		float: none;
	}
	a.btn_hegrau_pdf:hover, div.btn_hegrau_pdf a:hover {
	    background: none;
	    background-color: #72757e;
	    border-radius: 5px;
	    width: 100%;
	    background-image: url(../../images/pdf.gif);
	    background-repeat: no-repeat;
		background-position: right 5px center;
	}
	.dl_link, .btn_hegrau_pdf {
		width: 100%;
		float: none;
	}
	table .btn_hegrau_pdf .dl_link{
		width: 100%;
		float: none;
		position: absolute;
		margin-top: -30px !important;
	}
	.btn_hegrau_pdf .dl_link{
		width: 100%;
		float: none;
		position: absolute;
		margin-top: 240px;
	}
	.presse .btn_hegrau_pdf .dl_link{
		width: 98%;
		float: none;
		position: absolute;
		margin-top: 10px;
	}
	.presse h4 {
	    width: 100%;
	    float: left;
	}
	.jsn-homepage .item h2, .presse h2 {
	    font-weight: bold;
	    padding-bottom: 5px;
	    width: 100%;
	}
	a.btn_hegrau, a.btn_hegrau_pfeil, a.btn_hegrau_pdf, 
	a.btn_hegrau_yt_pfeil, div.btn_hegrau_pdf a, 
	a.btn_heblau, a.btn_heblau_pfeil, a.btn_dugrau, 
	a.btn_dugrau_pfeil, a.btn_dublau, a.btn_dublau_pfeil, 
	a.btn_yt_abo {
	    display: block;
	    font-size: 14px;
	    font-weight: normal;
	    height: 23px;
	    margin-top: 0;
	    padding: 8px 0 5px 10px;
	    width: 100%;
	    border-radius: 0;
	}
	.downloads a.btn_hegrau, .downloads a.btn_hegrau_pfeil, .downloads a.btn_hegrau_pdf, 
	.downloads a.btn_hegrau_yt_pfeil, .downloads div.btn_hegrau_pdf a {
	    display: block;
	    font-size: 14px;
	    font-weight: normal;
	    height: 23px;
	    margin-top: 0;
	    padding: 8px 0 2px 10px;
	    width: 100%;
	    border-radius: 5px;
	}
	a.btn_hegrau,
	a.prod_detail_item.pdf_link, 
	div.prod_detail_item.pdf_link a {
	    background: #f7f7f7;
		border-top: 1px solid #cccccc;
		border-left: 1px solid #cccccc;
		border-right: 1px solid #cccccc;
		
	}
	a.prod_detail_item.pdf_link, div.prod_detail_item.pdf_link a {
	    background-image: url(../../images/pdf.gif);
	    background-repeat: no-repeat;
		background-position: right 5px center;
		background-color: #f7f7f7;
		border-top: 1px solid #cccccc;
		border-left: 1px solid #cccccc;
		border-right: 1px solid #cccccc;
	}
	a.prod_detail_item.pdf_link:hover, div.prod_detail_item.pdf_link a:hover {
	    background-image: url(../../images/pdf.gif);
	    background-repeat: no-repeat;
		background-position: right 5px center;
		background-color: #d7ecef;
		border-top: 1px solid #cccccc;
		border-left: 1px solid #cccccc;
		border-right: 1px solid #cccccc;
	}
	.col_right li:first-child a{
		border-radius: 5px 5px 0 0;
	}
	a.btn_hegrau:hover,
	a.btn_hegrau:active,
	a.btn_hegrau:focus {
		background: #d7ecef; 
		border-top: 1px solid #cccccc;
		border-left: 1px solid #cccccc;
		border-right: 1px solid #cccccc;  
	}
	a.btn_heblau_pfeil,
	.prod_liste_2  a.btn_heblau_pfeil {
	    background: #009ce1;
		background-image: url(../../images/pfeil.gif);
		background-repeat: no-repeat;
		background-position: right 5px center;
		padding-right: 0;
		margin: 0 !important;
		border-radius: 5px;
		padding-top: 4px;
	}
	a.btn_heblau_pfeil:hover,
	.prod_liste_2  a.btn_heblau_pfeil:hover {
	    background: #d7ecef;
	    background-image: url(../../images/pfeil.gif);
		background-repeat: no-repeat;
		background-position: right 5px center;
		padding-right: 0;
	}
	li:last-child a.btn_heblau_pfeil,
	.prod_liste_2 li:last-child  a.btn_heblau_pfeil {
	    background: #009ce1;
		background-image: url(../../images/pfeil.gif);
		background-repeat: no-repeat;
		background-position: right 5px center;
		padding-right: ;
		margin: 0 !important;
		border-radius: 0 0 5px 5px;
		border: 1px solid #cccccc;
		padding-top: 6px;
	}
	li:last-child a.btn_heblau_pfeil:hover,
	.prod_liste_2 li:last-child  a.btn_heblau_pfeil:hover {
	    background: #d7ecef;
		background-image: url(../../images/pfeil.gif);
		background-repeat: no-repeat;
		background-position: right 5px center;
		padding-right: ;
		margin: 0 !important;
		border-radius: 0 0 5px 5px;
		border: 1px solid #cccccc;
		padding-top: 6px;
	}
	a.prod_link {
	    display: block;
	    height: 100px;
	    width: 100px;
	}
	
	
	
	
	/****** Tabellen *******/
	
	.prod_liste_2 .first td {
	     padding: 30px 5px 0px 0;
	}
	.prod_liste_2 td {
	    border-bottom: none;
	    display: block;
	  padding: 30px 5px 0px 0;
    }
    .prod_liste_2 .last td {
	    border: medium none;
	    padding: 30px 5px 0px 0;
	}
	.prod_liste_2 .no_border {
		margin: 0;
		padding-top: 15px;
		padding-bottom: 20px;
		width: 100%;
		height: 0;
		border-bottom: 1px solid #cccccc !important;
	}
	.prod_liste_2 td h3  {
		position: absolute;
		left: 110px;	
		margin-top: -110px;
		width: 250px;
		max-width: 250px;	
	}
	.prod_liste_2 td h4 {
		position: absolute;
		left: 110px;
		margin-top: -80px;
		width: 200px;
		max-width: 200px;	
	}
	
    .prod_liste_2 td p {
	   padding: 0;
	   padding-bottom: 20px;
	   padding-right: 10px;
	   margin: 0;
	   width: 100%;
	   max-width: 100%;
	 }
	  .prod_liste_2 td:last-child p {
	   padding: 0;
	   padding-bottom: 20px;
	   padding-right: 10px;
	   margin: 0;
	   width: 100%;
	   max-width: 100%;
	 }
	.prod_liste_1 {
		margin-top: 0px;
		padding-top: 75px;
		width:100%;
		max-width: 100%;
	}
	.prod_liste_1 .first td {
	     padding: 30px 5px 0 0;
	}
	.prod_liste_1 .no_border {
		margin: 0;
		padding-top: 20px;
		padding-bottom: 20px;
		width: 100%;
		height: 0;
		border-bottom: 1px solid #D5D5D5 !important;
	}
	.prod_liste_1 .last td {
	    border: medium none;
	    padding: 30px 5px 0 0;
	}
	.prod_liste_1 td h3  {
		position: absolute;
		left: 110px;	
		margin-top: -110px;
		width: 250px;
		font-size: 1.4em;
		max-width: 250px;	
	}
	.prod_liste_1 td h4 {
		position: absolute;
		left: 110px;
		margin-top: -110px;
		width: 200px;
		max-width: 200px;	
	}
	.prod_liste_1 td {
	    border-bottom: none;
	    display: block;
	  padding: 30px 5px 0 0;
    }
    .prod_liste_1 td p {
	   padding: 0;
	   padding-bottom: 0px;
	   padding-right: 10px;
	   margin: 0;
	   width: 100%;
	   max-width: 100%;
	 }
	 .prod_liste_3 {
		margin-top: 0px;
		padding-top: 75px;
		width:100%;
		max-width: 100%;
	}
	.prod_liste_3 tr {
	    border-bottom: 1px solid #D5D5D5;
	}
	.prod_liste_3 tr.last {
	    border-bottom: none;
	    margin-bottom: 10px;
	}
	.prod_liste_3 .first td {
	     padding: 0;
	}
	.prod_liste_3 .last td {
	    border: medium none;
	    padding:  0;
	    padding-top: 20px;
	}
	.prod_liste_3 td {
	    border-bottom: none;
	    display: block;
	    padding: 0;
	    padding-top: 20px;
	    width: 100%;
    }
	.prod_liste_3 td h3  {
		position: absolute;
		left: 110px;	
		margin-top: -120px;
		width: 250px;
		font-size: 1.4em;
		max-width: 250px;	
	}
	.prod_liste_3 td h4 {
		position: absolute;
		left: 110px;
		margin-top: -90px;
		width: 300px;
		max-width: 300px;	
	}
	.prod_liste_3 tr.first td h3  {
		position: absolute;
		left: 110px;	
		margin-top: -100px;
		width: 250px;
		font-size: 1.4em;
		max-width: 250px;	
	}
	.prod_liste_3 tr.first td h4 {
		position: absolute;
		left: 110px;
		margin-top: -70px;
		width: 300px;
		max-width: 300px;	
	}
    .prod_liste_3 td p {
	   padding: 0;
	   padding-bottom: 20px;
	   padding-right: 10px;
	   margin: 0;
	   width: 100%;
	   max-width: 100%;
	 }
	 .verstell_img {
		 position: relative;
		 top:10px;
		 left: -45px;
		 width: 10%;
		 text-align: left;
	 }
	 .verstell_img img{
		 text-align: left;
		 margin-top: 10px;
	 }
	 .prod_liste_0,
	  .prod_liste_0_1 {
		margin: 0;
		width:100%;
		max-width: 100%;
	}
	 .table01 {
		margin-bottom: 40px;
	} 
	 .prod_liste_0 tr,
	  .prod_liste_0_1 tr {
		border-bottom: 1px solid #D5D5D5;
	}
	.prod_liste_0 tr.last,
	.prod_liste_0 tr.first,
	.prod_liste_0_1 tr.last,
	.prod_liste_0_1 tr.first {
		border: none;
	}
	.prod_liste_0 tr.first td,
	.prod_liste_0_1 tr.first td{
		text-align: left;
	}
	.prod_liste_0 .first td,
	.prod_liste_0_1 .first td {
	     padding: 30px 5px 0 0;
	}
	.prod_liste_0 .last td,
	.prod_liste_0_1 .last td {
	    border: medium none;
	    padding: 30px 5px 0 0;
	}
	.prod_liste_0 td h3,
	.prod_liste_0_1 td h3  {
		position: absolute;
		left: 108px;	
		margin-top: -110px;
		width: 350px;
		font-size: 1.4em;
		max-width: 350px;
		line-height: 1em;	
	}
	.prod_liste_0 td h4 {
		position: absolute;
		left: 108px;
		margin-top: -90px;
		width: 300px;
		max-width: 300px;	
	}
	.prod_liste_0_1 td h4{
		position: absolute;
		left: 108px;
		margin-top: -85px;
		width: 300px;
		max-width: 300px;	
	}
	.prod_liste_0 td,
	.prod_liste_0_1 td  {
	    border-bottom: none;
	    display: block;
		padding: 30px 5px 0 0;
		width: 100%;
    }
    .prod_liste_0 td p,
    .prod_liste_0_1 td p {
	   padding: 0;
	   padding-bottom: 20px;
	   margin: 0;
	   width: 100%;
	   max-width: 100%;
	 }

	 /****** Tabellen *******/
	 
	 
	 .impr_table1 td:first-child {
		 width: 90px;
	 }
		
	
	ul.reiter_prod ul li.active.current > a {
	    background: #D7ECEF;
	    box-shadow: none;
	    color: #009DE2;
	}
	ul.reiter_prod ul li.active > a {
	    background: #D7ECEF;
	    box-shadow: none;
	    color: #009DE2;
	}
	.vorteile {
	    font-size: 12px;
	    font-weight: bold;
	    width: 100%;
	}
	#jsn-mainbody .maincol_width2 {
	    width: 100%;
	}
	.prod_details_foto {
	    position: static;
	    top: 0;
	    width: 200px; 
	}
	.prod_details_foto img {
	    display: block;
	    margin: 0;
	    width: 40%;
	}
	.downloads {
	    font-weight: bold;
	    margin: 30px 0 50px;

	}
	.item-content .downloads .btn_hegrau_pdf a {
	    width: 100%;
	}
	.item-content .downloads .btn_hegrau_pdf  {
	    border-bottom: 1px solid #D5D5D5;
	    padding-bottom: 30px;
	}
	
	.person {
	    bottom: 0;
	    position: relative;
	    right: 0;
	    text-align: left;
	}
	.jobs {
		padding: 0;
	}
	.jobs h5 {
	    padding-bottom: 1em;
	    word-break: break-word;
	}
	.col_left {
	    width: 100%;
	}
	.col_left .ansprechpartner tr {
		display: block;
	}
	.col_left table tr {
		display: block;
	}
	.col_left table td:first-child {
		
	}
	.mitarbeiter {
		padding: 10px 0 10px 0;
		display: block;
	}
	.col_right_mid {
	    margin-left: 0;
	    width: 100%;
	}
	.col_left_small {
	    float: left;
	    width: 100%;
	    margin-bottom: 20px;
	}
	.col_left_small p{
	    width: 98%;
	}
	#recaptcha_table tr {
		display: table-row;
	}
	#recaptcha_table td {
		padding-right:  0;
	}
	#map_canvas {
	    background-color: #E5E3DF;
	    height: 370px;
	    overflow: hidden;
	    position: relative;
	    width: 100% !important;
	    max-width: 100% !important;
	}
	.col_right.col_right_width2 {
	    padding: 10px 10px 10px;
	    width: 100%;
	    max-width: 100%;
	    background: url(../../images/kasten_grau.gif)repeat-x scroll left top #FAFAFA;
	    border-radius: 0;
	    margin-bottom: 30px;
    }
    
    #jsn-master .col_right.col_right_width2 .jcepopup.jcemediabox-image{
	    height: unset;
	    display: inline;
    }
   .col_right.col_right_width2.rolog .bluetooth{
	    margin-top: 10px;
    }
    .col_right.col_right_width2 .app-download{
	    display: flex;
	    flex-direction: column;
   	    margin-top: 15px;
		max-width: 275px;
    }
    .col_right.col_right_width2 .app-download a{
	    display: flex;
    }
	.zerti {
	    padding-left: 10px;
	}
	#agb_menu_unten li.first a {
	    border-right: 1px solid #666666;
	    padding-left: 10px;
	    padding-right: 15px;
	}
	div.jsn-modulescontainer2 #jsn-pos-user7 .agb_unten {
	    float: right;
	    padding-right: 0;
	    width: 100%;
	}
	.agb_unten .jsn-modulecontent {
	    float: right;
	    width: 120%;
	}
	ul#agb_menu_unten {
	   width: 100%;
	}
	#agb_menu_unten li a {
	    border-right: 1px solid #666666;
	    padding-left: 15px;
	    padding-right: 15px;
	}
	.vorteile td {
	    padding-bottom: 16px;
	    vertical-align: top;
	}
	#jsn-logo {
	    line-height: 1em;
	    margin: 15px 0 0 18px;
	    position: relative;
	}
	#jsn-logo a img {
		width: 120px;
        margin: 0 0 0 60px;
	}
	#djslider-loader60 {
	    margin: 0 !important;
	    position: relative;
	}
	.accordionfaq {
	    font-family: verdana;
	    margin: 0;
	    width: 100%;
	    max-width: 100%;
	}
		
	.recaptchatable #recaptcha_image {
		width: 200px !important;
	}	
	#recaptcha_area, #recaptcha_table {
	    width: 218px !important;
	}
	#jsn_form_1.jsn-master .jsn-bootstrap .jsn-form-content .control-group {
	    padding: 0px;
	}
	#jsn-pos-user7 {
		display: block;
		float: none;
		margin: 0 auto;
		width: 220px;
	}
	.agb_unten .jsn-modulecontent {
	    float: none;
	}
	div.jsn-modulescontainer2 #jsn-pos-user7 .agb_unten {
	    float: none;
	    padding-right: 0;
	}
	#agb_menu_unten li.first a {
	    border-right: 1px solid #666666;
	    padding-left: 10px;
	    padding-right: 15px;
	}
	.zerti {
	    padding-left: 10px;
	}
	.prod_details_div2 h1 {
		position: absolute;
		top: 20px;
		left: 85px;
	}
	.prod_details_div2 h2 {
		position: absolute;
		top: 55px;
		left: 85px;
		line-height: 1em;
	}

	.prod_details_div4 h1 {
		position: absolute;
		top: 70px;
		left: 260px;
	}
	.prod_details_div4 h2 {
		position: absolute;
		top: 110px;
		left: 260px;
		line-height: 1em;
	}
	#jsn-mainbody .maincol_width {
	    width: 90%;
	}
	
	 /*
	 
	.prod_details_text {
	    margin-top: 15px;
	    margin-bottom: 250px;
	}
	 .prod_detail_tab {
	    max-width: 100%;
	    width: 100%;
	    height: auto;
	    font-size: 93%;
	    min-height: 100%;
	    padding: 0;
	    overflow: visible;
	    margin-bottom: 150px;
	    margin-left: 120px;
	    visibility: visible;
	    display: block;
	    transform:  translate(0px, 0px) rotate(-90deg);
	    text-align: center;
		vertical-align: middle;
		white-space: nowrap;
		writing-mode: lr-tb;
	   }
	 .prod_details_intro .prod_detail_tab {
	    max-width: 100%;
	    width: 100% !important;
	    -webkit-transform: none;
	    -moz-transform: none;
	    -o-transform: none; 
	    height: auto;
	    margin: 0px;
	    padding: 0;
	    overflow: visible;
	    display: block;
	}
		
	.rotate {
		 width: 100%;
	    height: 100%;
	    -moz-transform: rotate(-90deg);
	    -webkit-transform: rotate(-90deg);
	    -ms-transform: rotate(-90deg);
	    -o-transform: rotate(-90deg);
	    transform: rotate(-90deg);
	    transform-origin: 800px;
	}
		
*/


	.rotate .prod_detail_tab_left,
	.rotate .tabswitch-container {
		 display: none;
	}
	.prod_details_text {
		margin: 0;
	}
	.rotate .tabellen_button {
	 	 width: 100%;
		 height: 23px;
		 background-color: #60646E;
		 background-image: url("../../images/pfeil.gif");
		 background-position: right 10px center;
		 background-repeat: no-repeat;
		 color: #fff;
		 border-radius: 5px;
		 padding: 9px 0 0 10px;
		 display: block;
		 margin-bottom: 20px;
	}
	.rotate .tabellen_button:hover,
	.rotate .tabellen_button:active {
		 background-color: #72757E !important;
		 background-image: url("../../images/pfeil.gif") !important;
		 background-position: right 10px center !important;
		 background-repeat: no-repeat !important;

	}
	
	.jsn-homepage #jsn-header {
	    /*height: 245px;*/
	    overflow: hidden;
	    position: relative;
	    background-size: 100%;
	}
	.jsn-homepage #jsn-headerright {
	    display: block;
	    margin: -80px 0 0 0;
	    /*float: none;*/
	}
	#jsn-pos-top, .head_bormaster, .head_kuema, #jsn-logo {
		float: none !important;
		padding: 0 5px 0 5px;
	}
	#jsn-headerright .head_bormaster a {
	    padding-left: 100px;
	}
	.head_marke {
		height: 60px;
	}
	.head_bormaster {
		margin: 0 !important;
		padding-top: 10px;
		border-top: 1px solid #e0e0e0;
		
	}
	.head_kuema {
		padding-left: 10px !important;
		padding-top: 15px;
		margin: 0 !important;
		border-top: 1px solid #e0e0e0;
		
		
	}
	
	.impr_table td {
		display: block;
	}
	.impr_table1 td:first-child,
	 #kontakt_tabelle td:first-child {
		 width: 90px;
	 }
	 .category-blog .item > p,
	.item-pagepresse .item-content > p {
		width: 100%;
		margin: 0;
		margin-bottom: 20px;
	}
	#jsn-pos-user1 {
	    float: none;
	    padding-left: 10px;
	    padding-right: 10px;	    
	    width: auto;
	     background: none;
	}
	#jsn-pos-user2 {
	    float: none;
	    margin-left: 20px;
	    padding-left: 10px;
	    padding-right: 10px;	    
	    width: auto;
	     background: none;
	    margin: 0;
	}
	#jsn-usermodules1_inner {
	    border: none;
	    border-radius: 3px;
	    overflow: hidden;
	    padding: 0;
	}
	.start_btn a span {
	    font-weight: bold;
	    padding: 0 40px 0 0 !important;
	    font-size: 1em;
	    width: 200px !important;
	    height: auto;
	    vertical-align: middle;
	    text-align: right;
	    float: right;
	    display: inline-block;
	    position: static;
	}
	.start_btn {
		 width: 100%;
		 height: 100%;
		 border-radius: 5px;
		 margin-bottom: 10px;
		 margin-right: 5px;
		 display: table;
		 vertical-align: middle;
		 background-color: #60646E !important;
		 background-image: url(/images/M_images/menuepfeil.gif);
		 background-position: right 10px center;
		 background-repeat: no-repeat;
	}
	.start_btn:hover {
		 background-color: #72757E !important;
	}
	.start_btn img {
		display: none;
	}
	.start_btn a {
	    color: #EBEDF2;
	    display: table-cell;
	    vertical-align: middle;
	    font-size: 13px;
	    font-weight: bold;
	    position: relative;
	    width: 100% !important;
	    height: 100px !important;
	    background-position: left bottom 20px !important;
	    background-size: 50% !important;
	    background: none !important;
	    border-radius: 5px;
	    text-align: right;
	}
	#jsn-pos-mainbody-top .startmenu {
		width: 100%;
		max-width: 100%;
		padding: 0 10px 0 10px;
	}
	#start_swk_btn a {
		background: url(../../images/swk_btn_k_eins.jpg) no-repeat left center !important;	
	}
	#start_smsk_btn a {
		background: url(../../images/smsk_btn_k_eins.jpg) no-repeat left center !important;	
	}
	#start_kservice_btn a {
		background: url(../../images/kservice_btn_k_eins.jpg) no-repeat left center !important;	
	}
	#start_wk_btn a {
		background: url(../../images/wk_btn_k_eins.jpg) no-repeat left center !important;
	}
	#start_msk_btn a {
		background: url(../../images/msk_btn_k_eins.jpg) no-repeat left center !important;
	}
	#start_agw_btn a {
		background: url(../../images/agw_btn_k_eins.jpg) no-repeat left center !important;
	}
	#start_sls_btn a {
		background: url(../../images/sls_btn_k_eins.jpg) no-repeat left center !important;
	}
	#start_mko_btn a {
		background: url(../../images/mko_btn_k_eins.jpg) no-repeat left center !important;
	}
	#start_son_btn a {
		background: url(../../images/son_btn_k_eins.jpg) no-repeat left center !important;
	}
	.start_btn a:hover {
		 background: none !important;
	}
	#start_swk_btn a:hover, #start_smsk_btn a:hover, #start_kservice_btn a:hover, #start_wk_btn a:hover, #start_msk_btn a:hover, #start_agw_btn a:hover, 
	#start_sls_btn a:hover, #start_mko_btn a:hover, #start_son_btn a:hover {
	    background-position: left center !important;
	    color: #EBEDF2;
	    text-decoration: none;
	}
	
	.readmore .btn {
	    margin-top: 10px;
	    box-shadow: none;
	    background: #60646E !important;
	    color: #fff !important;
	    width: 99%;
	    border-radius: 5px !important;
/* 	    padding: 8px 0 8px 9px !important; */
	    font-size: 1em;
	    background-image: url(../../images/pfeil.gif) !important;
	    background-repeat: no-repeat !important;
	    background-position: right 5px center !important;
	}
	.readmore .btn:hover {
	    background: #72757E !important;
	    background-image: url(../../images/pfeil.gif) !important;
	    background-repeat: no-repeat !important;
	    background-position: right 5px center !important;
	}
	.jsn-homepage .item > p {
	    width: 100%;
	    margin: 0;
	}	
	ul.jsn-pagination li a, ul.jsn-pagination li span, .pager ul li a, .pager ul li span {
	    background: #60646E !important;
	    border-radius: 5px;
	    color: #fff;
	    border: none;
	}
	ul.jsn-pagination li a:hover, ul.jsn-pagination li span:hover, 
	.pager ul li a:hover, .pager ul li span:hover {
	    background: #72757E !important;
	    border-radius: 5px;
	    color: #fff;
	}
	ul.jsn-pagination li.navigation-page span {
	    color:#c6c6c6;
	}
	.jsn-joomla-30 .jsn-modulecontent > div > p > .btn  {
	    box-shadow: none;
	    display: block;
	    background: #60646E !important;
	    color: #fff !important;
	    width: 100%;
	    margin: 0;
	    font-size: 1em;
	    padding: 8px 0 8px 9px !important;
	    background-image: url(../../images/pfeil.gif) !important;
	    background-repeat: no-repeat !important;
	    background-position: right 5px center !important;
	}
	.jsn-joomla-30 .jsn-modulecontent > div > p   {
	   width: 100%;
	}
	#jsn-pos-mainbody-bottom {
        padding-left: var(--blogpadding);
        padding-right: var(--blogpadding); 		
	}
	.hellblau_grid, 
	#jsn-pos-mainbody-bottom > .jsn-modulecontainer.hellblau_grid  {
        padding-left: var(--blogpadding);
        padding-right: var(--blogpadding); 
		margin-left: calc(-1 * var(--blogpadding));
        margin-right: calc(-1 * var(--blogpadding));        
	}
	.jsn-joomla-30 .jsn-modulecontent > div > p > .btn:hover  {
	    background: #72757E !important;
	    background-image: url(../../images/pfeil.gif) !important;
	    background-repeat: no-repeat !important;
	    background-position: right 5px center !important;
	}
	.jsn-homepage .item {
	    background-color: #fff;
	    border: medium none;
	    border-radius: 0;
	    padding: 0 20px 15px 10px;
	}
	
	p.img_caption {
	    display: none;
	}

	.ausklapp #jsn-mainbody .maincol_width2 {
	    width: 100%;
	    margin: 0 10px 0 10px;
	}
	.ausklapp a.btn_hegrau, .ausklapp a.btn_hegrau_pfeil, 
	.ausklapp a.btn_hegrau_pdf, .ausklapp a.btn_hegrau_yt_pfeil, 
	 .ausklapp div.btn_hegrau_pdf a, .ausklapp a.btn_heblau, 
	 .ausklapp a.btn_heblau_pfeil, .ausklapp a.btn_dugrau, 
	 .ausklapp a.btn_dugrau_pfeil, .ausklapp a.btn_dublau, 
	 .ausklapp a.btn_dublau_pfeil, .ausklapp a.btn_yt_abo {
	    display: block;
	    font-size: 14px;
	    font-weight: normal;
	    height: 23px;
	    margin-top: 0;
	    padding: 8px 0 5px 10px;
	    width: 96%;
	}
	
	.ausklapp .item-content {
	    position: relative;
	    margin: 0;
	}
	.ausklapp .item-content > div > img {
	    margin: 0 10px 0 10px;
	    width: 98%;
	}
	.ausklapp .item-content .maincol_width,
	.ausklapp .item-content .person,
	.ausklapp .item-content .col_left {
	    margin: 0 10px 0 10px;

	}
	.plus .item-content {
	    position: relative;
	    margin: 0 !important;
	}
	.btn-toolbar > .btn + .btn, .btn-toolbar > .btn-group + .btn, .btn-toolbar > .btn + .btn-group {
	    margin-left: 0;
	}
	.jsn-master .jsn-bootstrap .form-actions, 
	.jsn-master.ui-dialog-contentpane .jsn-bootstrap .form-actions {
	    padding: 5px;
	}
	.category-blog .span12 .column-1 .dl_link, .btn_hegrau_pdf {
		width: 97% !important;
		float: none !important;
		margin-bottom: 10px;
	}
	.presse h4 {
	    width: 100%;
	    float: left;
	}
	.column-1 h4 {
		margin-bottom: 40px;
	}
	#djslider-loader56, #djslider-loader59, #djslider-loader58, #djslider-loader57, #djslider-loader60 {
	    margin: 0 !important;
	}
	.col_right .marke_logo {
	    margin-bottom: 20px;
	    text-align: left;
	}
	.control-group  {
		padding: 0 !important;
	}
	
}
@media only screen and (max-width: 768px), (max-device-width: 768px){
	/* amb2018 */
	.amb2018 .jsn-form-submit {
		margin-top: 10px;
	}
	.cover-amb2018{
		height: unset;
	}
	.amb2018 h1 {
		margin-left: 0;
	}
	.amb2018-sign {
		margin-left: -120px;
	}
	.cover-amb2018{
		background-image: none;
	}
	.amb2018-inner{
		margin-left: 100px;	
	}
	.amb2018-inner .jsn-input-mini-fluid {
		width: 35%;
	}
	.amb2018-inner .jsn-input-medium-fluid{
		width: 70%;
	}
}


@media (max-width: 680px){
	#jsn-pos-footer{
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-gap: 2em;
	}
	#jsn-pos-footer > div{
		min-width: 180px;
	}
	#jsn-pos-footer > div:last-child{
		grid-column: 1 / span 2;
	}
}


/************************************************************************************
smartphone layout (200 - 450): everything is layout in single column
*************************************************************************************/
@media only screen and (min-width: 200px) and (max-width: 485px), (min-device-width: 200px) and (max-device-width: 485px) {
	
	:root {
		--blogpadding: 20px;
	}
    
     .kuema_ss{margin:0 0 0 -15px!important}
     .kuema_ss img{width:130px}
    .other_products_title{margin:0!important}
    .other_products{display: block}
    
    .wide_box{width:260px;height: auto}
    .wide_img{width:100%;float: none}
    .wide_box img{position: relative;}
    .wide_box a {height: auto;background: #fff}
    .wide_box::before{background: #fff}
    .wide_txt{width:100%;margin-left: 0}
    .wide1, .wide2{padding-left: 0}
    .wide_box .stoerer_cyan {
        left: 0;
        position: relative;
        width: 70px;
        margin: 0 auto;
    }
    
    #map_2{width: 300px !important}
     .item-page, .item-pagerotate, .item-pagesonder, .blogpresse, .item-pagemap_kontakt, .item-pagepresse, .login, .logout, .remind, .reset, .profile, .profile-edit, .search_MainBody{
        background: none;

    }
    
     .jsn-homepage #jsn-pos-user2 .jsn-modulecontainer_inner{
        width: 100%
    }
    h3.jsn-moduletitle span{line-height: 24px}
    
    .nl_module .acymailing_module_form .acymailing_introtext{}
    
    .jsn-homepage #jsn-pos-user2 h3 {
    color: #009DE2;
    font-size: 18px;
    font-weight: normal;
    padding: 0 50px 20px 15px;
    line-height: 30px;
}
    .nl_module form{
        height: 160px;
        width: 90%;
        margin: 0 auto;
    }
    
    #jsn-pos-user2 table.acymailing_form input[name="user[name]"]{
        position: absolute;
    }
    
    #jsn-pos-user2 table.acymailing_form input[name="user[email]"]{
        position: absolute;
        top: 80px;
        left: 0;
    }
    
    #jsn-pos-user2 table.acymailing_form input[name="Submit"]{
        position: absolute;
        top: 130px;
        left: 0;
    }
    
    .jsn-homepage .item img{
        margin: 0 0 20px 0!important;
    }
    
    .jsn-homepage .item span.jcemediabox-zoom-span{
        max-width: 100% !important;
    }
    .jsn-homepage .item .img_caption.none{
        margin: 0
    }
    
    .articleBody .jcepopup.jcemediabox-image{
        display: block;
        height: 200px
    }
    #jsn-master	.col_right.col_right_width2 .jcepopup.jcemediabox-image{
	    height: unset;
	    display: inline;
    }
    .ansprechtable img{}
    
    
    #jsn-header{background-size: auto 100%}
    
	#jsn-pos-mainbody-top .kuema_prod {
	    margin: 25px auto 0;
	}
	.jsn-homepage .kuema_prod_u {
	    margin-bottom: 0;
	}
	#djslider-loader56, #djslider-loader59, #djslider-loader58, #djslider-loader57, #djslider-loader60 {
	    margin: 0 !important;
	}
	.control-group  {
		padding: 0 !important;
	}
	.col_right .marke_logo {
	    margin-bottom: 20px;
	    text-align: left;
	}
	
	.column-1 h4 {
		margin-bottom: 40px;
	}
	.jsn-homepage .item div,
	.column-1 div{
	    width: 180px;
	    float: none;
	}
	.jsn-homepage .item div > img,
	.column-1 div > img {
	   margin: 30px 0;
	}
	.img_caption {
		padding-top: 30px;
	}
	.ausklapp .item-content {
	    position: relative;
	    margin: 0;
	}
	.ausklapp .item-content > div > img {
	    margin: 0 10px 0 10px;
	    width: 98%;
	}
	.ausklapp .item-content .maincol_width,
	.ausklapp .item-content .person,
	.ausklapp .item-content .col_left { 
	    margin: 0 10px ;
	}
	.plus .item-content {
	    position: relative;
	    margin: 0;
	}
	.btn-toolbar > .btn + .btn, .btn-toolbar > .btn-group + .btn, .btn-toolbar > .btn + .btn-group {
	    margin-left: 0;
	}
	.jsn-master .jsn-bootstrap .form-actions, 
	.jsn-master.ui-dialog-contentpane .jsn-bootstrap .form-actions {
	    padding: 5px;
	}
	.accordionfaq {
	    font-family: verdana;
	    margin: 0;
	    width: 100%;
	    max-width: 100%;
	}
	.ausklapp #jsn-mainbody .maincol_width2 {
	    width: 100%;
	    margin: 0 10px 0 10px;
	}
	.ausklapp a.btn_hegrau, a.btn_hegrau_pfeil, a.btn_hegrau_pdf, a.btn_hegrau_yt_pfeil, 
	div.btn_hegrau_pdf a, a.btn_heblau, a.btn_heblau_pfeil, a.btn_dugrau, 
	a.btn_dugrau_pfeil, a.btn_dublau, a.btn_dublau_pfeil, a.btn_yt_abo {
	    display: block;
	    font-size: 14px;
	    font-weight: normal;
	    height: 23px;
	    margin-top: 0;
	    padding: 8px 0 5px 10px;
	    width: 95%;
	}
	.ausklapp #jsn-content {
	    overflow: hidden;
	    padding: 0;
	}
	.ausklapp ul.reiter_prod {
	    margin: 0;
	    overflow: visible;
	    padding-left: 1px;
	    padding-top: 20px;
	    margin: 0 10px 0 10px;
	}

	p.img_caption {
	    display: none;
	}
	
	.rotate .prod_detail_tab_left,
	.rotate .tabswitch-container {
		 display: none;
	}
	.prod_details_text {
		margin: 0;
	}
	.rotate .tabellen_button {
	 	 width: 100%;
		 height: 23px;
		 background-color: #60646E;
		 background-image: url("../../images/pfeil.gif");
		 background-position: right 10px center;
		 background-repeat: no-repeat;
		 color: #fff;
		 border-radius: 5px;
		 padding: 9px 0 0 10px;
		 display: block;
		 margin-bottom: 20px;
	}
	.rotate .tabellen_button:hover,
	.rotate .tabellen_button:active {
		 background-color: #72757E !important;
		 background-image: url("../../images/pfeil.gif") !important;
		 background-position: right 10px center !important;
		 background-repeat: no-repeat !important;
		 
	}
	
	.readmore .btn {
	    margin-top: 10px;
	    box-shadow: none;
	    /*background: #60646E !important;*/
	    /*color: #fff !important;*/
	    width: 99%;
	    display: inline-block;
	    padding: 8px 0 8px 0px !important;
	    background-image: url(../../images/pfeil.gif) !important;
	    background-repeat: no-repeat !important;
	    background-position: right 5px center !important;
       
	}
	.readmore .btn:hover {
	    /*background: #72757E !important;
	    background-image: url(../../images/pfeil.gif) !important;
	    background-repeat: no-repeat !important;
	    background-position: right 5px center !important;
        */
	}
	.jsn-homepage .item > p {
	    width: 100%;
	}	
	ul.jsn-pagination li a, ul.jsn-pagination li span, .pager ul li a, .pager ul li span {
	    background: #60646E !important;
	    border-radius: 5px;
	    color: #fff;
	    border: none;
	}
	ul.jsn-pagination li a:hover, ul.jsn-pagination li span:hover, 
	.pager ul li a:hover, .pager ul li span:hover {
	    background: #72757E !important;
	    border-radius: 5px;
	    color: #fff;
	}
	ul.jsn-pagination li.navigation-page span {
	    color:#c6c6c6;
	}
	.jsn-joomla-30 .jsn-modulecontent > div > p {
	    width: 100%;
	}
	.jsn-joomla-30 .jsn-modulecontent > div > p > .btn  {
	   box-shadow: none;
	    display: block;
	    background: #60646E !important;
	    color: #fff !important;
	    width: 100%;
	    margin: 0;
	    font-size: 1em;
	    padding: 8px 0 8px 9px !important;
	    background-image: url(../../images/pfeil.gif) !important;
	    background-repeat: no-repeat !important;
	    background-position: right 5px center !important;
	}

	.jsn-joomla-30 .jsn-modulecontent > div > p > .btn:hover  {
	    background: #72757E !important;
	    background-image: url(../../images/pfeil.gif) !important;
	    background-repeat: no-repeat !important;
	    background-position: right 5px center !important;
	}
	.jsn-homepage .item {
	    background-color: #fff;
	    border: medium none;
	    border-radius: 3px;
	    padding: 10px;
	}
	.start_btn a span {
	    font-weight: bold;
	    padding: 0 10px 0 0 !important;
	    font-size: 1.1em;
	    width: 110px !important;
	    height: auto;
	    vertical-align: middle;
	    text-align: left;
	    float: right;
	    display: inline-block;
	    position: static;
	    word-break: break-word;
	}
	.start_btn {
		 width: 100%;
		 height: 100%;
		 border-radius: 5px;
		 margin-bottom: 10px;
		 margin-right: 5px;
		 display: table;
		 vertical-align: middle;
		 background-color: #60646E !important;
		 background-image: url(/images/M_images/menuepfeil.gif);
		 background-position: right 10px center;
		 background-repeat: no-repeat;
	}
	.start_btn:hover {
		 background-color: #72757E !important;
	}
	.start_btn img {
		display: none;
	}
	.start_btn a {
	    color: #EBEDF2;
	    display: table-cell;
	    vertical-align: middle;
	    font-size: 12px;
	    font-weight: bold;
	    position: relative;
	    width: 100% !important;
	    height: 100px !important;
	    background-position: left bottom 20px !important;
	    background-size: 50% !important;
	    background: none !important;
	    border-radius: 5px;
	    text-align: right;
	}
	#jsn-pos-mainbody-top .startmenu {
		width: 100%;
		max-width: 100%;
		padding: 0 10px 0 10px;
	}
	#start_swk_btn a {
		background: url(../../images/swk_btn_k_eins.jpg) no-repeat left center !important;	
		background-size: 50% !important;
	}
	#start_smsk_btn a {
		background: url(../../images/smsk_btn_k_eins.jpg) no-repeat left center !important;	
		background-size: 50% !important;
	}
	#start_kservice_btn a {
		background: url(../../images/kservice_btn_k_eins.jpg) no-repeat left center !important;	
		background-size: 50% !important;
	}
	#start_wk_btn a {
		background: url(../../images/wk_btn_k_eins.jpg) no-repeat left center !important;	
		background-size: 50% !important;
	} 
	#start_msk_btn a {
		background: url(../../images/msk_btn_k_eins.jpg) no-repeat left center !important;
		background-size: 50% !important;
	}
	#start_agw_btn a {
		background: url(../../images/agw_btn_k_eins.jpg) no-repeat left center !important;
		background-size: 50% !important;
	}
	#start_sls_btn a {
		background: url(../../images/sls_btn_k_eins.jpg) no-repeat left center !important;
		background-size: 50% !important;
	}
	#start_mko_btn a {
		background: url(../../images/mko_btn_k_eins.jpg) no-repeat left center !important;
		background-size: 50% !important;
	}
	#start_son_btn a {
		background: url(../../images/son_btn_k_eins.jpg) no-repeat left center !important;
		background-size: 50% !important;
	}
	.start_btn a:hover {
		 background: none !important;
	}
	#start_swk_btn a:hover, #start_smsk_btn a:hover, #start_kservice_btn a:hover, #start_wk_btn a:hover, #start_msk_btn a:hover, #start_agw_btn a:hover, 
	#start_sls_btn a:hover, #start_mko_btn a:hover, #start_son_btn a:hover {
	    background-position: left center !important;
	    color: #EBEDF2;
	    text-decoration: none;
	}

		
	#jsn-usermodules1_inner {
	    border: none;
	    border-radius: 3px;
	    overflow: hidden;
	    padding:  0;
	    }
	#jsn-pos-user1 {
	    float: none;
	    padding-left: 10px;
	    padding-right: 10px;	    
	    width: auto;
	     background: none;
	}
	#jsn-pos-user2 {
	    float: none;
	    padding-left: 10px;
	    padding-right: 10px;	    
	    width: auto;
	     background: none;
	     margin-left: 0px;
	}
	.category-blog .item > p,
	.item-pagepresse .item-content > p {
		width: 100%;
		margin: 0;
		margin-bottom: 20px;
	}
	 .impr_table1 td:first-child,
	 #kontakt_tabelle td:first-child {
		 width: 70px;
	 }
	.impr_table td {
		display: block;
	}
	.impr_table1 td {
		padding-right: 10px !important;
	}
	#jsn-mainbody .maincol_width {
	    width: 90%;
	}
	.row1 {
	    background-color: #F5F5F5;
	    
	}
	.row2 {
	   
	}
	#prod_details_inhalt #komponenten .accordionfaqitem td {
	    line-height: 1.2em;
	    padding: 5px;
	    vertical-align: top;
	}
	h1 {
		font-size: 1.6em;
		word-break: break-word;
	}
	.width_masch{
		width: 100% !important;
	}
	.prod_details_div2 h1 {
		position: absolute;
		top: 20px;
		left: 85px;
		font-size: 1.3em;
	}
	.prod_details_div2 h2 {
		position: absolute;
		top: 55px;
		left: 85px;
		line-height: 1em;
		font-size: 1.2em;
	}

	.border-top {
		width: 100%;
		max-width: 100%;
	}
	#jsn-pos-user7 {
		display: block;
		float: none;
		margin: 0 auto;
		width: 220px;
	}
	.agb_unten .jsn-modulecontent {
	    float: none;
	     width: 110%;
	}
	div.jsn-modulescontainer2 #jsn-pos-user7 .agb_unten {
	    float: none;
	    padding-right: 0;
	}
	#agb_menu_unten li.first a {
	    border-right: 1px solid #666666;
	    padding-left: 10px;
	    padding-right: 10px;
	}
	#agb_menu_unten li a {
	    border-right: 1px solid #666666;
	    padding-left: 10px;
	    padding-right: 10px;
	}
	.zerti {
	    padding-left: 10px;
	}	.prod_detail_liste h3 img {
	    float: left;
	}
	.prod_detail_liste h3 .subline {
	    display: inline-block;
	    font-size: 0.7em;
	    padding-top: 5px;
	     word-break: break-word;
	    word-wrap: break-word;
	}
	.prod_detail_liste h3 .headline {
	    display: block;
	    /*padding-top: 8px;*/
	    font-size: 0.9em;
	    word-break: break-word;
	    word-wrap: break-word;
	}
	.prod_detail_liste h3 {
	    border-bottom: 1px solid #D5D5D5;
	    border-top: 1px solid #D5D5D5;
	    color: #666666;
	    font-size: 1.3em;
	    font-weight: normal;
	    /*height: 50px;*/
	    margin-top: 2px;
	}
	.prod_detail_liste h3 img,
	 .prod_detail_liste h3 span {
	    display: block;
	    /*float: none !important;*/
	    margin: 0 !important;
	}
	#antriebe h3 .headline, #abtriebe h3 .headline {
	    margin-left: 0 !important;
	    font-size: 0.9em;
	    word-break: break-word;
	    word-wrap: break-word;
	}
	.recaptchatable #recaptcha_image {
		width: 200px !important;
	}	
	#recaptcha_area, #recaptcha_table {
	    width: 218px !important;
	    z-index: 300;
	}
	#recaptcha_table tr {
		display: table-row;
	}
	#recaptcha_table td {
		padding-right:  0;
	}
	#jsn_form_1.jsn-master .jsn-bootstrap .jsn-form-content .control-group {
	    padding: 0px;
	}
	
	/*
	.prod_details_text {
	    margin-top: 15px;
	    margin-bottom: 300px;
	}
	.prod_detail_tab {
	    max-width: 100%;
	    width: 100%;
	    height: auto;
	    font-size: 90%;
	    min-height: 100%;
	    padding: 0;
	    overflow: visible;
	    margin-bottom: 0;
	    margin-left: 180px;
	    visibility: visible;
	    display: block;
	    transform:  translate(0px, 0px) rotate(-90deg);
	    text-align: center;
		vertical-align: middle;
		white-space: nowrap;
		writing-mode: lr-tb;
	 }
	 .prod_detail_tab .top {
	    height: 38px;
	}
	
	
	.prod_detail_tab .tabswitch-container .top {
        height: 20px;
	    padding-top: 17px;
	}
	.prod_detail_tab .tabswitch-top-menu-container {
	    display: table;
	    height: 20px;
	    margin: 0 auto;
	    margin-top: -13px;
	    padding: 0;
	}
	.prod_detail_tab .haken {
	    display: block;
	    height: 10px;
	    margin: auto;
	    width: 70%;
	}	
	.prod_detail_tab .attr_active span {
	    background-color: #F7E6C6;
	    display: block;
	    line-height: 30px;
	    width: 50%;
	}
	.prod_detail_tab td {
	    height: 30px;
	    padding: 0 5px;
	    vertical-align: middle;
	}		
	.prod_detail_tab .c3 {
	    padding-left: 5px;
	    padding-right: 5px;
	    width: 50px;
	}
		*/
	.prod_detail_tab .row1 {
	    background-color: #F5F5F5;
	    height: 30px;
	}
	
	h5 {
	    color: #666666;
	    font-size: 1.35em;
	    font-weight: bold;
	    margin: 0;
	    padding: 0 0 50px;
	}
	#djslider-loader60 {
	    margin: 0 !important;
	    position: relative;
	}
	 .prod_details_intro .prod_detail_tab td {
	 	display: block;
	 	height: 20px;
	 	width: 100%;
	 	padding: 5px 5px;
	 }
	#jsn-pos-top div.jsn-modulecontainer:first-child {
	    margin-left: 0;
	    margin-bottom: 0px;
	    margin-top: 10px;
	}
	#jsn-pos-top div.jsn-modulecontainer {
	    float: left;
	    margin: 0 0 0 0;
	}
	
	.prod_liste {
		margin-top: 0px;
		padding-top: 75px;
		width:100%;
		max-width: 100%;
	}
	ul.reiter_prod ul li.active > a {
	    background: #D7ECEF;
	    box-shadow: none;
	    color: #009DE2;
	}
	.col_right.col_right_width2 {
	    padding: 10px 10px 10px;
	    width: 100%;
	    max-width: 100%;
	    background: url(../../images/kasten_grau.gif)repeat-x scroll left top #FAFAFA;
	    border-radius: 0;
	    margin-bottom: 30px;
    }
    .col_right.col_right_width2 img,
     .col_right.col_right_width2 div {
	    text-align: left !important;
    }
    .col_right.col_right_width2 .app-download{
	    display: flex;
	    flex-direction: column;
   	    margin-top: 20px;
		max-width: 275px;
    }
     .col_right.col_right_width2.rolog .bluetooth{
	    margin-top: 10px;
    }
    .col_right.col_right_width2 .app-download a{
	    display: flex;
    }
	#map_canvas {
	    background-color: #E5E3DF;
	    height: 370px;
	    overflow: visible;
	    position: static;
	    width: 100% !important;
	    max-width: 100% !important;
	}
	.col_right_mid {
	    margin-left: 0;
	    width: 100%;
	}
	.col_left_small {
	    float: left;
	    width: 100%;
	    margin-bottom: 20px;
	}
	.col_left .ansprechpartner tr {
		display: block;
	}
	.col_left table td:first-child {
		
	}
	.col_left table tr {
		display: block;
	}
	.col_left table td {
		padding-right:  0px;
	}
	.mitarbeiter {
		padding: 10px 0 10px 0;
		display: block;
	}
	.col_left {
	    width: 100%;
	}
	.jobs h5 {
	    padding-bottom: 1em;
	    font-size: 1.4em;
	    word-break: break-word;
	}
	.jobs {
		padding: 0;
	}
	.downloads td {
	    border-bottom: none;
	    padding: 30px 0;
	    vertical-align: middle;
	    display: block;
	    width: 100%;
	}
	.downloads  {
	    width: 100%;
	}
	.item-content .downloads .btn_hegrau_pdf a {
	    width: 100%;
	}
	.item-content .downloads .btn_hegrau_pdf  {
	    border-bottom: 1px solid #D5D5D5;
	    padding-bottom: 30px;
	    width: 118% !important;
	}
	.person {
	    bottom: 0;
	    position: relative;
	    right: 0;
	    text-align: left;
	}
	#jsn-pos-top div.jsn-modulecontainer {
	    float: left;
	    margin: 0 0 0 10px;
	}
	.width_pro {
		width: 100% !important;
		max-width: 100% !important;
	}
	.prod_liste .first td {
	    padding: 0 5px 50px 0;
	}
	
	#detail_link109_blaupfeiljetzt-anfragen:hover {
		background: #d7ecef;
		background-image: url(../../images/pfeil.gif);
		background-repeat: no-repeat;
		background-position: right 5px center;
		border: 1px solid #d6d6d6;
	}
	.kasten_grau {
	    background: none;
	    border-radius: 3px;
	    padding: 0;
	    width: 100%;
	}
	#prod_details_inhalt .detail_top {
	    float: none;
	    margin-top: 0px;
	    width: 100%;
	    height: auto;
	}
	#prod_details_inhalt .detail_top li a.active {
	    background-position: center;
	    color: #4CBAEB;
	    text-decoration: none;
	}
	#prod_details_inhalt .detail_top li {
	    list-style-type: none;
	    margin: 0;
	}
	
	.col_right li:first-child a{
		border-radius: 5px 5px 0 0;
	}
		#detail_link109_technische-details {
		border-radius: 3px 3px 0 0;
	}
	#prod_details_inhalt {
		width: 100%;
		margin-top: -50px;
	}
	.kasten_grau {
	    border-radius: 3px;
	    width: 100%;
	    background: none;
	}
	#prod_details_inhalt .detail_top {
	    float: none;
	    margin-top: 20px;
	    width: 100%;
	    height: auto;
	}
	#prod_details_inhalt .detail_top li a.active {
	    background-position: center;
	    color: #4CBAEB;
	    text-decoration: none;
	}
	#prod_details_inhalt .detail_top li {
	    list-style-type: none;
	    margin: 0;
	}
		a.btn_hegrau_pdf, div.btn_hegrau_pdf a {
	    background: none;
	    background-color: #60646e;
	    color: #fff;
	    border-radius: 5px !important;
	    width: 100%;
	    background-image: url(../../images/pdf.gif);
	    background-repeat: no-repeat;
		background-position: right 5px center;
		float: none;
	}
	a.btn_hegrau_pdf:hover, div.btn_hegrau_pdf a:hover {
	    background: none;
	    background-color: #72757e;
	    border-radius: 5px;
	    width: 100%;
	    background-image: url(../../images/pdf.gif);
	    background-repeat: no-repeat;
		background-position: right 5px center;
	}

	.dl_link, .btn_hegrau_pdf {
		width: 100% !important;
		float: none !important;
	}
	table .btn_hegrau_pdf .dl_link{
		width: 100%;
		float: none;
		position: absolute;
		margin-top: -30px !important;
	}
	.btn_hegrau_pdf .dl_link{
		width: 100%;
		float: none;
		position: absolute;
		margin-top: 240px;
	}
	.presse .btn_hegrau_pdf .dl_link{
		width: 100%;
		float: none;
		position: static;
		margin-top: 10px;
		margin-bottom: 20px;
	}
	.presse h4 {
	    width: 100%;
	    float: left;
	}
	.jsn-homepage .item h2, .presse h2 {
	    font-weight: bold;
	    padding-bottom: 5px;
	    width: 100%;
	}
	a.btn_hegrau, a.btn_hegrau_pfeil, a.btn_hegrau_pdf, 
	a.btn_hegrau_yt_pfeil, div.btn_hegrau_pdf a, 
	a.btn_heblau, a.btn_heblau_pfeil, a.btn_dugrau, 
	a.btn_dugrau_pfeil, a.btn_dublau, a.btn_dublau_pfeil, 
	a.btn_yt_abo {
	    display: block;
	    font-size: 14px;
	    font-weight: normal;
	    height: 23px;
	    margin-top: 0;
	    padding: 8px 0 5px 10px;
	    width: 99%;
	    border-radius: 0;
	}
	.downloads a.btn_hegrau, .downloads a.btn_hegrau_pfeil, .downloads a.btn_hegrau_pdf, 
	.downloads a.btn_hegrau_yt_pfeil, .downloads div.btn_hegrau_pdf a {
	    display: block;
	    font-size: 14px;
	    font-weight: normal;
	    height: 23px;
	    margin-top: 0;
	    padding: 8px 0 2px 10px;
	    width: 100%;
	    border-radius: 5px;
	}
	a.btn_hegrau,
	a.prod_detail_item.pdf_link, 
	div.prod_detail_item.pdf_link a {
	    background: #f7f7f7;
		border-top: 1px solid #cccccc;
		border-left: 1px solid #cccccc;
		border-right: 1px solid #cccccc;
		
	}
	a.prod_detail_item.pdf_link, div.prod_detail_item.pdf_link a {
	    background-image: url(../../images/pdf.gif);
	    background-repeat: no-repeat;
		background-position: right 5px center;
		background-color: #f7f7f7;
		border-top: 1px solid #cccccc;
		border-left: 1px solid #cccccc;
		border-right: 1px solid #cccccc;
	}
	a.prod_detail_item.pdf_link:hover, div.prod_detail_item.pdf_link a:hover {
	    background-image: url(../../images/pdf.gif);
	    background-repeat: no-repeat;
		background-position: right 5px center;
		background-color: #d7ecef;
		border-top: 1px solid #cccccc;
		border-left: 1px solid #cccccc;
		border-right: 1px solid #cccccc;
	}
	.col_right li:first-child a{
		border-radius: 5px 5px 0 0;
	}
	a.btn_hegrau:hover,
	a.btn_hegrau:active,
	a.btn_hegrau:focus {
		background: #d7ecef; 
		border-top: 1px solid #cccccc;
		border-left: 1px solid #cccccc;
		border-right: 1px solid #cccccc;  
	}
	a.btn_heblau_pfeil,
	.prod_liste_2  a.btn_heblau_pfeil {
	    background: #009ce1;
		background-image: url(../../images/pfeil.gif);
		background-repeat: no-repeat;
		background-position: right 5px center;
		padding-right: 0;
		margin: 0 !important;
		border-radius: 5px;
		padding-top: 4px;
	}
	a.btn_heblau_pfeil:hover,
	.prod_liste_2  a.btn_heblau_pfeil:hover {
	    background: #d7ecef;
	    background-image: url(../../images/pfeil.gif);
		background-repeat: no-repeat;
		background-position: right 5px center;
		padding-right: 0;
	}
	li:last-child a.btn_heblau_pfeil,
	.prod_liste_2 li:last-child  a.btn_heblau_pfeil {
	    background: #009ce1;
		background-image: url(../../images/pfeil.gif);
		background-repeat: no-repeat;
		background-position: right 5px center;
		padding-right: ;
		margin: 0 !important;
		border-radius: 0 0 5px 5px;
		border: 1px solid #cccccc;
		padding-top: 6px;
	}
	li:last-child a.btn_heblau_pfeil:hover,
	.prod_liste_2 li:last-child  a.btn_heblau_pfeil:hover {
	    background: #d7ecef;
		background-image: url(../../images/pfeil.gif);
		background-repeat: no-repeat;
		background-position: right 5px center;
		padding-right: ;
		margin: 0 !important;
		border-radius: 0 0 5px 5px;
		border: 1px solid #cccccc;
		padding-top: 6px;
	}
	a.prod_link {
	    display: block;
	    height: 100px;
	    width: 100px;
	}

	

	/****** Tabellen *******/
	
	.prod_liste_2 .first td {
	     padding: 30px 5px 0px 0;
	}
	.prod_liste_2 td {
	    border-bottom: none;
	    display: block;
	  padding: 30px 5px 0px 0;
    }
    .prod_liste_2 .last td {
	    border: medium none;
	    padding: 30px 5px 0px 0;
	}
	.prod_liste_2 .no_border {
		margin: 0;
		padding-top: 15px;
		padding-bottom: 20px;
		width: 99%;
		height: 0;
		border-bottom: 1px solid #cccccc !important;
	}
	.prod_liste_2 td h3  {
		position: absolute;
		left: 110px;	
		margin-top: -110px;
		width: 170px;
		max-width: 170px;
		font-size: 1.3em;
		line-height: 0.9em;	
	}
	.prod_liste_2 td h4 {
		position: absolute;
		left: 110px;
		margin-top: -90px;
		width: 150px;
		max-width: 150px;
		font-size: 1em;	
		line-height: 1.1em;
	}
	.prod_liste_2 td:last-child h4 {
		position: absolute;
		left: 110px;
		margin-top: -90px;
		width: 150px;
		max-width: 150px;
		font-size: 1em;	
		line-height: 1em;
	}
	.prod_liste_2 td h4.sonder_h4 {
		position: absolute;
		left: 110px;
		margin-top: -70px;
		width: 150px;
		max-width: 150px;
		font-size: 1em;	
		line-height: 1em;
	}
	
    .prod_liste_2 td p {
	   padding: 0;
	   padding-bottom: 20px;
	   padding-right: 10px;
	   margin: 0;
	   width: 100%;
	   max-width: 100%;
	 }
	  .prod_liste_2 td:last-child p {
	   padding: 0;
	   padding-bottom: 20px;
	   padding-right: 10px;
	   margin: 0;
	   width: 100%;
	   max-width: 100%;
	 }
	.prod_liste_1 {
		margin-top: 0px;
		padding-top: 75px;
		width:100%;
		max-width: 100%;
	}
	.prod_liste_1 .first td {
	     padding: 30px 5px 0 0;
	}
	.prod_liste_1 .no_border {
		margin: 0;
		padding-top: 20px;
		padding-bottom: 20px;
		width: 100%;
		height: 0;
		border-bottom: 1px solid #D5D5D5 !important;
	}
	.prod_liste_1 .last td {
	    border: medium none;
	    padding: 30px 5px 0 0;
	}
	.prod_liste_1 td h3  {
		position: absolute;
		left: 110px;	
		margin-top: -110px;
		width: 150px;
		font-size: 1.3em;
		max-width: 150px;	
	}
	.prod_liste_1 td h4 {
		position: absolute;
		left: 110px;
		margin-top: -110px;
		width: 200px;
		max-width: 200px;	
	}
	.prod_liste_1 td {
	    border-bottom: none;
	    display: block;
	  padding: 30px 5px 0 0;
    }
    .prod_liste_1 td p {
	   padding: 0;
	   padding-bottom: 0px;
	   padding-right: 10px;
	   margin: 0;
	   width: 100%;
	   max-width: 100%;
	 }
	 .prod_liste_3 {
		margin-top: 0px;
		padding-top: 75px;
		width:100%;
		max-width: 100%;
	}
	.prod_liste_3 tr {
	    border-bottom: 1px solid #D5D5D5;
	}
	.prod_liste_3 tr.last {
	    border-bottom: none;
	    margin-bottom: 10px;
	}
	.prod_liste_3 .first td {
	     padding: 0;
	}
	.prod_liste_3 .last td {
	    border: medium none;
	    padding:  0;
	    padding-top: 20px;
	}
	.prod_liste_3 td {
	    border-bottom: none;
	    display: block;
	    padding: 0;
	    padding-top: 20px;
	    width: 100%;
    }
	.prod_liste_3 td h3  {
		position: absolute;
		left: 110px;	
		margin-top: -120px;
		width: 250px;
		font-size: 1.4em;
		max-width: 250px;	
	}
	.prod_liste_3 td h4 {
		position: absolute;
		left: 110px;
		margin-top: -90px;
		width: 180px;
		max-width: 180px;
		font-size: 1em;
		line-height: 1em;	
	}
	.prod_liste_3 tr.first td h3  {
		position: absolute;
		left: 110px;	
		margin-top: -100px;
		width: 250px;
		font-size: 1.4em;
		max-width: 250px;	
	}
	.prod_liste_3 tr.first td h4 {
		position: absolute;
		left: 110px;
		margin-top: -70px;
		width: 180px;
		max-width: 180px;
		font-size: 1em;
		line-height: 1em;	
	}
    .prod_liste_3 td p {
	   padding: 0;
	   padding-bottom: 20px;
	   padding-right: 10px;
	   margin: 0;
	   width: 100%;
	   max-width: 100%;
	 }
	 .verstell_img {
		 position: relative;
		 top:10px;
		 left: -45px;
		 width: 10%;
		 text-align: left;
	 }
	  .verstell_img img{
		 text-align: left;
		 margin-top: 10px;
	 }
	 .prod_liste_0 {
		margin: 0;
		width:100%;
		max-width: 100%;
	}
	 .table01 {
		margin-bottom: 40px;
	} 
	 .prod_liste_0 tr {
		border-bottom: 1px solid #D5D5D5;
	}
	.prod_liste_0 tr.last,
	.prod_liste_0 tr.first {
		border: none;
	}
	.prod_liste_0 tr.first td{
		text-align: left;
	}
	.prod_liste_0 .first td {
	     padding: 30px 5px 0 0;
	}
	.prod_liste_0 .last td {
	    border: medium none;
	    padding: 30px 5px 0 0;
	}
	.prod_liste_0 td h3  {
		position: absolute;
		left: 108px;	
		margin-top: -120px;
		width: 150px;
		font-size: 1.2em;
		max-width: 150px;
		line-height: 1em;
			
	}

	.prod_liste_0 td h4 {
		position: absolute;
		left: 108px;
		margin-top: -100px;
		width: 150px;
		max-width: 150px;
		font-size: 0.9em;
		line-height: 1.1em;	
	}

	.prod_liste_0 td {
	    border-bottom: none;
	    display: block;
		padding: 30px 5px 0 0;
		width: 100%;
    }
    .prod_liste_0 td p {
	   padding: 0;
	   padding-bottom: 20px;
	   margin: 0;
	   width: 100%;
	   max-width: 100%;
	 }

 .prod_liste_0_1 {
		margin: 0;
		width:100%;
		max-width: 100%;
	}
	 .prod_liste_0_1 tr {
		border-bottom: 1px solid #D5D5D5;
	}
	.prod_liste_0_1 tr.last,
	.prod_liste_0_1 tr.first {
		border: none;
	}
	.prod_liste_0_1 tr.first td{
		text-align: left;
	}
	.prod_liste_0_1 .first td {
	     padding: 30px 5px 0 0;
	}
	.prod_liste_0_1 .last td {
	    border: medium none;
	    padding: 30px 5px 0 0;
	}
	.prod_liste_0_1 td h3  {
		position: absolute;
		left: 108px;	
		margin-top: -115px;
		width: 160px;
		font-size: 1.2em;
		max-width: 160px;
		line-height: 1em;
			
	}

	.prod_liste_0_1 td h4 {
		position: absolute;
		left: 108px;
		margin-top: -70px;
		width: 150px;
		max-width: 150px;
		font-size: 0.9em;
		line-height: 1.1em;	
	}

	.prod_liste_0_1 td {
	    border-bottom: none;
	    display: block;
		padding: 30px 5px 0 0;
		width: 100%;
    }
    .prod_liste_0_1 td p {
	   padding: 0;
	   padding-bottom: 20px;
	   margin: 0;
	   width: 100%;
	   max-width: 100%;
	 }

	 /****** Tabellen *******/

	  
	  
	  
	ul.reiter_prod ul li.active.current > a {
	    background: #D7ECEF;
	    box-shadow: 0 0 2px #555555;
	    color: #009DE2;
	}
	.vorteile {
	    font-size: 12px;
	    font-weight: bold;
	    width: 100%;
	}
	.vorteile td {
	    padding-bottom: 16px;
	    vertical-align: top;
	    padding-right: 10px;
	}
	#jsn-mainbody .maincol_width2 {
	    width: 100%;
	    margin-top: 40px;
	}
	.prod_details_foto {
	    position: static;
	    top: 0;
	    width: 200px; 
	}
	.prod_details_foto img {
	    display: block;
	    margin: 0;
	    width: 40%;
	}
	ul.reiter_prod ul li.active.current > a {
	    background: #D7ECEF;
	    box-shadow: none;
	    color: #009DE2;
	}	 
	#jsn-mainbody_inner2 {
	    border: none;
	    border-radius: 0 3px 3px;
	    min-height: 300px;
	    padding:0 10px 0 0;
	}
	.ausklapp #jsn-mainbody_inner2 {
	    border: none;
	    border-radius: 0 3px 3px;
	    min-height: 300px;
	    padding:0 30px 0 0;
	}
	.map_kontakt #jsn-mainbody_inner2 {
	    border: none;
	    border-radius: 0 3px 3px;
	    min-height: 300px;
	    padding: 0;
	}
	.col_left_small p{
	    width: 96%;
	}
	.item-pagepresse .item-content {
	    padding-left: 0;
    }
	.prod_liste .eng td {
	    padding: 0;
	    display: inline-block;
	}
	.mod_reiter_prod {
	    height: auto;
	    width: 100% !important;
	    margin-bottom: -1px;
	}
		ul.reiter_prod {
	    margin: 0;
	    overflow: visible;
	    padding-left: 1px;
	    padding-top: 20px;
	}
	ul.reiter_prod li a {
	    background-color: #60646e;
	    border-radius: 0;
	    box-shadow: none;
	    color: #FFFFFF;
	    display: block;
	    float: none;
	    height: 28px;
	    margin-right: 0;
	    padding: 8px 10px 0;
	    text-align: left;
	    border-bottom: 1px solid #FFFFFF;
	}
		ul.reiter_prod > li.first > a {
	    border-radius: 5px 5px 0 0;
	}
	ul.reiter_prod > li.last a {
	    border-radius: 0 0 5px 5px;
	}
	.presse ul.reiter_prod > li.last a,
	.sonder ul.reiter_prod > li.last a {
	    border-radius: 5px;
	}
	ul.reiter_prod > li.pfeil > a{
	    border-radius: 5px;
	}
	ul.reiter_prod > li.active > a{
	    border-radius: 5px 5px 0 0;
	}
	.ausklapp ul.reiter_prod > li.reit_active > a {
	     border-radius: 5px 5px 0 0;
	}
	ul.reiter_prod > li.reit_active > a {
	     border-radius: 5px;
	}
	.ausklapp ul.reiter_prod li.reit_active ul {
	  	display: block;
	}
	.ausklapp ul.reiter_prod li ul {
	  	display: none;
	}
	ul.reiter_prod li ul {
		display: block;
		border-left: 1px solid #cccccc;
		border-right: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
		border-radius: 0 0 5px 5px;
	}
	ul.reiter_prod li.reit_active ul {
	  	display: none;
	}
	ul.reiter_prod ul ul li a {
	    display: block;
	    height: 25px;
	    margin-top: 0;
	    background-color: #F7F7F7;
	}
	ul.reiter_prod li a {
	    color: #FFFFFF;
	    text-align: left;
	}
	ul.reiter_prod ul li a {
	    background-color: #F7F7F7;
	    color: #666666;
	    min-width: 50px;
	    border-bottom: 1px solid #cccccc;
	}
	ul.reiter_prod ul li.last a {
	    border-bottom: none;
	}
	ul.reiter_prod li.pfeil > a > span {
		padding-right: 14px;
		background: none;
		background-repeat: no-repeat;
		background-position: right center;
	}
	.ausklapp ul.reiter_prod li.pfeil > a {
		background-image: url(../../images/Plus_rechts.png);
		background-repeat: no-repeat;
		background-position: right 8px center;
		 border-radius: 5px;
	}
	.ausklapp ul.reiter_prod li.reit_active > a{
		background-image: url(../../images/Minus_rechts.png);
		background-repeat: no-repeat;
		background-position: right 8px center;
		border-radius: 5px 5px 0 0;
	}
	ul.reiter_prod li.pfeil > a {
		background-image: url(../../images/Minus_rechts.png);
		background-repeat: no-repeat;
		background-position: right 8px center;
		 border-radius: 5px 5px 0 0;
	}
	ul.reiter_prod li.reit_active > a{
		background-image: url(../../images/Plus_rechts.png);
		background-repeat: no-repeat;
		background-position: right 8px center;
		 border-radius: 5px;
	}

    .large_screen{display:none !important}
    .logos_small_screens{display: block;text-align: center;position: relative;top: -20px}
    .logo_header{display: inline-block;}
    .logo_1{width:100px;}
    .logo_2{width:50px;}
    .logo_header img{width:100%}
    
    
	.jsn-homepage #jsn-header {
	    /*height: 205px;*/
	    overflow: hidden;
	    position: relative;
	    width: 100%;
	}
	#jsn-header {
	    overflow: hidden;
	    position: relative;
	    width: 100%;
	}
	#jsn-content {
	    overflow: hidden;
	    padding: 0px 10px 0;
	}
	.jsn-homepage #jsn-content {
	    overflow: hidden;
	    padding: 0;
	}
	.jsn-homepage .item {
	    background-color: #fff;
	    border: none;
	    border-radius: 0;
	     padding: 0 20px 15px 10px;
	}
	.category-blog .items-row {
	    margin-top: 50px;
	    padding-left: 0px;
	    padding-top: 30px;
	    width: auto;
	}
	.col_right {
	    float: none;
	    width: 250px;
	}
	.jsn-homepage .item .col_right, .item-pagepresse .col_right {
	    width: 180px;
	}
	.category-blog .col_right {
	    margin-left: 0px;
	    width: 180px;
	}
	.jsn-homepage .item .col_right {
	    width: 180px;
	}
	.jsn-homepage .item div{
	    width: 180px;
	    float: none;
	}
	.jsn-homepage .item > p,
	.jsn-homepage .item {
    	width: 100%;
    	max-width: 100%;
    	margin: 0;
    }
	.jsn-homepage #jsn-headerright {
	    display: block;
	    margin-top: 10px;
	    float: none;
	}
	#jsn-pos-top, .head_bormaster, .head_kuema, #jsn-logo {
		float: none !important;
	}
	#jsn-logo a img {
		width: 180px;
	}
	#jsn-logo .romai_logo .slogan {
	    display: table-cell;
	    font-size: 1em;
	    line-height: 1.5em;
	    padding: 0;
	    position: absolute;
	    top: 55px;
	    left: 5px;
	    vertical-align: bottom;
	    width: 250px;
	}
	#jsn-headerright .head_marke #bormaster {
	    display: table-cell;
	    font-size: 1em;
	    height: 50px;
	    vertical-align: bottom;
	}
	
	.jsn-homepage #jsn-header {
	    /*height: 245px;*/
	    overflow: hidden;
	    position: relative;
	    background-size: auto 100%;  
	}
	.jsn-homepage #jsn-headerright {
	    display: block;
	    margin: 0;
	    float: none;
	}
	#jsn-pos-top, .head_bormaster, .head_kuema, #jsn-logo {
		float: none !important;
		padding: 0 5px 0 5px;
	}
	#jsn-headerright .head_bormaster a {
	    padding-left: 100px;
	}
	.head_bormaster {
		margin: 0 auto !important;
		padding-top: 10px;
		border-top: 1px solid #e0e0e0;
		left:0;
        top: -35px;
	}
	.head_kuema {
        padding-left: 10px !important;
        padding-top: 20px;
        padding-bottom: 20px;
        height: 35px;
        margin: 0 auto !important;
        border-top: 1px solid #e0e0e0;
        float: none !important;
        display: block;
        width: 130px;
    }
	#jsn-logo {
	    height: 70px;
	    line-height: 1em;
	    margin: 5px 0 0 7px;
	    position: relative;
	}
	.search {
		float: right;
		text-align: right;
		margin: 0;
		margin-right: 5px;
		width: 200px;
	}
	.jsn-joomla-30 div.search .inputbox {
	    max-width: 50%;
	    width: 50%;
	}
	.suche {
	    margin-left: 0;
	    margin-right: 0 !important;
	    display: none;
	}
	.show_search .suche {
	    margin-left: 0;
	    margin-right: 0 !important;
	    display: block;
	    width: 97%;
	}
	.show_search .icons_telmail, .show_search .suche-icon,
	.show_search .sprache  {
		display: none !important;
	}
	.suche-icon {
		display: block !important;
		padding-top: 4px;
		padding-right: 6px;
	}
	
	.jsn-homepage #jsn-logo {
	    margin: 5px 0 0 7px;
	    height: 70px;
        widows: 120px
	}
    #jsn-logo .romai_logo {
        display: block;
        margin: 0 auto;
        float: none;
        width: 120px;
    }
    #jsn-logo a img{margin:0}
	.jsn-homepage #jsn-headerright {
	    display: block;
	    margin-top: 10px;
	    margin-right: 0px;
	   }
	#mail {
	    background: url("../../../../images/Mail_1.png") no-repeat scroll center center rgba(0, 0, 0, 0);
	    color: rgba(0, 0, 0, 0);
	    height: 20px;
	    padding: 0px;
	    padding-top: 5px;
	    padding-bottom: 5px;
	    width: 15px;
	}
	#telefon {
	    background: url("../../../../images/Telefon_1.png") no-repeat scroll center center rgba(0, 0, 0, 0);
	    color: rgba(0, 0, 0, 0);
	    height: 20px;
	    margin-right: -15px;
	    padding: 0;
	    padding-top: 5px;
	    padding-bottom: 5px;
	    width: 15px;
	}
	#lupe {
		width: 10px;
		height: 15px;
		padding: 2px 30px 2px 0;
		background: url(../../images/Lupe_1.png);
		background-position: center center;
		background-repeat: no-repeat;
		color: transparent;
		margin-left: -20px;
	}
	#lupe:hover {
		background: url(../../images/Lupe_2.png);
		background-position: center center;
		background-repeat: no-repeat;
		color: transparent;
	}


	#jsn-pos-mainbody-top .startmenu {
	    background: none;
	    width: 100%;
	    padding: 0;
	}
	.jsn-homepage #jsn-mainbody-content {
	    background: none;
	}
	.jsn-homepage #jsn-pos-mainbody-top {
	    background: none;
	}
	#jsn-mainbody_inner {
	    background: none;
	    width: 100%;
	    padding: 0;
	    margin-top: 20px;
	}
	#jsn-pos-mainbody-top {
	    background: none;
	}
	#jsn-mainbody {
	    background: none;
	}
	h2 {
	    color: #009DE2;
	    font-size: 1.4em;
	    font-weight: normal;
	}
	
    
    
		
    #jsn-logo #jsn-logo-mobile {
		display: block;
	}
	div#jsn-pos-breadcrumbs.display-tablet,
	div.jsn-modulecontainer.display-tablet {
		display: none;
	}
	div#jsn-pos-breadcrumbs.display-smartphone,
	div.jsn-modulecontainer.display-smartphone {
		display: block;
	}
	div#jsn-content.jsn-hasright #jsn-content_inner2,
	div#jsn-content.jsn-hasleft #jsn-content_inner {
		background: none;
	}
	#jsn-content.jsn-hasinnerleft #jsn-pos-innerright > div {
		padding-top: 0;
	}
	#jsn-pos-user1 + #jsn-pos-user2,
	#jsn-pos-user3 + #jsn-pos-user4 {
		margin-top: 15px;
		padding-top: 15px;
	}
	#jsn-pos-user1 + #jsn-pos-user2 {
		border-top: 1px solid #cccccc;
	}
	#jsn-pos-user5,
	#jsn-pos-user6{
		margin: 0;
		margin-top: 15px;
	}
	#jsn-pos-mainbody-top .startmenu {
	    background: none;
	    padding: 0 10px 0 10px;
	}
	.jsn-homepage #jsn-mainbody-content {
	    background: none;
	    width: 100%;
	}
	.jsn-homepage #jsn-pos-mainbody-top {
	    background: none;
	    
	}
	#jsn-mainbody_inner {
	    background: none;
	    width: 100%;
	    padding: 0;
	    margin-top: 20px;
	}
	#jsn-pos-mainbody-top {
	    background: none;
	    min-height: 0;
	}
	#jsn-mainbody {
	    background: none;
	    width: 100%;
	}
	div.jsn-horizontallayout div.jsn-modulecontainer:first-child,
	#jsn-usermodules3 > div:first-child {
		margin-top: 0;
	}
	#jsn-pos-bottom {
		text-align: left;
	}
	div[class*="grid-layout"] div.grid-col {
		width: 100%;
	}
	div.grid-layout div.grid-col div.grid-col_inner {
		margin-right: 0;
	}
	body.jsn-direction-rtl div.grid-layout div.grid-col div.grid-col_inner {
		margin-left: 0;
	}
	/* ============================== JOOMLA! DEFAULT EXTENSIONS ============================== */
	/* =============== JOOMLA! EXTENSIONS - COM_CONTENT =============== */
	/* ----- ARTICLE DETAILS ----- */
	p, pre, blockquote, form, dl, ul, ol, fieldset, address, table {
		word-wrap: break-word;
	}
	/* ----- SECTION / CATEGORY BLOG LAYOUT ----- */
	/* ARTICLE COLUMN CONTAINER */
	.jsn-articlecols {
		float: none;
		width: 100% !important;
	}
	.jsn-articlecols .jsn-article {
		padding: 0;
	}
	/* =============== JOOMLA! EXTENSIONS - COM_NEWSFEED =============== */
	.com-newsfeed table.jsn-infotable td.jsn-table-column-links,
	.com-newsfeed legend.hidelabeltxt {
		display: none;
	}
	.com-newsfeed div.display-limit {
		float: right;
	}
	.com-newsfeed table.category {
		width: 100%;
		border: none;
		border-collapse: collapse;
	}
	.com-newsfeed table.category thead th {
		padding: 10px;
	}
	.com-newsfeed table.category thead .item-title {
		text-align: left;
	}
	.com-newsfeed table.category thead {
		background-color: #999;
		text-shadow: 0 1px 0 rgba(0,0,0,0.5) ;
	}
	.com-newsfeed table.category thead th a {
		color: #FFF;
	}
	.com-newsfeed table.category .item-num-art {
		text-align: center;
	}
	.com-newsfeed table.category .item-link {
		display: none;
	}
	.com-newsfeed table.category tbody td {
		padding: 10px 5px;
		border-bottom: 1px solid #CCC;
	}
	/* =============== JOOMLA! EXTENSIONS - COM_CONTACT =============== */
	.com-contact table.jsn-infotable td.jsn-table-column-country,
	.com-contact table.jsn-infotable td.jsn-table-column-state,
	.com-contact table.jsn-infotable td.jsn-table-column-suburb,
	.com-contact table.jsn-infotable td.jsn-table-column-position {
		display: none;
	}
	/* =============== JOOMLA! EXTENSIONS - COM_USER =============== */
	/* ----- USER FORM LAYOUT ----- */
	div.com-user div.default-login {
		width: 90%;
	}
	div.com-user div.default-login .login-fields input {
		display: block;
		width: 95%;
	}
}














/************************************************************************************
 tablet wide layout (481 - 960): arrange modules in 3 columns and 1 side bar
*************************************************************************************/
@media only screen and (min-width: 481px) and (max-width: 960px), (min-device-width: 481px) and (max-device-width: 960px) {
	#jsn-content-top.jsn-haspromoleft.jsn-haspromoright #jsn-promo #jsn-pos-promo-left,
	#jsn-content-top.jsn-haspromoleft.jsn-haspromoright #jsn-promo #jsn-pos-promo-right,
	#jsn-content.jsn-hasleft.jsn-hasright #jsn-leftsidecontent,
	#jsn-content.jsn-hasleft.jsn-hasright #jsn-rightsidecontent,
	#jsn-content.jsn-hasinnerright #jsn-pos-innerleft,
	#jsn-content.jsn-hasinnerleft #jsn-pos-innerright {
		width: 49.95%;
		float: left;
	}
	#jsn-pos-promo,
	#jsn-pos-promo-left,
	#jsn-pos-promo-right,
	#jsn-maincontent,
	#jsn-leftsidecontent,
	#jsn-rightsidecontent,
	#jsn-pos-innerleft,
	#jsn-pos-innerright {
		margin: 0;
	}
	#jsn-maincontent {
		padding: 0 !important;
	}
	#jsn-pos-promo-left[class*="order"] div.jsn-modulecontainer,
	#jsn-pos-promo-right[class*="order"] div.jsn-modulecontainer {
		margin: 20px 10px;
	}
	#jsn-leftsidecontent div.jsn-modulecontainer,
	#jsn-rightsidecontent div.jsn-modulecontainer {
		margin-top: 20px;
	}
	#jsn-leftsidecontent div.jsn-modulecontainer:first-child,
	#jsn-rightsidecontent div.jsn-modulecontainer:first-child {
		margin-top: 0;
	}
/*
	#jsn-pos-content-top,
	#jsn-pos-content-bottom,
	#jsn-pos-user-top,
	#jsn-pos-user-bottom,
	#jsn-pos-mainbody-top,
	#jsn-pos-mainbody-bottom {
		padding-top: 0 !important;
	}
*/
	div#jsn-pos-breadcrumbs.display-smartphone,
	div.jsn-modulecontainer.display-smartphone {
		display: none;
	}
	div#jsn-pos-breadcrumbs.display-tablet,
	div.jsn-modulecontainer.display-tablet {
		display: block;
	}
	#jsn-leftsidecontent_inner,
	#jsn-rightsidecontent_inner {
		margin: 15px 10px !important;
	}
	#jsn-pos-innerleft > div,
	#jsn-pos-innerright > div {
		padding: 15px;
	}
	div.grid-layout4 div.grid-col,
	div.grid-layout5 div.grid-col,
	div.grid-layout6 div.grid-col {
		width: 33.3%;
	}
	div.jsn-modulescontainer3 #jsn-pos-user5 div.jsn-modulecontainer,
	div.jsn-modulescontainer3 #jsn-pos-user6 div.jsn-modulecontainer,
	div.jsn-modulescontainer3 #jsn-pos-user7 div.jsn-modulecontainer {
		width: 100%;
	}
	#jsn-pos-content-top .span2,
	#jsn-pos-content-top .span3,
	#jsn-pos-content-top .span4,
	#jsn-pos-content-bottom .span2,
	#jsn-pos-content-bottom .span3,
	#jsn-pos-content-bottom .span4,
	#jsn-pos-user-top .span2,
	#jsn-pos-user-top .span3,
	#jsn-pos-user-top .span4,
	#jsn-pos-user-bottom .span2,
	#jsn-pos-user-bottom .span3,
	#jsn-pos-user-bottom .span4,
	#jsn-usermodules3 .span2,
	#jsn-usermodules3 .span3,
	#jsn-usermodules3 .span4,
	#jsn-pos-mainbody-top .span2,
	#jsn-pos-mainbody-top .span3,
	#jsn-pos-mainbody-top .span4,
	#jsn-pos-mainbody-bottom .span2,
	#jsn-pos-mainbody-bottom .span3,
	#jsn-pos-mainbody-bottom .span4 {
		width: 31.491712707182323%;
		float: left;
	}
	#jsn-pos-content-top .span2:nth-child(4),
	#jsn-pos-content-top .span3:nth-child(4),
	#jsn-pos-content-bottom .span2:nth-child(4),
	#jsn-pos-content-bottom .span3:nth-child(4),
	#jsn-pos-user-top .span2:nth-child(4),
	#jsn-pos-user-top .span3:nth-child(4),
	#jsn-pos-user-bototm .span2:nth-child(4),
	#jsn-pos-user-bottom .span3:nth-child(4),
	#jsn-usermodules3 .span2:nth-child(4),
	#jsn-usermodules3 .span3:nth-child(4),
	#jsn-pos-mainbody-top .span2:nth-child(4),
	#jsn-pos-mainbody-top .span3:nth-child(4),
	#jsn-pos-mainbody-bottom .span2:nth-child(4),
	#jsn-pos-mainbody-bottom .span3:nth-child(4) {
		margin-left: 0;
	}
	ul.reiter_prod li a {
		font-size: 0.8em;
		padding-left: 5px;
		padding-right: 5px;		
	}
}
/************************************************************************************
 tablet narrow layout (481 - 767): arrange modules in 2 columns and 1 side bar
*************************************************************************************/
@media only screen and (min-width: 481px) and (max-width: 768px), (min-device-width: 481px) and (max-device-width: 768px) and (orientation:portrait) {
	#jsn-pos-content-top [class*="span"],
	#jsn-pos-content-bottom [class*="span"],
,
	#jsn-usermodules1 [class*="span"],
	#jsn-usermodules2 [class*="span"],
	#jsn-usermodules3 [class*="span"],
	#jsn-footermodules [class*="span"] {
		width: 48.93617021276595%;
		margin-left: 0;
		float: left;
	}
	.jsn-horizontallayout .span12,
	#jsn-usermodules1 .span12,
	#jsn-usermodules2 .span12,
	#jsn-usermodules3 .span12 {
		width: 100% !important;
	}
	#jsn-usermodules3.jsn-modulescontainer3 .span4:last-child {
		margin-top: 20px;
	}
	ul.reiter_prod li a {
		font-size: 1em;
		padding-left: 10px;
		padding-right: 10px;			
	}	
}