@font-face {
font-family: 'Eurostileregular';
src: url(https://www.rollingstylist.at/wp-content/themes/rolling-stylist/fonts/eurosti-webfont-webfont.woff2) format('woff2'),
url(https://www.rollingstylist.at/wp-content/themes/rolling-stylist/fonts/eurosti-webfont-webfont.woff) format('woff');
font-weight: normal;
font-style: normal;
}   html {
line-height: 1.15;
-webkit-text-size-adjust: 100%
margin-left: calc(100vw - 100%);
}
body {
margin: 0;
}
main {
display: block
}
h1 {
font-size: 2em;
margin: .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: -.25em
}
sup {
top: -.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
}
[type=button], [type=reset], [type=submit], button {
-webkit-appearance:button
}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
padding:0
}
[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
outline:1px dotted ButtonText
}
fieldset {
padding: .35em .75em .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
}
[hidden], template {
display:none
}  html, input[type="search"] {
box-sizing: border-box;
}
*, *::before, *::after {
box-sizing: inherit;
} .clearfix::before, .entry::before, .entry-content::before, .footer-widgets::before, .nav-primary::before,  .pagination::before, .site-container::before, .site-footer::before, .site-header::before, .site-inner::before, .widget::before, .wrap::before {
content: " ";
display: table;
}
.clearfix::after, .entry::after, .entry-content::after, .footer-widgets::after, .nav-primary::after,  .pagination::after, .site-container::after, .site-footer::after, .site-header::after, .site-inner::after, .widget::after, #lang::after, .wrap::after, {
clear: both;
content: " ";
display: table;
}  body {
background-color: #2C1500;
color: #F0E3D5;
font-family: 'Eurostileregular';
font-size: 16px;
font-weight: 400;
line-height: 1.625;
margin: 0;
overflow-x: hidden;
}
.schriftfarbe{
color: #F0E3D5;
}
h2.schriftfarbe{
color: #F0E3D5 !important;
padding-left: 0.5em;
}
body {
animation: fadein 1s;
}
@keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
a, button, input:focus, input[type="button"], input[type="reset"], input[type="submit"], textarea:focus, .button, .gallery img, .wp-custom-logo .site-title > a, .wp-custom-logo .title-area, .site-header, .nav-primary {
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
a {
color: #F0E3D5;
text-decoration: none;
}
a:hover, a:focus {
color: #ccc;
text-decoration: none;
}
p {
margin: 0 0 20px;
padding: 0;
}
ol, ul {
margin: 0;
padding: 0;
}
li {
list-style-type: none;
}
hr {
border-width: 0;
border-collapse: collapse;
border-top: 1px solid currentColor;
color: #eee;
clear: both;
margin: 1em 0;
}
b, strong {
font-weight: 700;
}
dia blockquote, cite, em, i {
font-style: italic;
}
mark {
background-color: #ddd;
color: #000;
}
blockquote {
margin: 1em;
}
blockquote::before {
content: "\201C";
display: block;
font-size: 30px;
height: 0;
left: -20px;
position: relative;
top: -10px;
} h1, h2, h3, h4, h5, h6 {
margin: 0 0 10px;
font-weight: 300;
}
h1 {
font-size: 36px;
margin: 0 0 25px;
line-height: 1.2;
}
h2 {
font-size: 30px;
line-height: 1.2;
}
h3 {
line-height: 1.4;
font-size: 24px;
}
h4 {
font-size: 20px;
line-height: 1.4;
}
.entry-content h2, .entry-content h3, .entry-content h4 {
margin-bottom: 20px;
margin-top: 40px;
}
h5 {
font-size: 18px;
}
h6 {
font-size: 16px;
} embed, iframe, img, object, video, .wp-caption {
max-width: 100%;
}
img {
height: auto;
}
figure {
margin: 0;
} .gallery {
overflow: hidden;
}
.gallery-item {
float: left;
margin: 0 0 30px;
text-align: center;
}
.gallery-columns-1 .gallery-item {
width: 100%;
}
.gallery-columns-2 .gallery-item {
width: 50%;
}
.gallery-columns-3 .gallery-item {
width: 33%;
}
.gallery-columns-4 .gallery-item {
width: 25%;
}
.gallery-columns-5 .gallery-item {
width: 20%;
}
.gallery-columns-6 .gallery-item {
width: 16.6666%;
}
.gallery-columns-7 .gallery-item {
width: 14.2857%;
}
.gallery-columns-8 .gallery-item {
width: 12.5%;
}
.gallery-columns-9 .gallery-item {
width: 11.1111%;
}
.gallery-columns-2 .gallery-item:nth-child(2n+1), .gallery-columns-3 .gallery-item:nth-child(3n+1), .gallery-columns-4 .gallery-item:nth-child(4n+1), .gallery-columns-5 .gallery-item:nth-child(5n+1), .gallery-columns-6 .gallery-item:nth-child(6n+1), .gallery-columns-7 .gallery-item:nth-child(7n+1), .gallery-columns-8 .gallery-item:nth-child(8n+1), .gallery-columns-9 .gallery-item:nth-child(9n+1) {
clear: left;
}
.gallery img {
border: 1px solid #eee;
height: auto;
padding: 4px;
}
.gallery img:hover, .gallery img:focus {
border: 1px solid #ccc;
} input, input[type="search"], select, textarea {
background-color: #fff;
border: 1px solid #eee;
border-radius: 0;
color: #000;
font-size: 16px;
font-weight: 300;
line-height: 1.625;
padding: 15px;
width: 100%;
}
input[type="search"] {
-webkit-appearance: none;
}
input:focus, input[type="search"]:focus, textarea:focus {
border: 1px solid #999;
outline: none;
}
input[type="checkbox"], input[type="image"], input[type="radio"] {
width: auto;
}
::-ms-input-placeholder {
color: #000;
opacity: 1;
}
:-ms-input-placeholder {
color: #000;
opacity: 1;
}
::placeholder {
color: #000;
opacity: 1;
}
button, input[type="button"], input[type="reset"], input[type="submit"], .button, .more-link, .site-container div.wpforms-container-full .wpforms-form input[type="submit"], .site-container div.wpforms-container-full .wpforms-form button[type="submit"] {
background-color: transparent;
border: 1 solid #06c;
border-radius: 3px;
color: #fff;
cursor: pointer;
font-size: 14px;
font-weight: 300;
letter-spacing: 1px;
line-height: 1;
padding: 15px 20px;
text-decoration: none;
white-space: normal;
width: auto;
}
.button {
display: inline-block;
margin-bottom: 5px;
margin-top: 5px;
}
a.button.small, button.small, input[type="button"].small, input[type="reset"].small, input[type="submit"].small {
padding: 15px 20px;
}
button:hover, button:focus, input:hover[type="button"], input:focus[type="button"], input:hover[type="reset"], input:focus[type="reset"], input:hover[type="submit"], input:focus[type="submit"], .button:hover, .button:focus, .more-link:hover, .more-link:focus, .site-container div.wpforms-container-full .wpforms-form input[type="submit"]:focus, .site-container div.wpforms-container-full .wpforms-form input[type="submit"]:hover, .site-container div.wpforms-container-full .wpforms-form button[type="submit"]:focus, .site-container div.wpforms-container-full .wpforms-form button[type="submit"]:hover {
background-color: #06c;
border-width: 0;
box-shadow: 0 1px 15px 0 rgba(0, 0, 0, 0.2);
color: #fff;
}
.site-container button:disabled, .site-container button:disabled:hover, .site-container input:disabled, .site-container input:disabled:hover, .site-container input[type="button"]:disabled, .site-container input[type="button"]:disabled:hover, .site-container input[type="reset"]:disabled, .site-container input[type="reset"]:disabled:hover, .site-container input[type="submit"]:disabled, .site-container input[type="submit"]:disabled:hover {
background-color: #eee;
border-width: 0;
box-shadow: none;
color: #999;
cursor: not-allowed;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button {
display: none;
} table {
border-collapse: collapse;
border-spacing: 0;
margin-bottom: 40px;
width: 100%;
word-break: break-all;
}
tbody {
}
td, th {
line-height: 1.3;
text-align: left;
vertical-align: top;
}
td {
padding: 0.5em;
}
tr {
}
th {
font-weight: 600;
padding: 0.5em;
} .screen-reader-shortcut, .screen-reader-text, .screen-reader-text span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.genesis-nav-menu .search input[type="submit"]:focus, .screen-reader-shortcut:focus, .screen-reader-text:focus, .widget_search input[type="submit"]:focus {
background-color: #fff;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #000;
display: block;
font-size: 1em;
font-weight: 600;
height: auto;
padding: 15px 23px 14px;
text-decoration: none;
width: auto;
z-index: 100000; }
.more-link {
position: relative;
}  .site-container {
z-index: 99;
} .site-inner, .wrap {
margin: 0 auto;
}
.site-inner {
clear: both;
margin-top: 200px;
max-width: 720px;
position: relative;
word-wrap: break-word;
z-index: 999;
}
.home .site-inner {
margin-top: 175px;
}  .content {
max-width: 720px;
position: relative;
float: none;
}  .after-entry {
margin-bottom: 100px;
}
.after-entry {
box-shadow: 0 10px 80px rgba(0, 0, 0, 0.1);
padding: 60px 80px;
}
.full-width-content .after-entry:last-child {
margin-bottom: 180px;
} .entry-title {
font-size: 36px;
text-align: center;
}
.page .entry-title {
margin-bottom: 0;
}
.entry-title a {
color: #000;
text-decoration: none;
}
.entry-title a:hover, .entry-title a:focus {
color: #06c;
} a.aligncenter img {
display: block;
margin: 0 auto;
}
a.alignnone {
display: inline-block;
}
.alignleft {
float: left;
text-align: left;
}
.alignright {
float: right;
text-align: right;
}
a.alignleft, a.alignnone, a.alignright {
max-width: 100%;
}
img.centered, .aligncenter {
display: block;
margin: 0 auto 24px;
}
img.alignnone, .alignnone {
margin-bottom: 12px;
}
a.alignleft, img.alignleft, .wp-caption.alignleft {
margin: 0 20px 20px 0;
}
a.alignright, img.alignright, .wp-caption.alignright {
margin: 0 0 20px 20px;
}
figcaption, .gallery-caption, .wp-caption-text {
font-size: 14px;
font-weight: 300;
margin: 0;
text-align: center;
}
a, button, input:focus, input[type="button"], input[type="reset"], input[type="submit"], textarea:focus, .button, .gallery img, .site-header. .nav-primary {
transition: all 0.4s ease-in-out;
}
.entry-content p.wp-caption-text {
margin-bottom: 0;
}
.entry-content .wp-audio-shortcode, .entry-content .wp-playlist, .entry-content .wp-video {
margin: 0 0 30px;
}  .site-container .wpforms-container {
margin-bottom: 40px;
}
.site-container .wpforms-form .wpforms-field {
clear: both;
margin: 20px 0;
overflow: hidden;
}
.site-container .wpforms-form .wpforms-field-hp {
display: none !important;
left: -9000px !important;
position: absolute !important;
}
.site-container .wpforms-container .wpforms-form .wpforms-field input {
border-radius: 0;
height: auto;
padding: 5px;
}
.site-container .entry-content .wpforms-form .wpforms-field-label {
font-weight: 600;
}
.site-container .entry-content .wpforms-form .wpforms-field-sublabel {
font-size: 14px;
font-weight: 300;
}
.site-container .entry-content .wpforms-form textarea.wpforms-field-small {
height: 100px;
}
.site-container .entry-content .wpforms-form textarea.wpforms-field-medium {
height: 160px;
}
.site-container .entry-content .wpforms-form textarea.wpforms-field-large {
height: 200px;
} .genesis-skip-link {
margin: 0;
}
.genesis-skip-link li {
height: 0;
width: 0;
list-style: none;
} :focus {
color: #000;
outline: none !important;
} .site-header {
z-index: 9999;
float: left;
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px;
height: 100%;
}
.admin-bar .site-header {
top: 32px;
}
.site-header > .wrap > * {
transition: all 0.8s ease-in-out;
} .title-area {
padding-bottom: 0px;
padding-top: 30px;
width: 100%;
text-align: center;
position: relative;
}
.wp-custom-logo .title-area {
margin-left: auto;
margin-right: auto;
background-color: #2C1500;
}
.site-title a, .site-title a:hover, .site-title a:focus {
text-decoration: none;
}
.wp-custom-logo .site-title > a {
float: left;
width: 100%;
}
.site-description, .wp-custom-logo .site-title {
border-width: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.site-header .custom-logo-link .custom-logo {
max-width: 720px;
float: left;
} .genesis-nav-menu {
clear: both;
line-height: 1;
width: 100%;
}
.genesis-nav-menu li {
float: none;
list-style-type: none;
}
.genesis-nav-menu li li {
margin-left: 0;
}
.genesis-nav-menu .menu-item {
display: block;
text-align: right;
}
.genesis-nav-menu .menu-item:focus, .genesis-nav-menu .menu-item:hover {
position: relative;
}
.genesis-nav-menu a {
color: #F0E3D5;
display: block;
padding-top: 6px;
padding-right: 15px;
padding-bottom: 6px;
padding-left: 15px;
}
.genesis-nav-menu .current-menu-item > a {
font-style: italic;
font-weight: 700;
border-bottom-color: #C4B79F;
}
.genesis-nav-menu .sub-menu {
-webkit-backface-visibility: hidden;
left: -9999px;
opacity: 0;
position: absolute;
width: 120px;
z-index: 99;
margin-top: -36px;
margin-right: 0;
margin-bottom: 0;
margin-left: 110px;
background-color: #2c1500;
padding-top: 10px;
padding-bottom: 15px;
border-radius: 5px;
}
.genesis-nav-menu .sub-menu a {
color: #F0E3D5;
position: relative;
width: 120px;
padding-top: 5px;
padding-bottom: 5px;
padding-right: 15px;
padding-left: 15px;
}
.genesis-nav-menu .sub-menu::before {
}
.genesis-nav-menu > .menu-item > .sub-menu {
}
.genesis-nav-menu .sub-menu a {
}
.genesis-nav-menu .menu-item:hover {
position: static;
}
.genesis-nav-menu .menu-item:hover > .sub-menu {
left: auto;
opacity: 1;
}
.nav-primary {
float: right;
text-align: right;
} .menu .menu-item:focus, .menu .menu-item.sfHover {
position: static;
}
.menu .menu-item > a:focus + ul.sub-menu, .menu .menu-item.sfHover > ul.sub-menu {
left: auto;
opacity: 1;
}
.genesis-nav-menu .menu-item.sfHover > .sub-menu > .menu-item.sfHover > .sub-menu {
left: 160px;
margin-left: 0;
}
.menu-toggle, .sub-menu-toggle {
display: none;
visibility: hidden;
}  .entry-background {
background-position: center;
background-size: cover;
display: block;
height: 460px;
position: relative;
width: 100%;
}
.entry {
margin-bottom: 50px;
}
.home .entry {
margin-bottom: 0px;
}
.entry-content ol, .entry-content ul {
margin-bottom: 30px;
padding-left: 40px;
}
.entry-content ol > li {
list-style-type: decimal;
}
.entry-content ul > li {
list-style-type: disc;
}
.entry-content ol ul > li, .entry-content ul ul > li {
list-style-type: circle;
}
.entry-content ol ol, .entry-content ul ul {
margin-bottom: 0;
}
p.center {
text-align: center;
} .site-footer {
line-height: 1;
padding-bottom: 50px;
width: 100%;
}
.site-footer a, .site-footer p {
border-bottom: 1px solid transparent;
color: #F0E3D5;
font-size: 12px;
}
.site-footer .wrap {
max-width: 700px;
margin-right: auto;
margin-left: auto;
padding-right: 25px;
padding-left: 25px;
}
.site-footer p {
margin-bottom: 0;
text-align: center;
line-height: 1.6em;
letter-spacing: 5px;
}
.covertext{
color: #F0E3D5 !important;
padding: 2em;
}
.covertext.impressum{
padding-top: 0em;
}
.covertext a{
text-decoration: underline;
}
.covertext .wp-block-column p{
margin-bottom: 5px;
}
.covertext .wp-block-columns{
margin-bottom: 2em !important;
}
.music{
max-width: 300px;
margin-right: auto;
margin-bottom: 25px;
margin-left: auto;
} @media only screen and (min-width: 1600px) {
.site-header {
width: 28%;
}
.menu-primary {
margin-left: 100px;
}	
}
@media only screen and (min-width: 1350px) {
.current-menu-item > .sub-menu, 
.current-menu-ancestor > .sub-menu {
visibility: visible;
height: auto;
opacity: 1;
left: auto;
overflow: visible;
position: absolute;
pointer-events: auto;
}
.menu-primary.genesis-nav-menu .sub-menu {
}
.current-menu-item > a > .dropdown-menu-toggle, 
.current-menu-ancestor > a > .dropdown-menu-toggle {
display: none;
}
}
@media only screen and (min-width: 1023px) {
.site-inner {
min-height: 400px;
padding-left: 10px;
}
.site-header {
position: fixed;
display: flex;
align-items: center;
}
.title-area{
width: 100vw;
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 1000;
}
.title-area .custom-logo {
padding-top: 30px;
}
.menu-primary {
width: 110px;
z-index: 100;
padding-bottom: 25px;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #C4B79F;
padding-top: 25px;
}
.menu-primary .genesis-nav-menu a {
text-align: right;
}
.menu-primary.genesis-nav-menu .sub-menu a {
text-align: left !important;
}
.menu-primary.genesis-nav-menu .sub-menu {
}
.mob{
display: none;
}
.animate__animated.animate__zoomIn {
--animate-duration: 4s;
}
}
@media only screen and (max-width: 1600px) {
.site-footer .wrap {
max-width: 700px;
}
.site-header {
width: 20%;
}
}
@media only screen and (max-width: 1280px) {
.site-header {
width: 170px;
}
.wp-block-image .alignright {
max-width: 300px;
}
.site-header {
width: 18%;
}
}
@media only screen and (max-width: 1023px) {
.site-inner, .genesis-title-hidden .site-inner {
margin-top: 70px;
}
.genesis-responsive-menu .genesis-nav-menu .sub-menu a, .genesis-responsive-menu .genesis-nav-menu .sub-menu, .js .nav-primary {
display: none;
}
.nav-primary {
display: none !important;
}
.site-header, .rand {
float: none;
width: 100%;
padding-left: 6%;
padding-right: 6%;
}
.site-inner, .site-header {
max-width: 100%;
}
.title-area {
width: 70%;
position: relative;
float: right;
}
.wp-custom-logo .site-title {
position: relative !important;
}
.site-header .custom-logo-link .custom-logo {
height: 70px;
width: auto;
}
.nav-primary {
display: none;
padding-bottom: 20px;
margin-bottom: 25px;
background-color: rgba(44,21,0,1);
}
.home .nav-primary {
border: none;
}
.genesis-nav-menu {
line-height: 1;
width: 100%;
margin: 0px;
padding: 0px;
position: relative !important;
}
.genesis-nav-menu li {
float: none;
}
.genesis-responsive-menu .wrap {
margin-right: 0px;
margin-left: 0px;
padding-top: 10px;
padding-bottom: 10px;
}
.genesis-responsive-menu {
display: none;
}
.genesis-skip-link .skip-link-hidden {
display: none;
visibility: hidden;
}
.menu-toggle, .sub-menu-toggle {
display: none;
}
.js .genesis-nav-menu > .menu-item .sub-menu > .menu-item:first-child, .js .genesis-nav-menu > .menu-item > .sub-menu > .menu-item:last-child, .js .genesis-nav-menu .sub-menu a, .js #genesis-mobile-nav-primary {
background: transparent;
color: #FEF9F6;
padding-top: 3px;
padding-bottom: 3px;
}
#genesis-mobile-nav-primary.activated {
border-bottom-color: transparent;
}
#genesis-mobile-nav-primary:focus, #genesis-mobile-nav-primary:hover {
color: #ccc;
}
.sub-menu-toggle {
display: none;
}
.genesis-nav-menu > .menu-item .sub-menu > .menu-item:first-child {
padding-top: 0;
}
.genesis-nav-menu > .menu-item .sub-menu > .menu-item:last-child {
padding-bottom: 5px;
}
#rmp-container-480 {
border-right-width: 1px;
border-right-style: solid;
border-right-color: #563C1F;
}
}
@media only screen and (max-width: 782px) {
.admin-bar .site-header {
top: 46px;
}
.site-header {
max-height: 70px;
}
.title-area, .site-description {
padding-top: 5px;
max-width: 500px;
}
.site-header .custom-logo-link .custom-logo {
width: auto;
}
}
@media only screen and (min-width: 600px) and (max-width: 782px) {
.wp-block-column {
flex-basis: 100% !important;
}
.site-description {
font-size: 22px;
font-weight: 600;
letter-spacing: 0.4em;
}
}
@media only screen and (max-width: 600px) {
.admin-bar .site-header {
position: relative;
top: 0;
}
:where(.wp-block-columns.is-layout-flex) {
gap: 0em !important;
}
.genesis-responsive-menu .wrap {
padding-top: 10px;
}
.menu-toggle {
margin-top: 10px;
margin-right: 0px;
}
.site-header .custom-logo-link .custom-logo {
height: 70px;
width: auto;
margin-top: 5px;
}
.site-inner, .genesis-title-hidden .site-inner {
margin-top: 30px;
}
.covertext{
padding: 1em;
}
.cover{
padding: 1em;
-margin-right: 20px;
-margin-left: 20px;
}
.title-area {
width: 80%;
}
.site-footer p {
letter-spacing: 3px;
}
}