@import "/Stylesheets_general/Stylesheet_Menu.css";
@import "/Stylesheets_general/Stylesheet_BodyNavFooter.css";


#überschrift1 {
    font-size: 4vw;
    font-family: ff-providence-sans-web-pro, sans-serif;
    margin-top: calc((var(--navBar_height) + 20) *1px );
}

#überschrift2 {
    font-size: 3vh;
    font-family: "Sunflower", sans-serif;
}

h2{
    font-family: ff-providence-sans-web-pro, sans-serif;
    font-size: 6vh;
}

#camp_register_div{
    position: relative;
    border-radius: 5px;
    padding-bottom: 20px;
    font-size: 2vh;
    font-family: "Sunflower", sans-serif;
}

.row {
    margin-top: 1vh;
}

.row:after {
    content: "";
    display: table;
    clear: both;
}

.eingabefeld{
    width: 40%;
    font-weight: 700;
}

.eingabefeld::placeholder {
    color: darkgray; 
}

.eingabefeld:focus{
    background-color: rgb(26, 26, 26) !important;
}

label {
    padding: 12px 12px 12px 0;
    cursor: url(/Media/cursors/normalCursor_32px.png), pointer;
}

input {
    transition: 0.5s;
    border: 2px solid #ee9e00;
    border-radius: 4px;
    background-color: transparent;
    outline: none;
    padding: 12px;
    resize: vertical;
    color: rgb(223, 132, 196);
}

input [type="radio"]{
    padding-top: 20px;
}

input:focus {
    background-color: lightgrey;
}

.trenner{
    margin-top: 3vh;
    margin-bottom: 3vh;
}

p {
    font-family: "Sunflower", sans-serif;
}

.zeitraum_info {
  font-size:1.5vh
}

.firstWeekActive {
  font-size:2vh;
  color: rgb(218, 56, 56);
}

#div_okayWithOtherWeek{
  border: 2px solid #ee9e00;
  border-radius: 4px;
  padding: 10px;
  padding-bottom: 0px;
}

#week_grid_div{
  grid-template-columns: 2;
}

.season_div {
  display: grid;
}


.radio-container {
  display: inline-flex;           /* <-- statt block / flex */
  align-items: center;
  position: relative;
  padding-left: 35px;
  cursor: url(/Media/cursors/linkCursor_32px.png), pointer;
  user-select: none;
  width: fit-content;            /* <-- verhindert Breite über den Text hinaus */
}

/* Verstecke das native Radio */
.radio-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Custom Radio-Stil */
.radiomark {
  position: absolute;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: black;
  border-radius: 50%;
  border: 2px solid #ee9e00;
}

/* Hover-Effekt */
.radio-container:hover input ~ .radiomark {
  background-color: #c48300;
}

/* Checked Style */
.radio-container input:checked ~ .radiomark {
  background-color: #ee9e00;
}

/* Innerer Punkt */
.radiomark:after {
  content: "";
  position: absolute;
  display: none;
}

.radio-container input:checked ~ .radiomark:after {
  display: block;
}
  
/* status page------------------------------- */

#contentDiv {
  position: relative;
  margin-top: calc(var(--navBar_height) * 1px + 10vh);
}

#status_headline {
  font-size: 4vh;
  font-family: "Sunflower", sans-serif;
}

#status_message {
  font-size: 2vh;
  font-family: "Sunflower", sans-serif;
}