/*
	Theme Name:    Il Castello 3
	Description:   06. Juni 2022
	Version:       1.0
	Author:        in-script // grafik . print . web
	Author URI:    https://www.in-script.com/
*/

#loader {
	position: fixed;
	z-index: 9999999999999;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	width: 100%;
	height: 100vh;
	background-color: #fff;
}

.loader {
	max-width: 65%;
	height: auto;
}

/***************************************************
 * Generated by SVG Artista on 6/9/2022, 6:58:20 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

.loader .svg-elem-1 {
  stroke-dashoffset: 9029.771484375px;
  stroke-dasharray: 9029.771484375px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 5s ease-in 0s, fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 6s;
          transition: stroke-dashoffset 5s ease-in 0s, fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 6s;
}

.loader.active .svg-elem-1 {
  stroke-dashoffset: 0;
  fill: rgb(29, 29, 29);
}

.loader .svg-elem-2 {
  stroke-dashoffset: 16606.943359375px;
  stroke-dasharray: 16606.943359375px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 5s ease-in 1s, fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 7s;
          transition: stroke-dashoffset 5s ease-in 1s, fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 7s;
}

.loader.active .svg-elem-2 {
  stroke-dashoffset: 0;
  fill: rgb(120, 4, 17);
}

.loader .svg-elem-3 {
  stroke-dashoffset: 21785.662109375px;
  stroke-dasharray: 21785.662109375px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 5s ease-in 2s, fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 8s;
          transition: stroke-dashoffset 5s ease-in 2s, fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 8s;
}

.loader.active .svg-elem-3 {
  stroke-dashoffset: 0;
  fill: rgb(29, 29, 29);
}

.loader .svg-elem-4 {
  stroke-dashoffset: 11222.474609375px;
  stroke-dasharray: 11222.474609375px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 5s ease-in 3s, fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 9s;
          transition: stroke-dashoffset 5s ease-in 3s, fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 9s;
}

.loader.active .svg-elem-4 {
  stroke-dashoffset: 0;
  fill: rgb(29, 29, 29);
}

/* ================================================
    -- Default
================================================ */

:root {

  --ff-body:          "Barlow", sans-serif;
  --ff-sec-title:     "Oswald", sans-serif;
  --ff-sec-subtitle:  "Javacom", sans-serif;
  --ff-par-title:     "Libre Baskerville", serif;

  --clr-dark:     #0c1d32;
  --clr-light:    #F6F4F2;
  --clr-red:      #7E2D29;
  --clr-gold:     #bd9855;

  --bg-light:     #e7e7e7;
  --bg-dark:      #201e1e;
  --bg-red:       #7E2D29;
  --bg-gold:      #bd9855;

  --fs-s:          16px;
  --fs-m:          20px;
  --fs-l:          19px;
  --fs-xl:         30px;
  --fs-xxl:        50px;

  --fw-s:          200;
  --fw-m:          300;
  --fw-l:          400;
  --fw-xl:         500;
  --fw-xxl:        600;

}

::-moz-selection {color: var(--clr-light); background: var(--clr-gold);}
     ::selection {color: var(--clr-light); background: var(--clr-gold);}

body {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
	font-family: var(--ff-body);
	color: var(--clr-dark);
	font-size: var(--fs-m);
	font-weight: var(--fw-s);
	letter-spacing: 0.5px;
	line-height: 1.5;
}

a {
	color: var(--clr-dark);
}

.fw-bold {
	font-weight: var(--fw-m);
}

.header,
.footer {
	display: none;
}

/* ================================================
    -- Fonts
================================================ */
h1, h2, h3, h4, h5, h6, p {
	display: block;
	margin-bottom: 12px;
}

.outline {
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke-color: currentcolor;
	-webkit-text-stroke-color: var(--clr-light);
	-webkit-text-stroke: 0.5px;
}

.h2-title {
	font-family: var(--ff-sec-title);
	font-size: var(--fs-xxl);
	font-weight: var(--fw-xl);
	text-transform: uppercase;
}

.h2-title span {
	display: block;
	text-transform: none;
	font-family: var(--ff-sec-subtitle);
	font-size: var(--fs-xl);
	font-weight: var(--fw-xxl);
	color: var(--clr-gold);
	transform: rotate(-5deg);
	padding-left: 7rem;
	margin-top: -36px;
	margin-bottom: 40px;
}

.h3-title {
	font-family: var(--ff-par-title);
	font-size: var(--fs-l);
	margin-bottom: 28px;
}

.par-intro {
	font-family: var(--ff-par-title);
	font-size: var(--fs-l);
	font-weight: var(--fw-l);
	margin-bottom: 2rem;
	position: relative;
}

.capitalize::first-letter {
	float: left;
	font-size: 50px;
	margin: 5px 5px 0 0;
	text-transform: uppercase;
	color: var(--clr-gold);
	line-height: 1;
}

@media screen and (min-width: 688px) {
	.capitalize::first-letter {
		font-size: 68px;
		margin: 10px 10px 0 0;
	}
}

@media screen and (min-width: 992px) {
	.capitalize::first-letter {
		font-size: 84px;
	}
}

span.icon-holder {
    position: relative;
}
i.icon-quote {
	font-size: 100px;
	color: #F1EDEA;
	position: absolute;
	top: -60px;
	left: -20px;
	z-index: -1;
}

figcaption {
	padding: 2px;
	font-size: var(--fs-s);
	margin-top: 12px;
	line-height: 1.3;
}

.link {
	position: relative;
	display: inline-block;
}

.link .link-title::after {
	content: '';
	display: block;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 1px;
	background: var(--bg-dark);
	transform: scaleX(0);
	transform-origin: right center;
	transition: transform 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0ms;
}

.link:hover .link-title::after {
	transform: scaleX(1);
	transform-origin: left center;
}
/* ================================================
    -- Kontakt
================================================ */
.input-wrapp {margin-bottom: 6px;}

label {display: block;}

input, select, textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	border-radius: 0;
	font-size: .95em;
	width: 100%;
	font-family: inherit;
	font-weight: inherit;
	color: #111;
}

input, textarea {
	background-color: transparent;
	border-bottom: 1px solid #dfdbdb;
	padding: 8px 6px 3px 6px;
}

textarea {resize:vertical;}

.wpcf7-spinner {display: none!important;}

.hvr-sweep-to-top {
	display: block;
	width: 100%;
	max-width: 350px;
	margin: 12px auto;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	padding: 8px 22px;
	background: var(--bg-gold);
	color: var(--clr-light);
	font-weight: var(--fw-xl);
	text-align: center;
}

.hvr-sweep-to-top:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--bg-dark);
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.hvr-sweep-to-top:hover, 
.hvr-sweep-to-top:focus, 
.hvr-sweep-to-top:active {
	color: var(--clr-light);
}

.hvr-sweep-to-top:hover:before, 
.hvr-sweep-to-top:focus:before, 
.hvr-sweep-to-top:active:before {
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
}

fieldset.cf {
	margin-top: 40px;
}
.submit-wrapp {
	margin-top: 30px;
}

.submit-wrapp.hvr-sweep-to-top input {
	border: 0;
	color: var(--clr-light);
	cursor: pointer;
}

/* ================================================
    -- Muttertag Menü
================================================ *
.mtag-menu {
	text-align:center;
	margin-bottom: 80px;
}
.mtag-menu-header {
	margin: 60px auto 40px auto;
}

.mtag-menu-header .h3-title {
	font-size: 32px;
  margin-bottom: 0;
	position: relative;
}

.mtag-menu h4 {
	font-family: var(--ff-par-title);
  font-size: 24px;
  font-weight: var(--fw-l);
  color: #CB8B68;
	margin-bottom: 0;padding-top: 50px;
}

.mtag-menu h5 {
  color: #CB8B68;
  font-size: 20px;
	font-family: var(--ff-body);
	font-weight: 500;
}


@media screen and (min-width: 42em) {
	.mtag-menu-header .h3-title{
		font-size: 52px;
	}
	.mtag-menu h4 {
  font-size: var(--fs-l);
}
}

/* ================================================
    -- Reservation
================================================ */
#article-reservation {
	position: relative;
	width: 100%;
	height: 100vh;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url("https://ristorante-castello3.ch/wp-content/uploads/restaurant-castello-willisau-01_1000.jpg");
	z-index: 5;
}

@media screen and (min-width: 992px) {
	#article-reservation {
		background-image: url("https://ristorante-castello3.ch/wp-content/uploads/restaurant-castello-willisau-01_2560.jpg");
	}
}

#article-reservation::after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	display: flex;
	width: 100%;
	height: 100vh;
	z-index: 1;
	background-color: #161616;
	opacity: 0.65;
}

#article-reservation .inner {
	height: 100%;
	width: 100%;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
	z-index: 2;
	color: var(--clr-light);
	padding: 1em;
}

#article-reservation .article-content {
	margin: 0 auto;
	text-align: center;
}

#article-reservation figure {
	max-width: 150px;
	margin: 0 auto;
	margin-bottom: 40px;
}

#article-reservation h1 {
	line-height: 70%;
	margin-bottom: 2rem;
	font-family: var(--ff-sec-title);
	font-size: 64px;
	font-weight: var(--fw-xxl);
}

#article-reservation h1 span {
	font-size: 30px;
}

#article-reservation .h2-title {
	font-size: 30px;
	font-weight: var(--fw-xxl);
}

#article-reservation .h2-title span {
	font-size: 24px;
	margin-top: -5px;
	padding-left: 4rem;
	margin-bottom: 20px;
}

#article-reservation .par-intro {
	max-width: 560px;
}

@media screen and (min-width: 380px) {
	.par-intro {margin-top: 3rem;} 
	#article-reservation h1 {margin-bottom: 3rem;}
}

@media screen and (min-width: 688px) {
	:root {
		--fs-s:          16px;
		--fs-m:          22px;
		--fs-l:          22px;
		--fs-xl:         45px;
		--fs-xxl:        80px;
	}
	
	#article-reservation h1 {font-size: 90px;}
	#article-reservation h1 span {font-size: 40px;}
	#article-reservation .par-intro {max-width: 740px;}
	i.icon-quote {font-size: 80px; top: -50px; left: -70px;}
}

@media screen and (min-width: 992px) {
	:root {
		--fs-s:          16px;
		--fs-m:          22px;
		--fs-l:          28px;
		--fs-xl:         45px;
		--fs-xxl:        100px;
	}
	#article-reservation h1 {
		font-size: 120px;
		line-height: 35%;
		margin-bottom: 5rem;
	}
	#article-reservation h1 span {
		font-size: 40px;
		letter-spacing: 3px;
		display: block;
	}
	#article-reservation .par-intro {
		margin-bottom: 1.5rem;
		max-width: 1050px;
	}
	#article-reservation .h2-title {
		font-size: 56px;
	}
	#article-reservation .h2-title span {
		font-size: 32px;
		padding-left: 20rem;
	}
}
#loader {display:one}
@media screen and (min-width: 1260px), 
       screen and (min-height: 700px) {
  	#article-reservation h1 {
		ont-size: 56px;
	}
}

/* ================================================
    -- News
================================================ */
#article-news {
	padding: 60px 0 36px 0;
}

#article-news .inner {
	padding: 0 1em;
}

#article-news .h2-title span {
	padding-left: 12rem;
	margin-top: -13px;
}

#article-news .article-content {
	max-width: 650px;
	margin: 0 auto;
	text-align: center;
}

#article-news p {
	position: relative;
	z-index: 5;
}

@media screen and (min-width: 688px) {
	#article-news .section-content {
		max-width: 500px;
		margin: 0 auto;
	}
}

@media screen and (min-width: 992px) {
	#article-news {
		padding: 46px 0 36px 0;
	}
	#article-news .section-content {
		max-width: 650px;

	}
	#article-news .h2-title span {
		padding-left: 25rem;
		margin-top: -28px;
		margin-bottom: 20px;
	}
}

/* ================================================
    -- TO CHANGE
================================================ */
#article-news .h3-title {
	color: #D78178;
}
.icon-file-pdf {
	font-size: 40px;
	color: #D78178;
}
/* ================================================
    -- Scrolling Gallery
================================================ */
#article-gallery {
	padding: 60px 0;
	overflow: hidden;
}

.scroll-gallery {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	flex-wrap: nowrap;
	margin: 0 -100px;
}

.scroll-gallery .scroll-txt {
	font-family: var(--ff-par-title);
	position: absolute;
	z-index: 10;
	top: 50%;
	transform: translateY(-50%);
	display: inline-block;
	color: var(--clr-gold);
	white-space: nowrap;
	padding-right: 40px;
	animation: titleInfinite 15000ms linear infinite;
}

.scroll-gallery .scroll-txt {
	font-size: 120px;
}

@media screen and (min-width: 768px){
	.scroll-gallery .scroll-txt {
		font-size: calc(120px + 50 * ((100vw - 768px) / 692));
	}
}
@media screen and (min-width: 1460px){
	.scroll-gallery .scroll-txt {
		font-size: 170px;
	}
}

.scroll-gallery .scroll-txt:after {
	content: attr(data-text);
	display: inline-block;
	position: absolute;
	top: 0;
	left: 100%;
}

.scroll-gallery img {
	box-shadow: 0px 0px 30px rgba(0,0,0,0.5);
}

.scroll-gallery .item {
	width: 100%;
	margin-right: 30px;
	flex-grow: 2;
}
.scroll-gallery .item:nth-child(1) {
	max-width: 139px;
	min-width: 81px;
	margin-top: 90px;
}
.scroll-gallery .item:nth-child(2) {
	max-width: 230px;
	min-width: 74px;
	margin-top: -12px;
}
.scroll-gallery .item:nth-child(3) {
	max-width: 282px;
	min-width: 88px;
	margin-top: -142px;
}
.scroll-gallery .item:nth-child(4) {
	max-width: 304px;
	min-width: 105px;
	margin-top: 96px;
}
.scroll-gallery .item:nth-child(5) {
	max-width: 174px;
	min-width: 76px;
	margin-top: -144px;
}
.scroll-gallery .item:nth-child(6) {
	max-width: 361px;
	min-width: 115px;
	margin-top: -88px;
}
.scroll-gallery .item:nth-child(7) {
	max-width: 322px;
	min-width: 110px;
	margin-top: 77px;
}

@keyframes titleInfinite {
	0% {
		transform: translateY(-50%) translateX(-20%); }
	100% {
		transform: translateY(-50%) translateX(-120%); }
}
@media screen and (min-width: 992px) {
	#article-gallery {
		padding: 120px 0;
	}
}
/* ================================================
    -- Welcome
================================================ */
#article-welcome {
	padding: 60px 0;
}

#article-welcome .inner {
	padding: 0 1em;
}

#article-welcome .h2-title span {
	padding-left: 5rem;
	margin-top: -13px;
}

#article-welcome .par-btm {
	font-family: var(--ff-sec-subtitle);
	font-size: var(--fs-l);
	font-weight: var(--fw-xxl);
	margin-top: 40px;
	display: inline-flex;
	align-items: center;
	color: var(--clr-gold);
}

#article-welcome .par-btm::after {
	width: 90px;
	height: 2px;
	background-color: var(--clr-gold);
	content: "";
	display: inline-block;
	transform-origin: 100% 50%;
	transform: scale(.7);
}

#article-welcome .photo {
	position: relative;
}

#article-welcome img {
	position: relative;
	box-shadow: 0px 0px 30px rgba(0,0,0,0.5);
	transition: .25s linear;
}

#article-welcome img:hover {
	box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
}

#article-welcome .photo-left {
	display: none;
}

#article-welcome .photo-right {
	margin-top: 30px;
	padding: 0 1.5vw;
}

@media screen and (min-width: 668px) {
	#article-welcome .h2-title span {
		padding-left: 13rem;
	} 

	#article-welcome .inner {
		max-width: 700px;
		margin: 0 auto;
	}
}

@media screen and (min-width: 1260px) {
	#article-welcome {
		padding: 120px 0 36px 0;
	}

	#article-welcome .inner {
		max-width: 100%;
		padding: 0 6vw;
		position: relative;
		display: flex;
	}

	#article-welcome section {
		order: 1;
		width: 50%;
		padding-right: 1.5vw;
		display: flex;
		flex-wrap: wrap;
		align-content: space-around;
	}
	
	#article-welcome .h2-title span {
		padding-left: 10rem;
	}
	
	#article-welcome .par {
		padding-right: 5vw;
	}

	#article-welcome .photo-right {
		margin-top: 0;
		order: 3;
		width: 50%;
		padding: 0 1.5vw;
	}
}

@media screen and (min-width: 1800px) {
	#article-welcome .photo-left {
		display: block;
		order: 2;
		width: 38%;
		padding: 0 1.5vw;
	}
	
	#article-welcome section {
		width: 34%;
	}
	
	#article-welcome .photo-right {
		width: 28%;
	}
}

/* ================================================
    -- Menü
================================================ */
#article-menu {
	padding: 60px 0;
	position: relative;
	z-index: 2;
}

#article-menu .inner {
	position: relative;
	padding: 0 1em;
	display: flex;
	flex-wrap: wrap;
}

#article-menu .h2-title span {
	padding-left: 8rem;
	margin-top: -15px;
}

#article-menu section {
	width: 100%;
	order: 1;
	margin-bottom: 30px;
}

#article-menu .par {
	margin: 0 0 40px 0;
}

#article-menu .photo {
	box-shadow: 0px 0px 30px rgba(0,0,0,0.5);
	width: 50%;
}

#article-menu .photo-left {order: 2;}
#article-menu .photo-right {order: 3;}

@media screen and (min-width: 668px) {
	#article-menu .h2-title span {
		padding-left: 15rem;
	}

	#article-menu .inner {
		max-width: 700px;
		margin: 0 auto;
	}
}

@media screen and (min-width: 1260px) {
	#article-menu {
		padding: 120px 0;
	}
	
	#article-menu .inner {
		max-width: 100%;
		padding: 0;
	}
	
	#article-menu section {
		margin: 0 auto;
		padding: 1.5vw 3vw 0 3vw;
		width: 56%;
		order: 2;
		margin-bottom: 0;
	}	

	#article-menu .par {
		margin: 140px 0 80px 0;
		padding: 0 3vw;
	}		

	#article-menu .photo-left {order: 1;}
	#article-menu .photo-right {order: 3;}

	#article-menu .photo img {
		display: none;
	}
	
	#article-menu .photo {
		width: 22%;
		-webkit-background-size: cover;
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
	}
	
	#article-menu .photo-left {
		background-image: url("https://ristorante-castello3.ch/wp-content/uploads/restaurant-castello-willisau-m_01.jpg");
	}
	
	#article-menu .photo-right {
		background-image: url("https://ristorante-castello3.ch/wp-content/uploads/restaurant-castello-willisau-m_02.jpg");
	}
}

@media screen and (min-width: 1800px) {
	#article-menu section {width: 40%;}
	#article-menu .photo {
		width: 30%;}
}

/* ================================================
      -- Accordion
================================================ */
.accordion {
	display: block;
	position: relative;
	width: 100%;
}
.acc-panel {
	display: block;
	width: 100%;
	margin-bottom: 15px;
	box-shadow: 0 5px 20px rgba(0,0,0,0.1);
}
.acc-panel:last-child {
	margin-bottom: 0;
}
.acc-panel_title {
	display: block;
	position: relative;
	height: 40px;
	line-height: 40px;
	padding: 0px 50px 0 20px;
	font-size: var(--fs-m);
	font-weight: var(--fw-xl);
	color: var(--clr-dark);
	border-bottom: 1px solid #e2e2e2;
	overflow: hidden;
	background: #fff;
	transition: background-color 0.2s;
}
.acc-panel_title:hover {
	background-color: #fafafa;
	border-bottom: 1px solid #e2e2e2;
}
.acc-panel_title.active {
	background: #f9f9f9;
}
.acc-panel_title.active .x7 {
	transform: rotate(-90deg);
}
.acc-panel_title.active .x7 .btop {
	width: 67%;
	top: 2px;
	transform: translateY(-50%) rotate(-45deg);
	transform-origin: 50% 50%;
}
.acc-panel_title.active .x7 .bmid {
	opacity: 0;
}
.acc-panel_title.active .x7 .bbot {
	width: 67%;
	bottom: 2px;
	transform: translateY(50%) rotate(45deg);
	transform-origin: 50% 50%;
}
.acc-panel_wrapp {
	display: none;
	position: relative;
	overflow: hidden;
	border-top: none;
	padding: 15px 15px 3px 15px;
}
.bmenu {
	width: 26px;
	height: 16px;
	display: block;
	position: absolute;
	right: 15px;
	top: 12px;
}
.btop, .bmid, .bbot {
	right: 0;
	width: 100%;
	height: 2px;
	position: absolute;
	background-color: var(--clr-dark);
	border-radius: 1px;
}
.btop {width: 40%;}
.bmid {width: 60%;}
.bbot {width: 80%;}
.x7 {
	transition: transform 0.3s ease-out;
	transform-origin: 60% 75%;
}
.x7 .btop {
	top: 0;
	transition: width 0.3s, transform 0.3s, top 0s;
	transition-timing-function: ease-out;
}
.x7 .bmid {
	top: calc(50% - 1px);
	transform-origin: 100% 50%;
	transition: opacity 0.1s;
	transition-timing-function: ease-out;
}
.x7 .bbot {
	bottom: 0;
	transition: width 0.3s, transform 0.3s, bottom 0s;
	transition-timing-function: ease-out;
}

@media screen and (min-width: 992px) {
	.acc-panel_wrapp {
		padding: 25px 25px 13px 25px;
	}
}

/* ================================================
  -- Preisliste
================================================ */
.clearfix::after {
	content: "";
	clear: both;
	display: table;
}

.acc-item  {
	float: left;
	width: 85%;
}

.acc-item_title {
	font-size: 18px;
	margin-bottom: 0;
	font-weight: var(--fw-l);
	line-height: 1.3;
}

.acc-panel_subtitle {
	font-size: var(--fs-m);
	font-weight: var(--fw-xl);
	border-bottom: 1px solid var(--clr-gold);
	color: var(--clr-gold);
}

.acc-item_price {
	float: right;
	font-size: var(--fs-s);
	font-weight: var(--fw-l);
}

.acc-item_desc {
	font-style: italic;
	font-size: 17px;
	line-height: 1.3;
	color: #515151;
}

.acc-info {
	font-size: 17px;
	font-style: italic;
	text-align: right;
	margin-top: 8px;
	margin-bottom: 0;
}

/* ================================================
    -- Slider
================================================ */
#article-slider {
	position: relative;
}

.logo-rotate {
	position: absolute;
	z-index: -1;
	left: 0;
	right: 0;
	margin: auto;
	top: -120px;
	width: 75%;
	max-width: 500px;
	height: auto;
}

.logo-rotate {
	display: block;
	margin: auto;
	-webkit-animation: spin 9s linear infinite;
	-moz-animation: spin 9s linear infinite;
	animation: spin 9s linear infinite;
}

@-moz-keyframes spin    { 100% { -moz-transform: rotate(-360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(-360deg); } }
@keyframes spin         { 100% { -webkit-transform: rotate(-360deg); transform:rotate(-360deg); } }

#article-slider .inner {
	padding: 60px 0;
}

#article-slider section {
	width: 90%;
	margin: 0 auto;
}

#article-slider .article-header {
	text-align: center;
}

#article-slider .h2-title span {
	padding-left: 9rem;
	margin-top: -12px;
}

.logo-draw {
	margin: 30px auto 0 auto;
	text-align: center;
}

.logo-draw svg {
	width: 150px;
	margin: 0 auto;
	fill: var(--clr-gold);
	opacity: .5;
}

.logo-draw span {
	display: block;
	font-size: 16px;
	font-family: var(--ff-par-title);
	font-style: italic;
	color: var(--clr-gold);
	opacity: .5;
}

@media screen and (min-width: 668px) {
	#article-slider .h2-title span {
		padding-left: 15rem;
	}
}

@media screen and (min-width: 992px) {
	#article-slider .inner {
		padding: 120px 0;
	}

	#article-slider section {
		width: 75%;
	}

	.logo-draw {
		margin: 80px auto 0 auto;
	}
}

@media screen and (min-width: 1260px) {
	#article-slider .inner {
		padding: 60px 0;
	}
}

/* ================================================
    -- Insta
================================================ */
#article-insta {
	padding: 60px 0;
	background-color: var(--bg-dark);
}

#article-insta .inner {
	padding: 0 1em;
}

#article-insta header {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
}

#article-insta .h2-title,
#article-insta .par {
	color: var(--clr-light);
}

#article-insta .h2-title span {
	padding-left: 6rem;
	margin-top: -19px;
}

#article-insta .par {
	max-width: 450px;
	margin: 0 auto;
	text-align: center;
	padding: 0;
	margin-bottom: 30px;
	z-index: 5;
}

#article-insta .par p {
	position: relative;
}

#article-insta i.icon-quote {
	left: -42px;
	color: #5B5B5B;
}

#sb_instagram #sbi_load .sbi_load_btn, 
#sb_instagram .sbi_follow_btn a {
	font-size: 20px;
	padding: 7px 40px;
	margin: 40px auto 0 auto;
}

@media screen and (min-width: 668px) {
	#article-insta .h2-title span {
		padding-left: 8rem;
		margin-top: -35px;
	}

	#article-insta .inner {
		max-width: 700px;
		margin: 0 auto;
	}
}

@media screen and (min-width: 992px) {
	#article-insta {
		padding: 120px 0;
	}

	#sb_instagram {
		margin-top: 40px;
	}

	#article-insta header {
		flex-direction: row;
	}

	#article-insta .par {
		max-width: 950px;
		padding: 0;
		margin-bottom: 0;
	}
}

@media screen and (min-width: 1260px) {
	#article-insta .inner {
		max-width: 100%;
		padding: 0 6vw;
	}

	#article-insta header {
		justify-content: space-between;
	}

	#article-insta .par {
		display: flex;
		flex-wrap: wrap;
		align-content: flex-end;
		text-align: left;
		max-width: 55%;
		margin: 0;
	}

}

/* ================================================
    -- Kontakt
================================================ */
#article-contact {
	position: relative;
	padding: 60px 0;
	background-color: #F9F8F4;
}

#article-contact .inner {
	padding: 0 1em;
	position: relative;
	display: flex;
	flex-wrap: wrap;
}

#article-contact .item-form {
	width: 100%;
	display: flex;
	align-content: center;
	flex-wrap: wrap;
	order: 1;
}

#article-contact .h2-title span {
	margin-top: -28px;
}

#article-contact .item-gmap {
	width: 95%;
	margin: 30px auto;
	order: 2;
	box-shadow: 0px 0px 30px rgba(0,0,0,0.5);
}

#article-contact .item-infos {
	width: 100%;
	display: flex;
	align-content: center;
	flex-wrap: wrap;
	order: 3;
}

#article-contact .par-intro {
	margin-bottom: 1rem;
}

#article-contact .address-label {
	width: 80px;
	display: inline-block;
}

#article-contact p.fw-bold {
	font-size: 18px;
}

.sticky-figure {
	position: sticky;
	height: 100%;
	overflow: hidden;
}

.sticky-img {
	transform: scale(2);
	user-select: none;
	display: block;
	position: static;
	height: 100%;
	width: 100%;
	object-fit: cover;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.sticky-figure img {
	transition: 0.2s ease-out;
}

.sticky-figure img:hover {
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
	transition: 1.5s ease;
}

@media screen and (min-width: 668px) {
	#article-contact .inner {
		max-width: 700px;
		margin: 0 auto;
	}
	
	#article-contact .h2-title span {
		margin-top: -43px;
	}
}

@media screen and (min-width: 1260px) {

	#article-contact {
		padding: 120px 0;
	}
	
	#article-contact .inner {
		max-width: 1000px;
		margin: 0 auto;
	}

	#article-contact .item-form {
		width: 47%;
		margin-right: 3%;
	}
	
	#article-contact .item-gmap {
		margin-top: 120px;
		width: 100%;
		order: 3;
	}
	
	.sticky-img {
		transform: scale(1);
	}

	#article-contact .item-infos {
		width: 47%;
		margin-left: 3%;
		display: flex;
		align-content: center;
		flex-wrap: wrap;
		justify-content: right;
		order: 2;
	}
}

@media screen and (min-width: 1800px) {

	#article-contact .inner {
		max-width: 100%;
		padding: 0 8vw;
	}

	#article-contact .h2-title span {
		padding-left: 5rem;
	}

	#article-contact .item-form {
		width: 27%;
		margin-right: 0;
	}
	
	#article-contact .item-gmap {
		margin-top: 0;
		width: 40%;
		margin: 0 3%;
		order: 2;
	}

	#article-contact .item-infos {
		width: 27%;
		margin-left: 0;
		order: 3;
		justify-content: left;
	}
}

/* ================================================
    -- Footer
================================================ */
#footer {
	background: var(--bg-dark);
	padding: 12px 2vw;
}

.footer-meta {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-content: center;
	flex-direction: row;
}

.footer-meta p,
.footer-meta a {
	font-size: 16px;
	line-height: 1;
	color: var(--clr-light);
	font-weight: var(--fw-xl);
	margin-bottom: 0;
	display: flex;
}
.wda {
	font-weight: var(--fw-xxl);
	transition: .3s all;
}
.wda i {
	font-size: 19px;
	color: #00CBFF;
}
[class^="icon-"]::before, 
[class*=" icon-"]::before {
	font-weight: 600;
}
.wda:hover {color: white;}

/* ================================================
-- Back To Top
================================================ */
.back-to-top {
	position: fixed;
	text-indent: -999em;
	background: #fff url(data:image/svg+xml;base64,PHN2ZyBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTcuNCIgaGVpZ2h0PSIxMC44IiB2aWV3Qm94PSIwIDAgMTcuNCAxMC44Ij48c3R5bGU+LnN0MHtmaWxsOiMyQTMxMzY7fTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTIgMTAuN2w2LjctNi42IDYuNyA2LjcgMi0yLTYuNy02LjdWMmwtMi0yTDAgOC43eiIvPjwvc3ZnPg==) center 50% no-repeat;
	border: 1px solid rgba(0, 0, 0, .75);
	border-radius: .1875em;
	height: 40px;
	width: 40px;
	bottom: 5em;
	right: 1em;
	opacity: .25;
	z-index: 3000
}
.back-to-top:hover {
	opacity: 1;
	background-position: center 45%
}