@media (min-width: 1000px) {

body {
padding:0px;
margin:0px;
}

p,h1,h2,h3,h4,span,a,td {
font-family:arial;
font-size:12px;
padding:0px;
margin:0px;
color:#ffffff;
}

div#header {
margin-left:auto;
margin-right:auto;
width:100%;
height:222px;
border-bottom:2px solid #00529a;
}

div#logo {
float:left;
padding-left:50px;
padding-top:35px;
}

div#menu {
padding-left:20px;
padding-top:35px;
float:right;
padding-right:10px;
}

ul#menu-ul {
padding:0px;
margin:0px;
display:inline;
list-style:none;
}

li{
list-style-type: none;
display:inline;
}

a#geschaefte {
display:block;
float:left;
width:114px;
height:147px;
text-decoration:none;
background-image:url(menu/geschaefte.jpg);
margin-right:20px;
}

a#geschaefte:hover {
background-image:url(menu/geschaefte-aktiv.jpg);
}

a#handys {
float:left;
display:block;
text-decoration:none;
width:114px;
height:147px;
background-image:url(menu/handys.jpg);
margin-right:20px;
}
a#handys:hover {
background-image:url(menu/handys-aktiv.jpg);
}

a#mobilfunkvertraege {
float:left;
display:block;
width:114px;
height:147px;
text-decoration:none;
background-image:url(menu/mobilfunkvertraege.jpg);
margin-right:20px;
}

a#mobilfunkvertraege:hover {
background-image:url(menu/mobilfunkvertraege-aktiv.jpg);
}

a#zubehoer {
display:block;
float:left;
margin-right:20px;
text-decoration:none;
width:114px;
height:147px;
background-image:url(menu/handy-zubehoer.jpg);
}
a#zubehoer:hover {
background-image:url(menu/handy-zubehoer-aktiv.jpg);
}

a#handyreparaturen {
display:block;
float:left;
width:114px;
text-decoration:none;
height:147px;
margin-right:20px;
background-image:url(menu/handyreparatur.jpg);
}

a#handyreparaturen:hover {

background-image:url(menu/handyreparatur-aktiv.jpg);
}

div#body {
position:absolute; 
left:0px;
top:224px;
width:100%;
height: calc(100% - 224px); 
overflow:auto; 
resize:none;
}

div#angebote {
width:100%;
background-size: tofit;
height:420px;
background-image:url(background.jpg);
}

div#angebot1 {
width:480px;
height:420px;
padding-left:20px;
position:absolute;
left:calc(50% - 500px);
background-image:url(bilder/iphone-7.png);
Background-repeat:no-repeat;
background-position:20px bottom;
}

div#angebot1-neu {
width:480px;
height:420px;
padding-left:20px;
position:absolute;
left:calc(50% - 500px);
background-image:url(bilder/iphone-13.png);
Background-repeat:no-repeat;
background-position:20px bottom;
}


div#angebot1 h3{
padding-top:50px;
font-size:20px;
}
div#angebot1 h2{
font-size:35px;

}


div#angebot1-neu h3{
padding-top:50px;
font-size:20px;
}
div#angebot1-neu h2{
font-size:35px;

}



div#angebot2 {
width:500px;
position:absolute;
height:420px;
left:calc(50%);
background-image:url(bilder/ipad.png);
Background-repeat:no-repeat;
background-position:50px 100px;

}

div#angebot2 h2{
padding-top:20px;
padding-left:20px;
font-size:36px;
}

div#angebot2 p{
padding-left:20px;
font-size:12px;
}

div#angebot2 p.klein{
padding-left:20px;
padding-top:20px;
font-size:10px;
}

div#angebot2 h3{
text-align:right;
padding-top:200px;
padding-right:80px;
font-size:28px;
}




div#angebot2-neu {
width:500px;
position:absolute;
height:420px;
left:calc(50%);
background-image:url(bilder/A56.png);
Background-repeat:no-repeat;
background-position:100px 160px;

}

div#angebot2-neu h2{
padding-top:20px;
padding-left:20px;
font-size:36px;
}

div#angebot2-neu p{
padding-left:20px;
font-size:12px;
}

div#angebot2-neu p.klein{
padding-left:20px;
padding-top:20px;
font-size:10px;
}

div#angebot2-neu h3{
text-align:right;
padding-top:200px;
padding-right:80px;
font-size:28px;
}


div#filialen {
width:100%;
height:600px;

}

div#mosbach {
width:500px;
position:absolute;
left:calc(50% - 500px);
}

div#mosbach p,h1,a{
color:#00529a;
}

div#mosbach p {
line-height:20px;
}

div#mosbach h1 {
font-size:30px;
padding-top:40px;
}


div#sinsheim {
width:500px;
position:absolute;
left:calc(50%);
}


div#sinsheim p,h1,a{
color:#00529a;
}

div#sinsheim p {
line-height:20px;
}

div#sinsheim h1 {
font-size:30px;
padding-top:40px;
}


div#handys {
width:100%;
height:740px;

}

div#handys1 {
width:500px;
position:absolute;
left:calc(50% - 500px);
}

div#handys2 {
width:500px;
padding-left:40px;
position:absolute;
left:calc(50%);
}


div#zubehoer {
width:100%;
height:330px;

}

div#zubehoer1 {
width:500px;
position:absolute;
left:calc(50% - 500px);
}

div#zubehoer2 {
width:500px;
padding-left:40px;
position:absolute;
left:calc(50%);
}



div#werwirsind {
width:100%;
background-size: tofit;
height:420px;
padding-top:30px;
background-image:url(background.jpg);
}

div#werwirsind1 {
width:480px;
height:420px;
padding-left:20px;
position:absolute;
left:calc(50% - 500px);


}

div#werwirsind h1{
color:#ffffff;
font-size:30px;
padding:10px;
padding-bottom:0px;
}

div#werwirsind p{
padding:10px;
line-height:18px;
}


div#werwirsind2 {
width:500px;
text-align:center;
position:absolute;
height:420px;
left:calc(50%);

}

div#handys p,h1,a{
color:#00529a;
}

div#handys p {
line-height:20px;
}

div#handys h1 {
font-size:30px;
padding-top:40px;
}


div#zubehoer p,h1,a{
color:#00529a;
}

div#zubehoer p {
line-height:20px;
}

div#zubehoer h1 {
font-size:30px;
padding-top:40px;
}


div#tarife {
width:100%;
background-size: tofit;
height:800px;
padding-top:30px;
background-image:url(background.jpg);
}

div#tarife1 {
width:480px;
height:820px;
padding-left:20px;
position:absolute;
left:calc(50% - 500px);

}

div#tarife h1{
color:#ffffff;
font-size:30px;
padding:10px;
padding-bottom:0px;
}

div#tarife p{
padding:10px;
line-height:18px;
}


div#tarife2 {
width:600px;
padding-left:40px;
text-align:left;
position:absolute;
height:820px;
left:calc(50%);

}


div#rep {
width:100%;
background-size: tofit;
height:420px;
padding-top:30px;
background-image:url(background.jpg);
}

div#rep1 {
width:480px;
height:430px;
padding-left:0px;
position:absolute;
left:calc(50% - 500px);

}

div#rep h1{
color:#ffffff;
font-size:30px;
padding:10px;
padding-bottom:0px;
}

div#rep p{
padding:10px;
line-height:18px;
}


div#rep2 {
width:500px;
padding-left:40px;
text-align:left;
position:absolute;
height:420px;
left:calc(50%);

}


div#imp {
width:100%;
height:820px;

}

div#imp1 {
width:500px;
position:absolute;
left:calc(50% - 500px);
}

div#imp2 {
width:500px;
padding-left:40px;
position:absolute;
left:calc(50%);
}

div#imp p,h1,a{
color:#00529a;
}

div#imp p {
line-height:20px;
}

div#imp h1 {
font-size:30px;
padding-top:40px;
}
}



@media (min-width: 451px) and (max-width:999px) {

body {
padding:0px;
margin:0px;
}

p,h1,h2,h3,h4,span,a {
font-family:arial;
font-size:12px;
padding:0px;
margin:0px;
color:#ffffff;
}

div#header {
margin-left:auto;
margin-right:auto;
width:100%;
height:222px;
border-bottom:2px solid #00529a;
}

div#logo {
float:left;
padding-left:30px;
padding-top:35px;
}

div#menu {
padding-left:20px;
padding-top:35px;
float:right;
padding-right:10px;

}

ul#menu-ul {
padding:0px;
margin:0px;
display:inline;
list-style:none;
}

li{
list-style-type: none;
display:inline;
}

a#geschaefte {
display:block;
float:left;
width:90px;
height:147px;
text-decoration:none;
background-image:url(menu/geschaefte.jpg);
margin-right:20px;
}

a#geschaefte:hover {
background-image:url(menu/geschaefte-aktiv.jpg);
}

a#handys {
float:left;
display:block;
text-decoration:none;
width:100px;
height:147px;
background-image:url(menu/handys.jpg);
margin-right:20px;
}
a#handys:hover {
background-image:url(menu/handys-aktiv.jpg);
}

a#mobilfunkvertraege {
float:left;
display:block;
width:90px;
height:147px;
text-decoration:none;
background-image:url(menu/mobilfunkvertraege.jpg);
margin-right:20px;
}

a#mobilfunkvertraege:hover {
background-image:url(menu/mobilfunkvertraege-aktiv.jpg);
}

a#zubehoer {
display:block;
float:left;
margin-right:20px;
text-decoration:none;
width:90px;
height:147px;
background-image:url(menu/handy-zubehoer.jpg);
}
a#zubehoer:hover {
background-image:url(menu/handy-zubehoer-aktiv.jpg);
}

a#handyreparaturen {
display:block;
float:left;
width:90px;
text-decoration:none;
height:147px;
margin-right:20px;
background-image:url(menu/handyreparatur.jpg);
}
 
a#handyreparaturen:hover {

background-image:url(menu/handyreparatur-aktiv.jpg);
}

div#body {
position:absolute; 
left:0px;
top:224px;
width:100%;
height: calc(100% - 224px); 
overflow:auto; 
resize:none;
}

div#angebote {
width:100%;
background-size: tofit;
height:420px;
background-image:url(background.jpg);
}

div#angebot1-neu {
width:480px;
height:420px;
padding-left:40px;
position:absolute;
left:calc(50% - 500px);
background-image:url(bilder/iphone-12.png);
Background-repeat:no-repeat;
background-position:20px bottom;
}


div#angebot1-neu h3{
padding-top:50px;
font-size:20px;
}
div#angebot1-neu h2{
font-size:35px;

}


div#angebot2-neu {
width:500px;
position:absolute;
height:420px;
left:calc(50%);
background-image:url(bilder/s10.png);
Background-repeat:no-repeat;
background-position:50px 100px;

}

div#angebot2-neu h2{
padding-top:20px;
padding-left:20px;
font-size:36px;
}

div#angebot2-neu p{
padding-left:20px;
font-size:12px;
}

div#angebot2-neu p.klein{
padding-left:20px;
padding-top:20px;
font-size:10px;
padding-right:40px;
}

div#angebot2-neu h3{
text-align:right;
padding-top:200px;
padding-right:80px;
font-size:28px;
}

div#filialen {
width:100%;
height:550px;

}

div#mosbach {
width:450px;
padding-left:40px;
position:absolute;
left:calc(50% - 500px);
}

div#mosbach p,h1,a{
color:#00529a;
}

div#mosbach p {
line-height:20px;
}

div#mosbach h1 {
font-size:20px;
padding-top:40px;
}


div#sinsheim {
width:450px;
position:absolute;
left:calc(50%);
}


div#sinsheim p,h1,a{
color:#00529a;
}

div#sinsheim p {
line-height:20px;
}

div#sinsheim h1 {
font-size:20px;
padding-top:40px;
}


div#handys {
width:100%;
height:720px;

}

div#handys1 {
width:460px;
padding-left:40px;
position:absolute;
left:calc(50% - 500px);
}

div#handys2 {
width:460px;
padding-left:40px;
position:absolute;
left:calc(50%);
}


div#zubehoer {
width:100%;
height:330px;

}

div#zubehoer1 {
width:460px;
padding-left:40px;
position:absolute;
left:calc(50% - 500px);
}

div#zubehoer2 {
width:460px;
padding-left:40px;
position:absolute;
left:calc(50%);
}



div#werwirsind {
width:100%;
background-size: tofit;
height:390px;
padding-top:30px;
background-image:url(background.jpg);
}

div#werwirsind1 {
width:480px;
height:420px;
padding-left:20px;
position:absolute;
left:calc(50% - 500px);


}

div#werwirsind h1{
color:#ffffff;
font-size:26px;
padding:10px;
padding-bottom:0px;
}

div#werwirsind p{
padding:10px;
line-height:18px;
}


div#werwirsind2 {
width:500px;
text-align:center;
position:absolute;
height:420px;
left:calc(50%);

}

div#handys p,h1,a{
color:#00529a;
}

div#handys p {
line-height:20px;
}

div#handys h1 {
font-size:30px;
padding-top:40px;
}


div#zubehoer p,h1,a{
color:#00529a;
}

div#zubehoer p {
line-height:20px;
}

div#zubehoer h1 {
font-size:30px;
padding-top:40px;
}


div#tarife {
width:100%;
background-size: tofit;
height:480px;
padding-top:30px;
background-image:url(background.jpg);
}

div#tarife1 {
width:480px;
height:480px;
padding-left:20px;
position:absolute;
left:calc(50% - 500px);

}

div#tarife h1{
color:#ffffff;
font-size:26px;
padding:10px;
padding-bottom:0px;
}

div#tarife p{
padding:10px;
line-height:18px;
}


div#tarife2 {
width:420px;
padding-left:40px;
text-align:left;
position:absolute;
height:480px;
left:calc(50%);

}


div#rep {
width:100%;
background-size: tofit;
height:420px;
padding-top:30px;
background-image:url(background.jpg);
}

div#rep1 {
width:460px;
padding-left:40px;
height:430px;

position:absolute;
left:calc(50% - 500px);

}

div#rep h1{
color:#ffffff;
font-size:26px;
padding:10px;
padding-bottom:0px;
}

div#rep p{
padding:10px;
line-height:18px;
}


div#rep2 {
width:460px;
padding-left:40px;
text-align:left;
position:absolute;
height:420px;
left:calc(50%);

}


div#imp {
width:100%;
height:820px;

}

div#imp1 {
width:460px;
padding-left:40px;
position:absolute;
left:calc(50% - 500px);
}

div#imp2 {
width:440px;
padding-left:40px;
padding-right:20px;
position:absolute;
left:calc(50%);
}

div#imp p,h1,a{
color:#00529a;
}

div#imp p {
line-height:20px;
}

div#imp h1 {
font-size:30px;
padding-top:40px;
}
}

.kubi td {
padding:4px;
}


@media (max-width:1100px) {

div#menu {
display:none;
}
}