/* ++++++++++++++++++++++++++++++++++ */
/*     custom.css Valoris Immo     */
/* ++++++++++++++++++++++++++++++++++ */

body {line-height: 1.35em;}
h1 {font-size: 2.4em; text-transform: uppercase;}
h2 {font-size: 2.0em;}
h3 {font-size: 1.3em;}

#container_header {
    position: fixed;
    top: 0;
    z-index: 10;
}

div.layerslideshow .tns-slider img {transform: scale(1);transition: all 0s linear;transition-delay: 0s;transition-delay: 0s;}
.container_header {padding-top: 0.5rem; background-image: url('/images/design/VALORIS_Hintergrund_BlauerVerlauf_Header_1920x350px.jpg');}
.header_top {background-color: rgba(0,0,0,0) !important; background-image: url('/images/design/VALORIS_StreifenUtility_BlauerVerlauf.jpg'); }
.hornav ul.menu > li > a, .hornav ul.menu > li > span {font-size: 1.4em; letter-spacing: 3px;}
.hornav ul.menu > li + li {margin-left: 25px;}
.module_surround {padding: 0 10px 90px;}
.clsKeyPortal, .clsKeyPortal a {text-align: right; text-decoration: none; text-transform: uppercase; font-weight: 600; letter-spacing: 3px; font-size: 1.2em;padding-right: 10px;} 
.clsShowTitle01 {font-size: 1.3em; font-weight:bold; letter-spacing: 1px;}
.clsShowTitle02 {font-size: 1.1em; font-weight:bold; letter-spacing: 1px;}
.clsShowTxt {font-size: 1.45em; line-height: 1.4em;}
.clsLeistWindow {margin: 10% auto; width: 70%;}
.layerslideshow .info {left: -10% !important;}
.j51_numbers .j51_numbers_number {color: var(--h1-color) !important;}
.j51_numbers .j51_number_title {text-transform: uppercase; color: #004a8b;font-size: 1em;}
.j51_numbers .j51_number_caption {font-size: 0.8em; line-height: 1.25em; color: #656565;}
h3.clsH3Sub {color: #656565; text-transform: uppercase;}
.clsDoH1 {font-size: 2.4em; text-transform: uppercase;color: #004a8b; line-height: 1.2em;}
.box-grid {display: grid; grid-template-columns: 400px 400px; grid-gap: 2rem; justify-items: center; margin: 0; padding: 0; max-width: 1000px;}
.box-caption {position: absolute; max-width: 300px; word-break: break-word;}
.box-flex {display: block; flex-flow: row nowrap; align-items: center; justify-content: center; position: relative; text-align: center; padding: 15px; font-size: 0.8em; min-width: 400px; max-width: 400px;}
.clsRasterTitle {font-size: 1.4em; font-weight: bold; color: #004a8b;}
#container_top2_modules .wrapper960 {margin: 0 auto -24px auto;}
#base1_modules a {color: #fff; text-decoration: none;}
#base2_modules .module_surround {padding-top: 0px;}
.base-1b, .base-1c {text-transform: uppercase; letter-spacing: 1px;}
.box-g3 {display: grid; grid-template-columns: 400px 400px 400px; grid-gap: 1rem; justify-items: center; margin: 0; padding: 0; max-width: 1230px;}
.box-fx3 {display: block; flex-flow: row nowrap; align-items: center; justify-content: center; position: relative; text-align: center; padding: 5px; font-size: 0.8em; min-width: 400px; max-width: 400px;}
#big-video-vid {top: 100px !important;}
.clsVideoTxt {font-size: 2.4em; font-weight: 600; color: #fff; line-height: 1.4em;}
.clsFirmaTxt {font-size: 17px;}
:root {--j51-grid-row-gap: 20px;}
.back-to-top svg {fill: #2a73bd;}

@media only screen and ( max-width: 959px) {
h1 {font-size: 2.2em; padding-left: 3px;}
h2 {font-size: 1.6em; line-height: 2rem;}
body {font-size: 0.9em !important;}

.header-2 {margin-left: 120px; margin-right: auto;}
}

@media only screen and ( max-width: 767px ) {
h1 {font-size: 1.8em; padding-left: 5px;}
h2 {font-size: 1.4em; line-height: 2rem;}
body {font-size: 0.85em !important;}
.clsImgSmall {width: 50%;}
.top-1b {visibility: collapse;}
.clsKeyPortal, .clsKeyPortal a {letter-spacing: 1px; font-size: 0.9em; padding-right: 3px; padding-left: 3px;}
.clsDoH1 {font-size: 1.2em;}
.clsFirmaTxt {font-size: 0.85em;}
.module .module_surround, .module_menu .module_surround {padding: 0 15px;}
.header-2 {margin-right: 5px;}
:root {--j51-grid-row-gap: 15px; --j51-grid-column-gap: 10px;}
.box-grid {grid-template-columns: 400px; grid-gap: 1rem;}
.box-g3 {grid-template-columns: 400px; grid-gap: 1rem; max-width: 360px;}
.box-fx3 {min-width: 360px; max-width: 360px;}
.maincontent {padding-left: 10px; padding-right: 10px;}
}

@media only screen and ( max-width: 440px ) {
h1 {font-size: 1.5em; padding-left: 5px;}
h2 {font-size: 1.4em; line-height: 2rem;}
h3 {font-size: 1.1rem;}
body {font-size: 0.85em !important;}
p {hyphens: auto;word-break: normal;}
.clsImgSmall {width: 50%;}
.clsImgContact {float: none !important; margin: 25px 75px 0px 5px !important;}
.top-1b {display: none;}
.clsKeyPortal, .clsKeyPortal a {letter-spacing: 1px; font-size: 0.9em; padding-right: 3px; padding-left: 3px;}
.clsDoH1 {font-size: 1.2em;}
.clsFirmaTxt {font-size: 0.85em;}
.module .module_surround, .module_menu .module_surround {padding: 0 15px;}
.header-2 {margin-right: 5px;}
:root {--j51-grid-row-gap: 15px; --j51-grid-column-gap: 10px;}
.box-grid {grid-template-columns: 400px; grid-gap: 1rem; margin-left: -25px;}
.box-flex {padding: 5px; min-width: 360px; max-width: 360px;}
.box-g3 {grid-template-columns: 360px; grid-gap: 1rem; max-width: 360px;}
.box-fx3 {min-width: 360px; max-width: 360px;}
.menu-toggle {margin: 12px 80px 10px 15px;}
}