/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap');

/* main */
body {
  font-family: 'Lato', sans-serif;
  color: #5C5C5C;
  font-size: 14px;
  font-weight: 400;
}

a {
  color: #6cb8db;
  font-weight: 400;
  text-decoration: none;
}

a:focus, a:hover {
  color: #6692a7;
  text-decoration: none;
}

h1 {
  font-size: 27px;
  color: #4C6B7F;
  font-family: 'Roboto Slab', serif;
  margin-bottom: 22px;
}

h2 {
  font-size: 17px;
  color: #4C6B7F;
  font-family: 'Roboto Slab', serif;
  margin-bottom: 10px;
}

h3 {
  font-size: 14px;
  font-family: 'Roboto Slab', serif;
  color: #a50000;
  margin-bottom: 0;
}

h4 {
  color: #4C6B7F;
  font-family: 'Lato', sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 22px;
  margin-bottom: 22px;
}

h5 {
  font-size: 23px;
  color: #ffffff;
  font-family: 'Roboto Slab', serif;
}

p {
  margin-bottom: 0;
  padding-bottom: 10px;
}

hr {
  margin: 0;
  padding: 0;
  padding-bottom: 10px;
  color: #4C6B7F;
}

/* Landingpage */

#btgd_button {
  position: absolute;
  z-index: 2;
  right: 10%;
}

.start_button {
  float: left;
  margin-top: -20px;
  opacity: 0.9;
  width: 250px;
}

.start_button:hover {
  margin-top: 0;
  opacity: 1;
}

@media (max-width: 576px) {
.start_button {
  margin-top: -10px;
  opacity: 0.9;
  width: 140px;
}
}

@media (max-width: 370px) {
.start_button {
  width: 130px;
}
}

/* Button */

.btn-link-gemeinde {
  text-decoration: none;
  font-family: 'Roboto Slab', serif;
  font-size: 18px;
  color: #fff;
  padding: 0 7px;
}

.btn-link-gemeinde:hover {
  color: #94a5b2;
}

.btn-aktu-gemeinde1 {
  text-decoration: none;
  color: #fff;
  background-color: #94a5b2;
  font-size: 14px;
}

.btn-aktu-gemeinde1:hover {
  color: #fff;
  background-color: #7d8d9a;
}

.btn-aktu-gemeinde2 {
  text-decoration: none;
  color: #fe5d5d;
  font-size: 14px;
  padding: 0;
}

.btn-aktu-gemeinde2:hover {
  color: #a50000;
}

.btn-link-language {
  text-decoration: none;
  font-size: 14px;
  color: #fff;
  padding: 0 0 3px 0;
}

.btn-link-language:hover {
  color: #90b8d0;
}

#language-active-de {
  font-size: 14px;
  color: #90b8d0;
  padding: 0 0 3px 0;
  font-weight: 400;
}

#language-active-en {
  font-size: 14px;
  color: #90b8d0;
  padding: 0 0 3px 0;
  font-weight: 400;
}

.btn-link-tourismus {
  text-decoration: none;
  font-family: 'Roboto Slab', serif;
  font-size: 18px;
  color: #fff;
  padding: 0 7px;
}

.btn-link-tourismus:hover {
  color: #90b8d0;
}

.btn-light {
  font-size: 14px;
  color: #fff;
  background-color: #6db0d4;
  border-radius: 9px;
  border: 0;
}

.btn-light:hover {
  background-color: #85bedd;
  color: #fff;
}

.btn-gemeinde {
  font-size: 14px;
  background-color: #4C6B7F;
  color: #ffffff;
}

.btn-gemeinde:hover {
  background-color: #618196;
  color: #ffffff;
}

/* News */

.dz-gemeinde {
  font-size: 15px;
  line-height: 23px;
  color: white;
  background-image: url(../dmxDaten/icon/news_ground.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: left bottom;
  padding: 3px 0 27px 30px;
}

.dz-gemeinde a {
  color: white;
}

.dz-gemeinde a:hover {
  color: #94a5b2;
}

.dz-tourismus {
  position: absolute;
  right: 3%;
  width: 170px;
  margin-top: -152px;
  font-size: 15px;
  line-height: 23px;
  color: white;
  background-image: url(../dmxDaten/icon/dz_ground.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: left top;
  padding: 10px 0 5px 25px;
  opacity: 0.90;
}

.dz-tourismus a {
  color: white;
}

.dz-tourismus a:hover {
  color: #90b8d0;
}

.dz-small {
  font-size: 15px;
  text-transform: uppercase;
  color: white;
  background-image: url(../dmxDaten/icon/news_ground.svg);
  background-repeat: no-repeat;
  background-size: 120px;
  background-position: right bottom;
  padding: 5px 45px 10px 0;
}

.dz-small a {
  color: white;
}

.dz-small a:hover {
  color: #94a5b2;
}

.news-button {
position: absolute;
right: 0%;
}

/* Navigation */

#suche {
  padding-top: 30px;
  background-color: #000000;
  opacity: 0.9;
}

#banner {
  position: absolute;
  top: 78px;
  color: #4C6B7F;
  height: 60px;
  padding-top: 20px;
  width: 100%;
  background-color: #ffffff;
  opacity: 0.93;
  text-align: center;
}

.sticky-top-gemeinde {
  background: rgb(255,255,255);
  background: linear-gradient(90deg, rgba(255,255,255,0) 13%, rgba(76,107,127,1) 44%, rgba(76,107,127,1) 100%);
  height: 79px;
}

.sticky-top-tourismus {
  background: rgb(255,255,255);
  background: linear-gradient(90deg, rgba(255,255,255,0) 13%, rgba(72,136,178,1) 44%, rgba(72,136,178,1) 100%);
  height: 79px;
}

.top-menu-gemeinde {
  margin-top: 12px;
}

.top-menu-gemeinde a {
  text-decoration: none;
  color: #fff;
}

.top-menu-gemeinde a:hover {
  text-decoration: none;
  color: #94a5b2;
}

.top-menu-tourismus {
  font-family: 'Roboto Slab', serif;
  margin-top: 7px;
  font-size: 13px;
  float: none;
}


.top-menu-tourismus a {
  text-decoration: none;
  color: #fff;
}

.top-menu-tourismus a:hover {
  text-decoration: none;
  color: #90b8d0;
}

.gd-logo {
  position: absolute;
  z-index: 99999;
  width: 250px;
}

.top-nav {
  color: white;
}

.top-nav span {
  font-size: 20px;
}

@media (max-width: 992px) {
.top-nav {
  display: none;
}
.gd-logo {
  width: 190px;
}
}

.bt-logo {
  position: absolute;
  z-index: 99999;
  width: 200px;
  margin-top: -20px;
}

@media (max-width: 768px) {
.gd-logo {
  width: 190px;
}
}

#offcanvas-top {
  margin-top:79px; 
  background-color: black; 
  opacity: 0.85;
  height:90%; 
}

.col-megamenu {
  font-family: 'Roboto Slab', serif;
  color:#FCCC71;
}

.col-megamenu a {
  text-decoration: none;
  color:white;
}

.col-megamenu a:hover {
  text-decoration: none;
  color: #90b8d0;
}

.col-megamenu h6 {
  font-size: 16px;
  text-transform: uppercase;
  color: #90b8d0;
}

.col-megamenu ul {
  font-family: 'Lato', sans-serif;
  font-size: 14px;
  color: #90b8d0;
}

.col-megamenu span {
  font-weight: 400;
}

.col-megamenu hr {
 color: white;
 margin: 3px 0 5px 0;
}

.list-unstyled {
  margin: 0 0 5px 0;
}

/* Slogan */

.breadcrumb-gemeinde {
  background-color: #4C6B7F;
  color:#94a5b2;
  font-size: 18px;
  font-family: 'Roboto Slab', serif;
  padding-top: 12px;
}

.breadcrumb-gemeinde a {
  color: white;
}

.breadcrumb-gemeinde a:hover {
  color:#94a5b2;
}

.breadcrumb-tourismus {
  background-color: #4888B2;
  color: #90b8d0;
  font-size: 16px;
  font-family: 'Roboto Slab', serif;
  padding-top: 12px;
}

.breadcrumb-tourismus a {
  color: white;
}

.breadcrumb-tourismus a:hover {
  color:#90b8d0;
}

.digitalGK {
  position: absolute;
 top: 190px;
 left: 50px
}

/* Footer */

.footer-gemeinde {
  color: #ffffff;
}


.footer-gemeinde a {
  color: #ffffff;
  text-decoration: none;
}

.footer-gemeinde a:hover {
  color: #94a5b2;
}

.footer-tourismus {
  color: #ffffff;
}


.footer-tourismus a {
  color: #ffffff;
  text-decoration: none;
}

.footer-tourismus a:hover {
  color: #90b8d0;
}


/* Tooltip */

.tooltip-inner {
    background-color: #90b8d0;
    color: #ffffff;
}

.tooltip.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: #90b8d0;
}

/* Carousel */

#carouselHome .carousel-item img {  
  -o-object-fit: cover;  
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  overflow: hidden;
  height:100vh;
}

@media (max-width: 992px) {
#carouselHome .carousel-item img {
  height:50vh;
}
}

#swiper {
  position: absolute;
  z-index: 4;
  text-align: center;
  height: 100px;
  margin-top: -100px;
  left: 50%;
}

#swiper a {
  color: #fff;
  opacity: 0.7;
}

#swiper a:hover {
  opacity: 1;
}

/* Tinymce */
#edit div, #edit01 div, #edit02 div {
  border: 1px dotted red;
}

#edit div .row, #edit01 div .row, #edit02 div .row {
  border: 1px dotted green;
}

#edit p, #edit01 p, #edit02 p {
  border: 1px dotted #b9b9b9;
}

.mce-accordion summary {
  font-family: 'Roboto Slab', serif;
  font-size: 17px;
  color: white;
  padding: 5px 9px;
  margin-top: 10px;
  background-color: #4C6B7F;
  border-radius: 5px;
}

.mce-accordion .card {
  padding: 10px;
  background-color: #f8f8f8;
  border-radius: 5px;
  margin-top: 10px;
}

.dropdown .btn-secondary {
  background-color: #4888B2;
  border: none;
}

.dropdown-menu :hover {
  background-color: #8cb9d8;
}

.dropdown-menu .active {
  background-color: #4888B2;
}

#ausflugsziele {
  width: 100%;
  overflow: scroll; 
}