html {
  --main-color: #8075ff;
  --secondary-color: #cfcbff;
  --accordion-button-after: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23bab7eb'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --body-background-image: url(/gfx/Ølandsbroen.jpg);
  height: 100%;
  font-display: optional;
}

body {
  background-color: #14324e;
  background-image: var(--body-background-image);
  background-size: cover !important;
  background-position: center top;
  background-repeat: no-repeat;
  height: 100%;
  max-width: 1449px;
}
.accordion-button, .accordion-button:not(.collapsed) {
  background: rgba(0,0,0,0);
  color: var(--secondary-color);
}
.accordion-button::after{
  flex-shrink:0;
  width:1.25rem;
  height:1.25rem;
  margin-left:auto;
  content:"";
  background-image: var(--accordion-button-after)
}
.accordion-button:hover {
  text-decoration: underline;
  color: var(--main-color);
}
@media screen and (max-width: 1200px) {
  body {
    background-image: url(/gfx/Ølandsbroen_1200.jpg)
  }
}

@media screen and (max-width: 960px) {
  body {
    background-image: url(/gfx/Ølandsbroen_960.jpg)
  }
}

@media screen and (max-width: 768px) {
  body {
    background-image: url(/gfx/Ølandsbroen_768.jpg)
  }
}

@media screen and (max-width: 480px) {
  body {
    background-image: url(/gfx/Ølandsbroen_480.jpg)
  }
}

/*#logo {*/
/*    position: fixed;*/
/*    width: 347px;*/
/*    max-width: 50vw;*/
/*    top: 11vh;*/
/*    margin-left: 8px;*/
/*    border: 0px solid white;*/
/*}*/

/*#formDiv {*/
/*  display: table;*/
/*  top: 33.9vh;*/
/*  border: 0px solid white;*/
/*  margin-right: auto !important;*/
/*  margin-left: auto !important;*/
/*  position: relative;*/
/*}*/

input.form-control {
  background-color: rgba(255, 255, 255, 0.25);
  /*  border: 0px solid white;*/
  /*  border-radius: 9px;*/
  /*  color: white;*/
  /*  font-size: 232%;*/
  /*  margin-bottom: 19px;*/
  /*  margin-left: 92px;*/
  /*  width: 462px;*/
  /*  text-align: center;*/
}

input.form-control:focus {
  background-color: rgba(255, 255, 255, 0.25);
  /*  color: white;*/
}

/*input[type=checkbox] {*/
/*  margin-left: 112px;*/
/*}*/

/*label {*/
/*  color: white;*/
/*}*/

/*input[type=submit].form-control {*/
/*  background-color: rgba(96, 91, 168, 1);*/
/*}*/

::-webkit-input-placeholder {
  color: white !important;
  opacity: 1;
  transition: opacity 250ms ease-in-out;
}

:focus::-webkit-input-placeholder {
  opacity: 0.25 !important;
}

:-ms-input-placeholder { /* IE 10+ */
  color: white !important;
  opacity: 1;
  transition: opacity 250ms ease-in-out;
}

:focus:-ms-input-placeholder {
  opacity: 0.25 !important;
}

::-moz-placeholder { /* Firefox 19+ */
  color: white !important;
  opacity: 1;
  transition: opacity 250ms ease-in-out;
}

:focus::-moz-placeholder {
  opacity: 0.25 !important;
}

/*.error {*/
/*  width: 462px;*/
/*  margin-left: 92px;*/
/*  margin-bottom: 20px;*/
/*  color: red;*/
/*  margin-right: 0;*/
/*}*/

/*@media screen and (max-width: 560px) {*/
/*  input.form-control {*/
/*    margin-left: 0;*/
/*    width: 98vw;*/
/*  }*/
/*}*/