/*
Theme Name: EMSES Twenty One Child ThemeTheme
URI: https://emses.de
Description: A child theme for Emses
Author: duerschi
Author URI: https://freshheit.de/
Template: twentytwentyone
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

:root {
	--branding--logo--max-width-mobile: 100%;
	--branding--logo--max-height-mobile: auto;
	--branding--logo--max-width: 100%;
	--branding--logo--max-height: auto;
	--global--font-size-xxl: 2.75rem;
	--global--font-size-xxxl: 3.25rem;
	--global--color-primary: #b7b7b7;
  --separator--height: 2px;
  --separator--border-color: #535353;    
}

a {
  transition: color .6s, background .6s;
}
a:hover {
  color: #fff;
}


video {
  display: block;
  margin: auto;
  width: 100%;
  height: auto;
}

.tdn {
  text-decoration: none;
}

.mw1200 {
  max-width: 1200px !important;
  margin: auto;
}

.site-header > .site-logo {
	padding-bottom: 0;
	border: 0;
}
.site-logo a.custom-logo-link:focus {
	background: 0 !important;
}
.site-main {
	padding-top: 0;
}
@media only screen and (min-width: 482px) {
  .primary-navigation {
  	margin-right: auto;
  }
}

.singular .entry-header {
  border:0;
  padding-bottom: 0;
  margin-bottom: 0;
}

.singular .entry-title {
	position: relative;
	z-index: 2;
	text-align: center;
}
.singular .entry-title.moveup {
	margin-top: -6rem;
}
.singular .has-post-thumbnail .entry-header {
	padding-bottom: 0;
}
.post-thumbnail {
	position: relative;
	z-index: 1;
}
.post-thumbnail:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
	width: 100%;
	height: 12rem;
}
.post-thumbnail .wp-post-image {
  margin-top: 0;
}


.wp-block-coblocks-accordion-item {
	border-radius:0;
  margin-bottom: .5rem;
}
.wp-block-coblocks-accordion-item__title {
	background: 0;
	border-radius: 0;
	padding: 0;
	position: relative
  list-style: none;
  display: inline;
  border-bottom: 1px dotted #b7b7b7;
  cursor: pointer;  
}
.wp-block-coblocks-accordion-item__title::after {
	border-radius: 0;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition: background 100ms cubic-bezier(0.694, 0, 0.335, 1)
}
.wp-block-coblocks-accordion-item__title:hover::after {
	background: 0;
}
.wp-block-coblocks-accordion-item__title:focus {
  outline: none;
  border-bottom: 1px dotted #fff;
}
.wp-block-coblocks-accordion-item details[open] summary {
	border-radius: 0;
}
.wp-block-coblocks-accordion-item__content {
	border: 0;
	border-radius: 0;
	padding: 0;
  margin: 1rem 0;
  padding-left: 1rem;   
}

.site-footer > .site-info {
  border-top: 0;
}
.no-widgets .site-footer {
  margin-top: 0;
}


.videostage {
  position: relative;
  margin: auto;
  text-align: center;
  max-width: 1200px !important;  
}
.videostage a {
  text-decoration: none;  
}

.videostage .yt,
.videostage .pause {

  transition: opacity .5s;
}
.videostage:hover .yt {
  opacity: .9;
}

.videostage .yt {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);    
}
.videostage .yt a:hover {
  color: #f00;
}
.videostage .btn-yt {
  transform: scale(2);
}

.videostage .pause {
  position: absolute;
  left: 4px;
  bottom: 0;
  opacity: .6;  
}
.videostage .btn-pause {
  transform: scale(.9); 
}


[class^=btn] {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: inline-block;
  width: 30px;
  height: 30px;
  transition: filter .5s;
}
.btn-yt {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="000" d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"></path></svg>');
  filter: invert(19%) sepia(81%) saturate(5983%) hue-rotate(356deg) brightness(96%) contrast(119%); 
}

.btn-pause {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M144 479H48c-26.5 0-48-21.5-48-48V79c0-26.5 21.5-48 48-48h96c26.5 0 48 21.5 48 48v352c0 26.5-21.5 48-48 48zm304-48V79c0-26.5-21.5-48-48-48h-96c-26.5 0-48 21.5-48 48v352c0 26.5 21.5 48 48 48h96c26.5 0 48-21.5 48-48z"></path></svg>');
  filter: invert(80%) sepia(0%) saturate(907%) hue-rotate(169deg) brightness(101%) contrast(96%) opacity(90%); 
}
.btn-play {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M424.4 214.7L72.4 6.6C43.8-10.3 0 6.1 0 47.9V464c0 37.5 40.7 60.1 72.4 41.3l352-208c31.4-18.5 31.5-64.1 0-82.6z"></path></svg>');
  filter: invert(80%) sepia(0%) saturate(907%) hue-rotate(169deg) brightness(101%) contrast(96%) opacity(90%); 
}


.logos {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom:1em;
}
.logos i {
  font-size: 3rem;
  margin-bottom:.5rem;
}
.logos a {
  display: flex;
  flex: 1 1 30%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  font-size: .8rem;  
}
@media only screen and (min-width: 768px) {
  .logos a {
    flex: none;
    padding: 1rem 1.5rem;      
  }
}


/*! 
* @package IcoFont 
* @version 1.0.1 
* @author IcoFont https://icofont.com 
* @copyright Copyright (c) 2015 - 2021 IcoFont 
* @license - https://icofont.com/license/
*/

@font-face
{
  font-family: "IcoFont";
  font-weight: normal;
  font-style: "Regular";
  src: url("fonts/icofont.woff2") format("woff2"),
  url("fonts/icofont.woff") format("woff");
}

[class^="icofont-"], [class*=" icofont-"]
{
  font-family: 'IcoFont' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  line-height: 1;
/* Better Font Rendering =========== */
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

.icofont-instagram:before
{
  content: "\ed46";
}

.icofont-hype-machine:before
{
  content: "\ed45";
}

.icofont-facebook:before
{
  content: "\ed37";
}

.icofont-facebook-messenger:before
{
  content: "\ed36";
}

.icofont-dropbox:before
{
  content: "\ed30";
}

.icofont-reddit:before
{
  content: "\ed62";
}

.icofont-rss:before
{
  content: "\ed64";
}

.icofont-skype:before
{
  content: "\ed67";
}

.icofont-snapchat:before
{
  content: "\ed6c";
}

.icofont-soundcloud:before
{
  content: "\ed6d";
}

.icofont-spotify:before
{
  content: "\ed6e";
}

.icofont-telegram:before
{
  content: "\ed75";
}

.icofont-twitch:before
{
  content: "\ed79";
}

.icofont-twitter:before
{
  content: "\ed7a";
}

.icofont-youtube:before
{
  content: "\ed8b";
}

.icofont-whatsapp:before
{
  content: "\ed86";
}

.icofont-caret-down:before
{
  content: "\ea67";
}

.icofont-caret-left:before
{
  content: "\ea68";
}

.icofont-caret-right:before
{
  content: "\ea69";
}

.icofont-caret-up:before
{
  content: "\ea6a";
}

.icofont-youtube-play:before
{
  content: "\ecbb";
}

.icofont-ui-pause:before
{
  content: "\ec72";
}

.icofont-ui-play:before
{
  content: "\ec74";
}

.icofont-brand-apple:before
{
  content: "\e8a7";
}

.icofont-music-note:before
{
  content: "\eca1";
}

.icofont-learn:before
{
  content: "\ef60";
}

.icofont-teacher:before
{
  content: "\eaf0";
}

.icofont-sound-wave-alt:before
{
  content: "\ecaf";
}

.icofont-sound-wave:before
{
  content: "\ecb0";
}

.icofont-close:before
{
  content: "\eee4";
}

.icofont-xs
{
  font-size: .5em;
}

.icofont-sm
{
  font-size: .75em;
}

.icofont-md
{
  font-size: 1.25em;
}

.icofont-lg
{
  font-size: 1.5em;
}

.icofont-1x
{
  font-size: 1em;
}

.icofont-2x
{
  font-size: 2em;
}

.icofont-3x
{
  font-size: 3em;
}

.icofont-4x
{
  font-size: 4em;
}

.icofont-5x
{
  font-size: 5em;
}

.icofont-6x
{
  font-size: 6em;
}

.icofont-7x
{
  font-size: 7em;
}

.icofont-8x
{
  font-size: 8em;
}

.icofont-9x
{
  font-size: 9em;
}

.icofont-10x
{
  font-size: 10em;
}

.icofont-fw
{
  text-align: center;
  width: 1.25em;
}

.icofont-ul
{
  list-style-type: none;
  padding-left: 0;
  margin-left: 0;
}

.icofont-ul > li
{
  position: relative;
  line-height: 2em;
}

.icofont-ul > li .icofont
{
  display: inline-block;
  vertical-align: middle;
}

.icofont-border
{
  border: solid 0.08em #f1f1f1;
  border-radius: .1em;
  padding: .2em .25em .15em;
}

.icofont-pull-left
{
  float: left;
}

.icofont-pull-right
{
  float: right;
}

.icofont.icofont-pull-left
{
  margin-right: .3em;
}

.icofont.icofont-pull-right
{
  margin-left: .3em;
}

.icofont-spin
{
  -webkit-animation: icofont-spin 2s infinite linear;
  animation: icofont-spin 2s infinite linear;
  display: inline-block;
}

.icofont-pulse
{
  -webkit-animation: icofont-spin 1s infinite steps(8);
  animation: icofont-spin 1s infinite steps(8);
  display: inline-block;
}

@-webkit-keyframes icofont-spin
{
  0%
  {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100%
  {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes icofont-spin
{
  0%
  {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100%
  {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.icofont-rotate-90
{
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.icofont-rotate-180
{
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.icofont-rotate-270
{
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}

.icofont-flip-horizontal
{
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.icofont-flip-vertical
{
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  transform: scale(1, -1);
}

.icofont-flip-horizontal.icofont-flip-vertical
{
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(-1, -1);
  transform: scale(-1, -1);
}

:root .icofont-rotate-90,
	:root .icofont-rotate-180,
	:root .icofont-rotate-270,
	:root .icofont-flip-horizontal,
	:root .icofont-flip-vertical
{
  -webkit-filter: none;
  filter: none;
  display: inline-block;
}

.icofont-inverse
{
  color: #fff;
}