@charset "UTF-8";
/***!  /templates/frontend/css/template.css  !***/

/*****************************/
/*** Core html setup stuff ***/
/*****************************/
html {
  height: 99%;
  margin-bottom: 1px;
  overflow-x: hidden;
}
body, html {
  padding: 0;
  margin: 0;
  line-height: 1.6em;
  color: #333;
  font-size: 20px;
  font-family: minion-pro, serif;
  height: 100.1%;
  background: #f2f2f2;
}
.skip-to-main-content-link {
  position: absolute;
  left: -999em;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.skip-to-main-content-link:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  background: #5278a5;
  color: #FFF;
  height: 50px;
  border: 2px solid #5278a5 /* Weitere Styles für den sichtbaren Fokus */
}
.letterspace {
  letter-spacing: 15px
}
.jumbotron-title {
  font-size: 3.0em;
  line-height: 1.2em;
}
#sppb-addon-1604901052297 .sp-slider #sp-slider-item-1604901052297-num-0-key #sp-slider-inner-item-1604901052298-num-0-key {
  margin: 0px 0px 0px 0px !important;
}
#sppb-addon-da9fa125-22bd-4de4-955b-a119a240e304 {
  margin-top: 150px !important;
}
a:focus {
  outline: 2px solid white; /* Fügt einen blauen Rahmen hinzu */
  background-color: #5278a5; /* Fügt eine gelbe Hintergrundfarbe hinzu */
}
a#rt-logo {
  display: block;
  height: 180px;
  width: 260px;
  margin: 30px 0 0 5%;
  background: url("http://www.aetheris-wein.de/templates/frontend/images/Logo-Weingut-Molitor.png");
  background-repeat: no-repeat;
  background-size: 100%;
  transition: all 0.6s ease 0s;
}
#logo {
  position: absolute;
  top: 50px;
  width: 100%;
  z-index: 9999999999;
  padding: 0;
}
.libre {
  font-family: "libre-franklin", sans-serif;
}

#sppb-addon-1751990598735 .sppb-addon-text-block .sppb-addon-content {
  font-size: 1.7em;
  line-height: 1.5em;
}

#footer {
  font-family: "libre-franklin", sans-serif;
  width: 100%;
  line-height: 1.4em;
  font-size: 1.0em;
  color: #fff;
  background: #324156;
}
#footer h2 {
  color: #fff;
}
#footer a {
  color: #fff;
}
#sppb-addon-309d147d-8216-46f7-8be8-89015967767d .sppb-icons-group-list li a {
  color: #ffffff;
}
/*******Cursor effekt****/
.sppb-addon-single-image-container:hover {
  transition: transform .8s; /* Animation */
  transform: scale(1.5);
}
/****topmenu********/
ul#nav-menu {
  text-align: left;
}
ul#nav-menu li {
  list-style: none;
  display: block;
}
ul#nav-menu li a {
  display: block;
  padding: 15px 15px;
  color: #fff;
  font-family: "libre-franklin", sans-serif;
  font-size: 1.0em;
  text-decoration: none;
}
ul#nav-menu li a:hover {
  background: #172433;
  color: #fff;
}
ul#nav-menu li.active a, ul#nav-menu li.active {
  background: #172433;
  color: #fff;
}
/****************************/
.sppb-panel-heading {
  border-bottom: 1px solid #ccc;
}
.sppb-panel-title {
  font-size: 1.1em !important;
  font-family: "libre-franklin", sans-serif;
  font-weight: 400;
  letter-spacing: 3px;
}
div.error {
  float: right;
  font-size: 7pt;
  color: #c1001f;
}
.pre-heading {
  font-size: 1.2rem;
}
h1 {
  padding: 0;
  font-size: 4.0rem;
  font-weight: normal;
  line-height: 1.2em;
  margin-bottom: 30px;
  color: #FFFFFF;
  width: 100%;
}
h1.headline {
  padding: 0;
  font-size: 2.7rem;
  font-weight: normal;
  line-height: 1.2em;
  margin-bottom: 30px;
  color: #FFFFFF;
  width: 100%;
}
h2 {
  font-size: 3.3em;
  font-weight: normal;
  vertical-align: bottom;
  padding-top: 10px;
  width: 100%;
  line-height: 100%;
  letter-spacing: 20px;
}
h4 {
  font-family: "libre-franklin", sans-serif;
  color: #ffffff;
  font-size: 1.3em;
  margin-bottom: 10px;
  font-weight: normal;
}
h3 {
  margin: 0;
  font-weight: normal;
  font-family: "libre-franklin", sans-serif;
  font-size: 2.5rem;
  padding-left: 0px;
  color: #fff;
  letter-spacing: 10px;
}
h5 {
  font-weight: 400;
  text-align: left;
  font-size: 1.2em;
  line-height: 26px;
  margin-bottom: 15px;
  border: 0;
}
.sppb-sp-slider-title {
  font-size: 2.5em !important
}
.sppb-btn {
  font-size: 1em !important;
}
.sppb-btn-dark {
  color: #fff;
  background-color: #324156 !important;
  border: none;
}
.sppb-btn-dark:focus, .sppb-panel-heading:focus {
  color: 324156;
  background-color: #2F3F5C !important;
  border: 2px solid #fff;
}
@media (max-width: 1400px) {
  #sppb-addon-da9fa125-22bd-4de4-955b-a119a240e304 img {
    width: 450px !important;
  }
  .jumbotron-title {
    font-size: 2.7em;
    line-height: 1.2em;
  }
  #sppb-addon-da9fa125-22bd-4de4-955b-a119a240e304 {
    margin-top: 200px !important;
  }
}
@media (max-width: 1200px) {
  h1 {
    font-size: 3.0em;
    line-height: 1.2em;
    margin-bottom: 30px;
  }
  h1.headline {
    padding: 0;
    font-size: 2.4rem;
  }
  .jumbotron-title {
    font-size: 2.3em;
    line-height: 1.1em;
  }
  #sppb-addon-da9fa125-22bd-4de4-955b-a119a240e304 {
    margin-top: -600px !important;
  }
}
@media only screen 
  and (min-width: 1024px) 
  and (max-device-height: 1366px) 
  and (-webkit-min-device-pixel-ratio: 1.5) {

.sp-page-builder .page-content #section-id-1604918327344{
  background-attachment: scroll;
}
}



@media (orientation: portrait) and (min-width: 1024px) {
 #sppb-addon-da9fa125-22bd-4de4-955b-a119a240e304 {
    margin-top: 400px !important;
	margin-left: -100px !important; 
  }
}

@media (max-width: 940px) {
  
  #sppb-addon-da9fa125-22bd-4de4-955b-a119a240e304 {
    margin-top: 0px !important;
  }
  #logo {
    top: 0px;
    margin: 0 0 0 5%;
  }
  .jumbotron-title {
    font-size: 2.0em;
    line-height: 1.1em;
  }
  h1 {
    font-size: 3.0em;
  }
  h1.headline {
    padding: 0;
    font-size: 2.2em;
  }
  h2 {
    font-size: 2.7em;
  }
	.sppb-sp-slider-title {
  font-size: 2.2em !important
}
	#sppb-addon-1751990598735 .sppb-addon-text-block .sppb-addon-content {
  font-size: 1.3em;
  line-height: 1.4em;
}

}

@media (max-width: 790px) {
  .sp-page-builder .page-content #section-id-1604900005924 {
    height: auto !important;
  }
  .letterspace {
    letter-spacing: 10px
  }
  .sppb-addon-single-image-container:hover {
    transition: transform .8s; /* Animation */
    transform: none;
  }
  .pre-heading {
    font-size: 1.1rem;
  }
  h1 {
    font-size: 2.0em;
  }
  h2 {
    font-size: 2.4em;
    letter-spacing: 15px;
  }
  h3 {
    font-size: 1.8rem;
    letter-spacing: 6px;
  }
.sppb-sp-slider-title {
  font-size: 1.8em !important
}
  #logo {
    margin: 0 0 0 10%;
  }
  #sppb-addon-da9fa125-22bd-4de4-955b-a119a240e304 {
    margin-top: -200px !important;
  }
  .jumbotron-title {
    font-size: 2.1em;
    line-height: 1.1em;
  }
}
@media (orientation: portrait) and (min-width: 768px) {
  .sppb-row-container {
    max-width: 780px!important;
  }
}
@media (max-width: 768px) {
  .sp-page-builder .page-content #section-id-1604900005924 {
    height: auto !important;
  }
  h1 {
    font-size: 2.0em;
  }
  h1.headline {
    padding: 0;
    font-size: 1.7rem;
  }
  h2 {
    font-size: 1.8em;
    letter-spacing: 15px;
  }
  h3 {
    font-size: 1.5rem;
    letter-spacing: 6px;
  }
}
@media (max-width: 490px) {
  .sp-page-builder .page-content #section-id-1604900005924 {
    height: auto !important;
  }
  h1 {
    font-size: 1.8em;
  }
	  h1.headline {
    font-size: 1.5rem;
  }
  h2 {
    font-size: 1.5em;
    letter-spacing: 15px;
  }
  h3 {
    font-size: 1.3rem;
    letter-spacing: 6px;
  }
}