@charset "utf-8";

@media all and (min-device-width:1000px)
{

.Willkommen		{font-family:Bradley Hand ITC, Century; font-size:50px; font-weight:bold; text-align:center; color:#000000; margin:20px auto 15px auto;}
.Infotext		{font-family:Century, Verdana; font-size:17px; margin:30px 30px 80px 30px; text-align:center; color:#000000; line-height:1.5;}
.Infotitel		{font-family:Century, Verdana; font-size:14px; line-height:1.5; text-align:left; color:#FFFFFF; padding-top:40px;}
.Link			{font-family:Century, Verdana; font-size:18px; line-height:2em; text-align:center; color:#FFFFFF; font-weight:bold; position:absolute; margin-top:-85px; z-index:1; background-color: rgba(0, 0, 0, 0.7); width:204px;}
.Titel			{font-family:Century, Verdana; font-size:40px; margin:70px auto 15px auto; text-align:center; color:#000000;}
.image			{opacity:0.2;}
.praxisdaten	{font-family:Century, Verdana; font-size:18px; margin:10px auto 15px auto; text-align:center; color:#FFFFFF;}
.Impressumtitel	{font-family:Century, Verdana; font-size:40px; font-weight:bold; margin:70px auto 70px auto; text-align:left; color:#000000; font-weight:italic;}
.Impressumtext	{font-family:Century, Verdana; font-size:16px; margin:30px; text-align:left; color:#000000; line-height:1.5;}
.Impressumtextfett	{font-family:Century, Verdana; font-size:16px; font-weight:bold; margin:30px; text-align:left; color:#000000; line-height:1.5;}
.Kochkursdetails	{font-family:Century, Verdana; font-size:14px; line-height:1.5; text-align:left; color:#000000; margin:auto 30px 80px 30px; font-style:italic;}
	


a:link 	{ color:#000000; text-decoration:none}
a:visited 	{ color:#000000; text-decoration:none}
a:focus 	{ color:#000000; text-decoration:underline}
a:hover 	{ color:#000000; text-decoration:underline}
a:active 	{ font-style:italic; color:#000000; text-decoration:none}

a.info:link	{color:#000000; text-decoration:none}
a.info:visited	{color:#000000; text-decoration:none}
a.info:focus	{color:#000000; text-decoration:underline}
a.info:hover	{color:#000000; text-decoration:underline}
a.info:active	{color:#000000; text-decoration:none}
	
a.Anmeldung:link {font-size:18px; color:#FFFFFF; background-color:rgba(0, 0, 0, 0.7); padding:10px 20px; text-align:center; text-decoration:none; display: inline-block; border:rgba(0, 0, 0, 0.7); border-radius:30px;}
a.Anmeldung:visited	{font-size:18px; color:#FFFFFF; background-color:rgba(0, 0, 0, 0.7); padding:10px 20px; text-align:center; text-decoration:none; display: inline-block; border:rgba(0, 0, 0, 0.7); border-radius:30px;}
a.Anmeldung:hover	{font-size:18px; color:#FFFFFF; background-color:rgba(0, 0, 0, 0.8); padding:10px 20px; text-align:center; text-decoration:none; display: inline-block; border:rgba(0, 0, 0, 0.7); border-radius:30px;}
	

body	{
		font:Century, Verdana;
		margin:0;
		padding:0;
		background-color:#333333;
		text-align:center;
        }

#hintergrund	{
				width:100%;
				margin:100px 0 0 0;
				background:#FFFFFF;
				text-align:center;
				}
#open	{
	display:none;
	}

#content	{
			width:1050px;
			text-align:center;
			margin:auto;
			background-color:#FFFFFF;
			}
	
#kopf	{
		width:100%;
		height:450px;
		text-align:center;
		background-image:url("kochstudio_minden.jpg");
		background-size:cover;
		background-repeat:no-repeat;
		background-position:center;
        }

#kopf2	{
		width:100%;
		height:200px;
		margin-top:5px;
		text-align:center;
		background-image:url("kochevents_minden.png");
		background-size:cover;
		background-repeat:no-repeat;
		background-position:center;
        }	
	
#praxisdaten	{
				width:50%;
				border-right:#FFFFFF solid 1px;
				text-align:right;
				margin-top:20px;
				}

#footer			{
				width:100%;
				background-color:#333333;
				border-top:#FFFFFF solid 5px;
				display:flex;
				justify-content:space-between;
				}
	
#praxisdaten2	{
				width:50%;
				text-align:left;
				margin-top:20px;
				padding-left:20px;
				}	

#kopf-m	{
		display:none;
		}
	
#bild5	{
		position:relative;
		top:5px;
		margin-bottom:100px;
		float:left;
		}
	
#bild1	{
		position:relative;
		top:5px;
		margin-bottom:50px;
		float:left;
		}

#bild2	{
		position:relative;
		top:5px;
		margin-bottom:50px;
		float:left;
		}

#bild3	{
		position:relative;
		top:5px;
		margin-bottom:50px;
		float:left;
		}

#bild4	{
		position:relative;
		top:5px;
		margin-bottom:100px;
		}

#bild1 img, #bild2 img, #bild3 img, #bild5 img, #bild4 img	{
			border:1px solid #cccccc;
			border-radius:10px 50px;
			box-shadow:10px 10px 10px 10px #cccccc;
			margin-top:-11px;
			}

#box	{
		margin-top:50px;
		width:100%;
		display:flex;
		justify-content:space-between;
		min-height:250px;
		}
	
#box2	{
		margin-top:50px;
		width:100%;
		display:flex;
		justify-content:center;
		min-height:300px;
		}

#kochkursbeschreibung	{
						margin-top:50px;
						margin-bottom:50px;
						width:100%;
						display:flex;
						justify-content:space-between;
						}
	
#kochkursinfo	{
				width:49%;
				float:left;
				min-height:600px;
				border:5px solid #cccccc;
				border-radius:10px 50px;
				background-image:url("herzkreislauf_schulung.png");
				background-color:rgba(255,255,255,0.8);
  				background-blend-mode:lighten;
				}

#datekochkursinfo	{
					width:49%;
					float:left;
					min-height:600px;
					border:5px solid #cccccc;
					border-radius:10px 50px;
					background-image:url("datingkochkurs_klein.png");
					background-color:rgba(255,255,255,0.8);
  					background-blend-mode:lighten;
					}
	
#kochkursimage	{
				width:49%;
				float:right;
				height:600px;
				}

#Infotitel	{
			font-family:Century, Verdana;
			font-size:14px;
			line-height:2.0;
			text-align:left;
			color:#000000;
			font-weight:bold;
			padding-top:5px;
			margin-left:20px;
			}

#abschnitt	{
			width:100%;
			height:120px;
			background-image:url("kochkurs_minden.jpeg");
			opacity:0.2;
			background-size:75%;
			background-repeat:no-repeat;
			background-position:center;
        	}
	
#liste	ul	{
			font-family:Century, Verdana;
			font-size:17px;
			}

#liste ul li	{
				font-family:Century, Verdana;
				font-size:17px;
				text-align:left;
				width:60%;
				margin-top:-5px;
				margin-left:20%;
				margin-right:20%;
				padding:5px;
				list-style:none;
				}
			

}

/*Tablet*/

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

.Willkommen		{font-family:Bradley Hand ITC, Verdana; font-size:50px; font-weight:bold; color:#000000; margin:20px auto 15px auto; text-align:center;}
.Infotext		{font-family:Century, Verdana; font-size:16px; line-height:1.5; text-align:center; padding-top:30px;}
.Infotitel		{font-family:Century, Verdana; font-size:14px; line-height:1.5; text-align:left; color:#FFFFFF; padding-top:30px;}
.Link			{font-family:Century, Verdana; font-size:18px; line-height:2em; text-align:center; color:#FFFFFF; font-weight:bold; position:absolute; margin-top:-85px; z-index:1; background-color: rgba(0, 0, 0, 0.7); width:204px;}
.Anmeldung			{font-family:Century, Verdana; font-size:18px; line-height:2.0; text-align:center; color:#FFFFFF; font-weight:bold; margin:30px auto 80px auto; background-color: rgba(0, 0, 0, 0.7); width:204px;}
.Titel			{font-family:Century, Verdana; font-size:40px; margin:20px auto 15px auto; text-align:center; color:#000000;}
.image			{opacity:0.2;}
.praxisdaten	{font-family:Century, Verdana; font-size:18px; margin:20px auto 15px auto; text-align:center; color:#FFFFFF;}
.Impressumtitel	{font-family:Century, Verdana; font-size:40px; font-weight:bold; margin:70px auto 70px auto; text-align:left; color:#000000;}
.Impressumtext	{font-family:Century, Verdana; font-size:14px; margin:30px; text-align:left; color:#000000; line-height:1.5;}
.Impressumtextfett	{font-family:Century, Verdana; font-size:14px; font-weight:bold; margin:30px; text-align:left; color:#000000; line-height:1.5;}
.Kochkursdetails	{font-family:Century, Verdana; font-size:14px; line-height:1.5; text-align:left; color:#000000; margin:auto 30px 80px 30px; font-style:italic;}
	
a:link 	{ color:#000000; text-decoration:none}
a:visited 	{ color:#000000; text-decoration:none}
a:focus 	{ color:#000000; text-decoration:underline}
a:hover 	{ color:#000000; text-decoration:underline}
a:active 	{ font-style:italic; color:#4c0e5c; text-decoration:none}

a.info:link	{color:#000000; text-decoration:none}
a.info:visited	{color:#000000; text-decoration:none}
a.info:focus	{color:#000000; text-decoration:underline}
a.info:hover	{color:#000000; text-decoration:underline}
a.info:active	{color:#000000; text-decoration:none}

a.Anmeldung:link {font-size:18px; color:#FFFFFF; background-color:rgba(0, 0, 0, 0.7); padding:10px 20px; text-align:center; text-decoration:none; display: inline-block; border:rgba(0, 0, 0, 0.7); border-radius:30px;}
a.Anmeldung:visited	{font-size:18px; color:#FFFFFF; background-color:rgba(0, 0, 0, 0.7); padding:10px 20px; text-align:center; text-decoration:none; display: inline-block; border:rgba(0, 0, 0, 0.7); border-radius:30px;}
a.Anmeldung:hover	{font-size:18px; color:#FFFFFF; background-color:rgba(0, 0, 0, 0.8); padding:10px 20px; text-align:center; text-decoration:none; display: inline-block; border:rgba(0, 0, 0, 0.7); border-radius:30px;}


body	{
		font:Century, Verdana;
		margin:0;
		padding:0;
		background-color:#333333;
		text-align:center;
        }

#hintergrund	{
				width:100%;
				margin:80px 0 0 0;
				background:#FFFFFF;
				text-align:center;
				}

#content	{
			width:95%;
			text-align:center;
			margin:auto;
			background-color:#FFFFFF;
			}
	
#kopf	{
		width:100%;
		height:250px;
		text-align:center;
		background-image:url("kochstudio_minden.jpg");
		background-size:cover;
		background-repeat:no-repeat;
		background-position:center;
        }

#kopf2	{
		width:100%;
		height:200px;
		margin-top:5px;
		text-align:center;
		background-image:url("kochevents_minden.png");
		background-size:cover;
		background-repeat:no-repeat;
		background-position:center;
        }

#praxisdaten	{
				width:50%;
				border-right:#FFFFFF solid 1px;
				text-align:right;
				margin-top:20px;
				}

#praxisdaten2	{
				width:50%;
				text-align:left;
				margin-top:20px;
				padding-left:20px;
				}
	
#footer			{
				width:100%;
				background-color:#333333;
				border-top:#FFFFFF solid 5px;
				display:flex;
				justify-content:space-between;
				}

#kopf-m	{
		display:none;
		}
	
#bild1	{
		position:relative;
		top:5px;
		margin-bottom:50px;
		}

#bild2	{
		position:relative;
		top:5px;
		margin-bottom:50px;
		}

#bild3	{
		position:relative;
		top:5px;
		margin-bottom:50px;
		}

#bild4	{
		position:relative;
		top:5px;
		margin-bottom:100px;
		}
	
#bild5	{
		position:relative;
		top:5px;
		margin-bottom:100px;
		}

#bild1 img, #bild2 img, #bild3 img, #bild5 img, #bild4 img	{
			width:204px;
			border:1px solid #cccccc;
			border-radius:10px 50px;
			box-shadow:10px 10px 10px 10px #cccccc;
			margin-top:-11px;
			}

#box	{		
		margin-top:50px;
		width:100%;
		text-align:center;
		min-height:100px;}
	
#box2	{
		margin-top:50px;
		width:100%;
		text-align:center;
		min-height:150px;
		}
	
#kochkursbeschreibung	{
						margin-top:50px;
						margin-bottom:50px;
						width:100%;
						text-align:center;
						min-height:600px;
						}
	
#kochkursinfo	{
				width:98%;
				margin:auto;
				min-height:600px;
				border:5px solid #cccccc;
				border-radius:10px 50px;
				background-image:url("herzkreislauf_schulung.png");
				background-color:rgba(255,255,255,0.8);
  				background-blend-mode:lighten;
				}
	
#kochkursimage	{
				width:100%;
				text-align:center;
				height:400px;
				}

#Infotitel	{
			font-family:Century, Verdana;
			font-size:14px;
			line-height:2.0;
			text-align:left;
			color:#000000;
			font-weight:bold;
			padding-top:5px;
			margin-left:20px;
			}
	
#liste	ul	{
			font-family:Century, Verdana;
			font-size:17px;
			}

#liste ul li	{
				font-family:Century, Verdana;
				font-size:17px;
				text-align:center;
				width:50%;
				margin-top:-5px;
				margin-left:25%;
				margin-right:25%;
				padding:5px;
				list-style:none;
				}

}