body #logo, body #logo img {
    max-width: 100%;
    width: 150px;
}

#header-top-bar {
  top: 115px;
}

.flexslider {
  top: 115px;
}

header {
  background: none;
}

.align_left {
  float: left;
  margin-right: 15px;
/*  margin-bottom: 10px;*/
}

.align_right {
  float: right;
  margin-left: 15px;
/*  margin-bottom: 10px;*/
}

.fehler {
  color: red;
  margin-top: 10px;
  margin-bottom: 10px;
}

form ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

label {
  margin-bottom: 3px;
}

#main select {
  background-color: #FEFEFE;
  background-image: linear-gradient(to bottom, #F1F1F1 0%, #FFFFFF 100%);
  border: 1px solid #A49F8F;
  border-radius: 2px;
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.12);
  margin: 1px 0 15px 3px;
  padding: 7px 8px;
}

#main input, #main textarea, #main select {
  margin-top: 5px;
}

input.button:hover {
  color: #5F757E;
}

.randrechts40px {
  margin-right: 40px;
}

h4.error { color: red; margin-bottom: 20px; }
#formular p.error { color: red; }
#formular div.error label { /*margin: 0.5em 0; border: 1px solid red; padding: 2px 5px;*/ color: red; }



/*.caption-progression {
    font-size: 22px;
    padding-bottom: 10px;
    padding-left: 100px;
}*/
/*
@media only screen and (min-width: 959px) and (max-width: 1165px) {
  .caption-progression {
    padding-bottom:8px;
    padding-left:80px;
    font-size:25px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
  .caption-progression {
    padding-bottom:7px;
    padding-left:70px;
    font-size:23px;
  }
}

@media only screen and (max-width: 767px) {
  .caption-progression {
    padding-bottom:5px;
    padding-left:20px;
    font-size:15px;
  }
}
*/

/*
=============================================== 02. BASE STYLES (1165px) ===============================================
*/
/* Note: Design for a width of 1165px */
.caption-progression {
	padding-bottom:5px;
/*	padding-left:80px;*/
	font-size:25px;
}

/*
=============================================== #DESKTOP (960px) ===============================================
*/
/* Note: Design for a width of 960px */
@media only screen and (min-width: 959px) and (max-width: 1165px) {
.caption-progression {
/*	padding-bottom:80px;
	padding-left:80px;
	font-size:25px;*/
  font-size:20px;
  padding-bottom:5px;
}
}

/*
=============================================== #Tablet (Portrait) ===============================================
*/
/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {

.caption-progression {
/*	padding-bottom:70px;
	padding-left:70px;
	font-size:23px;*/
  font-size:15px;
  padding-bottom:5px;
}

}

/*
=============================================== #Mobile (Portrait) ===============================================
*/
/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {
.caption-progression {
/*	padding-bottom:55px;
	padding-left:20px;
	font-size:15px;*/
  font-size:10px;
  padding-bottom:5px;
}

.flexslider {
  top: 0;
}

#page-title-divider {
  top: 0;
}

#main {
    margin-top: 0;
}

}

/*
=============================================== #Mobile (Landscape) ===============================================
*/
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {

.caption-progression {
  font-size:12px;
  padding-bottom:5px;
}

.flexslider {
  top: 0;
}

#page-title-divider {
  top: 0;
}

#main {
    margin-top: 0;
}

}