html, body { height: initial; }
html {
font-size:62.5%;
height:100%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
scroll-behavior:smooth; }
textarea { overflow:auto; }
img { border:0; }
button, input, optgroup,
select, textarea, form, fieldset { color:inherit; background-color:inherit; font:inherit; margin:0; padding:0; border-radius:0; }
main, nav, section, article, header, pre,
blockquote, dl, figure, figcapture { display:block; padding:0; margin:0; } *,
*:before,
*:after { -webkit-box-sizing:inherit; box-sizing:inherit; } body {
font-family: 'Roboto', Helvetica, Arial, sans-serif;
font-size:1.6em;
font-weight:400;
height:100%; margin:-1px 0 0 0;
padding:1px 0 0 0;
color: #585858; -webkit-overflow-scrolling: touch; }
section,
.base-box,
.site-main,
.full-width.item-box,
.item-box .item-box { width:100%; max-width:100%; position:relative; z-index: 2;}
.full-size.item-box { width:100%; height:100vh; max-width: 100%;}
.base-box { min-height:100vh; }
.item-box,
.hero-item-box,
.hero-slider .hero-item-box { width:calc(100% - 6rem); max-width:960px; margin:0 auto 0 auto; position:relative; z-index: 2;}
.hero-item-box {justify-content: center;
color: #fff;
font-weight: 500; }
@media (max-width:340px) {
.item-box,
.hero-item-box,
.hero-slider .hero-item-box { width:calc(100% - 4rem); }
}
.txt-center { text-align:center; }
.txt-left { text-align:left; }
.txt-right { text-align:right; }
.txt-uppercase { text-transform:uppercase; }
.txt-reset { text-transform:none; text-align:left; }
.inline { display:inline; }
.inline-block { display:inline-block; }
.block { display:block; }
.none { display:none; }
.no-margin { margin:0; }
.overflow-hidden { overflow:hidden; } .bg-inherited { background-color:inherit; }
.bg-transparent { background-color:transparent; }
.bg-white { background-color:#fff; }
.bg-black { background-color:#000; }
.bg-error { background-color:#d50303; } .bg-1 { background-color:#585858; } .bg-2 { background-color:#BA0C2E; } .bg-3 { background-color:#720016; } .bg-4 { background-color:#0974D8; } .cl-inherited { color:inherit; }
.cl-transparent { color:transparent; }
.cl-white { color:#fff; }
.cl-black { color:#000000; }
.cl-error { color:#d50303; }
.cl-1 { color:#585858; }
.cl-2 { color:#BA0C2E; }
.cl-3 { color:#666666; }
.cl-4 { color:#40AD0B; } .text-box.cl-inherited a { color:inherit; }
.text-box.cl-transparent a { color:transparent; }
.text-box.cl-white a,
.bg-3 a { color:#fff; }
.text-box.cl-black a { color:#000; }
.bg-3 a:hover {color: #CECECE;}
.text-box.cl-error a { color:#d50303; }
.text-box.cl-1 a { color:#585858; }
.text-box.cl-2 a { color:#757575; }
.text-box.cl-3 a { color:#d6d6d6; } .bg-black a { color:#fff; }
.no-touch a[href^="tel"]:link,
.no-touch a[href^="tel"]:visited,
.no-touch a[href^="tel"]:hover {
text-decoration: none;
pointer-events: none;
cursor: default;
}
.p-0 { padding:0; }
.p-1 { padding:1rem; }
.p-2 { padding:2rem; }
.p-3 { padding:3rem; }
.p-4 { padding:4rem; }
.p-5 { padding:5rem; }
.p-6 { padding:6rem; }
.p-7 { padding:7rem; }
.p-8 { padding:8rem; }
.p-9 { padding:9rem; }
.p-10 { padding:10rem; }
.p-12 { padding:12rem; }
.p-15 { padding:15rem; }
.pd-1 { padding:1rem 0; }
.pd-2 { padding:2rem 0; }
.pd-3 { padding:3rem 0; }
.pd-4 { padding:4rem 0; }
.pd-5 { padding:5rem 0; }
.pd-6 { padding:6rem 0; }
.pd-7 { padding:7rem 0; }
.pd-8 { padding:8rem 0; }
.pd-9 { padding:9rem 0; }
.pd-10 { padding:10rem 0; }
.pd-12 { padding:12rem 0; }
.pd-15 { padding:15rem 0; }
.pd-t0 { padding-top:0; }
.pd-t1 { padding-top:1rem; }
.pd-t2 { padding-top:2rem; }
.pd-t3 { padding-top:3rem; }
.pd-t4 { padding-top:4rem; }
.pd-t5 { padding-top:5rem; }
.pd-t6 { padding-top:6rem; }
.pd-t7 { padding-top:7rem; }
.pd-t8 { padding-top:8rem; }
.pd-t9 { padding-top:9rem; }
.pd-t10 { padding-top:10rem; }
.pd-t12 { padding-top:12rem; }
.pd-t15 { padding-top:15rem; }
.pd-b0 { padding-bottom:0; }
.pd-b1 { padding-bottom:1rem; }
.pd-b2 { padding-bottom:2rem; }
.pd-b3 { padding-bottom:3rem; }
.pd-b4 { padding-bottom:4rem; }
.pd-b5 { padding-bottom:5rem; }
.pd-b6 { padding-bottom:6rem; }
.pd-b7 { padding-bottom:7rem; }
.pd-b8 { padding-bottom:8rem; }
.pd-b9 { padding-bottom:9rem; }
.pd-b10 { padding-bottom:10rem; }
.pd-b12 { padding-bottom:12rem; }
.pd-b15 { padding-bottom:15rem; } a { color:#757575; }
a:hover { color:#0974D8; }
a:focus,
a:active { outline:0; } h1, h2, h3, h4, h5, h6 {
font-family: 'Roboto', Helvetica, Arial, sans-serif;
font-size:2.5rem;
margin:0 0 3rem 0; word-wrap: normal;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
font-weight: 400;
max-width:100%; }
@media (min-width:960px) {
.tba-header h4 { font-size:4rem; }
.modul_headline h4 { font-size:4rem; }
.text-box h4 { font-size:4rem; }
.hero-item-box h1 { font-size:4rem; }
.accordion-title h6 { font-size:3rem; }
.modul_text_media h4 { font-size: 3rem; }
}
@media (max-width:860px) {
.modul-box.modul_text { margin: -20px auto -20px auto;}
.hero-item-box h1 { font-size:3rem; }
.tba-header h4 { font-size:2.5rem; }
.text-box h4 { font-size:2.5rem; }
.modul_headline h4 { font-size:2.5rem; }
.accordion-title h6 { font-size: 2rem; }
.modul_text_media h4 { font-size: 2.5rem; }
}
@media (max-width:590px) {
}
p { margin:0 0 3rem 0; word-wrap: normal; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; max-width:100%; }
.small { font-size:1.2rem; }
table { margin:3rem 0; padding:0; border-collapse:collapse; border-spacing:0; border:0;}
td,
th { padding:0.5rem; border-style:solid; border-width:1px; text-align:left; }
th { color:#fff; background:rgba(0, 0, 0, 0.8); }
hr { height:1px; border:0; background-color:#000; margin:2rem 0; } ul, ol { padding-left:2.5rem; margin:0 0 3rem 0; }
ul ul, ul ol, ol ol, ol ul { margin:1.5rem 0 1.5rem 3rem; }
li { margin-bottom:0.5rem; position:relative; } .image-box,
.image-box img,
.image-box a { display:block; position:relative; vertical-align:top; width:100%; }
.image-box img { width:100%; max-width:100%; height:auto; }
.image-item .image-box { display:inline-block; width:unset; max-width:100%; vertical-align:top; }
.modul_image .image-box img,
.image-item .image-box img { width:auto; }
.modul_image .image-box.fit-box img,
.image-item .image-box.fit-box img,
.fit-image.image-box img { width:100% } .col-item,
.flex-item { display:block; position:relative; vertical-align: top; margin:0;}
.col-item { width:100%; margin:0 0 2rem 0;}
.base-box,
.col-box,
.flex-box { display: -webkit-box; display: -ms-flexbox; display: flex; }
.col-box,
.wrap { -ms-flex-wrap:wrap; flex-wrap:wrap; }
@supports (flex-wrap: wrap) { .col-box { -webkit-flex-wrap: wrap; }
}
.col-box,
.stretch { -webkit-box-align:stretch; -ms-flex-align:stretch; align-items:stretch; }
.flex-column,
.base-box { -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; }
.flex-column { height: 100%; }
[class*="center-"] { -webkit-box-align:center; -ms-flex-align:center; align-items:center; }
.center-center { -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; }
.center-left { -webkit-box-pack:flex-start; -ms-flex-pack:start; justify-content:flex-start; }
.center-right { -webkit-box-pack:flex-end; -ms-flex-pack:end; justify-content:flex-end; }
.center-space { -webkit-box-pack:space-between; -ms-flex-pack:justify; justify-content:space-between; }
[class*="bottom-"] { -webkit-box-align:flex-end; -ms-flex-align:end; align-items:flex-end; }
.bottom-center { -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; }
.bottom-left { -webkit-box-pack:flex-start; -ms-flex-pack:start; justify-content:flex-start; }
.bottom-right { -webkit-box-pack:flex-end; -ms-flex-pack:end; justify-content:flex-end; }
[class*="top-"] { -webkit-box-align:flex-start; -ms-flex-align:start; align-items:flex-start; }
.top-center { -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; }
.top-left { -webkit-box-pack:flex-start; -ms-flex-pack:start; justify-content:flex-start; }
.top-right { -webkit-box-pack:flex-end; -ms-flex-pack:end; justify-content:flex-end; }
.space-between { -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;} .site-footer,
.logo { -ms-flex-negative:0; flex-shrink:0; } .base-item,
.flex-column .content-box { -webkit-box-flex:1; -ms-flex:1 0 auto; flex:1 0 auto; } @media (min-width:790px) { .col-box { margin:0 0 0 -2rem; }
.col-box>.col-item { margin:0 0 2rem 2rem; }
.modul_text_media .col-box>.col-item { margin-bottom:0; }
.col-2>.col-item,
.col-2>.flex-item { width:calc(50% - 2rem); }
.col-3>.col-item,
.col-3>.flex-item { width:calc(33.333333% - 2rem); }
.col-4>.col-item,
.col-4>.flex-item { width:calc(25% - 2rem); }
.col-5>.col-item,
.col-5>.flex-item { width:calc(20% - 2rem); }
.col-box>.col-item.box-20 { width:calc(20% - 2rem); }
.flex-box>.box-20 { width:20%; }
.col-box>.col-item.box-25 { width:calc(25% - 2rem); }
.flex-box>.box-23 { width:25%; }
.col-box>.col-item.box-30 { width:calc(30% - 2rem); }
.flex-box>.box-30 { width:30% - 2rem; }
.col-box>.col-item.box-33 { width:calc(33.333333% - 2rem); }
.flex-box>.box-33 { width:33.333333%; }
.col-box>.col-item.box-35 { width:calc(35% - 2rem); }
.flex-box>.box-35 { width:35%; }
.col-box>.col-item.box-40 { width:calc(40% - 2rem); }
.flex-box>.box-40 { width:40%; }
.col-box>.col-item.box-45 { width:45%; }
.flex-box>.box-45 { width:calc(45% - 2rem); }
.col-box>.col-item.box-50 { width:45%; }
.flex-box>.box-50 { width:calc(50% - 2rem); }
.col-box>.col-item.box-55 { width:calc(55% - 2rem); }
.flex-box>.box-55 { width:55%; }
.col-box>.col-item.box-60 { width:calc(60% - 2rem); },
.flex-box>.box-60 { width:60%; }
.col-box>.col-item.box-65 { width:65% - 2rem; }
.flex-box>.box-65 { width:65%; }
.col-box>.col-item.box-66 { width:calc(66.666666% - 2rem); }
.flex-box>.box-66 { width:66.666666%; }
.col-box>.col-item.box-70 { width:calc(70% - 2rem); }
.flex-box>.box-70 { width:70%; }
.col-box>.col-item.box-75 { width:calc(75% - 2rem); }
.flex-box>.box-75 { width:75%; }
.col-box>.col-item.box-80 { width:calc(80% - 2rem); }
.flex-box>.box-80 { width:80%; }
.col-box>.col-item.box-85 { width:calc(85% - 2rem); }
.flex-box>.box-85 { width:85%; }
.col-box>.col-item.box-100 { width:calc(100% - 2rem); }
.flex-box>.box-100 { width:100%; }
} .site-header { position:fixed; background-color:#fff; width:100%; z-index: 100; border-bottom: solid 2px #BA0C2E; top: 0; -webkit-transition: all .3s ease;
transition: all .3s ease;}
.base-item:before { content:''; width:100%; height:24.6rem; display:block; position: relative;} .branding .item-box {
display: block;
text-align: center;
}
.branding { position:relative; z-index:1; width:100%; }
.logo { display:inline-block; }
.logo span {
display: inline-block;
background-image: url(//www.innodiab.de/wp-content/themes/tpx-scratch/images/logo-2.svg);
background-position: top left;
background-repeat: no-repeat;
background-size: 100px 100px;
height: 88px;
width: 100px; }
.scroll-box .logo span {
height: 70px;
width: 84px;
background-size: 84px 90px;
margin-bottom: 7px;
display: block;
background-position: -1px -8px; }
.scroll-box .logo {
position: absolute;
left: 8px;
top: -12px;
background-color: #fff;
padding: 0;
}
.scroll-box .logo::before {
content: '';
position: absolute;
width: 103px;
border: 2px solid #BA0C2E;
border-top-color: rgb(186, 12, 46);
border-top-style: solid;
border-top-width: 2px;
border-top: 0;
bottom: -2px;
left: -14px;
z-index: -1;
background-color: #fff;
height: 26px;
}
.scroll-box .branding .item-box { position:static;}
@media (min-width:960px) {.scroll-box .main-navigation { margin-top:10px; }
.logo { padding-top:40px; }
.logo span { height: 160px; width: 180px; background-size: contain;}
}
@media (max-width:960px) { .base-item:before { height:13.4rem; }
}
@media (max-width:860px) {
.scroll-box .logo,
.logo {
position:absolute;
left: -2rem;
top: 0;
background-color: #fff;
padding:0;
z-index:20;
height: 75px;
}
.logo span,
.scroll-box .logo span { height: 70px;
width: 84px;
background-size: 84px 90px;
margin-bottom: 7px;
display: block;
background-position: -1px -8px; display: block;}
.scroll-box .branding .item-box { position: relative; }
.branding .item-box { text-align:left; }
.scroll-box .base-item::before,
.base-item::before { height: 5.3rem; }
.site-header { min-height:56px; }
.logo::before,
.scroll-box .logo::before {
content: '';
position: absolute;
width: 103px;
border: 2px solid #BA0C2E;
border-top-color: rgb(186, 12, 46);
border-top-style: solid;
border-top-width: 2px;
border-top: 0;
bottom: 0;
left: -14px;
z-index: -1;
background-color: #fff;
height: 21px;
}
} .button,
button,
input[type="submit"] {
position:relative;
display:inline-block;
cursor:pointer;
padding:1rem 2rem;
margin:0;
border-radius:0;
border:0;
outline:0;
text-decoration:none;
-webkit-appearance:none; background-color:#000;
color:#fff;
vertical-align: baseline;
}
.button.standard {border: solid 1px #BA0C2E;
background-color: #fff;
color: #585858;
}
.button.standard:hover { color: #BA0C2E;
background-color: #fff;}
.button:hover,
button:hover,
input[type="submit"]:hover { outline:0; background-color: #757575; color:#fff; }
.bg-black .button { background-color:#fff; color:#000; }
.button-item { display:inline-block;} .button.call-to-action,
button.call-to-action,
input[type="submit"].call-to-action { background-color:#d50303; color:#fff; }
#page-top .btn-reset,
#page-top .btn-reset:hover,
#page-top .btn-reset:focus { background-color:transparent; color:inherit; } .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
} @font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local('Roboto'), local('Roboto-Regular'),
url(//www.innodiab.de/wp-content/themes/tpx-scratch/css/fonts/roboto-v20-latin-regular.woff2) format('woff2'), url(//www.innodiab.de/wp-content/themes/tpx-scratch/css/fonts/roboto-v20-latin-regular.woff) format('woff'); } @font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: local('Roboto Bold'), local('Roboto-Bold'),
url(//www.innodiab.de/wp-content/themes/tpx-scratch/css/fonts/roboto-v20-latin-700.woff2) format('woff2'), url(//www.innodiab.de/wp-content/themes/tpx-scratch/css/fonts/roboto-v20-latin-700.woff) format('woff'); } @font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: url(//www.innodiab.de/wp-content/themes/fonts/open-sans-v18-latin-regular.eot); src: local(''),
url(//www.innodiab.de/wp-content/themes/fonts/open-sans-v18-latin-regular.eot?#iefix) format('embedded-opentype'), url(//www.innodiab.de/wp-content/themes/fonts/open-sans-v18-latin-regular.woff2) format('woff2'), url(//www.innodiab.de/wp-content/themes/fonts/open-sans-v18-latin-regular.woff) format('woff'), url(//www.innodiab.de/wp-content/themes/fonts/open-sans-v18-latin-regular.ttf) format('truetype'), url(//www.innodiab.de/wp-content/themes/fonts/open-sans-v18-latin-regular.svg#OpenSans) format('svg'); } @font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
src: local('Libre Franklin'), local('Libre-Franklin'),
url(//www.innodiab.de/wp-content/themes/tpx-scratch/css/fonts/lato-v17-latin-regular.woff2) format('woff2'),
url(//www.innodiab.de/wp-content/themes/tpx-scratch/css/fonts/lato-v17-latin-regular.woff) format('woff');
} @font-face {
font-family: 'Libre Franklin';
font-style: normal;
font-weight: 400;
src: local('Libre Franklin'), local('Libre-Franklin'),
url(//www.innodiab.de/wp-content/themes/tpx-scratch/css/fonts/libre-franklin-v7-latin-regular.woff2) format('woff2'),
url(//www.innodiab.de/wp-content/themes/tpx-scratch/css/fonts/libre-franklin-v7-latin-regular.woff) format('woff');
} @font-face {
font-family: 'Libre Franklin';
font-style: normal;
font-weight: 700;
src: local('Libre Franklin'), local('Libre-Franklin'),
url(//www.innodiab.de/wp-content/themes/tpx-scratch/css/fonts/libre-franklin-v7-latin-700.woff2) format('woff2'),
url(//www.innodiab.de/wp-content/themes/tpx-scratch/css/fonts/libre-franklin-v7-latin-700.woff) format('woff');
} .contact-box-opener {
background-color: #0974D8;
color: #fff;
padding: 2rem;
width: 50px;
height: 400px;
position: fixed;
top: 0rem;
right: 0rem;
box-shadow: 0px 0px 10px 2px rgba(0,0,0,.61);
-webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,.61);
-moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,.61);
z-index: 111;
}
@media (max-width:860px) {
.contact-box-opener {width: 36px;
height: 30px;
top: 1.3rem;
right: 8.5rem;
box-shadow: 0px 0px 10px 2px rgba(0,0,0,0);
-webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0);
-moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0);
padding: 0;}
.ctn-h4 {display: none;}
}
.contact-box-opener span{
writing-mode: vertical-rl;
-ms-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
vertical-align: middle;
text-align: left;
}
.contact-box-opener h4 {margin-left: -10px;
color: #fff;
}
.label-day { min-width: 150px;}
.close-button { position: fixed; right:3rem; top:3rem; z-index: 111;}
.open-logo { width: 200px; }
.open-logo svg { transform: translateX(-33px); width: calc(100% + 33px);}
.on-stage {
background: #0974D8;
display: none;
position: fixed;
top: 0;
left: 0;
z-index: 111;
width: 100%;
height: 100vh;
padding: 10rem 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
overflow: auto;
}
.on-stage .item-wrapper { padding-right:3rem; }
.contact-box-opener.active + .on-stage { display:block; }
@media (max-width:860px){
.ctn-icon {background-image: url(//www.innodiab.de/wp-content/themes/tpx-scratch/images/ctn-icon-letter.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 30px auto;
}
}
@media (max-width:660px){
.on-stage { padding:5rem 0;}
.on-stage .item-wrapper { padding:0 0 1rem 0; }
.contact-info-box .item-wrapper { padding:3rem 0; }
.on-stage .flex-box { display:block; }
}
.page-title {text-align: center;}.text-box { padding: 2rem;} .hero-content,
.hero-content .item-box { overflow:hidden; min-height:450px; }
.hero-content .item-box { height:100%; max-width: 1280px;}
.hero-content .full-size.item-box { height:100vh; }
.hero-content.no-content .bg-image,
.hero-content.no-content .bg-image .image-box img { position:relative; }
.hero-content .full-size.item-box .bg-image { width:100%; height:100vh; position: absolute;}
.hero-content { border-bottom: solid 2px #BA0C2E;}
.content-bottom { padding-bottom: 0; }
.hero-item-box { position:relative; z-index:11; }
.bg-image { position:absolute; z-index:0; height: 100%; width: 100%; top:0; top:0; left:0; }
.bg-image.no-content { position:relative; top:inherit; left:inherit; }
.bg-image .image-box,
.fit-image.image-box { position:relative; z-index:1; height:100%; width:100%; }
.hero-item-box .text-box p {margin-top: -20px;}
.bg-image.no-content .image-box img {
position:relative;
left:inherit;
top:inherit;
width:auto;
-webkit-transform: none;
transform: none;
}
@media (max-width:790px) {
.hero-content, .hero-content .item-box { min-height:320px; }
.hero-item-box .text-box { padding-bottom:0; }
.fit-modul.col-box .bg-image { position:relative; top:inherit; left:inherit;}
.fit-modul .bg-image .image-box img { position:relative; }
.fit-modul .col-item.image-item { width:calc(100% + 6rem); margin:0 -3rem -2rem -3rem; }
.hero-content h1 { font-size:3rem; }
.hero-content p { font-size: 1rem;}
}
@media (max-width:590px) {
.hero-content .bg-image { }
.hero-content h1 { font-size:2.5rem; }
.hero-content p { font-size: 1rem;}
.hero-content .hero-item-box {
position: relative;
z-index: 11;
margin-top: 0px;
}
}
@media (max-width:490px) {
.hero-content, .hero-content .item-box { min-height:240px; }
.hero-content .hero-item-box { padding-top:3rem!important; }
}
@media (max-width:340px) {
}
@supports (object-fit: cover) {
.object-fit,
.bg-image { position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; }
.object-fit img,
.bg-image .image-box img,
.fit-image img { object-fit: cover; object-position:50% 50%; height: 100%; width: 100%; transform:none; left:0; top:0; }
} .bg-image .image-box.ie-polyfill { background-repeat:none; background-size: cover; background-position: center center;}
.bg-image .image-box.ie-polyfill img { display:none; }
.jump-target { position: absolute; top:0; left:0; height:0; width:0; overflow:hidden; z-index:-1; }
.jump-target,
.scroll-box .jump-target { top: -150px;}
.onload-box.scroll-box .jump-target { top: 0;} @media (max-width:860px) {
.jump-target,
.scroll-box .jump-target { top: -130px!important;}
} .full-size .modul_image,
.full-size .modul_image .image-box.fit-box { height:100%;} .media-text .text-item { order:2; }
.media-text .image-item { order:1; }
.pd-t1 .fit-modul { margin-top:-1rem; }
.pd-t1 .fit-modul .text-box { padding-top:1rem; }
.pd-t2 .fit-modul { margin-top:-2rem; }
.pd-t2 .fit-modul .text-box { padding-top:2rem; }
.pd-t3 .fit-modul { margin-top:-3rem; }
.pd-t3 .fit-modul .text-box { padding-top:3rem; }
.pd-t4 .fit-modul { margin-top:-4rem; }
.pd-t4 .fit-modul .text-box { padding-top:4rem; }
.pd-t5 .fit-modul { margin-top:-5rem; }
.pd-t5 .fit-modul .text-box { padding-top:5rem; }
.pd-t6 .fit-modul { margin-top:-6rem; }
.pd-t6 .fit-modul .text-box { padding-top:6rem; }
.pd-t7 .fit-modul { margin-top:-7rem; }
.pd-t7 .fit-modul .text-box { padding-top:7rem; }
.pd-t8 .fit-modul { margin-top:-8rem; }
.pd-t8 .fit-modul .text-box { padding-top:8rem; }
.pd-t9 .fit-modul { margin-top:-9rem; }
.pd-t9 .fit-modul .text-box { padding-top:9rem; }
.pd-t10 .fit-modul { margin-top:-10rem; }
.pd-t10 .fit-modul .text-box { padding-top:10rem; }
.pd-t12 .fit-modul { margin-top:-12rem; }
.pd-t12 .fit-modul .text-box { padding-top:12rem; }
.pd-t15 .fit-modul { margin-top:-15rem; }
.pd-t15 .fit-modul { margin-top:-15rem; }
.pd-t15 .fit-modul .text-box { padding-top:15rem; }
.pd-b1 .fit-modul { margin-bottom:-1rem; }
.pd-b1 .fit-modul .text-box { margin-bottom:1rem; }
.pd-b2 .fit-modul { margin-bottom:-2rem; }
.pd-b2 .fit-modul .text-box { margin-bottom:2rem; }
.pd-b3 .fit-modul { margin-bottom:-3rem; }
.pd-b3 .fit-modul .text-box { margin-bottom:3rem; }
.pd-b4 .fit-modul { margin-bottom:-4rem; }
.pd-b4 .fit-modul .text-box { margin-bottom:4rem; }
.pd-b5 .fit-modul { margin-bottom:-5rem; }
.pd-b5 .fit-modul .text-box { margin-bottom:5rem; }
.pd-b6 .fit-modul { margin-bottom:-6rem; }
.pd-b6 .fit-modul .text-box { margin-bottom:6rem; }
.pd-b7 .fit-modul { margin-bottom:-7rem; }
.pd-b7 .fit-modul .text-box { margin-bottom:7rem; }
.pd-b8 .fit-modul { margin-bottom:-8rem; }
.pd-b8 .fit-modul .text-box { margin-bottom:8rem; }
.pd-b9 .fit-modul { margin-bottom:-9rem; }
.pd-b9 .fit-modul .text-box { margin-bottom:9rem; }
.pd-b10 .fit-modul { margin-bottom:-10rem; }
.pd-b10 .fit-modul .text-box { margin-bottom:10rem; }
.pd-b12 .fit-modul { margin-bottom:-12rem; }
.pd-b12 .fit-modul .text-box { margin-bottom:12rem; }
.pd-b15 .fit-modul { margin-bottom:-15rem; }
.pd-b15 .fit-modul .text-box { margin-bottom:15rem; } .button.open-info-box,
.button.close-info-box { padding:0px 20px; background-color:transparent; color: #0974D8; font-size:2rem; text-decoration: underline; font-weight:bold; margin: 0 0 0 auto; padding-right: 0; }
.button.open-info-box:hover { color: #424FA0; text-decoration: underline; }
.button.close-info-box:hover { color: #424FA0; text-decoration: underline; }
.tba {min-width: 100%;}
.tba-info-box .textbox,
.button.close-info-box,
.tba-info-box.active .button.open-info-box { display:none; }
.tba-info-box .textbox { width:100%; margin:3rem 0; }
.tba-info-box.active .textbox { display:block; }
.tba-info-box.active .button.close-info-box { display:inline-block; }
.tba-header h1,h2,h3,h4,h5,h6 { font-weight: 400; margin-bottom: 0;
letter-spacing: 0.4px
padding-left: 2rem;
}
.tba-header {border-bottom: solid 2px #BA0C2E;
margin-bottom: 2rem;}
.modul-box.modul_tba { margin-top: -10rem;
background-color: #fff;
border: solid 2px #BA0C2E;
padding: 2rem 3rem;
margin-bottom: 2rem;}
.modul_buttons { padding:3rem 0; text-align:center; }
@media (max-width:860px){
.modul-box.modul_tba {display: block; }
.textbox p {font-size: 1.4rem; line-height: 140%;}
.textbox li {font-size: 1.4rem; line-height: 140%;}
.tba-header h4 { font-size: 2rem;}
.tba-header { border-bottom: solid 2px #BA0C2E;
}
.tba .textbox {margin: 0;}
.image-box img {width: 100%;}
.button.open-info-box,
.button.close-info-box {font-size: 1.6rem; margin: 0;}
} .gallery-box { margin:6rem 0 0 -0.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.gallery-box>.gallery-item { margin:0 0 0.5rem 0.5rem; width:calc(33.333% - 0.5rem); position: relative; background-color: #720016;}
.gallery-box>.gallery-item figcaption { position: relative;
width: 100%;
height: ;
top: 0;
left: 0;
padding: 1rem;
color: #fff;
z-index: 111;
opacity: 1; }
.gallery-box>.gallery-item:hover figcaption { opacity:1; }
@media (max-width:860px) {
.gallery-box>.gallery-item { width:calc(50% - 0.5rem); }
}
@media (max-width:460px) {
.gallery-box>.gallery-item { width:100%; margin:0 0 0.5rem 0; }
}
.modul_text {color: #585858;} .accordion-box { border-bottom:1px solid #BA0C2E; }
.accordion-title {
position:relative;
padding:1rem 5rem 1rem 2rem;
cursor:pointer;
-khtml-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
color: #fff;
background-color: #720016;
border-top:1px solid #fff;
color: #fff;
} .accordion-title:after,
.accordion-title:before { position: absolute; right:14px; top: calc(50% + 1px); content:''; width:17px; height:2px; background-color:#fff; }
.accordion-title:after { -webkit-transform:rotate(90deg); transform:rotate(90deg); }
.accordion-title.active:after { display:none; }
.accordion-content {
max-height:0;
overflow:hidden;
transition:max-height 0.3s ease;
-webkit-transition:max-height 0.3s ease;
-webkit-transition: max-height .3s cubic-bezier(0, 1, 0, 1);
transition: max-height .3s cubic-bezier(0, 1, 0, 1);
}
.accordion-title.active + .accordion-content { max-height:999rem; -webkit-transition: max-height .3s ease-in-out; transition: max-height .3s ease-in-out; }
.accordion-content-item { color: #585858; padding: 2rem 2rem 2rem 4rem; }
.accordion-content-item p {font-size: 1.6rem; line-height: 140%;} .home .site-main {margin-top: 20px;}
.home .item-box .modul-box.modul_headline { text-align:center;}
.modul-box.modul_headline { padding-left: 2rem;
background-color: #fff;
color: #585858;
border-bottom: solid 2px #BA0C2E;
}
.modul-box.modul_headline h1 { margin-bottom: 2rem;}
.modul-box.modul_headline h2 { margin-bottom: 2rem;}
.modul-box.modul_headline h3 { margin-bottom: 2rem;}
.modul-box.modul_headline h4 { margin-bottom: 2rem;}
.modul-box.modul_headline h5 { margin-bottom: 2rem;}
.modul-box.modul_headline h6 { margin-bottom: 2rem;}
.home .modul-box.modul_text { justify-content: space-between;
max-width: 100%;
}
.home .base-box { border-bottom: solid 30px #fff;}
.modul_teaser {max-width: 780px; margin: 0 auto;}
.teaser-box .col-item {min-height: 400px;
border: 0;
overflow: hidden;
z-index: 1;}
.teaser-box .col-item .teaser-title {
text-align: center;
padding: 10px;
position: relative;
z-index: 12;
margin-bottom: 10px;
}
.teaser-box .col-item .teaser-title:after { content:''; bottom:0; left:10%; width:80%; height:2px; position:absolute; background-color:rgba(255,255,255,0.8)}
.teaser-link {
position: absolute;
z-index: 12;
top: 0;
width: 100%;
height: 100%;
left: 0;
}
.teaser-box .col-item {min-height: 260px;
box-shadow: 4px 0px 10px 2px rgb(0, 0, 0, 0.5);
transition: all .3s ease;
}
.teaser-box .col-item:hover { transform: scale(0.95);
box-shadow: 4px 0px 10px 2px rgb(0, 0, 0, 0.7)
}
.teaser-box .bg-image {background-color: rgb(17, 127, 127, 0.8);
}
.teaser-box a:hover + .teaser-title + .bg-image { background-color: rgb(78, 186, 186, 1);
}
@media (max-width:790px) {
.teaser-box.col-box { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left:-2rem; }
.teaser-box .col-item { width:calc(50% - 2rem); margin:0 0 2rem 2rem; }
.teaser-box .image-box { text-align:center; }
.teaser-box .image-box img { width:auto;display:inline-block; }
}
@media (max-width:460px) {
.teaser-box.col-box { display: block; margin-left:0; }
.teaser-box .col-item { width:100%; margin:0 0 2rem 0; }
} .media-media .image-box {max-width: 40%;} .news-box .col-item,
.blog-box .col-item { border:1px solid #000; -webkit-filter: contrast(2); filter: drop-shadow(0 0 4px #333); }
.news-box .news-item,
.blog-box .news-item { padding:1rem 1rem 4rem 1rem; height:100%; position:relative; }
.news-box .news-item .more,
.blog-box .news-item .more { position:absolute; bottom:0; left:0; display:block; padding:1rem; } .social-links,
.social-links li { list-style-type:none; margin:0 5px 5px 0; padding:0; }
.social-links .label { display:none; } [class^="icon-"] { display:inline-block; width:30px; height:30px; position:relative;}
[class^="icon-"] svg { width:100%; height:auto; } .modul_home_footer h6 span { position: relative; display: block;}
.modul_home_footer h6 span:after { content:''; width:80%; position: absolute; left:10%; height:2px; background-color: rgba(255,255,255,0.3); bottom:-5px; }
.partner-box { margin-bottom:2rem; border-bottom:2px solid #fff; }
.partner-footer { margin:3rem; display:flex; }
.partner-footer p {text-align: center; }
.partner-label { margin:auto 1rem auto auto; }
.footer-logo.partner-logo { margin: auto auto auto 1rem; max-width: 130px; width:130px;}
footer .copyright,
footer .navigation{ margin-top: auto; margin-bottom:0.5rem; padding-right:2rem; } .footer-logo { width:100%; margin: 0 auto; }
.footer-logo svg { height:auto; }
.footer-logo svg.innidiablogo { margin:0 0 0 36%; }
.footer-logo svg.certana { margin-left:auto; margin-right:0;}
footer .navigation a { text-decoration: none; color: #fff; padding-right: 20px;position: relative; }
footer .navigation a:hover {color: #fff; text-decoration: none; }
footer .navigation .current-menu-item > a { color:#fff!important;text-decoration: none;}
footer .navigation a:hover:after,
footer .navigation .current-menu-item > a:after { content: '';
width: 100%;
height: 1px;
background-color: #fff;
bottom: 0;
left: 0;
display: block;}
.footer-navi-box,
.menu-footer-menu-container { width:100%; }
footer { font-size:1.4rem; color: #fff; position: relative; z-index: 1;}
.modul_home_footer { font-size:1.4rem; color: #fff;}
.bg-white .modul_home_footer { color: #585858;}
@media (min-width:920px) {
.footer-left { padding-right:15rem; }
.footer-right { padding-left:15rem; text-align: left;}
}
@media (max-width:860px) {
.menu-footer-menu-container .menu li { display:inline-block; }
}
@media (max-width:790px) {
.modul_home_footer .flex-box.space-between { display:block; }
.flex-item.day-box { padding-bottom:2rem; }
.footer-left,
.footer-right { display:block; }
footer .navigation .current-menu-item, footer .navigation .current-menu-parent {background-color:transparent!important;}
footer .navigation a:hover::after,
footer .navigation .current-menu-item > a::after {display: none!important;}
.footer-logo {
width: 100%;
margin: 0 auto 2rem auto;
}
footer .copyright,
footer .navigation { margin-bottom:1rem; }
.footer-logo svg.certana { margin-left: 1rem; }
.footer-logo svg.innidiablogo { margin:0 0 0 auto; }
}
@media (max-width:500px) {
.menu-footer-menu-container .menu li { display:block; }
footer .item-box:nth-of-type(2) > .flex-box { display:block; }
footer .copyright,
footer .navigation { margin-bottom:0; display:block; }
}
@media (max-width:460px) {
.footer-logo svg,
.footer-logo svg.innidiablogo { margin:0 0 2rem 0; max-width: 150px; }
.footer-logo svg.certana { max-width: 80px; height: auto !important; }
}
.nolink { pointer-events: none; text-decoration: none!important; }
.on-stage a { color:#fff; text-decoration: none; }
.on-stage a[href^="tel:"] { text-decoration:underline; }.nav-toggle,
.dropdown-toggle { display:block; height:30px; width:30px; position:absolute; cursor:pointer; border:0;margin: 0; padding: 0; }
.nav-toggle { right:0; top:1.5rem; }
.nav-toggle:focus { outline:none; } .nav-toggle span,
.nav-toggle span:before,
.nav-toggle span:after { position:absolute; content:''; display:block; width:100%; background-color:#720016; height:3px; left:0; }
.nav-toggle span { top:11px; }
.nav-toggle span:before { top:-8px; }
.nav-toggle span:after { bottom:-8px; } .nav-toggle.active span { background:none; }
.nav-toggle.active span:before { top:0; -webkit-transform:rotate(45deg); transform:rotate(45deg); }
.nav-toggle.active span:after { bottom:0; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); } .dropdown-toggle { right:0; top:0; width:50px; z-index:30; height:41px; }
.no-touch .dropdown-toggle:hover { opacity:1;}
.dropdown-toggle span { display:block; height:100%; width:35px; position:relative; }
.dropdown-toggle span:after,
.dropdown-toggle span:before { content:''; position:absolute; background-color: #FFF; height:2px; left:50%; width:16px; top:50%; margin:-2px 0 0 -8px; }
.dropdown-toggle span:after { transform:rotate(-90deg); }
.toggled > .dropdown-toggle span:after { transform:rotate(0); } #primary-menu {border-bottom: 1px solid #fff;}
.en-version #primary-menu > li { display: none; }
.en-version #primary-menu li#menu-item-56 {display: inline-block;}
.en-version #primary-menu .main-navigation .menu li#menu-item-56 a { background-color:#BA0C2E; coolor:#fff;}
.main-navigation { position:relative; width:calc(100% + 6rem); margin:0 -3rem 0 -3rem; }
.menu,
.sub-menu,
.menu li{ margin:0; padding:0; list-style-type:none; position:relative; }
div.menu-item { margin:0; padding:0; list-style-type:none; position:relative; }
.main-navigation .menu li { display:block; width:100%; margin:0 auto; }
.main-navigation .menu li:last-of-type { border-width:1px 0 1px 0;}
.menu a,
div.menu-item a { text-decoration:none; display:block; }
.main-navigation .menu a,
div.menu-item a { padding:1rem 3rem 1rem 3rem; margin-right:6.8rem; }
.main-navigation .sub-menu a { padding-left:4rem; }
.main-navigation .sub-menu .sub-menu a { padding-left:5rem; }
#menu-item-56 { border: solid 1px #BA0C2E; margin-left: 40px; }
#menu-item-56:hover { background-color:#C11B42; color:#fff; }
#menu-item-56:hover > a { color:#fff;}
#menu-item-56 .sub-menu:hover { background-color: #FFF; } .main-navigation,
.sub-menu { display:none; }
.main-navigation.active,
.toggled > .sub-menu { display:block; background-color: #720016} .metabox { position: absolute;
right: 5rem;
bottom: 5rem;
}
.search-box-submit { padding:0; margin-left: 1rem; height:40px; width:40px; border:0; background:transparent; }
.search-box-submit:hover { background:transparent; }
.search-input input { height: 40px; width: 80%; padding: 3px;}
.metabox .widget-title {font-size: 1.8rem;
font-weight: inherit;}
.metabox .textwidget a {color: #fff;}
.metabox .textwidget a:hover { color: #fff;}
.phone-box.button {background-color: #0974D8;}
.phone-box.button:hover {background-color: #213FFF;}
.phone-box {background-image: url(//www.innodiab.de/wp-content/themes/tpx-scratch/images/telefon.png);
background-repeat: no-repeat;
background-size: 23px auto;
background-position: 7px 8px;
padding-left: 41px; }
@media (min-width:960px) {
.metabox { right:5rem; bottom: 11rem; }
}
@media (min-width:1080px) {
.metabox { }
} .cat-menu { margin:3rem 0;}
.cat-menu a { display:inline-block}
@media (max-width:860px) {
.nav-active body { overflow:hidden; }
.main-navigation { overflow: auto; height:calc(100vh - 56px); }
.main-navigation #primary-menu { margin-bottom:30px; }
#menu-item-56 {margin-left: 0px; border: 0px;}
.main-navigation, .sub-menu {display: none;}
.main-navigation { position: absolute; top: 56px; padding-top: 30px;}
.main-navigation .menu a { color:#fff; text-align: left;}
.main-navigation .menu .sub-menu { background-color: #C11B42!important;}
#menu-item-56 { background-color:#720016!important; height: 100%;}
.main-navigation .menu > li:first-of-type {border-top:1px solid #fff;}
.main-navigation .menu > li { border-bottom:1px solid #fff; }
.main-navigation .menu .sub-menu li {border-top:1px solid #fff; }
.metabox { display:none; }
.current-menu-item,
.current-menu-parent{ background-color: rgba(0,0,0,0.2); }
.current-menu-item .current-menu-item { background-color: rgba(0,0,0,0); }
}
@media (min-width:860px) {
#primary-menu {border-bottom: 0;}
.menu-item .iconlabel,
.nav-toggle,
.dropdown-toggle { display:none; }
.touch .dropdown-toggle span:after,
.touch .dropdown-toggle span:before { background-color: #0974D8; } .touch .dropdown-toggle { display:inline-block; width: 30px; top:0; bottom:0; z-index:9; height:30px; }
.touch .dropdown-toggle span { width:30px;}
.touch .main-navigation .menu-item.has-sub a { margin-right:2.3rem; position: relative; z-index:10; }
.main-navigation {
flex-shrink:0;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
width: auto;
top: inherit;
margin: auto;
flex:1 0 auto;
margin:10px auto;
}
.main-navigation .menu,
.main-navigation .menu > li,
div.menu-item { vertical-align: top; display:inline-block; width:auto; border:0;}
.menu li,
div.menu-item { display:inline-block; width: auto; border:0;}
.main-navigation .menu a,
div.menu-item a { padding: 0.5rem 1rem; position:relative; z-index:2; margin-right:0; }
.touch .main-navigation .menu a,
div.menu-item a { padding:0.5rem 0 0.5rem 0.5rem; }
.main-navigation .sub-menu a,
.main-navigation .sub-menu .sub-menu a { padding-left:0; }
.touch .main-navigation .has-sub a { margin-right:6.8rem; }
.main-navigation .sub-menu {
position:absolute;
top:4.8rem;
left:-999em;
z-index:100;
opacity:0;
min-width:200px;
display:block;
background-color: #0974D8;
background-color: #FFF;
}
.main-navigation .sub-menu .sub-menu { top:-1px; }
.no-touch .main-navigation li:hover>ul,
.main-navigation li.toggled>ul { left:0; right:inherit; opacity:1; }
.no-touch .main-navigation li.search:hover>ul,
.main-navigation li.search.toggled>ul { left:inherit; right:0; opacity:1; }
.no-touch .main-navigation .sub-menu li:hover>ul,
.main-navigation .sub-menu li.toggled>ul { right:100%; opacity:1; }
.sub-menu li { display:block; border-bottom:1px solid #585858;}
.main-navigation .sub-menu > li a { display:block; padding:0.5rem 1rem; text-align: start;} .main-navigation a:hover,
.main-navigation li:hover>a,
.current-menu-item>a,
.current-menu-parent>a { color:#BA0C2E; }
.en-version #primary-menu #menu-item-56 > a { background-color:#BA0C2E!important; color:#fff!important;}
.current-menu-item .current-menu-item>a { color:#757575;}
.search-input input { width: 120px; } .main-navigation .sub-menu li:hover>ul:before,
.main-navigation .sub-menu li:hover>ul:before { content:''; position:absolute; left:-1px; top:0; height:120%; width:100%; }
.main-navigation li:hover:before,
.main-navigation li:hover:before { position:absolute; left:0; top:0; content:''; width:100%; height:200%; z-index:0; }
}