/* Headlines */
:root {
    --main-clr: #4a6282; 
    --second-clr: #a6b6c5;
    --third-clr-dark: #07183b;
}

body {
    font-family     : 'Poppins', sans-serif !important;
    font-size       : 18px;
    background-color:hsla(221,78%,13%,1);
    background-image:
    radial-gradient(at 0% 0%, hsla(214,14%,40%,0.57) 0px, transparent 50%),
    radial-gradient(at 100% 100%, hsla(207,17%,71%,0.25) 0px, transparent 50%);
    background-attachment: fixed;
    overflow-x: hidden;
}

/* Überschriften  */

h1, h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    text-wrap: pretty;
    padding: 1.7rem 0;
}
.h1 {
    font-size: calc(2.5vw + 2.5vh + 2vmin) !important;
    line-height: calc(2.5vw + 2.5vh + 2vmin) !important;
}


.h2 {
    font-size: calc(2vw + 2vh + 2vmin) !important;
    line-height: calc(2vw + 2vh + 2vmin) !important;
}

h3, h3.h3 {
    font-size: calc(1.5vw + 1.5vh + 2vmin) !important;
    line-height: calc(1.5vw + 1.5vh + 2vmin) !important;
}

h4.h4 {
    font-size: calc(1.1vw + 1.1vh + 2vmin) !important;
    line-height: calc(1.1vw + 1.1vh + 2vmin) !important;
}

h4 {
    font-size: calc(1.1vw + 1.1vh + 2vmin) !important;
    line-height: calc(1.1vw + 1.1vh + 2vmin) !important;
    text-wrap: pretty;
    padding: 1rem 0;
}

h5.h5 {
    font-size: calc(1vw + 1vh + 2vmin) !important;
    line-height: calc(1vw + 1vh + 2vmin) !important;
}

h5  {
    font-size: calc(1vw + 1vh + 2vmin) !important;
    line-height: calc(1vw + 1vh + 2vmin) !important;
    text-wrap: pretty;
    padding: 1rem 0;
}

h6, h6.h6 {
    font-size: calc(0.5vw + 0.5vh + 2vmin) !important;
    line-height: calc(0.5vw + 0.5vh + 2vmin) !important;
}

/* To Top btn */

#ToTop {
    display: inline-block;
    position: fixed;
    bottom: 30px;
    right: 30px;
    transition: background-color .3s, 
      opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
  }

  #ToTop.show {
    opacity: 1;
    visibility: visible;
  }


  /* ul li ckeck style */

  ul.ce-bullets { 
    margin-left: 2em; 
    list-style-type:none;
}

ul.ce-bullets li { position: relative; line-height: 180%}

  ul.ce-bullets li::before { 
    position:absolute;
     left: -2em;
    color:green; 
    fill: green;
    font-size: 1.5em;
    content: url(https://robertcheckts.de/fileadmin/user_upload/icons/check-circle.svg) " "; 
}

/* Kontaktform */

.form-label {
    display: none;
}

.form-text {
    background-color: rgba(124, 252, 0, .6);
    font-size: .8rem; 
    padding: 10px 5px;
    margin-top: 10px;
    border-radius: 5px;
}

.input {
    width: 100%;
}

.input .form-control {
    border-radius: 10px;
    width: 100%;
    height: 60px;
    margin: 10px 0;
    border-color: lime !important;
    border: 2px solid !important;
}

.input textarea.form-control {
    height: 200px;
}

label.form-check-label > span {
    font-size: .8rem;
}

label.form-check-label  span a:link {
  text-decoration: underline !important;
  color: red;
}

label.form-check-label > input {
    margin-right: 10px;
}

span.btn-group {
    float: right;
    margin-top: 25px;
}

button.btn-primary {
    border: 2px solid black;
    padding: 10px 15px;
    border-radius: 10px;
   
}

.confirmation {
    background-color: rgba(124, 252, 0, .6);
    width: 100%;
    padding: 30px;
    border-radius: 5px;
    text-align: center;
}

/* Timeline*/

h2.h2timeline {
    font-size: 1.2rem !important;
    margin: 0 !important;
    padding: 0 0 25px 0 !important;
    color: black !important;
} 

.frst-timeline-block{
    padding-bottom: 100px !important;
  }

/*---------- Responsive part ------------*/
@media only screen and (min-width: 679px) {
    .frst-timeline-style-2.frst-alternate .frst-timeline-content{
      width: calc(50% - 32px) !important;
    }
    .frst-timeline-style-2.frst-date-opposite .frst-date{
      left: -325px !important;
      line-height: 26px !important;
      width: 260px !important;
    }
    .frst-timeline-style-2.frst-date-opposite.frst-right-align .frst-date,
    .frst-timeline-style-2.frst-date-opposite.frst-alternate .frst-timeline-block.frst-odd-item .frst-date{
      right: -325px !important;
      left: auto !important;
      text-align: left !important;
    }
  
  }