/* font */
@font-face {
font-family: "Amaranth"; 	src: 
url("../font/Amaranth-Regular.ttf") format("truetype"),
url("../font/Amaranth-Bold.ttf") format("truetype"),
url("../font/Amaranth-Italic.ttf") format("truetype"),
url("../font/Amaranth-BoldItalic.ttf") format("truetype");
}

/* body */
body {
padding-left: 2vw;
padding-right: 2vw;
font-family: Amaranth;
font-size: 4vh;
color: #ffffff;
text-shadow: 1px 1px 1px rgba(0, 6, 0, 0.8);
;
}

.pic {
  max-width: 60vw;
  max-height: 60vh;
  border-style: solid;
  border-color: #006600ff;
  border-radius: 10px;
}

/* links */
a		    {font-family: Amaranth; font-weight: bold; font-size: 4vh; color: #ff0000; text-decoration: none;}
a:focus		{color: #006600;}  
a:hover		{color: #ffffff;} 
a:active	{color: #ff0000;}
	
/* Schrifgrößen  */
h1	{
font-family: "Amaranth";
font-weight: bold;
font-size: 4vh;
}


/* Öffnungszeiten in der Tabelle */
td	{
font-family: "Amaranth";
font-size: 4vh;
font-weight: normal;
}

/* "Kleingedrucktes" */
.law	{
font-family: "Amaranth";
font-weight: normal;
font-size: 2vh;
}

/* Eingabefelder im Kontaktformular */
label	{
font-family: "Amaranth";
font-size: 4vh;
font-weight: normal;
}

input {
appearance: none;
outline: none;
width: 40vw;
font-family: "Amaranth";
color: #006600;
background-color: #ffffFF;
border-style: solid;
border-radius: 5px;
border-color: #006600;
box-shadow: 1px 1px 1px rgba(0, 6, 0, 0.8);
}

input:focus {
color: #ff3300;
border-color: #ff3300;
box-shadow: 1px 1px 1px rgba(0, 6, 0, 0.8);
}

textarea#message {
appearance: none;
outline: none;
cursor: text;
width: 80vw;
font-family: "Amaranth";
color: #006600;
background-color: #ffffFF;
border-style: solid;
border-width: 2px;
border-radius: 5px;
border-color: #006600;
box-shadow: 1px 1px 1px rgba(0, 6, 0, 0.8);
}

textarea#message:focus {
color: #ff3300;
border-color: #ff3300;
box-shadow: 1px 1px 1px rgba(0, 6, 0, 0.8);
}
  
.send {
appearance: none;
outline: none;
cursor: pointer;
width: fit-content;
background-color: #ffffFF;
font-family: "Amaranth";	
color: #ff3300;
border-style: solid;
border-width: 2px;
border-radius: 5px;
border-color: #006600;
box-shadow: 1px 1px 1px rgba(0, 6, 0, 0.8);
}

.send:focus {
color: #006600;
border-color: #ff3300;
}

:focus::placeholder { 
opacity:0;  
}