@charset "UTF-8";

/*Root*/
:root {
  --main: #C5AD9E;
  --green: #222222;
  --accent: #E4DFDA;
  --background: #3F4641;
  --light: #EFE6DD;
  --white: #ffffff;
  --black: #222222;
  --padding: 2.5rem;
}

/*
#E4DFDA beige
#DACDC0 dunkler beige
#C5AD9E pastell rot
#D8DBD8 dunkelgrau
#222222 schwarz
*/

/*FONTS*/
/* cormorant-garamond-regular - latin */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  src: url('/files/themes/salinaweddings/fonts/garamond/cormorant-garamond-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/files/themes/salinaweddings/fonts/garamond/cormorant-garamond-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/themes/salinaweddings/fonts/garamond/cormorant-garamond-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/files/themes/salinaweddings/fonts/garamond/cormorant-garamond-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/files/themes/salinaweddings/fonts/garamond/cormorant-garamond-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/files/themes/salinaweddings/fonts/garamond/cormorant-garamond-v16-latin-regular.svg#CormorantGaramond') format('svg'); /* Legacy iOS */
}
/* cormorant-garamond-italic - latin */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 400;
  src: url('/files/themes/salinaweddings/fonts/garamond/cormorant-garamond-v16-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/files/themes/salinaweddings/fonts/garamond/cormorant-garamond-v16-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/themes/salinaweddings/fonts/garamond/cormorant-garamond-v16-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/files/themes/salinaweddings/fonts/garamond/cormorant-garamond-v16-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('/files/themes/salinaweddings/fonts/garamond/cormorant-garamond-v16-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/files/themes/salinaweddings/fonts/garamond/cormorant-garamond-v16-latin-italic.svg#CormorantGaramond') format('svg'); /* Legacy iOS */
}
/* cormorant-garamond-700 - latin */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 700;
  src: url('/files/themes/salinaweddings/fonts/garamond/cormorant-garamond-v16-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/files/themes/salinaweddings/fonts/garamond/cormorant-garamond-v16-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/themes/salinaweddings/fonts/garamond/cormorant-garamond-v16-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/files/themes/salinaweddings/fonts/garamond/cormorant-garamond-v16-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/files/themes/salinaweddings/fonts/garamond/cormorant-garamond-v16-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/files/themes/salinaweddings/fonts/garamond/cormorant-garamond-v16-latin-700.svg#CormorantGaramond') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'honeycombalternate';
    src: url('/files/themes/salinaweddings/fonts/honeycomb/honeycomb_alternate-webfont.woff2') format('woff2'),
         url('/files/themes/salinaweddings/fonts/honeycomb/honeycomb_alternate-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'honeycombregular';
    src: url('/files/themes/salinaweddings/fonts/honeycomb/honeycomb-webfont.woff2') format('woff2'),
         url('/files/themes/salinaweddings/fonts/honeycomb/honeycomb-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*Reset*/
body {width: 100%;background: var(--white)}
input, fieldset, textarea, button {all: unset;box-sizing:border-box}
* {-webkit-tap-highlight-color: transparent;margin: 0;padding: 0;outline: none;scroll-behavior: smooth;font-family:"Cormorant Garamond",sans-serif;box-sizing: border-box}
h1, h2, h3, h4, h5, h6, span.title, h2 a, h3 a, h4 a, h5 a, h6 a {font-size: 8rem;line-height: inherit;margin-bottom: 1rem;overflow-wrap:break-word;font-style: normal;font-family: "honeycombregular",sans-serif;font-weight: normal;color: var(--green);text-transform: none;text-align: left;max-width: 1200px}
p, figcaption {font-style: normal;font-weight: 200;line-height: 1.5em;font-size: .9rem;text-align: left;margin: 1rem 0;color: var(--black)}
p a, .textarea li a {text-decoration: underline;font-weight: bolder}
p {max-width: 1200px; margin: .75rem auto 1rem !important;font-size: 1rem}
.preline {line-height: 23px;letter-spacing: 7px;text-transform: uppercase;font-weight: 700;color: var(--main);font-family: 'Cormorant Garamond';font-size: 1rem;margin: 1rem 0 !important}
h3 {}
h5 {font-size: 1.3rem;padding: 20px 0px;}
td {font-style: normal;font-weight: 300;line-height: 1.5em;font-size: 1.05em;text-align: justify;padding: 0px 10px 0px 10px}
li {font-style: normal;font-weight: 300;line-height: 1.5em;font-size: .9rem;text-align: left;margin: 0 0 .25rem 0}
thead {display: none}
tr {padding: 10px 0px}
strong {color: var(--main)}
select {display: block;font-size: .9rem;font-weight: 700;color: #444;line-height: 1.3;padding: .5em;width: auto;max-width: 50%;box-sizing: border-box;border: 1px solid}
select::-ms-expand {display: none}
select:hover {border-color: #888}
select:focus {border-color: #aaa;box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);box-shadow: 0 0 0 3px -moz-mac-focusring;color: #222;outline: none}
select option {font-weight:normal}
label {width: 50%}
figcaption {text-align: center;font-style: italic;margin: 0;padding: 1rem;bottom: 0;left: 0;right: 0;background: rgba(255,255,255,0.9);position: absolute}
.italic {font-style: italic}
img {max-width: 100%;height: 100%;height: auto;width: auto;display:block}
a {color: var(--black);text-decoration: none;cursor: pointer}
a:hover {color: var(--accent)}
ul {list-style-type: disc}
ol, ul {margin: 1rem}
::marker {color: var(--main)}
.button, button.submit {border-radius: 0.5rem;padding: .8rem 1rem;font-weight: 700;font-size: .9rem;display: inline-block;text-align: center;margin: .25rem 0;width: auto;color: white;transition: 0.5s;border: none;min-width: 140px;text-decoration: none;background: var(--main);text-transform: uppercase;cursor: pointer}
.button.whitebutton {background: var(--white);color: var(--main);transition: .3s}
.button:hover, .button.submit:hover {background-color: var(--accent);transition: 0.5s;color: var(--white)}
.textblock {text-align: left;max-width: 700px;transition: .5s;margin: calc(var(--padding) / 2) auto}
.white, .white h1, .white h2,  .white h3,  .white h4,  .white h5,  .white h6, .white p, .white.title {color: var(--white)}
.margin {margin: auto}
.uppercase {text-transform: uppercase}
/* main > section, main > div { content-visibility:auto; } */
body::-webkit-scrollbar {width: .7rem;background: white}
body::-webkit-scrollbar-track {box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1)}
body::-webkit-scrollbar-thumb {background-color: var(--main);border-radius: 1rem}
.invisible{display:none!important}
.container {max-width: 1200px;margin: var(--padding) auto;padding: 0 1.5rem}
.first .first .container {margin-top: 0}
.flex {display: block;flex-wrap: row wrap}
.background {background: var(--light);padding: var(--padding) 0}
.background .container {margin: 0 auto}
.background.backgroundbigger {padding-bottom: calc(var(--padding) * 2)}
::-moz-selection {color: black;background: var(--main)}
::selection {color: white;background: var(--main)}

/*Allgemeine Sachen*/
.button.whiteline:after {width: 80%;height: 2px;background: white;transition: .2s;}
.button.whiteline {background: none;padding: 0;font-size: 1.5rem;letter-spacing: .15rem;white-space: nowrap;width: 100%}
span.whiteline {width: 100%;height: 2px;background: white;display: none}
a.button.whiteline:hover {transition: .2s;color: var(--accent);transform: translateX(-10px);}
[type="checkbox"]:checked  {background-color: var(--accent) !important;}
.underlined::after {content: "";position: absolute;top: 2.5rem;right: 0;left: 0;background: url(/files/themes/salinaweddings/images/border.svg);height: 4px;width: 101%;}
.underlined {position: relative;}


/*Header*/
.header-container{position:fixed;z-index: 999}
.header{letter-spacing:.05rem;background-color:none;transition:all .3s ease 0s;z-index:10;width:100%;background: white}
.transparent .header {background: none}
.header .inside{max-width:1200px;margin:0 auto;padding:1rem var(--padding);transition:all .3s ease 0s}
.header .mitte img {transition: all .2s ease 0s}
header{position:sticky;top:0;left:0}
.header-copy{visibility:hidden}
.header .desktop{display:none}
.header .mobile{display:block;z-index:10;position:relative}
.header .desktop{display:none}
.header a {outline: none;color: var(--green);transition: all .3s ease 0s;text-decoration: none;text-transform: uppercase;font-weight: 700;letter-spacing: 5px}
.transparent .header a {color: var(--white)}
.header ul{margin:0}
.header ul li a{position:relative;text-decoration:none}
.header ul li a:hover{text-decoration:none;color: var(--accent)}
.header .logo{transition:all .3s ease 0s;position:relative;z-index:4;width:100%;max-width:6rem;display:block}
header ul.social li a {margin: 0}
header ul.social {width: auto !important;margin-left: 3rem}
.transparent header .mitte img {filter: invert(1) brightness(999);}
/* .header.shrinked .inside {background: rgb(255, 255, 255, 0.8);backdrop-filter: blur(10px);} */

/*Navigation*/
.navigation{z-index:3;width:100%;height:100%;top:0;left:0;position:absolute;top:0}
.navigation .scroll-container{padding-top:3rem;position:relative;top:100%;overflow:auto;max-height:80vh}
.navigation ul{z-index:100;top:120%;overflow:hidden;position:relative;left:0;margin:0;width:100%;display:none;list-style:none}
.navigation .nav-list+.nav-list{margin-top:0}
.navigation .nav-list+.nav-list li.last{border-bottom:none}
.navigation ul li{opacity:0;position:relative;display:block;border-bottom:1px solid rgba(255,255,255,.5)}
.navigation ul.last li.last{border-bottom:0}
.navigation ul li a{text-decoration:none;text-transform:uppercase;font-size:1.2rem;padding:.75rem 0;color:var(--white);display:block}
.navigation ul li.nav-submenu-item.last > a{border:none}
.navigation ul li.active a{color:var(--white)}
.navigation ul li.active ul li a{color:var(--white)}
.navigation ul li.trail a{color:var(--white)}
.navigation ul li.trail ul li a{border:none;color:var(--white)}
.navigation ul li.trail ul li.active a{color:var(--white)}

.navigation ul li a:hover{text-decoration:none}
.navigation .nav-submenu{padding:0 0 .5rem 0;margin-top:-.5rem;display:none}
.navigation .nav-submenu li{border-bottom:0}
.navigation .nav-submenu a{border-bottom:0;padding-left:.75rem;padding-top:.25rem;padding-bottom:.25rem;text-transform:inherit}
.navigation .nav-submenu .nav-submenu a{padding-left:4rem}
.navigation .nav-submenu-item a{display:block}
.nav-click{transition:transform .2s linear 0s;transform:rotate(90deg);display:block;color:var(--white);position:absolute;top:.2rem;right:0;text-align:center;cursor:pointer;padding:.5rem 0;border:none;font-size:1.5rem;border:none;z-index:99}
.no-touch .nav-click:hover{color:var(--white)}
.nav-rotate{border:none;-webkit-transform:rotate(180deg);transform:rotate(270deg)}
.nav-mobile{top:0;position:absolute;cursor:pointer;display:inline-block;text-align:right;right:0;top:50%;margin-top:-2.5rem}
.nav-mobile i{color:var(--white);font-size:2.5rem}
.no-touch .nav-mobile:hover,.nav-mobile.offen i{color:var(--black)}

/*Animation*/
#header .nav-list li{animation:fadeInRight .5s ease forwards;animation-delay:.35s}
#header .nav-list li:nth-of-type(2){animation-delay:.4s}
#header .nav-list li:nth-of-type(3){animation-delay:.45s}
#header .nav-list + .nav-list li:nth-of-type(1){animation-delay:.5s}
#header .nav-list + .nav-list li:nth-of-type(2){animation-delay:.55s}
#header .nav-list + .nav-list li:nth-of-type(3){animation-delay:.6s}
#header .nav-list ul.nav-submenu li:nth-of-type(1){animation-delay:.1s !important}
#header .nav-list ul.nav-submenu li:nth-of-type(2){animation-delay:.15s !important}
#header .nav-list ul.nav-submenu li:nth-of-type(3){animation-delay:.2s !important}
#header .nav-list ul.nav-submenu li:nth-of-type(4){animation-delay:.25s !important}
#header .nav-list ul.nav-submenu li:nth-of-type(5){animation-delay:.3s !important}
#header .nav-list ul.nav-submenu li:nth-of-type(6){animation-delay:.35s !important}
#header .nav-list ul.nav-submenu li:nth-of-type(7){animation-delay:.4s !important}

@keyframes fadeInRight{0%{opacity:0;left:20%}100%{opacity:1;left:0}}

.background-menu{z-index:9;opacity:0;background-color:var(--main);transition:height .2s linear 0s,opacity .2s linear 0s;position:fixed;top:0;left:0;height:0px;width:100%}
.background-menu.active{height:100vh;opacity:1}

/*Navigation - Burger*/
.navigation button{outline:0;border:0}
.navigation .lines-button{padding:1.6rem 0;transition:.3s;cursor:pointer;user-select:none;border-radius:0.57143rem;background-color:transparent;border:0}
.navigation .lines-button:hover{opacity:1}
.navigation .lines-button:active{transition:0}
.navigation .lines{display:inline-block;width:2.5rem;height:2px;background:var(--black);border-radius:0.28571rem;transition:.3s;position:relative}
.navigation .lines:before,.navigation .lines:after{display:inline-block;width:3rem;height:2px;background:var(--black);transition:0.3s;position:absolute;right:0;content:'';-webkit-transform-origin:0.28571rem center;transform-origin:0.28571rem center}
.navigation .lines:before{top:.75rem}
.navigation .lines:after{top:-.75rem}
.navigation .lines-button:hover .lines:before{top:.85rem}
.navigation .lines-button:hover .lines:after{top:-.85rem}
.navigation .lines-button.close{-webkit-transform:scale3d(0.8,0.8,0.8);transform:scale3d(0.8,0.8,0.8)}
.navigation .lines-button.x.close .lines{background:transparent}
.navigation .lines-button.x.close .lines:before,.lines-button.x.close .lines:after{background-color:var(--white);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;top:0;width:4rem}
.navigation .lines-button.x.close .lines:before{height:2px;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg)}
.navigation .lines-button.x.close .lines:after{height:2px;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg)}

.header .mobile .tel{color:var(--black);transition:all .2s ease 0s;position:absolute;font-size:2rem;top:52%;right:4.5rem;z-index:4;transform:translate(0,-50%)}
.header.menu-open .mobile .tel{color:var(--white)}

@keyframes menu-animation{
    from{transform:translate(0,-.25rem);opacity:0}
    to{transform:translate(0,0);opacity:1}
}

li.nav-submenu-item a:hover {color: var(--main) !important}

/*Teaser*/
.ce_rsce_teaser {background: var(--main);justify-content: flex-end;position: relative}
.ce_rsce_teaser .teaserslider {width: 100%;max-width: 100%;margin-left: auto;background: var(--green)}
ul.slick-dots {list-style: none;position: absolute;display: flex;right: 0;bottom: 0}
.ce_rsce_teaser .textblock, .ce_rsce_teaser .textblock h1, .ce_rsce_teaser .textblock p {text-align: center}
.container.contentoverlay {z-index: 1;position: relative;top: auto;transform: none;width: 100%;height: 100%;left: 0;right:0;margin: 0 auto;display: flex;align-items: center;padding: var(--padding) 1.5rem}
.slick-dots li {margin: 0 .25rem}
.ce_rsce_teaser .slick-dots li button{font-size:0;line-height: 0;cursor:pointer;padding: 0;min-width: initial!important;height: 1rem;width: 1rem;border-radius: 50%;-webkit-appearance: button;background-color:#fff;border: none}
.ce_rsce_teaser .slick-dots li.slick-active button {background: var(--main)}
.dots {position: absolute;bottom: -15rem;left: 0rem;z-index: 0}
.ce_rsce_teaser .teaserslider img { -webkit-mask-image: linear-gradient(to right, rgb(0 0 0 / 50%) 0%, black 50%);mask-image: linear-gradient(to right, rgb(0 0 0 / 50%) 0%, black 50%)}
span.slick-arrow {cursor:pointer;display: flex;align-items: center;}

/*Text+Bild*/
.ce_rsce_bildtext .container.flex.centered {align-items: center;}
.ce_rsce_bildtext .container.flex .imageblock {position: relative;padding: 1rem;padding-bottom: 1rem;margin-top: 0;z-index: 1;width: 100%;flex: 0 100%;max-width: 100%;background: white;box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1)}
.ce_rsce_bildtext .container.flex .textblock {width: 100%;flex: 0 100%;max-width: 100%;padding-left: 0}
.ce_rsce_bildtext .container.flex.reverse .textblock {padding 0}
.ce_rsce_bildtext .headline {transform: none;z-index: 2;position: relative}
.ce_rsce_bildtext .container.flex img {position: relative;width: 100%;height: calc(100% + 5rem);object-fit: cover;mask-image: linear-gradient(to left, rgba(239, 230, 221, 0.4) 0%, rgba(239, 230, 221, 1) 50%);-webkit-mask-image: linear-gradient(to left, rgba(239, 230, 221, 0.4) 0%, rgba(239, 230, 221, 1) 50%)}
.ce_rsce_bildtext .container.flex.optional img {height: 100%;mask-image: unset;-webkit-mask-image: 0}
.ce_rsce_bildtext .container.flex.reverse {flex-flow: row-reverse}
.ce_rsce_bildtext .container.flex.reverse img {height: 100%}
.ce_rsce_bildtext .container.flex.reverse .imageblock {padding-bottom: 1rem;margin-top: unset}
.ce_rsce_bildtext .reverse img {position: relative;width: 100%;height: 100%;object-fit: cover;mask-image: none;-webkit-mask-image: none}
.ce_rsce_bildtext .container.flex.reverse .headline, .ce_rsce_bildtext .container.flex.reverse.optional .headline {transform: none}

/*Leistungen*/
.ce_rsce_leistungen {background: var(--light)}
.container.innercontainer {padding: var(--padding) 1.5rem}
.ce_rsce_leistungen .container.innercontainer {padding: var(--padding) 1.5rem 0 1.5rem;margin-bottom: 12rem}
.center, .center p, .center h1, .center h2, .center h3, .center h4, .center h5, .center h6, .center li {margin: auto;text-align: center}
.center ul {list-style-position: inside;}
.leistungsgrid {transform: translateY(6rem);margin-top: -4rem;display: grid;grid-template-columns: 1fr;align-items: center;grid-gap: var(--padding)}
.leistungsgrid .imageblock {background: white; padding: 1rem;box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);position: relative}
.leistungsgrid .imageblock .title {position: absolute;margin-bottom: 0;left: 0;right: 0;font-size: 3rem;width: 100%;text-align: center}

.leistungsgrid-small {display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: calc(var(--padding) / 2)}
.leistung.img1 {margin-right: unset}
.leistung.img3 {margin-left: unset;transform: none}
.leistung.img2 {z-index: 1}
.leistung img {transition: all .2s ease 0s; width: 100%;}
.leistung:hover img {filter: brightness(0.5);transition: all .2s ease 0s}
.leistung:hover .title {transform: translateY(-3rem);transition: all .5s ease 0s;color: var(--accent)}
.leistung .title {transform: none;transition: all .5s ease 0s}

.leistung-small img{width:100%;height:auto;transition: all .2s ease 0s}
.leistung-small:hover img {filter: brightness(0.75);transition: all .2s ease 0s}
.leistung-small:hover .preline  {transform: translateY(-.5rem);transition: all .5s ease 0s;color: var(--green)}
.leistung-small .preline  {transform: none;transition: all .5s ease 0s}

/*animated scroll arrow animation*/
@-webkit-keyframes ca3_fade_move_down {
  0% {-webkit-transform: translate(0, -20px);opacity: 0}
  50% {opacity: 1}
  100% {-webkit-transform: translate(0, 20px);opacity: 0}}
@-moz-keyframes ca3_fade_move_down {
  0% {-moz-transform: translate(0, -20px);opacity: 0}
  50% {opacity: 1}
  100% {-moz-transform: translate(0, 20px);opacity: 0}}
@keyframes ca3_fade_move_down {
  0% {transform: translate(0, -20px);opacity: 0}
  50% {opacity: 1}
  100% {transform: translate(0, 20px);opacity: 0}}

/*Team*/
.team {max-width: 750px;margin: auto}
.teaminner {display: flex;flex-flow: row wrap}
.member h3 {font-size: 2rem;margin-bottom: 0;white-space: nowrap;position: relative}
.team img {border-radius: 50%;overflow: hidden;filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.1));margin: auto}
.team .preline {margin: 0 !important;hyphens: auto;font-size: .6rem;line-height: 1rem}
.member {padding: 2.5rem;flex: 0 100%;width: 100%;max-width: 100%}

/*Bildbanner*/
.ce_rsce_imagebanner {background: var(--green);position: relative}
.ce_rsce_imagebanner .imageblock {width: 50%;max-width: 50%}
.ce_rsce_imagebanner .container.innercontainer {height: 100%;margin: auto;display: flex;align-items: center}
.ce_rsce_imagebanner .absolute {position: absolute;top: 0;bottom: 0;left: 50%;transform: translateX(-50%);width: 100%;max-width: 750px}
.ce_rsce_imagebanner img{width: 100%;opacity: .75}
.ce_rsce_imagebanner .imageblock.full {width: 100%;max-width: 100%;max-height: 40vh;overflow: hidden;filter: brightness(0.5)}

/*Accordion*/
.ce_rsce_akkordeon{margin:var(--padding) auto;max-width: 750px}
.ce_rsce_akkordeon .abschnitt{text-align:left}
.ce_rsce_akkordeon .tab-category-element {border-bottom: 1px solid var(--light);cursor: pointer;color: var(--main);position: relative;padding: 1rem 2rem 1rem 3rem;display: block;text-transform: uppercase;letter-spacing: .25rem;font-size: .8rem}
.ce_rsce_akkordeon .tab-category-element h3 {font-family: 'Cormorant Garamond', sans-serif;font-weight: bold;line-height: 1.4;font-size: 1rem;color: var(--main);margin-bottom: 0;}
.ce_rsce_akkordeon .tab-category-content{padding:0 1rem 2rem 3rem;display:none;background: var(--light)}
.ce_rsce_akkordeon .tab-category-content p{margin:1rem 0;font-size:1rem}
.ce_rsce_akkordeon .tab-category-content ul,
.ce_rsce_akkordeon .tab-category-content ol{margin-left:1rem}
.ce_rsce_akkordeon .tab-category-element.active {background: var(--light)}
.ce_rsce_akkordeon .tab-category-content ul ul{margin:1rem 1rem 1rem .5rem;padding:0}
.ce_rsce_akkordeon .tab-category-content p {margin: 0 !important;}

.close-container{position:absolute;float:none;left:1rem;top:50%;transform:translate(0,-50%);width:1.25rem;height:1.25rem}
.close-container .horizontal,
.close-container .vertical{transition:all .2s linear 0s}f.body
.close-container.rotate .vertical{opacity:0;top:1em}
.close-container .horizontal{position:absolute;left:0;width:20px;top:9px;height: 2px;background-color: var(--green)}
.close-container .vertical{position:absolute;left:9px;height:20px;top:0;width: 2px;background-color: var(--green)}

/* Kontaktformular */
.ce_rsce_kontakt .kontaktbox .innercontainer {justify-content: center;margin: auto;display: block}
.ce_rsce_kontakt  .banner img {width: 100%;max-height: 400px;object-fit: cover;object-position: top}
.ce_rsce_kontakt .kontaktbox {background: var(--light);position: relative;}
.ce_rsce_kontakt .kontaktformular {margin-top: calc(var(--padding) *-2);background: white;padding: var(--padding);filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.1));width: 100%;max-width: 100%}
.ce_rsce_kontakt .kontaktbild {background: white;padding: 1rem;box-shadow: 0px 0px 20px rgb(0 0 0 / 10%);width: 80%;margin: auto}
.ce_rsce_kontakt .kontaktbild img {width: 100%}
.ce_rsce_kontakt .kontaktlist {background: var(--main);padding: 3rem;color: white;text-transform: uppercase;letter-spacing: 4px;text-align: center;margin-top: calc(var(--padding) * -1);z-index: 2;position: relative;transform: none;box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1)}
.ce_rsce_kontakt .kontaktlist a {display: block;color: white;transition: 0.2s;}
.ce_rsce_kontakt .kontaktlist a:hover {color: var(--accent);transition: 0.2s;}
.kontaktbox .dots {right: 0;left: auto;transform: rotate(-175deg);}
.ce_rsce_kontakt {overflow: hidden;}

.ce_form input {border-bottom: 1px solid var(--accent);width: 100%;padding: 0.5rem 1rem;display: block}
.ce_form textarea {border: 1px solid var(--accent);width: 100%;padding: 1rem}
.ce_form .widget {margin-bottom: 1rem}
.ce_form input.checkbox {cursor: pointer;background: white;border: 1px solid var(--accent);border-radius: 50%;width: 1rem;height: 1rem;padding: inherit;margin-right: 0.5rem}
.ce_form fieldset span {display: flex;align-items: center;flex-flow: row;margin: 0.5rem 0}
.ce_form fieldset label {width: auto}
.ce_form .widget.widget-checkbox {margin-bottom: 0}
.informations {margin-left: 0;z-index: 0;margin-top: 2rem}

/*Blog*/
.mod_newslist.block {text-align: center;margin: var(--padding) auto;position: relative;margin-top: calc(var(--padding) * 2)}
.mod_newslist .magazinblock {max-width: 1200px;padding: 0 1.5rem;margin:auto;margin-top: 2rem;display: grid;grid-template-columns: repeat(1, 1fr);grid-gap: 2rem;grid-template-rows: repeat(2, 1fr)}
.mod_newslist h2 a span {font-family: 'honeycombregular', sans-serif;font-size: 2rem;color: var(--green)}
.mod_newslist h2 {text-align: center;margin-bottom: 0;margin-top: -1.75rem;position: relative}
/* .mod_newslist .image_container::after {content: ""; background: var(--light);position: absolute;bottom: 0;left: 0;right: 0;height: 2rem} */
.mod_newslist .image_container {position: relative}
.mod_newslist .image_container::before {content: "";background: url(/files/themes/salinaweddings/images/union.svg);position: absolute;bottom: 0rem;right: 0rem;height: 3rem;left: 0;width: 100%;background-size: cover;background-repeat: no-repeat}
.mod_newslist.block h2 {margin: auto;}
.mod_newslist.block:before {content: "";position: absolute;top: -5rem;left: unset;border-bottom: 1px solid var(--light);width: 90%;left: 0;right: 0;max-width: 1200px;margin: auto;}
.ce_rsce_blogtext .blogtext h3, .ce_rsce_blogtext .blogtext h4, .ce_rsce_blogtext .blogtext h5, .ce_rsce_blogtext .blogtext h6 {font-family: 'Cormorant Garamond', sans-serif;font-size: 1.5rem;color: var(--green);font-weight: bold;}


/*Galerie*/
.ce_gallery {max-width: 1200px;margin: var(--padding) auto;padding: 0 1.5rem}
.ce_gallery h2 {text-align: center}
.ce_gallery ul {list-style: none}
.ce_gallery ul li {margin-bottom: 1rem}
ul.cols_4 {column-count: 4}

/*Testimonial*/
.ce_rsce_testimonial {background: var(--green)}
.ce_rsce_testimonial .slide.slick-slide {padding: 0;display: grid;grid-template-columns: 1fr;grid-gap: var(--padding);align-items: center}
.ce_rsce_testimonial .imageblock {background: white;padding: 1rem;box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1)}

.ce_rsce_testimonial .testimonial_name {color: white;font-weight: 700;letter-spacing: 5px;text-transform: uppercase;margin: 0 0 1rem 0 !important}
.ce_rsce_testimonial .textarea {color: white;font-weight: 200;position: relative}
.ce_rsce_testimonial .textarea p {color: white;font-weight: 200;position: relative;margin: 0;text-align: center;}

.ce_rsce_testimonial .test_slider {max-width: 100%;margin: auto;padding: unset;display: flex}
.ce_rsce_testimonial .textarea::before {content: url(/files/themes/salinaweddings/images/before.svg);position: absolute;top: -4rem;left: unset}
.ce_rsce_testimonial .textarea::after {content: url(/files/themes/salinaweddings/images/after.svg);position: absolute;bottom: 0rem;right: 0rem}

.icon-left, .icon-right {color: var(--accent);font-size: 2rem}
.ce_rsce_testimonial .container.innercontainer {padding: var(--padding) 0rem; margin: 0 auto;}


/*TOC*/
.ce_rsce_table_of_content{padding: var(--padding);max-width: 750px;margin: var(--padding) auto;background:  var(--green);}
.table_of_content li a{color: white;}
.table_of_content li a:hover {color:var(--light)}
.table_of_content{padding-left: 2rem;padding-right: 2rem;}
.table_of_content ul{margin: 1rem 0 1rem 2rem;}

/*Hochzeitsmagazin*/
.magazinlist h3.headline a, .magazinlist h3.headline {font-family: 'Cormorant Garamond', sans-serif !important;text-align: left;font-size: 20px;line-height: 1.4;font-weight: 600;color: var(--main);margin-top: 0rem;}
.magazinlist p.info {margin: 1rem 0 0 0 !important;color: var(--green);}
.magazinlist a:hover img {filter: brightness(0.8);transition: 0.2s;}
.magazinlist a:hover {color: var(--green) !important;}
.magazinlist a img, .magazinlist a {transition: 0.2s;}


/*Sitemap*/
.mod_sitemap.block {max-width: 750px;margin: var(--padding) auto;padding: 0 1.5rem}
.mod_sitemap ul {margin: 0rem;}

/*Partner*/
.logogrid img {filter: saturate(0) brightness(3);transition: .3s;object-fit: contain;padding: 1rem;}
.logogrid {display: grid;grid-template-columns: 1fr 1fr; grid-template-rows: auto; gap: 1rem 1rem;align-items:center;padding: 0 1rem;}
.logogrid.eins {grid-template-columns: 1fr;}
.logogrid.eins img {max-width: 300px;margin: auto;}
.ce_rsce_partner .textblock p, .ce_rsce_partner .textblock h2 {text-align: center;}
.ce_rsce_partner .flex div {flex: 1;}
.ce_rsce_partner .textblock {margin-right: 2rem;}
.logogrid a:hover img {filter: saturate(1) brightness(1);transition: .3s;}



/* Footer */
footer {background: var(--light);position: relative;margin-top: calc(var(--padding) + 4rem)}
footer .inside {padding:var(--padding) 1.5rem;display: grid;grid-gap: 3rem;align-items: center;grid-template-columns: 1fr;max-width: 1200px;margin: auto}
footer h3 {font-size: 3rem;text-align: center;margin-bottom: 0}
ul.social {list-style-type: none;display: flex;justify-content: center;flex-flow: row}
ul.social li a {font-size: 2rem;color: var(--main);margin: 1rem;transition: .2s}
footer::before {content: "";position: absolute;top: -1rem;right: 0;left: 0;background: url(/files/themes/salinaweddings/images/border.svg);height: 2rem}
ul.social li a:hover {color: var(--accent);transition: .2s}

.footer-links ul {list-style-type: none}
.footer-links li {text-align: center;font-weight: 700;text-transform: uppercase;letter-spacing: 5px;font-size: 1rem;color: var(--green);margin-bottom: 0.5rem}
.footer-mitte img {max-width: 6rem;margin: auto}
.bottombar {max-width: 1200px;padding: 2rem;margin: auto;text-align: center;border-top: 1px solid var(--white)}

/* Media*/
@media only screen and (max-height:420px){
    #header{position:absolute}
    .header .logo{max-width:6rem}
}

@media only screen and (min-width: 768px) {
  .navigation ul{padding:0 1.5rem;margin-top:2rem;top:150%}
  .search-container{padding:0 1.5rem}
  .leistungsgrid-small {display: grid;grid-template-columns: repeat(4, 1fr)}
  .member {padding: 2.5rem;flex: 0 33%;width: 33%;max-width: 33%}

  .ce_rsce_akkordeon .tab-category-element{padding:.9rem 4rem 1rem 4rem}
	.ce_rsce_akkordeon .tab-category-content{padding:0 2rem 1rem 2rem}
}

@media only screen and (min-width: 1024px) {
  .header .desktop{display:block}
  .header .mobile{display:none}

  .header .inside{padding:.5rem 1.5rem}
  .header .inside .desktop{width:100%;display:flex;flex-flow:row wrap;align-items:center}
  .header .inside .desktop .links{position:relative;z-index:2;flex:0 44%;max-width:44.5%;width:44%;text-align:left}
  .header .inside .desktop .links ul{display:flex;justify-content:flex-start}
  .header .inside .desktop .links ul li{margin-right:7%}

  .header .inside .desktop .mitte{position:relative;z-index:1;line-height:1;flex:0 12%;max-width:12%;width:12%;text-align:center}
  .header .inside .desktop .mitte a{position:relative;display:block}
  .header .inside .desktop .mitte a:hover img {filter: brightness(1.1)}
  .header .inside .desktop .mitte img{max-width:5rem;width:100%;display:inline-block;padding:.5rem;}
  .header .inside .desktop .mitte img.weiss{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%}

  .header .inside .desktop .rechts{position:relative;z-index:2;flex:0 44%;max-width:44%;width:44%;display:flex;justify-content:flex-end}
  .header .inside .desktop .rechts ul{width:100%;display:flex;justify-content:flex-end}
  .header .inside .desktop .rechts ul li{margin-left:7%}

  .header ul li{animation:none !important}
  .header ul li a{padding:.7rem 0}
  .header .inside ul li.trail a:before,
  .header .inside ul li.active a:before{width:100%}
  .header .rechts ul li a:before{left:auto;right:0}

  .header .inside ul li{text-transform: uppercase;display:inline-block;transition:color .3s ease 0s,font-size .2s ease 0s;font-size:1rem;white-space: nowrap}
  .header .inside ul li i {font-size: 1.5rem}

  /*2. Ebene*/
  .header .inside ul li ul{z-index:4;min-width:13rem;margin:0 !important;box-shadow:0 .25rem .5rem rgba(0,0,0,.2);display:none !important;position:absolute;left:0;top:100%;background-color:white;padding:.75rem .5rem}
  .header .inside .rechts ul li ul{left:auto;right:0}
  .header .inside ul li:hover ul{display:block !important;animation-name:menu-animation;animation-duration:.2s;animation-iteration-count:forwards}
  .header .inside ul li ul li{animation:none !important;padding:0 !important;display:block;margin:.1rem 0 !important}
  .header .inside ul li ul li a{display:block;padding:.25rem .5rem .25rem 1rem;font-size:.8rem;line-height:1.4;color: var(--green)}
  .header .inside ul li ul li:last-child{margin-bottom:0}

  .header .nav-click{display:none}
  .header .desktop .tel{transition:all .2s ease 0s;font-size:.9em;right:auto;position:relative;top:auto;transform:none}

  .header .social{position:absolute;left:100%}

  .background-menu{display:none}

  .transparent.scrolled header, .scrolled header {background: rgba(255, 255, 255, 90%);backdrop-filter: blur(3px);box-shadow: 0 0 1rem rgb(0 0 0 / 10%)}
  .transparent.scrolled .header .logo, .scrolled .header .logo {width:80%}
  .transparent header {position: fixed}
  .transparent.scrolled .header a, .scrolled .header a {color: var(--main)}
  .transparent.scrolled .header a:hover, .scrolled .header a:hover {color: var(--accent)}
  .transparent.scrolled .header .mitte img, .scrolled .header .mitte img {max-width:40% !important;transition: all .2s ease 0s;filter: none;}

  /*Teaser*/
  .ce_rsce_teaser .teaserslider {width: 70%;max-width: 70%;margin-left: auto}
  .container.contentoverlay {z-index: 1;position: absolute;top: 50%;transform: translateY(-50%);width: 100%;height: 100%;left: 0;right:0;margin: 0 auto;display: flex;align-items: center;padding: var(--padding) 1.5rem}
  .ce_rsce_teaser .textblock, .ce_rsce_teaser .textblock h1, .ce_rsce_teaser .textblock p {text-align: left}
  .ce_rsce_teaser .textblock {margin: calc(var(--padding) / 2)}

  .button.whiteline {width: 80%;white-space: normal;}
  span.whiteline {display: block}

  /*Footer*/
  footer .inside {grid-template-columns:2fr 1fr 2fr}

  .flex {display: flex}
  .ce_rsce_bildtext .container.flex .imageblock {padding: 1rem;padding-bottom: calc(var(--padding) + 1rem);margin-top: calc(var(--padding) *-2);z-index: 1;width: 50%;flex: 0 50%;max-width: 50%;background: white;box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1)}
  .ce_rsce_bildtext .container.flex.optional .imageblock{padding: 1rem;padding-bottom:1rem;margin-top: 0;}

  .ce_rsce_bildtext .container.flex .textblock {width: 50%;flex: 0 50%;max-width: 50%;padding-left: 2rem;margin: unset;}
  .ce_rsce_bildtext .container.flex.reverse .textblock {padding-right: 2rem;padding-left: 0}
  .ce_rsce_bildtext .container.flex .headline {transform: translateX(-7rem)}
  .ce_rsce_bildtext .container.flex.optional .headline {transform: none;}

  .leistungsgrid {grid-gap:0;transform: translateY(6rem);margin-top: -4rem;display: grid;grid-template-columns: 2fr 3fr 2fr;align-items: center}
  .leistung.img1 {margin-right: -2rem}
  .leistung.img3 {margin-left: -2rem;transform: translateY(-2rem)}
  .leistung.img2 {z-index: 1}
  .ce_rsce_akkordeon .tab-category-element {padding: 2rem 4rem 2rem 7rem}
  .close-container{left:4rem}
  .ce_rsce_akkordeon .tab-category-content{padding:0 4rem 2rem 7rem;display:none;background: var(--light)}

  /* Kontaktformular */
  .ce_rsce_kontakt .kontaktbox .innercontainer {justify-content: center;margin: auto;display: flex}
  .ce_rsce_kontakt form.kontaktformular {margin-top: calc(var(--padding) *-2);background: white;padding: 3rem 6rem 4rem 2rem;filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.1));width: 60%;max-width: 60%}
  .ce_rsce_kontakt .kontaktbild {width: 100%}
  .ce_rsce_kontakt .kontaktlist {background: var(--main);padding: 3rem;color: white;text-transform: uppercase;letter-spacing: 4px;text-align: center;margin-top: calc(var(--padding) * -1);z-index: 2;position: relative;transform: translateX(calc(var(--padding) *.5));box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1)}
  .informations {margin-left: calc(var(--padding) * -0.75);z-index: 0}

  /*Blog*/
  .mod_newslist .magazinblock {padding: 0;grid-template-columns: repeat(3, 1fr);grid-template-rows: auto;}
  .footer-mitte img {max-width: 10rem;margin: auto}

  /*Testimonial*/
  .ce_rsce_testimonial {background: var(--green)}
  .ce_rsce_testimonial .slide.slick-slide {padding: 0 2rem;display: grid;grid-template-columns: 3fr 5fr;grid-gap: var(--padding);align-items: center}
  .ce_rsce_testimonial .imageblock {background: white;padding: 1rem;box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1)}

  .ce_rsce_testimonial .testimonial_name {color: white;font-weight: 700;letter-spacing: 5px;text-transform: uppercase;margin: 0 0 1rem 0 !important}
  .ce_rsce_testimonial .textarea p {color: white;font-weight: 200;position: relative;margin: 0;text-align: left;}

  .ce_rsce_testimonial .test_slider {max-width: 90%;margin: auto;padding: 0 1.5rem;display: flex}
  .ce_rsce_testimonial .textarea::before {content: url(/files/themes/salinaweddings/images/before.svg);position: absolute;top: -2rem;left: -3rem}
  .ce_rsce_testimonial .textarea::after {content: url(/files/themes/salinaweddings/images/after.svg);position: absolute;bottom: -2rem;right: -1rem}

  .icon-left, .icon-right {color: var(--accent);font-size: 2rem}
  .ce_rsce_partner .textblock p, .ce_rsce_partner .textblock h2 {text-align: right;}

}

@media only screen and (min-width: 1200px) {
  :root {
    --padding: 5rem;
  }

  /*
    .header .inside .desktop .links{flex:0 45%;max-width:45%;width:45%}
    .header .inside .desktop .mitte{flex:0 10%;max-width:10%;width:10%}
    .header .inside .desktop .rechts{flex:0 45%;max-width:45%;width:45%}
  */

  .header .inside ul li{font-size:1.1rem}

  .header .inside .desktop .links ul li{margin-right:8%}
  .header .inside .desktop .rechts ul li{margin-left:8%}

  /*Text+Bild*/
  .ce_rsce_bildtext img {height: calc(100% + 10rem)}
}

/*lightbox*/
html.swipebox-html.swipebox-touch{overflow:hidden!important}
#swipebox-overlay img{border:.5em solid #fff}
#swipebox-overlay{width:100%;height:100%;position:fixed;background-color:$dunkelgrau3;top:0;left:0;z-index:99999!important;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.oldie #swipebox-overlay {background:rgb(0,0,0);background: transparent\9;background:rgba(0,0,0,0.7);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2000000,endColorstr=#b2000000);zoom: 1}
.oldie #swipebox-overlay:nth-child(n) {filter: none}
#swipebox-container{position:relative;width:100%;height:100%}
#swipebox-slider{-webkit-transition:-webkit-transform .4s ease;transition:transform .4s ease;height:100%;left:0;top:0;width:100%;white-space:nowrap;position:absolute;display:none;cursor:pointer}
#swipebox-slider .slide{height:100%;width:100%;line-height:1px;text-align:center;display:inline-block}
#swipebox-slider .slide:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}
#swipebox-slider .slide .swipebox-inline-container,
#swipebox-slider .slide .swipebox-video-container,
#swipebox-slider .slide img{display:inline-block;max-height:95%;max-width:95%;margin:0;padding:0;width:auto;height:auto;vertical-align:middle}
#swipebox-slider .slide .swipebox-video-container{background:0 0;max-width:1140px;max-height:100%;width:100%;padding:5%;-webkit-box-sizing:border-box;box-sizing:border-box}
#swipebox-slider .slide .swipebox-video-container .swipebox-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}
#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe{width:100%!important;height:100%!important;position:absolute;top:0;left:0}
#swipebox-slider .slide-loading{background:#FDFCF6 url("../images/loader.gif") no-repeat scroll 50% 50%}
#swipebox-bottom-bar,#swipebox-top-bar{-webkit-transition:.5s;transition:.5s;left:0;z-index:999}
#swipebox-bottom-bar{top:45%}
#swipebox-title{display:block;width:100%;text-align:center}
#swipebox-close,#swipebox-next,#swipebox-prev{transition:all .2s linear 0s;position:relative;font-size:2.5em;text-shadow:none;border:none!important;text-decoration:none!important;cursor:pointer;position:absolute;top:0}
#swipebox-prev{color:$weiss;left:10px;top:45%}
#swipebox-prev:after{color:$weiss;display:inline-block;padding:10px 20px;font-family:"icons";content:"\e803"}
#swipebox-next{right:25px;top:45%}
#swipebox-next:after{color:$weiss;display:inline-block;padding:10px 20px;font-family:"icons";content:"\e802"}
#swipebox-prev:hover,#swipebox-next:hover{font-size:3em;top:44.5%}
#swipebox-close{top:10px;right:25px;position:absolute;z-index:9999;background-position:15px 12px}
.touch #swipebox-close{top:10px;right:10px}
#swipebox-close:after{color:var(--main);display:inline-block;padding:0 20px;font-size:.8em;font-family:"icons";transform:rotate(45deg);content:"\e808"}
.swipebox-no-close-button #swipebox-close{display:none}
#swipebox-next.disabled,#swipebox-prev.disabled{opacity:.3}
#swipebox-next.disabled:hover,#swipebox-prev.disabled:hover{}
.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider{-webkit-animation:rightSpring .3s;animation:rightSpring .3s}
.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider{-webkit-animation:leftSpring .3s;animation:leftSpring .3s}
.swipebox-touch #swipebox-container:after,.swipebox-touch #swipebox-container:before{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .3s ease;transition:all .3s ease;content:' ';position:absolute;z-index:999;top:0;height:100%;width:20px;opacity:0}
.swipebox-touch #swipebox-container:before{left:0;-webkit-box-shadow:inset 10px 0 10px -8px #B5717A;box-shadow:inset 10px 0 10px -8px #B5717A}
.swipebox-touch #swipebox-container:after{right:0;-webkit-box-shadow:inset -10px 0 10px -8px #B5717A;box-shadow:inset -10px 0 10px -8px #B5717A}
.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before,.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after{opacity:1}
@-webkit-keyframes rightSpring{0%{left:0}50%{left:-30px}100%{left:0}}
@keyframes rightSpring{0%{left:0}50%{left:-30px}100%{left:0}}
@-webkit-keyframes leftSpring{0%{left:0}50%{left:30px}100%{left:0}}
@keyframes leftSpring{0%{left:0}50%{left:30px}100%{left:0}}
#swipebox-bottom-bar,#swipebox-top-bar{text-shadow:1px 1px 1px #fff;opacity:.95}
#swipebox-top-bar{color:#fff!important;bottom:0;position:absolute;text-align:center;width:100%}
#swipebox-title{color:$weiss;background-color:rgba(255,255,255,1);padding:1em;margin:1rem;width:auto}

a.swipebox{line-height:0;display:block;position:relative;overflow:hidden;color:$weiss}
a.swipebox:after{content:"";z-index:2;transition:all .2s ease-in 0s;background-color:scale-color($schwarz,$alpha:-40%);position:absolute;top:0;left:0;height:100%;width:100%;opacity:0}
a.swipebox:before{z-index:3;transition:all .2s ease-in 0s;content:"";font-family:"icons";display:flex;align-items:center;justify-content:center;color:$weiss;position:absolute;top:0;left:0;height:100%;width:100%;opacity:0}
a.swipebox:hover:before,
a.swipebox:hover:after{opacity:1}
a.swipebox img{transition:all .4s ease 0s}
a.swipebox:hover img{transform:scale(1.05)}
.no-touch a.swipebox:hover:before{transform:scale(2)}
.touch a.swipebox:before{opacity:.7;font-size:.8rem;width:auto;height:auto;left:auto;right:.75rem;top:auto;bottom:.9rem}
#swipebox-container .slide.current {background: rgb(255, 255, 255, 0.8);backdrop-filter: blur(5px)}

/* Slider */
.slick-slider{position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent}
.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0}
.slick-list:focus{outline: none}
.slick-list.dragging{cursor: pointer;cursor: hand}
.slick-slider .slick-track,
.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
.slick-track{position: relative;top: 0;left: 0;display: block;margin-left: auto;margin-right: auto}
.slick-track:before,
.slick-track:after{display: table;content: ''}
.slick-track:after{clear: both}
.slick-loading .slick-track{visibility: hidden}
.slick-slide{display: none;float: left;height: 100%;min-height: 1px}
[dir='rtl'] .slick-slide{float: right}
.slick-slide img{display: block;width: 100%}
.slick-slide.slick-loading img{display: none}
.slick-slide.dragging img{pointer-events: none}
.slick-initialized .slick-slide{display: block}
.slick-loading .slick-slide{visibility: hidden}
.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent}
.slick-arrow.slick-hidden {display: none}

/*Iconfont*/
@font-face {
  font-family: 'icons';
  src: url('/files/themes/salinaweddings/fonts/font/icons.eot?8058053');
  src: url('/files/themes/salinaweddings/fonts/font/icons.eot?8058053#iefix') format('embedded-opentype'),
       url('/files/themes/salinaweddings/fonts/font/icons.woff2?8058053') format('woff2'),
       url('/files/themes/salinaweddings/fonts/font/icons.woff?8058053') format('woff'),
       url('/files/themes/salinaweddings/fonts/font/icons.ttf?8058053') format('truetype'),
       url('/files/themes/salinaweddings/fonts/font/icons.svg?8058053#icons') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'icons';
    src: url('../font/icons.svg?8058053#icons') format('svg');
  }
}
*/
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "icons";
  font-style: normal;
  font-weight: normal;
  speak: never;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-before:before { content: '\e800'; } /* '' */
.icon-after:before { content: '\e801'; } /* '' */
.icon-right:before { content: '\e802'; } /* '' */
.icon-left:before { content: '\e803'; } /* '' */
.icon-mail:before { content: '\e804'; } /* '' */
.icon-instagram:before { content: '\e805'; } /* '' */
.icon-facebook:before { content: '\e806'; } /* '' */
.icon-whatsapp:before { content: '\e807'; } /* '' */
.icon-plus:before { content: '\e808'; } /* '' */
.icon-whtasapp-white:before { content: '\e809'; } /* '' */
.icon-phone:before { content: '\e80a'; } /* '' */