/* This file holds generic functionalitis that are more of a functional than a stylistic nature. */

/* AAA - 100% with of embedded content */
.field--name-field-media-oembed-video {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}
.media-oembed-content {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
/* end of AAA */

/* BBB Video privacy */
.antifra-overlay {
    background: #000;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.antifra-overlay img {
    height: 100%;
    width: auto;
    margin: auto;
}
.antifra-overlay .privacy-hint {
    color: #fff;
    background-color: #000;
    padding: 0.5em 1em;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

@media (max-width: 700px) {
	.antifra-overlay .privacy-hint {
		width: 100%;
	}
}
/* end of BBB */

/* CCC social media icons */
li.www_facebook_com a {
    width: 1em;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
}
li.www_facebook_com a:before {
    content: '\f39e';
    width: 1em;
    font-family: fa_brands;
    display: inline-block;
}
li.www_flickr_com a {
    width: 1.2em;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
}
li.www_flickr_com a:before {
    content: '\f16e';
    width: 1.1em;
    font-family: fa_brands;
    display: inline-block;
}
li.instagram_com a {
    width: 1em;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
}
li.instagram_com a:before {
    content: '\f16d';
    width: 1em;
    font-family: fa_brands;
    display: inline-block;
}
li.twitter_com a {
    width: 1em;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
}
li.twitter_com a:before {
    content: '\f099';
    width: 1em;
    font-family: fa_brands;
    display: inline-block;
}
li.www_youtube_com a {
    width: 1.1em;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
}
li.www_youtube_com a:before {
    content: '\f167';
    width: 1.1em;
    font-family: fa_brands;
    display: inline-block;
}
li.www_youtube_com a {
	width: 1.1em;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
}
li.www_youtube_com a:before {
	content: '\f167';
	width: 1.1em;
	font-family: fa_brands;
	display: inline-block;
}
li.www_tiktok_com a {
	width: 1.1em;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
}
li.www_tiktok_com a:before {
	content: '\e07b';
	width: 1.1em;
	font-family: fa_brands;
	display: inline-block;
}
li.www_linkedin_com a {
	width: 1.1em;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
}
li.www_linkedin_com a:before {
	content: '\f08c';
	width: 1.1em;
	font-family: fa_brands;
	display: inline-block;
}
li.berlin_social a {
	width: 1.1em;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
}
li.berlin_social a:before {
	content: '\f4f6';
	width: 1.1em;
	font-family: fa_brands;
	display: inline-block;
}

/* end of CCC*/

/* DDD language switcher */
html[lang=de] #block-betd-languageswitcher li[hreflang=de],
html[lang=en] #block-betd-languageswitcher li[hreflang=en] {
    display: none;
}
/* end of DDD*/

/* EEE toolbar on top */
#toolbar-administration {
    position: relative;
    z-index: 1000;
}
/* end of EEE */

/* FFF privacy overlay manual */
.manual-antifra-wrapper {
    position: relative;
		min-height: 160px;
}
html[lang=de] .privacy-hint .lang-en,
html[lang=en] .privacy-hint .lang-de {
    display: none;
}
/*  end of FFF */

/* quickfix nachhaltigkeit */
@media (max-width: 43.75rem) {
  .path-nachhaltigkeit #block-rp22-content {
      grid-column: 1 / span 7;
  }
}
.path-nachhaltigkeit .node__content {
    padding-bottom: 0;
}

div#block-stoerer {
    width: 66px;
    position: absolute;
    top: 43px;
    left: 256px;
}
@media (max-width: 1200px) {
  div#block-stoerer {
    top: 14px;
    left: 178px;
  }
}
@media (max-width: 1024px) {
  div#block-stoerer {
    left: 20px;
    top: 43px;
    width: 56px;
  }
}

/* About Block: Teaser verstecken */
div#rp-Über-die-republica-38 p {
    display: none;
}