@charset "UTF-8";
/* open-sans-300 - latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  src: url("/fonts/open-sans-v34-latin-300.eot"); /* IE9 Compat Modes */
  src: local(""), url("/fonts/open-sans-v34-latin-300.eot?#iefix") format("embedded-opentype"), url("/fonts/open-sans-v34-latin-300.woff2") format("woff2"), url("/fonts/open-sans-v34-latin-300.woff") format("woff"), url("/fonts/open-sans-v34-latin-300.ttf") format("truetype"), url("/fonts/open-sans-v34-latin-300.svg#OpenSans") format("svg"); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/open-sans-v34-latin-regular.eot"); /* IE9 Compat Modes */
  src: local(""), url("/fonts/open-sans-v34-latin-regular.eot?#iefix") format("embedded-opentype"), url("/fonts/open-sans-v34-latin-regular.woff2") format("woff2"), url("/fonts/open-sans-v34-latin-regular.woff") format("woff"), url("/fonts/open-sans-v34-latin-regular.ttf") format("truetype"), url("/fonts/open-sans-v34-latin-regular.svg#OpenSans") format("svg"); /* Legacy iOS */
}
/* open-sans-500 - latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 500;
  src: url("/fonts/open-sans-v34-latin-500.eot"); /* IE9 Compat Modes */
  src: local(""), url("/fonts/open-sans-v34-latin-500.eot?#iefix") format("embedded-opentype"), url("/fonts/open-sans-v34-latin-500.woff2") format("woff2"), url("/fonts/open-sans-v34-latin-500.woff") format("woff"), url("/fonts/open-sans-v34-latin-500.ttf") format("truetype"), url("/fonts/open-sans-v34-latin-500.svg#OpenSans") format("svg"); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: url("/fonts/open-sans-v34-latin-600.eot"); /* IE9 Compat Modes */
  src: local(""), url("/fonts/open-sans-v34-latin-600.eot?#iefix") format("embedded-opentype"), url("/fonts/open-sans-v34-latin-600.woff2") format("woff2"), url("/fonts/open-sans-v34-latin-600.woff") format("woff"), url("/fonts/open-sans-v34-latin-600.ttf") format("truetype"), url("/fonts/open-sans-v34-latin-600.svg#OpenSans") format("svg"); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: url("/fonts/open-sans-v34-latin-700.eot"); /* IE9 Compat Modes */
  src: local(""), url("/fonts/open-sans-v34-latin-700.eot?#iefix") format("embedded-opentype"), url("/fonts/open-sans-v34-latin-700.woff2") format("woff2"), url("/fonts/open-sans-v34-latin-700.woff") format("woff"), url("/fonts/open-sans-v34-latin-700.ttf") format("truetype"), url("/fonts/open-sans-v34-latin-700.svg#OpenSans") format("svg"); /* Legacy iOS */
}
/* open-sans-800 - latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 800;
  src: url("/fonts/open-sans-v34-latin-800.eot"); /* IE9 Compat Modes */
  src: local(""), url("/fonts/open-sans-v34-latin-800.eot?#iefix") format("embedded-opentype"), url("/fonts/open-sans-v34-latin-800.woff2") format("woff2"), url("/fonts/open-sans-v34-latin-800.woff") format("woff"), url("/fonts/open-sans-v34-latin-800.ttf") format("truetype"), url("/fonts/open-sans-v34-latin-800.svg#OpenSans") format("svg"); /* Legacy iOS */
}
/* open-sans-300italic - latin */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 300;
  src: url("/fonts/open-sans-v34-latin-300italic.eot"); /* IE9 Compat Modes */
  src: local(""), url("/fonts/open-sans-v34-latin-300italic.eot?#iefix") format("embedded-opentype"), url("/fonts/open-sans-v34-latin-300italic.woff2") format("woff2"), url("/fonts/open-sans-v34-latin-300italic.woff") format("woff"), url("/fonts/open-sans-v34-latin-300italic.ttf") format("truetype"), url("/fonts/open-sans-v34-latin-300italic.svg#OpenSans") format("svg"); /* Legacy iOS */
}
/* open-sans-italic - latin */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 400;
  src: url("/fonts/open-sans-v34-latin-italic.eot"); /* IE9 Compat Modes */
  src: local(""), url("/fonts/open-sans-v34-latin-italic.eot?#iefix") format("embedded-opentype"), url("/fonts/open-sans-v34-latin-italic.woff2") format("woff2"), url("/fonts/open-sans-v34-latin-italic.woff") format("woff"), url("/fonts/open-sans-v34-latin-italic.ttf") format("truetype"), url("/fonts/open-sans-v34-latin-italic.svg#OpenSans") format("svg"); /* Legacy iOS */
}
/* open-sans-500italic - latin */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 500;
  src: url("/fonts/open-sans-v34-latin-500italic.eot"); /* IE9 Compat Modes */
  src: local(""), url("/fonts/open-sans-v34-latin-500italic.eot?#iefix") format("embedded-opentype"), url("/fonts/open-sans-v34-latin-500italic.woff2") format("woff2"), url("/fonts/open-sans-v34-latin-500italic.woff") format("woff"), url("/fonts/open-sans-v34-latin-500italic.ttf") format("truetype"), url("/fonts/open-sans-v34-latin-500italic.svg#OpenSans") format("svg"); /* Legacy iOS */
}
/* open-sans-600italic - latin */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 600;
  src: url("/fonts/open-sans-v34-latin-600italic.eot"); /* IE9 Compat Modes */
  src: local(""), url("/fonts/open-sans-v34-latin-600italic.eot?#iefix") format("embedded-opentype"), url("/fonts/open-sans-v34-latin-600italic.woff2") format("woff2"), url("/fonts/open-sans-v34-latin-600italic.woff") format("woff"), url("/fonts/open-sans-v34-latin-600italic.ttf") format("truetype"), url("/fonts/open-sans-v34-latin-600italic.svg#OpenSans") format("svg"); /* Legacy iOS */
}
/* open-sans-700italic - latin */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 700;
  src: url("/fonts/open-sans-v34-latin-700italic.eot"); /* IE9 Compat Modes */
  src: local(""), url("/fonts/open-sans-v34-latin-700italic.eot?#iefix") format("embedded-opentype"), url("/fonts/open-sans-v34-latin-700italic.woff2") format("woff2"), url("/fonts/open-sans-v34-latin-700italic.woff") format("woff"), url("/fonts/open-sans-v34-latin-700italic.ttf") format("truetype"), url("/fonts/open-sans-v34-latin-700italic.svg#OpenSans") format("svg"); /* Legacy iOS */
}
/* open-sans-800italic - latin */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 800;
  src: url("/fonts/open-sans-v34-latin-800italic.eot"); /* IE9 Compat Modes */
  src: local(""), url("/fonts/open-sans-v34-latin-800italic.eot?#iefix") format("embedded-opentype"), url("/fonts/open-sans-v34-latin-800italic.woff2") format("woff2"), url("/fonts/open-sans-v34-latin-800italic.woff") format("woff"), url("/fonts/open-sans-v34-latin-800italic.ttf") format("truetype"), url("/fonts/open-sans-v34-latin-800italic.svg#OpenSans") format("svg"); /* Legacy iOS */
}
/* inter-200 - latin */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 200;
  src: url("/fonts/inter-v12-latin-200.eot"); /* IE9 Compat Modes */
  src: local(""), url("/fonts/inter-v12-latin-200.eot?#iefix") format("embedded-opentype"), url("/fonts/inter-v12-latin-200.woff2") format("woff2"), url("/fonts/inter-v12-latin-200.woff") format("woff"), url("/fonts/inter-v12-latin-200.ttf") format("truetype"), url("/fonts/inter-v12-latin-200.svg#Inter") format("svg"); /* Legacy iOS */
}
/* inter-100 - latin */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100;
  src: url("/fonts/inter-v12-latin-100.eot"); /* IE9 Compat Modes */
  src: local(""), url("/fonts/inter-v12-latin-100.eot?#iefix") format("embedded-opentype"), url("/fonts/inter-v12-latin-100.woff2") format("woff2"), url("/fonts/inter-v12-latin-100.woff") format("woff"), url("/fonts/inter-v12-latin-100.ttf") format("truetype"), url("/fonts/inter-v12-latin-100.svg#Inter") format("svg"); /* Legacy iOS */
}
/* inter-300 - latin */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  src: url("/fonts/inter-v12-latin-300.eot"); /* IE9 Compat Modes */
  src: local(""), url("/fonts/inter-v12-latin-300.eot?#iefix") format("embedded-opentype"), url("/fonts/inter-v12-latin-300.woff2") format("woff2"), url("/fonts/inter-v12-latin-300.woff") format("woff"), url("/fonts/inter-v12-latin-300.ttf") format("truetype"), url("/fonts/inter-v12-latin-300.svg#Inter") format("svg"); /* Legacy iOS */
}
/* inter-regular - latin */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/inter-v12-latin-regular.eot"); /* IE9 Compat Modes */
  src: local(""), url("/fonts/inter-v12-latin-regular.eot?#iefix") format("embedded-opentype"), url("/fonts/inter-v12-latin-regular.woff2") format("woff2"), url("/fonts/inter-v12-latin-regular.woff") format("woff"), url("/fonts/inter-v12-latin-regular.ttf") format("truetype"), url("/fonts/inter-v12-latin-regular.svg#Inter") format("svg"); /* Legacy iOS */
}
/* inter-500 - latin */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  src: url("/fonts/inter-v12-latin-500.eot"); /* IE9 Compat Modes */
  src: local(""), url("/fonts/inter-v12-latin-500.eot?#iefix") format("embedded-opentype"), url("/fonts/inter-v12-latin-500.woff2") format("woff2"), url("/fonts/inter-v12-latin-500.woff") format("woff"), url("/fonts/inter-v12-latin-500.ttf") format("truetype"), url("/fonts/inter-v12-latin-500.svg#Inter") format("svg"); /* Legacy iOS */
}
/* inter-600 - latin */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  src: url("/fonts/inter-v12-latin-600.eot"); /* IE9 Compat Modes */
  src: local(""), url("/fonts/inter-v12-latin-600.eot?#iefix") format("embedded-opentype"), url("/fonts/inter-v12-latin-600.woff2") format("woff2"), url("/fonts/inter-v12-latin-600.woff") format("woff"), url("/fonts/inter-v12-latin-600.ttf") format("truetype"), url("/fonts/inter-v12-latin-600.svg#Inter") format("svg"); /* Legacy iOS */
}
/* inter-700 - latin */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  src: url("/fonts/inter-v12-latin-700.eot"); /* IE9 Compat Modes */
  src: local(""), url("/fonts/inter-v12-latin-700.eot?#iefix") format("embedded-opentype"), url("/fonts/inter-v12-latin-700.woff2") format("woff2"), url("/fonts/inter-v12-latin-700.woff") format("woff"), url("/fonts/inter-v12-latin-700.ttf") format("truetype"), url("/fonts/inter-v12-latin-700.svg#Inter") format("svg"); /* Legacy iOS */
}
/* inter-800 - latin */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 800;
  src: url("/fonts/inter-v12-latin-800.eot"); /* IE9 Compat Modes */
  src: local(""), url("/fonts/inter-v12-latin-800.eot?#iefix") format("embedded-opentype"), url("/fonts/inter-v12-latin-800.woff2") format("woff2"), url("/fonts/inter-v12-latin-800.woff") format("woff"), url("/fonts/inter-v12-latin-800.ttf") format("truetype"), url("/fonts/inter-v12-latin-800.svg#Inter") format("svg"); /* Legacy iOS */
}
/* inter-900 - latin */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 900;
  src: url("/fonts/inter-v12-latin-900.eot"); /* IE9 Compat Modes */
  src: local(""), url("/fonts/inter-v12-latin-900.eot?#iefix") format("embedded-opentype"), url("/fonts/inter-v12-latin-900.woff2") format("woff2"), url("/fonts/inter-v12-latin-900.woff") format("woff"), url("/fonts/inter-v12-latin-900.ttf") format("truetype"), url("/fonts/inter-v12-latin-900.svg#Inter") format("svg"); /* Legacy iOS */
}
h1 {
  color: #8c0100 !important;
  text-transform: uppercase;
  margin-bottom: 3% !important;
  font-size: 46px !important;
  line-height: 55px !important;
}

h2 {
  color: #8c0100 !important;
  text-transform: uppercase;
  margin-bottom: 3% !important;
  font-size: 30px !important;
  line-height: 43px;
}

h3 {
  color: #8c0100 !important;
  text-transform: uppercase;
  margin-bottom: 4% !important;
  font-size: 26px !important;
  line-height: 34px;
}

p {
  font-size: 18px;
  line-height: 32px;
}

/*--------Markierungs-Farbe-Anpassen--------------------*/
::-moz-selection {
  color: #ffffff;
  background: #8c0100;
  text-shadow: none;
}

::selection {
  color: #ffffff;
  background: #8c0100;
  text-shadow: none;
}

/*--------Menu--------------------*/
.bg-grau {
  background-color: #F2EFEB;
}

/*--------Menu--------------------*/
#header-space {
  height: 120px !important;
}

#header-outer {
  box-shadow: 0 0 3px 0 rgba(60, 60, 60, 0.8) !important;
  height: 120px !important;
}

#header-outer .sf-menu li a {
  font-size: 1rem !important;
  font-weight: 600 !important;
}

#header-outer .sf-menu li {
  flex-direction: column;
  align-items: baseline;
  justify-content: flex-end;
  padding-bottom: 25px;
  padding-left: 20px;
}

#header-outer .sf-menu li.sfHover .sub-menu {
  min-width: 340px !important;
  border-top: none !important;
  padding: 20px 20px 20px 30px;
  display: flex;
  flex-direction: column;
}

#header-outer .sf-menu li ul li {
  margin-top: 8px;
  margin-bottom: 8px;
  padding-left: 0;
  padding-bottom: 0px;
}

#header-outer .sf-menu li ul li a {
  font-weight: 400 !important;
}

/*-------MENU MOBILE*/
#mobile-menu {
  height: calc(100vh - 104px);
  border-top: 1px solid #ddd;
}

/*-----------LOGO-----------------*/
body header a#logo {
  margin: 20px 0 10px 30px !important;
}

body header a#logo img {
  height: 90px !important;
}

/*--------Slider-Startseite--------------------*/
.nectar-slider-wrap .slider-prev {
  top: unset !important;
  bottom: 10% !important;
  left: 50% !important;
  transform: translate(-70px, 0%);
  border-radius: 50px;
  border: 2px solid #fff;
  width: 50px !important;
  height: 50px;
  background: none;
  transition: all 0.4s;
}

.nectar-slider-wrap .slider-next {
  top: unset !important;
  bottom: 10% !important;
  right: 50% !important;
  transform: translate(70px, 0%);
  border-radius: 50px;
  border: 2px solid #fff;
  width: 50px !important;
  height: 50px;
  background: none;
  transition: all 0.4s;
}

.nectar-slider-wrap .slider-prev .slide-count, .nectar-slider-wrap .slider-next .slide-count {
  display: none !important;
}

.nectar-slider-wrap .slider-prev i, .nectar-slider-wrap .slider-next i {
  line-height: 53px;
  font-size: 16px;
}

.nectar-slider-wrap .slider-prev:hover, .nectar-slider-wrap .slider-next:hover {
  background: none !important;
}

.nectar-slider-wrap .slider-prev:hover {
  transform: translate(-70px, 0%) scale(1.2);
}

.nectar-slider-wrap .slider-next:hover {
  transform: translate(70px, 0%) scale(1.2);
}

/*--------------Angebote Slider------*/
.flickity-slider .inner img {
  max-height: 510px;
  -o-object-fit: cover;
     object-fit: cover;
}

.flickity-slider .inner-wrap-outer .inner-wrap h3 {
  margin-top: 24px !important;
}

.flickity-prev-next-button.previous {
  padding: 0px !important;
  display: block;
  position: absolute;
  left: 50% !important;
  transform: translate(-50px, 0%) !important;
  width: 40px;
  height: 40px;
  top: -65px !important;
  border: 1px solid #7C6036;
  border-radius: 50% !important;
}

.flickity-prev-next-button.next {
  padding: 0px !important;
  display: block;
  position: absolute;
  right: 50% !important;
  transform: translate(50px, 0%) !important;
  width: 40px;
  height: 40px;
  top: -65px !important;
  border: 1px solid #7C6036;
  border-radius: 50% !important;
}

.flickity-prev-next-button.next:after, .flickity-prev-next-button.previous::after {
  display: none !important;
}

.flickity-prev-next-button.next:before, .flickity-prev-next-button.previous::before {
  display: none !important;
}

.flickity-prev-next-button.next:hover, .flickity-prev-next-button.previous:hover {
  border: 2px solid #7C6036;
  transition: scale 0.4s;
}

.flickity-prev-next-button.next:hover {
  right: 50% !important;
  transform: translate(50px, 0%) scale(1.1) !important;
}

.flickity-prev-next-button.previous:hover {
  left: 50% !important;
  transform: translate(-50px, 0%) scale(1.1) !important;
}

.flickity-prev-next-button.next svg {
  right: 13px !important;
}

.flickity-prev-next-button.previous svg {
  left: 13px !important;
}

.flickity-prev-next-button.previous svg .arrow {
  fill: #7C6036 !important;
}

.flickity-prev-next-button.next svg .arrow {
  fill: #7C6036 !important;
}

/*----------Logo-Slider-Startseite----------------*/
div#logo-carousel-free-583.logo-carousel-free .slick-track .slick-slide img {
  max-width: 230px !important;
}

div#logo-carousel-free-583.logo-carousel-free .slick-dots li.slick-active button {
  background-color: #8c0100 !important;
}

div#logo-carousel-free-583.logo-carousel-free .swiper-slide {
  background: #fff !important;
}

div#logo-carousel-free-583 .swiper-container {
  background: #fff !important;
  height: auto !important;
}

.swiper-pagination-bullet-active {
  background-color: #8c0100 !important;
}

.logo-carousel-free .sp-lc-logo img {
  max-height: 180px;
}

/*----------Buchen-Button----------------*/
#buchen-row {
  z-index: 9999999;
}

#buchen-row .wpb_wrapper .buchen-button {
  color: #fff !important;
  display: flex;
  position: fixed;
  top: 30%;
  right: 4%;
  flex-direction: row;
  justify-content: flex-end;
  width: 150px;
  height: 150px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #8c0100 !important;
  border-radius: 50%;
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  font-weight: 600;
  transition: all 0.4s;
}

#buchen-row .wpb_wrapper .buchen-button:hover {
  transform: scale(1.1);
}

#buchen-row .wpb_wrapper .buchen-button:focus {
  border: none;
  outline: none;
}

#buchen-row .wpb_wrapper .buchen-button.michelin-icon {
  padding-top: 0 !important;
  background-color: transparent !important;
}

#buchen-row .wpb_wrapper .buchen-button.togospeisekarte-button {
  /*Bei 3 Buttons: top:28%; | Bei 2 Buttons: top: 35%;*/
  top: 28%;
}

#buchen-row .wpb_wrapper .buchen-button.valentins-button {
  top: 49%;
}

#buchen-row .wpb_wrapper .buchen-button.gutschein-button {
  /*Bei 3 Buttons: top: 70%; | Bei 2 Buttons: top: 56%;*/
  top: 70%;
}

/*-------Buttons-----------

.nectar-button.accent-color.regular-button{text-align: center;min-width: 220px;padding:0px!important;
border-radius:10px!important;border:1px solid #7c6036!important;background-color:#ffffff!important;line-height: 48px!important;}
.nectar-button.accent-color.regular-button span{text-transform:uppercase;color:#fff!important;letter-spacing:1px;font-size:14px!important;}
.nectar-button.accent-color.regular-button:hover{opacity: 1;background-color:#fff!important;}
.nectar-button.accent-color.regular-button:hover span{color:#ffffff!important;}
.nectar-button.accent-color.regular-button.has-icon span{padding-left: 25px;margin-left: 30px;}
body .nectar-button.accent-color.regular-button{border-radius:10px!important;}
body .nectar-button.accent-color.regular-button:hover{background:#fff!important;color: #8c0100!important;border:1px solid #8c0100!important;}
body .nectar-button.accent-color.regular-button:hover span{color:#8c0100!important;}
.nectar-button i {right: auto !important;left: 10px !important;opacity: 1!important;-ms-filter: "alpha(opacity=100)";-ms-transform: translateX(6px);
    -webkit-transform: translateX(6px);transform: translateX(6px);}
.nectar-button.has-icon:hover span, .nectar-button.tilt.has-icon span {-ms-transform: translateX(0px);-webkit-transform: translateX(0px);
    transform: translateX(0px);}


.nectar-button.accent-color.button-auf-bild.gutscheine{display: inline-flex;flex-direction: row;justify-content: center;
    align-items: center;width: 250px;}    
.nectar-button.accent-color.button-auf-bild.gutscheine:before{top: -3px;content:url('/wp-content/uploads/2020/03/gasthaus-roessle-icon-buttons-gutscheine-gold.svg');
position:relative;width: 25px;height: 25px;margin-right:10px;} 
.nectar-button.accent-color.button-auf-bild.gutscheine:hover:before{content:url('/wp-content/uploads/2020/03/gasthaus-roessle-icon-buttons-gutscheine-rot.svg');} 

.button-right{text-align:right;}


.buttons-startseite-row{padding-left: 0px!important; padding-right: 0px!important;display: block;border-radius: 150px;}
.buttons-startseite-row .wpb_wrapper{justify-content:center!important;display: flex;}
.buttons-startseite-row .wpb_wrapper .regular-button{margin-left:15px;margin-right:15px;padding:0px!important;}
.buttons-startseite-row-4 .wpb_wrapper{justify-content: space-around;display:flex;}

.nectar-button.accent-color.regular-button.button-speisekarte{display: inline-flex;flex-direction: row;justify-content: center;
    align-items: center;width: 250px;}
.nectar-button.accent-color.regular-button.button-speisekarte:before{content:url('/wp-content/uploads/2020/03/gasthaus-roessle-icon-speisekarte-gold.svg');
position:relative;width: 30px;height: 30px;margin-right:10px;}
.nectar-button.accent-color.regular-button.button-speisekarte:hover:before{content:url('/wp-content/uploads/2020/03/gasthaus-roessle-icon-speisekarte-rot.svg')}

.nectar-button.accent-color.regular-button.button-tischreservierung{display: inline-flex;flex-direction: row;justify-content: center;
    align-items: center;width: 250px;}
.nectar-button.accent-color.regular-button.button-tischreservierung:before{content:url('/wp-content/uploads/2020/03/gasthaus-roessle-icon-tischreservierung-gold.svg');
position:relative;width: 30px;height: 30px;margin-right:10px;}
.nectar-button.accent-color.regular-button.button-tischreservierung:hover:before{content:url('/wp-content/uploads/2020/03/gasthaus-roessle-icon-tischreservierung-rot.svg');} 

.nectar-button.accent-color.regular-button.button-oeffnungszeiten{display: inline-flex;flex-direction: row;justify-content: center;
    align-items: center;width: 250px;}
.nectar-button.accent-color.regular-button.button-oeffnungszeiten:before{content:url('/wp-content/uploads/2020/03/gasthaus-roessle-icon-oeffnungszeiten-gold.svg');
position:relative;width: 30px;height: 30px;margin-right:10px;}
.nectar-button.accent-color.regular-button.button-oeffnungszeiten:hover:before{content:url('/wp-content/uploads/2020/03/gasthaus-roessle-icon-oeffnungszeiten-rot.svg');} 
*/
/*------------VERLINKUNGS_BOX_ROW*/
.verlinkungs-box-row .nectar-fancy-box {
  margin: 20px 20px 30px 20px;
}

.verlinkungs-box-row .nectar-fancy-box .link-text {
  font-size: 20px;
  line-height: 28px;
}

/*-------CONTENT-ELEMENTE----------------------------------------*/
/*-----------Intro-Row-Absände*/
.vc_col-sm-12.intro-padding.wpb_column {
  padding-left: 10%;
  padding-right: 10%;
}

.padding10 {
  padding-left: 10% !important;
  padding-right: 10% !important;
}

.padding-left10 {
  padding-left: 10% !important;
}

.padding-right10 {
  padding-right: 10% !important;
}

/* -------------Kasten Grau BG-------------------------*/
.kasten-grau-bg .vc_column-inner {
  padding: 5% 5% !important;
  background-color: #f2efeb;
}

.kasten-grau-bg.online-reservierung-row .wpb_wrapper {
  display: flex;
  flex-direction: column;
}

.kasten-grau-bg.online-reservierung-row .wpb_wrapper .regular-button {
  width: 220px;
}

/*-------Order-Text-Bild-Bild-Text-Elemente--------------------*/
.bild-text-column-centered {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 6% !important;
  padding-right: 6% !important;
}

.text-bild-column-centered {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 6% !important;
  padding-right: 6% !important;
}

/*---------------------TABELLE_VERGLEICH_ZIMMER_---------------------------*/
.main-content table#jtrt_table_1028 {
  display: inline-table;
  border-top: none !important;
}

.main-content table#jtrt_table_1028 .htCenter {
  font-size: 16px;
  text-align: center;
  padding: 0 15px 20px 15px !important;
  vertical-align: middle !important;
}

.main-content table#jtrt_table_1028 thead .htCenter {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.main-content table#jtrt_table_1028 thead {
  border-top: 1px solid #ececec;
}

.main-content table#jtrt_table_1028 .htCenter img {
  max-width: 150px;
  vertical-align: middle;
}

/*--------------------------Accordion-Style----------------------------------------*/
.accordion-row .toggles h3 {
  margin-bottom: 10px !important;
}

.accordion-row .toggles .toggle h3 a {
  font-size: 20px;
  padding: 20px 20px;
}

.accordion-row .toggles .toggle h3 a i {
  top: 20px !important;
  font-family: "icomoon" !important;
  right: 10px !important;
  left: unset !important;
  transform: rotate(90deg) !important;
}

.accordion-row .toggles .toggle.open h3 a i {
  transform: rotate(270deg) !important;
}

.accordion-row .toggles .toggle h3 a i:before {
  content: "\e000";
}

.accordion-row .toggles .toggle div {
  box-shadow: none;
}

/*-----------------------------------------------------------------------------*/
.nectar-fancy-ul li {
  font-size: 18px;
  margin-bottom: 10px;
}

/*-----------------Kontaktformular--------------*/
.wpcf7-form.sent #cfhide {
  display: none;
}

.wps-form {
  width: 100%;
  margin: 0 auto;
}

.wps-form-row {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.wps-form-row .wpcf7-form-control {
  width: 100%;
}

.wps-form-column {
  flex: 1;
  padding: 0.5rem 0;
  width: 100%;
}

.wps-form-row .menu-329 select {
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 4px;
  border: 2px solid rgba(0, 0, 0, 0);
}

.wps-form-row .personenanzahl input {
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 4px;
  border: 2px solid rgba(0, 0, 0, 0);
  line-height: 24px;
  padding: 10px;
}

.wps-form-row .acceptance-832 input {
  height: 20px;
  width: 20px;
  border: none !important;
  box-shadow: none !important;
  color: rgb(143, 0, 0);
}

.wps-form-row .acceptance-832 .wpcf7-list-item {
  margin: 0px !important;
}

/* Notebook / Desktop */
@media only screen and (min-width: 48em) {
  .wps-form-row {
    flex-direction: row;
  }
  .wps-form-column {
    padding: 0.5rem 1rem;
  }
}
/*--------Angebote-Liste--------------------*/
#single-below-header {
  display: none !important;
}

#author-bio {
  display: none !important;
}

/*------------------------FOOTER----------------------------------*/
#footer-widgets .row {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: flex-end;
}

#footer-widgets .row #text-5 h4 {
  color: #252525 !important;
  font-weight: bold;
  margin-bottom: 0px !important;
  font-size: 18px;
}

#footer-widgets .row #text-5 .textwidget {
  display: flex;
}

#footer-widgets .row #text-5 .textwidget div {
  margin-right: 20px;
  flex-direction: column;
  display: flex;
  justify-content: flex-end;
}

#footer-widgets .row #text-5 .textwidget div p {
  padding-bottom: 0px;
}

#footer-widgets .row #nav_menu-2 {
  margin-bottom: 0 !important;
}

#footer-widgets .menu-menue-footer-container #menu-menue-footer {
  display: inline-flex;
}

#footer-widgets .menu-menue-footer-container #menu-menue-footer li {
  margin-right: 40px;
  text-transform: uppercase !important;
  font-size: 15px;
}

#footer-widgets .row #custom_html-2 {
  margin-bottom: 0 !important;
}

#footer-widgets .row #text-4 {
  text-align: right;
}

#footer-widgets .row #custom_html-2 {
  text-align: right;
  font-size: 16px;
}

#footer-widgets .footer-fb-rechts {
  display: flex;
  justify-content: flex-end;
}

#footer-widgets .footer-fb-rechts .fa-facebook-square {
  margin-right: 20px;
}

#footer-widgets .footer-fb-rechts .fab {
  font-size: 40px !important;
}

/*----------------------MEDIA_QUERIES---------------------------.buchen-button.gutschein-button----------*/
@media (max-width: 1600px) {
  /*Wenn 2 Buttons-> 2ter Button: top: 56%;
    Wenn 3 Buttons-> 2ter Button: top: 49%; | 3ter Button: top: 70%*/
  #buchen-row .wpb_wrapper .buchen-button.valentins-button {
    top: 49% !important;
  }
  #buchen-row .wpb_wrapper .buchen-button.gutschein-button {
    top: 70% !important;
  }
  #buchen-row .wpb_wrapper .buchen-button {
    font-size: 18px;
  }
}
@media (max-width: 1440px) {
  #header-outer .sf-menu li {
    padding-left: 15px !important;
  }
  #header-outer .sf-menu li a {
    font-size: 17px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}
@media (max-width: 1400px) {
  #header-outer .sf-menu li a {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
}
@media (max-width: 1366px) {
  #header-outer .sf-menu li a {
    font-size: 16px !important;
  }
}
@media (max-width: 1320px) {
  .buttons-startseite-row-4 .wpb_wrapper {
    flex-direction: column;
    display: inline-flex;
  }
  .buttons-startseite-row-4 .wpb_wrapper .regular-button {
    margin-bottom: 30px;
  }
}
@media (max-width: 1280px) {
  #header-outer .sf-menu li {
    padding-left: 8px !important;
  }
}
@media (max-width: 1200px) {
  #header-outer .sf-menu li a {
    font-size: 15px !important;
  }
  div#logo-carousel-free-583.logo-carousel-free .wpl-logo img {
    max-width: 240px !important;
  }
  #buchen-row .wpb_wrapper .buchen-button {
    top: 20% !important;
    font-size: 16px;
    width: 120px;
    height: 120px;
  }
  /*Wenn 2 Buttons-> 2ter Button: top: 35%;
    Wenn 3 Buttons-> 2ter Button: top: 35%; | 3ter Button: top: 50%*/
  #buchen-row .wpb_wrapper .buchen-button.valentins-button {
    top: 35% !important;
    font-size: 16px;
    width: 120px;
    height: 120px;
  }
  #buchen-row .wpb_wrapper .buchen-button.gutschein-button {
    top: 50% !important;
    font-size: 16px;
    width: 120px;
    height: 120px;
  }
}
@media (min-width: 1200px) {
  .slider-down-arrow {
    display: none !important;
  }
}
@media (max-width: 1024px) {
  h1 {
    font-size: 40px !important;
    line-height: 48px;
    margin-bottom: 1%;
  }
  h2 {
    font-size: 26px !important;
    line-height: 34px;
  }
  h3 {
    font-size: 22px !important;
    line-height: 30px;
    margin-bottom: 5px !important;
  }
  div#logo-carousel-free-583.logo-carousel-free .wpl-logo img {
    max-width: 100% !important;
  }
  /*#ssb-container {top:22%!important;}*/
}
@media (max-width: 1000px) {
  #footer-widgets .row .span_6 {
    width: 100% !important;
  }
  #footer-widgets .row {
    flex-direction: column;
  }
  #footer-widgets .row #text-5 {
    margin-bottom: 30px;
    justify-content: center;
    display: flex;
    flex-direction: column;
  }
  #footer-widgets .row #text-5 h4 {
    text-align: center;
  }
  #footer-widgets .row #text-5 .textwidget {
    justify-content: center;
    flex-direction: column;
  }
  #footer-widgets .row #text-5 .textwidget .footer-kontakt-links-1, #footer-widgets .row #text-5 .textwidget .footer-kontakt-links-2 {
    margin-right: 10px;
    margin-left: 10px;
    font-size: 16px;
    text-align: center;
  }
  #footer-widgets .row #text-4 {
    text-align: center;
    font-size: 16px;
  }
  #footer-widgets .row #custom_html-2 {
    text-align: center;
  }
  #footer-widgets .row .menu-menue-footer-container {
    text-align: center;
  }
  #footer-widgets .row .menu-menue-footer-container #menu-menue-footer li {
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media (max-width: 999px) {
  #header-space {
    height: 84px !important;
  }
  .wpb_row.bild-text-text-bild-row .span_12 .column_container:last-child {
    margin-bottom: 25px !important;
  }
  .order0 {
    order: 0;
  }
  .order1 {
    order: 1;
  }
  .bild-text-text-bild-row {
    margin-bottom: 60px !important;
  }
  .buttons-startseite-row, .buttons-startseite-row-4 {
    margin-bottom: 0px !important;
  }
  .buttons-startseite-row .wpb_wrapper {
    flex-direction: column;
    align-items: center;
  }
  .buttons-startseite-row .wpb_wrapper .nectar-button {
    margin-bottom: 10px !important;
  }
  .speisekarte_iframe .wpb_wrapper > div {
    min-height: 100vh;
  }
}
@media (max-width: 992px) {
  h1 {
    font-size: 38px !important;
    line-height: 50px !important;
  }
  h2 {
    font-size: 26px !important;
    line-height: 34px !important;
  }
  h3 {
    font-size: 22px !important;
    line-height: 30px !important;
  }
  #footer-widgets .row .span_6 {
    width: 100% !important;
    margin-right: 0px !important;
  }
  /* #ssb-container {top:18%!important;}*/
  #buchen-row .wpb_wrapper .buchen-button {
    font-size: 16px !important;
  }
}
@media (max-width: 767px) {
  /*#buchen-row  .wpb_wrapper .buchen-button.speisekarte-button{width:100px;height:100px;border-radius:50%;font-size:13px;top:30px;}*/
  #buchen-row .wpb_wrapper .buchen-button {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    font-size: 13px !important;
    top: 30px;
  }
  #buchen-row .wpb_wrapper .buchen-button.gutschein-button {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    font-size: 13px;
    top: 30px;
  }
  #buchen-row .wpb_wrapper .buchen-button.valentins-button {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    font-size: 13px;
    top: 30px;
  }
  body header a#logo {
    margin: 5px 0 5px 5px !important;
  }
  body header a#logo img {
    height: 60px !important;
  }
  .buttons-startseite-row .wpb_wrapper .nectar-button {
    margin-bottom: 20px !important;
  }
  .buttons-startseite-row .wpb_wrapper .nectar-button.button-speisekarte {
    margin-top: 10px;
  }
  .buttons-startseite-row .wpb_wrapper .nectar-button.button-tischreservierung {
    margin-top: 10px;
  }
  .buttons-startseite-row .wpb_wrapper .nectar-button.button-oeffnungszeiten {
    margin-top: 10px;
  }
  #footer-outer .widget {
    margin-bottom: 10px;
  }
  #footer-widgets .row .menu-menue-footer-container #menu-menue-footer {
    display: flex;
    flex-direction: column;
  }
  #footer-widgets .menu-menue-footer-container #menu-menue-footer li a {
    font-size: 15px;
  }
  #footer-widgets .footer-kontakt-links-1 p, #footer-widgets .footer-kontakt-links-2 p {
    font-size: 16px;
  }
  #footer-widgets .custom-html-widget .footer-copy-right {
    font-size: 16px;
  }
}
@media (max-width: 576px) {
  #mobile-menu {
    height: calc(100vh - 84px);
  }
  h1 {
    font-size: 32px !important;
    line-height: 40px !important;
    padding-top: 30px;
  }
  h2 {
    font-size: 22px !important;
    line-height: 34px !important;
  }
  h3 {
    font-size: 18px !important;
    line-height: 30px !important;
  }
  #buchen-row .wpb_wrapper .buchen-button {
    top: 30px !important;
    font-size: 13px;
    width: 95px;
    height: 95px;
    position: fixed;
  }
  /*Wenn 2 Buttons-> 2ter Button: top: 235px;
    Wenn 3 Buttons-> 2ter Button: top: 235px; | 3ter Button: top: 340px*/
  #buchen-row .wpb_wrapper .buchen-button.valentins-button {
    top: 235px !important;
    font-size: 14px;
    width: 95px;
    height: 95px;
    position: fixed;
  }
  #buchen-row .wpb_wrapper .buchen-button.gutschein-button {
    top: 340px !important;
    font-size: 14px;
    width: 95px;
    height: 95px;
    position: fixed;
  }
  .vc_col-sm-12.intro-padding.wpb_column {
    padding-left: 0%;
    padding-right: 0%;
  }
  .speisekarte_iframe .wpb_wrapper > div {
    min-height: 150vh;
  }
}
.popmake-title {
  text-transform: uppercase;
}

.popmake-content a.nectar-button span {
  padding-left: 10px;
  padding-right: 10px;
}

.pum-theme-standard-theme .pum-content {
  color: #3c3c3c;
}

.grecaptcha-badge {
  display: none !important;
}

@media (max-width: 1280px) {
  #buchen-row .wpb_wrapper .buchen-button.button-dreizeiler {
    font-size: 1em !important;
  }
  .buchen-button {
    position: absolute !important;
  }
  #buchen-row .wpb_wrapper .buchen-button.togospeisekarte-button {
    top: 20px !important;
  }
  #buchen-row .wpb_wrapper .buchen-button.xmas {
    top: 150px !important;
  }
  #buchen-row .wpb_wrapper .buchen-button.four-hands-dinner {
    top: 280px !important;
  }
}
/* gutscheine mobile */
#menu-item-2881 {
  display: none !important;
}

@media (max-width: 1243px) {
  /* gutscheine mobile */
  #menu-item-2881 {
    display: inline-block !important;
  }
}
@media (max-width: 576px) {
  .buchen-button {
    position: absolute !important;
  }
  #buchen-row .wpb_wrapper .buchen-button.togospeisekarte-button {
    top: 30px !important;
  }
  #buchen-row .wpb_wrapper .buchen-button.xmas {
    top: 140px !important;
  }
  #buchen-row .wpb_wrapper .buchen-button.four-hands-dinner {
    top: 250px !important;
  }
}
/*--------Sticky-side-buttons-Startseite--------------------
.ssb-btns-left{top: 40%;box-shadow: 0px 1px 2px #00000080;}
.ssb-btns-left ul li p{padding-bottom:0!important;}
.ssb-btns-left ul li a{font-size:15px!important;font-weight:400!important;color:#7c6036!important;text-transform:uppercase;text-align:left!important;flex-direction: row-reverse;justify-content: space-between;align-items: center;}
.ssb-btns-left ul li a:hover{background-color:#7c6036;color:#fff!important;}
.ssb-btns-left ul li a span{color:#7c6036!important;display:flex!important;justify-content: center;flex-direction: row;margin-top: 10px;}
.ssb-btns-left ul li a:hover span{color:#ffffff!important;display:flex!important;width: 28px;height: 28px;}
.ssb-btns-left ul li p a span:before{display:none!important;}
.ssb-btns-left ul li p a span:after{width: 28px;height: 28px;display: inline-block;}
.ssb-btns-left ul #ssb-btn-0,.ssb-btns-left ul #ssb-btn-0 a{border-top-right-radius: 3px;}
.ssb-btns-left ul #ssb-btn-0 a:hover{border-top-right-radius: 3px;}
.ssb-btns-left ul #ssb-btn-4,.ssb-btns-left ul #ssb-btn-4 a{border-bottom-right-radius: 3px;}
.ssb-btns-left ul #ssb-btn-4 a:hover{border-bottom-right-radius: 3px;}

.ssb-btns-left ul #ssb-btn-5 { background-color:#fff; }

@media only screen and (max-width: 1280px) { 
    .ssb-btns-left ul #ssb-btn-5 {
        display:none;
    }
}

.ssb-btns-left ul #ssb-btn-3 p a span:after{content:url('/wp-content/uploads/2020/03/gasthaus-roessle-icon-gutscheine-gold.svg');}
.ssb-btns-left ul #ssb-btn-3 p a:hover span:after{content:url('/wp-content/uploads/2020/03/gasthaus-roessle-icon-gutscheine-weiss.svg');}
.ssb-btns-left ul #ssb-btn-2 p a span:after{content:url('/wp-content/uploads/2020/03/gasthaus-roessle-icon-telefon-gold.svg');}
.ssb-btns-left ul #ssb-btn-2 p a:hover span:after{content:url('/wp-content/uploads/2020/03/gasthaus-roessle-icon-telefon-weiss.svg');}
.ssb-btns-left ul #ssb-btn-1 p a span:after{content:url('/wp-content/uploads/2020/03/gasthaus-roessle-icon-email-gold.svg');}
.ssb-btns-left ul #ssb-btn-1 p a:hover span:after{content:url('/wp-content/uploads/2020/03/gasthaus-roessle-icon-email-weiss.svg');}
.ssb-btns-left ul #ssb-btn-4 p a span:after{content:url('/wp-content/uploads/2020/03/gasthaus-roessle-icon-googlemap-gold.svg');}
.ssb-btns-left ul #ssb-btn-4 p a:hover span:after{content:url('/wp-content/uploads/2020/03/gasthaus-roessle-icon-googlemap-weiss.svg');}
.ssb-btns-left ul #ssb-btn-5 p a span:after{content:url('/wp-content/uploads/2023/08/gasthaus-roessle-icon-whatsapp-gold.svg');}
.ssb-btns-left ul #ssb-btn-5 p a:hover span:after{content:url('/wp-content/uploads/2023/08/gasthaus-roessle-icon-whatsapp-weiss.svg');}
*/
/* Button FIX */
.nectar-button.accent-color.regular-button::before {
  color: #fff;
}

/* SIDEBAR */
#ssb-container {
  left: -130px !important;
  transition: all 0.25s;
  top: 36%;
}
#ssb-container:hover {
  left: 0 !important;
}
#ssb-container ul.ssb-light-hover {
  margin-bottom: 0px;
}
#ssb-container ul.ssb-light-hover li {
  width: 180px;
  transition: all 0.25s;
}
#ssb-container ul.ssb-light-hover li:first-of-type {
  border-top-right-radius: 3px;
}
#ssb-container ul.ssb-light-hover li:last-of-type {
  border-bottom-right-radius: 3px;
}
#ssb-container ul.ssb-light-hover li:hover {
  background: #8c0100;
}
#ssb-container ul.ssb-light-hover li:hover p a span.ssb-text {
  color: #fff;
}
#ssb-container ul.ssb-light-hover li:hover p a span.ssb-text::after {
  background-color: #fff;
}
#ssb-container ul.ssb-light-hover li p {
  height: 55px;
  line-height: 55px;
  position: relative;
  margin: 0 !important;
}
#ssb-container ul.ssb-light-hover li p a {
  position: relative;
  width: 100%;
  display: flex;
  height: 100%;
  text-align: left;
}
#ssb-container ul.ssb-light-hover li p a span.ssb-text {
  height: 55px;
  line-height: 55px;
  width: 100%;
  text-align: left;
  font-size: 15px;
  font-weight: 400;
  text-transform: uppercase;
  color: #7C6036;
}
#ssb-container ul.ssb-light-hover li p a span.ssb-text::after {
  content: "";
  position: absolute;
  right: 12px;
  top: 10px;
  width: 32px;
  height: 32px;
  background-color: #7C6036;
  -webkit-mask-size: 95%, 100%;
          mask-size: 95%, 100%;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
#ssb-container ul.ssb-light-hover li#ssb-btn-1 p a span.ssb-text::after {
  -webkit-mask-image: url("/wp-content/uploads/2020/03/gasthaus-roessle-icon-email-gold.svg");
  mask-image: url("/wp-content/uploads/2020/03/gasthaus-roessle-icon-email-gold.svg");
}
#ssb-container ul.ssb-light-hover li#ssb-btn-2 p a span.ssb-text::after {
  -webkit-mask-image: url("/wp-content/uploads/2020/03/gasthaus-roessle-icon-telefon-gold.svg");
  mask-image: url("/wp-content/uploads/2020/03/gasthaus-roessle-icon-telefon-gold.svg");
}
#ssb-container ul.ssb-light-hover li#ssb-btn-3 p a span.ssb-text::after {
  -webkit-mask-image: url("/wp-content/uploads/2020/03/gasthaus-roessle-icon-gutscheine-gold.svg");
  mask-image: url("/wp-content/uploads/2020/03/gasthaus-roessle-icon-gutscheine-gold.svg");
}
#ssb-container ul.ssb-light-hover li#ssb-btn-4 p a span.ssb-text::after {
  -webkit-mask-image: url("/wp-content/uploads/2020/03/gasthaus-roessle-icon-googlemap-gold.svg");
  mask-image: url("/wp-content/uploads/2020/03/gasthaus-roessle-icon-googlemap-gold.svg");
}
#ssb-container ul.ssb-light-hover li#ssb-btn-5 p a span.ssb-text::after {
  -webkit-mask-image: url("/wp-content/uploads/2023/08/gasthaus-roessle-icon-whatsapp-gold.svg");
  mask-image: url("/wp-content/uploads/2023/08/gasthaus-roessle-icon-whatsapp-gold.svg");
}
#ssb-container.mobile-view {
  display: block;
  position: fixed;
  bottom: 0px !important;
  left: 0px !important;
  top: auto !important;
  right: auto !important;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
}
#ssb-container.mobile-view ul.ssb-light-hover {
  background: rgba(255, 0, 0, 0.2);
  margin: 0 !important;
  padding: 0 !important;
  position: relative;
  display: flex;
  flex-direction: row;
}
#ssb-container.mobile-view ul.ssb-light-hover li {
  width: 33.3%;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-right: 1px solid #999;
}
#ssb-container.mobile-view ul.ssb-light-hover li:last-of-type {
  border-right: none;
}
#ssb-container.mobile-view ul.ssb-light-hover li p {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
#ssb-container.mobile-view ul.ssb-light-hover li p span.ssb-text {
  text-indent: -9999px;
}
#ssb-container.mobile-view ul.ssb-light-hover li p span.ssb-text::after {
  left: calc(50% - 17px);
  right: auto;
}
#ssb-container.mobile-view ul.ssb-light-hover li#ssb-btn-1 p a span.ssb-text::after {
  width: 30px;
  height: 30px;
}
#ssb-container.mobile-view ul.ssb-light-hover li#ssb-btn-2 p a span.ssb-text::after {
  width: 30px;
  height: 30px;
}
#ssb-container.mobile-view ul.ssb-light-hover li#ssb-btn-3 p a span.ssb-text::after {
  width: 30px;
  height: 30px;
}
#ssb-container.mobile-view ul.ssb-light-hover li#ssb-btn-4 p a span.ssb-text::after {
  width: 27px;
  height: 27px;
}
#ssb-container.mobile-view ul.ssb-light-hover li#ssb-btn-5 p a span.ssb-text::after {
  width: 30px;
  height: 30px;
}

.nectar-button.accent-color.regular-button {
  text-align: center;
  min-width: 220px;
  padding: 0px !important;
  border-radius: 10px !important;
  border: 1px solid #7c6036 !important;
  line-height: 48px !important;
}

.nectar-button.accent-color.regular-button span {
  text-transform: uppercase;
  color: #fff !important;
  letter-spacing: 1px;
  font-size: 14px !important;
}

.nectar-button.accent-color.regular-button:hover {
  opacity: 1;
  background-color: #fff !important;
}

.nectar-button.accent-color.regular-button:hover span {
  color: #ffffff !important;
}

.nectar-button.accent-color.regular-button.has-icon span {
  padding-left: 25px;
  margin-left: 30px;
}

body .nectar-button.accent-color.regular-button {
  border-radius: 10px !important;
}

body .nectar-button.accent-color.regular-button:hover {
  background: #fff !important;
  color: #8c0100 !important;
  border: 1px solid #8c0100 !important;
}

body .nectar-button.accent-color.regular-button:hover span {
  color: #8c0100 !important;
}

.nectar-button i {
  right: auto !important;
  left: 10px !important;
  opacity: 1 !important;
  -ms-filter: "alpha(opacity=100)";
  transform: translateX(6px);
}

.nectar-button.has-icon:hover span, .nectar-button.tilt.has-icon span {
  transform: translateX(0px);
}

.nectar-button.accent-color.button-auf-bild.gutscheine {
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 250px;
}

.nectar-button.accent-color.button-auf-bild.gutscheine:before {
  content: " ";
  position: relative;
  width: 25px;
  height: 25px;
  margin-right: 10px;
  -webkit-mask-image: url("/wp-content/uploads/2020/03/gasthaus-roessle-icon-buttons-gutscheine-gold.svg");
  mask-image: url("/wp-content/uploads/2020/03/gasthaus-roessle-icon-buttons-gutscheine-gold.svg");
  background-color: #fff;
}

.nectar-button.accent-color.button-auf-bild.gutscheine:hover:before {
  background-color: #8f0000;
}

.button-right {
  text-align: right;
}

.buttons-startseite-row {
  padding-left: 0px !important;
  padding-right: 0px !important;
  display: block;
  border-radius: 150px;
}

.buttons-startseite-row .wpb_wrapper {
  justify-content: center !important;
  display: flex;
}

.buttons-startseite-row .wpb_wrapper .regular-button {
  margin-left: 15px;
  margin-right: 15px;
  padding: 0px !important;
}

.buttons-startseite-row-4 .wpb_wrapper {
  justify-content: space-around;
  display: flex;
}

.nectar-button.accent-color.regular-button {
  transition: all 0.2s;
}

.nectar-button.accent-color.regular-button.button-speisekarte {
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 250px;
}

.nectar-button.accent-color.regular-button.button-speisekarte:before {
  content: "";
  -webkit-mask-image: url("/wp-content/uploads/2020/03/gasthaus-roessle-icon-speisekarte-gold.svg");
  mask-image: url("/wp-content/uploads/2020/03/gasthaus-roessle-icon-speisekarte-gold.svg");
  background-color: #fff;
  position: relative;
  width: 30px;
  height: 30px;
  margin-right: 10px;
}

.nectar-button.accent-color.regular-button.button-speisekarte:hover:before {
  background-color: #8f0000;
}

.nectar-button.accent-color.regular-button.button-tischreservierung {
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 250px;
}

.nectar-button.accent-color.regular-button.button-tischreservierung:before {
  content: "";
  -webkit-mask-image: url("/wp-content/uploads/2020/03/gasthaus-roessle-icon-tischreservierung-gold.svg");
  mask-image: url("/wp-content/uploads/2020/03/gasthaus-roessle-icon-tischreservierung-gold.svg");
  background-color: #fff;
  position: relative;
  width: 30px;
  height: 30px;
  margin-right: 10px;
}

.nectar-button.accent-color.regular-button.button-tischreservierung:hover:before {
  background-color: #8f0000;
}

.nectar-button.accent-color.regular-button.button-oeffnungszeiten {
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 250px;
}

.nectar-button.accent-color.regular-button.button-oeffnungszeiten:before {
  content: "";
  -webkit-mask-image: url("/wp-content/uploads/2020/03/gasthaus-roessle-icon-oeffnungszeiten-gold.svg");
  mask-image: url("/wp-content/uploads/2020/03/gasthaus-roessle-icon-oeffnungszeiten-gold.svg");
  background-color: #fff;
  position: relative;
  width: 30px;
  height: 30px;
  margin-right: 10px;
}

.nectar-button.accent-color.regular-button.button-oeffnungszeiten:hover:before {
  background-color: #8f0000;
}

.mobile-buttons {
  display: none;
}

.startseite-mobile-buttons {
  display: none;
}

@media (max-width: 576px) {
  #nectar-slider-instance-2 {
    margin-bottom: 0;
  }
  a.buchen-button {
    display: none !important;
  }
  .startseite-mobile-buttons {
    display: flex;
    flex-direction: row;
    margin: 0px -25px 0px -25px;
    padding: 0px;
  }
  .startseite-mobile-buttons .row_col_wrap_12 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .startseite-mobile-buttons .row_col_wrap_12 .vc_col-sm-6 {
    width: 50%;
    padding: 0;
    margin: 0;
    height: 50px;
    line-height: 45px;
    color: #fff;
    background-color: #8c0100;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px !important;
    font-weight: bold;
    border: 1px solid #8c0100;
  }
  .startseite-mobile-buttons .row_col_wrap_12 .vc_col-sm-6 * {
    text-align: center;
    width: 100%;
  }
  .startseite-mobile-buttons .row_col_wrap_12 .vc_col-sm-6:first-of-type {
    border-right: 1px solid #fff;
  }
}
@media (max-width: 576px) {
  .mobile-buttons {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9999;
    display: flex;
    justify-content: center;
    flex-direction: row;
    width: 100%;
  }
  .mobile-buttons .resmio-button, .mobile-buttons .qlwapp__container.qlwapp-is-mobile {
    position: relative !important;
    margin: 0px;
    width: 50%;
  }
  .mobile-buttons a.resimo, .mobile-buttons a.whatsapp {
    width: 50%;
    height: 50px;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: row;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 1em !important;
    font-weight: bold;
  }
  .mobile-buttons a.resimo:hover, .mobile-buttons a.whatsapp:hover {
    cursor: pointer;
  }
  .mobile-buttons a.whatsapp {
    background: #26d65b !important;
  }
  .mobile-buttons a.whatsapp i {
    font-size: 26px;
  }
  .mobile-buttons a.whatsapp {
    padding-top: 0px;
  }
  .mobile-buttons a.resimo {
    background: #8f0000;
    padding-top: 12px;
  }
  .mobile-buttons .qlwapp {
    opacity: 0;
    position: relative;
    top: 0;
    left: 0;
    bottom: unset;
    right: unset;
    padding: 0;
    margin: 0;
    font-family: "Open Sans", Helvetica, sans-serif;
    width: 100%;
  }
  .mobile-buttons .qlwapp .qlwapp__container {
    position: relative;
    display: block;
    width: 100%;
  }
  .mobile-buttons .qlwapp .qlwapp__container a {
    margin: 0;
    padding: 0;
    background-color: transparent;
    width: 100%;
    background: #8f0000;
    height: 50px;
  }
  .mobile-buttons .qlwapp .qlwapp__container a span {
    font-family: "Open Sans", Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
  }
}
.ti-row > .ti-profile-img {
  background-image: url("/roessle_ico.jpg");
  background-size: contain;
  border-radius: 45px;
  width: 70px !important;
  border: 1px solid white;
  height: 70px;
  overflow: hidden;
}
.ti-row > .ti-profile-img img {
  display: none !important;
}

.ti-header-write-btn:hover {
  background: #8f0000 !important;
  color: #fff !important;
}/*# sourceMappingURL=tp.css.map */