@media (min-width: 200px)
{
body {
margin:0px;
padding:0px;
background-image: linear-gradient(42deg, #eef, transparent);
}

.head {
    height:60px;
    position: sticky;
    top: 0px;
    margin-top:0px;
    margin-left:0px;
    margin-bottom:0px;
    padding-left:10px;
    padding-bottom:30px;
    background-color: #fff;
    background-image: linear-gradient(42deg, #6090cf, transparent);

        border: 1px solid #fff; 
        border-top: 5px double #568; 
        border-bottom: 5px double #55c; 
}

h1 {
	font:900 35px/100% serif;
	margin-top:10px;
	margin-bottom:10px;
	color:#006;
}

p {
    margin-left:0px;
font:500 15px/150% verdana;
letter-spacing: 1px;
text-decoration: none;
color:#000;
text-align:block;
margin-top:0px;
}

.p1 {
font:500 14px/100% verdana;
letter-spacing: 1px;
font-style:italic;
text-decoration: none;
color:#008;
text-align:center;
margin-top:0px;
}


.p2 {
font:500 12px/150% verdana;
letter-spacing: 1px;
font-style:italic;
text-decoration: none;
color:#008;
text-align:left;
}

.p3 {
font:600 15px/100% verdana;
letter-spacing: 1px;
font-style:italic;
text-decoration: none;
color:#008;
text-shadow: 1px 0px #111;
margin-left:10px;
}

a {
text-decoration: none;
color:#008;
}

a:hover {
color:#118;
text-decoration: underline;
}



.flex-container {
  display: flex;
  background-color: #fff;
  background-image: linear-gradient(42deg, #eef, transparent);

}

.flex-container2 {
  background-color: #eee;
   height:50px;
    width:100%;
padding:20px;
xvertical-align:middle;
margin-top:0px;
border-top: 1px solid rgb(55, 55, 210);
border-bottom: 1px solid rgb(55, 55, 210);
}


.flex-container3 {
  xbackground-color: #eee;
   height:50px;
    width:100%;
padding:10px;
margin-top:-20px;
xvertical-align:middle;
}

.flex-container3a {
  background-color: #eee;
   height:50px;
    width:100%;
border-top: 1px solid rgb(55, 55, 210);
border-bottom: 1px solid rgb(55, 55, 210);
padding:20px;
xmargin-top:-90px;
text-align:center;
vertical-align:middle;
}


.flex-container5 {
   height:20px;
    width:100%;
padding:20px;
xvertical-align:middle;
margin-top:0px;
}
.bild0 {
        border: 1px solid #22a; 
        border-radius: 15px;
        margin-left:15px;

        cursor: pointer;
	

        max-width: 97%;
        min-width: 290px;

        object-fit: cover;
        object-position: 65%;
}


.bild1 {
        border: 1px solid #22a; 
        border-radius: 15px;
        margin-left:5px;

        cursor: pointer;
	

        max-width: 97%;
        min-width: 250;

        object-fit: cover;
        object-position: 65%;
}




.box0 {
	border-top: 0px solid rgb(55, 55, 255); 
    	background-image: linear-gradient(42deg, #cdf, transparent);
	margin-top:0px;
	padding:10px;
	width:99%;
background-image: linear-gradient(42deg, #eef, transparent);
}
.box1 {
	border-top: 5px double #3a3; 
	padding-top:10px;
}


}


@media (min-width: 350px)
{

p {
    margin-left:0px;
font:500 15px/150% verdana;
letter-spacing: 0px;
text-decoration: none;
color:#000;
text-align:block;
margin-top:0px;
}

.p1 {
font:500 12px/100% verdana;
font-style:italic;
}


.p2 {
font:500 12px/150% verdana;
letter-spacing: 1px;
font-style:italic;
text-decoration: none;
color:#008;
text-align:left;
}


.p3 {
font:600 22px/100% verdana;
letter-spacing: 2px;
font-style:italic;
text-decoration: none;
xcolor:#aaa;
text-shadow: 1px 0px #111;
text-align:center;
}

.bild0 {
        border: 1px solid #22a; 
        border-radius: 15px;
        margin-left:5px;

        cursor: pointer;
	

        max-width: 97%;
        min-width: 210px;

        object-fit: cover;
        object-position: 65%;
}


.bild1 {
        border: 1px solid #22a; 
        border-radius: 15px;
        margin-left:5px;

        cursor: pointer;
	

        max-width: 97%;
        min-width: 290px;

        object-fit: cover;
        object-position: 65%;
}

}

@media (min-width: 600px)
{

p {
    margin-left:0px;
font:500 16px/150% verdana;
letter-spacing: 0px;
text-decoration: none;
color:#000;
text-align:block;
margin-top:0px;
}


.p1 {
font:500 11px/100% verdana;
font-style:italic;
}


.p2 {
font:500 15px/150% verdana;
letter-spacing: 1px;
font-style:italic;
text-decoration: none;
color:#008;
text-align:left;
}

.bild0 {
        border: 1px solid #22a; 
        border-radius: 15px;
        margin-left:5px;

        cursor: pointer;
	

        max-width: 97%;
        min-width: 260px;

        object-fit: cover;
        object-position: 65%;
}



.bild1 {
        border: 1px solid #22a; 
        border-radius: 15px;
        margin-left:5px;

        cursor: pointer;
	

        max-width: 97%;
        min-width: 340px;

        object-fit: cover;
        object-position: 65%;
}


}



@media (min-width: 900px)
{

p {
    margin-left:0px;
font:500 17px/150% verdana;
letter-spacing: 0px;
text-decoration: none;
color:#000;
text-align:block;
margin-top:0px;
}


.p1 {
font:500 14px/100% verdana;
font-style:italic;
}






.bild0 {
        border: 1px solid #22a; 
        border-radius: 15px;
        margin-left:5px;

        cursor: pointer;
	

        max-width: 97%;
        min-width: 210px;

        object-fit: cover;
        object-position: 65%;
}


.bild1 {
        border: 1px solid #22a; 
        border-radius: 15px;
        margin-left:5px;

        cursor: pointer;
	

        max-width: 97%;
        min-width: 290px;

        object-fit: cover;
        object-position: 65%;
}




}





@media (min-width: 1200px)
{

p {
    margin-left:0px;
font:500 17px/150% verdana;
letter-spacing: 0px;
text-decoration: none;
color:#000;
text-align:block;
margin-top:0px;
}


.p1 {
font:500 14px/100% verdana;
font-style:italic;
}






.bild0 {
        border: 1px solid #22a; 
        border-radius: 15px;
        margin-left:5px;

        cursor: pointer;
	

        max-width: 97%;
        min-width: auto;

        object-fit: cover;
        object-position: 65%;
}


.bild1 {
        border: 1px solid #22a; 
        border-radius: 15px;
        margin-left:5px;

        cursor: pointer;
	

        max-width: 97%;
        min-width: auto;

        object-fit: cover;
        object-position: 65%;
}




}