@charset "utf-8";
/* CSS Document */

/* .Carolin a {  
    color:hotpink;
    font-size: 80px;	   
} */


body{
   background-color:#F7E9BC;
   margin:0px;
   padding:0px;
   font-family: "Roboto", sans-serif;
   font-weight: 400;
   font-style: normal;
}

/*.navbar{
	background-color:pink;
	text-align: center;
	
}

nav ul{
	list-style:none;
	padding: 0px;
	margin:0px;
}

nav{
	background-color: pink;
}

/** ul{
	margin-left:auto;
	margin-right:auto;
} 

nav li{
	display: inline;
	margin: 15px;
}

li.active{
    color:deeppink;
}

nav a{
	color: hotpink;
	text-decoration:none;
	display:inline-block;
	padding-top: 15px;
}

nav a:hover {
	color:deeppink;
}

nav a:active {
	font-weight:bold;
} */ 

img {
	width:200px;
	height: auto;
}

@media screen and (max-width: 700px) {
/*	nav { 
		width: 100%;
		margin-top: -5px; 
	}*/
}

	
.Start{
	font-size: 40px;
	color:deeppink;
}
	
.old-standard-tt-regular {
  font-family: "Old Standard TT", serif;
  font-weight: 400;
  font-style: normal;
}

.old-standard-tt-bold {
  font-family: "Old Standard TT", serif;
  font-weight: 700;
  font-style: normal;
}

.old-standard-tt-regular-italic {
  font-family: "Old Standard TT", serif;
  font-weight: 400;
  font-style: italic;
}

/* .Carolin{
	font-family: "Old Standard TT", serif;
} */



p{
	color:darkblue;
	}

h2{
	text-align:center;
	color:darkblue;
	}

div.menu{
	background-color:pink;
	text-align:center;
}


div.menublock{
	display:inline-block;
}

a.menu{
	color:hotpink;
	text-decoration:none;
	margin:10px;
	font-size:20px;
	display:inline-block;
}

a.Carolin{
	font-size:60px;
	font-family: "Old Standard TT", serif;
}

@media screen and (max-width: 1200px) {
	div.menu{
		display:flex;
		flex-direction:column;
	}
} 


  a.menu:hover {
	color:deeppink;
}

 a.menu:active {
	font-weight:bold;
} 

a.navigation{
	font-weight:bold;
	border-bottom:3px solid deeppink;
}


div.footer{
			text-align:center;
            width: 100%;
			background-color:pink;
	        color:black;
			   }


        
        .footer a {
            text-decoration:none;
            color:mediumblue;
        }
        
        .footer a:visited{
            color:darkblue;
        }
        
		.Logo{
			width:50px;
			margin:3px;
			  }

div.InfoText{
	margin-left:10px;
	margin-right:10px;
	margin-bottom:20px;
	margin-top:20px;
	color:darkblue;
}