/* || general styles */

html {
  font-family: 'helvetica neue', helvetica, arial, sans-serif;
}


body, html {
    
    width: 100%;  /* Sets the html and body width and height */
    height: 100%; /* to the width and height of the window.*/
    margin: 0;
    text-align: center;
    background-color: #b3d4fc;
}

/*hintergrund und div von bis des inhalts der scrollt*/

.parallax {
  /* The image used */
  background-image: url("bilder/bg_nb.jpg");


  /* Set a specific height */
  min-height:200px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  }

/*scrollender hintergrund*/
.bg {
	background-color: rgba(255, 255, 255,0.9); 
	margin-left: 5%;
	margin-right: 5%;
	width: 90%;
	background-position: center;
	
  }


h1, h2 {
  font-family: 'Faster One', cursive;
}

/* header styles */

h1 {
  font-size: 4rem;
  text-align: center;
}

header p {
  font-size: 1.3rem;
  font-weight: bold;
  text-align: center;
   
}

	

/* section styles */

section article {
  /*width: 33%; 
  float: center;*/
  text-align: center;
}


section, aside {
	flex: 2 1 0;
	padding: 1em;
	margin: 1em;
	/*background-color: #f1f3f4;
	border: 2px dotted #adadad;*/
	/*height: 96em;*/
	transition: height 1s ease-in-out;
}

.hide {
	transition: height 1s ease-in-out;
	height: 5em;
	overflow: hidden;
}


section p {
  margin-left: 20px 0;
}

section ul {
  margin-top: 0;
}

h2 {
  font-size: 2.5rem;
  letter-spacing: -5px;
  margin-bottom: 10px;
}

/*
sectione {
	img.width = '400';
}	
*/

sectionf {
	background-color: #b3d4fc;
}	
      
 /*für logos grösse bestimmen*/    
  
/*buttons*/

.myButton {
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
	background-color:#ededed;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#777777;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.myButton:hover {
	background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
	background-color:#dfdfdf;
}
.myButton:active {
	position:relative;
	top:1px;
}

/*navigation*/
.topnav {
  overflow: hidden;
  background-color: transparent; /*#F2E0F7*/ 
}

.topnav a {
  float: center;
  color: #0431B4;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.topnav a:hover {
  background-color: transparent;
  color: black;
}

.topnav a.active {
  background-color: #4CAF50;
  color: white;
}

.topnav1 {
  overflow: hidden;
  background-color: #b3d4fc;
}