/*
Theme Name: Guido Herz
Description: Guido Herz
Author: wiegandt media UG
URI: http://www.wiegandt-media.de/
Version: 1.1
Tags: wiegandt media UG
*/

#wpadminbar {display: none;}

/* archivo-black-regular - latin */
@font-face {
  font-family: 'Archivo Black';
  font-style: normal;
  font-weight: 400;
  src: url('../guido-herz/fonts/archivo-black-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../guido-herz/fonts/archivo-black-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../guido-herz/fonts/archivo-black-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../guido-herz/fonts/archivo-black-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../guido-herz/fonts/archivo-black-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../guido-herz/fonts/archivo-black-v17-latin-regular.svg#ArchivoBlack') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../guido-herz/fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../guido-herz/fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../guido-herz/fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../guido-herz/fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../guido-herz/fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../guido-herz/fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../guido-herz/fonts/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../guido-herz/fonts/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../guido-herz/fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../guido-herz/fonts/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../guido-herz/fonts/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../guido-herz/fonts/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* ==========================================================================
   Basics
   ========================================================================== */

@font-face {
    font-family: 'Jaapokki Regular';
    src: url('/wp-content/themes/guido-herz/fonts/jaapokki-regular.woff') format('woff'),
    url('/wp-content/themes/guido-herz/fonts/jaapokki-regular.eot') format('eot'),
    url('/wp-content/themes/guido-herz/fonts/jaapokki-regular.ttf') format('ttf'),
    url('/wp-content/themes/guido-herz/fonts/jaapokki-regular.svg') format('svg');
}

body {height:100%;width:100%;margin: 0;padding: 0;font-weight: 400;background-color: #19233d;font-family: 'Open Sans', sans-serif;font-size:16px;color: #2d2d2d;overflow-x: hidden;}
html {height: 100%; width: 100%; margin: 0; padding:0;}
p {line-height: 1.4em;}
a {transition: all 0.2s;color:#2e2e2e;cursor: pointer;}
a:hover,a:focus {transition: all 0.2s;color: #5aef82;text-decoration: none;}
:focus {outline: none !important}
.center {text-align: center;}
.left {text-align: left;}
.right {text-align:right;}
::selection{background:#E5E5E5}
::-moz-selection{background:#E5E5E5}
img.responsive {width: 100%;height: auto;}
.clear {clear: left;}

h1 {font-size: 36px;font-weight: 600;margin-bottom: 5px;color: #191919;margin-top: 3px;}
h2 {font-size: 22px;font-weight: 300;margin-bottom: 9px;line-height: 1.5em;}
h3 {font-size: 20px;color: #ffffff;display: inline-block;text-transform: uppercase;font-weight: 900;}
h4 {font-size: 19px;line-height: 1.6em;color: #191919;margin-bottom: 0;margin-top: 20px;}
h5 {font-size: 14px;font-weight: 500;line-height: 1.5em;margin: 0 0 20px;}
h6 {font-size: 12px;font-weight: 500; line-height: 1.5em;}



/* ==========================================================================
   Menu
   ========================================================================== */

ul.menu {
    padding-left: 0;
    list-style: none;
}

ul#menu-footer {
    display: inline-block;
}

ul#menu-footer li {
    display: inline-block;
}

header ul {
    padding-left: 0;
    display: inline-block;
}

nav.headerNavbar li {
    display: inline-block;
}

button.hamburger {
    display: none;
    z-index: 9999;
    position: absolute;
    right: 0;
    top: 50px;
}

body.nvopen {
    /* overflow: hidden; */
}

.mobileNavbar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(26, 30, 41, 0.95);
    transform: translateY(-100%);
    -webkit-transition: opacity .75s ease-in-out;
    -moz-transition: opacity .75s ease-in-out;
    -o-transition: opacity .75s ease-in-out;
    transition: all .75s ease-in-out;
    text-align: center;
    z-index: 99;
    opacity: 0;
}

.mobileNavbar.nvopen {
    transform: translateY(0);
    opacity: 1;
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;
}

.mobileNavbar ul.menu li {
    font-size: 35px;
}

.mobileNavbar ul.menu li a {
    color: #ffffff;
}

.animated {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-delay:1.2s;
    -webkit-animation-delay:1.2s;
}
.animatedFast {
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    animation-delay:0.8s;
    -webkit-animation-delay:0.8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated.fade-in {
    opacity:0;
}
.animatedFast.fade-in {
    opacity:0;
}
.fadein {
    -webkit-animation-name: fadein;
    animation-name: fadein;
}
.fadeinUp {
    -webkit-animation-name: fadeinUp;
    animation-name: fadeinUp;
}
.fadeinFast {
    -webkit-animation-name: fadein;
    animation-name: fadein;
}

@-webkit-keyframes fadein {
    0% {opacity:0;}
    100% {opacity:1;}
}

@keyframes fadein {
    0% {opacity:0;}
    100% {opacity:1;}
}
@-webkit-keyframes fadeinUp {
    0% {-webkit-transform: translateY(25px); opacity:0;}
    100% {-webkit-transform: translateY(0px); opacity:1;}
}

@keyframes fadeinUp {
    0% {-webkit-transform: translateY(25px); opacity:0;}
    100% {-webkit-transform: translateY(0px); opacity:1;}
}
@-webkit-keyframes fadeinFast {
    0% {-webkit-transform: translateY(500px); opacity:0;}
    100% {-webkit-transform: translateY(0px); opacity:1;}
}

@keyframes fadeinFast {
    0% {-webkit-transform: translateY(500px); opacity:0;}
    100% {-webkit-transform: translateY(0px); opacity:1;}
}

@-webkit-keyframes ca3_fade_move_up {
    0%   { transform:translate(0,5px); }
    50% { transform:translate(0,-5px); }
    100% { transform:translate(0,5px); }
}
@-moz-keyframes ca3_fade_move_up {
    0%   { transform:translate(0,5px); }
    50% { transform:translate(0,-5px); }
    100% { transform:translate(0,5px); }
}
@keyframes ca3_fade_move_up {
    0%   { transform:translate(0,5px); }
    50% { transform:translate(0,-5px); }
    100% { transform:translate(0,5px); }
}

@-webkit-keyframes ca3_fade_move_down {
    0%   { -webkit-transform:translate(0,-10px); opacity: 0;  }
    50%  { opacity: 1;  }
    100% { -webkit-transform:translate(0,10px); opacity: 0; }
}
@-moz-keyframes ca3_fade_move_down {
    0%   { -moz-transform:translate(0,-10px); opacity: 0;  }
    50%  { opacity: 1;  }
    100% { -moz-transform:translate(0,10px); opacity: 0; }
}
@keyframes ca3_fade_move_down {
    0%   { transform:translate(0,-10px); opacity: 0;  }
    50%  { opacity: 1;  }
    100% { transform:translate(0,10px); opacity: 0; }
}

/* ==========================================================================
   Site
   ========================================================================== */

section#footer {
    background-color: #12161f;
    padding: 50px 0 60px;
    color: #afafaf;
    font-size: 14px;
}

section#partners {
    padding: 55px 0;
}

header {
    background-color: rgba(26, 30, 41, .25);
    position: fixed;
    z-index: 999;
    width: 100%;
    height: 45px;
}

section#slider {
    height: 85vh;
    max-height: 100vh;
    position: relative;
    overflow: hidden;
    background-color: #212121;
}

.home-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #101010;
}

.home-gradient {
    position: absolute;
    height: 400px;
    opacity: .8;
    left:0;
    right:0;
    bottom:0;
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
}

.menu ul {
    padding-left: 0;
    list-style: none;
}

.mobileNavbar ul {
    padding-left: 0;
    width: 100%;
}

.mobileNavbar .menu ul li {
    margin: 10px 0;
}

.mobileNavbar .menu ul {
    top: 50%;
    position: absolute;
    transform: translateY(-50%)
}

.mobileNavbar ul.menu li a {
    color: #ffffff;
    font-size: 35px;
    font-family: 'Jaapokki Regular', sans-serif;
}

.mobileNavbar ul.menu li.current_page_item a {
    color: #fb544d;
}

.home-content {
    position: absolute;
    bottom: 70px;
    width: 100%;
    text-align: center;
    font-family: 'Jaapokki Regular', sans-serif;
    text-shadow: 3px 5px 20px #00000054;
    z-index: 4;
}

.home-content span {
    display: block;
}

.home-overlay {
    position: absolute;
    top:0;
    opacity: .5;
    left:0;
    right:0;
    bottom:0;
    background-image: linear-gradient(106deg,rgb(0, 0, 0) 0%,rgba(25, 167, 255, 0.16) 50%,rgb(23, 23, 23) 98%);
}

span.title-1 {
    font-size: 60px;
    color: #fff;
    line-height: .9;
}

span.title-2 {
    font-size: 150px;
    color: #fb544d;
    line-height: .95;
    text-transform: uppercase;
}

ul.socialIcons {
    padding-left: 0;
    list-style: none;
    float: right;
    margin-top: 8px;
    margin-bottom: 0;
}

ul.socialIcons li {
    background-image: url(/wp-content/themes/guido-herz/img/fb.svg);
    display: inline-block;
    margin-right: 5px;
    background-size: 28px;
    background-repeat: no-repeat;
}

ul.socialIcons a, span.down a {
    display: block;
    width: 28px;
    height: 28px;
}

ul.socialIcons li:last-child {
    margin-right: 0;
}

ul.socialIcons li.fb {
    background-image: url(/wp-content/themes/guido-herz/img/fb.svg);
}

ul.socialIcons li.xi {
    background-image: url(/wp-content/themes/guido-herz/img/xing.svg);
}

ul.socialIcons li.yt {
    background-image: url(/wp-content/themes/guido-herz/img/youtube-icon.svg);
}

ul.socialIcons li.ins {
    background-image: url(/wp-content/themes/guido-herz/img/insta.svg);
}

ul.socialIcons li.lin {
    background-image: url(/wp-content/themes/guido-herz/img/lin.svg);
}

ul.socialIcons li:hover {
    opacity: .5s;
}

span.down {
    position: absolute;
    right: 15px;
    bottom: 30px;
    background-image: url(/wp-content/themes/guido-herz/img/down.svg);
    -webkit-animation: ca3_fade_move_down 2s ease-in-out infinite;
    -moz-animation:    ca3_fade_move_down 2s ease-in-out infinite;
    animation:         ca3_fade_move_down 2s ease-in-out infinite;
}

.logoBox {
    float: left;
    margin-top: 8px;
    opacity: 0;
    transition: opacity 1s;
}

.logoBox a {
    color: #ffffff;
    font-size: 25px;
    font-family: 'Jaapokki Regular', sans-serif;
}

header {
    transition: all 1s;
}

header.visible {
    background-color: rgba(26, 30, 41, .9);
    transition: all 1s;
}

header.visible .logoBox {
    opacity: 1;
}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
    background-color: #fff;
}

.partnerLogo {
    min-height: 130px;
    background-size: contain;
    background-repeat: no-repeat;
}

.partnerSlide a {
    display: block;
}/*
Theme Name: Max Herz
Description: Max Herz
Author: wiegandt media UG
URI: http://www.wiegandt-media.de/
Version: 1.0
Tags: wiegandt media UG
*/

#wpadminbar {display: none;}

/* ==========================================================================
   Basics
   ========================================================================== */

@font-face {
    font-family: 'Jaapokki Regular';
    src: url('/wp-content/themes/guido-herz/fonts/jaapokki-regular.woff') format('woff'),
    url('/wp-content/themes/guido-herz/fonts/jaapokki-regular.eot') format('eot'),
    url('/wp-content/themes/guido-herz/fonts/jaapokki-regular.ttf') format('ttf'),
    url('/wp-content/themes/guido-herz/fonts/jaapokki-regular.svg') format('svg');
}

body {height:100%;width:100%;margin: 0;padding: 0;font-weight: 400;background-color:#1a1e29;font-family: 'Open Sans', sans-serif;font-size:16px;color: #ffffff;overflow-x: hidden;}
html {height: 100%; width: 100%; margin: 0; padding:0;}
p {line-height: 1.4em;}
a {transition: all 0.2s;color: #27e45a;cursor: pointer;}
a:hover,a:focus {transition: all 0.2s;color: #5aef82;text-decoration: none;}
:focus {outline: none !important}
.center {text-align: center;}
.left {text-align: left;}
.right {text-align:right;}
::selection{background:#E5E5E5}
::-moz-selection{background:#E5E5E5}
img.responsive {width: 100%;height: auto;}
.clear {clear: left;}

h1 {font-size: 36px;font-weight: 600;margin-bottom: 35px;color: #26db58;margin-top: 3px;font-family: 'Jaapokki Regular', sans-serif;}
h2 {font-size: 30px;font-weight: 300;margin-bottom: 9px;line-height: 1.5em;font-family: 'Jaapokki Regular', sans-serif;color: #ffffff;}
h3 {font-size: 20px;color: #ffffff;display: inline-block;text-transform: uppercase;font-weight: 900;}
h4 {font-size: 26px;line-height: 1.3em;color: #27e45a;margin-bottom: 0;margin-top: 20px;font-family: 'Jaapokki Regular', sans-serif;}
h5 {font-size: 17px;font-weight: 500;line-height: 1.5em;margin: 0 0 20px;}
h6 {font-size: 12px;font-weight: 500; line-height: 1.5em;}



/* ==========================================================================
   Menu
   ========================================================================== */

ul.menu {
    padding-left: 0;
    list-style: none;
}

ul#menu-footer {
    display: inline-block;
}

ul#menu-footer li {
    display: inline-block;
}

header ul {
    padding-left: 0;
    display: inline-block;
}

nav.headerNavbar li {
    display: inline-block;
}

button.hamburger {
    display: none;
    z-index: 9999;
    position: absolute;
    right: 0;
    top: 50px;
}

body.nvopen {
    /* overflow: hidden; */
}

.mobileNavbar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(26, 30, 41, 0.95);
    transform: translateY(-100%);
    -webkit-transition: opacity .75s ease-in-out;
    -moz-transition: opacity .75s ease-in-out;
    -o-transition: opacity .75s ease-in-out;
    transition: all .75s ease-in-out;
    text-align: center;
    z-index: 99;
    opacity: 0;
}

.mobileNavbar.nvopen {
    transform: translateY(0);
    opacity: 1;
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;
}

.mobileNavbar ul.menu li {
    font-size: 35px;
}

.mobileNavbar ul.menu li a {
    color: #ffffff;
}

.animated {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-delay:1.2s;
    -webkit-animation-delay:1.2s;
}
.animatedFast {
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    animation-delay:0.8s;
    -webkit-animation-delay:0.8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated.fade-in {
    opacity:0;
}
.animatedFast.fade-in {
    opacity:0;
}
.fadein {
    -webkit-animation-name: fadein;
    animation-name: fadein;
}
.fadeinUp {
    -webkit-animation-name: fadeinUp;
    animation-name: fadeinUp;
}
.fadeinFast {
    -webkit-animation-name: fadein;
    animation-name: fadein;
}

@-webkit-keyframes fadein {
    0% {opacity:0;}
    100% {opacity:1;}
}

section.main {
    padding: 90px 0 95px;
}

h5.sectionTitle {
    text-align: center;
    z-index: 5;
    position: relative;
}

section#contact {
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

.contact-bg {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(25, 30, 41,.5);
}

section#footer {
    background-color: #12161f;
    padding: 50px 0 60px;
    color: #afafaf;
    font-size: 14px;
}

section#partners, section#socialhub, section#contact {
    padding: 55px 0;
}

header {
    background-color: rgba(26, 30, 41, .25);
    position: fixed;
    z-index: 999;
    width: 100%;
    height: 45px;
}

section#socialhub {
    background-color: #12161f;
}

section#slider {
    height: 85vh;
    max-height: 100vh;
    position: relative;
    overflow: hidden;
    background-color: #212121;
}

.home-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #101010;
}

.home-gradient {
    position: absolute;
    height: 400px;
    opacity: .8;
    left:0;
    right:0;
    bottom:0;
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
}

.menu ul {
    padding-left: 0;
    list-style: none;
}

.mobileNavbar ul {
    padding-left: 0;
    width: 100%;
    margin-top: 150px;
}

.mobileNavbar .menu ul li {
    margin: 10px 0;
}

.mobileNavbar .menu ul {
    top: 50%;
    position: absolute;
    transform: translateY(-50%)
}

.mobileNavbar .menu ul li a {
    color: #ffffff;
    font-size: 35px;
    font-family: 'Jaapokki Regular', sans-serif;
}

.mobileNavbar .menu ul li.current_page_item a {
    color: #fb544d;
}

.home-content {
    position: absolute;
    bottom: 70px;
    width: 100%;
    text-align: center;
    font-family: 'Jaapokki Regular', sans-serif;
    text-shadow: 3px 5px 20px #00000054;
    z-index: 4;
}

.home-content span {
    display: block;
}

.home-overlay {
    position: absolute;
    top:0;
    opacity: .5;
    left:0;
    right:0;
    bottom:0;
    background-image: linear-gradient(106deg,rgb(0, 0, 0) 0%,rgba(25, 167, 255, 0.16) 50%,rgb(23, 23, 23) 98%);
}

span.title-1 {
    font-size: 60px;
    color: #fff;
    line-height: .9;
}

span.title-2 {
    font-size: 150px;
    color: #27e45a;
    line-height: .95;
    text-transform: uppercase;
}

ul#menu-rechtliches {
    float: right;
}

ul#menu-rechtliches li {
    display: inline;
    margin-left: 15px;
}

ul#menu-rechtliches li a {
    color: #afafaf
}

section#footer a:hover {
    color: #26e45a;
}

ul.socialIcons {
    padding-left: 0;
    list-style: none;
    float: right;
    margin-top: 8px;
    margin-bottom: 0;
}

ul.socialIcons li {
    background-image: url(/wp-content/themes/guido-herz/img/fb.svg);
    display: inline-block;
    margin-right: 5px;
    background-size: 28px;
    background-repeat: no-repeat;
}

ul.socialIcons a, span.down a {
    display: block;
    width: 28px;
    height: 28px;
}

ul.socialIcons li:last-child {
    margin-right: 0;
}

ul.socialIcons li.fb {
    background-image: url(/wp-content/themes/guido-herz/img/fb.svg);
}

ul.socialIcons li.fb:hover {
    opacity: .75;
}

ul.socialIcons li.xi {
    background-image: url(/wp-content/themes/guido-herz/img/xing.svg);
}

ul.socialIcons li.xi:hover {
    opacity: .75;
}

ul.socialIcons li.yt:hover {
    opacity: .75;
}

ul.socialIcons li.ins {
    background-image: url(/wp-content/themes/guido-herz/img/insta.svg);
}

ul.socialIcons li.ins:hover {
    opacity: .75;
}

ul.socialIcons li.lin {
    background-image: url(/wp-content/themes/guido-herz/img/lin.svg);
}

ul.socialIcons li.lin:hover {
    opacity: .75;
}

span.down {
    position: absolute;
    right: 15px;
    bottom: 30px;
    background-image: url(/wp-content/themes/guido-herz/img/down.svg);
    -webkit-animation: ca3_fade_move_down 2s ease-in-out infinite;
    -moz-animation:    ca3_fade_move_down 2s ease-in-out infinite;
    animation:         ca3_fade_move_down 2s ease-in-out infinite;
}

span.down:hover {
    opacity: .75;
}

.logoBox {
    float: left;
    margin-top: 8px;
    opacity: 0;
    transition: opacity 1s;
}

.logoBox a {
    color: #ffffff;
    font-size: 25px;
    font-family: 'Jaapokki Regular', sans-serif;
}

.logoBox.visible {
    opacity: 1;
}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
    background-color: #fff;
}

.partnerLogo {
    min-height: 130px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.partnerSlide a {
    display: block;
}

span.sbi_btn_text {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 700;
}

a.sbi_load_btn, input.btn {
    background: transparent !important;
    border: 2px solid #27e45a !important;
    box-shadow: none !important;
    color: #ffffff;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 700;
}

a.sbi_load_btn:hover, input.btn:hover {
    background: #27e45a !important;
    opacity: 1;
    color: #ffffff;
}

h2.sectionTitle, h4.sectionTitle {
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    z-index: 1;
    position: relative;
}

div#sbi_load {
    margin-top: 20px;
}

.partnerSlider {
    margin: 0 0 10px;
}

section.light h2 {
    color: #1a1e28;
}

input[type="text"],input[type="email"],input[type="tel"], textarea {
    width: 100%;
    margin-bottom: 10px;
    padding: 8px 10px;
    border: 1px solid #e4ebee;
    color: #1a1e28;
}

h4.sectionTitle {
    margin-bottom: 40px;
}

span.wpcf7-list-item {
    font-size: 13px;
    margin: 0 !important;
}

input[type=checkbox] {
    margin-right: 5px;
}


/* ==========================================================================
   Responsive MAX
   ========================================================================== */

@media screen and (max-width: 992px) {

}

@media screen and (max-width: 768px) {

    button.hamburger {
        display: block;
    }

    nav.headerNavbar {
        display: none;
    }

    span.title-1 {
        font-size: 40px;
    }

    span.title-2 {
        font-size: 105px;
        line-height: 1;
    }

    .home-content {
        bottom: 85px;
        text-shadow: none;
    }

}

@media screen and (max-width: 480px) {

}


/* ==========================================================================
   Responsive MAX
   ========================================================================== */

@media screen and (max-width: 992px) {

  .copyright {
    text-align: center;
    margin-bottom: 15px;
}

ul#menu-rechtliches {
    float: none;
    text-align: center;
}

}

@media screen and (max-width: 768px) {

    button.hamburger {
        display: block;
    }

    nav.headerNavbar {
        display: none;
    }

    span.title-1 {
        font-size: 40px;
    }

    span.title-2 {
        font-size: 105px;
        line-height: 1;
    }

    .home-content {
        bottom: 85px;
        text-shadow: none;
    }

}

@media screen and (max-width: 480px) {

  section#contact {
    background-attachment: inherit;
    background-position: 60%;
}

}