#mobile-navigation,
.slicknav_menu
{
	display: none;
}

.slicknav_btn,
.slicknav_menu,
.slicknav_menu .slicknav_menutxt,
.slicknav_arrow
{
	background: #0079C2 !important;
	text-shadow: none;
	color: #fff;
}

.slicknav_icon-bar {
	background: #fff !important;
}

.slicknav_nav {
	text-align: left;
}

ul.slick_nav {
	margin: 0px;
}

.slicknav_nav ul li a {
	font-size: 16px;
}
.slicknav_nav a:hover,
.slicknav_nav a:hover .slicknav_arrow,
.slicknav_nav li.akt .slicknav_row,
.slicknav_nav li.akt .slicknav_row .slicknav_arrow,
.slicknav_nav li a.akt
{
	background: #fff !important;
	color: #0079C2 !important;
	-webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.typengruppegk {
	width: auto !important;
}
.cbfull {clear:both;}
.cb1, .cb2 {display:none;}
@media screen and (max-width: 1170px) {
	body,
	.teaser .text.konfiAppTeaser
	{
		font-size: 13px;
		line-height: 1.4em;
	}

	#middle,
	#header,
	#footer,
	#mainnav,
	#subnav,
	.teaser
	{
		width: 100%;
		z-index: 2;
	}
	#subnav {
		left: 0;
	}
	
	#subnav .ol,
	#subnav .or
	{
		background-image: none;
	}
	
	#mainnav {
		padding-left: 0px;
	}
	
	.servicetel {
		left: 212px !important;
	}
	
	#topteaser {
		left: 515px;
	}
	
	#konfinav {
		width: auto;
	}
	
	#hometeaser .stage {
		background-size: cover;
		background-position: 50% 0;
	}
	
	#topteaser {
		left: 525px;
	}
}

@media screen and (max-width: 1120px) {
	#page {
		overflow:hidden;
	}
	.cb2 {display: block; clear:both;padding-bottom: 20px;}
	.inhalt2 {padding: 0 !important;}
	.inhalt .boxouter.right {
    padding: 0 10px 0 0 !important;
}
	.cbfull {display: none;}
	#konfinav ul li a {
		font-size: 1.0em !important;
		width: 134px;
		line-height: 53px !important;
		font-weight: 300;
	}
	
	.h160, .bbh160 {
		height: auto !important;
	}
	
	.anzahl-der-garagenelemente .w73p {
		display: none;
	}
	
	.anzahl-der-garagenelemente .w27p {
		width: 100% !important;
	}
	
	.box .boxinner h3 {
		/*font-size: 16px;*/
	}
	
	.boxouter.right strong i,
	.boxouter.right strong em
	{
		font-size: 20px !important;
	}
	
	#middle .w66p.fl
	{
		width: 100% !important;
	}
	
	#middle .gallery {
		width: 100%;
	}
	
	.gallery ul {
		width: 0px;
		height: 0px;
	}
	
	.gallery ul li div.thumb,
	.gallery ul li em
	{
		display: none !important;
	}
	
	.gallery ul li div.thumb.mobile-thumb {
		display: block !important;
	}
	
	.gallery ul li div.thumb.mobile-thumb .vis {
		width: 100%;
		height: 100%;
		background-size: cover !important;
		background-position: 50% 50%;
		top: 0;
	}
	
	.gallery .ctrl {
		height: 100%;
		top: 0;
	}
	
	.gallery .zoom-in {
		display: none;
	}
	
	.gallery ul li div.thumb.mobile-thumb,
	.gallery ul li div.mask
	{
		width: 0;
		height: 0;
	}
	
	.mobile-left-inner-right div,
	.mobile-left-inner-right a
	{
		width: auto;
		box-sizing: border-box;
		margin-left: 20px !important;
	}
	
	.mobile-left-inner-right a.more {
		margin-left: 0px !important;
	}
	
	.mobile-right .container {
		border: none;
	}
	
	.mobile-left-inner-right div.pl10,
	.boxinner .w100p div.pl10
	{
		padding: 0 !important;
		padding-top: 10px !important;
	}
	
	.mobile-right .boxinner {
		border-top: 1px solid #ccc;
		padding-top: 20px;
	}
	
	.boxouter.right.container div.p20 {
		padding: 5px !important;
	}
	
	.hide-show-inner a.trigger {
		display: none;
	}
	
	.hide-show-inner,
	.hide-show-inner div.arcordeon {
		height: auto;
		overflow: visible;
		height: 100% !important;
		transition: initial !important;
	}
	
	.inhalt .w33p
	{
		width: 50% !important;
	}
	
	.inhalt input[type=text]:not(.textInput), .inhalt select, .inhalt textarea, .inhalt select.w120, .inhalt input[type=text].w220 {
		width: 100% !important;
		box-sizing: border-box;
	}
	
	.box .visual {
		/*display: none;*/
	}
	a.youtube img {
    width: 100%;
}
	.inline_error {
		position: initial !important;
		top: auto !important;
	}
	
	.inline_success .fa, .inline_error .fa {
		position: initial;
		display: inline;
		font-size: 30px;
		line-height: 40px;
		padding-right: 10px;
	}
	
	.inline_success .inner, .inline_error .inner {
		padding: 0px;
		height: auto !important;
		padding-left: 10px;
	}
	
	.inhalt .box.h480, .inhalt .box.h500 {
		height: auto !important;
	}
	
	.inhalt .w33p.fl {
		/*float: none !important;*/
	}
	.config-option.fl.w33p {
		float: left !important;
		width: 33% !important;
	}
	.inhalt .boxouter.left,
	.inhalt .boxouter.center,
	.inhalt .boxouter.right
	{
		/*padding: 0px;*/
	}
	
	.inhalt .box a.but,
	.inhalt .box button.but
	{
		position: initial !important;
	}

	.inhalt .boxouter.center button.but {
		margin-top: 20px;
		/*font-size: 13px;*/
		/*font-weight: 400;*/
	}
	
	.hide-show:hover .arcordeon,
	.hide-show.akt .arcordeon
	{
		margin-top: 0px !important;
	}
	
	.galimg .inner img {
		width: 100% !important;
		height: auto;
	}
	
	.galimg {
		transition: initial !important;
		transform: initial !important;
	}
	
	.galsubline {
		font-size: 14px;
		padding: 0;
	}
	
	.container,
	#kontakt-formular div.fl,
	#kontakt-formular div.fr
	{
		float: none !important;
	}
	
	#kontakt-formular div.fl.w240,
	#kontakt-formular div.fl.w220,
	#kontakt-formular div.fr.w220,
	#kontakt-formular div.fl.w70,
	#kontakt-formular div.fl.w379,
	form#beratersuche 
	{
		width: 100% !important;
	}
	
	form#beratersuche label {
		display: none;
	}
	
	.inline_error.w475 {
		width: 100% !important;
	}
	
	#kontakt-formular .fl {
		float: none !important;
	}
	
	#configurator img {
		width: 100% !important;
	}
	
	#configurator .btn-input {
		width: 100% !important;
		box-sizing: border-box;
	}
}

@media screen and (max-width: 1060px) {
	#nav ul li.nav a{
		padding: 0px 7px;
	}
	
	#footer .inhalt .w66p,
	#footer .inhalt .w33p
	{
		width: 50% !important;
	}
	
	#footer .inhalt .w33p.fr h3 {
		float: right !important;
		padding-right: 20px;
	}
	
	#footer .inhalt .w33p.fr {
		float: left !important;
	}
}

@media screen and (max-width: 1020px) {
	
	.slicknav_menu {
		display: block;
	}
	
	#mobile-navigation-prepend
	{
		display: block !important;
		position: absolute;
		left: 0;
		top: 60px;
		width: 100%;
	}
	
	#pagetop ul.slick_nav li {
		float: none;
		position: initial;
	}
	
	#pagetop ul.slick_nav li ul li {
		margin: 0 0 0 16px;
	}
	
	#header .beratersuche {
		bottom: 130px;
	}
	
	.socialnav {
		top: 17px;
		right: 226px;
	}
	
	#logo {
		background-size: 66%;
		top: 7px;
	}
	
	#header .servicetel {
		top: 15px;
		left: auto !important;
		right: 310px;
	}
	i.logoslogan {
    position: absolute;
    left: 103px;
    top: 22px;
    font-size: 14px;
}
	
	#mainnav,
	#subnav,
	#topteaser,
	.praesentiert
	{
		display: none;
	}
	
	#pagemiddle {
		padding-top: 114px;
	}
	
	#hometeaser .text a.but {
		background: #D80000;
	}
}

@media screen and (max-width: 990px) {
	.boxouter.right strong i,
	.boxouter.right strong em
	{
		font-size: 16px !important;
	}
	.news .w50p {
		width: 100% !important;
	}
}

@media screen and (max-width: 850px) {
	.box .boxinner h3 {
		/*font-size: 14px;*/
	}
	
	a.but .txt, button.but .txt {
		max-width: inherit;
		overflow: hidden;
		white-space: nowrap;
		width: 80% !important;
	}
	.formbox button.but .txt {
		width: 60% !important;
	}
	.konfiAppTeaser a.but .txt {
		width: auto !important;
	}
	#header .servicetel {
	font-size: 17px;
	}
	#header .servicetel span {
    font-size: 18px;
	}
}

@media screen and (max-width: 820px) {
	#footer .inhalt .w66p,
	#footer .inhalt .w33p
	{
		width: 100% !important;
	}
	
	#footer .inhalt .w33p.fr h3 {
		float: left !important;
		padding-right: 0px;
	}
	
	#footer .inhalt .w66p a {
		padding: 0px 5px 0px 5px;
	}
	.inhalt .w33p {
    width: 100% !important;
	}
}

@media screen and (max-width: 765px) {
	
	#header {
		position: fixed;
		background: #fff;
		height: 110px;
	}
	ul.slick_nav{
    max-height: 400px;
		overflow: auto;
	}
	#header .servicetel {
		right: 220px;
	}
	.text.bbmobile a.but {
		background: #D80000;
	}
	.but.bbmobile {
		display: block !important;
		background: #D80000;
		margin-bottom: 15px;
	}
	.text.bbmobile a:hover.but {
		color: #fff;
		background: #ef7070;
	}
	.inhalt .boxouter.left, .inhalt .boxouter.center, .inhalt .boxouter.right {
		padding: 0 !important;
	}
	.bbmobile {display: block;}
	.text.bbmobile.w33p {display: block !important;}
	.mobile-sonderaktionen .bbmobile {display: block !important;} 
	.bbmobile.akt {
		display: block !important; 
	}
	.tesaserlink a {
		color: #fff;
		background: rgba(0,0,0,0.2);
    top: 187px;
		position: relative;
    padding: 11px;
		display: block;
	}
	.bbdesktop {display: none !important;}
	.boxouter a {
		/*padding-top: 5px;
		padding-bottom: 5px;*/
	}
	#footer li {
		padding: 7px 0 !important;
	}
	.teaser #ctrlright.ctrl {
    background-position: 100% -120px;
		height: 195px;
	}
	.teaser #ctrlleft.ctrl {
    background-position: 0 -120px;
		height: 195px;
	}
	.cb2 {display: none;}
	.cb1 {display:block; clear:both;}
	.inhalt .w33p {
    width: 100% !important;
}
	a.youtube {width: 100% !important;}
	#ratgeber_anfordern label,#ratgeber_anfordern select,#ratgeber_anfordern input {
		margin: 1px 0;
		padding: 4px 0;
	}
	.konfiAppTeaser {display: none !important; }
	.bbh160 {height: auto !important;}
	.bbpa {position: relative !important;}
	a.youtube i {
	  top: 35%;
	  left: 39%;
	  font-size: 90px;
	}
	a:hover.youtube i {
		
	  top: 33%;
	  left: 37%;
	  font-size: 110px;
	}
	.socialnav {
		display: none;
	}
	
	.box .thumbgrid .items {
		width: auto;
		height: auto;
	}
	
	.keeper div {
		line-height: 30px;
	}
	
	#hometeaser {
		background-color: transparent;
		height: auto;
		height: 190px;
	}
	
	
	.social_buts_foot
	{
		display: none;
	}
	
	.teaser .text {
		width: auto !important;
		height: auto;
		position: relative;
		z-index: 9999 !important;
		top: 205px;
		background: #fff;
		right: 0;
	}
	.teaser {overflow: visible;}
	.teaser .text a.but {
		width: auto;
		float: none;
		position: initial;
		
	}
	.teaser .stager {
    position: absolute;
    height: 100%;
	}
	.inhaltfirst {
  	background: #fff;
		z-index: 999;
	}
	#hometeaser .stage {
			background-size: 65%;
			background-position: 0 0 !important;
	}
	.teaser .text.konfiAppTeaser {
		padding-bottom: 60px;
	}
	.teaser .text.konfiAppTeaser a.but {
		
		position: relative;
		top: 11px;
	}
	.footer .w50p {
		width: 100% !important;
	}
	
	#footer .footer .w50p ul {
	
	}
	
	#footer .footer .w50p ul li {
		float: left;
		position: initial;
		width: 100%;
		height: auto;
		padding-left: 12px;
	}
	
	#footer .footer .w50p ul li.vl {
		display: none;
	}
	
	#footer .footer .w50p ul li a {
		padding-bottom: 10px;
		height: auto;
	}
	
	#footer .footer .w50p ul li a span {
		border: none;
	}
	
	#footer .footer .fachvereinigung-beton, #footer .footer a.xing {
		position: initial;
		right: auto;
		bottom: auto;
		margin-left: 20px;
	}
	
	#footer .footer a.xing {
		margin-top: 20px;
	}
	
	.mobile-sonderaktionen .w50p {
		width: 100% !important;
	}
	
	.container {
		border: none;
	}
	
	.boxinner.service .w60p {
		width: 100% !important;
	}
	
	.boxinner.service .w60p div.pl10 {
		padding-left: 0px !important;
	}
	
	.boxinner.service img {
		display: none;
	}
	
	.boxinner img {
		width: 100% !important;
		height: auto;
	}
	.konfiapphomepage img {
		width: 45% !important;
	}
	.iphone img {
	width: 87% !important;
}
	.news img {
		width: 100% !important;
	}
	
	img.stoerer {
		width: auto !important;
	}
	
	.daten.gruppen ul {
		width: 100%;
		height: auto;
	}
	
	.daten.gruppen ul li {
		width: 100% !important;
		height: auto;
		float: none !important;
	}
	
	.daten.gruppen ul li a {
		white-space: nowrap;
		text-indent: 10px;
		overflow: hidden;
	}
}
@media screen and (max-width: 700px) {
	#header .servicetel {
    right: 220px;
		top:	7px;
}
	i.logoslogan {
    top: 24px;
}
	.datatable td.featured h2.stoerer, 
	.datatable td.featured h3.stoerer,
		.datatable td.featured .stoerer {
		font-size:0.8em;
	  min-width: 90px;
    min-height: 70px;
		top:-10px;
		right:-10px;
		overflow:hidden;
	}
	.datatable td.featured .stoerer strong {
		font-size:2.5em;
	}
	.datatable td {
		padding:10px;
	}
	.datatable td.featured {
		padding-right:80px;
	}
}
@media screen and (max-width: 675px) {
	.stage img { width: 100%; height: auto; }
	.mobileanzeigen .bbmobile {
		display: block !important;
	}
	.mobileanzeigen {
		position: relative;
		top: -35px;
	}
	
	#header .servicetel {
    right: 5px;
		top: 5px;
}
	.teaser .text {
    top: 201px;
}
	#hometeaser .stage {
			background-size: 55%;
			background-position: 0 0 !important;
	}
	.beratersuche {
		display: none;
	}
	.datatable td.featured {
		position: relative;
	}
	#footer .inhalt {
		padding: 0px;
	}
	
	#pagebottom {
		margin-top: -25px;
	}
	
	#footer .hanse-beton-claim {
		left: 10px;
	}
	
	#footer .inhalt .w33p h3 {
		padding-left: 15px !important;
	}
	
	#footer .overview .w33p div.p20 {
		padding: 10px !important;
	}
	
	.mobile-left-inner-left,
	.mobile-left-inner-right
	{
		width: 100% !important;
	}
	
	.mobile-left-inner-right div,
	.mobile-left-inner-right a
	{
		width: auto;
		box-sizing: border-box;
		margin-left: 0px !important;
	}

	.gallery,
	.gallery ul li div.thumb.mobile-thumb .vis,
	.gallery .ctrl,
	.gallery.thumbless
	{
		height: 300px;
	}
	
	.galimg {
		width: 50%;
	}
	
	#beratersucheholder .fl {
		float: none !important;
	}
	
	#beratersucheholder div.w50p.fl.pr {
		position: inherit !important;
		margin-top: 20px;
		margin-left: 25px;
		margin-bottom: 50px;
	}
	
	#beratersucheholder .w50p {
		width: 100% !important;
	}
	
	.datatable td,
	.daten table td {
			display:block;
			width:100%;
	}
	
	.inhalt .box {
    padding: 20px 10px;
	}
	.daten {margin-bottom:20px;}
	.datatable td.featured h2.stoerer, 
	.datatable td.featured h3.stoerer,
		.datatable td.featured .stoerer {
			right: 5px;
			top:-54px;
	}
}

@media screen and (max-width: 600px) {
	#hometeaser .stage {
			background-size: 55%;
			background-position: 0 0 !important;
	}
	#footer a {
    padding: 5px 5px 0 10px;
 }
	#footer ul li {
    padding: 5px 0px;
}
	.panes .download-box {
		float: none !important;
		width: 100% !important;
		margin-top: 10px;
	}
	
	.download-box .w50p {
		width: 100% !important;
	}
	
	#configurator .btn,
	#configurator .page-status-bar,
	#configurator .w73p,
	#configurator .w27p,
	#configurator select,
	#configurator input[type=email],
	#configurator input[type=date],
	#configurator_form .w50p 
	{
		box-sizing: border-box;
		width: 100% !important;
	}

	#configurator .config-page-controls .btn-back,
	#configurator .config-page-controls .btn-next{
		width: 80% !important;
	}
	
	#configurator .btn-callsave,
	.btn-footprint-select
	{
		width: 100% !important;
		margin-left: 0 !important;
		margin-top: 5px;
	}
	
	#configurator .w60p {
		width: 73% !important;
	}
	
	#configurator .w25p {
		width: 25% !important;
	}

	#configurator .viewcontainerkonfi
	{
		/*height: 160px !important;*/
	}
	
	.btn-footprint-select {
		display: block !important;
	}
	
	.size-select div {
		width: 100%;
	}
	
	.inhalt input[type=text], .inhalt select, .inhalt textarea, .inhalt select.w120, .inhalt input[type=text].w220 {
		width: 100% !important;
		box-sizing: border-box;
	}
	
	span.fr {
		float: none !important;
	}
}

@media screen and (max-width: 520px) {
	.inhaltfirst {
    /*margin-top: 130px !important;*/
	}
	.tesaserlink a {
		color: #fff;
    background: rgba(0,0,0,0.2);
    top: 150px;
		position: relative;
    padding: 11px;
    display: block;
		font-size: 16px;
	}
	.tesaserlink a:hover {
		color: #fff;
	} 
	.tesaserlinkhidden a {
		display: block;
    position: absolute;
    width: 100%;
    height: 159px;
		z-index: 8;
	}
	.teaser #ctrlright.ctrl {
    	/*background-position: 100% -120px;
		height: 158px;*/
		
		background-position: 100% -106px;
		height: 196px;
	}
	.teaser #ctrlleft.ctrl {
    	/*background-position: 0 -120px;
		height: 158px;*/
		
		background-position: 0 -107px;
		height: 196px;
	}
	#hometeaser .stage {
		/*background-size: 100%;
		background-position: 0 0 !important;
		height: 132px !important;*/
		
		/* FIX TEASER */
		
		background-size: contain;
		background-position: 0 0 !important;
		height: 197px !important;
	}
	.teaser .text {
    top: 190px;
}
	.mobile-beraterbox {
		float: none !important;
		width: 100% !important;
	}
	
	.mobile-beraterbox .leftcolumn {
		border: none;
		padding-left: 0 !important;
	}
	
	.aktarch1 {
		top: auto;
		bottom: auto;
	}
	
	.aktarch2 {
		bottom: 0px;
	}
}

@media screen and (max-width: 465px) {
	#header .servicetel, #header .servicetel i, #header .callme {
		font-size: 15px !important;
	}
	
	.inhalt .callme {
		font-size: 17px;
	}
	
	.box .visual {
		display: block;
	}
	
	.thumbvis,
	.w70p,
	#mehr_informationen img,
	.image_lightview img
	{
		width: 100% !important;
	}
	
	.image_lightview {
		float: none !important;
		display: block !important;
	}
	
	.mobile-left .pl20 {
		padding: 0 !important;
	}
	
	.news .newsContent div.fl {
		float: none !important;
	}
	
	ul.newsbilder img,
	.news ul.newsbilder li a,
	.news ul.newsbilder li
	{
		transition: inherit !important;
		transform: inherit !important;
		width: 100% !important;
		height: auto;
		display: block !important;
		border: none;
	}
	
	#configurator .w60p {
		width: 72% !important;
	}
	
	#configurator .w25p {
		width: 25% !important;
	}
	
}

@media screen and (max-width: 435px) {
	.config-option.fl.w33p {
	  width: 100% !important;
	}
	#header .servicetel, #header .servicetel i, #header .callme {
		font-size: 12px !important;
	}
	
	.inhalt .callme, .inhalt i.fa.fa-phone {
		font-size: 18px;
	}
	
	#footer .inhalt .w66p h3,
	#footer .inhalt .w33p h3,
	#footer .inhalt .w33p h3 strong a
	{
		font-size: 13px !important;
	}
	
	.galimg {
		width: 100%;
	}
	
	#configurator .w50p {
		width: 100% !important;
	}
}
@media screen and (max-width: 400px) {
	#header .servicetel {
    right: 5px;
		top:	1px;
	}
}
@media screen and (max-width: 350px) {
	a.youtube i {
	  top: 35%;
	  left: 39%;
	  font-size: 62px;
	}
	a:hover.youtube i {
		
	  top: 32%;
	  left: 37%;
	  font-size: 80px;
	}
	.container a.but .txt,
	.container button.but .txt,
	a.but .txt, button.but .txt
	{
		max-width: 200px;
	}
}


/* BITBOX Erneuerungen für SOFTRELAUNCH 2019 */
@media screen and (max-width: 1260px){
	.bbteaserouter .bbteaser, .homeInfoBoxOuter .infoBox, .priceOverviewOuter .priceOverview, .imageTextBoxOuter .bbinner, .garagesBoxOuter .bbinner, .mainnavouter #mainnav {
		width: 100%;
		max-width: 100%;
	}
}
@media screen and (max-width: 1220px){
	#nav nav ul li.nav a {
		padding: 0 10px;
	}
}
@media screen and (max-width: 1200px){
	.topNav .topNavBeratersuche form {
		width: 30% !important;
	}
	.topNav .topNavProspekt {
		margin-left: 15%;
	}
}
@media screen and (max-width: 1160px){
	#footer .apple {
		height: 40px;
	}
	#footer .android img{
		width: 136px;
	}
}
@media screen and (max-width: 1140px){
	#nav nav ul li.nav a {
		padding: 0 5px;
	}	
	#header #mainnav {
		padding: 0 15px;
	}
}
@media screen and (max-width: 1120px){
	.garagesBox .swiper-button-prev, .garagesBox .swiper-button-next {
		display: block !important;
		position: absolute;
		top: 16%;
		height: 100px;
		z-index: 999;
	}
	.garagesBox .swiper-container .swiper-button-next{
		right: 0;
	}
	.garagesBox .swiper-container .swiper-button-prev{
		left: 0;
	}
	#kontakt-formular .w50p, #kontakt-formular .w20p, #kontakt-formular .w80p  {
		width: 100% !important;
		}
}
@media screen and (max-width: 1100px){
	#header span.marke {
		top: 61px;
	}
	.slicknav_btn {
		margin: 13px 5px 6px;
	}
	.mobileclear {
		clear: none !important;
	}
	.mainnavouter, .slicknav_menutxt, .topnavigation, .logoKonfiSloganArea .headerKonfiguratorLink span.blue span, #subnav {
		display: none !important;
	}
	.slicknav_menu {
		padding: 0;
	}
	.slicknav_menu, .slicknav_btn {
		display: block;
		background-color: #fff !important;
	}
	.slicknav_icon-bar {
		background: #000 !important;
	}
	.slick_nav {
		background: #0079C2 !important;
		padding: 5px;
	}	
	.slicknav_nav {
		position: absolute;
		top: 85px;
		left: 0;
		width: 100%;
	}
	.slicknav_icon {
		font-size: 2em;
	}
	#mobile-navigation-prepend
	{
		display: block !important;
		float:right;
		margin-right: 10px;
		width: 53px;
	}
	#pagetop ul.slick_nav li {
		float: none;
		position: initial;
	}
	
	#pagetop ul.slick_nav li ul li {
		margin: 0 0 0 16px;
	}
	.logoKonfiSlogan.outer {
		width: 80%;
	}
	#logo {
		background-size: 66%;
	}
	#header .logoslogan {
		left: 80px;
    	top: 41px;
	}
	#header .headerKonfiguratorLink .blue {
		padding: 15px;
		font-size: 1.1em;
		line-height: 1.1em
	}
	#header .headerKonfiguratorLink .red{
		padding: 0.41em !important;
	}
	#header, #pagetop {
		height: 85px;
		position: fixed;
    	background: #fff;
	}
	#pagemiddle {
		padding-top: 57px;
	}
	#footer a.youtube img {
		max-width: 123px;
	}
	#footer .bb360view a img {
		max-width: 142px;
	}
}
@media screen and (max-width: 1050px){
	#footer .footerVideo.v360view .bb360view a i.fa, #footer a.youtube i.fa {
		top: 29%;
		left: 35%;
	}
}

@media screen and (max-width: 1020px){
	#mobile-navigation-prepend {
		position: static;
	}
	.bbteaser .teaserclaimer img {
		padding-left: 10%;
	}
	.priceOverview .boxHalf {
		padding: 15px;
	}
}
@media screen and (max-width: 970px){
	.bbteaser .teaserboxen {
		font-size: 0.9em;
	}
	.bbteaser .boxThree.teaserclaimer {
		font-size: 1.1em;
	}
	.bbteaser .teaserclaimer span {
		top:8px;
	}
	.homeInfoBoxOuter .boxInfo img {
		padding-left: 0;
	}
	#footer .footerVideo.v360view .bb360view a i.fa, #footer a.youtube i.fa{
		top: 26%;
		left: 35%;
		font-size: 45px;
	}
	#footer .footerExtra {
		flex-wrap: wrap;
	}
	#footer .footerExtra .footerStoreLinks {
		order: 2;
		width: 100%;
		padding-top:25px;
	}
	#footer .footerExtra .footerVideos {
		order: 1;
		width: 100%;
	}
	#footer .bb360view a img {
		max-width: 180px;
	}
	#footer a.youtube img {
		max-width: 155px;
	}
	.footerAppLink .boxHalf {
		width: 20%;
	}
}
@media screen and (max-width:930px){
	.priceOverview .boxHalf {
		padding: 15px 10px;
		border: none;
	}
	.priceOverview .boxOne {
		border: none;
	}
	.priceOverview .boxOne a:first-child .boxHalf{
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
	}
		.priceOverview .boxOne a:nth-child(2) .boxHalf{
		border-bottom: 1px solid #fff;
	}
	.priceOverview .priceInfo h3 {
		font-size: 1.4em;
	}
	
}
@media screen and (max-width: 900px){
	.priceOverview {
		flex-wrap: wrap;
	}
	.priceOverview .boxOne {
		width: 100%;
	}
	.footerSubNav nav ul li a {
		padding: 0 5px !important;
	}
}
@media screen and (max-width: 820px){
	.gridpagemiddle {
		display: -ms-grid; 
		-ms-grid-columns: 100%; 
		-ms-grid-rows: auto; 
		display: grid;
		grid-template-rows: auto; 
		grid-template-columns: 100%;
	}
	.bbteaserouter {
		grid-row: 1;
		-ms-grid-row: 1;
	}
	.homeInfoBoxOuter {
		grid-row: 2;
		-ms-grid-row: 2;
	}
	.priceOverviewOuter {
		grid-row: 3;
		-ms-grid-row: 3;
	}
	.imageTextBoxOuter {
		grid-row: 5;
		-ms-grid-row: 5;
	}
	.garagesBoxOuter {
		grid-row: 4;
		-ms-grid-row: 4;
	}
	.bbteaser .boxOne {
		display: none;
	}
	.bbteaser .boxTwo {
		width: 100%;
		height: 295px;
		background-size: cover;
	}
	.imageTextBoxOuter .image {
		display:none;
	}
	.imageTextBoxOuter .text {
		width: 100%;
		padding-left: 30px;
	}
	.logoKonfiSlogan.outer {
		width: 90%;
	}
	.homeInfoBoxOuter .infoBox {
		flex-wrap: wrap;
	}
	.homeInfoBoxOuter .boxOne.boxInfo {
		width: 100%;
	}
	.homeInfoBoxOuter .boxOne.boxInfo > a .boxOne {
		width: 16%;
	}
	.homeInfoBoxOuter .boxOne.boxInfo > a .boxTwo {
		width: 84%;
	}
	.homeInfoBoxOuter .infoBox .boxInfo:nth-child(2){
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}
	#footer .footerVideos .footerVideo {
		width: 100%;
	}
	#footer .footerVideos .footerVideo{
		padding: 10px 0 20px 0;
	}
	#footer a.youtube img {
		max-width: 309px;
	}
	#footer .bb360view a img {
		max-width: 310px;
	}
	.footerAppLink .boxHalf {
		width: 30%;
	}
	#footer .apple {
		height: 50px;
	}
	#footer .android img {
		width: 172px;
	}
	#footer {
		display: -ms-grid;
		-ms-grid-columns: 100%;
		-ms-grid-rows: auto;
		display: grid;
		grid-template-rows: auto;
		grid-template-columns: 100%;
	}
	#footer .inhalt {
		grid-row: 1;
		-ms-grid-row: 1;
	}
	#footer .footerExtra {
		grid-row: 3;
		-ms-grid-row: 3;
	}
	#footer .footerSubNav {
		grid-row: 2;
		-ms-grid-row: 2;
	}
	#footer .footerCopyright {
		grid-row:5;
		-ms-grid-row: 5;
	}
	#footer .footerSocial {
		grid-row: 4;
		-ms-grid-row: 4;
	}
	#footer .footerMitglied {
		grid-row: 6;
		-ms-grid-row: 6;
	}
	#footer .footerVideo.v360view .bb360view a i.fa {
		top: 40%;
		left: 35%;
	}
	#footer a.youtube i.fa {
		top: 40% !important;
		left: 40% !important;
	}
	#pagebottom, #footer .overview, #footer .footer {
		background-color: transparent;
	}
	#footer .inhalt, #footer .footerExtra, #footer .footerSubNav, #footer .footerSocial, #footer .footerCopyright, #footer .footerSubNavMobile {
		background-color: #515a5f;
	}
	#footer {
		padding-bottom: 0;
	}
	#footer .footerMitglied .fachvereinigung-beton {
		left: 30px;
		right: auto;
		bottom: 110px;
	}
	#footer .footerSocial .boxOne {
		float: right;
	}
	#footer .footerSocial a.youtube {
		width: 30px !important;
	}
	#footer .footerCopyright .boxTwo {
		width: 100%;
	}
	.footerSloganMobile {
		display: block;
		float: right;
		padding-right: 15px;
		padding-bottom: 15px;
	}
	.footerSloganMobile a {
		float: none;
		padding-left: 5px;
	}
	#footer .footerMitglied .footerSlogan {
		display: none;
	}
	#footer .footerExtra {
		display: flex;
		padding: 0 30px 25px 30px;
		align-items: flex-end;
	}
	#footer .footerSubNav {
		display: none;
	}
	#footer .footerSubNavMobile {
		display: block;
		padding: 30px;
	}
	#footer .footerSubNavMobile ul li a{
		padding-left: 0;
	}
}
@media screen and (max-width: 765px){
	#footer .footerSubNavMobile ul li{
		padding: 6px 1px !important;
	}
}
@media screen and (max-width: 756px){
	#footer .footerMitglied .fachvereinigung-beton {
		left: 30px;
		right: auto;
		bottom: 126px;
	}
}
@media screen and (max-width: 740px){

	#footer .inhalt .overview .boxOne:nth-child(2), #footer .inhalt .overview .boxOne:nth-child(3){
		display: none;
	}
	#footer .inhalt .overview .boxOne:first-child{
		width: 100%;
	}
	#footer .footerVideo.v360view .bb360view a i.fa {
		top: 40%;
		left: 39%;
	}
	#footer a.youtube i.fa {
		top: 40% !important;
		left: 38% !important;
	}

}
@media screen and (max-width: 675px){
	#footer .inhalt{
		padding: 10px 30px;
	}
	.footerAppLink .boxHalf {
		width: 40%;
	}
}
@media screen and (max-width: 650px){
	#header span.marke {
		top: 37px;
	}
	#header #logo {
		margin: 5px 0;
		width: 106px;
	}
	#header .logoslogan {
		left: 69px;
    	top: 22px;
	}
	.slicknav_btn {
    	margin: 2px 5px 6px;
	}
	#header, #pagetop {
		height: 57px;
	}
	#header .headerKonfiguratorLink {
		margin-top: 5px;
	}
	.headerKonfiguratorLink .blue {
		width: 122px;
		word-break: break-word;
		padding: 10px !important;
    	font-size: 0.9em !important;
	}
	#header .headerKonfiguratorLink .red {
		padding: 0.38em !important;
	}
	.logoKonfiSlogan.outer {
		width: 82%;
	}
}
@media screen and (max-width: 550px){
	.headerKonfiguratorLink {
		margin-top: 9px !important;
	}
	.headerKonfiguratorLink .blue {
		padding: 5px !important;
	}
	#header .headerKonfiguratorLink .red {
		padding: 0.0em !important;
	}
	.logoKonfiSlogan.outer {
		width: 85%;
	}
}
@media screen and (max-width: 500px){
	.bbteaser .boxTwo {
		height: 250px;
	}
	.headerKonfiguratorLink .blue{
		font-size: 0.8em !important;
		width: 105px;
	}
	.logoKonfiSloganArea .red img {
		width: 28px;
		height: 28px;
		}
	.priceOverview .furtherInformation {
		display: none;
	}
	.homespacer, .priceOverviewOuter .priceLink i, .priceOverviewOuter .priceInfo i {
		display: block !important;

	}
	.priceOverviewOuter .priceLink .getPrice, .priceGreenBox i {
		float: right;
		margin-left: 10px;
		font-size: 2.5em;
		position: relative;
		top: -7px;
	}
	.priceGreenBox i {
		top: -19px;
	}
	.footerAppLink .boxHalf {
		width: 50%;
	}
	#footer .footerVideo.v360view .bb360view a i.fa {
		top: 34%;
		left: 38%;
	}
	#footer .footerMitglied .fachvereinigung-beton {
		left: 30px;
		right: auto;
		bottom: 142px;
	}
	.homeInfoBoxOuter .boxOne.boxInfo > a .boxOne {
		width: 20%;
	}
	.homeInfoBoxOuter .boxOne.boxInfo > a .boxTwo {
		width: 80%;
	}
}
@media screen and (max-width: 450px){
	#header {
		height: 88px;
	}
	#logo {
		background-size: 50%;
	}
	#header .logoKonfiSloganArea {
		padding: 0 10px;
	}
	#header #logo {
		margin: 0;
		top: 48px;
	}
	#header .logoslogan {
		left: 42px;
    	top: 63px;
		font-size: 0.8em
	}
	#header span.marke {
		top: 52px;
    	left: 64px;
	}
	.slicknav_icon {
		font-size: 1.5em;
	}
	.slicknav_menu {
    	top: -30px;
		position: relative;
	    background-color: transparent !important;
	}
	.slicknav_nav {
    	position: fixed;
	}
	.slicknav_btn {
		background: none !important;
	}
	#header, .logoKonfiSlogan.outer {
		width: 100% !important;
	}
	.headerKonfiguratorLink {
		margin-top: 0 !important;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		display: block;
		float: left;
		font-size: 1.25em;
	}
	#header .headerKonfiguratorLink .red {
		padding: 0.4em !important;
		width: 50px;
		float: left;
		display: block;
		border-radius: 0;
	}
	.bbteaser .banner {
		font-size: 1em;
		padding: 10px;
		font-weight: 600;
		border-left: 0px solid #fff;
		line-height: 1.2em;
		}
	#header .headerKonfiguratorLink .blue {
		width: calc(100% - 50px);
		line-height: 1.1em;
		display: block;
		border-radius: 0;
		padding: 0.6em !important;
	}
	#header .headerKonfiguratorLink .blue span {
		display: block !important;
	}
	.logoKonfiSlogan.outer {
		width: 55%;
	}
	.homeInfoBoxOuter .boxOne.boxInfo > a .boxOne {
		width: 24%;
	}
	.homeInfoBoxOuter .boxOne.boxInfo > a .boxTwo {
		width: 76%;
	}
	.footerSocial .boxOne {
		padding-right: 5px;
	}
}
@media screen and (max-width: 420px){
	#footer .apple {
		height: 40px !important;
	}
	#footer .android img {
		width: 138px !important;
	}
	#footer .footerVideo.v360view .bb360view a i.fa {
		top: 32%;
		left: 35%;
	}
	#footer a.youtube i.fa {    
		top: 34% !important;
    	left: 35% !important;
	}
}
@media screen and (max-width: 400px){
	.social-media .facebook {
		padding-right: 0 !important;
	}
}
@media screen and (max-width: 388px){
	#footer .footerMitglied .fachvereinigung-beton {
		bottom: 162px;
	}
}
@media screen and (max-width: 350px){
	#header .logoKonfiSloganArea {
		padding: 0 15px;
	}
	.logoKonfiSlogan.outer {
		width: 63%;
	}
	#mobile-navigation-prepend {
		margin-right: 0;
	}
	.homeInfoBoxOuter .infoBox .boxInfo {
		padding: 30px 15px;
	}
	.imageTextBoxOuter .text, .footerCopyright {
		padding-left: 15px;
	}
	#footer .inhalt {
		padding: 10px 15px;
	}
	#footer .footerSubNavMobile {
		padding: 30px 15px;
	}
	#footer .footerExtra {
		padding: 0 15px 25px 15px;
	}
	#footer .footerVideo.v360view .bb360view a i.fa {
		top: 29%;
	}
	#footer .footerMitglied .fachvereinigung-beton {
		left: 10px;
	}
	.footerSocial .boxOne {
		width:40%;
		padding-right: 0;
	}
}