/* css rules for width <= 462px */
@media only screen and (max-width: 462px)
{
	.mobileview
	{
	}
	.pcview
	{
		display: none;
	}
	.top-nav-area
	{
		width: 750px;
	}
	.top-nav-area ul
	{
		width: 100%;
	}
	.top-nav-area ul li
	{
		width: 20%;
	}
	.pe-sitenav
	{
		width: 100%;
	}
	.mean-nav
	{
	}
	.container
	{
		margin-top: 0;
		padding-top: 0;
	}
	.row:first-child
	{
		margin-top: 10px;
	}
/*
	.header-lowres
	{
		display: unset;
		margin-bottom:5px;
	}
	.header-highres
	{
		display: none;
	}
*/
	.header-lowres
	{
		display: none;
	}
	.header-highres
	{
		display: unset;
	}	.mean-container,.menu-cat-area
	{
		display: none;
	}
	.kategorie-button-gross,.produkt-button-gross
	{
		width: 170px !important;
	}
	.submenu2020 {
		display: flex;
	}
	.submenu2020>li {
		flex: 1;
	}
	.pe-sitenav.submenu2020 li a {
		height:50px;
		line-height:50px;
	}
	/* 2021 */
	.logo-highres-override-neu>img {
		width:309px !important;
		min-width:309px !important;
		max-width:309px !important;
		height:86px !important;
		min-height:86px !important;
		max-height:86px !important;
	}
	.logo-highres-override-neu {
		margin-top:-5px;
		margin-bottom:10px;
		margin-left:30px;
	}
	body {
		background: white;
	}
	.h5-box-area,
	.h5-box-area>.header-top,
	.h5-box-area>.header-top>.container {
		width: 100%;
	}
	.home-5 .nk-search {
		border: 2px solid #4196ce !important;
		border-radius: 4px !important;
		overflow: hidden;
		background:white;
	}
	.nk-search>.select-wrapper {
		display: none;
	}
	.search_input {
		display:inline-block !important;
		width: 100% !important;
		min-width:unset;
		max-width:unset;
		background:white;
	}
	.search-button-wrapper {
		width: 45px;
	}
	.search_input>.searchform {
		width:100%;
		display:flex;
	}
	.nk-search .search_input input[type="text"] {
		width:unset !important;
		flex:1;
		border-radius:4px 0 0 4px;
	}
	.header-highres>.row {
		display:flex;
		width:100%;
	}
	.header-highres>.row>div {
		flex:1;
		width:auto;
		min-width:250px;
	}
	.header-highres>.row>div:first-child {
		flex:unset;
		display:none;
	}
	.header-highres>.row>div:nth-child(2) {
		margin-left:30px;
	}
	.header-highres>.row>div:nth-child(2) input {
		font-size: 10pt;
	}
	.header-highres>.row>div:last-child {
		flex:unset;
		width:540px;
	}
	.search_input button.search-button {
		background-color:white;
		background-image:url(/img/lupe_21.png?v=3);
		background-position:center center;
		background-size:22px 22px;
		background-repeat:no-repeat;
		width:25px;
	}
	.home-5 .search_input button.search-button:hover {
		background-color:#c0c0c0;
		background-image:url(/img/lupe_h_21.png?v=3);
		background-position:center center;
		background-size:22px 22px;
		background-repeat:no-repeat;
		width:25px;
	}
	.search_input button.search-button>i {
		display:none;
	}
	.blau-menu {
		height:auto;
		background:linear-gradient(#1e5d88,#2f7eb1);
		background-size:40px 40px;
		background-position: top left;
		background-repeat:repeat;
		margin-bottom:20px;
		clear:both;
		margin-top:5px;
	}
	.blau-menu>ul {
		display:flex;
		width:100%;
	}
	.blau-menu>ul>li {
		float:left;
		color:#f0e9ef;
		font-size:14pt;
		line-height:40px;
		height:40px;
		cursor:pointer;
		width:unset;
		flex:1;
	}
	.bm-s { display: none; }
	.blau-menu>ul>li:nth-child(8) { /* Trennstrich nach Teamevents */
		/* https://tobiasahlin.com/blog/flexbox-break-to-new-row/ */
		flex-basis:100%;
		opacity:0;
		height:0;
	/*	flex:0; */
	}
	.blau-menu>ul>li>a {
		color:#f0e9ef;
		font-size:14pt;
		line-height:36px;
		height:36px;
		margin-top:2px;
		margin-bottom:2px;
		cursor:pointer;
		text-decoration:none;
		width:100%;
		display:inline-block;
		text-align:center;
	}
	.blau-menu>ul:first-child {
		border-bottom:1px solid #ccc;
		box-sizing:border-box;
	}
	.blau-menu>ul>li {
		border-right:1px solid #ccc;
		box-sizing:border-box;
	}
	.blau-menu>ul:first-child>li:nth-child(7){
		border-right:none;
	}
	.blau-menu>ul:last-child>li:nth-child(7) {
		border-right:none;
	}
	.blau-menu>ul>li>a>span {
		text-align:center;
		display:inline-block;
	}
	.blau-menu>ul>li>span.spacer {
		width:1px;
		padding-left:0;
		padding-right:0;
		line-height:36px;
		height:36px;
		margin-top:2px;
		margin-bottom:2px;
		cursor:pointer;
		border-right:1px solid #82adc8;
		box-sizing:border-box;
	}
/*	* { text-align:center; } */
	.blau-menu>ul>li>a>i {
		font-size:20pt;
		margin-right:10px;
	}
	.blau-menu>ul>li:hover {
		background:#395B72;
	}
	.blau-menu>ul>li.active {
		background:#173950;
	}
	.nk-search-area.main-menu-area,
	.main-menu-area.box-main {
		display: none;
	}
	.home-1-slider-area>.container:first-child>.row>.col-lg-3 {
		display: none;
	}
	.home-1-slider-area>.container:first-child>.row>.col-lg-9 {
		margin-top:20px;
		width:100%;
	}
	.account-management>.row>.col-lg-3 {
		display: none;
	}
	.account-management>.row>.col-lg-9 {
		margin-top:20px;
		width:100%;
	}
	.top-big-buttons {
		width: 100%;
		height:100%;
		box-sizing:border-box;
		padding-left:0;
	}
	.top-big-buttons>.tbbs {
		float:left;
		width:114px;
		height:68px;
		margin-top:2px;
		background-size: 42px 41px;
		background-position: center 5px;
		background-repeat:no-repeat;
		text-align:center;
		cursor:pointer;
		overflow:visible;
		white-space:nowrap;
		box-sizing:border-box;
	}
	.top-big-buttons>.tbbs a {
		display:inline-block;
		padding-top:48px;
	}
	.top-big-buttons>.tbbs:hover a>.tbbs-click {
		background:rgba(0,0,0,0.25);
		padding:0 15px;
		border-radius:20px;
		transition:200ms all linear;
	}
	.top-big-buttons>.tbbs.active a>.tbbs-click {
		background:rgba(0,64,128,0.25);
		padding:0 15px;
		border-radius:20px;
		transition:200ms all linear;
	}
	.top-big-buttons>.tbbs>a>.tbbs-click {
		color:black;
		text-decoration:none;
	}
	.firma-textbox-title {
		max-width: 100%;
	}
	.top-big-buttons>.tbbs.tbb-favs { background-image:url(/img/21/herz-58.png?v=3); background-size: 33px 29px; background-position: center 6px; }
	.top-big-buttons>.tbbs.tbb-account { background-image:url(/img/21/benutzer56.png?v=3); background-size: 29px 33px; background-position: center 5px; }
	.top-big-buttons>.tbbs.tbb-basket { background-image:url(/img/21/einkaufswagen56.png?v=3); background-size: 33px 33px; background-position: center 7px; }
	.top-big-buttons>.tbbs.tbb-logout { background-image:url(/img/21/logout56.png?v=3); background-size: 36px 33px; background-position: center 5px; }
	.top-big-buttons>.tbbs.tbb-login { background-image:url(/img/login_21.png?v=3); }
	.product-textbox-content>p>img { border-radius:4px; }
	#scrollUp { border-radius: 7px; }
	.logo-android-ios {
		display:block !important;
		width:100%;
		text-align:center;
		margin:0 auto;
	}
	.logo-android-ios .logo-area {
		margin:0 auto 5px;
	}
	/* suchleiste in neue zeile */
	.top-wrap-bb-tablet-pc {
		display: none;
	}
	.top-wrap-bb-mobile {
		display: inline !important;
	}
	.top-wrap-search {
		display: block;
		clear:both;
		flex:unset;
		width:100%;
	}
	.top-wrap-bb-mobile>.top-big-buttons {
		display:flex;
		width:100%;
		margin-bottom:10px;
	}
	.top-wrap-bb-mobile>.top-big-buttons>.tbbs {
		flex:1;
	}
	.blau-menu {
		display:block;
		border:none;
		clear:both:
		float:unset;
		text-align:center;
	}
	.blau-menu ul {
		display:block;
		clear:both;
		float:unset;
		width:100%;
		height:80px !important;
		flex:unset;
		overflow:visible;
		border:0 !important;
	}
	.blau-menu ul>li {
		display:block;
		float:left;
		width:50%;
		box-sizing:border-box;
		flex:unset;
		border-top: 0 none;
		border-right: 0 none;
		border-left: 0 none;
		border-bottom: 1px solid white;
	}
	.blau-menu ul:nth-child(1) li:nth-child(3),
	.blau-menu ul:nth-child(1) li:nth-child(7),
	.blau-menu ul:nth-child(2) li:nth-child(3),
	.blau-menu ul:nth-child(2) li:nth-child(7) {
		width:49%;
		border-left: 1px solid white;
	}
	.blau-menu ul li.bm-s {
		display: none !important;
	}
	.data-address-boxes {
		font-family:Arial,Helvetica;
		font-weight:400;
		text-rendering:optimizeLegibility;
	}
	.mietwelt_block {
		flex:1 1 14%;
		flex-shrink:0;
		min-width:180px;
	}

	.ueberschrift-2021>h4 {
		padding-left:0 !important;
	}

	.container .sp-module {
		max-width: unset !important;
		float: unset !important;
		padding-left: unset !important;
		padding-right: unset !important;
		margin-left: unset !important;
		margin-right: unset !important;
	}
	
	.mietwelt_block.mwb-open {
		margin-left: -20px;
		margin-right: 20px;
		font-size: 9pt;
	}
	.mietwelt_block ul {
		width:155px;
	}
	
	#sp-footer .container {
		padding-left: 0 !important;
	}
	
	.mobi-cb {
		clear:both !important;
		display:block !important;
	}
	
	.mobi-center {
		text-align:center;
		margin:0 !important;
		padding:0 !important;
		width:100%;
	}
	
	.mobi-spacer {
		height:30px;
		width:100%;
		display:inline-block;
		margin:0;
		padding:0;
	}
	
	.mietwelt_banner_bereich .mw-description .mwd-text {
		display:block !important;
		min-height:unset !important;
		max-height:unset !important;
	}
	
	.mobi-hidden {
		display: none !important;
	}
	
	.mobi-only {
		display: inline-block !important;
		display: inline !important;
	}
	
	.produkt-titelzeile-back {
		top: 0px !important;
	}
	
	.merkzettelseite {
		margin-left: 10px;
		margin-right: 10px;
	}
	
}