/* 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 */


.hidden {
	display: none;
}

.hinweis p
{
	font-family: 'Carter One';
}

#cookie-popup 
{
	font-size: 15px;
	background-color:rgba(55, 22, 22, 0.95);
	text-align: center;
	color: #fff;
	position: absolute;
	top: 40%;
	left: 0;
	right: 0;
	z-index: 20000;
	line-height: 20px;
	padding: 20px;
	border-top:10px solid black;
	border-bottom:10px solid black;
	-webkit-box-shadow: 0px 10px 5px 0px rgba(111, 111, 111, 0.9);
	-moz-box-shadow: 0px 10px 5px 0px rgba(111, 111, 111, 0.9);
	box-shadow: 0px 10px 5px 0px rgba(111, 111, 111, 0.9);
}

.cookie-button
{
	padding-top:3px;
	padding-bottom:3px;
	padding-left:11px;
	padding-right:11px;
	border-radius:15px;
	cursor:pointer;
	font-family: 'Carter One';
	font-size:15px;
	color:rgba(55, 88, 88, 1.0);
	background:rgba(222, 233, 233, 0.6);
	border-top:3px solid white;
	border-left:3px solid white;
}
.cookie-button:hover
{
	padding-top:3px;
	padding-bottom:3px;
	padding-left:11px;
	padding-right:11px;
	border-radius:15px;
	cursor:pointer;
	font-family: 'Carter One';
	font-size:15px;
	color:rgba(188, 222, 222, 1.0);
	background:rgba(99, 111, 111, 0.7);
	border-top:3px solid black;
	border-left:3px solid black;
}

.cookie-button2
{
	padding-top:3px;
	padding-bottom:3px;
	padding-left:11px;
	padding-right:11px;
	border-radius:15px;
	font-family: 'Carter One';
	font-size:15px;
	color:rgba(0, 55, 55, 1.0);
	background:rgba(222, 233, 233, 0.6);
	border-top:3px solid red;
	border-left:3px solid red;
}

	/** Definiert wann und wie das Fenster eingeblendet wird **/
.einblenden 
{
	animation-name: einblenden;
	animation-duration: 3s;				/** Gesammte Zeit der Animation **/
	animation-iteration-count: 1;			/** Anzahl der Wiederholungen **/
	animation-timing-function: ease-in-out;
}
	@keyframes einblenden 
{
	from {transform:translate(-2500px, 0);}		/** Startposition **/

	50% {transform:translate(-2500px,0);}		/** Position nach 50% der Zeit (0.5 Sec) **/

			/** Position nach 80% der Zeit (0.8 Sec) **/

	to {transform: translate(0, -0px);transform: rotate(0deg);} 		/** Endposition **/
}
	/** Definiert wann Fenster ausgeblendet wird (Bildschirmbreite) **/


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

/* MEDIA QUERY 1124px*/

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media screen and (max-width:1124px) {
	
#cookie-popup 
{
	font-size: 15px;
	-top: 180px;
	
}
.cookie-button:hover
{
	font-size:15px;
}
	
}


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

/* MEDIA QUERY 1000px*/

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media screen and (max-width:1000px) {
	
#cookie-popup 
{
	font-size: 13px;
	-top: 170px;
	
}
.cookie-button
{
	font-size:13px;
}
.cookie-button:hover
{
	font-size:13px;
}
.cookie-button2
{
	padding-top:3px;
	padding-bottom:3px;
	padding-left:11px;
	padding-right:11px;
	border-radius:15px;
	font-family: 'Carter One';
	font-size:13px;
	color:rgba(0, 55, 55, 1.0);
	background:rgba(222, 233, 233, 0.6);
	border-top:3px solid red;
	border-left:3px solid red;
}


}


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

/* MEDIA QUERY 900px*/

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media screen and (max-width:900px) {
	
#cookie-popup 
{
	font-size: 13px;
	-top: 160px;
	
}
.cookie-button
{
	font-size:13px;
}
.cookie-button2
{
	padding-top:3px;
	padding-bottom:3px;
	padding-left:11px;
	padding-right:11px;
	border-radius:15px;
	font-family: 'Carter One';
	font-size:13px;
	color:rgba(0, 55, 55, 1.0);
	background:rgba(222, 233, 233, 0.6);
	border-top:3px solid red;
	border-left:3px solid red;
}



}



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

/* MEDIA QUERY 800px*/

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




}




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

/* MEDIA QUERY 700px*/

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

#cookie-popup 
{
	font-size: 11px;
	-top: 150px;
	
}
.cookie-button
{
	font-size:11px;
}
.cookie-button:hover
{
	font-size:11px;
}
.cookie-button2
{
	padding-top:3px;
	padding-bottom:3px;
	padding-left:11px;
	padding-right:11px;
	border-radius:15px;
	font-family: 'Carter One';
	font-size:11px;
	color:rgba(0, 55, 55, 1.0);
	background:rgba(222, 233, 233, 0.6);
	border-top:3px solid red;
	border-left:3px solid red;
}


}



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

/* MEDIA QUERY 639px*/

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

#cookie-popup 
{
	font-size: 10px;
	-top: 10px;
	
}
.cookie-button
{
	font-size:10px;
}
.cookie-button:hover
{
	font-size:10px;
}
.cookie-button2
{
	padding-top:3px;
	padding-bottom:3px;
	padding-left:11px;
	padding-right:11px;
	border-radius:15px;
	font-family: 'Carter One';
	font-size:10px;
	color:rgba(0, 55, 55, 1.0);
	background:rgba(222, 233, 233, 0.6);
	border-top:3px solid red;
	border-left:3px solid red;
}



}



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

/* MEDIA QUERY 550px*/

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




}

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

/* MEDIA QUERY 450px*/

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





}