/* CSS Document */


/* ========== Thank you for looking at this code ========== */
/* ========== WARNUNG! COPYRIGHT BY haller.id | SWITZERLAND ========== */

:root {

	--HauptFarbe: #e5ebf3;
	--HauptFarbe2:#FF8800;
	--secondarFarbe1:#FBEEC1;
	--secondarFarbe2:#E19C41;
	--secondarFarbe3:#21468b;
	--greyFarbe:#E5E8EB;
	--greyFarbe2:#A0A0A1;
	--darkFarbe:#2B2B2B;
    --weissFarbe: #fff;
    --weissTransparent: rgba(255, 255, 255, 0.75);
	--schwarzFarbe: #333333;
	--schwarz: #000000;
	--inputFarbe:rgba(237,235,235,1.00);
	
	
	/**
	--TitelGross: 4.5rem;
	--TitelGross2: 3rem;
	--TitelStandard:2.5rem;
	--Titelklein:1.75rem;
	
	--TextGross:3rem;
    --TextStandard: 1.25rem;
    --Textklein: 1rem;
	**/
	
	
	--TitelGross: 4.5rem;
	--TitelStandard:1rem;
	--TitelStandard2:1.4rem;
	--TitelStandard3:3rem;
    --TitelStandardmini:0.8rem;
    --TitelTablet: 2.75rem;
    --TitelMobile: 1.75rem;
	--TextStandard:1.05rem;
	--TextMobile: 0.5rem;
    --standardSchrift: 'web_font_regular';   
	--boldSchrift: 'web_font_regular_bold'; 

	--borderRadi:4px;
	--borderRadi10:10px;
	--borderRadi50:50%;
    --normal: 400;
    --fett: 900;
    --leicht: 300;
	--fest:bold;
	
	--randAbstand1:1rem;
	--HundertProz:100%;
	--hoeheAuto:auto;
		
	--bewegung:all 0.3s ease-in-out;
	--bewegung6:all 0.6s ease-in-out;
}


	@font-face {
		font-family:'web_font_regular_bold';
		src:url("../assets/MADE TOMMY Bold_PERSONAL USE.otf");
	}


	@font-face {
		font-family:'web_font_regular';
		src:url("../assets/Amsterdam.ttf");
		/*font-weight: bolder;*/
	}



/* Hiermit können Safari >=1.1, Opera >=9.5, IE9 was anfangen*/
::selection {
    background:var(--HauptFarbe2);
    /*color: #336699;*/
	color:var(--weissFarbe);
}
/* und hiermit der Firefox >=1 */
::-moz-selection {
    background:var(--HauptFarbe2);
    /*color: #336699;*/
	color:var(--weissFarbe);
}



/* ========== ========== DESIGN BODY - HEADQUARTER ========== ========== */
* {
    padding: 0;
    margin: 0;
	font-family:'Verdana', sans-serif!important;
    color: var(--schwarz);
    font: var(--TextStandard);
    font-weight: var( --normal );
    box-sizing: border-box;
}
	html {
		font-size:100%;
}

	body {
		font-family:sans-serif;
		text-decoration:none;
		margin:0rem 0 0 0 ;
		padding:0;
		 /*background-color:beige;  ZUM ARBEITEN*/
}

	header {
		position: relative;
		width: var(--HundertProz);
		background-color:var(--weissFarbe);
		margin:0;	
		padding:0;
}

	h1 {
		font-size:var(--TitelGross);
		letter-spacing: 2px;
		/*text-transform: uppercase;*/
		/*text-align:center;*/
		font-family:'web_font_regular'!important;
		color: var(--darkFarbe);
}

	h2 {
		font-size:var(--TitelTablet);
		/*color: var(--HauptFarbe);*/
		color: var(--schwarzFarbe);
		letter-spacing: 2px;
		text-transform: uppercase;
		/*text-align: center;*/
		font-family:'web_font_regular_bold'!important;
}

	h3 {
		font-size:var(--TitelTablet);
		color: var(--schwarzFarbe);
		text-transform: uppercase;
		text-align:center;
		letter-spacing: 2px;
		font-family:'web_font_regular'!important;
}

	h4 {
		font-size:var(--TitelMobile);
		color: var(--schwarzFarbe);
		text-transform: uppercase;
		text-align:center;/**/
		letter-spacing: 2px;
		font-family:'web_font_regular_bold'!important;
}
	h5 {
		font-family:'web_font_regular_bold'!important;
		letter-spacing: 2px;
		font-size:var(--TitelStandard2);
		color: var(--schwarzFarbe);
		text-transform: uppercase;
		text-align:center;
}
	h6 {
		font-family:'web_font_regular_bold'!important;
		letter-spacing: 2px;
		font-size:var(--TitelStandard2);
		color: var(--schwarzFarbe);
		text-transform: uppercase;
		text-align:center;
}

	p {
		font-size: var(--TextStandard);
		color: var(--schwarz);
		/*font-family:'Lato'!important;*/
}

	main {
		min-height: 800px;  		
}

	footer {
		position: absolute; 		
		width: var(--HundertProz);

}

	a {
		color: var(--schwarz);
		text-decoration:none; 
		cursor: pointer;
}

	li {
		list-style:none;
}
	.displayflex{
		display:flex;
	}

.mystyle {
  width: 100%;
  padding: 25px;
  background-color: coral;
  color: white;
  font-size: 25px;
}
.grayscale {
   filter: grayscale(100%);
}
.grayscale:hover{
   filter: grayscale(50%);
}

/* ========== ========== MOBILE MENU ========== ========== */
.containernav2 {
	display:none;
}

.dropdown44-container {
  	display: none;  	
}
.navi_elzi_top_ul_1{
    position:relative;
    display: flex;
    padding-top: 1rem;
}
.navi_elzi_top_ul_2{
    position:relative;
    z-index: 5;
    padding-top: 1rem;
}
.navi_elzi_top_li{
    margin: 0 1rem;
}
.setnav_a{
    transition:var(--bewegung);
    width: var(--HundertProz);
    padding:2rem 2rem;
    color:var(--HauptFarbe);
    display:flex;
    justify-content: space-between;
    border-bottom:3px solid var(--greyFarbe);			
}
/* ========== ========== header ========== ========== */
.header_top_div_nav_ul{
    position: relative;
    width: var(--HundertProz);
	height: var(--HundertProz);
	overflow: hidden;
    display:flex;
    background-color:var(--HauptFarbe);
}
.header_filter_ul_header p{
   padding: 0.5rem 0 0 0;
}
.header_top_div_nav_ul ul{
    position: relative;
    width: 60%;
	height: var(--HundertProz);
    display:flex;
    justify-content: left;
    padding: 0rem 0 0 0;
}
.header_top_div_nav_ul li{
    padding: 0.5rem 0rem;
}
.header_top_div_nav_ul a{
    padding: 0.5rem 1.5rem;
    transition:var(--bewegung);
	border-radius: var(--borderRadi);
}
.header_top_div_nav_ul a:hover{
	background-color:var(--secondarFarbe3);
    transition:var(--bewegung);
	color:var(--weissFarbe);
}
.header_top_div_nav_ul div{
    position: relative;
    width: 40%;
    justify-content: flex-end;
    left:0;
    text-align: end;
    padding: 0 2rem;
    display:flex;
	height: var(--HundertProz);
} 
.header_top_div_nav_ul img{
    position: relative;
    width: 35px;
	height: 35px; 
    margin: 0 0.5rem;
} 
.header_top_div_nav_img{
	position: relative;
	width: var(--HundertProz);
	height: var(--HundertProz);
	overflow: hidden;
}
.header_top_div_nav_img img{
	width: var(--HundertProz);
	height: auto;
    z-index: 1;
    -webkit-filter: blur(5px); /* Safari 6.0 - 9.0 */
    filter: blur(5px);
}
.header_top_div_nav_img h1{
	position: absolute;
 	top:40%;
    justify-content: center;
    text-align: center;
    width: var(--HundertProz);
    z-index: 2;
	animation-name: welcomeamsterdam;
  	animation-duration: 3s;
}

@keyframes welcomeamsterdam {
  0%   {top:20%;font-size:var(--TextMobile);}
  100% {top:40%;font-size:var(--TitelGross);}
}


.setnav_aheader{
	background-color:var(--secondarFarbe3);
    transition:var(--bewegung);
	color:var(--weissFarbe);
}
.aheader{
	background-color:var(--HauptFarbe);
}
.header_filter_ul{
    background-color:var(--HauptFarbe);
	position: relative;
	width: var(--HundertProz);
	height: var(--HundertProz);
	overflow: hidden;
    display:flex;
	flex-wrap: wrap;
    justify-content: center;
    padding: 0.5rem 1rem;
}
.header_filter_ul li{
    padding: 1rem 0rem;
}
.header_filter_ul a{
    
    padding: 1rem 2rem;
	margin: 2rem 0;
    transition:var(--bewegung);
	border-radius: var(--borderRadi);
}

.header_filter_ul a:hover{
    background-color:var(--secondarFarbe3);
    transition:var(--bewegung);
	color:var(--weissFarbe);
}

/* ========== ========== Filter ========== ========== */
.sticky {
  	position: fixed;
  	top: 0;
	padding:1.5rem 2rem!important;
	transition:var(--bewegung);
}

.sticky + .content {
  	padding-top: 15rem!important;
	transition:var(--bewegung);
}
.sticky + .content2 {
  padding-top: 15rem!important;
	transition:var(--bewegung);
}
#filter_button{
	background-color:var(--weissFarbe);
	width: var(--HundertProz);
	height: auto;
	padding:1.5rem 2rem;
    display:flex;
    justify-content:flex-end;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	z-index: 5;
	transition:var(--bewegung);
}
#filter_button a{
    background-color:var(--HauptFarbe);
    padding: 1rem 2rem;
	margin: 0rem 0;
    transition:var(--bewegung);
	border-radius: var(--borderRadi);
}
#filter_button a:hover{
    background-color:var(--secondarFarbe3);
    transition:var(--bewegung);
	color:var(--weissFarbe);
}
.filter_suche_form_div{
    padding: 0 0 0 2rem;
    display:flex;
}
.filter_suche_form{
    display:flex;
}
.filter_suche_form input{
    padding:1rem;
	min-width: 150px;
}

.filter_suche_form button[type=submit] {
    color: var(--weissFarbe);
    background-color:var(--secondarFarbe3);
    padding:1rem;
    margin: 0rem 1rem;
    transition:var(--bewegung);
    cursor:pointer;
    border:none;
    border-radius: var(--borderRadi);
}
.filter_suche_form	button[type=submit]:hover {
    background-color:var(--HauptFarbe);		
    color: var(--darkFarbe);
    transition:var(--bewegung);
}
.filter_box{
	position: relative;
	background-color:var(--HauptFarbe);
	width: var(--HundertProz);
	height: var(--HundertProz);
	padding:6rem 2rem 5rem 2rem;
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
    /*max-width: 1300px;*/
    margin:0 auto;
}

/*.filter_box div{
	position: relative;
	background-color:rgba(129,165,214,1.00);
	width: 20%;
	height: var(--HundertProz);
	padding:3rem 2rem;
	margin:1rem
}*/

/* ========== ========== beitrag content box ========== ========== */

.beitrag_content_box{
	position: relative;
    display:block;
	overflow: hidden;
	background-color:rgba(129,165,214,1.00);
	width: 400px;
	height: var(--HundertProz);
	padding:0rem;
	margin:1rem 1rem;
    border:1px solid rgba(219,219,219,1.00);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	transition:var(--bewegung);
	border-radius: var(--borderRadi);
}
.beitrag_content_box:hover{
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.2), 0 0px 0px 0 rgba(0, 0, 0, 0.19);
	transition:var(--bewegung);
	margin:0.8rem 1rem 1.2rem 1rem;
}
.beitrag_content_box_01{
	position: relative;
    display:flex;
    background-color:var(--weissFarbe);
    min-height: 150px;
    padding:0;
}
.sterntext{
	position: absolute;
	top: 1rem;
	right: 1rem;
	background-color:var(--HauptFarbe2);
	/*color:var(--greyFarbe);*/
	color:var(--weissFarbe);
	padding:0.4rem 0.7rem;
	transition:var(--bewegung);
	border-radius: var(--borderRadi10);
}
.linktext{
	position: absolute;
	bottom: -1.2rem;
	right: 1rem;
	/*background-color:var(--secondarFarbe2);*/
	padding:0.2rem 1rem;
	transition:var(--bewegung);
	border-radius: var(--borderRadi10);
	z-index:1;
}
.linktext img{
	width: 80px;
	transition:var(--bewegung);
}
.linktext img:hover{
	width: 80px;
	transform: rotate(7deg);
	transition:var(--bewegung);
}
.beitrag_content_box_img{
	overflow: hidden;
	background-color:var(--HauptFarbe2);
	transition:var(--bewegung);
	width: var(--HundertProz);
	height:auto;
	max-height: 250px;
	min-width: 100%;
	display:flex;
	justify-content: center;
	text-align: center;
}
.beitrag_content_box_img img{
	transition:var(--bewegung);
	min-height:250px;
	height: auto;
	width: 100%;
	min-width: 100%;
	margin: 0 auto;
	object-fit: cover;
}
.beitrag_content_box_02{
	position: relative;
    display:block;
    background-color:var(--weissFarbe);
    min-height: 50px;
    padding:1rem 0.5rem 0rem 0.5rem;
}
.beitrag_content_box_02 h4{
	text-align: left;
}
.beitrag_content_box_03{
	position: relative;
    display:flex;
    background-color:var(--greyFarbe);
    min-height: 30px;
    padding:0.5rem 0.5rem 0.5rem 0.5rem;
}
.beitrag_content_box_03 p{
    padding:0 0.5rem 0rem 0rem;
   /* color: var(--secondarFarbe3); */
    color:var(--greyFarbe2);
}

.beitrag_content_box_04{
	position: relative;
    display:block;
    background-color:var(--weissFarbe);
    min-height: 50px;
  	padding:1rem 1rem 0rem 1rem;
}
.beitrag_content_box_04 p{
    padding:0rem 0 0.5rem 0;
	 /*
    color: var(--secondarFarbe3);
    color:var(--greyFarbe2);*/
    color:var(--darkFarbe);
}
.beitrag_content_box_04_link {
	position: relative;
	display:flex;
	width: var(--HundertProz);
	margin:0.5rem 0;
	text-align: center;
	justify-content: center;
}

.beitrag_content_box_04_link a{
	position: relative;
	width:auto;
	background-color:var(--secondarFarbe3);
	padding:0.5rem 1rem;
	transition:var(--bewegung);
	border-radius: var(--borderRadi);
	color: var(--weissFarbe);
	text-transform:none;
}
.beitrag_content_box_04_link a:hover{
	width:auto;
	background-color:var(--HauptFarbe);		
    color: var(--darkFarbe);
    transition:var(--bewegung);
}
.beitrag_content_box_04_preise{
	text-align: end;
}
.beitrag_content_box_05{
	position: relative;
    display:flex;
   	justify-content: space-between;
    background-color:var(--greyFarbe);
    min-height: 50px;
    padding:1rem 0.5rem;
	border-top:2px solid rgba(219,219,219,1.00);
}

.beitrag_content_box_05 img{
	margin-top:3px;
	width: 40px;
	height: 40px;
}
.beitrag_content_box_05 p{
	color:var(--greyFarbe2);
}
.beitrag_content_box_05_adresse{
	display: flex;
}
.beitrag_content_box_05_adresse a{
	display: flex;
	transition:var(--bewegung);
}
.beitrag_content_box_05_adresse a:hover p{
	color:var(--darkFarbe);
	transition:var(--bewegung);
}
.beitrag_content_box_05_adresse2{
	display: block;
	padding:3px 0 0 2px;;
}
.beitrag_content_box_05_date{
	position: relative;
	text-align: center;
	top:13px;
	height: 35px;
}
.beitrag_content_box_05_date p{
	position: relative;
	font-weight: bold;
	font-size:var(--TitelStandardmini);
}

.beitrag_content_box_06 a{
	position:absolute;
    display:flex;
    min-height: 10px;
    padding:0;
	justify-content: center;
	z-index: 1;
	bottom:1rem;
	left:0;
}
.beitrag_content_box_06_01 {
	position: relative;
	transition:var(--bewegung);
	border-radius: var(--borderRadi);
	cursor: pointer;
	width: 45px;
	height: 45px;
	margin:0 0.5rem;
}

.beitrag_content_box_06 p.beitrag_content_box_06_vote1{
	color:var(--weissFarbe);
	position: absolute;
	top:19px;
	left:13px;
	width: 45px;
	height: 45px;
	z-index: 1;
}
.beitrag_content_box_06 p.beitrag_content_box_06_vote2{
	color:var(--weissFarbe);
	position: absolute;
	top:4px;
	left:13px;
	width: 45px;
	height: 45px;
	z-index: 1;
}
.beitrag_content_box_06 img{
	position: absolute;
	top:0;
	left:0;
	width: 45px;
	height: 45px;
	transform: rotate(1deg);
	transition:var(--bewegung);
}

/* ========== ========== Impressum ========== ========== */
.impressum{
	background-color:var(--greyFarbe);
	position: relative;
	width: var(--HundertProz);
	height: var(--HundertProz);
	overflow: hidden;
	padding:1rem;
}
.impressum h4{
	
}
.impressum p{
	padding:1rem 0 1rem 0;
	margin:0 auto;
	max-width: 700px;
}
.impressum a{
	color:var(--HauptFarbe); 
	cursor: pointer;
}

/* ========== ========== content seite ========== ========== */


.content_001{
	position: relative;
    display:block;
	max-width: 1300px;
	height: var(--HundertProz);
	overflow: hidden;
	background-color:var(--HauptFarbe);
	padding:0rem 0 2rem 0;
}

.content_002{   
	position: relative;
    display:block;
    margin:1rem 0rem;
	padding:0rem;
	transition:var(--bewegung);
	border-radius: var(--borderRadi);
}


.content_00_titel{
	position: relative;
    display:block;
    height: var(--HundertProz);
    padding:2rem 1rem;
}
.content_00_titel h2{
	text-align: center;
}
.content_00_info{
	position: relative;
    display:flex;
	flex-wrap: wrap;
	width:var(--HundertProz);
	justify-content: center;
	margin: 0 auto;
}

.content_00_info .content_00_info_text {
    display:block;
    background-color:var(--weissFarbe);
    border:1px solid rgba(219,219,219,1.00);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	border-radius: var(--borderRadi);
	margin:2rem;
    padding:2rem 1rem;
    overflow: hidden;
    height:var(--HundertProz);
    width: 50%;
}
.content_00_info .content_00_info_text h6 {
    padding: 0 0 1rem 0;
}
.content_00_info .content_00_info_img{
    text-align: center;
    overflow: hidden;
    max-width: 1050px; 
	width:100%;
    height:400px;
	margin:1rem 0rem;
}
.content_00_info .content_00_info_img2{
    text-align: center;
    overflow: hidden;
    object-fit: cover;
    width:100%;
    max-height:400px;
	max-width: 1050px; 
	margin:1rem 0rem;
}
.content_00_info img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.content_003{
	position: relative;
    display:flex;
    flex-wrap: wrap;
	height: var(--HundertProz);
    margin:2rem 0rem;
    padding: 0 0rem;
    justify-content: center;
}

.content_003_box{
    position: relative;
    display:block;
    background-color:var(--weissFarbe);
    border:1px solid rgba(219,219,219,1.00);
	border-radius: var(--borderRadi);
	margin:0.5rem;
    padding:1.5rem 1rem;
    overflow: hidden;
    min-height:200px;
    width:26%;
}
.content_003_box h6{
    padding-bottom: 1rem;
}
.content_003_box_link a{
    position: relative;
    text-align: center;
	background-color:var(--secondarFarbe3);
	padding:0.5rem 2rem;
    margin: 1rem;
	transition:var(--bewegung);
	border-radius: var(--borderRadi);
	color: var(--weissFarbe);
	text-transform:none;
    display:flex;
    width:80%;
}

.content_003_box_link a:hover{
	transition:var(--bewegung);
    width:85%;
}

.content_003_box_googlelink a{
	position: relative;
	width: auto;
    display:flex;
    padding:0.5rem 1rem;
    margin:3rem 0 0 0 ;
    border:1px solid rgba(219,219,219,1.00);
	border-radius: var(--borderRadi);
    transition:var(--bewegung);
	justify-content: center;
	text-align: center;
}
.content_003_box_googlelink a:hover{
    transition:var(--bewegung);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.content_003_box_googlelink a p{
    padding:0.5rem 0.2rem;
}
.content_003_box img{
    height:35px;
    width:auto;
}
.content_003_box_p {
    color:var(--greyFarbe2);
}

.content_004{
	position: relative;
	margin:3rem 0rem 3rem 0;
	padding:0rem;
    border:1px solid rgba(219,219,219,1.00);
  	background-color:var(--secondarFarbe2);
	transition:var(--bewegung);
	border-radius: var(--borderRadi);
}

.content_sterntext{
	position: relative;
	top: 1rem;
	right: 1rem;
	background-color:var(--HauptFarbe2);
	/*color:var(--greyFarbe);*/
	color:var(--weissFarbe);
	padding:0.4rem 0.7rem;
	transition:var(--bewegung);
	border-radius: var(--borderRadi10);
}
.content_linktext{
	position: absolute;
	top:-10rem;
	right: 2rem;
	/*background-color:var(--secondarFarbe2);*/
	padding:0.2rem 1rem;
	transition:var(--bewegung);
	border-radius: var(--borderRadi10);
	z-index:1;
}
.content_linktext img{
	width: 200px;
	transition:var(--bewegung);
	transform: rotate(7deg);
}
.content_linktext img:hover{
	width: 200px;
	transform: rotate(14deg);
	transition:var(--bewegung);
}
/* ========== ========== bewertung ========== ========== */
.content_bewertung{
	position: relative;
	display: flex;
	margin:1rem auto;
	padding:0rem;
	height: var(--HundertProz);
	width: var(--HundertProz);
    border:1px solid rgba(219,219,219,1.00);
  	background-color:var(--weissFarbe);
	transition:var(--bewegung);
	border-radius: var(--borderRadi);
	justify-content: center;
	max-width: 1050px;
}
.content_bewertung h4{
	padding: 4rem 2rem 2rem 4rem;
}
.content_bewertung h3{
	padding: 1rem 2rem 2rem 4rem;
}
.content_bewertung a{
	
}
.content_bewertung_box1{
	position: relative;
	margin: 2rem 2rem 1rem 2rem;
	padding:0rem;
	height: var(--HundertProz);
	width: auto;
  	/*background-color:var(--weissFarbe);*/
	transition:var(--bewegung);
}

.content_bewertung_box1 img{
	position: relative;
	height: 100px;
	width: 100px;
	transition:var(--bewegung);
}
.content_bewertung_box1:hover img {
	transform: rotate(-8deg);
	transition:var(--bewegung);
}
.content_bewertung_box2{
	position: relative;
	margin: 2rem 2rem 1rem 2rem;
	padding:0rem;
	height: var(--HundertProz);
	width: auto;
  	/*background-color:var(--weissFarbe);*/
	transition:var(--bewegung);
}
.content_bewertung_box2 img{
	position: relative;
	height: 100px;
	width: 100px;
	transition:var(--bewegung);
}
.content_bewertung_zahl1{
	color:var(--weissFarbe);
	position: absolute;
	top:55px;
	left:30px;
	z-index: 1;
	font-size:var(--TitelStandard2);
	cursor:default;
}
.content_bewertung_zahl2{
	color:var(--weissFarbe);
	position: absolute;
	top:20px;
	left:35px;
	z-index: 1;
	font-size:var(--TitelStandard2);
	cursor:default;
}
/* ========== ========== guetsbook ========== ========== */


.content_guetsboook{
    position: relative;
    display:block;
    background-color:var(--weissFarbe);
    border:1px solid rgba(219,219,219,1.00);
	border-radius: var(--borderRadi);
	padding:2rem 5rem;
	margin: 1rem auto 1rem auto;
    overflow: hidden;
	height: var(--HundertProz);
	width: var(--HundertProz);
	justify-content: center;
	max-width: 1000px;
}
.guetsbook_form1{
	display:block;
}
.nichtsichtbarr {
	display:none;		
}
.content_guetsboook_box{
	border: 2px solid #dedede;
  	background-color: #f1f1f1;
  	border-radius: 5px;
  	padding: 10px 10px 2rem 10px;
  	margin: 1.3rem auto;
	max-width: 800px;
	height: var(--HundertProz);
}
.content_guetsboook h4{
    padding: 4rem 0 0 0;
}
.content_guetsboook_box h6{
	text-align: left;
	padding-top:10px;
}

.time-right {
  	float: right;
  	color: #aaa;
}
.guetsbook_form{
	padding: 0 0 4rem 0;
}
.content_guetsboook_1{
	display:flex;
	justify-content: space-between;
}

.guetsbook_form input{
	padding:1rem;
	margin:0 1rem;
}
.content_guetsboook_2 {
	padding:1rem;
	max-width: 100%;
}
.content_guetsboook_2 textarea{
	max-width: 100%;
}
.content_guetsboook_3 {
	padding:1rem 0 0 0;
}
.content_guetsboook_3 .hover1{
	background-color:var(--secondarFarbe3);
	padding:0.5rem 2rem;
    margin: 1rem;
	transition:var(--bewegung);
	border-radius: var(--borderRadi);
	color: var(--weissFarbe);
	text-transform:none;
	cursor: pointer;
}
.content_guetsboook_3 .hover1:hover{
	padding:0.5rem 3rem;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	transition:var(--bewegung);
}

.content_guetsboook_captcha{
	padding: 0 1rem;
	display:flex;
}
.content_guetsboook_captcha img{
	width: 100px;
}
.content_guetsboook_captcha input{
	width: 200px;
	background-color:var(--secondarFarbe2);
}







/* ========== ========== Kontakt/Login ========== ========== */

.ind_kontakt_01{
	position: relative;
	width: var(--HundertProz);
	height: var(--HundertProz);
	min-height: 400px;
	margin:4rem 0 0rem 0;
	padding:0rem 0;
	background-color:var(--weissFarbe);
	overflow: hidden;
	transition:var(--bewegung);
	min-width: var(--HundertProz);
	background-image: url("../bilder/design/header/index_03.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.kontaktbody{
	position: relative;
	width: var(--HundertProz);	
	height:var(--HundertProz);
	padding:5rem 2rem 2rem 2rem;
	overflow:hidden;
	
	
}
.kontaktbox_login {
	max-width: 100%;
	border-radius: var(--borderRadi10);
	padding:2rem;
	display:block;
	transition:var(--bewegung);
	margin: 1rem 16rem;
	background-color:rgba(229,229,229,0.5);
}

.kontaktbox_login:hover{
	box-shadow: 1px 5px 12px #888888;
	transition:var(--bewegung);
}
.kontaktbox_login h4{
	color:var(--HauptFarbe);
}
.kontaktbox_login form {
	position: relative;
	width: var(--HundertProz);	
	height:var(--HundertProz);
	overflow:hidden;
	padding:2rem;
	display:block;
}
.kontaktbox_login input {
	padding:1rem;
	margin:1rem;
	background-color:var(--inputFarbe);
	border:none;
	border-radius: var(--borderRadi);
}

.kontaktbox_login input[type=text]:focus {	
	border: 3px solid #555;	
}


.kontaktbox_login input[type=submit] {
  	color: var(--weissFarbe);
	background-color:var(--HauptFarbe);
	padding:1rem;
	transition:var(--bewegung);
	cursor:pointer;
	min-width: 200px;
	border:none;
}
.kontaktbox_login input[type=submit]:hover {
  	background-color:var(--weissFarbe);
	color: var(--HauptFarbe);
	box-shadow: 0 12px 16px 0 rgba(0,0,0,0.1), 0 17px 50px 0 rgba(0,0,0,0.1);
	transition:var(--bewegung);
}
.kontaktbox_div3 p{
	width: 50%;
	padding:0rem 0rem 0rem 2rem;
}
.kontaktbox_div{
	position: relative;
	display:flex;
	justify-content: space-around;
	width: var(--HundertProz);	
	height:var(--HundertProz);
	margin:0rem;
}

.kontaktbox_div2{
	width: var(--HundertProz);	
	padding:1rem;
	position: relative;
	display:flex;
	justify-content: flex-start;
	margin:0rem;
}
.kontaktbox_div3{
	position: relative;
	display:block;
	justify-content: flex-start;
	text-align: start;
}

	form {	
}
	label {
		padding:1rem;
		border:none;
		font-weight: bold;
		font-size:var(--TitelStandard);
}

	select[id=online]{
}
	select {
		transition:var(--bewegung);
		padding:1rem;
		border: none;
		background-color:var(--inputFarbe);
		border-radius: var(--borderRadi);
		-moz-appearance: none;
		-webkit-appearance: none;
		appearance:none;
  		cursor: pointer;	
}
	option {	
}
	select:hover {
		background-color:var(--HauptFarbe);
		transition:var(--bewegung);
}
	input {
		-webkit-appearance: none!important;
		/*padding:0rem;*/
		transition:var(--bewegung);
		background-color:var(--inputFarbe);
		border:none;
		border-radius: var(--borderRadi);
		width: var(--HundertProz);
}
	input:hover {
		background-color:var(--HauptFarbe);
		transition:var(--bewegung);
}
	input[type=text] {
		border:none;  
		
		/*margin:1rem 0;*/
}
	input[type=email] {
		border:none;  
		margin:0;
		
}
	input[type=text]:focus {
  		border: 3px solid #555;
}

	input[type=file] {
		border:none;  
		margin:0;
		cursor: pointer;
}
	textarea {
		-webkit-appearance: none!important;
		padding:1rem;
		transition:var(--bewegung);
		min-height: 200px;
		background-color:var(--inputFarbe);
		border:none;
		border-radius: var(--borderRadi);
		width: var(--HundertProz);
}
	textarea:focus {
  		border: 3px solid #555;
}
	textarea:hover {
  		background-color:var(--inputFarbe);
		transition:var(--bewegung);
}
/*button[type=submit] {
  		color: var(--weissFarbe);
		background-color:var(--HauptFarbe);
		padding:1rem;
		transition:var(--bewegung);
		cursor:pointer;
		min-width: 400px;
		border:none;
		border-radius: var(--borderRadi);
}
	button[type=submit]:hover {
		background-color:var(--greenFarbe);		
		color: var(--weissFarbe);
		transition:var(--bewegung);
}*/
	.fehlermeldungen {
		list-style-type: none;
}
	.fehlermeldungen li {
		padding: 0 0 0 1.5rem;
		position: relative;
		color: red;
}
	.fehlermeldungen li:before {
		content: '\26A0';
		position: absolute;
		left: 0;
		top: 0;
		width: 1.5rem;
		height: 1rem;
}
	table {
		overflow:auto!important;		
		border-collapse: collapse;		
}
	th {
		font-weight: bold;		
}
	td {		
}
	tr:nth-of-type( even ) td {
		background-color:#C4C4C4;
}

	tr:nth-of-type( odd ) td {
		background-color: #f0f0f0;
}
	.sql-statement {
		font-family: monospace;
		padding: var(--randAbstand);
		border: 1px solid #999;
		margin: 1rem 0;
}
	.bearbeitencsstd:hover {
		background-color:#02B845;
}
	.loeschencsstd:hover {
		background-color:#FF0004;
}
	.bearbeitencss {
}
	.loeschencss {
}




/* ========== ========== Footer  ========== ==========*/
.ind_footerbox_0{
	position: relative;	
	display: flex;
	width: var(--HundertProz);	
	height: var(--HundertProz);
	transition:var(--bewegung);
}
.ind_footerbox_1{
	position: relative;	
	display: flex;
	width: var(--HundertProz);	
	height: var(--HundertProz);
	transition:var(--bewegung);
	background-color: var(--weissFarbe);
	padding: 1rem 0rem 1.5rem 0rem;
}
.ind_footerbox_1_in1{
	position: relative;	
	display: flex;
	width:20%;	
}
.ind_footerbox_1_in1 p{
	position: relative;	
	display: flex;
	width: var(--HundertProz);	
	height: var(--HundertProz);
	padding: 1.5rem 2rem 2rem 2rem;
}
.ind_footerbox_1_in2{
	position: relative;	
	display: block;
	width:80%;
	height: var(--HundertProz);
}
.ind_footerbox_1_in2_box1{
	position: relative;	
	display: flex;
	width: var(--HundertProz);	
	height: var(--HundertProz);
	padding: 1rem;
}
.ind_footerbox_1_in2_box2{
	position: relative;	
	display: flex;
	width: var(--HundertProz);	
	height: var(--HundertProz);
	padding: 0rem  0rem 1rem 0rem;
	flex-wrap: wrap;
}
.ind_footerbox_1_in2_box2 a{
	display: flex;
	padding: 0.5rem 0rem;
}
.ind_footerbox_1_in2_box2 h6{
	text-align: left;
	padding: 1.2rem 2rem 1rem 0rem;
}
.ind_footerbox_1_in2_box2 img{
	position: relative;	
	margin: 0rem 1rem;
	width: auto;	
	height:60px;
}
.ind_footerbox_2{
	position: relative;	
	display: flex;
	width: var(--HundertProz);	
	height: var(--HundertProz);
	transition:var(--bewegung);
	background-color:var(--HauptFarbe);
}
.ind_footerbox_2_in1{
	position: relative;	
	width: 60%;	
	height:var(--HundertProz);
	display:block;
	background-color:var(--HauptFarbe);
}
.ind_footerbox_2_in1_box2 p{
	padding: 0.5rem 1rem;
	color: var(--greyFarbe2);
	font-size:var(--TitelStandardmini);
}
.ind_footerbox_2_in2{
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 40%;	
	height:auto;
	padding: 1rem 1rem 1.5rem 1rem;
}
.ind_footerbox_2_in2 img{
	position: relative;	
	margin: 1rem 1rem;
	width: auto;	
	height:60px;
}






/* ========== ========== Footer hallerid - icon & copyright ========== ==========*/

		
	.flo_copy_div {
		position: relative;
		padding:1rem 0rem;
		width: var(--HundertProz);	
		background-color:var(--greyFarbe);
		text-align: center;
		bottom: 0rem;
		transition:var(--bewegung);
}	
	
	.flo_copy_div a:hover {
		color: var(--HauptFarbe2);
		transition:var(--bewegung);
}

	.mobilefoot2{
		display:none;
}
	.mobilefoot4{
		display:none;
}
	.fva_footer_icon {
		position: absolute;
		padding: 2rem;
		display:block;
		right: 0;
		justify-content:none;
		text-align:none;
		z-index: 3;
}
	.fva_footer_icon img.flovanadam{
		width: 80px;
		height: 80px;
}
	figure img.flovanadam{
		position: relative;
		width: 150px;
		height: var(--hoeheAuto);
		margin-top:-6rem;
		float: right;
		max-width: 100%;
		transition:var(--bewegung);
}
	figure img.flovanadam:hover{
		transform: rotate(7deg) translate(-8px, -8px);
		transition:var(--bewegung);
}



/* ========== ========== POP UP MELDUNG ========== ========== */

	/* Meldung (Newsletter)	*/
#meldung {
	display:none;
	position: fixed;
	z-index:350;
	top:50px;
	left:200px;
	background:rgba(242,242,242,0.95);
	border:1px solid white;
	box-shadow: 0 4px 4px 4px rgba(0, 0, 0, 0.2);
}
#meldungheader {
  	padding: 10px;
  	cursor: move;
  	z-index: 10;
	height:100%;
	width: 700px;		
}
/*.sichtbar_meldung{
        bottom: 0px;
    
}*/
#meldung #schliessen_meldung {	
	border-radius: var(--borderRadi50);
	cursor:pointer;
	position:absolute;
	font-size:3rem;
	width:3rem;
	height:3rem;
	top:1rem;
	right:1rem;
	border:none;
}
figure.meldungimg {
	padding:0rem 1rem;
	max-width: 80%;
	margin:0 auto;
}
figure.meldungimg img{
	max-width: 100%;
}
.meldungtext {
	color:rgba(54,54,54,1.00);
	font-weight:normal;
	font-size: 15px;
}
.meldungtext2{
	padding:2rem 2rem 2rem 2rem;
	width: var(--breiteHundert);	
	min-height: 100px;
	height: var(--hoeheAuto);
	overflow:hidden;
}
.meldung_hbox{
	position: relative;
	display: flex;
	color:var(--weissFarbe);
	height: var(--hoeheAuto);
	width: auto;
	padding: 0 2rem 1rem 2rem;
	justify-content: center;
}
.link_meldung{
	color:var(--weissFarbe);
	position: relative;
	width: var(--breiteHundert);
	padding: 0.5rem 3rem;
}

/* ========== ========== COOKIE DATENSCHUTZ ========== ========== */
		
	.cookie-banner {
		position: fixed; /*bezogen auf bildschirm fixiert*/
		bottom:-800px;
		left:0;
		right: 0;
		background-color:var(--greyFarbe);
		transition:bottom 2s ease-in-out;
		z-index: 400;
		display:flex;
		justify-content: space-around;
}		
	.sichtbarr {
		bottom:0;		
}
	.cookiestext {
		width: 70%;
		padding:2rem 2rem 2rem 5rem;
}
	.cookiebutton{
		width: 30%;
}
	#akzeptieren-button{
		background-color:var(--HauptFarbe);
		color: var(--weissFarbe);
		transition:var(--bewegung);
		border:2px solid var(--weissFarbe);
		margin:1.5rem 1rem 2rem 0.5rem;
		cursor:pointer;		
}	
	#akzeptieren-button:hover{
		/*background-color:var(--greyFarbe);*/
		transition:var(--bewegung);
		color: var(--weissFarbe)!important;
		border:2px solid var(--weissFarbe);
		margin-right:1.5rem;
}

	#akzeptieren-button p {
		color: var(--weissFarbe);
		padding:1rem;		
		/*font-size:var(--TitelStandard);*/	
		text-transform: uppercase;
		text-align:center;
		/*font-family:'PRIMETIME'!important;*/
}
	#akzeptieren-button p:hover {
		color: var(--weissFarbe);

}
	.cookiestextmr:hover{
		font-weight: bold;
}



/* ========== MEDIA SCREEN  1580px ========== */
/* ========== APPLE NOTEBOOK 16und13zoll ========== */
	@media screen and (max-width:1580px) 
	{
	body {
		/*background-color:lightcoral; ZUM ARBEITEN */
}

/* ========== ========== Footer  ========== ==========*/


        
}

/* ========== MEDIA SCREEN  1200px ========== */
/* ========== APPLE NOTEBOOK 13zoll ========== */
	@media screen and (max-width:1200px) 
	{

	body {
		/*background-color:lightgreen;ZUM ARBEITEN */
}


	#footerbottom {
		justify-content:center;
	
}
/* ========== ========== header ========== ========== */
.header_top_div_nav_ul{
    display:block;
}
.header_top_div_nav_ul ul{
    position: relative;
    width: 100%;
	height: var(--HundertProz);
    display:flex;
	flex-wrap: wrap;
    justify-content: left;
    padding: 0rem 0 0 0;
}


.header_top_div_nav_ul div{
    width: 100%;
    justify-content: flex-start;
    text-align: start;
    padding: 0.2rem 2rem;
} 
.header_top_div_nav_ul img{
    width: 30px;
	height: 30px; 
} 

/* ========== ========== MENU MOBILE ========== ==========*/
	.margin-left{
		margin-left: 0rem;
	}
	.containernav2 {
		cursor: pointer;
		right:1rem;
		/*top:55px;*/
		bottom:3rem;
		position: fixed;
		background-color: var(--secondarFarbe3);
		width: 55px;
		padding:0px 0px 0px 10px;
		height: 55px;
		display: inline-block;
		z-index: 30000;
	}

	.bar1, .bar3 {
	  	margin-left: 5px;
		width: 25px;
	  	height: 5px;
	  	background-color: white;
	  	margin: 6px 0;
	  	transition: 0.4s;
	}

	.bar2 {
	  	width: 35px;
	  	height: 5px;
	  	background-color:white;
	  	margin: 6px 0;
	  	transition: 0.4s;
	}

	.active44 .bar1 {
	  	-webkit-transform: rotate(-45deg) translate(-9px, 6px);
	 	transform: rotate(-45deg) translate(-9px, 6px);
		background-color:var(--HauptFarbe);
		width: 35px;
	}

	.active44 .bar2 {
		opacity: 0;
	}

	.active44 .bar3 {
	 	background-color: var(--HauptFarbe);
	  	-webkit-transform: rotate(45deg) translate(-8px, -8px);
	  	transform: rotate(45deg) translate(-8px, -8px);
		width: 35px;
	}

	.dropdown44-btn {
		display: block;
		border: none;	
	}

	.active44 {
	  	background-color: var(--secondarFarbe3);
	  	color: white;
	}

	.none {
		display:block;
	}

	.dropdown44-container {
  		display: none;
		z-index: 10001;
  		background-color:var(--weissFarbe);
		color:var(--HauptFarbe);
		position: fixed;
		top:0;
		padding:0rem 0rem 0rem 0rem;
		margin:0;
		width: 100%;
		height: 100%;
		border-top: 4.5rem solid var(--HauptFarbe);
		overflow: auto; 		
	}
.header_filter_ul_header{
    display:none;
}
/* ========== ========== Filter  ========== ==========*/
.sticky {
  	top: 0;
	position: relative;
	padding:1rem 2rem 1.5rem 2rem;
}

.sticky + .content {
  	padding-top: 4rem;
}
.sticky + .content2 {
  	padding-top: 4rem;
}

#filter_button{
	height: auto;
	padding:1.5rem 2rem 1.5rem 2rem;
    display:block;
    justify-content:flex-end;
	flex-wrap: wrap;
	box-shadow: none;
}

.filter_suche_form_div{
    padding: 0rem 0;
    display:block;
}
.filter_suche_form{
    display:flex;
	padding: 0.2rem 0;
}
	
.filter_box{
	padding:4rem 1rem 5rem 1rem;
}

.header_top_div_nav_img h1{
 	top:20%;
	animation-name: welcomeamsterdam2;
  	animation-duration:3s;
	font-size:var(--TitelStandard2);
}
/*@keyframes welcomeamsterdam2 {
  0%   {top:10%;font-size:var(--TextMobile);}
  100% {top:20%;font-size:var(--TitelStandard2);}
}*/

/* ========== ========== content seite ========== ========== */


.content_001{
    display:block;
	max-width: 800px;
	width: 100%;	
}
.content_002{ 
    margin:1rem 0rem;
}
.content_002:hover{
	margin:1rem 0rem;
}
.content_00_titel{
    padding:1rem 0.5rem;
}


.content_00_info .content_00_info_text {
    display:block;
	margin:1rem 0rem;
    padding:2rem 1.5rem;
    width: 100%;
	max-width: 600px;
}
.content_00_info .content_00_info_text h6 {
    padding: 0 0 1rem 0;
}
.content_00_info .content_00_info_img{
    width:100%;
    height:300px;
	margin:1rem 0rem;
}
.content_00_info .content_00_info_img2{
    width:100%;
    max-height:300px;
	margin:1rem 0rem;
}
.content_003_box{
    width:320px;
}
.content_linktext{
	justify-content: center;
	text-align: center;
	position: relative;
	top:0rem;
	right: 0rem;
	/*background-color:var(--secondarFarbe2);*/
	padding:0rem 1rem;
	transition:var(--bewegung);
	border-radius: var(--borderRadi10);
	z-index:1;

}
.content_linktext img{
	width: 150px;
	transition:var(--bewegung);
	transform: rotate(7deg);
}
.content_linktext img:hover{
	width: 150px;
	transform: rotate(14deg);
	transition:var(--bewegung);
}

/* ========== ========== bewertung ========== ========== */
.content_bewertung{
	flex-wrap: wrap;
}
.content_bewertung h4{
	padding: 1rem 1rem 0rem 1rem;
	width: 100%;
}
.content_bewertung h3{
	padding: 1rem 1rem 0rem 1rem;
	width: 100%;
}

.content_bewertung_box1{
	margin: 1rem 1rem 1rem 1rem;
	padding:0rem;
	width: 50%;
}
.content_bewertung_box2{
	margin: 1rem 1rem 1rem 1rem;
	padding:0rem;
	width: 50%;
}
/* ========== ========== guetsbook ========== ========== */
.guetsbook_form{
	padding: 0 0 0rem 0;
}
.content_guetsboook_1{
	display:block;
	padding: 0 1rem;
}

.guetsbook_form input{
	padding:1rem;
	margin:1rem 0rem;
}
.content_guetsboook_3 {
	justify-content: center;
	text-align: center;
}




/* ========== ========== Footer  ========== ==========*/
.ind_footerbox_1{
	display:block;
	padding: 0rem 0rem 0rem 0rem;
}
.ind_footerbox_1_in1{
	width:100%;	
}
.ind_footerbox_1_in1 p{;
	padding: 1.5rem 2rem 2rem 2rem;
}
.ind_footerbox_1_in2{
	width:100%;
}
.ind_footerbox_1_in2_box1{
	display: flex;
	padding: 1rem 1rem 1rem 20%;
}
.ind_footerbox_1_in2_box2{
	padding: 0rem  0rem 1rem 0rem;
}
.ind_footerbox_1_in2_box2 a{
	display: flex;
}
.ind_footerbox_1_in2_box2 h6{
	padding: 1.2rem 2rem 1rem 0rem;
}
.ind_footerbox_1_in2_box2 img{
	margin: 0rem 1rem;
	width: auto;	
	height:60px;
}
.ind_footerbox_2{
	display: block;
}
.ind_footerbox_2_in1{
	width: 100%;
}
.ind_footerbox_2_in2{
	width: 100%;
	padding: 1rem 1rem 2rem 1rem;
}
.ind_footerbox_2_in2 img{
	margin: 0rem 1rem;	
	height:60px;
}

	.fva_footer_icon {
		top:42px;
	}

	.fva_footer_icon_member {
		top:280px;

	}

	.mobilefoot2{
		display:block;
	}
	.mobilefoot{
		display:none;
	}



		
}


/* ========== MEDIA SCREEN  1080px ========== */
	@media screen and (max-width:1080px) 
	{
		
	body {
		/*background-color: darkorchid;ZUM ARBEITEN*/
}
		
	h1 {
		font-size:var(--TitelTablet);	
}


  /* ========== ========== Footer ========== ========== */
 
	#footerbottom {
		padding:10px 0px 0px 0px;
}

	#akzeptieren-button  {
		margin-left:2rem;
}		


		
}	
	
/* ========== MEDIA SCREEN  960px ========== */
/* ========== APPLE tablet (kleineres) ========== */
	@media screen and (max-width:960px) 
	{
		
	body {
		 /* background-color:darkorange;ZUM ARBEITEN */
}

	h1 {
		font-size:var(--TitelTablet);
	
}

	h2 {
		font-size:var(--TitelTablet);
}

	h3 {
		font-size:var(--TitelTablet);
		
}

	h4 {
		font-size:var(--TitelMobile);	
}
	h5 {
		font-size:var(--TitelMobile);	
}
/* ========== ========== guetsbook ========== ========== */


.content_guetsboook{
	padding:2rem 1rem 0rem 1rem;
	margin: 1rem auto 1rem auto;
}
.guetsbook_form1{
	display:block;
}
.nichtsichtbarr {
	display:none;		
}

.content_guetsboook h4{
    padding: 4rem 0 0 0;
}
.content_guetsboook_box h6{
	text-align: left;
	padding-top:10px;
	overflow-x: auto;
}
.content_guetsboook_box p{
	overflow-x: auto;
}

.guetsbook_form{
	padding: 0 0 1rem 0;
}
.content_guetsboook_captcha{
	padding: 0 1rem;
	display:block;
	height: var(--HundertProz);
	width: var(--HundertProz);
}
.content_guetsboook_captcha img{
	width: 150px;
}
.content_guetsboook_captcha input{
	width: var(--HundertProz);
	background-color:var(--secondarFarbe2);
	color:var(--HauptFarbe);
}
/* ========== ========== Footer  ========== ==========*/


	.fva_footer_icon {
		padding:0.5rem;
		top:21rem;
}
	.fva_footer_icon img.flovanadam{
		width: 50px;
		height: 50px;
}	
	.cookie-banner {
		padding: var(--randAbstand);
		display:block;
}	
	.sichtbar {
		bottom:0;		
}
	.cookiestext {
		width: var(--breiteHundert);	
}
	#akzeptieren-button  {
		float:none;
		margin-left:0rem;
		margin-bottom:1rem;
		width: 100%;	
}
	#akzeptieren-button	 p{
		font-size:15px;
}
	#meldung {
		top:200px;
		left:20px;
}
	#meldungheader {
		width: 500px;
}
.ind_footerbox_1_in2_box1{
	display: flex;
	padding: 1rem 1rem 1rem 1rem;
}

	}

	
/* ========== MEDIA SCREEN  450px ========== */
	@media screen and (max-width:450px) 
	{

	body {
		 /*background-color:aqua;ZUM BEARBEITEN */
}
	h1 {
		font-size:var(--TitelMobile);		
	}
		
		
	
			
	.cookie-banner {
		padding: var(--randAbstand);
}	
	.sichtbar {
		bottom:0;		
}
	.cookiestext {
		width: var(--breiteHundert);	
}

	#meldung {
		top:80px;
		left:0px;
}
	#meldungheader {
		width: var(--breiteHundert);	
}
	#meldung #schliessen_meldung {	
		height:3rem;
		top:0rem;
		left:1rem;
		background-color: none;
}
	.meldungtext2{
		padding:1rem 1rem 1rem 1rem;
}
	

	}