.grid {

}
/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .element-item ---- */

.element-item {
  position: relative;
  float: left;
  width: 100%;
  margin-bottom: 0;
  display:block;
  background-color: #fff;
}

/* .element-item > * {
  margin: 0;
  padding: 0;
}
*/

/* ---- button-group ---- */


.button-group.filters-button-group ul {
  float: right;
  text-align: center;
  width: 260px;
}

.button-group.filters-button-group {
/*	position: absolute;
	right:0;
	padding: 0 8px 0 0;
  */
}
.button-group.filters-button-group:after {
	visibility: hidden;
    display: block;
    content: ".";
    clear: both;
    height: 0;
}
.button-group:after {
  content: '';
  display: block;
  clear: both;
}

.button-group .button {
  float: left;
}



/* ---- button ---- */

.button {
    background-color: #00316b;
    color: #000;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    height: 100px;
    margin: 20px 10px;
    width: 120px;
    position: relative;
}
.button div {
  position: absolute;
  bottom: 0;
  width: 100%;
  bottom: 6px;
}
.button div p {
  text-align: center;
  font-weight: 600;
  color: #fff;
  line-height: 1em;
/* white-space: nowrap; */
}
ul li:first-child.button,
ul li:nth-child(3).button,
ul li:nth-child(5).button {    /* links kein padding*/
    margin: 10px 10px 10px 0;
}

ul li:nth-child(2).button,
ul li:nth-child(4).button,
ul li:last-child.button {     /* rechts kein padding*/
  margin: 10px 0 10px 10px;
}


.button.is-checked,
.button:hover {
   background-color: #4A8000;
}

/* ---- Anpassungen für Link Sprachmöglichkeiten innerhalb des Filters  ---- */
/*
.element-item div.newstext ul.artikel-links li a {
  display: block;
  position: relative;
  width: 30px;
  font-weight: 600;
  color:#104a8d;
}
.element-item:hover div.newstext ul.artikel-links li a, 
.element-item:focus div.newstext ul.artikel-links li a {
    background: transparent;
}
.element-item div.newstext ul.artikel-links li:hover a, 
.element-itemdiv.newstext ul.artikel-links li:focus  a {
    display: block;
    background: transparent;
    transition: all 0.2s ease-in-out 0s;
    color: #70B40E;
}
*/

        @media screen and (min-width:460px) {  /*  Kästen mit Filter  je 3 nebeneinander  */
              

        .button-group.filters-button-group ul {
          width: 400px;
        }


        ul li:first-child.button,
        ul li:nth-child(4).button {    /* links kein padding*/
            margin: 20px 10px 20px 0;
        }

        ul li:nth-child(2).button,
        ul li:nth-child(5).button {     
          margin: 20px 10px 20px 10px;
        }


        ul li:nth-child(3).button,
        ul li:last-child.button {     /* rechts kein padding*/
          margin: 20px 0 20px 10px;
        }







            }



                              @media screen and (min-width:930px) {  /*  Kästen mit Filter nebeneinander  */

                          .button-group.filters-button-group ul {
                            width: 820px;
                          }

                            ul li:first-child.button{    /* links kein padding*/
                                margin: 20px 10px 20px 0;
                            }

                            ul li:nth-child(2).button,
                            ul li:nth-child(3).button,
                            ul li:nth-child(4).button,
                            ul li:nth-child(5).button {     
                              margin: 20px 10px 20px 10px;
                            }

                            ul li:last-child.button {     /* rechts kein padding*/
                              margin: 20px 0 20px 10px;
                            }







                                }