/* #### ../../../../frontend/kunden/motorrad-magazin.at/css/importer.css #### */
@import url("../fonts/MaterialIcons/materialicons.css");
@import url("../fonts/RobotoCondensed/robotocondensed.css");
@import url("../../../../system/fonts/Saira/saira.css");


/* #### ../../../../frontend/kunden/motorrad-magazin.at/css/common.css #### */
body {
	font-size:1.1em;
}
body, textarea, select, option, *, form, form * {
	font-family:"Saira Condensed","Roboto Condensed",Arial,sans-serif;
}

main {
	overflow:hidden;
}
main .row {
	padding-top:3em;
	padding-bottom:3em;
}

h1, h2, h3 {
	text-shadow:1px 1px 0px white;
	column-span:all;
	-webkit-column-span:all;
}

h1, h2, h3, h4, h5, h6 {
	font-family:"Saira Extra Condensed","Roboto Condensed",Arial,sans-serif;
	font-weight:normal;
}

h1 {
	font-family:"Anton","Saira Extra Condensed","Roboto Condensed",Arial,sans-serif;
	text-transform:uppercase;
	margin-bottom:0.2em;
	font-weight:normal;
}

main h2 {
	font-size: 1.8em;
	margin-top:1em;
	margin-bottom: 0.5em;
	border-bottom: 1px solid #ccc;
	padding-bottom: 0.1em;
}

main h1 {
	font-size:3rem;
	line-height:1.2;
}

#CSocialMediaETC h1 {
	font-size:2rem;
}


main a {
	background-color:rgba(255,255,255,0.2);
	color:var(--common-a-color);
}
a:hover {
	background-color:var(--common-a-color);
	color:var(--common-a-color-hover);
}

main .row {
	padding-top:0.5em;
	padding-bottom:0.5em;
}
main *>.row:first-of-type {
	padding-top:3em;
}

.breakText {
	/* These are technically the same, but use both */
	overflow-wrap: break-word;
	word-wrap: break-word;
	
	-ms-word-break: break-all;
	/* This is the dangerous one in WebKit, as it breaks things wherever */
	word-break: break-all;
	/* Instead use this non-standard one: */
	word-break: break-word;
	
	/* Adds a hyphen where the word breaks, if supported (No Blink) */
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}

a.linkonly.SEOLink {
	display:block;
	height:0px !important;
	background:none !important;
}

.sm_icon {
	height:1.2em;
	width:auto;
	display:none;
}

.asBigButton {
    text-align:center;
}
.asBigButton > * {
    font-size:1.5rem;
    display:inline-block;
    width:auto;
    margin:auto;
}

/* ---- globale Variablen: ---- */
:root {
	--font:#333;
	--font2:#666;
	--CD-Rot:rgba(216,0,13,1);
	--CD-Rot80:rgba(216,0,13,0.8);
	--grey1:#eee;
	--grey2:#ddd;
	--middlegrey:dimgrey;
	
	--common-a-color:var(--CD-Rot);
	--common-a-color-hover:white;
	
	--article-hg:white;
	--article-footer-hg:var(--grey1);
	--articledetail-teaser-hg:var(--article-footer-hg);
	--article-border:var(--article-footer-hg);
}
/* ENDE globale Variablen: ---- */



/* #### ../../../../frontend/kunden/motorrad-magazin.at/css/content.css #### */
/* ---- Rechtliche Hinweise: ---- */

/* ENDE Rechtliche Hinweise: ---- */


/* ---- Artikel, Artikelliste: ---- */
#CArtikelliste .row:first-of-type {
    padding-top:1em;
}
.artikel {
	flex-wrap:wrap;
	justify-content:flex-start;
}
.artikel article {
	flex:0 0 25%;
	border:1px solid var(--grey1);
	border-radius:0px 0px 0.25em 0.25em;
	box-sizing:border-box;
	position:relative;
	margin-bottom:1em;
	background-color:white;
}
.artikel article figure {
	margin-top:0.1em;
	position:relative;
	width:100%;
	aspect-ratio:1;
}
.artikel .linkonly {
	display:block;
	position:relative;
}

/*
.artikel article:not(.video) figure:before {
	content: "";
	display: block;
	padding-top: 100%; 	/* initial ratio of 1:1*/
}
*/

.artikel article:not(.video) figure img {
	/*
	position:  absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	*/
	display:block;
	width:100%;
	aspect-ratio:1;
}
.artikel article figure,
.artikel article figure img {
	display:block;
	animation: fadeInFromNone 1.5s ease-out;
}

.artikel h1 {
	font-family:"Saira Extra Condensed","Roboto Condensed",Arial,sans-serif;
}

@keyframes fadeInFromNone {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.artikel article figcaption {
	text-align:right;
	padding-top:0.2em;
	margin-bottom:0.8em;
	min-height:2.5rem;
	line-height:1.1em;
	overflow:hidden;
	box-sizing:border-box;
}
.artikel article.liste figcaption {
	display:none;
}

.artikel article.video figcaption {
	min-height:auto;
	display:none;
}

.artikel article header, .artikel article .teaser {
	margin:0.25em;
}
.artikel article header {
	position:relative;
	display:grid;
	grid-template-columns:1fr auto auto;
	grid-template-areas:
		"Kategorien Datum Bezahlartikel"
		"Ueberschrift Ueberschrift Ueberschrift";
	gap:0.5em;
}
.artikel header .kategorien {
	grid-area:Kategorien;
}
.artikel header .datum {
	grid-area:Datum;
}
.artikel header .linkonly {
	grid-area:Ueberschrift;
}
.artikel article header .bezahlartikel {
	/*
	float:right;
	margin-left:0.5em;
	*/
	position:static;
	cursor:pointer;
	grid-area:Bezahlartikel;
}
.artikel article header .star {
	font-size:100%;
	color:gold;
}

.artikel .bezahltext {
	font-size:90%;
	position:absolute;
	top:1.5em;
	left:0em;
	max-width:30em;
	max-height:100%;
	background-color:#ffc;
	padding:0.5em;
	display:none;
	z-index:10;
	color:#333;
	line-height:1.2;
	overflow:auto;
}
.artikel article .teaser {
	height:10em;
	overflow:auto;
	position:relative;
}

.artikel article .fade,
.artikel article .link_gallery {
	display:block;
	position:absolute;
	left:0px;
	right:0px;
	bottom:0px;
	/*
	*/
	height:4em;
	line-height:1em;
	box-sizing:border-box;
	padding:2.5em 0.1em 0.1em 0.5em;
	background:none;
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 2em,var(--CD-Rot) 2em,var(--CD-Rot) 4em); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	/* 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#d8000d',GradientType=0 );
	background:linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%); */
	color:var(--common-a-color-hover);
	/*
	border-radius:0px;
	bottom:2.5em;
	*/
	z-index:2;
}

.artikel article .link_gallery {
	background:none;
	background-color:var(--CD-Rot);
	position:relative;
	height:2em;
	border-radius:0px 0px 0.2em 0.2em;
	padding:0.5em 0.1em 0.1em 0.5em;
	margin-bottom:0px;
}
.artikel article h1, .artikel article h2,
#CArtikelliste .artikel article h2 {
	/*
	position:absolute;
	left:0px;
	bottom:0px;
	height:auto;
	width:auto;
	*/
	z-index:1;
	background-color:rgba(0,0,0,0.8);
	color:white;
	margin:0px;
	text-shadow:none;
	padding:0.1em 0.5em;
	font-size:1.5em;
}
.artikel article h1 a,
.artikel article h2 a,
#CArtikelliste .artikel article h2 a {
	color:inherit;
}

.artikel article.video h1,
.artikel article.video h2,
#CArtikelliste .artikel article.video h2 {
	position:relative;
	top:0em;
	bottom:auto;
	margin-bottom:0.5em;
}

article .subline {
	display:block;
	font-size:0.7em;
	text-transform:none;
	text-shadow:none;
}
.artikel article footer {
	background-color:var(--article-footer-hg);
	color:var(--article-footer-color);
	font-size:0.8em;
	text-align:right;
	padding:0.25em;
	/*
	margin-top:2.5em;
	*/
}


article .datum {
	font-size:80%;
	text-align:right;
	margin:0px;
	line-height:1em;
	display:block;
	float:right;
	margin-top:0.2em;
}
article.details .datum {
	display:block;
}

article .kategorien, .tipps .kategorien {
	font-size:0px;
	min-height:1.7rem;
}
article .kategorien, article .kategorien li, .tipps .kategorien, .tipps .kategorien li {
	list-style-type:none;
	margin:0px;
	padding:0px;
}

.tipps .kategorien {
	display:inline-block;
}
article .kategorien li, .tipps .kategorien li {
	font-size:1rem;
	border-right:1px solid var(--CD-Rot);
	display:inline-block;
	margin-right:0.2em;
	padding-right:0.2em;
	line-height:1em;
}
article .kategorien li a, .tipps .kategorien li a {
}
.tipps h3 .kategorien a, .tipps_link {
	font-size:1.5rem;
	color:white;
	line-height:1em;
	margin-bottom:0.2em;
	display:inline-block;
}

.tipps .artikel .teaser {
	display:none;
}

article .kategorien li:first-of-type, .tipps .kategorien li:first-of-type {
	margin-left:0px;
	padding-left:0px;
}
article .kategorien li:last-of-type, .tipps .kategorien li:last-of-type {
	margin-right:0px;
	padding-right:0px;
	border-right:none;
}

.artikel article .teaser a {
	/* These are technically the same, but use both */
	overflow-wrap: break-word;
	word-wrap: break-word;
	
	-ms-word-break: break-all;
	/* This is the dangerous one in WebKit, as it breaks things wherever */
	word-break: break-all;
	/* Instead use this non-standard one: */
	word-break: break-word;
	
	/* Adds a hyphen where the word breaks, if supported (No Blink) */
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}

.artikel_video, .videocontainer {
	position:relative;
	margin:auto;
	flex-grow:1;
	/*
	width:50%;
	padding-bottom:37.5%;
	*/
}
.artikel_video iframe {
	position:relative;
	width:100%;
	aspect-ratio:16 / 9;
}
.videocontainer {
	width:100%;
	/*
	padding-bottom:75%;
	*/
	padding:0px;
}
.videocontainer iframe, .artikel_video iframe {
	margin:0px;
	padding:0px;
	border:none;
	/*
	position:absolute;
	*/
	width:100%;
	height:100%;
}

.artikel_gallerie {
	margin-top:1em;
}
.artikel_gallerie+.artikel_gallerie {
	margin-top:0px;
}

.artikel_gallerie.typ_10 {
	/* Gallerie mit mehr Text */
	aspect-ratio:1.2;
}
.artikel_gallerie.typ_10 figure {
	display:grid;
	grid-template-rows:auto 1fr;
	height:100%;
}
.artikel_gallerie.typ_10 figcaption {
	position:relative;
	background:none;
	color:var(--font);
	text-align:left;
	font-size:1.2rem;
	font-weight:normal;
	font-style:normal;
	margin-top:1em;
	margin-bottom:1rem;
	overflow:auto;
	aspect-ratio:5;
	background-color:var(--grey1);
	line-height:1.3;
	padding:0.5em;
}
.artikel_gallerie.typ_10 figcaption::first-line {
	/*
	font-size:1rem;
	*/
}
.artikel_gallerie.typ_10 .bx-wrapper {
	border:1px solid #eee;
	margin-bottom:2em;
	padding-bottom:1em;
	/*
	height:100%;
	*/
	height:auto;
}
.artikel_gallerie.typ_10 .bx-viewport {
	overflow:visible !important;
	border:none;
	height:auto !important;
	aspect-ratio:1.4;
}
.artikel_gallerie.typ_10 .bx-pager {
	position:relative;
	padding:0;
	bottom:0;
}
.artikel_gallerie.typ_10 .bxslider a {
	height:auto !important;
}
.artikel_gallerie.typ_10 .bxslider a:first-of-type {
	display:relative !important;
}

.artikel_gallerie.typ_10 .bxslider picture,
.artikel_gallerie.typ_10 .bxslider img {
	aspect-ratio:16 / 9;
}

.artikel_teaser {
	background-color:#ccc;
	color:#333;
	padding:1em;
	border-radius:0.5em;
	margin:1em 0px;
	
	display:grid;
	grid-template-columns:15rem 1fr;
	grid-template-rows:minmax(auto,max-content) 1fr 1.5rem;
	grid-template-areas:
		"img headline"
		"img teaser"
		"img link";
	align-items: start;
	gap:1rem;
}
.artikel_teaser img {
	display:block;
	width:100%;
	aspect-ratio:1;
	object-fit:cover;
	object-position: center;
	grid-area:img;
}
.details .artikel_teaser h1 {
	color:#333;
	font-size:2rem;
	text-shadow:1px 1px 0px white;
	grid-area:headline;
}
.artikel_teaser .teasertext {
	grid-area:teaser;
	font-size:1.2rem;
}
.artikel_teaser .info {
	grid-area:link;
	text-align:right;
	background-color:white;
	color:#333;
	border-radius:0.2rem;
	padding:0.2em 0.5em;
	width:fit-content;
	margin-left:auto;
}
.artikel_teaser:hover h1 {
	text-shadow:none;
}
.details .artikel_text {
	column-count:2;
	column-gap:1em;
}

.details h1 {
	font-size:3em;
	margin-top:0px;
	margin-bottom:0px;
	line-height:1.2;
}

.autor {
	margin-bottom:1em;
	margin-left:auto;
	width:auto;
	margin-bottom:1em;
	text-align:center;
}
.autor img {
	width:6em;
	aspect-ratio:1;
	border-radius:50%;
	border:2px solid var(--grey1);
	margin-left:auto;
	padding:2px;
}
.autor figcaption {
	text-align:right;
}
.autor figcaption a {
	display:block;
}

.lightbox.flexbox {
	flex-wrap:wrap;
}

.lightbox.flexbox img {
	width:auto;
	max-width:100%;
	height:auto;
	box-shadow:none;
	padding:0px;
	margin:0px;
	display:block;
}
.lightbox.flexbox li, .lightbox.flexbox figure {
	border:1px solid var(--article-border);
	font-size:0px;
	position:relative;
}
.lightbox.flexbox figcaption {
	padding:0.2em 0.5em 0.5em 0.5em;
	color:var(--font);
	font-size:1rem;
	position:absolute;
	right:0px;
	bottom:0px;
	height:auto;
	font-style:italic;
	padding:0.2em;
	box-sizing:border-box;
	background-color:rgba(255,255,255,0.8);
	text-align:right;
}
.lightbox.flexbox a {
	display:block;
	font-size:0px;
}
.lightbox.flexbox a:hover {
	background:none;
}
.lightbox.flexbox a:hover figcaption {
	color:var(--font);
}

.lightbox.flexbox .flexelem {
	flex-basis:25%;
	flex-grow:1;
	flex-shrink:0;
	border:none;
}

#CArtikel .artikel_text.teaser {
	font-size:115%;
	padding:0.5em;
	background-color:var(--articledetail-teaser-hg);
}
#CArtikel .artikel_text {
	font-size:115%;
	padding:0.5em;
	background-color:var(--articledetail-teaser-hg);
}
#CArtikel .artikel_text, #CArtikel .artikel_galerie, #CArtikel .artikel_video, #CArtikel .artikel_downloads {
	margin-top:1rem;
	margin-bottom:1rem;
}

#CLoadArticle {
	display:block;
	flex-basis:100%;
	align-self:center;
}

#CBtnMehr {
	cursor:pointer;
	font-size:1.5em;
	display:block;
	margin:auto;
	margin-top:1em;
	margin-bottom:1em;
	width:7em;
	height:7em;
	border-radius:50%;
	color:white;
	background-color:var(--CD-Rot);
	border:2px solid white;
	box-shadow:0.25em 0.25em 0.25em var(--grey2);
	text-align:center;
	padding:0.7em;
	box-sizing:border-box;
	font-weight:bold;
	font-family:"Saira Extra Condensed","Roboto Condensed",Arial,sans-serif;
	line-height:1em;
	transition:background-color 1s, color 0.5s,border-color 0.25s;
}
#CBtnMehr:hover {
	background-color:white;
	color:var(--CD-Rot);
	border-color:var(--CD-Rot);
}

#CBtnMehr .plus {
	display:block;
	font-size:2em;
	line-height:0.8em;
	position:relative;
	margin-top:-0.2em;
	text-shadow:1px 1px 0px rgba(255,255,255,0.5);
}

.tipps {
	margin-top:0em;
	background-color:var(--middlegrey);
	padding:0.25em;
	border-radius:0.25em;
}

.tipps h3 {
	color:white;
	text-shadow:none;
}

.headerpic {
	border-top:2px solid var(--CD-Rot);
	border-bottom:1px solid var(--CD-Rot);
	margin-bottom:0.5em;
	position:relative;
}

.artikel .info {
	
}
.tipps .info {
	color:white;
}

.content>* {
	margin-bottom:0.5em;
}
/* ENDE Artikel, Artikelliste: ---- */

/* ---- Veranstaltungen: ---- */
.offroad {
	background-color:#797a70;
	background-color:olive;
}
.rennstrecke {
	background-color:brown;
}
.motorsport_profi {
	background-color:chocolate;
}
.sonstige {
	background-color:#1bde2b;
	background-color:slategrey;
}
.mmevent {
	background-color:#2828de;
	background-color:var(--CD-Rot);
}
.messe_ausstellung {
	background-color:#2999f5;
	background-color:ivory;
	color:var(--font);
}
.veranstaltung {
	background-color:#850ac7;
	background-color:goldenrod;
}
/* ENDE Veranstaltungen: ---- */


/* ---- Kalender: ---- */
.table.kalender {
	width:100%;
	background-color:white;
	box-sizing:border-box;
}
.table.kalender .tr {
	box-sizing:border-box;
}
.table.kalender .td {
	box-sizing:border-box;
	height:6em;
	padding:0.2em;
	padding:0px;
	border:1px solid #ddd;
	border-collapse:collapse;
	position:relative;
}
.table.kalender .th {
	box-sizing:border-box;
	font-size:80%;
	padding:0.2em;
	width:calc(100% / 7);
	width:14.285%;
}

.table.kalender .td.notThisMonth {
	color:#999;
	background-color:var(--grey1);
	font-size:0.8em;
}
.table.kalender .td.thisMonth {
}
.table.kalender .tag {
	text-align:center;
	width:1.6em;
	height:1.6em;
	box-sizing:border-box;
	padding-top:0.3em;
	line-height:1em;
	border-radius:50%;
	background-color:var(--grey1);
	border:1px solid var(--grey1);
	margin-left:auto;
	margin-right:0.2em;
	margin-top:0.2em;
}
.table.kalender .td.notThisMonth .tag {
	border:1px solid white;
}
.table.kalender .tag.today {
	background-color:var(--CD-Rot);
	color:white;
}
.table.kalender .veranstaltungen, .table.kalender .veranstaltungen li {
	margin:0px;
	padding:0px;
	display:block;
	list-style-type:none;
	line-height:1em;
}
.table.kalender .veranstaltungen {
	font-size:0.8em;
}
.table.kalender .veranstaltungen li {
	margin-bottom:0.2em;
	position:absolute;
	left:0px;
	height:1.4em;
	z-index:1;
	padding:0.2em;
	border-radius:0.1em;
	box-sizing:border-box;
	overflow:hidden;
}
.table.kalender .td.notThisMonth li {
	background-color:#ccc;
}

.table.kalender .veranstaltungen li a {
	display:block;
	margin:0px;
	padding:0px;
	box-sizing:border-box;
	width:100%;
	height:100%;
	color:white;
	background:none;
}
.table.kalender .veranstaltungen li a:hover {
	background:none;
	color:white;
}
.table.kalender .veranstaltungen .messe_ausstellung a {
	color:var(--font);
}

.kalender_navigator {
	text-align:center;
	width:auto;
	margin:auto;
	padding:0.5em;
	border-radius:0.25em;
	background-color:var(--grey1);
}
.kalender_navigator button {
	margin-top:0px;
	display:inline-block;
	border-radius:0.2em;
	min-width:10em;
	margin:0px 0.2em;
}
.kalender_navigator .datum {
	display:inline-block;
	width:10em;
	text-align:center;
}
/* ENDE Kalender: ---- */

/* ---- Veranstaltungen: ---- */
.veranstaltung_details h2 {
	margin-top:0px;
}
.veranstaltung_details .datum {
	text-align:right;
	font-size:0.8em;
}
.veranstaltung_details .punkte, .veranstaltung_details .punkte li {
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.veranstaltung_details .punkte {
	border-top:1px solid var(--grey1);
	margin-top:0.5em;
	padding-top:0.2em;
}
.veranstaltung_details .punkte li {
	font-size:0.9em;
	margin-bottom:0.1em;
}
/* ENDE Veranstaltungen: ---- */


/* ---- Abos: ---- */
#rowAbo .abodetails {
	display:none;
}

.fs {
	padding:0.5rem;
	border-radius:0.5rem;
	margin-bottom:1rem;
}
#fsAbo {
	font-size:1.2em;
	background-color:var(--CD-Rot);
	color:white;
}
#fsAbo p {
	margin-bottom:0px;
}

#tblAbos tr td {
	vertical-align:top;
	/*
	border-bottom:2px solid var(--grey2);
	*/
	padding:0.5em;
	color:var(--font);
	transition:background-color 1s, color 0.5s;
}
#tblAbos tr:last-of-type td {
	border-bottom:none;
}

#tblAbos h2 {
	margin-top:0px;
	margin-bottom:0.1em;
	line-height:1em;
	border-bottom:none;
}

#tblAbos tr:nth-of-type(even) td {
	background-color:white;
}
#tblAbos tr:nth-of-type(odd) td {
	background-color:var(--grey1);
}
#tblAbos tr:hover td {
	background-color:var(--CD-Rot);
	color:white;
}

#fsDaten {
	background-color:var(--grey1);
}
#fsDaten legend {
	background-color:var(--grey1);
	border:none;
	font-weight:bold;
}

.personenfotos {
	height:100%;
	background-size:cover;
	background-position:top center;
}
#CRedakteure1 {
	background-image:url(../images/PeterSchoenlaub.jpg);
}
#CRedakteure2 {
	background-image:url(../images/ClemensKopecky.jpg);
}
/*
#CBeate {
	background-image:url(../images/BeateGangelberger.jpg);
}
*/
.peter {
	background-image:url("../images/PeterSchoenlaub2.jpg");
}
.markus {
	background-image:url("../images/MarkusReithofer.jpg");
}

#CJohannes {
	background-image:url("../images/team/JohannesTomsich.jpg");
}
.personenfotos .name {
	display:block;
	position:relative;
	top:1em;
	width:80%;
	font-size:2em;
	background-color:rgba(255,255,255,0.95);
	color:var(--font);
	padding:0.5em;
}

.addr address {
	margin-left:2em;
	margin-bottom:0.5em;
}
/* ENDE Abos: ---- */

/* ---- Banner: ---- */
.banner {
	display:block;
	padding:0.25em;
	margin-bottom:0.2em;
	background-color:#ccc;
	border-radius:0.25em;
	border:1px solid white;
	box-sizing:content-box;
	max-width:auto;
	transition:background-color 1s, border-color 0.5s;
    z-index:999;
}
.banner:not(.nolink):hover {
	background-color:white;
	border-color:#ccc;
}
.banner > :not(script) {
	margin:auto;
	display:block !important;
	max-width:100% !important;
	height:auto;
}
.banner a {
	background:none;
	padding:0px;
	margin:0px;
	border-radius:0px;
}
.banner.advert {
	margin-top:2em;
	margin-bottom:2em;
}

.banner img {
	display:block;
	margin:0px auto;
	padding:0px;
}

#CSuperbanner .banner {
	background:none;
	border:none;
}

	aside.mobile {
		display:none;
	}


/* ENDE Banner: ---- */

/* ---- Social Media Icons: ---- */
.socialmediaicons {
	margin-top:2em;
	margin-bottom:2em;
	justify-content:center;
	display:inline-flex;
	padding:0.5em 1em;
	border-top:1px solid var(--grey2);
	border-bottom:1px solid var(--grey2);
}
.socialmediaicons a {
	display:block;
	flex-shrink:1;
	margin-left:0.5em;
	margin-right:0.5em;
}
.socialmediaicons a:first-of-type {
	margin-left:0px;
}
.socialmediaicons a:last-of-type {
	margin-right:0px
}

.socialmediaicons a:hover {
	background:none;
}
.socialmediaicons a img {
	height:3em;
	width:auto;
}
/* ENDE Social Media Icons: ---- */


/* ---- Galerie: ---- */
.bxslider figcaption, .headerpic figcaption {
	background-color:var(--CD-Rot80);
	padding:0.5em;
	font-family:"Saira Extra Condensed","Roboto Condensed",Arial,sans-serif;
	font-size:2em;
	color:white;
	line-height:1em;
	font-weight:bold;
}
.headerpic figcaption {
	position:absolute;
	bottom:0px;
	right:0px;
	width:70%;
	height:auto;
	font-size:1.5em;
	font-weight:normal;
}
.headerpic figcaption:first-line {
	/*
	font-weight:bold;
	font-size:1.2em;
	*/
}
.bxslider figcaption .figcaption_1 {
	font-weight:normal;
	font-size:70%;
	line-height:1em;
}

.bx-viewport {
	border:1px solid var(--grey1);
}
.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus, .bx-wrapper .bx-pager.bx-default-pager a:hover {
    background:var(--CD-Rot);
}

.slider_3 .bxslider figcaption {
	font-size:1rem;
	font-family:"Saira Condensed",sans-serif;
	font-style:normal;
}

.bx-loading {
	display:none;
}
/* ENDE Galerie: ---- */


/* ---- Fotogalerien: ---- */
#CFotos .artikel .fancybox figure:not(:first-of-type) {
	display:none;
}
#CFotos .artikel .teaser, #CDownloads .artikelliste .teaser {
	/* 20240410: auf Wunsch von MM (PS)
	display:none;
	*/
}
#CDownloads .artikel h1,
#CDownloads .artikel h2,
.artikel article.artikelliste h2 {
	/*
	bottom:1em;
	*/
}
/* ENDE Fotogalerien: ---- */


/* ---- Leseproben: ---- */
.leseproben {
	background-color:var(--grey2);
	padding:1em;
	border-radius:0.25em;
	margin-bottom:0.5em;
}

.leseproben .flexbox {
	flex-wrap:nowrap;
	overflow-x:auto;
	justify-content:flex-start;
	padding-bottom:1em;
}
.leseproben .flexelem {
	flex:0 0 auto;
}
.leseproben figure {
	margin:0.5em;
}
.leseproben figcaption {
	font-style:normal;
	font-size:1rem;
	margin-top:0.5em;
	text-align:center;
	color:var(--font);
}

/*
.leseproben .flexbox a:first-of-type figure {
	background-color:white;
	padding:0.5em;
	border-radius:0.25em;
}
.leseproben .flexbox a:first-of-type img {
	width:12em;
}
*/
.leseproben img {
	display:block;
	width:8em;
	height:auto;
	border-radius:3px;
	border:2px solid white;
	box-shadow:0px 0px 0px black;
	transition:border-color 0.5s, box-shadow 0.5s;
}
.leseproben img:hover {
	border-color:var(--CD-Rot);
	box-shadow:0px 0px 0.5em #666;
}
.leseproben h2 {
	margin-top:0px;
	border:none;
}


a.leseprobe {
	display:none;
}
/* ENDE Leseproben: ---- */


/* ---- Team: ---- */
.team p {
	margin-bottom:0.2em;
}
.team .flexbox h3 {
	margin-top:0px;
}
.team .flexbox {
	margin-bottom:1.5em;
}

.team .flexbox:not(.fancybox) .flexelem:first-of-type {
	flex-basis:6rem;
	flex-shrink:0;
	flex-grow:0;
	margin-right:1em;
}

.team.experten .email {
	display:none;
}
/* ENDE Team: ---- */

/* ---- Facebook: ---- */
.fb_iframe_widget:not(.fb-share-button) span {
	max-width:100% !important;
}
.fb_iframe_widget:not(.fb-share-button) {
	display:block !important;
	text-align:center;
}
/* ENDE Facebook: ---- */


/* ---- Speedcamp/Ladiescamp: ---- */
.camp th {
	text-align:left;
	font-weight:bold;
}
form.camp .important strong {
	margin-bottom: -1em;
	margin-top: 1em;
	display: block;
}
/* ENDE Speedcamp/Ladiescamp: ---- */


/* ---- Magazinvorschau: ---- */
#CMagazinvorschau {
	position:absolute;
	left:75%;
	top:1.5em;
	height:auto;
	z-index:2;
}
#CMagazinvorschau ul, #CMagazinvorschau li {
	margin:0px;
	padding:0px;
	list-style-type:none;
	display:block;
}
#CMagazinvorschau .leseproben {
	background:none;
	background-color:black;
	transform:rotate(10deg);
	margin:0px;
	padding:0px;
	box-shadow:0.5em 0.5em 0.5em black;
}
#CMagazinvorschau figure {
	margin:0px;
	padding:0px;
}
#CMagazinvorschau .flexbox {
	padding-bottom:0px;
}
#CMagazinvorschau h2, #CMagazinvorschau p, #CMagazinvorschau figcaption {
	display:none;
}

#CKiosk {
    position: absolute;
    left: calc(75% + 7em);
    top: 2.5em;
	width:8em;
    height: auto;
    z-index: 2;
}
/* ENDE Magazinvorschau: ---- */


/* ---- Seitenbanner: ---- */
.seitenbanner {
	margin-top:2em;
}
.seitenbanner + .seitenbanner {
	margin-top:0.5em;
}
.seitenbanner a {
	background:none;
	border:none;
}
.seitenbanner img {
	max-width:100%;
	height:auto;
}
/* ENDE Seitenbanner: ---- */

/* ---- Preisliste: ---- */
.preisliste {
    width:100%;
    margin:auto;
    border-collapse:separate;
    border-spacing:0 0.2em;
}
.preisliste caption {
    text-align:right;
    font-style:italic;
    font-size:0.9em;
}
.preisliste th,
.preisliste td {
    padding:0.1em 0.5em;
    background-color:white;
}
.preisliste .preis {
    text-align:right;
}
.preisliste .marke td {
    background-color:#eee;
}
.preisliste h2 {
    font-size:1.6rem;
    margin:0px;
    margin-bottom:0.2em;
    line-height:1em;
    font-weight:bold;
    letter-spacing:0.05ch;
    text-transform:uppercase;
    border-bottom:none;
}
.preisliste .modell {
    text-align:center;
}
.preisliste .modell:not(.elektro):nth-of-type(even) td {
    background-color:#f8f8f8;
}
.preisliste .modell:not(.elektro):nth-of-type(odd) td {
    background-color:#fff;
}
.preisliste .modell .bez,
.preisliste .modell td.typ {
    text-align:left;
}

.preisliste .modell td.typ,
.preisliste .modell td.antrieb {
    font-size:0.9em;
    color:#666;
}

.preisliste .elektro td {
    background-color:hsla(120,100%,40%,0.2);
}

.preisliste th {
    font-weight:bold;
}
.preisliste .hinweis {
    font-size:0.9em;
    font-style:italic;
    color:#666;
}
/* ENDE Preisliste: ---- */


/* ---- Tiun: ---- */
#btnTiun0 {
	/*
	position:absolute;
	left:1em;
	top:1em;
	z-index:1;
	*/
	display:block;
	margin:auto;
	margin-top:1em;
	box-shadow:0px 0px 2em grey;
	padding:0.5em;
	background-color:white;
	border-radius:0.5em;
}

#btnTiun1 {
	display:block;
	margin-top:1em;
}

#CPaywall {
	/*
	position:absolute;
	width:100%;
	height:100%;
	top:50vh;
	bottom:0;
	z-index:999;
	*/
	
	
	margin-top:-6em;
	margin-bottom:2em;
}

#CPaywall.hidden {
	display:none;
}
#CPaywall #CS {
	padding:1em;
	display:grid;
	grid-template-columns:1fr 22em;
	grid-template-areas:
		"Info Payment";
	column-gap:1em;
	background: rgb(0,0,0);
	color:white;
	border-radius:0 0 0.5em 0.5em;
	/*
	border-left:5px solid var(--CD-Rot);
	background: -webkit-linear-gradient(rgba(255,255,255,0) 0%, rgba(255,255,255,0) 0%, rgba(238,238,238,1) 15%, rgba(221,221,221,1) 100%);
	background: -o-linear-gradient(rgba(255,255,255,0) 0%, rgba(255,255,255,0) 0%, rgba(238,238,238,1) 15%, rgba(221,221,221,1) 100%);
	background: linear-gradient(rgba(255,255,255,0) 0%, rgba(255,255,255,0) 0%, rgba(238,238,238,1) 15%, rgba(221,221,221,1) 100%);
	*/
}
/*
#CPaywall::before {
	content:"";
	height:100%;
	grid-area:fade;
}
*/

#CFader {
	background: rgb(0,0,0);
	background: -webkit-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	background: -o-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	background: linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	
	height:5em;
}

#CPaywall #CText {
	font-size:1.5rem;
	grid-area:Info;
	line-height:1.5;
}
#CPaywall #CText h2 {
	margin-top:0px;
	text-shadow:1px 1px 0px #333;
	font-size:1.5em;
}
#CPaywall #tiunPaymentSnippet {
	grid-area:Payment;
}

#CTimedOut {
	display:none;
	grid-area:Info;
}
/* ENDE Tiun: ---- */


/* #### ../../../../frontend/kunden/motorrad-magazin.at/css/design.css #### */
body:after{
	/*
	content:"";
	position:fixed;
	top:0;
	height:100vh;
	left:0;
	right:0;
	z-index:-1;
	background-image:url(../images/Motorradmagazin_Team_2_1c.jpg);
	background-size:cover;
	background-position:center;
	*/
}

#CMM {
	background-image:url(../images/Motorradmagazin_Team_2_1c.jpg);
	background-size:cover;
	background-position:center;

}
@media (orientation:portrait) {
	/*body:after{
		content:"";
		position:fixed;
		top:0;
		height:100vh;
		left:0;
		right:0;
		z-index:-1;
		background-image:url(../images/Motorradmagazin_Team_2_1c_hoch.jpg);
		background-size:cover;
		background-position:center;
	}
	*/
	#CMM {
		background-image:url(../images/Motorradmagazin_Team_2_1c_hoch.jpg);
	}
}

main, #CMaingrid {
	background-color:white;
}

.UIDesign_0 #CMaingrid {
	margin:0px;
	padding:0px;
	display: grid;
    grid-gap:0em;
	grid-template-columns:21.875rem minmax(auto,71.25rem);
	grid-template-columns:21.875rem 1fr;
	grid-template-rows:minmax(0px,auto);
	/*
	grid-template-areas:
		". s0 main s1 .";
	*/
	/*
	grid-template-columns:1fr 21.875rem minmax(auto,71.25rem) 0px 1fr;
	grid-template-areas:
		". b03 main b2 ."
		". b04 main b2 ."
		". b05 main b2 ."
		". b06 main b2 ."
		". FB main b2 ."
		". . main . .";
	*/
	grid-template-areas:
		"b03 main"
		"b04 main"
		"FB main"
		"b05 main"
		"b06 main"
		". main";
}

.UIDesign_0 #CMaingrid .b02 {
	grid-area:b2;
}
.UIDesign_0 #CMaingrid .b03 {
	grid-area:b03;
}
.UIDesign_0 #CMaingrid .b04 {
	grid-area:b04;
}
.UIDesign_0 #CMaingrid .b05 {
	grid-area:b05;
}
.UIDesign_0 #CMaingrid .b06 {
	grid-area:b06;
}
.UIDesign_0 #CMaingrid #SMFB {
	grid-area:FB;
}

.UIDesign_0 .banner iframe, .UIDesign_0 [id^=google_ads] {
	display:block !important;
	margin:auto !important;
}

.UIDesign_1 #CMaingrid {
	margin:0px;
	padding:0px;
	display: grid;
    grid-gap:1em;
	grid-template-columns: 1fr 11em;
	grid-template-areas:
		"main s1"
		"s0 s0";
}
.UIDesign_1 .skyscraper.left {
	display:flex;
	justify-content:center;
	align-items:flex-start;
	flex-wrap:wrap;
}
.UIDesign_1 .skyscraper.left>* {
	flex-basis:21em;
	height:auto;
	min-height:17.5em;
}
.UIDesign_1 .skyscraper.left img {
	max-width:100%;
	height:auto;
}
.UIDesign_1 .fb-page {
	width:21em;
}
.UIDesign_1 .mtop_2em {
	margin-top:0px !important;
}

	#H0 {
		position:sticky;
		top:0px;
		z-index:1001;
	}

/*
.skyscraper.left {
	grid-area:s0;
}
.skyscraper.right {
	grid-area:s1;
}
*/
.content {
	grid-area:main;
	padding:0px;
}

.skyscraper {
	background-color:#eee;
}

#CMaingrid_outer {
	display:grid;
	grid-template-columns:1fr minmax(300px,calc(100vh / 2));
	grid-template-columns:1fr minmax(auto,312px);
	/* grid-template-columns:1fr 0px; */
	grid-template-areas:
		"MM Skyscraper";
	width:100%;
	height:100vh;
	position:relative;
}
#CMaingrid_outer #CMM {
	grid-area:MM;
	overflow:auto;
	position:relative;
}
#CMaingrid_outer #sas_22375 {
	grid-area:Skyscraper;
	position:relative;
	/*
    display:none;
    */
}
#sas_22375 > * {
	position:absolute !important;
	left:0px !important;
	top:0px !important;
	/*
	width:100% !important;
	height:100% !important;
	*/
}



#H2 {
	padding:0px;
	background-color:black;
	color:white;
	box-sizing:border-box;
}
#H2 #C247 {
	padding-top:2rem;
	background-color:black;
	z-index:1;
}
#H2 .logo {
	display:block;
	background-color:white;
	padding-top:2em;
	padding-bottom:0.5em;
	/*
	border-top:3px solid white;
	*/
	background-color:var(--grey1);
}
#H2 .logo img {
	max-width:20em;
	margin:auto;
	display:block;
	margin-top:0.5em;
}

#H2 .intro {
	border-top:1px solid var(--CD-Rot);
	border-bottom:3px solid white;
	height:4rem;
	justify-content:center;
	background-color:black;
}

#H2 .intro .flexelem {
	text-transform:uppercase;
	letter-spacing:0.1rem;
	font-size:1.2rem;
	font-weight:bold;
	text-align:center;
	flex-grow:0;
}
#H2 .intro .flexelem:first-of-type {
	text-align:right;
	flex-basis:25%;
	align-self:center;
}
#H2 .intro .flexelem:last-of-type {
	text-align:left;
	flex-basis:25%;
	align-self:center;
}

#H2 .img247 img {
	width:10rem;
	height:auto;
	display:block;
	margin:auto;
	filter: drop-shadow( 0.25rem 0.25rem 0.25rem black );
	flex-shrink:1;
	margin-bottom:1rem;
	position:relative;
	margin-top:-1rem;
}

#F1 {
	margin-top:50vh;
	text-align:center;
	font-size:90%;
	background-color:var(--grey1);
	border-top:1px solid white;
}

#F1 .logo {
	max-width:10em;
	display:block;
	margin:auto;
}

#F1 .redakteure {
	text-align:center;
	list-style-type:none;
	margin:0px;
	padding:0px;
	font-size:0px;
}
#F1 .redakteure li {
	font-size:0.9rem;
	margin:0px;
	margin-right:0.5em;
	padding:0px;
	padding-right:0.5em;
	list-style-type:none;
	text-transform:uppercase;
	text-shadow:1px 1px 0px white;
	border-right:1px solid var(--font);
	display:inline-block;
	line-height:1em;
}
#F1 .redakteure li:first-of-type {
	margin-left:0px;
	padding-left:0px;
}
#F1 .redakteure li:last-of-type {
	margin-right:0px;
	padding-right:0px;
	border-right:none;
}



/* ---- Social Media, etc.: ---- */
#CSocialMediaETC {
	background-color:#ddd;
}

#CSocialMediaETC .row [class^='col-'] {
	border-right:1px solid #999;
	margin-left:0px;
	margin-right:0px;
	padding:0px 0.5em;
}
#CSocialMediaETC .row [class^='col-']:last-of-type {
	border-right:none;
}
/* ENDE Social Media, etc.: ---- */


/* ---- Filter: ---- */
#frmFilter {
	background-color:var(--CD-Rot);
	color:white;
}
#frmFilter .flexelem {
	margin:0.25em;
}
/* ENDE Filter: ---- */

#CIndex>.row {
	padding-top:0px;
}


/* ---- Cookies: ---- */
#Cookies {
	display:none;
	background-color:#fff;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:1em;
}

.cf1YU1.cf2MAH:nth-of-type(2) {
	display:none !important;
}
.cf1YU1.cf2MAH:last-of-type {
	display:block !important;
	max-width:100%;
	flex:none;
}
/* ENDE Cookies: ---- */


/* #### ../../../../frontend/kunden/motorrad-magazin.at/css/fonts.css #### */
/* ---- Material Icons: ---- */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: local('Material Icons'),
       local('MaterialIcons-Regular'),
       url('../fonts/MaterialIcons-Regular.woff2') format('woff2')
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 1.5rem;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}
/* ENDE Material Icons: ---- */



/* #### ../../../../frontend/kunden/motorrad-magazin.at/css/navigation.css #### */
#btnNav {
	width:2.5em;
	height:2.5em;
	border:2px solid #333;
	border:none;
	display:none;
	
	/*
	position:absolute;
	right:1px;
	top:1px;
	z-Index:12;
	*/
	border-radius:50%;
	box-sizing:border-box;
	margin:0px;
	/*
	margin:auto;
	*/
	font-size:2em;
	text-align:center;
	padding-top:0.75em;
	line-height:1em;
	cursor:pointer;
	background-color:rgba(0,0,0,0.8);
	color:white;
	box-shadow:0px 0px 0.5em black;
	margin:auto;
}

.sticky {
  position:fixed;
  top:0;
  width:100%;
  z-index:1000;
}
.sticky #btnNav {
	/*
	margin-left:auto;
	margin-right:0.5em;
	margin-top:0.5em;
	*/
}

.sticky + main {
  padding-top:4em;
}

.sticky #nav0 {
	box-shadow:0px 0.5em 0.5em grey;
}

#nav0.inklSuche {
	display:grid;
    grid-gap:0.5em;
	grid-template-columns:10em 1fr 10em;
	grid-template-areas:
		". nav suche";
}
#nav0.inklSuche ul {
	grid-area:nav;
}
#nav0.inklSuche #frmSuche {
	grid-area:suche;
}

#nav0 {
	height:3em;
	font-weight:normal;
	font-family:"Saira Extra Condensed","Roboto Condensed",Arial,sans-serif;
	line-height:1em;
	box-sizing:border-box;
	background-color:black;
	border-top:1px solid white;
	border-bottom:1px solid white;
}

#nav0 ul {
	list-style-type:none;
	text-align:center;
	margin-top:0px;
	padding:0px;
	padding-top:0.25em;
	height:100%;
	box-sizing:border-box;
	font-size:1.5rem;
}

#nav0 li {
	display:inline-block;
	height:100%;
	padding:0px;
	margin:0px 0.2em;
	line-height:1em;
	text-transform:none;
	position:relative;
}
#nav0 a {
	display:block;
	padding:0.25em;
	padding-bottom:0.1em;
	border-radius:0.1em;
	line-height:1em;
	color:var(--common-a-color-hover);
	background-color:rgba(255,255,255,0);
	border:2px solid rgba(255,255,255,0);
	transition:background-color 0.5s, border-color 1s;
}

#nav0 li:hover>a {
	background-color:var(--common-a-color-hover);
	border-color:var(--common-a-color);
	color:var(--common-a-color);
}

#nav0 ul ul {
	display:none;
	position:absolute;
	left:0px;
	top:1.5em;
	min-width:100%;
	height:auto;
	z-index:10;
	background-color:white;
	color:var(--common-a-color);
	padding:0px;
	border:2px solid var(--common-a-color);
}
#nav0 ul ul ul {
	top:-2px;
	left:100%;
}

#nav0 ul ul li {
	display:block;
	border-bottom:1px solid #f6f6f6;
	text-align:left;
	padding-bottom:0.25em;
	margin:0px;
	margin-bottom:0.25em;
	padding:0.25em;
	font-size:1em;
}

#nav0 ul ul li:last-of-type {
	margin-bottom:0px;
	border-bottom:none;
}

#nav0 ul ul a {
	border:none;
	padding-left:0px;
	color:var(--common-a-color);
}

#nav0 ul ul li:hover {
	background-color:var(--common-a-color);
}
#nav0 ul ul li:hover>a {
	background:none;
	color:white;
}

#nav0 li:hover>ul {
	display:block;
}

#nav0 .abo a {
	background-color:var(--common-a-color);
	border-color:var(--common-a-color);
	color:var(--common-a-color-hover);
}
#nav0 .abo:hover>a {
	background-color:var(--common-a-color-hover);
	color:var(--common-a-color);
}




#nav2 {
	color:var(--CD-Rot);
	padding-top:2em;
	padding-bottom:2em;
	background-color:#f3f3f3;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

#nav2 ul, #nav2 li {
	margin:0px;
	padding:0px;
}
#nav2 ul {
	text-align:center;
}
#nav2 li {
	display:inline-block;
	padding-left:0.5em;
	padding-right:0.5em;
	border-right:1px solid var(--CD-Rot);
}
#nav2 li:first-of-type {
	border-left:none;
}
#nav2 li:last-of-type {
	border-right:none;
}


/* #### ../../../../frontend/kunden/motorrad-magazin.at/css/form.css #### */
label, input, button, textarea, select {
	display:block;
}
label, form p {
	margin-top:0.8em;
	margin-bottom:0.2em;
}
label[data-required]:after {
	content:"*";
}
input, textarea, select {
	padding:0.5em 0.8em;
	line-height:1em;
	border-radius:0.2em;
	border:1px solid #ccc;
	box-sizing:border-box;
	width:100%;
	font-size:1rem;
}
textarea {
	min-height:8em;
	overflow:visible;
}

legend {
	display:block;
	margin-top:0.5em;
	margin-bottom:0.2em;
	padding:0.2em 0.8em;
	border-radius:0.2em;
	background:none;
	border:2px solid var(--grey1);
}
legend+label {
	margin-top:0px;
}

button, input[type=button], input[type=submit] {
	width:auto;
	margin:auto;
	margin-top:1em;
	background-color:var(--CD-Rot);
	color:white;
	border:2px solid var(--CD-Rot);
	transition:background-color 0.5s, color 1s;
}
button:hover, input[type=button]:hover, input[type=submit]:hover {
	background-color:white;
	color:var(--CD-Rot);
}

#Suche {
	display:block;
	margin-top:0.4em;
	margin-right:1em;
	width:9em;
	padding:0.1em 0.5em;
	line-height:1em;
	height:2em;
	box-sizing:border-box;
	background-color:rgba(255,255,255,0.1);
	border:1px solid var(--grey2);
	color:var(--grey2);
}

fieldset {
	border:none;
}

.filter fieldset {
    display:grid;
    grid-template-columns:minmax(5em,max-content) 1fr;
    grid-template-areas:
        "legend legend";
    width:100%;
    gap:0.5em;
    padding:1em;
    background-color:#eee;
    border-radius:0.5em;
    margin-bottom:1em;
    box-sizing:border-box;
}
.filter fieldset legend {
    grid-area:legend;
    background-color:white;
}
.filter [type=submit],
.filter [type=reset],
.filter [role=reset] {
    grid-column: span 2;
    margin:auto;
    cursor:pointer;
}

.filter [type=reset],
.filter [role=reset] {
    background-color:#eee;
    border-color:#999;
    color:#999;
}

.filter label {
    margin:0px;
}
.filter fieldset input,
.filter fieldset select {
    display:inline-block;
    margin-right:0.5em;
    width:auto;
}


/* #### not existing or no file: ../../../../ #### */


/* #### ../../../../frontend/kunden/motorrad-magazin.at/css/responsive.css #### */
@media only screen and (min-width:64.1em) {
	#btnNav {
		display:none;
	}
	#nav0, .sticky #nav0 {
		display:block;
	}
	#nav0.inklSuche, .sticky #nav0.inklSuche {
		display:grid;
        grid-template-areas: "nav nav suche";
    }
	#nav0.inklSuche > ul > li, .sticky #nav0.inklSuche > ul > li {
        padding:0px;
        margin:0px;
    }
}

@media screen and (min-width:120em) {
	.UIDesign_0 #CMaingrid {
		/*
		grid-template-columns: 22em minmax(auto,71.25rem) auto;
		grid-template-areas: "s0 main s1";
		*/
	}
	
	.skyscraper.right .banner > * {
		margin-left:0px;
	}
}
	
@media only screen and (max-width: 90em) {
	.UIDesign_0 .artikel article {
		flex:0 0 33%;
	}
	main h1 {
		font-size:2rem;
	}
	main h2 {
		font-size:1.5rem;
	}
}

@media only screen and (max-width: 80em) {
	.UIDesign_0 .artikel article {
		flex:0 0 calc(100% / 2);
	}
	.UIDesign_0 #CMaingrid {
		grid-template-columns: 1fr 19.25rem minmax(auto,71.25rem) 0px 1fr;
	}
	
	#frmFilter .flexbox {
		display:block;
	}
	.details .artikel_text {
		column-count:1;
		column-gap:0px;
	}
}
/* ---- Tablet, etc.: ---- */
@media only screen and (max-width: 80em) {
	/* 64em = 1024Px, 80em = 1280Px */
	#CMaingrid_outer {
		grid-template-columns:100% 0px;
		grid-template-areas:
			"MM Skyscraper";
	}

	#H0 {
		color:white;
        z-index:999;
	}
	#btnNav {
		display:block;
		position:fixed;
		right:1em;
		bottom:1em;
		z-index:1002;
		margin-right:0px;

	}
	#nav0, .sticky #nav0, #nav0.inklSuche, .sticky #nav0.inklSuche {
		position:fixed;
		left:1em;
		top:0px;
		right:1em;
		display:none;
		height:auto;
		box-shadow:0px 0px 2em black;
		border:2px solid white;
		z-index:1001;
		overflow:auto;
		max-height:100vh;
		box-sizing:border-box;
	}
	
	#nav0>ul {
		height:auto;
	}
	#nav0 li {
		display:block;
		margin:0px;
		margin-bottom:0.2em;
	}
	
	#nav0 ul ul {
		font-size:0.8em;
		display:block;
		position:relative;
		background:none;
		border:none;
		background-color:inherit;
		left:auto;
		top:auto;
	}
	#nav0 ul ul li {
		background:none;
		background-color:inherit;
		border:none;
		text-align:center;
		margin-bottom:0px;
		line-height:1em;
		display:inline-block;
		padding-left:0.5em;
		padding-right:0.5em;
	}
	#nav0 ul ul li:last-of-type {
	}
	#nav0 ul ul a {
		padding:0.1em;
		display:inline;
	}
	#Suche {
		min-width:90%;
		max-width:100%;
		margin:auto;
		margin-bottom:0.5em;
		box-sizing:border-box;
	}
		
	/*
	.UIDesign_0 #CMaingrid {
		grid-template-columns: 1fr 22em;
		grid-template-areas:
			"main s0";
	}
	*/
	.UIDesign_0 #CMaingrid {
		grid-gap:0px;
		grid-template-columns:100%;
		/*
		grid-template-areas:
			"main"
			"s0"
			"s1";
		*/
		grid-template-areas:
			"b03"
			"main"
			"FB"
			"b04"
			"b05"
			"b06";
	}
	.UIDesign_0 .skyscraper.right, .UIDesign_0 .b01 {
		display:none;
	}
	
	.intro .img247 {
		order:1;
	}
	#H2 .intro .img247 img {
		/*
		margin-top:2em;
		*/
	}

	.intro .flexelem:first-of-type {
		order:2;
		text-shadow:0px 0px 0.25em black;
		display:none;
	}
	.intro .flexelem:last-of-type {
		order:3;
		text-shadow:0px 0px 0.25em black;
		display:none;
	}
	
	aside.left iframe {
		margin:auto !important;
	}
}
/* ENDE Tablet, etc.: ---- */


/* ---- Smartphones, etc. ---- */
@media handheld, only screen and (max-width: 48em) {
	/* 48em = 768Px --> alles, was kleiner als 768Px ist*/
	body {
		/* 20221011: auf Wunsch von Peter Schönlaub: font-size:0.8em; */
	}
	.details header {
		display:flex;
		flex-direction:column;
	}
	.details header ul {
		order:0;
	}
	.details header h1 {
		order:1;
	}
	.details header figure {
		order:2;
		margin-left:0px;
		margin-bottom:0px;
		margin-top:0.5em;
	}
	.details header > * {
		order:10;
	}
	.details .autor.floatR {
		float:none !important;
		display:flex;
		gap:0.5em;
	}
	.details .autor figcaption {
		text-align:left;
		align-self:center;
	}
	.details .autor img {
		margin-left:0px;
	}
    .details h1 {
        font-size:2em;
    }
    article .subline {
        line-height:1.2em;
    }
    #CArtikelliste .artikel article h2 {
        font-size:1.7em;
    }
	#H2 .intro .img247 img {
		margin-top:2rem;
	}
	.UIDesign_0 .artikel article {
		flex:0 0 100%;
	}
	
	.personenfotos {
		display:none;
	}
	.leseproben .flexbox, .team .flexbox, .artikel.flexbox {
		/*
		*/
		flex-direction:row;
	}

	#CKiosk {
		display:none;
	}
    
    .bxslider,
    .bxslider a,
    .bxslider a figure,
    .bxslider figure img {
        height:100%;
        display:block;
    }
    .bxslider a {
        height:100% !important;
    }
    .bxslider figure img {
        object-fit:cover;
    }
    div.bx-wrapper figcaption {
        bottom:0px;
		font-size:1rem;
    }
    
    .pl_wrapper {
        position:relative;
        overflow-x:auto;
        max-width:100%;
    }
    .pl_wrapper thead tr th:first-of-type,
    .pl_wrapper tbody tr td:first-of-type {
        position:sticky;
        z-index:1;
        left:0px;
        border-right:1px solid grey;
    }
	
	
	.artikel_gallerie.typ_10 {
		aspect-ratio:0.6;
	}
	
	.artikel_gallerie.typ_10 .bx-viewport {
		aspect-ratio:1;
	}
	.artikel_gallerie.typ_10 .bx-pager.bx-default-pager {
		top:8rem;
	}
	.artikel_gallerie.typ_10 figcaption {
		aspect-ratio:1;
		margin-top:0px;
	}
	.artikel_teaser {
		background-color:#333;
		color:white;
		grid-template-columns:100%;
		grid-template-rows:auto;
		grid-template-areas:
			"headline"
			"img"
			"teaser"
			"link";
	}
	.details .artikel_teaser h1 {
		color:#eee;
		text-shadow:1px 1px 0px black;
	}
	.artikel_teaser .teasertext {
		font-size:1rem;
	}
	#CPaywall #CS {
		grid-template-columns:100%;
		grid-template-areas:
			"Info"
			"Payment";
		border-radius:0 0 0.5em 0.5em;
	}
}
@media handheld, only screen and (max-width: 30em) {
	.UIDesign_0 .artikel article {
		flex:0 0 100%;
	}
	
	.banner img {
		width:100%;
	}
	
	#CMagazinvorschau {
		display:none;
	}
}
@media handheld, only screen and (max-width: 27.5em) {
	/* 27.5em = 440Px --> alles, was kleiner-gleich 440px ist */
}
/* ENDE Smartphones, etc. ---- */

@media screen and (orientation:landscape) {
}
@media screen and (orientation:portrait) {
}

/* ---- Cookiebot: ---- */
@media screen and (max-width:30em) {
	#CybotCookiebotDialog {
		width:100% !important;
	}
	#CybotCookiebotDialogBody {
		max-width:none !important;
	}
	#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelectionWrapper {
		float:none !important;
		clear:both;
		margin:auto !important;
	}
	a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll,
	a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection,
	a#CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll {
		display:block !important;
	}
	#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelectionWrapper a {
		width:auto !important;
	}
}
/* ENDE Cookiebot: ---- */



/* #### ../../../../extensions/js/bxslider/4.2.12/jquery.bxslider.min.css #### */
.bx-wrapper{position:relative;margin-bottom:60px;padding:0;-ms-touch-action:pan-y;touch-action:pan-y;-moz-box-shadow:0 0 5px #ccc;-webkit-box-shadow:0 0 5px #ccc;box-shadow:0 0 5px #ccc;border:5px solid #fff;background:#fff}.bx-wrapper img{max-width:100%;display:block}.bxslider{margin:0;padding:0}ul.bxslider{list-style:none}.bx-viewport{-webkit-transform:translatez(0)}.bx-wrapper .bx-controls-auto,.bx-wrapper .bx-pager{position:absolute;bottom:-30px;width:100%}.bx-wrapper .bx-loading{min-height:50px;background:url(/extensions/js/bxslider/images/bx_loader.gif) center center no-repeat #fff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000}.bx-wrapper .bx-pager{text-align:center;font-size:.85em;font-family:Arial;font-weight:700;color:#666;padding-top:20px}.bx-wrapper .bx-pager.bx-default-pager a{background:#666;text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:focus,.bx-wrapper .bx-pager.bx-default-pager a:hover{background:#000}.bx-wrapper .bx-controls-auto .bx-controls-auto-item,.bx-wrapper .bx-pager-item{display:inline-block;vertical-align:bottom}.bx-wrapper .bx-pager-item{font-size:0;line-height:0}.bx-wrapper .bx-prev{left:10px;background:url(/extensions/js/bxslider/4.2.12/images/controls.png) 0 -32px no-repeat}.bx-wrapper .bx-prev:focus,.bx-wrapper .bx-prev:hover{background-position:0 0}.bx-wrapper .bx-next{right:10px;background:url(/extensions/js/bxslider/4.2.12/images/controls.png) -43px -32px no-repeat}.bx-wrapper .bx-next:focus,.bx-wrapper .bx-next:hover{background-position:-43px 0}.bx-wrapper .bx-controls-direction a{position:absolute;top:50%;margin-top:-16px;outline:0;width:32px;height:32px;text-indent:-9999px;z-index:9999}.bx-wrapper .bx-controls-direction a.disabled{display:none}.bx-wrapper .bx-controls-auto{text-align:center}.bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;background:url(/extensions/js/bxslider/4.2.12/images/controls.png) -86px -11px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-start.active,.bx-wrapper .bx-controls-auto .bx-start:focus,.bx-wrapper .bx-controls-auto .bx-start:hover{background-position:-86px 0}.bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;background:url(/extensions/js/bxslider/4.2.12/images/controls.png) -86px -44px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-stop.active,.bx-wrapper .bx-controls-auto .bx-stop:focus,.bx-wrapper .bx-controls-auto .bx-stop:hover{background-position:-86px -33px}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px}.bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:#666;background:rgba(80,80,80,.75);width:100%}.bx-wrapper .bx-caption span{color:#fff;font-family:Arial;display:block;font-size:.85em;padding:10px}


/* #### ../../../../system/css/font_anton.css #### */
@font-face {
    font-family: 'Anton';
    src: url('/system/fonts/Anton/Anton-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}