@font-face {
font-family: "Rajdhani";
src: url(//www.ino.co.at/wp-content/themes/ino/fonts/Rajdhani-Regular.ttf) format("truetype");
font-weight: 400;
}
@font-face {
font-family: "Rajdhani";
src: url(//www.ino.co.at/wp-content/themes/ino/fonts/Rajdhani-Bold.ttf) format("truetype");
font-weight: 700;
}
body,
html {
margin: 0;
padding: 0;
background-image: url(//www.ino.co.at/wp-content/themes/ino/img/bg-min.png);
background-attachment: fixed;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 100%;
height: 100%;
display: flex;
flex-wrap: wrap;
}
* {
box-sizing: border-box;
color: #666;
font-family: Rajdhani, sans-serif;
font-weight: 600;
outline: 0;
}
img {
max-width: 100%;
height: auto;
}
header {
width: 100%;
}
.footer {
position: fixed;
bottom: 0;
left: 0;
background: #e40040 !important;
color: #fff !important;
}
.container {
width: 100%;
font-size: 18px;
padding: 0 15px;
}
.row {
align-items: center;
width: 100%;
margin: 0 auto;
max-width: 1140px;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.produkte {
align-items: stretch !important;
}
.logo {
width: 30%;
}
.logo img {
margin: 10px 0;
display: block;
}
.logo h1 {
margin: 0;
}
.logo span {
display: none;
}
.navi {
width: 70%;
}
.navi ul {
margin: 0;
padding: 0;
text-align: right;
}
.navi ul li {
display: inline-block;
padding: 0 2%;
}
.navi ul li a {
text-decoration: none;
}
.productbox {
width: 44%;
height: 300px;
background: rgba(255, 255, 255, 0.7);
padding: 0;
margin: 3%;
display: flex;
flex-wrap: wrap;
}
.productbox h2,
.productbox h3 {
width: 100%;
font-size: 40px;
font-weight: 700;
margin: 1em 0;
color: #fff;
padding: 10px;
background: rgba(0, 0, 0, 0.2);
}
.containerproduct .row {
background: rgba(255, 255, 255, 0.7);
padding: 2%;
}
.current_page_item a {
color: #f5a400;
}
.col-left {
width: 50%;
}
.col-right {
width: 50%;
padding: 0 0 0 2%;
}
.productbox:first-child .morebtn,
.productbox:last-child .morebtn {
background: #666;
}
.morebtn {
background: #666;
color: #fff !important;
margin: 10px 0;
text-decoration: none;
font-weight: 400;
padding: 5px 10px;
transition: all 0.5s;
font-size: 16px;
}
.fbox {
width: 25%;
padding: 1%;
display: flex;
align-items: center;
font-size: 14px;
}
.fbox a {
text-decoration: none;
}
.ml {
margin-left: 10px;
}
.morebtn span {
color: #fff;
}
.morebtn span:after {
content: "\00bb";
position: absolute;
opacity: 0;
top: 0;
right: -20px;
transition: 0.5s;
}
.morebtn:hover span {
padding-right: 15px;
}
.morebtn:hover span:after {
opacity: 1;
right: 0;
}
.morebtn span {
cursor: pointer;
display: inline-block;
position: relative;
transition: 0.5s;
}
.containerproduct,
.containerus,
.productcontainer {
padding-bottom: 120px;
}
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="text"],
.wpcf7 textarea {
width: 100%;
padding: 10px 1%;
margin: 10px 0;
border: 1px solid #5bc5f2;
font-family: Poppins, sans-serif;
font-size: 16px;
}
.wpcf7 input[type="submit"] {
width: 100%;
padding: 10px 1%;
margin: 10px 0;
background: #5bc5f2;
font-family: Poppins, sans-serif;
font-size: 18px;
color: #fff;
border: none;
text-transform: uppercase;
cursor: pointer;
font-weight: 700;
}
.wpcf7 input[type="checkbox"] {
width: 20px;
height: 20px;
}
.wpcf7 {
width: 100%;
}
.wpcf7 label {
font-size: 14px;
}
.containermobile {
position: relative;
transition: all 0.5s;
z-index: 11111;
border: 1px solid #009ade;
float: right;
background: #003a5d;
padding: 7px 15px;
cursor: pointer;
margin: 0;
}
.mobilemenu {
display: none;
}
h1,
h2,
h3 {
margin: 10px 0;
}
@media screen and (max-width: 1024px) {
.ml {
display: none;
}
.ll {
width: 100%;
text-align: center;
}
.col-left {
width: 100%;
}
.col-right {
width: 100%;
margin-bottom: 1em;
padding: 0;
}
.containerproduct .row {
flex-direction: column-reverse;
}
}
@media screen and (max-width: 767px) {
.mobilemenu {
display: block;
width: 60%;
}
.bar1,
.bar2,
.bar3 {
width: 35px;
height: 5px;
background-color: #fff;
margin: 6px 0;
transition: 0.4s;
}
.logo {
width: 40%;
}
.change .bar1 {
-webkit-transform: rotate(-45deg) translate(-9px, 6px);
transform: rotate(-45deg) translate(-9px, 6px);
}
.change .bar2 {
opacity: 0;
}
.change .bar3 {
-webkit-transform: rotate(45deg) translate(-8px, -8px);
transform: rotate(45deg) translate(-8px, -8px);
}
.navi {
width: 100%;
}
.navi ul li {
width: 100%;
text-align: left;
text-transform: uppercase;
font-size: 20px;
}
.productbox h2,
.productbox h3 {
font-size: 28px;
}
.footer {
position: relative !important;
bottom: auto;
left: auto;
padding: 10px 15px 0 15px;
}
footer {
width: 100%;
}
.fbox {
width: 100%;
}
.fbox .ml {
display: inline-block;
}
.fbox .ll {
display: inline-block;
width: auto;
}
.productbox {
width: 100% !important;
height: 250px;
margin: 3% 0;
}
span.wpcf7-list-item {
width: 100%;
}
.containerproduct,
.containerus,
.productcontainer {
padding-bottom: 0;
}
}
.cookie-notice-container a {
color: #fff !important;
border: 1px solid #fff !important;
padding: 5px 10px !important;
text-decoration: none;
}
#cn-close-notice {
padding: 10px !important;
}
.cn-text-container {
color: #fff;
}
.companytitel {
color: #666;
font-size: 20px;
}
.inocon {
background-image: url(//www.ino.co.at/wp-content/themes/ino/img/inocon-min.png);
}
.productbox {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.industrialplants {
background-image: url(//www.ino.co.at/wp-content/themes/ino/img/industrial-plants-min.png);
}
.sbi {
background-image: url(//www.ino.co.at/wp-content/themes/ino/img/sbi-min.png);
}
.plasmainnovation {
background-image: url(//www.ino.co.at/wp-content/themes/ino/img/plasma-inovation.jpg);
}
.giscon {
background-image: url(//www.ino.co.at/wp-content/themes/ino/img/GISCON.png);
}
.mut {
background-image: url(//www.ino.co.at/wp-content/themes/ino/img/MUT-gt.png);
}
li.organigramm {
background: #e40040 !important;
padding: 10px 10px !important;
border: 1px solid #fff;
text-align: center;
}
li.organigramm a {
color: #fff !important;
font-size: 20px;
}
div.container.header:before {
content: "";
width: 100%;
height: 50px;
position: absolute;
bottom: -5px;
left: 0;
background: #e5e5e5;
z-index: -1;
}
div.container.header {
position: relative;
z-index: 1;
}
.leftflex {
width: 50%;
}
.rightflex {
width: 50%;
text-align: right;
}
.containerexwe {
display: flex;
flex-wrap: wrap;
align-self: flex-end;
width: 100%;
min-height: 110px;
align-items: center;
background: rgba(229, 229, 229, 0.8);
padding: 10px;
}
footer {
color: #fff !important;
}
footer a {
color: #fff;
}
.ml,
.ml span {
color: #fff;
}
.containerus p {
width: 100%;
margin: 10px 0;
}
footer .fbox:last-child img {
border: 1px solid #fff;
}