@font-face {
font-family: AvenirLTStd;
src: url(//guentert-industrievertretungen.de/relaunch/wp-content/uploads/fonts/AvenirLTStd-Book.ttf);
font-weight: 400;
}
@font-face {
font-family: AvenirLTStd;
src: url(//guentert-industrievertretungen.de/relaunch/wp-content/uploads/fonts/AvenirLTStd-Medium.ttf);
font-weight: 500;
}
@font-face {
font-family: AvenirLTStd;
src: url(//guentert-industrievertretungen.de/relaunch/wp-content/uploads/fonts/AvenirLTStd-Light.otf);
font-weight: 300;
} strong,b {
font-weight:500;
}
#menu-item-2222 img {
margin-top:8px;
}
img {
margin-bottom:0;
}
.benefits p {
margin-bottom:0;
}
.benefits {
background: #fff;
transition: background 1.5s .5s ease-in-out;
}
.benefits.in-view {
//background: #0d1b44;
background: #071e3c;
transition: background 1.5s .5s ease-in-out;
}
.benefits.in-view p, .benefits.in-view h2{
color: #fff;
transition: color .75s .5s ease;
}
.benefits.in-view img{
filter: brightness(4);
transition: filter .75s .5s ease;
}
.karriere-kontakt img {
max-width:250px;
margin-bottom:0;
filter: drop-shadow(2px 2px 4px rgba(0,0,0,.3));
}
.container-karriere a {
display: block;
color: #fff;
background:#071e3c;
border-bottom:1px solid #aaa;
padding: 15px 30px;
position: relative;
}
.container-karriere h4 {
color: #fff;
font-size: 22px;
}
.container-karriere a span{
opacity:.7;
}
.container-karriere .button-email {
position: absolute;
right: 25px;
top: 50%;
transform: translateY(-50%);
text-align: center;
color:#fff;
border-color:#fff;
}
.container-karriere a:hover .button-email,
.container-karriere .button-email:hover{
background:#fff;
color:#071e3c;
}
.edit-link {display: none;}
.sow-social-media-button {
box-shadow: none !important;
margin: 25px !important;
}
.zukunft ul {
color:#fff;
font-size:18px;
padding-left:10px;
}
.zukunft p {
color: #fff;
}
.karriere-container {
padding:15px 25px;
margin:0 30px;
}
.karriere-container a {
text-transform:uppercase;
display:flex;
justify-content:space-between;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
padding-top:15px;
}
.karriere-container a span{
text-transform:initial;
width:28%;
}
.karriere-container a span:last-child{
text-align:right;
width:16%;
}
.karriere-info a{
position:relative;
margin-bottom:15px;
}
.karriere-info p{
position:absolute;
bottom:0;
color:#fff;
text-transform:uppercase;
background:rgba(17,32,75,.85);
padding:10px 15px;
width:70%;
font-family:AvenirLTStd-Medium;
}
.karriere-info p, .karriere-info img{
margin-bottom:0;
}
.karriere-img {
width:50%;
border-top:none !important;
border-bottom:none !important;
padding-top:0 !important;
}
.post-img img {
box-shadow:1px 1px 4px rgb(0 0 0 / 20%);
width:40px;
}
#pgc-2486-0-0 {
position:absolute;
bottom:20%;
color:#fff;
}
#pgc-2486-0-0 h2{
font-size:44px;
} #moove_gdpr_cookie_info_bar {
max-width: 900px;
left:50% !important;
bottom:50px;
transform:translate(-50%);
padding:20px;
background-color: #eeeeee !important;
border-top:none !important;
box-shadow:2px 2px 4px rgba(0,0,0,.3);
}
.moove-gdpr-cookie-notice {
width:65%;
}
.moove-gdpr-button-holder {
width:35%;
flex-wrap:wrap;
}
.moove-gdpr-cookie-notice h3 {
font-weight:600;
margin-bottom:0px !important;
}
.inner-cc {
max-width: 1020px;
margin: 0 auto;
margin-bottom:10px;
padding: 20px 0 40px 0;
}
.cc-revoke, .cc-window {
background: rgba(34,34,34,.95) !important;
font-family: 'AvenirLTStd', sans-serif !important;
}
.cc-window h2 {
font-size: 24px;
font-family: 'AvenirLTStd', sans-serif !important;
}
.cc-window h2, .cc_container a, .cc_container a:visited {
color: #fff !important;
}
.cc-window a {
font-weight: 600;
text-decoration: none;
}
.cc-window a:hover {
color: #172C6B !important;
}
.cc-dismiss, .cc-dismiss:visited {
background: transparent !important;
border: 1px solid #fff !important;
border-radius: 0 !important;
color: #fff !important;
padding: 10px 20px !important;
font-size: 0.8rem !important;
width: 100px !important;
position: absolute;
right: calc((100% - 1020px) / 2);
bottom: 75px;
}
.cc-dismiss:hover {
background: #fff !important;
color: rgb(34,34,34) !important;
}
#sow-editor-2 {
position: relative;
z-index: 9999;
}  html, body {
background: #fff;
font-family: AvenirLTStd;
font-weight: 400;
color: #3B3B3B;
line-height: 1.5;
overflow-x: hidden;
}
hr {
border-color: #ddd;
}
#main {padding: 0;}
#primary {width: 100% !important; margin-top:60px;}
#secondary, .header-post-title-container.clearfix {display: none;}
.wide-978 .inner-wrap {max-width: 1070px;}
a, a:hover, a:focus, a:active {outline: 0;}
a {
transition: all 0.5s ease;
}
a {
color:#172C6B
}
a, p, .main-navigation li {font-family: AvenirLTStd;}
h1, h2, h3,h4,h5, .h1 p, .h5 p {font-family: AvenirLTStd;font-weight: 500;}
p {font-size: 18px; line-height: 1.5;}
h1, .h1 p {
text-transform: uppercase;
font-size: 32px;
font-weight: bold;
}
.h1.dialog p, .h1.termin p {
text-transform: none;
padding-bottom: 0;
}
.h1.dialog p, .intro-text, .h1.termin p {
text-align: center;
}
.h1.dialog p:after {
content: '';
background: #3B3B3B;
width: 60px;
height: 1px;
display: block;
margin: 40px auto;
}
h2, .h2 p {
font-size: 32px;
color:  #172C6B;
line-height: 1.5;
font-weight: 500;
}
h5, .h5 p {
font-size: 24px;
color:  #172C6B;
margin-top: -8px;
}
h5:after, .single h2:after ,.h5 p:after {
content: '';
background:#172C6B;
width: 60px;
height: 1px;
display: block;
margin: 30px 0px;
}
.zukunft h2:after {
background:#fff;
}
h3 {
font-size: 20px;
color:  #3b3b3b;
line-height: 1.5;
}
.single h3 {
color:#172C6B;
}
.single2 h2:after {
display:none;
}  .slide-img {
background-size: cover;
background-repeat: no-repeat;
background-position: 40% center;
height: 60vh;
} #masthead {
position: fixed;
width: 100%;
background: #fff;
z-index: 999999999;
top:0;
}
#header-logo-image img {
max-width: 200px;
}
a img:hover {
opacity: 1;
} #header-text-nav-wrap {
}
.main-navigation a, .main-navigation ul li ul li a {
color: #3B3B3B;
}
.main-navigation a {
border-top: 1px solid transparent;
padding-left: 18px;
padding-right: 15px;
}
.main-navigation a:hover {
border-top: 1px solid #172C6B;
}
.main-navigation a:hover, .main-navigation ul li.current-menu-item a, .main-navigation ul li.current_page_ancestor a,
.main-navigation ul li.current-menu-ancestor a, .main-navigation ul li.current_page_item a, .main-navigation ul li:hover > a {
color: #3b3b3b;
border-top: 1px solid #172C6B;
}
.main-navigation ul li ul li a:hover, .main-navigation ul li ul li:hover > a, .main-navigation ul li.current-menu-item ul li a:hover {
color: #3b3b3b;
}
.main-navigation ul li a {
font-size: 18px;
}
.main-navigation ul li:hover ul, .main-navigation ul ul li:hover ul, .main-navigation ul ul ul li:hover ul, .main-navigation ul ul ul ul li:hover ul, .main-navigation ul ul ul ul ul li:hover ul {
transition: display 1s ease-in;
}
.main-navigation ul li ul {
border-top: 1px solid transparent;
transition: display 1s ease-in;
padding-top: 16px;
} .site-header .menu-toggle, .site-header .menu-toggle:hover {
background: #3b3b3b;
}
.main-small-navigation li:hover, .main-small-navigation ul > .current_page_item, .main-small-navigation ul > .current-menu-item {
background: #172C6B;
}  .intro-text {
width: 100%;
max-width: 1000px;
margin: 0 auto;
font-size: 20px;
line-height: 1.5;
}
.teaser-text {
font-size: 18px;
max-width: 300px;
margin-top: 20px;
line-height: 1.5;
}
.img-uhr {
position: relative;
}
.img-uhr:after {
position: absolute;
content: '';
background: rgba(0,0,0,.1);
width: 50%;
left: 55%;
bottom:10%;
transform: translate(-50%);
height: 25px;
border-radius: 50%;
filter: blur(15px);
}
.button-lesen {
color: #3B3B3B;
border: 1px solid #3B3B3B;
padding: 10px 35px 8px;
margin-top: 45px;
font-size: 18px;
display: inline-block;
outline: none;
position: relative;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
overflow: hidden;
}
.button-lesen:active {
border-color: #3B3B3B;
color: #3B3B3B;
outline: none;
}
.button-lesen:hover {
color: #fff;
background: #3b3b3b;
}
.white {
color: #eee;
border: 1px solid #eee;
}
.button-lesen:before {
position: absolute;
height: 100%;
font-size: 125%;
line-height: 2;
color: #fff;
left: 130%;
top: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.button-lesen:hover:before {
left: 85%;
}
.bewerben .button-lesen {
background:#172C6B;
border-color:#172C6B;
color:#fff;
}
.bewerben .button-lesen:hover {
background:#fff;
color:#172C6B;
}
.icon-arrow-right:before {
content: "\f105";
font-family: FontAwesome;
font-weight: thin;
}  #logo-wand img {
max-width: 180px;
height: auto;
width: auto;
-webkit-filter: grayscale(1);
filter: grayscale(1);
transition: filter 0.6s ease-out;
position: absolute;
left:50%;
top:50%;
transform: translate(-50%,-50%);
}
#logo-wand .sow-image-container {
position:relative;
height:100px;
}
#logo-wand img:hover  {
-webkit-filter: grayscale(0) !important;
filter: grayscale(0) !important;
}
.logo-hp img{
margin-top:20px;
}
.develier {visibility: hidden;}
.logo-vardeco a:hover .develier {visibility: visible;}  .zitat p{
color: #eee;
font-size: 48px;
line-height: 1.8;
text-transform: uppercase;
font-family: AvenirLTStd;
font-weight: 300;
letter-spacing: 3px;
}
.panel-grid-cell {
position: relative;
}
#pg-416-2, #pg-416-3, #pg-416-4, #pg-416-5 {
margin-bottom: 0 !important;
}
.text-team {
padding: 0px 100px;
max-width: 420px;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.img-team img{
max-width: 420px !important;
width: 100%;
}
.wer {
font-family: AvenirLTStd;
font-weight: 500;
}
.was {
font-family: AvenirLTStd;
font-weight: 300;
} #time_slider h3, .slick-slider h3 a{
color:  #172C6B !important;
font-size: 20px;
font-family: AvenirLTStd;
font-weight: 500;
}
.slick-slider h3 {
position: relative;
}
.slick-slider h3:after {
position: absolute;
content:'';
bottom:10px;
width: 20px;
height: 1px;
background: #172C6B;
left:50%;
transform: translate(-50%);
}
#time_slider .owl-item > div{
border: 1px solid #eee;
height: 320px !important;
text-align: center;
background: #f3f3f3;
}
#slide-post .slick-slide {
border: 1px solid #eee;
height: 340px !important;
text-align: center;
background: #F0F0F0;
transform: scale(0.8);
transition: all 0.3s ease-out;
overflow: hidden;
}
@media only screen and (min-width:1800px) {
#slide-post .slick-slide {
height: 400px !important;
}
}
#slide-post .slick-slide.carousel-item-1469,  #slide-post .slick-slide.carousel-item-1473,  #slide-post .slick-slide.carousel-item-1477,  #slide-post .slick-slide.carousel-item-425 {
background: #464A4B;
color:#fff;
}
#slide-post .slick-slide.carousel-item-1461,  {
background: #ddd;
}
#slide-post .slick-slide.carousel-item-1459,  #slide-post .slick-slide.carousel-item-1456,  #slide-post .slick-slide.carousel-item-1465,  #slide-post .slick-slide.carousel-item-1456
{
background: #4b4b4b;
color:#fff;
}
@media only screen and (min-width:781px) {
#slide-post .slick-slide.slick-current + div + div {
transform: scale(1);
transition: all 0.3s ease-out;
box-shadow: 1px 1px 4px 2px rgba(0,0,0,.05);
}
}
.slick-slider h3 {
text-align: center;
font-family: AvenirLTStd;
font-weight: 500;
}
#slide-post .slick-slider .wcp-content-wrap {
position: absolute;
width: 100%;
height: 100%;
top:0;
padding-top:20px !important;
}
#slide-post .slick-slider .wcp-post-contents.rpc-content {
font-size: 16px !important;
margin: 20px !important;
}
.slick-prev,  .slick-next {
width: 30px !important;
height: 30px !important;
}
.slick-next {
right: 5px !important;
}
.slick-prev {
left: 5px !important;
z-index: 1;
}
.slick-prev:before,  .slick-next:before {
font-size: 26px !important;
}
.slick-dots {
bottom: -50px !important;
}
.slick-dots li {
width: 7px !important;
}
.wo-wir-herkommen {
max-width: 500px;
}
@media only screen and (max-width:1200px) {
#slide-post .slick-slider .wcp-post-contents.rpc-content {
font-size: 14px !important;
}
} #slick-2 .rpc-post-image {
height: 220px;
overflow: hidden;
}
#slick-2 .rpc-post-category {
display: none;
}
#slick-2 .slick-slide {
transform: scale(0.75);
transition: all 0.3s ease-out;
}
#slick-2 .slick-slide.slick-current + div + div {
transform: scale(.9);
transition: all 0.3s ease-out;
box-shadow: 1px 1px 4px 2px rgba(0,0,0,.05);
}
#slick-2 .wcp-carousel-main-wrap .rpc-post-carousel3 .rpc-desc-box {
padding-top:10px;
height: 220px;
}
@media only screen and (max-width:1440px) {
#slick-2 .wcp-carousel-main-wrap .rpc-post-carousel3 .rpc-desc-box {
height: 255px;
}
}
.spacious-button:hover, input[type="reset"]:hover, input[type="button"]:hover, input[type="submit"]:hover, button:hover {
box-shadow: none !important;
}
.wcp-carousel-main-wrap .rpc-post-carousel3 .rpc-post-image:hover img {
transform: scale(1) !important;
}  .mail-link {
color: #172C6B;
}
.mail-link:hover {
}
.button-email {
width: 100%;
max-width: 280px;
color: #3B3B3B;
background: transparent;
border-radius: 0;
border: 1px solid #3B3B3B;
padding: 7px 0 6px 0;
margin-bottom:30px;
display: inline-block;
font-size: 16px;
outline: none;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.button-email:hover {
background: #3b3b3b;
color: #fff;
box-shadow: none;
}
#ansprechpartner .panel-grid-cell {
box-shadow: 0 1px 2px 0 rgba(0,0,0,0.15);
margin: 15px;
width: 30% !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
.name, .name-title p:first-child {
font-family: AvenirLTStd;
text-align: center;
font-weight: 500;
}
.title, .name-title p:last-child {
font-family: AvenirLTStd;
font-size: 14px;
text-align: center;
font-weight: 300;
}
#frauen .panel-grid-sell img {
display:block;
}
.profile-text {
position: absolute;
bottom: 18px;
margin: 0 auto;
background: #eee;
height: 40px;
overflow: hidden;
transition: height 0.5s ease;
width: 100%;
padding-top: 25px;
}
.profile {
position: relative;
}
.profile-text:hover, .profile:hover .profile-text {
height: 200px;
}
#ansprechpartner2 img, #ansprechpartner2 .button-email {
width:200px;
}  #industrie-nav h4, #uhren-nav h4 {
color: #172C6B;
font-size: 20px;
text-transform: uppercase;
width: 100%;
font-family: AvenirLTStd;
font-weight: 400;
padding-bottom: 40px;
}
#industrie-nav h4:hover, #uhren-nav h4:hover {
cursor: pointer
}
#industrie-nav h4.active-item, #uhren-nav h4.active-item {
font-family: AvenirLTStd;
font-weight: 500;
} #industrie-nav, #uhren-nav {
position: relative;
max-width: 1100px;
margin: 0 auto;
border-bottom: 1px solid #172C6B;
}
#industrie-nav h4.active-item:after, #uhren-nav h4.active-item:after,
#industrie-nav .active-item h4:after, #uhren-nav .active-item h4:after{
content: "";
width: 4rem;
height: 4rem;
position: absolute;
border: 0 solid transparent;
border-right: 1px solid #172C6B;
border-bottom: 1px solid #172C6B;
top: 30px;
left: 35%;
transform: rotate(-135deg) translateX(-50%);
background: #fff;
} #uhren-nav h4.active-item:after,
#uhren-nav .active-item h4:after{
left: 40%;
} .img-caption {
border-top: 1px solid rgba(59,59,59,0.5);
font-size: 18px;
color: #3b3b3b;
font-weight: normal;
padding-bottom: 8px;
padding-top: 10px;
margin-top: 15px;
}
.no-border {
border:none;
}
#slider-zerspanen, #slider-zerspanen p,
#slider-werkzeuge, #slider-werkzeuge p,
#slider-kaltumformen, #slider-kaltumformen p,
#slider-komponenten, #slider-komponenten p{
font-size: 16px;
color: #3b3b3b;
margin-bottom: 0;
}
#slider-kaltumformen, #slider-werkzeuge, #slider-werke {display: none;}
#slider-werkzeuge .owl-item {
max-width: 357px;
}
.autohide-arrows .owl-nav {
display: block !important;
}
.sa_owl_theme .owl-nav div, .sa_owl_theme .owl-nav button {
top:30% !important
}
.sa_owl_theme .owl-nav .owl-prev {
left: -15px !important;
}
.sa_owl_theme .owl-nav .owl-next {
right: -15px !important;
}  .title-intern p {
font-size:26px;
font-family: AvenirLTStd;
font-weight: 500;
}
.date-intern p {
font-size:15px;
text-align: center;
}
.logo-g img {
max-width:70px !important;
}
.logo-g2 img {
max-width:47px !important;
}  a#scroll-up {
background: #3b3b3b;
}
.footer-widgets-wrapper {
background: #464A4B;
}
.copyright, .copyright a {
color: rgba(255,255,255,0.3) !important;
}
.copyright a:hover {
color: #172C6B !important;
}
.tg-one-fourth {
width: 100%;
}
#colophon .widget, .tg-one-fourth {padding: 0;}
@media only screen and (max-width: 580px) {
.inner-wrap {
width: 100% !important;
}
#primary, .footer-widgets-wrapper, header{
padding: 0 15px;
box-sizing: border-box;
}
#o-guentert #pgc-416-2-1, #a-kaiser #pgc-416-3-0, #a-diebold #pgc-416-4-1, #g-monien #pgc-416-5-0 {
min-height: 450px;
height: 100%;
}
.text-team {
padding: 15px;
}
#time_slider p {
font-size: 14px;
}
#time_slider .owl-item > div {
height: 235px;
}
#panel-416-3-0-0 .text-team, #panel-416-5-0-0 .text-team {
right: 0px;
left: 15px;
}
.zitat p{
font-size: 28px;
}
#industrie-nav h4, #uhren-nav h4 {
font-size: 14px !important;
}
#pgc-48-2-0, #pgc-48-2-1, #pgc-48-2-2{
width: 50% !important;
float: left !important;
}
#industrie-nav h4.active-item:after, #uhren-nav h4.active-item:after {
display:none;
}
.owl-theme .owl-controls .owl-buttons div {
top: 35% !important;
}
#ansprechpartner .panel-grid-cell {
width: 90% !important;
}
}
@media only screen and (min-width: 581px) and (max-width: 780px) {
#pgc-48-2-0, #pgc-48-2-1, #pgc-48-2-2{
width: 33% !important;
float: left !important;
}
#industrie-nav h4, #uhren-nav h4 {
padding-bottom: 55px;
}
}
@media only screen and (max-width: 780px) {
#masthead {
position: relative;
}
#header-left-section {
float:left !important;
}
#header-right-section {
float:right !important;
}
.slide-img {
height:40vh;
}
.site-header .menu-toggle, .site-header .menu-toggle:hover {
background: none;
color: #3b3b3b;
}
.so-widget-sow-image-default-b5a0057b6480 .sow-image-container,
.so-widget-sow-image-default-4333b04dd157 .sow-image-container,
.so-widget-sow-image-default-b5a0057b6480 .sow-image-container,
.so-widget-sow-image-default-4333b04dd157 .sow-image-container {
text-align: center;
}
.text-team {
max-width: 100%;
}
#industrie-nav, #uhren-nav {
flex-direction: row !important;
-webkit-flex-direction: row !important;
}
#o-guentert #pgc-416-2-1, #a-kaiser #pgc-416-3-0, #a-diebold #pgc-416-4-1, #g-monien #pgc-416-5-0 {
height: 350px;
}
#industrie-nav h4, #uhren-nav h4 {
font-size: 18px;
}
#industrie-nav h4.active-item:after, #uhren-nav h4.active-item:after {
left: 25%;
}
#pgc-48-1-0, #pgc-48-2-0, #pgc-48-2-1 {
margin-bottom: 0 !important;
}
.home h1 {
text-align: center;
font-size: 26px;
}
.teaser-text {
max-width: 100%;
text-align: center;
margin-top:0;
}
p, .intro-text {
font-size: 16px;
}
h2, #pgc-2486-0-0 h2 {
font-size: 24px;
}
h5 {
font-size: 20px;
}
.slick-slide.slick-current + div  {
transform: scale(1);
transition: all0.3s ease-out;
}
.cc-dismiss, .cc-dismiss:visited {
right:unset;
bottom:25px;
}
.cc-window.cc-floating {
max-width:100%;
}
.menu-top-menu-container {
right:15px;
position: absolute;
margin-top:5px;
}
.karriere-container {
margin:0;
padding:0;
}
.karriere-img {
width:100%;
max-width:450px;
}
.karriere-container a {
font-size:14px;
}
.container-karriere .button-email {
position:relative;
right:unset;
top:unset;
transform:translateY(-50%);
margin-top:30px;
}
.benefits-div {
text-align:center;
}
.benefits img{
width:50px;
margin:0 auto;
}
}