/* Custom CSS */
/* CFW */
/* Martin Sassenberg, masa media */


 
@font-face {
  font-family: 'NotoSerif';
   src: local('NotoSerif'),
  	url('../fonts/NotoSerif-Variable.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
	}

@font-face {
  font-family: 'Mulish light';
   src: local('NotoSerif'),
  	url('../fonts/NotoSerif-Variable.ttf') format('truetype');
  font-weight: light;
  font-style: normal;
	}

@font-face {
  font-family: 'Mulish bold';
   src: local('NotoSerif'),
  	url('../fonts/NotoSerif-Variable.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
	}

@font-face {
  font-family: 'NotoSerif Italic';
   src: local('NotoSerif'),
  	url('../fonts/NotoSerif-Variable.ttf') format('truetype');
  font-weight: italic;
  font-style: normal;
	}

body {
  font-family: 'NotoSerif', Verdana, sans-serif;
  font-size: 0.9em;
  color: #40200E;
}


#sp-header {
height: 140px;
width: 100%;
position: absolute;
z-index: 99;
box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
animation: spFadeIn 0.5s;
}

#sp-header {
background-color: rgba(231, 215, 193, 0.8);
backdrop-filter: blur(3px);
}

.logo-image {
height: 100px;
margin-top: 10
px;
}

#sp-menu {
	margin-top: 20px;
}


.article-intro-image float-left {
 height: 280px;
 border: 1px solid #977962;
}

div article-intro-image {
height: 280px;
  
}

.article-intro-image {
height: 280px;
}

.view-article #sp-header {
background-color: rgba(231, 215, 193, 0.8);
}

.view-article #sp-title {
    display: block;
}

.sp-page-title:before {
content: "";
background: linear-gradient(100.46deg, #54390d 3.3%, rgba(36, 15, 0, 0.861) 3%, rgba(6, 5, 20, 0) 89.6%);
position: absolute;
left: 0px;
top: 0px;
z-index: 2;
width: 100%;
height: 100%;
max-width: 70%;
}

#sp-bottom3:after{
  background: unset !important;
}

/* ======== Wohnungs-Tabelle ======= */

/* Stile für die Tabelle */
html body table.wohng-overview-1-3 {
    width: 100%;
    border-collapse: collapse;
    margin: 30px auto;
}

/* Stile für Zellen */
html body table.wohng-overview-1-3 td {
    padding: 8px;
    border: 1px solid #ddd; /* Optional, für einen leichten Rand um die Zellen */
}

/* Stile für die Bildzelle */
html body table.wohng-overview-1-3 td.bild-zelle {
    width: 30%; /* Breite der Bildspalte */
}

/* Stile für die Textzelle */
html body table.wohng-overview-1-3 td.text-zelle {
    width: 70%; /* Breite der Textspalte */
}

/* Media Query für Mobilgeräte */
@media (max-width: 600px) {
    html body table.wohng-overview-1-3,
    html body table.wohng-overview-1-3 td.bild-zelle,
    html body table.wohng-overview-1-3 td.text-zelle {
        width: 100%; /* Volle Breite auf kleinen Bildschirmen */
    }

    html body table.wohng-overview-1-3 td.bild-zelle {
        display: block; /* Bildzelle über die gesamte Breite */
    }
}

/* ======== ICONS ========= */

/* "Wallbox-Emoji" als CSS-Maske, skaliert wie Text und nimmt currentColor */
.emoji-wallbox{
  display:inline-block;
  width:1em; height:1em;
  vertical-align:-0.15em;
  background-color: currentColor;            /* bestimmt die Icon-Farbe */
  -webkit-mask: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Crect%20x%3D%223%22%20y%3D%222%22%20width%3D%2212%22%20height%3D%2220%22%20rx%3D%222%22%20ry%3D%222%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22/%3E%3Cpath%20d%3D%22M9%206.5l-3%206h3l-1%205%205-7h-3l1-4z%22%20fill%3D%22%23000%22/%3E%3Cpath%20d%3D%22M15%208c4%200%206%202%206%206s-2%206-6%206%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22/%3E%3Crect%20x%3D%2219%22%20y%3D%2213%22%20width%3D%223%22%20height%3D%224%22%20rx%3D%220.5%22%20fill%3D%22%23000%22/%3E%3Cpath%20d%3D%22M22%2013v-2M20%2013v-2%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22/%3E%3C/svg%3E') no-repeat center / contain;
          mask: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Crect%20x%3D%223%22%20y%3D%222%22%20width%3D%2212%22%20height%3D%2220%22%20rx%3D%222%22%20ry%3D%222%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22/%3E%3Cpath%20d%3D%22M9%206.5l-3%206h3l-1%205%205-7h-3l1-4z%22%20fill%3D%22%23000%22/%3E%3Cpath%20d%3D%22M15%208c4%200%206%202%206%206s-2%206-6%206%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22/%3E%3Crect%20x%3D%2219%22%20y%3D%2213%22%20width%3D%223%22%20height%3D%224%22%20rx%3D%220.5%22%20fill%3D%22%23000%22/%3E%3Cpath%20d%3D%22M22%2013v-2M20%2013v-2%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22/%3E%3C/svg%3E') no-repeat center / contain;
}



/* ================================ */

/* Footer links ganz unten */
/*
#sp-footer1 .sp-copyright {
color: rgba(46, 27, 4, 0.7);
font-size: 0.8em;
}
*/


/*
#sp-header.header-sticky {
position: fixed;
z-index: 9999;
top: 0;
left: 0;
width: 100%;
animation: spFadeInDown 0.5s;
background-color: rgba(72, 41, 2, 0.07);
}
*/

/* Icons - Clients */
#sppb-addon-1629959136349 .sppb-addon-clients-image {
filter: opacity(50%);
width: 140px;
}

@media (max-width: 767px){
  #sppb-addon-wrapper-1629959136349{
    position: relative;
    left: 20px!important;
}

#sppb-addon-1629959136349 .sppb-addon-clients-image {
    max-width: 60px !important;
}
}



/* Footer */
#sp-bottom .sp-module .sp-module-title {
font-weight: 600;
font-size: 15px;
line-height: 26px;
letter-spacing: 1.6px;
color: #472c02;
margin-bottom: 20px;
}

#sp-bottom .sp-module ul > li > a:hover {
color: #612502;
}


li.sp-text-thumbnail-list{
  display:none !important;
}


#sp-footer, #sp-bottom {
background: #eddfc5;
color: #472c02;
}