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

body {background-color:#6699CC;
	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: #FFFFFF;
	font-size: xx-large;
	font-family:Broadway BT, Verdana, Geneva, sans-serif;
	text-shadow: 2px 2px 2px royalblue;
	font-style:italic;
	font-weight:normal;
	padding: 5px;
	text-align:left;}
	
#hilfscontainer {margin:0px auto;
	 max-width:1920px;}

aside {float:left;
	text-align:center;
	width:25%;}

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

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

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

footer {background-color:#63adff;
	background: linear-gradient(#FF8C00, #AFEEEE, #008FFF);
	clear:left;
	color:#ffffff;
	font-size:normal;
	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:#ffffff; 
    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:#ffffff;}
 
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}
#banner {background:url(https://www.reiseecke24.com/banner/snowtrex.jpg) no-repeat;display:inline-block;text-align:center;width:160px;height:500px;text-indent:-5000px}
#banner2 {background:url(https://www.reiseecke24.com/banner/holidaytrex.jpg) no-repeat;display:inline-block;text-align:center;width:178px;height:75px;text-indent:-5000px}
#breadcrumb::before {content: "\00A9 2025 reiseecke24.com";}

/* [ON THE BIG SCREEN] */
/* HAMBURGER ICON */
#page-nav-wrap label {
  color: #fff;
  background: #66CCFF;
  padding: 5px;
  font-size: 20px;
  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: #6699CC;
	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;
}