@font-face {
font-family: 'icomoon';
src:  url(//dywidag.at/wp-content/themes/dywidag/_fonts/icomoon.eot?sn8ohg);
src:  url(//dywidag.at/wp-content/themes/dywidag/_fonts/icomoon.eot?sn8ohg#iefix) format('embedded-opentype'),
url(//dywidag.at/wp-content/themes/dywidag/_fonts/icomoon.ttf?sn8ohg) format('truetype'),
url(//dywidag.at/wp-content/themes/dywidag/_fonts/icomoon.woff?sn8ohg) format('woff'),
url(//dywidag.at/wp-content/themes/dywidag/_fonts/icomoon.svg?sn8ohg#icomoon) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"], [class*=" icon-"] { font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-gesamtauftragssumme:before {
content: "\e913";
color: #e10e1c;
}
.icon-nettonutzflaeche:before {
content: "\e914";
color: #e10e1c;
}
.icon-bruttogeschossflaeche:before {
content: "\e915";
color: #e10e1c;
}
.icon-umbauter-raum:before {
content: "\e91c";
color: #e10e1c;
}
.icon-baubeginn:before {
content: "\e91d";
color: #e10e1c;
}
.icon-bauende:before {
content: "\e91e";
color: #e10e1c;
}
.icon-zimmer:before, .icon-einheiten:before {
content: "\e91f";
color: #e10e1c;
}
.icon-parkplaetze:before {
content: "\e920";
color: #e10e1c;
}
.icon-betonkubatur:before {
content: "\e921";
color: #e10e1c;
}
.icon-hallenflaeche:before {
content: "\e924";
color: #e10e1c;
}
.icon-geschossanzahl:before {
content: "\e923";
color: #e10e1c;
}
.icon-vertrauen:before {
content: "\e917";
}
.icon-sicherheit:before {
content: "\e918";
}
.icon-verantwortung:before {
content: "\e919";
}
.icon-schlagkraft:before {
content: "\e91a";
}
.icon-offenheit:before {
content: "\e91b";
}
.icon-rechteck:before {
content: "\e912";
}
.icon-beginn:before {
content: "\e913";
}
.icon-ende:before {
content: "\e914";
}
.icon-freiflaeche:before {
content: "\e915";
}
.icon-spanne:before {
content: "\e916";
}
.icon-change:before {
content: "\e911";
}
.icon-notiz:before {
content: "\e900";
}
.icon-linkedin:before {
content: "\e901";
}
.icon-xing:before {
content: "\e902";
}
.icon-handshake:before, .icon-partnerschaft:before {
content: "\e903";
}
.icon-zertifikat:before, .icon-qualitaet:before  {
content: "\e904";
}
.icon-check:before {
content: "\e905";
}
.icon-kran:before {
content: "\e906";
}
.icon-haken:before {
content: "\e907";
}
.icon-drucker:before {
content: "\e908";
}
.icon-user:before {
content: "\e909";
}
.icon-email:before {
content: "\e90a";
}
.icon-telefon:before {
content: "\e90b";
}
.icon-marker:before {
content: "\e90c";
}
.icon-close:before {
content: "\e90d";
}
.icon-pfeil-unten:before {
content: "\e90e";
}
.icon-pfeil-oben:before {
content: "\e90f";
}
.icon-suche:before {
content: "\e910";
}
.icon-sphere:before {
content: "\e9c9";
}
.filter {
float: left;
width: 20%;
}
.filter_header {
background-color: red;
color: #fff;
padding: 10px 10px 10px 0;
}
.mycontainer {
display: table;
height: 100%;
margin: 0 auto;
max-width: 1460px;
padding: 27px 15px; width: 100%;
}
.fixcontainer {
display: block;
margin: 0 auto;
max-width: 1460px;
padding: 0 15px;
width: 100%;
}
h3, h3 a, h3 a:visited {
color: #f0171b;
font-size: 18px !important;
margin-bottom: 10px;
}
h3 span {
color: #3c3c3b;
font-size: 18px;
}
.col-4 {
float: left;
width: 33.3%;
}
.col-6 {
float: left;
width: 50%;
}
#main {
padding-bottom: 40px;
padding-top: 20px;
}
.breadcrumb {
text-align: right;
}
.breadcrumb > li {
font-weight: bold;
}
.breadcrumb > li:last-child {
font-weight: normal;
}
#burger_menu {
display: table-cell;
margin: auto;
vertical-align: middle;
}
#burger_menu > span {
background-color: #fff;
display: block;
height: 3px; 
margin: 4px auto;;
width: 22px;
}
.topnavigation.active .open_navigation #burger_menu > span, .open_navigation:hover #burger_menu > span  {
margin: 6px auto;
}
a > .image, a.image, a > .map_image,
a.news_image, .referenzen_image > a,
.blogbeitrag a > div  {
background-position: center; 
background-size: 110% !important;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
a:hover > .image, a.image:hover, a:hover > .map_image,
a.news_image:hover, .referenzen_image > a:hover,
.blogbeitrag a:hover > div {
background-size: 120% !important;
}
.search #wrapper {
padding: 50px 0;
}
.search ul.page-numbers {
display: table;
margin: 50px auto;
}
.search .post-container .content p {
padding-bottom: 0px; 
border-bottom: none; 
margin-bottom: 0; 
}
.search .post-container .content ul {
margin-top: 20px; 
border-top: 1px solid #F5F5F5; 
padding-top: 18px; 
} #home_slider {
margin-bottom: 30px;
position: relative;
}
#home_slider .kran {
bottom: -50px;
text-align: center;
margin: 0 auto;
position: absolute;
left: 0;
right: 0;
}
#home_slider .kran:hover {
opacity: 0.7;
}
#home_slider, #home_slider .bx-wrapper,
#home_slider ul, #home_slider li {
background-position: center;
background-size: cover;
display: table;
height: 95vh;
width: 100%;
}
#home_slider .slider_schrift {
height: 100vh;
margin: 0 auto;
max-width: 90%;
position: relative;
width: 100%;
}
#home_slider li > div {
background-image: url(//dywidag.at/wp-content/themes/dywidag/images/raster.png);
}
#home_slider .slider_schrift > div{
position: absolute;
top:50%;
}
#home_slider .slider_schrift h3{
color: #fff;
font-size: 72px !important;
margin-bottom: 20px;
margin-left: 140px;
text-transform: uppercase;
}
#home_slider .slider_schrift h3 span{
color: #fff;
font-size: 72px;
font-weight: 100;
padding-left: 20px;
}
#home_slider .slider_schrift h5, #home_slider .intro h5{
background-color: #fff;
color: #777a7b;
display: table;
font-size: 28px;
padding: 8px 16px;
margin-left: 140px;
font-weight: 100;
}
.slider_link img {
margin-left: 140px;
-webkit-transition: padding 500ms; transition: padding 500ms;
}
.slider_link:hover img {
padding-left: 20px;
} .topnavigation {
background-color: #767a7b;
display: table;
}
.topnav {
background-color: #777a7b;
height: 64px;
float: left;
width: 0px;
overflow: hidden;
position: relative;
z-index: 10;
-webkit-transition: all 500ms; transition: all 500ms;
}
.topnavigation.active .topnav {
width: calc(100vw - 256px);
}
.topnav li {
float: left; 
list-style: none;
margin-bottom: 0px;
padding: 0 10px;
}
.topnav li:hover, .topnav li.current_page_item,
.topnav li.active, .topnav li.current-menu-parent {
background-color: #f5f5f5;
}
.main-menu.mobile li.current-menu-item a {
color: #f4f5f5;
}
.topnav .sub-menu li {
margin-left: 20px;
padding: 0px 0 20px;
width: calc(20% - 24px);
}
.topnav .sub-menu li:nth-child(5n) {
margin-right: 20px;
}
.topnav li a {
color: #fff;
font-size: 13px;
text-transform: uppercase;
padding: 24px 0;
}
.topnav li:hover a, .topnav li.current_page_item a,
.topnav li.active a, .topnav li.current-menu-parent > a, .topnav li.current-menu-parent > span {
color: #767a7b;	
}
.topnav .sub-menu li a:hover span,
.topnav .sub-menu li.current-menu-item a span {
color: #f0171b;
}
.topnav .content {
background-color: #f5f5f5;
border-bottom: 4px solid #f0171b;
position: fixed;
left: 0;
margin: 0 !important;
padding-bottom: 0px;
right: 0;
top: 64px;
width:100%;
}
.topnav .content .text{
padding: 0 20px;
}
.topnav .content span{
color: #767a7b;
display: table;
line-height: 1.5;
margin: 0px;
}
.topnav .content .icon-close {
color: #f0171b;
font-size: 18px;
margin: 0px auto;
}
.topnav .content .icon-close:hover {
cursor: pointer;
}
.topnav .content .sub-menu span {
margin-top: 5px;
}
.topnav .sub-menu {
display: table;
margin: 0;	
padding: 0;
width: 100%;
}
.topnav .sub-menu .pix-dropdown-arrow {
display: none;
}
.topnav .sub-menu li > a:first-child,
.topnav .content,
.topnav_search {
display: none;
}
.topnav li.active .content {
display: block;
padding-top: 47px;
}
.topnav .sub-menu .menu_picture {
float: left;
width: 100%;
}
.topnav .close_submenu{
color: #f0171b;
margin: 0 auto;
}
.topnav .close_submenu:hover {
cursor: pointer;
}
.topnav_search {
position: absolute;
top: 0;
left: 175px;
}
.topnav_search.active {
z-index: 100;
}
.submenu_img {
background-size: cover;
background-position: center;
height: calc(100vh / 5.3);
min-height: 154px;
width: 100%;
}
.delimiter {
padding: 0 5px;
}
header h1 {
background-color: #fff;
float: left; 
font-size: 20px;
left: 239px;
height: 64px;
line-height: 64px;
padding-left: 20px;
position: absolute; 
top: 0px;
width: 100%; text-transform: uppercase;
}
.searchbutton, .open_navigation,
.close_navigation  {
background-color: #f0171b;
display: table;
float: left;    
height: 64px;
width: 64px;
z-index: 10;
}
.topnavigation.active .open_navigation, .open_navigation:hover {
background-color: #767a7b;
cursor:pointer;	
}
.close_navigation:hover, .search_close:hover, .searchbutton:hover {
cursor:pointer;	
}
.searchbutton span, .search_close span, .searchbutton span, .close_navigation span{
-webkit-transition: all 500ms; transition: all 500ms;
}
.searchbutton:hover span, .search_close:hover span, .searchbutton:hover span, .close_navigation:hover span,
.topnav_search.active .searchbutton span{
transform: rotate(-90deg);
}
.open_navigation img {
padding-top: 21px;
}
.close_navigation .icon-close,
.search_close .icon-close,.open_navigation img,
.searchbutton .icon-suche{
color: #fff;
font-size: 36px;
text-align: center;
margin: 0 auto;
display: block;
line-height: 60px;
}
@media (min-width:1281px) {
.close_navigation .icon-close,
.open_navigation img {
display: none;
}
.close_navigation {
display: none;
}
}
.close_navigation {
float: right;
}
.topnav_search .searchform {
background-color: #767a7b;
color: #fff;
font-size: 24px;
position: absolute;
height: 64px;
left: 64px;	
width: 0;
z-index: -1;
-webkit-transition: all 500ms; transition: all 500ms;
}
.topnav_search input {
background-color: #767a7b;	
border: none;
color: #fff;
font-size: 24px;
height: 60px;
text-transform: uppercase;
width: 100%;
}
.topnav_search .searchform .search_close {
background-color: #f0171b;
float: right;
height: 64px;
position: absolute;
right: 0;
top: 0;
width: 64px;
}
.topnav_search ::-webkit-input-placeholder {    color: #fff !important;  }
.topnav_search :-moz-placeholder { color:  #fff !important; }
.topnav_search ::-moz-placeholder { color:  #fff !important; }
.topnav_search :-ms-input-placeholder { color:  #fff !important; }
.topnav_search.active .searchform {
padding-left: 20px;
width: calc(100vw - 399px);
z-index: 1;
}
.menu.icon-pfeil-unten {
color: #fff;
float: left;
display: table;
line-height: 64px;
padding-left: 4px;
}
.topnav > #menu-main-nav > li > a {
padding: 0px;
float: left;
}
.topnav li:hover .menu.icon-pfeil-unten, .topnav li.current_page_item .menu.icon-pfeil-unten, .topnav li.active .menu.icon-pfeil-unten {
color: #777a7b;
}
.search-submit {
display: none; 
}
#menu-main-nav {
margin: 0;
padding-left: 0px;
line-height: 64px;
}
.projektentwicklung {
background-color: #767a7b;
color: #fff;
position: absolute;
float: right;
line-height: 64px;
height: 64px;
right: 0;
padding-left: 16px;
text-transform: uppercase;
top: 0;
width: 160px;
word-break: break-word;
-webkit-transition: all 500ms; transition: all 500ms;
}
.projektentwicklung:hover {
background-color: #767a7b;
}
.projektentwicklung .icon-pfeil-unten{
color: #fff;
font-size: 28px;
padding-top: 16px;
right: 115px;
position: absolute;
}
.projektentwicklung .text{
color: #fff;
font-size: 12px;
padding-top: 18px;
padding-left: 34px;
}
.projektentwicklung > div,
.projektentwicklung > span {
line-height: 1.3;
float: left;
}
.projektentwicklung:hover{
cursor: pointer;
}
.projektentwicklung.active{
top: 192px;
}
.projektentwicklung.active span.icon-pfeil-unten:before {
content: '\e90f';
}
.projektentwicklung_open {
background-color: #fff;
height: 192px;
padding: 20px 0;
position: fixed;
width: 100%;
top: -192px;
z-index: 100;
-webkit-transition: all 500ms; transition: all 500ms;
}
.projektentwicklung_open.active {
top: 0px;
}
.projektentwicklung_open .logo {
width: 340px;
padding-right: 40px;
}
.projektentwicklung_open .mycontainer {
height: 150px;
}
.projektentwicklung_open .trennlinie {
background-color: #767a7b;
height: 100px;
margin: 0 40px;
width: 1px;
} 
.projektentwicklung_open .text {
padding-left: 40px;
width: 50%;
}
.projektentwicklung_open > div .text  a {
color: #f0171b;
}
.projektentwicklung_open p {
margin-bottom: 0px;
}
.projektentwicklung_open > div > div {
display: table-cell;
vertical-align: middle;
}
.projektentwicklung_open > div  a.link {
background-color: #f0171b;
display: table;
color: #fff;
font-weight: bold;
letter-spacing: 3px;
margin: 0 auto;
padding: 10px 15px;
text-align: center;
text-transform: uppercase;
}
.projektentwicklung_open > div  a.link:hover {
background-color: #767a7b;
}
.projektentwicklung_open > div  a.link .link_change {
margin-top: 2px;
display: table;
float: right;
}
.projektentwicklung_open > div  a span {
color: #fff;
}
.projektentwicklung_open > div  a span.icon-change {
font-size: 24px; 
padding-right: 10px;
} .dywidag_headliner h2 {
background-color: #fff;
color: #000;
display: table;	
font-size: 24px;
font-weight: 100;
padding: 0 10px 0px 0;
position: relative;
text-transform: none;
z-index: 1000;    
}
.dywidag_headliner hr {
margin-top: -28px;
margin-bottom: 40px;
} .jetzt_bewerben, .jetzt_bewerben:visited {
background-color: #f0171b;
color: #fff;
font-weight: bold;
letter-spacing: 3px;
padding: 10px; 
text-transform: uppercase;
}
.jetzt_bewerben span {
padding-right: 10px;
}
.jetzt_bewerben:hover {
background-color: #767a7b;
color: #fff;
}
.jetzt_bewerben.web {
display: table;
margin: 20px 0;
}
.jetzt_bewerben.web.center {
margin: 20px auto;
}
.jetzt_bewerben.web.right {
float: right;
} .news > div:first-child {
float: left;
padding-right: 20px;
width: 66.67%;	
}
.news > div {
float: left;
width: 33.33%;	
}
.news > div .news_image {
background-size:cover;
border-bottom: 4px solid #f0171b;
display: table;
height: calc(30vh - 22.5px);
max-height: 267.5px;
width: 100%;
}
.news > div:first-child .news_image {
height: 60vh;
max-height: 580px;
}
.news > .news_text h3 {
padding-top: 10px;
}
.news img, #aktuelle_projekte img {
border-bottom: 4px solid #f0171b;	
}
#aktuelle_projekte img {
width: 100%;
}
#zertifikate img {
max-width: 90%;
max-height: 560px;
margin: 0px auto;
padding: 20px 0;
}
.zertifikat_image {
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-size: 100% !important;
display: table;
height: calc( 100% );
width: calc( 100%);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.zertifikat_image:hover {
background-size: 120% !important;
}
#zertifikate li > div {
border-bottom: 4px solid #f0171b;
height: 60vh;
max-height: 580px;
padding: 20px;
background-image: url(//dywidag.at/wp-content/themes/dywidag/images/image_background.png);
}
#zertifikate h3 {
margin-bottom: 10px;
width: calc(100% - 130px);
}
.zertifikat {
float: left;
margin-right: 1.5%;
width: calc(50% - 0.75%);
}
.zertifikat:nth-child(2n) {
margin-right: 0;
}
.zertifikat .image_container, .offene_stellen .image_container {
border-bottom: 4px solid #f0171b;
background-color: #f5f5f5;
margin-bottom: 10px;
padding: 20px;
}
.zertifikat .image, .offene_stellen .image {
background-size: contain;
background-repeat: no-repeat;
background-position: center;
height: 500px;
width: 100%;
}
.offene_stellen .image {
border-bottom: 4px solid #f0171b;
background-size: cover;
margin-bottom: 10px; 
}
.uebersichtsseite .offene_stellen {
width: calc(25%);
}
.uebersichtsseite .uebersichts_links > div {
background-size: cover;
height: calc(100vw / 4 * 0.6);
max-height: 220px;
}
.uebersichtsseite .uebersichts_links.col-4 > div {
height: calc(100vw / 3 * 0.6);
max-height: 250px;
}
.uebersichtsseite .uebersichts_links.col-3 {
margin: 0.75%;
width: 23.5%;
}
.uebersichtsseite li .uebersichts_links.col-4 {
width: 100%;
}
.uebersichtsseite .uebersichts_links.col-4 {
margin: 0.75%;
width: 31.83%;
}
.zentrale > a,
.zentrale > div{
float: left;
margin-right: 1.5%;
width: 48.5%;
}
.zentrale > div.oesterreichkarte {
margin-top: 2vw;
}
.zentrale .uebersichts_links > div{
background-size: cover;
height: calc(100vw / 2 * 0.6);
max-height: 440px;
}
.zentrale > div {
margin-right: 0px;
}
.uebersichts_links h3 {
font-size: 16px !important;
padding-top: 5px;
}
.uebersichtsseite.standorte > .uebersichts_links:nth-child(5n) {
margin-right: 0px;
}
.uebersichtsseite.standorte h4 {
padding-top: 40px;
}
.uebersichtsseite.presse {
display: table;
padding-bottom: 40px;
width: 100%;
}
.uebersichtsseite.presse .bx-controls-direction {
max-width: 100%;
}
.uebersichtsseite.presse .bx-wrapper .bx-controls-direction a {
bottom: -30px;
} .image_box {
display: table;
position: relative;
width: 100%;
}
.image_box.parallax {
margin: 30px 0;
}
.fullwidth_image {
background-size: cover;
height: 30vh;
min-height: 400px;
width: 100%;
}
.parallax-window {
background-position: center 0px;
min-height: 200px;
background: transparent;
z-index: 1;
}
.parallax-window .mycontainer {
position: relative;
z-index: 1000;
}
.parallax-mirror {
z-index: 4 !important;	
}
.rote_box {
background-color: #f0171b;
color: #fff;
max-width: 400px;
padding: 40px;
width: 90%;
position: absolute;
bottom: -8vh;
}
.graue_box {
background-color: #ddd;
color: #545452;
max-width: 400px;
padding: 40px;
width: 90%;
position: absolute;
bottom: -8vh;
}
.rote_box h3 {
color: #fff;
margin-bottom: 10px;
text-transform: uppercase;
}
.graue_box h3 {
color: #545452;
margin-bottom: 10px;
text-transform: uppercase;
}
.rote_box hr {
background-color: #fff;
height: 4px;
margin-top: 0px;
}
.graue_box hr {
background-color: #545452;
height: 4px;
margin-top: 0px;
}
.rote_box a {
background-color: #fff;
color: #f0171b !important;
display: table;
font-weight: bold !important;
letter-spacing: 3px;
margin-top: 35px;
padding: 10px;
text-transform: uppercase;
}
.rote_box a:hover {
color: #767a7b !important;
}
.image_box .image {
background-size: contain;
background-repeat: no-repeat;
height: 100%;
left: 0;
position: absolute; 
top: 0;
width: 50vw;
z-index: 100;
}
.image_box.parallax h3 {
color: #fff;
display: table-cell;
font-size: 5vw !important;
line-height: 1;
text-align: right;
vertical-align: middle;
z-index: 100;
}
.icon_box > span:first-child{
display: table;
color: #3c3c3b;
font-size: 58px;
margin-bottom: 10px;
}
h4 span{
color: #3c3c3b;
}
.icon_box h4 {
margin-bottom: 10px;
} .link_box .image {
background-size: cover;
background-position: center;
border-bottom: 4px solid #f0171b;
display: table;
height: calc(100vw / 3 * 0.65);
max-height: 270px;
overflow-x: hidden;
margin-bottom: 10px;
width: 100%;
} .referenzen_text {
display: table;
width: 70%;
}
.referenzen_image img {
width: 100%;
}
.referenzen_image > a{
border-bottom: 4px solid #f0171b;
background-size: cover;
display: table;
height: calc(60vh);
max-height: 580px;
width: 100%;
}
.startseitenslider .bx-wrapper .bx-controls-direction {
display: table;
width: initial;
right: 0;
position: absolute;
top: calc(60vh + 10px);
}
.startseitenslider .bx-wrapper .bx-controls-direction a {
bottom: 0;
margin-top: 0px;
position: relative;
top: initial;
right: 0px;
}
.startseitenslider .bx-wrapper .bx-controls-direction .bx-prev {
right: 8px;
} #referenzprojekte {
padding-top: 40px;
padding-bottom: 40px;
width: 100%;
}
.flex {
display: flex;
flex-wrap: wrap;
}
.ie .flex {
display: table;
}
#referenzprojekte .blogbeitrag, .offene_stellen  {
display: table;
float: left;
margin: 0 0.75%;
width: 31.83%;
}
.referenzcontent .auswahlen.higher > div {
position: relative;
}
.referenzcontent img{
margin-bottom: 30px;
}
.referenzcontent .auswahlen .active {
background-color: #fce6e8;
}
.referenzcontent .auswahlen > div:hover {
cursor: pointer;
}
.referenzsuche > span:first-child {
background-color: #f0171b;
display: table;
float: left;
color: #fff;	
font-size: 24px;
padding: 8px;
transform: rotate(-90deg);
}
.referenzsuche span.icon-close {
color: #fff;
font-size: 20px;
float: left;
padding-right: 5px;
}
.referenzsuche input {
border: none;
display: table;
float: left;
height: 40px;
padding-left: 20px;
width: 25%;
}
.zuruecksetzen {
background-color: #767a7b;
display: table;
float: right;
color: #fff;
letter-spacing: 3px;
padding: 10px;
text-transform: uppercase;
}
.zuruecksetzen:hover {
background-color: #f0171b;
cursor: pointer;
}
.filterbezeichnungen > div.name {
background-color: #f0171b;
color: #fff;
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
}
.filterbezeichnungen > div.name,
.filterbezeichnungen .auswahlen div {
padding: 6px 12px;	
}
.filterbezeichnungen {
float: left;
margin-right: 1.5%;
width: calc(20% - 1.2%);
}
.filterbezeichnungen:last-child {
margin-right: 0px;
}
.filterbezeichnungen .auswahlen {
background-color: #fff;
height: 160px;	
overflow-y: scroll;	
}
.grey_bg {
background-color: #f4f5f5;
}
.referenzcontent {
padding: 20px 0 20px;
}
.referenzcontent p {
margin-bottom: 0px;
}
.referenzcontent > div{
padding-top: 20px;
padding-bottom: 20px;
}
.cat img {
padding-bottom: 10px;
}
.blog_filter {
border: 1px solid #767a7b;
float: left;
margin-right: 1.5%;
padding: 15px;
text-transform: uppercase;
width: calc(20% - 1.2%);
}
.blog_filter:nth-child(5n) {
margin-right: 0;
}
.blog_filter span span {
display: none;
}
.blog_filter.active span span, .blog_filter:hover span span {
display: table;
}
.blog_filter:hover, .blog_filter.active {
background-color: #e4e4e6;
}
.blog_filter span {
display: table;
font-size: 19px;
float: right;
}
.blog_filter span.icon-check {
display: none;
}
.blog_filter:hover {
cursor: pointer;
}
.blog_filter.active span.icon-check, .blog_filter:hover span.icon-check {
display: block;
}
.blog_filter.active span.checkbox, .blog_filter:hover span.checkbox {
display: none;
} .blogbeitrag { padding: 15px 0;
}
#referenzprojekte .blogbeitrag, .offene_stellen.blogbeitrag {
padding: 0 0;
}
#referenzprojekte .blogbeitrag {
display: none;
}
#referenzprojekte .blogbeitrag.active {
display: block;
}
.referenz_blog_image {
background-size: cover;
border-bottom: 4px solid #f0171b;
height: calc(100vw / 3 * 0.6);
margin-bottom: 15px;	
max-height: 278px;
width: 100%;
}
.filterobjekte.blog {
padding-bottom: 40px;
padding-top: 40px;
}
#referenzprojekte img {
width: 100%;
}
#referenzprojekte .categories, #referenzprojekte .post-categories {
display: none;
}
.referenzsingleeckdaten {
margin-top: 15px;
}
.referenzsingleeckdaten > div {
margin-top: 15px;
}
.referenzsingleeckdaten > div {
border: 1px solid #777a7b;
float: left;
margin-right: 1.5%;
padding: 15px 15px 15px 0;
width: calc(25% - 1.2%);
height: 100px;
}
.referenzsingleeckdaten > div:nth-child(4n) {
margin-right: 0px;
}
.referenzsingleeckdaten > div > span {
color: #f0171b;
font-size: 50px;
float: left;
width: 28%;
}
.referenzsingleeckdaten > div > span:before {
display: table;
margin: 0 auto;
}
.referenzsingleeckdaten > div > div {
float: left;
width: 72%;
}
.referenzsingleeckdaten > div > div .content{
font-size: 21px;
font-weight: bold;
}
.referenzsingleeckdaten > div > div .title{
font-size: 10px;
text-transform: uppercase;
}
.referenzsingleeckdaten > div > div > span {
display: block;
}
.pag_num_container.inactive {
display: none;
}
.slider {
width: 50%;
margin: 100px auto;
}
.slick-slide {
margin-right: 10px;
margin-top: 35px;
}
.slick-slide img {
width: 100%;
}
.slick-prev:before,
.slick-next:before {
color: #fff;
}
.slider-nav {
margin-top: 10px;
}
.slider-nav button {
display: none !important;
}
.slider-for img {
height: 65vh;
max-width: initial;
width: auto;
}
.slider-single img {
height: 45vh;
margin: 0 auto;
width: auto;
}
.slider-single .img {
background-size: cover;
height: 45vh;
margin: 0 auto;
width: 100%;	
}
.slider-nav img {
height: 100px;
width: auto;
}
.slider-nav-single img  {
height: 50px;
width: auto;
}
.slider-nav .slick-slide {
opacity: 0.5;
}
.slider-nav .slick-slide.slick-current, .slider-nav img:hover,
.slider-nav .slick-slide:hover {
opacity: 1;
cursor:pointer;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'icomoon' !important;
display: table;
speak: none;
font-style: normal;
font-weight: normal;
font-size: 30px;
font-variant: normal;
margin: 0 auto;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: rotate(90deg);	
}
.projekte .slick-prev, .projekte .slick-next {
bottom: 100px;
top: initial;
}
.slick-next {
right: 100px;
}
.slick-next:before {
content: "\e90f";
}
.slick-prev {
right: 162px;
}
.slick-prev:before {
content: "\e90e";	
}
.slider-single .slick-next {
bottom: 10px;
right: 0;
top: initial;
}
.slider-single .slick-prev {
bottom: 10px;
right: 45px;
top: initial;
}
.slider-single  .slick-slide {
margin: 0px;
}
.single h2 {
color: #f0171b;
font-size: 21px;
margin-bottom: 10px;
text-transform: uppercase;
}
.single .date {
font-weight: bold;
color:#000;
margin-bottom: 10px;
}
.slick-prev:hover,
.slick-next:hover {
opacity: 0.7;
}
.referenz_navi span {
display: table;
float: left;
font-weight: bold;
padding: 15px 10px;
text-transform: uppercase;
}
.dark .bx-controls-direction a,
.next-dark,
.prev-dark,
.overview-dark {
width: 57px;
height: 57px;
background: url(//dywidag.at/wp-content/themes/dywidag/images/controls_dunkel.png) 0 0px no-repeat;
float: left;
transition: all ease .3s;
}
.dark .bx-controls-direction a.bx-next, .next-dark {
background: url(//dywidag.at/wp-content/themes/dywidag/images/controls_dunkel.png) -65px 0px no-repeat;
float: right;
}
.ie .dark .bx-controls-direction a.bx-next, .ie .next-dark {
float: left;
}
.dark .bx-controls-direction a.bx-next:hover, .next-dark:hover {
background-position: -65px -59px;
cursor: pointer;
}
.dark .bx-controls-direction a.bx-prev:hover, .prev-dark:hover {
background-position: 0px -59px;
cursor: pointer;
}
.startseitenslider .bx-wrapper .bx-controls-direction a{
top: calc(100% - 20px);
}
.referenz_navi {
display: table;
padding: 100px 0 60px;
width: 100%;
}
.overview-dark {
background: url(//dywidag.at/wp-content/themes/dywidag/images/controls_dunkel.png) -125px 0px no-repeat;
}
.overview-dark:hover {
background-position: -125px -59px;
cursor: pointer;
}
.right span {
float: right;
}
.referenz_navi .overview a {
display:table;
margin: 0 auto;
}
p.copyrightt {
margin-top: 10px;
margin-bottom: 0px;
font-weight: 300;
color: black;
position: absolute;
top: -10px;
left: 5px;
}
p.copyrightt span{
font-weight: 300;
color: #ef171a;
}
p.copyrighttt {
margin-top: 10px;
margin-bottom: 0px;
font-weight: 300;
color: black;
position: absolute;
top: 0px;
left: 5px;
}
p.copyrighttt span{
font-weight:300;
color: #ef171a;
}
.slick-slide.slick-active p.copyrightt{
opacity: 0;
}
.slick-slide.slick-current.slick-active p.copyrightt{
opacity: 1;
}
.slick-slide.slick-active p.copyrighttt{
opacity: 0;
}
.slick-slide.slick-current.slick-active p.copyrighttt{
opacity: 1;
} .ansprechpartner .image {
background-size: cover;
background-position: center;
height: 280px;
width: 100%;
}
.ansprechpartner.gross .image {
height: 415px;
}
.ansprechpartner h2 {
font-size: 24px;
margin-bottom: 0px;
}
.ansprechpartner p strong {
display: table;
margin-bottom: 15px;
}
.ansprechpartner_text {
background-color: #f5f5f5;
display: table;
border-bottom: 4px solid #f0171b;
padding: 40px 20px;
width: 100%;
}
.single .ansprechpartner_text h2 {
color: #60686b;
}
.gross .ansprechpartner_text p,
.gross .ansprechpartner_text a {
margin-bottom: 0px;
}
.ansprechpartner_text img {
border: 1px solid #545452;
}
.ansprechpartner_text a {
display: block;
width: initial;
}
.ansprechpartner_text a span[class*='icon-'],
.ansprechpartner_text p span[class*='icon-'] {
color: #f0171b;
font-size: 21px;
padding-right: 10px;
padding-top: 2px;
}
.ansprechpartner_text a span,
.ansprechpartner_text p span {
display: table;
float: left;
}
.ansprechpartner_text a:not(.niederlassung) {
color: #777a7b;
}
#standorte .ansprechpartner_text p {
margin-bottom: 0px;
}
#standorte .map_image {
background-size: cover;
height: calc(60vh - 209px);
max-height: 366px;
width: 100%;
}
#standorte .ansprechpartner_text p.adresse {
line-height: 1;
margin-bottom: 30px;
}
.ansprechpartner_text p.strasse {
margin: 0px;
}
.ansprechpartner_text > a,
.ansprechpartner_text > p,
.ansprechpartner_text .col-6 > a,
.ansprechpartner_text .col-6 > p {
display: table;
line-height: 2;
width: 100%;
}
.ansprechpartner_text .text {
margin-top: 20px;
}
.ansprechpartner_text .text > p:last-child{
margin-bottom: 0px;
}
.ansprechpartner .fax {
margin-bottom: 0px;
}
.ansprechpartner_text > a > p {
margin-bottom: 0px;
}
.ansprechpartner_text a span,  
.ansprechpartner_text a p,
.ansprechpartner_text p p {
float:left;
}
#standorte h3 {
width: calc(100% - 130px);
}
.startseitenslider h3 {
padding: 10px 0 0;
font-size: 18px;
}
#wrapper .ansprechpartner a.niederlassung {
color: #545452;
font-size: 12px;
margin-top: 20px;
font-weight: bold;
}
.pag_num_container {
display:table;
width: 100%;
}
.pag_num_container > div {
display: table;
margin: 0 auto;
}
.pag_num_container > div > div {
border: 2px solid #767a7b;
color: #767a7b;
font-weight: bold;
float: left;
margin: 0 5px;
padding: 8px 15px;
}
.pag_num_container > div > div:hover,
.pag_num_container > div > div.active {
background-color: #767a7b;
color: #fff;
cursor: pointer;
}
.pag_container {
display: none;
}
.pag_container.active {
display: table;
width: 100%;
} .oesterreichkarte {
position: relative;
}
.oesterreichkarte > div {
background-image: url(//dywidag.at/wp-content/themes/dywidag/images/karte.jpg);
background-repeat: no-repeat;
background-size: contain;
max-height: 360px;
height: calc((100vw / 2 - 55px) / 1.945);
width: 100%;
-webkit-transition: all 700ms; transition: all 700ms;
}
.oesterreichkarte > a {
display: table;
position: absolute;
}
.oesterreichkarte > a span{
color: #fff;
}
.oesterreichkarte > a:hover span {
font-weight: bold;
}
.oesterreichkarte > a span.icon {
background-image: url(//dywidag.at/wp-content/themes/dywidag/images/karte_icon.jpg);
background-size: contain;
margin: 0 10px;
height: 22px;
width: 22px;
}
.oesterreichkarte > a span.name {
margin-top: 2px;
}
.oesterreichkarte > a span {
float: left;
}
.oesterreichkarte #wien {
left: 87%;	
top: 27%;
}
.oesterreichkarte #wien span {
margin: 0 auto;
display: table;
float: none;
}
.oesterreichkarte #linz {
left: 56%;
top: 25%;
z-index: 2;
}
.oesterreichkarte #ennsdorf {
left: 62%;	
top: 28%;
z-index: 1;
}
.oesterreichkarte #salzburg {
left: 44%;
top: 45%;
}
.oesterreichkarte #innsbruck {
left: 21%;	
top: 64%;
}
.oesterreichkarte.wien > div {
background-image: url(//dywidag.at/wp-content/themes/dywidag/images/karte_ost_wien.jpg);
}
.oesterreichkarte.linz > div {
background-image: url(//dywidag.at/wp-content/themes/dywidag/images/karte_mitte_linz.jpg);
}
.oesterreichkarte.innsbruck > div,
.oesterreichkarte.salzburg > div {
background-image: url(//dywidag.at/wp-content/themes/dywidag/images/karte_west_innsbruck_salzburg.jpg);
} .col-12 {
display: table;
width: 100%;
}
.wpcf7-form input, .wpcf7-form select,
.wpcf7-form textarea {
background-color: #f4f5f5;
border-color: transparent;
font-weight: bold;
min-height: 20px;
margin-top: 20px;
padding: 10px;
width: calc(100%);
}
.wpcf7-form select {
border-radius: 0px !important;
margin-top: 0px;
height: 40px;
}
.wpcf7-form span {
display: table;
float: left;
margin-right: 20px;
width: calc(33.33% - 14px);	
}
.wpcf7-form span.wpcf7-not-valid-tip {
width: 100%;
}
.wpcf7-form span:nth-child(3n){
margin-right: 0px;
}	
.wpcf7-form .message > span {
width: 100%;
}
.wpcf7-form .message {
position: relative;
}
.wpcf7-form .email_senden {
background-color: #f0171b;
color: #fff;
text-transform: uppercase;	
position: absolute;
width: initial;
right: 20px;
bottom: 20px;
}
.wpcf7-form .icon-email{
position: absolute;
}
.wpcf7-form input[type='submit'] {
background-color: #f0171b;
color: #fff;
float: left;
letter-spacing: 3px;
margin: 0px;
padding: 10px 10px 10px 40px;
text-transform: uppercase;
width: 100%;
}
.wpcf7-form input[type='submit']:hover {
background-color: #868686;
}
div.wpcf7 .ajax-loader {
display: none;
}
.wpcf7-form .email_senden:hover {
background-color: #777a7b;
}
.wpcf7-form .icon-email {
margin-right: 0px;
padding: 15px;
}
#ansprechpartner_standorte > .ansprechpartner_text {
float: left;
margin-right: 20px;
margin-bottom: 20px;
width: calc(33.33% - 14px);	
}
#ansprechpartner_standorte > .ansprechpartner_text:nth-child(3n) {
margin-right: 0px;
}
#ansprechpartner_standorte > .ansprechpartner_text p.adresse {
font-weight: bold;
margin-bottom: 10px;
}
#ansprechpartner_standorte > .ansprechpartner_text p,
#ansprechpartner_standorte > .ansprechpartner_text a {
margin-bottom: 0px;
}
#map {
height: 25vw;
}
.single-karriere #primary {
display: table;
width: 100%;
padding-bottom: 60px;
} footer {
background-color: #dddede;
border-top: 4px solid #f0171b;
}
.footer-top ul li .sub-menu a:hover {
cursor: pointer;
color: #000;
}
.footer-top .col-2_5 {
float: left;
width: 20% !important;
}
.footer-top .col-1_5 {
float: left;
width: 20% !important;
}
.footer-top .menu-footer-menue-1-container,
.footer-top .menu-footer-menu-1-container,
.footer-top .menu-footer-menue-2-container,
.footer-top .menu-footer-menue-3-container{
float: left;
width: 33.3%;
}
#menu-footer-menue-1 > li, #menu-footer-menue-1,
#menu-footer-menu-1 > li, #menu-footer-menu-1{
margin-bottom: 0px;
}
.footer-top ul li {
list-style: none;
text-transform: uppercase;	
}
.footer-top ul li .sub-menu a {
color: #777a7b;	
word-break: break-word;
}
.footer-top ul {
margin-left: 0px;
padding-left: 0px;
}
.footer-top ul.sub-menu {
padding: 15px 0;
}
.footer-top .menu > li  > a {
font-weight: bold;
}
.footer-top .menu > li {
margin-bottom: 20px;
}
.footer-top {
padding: 40px 0;
}
.footer-top .social-icons {
display: table;
margin: 0 auto;
}
.footer-top .social-icons span{
display: table;
float: left;
font-size: 42px;
padding: 100px 10px 0;
opacity: 0.5;
}
.footer-top .social-icons a:hover span{
opacity: 1;
}
.footer-top img.guetezeichen {
padding: 20px 10px;
}
.footer-top .contact_info p {
margin-left: 35px;
margin-bottom: 2px;
}
.footer-top .contact_info strong {
display: table;
margin-bottom: 10px;
margin-left: 55px;
}
.footer-top .contact_info span {
padding-right: 5px;
}
.footer-top .contact_info img {
margin-bottom: 15px;
}
.footer-top .contact_info a {
color:#777a7b;
}
.footer-top .contact_info a:hover {
color:#545452;
}
.bx-pager {
display: none;
} .mobile .bx-pager {
display: block;
}
.mobile .news > div:first-child {
float: left;
padding-right: 20px;
width: 100%;
}
.mobile .referenzen_text {
padding: 0px;
width: 100%;
}
.mobile .news > div:first-child {
padding-right: 0px;
}
.mobile .slider-for img {
max-height: 35vh;
}
.mobile .slick-slide {
margin-right: 5px;
margin-top: 0px;
}
.mobile .slider-nav img{
height: 20px;
}
@media(max-width: 1920px ) {
.topnavigation.active .topnav,
.topnav_search.active .searchform {
width: calc(100vw - 256px);
}
}
@media(min-width: 1460px ) {
.topnav li {
padding: 0 20px;
}
.link_box .image {
height: 270px;
}
}
@media (max-width: 1408px) {
.projektentwicklung_open {
top: -240px;
}
.projektentwicklung.active {
top: 240px;
}
}
@media (max-width: 1360px) {
.mycontainer {
padding: 0 20px;
}
}
@media (max-width: 1280px) {
#home_slider .slider_schrift > div {
top: 30%;
}
.fullwidth_image {
background-size: 110%;
}
.referenzcontent {
padding: 60px 0 20px;
}
.topnav {
height: calc(100vh - 64px);
left: 0; 
right: 0;
width: 0px;
position: absolute;
top: 64px;
-webkit-transition: all 500ms;
transition: all 500ms;
}
.topnav .content {
background-color: transparent;
border-bottom: 0px;
}
.topnav li, .topnav .sub-menu li {
display: table;
width: 100%;
}
.topnav .sub-menu {
display: none;
}
.topnavigation.active .topnav {
width: 100%;
}
header h1 {
display: none;
}
#menu-main-nav {
display: none;
line-height: 40px;
padding: 40px 20px;
-webkit-transition: all 500ms;
transition: all 500ms;
}
.menu-open #menu-main-nav {
display: table;
}
.topnav li:hover, .topnav li.current_page_item, .topnav li.active {
background-color: transparent;
}
#menu-main-nav.mobile.active {
margin-left: -100%;
}
.topnav #menu-main-nav:not(.mobile) .content{
left: 20px;
top:0px;
width: 100%;
}
.topnav #menu-main-nav:not(.mobile) li:hover > a,
.topnav #menu-main-nav:not(.mobile) li.active > a,
.topnav #menu-main-nav:not(.mobile) li:hover > .menu.icon-pfeil-unten,
.topnav #menu-main-nav:not(.mobile) li.active > .menu.icon-pfeil-unten{
color: #dddede !important;
}
.topnav #menu-main-nav:not(.mobile) li:hover > .menu.icon-pfeil-unten,
.topnav #menu-main-nav:not(.mobile) li.active > .menu.icon-pfeil-unten {
transform: rotate(0deg);
}
.topnav #menu-main-nav:not(.mobile) .active .sub-menu {
display: table;
}
.topnav .sub-menu .menu_picture,
.topnav .content span.icon-close.submenu,
.topnav .content .text {
display: none;
}
#menu-main-nav.mobile .sub-menu {
margin-left: 100vw;
}
#menu-main-nav.mobile .active .sub-menu {
display: table;
}
.topnav li a, .topnav .sub-menu li {
padding: 0;
}
.topnav .sub-menu li > a:first-child{
display: table;
}
.topnav li:hover a, .topnav li.current_page_item a, .topnav li.active a {
color: #fff;
}
li > .sub-menu {
-webkit-transition: all 500ms;
transition: all 500ms;
transition-delay: 500ms;
}
.menu.icon-pfeil-unten {
color: #fff !Important;
line-height: 40px;
transform: rotate(-90deg);
}
li.active > .sub-menu {
display: table;
z-index: 100000;
padding: 40px 0;
position: absolute;
margin-left: 100%;
top:0;
}
li > .sub-menu .parent {
color: #fff;
font-size: 14px;
text-transform: uppercase;
}
.topnav .sub-menu li {
margin-left: 0px;
}
.parent span {
display: table;
float: left;
line-height: 40px;
transform: rotate(-90deg);
}
.close_navigation {
position: absolute; 
right: 0px;
top: 0px;
}
.mobile .close_navigation {
top: -64px;
}
.topnav #menu-main-nav:not(.mobile) .content {
position: relative;
}
.projektentwicklung_open {
height: 240px;
}
.projektentwicklung_open .mycontainer {
height: 180px;
}
.filterbezeichnungen {
padding-bottom: 1.5%;
width: calc(33.3% - 16px);
}
.filterbezeichnungen:nth-child(3) {
margin-right: 0px;
}
.filterbezeichnungen > div.name {
font-size: 14px;
}
#home_slider .slider_schrift h5 {
font-size: 21px;
max-width: 90%;
}
#inner-header.menu-open {
background-color: #fff;
}
.footer-top .col-2_5 {
padding-bottom: 20px;
width: 100%;
}
.footer-top .col-1_5 {
width: 37%; }
.blog_filter span {
margin-left: 10px;
}
}
@media (max-width: 1024px) { 
.fullwidth_image {
min-height: 400px;
}
}
@media (max-width: 960px) {
.referenz_blog_image { 
height: calc(100vw / 2 * 0.6);
}
.referenzen_image > a,
#zertifikate li > div, .news > div:first-child .news_image {
height: 30vh;
}
#standorte .map_image,
.news > div .news_image {
height: 20vh;
}
#zertifikate h3, 
#standorte h3 {
width: 100%;
}
.ansprechpartner_text a span[class*='icon-'], .ansprechpartner_text p span[class*='icon-'] {
font-size: 14px;
padding-right: 8px;
padding-top: 7px;
}
#ansprechpartner_standorte > .ansprechpartner_text p,
#ansprechpartner_standorte > .ansprechpartner_text a {
font-size: 14px;
}
.projektentwicklung_open, .projektentwicklung {
display: none;
}
.topnav_search.active .searchform {
padding-left: 20px;
width: calc(100vw - 239px);
z-index: 1;
}
.ansprechpartner_text .col-6 {
margin-top: 20px;
width: 100%;
}
.filterbezeichnungen,
.blog_filter, .zertifikat,
.referenzsingleeckdaten > div  {
padding-bottom: 20px;
width: 49.25%;
}
#referenzprojekte .blogbeitrag, .offene_stellen,
.uebersichtsseite .uebersichts_links.col-3,
.uebersichtsseite .uebersichts_links.col-4 {
width: 48.5%;
}
.uebersichtsseite .uebersichts_links > div {
height: calc(100vw / 2 * 0.6);
}
.zertifikat .image, .offene_stellen .image, .image.ansprechpartner.gross .image,
.ansprechpartner.gross .image {
height: 350px;
}
.blog_filter {
margin: 10px 1.5% 10px 0;
}
.filterbezeichnungen:nth-child(3) {
margin-right: 1.5%;
}
#referenzprojekte > div:nth-child(2n),
.blog_filter:nth-child(2n),
.filterbezeichnungen:nth-child(2n), .referenzsingleeckdaten > div:nth-child(2n) {
margin-right: 0;
}
.projekte .slick-prev, .projekte .slick-next {
bottom: 40px;
}
.slick-next {
right: 40px;
}
.slick-prev {
right: 105px;
}
#home_slider .slider_schrift h3,
#home_slider .slider_schrift h3 span {
margin-left: 0px;
}
.referenz_navi .overview a {
display: table;
margin: 0 auto;
}
.referenz_navi .col-md-4 {
float: left;
width: 33.33%;
}
.referenz_navi span {
text-align: center;
width: 100%;
}
.dark .bx-controls-direction a.bx-next, .next-dark,
.overview-dark, .prev-dark {
float: none;
margin: 0 auto;
}
.referenz_navi {
padding: 60px 0 60px;
}
}
@media (max-width: 767px) {
#referenzprojekte .blogbeitrag,
.uebersichtsseite .uebersichts_links.col-3,
.uebersichtsseite .uebersichts_links.col-4,
.zentrale > a, .zentrale > div {
margin: 0;
width: 100%;
}
.uebersichtsseite .uebersichts_links > div {
height: calc(100vw * 0.6);
}
.referenzen_image > a,
.link_box .image{
height: 30vh;
}
.referenz_blog_image { 
height: calc(100vw * 0.5);
}
.projekte .slick-prev, .projekte .slick-next {
bottom: 20px;
}
.slick-next {
right: 20px;
}
.slick-prev {
right: 85px;
}
.referenzsuche input {
width: calc(100% - 63px);
}
.zuruecksetzen {
margin-top: 10px;
width: 100%;
}
.oesterreichkarte > div {
max-height: initial;
height: calc((100vw - 40px) / 1.945);
}
.blog_filter, .referenzsingleeckdaten > div {
margin: 10px 0;
}
.filterbezeichnungen,
#referenzprojekte > div,
.blog_filter, .zertifikat, .offene_stellen,
.referenzsingleeckdaten > div  {
width: 100%;
}
.zertifikat .image, .ansprechpartner.gross .image {
height: 280px;
}
.referenz_navi .col-md-4 {
float: left;
width: 33.33%;
}
.referenz_navi .overview a {
}
.referenz_navi a > span  {
float: left;
display: none;
}
.slider-nav img {
height: 70px;
}
.col-6, 
.news .news_text, .news > div:first-child, .referenzen_text {
padding: 0px;
width: 100%;
}
.copyright > div {
padding: 5px 0px;
text-align: left !important;
}
#home_slider .slider_schrift h3,
#home_slider .slider_schrift h3 span {
font-size: 65px !important;
margin-left: 0px;
}
#map {
height: 30vh;
}
}
@media (max-width: 768px) {
.footer-top .col-1_5 {
width: 100%;
}
.ansprechpartner_text {
padding: 20px 15px;
}
#aktuelle_projekte .bx-wrapper .bx-controls-direction {
display: none;
}
#home_slider .slider_schrift h3 span {
padding-left: 0px;
display: block;
}
#home_slider .slider_schrift > div {
top: 33vh;
}
.vc_column_container {
padding-bottom: 20px;
}
.vc_row-no-padding .vc_column_container {
padding-bottom: 0;
}
body .wpb_row {
padding: 0 ;
}
.footer-top .col-2_5,
.footer-top .col-1_5:not(.contact_info),
#home_slider .slider_schrift img ,
#home_slider .slider_schrift h5,
#home_slider .bx-controls, .no_mobile, .bx-controls-direction {
display: none;
}
#home_slider .intro h5 {
top:25px;
margin-left: 10px;
font-size: 13px;
width: 97%;
}
.footer-top .col-1_5.contact_info .social-icons {
margin-bottom: 25px;
}
.footer-top .social-icons span {
padding: 0px 10px 0 !important;
}
#zertifikate img {
max-height: 100%;
width: auto;
}
.bx-pager {
display: block;
}
.mycontainer {
padding: 0 20px;
}
#inner-header {
background-color: #fff;
position: fixed!important;
height: 64px;
top: 0!important;
width: 100%;
}
.topnavigation {
float: right;
}
.wpcf7-form span,
#ansprechpartner_standorte > .ansprechpartner_text {
width: calc(50% - 10px);	
}
.wpcf7-form span:nth-child(3n) {
margin-right: 20px;
}
#ansprechpartner_standorte > .ansprechpartner_text:nth-child(2n),
.wpcf7-form span:nth-child(2n) {
margin-right: 0px;
}
}
@media (max-width: 500px) {
.wpcf7-form span,
#ansprechpartner_standorte > .ansprechpartner_text {
margin-right: 0px;
width: calc(100%);	
}
#home_slider .slider_schrift h3, #home_slider .slider_schrift h3 span {
font-size: 36px !important;
}
}