/**************************************************************************************/
/*
/*		Designed by 'AgITO'
/*		Web: https://www.agito.de
/*		License: GNU/GPL Commercial
/*
/**************************************************************************************/


/***weinrot: *#4D2532*************grau #BABABA*************/

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

#sp-kachel-row1-1 .sp-column {padding:5px 5px 5px 5px !important; }
#sp-kachel-row1-2 {margin-left:15px !important; }
#sp-kachel-row2-1 { padding:15px !important; }
#sp-kachel-row2-2 { padding:15px !important;} 
#sp-bottom4 {text-align:left !important;}
.tr {text-align: left !important;}  
.sp-default-logo img {width:250px !important;}  
  
.block50, .block30, .block70, .block20, .block80 {display:block; overflow:hidden; width:100% !important;}
.mr {margin:0px auto !important;; padding-right:0px !important;}
.ml {margin:0px auto !important;; padding-right:0px !important;}  
#sp-startbild .startseite h1 {   line-height: 1.4em !important;}  
.animated-button1 { font-size: 15px !important;}
  .cc-revoke {height:20px !important; font-size:11px !important;}
.mh370 { height:220px !important; }
h1 {  font-size: 26px !important;}  
  
}

  @media (min-width: 768px) and (max-width: 991px) {
#sppb-addon-1673952595259, #sppb-addon-1673953105664, #sppb-addon-1673953179271 {  margin-top: 40px !important;}
}

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

.block50, .block30, .block70 {display:block; overflow:hidden; width:100% !important;} 
#offcanvas-toggler {  margin-top: -20px;}  
  .stories {display:block; overflow:hidden; margin-top:250px !important;}
}

/*************ende media***********************************/


body {font-family: 'Montserrat';font-size: 15px;font-weight: normal;color: #4d4d4d !important; }

.xlink {cursor:no-drop}
.hlink{cursor:help}
html {overflow-y:scroll;}





/**Menü*/
.sp-megamenu-parent > li a { font-size: 17px !important; padding: 0 10px !important; letter-spacing: 0px !important;  font-weight:400 !important; }
#sp-menu a:active {background: #4D2532 !important;}
.sp-megamenu-parent > li.active > a, 
.sp-megamenu-parent > li.active:hover > a { color: #fff !important; background: #BABABA !important;}
.sp-megamenu-parent > li a:hover { color: #fff !important; background: #BABABA !important;}
.sp-megamenu-parent {   font-family: 'Montserrat';   font-size: 22px;  font-weight: normal;}


.sp-red > li.active > a { background: #4D2532 !important;}

h1 {  font-family: 'Montserrat';   font-size: 32px;  font-weight: normal;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-weight: 400;  }
h3 .sp-module-title { color:transparent !important;}


.sticky-wrapper.is-sticky #sp-header, .sticky-wrapper.is-sticky #sp-header .logo {    height: 100px !important;}
#sp-header-sticky-wrapper { height: 150px !important;}
.logo {height:100px !important; padding-top:20px;}
#sp-header {  height: 160px;}

a {  color: #4D2532;}
a:hover {color:#ccc !important;}

#sp-component h1, h2, h3, h4 {text-transform:none; text-align:left !important; color:#4D2532; }
#sp-component h2, h3, h4 {text-transform:none; text-align:left !important; padding-bottom:20px;}
#sp-component h5 {text-transform:none; text-align:left !important; padding-top:30px; padding-bottom:3px; font-size: 1.3rem; color:#4D2532;}
#sp-component .startseite h1 {text-transform:none; text-align:center !important; color:#fff; font-size:36px; line-height:1.4; font-weight:500;}
#sp-component .startseite h2 {text-transform:none; text-align:center !important;}
#sp-main-body {  padding: 0px 0px !important;}


#sp-bottom::before {content: "";  position: absolute;  width: 0px;  height: 0px;  border-left: 120px solid transparent;
  border-right: 120px solid transparent;  border-top: 30px solid #fff;  left: 0;  right: 0;  top: 0;  margin: 0 auto;  z-index: 1;}


.mh370 {height:360px; display:block; overflow:hidden;}
p {margin-top:-5px;}


.sppb-panel-modern > .sppb-panel-heading {
  padding: 17px 30px 17px 15px;
  background: #f0f0f0 !important;   color: #4D2532 !important;}
.sppb-panel-modern {  border: 0px solid #e8eff1;    border-top-width: 1px;  border-radius: 4px;  margin-bottom: 10px;}


/**startseite und advandcedportfolio***/
.projects-wrapper .project-img:hover .project-img-extra {
    background: rgba(143, 188, 143, .7)!important;}

.project-img {border:1px solid #4D2532;}
.project-img .border2 {border:3px solid #4D2532;}
.link-detail {font-size:46px;}
.gallery-grid {padding-top:40px;}
.portfolio-module ul, li {
   list-style: outside url(../images/solyvida_pfeil_bull.png);padding-top:0px;}

.headerlink {font-weight:bold; font-size:15px !important;}


#sp-kachel-row1-1 {padding-left:15px !important; padding-right:7px !important; }
#sp-kachel-row1-2 {padding-right:15px !important; padding-left:3px !important;  }
#sp-kachel-row2-1 .col-sm-4, .col-md-4 {  padding-right: 3px !important; padding-left:15px !important; }
#sp-kachel-row2-2 .col-xs-8, .col-sm-8 { padding-left: 7px !important; padding-right:15px !important; }

.btn-go-back {   margin: 30px 0;border-radius: 0px;}
.starth1 {color:transparent;}

/**Allgemein**/
#sp-top-bar {height:1px;}


#sp-keyword h1 {font-size:10px; color:transparent;}
#sp-startbild .startseite h1 {text-align:center; color:#fff; line-height:1.6em; }
.startseite h2 {text-align:center; margin-top:-20px; color:transparent !important; margin-bottom:0px;}

#sp-bottom {padding: 20px 0px !important; color:#333; }
#sp-bottom2 {padding-right:50px !important;}
#sp-bottom4 {text-align:right; padding-top:15px !important;}
#sp-bottom a { color: #4D2532; font-weight:bold;}
.sp-module ul > li {border-bottom: 0px solid #e8e8e8;}





.block100 {display:block; overflow:hidden; width:100%;}
.block80 {display:block; overflow:hidden; width:75%;}
.block50 {display:block; overflow:hidden; width:49%;}
.block30 {display:block; overflow:hidden; width:28%;}
.block20 {display:block; overflow:hidden; width:19%;}
.block70 {display:block; overflow:hidden; width:67%;}
.fl {float:left;}
.fr {float:right;}
.mr {margin-right:40px; padding-right:30px;}
.ml {margin-left:40px;}
.mt {margin-top:40px !important;}
.mt20 {margin-top:20px !important;}

.font_normal {font-weight:normal !important; font-size:12px; line-height:0.5em !important;}

.tr {text-align:right;}
.white {color:#fff;}
b { font-weight:600;  }

.pic1  {display:block; float:left; overflow:hidden;  }
.pic14  {display:block; float:left; overflow:hidden; padding-right:15px; }
.pic_pdf {display:block; float:left; overflow:hidden; padding-right:15px; padding-top:5px; padding-bottom:20px; }
.pic2  {display:block; float:right; overflow:hidden;  }
.pic21  {display:block; float:right; overflow:hidden;  }
.pic31  {display:block; overflow:hidden;  }


#weinbox {display:block; overflow:hidden; width:99%; border:1px solid #ccc; box-shadow: 7px 0px 7px 0px #cccccc;}
.weine {}
.weine h1 {margin-bottom:20px;}
.weine h2 {font-size: 18px !important;}
.fs120 {font-size:120%;}
.fs90 {font-size:90%;}
.fs80 {font-size:80%;}
.bg_shop {display:block; overflow:hidden;  background: #f0f0f0 ; color:#4D2532; width: auto; padding: 10px;  margin-top:30px; }
.border_weine {border: 1px solid #ccc;  box-shadow: 7px 0px 7px 0px #cccccc;  padding: 10px;  }



.str1 {display:block; width:100%; color:#8D2031; margin: 40px 1px 40px 1px; height:1px;
background: #8D2031;  border:#ccc; vertical-align:top;}

.str2
{display:block; width:100%;  margin: 40px 1px 40px 1px; 
background: #ccc;  border: 1px dotted #8D2031; vertical-align:top;}


/**sigplus**/
.slideplus-container[dir="ltr"] > .slideplus-viewport.slideplus-horizontal > .slideplus-next {
   background-image: url("../images/solyvida_pfeil_re.png"); top:220px;}

.slideplus-container[dir="ltr"] > .slideplus-viewport.slideplus-horizontal > .slideplus-previous {
   background-image: url("../images/solyvida_pfeil_li.png"); top:220px;}



/**datenschutz*/

#dsvo
{font-size:13px; display:block;   overflow:hidden; line-height:1.5em;
   color:#665D4E; background: rgba(255,255,255,.7); }

#dsvo h1
{ padding-top:20px; padding-bottom:0px; margin:0px; }

#dsvo h2
{ padding-top:20px; padding-bottom:10px; margin:0px; font-size:26px; margin-top:30px;}


#dsvo a {font-size:13px; color:#665D4E; padding:0px; margin:0px;   }
#dsvo a:hover { color:#B88734;  background:#fff;  }

.cc-revoke, .cc-window {
    font-family: Montserrat,sans-serif !important;
    line-height: 1.2em !important;
}


.fixiert {display:block;overflow:hidden; margin:0px auto !important;
  z-index: 1000;  width:100%; display: grid;justify-content: center;align-items: center;}

.fixiert a:link {color: #fff !important;}

#sp-startbild .fixiert a:hover {color:green !important;}
#sp-startbild .fixiert a:focus, a:active {
  color: green !important;
}


.animated-button1 { margin:0px !important;
  background: #BABABA;
  padding: 20px 20px;
  margin: 12px;
  display: inline-block;
  -webkit-transform: translate(0%, 0%);
          transform: translate(0%, 0%);
  overflow: hidden;
  color: #fff;
  font-size: 20px;
  letter-spacing: 2.0px;
  text-align: center; 
  text-decoration: none; 
}

.animated-button1::before {
  content: '';   position: absolute;  top: 0px;  left: 0px;  width: 100%;  height: 100%;
  background-color: #BABABA;  opacity: 0;  -webkit-transition: 1s opacity ease-in-out;  transition: 1s opacity ease-in-out;}

.animated-button1:hover::before {  opacity: 1s;}

.animated-button1 span {  position: absolute;}

.animated-button1 span:nth-child(1) {
  top: 0px;
  left: 0px;
  width: 100%;
  height: 4px;
  background: -webkit-gradient(linear, right top, left top, from(rgba(43, 8, 8, 0)), to(#fff));
  background: linear-gradient(to left, rgba(43, 8, 8, 0), #fff);
  -webkit-animation: 4s animateTop linear infinite;
          animation: 4s animateTop linear infinite;
}

@keyframes animateTop {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

.animated-button1 span:nth-child(2) {
  top: 0px;
  right: 0px;
  height: 100%;
  width: 2px;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(43, 8, 8, 0)), to(#fff));
  background: linear-gradient(to top, rgba(43, 8, 8, 0), #fff);
  -webkit-animation: 4s animateRight linear -1s infinite;
          animation: 4s animateRight linear -1s infinite;
}

@keyframes animateRight {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}

.animated-button1 span:nth-child(3) {
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 2px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(43, 8, 8, 0)), to(#fff));
  background: linear-gradient(to right, rgba(43, 8, 8, 0), #fff);
  -webkit-animation: 4s animateBottom linear infinite;
          animation: 4s animateBottom linear infinite;
}

@keyframes animateBottom {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

.animated-button1 span:nth-child(4) {
  top: 0px;
  left: 0px;
  height: 100%;
  width: 2px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(43, 8, 8, 0)), to(#fff));
  background: linear-gradient(to bottom, rgba(43, 8, 8, 0), #fff);
  -webkit-animation: 4s animateLeft linear -1s infinite;
          animation: 4s animateLeft linear -1s infinite;
}

@keyframes animateLeft {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}

.animated-button2 {
  background: linear-gradient(-30deg, #3d240b 50%, #2b1a08 50%);
  padding: 20px 40px;
  margin: 12px;
  display: inline-block;
  -webkit-transform: translate(0%, 0%);
          transform: translate(0%, 0%);
  overflow: hidden;
  color: #f7e6d4;
  font-size: 20px;
  letter-spacing: 2.5px;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
          box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
}

.animated-button2::before {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #ad9985;
  opacity: 0;
  -webkit-transition: .2s opacity ease-in-out;
  transition: .2s opacity ease-in-out;
}

.animated-button2:hover::before {
  opacity: 0.2;
}

.animated-button2 span {
  position: absolute;
}

.animated-button2 span:nth-child(1) {
  top: 0px;
  left: 0px;
  width: 100%;
  height: 2px;
  background: -webkit-gradient(linear, right top, left top, from(rgba(43, 26, 8, 0)), to(#d98026));
  background: linear-gradient(to left, rgba(43, 26, 8, 0), #d98026);
  -webkit-animation: 2s animateTop linear infinite;
          animation: 2s animateTop linear infinite;
}

@keyframes animateTop {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

.animated-button2 span:nth-child(2) {
  top: 0px;
  right: 0px;
  height: 100%;
  width: 2px;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(43, 26, 8, 0)), to(#d98026));
  background: linear-gradient(to top, rgba(43, 26, 8, 0), #d98026);
  -webkit-animation: 2s animateRight linear -1s infinite;
          animation: 2s animateRight linear -1s infinite;
}

@keyframes animateRight {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}

.animated-button2 span:nth-child(3) {
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 2px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(43, 26, 8, 0)), to(#d98026));
  background: linear-gradient(to right, rgba(43, 26, 8, 0), #d98026);
  -webkit-animation: 2s animateBottom linear infinite;
          animation: 2s animateBottom linear infinite;
}

@keyframes animateBottom {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

.animated-button2 span:nth-child(4) {
  top: 0px;
  left: 0px;
  height: 100%;
  width: 2px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(43, 26, 8, 0)), to(#d98026));
  background: linear-gradient(to bottom, rgba(43, 26, 8, 0), #d98026);
  -webkit-animation: 2s animateLeft linear -1s infinite;
          animation: 2s animateLeft linear -1s infinite;
}

@keyframes animateLeft {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}


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

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

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