@charset "UTF-8";
/***!  /templates/finion/css/overwrite.css  !***/

@font-face {src: url('https://www.schemmannludewig.de/templates/finion/fonts/lato-regular-webfont.woff2') format('woff2'), url('https://www.schemmannludewig.de/templates/finion/fonts/lato-regular-webfont.woff') format('woff'); font-family: 'latoregular'; font-weight: normal; font-style: normal; font-display: swap}
@font-face {src: url('https://www.schemmannludewig.de/templates/finion/fonts/playfairdisplay-variablefont_wght-webfont.woff2') format('woff2'), url('https://www.schemmannludewig.de/templates/finion/fonts/playfairdisplay-variablefont_wght-webfont.woff') format('woff'); font-family: 'playfair_displayregular'; font-weight: normal; font-style: normal; font-display: swap}
:root {
  --menu-color-hover: #8c7156;
  --menu-color-bg: #8c7156;
}
#sp-header {
    
    border-bottom: 0px solid #e6e6e6;
}

body, .sp-preloader {
  line-height: 28px;
  font-family: 'latoregular', sans-serif;
  font-size: 18px;
  font-weight: normal;
  letter-spacing: 0.65px;
}
p {
  letter-spacing: 0.2px;
}
b, strong {
  font-weight: bold;
}

h1, .h1, h2, .h2, h3, .h3 {
  font-family: 'playfair_displayregular', sans-serif;
  margin-top: 30px;
  margin-bottom: 10px;
}
h1, h2 {
  color: #8c7156;
  
}
h1 {
  font-size: 45px;
}
h2 {
  font-size: 36px;
}
h3 {
  font-size: 30px;
}
h4 {
  font-size: 24px;
}

.border_left {
  border-left: 1px solid #e6e6e6;
  padding-left: 20px;
}

.sppb-addon-text-block li {
  list-style-type: square;
}
#sp-bottom {
  padding: 40px 0 10px 0 !important;
}
#sp-bottom .sp-module .sp-module-content .custom p {
  margin-bottom: 0;
}
#sp-bottom4 .sp-module .sp-module-content ul li a, #sp-bottom5 .sp-module .sp-module-content ul li a {
  line-height: 15px;
  padding: 0;
  color: #999;
  font-size: 14px;
}
#sp-footer {
  background-color: #262626;
  color: #999999;
  border-top: none;
  border-bottom: none;
}
.box_links .sppb-media:hover {
	background-color: #fcf7f3;
}
.box_links .sppb-media:hover {
    background-color: #fcf7f3;
}

.box_links .sppb-media h4 a:hover {
	color: #353535;
}
blockquote {
	
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid var(--menu-color-bg);
}
 [class^=os-gallery-tabs-main] .osgalery-cat-tabs li a.active {
 background: #ccc;
 color: #333;
 display: none;
}
.sp-slider .sp-nav-control .nav-control {
	font-size: 24px !important;
	width: 50px !important;
	height: 50px !important;
}
div[data-arrow-content=icon_only] .sp-nav-control .nav-control i {
	line-height: 50px !important;
}
/*Menüs*/
#sp-menu>div {
    display: block;
    
}
.sp-megamenu-parent {
    list-style: none;
    padding: 0;
    margin: 0;
    z-index: 99;
    display: block;
}
.sp-megamenu-parent >li {
    display: inline-block;
    position: relative;
    padding: 0;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
  font-size: 18px;
  text-decoration: none;
  padding: 0px 10px;
     line-height: 25px;
    padding: 9px 0;
}
.sp-megamenu-parent > li:not(:last-child) {
  margin-right: 5px;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  padding: 15px;
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
  font-size: 14px;
  text-decoration: none;
  padding: 0 10px;
	line-height: 45px;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
  -webkit-transition: all 350ms ease-in-out !important;
  -moz-transition: all 350ms ease-in-out !important;
  -o-transition: all 350ms ease-in-out !important;
  transition: all 350ms ease-in-out !important;
}
.sp-megamenu-parent > li > a:hover, .sp-megamenu-parent > li > a:active, .sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {
  color: var(--menu-color-hover);
}
#subMenusContainer a, #s5_nav li li a {
  text-align: left;
  font-size: 0.95em;
  white-space: pre;
  width: auto;
  color: #3A3A3A;
  font-weight: 500;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item:hover {
  background: var(--menu-color-bg) !important;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item a:hover {
  color: #fff;
}
.sp-megamenu-parent>li.sp-menu-item.sp-has-child:hover>a {
    color:var(--menu-color-bg) !important;
}



/* offcanvas*/
#offcanvas-toggler {
  font-size: 35px;
}
#offcanvas-toggler>.fa:hover, #offcanvas-toggler>.fa:focus, #offcanvas-toggler>.fa:active {
    color: #353535;
}
body.ltr.offcanvs-position-right .offcanvas-menu {
    right: -350px;
}
.offcanvas-menu {
  width: 350px;
  background-color: #fff;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li {
  border: 0;
  padding: 0px;
  margin: 0;
  position: relative;
  overflow: hidden;
  display: block;
  background-color: #f4f4f4;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li span {
  font-size: 17px !important;
  padding: 0.55rem;
  font-weight: bold;
  text-transform: none !important;
  letter-spacing: 1px;
}
.offcanvas-menu .offcanvas-inner .sp-module ul>li a:hover, .offcanvas-menu .offcanvas-inner .sp-module ul>li a:focus, .offcanvas-menu .offcanvas-inner .sp-module ul>li span:hover, .offcanvas-menu .offcanvas-inner .sp-module ul>li span:focus {
    color: #8c7156;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul {
  margin-left: 0px !important;
  padding: 16px 0;
  background-color: #fff;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul li {
  background-color: #ffffff;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul li a {
  color: rgba(130, 130, 130, 0.8);
  font-size: 16px !important;
  padding: 0.35rem 20px;
  font-weight: normal;
  text-transform: none !important;
}
/* end offcanvas*/
/*End Menüs */
.com-content.view-category .article-list .article .article-intro-image img {
  height: auto;
  background-repeat: no-repeat;
  background-size: cover;
}
/* Button*/


.btn, .sppb-btn {
    -webkit-transition: color 400ms, background-color 400ms, border-color 400ms;
    -o-transition: color 400ms, background-color 400ms, border-color 400ms;
    transition: color 400ms, background-color 400ms, border-color 400ms;
}
.btn, .sppb-btn {
    background: var(--menu-color-hover);
    box-shadow: none;
    -webkit-box-shadow: none;
    padding: 0 44px;
    line-height: 48px;
    border: 1px solid transparent;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1.4px;
    border-radius: 3px;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.btn:hover, .btn:focus, .btn:active, .sppb-btn:hover, .sppb-btn:focus, .sppb-btn:active {
    background: #fff;
    color: var(--menu-color-hover);
    border-color: var(--menu-color-hover);
	text-decoration: none;
}


/* End Button*/

/* Translation*/

.sp-module-content .mod-languages ul.lang-inline {
    margin: 0;
    padding: 0;
}
.sp-module-content .mod-languages ul.lang-inline li {
    margin: 0;
}

.sp-module-content .mod-languages ul.lang-inline li {
    border: none;
    display: inline-block;
    margin: 0 5px 0 0;
}
.sp-module-content .mod-languages ul.lang-inline li a {
    color: #000;
    line-height: 35px;
    font-size: 14px;
}

.sp-module-content .mod-languages ul.lang-inline li a {
    margin: 0px;
    padding: 0 0 0 5px !important;
}
ul.lang-inline li:last-child a {
    border-left: 1px #555 solid !important;
}
div.mod-languages a {
    text-decoration: none;
}
/* Translation*/
.sppb-addon-table-main th {
    
    color: rgb(140, 113, 86);
    padding: 0px 20px;
    
}

@media (min-width: 1200px) {
  .container {
    max-width: 1330px;
  }
}
@media (max-width: 767px) {
  #sp-header {
    background-color: #FFFFFF;
    padding: 0px 20px;
  }
}
@media (max-width: 991px) {
  .sppb-btn-custom {
    margin: 0 0 10px 0;
  }
}
@media screen and (max-width: 1280px) {
  .sp-megamenu-parent {
    display: none !important;
  }
  #offcanvas-toggler {
    display: block !important;
  }
}