/*!
 * Start Bootstrap - Coming Soon v5.0.0 (https://startbootstrap.com/template-overviews/coming-soon)
 * Copyright 2013-2018 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-coming-soon/blob/master/LICENSE)
 */

html {
  height: 100%;
  min-height: 100%;
}

body {
    padding-top: 67px;
  height: 100%;
  /*min-height: 45rem;*/
  /*position: relative;*/
  font-family: 'Source Sans Pro', Arial, sans-serif;
  font-weight: 300;
}

b, strong { font-weight: bold; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Didact Gothic', sans-serif;
  /*font-family: 'Source Sans Pro Bold';*/
  /*font-family: 'Sedgwick Ave', cursive;*/
  /*text-transform: uppercase;*/
  /*font-weight: 600;*/
  /*color: #fff;*/
  /*color: #000;*/
}

select, input, textarea {
    border-radius: 10px !important;
}

.btn {
    border-radius: 10em !important; /* rounded pill buttons */
}

.box {
    -webkit-filter: drop-shadow(0px 0px 3px #fff);
    filter: drop-shadow(0px 0px 3px #fff);
}

.navbar {
    background: rgba(158, 0, 86, 1);
}

.nav-item:hover a, .nav-item.active a {
    text-decoration: underline;
}
a.nav-link {
    color: white !important; /*#E5007D*/
}

.light_op_box {
    /*box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);*/
    background-color: #9E0056; /* darker pink */
    margin-top: 166px; /* todo -> use media query */
    border: 1px solid #ddd;
}
.rounded-pill {
    border-radius: 10em;
}

.text-shadow {
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.9);
}

.multi-text-shadow {
    color: #eee !important;
    font-weight: bold;
    text-shadow:
        0.05em 0 black,
        0 0.05em black,
        -0.05em 0 black,
        0 -0.05em black,
        -0.05em -0.05em black,
        -0.05em 0.05em black,
        0.05em -0.05em black,
        0.05em 0.05em black;
}
.multi-text-shadow-white {
    color: #333 !important;
    font-weight: bold;
    text-shadow:
        0.05em 0 white,
        0 0.05em white,
        -0.05em 0 white,
        0 -0.05em white,
        -0.05em -0.05em white,
        -0.05em 0.05em white,
        0.05em -0.05em white,
        0.05em 0.05em white;
}

.plogo {
    background: url("../images/atemweg_logo_without_shadow_1000.png"); /* #5E8262 no-repeat left bottom; /* center center fixed;*/
    background-size: contain;
    background-position: bottom left;
    background-repeat: no-repeat;
    /*background-color: #5E8262;*/
}

.foot {
    /*height: 100%;*/
    border-top: 1px solid #9E0056; /* darker pink */
    /*border-top: 1px solid #2F4131;*/
    /*background-color: rgba(94,130,98,0.5);*/
}

.redstar {
    color: red;
    /*font-weight: bold;*/
    padding-left: 4px;
    padding-right: 4px;
}


@font-face {
    font-family: 'hvd_poster_regular';
    src: url('../fonts/HVD_Poster-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'Didact Gothic';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/didact-gothic-v14-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/didact-gothic-v14-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

body {
    background-image: url("../images/bg_ootb3.jpg");
    background-attachment: fixed;
    background-position: top left;
    background-repeat: repeat;
    background-size: contain;
    background-color: #E5007D; /* light pink */
    font-family: 'Didact Gothic', sans-serif;
    /* color: #000; */
    color: #555;
    /*font-weight: bold;*/
}

.hvd {
    font-family: 'hvd_poster_regular', sans-serif;
}
.color-light-pink {
    color: #E5007D; /* light pink */
}


.btn-pink1 {
    background-color: #9E0056; /* darker pink */
    color: white !important;
}
.btn-pink1:hover {
    background-color: #E5007D; /* light pink */
}

.readabilitybg {
    background-color: rgba(0, 0, 0, 0.55);
    border-radius: 7px;
    padding:20px;
    text-shadow: 0px 0px 6px rgba(0, 0, 0, 1);
}
.readabilitybgw {
    background-color: rgba(255, 255, 255, 1);
    border-radius: 15px;
    /*padding: 80px;*/
    /*box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);*/
}
.rightrounded {
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
}
.rounded-div {
    border-radius: 15px;
}
ul.ootb-list {
    list-style-type: square;
    color: #E5007D;
    padding-left: 1.1em;
}
ul.ootb-list li span {
    color: #555;
}

.backgroundblur {
  filter: blur(4px);
  position: absolute;
  width: 100%;
  height: 100%;
}

.bglayer {
    background-color: rgba(255, 110, 189, 0.45); /* 0.4 */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.overlay {
  background-color: rgba(255, 110, 189, 0.85);
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  /*opacity: 0.6;*/
  cursor: pointer;
  z-index: 9999;
}

.overlay_logo {
  background: url("../images/ootb_box.png") no-repeat center center;
  background-size: contain;
  height: 100%;
  width: 50%;
  max-width: 500px;
  z-index: 2;
  cursor: pointer;
  filter: drop-shadow(0px 0px 2px #333);
}


.masthead {
  position: relative;
  overflow: hidden;
  padding-bottom: 3rem;
  z-index: 2;
}

.masthead .masthead-bg {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  min-height: 45rem;
  height: 100%;
  /*background-color: rgba(0, 46, 102, 0.8);*/
  -webkit-transform: skewY(4deg);
  transform: skewY(4deg);
  -webkit-transform-origin: bottom right;
  transform-origin: bottom right;
}

.masthead .masthead-content h1 {
  font-size: 2.5rem;
}

.masthead .masthead-content p {
  font-size: 1.2rem;
}

.masthead .masthead-content p strong {
  font-weight: 700;
}

.masthead .masthead-content .input-group-newsletter input {
  height: auto;
  font-size: 1rem;
  padding: 1rem;
}

.masthead .masthead-content .input-group-newsletter button {
  font-size: 0.8rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 1rem;
}


@media (min-width: 1200px) {
  .masthead {
    height: 100%;
    min-height: 0;
    width: 57rem;
    padding-bottom: 0;
  }
  .masthead .masthead-bg {
    min-height: 0;
    -webkit-transform: skewX(-8deg);
    transform: skewX(-8deg);
    -webkit-transform-origin: top right;
    transform-origin: top right;
  }
  .masthead .masthead-content {
    padding-left: 3rem;
    padding-right: 10rem;
  }
  .masthead .masthead-content h1 {
    font-size: 3.5rem;
  }
  .masthead .masthead-content p {
    font-size: 1.3rem;
  } 
}


.btn-secondary {
  background-color: #cd9557;
  border-color: #cd9557;
}

.btn-secondary:active, .btn-secondary:focus, .btn-secondary:hover {
  background-color: #ba7c37 !important;
  border-color: #ba7c37 !important;
}

.input {
  font-weight: 300 !important;
}

a, a:hover, a:active, a:visited {
    color: #fff;
}


/* Sticky footer styles
-------------------------------------------------- */

body {
  /* Margin bottom by footer height */
  /*margin-bottom: 200px;*/
  /*margin-bottom: 60px;*/
}
.footer {
  /*position: absolute;*/
  /*bottom: 0;*/
  width: 100%;
  /* Set the fixed height of the footer here */
  /*height: 200px;*/
  /*height: 61px;*/
  padding: 15px 0;
  line-height: 30px; /* Vertically center the text there */
  /*background-color: rgba(94,130,98,0.7); /* grün  */
  /*background-color: rgba(43,159,215,0.7); */ /* cyan */
  /*background: rgba(0, 159, 227, 0.9); cyan2 */
  background-color: #9E0056; /* darker pink */
}


/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

body > .container {
  padding: 60px 15px 0;
}

.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}

footer {
  color: #fff;
  font-size: 0.8rem;
}

.form-group label {
    /*font-weight: bold;*/
}
/*
.rotate-scale-up{-webkit-animation:rotate-scale-up .65s linear both;animation:rotate-scale-up .65s linear both}

 ----------------------------------------------
 * Generated by Animista on 2020-8-13 9:29:2
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- 

@-webkit-keyframes rotate-scale-up{0%{-webkit-transform:scale(1) rotateZ(0);transform:scale(1) rotateZ(0)}50%{-webkit-transform:scale(2) rotateZ(180deg);transform:scale(2) rotateZ(180deg)}100%{-webkit-transform:scale(1) rotateZ(360deg);transform:scale(1) rotateZ(360deg)}}@keyframes rotate-scale-up{0%{-webkit-transform:scale(1) rotateZ(0);transform:scale(1) rotateZ(0)}50%{-webkit-transform:scale(2) rotateZ(180deg);transform:scale(2) rotateZ(180deg)}100%{-webkit-transform:scale(1) rotateZ(360deg);transform:scale(1) rotateZ(360deg)}}
*/


.scale-up-center{-webkit-animation:scale-up-center .8s cubic-bezier(.39,.575,.565,1.000) both;animation:scale-up-center .8s cubic-bezier(.39,.575,.565,1.000) both}
/* ----------------------------------------------
 * Generated by Animista on 2020-11-3 11:38:4
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

@-webkit-keyframes scale-up-center{0%{-webkit-transform:scale(.5);transform:scale(.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale-up-center{0%{-webkit-transform:scale(.5);transform:scale(.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}

.opacity-0 {
  opacity:0!important;
}
.opacity-1 {
  opacity:0.2!important;
}
.opacity-2 {
  opacity:0.4!important;
}
.opacity-3 {
  opacity:0.6!important;
}
.opacity-4 {
  opacity:.8!important;
}
.opacity-5 {
  opacity:1!important;
}

/* blue1: #0069A6 */
.btn-blue1 {
    background-color: #0069A6;
    border-radius: 3px;
    color: white !important;
}
.text-blue1 {
    color: #0069A6;
}

/* blue2: #57C9E8 */
.text-blue2 {
    color: #57C9E8;
}
.text-blue2 a {
    color: #57C9E8;
    font-weight: bold;
}

.ootb_pink {
    color: #E5007D !important;
}
.ootb_pinkbg {
    background: #E5007D;
}
.ootb_grey {
    color: #65646A;
}


.mp_blue {
    color: #009FE3 !important;
}
.mp_bluebg {
    background: rgba(0, 159, 227, 0.9);
    /*background: rgba(87, 201, 232, 0.8); /* light cyan */
}
.card {
    background-color: rgba(255, 255, 255, 0.9);
}
.card a {
    color: #65646A;
}
.readabilitybgw a {
    color: #65646A;
}
.nowrap {
    white-space: nowrap;
}
.modal-lg {
    max-width: 950px;
}
.card-title {
 font-size: 1.15rem;
 /*font-weight: bold;*/
}


.calendar_elem:hover {
    text-decoration: none;
    background-color: rgba(255, 255, 255, 0.99);
}
.calendar_elem {
    color: #65646A;
}


@media (min-width: 768px) {
    body {
        font-size: 1.2rem;
    }
    .modal-xl {
        width: 90%;
        max-width:1200px;
    }
}