@charset "utf-8";
/* CSS Document */

body {background-color:#ffffff;
	color:#000000;
	font-family:Verdana, Geneva, sans-serif;
	margin:0px;}
	
body a {color:#0000ff;}

header {background-color:#6699CC;
	background: linear-gradient(#FF8C00, #AFEEEE, #008FFF);
	color: #0000FF;
	font-size: x-large;
	font-family:Verdana, Geneva, sans-serif;
	text-shadow: 1px 1px 1px white;
	font-style:italic;
	font-weight:normal;
	padding: 3px;
	text-align:left;}
	
#hilfscontainer{width: 100%;}

aside {text-align:center;
	background-color:#FFCC33;
	width:100%;}

nav {margin:0px;
	padding-bottom:2px;
	padding-left:2px;
	padding-right:2px;
	padding-top:5px;
	text-align:center;}

main {background-color:#ffffff;
	color: #000000;
	width:100%;}
	
main h1 {font-size: large;
 	margin-bottom: 2px;
	margin-top: 2px;}
			h3 {
		  color: #990000; 
		}	

article {border: 1px solid grey;
	border-radius:10px;
	margin:2px;
	padding-bottom:2px;
	padding-left:2px;
	padding-right:2px;
	padding-top:2px;}

footer {background-color:#63adff;
	background: linear-gradient(#FF8C00, #AFEEEE, #008FFF);
	color:#ffffff;
	font-size:small;
	font-style:italic;
	font-weight:normal;
	padding-bottom:2px;
	padding-top:10px;
	text-align:center;
	width: 100%;}

img {max-width:100%; height:auto;}

ul {margin:0; 
    padding:0;
    width:100%;
    list-style-type:none;
	font-size:large;
}

ul li a {
    text-decoration:none;
    color:white; 
    padding:10.5px 11px;
	margin-bottom:10px;
    background-color:#0066CC;
	background: linear-gradient(#008FFF, #66CCFF);
    display:block;
	border-radius:10px;
}
 
ul li a:visited {color: white;}
 
ul li a:hover, ul li .current {color: black;
    background-color: orange;}

#logo24 {background:url(https://www.reiseecke24.com/logo/logo40.png) no-repeat;display:inline-block;float:left;width:45px;height:40px;text-indent:-5000px}
#phone24 {background:url(https://www.reiseecke24.com/logo/phone24kl.png) no-repeat;display:inline-block;float:right;width:143px;height:30px;text-indent:-5000px}
#logo_wa {background:url(https://www.reiseecke24.com/logo/whatsapp_logo.jpg) no-repeat;display:inline-block;width:22px;height:22px;text-indent:-5000px}
#breadcrumb::before {content: "\00A9 2026 reiseecke24.com";}

/* [ON THE BIG SCREEN] */
/* HAMBURGER ICON */
#page-nav-wrap label {
  color: #3333FF;
  background: #66CCFF;
  padding: 3px;
  font-size: 23px;
  cursor: pointer;
}
#page-nav-wrap label, #hamburger {
  /* Hide the hamburger icon */
  display: none;
}
/* NAVIGATION BAR */
#page-nav-wrap {
  background: #66CCFF;
}
#page-nav {
  display: flex;
  flex-direction: column;
}
#page-nav a {
  color: #fff;
  padding: 5px;
  font-size: 20px;
  text-decoration: none;
  text-align: center;
  /* Flex grow and basis will auto adjust the width */
  /* Remove these if you do not want auto width */
  flex-grow: 1;
  flex-basis: 0;
  /* A little bit of CSS animation magic */
  transition: all ease 0.3s;
}
#page-nav a:hover {
  background: #FF8C00;
	background: linear-gradient(#FF8C00, #66CCFF);
}

/* [ON THE SMALL SCREEN] */
@media only screen and (max-width: 600px) {
  /* Show hamburger icon */
  #page-nav-wrap label {
    display: inline-block;
  }
  /* Collapse menu */
  #page-nav {
    flex-direction: column;
  }
  /* Show/hide menu on checkbox click */
  #page-nav {
    display: none;
  }
  #page-nav-wrap input:checked ~ #page-nav {
    display: flex;
  }
}

/* [DOES NOT MATTER] */
html, body {
  margin: 0;
  padding: 0;
  font-family: arial, sans-serif;
}