/*
    Theme Name: Baker
    Theme URL: https://bootstrapmade.com/baker-free-onepage-bootstrap-theme/
    Author: BootstrapMade.com
    Author URL: https://bootstrapmade.com
*/

@font-face {
font-family: 'Helvetica Neue Light';
font-style: normal;
font-weight: normal;
src: local('../fonts/Helvetica Neue Light'), url('../fonts/HelveticaNeueLight.woff') format('woff');
}

@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/sanspro/source-sans-pro-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),
       url('../fonts/sanspro/source-sans-pro-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/sanspro/source-sans-pro-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/sanspro/source-sans-pro-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/sanspro/source-sans-pro-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/sanspro/source-sans-pro-v11-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

body {
  line-height: 1.4;
  font-family: 'Candara', sans-serif;
  color: black;
  font-weight: 300;
  letter-spacing: 0.4px;
  min-width: 320px !important;	
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Candara', sans-serif;
  font-weight: 600;
}

#map {

margin: 0 0 0 0 !important;  
}  

.section-padding {
  padding: 50px 0px;
  font-size: 16px;
}

.section-paddingred {
  font-size: 16px;
}

.navbarlogo {
position: relative;
width: 80%;
margin: 0 auto;	
max-width: 1280px;
	}
	

#loader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}



@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}



#portfolio {
padding-top: 10px !important;
}

/* Add animation to "page content" */

.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s
}

@-webkit-keyframes animatebottom {
  from {
    bottom: -100px;
    opacity: 0
  }
  to {
    bottom: 0px;
    opacity: 1
  }
}

@keyframes animatebottom {
  from {
    bottom: -100px;
    opacity: 0
  }
  to {
    bottom: 0;
    opacity: 1
  }
}

/***********************************
************************************
HEADER
************************************
***********************************/


.header {
  background: url('../img/bg-banner02.jpg') no-repeat fixed;
  background-size: 100% auto;
  background-position: top;
  min-width: 1260px;
}


.bg-color {
  background-color: rgba(0, 0, 0, 0.4);
  min-height: 480px;
}

#main-header {
}


.navbar-default {
  background-color: transparent;
  border: 0px;
  padding: 20px 0;
  transition: all 0.3s;
  height: 100px;
}



.logo {
	transition: transform .3s;
}

.navbar-zoom {
	transition: transform .2s;
}

.navbar-zoom:hover {
	-ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Safari 3-8 */
    transform: scale(1.1); 
}

 .infoleft img {
display:inline-block;
} 


.sehtestbild {
width: 17%; 
display: inline-block; 
float: left; 
margin: 10px 0 0 8%;
}

.sehtesttext {
width: 52%; 
padding: 15px 0 0 1%; 
display: inline-block; 
text-align: justify;
}

.landoltringebild {
width: 15%; 
display: inline-block;  
margin: 0 0 0 2%; 
vertical-align: top;
}

.mobiletermine, .btn-more5 {
display: block;
margin: 20px auto 10px; 
border: 1px solid #f57f17;
color: #fff;
background: #f57f17;
}

@media (max-width: 768px) {
	.navbar-default {
		background: rgba(64, 75, 97, 0.9);
	}
	
#myNavbar {
background-color: rgba(64, 75, 97, 0.9);
}	
}
.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
  color: #002F2F;
}

.top-nav-collapse {
  background: rgba(64, 75, 97, 0.9);
}

.logo-dec {
  color: #f57f17;
}

.navbar-default .navbar-brand {
  color: #fff;
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
}

.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: #fff;
}

.navbar-brand {
  padding: 0px;
  font-size: 24px;
  text-transform: uppercase;
  padding: 15px 0px;
  margin-top: 6px;
}

.navbar-default .navbar-nav>li>a {
  padding: 0.6em 0.6em;
  font-size: calc(0.3em + 0.7vw);
  line-height: 54px;
  font-weight: 400;
  text-transform: uppercase;
  background: transparent;
  color: #fff;
  -webkit-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
  text-shadow: 2px 2px 2px black;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
  color: #f57f17;
  background-color: transparent;
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
  background-color: transparent;
  color: #f57f17;
}

.banner-info {
  padding-top: 0px;
  color: #fff;
}

.banner-info-lessmargin {
  padding-top: 100px;
  color: #fff;
}



h2.bnr-sub-title, h1.bnr-sub-title {
    padding-left: 3%;
  font-family: 'Helvetica Neue Light';
  font-weight: 100;
  font-size: 47px;
  text-align: left;
  text-shadow: 2px 2px 2px black;
display:inline-block;
}

.bnr-para {
 font-family: 'Helvetica Neue Light';
  line-height: 1.8;
  font-size: 15px;
  text-shadow: 2px 2px 2px black;
  margin: -10px 0 0 0;
  }

.btn-download, .btn-more, .btn-more2, .btn-download:hover, .btn-download:focus, .btn-more:focus, .btn-more2:focus, .btn-more3, .btn-more4, .btn-more3:focus, .btn-more4:focus, .btn-more5, .btn-more5:focus {
  text-transform: uppercase;
  margin-top: 50px;
  color: #fff;
  border: 0;
  font-size: 14px;
  font-weight: 300;
  line-height: 24px;
  padding: 10px 30px;
  border-radius: 60px;
  margin: 20px 10px 0 0;
  outline: none !important;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: all 0.3s;
}

.btn-download {
  background-color: #f57f17;
}

.btn-more, .btn-more:focus, .btn-more4, .btn-more4:focus {
  margin-left: 15px;
  border: 1px solid #f57f17;
  color: #f57f17;
}

.btn-more:hover, .btn-more4:hover, .btn-more5:hover {
  background: #f57f17;
  color: #fff;
}

.btn-more2, .btn-more2:focus, .btn-more3, .btn-more3:focus {
margin-left: -50px;
  border: 1px solid #f57f17;
  color: #fff;
  background: #f57f17;
}

.btn-more2:hover, .btn-more3:hover {
border: 1px solid #fff;
    color: #fff;
}

.highlights {  
text-shadow: 0 0 3px #f57517;
margin: 0 0 0 -10%;
font-size: 17.2px;
}


.highlights:hover {
		transition: transform .2s;
		-ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Safari 3-8 */
    transform: scale(1.1); 
}

.preis {
text-shadow: 1px 1px 10px #f57517;
	}
		

.overlay-detail a i {
  text-align: center;
  position: absolute;
  bottom: 5.5em;
  font-size: 38px;
  color: #fff;
}

.btn-more3, .btn-more4 {
display: none;
	}



/***********************************
************************************
features
************************************
***********************************/

#feature {	
	}

.title, .service-title {
  font-family: 'Candara', sans-serif;

  text-transform: uppercase;
}

.item-img {
  margin-bottom: 15px;
}

.sub-title {
  font-size: 20px;
}

.bottom-line {
  margin-top: 20px;
  margin-bottom: 40px;
  border: 0;
  border-top: 0px;
  height: 3px;
  width: 40px;
  background-color: #f57f17;
}

.wrap-item h3 {
  font-size: 24px;
  line-height: 25px;
}

h3 {
font-size: 2.5em;
}

.pad-bt15 {
  padding-bottom: 15px;
}

.pad-bt20 {
  padding-bottom: 30px;
}

.termine {
margin-top: 10px;
margin-bottom: 30px;	
text-align: center;
}

.price {
display: block;
}

.pricemerged {
display: none;  
}

.sec-sub-title {
  padding-top: 30px;
}

.sec-sub-title {
  font-size: 16px;
  font-weight: bold;
  color: #002F2F;
  text-transform: uppercase;
  margin: 25px 0px;
  line-height: 1.7;
}

#service {
  background-color: #F3F4F8;
}

ul.service-list li i {
  color: #002F2F;
  padding-right: 10px;
}

.learn-more, .learn-more:hover, .learn-more:focus {
  height: 50px;
  width: 175px;
  background: #046380;
  display: inline-block;
  text-align: center;
  color: #ffffff;
  line-height: 50px;
  text-transform: uppercase;
  font-size: 16px;
  text-decoration: none;
  margin-right: 10px;
  margin-top: 45px;
  text-decoration: none;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}

.visit-portfolio, .visit-portfolio:hover, .visit-portfolio:focus {
  height: 50px;
  width: 175px;
  display: inline-block;
  text-align: center;
  color: #495376;
  line-height: 50px;
  text-transform: uppercase;
  font-size: 16px;
  text-decoration: none;
  border: 1px solid #838aa1;
  margin-top: 45px;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}

.bx-wrapper img {
  width: 70px;
  display: inline-block;
  border-radius: 50%;
  border: 2px solid #fff;
  margin-bottom: 15px;
 margin-left:44%;
}

.service-item h3 span {
  opacity: 0.7;
  font-size: 75px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: -5px;
  font-weight: 900;
  padding-right: 6px;
}

.service-item h3 {
  font-weight: 700;
}

.service-item p {
  opacity: 0.6;
  color: inherit;
  padding: 10px 0px;
}

.service-item a {
  color: #f57f17;
}

.mr-btn-15 {
  margin-bottom: 15px;
}

.padding-right-zero {
  padding-right: 0px !important;
}

.bx-wrapper {
  margin: 0 auto 35px;
}

.portfolio-item {
  position: relative;
  overflow: hidden;
}

.portfolio-item figure {
  margin: 0;
  padding: 0;
  position: relative;
  cursor: pointer;
}

.portfolio-item figure img {
  display: block;
  position: relative;
  z-index: 10;
  margin: -15px 0
}

.portfolio-item figure figcaption {
  display: block;
  position: absolute;
  z-index: 5;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.portfolio-item figure h2, .portfolio-item figure h1 {
  font-family: 'Fira Sans', sans-serif;
  color: #fff;
  font-size: 20px;
  text-align: left;
  padding-bottom: 15px;
}

.portfolio-item figure p {
  display: block;
  line-height: 18px;
  margin: 0;
  color: #fff;
  text-align: left
}

.portfolio-item figure figcaption {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 59px 30px;
  background-color: rgba(255 204 51 1);
  backface-visibility: hidden;
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
  text-align: center;
}

.portfolio-item figure img {
  backface-visibility: hidden;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s
}

.portfolio-item figure:hover img, figure.hover img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  transform: scale(1.2)
}

.portfolio-item figure:hover figcaption, figure.hover figcaption {
  -webkit-transform: rotateY(0);
  -moz-transform: rotateY(0);
  transform: rotateY(0)
}


.freeseats {
padding: 0 0 0 0;
font-weight: 500;	
border-radius: 20px;
border: 1px solid #000;
width: 95%;
height: 50%;
margin: 0 auto;
background-color: rgba(0,128,0,1);
color: #fff;
white-space: nowrap;
	}
	
.lowfreeseats {
padding: 0 0 0 0;
font-weight: 500;	
border-radius: 20px;
border: 1px solid #000;
width: 95%;
height: 50%;
margin: 0 auto;
background-color: rgba(255,128,0, 0.8);
color: #fff;
white-space: nowrap;	
	}
	
.nofreeseats {
padding: 0 0 0 0;
font-weight: 500;	
border-radius: 20px;
border: 1px solid #000;
width: 95%;
height: 50%;
margin: 0 auto;
background-color: rgba(179,0,0, 0.8);
color: #fff;	
width: 100%;
	}	
 
 .freeseats, .nofreeseats, .lowfreeseats, .toolate, .kursvorbei {
width: calc(100px + 5vw); 
  } 

 .statustext {
font-size: 1em !important;
}  

.nofreeseats div {
display: inline-block;
margin: -2% 0 0 0;
} 

.freeseats div, .toolate div, .kursvorbei div {
display: inline-block;  
}

.statustext {
font-size: calc(0.3em + 0.7vw);
} 

.lowseatstext {
font-size: calc(0.3em + 0.5vw);
}

.noseatstext {
font-size: calc(0.3em + 0.5vw);
}
	
.lowfreeseats div {
display: inline-block;
margin: 0 0 0 0;  
}

.toolate {
padding: 0 0 0 0;
font-weight: 500;	
border-radius: 20px;
border: 1px solid #000;
width: 95%;
height: 50%;
margin: 0 auto;
background-color: rgba(255,128,0, 0.8);
color: #fff;	
	}					

.kursvorbei {
padding: 0 0 0 0;
font-weight: 500;	
border-radius: 20px;
border: 1px solid #000;
width: 95%;
height: 50%;
margin: 0 auto;
background-color: rgba(0,128,0,1);
color: #fff;
	}	
		
.actual {
display: block !important;
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);	
	}	
		
.reservationbutton  {
font-size: 0.85em;
	background: #ab5407;
border-radius: 20px;
width: 90%;
margin: 0 auto;
cursor: pointer;
border: 1px solid black;
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
	}	
	
.inactive {
display: none;	
	}
	
.reservationbutton a {
display: inline-block;
font-weight: 100;
width: 100%;
height: 100%;
border-radius: 20px;
padding: 5px;
color: #e6e6e6;	
transition: all 0.2s;	
	}	
	
.reservationbutton:hover > a  {	
background-color: #7a3c05;
text-decoration: none;
color: #fff !important;
box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19)
}
/***********************************
************************************
TESTIMONIAL
************************************
***********************************/

#testimonial {
  background: rgb(73, 84, 105);
  background-size: cover;
  height: 390px;
}

#news {
  background: rgb(73, 84, 105);
  background-size: cover;
}

.fremdsprachen {
  background: url('../img/bg-banner02.jpg') fixed no-repeat top center;
  background-size: cover;
  height: 280px;
}
.fremdsprachen-bg {
background-color: RGBA(0, 0, 0, 0.5);
height: 280px;
padding-top: 20px;
padding-bottom: 50px;
text-shadow: 2px 2px 2px black;
	}

.bg-testicolor {

  min-height: 390px;
}

.white {
  color: #fff !important;
}

.testimonial-item ul li blockquote {
  font-size: 18px;
  line-height: 32px;
  color: #fff;
  font-weight: 300;
  text-shadow: 1px 1px 2px #333;
  text-align: center;
  display: inline-block;
  width: 100%;
  margin: 20px 0;
  padding: 0 80px;
  position: relative;
  border: 0;
}

.testimonial-item ul li small {
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  text-shadow: 1px 1px 2px #333;
  text-align: center;
  display: inline-block;
  width: 100%;
}

.bx-viewport {
  height: 235px !important;
  background-color: transparent !important;
  border: 0px none !important;
  box-shadow: none !important;
}

.testimonial-item ul li blockquote::before {
  content: '“';
  left: 30px;
}

.testimonial-item ul li blockquote::before, .testimonial-item ul li blockquote::after {
  position: absolute;
  font-weight: 300;
  font-size: 3em;
  font-family: Georgia, serif;
  color: #ccc;
  top: 62%;
}

.testimonial-item ul li blockquote::after {
  content: '”';
  right: 30px;
}

/***********************************
************************************
Blog
************************************
***********************************/

.blog-info h2, .blog-info h1 {
  font-weight: 600;
  font-size: 20px;
  letter-spacing: 1px;
  padding-top: 5px;
  text-align: center;
}

.blog-comment {
  margin-top: 12px;
  min-height: 30px;
}

.blog-info p, .blog-comment p {
  color: black;
}

.blog-comment p:first-child {
  float: left;
}

.blog-comment p:last-child {
  float: right;
  margin-right: 0;
}

.blog-comment p i {
  color: #949494;
}

.read-more {
  color: #949494;
  margin-top: 15px;
  display: inline-block;
  transition: all 0.8s;
}

.read-more:hover {
text-weight: bold;
transform: scale(1.05);	
	}
.blog-img {
  position: relative;
  margin-bottom: 20px;
  overflow: hidden;
}

.blog-img img:hover {
  opacity: 1;
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}

.blog-img img {
  width: 100%;
  opacity: 0.8;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
}

/***********************************
************************************
contact
************************************
***********************************/

#contact {
  background-color: rgb(73, 84, 105);
}

.btn-submit, .btn-submit:hover, .btn-submit:focus {
  background-color: transparent;
  border-radius: 60px;
  color: #f57f17;
  font-weight: 400;
  border: 1px solid #f57f17;
  font-size: 14px;
  padding: 6px 20px;
  margin: -5px 0 0 32.5%;
}

.form-control {
  background-color: transparent;
  border-radius: 0px;
  color: #f57f17 !important;
  border-color: #f57f17;
}

.form-control:focus {
  border-color: #f57f17;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}

.contact-form input.form-control {
  color: #fff;
}

.validation {
  color: red;
  display: none;
  margin: 0 0 20px;
  font-weight: 400;
  font-size: 13px;
}

#sendmessage {
  color: green;
  border: 1px solid green;
  display: none;
  text-align: center;
  padding: 15px;
  font-weight: 600;
  margin-bottom: 15px;
}

#errormessage {
  color: red;
  display: none;
  border: 1px solid red;
  text-align: center;
  padding: 15px;
  font-weight: 600;
  margin-bottom: 15px;
}

#sendmessage.show, #errormessage.show, .show {
  display: block;
}

.loction-info p {
  margin-bottom: 26px;
}

.loction-info p i {
  color: #f57f17;
}

/***********************************
************************************
contact
************************************
***********************************/

#footer {
  padding: 20px 0px;
}

.scrollToTop {
  position: fixed;
  bottom: 12px;
  right: 12px;
  width: 42px;
  height: 42px;
  color: #ffffff;
  background: #f57f17;
  font-size: 14px;
  line-height: 42px;
  text-align: center;
  z-index: 100;
  cursor: pointer;
  display: none;
}

.white-bg {
  background-color: #fff;
}

#footer a {
  color: #f57f17;
  font-weight: 400;
}

/***********************************
************************************
Responsive media queries
************************************
***********************************/

/***********************************
************************************
cta
************************************
***********************************/

.cta {
  background-color: rgb(73, 84, 105);
}

.cta .cta-info {
  width: 100%;
  float: left;
  padding: 30px 25px 30px 15px;
  border-radius: 5px;
}

.cta .cta-info .cta-txt h3 {
  font-size: 32px;
  margin-bottom: 10px;
}

.cta .cta-info .cta-btn {
  margin-top: 16px;
  background-color: rgb(190, 158, 33);
  padding: 20px 50px;
  color: #FFF;
  font-size: 22px;
  display: inline-block;
  transition: all 0.5s ease-in 0s;
}

.pad-bt20 {
margin-top: 0;	
	}
	
/***********************************
************************************
Responsive media queries
************************************
***********************************/

@media (min-width: 1160px) {
  .navbar-zoom {
  font-size: 0.6em !important;}

  .angebote {
    font-size: 1.5em;
  }
}

@media (min-width: 980px) and (max-width: 1160px){
  .navbar-zoom {
  font-size: 0.13em !important;}

   .angebote {
    font-size: 5em;
  }
}


@media (min-width: 768px) and (max-width: 992px) {
body {
overflow-x: hidden !important;	
	}	

/*.collapse {
	background-color: rgba(64, 75, 97, 0.9) !important;
}
*/

.navbar-zoom {
margin: 0 0 0 5vw;
font-size: 2em;	
	}

.navbar-default {
  height: 70px !important;
}	

.navbar-default .navbar-nav>li>a {
  padding: 0.6em 0.3em;
  font-size: 0.8em;
  line-height: 54px;
  font-weight: 200;
}

.navbar-zoom div a {
color: #fff;
margin: 0 auto 0 auto;
width: 100%;
padding: 3% 3% 3% 10% !important;
}
	
	
.header {
  background: url('../img/bg-banner02.jpg') no-repeat; 
  background-size: 100% 100%;
  background-position: -200px 75px;
  }	

 .banner-info {
  padding-top: 0px;
  color: #fff;
} 
  
  .infoleft {
margin-top: -120px !important;	  
	  }

 .infoleft img[type=logo] {
display:none;
}   
	  
.logo {
margin-top: -15px;	
	}	  	  

.container {
margin-left: 4vw;
width: 95vw;
	}
	
.inforight {
margin-top: 10px !important;	
margin-right: -50px !important;
	}
	
.btn-more2, .btn-more2:focus {
margin-left: -60px;
  border: 1px solid #f57f17;
  color: #fff;
  background: #f57f17;
}	
	
.col-md-3 {
max-width: 340px !important;	
	}	
	
.row2 {
width: 98% !important;
margin-left: 5vw !important;	
	}	

.pad-bt20 {
margin-top: 20px;	
	}

    .wichtigeinfo {
margin-top: 0em !important;
padding: 2em 5em 2em 5em !important;
  }

.jobs {
font-size: 1em !important;	
	}

.sehtestbild {
width: 20%; 
display: inline-block; 
float: left; 
margin: 10px 0 0 8%;
}

.sehtesttext {
width: 40%; 
padding: 15px 0 0 1%; 
display: inline-block; 
text-align: justify;
}

.landoltringebild {
width: 20%; 
display: inline-block;  
margin: 0 0 0 2%; 
vertical-align: top;
}
	
  .service-item, .blog-sec, .wrap-item, .loction-info {
    margin-bottom: 15px;
  }
  .portfolio-item figure figcaption {
    padding: 55px 30px;
  }
  .padding-right-zero {
    padding-right: 15px !important;
  }

.terminsection {
margin: 0 0 0 0;
width: 98vw;
	}
	
.termine table {
width: 99%;
max-width: 99%;	
	}	

.orte img {
width: 99% !important;	
	}

.wichtiges {
width: 97% !important;

	}	


.wichtiges ul li:nth-of-type(1) {
margin: 0 10px 0 -40px !important;
width: 50px !important;
	}	

.wichtiges ul li:nth-of-type(2) {
margin: 0px 30px 0 0px !important;
width: 50px !important;
vertical-align: top !important;
	}	
	.wichtiges ul li:nth-of-type(3) {
margin: 0 80px 0 0px !important;
width: 40px !important;
vertical-align: top !important;
	}	
	.wichtiges ul li:nth-of-type(4) {
margin: 0 10px 0 15px !important;
width: 50px !important;
vertical-align: top !important;
	}	
  .containerheader {
width: 100%;	    
	  }
	  
	  
.bnr-sub-title {	
width: 600px;
	}
	
#separatekursortmap {
margin: -35px 0 0 0;

}  
	
	  
}

@media (min-width: 591px) and (max-width: 767px) {
body {
overflow-x: hidden !important;	
	}	
	
#myNavbar {
background-color: rgba(64, 75, 97, 0.9);
}
	
.freeseats, .nofreeseats, .lowfreeseats, .toolate, .kursvorbei {
padding: 4% 0 2% 0 !important;	
font-weight: 300; 
border-radius: 10px;
height: 60px;
white-space: normal !important;
width: auto !important;
	}	

 .statustext {
font-size: 0.8em !important;
}  	

.navbar-default {
  height: 70px !important;
}	
	
  .service-item, .blog-sec, .wrap-item, .loction-info {
    margin-bottom: 15px;
  }
  
.header {
  background: url('../img/bg-banner02.jpg') no-repeat; 
  background-size: 100% 100%;
  background-position: -270px 75px;
  }	  
  
/*.collapse {
	background-color: rgba(64, 75, 97, 0.9) !important;
}   */

.navbar-zoom {
margin: 0 0 0 5vw;	
font-size: 2em;
	}

 .navbar-zoom div a {
color: #fff;
margin: 0 auto 0 auto;
width: 100%;
padding: 3% 3% 3% 10% !important;
font-size: 0.6em !important;
} 
	
.fahrschulen {
font-size: calc(0.5em + 0.3vw) !important;	
	}
  
.logo {
margin-top: -15px;	
	}	   
  
  .infoleft {
margin-top: -30px !important;	  
	  }

 .infoleft img[type=logo] {
display:none;
}     
	  
.inforight {
margin-top: 120px !important;	
	}	  
 
.bnr-sub-title {	
width: 600px;
	} 
 
.btn-more2 {
margin: 3% 15% 0 0 !important;	
	} 
 
.container {
margin-left: 2vw;
width: 95vw;
	}

.row {
  margin-top: 50px
}	
.pad-bt20 {
margin-top: 20px;
font-size: 1.5em;	
	}

     .wichtigeinfo {
margin-top: 0em !important;
padding: 2em 2em 2em 2em !important;
  } 

 .sehtestbild {
width: 35%; 
display: inline-block; 
float: left; 
margin: 10px 0 0 15%;
}

.sehtesttext {
width: 100%; 
padding: 15px 7.5% 0 7.5%; 
clear: both; 
text-align: justify;
text-align-last: center
margin: 0 auto;
}

.landoltringebild {
width: 40%; 
float: right; 
margin: -460px 5% 0 2%; 
vertical-align: top;
} 

.jobs {
font-size: 1em !important;	
	}	 
	
.terminsection {
margin: 0 0 0 0;
width: 98vw;
	}
	
.termine table {
width: 99%;	
	}		
 
.orte img {
width: 99% !important;	
	}
	
.wichtiges {
width: 97% !important;
margin-left: 15px !important;
	}		
  
#name {
width: 97.5% !important;
	} 
	
.ortaddr {
font-size: 2vw !important;	
	}	
.freeseats, .nofreeseats, .lowfreeseats, .toolate, .kursvorbei {
transform: scale(0.9);
	}	
	
.kursdatum {
font-size: 1em !important;	
	}
	
.kursort {
font-size: 1.05em !important;	
	}	
	
.textparagraph {
display: block !important;
width: 90% !important;
margin: 0 auto 0 !important;
text-align-last: center !important;
} 

.textparagraph.list {
text-align-last: left !important;
}

#separatekursortmap {
margin: 30px 0 0 0;
border-top: 0px !important;
}

}

@media (min-width: 370px) and (max-width: 590px) {
	
#myNavbar {
background-color: rgba(64, 75, 97, 0.9);
}	
	
.freeseats, .nofreeseats, .lowfreeseats, .toolate, .kursvorbei {
padding: 4% 3% 2% 3% !important;	
font-weight: 300; 
border-radius: 10px;
height: 60px;
white-space: normal !important;
width: auto !important;
	}	

 .statustext {
font-size: calc(0.4em + 1.6vw) !important;
margin-top: 3px;
}  

.freeseats {
padding: 4% 6% 2% 6% !important; 
}

.price {
display: none;
}

.nofreeseats div:nth-of-type(1) {
margin-top: 6px !important;  
}

.reservationbutton  {
font-size: 0.9em;
border-radius: 10px;
width: 90%;
margin: 0 auto;
cursor: pointer;
border: 1px solid black;
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
  } 

.pricemerged {
display: block;
margin-bottom: 5px;
font-size: 1.5em;
}

.wichtiges ul li:nth-of-type(3) {
margin-top: 20px !important;
margin-left: -70px !important;	
	}
	
.bg-color {
  background-color: rgba(0, 0, 0, 0.7);
}	
	
  .navbar-default .navbar-brand {
    padding-left: 16px;
    margin-top: 0px;
  }
  .banner-info {
    padding-top: 40px;
  }

  h2.bnr-sub-title, h1.bnr-sub-title {
    font-size: 33px;
  }
  body {
    font-size: 14px;

  }
  .btn-download, .btn-more, .btn-more2, .btn-download:hover, .btn-more:hover, .btn-download:focus, .btn-more:focus, btn-more2:focus {
    font-size: 12px;
    padding: 7px 18px;
  }
  .wrap-item h3 {
    font-size: 18px;
  }
  .title, .service-title {
    font-size: 28px;
  }
  .sub-title {
    font-size: 15px;
  }
  .service-item, .blog-sec, .wrap-item, .loction-info {
    margin-bottom: 15px;
  }
  .loction-info {
    padding: 0px 15px;
  }
  .portfolio-item figure figcaption {
    padding: 30px 30px;
  }
  .padding-right-zero {
    padding-right: 15px !important;
  }
  .portfolio-item figure p {
    font-size: 14px;
  }
  .portfolio-item figure h2, .portfolio-item figure h1 {
    font-size: 18px;
  }
  .testimonial-item ul li blockquote {
    font-size: 14px;
    line-height: 22px;
    margin: 10px 0;
    padding: 0 40px;
  }
  .navbar-default .navbar-nav>li>a {
    line-height: 22px;
    text-align: center;
  }
  
 .wrapperbig {
overflow-x: hidden !important;	 
	 }
  
 body {
max-width: 590px !important;
min-width: 320px !important}	

.navbar-default {
  height: 70px !important;
}	
	
  .service-item, .blog-sec, .wrap-item, .loction-info {
    margin-bottom: 15px;
  }
  
.header {
  background: url('../img/bg-banner02.jpg') no-repeat; 
  background-size: 100% 100%;
  background-position: -510px 15px;
  max-width: 590px !important;
  }	  
  
/*.collapse {
	background-color: rgba(64, 75, 97, 0.9) !important;
}  */

.navbar-zoom {
margin: 0 0 0 0;	
font-size: 10vh !important;
	}

 .navbar-zoom div a {
color: #fff;
margin: 0 auto 0 auto;
width: 100%;
padding: 3% 3% 3% 10% !important;
font-size: 0.45em !important;
} 
	
.fahrschulen {
font-size: calc(0.5em + 0.3vw) !important;	
	}
  
.logo {
margin-top: -15px;
margin-left: -30px;
	}	   
	
.logo img {
width: calc(150px + 16vw) !important;		
	}	
 
.bnr-sub-title {
margin-left: -20px !important;	
	}
  
  .infoleft {
width: 95vw !important;	  
margin-top: 6vh !important;
margin-left: -10px !important;	  
	  }  

.infoleft img[type=logo] {
display:none;
}    
	  
.inforight {
margin-top: 2% !important;
margin-right: -7vw !important;	
width: 95vw !important;
	}	
	
.highlights {
font-size: calc(0.6em + 1vw) !important;	
	}	  
 
.bnr-sub-title {	
font-size: calc(9vw - 0.2em) !important;
	}

.fa-angle-down {
bottom: -350px !important;	
	}	 
 
.btn-more2 {
display: none;
	}

.btn-more {
display: none;
	}	
	
.btn-more3, .btn-more4 {
display: inline-block !important;
margin: -10px 5px 30px 0;
	}	 
 
.container {
margin-left: 2vw;
width: 95vw;
	}

.container.map {
margin: 0;
width: 100%;
padding: 0 !important;
  }  

.mobiletermine {
display: block !important;
margin: 20px auto 0px;
}      
	
.pad-bt20 {
margin-top: 0px;
font-size: 1.3em;	
	}
    
 .wichtigeinfo {
margin-top: 0em !important;
padding: 2em 2em 2em 2em !important;
  } 

  .sehtestbild {
clear: both !important;
width: 140px;
margin: 10px 30% 0 30% !important;
}

.sehtesttext {
width: 100%; 
padding: 15px 7.5% 0 7.5%; 
clear: both; 
text-align: justify;
text-align-last: center
margin: 0 auto;
}

.landoltringebild {
width: 140px; 
clear: both !important;
margin: 0 30% 0 25%; 
vertical-align: top;
}  

.jobs {
margin-top: -20px;
font-size: 0.9em !important;	
	}	 
	
.terminsection {
margin: 0 0 0 0;
width: 98vw;
	}
	
.hiddenkursort {
display: block !important;	
	}	

.kursort {
 display: none; 
}	

.placeholderhidden {
 display: block !important; 
}
	
.termine table {
width: 99%;
line-height: 1.0;
	}		

.terminbox tbody tr {
height: 100px !important;  
}  
 
.orte img {
width: 99% !important;	
	}
	
.wichtiges {
width: 97% !important;
margin-left: 15px !important;
	}		
  
#name {
width: 97.5% !important;
	} 
	
.ortaddr {
font-size: 2vw !important;	
	}	
.freeseats, .nofreeseats, .lowfreeseats, .toolate, .kursvorbei {
padding-top: 5% !important;
transform: scale(0.9);
	}	
	
.kursdatum {
font-size: 1em !important;	
	}
	
.kursort {
font-size: 1.05em !important;	
	} 
	
.orte {
display: inline-block !important;
transition: transform .8s, opacity 0.8s;
opacity: 0.9 !important;
width: 40% !important;
margin: 0 auto;
height: auto;
font-size: 36px;
transform: scale(0.9);	
	}

  .textparagraph {
display: block !important;
width: 90% !important;
margin: 0 auto 0 !important;
text-align-last: center !important;
} 

.textparagraph.list {
text-align-last: left !important;
}

.img {
zoom: 0.8 !important;
}

#separatekursortmap {
margin: 35px 0 0 0;
}	

.kursorttext {
font-size: 1.2em;
margin-bottom: 15px;  
}

}

.footnote {
	font-size: 10px;
	font-family: Candara;
	color: #D3D3D3;
	text-align: left;
	padding-left: 3%
	}

.orange {
	color: orange;
	text-shadow: 1px 1px 8px #000;
}

.orangebig {
	color: #f57f17;
	font-weight: bold;
}

.inforight {
    font-family: 'Helvetica Neue Light';
	width: 38%; 
	float: right;
	margin-right: -10px;
	margin-top: 35px;
	line-height: 1.6;
	font-size: 15px;
	text-align: left;
	color: white;
text-shadow: 2px 2px 2px black;
padding: 0 0 0 2em;
	}

  .inforight h1 {
  font-family: 'Helvetica Neue Light';
 font-weight: 100 !important; 
margin: 18px 0 0 0;
}

.infoleft {
	margin: 25px 0 0 0 !important;
	float: left;
	width: 62%; 
}



.infomiddle {
	clear: left;
	clear: right;
}

.tablecenter {
	margin-left: auto;
	margin-right: auto;
}

.terminbox {
text-align: center;
font-family: 'Source Sans Pro', sans-serif;		
border: 3px solid black;
width: 80%;
max-width: 1280px;
	}
	
.hiddenkursort, .placeholderhidden {
  display: none;
}
	
table.terminbox tr:nth-child(even) {
  background-color: rgba(245,127,23, 0.2);
}


.terminbox thead {
font-size: calc(0.7em + 1.3vw);
color: black;
font-weight: bold;
border-left: 2px solid;
 background: #F57F17;
  background: -moz-linear-gradient(top, #F57F17 0%, #F9A825 66%, #FBC02D 100%);
  background: -webkit-linear-gradient(top, #F57F17 0%, #F9A825 66%, #FBC02D 100%);
  background: linear-gradient(to bottom, #F57F17 0%, #F9A825 66%, #FBC02D 100%);
  border-bottom: 2px solid #444444;
}

.terminbox tbody tr td {
height: 70px;
font-size: calc(0.75em + 0.5vw);
}

.terminbox, table.terminbox th, table.terminbox tr {
text-align: center;
color: black;
}

.terminbox th {
border: 1px solid black;
	}
	
.terminbox tr:hover {
background-color: rgba(245,127,23, 0.7) !important;
border: 3px solid black;	
}	

@font-face {
font-family: 'DivMittel';
src: url('../fonts/din1451m.ttf') format('truetype');
font-weight: normal;
font-style: normal;
	}	
	
.orte {
display: inline-block;
transition: transform .8s, opacity 0.8s;
opacity: 0.7;
width: 24%;
height: auto;
font-size: 36px;
transform: scale(0.9);
	}
	
.orte img {
width: 100% !important;
display:inline-block;
float: left;	
	}	
	
.orte:hover {
	-ms-transform: scale(1.0); /* IE 9 */
    -webkit-transform: scale(1.0); /* Safari 3-8 */
    transform: scale(1.0); 
	transition: all .6s;
	opacity: 1.0 !important;
  cursor: pointer;

}
	
.fullwidth {
width: 100%;
text-align: center;	
	}

.jobs {
font-family: 'Candara' sans-serif;
font-size: calc(0.7em + 0.6vw) !important;
text-align: center;
color: white;	

	}

.img-responsive {
margin-left: 46%;
margin-bottom: 50px;	
margin-top: 30px;	}



.wichtiges {
position: relative;
font-size: 13.50px;
margin: 0 0 0 0;
width: 560px;
height: 75px;

padding: 2px 0 0 0;
list-style: none;
border-top: 2px solid #bebebe;
	}
	
.wichtiges ul {
display: inline;
width: 100%;


	}	
	
.wichtiges ul li {
	text-align: left;
	display: inline-block;
width: 26%;	
color: #dcdcdc;	
transition: all 0.2s;
vertical-align: top !important;
	}	
	
.wichtiges ul li:hover, .links:hover {
color: #fff;
text-decoration: none;
	}		
	
.wichtiges ul li:nth-of-type(1) {
margin: 0 0 0 -39px;
width: 8%
	}	
	
.wichtiges ul li:nth-of-type(2) {
margin: 0 0 0 30px;
width: 23%;

	}

.wichtiges ul li:nth-of-type(3) {
margin: 30px 0 0 -80px;	
width: 24%;
	}			
		
.wichtiges ul li:nth-of-type(4) {
	text-align: right;
	width: 16%;
margin: 0 0 0 40px;
	}

.wichtiges ul li:nth-of-type(5) {
  width: 16%;
margin: 0 0 0 40px;
  } 	
	
.links {
color: #dcdcdc;
 text-decoration: none;	
	}	
	
.wichtiges ul li:nth-of-type(3) {
margin-left: -10px;
margin-top: 0px;	
	}

.wichtiges ul li:nth-of-type(4) {
margin-left: -10px;	
	}		
		
.faqlink {
color: #fff;
text-decoration: underline;
transition: all 0.2s;	
	}		
	
.faqlink:hover {
color: #f57f17	
	}	
	
.datenschutzpopup {
background-color: rgba(211, 211, 211, 0.95);
border-radius: 6px 6px 0 0;
font-size: 1em;
border: 1px solid #f57f17;
padding: 0.3vh 2vw 0.3vh 2vw;
width: 98%;
margin-left: calc(1% - 2px);	
position: fixed;
bottom: 0;	
text-align: center;
	}
		
	
#popup {
display:none;	
	}	
	
#popup-close {
padding-top: calc(0.5em + 0.1vh);
padding-bottom: calc(0.5em + 0.1vh);
padding-left: calc(1em + 1vw);
padding-right: calc(1em + 1vw);
margin-left: 1em;
color: #f57f17;
font-weight: bold;
font-shadow: 0px 0px 5px #808080;
border-radius: 5px;
border: 1px solid #f57f17;
box-shadow: 0 0 5px #808080;
display: inline-block;
cursor: pointer;
background-color: #f5f5f5;
	}

@media (min-width: 1px) and (max-width: 369px) {
#myNavbar {
background-color: rgba(64, 75, 97, 0.9);
}	
	
.freeseats, .nofreeseats, .lowfreeseats, .toolate, .kursvorbei {
padding: 4% 3% 2% 3% !important;	
font-weight: 300; 
border-radius: 10px;
height: 60px;
white-space: normal !important;
width: auto !important;
	}	

 .statustext {
font-size: calc(0.4em + 1.6vw) !important;
}  

.freeseats {
padding: 4% 6% 2% 6% !important; 
}

.price {
display: none;
}

.nofreeseats div:nth-of-type(1) {
margin-top: 6px !important;  
}

.reservationbutton  {
font-size: 0.9em;
border-radius: 10px;
width: 90%;
margin: 0 auto;
cursor: pointer;
border: 1px solid black;
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
  } 

.pricemerged {
display: block;
margin-bottom: 5px;
font-size: 1.5em;
}

.wichtiges ul li:nth-of-type(3) {
margin-top: 20px !important;
margin-left: -70px !important;	
	}
	
.bg-color {
  background-color: rgba(0, 0, 0, 0.7);
}	
	
  .navbar-default .navbar-brand {
    padding-left: 16px;
    margin-top: 0px;
  }
  .banner-info {
    padding-top: 40px;
  }

  h2.bnr-sub-title, h1.bnr-sub-title {
    font-size: 33px;
  }
  body {
    font-size: 14px;

  }
  .btn-download, .btn-more, .btn-more2, .btn-download:hover, .btn-more:hover, .btn-download:focus, .btn-more:focus, .btn-more2:focus, .btn-more5, .btn-more5:hover, .btn-more5:focus {
    font-size: 12px;
    padding: 7px 18px;
  }
  .wrap-item h3 {
    font-size: 18px;
  }
  .title, .service-title {
    font-size: 28px;
  }
  .sub-title {
    font-size: 15px;
  }
  .service-item, .blog-sec, .wrap-item, .loction-info {
    margin-bottom: 15px;
  }
  .loction-info {
    padding: 0px 15px;
  }
  .portfolio-item figure figcaption {
    padding: 30px 30px;
  }
  .padding-right-zero {
    padding-right: 15px !important;
  }
  .portfolio-item figure p {
    font-size: 14px;
  }
  .portfolio-item figure h2, .portfolio-item figure h1 {
    font-size: 18px;
  }
  .testimonial-item ul li blockquote {
    font-size: 14px;
    line-height: 22px;
    margin: 10px 0;
    padding: 0 40px;
  }
  .navbar-default .navbar-nav>li>a {
    line-height: 22px;
    text-align: center;
  }
  
 .wrapperbig {
overflow-x: hidden !important;	 
	 }
  
 body {
max-width: 590px !important;
min-width: 320px !important}	

.navbar-default {
  height: 70px !important;
}	
	
  .service-item, .blog-sec, .wrap-item, .loction-info {
    margin-bottom: 15px;
  }
  
.header {
  background: url('../img/bg-banner02.jpg') no-repeat; 
  background-size: 100% 100%;
  background-position: -510px 15px;
  max-width: 590px !important;
  }	  
  
/*.collapse {
	background-color: rgba(64, 75, 97, 0.9) !important;
}  */

.navbar-zoom {
margin: 0 0 0 0;	
font-size: 10vh !important;
	}

 .navbar-zoom div a {
color: #fff;
margin: 0 auto 0 auto;
width: 100%;
padding: 3% 3% 3% 10% !important;
font-size: 0.35 !important;
} 
	
.fahrschulen {
font-size: calc(0.5em + 0.3vw) !important;	
	}
  
.logo {
margin-top: -15px;
margin-left: -30px;
	}	   
	
.logo img {
width: calc(150px + 16vw) !important;		
	}	
 
.bnr-sub-title {
margin-left: -20px !important;	
	}
  
  .infoleft {
width: 95vw !important;	  
margin-top: 6vh !important;
margin-left: -10px !important;	  
	  } 

.infoleft img[type=logo] {
display:none;
}     
	  
.inforight {
margin-top: 2% !important;
margin-right: -7vw !important;	
width: 95vw !important;
	}	
	
.highlights {
font-size: calc(0.6em + 1vw) !important;	
	}	  
 
.bnr-sub-title {	
font-size: calc(9vw - 0.2em) !important;
	}

.fa-angle-down {
bottom: -350px !important;	
	}	 
 
.btn-more2 {
display: none;
	}

.btn-more {
display: none;
	}	
	
.btn-more3, .btn-more4 {
display: inline-block !important;
margin: -10px 5px 30px 0;
	}	 
 
.container {
margin-left: 2vw;
width: 95vw;
	}

.container.map {
margin: 0;
width: 100%;
padding: 0 !important;
  }  
  

.container.map > div {
display:block;
text-align: center;
  }  

.mobiletermine {
display: block;
margin: 20px auto 0px;
}    
	
.pad-bt20 {
margin-top: 0px;
font-size: 1.3em;	
	}

      .wichtigeinfo {
padding: 2em 0.5em 2em 0.5em !important;
margin-top: 0 !important;
  } 


   .sehtestbild {
clear: both !important;
width: 140px;
margin: 10px 0 0 20% !important;
}

.sehtesttext {
width: 100%; 
padding: 15px 3% 0 3%; 
clear: both; 
text-align: justify;
text-align-last: center
margin: 0 auto;
}

.landoltringebild {
width: 140px; 
clear: both !important;
margin: 0 0 0 20%; 
vertical-align: top;
}    

.jobs {
margin-top: -20px;
font-size: 0.9em !important;	
	}	 
	
.terminsection {
margin: 0 0 0 0;
width: 98vw;
transform: scale(0.9) !important;
	}
	
.hiddenkursort {
display: block !important;	
	}	

.kursort {
 display: none; 
}	

.placeholderhidden {
 display: block !important; 
}
	
.termine table {
width: 99%;
line-height: 1.0;
	}		

.terminbox tbody tr {
height: 100px !important;  
}  
 
.orte img {
width: 99% !important;	
	}
	
.wichtiges {
width: 97% !important;
margin-left: 15px !important;
	}		
  
#name {
width: 97.5% !important;
	} 
	
.ortaddr {
font-size: 2vw !important;	
	}	
.freeseats, .nofreeseats, .lowfreeseats, .toolate, .kursvorbei {
padding-top: 5% !important;
transform: scale(0.9);
	}	
	
.kursdatum {
font-size: 1em !important;	
	}
	
.kursort {
font-size: 1.05em !important;	
	} 
.orte {
display: inline-block !important;
transition: transform .8s, opacity 0.8s;
opacity: 0.9 !important;
width: 40% !important;
margin: 0 auto;
height: auto;
font-size: 36px;
transform: scale(0.9);	
	}		

.textparagraph {
display: block !important;
width: 90% !important;
margin: 0 auto 0 !important;
text-align-last: center !important;
} 

.textparagraph.list {
text-align-last: left !important;
}

.img {
zoom: 0.75 !important;
}

#separatekursortmap {
margin: 35px 0 0 0;

}

.kursorttext {
font-size: 1.2em;
margin-bottom: 0;  
}

	}				

  .wichtigeinfo {
background-color: green;
color: #fff;
margin-top: -1.5em;
padding: 2em 10em 2em 10em;
text-shadow: 2px 2px 1px grey;
  }

.wichtigeinfo a {

font-weight: bold;
color: orange;
text-decoration: italic;
text-decoration: underline;  
}


.read-more.collapsed:before {

content: 'Mehr erfahren →';

}

.read-more:before {

content: '← Weniger';

}


@media (min-width: 992px) {

 .banner-info {
  padding-top: 90px;
  color: #fff;
} 

#separatekursortmap {
margin: 80px 0 0 0;

}
}



.navbar-zoom:nth-of-type(2) {
cursor: pointer; 
background: rgba(64, 75, 97, 0.0);
border-radius: 15px;
}

.angebote{
display: none;
}

.navbar-zoom div a {
color: #fff;
margin: 0 auto 0 auto;
width: 100%;
padding: 10% 3% 10% 10%;
}

.navbar-zoom div a:nth-of-type(1) {
border-bottom: 1px solid #f57f17;
}

.angebutton:hover .angebote, .angebutton:active .angebote {
display: block;
background: rgba(64, 75, 97, 0.9);
border-radius: 15px;
}

.angebutton:hover, .angebutton:active {
background: rgba(64, 75, 97, 0.9) !important;
border-radius: 15px;
}

.navbar-zoom div a {
color: #fff; 
display: block; 
}

.navbar-zoom div:nth-of-type(1) {

margin-top: -15px;
}
 .navbar-zoom div:nth-child(1) {
margin-top: 0px;

 }

 .targetkursort {
font-family: 'Helvetica Neue';
font-style: normal;
font-weight: normal;
  width: auto; height: 25px;
  padding: 0 5px 0 5px;
  text-shadow: 1px 1px 2px #404040;
  border: 1px solid #f57f17;
  border-radius: 5px;
  background-color: rgba(245, 127, 23, 0.9);
  color: #fff;
  text-align: center;
  line-height: 20px;
  font-size: 17px;
  z-index: 999;
}

.marker-langenselbold {
  width: 120px; 
  border-radius: 5px;

}

.marker-hanau {
  width: 80px; 
  border-radius: 5px;
 
}

.marker-butzbach {
  width: 80px; 
  border-radius: 5px;
}

.marker-frankfurt {
  width: 80px; 
  border-radius: 5px;
}
 
.marker-eschborn {
  width: 80px; 
  border-radius: 5px;
}

.marker-badhomburg {

  width: 110px; 
  border-radius: 5px;

}

.marker-ruesselsheim {

  width: 100px; 
  border-radius: 5px;
}

.marker-gelnhausen {

  width: 100px; 
  border-radius: 5px;
}

.marker-frankfurt, .marker-hanau, .marker-eschborn, .marker-badhomburg, .marker-ruesselsheim, .marker-langenselbold, .marker-butzbach, .marker-gelnhausen {
font-family: 'Helvetica Neue';
font-style: normal;
  background-color: rgba(64, 75, 97, 0.9);
  color: #f57f17;
  text-shadow: 1px 1px 2px #404040;
  height: 23px;
  font-size: 14px;
  text-align: center;
  font-weight: bold;
    border: 1px solid #f57f17;
}

.marker-kursfinder {
font-family: 'Helvetica Neue';
font-style: normal;
padding: 3px 10px 3px 10px;
  text-shadow: 1px 1px 2px #404040;
  
  border: 1px solid #f57f17;
  border-radius: 5px;
  
  background-color: rgba(64, 75, 97, 0.9);
  color: #f57f17;
  text-align: center;
  line-height: 16px;

  font-weight: bold;
  font-size: 11px;
}

.textparagraph {
display: inline-block;
}