body{


}

iframe{
display: none;
}


section {
float: block;
text-align: center;
margin-bottom: 5%;
background: 0;
}


#TedMarschallBild{
max-width:54%;
}

#RakelBilder{
max-width:24%;
border-style: solid;
border-color: grey;
}

Video{
max-width:90%;
height: auto;
}

#TshirtVorschau{
width:14%;
}

#TshirtVorschau2{
width:20%;
}

#SneakersVorschau{
width:20%;
}

button{
max-width:20%;
}

#buttonbild{
max-width:90%;
}

#top{
position: relative;
top:0;
width: 100%;
height: 28px;
background: 0; 
}

h4{ 
padding: 1px; 
font-family: 'Rubik', sans-serif;
text-align: center;
font-size:12px; 
color:#696969;
margin: 2px auto ;
background: 0; 
}


p{
padding: 3px; 
font-family: 'Rubik', sans-serif;
text-align: center;
font-size:12px; 
color:black;
margin: 2px auto ; 
background: #FFD700;
}

img{
margin:0 auto;
padding: 2%;
}

#Bilder{
max-width:70%;
}

#TM1{
width: 9%; 
padding: 15px 8px 0px 0px;
background: 0;
}


#TM{
width: 11%; 

background: 0;
}


#container {
padding: 2%;
width: 100%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing: border-box;
background: #eff2f8;
}


#container2 {
margin:0 auto;
padding: 30px 2%;
width: 65%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing: border-box;
background: #eff2f8;
color:#696969;
}




.slides{


background: #eff2f8;

}


#logo{
width: 99%; 
text-align: 0;
margin:0 auto 0 10px;
padding: 0px 3px 3px 4px;
background: 0;
}




h5{
margin:0 auto;
font-family: 'Rubik', sans-serif;
color:gray;
font-size: 11px; 
text-align: center;
background: 0;
}

h6{
margin:0 auto;
font-family: 'Rubik', sans-serif;
font-size: 16px; 
text-align: center;
background: 0;
}

#textfeld{
font-size: 12px; 
margin:0 auto;
font-family: 'Rubik', sans-serif;
color:gray;
text-align: center;
margin:0 auto;
background: 0;
}

#textfeld1{
font-size: 14px; 
margin:0 auto;
font-family: 'Rubik', sans-serif;
color:#696969;
text-align: center;
margin:0 auto;
background: 0;
}


hr{
color:silver;

}

#Auswahl{
width: 80%;  
text-decoration:none;
font-family: 'Rubik', sans-serif;
color:gray;
text-align: center;
margin:-30px auto 30px auto;
background: 0;
}

#Auswahl2{
width: 40%; 
text-decoration:none;
font-family: 'Rubik', sans-serif;
color:gray;
text-align: center;
margin:0 auto;
background: 0;
}

a {
text-decoration: none;
color:gray;}





#bild1{
width: 96%; 
margin:0 auto;
padding: 0px 3px 3px 8px;
background: 0;
}

#Portraet{
width: 36%;
border-radius:30px; 
margin:0 auto;
background: 0;
}


table{
color:gray;
text-align: center;
margin:0 auto;
background: 0;
}

#basecup{
max-width:19%;
padding: 5px 0px 0px 5px;
background: 0;
}

#basecup2{
max-width:10%;
padding: 10px 0px 0px 5px;
background: 0;
}


@media screen and (min-width:480px) {




body{
margin:0 0px;
background-image: -moz-linear-gradient(top, #eff2f8, #fff );
}


iframe{
display: none;
}


section {
float: block;
text-align: center;
margin-bottom: 5%;
background: 0;
}


#TedMarschallBild{
max-width:44%;
}

#logo{
width: 99%; 
text-align: 0;
margin:0 auto 0 15px;
padding: 0px 3px 3px 4px;
background: 0;
}



#TshirtVorschau{
width:10%;
}

#TshirtVorschau2{
width:14%;
}

#SneakersVorschau{
width:14%;
}

button{
max-width:14%;
}

#buttonbild{
max-width:54%;
}

#RakelBilder{
max-width:100%;
border-style: solid;
border-color: 0;
background: 0; 
}

#top{

position: relative;
top:0;
max-width: 100%;
height: 50px;
background: 0; 
}


h4{ 
font-family: 'Rubik', sans-serif;
text-align: center;
font-size:18px; 
color:#696969;
padding:0px;
margin: 0px auto ; 
background: 0; 
}

p{ 
font-family: 'Rubik', sans-serif;
text-align: center;
font-size:13px; 
color:black;
margin: 2px auto ; 
}

textanzeige{ 
font-family: 'Rubik', sans-serif;
text-align: left;
font-size:13px; 
color:black;
margin: 2px auto ; 
}

#container {
max-width:770px;
padding:20px;
margin:0 auto;
background: #eff2f8;
box-shadow: 0 -6px white, 0 6px white, 7px 0 4px -3px silver, -7px 0 4px -3px silver;
}


.container2 {
display: flex;
margin:0 auto;
padding: 2%;
width: 90%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing: border-box;
background: 0;
color:#696969;
}

figur {
text-align: center;
position: left;
background: 0;
}




#textfeld{
font-size: 14px; 
margin:0 auto;
font-family: 'Rubik', sans-serif;
color:gray;
text-align: center;
margin:0 auto;
background: 0;
}


#textfeld1{
font-size: 20px; 
margin:0 auto;
font-family: 'Rubik', sans-serif;
color:#696969;
text-align: center;
margin:0 auto;
background: 0;
}

figcaption{
font-size: 14px; 
margin:0 auto;
font-family: 'Rubik', sans-serif;
color:#696969;
text-align: center;
margin:0 auto;
background: 0;
}

#textfeld2{
font-size: 14px; 
margin:0 auto;
font-family: 'Rubik', sans-serif;
color:gray;
text-align: center;
margin:0 auto;
background: 0;
}


#bild1{
width: 80%; 
padding: 0px 3px 3px 30px;
background: 0;
}


#TM1{
width: 5%; 
padding: 15px 8px 0px 0px;
background: 0;
}


#TM{
width: 6%; 
background: 0;
}

#Auswahl{
width: 90%;  
text-decoration:none;
font-family: 'Rubik', sans-serif;
color:gray;
text-align: center;
margin:0 auto;
background: 0;
}

#Auswahl2{
width: 50%; 
text-decoration:none;
font-family: 'Rubik', sans-serif;
color:gray;
text-align: center;
margin:0 auto;
background: 0;
}

a {
text-decoration: none;
color:gray;}

h5{
margin:0 auto;
font-family: 'Rubik', sans-serif;
color:#696969;
font-size: 12px; 
text-align: center;
background: 0;
}

h6{
margin:0 auto;
font-family: 'Rubik', sans-serif;
font-size: 60px; 
text-align: center;
background: 0;
}

#Portraet{
width: 20%;
border-radius:0px;  
margin:0 auto;
background: 0;
}

#basecup{
max-width:12%;
padding: 10px 0px 0px 5px;
background: 0;
}

#basecup2{
max-width:9%;
padding: 10px 0px 0px 5px;
background: 0;
}

}