body, html {
height: 100%;
width: 100%;
background-color: #fff;
font-family: 'MiSans Latin', sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1rem;
color: #403d3d;
-webkit-font-smoothing: antialiased;
}
body,
input,
textarea {
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
}
body #page-content {
overflow: hidden;
}
body.mean-container #page-content {
overflow: visible;
}
.absolute {
position: absolute;
}
.like-table {
display: table;
width: 100%;
height: 100%;
}
.like-table.row {
margin: 0;
}
.like-table.row.grid {
margin: 0;
margin-bottom: 30px;
}
.like-table-cell-top {
display: table-cell;
vertical-align: top;
float: none;
height: 100%;
}
.like-table-cell-mid {
display: table-cell;
vertical-align: middle;
float: none;
height: 100%;
padding-bottom: 1.5em;
}
.transbox .like-table-cell-mid {
padding-bottom: 0;
}
@media only screen and (max-width:767px) {
.like-table,
.like-table-cell-top,
.like-table-cell-mid {
display: block;
height: auto;
}
}
.clear {
clear: both;
}
.full-size {
width: 100%;
height: 100%;
}
.full-height {
height: 100%;
}
.modal-content img, .imgwidth img {
max-width: 100%;
height: auto;
}
.imgwidthfull img {
width: 100%;
height: auto;
}
.imgwidth img {
max-width: 100%;
height: auto;
}
.hyphens {
hyphens: auto;
}
.anchorpadding {
padding-top: 46px;
}
@media only screen and (max-width:767px) {
.anchorpadding {
padding-top: 0px;
}
}
.m-0-lastchild h1:last-child,
.m-0-lastchild h2:last-child,
.m-0-lastchild h3:last-child,
.m-0-lastchild h4:last-child,
.m-0-lastchild h5:last-child,
.m-0-lastchild h6:last-child,
.m-0-lastchild h7:last-child,
.m-0-lastchild p:last-child {
margin: 0;
}
.formcheck {
display: none;
}
@-webkit-keyframes scroll {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
}
@keyframes scroll {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
}
#portalslider .scroll {
display: none;
width: 26px;
height: 46px;
border-radius: 13px;
border: 3px solid #fff;
position: absolute;
bottom: 22px;
left: 50%;
margin-left: -13px;
z-index: 10;
cursor: pointer;
opacity: 1.0;
-webkit-transition: border 0.3s ease-in-out;
-moz-transition: border 0.3s ease-in-out;
-o-transition: border 0.3s ease-in-out;
transition: border 0.3s ease-in-out;
}
#portalslider .scroll:hover {
opacity: 1.0;
}
/*
#header.background--light + #portalslider .scroll {
border: 2px solid #605e5e;
}
#header.background--light + #portalslider .scroll span {
background: #605e5e;
}
*/
#portalslider .scroll span {
display: block;
margin: 6px auto;
width: 6px;
height: 6px;
border-radius: 4px;
background: #fff;
border: 1px solid transparent;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-name: scroll;
animation-name: scroll;
-webkit-transition: background 0.3s ease-in-out;
-moz-transition: background 0.3s ease-in-out;
-o-transition: background 0.3s ease-in-out;
transition: background 0.3s ease-in-out;
}
/*------------
Colors
-------------*/
/* White */
.color1 {
color: #fff;
}
/* Grey */
.color2 {
color: #ececec;
}
/* Light Orange */
.color3 {
color: #fb8d4d;
}
/* Dark Orange */
.color4 {
color: #fb5d00;
}
/* Green */
.color5 {
color: #005147;
}
/* Dark Green */
.color6 {
color: #033932;
}
/* light Green */
.color7 {
color: #2d7f75;
}
/*------------
Backgrounds
-------------*/
/* White */
.bg1 {
background-color: #fff;
}
/* Grey */
.bg2 {
background-color: #ececec;
}
/* Light Orange */
.bg3 {
background-color: #fb8d4d;
}
/* Dark Orange */
.bg4 {
background-color: #fb5d00;
}
.bg4-10 {
background-color: rgba(251, 93, 0, 0.1);
}
.bg4-50 {
background-color: rgba(251, 93, 0, 0.5);
}
.bg4-75 {
background-color: rgba(251, 93, 0, 0.75);
}
/* Green */
.bg5 {
background-color: #005147;
}
/* Dark Green */
.bg6 {
background-color: #033932;
}
/* light Green */
.bg7 {
background-color: #2d7f75;
}
/*------------
Background-Gradients
-------------*/
/* Gradient Weiß zu Grau - Top zu Bottom */
.bg-gr-w-g-tb {
background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(236, 236, 236, 1) 100%);
}
/* Gradient Grau zu Weiß - Top zu Bottom */
.bg-gr-g-w-tb {
background: linear-gradient(180deg,rgba(236, 236, 236, 1) 0%, rgba(255, 255, 255, 1) 100%);
}
/*------------
Text
-------------*/
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
color: inherit;
}
h1 {
font-size: 2.5em;
margin-bottom: 1rem;
font-weight: 800;
color: #2d7f75;
}
h1 strong,
h1 b {
}
@media only screen and (max-width:1199px) {
h1 {
font-size: 2.0em;
}
}
@media only screen and (max-width:991px) {
h1 {
font-size: 1.8em;
}
}
@media only screen and (max-width:767px) {
h1 {
font-size: 1.6em;
}
}
h1.jumbo {
line-height: 1.2;
font-size: calc(1.625rem + 3.5vw);
}
@media (min-width: 1200px) {
h1.jumbo {
font-size: 4rem;
}
}
.likeh1 {
font-size: 2.5em;
margin-bottom: 1rem;
font-weight: 800;
color: #2d7f75;
}
@media only screen and (max-width:1199px) {
.likeh1 {
font-size: 2.0em;
}
}
@media only screen and (max-width:991px) {
.likeh1 {
font-size: 1.8em;
}
}
@media only screen and (max-width:767px) {
.likeh1 {
font-size: 1.6em;
}
}
h2 {
font-size: 2.2em;
color: #2d7f75;
margin-bottom: 1rem;
font-weight: 700;
}
@media only screen and (max-width:1199px) {
h2 {
font-size: 1.9em;
}
}
@media only screen and (max-width:991px) {
h2 {
font-size: 1.7em;
}
}
@media only screen and (max-width:767px) {
h2 {
font-size: 1.4em;
}
}
.likeh2 {
font-size: 2.2em;
color: #2d7f75;
margin-bottom: 1rem;
font-weight: 700;
}
@media only screen and (max-width:1199px) {
.likeh2 {
font-size: 1.9em;
}
}
@media only screen and (max-width:991px) {
.likeh2 {
font-size: 1.7em;
}
}
@media only screen and (max-width:767px) {
.likeh2 {
font-size: 1.4em;
}
}
h3 {
font-size: 1.6em;
margin-bottom: 1rem;
font-weight: 600;
color: #2d7f75;
}
@media only screen and (max-width:1199px) {
h3 {
font-size: 1.5em;
}
}
@media only screen and (max-width:991px) {
h3 {
font-size: 1.3em;
}
}
@media only screen and (max-width:767px) {
h3 {
font-size: 1.1em;
}
}
.likeh3 {
font-size: 1.6em;
margin-bottom: 1rem;
font-weight: 600;
color: #2d7f75;
}
@media only screen and (max-width:1199px) {
.likeh3 {
font-size: 1.5em;
}
}
@media only screen and (max-width:991px) {
.likeh3 {
font-size: 1.3em;
}
}
@media only screen and (max-width:767px) {
.likeh3 {
font-size: 1.1em;
}
}
p {
font-size: 1.4em;
line-height: 1.6;
letter-spacing: .05em;
margin-bottom: 1rem;
}
@media only screen and (max-width:1199px) {
p {
font-size: 1.3em;
}
}
@media only screen and (max-width:991px) {
p {
font-size: 1.1em;
}
}
@media only screen and (max-width:767px) {
p {
font-size: 1.0em;
}
}
a {
color: #403d3d;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
a:hover {
color: #fb5d00;
text-decoration: none;
}
.likep {
font-size: 1.4rem;
line-height: 1.6;
letter-spacing: .05em;
margin-bottom: 1rem;
text-decoration:none;
color: #403d3d;
}
@media only screen and (max-width:1199px) {
.likep {
font-size: 1.3rem;
}
}
@media only screen and (max-width:991px) {
.likep {
font-size: 1.1rem;
}
}
@media only screen and (max-width:767px) {
.likep {
font-size: 1.0rem;
}
}
.small, small {
font-size: .85rem;
}
@media only screen and (max-width:991px) {
.small, small {
font-size: .85rem;
}
}
@media only screen and (max-width:767px) {
.small, small {
font-size: .9rem;
}
}
.card-header h1,
.card-header h2,
.card-header h3,
.card-header h4,
.card-header h5,
.card-header h6,
.card-header p {
margin: 0;
}
.kachel p:last-child,
.card-body p:last-child {
margin: 0;
}
/* Streifen über Headline */
.headliner h1,
.headliner h2 {
position: relative;
margin: 0 auto;
/*
display:table;
*/
margin-top: 2em;
margin-bottom: .5em;
}
.headliner h1:before,
.headliner h2:before {
background-color: #b2b2b2;
content: '';
position: absolute;
top: -2em;
left: 0;
height: 4px;
/*
width: 40%;
margin: 0 0 0 30%;
*/
width: 4%;
margin: 0 0 0 48%;
-webkit-transition: all 3s ease-in-out;
-moz-transition: all 3s ease-in-out;
-o-transition: all 3s ease-in-out;
transition: all 3s ease-in-out;
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
-ms-transform: scaleX(0);
-o-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-o-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.headliner.loaded h1:before,
.headliner.loaded h2:before {
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
-ms-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1);
}
/* Signet im Container */
.signetcontainer {
display: none;
}
.signet .signetcontainer {
display: block;
background-image: url("../upload/interface/signet_bl.svg");
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
opacity: 0;
width: 85px;
height: 50px;
margin: 0 auto;
margin-bottom: 50px;
transform: scale(1);
animation: scale9 5s infinite;
animation-delay: 1s;
-webkit-transition: all 2.7s ease-in-out;
-o-transition: all 2.7s ease-in-out;
-moz-transition: all 2.7s ease-in-out;
-ms-transition: all 2.7s ease-in-out;
-kthtml-transition: all 2.7s ease-in-out;
transition: all 2.7s ease-in-out;
}
.signet.loaded .signetcontainer {
opacity: 0.1;
}
ul li {
font-size: 1.4em;
line-height: 1.8;
letter-spacing: .05em;
}
@media only screen and (max-width:1199px) {
ul li {
font-size: 1.3em;
}
}
@media only screen and (max-width:991px) {
ul li {
font-size: 1.1em;
}
}
@media only screen and (max-width:767px) {
ul li {
font-size: 1.0em;
}
}
.bulletscheck ul {
padding: 0;
padding-bottom: 0px;
list-style: none;
}
.bulletscheck ul li {
padding: 0 0 0.5vw 35px;
position: relative;
display: block;
}
.bulletscheck ul li:before {
font-family: "Font Awesome 5 Pro";
content: "\f00c";
font-weight: 600;
color: #16a958;
font-size: 1.1rem;
font-style: normal;
font-variant: normal;
display: inline-block;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
margin-right: 17px;
margin-left: -35px;
}
.productfeatures.bulletscheck ul li {
padding: 0 0 1.5rem 50px;
border-bottom: 1px solid #ccc;
}
.productfeatures.bulletscheck ul li:before {
font-size: 1.8rem;
margin-left: -50px;
margin-right: 24px;
}
.productfeatures.bulletscheck ul li ul {
list-style-type: disc;
}
.productfeatures.bulletscheck ul li ul li:before {
font-family: initial;
content: "";
margin-right: auto;
margin-left: auto;
}
.productfeatures.bulletscheck ul li ul li {
font-size: 1.0em;
display: revert;
margin: 0 0 0 20px;
padding: 0 0 0 10px;
border-bottom: 0px;
}
.productfeatures ul p {
font-size: 1.0em;
display: inline;
}
/*------------
BUTTONS
-------------*/
.btn {
border-radius: 0.5rem;
font-weight: 700;
color: #fff;
border: 2px solid transparent;
background-color: #fb5d00;
border-color: #fb5d00;
}
.btn-primary {
color: #fff;
background-color: #fb5d00;
border-color: #fb5d00;
}
.btn-primary:hover {
color: #fff;
background-color: #fb8d4d;
border-color: #fb8d4d;
}
.btn-secondary {
color: #fff;
background-color: #fb8d4d;
border-color: #fb8d4d;
}
.btn-secondary:hover {
color: #fff;
background-color: #fb5d00;
border-color: #fb5d00;
}
.btn-outline,
.btn-outline-primary {
color: #fb5d00;
background-color: transparent !important;
border-color: #fb5d00;
}
.btn-outline:hover,
.btn-outline-primary:hover {
color: #fff;
background-color: #fb5d00 !important;
border-color: #fb5d00;
}
.btn-outline-secondary {
color: #fb8d4d;
border-color: #fb8d4d;
background-color: transparent;
}
.btn-outline-secondary:hover {
color: #fff;
background-color: #fb8d4d;
border-color: #fb8d4d;
}
.form-control {
border: 2px solid #ced4da;
}
.form-control.has-error {
border-color: #a94442;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
.privacycheckbox.has-error {
border: 2px solid #a94442;
}
#errormessage, #errormessagep, #transmitting, #sessioncontainer, #conforwarder {
display: none;
}
.btn-info {
font-size: 0.6rem;
font-weight: bold;
line-height: 1em;
padding: 0.1rem 0.1rem;
border-radius: 0.3rem;
border: 2px solid;
position: relative;
top: -1px;
}
/*------------
HEADER
-------------*/
#headertop {
display: block;
/*
background-color: rgba(255, 255, 255, 0.4);
*/
padding: 10px 28px 0 0;
font-size: 15px;
line-height: 1;
/*
-webkit-transition: background 0.3s ease-in-out;
-moz-transition: background 0.3s ease-in-out;
-o-transition: background 0.3s ease-in-out;
transition: background 0.3s ease-in-out;
*/
}
#headertop:hover {
/*
background-color: rgba(255, 255, 255, 0.8);
*/
}
@media only screen and (max-width:1400px) {
#headertop {
font-size: 14px;
}
}
@media only screen and (max-width:1199px) {
#headertop {
font-size: 13px;
}
}
@media only screen and (max-width:991px) {
#headertop {
font-size: 12px;
}
}
@media only screen and (max-width:767px) {
#headertop {
display: none;
}
}
#headertop .header-right {
float: right;
margin: 0 0 0 10px;
}
#headertop .header-right .form-group {
margin-bottom: 0px;
}
#headertop .headsearch {
position: relative;
}
#headertop .headsearch input {
text-indent: 26px;
border: 1px solid #999999;
background-color: transparent;
height: 28px;
padding: 2px 10px 0;
font-size: 14px;
border-radius: 6px;
}
@media only screen and (max-width:1400px) {
#headertop .headsearch input {
font-size: 14px;
height: 28px;
}
}
@media only screen and (max-width:1199px) {
#headertop .headsearch input {
font-size: 13px;
height: 26px;
}
}
@media only screen and (max-width:991px) {
#headertop .headsearch input {
font-size: 12px;
height: 24px;
}
}
#headertop .headsearch .fa-search {
position: absolute;
top: 6px;
left: 8px;
color: #999999;
}
#headertop .languages a,
#headertop .languages a:link,
#headertop .languages a:visited {
display: block;
text-align: center;
float: right;
color: #fff;
background-color: transparent;
border: 2px solid #fff;
font-size: 12px;
font-weight: 700;
padding: 8px 10px;
margin: 0 0 0 10px;
text-decoration: none;
line-height: 1;
}
#headertop .languages a:hover {
color: #000;
background-color: #fff;
text-decoration: none;
}
#headertop .languages a.active {
color: #000;
background-color: #fff;
}
#header {
top: 0;
left: 0;
z-index: 999;
margin: 0;
padding; 20px 0 0 0;
background: #033932;
/*
border-bottom: 5px solid #fb8d4d;
*/
/*
background: rgba(169,145,114,1.0);
*/
line-height: 0;
width: 100%;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
-webkit-transition: .27s linear;
-moz-transition: .27s linear;
transition: .27s linear;
}
#header.absolute {
position: absolute;
}
.fullparallax #header {
background: rgba(255,255,255,0.85);
}
@media only screen and (max-width:1400px) {
#header {
}
}
@media only screen and (max-width:1199px) {
#header {
}
}
@media only screen and (max-width:767px) {
#header {
height: 66px;
}
}
@media only screen and (max-width:767px) {
#header.absolute {
height: 60px;
}
}
#header .stickylogo {
display: none;
}
.headerlogo {
position: absolute;
width: 340px;
height: auto;
padding: 30px 0 0 30px;
-webkit-transition: .27s linear;
-moz-transition: .27s linear;
transition: .27s linear;
}
@media only screen and (max-width:1400px) {
#header .headerlogo {
}
}
@media only screen and (max-width:1199px) {
#header .headerlogo {
width: 320px;
padding: 20px 0 0 20px;
}
}
@media only screen and (max-width:991px) {
#header .headerlogo {
width: 280px;
padding: 15px 0 15px 15px;
}
}
@media only screen and (max-width:767px) {
#header .headerlogo {
width: 240px;
padding: 15px 0 15px 15px;
}
}
.headerlogo img {
width: 100%;
height: auto;
/*
-moz-filter: drop-shadow(8px 8px 5px rgba(0,0,0,.8));
-webkit-filter: drop-shadow(8px 8px 5px rgba(0,0,0,.8));
-ms-filter: drop-shadow(8px 8px 5px rgba(0,0,0,.8));
filter: drop-shadow(8px 8px 5px rgba(0,0,0,.8));
*/
}
@media only screen and (max-width:991px) {
/*
.headerlogo img {
-moz-filter: drop-shadow(4px 4px 5px rgba(0,0,0,.8));
-webkit-filter: drop-shadow(4px 4px 5px rgba(0,0,0,.8));
-ms-filter: drop-shadow(4px 4px 5px rgba(0,0,0,.8));
filter: drop-shadow(4px 4px 5px rgba(0,0,0,.8));
}
*/
}
#respmenu {
display: none;
}
.headmenu {
text-align: right;
-webkit-transition: .27s linear;
-moz-transition: .27s linear;
transition: .27s linear;
}
#header .headmenu {
/*
margin-top: 20px;
*/
margin-right: 14px;
}
@media only screen and (max-width:1199px) {
#header .headmenu {
}
}
@media only screen and (max-width:991px) {
#header .headmenu {
}
}
@media only screen and (max-width:767px) {
#header .headmenu {
}
}
.headmenu .menu,
.headmenu .menu ul,
.headmenu .menu li,
.headmenu .menu a {
margin: 0;
padding: 0;
border: none;
outline: none;
}
/*
.headmenu .menu {
margin: 0 auto;
}
*/
.headmenu ul {
display:inline-block;
list-style:none;
zoom: 1;
}
.headmenu .menu li {
display: block;
float: left;
list-style: none;
position: relative;
z-index: 999;
line-height: 60px;
}
@media only screen and (max-width:1199px) {
.headmenu .menu li {
line-height: 40px;
}
}
.caret {
display: inline-block;
width: 0;
height: 0;
margin-left: 8px;
vertical-align: middle;
border-top: 8px dashed;
border-top: 8px solid\9;
border-right: 8px solid transparent;
border-left: 8px solid transparent;
color: #fb8d4d;
}
/* Links */
.headmenu .menu li a {
display: block;
padding: 0 14px;
margin: 0 0 0 0;
text-decoration: none;
color: #fff;
font-size: 20px;
font-weight: bold;
letter-spacing: 1px;
/*
border-right: 1px solid #E8E8E4;
text-transform: uppercase;
opacity: 1.0;
*/
-webkit-transition: color .2s ease-in-out;
-moz-transition: color .2s ease-in-out;
-o-transition: color .2s ease-in-out;
-ms-transition: color .2s ease-in-out;
transition: color .2s ease-in-out;
-webkit-transition: opacity .2s ease-in-out;
-moz-transition: opacity .2s ease-in-out;
-o-transition: opacity .2s ease-in-out;
-ms-transition: opacity .2s ease-in-out;
transition: opacity .2s ease-in-out;
}
@media only screen and (max-width:1400px) {
.headmenu .menu li a {
padding: 0 15px;
font-size: 18px;
}
}
@media only screen and (max-width:1199px) {
.headmenu .menu li a {
padding: 0 10px;
font-size: 16px;
}
}
@media only screen and (max-width:991px) {
.headmenu .menu li a {
padding: 0 10px;
font-size: 16px;
}
}
@media only screen and (max-width:767px) {
.headmenu .menu li a {
padding: 0 10px;
font-size: 16px;
}
}
.headmenu .menu li:hover > a {
color: #fb8d4d;
}
.headmenu .menu li.active a {
color: #fb5d00;
/*
opacity: 1.0;
*/
}
.headmenu .menu li:first-child a {
border-left: none;
}
.headmenu .menu li:last-child a {
border-right: none;
background-image: none;
}
.headmenu .child1 a {
}
.headmenu .nochild1 a {
}
/* Sub Menu */
.headmenu .menu ul {
text-align: left;
position: absolute;
top: 60px;
left: 0;
opacity: 0;
-webkit-transition: opacity .25s ease .1s;
-moz-transition: opacity .25s ease .1s;
-o-transition: opacity .25s ease .1s;
-ms-transition: opacity .25s ease .1s;
transition: opacity .25s ease .1s;
}
@media (max-width: 1199px) {
.headmenu .menu ul {
top: 40px;
}
}
@media (max-width: 991px) {
.headmenu .menu ul {
}
}
.headmenu .menu li:last-child ul {
left: auto;
right: 0;
}
.headmenu .menu li:hover > ul {
opacity: 1;
}
.headmenu .menu li.dropdown.parent-clicked > ul {
opacity: 1;
}
.headmenu .menu ul li {
position: relative;
height: 0;
overflow: hidden;
padding: 0;
-webkit-transition: height .25s ease .1s;
-moz-transition: height .25s ease .1s;
-o-transition: height .25s ease .1s;
-ms-transition: height .25s ease .1s;
transition: height .25s ease .1s;
}
.headmenu .menu li:hover > ul li {
height: auto;
overflow: visible;
padding: 0;
}
.headmenu .menu ul li a {
width: 300px;
padding: 10px 15px;
margin: 0;
line-height: 20px;
color: #403d3d !important;
font-size: 18px;
letter-spacing: 1px;
text-align: left;
background: rgba(255,255,255,1.0);
border: none;
border-bottom: 1px solid #ececec;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-transition: .27s linear;
-moz-transition: .27s linear;
transition: .27s linear;
}
@media (max-width: 1199px) {
.headmenu .menu ul li a {
width: 250px;
font-size: 16px;
}
}
@media (max-width: 991px) {
.headmenu .menu ul li a {
width: 200px;
font-size: 14px;
}
}
@media (max-width: 767px) {
.headmenu .menu ul li a {
font-size: 12px;
}
}
.headmenu .menu ul li:hover a {
color: #fb8d4d !important;
background: rgba(255,255,255,1.0);
}
.headmenu .menu ul li.active a {
color: #fb5d00 !important;
background: rgba(255,255,255,1.0);
}
.headmenu .menu li:last-child ul li a {
padding: 10px 15px;
text-align: right;
}
.headmenu .menu ul li:first-child a {
/*
-webkit-border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
*/
}
.headmenu .menu ul li:last-child a {
/*
border: none;
-webkit-border-radius: 0 0 3px 3px;
-moz-border-radius: 0 0 3px 3px;
border-radius: 0 0 3px 3px;
*/
}
.headmenu .menu ul li ul {
display: none;
}
@media (max-width: 1199px) {
}
@media (max-width: 991px) {
.headmenu {
padding: 0 0px 0 0;
}
.headmenu .menu li a {
padding: 0px 7px;
letter-spacing: 1px;
}
.headmenu .menu li:last-child ul li a {
padding: 6px 7px 6px 0px;
}
}
@media only screen and (min-width: 768px) {
}
@media (max-width: 767px) {
.headmenu {
display: none;
}
}
#stickynav {
position: absolute;
width: 100%;
z-index: 500;
display: none;
}
#stickynav .headerlogo {
display: none;
}
#stickynav .stickylogo {
display: block;
width: 200px;
height: auto;
margin: 6px 0 0 12px;
position: absolute;
}
@media only screen and (max-width:991px) {
#stickynav .stickylogo {
width: 120px;
height: auto;
}
}
#stickynav .stickylogo img {
width: 100%;
height: auto;
}
#stickynav.overflow {
display: block;
left: 0px;
top: -130px;
/*
background-color: #fff;
*/
/*
background: rgba(3,57,50,0.75);
*/
background: #033932;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
-webkit-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
}
#stickynav.fixed {
position: fixed;
top: 0;
}
#stickynav .headernav {
margin: 0px 10px 0 0;
padding: 0;
}
#stickynav .headmenu .menu li a {
line-height: 46px;
color: #fff;
}
#stickynav .headmenu .menu li:hover > a {
color: #fb8d4d;
}
#stickynav .headmenu .menu li.active a {
color: #fb5d00;
/*
opacity: 1.0;
*/
}
#stickynav .headmenu .menu ul li a {
line-height: 20px;
background: rgba(255,255,255,1.0);
}
#stickynav .headmenu .menu ul li:hover a {
olor: #000 !important;
background: rgba(255,255,255,1.0);
}
#stickynav .headmenu .menu ul li.active a {
color: #000 !important;
background: rgba(255,255,255,1.0);
}
#stickynav .headmenu ul {
float: right;
list-style: none;
zoom: 1;
top: 46px;
}
#stickynav .headmenu ul:after {
clear: both;
}
/*------------
Container
-------------*/
.whitebox {
background: #fff;
}
.greybox {
background: #ececec;
}
.darkbox {
background: #272626;
}
.blueboxlight {
background: #5886bf;
}
.blueboxdark {
background: #1a4789;
}
.footerbox {
background: #033932;
/*
background-image: url(../upload/interface/Sandstein_d.jpg);
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
*/
}
.whitebox,
.whitebox a,
.whitebox h1,
.whitebox h2,
.whitebox h3,
.whitebox h4,
.whitebox h5,
.whitebox p {
}
.darkbox,
.darkbox a,
.darkbox h1,
.darkbox h3,
.darkbox h4,
.darkbox h5,
.darkbox p,
.blueboxlight,
.blueboxlight a,
.blueboxlight h1,
.blueboxlight h3,
.blueboxlight h4,
.blueboxlight h5,
.blueboxlight p,
.blueboxdark,
.blueboxdark a,
.blueboxdark h1,
.blueboxdark h3,
.blueboxdark h4,
.blueboxdark h5,
.blueboxdark p,
.transdark,
.transdark a,
.transdark h1,
.transdark h2,
.transdark h3,
.transdark h4,
.transdark h5,
.transdark p {
color: #fff;
}
.darkbox h2,
.blueboxlight h2,
.blueboxdark h2 {
color: #f8ee83;
}
.darkbox h2.rosa,
.blueboxlight h2.rosa,
.blueboxdark h2.rosa {
color: #f8ee83;
}
.darkbox h2.gelb,
.blueboxlight h2.gelb,
.blueboxdark h2.gelb {
color: #f8ee83;
}
.darkbox h2.blau,
.blueboxlight h2.blau,
.blueboxdark h2.blau {
color: #87bbe0;
}
.darkbox.headliner h1::after,
.blueboxlight.headliner h1::after,
.blueboxdark.headliner h1::after {
background-color: #f8ee83;
}
.contentpadding {
padding: 8vw 0;
}
.contentpaddinghalf {
padding: 4vw 0;
}
.contentpaddingtwo {
padding: 2vw 0;
}
.infobox .contentpadding {
padding: 4vw 0;
}
.contentpaddingxxl {
padding: 12vw 0;
}
/* NEU */
.contentpaddings {
padding-top: 2vw;
}
.contentpaddingm {
padding-top: 4vw;
}
.contentpaddingl {
padding-top: 6vw;
}
.contentpaddingxl {
padding-top: 8vw;
}
.contentpaddingnull {
padding-top: 0;
}
.contentpaddingus {
padding-bottom: 2vw;
}
.contentpaddingum {
padding-bottom: 4vw;
}
.contentpaddingul {
padding-bottom: 6vw;
}
.contentpaddinguxl {
padding-bottom: 8vw;
}
.contentpaddingunull {
/*
padding-bottom: 1px;
*/
}
.transparentbox .contentpaddingunull {
padding-bottom: 0px;
}
.compact .contentpaddingm {
padding-top: 2vw;
}
.compact .contentpaddingum {
padding-bottom: 2vw;
}
@media only screen and (max-width:991px) {
.contentpaddings {
padding-top: 4vw;
}
.contentpaddingm {
padding-top: 6vw;
}
.contentpaddingl {
padding-top: 8vw;
}
.contentpaddingxl {
padding-top: 10vw;
}
.contentpaddingus {
padding-bottom: 4vw;
}
.contentpaddingum {
padding-bottom: 6vw;
}
.contentpaddingul {
padding-bottom: 8vw;
}
.contentpaddinguxl {
padding-bottom: 10vw;
}
.compact .contentpaddingm {
padding-top: 4vw;
}
.compact .contentpaddingum {
padding-bottom: 4vw;
}
}
@media only screen and (max-width:767px) {
.contentpaddings {
padding-top: 6vw;
}
.contentpaddingm {
padding-top: 8vw;
}
.contentpaddingl {
padding-top: 10vw;
}
.contentpaddingus {
padding-bottom: 6vw;
}
.contentpaddingum {
padding-bottom: 8vw;
}
.contentpaddingul {
padding-bottom: 10vw;
}
.compact .contentpaddingm {
padding-top: 6vw;
}
.compact .contentpaddingum {
padding-bottom: 6vw;
}
.portalvideo .contentpaddingm {
padding-top: 0;
}
}
.fixedbg {
-webkit-align-items: center;
align-items: center;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0;
padding: 15px;
position: relative;
width: 100%;
}
.fixedbg .content {
/*
background: rgba(255,255,255,.9);
*/
border-radius: 5px;
margin: 0 auto;
padding: 30px 35px;
text-align: center;
}
.fixedbg .content p:last-child {
margin: 0;
}
.translight .colorlayer.mid {
background: rgba(255, 255, 255, .7);
}
.translight .colorlayer.full {
background: rgba(255, 255, 255, .9);
}
.transdark .colorlayer.mid {
background: rgba(0, 0, 0, .4);
}
.transdark .colorlayer.full {
background: rgba(0, 0, 0, .8);
}
.whitebox.fixedbg .colorlayer {
background: rgba(255, 255, 255, .8);
}
.darkbox.fixedbg .colorlayer {
background: rgba(0, 70, 142, .5);
}
.centeredbg {
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.stretchimg {
background-size: 100% auto;
}
.cover {
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.contain {
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
}
.fullauto {
-webkit-background-size: 100% auto;
-moz-background-size: 100% auto;
-o-background-size: 100% auto;
background-size: 100% auto;
}
.autofull {
-webkit-background-size: auto 100%;
-moz-background-size: auto 100%;
-o-background-size: auto 100%;
background-size: auto 100%;
}
.autoauto {
-webkit-background-size: auto auto;
-moz-background-size: auto auto;
-o-background-size: auto auto;
background-size: auto auto;
}
.topcenter,
.topcenter .parallax {
background-position: top center !important;
}
.bottomcenter,
.bottomcenter .parallax {
background-position: bottom center !important;
}
.leftcenter,
.leftcenter .parallax {
background-position: left center !important;
}
.rightcenter,
.rightcenter .parallax {
background-position: right center !important;
}
.centercenter,
.centercenter .parallax {
background-position: center center !important;
}
.topleft,
.topleft .parallax {
background-position: top left !important;
}
.topright,
.topright .parallax {
background-position: top right !important;
}
.bottomleft,
.bottomleft .parallax {
background-position: bottom left !important;
}
.bottomright,
.bottomright .parallax {
background-position: bottom right !important;
}
.whitebox.centeredbg .colorlayer {
background: rgba(255, 255, 255, .6);
}
.darkbox.centeredbg .colorlayer {
background: rgba(50, 38, 38, .4);
}
.infobox h1 {
margin-top: 0px;
}
.infobox h2 {
color: #64ae24;
color: #d0c871;
margin-bottom: .5em;
}
.infobox ul,
.infobox li {
margin: 0;
padding: 0;
border: none;
outline: none;
}
.infobox ul {
list-style:none;
/*
white-space: pre-line;
*/
white-space: normal;
}
.infobox li {
padding: 6px 14px;
margin: 0 0 10px 0;
/*
background-color: #87bbe0;
*/
border: 1px solid #94826a;
border-radius: 1px;
font-size: 1.3em;
letter-spacing: .05em;
color: #94826a;
display: inline-block;
}
.infobox .imgwidthfull img,
.infobox .imgwidth img {
/*
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
*/
}
.transbox {
height: 100%;
padding: 1.5em 0.7em;
background: rgba(255,255,255,0.8);
border-radius: 1px;
border: 1px solid #fff;
-webkit-transition: background 0.3s ease-in-out;
-moz-transition: background 0.3s ease-in-out;
-o-transition: background 0.3s ease-in-out;
transition: background 0.3s ease-in-out;
}
.transbox:hover {
background: rgba(255,255,255,1.0);
}
@media only screen and (max-width:767px) {
.transbox {
height: auto;
}
}
.transbox h1 {
margin: 0;
font-size: 1.4em;
}
.transbox p {
font-size: 1.1em;
margin: 0.5em 0 0 0;
}
@media only screen and (max-width:1199px) {
.transbox p {
font-size: 1.0em;
}
}
@media only screen and (max-width:991px) {
.transbox p {
font-size: 0.9em;
}
}
@media only screen and (max-width:767px) {
.transbox p {
font-size: 0.9em;
}
}
.transbox,
.transbox a,
.transbox h1,
.transbox h2,
.transbox h3,
.transbox h4,
.transbox h5,
.transbox p {
color: #403d3d;
}
/*------------
FOOTER
-------------*/
.footerbox,
.footerbox a,
.footerbox p {
color: #fff;
line-height: 1.1;
letter-spacing: .05em;
margin: 0;
text-decoration: none;
-webkit-transition: .27s linear;
-moz-transition: .27s linear;
transition: .27s linear;
}
.footerbox a {
font-size: 1.0em;
}
.footerbox p {
font-size: 1.0em;
margin: 0 0 10px;
}
.footerbox li {
font-size: 1.0em;
}
.footerbox p.footercontact {
font-size: 1.0em;
line-height: 1.4;
}
.footerbox p.footercontact a {
font-size: 1.0em;
}
.footerbox .line {
margin: 0 0 10px 0;
padding: 0 0 10px 0;
border-bottom: 1px dotted #969ca5;
}
.footerbox ul {
margin: 0 0 10px 0;
padding: 0 0 10px 0;
list-style: none;
}
.footerbox ul li {
padding: 0 0 5px 15px;
position: relative;
display: block;
}
.footerbox ul li:before {
font-family: "Font Awesome 7 Pro";
content: "\f101";
font-weight: 300;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
margin-right: 5px;
margin-left: -15px;
}
.footerbox ul li a {
word-wrap: break-word;
overflow-wrap: break-word;
-moz-hyphens: auto;
-o-hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
.footerbox .row {
margin-right: 0;
margin-left: 0;
}
@media only screen and (max-width:767px) {
}
.footerbox .row .col-sm-6 {
padding-right: 30px;
padding-left: 30px;
}
.footerbox .smigimg {
float: left;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
width: 25px;
height: 25px;
background-size: cover !important;
margin-right: 10px;
border: 1px solid #323f50;
}
.footerlogo {
width: 250px;
height: auto;
margin: 0 0 15px;
max-width: 100%;
}
.footercopyright {
color: #fff;
margin: 2em 0 0;
}
.footercopyright p {
font-weight: 400;
color: #fff;
line-height: 1.2;
letter-spacing: .05em;
margin: 0;
font-size: 0.9em;
display: inline;
}
.footeryear {
color: #fff;
line-height: 1.2;
letter-spacing: .05em;
margin: 0;
font-size: 0.9em;
display: inline;
}
.footercopyright p a {
font-size: 1.0em;
color: #fff;
}
.footercopyright p a:hover {
color: #fff;
text-decoration: underline;
}
@media only screen and (max-width:1199px) {
.footercopyright p,
.footeryear {
font-size: 0.8em;
}
}
@media only screen and (max-width:991px) {
.footercopyright p,
.footeryear {
font-size: 0.7em;
}
}
@media only screen and (max-width:767px) {
.footercopyright p,
.footeryear {
font-size: 0.7em;
}
}
/*------------
EFFECTS
-------------*/
.pulse {
box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
transform: scale(1);
animation: pulse 3s infinite;
animation-delay: 1s;
}
.pulsewhite {
box-shadow: 0 0 0 0 rgba(255, 255, 255, 1);
transform: scale(1);
animation: pulsewhite 3s infinite;
animation-delay: 1s;
}
@keyframes pulse {
0% {
transform: scale(0.97);
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);
}
70% {
transform: scale(1);
box-shadow: 0 0 0 30px rgba(0, 0, 0, 0);
}
100% {
transform: scale(0.97);
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}
}
@keyframes pulsewhite {
0% {
transform: scale(0.97);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9);
}
70% {
transform: scale(1);
box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
}
100% {
transform: scale(0.97);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
}
@keyframes scale9 {
0% {
transform: scale(0.9);
}
70% {
transform: scale(1);
}
100% {
transform: scale(0.9);
}
}
/* Bounce In */
.hvr-bounce-in {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active {
-webkit-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}
/*------------
Interface
-------------*/
#icon-scroll-up {
position: fixed;
bottom: 10px;
right: 12px;
z-index: 500;
display: none;
cursor: pointer;
text-align: center;
padding: 1px 6px 3px 6px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background-color: rgba(0,0,0,.3);
color: #fff;
/*
-webkit-transition-duration: 1.1s;
-moz-transition-duration: 1.1s;
transition-duration: 1.1s;
*/
}
#icon-scroll-up:hover {
background-color: rgba(0,0,0,.5);
}
@font-face {
font-family: 'si';
src: url('socicon/socicon.eot');
src: url('socicon/socicon.eot?#iefix') format('embedded-opentype'),
url('socicon/socicon.woff') format('woff'),
url('socicon/socicon.ttf') format('truetype'),
url('socicon/socicon.svg#icomoonregular') format('svg');
font-weight: normal;
font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'si';
src: url('socicon/socicon.svg') format('svg');
}
}
.footerbox ul.soc {
/*
overflow:hidden;
*/
margin:0;
padding: 0px 0 0 0;
list-style:none;
}
.footerbox ul.soc li {
display:inline-block;
*display:inline;
zoom:1;
padding:0;
letter-spacing: 0;
}
.footerbox ul.soc li:before {
display: none;
content: "";
}
.footerbox ul.soc li a {
font-family:si!important;
font-style:normal;
font-weight:400;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
box-sizing:border-box;
-o-transition:.1s;
-ms-transition:.1s;
-moz-transition:.1s;
-webkit-transition:.1s;
transition:.1s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transform: translateZ(0);
transform: translateZ(0);
overflow:hidden;
text-decoration:none;
text-align:center;
display:block;
position: relative;
z-index: 1;
width: 34px;
height: 34px;
line-height: 34px;
font-size: 18px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin-right: 2px;
color: #84332E;
background-color: none;
background-color: #ffffff;
}
.footerbox ul.soc a:hover {
z-index: 2;
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.footerbox ul.soc-icon-last{
margin:0 !important;
}
.footerbox ul.soc li a.soc-facebook:hover {
color: #fff;
background-color: #3e5b98;
}
.soc-facebook:before {
content:'b';
}
.footerbox ul.soc li a.soc-instagram:hover {
color: #fff;
background-color: #9c7c6e;
}
.soc-instagram:before {
content:'x';
}
.footerbox ul.soc li a.soc-youtube:hover {
color: #fff;
background-color: #e02a20;
}
.soc-youtube:before {
content:'r';
}
.footerbox ul.soc li a.soc-linkedin:hover {
color: #fff;
background-color: #3371b7;
}
.soc-linkedin:before {
content:'j';
}
/*------------
Modal
-------------*/
/* Modal close */
.modal .close-button {
height: 40px;
width: 40px;
position: relative;
box-sizing: border-box;
line-height: 40px;
display: inline-block;
float: right;
}
.modal .close-button:before,
.modal .close-button:after {
width: 40px;
height: 1px;
transform: rotate(-45deg);
content: '';
position: absolute;
top: 50%;
left: 50%;
margin-top: -1px;
margin-left: -20px;
display: block;
background-color: #403d3d;
transition: all 0.25s ease-out;
}
.modal .close-button:after {
transform: rotate(-135deg);
}
.modal .close-button:hover:before,
.modal .close-button:hover:after {
transform: rotate(0deg);
height: 2px;
}
/* Modal content */
/*
Font Awesome 5 Solid
Font Awesome 5 Regular
Font Awesome 5 Light
Font Awesome 5 Brands
*/
.modal-body ul {
margin: 0;
padding: 0;
padding-bottom: 0px;
list-style: none;
padding-bottom: 30px;
}
.modal-body ul li {
padding: 0 0 0 15px;
position: relative;
display: block;
font-size: 1.2em;
letter-spacing: .05em;
color: #403d3d;
}
.modal-body ul li:before {
display: none;
font-family: "Font Awesome 5 Light";
content: "\f105";
}
.modal-body ul li .svg-inline--fa {
margin: 0 8px 0 -15px;
}
/*------------
Kachel
-------------*/
.iconcontainer {
display: inline-block;
width: 100px;
height: 100px;
text-align: center;
border-radius: 50%;
margin: 0px auto;
margin-bottom: 15px;
}
.iconcontainer i {
padding: 25px 0 0 0;
font-size: 50px;
}
.iconcontainer p {
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
line-height: 100px !important;
font-size: 50px;
margin: 0;
}
.icontext {
}
.circlebox .imgdiv {
display: inline-block;
width: 300px;
height: 300px;
text-align: center;
border-radius: 50%;
margin: 0px auto;
margin-bottom: 15px;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
-webkit-transition: all 0.7s linear;
-o-transition: all 0.7s linear;
-moz-transition: all 0.7s linear;
-ms-transition: all 0.7s linear;
-kthtml-transition: all 0.7s linear;
transition: all 0.7s linear;
}
@media only screen and (max-width:1199px) {
.circlebox .imgdiv {
width: 270px;
height: 270px;
}
}
@media only screen and (max-width:991px) {
.circlebox .imgdiv {
width: 200px;
height: 200px;
}
}
@media only screen and (max-width:767px) {
.circlebox .imgdiv {
width: 200px;
height: 200px;
}
}
.circlebox .boxinfo p {
margin: 0.5em 0 0 0;
line-height: 1.4;
font-size: 1.3rem;
}
@media only screen and (max-width:991px) {
.circlebox .boxinfo p {
line-height: 1.2;
font-size: 1.0rem;
}
}
.infobox.circlebox ul {
white-space: normal;
padding: 0 40px 20px;
}
@media only screen and (max-width:1199px) {
.infobox.circlebox ul {
padding: 0 20px 20px;
}
}
@media only screen and (max-width:991px) {
.infobox.circlebox ul {
padding: 0 10px 20px;
}
}
@media only screen and (max-width:767px) {
.infobox.circlebox ul {
padding: 0 0px 20px;
}
}
.infobox.circlebox li {
padding: 3px 10px 2px 10px;
margin: 0 5px 5px 0;
background-color: #87bbe0;
/*
border: 1px solid #87bbe0;
*/
border-radius: 1px;
font-size: 0.8em;
letter-spacing: .05em;
color: #fff;
display: inline-block;
}
.mosaicbox .mosaic {
padding: 0;
height: 285px;
overflow: hidden;
}
@media only screen and (max-width:1199px) {
.mosaicbox .mosaic {
height: 235px;
}
}
@media only screen and (max-width:991px) {
.mosaicbox .mosaic {
height: 180px;
}
}
@media only screen and (max-width:767px) {
.mosaicbox .mosaic {
height: auto;
}
}
.mosaicbox .mosaic .like-table-cell-mid {
padding-bottom: 0;
padding: 2em;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
-webkit-transition: background 0.3s ease-in-out;
-moz-transition: background 0.3s ease-in-out;
-o-transition: background 0.3s ease-in-out;
transition: background 0.3s ease-in-out;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
@media only screen and (max-width:1199px) {
.mosaicbox .mosaic .like-table-cell-mid {
padding: 1.5em;
}
}
@media only screen and (max-width:991px) {
.mosaicbox .mosaic .like-table-cell-mid {
padding: 1em;
}
}
@media only screen and (max-width:767px) {
.mosaicbox .mosaic .like-table-cell-mid {
padding: 1em;
min-height: 200px;
}
}
.greybox.mosaicbox .mosaic .like-table-cell-mid {
background-color: #fff;
background-color: rgba(255,255,255,.7);
}
.whitebox.mosaicbox .mosaic .like-table-cell-mid {
background-color: #ececec;
background-color: rgba(236,236,236,.7);
}
.greybox.mosaicbox .mosaic .like-table-cell-mid:hover {
background-color: rgba(255,255,255,1.0);
-webkit-transform: scale3d(1.05,1.05,1);
transform: scale3d(1.05,1.05,1);
}
.whitebox.mosaicbox .mosaic .like-table-cell-mid:hover {
background-color: rgba(236,236,236,1.0);
-webkit-transform: scale3d(1.05,1.05,1);
transform: scale3d(1.05,1.05,1);
}
.mosaicbox .mosaic h1 {
font-size: 1.8em;
letter-spacing: .05em;
margin: 0;
margin-bottom: .4em;
}
@media only screen and (max-width:1199px) {
.mosaicbox .mosaic h1 {
font-size: 1.6em;
}
}
@media only screen and (max-width:991px) {
.mosaicbox .mosaic h1 {
font-size: 1.4em;
}
}
@media only screen and (max-width:767px) {
.mosaicbox .mosaic h1 {
font-size: 1.2em;
}
}
.mosaicbox .mosaic p {
font-size: 1.1em;
line-height: 1.4;
letter-spacing: .05em;
margin: 10px 0 0 0;
}
@media only screen and (max-width:1199px) {
.mosaicbox .mosaic p {
font-size: 0.9em;
}
}
@media only screen and (max-width:991px) {
.mosaicbox .mosaic p {
font-size: 0.8em;
}
}
@media only screen and (max-width:767px) {
.mosaicbox .mosaic p {
font-size: 0.8em;
}
}
@keyframes marquee {
0% {
transform: translate(0)
}
to {
transform: translate(-100%)
}
}
.marquee_slider {
display: flex;
flex-direction: column;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.marquee_slider_track {
display: flex;
max-width: 140rem;
margin: 0 auto;
overflow: hidden;
position: relative;
}
@media (min-width: 140rem) {
.marquee_slider_track:before {
min-width: 140rem;
top: 0;
bottom: 0;
content: "";
height: 100%;
display: block;
position: absolute;
background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, 0) 95%, rgba(255, 255, 255, 1) 100%);
z-index: 2;
}
}
.marquee_slider_track:nth-child(even) .marquee_slider_track_inner {
animation-direction: reverse;
}
.marquee_slider_track_inner {
animation: marquee 100s linear infinite;
display: flex;
}
.marquee_slider.logo .marquee_slider_item {
align-items: center;
display: flex;
flex: 0 0 auto;
height: 8rem;
justify-content: center;
padding: 1rem 2rem;
width: 16rem;
}
.marquee_slider.appicon .marquee_slider_item {
align-items: center;
display: flex;
flex: 0 0 auto;
height: 10rem;
justify-content: center;
padding: 0;
width: 10rem;
overflow: hidden;
}
@media only screen and (max-width:1199px) {
.marquee_slider.logo .marquee_slider_item {
height: 6rem;
padding: 1rem 2rem;
width: 12rem
}
.marquee_slider.appicon .marquee_slider_item {
height: 6rem;
width: 6rem
}
}
@media only screen and (max-width:991px) {
.marquee_slider.logo .marquee_slider_item {
height: 5rem;
padding: .5rem 1rem;
width: 10rem
}
.marquee_slider.appicon .marquee_slider_item {
height: 5rem;
width: 5rem
}
}
@media only screen and (max-width:767px) {
.marquee_slider.logo .marquee_slider_item {
height: 4rem;
padding: .5rem 1rem;
width: 8rem
}
.marquee_slider.appicon .marquee_slider_item {
height: 4rem;
width: 4rem
}
}
.marquee_slider.logo .marquee_slider_item img {
height: 100%;
-o-object-fit: contain;
object-fit: contain;
width: 100%
}
.marquee_slider.appicon .marquee_slider_item img {
height: 100%;
-o-object-fit: contain;
object-fit: contain;
width: 100%
}
.marquee_slider.field .marquee_slider_item {
display: block;
/*
width: 30rem;
*/
}
.marquee_slider.field .marquee_slider_item p:last-child {
margin: 0;
}
.marquee_slider.field .marquee_slider_item .fieldimg {
/*
float: left;
width: 150px;
margin: 0 10px 0 0;
*/
width: 300px;
margin: 0 0 10px 0;
}
@media only screen and (max-width:1199px) {
.marquee_slider.field .marquee_slider_item .fieldimg {
width: 250px;
}
}
@media only screen and (max-width:991px) {
.marquee_slider.field .marquee_slider_item .fieldimg {
width: 200px;
}
}
@media only screen and (max-width:767px) {
.marquee_slider.field .marquee_slider_item .fieldimg {
width: 200px;
}
}
.featuredproducts {
}
.featuredproducts .row {
padding: 10px 0;
border-bottom: 2px solid #ececec;
}
.featuredproducts h3 {
font-size: 1.4em;
margin: 0;
font-weight: 500;
color: #fb5d00;
}
@media only screen and (max-width:1199px) {
.featuredproducts h3 {
text-align: center;
margin-bottom: 1rem;
}
}
@media only screen and (max-width:767px) {
.featuredproducts h3 {
margin-bottom: 1rem;
}
}
.featuredproducts p {
font-size: 1.3em;
margin: 0;
font-weight: 600;
}
@media only screen and (max-width:1399px) {
.featuredproducts p {
font-size: 1.2em;
}
}
@media only screen and (max-width:1199px) {
.featuredproducts p {
font-size: 1.1em;
}
}
@media only screen and (max-width:991px) {
.featuredproducts p {
font-size: 1.0em;
}
}
@media only screen and (max-width:767px) {
.featuredproducts p {
font-size: 0.8rem;
font-weight: 700;
width: min-intrinsic; /* old Chrome, Safari */
width: -webkit-min-content; /* less old Chrome, Safari */
width: -moz-min-content; /* current Firefox */
width: min-content; /* current Chrome, Safari; not IE or Edge */
margin: 0 auto !important;
}
}
.features .row {
padding: 5px 0;
border-bottom: 1px solid #ececec;
}
.features .featurename,
.features .featurecontent {
padding-top: 8px;
padding-bottom: 8px;
line-height: 1.4em;
}
@media only screen and (max-width:1199px) {
.features .featurename {
text-align: center;
background-color: #f8f8f8;
}
}
.features .featureheadline {
padding-top: 8px;
padding-bottom: 8px;
line-height: 1.4em;
background-color: #f8f8f8;
font-weight: 600;
}
@media only screen and (max-width:1199px) {
.features .featureheadline {
text-align: center;
background-color: #eeeeee;
}
}
.features .featurename p,
.features .featurecontent p {
font-size: 1.1rem;
font-weight: 400;
margin: 0;
line-height: 1.4em;
}
.features .featurename p {
line-height: 1.4em;
font-weight: 500;
}
@media only screen and (max-width:767px) {
.features .featurecontent p {
font-size: 0.8rem;
}
}
.features .featured,
.features .notfeatured {
padding: 8px 0;
line-height: 1.4em;
}
.features .featured i {
font-size: 1.2rem;
margin: 0;
line-height: 1.4em;
color: #16a958;
}
.features .notfeatured i {
font-size: 0.9rem;
margin: 0;
line-height: 1.4em;
color: #ccc;
}
.lightboxgal {
margin-top: 30px;
}
.lightboxgal.row {
/*
margin-right: 0px;
margin-left: 0px;
*/
}
.lightboxgal .col-xs-6 {
padding-left: 0px;
}
.lightboxgalimgCon {
position: relative;
height: 280px;
margin: 0 0 30px 0;
padding: 0px;
overflow: hidden;
cursor: pointer;
border: 5px solid #f5f5f5;
background-color: #f5f5f5;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-kthtml-transition: all 0.2s linear;
transition: all 0.2s linear;
}
@media only screen and (max-width:1199px) {
.lightboxgalimgCon {
height: 240px;
}
}
@media only screen and (max-width:991px) {
.lightboxgalimgCon {
height: 200px;
}
}
@media only screen and (max-width:767px) {
.lightboxgalimgCon {
height: 320px;
}
}
.lightboxgalimgCon:hover {
border: 5px solid #ffffff;
background-color: #ffffff;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
-moz-transform: scale(1.01,1.01);
-webkit-transform: scale(1.01,1.01);
transform: scale(1.01,1.01);
}
.lightboxgalimg {
position: relative;
width: 100%;
height: 100%;
min-height:100%;
overflow: hidden;
opacity: 1;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center center;
-webkit-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-ms-transition: all 0.7s ease-in-out;
-kthtml-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}
.lightboxgalimgCon:hover .lightboxgalimg {
-moz-transform: scale(1.1,1.1);
-webkit-transform: scale(1.1,1.1);
transform: scale(1.1,1.1);
opacity: 0.7;
}
.image_main_lb_link {
position: absolute;
top: 50%;
left: 50%;
width: 20px;
height: 20px;
margin-left: -10px;
margin-top: -10px;
color: #fff;
pointer-events: none;
opacity: 0;
-moz-transform: scale(1.0,1.0);
-webkit-transform: scale(1.0,1.0);
transform: scale(1.0,1.0);
-webkit-transition: all 1.2s ease-in-out;
-moz-transition: all 1.2s ease-in-out;
-o-transition: all 1.2s ease-in-out;
transition: all 1.2s ease-in-out;
}
.lightboxgalimgCon:hover .image_main_lb_link {
opacity: 1;
-moz-transform: scale(2.5,2.5);
-webkit-transform: scale(2.5,2.5);
transform: scale(2.5,2.5);
}
.lightboxgalimg a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
min-height:100%;
}
.lightboxgalimg a img {
width: 100%;
height: auto;
}
.image_main_lb {
position: relative;
margin: 5px 0 30px 0;
/*
background: #000;
*/
border: 5px solid #f5f5f5;
background-color: #f5f5f5;
}
.image_main_lb:hover {
border: 5px solid #ffffff;
background-color: #ffffff;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
-moz-transform: scale(1.01,1.01);
-webkit-transform: scale(1.01,1.01);
transform: scale(1.01,1.01);
}
.image_main_lb img {
width: 100%;
height: auto;
-webkit-transition: .27s linear;
-moz-transition: .27s linear;
transition: .27s linear;
opacity: 1;
}
.image_main_lb img:hover {
opacity: 0.7;
}
.image_main_lb a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
min-height: 100%;
}
.image_main_lb_link {
position: absolute;
top: 50%;
left: 50%;
width: 20px;
height: 20px;
margin-left: -10px;
margin-top: -10px;
color: #fff;
pointer-events: none;
opacity: 0;
-moz-transform: scale(1.0,1.0);
-webkit-transform: scale(1.0,1.0);
transform: scale(1.0,1.0);
-webkit-transition: all 1.2s ease-in-out;
-moz-transition: all 1.2s ease-in-out;
-o-transition: all 1.2s ease-in-out;
transition: all 1.2s ease-in-out;
}
.image_main_lb:hover .image_main_lb_link {
opacity: 1;
-moz-transform: scale(2.5,2.5);
-webkit-transform: scale(2.5,2.5);
transform: scale(2.5,2.5);
}
.image_main_lb_info {
position: absolute;
bottom: 0px;
left: 0px;
padding: 10px;
width: 100%;
background-color: rgba(0,0,0,.7);
pointer-events: none;
/*
opacity: 0;
*/
-webkit-transition: all 1.2s ease-in-out;
-moz-transition: all 1.2s ease-in-out;
-o-transition: all 1.2s ease-in-out;
transition: all 1.2s ease-in-out;
}
.image_main_lb_info p {
color: #fff;
font-size: 14px;
font-weight: 500;
line-height: 1.1em;
margin: 0;
}
.image_main_lb:hover .image_main_lb_info {
opacity: 1;
}
.lightboxgalimgCon:hover .image_main_lb_info {
opacity: 1;
}
.image_main_lb_link .fa {
font: normal normal normal 20px/1 FontAwesome;
}
.colorboxes .colorbox {
padding: 10px;
}
.colorboxes .content {
margin: 0 0 30px 0;
}
.colorboxes .content p {
margin: 0px;
}
.colorboxes .colorbox:hover {
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
-moz-transform: scale(1.01,1.01);
-webkit-transform: scale(1.01,1.01);
transform: scale(1.01,1.01);
}
.colorboxes .imgdiv {
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
-webkit-transition: all 0.7s linear;
-o-transition: all 0.7s linear;
-moz-transition: all 0.7s linear;
-ms-transition: all 0.7s linear;
-kthtml-transition: all 0.7s linear;
transition: all 0.7s linear;
}