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

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

header {background-color:#6699CC;
	background: linear-gradient(#CC99FF, #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:20%;}

aside2 {float:right;
	background-color:#9999FF;
	color: #000000;
	text-align:center;
	width:20%;}

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

main {background-color:#CC99FF;
	color: #000000;
	float:left;
	width:60%;}
	
main h1 {font-size: large;
 	margin-bottom: 4px;
	margin-top: 2px;}
h3 {color: #990000;}	

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

footer {background-color:#63adff;
	background: linear-gradient(#CC99FF, #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:6px;
    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:40px;text-indent:-5000px}
#banner2 {background:url(https://www.reiseecke24.com/banner/holidaytrex.jpg) no-repeat;display:inline-block;text-align:center;width:160px;height:40px;text-indent:-5000px}
#banner3 {background:url(https://www.reiseecke24.com/banner/sportstrex.jpg) no-repeat;display:inline-block;text-align:center;width:160px;height:40px;text-indent:-5000px}
#breadcrumb::before {content: "\00A9 2026 reiseecke24.com";}

@keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}

body { margin: 0; } 
div#slider { overflow: hidden; }
div#slider figure img { width: 20%; float: left; }
div#slider figure { 
  position: relative;
  width: 500%;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  animation: 30s slidy infinite; 
}

/* [ON THE BIG SCREEN] */
/* HAMBURGER ICON */
#page-nav-wrap label {
  color: #fff;
  background: #CC66FF;
  padding: 2px;
  font-size: 23px;
  cursor: pointer;
}
#page-nav-wrap label, #hamburger {
  /* Hide the hamburger icon */
  display: none;
}
/* NAVIGATION BAR */
#page-nav-wrap {
  background: #CC66FF;
}
#page-nav {
  display: flex;
  flex-direction: column;
}
#page-nav a {
  color: #fff;
  padding: 2px;
  font-size: 21px;
  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(#CC99FF, #CC66FF);
}

/* [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;
}