/* Theme Name: Route4 Version: 1.0 Author: Joar Staab URL: www.route4-film.de; Template: enfold */ @font-face {font-family: "Oswald"; src: url("./fonts/Oswald-Heavy.eot"); src: url("./fonts/Oswald-Heavy.eot?#iefix") format("embedded-opentype"), url("./fonts/Oswald-Heavy.otf") format("opentype"), url("./fonts/Oswald-Heavy.ttf") format("truetype"), url("./fonts/Oswald-Heavy.woff") format("woff"), url("./fonts/Oswald-Heavy.woff2") format("woff2"); font-weight: 900; font-style: normal; font-display: swap;} /*--- TEXT ALIGN ---*/ .left {text-align:left !important;} .right {text-align:right !important;} .center {text-align:center !important;} .justify {text-align:justify !important;} .hidden {visibility: hidden;} /*--- FONT COLOR ---*/ .white {color:#fff !important;} .black {color:#000 !important;} .primary {color: #eeccaa !important;} .secondary {color: #777777 !important;} /* --- BACKGROUND COLOR --- */ .bg-black {background-color:#000 !important} .bg-white {background-color:#fff !important;} .bg-primary {background:#eeccaa !important;} .bg-primary-50 {background:rgba(238,204,170,0.5) !important;} .bg-default {background:#fafafa !important;} .bg-seaeye {background:#2578ac !important;} /*--- FONT STYLING ---*/ body {font-family: 'roboto', helvetica-neue !important; box-sizing:border-box; color:#fff; font-weight:400 !important; font-style:normal; font-size:18px ; line-height:1.5;} a {cursor:pointer; font-weight:400; text-decoration:none } a:hover, a:focus {text-decoration:underline} p {font-family: 'roboto', Helvetica-Neue !important; font-size:18px ; line-height:1.5; margin:20px 0; font-weight:400 !important;} small, .small {font-size:12px !important; line-height:1.3 !important} * {-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale} /*---All - Headlines---*/ h1, .hl-xl {font-family:'Oswald', Helvetica-Neue !important; font-weight:normal !important; font-style:normal !important; text-transform:none !important; letter-spacing:10px !important} h2, .hl-l, h3, .hl-m, h4, .hl-s, h5, .hl-xs, h6, .hl-xxs {font-family:'Oswald', Helvetica-Neue !important; font-weight:normal !important; font-style:normal !important; text-transform:none !important; letter-spacing:0px !important} h1, .hl-xl {font-size:65px; line-height:1.2;} h2, .hl-l {font-size:45px; line-height:1.2;} h3, .hl-m {font-size:36px; line-height:1.2} h4, .hl-s {font-size:34px; line-height:1.2;} h5, .hl-xs {font-size:22px; line-height:1.2} h6, .hl-xxs {font-size:16px; line-height:1.2} /*---All - Font Styles---*/ b, strong, .normal {font-weight:400 !important; font-style:normal !important; text-transform:none !important} .light {font-weight:200 !important} .semi-light {font-weight:300 !important} .ultralight {font-weight:100 !important} .regular {font-weight:400 !important} .medium {font-weight:500 !important} .bold {font-weight:700 !important;} .heavy {font-weight:900 !important} .italic {font-style:italic} .upper {text-transform:uppercase !important} /*---All - Text Alignment---*/ .align-left {text-align:left !important} .align-right {text-align:right !important} .align-center {text-align:center !important} .align-justify {text-align:justify !important; text-justify:inter-word !important} /*---All - Floats---*/ .float-left {float:left !important} .float-right {float:right !important} .float-none {float:none !important} /*---All - Padding---*/ .padding-5 {padding:5px !important} .padding-10 {padding:10px !important} .padding-25 {padding:25px !important} /*---All - Margin---*/ .margin-5 {margin:20px !important} /*---All - Display Styles---*/ .desktop-hidden {display:block !important} .mobile-hidden {display:none !important} .hidden {display:none !important} .inline-block .button-rvier {display:inline-block !important;} .inline-block {width:80%; margin:auto} /*--- MENU STYLES ---*/ .logo a img {max-height: 50% !important; top: 25% !important;} .main_menu {right:20px;} .main_menu .avia-menu a span {font-family:'Oswald' , Helvetica-Neue !important; font-size:18px; line-height:1.1; text-transform:uppercase; transition: cubic-bezier(1,0,0,1) 0.2s;} .main_menu .avia-menu a:hover .avia-menu-text, .main_menu .avia-menu a:active .avia-menu-text, .main_menu .avia-menu a:focus .avia-menu-text, .main_menu .avia-menu a:focus-within .avia-menu-text {border-bottom:4px solid #eeccaa !important; transition: cubic-bezier(1,0,0,1) 0.2s;} .sub-menu {border-top: 2px solid #eeccaa !important; padding: 20px 10px !important; } .sub-menu a {background:#fff !important; width:max-content !important; } .sub-menu a span {font-size: 14px; line-height: 1.1; text-transform: none !important; transition: cubic-bezier(1,0,0,1) 0.2s;} #top #header .mega_menu_title a {font-size: 17px; font-weight: 300; line-height: 1.1; text-transform: none !important; transition: cubic-bezier(1,0,0,1) 0.2s;} #top #header .mega_menu_title a {padding: 5px; width: 100% !important; transition: cubic-bezier(1,0,0,1) 0.2; text-decoration: none !important;} #top #header .mega_menu_title a:hover, #top #header .mega_menu_title a:active, #top #header .mega_menu_title a:focus, .header_color .main_menu ul ul {background-color: #fff; color: #000; width: 230px;} .header_color ul {border-color: transparent !important;} #top .av_header_transparency #header_meta, .html_header_transparency #header_meta {background: #fff;; box-shadow: none; border-bottom: none;} /*--- BUTTON STYLES --- */ #top .button-rvier {text-align:center; min-height:30px; height:auto; margin-top:40px; font-family:'Oswald' , Helvetica-Neue !important; } #top .button-rvier a, #top .button-rvier button {border-radius:0; padding:8px 22px; text-decoration:none !important; font-size:22px; line-height:26px; cursor:pointer; display:inline-block; text-align:center; transition: ease-in 0.3s;} #top .button-rvier a:hover, #top .button-rvier a:focus, #top .button-rvier button:hover, #top .button-rvier button:focus {text-decoration:none; border-radius:0} #top .button-rvier.rvier1 a, #top .button-rvier.rvier1 button {border:1px solid #eeccaa; border-radius:0px; color:#eeccaa; background:transparent; font-size: 14px; font-weight: bold !important; text-transform: uppercase; transition: ease-in 0.3s;} #top .button-rvier.rvier1 a:hover, #top .button-rvier.rvier1 a:focus, #top .button-rvier.rvier1 button:hover, #top .button-rvier.rvier1 button:focus {border:1px solid #eeccaa; border-radius:0px; color:#000; background:#eeccaa} #top .button-rvier.rvier2 a, #top .button-rvier.rvier2 button {border:1px solid #fff; border-radius:0px; color:#fff; background:transparent; font-size: 14px; font-weight: bold !important; text-transform: uppercase; transition: ease-in 0.3s;} #top .button-rvier.rvier2 a:hover, #top .button-rvier.rvier2 a:focus, #top .button-rvier.rvier2 button:hover, #top .button-rvier.rvier2 button:focus {border:1px solid #eeccaa; border-radius:0px; color:#000; background:#eeccaa} #top .button-rvier.rvier3 a, #top .button-rvier.rvier3 button {border:1px solid #000; border-radius:0px; color:#000; background:transparent; font-size: 14px; font-weight: bold !important; text-transform: uppercase; transition: ease-in 0.3s;} #top .button-rvier.rvier3 a:hover, #top .button-rvier.rvier3 a:focus, #top .button-rvier.rvier3 button:hover, #top .button-rvier.rvier3 button:focus {border:1px solid #000; border-radius:0px; color:#eeccaa; background:#000; transition: ease-in 0.3s;} /*--- All - Button - Additional Classes --- */ #top .slim-btn a {padding:6px 16px; font-size:14px; line-height:18px} #top .large-btn a {padding:24px 48px; font-size:36px !important;} #top .extreme-btn a {padding:18px 36px; font-size:28px !important; line-height:32px !important;} #top .round-btn a, #top .round-btn a:hover, #top .round-btn a:focus {border-radius:5px} .coming-soon:hover a::after, .coming-soon:active a::after, .coming-soon:focus a::after {content: " - Coming Soon"; transition: ease-in 0.3s;} /*--- ANMELDEFORUMLAR--- */ .kontakt-box {background: #fff !important;} .kontakt-half {padding: 20px 20px !important;} .kontakt-hole {padding: 60px 30px !important;} #top .kontakt-form a {color: #000 !important;} #top .kontakt-form input[type="text"], #top .kontakt-form input[type="tel"], #top .kontakt-form input[type="email"], #top .kontakt-form select, #top .kontakt-form textarea, #top .kontakt-form input {font-family:Helvetica-Neue !important; box-sizing:border-box; color:#000 !important; font-weight:400; font-style:normal; font-size:16px; line-height:22px; background-color: #fafafa !important; border: 1px solid #000 !important; padding-left:20px !important;} #top .kontakt-form input[type="text"]:active, #top .kontakt-form input[type="tel"]:active, #top .kontakt-form input[type="email"]:active, #top .kontakt-form select:active, #top .kontakt-form textarea:active, #top .kontakt-form input:active, #top .kontakt-form input[type="text"]:focus, #top .kontakt-form input[type="tel"]:focus, #top .kontakt-form input[type="email"]:focus, #top .kontakt-form select:focus, #top .kontakt-form textarea:focus, #top .kontakt-form input:focus {border: 1px solid #eeccaa !important} #top .kontakt-form .kontakt-links {float:left; width:60%} #top .kontakt-form .kontakt-rechts {width: 38.5%; margin-left:64.5%;} #top .kontakt-form .kontakt-links-2 {float:left; width:48%} #top .kontakt-form .kontakt-rechts-2 {width:47%; margin-left:53%} #top .kontakt-form .wpcf7-validation-errors {width:400px; border:0 !important} #top .kontakt-form .wpcf7-not-valid, #top .kontakt-form .wpcf7-acceptance.wpcf7-not-valid input[type=checkbox] + span::after, #top .kontakt-form .wpcf7-checkbox.wpcf7-not-valid input[type=checkbox] + span::after {border-color:#eeccaa !important; background-color:#ff0026 !important} #top .kontakt-form .wpcf7-acceptance.wpcf7-not-valid, #top .kontakt-form .wpcf7-checkbox.wpcf7-not-valid {border:0 !important; background:none !important} #top .kontakt-form .wpcf7-not-valid::placeholder {color:#eeccaa} #top .kontakt-form .wpcf7-not-valid::-moz-placeholder {color:#eeccaa} #top .kontakt-form .wpcf7-not-valid::-webkit-input-placeholder {color:#eeccaa} #top .kontakt-form .wpcf7-not-valid:-ms-input-placeholder {color:#eeccaa} #top .kontakt-form .wpcf7-not-valid-tip {background:transparent; color:#eeccaa; padding:5px; font-weight:500; font-size:14px; margin:-10px 0 15px !important} #top .wpcf7-response-output {padding:10px 5px; margin:0; background:transparent; font-weight:500; font-size:14px; color:#eeccaa; float:left; border:0; clear:both} #top .kontakt-form label {width:100% !important} #top .kontakt-form label, #top .kontakt-form .wpcf7-list-item-label {padding:5px 0; font-size:16px; line-height:24px; font-weight:500 !important; display:inline-block} #top .kontakt-form .agb .wpcf7-list-item-label {margin:0 0 0 40px} #top .kontakt-form .wpcf7-list-item {margin:0 !important} #top .kontakt-form .wpcf7-checkbox .wpcf7-list-item-label, #top .kontakt-form .wpcf7-radio .wpcf7-list-item-label {padding:5px 20px 5px 45px; display:inline-block; cursor:pointer; position:relative; color:#fff !important; font-size:18px !important; font-weight:500 !important; line-height:24px !important} #top .kontakt-form input[type=checkbox], #top .kontakt-form input[type=checkbox]:active, #top .kontakt-form input[type=checkbox]:checked {display:none !important} #top .kontakt-form input[type=checkbox] + span::after {content:''; font-size:14px; position:absolute; top:50%; transform:translateY(-50%); left:0; color:#000; background:#fff; border:1px solid rgba(0,0,0,.25); box-shadow:none !important; outline:none; padding:9px; box-sizing:border-box; height:30px; width:30px; display:inline-block !important; cursor:pointer} #top .kontakt-form input[type=checkbox]:active + span::after, #top .kontakt-form input[type=checkbox]:checked:active + span::after {border-color:#000} #top .kontakt-form input[type=checkbox]:checked + span::after {background:#deb995 !important; border-color:#deb995 !important; box-shadow:none; content:'\f00c'; font-family:'Font Awesome 5 Free'; font-weight:600; font-size:20px; position:absolute; top:50%; transform:translateY(-50%); left:0; color:#000; line-height:30px; text-indent:5px; padding:0} #top .kontakt-form input[type="submit"] {border: 2px solid #eeccaa !important; height: auto; color: #000 !important; font-weight: bold; background: #eeccaa !important; width: auto; font-family:'Oswald' !important; font-size: 16px; text-transform: uppercase !important; line-height: 22px; padding: 8px 22px; text-align: center; transition: ease-in 0.3s; } #top .kontakt-form input[type="submit"]:hover, #top .kontakt-form input[type="submit"]:focus {border:2px solid #e3c4a6 !important; color:#000 !important; background:#e3c4a6 !important; transition: ease-in 0.2s;} #top .kontakt-form textarea {max-height:120px; width:100%;} #top .kontakt-form .wpcf7-list-item-label {font-size: 16px !important; line-height: 18px !important;} div.wpcf7-response-output {background: #eeccaa !important; color: #fff !important;} #top .kontakt-form .button-submit {margin-top: 20px; float: right;} /*--- ICONS ---*/ .av-icon-char:hover::before{color: #ebebeb !important;} .icon-location::before {content: url('/wp-content/uploads/icons/map-marker-alt-solid.svg'); display: inline-block; margin-right: 6px; height: 100%; width: 12px; position: relative; } .icon-tel::before {content: url('/wp-content/uploads/icons/phone-alt-solid.svg'); display: inline-block; margin-right: 8px; height: 100%; width: 14px; position: relative; } .icon-mail::before {content: url('/wp-content/uploads/icons/envelope-solid.svg'); display: inline-block; margin-right: 8px; height: 100%; width: 16px; position: relative; } .sea-eye::before {content: url('/wp-content/uploads/media/sea-eye-logo.png'); display: inline-block; margin-right: 8px; height: 100%; width: 16px; position: relative; } /*--- BOX DESIGN ---*/ .box-design {box-shadow:0 4px 18px rgba(0,0,0,0.07), 0 10px 10px rgba(0,0,0,0.09); border-radius:2px !important; background:#fff; position:relative; overflow:hidden; padding:0 !important; transition: all 0.3s cubic-bezier(.25,.8,.25,1)} .box-design .av_textblock_section {padding:25px 20px} .box-blue {padding: 20px 10px; background: #fff;} .box-blue:hover, .box-blue:active, .box-blue:focus {background: #eeccaa;} /*--- Scroll-Top-Link ---*/ #scroll-top-link {box-shadow: 0 2px 6px rgba(0,0,0,0.1), 0 3px 6px rgba(0,0,0,0.15); position: fixed; border-radius: 40px !important; border:2px solid #fff !important; background-color: #fff !important; color: #575757 !important; height: 50px; width: 50px; line-height: 50px; text-decoration: none; text-align: center; opacity: 1 !important; right: 50px; bottom: 50px; z-index: 1030; visibility: hidden;} #scroll-top-link:hover {border: 2px solid #fff !important; background-color: #fff !important; color: #eeccaa !important; } .toggle_content {color:#eeccaa !important} /*---All - Lists---*/ #top ul {margin:0} #top ul.borderlist-not {list-style:square inside !important} #top ul li {margin:0 !important; padding:0; font-size:14px !important; line-height:1.5 !important;} #top ul.square {list-style-type:square; margin-left:15px; line-height:24px !important} #top ul.none {list-style-type:none} #top ul.checked {list-style-type:none; line-height:24px !important} #top ul.checked2 {list-style-type:none; line-height:24px !important} #top ul.checked li {padding:5px 0 5px 30px !important; position:relative} #top ul.checked2 li {padding:5px 0 5px 30px !important; position:relative} #top ul.checked li::before {padding:20px 0 0 0; content:''; display:inline-block; height:15px; width:15px; background-size:100% auto !important; position:absolute; left:0; top: 0px;} #top ul.checked2 li::before {box-shadow: none; content: '\f058'; font-family: 'Font Awesome 5 Free'; font-weight: 600; font-size: 40px; transform: translateY(-50%); color: #eeccaa; background: transparent; line-height: 30px; text-indent: 5px; padding: 20px 10px;} #top ul.checked.primary li, #top ul.checked2.primary li, #top ul.checked.secondary li, #top ul.checked.black li {color:#fff} #top ul.checked.primary2 li {color:#fff} #top ul.checked.primary li::before {background:url('/wp-content/uploads/icons/check-solid.svg') no-repeat 50% 50%} #top ul.checked.primary li::before { margin-left:10px;} /*--- FOOTER ---*/ #footer h3 {font-size:18px !important; text-transform: uppercase !important; font-weight:700 !important;} #footer .footer-logo {margin:auto; width:30% !important} #footer .footer-text, #footer .footer-text a {font-size:16px; line-height:1.1 !important; font-weight: 700 !important; color:#000 !important;} #footer .footer-contact {margin-top:0.85em;} #top #wrap_all .av-social-link-instagram a {background:#eeccaa !important;} #top #wrap_all .av-social-link-instagram:hover a {background:#000 !important;} #socket .social_bookmarks li {border-radius: 3px;} #socket .social_bookmarks li a {border-radius: 3px;} #socket .sub_menu_socket {float: none !important; margin: auto !important; width: 185px !important;} /*--- COOKIE CONSENT ---*/ .avia-cookie-consent {background:#fafafa !important; color: #000 !important} .avia-cookie-consent .avia-cookie-consent-button, .avia-popup .avia-cookie-consent-button { cursor: pointer; display: inline-block; background-color: #eeccaa !important; border: 2px solid #eeccaa !important; color: #fff !important;padding: 1.1em; min-width: 80px; border-radius: 0px !important; font-weight:700;} a.avia-cookie-consent-button:hover {background-color: #000 !important; border: 2px solid #000 !important; border-radius: 0px !important; color: #eeccaa !important;} #av-consent-extra-info {background: #fff; border-color: #ebebeb !important;} .mfp-content .main_color div {border-color: #ebebeb !important;} .mfp-content .tab_inner_content {padding: 10px !important;} #top .av-toggle-switch .toggle-track::before {background: #eeccaa !important} #top .av-toggle-switch label .toggle-track {background: #ebebeb !important} /*--- COMPLZ STYLES ---*/ #cmplz-document {margin: auto; max-width: 100% !important; } #cmplz-document table tbody > tr:nth-child(2n) > td, #cmplz-document table tbody > tr:nth-child(2n+1) > td {background: #000 !important;} /*--- VIDEO STYLES ---*/ .avia-video, .avia-iframe-wrap {margin:0 !important} /*--- SLIDESHOW STYLES ---*/ .avia-slideshow-arrows a::before {background: rgba(255,255,255,.3); border-radius: 100% !important;} #top .av_slideshow_full.av-control-default .avia-slideshow-arrows a {height: 70px !important; width: 70px !important; line-height: 0px !important;} #top .av_slideshow_full.av-control-default .prev-slide::before, #top .av_slideshow_full.av-control-default .next-slide::before {line-height: 70px !important;} /*--- PARTNER ---*/ .av-large-gap.av-flex-size .av-masonry-entry .av-inner-masonry {position: relative; margin-right: 30px !important; margin-bottom: 30px !important;} /*--- RESPONSIVE DESIGN---*/ @media only screen and ( max-width: 5000px ) { /*--- TOP SLIDER ---*/ #slider-startseite .container, #slider-ebene1 .container {height:550px !important;} #slider-ebene2 .container {height:400px !important;} /*--- HEADLINE ---*/ .headline-width {width: 100% !important;} } @media only screen and ( max-width: 1920px ) { /*--- TOP SLIDER ---*/ #slider-startseite .container, #slider-ebene1 .container {height:550px !important;} #slider-ebene2 .container {height:400px !important;} } @media only screen and ( max-width: 1280px ) { /*--- TOP SLIDER ---*/ #slider-startseite .container, #slider-ebene1 .container {height:550px !important;} #slider-ebene2 .container {height:400px !important;} /*--- HEADLINE ---*/ .headline-width {width: 100% !important;} /*--- KACHEL ---*/ /*--- TAB SECTION ---*/ .av-tab-section-tab-title-container {margin-left: 4%;} } @media only screen and ( max-width: 1024px ) { /*--- FONT STYLING---*/ p, body {font-size:16px;} /*--- TOP SLIDER ---*/ #slider-startseite .container, #slider-ebene1 .container {height:450px !important;} #slider-ebene2 .container {height:350px !important;} /*--- HEADLINE ---*/ .headline-width {width: 100% !important;} /*--- PREISE ---*/ #preise .preis-liste .tr-second td, #preise .preis-liste .tr-first th, #preise .preis-liste .tr-third td {font-size: 24px !important; line-height: 30px;} /*--- TERMINE & EVENTS */ #vortraege .left-side .infos, #vortraege .right-side .infos, #vortraege .full-side .infos {width: 78%;} #vortraege .referenten-img {position: relative; bottom: 10px;} /*--- KACHEL ---*/ .kachel .kachel-inhalt {padding: 0 5px;} .kachel .kachel-inhalt .hl-sub {font-size: 14px;} .kachel .kachel-inhalt .hl-main {font-size: 22px;} /*--- KACHEL SUBPAGE ---*/ .single_toggle .toggler .hl-sub {font-size: 11px; line-height: 1.1;} .single_toggle .toggler .hl-main {font-size: 18px; line-height: 1.1;} .trainings-akkordeon .toggle_content {min-height: max-content; bottom: 0px;} .trainings-akkordeon .toggle_content .button-ngs {position: relative} .trainings-akkordeon .toggle_content .button-ngs a {font-size: 14px; line-height: 16px;} /*--- WOOCOMMERCE STYLES ---*/ #termine-events .av-catalogue-content .datum {margin-top: 20px; font-size: 14px; line-height: 18px; font-weight: 600;} /*--- SEARCH FORM ---*/ #learning-search .av_searchform_wrapper {width: 100% !important; margin: auto !important;} } @media only screen and ( max-width: 989px) { /*--- MENU ---*/ .main_menu .av-burger-overlay a span {font-family: 'Oswald' !important; text-transform: uppercase; font-size: 28px !important; line-height: 24.5px !important;font-weight: 700 !important;} .main_menu .av-burger-overlay .sub-menu a span {font-weight: 700; text-transform: none !important; font-size:20px !important; line-height: 22px;} .sub-menu {border-top: none !important; padding: 20px 10px !important; } .sub-menu li a {padding:5px 0px 5px 50px !important;} .sub-menu {border-left:0 !important; border-right:0 !important; border-bottom:0 !important;} .sub-menu .av-submenu-indicator {right:-40px !important;} #top #av-burger-menu-ul {vertical-align: top !important;} } @media only screen and ( max-width: 834px ) { /*--- ALL HEADLINES ---*/ h1, .hl-xl {font-size:40px; line-height:1.1;} h2, .hl-l {font-size:35px; line-height:1.1;} h3, .hl-m {font-size:29px; line-height:1.1} h4, .hl-s {font-size:25px; line-height:1.1;} h5, .hl-xs {font-size:23px; line-height:1.1} h6, .hl-xxs {font-size:21px; line-height:1.1} /*--- KACHEL --*/ .kachel .kachel-img {width: 95% !important; max-width: 420px; height: auto; max-height: 260px !important;} .kachel .kachel-overlay {position: absolute; width: 95%; height: 155px;} .kachel .kachel-inhalt .hl-sub {font-size: 14px;} .kachel .kachel-inhalt .hl-main {font-size: 22px;} /*--- TAB SECTION ---*/ .av-tab-section-tab-title-container {margin-left: 6%;} /*--- SHOP STYLES ---*/ .responsive .av_mobile_menu_tablet .cart_dropdown {position: fixed; top: 10%; left: 75% !important;} } @media only screen and ( max-width: 767px ) { /*---All - Display Styles---*/ .desktop-hidden {display:none !important} .mobile-hidden {display:block !important} /*--- LOGO ---*/ .responsive #top .logo {width: max-content !important;} .logo a img {max-height: 40px !important; top: 0 !important;} /*--- MOBILE MENU ---*/ .av-hamburger {left: 78%; top: 20px;} .av-hamburger-box {width: 30px;} .av-hamburger-inner, .av-hamburger-inner::before, .av-hamburger-inner::after {height: 2px; border-radius: 0px;} .main_menu .avia-menu a span {font-size:14px; font-weight: 700; color:#fff;} .main_menu ul ul {width:100% !important} .sub-menu a {background: transparent !important; width:100% !important; text-align:center !important;} .sub-menu li a {padding: 5px 0px 5px 0px !important;} .av-burger-overlay-inner {background: #eeccaa !important} #top .av_header_transparency .main_menu ul:first-child > li > a:hover, #top #wrap_all .av_header_transparency .sub_menu > ul > li > a:hover {opacity: 1;} .html_av-overlay-full #top #wrap_all #av-burger-menu-ul li a {color: #000 !important; height: auto; line-height: inherit; font-size: 22px !important; font-weight: bold;} .main_menu .avia-menu a:hover .avia-menu-text, .main_menu .avia-menu a:active .avia-menu-text {border-bottom: 0px !important; color: #fff;} /*--- ALL HEADLINES ---*/ h1, .hl-xl {font-size:40px; line-height:1.1;} h2, .hl-l {font-size:35px; line-height:1.1;} h3, .hl-m {font-size:29px; line-height:1.1} h4, .hl-s {font-size:25px; line-height:1.1;} h5, .hl-xs {font-size:23px; line-height:1.1} h6, .hl-xxs {font-size:21px; line-height:1.1} /*--- BUTTONS ---*/ #top .extreme-btn a {padding:18px 36px; font-size:22px !important; line-height:26px !important;} /*--- FOOTER ---*/ #footer .widget {margin: 0;} #footer .widgettitle, #footer .textwidget {text-align:center; } #footer .footer-logo {float: none; width: 50% !important; position: relative; background: 50% 50%;} #testimonials .container {width:100% !important; max-width: 100% !important;} .responsive #top .av-large-testimonial-slider .avia-slideshow-arrows a {margin-top: 100px !important;} /*--- Boxfish-logo---*/ .responsive #boxfish-logo {margin-bottom: 0 !important;} } @media only screen and ( max-width: 414px ) { /*--- MOBILE MENU ---*/ .av-hamburger {left: 66.5%; top:20px;} /*--- TOP SLIDER ---*/ #slider-startseite .container, #slider-ebene1 .container {height:250px !important;} #slider-ebene2 .container {height:250px !important;} /*--- ALL HEADLINES ---*/ h1, .hl-xl {font-size:35px; line-height:1.2;} h2, .hl-l {font-size:30px; line-height:1.2;} h3, .hl-m {font-size:24px; line-height:1.2} h4, .hl-s {font-size:20px; line-height:1.2;} h5, .hl-xs {font-size:18px; line-height:1.2} h6, .hl-xxs {font-size:16px; line-height:1.2} /*--- KONTAKT ---*/ #top .kontakt-form input[type="text"], #top .kontakt-form input[type="tel"], #top .kontakt-form input[type="email"], #top .kontakt-form select, #top .kontakt-form textarea, #top .kontakt-form input {font-size:12px !important;} } @media only screen and ( max-width: 376px ) { /*--- MOBILE MENU ---*/ .av-hamburger {left: 60.5%; top: 20px;} /*--- WOOCOMMERCE STYLES ---*/ /*--- SHOP STYLES ---*/ .responsive .av_mobile_menu_tablet .cart_dropdown {margin-top: 0 !important; position: fixed !important; top: 70px !important; left: 83% !important; } }