/*
Theme Name: Design
Theme URI: 
Author: marketing teamwork
Author URI: https://www.marketing-teamwork.de
Description: Wordpress-Theme
Version: 1.0
License: GNU General Public License

-------------------------------------------------------------- */



/* roboto-condensed-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/roboto-condensed-v25-latin-300.eot'); /* IE9 Compat Modes */
  src: url('fonts/roboto-condensed-v25-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-condensed-v25-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-condensed-v25-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-condensed-v25-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-condensed-v25-latin-300.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-condensed-v25-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/roboto-condensed-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-condensed-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-condensed-v25-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-condensed-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-condensed-v25-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/roboto-condensed-v25-latin-700.eot'); /* IE9 Compat Modes */
  src: url('fonts/roboto-condensed-v25-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-condensed-v25-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-condensed-v25-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-condensed-v25-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-condensed-v25-latin-700.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}


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

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/roboto-v19-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('fonts/roboto-v19-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v19-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v19-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v19-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v19-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}


/* dm-serif-display-regular - latin */
@font-face {
  font-display: swap; 
  font-family: 'DM Serif Display';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/dm-serif-display-v17-latin-regular.woff2') format('woff2'); 
}


h1 {font-size:50px}
h2 {font-size:36px}
h3 {font-size:28px}
h4 {font-size:20px}




a, a:visited, a:focus,a:active {color:#B1CA9F}
a:hover {color:inherit}

a {outline:none}

body {margin:0; padding:0;font-family: "Roboto", Sans-serif; font-weight: 400; font-size:20px;line-height:1.8; color:#4D575A; overflow-x: hidden;}
p {margin:0 0 15px; padding:0}
strong {font-weight:700}

::placeholder {font-family: "Roboto", Sans-serif!important; }




@media (max-width: 1024px) {
body {font-size:18px;}
h1 {font-size:34px}
h2 {font-size:28px}
h3 {font-size:20px}
h4 {font-size:19px}
}

@media (max-width: 767px) {
body {font-size:16px;}
h1 {font-size:28px}
h2 {font-size:22px}
h3 {font-size:20px}
h4 {font-size:18px}
}

.rechtliches h2 {margin:10px 0 0; font-weight:400}
.rechtliches h3, h4 {margin:10px 0 0}


#gallery-1 img { border: 10px solid #fff!important}
#gallery-1 .gallery-item {width: auto!important; margin:0!important}


/* Lageplan
-------------------------------------------------------------- */
.plan {overflow-x: hidden!important}
.plan .e-hotspot__label {line-height:1}
.plan a[href="#verkauft"] .e-hotspot__button { background: #FF0000!important;}
.plan a[href="#reserviert"] .e-hotspot__button { background: #FF9326!important;}
.plan .e-hotspot__tooltip {border: 1px solid #ccc;}

@media (min-width:1025px) and (max-width:1200px) {
.plan .e-hotspot__button {min-width:25px!Important;min-height:25px!Important}

}



@media (min-width:768px) {
.elementor-nav-menu li.rechtliches {display:none!important}
}


@media (max-width:1024px) {
#kontakt, .newsletter {background:#EFF4EC!important}
#gallery-1 .gallery-item {max-width:33.333%!important;}
}

@media (min-width:768px) and (max-width:1024px) {

}


@media (max-width:767px) {
.elementor-button {text-align: left!important}


.scrollable {
  width: 767px!important;
  overflow-y: auto;
  margin: 0 0 1em;
}

.scrollable::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 14px;
  height: 14px;
}

.scrollable::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 3px solid #fff;
  background-color: rgba(72, 110, 110, 1.0);
}

.scrollable .elementor-widget-container {width: 767px!important}

}


/* To Top
-------------------------------------------------------------- */

.js-to-top { display: inline-block; position: fixed; overflow: hidden;  white-space: nowrap; visibility: hidden; opacity: 0; bottom: 30px; right: 30px;}
.to-top--show {visibility: visible; opacity: 1;}

.to-top:before {font-family: "Font Awesome 5 Free";content: "\f106"; font-size: 20px; color: #fff;  background: #B1CA9F;  padding: 10px;transition: 0.5s ease; line-height:40px}
.to-top:hover:before {background: #fff; color:#B1CA9F}


@media (max-width: 1024px) {
.to-top  {display:none!important}
}



/* Home Neu
-------------------------------------------------------------- */
.page-id-6831 h1, .page-id-6831 h2, .page-id-6831 h3, .dm-serif .elementor-heading-title {font-family: "DM Serif Display", serif!important}
.page-id-6831 .lage h3 {margin-bottom:10px}
.page-id-6831 ul {padding:0 0 0 15px; margin:0}



@media (max-width: 1500px) {
.page-id-6831 {font-size:19px;}
}

@media (max-width: 1200px) {
.page-id-6831 {font-size:18px;}
}


@media (max-width: 1024px) {
.page-id-6831 {font-size:17px;}
}

@media (max-width: 767px) {
.page-id-6831 {font-size:15px;}
.page-id-6831 h3.elementor-image-box-title {margin:0}
.page-id-6831 h3 {font-size:17px}

}