@media (max-width:1023px) {
	/* ******************************  Allgemein ****************************** */
	h2, h3, h4 {
	}
	h2 {
		margin-right:5vw;
	}
	.smartphone { display:block; } 
	.smartphone_inline { display:inline-block; }
	.desktop { display:none !important; }
	.content { 
		padding-top:20px;
		width:90% !important;
		margin-left:5%;
	}
	.container {
		padding-top:0;
	}
	.headerTop {
		position:absolute;
	}
	.logo {
		width:35%;
	}
	.contentRows {
		padding:0 10vw;
	}
	.ltable, .lrow, .lcell { display:block; }
	.allways_table { display:table; }
	.allways_row { display:table-row; }
	.allways_cell { display:table-cell; }
	#grayBoxContent {
		width:100%;
	}
	.sm_w80p { width:75%; }
	.sm_w90p { width:90%; }
	.sm_w100p { width:100%; }
	.col1 {
		clear:both;
		width:100%; 
		margin-bottom:3em;
	}
	.col2 {
		clear:both;
		width:90% !important;
		margin-bottom: 3em !important;
		float:none !important;
	}
	
	
	.textblock {
		width:90vw;
		float: none;
	}
	.textblock .col1 {
		width:100%;
	}
	.col1.w45p {
		width:100% !important;
	}
	.effekt {
		height:45vw !important;
	}
	.textkachel {
		padding:0 10vw;
	}
	.textkachel.rechts {
		margin-bottom:2vw;
	}
	.einspaltig .textkachel {
		padding:0 5vw;
	}
	.download a {
		font-size:0.9em;
	}	
	a .effekt:after {
		content:'';
		position:relative;
		height:60px;
		width:60px;
		float:right;
		top:-70px;
		right:10px;
		background-image:url('/images/icons/touch.png');
		background-repeat:no-repeat;
		background-size:90% 90%;
		background-position:center;
		background-color:rgba(255,255,255,0.5);
		border-radius:10px;
	}
	.suche {
		position:relative;
		padding-left:1rem;
	}
	.suche input[type=search] {
		width:calc(100% - 30px);
		height:32px;
	}
	.overflowx {
		overflow-x:scroll;
	}
	.overflowx:before {
		content:'';
		background-image:url('/images/icons/horizontal_scroll.png');
		background-size:contain;
		background-repeat:no-repeat;
		width:60px;
		height:40px;
		position:absolute;
		right:10vw;
		margin-top:3em;
	}
	.overflowxicon:before {
		content:'';
		position:absolute;
		background-image:url('/images/icons/horizontal_scroll.png');
		background-size:contain;
		background-repeat:no-repeat;
		width:60px;
		height:40px;
		margin-top:-50px;
	}
	
	/* ******************************  Menu ****************************** */
	
	.socialhead {
		display: none;
	}
	
	
	#sm_opener {
		position:absolute;
		background-image:url("/images/menu/opener_white.png");
		background-repeat:no-repeat;
/*		background-color:#f69b02; */
		background-position:center;
		width:54px;
		height:48px;
		top:15px;
		right:15px;
		z-index:5;
	}
	#sm_menu {
		/* top:50px; */
		background-color:rgba(255,255,255,0.8); 
		text-transform:uppercase;
		width:96% !important;
		margin-left:3%;
	}
	#sm_menu .BereichBtn {
/*		background-color:#f79100; */
		color:black;
		display:block;
		padding:3vw;
		width:97.3%;
	}
	#sm_menu ul li {
/*		border-bottom:1px solid #f67601;
		background-color:#f7a500; */
		padding-right:0.5rem;
		margin-right:0.8rem;
		line-height:2.5rem;
	}
	#sm_menu ul li a:only-child  {
		width:100%;
	}
	#sm_menu ul li a {
		display:inline-block;
		width:85%;
		color:black;
		padding-left:3vw;
	}
	#sm_menu ul li ul li {
		padding-right:0;
		margin-right:0;
/*		border-top:1px solid #f67601; */
		border-bottom:none;
	}
	#sm_menu ul li ul li a {
		padding-left:8vw;
	}
	#sm_menu ul li ul li ul li a {
		padding-left:13vw;
	}
	#sm_menu .subOpener {
		width:14%;
		text-align:center;
		background-image:url('/images/icons/opener_button.png');
		background-repeat:no-repeat;
		background-position:center;
		font-size:0px;
	}
	#sm_menu .subOpener a {
	}	
	.bc > .item {
		padding-right:5px;
		padding-left:0;
	}
	.bc > div.item::before {
		margin-left: -14px;
	}
	.flip {
		transform:rotate(180deg);
		-webkit-transform:rotate(180deg);
	}
	.youtube {
		position:relative;
		left:1rem;
	}
	
	.sidebar {
		width:94vw;
		float: none!important;
		margin-top: 2em;
	}
	
	#kachelAktuelles {
		width:94%;
		vertical-align:top;
	}
	#kachelAktuelles > h2, 
	#kachelAktuelles > h2 + p {
		display:none;
	}
	#kachelAktuellesContent {
		padding:20px;
	}
	.sidebar .gruppe1 {
		width:94%;
	}
	.kachelWeissOrange {
		hyphens:auto;
		-moz-hyphens:auto;
		-o-hyphens:auto;
		-webkit-hyphens:auto;
		-ms-hyphens:auto;
	}
	.KachelHeader {
		hyphens:auto;
		-moz-hyphens:auto;
		-o-hyphens:auto;
		-webkit-hyphens:auto;
		-ms-hyphens:auto;
	}
	.KachelHeader h2 {
		font-size:1.8em;
	}
	/* ******************************  Startseite ****************************** */ 
	.header dd {
		top:100px;
		font-size:1.5em;
	}
	.bildunterschrift {
		width:75% !important;
		height:70%;
		font-weight:inherit !important;
	}
	.bildunterschrift h2 {
		margin:0;
		font-size:1.3em;
	}

	#start > .col1,
	#Produktdetails .col1 {
		width:100%;
	}
	#Produktdetails .kachelnBreit {
		width:90%;
	}
	#start > div:first-child > div {
		position:relative;
		width:95%;
	}
	.kacheln {
		width:95%;
		margin-top: 3em;
		float: none;
	}
	
	.doubleWidth {
		width:90vw !important;
	}
	
	.kacheln .col1 {
		clear:none;
		float:left;
		width:46%;
	}
	
	.kacheln .col1:nth-child(2n+2) {
		margin-right: 0;	
	} 

	.kacheln .col1 img {
		width:100% !important;
		height:auto;
	}
	/* ******************************  Produkte ****************************** */
	.productHeadline {
		font-size:1.5em;
		line-height:1.5em;
		padding-right:5vw;
		padding-top:2vw;
		padding-bottom:2vw;
	}
	.produktdetails {
		width:95%;
	}
	.produktdetails .opener {
		height:60px !important;
		line-height:60px !important;
	}
	.produktdetails .opener:before {
		font-size:25px !important;
		margin-top:17px !important;
		line-height:25px !important;
		width:25px !important;
	}
	.produktdetails .detailsOuter .img {
		display:block;
		width:85% !important;
	}
	.produktdetails .detailsOuter .beschreibung,
	.produktdetails .detailsOuter .textliste {
		display:block;
		width:95% !important;
		padding-left:10px !important;
		padding-right:0 !important;
	}
	.produktdetails .detailsOuter .textliste a {
		display: block;
		overflow: hidden;
		text-overflow: ellipsis;
		hyphens: none;
		white-space: nowrap;
	}
	/* ******************************  Technische details ****************************** */
	.tabOpener {
		display:block;
		border-bottom:3px solid gray !important;
	}
	.tabOpener + .cell {
		display:block;
	}
	.tabOpener + .spacer {
		display:none;
	}
	.tabs .head .cell:last-child {
		height:4em;
	}
	.tabs .inhalt img {
		/* width:100%; */
	}
	.tabs .inhalt {
		overflow-x:scroll;
		width:100%;
	}
	.tabs .inhalt .responsive-video {
		padding-bottom:75%;
		width:100%;
	}
	
	/* ******************************  Ausschreibungstexte ****************************** */
	.ausschreibung {
		margin-top:2em;
	}
	/* ******************************  Profi ****************************** */
	.profiUebersicht {
		margin-top:3em;
	}
	/* ******************************  Footer ****************************** */
	#footerPanel {
	}
	
	#footerPanel .col1:first-child {
		padding-left:5%;
		width: 56%!important;
	}
	
	#footerPanel .col1 {
		float:left !important;
		clear:none !important;
		width: 42%!important;
	}
	#footerPanel .col1 a {
	}
	#footerPanel .col1 a:last-child {
	}
	#footerPanel .col1 .h2vw {
		display:inline;
	}
	#footerPanel .footerline {
		margin-right:0;
	}
	
	#footerPanel a {
		display: inline-block;
		margin-bottom: 1.4em;
	}

}


@media (max-width:500px) {

	.KachelHeader {
		height:inherit !important;
	}
	
	.kacheln .col1 p {
	display: none;
	}
	
	.KachelHeader h2 {
	font-size: 1em;
    margin-right: 0px;
	}
}


@media (min-width:1024px) {
	
	.social {
		display: none;
	}
	
	.header {
		margin: 4% 2.5% 2%;
	}
	
	.kacheln .col1:nth-child(3n+3) {
		margin-right: 0;	
	} 
    
    .sidebar {
        position: absolute;
        right: 2vw;
        top: auto !important;
    }

    .spaltencontainer.uebersicht {
        width: 74.5%;
        float: left;
    }

    .news {
        width: 23.5%;
        float: right;
        margin-top: 45px;
    }
    
    /* Aktuelles */

    .TextBild .col1, .TextBild .col2 {
        width: 48%;
    }

    .TextBild .col1 {
        margin-right: 2%;
    }

    
}