:root
{
   --Black: #00000f;
   --Blue: #00539f;
   --MatrixGreen: #92d500;
   --Red: #e62514;
   --RichBlack: #010203;
}
@media screen and (orientation: landscape)
{
   figure { width: 30%; }
   h1 { width: 85%; }
   h2 { width: 85%; }
   table { width: 50%; margin-left: 25%; }
   .AlignDouble { margin-left: 7.5%; margin-right: 7.5%; }
   .AlignLeft { display: inline-block; }
   .AlignRight { display: inline-block; }
   .FloatLeft { width: 25%; }
   .FloatRight { width: 25%; }
   .LandscapeContainer { width: 100%; clear: both; margin-top: 0.5em; margin-bottom: 0.5em; }
   .left { width: 50%; float: left; }
   .MainLeft { width: 25%; }
   .PhotoGallery { width: 20%; }
   .Poster { width: 75%; padding-left: 12.5%; }
   .Right { width: 50%; float: right; }
   .U20Winners { width: 30%; margin-left: 35%; }
   #Logo { width: 15%; }
   #Main { width: 15%; }
   #Schedule { width: 15%; margin-left: 85%; }
}
@media screen and (orientation: portrait)
{
   figure { width: 50%; }
   h1 { width: 50%; }
   h2 { width: 50%; }
   table { width: 100%; }
   .AlignLeft { margin-right: 50%; }
   .AlignRight { margin-left: 50%; }
   .FloatLeft { width: 50%; }
   .FloatRight { width: 50%; }
   .MainLeft { width: 50%; }
   .PhotoGallery { width: 33%; }
   .Poster { width: 100%; }
   .U20Winners { width: 50%; margin-left: 25%; }
   #Logo { width: 50%; }
   #Main { width: 50%; }
   #Schedule { width: 33%; margin-left: 67%; }
}
@media (min-width: 768px)
{
   body { font-size: 1rem; }
   button,
   a.button { font-size: 1rem; padding: 0.5em 1em; }
}
@media (min-width: 1024px)
{
   h1 { font-size: 2rem; }
   h2 { font-size: 1.75rem; }
   h3 { font-size: 1.5rem; }
}
* { box-sizing: border-box; text-align: center; }
a { color: darkblue; padding: 0.25em; white-space: pre-wrap; }
[aria-selected='true']{color: var(--Blue);background-color: white;box-shadow: 0 0 0.4em white;}
body
{
   color: var(--Black);
   font-family: Arial, Helvetica, sans-serif;
   padding: 1em;
   font-size: 1.125rem;
   line-height: 1.6;
}
button, a.button { font-size: 1.125rem; padding: 0.75em 1.25em; min-height: 3rem; }
button.Tabs
{
   all: unset;
   display: inline-block;
   background-color: var(--Blue);
   color: white;
   border-radius: 10%;
   height: 2em;
   width: 18%;
   margin-left: 1%;
   margin-right: 1%;
   box-shadow: 0 0 0.25em var(--Blue);
}
figure { margin: 0; padding: 0.5em; }
form { background-color: skyblue; padding: 1.5em; text-align: left; }
h1 { color: var(--Blue); display: inline-block; }
h2 { color: var(--Red); display: inline-block; }
h3 { clear: both; }
h4 { clear: both; }
img { width: 100%; }
img.Icon { width: 2rem; height: 2rem; }
input { margin: 0.25em; white-space-collapse: collapse; }
input[type=textarea] { width: 100%; height: 20em; }
li { text-align: left; margin: 0.5em; }
nav { clear: both; padding: 0.5%; margin-top: 4%; }
ol { background-color: skyblue; text-align: left; margin-top: 1em; padding: 1em; }
p { text-align: left; }
select { padding: 0.5em; margin: 0.5em; }
ul { background-color: skyblue; text-align: left; margin-top: 1em; padding: 1em; }
.AddWhat { float: right; }
.Attention {color: red;font-weight: bold;}
.bonspiel-thumb {max-width: 150px;height: auto;display: block;margin-top: 10px;}
.Good {color: green;font-weight: bold;}
.Important {font-weight: bold;text-decoration: underline;}
.Export { float: right; }
.FloatLeft { float: left; padding-bottom: 0; padding-right: 2em; }
.FloatRight { float: right; padding-bottom: 0; padding-left: 2em; }
.FooterLink { height: 2em; padding: 0.5em; white-space: nowrap; }
.MainLeft { float: left; margin-right: 2em; margin-bottom: 0; }
.MainPhotos { display: inline-block; }
.PhotoGallery { display: inline-block; }
.SectionContent { background-color: skyblue; padding: 1em; }
.SelectWhich { display: inline-block; float: left; }
.sortHint {font-size: 0.8em;font-weight: normal;}
.TabBar { width: calc(100% + 2em); margin-left: -1em; margin-right: -1em; }
.TeamPictureLeft { float: left; padding-bottom: 0em; padding-right: 2em; }
.TeamPictureRight { float: right; padding-bottom: 0em; padding-left: 2em; }
.U20Winners { display: inline-block; }
#FormResult { opacity: 0; width: 0; height: 0; padding: 0; margin: 0; }
#helcim-announcement { width: 0; height: 0; }
#Logo { float: left; display: inline-block; }
#Main { display: inline-block; margin-top: 2em; }
#PaymentGroupingArea { display: none; }
#Schedule { border-radius: 50%; background-color: var(--Blue); color: white; height: 2em; }
#TabBar { width: calc(100% + 2em); margin-left: -1em; margin-right: -1em; }