/*
 * CSS file for epd theme
 */

/** Schriftart festlegen **/
@font-face {
  font-family: 'Rubik Regular';
  src: url('../fonts/rubik/Rubik-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Rubik Light';
  src: url('../fonts/rubik/Rubik-Light.ttf') format('truetype');
}

@font-face {
  font-family: 'Rubik Medium';
  src: url('../fonts/rubik/Rubik-Medium.ttf') format('truetype');
}

/** Allgemeines **/
body {
  font-family: "Rubik Light";
  font-size: 13pt;
}

@media (min-width: 901px) {
  #page {
    width: 1280px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 901px) {
  html,
  body {
    width: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
  }
}

.main-content .section {
  padding: 0;
}

a { text-decoration: none; border-bottom: none; }
/** a:hover { opacity: 0.5%; text-decoration: none; } **/

body.ueberregional a,
body.path-frontpage a,
body.page-node-type-page a {
  color: rgb(0, 139, 45);
}

body.regional a {
  color: rgb(227, 27, 34);
}

body.fachdienst a,
body.epd_archiv a {
  color: rgb(16, 112, 208);
}

h1, h2 {
  font-family: "Rubik Medium";
  font-size: 18pt;
}

.sidebar h2 {
  border: none;
}

.site-branding__logo {
  width: 355px;
  height: 45px;
}

.page-title {
  font-size: 18pt;
  padding-bottom: 16px;
}

body.ueberregional .page-title {
  border-bottom: 1px solid rgb(0, 139, 45);
}

body.regional .page-title {
  border-bottom: 1px solid rgb(227, 27, 34);
}

body.fachdienst .page-title,
body.epd_archiv .page-title {
  border-bottom: 1px solid rgb(16, 112, 208);
}

.node__content {
  font-size: 13pt;
}

.field--type-entity-reference {
  font-family: "Rubik Light";
}

@media (max-width: 901px)  {
  #toolbar-bar,
  #block-epd-local-tasks {
    display: none;
  }

  .field--type-entity-reference {
    margin: 0;
  }
}

.anchor {
  position: absolute;
  margin-top: -150px;
}

button {
  background: none;
  border: 1px solid rgb(0, 139, 45);
  color: rgb(0, 139, 45);
}

button:hover {
  border: 1px solid rgba(0, 139, 45, 0.5);
  color: rgba(0, 139, 45, 0.5);
}

body.regional button {
  border: 1px solid rgb(227, 27, 34);
  color: rgb(227, 27, 34);
}

body.regional button:hover {
  border: 1px solid rgba(227, 27, 34, 0.5);
  color: rgba(227, 27, 34, 0.5);
}

body.fachdienst button,
body.epd_archiv button {
  border: 1px solid rgb(16, 112, 208);
  color: rgb(16, 112, 208);
}

body.fachdienst button:hover,
body.epd_archiv button:hover {
  border: 1px solid rgba(16, 112, 208, 0.5);
  color: rgba(16, 112, 208, 0.5);
}

button.slick-arrow {
  border: none !important;
}

button.slick-arrow:hover {
  border: none !important;
}

/** Farbcodierung **/
/*** Text & Links ***/
.txt_epd, a.l_epd { color: rgb(0, 139, 45); }
.txt_landesdienst, a.l_landesdienst { color: rgb(227, 27, 34); }
.txt_fachdienst, a.l_fachdienst, .txt_epd_archiv, a.l_epd_archiv { color: rgb(16, 112, 208); }

/*** Hintergründe ***/
.bg_epd {
  background-color: rgb(0, 139, 45);
  color: #fff;
}

.bg_epd_50 {
  background-color: rgba(0, 139, 45, 0.5);
  color: #fff;
}

.bg_landesdienst {
  background-color: rgb(227, 27, 34);
  color: #fff;
}

.bg_landesdienst_50 {
  background-color: rgba(227, 27, 34, 0.5);
  color: #fff;
}

.bg_fachdienst,
.bg_epd_archiv {
  background-color: rgb(16, 112, 208);
  color: #fff;
}

.bg_fachdienst_50,
.bg_epd_archiv_50 {
  background-color: rgba(16, 112, 208, 0.5);
  color: #fff;
}

.bg_grau_medium {
  background-color: rgb(134, 134, 134);
  color: #fff;
}

.bg_grau_light {
  background-color: rgb(246, 246, 246);
  color: #000;
}

/** Regionen **/
/*** Header ***/
#header {
  height: 540px;
  margin: 0;
  padding: 0;
  background-image: none !important;
  font-family: 'Rubik Light';
}

body.fachdienst #header {
  height: 468px;
}

body.layout-no-sidebars #header {
  height: 396px;
}

body.page-node-type-schwerpunktartikel #header,
body.page-node-type-tickermeldung #header,
body.path-admin #header,
body.Seite404 #header,
body.path-landesdienst.page-node-type-page #header,
body.path-fachdienst.page-node-type-page #header,
body.path-zentralredaktion.page-node-type-page #header,
body.fachdienst.page-node-type-page #header,
body.fachdienst.page-node-type-article #header,
body.path-webform #header {
  height: 540px;
}

.region-header {
  padding: 0;
}

@media (min-width: 901px) {
  .region-header .block:not(.site-branding) {
    margin: 0;
  }
}

@media (min-width: 461px) {
  .region-header .block {
    float: none;
  }
}

@media (max-width: 901px) {
  #header {
    width: 100%;
    max-height: 634px;
    height: auto;
  }

  body.fachdienst #header {
    height: auto;
  }

  body.page-node-type-schwerpunktartikel #header,
  body.page-node-type-tickermeldung #header,
  body.path-webform #header {
    height: auto;
  }

  .region-header .block:not(.site-branding) {
    margin: 0;
  }
}

/*** logo ***/
#block-epd-branding {
  padding-left: 70px;
}

@media (max-width: 901px) {
  #block-epd-branding {
    padding: 0;
    padding-left: 8vw;
    width: 70vw;
    max-height: 90px
  }

  #block-epd-branding img {
    width: 70vw;
  }
}

/*** secondary menu = Header-Menü ***/
.region-secondary-menu {
  display: flex;
  justify-content: space-between;
  align-items: center ;
  height: 90px;
  margin: 0;
  padding: 0;
  padding-right: 55px;
}

@media (max-width: 901px) {
  .region-secondary-menu {
    width: 100%;
    padding: 0;
    justify-content: flex-start;
  }
}

ul.nice-menu-epd-menue li {
  border: none !important;
  background: none !important;
}

ul.nice-menu-epd-menue li.menu-item a {
  margin: 0;
  padding: 0;
  padding-right: 15px;
}

ul.nice-menu-epd-menue li ul,
ul.nice-menu-epd-menue li ul li {
  background-color: #fff;
  border: none;
}

ul.nice-menu-epd-menue li ul li a {
  padding: 0.3em 5px 0.3em 5px !important;
}

.toolbar-menu .menu-item > span {
	padding: 0 !important;
	padding-right: 15px !important;
}

ul.nice-menu-epd-menue li span {
  padding: 0.3em 15px 0.3em 5px;
}

@media (max-width: 901px) {
  .mobilemenue {
    width: 20vw;
    height: auto;
  }

  .mobilemenue .mobilemenue_icon {
    background-image: url(/sites/default/files/logos/hamburger_gruen.svg);
    background-size: 100% 80%;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 25px;
    right: 25px;
  }

  body.regional .mobilemenue .mobilemenue_icon {
    background-image: url(/sites/default/files/logos/hamburger_rot.svg) !important;
  }

  body.fachdienst .mobilemenue .mobilemenue_icon {
    background-image: url(/sites/default/files/logos/hamburger_blau.svg) !important;
  }

  .mobilemenue .mobilemenue_icon.open {
    background-image: url(/sites/default/files/logos/hamburger_gruen_close.svg);
  }

  body.regional .mobilemenue .mobilemenue_icon.open {
    background-image: url(/sites/default/files/logos/hamburger_rot_close.svg) !important;
  }

  body.fachdienst .mobilemenue .mobilemenue_icon.open {
    background-image: url(/sites/default/files/logos/hamburger_blau_close.svg) !important;
  }

  .mobilemenue ul.nice-menu-epd-menue {
    width: 100vw;
    position: absolute;
    top: 70px;
    right: 0;
    text-align: right;
    background: #f6f6f6;
    display: none;
  }

  .mobilemenue ul.nice-menu-epd-menue.open,
  .mobilemenue ul.nice-menu-epd-menue.open li ul.open {
    display: flex;
    flex-direction: column;
    justify-content: right;
    align-items: flex-end;
    align-content: flex-end;
  }

  .mobilemenue ul.nice-menu-epd-menue.open li ul {
    width: 100%;
    margin-top: 30px;
  }

  .mobilemenue ul.nice-menu-epd-menue li.over a,
  .mobilemenue ul.nice-menu-epd-menue li.over span {
    font-weight: 700;
  }

  .mobilemenue ul.nice-menu-epd-menue li.over ul li a {
    font-weight: normal;
  }

  .mobilemenue ul.nice-menu-epd-menue li,
  .mobilemenue ul.nice-menu-epd-menue li ul li {
    background: #f6f6f6 !important;
    width: 100%;
    height: 60px;
    border-bottom: 1px solid #878787 !important;
  }

  .mobilemenue ul.nice-menu-epd-menue li a {
    margin-top: 15px;
  }

  .mobilemenue ul.nice-menu-epd-menue li span {
    position: absolute;
    top: 15px;
    left: 0;
    right: 15px;
    bottom: 0;
    padding: 0;
  }
}

/*** Headerbilder - Slider ***/
#header .region-header .block {
  max-height: 454px;
  overflow: hidden;
}

.field--name-field-headerbilder .slick-dots {
  bottom: 25px;
}

.field--name-field-headerbilder .slick-dots li.slick-active button:before {
  content: url(../icons/dot_voll.png);
}

.field--name-field-headerbilder .slick-dots li button:before {
  content: url(../icons/dot_leer.png);
}

.epd-claim {
  position: absolute;
  bottom: 50px;
  right: 70px;
  color: #fff;
  font-size: 20pt;
  font-family: 'Rubik Light';
}

@media (min-width: 901px) {
  #header .field--name-field-headerbild-mobil {
    display: none;
  }

  #header .field--name-field-mobheaderbild-unterseiten {
    display: none;
  }
}

@media (max-width: 901px) {
  #header .field--name-field-headerbild {
    display: none;
  }

  #header .field--name-field-headerbild-unterseiten {
    display: none;
  }

  .epd-claim {
    font-size: 1.25em;
  }

  #header .field--name-field-headerbild-mobil img {
    margin: 0;
  }

  #header .field--name-field-headerbild-mobil img,
  #header .field--name-field-mobheaderbild-unterseiten img {
    width: 100%;
  }

  body.wirbeimepd #header {
	height: auto;
  }
}

/*** Highlighted = Tickerbar ***/
.highlighted,
.region-highlighted,
.region-highlighted .block,
.region-highlighted .block .content {
  height: 56px;
  margin: 0;
  padding: 0;
}

.view-tickermeldungen .view-content {
  overflow: hidden;
}

@media (max-width: 901px) {
  .highlighted {
    display: none;
  }
}

/*.js-marquee-wrapper {
  width: 3900px !important;
}*/

/*** Inhalts-Region ***/
@media (min-width: 901px) {
  body.page-node-type-startseite main#content,
  body.page-node-type-page.epd_archiv main#content,
  body.layout-sidebar-second main#content {
    width: 801px;
    margin-left: 55.5px;
    margin-right: 83px;
  }
}


body.page-node-type-startseite h1.page-title,
body.page-node-type-startseite h2.node__title {
  display: none;
}

body.page-node-type-startseite form .field--name-title {
  display: block;
}

@media (min-width: 901px) {
  body.path-node main#content .region-content,
  body.path-regional main#content .region-content,
  body.path-contact main#content .region-content,
  body.path-user main#content .region-content,
  body.path-block main#content .region-content,
  body.path-lenimporter main#content .region-content,
  body.path-landesdienst.page-node-type-page main#content .region-content,
  body.path-fachdienst.page-node-type-page main#content .region-content,
  body.path-zentralredaktion.page-node-type-page main#content .region-content,
  body.path-webform main#content .region-content {
    margin-left: auto;
    margin-right: auto;
    width: 754px;
  }

  body.path-admin main#content .region-content {
    margin-left: auto;
    margin-right: auto;
    width: 801px;
  }
}

@media (max-width: 901px) {
  body.wirbeimepd main#content .region-content,
  body.page-node-type-schwerpunktartikel main#content .region-content,
  body.epd_archiv main#content .region-content {
    margin-left: 10px;
    margin-right: 10px;
    width: 95%;
  }

}

/*** Rechte Spalte ***/
#sidebar-second {
  width: 270px;
  margin-left: 0;
  margin-right: 70.5px;
}

@media (max-width: 901px) {
  #sidebar-second {
    width: 100%;
    margin: 0;
  }
}

.sidebar .block {
  border: none;
  background: none;
  margin: 0;
  padding: 0;
}

.sidebar .block .content {
  font-size: 13pt;
}

/**** Kartenblock ****/
#block-karteuberregional {
  background-color: rgba(0, 139, 45, 0.5);
  width: 234px;
  height: 333px;
  padding: 2px 18px 12px 18px;
  margin-bottom: 65px;
}

#block-kartenblockbayern,
#block-kartenblockmittewest,
#block-kartenblockniedersachsenbremen,
#block-kartenblocknord,
#block-kartenblockost,
#block-kartenblocksudwest,
#block-kartenblockwest {
  background-color: rgba(227, 27, 34, 0.5);
  width: 234px;
  height: 333px;
  padding: 2px 18px 12px 18px;
  margin-bottom: 65px;
}

@media (max-width: 901px) {
  #block-karteuberregional,
  #block-kartenblockbayern,
  #block-kartenblockmittewest,
  #block-kartenblockniedersachsenbremen,
  #block-kartenblocknord,
  #block-kartenblockost,
  #block-kartenblocksudwest,
  #block-kartenblockwest {
    width: 88%;
    height: auto;
    margin: 0 10px;
  }
}

.field--name-field-titel-kartenblock {
  /*font-weight: 700;*/
  font-family: "Rubik Medium";
  font-size: 16pt;
  text-align: center;
}

#block-kartenblockbayern .field--name-body,
#block-kartenblockmittewest .field--name-body,
#block-kartenblockniedersachsenbremen .field--name-body,
#block-kartenblocknord .field--name-body,
#block-kartenblockost .field--name-body,
#block-kartenblocksudwest .field--name-body,
#block-kartenblockwest .field--name-body {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
}

#block-kartenblockbayern .field--name-body p,
#block-kartenblockmittewest .field--name-body p,
#block-kartenblockniedersachsenbremen .field--name-body p,
#block-kartenblocknord .field--name-body p,
#block-kartenblockost .field--name-body p,
#block-kartenblocksudwest .field--name-body p,
#block-kartenblockwest .field--name-body p {
  margin: 0 !important;
}

#block-kartenblockbayern .field--name-body img,
#block-kartenblockmittewest .field--name-body img,
#block-kartenblockniedersachsenbremen .field--name-body img,
#block-kartenblocknord .field--name-body img,
#block-kartenblockost .field--name-body img,
#block-kartenblocksudwest .field--name-body img,
#block-kartenblockwest .field--name-body img {
  max-height: 285px;
  max-width: 235px;
  width: auto;
  height: auto;
}

.ld_wahl_imagemap {
  text-align: center;
}

.ld_wahl_imagemap img {
  max-width: 176px;
  height: 238px;
}

.ld_wahl_selection {
  margin-top: 10px;
}

.ld_wahl_selection,
.ld_wahl_selection select,
.ld_wahl_selection select option {
  font-family: "Rubik Light";
  font-size: 13pt;
}

@media (max-width: 901px) {
  .ld_wahl_selection {
	display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
  }
}

/**** medien podcast-Block 
#block-epdmedienpodcast {
	background-color: rgba(16,112,208,0.5);
    width: 234px;
    height: 480px;
    padding: 2px 23px 12px 13px;
    margin-bottom: 20px;
}
****/
#block-epdmedienpodcast {
  background-color: rgba(16,112,208,0.5);
  width: 234px;
  height: 521px;
  padding: 2px 23px 12px 13px;
  margin-bottom: 48px;
}

#block-epdmedienpodcast .content .field--name-body {
	background-color: rgba(16,112,208,0.5);
}

#block-epdmedienpodcast .content .field--name-body iframe {
	min-width: 105% !important;
}

/**** Aktuelle-Ausgabe-Block ****/
#block-aktuelleausgabeepdsozial,
#block-aktuelleausgabeepdmedien,
#block-aktuelleausgabeepddokumentation {
  background-color: rgba(16, 112, 208, 0.5);
  width: 234px;
  height: 333px;
  padding: 2px 18px 12px 18px;
  margin-bottom: 65px;
}

@media (max-width: 901px) {
  #block-aktuelleausgabeepdsozial,
  #block-aktuelleausgabeepdmedien,
  #block-aktuelleausgabeepddokumentation {
    width: 100%;
    height: auto;
    padding: 0;
  }
}

article.node--type-ausgabe {
  display: flex;
  justify-content: center;
  margin-top: 15px;
}

.field--name-field-text-ausgabe {
  /*font-weight: 700;*/
  font-family: "Rubik Medium";
  font-size: 18pt;
}

.field--name-field-bild-ausgabe img {
  width: 178px;
}

body.sozial.page-node-type-startseite .field--name-field-text-ausgabe {
  display: none;
}

body.sozial.page-node-type-startseite .field--name-field-bild-ausgabe img {
  width: 210px;
  margin-left: 10px;
}

/***** Popup für Ausgabe *****/
.ausgabe-bild {
  position: absolute;
  z-index: 1000;
  background: #878787;
  width: auto;
  height: 850px;
  padding: 30px 50px 50px 50px;
  top: 50%;
  left: 30%;
}

.ausgabe-bild-close {
  position: absolute;
  top: 15px;
  right: 15px;
  color: #fff;
  cursor: pointer;
}

.ausgabe-bild img {
  height: 850px;
  width: auto;
}

/**** Service Akkordeon ****/
#block-serviceakkordeonuberregional,
#block-serviceakkordeonbayern,
#block-serviceakkordeonmittewest,
#block-serviceakkordeonniedersachsenbremen,
#block-serviceakkordeonnord,
#block-serviceakkordeonost,
#block-serviceakkordeonsuedwest,
#block-serviceakkordeonwest {
  margin-bottom: 65px;
}

@media (max-width: 901px) {
  #block-serviceakkordeonuberregional,
  #block-serviceakkordeonbayern,
  #block-serviceakkordeonmittewest,
  #block-serviceakkordeonniedersachsenbremen,
  #block-serviceakkordeonnord,
  #block-serviceakkordeonost,
  #block-serviceakkordeonsuedwest,
  #block-serviceakkordeonwest {
    width: 95%;
    margin: 30px 10px;
  }
}

.service-akkordeon-body {
  display: flex;
  justify-content: space-between;
}

.service-akkordeon-title {
  margin-bottom: 20px;
}

.service-akkordeon-body-image .field--name-field-bild-service-akkordeon img {
  border-radius: 50%;
}

.service-akkordeon-body-text {
  font-size: 13pt;
}

article.node--type-service-akkordeon .field--name-field-titel-service-akkordeon {
  /*font-weight: 700;*/
  font-family: "Rubik Medium";
  font-size: 16pt;
}

#block-serviceakkordeonuberregional article.node--type-service-akkordeon .field--name-field-titel-service-akkordeon {
  border-bottom: 1px solid rgb(0, 139, 45);
}

body.regional article.node--type-service-akkordeon .field--name-field-titel-service-akkordeon {
  border-bottom: 1px solid rgb(227, 27, 34);
}

article.node--type-service-akkordeon .paragraph--type--akkordeon {
  margin-bottom: 25px;
}

article.node--type-service-akkordeon .field--name-field-akkordeon-titel {
  /*font-weight: 700;*/
  font-family: "Rubik Medium";
  height: 20px;
  padding-bottom: 10px;
  background-repeat: no-repeat;
  background-position: right center;
  background-size: auto 20px;
}

#block-serviceakkordeonuberregional article.node--type-service-akkordeon .field--name-field-akkordeon-titel:before {
  content: "";
  position: absolute;
  width: 25px;
  height: 25px;
  top: -5px;
  right: 16px;
  z-index: 0;
  background: url(../icons/akkordeon_plus_gruen.svg) no-repeat;
  transition: 1s ease-in-out;
}

#block-serviceakkordeonuberregional article.node--type-service-akkordeon .field--name-field-akkordeon-titel.open:before {
  content: "";
  position: absolute;
  width: 25px;
  height: 25px;
  top: -5px;
  right: 16px;
  z-index: 0;
  background: url(../icons/akkordeon_plus_gruen.svg) no-repeat;
  transform: rotate(45deg);
  transition: 1s ease-in-out;
}

#block-serviceakkordeonuberregional article.node--type-service-akkordeon .field--name-field-akkordeon-titel {
  border-bottom: 1px solid rgb(0, 139, 45);
  position: relative;
}

body.regional .block-block-content article.node--type-service-akkordeon .field--name-field-akkordeon-titel:before {
  content: "";
  position: absolute;
  width: 25px;
  height: 25px;
  top: -5px;
  right: 16px;
  z-index: 0;
  background: url(../icons/akkordeon_plus_rot.svg) no-repeat;
  transition: 1s ease-in-out;
}

body.regional .block-block-content article.node--type-service-akkordeon .field--name-field-akkordeon-titel.open:before {
  content: "";
  position: absolute;
  width: 25px;
  height: 25px;
  top: -5px;
  right: 16px;
  z-index: 0;
  background: url(../icons/akkordeon_plus_rot.svg) no-repeat;
  transform: rotate(45deg);
  transition: 1s ease-in-out;
}

body.regional .block-block-content article.node--type-service-akkordeon .field--name-field-akkordeon-titel {
  border-bottom: 1px solid rgb(227, 27, 34);
  position: relative;
}

body.fachdienst .block-block-content article.node--type-service-akkordeon .field--name-field-akkordeon-titel:before {
  content: "";
  position: absolute;
  width: 25px;
  height: 25px;
  top: -5px;
  right: 16px;
  z-index: 0;
  background: url(../icons/akkordeon_plus_blau.svg) no-repeat;
  transition: 1s ease-in-out;
}

body.fachdienst .block-block-content  article.node--type-service-akkordeon .field--name-field-akkordeon-titel.open:before {
  content: "";
  position: absolute;
  width: 25px;
  height: 25px;
  top: -5px;
  right: 16px;
  z-index: 0;
  background: url(../icons/akkordeon_plus_blau.svg) no-repeat;
  transform: rotate(45deg);
  transition: 1s ease-in-out;
}

body.fachdienst .block-block-content  article.node--type-service-akkordeon .field--name-field-akkordeon-titel {
  border-bottom: 1px solid rgb(16, 112, 208);
  position: relative;
}

article.node--type-service-akkordeon .field--name-field-akkordeon-inhalt {
  display: none;
}

article.node--type-service-akkordeon .field--name-field-akkordeon-inhalt.open {
  display: inline-block;
}

/**** Twitter-iFrame ****/
.some-block {
  width: 270px;
}

.some-block-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  background: #fff;
  width: 270px;
}

@media (max-width: 901px) {
  #block-folgensieunsuberregional,
  #block-folgensieunsbayern,
  #block-folgensieunsmittewest,
  #block-folgensieunsniedersachsenbremen,
  #block-folgensieunsnord,
  #block-folgensieunsost,
  #block-folgensieunssuedwest,
  #block-folgensieunswest,
  #block-folgensieunsepddokumentation,
  #block-folgensieunsepdsozial,
  #block-folgensieunsepdmedien {
    width: 95%;
    margin: 30px 10px;
  }

  .some-block {
    width: 95%;
  }

  .some-block-title {
    width: 90%;
	height: 45px;
  }
}

.some-block-title-text {
  /*font-weight: 700;*/
  font-family: "Rubik Medium";
  font-size: 16pt;
}

.some-block-title-icons a {
  text-decoration: none;
  border: 0;
}

.some-block-title-icons img {
  width: 30px;
}

.some-block-timeline {
  height: 1050px;
  overflow: hidden;
}

.timeline-Header {
  display: none;
}


/*** Footer ***/
.region-footer-fifth .menu--footer .content {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 25px;
}

body.ueberregional .region-footer-fifth .menu--footer .content {
  border-top: 1px solid rgb(0, 139, 45);
}

body.regional .region-footer-fifth .menu--footer .content {
  border-top: 1px solid rgb(227, 27, 34);
}

.region-footer-fifth .menu--footer .content ul {
  display: flex;
}

.site-footer .content a, .site-footer .content a.is-active {
  color: #000;
}

.site-footer .content a:hover {
  color: rgba(0, 0, 0, 0.5);
}

@media (max-width: 901px) {
  footer.site-footer {
    width: 100%;
    margin: 0;
    padding: 0;
    margin-bottom: 30px;
  }

  .site-footer .layout-container {
    margin: 0;
    padding: 0;
    max-width: 100%;
  }

  .site-footer__bottom .block,
  .site-footer__bottom .content {
    margin: 0;
    padding: 0;
  }

  .region-footer-fifth .menu--footer .content ul {
    flex-wrap: wrap;
    justify-content: center;
  }

  .region-footer-fifth .menu--footer .content ul li {
    font-size: 1em;
  }

}

/** Startseiten-Elemente **/
@media (min-width: 901px) {
  article.node--type-startseite.node--view-mode-full {
    width: 801px;
  }
}

@media (max-width: 901px) {
  article.node--type-startseite.node--view-mode-full {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
  }
}

/*** Mission-Statement (Akkordeon) ***/
@media (min-width: 901px) {
  .field--name-field-akkordeon-inhalt {
    width: 754px;
    margin-left: 16px;
    margin-right: 31px;
    margin-top: 10px;
  }

  .paragraph .field--name-field-akkordeon-inhalt {
    width: 610px;
    margin-left: 13px;
  }
}

article.node--type-startseiten-akkordeon .paragraph--type--akkordeon {
  margin-bottom: 25px;
}

article.node--type-startseiten-akkordeon .field--name-field-akkordeon-titel {
  /*font-weight: 700;*/
  font-family: "Rubik Medium";
  height: 20px;
  padding-bottom: 10px;
  padding-left: 13px;
  background-repeat: no-repeat;
  background-position: right center;
  background-size: auto 20px;
}

@media (max-width: 901px) {
  article.node--type-startseiten-akkordeon .field--name-field-akkordeon-titel {
    height: auto;
    padding-right: 45px;
  }

  .paragraph .field--name-field-akkordeon-inhalt {
    margin-top: 10px;
    margin-left: 13px;
    margin-right: 10px;
  }
}

body.ueberregional article.node--type-startseiten-akkordeon .field--name-field-akkordeon-titel:before,
body.path-frontpage article.node--type-startseiten-akkordeon .field--name-field-akkordeon-titel:before {
  content: "";
  position: absolute;
  width: 25px;
  height: 25px;
  top: -5px;
  right: 16px;
  z-index: 0;
  background: url(../icons/akkordeon_plus_gruen.svg) no-repeat;
  transition: 1s ease-in-out;
}

body.ueberregional article.node--type-startseiten-akkordeon .field--name-field-akkordeon-titel.open:before,
body.path-frontpage article.node--type-startseiten-akkordeon .field--name-field-akkordeon-titel.open:before {
  content: "";
  position: absolute;
  width: 25px;
  height: 25px;
  top: -5px;
  right: 16px;
  z-index: 0;
  background: url(../icons/akkordeon_plus_gruen.svg) no-repeat;
  transform: rotate(45deg);
  transition: 1s ease-in-out;
}

body.ueberregional article.node--type-startseiten-akkordeon .field--name-field-akkordeon-titel,
body.path-frontpage article.node--type-startseiten-akkordeon .field--name-field-akkordeon-titel {
  border-bottom: 1px solid rgb(0, 139, 45);
  position: relative;
}

body.regional article.node--type-startseiten-akkordeon .field--name-field-akkordeon-titel:before {
  content: "";
  position: absolute;
  width: 25px;
  height: 25px;
  top: -5px;
  right: 16px;
  z-index: 0;
  background: url(../icons/akkordeon_plus_rot.svg) no-repeat;
  transition: 1s ease-in-out;
}

body.regional article.node--type-startseiten-akkordeon .field--name-field-akkordeon-titel.open:before {
  content: "";
  position: absolute;
  width: 25px;
  height: 25px;
  top: -5px;
  right: 16px;
  z-index: 0;
  background: url(../icons/akkordeon_plus_rot.svg) no-repeat;
  transform: rotate(45deg);
  transition: 1s ease-in-out;
}

body.regional article.node--type-startseiten-akkordeon .field--name-field-akkordeon-titel {
  border-bottom: 1px solid rgb(227, 27, 34);
  position: relative;
}

body.fachdienst article.node--type-startseiten-akkordeon .field--name-field-akkordeon-titel:before {
  content: "";
  position: absolute;
  width: 25px;
  height: 25px;
  top: -5px;
  right: 16px;
  z-index: 0;
  background: url(../icons/akkordeon_plus_blau.svg) no-repeat;
  transition: 1s ease-in-out;
}

body.fachdienst article.node--type-startseiten-akkordeon .field--name-field-akkordeon-titel.open:before {
  content: "";
  position: absolute;
  width: 25px;
  height: 25px;
  top: -5px;
  right: 16px;
  z-index: 0;
  background: url(../icons/akkordeon_plus_blau.svg) no-repeat;
  transform: rotate(45deg);
  transition: 1s linear;
}

body.fachdienst article.node--type-startseiten-akkordeon .field--name-field-akkordeon-titel {
  border-bottom: 1px solid rgb(16, 112, 208);
  position: relative;
}

article.node--type-startseiten-akkordeon .field--name-field-akkordeon-inhalt {
  display: none;
}

article.node--type-startseiten-akkordeon .field--name-field-akkordeon-inhalt.open {
  display: inline-block;
}

/*** Schwerpunktartikel ***/
.view-schwerpunktartikel {
  background-color: #f6f6f6;
}

@media (max-width: 901px) {
  .view-schwerpunktartikel {
    width: 100%;
  }

  .sartikel {
    padding-top: 18px;
  }
}

@media (min-width: 901px) {
  .sartikel {
    margin-left: 16px;
    margin-right: 31px;
    padding-top: 18px;
  }
}

.sartikel-header {
  display: flex;
  border-bottom: 1px solid #000;
  margin-bottom: 32px;
  z-index: 5;
  padding-left: 12px;
}

.sartikel-header-pinned {
  font-family: "Rubik Medium";
  margin-right: 50px;
  padding-bottom: 18px;
  font-size: 18pt;
}

body.fachdienst.medien .sartikel-header-pinned {
	margin-right: 20px;
}

body.regional.mitte_west .sartikel-header-pinned {
	margin-right: 40px;
}

.sartikel-header-title {
  font-family: "Rubik Medium";
  font-size: 12pt;
  margin-right: 30px;
  text-transform: uppercase;
  color: #878787;
  padding-bottom: 14px;
  margin-top: 10px;
  letter-spacing: 0.1em;
}

body.fachdienst.medien .sartikel-header-title {
	margin-right: 15px;
}

.sartikel-header-title.aktiv,
.sartikel-header-title:hover {
  font-family: "Rubik Medium";
  color: #000;
  border-bottom: 2px solid #000;
  z-index: 10;
}

.sartikel-body-kat.inaktiv {
  display: none;
}

.sartikel-katitem {
  padding-bottom: 20px;
  border-bottom: 0.5px solid #878787;
  margin-bottom: 20px;
  width: 739px;
  min-height: 200px;
  clear: both;
}

.sartikel-katitem:last-child {
 border-bottom: none;
}

.sartikel-katitem-image {
  margin-right: 27px;
  width: 248px;
  height: 167px;
  float: left;
}

.sartikel-katitem-image img {
	max-width: 100%;
    height: auto;
    max-height: 100%;
    width: auto;
}

.sartikel-katitem-body {
  width: 464px;
  float: left;
}

.sartikel-katitem-body.noimage {
  width: 739px;
}

@media (max-width: 901px) {
  .sartikel-header {
    overflow-x: scroll;
    overflow-y: hidden;
  }

  .sartikel-body {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow: scroll;
  }

  .sartikel-body-kat {
    flex: 0 0 100%;
  }

  .sartikel-katitem {
    width: 100%;
  }

  .sartikel-katitem-image {
    float: none;
    width: 100%;
    height: auto;
  }

  .sartikel-katitem-body {
    float: none;
    width: 95%;
    padding: 10px;
  }

  .sartikel-katitem-body.noimage {
    width: 95%;
  }
}

.sartikel-katitem-title,
.sartikel-katitem-title a {
  /*font-weight: 700;*/
  font-family: "Rubik Medium";
  text-decoration: none;
  border-bottom: none;
  margin-bottom: 20px;
}

.sartikel-katitem-text a.views-more-link {
  background-image: url(../icons/cta_sek_gruen.svg);
  background-repeat: no-repeat;
  background-size: 10px;
  background-position: center;
  color: #fff;
}

body.regional .sartikel-katitem-text a.views-more-link {
  background-image: url(../icons/cta_sek_rot.svg);
}

body.fachdienst .sartikel-katitem-text a.views-more-link {
  background-image: url(../icons/cta_sek_blau.svg);
}

/*** Vignetten ***/
.field--name-field-vignetten-block {
  margin-top: 60px;
}

.field--name-field-vignetten .slick-prev {
  height: 26px;
}

.field--name-field-vignetten .slick-prev::before {
  content: url(../icons/cta_sek_gruen.svg) !important;
  display: block;
  transform: rotate(180deg);
}

body.regional .field--name-field-vignetten .slick-prev:before {
  content: url(../icons/cta_sek_rot.svg) !important;
  display: block;
  transform: rotate(180deg);
}

body.fachdienst .field--name-field-vignetten .slick-prev:before {
  content: url(../icons/cta_sek_blau.svg) !important;
  display: block;
  transform: rotate(180deg);
}

.field--name-field-vignetten .slick-list {
  margin-left: 40px;
}

.field--name-field-vignetten .slick-next {
  height: 26px;
}

.field--name-field-vignetten .slick-next::before {
  content: url(../icons/cta_sek_gruen.svg) !important;
}

body.regional .field--name-field-vignetten .slick-next::before {
  content: url(../icons/cta_sek_rot.svg) !important;
}

body.fachdienst .field--name-field-vignetten .slick-next::before {
  content: url(../icons/cta_sek_blau.svg) !important;
}

article.node--type-startseiten-vignette .vignette,
article.node--type-startseiten-vignette .vignette-image,
article.node--type-startseiten-vignette .vignette-titel,
article.node--type-startseiten-vignette .vignette-text {
  width: 175px;
}

article.node--type-startseiten-vignette .vignette-image,
article.node--type-startseiten-vignette .vignette-titel {
  text-align: center;
}

article.node--type-startseiten-vignette .field--name-field-bild-vignetten {
  clear: both;
  float: none;
  margin: 0;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
}

article.node--type-startseiten-vignette .field--name-field-bild-vignetten img {
  border-radius: 50%;
}

article.node--type-startseiten-vignette .field--name-title {
  display: block;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

article.node--type-startseiten-vignette.ueberregional .field--name-title {
  border-bottom: 1px solid rgb(0, 139, 45);
}

article.node--type-startseiten-vignette.regional .field--name-title {
  border-bottom: 1px solid rgb(227, 27, 34);
}

article.node--type-startseiten-vignette.fachdienst .field--name-title {
  border-bottom: 1px solid rgb(16, 112, 208);
}

article.node--type-startseiten-vignette.ueberregional .field--name-body a {
  color: rgb(0, 139, 45);
  text-decoration: none;
}

article.node--type-startseiten-vignette.regional .field--name-body a {
  color: rgb(227, 27, 34);
  text-decoration: none;
}

article.node--type-startseiten-vignette.fachdienst .field--name-body a {
  color: rgb(16, 112, 208);
  text-decoration: none;
}

@media (max-width: 901px) {
  .field--name-field-vignetten .slick-prev {
    left: 0px !important;
  }

  .field--name-field-vignetten .slick-list {
    margin-right: 40px;
  }

  .field--name-field-vignetten .slick-next {
    right: 0px !important;
  }

  article.node--type-startseiten-vignette .vignette,
  article.node--type-startseiten-vignette .vignette-image,
  article.node--type-startseiten-vignette .vignette-titel,
  article.node--type-startseiten-vignette .vignette-text {
    width: 100%;
  }
}

/** Unterseiten **/
body.path-ueberregional .region-content {
  width: 754px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 901px) {
  body.path-ueberregional .region-content {
    width: 100%;
  }
}

body.path-ueberregional #block-epd-page-title h1 {
  border-bottom: 1px solid rgb(0, 139, 45);
  padding-bottom: 16px;
}

/** Service Akkordeon ***/
#block-epd-content article.node--type-service-akkordeon .field--name-field-titel-service-akkordeon {
  /*font-weight: 700;*/
  font-family: "Rubik Medium";
  font-size: 18pt;
}

body.ueberregional #block-epd-content article.node--type-service-akkordeon .field--name-field-titel-service-akkordeon {
  border-bottom: 1px solid rgb(0, 139, 45);
}

body.regional #block-epd-content article.node--type-service-akkordeon .field--name-field-titel-service-akkordeon {
  border-bottom: 1px solid rgb(227, 27, 34);
}

#block-epd-content article.node--type-service-akkordeon .paragraph--type--akkordeon {
  margin-bottom: 25px;
}

#block-epd-content article.node--type-service-akkordeon .field--name-field-akkordeon-titel {
  /*font-weight: 700;*/
  font-family: "Rubik Medium";
  height: 20px;
  padding-bottom: 10px;
  background-repeat: no-repeat;
  background-position: right center;
  background-size: auto 20px;
}

body.ueberregional #block-epd-content article.node--type-service-akkordeon .field--name-field-akkordeon-titel:before {
  content: "";
  position: absolute;
  width: 25px;
  height: 25px;
  top: -5px;
  right: 16px;
  z-index: 0;
  background: url(../icons/akkordeon_plus_gruen.svg) no-repeat;
  transition: 1s ease-in-out;
}

body.ueberregional #block-epd-content article.node--type-service-akkordeon .field--name-field-akkordeon-titel.open:before {
  content: "";
  position: absolute;
  width: 25px;
  height: 25px;
  top: -5px;
  right: 16px;
  z-index: 0;
  background: url(../icons/akkordeon_plus_gruen.svg) no-repeat;
  transform: rotate(45deg);
  transition: 1s ease-in-out;
}

body.ueberregional #block-epd-content article.node--type-service-akkordeon .field--name-field-akkordeon-titel {
  border-bottom: 1px solid rgb(0, 139, 45);
  position: relative;
}

body.regional #block-epd-content article.node--type-service-akkordeon .field--name-field-akkordeon-titel:before {
  content: "";
  position: absolute;
  width: 25px;
  height: 25px;
  top: -5px;
  right: 16px;
  z-index: 0;
  background: url(../icons/akkordeon_plus_rot.svg) no-repeat;
  transition: 1s ease-in-out;
}

body.regional #block-epd-content article.node--type-service-akkordeon .field--name-field-akkordeon-titel.open:before {
  content: "";
  position: absolute;
  width: 25px;
  height: 25px;
  top: -5px;
  right: 16px;
  z-index: 0;
  background: url(../icons/akkordeon_plus_rot.svg) no-repeat;
  transform: rotate(45deg);
  transition: 1s ease-in-out;
}

body.regional #block-epd-content article.node--type-service-akkordeon .field--name-field-akkordeon-titel {
  border-bottom: 1px solid rgb(227, 27, 34);
  position: relative;
}

#block-epd-content article.node--type-service-akkordeon .field--name-field-akkordeon-inhalt {
  display: none;
}

#block-epd-content article.node--type-service-akkordeon .field--name-field-akkordeon-inhalt.open {
  display: inline-block;
}

/*** Wir beim epd ***/
.view-wir-beim-epd .view-content h3 {
  /*font-weight: 700;*/
  font-family: "Rubik Medium";
  text-decoration: underline;
  margin-bottom: 10px;
}

.view-wir-beim-epd .wirbeimepd-redaktion {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: start;
  width: 754px;
}

.view-wir-beim-epd .wirbeimepd-redaktion .views-row {
  flex-basis: 175px;
  margin-right: 18px;
  margin-bottom: 20px;
}

@media (min-width: 901px) {
  .view-wir-beim-epd .wirbeimepd-redaktion .views-row:nth-child(4n) {
    margin-right: 0;
  }
}

.wir-item-body {
  width: 175px;
  height: 175px;
  margin-bottom: 18px;
}

@media (min-width: 901px) {
  @supports (not (-ms-accelerator:true)) {
    .wir-item-body:hover .wir-item-turnaround {
	  transform: rotateY(180deg);
    }

    .wir-item-turnaround {
      transition: .5s;
      transform-style: preserve-3d;
      position: relative;
      height: 175px;
    }

    .wir-item-imageblock {
      background-size: 175px 175px;
      background-repeat: no-repeat;
      width: 100%;
      height: 100%;
      backface-visibility: hidden;
      position: absolute;
      z-index: 2;
    }

    .wir-item-imagetext {
      width: 155px;
      height: 155px;
      padding: 10px;
      color: #fff;
      backface-visibility: hidden;
      position: absolute;
      transform: rotateY(180deg);
      z-index: 1;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      font-size: 10pt;
    }
  }
}

@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .wir-item-imageblock {
    background-size: 175px 175px;
    background-repeat: no-repeat;
    width: 175px;
    height: 175px;
  }

  .wir-item-imagetext {
	display: none;
  }

  .wir-item-turnaround:hover .wir-item-imageblock {
	display: none;
  }

  .wir-item-turnaround:hover .wir-item-imagetext {
	display: block;
	width: 155px;
    height: 155px;
    padding: 10px;
    color: #fff;
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 10pt;
  }
}

@media (max-width: 901px) {
  .view-wir-beim-epd .wirbeimepd-redaktion {
    width: 100%;
  }

  .view-wir-beim-epd .wirbeimepd-redaktion .views-row {
    flex-basis: 45%;
  }

  .view-wir-beim-epd .wirbeimepd-redaktion .views-row:nth-child(2n) {
    margin-right: 0;
  }

  .wir-item-body {
    width: auto;
    height: auto;
  }

  .wir-item-turnaround {
    height: 43vw;
  }

  .wir-item-imageblock {
    background-size: 100%;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
  }

  .wir-item-imagetext {
	display: none;
  }

  .wir-item-turnaround:hover .wir-item-imageblock {
	display: none;
  }

  .wir-item-turnaround:hover .wir-item-imagetext {
	display: block;
	width: 100%;
    height: 100%;
    padding: 0;
    color: #fff;
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 10pt;
  }
}

body.ueberregional .wir-item-imagetext {
  background-color: rgba(0, 139, 45, 0.5);
}

body.regional .wir-item-imagetext {
  background-color: rgba(227, 27, 34, 0.5);
}

.wir-item-imagetext a,
.wir-item-imagetext a:hover {
  text-decoration: none;
  color: #fff !important;
}

.wir-item-imagetext-telefon,
.wir-item-imagetext-email,
.wir-item-imagetext-pemail {
  text-align: center;
}

.wir-item-title-name {
  /*font-weight: 700;*/
  font-family: "Rubik Medium";
}

.wir-item-title-funktion,
.wir-item-title-ort {
  font-size: 12pt;
}

/*** Schwerpunktartikel ***/
article.node--type-schwerpunktartikel .schwerpunktartikel-titel {
	font-family: "Rubik Medium";
    font-size: 20pt;
    margin-bottom: 15px;
}

article.node--type-schwerpunktartikel .schwerpunktartikel-bild {
  float: left;
  width: 50%;
  display: flex;
  flex-direction: column;
  margin-right: 10px;
}

.field--name-field-artikel-bild img {
  margin: 0 !important;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .field--name-field-artikel-bild img {
    width: 360px;
  }
}

.schwerpunktartikel-bild-bu {
  font-size: 9pt;
  margin-right: 15px;
}

.schwerpunktartikel-bild-copyright {
  font-size: 9pt;
  text-align: right;
  margin-right: 15px;
}

.schwerpunktartikel-untertitel {
  /*font-weight: 700;*/
  font-family: "Rubik Medium";
  font-size: 16pt;
  margin-bottom: 15px;
}

.schwerpunktartikel-body h1 {
  font-size: 16pt;
  margin-bottom: 15px;
}

.schwerpunktartikel-spitzmarke {
  float: left;
  margin-right: 5px;
}

.schwerpunktartikel-autorenzeile {
  float: right;
  font-style: italic;
  margin-bottom: 30px;
}

.schwerpunktartikel-pager {
  margin-top: 30px;
  display: flex;
  width: 100%;
  flex-direction: row;
  justify-content: space-between;
}

.swapager-item {
  flex-basis: 50%;
}

.swapager-item.right {
  text-align: right;
}

.swapager-item a {
  font-size: 11pt;
}

/*** 70 Jahre epd medien Galerie ***/
.medien_bildergalerie,
.medien_bildergalerie .slick-slide {
  width: 730px;
}

.medien_bildergalerie .slick-prev {
  height: 26px;
}

.medien_bildergalerie .slick-prev:before {
  content: url(../icons/cta_sek_blau.svg) !important;
  display: block;
  transform: rotate(180deg);
}

.medien_bildergalerie .slick-list {
  margin-left: 40px;
}

.medien_bildergalerie .slick-next {
  height: 26px;
}

.medien_bildergalerie .slick-next::before {
  content: url(../icons/cta_sek_blau.svg) !important;
}

@media (max-width: 901px) {
  .medien_bildergalerie .slick-prev {
    left: 0px !important;
  }

  .medien_bildergalerie .slick-list {
    margin-right: 40px;
  }

  .medien_bildergalerie .slick-next {
    right: 0px !important;
  }

  .medien_bildergalerie {
    width: 100%;
  }
}


/*** Links Synoden-Extra ***/
#block-ausgabensynode2019 .content a {
	color: rgb(0,139,45);
	font-weight: bold;
}

.cmprecallwarning2 {
  background-color: #fff !important;
  animation: cmp_pulse2 1s infinite;
  margin-bottom: 100px;
  display: none!important;
}

/** Überuns - Imagefilm **/
body.page-node-type-imagefilm {
	
	main#content .region-content {
		margin: none;
		width: 100%;
	}
	
	#block-epd-content {
		margin-top: 120px;
		
		.field--name-field-imagefilm-filme {
			display: flex;
			flex-direction: column;
			row-gap: 10px;
			
			@media (min-width: 902px) {
				flex-direction: row;
				justify-content: space-between;
			}
			
			> .field__item {				
				@media (min-width: 902px) {
					flex-basis: 48%;
				
					.field--name-field-media-oembed-video {
						> iframe {
							width: 600px;
							height: 338px;
						}
					}
					
					.field--name-field-externes-video-untertitel {
						text-align: right;
						color: gray;
						font-style: italic;
					}
				}
			}
		}
		
		.field--name-field-imagefilm-testimonials {
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			justify-content: space-evenly;
			
			@media (min-width: 902px) {
				justify-content: space-between;
			}
			
			> .field__item {
				flex-basis: 48%;
				
				@media (min-width: 902px) {
					flex-basis: 23%;
				}
			}
		}
		
		.field--name-field-imagefilm-kontakte {
			display: flex;
			flex-direction: column;
			justify-content: space-evenly;
			row-gap: 20px;
			
			@media (min-width: 902px) {
				flex-direction: row;
				justify-content: space-between;
			}
			
			> .field__item {				
				@media (min-width: 902px) {
					flex-basis: 48%;
				}
				
				.imagefilmkontakt {
					display: flex;
					flex-direction: row;
					justify-content: space-between;
					
					> div {
						flex-basis: 48%;
					}
					
					.imagefilmkontakt-image img {
						width: 50%;
						height: auto;
						border-radius: 100px; 
					}
				}
			}
		}
	}
}