/*Datenschutzoverlay Anfang
*/

/*.cc_overlay_lock {
    background: rgba(0,0,0,.8);
}
.cc_overlay_lock {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.8);
    z-index: 998;
}*/

@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

.cc_dialog.standalone {
    position: fixed !important;
    top: unset !important;
	bottom: 0 !important;
    left: 0 !important;
    height: unset !important;
    width: auto !important;

}

.cc_dialog {
    background-color: #f2f2f2;
    color: #111;
    font-size: 16px;
    padding: 3rem;
	z-index: 1000;
}

/*Datenschutzoverlay Ende*/


.fa {margin-right:5px;}


h1 {font: bold 38px/38px 'Roboto Condensed';text-transform: uppercase;color: #35424d;margin: 0;}

h2 {font: 36px 'Roboto Condensed';color:#35424d; text-transform: uppercase; margin-bottom: 13px;letter-spacing: 1px;}

h3 {font: 24px 'Roboto Condensed';color:#35424d; text-transform: uppercase; margin-bottom: 13px;letter-spacing: 1px;}

h4 {font: 20px 'Roboto Condensed';color:#35424d; text-transform: uppercase; margin-bottom: 13px;letter-spacing: 1px;}

h5 {font: 16px 'Roboto Condensed';color:#35424d; text-transform: uppercase; margin-bottom: 13px;letter-spacing: 1px;}


p {font-size: 16px; line-height:24px; font:'Roboto Condensed'; color:#606568; margin-bottom: 0;}

hr {margin: 20px 0;height: 1px; border: none;background: #cfcfcf;width: 100%;display: inline-block;}

body{margin: 0 auto;
	    font-family: 'Roboto', sans-serif; background-color: #fff;}

header, nav, footer {background-color:#3c3c3b;}
header {position: fixed;z-index: 99;min-width: 100%;top:0px;}
header p {position: fixed;z-index: 99;min-width: 100%;top:0px;}
.header-p {font-size: 33px!important;font:'Roboto Condensed';}


/*header .bk-logo  {flex:1;}*/
header .bk-logo img {width:120px;}
/*header .bk-suche  {flex:1;}*/
header .bk-suche input {color: #7f7d7c;font-style: italic;border-radius: 2px;font-size:11px;border: solid 1px #7f7d7c;background-color:#363a42;padding:8px;display:none;}
/*header .bk-nav  {flex:1;}*/
header .bk-nav a {margin-left:15px;font-size:13px;text-transform: uppercase;font-weight: 300;letter-spacing: 0.100em;}
main {margin: 0 auto;max-width:70rem;padding:10px;min-height:550px;}

.logo {text-align:center;}
.h1 {text-align:center;}

.web_middle {margin: 0 auto;max-width:70rem;padding:10px;display:flex;
  justify-content: space-between;flex-flow:row wrap;color:#E3E3E3;}


section {display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-flow: row wrap;flex-flow: row wrap;margin-top:60px;justify-content: space-between;}

.micro-flex {display:flex;flex-flow: row wrap;-webkit-box-orient: horizontal;
-webkit-box-direction: normal;}


.box {border-top: solid 0px #f3c057;border-bottom: solid 1px #15a9a0;box-sizing: border-box;padding: 20px 20px 20px 20px;line-height: 17px;min-width: 130px; width:23%;flex-flow:column;display:flex;background-color: #FFFFFF;margin-bottom:25px}

.box img {max-width:100%;}
.box p {color: #454545;font-size:12px;}
.box h3 {color: #454545;font-size:15px;margin:2px 0px 2px 0px;}

.box_details {display: flex;flex-direction: column;flex-grow: 1;}
.box_preis {padding-bottom:7px;font-size:13px;}
.box_artikelhinweis {color:#606568;font-size: 13px;margin-bottom: 10px;}

.section_easy {display:flex;-webkit-box-flex: 1;flex-grow: 1;-webkit-box-align: end;align-items: flex-end;/*justify-content: space-between;*/justify-content: normal;padding:20px 0px 0px 0px;}


.box_content3 {border-top: solid 0px #f3c057;border-bottom: solid 0px #15a9a0;box-sizing: border-box;padding: 20px 0px 20px 0px;line-height: 20px; flex-flow:column;display:flex;}

.box_content3 img {max-width:100%;}
.box_content3 p {color: #616161;line-height: 24px;}
.box_content3 h5 {font: 20px 'Roboto Condensed';color:#35424d; text-transform: uppercase; margin-bottom: 13px;margin-top:0px;letter-spacing: 1px;}



.box_2er {border-top: solid 0px #f3c057;border-bottom: solid 0px #15a9a0;box-sizing: border-box;line-height: 17px;width:48%;flex-flow:column;display:flex;/*background-color: #FFFFFF;*/margin-bottom:35px}

.box_2er img {max-width:100%;}

.box_2er .box_details {display: flex;flex-direction: column;flex-grow: 1;padding:20px 0px 0px 0px;}
.box_2er .box_details p {color: #454545;font-size:16px;line-height: 24px;}
.box_2er .box_details h3 {color: #454545;font-size:22px;margin:2px 0px 0px 0px;font-weight: bolder;}
.box_2er .box_details h4 {color: #454545;font-size:16px;margin:25px 0px 0px 0px;font-weight: bolder;}



.box_3er {border-top: solid 0px #f3c057;border-bottom: solid 0px #15a9a0;box-sizing: border-box;line-height: 17px;width:32%;flex-flow:column;display:flex;/*background-color: #FFFFFF;*/margin-bottom:35px}

.box_3er img {max-width:100%;}

.box_3er .box_details {display: flex;flex-direction: column;flex-grow: 1;padding:20px 0px 0px 0px;}
.box_3er .box_details p {color: #454545;font-size:16px;line-height: 24px;}
.box_3er .box_details h3 {color: #454545;font-size:22px;margin:2px 0px 0px 0px;font-weight: bolder;}
.box_3er .box_details h4 {color: #454545;font-size:16px;margin:25px 0px 0px 0px;font-weight: bolder;}


.box_4er {border-top: solid 0px #f3c057;border-bottom: solid 0px #15a9a0;box-sizing: border-box;line-height: 17px;width:23%;flex-flow:column;display:flex;/*background-color: #FFFFFF;*/margin-bottom:35px}

.box_4er img {max-width:100%;}

.box_4er .box_details {display: flex;flex-direction: column;flex-grow: 1;padding:20px 0px 0px 0px;}
.box_4er .box_details p {color: #454545;font-size:16px;line-height: 24px;}
.box_4er .box_details h3 {color: #454545;font-size:22px;margin:2px 0px 0px 0px;font-weight: bolder;}
.box_4er .box_details h4 {color: #454545;font-size:16px;margin:25px 0px 0px 0px;font-weight: bolder;}


.box_5er {border-top: solid 0px #f3c057;border-bottom: solid 1px #eaeaea;padding-bottom:30px;box-sizing: border-box; width:17%;flex-flow:column;display:flex;/*background-color: #FFFFFF;*/margin-bottom:35px}

.box_5er img {max-width:100%;filter: grayscale(0%);}

.box_5er .box_details {display: flex;flex-direction: column;flex-grow: 1;padding:20px 0px 0px 0px;}
.box_5er .box_details p {color: #454545;font-size:16px;line-height: 24px;font-size:15px}
.box_5er .box_details h3 {color: #454545;font-size:22px;margin:2px 0px 0px 0px;font-weight: bolder;}
.box_5er .box_details h4 {color: #454545;font-size:16px;margin:2px 0px 0px 0px;font-weight: bolder;}




theme h1 {margin:0px 0px 0px 0px;color:#fff;font-size:45px;line-height:line-height: 60px;}
theme h3 {margin:0px 0px 0px 0px;color:#fff;font-size:20px;}
theme p {margin:20px 0px 0px 0px;color:#fff;font-size:16px;}




article {margin-top: 60px}
article .article_first{margin: 0 auto;max-width: 70rem;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-flow: row wrap;flex-flow: row wrap;}


.themes {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-flow: row wrap;flex-flow: row wrap;}
.theme_middle {margin: 0 auto;max-width: 70rem;display:flex;
  justify-content: space-between;flex-flow:row wrap;padding:240px 0px 240px 0px;}

.theme_flex {min-width: 150px;margin: 10px;}
.theme_flex h1 {color:#fff;font-size:45px;line-height:60px;max-width: 700px;}
.theme_flex p {margin:0px 0px 0px 0px;color:#fff;font-size:16px;}
.theme_clear {min-height:0px;width:100%;}


.content_flex {flex:1 1;padding: 15px 15px 15px 15px;background-color: #ffffff;}
.content_flex ol {font: 16px/24px 'Roboto Condensed';color: #8595a2;}
ul.k {list-style-type: lower-alpha;}
.content_flex strong {font: 16px/24px 'Roboto Condensed';color: #4D5962;}

/*<!--Font Styles-->*/

.font_green {color:#02880a;}



/*<!--tooltip Formatierungen-->*/





/*<!--Footer Formatierungen-->*/
footer .bk-footer {margin: 0 auto;max-width:70rem;flex: 1 100%;}

footer img {margin-bottom:10px;}
footer h5 {margin:0px 0px 20px 0px;color:#40c87c;font-size:18px;}
footer p {margin:0px 0px 20px 0px;color:#FFFFFF;font-size:15px;}
footer li {list-style:none;}
footer ul {padding:unset;margin:unset;}
footer a {font-size:13px;text-transform: uppercase;font-weight: 300;letter-spacing: 0.100em;line-height:24px;}

.box_footer {min-width:200px;margin-top:30px;color:#FFFFFF;font-size:12px;margin:40px 10px 0px 10px;
}





/*Hyperlinks*/
a.petrol:link {text-decoration: none;color:#15a9a0;}
a.petrol:visited {text-decoration: none;color:#15a9a0;}
a.petrol:hover {text-decoration: none;color:#15a9a0;}

a.navi:link {text-decoration: none;color:#FFFFFF;}
a.navi:visited {text-decoration: none;color:#FFFFFF;}
a.navi:hover {text-decoration: none;color:#40c87c;}


.box_footer a.navi:link {text-decoration: none;color:#FFFFFF;display:block;padding:5px 0px 5px 0px;margin-bottom:5px;}
.box_footer a.navi:visited {text-decoration: none;color:#FFFFFF;display:block;padding:5px 0px 5px 0px;margin-bottom:5px;}
.box_footer a.navi:hover {text-decoration: none;color:#40c87c;display:block;padding:5px 0px 5px 0px;margin-bottom:5px;}



.btn_gruen:link {-webkit-transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out;transition: all 0.25s ease-out;text-align: center;font-size:16px !important;background-color:#40c87c;text-decoration: none;color:#FFFFFF;padding:9px;border-radius: 4px;text-transform:uppercase;display: inline-block;margin:2px;flex:1;}
.btn_gruen:visited {-webkit-transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out;transition: all 0.25s ease-out;text-align: center;font-size:16px!important;background-color:#40c87c;text-decoration: none;color:#FFFFFF;padding:9px;border-radius: 4px;text-transform:uppercase;display: inline-block;margin:2px;flex:1;}
.btn_gruen:hover {-webkit-transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out;transition: all 0.25s ease-out;text-align: center;font-size:16px!important;background-color:#288852;text-decoration: none;color:#FFFFFF;padding:9px;border-radius: 4px;text-transform:uppercase;display: inline-block;margin:2px;flex:1;}

a.btn_gruen:link {-webkit-transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out;transition: all 0.25s ease-out;text-align: center;font-size:16px !important;background-color:#40c87c;text-decoration: none;color:#FFFFFF;padding:9px;border-radius: 4px;text-transform:uppercase;display: inline-block;margin:2px;flex:1;}
a.btn_gruen:visited {-webkit-transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out;transition: all 0.25s ease-out;text-align: center;font-size:16px!important;background-color:#40c87c;text-decoration: none;color:#FFFFFF;padding:9px;border-radius: 4px;text-transform:uppercase;display: inline-block;margin:2px;flex:1;}
a.btn_gruen:hover {-webkit-transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out;transition: all 0.25s ease-out;text-align: center;font-size:16px!important;background-color:#288852;text-decoration: none;color:#FFFFFF;padding:9px;border-radius: 4px;text-transform:uppercase;display: inline-block;margin:2px;flex:1;}


a.btn_gelb:link {-webkit-transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out;transition: all 0.25s ease-out;text-align: center;font-size:16px !important;background-color:#A89D00;text-decoration: none;color:#FFFFFF;padding:9px;border-radius: 4px;text-transform:uppercase;display: inline-block;margin:2px;flex:1;}
a.btn_gelb:visited {-webkit-transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out;transition: all 0.25s ease-out;text-align: center;font-size:16px!important;background-color:#A89D00;text-decoration: none;color:#FFFFFF;padding:9px;border-radius: 4px;text-transform:uppercase;display: inline-block;margin:2px;flex:1;}
a.btn_gelb:hover {-webkit-transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out;transition: all 0.25s ease-out;text-align: center;font-size:16px!important;background-color:#A49A09;text-decoration: none;color:#FFFFFF;padding:9px;border-radius: 4px;text-transform:uppercase;display: inline-block;margin:2px;flex:1;}


a.btn_grey:link {-webkit-transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out;transition: all 0.25s ease-out;text-align: center;font-size:16px !important;background-color:#494949;text-decoration: none;color:#FFFFFF;padding:9px;border-radius: 4px;text-transform:uppercase;display: inline-block;margin:2px;flex:1;}
a.btn_grey:visited {-webkit-transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out;transition: all 0.25s ease-out;text-align: center;font-size:16px!important;background-color:#494949;text-decoration: none;color:#FFFFFF;padding:9px;border-radius: 4px;text-transform:uppercase;display: inline-block;margin:2px;flex:1;}
a.btn_grey:hover {-webkit-transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out;transition: all 0.25s ease-out;text-align: center;font-size:16px!important;background-color:#2b2b2b;text-decoration: none;color:#FFFFFF;padding:9px;border-radius: 4px;text-transform:uppercase;display: inline-block;margin:2px;flex:1;}


a.btn_grau:link {text-align: center;font-size:16px !important;text-decoration: none;color:#000000;padding:9px;border: solid 1px #181818;border-radius: 3px;text-transform:uppercase;margin:2px;display:inline-block;}
a.btn_grau:visited {text-align: center;font-size:16px!important;text-decoration: none;color:#000000;padding:9px;border: solid 1px #181818;border-radius: 3px;text-transform:uppercase;margin:2px;display:inline-block;}
a.btn_grau:hover {text-align: center;font-size:16px!important;background-color:#3c3c3b;text-decoration: none;color:#FFFFFF;padding:9px;border: solid 1px #181818;border-radius: 3px;text-transform:uppercase;margin:2px;display:inline-block;}




a.gruen:link {text-decoration: none;color:#40c87c;;}
a.gruen:visited {text-decoration: none;color:#40c87c;;}
a.gruen:hover {text-decoration: none;color:#40c87c;;}





/*Accordion Style*/

details {border-top: solid 1px #45484e;border-bottom: solid 0px #d4d4d4;cursor:pointer;padding:13px 0px 13px 0px;font-size:14px;line-height:20px;}
details p {margin-left:15px;color: #c8c8c8;}
summary {font-size:16px;color:aliceblue}
summary:focus {color:#15a9a0;}
summary:hover {color:#15a9a0;}






/*Kontakt Formular*/

#fcf-form {
    display:block;
}

.flexcontainer{display: -webkit-box;
display: -ms-flexbox;
display: grid;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;}

.flexform {
   flex:1;
    padding: 0.375rem 0.75rem;
	margin: 0px 0px 10px 0px;
    font-size: 0,8rem;
    font-weight: 400;
    line-height: 1.5;
    color:#8C8C8C;
	background-color: #f6f6f6;
    background-clip: padding-box;
    border: 1px solid #D0D0D0;
    outline: none;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	min-width: 220px;
}
.flexform-textarea {
    width:100%;
    padding: 0.375rem 0.75rem;
	margin: 10px 0px;
    font-size: 0,8rem;
    font-weight: 400;
    line-height: 1.5;
    color:#8C8C8C;
	background-color: #f6f6f6;
    background-clip: padding-box;
    border: 1px solid #D0D0D0;
    outline: none;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	font-family: 'Roboto', sans-serif;


}

.flexform-checkbox {
	margin: 10px 0px;
    padding: 0.375rem 0.75rem;
    font-size: 13px;
    font-weight: 200;
    line-height: 1.5;
    color:#D2D2D2;
	background-color: #363a42;
    background-clip: padding-box;
    border: 1px solid #656D7B;
    outline: none;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}


.fcf-form-control:focus {
    border: 1px solid #D2D2D2;
}

select.fcf-form-control[size], select.fcf-form-control[multiple] {
    height: auto;
}

textarea.fcf-form-control {
    font-family: 'Roboto', sans-serif;
    height: auto;
}

label.fcf-label {
    display: inline-block;
    margin-bottom: 0.5rem;
}

.fcf-credit {
    padding-top: 10px;
    font-size: 0.9rem;
    color: #545b62;
}

.fcf-credit a {
    color: #545b62;
    text-decoration: underline;
}

.fcf-credit a:hover {
    color: #0056b3;
    text-decoration: underline;
}

.fcf-btn {
    display: inline-block;
	text-transform: uppercase;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
	/*margin: 10px 0px 10px 10px;*/
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .fcf-btn {
        transition: none;
    }
}

.fcf-btn:hover {
    color: #212529;
    text-decoration: none;
}

.fcf-btn:focus, .fcf-btn.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.fcf-btn-primary {
    color: #fff;
    background-color: #40c87c;

}

.fcf-btn-primary:hover {
    color: #fff;
    background-color: #338859;

}

.fcf-btn-primary:focus, .fcf-btn-primary.focus {
    color: #fff;
    background-color: #338859;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.fcf-btn-lg, .fcf-btn-group-lg>.fcf-btn {
    padding: 0.5rem 1rem;
    font-size: 1.0rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}

.fcf-btn-block {
    display: block;

}

.fcf-btn-block+.fcf-btn-block {
    margin-top: 0.5rem;
}

input[type="submit"].fcf-btn-block, input[type="reset"].fcf-btn-block, input[type="button"].fcf-btn-block {
    width: 100%;
}

/*ENDE   Kontakt Formular*/












@media screen and (max-width: 450px) {

main {min-height: 150px;}
article h2{font-size: 22px;}
article h1{font-size: 25px;}

.logo {margin-top:30% !important;}
.logo img {width:200px;}



h1 {margin-top:0px !important;font-size:30px!important;line-height: 36px!important;}
.header-p {font-size: 18px!important;font:'Roboto Condensed';}

.content_flex {min-width: 300px;}


.theme_middle {padding: 70px 0px 40px 0px;}



.box {min-width: 45%;flex-flow: column;flex: 1;padding: 10px 10px 10px 10px;margin:5px;}

.box_2er {min-width: 98%;flex-flow: column;flex: 1;margin:5px 5px 35px 5px;}

.box_3er {min-width: 98%;flex-flow: column;flex: 1;margin:5px 5px 35px 5px;}

.box_4er {min-width: 47%;flex-flow: column;flex: 1;margin:5px 5px 35px 5px;}
.box_4er .box_details h3 {font-size:18px;margin:2px 0px 0px 0px;font-weight: bolder;}
.box_4er .box_details h4 {font-size:15px;margin:25px 0px 0px 0px;font-weight: bolder;}
.box_4er .box_details p {font-size:13px;line-height: 19px;}


.box_5er {min-width: 47%;max-width: 47%;flex-flow: column;flex: 1;margin:5px 5px 35px 5px;}
.box_5er .box_details h3 {font-size:18px;margin:2px 0px 0px 0px;font-weight: bolder;}
.box_5er .box_details h4 {font-size:15px;margin:2px 0px 0px 0px;font-weight: bolder;}
.box_5er .box_details p {font-size:14px;line-height: 19px;}




.box_content3 {min-width: 98%;flex-flow: column;flex: 1;margin:5px;}


.box_footer {border-bottom: solid 1px #45484e;width:100%;padding: 0px 0px 30px 0px;}
}