.wpel-icon.dashicons-before:before {
font-size: inherit;
line-height: inherit;
width: auto;
}
.wpel-icon-left i.wpel-icon.dashicons-before {
margin-right: 0.2em;
}
.wpel-icon-right i.wpel-icon.dashicons-before {
margin-left: 0.2em;
}
.wpel-icon-left i.wpel-icon {
margin-right: 0.3em;
}
.wpel-icon-right i.wpel-icon {
margin-left: 0.3em;
}
.wpel-icon.wpel-image {
display: inline-block;
width: 10px;
height: 10px;
background-repeat: no-repeat;
background-position: 100% 50%;
}
.wpel-icon-left .wpel-icon.wpel-image {
margin-right: 0.3em;
}
.wpel-icon-right .wpel-icon.wpel-image {
margin-left: 0.3em;
}
.wpel-icon-1 {
background-image: url(//www.bluegaming.de/wp-content/plugins/wp-external-links/public/images/wpel-icons/icon-1.png);
}
.wpel-icon-2 {
background-image: url(//www.bluegaming.de/wp-content/plugins/wp-external-links/public/images/wpel-icons/icon-2.png);
}
.wpel-icon-3 {
background-image: url(//www.bluegaming.de/wp-content/plugins/wp-external-links/public/images/wpel-icons/icon-3.png);
}
.wpel-icon-4 {
background-image: url(//www.bluegaming.de/wp-content/plugins/wp-external-links/public/images/wpel-icons/icon-4.png);
}
.wpel-icon-5 {
background-image: url(//www.bluegaming.de/wp-content/plugins/wp-external-links/public/images/wpel-icons/icon-5.png);
}
.wpel-icon-6 {
background-image: url(//www.bluegaming.de/wp-content/plugins/wp-external-links/public/images/wpel-icons/icon-6.png);
}
.wpel-icon-7 {
background-image: url(//www.bluegaming.de/wp-content/plugins/wp-external-links/public/images/wpel-icons/icon-7.png);
}
.wpel-icon-8 {
background-image: url(//www.bluegaming.de/wp-content/plugins/wp-external-links/public/images/wpel-icons/icon-8.png);
}
.wpel-icon-9 {
background-image: url(//www.bluegaming.de/wp-content/plugins/wp-external-links/public/images/wpel-icons/icon-9.png);
}
.wpel-icon-10 {
background-image: url(//www.bluegaming.de/wp-content/plugins/wp-external-links/public/images/wpel-icons/icon-10.png);
}
.wpel-icon-11 {
background-image: url(//www.bluegaming.de/wp-content/plugins/wp-external-links/public/images/wpel-icons/icon-11.png);
}
.wpel-icon-12 {
background-image: url(//www.bluegaming.de/wp-content/plugins/wp-external-links/public/images/wpel-icons/icon-12.png);
}
.wpel-icon-13 {
background-image: url(//www.bluegaming.de/wp-content/plugins/wp-external-links/public/images/wpel-icons/icon-13.png);
}
.wpel-icon-14 {
background-image: url(//www.bluegaming.de/wp-content/plugins/wp-external-links/public/images/wpel-icons/icon-14.png);
}
.wpel-icon-15 {
background-image: url(//www.bluegaming.de/wp-content/plugins/wp-external-links/public/images/wpel-icons/icon-15.png);
}
.wpel-icon-16 {
background-image: url(//www.bluegaming.de/wp-content/plugins/wp-external-links/public/images/wpel-icons/icon-16.png);
}
.wpel-icon-17 {
background-image: url(//www.bluegaming.de/wp-content/plugins/wp-external-links/public/images/wpel-icons/icon-17.png);
}
.wpel-icon-18 {
background-image: url(//www.bluegaming.de/wp-content/plugins/wp-external-links/public/images/wpel-icons/icon-18.png);
}
.wpel-icon-19 {
background-image: url(//www.bluegaming.de/wp-content/plugins/wp-external-links/public/images/wpel-icons/icon-19.png);
}
.wpel-icon-20 {
background-image: url(//www.bluegaming.de/wp-content/plugins/wp-external-links/public/images/wpel-icons/icon-20.png);
}:root {
--blue: #1964b1;
--gray: #565656;
--text-fs: clamp(14px, 2vw, 16px);
}
body, body p, body span, body li {
font-family: "Merriweather Sans", Arial;
font-size: var(--text-fs) !important;
font-weight: 400;
line-height: 1.45;
}
body h1, body h2, body h3, body h4, body h5 {
font-family: "Merriweather Sans", Arial;
font-weight: 500;
line-height: 1.25;
}
body h1 {
font-size: calc(var(--text-fs) + 20px);
}
body h2 {
font-size: calc(var(--text-fs) + 6px);
}
body .et_pb_section .et_pb_row {
width: 90%;
}
body a:hover {
text-decoration: underline;
}
#page-container {
min-width: 320px;
}  @font-face {
font-display: swap;
font-family: 'Merriweather Sans';
font-style: normal;
font-weight: 300;
src: url(//www.bluegaming.de/wp-content/themes/Divi-child/fonts/merriweather-sans-v28-latin-300.woff2) format('woff2'),
url(//www.bluegaming.de/wp-content/themes/Divi-child/fonts/merriweather-sans-v28-latin-300.ttf) format('truetype');
}
@font-face {
font-display: swap;
font-family: 'Merriweather Sans';
font-style: normal;
font-weight: 400;
src: url(//www.bluegaming.de/wp-content/themes/Divi-child/fonts/merriweather-sans-v28-latin-regular.woff2) format('woff2'),
url(//www.bluegaming.de/wp-content/themes/Divi-child/fonts/merriweather-sans-v28-latin-regular.ttf) format('truetype');
}
@font-face {
font-display: swap;
font-family: 'Merriweather Sans';
font-style: normal;
font-weight: 500;
src: url(//www.bluegaming.de/wp-content/themes/Divi-child/fonts/merriweather-sans-v28-latin-500.woff2) format('woff2'),
url(//www.bluegaming.de/wp-content/themes/Divi-child/fonts/merriweather-sans-v28-latin-500.ttf) format('truetype');
}
@font-face {
font-display: swap;
font-family: 'Merriweather Sans';
font-style: normal;
font-weight: 600;
src: url(//www.bluegaming.de/wp-content/themes/Divi-child/fonts/merriweather-sans-v28-latin-600.woff2) format('woff2'),
url(//www.bluegaming.de/wp-content/themes/Divi-child/fonts/merriweather-sans-v28-latin-600.ttf) format('truetype');
}
@font-face {
font-display: swap;
font-family: 'Merriweather Sans';
font-style: normal;
font-weight: 700;
src: url(//www.bluegaming.de/wp-content/themes/Divi-child/fonts/merriweather-sans-v28-latin-700.woff2) format('woff2'),
url(//www.bluegaming.de/wp-content/themes/Divi-child/fonts/merriweather-sans-v28-latin-700.ttf) format('truetype');
}
@font-face {
font-display: swap;
font-family: 'Merriweather Sans';
font-style: normal;
font-weight: 800;
src: url(//www.bluegaming.de/wp-content/themes/Divi-child/fonts/merriweather-sans-v28-latin-800.woff2) format('woff2'),
url(//www.bluegaming.de/wp-content/themes/Divi-child/fonts/merriweather-sans-v28-latin-800.ttf) format('truetype');
}  #main-header .et_menu_container,
body .et_search_outer .container {
min-width: calc(320px - 10%);
width: 90%;
}
#main-header {
#et-top-navigation {
padding-left: 0;
}
.mobile_menu_bar::before, .mobile_menu_bar::after, #top-menu li.current-menu-ancestor > a, #top-menu li.current-menu-item > a {
color: #fff;
}
.et_mobile_menu {
border: 0;
background-color: var(--gray) !important;
max-width: 250px;
right: 0;
left: unset;
padding: 15px;
li:not(:last-child) a {
border-bottom: 1px solid rgba(255, 255, 255, .3);
}
li:last-child a {
border-bottom: 0;
}
}
.et_search_outer input {
width: 75%;
}
}
@media all and (max-width: 980px) {
#et_top_search {
margin: 0 15px 0 0;
}
}  .bg-featured-grid{
--gap: clamp(5px, 1vw, 15px);
--row: 155px;
display: grid;
grid-template-columns: 1fr 1fr 1.3fr;
grid-template-rows: repeat(4, var(--row));
gap: var(--gap);
.bg-card--1{ grid-area: 1 / 1 / 3 / 3; }
.bg-card--2{ grid-area: 1 / 3 / 3 / 4; }
.bg-card--3{ grid-area: 3 / 1 / 5 / 2; }
.bg-card--4{ grid-area: 3 / 2 / 5 / 3; }
.bg-card--5{ grid-area: 3 / 3 / 4 / 4; }
.bg-card--6{ grid-area: 4 / 3 / 5 / 4; }
.bg-card{
position: relative;
box-shadow: 10px 10px 20px #fff, 0 0 20px #CDCDCD;
display: block;
overflow: hidden;
text-decoration: none;
color: #fff;
background: #1f232b;
isolation: isolate;
.bg-card__media{ 
position:absolute; 
inset:0; 
z-index:0; 
.bg-card__img{
width:100%; height:100%;
object-fit: cover;
display:block;
transition: transform .5s ease;
}
}
&::before{
content:""; 
position:absolute; 
inset:0; 
z-index:1;
background: linear-gradient(to top, rgba(0,0,0,.78) 0%, rgba(0,0,0,.15) 45%, rgba(0,0,0,0) 70%);
transition: opacity .5s ease;
}
.bg-card__overlay{
position:absolute; inset:0; z-index:2;
background: #000;
opacity:.2;
transition: all ease-in-out .5s;
}
.bg-card__content{
position:absolute; 
inset:0; 
z-index:3;
display:flex; 
flex-direction:column;
justify-content:flex-end;
gap:.4em;
padding:18px 20px;
}
.bg-card__title{
margin:0; 
font-weight:700; 
line-height:1.2;
font-size: clamp(1rem, 1.1vw + .55rem, 1.5rem);
color: var(--txt);
transition: color .5s ease;
}
.bg-card__excerpt{
margin:0; 
font-size:.9rem; 
line-height:1.4;
max-height:0; 
opacity:0; 
overflow:hidden;
transition: max-height .6s ease, opacity .5s ease;
}
.bg-card__author{
font-size:.8rem; 
font-weight:600; 
opacity:.95;
color: #fff;
transition: color .35s ease;
}
&.bg-card--5,
&.bg-card--6 {
.bg-card__title{
font-size: clamp(.9rem, .6vw + .7rem, 1.05rem);
}
.bg-card__excerpt {
display: none;
} 
}
&:hover,
&:focus-visible{
&::before {
opacity: 0;
}
.bg-card__img {
transform: scale(1.08);
}
.bg-card__overlay {
opacity: .4;
}
.bg-card__excerpt {
max-height:12em;
opacity:1;
}
}
}
} @media (max-width:900px){
.bg-featured-grid{
grid-template-columns:1fr 1fr;
grid-template-rows:repeat(6, var(--row));
.bg-card--1{ grid-area:1 / 1 / 3 / 3; }
.bg-card--2{ grid-area:3 / 1 / 5 / 2; }
.bg-card--3{ grid-area:3 / 2 / 5 / 3; }
.bg-card--4{ grid-area:5 / 1 / 7 / 2; }
.bg-card--5{ grid-area:5 / 2 / 6 / 3; }
.bg-card--6{ grid-area:6 / 2 / 7 / 3; }
}
}
@media (max-width:560px){
.bg-featured-grid{ 
grid-template-columns:1fr; 
grid-template-rows:auto; 
.bg-card{ 
grid-area:auto !important; 
height:220px; 
&.bg-card--1{ 
height:260px; 
}
&.bg-card--5,
&.bg-card--6 {
.bg-card__excerpt {
display: block;
}
}
}
}
}  .bg_content.et_pb_section {
padding-top: 0;
.et_pb_column:first-child {
padding-right: 2.75%;
border-right: 2px solid #f7f7f8;
margin-right: 2.75%;
width: calc(97.25% - 210px);
}
.et_pb_column:last-child {
max-width: 210px;
.et_pb_module {
margin-bottom: 15px;
margin-left: auto;
margin-right: auto;
max-width: 210px;
img {
transition: all ease-in-out .3s;
&:hover {
scale: .95;
}
}
&.et_pb_code {
margin-top: 30px;
}
}
}
}
@media screen and (min-height: 600px) and (min-width: 981px) {
.bg_content.et_pb_section .et_pb_column:last-child {
position: sticky;
top: 10%;
}
}
@media all and (max-width: 980px) {
.bg_content.et_pb_section {
.et_pb_column:first-child {
padding-right: 0;
margin-right: 0;
border: 0;
width: 100%;
}
.et_pb_column:last-child {
display: flex;
flex-wrap: wrap;
gap: clamp(15px, 2vw, 35px);
justify-content: center;
max-width: unset;
.et_pb_module {
margin: 0;
}
.et_pb_code {
display: flex;
justify-content: center;
max-width: 100%;
width: 100%;
}
}
}
}  .blog_list {
article {
display: flex;
flex-wrap: wrap;
gap: clamp(15px, 2vw, 25px);
padding-bottom: clamp(15px, 2vw, 30px);
margin-bottom: clamp(15px, 2vw, 30px);
border-bottom: 2px solid #f7f7f8;
&:last-child {
margin-bottom: 0;
}
.et_pb_image_container {
aspect-ratio: 16 / 9;
flex: 1 1 40%;
margin: 0;
display: flex;
align-items: center;
justify-content: center;
min-width: 290px;
overflow: hidden;
.entry-featured-image-url { 
margin: 0;
min-height: 100%;
min-width: 100%;
width: auto;
display: flex;
justify-content: center;
img {
object-fit: cover;
display: block;
transition: all ease-in-out .3s;
min-height: 100%;
min-width: 100%;
}
}
}
.et_pb_post_body {
flex: 1 1 calc(60% - clamp(15px, 2vw, 25px));
.entry-title {
margin-top: 0;
padding-bottom: 5px;
}
.post-meta {
padding-bottom: 5px;
}
.et_pb_post_categories {
display: flex;
gap: 5px;
a {
padding: 5px 10px;
color: #fff;
display: block;
position: relative;
&::before {
content: "";
width: 100%;
height: 100%;
background-color: var(--blue);
position: absolute;
top: 0;
left: 0;
z-index: -1;
transform: skew(-13deg);
}
}
}
}
&:hover .entry-featured-image-url img {
scale: 1.1;
}
&::after {
content: unset;
}
}
.pagination a {
padding: 10px 15px;
position: relative;
display: inline-block;
color: #fff;
margin: 15px 10px;
&::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background-color: var(--blue);
transform: skew(-13deg);
z-index: -1;
top: 0;
left: 0;
}
}
} @media (max-width: 767px) {
.blog_list article {
grid-template-columns: 1fr;
grid-template-rows: auto;
.entry-featured-image-url {
grid-row: auto;
}
}
}  .team .et_pb_column {
display: flex;
flex-wrap: wrap;
gap: clamp(15px, 2vw, 25px );
justify-content: center;
margin-top: 50px;
.et_pb_module {
margin: 0;
width: 100%;
&.et_pb_text h2 {
font-size: calc(var(--text-fs) + 10px);
font-weight: 700;
text-align: center;
}
&.et_pb_team_member {
flex: 0 1 calc(50% - clamp(15px, 2vw, 25px));
display: flex;
background: var(--blue);
padding: clamp(15px, 2vw, 25px);
align-items: center;
min-width: 300px;
flex-wrap: wrap;
gap: clamp(15px, 2vw, 25px);
.et_pb_team_member_image {
border-radius: 100%;
overflow: hidden;
margin: 0;
width: clamp(100px, 20%, 140px);
}
.et_pb_team_member_description {
min-width: calc(200px - clamp(15px, 2vw, 25px));
.et_pb_module_header {
color: #fff;
padding: 0;
}
a {
color: var(--blue);
display: inline-block;
margin-top: 10px;
padding: 5px 10px;
position: relative;
transition: all ease-in-out .3s;
z-index: +1;
&::before {
content: "\e076";
font-family: "ETmodules";
position: relative;
padding-right: 7.5px;
z-index: 1;
}
&::after {
content: "";
width: 100%;
height: 100%;
background-color: #fff;
position: absolute;
top: 0;
left: 0;
z-index: -1;
transform: skew(-13deg);
}
&:hover {
scale: .95;
}
}
p {
color: #fff;
}
}
}
}
}
@media all and (max-width: 980px) {
.team .et_pb_column .et_pb_module.et_pb_team_member {
flex-direction: column;
.et_pb_team_member_description {
text-align: center;
}
}
}
@media all and (max-width: 685px) {
.team .et_pb_column .et_pb_module.et_pb_team_member {
flex: 1 1 100%;
}
}  .wertung .et_pb_blurb {
.et_pb_blurb_content {
max-width: 750px;
border-bottom: 2px solid #f7f7f8;
padding: clamp(25px, 3vw, 35px) 0;
margin: 0 auto;
display: flex;
gap: clamp(15px, 2vw, 25px);
align-items: center;
flex-wrap: wrap;
justify-content: center;
.et_pb_main_blurb_image {
margin: 0;
min-width: 200px;
}
.et_pb_blurb_container {
flex: 1 1 50%;
}
}
}  .single-post {
.et_pb_section {
margin: 50px 0;
}
.post-categories {
display: flex;
gap: 5px;
a {
padding: 5px 10px;
color: #fff;
display: block;
position: relative;
&::before {
content: "";
width: 100%;
height: 100%;
background-color: var(--blue);
position: absolute;
top: 0;
left: 0;
z-index: -1;
transform: skew(-13deg);
}
}
}
.et_pb_post_title {
margin-bottom: 0 !important;
}
}  #main-footer {
#footer-widgets {
padding: clamp(15px, 3vw, 25px) 0;
.footer-widget {
margin-bottom: 0;
&:last-child {
display: flex;
justify-content: end;
span {
margin-left: 10px;
margin-right: 10px;
}
}
}
}
#footer-bottom {
display: none;
}
}
@media all and (max-width: 767px) {
#main-footer #footer-widgets {
display: flex;
flex-direction: column-reverse;
.footer-widget {
display: flex;
justify-content: center !important;
&:first-child {
margin-bottom: 0 !important;
margin-top: 25px !important;
}
}
}
}