/**
Theme Name: Astra Goblin
Author: Dasinka
Author URI: https://www.dasinka.de
Description: Das wird das beste Child-Theme aller Zeiten!
Version: 1.1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-goblin
Template: astra
*/

.gg-childpages {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-bottom: 40px;
}

@media screen and (max-width: 680px) {
  .gg-childpages {
    grid-template-columns: 1fr;
  }
}

.gg-childpages p {
  background: #222222;
  padding: 5px;
  font-size: 16px;
  text-align: center;
  border-radius: 0 0 5px 5px;
  border-bottom: 1px solid #000;
}

.gg-childpages p:hover {
  border-color: #daa205;
}

.gg-childpages img {
  max-height: 60px;
  object-fit: cover;
  width: 100%;
  object-position: top;
  border-radius: 5px 5px 0 0;
}

.gg-language {
  margin: 0;
  list-style-type: none;
  padding: 0;
  float: right;
  margin-right: 5px;
}
.gg-language li,
.gg-language li a {
  padding: 0;
  margin: 0;
}
.gg-language a img {
  margin: 0;
  padding: 0;
  border: 1px solid #121212;
}

#polylang-3 img {
  margin-top: -3px;
}
#menu-item-2567-en img,
#menu-item-2561-de img {
  height: 15px;
}

.hey-yo {
  margin-left: 10px;
  border-radius: 5px;
  max-height: 32px;
  width: auto;
  border-top: 1px solid #daa205;
  border-bottom: 1px solid #daa205;
  position: relative;
  top: -2px;
}
.ast-desktop .ast-mega-menu-enabled.main-header-menu .sub-menu .menu-item.menu-item-heading > .menu-link {
  font-weight: bold;
  color: #cecece;
  margin-bottom: -1px;
  /* background: #202020; */
  padding-bottom: 1px;
  border-radius: 6px
}

.ast-desktop .ast-mega-menu-enabled.main-header-menu .sub-menu .menu-item.menu-item-heading .gg-menu-smaller > .menu-link {
  background: transparent;
}

li.gg-menu-darker > a, li.gg-menu-darker > span {
  background: #202020 !important;
}


.wp-block-buttons {
  padding: 0 0 20px 0;
}

.wp-block-button .wp-block-button__link {
  color: #121212;
  font-weight: 500;
  border-radius: 10px;
}

.site-below-header-wrap .lang-item a span {
  display: none;
}
.ast-pagination .prev.page-numbers {
  float: left;
}

.widget select {
  margin-left: 15px;
  background: #868686;
  color: #121212;
}

.ast-pagination {
  margin-bottom: 2rem;
}

.entry-content table a,
.entry-content .wp-block-gallery a,
.entry-content .wp-block-image a {
  border-bottom: none;
}

.pa-global-class {
  margin: 0 2px !important;
}

.ads-sidebar {
  border: none;
}

#toc_container a {
  font-weight: 500;
}
#toc_container ul li ul li a {
  color: #cecece;
  font-weight: normal;
}

.menu-text img {
  margin-bottom: 3px;
  margin-right: -4px;
}
.gg-skillguide {
  border-left: 1px solid #252525;
  margin-bottom: 15px;
}

.archive .entry-title,
.search .entry-title {
  font-size: 22px;
  color: #daa205;
  line-height: 1.2;
}

.ads-header {
  border: 1px solid #111111;
  background: rgba(20, 20, 20, 0.5) url('https://classic.goldgoblin.net/wp-content/uploads/2021/06/adblock.png') 50% 50% no-repeat;
  height: 90px;
  width: 728px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #808080;
}
.ads-sidebar {
  border: 2px solid #222222;
  background: rgba(20, 20, 20, 0.35);
  height: 0px;
  width: 304px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #808080;
  margin: 0 auto;
}

/*#region Viga Font */
@font-face {
  font-family: 'Viga';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/viga-v9-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''), url('fonts/viga-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/viga-v9-latin-regular.woff2') format('woff2'),
    /* Super Modern Browsers */ url('fonts/viga-v9-latin-regular.woff') format('woff'), /* Modern Browsers */ url('fonts/viga-v9-latin-regular.ttf') format('truetype'),
    /* Safari, Android, iOS */ url('fonts/viga-v9-latin-regular.svg#Viga') format('svg'); /* Legacy iOS */
}

* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
  -webkit-tap-highlight-color: transparent !important;
}

/*#endregion */

/*#region || Basics */

::selection {
  background: rgba(180, 180, 180, 0.5);
}
::-moz-selection {
  background: rgba(119, 119, 119, 0.5);
}

a,
a:active,
a:focus {
  color: #fff;
  outline: none;
}

.entry-content a {
  font-weight: 500;
  color: #daa204;
}
.entry-content p a {
  border-bottom: 1px dashed #707070;
  font-weight: 500;
  color: #daa204;
}

.entry-content p a.icontinyl {
  border: 0;
}

.entry-content p a:hover,
.entry-content a:hover {
  color: #fff;
}

b,
strong {
  font-weight: 700;
}



/*#endregion*/

/*#region || Breadcrumbs */
.ast-above-header.ast-above-header-bar {
  background: #151515;
}

.ast-breadcrumbs {
  font-size: 13px;
}

.ast-breadcrumbs .trail-browse,
.ast-breadcrumbs .trail-items,
.ast-breadcrumbs .trail-items li {
  color: #707070;
}

.ast-breadcrumbs .trail-items li a {
  color: #b58604;
}

.main-header-bar.ast-header-breadcrumb,
.ast-header-break-point .main-header-bar.ast-header-breadcrumb {
  border-bottom-color: #121212;
  padding: 4px;
}
/*#endregion*/

/*#region || Headlines */

.home .ast-article-post h2.entry-title {
  padding: 0 5px;
  font-size: 18px;
  font-weight: 700;
  color: #daa205;
  background-image: none;
  text-align: left;
}

.archive .entry-title,
.search .entry-title {
  font-size: 18px;
}

.ast-archive-description .ast-archive-title {
  font-size: 30px;
  color: #daa205;
}

.ast-single-post .entry-title {
  font-size: 22px;
  padding: 0 20px;
}

.single .entry-header {
  margin-bottom: 1rem;
}

.page h1.entry-title {
  text-align: center;
  font-size: 36px;
}

.page-title {
  text-align: center;
}

.site-title,
.page h1 {
  font-family: 'Viga';
  font-weight: normal !important;
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: -webkit-linear-gradient(top, #efd100, #e2a233 19%, #f0c328 30%, #fff1a3 43%, #ffe13e 50%, #daa205 51%, #daa205);
  background-size: 1em 2em;
  color: #daa205;
}

.site-title {
  font-size: 2.3rem;
}

.home .ast-featured-post h2.entry-title {
  text-align: center;
  font-size: 22px;
}

.home h2 a,
.archive h2 a {
  color: #daa205;
  font-weight: 500;
  font-size: 20px;
}

.home h2 a:hover,
.archive h2 a:hover {
  color: #cdcdcd;
}

h2,
.entry-content h2 {
  font-size: 1.4em;
}
h3,
.entry-content h3 {
  font-size: 1.2em;
}

.entry-content h2,
.entry-content h3,
.entry-content h4 {
  border-top: 0px solid #daa205;
  background: #202020;
  border-radius: 4px;
  padding: 5px 10px;
  /* margin: 0 -10px 1em -10px; */
  margin: 2rem -1rem 1rem;
}

.entry-content h2 {
  margin-top: 4rem;
}

.entry-content .wp-block-column h2,
.entry-content .wp-block-column h3,
.entry-content .wp-block-column h4 {
  margin: 0rem ;
}

.page h3.shopping-list {
  background: none;
  font-size: 20px;
  padding-top: 0px;
}

/*#endregion*/

/*#region || Widgets */

.ast-right-sidebar #secondary {
  padding: 0 20px;
}

#secondary {
  margin: 2rem 0;
}

.widget {
  text-align: center;
  border-image-slice: 1;
  border-image-source: linear-gradient(to bottom, #daa205, #ffe13e);
  margin: 0 0 2em 0;
}

.widget-title {
  font-size: 11px;
  background: #292929;
  color: #909090;
  font-weight: 600;
  text-transform: uppercase;
  padding: 1px 3px;
}

.header-widget-area .widget-title {
  display: none;
}

.site-header-section .header-widget-area {
  padding: 0;
  display: none;
}

.gg-ref,
.gg-ref-xl {
  background: #272727;
  border: 1px solid #daa205;
  margin: 0 auto;
  border-radius: 4px;
  margin-bottom: 15px;
  max-width: 90%;
  padding: 5px;
}
.gg-ref:hover,
.gg-ref-xl:hover {
  background: #202020;
  transform: scale(1.05);
}

.gg-ref img {
  max-height: 60px;
}

.gg-ref-xl img {
  max-height: 90px;
}

/*#endregion*/

/*#region Plugin-CSS */
.dpsp-share-text {
  background: #191919;
  letter-spacing: 3px;
  margin-bottom: 0 !important;
  padding: 5px 15px;
  margin-top: 45px;
  text-align: center;
  border-radius: 4px;
}

#dpsp-content-bottom {
  margin-top: 10px;
}

#toc_container {
  padding: 10px 15px 15px 20px;
  min-width: 50%;
  border: 0px solid #111111 !important;
  color: #daa205;
  margin: 5px auto 20px auto;
  background: #222222 !important;
  box-shadow: 0px 0px #cecece;
  border: 4px solid #555555 !important;
}

#toc_container a {
  border: none;
  color: #daa205;
  font-weight: normal;
}
#toc_container ul li a:hover,
#toc_container ul li:hover {
  color: #cecece;
  text-decoration: none;
}

#toc_container p.toc_title {
  color: #cecece;
  font-size: 16px;
  text-align: left;
}
/*#endregion*/

/*#region || Navigation */

.main-navigation {
  font-size: 16px;
  /* font-family: 'Viga'; */
}

.main-navigation .sub-menu {
  font-size: 14px;
  background: #282828;
}

.ast-builder-menu-1 .menu-item > .menu-link {
  color: #cecece;
  font-weight: 400;
}

.ast-builder-menu-1 .menu-item > .menu-link:hover {
  color: #daa205;
}

.sub-arrow {
  display: none;
}

#ast-desktop-header .ast-above-header-wrap .main-header-bar-navigation a > span {
  color: #121212;
  padding: 2px 8px;
  font-weight: 600;
  font-size: 12px;
  background: #9b9b9b;
  border-radius: 10px;
  transition: all 0.5s ease;
}
#ast-desktop-header .ast-above-header-wrap .main-header-bar-navigation a > span > span {
  margin-left: 10px !important;
}
#ast-desktop-header .ast-above-header-wrap .main-header-bar-navigation a > span:hover {
  background: #daa205;
  transition: all 0.2s ease;
}
.main-header-menu .sub-menu {
  width: max-content;
  white-space: nowrap;
}
.ast-desktop .main-header-menu:not(#ast-hf-mobile-menu) ul.sub-menu {
  font-size: 15px;
  border: 2px solid #424242;
  border-bottom-color: #daa205;
  border-radius: 5px;
  line-height: 26px;
}

ul.astra-megamenu {
  box-shadow: 0 4px 10px -2px rgb(0 0 0 / 70%);
}

.ast-desktop .main-header-menu:not(#ast-hf-mobile-menu) ul.sub-menu ul {
  border: none;
}

.ast-mobile-popup-drawer .ast-mobile-popup-header .menu-toggle-close {
  color: #daa205;
}

/* .ast-builder-menu-1 .ast-nav-menu  {background: slateblue;}
.ast-builder-menu-1 .ast-nav-menu > .menu-item {background: slategray;}

.main-header-menu .sub-menu {background: yellowgreen;}
.sub-menu > .menu-item {background: blueviolet;}
*/

.main-navigation ul.sub-menu {
  padding: 10px 0;
}
/* .sub-menu > .menu-item {
  font-size: 14px;
} */
.sub-menu:not(.astra-megamenu) .menu-item:hover {
  background: #353535;
  border-radius: 2px;
}

/* Überschrift ohne Links im Mega-Menü */
.ast-desktop .ast-mega-menu-enabled.submenu-with-border .astra-megamenu-li .menu-item-792.menu-item-heading > .menu-link {
  border-radius: 3px;
  pointer-events: none;
  color: #cecece;
  font-weight: 700;
  text-transform: uppercase;
}

.main-header-menu .sub-menu .menu-item a {
  color: #daa205;
}
.main-header-menu .sub-menu .menu-item a:hover {
  color: #cecece;
}

.ast-builder-menu-1 .ast-nav-menu a .fas {
  margin-right: 3px;
}

.main-header-menu .menu-link,
.main-header-menu > a {
  padding: 0 15px 0 0;
}

/* Fix für den hellen Hintergrund am Handy */
.ast-mobile-popup-drawer .ast-mobile-popup-inner {
  background: #333333;
}

/*#endregion*/

/*#region || Blog, Single & Pages */
.ast-archive-description {
  padding: 1rem;
}
.ast-404-layout-1 .page-sub-title {
  font-weight: normal;
  font-size: 1.2rem;
}

.ast-separate-container {
  background: #202020;
}

.single .post-navigation {
  padding: 0 2rem 2rem;
}

.single .post-navigation .nav-links {
  /* background: #212121; */
}

.ahfb-svg-iconset svg {
  height: 30px;
  width: 30px;
}

.ast-separate-container .ast-article-post,
.ast-separate-container .ast-article-single:not(.ast-related-post) {
  background: transparent;
}

.ast-separate-container .blog-layout-1,
.ast-separate-container .blog-layout-2,
.ast-separate-container .blog-layout-3 {
  background: #383838;
  border: 2px solid #2a2a2a;
}
.ast-separate-container .error-404,
.ast-separate-container .no-results {
  background: transparent;
}

.ast-separate-container .ast-archive-description {
  margin: 2rem 2rem 0 2rem;
  padding: 2em;
  background-color: #212121;
}

.ast-separate-container .ast-article-post {
  border-bottom: none;
}

.ast-search-menu-icon .search-form {
  border: 0px;
}

#content .ast-container {
  background: #383838;
}

.ast-container {
  padding: 0;
}

.content-area {
  background: #313131;
}

.ast-separate-container .ast-article-post,
.ast-separate-container .ast-article-single {
  padding: 2rem;
}

.ast-separate-container .comment-respond,
.ast-separate-container .ast-comment-list li,
.ast-separate-container .comments-count-wrapper {
  background: #414141;
}

.ast-logo-title-inline .site-logo-img {
  padding: 0;
}

.home .ast-article-post .entry-header,
.home .ast-blog-featured-section {
  margin-bottom: 0px;
}
/*#endregion*/

/*#region || Footer */

.ast-footer-copyright {
  color: #666666;
}

.ast-flex {
  display: flex;
   /*justify-content: center; Verhindern, dass das Menü total bekloppt aussieht */
}

footer p {
  line-height: 1.2rem;
  font-size: 86%;
}

footer .ast-builder-grid-row-3-cwide .ast-builder-grid-row {
  grid-template-columns: 1fr 4fr 1.5fr;
}
footer .ast-builder-footer-grid-columns {
  grid-column-gap: 20px;
}

.site-primary-footer-wrap[data-section='section-primary-footer-builder'] .ast-builder-grid-row {
  max-width: 1240px;
}

/*#endregion*/

/*#region || Custom Classes (gg) */
.gg-desktop {
  display: none;
}

.gg-title-box {
  height: 260px;
  border-bottom: 3px solid #daa205;
  border-image-slice: 1;
  border-image-source: linear-gradient(to right, #daa205, #ffe13e);
  background-position: 100% 50%, 0% 15%;
  background-repeat: no-repeat;
  background-size: cover;
}

header.entry-header > .gg-title-box {
  margin-bottom: 0;
}

.gg_date .fas {
  font-size: 16px;
  margin-right: 7px;
  padding: 0px;
}

.gg_date {
  font-size: 12px;
  height: 30px;
  margin: 0;
  padding: 0;
  text-align: left;
}

.gg_date span {
  background: #202020;
  border-radius: 10px;
  padding: 3px 10px 3px 0;
}

.gg_date {
  margin-bottom: 5px;
  color: #989898;
}

.gg-single-meta {
  color: #8a8a8a;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #202020;
  font-size: 12px;
  margin-bottom: 20px;
  padding: 2px 0;
}

.gg-single-meta .gg-single-date {
  margin-left: 10px;
  margin-right: 10px;
}
.gg-single-date .fab,
.gg-single-date .fas {
  font-size: 14px;
  margin: 0;
  padding: 0;
}

.gg-page-thumbnail {
  background-position: top center;
  background-size: cover;
  height: 125px;
  display: grid;
  max-width: 830px;
  text-align: center;
  border-bottom: 3px solid #daa205;
  border-image-slice: 1;
  border-image-source: linear-gradient(to right, #daa205, #ffe13e);
}

:is(.page.tag-dragonflight, .page.tag-dragonflight-en) .gg-page-thumbnail {
  background-position: 50% 30%;
  height: 150px;
}

:is(.page.tag-the-war-within, .page.tag-the-war-within-en) .gg-page-thumbnail {
  background-position: 50% 43%;
  height: 200px;
}

:is(.page-id-26240) .gg-page-thumbnail {
  background-position: 50% 50%;
  height: 150px;
}

.gg-page-no-thumbnail {
  background: #333333;
  height: 20px;
}
.gg-page-logo {
  margin-top: 38px;
  max-height: 120px;
}

.gg-page-meta {
  color: #8a8a8a;
  background: #202020;
  font-size: 12px;
  max-width: 830px;
  padding: 2px 0;
  text-align: right;
}

.gg-page-meta .fab,
.gg-page-meta .fas {
  font-size: 14px;
  margin: 0;
  padding: 0;
}

.gg-page-meta .gg-updated-time {
  float: left;
  margin-left: 10px;
}

.gg-page-meta .gg-page-tags {
  margin-right: 10px;
}

.gg-blog-meta {
  background: #202020;
  font-size: 12px;
  margin: 0 -1.5rem 10px -1.5rem;
  margin-bottom: 10px;
  padding: 2px 0;
  text-align: center;
  color: #8a8a8a;
}
/*#endregion*/

/*#region || Utilities */

.wp-block-embed {
  margin: 0 auto;
  margin-bottom: 2rem;
  max-width: 100%; /* 640px */
  border: 12px solid rgba(0, 0, 0, 0.5);
  border-radius: 12px;
}

.home .entry-content p {
  padding: 5px;
  margin-bottom: 5px;
}

.entry-content p:last-child {
  margin-bottom: 0;
}

.home p.read-more a,
.archive p.read-more a {
  border-radius: 4px;
  display: block;
  background: #232323;
  text-align: center;
  padding: 5px;
  border: none;
  color: #daa205;
}

.home p.read-more:hover,
.archive p.read-more:hover {
  transform: scale(1.03);
}

.home p.read-more a:hover,
.archive p.read-more a:hover {
  color: #cecece;
}

.read-more a {
  color: #daa205;
  border-bottom: none;
}

.ast-search-menu-icon.ast-dropdown-active .search-field {
  width: 350px;
}

table,
td,
th,
.wp-block-table td,
.wp-block-table th {
  border: 0;
}
.wp-block-table td, .wp-block-table th  {
  text-align: left;
  padding: .5rem 10px;
}
.wp-block-table.is-style-stripes {
  border: 1px solid #111111;
  border-radius: 10px;
  margin-bottom: 30px;
}

.wp-block-table.is-style-stripes th {
  text-align: left;
}

.wp-block-table.is-style-stripes.petbattle th {
  white-space: nowrap;
}

.wp-block-table.is-style-stripes.petbattle tr td:first-child {
  text-align: center;
}

.wp-block-table.is-style-stripes td {
  vertical-align: top;
  margin: 1px;
}

.wp-block-table.is-style-stripes figcaption {
  background: #202020;
  font-size: 12px;
  color: #8f8f8f;
  padding: 3px 0;
  margin-top: 5px;
  border-top: 1px solid #111111;
  text-align: center;
}

thead {
  background: rgba(0, 0, 0, 0.3);
  color: #cecece;
}

.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
  background: rgba(0, 0, 0, 0.1);
}
.wp-block-table.is-style-stripes tbody tr:nth-child(even) {
  background: rgba(0, 0, 0, 0.2);
}
.wp-block-columns {
  gap: 15px;
}

.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:first-child) {
  margin: 0;
}

.wp-block-button .wp-block-button__link {
  padding: 10px 20px;
}

.wp-block-uagb-table-of-contents .uagb-toc__wrap {
  background: #242424;
  border-left: 3px solid #daa205;
  margin-bottom: 2rem;
  padding: 1.3rem;
}
.wp-block-uagb-table-of-contents .uagb-toc__title {
  font-size: 17px;
  margin-bottom: 5px;
}

.wp-block-uagb-table-of-contents .uagb-toc__wrap li {
  text-align: left;
}

.wp-block-uagb-table-of-contents .uagb-toc__wrap ul li a {
  color: #daa205;
  border: none;
  font-size: 15px;
}
.wp-block-uagb-table-of-contents .uagb-toc__wrap ul li a:hover {
  color: #fff;
}

.wp-block-uagb-table-of-contents .uagb-toc__wrap ul ul {
  margin-top: 2px;
}

.wp-block-uagb-table-of-contents .uagb-toc__wrap ul ul li a {
  color: #aeaeae;
  border: none;
  font-size: 14px;
}

.entry-content p a[data-wh-icon-added],
a[data-wh-icon-added] {
  border-bottom: none;
  font-weight: normal;
}

#ast-scroll-top {
  background-color: #464646;
}
#ast-scroll-top:hover {
  background-color: #daa205;
}

body .login {
  background: #232323;
  color: #cecece;
}

.login #login_error,
.login .message,
.login .success {
  border-left: 3px solid #daa205;
  background: #555555;
}

.login form {
  background: #555555;
  border: 1px solid #daa205;
}

.wp-block-image figcaption {
  background: #171717;
  margin-top: 0em;
  margin-bottom: 1em;
  padding: 2px;
  font-size: 80%;
  color: #898989;
}
/*#endregion*/

/*#region || Social-Media-Icons */
header .gg-socials {
  font-size: 1.4rem;
}

header .gg-socials .fab {
  padding-left: 10px;
  color: #9b9b9b;
}
header .gg-socials .fab:hover {
  color: #daa205;
}

#secondary .gg-socials,
footer .gg-socials {
  display: flex;
  justify-content: space-around;
  font-size: 2rem;
  padding: 0 1rem;
}

footer .gg-socials {
  padding: 0;
}

#secondary .gg-socials .fab,
footer .gg-socials .fab {
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: -webkit-linear-gradient(top, #efd100, #e2a233 19%, #f0c328 30%, #fff1a3 43%, #ffe13e 50%, #daa205 51%, #daa205);
  background-size: 1em 2em;
  color: #daa205;
}

#secondary .gg-socials .fab:hover,
footer .gg-socials .fab:hover {
  background-image: -webkit-linear-gradient(top, #fff, #cecece 19%, #fff 30%, #cecece 43%, #fff 50%, #cecece 51%, #daa205);
  color: #fff;
}
/*#endregion*/

/*#region || Plugin-CSS */

.dpsp-share-text {
  background: #191919;
  letter-spacing: 3px;
  margin-bottom: 0 !important;
  padding: 5px 15px;
  margin-top: 45px;
  text-align: center;
  border-radius: 4px;
}

#dpsp-content-bottom {
  margin-top: 10px;
}
/*#endregion*/

/*#region || GG Guide-Specifics */
.profession-menu-flex-container {
  display: flex;
  margin: 0;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 15px;
  text-align: center;
  justify-content: space-between;
}

.profession-menu-flex-container > a,
.profession-menu-flex-container > div {
  color: #232323;
  font-size: 12px;
  line-height: 34px;
  text-align: center;
  font-weight: bold;
  text-decoration: none;
  border-radius: 4px;
  width: 150px;
  padding: 0px;
  margin: 0;
  display: block;
  background: rgb(255, 224, 135);
  background: linear-gradient(90deg, rgba(255, 224, 135, 1) 0%, rgba(218, 162, 5, 1) 100%);
}

.profession-menu-flex-container > a:hover {
  background: #daa205;
  color: #222222;
}

/*#endregion*/

/*#region || Responsive min 1080 */
@media (min-width: 1080px) {
  .site-header-section .header-widget-area {
    display: block;
  }
}
/*#endregion*/

/*#region || Responsive max 993 */
@media (max-width: 993px) {
  .gg-title-box {
    height: 80px;
  }
  .ast-separate-container #primary {
    padding: 0;
  }
  .ast-single-post .entry-title {
    padding: 0;
  }
}
/*#endregion*/

/*#region || Responsive min 993 */
@media (min-width: 993px) {
  .ast-featured-post .ast-blog-featured-section img {
    max-height: 300px;
    object-fit: none;
    object-position: bottom;
  }

  .gg-desktop {
    display: block;
  }

  .ast-separate-container .site-main > .ast-row {
    padding: 2rem;
  }

  .page-template-default .entry-content,
  .post-template-default .entry-content,
  .guides-template-default .entry-content {
    padding: 0 1.5rem;
    line-height: 1.7;
  }

  .ast-separate-container #primary,
  .ast-separate-container.ast-left-sidebar #primary,
  .ast-separate-container.ast-right-sidebar #primary {
    margin: 0;
    padding: 0;
  }
  .ast-right-sidebar #secondary {
    /* padding: 0px 20px 0px 23px; */
  }

  .ast-primary-header-bar {
    background: url('images/background-housing-1.png') no-repeat -10% 0%, #272727 url('images/background-piece-2.png') no-repeat calc(100% + 40px) 50%;
  }
}
/*#endregion*/

/*#region || Responsive max 921 */
@media (max-width: 921px) {
  .ast-separate-container #primary,
  .ast-separate-container #secondary {
    padding: 0 0;
  }
  .ast-separate-container .ast-archive-description {
    margin: 0;
  }
  #ast-scroll-top {
    line-height: 2.5;
  }
}
/*#endregion*/

@media (max-width: 728px) {
  .site-title {
    font-size: 2.1rem;
  }
}

/*#region || Responsive max 544 */
@media (max-width: 544px) {
  .site-title {
    font-size: 2.1rem;
  }
  .ast-single-post .entry-title {
    padding: 0 1rem;
  }

  .main-header-bar.ast-header-breadcrumb {
    padding: 8px;
  }

  .page-template-default .entry-content,
  .post-template-default .entry-content,
  .guides-template-default .entry-content {
    padding: 0 1rem 3rem;
    margin-bottom: 2rem;
  }

  .ast-separate-container #content .ast-container {
    padding-left: 0;
    padding-right: 0;
  }
  .ast-separate-container .ast-article-post,
  .ast-separate-container .ast-article-single {
    padding: 0;
  }

  .home .ast-article-post h2.entry-title {
    line-height: 1.3;
    text-align: center;
  }

  .blog-layout-1 .post-thumb {
    text-align: center;
  }
  .single .post-navigation .nav-links {
    background: transparent;
  }
  .single .nav-links .nav-previous,
  .single .nav-links .nav-next {
    background: #222222;
  }

  .ast-header-break-point .main-header-bar.ast-header-breadcrumb {
    border-bottom-color: #daa205;
  }
}

@media (max-width: 390px) {
  .site-title {
    font-size: 1.6rem;
  }
}

/*#endregion*/

/******************************************************************************************
Mehr schicke Farben!
******************************************************************************************/

.has-goldgoblin-gelb-background-color {
  background-color: #daa205;
}
.has-goldgoblin-gelb-color {
  color: #daa205;
}
.has-skill-orange-background-color {
  background-color: #e47943;
}
.has-skill-orange-color {
  color: #e47943;
}
.has-classic-green-background-color {
  background-color: #99cc00;
}
.has-classic-green-color {
  color: #99cc00;
}
.has-blizzard-blue-background-color {
  background-color: #00ccff;
}
.has-blizzard-blue-color {
  color: #00ccff;
}
.has-gray-background-color {
  background-color: #9d9d9d;
}
.has-gray-color {
  color: #9d9d9d;
}
.has-white-background-color {
  background-color: #ffffff;
}
.has-white-color {
  color: #ffffff;
}
.has-uncommon-green-background-color {
  background-color: #1eff00;
}
.has-uncommon-green-color {
  color: #1eff00;
}
.has-rare-blue-background-color {
  background-color: #0070dd;
}
.has-rare-blue-color {
  color: #0070dd;
}
.has-epic-purple-background-color {
  background-color: #a335ee;
}
.has-epic-purple-color {
  color: #a335ee;
}
.has-legendary-orange-background-color {
  background-color: #ff8000;
}
.has-legendary-orange-color {
  color: #ff8000;
}
.has-artifact-gold-background-color {
  background-color: #e6cc80;
}
.has-artifact-gold-color {
  color: #e6cc80;
}
.has-trade-chat-background-color {
  background-color: #fec1c0;
}
.has-trade-chat-color {
  color: #fec1c0;
}
/*#endregion */

.Ads_Main {
  width: 320px;
  height: 100px;
}

@media screen and (min-width: 500px) {
  .Ads_Main {
    width: 468px;
    height: 60px;
  }
}
@media screen and (min-width: 800px) {
  .Ads_Main {
    width: 728px;
    height: 90px;
  }
}

@media screen and (max-width: 865px) {
  #toc_container {
    border-radius: 0px;
    padding: 6px;
  }
}

.gpt-desktop {
  text-align: center;
  margin: 25px -10px;
}

.single .gpt-desktop {
  margin: 50px auto 10px auto;
}

.gpt-mobile {
  display: none;
  text-align: center;
  margin: 30px auto 10px auto;
}

@media screen and (max-width: 560px) {
  .gpt-mobile {
    display: block;
    margin: 20px -5px;
  }
  .gpt-desktop {
    display: none;
  }
}

pre {
  background: #212121;
  border-radius: 5px;
  padding: 10px;
  color: #a0a0a0;
}

.wp-block-group {
  padding-top: 1em;
  padding-bottom: 1em;
}

.tsm-shopping-string {
  text-align: center;
}

.tsm-shopping-string.wp-block-video video {
  border: 5px solid #131313;
  margin-bottom: 15px;
  max-width: 80%;
}

blockquote {
  border-color: #00ccff;
  color: #00ccff;
  background: #252525;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-radius: 5px;
  border: 1px dashed;
  margin: 2rem 2rem 2.5rem;
  padding: 1.2rem;
  font-size: 1em;
  line-height: inherit;
  position: relative;
  font-style: normal;
}

blockquote.is-style-plain {
  border-color: #daa205;
  color: #cecece;
}

.sd-cmp-xmoYy .sd-cmp-2kfBx button,
.sd-cmp-xmoYy .sd-cmp-3i9MY button {
  background: #383838 !important;
  color: #daa205 !important;
}

.gg-event .wp-block-image {
  margin-top: 0;
  margin-bottom: 0 !important;
  border-radius: 5px 5px 0 0;
}
.wp-block-columns.gg-event {
  padding: 15px;
  background: rgba(25, 25, 25, 0.3);
  border-radius: 3px;
  border: 1px solid #daa205;
  margin-bottom: 2rem;
}
.wp-block-columns.gg-event h3 {
  margin: 0 0 0.5rem -10px;
  font-weight: 500;
}

.main-header-menu > .menu-item > .menu-link {
  display: revert;
}

.ast-desktop .ast-above-header-bar .main-header-menu > .menu-item {
  line-height: 15px;
}

.table-left td,
.table-left th {
  text-align: left;
  vertical-align: top;
}

.astra-mm-highlight-label {
  position: relative;
  top: -2px;
  color: #333333;
  background: #daa205;
  font-weight: bold;
  padding: 1px 3px;
}

ul li ul li ul a.ast-disable-link.menu-link {
  margin-left: -8px;
  margin-top: 10px;
}

.sub-menu:not(.astra-megamenu) .menu-item-heading:hover {
  background: transparent;
}

.wp-block-button .wp-block-button__link::before {
  content: '\f061';
  font-family: 'Font Awesome 5 Free';
  font-weight: 600;
  margin-right: 10px;
}

.page-id-21189 ul.toc_list,
.page-id-21288 ul.toc_list {
  columns: 2;
}

.page-id-21189 #toc_container li:first-child {
  margin-right: 20px;
}

.main-header-menu li#menu-item-21361 .sub-menu {
  width: 300px;
}

.gg-language-switch {
  position: fixed;
  background: #232323;
  border-radius: 5px;
  padding: 2px;
  top: 280px;
  margin: 20px 0 0 -58px;
}
.gg-language-switch-language img {
  margin: 0;
  padding: 1px;
  border: 1px solid #454545;
}
.gg-language-switch-language {
  padding: 4px;
  margin: 0;
  border-radius: 0px;
  color: #daa205;
}

.gg-language-switch-active img {
  border-color: #daa205;
}

.gg-language-label {
  text-align: center;
  font-size: 90%;
  margin: 0 0 -7px 0;
}

.blog-layout-1 img {
  max-height: 170px;
  object-fit: cover;
  border-bottom: 2px solid #daa205;
}

.gg-profession-icon {
  border-radius: 10px;
  max-height: 48px;
  height: 48px;
  width: 48px;
  position: relative;
  margin-right: 10px;
  margin-top: -3px;
  border: 2px solid #daa205;
  /* box-shadow: 0 0 10px 5px #daa205; */
}

.wp-block-columns .wp-block-image.aligncenter,
.wp-block-columns .wp-block-image .aligncenter,
.wp-block-columns .wp-block-image.alignleft,
.wp-block-columns .wp-block-image .alignleft,
.wp-block-columns .wp-block-image.alignright,
.wp-block-columns .wp-block-image .alignright {
  display: table;
  margin: 0 auto 2rem 1rem;
}

.is-layout-flex {
  display: flex;
  flex-wrap: wrap;
}

.is-layout-flow .wp-block-image.size-full {
  margin-top: 0;
}
.gg-skilltree div {
  line-height: 1.2 !important;
}
.gg-skilltree a {
  font-size: 14px;
  font-weight: normal;
}

.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu.sub-menu > .menu-item,
.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu.astra-megamenu-focus.sub-menu > .menu-item {
  flex: auto;
}

.page header.entry-header .entry-title, .single header.entry-header .entry-title  {
  margin-top: 20px;
}
header.entry-header .entry-title {
  text-transform: unset;
  font-weight: 400;
  font-size: 2rem;
}

.wp-block-table thead {
  border: 0;
}

header.entry-header > *:not(:last-child) {
  margin-bottom: unset;
}

body.archive .ast-archive-description {
  width: initial;
}

.content-align-center .main-header-menu {
  text-align: left;
  }

.ast-builder-menu-1 .menu-item.menu-item-34075 > .menu-link {color: #daa205; font-weight: 500;}
.ast-builder-menu-1 .menu-item.menu-item-34075 > .menu-link:hover {
  color: #cecece;
}

.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-megamenu .astra-nested-sub-menu .menu-item .menu-link {
  padding-left: 6px;
}

.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
    border-radius: 0;
}


.ast-excerpt-container>p {
  padding: 5px;
}

.ast-desktop .astra-megamenu-li .menu-item-35956.menu-item-heading > .menu-link, .ast-desktop .ast-mega-menu-enabled.submenu-with-border .astra-megamenu-li .menu-item-35956.menu-item-heading > .menu-link, .ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .menu-item-35956.menu-item-heading > .menu-link {
  border-bottom: 0 !important;
}

.ast-desktop .astra-megamenu-li .menu-item-45157.menu-item-heading > .menu-link, .ast-desktop .ast-mega-menu-enabled.submenu-with-border .astra-megamenu-li .menu-item-45157.menu-item-heading > .menu-link, .ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .menu-item-45157.menu-item-heading > .menu-link {
  border-bottom: 0 !important;
}

#toc_container ul ul {
  margin-left: 0.75em !important;
}

/* Setze den Hintergrund des Leuchtkastens auf ein halbtransparentes Schwarz */
.wp-lightbox-overlay .scrim {
  background-color: rgba(0, 0, 0, 0.85) !important; /* Darkens the background for better contrast with light images */
}

/* Gestalte die Schaltfläche zum Schließen der Lightbox mit Rahmen, Hintergrundfarbe und Schatten */
.wp-lightbox-overlay .close-button {
  border: 2px solid #000;  /* Fügt eine durchgehende Umrandung hinzu */
  background-color: #daa205 !important; /* Setzt die Schaltflächenfarbe auf weiß */
  border-radius: 50%; /* Den Schließen-Button rund machen */

}

/* Ändert die Farbe des Buttons beim Hover und Focus mit der Maus */
.wp-lightbox-overlay .close-button:hover,
.wp-lightbox-overlay .close-button:focus {
  background-color: #eeeeee !important; /* Erhellt die Farbe des Buttons bei Maus-Hover/Fokus */
  outline: none; /* Entfernt die standardmäßige Fokusrandlinie. */
}

ul.sub-menu li ul li.gg-menu-darker:not(:first-of-type) {
  margin-top: 15px;
}

.comment-navigation .nav-previous:after, .post-navigation .nav-previous:after {
  display: none;
}

.post-type-archive-dekoration .ast-read-more-container, .archive .ast-read-more-container {
  display: none;
}

.ast-separate-container .ast-archive-description {
    background: #232323 url('images/background-housing-1.png') no-repeat 10% 0%;
  }
  
  .ast-archive-description p {
    text-align: center;
  }