/*
ATUS-Rot: cd1619
GELB: fff200
	font-family: 'Open Sans', sans-serif;
	-webkit-box-shadow: 9px 7px 25px -13px rgba(0,0,0,0.75);
	-moz-box-shadow: 9px 7px 25px -13px rgba(0,0,0,0.75);
	box-shadow: 9px 7px 25px -13px rgba(0,0,0,0.75);	

SKILL 187072
SHOOT e6571b
SPEED cd1619
PASS 3d3e40

*/


/*Minishop*/
/*.powermail_fieldwrap_gesamtpreis {
  position: absolute !important;
  top: 50%;
  right: 20px;
  width: 180px !important;
  background: #FFF;
  padding: 20px 0 20px 20px;
  box-shadow: 2px 2px 10px #000;
}


/*Schnellanpassungen*/

*::selection {
    background:#b61918;
    color:#FFFFFF;
}

#c568 {
    padding:50px 30px;
    background:#b61918;
    color: #FFFFFF;
}
#c568 h2 {
    color: #FFFFFF;
    font-weight: bold;
}
/*Schnellanpassungen */

*/
.slick-next::before, .slick-prev::before
{
  color: #cd1619;
  font-size: 32px;

    
  opacity: 1;
}
.slick-list {

    padding:20px 10px 20px 20px;
}
.slick-slide
{
  padding: 20px;

    
}





/*Jugendkoordinator*/

.kleinesbildlinks .textpic-gallery,
#c505 .textpic-gallery {
    width:30%;
    padding-right:5%;
}
.kleinesbildlinks .textpic-text,
#c505 .textpic-text {
    width:70%;
}

/*Jugendkoordinator*/


/*GoogleAds*/

.googleads {
  position: fixed;
  right: 0px;
  top: 172px;
  min-width: 250px;
  min-height: 150px;
  background-color: #e6e6e6;
  background-image: url("https://www.atus-baernbach.at/fileadmin/user_upload/googleads/googleads.png");
  background-size: contain;
    z-index: -1;
}
@media (max-width: 1680px) 
{
    .googleads {
        position: relative;
        float: left;
        top:inherit;
        max-height: 150px;
        min-width:100%;
    }   
}
.googleads a {
    display: block;
    padding-bottom:50px;
}
.googleadsinfo {
  padding: 6px;
  line-height: 17px;
}

/*GoogleAds*/

/*AdsPartner werden*/


.adspartner .ce-col {
    background:rgba(193,193,193,0.40);
    padding:0px;
    color:#000000;
}
.adspartner .ce-col:nth-child(1) {
    background:rgba(77,47,47,0.30);
}
.adspartner .ce-col:nth-child(2) {
    background:rgba(53,119,71,0.47);
}
.adspartner .ce-col:nth-child(3) {
    background:rgba(140,50,52,0.55);
}
.adspartner .ce-col:nth-child(4) {
    background:rgba(204,22,25,0.80);
}
.adspartner .frame {
    padding:0;
    margin:0 0 20px 0;
}
.adspartner h2 {
    background: rgba(0,0,0,0.80);
    color:#FFFFFF;
    text-align: center;
    padding:5px 0px;
    height:83px;
    vertical-align: middle;
    display: block;
    align-items: center;
    margin: 0;
    text-align: center;
}
.adspartner ul {
    margin:0 0 0px 0;
    padding:0;
}
.adspartner ul li {
    list-style: none;
    padding:10px 15px;
    margin: 0;
    text-align: center;
    height:240px;
    display: block;
    align-items: center;
}
.adspartner ul li:nth-child(1) {
    height: 140px;
}
.adspartner ul li:nth-child(2) {
    height:190px;
}
.adspartner ul li:nth-child(4){
    height:160px;
}
.adspartner p {
    margin: 0;
    padding: 0;
}
.adspartner em {
  font-size: 30px;
  text-align: center;
  font-weight: bold;
  display: block;
  padding: 20px 0;
}
.adspartner sup {
    text-align: center;
    display: block;
}
/*AdsPartner werden*/
/*Footeranpassung*/

#c67 h3 {
    font-size:49px;
    color:#FFFFFF;
    padding:0px 0 20px 0;
}

/*Footeranpassung*/



p {
  margin-top: 0;
  margin-bottom: 1rem;
  line-height: 32px;
}

@media (min-width: 1200px) {
  .frame {
    --frame-spacing: 20px;
  }
}
/*Tabelle*/
.button-holder {
    display: none;
}
.standingsTable tr td.team img {
  height: auto !important;
  width: 20px !important;
  vertical-align: sub;
  margin-right: 0.4rem;
}
.standingsTable tr td.team a {
  pointer-events:none;
}
.standingsTable tbody#table_two {
  border-top: 0;
}
.gamesOfCompetition tr td.team,
.gamesOfCompetition tr td.score,
.gamesOfCompetition .button-holder,
.resultsTable tr td.team,
.resultsTable tr td.score,
.resultsTable .button-holder,
.teamSchedule tr.game-row td {
  vertical-align: middle;
}
.gamesOfCompetition tr td.score button.disabled,
.resultsTable tr td.score button.disabled,
.teamSchedule tr td.score button.disabled {
  cursor: default;
  opacity: initial;
}
.gamesOfCompetition .button-holder .btn-group,
.resultsTable .button-holder .btn-group {
}
.gamesOfCompetition .button-holder .btn-group .btn:first-child,
.resultsTable .button-holder .btn-group .btn:first-child,
.teamSchedule .button-holder .btn-group .btn:first-child {
  font-size: 0.85rem;
  line-height: 1.3rem;
  text-transform: capitalize;
}
.gamesOfCompetition .button-holder .btn-group .btn.dropdown-toggle,
.resultsTable .button-holder .btn-group .btn.dropdown-toggle,
.teamSchedule .button-holder .btn-group .btn.dropdown-toggle {
  max-width: 24%;
}

/*Tabelle*/



/*Spielplan*/
.baernbach {
    background:#cd1619 !important;
}
.baernbach td,
.baernbach td a
{
    color:#FFFFFF !important;
}

.teamSchedule td {
    border:none;
    vertical-align: middle !important;
    height:38px !important;
}
.teamSchedule tr {
    background: #A8A8A8;
}
.teamSchedule tr.gameLost {
    background:#6A6A6A;
    color:#cd1619;
}
.teamSchedule tr.gameWon {
    background: #cd1619;
        color:#FFFFFF;
}
.teamSchedule tr.gameRemis {
    background:#cd1619;
    color: #000000;
}
.teamSchedule tr.gameNotStarted {
    background:#FFFFFF;
}
.teamSchedule .btn-secondary:disabled, .teamSchedule .btn-secondary.disabled {
    background:#000000;
    border:none;
}
.teamSchedule img {
    width:20px !important;
}



/* Rundenzahl vor Heimteam */
/* 0) Reset: nirgendwo automatisch eine Rundennummer anzeigen */
.gd-table.schedule tbody tr .col-heim::before {
  content: none !important;
}

/* 1) Counter nur über Spiel-Zeilen (nicht über Datumszeilen) */
.gd-table.schedule tbody {
  counter-reset: runde;
}
.gd-table.schedule tbody tr:not(.date-row) {
  counter-increment: runde;
}

/* 2) Nur jede 2. SPIEL-Zeile bekommt die Badge (beginnend bei der 2. Spielzeile) */
.gd-table.schedule tbody tr:not(.date-row):nth-of-type(2n) .col-heim::before {
  content: counter(runde);
  display: inline-block;
  min-width: 1.5em;
  padding: 2px 6px;
  margin-right: 6px;
  border-radius: 999px;
  font-weight: 700;
  font-size: 0.9em;
  line-height: 1.2;
  color: #0f172a;
  background: #e5edff;
  border: 1px solid #93c5fd;
  vertical-align: middle;
}

/* 3) Falls Datumszeilen doch den selben Aufbau haben: Sicherheitshalber unterdrücken */
.gd-table.schedule tbody tr.date-row .col-heim::before {
  content: none !important;
}
/*Spielplan*/


.powermail_field_gesamtpreis {
    background:#cd1619;
    color: #FFFFFF;
    padding: 10px 5px;
    border-radius: 10px;
    top: 10%;
    right: 10px;
    max-width: 100px;
    z-index: 1000;
    position: -webkit-sticky; /* Für ältere Webkit-basierte Browser (Safari, Chrome bis Version 56) */
    position: -moz-sticky; /* Für ältere Firefox-Browser (vor Version 32) */
    position: -ms-sticky; /* Für Internet Explorer */
    position: -o-sticky; /* Für ältere Opera-Browser (vor Version 43) */
    position: sticky; /* Standard */
}

.preisinfo, .euro {
    display: none;
}
.eurozeichen {
    font-weight: bold;
    padding:0 2px 0 0;
}
.powermail_fieldwrap_preiser {

}

.powermail_fieldwrap_artikel .checkbox {
    width:300px !important;
}
.powermail_fieldwrap_artikel .checkbox label{
    background: url("/fileadmin/user_upload/atus-shop/shopartikel.gif");
    width:300px !important;
    height: 300px;
}
.powermail_fieldwrap_artikel .checkbox:nth-child(1) label {
    background-position: 0px 0px;
}
.powermail_fieldwrap_artikel .checkbox:nth-child(2) label {
  background-position: -600px 0px; /*kurze Hose*/
}
.powermail_fieldwrap_artikel .checkbox:nth-child(3) label {
  background-position: -300px 0px; /*Sweat Classico Rot*/
}
.powermail_fieldwrap_artikel .checkbox:nth-child(4) label {
  background-position: -900px 0px; /*Trainingshose Classico schwarz lang*/
}
.powermail_fieldwrap_artikel .checkbox:nth-child(5) label {
  background-position: -600px -300px; /*Allwetterjacke Team 2.0*/
}
.powermail_fieldwrap_artikel .checkbox:nth-child(6) label {
  background-position: -1200px 0px; /*Trainingsjacke Polyester Classico*/
}
.powermail_fieldwrap_artikel .checkbox:nth-child(7) label {
  background-position: -600px -600px; /*Stadionjacke Team schwarz*/
}
.powermail_fieldwrap_artikel .checkbox:nth-child(8) label {
background-position: -300px -600px; /*Kapuzensweat Base schwarz*/
}
.powermail_fieldwrap_artikel .checkbox:nth-child(9) label {
  background-position: 0px -600px; /*Kapuzensweat Base rot */
}
.powermail_fieldwrap_artikel .checkbox:nth-child(10) label {
  background-position: -1200px -600px; /*Fleecemütze rot */
 }
.powermail_fieldwrap_artikel .checkbox:nth-child(11) label {
  background-position: 0px -300px; /*Stutzenstrumpf rot */
}
.powermail_fieldwrap_artikel .checkbox:nth-child(12) label {
  background-position: -300px -300px; /*Schienbeinschoner */
}
.powermail_fieldwrap_artikel .checkbox:nth-child(13) label {
  background-position: -900px -300px; /*Rucksack Striker */
}
.powermail_fieldwrap_artikel .checkbox:nth-child(14) label {
  background-position: -900px -600px; /*Schlüsselanhänger Gold */
}
.powermail_fieldwrap_artikel .checkbox:nth-child(15) label {
  background-position: -900px -900px; /*Schlüsselanhänger Silber*/
}
.powermail_fieldwrap_artikel .checkbox:nth-child(16) label {
  background-position: -300px -900px; /*Fanpickerl*/
}
.powermail_fieldwrap_artikel .checkbox:nth-child(17) label {
  background-position: 0px -900px; /*Wimpel*/
}

.powermail_fieldwrap_artikel .checkbox


.powermail_fieldwrap_gesamtpreis {
    pointer-events: none;
}
label > .powermail_field_artikel_2,
.powermail_field_artikel_3,
.powermail_field_artikel_4,
.powermail_field_artikel_5 {
    color:#160000 !important;
}

.powermail_fieldwrap_groessenangabe .checkbox,
.powermail_fieldwrap_artikel .checkbox {

    float: left;
    width:50%;
}
.powermail_fieldwrap_groessenangabe .checkbox {
  width: 33.33%;
  position: relative;
  float: left;
  padding: 6px;
}
.powermail_fieldwrap_groessenangabe .checkbox:nth-child(3n + 1) {
    clear: both;
}

.powermail_fieldwrap_groessenangabe .checkbox label,
.powermail_fieldwrap_artikel .checkbox label {
     font-size:13px;   
    hyphens: auto;
}

/*Klimafreund Design*/

#c340 h2::after,
#c341 h2::after,
#c342 h2::after,

#c344 h2::after,
#c345 h2::after,
#c346 h2::after,

#c348 h2::after,
#c349 h2::after,
#c350 h2::after,

#c352 h2::after,
#c353 h2::after,
#c354 h2::after,

#c356 h2::after,
#c357 h2::after,
#c358 h2::after,

#c360 h2::after,
#c361 h2::after,
#c362 h2::after
{
    content: "\f146";
    font-family: 'Font Awesome 5 Free';
    position: absolute;
    color:#860002;
    top:0;
    right:0;
}

#c360 h2::after,
#c361 h2::after,
#c362 h2::after,
#c358 h2::after,
#c349 h2::after,
#c342 h2::after,
#c345 h2::after {
    content: "\f274";
}

#c357 h2::after,
#c352 h2::after,
#c350 h2::after,
#c348 h2::after,
#c344 h2::after,
#c346 h2::after {
    content: "\f14a";
}


/*Klimafreund Design*/


/*Spielerdesign*/


#c217 ul {
    margin:0;
    padding:0;
}

#c217 ul li {
    float:left;
    list-style: none;
    margin:0 0 10px 0;
}

#c217 ul li a {
  text-decoration: underline;
  padding: 5px 20px;
  display: inline-block;
  color: #C00003;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
  background:#BFBFBF;
    margin:0 5px;
    transition: all ease 1s;
}
#c217 ul li a:hover {
    color: #FFFFFF;
    background:#C00003;
    transition: all ease 1s;
}
.land {
    position: relative;
    float: left;
    width:100%;
}
.land::after {
  content: '';
  background: url("../flag-icons-main/flags/4x3/at.svg");
  width: 39px;
  position: absolute;
  top: 8px;
  right: 2%;
  z-index: 1;
  height: 30px;
  background-size: cover;
}

.oesterreich::after {
    background: url("../flag-icons-main/flags/4x3/at.svg");
    background-size: cover;
}
.albanien::after {
    background: url("../flag-icons-main/flags/4x3/al.svg");
    background-size: cover;
}
.italien::after {
    background: url("../flag-icons-main/flags/4x3/it.svg");
    background-size: cover;
}
.slowenien::after {
    background: url("../flag-icons-main/flags/4x3/si.svg");
    background-size: cover;
}
.funktionaer::after {
    background:url("/fileadmin/user_upload/downloads/logo/ATUS-Sadiki-Baernbach-Logo-2024.png");
    background-size: cover;
    height:45px;
}
.spielerwrapper .textpic {
    position: relative;
    float: left;
    overflow: hidden;
}

.spielerwrapper .funktionaer figcaption {
  font-size: 23px;
  line-height: 27px;
  top: 0px;
}

.spielerwrapper .table {
    font-size:10px;
}
.spielerwrapper .table,
.spielerwrapper .gallery-item {
    padding:0;
    margin: 0;
}
.spielerwrapper em {
    font-style: normal;
    font-size:20px;
    padding:0 0 0 1px;
}
.spielerwrapper strong {
  padding: 0 0 0 0px;
  display: block;
  font-size: 29px;
    font-weight: bold;
}

.spielerwrapper .textpic:hover .textpic-text {
    bottom:0;
    transition: all ease 1s;
}
.spielerwrapper .textpic-text {
    transition: all ease 1s;
    position: absolute;
    bottom:-69px;
    width: 100%;
    background: rgb(255,255,255);
    background: -webkit-linear-gradient(bottom, rgba(255,255,255,1) 0%, rgba(0,212,255,0) 100%);
    background: -o-linear-gradient(bottom, rgba(255,255,255,1) 0%, rgba(0,212,255,0) 100%);
    background: linear-gradient(to top, rgba(255,255,255,1) 0%, rgba(0,212,255,0) 100%);
}
.spielerwrapper .textpic-text h3 {
    margin:0;
    padding:0 0 10px 5px;
}
.spielerwrapper figcaption {
  position: absolute;
  top: 6px;
  left: 5px;
  font-size: 74px;
  font-weight: bold;
  font-family: 'Oswald';
  line-height: 50px;
}

.spielerwrapper .row .ce-col:nth-child(1) .land {
    background: url("/fileadmin/user_upload/der-club/km/hintergrund/one.jpg");
    background-size:cover; 
}
.spielerwrapper .row .ce-col:nth-child(2) .land {
    background: url("/fileadmin/user_upload/der-club/km/hintergrund/two.jpg");
    background-size:cover; 
}
.spielerwrapper .row .ce-col:nth-child(3) .land {
    background: url("/fileadmin/user_upload/der-club/km/hintergrund/three.jpg");
    background-size:cover; 
}
.spielerwrapper .row .ce-col:nth-child(4) .land {
    background: url("/fileadmin/user_upload/der-club/km/hintergrund/four.jpg");
    background-size:cover; 
}

.spielerwrapper .row .ce-col .land {
    
    
}

.row .ce-col .land .frame {
    --frame-spacing: 0px !important;
}

/*Spielerdesign*/

.animation_iframe {
  height: 1200px;
  width: 100%;
}

.gallerylinks h3 a,
.gallerylinks p a {
  display:block;
  text-align:center;
  color:#cd1619 !important;
}
.gallerylinks .textpic-item {
  padding:20px;
  background:#E6E6E6;
}
.gallerylinks .textpic-item:hover  {
  background:#000000 !important;
}

.gallerylinks .textpic-item:hover h3 a,
.gallerylinks .textpic-item:hover h3 a {
  color:#FFFFFF !important;
}

/*Kids WestCup*/
.kidscupanrufen i,
.kidscupanmelden i {
	font-size:60px;	
		
}


@keyframes blink { 0% { background-color: #00b9ef; } 50% { background-color: rgba(183,25,24,1.00); } 100% { background-color: #00b9ef;}}
    #c617 a {
        animation: blink 2s infinite;
        
    }
    #c618 h2,
    #c617 a,
.kidscupanrufen a,
.kidscupanmelden a {
	display: inline-block;
	background: rgba(183,25,24,1.00);;
	color:#FFFFFF !important;
	padding:10px 21px;
	font-size:30px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	transition: all ease 1s;
	margin:0 15px 25px 0;
}
.kidscupanrufen a:hover,
.kidscupanmelden a:hover {
	background:#00b9ef;
	color: rgba(255,255,255,1.00) !important ;
	transition: all ease 1s;
}

#c617 h1 {
    font-size:30px;
}
#c615 h1,
#c469 h1, #c467 h1, #c130 h1 {
  font-size: 53px;
  padding: 10px 21px 0 0;
  display: block;
  color: #00b9ef;
  line-height: 33px;
}
#c617 h1 em,
#c615 h1 em,
#c469 h1 em, #c467 h1 em, #c130 h1 em {
  font-size: 25px;
  font-style: normal;
  line-height: 42px;
}

#c617 sup strong,
#c615 sup strong,
#c469 sup strong,
#c467 sup strong,
#c130 sup strong {
  background: rgba(183,25,24,1.00);
  color: #FFFFFF;
  padding: 3px 21px;
  font-size: 40px;
  line-height: 55px;
  font-style: normal !important;
	font-weight: normal;
    display: inline-block;
}

#c617 table,
#c615 table,
#c469 table,
#c130 table,
#c130 table {
	font-size:20px;
}

/*Trainerdesign*/

.table tr:hover {
	background:#cd1619;
	color:#FFFFFF;
}

.layout1 {
    background: rgba(127,127,127,1.00);
    padding-top:10px;
    padding-bottom:10px;
    margin-bottom:0 !important;
}
.layout2 {
    background: rgba(86,38,39,1.00);
    color:#FFFFFF;
    padding-top:10px;
    padding-bottom:10px;
}

.form-label, .control-label {
    width:100% !important;
}
.jugendtrainer .textpic-text ul li a {
    padding:3px 0 3px 5px;
    background: rgba(65,65,65,1.00);
    color:#FFFFFF;
    display: block;
}
.jugendtrainer .textpic-text ul li a:hover {
    color:#cd1619;
    text-decoration: none;
}
.jugendtrainer .textpic-text ul {
    margin:0;
    padding:0;
}
.jugendtrainer .textpic-text ul li {
    list-style: none;
    padding:0;
}
.jugendtrainer .textpic-text ul li:nth-child(1) a::before {
    content: "\f005";
    font-family:"Font Awesome 6 Free";
    padding:0 3px 0 0;
}

.jugendtrainer .textpic-text ul li:nth-child(2) a::before {
    content: "\f0e0";
    font-family:"Font Awesome 6 Free";
    padding:0 3px 0 0;
}

.jugendtrainer .textpic-text h3 {
    padding:5px 0 5px 5px;
    position: relative;
    box-sizing: border-box;
    background: #cd1619;
    color:#FFFFFF;
    font-weight: bold;
}
.jugendtrainer .textpic-gallery {
    width: calc(30% - (40px / 2));
}
.jugendtrainer .textpic-text {
    width: calc(70% - (40px / 2));
    padding-top:4%;
}
/*Trainerdesign*/


.datatable_legende {
    padding:0 !important;
}

.datatable_legende li {
    display: inline-block;
    width:100%;
    padding:10px 3px;
    margin:0;
}
.weitsprung {
    background: #8FF7F6;
}
.pilone {
    background: #c85493;
}
.skill {
    background: #187072;
}
.shoot {
    background: #e6571b;
}
.speed {
    background: #cd1619;
}
.pass {
    background: #3d3e40;
}
/*GalleryCSS*/
#c1 {
    background:url("http://heiglzt.www12.perfectnet.at/fileadmin/user_upload/home/right-4703934_1920.jpg");
    background-size: cover;
    padding:0;
    margin:0 0 50px 0;
    
}
#c1 .frame-group-container {
    padding:50px 20px 70px;
    background: rgba(50,94,104,0.70);
    transition:all ease 1s;
}
#c1 .frame-group-container:hover {
    background: rgba(50,94,104,0.85);
    transition:all ease 1s;
}
#c1 .textpic-item {
    color:#FFFFFF;
}
#c1 strong em {
    font-size:60px;
    line-height: 71px;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
}
#c1 h1 {
    color:#FFFFFF;
    text-decoration: underline;
}
#c1 p {
  font-size: 21px;
  padding: 9px 0;
}
#c1 a {
  color: #cd1619;
  background: #FFFFFF;
  padding: 12px 11px;
  font-weight: bold;
    transition:all ease 1s;
}

#c1 a:hover {
  color: #FFFFFF;
  background: #cd1619;    
    transition:all ease 1s;
    text-decoration: none;
}

#app .col-2 {
	margin-bottom:20px;
}
#app .col-2:hover {
	cursor: pointer;
}

.galleryContainer {
	
}
.galleryContainer .media:hover {
	cursor: pointer;
}
.galleryContainer .media img {
	opacity:0.9;
	transition: all ease 1s;
}
.galleryContainer .media:hover img {
	opacity: 1.0;
	transition: all ease 1s;
}
.galleryContainer .media {
	width:25%;
	position: relative;
	float: left;
	overflow: hidden;
	display: block;
}
.galleryContainer .media .media-body {
	position:relative;
	float: left;
	width:100%;
	bottom:0;
	font-size:13px;
}
.galleryContainer .media .media-body h5 {
	font-size:17px;
}
.galleryContainer img {
	margin:0;
	position:relative;
	float: left;
	width:100%;
	flex: none;
}

/*GalleryCSS*/



.fixed {
	position: fixed;
	background: #FFFFFF;
	padding:3px 0;
	-webkit-box-shadow: 9px 7px 25px -13px rgba(0,0,0,0.75);
	-moz-box-shadow: 9px 7px 25px -13px rgba(0,0,0,0.75);
	box-shadow: 9px 7px 25px -13px rgba(0,0,0,0.75);	
}
main {
	padding:0 0 0 0;
}
main a {
	color: #fff200;
	text-decoration: none;
}
main .frame-layout-3  {
	background: #cd1619;
	position: relative;
	float: left;
}
.bluebackground {
	background: #cd1619;
}

main .frame-layout-3 .ce-bodytext,
main .bluebackground .ce-bodytext {

    padding: 9% 0 0 12%;
	z-index: 2;
	color: #FFFFFF;

}
main .frame-layout-3 .ce-bodytext h3,
main .bluebackground .ce-bodytext h3 {
	font-size:36px;
	color: #fff200;
	position: relative;
	 z-index: 2;
}


main .frame-layout-3 .ce-bodytext h3::before,
main .bluebackground .ce-bodytext h3::before {
    content: '';
    width: 299px;
    height: 257px;
    background: url("/fileadmin/templates/images/erasmus-stars.png");
    background-size: cover;
    position: absolute;
    top: -70px;
    left: -130px;
    z-index: 1;
}


.homecoler {
	padding:20px !important;
}
.homecoler .container {
	background: rgba(179,179,179,1.00);
	-webkit-box-shadow: 9px 7px 25px -13px rgba(0,0,0,0.75);
	-moz-box-shadow: 9px 7px 25px -13px rgba(0,0,0,0.75);
	box-shadow: 9px 7px 25px -13px rgba(0,0,0,0.75);	
}
.project .container {
	background:#0d7abf;
}
.pictures .container {
	background: #e3e3e3;
}
.newstrips .container {
	background: #fff200;
}
.homecoler h2::before {

    content: '';
    height: 150px;
    background-size: cover !important;
    position: relative;
    float: left;
    width: 100%;
    z-index: 1;
    background-repeat: no-repeat !important;

}
.project h2::before {
	background: url("/fileadmin/templates/images/project.png");
}
.pictures h2::before {
	background: url("/fileadmin/templates/images/pictures.png");
}
.newstrips h2::before {
	background: url("/fileadmin/templates/images/newstrips.png");
}

.project h2, 
.project p {
	color: #FFFFFF;
}
.homecoler  h2 {
	display: block;
	text-align: center;
}
.bluebackground .ce-bodytext p {
	color: #FFFFFF;
}


#c15 {
    padding:0 !important;
}

footer .bluebackground {
	background: none !important;
}

footer .grau,
footer .bluebackground .standardlayout {
	background:#0d2444;
}

footer strong,
footer h4 {
    font-size: 17px;
    text-transform: uppercase;
    color: 
    #FFF;
    font-weight: bold;
    padding: 40px 0 0 0;
}
footer .footercontact .paddinger {
	padding:0 !important;
}
footer em {
	font-weight: normal;
}
footer .bluebackground .ce-bodytext p {
	color: #bcbcbc;
}
footer .theplattform a {
	background: #cd1619;
	padding:8px 21px;
	display: inline-block;
	border-radius:12px;
	color: #FFFFFF;
}
.linksandstuff {
	text-align: right;
}


main .frame-layout-3 .ce-bodytext a,
.pictures a,
main .bluebackground .ce-bodytext a {
	background: #fff200;
	color: #cd1619;
	display: inline-block;
	padding:5px 27px;
	text-decoration: none;
	transition: all ease 1s;
}
.pictures a {
	background:#cd1619;
	color:#fff200;
}


.pictures a:hover,
main .bluebackground .ce-bodytext a:hover  {
	background: #0d2444;
	color: #fff200;
	transition: all ease 1s;
	text-decoration: none;
}
main .frame-layout-3 .ce-bodytext a:hover,
.pictures a:hover {
	background:#0d2444;
}
.bluebackground .yellowbackground {
	background:#FFFFFF;
	padding:10px 0;
	position: relative;
	float: left;
	width:100%;
}
footer .bluebackground .yellowbackground p {
	color: rgba(63,63,63,1.00);
}

.language {
    position: absolute;
    left: 140px;
    z-index: 10;
    top: 33px;
}
.language input:hover {
	cursor: pointer;
}
.mainmenuwrapper {
	width:100%;
	position: relative;
	float: right;
}

.flag-icon {
	border:none;
	box-shadow: none;
	font-size:18px;
}

.braun .paddinger,
.gruen .paddinger {
	margin: 2% 0;
}

.gruen {
	background: #dddc00;
}

.gruen h3 {
	color: #fff !important;
}

.braun {
	background: #7b6a58;
}

.braun h1,
.braun h2,
.braun h3,
.braun .ce-bodytext {
	color: #fff !important;
}

.inhalt {
	background: #FFFFFF;
	float: left;
	position: relative;
}


body {
	font-size:14px;
	margin: 0;
	background: #f5f8f4 !important;
	width: 100%;
	color: #000 !important;
	z-index: 1;
}

.center {
	margin: auto;
	width: 50%;
}

table .center {
    width: inherit;
}

.mobieposition a {
	color: #000 !important;
}

.header {
	float: left;
	position: relative;
	width: 100%;
}
.textmedia, .textpic {
    gap:inherit;
}
.taetigkeitsfelder .frame {
  background:rgba(195,195,195,1.00);
  padding: 20px;
  box-sizing: border-box;
  min-height: 330px;
  margin-bottom: 20px;
    transition: all ease 1s;
}

.taetigkeitsfelder .frame:hover {
    background:rgba(195,195,195,0.30);
    transition: all ease 1s;
}

.taetigkeitsfelder #c44 {
    background:rgba(50,94,104,1.00);
    transition: all ease 1s;
}
.taetigkeitsfelder #c44 .textpic-item {
    color:#FFFFFF;
}
.taetigkeitsfelder #c44 a {
    color:#212121;
}
.taetigkeitsfelder #c44:hover {
    background:rgba(50,94,104,0.90);
    transition: all ease 1s;
}

main ul li {
	list-style: circle;
}

main {
	margin: 0% 0;
}

main .standardlayout .paddinger {
	
}

.animation .ce-bodytext {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);
	bottom: 0;
	color: #3d3d3d;
	font-size: 22px;
	left: 0;
	line-height: 18px;
	margin: 0;
	padding: 2%;
	position: absolute;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
	width: 96%;
}

.animation .ce-bodytext p {
	line-height: 49px;
	text-align: left;
	color: #d5d2b4;
	font-size: 34px;
}



.artikelinhalte {
	margin-top: 30px;
}

.topmenu {
	margin: 40px 0;
	float: right;
}

.mm-panels a {
	color: #231f20 !important;
}

.hunderter .megazeil,
.hunderter .ce-column,
.hunderter .ce-row,
.hunderter .ce-gallery,
.hunderter .ce-textpic,
.hunderter .image {
	width: 100% !important;
}

.hunderter .container {
	padding: 0 !important;
}

.ce-gallery img {
	display: inline-block;
	width: 100% !important;
}

.paddinger ul {
	list-style: square;
	margin-left: 18px;
}

.menufont {
	font-family: 'Open Sans', sans-serif !important;
	position: relative;
	float: left;
	padding: 1px 0 0 5px;
}


.mobieposition .fa::before {
	position: relative;
	float: left;
}
.mobieposition {
	font-size: 23px;
}
.mobieposition a {
	float: left;
	width: auto;
}
.mobieposition p {
	position: absolute;
	left: 26px;
	top: 4px;
}
img {
	border: 0;
	width: 100% !important;
	height: auto !important;
}
.page {
	float: left;
	width: 100%;
	position: relative;
}
.mobieposition {
	position: fixed;
	margin: 7px 8px 6px 16px;
	z-index: 10000;
}
.header .paddinger {
	margin: 0;
	padding: 0;
}
.animation {
	margin: 40px 0;
}

.kontaktblock {
	width: 60%;
	float: left;
	position: relative;
}
.kontaktblock .paddinger {
	float: right;
	width: 50%;
}
.deufelmenu {
	width: 100%;
	float: right;
	position: relative;
}

main .ce-bodytext p {

    font-size: 17px;
    line-height: 28px;

}
main h2 {
	font-size: 28px;
}

.tx-powermail h3 {
	display: none;
}

.animation .ce-textpic,
.animation .ce-row,
.animation .ce-gallery {
	width: 100% !important;
}
.animation .ce-gallery figcaption {
	position: absolute;
	bottom: 40px;
	z-index: 10000;
	text-align: center;
	background: rgba(255, 255, 255, 0.7);
	width: 100%;
	font-size: 24px;
}
.animation .ce-gallery img {
	min-width: 100% !important;
	float: left;
	position: relative;
	display: table-cell;
}
.animation .ce-gallery figure {
	display: table;
	margin: 0;
	width: 100%;
}
.animation li .ce-textpic {
	width: 100%;
	position: relative;
	float: left;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.animation .ce-bodytext {
	font-size: 26px;
	padding: 10px 15px;
	color: #d5d2b4;
	text-align: center;
	width: 100%;
	transition: all ease 1s;
	margin-top: 15px;
	position: absolute;
	bottom: 0%;
	z-index: 80;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.animation .ce-bodytext h3 {
	background: #cb1917;
	display: inline-block;
	font-size: 47px;
	font-weight: 300;
	padding: 10px 28px;
	color: #FFFFFF !important;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.inhalt .ce-right .ce-gallery {
	float: right;
	display: inline-block;
	position: relative;
	overflow: hidden !important;
	width: 40%;
	margin-left: 3%;
}
.kopfbereich .logo {
	margin-top: 5px;
}
.shadow {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.inhaltrechts .image {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.left .ce-bodytext p {
	text-align: center;
}
.left .ce-gallery .ce-column {
	padding: 0 5px 25px 5px;
	border-radius: 8px;
}
.left .frame-space-before-medium {
	margin-top: 6% !important;
}
.facebook p {
	color: #fff;
}
.facebook i {
	float: left;
	width: 30px;
	color: #fff;
	font-size: 24px;
}
.facebook .container {
	width: 80%;
	float: left;
}
.facebook a {
	color: #fff;
}
.facebook .fb {
	padding: 20px 0;
}
.facebook .ce-bodytext p {
	margin: 0 0 20px 0;
}
.copyright .ce-bodytext p {
	text-align: center;
	padding: 0 0 40px 0;
}
.copyright img {
    max-width:350px;
    float: right;
}
.animation .flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: -2px;
	text-align: center;
	z-index: 1000;
}
.animation .flexslider {
	max-height: 300px;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
}
.startseite .animation .flexslider {
	max-height: inherit !important;
}



/* blau: cd1619 */
 .blau {
    background: #cd1619;
}
/* #313131*/
 html body {
     color: #353535;
     font-family: Open Sans,Helvetica,Verdana,sans-serif;
     font-weight: 400;
}
 #pageid3 .rootline {
    display: none;
}
 main .blau h3, main .blau h2, main .blau a, main .blau p {
    color:#fff;
}
 .headerimage h2 {
    display: none;
}



 .btn:hover, .cc-btn:hover {
     color: #fff;
     text-decoration: none;
}
 input.powermail_submit {
    background: #106fb7;
}
 .filelink-fileicon::before {
     font-family: 'Font Awesome\ 5 Free';
     content: '\f1c1';
     margin: 0 5px 0 0px;
     color: #2a9d8f;
     font-size: 30px;
     font-weight: 900;
}
 .timeline-item-date {
    display: none;
}
 .frame-custom-30 .table {
    max-width: 50%;
     margin:0 auto;
     border:1px solid #ffddc4;
}
 .rootline a {
    text-decoration: underline;
}
 .rootline p {
    margin:0;
     padding: 9px 0;
     font-size: 0.9rem
}
 main h1, h2, h5 {
    font-family: 'Open Sans', sans-serif !important;
     font-size: 2rem;
     color:#5c6066;
}
 .footerlogo .gallery-item picture {
    max-width: 15vw;
}
 footer .section-bubble2::after {
    background: none;
     margin-bottom: 0;
     height: 0;
}
 footer .section-bubble2 {
    margin-bottom: 0;
}
 #pageid3 main .rootline {
    display: none;
}
 .frame-custom-18 .gallery-item img{
     border-radius: 225px 45px 325px 75px/15px 125px 35px 155px;
     box-shadow: 6px 6px 0px rgba(103, 102, 102, 0.2);
     margin-bottom: 5%;
}
 .frame-custom-30 tr {
     background-color:#ffddc4 ;
     text-align: center;
}
 .frame-custom-30 tr:nth-child(2n) {
     background-color: white;
}
#btn-back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
  z-index: 100000;
  background: #cd1619;
  border-radius: 100%;
  border: none;
  height: 50px;
  width: 50px;
}

.bredcrumbs a {
    color: #FFFFFF;
}

 .mobilehead {
    display: none;
}
 .kopfbereich .row {
    --bs-gutter-x: 0px;
}
 .kopfbereich {
    z-index: 100;
     position: relative;
     margin-top: 10px;
}
 .blau rootline {
    color: #daf0ed;
}
 .topheader {
    background: #d8e8bb;
}
 .menuheader {
    background: #fff;
     padding:0;
}
 .line {
     display: block;
     height: 2px;
     border: 0;
     border-top-color: currentcolor;
     border-top-style: none;
     border-top-width: 0px;
     border-top: 2px solid #ccc;
     margin: 5em 0;
     padding: 0;
}
 .copyright p {
    font-size: 0.8rem;
}
/*main .textmedia, main .textpic {
     gap: 0px;
}
*/
 .text-primary {
     color: #8fae8b !important;
}
 .btn-primary {
     background-color: #0073b6 !important;
     border-color: #0073b6 !important;
     border-radius: 1.25rem !important;
}
 main .grafikelement .textmedia-gallery {
    margin-bottom: 4%;
}
 main a, .copyright a,.headerright a, footer a {
    color: #000000;
}
 footer .textmedia, footer .textpic {
    gap:0;
}
 .headerright a {
    font-size: 1.2rem;
}
 .linemargin {
    margin:0;
}
 .kopfbereich .frame {
    padding: 0;
     margin:0;
}
 .logo .grafikelement .image {
}
 .logo .grafikelement .image img {
}
 .kopfbereich .textmedia, .footertext .textmedia {
    gap:0;
}
 .paralax .frame {
    min-height: 500px;
}
 .hunderter .megazeil, .hunderter .ce-outer, .hunderter .ce-row, .hunderter .ce-gallery, .hunderter .ce-textpic, .hunderter .image {
     width: 100% !important;
}
 .hunderter .container {
    padding: 0 !important;
}
 .hunderter .frame {
    width: 100%;
     height: auto;
     margin: 0;
     padding: 0;
}
 .hunderter .ce-gallery[data-ce-columns="3"] .ce-column {
     width: 33.33333% !important;
}
 .hunderter {
    max-width: 100% !important;
     padding: 0 !important;
     z-index: 0;
}
 .hunderter .ce-gallery img {
    padding: 0;
    width: 100%;
}
 .hunderter .ce-column {
    padding: 0 !important ;
}
 .hunderter .frame-container-default {
     max-width: 100%;
     padding: 0;
     margin:0;
}
 .paralax {
    margin-top: 5%;
}
 .headerimage {
    position: relative;
     width: 100%;
     overflow: hidden;
}
 .headerimage .carousel-image picture {
    width: 100%;
}
 .headerimage .carousel .carousel-content-inner, .headerimage .frame-container {
    min-width: 100% !important;
     max-width: inherit !important;
     padding: 0;
     margin:0;
}
 .headerimage .carousel .carousel-content {
     height: auto;
}
 .headerimage .carousel-item-type-image .carousel-image img {
     width: 100%;
}
 .headerimage .frame {
    padding: 0;
}
 .headerimage .carousel .item {
    height: auto;
}
 .textmedia-gallery .gallery-row {
     justify-content: center;
}
 .bubblecolor {
     background-color: #cd1619 !important;
}
 .row .col .kreis {
     background-color: aliceblue;
     border-radius: 53%;
}
 .frame-background-primary {
     --frame-background: #cd1619 !important;
}
/*=========================== Miscellaneous ============================ */
/* Parallax objects */
 .parallax-object1{
     position:absolute;
     top:auto;
     margin-top:100px;
     right:0;
     z-index:99;
}
 .parallax-object2{
     position:absolute;
     top:auto;
     left:0;
     z-index:99;
}
 .parallax-object3{
     position:absolute;
     top:auto;
     left:0%;
     z-index:99;
}
 .parallax-object3 {
}
 div#c555 {
     position: absolute;
}
 .btn:link, .btn:visited {
     text-transform: uppercase;
     text-decoration: none;
     padding: 15px 40px;
     display: inline-block;
     border-radius: 100px;
     transition: all .2s;
}
 .btn:hover {
     transform: translateY(-3px);
     box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
 .btn:active {
     transform: translateY(-1px);
     box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
 .btn-white {
     background-color: #fff;
     color: #000000;
}
 .btn-blue {
    background: #0074b7;
     color:#fff;
}
 .btn::after {
     content: "";
     display: inline-block;
     height: 100%;
     width: 100%;
     border-radius: 100px;
     position: absolute;
     top: 0;
     left: 0;
     z-index: -1;
     transition: all .4s;
}
 .btn-white::after {
     background-color: #fff;
}
 .btn-blue::after {
     background-color: #0074b7;
}
 .btn:hover::after {
     transform: scaleX(1.4) scaleY(1.6);
     opacity: 0;
}
 .btn-animated {
     animation: moveInBottom 5s ease-out;
     animation-fill-mode: backwards;
}
 @keyframes moveInBottom {
     0% {
         opacity: 0;
         transform: translateY(30px);
    }
     100% {
         opacity: 1;
         transform: translateY(0px);
    }
}
 .wave {
     background-image: url("https://www.vskoeflach.at/fileadmin/user_upload/Layout/wave-neu.svg");
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
     padding: 8% 0%;
}
 .punktebalken {
     background-image: url("https://www.vskoeflach.at/fileadmin/user_upload/Layout/Punktebalken-klein-02.svg");
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
}
 .MsoTableGrid tbody {
    border-style: none !important;
}
 .klasse #inhalt {
     background-image: url("https://www.vskoeflach.at/fileadmin/user_upload/Layout/Punktebalken-klein-02.svg");
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
}
/**.punktebalken {
     background-image: url("https://volksschule.kreativ-praxis.at/fileadmin/user_upload/Layout/punktebalken02.jpg") 
}
**/
 .frame-custom-29 {
     background-image: url("https://www.vskoeflach.at/fileadmin/user_upload/Layout/Punkteblaken.jpg") 
}



footer a {
    color:#FFFFFF !important;
}
footer ul li {
    list-style:circle;
}
footer a:hover {
    color:#BBBBBB !important;
    text-decoration: none !important;
}


main a:hover {
    color: rgba(66,66,66,1.00);
}


/*Bootsstrap fix double classes*/
/*Wolfgang Zotter 2022_08_13*/

.container .container {
    padding:0px !important;
}


/*Bootsstrap fix double classes*/











/*Spiele*/

@charset "UTF-8";
/* Settings(variables,...)*/
@font-face { font-family: 'Roboto'; src: url("../fonts/Roboto-regular/Roboto-regular.woff2") format("woff2"), url("../fonts/Roboto-regular/Roboto-regular.woff") format("woff"); font-weight: normal; font-style: normal; }

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

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

/* colors*/
/* font-weights*/
/* breakpoints*/
/* arrays for sass-mixins/functions */
/* grid*/
/* Start Plugin: Normalize*/
/* The font size set on the root html element.*/
/* The base line height determines the basic unit of vertical rhythm.*/
/* The default font family.*/
/* The font sizes for h1-h6.*/
/* 30/14*/
/* 12/14*/
/* 14/14*/
/* 14/14*/
/* 12/14*/
/* 10/14*/
/* The amount lists and blockquotes are indented.*/
/* End Plugin: Normalize*/
/*Tools(mixins,...)*/
/* ===================================================================*/
/* Flexbox Grid Mixins*/
/* Version 0.1.3*/
/* Description: Sass Mixins to generate Flexbox grid*/
/* Author: thingsym*/
/* GitHub: https://github.com/thingsym/flexbox-grid-mixins*/
/* MIT License*/
/* ===================================================================*/
/* put on img-wrapper (img-wrapper>img)*/
/* put on background-img-wrapper (bg-img-wrapper>img), set parent of wrapper to position:relative!*/
@font-face { font-family: 'icons'; src: url("../fonts/icons/icons.eot?um16mx"); src: url("../fonts/icons/icons.eot?um16mx#iefix") format("embedded-opentype"), url("../fonts/icons/icons.woff?um16mx") format("woff"), url("../fonts/icons/icons.svg?um16mx#icons") format("svg"); font-weight: normal; font-style: normal; }

/*string replacement*/
/* Insert icon as pseudo-element*/
/* use svg as background-image, svgs have to be optimized! (https://jakearchibald.github.io/svgomg/)*/
/*Generic(normalize,...)*/
/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
/* Document ========================================================================== */
/** 1. Correct the line height in all browsers. 2. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS. */


/*Objects (OOCSS: .btn,.small,...)*/
.btn { display: inline-block; padding: .357em .714em; margin: 0; text-align: center; border: 1px solid; line-height: 1em; width: 100%; cursor: pointer; }

@media (min-width: 768px) { .btn { width: auto; } }

.select_prev:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 2em; color: inherit; content: ""; line-height: inherit; vertical-align: middle; }

.select_next:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 2em; color: inherit; content: ""; line-height: inherit; vertical-align: middle; }

.menu_items { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: calc(100% + 20px); max-width: calc(100% + 20px); margin: 0 -10px; }

.menu_items > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 100px; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; }

.menu_item { text-align: center; }

.menu_link { display: inline-block; width: 100%; }

.icon--car:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; margin-left: 5px; }

.icon--bus:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; margin-left: 5px; }

.icon--facebook:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; margin-left: 5px; }

.icon--twitter:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; margin-left: 5px; }

.icon--instagram:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; margin-left: 5px; }

.icon--youtube:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; margin-left: 5px; }

/*Components(BEM: .panel,.panel_header,...)*/
.page-header_wrapper { position: relative; max-width: 1280px; margin-left: auto; margin-right: auto; }

.page-header_wbg { width: 300px; height: 50px; margin-bottom: 25px; margin-left: auto; margin-right: auto; overflow: hidden; }

@media (min-width: 768px) { .page-header_wbg { margin-bottom: 10px; } }

@media (min-width: 992px) { .page-header_wbg { width: 728px; height: 90px; margin-bottom: 0; } }

.page-header_wbg img { width: auto; height: auto; max-width: 100%; max-height: 100%; }

.page-container_wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; width: calc(100% + 0px); max-width: calc(100% + 0px); margin: 0 0px; max-width: 1280px; margin-left: auto; margin-right: auto; }

.page-container_wrapper > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: none;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 0; max-width: calc(100% - 0px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0px; }

.page-container_wrapper > .page-container_wbg { display: none; }

@media (min-width: 992px) { .page-container_wrapper > .page-container_wbg { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 300px; max-width: calc(100% - 0px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0px; display: block; } }

.page-container_wrapper > .page-container_wbg img { width: auto; height: auto; max-width: 100%; max-height: 100%; }

.page-content { padding: 15px 10px 10px; position: relative; }

.page-content:before { content: ""; background-color: currentColor; position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0.9; }

.brand { -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); position: absolute; bottom: -3.1em; left: 0; z-index: 2; }

.brand_img-wrapper { width: 5.857em; height: 5.857em; position: relative; background-color: #fff; margin: .714em; }

@media (min-width: 768px) { .brand_img-wrapper { width: 7.857em; height: 7.857em; } }

@media (min-width: 1280px) { .brand_img-wrapper { width: 10.714em; height: 10.714em; } }

.brand_img { max-width: 100%; max-height: 100%; height: auto; width: auto; position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }

.search { position: absolute; top: 0; left: -60px; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; }

.search_input { border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; background-color: transparent; padding: 1.429em 2.143em 1.429em 1.429em; color: inherit; }

.search_trigger { padding: 1.786em .714em; display: block; line-height: 1; }

.search_trigger:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.286em; color: inherit; content: ""; }

.search_wrapper { position: absolute; top: 100%; right: 0; z-index: 1; height: 0; overflow: hidden; -webkit-transition: .2s linear height; transition: .2s linear height; width: 200px; }

.search_wrapper--is-expanded { height: 61px; }

.search_wrapper:after { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.286em; color: inherit; content: ""; position: absolute; top: 50%; right: 10px; -webkit-transform: translateY(-50%); transform: translateY(-50%); opacity: .6; }

.search_wrapper:before { content: ''; position: absolute; left: 2px; right: 2px; top: 0; background-color: currentColor; bottom: 2px; opacity: .2; }

.search_wrapper.menu-theme:before { background-color: currentColor; }

.main-navigation { padding-left: 10px; padding-right: 10px; }

.main-navigation > .instances-column { position: relative; z-index: 2; -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: calc(100% + 20px); max-width: calc(100% + 20px); margin: 0 -10px; }

@media (min-width: 992px) { .main-navigation > .instances-column { padding-right: 300px; } }

.main-navigation > .instances-column > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; position: relative; }

.main-navigation > .instances-column > .app-vhp3_frontendEditing, .main-navigation > .instances-column > .app-vhp3_sektionslogo, .main-navigation > .instances-column > .app-vhp3_suche, .main-navigation > .instances-column > .app-foesvAdSpace { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: none;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 0; max-width: calc(100% - 0px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0px 0px; }

.main-navigation > .instances-column > .app-foesvAdSpace { display: none; }

.main-navigation > .instances-column:before { content: ''; position: absolute; left: 50%; right: 50%; top: 0; bottom: 0; z-index: 1; margin-left: -50vw; margin-right: -50vw; -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); }

.main-navigation > .instances-column > .app-navigation { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: none;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 0; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; }

.main-navigation_menu { padding-left: calc(5.857em + 20px*2); padding-right: 60px; -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -webkit-box-pack: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; width: calc(100% + 0px); max-width: calc(100% + 0px); margin: 0 0px; }

@media (min-width: 768px) { .main-navigation_menu { padding-left: calc(7.857em + 20px*2); } }

@media (min-width: 1280px) { .main-navigation_menu { padding-left: calc(11.714em + 20px*2); } }

.main-navigation_menu > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: initial;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 0px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0px 0px; }

.main-navigation_items { height: 100%; }

.main-navigation_items-collapsed { margin-right: 10px; margin-left: 10px; z-index: 1; top: 100%; right: 0; left: 0; }

@media (min-width: 992px) { .main-navigation_items-collapsed { left: auto; white-space: nowrap; } }

.main-navigation_item { float: left; z-index: 2; }

@media (min-width: 992px) { .main-navigation_item { position: relative; } }

.main-navigation_item--has-sub-items > .main-navigation_link:after { content: '▾'; padding-left: .357em; display: inline-block; }

.main-navigation_sub-items { position: absolute; left: 10px; right: 10px; top: 100%; z-index: 1; }

@media (min-width: 992px) { .main-navigation_sub-items { max-width: calc(100% + 380px); left: 0; right: auto; white-space: nowrap; } }

.main-navigation_sub-item > .main-navigation_link { padding: .714em 2.143em; }

@media (min-width: 768px) { .main-navigation_sub-item > .main-navigation_link { padding-left: .714em; } }

.main-navigation_link { color: inherit; font-weight: 400; padding: 1.786em .714em; display: block; }

/*flex-plugin*/
.flexMenu-viewMore { float: right; }

.flexMenu-viewMore > a { /*toggle*/ color: inherit; font-weight: 400; padding: 1.786em .714em; display: inline-block; text-align: right; float: right; position: relative; z-index: 1; width: 35px; height: 70px; white-space: nowrap; overflow: hidden; }

.flexMenu-viewMore > a:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.286em; color: inherit; content: ""; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.flexMenu-viewMore .main-navigation_sub-items { position: static; left: auto; top: auto; }

.flexMenu-viewMore .main-navigation_item { float: none; }

@media (min-width: 992px) { .flexMenu-viewMore { position: relative; } }

.content_sujet { margin-bottom: 20px; }

.content_sujet-img { width: auto; height: auto; max-height: 100%; max-width: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.content_title { font-size: 1em; line-height: 1.5em; font-weight: 700; margin-top: 0; margin-bottom: 1em; }

.content_title--centered { text-align: center; }

.content_divider { height: 1px; width: 100%; background-color: currentColor; opacity: .25; margin-bottom: 20px; }

.content_footer { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: space-between; -ms-flex-pack: space-between; justify-content: space-between; width: calc(100% + 20px); max-width: calc(100% + 20px); margin: 0 -10px; position: relative; padding-top: 10px; }

.content_footer:before { content: ''; position: absolute; left: 0; right: 0; top: 0; height: 1px; background-color: currentColor; opacity: 0.5; }

body .content_footer { background-color: transparent; }

.content_footer > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: initial;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; }

.content_footer-left { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 400px; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; }

.content_footer-links { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; width: calc(100% + 5px); max-width: calc(100% + 5px); margin: 0 -2.5px; text-align: right; opacity: .5; }

.content_footer-links .content_footer-link { color: inherit; }

.content_footer-links > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: initial;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 5px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 2.5px; }

.content_footer-link { color: inherit; font-weight: 400; }

.sujet { width: 100%; padding-bottom: calc(100%*0.26); position: relative; overflow: hidden; }

.panels { position: relative; }

.panels > .instances-column { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: space-around; -ms-flex-pack: space-around; justify-content: space-around; width: calc(100% + 20px); max-width: calc(100% + 20px); margin: 0 -10px; }

.panels > .instances-column > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; }

@media (min-width: 768px) { .panels > .instances-column > .panel--1\/1 { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; } }

@media (min-width: 768px) { .panels > .instances-column > .panel--1\/3 { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 33.3333333333% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; } }

.panels > .instances-column > .panel--1\/3.app-vhp3_kurztabelle { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; }

@media (min-width: 1280px) { .panels > .instances-column > .panel--1\/3.app-vhp3_kurztabelle { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 33.3333333333% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; } }

@media (min-width: 768px) { .panels > .instances-column > .panel--2\/3 { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 66.6666666667% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; } }

@media (min-width: 768px) { .panels > .instances-column > .panel--1\/2 { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 50% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; } }

.panels > .instances-column > .panel_wbg:not(.panel_wbg--werbung) { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 300px; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; }

.panel_header { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; width: calc(100% + 0px); max-width: calc(100% + 0px); margin: 0 0px; padding: .357em 0; position: relative; }

.panel_header:before { content: ''; position: absolute; bottom: -1px; left: 0; width: 100px; height: 2px; background-color: currentColor; }

.panel_header:after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: currentColor; opacity: .25; }

.panel_header > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: initial;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; }

.panel_content { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: space-around; -ms-flex-pack: space-around; justify-content: space-around; width: calc(100% + 0px); max-width: calc(100% + 0px); margin: 0 0px; padding-top: .625em; padding-bottom: .625em; }

.panel_content > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; }

.panel_content > .panel_cards { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 300px; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; padding-right: 0; padding-left: 0; padding-bottom: 0; }

.panel_content > .panel_text { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; }

.panel_content > .panel_slider { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; padding-right: 0; padding-left: 0; padding-bottom: 0; }

.panel_content > .content_tabs--1\/2 { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; }

@media (min-width: 768px) { .panel_content > .content_tabs--1\/2 { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 50% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; } }

.panel_content > .content_adds-and-outs { padding: 0; }

.panel_content > .content_program { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; }

@media (min-width: 768px) { .panel_content > .content_program { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 50% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; } }

.panel_content > .content_statistics { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 450px; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; }

.panel_content > .content_results { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 470px; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; }

.panel_content > .content_last-matches { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; }

.panel_content > .panel_fans { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; padding-right: 0; padding-left: 0; }

.panel_content > .content_match { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; padding-right: 0; padding-left: 0; }

.panel_content > .content_match-title { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; }

.panel_content > .content_liga-table { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; }

@media (min-width: 768px) { .panel_content > .content_liga-table { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 50% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; } }

.panel_content > .content_liga-list { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; }

@media (min-width: 768px) { .panel_content > .content_liga-list { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 50% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; } }

.panel_content > .panel_club-info { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; padding-left: 0; padding-right: 0; }

.panel_content > .panel_person { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; }

.panel_content > .content_person { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; }

.panel_content > .content_video { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; }

.panel_content > .panel_menu { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; }

.panel_content > .panel_widget { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 0px); max-width: calc(100% - 0px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0px 0px; padding: 0; overflow: hidden; }

.panel_content > .content_fussball-online { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; }

.panel_content > .content_teaser { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; }

.panel_content > .panel_img { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; }

.panel_content_widget { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; overflow: hidden; padding: 0; }

.panel_title { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: none;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 0; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 1.285em; font-weight: 700; line-height: 1.285em; }

.panel_link:after { content: '▸'; padding-left: 5px; }

.panel--is-collapsed .panel_title { cursor: pointer; }

.panel--is-collapsed .panel_title:before { content: '▸'; }

.panel--is-collapsed .panel_content { display: none; }

.panel--is-expanded .panel_title { cursor: pointer; }

.panel--is-expanded .panel_title:before { content: '▾'; }

.panel--is-expanded .panel_content { display: -webkit-box; display: -ms-flexbox; display: flex; }

.panel_wbg { position: relative; padding-top: 10px; padding-bottom: 10px; z-index: 1; -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: calc(100% + 0px); max-width: calc(100% + 0px); margin: 0 0px; }

.panel_wbg > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 0px); max-width: calc(100% - 0px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0px; }

.panel_wbg:after { content: ''; position: absolute; top: 0; right: 0; left: 50px; border-top: 1px solid currentColor; opacity: .2; }

.panel_wbg:before { content: 'Sponsor'; position: absolute; top: -13px; left: 0; right: 0; bottom: 0; padding-right: 5px; font-size: 12px; border-bottom: 1px solid currentColor; opacity: .2; }

.panel_wbg img { width: auto; height: auto; max-width: 100%; max-height: 100%; }

.panel_wbg--foesv:before { content: 'fussballoesterreich.at Partner'; }

.panel_wbg--foesv:after { left: 165px; }

.panel_wbg--werbung:before { content: 'Werbung'; }

.panel_wbg--werbung a { aspect-ratio: 16/9; }

.panel_wbg--werbung img { object-position: center; object-fit: scale-down; width: 100%; height: 100%; max-width: none; max-height: none; }

.panel_wbg a { position: relative; z-index: 1; }

body .panel_wbg { background-color: transparent; }

.card { -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); position: relative; padding-bottom: 50px; }

.card_img { padding-bottom: calc(100%*9/16); width: 100%; background-size: cover; background-position: center; position: relative; }

.card_label { position: absolute; bottom: 0; -webkit-transform: translateY(50%); transform: translateY(50%); right: 10px; padding: 5px 10px; line-height: 1em; }

.card_content { padding: 15px 10px 50px; }

.card_title { font-size: 20px; }

.card_subtitle { font-size: 12px; font-weight: 700; }

.card_btn { margin-left: auto; margin-right: auto; }

.card_btn-wrapper { text-align: center; position: absolute; bottom: 15px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.swiper-container { z-index: 0; }

.swiper-button-next { width: 20px; top: 0; bottom: 20px; height: auto; margin-top: 0; right: 0; background-image: none; }

.swiper-button-next:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; font-size: 1.5em; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; }

.swiper-button-prev { width: 20px; top: 0; bottom: 20px; height: auto; margin-top: 0; left: 0; background-image: none; }

.swiper-button-prev:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; font-size: 1.5em; position: absolute; top: 50%; -webkit-transform: translateY(-50%) rotateZ(0.5turn); transform: translateY(-50%) rotateZ(0.5turn); right: 0; }

.swiper-container-horizontal { padding-bottom: 30px; }

.swiper-wrapper-bg { top: 0; bottom: 1px; position: absolute; right: 0; left: 0; opacity: .05; }

.panel-theme .swiper-pagination.swiper-pagination-fraction { background-color: transparent; }

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom { bottom: 0; }

.swiper-button-next, .swiper-button-prev { opacity: 0; }

.swiper-container:hover .swiper-button-next, .swiper-container:hover .swiper-button-prev { opacity: .2; }

.swiper-button-disabled { display: none; }

.team-thumbnail { width: 114px; margin-top: 10px; margin-bottom: 10px; -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); margin-right: auto; margin-left: auto; }

.team-thumbnail_img { width: 100%; background-size: contain; padding-bottom: calc(100%*9/16); background-repeat: no-repeat; background-position: 50%; }

.team-thumbnail_name { padding: 10px; text-align: center; }

.newest-member { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: calc(100% + 0px); max-width: calc(100% + 0px); margin: 0 0px; margin: 10px 5px; width: calc(100% - 10px); max-width: calc(100% - 10px); padding: 10px; }

.swiper-slide .newest-member { -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); }

.newest-member_img-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: 103px; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; position: relative; }

.newest-member_img { position: absolute; left: 50%; top: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); width: auto; height: auto; max-width: 100%; max-height: 100%; }

.newest-member_infos { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: 1;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; position: relative; }

.newest-member_infos:before { content: ''; height: 1px; position: absolute; left: 0; right: 0; bottom: 0; background-color: currentColor; opacity: .10; }

.newest-member_name { font-weight: 700; margin-bottom: 10px; }

.newest-member_clubs { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 10px); max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: calc(100% + 10px); max-width: calc(100% + 10px); margin: 0 -5px; padding-top: 10px; }

@media (min-width: 768px) { .newest-member_clubs { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } }

.newest-member_club { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: none;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 0; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: calc(100% + 0px); max-width: calc(100% + 0px); margin: 0 0px; }

.newest-member_icon-arrow-right { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: initial;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; }

.newest-member_icon-arrow-right:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 20px; color: inherit; content: ""; -webkit-transform: rotateZ(0.25turn); transform: rotateZ(0.25turn); display: inline-block; }

@media (min-width: 768px) { .newest-member_icon-arrow-right:before { -webkit-transform: rotateZ(0); transform: rotateZ(0); } }

.club_img-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 45px; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; height: 45px; position: relative; }

.club_img { position: absolute; left: 50%; top: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); }

.club_name { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: none;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 0; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; }

.gallery-item { padding-bottom: 30px; }

.gallery-item_wrapper { position: relative; padding-bottom: calc(100%*9/16); }

.gallery-item_title { font-weight: 700; margin-top: 1rem; }

.gallery-item_copyright { opacity: 0.75; font-size: 0.857em; }

.gallery-item_content { width: auto; height: auto; max-width: 100%; max-height: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); }

.gallery-thumbnail-item_content { width: auto; height: auto; max-width: 100%; max-height: 100%; }

.slider_gallery .swiper-container-horizontal { padding-bottom: 0; }

.slider_gallery .swiper-button-next, .slider_gallery .swiper-button-prev { bottom: 0; }

.slider_gallery-thumbnails { padding-top: 0; }

.slider_gallery-thumbnails .swiper-container-horizontal { padding: 10px; }

.slider_gallery-thumbnails .swiper-slide { width: 50px; max-height: 50px; }

.fans { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: calc(100% + 0px); max-width: calc(100% + 0px); margin: 0 0px; }

.fans_count { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; }

@media (min-width: 768px) { .fans_count { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 200px; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; } }

.fans_number { font-size: 60px; line-height: 1; }

.fans_club-name { font-weight: 700; font-size: 0.857em; }

.fans_btn { margin-top: 5px; }

.fans_text { font-size: 0.857em; }

.fans_benefits { font-size: 0.857em; -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; }

@media (min-width: 768px) { .fans_benefits { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 200px; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; } }

.person { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: calc(100% + 10px); max-width: calc(100% + 10px); margin: 0 -5px; }

.person_img-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: 80px; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; height: 100px; position: relative; }

.person_img { position: absolute; left: 50%; top: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); width: auto; height: auto; max-width: 100%; max-height: 100%; }

.person_infos { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: none;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 0; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; }

.person_icon--ANMERKUNG { font-style: italic; }

.person_icon--TELEFON:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; padding-right: 5px; }

.person_icon--MOBIL:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; padding-right: 5px; }

.person_icon--FAX:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; padding-right: 5px; }

.person_icon--EMAIL { padding-left: 20px; position: relative; -webkit-hyphens: none; -ms-hyphens: none; hyphens: none; }

.person_icon--EMAIL:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; position: absolute; top: 3px; left: 0; }

.person_icon--TEXT:first-child { font-weight: 700; font-size: 12px; }

.person_text--is-indented { padding-left: 10px; }

.persons { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: calc(100% + 20px); max-width: calc(100% + 20px); margin: 0 -10px; }

.persons > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 400px; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; }

.persons--is-coach > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; }

@media (min-width: 768px) { .persons--is-coach > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 50% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; } }

@media (min-width: 768px) { .persons--is-coach .person:first-child { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; text-align: right; } }

.persons--is-coach .person_text { font-size: .857em; }

.persons--is-player > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; }

@media (min-width: 480px) { .persons--is-player > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 50% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; } }

.persons--is-player .content_title { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; }

@media (min-width: 480px) { .persons--is-player .widget-list:first-child { text-align: right; } .persons--is-player .widget-list:first-child .widget-list_container { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .persons--is-player .widget-list:first-child .widget-player_nr { right: auto; left: 0; } .persons--is-player .widget-list:first-child .widget-player_other-icon:last-child { margin-right: 5px; } .persons--is-player .widget-list:first-child .widget-player_other-icon:nth-child(3), .persons--is-player .widget-list:first-child .widget-player_other-icon:nth-child(2) { margin-left: auto; } }

.persons .widget-list_container { margin-left: 0; margin-right: 0; width: 100%; }

.persons .widget-list_player { margin-left: 0; margin-right: 0; }

.persons--is-referee > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: 1;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; }

.persons--is-referee > .person:first-child { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 300px; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; position: relative; }

.persons--is-referee > .person:first-child:before { content: ""; position: absolute; opacity: 0.5; bottom: 0; left: 0; right: 0; background-color: currentColor; }

@media (min-width: 970px) { .persons--is-referee > .person:first-child:before { content: none; } }

@media (min-width: 992px) { .persons--is-referee > .person:first-child:before { content: ""; } }

@media (min-width: 1270px) { .persons--is-referee > .person:first-child:before { content: none; } }

.persons--is-referee > .person:first-child .person_img-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: 50px; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; height: 82px; }

@media (min-width: 970px) { .persons--is-referee > .person:first-child .person_img-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: 60px; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; } }

@media (min-width: 992px) { .persons--is-referee > .person:first-child .person_img-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: 50px; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; } }

@media (min-width: 1270px) { .persons--is-referee > .person:first-child .person_img-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: 60px; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; } }

.persons--is-referee .persons_wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: calc(100% + 20px); max-width: calc(100% + 20px); margin: 0 -10px; -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: 1;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 0px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0px 0px; }

.persons--is-referee .persons_wrapper > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 190px; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; }

.persons--is-referee .person_img-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: 50px; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; height: 82px; }

.persons--is-referee .person_img { top: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.persons--is-referee .person_text { font-size: .857em; }

.persons--is-referee .person_text:first-child { font-size: 1em; font-weight: 400; }

.content_adds-and-outs { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: calc(100% + 0px); max-width: calc(100% + 0px); margin: 0 0px; margin-left: 5px; margin-right: 5px; }

.content_adds-and-outs > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 10px); max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px 10px; }

@media (min-width: 768px) { .content_adds-and-outs > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 50% - 10px); max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px 10px; } }

.content_adds-and-outs .newest-member { position: relative; padding-left: 0; padding-right: 0; }

.content_adds-and-outs .newest-member:after { position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: currentColor; opacity: 0.25; content: ""; }

@media (min-width: 480px) { .content_adds-and-outs .newest-member_icon-arrow-right:before { -webkit-transform: rotateZ(0); transform: rotateZ(0); } .content_adds-and-outs .newest-member_clubs { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } }

.club-info { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: calc(100% + 0px); max-width: calc(100% + 0px); margin: 0 0px; }

.club-info_item { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; }

@media (min-width: 768px) { .club-info_item { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 193px; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; } }

.club-info_persons { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; }

@media (min-width: 768px) { .club-info_persons { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; } }

.club-info_icon--TELEFON:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; padding-right: 5px; }

.club-info_icon--MOBIL:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; padding-right: 5px; }

.club-info_icon--FAX:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; padding-right: 5px; }

.club-info_icon--EMAIL { padding-left: 20px; position: relative; -webkit-hyphens: none; -ms-hyphens: none; hyphens: none; }

.club-info_icon--EMAIL:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; position: absolute; top: 3px; left: 0; }

.club-info_title { font-weight: 700; }

.club-info_title.text--is-centered { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; }

.club-info_persons { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: calc(100% + 0px); max-width: calc(100% + 0px); margin: 0 0px; }

.club-info_person { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: calc(100% + 10px); max-width: calc(100% + 10px); margin: 0 -5px; -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: 290px; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; }

.club-info_person:nth-child(2n) { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; text-align: right; }

.club-info_person:nth-child(2n) [class*="person_icon"]:before { content: none; }

.club-info_person:nth-child(2n) .person_icon--TELEFON:after { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; padding-left: 5px; }

.club-info_person:nth-child(2n) .person_icon--MOBIL:after { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; padding-left: 5px; }

.club-info_person:nth-child(2n) .person_icon--FAX:after { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; padding-left: 5px; }

.club-info_person:nth-child(2n) .person_icon--EMAIL { padding-left: 0; padding-right: 20px; position: relative; -webkit-hyphens: none; -ms-hyphens: none; hyphens: none; }

.club-info_person:nth-child(2n) .person_icon--EMAIL:after { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; position: absolute; top: 3px; right: 0; left: auto; }

/*btn*/
.widget-btn { display: inline-block; padding: 5px; border: none; font-size: 1em; text-align: center; cursor: pointer; }

/*dropdown*/
.widget-dropdown_btn { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -webkit-box-pack: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: calc(100% + 10px); max-width: calc(100% + 10px); margin: 0 -5px; }

.widget-dropdown_btn > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: initial;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; }

.widget-dropdown_list { list-style: none; padding: 0; margin: 0; }

.widget-dropdown_list-item { padding: 5px; text-align: right; }

.widget-dropdown_trigger { padding-left: 10px; padding-right: 10px; }

.widget-small { font-size: .714em; }

.widget-large { font-size: 1.714em; }

.widget-bx-wrapper { border: 0; }

.widget-widgetHolder { position: absolute; left: 0; right: 0; bottom: 0; top: 85px; }

@media (min-width: 992px) { .widget-widgetHolder { top: 95px; } }

@media (min-width: 1280px) { .widget-widgetHolder { top: 125px; } }

.noad .widget-widgetHolder { top: 25px; }

/* ad*/
.widget-ad { padding-top: 5px; padding-bottom: 5px; font-size: .8rem; }

.widget-ad_header { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; width: calc(100% + 0px); max-width: calc(100% + 0px); margin: 0 0px; margin-bottom: 5px; }

.widget-ad_text { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: 1;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 0px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0px; position: relative; }

.widget-ad_text:after { content: ''; border-bottom: 1px solid currentColor; display: block; position: absolute; height: 1px; left: 13em; right: .4em; bottom: 0; }

.widget-ad_link { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: initial;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 0px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0px; color: inherit; }

.widget-ad_content { max-width: 100%; margin: 0 auto 10px; border-bottom: 1px solid currentColor; padding-bottom: 5px; height: 56px; width: 300px; overflow: hidden; }

@media (min-width: 992px) { .widget-ad_content { height: 66px; width: 468px; } }

@media (min-width: 1280px) { .widget-ad_content { height: 96px; width: 728px; } }

.noad .widget-ad_content { display: none; }

.app-foesvAdSpace.hidden { display: none; }

.foesv_ad_popup_link { display: inline-block; background-color: white; padding: 5px; line-height: 0px; max-width: 310px; }

.foesv_ad_popup_link img { max-width: 300px; }

@media (min-width: 620px) { .foesv_ad_popup_link { max-width: 610px; } .foesv_ad_popup_link img { max-width: 600px; } }

/*table*/
.widget-table { width: 100%; border-collapse: collapse; border-spacing: 0; }

.widget-table_header { font-weight: bold; text-align: left; padding: 2px 5px; }

.widget-table_v-line { width: 2px; }

.widget-table_h-line { border-bottom: 1px solid currentColor; padding: 0; }

.widget-table_row { position: relative; }

.widget-table_content { padding: 2px 5px; }

.widget-table_content a[href] { color: currentColor; overflow-wrap: break-word; word-wrap: break-word; word-break: break-all; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }

.widget-table_content-img-wrapper { width: 2.857em; height: 2.857em; border-radius: 50%; background-color: #fff; overflow: hidden; }

.widget-table_content-img { width: auto; height: auto; max-width: 100%; max-height: 100%; position: relative; top: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); left: 50%; }

.widget-table_content--center { text-align: center; }

.widget-table_content--right { text-align: right; }

.widget-list { padding-top: 2px; overflow: hidden; position: relative; }

.widget-list.spiele:before { content: ""; position: absolute; top: 2px; left: 0; right: 0; height: 1px; background-color: currentColor; opacity: 0.25; position: absolute; z-index: 1; }

.widget-list.spiele .widget-list_container:first-child:before { content: none; }

.widget-list_info { position: relative; font-size: 0.857em; padding: 2px 10px; }

.widget-list_info:before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: currentColor; opacity: 0.1; width: 100%; }

.widget-list_container { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; width: calc(100% + 10px); max-width: calc(100% + 10px); margin: 0 -5px; position: relative; }

.widget-list_container--cancelled .match_date, .widget-list_container--cancelled .match_home-team, .widget-list_container--cancelled .match_other-team { text-decoration: line-through; }

.widget-list_container:first-child:before { content: ""; top: 0; left: 0; right: 0; height: 1px; background-color: currentColor; opacity: 0.25; position: absolute; z-index: 1; }

.widget-list_container:after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: currentColor; opacity: 0.25; width: 100%; }

.widget-list_container > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: initial;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; }

.widget-list_container > .next-last-match_link { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: initial;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 0px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0px; }

.widget-list_topscorer { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: calc(100% + 10px); max-width: calc(100% + 10px); margin: 0 -5px; -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 10px); max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; padding-top: 5px; padding-bottom: 5px; border-top-width: 1px; border-top-style: solid; }

.widget-list_topscorer > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: initial;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; }

.widget-list_cards { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: calc(100% + 10px); max-width: calc(100% + 10px); margin: 0 -5px; -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 10px); max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; padding-top: 5px; padding-bottom: 5px; border-top-width: 1px; border-top-style: solid; }

.widget-list_cards > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: initial;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; }

.widget-list_player--left { position: relative; font-size: .635em; }

@media (min-width: 480px) { .widget-list_player--left { font-size: inherit; } }

.widget-list_player--right { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: 1;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; }

.widget-list_match { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: 1;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: calc(100% + 10px); max-width: calc(100% + 10px); margin: 0 -5px; position: relative; padding: 18px 5px 0; }

.widget-list_match--primary { border-bottom-width: 1px; border-bottom-style: solid; }

.widget-list_match:not(:first-child):before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px; display: block; }

.widget-list_match > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: initial;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px 10px; }

/* widget-panel*/
.widget-panel { border: currentColor; position: relative; }

.widget-panel_header { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: calc(100% + 20px); max-width: calc(100% + 20px); margin: 0 -10px; opacity: 0.5; padding: 5px; position: absolute; top: 0; left: 0; right: 0; z-index: 2; }

.widget-panel_content { padding-top: 1.929em; padding-bottom: 0; }

.widget-panel_content--footer { padding-bottom: 2.643em; }

.widget-panel_footer { position: absolute; bottom: 0; left: 0; right: 0; z-index: 2; }

.widget-panel_footer:before { content: ""; background-color: currentColor; position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0.1; pointer-events: none; }

/*header*/
.widget-header_text { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: 1;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; min-width: 0; line-height: 1.25; }

.widget-header_text-content { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

.widget-header_link { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: initial;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; color: inherit; line-height: 1.25; }

.widget-header_selectbox { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: 1;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; border-style: solid; border-width: 1px; position: relative; }

.widget-header_selectbox:before { content: ''; width: 0; height: 0; border-style: solid; border-width: 5px 5px 0 5px; border-color: currentColor transparent transparent transparent; position: absolute; top: 50%; right: 5px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.widget-header_selectbox select { background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; color: inherit; width: 100%; padding: 0 5px; height: 1.071em; font-size: .786em; }

.widget-header_selectbox select::-ms-expand { display: none; }

.widget-header_selectbox select option { color: black; }

/*footer*/
.widget-footer_dropdown { padding: 5px; }

.widget-footer_btn-group { padding: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -webkit-box-pack: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: calc(100% + 0px); max-width: calc(100% + 0px); margin: 0 0px; }

.widget-footer_btn-group > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: initial;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 0px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0px; }

/*info*/
.widget-info { font-size: .714em; opacity: .5; text-align: right; padding: 10px 5px; }

/*more*/
.widget-more { background-color: #EAEAEA; color: white; text-align: center; padding: 2px 5px; }

.widget-more--bottom { position: absolute; top: 0; left: 0; right: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); }

.widget-more--bottom:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; }

.widget-more--bottom:after { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; }

.widget-more--top { position: absolute; bottom: 0; left: 0; right: 0; -webkit-transform: translateY(100%); transform: translateY(100%); }

.widget-more--top:before { display: inline-block; background-repeat: no-repeat; /* 			background-image: url(../img/sprite.svg); */ width: 1em; height: 1em; background-size: contain; vertical-align: middle; /* A particular icon has been specified*/ content: ""; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%3E%3C%2Fsvg%3E"); /*background-image: url("../img/.svg");*/ /*background-image: url("../img/sprite.svg#"); */ /* Include any extra rules supplied for the pseudo-element (color,...)*/ }

.widget-more--top:after { display: inline-block; background-repeat: no-repeat; /* 			background-image: url(../img/sprite.svg); */ width: 1em; height: 1em; background-size: contain; vertical-align: middle; /* A particular icon has been specified*/ content: ""; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%3E%3C%2Fsvg%3E"); /*background-image: url("../img/.svg");*/ /*background-image: url("../img/sprite.svg#"); */ /* Include any extra rules supplied for the pseudo-element (color,...)*/ }

.widget-match_date { position: relative; }

.widget-match_date:before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: currentColor; opacity: .25; content: ""; }

.widget-match_date--small { font-size: .8em; position: absolute; top: -3px; left: 11px; padding: 0 10px; z-index: 1; }

.widget-match_date--lg { border-top-width: 1px; border-top-style: solid; width: 5.857em; padding: 10px 5px; text-align: center; line-height: 1.3; }

.widget-match_team-logo { width: 40px; height: 40px; }

.widget-match_team-logo img { width: auto; height: auto; max-height: 100%; max-width: 100%; position: relative; top: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); left: 50%; }

.widget-match_competition { /*@extend %bg-white-transparent;*/ font-size: .857em; position: absolute; top: 0; right: 15px; text-align: right; opacity: .5; }

.panel-theme .widget-match_home-team { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: none;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 0; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px 10px; text-align: right; text-decoration: none; color: inherit; }

.panel-theme .widget-match_other-team { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: none;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 0; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px 10px; text-decoration: none; color: inherit; }

.widget-match_live { padding: 0 10px; text-transform: uppercase; }

.widget-match_live--small { position: absolute; top: -3px; right: 1px; font-size: .8em; /*@extend %bg-gray;*/ }

.widget-match_comment { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 10px); max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px 10px; position: relative; padding-top: 10px; text-align: center; font-size: .85em; }

.widget-match_comment:before { content: ''; position: absolute; top: 0; left: 25%; right: 25%; height: 1px; background-color: currentColor; }

.widget-match_scores { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: calc(100% + 10px); max-width: calc(100% + 10px); margin: 0 -5px; -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 4.55em; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px 10px; margin-right: 0; margin-left: 0; font-size: 1.285em; text-align: center; }

.widget-match_scores--primary { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 5.35em; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px 10px; }

.widget-match_scores--primary .scores_left { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 1.7em; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; height: 1.7em; border-radius: 50%; padding: 5px; /*@extend %bg-dark;*/ text-align: inherit; }

.widget-match_scores--primary .scores_right { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 1.7em; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; height: 1.7em; padding: 5px; border-radius: 50%; /*@extend %bg-dark;*/ text-align: inherit; }

.widget-match_scores > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: initial;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; }

.widget-scores_left { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 1.3em; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; text-align: right; }

.widget-scores_right { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 1.3em; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; text-align: left; }

.widget-scores_first-half { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 10px); max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; font-size: 0.625em; }

.widget-player { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: calc(100% + 10px); max-width: calc(100% + 10px); margin: 0 -5px; }

.widget-player > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: initial;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; }

.widget-player_name { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 10px); max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; -ms-flex-item-align: end; align-self: flex-end; text-decoration: none; color: inherit; }

.widget-player_position { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 10px); max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; font-size: .857em; }

.widget-player_nr { position: absolute; bottom: 0; right: 0; border-radius: 50%; line-height: 2em; z-index: 1; text-align: center; width: 2em; height: 2em; }

.widget-player_nr:empty :before { content: "\2014"; }

.widget-player_in-action { /*@include panel-theme ( $icon: shirt, $size: 15px);*/ -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 2.5em; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; -ms-flex-item-align: start; align-self: flex-start; position: relative; padding-left: 1.357em; }

.widget-player_in-action:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; }

.widget-player_other-icon { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 1em; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; -ms-flex-item-align: start; align-self: flex-start; text-align: right; line-height: 1; }

.widget-player_other-icon:last-child { margin-right: auto; }

.widget-player_other-icon--goal:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; }

.widget-player_other-icon--own-goal { color: red; }

.widget-player_other-icon--own-goal:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; }

.widget-player_other-icon--transfer:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; }

.widget-player_other-icon--card-red { color: red; }

.widget-player_other-icon--card-red:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; }

.widget-player_other-icon--card-yellow { color: orange; }

.widget-player_other-icon--card-yellow:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; }

.widget-player_other-icon--card-red-yellow { position: relative; }

.widget-player_other-icon--card-red-yellow:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; color: red; }

.widget-player_other-icon--card-red-yellow:after { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; color: orange; position: absolute; top: 0; left: 0; }

.widget-player_other-icon--card-blue { color: blue; }

.widget-player_other-icon--card-blue:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; }

.widget-player_other-icon--card-red-blue { position: relative; }

.widget-player_other-icon--card-red-blue:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; color: red; }

.widget-player_other-icon--card-red-blue:after { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; color: blue; position: absolute; top: 0; left: 0; }

.widget-player_goals { /*  @include panel-theme ( $icon: ball, $size: 15px);*/ -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 2.5em; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; -ms-flex-item-align: start; align-self: flex-start; position: relative; padding-left: 1.357em; }

.widget-player_goals:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; }

.widget-player_card--red { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 2.5em; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; -ms-flex-item-align: start; align-self: flex-start; position: relative; padding-left: 1.357em; }

.widget-player_card--red:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; color: red; }

.widget-player_card--yellow { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 2.5em; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; -ms-flex-item-align: start; align-self: flex-start; position: relative; padding-left: 1.357em; }

.widget-player_card--yellow:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; color: orange; }

.widget-player_card--red-yellow { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 2.5em; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; -ms-flex-item-align: start; align-self: flex-start; position: relative; padding-left: 1.357em; }

.widget-player_card--red-yellow:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; color: red; }

.widget-player_card--red-yellow:after { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; color: orange; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; }

.widget-player_card--red-blue { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 2.5em; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; -ms-flex-item-align: start; align-self: flex-start; position: relative; padding-left: 1.357em; }

.widget-player_card--red-blue:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; color: red; }

.widget-player_card--red-blue:after { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; color: blue; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; }

.widget-player_card--blue { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 2.5em; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; -ms-flex-item-align: start; align-self: flex-start; position: relative; padding-left: 1.357em; }

.widget-player_card--blue:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; color: blue; }

.widget-player_image { width: auto; height: auto; max-width: 100%; max-height: 100%; position: relative; top: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); left: 50%; }

.widget-player_image-wrapper { width: 5em; height: 5em; margin: .714em; text-align: left; }

.widget-topscorer_rank { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 2.286em; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; }

.widget-topscorer_name { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: 1;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; -ms-flex-item-align: end; align-self: flex-end; }

.widget-topscorer_in-action { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 2.5em; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; position: relative; padding-left: 1.357em; text-align: right; }

.widget-topscorer_in-action:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; position: absolute; top: 0; left: 0; }

.widget-topscorer_goals { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 2.5em; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; position: relative; padding-left: 1.357em; text-align: right; }

.widget-topscorer_goals:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; position: absolute; top: 0; left: 0; }

.widget-cards_name { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: 1;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; }

.widget-cards_in-action { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 2.5em; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; }

.widget-cards_in-action:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; padding-right: 5px; }

.widget-cards_goals { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 2.5em; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; }

.widget-cards_goals:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; padding-right: 5px; }

.widget-cards_card--red { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 2.5em; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; position: relative; padding-left: 1.357em; text-align: right; }

.widget-cards_card--red:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; position: absolute; top: 0; left: 0; color: red; }

.widget-cards_card--yellow { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 2.5em; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; position: relative; padding-left: 1.357em; text-align: right; }

.widget-cards_card--yellow:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; position: absolute; top: 0; left: 0; color: orange; }

.widget-cards_card--red-yellow { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 2.5em; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; position: relative; padding-left: 1.357em; text-align: right; }

.widget-cards_card--red-yellow:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; position: absolute; top: 0; left: 0; color: red; }

.widget-cards_card--red-yellow:after { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; position: absolute; top: 0; left: 0; color: orange; position: absolute; top: 0; left: 0; }

.widget-spinner { padding: 10px; }

.widget-spinner svg g { stroke-width: .5; }

@-webkit-keyframes ball-movement { 0% { -webkit-transform: translatex(0px);
    transform: translatex(0px); }
  60% { -webkit-transform: translateY(-2px);
    transform: translateY(-2px); }
  50% { -webkit-transform: translatex(10px) translateY(0);
    transform: translatex(10px) translateY(0); }
  100% { -webkit-transform: translatex(0px) translateY(0px);
    transform: translatex(0px) translateY(0px); } }

@keyframes ball-movement { 0% { -webkit-transform: translatex(0px);
    transform: translatex(0px); }
  60% { -webkit-transform: translateY(-2px);
    transform: translateY(-2px); }
  50% { -webkit-transform: translatex(10px) translateY(0);
    transform: translatex(10px) translateY(0); }
  100% { -webkit-transform: translatex(0px) translateY(0px);
    transform: translatex(0px) translateY(0px); } }

.ball { -webkit-animation: ball-movement 1.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite; animation: ball-movement 1.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite; }

@-webkit-keyframes leg-right-movement { 0% { -webkit-transform: rotateZ(-20deg);
    transform: rotateZ(-20deg); }
  50% { -webkit-transform: rotateZ(20deg);
    transform: rotateZ(20deg); }
  100% { -webkit-transform: rotateZ(-20deg);
    transform: rotateZ(-20deg); } }

@keyframes leg-right-movement { 0% { -webkit-transform: rotateZ(-20deg);
    transform: rotateZ(-20deg); }
  50% { -webkit-transform: rotateZ(20deg);
    transform: rotateZ(20deg); }
  100% { -webkit-transform: rotateZ(-20deg);
    transform: rotateZ(-20deg); } }

.leg--right { -webkit-animation: leg-right-movement .7s linear infinite; animation: leg-right-movement .7s linear infinite; -webkit-transform-origin: top right; transform-origin: top right; }

@-webkit-keyframes leg-left-movement { 0% { -webkit-transform: rotateZ(20deg);
    transform: rotateZ(20deg); }
  50% { -webkit-transform: rotateZ(-20deg);
    transform: rotateZ(-20deg); }
  100% { -webkit-transform: rotateZ(20deg);
    transform: rotateZ(20deg); } }

@keyframes leg-left-movement { 0% { -webkit-transform: rotateZ(20deg);
    transform: rotateZ(20deg); }
  50% { -webkit-transform: rotateZ(-20deg);
    transform: rotateZ(-20deg); }
  100% { -webkit-transform: rotateZ(20deg);
    transform: rotateZ(20deg); } }

.leg--left { -webkit-animation: leg-left-movement .7s linear infinite; animation: leg-left-movement .7s linear infinite; -webkit-transform-origin: top right; transform-origin: top right; }

@-webkit-keyframes arm-left-movement { 0% { -webkit-transform: rotateZ(30deg);
    transform: rotateZ(30deg); }
  50% { -webkit-transform: rotateZ(-50deg);
    transform: rotateZ(-50deg); }
  100% { -webkit-transform: rotateZ(30deg);
    transform: rotateZ(30deg); } }

@keyframes arm-left-movement { 0% { -webkit-transform: rotateZ(30deg);
    transform: rotateZ(30deg); }
  50% { -webkit-transform: rotateZ(-50deg);
    transform: rotateZ(-50deg); }
  100% { -webkit-transform: rotateZ(30deg);
    transform: rotateZ(30deg); } }

.arm--left { -webkit-animation: arm-left-movement .7s linear infinite; animation: arm-left-movement .7s linear infinite; -webkit-transform-origin: top right; transform-origin: top right; }

@-webkit-keyframes arm-right-movement { 0% { -webkit-transform: rotateZ(-50deg);
    transform: rotateZ(-50deg); }
  50% { -webkit-transform: rotateZ(30deg);
    transform: rotateZ(30deg); }
  100% { -webkit-transform: rotateZ(-50deg);
    transform: rotateZ(-50deg); } }

@keyframes arm-right-movement { 0% { -webkit-transform: rotateZ(-50deg);
    transform: rotateZ(-50deg); }
  50% { -webkit-transform: rotateZ(30deg);
    transform: rotateZ(30deg); }
  100% { -webkit-transform: rotateZ(-50deg);
    transform: rotateZ(-50deg); } }

.arm--right { -webkit-animation: arm-right-movement .7s linear infinite; animation: arm-right-movement .7s linear infinite; -webkit-transform-origin: top right; transform-origin: top right; }

/* just helper for preview! remove class later or use it for iframes*/
.u-widget_content { display: none; }

.u-widget_content--show { display: block; }

.u-widget_empty-text { padding: 10px; text-align: center; }

.u-widget_hidden { display: none; }

.u-widget_visible--xs { display: none; }

.u-widget_visible-table--xs { display: none; }

.u-widget_visible-flex--xs { display: none; }

.u-widget_visible--sm { display: none; }

.u-widget_visible-table--sm { display: none; }

.u-widget_visible-flex--sm { display: none; }

.u-widget_visible--md { display: none; }

.u-widget_visible-table--md { display: none; }

.u-widget_visible-flex--md { display: none; }

.u-widget_visible--lg { display: none; }

.u-widget_visible-table--lg { display: none; }

.u-widget_visible-flex--lg { display: none; }

@media only screen and (min-width: 480px) { .u-widget_hidden--xs { display: none; } }

@media only screen and (min-width: 480px) { .u-widget_visible--xs { display: block; } }

@media only screen and (min-width: 480px) { .u-widget_visible-table--xs { display: table-cell; } }

@media only screen and (min-width: 480px) { .u-widget_visible-flex--xs { display: flex; } }

@media only screen and (min-width: 768px) { .u-widget_hidden--sm { display: none; } }

@media only screen and (min-width: 768px) { .u-widget_visible--sm { display: block; } }

@media only screen and (min-width: 768px) { .u-widget_visible-table--sm { display: table-cell; } }

@media only screen and (min-width: 768px) { .u-widget_visible-flex--sm { display: flex; } }

@media only screen and (min-width: 992px) { .u-widget_hidden--md { display: none; } }

@media only screen and (min-width: 992px) { .u-widget_visible--md { display: block; } }

@media only screen and (min-width: 992px) { .u-widget_visible-table--md { display: table-cell; } }

@media only screen and (min-width: 992px) { .u-widget_visible-flex--md { display: flex; } }

@media only screen and (min-width: 1280px) { .u-widget_hidden--lg { display: none; } }

@media only screen and (min-width: 1280px) { .u-widget_visible--lg { display: block; } }

@media only screen and (min-width: 1280px) { .u-widget_visible-table--lg { display: table-cell; } }

@media only screen and (min-width: 1280px) { .u-widget_visible-flex--lg { display: flex; } }

.tabs_link { border-bottom: 1px solid transparent; cursor: pointer; z-index: 1; }

.tabs_link--is-selected { border-color: currentColor; }

.tabs_links { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; width: calc(100% + 20px); max-width: calc(100% + 20px); margin: 0 -10px; position: relative; }

.tabs_links > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: initial;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; margin-bottom: 10px; }

.app-vhp3_spielberichtSpielort .tabs_links > *:first-child, .app-vhp3_spielortinfo + * .tabs_links > *:first-child { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: 1;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-bottom: 10px; }

.tabs_links:before { content: ''; height: 1px; background-color: currentColor; position: absolute; bottom: 10px; left: 10px; right: 10px; opacity: 0.25; }

.tabs_links_content-item { display: none; }

.timeline { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: calc(100% + 20px); max-width: calc(100% + 20px); margin: 0 -10px; }

.timeline > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; }

@media (min-width: 768px) { .timeline > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: none;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 0; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; } }

.timeline > .timeline_update { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; }

.timeline_update { font-size: .8em; text-align: center; }

@media (min-width: 768px) { .timeline_update { text-align: right; } }

.timeline_update > .btn:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; padding-right: .357em; }

.timeline_item { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; width: calc(100% + 5px); max-width: calc(100% + 5px); margin: 0 -2.5px; position: relative; padding: 10px; }

@media (min-width: 480px) { .timeline_item { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; width: calc(100% + 20px); max-width: calc(100% + 20px); margin: 0 -10px; } }

.timeline_item > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: initial;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 5px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 2.5px; }

@media (min-width: 480px) { .timeline_item > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: initial;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; } }

.timeline_item > .timeline_text, .timeline_item > .timeline_loading { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: 1;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 5px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 2.5px; margin-top: 5px; }

@media (min-width: 480px) { .timeline_item > .timeline_text, .timeline_item > .timeline_loading { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: 1;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; padding-right: 0; } }

.timeline_item > .timeline_time { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: 42px; max-width: calc(100% - 5px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 2.5px; }

@media (min-width: 480px) { .timeline_item > .timeline_time { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: 42px; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; } }

.timeline_item > .timeline_team { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: 40px; max-width: calc(100% - 5px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 2.5px; }

@media (min-width: 480px) { .timeline_item > .timeline_team { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: 40px; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; } }

.timeline_item:not(:first-child):before { content: ''; width: 5px; height: 12px; left: 122px; top: 0; position: absolute; background-color: currentColor; }

@media (min-width: 480px) { .timeline_item:not(:first-child):before { left: 159px; } }

.timeline_item:not(:first-child):last-child:before { height: 12px; }

.timeline_item:not(:last-child):after { content: ''; width: 5px; height: calc(100% - 48px); bottom: 0; left: 122px; position: absolute; background-color: currentColor; }

.timeline_item:not(:last-child):last-child:after { height: 12px; }

@media (min-width: 480px) { .timeline_item:not(:last-child):after { left: 159px; } }

.timeline_list { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; width: calc(100% + 0px); max-width: calc(100% + 0px); margin: 0 0px; -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 400px; max-width: calc(100% - 0px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0px; }

.timeline_list > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: initial;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 0px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0px 0px; }

.timeline_team:not(:empty) { width: 40px; height: 40px; border-radius: 100%; overflow: hidden; background-color: #fff; }

.timeline_team:not(:empty) > * { width: 100%; height: auto; position: relative; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); }

.timeline_loading:after { overflow: hidden; display: inline-block; vertical-align: bottom; -webkit-animation: ellipsis steps(4, end) 700ms infinite; animation: ellipsis steps(4, end) 700ms infinite; content: '\2026'; width: 0; }

.timeline_text { word-break: break-word; }

.timeline_event { border: 2px solid currentColor; border-radius: 100%; width: 40px; height: 40px; position: relative; z-index: 1; }

.timeline_event:after, .timeline_event:before { position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); }

.timeline_event--general:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.428em; color: inherit; content: ""; }

.timeline_event--goal:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.428em; color: inherit; content: ""; }

.timeline_event--card-red:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.428em; color: inherit; content: ""; color: red; }

.timeline_event--card-yellow:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.428em; color: inherit; content: ""; color: orange; }

.timeline_event--on-going:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.428em; color: inherit; content: ""; }

.timeline_event--card-red-yellow:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.428em; color: inherit; content: ""; color: red; }

.timeline_event--card-red-yellow:after { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.428em; color: inherit; content: ""; color: orange; }

.timeline_event--change-player:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.428em; color: inherit; content: ""; }

.timeline_event--card-blue:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.428em; color: inherit; content: ""; color: blue; }

.timeline_event--card-red-blue:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.428em; color: inherit; content: ""; color: red; }

.timeline_event--card-red-blue:after { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.428em; color: inherit; content: ""; color: blue; }

@-webkit-keyframes ellipsis { to { width: 1.25em; } }

@keyframes ellipsis { to { width: 1.25em; } }

.liveticker_author { text-align: right; font-size: 0.857em; opacity: 0.75; }

.statistics { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: calc(100% + 20px); max-width: calc(100% + 20px); margin: 0 -10px; -ms-flex-line-pack: center; align-content: center; }

.statistics > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: initial;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 0px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0px 0px; }

.statistics > .statistics_donut { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: initial;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 0px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0px 0px; }

.graph { font-size: 10px; width: 149px; }

.graph_time { fill-opacity: .25; font-weight: 700; fill: currentColor; }

.graph_text { font-weight: 700; fill: currentColor; }

.graph_divider { fill-opacity: .25; fill: currentColor; }

.graph_value { fill: currentColor; }

.statistics_donut { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: calc(100% + 20px); max-width: calc(100% + 20px); margin: 0 -10px; }

.statistics_donut > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 100px; max-width: calc(100% - 0px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0px 0px; }

.donut_hole { fill: currentColor; }

.donut_ring { stroke: currentColor; fill: transparent; stroke-width: 3; stroke-opacity: 0.1; }

.donut_text { text-anchor: middle; fill: currentColor; }

.donut_text:only-child { font-size: .38em; }

.donut_numbers { font-size: 1.6em; text-anchor: middle; fill: currentColor; }

.donut_text-wrapper { text-anchor: middle; font-size: .3em; fill: currentColor; }

.donut_text-wrapper:empty { font-size: .38em; }

[class*="donut_segment"] { fill: transparent; stroke: currentColor; stroke-width: 3; }

.highlight-theme[class*="donut_segment"] { stroke-opacity: 0.25; }

.results { font-size: .857em; -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: calc(100% + 0px); max-width: calc(100% + 0px); margin: 0 0px; }

.results > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 0px); max-width: calc(100% - 0px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0px 0px; margin-top: -1px; }

@media (min-width: 480px) { .results > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 50% - 0px); max-width: calc(100% - 0px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0px 0px; margin-top: -1px; } }

@media (min-width: 768px) { .results > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 33.3333333333% - 0px); max-width: calc(100% - 0px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0px 0px; margin-top: -1px; } }

.results .widget-large { font-size: 1.714em; }

.results .widget-match_date--lg { font-size: .857em; width: 4.903em; }

.results .widget-match_date--lg.panel-theme-inv:before, .results .widget-match_date--lg.highlight-theme:before { opacity: 0; }

.results .widget-match_team-logo { width: 25px; height: 25px; }

.results .widget-match_scores { width: 3.244em; margin-right: 0; margin-left: 0; font-size: 1.285em; text-align: center; }

.results .widget-scores_left, .results .widget-scores_right { width: 1.168em; margin: 0; }

.results .widget-list_match > * { margin: 0; }

.results .widget-list_match { padding: 0; }

.results .widget-list_container:before { content: ""; top: 0; left: 0; right: 0; height: 1px; background-color: currentColor; opacity: 0.25; position: absolute; z-index: 1; }

.results .widget-list_container > * { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0; border: none; }

.last-matches { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: calc(100% + 20px); max-width: calc(100% + 20px); margin: 0 -10px; }

.last-matches > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; }

@media (min-width: 768px) { .last-matches > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 50% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; } }

.last-matches .widget-list_match { margin: 0 5px; padding-left: 0; padding-right: 0; }

.match-title { padding: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.match-title .widget-match_home-team { margin: 0; }

.match-title .widget-match_other-team { margin: 0; }

.match-title .widget-match_scores { margin: 0; }

.match-location { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: calc(100% + 20px); max-width: calc(100% + 20px); margin: 0 -10px; }

.match-location > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 180px; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; }

.match-location_imgs { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; width: calc(100% + 20px); max-width: calc(100% + 20px); margin: 0 -10px; }

.match-location_imgs > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 50px; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; height: 50px; }

.match-location_img { width: 100%; height: auto; }

.img-wrapper { max-width: 100%; padding-bottom: calc(100%*3/7); position: relative; }

.img-wrapper > * { position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); max-width: calc(100% - 0.714em*2); max-height: calc(100% - 0.714em*2); width: auto; height: auto; }

.contentArticle > * { padding-top: .625em; padding-bottom: .625em; margin-left: 10px; margin-right: 10px; position: relative; }

.contentArticle .title { font-size: 1.285em; line-height: 1.285em; font-weight: 700; margin: 0; }

.contentArticle .subtitle { font-size: .857em; margin: 0; opacity: .75; line-height: 1.285em; }

.contentArticle .articleBody ol, .contentArticle .articleBody ul { list-style-type: initial; }

.contentArticle .articleBody table { overflow-x: auto; border-collapse: collapse; border-spacing: 0; }

.contentArticle .articleBody td, .contentArticle .articleBody th { border: none; text-align: left; padding: 8px; width: 100px; position: relative; }

.contentArticle .articleBody td:after, .contentArticle .articleBody th:after { content: ''; left: 0; right: 0; bottom: 0; height: 1px; background-color: currentColor; opacity: .75; position: absolute; }

.contentArticle .articleBody blockquote { margin: 1.5em 10px; padding: .5em 10px .5em 40px; quotes: '\201C""\201D""\2018""\2019'; position: relative; }

.contentArticle .articleBody blockquote:before { content: open-quote; font-size: 4em; position: absolute; left: 0; top: 1rem; opacity: .75; }

.contentArticle .articleBody blockquote:after { content: ''; width: 3px; background-color: currentColor; opacity: .75; position: absolute; top: 0; bottom: 0; left: 25px; }

.contentArticle .articleBody h1, .contentArticle .articleBody h2, .contentArticle .articleBody h3, .contentArticle .articleBody h4, .contentArticle .articleBody h5, .contentArticle .articleBody h6 { line-height: 1.5em; }

.contentArticle .articleBody img { width: auto; height: auto; max-width: 100%; }

.contentArticle .articleBody h1, .contentArticle .articleBody h2 { margin: 1.5em 0; font-size: 1.125em; font-weight: 700; }

.contentArticle .wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: calc(100% + 20px); max-width: calc(100% + 20px); margin: 0 -10px; }

.contentArticle .wrapper > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; }

@media (min-width: 480px) { .contentArticle .wrapper > .date { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: initial;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; } .contentArticle .wrapper > .title { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: none;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 0; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; -webkit-box-ordinal-group: -1; -ms-flex-order: -1; order: -1; margin: 0 10px; } }

.contentArticle > header:before { content: ''; position: absolute; bottom: -1px; left: 0; width: 100px; height: 2px; background-color: currentColor; }

.contentArticle > header:after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: currentColor; opacity: .25; }

.app-Calendar { /* overwrite blueContent JS-value */ }

.app-Calendar .fc-view { font-size: 3.2vw; line-height: 3.9vw; }

@media (min-width: 480px) { .app-Calendar .fc-view { font-size: 2vw; line-height: 2vw; } }

@media (min-width: 768px) { .app-Calendar .fc-view { font-size: 1em; line-height: 1.5em; } }

.app-Calendar .instance-header { font-size: 1.285em; font-weight: 700; line-height: 1.285em; padding: .357em 10px; position: relative; }

.app-Calendar .instance-header:before { content: ''; position: absolute; bottom: -1px; left: 0; width: 100px; height: 2px; background-color: currentColor; }

.app-Calendar .instance-header:after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: currentColor; opacity: .25; }

.app-Calendar .overviewDiv { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: calc(100% + 0px); max-width: calc(100% + 0px); margin: 0 0px; position: relative; font-size: .857em; }

.app-Calendar .overviewDiv > * { padding: .357em 10px; -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 0px); max-width: calc(100% - 0px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0px 0px; }

@media (min-width: 480px) { .app-Calendar .overviewDiv > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 33.3333333333% - 0px); max-width: calc(100% - 0px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0px 0px; } }

@media (min-width: 768px) { .app-Calendar .overviewDiv > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 25% - 0px); max-width: calc(100% - 0px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0px 0px; } }

@media (min-width: 1280px) { .app-Calendar .overviewDiv > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 16.6666666667% - 0px); max-width: calc(100% - 0px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0px 0px; } }

.app-Calendar .overviewDiv > .feed { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 0px); max-width: calc(100% - 0px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0px 0px; }

@media (min-width: 480px) { .app-Calendar .overviewDiv > .feed { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 33.3333333333% - 0px); max-width: calc(100% - 0px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0px 0px; } }

@media (min-width: 768px) { .app-Calendar .overviewDiv > .feed { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 25% - 0px); max-width: calc(100% - 0px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0px 0px; } }

@media (min-width: 1280px) { .app-Calendar .overviewDiv > .feed { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 16.6666666667% - 0px); max-width: calc(100% - 0px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0px 0px; } }

.app-Calendar .overviewDiv:after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: currentColor; opacity: .25; }

.app-Calendar .feed { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: calc(100% + 0px); max-width: calc(100% + 0px); margin: 0 0px; }

.app-Calendar .feed > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: initial;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 0px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0px; }

.app-Calendar .feed > .feedColor { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: 16px; max-width: calc(100% - 0px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0px; margin: 0 10px 0 0; border-radius: 50%; }

.app-Calendar .feed > .feedName { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: none;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 0; max-width: calc(100% - 0px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0px; }

.app-Calendar .feed > a { margin-left: 10px; }

.app-Calendar .feedName { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.app-Calendar .calendarDiv { padding: 10px; }

.app-Calendar .fc button { background-color: transparent; background-image: none; text-shadow: none; -webkit-box-shadow: none; box-shadow: none; border-bottom-color: rgba(0, 0, 0, 0.1); }

.app-Calendar .fc button.fc-state-active, .app-Calendar .fc button.fc-state-down { border-bottom-color: currentColor; }

.app-Calendar .fc-toolbar h2 { margin-top: 10px; }

.app-Calendar .fc-state-default.fc-corner-left { border-radius: 0; }

.app-Calendar .fc-state-default.fc-corner-right { border-radius: 0; }

.app-Calendar .fc-state-active, .app-Calendar .fc-state-down { -webkit-box-shadow: none; box-shadow: none; border-color: currentColor; }

.app-Calendar .fc-state-active, .app-Calendar .fc-state-default, .app-Calendar .fc-state-disabled, .app-Calendar .fc-state-down, .app-Calendar .fc-state-hover { color: currentColor; }

.app-Calendar .fc-event { border-radius: 0; }

.app-Calendar h2 { font-size: 1.25em; }

.app-Calendar .fc-day-grid-container, .app-Calendar .fc-time-grid-container { height: auto !important; }

.frontend-editing { position: relative; z-index: 3; }

.frontend-editing_show-log-in { position: absolute; top: 50px; padding: 2px 8px; background-color: inherit; opacity: .7; right: 10px; }

@media (min-width: 480px) { .frontend-editing_show-log-in { top: 0; } }

.frontend-editing_user { width: auto; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-left: auto; }

.frontend-editing_user-role { font-size: .857em; }

.frontend-editing_btn { padding-top: 8px; padding-bottom: 8px; }

.frontend-editing_btn.logout { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; font-size: .857em; padding: 0; }

.frontend-editing_btn-group { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: calc(100% + 5px); max-width: calc(100% + 5px); margin: 0 -2.5px; }

.frontend-editing_btn-group > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: initial;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 5px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 2.5px 5px; }

.frontend-editing_container { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: calc(100% + 5px); max-width: calc(100% + 5px); margin: 0 -2.5px; padding: 10px; -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); border-bottom: 1px solid currentColor; }

.frontend-editing_container > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 5px); max-width: calc(100% - 5px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 2.5px 5px; }

.frontend-editing_container > .frontend-editing_btn { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: initial;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 5px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 2.5px 5px; }

@media (min-width: 480px) { .frontend-editing_container > .frontend-editing_input { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 220px; max-width: calc(100% - 5px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 2.5px 5px; } }

.frontend-editing_gallerie-list { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: calc(100% + 0px); max-width: calc(100% + 0px); margin: 0 0px; }

.frontend-editing_gallerie-list > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 0px); max-width: calc(100% - 0px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0px 0px; }

.frontend-editing_gallerie-item { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: calc(100% + 0px); max-width: calc(100% + 0px); margin: 0 0px; }

.frontend-editing_gallerie-item > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: none;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 0; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; }

.frontend-editing_gallerie-item > .frontend-editing_gallerie-img-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: 50px; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; }

.frontend-editing_gallerie-item > .frontend-editing_gallerie-btn-group { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; }

@media (min-width: 480px) { .frontend-editing_gallerie-item > .frontend-editing_gallerie-btn-group { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: 1;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; margin-left: auto; } }

.frontend-editing_gallerie-img-wrapper { height: 50px; position: relative; z-index: 1; }

.frontend-editing_gallerie-img-wrapper:before { content: ""; background-color: currentColor; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; opacity: 0.1; }

.frontend-editing_gallerie-img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: auto; height: auto; max-width: 100%; max-height: 100%; }

.frontend-editing_gallerie-name { font-weight: 700; }

.frontend-editing_main { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.frontend-editing_main > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: initial;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 5px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 2.5px 5px; }

.frontend-editing_main > *:last-child { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }

.frontend-editing--create { background: url("/assets/vereine3/img/article_new.png") center center no-repeat; text-indent: -9999999px; background-size: 25px; width: 30px; height: 30px; /* border-color: currentColor; */ white-space: nowrap; margin: 10px; }

.frontend-editing--edit { background: url("/assets/vereine3/img/article_edit.png") center center no-repeat; text-indent: -9999999px; background-size: 25px; width: 30px; height: 30px; /* border-color: currentColor; */ white-space: nowrap; margin: 10px; }

.card .frontend-editing--edit { position: absolute; bottom: 5px; left: 0; }

.frontend-editing--remove { background: url("/assets/vereine3/img/article_remove.png") center center no-repeat; text-indent: -9999999px; background-size: 25px; width: 30px; height: 30px; /* border-color: currentColor; */ white-space: nowrap; margin: 10px; }

.card .frontend-editing--remove { position: absolute; bottom: 5px; left: 50px; }

.app-vhp3_sujet .frontend-editing--edit { position: absolute; top: 0; right: 0; }

.app-vhp3_sujet .dz-clickable { background-color: transparent; }

.app-vhp3_sujet .panel-theme-inv .dz-cancel a { background-color: transparent; }

.dz-clickable { position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; }

.dz-clickable_bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: .5; }

.dz-message { color: currentColor; position: absolute; top: 50%; left: 0; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: lightgrey; width: 75%; margin: 0 auto; padding: 150px 0; outline: 3px solid red; }

.dz-cancel { position: absolute; left: 10px; top: 10px; background: white; }

.dz-cancel .btn { width: 420px; }

.dz-file-preview { position: absolute; top: calc(50% + 16px); left: 0; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: currentColor; }

.dz-file-preview:not(:last-child) { display: none; }

.dz-details { color: currentColor; position: absolute; top: 50%; left: 0; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.dz-progress { height: 20px; max-width: 200px; width: calc(100% - 30px); margin-left: auto; margin-right: auto; }

.dz-error-message { position: absolute; top: calc(50% + 32px); left: 0; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.dz-upload { background: currentColor; height: 100%; }

.dz-error .dz-progress { display: none; }

.bg-image-selector .dz-clickable { position: fixed; z-index: 5; }

.bg-image-selector .dz-clickable_bg { position: fixed; }

.bg-image-selector .dz-message { position: fixed; }

.bg-image-selector .dz-cancel { position: fixed; }

.bg-image-selector .dz-file-preview { position: fixed; }

.bg-image-selector .dz-details { position: fixed; }

.bg-image-selector .dz-error-message { position: fixed; }

.css-dialog { position: relative; width: 100%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }

.css-wrapper { padding: 10px; border: 1px solid currentColor; -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: calc(100% + 0px); max-width: calc(100% + 0px); margin: 0 0px; }

.css-wrapper > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 0px); max-width: calc(100% - 0px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0px 0px; margin-bottom: 10px; }

@media (min-width: 992px) { .css-wrapper { position: absolute; top: -1px; right: 0; z-index: 3; width: 300px; } }

.css-selector { border: 1px solid currentColor; padding: 5px; }

.css-selector option { color: initial; }

.css-header { width: 100%; font-weight: 700; position: relative; }

.css-header:after { content: ''; left: 0; right: 0; bottom: 0; height: 1px; background-color: currentColor; opacity: .25; position: absolute; }

.css-color { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: calc(100% + 0px); max-width: calc(100% + 0px); margin: 0 0px; margin-bottom: 10px; }

.css-color > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 200px; max-width: calc(100% - 0px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0px 0px; }

#css-theme-auswahl { width: 100%; border: 0; background-color: transparent; padding: 0; margin: 0; color: currentColor; }

.css-buttons > * { margin-bottom: 5px; padding: 0.357em 0.571em; }

.page-content > .instances-column > .app-vhp3_socialShare { margin-top: -15px; margin-bottom: 10px; }

@media (min-width: 1320px) { .share-bar { position: fixed; top: 50%; left: 0; z-index: 2; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 40px !important; } }

.share-bar_items { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -webkit-box-pack: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; width: calc(100% + 0px); max-width: calc(100% + 0px); margin: 0 0px; }

@media (min-width: 1320px) { .share-bar_items { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

.share-bar_items > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 40px; max-width: calc(100% - 0px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0px 0px; height: 40px; text-indent: 999999px; white-space: nowrap; overflow: hidden; position: relative; }

.share-bar_item { cursor: pointer; }

.share-bar_item .share-bar_item-link { color: inherit; }

.share-bar_item--facebook:after { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.286em; color: inherit; content: ""; position: absolute; top: 50%; left: 50%; text-indent: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.share-bar .share-bar_item--facebook:hover { color: white; }

.share-bar .share-bar_item--facebook:hover:before { background-color: #32599d; }

.share-bar_item--facebook:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }

.share-bar_item--whatsapp:after { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.286em; color: inherit; content: ""; position: absolute; top: 50%; left: 50%; text-indent: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.share-bar .share-bar_item--whatsapp:hover { color: white; }

.share-bar .share-bar_item--whatsapp:hover:before { background-color: #00d856; }

.share-bar_item--whatsapp:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }

.share-bar_item--twitter:after { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.286em; color: inherit; content: ""; position: absolute; top: 50%; left: 50%; text-indent: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.share-bar .share-bar_item--twitter:hover { color: white; }

.share-bar .share-bar_item--twitter:hover:before { background-color: #00a2f9; }

.share-bar_item--twitter:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }

.share-bar_item--email:after { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.286em; color: inherit; content: ""; position: absolute; top: 50%; left: 50%; text-indent: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.share-bar .share-bar_item--email:hover { color: white; }

.share-bar .share-bar_item--email:hover:before { background-color: #999; }

.share-bar_item--email:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }

.fussball-online { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; width: calc(100% + 20px); max-width: calc(100% + 20px); margin: 0 -10px; }

.fussball-online > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; }

.fussball-online > .fussball-online_img-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 200px; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; }

.fussball-online > .fussball-online_container { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 150px; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; }

.fussball-online_container { text-align: center; }

.fussball-online_img-text { font-size: 1em; line-height: 1.2em; text-align: center; font-weight: 700; }

.video-wrapper { width: 100%; padding-bottom: calc(100%*9/16); position: relative; overflow: hidden; }

.video { width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }

.teaser_link { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: calc(100% + 10px); max-width: calc(100% + 10px); margin: 0 -5px; }

.teaser_link > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 10px); max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px 10px; }

.teaser_link > .teaser_img-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: 80px; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px 10px; }

.teaser_link > .teaser_title { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: none;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 0; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px 10px; }

.teaser_link:not(:last-child):after { content: ''; background-color: currentColor; height: 1px; width: 100%; opacity: 0.1; margin-bottom: 10px; }

.teaser_img { max-width: 100%; height: auto; }

.teaser_date { font-size: 0.857em; }

.social-media:before { content: ""; top: 0; bottom: 1px; position: absolute; right: 0; left: 0; opacity: .05; background-color: currentColor; }

.social-media_list { -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); position: relative; margin: 1rem 0.714rem; /* 14/14, 10/14 */ padding: 0.714rem; /* 10/14 */ }

.social-media_header { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; width: calc(100% + 20px); max-width: calc(100% + 20px); margin: 0 -10px; }

.social-media_header > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: none;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 0; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; }

.social-media_header > .social-media_club-img-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 3.214rem; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; /* 45/14 */ }

.social-media_title { font-weight: 700; }

.social-media_date { font-size: 0.857rem; /* 12/14 */ }

.social-media_club-img-wrapper { height: 3.214rem; /* 45/14 */ position: relative; overflow: hidden; }

.social-media_club-img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: auto; height: auto; max-height: 100%; max-width: 100%; }

.social-media_link { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }

.social-media_item { position: relative; }

.social-media_item:not(:first-child) { margin-top: 10px; padding-top: 10px; }

.social-media_item:not(:first-child):before { content: ""; position: absolute; top: 0; left: 0; right: 0; background-color: currentColor; opacity: 0.1; height: 1px; }

.vhp3_socialMedia .panel_content { height: 0; padding-bottom: calc(100%*9/16); min-height: 150px; position: relative; overflow-y: scroll; margin-top: .625em; margin-bottom: .625em; padding-top: 0; }

.vhp3_socialMedia .content_social-media { position: absolute; top: 0; left: 0; }

/*Theming*/
.test- .menu-theme { background: #1862ab; /* color.menu */ color: white; /* color.menu-inv */ }

.test- .menu-theme > .instances-column:before { background: #1862ab; /* color.menu */ }

.test- .menu-theme_link { color: white; /* color.menu-inv */ background: #1862ab; /* color.menu */ border-color: white; /* color.menu-inv */ -webkit-transition: .2s linear all; transition: .2s linear all; }

.test- .menu-theme_link--selected, .test- .menu-theme_link:hover { color: #1862ab; /* color.menu */ background-color: white; /* color.menu-inv */ border-color: #1862ab; /* color.menu */ }

.test- .page-theme { background-color: #212529; /* color.page */ }

.test- .page-content { background-color: #087f5b; /* color.panel-color */ color: #fcc2d7; /* color.panel-bg */ }

.test- .panel-theme { background-color: #fcc2d7; /* color.panel-bg */ color: #087f5b; /* color.panel-color */ }

.test- .panel-theme a { color: #e67700; /* color.panel-link */ font-weight: 400; -webkit-transition: .2s linear all; transition: .2s linear all; }

.test- .panel-theme a:hover { color: #c92a2a; /* color.panel-hover */ }

.test- .panel-theme .panel_header:before { color: #4990E2; /* color.highlight-color */ }

.test- .panel-theme .panel_title { color: #862e9c; /* color.panel-title */ }

.test- .panel-theme .swiper-pagination-bullet { background-color: #087f5b; /* color.panel-color */ }

.test- .panel-theme .swiper-pagination { background-color: #fcc2d7; /* color.panel-bg */ }

.test- .panel-theme-inv { background-color: #087f5b; /* color.panel-color */ color: #fcc2d7; /* color.panel-bg */ }

.test- .panel-theme-inv a { background-color: #087f5b; /* color.panel-color */ color: #fcc2d7; /* color.panel-bg */ }

.test- .highlight-theme { background-color: #4990E2; /* color.highlight-color */ color: #fcc2d7; /* color.panel-bg */ }

.test- .highlight-theme-inv { color: #4990E2; /* color.highlight-color */ background-color: #fcc2d7; /* color.panel-bg */ }

.test- .highlight-theme-inv a { color: #4990E2; /* color.highlight-color */ background-color: #fcc2d7; /* color.panel-bg */ }

.test- .btn-theme, .test- a.btn-theme { color: #fcc2d7; /* color.panel-bg */ background-color: #e67700; /* color.panel-link */ border-color: #e67700; /* color.panel-link */ -webkit-transition: .2s linear all; transition: .2s linear all; }

.test- .btn-theme:hover, .test- a.btn-theme:hover { color: #e67700; /* color.panel-link */ background-color: #fcc2d7; /* color.panel-bg */ border-color: #e67700; /* color.panel-link */ }

.test- .contentArticle { background-color: #fcc2d7; /* color.panel-bg */ color: #087f5b; /* color.panel-color */ }

.test- .contentArticle a { color: #e67700; /* color.panel-link */ font-weight: 400; -webkit-transition: .2s linear all; transition: .2s linear all; }

.test- .contentArticle a:hover { color: #c92a2a; /* color.panel-hover */ }

.test- .contentArticle header:before { color: #4990E2; /* color.highlight-color */ }

.test- .contentArticle .title { color: #862e9c; /* color.panel-title */ }

.menu-theme { background: #2d2d2d; /* color.menu */ color: #ffffff; /* color.menu-inv */ }

.menu-theme > .instances-column:before { background: #2d2d2d; /* color.menu */ }

.menu-theme_link { color: #ffffff; /* color.menu-inv */ background: #2d2d2d; /* color.menu */ border-color: #ffffff; /* color.menu-inv */ -webkit-transition: .2s linear all; transition: .2s linear all; }

.menu-theme_link--selected, .menu-theme_link:hover { color: #2d2d2d; /* color.menu */ background-color: #ffffff; /* color.menu-inv */ border-color: #2d2d2d; /* color.menu */ }

.page-theme { background-color: #f5f5f5; /* color.page */ }

.panel-theme, .contentArticle { background-color: #ffffff; /* color.panel-bg */ color: #4a4a4a; /* color.panel-color */ }

.panel-theme a, .contentArticle a { color: #2d2d2d; /* color.panel-link */ font-weight: 400; -webkit-transition: .2s linear all; transition: .2s linear all; }

.panel-theme a:hover, .contentArticle a:hover { opacity: 0.8; color: #2d2d2d; /* color.panel-hover */ }

.panel-theme .panel_header:before, .contentArticle header:before { color: #2d2d2d; /* color.highlight-color */ }

.panel-theme .panel_title, .contentArticle .title { color: #000000; /* color.panel-title */ }

.panel-theme .swiper-pagination-bullet { background-color: #4a4a4a; /* color.panel-color */ }

.panel-theme .swiper-pagination { background-color: #ffffff; /* color.panel-bg */ }

.page-content, .panel-theme-inv, .panel-theme-inv a { background-color: #4a4a4a; /* color.panel-color */ color: #ffffff; /* color.panel-bg */ }

.highlight-theme { background-color: #2d2d2d; /* color.highlight-color */ color: #ffffff; /* color.panel-bg */ }

.highlight-theme-inv, .highlight-theme-inv a { color: #2d2d2d; /* color.highlight-color */ background-color: #ffffff; /* color.panel-bg */ }

.btn-theme, a.btn-theme { color: #ffffff; /* color.panel-bg */ background-color: #2d2d2d; /* color.panel-link */ border-color: #2d2d2d; /* color.panel-link */ -webkit-transition: .2s linear all; transition: .2s linear all; }

.btn-theme:hover, a.btn-theme:hover { color: #2d2d2d; /* color.panel-link */ background-color: #ffffff; /* color.panel-bg */ border-color: #2d2d2d; /* color.panel-link */ }

.leaflet-container { width: 100%; height: 150px; }

div.leaflet-container a { color: black; }

.leaflet-pane { z-index: 1; }

.leaflet-top, .leaflet-bottom { z-index: 1; }

/*Trumps(utilitiy classes)*/
.match { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: calc(100% + 20px); max-width: calc(100% + 20px); margin: 0 -10px; padding-top: 10px; }

.match > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: initial;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; }

.match > .match_home-team, .match > .match_other-team { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: 1;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; }

.match > .match_header, .match > .match_infos { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; }

.match > .match_header { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: space-between; -ms-flex-pack: space-between; justify-content: space-between; width: calc(100% + 20px); max-width: calc(100% + 20px); margin: 0 -10px; }

.match > .match_header > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: initial;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; }

.match > .match_header > .match_header-counter { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; }

@media (min-width: 480px) { .match > .match_header > .match_header-counter { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: initial;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; } .match > .match_header > .match_header-counter.partners { margin-left: 6.5rem; } }

.match > .match_scores { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 60px; max-width: calc(100% - 0px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0px; }

.match_home-team, .match_other-team { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: calc(100% + 20px); max-width: calc(100% + 20px); margin: 0 -10px; padding: 15px 5px 30px; }

.match_home-team > *, .match_other-team > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: initial;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; }

.match_home-team > .match_team-name, .match_other-team > .match_team-name { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: none;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 0; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; font-size: 22px; }

.match_other-team { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; text-align: right; }

.match_team-name { font-size: 1.15em; line-height: 1em; display: none; }

@media (min-width: 480px) { .match_team-name { display: block; } }

.match_team-img { width: 40px; height: 40px; border-radius: 100%; overflow: hidden; background-color: #fff; }

.match_team-img > * { width: 100%; height: auto; position: relative; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); }

.match_infos { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: space-between; -ms-flex-pack: space-between; justify-content: space-between; -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; width: calc(100% + 0%); max-width: calc(100% + 0%); margin: 0 0%; padding: 30px 15px; font-size: .857em; position: relative; }

.match_infos > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 100%; max-width: calc(100% - 0%); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0%; }

@media (min-width: 768px) { .match_infos > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: none;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 0; max-width: calc(100% - 0%); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0%; } .match_infos > .match_scores { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 130px; max-width: calc(100% - 0%); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0%; } }

.match_infos:before { position: absolute; top: 0; height: 1px; left: 15px; right: 15px; content: ''; background-color: currentColor; opacity: .25; }

.match_infos .scores_divider, .match_infos .scores_left, .match_infos .scores_right { font-size: 24px; }

.match_infos-divider.match_infos-divider { position: absolute; top: 0; left: 0; right: 0; width: 100%; background-color: transparent; }

.match_infos-divider.match_infos-divider:after { content: ''; background-color: currentColor; height: 4px; width: 90px; margin: 0 auto; display: block; }

.match_infos-item label { font-weight: 700; }

.match_infos-item:nth-child(2) { font-weight: 700; font-size: 16px; order: 1; text-align: center; }

@media (min-width: 768px) { .match_infos-item:nth-child(2) { order: 0; text-align: right; } }

.match_infos-detail { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: space-between; -ms-flex-pack: space-between; justify-content: space-between; -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; width: calc(100% + 20px); max-width: calc(100% + 20px); margin: 0 -10px; }

.match_infos-detail > div { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: none;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 0; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; text-align: right; }

.match_infos-detail > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: initial;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; }

.match_header-date { font-size: 16px; font-weight: 700; order: 1; padding-top: 5px; padding-bottom: 5px; }

@media (min-width: 480px) { .match_header-date { order: 0; } }

.match_header.match_header { background-color: transparent; position: relative; z-index: 1; margin: -10px 0 0; width: 100%; max-width: 100%; padding: 0 15px; align-items: center; }

.match_header-counter > ul { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: calc(100% + 0%); max-width: calc(100% + 0%); margin: 0 0%; padding-left: 5px; padding-right: 5px; }

@media (min-width: 768px) { .match_header-counter > ul { padding-left: 20px; padding-right: 20px; } }

.match_header-counter > ul > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: initial;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 0%); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0%; padding: 15px; position: relative; }

.match_header-counter > ul > * + *:before { content: ":"; position: absolute; top: 15px; left: -2px; font-weight: 700; }

.match_header-bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; opacity: 0.9; }

.match_header-counter-value { font-size: 16px; font-weight: 700; }

.match_header-counter-unit { font-size: 12px; line-height: 12px; }

.match_header-partners > * { float: left; }

.match_header-partners > * + * { margin-left: 1rem; }

.match_header-partner { font-size: 11px; padding-top: 5px; padding-bottom: 5px; order: 1; }

.match_header-partner img { display: block; }

@media (min-width: 480px) { .match_header-partner { order: 0; } }

.scores { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: calc(100% + 0px); max-width: calc(100% + 0px); margin: 0 0px; }

.scores > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: initial;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 0px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0px; }

.scores > .scores_first-half { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 0px); max-width: calc(100% - 0px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0px; }

.scores > .scores_left, .scores > .scores_right { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 24px; max-width: calc(100% - 0px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0px; }

.scores > .scores_divider { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: initial;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 0px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0px; }

.scores_divider, .scores_first-half { text-align: center; }

.scores_right { text-align: right; }

.scores_left { text-align: left; }

.scores_divider, .scores_left, .scores_right { font-size: 1.429em; }

.next-last-match { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: flex-start; align-content: flex-start; width: calc(100% + 20px); max-width: calc(100% + 20px); margin: 0 -10px; position: relative; }

.next-last-match > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; }

.next-last-match > .next-last-match_goal-scorers { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; }

.next-last-match > .next-last-match_teams { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; }

.next-last-match_link { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }

.next-last-match_timer { text-align: center; }

.next-last-match_timer-time { display: inline-block; border-radius: 50%; line-height: 2.785em; z-index: 1; text-align: center; width: 2.785em; height: 2.785em; }

.next-last-match_timer-text { font-size: .857em; line-height: 2em; }

.next-last-match_timer-wrapper { padding-left: 10px; padding-right: 10px; padding-top: 20px; position: relative; }

.next-last-match_timer-wrapper:before { position: absolute; top: 0; height: 1px; left: 0; right: 0; content: ''; background-color: currentColor; opacity: .1; }

.next-last-match_date { text-align: center; position: relative; font-size: .857em; }

.next-last-match_date:before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: currentColor; opacity: .25; content: ''; }

.next-last-match_competition { text-align: center; margin-bottom: 0; opacity: .5; font-size: .857em; margin-top: -15px; padding-left: 10px; padding-right: 10px; }

.next-last-match_divider { font-size: 1.285em; }

.next-last-match_teams { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; -ms-flex-line-pack: center; align-content: center; width: calc(100% + 20px); max-width: calc(100% + 20px); margin: 0 -10px; }

.next-last-match_teams > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: 1;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; }

.next-last-match_teams > .next-last-match_divider { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: initial;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; -ms-flex-item-align: center; align-self: center; margin: 0 10px 20px; margin-left: 0; margin-right: 0; text-align: center; }

.next-last-match_teams > .next-last-match_team { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: none;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 0; max-width: calc(100% - 0px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0px; }

.next-last-match_team--is-home-team { text-align: right; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.team { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; width: calc(100% + 20px); max-width: calc(100% + 20px); margin: 0 -10px; }



.team > .team_img-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: 40px; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; -ms-flex-item-align: flex-start; align-self: flex-start; margin: 0 10px 20px; }

.team_img-wrapper { width: 40px; height: 40px; border-radius: 100%; overflow: hidden; }

.team_img-wrapper > * { width: 100%; height: auto; position: relative; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); }

.goal-scorers { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: calc(100% + 0px); max-width: calc(100% + 0px); margin: 0 0px; padding-top: 20px; position: relative; }

.goal-scorers:before { position: absolute; top: 0; height: 1px; left: 0; right: 0; content: ''; background-color: currentColor; opacity: .1; }

.goal-scorers > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; }

.goal-scorers > .goal-scorers_team { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 50% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; }

.goal-scorers_title { font-weight: 700; text-align: center; margin-bottom: 5px; }

.goal-scorer { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; width: calc(100% + 10px); max-width: calc(100% + 10px); margin: 0 -5px; }

.goal-scorer > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: none;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 0; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px 10px; }

.goal-scorer > .goal-scorer_time { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: 38px; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px 10px; }

.goal-scorer_time { font-weight: 700; font-size: 12px; }

.text--is-centered { text-align: center; }

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

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

/*Crossbrowserhacks*/
/** 100% of flexbox element to nested child */
.panel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.panel > * { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; }

.panel > .panel_content { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; }

.panels .instance-item { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.panels .instance-item > * { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: 0; }

.panels .instance-item > .instance-header:not(:empty), .panels .instance-item > .panel_header, .panels .instance-item > .instance-body { width: 100%; }

@media (min-width: 768px) { .panels .instance-item.u-widget_hidden--sm { display: none; } }

@media (min-width: 992px) { .panels .instance-item.u-widget_hidden--md { display: none; } }

@media (min-width: 1280px) { .panels .instance-item.u-widget_hidden--lg { display: none; } }

.panels .instance-body { display: -webkit-box; display: -ms-flexbox; display: flex; }

.panels .instance-body > * { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: 100%; }

.panels .app { display: -webkit-box; display: -ms-flexbox; display: flex; }

.panels .app > * { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: 100%; }

.panels .app-normal { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.panels .app-normal > * { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: 100%; }

.panels .app-navigation .app_loadingMessage { display: none; }

/* Default News images */
.card_img.teaser-image-willkommen { background: url("/assets/vereine3/img/news/n1.jpg"); }

.card_img.teaser-image-kontakt { background: url("/assets/vereine3/img/news/n2.jpg"); }

.card_img.teaser-image-spielort { background: url("/assets/vereine3/img/news/n3.jpg"); }

.card_img.teaser-image-0 { background: url("/assets/vereine3/img/news/b1.jpg"); }

.card_img.teaser-image-1 { background: url("/assets/vereine3/img/news/b2.jpg"); }

.card_img.teaser-image-2 { background: url("/assets/vereine3/img/news/b3.jpg"); }

.card_img.teaser-image-3 { background: url("/assets/vereine3/img/news/b4.jpg"); }

.card_img.teaser-image-4 { background: url("/assets/vereine3/img/news/b5.jpg"); }

.card_img.teaser-image-5 { background: url("/assets/vereine3/img/news/b6.jpg"); }

.card_img.teaser-image-6 { background: url("/assets/vereine3/img/news/b7.jpg"); }

.card_img.teaser-image-7 { background: url("/assets/vereine3/img/news/b8.jpg"); }

.card_img.teaser-image-8 { background: url("/assets/vereine3/img/news/b9.jpg"); }

.card_img.teaser-image-9 { background: url("/assets/vereine3/img/news/b10.jpg"); }

.card_img.teaser-image-10 { background: url("/assets/vereine3/img/news/b11.jpg"); }

.card_img.teaser-image-11 { background: url("/assets/vereine3/img/news/b12.jpg"); }

.card_img.teaser-image-12 { background: url("/assets/vereine3/img/news/b13.jpg"); }

.card_img.teaser-image-13 { background: url("/assets/vereine3/img/news/b14.jpg"); }

.highlight-theme a[href]:hover { color: currentColor; }

.page-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.page-content > * { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: 100%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }

.page-content > *:last-child { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; }

/* Slider Ads */
.panel_wbg--slider > .instances-column { height: 100%; }

.panel_wbg--slider > .instances-column > .panel_wbg { height: 100%; width: 300px; margin-left: 10px; margin-right: 10px; }

.panel_wbg--slider:before { content: none; }

.panel_wbg--slider:after { content: none; }

.panels > .instances-column > .panel_wbg--slider { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: 1;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 0px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0px 0px; margin-bottom: 20px; padding: 0; }

/* fix IE 11-bug with margin:auto/flexbox/justify */
.persons--is-player .widget-player { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }


.widget-match_home-team {
    width:40%;
    text-align: right;
}