/*
 Theme Name:   bootScore Child
 Description:  bootScore Child Theme
 Author:       bootScore
 Author URI:   https://bootscore.me
 Template:     bootscore-main
 Version:      5.1.3.1
 Text Domain:  bootscore
*/

/*
All style editing is done via css/scss/_bscore_custom.scss
*/

/* josefin-sans-regular - latin */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/josefin-sans-v24-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/josefin-sans-v24-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/josefin-sans-v24-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/josefin-sans-v24-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/josefin-sans-v24-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/josefin-sans-v24-latin-regular.svg#JosefinSans') format('svg'); /* Legacy iOS */
}
/* josefin-sans-700 - latin */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/josefin-sans-v24-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/josefin-sans-v24-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/josefin-sans-v24-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/josefin-sans-v24-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/josefin-sans-v24-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/josefin-sans-v24-latin-700.svg#JosefinSans') format('svg'); /* Legacy iOS */
}
/* cormorant-garamond-regular - latin */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/cormorant-garamond-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/cormorant-garamond-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/cormorant-garamond-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/cormorant-garamond-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/cormorant-garamond-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/cormorant-garamond-v15-latin-regular.svg#CormorantGaramond') format('svg'); /* Legacy iOS */
}
/* cormorant-garamond-700 - latin */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/cormorant-garamond-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/cormorant-garamond-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/cormorant-garamond-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/cormorant-garamond-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/cormorant-garamond-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/cormorant-garamond-v15-latin-700.svg#CormorantGaramond') format('svg'); /* Legacy iOS */
}

html {font-size:100%; scroll-behavior: smooth;}
body {font-family:'Josefin Sans'; font-size:1.063rem; font-weight:400; background-color:#F8F8F8; color:#565656; -moz-hyphens: auto; hyphens: auto;}
header {padding-top:0px; padding-bottom:0px; height:auto; background-color:#FFF;}
header a {text-decoration:none; color:#000;}
header a:hover {text-decoration:none; color:#000;}

.site {background-color:#F8F8F8;}

#bg_header {background-color:#FFF; position:relative; background-repeat:no-repeat; background-position:center top; background-size:cover;}
.bg_rosa {background-color:#f1ede7;}
.bg_para {background-color:#efefe3; background-repeat:no-repeat; background-position:center top; background-size:cover;
          background-attachment: fixed !important; -webkit-box-shadow: 0px 7px 37px -11px rgba(107,107,107,0.6);
          -moz-box-shadow: 0px 7px 37px -11px rgba(107,107,107,0.6);
          box-shadow: 0px 7px 37px -11px rgba(107,107,107,0.6);}
.starttilinie {width:320px; height:3px; background-color:#565656; margin-bottom:1rem; margin-top:2rem;}
.schattentop {-webkit-box-shadow: 0px 12px 8px 0px rgba(153,153,153,0.21);
              -moz-box-shadow: 0px 12px 8px 0px rgba(153,153,153,0.21);
              box-shadow: 0px 12px 8px 0px rgba(153,153,153,0.21);}
.bg_footer {background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 0px 20px #00000017;opacity: 1;}
.bg_contenim {background-repeat:no-repeat; background-position:center top; background-size:cover;}
.bg_contenunter {background-repeat:no-repeat; background-position:center top; background-size:cover;}
.bg_fatra {background: rgba(241,237,231,0.90);}
footer a {color:#565656; text-decoration: none;}
footer a:hover {color:#565656; text-decoration: underline;}
/* galerie-Vorschau-Bidler beschneiden */
.bild_klein {width: 350px; object-fit: cover; height: 250px;}
img bild_voll {width:100%;}
.container2 {margin-left:auto; margin-right:auto;}

/* Main Navi */
.navbar-nav {flex: auto; flex-flow:column; justify-content:space-between;}

/* Button Primary */
  .btn-primary {text-align: center; font: normal normal normal 16px/30px Josefin Sans; letter-spacing: 0px;color: #565656; opacity: 1;background: #F1EDE7 0% 0% no-repeat padding-box; border: 1px solid #565656B3; opacity: 1; margin-top:2rem;}
  .btn-primary:hover {background: #FFFFFF 0% 0% no-repeat padding-box; opacity: 1; color: #565656; border: 1px solid #565656B3; opacity: 1;}
  .btn-primary:active, .btn-primary:focus { background-color:#FFFFFF !important; text-decoration:none;  outline: none !important; box-shadow: none;}
  .btn-primary:disabled {background-color:#FFFFFF !important;}



/* Fonts */

h1.start {font-family: 'Cormorant Garamond'; font-size:1.563rem;}
h3 {font-weight:400;}
h4 {font-size:1.375; font-weight:400;}

h2.widget-title {font-size:1.375; font-weight:400; font-family:'Josefin Sans';}

.titelstart1 {font-family: 'Cormorant Garamond'; font-size:3.438rem; font-weight:700; line-height:0.5rem;}
.titelstart1weiss {font-family: 'Cormorant Garamond'; font-size:3.438rem; color:#FFF; font-weight:700; line-height:4rem;}
.titelstart2 {font-family: 'Cormorant Garamond'; font-size:5rem; font-weight:700; font-style: italic;}

.textlinie {text-shadow: 1px 1px #FFF;}

a {color:#565656;}
a:hover {color:#565656; text-decoration: none;}

/*Font Awesome */
i.fas {margin-right:5px; color:#565656;}
i.fab {margin-right:5px; color:#565656;}
i.far {margin-right:5px; color:#565656;}

/* animation fade in */
.fade-in-at-once {
  animation-name: fade-inAni;
  animation-duration: 1s;
  animation-timing-function: ease-in;
}

/* REVEAL = Aktivator-Klasse
fade-in =  Festlegung der Animation*/

.reveal.active {
  opacity: 1;
}
.active.fade-in {
  animation: fade-inAni 0.5s ease-in;
}

.reveal {
  position: relative;
  opacity: 0;
}

.reveal.active {
  opacity: 1;
}

/* Keyframe für fade Effekt */

@keyframes fade-inAni {
  0%{
    opacity: 0;
  }
  100%{
    opacity: 100;
  }
}



/* media abfragen content-breite*/
@media (min-width: 200px) {
  .container {max-width: 98%;}
  .container2 {max-width: 98%;}
  .bg_contenim {height:300px;}
  .bg_contenunter {height:300px;}
  .bs-footer-menu {float:none;}
  .aus_an {display:none;}
  h1 {font-size: 1.875rem;}
  .titelstart1 {font-size:2.125rem;}
  .titelstart1weiss {font-size:2.125rem; line-height:2rem;}
  .titelstart2 {font-size:3.125rem; line-height:3rem;}
  #bg_header {height:430px; background-image: url('/files/uploads/header_mobil.webp'); background-size:cover !important;}
 .container_head {height:380px; padding-top:4rem;}
}

@media (min-width: 400px) {
  .container {
    max-width: 98%;
  }
  .container2 {max-width: 98%;}
}

@media (min-width: 576px) {
  .container {
    max-width: 98%;
  }
  .container2 {max-width: 98%;}
  .bg_contenim {height:400px;}
  .bg_contenunter {height:400px;}
}

@media (min-width: 768px) {
  .container {
    max-width: 98%;
  }
  .container2 {max-width: 98%;}
  h1 {font-size: 1.875rem;}
  h2 {font-size: 1.875rem;}
  h3 {font-size: 1.875rem;}
  .bg_contenim {height:450px;}
  .bg_contenunter {height:450px;}
}

@media (min-width: 992px) {
  .container {
    max-width: 98%;
  }
  .container2 {max-width: 98%;}
  .aus_an {display:block;}
  #bg_header {height:800px; background-image: url('/files/uploads/header_desktop_2000px.webp');}
  h1 {font-size: 1.875rem;}
  h2 {font-size: 2.813rem; font-family:'Cormorant Garamond'; font-weight:600;}
  h3 {font-size: 1.875rem;}
  .titelstart1 {font-size:3.438rem;}
  .titelstart1weiss {font-size:3.438rem; line-height:4rem;}
  .titelstart2 {font-size:5rem; line-height:5rem;}
  .container_head {height:800px; padding-top:0rem;}
  .bg_contenim {height:auto;}
}

@media (min-width: 1200px) {
  .container {
    max-width: 98%;
  }
  .container2 {max-width: 98%;}
  .container_head {height:1280px;}
  #bg_header {height:1200px; background-image: url('/files/uploads/header_desktop_2000px.webp');}
}

@media (min-width: 1400px) {
  .container {
    max-width: 98%;
  }
  .container2 {max-width: 98%;}
}

@media (min-width: 1600px) {
  .container {
    max-width: 1600px;
  }
  .container2 {max-width: 98%;}
}

@media (min-width: 1840px) {
  .container2 {max-width:1840px;}
}

/* Formularformat */
    div.wpcf7 {padding:0px; background-color:#f1ede7;}
    .wpcf7 div.wpcf7-response-output {background-color:#FFF; color:#3C8718; font-size:1.125rem;}
    .wpcf7 div.wpcf7-mail-sent-ok {background-color:#efefef; color:#3C8718; font-size:1.125rem; }
    .wpcf7 div.wpcf7-validation-errors {background-color:#efefef; color:#3C8718; font-size:1.125rem;}
    .wpcf7 input[type=“text“] {margin-bottom:15px !important; width:100% !important; color:#828282 !important;border-bottom:2px solid #3C8718;}
    .wpcf7 input[type=“email“] {margin-bottom:15px; width:100% !important; color:#828282 !important;}
    .wpcf7 input[type=“tel“] {margin-bottom:15px; width:100% !important; color:#828282 !important;}
    .wpcf7 input[type=“select“] {margin-bottom:15px; width:100% !important; color:#828282 !important;}
    .wpcf7 input {color:#828282 !important; border:0; padding:0.5rem; border-bottom:1px solid #ce2587;}
    .wpcf7 textarea {background:#ffffff; color:#828282; font-family:'Inter'; padding:0.5rem; margin-bottom:15px !important; width:100% !important; border:0; border-bottom:1px solid #ce2587;}
    .wpcf7 select {background:#ffffff; color:#828282; font-family:'Inter'; border-bottom:1px solid #ce2587; border-radius:0px;}

    #anfrage {background:#3C8718; padding:15px 10px 0 10px;  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.4);}
    input[type="submit"] {text-align: center; font: normal normal normal 16px/30px Josefin Sans; letter-spacing: 0px;color: #565656; opacity: 1;background: #F1EDE7 0% 0% no-repeat padding-box; border: 1px solid #565656B3; opacity: 1; margin-top:2rem; padding-left:2rem; padding-right:2rem;}
    input[type="submit"]:hover {background-color:#FFFFFF;}
    input:focus {background:#FFFFFF;}
    #anfrage div.wpcf7-response-output {background:#fff; padding: 1.5em 1em;}
    .messages {color:#828282; font-size:1.063rem;}
    span.wpcf7-list-item {float:left; display:block;	margin-left:0; margin-right:15px;}
    .form-control { width:100%; font-family:'Inter' !important;  background-color:#fff; color:#828282; font-size:1rem !important; border-radius:0; border-bottom:2px solid #3C8718 !important;}
    label {font-weight:400; font-size:1.063rem; width:100%;}
    #gutschein-name, #bestellname, #name, #gutschein-wert, #anschrift, #your-email, #tele, #plz, #fax #bemerkung #firma {width:100% !important; margin-bottom:15px !important;}

    .zustimmung_text {font-size:0.875rem !important; margin-bottom:21px; text-align:left;}