:root {
  --main-orange-color: #F25902;
}
.jmodedit{
  display:none;
}
.icons{display:none;}

html {
  scroll-behavior: smooth !important;
}

body{
  background-color:#353535;
  color:white; 
}
h1,h2{
  color:var(--main-orange-color);
  font-size:3em;
   font-weight:500;
}

@media (max-width: 600px) {
.h1,h2 { 
    font-size:2em;
  }
}

h3{
  font-weight:400;
}

.centertext{
  text-align:center;
}
.abstandshalter{
  height:40px;
}

.orange{
    color:var(--main-orange-color);
}
.weiß{
  color:white;
}
.orangebg{
    background-color:var(--main-orange-color);
}
.width60{
  max-width:60%;
  margin:auto;
}
/*button*/
.orangebutton{
  background-color:var(--main-orange-color);
  padding:5px 10px 5px 10px;
  color:White;
  border-radius:20px;
  text-decoration:none;
  margin-top:4px;
  margin-bottom:4px;

}
.orangebutton:hover{
  background-color:#D85013;
  color:white;
}

.linkwrapper{
  margin:12px;
}
.linkouterwrapper{
  display:flex;
}

@media (max-width: 1000px) {
.linkouterwrapper{
  display:block;
}
}
/*navigaton */
.container-header {
    background-color:transparent !important;
    background-image: none !important;
    background-image: none !important;
  }
.navbar {
    display: block !important;
    text-align: right;
  padding-right: 20px !important;
}

/*banner animation*/
.headerwrapper {
 
background-position-y: 0px;
   background-position-x: 0px;
  animation: rotate 1s linear infinite;
  animation-play-state: paused;
  animation-delay: calc(var(--scroll) * -1s);

  animation-iteration-count: 1;
  animation-fill-mode: both;
}

@keyframes rotate {
  to {
    background-position-y: -200px;
     background-position-x: 90px;

  }
}

/*home*/
.headerwrapper{
  background-image: url('/images/dreieck_hintergrund.png');
  width:100%;
min-height:200px;
  padding:200px;
    background-size:cover;
  background-repeat:no-repeat;
}
@media (max-width: 800px) {
.headerwrapper { 
     padding:50px;
  }
  .bgwrapper{
    padding:50px !important;
    }
  .bginnerwrapper{
  width:90% !important;
  margin:auto;
  }
}
.headerinnerwrapper{
  width:50%;
  margin:auto;
  }
@media (max-width: 600px) {
.headerinnerwrapper{
  width:80%;
  margin:auto;
  }
}
.bgwrapper{
  background-image: url('/images/dreieck_hintergrund2.png');
  width:100%;
min-height:200px;
  padding:100px;
    background-size:cover;
  background-repeat:no-repeat;
}
.bginnerwrapper{
  width:50%;
  margin:auto;
  }

/*leistungen */
.leistungsfeld{
  min-height:60vh;
  width:100%;
  padding:50px;
}

.nochfragenwrapper{
  width:fit-content;
  margin:Auto;
   padding:10px;
}
.nochfragenwrapper h2{
  font-size:6em;
}
@media (max-width: 600px) {
.nochfragenwrapper h2{
  font-size:4em;
}
}
.sigplus-preview{
  Opacity:0.5 !important;
}

/*über uns */ 
.fullwithbgwrapepr{
	padding:50px;
}
.quote{
  font-size:2em;
}
@media (max-width: 600px) {
.handytextlinks{
  text-align:left !Important;
}
}

/*footer */
.footer{
  background-color:#2D2D2D;
  background-image:none;
}
#mod-custom111, #mod-custom120 {
  width:100%;
}
/*kontakt*/
.vis_mandatory{
  display:none !important;
}
.visCSSlabel  {
  margin-top:0px !important;
}
.mod-visform1{
  display:flex !important;
}
.visCSSinput{
  width:100% !Important;
}
.fieldset-1 div{
  margin-top:10px;
  margin-bottom:10px;
}
.fieldset-1{
  --gutter-x: 1em;
    --gutter-y: 0;
    display: flex !important;
    flex-wrap: wrap;
  margin-left: calc(var(--gutter-x)*-.5);
    margin-right: calc(var(--gutter-x)*-.5);
    margin-top: calc(var(--gutter-y)*-1);
}


.fieldset-1 .field1, .fieldset-1 .field2, .fieldset-1 .field6,  .fieldset-1 .field7 { 
    flex: 0 0 auto;
    width: 50%;
  }
@media (max-width: 1000px) {
.fieldset-1 .field1, .fieldset-1 .field2, .fieldset-1 .field6,  .fieldset-1 .field7 { 
    width: 100%;
  }
  }

.fieldset-1 .field3, .fieldset-1 .field8 {
   width: 100%;
}

.fieldset-1 .field2, .fieldset-1 .field1,.fieldset-1 .field6,  .fieldset-1 .field7   {
   width: 50%;
  padding:5px;
}
@media (max-width: 600px) {
.fieldset-1 .field2, .fieldset-1 .field1  {
   width: 100%;
  
}
}

#mod-visform1{
  width:80%;
  margin:auto !important;
}

.visform textarea{
  height:200px !Important;
}

#field4, #field9{
  background-color: var(--main-orange-color);
    padding: 10px;
    color: white;
      border-radius: 15px;
    margin: auto;
    border: 0px solid;
}

.visBtnCon{
  margin:auto;
  width:100%
}

.visforms h1{
  display:none;
}
.visforms input, .visform textarea{
  color:white;
}
.alert-heading{
  background:var(--main-orange-color) !Important;
}
.alert-wrapper{
  background-color:var(--main-orange-color) !Important;
   background:var(--main-orange-color) !Important;
}
#system-message-container joomla-alert div .alert-message{
  color:black !important;
}


/*sprachfeld */ 
.mod-languages ul{
      padding: 1em 2em !important;
}


footer .mod-languages {
display:none;
  }
@media (max-width: 986px) {
.container-header .mod-languages {
display:none !important;
}
}

@media (max-width: 986px) {
footer .mod-languages {
display:block !important;
}
}

/*visitenkarten*/
.visitenkartenicons{
  margin:0px !important;
  width:30px;
}


/*job*/ 
.jobwrapper{
  background-color:var(--main-orange-color);
  color:white;
  padding:10px;
 }
  .jobwrapper p{
    margin:10px;
     }
  .joblink{
    margin:10px;
    text-decoration:none;
     }
   .joblink:hover .jobwrapper{
    background-color:#CC5A1F;
     }
  .jobbigwrapper{
    width:80%;
    margin:auto;
     }
.cat-list-row0{
  border:0px solid !Important;
}
.list-title a {
  color:white;
}

/*joomla update */
.card{
  background-color:transparent !important;
  border:0px solid !important;
}

.card-header {
  display:none !important;
}

.card-body{
  padding:0px !important;
}

.bottom-a .orangebg{
  color:white !important ;
}

p{color:white !important}
#modvisform118datenschutzlbl{
  color:white !important;
}