:root {
  --red: rgb(197, 69, 69);
  --black: #262626;
  --visited: rgb(158, 111, 158);
  --bg-color: #d7dded;
  --transparent-no:        1.00;
  --transparent-full:      0.00;
  --transparent-little:    0.94;
  --transparent-barely:    0.96;
  --divider-height:         6vw;
}

body {
  contain: content;
  font-family: 'Times New Roman', Times, serif;
  background-image: url("images/Wintertrain-1920x1282.jpg");
  background-repeat: no-repeat;
  background-size:cover;
  background-position: center;
  background-attachment: fixed;
  background-color: rgb(from var(--bg-color) r g b / var(--transparent-no));
  color: var(--black);
  font-style:  normal;
  font-weight: normal;
  font-size: 24px;
  margin: 0;
}
header {
  margin: 0;
  padding-top:    0.4cm;
  padding-bottom: 0.5cm;
  padding-left:   4.4cm;
  padding-right:  2.0cm; 
  font-weight:    bold;
  text-align:   center;
  background-color: rgb(from var(--bg-color) r g b / var(--transparent-little));
}
main {
  margin: 0;
  padding-top:    1.0cm;
  padding-bottom: 1.0cm;
  padding-left:   4.4cm;
  padding-right:  2.0cm;
  background-color: rgb(from var(--bg-color) r g b / var(--transparent-barely));
}
footer {
  font-size:     20px;
  margin: 0;
  padding-top:    1.0cm;
  padding-bottom: 2.0cm;
  padding-left:   4.4cm;
  padding-right:  4.4cm;
  background-color: rgb(from var(--bg-color) r g b / var(--transparent-little));
}
h4 {
  margin-top:    1.0cm;
  margin-bottom: 0.3cm;
  text-align: left;
}
ul {
  margin-top:    0.0cm;
  margin-bottom: 0.0cm;
}
style1 {
  font-weight: bold;
  color: var(--red);
}
style2 {
  font-weight: normal;
  text-decoration: underline;
  color: var(--red);
}
.biggest {
  font-size: 4rem ;
}
a {
  text-decoration: none;
}
a:link {
  color: var(--black);
}
a:visited {
  color: var(--visited);
}
p {
  margin-top:    0cm;
  margin-bottom: 0cm;
}
u {
  text-decoration: dotted underline;
}
.cascada_mono {
  font-family: "Cascadia Code SemiLight, monospace";
  font-size: normal;
  font-weight: normal;
  font-style:  normal;
}
.languages{
 display: flex;
 background-color: rgb(from var(--bg-color) r g b / var(--transparent-no));
 justify-content: flex-end;
 margin: 0;
 padding: 10px 2cm 0;
 gap: 30px  
}
.flagbutton{
  display: inline-block;
  object-fit: cover;
  width: 58px;
  height: 35px;
}

.seasondivider{
  height: var(--divider-height);
  background-color: rgb(from var(--bg-color) r g b / var(--transparent-full));
  border-inline: 5vw solid rgb(from var(--bg-color) r g b / var(--transparent-little));
  border-block:  1vw solid rgb(from var(--bg-color) r g b / var(--transparent-little));
}

.mailelement{
  display: flex;
  justify-content: space-between; 
}
.mailtext{
 width:auto;
 text-wrap: wrap;
 min-width:   360px;
 margin-top:   24pt;
 padding-right: 1cm;
}
.mailaddress{
  display: flex;
  min-width: 220pt;
  justify-content:left ;
  align-items: end;
  text-wrap: nowrap;
}