/*
Theme Name:   Archi Child
Theme URI:    https://archi.oceanthemes.site/
Description:  Make your modifications to [Parent Theme] in this Archi child theme.
Author:       OceanThemes
Author URI:   http://oceanthemes.net/
Template:     archi
Version:      1.1
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain:  archi-child
*/

/* =Theme customization starts here
------------------------------------------------------- */

@charset "UTF-8";
/* CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: top;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* End - CSS Reset */    



/* Custom Styles */
a{
    text-decoration:none;
    color:inherit;
}
@charset "utf-8";
b {
   font-weight: bold;
}
strong {
   font-weight: bold;
}
@charset "utf-8";
b {
   font-weight: bold;
}
strong {
   font-weight: bold;
}

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible;  /* 4 */
}
h1
   {
    font-family: 'Lato', sans-serif; 
    font-size:0px;      
}


h5 {
    margin-top: 240px;
    margin-bottom:-180px;
    font-family: 'Lato', sans-serif;
    font-size:15px;
    line-height:30px;
    color: #F3344B;
    text-align:center;
}
.contact_quote {
    color: #FEDF0E;

}
@media screen and (max-width:790px) {
h5 {
   margin-top: 80px;
   margin-bottom:-50px;
   font-size:16px;
}
    }
/***************** HTML TAGS  ********************/

body, html {margin:0; padding:0; width:100%; height:100% ; background-color:#FBFBFB; }

/***************** HTML TAGS  ********************/

#wrapper {
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    background-color:#FFFFFF;
    min-height:700px;
    font-family: 'Lato', sans-serif;
    font-size:16px;
    color:#797979;
    line-height:26px;
}
@media screen and (max-width: 1500px) {
    #wrapper 
    {
        margin-left: auto;
        margin-right: auto;
        width: 90%;       
    }   
}

@media screen and (max-width:1024px) {
    #wrapper {
        margin-left: auto;
        margin-right: auto;
        width: 94%;
        min-height:300px;
    }
}

/***************** HEADER ********************/
#ober-header  {
    display:none;
}
#header{ 
    width:100%;  
    top:0px; 
    position: fixed;
    background: rgba(0, 0, 0, 0.9);
    background-color:#FFFFFF;
    color: #535353;
    font-weight: 400;
    font-size:17px;
    line-height:17px;
    border-bottom: 1px solid #D4D2D2;
    z-index: 7;
    padding: 4px 0px;
}
#header_nav{
    width:100%; 
    top:30px; 
    position: fixed;
    color: #FFFFFF;
    z-index: 2;
}
header.go-tip {
    background: #000000;
    height:70px;
    display:none;
    color: #FFFFFF;
}
#haupt_header  {
    width:1210px;
    clear:left;
    height:100%;
    margin-left:auto;
    margin-right:auto;
}
#startseite-bild .headings {
    width: 1210px;
    margin: 0 auto;
    text-align: center;
}
#logo-neu  {
    width:20%; 
    height:90px; 
    float:left; 
    position:relative; 
    /*margin-top:4px;*/
}   
#logo-neu.nachoben {
    height: 120px;
    margin: 0;
}
#logo-neu.go-tip  {
    height:56px; 
    margin-top:7px;
}
#logo-neu.nachunten  {
    display:none;
}
#logo-neu img {
    height:100%;
    width:auto;
}
#menu{
    width:70%; 
    float:right; 
    position:relative;
    font-family: 'Lato', sans-serif; 
    font-weight: 400;
    font-size: 18.5px;
    font-weight: 600;
    height: 120px;
}
#header_nav #menu{
    height: 120px;
}
#header #menu{
    height: 90px;
}
#menu ul{
    float:right; 
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    }
#menu ul li{
    list-style:none; 
    float:left;
    text-align:center;
    margin-left:10px;
    padding:25px 20px;
    position: initial;  /* added by me */
}
#header_nav #menu ul li{
    padding: 20px;
}
#header #menu ul li{
    padding: 15px 20px;
}
#menu.go-tip ul li{
    margin-left:10px;
    padding:25px 20px;
    }
#menu ul li.quote{
    background-color:#FE4156;
    border-radius:35px;
    padding:5px 20px 10px 20px;
    margin-top:20px;
}
#menu ul li.quote#aktiv {
    color: #FFFFFF;
}
#menu ul li:hover {
    color: #d9d9d9; /*#FFFFFF*/
    /*background-color:#d9d9d9;*/
} 
#menu ul li#aktiv, .pushy ul li#aktiv > a, .pushy-submenu ul li#aktiv > a {
    color:#b7b7b7;
}
#menu ul li#aktiv:hover {
    color:#d9d9d9;
}
#menu ul li.contact {
    background-color: #d9d9d9;
    color: #014886;
    border-radius: 3.5rem;
    border: 1px solid #014886;
}



#menu ul li:has(> a:hover) {
  background-color: #014886;
  border: 1px solid #FFFFFF;
}

#menu ul li a:hover {
  color: #FFFFFF; 
}


#menu ul li ul.megamenu{
  background-color: #014886;
  position: absolute;
  left: 50%;
  top: 94px;
  transform: translateX(-50%);
}

#menu ul li ul.megamenu{
  display: none;
  justify-content: center;
  width: 1210px;
}
#menu ul li ul.megamenu li{
  /*width: 150px;*/
  /*margin: 0 20px;*/
  padding: 0 20px;
}
#menu ul li ul.megamenu li a{
  padding: 10px;
  color: black;
}
#menu ul li ul.megamenu li a:hover{
  background-color: black;
  color: white;
}
#menu ul li ul.megamenu li h1{
  padding: 10px 0px;
  font-size: 18px;
  color: black;
  text-align: center;
  border-bottom: 1px solid black;

}

#menu ul li ul.megamenu p{
  color: red;
  margin: 5px;
  padding: 5px;
}

#menu ul li ul.megamenu li img{
    width: 54px;
    margin-bottom: 10px;
}
#menu ul.megamenu li a{
  display: block;
  text-decoration: none;
  padding: 20px;
  color: white;
  font-size: 14px;
  font-family: helvetica;
}
#menu ul.megamenu li a h3 {
    color: white;
    font-size: 16px;
    font-weight: 400;
}
#menu ul li.hovered > ul.megamenu {
  display: flex;
}

@media screen and (max-width:1060px) {
    #logo-neu  {
        height:50px; 
        margin-top:10px;
    }
    body.home #logo-neu.nachoben {
        height: 65px;
        margin: 0;
    }
    #menu ul li, #menu.go-tip ul li{
        margin-left:0px;
    }
    #menu{
        font-size:14px;
    }
}
@media (max-width: 960px) {
    #menu {
        width:78%; 
    }
    #menu ul li, #menu.go-tip ul li {
        padding:25px 15px;
    }
}
@media screen and (max-width:765px) {
    #header_nav, #header {
        display:none;
    }
    header {
        height:60px;
        width:100%; 
        background-color:#FFFFFF;
        top:0; 
        position: fixed;
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); 
        z-index: 2;
    }
    #ober-header {
        display: block;
        clear:left;
        width:94%;
        height:100%;
        margin-left:auto;
        margin-right:auto;
    }
    #ober-header ul li{
        list-style:none; 
        float:left;  
        text-decoration:none;
        width:100%;
    }
    #ober-header ul li.logo{
        float:left; 
        position:relative; 
        width:50%; 
        height:50px; 
        margin:5px 25% 0 25%;
        text-align:center;
    }
    #ober-header ul li.logo img{
        height:100%;
        margin-left:0px;
        text-align:center;
    }
    #ober-header ul li.suchformular{
        width:96%; 
        margin:5px 2% 0 2%;
        text-align:center;
        float:right;
    }
    #ober-header ul li.suchformular ul li.suchformular2{
        width:26px; 
        margin-left:-26px;
    }
    #ober-header ul li.suchformular ul li input{
        width:99%; 
        border: 1px solid #CCCCCC;
        border-radius:2px;
        color: #243233;
        padding:0px 4px;
        height:29px;
    }
    #ober-header ul li.suchformular ul li input.suchformular1{
        padding:0px 1px;
    }
    #ober-header ul li.suchformular ul li input.suchformular2{
        background-color: #019CC0;
        color:#FFFFFF;
        border: 0px solid #019CC0;
        float:right;
        width:26px;
        height:26px;
        margin-left:-29px;
        padding-bottom:3px;
        padding-top:3px;
        
    }
    #menu, #unter-header {
        display:none;
    }
}

/***************** responsive  Menu ********************/

.menu-btn, #suchfeld-handy{
    display: none;
}
@media (max-width: 765px) {
    .menu-btn {
        display: block;
        padding-left: 10px;
        margin-top: 15px;
        cursor: pointer;
        height:30px;
        width:auto;
        position:fixed;
        color:#FFFFFF;
        font-size:5px;
        top: 0;
    }
}

/************* Startseite ***************/
#startseite_grundgeruest {
    margin:0px auto 100px auto;
    width:1210px;
    height:auto;
    clear:left;
    font-family: 'Lato', sans-serif; 
    font-size:16px;
    font-weight:400;
    line-height:28px;
    color:#616161;
}
#startseite_grundgeruest.ap #start_wer {
    margin-top: 40px;
}
#unterseiten-bild  {
    width:100%; 
    height: 730px; 
    /* float:left; */
    margin-top:0px;
    margin-bottom:80px;
    background-position:center;
    background-repeat: no-repeat;
    background-size:cover;
    font-family: 'Lato', sans-serif;
    color: #FFFFFF;
}
#startseite-bild  {
    width:1210px;
    clear:left;
    height:100%;
    /* margin-left:auto; */
    /* margin-right:auto; */

    width: 100%;
    background: -moz-linear-gradient(left,rgba(14,39,83,1) 0%,rgba(125,185,232,0) 100%);
    background: -webkit-linear-gradient(left,rgba(14,39,83,1) 0%,rgba(125,185,232,0) 100%);
    background: linear-gradient(to right,rgba(14,39,83,1) 0%,rgba(125,185,232,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0e2753',endColorstr='# ',GradientType=1);
}
#unterseiten-bild h2  {
    font-weight: 500;
    font-style:normal;
    font-size:70px;
    line-height:76px;
    /*margin-bottom:40px;*/
    /* margin-top:250px;*/
    margin: 0 auto;
    /*text-align:left;*/
    width:70%;
    padding-top: 250px;
    /*padding-left: 12%;*/
}
#unterseiten-bild h3 {
    width: 60%;
    font-weight: 400; 
    font-size:26px;
    line-height:36px;
    margin:0 auto;
    /*text-align:left;*/
    /*padding-left: 12%;*/
}
@media screen and (max-width:1500px) {
    #unterseiten-bild  {
        height: 700px; 
        margin-bottom:70px;
    }
    #unterseiten-bild h2  {
        /*padding: 220px 0 20px 0;*/
        font-size: 50px;
        line-height: 60px;
    }
}
@media screen and (max-width:1060px) {
    #unterseiten-bild  {
        height: 650px; 
    }
    #unterseiten-bild h2  {
        width:650px;
        font-size:40px;
        line-height:50px;
        /*margin-bottom:30px;*/
        /* margin-top:200px; */
    }
    #unterseiten-bild h3 {
        font-size:22px;
        line-height:30px;
        /* margin:-10px 0 100px 0; */
    }
}
@media screen and (max-width:960px) {
    #unterseiten-bild  {
        height: 600px; 
        margin-bottom:50px;
    }
    #unterseiten-bild h2  {
        font-size:36px;
        line-height:46px;
        width: 90%;
        /*margin-bottom:30px;*/
        /* margin-top:160px; */
    }
    #unterseiten-bild h3 {
        font-size:20px;
        line-height:26px;
        width: 80%;
        /* margin:-10px 0 100px 0; */
    }
}
@media screen and (max-width:765px) {
    #unterseiten-bild  {
        height: 420px;
        margin-bottom:70px;
    }
    #unterseiten-bild h2  {
        font-size:30px;
        line-height:40px;
        /*margin-bottom:30px;*/
        /* margin-top:120px; */
        width:100%;
        padding-top: 120px;
    }
    #unterseiten-bild h3 {
        font-size:18px;
        line-height:26px;
        /* margin:-10px 0 100px 0; */
        width:100%;
    }
}
@media screen and (max-width:500px) {
    #unterseiten-bild h2  {
        font-size:30px;
        line-height:35px;
        text-align:center;
        width:100%;
        /*margin-left:0;
        margin-right:0;
        margin-top:140px; 
        padding-left: 0;*/
        padding-top: 100px;
    }
    #unterseiten-bild h3 {
        text-align:center;
        padding:0;
        font-size:16px;
        line-height: 22px;
    }
}


/************* Startseite Wer sind wir ***************/
#start_wer{ 
    display: flex;
    column-gap: 5%;
    margin:0px auto 100px auto;
}
#start_wer.flex-reverse  {
    flex-direction: row-reverse;
}
#start_wer.links {
    margin: 0px auto 40px auto;
}
#start_publisher_bild{ 
    width:45%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
}
#start_publisher_bild.contact{ 
    border-radius: 10px;
}
#start_publisher{ 
    width:50%;
}
#start_wer box-1{ 
    clear:left;
    float:left;
    height:auto;
    width:98%;
    border-left: 2px solid #d9d9d9;
    padding-left:20px;
    margin-bottom:25px;
}
#start_wer p.ueberschrift, #services p.ueberschrift { 
    font-size:18px;
    line-height:22px;
    font-weight:400;
    color: #b7b7b7;
    margin-bottom:25px;
    text-transform:uppercase;
}
#start_wer h3.startseite{
    font-family: 'Poppins', sans-serif; 
    width: 100%; /*width:500px;*/
    display:inline-block;
    font-size:38px;
    line-height:50px;
    font-weight:400;
    color:#014886;
    text-transform:uppercase;
    }   
#start_wer box-2 { 
    color: #b7b7b7;
}
#start_wer p.weiter_lesen, .ag-slide-block p.weiter_lesen { 
    font-size:18px;
    line-height:22px;
    font-weight:400;
    color: #b7b7b7;
    border: 2px solid #b7b7b7;
    margin-top:25px;
    text-align:center;
    padding:10px 20px;
    width:140px;
}
#start_wer p.weiter_lesen:hover, .ag-slide-block p.weiter_lesen:hover{ 
    color: #FFFFFF;
    background-color:#d9d9d9;
}
@media screen and (max-width:1300px) {
    #start_wer h3.startseite{
        width: 100%; /*width:440px;*/
        font-size:34px;
        line-height:46px;
    }
}
@media screen and (max-width:1060px) {
    #start_wer h3.startseite{
        width: 100%; /*width:420px;*/
        font-size:30px;
        line-height:40px;
    }
}
@media screen and (max-width:960px) {
    #start_wer h3.startseite{
        width: 100%; /*width:340px;*/
        font-size:28px;
        line-height:38px;
    }
}
@media screen and (max-width:765px) {
    #start_wer {
        column-gap: 0;
        margin: 0px auto 70px auto;
        flex-direction: column;
        row-gap: 30px;
    }
    #start_wer.flex-reverse {
        flex-direction: column;
    }
    #start_wer.no-gap {
        row-gap: 0;
    }
    #start_publisher_bild{ 
        width:100%;
        /*height:420px;*/
        background-size: cover;
        background-repeat: no-repeat;
        background-position: bottom;
    }
    #start_publisher_bild.links{ 
        display:none;
    }
    #start_publisher{ 
        width:90%;
        text-align:center;
        float:left;
    }
    #start_wer h3.startseite{ 
        width: 100%; /*width:350px;*/
    }
    #start_wer box-1{ 
        border-left: 0px solid #d9d9d9;
        padding:0px;
        margin-bottom:25px;
        text-align:center;
    }
    #start_wer p.ueberschrift{ 
        margin-bottom:15px;
    }
    #start_wer p.weiter_lesen, .ag-slide-block p.weiter_lesen{ 
        font-size:18px;
        line-height:22px;
        font-weight:400;
        color: #d9d9d9;
        border: 2px solid #d9d9d9;
        margin:25px auto 0 auto;
        text-align:center;
        padding:10px 20px;
        width:140px;
    }
}




/************* Unterseiten ***************/
#start_wer.rechts{ 
    margin-bottom:30px;
}
#start_wer.links {
    display: flex;
    column-gap: 5%;
}
#start_wer.links #start_publisher.rechts h2 {
    margin: 0 0 30px 0;
}
#start_wer.links img {
    width: 40%;
    height: auto;
    border-radius: 10px;
}
#start_publisher.rechts {
    float:left;
    clear:left;
    height:auto;
    width:60%;
}
#start_publisher_bild.rechts{ 
    clear:right;
    float:right;
    height:360px;
    margin-bottom:0px;
    width:35%;
}
#start_publisher.rechts p.unterseiten_mittel_gross{ 
    font-size:16px;
    line-height:32px;
    font-weight:400;
}
#start_publisher.rechts p.unterseiten_gross{ 
    font-size:20px;
    line-height:36px;
    font-weight:400;
}

#ganzes_bild{
    margin:0px auto 100px auto;
    height:250px;
    width:100%; 
    float:left;
    background-position:center;
    background-repeat: no-repeat;
    background-size:cover;
    border-top:5px solid #d9d9d9;
    border-bottom:5px solid #d9d9d9;
}
#ganzes_bild_vordergrund{
    width:100%;
    height: 100%;
    float:left;
    background-color: rgba(0, 0, 0, 0.2);
    text-align:center;
}
#ganzes_bild_vordergrund:hover{
    background-color: rgba(0, 0, 0, 0.8);
}
#ganzes_bild_vordergrund p.bild_plus{
    
    text-align:center;
    font-size:50px;
    line-height:50px;
    color:#FFFFFF;
    margin:63px auto 0px auto;
    width:120px;
    height:50px;
    padding-top:35px;
    padding-bottom:35px;
    border: 3px solid #FFFFFF;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;   
}

@media screen and (max-width:765px) {
    #start_publisher.rechts{ 
        text-align:left;
        float:left;
    }
    #start_wer.links img {
        width: 100%;
    }
}
@media screen and (max-width:500px) {
    #start_wer.rechts{ 
        margin-bottom:50px;
    }
    #start_publisher.rechts{ 
        width:100%;
    }
    #start_publisher_bild.rechts{ 
        display:none;
    }
}
/************* Startseite Was wir machen***************/

#startseite_grundgeruest h3.startseite_ueberschrift{
    font-size:18px;
    line-height:22px;
    font-weight:400;
    color: #b7b7b7;
    margin-bottom:15px;
    text-transform:uppercase;
    /* text-align:center; removed by me */
}
#startseite_grundgeruest h2.startseite_ueberschrift, .clients h4 {
    font-family: 'Poppins', sans-serif; 
    font-size:42px;
    line-height:42px;
    font-weight:400;
    color:#014886;
    text-transform:uppercase;
    /* text-align:center; removed by me */
    margin-bottom:15px;
}
#startseite_grundgeruest p.startseite_ueberschrift{
    font-size:18px;
    line-height:18px;
    font-weight:700;
    color: #d9d9d9;
    margin-bottom:20px;
    margin-top:-15px;
    text-transform:uppercase;
    text-align:center;
}
#startseite_grundgeruest p.startseite_ueberschrift_text{
    font-size:18px;
    line-height:32px;
    font-weight:400;
    /* text-align:center;
    width:60%;
    margin:0 auto 50px auto;  remove by me */
}

#start_4_blocks{
    width:100%;
    margin:0px auto 100px auto;
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
}

#start_4_blocks > div {
    box-sizing: border-box;
    margin: 0px 2% 30px 0;
    width: calc(1/4*100% - (1 - 1/4)*2%); 
    padding-bottom:0px;
    box-shadow: 0px 0px 5px 0px #d9d9d9;
    background-color: white;
    border-radius: 2% 2% 2% 2%;
    text-align: center;
}
#start_4_blocks.drei > div {
    border: 1px solid #CCCCCC;
}
#start_4_blocks > div:nth-child(4n) {
  margin-right: 0;
}
#block_startseite_bild_blog{
    margin:0px auto 10px auto;
    height:400px;
    width:100%; 
    float:left;
    background-position:center;
    background-repeat: no-repeat;
    background-size:cover;
    color:#FFFFFF;
    font-size:18px;
}
#bild_vordergrund{
    width:80%;
    height:100%;
    padding:0 10%;
    clear:left;
    float:left;
    background-color: #272727;
    text-align:center;
    }
#bild_vordergrund:hover{
    background-color: rgba(0, 0, 0, 0.2);
    }
#bild_vordergrund.startseite:hover{
    background-color: rgba(0, 0, 0, 1.0);
    }
#bild_vordergrund p.service_bild img{
    margin-bottom:30px;
    margin-top:30px;
    width:60px;
    height:auto;
    }
#bild_vordergrund p.service_titel{
    font-size:18px;
    line-height:22px;
    font-weight:400;
    color:#FFFFFF;
    margin-bottom:15px;
    height:44px;
    }

#bild_vordergrund p.service_text{
    font-size:16px;
    line-height:28px;
    font-weight:400;
    color:#999999;
    margin-bottom:20px;
    height:140px;
    }
#bild_vordergrund p.service_text:hover{
    color:#FFFFFF;
    }
#bild_vordergrund p.service_weiter_lesen{
    font-size:16px;
    line-height:16px;
    font-weight:400;
    color: #d9d9d9;
    }



#block_startseite_bild_projekt{
    margin:0px auto 10px auto;
    height:250px;
    width:100%; 
    float:left;
    background-position:center;
    background-repeat: no-repeat;
    background-size:cover;
    color:#FFFFFF;
    font-size:18px;
}
#flexe_jobs.letzte{
    display:none;
}

@media screen and (max-width:1500px) {

}
@media screen and (max-width:1300px) {
#bild_vordergrund p.service_text{
    height:160px;
    }
}
@media screen and (max-width:1060px) {
#startseite_grundgeruest h2.startseite_ueberschrift {
    font-size: 32px;
    line-height: 32px;
}
}
@media screen and (max-width:960px) {
#startseite_grundgeruest p.startseite_ueberschrift_text{
    font-size:16px;
    line-height:30px;
    /* width:70%; removed by me */
}
#start_4_blocks > div {
  margin: 0px 2% 15px 0;
  width: calc(1/2*100% - (1 - 1/2)*2%);
}

#start_4_blocks > div:nth-child(4n) {
  margin-right: 2%;
}
#start_4_blocks > div:nth-child(3n) {
  margin-right: 2%;
}
#start_4_blocks > div:nth-child(2n) {
  margin-right: 0;
}
#start_4_blocks.startseite{ 
    margin-bottom:100px;
}
}
@media screen and (max-width:500px) {
#startseite_grundgeruest p.startseite_ueberschrift_text{
    width:100%;
}
#start_4_blocks > div {
  margin: 0px 0 10px 0;
  width: calc(1/1*100% - (1 - 1/1)*0%);
}
#start_4_blocks > div:nth-child(3n), #start_4_blocks > div:nth-child(2n), #start_4_blocks > div:nth-child(1n) {
  margin-right: 0;
}
}
/************* Startseite Kurse***************/

#block_3{
    color:#FFFFFF;
    clear:left;
    float:left;
    width:92%;
    height:100%;
    padding:50px 4%;
    background-color:#272727;
    margin-bottom:200px;
    }
#block_3 ul.block_3_start {
    width:100%; 
    height:100%; 
    float:left;
}
#block_3 ul.block_3_start li.block_3_start_links {
    float:left;
    width:65%;
    height:100%;
    }
#block_3 ul.block_3_start li.block_3_start_rechts  {
    float: right;
    width:29%;
    height:100%;
    }
@media screen and (max-width:765px) {
#block_3 ul.block_3_start li.block_3_start_links, #block_3 ul.block_3_start li.block_3_start_rechts   {
    width:100%;
    }
#block_3 ul.block_3_start li.block_3_start_links{
    margin-bottom:70px;
    }

}
#block_3_grosses_bild{
    margin:0px auto 10px auto;
    height:410px;
    width:100%; 
    float:left;
    background-position:center;
    background-repeat: no-repeat;
    background-size:cover;
}

#block_3 p.kategorie_titel{
    font-size:20px;
    line-height:26px;
    font-weight:600;
    display:inline-block;
    margin-bottom:10px;
    color:#d9d9d9;
}
#block_3 p.kategorie_text{
    font-family: 'Lato', sans-serif;
    font-size:15px;
    line-height:24px;
}
#block_3 p.kategorie_text_klein{
    font-family: 'Lato', sans-serif;
    font-size:13px;
    line-height:20px;
}
#block_3 p.kategorie_titel:hover{
    color: #FFFFFF;
}

#block_3 ul.kategorie_klein  {
    float:left;
    width:100%;
    border-bottom: 1px solid #CCCCCC;
    margin-bottom:20px;
    }
#block_3 ul.kategorie_klein li.kategorie_klein_links {
    float:left;
    width:32%;
    height:100%;
    }
#block_3 ul.kategorie_klein li.kategorie_klein_rechts  {
    float: right;
    width:63%;
    height:100%;
    }   
#block_3_kleines_bild{
    margin:0px auto 10px auto;
    height:110px;
    width:100%; 
    float:left;
    background-position:center;
    background-repeat: no-repeat;
    background-size:cover;
    margin-right:5%;
    margin-bottom:20px;
}
#block_3 p.kategorie_titel_klein{
    font-family: 'Source Sans Pro', sans-serif;
    font-size:15px;
    line-height:20px;
    font-weight:600;
    display:inline-block;
    margin-bottom:10px;
}
#block_3 p.kategorie_datum{
    font-size:12px;
    line-height:12px;
    font-weight:400;
    margin-bottom:10px;
    color:#888888;
}
#block_3 p.kategorie_titel_klein:hover{
    color:#d9d9d9;
}

@media screen and (max-width:960px) {
#block_3_grosses_bild{
    height:220px;
}
#block_3 p.kategorie_titel{
    font-size:16px;
    line-height:22px;
    font-weight:500;
    margin-bottom:10px;
}
#block_3_kleines_bild{
    margin:0px auto 10px auto;
    height:100px;
    margin-bottom:20px;
}
#block_3 p.kategorie_titel_klein{
    font-size:14px;
    line-height:18px;
    margin-bottom:7px;
}
}

/************* Kontakt ***************/
#kontakt-kontaktformular{
    width:100%;
    float:left;
}
#kontakt-kontaktformular p.info{
    margin-bottom:20px;
}
#kontakt-kontaktformular p.input{
    width:95%;
    height:40px;
    border: 1px solid #CCCCCC;
    font-family: 'Poppins', sans-serif;
    margin:15px 0 15px 0;
    padding-left:15px;
    background-color:#FFFFFF;
}
#kontakt-kontaktformular p.textarea{
    width:95%;
    height:auto;
    border: 1px solid #CCCCCC;
    font-family: 'Poppins', sans-serif;
    margin:15px 0 15px 0;
    padding-left:15px;
    padding-top:15px;
    padding-bottom:15px;
    background-color:#FFFFFF;
}
#kontakt-kontaktformular input{
    width:95%;
    color: #777777;
    font-family: 'Poppins', sans-serif;
    font-size:14px; 
    height:40px;
    background-color:transparent;
    border: 0px solid #CCCCCC;
}
#kontakt-kontaktformular textarea{
    width:95%;
    color: #777777;
    font-size:14px;
    font-family: 'Poppins', sans-serif;
    background-color:transparent;
    border: 0px solid #CCCCCC;
}
#senden-box1{
    padding:0px;
    color: #d9d9d9;
    font-family: 'Poppins', sans-serif;
    background-color: #FFFFFF;
    border: 2px solid #d9d9d9;
    width:auto;
    margin:5px 0 0px 0;
    padding:0 30px;
    display:inline-block;
}
#senden-box1 input{
    background-color:transparent;
    border: 0px solid #CCCCCC;
    color: #d9d9d9;
    font-family: 'Poppins', sans-serif;
    font-size:14px;
    padding:10px 0;
    width:100%;
}
#senden-box1:hover{
    background-color:#d9d9d9;
    color: #FFFFFF;
}
#senden-box1 input:hover{
    background-color:#d9d9d9;
    color: #FFFFFF;
}
#kontakt-kontaktformular p.meldung
{
    color: #d9d9d9;
    margin-top:20px;
}
p.input_no {
    display:none;
}
@media screen and (max-width:900px) {
#kontakt-kontaktformular{
    margin-top:0px;
    font-size:14px;
}
}
@media screen and (max-width:765px) {
#kontakt-kontaktformular{
    width:100%;
    margin-right:0;
}
#kontakt-kontaktformular p.input{
    margin-top:0px;
}
#kontakt-kontaktformular p.input{
    
    margin:20px 0 20px 0;
    padding-left:15px;
}
#kontakt-kontaktformular p.textarea{

    height:100px;
    margin:0px;
    padding-left:15px;
    padding-top:15px;
}
#kontakt-kontaktformular input{
    
}
#kontakt-kontaktformular textarea{
    height:95px;
}

}



/* IMAGE LIGHTBOX SELECTOR */

#imagelightbox
{
    cursor: pointer;
    position: fixed;
    z-index: 10000;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); /* 50 */
    box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); /* 50 */
}


/* ACTIVITY INDICATION */

#imagelightbox-loading, #imagelightbox-loading div {
    border-radius: 50%;
}
#imagelightbox-loading {
    width: 2.5em; /* 40 */
    height: 2.5em; /* 40 */
    background-color: #444;
    background-color: rgba( 0, 0, 0, .5 );
    position: fixed;
    z-index: 10003;
    top: 50%;
    left: 50%;
    padding: 0.625em; /* 10 */
    margin: -1.25em 0 0 -1.25em; /* 20 */
    -webkit-box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
    box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
}
#imagelightbox-loading div {
    width: 1.25em; /* 20 */
    height: 1.25em; /* 20 */
    background-color: #fff;
    -webkit-animation: imagelightbox-loading .5s ease infinite;
    animation: imagelightbox-loading .5s ease infinite;
}

@-webkit-keyframes imagelightbox-loading {
    from { opacity: .5; -webkit-transform: scale( .75 ); }
    50%  { opacity: 1;  -webkit-transform: scale( 1 ); }
    to   { opacity: .5; -webkit-transform: scale( .75 ); }
}
@keyframes imagelightbox-loading {
    from { opacity: .5; transform: scale( .75 ); }
    50%  { opacity: 1;  transform: scale( 1 ); }
    to   { opacity: .5; transform: scale( .75 ); }
}


/* OVERLAY */

#imagelightbox-overlay {
    background-color: #fff;
    background-color: rgba( 255, 255, 255, .9 );
    position: fixed;
    z-index: 9998;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}


/* "CLOSE" BUTTON */

#imagelightbox-close {
    width: 2.5em; /* 40 */
    height: 2.5em; /* 40 */
    text-align: left;
    background-color: #666;
    border-radius: 50%;
    position: fixed;
    z-index: 10002;
    top: 2.5em; /* 40 */
    right: 2.5em; /* 40 */
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
}
#imagelightbox-close:hover, #imagelightbox-close:focus { background-color: #111; }

#imagelightbox-close:before, #imagelightbox-close:after {
    width: 2px;
    background-color: #fff;
    content: '';
    position: absolute;
    top: 20%;
    bottom: 20%;
    left: 50%;
    margin-left: -1px;
}
#imagelightbox-close:before {
    -webkit-transform: rotate( 45deg );
    -ms-transform: rotate( 45deg );
    transform: rotate( 45deg );
}
#imagelightbox-close:after {
    -webkit-transform: rotate( -45deg );
    -ms-transform: rotate( -45deg );
    transform: rotate( -45deg );
}


/* CAPTION */

#imagelightbox-caption {
    text-align: center;
    color: #fff;
    background-color: #666;
    position: fixed;
    z-index: 10001;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0.625em; /* 10 */
}


/* NAVIGATION */

#imagelightbox-nav {
    background-color: #444;
    background-color: rgba( 0, 0, 0, .5 );
    border-radius: 20px;
    position: fixed;
    z-index: 10001;
    left: 50%;
    bottom: 3.75em; /* 60 */
    padding: 0.313em; /* 5 */
    -webkit-transform: translateX( -50% );
    -ms-transform: translateX( -50% );
    transform: translateX( -50% );
}
#imagelightbox-nav button {
    width: 1em; /* 20 */
    height: 1em; /* 20 */
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 50%;
    display: inline-block;
    margin: 0 0.313em; /* 5 */
}
#imagelightbox-nav button.active {
    background-color: #fff;
}


/* ARROWS */

.imagelightbox-arrow {
    width: 3.75em; /* 60 */
    height: 7.5em; /* 120 */
    background-color: #444;
    background-color: rgba( 0, 0, 0, .5 );
    vertical-align: middle;
    display: none;
    position: fixed;
    z-index: 10001;
    top: 50%;
    margin-top: -3.75em; /* 60 */
}
.imagelightbox-arrow:hover, .imagelightbox-arrow:focus  { background-color: rgba( 0, 0, 0, .75 ); }
.imagelightbox-arrow:active { background-color: #111; }
.imagelightbox-arrow-left   { left: 2.5em; /* 40 */ }
.imagelightbox-arrow-right  { right: 2.5em; /* 40 */ }

.imagelightbox-arrow:before {
    width: 0;
    height: 0;
    border: 1em solid transparent;
    content: '';
    display: inline-block;
    margin-bottom: -0.125em; /* 2 */
}
.imagelightbox-arrow-left:before {
    border-left: none;
    border-right-color: #fff;
    margin-left: -0.313em; /* 5 */
}
.imagelightbox-arrow-right:before {
    border-right: none;
    border-left-color: #fff;
    margin-right: -0.313em; /* 5 */
}

#imagelightbox-loading, #imagelightbox-overlay, #imagelightbox-close, #imagelightbox-caption, #imagelightbox-nav, .imagelightbox-arrow {
    -webkit-animation: fade-in .25s linear;
    animation: fade-in .25s linear;
}
@-webkit-keyframes fade-in {
    from    { opacity: 0; }
    to      { opacity: 1; }
}
@keyframes fade-in {
    from    { opacity: 0; }
    to      { opacity: 1; }
}

@media only screen and (max-width: 41.250em) { /* 660 */
    #container {
        width: 100%;
    }
    #imagelightbox-close {
        top: 1.25em; /* 20 */
        right: 1.25em; /* 20 */
    }
    #imagelightbox-nav {
        bottom: 1.25em; /* 20 */
    }
    .imagelightbox-arrow {
        width: 2.5em; /* 40 */
        height: 3.75em; /* 60 */
        margin-top: -2.75em; /* 30 */
    }
    .imagelightbox-arrow-left   { left: 1.25em; /* 20 */ }
    .imagelightbox-arrow-right  { right: 1.25em; /* 20 */ }
}

@media only screen and (max-width: 20em) { /* 320 */
    .imagelightbox-arrow-left   { left: 0; }
    .imagelightbox-arrow-right  { right: 0; }
}

/************* impressum-und-co ***************/
#grundgeruest{
    margin: 40px auto 0px auto;
    width:1210px;
    height:auto;
    clear:left;
    font-family: 'Lato', sans-serif; 
    font-size:15px;
    font-weight:400;
    line-height:27px;
    color:#212429;
    min-height:700px;
}
#grundgeruest h2 {
    font-size:22px;
    font-weight:600;
    line-height:30px;
    margin: 40px 0 30px 0;
    border-left: 5px solid #d9d9d9;
    padding-left:15px;
    display:inline-block;
   }
#grundgeruest h3.three-top {
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
    margin-top: 20px;
   }


@media screen and (max-width:1200px){
#grundgeruest h2{
    font-size:20px;
    line-height:28px;
    padding-bottom:6px;
    margin-bottom:25px;
   }
}
@media screen and (max-width:1024px){
#grundgeruest h2{
    font-size:18px;
    line-height:24px;
    padding-bottom:5px;
    margin-bottom:20px;
   }
}
@media (max-width: 765px){
#grundgeruest{
    margin:40px auto 0px auto;
    font-size:14px;
    min-height:400px;
}
#grundgeruest h2{
    margin-top:25px;
    margin-bottom:10px;
    padding-left:10px;
   }
}
#grundgeruest h3.ueberschrift_unterseiten{
    color: #9c9c9e;
    font-size:13px;
    line-height:20px;
    font-weight:400;
    margin-bottom:50px;
}
#grundgeruest h3.ueberschrift_unterseiten box-2{
    font-weight:300;
    margin-left:10px;
    margin-right:10px;
}
#grundgeruest h3.ueberschrift_unterseiten box-3{
    color: #d9d9d9;
}
#grundgeruest h3.ueberschrift_unterseiten a:hover{
    color: #d9d9d9;
}
@media (max-width: 1200px)
{
#grundgeruest h3.ueberschrift_unterseiten{
    margin-bottom:40px;
}
}
@media (max-width: 1024px)
{
#grundgeruest h3.ueberschrift_unterseiten{
    margin-bottom:30px;
}
}
@media (max-width: 765px)
{
#grundgeruest h3.ueberschrift_unterseiten{
    margin-bottom:0px;
    font-size:12px;
}
}

/************* Projekte ***************/
#startupjob_bild {
    width:100%; 
    height:400px; 
    float:left;
    margin-top:0px;
    margin-bottom:40px;
    background-position:center;
    background-repeat: no-repeat;
    background-size:cover;
    box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.5);
}
#startupjob_bild h2.job {
    margin-left:20px;
    text-align:left;
    font-size:44px;
    line-height:54px;
    font-weight:700;
    margin-top:60px;
    margin-bottom:20px;
    border-left: 0px solid #0073B1;
    color:#FFFFFF;
    padding:0;
    width:500px;
}
#startupjob_bild p.cat {
    padding:10px 0px;
    background-color:#d9d9d9;
    color: #FFFFFF;
    width:120px;
    margin:0px 0 0px 20px;
    font-size:14px;
    line-height:14px;
    font-weight:400;
    text-align:center;
}
#unterseite_rechts_logo {
    width:120px;
    height:120px;
    clear:left;
    border: 1px solid #CCCCCC;
    margin:20px 0 0px 20px;
    background-position: center;
    background-size:cover;
    background-repeat: no-repeat;
    background-color:#FFFFFF;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
}
@media screen and (max-width:765px) {
#startupjob_bild {
    height:300px; 
    margin-top:0px;
    margin-bottom:40px;
}
#unterseite_rechts_logo {
    width:90px;
    height:90px;
}
#startupjob_bild h2.job {
    font-size:20px;
    line-height:30px;
    margin-top:70px;
    width:80%;
    margin-bottom:10px;
}
#startupjob_bild p.cat {
    padding:10px 0px;
    width:100px;
    font-size:13px;
    line-height:13px;
}
}

/************* Portfolio ***************/
#start_3_blocks{
    width:100%;
    margin:0px auto 100px auto;
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
}
#start_3_blocks > div {
    box-sizing: border-box;
    margin: 0px 2% 0 0;
    width: calc(1/3*100% - (1 - 1/3)*2%); 
    padding-bottom:0px;
    /* border: 1px solid #CCCCCC; */
    /* padding: 20px 10px; removed by me */ 
    box-shadow: 0px 0px 5px 0px #d9d9d9;  /* 0px 0px 5px 0px rgb(0 0 0 / 50%) */
    background-color: white;
    border-radius: 2% 2% 2% 2%;
    text-align: center;
}
#start_3_blocks.drei > div {
    border: 1px solid #CCCCCC;
}
#start_3_blocks > div:nth-child(3n) {
  margin-right: 0;
}
.flex-content {
  padding: 20px 10px;
}
.font-icon img {
    width: 100%;
    border-radius: 2% 2% 0 0;
}
#kleines_bild_vordergrund{
    width:80%;
    height:100%;
    padding:0 10%;
    clear:left;
    float:left;
    text-align:center;
    }
#kleines_bild_vordergrund:hover{
    background-color: rgba(0, 0, 0, 0.2);
}

@media screen and (max-width:765px) {
    #start_3_blocks {
        justify-content: center;
        margin: 0px auto 70px auto;
    }
    #start_3_blocks > div {
      width: 100%;
      margin: 0px 2% 30px 0;
    }
    #start_3_blocks > div:nth-child(3n), #start_3_blocks > div:nth-child(2n), #start_3_blocks > div:nth-child(1n) {
      margin-right: 0;
    }
}

/************* Les styles déco ***************/

#block_bild_blog{
    margin:0px auto 10px auto;
    height:250px;
    width:100%; 
    float:left;
    background-position:center;
    background-repeat: no-repeat;
    background-size:cover;
    color:#FFFFFF;
    font-size:18px;
}
#bild_vordergrund_blog{
    width:80%;
    height:100%;
    padding:0 10%;
    clear:left;
    float:left;
    background-color: rgba(0, 0, 0, 0.7);
    text-align:center;
    }
#bild_vordergrund_blog:hover{
    background-color: rgba(0, 0, 0, 0.2);
    }

#bild_vordergrund_blog p.service_bild img{
    margin-bottom:30px;
    margin-top:30px;
    width:60px;
    height:auto;
    }
#bild_vordergrund_blog p.service_titel{
    font-size:20px;
    line-height:20px;
    font-weight:400;
    color:#FFFFFF;
    margin-top:114px;
    }
#bild_vordergrund_blog p.service_titel:hover{
    color:#d9d9d9;
    }


#bild_vordergrund_projekt{
    width:80%;
    height:100%;
    padding:0 10%;
    clear:left;
    float:left;
    }
#bild_vordergrund_projekt:hover{
    background-color: rgba(0, 0, 0, 0.3);
    }


#formules{
    margin:0px auto 100px auto;
    height:auto;
    width:100%; 
    float:left;
}

@media screen and (max-width:1300px) {


}
@media screen and (max-width:1060px) {

}
@media screen and (max-width:960px) {


}
@media screen and (max-width:765px) {
#formules{
    margin-bottom:50px;
}
}
@media screen and (max-width:500px) {

}

/* FOOTER */
a{
    text-decoration:none;
    color:inherit;
}
footer{
    width:100%; 
    height:auto; 
    float:left;
    font-family: 'Lato', sans-serif;
    font-size:14px;
    line-height:22px;
    color: #FFFFFF;
}
#footer_untermenu{
    width:100%;
    height:auto;
    text-align:center;
    background-color: #014886; /*#000435*/
    clear:left;
    padding-top:20px;
    padding-bottom:20px;
    color: #FFFFFF;
    font-size:14px;
}
#footer_untermenu img {
    height: 120px;
    width:auto;
    padding-bottom:-20px;
    margin-top:30px;
}
#footer_untermenu ul {
    width: 1210px;
    margin: 0px auto 30px auto;
    padding-top:40px;
    padding-bottom:30px;
    margin-top:0px;
    border-bottom: 2px solid #d9d9d9;
}
#footer_untermenu ul li{
    display: inline;
    text-align:center;
    margin:0px 10px 0px 10px;
}
#footer_untermenu ul li#aktiv{
    color:#d9d9d9;
}
#footer_untermenu ul li:hover{
    color:#d9d9d9;
}
#footer_untermenu p {
    color: #FFFFFF;
    margin-bottom:50px;
    margin-right:10%;
    text-align:right;
}
#footer_untermenu box {
    color: #d9d9d9;
}
#footer_untermenu box2 {
    display:none;
}
#footer_untermenu box3 {
    margin-left:10%;
    float:left;
}
#footer_untermenu box3 img{
    width:36px;
    height:auto;
    padding:0px;
    margin:0 10px 30px 0px;
    text-align:left;
}
#footer_untermenu box3 img:hover{
    opacity: 0.5; 
}
#footer_links, #fair-cities{
    display:none;
}   
@media (max-width: 1500px) {
    #footer_untermenu box3 {
        margin-left:5%;
    }
    #footer_untermenu p {
        margin-right:5%;
    }   
}
@media screen and (max-width:1024px) {
    #footer_untermenu img {
        width:auto;
    }
    #footer_untermenu box3 {
        margin-left:3%;
    }
    #footer_untermenu p {
        margin-right:3%;
    }
}
@media screen and (max-width:765px) {
    #footer_untermenu box3 {
        margin-left: 0;
        float: none;
    }
}
@media (max-width: 900px) {
    #footer_untermenu{
        font-size:13px;
    }
}
@media (max-width: 765px) {
    #footer_untermenu img {
        width:130px;
        height:auto;
        padding-bottom:-20px;
        padding-top:15px;
    }
    #footer_untermenu ul li{
        font-size:14px;
        width:100%;
        display: block;
        text-align: center;
        margin:15px 0px;
    }
    #footer_untermenu box3 img{
        width:20px;
        margin:0 5px 30px 0px;
    }
    #footer_untermenu p {
        text-align: center;
    }
}


@media screen and (max-width:1300px) {
    #haupt_header, #startseite-bild .headings, #start_1, #startseite_grundgeruest, #footer_untermenu ul, #box, #registrieren, #grundgeruest, #header_oben ul, #menu ul li ul.megamenu {
        width:1020px;
    }
}
@media screen and (max-width:1060px) {
    #haupt_header, #startseite-bild .headings, #start_1, #startseite_grundgeruest, #footer_untermenu ul, #box, #registrieren, #grundgeruest, #header_oben ul, #menu ul li ul.megamenu {
        width:920px;
    }
}
@media screen and (max-width:960px) {
    #haupt_header, #startseite-bild .headings, #start_1, #startseite_grundgeruest, #footer_untermenu ul, #box, #registrieren, #grundgeruest , #header_oben ul, #menu ul li ul.megamenu {
        width:85%;
    }
}
@media screen and (max-width:765px) {
    #haupt_header, #start_1, #startseite_grundgeruest, #footer_untermenu ul, #box, #registrieren, #grundgeruest ,#header_oben ul, #menu ul li ul.megamenu {
        width:80%;
    }
    #startseite-bild .headings {
        width:75%;
    }
}
@media screen and (max-width:500px) {
    #haupt_header, #start_1, #startseite_grundgeruest, #footer_untermenu ul, #box, #registrieren, #grundgeruest ,#header_oben ul, #menu ul li ul.megamenu {
        width:90%;
    }
}
@media screen and (max-width:400px) {
    #haupt_header, #start_1, #startseite_grundgeruest, #footer_untermenu ul, #box, #registrieren, #grundgeruest ,#header_oben ul, #menu ul li ul.megamenu {
        width:95%;
    }
}
/* END - Custom Styles */

/* Pushy Styles */
.pushy {
    position: fixed;
    width: 250px;
    height: 100%;
    top: 0;
    z-index: 9999;
    background: #ffffff;
    overflow: auto;
    visibility: hidden;
    -webkit-overflow-scrolling: touch;
}
.pushy a {
    display: block;
    color: #b3b3b1;
    padding: 15px 30px;
    text-decoration: none;
    outline: 0;
}
.pushy.pushy-left {
    left: 0;
}
.pushy.pushy-right {
    right: 0;
}
.pushy-left {
    -webkit-transform: translate3d(-250px, 0, 0);
    -ms-transform: translate3d(-250px, 0, 0);
    transform: translate3d(-250px, 0, 0);
}
.pushy-open-left #container,
.pushy-open-left .push,
.pushy-right {
    -webkit-transform: translate3d(200px, 0, 0);
    -ms-transform: translate3d(200px, 0, 0);
    transform: translate3d(200px, 0, 0);
}
.pushy-open-right #container,
.pushy-open-right .push {
    -webkit-transform: translate3d(-200px, 0, 0);
    -ms-transform: translate3d(-200px, 0, 0);
    transform: translate3d(-200px, 0, 0);
}
.pushy-open-left .pushy,
.pushy-open-right .pushy {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
#container,
.push,
.pushy {
    transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
}
.site-overlay {
    display: none;
}
.pushy-open-left .site-overlay,
.pushy-open-right .site-overlay {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9998;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-animation: fade 0.5s;
    animation: fade 0.5s;
}
@keyframes fade {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes fade {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.pushy-submenu ul {
    padding-left: 15px;
    transition: max-height 0.2s ease-in-out;
}
.pushy-submenu ul .pushy-link {
    transition: opacity 0.2s ease-in-out;
}
.pushy-submenu > a {
    position: relative;
}
.pushy-submenu > a::after {
    content: "";
    display: block;
    height: 11px;
    width: 8px;
    position: absolute;
    top: 50%;
    right: 15px;
    background: url(https://www.rym-domotique.com/wp-content/uploads/2025/04/arrow.svg) no-repeat;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: transform 0.2s;
        -webkit-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
}
.pushy-submenu-closed ul {
    max-height: 0;
    overflow: hidden;
}
.pushy-submenu-closed .pushy-link {
    opacity: 0;
}
.pushy-submenu-open ul {
    max-height: 1000px;
    background: #efefef;
}
.pushy-submenu-open .pushy-link {
    opacity: 1;
}
.pushy-submenu-open a::after {
    -webkit-transform: translateY(-50%) rotate(270deg);
    -ms-transform: translateY(-50%) rotate(270deg);
    transform: translateY(-50%) rotate(270deg);
}
.no-csstransforms3d .pushy-submenu-closed ul {
    max-height: none;
    display: none;
} /*# sourceMappingURL=pushy.min.css.map */

.menu-btn {
    /*display: block;*/
    padding-left: 10px;
    margin-top: 15px;
    cursor: pointer;
    height: 30px;
    width: auto;
    position: fixed;
    color: #FFFFFF;
    font-size: 5px;
    top: 0;
}

.pushy ul {
  list-style: none;
  padding-left: 0;
}

.pushy-submenu ul .pushy-link {
  padding-left: 30px;
}
.pushy ul.mobile-menu > li:first-child {
    background: #014886;
}
.pushy a, .pushy p {
    display: block;
    font-family: 'Lato';
    color: #31313b;
    font-weight: 400;
    font-size: 15px;
    padding: 15px 10px 15px 40px;
    text-decoration: none;
}
.pushy a {
    border-bottom: 2px solid rgba(0, 0, 0, .1);
    border-top: 2px solid rgba(255, 255, 255, .1);
    font-weight: 600;
}
.pushy p {
    font-family: 'Oswald';
    color: #d9d9d9;
    font-weight: 600;
    font-size: 17px;
    text-transform: uppercase;
    border-bottom: 5px solid #d9d9d9;
}

/* Example Media Query */

@media screen and (max-width: 768px){
    .pushy{
        font-size: 1.0em;
    }
}
/* END - Pushy Styles */





.site-content .breadcrumbs, .portfolio-container, .rank-math-breadcrumb {
    width: 1210px;
    margin: 120px auto 0px auto;
    line-height: 20px;
    font-size: 10px;
    letter-spacing: 3px;
    color: #9c9c9e;
    text-transform: uppercase;
}
.rank-math-breadcrumb {
    margin-top: 110px;
}
.site-content .breadcrumbs li {
    display: inline;
    padding: 0 2px;
}
.site-content .breadcrumbs li a, .rank-math-breadcrumb p a {
    color: #d9d9d9;
}
/*
.site-content .breadcrumbs li:before {
    display: inline-block;
    content: "/";
    margin: 0 9px 0 5px;
}
*/
.site-content .breadcrumbs li:first-child:before {
    display: none;
}





.portfolio-container {
    margin-bottom: 80px;
    margin-top: 60px;
}
@media (max-width: 1300px){ 
    .site-content .breadcrumbs, .portfolio-container, .rank-math-breadcrumb {
        width: 1020px;
    }
}
@media (max-width: 1060px){ 
    .site-content .breadcrumbs, .portfolio-container, .rank-math-breadcrumb {
        width: 920px;
    }
}
@media (max-width: 960px){ 
    .site-content .breadcrumbs, .portfolio-container, .rank-math-breadcrumb {
        width: 720px;
    }
}
@media (max-width: 765px){  
    .site-content .breadcrumbs, .portfolio-container, .rank-math-breadcrumb {
        width: 96%;
    }
    .rank-math-breadcrumb {
    margin: 80px auto 0px auto;
    }
}
.page-header {
    background-image: none !important;
}






/* Styles for Contact Page */
.contact-map iframe {
    width: 100%;
    height: 400px;
}
.contact-info {
    text-align: center;
    margin-bottom: 40px;
    margin-top: 20px;
}
hr.rounded {
    border-top: 7px solid #d9d9d9;
    border-radius: 5px;
    width: 40%;
    margin: 0 auto;
}








/* Styles for Archive Blog */
article { /*12*/
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: top;
}
body.blog h3 {
    color: #212429;
    font-family: "Lato", Sans-serif;
}
/*
body.blog div, body.blog article, body.blog a, body.blog img, body.blog h3, body.blog span, body.blog time { 32
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: top;
}
*/
body.blog a {  /*1618*/
    font-family: "Lato", Sans-serif;
    text-decoration: none;
    color: inherit;
}

body.blog img, body.single-post img {  /*2188*/
    height: auto;
    max-width: 100%;
}
.post-box { /*3427*/
    margin-bottom: 60px;
    padding-bottom: 15px;
    border-bottom: solid 1px rgba(255,255,255,0.1);
    line-height: 1.7em;
}
.post-box .link-box, .post-box .quote-box, .post-box .entry-media { /*3436*/
    position: relative;
    border-bottom: solid 4px #d9d9d9;
    overflow: hidden;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.post-box .entry-media a { /*3444*/
    display: block;
}
.post-box .entry-media img { /*3447*/
    display: block;
    width: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.post-box .inner-post { /*3459*/
    position: relative;
    padding: 20px 0 10px 80px;
}
.post-box .post-date { /*3463*/
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    text-align: center;
    text-shadow: none;
}
.post-box .post-date > div { /*3466*/
    display: block;
    color: #333;
    text-align: center;
    width: 60px;
    font-weight: 600;
}
.post-box .post-date .day { /*3473*/
    color: #333;
    font-size: 32px;
    padding-top: 45px;
    padding-bottom: 10px;
    background-color: #d9d9d9;
}
.post-box .post-date .month { /*3480*/
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 16px;
    padding: 7px 0;
    border-bottom: solid 4px #333;
}
.post-box .entry-title { /*3503*/
    font-size: 24px;
    text-transform: none;
    margin-top: 20px;
    margin-bottom: 15px;
    letter-spacing: normal;
    color: #212429;
    font-family: "Lato", Sans-serif;
}
.post-box .entry-title a { /*3510*/
    font-family: "Lato", Sans-serif;
    line-height: 1.2;
    font-weight: 400;
    display: inline-block;
    color: #333;
}
.blog-grid { /*3603*/
    display: flex;
    flex-wrap: wrap;
    margin-right: -12px;
    margin-left: -12px;
}
.blog-grid .post-box { /*3609*/
    width: 100%;
    max-width: 100%;
    flex: 0 0 auto;
    margin-bottom: 30px;
    border-bottom: none;
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 0;
}
.blog-grid .post-box .entry-media, .blog-grid .post-box .link-box { /*3620*/
    border-bottom: none;
    padding-bottom: 0;
}
.blog-grid .post-box .inner-post { /*3629*/
    padding-left: 0;
}
.blog-grid .post-box .entry-title { /*3636*/
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 15px;
}
.blog-grid .entry-summary { /*3641*/
    font-family: "Lato", Sans-serif;
    margin-bottom: 15px;
    line-height: 1.7em;
    font-weight: 400;
}
.blog-grid .post-date { /*3644*/
    position: static;
    width: auto;
    text-align: left;
}
.blog-grid .post-date a { /*3649*/
    font-size: 10px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #bbbbbb;
}
.blog-grid:not(.poster) .post-cat { /*3651*/
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 1;
}
.blog-grid:not(.poster) .post-cat a { /*3657*/
    display: inline-block;
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 10px;
    padding: 7px 10px 6px 10px;
    margin-bottom: 5px;
    text-transform: uppercase;
    color: #111111;
    background: #d9d9d9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
@media (min-width: 992px) { /*3762*/
    .blog-grid.pf_3_cols .post-box {
        width: 33.33333333%;
    }
}
.blog-post .entry-footer { /*3861*/
    justify-content: stretch;
    margin-bottom: 70px;
    margin-top: 30px;
}
.blog-post .entry-meta { /*3865*/
    display: table;
    table-layout: fixed;
    font-size: 11px;
    line-height: 27px;
    border: solid 1px #222222;
    border-left: none;
}
.blog-post .entry-meta > span { /*3873*/
    display: table-cell;
    padding: 10px 20px 10px 20px;
    text-align: left;
    border-left: solid 1px #222222;
}
.blog-post .entry-meta > span i { /*3879*/
    color: #d9d9d9;
    margin-right: 20px;
}
.blog-post .share-post { /*3883*/
    text-align: right;
    flex-grow: 1;
}
.blog-post .share-post a { /*3887*/
    font-family: "Lato", Sans-serif;
    display: inline-block;
    height: 28px;
    width: 28px;
    text-align: center;
    line-height: 28px;
    color: #000000;
    margin-right: 6px;
    background: transparent;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}
.author-bio { /*3902*/
    text-align: center;
    margin-bottom: 70px;
}
.author-bio .author-image { /*3911*/
    display: inline-block;
    width: 80px;
    margin-bottom: 20px;
}
.related-posts h3 { /*4050*/
    color: #212429;
    font-family: "Lato", Sans-serif;
    font-size: 24px;
    text-transform: none;
    letter-spacing: normal;
    margin-bottom: 30px;
}
@media (max-width: 991px) { /*4081*/
    .content-area {
        margin-bottom: 60px;
    }
}
@media only screen and (max-width: 600px) { /*4121*/
    .post-box .entry-title {
        font-size: 22px;
        line-height: 30px;
    }
}
.widget-area .widget { /*4406*/
    margin-bottom: 60px;
    padding-bottom: 60px;
    border-bottom: solid 1px #333;
}
.widget-area .widget .widget-title, .widget-area .widget .wp-block-search__label, .widget-area .widget .wp-block-heading { /*4418*/
    position: relative;
    font-family: "Lato", Sans-serif;
    display: block;
    font-size: 16px;
    color: #7A7A7A;
    font-weight: 400;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 20px;
    padding-bottom: 30px;
}
.widget-area .widget .widget-title:before, .widget-area .widget .wp-block-search__label:before, .widget-area .widget .wp-block-heading:before { /*4428*/
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 30px;
    height: 2px;
    background: #d9d9d9;
}
.widget-area .wp-block-search__inside-wrapper { /*4563*/
    position: relative;
}
.widget-area .wp-block-search__inside-wrapper .wp-block-search__input { /*4567*/
    width: 100%;
}
.widget-area .wp-block-search__inside-wrapper .wp-block-search__button { /*4576*/
    width: 52px;
    font-size: 0;
    text-align: center;
    color: #111111;
    background: #d9d9d9;
    margin: 0;
    vertical-align: middle;
    border: none;
    outline: none;
    transition: background-color 0.3s linear;
    -webkit-transition: background-color 0.3s linear;
    -moz-transition: background-color 0.3s linear;
    -o-transition: background-color 0.3s linear;
    -ms-transition: background-color 0.3s linear;
}
.widget-area .wp-block-search__inside-wrapper .wp-block-search__button:before { /*4596*/
    display: block;
    font-family: "FontAwesome";
    content: "\f002";
    font-size: 18px;
}
.widget-area .wp-block-search__inside-wrapper .wp-block-search__button:hover {
    background-color: #ffffff;
}
span.posted-in a:hover {
    color: #d9d9d9;
    text-decoration: none;
}
.blog-post .share-post a:hover {
    color: #111111;
    background-color: #d9d9d9;
}
.ot-carousel .owl-dots button.owl-dot.active span {
    background: #d9d9d9;
}
.ot-carousel .owl-dots button.owl-dot:hover span {
    background: #869791;
}
a:hover, a:active, a:focus {
    color: #d9d9d9;
    text-decoration: none;
}
#start_wer p.weiter_lesen a:hover, .ag-slide-block p.weiter_lesen a:hover { 
    color: #ffffff; 
}
.pushy-submenu > a:hover {
    color: inherit;
}
.pushy-submenu ul li a {
    padding: 8px 10px 8px 40px;
    border: none;
    font-weight: 400;
}
.pushy-submenu ul li:last-child a {
    border-bottom: 2px solid rgba(0, 0, 0, .1);
}
.widget .tagcloud a {
    display: inline-block;
    font-size: 12px !important;
    color: #d9d9d9;
    line-height: 1;
    padding: 6px 8px;
    margin-right: 2px;
    margin-bottom: 13px;
    white-space: nowrap;
    vertical-align: middle;
    text-transform: capitalize;
    text-align: center;
    cursor: pointer;
    outline: none;
    user-select: none;
    border: 1px solid rgba(255, 255, 255, 0.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.flex-middle {  /*637*/
    display: flex;
    align-items: center;
    justify-content: center;
}
.the-excerpt, .entry-summary {
    font-family: "Lato", Sans-serif;
}
.the-excerpt, .textwidget, .entry-summary {
    font-family: "Lato", Sans-serif;
    line-height: 22px;
}
a.wp-block-latest-posts__post-title {
    font-family: "Lato", Sans-serif;
    line-height: 22px;
    padding-bottom: 10px;
    display: block;
}
input[type=search] {
    display: block;
    width: 100%;
    color: #ffffff;
    border: 1px solid rgba(255,255,255,0.2);
    padding: 10px;
    font-size: 16px;
    line-height: 1.5;
    background: rgba(0,0,0,0.1);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    box-sizing: border-box;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
}
.wp-block-search__label {
    width: 100%;
}
.wp-block-search__inside-wrapper {
    display: flex;
    flex: auto;
    flex-wrap: nowrap;
    max-width: 100%;
}


.entry-content > .container {
    width: 1210px;
    padding-left: 0;
    padding-right: 0;
    margin: 40px auto 0px auto;
}

@media screen and (max-width:1300px) {
    .entry-content > .container {
        width:1020px;
    }
}
@media screen and (max-width:1060px) {
    .entry-content > .container {
        width:920px;
    }
}
@media screen and (max-width:960px) {
    .entry-content > .container {
        width:720px;
    }
}
@media screen and (max-width:765px) {
    .entry-content > .container {
        width:96%;
    }
}









/* Style for temporary section*/
.font-icon .fa {
    font-size: 50px;
    text-align: center;
    display: block;
    color: #d9d9d9;
}
#start_3_blocks .icon-box-title {
    text-align: center;
    margin-bottom: 10px; 
    /* margin-top: 10px; removed by me */
}
#start_3_blocks .icon-box-title span, #start_4_blocks .icon-box-title span {
	color: #212429;
    font-family: "Lato", Sans-serif;
    /* text-transform: uppercase; removed by me */
    font-weight: 700;
    font-size: 18px;
}
.icon-box-description {
    font-family: "Lato", Sans-serif;
    text-align: center;
}

































/*
#start_4_blocks > li {
    box-sizing: border-box;
    margin: 0px 2% 30px 0;
    width: calc(1/4*100% - (1 - 1/4)*2%);
    padding-bottom: 0px;
}
#start_4_blocks > li:nth-child(4n) {
    margin-right: 0;
}
ul img
{
    width: 8.75em; // 140 
    height: 8.75em; // 140 
    border-color: #eee;
    border: 0.625em solid rgba( 255, 255, 255, .5 ); // 10 
    -webkit-box-shadow: 0 0 0.313em rgba( 0, 0, 0, .05 ); // 5 
    box-shadow: 0 0 0.313em rgba( 0, 0, 0, .05 ); // 5 
    -webkit-transition: -webkit-box-shadow .3s ease, border-color .3s ease;
    transition: box-shadow .3s ease, border-color .3s ease;
}
*/



.normal {
    font-weight: 400;
}


.octf-btn {
    padding: 10px 50px 10px 30px;
    font-family: "Roboto", Sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    opacity: 1;
    background-color: #d9d9d9;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #111111;
    line-height: normal;
    text-align: center;
    text-transform: uppercase;
}
.octf-btn.with-icon {
    font-family: "Lato", Sans-serif;
    padding-right: 50px;
}
.octf-btn:visited, .octf-btn:hover, .octf-btn:focus {
    color: #000000;
    opacity: 0.8;
}
.octf-btn i, .octf-btn svg {
    margin-left: 10px;
    width: 8px;
}
.ot-button-wrapper {
    display: flex;
    height: 100px;
    background-color: #d9d9d9;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
}



.overlay.reverse span.bg,
.overlay:hover span.bg,
.overlay.reverse figcaption,
.overlay:hover figcaption {
  opacity: 1;
}

.overlay.reverse:hover span.bg,
.overlay.reverse:not(.title-to-bottom):hover figcaption {
  opacity: 0;
  transform: scale(1.2);
}

.overlay.reverse.title-to-bottom:hover figcaption {
  opacity: 0;
}
.overlay.reverse.title-to-bottom:hover figcaption .post-title {
  bottom: -20%;
}




.hover-scale { /*646*/
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    transform: translateY(0);
}
.hover-scale:not(.overlay-creative) img { /*653*/
    transition: all 1s ease;
}
.overlay { /*661*/
    position: relative;
    text-align: center;
    overflow: hidden;
    transform: translate3d(0, 0, 0);
}
.overlay img { /*668*/
    max-width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    vertical-align: top;
}
.overlay a, .overlay-creative a { /*676*/
    font-family: "Lato", Sans-serif;
    position: relative;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
    cursor: pointer;
}
.overlay *, .overlay-creative * { /*688*/
    transition: all 0.5s ease;
}
figure.overlay img { /*692*/
    position: relative;
    opacity: 1;
    width: 100%;
    /*remove the below*/
    height: auto;
    max-width: 100%;
    border: none;
    border-radius: 0;
    box-shadow: none;
}
.overlay span.bg { /*698*/
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    cursor: pointer;
    opacity: 0;
    z-index: 4;
    width: 100%;
    height: 100%;
    background: rgba(17, 17, 17, 0.8);
}
.overlay figcaption { /*713*/
    position: absolute;
    padding: 10px;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    opacity: 0;
    text-align: center;
    z-index: 5;
    pointer-events: none;
}

.projects-thumbnail { /*6068*/
    position: relative;
    display: inline-block;
    margin: 0;
    vertical-align: top;
    overflow: hidden;
}
.projects-thumbnail:not(.overlay-creative) .post-title { /*6075*/
    font-family: "Lato", sans-serif;
    display: block;
    font-weight: bold;
    font-size: 11px;
    color: #d9d9d9;
    text-transform: uppercase;
    letter-spacing: 5px;
    margin-bottom: 10px;
    line-height: 14px;
}
.projects-thumbnail:not(.overlay-creative) .post-title span { 
background-color: dimgrey;
}
.project-details {
    color: #ffffff;
}
.isotope-filter { /*6091*/
    position: relative;
    z-index: 5;
    margin-bottom: 20px;
    text-align: center;
}
.isotope-filter ul { /*6096*/
    display: inline;
    font-weight: 400;
    letter-spacing: 1px;
    padding: 0;
    margin: 0;
    list-style: none;
}
.isotope-filter ul li { /*6104*/
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 10px;
}
.isotope-filter ul li:last-child, .isotope-filter ul li.f-right { /*6109*/
    margin-right: 0;
}
.isotope-filter ul li a { /*6115*/
    font-family: "Lato", Sans-serif;
    display: inline;
    padding: 9px 20px;
    font-size: 11px;
    letter-spacing: 3px;
    text-transform: uppercase;
    outline: none;
}
.isotope-filter ul li a:not(.active) {
    color: #888888;
}
.isotope-filter ul li a.active, .isotope-filter ul li a:hover { /*6123*/
    color: #111111;
    background: #d9d9d9;
    text-decoration: none;
}


.projects-masonry { /*6158*/
    margin-top: -30px;
    margin-left: -15px;
    margin-right: -15px;
}
.projects-masonry .project-item { /*6164*/
    display: inline-block;
    float: left;
    padding: 0 15px;
    margin-top: 30px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
}
.projects-masonry .grid-sizer { /*6175*/
    width: 100%;
    padding: 0;
    margin: 0;
}
.projects-masonry.pf_4_cols .project-item, .projects-masonry.pf_4_cols .grid-sizer { /*6200*/
    width: 25%;
}
@media (max-width: 1199px) { /*6210*/
    .projects-masonry.pf_4_cols .grid-sizer, .projects-masonry.pf_4_cols .project-item {
        width: 33.333333%;
    }
}
@media (max-width: 991px) { /*6222*/
    .projects-masonry.pf_3_cols .project-item, .projects-masonry.pf_3_cols .grid-sizer, .projects-masonry.pf_4_cols .grid-sizer, .projects-masonry.pf_4_cols .project-item {
        width: 50%;
    }
}
@media (max-width: 767px) { /*6247*/
    .projects-masonry.pf_2_cols .project-item, .projects-masonry.pf_2_cols .grid-sizer, .projects-masonry.pf_3_cols .project-item, .projects-masonry.pf_3_cols .grid-sizer, .projects-masonry.pf_4_cols .grid-sizer, .projects-masonry.pf_4_cols .project-item {
        width: 100%;
    }
}
.projects-masonry.pf_3_cols .project-item, .projects-masonry.pf_3_cols .grid-sizer { /*6200*/
    width: 33.3333333333%;
}
.isotope { /*6260*/
    transition-property: height, width;
}
.isotope, .isotope-item { /*6265*/
    transition-duration: 0.4s;
}

.close {
    padding: 15px 10px 15px 40px;
    margin-top: 10px;
}
.close-button {
  border: none;
  color: white;
  padding: 8px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 0;
  background-color: #d9d9d9;
  cursor: pointer;
}
.close-button:hover {
  background-color: white; 
  color: #d9d9d9; 
  border: 2px solid #d9d9d9;
}


#footer_untermenu p {
    text-align: center; /* remove after add social in footer */
    margin-right: 0 !important;
}


:focus-visible, input:focus {
    outline: none !important;
}

/* Apply the border to the parent <p> when the input inside is focused */
p.input:focus-within, p.textarea:focus-within {
    outline: none !important;
    border: 2px solid #272727 !important; /* Blue border */
    padding: 5px !important; /* Adjust spacing */
    border-radius: 4px !important; /* Optional for rounded corners */
    display: inline-block !important; /* Ensures the p behaves correctly */
}

/* Style for whatsapp button */
.wa__btn_popup, .wa__btn_popup *, .wa__btn_popup :before {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.wa__btn_popup .wa__btn_popup_icon {
    background: #2db742;
}
.wa__btn_popup {
    position: fixed;
    right: 30px;
    bottom: 30px;
    cursor: pointer;
    font-family: Arial,Helvetica,sans-serif;
    z-index: 999999999;
}
.wa__btn_popup .wa__btn_popup_txt {
    position: absolute;
    width: 156px;
    right: 100%;
    background-color: #f5f7f9;
    font-size: 12px;
    color: #43474e;
    top: 15px;
    padding: 7px 0 7px 12px;
    margin-right: 7px;
    letter-spacing: -0.03em;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    transition: 0.4s ease all;
    -webkit-transition: 0.4s ease all;
    -moz-transition: 0.4s ease all;
}
.wa__btn_popup .wa__btn_popup_icon {
    width: 56px;
    height: 56px;
    background: #2db742;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    box-shadow: 0px 6px 8px 2px rgb(0 0 0 / 14%);
    -webkit-box-shadow: 0px 6px 8px 2px rgb(0 0 0 / 14%);
    -moz-box-shadow: 0px 6px 8px 2px rgba(0,0,0,0.14);
}
.wa__btn_popup .wa__btn_popup_icon:before {
    content: '';
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: transparent url(images/whatsapp_logo.svg) center center no-repeat;
    background-size: 30px auto;
    -webkit-background-size: 30px auto;
    -moz-background-size: 30px auto;
    transition: 0.4s ease all;
    -webkit-transition: 0.4s ease all;
    -moz-transition: 0.4s ease all;
}
/* END - Style for whatsapp button */


li#aktiv a {
    position: relative;
}

@media (min-width: 761px) {
    #services {
        display: flex;
        margin-bottom: 40px;
    }
    .et_pb_column_2_5 {
        width: 42.2%;
        margin-right: 5.5%;
    }
    .et_pb_column_3_5 {
        width: 57.8%;
    }
    #startseite_grundgeruest p.startseite_ueberschrift {
        display: none;
    }
    .et_pb_column_2_5 box-1 {
        height: auto;
        border-left: 2px solid #b7b7b7;
        display: block;
    }
    #startseite_grundgeruest h2.startseite_ueberschrift, 
    #startseite_grundgeruest h3.startseite_ueberschrift,
    #services p.ueberschrift {
    padding-left: 20px;
    }
}

@media (max-width: 760px) {
    .et_pb_column {
        width: 100%!important;
    }
    #startseite_grundgeruest h3.startseite_ueberschrift, 
    #startseite_grundgeruest h2.startseite_ueberschrift,
    #startseite_grundgeruest p.startseite_ueberschrift_text {
        text-align: center;
    }
    .et_pb_column_2_5 box-1 {
        width: 100%; 
        border-left: none; 
        padding-left: 0;
        margin-bottom: 0;
    }
}
@media (max-width: 760px) {
    .et_pb_column {
        width: 100%;
        margin-bottom: 30px;
    }
    .et_pb_bottom_divider .et_pb_row:nth-last-child(2) .et_pb_column:last-child, .et_pb_row .et_pb_column.et-last-child, .et_pb_row .et_pb_column:last-child {
        margin-bottom: 0;
    }
}

#flexe_jobs .col-3 {
    padding: 20px;
}

#flexe_jobs .col-3 img {
    margin-bottom: 20px;
    width: 64px;
    height: auto;
    display: inline-block;
}

























/* Styles for Swiper Slider */
.ag-slide-block {
  /* background-color: #f7f3f2; */
  overflow: hidden;
  margin: 0px auto 100px auto;
  position: relative;
}
.ag-slide_item {
  padding: 60px 0; /*90px*/

  -webkit-transition: transform 0.5s;
  -moz-transition: transform 0.5s;
  -ms-transition: transform 0.5s;
  -o-transition: transform 0.5s;
  transition: transform 0.5s;
}
.ag-slide_img {
  display: block;
  width: 100%;
  max-width: 317px;
  margin: 0 auto;

  opacity: 0.5;

  -webkit-box-shadow: 0 20px 172px 0 rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 20px 172px 0 rgba(0, 0, 0, 0.05);
  -o-box-shadow: 0 20px 172px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 20px 172px 0 rgba(0, 0, 0, 0.05);

  -webkit-transition: ease 0.5s;
  -moz-transition: ease 0.5s;
  -ms-transition: ease 0.5s;
  -o-transition: ease 0.5s;
  transition: ease 0.5s;
  border-radius: 10px 10px 0 0;
}
.ag-slide_info {
  width: 100%;
  margin: 0 auto;
  max-width: 317px;
  opacity: 0.5;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

  -webkit-transition: ease 0.5s;
  -moz-transition: ease 0.5s;
  -ms-transition: ease 0.5s;
  -o-transition: ease 0.5s;
  transition: ease 0.5s;
}
.ag-slide-info_descr {
    float: left;
    background-color: #014886;
    padding: 5px;
    border-radius: 0 0 10px 10px;
}
.ag-slide-info_category {
  font-size: 8px;
  display: block;
  color: #959494;
  padding-bottom: 5px;
}
.ag-slide-info_title {
  padding-bottom: 5px;
  will-change: transform;  
  text-align: center;
  color: #212429;
  font-family: "Lato", Sans-serif;
  font-weight: 700;
  font-size: 18px;
}
.ag-slide-info_route, .ag-slide-info_desc {
    display: block;
    font-family: "Lato", Sans-serif;
    text-align: center;
    font-size: 12px;
    line-height: 15px;
    font-weight: 400;
}
.ag-slide-info_route {
    font-size: 12px;
    font-weight: 600;
    color: #D9D9D9;
    margin-bottom: 10px;
    text-decoration: underline;
}
.ag-slide-info_desc {
    font-size: 12px;
    color: #ffffff;
}
.ag-slide-info_img {
  display: inline-block;
  width: 10px;
  height: 10px;

  -webkit-transform: translateY(25%);
  -moz-transform: translateY(25%);
  -ms-transform: translateY(25%);
  -o-transform: translateY(25%);
  transform: translateY(25%);
}
.ag-slide-info_rate {
  float: right;
  height: 40px;
  width: 40px;
  border: 1px solid #e4d7d9;

  text-align: center;

  will-change: transform;

  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -ms-border-radius: 3px 3px 3px 3px;
  -o-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
}
.ag-slide-info_strong {
  display: block;

  font-weight: normal;
  color: #fc3b62;
}
.ag-slide-info_comments {
  letter-spacing: -0.01em;
  font-size: 6px;
}


.ag-slide-block .swiper-container-1 {
  padding-top: 13px;
}
.ag-slide-block .swiper-slide {
    text-align: center; /*Added by me*/
  padding-left: 15px;
  padding-right: 15px;

  z-index: 1;

  will-change: transform;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ag-slide-block .swiper-slide-active {
  opacity: 1;
  z-index: 2;

  will-change: transform;

  -webkit-transform: scale(1.3);
  -moz-transform: scale(1.3);
  -ms-transform: scale(1.3);
  -o-transform: scale(1.3);
  transform: scale(1.3);

  -webkit-transition: transform 0.5s;
  -moz-transition: transform 0.5s;
  -ms-transition: transform 0.5s;
  -o-transition: transform 0.5s;
  transition: transform 0.5s;
}
.ag-slide-block .swiper-slide-active .ag-slide_img {
  opacity: 1;

  will-change: transform;

  -webkit-transition: ease 0.5s;
  -moz-transition: ease 0.5s;
  -ms-transition: ease 0.5s;
  -o-transition: ease 0.5s;
  transition: ease 0.5s;
}
.ag-slide-block .swiper-slide-active .ag-slide_info {
  opacity: 1;

  -webkit-transition: ease 0.5s;
  -moz-transition: ease 0.5s;
  -ms-transition: ease 0.5s;
  -o-transition: ease 0.5s;
  transition: ease 0.5s;
}

/*** Clients slider ***/
.swiper-container-1, .swiper-container-2 {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}
.clients .swiper-container-2 {
    /*height: calc(100vh - 120px) !important;*/
    padding-top: 40px !important;
}
.clients .swiper-slide {
  width: 15vw !important;
  padding: 10px;
  background: #ffffff;
  height: auto;
  border-radius: 10px;
}
.clients .swiper-slide img {
    width: 100%;
    height: auto;
}
.clients .swiper-wrapper {
  -webkit-transition-timing-function:linear !important; 
  -o-transition-timing-function:linear !important;
  transition-timing-function:linear !important;
  column-gap: 20px; 
}
/*** END - Clients slider ***/
@media (max-width: 960px) {
  .ag-slide-block .swiper-container-1 {
    max-width: 960px;
    width: 100%;
    margin-top: -22px;
    padding-top: 0;
  }
  .ag-slide-info_rate {
    height: 37px;
    width: 37px;
  }
  .clients .swiper-slide {
    width: 120px !important;
    padding: 5px;
  }
}

@media (max-width: 600px) {
  .ag-slide-info_title {
    /*font-size: 16px;*/
  }
  .ag-slide-info_category {
    font-size: 14px;
  }
  .ag-slide-info_route {
    /*font-size: 14px;*/
  }
  .ag-slide-info_img {
    width: 7px;
    height: 7px;
  }
  .ag-slide-info_strong {
    font-size: 14px;
  }
  .ag-slide-info_comments {
    letter-spacing: 0;
    font-size: 5px;
  }
}




@media (max-width: 400px) {
  .ag-slide_img {
    width: 80%;
  }
  .ag-slide_info {
    width: 80%;
  }
  .ag-slide-info_img {
    width: 10px;
  }

  .ag-slide-block .swiper-slide {
    padding-left: 0;
    padding-right: 0;
  }
}





/**
 * Slider Navigation
 */

.swiper-button-prev,.swiper-container-rtl .swiper-button-next{
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'-10%200%2057%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") !important;
    left:0px !important;
}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'-15%200%2057%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") !important;
    right:0px !important;
}
.swiper-button-prev:after, .swiper-button-next:after {
  font-size: 14px;
  color: #fff;
}
.swiper-button-prev {
  border: 1px solid #111;
  border-radius: 0 50% 50% 0; /*50%*/
  background-color: #1119;
}
.swiper-button-next {
  border: 1px solid #111;
  border-radius: 50% 0 0 50%; /*50%*/
  background-color: #1119;
}
.swiper-button-next:hover, .swiper-button-prev:hover {
  border: 1px solid #fff;
}

.swiper-button-next:hover:after,
.swiper-button-prev:hover:after {
  color: #fff;
}
.swiper-button-next:after, .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none!important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
}

/**
 * Slider Navigation
 */


/**
 * Slider Pagination
 */

.slider-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
  /* padding-top: 40px; */
}

.swiper-pagination-lock {
  display: none !important;
}

.slider-pagination__item {
  width: 8px;
  height: 8px;
  border-radius: 99px;
  background: #616161;
  transition: all 0.3s ease-out;
  opacity: 0.2;
}

.slider-pagination__item.active {
  width: 30px;
  opacity: 1;
}

/**
 * Slider Item
 */



.ag-slide_info .button:last-of-type {
    margin-right: 0!important;
}
.ag-slide_info .button:first-of-type {
    margin-left: 0!important;
}

.ag-slide_info a, #cta-section a {
    display: inline-block;
}

.ag-slide_info .button {
    padding: 0 1em;
    margin: 20px 0 40px 0;
    border: dashed 1px #fff;
    font-size: 12px;
    line-height: 12px;
}
#cta-section .button {
    padding: 0 1em;
    border: solid 1px #fff;
    font-size: 16px;
}
.ag-slide_info .button, #cta-section .button {
    background-color: #d9d9d9;
    font-family: 'Lato', sans-serif;
    color: #fff;
    box-sizing: border-box;
    cursor: pointer;
    font-weight: bolder;
    letter-spacing: .03em;
    margin-right: 10px;
}
#cta-section .button.secondary { 
    background-color: #014886;
}

.ag-slide_info .button span, #cta-section .button span {
    display: inline-block;
    line-height: 2;
}








#cta-section {
    width: 100%; /* Make it responsive */
    aspect-ratio: 16 / 9; /* Adjust based on image dimensions */
    background: url('https://www.rym-domotique.com/wp-content/uploads/2025/03/application-controle-domotique.png') no-repeat center center / cover;
    clear: left;
}
#cta-section h2 {
    padding: 80px 0 20px 80px;
    font-size: 56px;
    line-height: 74px;
    font-family: 'Lato', sans-serif;
    width: 60%;
    font-weight: 800;
    color: #FFFFFF;
}
#cta-section p {
    padding: 10px 0 0 80px;
    font-size: 45px;
    font-family: 'Lato', sans-serif;
    width: 50%;
    font-weight: 400;
    color: #a1a1a1;
}
#cta-section .cta-btn {
    font-size: 46px;
    padding: 80px 0 20px 80px;
}
#cta-section .button {
    font-size: 26px;
}


@media screen and (max-width:1400px) {
    #cta-section h2 {
        font-size: 42px;
        padding: 50px 0 20px 50px;
        line-height: 60px;
        width: 60%;    
    }
    #cta-section p {
        font-size: 35px;
        width: 80%;
        padding: 0 0 0 50px;
    }
    #cta-section .cta-btn {
        padding: 50px 0 20px 50px;
    }
    #cta-section .button {
        font-size: 24px;
    }
}

@media screen and (max-width:1060px) {
    #cta-section h2 {
        font-size: 36px;
        padding: 50px 0 20px 50px;
        line-height: 50px;
        width: 60%;    
    }
    #cta-section p {
        font-size: 28px;
        width: 80%;
        padding: 0 0 0 50px;
    }
    #cta-section .cta-btn {
        padding: 30px 0 20px 50px;
    }
    #cta-section .button {
        font-size: 22px;
    }
}
@media (max-width: 800px) {
    #cta-section h2 {
        font-size: 30px;
        padding: 20px 0 20px 30px;
        line-height: 45px;
        width: 60%;    
    }
    #cta-section p {
        font-size: 24px;
        width: 80%;
        padding: 0 0 0 30px;
    }
    #cta-section .cta-btn {
        padding: 30px 0 20px 30px;
    }
    #cta-section .button {
        font-size: 20px;
    }
}
@media (max-width: 560px) {
    #cta-section h2 {
        font-size: 24px;
        padding: 20px 0 10px 20px;
        line-height: 35px;
        width: 70%;
    }
    #cta-section p {
        font-size: 24px;
        width: 80%;
        padding: 0 0 0 20px;
    }
    #cta-section .cta-btn {
        padding: 20px 0 10px 20px;
    }
    #cta-section .button {
        padding: 0 0.5em;
        font-size: 18px;
        margin-right: 0;
    }
}
@media (max-width: 400px) {
    #cta-section h2 {
        font-size: 20px;
        padding: 20px 0 10px 20px;
        line-height: 24px;
        width: 70%;
    }
    #cta-section p {
        font-size: 24px;
        width: 80%;
        padding: 0 0 0 20px;
    }
    #cta-section .cta-btn {
        padding: 20px 0 10px 20px;
    }
    #cta-section .button {
        padding: 0 0.5em;
        font-size: 16px;
    }
}









#start_wer.ap { 
    min-height: 420px;
    border-radius: 0 !important;
    position: relative;
}
#start_wer.ap #start_publisher_bild {
    width: 100%;
    margin: 0;
}
#start_wer.ap img {
    width: 100%;
    height: auto;
    min-height: 440px;
}
#start_wer.ap box-1 {
    margin-bottom: 0;
    width: 100%;
    padding-left: 0;
}
#start_wer.ap h3.startseite {
    text-transform: none;
    margin: 10px 20px 0 20px !important;
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    width: 92%;
    color: #d9d9d9;
    text-align: center;
}
#start_wer.ap  #start_publisher {
    position: absolute;
    top: 0;
    right: 0;
}
#start_wer.ap  #start_publisher p {
    color: white;
}
#start_wer.ap p.weiter_lesen { 
    border: none;
    padding: 5px 20px !important;
    background: #d9d9d9;
    margin: 10px auto;
}
@media screen and (max-width:1300px) {
    #start_wer.ap #start_publisher_bild {
        height: auto;
    }
    #start_wer h3.startseite{
        width: 100%; /*width:440px;*/
        font-size:34px;
        line-height:46px;
    }
    #start_wer.ap p.weiter_lesen {
        margin: 5px auto;
    }
}
@media screen and (max-width:1060px) {
    #start_wer.ap #start_publisher_bild {
        height: auto;
    }
}
@media screen and (max-width:960px) {
    #menu ul li#aktiv a:after {
        bottom: -25px;
    }
    #start_wer.ap #start_publisher_bild {
        height: auto;
    }
    #start_wer h3.startseite { 
        font-size: 20px;
        line-height: 28px;
        margin: 0;
    }
    #start_wer p.ueberschrift {
        margin-bottom: 15px;
    }
    #start_wer.no-gap {
        column-gap: 3%;
    }
    .hide-for-small {
        display: none !important;
    }
    #start_wer.ap #start_publisher {
        text-align: center;
        position: relative;
        padding-bottom: 20px;
        padding-right: 10px;
    }
    #start_wer.ap {
        background-color: #65727b;
        position: inherit;
    }
    #start_wer.ap h3.startseite {
        margin: 5px 0 10px 0 !important;
        text-align: left;
    }
    #start_wer.ap #start_publisher p:first-of-type {
        padding: 0 !important;
        text-align: left !important;
    }
    #start_wer.ap p.weiter_lesen {
        margin: 10px 10px 10px 0 !important;
    }
}
@media screen and (max-width:765px) {
    #start_wer.ap #start_publisher_bild {
        height: auto;
    }
    #start_wer h3.startseite { 
        font-size: 20px;
        line-height: 28px;
        text-align: center;
        margin: 20px 0 10px 0;
    }
    #start_wer.ap h3.startseite {
        text-align: center;
        margin: 0 !important;
    }
    #start_wer.first #start_publisher p.hide-for-small {
        display: block !important;
    }
    #start_wer.ap #start_publisher p {
        padding: 0 30px;
    }
    #start_wer.ap #start_publisher p:first-of-type {
        padding: 5px 20px !important;
        text-align: center !important;
    }
    #start_wer.ap p.weiter_lesen {
        margin: 10px auto !important;
    }
}



@media (min-width: 961px) {
    .show-for-small {
        display: none !important;
    }
}



#start_publisher.ap {
    position: relative;
    height: fit-content;
    z-index: -1;
    padding-right: 3%;
}
#start_publisher.ap img, #start_publisher.contact {
    --t: 3px;
    --s: 40px;
    --g: 8px;
    --c: #014886;
    padding: calc(2*var(--t) + var(--g));
    border: var(--t) solid #0000;
    background: conic-gradient(at var(--s) calc(3*var(--t)),#0000 75%,var(--c) 0) 0 0/calc(100% - var(--s)) calc(100% - 3*var(--t)) border-box, conic-gradient(at calc(3*var(--t)) var(--s),#0000 75%,var(--c) 0) 0 0/calc(100% - 3*var(--t)) calc(100% - var(--s)) border-box, linear-gradient( 0deg,#b7b7b7 calc(2*var(--t)),#0000 0) 50% var(--t)/calc(100% - 2*(var(--s) + var(--g))) 100% repeat-y padding-box, linear-gradient(-90deg,#b7b7b7 calc(2*var(--t)),#0000 0) var(--t) 50%/100% calc(100% - 2*(var(--s) + var(--g))) repeat-x padding-box;
    transition: --s .5s;
}
#start_publisher.contact {
  	display: inline-block;
}
#start_publisher.contact .bg {
	background-image:url(https://www.rym-ingenierie.fr/wp-content/uploads/2025/07/contact-rymingenierie-bureau-etudes-thermiques-fluides.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom;
	width: 100%;
	height: 100%;
}
#start_publisher.ap img {
    width: 100%;
}
h3.ap {
    font-size: 22px;
    font-weight: 600;
    margin-top: 15px;
    color: #b7b7b7;
}
h3.ap.items::before {
    content: "✺ ";
    margin-right: 5px;
    color: #014886;
    font-size: 25px;
}
h3.ap.first {
    margin-top: 0;
}
@media (max-width: 765px) {
    #start_publisher.contact .bg {
    width: 100%;
    height: 420px;
    }
}





























.accordion-answer-container {
  display: none;
}

.accordion-question {
  margin-top: 20px;
  cursor: pointer;
  font-size: 16px;
  border: 1px dashed #eaeaea;
  display: block;
  color: #616161;
  padding: 10px 15px 10px 45px;
  position: relative;
  font-weight: 600;
}
.accordion_container .accordion-list:nth-child(1) .accordion-question::before {
    content: "1️⃣";
}

/* Second .accordion-question */
.accordion_container .accordion-list:nth-child(2) .accordion-question::before {
    content: "2️⃣";
}

/* Third .accordion-question */
.accordion_container .accordion-list:nth-child(3) .accordion-question::before {
    content: "3️⃣";
}
.accordion-question:before {
  font-size: 16px;
  display: inline-block;
  font-family: "Ionicons";
  speak: none;
  text-rendering: auto;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  background: #014886;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  line-height: 50px;
  width: 35px;
  text-align: center;
  color: #fff;
}

.accordion-answer {
  padding: 10px 10px 10px 45px;
}

.accordion-list.open .accordion-question:before {
  content: "";
}

@media (max-width: 960px) {
    .accordion-question {
      font-size: 15px;
      padding: 2px 0 2px 45px;
    }
    .accordion-question:before {
      line-height: 32px;
    }
}


.flexo {
    display: flex;
    flex-direction: row;
    width: 90%;
    margin: 0 auto;
}
.coco {
    background-image: url(https://www.rym-domotique.com/wp-content/uploads/2025/04/remote-house-control.png);
    width: 80px;
    height: 80px;
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: 20px;
}
@media (min-width: 1301px) {
    .flexo {
        width: 70%;
    }
}
@media (max-width: 960px) {
    .flexo {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    .coco {
        margin-top: 15px;
    }
}
@media (max-width: 765px) {
    .flexo {
        display: block;
    }
    .coco {
        display: none;
        background-image: none;
    }
}


























#start_wer.first {
    column-gap: 0;
}
#start_wer.first #start_publisher_bild {
    width: 30%;
    margin-right: 5%;
}
#start_wer.first #start_publisher_bild img {
    width: 100%;
}
#start_wer.first #start_publisher {
    width: 70%;
}
ul.disc {
    list-style: disc;
    padding: 10px 30px;
}
.col-3 ul.disc {
    list-style: inside;
    padding: 10px 0px;
    text-align: left;
}

@media (max-width: 1300px) {
    #start_wer.first {
        column-gap: 5%;
    }
    #start_wer.first #start_publisher_bild {
        width: 45%;
        margin-right: 0;
        background-position: top !important;
    }
    #start_wer.first #start_publisher {
        width: 50%;
    }
}
@media (max-width: 765px) {
    #start_wer.first #start_publisher {
        width: 100% !important;
    }
}























.clients {
    background: #D9D9D9;
    padding: 40px 0;
    text-align:center;
}
.clients h4 {
    display: inline-block;
}
.bb_button {
    border: 2px solid #014886;
    text-decoration: none;
    position: relative;
    z-index: 1;
}
.bb_button--alt.bb_button--corner:before {
    left: 2em;
    right: 2em;
}
.bb_button--transp[class*='bb_button--']:before, .bb_button--transp[class*='bb_button--']:after {
    opacity: .9;
}
.bb_button--corner:before {
    top: -2px;
    right: 1em;
    bottom: -2px;
    left: 1em;
}
.bb_button--transp[class*='bb_button--']:before, .bb_button--transp[class*='bb_button--']:after {
    opacity: .9;
}
.bb_button--corner:after {
    top: 0.6em;
    right: -2px;
    bottom: 0.6em;
    left: -2px;
}
.bb_button:before, .bb_button:after {
    content: '';
    background: #D9D9D9;
    position: absolute;
    z-index: -1;
    transition: transform .2s ease-in-out;
}
.bb_button__text {
    font-size: 1.8rem;
    line-height: 2em;
    text-transform: uppercase;
    padding: 0 1em;
    z-index: 2;
    transition: opacity .2s ease;
}
@media (max-width: 960px) {
    .clients h4 {
        font-size: 32px;
        line-height: 32px;
    }
    .bb_button__text {
        font-size: 1.3rem;
        line-height: 2.5em;
    }
}





















































#start_publisher.ap1 {

    min-width: 300px;
    min-height: 150px;
    border-image-slice: 50 50 50 50 fill;
    border-image-width: 25px 25px 25px 25px;
    border-image-outset: 20px 20px 20px 20px;
    border-image-repeat: repeat repeat;
    border-image-source: var(--svg);
    border-style: solid;
    --background: #014886;
    --svg: url("data:image/svg+xml,%3Csvg fill='%23163e75' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 453.43 244.86'%3E%3Cpath d='M452.45,103.13c2.89-2.61-1.26-6.65-4.15-4.27-6.92,5.68-13.84,11.35-20.76,17.03,.14-.27,.23-.56,.26-.84,.87-.76,1.73-1.53,2.6-2.29,1.65-1.46,.65-3.93-.98-4.76,15.78-12.38,4.15-5.22,19.4-18.26,2.47-2.11-.88-6.5-3.49-4.52-8.83,6.71-2.75,1.78-11.58,8.49,.57-.47,1.15-.94,1.72-1.41,2.35-1.92-.24-5.53-2.8-4.82-.47-.35-1.02-.58-1.62-.61,.99-2.79-2.51-5.9-4.72-3.27-.04,.05-.08,.09-.12,.14-.79-1.21-2.54-1.97-4.09-1.18-.43-.41-.96-.7-1.52-.8,.09-.09,.17-.17,.26-.26,.77-.77,1-1.61,.87-2.36,1.85-1.87,3.69-3.74,5.53-5.61,1.61-1.63,.65-4.19-1.03-4.99,.34-.37,.69-.75,1.03-1.12,2.11-2.29-.78-6.58-3.49-4.52-.3,.23-.61,.46-.91,.7,3.16-2.58,6.32-5.15,9.48-7.72,1.73-1.41,.69-3.89-.98-4.71,3.04-2.99,6.95-6.78,13.03-12.56,2.79-2.66-1.36-6.88-4.16-4.27-4.87,4.53-6.88,6.43-7.98,7.51-.4-.82-1.19-1.47-2.1-1.67,.85-.88,1.71-1.76,2.56-2.64,1.35-1.39,.73-3.54-.56-4.53,.47-.41,.93-.82,1.39-1.22,1.71-1.5,.67-3.96-1.04-4.72,.49-.36,.97-.71,1.46-1.07,.86-.63,1.23-1.49,1.25-2.35,5.58-4.15,2.34-2.68,7.92-6.83,2.93-2.18,.12-7.16-2.91-4.97-8.8,6.38-14.03,10.47-20.24,15.19-.66-.55-1.53-.83-2.42-.66l12.84-9.47c2.92-2.15,.27-7.03-2.91-4.97-.8,.52-1.59,1.04-2.39,1.56-.73-.28-1.54-.25-2.3,.34-2.01,1.57-4.02,3.14-6.02,4.71,1.32-2.54-2.24-5.5-4.83-3.39-4.6,3.75-9.2,7.49-13.8,11.24,.09-.38,.11-.77,.04-1.16,1.21-1.24,2.43-2.48,3.64-3.73,2.76-2.83-1.25-6.59-4.15-4.27l-8.96,7.17c1.56-2.81-1.93-5.94-4.6-3.63-2.25,1.95-4.5,3.9-6.75,5.84-.32-.81-.97-1.45-1.76-1.72l2.83-3.12c2.19-2.41-.75-6.83-3.56-4.75-7.17,5.31-14.34,10.62-21.5,15.93-.4-.47-.91-.82-1.48-.99,4.71-3.32,9.41-6.64,14.12-9.95,3.17-2.24,.47-6.78-2.97-5.22-2.57,1.17-5.14,2.34-7.71,3.51-.52-1.33-2.08-2.3-3.61-1.85,.98-1.33,.72-2.82-.12-3.79,.12-.2,.24-.4,.36-.6,1.72-2.92-2.33-6.2-4.61-3.66-5.41,6.01-10.82,12.03-16.22,18.04-.56-1.95-2.89-3.25-4.77-1.35-3.25,3.29-6.51,6.57-9.76,9.86,.52-.93,1.05-1.86,1.57-2.78,.91-1.62,.05-3.41-1.27-4.2,.54-2.27-1.89-4.98-4.15-3.29-.25,.19-.5,.38-.76,.57-.63-1.81-2.98-3.03-4.7-1.23-1.67,1.75-3.35,3.5-5.02,5.26-.25-.28-.53-.52-.85-.69,6.2-6.51,12.35-13.07,18.43-19.7,2.23-2.43-.68-6.69-3.56-4.74-4.35,2.94-8.67,5.93-12.96,8.94-.74-1.23-2.31-1.94-3.76-1.08,6.27-6.65-1.91,2.07,4.36-4.58,2.55-2.7-1.42-6.69-4.07-4.07-5.97,5.9-10.84,10.62-15.22,14.82-.56-1.93-3.07-3.33-4.93-1.48l-7.85,7.83c-.32-1.07-1.21-1.92-2.28-2.16,3.41-2.63,6.81-5.26,10.22-7.89,2.97-2.3,.14-7.51-2.97-5.22-1.14,.85-2.29,1.69-3.43,2.54-.36-1.52-1.73-2.78-3.46-2.09-.75,.3-1.49,.6-2.24,.9-1.02,.41-1.59,1.2-1.81,2.06-8.89,7.15-17.78,14.31-26.67,21.46-.32-.08-.66-.1-1-.03,5.03-4.32,10.06-8.65,15.09-12.97,1.41-1.21,.99-3.16-.12-4.31,1.52-2.58-2.07-5.78-4.56-3.43-2.44,2.31-4.88,4.61-7.32,6.92-.57,.07-1.15,.33-1.68,.87-2.1,2.12-4.19,4.24-6.29,6.37-.03-.06-.07-.1-.1-.16,1.94-1.94,3.89-3.88,5.83-5.82,2.64-2.63-1.37-6.61-4.07-4.07-3.71,3.48-7.41,6.96-11.12,10.44-.33-.21-.69-.35-1.1-.39-.74-.32-1.62-.32-2.5,.2-1.33,.8-2.65,1.61-3.98,2.42-.18-.23-.41-.43-.65-.61,6.44-7.41,12.69-15,18.69-22.79,0,0,.02-.02,.02-.02,0,0,0,0,0,0,.15-.2,.3-.38,.45-.58,2.08-2.71-2.22-5.57-4.52-3.49-8.57,7.75-13.97,12.75-19.01,17.44-5.34,4.36-7.58,5.55-10.69,7.51,2.32-2.82,4.96-5.9,10.93-11.89,2.27-2.27-.72-6.37-3.49-4.52-3.55,3.28-6.41,6.01-8.77,8.33-.14-.42-.37-.8-.67-1.13,1-.93,2-1.85,3-2.78,2.51-2.36-.71-6.42-3.56-4.75-7.6,4.47-15.14,9.03-22.66,13.64,.47-.55,.9-1.03,1.24-1.43,1.22-1.43,8.56-7.77,10.22-9.69,2.49-2.74-1.35-6.62-4.07-4.07-1.09,1.02-2.17,2.03-3.26,3.05-.92-.94-2.35-1.38-3.49-.52-3.39,2.56-6.74,5.16-10.09,7.77,0-.02,0-.04,0-.06,1.54-1.28,3.08-2.55,4.63-3.83,2.66-2.2-.72-5.9-3.49-4.52-5.34,2.66-10.61,5.43-15.83,8.3,.8-.68,1.6-1.36,2.4-2.04,2.56-2.18-.85-6.74-3.56-4.75l-13.61,10.02c-.62,.03-1.25,.27-1.81,.83-.66,.65-1.33,1.31-1.99,1.96l-4.81,3.54c0-.82-.27-1.63-.74-2.25,.49-.64,.58-1.42,.4-2.16l5.23-3.7c1.36-.96,1.58-2.48,1.13-3.7,2.17-2.14-1.05-6.18-3.65-4.35-1.52,1.06-3.04,2.13-4.56,3.19-.27-1.87-2.29-3.65-4.08-2.66-.69-1.39-2.44-2.34-4.07-1.39-.96,.56-1.91,1.15-2.86,1.72,.75-.68,1.5-1.35,2.25-2.03,2.91-2.62-1.24-6.59-4.15-4.27-1.51,1.2-3.01,2.39-4.51,3.59-.8-1.39-2.49-2.27-3.99-1.17-5.78,4.24-11.55,8.48-17.33,12.72l2.83-2.56c.37-.34,.6-.73,.74-1.13,2.68-2.45,5.36-4.9,8.04-7.35,2.85-2.6-1.31-6.8-4.15-4.27-1.98,1.75-3.96,3.51-5.93,5.26-.98-1.27-2.96-1.95-4.57-.66-4.15,3.31-8.31,6.63-12.46,9.94-.12-.24-.27-.45-.44-.66,2.34-3.06,4.68-6.12,7.02-9.18,1.87-2.44-.68-7.01-3.56-4.75-2.63,2.07-5.27,4.15-7.9,6.22,.95-1.94-.8-4.4-2.86-4.31,1.94-1.74,3.89-3.48,5.84-5.22,2.51-2.25-.8-6.67-3.56-4.75l-22.18,15.44c3.36-3.79,6.71-7.58,10.07-11.37,2.14-2.42-.74-6.85-3.56-4.75-4.86,3.62-9.72,7.24-14.59,10.85-1.01-1.24-2.85-1.78-4.29-.31l-12.4,12.76c-2.3,2.37,.8,6.8,3.56,4.75l7.91-5.88c-2.52,2.84-5.03,5.68-7.55,8.52-2.16,2.44,.68,6.75,3.56,4.75,2.64-1.84,5.29-3.68,7.93-5.52-.02,.87,.38,1.73,1.01,2.35-5.39,5.09-8.52,7.6-17.22,16.44-1.27,1.29-1.04,2.79-.15,3.76-1.49,1.4-2.98,2.79-4.47,4.19-2.44,2.28,.89,6.85,3.56,4.75,1.21-.95,2.41-1.9,3.62-2.85,.29,1.99,2.54,3.84,4.42,2.4,3.61-2.78,7.22-5.57,10.83-8.35,.25,.62,.7,1.15,1.25,1.51-1.02,.97-2.03,1.93-3.05,2.9-1.53,1.46-.79,3.62,.68,4.52-1.74,1.54-3.48,3.09-5.22,4.63-1.78,1.58-.61,4.3,1.19,5.04,.15,.27,.36,.51,.59,.72-4.94,3.82-9.88,7.64-14.82,11.46-2.59,2.01,.79,6.31,3.49,4.52,6.38-4.23,12.75-8.47,19.13-12.7-.72,.65-1.45,1.31-2.17,1.96-.66,.59-.89,1.34-.85,2.09-4.58,4.04-9.16,8.09-13.75,12.13-.56,.49-.81,1.1-.86,1.72-1.36,1.15-2.71,2.31-4.07,3.46-2.48,2.11,.89,6.51,3.49,4.52,2.38-1.82,4.76-3.64,7.14-5.47,.56,.07,1.18-.08,1.82-.53,2.19-1.55,4.38-3.1,6.57-4.65-1.21,1.2-2.41,2.42-3.61,3.63-6.51,5.06-13.03,10.12-19.54,15.19-1.99,1.54-1.35,4.38,.19,5.41-.02,.02-.04,.04-.06,.06-2.15,2.42,.73,6.83,3.56,4.75,6.67-4.91,13.35-9.83,20.02-14.74-.09,.15-.18,.3-.27,.45-.96,1.57-.11,3.32,1.19,4.14-1.93,2.09-3.85,4.19-5.75,6.31-8.67,7.6-17.35,15.2-26.02,22.8-2.84,2.49,1.23,6.34,4.07,4.07,3.25-2.6,6.51-5.19,9.76-7.79,.18,.15,.37,.28,.57,.38-16.1,12.99-4.23,5.48-19.8,19.16-2.52,2.22,.9,6.82,3.56,4.74,9.01-7.04,2.8-1.86,11.81-8.91-.58,.49-1.17,.98-1.75,1.48-2.61,2.2,.77,6.53,3.56,4.75,2.2-1.41,4.39-2.83,6.58-4.26,.43,1.02,1.45,1.8,2.6,1.86-.13,.37-.18,.74-.16,1.1-.86,.71-1.71,1.43-2.57,2.14-2.96,2.47,1.22,6.63,4.15,4.27,.04-.03,.08-.07,.13-.1,.2,.51,.51,.95,.89,1.28-.09,.09-.18,.19-.28,.28-1.67,1.71-.86,3.75,.68,4.59-.1,.14-.2,.29-.3,.44-.69,.51-1.3,1.31-1.79,2.47-.04,.1-.08,.21-.11,.32-.51,.74-1.01,1.49-1.52,2.23-.31,.45-.45,.91-.48,1.35-1.01,1.12-2.01,2.25-3.02,3.37-2.16,2.41,.8,6.91,3.56,4.74,.31-.24,.62-.49,.93-.73-3.22,2.7-6.45,5.41-9.67,8.11-1.88,1.58-.55,4.44,1.35,5.1-.18,.27-.29,.56-.37,.84-1.36,1.27-2.84,2.64-4.5,4.18-2.56,2.37,.84,6.04,3.53,4.47,.38,.93,1.23,1.68,2.22,1.91-.87,.92-1.74,1.84-2.61,2.77-1.38,1.46-.74,3.71,.57,4.75-.47,.43-.95,.86-1.42,1.28-1.75,1.58-.69,4.16,1.06,4.95-.5,.37-.99,.75-1.49,1.12-.88,.66-1.25,1.56-1.28,2.46-5.69,4.36-2.39,2.81-8.08,7.17-2.99,2.29-.12,7.52,2.97,5.22,10.46-7.8,15.97-12.34,23.88-18.46-.57,.48-1.14,.96-1.7,1.43-.96,.81-1.04,1.97-.63,2.97l-11.53,8.75c-2.98,2.26-.28,7.37,2.97,5.22,6.65-4.42,13.27-8.9,19.86-13.41,1,.57,2.33,.64,3.46-.26,4.51-3.57,9.02-7.14,13.53-10.71-.09,.36-.11,.74-.04,1.11-1.19,1.18-2.38,2.37-3.57,3.55-2.71,2.7,1.23,6.28,4.07,4.07l4.62-3.59c1.03,1,2.71,1.34,4.09,.09l.3-.27c.92,1.19,2.74,1.7,4.28,.4,1.26-1.06,2.53-2.13,3.79-3.19-.91,1.19-1.84,2.38-2.74,3.58-2.27,3.01,1.28,6.97,4.15,4.27,.36-.34,.71-.67,1.07-1.01,.79,.52,1.79,.62,2.79-.1,3.93-2.83,7.87-5.67,11.8-8.5,.31,.38,.7,.67,1.14,.83-1.42,.97-2.84,1.94-4.26,2.92-3.11,2.13-.46,6.46,2.91,4.97,3.89-1.72,7.77-3.44,11.66-5.16l-8.56,8.6c-2.74,2.75,1.32,6.81,4.16,4.27,1.11-.99,2.22-1.98,3.33-2.98,.56,1.9,3.16,3.15,4.82,1.36,4.93-5.33,9.87-10.67,14.8-16,.74,.74,1.8,1.12,2.86,.79,.89,.36,1.96,.25,2.92-.69,3.19-3.13,6.38-6.26,9.56-9.39-.51,.88-1.03,1.77-1.54,2.65-.14,.23-.22,.47-.28,.71-.34,.38-.67,.76-1.01,1.14-2.54,2.88,1.59,7.16,4.15,4.27,2.64-2.97,5.27-5.94,7.91-8.91,.23,.14,.47,.27,.71,.39-4.43,4.62-8.84,9.25-13.19,13.95-2.22,2.39,.8,6.87,3.56,4.75,.26-.2,.51-.4,.77-.6,.15,.46,.41,.88,.73,1.23-1.67,1.75-3.34,3.49-5,5.25-2.18,2.32,.67,6.37,3.49,4.52,6.97-4.58,13.87-9.27,20.71-14.05-3.62,3.93-7.36,8.06-10.75,12.19-2.23,2.71,.84,6.38,3.5,4.77-6.4,6.98,1.95-2.17-4.45,4.8-2.6,2.83,1.45,7.02,4.16,4.27,13.56-13.77,21.57-21.46,30.83-30.54,.43,.59,1.05,1.03,1.77,1.19-3.34,2.51-6.68,5.01-10.02,7.52-2.91,2.19-.14,7.16,2.91,4.97,1.56-1.12,3.11-2.24,4.67-3.36,.63,1.42,2.54,2.32,4.24,1.43-2.25,2.35-4.49,4.71-6.74,7.06-1.91,2.01,0,6.24,2.86,5.05,.76-.32,1.52-.63,2.29-.95,1.32-.55,1.92-1.73,1.96-2.92,4.49-4.7,8.97-9.4,13.46-14.1,.82,1.25,2.42,2.02,3.82,.98,2.02-1.5,4.05-3,6.07-4.5,.59,.55,1.39,.86,2.21,.76-4.07,4.19-8.14,8.39-12.2,12.58-2.68,2.77,1.4,6.95,4.15,4.27,7.25-7.04,14.49-14.09,21.74-21.13,.05,.04,.1,.07,.15,.1-4.04,4.15-8.08,8.3-12.12,12.45-2.69,2.76,1.4,6.94,4.15,4.27,7.18-6.93,14.35-13.86,21.53-20.79,.51-.07,1.02-.27,1.49-.64,2.31-1.82,4.61-3.63,6.92-5.45,.01,.04,.02,.08,.04,.13-12.49,11.26-.73,1.22-14.95,13.99-1.8,1.62-.74,3.83,.99,4.55-5.26,6.36-10.39,12.85-15.35,19.48,0,0-.02,.02-.02,.02,0,0,0,0,0,0-.15,.2-.31,.4-.46,.61-2.12,2.85,2.27,5.85,4.61,3.66,14.8-13.77,20.35-19.28,30.49-28.88-.2,.73-.06,1.46,.32,2.07-2.51,3.14-5.13,6.38-11.65,13.11-2.31,2.39,.73,6.69,3.56,4.74,5.33-5.05,9.13-8.87,12.03-11.89,3.37-1.94,6.73-3.89,10.09-5.85-2.77,2.91-6.15,7.02-4.34,8.26,1.67,2.57,10.05-5.63,13.88-8.81,4.48-3.72,6.92-5.26,8.64-6.34,5-3.15-5.05,8.35-8.22,12.18-1.25,1.51-8.73,8.16-10.43,10.17-2.54,2.88,1.38,6.94,4.15,4.27,1.11-1.07,2.22-2.13,3.32-3.2,.94,.98,2.4,1.45,3.56,.54,3.85-2.99,7.66-6.03,11.45-9.08-1.96,1.67-3.93,3.34-5.89,5.01-2.71,2.31,.74,6.19,3.56,4.75,9.55-4.89,18.91-10.13,28.08-15.68-.42,2.48,2.77,4.96,4.98,2.71,.97-.99,1.94-1.98,2.92-2.96,1.83-1.1,3.66-2.21,5.47-3.33-.82,.64-1.63,1.29-2.45,1.93-2.03,1.6-.27,4.75,1.84,4.99-2.27,1.94-4.54,3.87-6.81,5.81-2.56,2.19,.83,6.71,3.56,4.75,2.83-2.04,5.66-4.08,8.49-6.11,.37,.66,1.01,1.19,1.78,1.46-.29,.27-.58,.54-.87,.81-2.52,2.34,.72,6.45,3.56,4.75,4.41-2.65,8.74-5.42,13.01-8.28,.07,.1,.16,.2,.24,.3,.04,2.08,2.89,3.94,5,2.11,1.94-1.67,3.88-3.34,5.82-5.01,.96,1.21,2.9,1.86,4.48,.63,1.37-1.06,2.74-2.13,4.12-3.19,.78,.51,1.79,.6,2.81-.13,1.05-.75,2.1-1.5,3.15-2.25-1.44,1.83-2.88,3.65-4.31,5.48-1.83,2.33,.67,6.68,3.49,4.52,2.58-1.98,5.16-3.95,7.74-5.93-.93,1.85,.79,4.19,2.8,4.11-1.91,1.66-3.81,3.32-5.72,4.97-2.46,2.14,.78,6.35,3.49,4.52l21.73-14.71c-3.29,3.61-6.58,7.22-9.87,10.83-2.1,2.31,.72,6.52,3.49,4.52,4.77-3.45,9.53-6.89,14.3-10.34,.99,1.18,2.8,1.7,4.2,.29l12.15-12.16c2.25-2.25-.78-6.48-3.49-4.52l-.31,.22c3.38-3.19,6.8-6.43,13.02-12.91,2.71-2.83-1.28-6.69-4.15-4.27-3.44,2.89-6.89,5.78-10.33,8.67,.04-.13,.08-.26,.13-.39,.78-2.4-2.22-4.97-4.32-3.41-1.43,1.06-2.86,2.13-4.29,3.19,.91-.81,1.82-1.62,2.73-2.44,.6-.53,.86-1.18,.88-1.84,5.15-4.69,10.3-9.38,15.44-14.07,2.39-2.17-.88-6.52-3.49-4.52-1.18,.9-2.36,1.81-3.54,2.71-.17-1.13-1.03-2.21-2.08-2.61,.77-1.57-.4-3.61-2-4.18,5.54-4.41,11.09-8.83,16.64-13.24,2.65-2.11-.8-6.63-3.56-4.75-6.24,4.26-12.49,8.53-18.73,12.79-.05-.02-.1-.05-.15-.07-.37-.66-1.06-1.14-1.86-1.37,7.78-6.81,15.57-13.63,23.35-20.44,2.53-2.21-.91-6.83-3.56-4.75-4.83,3.81-9.67,7.62-14.51,11.42,1.59-1.37,3.18-2.73,4.77-4.1,.98-.84,1.04-2.04,.59-3.05,1.79-1.65,3.59-3.31,5.38-4.96,.83-.77,1.06-1.66,.91-2.47,1.99-1.73,3.98-3.47,5.98-5.2,2.36-2.06-.48-6.22-3.03-5.07-.24-.59-.64-1.11-1.14-1.43,.02-.02,.04-.04,.06-.06,2.1-2.31-.71-6.51-3.49-4.52-3.03,2.17-6.07,4.34-9.1,6.51,.69-.78,1.39-1.56,2.08-2.35,8.85-7.98,17.7-15.96,26.55-23.93Zm-40.38-2.6c-1.13,.77-2.26,1.52-3.38,2.29-.7,.43-1.39,.86-2.09,1.29,2.01-2.19,4.03-4.39,6.04-6.58,2.06-1.67,4.12-3.34,6.18-5.01-2.25,2.67-4.5,5.34-6.75,8.01Z'/%3E%3C/svg%3E");
    --color: white;
}












.divider {
  display: flex;
}
.divider:before, .divider:after {
  content: "";
  flex: 1;
}

.line {
  align-items: center;
  margin: 1em -1em 3em -1em;
  font-size: 18px;
}
.line:before, .line:after {
  height: 1px;
  margin: 0 1em;
}
.double-razor:before, .double-razor:after {
  height: 3px;
  box-shadow: 0 -0.5px 0 black, 0 0.5px 0 black;
  border-width: 0;
}