.markenshopheader img {
	width: 100%;
}
.headerbanner img, .header-banner1 img, .header-banner img {
	width: 100%;
}
.unterseite-uebersicht img {
    width: 100%;
}
.markenshopheader::before {
    content: url("//ms-daten.at/00_MM/docs/img/apple-auth.png");
	width: 317px;
	height: 39px;
	margin-top: 10px;
}
.markenshopheader {
	margin-top: 15px;
	padding-bottom: 15px;
}
.markenshopheader img {
    display: none;
}


.headerbutton1, .headerbutton2, .headerbutton3, .headerbutton4, .headerbutton5, .headerbutton6, .headerbutton7, .headerbutton8, .headerbutton9, .headerbutton10, .headerbutton11 { position: absolute; z-index: 999999999;}

.headerbutton1 {
    height: 14.9%;
    left: 67%;
    top: 61%;
    width: 17%;
}
.headerbutton2 {
    height: 14.9%;
    left: 67%;
    top: 78%;
    width: 17%;
}

.headerbutton3 {
    height: 10%;
    left: 48%;
    top: 89%;
    width: 13%;
}
.headerbutton4 {
    height: 10%;
    left: 34.8%;
    top: 89%;
    width: 13%;
}

.headerbutton5 {
    height: 9%;
    left: 36%;
    top: 81%;
    width: 11%;
}

.headerbutton6 {
    height: 9%;
    left: 50.8%;
    top: 81%;
    width: 11%;
}

.headerbutton7 {
    height: 7.9%;
    left: 51.2%;
    top: 33%;
    width: 11%;
}

.headerbutton8 {
    height: 9%;
    left: 64.5%;
    top: 87%;
    width: 11%;
}

.headerbutton9 {
    height: 9%;
    left: 64.5%;
    top: 52%;
    width: 10%;
}

.headerbutton10 {
    height: 9%;
    left: 44.5%;
    top: 88%;
    width: 10%;
}

.headerbutton11 {
    height: 9%;
    left: 75.5%;
    top: 52%;
    width: 10%;
}


.bild {
    float: left;
    margin-right: 1.7%;
    margin-top: 1.1%;
    width: 32.2%;
	list-style: outside none none !important;
}
.bild:nth-child(3) {
    margin-right: 0;
}
.bild:nth-child(6) {
    margin-right: 0;
}
.bild:nth-child(9) {
    margin-right: 0;
}
.bild img {
    box-sizing: border-box;
	width: 100%;
}
ul {
	margin-bottom: 50px;
}

.bild a {
	text-decoration:none;
}

.bild a:hover {
	text-decoration:none !important;
}


.uebersicht-kachel {
	width:100%; 
	text-align:center; 
	font-family: 'PT Sans', sans-serif; 
	color:black; 
	font-size:2.5em;
}

@media only screen and (max-width: 640px) {
.gridbox ul {
    padding-left: 0;
	}	
}



@font-face{font-family:"mm-icons";
src:url("//data.mediamarkt.at/docs/font/MMIcons.eot");
src:url("//data.mediamarkt.at/docs/font/MMIcons.eot?#iefix") format("embedded-opentype"),
url("//data.mediamarkt.at/docs/font/MMIcons.woff2") format("woff2"),url("//imgdata.redblue.de/common/fonts/mm-icons/MMIcons.woff") format("woff"),
url("//data.mediamarkt.at/docs/font/MMIcons.ttf") format("truetype"),
url("//data.mediamarkt.at/docs/font/MMIcons.svg#svg") format("svg")
}

.liste1 a, .liste2 a, .liste3 a, .liste3 a {
    background: #ee0000 none repeat scroll 0 0;
    border-radius: 4px;
    color: #fff;
    float: right;
    font-family: mm-text_bold;
    font-size: 14px;
    padding: 8px 21px 8px 8px;
    position: relative;
    top: 12px;
}
.liste1 a:before, .liste2 a:before, .liste3 a:before, .liste3 a:before {
    background-image: none;
    color: #fff;
    content: "\e604";
    display: block !important;
    font-size: 5px;
    font-weight: bold;
    height: 19px !important;
    position: absolute !important;
    right: 0 !important;
    text-indent: 0;
    top: 7px !important;
    transform: rotate(-90deg);
    width: 10px !important;
	font-family: "mm-icons";
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-transform: none;
}



.standorte h8 {
    background: #ddd none repeat scroll 0 0;
    box-sizing: border-box;
    display: block;
    font-size: 20px;
    margin-bottom: 6px;
    margin-top: 40px;
    padding: 18px;
    text-align: center;
    width: 100% !important;
}
.standorte h9 {
    background: #ddd none repeat scroll 0 0;
    box-sizing: border-box;
    display: block;
    font-size: 20px;
    margin-bottom: 6px;
    margin-top: 40px;
    padding: 11px;
    width: 100% !important;
}
.standorte h7 {
	background: #ddd none repeat scroll 0 0;
    box-sizing: border-box;
    display: block;
    font-size: 20px;
    margin-bottom: 6px;
    margin-top: 40px;
    padding: 11px;
	width: 100%;
}
.standorte {
    overflow: hidden;
    width: 100%;
}
.standorte li:hover {
    background: #f1f1f1;
}
.standorte img {
    width: 100%;
}
.standortseite {
    float: left;
    width: 100% !important;
}
.standorte strong {
    font-family: arial;
    font-weight: bold;
}
.standorte li {
	background: #f9f9f9;
}
.liste1 > li {
    border-bottom: 1px solid #ccc;
    padding: 22px;
    width: 28%;
}
.liste1 > li:nth-child(2), .liste1 > li:nth-child(3) {
    margin-left: 45px;
}
.liste1 {
    display: flex;
    width: 100%;
}
.liste2 {
    display: flex;
    width: 100%;
}
.liste2 > li {
    border-bottom: 1px solid #ccc;
    padding: 22px;
    width: 28%;
}
.liste3 {
    display: flex;
    width: 100%;
}
.liste3 > li {
    border-bottom: 1px solid #ccc;
    padding: 22px;
    width: 28%;
}
.liste4 {
    display: flex;
    width: 100%;
}
.liste4 > li {
   border-bottom: 1px solid #ccc;
    padding: 22px;
    width: 28%;
}


.subtext {
    border: 1px solid #999;
    display: block;
    font-size: 15px;
    line-height: 20px;
    overflow: hidden;
    padding: 20px 20px 20px;
    position: relative;
    top: 2px;
}

.retour > a {
    color: #ee0000;
    float: right;
    position: relative;
    text-decoration: underline;
    top: 14px;
}
.standorte p {
    border-top: 1px solid #ddd;
    font-style: italic;
    margin-top: 6px;
    padding-top: 5px;
}
@media only screen and (max-width: 800px) {

.standortseite {
    float: left;
    width: 100% !important;
}
.standorte li {
    background: #f9f9f9 none repeat scroll 0 0;
    list-style: outside none none !important;
}
}	
@media only screen and (max-width: 720px) {
.uebersicht-kachel {
	font-size: 12px !important;
	}
.liste1 > li:nth-child(2), .liste1 > li:nth-child(3), .liste2 > li:nth-child(2), .liste2 > li:nth-child(3) {
    margin-left: 0px;
}
.liste1, .liste2 {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}
.liste1 > li, .liste2 > li {
    border-bottom: 1px solid #ccc;
    padding: 22px;
    width: 100%;
    margin-top: 17px;
}
.markenshopheader::before {
    background-image: url("//ms-daten.at/00_MM/docs/img/apple-auth.png");
	background-size: 200px auto;
	background-repeat: no-repeat;
	content: "";
	width: 200px;
	height: 28px;
	display: inline-block;
}

	
	
	
.navi-apple {
    display: inline-table;
    padding-bottom: 15px;
    position: relative;
}
.nav1 img, .nav2 img, .nav3 img, .nav4 img, .nav5 img {
    display: block;
    height: 68%;
    margin: 0 auto;
    width: 100%;
}
.nav1, .nav2, .nav3, .nav4, .nav5 {
    height: auto;
    width: 32.6%;
}

.gridbox ul {
    padding-left: 0;
}
.unterseite-uebersicht li {
	border: 0px solid rgb(221, 221, 221); 
	width: 31%;
	list-style: none;
	min-width: 100px;
}
	.header-banner br {
    display: none;
}
.unterseite-uebersicht {
    border-bottom: 1px solid #ddd;
    padding-bottom: 19px;
    margin-bottom: 5px;
}
.textfeld ul li {
    margin: 0 5px;
}
	
.navi-apple li {
    list-style: none;
    float: left;
    text-decoration: underline !important;
    color: #ee0000;
	width: 33%;
	margin-bottom: 8px;
}
.navi-apple img {
    display: none;
}
.navi-apple {
    margin: 16px auto;
    text-align: center;
    overflow: hidden;
}
	
	
.nav1 img, .nav2 img, .nav3 img, .nav4 img, .nav5 img {
    display: none;
}
	
.unterseite-uebersicht {
    display: flex;
    flex-wrap: wrap;
}	
.unterseite-uebersicht span {
    padding: 0.5em 1em;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 12px;
}
	.unterseite-uebersicht span {
    float: left;
    margin-top: 5px;
}
}
