@media screen and (max-width: 65em) {

	.prvscore,
	.prvscore.prvindi {
		grid-template: 1fr 1fr 0.5fr auto auto auto/repeat(7, auto);
		grid-template-areas: 'title title title title title title title''subtitle subtitle subtitle subtitle subtitle subtitle subtitle''rnd rnd rnd rnd rnd rnd rnd';
	}

	.prvindi .prvaxis::before {
		content: attr(data-long);
	}

	#prvheadversus,
	#prvheadpartner {
		display: none;
	}

	.prvkorrekturreason,
	.prvspace {
		grid-column-end: 8 !important;
	}

	.prvply.unnes {
		display: none !important;
	}

	.prvply.opt {
		grid-column: span 7;
		display: block;
		height: 100%;
		white-space: pre;
	}

	.prvply>div {
		padding: 0.3rem !important;
	}

	.prvplyname {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		font-weight: bold;
		background-color: #A3FF75;
	}

	.prvindi .prvplyname {
		display: grid;
		grid-template: repeat(3, auto)/repeat(2, auto);
		align-content: center;
		justify-content: center;
	}

	.prvindi .prvplyname :nth-child(odd) {
		justify-self: flex-end;
	}

	.prvplyname div {
		padding: 0;
	}

	.prvply .prvpimp {
		display: inline-flex;
		width: 50%;
		background-color: #FFFDCC;
	}
}

@media screen and (max-width:20em) {
	.prvindi .prvaxis::before {
		content: attr(data-short);
	}
}

@media screen and (max-width: 71em) and (min-width: 44em) {
	.tscmeta {
		align-content: flex-start;
		grid-template: auto 2rem auto/100%;
		width: auto;
		width: -moz-fit-content !important;
		width: -webkit-fit-content !important;
		width: fit-content !important;
		min-width: 100%;
	}

	.tscheadbar {
		grid-template: 1fr 1fr auto auto auto 0.75fr 0.75fr auto 0.75fr 1px/1fr auto auto 1fr;
	}

	#tscmatchhome {
		grid-area: 1/1/3/2;
	}

	#tscmatchvisit {
		grid-area: 1/4/3/5;
	}

	.tscmetabutler .tscsegsum {
		grid-column: 5/8;
		border: none !important;
	}

	.tscgrid:not(.tscmetabutler) .tscsegsum {
		grid-column: 3/6;
		border: none !important;
	}

	.tscgrid.tscmetabutler:not(.tscmetadatescore) .tscsegsum {
		grid-column: 4/7;
		border: none !important;
	}

	.tscmetabutler .tscabrzttladj {
		grid-column: 1/8;
		border: none !important;
	}

	.tscgrid:not(.tscmetabutler) .tscabrzttladj {
		grid-column: 1/6;
		border: none !important;
	}

	.tscgrid.tscmetabutler:not(.tscmetadatescore) .tscabrzttladj {
		grid-column: 1/7;
		border: none !important;
	}

	.tscmeta:not(.noseg) .tscsegment {
		grid-area: 3/1/4/5;
		justify-content: center;
	}

	#tscplyopenns {
		grid-area: 6/1/7/3;
	}

	#tscplyopenow {
		grid-area: 7/1/8/3;
	}

	#tscplyclosedns {
		grid-area: 6/3/7/5;
	}

	#tscplyclosedow {
		grid-area: 7/3/8/5;
	}

	#tscdescopen {
		padding-bottom: 0.3rem;
		grid-area: 5/1/6/3;
	}

	#tscdescclosed {
		padding-bottom: 0.3rem;
		grid-area: 5/3/6/5;
	}

	#tscresimp {
		grid-area: 1/2/2/4;
	}

	#tscresvp {
		grid-area: 2/2/3/4;
	}


	.tscabrzttladj.tscunnes,
	.tscsegsum.tscunnes,
	.tschomeimp.tscunnes,
	.tscvisitimp.tscunnes {
		display: none;
	}

	.tscabrzttladj.tscopt,
	.tscsegsum.tscopt,
	.tschomeimp.tscopt,
	.tscvisitimp.tscopt {
		display: flex;
		text-align: right;
	}

	.tscbutler {
		padding-right: 0.8rem;
	}

	#tscboardhead {
		display: flex;
		align-items: center;
		justify-content: center;
		grid-area: 1/1/2/2;
	}

	.tscmetabutler.tscmetadatescore #tscdatumhead {
		grid-area: 1/2/2/3;
	}

	.tscmetabutler #tscbutleropenhead {
		grid-area: 1/2/2/3;
	}

	.tscmetabutler.tscmetadatescore #tscbutleropenhead {
		grid-area: 1/3/2/4;
	}

	.tscmetabutler #tsccontractopenhead {
		grid-area: 1/3/2/4;
	}

	.tscmetabutler.tscmetadatescore #tsccontractopenhead {
		grid-area: 1/4/2/5;
	}

	.tscgrid:not(.tscmetabutler) #tsccontractopenhead {
		grid-area: 1/2/2/3;
	}

	.tscmetabutler #tscleadopenhead {
		grid-area: 1/4/2/5;
	}

	.tscmetabutler.tscmetadatescore #tscleadopenhead {
		grid-area: 1/5/2/6;
	}

	.tscgrid:not(.tscmetabutler) #tscleadopenhead {
		grid-area: 1/3/2/4;
	}

	.tscmetabutler #tscscoreopenhead {
		grid-area: 1/5/2/7;
	}

	.tscmetabutler.tscmetadatescore #tscscoreopenhead {
		grid-area: 1/6/2/8;
	}

	.tscgrid:not(.tscmetabutler) #tscscoreopenhead {
		grid-area: 1/4/2/6;
	}

	.tscmetabutler #tscimphead {
		grid-area: 1/7/2/9;
	}

	.tscmetabutler.tscmetadatescore #tscimphead {
		grid-area: 1/8/2/10;
	}

	.tscgrid:not(.tscmetabutler) #tscimphead {
		grid-area: 1/6/2/8;
	}

	.tscgrid:not(.tscmetabutler) .tschome.tscscoreopen,
	.tscgrid:not(.tscmetabutler) .tscvisit.tscscoreclosed {
		grid-column: 4/5;
	}

	.tscmetabutler .tschome.tscscoreopen,
	.tscmetabutler .tscvisit.tscscoreclosed {
		grid-column: 5/6;
	}

	.tscmetabutler.tscmetadatescore .tschome.tscscoreopen,
	.tscmetabutler.tscmetadatescore .tscvisit.tscscoreclosed {
		grid-column: 6/7;
	}


	.tscgrid:not(.tscmetabutler) .tscvisit.tscscoreopen,
	.tscgrid:not(.tscmetabutler) .tschome.tscscoreclosed {
		grid-column: 5/6;
	}

	.tscmetabutler .tscvisit.tscscoreopen,
	.tscmetabutler .tschome.tscscoreclosed {
		grid-column: 6/7;
	}

	.tscmetabutler.tscmetadatescore .tscvisit.tscscoreopen,
	.tscmetabutler.tscmetadatescore .tschome.tscscoreclosed {
		grid-column: 7/8;
	}

	.tschead {
		padding-left: 0.2rem;
		padding-right: 0.2rem;
		border: none !important;
		border-bottom: thin gray solid !important;
	}

	#tscdatumhead::after {
		content: '\00d8';
	}

	.tscunnes.tschead,
	.tscunnes.tscbutler,
	.tscscore.opt:not(.unusualscore) {
		display: none !important;
	}

	.tscscore.opt.unusualscore {
		display: flex;
		align-content: center;
		justify-content: flex-end;
		padding: 0.5rem;
	}

	.tscwide.tscbasis,
	.tscboard {
		grid-row: span 2;
		padding: 0.1rem;
	}

	.tscgrid {
		grid-auto-flow: row dense;
		width: 100%;
		justify-content: stretch;
		border: none;
	}

	.tscgrid.tscmetabutler {
		grid-template: auto/repeat(8, auto);
	}

	.tscgrid.tscmetabutler.tscmetadatescore {
		grid-template: auto/repeat(9, auto);
	}

	.tscgrid:not(.tscmetabutler) {
		grid-template: auto/repeat(7, auto);
	}

	.tscgrid .tsclead.unusualscore,
	.tscgrid .tsckontraktpadding.unusualscore {
		display: none;
	}

	.tscgrid:not(.tscmetabutler) .tsckontraktpadding:not(.gewscore) {
		grid-column: 2/3;
		padding: 0.5rem 0.6rem 0.5rem 0.8rem;
	}

	.tscmetabutler .tsckontraktpadding:not(.gewscore) {
		grid-column: 3/4;
		padding: 0.5rem 0.4rem 0.5rem 0.6rem;
	}

	.tscmetabutler.tscmetadatescore .tsckontraktpadding:not(.gewscore) {
		grid-column: 4/5;
		padding: 0.5rem 0.4rem 0.5rem 0.6rem;
	}



	.tscgrid:not(.tscmetabutler) .tsclead {
		grid-column: 3/4;
	}

	.tscmetabutler .tsclead {
		padding: 0.2rem;
		grid-column: 4/5;
	}

	.tscmetabutler.tscmetadatescore .tsclead {
		padding: 0.2rem;
		grid-column: 5/6;
	}



	.tsccenter:not(.tscopen),
	.tscbasis:not(.tscopen):not(.tscscoreopen),
	.tsckontraktpadding:not(.tscopen) {
		border-bottom: thin solid gray !important;
	}

	.tscgrid .tsckontraktpadding.gewscore,
	.tscgrid .tscscore.unusualscore {
		justify-content: center;
		padding: 0.5rem 0.6rem 0.5rem 0.8rem;
		border-right: none;
	}


	.tscgrid:not(.tscmetabutler) .tscscore.unusualscore {
		grid-column: 2/4;
	}

	.tscmetabutler .tscscore.unusualscore {
		grid-column: 3/5;
	}

	.tscmetabutler.tscmetadatescore .tscscore.unusualscore {
		grid-column: 4/6;
	}


	.tscgrid:not(.tscmetabutler) .tsckontraktpadding.gewscore {
		grid-column: 2/6;
	}

	.tscmetabutler .tsckontraktpadding.gewscore {
		grid-column: 3/7;
	}

	.tscmetabutler.tscmetadatescore .tsckontraktpadding.gewscore {
		grid-column: 4/8;
	}

	.tscbutler.opt {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		grid-column: 2/3;
	}

	.tscbutler.opt:not(.notyetplayed) {
		background-color: transparent !important;
	}

	.tscmetadatescore .tscbutler.opt {
		grid-column: 3/4;
	}

	.tscboard,
	.tsckontraktpadding,
	.tscbasis,
	.tsccenter {
		border-left: none !important;
	}

	.tscsolidborderr,
	.tscdottedright {
		border-right: none !important;
	}

	.tschomeimp,
	.tscvisitimp {
		grid-row: span 2;
	}

	.tscsegimp {
		font-weight: bold;
	}

	.tscimpend {
		min-height: 3rem;
	}

	.tscgrid:not(.tscmetabutler) .tscabrzttladj {
		grid-column: 1/6;
	}

	.tscgrid:not(.tscmetabutler) .tscsegsum {
		grid-column: 4/6;
	}

	.tscgrid:not(.tscmetabutler) .tscimpend.tschomeimp {
		grid-column: 6/7;
	}

	.tscgrid:not(.tscmetabutler) .tscimpend.tscvisitimp {
		grid-column: 7/8;
	}

	.tscmetabutler .tscabrzttladj {
		grid-column: 1/7;
	}

	.tscmetabutler .tscsegsum {
		grid-column: 5/7;
	}

	.tscmetabutler .tscimpend.tschomeimp {
		grid-column: 7/8;
	}

	.tscmetabutler .tscimpend.tscvisitimp {
		grid-column: 8/9;
	}

	.tscmetabutler.tscmetadatescore .tscabrzttladj {
		grid-column: 1/8;
	}

	.tscmetabutler.tscmetadatescore .tscsegsum {
		grid-column: 6/8;
	}

	.tscmetabutler.tscmetadatescore .tscimpend.tschomeimp {
		grid-column: 8/9;
	}

	.tscmetabutler.tscmetadatescore .tscimpend.tscvisitimp {
		grid-column: 9/10;
	}

	.tscopen,
	.tscscoreopen,
	.tscscoreclosed {
		border-bottom: none !important;
		border-top: none !important;
	}
}

@media screen and (max-width: 32em) {

	.divrestbl.teambrestbl .unnesboardz,
	.divrestbl.indirestbl .unnesboardz {
		display: none !important;
	}

	.brdzttlnav p {
		padding: 0.5rem 0.5rem;
	}

	.brdzttlnav {
		padding-bottom: 0;
	}

	.brdzttlnav .contlink {
		padding: 0.2rem 1.3rem;
		height: 3rem;
	}

	a#brdzttlnavright.contlink::before,
	a#brdzttlnavleft.contlink::after {
		content: "";
	}

	.brdzttldia {
		flex-grow: 0;
		overflow-x: auto;
	}

	.brdzttldia select {
		padding: 0;
	}

	.brdzttlres {
		padding-right: 0 !important;
		max-height: unset;
		align-items: flex-start;
	}

	.divrestbl.indirestbl,
	.divrestbl.teambrestbl:not(.bzttlmetabutler) {
		grid-template-columns: repeat(6, auto);
	}

	.divrestbl.teambrestbl.bzttlmetabutler {
		grid-template-columns: repeat(7, auto);
	}

	.bzttlmetadate .bztdatescore {
		grid-column: 5/7;
		text-align: right;
	}

	.divrestbl .score:not(.opt),
	.divrestbl.teambrestbl .score.opt,
	.divrestbl.indirestbl .score.opt {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		padding-left: 0;
	}

	.divrestbl.indirestbl .score {
		grid-row: span 2;
		border-bottom: thin solid gray;
	}

	.teambrestbl .boardz,
	.indirestbl .boardz {
		display: none;
	}

	.divrestbl.indirestbl :nth-child(12n+7),
	.divrestbl.indirestbl :nth-child(12n+21),
	.divrestbl.indirestbl :nth-child(12n+8) {
		border-bottom: thin solid gray;
	}

	.divrestbl.indirestbl div.paarnummer {
		grid-column: 2/3;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		height: 100%;
		padding-bottom: 0.2rem;
		padding-top: 0.2rem;
	}

	.divrestbl div.paarnummer.pnradd {
		grid-column: 3/4;
	}

	.divrestbl.indirestbl div.paarwertungatpaar {
		grid-column: 1/2;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		height: 100%;
		padding-bottom: 0.2rem;
		padding-top: 0.2rem;
	}

	.divrestbl.indirestbl div.kontrakt {
		white-space: pre;
		grid-row: span 2;
		display: flex;
		align-items: center;
		border-bottom: thin solid gray;
	}

	.teambrestbl .kontrakt {
		grid-row: span 1 !important;
		white-space: pre;
		display: flex;
		align-items: center;
		padding-left: 1rem;
	}

	.teambrestbl .bzttllead {
		grid-row: span 1 !important;
	}

	.divrestbl:not(.teambrestbl) .gewscore.brdzttlgewscore {
		grid-column: span 4;
	}

	.teambrestbl .gewscore.brdzttlgewscore {
		grid-row: span 1;
		grid-column: span 3;
	}
}

@media screen and (max-width: 25em) {
	.divrestbl:not(.indirestbl):not(.teambrestbl) {
		min-width: 100%;
		justify-content: stretch;
		grid-template-columns: repeat(5, auto);
	}

	.divrestbl:not(.indirestbl):not(.teambrestbl) .boardz:nth-child(2)::after {
		content: '/'attr(data-ow);
	}

	.divrestbl:not(.indirestbl):not(.teambrestbl) #tbrdres::after {
		content: attr(data-score);
	}

	.divrestbl:not(.indirestbl):not(.teambrestbl) .unnesboardz {
		display: none !important;
	}

	.divrestbl:not(.indirestbl):not(.teambrestbl) #tbrdres {
		grid-column: span 1;
	}

	.divrestbl:not(.teambrestbl) .score {
		grid-row: span 2;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		border-bottom: thin solid gray;
		padding-left: 0;
	}

	.divrestbl:not(.indirestbl):not(.teambrestbl) #tbrdres {
		grid-column: span 1;
	}

	.divrestbl:not(.indirestbl):not(.teambrestbl) #tbrdres {
		grid-column: span 1;
	}

	.divrestbl:not(.indirestbl):not(.teambrestbl) :nth-child(10n+16),
	.divrestbl:not(.indirestbl):not(.teambrestbl) :nth-child(10n+17) {
		border-bottom: thin solid gray;
		border-top: none;
	}

	.divrestbl:not(.teambrestbl) div.paarnummer {
		grid-column: 2/3;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		height: 100%;
		padding-bottom: 0.2rem;
		padding-top: 0.2rem;
	}

	.divrestbl div.paarnummer.pnradd {
		grid-column: 3/4;
	}

	.divrestbl:not(.teambrestbl) div.paarwertungatpaar {
		grid-column: 1/2;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		height: 100%;
		padding-bottom: 0.2rem;
		padding-top: 0.2rem;
	}

	.divrestbl:not(.teambrestbl) div.kontrakt:not(.bzttllead) {
		white-space: pre;
		grid-row: span 2;
		display: flex;
		align-items: center;
		border-bottom: thin solid gray;
	}

	.divrestbl:not(.teambrestbl) div.bzttllead {
		grid-row: span 2;
		display: flex;
		align-items: center;
		border-bottom: thin solid gray;
	}

	.divrestbl:not(.teambrestbl) .gewscore.brdzttlgewscore {
		grid-row: span 2;
		grid-column: span 3;
		border-bottom: thin solid gray;
	}
}

@media screen and (max-width: 78em) {
	.noinit {
		margin: 0 0 1rem 0;
	}

	#content.contbrdzttl {
		height: 100%;
		width: 100%;
		padding: 0;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	#content.contbrdzttl .footer {
		display: none;
	}

	.brdzttldia {
		padding: 0 1rem 0 1rem;
		grid-area: 1/1/2/2;
	}

	.brdzttlres {
		text-align: center;
		overflow: auto;
		padding: 0;
		align-self: center;
		grid-area: 2/1/3/2;
		margin-bottom: auto;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
	}

	.brdzttlres .paarwertungatteam {
		padding-left: 0.6rem;
		padding-right: 0.6rem;
	}

	@supports (position: sticky) or (position: -webkit-sticky) {
		#content.contbrdzttl {
			display: block;
			overflow-y: auto !important;
			height: 100% !important;
			width: 100% !important;
		}

		.brdzttlnav {
			width: var(--stddiagramwidth);
			max-width: 100%;
		}

		.brdzttldia {
			left: 0;
			top: 0;
			width: 100%;
			position: -webkit-sticky;
			position: sticky;
			background-color: var(--bgcolor);
		}

		.brdzttldia .diagram {
			max-height: -webkit-fit-content;
			max-height: fit-content;
			overflow: hidden;
		}

		.brdzttlres {
			height: auto;
			max-height: unset;
			overflow-y: unset;
		}
	}
}

@media screen and (max-height: 35em) and (max-width: 78em),
screen and (min-width: 44em) and (max-height: 34em) {
	html:not(.app) .brdzttlnav {
		width: auto;
	}

	html:not(.app) #holobrdzttl {
		display: flex;
		position: absolute;
		top: 0;
		left: 0;
		margin: 0;
		padding: 0;
		z-index: 4000;
		width: 100vw;
		height: 100vh;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		background-color: rgba(0, 0, 0, 0.4);
		animation: showholo 0.2s ease;
	}

	#holobrdzttl>div {
		animation: moveup 0.2s ease;
	}

	html:not(.app) #holobrdzttl .hidemobttip {
		margin: 2rem;
		padding: 0.5rem 1rem;
		font-size: 2rem;
		line-height: 3rem;
		font-weight: bold;
		border-radius: 0.3rem;
		background-color: var(--orange);
		color: white;
	}

	html:not(.app) .brdzttldia:not(.brdzttlnodeal) .brdzttlshowdia.opt {
		font-weight: bold;
		background-color: lightgrey;
		border-radius: 4px;
		padding: 0.3rem;
		display: inline-block;
		text-align: center;
		flex-shrink: 0;
		margin-top: 0.5rem;
		margin-bottom: 0.5rem;
	}

	html:not(.app) .brdzttldia .diagram {
		display: none;
	}

	html:not(.app) .brdzttlres {
		padding: 0 1.5rem 0 0;
	}
}

@media screen and (max-width: 24em) {

	.brdzttlres {
		overflow-x: auto;
		min-height: auto;
	}

	.divrestbl {
		min-width: 100%;
	}

	.teamrestbl.teamcp.teamcarryover td.team,
	.teamrestbl.teamcp.teamcarryover td.mobilebesetzung {
		grid-column: span 3;
	}

	.teamrestbl.teamcp.teamcarryover tbody tr {
		display: grid;
		grid-template-columns: repeat(3, auto);
	}

	.teambrestbl .paarnummer:not(.teamnr) {
		display: none;
	}

	.teambrestbl .teamnr::after {
		content: attr(data-teamnr);
	}

	.divrestbl.teambrestbl:not(.bzttlmetabutler) {
		grid-template-columns: repeat(5, auto);
	}

	.divrestbl.teambrestbl.bzttlmetabutler {
		grid-template-columns: repeat(6, auto);
	}
}