@charset "UTF-8";
 header.header, #wpadminbar, #wrapper.hfeed, .post-edit-link {
display: none;
}
::-webkit-scrollbar {
width: 5px;
height: 5px;
}
::-webkit-scrollbar-track {
background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
background: #888;
}
::-webkit-scrollbar-thumb:hover {
background: #555;
}
::-moz-selection {
background: #555;
color: #f1f1f1;
}
::selection {
background: #555;
color: #f1f1f1;
}
a::-moz-selection {
background: #fdd804;
color: #254A9A;
}
a::selection {
background: #fdd804;
color: #254A9A;
}
html {
scroll-behavior: smooth;
}
body {
margin: 0;
padding: 0;
font-family: "Open Sans", sans-serif;
background: #fff;
overflow: hidden;
}
body.loaded {
overflow: scroll;
overflow-x: hidden !important;
}
body.noscroll {
overflow: hidden !important;
}
h1 {
font-family: "Montserrat", sans-serif;
}
h2, h3 {
font-family: "Open Sans", sans-serif;
}
p {
font-family: "Open Sans", sans-serif;
}
.header {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 80px;
-webkit-transition: .3s;
transition: .3s;
z-index: 10;
}
.header .navbar .navbar-background {
position: fixed;
top: 0;
left: 0;
visibility: hidden;
opacity: 0;
-webkit-transition: .33s;
transition: .33s;
z-index: -1;
width: 100%;
}
.header .navbar .navbar-background img {
height: 80px;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
position: relative;
}
.header .navbar .logo {
position: absolute;
top: 0px;
left: 100px;
-webkit-transition: .33s;
transition: .33s;
}
.header .navbar .logo svg {
max-width: 80%;
-webkit-transition: .33s;
transition: .33s;
}
.header .navbar .logo img {
max-width: 300px;
margin-top: 10px;
-webkit-transition: .33s;
transition: .33s;
}
.header .navbar .logo svg path {
-webkit-transition: .25s;
transition: .25s;
}
.header .navbar .nav {
list-style: none;
float: right;
margin: 30px 0 0 0;
}
.header .navbar .nav li {
display: inline;
font-size: 14px;
}
.header .navbar .nav li a {
text-decoration: none;
color: #f2f2f2;
}
.header .navbar .nav li ul.unternehmen-dropdown, .header .navbar .nav li ul.filialen-dropdown {
position: absolute;
margin-top: 15px;
background: #FFF;
border-radius: 5px;
padding: 25px 30px 25px 25px;
visibility: hidden;
opacity: 0;
-webkit-transition: .15s;
transition: .15s;
-webkit-box-shadow: 0px 0.1875rem 0.9375rem 0px rgba(0, 0, 0, 0.35);
box-shadow: 0px 0.1875rem 0.9375rem 0px rgba(0, 0, 0, 0.35);
margin-left: 110px;
}
.header .navbar .nav li ul.unternehmen-dropdown a, .header .navbar .nav li ul.filialen-dropdown a {
display: block;
color: #000;
text-decoration: none;
-webkit-transition: .2s;
transition: .2s;
}
.header .navbar .nav li ul.unternehmen-dropdown a:not(:nth-last-child(1)), .header .navbar .nav li ul.filialen-dropdown a:not(:nth-last-child(1)) {
margin-bottom: 10px;
}
.header .navbar .nav li ul.unternehmen-dropdown a:hover, .header .navbar .nav li ul.filialen-dropdown a:hover {
color: #254A9A;
}
.header .navbar .nav li .filialen-dropdown {
margin-left: 250px !important;
}
.header .navbar .nav li#unternehmen:hover {
padding-bottom: 20px;
}
.header .navbar .nav li#unternehmen:hover ul {
visibility: visible;
opacity: 1;
}
.header .navbar .nav li#filialen:hover {
padding-bottom: 20px;
}
.header .navbar .nav li#filialen:hover ul {
visibility: visible;
opacity: 1;
}
.header .navbar .nav li:not(:nth-last-child(1)) {
margin-right: 45px;
font-weight: 400;
}
.header .navbar .nav li:nth-child(5) {
margin-right: 60px;
}
.header .navbar .nav li.nav-btn a {
color: #FFF;
border: 2px solid #f2f2f2; padding: 30px 50px 29px 50px;
font-weight: 800;
text-transform: uppercase;
font-size: 15px;
-webkit-transition: .25s;
transition: .25s;
letter-spacing: 0.5px;
border-radius: 0 0 0 20px;
}
.header .navbar .nav li.nav-btn a:hover {
color: #f2f2f2;
border-radius: 0 0 0 50px;
}
.header .navbar .navigation .icon {
display: none;
}
.header.move {
background-size: cover;
}
.header.move .navbar { }
.header.move .navbar .navbar-background {
visibility: visible;
opacity: 1;
}
.header.move .navbar .logo {
top: -20px;
}
.header.move .navbar .logo svg {
max-width: 50%;
}
.header.move .navbar .logo img {
max-width: 150px;
margin-top: 25px;
}
.header.move .navbar .logo svg g#Gruppe_21 path, .header.move .navbar .logo svg g#Gruppe_22 path, .header.move .navbar .logo svg g#Gruppe_23 path, .header.move .navbar .logo svg g#Gruppe_24 path {
fill: #FFF;
}
.video-wrapper {
width: 100%;
height: 100%;
position: absolute;
z-index: 1;
}
.video-wrapper video, .video-wrapper img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: -1;
}
.video-wrapper:after {
content: '';
height: 100%;
width: 100%;
background: #000;
color: #000;
position: fixed;
top: 0;
left: 0;
opacity: .25;
z-index: 5;
}
.content {
z-index: 8;
background: #FFF;
position: relative;
margin-top: -25vh;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
padding: 27.5vh 0 0 7.5vw;
overflow-x: hidden;
}
.content h2 {
margin-bottom: 20px;
font-family: "NexaRust";
font-weight: 600;
font-size: 40px;
}
.content p {
max-width: 75%;
line-height: 25px;
}
.content div {
margin-bottom: 150px;
}
.intro-container {
background: #f2f2f2;
position: relative;
margin-top: 84vh;
margin-left: 4.75vw;
width: 87.5%;
-webkit-box-shadow: 0px 0.1875rem 0.9375rem 0px rgba(0, 0, 0, 0.35);
box-shadow: 0px 0.1875rem 0.9375rem 0px rgba(0, 0, 0, 0.35);
border-radius: 10px;
z-index: 9;
padding: 40px 0 60px 60px;
}
.intro-container h2 {
margin-bottom: 20px;
}
.intro-container .aktuelles .aktuelles-wrapper .listing-item {
background: #FFF;
display: inline-block;
width: 45%;
margin-right: 20px;
border-radius: 10px;
-webkit-box-shadow: 0px 0.1875rem 0.9375rem 0px rgba(0, 0, 0, 0.05);
box-shadow: 0px 0.1875rem 0.9375rem 0px rgba(0, 0, 0, 0.05);
-webkit-transition: .2s;
transition: .2s;
padding: 20px 30px 15px 0;
vertical-align: middle;
}
.intro-container .aktuelles .aktuelles-wrapper .listing-item .image {
float: left;
height: auto !important;
margin-bottom: -20px;
}
.intro-container .aktuelles .aktuelles-wrapper .listing-item .image img {
border-radius: 10px 0 0 10px;
width: 150px;
height: auto !important;
-o-object-fit: cover;
object-fit: cover;
margin-top: -20px;
margin-right: 35px;
}
.intro-container .aktuelles .aktuelles-wrapper .listing-item .title, .intro-container .aktuelles .aktuelles-wrapper .listing-item .excerpt {
display: table;
}
.intro-container .aktuelles .aktuelles-wrapper .listing-item .title {
margin-bottom: 10px;
font-size: 1.17em;
font-weight: bold;
}
.intro-container .aktuelles .aktuelles-wrapper .listing-item .date {
margin-left: 15px;
}
.intro-container .aktuelles .aktuelles-wrapper .listing-item .date::before {
display: inline-block;
content: "–";
margin-left: -7.5px;
margin-right: 7.5px;
vertical-align: baseline;
}
.intro-container .aktuelles .aktuelles-wrapper .listing-item .excerpt {
margin-top: 0;
}
.intro-container .aktuelles .aktuelles-wrapper .listing-item .excerpt a {
color: #254A9A;
text-decoration: none;
display: inline-block;
}
.intro-container .aktuelles .aktuelles-wrapper .listing-item .excerpt a::after {
display: inline-block;
content: "";
width: 13px;
height: 13px;
margin-left: 5px;
background: transparent url(//vgc-calw.de/wp-content/uploads/2021/11/link-after-blue.svg) no-repeat;
-webkit-transition: .15s ease;
transition: .15s ease;
vertical-align: baseline;
}
.intro-container .aktuelles .aktuelles-wrapper .listing-item .excerpt a:hover::after {
margin-left: 10px;
}
.intro-container .aktuelles .aktuelles-wrapper .listing-item:hover {
-webkit-box-shadow: 0px 0.1875rem 0.9375rem 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0.1875rem 0.9375rem 0px rgba(0, 0, 0, 0.15);
}
.intro-container .aktuelles .aktuelles-wrapper .listing-item:nth-child(3) {
margin-top: 20px;
width: 93%;
}
.unsere-maerkte {
background: url(//vgc-calw.de/wp-content/uploads/2021/11/tafel-bg.jpg);
background-repeat: no-repeat;
background-size: cover;
margin-top: 100px;
margin-left: -7.5vw;
padding: 75px 0 0 7.5vw;
color: #FFF;
}
.unsere-maerkte h2 {
font-weight: 100;
}
.unsere-maerkte .maerkte-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 0px !important;
}
.unsere-maerkte .left, .unsere-maerkte .middle, .unsere-maerkte .right {
-webkit-box-flex: 0;
-ms-flex: 0 0 22%;
flex: 0 0 22%;
}
.unsere-maerkte .left h3, .unsere-maerkte .middle h3, .unsere-maerkte .right h3 {
font-family: "EdekaChalk-Regular";
font-size: 26px;
font-weight: 100;
text-align: center;
margin-bottom: 0;
}
.unsere-maerkte .left, .unsere-maerkte .middle {
margin-right: 100px;
}
.unsere-maerkte .left {
margin-left: 50px;
}
.unsere-maerkte .left svg {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
.unsere-maerkte .middle svg {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.unsere-maerkte .right svg {
-webkit-transform: scale(1.25);
transform: scale(1.25);
padding-left: 75px;
}
.angebote a, .karriere a, .ueber-uns a {
color: #f2f2f2;
text-decoration: none;
}
.angebote a:after, .karriere a:after, .ueber-uns a:after {
display: inline-block;
content: "";
width: 13px;
height: 13px;
margin-left: 10px;
background: transparent url(//vgc-calw.de/wp-content/uploads/2021/11/link-after.svg) no-repeat;
-webkit-transition: .15s ease;
transition: .15s ease;
vertical-align: baseline;
}
.angebote a:hover:after, .karriere a:hover:after, .ueber-uns a:hover:after {
margin-left: 15px;
}
.angebote a, .ueber-uns a {
color: #254A9A;
}
.angebote a:after, .ueber-uns a:after {
background: transparent url(//vgc-calw.de/wp-content/uploads/2021/11/link-after-blue.svg) no-repeat;
}
.karriere {
background: url(//vgc-calw.de/wp-content/uploads/2021/11/tafel-bg.jpg);
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
margin-left: -7.5vw;
padding: 100px 0 125px 7.5vw;
color: #FFF;
}
.karriere h2 {
font-size: 35px;
font-weight: 100;
}
.karriere p {
margin-bottom: 30px;
}
.ueber-uns {
margin-bottom: 0 !important;
padding-bottom: 150px;
}
.footer {
position: relative;
background-color: #FFF;
z-index: 1;
}
.footer .top {
background: url(//vgc-calw.de/wp-content/uploads/2021/11/tafel-bg.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
height: 475px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 90px 0px 20px 180px;
}
.footer .top .left {
-webkit-box-flex: 0;
-ms-flex: 0 0 17%;
flex: 0 0 17%;
color: #FFF;
}
.footer .top .left img {
max-width: 300px;
}
.footer .top .left p {
margin-top: 30px;
}
.footer .top .left a {
text-decoration: none;
color: #FFF;
}
.footer .top .sitemap {
margin-left: 200px;
-webkit-box-flex: 0;
-ms-flex: 0 0 69%;
flex: 0 0 69%;
}
.footer .top .sitemap div {
display: inline-table;
width: 260px;
}
.footer .top .sitemap h3 {
margin-bottom: 15px;
color: #FFF;
}
.footer .top .sitemap ul {
list-style: none;
padding: 0;
}
.footer .top .sitemap ul li {
line-height: 30px;
}
.footer .top .sitemap ul li a {
color: #FFF;
text-decoration: none;
}
.footer .top .sitemap ul li a:after {
display: inline-block;
content: "";
width: 13px;
height: 13px;
margin-left: 0px;
padding-right: 10px;
background: transparent url(//vgc-calw.de/wp-content/uploads/2021/11/link-after.svg) no-repeat;
-webkit-transition: .15s ease;
transition: .15s ease;
vertical-align: baseline;
visibility: hidden;
opacity: 0;
}
.footer .top .sitemap ul li a:hover:after {
visibility: visible;
opacity: 1;
margin-left: 10px;
padding-right: 0px;
}
.footer .bottom {
text-align: center;
width: 100%;
}
.footer .bottom td:first-child {
width: 35.5%;
}
.footer .bottom td:nth-child(2) {
position: absolute;
bottom: 10px;
left: 45%;
}
.footer .bottom td:last-child {
width: 40%;
}
.footer .bottom ul {
list-style: none;
padding: 0;
}
.footer .bottom ul li {
display: inline;
margin-right: 25px;
}
.footer .bottom ul li a {
color: #707070;
text-decoration: none;
}
.footer .bottom ul li:last-child {
margin-right: 0 !important;
}