@charset "UTF-8";
/* Allgemeine Formatierungen  Sp Pagebulder*/
/* Startseite Dienstleiistungen 

@media only screen and (max-width: 1600px) and (min-width: 977px) {
  #startseiteDienstleistungen .sppb-col-md-2 {
	width: 33.333333%;
    max-width: 33.333333%;
  }
*/
/* Frontend Admin für Roger classe admin verwenden um grau Einzufärben  */
.admin,

.pg-item-box-icons-box,
.phTabs{
  padding:1%;
  border: 1px solid red;
  background-color:grey;
}
.pg-category-categories-top-box{
   display: none;
}
div#phocagallery.pg-category-view.admin.pg-cv div#phocagallery-categories-detail.pg-category-categories-top-box{
   display: block;
}

/* ENDE Frontend Admin */
#sp-main-body {
  background-color:#141417;
}

/* Listenpunkte */

.fa, .fas {
    font-weight: 900;
    color: #AAD334;
}
li::marker {
   color: #AAD334;
   font-weight: bold;
}
ul{
  list-style-type: "- "
}

/* Button*/
.sppb-btn-custom{
  padding: 3% 10% 3% 10%;
}


/* Abstand in Textbereich */
.sppb-column.text{
  padding:15%;
   /*border:2px solid red;      ---kontrolle*/
}


/*  grüne Schrift ---*/	 
.farbe1{
	color:#AAD334;
}


/*Position left hg Formatierung*/
#sp-left .sp-module {
      background: #141417;
      border: 1px solid #141417;
}


/* ist oben im Menü */
.row  {
    padding-right: calc(var(--bs-gutter-x) * .0);
    padding-left: calc(var(--bs-gutter-x) * .0);
   /*border:2px solid red;       ---kontrolle*/
}

/* Menü Links Padding entfernen */
#sp-left .sp-module, #sp-right{
    padding: 0px;

}

/* in Blog Blättern Breite festlegen */
.pagenavigation {
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
}


/* formatieren Blog */
#blog .h2,
#blog .h2 a,
#blog .h2 a:link,
#blog .h2 a:visited,
#blog .h2 a:hover,
#blog H2,
#blog H2 a,
#blog H2 a:link,
#blog H2 a:visited,
#blog H2 a:hover {
    font-size: 1.65em;
    letter-spacing: -0.010em;
    font-weight: 600;
    /*border:2px solid red;      ---kontrolle*/
}
@media (max-width: 1024px) {
#blog .h2,
#blog .h2 a,
#blog .h2 a:link,
#blog .h2 a:visited,
#blog .h2 a:hover,
#blog H2,
#blog H2 a,
#blog H2 a:link,
#blog H2 a:visited,
#blog H2 a:hover{
	font-size: 1.65em!important;
    border:2px solid red;        /*---kontrolle*/
}
}

@media (max-width: 767px) {
#blog .h2,
#blog .h2 a,
#blog .h2 a:link,
#blog .h2 a:visited,
#blog .h2 a:hover,
#blog H2,
#blog H2 a,
#blog H2 a:link,
#blog H2 a:visited,
#blog H2 a:hover{
    font-size: 1.65em!important;
 border:2px solid red;           /*---kontrolle*/
}
}
#blog .h3, h3{
  color:#AAD334;
}

/* Text im Accordion im Blog */
#blog .sppb-addon-accordion div.sppb-addon-content p{
  color:#141417;
}
#blog .sppb-panel-title{
  color:#141417;
}

/* youtube Video max Breite */
iframe {
  border: 0;
  max-width: 100%;
}

/* Schnick Schnack */

.farbwechsel {
	background: linear-gradient(-45deg, #000000, #15c0ff, #000000, #15c0ff);
	background-size: 400% 400%;
	animation: gradient 30s ease infinite;
}

.farbwechsel2 {
	background: linear-gradient(-45deg, #000000, #AAD334, #000000, #AAD334);
	background-size: 400% 400%;
	animation: gradient 30s ease infinite;
}

.line-left {
  position: relative;
}

.line-left::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 1px;
  background-color: white;
}

.line-left p {
  padding-left: 20px;
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

/* Kundenspezifisch */

/* BildMenü bilder Floaten und Text richten */
ul.bildMenue{list-style:none;text-decoration:none;margin:0px;padding:0px}
ul.bildMenue li{list-style:none;margin:0px;padding:0px}
ul.bildMenue li{float:left;margin:0.5%;padding:0.5%;width:23.0%;
	/*! -webkit-box-shadow:1px 1px 2px 1px rgba(120,120,120,0.5),inset 0px 0px 7px 7px rgba(240,240,240,0.2); */
	/*! box-shadow:1px 1px 2px 1px rgba(120,120,120,0.5),inset 0px 0px 7px 7px rgba(240,240,240,0.2); */
	-webkit-border-radius:2px;border-radius:2px}
ul.bildMenue li a,
ul.bildMenue li a:link{
  display:block;
  color:#ffffff;
  text-decoration:none;
  text-align:center;
  max-height:unset;
  min-height:unset;
  height:280px;
  /*background:#AAD334;*/
  border:1px solid #AAD334;
}
ul.bildMenue li a:hover{
  color:#AAD334;
  border:1px solid #ffffff !important;}
/*
ul.bildMenue li a:visited{
  color:#AAD334;
  border:1px solid #000000 !important;
}
*/

ul.bildMenue li a img{
  width: 100%;
  height: auto;
}

span.menu-image-title{
  margin-left: 2%;
  margin-right: 2%;
}


div#maximenuck207 li.maximenuck > a img {
  width: 100%;
  height: 100px;
}