@media (max-width: 1520px) {
  .site-brand img {
    display:none!important;
  }
}

/*@media (min-width: 640px) {
  .site-brand img {
    max-height: 70px;
  }
}
@media (min-width: 992px) {
  .site-brand img {
    height: 70px;
  }
}*/
/*oder markup oder so*/
.node-view-mode-full.node-type-article {
	margin-top: -1rem;
}
.node-view-mode-full.node-type-article .field-name-field-figu-autor {
  display: inline-block;
  font-style: italic;
  margin-bottom: 0;
}
@media screen and (min-width: 500px) {
	.node-view-mode-full.node-type-article .field-name-field-figu-autor {
  margin-left: 1rem;
  }
}
.node-view-mode-full.node-type-article .field-name-field-figu-datum-text {
  display: inline-block;
  font-style: italic;
}
.node-view-mode-full.node-type-article .field-name-field-figu-autor::before {
  content: "von ";
}
.node-view-mode-full.node-type-article .field-name-field-figu-datum-text::after {
  content: "\00a0)";
}
.node-view-mode-full.node-type-article .field-name-field-figu-datum-text::before {
  content: "(\00a0";
}
/*.main-container .page-title, .main-container h1 {
	font-size: 1.6rem;
}*/
@media screen and (max-width: 767px) {
	#sidebar-right {
    border-top: var(--border) solid 5px;
    border-radius: 5px;
	}
	.path-node #sidebar-right {margin-top: 3rem;}
}

.footer .footer-bottom-last td {
  border: none;
}
/*@media screen and (min-width: 1500px) {
  .footer .footer-bottom-last td {
    width: 33%
  }
}*/
@media screen and (min-width: 850px) /*and (max-width: 1499px)*/ {
  .footer .footer-bottom-last td:nth-child(2) {
    width: 475px;
  }
}
@media screen and (max-width: 849px) {
  .footer .footer-bottom-last td {
    display: table-row;
  }
}
/* alternativ evtl img table img statt td => flexibler um zB Logo+Text und darunter CC. Oder auch einfach 3x img+p Logo+Text & CC+Text quasi ohne css*/


.node-view-mode-teaser .node-content {
  display: block;
}
.node-view-mode-teaser .field-name-field-figu-autor, .node-view-mode-teaser .field-name-field-figu-datum-text {
  display: inline;
}
.node-view-mode-teaser .field-name-field-figu-datum-text::before {
  content: "(\00a0";
}
.node-view-mode-teaser .field-name-field-figu-datum-text::after {
  content: "\00a0)";
}
/*\00a0|\00a0*/
.main-wrapper {
  padding-top: 1rem;
}
.block-page-title-block {
  margin-bottom: 1.5rem;
}/*
.block-page-title-block .page-title {
  margin-left: 1rem;
}*/




/*
 * ARTICLE TEASER
 */

.node-view-mode-teaser {
  /* box-shadow: 0 0 20px 0px var(--secondary);*/
  box-shadow: 0 0 0px 10px var(--light);
}
.node-view-mode-teaser:has(img) {
  min-height: 410px;
}
@media screen and (min-width: 768px) {
	.node-view-mode-teaser .field-name-field-image {
    float: left;
    padding-right: 1rem;
  }
  .node-view-mode-teaser .field-name-field-image img {
    max-height: 300px !important;
  }
  .node-view-mode-teaser .field-name-field-image img {
    min-width: 300px;
    border-radius: 8px;
    height: auto;
    width: auto;
  }
}
@media screen and (max-width: 767px) {
  .node-view-mode-teaser .field-name-field-image img {
  	min-width: 100%;
  }
}
.node-view-mode-teaser .field-name-body {
  /**padding-top: 1rem;**/
}
.node-view-mode-teaser .more-link {
  font-weight: bold;
}




/*
 * fixed HEADER 
 */


/**
@media screen and (min-width: 992px) {
  .header-container .site-brand {
    width: 33%;
  }
}
**/
.header .header-container {
  z-index: 1000;
  }
.site-name a {
  color: #ffffff;
}
.site-branding .site-slogan {
  font-size: 1rem;
}
@media only screen and (max-width: 569px) {
  .site-slogan {
    display: none;
  }
  .site-name-slogan .site-name {
    font-size: 1.5rem;
  }
}
@media only screen and (max-width: 520px) {
  .site-name-slogan .site-name {
    font-size: 1.2rem;
  }
}






/* 
 * MENU ~ adding styles for active menu items (using theme selectors + active class)
 */
@media (min-width: 992px) {
  /* 1st level menu item*/
  .menu-wrap ul.menu li.active,
  .menu-wrap ul.menu li:has(.is-active),
  .menu-wrap ul.menu li.menu-item-active {
    background: var(--dark)
  }
  /* 2nd and 3rd level */
  .menu-wrap ul.menu ul.submenu li a.is-active,
  .menu-item-active  {
    color: #ffffff;
    font-weight: bold;
  }
  /* 2nd level if 3rd level is active */
  .menu-wrap ul.menu ul.submenu li:has(.is-active) > a {
    color: #ffffff;
  }
  /* only if 3rd not if 2nd??-> */
  .menu-wrap .menu ul.submenu li.expanded:has(.is-active)::after {
    color: #ffffff;
  }
}

/*
 *** hotfixing broken edu x pro menu css...
 */
.menu-wrap ul.submenu li > a, .menu-wrap ul.submenu li span {
  padding-left: 1.5rem;
}


@media (max-width: 991px) {
  /* 1st level menu item*/
  .menu-wrap ul li:has(> .is-active), .menu-wrap li:has(> ul li > .is-active),
  .menu-item-active {
    background: var(--secondary)
  }
  .menu-wrap ul.menu li .is-active,
  .menu-item-active {
    font-weight: bold;
  }
}




/*
 * FOOTER
 */

.footer-social .social-icons svg.ext {
  display: none;
}
.footer-bottom-last {
	width: 90vw;
	padding-left: 5vw
}


.footer b, .footer strong {
  color: #fff;
}
.footer i, .footer em {
  color: #1ac6ff;
}
.footer a {
  color: grey;
}
.footer p {
  color: #fff;
}
/*.footer .footer-bottom-container {
  border-top: 2px solid #fff;
}
.footer .social-icons li a {
  border: 2px solid gray;
}*/
.footer img.align-center {
  margin-bottom: 0;
}



#edit-actions {
  position: fixed;
  bottom: 0;
  z-index: 1000;
}


/*@media (max-width: 767px) {
  .header .header-container {
    padding-top: 2rem;
  }
}*/

/*CKEditor CSS is missing in our theme or elsewhere + the "ck-content" is missing*/
.text-huge {
  font-size: 1.8em;
}
.text-big {
  font-size: 1.4em;
}
.text-small {
  font-size: .85em;
}
.text-tiny {
  font-size: .7em;
}

iframe.ytb {
	aspect-ratio: 16 / 9;
}