@charset "UTF-8";
    html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0; } h1 {
font-size: 2em;
margin: 0.67em 0; }  hr {
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent; } abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b,
strong {
font-weight: bolder; } code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } small {
font-size: 80%; } sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sub {
bottom: -0.25em; }
sup {
top: -0.5em; }  img {
border-style: none; }  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible; } button,
select { text-transform: none; } button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button; } button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0; } button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText; } fieldset {
padding: 0.35em 0.75em 0.625em; } legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline; } textarea {
overflow: auto; } [type="checkbox"],
[type="radio"] {
box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto; } [type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration {
-webkit-appearance: none; } ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details {
display: block; } summary {
display: list-item; }  template {
display: none; } [hidden] {
display: none; } @font-face {
font-family: 'Fjalla One';
font-style: normal;
font-weight: 400;
src: url(//restaurant-seenot.de/fonts/fjalla-one-v13-latin-regular.eot); src: local(''),
url(//restaurant-seenot.de/fonts/fjalla-one-v13-latin-regular.eot?#iefix) format('embedded-opentype'), url(//restaurant-seenot.de/fonts/fjalla-one-v13-latin-regular.woff2) format('woff2'), url(//restaurant-seenot.de/fonts/fjalla-one-v13-latin-regular.woff) format('woff'), url(//restaurant-seenot.de/fonts/fjalla-one-v13-latin-regular.ttf) format('truetype'), url(//restaurant-seenot.de/fonts/fjalla-one-v13-latin-regular.svg#FjallaOne) format('svg'); } @font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 300;
src: url(//restaurant-seenot.de/fonts/source-sans-pro-v21-latin-300.eot); src: local(''),
url(//restaurant-seenot.de/fonts/source-sans-pro-v21-latin-300.eot?#iefix) format('embedded-opentype'), url(//restaurant-seenot.de/fonts/source-sans-pro-v21-latin-300.woff2) format('woff2'), url(//restaurant-seenot.de/fonts/source-sans-pro-v21-latin-300.woff) format('woff'), url(//restaurant-seenot.de/fonts/source-sans-pro-v21-latin-300.ttf) format('truetype'), url(//restaurant-seenot.de/fonts/source-sans-pro-v21-latin-300.svg#SourceSansPro) format('svg'); } @font-face {
font-family: 'Caveat';
font-style: normal;
font-weight: 400;
src: url(//restaurant-seenot.de/fonts/caveat-v17-latin-regular.eot); src: local(''),
url(//restaurant-seenot.de/fonts/caveat-v17-latin-regular.eot?#iefix) format('embedded-opentype'), url(//restaurant-seenot.de/fonts/caveat-v17-latin-regular.woff2) format('woff2'), url(//restaurant-seenot.de/fonts/caveat-v17-latin-regular.woff) format('woff'), url(//restaurant-seenot.de/fonts/caveat-v17-latin-regular.ttf) format('truetype'), url(//restaurant-seenot.de/fonts/caveat-v17-latin-regular.svg#Caveat) format('svg'); }
html {
font-size: 17px; }
@media screen and (min-width: 10em) {
html {
font-size: calc( 17px + (24 - 16) * (100vw - 400px) / (800 - 400)); } }
@media screen and (min-width: 60em) {
html {
font-size: 22px; } }
::-moz-selection {
background: #E2D29E;
color: #fff; }
.hamburger-menu {
position: relative;
right: 0;
width: 30px;
height: 23px;
cursor: pointer; }
.bar,
.bar:after,
.bar:before {
width: 30px;
height: 3px; }
.bar {
position: relative;
transform: translateY(10px);
background: white;
transition: all 0ms 300ms; }
.bar.animate {
background: rgba(255, 255, 255, 0); }
.bar:before {
content: "";
position: absolute;
left: 0;
bottom: 10px;
background: white;
transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1); }
.bar:after {
content: "";
position: absolute;
left: 0;
top: 10px;
background: white;
transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1); }
.bar.animate:after {
top: 0;
transform: rotate(45deg);
transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1); }
.bar.animate:before {
bottom: 0;
transform: rotate(-45deg);
transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1); }
body {
line-height: 1.45;
background: #fff;
color: #999999;
position: relative;
font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; }
img {
width: auto;
max-width: 100%;
height: auto; }
ul {
padding: 0;
margin: 0; }
h1, h2, h3, h4, h5, h6 {
font-family: 'Fjalla One', Helvetica, Arial, sans-serif;
text-transform: uppercase;
margin: 0;
margin-bottom: 1rem;
color: #333333; }
h1 {
font-size: 1.8rem; }
h2 {
font-size: 2rem;
margin-bottom: 0.4rem; }
h3 {
font-family: 'Caveat', serif;
font-size: 1.20rem;
position: relative;
top: -0.7rem;
text-transform: none;
color: #999999; }
h4 {
font-size: 1.4rem; }
h5 {
font-size: 1.0rem;
margin-bottom: 0.4rem; }
.videosec h3 {
font-family: 'Caveat', serif;
font-size: 1.35rem;
text-transform: none;
color: #E2D29E; }
p {
margin: 0;
padding: 0;
margin-bottom: 0.5rem; }
.dark h2, .dark h4, .dark h5 {
color: #fff; }
.dark p {
color: #fff; }
.dark h3 {
color: #E2D29E; }
p  {
margin: 0;
margin-bottom: 0.8rem; }
a {
color: #E2D29E;
transition: all ease 0.5s;
text-decoration: none; }
a:hover {
color: #CDBB80; }
div.elementor hr {
border: 0;
height: 4px;
width: 51px;
display: block;
margin: 1.0rem 0 1.6rem;
background: url(//restaurant-seenot.de/wp-content/themes/semaagentur/img/hr.svg) no-repeat top left; }
div.elementor hr.center {
background-position: center center;
width: 100%; }
.black {
display: none; }
.videosec {
background: #999999;
color: #fff; }
.videosec h1 {
color: #fff; }
.viedeosecinner {
padding-top: 180px;
padding-top: 33vh;
padding-bottom: 8vh; }
.widthcontainer {
max-width: 1600px;
width: 100%;
padding: 0 20px;
margin: 0 auto;
box-sizing: border-box; }
header {
position: absolute;
top: 0;
z-index: 100;
width: 100%;
left: 0; }
.logo {
max-width: 100%;
transition: all ease 0.5s; }
.top {
z-index: 1200;
padding: 3rem 1rem; }
.top > div {
display: flex;
align-items: center;
position: relative;
justify-content: space-between; }
nav {
display: block;
z-index: 1000;
overflow: hidden;
max-height: 0;
transition: all 0.5s cubic-bezier(0, 1, 0, 1);
top: 110%;
left: 0;
background: #fff;
width: 100%;
position: absolute; }
nav li {
list-style: none;
padding: 0;
margin: 0;
border-bottom: 1px solid #F8F8F8; }
nav a {
width: 100%;
padding: 1.2rem 0;
box-sizing: border-box;
font-family: 'Fjalla One', Helvetica, Arial, sans-serif;
text-transform: uppercase;
display: inline-block;
color: #333333;
text-align: center; }
nav ul {
padding: 0;
margin: 0;
box-sizing: border-box; }
nav.open {
max-height: 500px;
transition: all 1s ease-in-out; }
.fb {
display: none; }
.ee-button, .elementor-button {
font-family: 'Fjalla One', Helvetica, Arial, sans-serif;
text-transform: uppercase;
cursor: pointer; }
footer {
background: #333333;
color: #fff;
text-align: center;
padding: 1.2rem 0; }
footer .copyright {
margin-bottom: 1.5rem; }
footer .copyright > a {
margin-bottom: 1.5rem;
display: block; }
footer .copyright span {
display: block; }
footer .copyright span > a {
color: #fff;
margin-bottom: 0.5rem;
display: block; }
footer .copyright img {
max-width: 75px; }
footer .webdesign img {
top: 9px;
left: 4px;
position: relative; }
.startlogo img {
display: none !important; }
@media screen and (min-width: 1025px) {
.startlogo img {
display: inline-block  !important; }
.logo {
display: none; }
.top .widthcontainer {
justify-content: center; }
#offCanvasBtn {
display: none; }
.logo img {
width: 160%;
max-width: 220%; }
.top {
position: absolute;
width: 100%;
box-sizing: border-box; }
nav {
font-size: 0.80rem;
position: static;
width: 70%;
max-width: 890px;
margin: 0;
padding: 0;
background: none;
max-height: none; }
nav ul {
margin: 0;
display: flex;
justify-content: space-around;
align-items: center;
padding: 0;
padding-right: 20px; }
nav ul li {
border: 0; }
nav ul li.phone {
border: 2px solid #E2D29E;
border-radius: 2px;
margin-left: 1.3rem; }
nav ul li.phone a {
font-size: 0.7rem;
letter-spacing: 1.0px;
padding: 0.4rem 0.6rem; }
nav ul li.phone a:after {
height: 0; }
nav ul a {
color: #fff;
padding: 0.8rem 0.4rem 0.8rem 0.4rem;
position: relative; }
nav ul a:after {
content: '';
height: 5px;
width: 100%;
position: absolute;
background: url(//restaurant-seenot.de/wp-content/themes/semaagentur/img/strich.png) no-repeat center center;
background-size: 100% auto;
bottom: 0px;
opacity: 0;
left: 0;
transition: all ease-in-out 0.3s; }
nav ul a:hover {
color: #E2D29E; }
nav ul a:hover:after {
transition: all ease-in-out 0.3s;
opacity: 1;
transform: translateY(-0.3rem); }
.videosec {
min-height: 600px;
min-height: 100vh;
border: 17px solid #fff; }
.viedeosecinner {
margin-top: 4rem;
margin-bottom: 2rem;
padding-top: 31vh; }
.viedeosecinner h1 {
padding-top: 40px; }
.fb {
display: block;
z-index: 1000;
transform: rotate(-90deg);
position: absolute;
top: 3rem;
right: -4rem; }
.fb img {
position: relative;
top: 3px;
right: -8px; }
.fb a {
color: #fff;
font-family: 'Fjalla One', Helvetica, Arial, sans-serif;
text-transform: uppercase;
font-size: 0.7rem; }
.fb a:hover {
color: #E2D29E; }
.hasScrolled .top {
position: fixed;
padding-top: 0.5rem;
padding-bottom: 0.1rem;
opacity: 0;
box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.1);
background: #fff;
transform: translateY(-200px); }
.hasScrolled .top .logo {
display: block; }
.hasScrolled .top .widthcontainer {
justify-content: space-between; }
.hasScrolled .top nav a {
color: #333333; }
.hasScrolled .top nav a:hover {
color: #E2D29E; }
.hasScrolled .top .black {
display: block; }
.hasScrolled .top .black img {
max-width: 100%; }
.hasScrolled .top .white {
display: none; }
.hasScrolled.show .top {
opacity: 1;
transition: all 0.5s ease-in-out;
transform: translateY(0px); }
footer {
font-size: 0.85rem;
text-align: left; }
footer .row {
display: flex;
align-items: center;
justify-content: space-between; }
footer .copyright {
align-items: center;
display: flex;
margin-bottom: 0;
justify-content: flex-start; }
footer .copyright a {
margin-right: 25px;
margin-bottom: 0; }
footer .copyright a:hover {
color: #E2D29E; }
footer .copyright span a {
display: inline-block;
margin-left: 35px; }
footer .webdesign p {
display: flex;
align-items: center;
margin: 0; }
footer .webdesign p img {
position: static;
margin-top: 6px;
margin-left: 10px; } }
@media screen and (min-width: 1600px) {
h1 {
font-size: 2.5rem; }
.videosec h3 {
font-size: 1.5rem; } }