/***********************************************************************************/
/*  Farben
/*  #88a933 grün
/***********************************************************************************/

/***********************************************************************************/
/* @rem
/* @boxsizing
/* @grid
/* @viewportpointer-events:none;
/* @fonts

/* reset
/***********************************************************************************/

/***********************************************************************************/
/* basics
/***********************************************************************************/

body {
  position: relative;
  width: 100%;
  min-height: 100%;
  min-height: 100vh;
  /*overflow: hidden;*/
  font-size: 1.8rem;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smooth: always;
}

.bgGreen { background-color:#E0F0A2; }
/* ToDo: Die ist anders. Absicht? */
.green {color: #88a933;}
.softgreen {
  color: #A1C63C;
  fill: #A1C63C;
}
.darkgreen {
  color: #6F8B21;
  fill: #6F8B21;
}
.bgFullgreen {
  background-color: #A1C63C;
}
.bgFullgreen:hover {
  background-color: #88a933;  
}
.bgGrey {background-color: #eeeeee }
.bgWhite {background-color: #ffffff }

/***********************************************************************************/
/*************** Arrow ***************/
/* Fonts
/***********************************************************************************/

/***********************************************************************************/
/* grid
/***********************************************************************************/

.container {
  max-width: 131rem;
}
.column {
  float:left;
  padding: 0 1.5rem;
}

.box .container > .column,
.box.two .col > .column {
  padding-top: 4rem;
  padding-bottom: 4rem; 
  padding-left:0;
  padding-right:0;
}
.subtle .box .column {
  padding-top: 4rem;
  padding-bottom: 4rem; 
}
  .box .container > .column > .column  {
  padding:2rem 0;
}
.box {
  margin: 0;
}
.box:has(.bgWhite) > .container {
  background: #fff; 
}
.subtle figure.column {
  padding: 0 !important;
}

.pushLow {
  margin-left: 4.172%;
  margin-right:4.162%;
}
.wrapper.two>.container,
.flexbox {
  display:flex;
  flex-wrap:wrap;
  justify-content:start;
}

@media screen and (min-width:701px) and (max-width:999px) {

  .mdpush {
    margin-left: 8.3333%;
  }
  .md12.push {
    margin-left:0;
  }
  .box:not(.two) .halfGrid {
    padding-right: 1.5rem;
    padding-left:1.5rem;
  }
  .flexbox > .md4 {
    flex: 0 2 33.3%;
  }
  .box .container > .column > .column,
  .box.two .col > .column > *  {
    padding:2rem 2rem;
  }
}

.box.two .column .contact,
.box.two .column .contact.lg4,
.box.two .column .contact.md4 {
  margin-right: 2rem;
  margin-top:0;
  padding: 1rem;
  width: calc( 50% - 2rem );
  background: white;
}

@media screen and (min-width:1000px) {

  .wrapper.box .container {
    max-width: 131rem;
    /* padding: 12rem 5rem; */
  }
  .push3 {
    margin-left:25%;
  }
  .box:not(.two) .halfGrid {
    padding-right: 3.5rem;
    padding-left:3.5rem;
  }

.box .container > .column,
.box.two .col > .column {
  padding-top: 4rem;
  padding-bottom: 4rem; 
  padding-left:0;
  padding-right:0;
}
  .box .container > .column > .column,
  .subtle .box .column
  {
  padding:4rem 5.5rem;
}
  .box.two .col {
    padding-top:4rem;
    padding-bottom:4rem;
  }
  /* body > .box.two:first- .col {
    background:grey !important;
    padding-top:0;
  } */
  /* .box.two .column {
    width: unset !important;
  } */
  .box.two .pushCols > .col:first-child { 
    padding-left:8.33333%;
  }
  .box.two .pushCols > .col:last-child { 
    padding-right:8.33333%;
  }

  .box:not(.noUpper) .container > .column > .column:first-child,
  .box.two .col > .column:first-child {
        padding-top: 8rem;
    }
  .min.stage + .subtle + .box.two .col > .column:first-child,
  .box .container > .column > .cta.column,
  .box .container.midUpper > .column > .column:first-child,
  .box .container.midUpper > .column > .column.noLower:first-child,
  .box.two .container.midUpper .col > .column:first-child,
  .box.noUpper .container.modUpper > .column > .column:first-child,
  .box.noUpper .container.modUpper > .column > .column.noLower:first-child,
  .column.split > .column:first-child {
        padding-top: 4rem;
    }
  .box .container > .column > .cta.column,
  .box .container.midLower > .column > .column:first-child,
  .box.noLower .container.modUpper > .column > .column:last-child,
  .box.two .container.midLower .col > .column:first-child,
  .column.split > .column:first-child {
        padding-bottom: 4rem;
    }
  .box:not(.noLower) .container > .column:not(.split) > .column:last-child:not(.cta),
    .box.two .col > .column:last-child {
      padding-bottom: 8rem;
    }
  .box.noUpper .container > .column > .column:first-child,
  .box.two.noUpper .col > .column:first-child {
          padding-top: 0;
      }
  .box.noLower .container > .column > .column:last-child,
  .box.two.noLower .col > .column:last-child {
        padding-bottom: 0;
      }

  .box.two .col:last-child > .column:not(.pushCol2) {
      padding-right:5.5rem;
      padding-left:0;
  }
  .box.two .col:first-child > .column:not(.pushCol1) {
    padding-left:5.5rem;
    padding-right:0;
  }
  .box.two .col:first-child > .column.pushCol1 {
    padding-left:5.5rem;
    padding-right: 16%;
    padding-right:min( 16%, 10rem );
  }
  .box.two .col:last-child > .column.pushCol2 {
    padding-right:5.5rem;
    padding-left:16%;
    padding-left: min( 16%, 10rem );
  }
  .box.two .col:first-of-type {padding-right: 0}
  .box.two .col:last-of-type {padding-left: 0;}

  .box.two .quartGrid .column,
  .box.two .halfGrid .column {
    width: 50% !important
  }

  .wrapper.two>.container {
    flex-wrap: nowrap;
  }
  .box.two .col {
    width: 50%;
    flex: 0 2 50%;
  }
  .box.two .col.lg7 {
    width: 58.3333%;
    flex: 0 2 58.3333%;
  }
  .box.two .col.lg5 {
    width: 41.6667%;
    flex: 0 2 41.6667%;    
  } 
  .flexbox > .lg3 {
    flex: 0 2 25%; 
  }
  .box.two > .container {
    display: flex;
    align-items: stretch;
  }
  .box.two .container .col > .column:has(.buttonRow) {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
  }

  .column.introtext + .column.teaserRow,
  .column.introtext + .column.iconList,
  .column.introtext + .column.listView, 
  .split .column + .column.listBlock {
    padding-top:0;
   }
  .subtle .box {
    position:relative;
  }
  .subtle .box .floatright {
    max-width: 915px;
  }
  .subtle .box .lg5 {
    position:absolute;
    top: 0;
    bottom: 0;
    left: 0; 
    min-width:474px;
  }

}

.centered .button {
  vertical-align: middle;
  margin: -1rem auto 5rem;
  float: none;
  width: fit-content;
}

@media screen and (max-width:999px) {
  .box.two .col:last-of-type > .column {
    padding-top:0;
  }
}
@media screen and (min-width:1180px) {
  .subtle .box .floatright {
  max-width: 750px;
}

}

.wrapper.subtle {
  overflow-x: visible;
}

.smallPadding h2 {
  padding: 0 0 0 2rem;
}

.inlineButtons .buttonRow {
  padding: 0rem 0 0 8rem !important;
  margin-top: -2rem;
}

@media screen and (max-width:960px) {
  .inlineButtons .buttonRow {
    padding: 0rem 0 0 4rem !important;
    margin-top: 0rem;
  }
}


@media screen and (max-width:601px) {
  .inlineButtons .buttonRow {
    padding: 0rem 0 0 2rem !important;
    margin-top: 0rem;
  }
}

/***********************************************************************************/
/*  layout
/***********************************************************************************/
 
div.boxy {
  padding:3rem;
}
.column.standalone {
  width:100%;
  padding: 1.5rem 1rem 3rem;
  font-size: 2rem;
}
.floatright {
  float:right;
}

/*************** teaser ***************/

.teaserRow>.teaser {
  position:relative;
  margin-bottom: 3rem;
}
.box .teaserRow .media {
  margin-bottom:0;
}
.button.linkCover {
  position: absolute;
  display: block;
  width: auto;
  left: 15px;
  right: 15px;
  bottom: 0;
  color: #fff !important;
  text-decoration: none !important;
  background-color: #a1c63c;
  border: none;
  border-bottom:0;
  padding: 1rem 1.8rem;
  margin: 0;
  cursor: pointer;
  background-image: url('/../typo3conf/ext/content_provider/Resources/Public/img/arrow-extra.svg');
  background-repeat: no-repeat;
  background-position: center right 1rem;
  background-size: 3rem 1.5rem;
}
.button.linkCover h3 {
  line-height:1.5;
  width: calc( 100% - 2.4rem );
}


/***********************************************************************************/
/*  Inhalt
/***********************************************************************************/

.wrapper:not(.two) .introtext {
  text-align:center;
  
 }
.box .introtext p,
.box .sizeUp p {
  font-size:2rem;
  line-height:1.5;
}
.subtle .box .introtext p {
  font-size: 2rem;
}

.box h2,
.box .h2like {
  font-size: 2.5rem;
  line-height: 1.5;
  text-align:center;
}
.box .col h2,
.box h2.leftbound {
  text-align:left;
}
.box h3 {
  font-size: 2rem;
  line-height: 1.5;
}
.h2Like {
  font-family: 'PT Serif', serif;
  font-weight: 700;
}
.box p,
.box .linkList li a {
  font-size:1.8rem;
  line-height:1.5;
}
.text-center * {
  text-align:center;
}
.text-center > img {
  float: none;
  margin:  auto;
  display: block;
}
.it > *,
p.it { 
  font-style:italic;
}

.box ul li,
.box ol li {
  width: 100%;
  line-height: 1.5;
  padding-bottom: 1.8rem;
}
.box section ul,
.box section ol,
.box .accordion ul,
.box .accordion ol {
  padding-top: .6rem;
  padding-bottom: 1.2rem;
  padding-left: 1.6rem;
}

.box a {
  color: #6F8B21;
  text-decoration: underline;
}

.box a:hover {
  text-decoration: none;
}
.subtle .box ul.anchor li a:after {  
  content: '';
  background-image: url('/../typo3conf/ext/content_provider/Resources/Public/img/arrowDownGreenShafty.svg');
  margin:.45rem;
  display: inline-block;
  width: 1.4rem;
  height: 1.5rem;
  float: right;
  position: absolute;
}
/* .box a svg {
  float:none;
}
.box a svg path {
 

} */
.box.two .shareItems > a {
  padding:.75rem;
  float:left;
  width:auto !important;
}

.box .linkList ul li {
  padding-left:0;
}
.box .linkList a {
  text-decoration:none;
} 
.linkList li svg {
    position: relative;
    top: .3rem;
    margin-left: .75rem;
    float: none;
}
.forceleft h2,
.forceleft h3,
.forceleft figure,
.forceleft img,
.forceleft span,
.forceleft div,
.forceleft section    {
  text-align:left !important;
  float:left !important;
}
.forceleft p {
  text-align:left;
  float:left !important;
}


ul.anchor {
  list-style-type: none;
}
ul.anchor > li {
  padding-bottom:.8rem;
}
ul.anchor > li svg {
  margin:.45rem;
}
/* .justifyText p {
  text-align:justify !important;
} */
.justifyText h2 {
  padding-bottom:1.6rem;
}
@media screen and (min-width:701px) and (max-width:999px) { 
  .introtext.md8.push2 {
    margin-left: 0;
    width:100%;  }
  .column.md10.lg8.push2 {
    margin-left: 8.33333%;
  }
/* .box.two .push2 {
      margin-left: 0 !important;
  } */
}
@media screen and (min-width:600px) {
  .box h2,
  .box .h2Like {
    font-size: 3.2rem;
    line-height: 1.5;
    text-align:center;
  }

}
@media screen and (min-width:1000px) {
.box section.split ol,
.box section.split ul {
    width: 91.6667%;
    column-count: 2;
    grid-template-columns: 1fr 1fr;
    column-gap: 10rem;
    padding-left: 2.8rem;
  }
  .box section.split .listBlock p {
    width: 50%;
  }
  .subtle .box .introtext p {
    /* font-size: min( 1.8vw, 2rem ); */
    max-width: 39.4rem;
  }
}
/*************** HeaderHeadline ***************/

.stage h1, .stage h3 {
  text-align:center;
}
.stage .column {
  float:none;
  margin-left: auto;
  margin-right:auto;
}
.stage h3 {
  font-size: 1.8rem;
  line-height: normal;
  padding-bottom: 2rem;
}
@media (min-width: 600px) {
  .stage h3 {
    font-size: 2.4rem;
    padding-bottom: 5rem;
  }
} 

/*************** Button oben ***************/

.wrapper.subtle .buttonRow,
.buttonRow.centering {
  text-align:center;
  display:grid;
}
.wrapper.subtle a.button {
    border-radius: 27px;
    border: 4px solid #FFF;
    background: #A1C63C;
    color: #000 !important;
    float: none;
    margin: 0 auto -2.7rem auto;
    display: inline-flex;
    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
}
.wrapper.subtle a.button >svg {
  display:none;
}

.buttonRow.centering a.button {
  float: none;
  margin-left:auto;
  margin-right:auto;
  margin-top:2.4rem;
  display:inline;
}
@media screen and (min-width:701px) {  
  .wrapper.subtle a.button {
    border-radius: 44px;
    font-size: 28px;
    padding: 16px 52px;
  }
}

/*************** Kontaktinfos ***************/

.contact {
  margin-top: 0;
}

.contact .name {
  padding: 3rem 0;
}
.contact p {
  hyphens: auto;
}
.contact .info a {
  text-decoration: none;
}

/* .box.two .contact {
  padding-right:2rem;
} */

.text-center > figure {
  float:none;
  margin:auto;
}

/*************** IconListe ***************/

.iconList .text-center>img {
  margin: 1.5rem auto;
  max-width:80%;
  height:auto;
  min-height:8.2rem;
}
.iconList:not(.flexbox) .column.iconic {
  padding:2rem 1.5rem;
}
.iconList.flexbox .column.iconic {
  padding:0 1.5rem 2rem 1.5rem;
}
.iconList ul li p {
  font-size:1.6rem;
}
.iconList + .linkList > ul {
  width:100%;
}
.iconList + .linkList > ul li a {
  width:100%;
}
.flex-col {
  display:flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items:flex-start;   
  height:100%;
  gap:1.6rem;
}
.flex-col >div:last-child {
  margin-top:auto;
}
.flex-col> p {
  padding-bottom:.8rem;
}


/*************** Claim ***************/

.claim .container.fixbox {
  display:grid;
  padding:5rem 0;
}
.claim section.column {
  position:relative;
  /* padding:9rem 0; */
}
.claim section {
  background: url('../../img/wave.svg');	
  background-size: 92%;
  background-position: center;  
  background-repeat:no-repeat;
  content: ' ';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right:0;
  bottom:0;
  /* width: 100%;
  height: 100%; */
  /* opacity: 0.2;
  opacity:1; */
}
.claim p {
  text-align: center;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5; /* 48px */
  margin: 5rem auto !important;
  float:none;
  width: 66.6667%;
}

/*************** Testimonial ***************/

.box .testimonial > figure.media {
  padding:0;
  margin-bottom:-4rem;    
}
.column.testimonial {
  padding:4rem 5rem;
}

.testimonial p:not(.byline) {
  color: #6F8B21;
  font-size: 28px;
  font-style: italic;
  font-weight: 400;
  line-height: normal;
}
.testimonial p.byline {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5; 
}
/* .testimonial span > p {
  padding-bottom:2.4rem;  
} */
figure.rounded {
  -webkit-border-radius:  50%;
  -moz-border-radius:     50%;
  border-radius:          50%; 
  overflow:hidden;
  margin:.4rem auto;
}
@media screen and (max-width:700px) {
  .sm4.pushLow {
    margin-left:1rem;
    margin-right:1rem;
    width:calc( 100% - 2rem);
  }
}

/************ Infobox ***************/

.infobox {
  display: flex;
  padding: 24px;
  justify-content: center;
  align-items: center;
  gap: 2.4rem;
  flex-wrap:wrap;
}
.infobox .infopic {
  width: 5.9rem;
  height: 5.9rem;
  flex-shrink: 0;
}
.infobox .boxinfo {
  flex:1 0 80%;
}
.box .infobox .boxinfo p {
  font-size: 2.2rem;
  line-height:1.5;
  }

@media screen and (min-width:701px) {
  .lg6 > .pushCol1 .infobox,
  .lg6 > .pushCol2 .infobox,
  .lg5 .infobox,
  .lg4 .infobox {
    flex-direction: column;
    align-items: flex-start;
  }
}

/************ Infobox Header ***************/
.wrapper.subtle .box > div {
  position:relative;
}
.subtle .box.imgColumned .floatright {
  position:absolute;
}

.wrapper.subtle .infobox {
    position: absolute;
    top: 2rem;
    left: 2rem; 
    width: calc(100% - 4rem);
    right: 2rem;
    display: inline-block;
    opacity: .8;
}
.wrapper.subtle .infobox .infopic {
  margin-bottom: 2rem;
}
/* .infobox .boxinfo {
  flex:1 0 80%;
} */
.wrapper.subtle .box .infobox .boxinfo p.claim {
    font-family: 'PT Serif', serif;
      font-weight: 700;
      font-size: min(4rem, 5vw );
      line-height: 1.4;
      padding-bottom:.4em;
}
.wrapper.subtle .box .infobox .boxinfo p.disclaim {
  text-align:right;
  padding-top:1rem;
  font-size:1.8rem;
}
@media screen and (min-width:701px) {
  .wrapper.subtle .infobox {
    top: 3rem;
    width: calc(100% - 6rem);
    right: 3rem;
    left:auto;
  } 
  .wrapper.subtle .box .infobox .boxinfo p.disclaim {
    font-size:2.2rem;
  }
}

@media screen and (min-width:1000px) {
  .wrapper.subtle .box > div,
  .subtle .box.imgColumned .floatright,
  .subtle .box.imgColumned .column  {
    display:inline-block;
    position:relative;
  }
  .wrapper.subtle .box.imgColumned figure {
    height: 100%;
    position: absolute;
    width: auto;
    right: 0;
    left: auto;
    overflow: hidden;
  }
  .wrapper.subtle .box.imgColumned figure picture {
    width: auto;
    float: right;
    z-index: -3;
    height: 100%;
  }
  .wrapper.subtle .box.imgColumned figure picture img {
    width: auto;
    max-width: unset;
    max-height: 100%;
    height: 100%;
  }
  .subtle .box.imgColumned .floatright {
    max-width: min( calc( 100% / 12 * 7), calc( 100% - 480px ) );
  }
  .wrapper.subtle .box.imgColumned.infobox .boxinfo p.claim {
    font-size:min( 4rem, 3vw )
  }  

}

/***********************************************************************************/
/* Stellenangebote-Filter
/***********************************************************************************/

.listView .bgWhite {
  margin-bottom: 1.5rem;
}
.filters ul {
  width: 100%;
  list-style: none;
  max-height: 100vh;
  opacity:1;
  padding-bottom: 0;
  transition:all .3s ease-in-out;
}

.filters ul li {
  display: flex;
  padding: 10px;
  font-size:1.8rem;
  border-top:solid 1px #eee;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}
.filters ul li,
.filters .tagReset,
.filters .dropdownToggle {
  cursor:pointer;
}

.filters ul li.tag.active {
  background-color:#E0F0A2;
}
.filters h3 {
  width: 100%;
  padding: 1rem;
  padding-top: 1rem !important;
}

.listElement.passive {
  width:0;
  height:0;
  overflow:hidden;
  padding:0;
  transition:all .5s ease-in-out;
}
.listElement:not(.hidden):not(.passive) {
 width:100%;
 height:auto;
 transition:all .5s ease-in-out;
}
.filterList .button {
  float:right;  
}
.filterList .listElement a {
  color:#000;
}

@media screen and (max-width:999px) {
  .filterList + .column {
    margin:3rem 0;
  }
  .filters ul:not(.show) {
    max-height:0;
    overflow:clip;
    opacity:0;
  }
.filters h3:after {
    content: '';
    background-image: url('/../typo3conf/ext/content_provider/Resources/Public/img/arrowDownGreen.svg');
    background-repeat: no-repeat;
    background-position: center right;
    width: 2rem;
    height: 3rem;
    float: right;
    transform: rotate(0deg);
    transition: transform .2s ease-in-out;
    background-size: contain;
  }
  .filters h3.focus:after {
    transform:rotate(180deg);
  }
  .filterList .button {
    float:none;
    margin:auto;  
    max-width: fit-content;
  }
}
@media screen and (min-width:701px) and (max-width:999px) { 
  .filters > .tagMenu {
    width: calc( 50% - .75rem );
  }
  .filters > .tagMenu:first-child {
    margin-right:1.5rem;
  }

}
/***********************************************************************************/
/* Formulare
/***********************************************************************************/

.box .container > .column.bgGrey form,
.box .container > .column.bgGreen form {
  padding: 0 5.5rem;
} 

.box .column.bgGrey form .input input, .box .column.bgGrey form .input textarea, .bgGrey .newsletter input:not(.button),.bgGrey .newsletter select,
.box .column.bgGreen form .input input, .box .column.bgGreen form .input textarea, .bgGreen .newsletter input:not(.button), .bgGreen .newsletter select,
.bgGreen .form-group select, .bgGrey .form-group select  {
  background-color:#ffffff;
}
.box .column.bgGrey .subForm form > div > div:nth-child(5) label,
.box .column.bgGreen .subForm form > div > div:nth-child(5) label {
    display: block;
    padding: .5rem 0 .5rem 3.2rem;
    /* background: url('../../img/checkPassiveW.svg');  */
    background:none;
    background-repeat: no-repeat !important;
    margin-left: -2.6rem;
}
.box .column.bgGrey .subForm form > div > div:nth-child(5) input[type="checkbox"]:checked + label,
.box .column.bgGreen .subForm form > div > div:nth-child(5) input[type="checkbox"]:checked + label {
    background: url('../../img/checkActiveT.svg');
}
.box .column.bgGreen .newsletter h3.black,
.box .column.bgGreen .newsletter h3.black {
  font-size: 3.2rem;
  margin-bottom:0;
}
.box .column.bgGreen .subForm form > div > div:nth-child(5) input[type="checkbox"],
.box .column.bgGreen .subForm form > div > div:nth-child(5) input[type="checkbox"] {
  background-color:#fff !important;
}

/***********************************************************************************/
/*  layout
/***********************************************************************************/
 

/*************** Search ***************/
/*
.searchbar {
  max-height: 0;
  height: auto;
  position: relative;
  z-index: 20;

  -webkit-transition: max-height .3s ease-in-out;
  -moz-transition:    max-height .3s ease-in-out;
  -o-transition:      max-height .3s ease-in-out;
  transition:         max-height .3s ease-in-out;
}

.searchbar.active {
  max-height: 15rem;
}

.wrapper.searchResult {
  padding: 1.5rem 0 2rem !important;
}

.searchResultList {
  font-size: 1.8rem;
  line-height: 3rem;
  font-family: Arial, Helvetica, serif;
}

.searchbar .container .column {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

form.t3search,
form#form_kesearch_pi1 {
  position: relative;
  float: none;
}

.searchbar input#search_id,
.wrapper.searchResult input#ke_search_sword {
  display: block;
  border: 0;
  padding: 2rem;
  background-color: #fff;
  font-size: 1.8rem;
  line-height: 2.4rem;
  width: 100%;
  font-family: Arial, Helvetica, sans-serif;
}

.searchbar button#search_submit,
.wrapper.searchResult input#kesearch_submit {
  position: absolute;
  top: 0;
  right: 0;
  border: 0 !important;
  border-radius: 0;
  background-color: transparent !important;
  width: 15%;
  height: 6.4rem;
  display: block;
  padding: 0;
  cursor: pointer;
}

#tx_indexedsearch {
  width: 100%;
}

.tx-indexedsearch-searchbox-button {
  margin: 0 0 0 2rem !important;
  background-image: url(https://cdn.energiekontor.live/typo3conf/ext/content_provider/Resources/Public/img/arrow.svg);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 3rem 1.5rem;
  font-size: 1.6rem;
}

.tx-indexedsearch-searchbox-sword {
  width: 70% !important;
}

.searchbar .tx-indexedsearch-searchbox-sword {
  width: 100% !important;
}

.tx-indexedsearch-browsebox li {
  list-style-type: none;
  padding: 0 1rem 0 0 !important;
}

@media (max-width: 530px) {
  .tx-indexedsearch-searchbox-sword {
    width: 50% !important;
  }
} */


/*************** Mobile Navigation ***************/


/* Drill Down Menu */


/*************** Desktop Navigation ***************/




/***********************************************************************************/
/*  Footer
/***********************************************************************************/