.primaryContainer {
    height: auto;
    margin-left: auto;
    margin-right: auto;
    min-height: 100%;
    width: 100%;
}

#Header {
    float: left;
    height: 185px;
    clear: none;
    width: 100%;
    -webkit-box-shadow: rgba(4, 4, 4, 0.521569) 5px 5px 5px 0px;
    box-shadow: rgba(4, 4, 4, 0.521569) 5px 5px 5px 0px;
    position: static;
    background-color: rgb(255, 255, 255);
    margin-top: 0px;
    margin-left: 0%;
}

#hpLogo {
    float: left;
    height: 150px;
    margin-left: 6.853829%;
    margin-top: 5px;
    clear: none;
    width: 217.09375px;
    background-image:url("img/HerrPaukant_logo.svg");
    background-attachment: scroll;
    -webkit-background-size: auto;
    background-size: auto;
    background-position: 0% 50%;
    background-repeat: no-repeat no-repeat;
}

#Info {
    float: right;
    height: 130px;
    margin-left: 0px;
    margin-top: 20px;
    clear: none;
    width: 39.724035%;
    border-width: 0px;
    border-style: solid;
    margin-right: 6.864265%;
}


#Navigation {
    float: left;
    height: 30px;
    margin-left: 0%;
    margin-top: 0px;
    clear: left;
    width: 100%;
    background-color: rgb(94, 94, 94);
}

#text2 {
    float: right;
    font-size: 0.9em;
    width: 86.141459%;
    height: auto;
    text-align: right;
    font-weight: 500;
    line-height: 1em;
    margin-left: 0px;
    margin-top: 7px;
    clear: none;
    min-height: 19px;
    color: rgb(255, 255, 255);
    margin-right: 7.002922%;
    font-family: karla;
    letter-spacing: normal;
    text-decoration: none;
    text-transform: uppercase;
}
#text2 a{
	color: rgb(255, 255, 255);
	text-decoration:none;
}
#Anmelden {
    float: right;
    font-size: 0.95em;
    width: 100%;
    height: auto;
    text-align: right;
    font-weight: 600;
    line-height: 1em;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    min-height: 0px;
    font-style: normal;
    margin-right: 0px;
    font-family: karla;
    min-width: 0px;
}

#Warenkorb {
    float: right;
    font-size: 0.95em;
    width: 100%;
    height: auto;
    text-align: right;
    font-weight: 600;
    line-height: 1em;
    margin-left: 0px;
    margin-top: 0px;
    clear: both;
    min-height: 0px;
    margin-right: 0%;
    font-family: karla;
}

#formgroup {
    float: right;
    height: auto;
    display: block;
    text-align: right;
    margin-top: 4.5px;
    clear: both;
    width: 100%;
    border: 0px solid rgb(94, 94, 94);
    margin-right: 0%;
}
#search3 input{
	float: left;	
	height: 25px;	
}
#search3 input.CWformButton{
	font-size: 0.9em;
	font-family: karla;
	display: inline-block;
	height: 25px;
}
#search3{
	font-size: 0.8em;
	font-family: karla;
	display: inline-block;
	font: 0.9em;
	line-height: 1em;
	/*padding: 0 0.5em;
	text-align: right;
	align: right;
	margin-left: 10px;	
	border-width: 3px;
    border-style: solid;*/
}
#textinput {
    float: none;
    height: auto;
    padding: 0px;
    font-size: 1em;
    display: inline-block;
    width: auto;
    border: 0px solid rgb(94, 94, 94);
    margin-top: 0px;
    margin-left: 6.237793%;
    clear: none;
}

#text {
    float: none;
    font-size: 0.9em;
    width: auto;
    height: auto;
    text-align: right;
    font-weight: 600;
    line-height: 1em;
    padding: 0em 0.5em;
    display: inline-block;
    border-left-width: 1px;
    border-left-color: rgb(94, 94, 94);
    border-left-style: solid;
    font-family: karla;
    margin-top: 9px;
    margin-left: 73.046875%;
    clear: none;
}

#textspan {
    float: none;
    line-height: 1em;
    font-family: karla;
}

#Main {
    float: left;
    height: auto;
    margin-left: 0%;
    margin-top: 0px;
    clear: both;
    width: 100%;
}

#text1 {
    float: right;
    font-size: 0.8em;
    width: 100%;
    height: auto;
    text-align: right;
    font-weight: 500;
    line-height: 1em;
    margin-left: 0px;
    margin-top: 10px;
    clear: both;
    min-height: 20px;
    margin-right: 0%;
    text-transform: uppercase;
    text-decoration: none;
    font-family: karla;
}

#text3 {
    float: left;
    font-size: 1.1em;
    width: 100%;
    height: auto;
    text-align: center;
    font-weight: normal;
    line-height: 1em;
    margin-left: 0%;
    margin-top: 10px;
    clear: none;
    min-height: 18px;
    text-transform: uppercase;
    font-family: karla;
}

#Item1 {
    float: left;
    height: 200px;
    margin-left: 6.849461%;
    margin-top: 22px;
    clear: both;
    width: 31.704735%;
    background-image:url("img/Towels4.jpg");
    background-attachment: scroll;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-box-shadow: rgba(4, 4, 4, 0.521569) 5px 5px 5px 0px;
    box-shadow: rgba(4, 4, 4, 0.521569) 5px 5px 5px 0px;
    background-position: 0% 100%;
    background-repeat: no-repeat no-repeat;
}

#Item2 {
    float: left;
    height: 200px;
    margin-left: 1.236166%;
    margin-top: 22px;
    clear: none;
    width: 31.555642%;
    display: block;
    margin-right: 0%;
    background-image:url("img/DuffleBag01.jpg");
    background-attachment: scroll;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-box-shadow: rgba(4, 4, 4, 0.521569) 5px 5px 5px 0px;
    box-shadow: rgba(4, 4, 4, 0.521569) 5px 5px 5px 0px;
    background-position: 0% 50%;
    background-repeat: no-repeat no-repeat;
}

#Item4 {
    float: left;
    height: 200px;
    margin-left: 4.426592%;
    margin-top: 22px;
    clear: none;
    width: 40.871004%;
    min-height: 50px;
    background-image:url("img/Rugby01.jpg");
    background-attachment: scroll;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-box-shadow: rgba(4, 4, 4, 0.521569) 5px 5px 5px 0px;
    box-shadow: rgba(4, 4, 4, 0.521569) 5px 5px 5px 0px;
    background-position: 100% 50%;
    background-repeat: no-repeat no-repeat;
}

#Item5 {
    float: left;
    height: 200px;
    margin-left: 6.822858%;
    margin-top: 22px;
    clear: both;
    width: 31.734554%;
    background-image:url("img/Polos01.jpg");
    background-attachment: scroll;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-box-shadow: rgba(4, 4, 4, 0.521569) 5px 5px 5px 0px;
    box-shadow: rgba(4, 4, 4, 0.521569) 5px 5px 5px 0px;
    background-position: 0% 100%;
    background-repeat: no-repeat no-repeat;
}

#Item3 {
    float: left;
    height: 200px;
    margin-left: 6.822858%;
    margin-top: 22px;
    clear: both;
    width: 40.96046%;
    background-image:url("img/Kappe02.jpg");
    background-attachment: scroll;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-box-shadow: rgba(4, 4, 4, 0.521569) 5px 5px 5px 0px;
    box-shadow: rgba(4, 4, 4, 0.521569) 5px 5px 5px 0px;
    margin-right: 0%;
    background-position: 0% 100%;
    background-repeat: no-repeat no-repeat;
}

#Divider1 {
    float: left;
    height: 20px;
    margin-left: 6.853008%;
    margin-top: 0px;
    clear: both;
    width: 86.319179%;
    border-top-width: 1px;
    border-top-color: rgb(0, 0, 0);
    border-top-style: none;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: rgb(0, 0, 0);
    margin-right: 0%;
}

#Footer {
    float: left;
    height: auto;
    margin-left: 0%;
    margin-top: 0px;
    clear: both;
    width: 100%;
}

#Kundenservice {
    float: left;
    height: auto;
    margin-left: 6.853829%;
    margin-top: 26px;
    clear: none;
    width: 42.265029%;
}

#Newsletter {
    float: left;
    height: auto;
    margin-left: 1.702535%;
    margin-top: 26px;
    clear: none;
    width: 42.174082%;
}

#Divider2 {
    float: left;
    height: 10px;
    margin-left: 6.853829%;
    margin-top: 0px;
    clear: both;
    width: 86.319179%;
    border-top-width: 1px;
    border-top-color: rgb(0, 0, 0);
    border-top-style: none;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: rgb(0, 0, 0);
    margin-right: 0%;
    display: block;
}

#Bezahlung {
    float: left;
    height: auto;
    margin-left: 6.82401%;
    margin-top: 26px;
    clear: both;
    width: 42.293356%;
}

#box3 {
    float: left;
    height: auto;
    margin-left: 1.701061%;
    margin-top: 26px;
    clear: none;
    width: 42.355976%;
}

#Divider3 {
    float: left;
    height: 20px;
    margin-left: 6.82401%;
    margin-top: 0px;
    clear: both;
    width: 86.258051%;
    border-top-width: 1px;
    border-top-color: rgb(0, 0, 0);
    border-top-style: none;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: rgb(0, 0, 0);
    margin-right: 0%;
    display: block;
}

#text16 {
    float: left;
    font-size: 1em;
    width: 86.283397%;
    height: .9em;
    text-align: center;
    font-weight: normal;
    line-height: 1em;
    margin-left: 6.853829%;
    margin-top: 10px;
    clear: both;
    min-height: 32px;
	font-family: karla;
}

#textspan1 {
    float: none;
    font-size: 0.8em;
    line-height: 1.8em;
}

#text4 {
    float: left;
    font-size: 0.9em;
    width: 94.144358%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 2.82%;
    margin-top: 0px;
    clear: none;
    min-height: 20px;
    text-transform: uppercase;
    font-family: karla;
}

#text5 {
    float: left;
    font-size: 0.8em;
    width: 94.14%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 6%;
    margin-top: 7px;
    clear: both;
    min-height: 19px;
    text-transform: none;
    font-family: karla;
    display: block;
    margin-right: 0%;
}

#text6 {
    float: left;
    font-size: 0.8em;
    width: 94.14%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 6%;
    margin-top: 10px;
    clear: both;
    min-height: 19px;
    text-transform: none;
    font-family: karla;
    display: block;
    margin-right: 0%;
}

#text7 {
    float: left;
    font-size: 0.8em;
    width: 94.14%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 6%;
    margin-top: 10px;
    clear: both;
    min-height: 19px;
    text-transform: none;
    font-family: karla;
    display: block;
    margin-right: 0%;
}

#text8 {
    float: left;
    font-size: 0.8em;
    width: 94.14%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 6%;
    margin-top: 10px;
    clear: both;
    min-height: 19px;
    text-transform: none;
    font-family: karla;
    display: block;
    margin-right: 0%;
}

#text9 {
    float: left;
    font-size: 0.9em;
    width: 94.144359%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 2.82%;
    margin-top: 0px;
    clear: none;
    min-height: 20px;
    text-transform: uppercase;
    font-family: karla;
    margin-right: 0%;
}

#text10 {
    float: left;
    font-size: 0.8em;
    width: 94.14%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 6%;
    margin-top: 10px;
    clear: both;
    min-height: 19px;
    text-transform: none;
    font-family: karla;
    display: block;
    margin-right: 0%;
}

#formgroup1 {
    float: left;
    height: auto;
    display: block;
    text-align: left;
    margin-left: 8.71569%;
    margin-top: 0px;
    clear: both;
    width: 78.072182%;
    margin-right: 0px;
}

#textinput1 {
    float: none;
    height: auto;
    padding: 0px;
    font-size: 1em;
    display: block;
    width: 100%;
}

#text11 {
    float: none;
    font-size: 0.8em;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    padding: 0.2em 0em;
    display: block;
    font-family: karla;
}

#text12 {
    float: left;
    font-size: 0.9em;
    width: 94.144359%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 2.812606%;
    margin-top: 30px;
    clear: both;
    min-height: 27px;
    text-transform: uppercase;
    font-family: karla;
    margin-right: 0%;
    display: block;
}

#box {
    float: left;
    height: 30px;
    margin-left: 6%;
    margin-top: 5px;
    clear: both;
    width: 100px;
    /*background-image:url("img/facebook_icon.png");*/
    background-attachment: scroll;
    -webkit-background-size: 100%;
    background-size: 100%;
    background-position: 0% 0%;
    background-repeat: no-repeat no-repeat;
}

#text13 {
    float: left;
    font-size: 0.9em;
    width: 94.144359%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 2.839715%;
    margin-top: 0px;
    clear: none;
    min-height: 20px;
    text-transform: uppercase;
    font-family: karla;
    margin-right: 0%;
}

#text14 {
    float: none;
    font-size: 0.8em;
    width: 86.754261%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: auto;
    margin-top: 8px;
    clear: none;
    min-height: 0px;
    text-transform: none;
    font-family: karla;
    display: block;
    margin-right: auto;
}

#text15 {
    float: left;
    font-size: 0.9em;
    width: 94.144359%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 0.00677736%;
    margin-top: 0px;
    clear: none;
    min-height: 20px;
    text-transform: uppercase;
    font-family: karla;
    margin-right: 0%;
    display: block;
}

#input {
    float: left;
    height: 30px;
    font-size: 1em;
    margin-left: 8.71569%;
    margin-top: 10px;
    clear: both;
    width: 65px;
    font-family: karla;
    letter-spacing: -0.1em;
}

#input1 {
    float: left;
    height: 30px;
    font-size: 1em;
    margin-left: 8.797018%;
    margin-top: 10px;
    clear: both;
    width: 65px;
    font-family: karla;
    letter-spacing: -0.1em;
    margin-right: 0%;
}

#box1 {
    float: left;
    height: 31px;
    margin-left: 6%;
    margin-top: 10px;
    clear: both;
    width: 134.2656262390625px;
    border: 1px solid rgb(0, 0, 0);
}

#box2 {
    float: left;
    height: 32px;
    margin-left: 6%;
    margin-top: 13.25px;
    clear: both;
    width: 104.40625089375px;
    background-image:url("img/de-pp-logo-100px.png");
    background-attachment: scroll;
    -webkit-background-size: auto;
    background-size: auto;
    background-position: 0% 0%;
    background-repeat: no-repeat no-repeat;
}

#Image1 {
    float: left;
    height: 200px;
    margin-left: 40%;
    margin-top: 22px;
    clear: none;
    width: 20.485018%;
    background-image:url("img/HP_logo2.svg");
    background-attachment: scroll;
    -webkit-background-size: contain;
    background-size: contain;
    margin-right: 0%;
    background-position: 50% 50%;
    background-repeat: no-repeat no-repeat;
}

#Image2 {
    float: left;
    height: 200px;
    margin-left: 1.140394%;
    margin-top: 22px;
    clear: none;
    width: 20.480976%;
    background-image:url("img/HP_402.svg");
    background-attachment: scroll;
    -webkit-background-size: auto;
    background-size: auto;
    margin-right: 0%;
    background-position: 50% 50%;
    background-repeat: no-repeat no-repeat;
}

#Item6 {
    float: left;
    height: 200px;
    margin-left: 1.168893%;
    margin-top: 22px;
    clear: none;
    width: 31.734554%;
    -webkit-box-shadow: rgba(4, 4, 4, 0.521569) 5px 5px 5px 0px;
    box-shadow: rgba(4, 4, 4, 0.521569) 5px 5px 5px 0px;
    background-image:url("img/Polo_in_Dresden1.jpg");
    background-attachment: scroll;
    -webkit-background-size: cover;
    background-size: cover;
    margin-right: 0%;
    background-position: 100% 100%;
    background-repeat: no-repeat no-repeat;
}

#NavMobile {
    float: right;
    height: 60px;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    width: 60px;
    margin-right: 0%;
    display: none;
}

#HPlogoMobile {
    float: left;
    height: 61px;
    margin-left: 0%;
    margin-top: -1px;
    clear: none;
    width: 40.955729%;
    display: none;
}

#Slide {
    float: left;
    height: 400px;
    margin: 0px 0px 0px 0%;
    clear: both;
    width: 100%;
    -webkit-box-shadow: rgba(4, 4, 4, 0.521569) 5px 5px 5px 0px;
    box-shadow: rgba(4, 4, 4, 0.521569) 5px 5px 5px 0px;
    border-width: 0px;
    display:block;
	/*background-image:url("slideshow/HPmainHemd01.jpg");
	background-attachment: scroll;
    -webkit-background-size: cover;
    background-size: cover;*/
}
#Slide1 {
	float: left;
    height: 400px;
    margin: 0px 0px 0px 0%;
    clear: both;
    width: 100%;
	background-image:url("slideshow/HPmainHemd01.jpg");
    background-attachment: scroll;
    -webkit-background-size: cover;
    background-size: cover;
}
#Slide2 {
	float: left;
    height: 400px;
    margin: 0px 0px 0px 0%;
    clear: both;
    width: 100%;
	background-image:url("slideshow/HPmainSweater01.jpg");
    background-attachment: scroll;
    -webkit-background-size: cover;
    background-size: cover;
}
#Slide3 {
	float: left;
    height: 400px;
    margin: 0px 0px 0px 0%;
    clear: both;
    width: 100%;
	background-image:url("slideshow/HPmainTaschen01.jpg");
    background-attachment: scroll;
    -webkit-background-size: cover;
    background-size: cover;
}
#Slide4 {
	float: left;
    height: 400px;
    margin: 0px 0px 0px 0%;
    clear: both;
    width: 100%;
	background-image:url("slideshow/HPmainTowels01.jpg");
    background-attachment: scroll;
    -webkit-background-size: cover;
    background-size: cover;
}
#Slide5 {
	float: left;
    height: 400px;
    margin: 0px 0px 0px 0%;
    clear: both;
    width: 100%;
	background-image:url("slideshow/HPmainScarf01.jpg");
    background-attachment: scroll;
    -webkit-background-size: cover;
    background-size: cover;
}
#Slide6 {
	float: left;
    height: 400px;
    margin: 0px 0px 0px 0%;
    clear: both;
    width: 100%;
	background-image:url("slideshow/HPmainKappeB01.jpg");
    background-attachment: scroll;
    -webkit-background-size: cover;
    background-size: cover;
}
#Slide7 {
	float: left;
    height: 400px;
    margin: 0px 0px 0px 0%;
    clear: both;
    width: 100%;
	background-image:url("slideshow/HPmainMessanger01.jpg");
    background-attachment: scroll;
    -webkit-background-size: cover;
    background-size: cover;
}
#Slide8 {
	float: left;
    height: 400px;
    margin: 0px 0px 0px 0%;
    clear: both;
    width: 100%;
	background-image:url("slideshow/HPmainPolo01.jpg");
    background-attachment: scroll;
    -webkit-background-size: cover;
    background-size: cover;
}
#Slide9 {
	float: left;
    height: 400px;
    margin: 0px 0px 0px 0%;
    clear: both;
    width: 100%;
	background-image:url("slideshow/HPmainRugby01.jpg");
    background-attachment: scroll;
    -webkit-background-size: cover;
    background-size: cover;
}
#Slide10 {
	float: left;
    height: 400px;
    margin: 0px 0px 0px 0%;
    clear: both;
    width: 100%;
	background-image:url("slideshow/HPmainKappeBl01.jpg");
    background-attachment: scroll;
    -webkit-background-size: cover;
    background-size: cover;
}
#Slide11 {
	float: left;
    height: 400px;
    margin: 0px 0px 0px 0%;
    clear: both;
    width: 100%;
	background-image:url("slideshow/HPmainTshirt01.jpg");
    background-attachment: scroll;
    -webkit-background-size: cover;
    background-size: cover;
}
/*#Slide > div > img{
	
	display:block;
	position:absolute;
	
	width: 100%;
}*/
#Slide > div { 
 	/*position:relative; */
}
a { 
/*color: #00e; */
color: #205277;
}
a:visited { color:#205277; }
a:hover { color: #4686b5; }
@media only screen and (max-width: 1200px) {
	#Slide {
        height: 300px;
    }
	#Slide1, #Slide2, #Slide3, #Slide4, #Slide5, #Slide6, #Slide7, #Slide8, #Slide9, #Slide10, #Slide11 {
		height: 300px;
	}

}

@media only screen and (max-width: 850px) {
    #text2 a{
		font-size: 0.88em;	
	}
	#Anmelden {
        margin-top: 5px;
    }

    #NavMobile {
        display: none;
    }

    #HPlogoMobile {
        display: none;
    }

    #Slide {
        border-style: solid;
		height: 250px;
    }
	#Slide1, #Slide2, #Slide3, #Slide4, #Slide5, #Slide6, #Slide7, #Slide8, #Slide9, #Slide10, #Slide11 {
		height: 250px;
	}


    #Main {
        margin-top: 0px;
        margin-left: 0%;
        clear: both;
    }

    #Footer {
        margin-top: 0px;
        margin-left: 0%;
        clear: both;
    }
}

@media only screen and (max-width: 670px) {
    #Item2 {
        display: none;
    }

    #Image2 {
        margin-top: 22px;
        margin-right: 0%;
        margin-left: 4.37%;
        clear: none;
        width: 40.83%;
    }

    #text3 {
        margin-top: 10px;
        margin-left: 0%;
        clear: both;
    }

    #Item1 {
        margin-top: 22px;
        margin-left: 6.851563%;
        clear: both;
        width: 40.99%;
    }

    #Item3 {
        margin-top: 22px;
        margin-left: 6.822917%;
        clear: both;
        width: 40.99%;
    }

    #Item5 {
        margin-top: -178.46875px;
        margin-left: -93.075521%;
        clear: none;
        display: none;
    }

    #Divider1 {
        margin-top: 20px;
        margin-left: 6.851563%;
        clear: both;
    }

    #Item6 {
        margin-top: 22px;
        margin-left: 4.37%;
        clear: none;
        width: 40.83%;
    }

    #Main {
        height: auto;
        margin-top: 0px;
    }

    #Image1 {
        margin-top: 22px;
        margin-left: 6.799479%;
        clear: both;
        width: 40.99%;
    }

    #Item4 {
        margin-top: 22px;
        margin-left: 4.37%;
        clear: none;
        width: 40.83%;
    }

    #Navigation {
        margin-top: -1px;
        margin-left: -31.731771%;
        clear: none;
        display: none;
    }

    #hpLogo {
        height: 55px;
        width: 81.75px;
        display: none;
    }

    #Info {
        display: none;
    }

    #Header {
        display: block;
        height: 60px;
    }

    #NavMobile {
        float: right;
        height: 60px;
        margin-left: 0px;
        margin-top: 0px;
        clear: none;
        width: 60px;
        margin-right: 0%;
        display: block;
        background-image:url("img/drpMenu.svg");
        background-attachment: scroll;
        -webkit-background-size: contain;
        background-size: contain;
        background-position: 0% 0%;
        background-repeat: no-repeat no-repeat;
    }

    #HPlogoMobile {
        float: left;
        height: 60px;
        margin-left: 10px;
        margin-top: 0px;
        clear: none;
        width: 140.4375px;
        display: block;
        background-image:url("img/HPlogoMobile.svg");
        background-attachment: scroll;
        -webkit-background-size: contain;
        background-size: contain;
        background-position: 0% 0%;
        background-repeat: no-repeat no-repeat;
    }

    #Slide {
        display: block;
		height: 140px;
    }
	#Slide1, #Slide2, #Slide3, #Slide4, #Slide5, #Slide6, #Slide7, #Slide8, #Slide9, #Slide10, #Slide11 {
		height: 140px;
	}
	#Slide > div > img{
		/*display:block;*/
		/*width:100%;*/
		display:block;
		position:absolute;
		height: 140px;
		width:auto;
	}
	#Slide > div { 
		/*position:relative; */
	}
}

@media only screen and (max-width: 500px) {
    #Item1 {
        display: none;
        width: 86.131638%;
    }

    #Image2 {
        width: 86.320313%;
        margin-top: 22.28125px;
        margin-left: 6.851563%;
        clear: both;
    }

    #Item4 {
        display: none;
    }

    #Item3 {
        width: 86.351563%;
    }

    #Item6 {
        display: none;
    }

    #Image1 {
        width: 86.1875%;
        display: none;
    }

    #Newsletter {
        margin-top: 22px;
        margin-left: 6.820313%;
        clear: both;
        width: 86.164063%;
    }

    #Kundenservice {
        width: 86.320313%;
    }

    #Divider2 {
        margin-top: 20px;
        margin-left: 6.851563%;
        clear: both;
    }

    #box3 {
        margin-top: 26px;
        margin-left: 6.820313%;
        clear: both;
        width: 86.347656%;
    }

    #Divider3 {
        margin-top: 22px;
        margin-left: 6.820313%;
        clear: both;
    }

    #Bezahlung {
        width: 86.28125%;
    }

    #Item2 {
        display: none;
    }

    #text3 {
        margin-top: 10px;
        line-height: 1.5em;
    }
}