sujet{
/* background-color:rgba(158, 118, 128, .6); */
position:relative;
width:100%;
height:8.5em;
z-index: -1;
/* order: 1px dashed orange; */}
logo{
/* background-color:rgba(128, 128, 128, .6); */
position:absolute;
width:100%;
height:6em;
left: 0em;
top: 0em;
z-index: -2;}
bild{
/* background-color: rgba(0, 0, 255, .4); */
position: absolute;
max-width:75%;
height:auto;
right:0em;
top:0em;
z-index: -4;
/* border: 1px dashed orange; */}


text-farbe-preis{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content:flex-start;
align-items:flex-start;
max-width:665px;
min-height: auto;
/* border: 1px dashed orange; */}
text{
/* background-color:rgba(0, 0, 255, .4); */
width:50%;
font-family: 'Times New Roman',Times,serif;
font-size: 1em;
font-weight: 400;}
farbe-preis{
/* background-color:rgba(155, 25, 0, .8); */
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content:space-around;
width:50%;
/* border: 1px dashed orange; */}
farbe{
/* background-color:rgba(255, 215, 0, .8); */
display: flex;
flex-direction: column;
justify-content:flex-end;
align-items:center;
white-space:nowrap;
/* border: 1px dashed orange; */}
preis{
/* background-color: rgba(225, 265, 0, .8); */
display: flex;
flex-direction: column;
align-items:center;
justify-content:flex-end;
white-space:nowrap; 
text-align: center;
line-height:0.95em;
/* border: 1px dashed orange; */}
preis div{
padding-top:0.63em;
overflow:visible;}
preis order{
padding-top:1em;
text-align: center;}

pic{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: flex-start;
align-items:center;
max-width:100%;}
reihe{
/* background-color:rgba(255, 215, 0, .8); */
display: flex;
flex-direction: row;
flex-flow: nowrap;
justify-content: space-between;
max-width:100%;
height:auto;
padding-top:2em;}

/*....... für verschiedene Bildschirmgrössen*/
@media only screen and (max-width: 700px){
sujet{
min-width:100%;
height:auto;}

logo{
width:50%;}


bild{
max-width:100%;
height:auto;}
text{
width:100%;
padding-top:1em;}
farbe-preis{
width:100%;
flex-wrap: wrap;}}

/*....................... fett für Links Grossbuchstaben*/
f{
font-size: 0.82em;
font-weight: 600;}

/*...........................noise */
noise {
width:100%;
text-align:center;
font-size: 1.1em;}

/*...........................Presse Texte*/
presse{
display: flex;
flex-flow: row wrap;}
presse div{
display: flex;
align-items: flex-start;
font-family: arial, helvetica, sans-serif;
font-weight: 600;
font-size: 1.2em;
border: 1em solid white;}