/* Kommentar in CSS */


/* Anfang Fonts einbinden */
/* carter-one-regular - latin */
@font-face {
  font-family: 'Carter One';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/carter1/carter-one-v10-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Carter One'), local('CarterOne'),
       url('../fonts/carter1/carter-one-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/carter1/carter-one-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/carter1/carter-one-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/carter1/carter-one-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/carter1/carter-one-v10-latin-regular.svg#CarterOne') format('svg'); /* Legacy iOS */
}
/* Ende Fonts einbinden */
/* Anfang Fonts einbinden */
/* goeschen-fraktur-regular - latin */
@font-face {
  font-family: 'Bickley Script';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/bickley-script/BickleyScript.eot'); /* IE9 Compat Modes */
  src: local('BickleyScript'), local('bickleyscript'),
       url('../fonts/bickley-script/BickleyScript.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/bickley-script/BickleyScript.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/bickley-script/BickleyScript.woff') format('woff'), /* Modern Browsers */
       url('../fonts/bickley-script/BickleyScript.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/bickley-script/BickleyScript.svg#CarterOne') format('svg'); /* Legacy iOS */
}
/* Ende Fonts einbinden */

@font-face {
  font-family: 'Libre_Baskerville';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Libre_Baskerville/LibreBaskerville-Regular.eot'); /* IE9 Compat Modes */
  src: local('Libre_Baskerville'), local('libre_baskerville'),
       url('../fonts/Libre_Baskerville/LibreBaskerville-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Libre_Baskerville/LibreBaskerville-Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/Libre_Baskerville/LibreBaskerville-Regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/Libre_Baskerville/LibreBaskerville-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Libre_Baskerville/LibreBaskerville-Regular.svg#CarterOne') format('svg'); /* Legacy iOS */
}
/* Ende Fonts einbinden */


#kontakt01
{
	position:absolute;
	-display:none;
	-top:30%;
	height:100%;
	-width:100%;
	color:blue;
	font-size:2.5vh;
	-font-weight:bold;
	font-family: 'Carter One';
	text-align:left;
	text-shadow:0 0 0.1em #ffffff, 0 0 0.1em #ffffff, 0 0 0.1em #ffffff;
	overflow:auto;
	-background:rgba(122, 122, 144, 0.4);
}

.titelh1
{
	text-align:center;
}

.contactField
{
	caret-color: red;  
	border: 1px solid #cccccc;
}
.contactField:hover
{
	border: 1px solid blue;
}
.contactField:focus
{
	background: rgba(199, 199, 222, 0.7);
}

.contactTextarea
{
	caret-color: red;  
	width: 60%;
	height: 40%;
	border: 1px solid #cccccc;
	padding: 0.5em;
}
.contactTextarea:hover
{
	border: 1px solid blue;
}
.contactTextarea:focus
{
	background: rgba(199, 199, 222, 0.7);
}

.contactSubmit
{
	position:absolute;
	left:20%;
	width:60%;
	color:green;
}
.contactSubmit:hover
{
	position:absolute;
	left:20%;
	width:60%;
	color:white;
	background:darkgreen;
}
.contactSubmit2
{
	position:absolute;
	left:20%;
	width:60%;
	text-align:center;
	color:green;
	border:1px solid #999;
	background:#ccc
}
.contactSubmit2:hover
{
	color:white;
	background:darkgreen
}
.contactSubmit3
{
	text-align:center;
}
.contactSubmit4
{
	position:absolute;
	left:20%;
	width:60%;
	text-align:center;
	color:green;
	border:1px solid #999;
	background:#ccc
}
.contactSubmit4:hover
{
	color:white;
	background:darkgreen
}





/* Anfang Viewports einbinden berechnen Anfang Viewports einbinden berechnen Anfang Viewports einbinden berechnen*/
@media (max-aspect-ratio: 16/9) and (max-height:1080px){



}

@media (min-aspect-ratio:16/9) and (max-height:1080px){



}
/* Ende Viewports einbinden berechnen Ende Viewports einbinden berechnen Anfang Viewports einbinden berechnen*/
@media (max-aspect-ratio: 16/9) and (max-height:980px){



}

@media (min-aspect-ratio:16/9) and (max-height:980px){



}
/* Ende Viewports einbinden berechnen Ende Viewports einbinden berechnen Anfang Viewports einbinden berechnen*/
@media (max-aspect-ratio: 16/9) and (max-height:880px){




}

@media (min-aspect-ratio:16/9) and (max-height:880px){



}
/* Ende Viewports einbinden berechnen Ende Viewports einbinden berechnen Anfang Viewports einbinden berechnen*/
@media (max-aspect-ratio: 16/9) and (max-height:780px){



}

@media (min-aspect-ratio:16/9) and (max-height:780px){



}
/* Ende Viewports einbinden berechnen Ende Viewports einbinden berechnen Anfang Viewports einbinden berechnen*/
@media (max-aspect-ratio: 16/9) and (max-height:680px){



}

@media (min-aspect-ratio:16/9) and (max-height:680px){



}
/* Ende Viewports einbinden berechnen Ende Viewports einbinden berechnen Anfang Viewports einbinden berechnen*/
@media (max-aspect-ratio: 16/9) and (max-height:580px){



}

@media (min-aspect-ratio:16/9) and (max-height:580px){



}
/* Ende Viewports einbinden berechnen Ende Viewports einbinden berechnen Anfang Viewports einbinden berechnen*/
@media (max-aspect-ratio: 16/9) and (max-height:480px){



}

@media (min-aspect-ratio:16/9) and (max-height:480px){



}
/* Ende Viewports einbinden berechnen Ende Viewports einbinden berechnen Anfang Viewports einbinden berechnen*/








/* #content
{

	-background:yellow;
	overflow:hidden;
	-overflow-y: hidden;
}

#dreieck 
{
	position:absolute;
	top:-1050px;
	left:-1050px;
	margin:auto;
	width: 250%;
	height: 1000px;
	background:rgba(99, 55, 55, 0.9);
	transform:rotate(-35deg);
	border:5px solid red;
	opacity: 0.8;
	transition: background 0.2s ease-in;
}
#dreieck:hover 
{
	background:rgba(99, 99, 99, 0.0);
	cursor:pointer;
	opacity: 1;
	
}


#dreieck2
{
	position:absolute;
	top:-330px;
	left:-330px;
	margin:auto;
	width: 250%;
	height: 1000px;
	background:rgba(55, 99, 55, 0.9);
	transform:rotate(-35deg);
	border:5px solid red;
	opacity: 0.8;
	transition: background 0.2s ease-in;
}
#dreieck2:hover 
{
	background:rgba(99, 99, 99, 0.0);
	cursor:pointer;
	opacity: 1;
	
} */










/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* MEDIA QUERY 1080px*/

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media screen and (max-width:1080px) {


}
/* ENDE MEDIA QUERY min-*/



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* MEDIA QUERY 980px*/

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media screen and (max-width:980px) {


}
/* ENDE MEDIA QUERY max-*/



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* MEDIA QUERY 880px*/

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media screen and (max-width:880px) {
	
	

}
	
	
/* ENDE MEDIA QUERY max-*/


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* MEDIA QUERY 780px*/

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media screen and (max-width:780px) {
	


}


/* ENDE MEDIA QUERY */



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* MEDIA QUERY 680px*/

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media screen and (max-width:680px) {
	



}
/* ENDE MEDIA QUERY */


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* MEDIA QUERY 580px*/

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media screen and (max-width:580px) {
	




}
/* ENDE MEDIA QUERY */


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* MEDIA QUERY 480px*/

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media screen and (max-width:480px) {



}
/* ENDE MEDIA QUERY */