:root {
	/* Variables - Body */
	--bs-font-sans-serif: "Roboto", "Arial";
	--bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
	--bs-body-color: #666; /* textcolor body */

	/* Variables - Colors */
	--bs-primary: #007f00; /* dunkelgrün */
	--bs-secondary: #666; /* grau */
	--bs-heading-color: #007f00; /* dunkelgrün */
	--bs-border-color: #007f00; /* dunkelgrün */
	
	/* Variables - Link */
	--bs-link-color: #000;
    --bs-link-color-rgb: 0,0,0;
    --bs-link-decoration: underline;
    --bs-link-hover-color: #007f00;/* dunkelgrün; */
    --bs-link-hover-color-rgb: 0,127,0;
}

/*  TRANSITIONS
//-------------------------*/
a { transition: all 300ms; -moz-transition: all 300ms; -webkit-transition: all 300ms; -o-transition: all 300ms; -ms-transition: all 300ms; }

/*  ALLGEMEIN
//-------------------------*/
body { height:100%; margin-top:20px;}
body #content { background-image: url("../../files/logos/bp-blume-half.svg"); background-repeat: no-repeat; background-position: right bottom; background-size: 340px; }
@media (max-width: 768px) {
	body { font-size:14px; margin-top:5px;}
}

h1 { font-weight:600; font-size:36px; line-height:40px;}
h2 { font-weight:400; font-size:18px; line-height:22px;}
h3{ font-weight:600; font-size:16px; line-height:20px;}
@media (max-width: 768px) {
	h1 { font-weight:600; font-size:26px; line-height:30px;}
	h2 { font-weight:400; font-size:14px; line-height:18px;}
	h3{ font-weight:600; font-size:14px; line-height:16px;}
}
.bi { display: inline-block; vertical-align: -0.25em; fill: currentcolor;}

/*  FORM / Buttons
//-------------------------*/
.btn-bp { color:var(--bs-primary); background-color:#fff; border-color: var(--bs-primary); border-radius: 999px; min-width:150px; margin-right:10px; margin-bottom:10px;}
.btn.btn-bp:hover, .btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active { color:#fff; background-color:var(--bs-primary); border-color: var(--bs-primary);}
.btn-bp-submit { color:#fff; background-color:var(--bs-primary); border-color: var(--bs-primary); border-radius: 999px; padding-left:60px; padding-right:60px; margin-right:10px;}
.btn.btn-bp-submit:hover { color:#fff; background-color:#005600; border-color: #005600;}
.form-select, .form-control { color:var(--bs-primary) !important;}
.btn { font-size:inherit;}
@media (max-width: 576px) {
	.btn-bp { min-width:130px; }
}


/*  HEADER
//-------------------------*/
@media (max-width: 576px) {
	#header .title { margin-top:60px;} 
}
/*  Logo */
.logo_payback { width:115px; height:45px;}
.logo_bp { width:76px; height:100px;}
@media (max-width: 768px) {
	.logo_payback { width:75px; height:33px;}
	.logo_bp { width:46px; height:74px;}
}

/*  CONTENT
//-------------------------*/
.question { margin-bottom:34px;}