@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 12px/150% verdana;
letter-spacing: 1px;
text-decoration: none;
color:#000;
text-align:block;
margin-top:0px;
}

.p1 {
font:600 12px/120% verdana;
letter-spacing: 1px;
font-style:italic;
text-decoration: none;
color:#000;
text-align:center;
margin-top:0px;
}



a {
text-decoration: none;
}

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



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

}


.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;
margin-top:20px;
text-align:center;
vertical-align:middle;
}


#b2 {margin-left:10px;
	margin-top:20px;}


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

        cursor: pointer;
	

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

        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 14px/150% verdana;
letter-spacing: 0px;
text-align:block;
margin-top:0px;
}

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



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


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

        cursor: pointer;
	

        max-width: 97%;
        min-width: 250px;
        xmin-width: auto;

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

}

@media (min-width: 600px)
{

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


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


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

        cursor: pointer;
	

        max-width: 97%;
        min-width: 250px;
        xmin-width: auto;

        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/120% verdana;
font-style:italic;
}



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

        cursor: pointer;
	

        max-width: 97%;
        min-width: 270px;
        xmin-width: auto;

        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/120% verdana;
font-style:italic;
}



#b2 {
	margin-left:20px;}


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

        cursor: pointer;
	

        max-width: 97%;
        xmin-width: 270px;
        width: auto;

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




}








@media (min-width: 1500px)
{

.p1 {
font:500 14px/120% verdana;
}


#b2 {
	margin-left:20px;}


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

        cursor: pointer;
	

        max-width: 97%;
        width: auto;

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




}