body {
  background-color: #ffffff /*#fef5f0*/; color: #444444!important;
}
/* ------------------------- Allgemein --------------------------- */
h1 {
 /* background-color:#02c3fe!important;*/background-color:#d7ad95; color:#ffffff; font-weight: 300; padding-left:15px!important; padding-top:20px;padding-bottom:20px;text-align:left!important;
}

h2 {
  font-weight:300; 
}
h3 {
   font-weight:300; margin-bottom: 20px;color:#5dc1ef;
}
.item-title {
 	background-color:#d13627; color:#ffffff; padding-left:20px!important; padding-top:20px; padding-bottom:20px;
  	text-align:left!important;
}
p {
  color:#676767;font-weight:300;
}
.container-sidebar-left .sidebar-left:first-child {
  margin-top: 0em;
}
strong {font-weight: 550;}

.blau {
  background-color:#5dc1ef;
}
.readmore  {
  text-align:center !important; padding-bottom:20px!important; /*border-bottom: 1px solid #5dc1ef;*/
}
.float-right img {
  float:right!important;
}
/* ------------ FAQ --------------------------------*/
.efaqs-title {
  padding: 20px 20px; margin-left:-20px!important;
}
/* ------------------------- HEADER -------------- */
.container-header {
  position: relative;
  z-index: 10;
  background-color: #ffffff!important;
  /*background-color: #05c2fc!important;*/
  background-image: none/*url(https://www.hofmann-heilberatung.com/cms/images/headers/header-claim-1500-50.png?1649835388835)*/;
  background-repeat:no-repeat;
  background-position: center 20px;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.03) inset;
}
.container-header .grid-child {
  padding: 0em; background-color:#ffffff!important;
}

.header-bilderband {
  background: #5dc1ef
    url(none)/*(https://www.hofmann-heilberatung.com/cms/images/bg-bl-3-2700.png) */
    scroll no-repeat 0px 0px;
  background-color:#5dc1ef !important;
}
.container-component > * + *, .container-sidebar-left > * + *, .container-sidebar-right > * + * {
  margin-top: 0em;
}

/* -------------------- Footer -------------------------*/
.footer {
  margin-top: 1em;
  color: white;
  background-color: #5dc1ef;
  background-image: linear-gradient(135deg, #9bd8f4, #5dc1ef);
}
/* -------------------- Modul ---------------------------*/

.container-top-a > *, .container-top-b > *, .container-bottom-a > *, .container-bottom-b > * {
  flex: 1;
  margin-top: 0px; margin-bottom:20px; margin-left:0px; margin-right:15px;
}
.card-header {
  background-color: #d7ad95!important; color: #ffffff;
}
.card-body {
  flex: 1 1 auto;
  padding: 1rem 1rem;
}

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: /*#f8ece6*/#ffffff;
  background-clip: border-box;
  border: 0px solid #dfe3e7;
  border-radius: 0.25rem;
  color: #406285;
  
}
.card h5 {
  font-weight: 300; font-size: 20px; line-height: 30px;color:#1c819f;text-align:center;
}
.mod-articlesnews__item {
    border-bottom:1px solid #406285; border-top:0px solid #406285;margin-bottom:20px;padding-top:20px;
  
}

.card-header {
  padding: 0.2rem 1rem;
  margin-bottom: 0;
  background-color: /*rgba(0, 0, 0, 0.03)*/white ;
  border-bottom: 1px solid #dfe3e7;
}

.btn-secondary {
  color: white;
  background-color: #1c819f;
  border-color: #ced4da;
  text-align: center;
}
.btn-secondary:hover, .btn-secondary:focus {
  color: #ffffff;
  background-color: #009640;
}

.container-sidebar-left {
  background-color: #f3f8fa;
}

/*.blog-item  {
  border: 1px solid #fff; padding: 10px 10px 10px 10px !important;
}
.items-leading {
  border: 0px solid #fff !important;
}*/
.newsflash-image img {
  width: 300px;
    height: 275px;
    border: 15px solid #fef3ed;
    text-align: center;
  border-radius: 200px;
}
.mod-articlesnews-horizontal li {
  border: 1px solid #fff;padding: 10px 10px 10px 10px;
}


/* ------------------------- MENU ---------------- */


.container-header .container-nav {
  flex-wrap: wrap;
  justify-content: space-between;
  padding-bottom: 0em; padding-right:0em;margin-bottom:10px;margin-top:0px;
  border-top: 5px solid #fff; border-bottom:5px solid #fff; text-align:center!important;
  /*background-color:#e2eff3;*/background-color:#ffffff;
}
.container-header .mod-menu > li > a, .container-header .mod-menu > li > span {
  position: relative;
  color: #aaaaaa!important;
  text-decoration: none;
  margin-left:10px;text-align:center!important;
  
}

.breadcrumb{
  background-color: transparent !important; opacity:1 !important;border-bottom:1px solid #fff;color:#aaa;
}
/* ------------------------ Maxi-Menu ---------------*/
div#maximenuck116 {
  width: 100%; float:left;
  font-size: 14px;
  line-height: 21px;
  text-align: left;
  zoom: 1;
}

div#maximenuck116 ul.maximenuck {
  clear: both;
  position: relative;
  z-index: 999;
  overflow: visible !important;
  display: block !important;
  float: none !important;
  visibility: visible !important;
  list-style: none;
  padding: 0;
  margin: 0 auto;
  zoom: 1;
  filter: none;
  background: #ffffff!important;
  opacity: 0.8;
  font-size:16px;
  
}

div#maximenuck116 ul.maximenuck li.maximenuck.level1 > a, div#maximenuck116 ul.maximenuck li.maximenuck.level1 > span.separator {
  display: block;
  float: none;
  float: left;
  position: relative;
  text-decoration: none;
  outline: none;
  border: none;
  white-space: nowrap;
  filter: none;
  color: #aaaaaa !important;
  padding: 10px 10px;
}
div#maximenuck116 ul.maximenuck li.maximenuck.level1:hover, div#maximenuck116 ul.maximenuck li.maximenuck.level1.active {
  background: #f3f8fa !important;/*opacity:0.9;*/
}
div#maximenuck116 ul.maximenuck li.maximenuck.level2:hover, div#maximenuck116 ul.maximenuck li.maximenuck.level2.active {
  background: white !important;opacity:0.9;
}
div#maximenuck116 .maximenumobiletogglericonck {
  font-family: verdana;
  background: #ffffff !important;
  padding: 5px 10px;padding-top: 5px;padding-top: 5px;
  height: 30px;
  position: relative;
  color: #aaaaaa;
}
div#maximenuck116 .maximenumobiletogglericonck::after {
  display: block;
  content: "";
  height: calc(100% - 10px);
  border: 1px solid #ffffff!important;
  position: absolute;
  right: 45px;
  top: 5px;
  box-sizing: border-box;
  color: #aaaaaa;
}
div#maximenuck116 div.floatck {
  position: absolute;
  display: none;
  padding: 0;
  margin: 0;
  width: 180px;
  text-align: left;
  width: auto;
  z-index: 9999;
  cursor: auto;
  background: #ffffff!important;
  padding: 15px 20px;
  border: 1px solid #e5e5e5;
    border-top-color: rgb(229, 229, 229);
    border-top-style: solid;
    border-top-width: 1px;
}
div#maximenuck116.maximenuckh li.fullwidth > div.floatck {
  margin: 0;
  padding: 20px 20px!important;
  width: auto !important;
  left: 160px!important;
  right: 160px!important;
}
div#maximenuck116 ul.maximenuck li.maximenuck.level2:hover, div#maximenuck116 ul.maximenuck li.maximenuck.level2.active {
  background: #9bd8f4 !important;
  opacity: 0.9;
}




/* ------------------------- Quadrate ---------------- */

.quadrate-gesamt {
  width: 100%; height:auto; position: relative; margin-top:-16px;margin-left:0em;margin-right:-0.5em;
}
.quadrate-gesamt-1{
    width: 43%; height:auto; position: relative;  margin-top:0px;float: left; margin-right:15px;float:left;
}
.quadrate-gesamt-2{
    width: 55%; height:auto; position: relative; padding-right:20px; margin-top:-30px; margin-bottom:-30px;margin-left:37.5%;float: left;
}
.quadrate-line-oben {
  width:100%; height: auto; display:inline-block !important; margin: 0 0 0 0 !important; padding:0 0 0 0 !important; line-height:0; 
}
.lo-q1, .lo-q2, .lo-q3, .lo-q4, .lo-q5, .lo-q6  {
  width: 16,66%; height:auto;
  position: relative; float: left;
}
.lo-q1-2, .lo-q3-4, .lo-q5-6 {
  display: none;
}
.quadrate-line-1 {
  width:100%; height: auto; display:inline-block !important; margin-top: -16px !important; padding:0 0 0 0 !important; line-height:0;
}
.quadrate-line-2 {
  width:100%; height: auto; display:inline-block !important; margin-top:-6px!important; padding:0 0 0 0  !important;
}

.quadrat1, .quadrat2, .quadrat3, .quadrat4, .quadrat5, .quadrat6  {
  width: 186px; height:189px;
  position: relative;
}
.quadrat1 {
  background: #c5ddd6;float: left;
}
.quadrat2 {
  background: #e9dfd6;float: left;
}
.quadrat3 {
  background: #5aa89d;float: left;
}
.quadrat4 {
  background: #78cffe;float: left;
}
.quadrat5 {
  background: #dbd8d7;float: left;
}
.quadrat6 {
  background: #786c5c;float:left;
}


/* ------------------------  Leermodul ------------------- */

.container-50-Prozent-left {
  grid-area: side-l50;
  width:50%;
}

/* ========================= Artikel ====================== */

/*-------------------------- Überschriften ------------------*/

.page-header {
  margin-bottom: 30px;margin-top: 0px;
}
.page-header h2 > a {
  font-size:0.85em; font-weight: 500; text-decoration: none!important;color:#1c819f;
}
.page-header p > a {
  font-size:1em; font-weight: 300; text-decoration: none!important;color:#1c819f;
}
/* ------------------------ Bilder -------------------------*/
.left.item-image {
  float: left; margin-right:15px;
}

/* ------------------------ Textmodifikationen ------------*/
.spalte1 {
width: 31%; float: left; margin-right:15px; /*min-width: 368px !important;*/
}
.spalte2 {
width: 31%; float: left; margin-right:15px;/*min-width: 368px !important;*/
}
.spalte3 {
width: 31%; float: left; /*min-width: 368px !important;*/
}
.spalte1-2 {
width: 65%; float: left; margin-right:20px;/*min-width: 368px !important;*/
}
.spalte1-3 {
width: 100%; float: left; padding-bottom:40px; margin-bottom:40px; border-bottom: 1px solid #9bd8f4;/*min-width: 368px !important;*/
}
.spalte1-3-start {
width: 100%; float: left; padding-bottom:0px; margin-bottom:0px; /*border-bottom: 1px solid #9bd8f4; min-width: 368px !important;*/
}
.bild-spalte1 {
width: 31%; float: left; margin-right:15px;padding-top:30px; /*min-width: 368px !important;*/
}
.spalte-1halb {
width: 48%; float: left; margin-right:15px; 
}
.spalte-2halb {
width: 48%; float: left; padding-right:15px;
}
:root{--cassiopeia-font-family-body:"Roboto",sans-serif;--cassiopeia-font-family-headings:"Roboto",sans-serif;--cassiopeia-font-weight-headings:500 !important;--cassiopeia-font-weight-normal:400}

.zeile-a {
  background-color: #edf8fd;padding: 15px 10px;margin-bottom:-3px;
}
.zeile-b {
  background-color: #f6fbfd ;padding: 15px 10px;margin-bottom:-3px;
}
.preis {
  font-weight: 500;color:#009640;
}
.text-blau-fett {
  color:#1c819f;font-weight:700;
}
.text-blau {
  color:#1c819f;
}

/* ------------------------- Blog ----------------------------- */
.blog-item {
  	display: flex;
  	flex-direction: column;
  	padding: 0px 10px 20px 15px !important ;
  	overflow: hidden;
	border-bottom: 1px solid #9bd8f4;
  background-color:#f7f7f7;
}
.blog-item .item-image {
  margin-top: 3px;
  margin-bottom: 15px;
  overflow: hidden; display:inline;
}
.item-image img {
 width:100%;
}


/* ------------------------- Kontaktformular ------------------*/
.icon-position, .icon-address, .icon-phone, .icon-mobile, .icon-home {
  display:none;
}
/* ------------------------ groesser als Mobile ------------------- */

@media (min-width: 790px){
  
.quadrate-line-oben-mobile {
  display: none;
}

}


/* ------------------------ Mobile ------------------- */
@media (max-width: 980px){
 
  #maximenuck116 .maximenumobiletogglericonck {
  display: block !important;
  font-size: 50px !important;
  text-align: right !important;
  padding-top: 10px !important;margin-bottom:20px;margin-right:20px;
}
  
#maximenuck116 .maximenumobiletogglericonck {
  display: block !important;
  font-size: 50px !important;
  text-align: right !important;
  padding-top: 10px !important;margin-bottom:20px;
}
  div#maximenuck116 ul.maximenuck li.maximenuck.level1:hover, div#maximenuck116 ul.maximenuck li.maximenuck.level1.active {
  background: #f3f8fa !important;
  opacity: 0.9;border-bottom:1px solid #9bd8f4 !important;
}
  div#maximenuck116 ul.maximenuck li ul.maximenuck2 li.maximenuck, div#maximenuck116 ul.maximenuck2 li.maximenuck {
  text-align: center!important;
  z-index: 11001;
  padding: 0;
  position: static;
  float: none !important;
  list-style: none;
  display: block;
}
  div#maximenuck116 ul.maximenuck li.maximenuck.level1 {
  display: inline-block;
  float: none;
  position: static;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  cursor: pointer;
  filter: none;border-bottom:1px solid #9bd8f4 !important;
}
}
@media (max-width: 789px){
 
  .quadrate-line-oben-mobile {
  display: block !important; text-align:center;
}


  .quadrate-line-1, .quadrat-5, .quadrat6, .quadrat7 {
  display:none !important;
	}
  .quadrate-line-oben {
  display:none !important; margin-bottom: 50px !important; padding:0 0 0 0 !important; 
}
  .lo-q1, .lo-q2, .lo-q3, .lo-q4  {
  display: none !important;
}
  .lo-q1-2, .lo-q3-4, .lo-q5-6 {
  display: block !important;
}
  .quadrate-gesamt-1,
  .quadrate-gesamt-2{
    width: 95%; height:auto; position: relative; padding-right:0px; margin-top:0px; float: left; display: block !important;margin-left:0%!important;
}
 .quadrat1  img,.quadrat1 , .quadrat2, .quadrat3, .quadrat4, .quadrat5  {
    width:50%; float: left;
  }
  .container-header {
  background-image: url(none) !important;

}
  .quadrate-gesamt-1 {
    display: none !imortant;
  }
  
  .spalte1 {
width: 95%; float: left; margin-right:2%; min-width: 95% !important; text-align:justify;
} 
	.spalte2 {
width: 95%; float: left; margin-right:2%; min-width: 95% !important; text-align:justify;
}
  	.spalte3 {
width: 95%; float: left; margin-right:2%; min-width: 95% !important; text-align:justify;
}
  .spalte1-2 {
width: 95%; float: left; margin-right:2%; min-width: 95% !important; text-align:justify;
}
  	.spalte1-3 {
width: 95%; float: left; margin-right:2%; min-width: 95% !important; text-align:justify;
}
  .spalte1-3-start {
width: 95%; float: left; margin-right:2%; min-width: 95% !important; text-align:justify;
}
  .spalte-1halb {
width: 95%; float: left; margin-right:5px; 
}
.spalte-2halb {
width: 95%; float: left; margin-right:5px;
}
  .breadcrumb {
    display:none!important;
  }
  
}