/* Rolly Classics Stylesheet
 * @author: www.vektorpunkt.de
 * @version: 1.00
 * @last modified: 18.04.2020
*/

 /* -----------------------------------------------------------------------------
 * Reset
 * ---------------------------------------------------------------------------*/ 
* {margin:0;padding:0;box-sizing:border-box;}
article, aside, footer, header, nav, section, input, textarea, label, button {display:block;}
small {font-size:smaller;}
html {font-size: 100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
img {-ms-interpolation-mode:bicubic;border:0;vertical-align:middle;display:block;max-width:100%;height:auto;}
svg:not(:root) {overflow:hidden;}
blockquote, q {-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;quotes:none;}
textarea {overflow:auto;vertical-align:top;}
table {border-collapse:collapse;border-spacing:0;width:100%;}
sub, sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup {top:-0.5em;}
sub {bottom:-0.25em;}
ul, ol {list-style:none;list-style-image:none;}
button {-webkit-appearance:button;cursor:pointer;}
button {border:0;outline:none;width:auto;overflow:visible;color:inherit;font:inherit;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;}
button[disabled], input[disabled] {cursor:default;}
button::-moz-focus-inner, input::-moz-focus-inner {border:0;}
input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
*::-moz-focus-inner {border:0 none;}
:active, *:focus {outline:medium none;}
fieldset, input {border:none;border:0;}
input, textarea {filter:none;-webkit-appearance:none;}
a[href^=tel] {text-decoration:inherit;color:inherit;}


 /* -----------------------------------------------------------------------------
 * Font
 * ---------------------------------------------------------------------------*/ 
@font-face {font-family:"Corporate A Regular";font-style:normal;src:url("/font/corporate_a_regular.woff2") format("woff2"),url("/font/corporate_a_regular.woff") format("woff"),url("/font/corporate_a_regular.ttf") format("ttf"),url("/font/corporate_a_regular.eot") format("eot");}
@font-face {font-family:"Futura Medium";font-style:normal;src:url("/font/futura_medium.woff2") format("woff2"),url("/font/futura_medium.woff") format("woff"),url("/font/futura_medium.ttf") format("ttf"),url("/font/futura_medium.eot") format("eot");}


/* -----------------------------------------------------------------------------
 * Basic Styling
 * ---------------------------------------------------------------------------*/ 
html {margin: 0 auto;} 
html, body {height:100%;}
body {font-family:"Corporate A Regular",sans-serif;font-weight:400;color:#30251d;background-color:#161616;overflow-x:hidden;overflow-y:scroll;}
body.noscroll {overflow:hidden;} 
*::-moz-selection {background-color:#2e3a4c;color:#FFFFFF;}
::selection {background-color:#2e3a4c;color:#FFFFFF;}
a {color:#353535;text-decoration:none;}
hr {border:none;border-top:4px dotted #DDDDDD;}
h1,h2,h3,h4,h5,h6 {font-weight:300;}
h1,h2,h3 {font-family:"Corporate A Regular";}
h4,h5,h6 {text-transform:uppercase;}
b, strong {font-family:"Corporate A Regular";font-weight:normal;}


/* -----------------------------------------------------------------------------
 * Helpers
 * ---------------------------------------------------------------------------*/ 
.ia {cursor:pointer;}
.fl, .fr {display:inline-block;}
.fl {float:left;}
.fr {float:right;}
.cl {clear:both;}
.hidden {display:none;}
.clearfix::after {content:"";clear:both;display:table;}
.ia {cursor:pointer;}
.noselect {-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;}


/* -----------------------------------------------------------------------------
 * Navigation
 * ---------------------------------------------------------------------------*/
nav#vp-navigation {position:fixed;width:100%;z-index:998;background-color: rgba(166,167,169,0);transition:background-color .2s ease-out;}
nav#vp-navigation.open {background-color: rgba(136,140,153,1);}
#vp-navigation-inner {background:transparent;}
#vp-logo {float:left;color:#FFFFFF;z-index:998;position:inherit;}
#vp-logo a {color:#FFFFFF;text-shadow:1px 1px 1px #555555;}
ul#vp-navigation li a {color:#FFFFFF;font-family:"Futura Medium";text-decoration:none;letter-spacing:1.3px;}
#vp-hamburger {position:absolute;right:0;width:38px;height:40px;;transform:rotate(0deg);transition:.5s ease-in-out;z-index:999;}
#vp-hamburger span {display:block;position:absolute;height:4px;width:100%;background:#FFFFFF;opacity:1;left:0;transform:rotate(0deg);transition:.25s ease-in-out;}
#vp-hamburger span:nth-child(1) {top:8px;}
#vp-hamburger span:nth-child(2), #vp-hamburger span:nth-child(3) {top:20px;}
#vp-hamburger span:nth-child(4) {top:32px;}
#vp-hamburger.open span:nth-child(1) {top:10px;width:0%;left:50%;}
#vp-hamburger.open span:nth-child(2), #vp-hamburger .open span:nth-child(3) {top:19px;}
#vp-hamburger.open span:nth-child(2) {transform:rotate(45deg);}
#vp-hamburger.open span:nth-child(3) {transform:rotate(-45deg);}
#vp-hamburger.open span:nth-child(4) {top:10px;width:0%;left:50%;}


/* -----------------------------------------------------------------------------
 * Header
 * ---------------------------------------------------------------------------*/ 
header {overflow:hidden;background-color:#000000;background-repeat:no-repeat;background-position:center top;position:relative;background-size:cover;height:100%;} 
#vp-header-inner {color:#FFFFFF;position:fixed;width:100%;height:100%;}
#vp-claim-container {margin:0 auto;} 
#vp-claim-container h1 {margin-left:auto;}
#vp-claim-container p {margin-left:auto;}

  
/* -----------------------------------------------------------------------------
 * Container 
 * ---------------------------------------------------------------------------*/
#vp-init-pane {background:rgb(136,140,153) url("/img/vp-loader/vp-loader-ball-triangle.svg") no-repeat center center;z-index:999;background-size:64px 64px;position:absolute;position:fixed;top:0;left:0;width:100%;height:100%;}
#vp-main-container {border-top:1px solid #30251d;}
.vp-container {width:100%;margin:0 auto;background-color:#fff5e4;position:relative;}
.vp-inner-container, #vp-navigation-content {width:100%;margin:0 auto;position:relative;}
.vp-row {width:100%;}
.vp-column.left {margin-right:auto;}
.vp-column.right {margin-left:auto;}
.video-container {position:relative;padding-bottom:56.25%;height:0;overflow:hidden;}
.video-container iframe {position:absolute;top:0;left:0;width:100%;height:100%;}


/* -----------------------------------------------------------------------------
 * Article
 * ---------------------------------------------------------------------------*/   
article a, ul li a {display:inline;text-decoration:underline;text-decoration-color:rgb(0,0,0);}
article a:hover, ul li a:hover {text-decoration-color:rgb(136,140,153);}
article.meta  h4, article.meta  h6 {font-family:"Futura Medium";letter-spacing:1.2px;padding-bottom:16px;}
article.meta h4 {font-size:21px;line-height:31px;}
article.meta  h6 {font-size:16px;line-height:31px;}
article.meta ul li ul li {padding-left:8px;margin-left:40px;list-style:circle;font-size:17px;line-height:21px;}
article.meta ul li ul {margin-bottom:16px;} 
ul#vp-imprint {margin-bottom:16px;font-family:"Futura Medium";}
ul#vp-imprint li {font-size:17px;line-height:25px;}


/* -----------------------------------------------------------------------------
 * Footer
 * ---------------------------------------------------------------------------*/   
footer {position:relative;background-color:#fff5e4;}
footer a {display:inline-block;color:#FFFFFF;line-height:21px;font-family:"Futura Medium";font-size:14px;letter-spacing:1.2px;}
footer a:hover {text-decoration:underline;} 
#vp-footer-last-container {color:#FFFFFF;background-color:rgb(110,112,122);padding:4px 0;}
#vp-footer-contact {padding-bottom:24px;}
ul#vp-footer-data {border-top: 1px dashed #30251d;max-width:720px;padding-top:16px;}
ul#vp-footer-data li {font-family:"Futura Medium";}
ul#vp-footer-data li:first-child {font-family:"Corporate A Regular";}


/* -----------------------------------------------------------------------------
 * Scroll Arow Animation
 * ---------------------------------------------------------------------------*/ 
.arrow {opacity:0;position:absolute;top:88%;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:translate3d(-50%, -50%, 0);transform:translate3d(-50%, -50%, 0);}
.arrow-1 {-webkit-animation:arrow-movement 2s ease-in-out infinite;animation: arrow-movement 2s ease-in-out infinite;}
.arrow-2 {-webkit-animation:arrow-movement 2s 1s ease-in-out infinite;animation:arrow-movement 2s 1s ease-in-out infinite;}
.arrow:before, .arrow:after {background:#FFFFFF;content:"";display:block;height:7px;position:absolute;top:0;left:0;width:80px;}
.arrow:before {-webkit-transform:rotate(45deg) translateX(-21%);transform:rotate(45deg) translateX(-21%);-webkit-transform-origin:top left;transform-origin:top left;}
.arrow:after {-webkit-transform:rotate(-45deg) translateX(21%);transform:rotate(-45deg) translateX(21%);-webkit-transform-origin:top right;transform-origin:top right;}
@-webkit-keyframes arrow-movement {0% {opacity:0;top:85%;} 70% {opacity:1;} 100% {opacity:0;}}
@keyframes arrow-movement {0% {opacity:0;top:85%;} 70% {opacity:1;} 100% {opacity:0;}}


/* -----------------------------------------------------------------------------
 * Bildergalerie
 * ---------------------------------------------------------------------------*/ 
#vp-slider-container {margin:32px 0;}
#vp-slider-inner {margin:0 auto;}
#vp-slider {position:relative;height:0;padding-top:56.25%;overflow:hidden;background-color:#fff5e4;}
.vp-slider-element {position:absolute;top:0;left:0;bottom:0;right:0;transition:opacity 0.85s ease-out;}
.vp-slider-element img.slider {width:100%;max-width:100%;}
.vp-slider-element {opacity:1;}
.vp-slider-element.invisible {opacity:0.0;}
#vp-slider-nav {text-align:center;margin-top:20px;position:relative;}
.vp-slider-nav-element {display:inline-block;width:24px;height:24px;border-radius:50%;background-color:#DDDDDD;cursor:pointer;margin-right:8px;transition:all 0.35s ease-out;}
.vp-slider-nav-element.active {background-color:rgb(136,140,153);}
#vp-insta {position:absolute;right:0px;top:0px;}


 /* -----------------------------------------------------------------------------
 * Kontakt
 * ---------------------------------------------------------------------------*/ 
article#vp-contact {margin-top:32px;}
.vp-contact-form {width:100%;clear:both;background:transparent url("/img/vp-loader/vp-loader-ball-triangle.svg") no-repeat center center;background-size: 80px 80px;}
.vp-contact-form.finished {background-image:none;}
.vp-contact-form h4 {margin-bottom:16px;}
.vp-contact-form label {display:block;}
.vp-contact-form input, .vp-contact-form textarea {font-size:17px;line-height:22px;width:100%;padding:8px 12px;border:1px solid #DDDDDD;margin-bottom:24px;width:100%;}
.vp-contact-form .vp-contact-form-response {font-size:20px;line-height:25px;}
.vp-contact-form .vp-privacy a {color:rgb(77,90,110);display:inline-block;}
.vp-contact-form textarea {min-height:180px;resize:none;}
.vp-contact-form .vp-submit {text-align:center;padding:8px 16px;line-height:24px;background-color:rgb(77,90,110);cursor:pointer;max-width:130px;color:#FFFFFF;border-radius:2px;margin-top:24px;}
.vp-contact-form .vp-submit:hover {text-decoration:underline;}
.vp-contact-form-inner {opacity:1;-webkit-transition:all 0.35s ease-out;-moz-transition:all 0.35s ease-out;-o-transition: all 0.35s ease-out;transition:all 0.35s ease-out;}
.vp-contact-form-inner.loading {opacity:0;}
.vp-contact-form input.empty, .vp-contact-form textarea.empty {border:2px solid #92224A;}
#vp-minilist-number-persons {max-width:497px;}
input, textarea {font-family:"Courier";}
.vp-contact-form label, .vp-privacy, .vp-contact-form .vp-submit {font-family:"Futura Medium";}


 /* -----------------------------------------------------------------------------
 * vp-util
 * ---------------------------------------------------------------------------*/ 

/* Minilist */
.vp-list-control {font-family:"Roboto Slab Medium";color:#626262;}
.vp-list-control * {box-sizing:border-box;}
.vp-list-control > * {box-sizing:border-box;}
.vp-list-control-container {position:relative;border:1px solid #D4D4D4;text-align:center;overflow:hidden;height:40px;line-height:40px;}
.vp-list-control-container:hover {background-color:#FFFFFF;}
.vp-list-control-list ul {margin-top:0px;-webkit-transition:.1s ease-in-out;-moz-transition:.1s ease-in-out;-o-transition:.1s ease-in-out;transition:.1s ease-in-out;}
.vp-list-control-list ul.disabled {color:#D4D4D4;} 
.vp-list-control-list ul li {list-style:none;}
.vp-list-control-arrows {position:absolute;width:100%;height:40px;}
.vp-list-control-up {text-align:left;padding-left:24px !important;}
.vp-list-control-down {text-align:right;padding-right:24px;}
.vp-list-control-up, .vp-list-control-down {width:50%;height:40px;line-height:40px;font-size:20px;}
.vp-list-control-up span, .vp-list-control-down span {color:#AFAFAF;}
.vp-list-control-up:hover span, .vp-list-control-down:hover span {color:#631521;}
.vp-list-control-up.disabled, .vp-list-control-down.disabled {cursor:default !important;}
.vp-list-control-up.disabled span, .vp-list-control-up.disabled:hover span, .vp-list-control-down.disabled span, .vp-list-control-down.disabled:hover span {color:#E1E1E1;}

/* Drop List */
.vp-drop-control {font-family:"Roboto Slab Medium";color:#626262;}
.vp-drop-control * {box-sizing:border-box;}
.vp-drop-control > * {box-sizing:border-box;}
.vp-drop-control-container {position:relative;overflow:hidden;height:40px;line-height:40px;border:1px solid #D4D4D4;webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;}
.vp-drop-control-container ul li {height:40px;line-height:40px;cursor:pointer;padding-left:16px;}
.vp-drop-control-container ul li:hover {background-color:#F1F1F1;}
.vp-drop-control-container.disabled ul li:hover {text-decoration:none;}
.vp-drop-control-container.disabled .vp-drop-control-header {color:#D4D4D4;cursor:default !important;}
.vp-drop-scroll {text-align:center;display:none;}
.vp-drop-scroll-up, .vp-drop-scroll-down {width:50%;height:40px;line-height:40px;background-color:#e8e8e8;}
.vp-drop-scroll-up:hover, .vp-drop-scroll-down:hover {color:#34393f;background-color:#F1F1F1;}
.vp-drop-scroll-up.disabled, .vp-drop-scroll-down.disabled, .vp-drop-scroll-up.disabled:hover, .vp-drop-scroll-down.disabled:hover {color:#D4D4D4;background-color:#e8e8e8;}
.vp-drop-control-header {height:40px;line-height:40px;width:100%;background-color:#FFFFFF;position:relative;}
.vp-drop-control-container:not(.disabled) .vp-drop-control-header:hover .vp-drop-control-header-caret {color:#6e1521;}
ul.vp-drop-ul {margin-top:0px;webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;}
.vp-drop-control-header-caret {position:absolute;right:0;top:0;text-align:center;font-size:20px;width:64px;line-height:40px;color:#afafaf;}
.vp-drop-control.small .vp-drop-control-header-caret {line-height:auto;width:40px;} 
.vp-drop-control.small .vp-drop-scroll-up, .vp-drop-control.small .vp-drop-scroll-down {font-size:15px;line-height:auto;} 
.vp-drop-control-header .vp-drop-control-header-caret {transform:rotate(0deg);webkit-transition:.25s ease-in-out;-moz-transition:.15s ease-in-out;-o-transition:.15s ease-in-out;transition:.15s ease-in-out�;}
.vp-drop-control-header.open .vp-drop-control-header-caret {transform:rotate(180deg);transform-origin:50% 50%;webkit-transition:.15s ease-in-out;-moz-transition:.15s ease-in-out;-o-transition:.15s ease-in-out;transition:.15s ease-in-out;}

/* Date-Time */
.vp-list-control.small .vp-list-control-up {padding-left:12px;font-size:15px;}
.vp-list-control.small .vp-list-control-down {padding-right:12px;font-size:15px;}
.vp-datetime-container .vp-list-control-list ul {-webkit-transition:.1s ease-in-out;-moz-transition:.1s ease-in-out;-o-transition:.1s ease-in-out;transition:.1s ease-in-out;}
label.vp-datetime-label {font-size:14px;line-height:22px;}
label.vp-datetime-label.day {margin-right:8px;}
label.vp-datetime-label.month {margin-right:8px;}
label.vp-datetime-label.year {margin-right:8px;}

/* Radio Buttons */
.vp-radio-control {margin: 16px 0;}
ul.vp-radio-ul {cursor: pointer;color:#5C6166;}
ul.vp-radio-ul.disabled {cursor:default;}
ul.vp-radio-ul.disabled li, ul.vp-radio-ul.disabled li:hover, ul.vp-radio-ul.disabled li.active {color:#D4D5D5;}
ul.vp-radio-ul li {line-height:33px;padding-left:4px;}
ul.vp-radio-ul li:hover, ul.vp-radio-ul li.active {color:#34393F;}
ul.vp-radio-ul span.icon-radio {font-size:17px;line-height:33px;padding-right:4px;}

/* Switch */
.vp-switch {position:relative;display:inline-block;width:60px;height:34px;}
.vp-switch input {display:none;}
.vp-slider {position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#9a9da0;-webkit-transition:.4s;transition:.4s;border-radius:34px;}
.vp-slider:before {position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:white;-webkit-transition:.4s;transition:.4s;border-radius:50%;}
input:checked + .vp-slider {background-color:#fa7d19;}
input:focus + .vp-slider {box-shadow:0 0 1px #fa7d19;}
input:checked + .vp-slider:before {-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px);}
span.vp-switch-label {height:34px;line-height:34px;padding-left:16px;font-size:17px;}
.vp-switch-container {margin-bottom:10px;}

/* Autocomplete */
.vp-autocomplete-container {position:relative;}
.vp-autocomplete-list-container {position:absolute;z-index:99;top:100%;left:0;right:0;}
.vp-autocomplete-list-element {padding:8px 0px 8px 16px;background-color:#FFFFFF;border-bottom:1px solid #d4d5d5;}
.vp-autocomplete-list-element:hover {background-color:#34393f;color:#FFFFFF;}
.vp-autocomplete-list-element.active {background-color:#5c6166;color:#FFFFFF;}
.vp-autocomplete-control-icon {position:absolute;right:0;top:0;text-align:center;font-size:25px;width:64px;line-height:44px;color:#96999c;}
input.vp-autocomplete {margin:0 0 4px 0;}


/* -----------------------------------------------------------------------------
 * Media Queries
 * ---------------------------------------------------------------------------*/  

/* Smartphone */ 
@media screen and (max-width:767px)
{
  /* Header */
  header {background-image:none;background-attachment:scroll;}
  header::before {content:' ';display:block;background-image:url("/img/rollyclassic_header_768.jpg");background-position:center;background-size:cover;height:100vh;width:100vw;top:0;bottom:0;left:0;right:0;position:fixed;}
  #vp-claim-container {padding-top:60%;padding-right:16px;}
  #vp-claim-container h1 {font-size:34px;line-height:34px;max-width:320px;}
  #vp-claim-container p {font-size:19px;line-height:25px;max-width:320px;padding-top:8px;}
  .arrow {left:42%;}
  
  /* Navigation */
  #vp-hamburger {right:4.25%;top:4px;}
  nav#vp-navigation {height:52px;}
  #vp-navigation-inner {height:52px;}
  #vp-logo img {height:52px;}
  #vp-logo a {font-size:28px;line-height:52px;}

  /* Container */
  #vp-navigation-content, .vp-inner-container {padding: 0 4.25%;}
  .vp-row {padding-bottom:48px;}
  .vp-quote-container, .vp-triple-container {padding:32px 0;}
  .vp-content {padding-top:48px;}
  #vp-imprint-container {padding-top:52px;}
  
  /* Article */
  article {}
  article p {font-size:18px;line-height:27px;padding:0 0 16px 0;}
  article h2 {font-size:27px;line-height:28px;margin-bottom:12px;}
  article h4 {font-size:13px;line-height:13px;}
}

/* Ab Tablet klein */ 
@media screen and (min-width:768px)
{
  /* Header */
  header {background-attachment:fixed;}
  #vp-claim-container {padding-top:14%;} 
}

/* Tablet klein */ 
@media screen and (min-width:768px) and (max-width:1024px)
{
  /*Navigation */
  #vp-logo a {font-size:51px;line-height:100px;}
  
  /* Header */
  header {background-image:url("/img/rollyclassic_header_1024.jpg");}
  #vp-claim-container {padding-right:12px;max-width:700px;padding-top:30%;} 
  #vp-claim-container h1 {font-size:54px;line-height:54px;max-width:400px;}
  #vp-claim-container p {font-size:21px;line-height:27px;max-width:400px;padding-top:16px;}
  .arrow {left:46%;}
  
  /* Navigation */
  #vp-logo a {font-size:36px;line-height:74px;}
  nav#vp-navigation {height:74px;}
  #vp-navigation-inner {height:74px;}
  #vp-hamburger {top:16px;}
  #vp-logo img {height:74px;}

  
  /* Container */
  .vp-inner-container, #vp-navigation-content {max-width:700px;}
  #vp-imprint-container {padding-top:74px;}
  .vp-row {padding-bottom:64px;}
  .vp-quote-container, .vp-triple-container {padding:48px 0;}
  .vp-content {padding-top:64px;}
  
  /* Article */
  article {}
  article p {max-width:620px;font-size:19px;line-height:29px;padding:0 0 16px 0;}
  article h2 {font-size:34px;line-height:34px;margin-bottom:12px;}
  article h4 {font-size:16px;line-height:16px;}
}

/* Bis Laptop + Tablet */ 
@media screen and (max-width:1024px)
{
  /* Navigation */
  #vp-hamburger {display:block;}
  #vp-logo img {width:200px;}
  ul#vp-navigation {left:-100%;right:0px;top:0;bottom:0;transition: all .2s ease-out 0s;position:absolute;position:fixed;z-index:997;background-color:rgba(0,0,0,0.8);border:0;width:100%;padding-top:30%;}
  ul#vp-navigation li {text-align:center;padding:16px 0;font-size:21px;width:100%;}
  ul#vp-navigation.open {left:0;right:0px;top:0;bottom:0;transition:all .3s ease-out 0s;}
  
  /* Footer */
  footer {padding:32px 0 0 0;}
  footer .vp-inner-container .vp-row {padding-bottom:16px;}
  footer ul li {font-size:15px;line-height:19px;}
  ul#vp-footer-data li {font-size:15px;line-height:21px;}
  ul#vp-footer-data li:first-child {font-size:22px;line-height:32px;}
  
  /* Other */
  #vp-insta {height:24px;width:24px;}
}

/* Laptop + Tablet */ 
@media screen and (min-width:1025px) and (max-width:1439px)
{
  /* Navigation */
  #vp-logo a {font-size:42px;line-height:100px;}
    
   /* Header */
  header {background-image:url("/img/rollyclassic_header_1440.jpg");}
  #vp-claim-container {padding-right:12px;max-width:964px;} 
  #vp-claim-container h1 {font-size:64px;line-height:64px;max-width:480px;}
  #vp-claim-container p {font-size:25px;line-height:31px;max-width:480px;padding-top:24px;}
  .arrow {left:47%;}
  
  /* Container */
  .vp-inner-container, #vp-navigation-content {max-width:964px;}
  .vp-row {padding-bottom:96px;}
  .vp-content {padding-top:80px;}
  #vp-imprint-container {padding-top:100px;}
  
  /* Footer */
  footer {padding:48px 0 0 0;}
  footer .vp-inner-container .vp-row {padding-bottom:24px;}
  footer ul li {font-size:17px;line-height:21px;}
  
  /* Article */
  article {}
  article p {max-width:680px;font-size:19px;line-height:29px;padding:0 0 24px 0;}
  article h2 {font-size:40px;line-height:40px;margin-bottom:12px;}
  article h4 {font-size:16px;line-height:16px;}
  
    /* Other */
  #vp-insta {height:28px;width:28px;}
}


/* Ab Laptop + Tablet */ 
@media screen and (min-width:1025px)
{
   /* Header */
  #vp-claim-container {padding-top:14%;}
  
  /* Navigation */
  nav#vp-navigation {height:100px;}
  #vp-navigation-inner {height:100px;}
  #vp-hamburger {display:none;}
  #vp-logo img {height:100px;width:260px;}
  ul#vp-navigation li:after {content:'';display:block;margin:auto;height:2px;width:0px;background:transparent;transition:width .35s ease, background-color .35s ease;}
  ul#vp-navigation {float:right;margin-top:36px;}
  ul#vp-navigation li {float:left;display:inline-block;margin-right:48px;font-size:21px;}
  ul#vp-navigation li:last-child {margin-right:0px;}
  ul#vp-navigation li:hover:after, ul#vp-navigation li.current:after {width:100%;background:#FFFFFF;}
  
  /* Footer */
  ul#vp-footer-data li {font-size:17px;line-height:24px;}
  ul#vp-footer-data li:first-child {font-size:29px;line-height:36px;}
}

/* Ab Desktop */
@media screen and (min-width:1440px)
{
  /* Navigation */
  #vp-logo a {font-size:51px;line-height:100px;}
  
  /* Header */
  header {background-image:url("/img/rollyclassic_header_1920.jpg");}
  #vp-header-inner {color:#FFFFFF;position:fixed;width:100%;height:100%;max-width:1920px;}
  #vp-claim-container {padding-right:12px;max-width:1280px;} 
  #vp-claim-container h1 {font-size:80px;line-height:80px;max-width:520px;}
  #vp-claim-container p {font-size:29px;line-height:35px;max-width:520px;padding-top:24px;}
  .arrow {left:49%;}
  
  /* Container */
  .vp-container {max-width:1920px;}
  #vp-imprint-container {padding-top:100px;}
  .vp-inner-container, #vp-navigation-content {max-width:1280px;}
  .vp-row {padding-bottom:144px;}
  .vp-content {padding-top:96px;}
  
  /* Footer */
  footer {padding:64px 0 0 0;}
  footer ul li {font-size:19px;line-height:23px;}
  
  /* Article */
  article {}
  article p {max-width:720px;font-size:21px;line-height:31px;padding:0 0 24px 0;}
  article h2 {font-size:44px;line-height:44px;margin-bottom:16px;}
  article h4 {font-size:18px;line-height:18px;}
  
  /* Other */
  #vp-insta {height:32px;width:32px;}
}


/* Desktop XL */ 
@media screen and (min-width:1921px)
{
  header {background-size:auto auto;}
}