/*
 Theme Name:   Bootscore Child
 Description:  Bootscore Child Theme
 Author:       Bootscore
 Author URI:   https://bootscore.me
 Template:     bootscore
 Version:      6.0.0
 Requires at least: 5.0
 Tested up to: 6.6
 Requires PHP: 7.4
 License: MIT License
 License URI: https://github.com/bootscore/bootscore-child/blob/main/LICENSE
 Text Domain:  bootscore
*/

/* 
All style editing is done via /assets/scss/_bootscore_custom.scss
*/

/* roboto-regular - latin */
@font-face {
  font-display: swap; 
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/themes/bootscore-child/fonts/roboto-v50-latin-regular.woff2') format('woff2'); 
}

/* roboto-600 - latin */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 600;
  src: url('/wp-content/themes/bootscore-child/fonts/roboto-v50-latin-600.woff2') format('woff2'); 
}

/* roboto-800 - latin */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 800;
  src: url('/wp-content/themes/bootscore-child/fonts/roboto-v50-latin-800.woff2') format('woff2');
}

/* manrope-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/themes/bootscore-child/fonts/manrope-v20-latin-regular.woff2') format('woff2');
}

/* manrope-600 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  src: url('/wp-content/themes/bootscore-child/fonts/manrope-v20-latin-600.woff2') format('woff2'); 
}

/* manrope-800 - latin */
@font-face {
  font-display: swap;
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  src: url('/wp-content/themes/bootscore-child/fonts/manrope-v20-latin-800.woff2') format('woff2'); 
}

/* inconsolata-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Inconsolata';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/themes/bootscore-child/fonts/inconsolata-v37-latin-regular.woff2') format('woff2');
}



html {
    scroll-padding-top: 4.5rem;
  }

body {
    font-family: "Roboto",Arial,sans-serif;
    font-size: 16px;
    color: #fff;
	background-color: #0a1d29;
	background-image: url(/wp-content/themes/bootscore-child/assets/img/background1.png);
	background-repeat: no-repeat;
	background-size:cover;
	background-position-x: right;
}

#page {
	padding: 0 50px;
}

.home #page {
	background-color: transparent;
	background-image: url(/wp-content/themes/bootscore-child/assets/img/background2.png);
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: 1900px auto;
	background-position-x: right;
}
.container {
	max-width: 1700px;
}

a.nav-link  {
	font-family: "Inconsolata",Arial,sans-serif;
	text-transform: uppercase;
	letter-spacing: .05em;
}
.text-start a.nav-link  {
	margin-top: 5px;
}
a.nav-link:hover  {
	color: #e8e254;
}

.floating-nav header {
	background-color: #0a1d29;
}
#hnav2 {
	display: none;
}
	
header .wrap {
	padding: 20px 0 15px;
	border-bottom: 1px solid #484848;
	font-size: 16px;
}
header .btn {
	font-family: "Inconsolata",Arial,sans-serif;
	text-transform: uppercase;
	letter-spacing: .05em;
	color: #1e1e1e;
	background-color: #e8e254;
	margin-top: -3px;
	margin-right: 23px;
	background-image: url(/wp-content/themes/bootscore-child/assets/img/arrow-right.svg);
	background-size: 25px;
	background-repeat: no-repeat;
	background-position: right 5px center;
	padding-right: 30px;
}
header .btn:hover {
	background-color: #fff;
	color: #1e1e1e;
}
header a {
	display: inline-block !important;
}

.head2 .logo {
	margin: 60px 0 0px;
}

.intro, h6 {
	font-family: "Inconsolata",Arial,sans-serif;
	text-transform: uppercase;
	letter-spacing: .055em;
	display: inline-block;
}

h1 {
	font-family: "Manrope",Arial,sans-serif;
	font-size: 3.4375em;
	letter-spacing: -0.02em;
}
h2 {
	font-family: "Manrope",Arial,sans-serif;
	font-size: 2.5em;
	letter-spacing: -0.02em;
	margin-top: 10px !important;
}
h3 {
	font-size: 1.5625em;
	letter-spacing: -0.02em;
}
h4 {
	margin-top: 30px;
}
h6 {
	color:#0b6e88 !important;
}

a {
	color: #1e1e1e;
	text-decoration: underline;
}

.has-medium-font-size {
	font-size: 1.375em !important;
}

.white-block {
	background-color: #fff;
	border-radius: 7px;
	overflow: hidden;
	color:#1e1e1e;
}

.white-block .col-lg-6.flex {
  display: flex;
  align-items: center;
  justify-content: center;
}
.white-block .col-md-6 p {
	margin-block-start: 10px;
}

.white-block .wp-block-cover {
	display: block
}

.white-block .wp-block-cover .wp-block-group {
	padding-right: 45%;
}

.btn.btn-primary {
	background-color: #e8e254;
	border: none;
	color: #1e1e1e;
	font-family: "Inconsolata",Arial,sans-serif;
  text-transform: uppercase;
  border: 1px solid #0a1d29;
}

.btn.btn-secondary {
	background-color: #1e1e1e;
	color:#fff;
	font-weight: 800;
	letter-spacing: normal;
	padding: 20px 75px 18px 25px ;
	border-radius: 7px;
	background-image: url(/wp-content/themes/bootscore-child/assets/img/arrow-right-white.svg);
	background-size: 30px;
	background-repeat: no-repeat;
	background-position: right 10px center;
	border: none;
}
.right {
	float: right;
}
.btn.btn-secondary:hover {
	background-color: #e8e254;
	color: #1e1e1e; 
	background-image: url(/wp-content/themes/bootscore-child/assets/img/arrow-right.svg);
}

.wp-block-separator {
	border-color: #3b4a54;
	border-width: 3px;;
}

.teaser {
	background-color: #23343f;
	border-radius: 7px;
	overflow: hidden;
	padding: 70px 30px 40px 30px;
	min-height: 538px;
	background-repeat: no-repeat;
	background-position: right 20px top 20px;
}
.teaser:hover {
	background-color: #3b4a54;
}
.teaser.t1 {
	background-image: url(/wp-content/themes/bootscore-child/assets/img/point-teaser1.png);
}
.teaser.t2 {
	background-image: url(/wp-content/themes/bootscore-child/assets/img/point-teaser2.png);
}
.teaser.t3 {
	background-image: url(/wp-content/themes/bootscore-child/assets/img/point-teaser3.png);
}
.teaser.t4 {
	background-image: url(/wp-content/themes/bootscore-child/assets/img/point-teaser4.png);
}
.teaser.t5 {
	background-image: url(/wp-content/themes/bootscore-child/assets/img/point-teaser5.png);
}

.teaser-team {
	background-color: #fff;
	border-radius: 7px;
	overflow: hidden;
	color:#1e1e1e;
	position: relative;
	min-height: 520px;
}
.teaser-team figure {
	background-color: #ededeb;
	overflow: hidden;
}
.teaser-team figure img{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.teaser-team figure:hover img{
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
	-o-transform: scale(1.03);
	transform: scale(1.03);
}






.teaser-team .linkedin {
	position: absolute;
	right: 20px;
	top:20px;
	margin-top: 0 !important;
}

.teaser-team .wp-block-group {
	margin-block-start: 0
}
.teaser-team p, .teaser-team h3 {
	margin-block-start: 10px;
}

.marquee-wrapper{
	overflow:hidden;
	margin: 50px 0;
}


.grayback {
	background-color: #e1e1de;
	color: #1e1e1e;
	padding: 40px 140px;
	border-radius: 7px;
	margin-bottom: 100px;
}
.grayback.content {
	width: 100%;
	padding:50px 40px;
}
.grayback.content .container {
	margin: 0 auto;
	max-width: 1100px;
}


label {
  display: block;
}
.datenschutz label {
  display: inline-block;
}

.form-group {
  position:relative;
  margin-bottom: 25px;
}
.form-group label {
	display: block;
}
.form-label {
  position: absolute;
  left: 0;
  top: 22px;
  color: #8f8f8f;
  z-index: 10;
  padding-left: 10px;
  cursor: text;
  font-size: 1.1em;
  -webkit-transition: transform 200ms ease-out, font-size 200ms ease-out;
  -moz-transition: transform 200ms ease-out, font-size 200ms ease-out;
  transition: transform 200ms ease-out, font-size 200ms ease-out;
}

.form-group.filled .form-label {
  transform: translateY(-100%);
  cursor: default !important;
  font-size: 0.8125em;
}
textarea:focus, input:focus{
    outline: none;
}


input:focus, input:active {
    outline: none!important;
}
.form input.form-control {
	color: #1e1e1e;
	background-color:#efefef;
	border-left: 0;
	border-top: 0;
	border-right: 0;
	border-radius: 0;
	height: 55px;
	border-radius: 5px;
	padding: 30px 0.75rem 10px;
}
.form .form-group.filled input.form-control {
	outline: none !important;
    outline-style: none;
    outline-width: medium;
	  outline: -webkit-focus-ring-color none !important;
	  outline-color: -webkit-focus-ring-color none !important;
	  outline-style: none !important;
	  outline-width: 0 !important;
	  box-shadow: none;
}


.form #nachricht {
	width:100%;
	border: none;
	background-color: #efefef;
	padding: 20px 10px;
}

.form .textfeld .form-label {
  top: 10px;
}
.form-group.filled .textfeld  .form-label {
  transform: translateY(-40%);
}



.form input[type="checkbox"] {
	position: relative;
	left: 15px;
	top: -9px;
	z-index: 0;
	-webkit-appearance: none;
}
.form input[type="checkbox"] + label::before {
	width: 34px;
	height: 34px;
	background-image: url(/wp-content/themes/bootscore-child/assets/img/check.png);
	background-repeat: none;
	display: block;
	content: "";
	float: left;
	margin-right: 10px;
	z-index: 8;
	position: relative;
	top: -6px;
}
.form input[type="checkbox"]:checked+label::before {
	background-image: url(/wp-content/themes/bootscore-child/assets/img/check-on.png) 
}
.form .error input[type="checkbox"] + label::before {
	background-image: url(/wp-content/themes/bootscore-child/assets/img/check-red.png);
}


.form input[type="radio"] {
	position: relative;
	left: 15px;
	top: -9px;
	z-index: 0;
	-webkit-appearance: none;
}
.form input[type="radio"] + label::before {
	width: 34px;
	height: 34px;
	background-image: url(/wp-content/themes/bootscore-child/assets/img/radio.png);
	background-repeat: none;
	display: block;
	content: "";
	float: left;
	margin-right: 10px;
	z-index: 8;
	position: relative;
	top: -6px;
}
.form input[type="radio"]:checked+label::before {
	background-image: url(/wp-content/themes/bootscore-child/assets/img/radio-on.png) 
}
.form .error input[type="radio"] + label::before {
	background-image: url(/wp-content/themes/bootscore-child/assets/img/radio-red.png);
}

.datenschutz label.first {
	padding-left: 0px;
}
#kformdanke {
	display: none;
}

  .justify-content-md-center {
    justify-content: center !important;
  }
footer {
	margin: 40px 15px 50px;
}
footer .logo {
	margin: 5px 0 0 0;
}
footer .container {
	background-color: #162934;
	border-radius: 7px;
	padding: 0;
}
footer .wrap {
	padding: 40px 25px;
	border-bottom: 1px solid #484848;
}
footer .intro {
	color:#959595;
}
.footer-menu {
	padding: 25px 25px 110px;
}
#footer-menu li {
	width: 25%;
	white-space: nowrap;
}
#footer-menu li a {
	color: #959595;
}
#footer-menu li a:hover {
	text-decoration:underline;
}


/* Cookie */
#cookieback{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9197;
    background-color: #363c3d;
    opacity: 0.6;
    /*display: none;*/
}
#cookie_layer, #info_layer{
    position:fixed;
    top: 0px;
    z-index: 9199;
    width: 100%;
}

#cookie_layer .block, #info_layer .block{
    max-width: 760px;
    width: 75%;
    margin: 0 auto;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 46px -1px rgba(0,0,0,0.33);
    -moz-box-shadow: 0px 0px 46px -1px rgba(0,0,0,0.33);
    box-shadow: 0px 0px 46px -1px rgba(0,0,0,0.33);
    padding: 10px 45px 30px 30px;
	border-radius: 6px;
}
#cookie_layer .headline{
    font-size: 26px;
    color: #0a1d29;
    padding:2px 0 10px;
    text-align: center;
}
#cookie_layer p{
    font-size:14px;
    color:#555;
}
#cookie_layer .gray{
    padding:15px;
    background-color: #f7f7f7;

}
#cookie_layer a{
    font-weight: normal;
    font-size:14px;
    color:#003455;
	text-decoration:none;
}
#cookie_layer a:hover {
	text-decoration:underline;
}
#cookie_layer a:visited{
    color:#003455;
}
#cookie_layer a#co-all:visited{
	color:#fff;
}
#cookie_layer a#co-confirm:visited{
	color:#0a1d29;
}
#cookie_layer .gray b{
    font-size:14px;
    text-transform: uppercase;
    color:#4a4a4a;  
}

#cookie_layer .gray a, #cookie_layer .gray span{
    padding: 0px 0 0 33px;  
    height:37px;
    display: inline-block;
    background: url('assets/img/cookie_deaktive.png') 0px 2px no-repeat; 
    text-decoration: none;
    font-size: 14px;
    color: #4a4a4a;
    margin-top: 10px;
    width:100px;
}

#cookie_layer .gray span.necessary{
    color:#8e8e8e;
    background: url('assets/img/cookie_standard.png') 0px 2px no-repeat; 
}
#cookie_layer .gray a.active{
    color:#8e8e8e;
    background: url('assets/img/cookie_aktive.png') 0px 2px no-repeat; 
}

#cookie_layer a:after{
    border:none;
}
#cookie_layer a#klapp{
    padding-right:18px;
    background: url('assets/img/arrow-down_bt.png') right 4px no-repeat; 
    font-size:14px;
    color:#0a1d29
	text-decoration: none;
}
#cookie_layer a#klapp.open{
    background: url('assets/img/arrow-down_tb.png') right 4px no-repeat; 
}

#cookie_layer .left{
    float: left;
}
#cookie_layer .right{
    float: right    ;
}

#cookie_layer .spalte1, #cookie_layer .spalte2, #cookie_layer .spalte3{
    float:left;
}
#cookie_layer .spalte1{
    width:31%;
    margin-left:27%;
}
#cookie_layer .spalte2{
    width:30%;
}
#cookie_layer .btn{
    padding: 10px 25px 10px;
    margin: 0  0 0 5px;
    background-image: none;
}
#cookie_layer #toopen{
    text-align: left;
    padding-top: 20px;
}
#cookie_layer .btn{
	display: inline-block;
    border: #0a1d29 1px solid !important;
    padding: 8px 25px;
	background: #0a1d29 !important;
	letter-spacing: 0.1em;
	color:#fff;
	
}
#cookie_layer .btn:hover{
    background-color: #fff;
    color: #0a1d29 !important;
    border: #0a1d29 1px solid !important;
    background: #fff !important;
	text-decoration:none;
}
#cookie_layer .btn.white{
   background: #fff !important;
    border: #0a1d29 1px solid !important;
    color:#0a1d29;
}

#cookie_layer .btn.white.lucid{
    border: #0a1d29 1px solid !important;
    color:#0a1d29;
}
#cookie_layer a:hover.btn.white.lucid{
    color:#fff !important;
   background-color: #0a1d29 !important;
}

#cookie_layer .schalterblock{
	text-align: center;
	margin-top: 15px;
}


@media all and (max-width: 1660px) { 
	.grayback {
  		padding: 40px 80px;
	}
	
}

@media all and (max-width: 1560px) { 
	.grayback {
  		padding: 40px 50px;
	}
	.white-block .wp-block-cover .wp-block-group {
	  padding-right: 35%;
	}
}

@media all and (max-width: 1400px) { 
	.teaser {
		min-height: 490px;
	}
}

@media all and (max-width: 1370px) {
	body {
		font-size: 15px;
	}
	.white-block .wp-block-cover .wp-block-group {
	  padding-right: 30%;
	}
}

@media all and (max-width: 1263px) { 
	.teaser {
		min-height: 505px;
	}
}

@media all and (max-width: 1230px) { 

	.white-block .wp-block-cover .wp-block-group {
		padding-right: 0%;
	}
	.white-block .wp-block-group.wp-container-core-group-is-layout-cdc25d12 {
		padding-left: 35px !important;
		padding-right: 35px !important;
	}
}

@media all and (max-width: 1050px) { 
	body {
		background-position-x: right 50%;
	}
	
	#page {
		
		padding: 0 25px;
	}
	.grayback {
  		padding: 40px 40px;
	}
	
}

@media all and (max-width: 992px) { 
	.white-block .col-lg-6.flex {
		padding: 30px 0
	}

}

@media all and (max-width: 820px) { 
	footer.en #footer-menu li {
		width: 50%;
	}
	.white-block .wp-block-cover {
	  min-height: 500px !important;
	}
	#cookie_layer .block {
    	width: 100%;
   }
}

@media all and (max-width: 768px) { 
	#page {
        padding: 0 15px;
    }
	header .btn {
		margin-right: 13px;
	}
	.teaser, .teaser-team {
		min-height: 0
	}
	h1 {
		font-size: 3.125em;
	}
	.home #page {
		background: none;
	}
	.white-block .wp-block-cover {
	  min-height:460px !important;
	}
}
@media all and (max-width: 707px) { 
	.de #grund .radio:nth-child(2) label:before {
		margin-bottom: 20px;
	}
}

@media all and (max-width: 670px) { 
	.hide670 {
		display: none !important;
	}
	h1 {
		font-size: 3em;
	}
	h2 {
		font-size: 2.25em;
	}
	h3 {
		font-size: 1.375em;
	}
	.grayback.content {
		padding: 18px 10px;
	}
	.grayback {
		padding: 18px 15px;
	}
	.datenschutz {
		margin-bottom: 10px;
	}
	.white-block .wp-block-cover {
	  min-height:420px !important;
	}
}

@media all and (max-width: 621px) { 
	.de .datenschutz label.last {
		margin-left: 47px;
	}
}

@media all and (max-width: 580px) { 
	.en #grund .radio:nth-child(2) label:before {
		margin-bottom: 20px;
	}
}

@media all and (max-width: 560px) { 

	#footer-menu li, footer.en #footer-menu li {
		width: 100%;
	}
	
	h1 {
		font-size: 2.1875em;
	}
	h2 {
		font-size: 2em;
	}
	h3 {
		font-size: 1.375em;
	}
	h6 {
		font-size: 0.875em;
	}
	.has-medium-font-size {
		font-size: 1.25em !important;
	}
	.grayback.content {
		padding: 18px 0px;
	}
	.white-block .wp-block-cover {
	  min-height:340px !important;
	}
	.datenschutz label:before {
	}
}
@media all and (max-width: 509px) { 
	.de #grund .radio:nth-child(2) label:before {
		margin-bottom: 55px;
	}
}

@media all and (max-width: 463px) {
	.en .datenschutz label.last {
		margin-left: 47px;
	}
	.wp-block-spacer.distance {
		height:100px !important;
	}
	 #cookie_layer .block {
        padding: 10px 15px 30px 15px;
   }
}

@media all and (max-width: 428px) { 
	.en #grund .radio:nth-child(2) label:before {
		margin-bottom: 55px;
	}
}

@media all and (max-width: 420px) { 
	#page {
        padding: 0;
    }
	#hnav1 {
		display: none ;
	}
	#hnav2 {
		display: block;
	}
	#hnav2 .start {
		float: left;
	}
	#hnav2 .end {
		float: right;
		margin-top: -8px;
	}
	.teaser-team .wp-block-group, .white-block .wp-block-cover, .white-block .wp-block-group {
		padding-right: 15px !important;
		padding-left: 15px !important;
	}
	.white-block .wp-block-cover .wp-block-group {
		padding-right: 0 !important;
		padding-left: 0 !important;
	}
	.white-block .wp-block-group.wp-container-core-group-is-layout-cdc25d12 {
		padding-right: 15px !important;
		padding-left: 15px !important;
	}
	h1 {
		font-size: 1.8125em;
	}
	.white-block .wp-block-cover {
	  min-height:340px !important;
	}
	#cookie_layer .block {
        padding: 10px 10px 30px;
   }
   #cookie_layer .btn.white.lucid {
    margin-bottom: 10px;
   
  }
  #cookie_layer .btn {
    padding: 8px 28px;
    width: 60%;
  }
  #cookie_layer .spalte2 {
        width: 40%;
        margin-left: 0;
    }
    #cookie_layer .spalte1 {
        width: 40%;
        margin-left: 9%;
    }
}
@media all and (max-width: 386px) { 
	.de #grund .radio:nth-child(2) label:before {
		margin-bottom: 65px;
	}
}

@media all and (max-width: 360px) { 
	
	h2 {
		font-size: 1.625em;
	}
	h3 {
		font-size: 1.25em;
	}
	.white-block .wp-block-cover {
	  min-height:280px !important;
	}
	 #cookie_layer .btn {
        width: 75%;
      }
}
@media all and (max-width: 340px) { 
	.en #grund .radio:nth-child(1) label:before {
		margin-bottom: 20px;
	}
	.en #grund .radio:nth-child(2) label:before {
		margin-bottom: 60px;
	}
}