/* open-sans-300 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/open-sans-v20-latin-300.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/open-sans-v20-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/open-sans-v20-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/open-sans-v20-latin-300.woff') format('woff'), /* Modern Browsers */
    url('../fonts/open-sans-v20-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/open-sans-v20-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-300italic - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 300;
    src: url('../fonts/open-sans-v20-latin-300italic.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/open-sans-v20-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/open-sans-v20-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/open-sans-v20-latin-300italic.woff') format('woff'), /* Modern Browsers */
    url('../fonts/open-sans-v20-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/open-sans-v20-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/open-sans-v20-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/open-sans-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/open-sans-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/open-sans-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/open-sans-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/open-sans-v20-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-italic - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/open-sans-v20-latin-italic.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/open-sans-v20-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/open-sans-v20-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/open-sans-v20-latin-italic.woff') format('woff'), /* Modern Browsers */
    url('../fonts/open-sans-v20-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/open-sans-v20-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/open-sans-v20-latin-600.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/open-sans-v20-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/open-sans-v20-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/open-sans-v20-latin-600.woff') format('woff'), /* Modern Browsers */
    url('../fonts/open-sans-v20-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/open-sans-v20-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600italic - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 600;
    src: url('../fonts/open-sans-v20-latin-600italic.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/open-sans-v20-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/open-sans-v20-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/open-sans-v20-latin-600italic.woff') format('woff'), /* Modern Browsers */
    url('../fonts/open-sans-v20-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/open-sans-v20-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/open-sans-v20-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/open-sans-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/open-sans-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/open-sans-v20-latin-700.woff') format('woff'), /* Modern Browsers */
    url('../fonts/open-sans-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/open-sans-v20-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700italic - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    src: url('../fonts/open-sans-v20-latin-700italic.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/open-sans-v20-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/open-sans-v20-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/open-sans-v20-latin-700italic.woff') format('woff'), /* Modern Browsers */
    url('../fonts/open-sans-v20-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/open-sans-v20-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-800 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/open-sans-v20-latin-800.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/open-sans-v20-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/open-sans-v20-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/open-sans-v20-latin-800.woff') format('woff'), /* Modern Browsers */
    url('../fonts/open-sans-v20-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/open-sans-v20-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-800italic - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 900;
    src: url('../fonts/open-sans-v20-latin-800italic.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/open-sans-v20-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/open-sans-v20-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/open-sans-v20-latin-800italic.woff') format('woff'), /* Modern Browsers */
    url('../fonts/open-sans-v20-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/open-sans-v20-latin-800italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}


/* Bestelltabellen auf 100% */
table.dataTable {
    width: 100% !important;
}


.sidebar {
  .ms-flex: 0 0 300px;
  -webkit-box-flex: 0;
          flex: 0 0 300px;
}

html, body {
  background-color: #fff;
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: 400;
  font-size: .9rem;
  height: 100vh;
  margin: 0;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    margin-bottom: 0.5rem;
    font-weight: 700;
    line-height: 1.2;
	text-transform: uppercase;

}

.full-height {
  height: 100vh;
}

.flex-center {
  -webkit-box-align: center;
          align-items: center;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
}

.position-ref {
  position: relative;
}

.top-right {
  position: absolute;
  right: 10px;
  top: 18px;
}

.content {
  text-align: center;
}

.title {
  font-size: 84px;
}

.m-b-md {
  margin-bottom: 30px;
}

.links > a {
  font-family: "Arial", sans-serif;
  font-size: 13px;
  font-weight: 600;
  margin-right: 5px;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
  border-radius: 5px 5px 5px 5px;
  text-decoration: none;
  outline: none;
  padding: 12px 18px;
  position: relative;
  background-color: #4c1b5c;
  border-color: #4c1b5c;
  border-width: 1px;
  border-style: solid;
  color: #ffffff !important;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  margin-bottom: 6px;
  outline: none;
  line-height: 14px;
  cursor: pointer;
}

.links > a:hover {
  background-color: #fff;
  border-color: #4c1b5c;
  border-width: 1px;
  border-style: solid;
  color: #4c1b5c !important;
}

.container2 {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.bg-purple {
    background-color: #4c1b5c;
}

/* ----------------------------------------------------------------
Navigation
-----------------------------------------------------------------*/
.brand_text {
	font-size: 1.1rem; 
	font-weight: 600; 
	letter-spacing: 0.2em; 
	text-transform: uppercase; 
	color: #4c1b5c
}


.navbar-dark .navbar-nav .nav-link {
    color: #fff;
	font-size: 1rem;
	font-weight: 600;
	letter-spacing: 0.1rem
	}
	
.dropdown-item {
    font-weight: 600;
	letter-spacing: 0.1rem
	}
	
.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active {
    color: #4c1b5c;
    background-color: #ffffff;
    padding-top: .5rem;
    padding-bottom: .5rem;
}	

.navbar-dark .navbar-nav .nav-link:hover {
    color: #4c1b5c;
    background-color: #ffffff;
    padding-top: .5rem;
    padding-bottom: .5rem;
}

.badge-pill{
	position: absolute;
	background-color: red;
	font-size: .9rem;
	right: .25rem;
	top: -0.15rem;
	z-index: 10;
	padding: .2rem;
	border: 0;"
	}



#navi li {
  position: relative;
  z-index: 1;
  list-style: none;
}

#navi ul {
  position: absolute;
  bottom: 0;
  left: 0;
}

/* ----------------------------------------------------------------
Buttons und links Neue Farbe Türkis Stefan 28.05.2021
-----------------------------------------------------------------*/

a {
  color: #21888f;
}

.btn {
    color: #fff !important;
    background-color: #21888f !important;
    border: 1px solid #21888f !important;
}

.btn.hover {
    color: #21888f !important;
    background-color: #fff !important;
    border: 1px solid #21888f !important;
}

/* ----------------------------------------------------------------
FOOTER
-----------------------------------------------------------------*/
#footer {
  display: block;
  position: relative;
  font-size: 14px;
  line-height: 32px;
  font-weight: 400;
}

#footer .copyright-content {
  min-height: 80px;
  padding: 30px 0;
  background-color: #4c1b5c;
  color: #fff;
  font-size: 13px;
}

.col-md-12 {
  height: auto;
}

/* ----------------------------------------------------------------
Popup
-----------------------------------------------------------------*/

.modal-body {
    max-height: calc(100vh - 210px);
    overflow-y: auto;
}

.btn-reg {
    color: #fff !important;
    background-color: red !important;
    border: 1px solid red !important;
}

.btn-log {
    color: #fff !important;
    background-color: green !important;
    border: 1px solid green !important;
}

.btn-reg:hover {
    color: red !important;
    background-color:#fff !important;
    border: 1px solid red !important;
}

.btn-log:hover {
    color: green !important;
    background-color: #fff !important;
    border: 1px solid green !important;
}

.modal-lg {
    margin-top: 50px;
    margin-bottom: 50px;
    height: 85%;
}


/* ----------------------------------------------------------------
FOOTER
-----------------------------------------------------------------*/
#footer {
    display: block;
    position: relative;
    font-size: 14px;
    line-height: 32px;
    font-weight: 400;
    margin-top: 2rem;
}

#footer .copyright-content {
    min-height: 120px;
    padding: 30px 0;
    background-color: #4c1b5c;
    color: #fff;
    font-size: 13px;
    display: flex;
}

.footer-left {
    float: left;
    max-width: 400px;
    text-align: left;
    line-height: 1.2rem;
}

.footer-img {
    margin-top: -50px;
    float: right;
    color: #4c1b5c;
    background-color: white;
    padding: 0 .5rem;
    display: flex;
    border: 3px solid #4c1b5c;
    box-shadow: 10px 10px 10px black;
    border-radius: 1rem;
    width: 330px;
}

.footer-img > img {
    float: right;
    margin-top: -1.2rem;
    height: 120px;
    width: auto;
}

.footer-img > p {
    margin-top: 1rem;
    line-height: 1.2rem;

}

.footer-bib {
    float: right;
    color: #4c1b5c;
    background-color: white;
    padding: 0 .5rem;
    display: block;
    border: 3px solid #4c1b5c;
    box-shadow: 10px 10px 10px black;
    border-radius: 1rem;
    width: 330px;
    margin: 60px -330px auto;
}

.footer-bib > p {
    margin-top: .5rem;
    margin-bottom: .5rem;
    line-height: 1.2rem;
    color: #4c1b5c;
}

/* ----------------------------------------------------------------
Verschoben aus head Stefan 01.06.
-----------------------------------------------------------------*/

    .col-cockpit {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 800px;
    max-width: 800px;
    }

    .col-menu {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 200px;
        max-width: 200px;
    }

    .card-header {
        background-color: #4c1b5c;
        color: #fff;
    }

    .row.display-flex {
        display: flex;
        flex-wrap: wrap;
    }
    .row.display-flex > [class*='col-'] {
        display: flex;
        flex-direction: column;
        text-align: left;
    }
	
/* ----------------------------------------------------------------
Buchbewertung aus Mail 20.06.
-----------------------------------------------------------------*/	
	
	
    .review-block{
        background-color:#FAFAFA;
        border:1px solid #EFEFEF;
        padding:15px;
        border-radius:3px;
        margin-bottom:15px;
    }
    .review-block-name{
        font-size:12px;
        margin:10px 0;
    }
    .review-block-date{
        font-size:12px;
    }
    .review-block-rate{
        font-size:13px;
        margin-bottom:15px;
    }
    .review-block-title{
        font-size:15px;
        font-weight:700;
        margin-bottom:10px;
    }
    .review-block-description{
        font-size:13px;
    }	
	
.review-block{
	background-color: #f1f1f1 !important;
}
.review-block-description > input {
	width: 100%;
}

.review-block-description > textarea {
	width: 100%;
}	


/* ----------------------------------------------------------------
Slider
-----------------------------------------------------------------*/

.slider {
  min-height: 250px;

  }
.container-slider {
  max-width: 1140px;
  min-height: 350px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;

  }

 .carousel-inner > .item > img {
      width:100%; /* Or try to use important */
      height:auto;
    }
	
.carousel-item p {
   font-size: 1.1rem;
   font-weight: 600;
  }	
	
.carousel-item .background {
   padding: 1rem;
   background-color: rgba(0,0,0,0.5);
  }
  
.carousel-item .text-shadow {
	 text-shadow:
    -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000;
  }  
  
 .carousel-item .shadow_helloween {
	 text-shadow:
	 -1px -1px 0 red,  
    1px -1px 0 red,
    -1px 1px 0 red,
    1px 1px 0 red,
    2px 2px 16px red;

  }


.h1-responsive, .h2-responsive .h3-responsive .h4-responsive .h5-responsive {
  text-shadow: 2px 2px 4px #000;
  font-size:3vw;
  }

.carousel-caption_l1 {
   position: absolute;
   right: 15%;
   top: 15px;
   left: 15%;
   z-index: 10;
   padding-top: 20px;
   padding-bottom: 20px;
   color: #fff;
   text-align: left;
  }

.carousel-caption_l2 {
   position: absolute;
   right: 15%;
   top: 15px;
   left: 15%;
   z-index: 10;
   padding-top: 20px;
   padding-bottom: 20px;
   color: #fff;
   text-align: right;
  }

  .carousel-caption_l3 {
   position: absolute;
   right: 15%;
   top: 15px;
   left: 15%;
   z-index: 10;
   padding-top: 20px;
   padding-bottom: 20px;
   color: #fff;
   text-align: center;
  }

 .row_l1 {
   display: -ms-flexbox; /* IE10 */
   display: flex;
  -ms-flex-wrap: wrap; /* IE10 */
   flex-wrap: wrap;
   padding: 0 4px;
 }

 /* Create four equal columns that sits next to each other */
 .column_l1 {
    -ms-flex: 25%; /* IE10 */
    flex: 25%;
    max-width: 25%;
    padding: 0 4px;
}

 .column_l2 {
    -ms-flex: 33.3%; /* IE10 */
    flex: 33.3%;
    max-width: 33.3%;
    padding: 0 4px;
	text-align: center;
}

.column_l3 {
 -ms-flex: 75%; /* IE10 */
  flex: 75%;
  max-width: 75%;
  padding: 0 4px;
}

 .column_l4 {
    -ms-flex: 50%; /* IE10 */
    flex: 50%;
    max-width: 50%;
    padding: 0 4px;
}

 .column_l5 {
    -ms-flex: 75%; /* IE10 */
    flex: 75%;
    max-width: 75%;
    padding: .75rem;
   color: #4c1b5c;
	background-color: rgba(255,255,255,0.5);
}

 .column_l6 {
    -ms-flex: 100%; /* IE10 */
    flex: 100%;
    max-width: 100%;
    padding: .75rem;
   color: #4c1b5c;
	background-color: rgba(255,255,255,0.75);
}

 .column_l7 {
    -ms-flex: 100%; /* IE10 */
    flex: 100%;
    max-width: 100%;
    padding: .75rem;
	text-shadow: 10px 10px 5px black;
	color: orange;
}

 .column_l8 {
    -ms-flex: 100%; /* IE10 */
    flex: 100%;
    max-width: 100%;
    padding: 1rem;
	font-weight: 900;
	text-shadow: 0 0 10px #fff;
	text-shadow: 0 0 20px blue;
	text-shadow: 2px 2px 5px red;
}

/*.column_l1 > img {
 margin-top: 0px;
 vertical-align: middle;
 width: 100%;
 display:visible;
}
*/


.h1_respo {
    font-size:5vw;
}

.p_respo {
    font-size:1.5vw;

}

@media only screen and (max-width: 1200px) {
.column_l4  > img {
 max-height: 80px;
 width: auto !important;
 }
}

@media only screen and (max-width: 900px) {

.carousel-caption_l1 {
   position: absolute;
   right: 15%;
   top: 10px;
   left: 15%;
   z-index: 10;
   padding-top: 0px;
   padding-bottom: 0px;
   color: #fff;
   text-align: left;
   display:flex;
  }

 .carousel-caption_l1 .btn-lg {
	padding: 0.2rem .3rem;
	font-size: .8rem;
	line-height: 1;
	border-radius: 0.3rem;
  }

 .carousel-caption_l2 .btn-lg {
	padding: 0.2rem .3rem;
	font-size: .8rem;
	line-height: 1;
	border-radius: 0.3rem;
  }

 .carousel-caption_l3 .btn-lg {
	padding: 0.2rem .3rem;
	font-size: .8rem;
	line-height: 1;
	border-radius: 0.3rem;
  }

.column_l1 > img{
 max-height: 50px;
 width: auto !important;
 }

.column_l4 > img{
 max-height: 50px;
 width: auto !important;
 }


}

@media only screen and (max-width: 600px) {
.carousel-inner {
   display: none;
  }
}