/*! MetaModel Elemente */
.ce_metamodel_content {
	margin-top: 3.75rem;
}
.ce_accordion .ce_metamodel_content, .ce_metamodel_content.first {
  margin-top: 0;
}
.tip-wrapper {
  margin-bottom: 2.0625rem;
  margin-top: 0 !important;
}


@media only screen and (max-width: 767px) {

  .ce_metamodel_content.row.first {
    padding: 0;
    margin: 0;
  }

  .ce_metamodel_content.row.first > .mm-header.ce_rsce_head-element.row {
    padding: 0;
    margin: 0 0 1em 0;
  }

}


.ce_metamodel_content > * {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  position: relative;
  width: 100%;
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;	
}

/* MM Search */
.a5-mm-search .formbody {
  align-items: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 0.875rem;
  line-height: 1.75rem;
}
.a5-mm-search .widget {
  background-color: rgb(255,255,255);
  color: rgb(68,68,68);
  padding: 0 1.25rem;
  -webkit-box-flex: 2;
  flex: 2 1 20ch;
  min-width: 100%;
  max-width: 100%;
  position: relative;
}

@media only screen and (min-width: 37.5rem) {
  .a5-mm-search .formbody {
    font-size: 1.3125rem;
    line-height: 3.75rem;
  }
  .a5-mm-search .widget {
    -webkit-box-flex: 3;
    flex: 3 1 30ch;
    min-width: 30ch;
  }
}

.a5-mm-search .widget:focus-within {
  outline: .1875rem solid rgb(109,154,0);
}
.a5-mm-search .widget input {
  background-color: rgb(255,255,255);
  border: 0px none;
  color: rgb(68,68,68);
  display: block;
  width: 100%;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
.a5-mm-search .widget input:hover, .a5-mm-search .widget input:focus, .a5-mm-search .widget input:active {
  border: 0px none;
  outline: 0;
}
/*
.a5-mm-search .widget input:focus ~ label, 
.a5-mm-search .widget input:not(:placeholder-shown) ~ label {
  color: rgb(0,118,185);
  font-size: 0.875rem;
  top: -1.125rem;
}
.a5-mm-search .widget label {
  position: absolute;
  pointer-events: none;
  left: 0.3125rem;
  top: 0.3125rem;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}
*/

/*
.a5-mm-search .widget input:focus ~ label, 
.a5-mm-search .widget textarea:focus ~ label {
  font-size: 0.875rem;
  color: rgb(0,118,185);
  top: -2.25rem;
  -webkit-transition: all 0.125s cubic-bezier(0.2, 0, 0.03, 1);
  transition: all 0.125s cubic-bezier(0.2, 0, 0.03, 1);
}
.a5-mm-search .widget label,
.a5-mm-search .widget input.empty ~ label {
  background-color: rgb(255,255,255);
  left: 0;
  line-height: 1.4;
  padding: 1rem;
  position: absolute;
  top: 0;
  -webkit-transition: all 0.25s cubic-bezier(0.2, 0, 0.03, 1);
  transition: all 0.25s cubic-bezier(0.2, 0, 0.03, 1);
  pointer-events: none;
}
*/

.mod_search .widget label,
.mod_search .widget input.empty:valid ~ label,
.a5-mm-search .widget label,
.a5-mm-search .widget input.empty:valid ~ label /* Initial - leer, noch kein Fokus */
  {
  background-color: rgb(255,255,255);
  color: inherit;
  font-size: inherit;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 1.75;
  padding: 0 1rem;
  -webkit-transition: all 0.25s cubic-bezier(0.2, 0, 0.03, 1);
  transition: all 0.25s cubic-bezier(0.2, 0, 0.03, 1);
  pointer-events: none;
}

@media only screen and (min-width: 37.5rem) {
  .mod_search .widget label,
  .mod_search .widget input.empty:valid ~ label,
  .a5-mm-search .widget label,
  .a5-mm-search .widget input.empty:valid ~ label {
    line-height: 1.4;
    padding: 1rem;
  }
}

.mod_search .widget input:focus ~ label, 
.mod_search .widget input:valid ~ label,
.mod_search .widget input.empty:focus:valid ~ label, /* Geklickt in Input - Fokus aktiv, noch leer */
.mod_search .widget input:valid:not([class~="empty"]) ~ label ,
.a5-mm-search .widget input:focus ~ label, 
.a5-mm-search .widget input:valid ~ label,
.a5-mm-search .widget input.empty:focus:valid ~ label, /* Geklickt in Input - Fokus aktiv, noch leer */
.a5-mm-search .widget input:valid:not([class~="empty"]) ~ label {
  background-color: rgb(0,118,185);
  font-size: 0.875rem;
  color: rgb(255,255,255);
  padding: 0;
  top: -1.5rem;
  -webkit-transition: all 0.125s cubic-bezier(0.2, 0, 0.03, 1);
  transition: all 0.125s cubic-bezier(0.2, 0, 0.03, 1);
}
.mod_search .widget input:focus ~ label, 
.mod_search .widget input:valid ~ label,
.mod_search .widget input.empty:focus:valid ~ label, /* Geklickt in Input - Fokus aktiv, noch leer */
.mod_search .widget input:valid:not([class~="empty"]) ~ label {
  background: none;
  background-color: #518221;
  padding: .1em 1em;
}




/* Standard - sobald etwas im Eingabefeld ist */
.mod_search .widget input:valid ~ label,
.a5-mm-search .widget input:valid ~ label {
  background-color: rgb(255,255,255);
  left: 0;
  line-height: 1.4;
  padding: 1rem;
  position: absolute;
  top: 0;
  -webkit-transition: all 0.25s cubic-bezier(0.2, 0, 0.03, 1);
  transition: all 0.25s cubic-bezier(0.2, 0, 0.03, 1);
  pointer-events: none;
}


.a5-mm-search .submit_container {
  min-width: 10ch;
  max-width: 100%; 
  -webkit-box-flex: 1;
  flex: 1 1 10ch;
}
.a5-mm-search button {
  background-color: rgb(109,154,0);
  border: 0px none;
  color: rgb(255,255,255);
  font-family: inherit;
  font-size: inherit;
  font-weight: bold;
  line-height: inherit;
}
.a5-mm-search button:hover, .a5-mm-search button:focus, .a5-mm-search button:active {
  border: 0px none;
  outline: .1875rem solid rgb(109,154,0);
}

/* Anwendungen Liste */
#anwendungsbereich-tab ul {
  list-style: none;
  font-weight: bold;
  margin: 0;
  padding: 0;
}
@media only screen and (min-width: 600px) {
  #anwendungsbereich-tab ul {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
  }
}

#anwendungsbereich-tab li {
  margin: 0 0 0.625rem 0;
  padding: 0;
}
#anwendungsbereich-tab a {
  display: block;
}
#anwendungsbereich-tab a:hover, #anwendungsbereich-tab a:focus, #anwendungsbereich-tab a:active {
  outline: .1875rem solid rgb(255,255,255);
  text-decoration: none;
}
#anwendungsbereich-tab a.active {
  background-color: rgb(235,241,248);  
  color: rgb(60,111,117);
}

/* A-Z Liste */
#a-z-tab ul {
  align-items: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 1.25rem;
  line-height: 1.75rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 37.5rem) {
  #a-z-tab ul {
    font-size: 1.875rem;
  line-height: 3.75rem;
  }
}
#a-z-tab li {
  margin: 0 0 0.625rem 0;
  padding: 0;
}
#a-z-tab ul a {
  background-color: rgb(0,118,185);
  color: rgb(255,255,255);
  display: block;
  font-size: inherit;
  line-height: inherit;
  padding: 0 0.625rem;
  text-decoration: none;
}
#a-z-tab ul li.doNotFilter {
  font-size: 1.125rem;
  flex: 0 0 100%;
  margin: 0;
  padding: 0;
}
#a-z-tab ul li.doNotFilter a {
  display: inline-block;
}

#a-z-tab ul .active a,
#a-z-tab ul a:hover, #a-z-tab ul a:focus, #a-z-tab ul a:active {
  background-color: rgb(255,255,255);
  color: rgb(0,118,185);
  text-decoration: none;
}

/* Umsetzungstipps */
ul.a5-tipps {
  list-style: none;
  line-height: 3.75rem;
  margin: 0;	
  padding: 0;
}
.a5-tipps li {
  border-bottom: 1px solid rgb(218,218,218);
  line-height: inherit;
  margin: 0;
}
.a5-tipps li[aria-hidden="true"] {
  display: none;
}
.a5-tipps a {
  background-image: url("/files/util/img/icons/toggle-pfeil.svg");
  background-repeat: no-repeat;
  background-position: right center;
  background-position: calc(100% - 2.1875rem) center;
  display: block;
  font-size: 1.125rem;
  line-height: 1.5;
  margin: 0;	
  padding: 1.03125rem 1.5625rem;
}
.a5-tipps a:link, .a5-tipps a:visited {
  text-decoration: none;	
}
.a5-tipps a:hover, .a5-tipps a:focus, .a5-tipps a:active {
  outline: .1875rem solid rgb(109,154,0);
}
.a5-tipps-button {
  align-items: flex-start;
  display: flex;
  margin: 1rem 0;
  padding: 0;
}
.a5-tipps-button::before, .a5-tipps-button::after {
  border-bottom: 2px rgb(59, 59, 59) dotted;
  content: '';
  height: 1.9rem;
  flex: 1 1 auto;
}
.a5-tipps-button button {
  background: rgb(235,241,248);
  border: 2px rgb(235,241,248) solid;
  margin: 0 1rem;
  padding: 1.03125rem 1.5625rem;
}
.a5-tipps-button button::before, .a5-tipps-button button::after {
  background: no-repeat center center url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18px' height='18px'%3E%3Cpolyline stroke='%23000' fill='none' stroke-width='2' stroke-miterlimit='10' points='3.5,5.8 7.8,10.2 12.5,5.8'/%3E%3C/svg%3E");
  content: '';
  display: inline-block;
  height: 18px;
  vertical-align: middle;
  width: 18px;
}
.a5-tipps-button button[aria-expanded="true"]::before, .a5-tipps-button button[aria-expanded="true"]::after {
  transform: rotate(180deg);
}
.a5-tipps-button button::before {
  margin-right: .5rem;
}
.a5-tipps-button button::after {
  margin-left: .5rem;
}
.a5-tipps-button button:hover, .a5-tipps-button button:focus, .a5-tipps-button button:active {
  background: #fff;
  border: 2px rgb(109, 154, 0) solid;
}

/* Weitere Tipps-Karteireiter */
#weitere-tab h3,
.ce_rsce_links h4 {
  color: rgb(68,68,68);
  font-size: 1.5rem;
}
#weitere-tab ul,
.ce_rsce_links ul {
  margin-left: 0;
}
#weitere-tab li,
.ce_rsce_links li {
  list-style: none;
  margin-left: 0;
  padding-left: 2.375rem;
}
#weitere-tab li.ext-link,
.ce_rsce_links li.ext-link {
  background: url('/files/util/img/icons/icon_link-ext_bg-grau.svg') no-repeat left 0.30em;
  background-size: 1.4375rem 1.4375rem;
}
#weitere-tab li.int-link,
.ce_rsce_links li.int-link {
  background: url('/files/util/img/icons/icon_link-int_bg-grau.svg') no-repeat left 0.30em;
  background-size: 1.4375rem 1.4375rem;
}
#weitere-tab li h4,
.ce_rsce_links li h5 {
  color: rgb(68,68,68);
  font-size: 1.125rem;
  font-weight: 600;
  margin: 0;
}
#weitere-tab a:hover, #weitere-tab a:focus, #weitere-tab a:active,
.ce_rsce_links a:hover, .ce_rsce_links a:focus, .ce_rsce_links a:active {
  outline: .1875rem solid rgb(0,118,185);
}

/* Downloads
.mm-downloads {
  background: url("/files/util/img/icons/icon_angebote.svg") no-repeat 2.5rem 0;
  padding-left: 7.9375rem !important;
}
*/
.mm-downloads ul {
  list-style: none;
  margin: 0 0 0.9375rem 0;
  padding: 0;
}
.mm-downloads li {
  background: url('/files/util/img/icons/icon_download_bg-grau.svg') no-repeat left 0.30em;
  background-size: 1.4375rem 1.4375rem;
  list-style: none;
  margin-left: 0;
  padding-left: 2.375rem;
}
.mm-downloads li h4,
.mm-downloads li h5 {
  color: rgb(68,68,68);
  font-size: 1.125rem;
  font-weight: 600;
  margin: 0;
}
.mm-downloads a {
  color: rgb(68,68,68);
}
.mm-downloads a:hover, .mm-downloads a:focus, .mm-downloads a:active {
  outline: .1875rem solid rgb(0,118,185);
}

/* Team */
.container.a5-team {
  padding: 0;
}
.a5-team ul {
  list-style: none;
  margin-bottom: 0;
}
.a5-team li {
  border-bottom: 0.25rem solid rgb(0,118,185);
  margin-bottom: 3.75rem;
  margin-left: 0;
}
.a5-team p {
  margin-bottom: 3.75rem;	
}
.a5-team img {
  margin-bottom: 2.5rem;
}
.a5-team .position { 
  color: rgb(0,118,185);
  display: block;	
  font-size: 1.625rem;
  margin-bottom: 1.125rem;
}
.a5-team .name { 
  display: block;	
	
}
.a5-team .tel { 
  display: block;	
	
}
.a5-team .fax { 
  display: block;	
	
}
.a5-team .email { 
  display: block;	
	
}