* { padding: 0; margin: 0; }

html {
  /*position: relative;*/
  min-height: 100.2%;
  }
  
html, body {
  height: 100%;
  display: flex;
  flex-direction: column;
  }
  
body {
  /*margin-bottom: 80px;*/
  font-family: 'Cochin', 'Times Roman', 'Serif';
  color: #bb9c37;
  background: black url(/pics/border/background-250x96.png) repeat top left ;
  background-size: 150px auto;
  font-size: normal;
  }
  
body > * {
  flex-shrink: 0;
}

a, a:hover, a:focus, a:visited, a:active {
	color: #bb9c37;
	font-weight: bold;
  }

#external_content {
	margin-bottom: 2em;
	}

div.disclaimer {
	background-color: #512020;
	}

.main-wrapper {
  flex-grow: 1;
  background-color: white;
  margin-top: 0;
  padding: 0.5rem 0 0 0;
/*	  
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  border-radius: 1rem;
  */
  position: relative;
  /*height: 90%;*/
   max-width: 1000px; 
  }

#header {
  /* width: 100%; */
  /* height: 180px; */
  background-color: #510000;
  /*
  -webkit-border-radius: 1rem 1rem 0 0;
  -moz-border-radius: 1rem 1rem 0 0;
  border-radius: 1rem 1rem 0 0;
  */
  /*padding: 2rem auto auto 3rem;*/
  }

img.header {
  margin: 0;
  }
/*
#header_inner {
  background: transparent url(/img/header-200h2.png) no-repeat center 20px ;
  background-size: 65%;
  // height: 200px;
  height: 80%;
  padding: 10px auto;
  // margin: 0rem auto auto 1rem;
  }


#header_inner h1 {
  text-shadow: 1px 1px rgba(255,255,255,1);
  font-size: 1.5rem;
  overflow-wrap: break-word;
  word-break: break-all;
  }
  */

#special_top, #special_low {
  margin: 1em 2em;
  }

#special_low {
  font-size: 0.8em;
  box-shadow: 10px 10px 5px rgba(0,0,0,80);
  }

#carouselExampleIndicators { 
  margin: 1.5rem 0 .5rem;
  }

@media (max-width: 576px) {
#logo-img {
	width: 220px;
	}
#header {
  height: 80px;
  }
body,p {
	font-size: xx-small;
	}
.card-columns {
	column-count: 1;
	}
#map {
	width: 250px;
	}
}


@media (min-width: 576px) {
#logo-img {
	width: 260px;
	}
#header_inner h1 {
  text-shadow: 2px 2px rgba(255,255,255,1);
  font-size: 3rem;
  margin: 0 auto auto 2rem;
  }
#header {
  height: 90px;
  }
body,p {
	font-size: xx-small;
	}  
/* #header.img { height: 80%; } */

#special_low {
  font-size: 0.8em;
  }

.card-columns {
	column-count: 1;
	}
#map {
	width: 300px;
	}
}


@media (min-width: 768px) {
#logo-img {
	width: 320px;
	}
#header_inner h1 {
  text-shadow: 3px 3px rgba(255,255,255,1);
  font-size: 4rem;
  margin: 0 auto auto 3rem;
  }
#header {
  height: 100px;
  }
#special_low {
  font-size: 0.9em;
  }
.card-columns {
	column-count: 2;
	}
#map {
	width: 350px;
	}
}

@media (min-width: 992px) {
#logo-img {
	width: 360px;
	}
#header {
  height: 120px;
  }
#header_inner h1 {
  text-shadow: 4px 4px rgba(255,255,255,1);
  font-size: 220px;
  }
#special_top {
  -webkit-transform: rotate(5deg);
  z-index: 1000;
  left: 90px;
  top: -10px;
  width: 200px;
  position: relative;
  box-shadow: 10px 10px 5px rgba(0,0,0,80);
  float:right;
  }
#special_top p {
  font-size: 1em;
  }
.card-columns {
	column-count: 3;
	}
}

@media (min-width: 1200px) {
#logo-img {
	width: 400px;
	}
#header {
  height: 140px;
  }
#special_top {
  left: 100px;
  top: 20px;
  width: 250px;
  }
#special_top p {
  font-size: 1.2em;
  }
}

@media (min-width: 1400px) {
#logo-img {
	width: 400px;
	}
#header {
  height: 160px;
  }

}

.bg-dark-color {
  background-color: #510000;
  }

.t-dark {
  color: #510000;
  }

h1, h2, h3, h4, h5 {
  font-weight: 700;
  }

h2, {
	margin-top: 0.7em;
	font-size: 200%;
}

h4 {
	margin-top: 0.5em;
	font-size: 160%;
}
/*
p {
  font-size: small;
  }
*/

/*.nav-item {
  font-size: x-large;
  font-weight: 700;
  }*/

.nav-link {
  color: #bb9c37;
  }

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav, .nav-link {
  color: rgba(255,255,255,0.9);
  }

.nav-link:hover {
  color: rgba(255,255,255,0.1);
  }

.nav-item, .dropdown-item {
  font-size: smaller;
  font-weight: 700;
  }

.dropdown-item {
  color: #bb9c37;
  }

.dropdown-item:hover {
  color: #bb9c37;
  opacity: 0.5;
  }

li.active {
  font-weight: bold;
  }

.footer {
  /* position: absolute; */
  /*position: relative;*/
  bottom: 0;
  /* width: 100%;*/
  min-height: 60px; /* Set the fixed height of the footer here */
  line-height: 30px; /* Vertically center the text there */
  background-color: #510000;
  color: #bb9c37;
  font-weight: bold;
  font-size: large;
  padding: 1rem 1rem;
  /*
  -webkit-border-radius: 0 0 1rem 1rem;
  -moz-border-radius: 0 0 1rem 1rem;
  border-radius: 0 0 1rem 1rem;
  */
  margin-top: 0.5rem;
  text-align: center;
  }

.footer a {
  color: #bb9c37;
  text-decoration: none;
  font-weight: bold;
  }
  
.footer a:hover {
  color: #bb9c37;
  }
  
div.content {
  margin: 1em 2em;
  margin-bottom: 20px;
  padding-bottom: 1rem 2rem 6rem 2rem;
  /*background: url(/img/orchid-bg-top-left.jpg) no-repeat top left;
  min-height: 640px;*/
  }

div.content.start, div.content.preise {
  padding-top: 2rem;
  }


div.content h1,h2,h3{
  /*color: #510000;*/
  text-align: center;
  /*border-bottom: 2px solid orange;*/
  /*background-color: #510000;
  text-shadow: 0 0 5px font-col-light;*/ 
  }
  
div.content p {
  text-align: justify;
  }

div.content p.tc {
  text-align: center;
  }



div.content ul {
  text-align: left;
  list-style: disc outside;
  margin-left: 2rem;
  }


.ueber_uns {
  color: font-col-light;
  font-weight: bold;
  /*font-size: large;*/
  text-align: center;
  }

.ueber_uns a {
  color: #bb9c37;
  text-decoration: none;
  font-weight: bold;
  }
  
.ueber_uns a:hover {
  color: #bb9c37;
  }



div.spacer {
  height: 70px;
  background: url(/img/spacer-50x50.png) no-repeat center center;
  }
  
div.vspacer {
  min-height: 50px;
  background: url(/img/spacer-50x50.png) no-repeat center center;
  }

.pricelist {
	margin: 0 auto;
	}  

.pricelist th {
	margin-top: 2em;
	}

.pl-item {
  min-width: 8rem;
  margin: 1rem 1rem 0 1rem;
  height: 100%;
  }

.pl-item :first-child {
	text-align: left;
	}

.pl-item :nth-child(2) {
	text-align: right;
	}
  
.pl-item-header {
  padding: none;
  color: #bb9c37;
  font-weight: bolder;
  text-align: center;
  padding-top: 1.5em;
  }

.pl-item-content {
/*   max-width: 20rem; */
  /*background-color: rgba(200,200,200,0.5);
  border: 2px solid gray;*/
  border-top: none;
  padding-top: 1rem;
  /*margin-bottom: -1rem;*/
  }

.cell {
/*   max-width: 20rem; */
  /*background-color: rgba(200,200,200,0.5);
  border: 2px solid gray;
  border-top: none;*/
  /*padding-top: 1rem;*/
  }


.pl-item-bullet {
  margin: 0 0.5rem 1rem 0.5rem;
  padding: none;
  background-color: #bb9c37;
  color: font-col-dark@;
  }

.pl-item-bullet p {
  text-align: justify;
  }

.pl-item-offer-pack {
  text-align: right;
  font-weight: bold;
  }

.pl-col {
  padding-bottom: 1rem;
  }

p.pl-footnote {
  text-align: center;
  font-size: small;
  font-weight: bold;
  color: #510000;
  }

.trennung {
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  }

/*
 * Row with equal height columns
 * --------------------------------------------------
 */
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}

.tilt-left {
  -webkit-transform: rotate(-10deg); 
  -ms-transform: rotate(-10deg);
  transform: rotate(-10deg);
  }

.wave {
  /*background: url(/img/blank.png) repeat-x bottom center;
  height: 250px;*/
  margin-bottom: 1.5rem;
  }

.border {
  border: 5px solid green;
  }
  
img { 
  /*margin-top: 1rem;*/
  /*margin-bottom: 2rem;*/
  }
  

    
.cc1 {
  background-color: #510000;
  color: font-col-light;
  font-weight: 700;
  padding: 1rem;
  border-radius: 0.5em;
  min-height: 200px;
  }
  
.cc1 a {
  text-decoration: none;
  color: #bb9c37;
  }
  
.cc2 {
  background-color: #512020;
  border: 4px solid #bb9c37;
  color: #510000;
  font-weight: 700;
  padding: 1rem;
  border-radius: 0.5em;
  min-height: 200px;
  }
  
.alt-align p:nth-child(even) {
  text-align: right;
  }
  
.break {
  height: 1rem;
  }
  
.nf {
  font-weight: normal;
  }
  
.bf {
  font-weight: 700;
  }
  
.inv {
  display: none;
  }
  
.map {
  height: 400px;
  width: 100%;
  background-color: white;
  }
  
  
#marker {
        width: 50px;
        height: 80px;
        /*border: 1px solid #088;
        border-radius: 10px;
        background-color: #0FF;*/
        margin: none;
        padding: none;
        /*background: transparent url('img/marker.png') no-repeat top center;*/
        opacity: 0.5;
      }
      
#marker img {
  margin: 0;
  padding: 0;
  }