/*Gerüst*/
.clearer {clear: both;}
hr {height: 1px; border: 0; margin: 20px 0 10px;}
#wrapper {width: 100% !important;}
.logo {float: left; margin-right: 45px; margin-left: 7px; max-height: 50px; display: inline-block;}
/*Menü*/
.tabBar {margin: 0; padding: 0; background: #FFFFFF;}
.tabBar input[type=radio] {visibility: hidden; margin: 0; padding: 0; height: 0; width: 0; position: absolute;}
.tabBar label:last-of-type {margin-right: 0;}
.tablinks {display: inline-block; width: 20%; max-width: 200px; height: 20px; text-align: center; font-size: 15px; margin-top: 10px; margin-bottom: -17px; padding: 10px; cursor: pointer;}
.tablinks span {display: inline-block; font-weight: 400;}
.tablinks:hover {color: #FFFFFF !important;}
.unter_navigation {display: block; margin-bottom: 25px; height: 17px; box-shadow: 0 10px 5px -5px rgba(0,0,0,0.25);}
#tab1-btn:checked+.tablinks, #tab2-btn:checked+.tablinks, #tab3-btn:checked+.tablinks {color: #FFFFFF; text-decoration: none; cursor: default;}
.tab {display: none; width: 100%;}
#tab1-btn:checked~#tab1, #tab2-btn:checked~#tab2, #tab3-btn:checked~#tab3 {display: block;}

.tabContent {clear: both; text-align: left; overflow: auto; font-size: 14px; line-height: 1.5; padding-top: 0;}
.tabContent h1, .tabBar h1, .tabContent h2, .tabBar h2 {font-weight: 400; font-size: 28px; margin-top: 10px; margin-bottom: 10px;}
.tabContent h1, .tabBar h1 {margin-top: 0; margin-bottom: 10px;}
.tabContent img {max-width: 100%;}
.tabContent img.umfliessend {float: left; margin: 0 20px 20px 0; max-width: 45%; height: auto;}
.tabContent p {margin: 0 0 0.625rem 0; padding: 0; line-height: 1.25rem;}
.contentImgLeft   {float: left;  margin: 0 25px 15px 0; max-width: 45%; height: auto;}
.contentImgRight  {float: right; margin: 0 0 15px 25px; max-width: 45%; height: auto;}
.contentImgInline {display: inline-block; vertical-align: top; margin: 0 0 15px 15px;}

@media screen and (max-width: 500px) {
	.tablinks {display: block; width: 100%; margin-bottom: -5px; max-width: calc(100vw - 37px);}
	.logo {display: none;}
}

h3 {margin-top: 30px;}


/*FKB*/
.fkb #wrapper {color: #222222; font-family: "Lato";}
.fkb hr {background-color: #EEEEEE !important;}
.fkb .tablinks {background-color: #EFF0EB; font-size: 18px;}
.fkb .tablinks:hover {background-color: #276BAD;}
.fkb #tab1-btn:checked+.tablinks, .fkb #tab2-btn:checked+.tablinks, .fkb #tab3-btn:checked+.tablinks {background-color: #276BAD;}
.fkb .tabContent h1, .fkb .tabBar h1, .fkb .tabContent h2, .fkb .tabBar h2 {font-family: "Lato"; font-weight: 400;}

/*PP*/
.pp #wrapper {color: #525252; font-family: "Open Sans";}
.pp hr {background-color: #0070B3 !important;}
.pp .tablinks {transform: skew(-11deg); color: #8B8B8B; text-transform: uppercase;}
.pp .tablinks span {transform: skew(11deg); font-weight: 600;}
.pp .tablinks:hover {background-color: #00ABE5;}
.pp #tab1-btn:checked+.tablinks, .pp #tab2-btn:checked+.tablinks, .pp #tab3-btn:checked+.tablinks {background-color: #00ABE5;}
.pp .tabContent h1, .pp .tabBar h1, .pp .tabContent h2, .pp .tabBar h2 {font-family: "Dax";}
.pp h1, .pp h2, .pp h3 {font-family: DAX !important; color: #0070B3; font-weight: 400 !important;}
.pp h1 {font-size: 36px; line-height: 40px; margin: 0 0 12px 0;}
.pp h2 {font-size: 30px; line-height: 36px;}

/*GP*/
.gp #wrapper {color: #555555; font-family: "Montserrat";}
.gp hr {background-color: #EEEEEE !important;}
.gp .tablinks {background-color: #2C93B8; color: #FFFFFF;}
.gp .tablinks:hover {background-color: #005F8F;}
.gp #tab1-btn:checked+.tablinks, .gp #tab2-btn:checked+.tablinks, .gp #tab3-btn:checked+.tablinks {background-color: #59C8E2;}
.gp .tabContent h1, .gp .tabBar h1, .gp .tabContent h2, .gp .tabBar h2 {font-family: "Montserrat";}


/*Produkt*/
.clearfix:after {content: ""; display: table; clear: both;}

/*div split*/
.desc--container {display: flex; flex-wrap: wrap;}
.desc--split {float: left; width: 49%; padding-top: 10px;}
.desc--split:nth-child(even) {padding-left: 30px;}
.desc--split:nth-child(odd) {clear: left;}
.desc--split3 {float: left; width: 32%;}
.desc--split3:nth-child(even) {padding-left: 30px;}
.desc--split3:nth-child(3n+0) {padding-left: 30px;}
.desc--split3:nth-child(4) {clear: left;}
.desc--split4 {float: left; width: 25%;}
.desc--split4:nth-child(even) {padding-left: 30px;}
.desc--split4:nth-child(3n+0) {padding-left: 30px;}
.desc--split4:nth-child(5) {clear: left;}

/*Tabellen*/
table {width: 100%; overflow-y: auto; display: block;}
table th, table td {padding: 5px 10px; color: #555555;}
table th, table tr:nth-child(even) td {background: #F5F5F5;}
table.tab_linie th, table.tab_linie thead td, table.tab_linie td, table.tab_linie tr:nth-child(even) td {background: none !important; color: #555555;}
table.tab_linie {border-collapse: collapse;}
table.tab_linie thead th {border-bottom: 2px solid #CCCCCC;}
table.tab_linie th {text-align: left;}
table.tab_linie thead th {text-align: left;}
table.tab_linie thead td {text-align: left;}
table.tab_linie th, table.tab_linie td {border-bottom: 1px solid #CCCCCC;}

/*Kacheln*/
.back_gray, .back_gray_child div {background: #F5F5F5; padding: 20px;}
.detail_kachel_rahmen {content: ""; clear: both; display: flex; flex-flow: row wrap;}
.detail_kachel_rahmen img {margin: 0 auto 25px; display: block;}
.detail_kachel_rahmen.img_left img, .detail_kachel_rahmen .img_left img {margin: 0 !important;}
.detail_kachel_100  {float: left; width: 100%;} /*wegen flex, sonst ist der graue Hintergrund nicht unbedingt über die gesamte Breite*/
.detail_kachel_ohne {float: left; margin-right: 2%;}
.detail_kachel_75   {float: left; width: 74.5%; margin-right: 2%; margin-bottom: 2%;}
.detail_kachel_66   {float: left; width: 66%;   margin-right: 2%; margin-bottom: 2%;}
.detail_kachel_50   {float: left; width: 49%;  margin-bottom: 2%; margin-right: 2%;}
.detail_kachel_50:nth-child(2n) {margin-right: 0;}
.detail_kachel_33   {float: left; width: 32%; margin-bottom: 2%; margin-right: 2%;}
.detail_kachel_33:nth-child(3n) {margin-right: 0;}
.detail_kachel_25   {float: left; width: 20.5%; margin-bottom: 2%; margin-right: 2%;}
.detail_kachel_25:nth-child(4n) {margin-right: 0;}
.detail_kachel_20   {float: left; width: 18.4%; margin-right: 2%;}
.detail_kachel_20:nth-child(5n) {margin-right: 0;}
.detail_kachel_16   {float: left; width: 15%; margin-right: 2%;}
.detail_kachel_16:nth-child(6n) {margin-right: 0;}
.detail_kachel_last {margin-right: 0;}
@media screen and (max-width: 10px) {
	.detail_kachel_75 {float: left; width: 100%; margin-right: 0;}
	.detail_kachel_66 {float: left; width: 100%; margin-right: 0;}
	.detail_kachel_50 {float: left; width: 100%; margin-right: 0;}
	.detail_kachel_50.bei25 {float: left; width: 100%; margin-right: 0;}
	.detail_kachel_33 {float: left; width: 100%; margin-right: 0;}
	.detail_kachel_33 {float: left; width:  50%;}
	.detail_kachel_25 {float: left; width: 100%; margin-right: 0;}
	.detail_kachel_25 {float: left; width:  50%;}
}

.detail_liste_rahmen {width: 100%; margin: 0 0 10px 0; position: relative; height: 190px;}
.detail_liste_icon {width: 190px; padding: 0 30px; position: absolute;}
.detail_liste_icon img {height: 190px;}
.detail_liste_text {position: absolute; top: 50%; transform: translate(260px, -50%); width: calc(100% - 280px);}

/*Tabs in der Produktbeschreibung*/
.navigationLine {display: block; margin-bottom: 25px; height: 17px; box-shadow: 0 10px 5px -5px rgba(0,0,0,0.25);}
.tabContainer {margin: 0; padding: 0; background: #FFFFFF;}
.tabContainer input[type=radio] {visibility: hidden; margin: 0; padding: 0; height: 0; width: 0; position: absolute;}
.tabContainer label:last-of-type {margin-right: 0;}
.tab_links {/*transform: skew(-11deg);*/ /*height: 30px;*/ display: inline-block; text-align: center; color: #8B8B8B; font-size: 14px; margin-top: 10px; margin-bottom: -17px; padding: 10px; cursor: pointer;}
.tab_links span {/*transform: skew(11deg);*/ display: inline-block; font-weight: 600;}
.tab_links:hover {background-color: #276bad; color: #FFF;}
#tab1_btn:checked+.tab_links, #tab2_btn:checked+.tab_links, #tab3_btn:checked+.tab_links, #tab4_btn:checked+.tab_links, #tab5_btn:checked+.tab_links, #tab6_btn:checked+.tab_links, #tab7_btn:checked+.tab_links,
	#tab8_btn:checked+.tab_links {background-color: #276bad; color: #FFF; text-decoration: none;}
#tabs1, #tabs2, #tabs3, #tabs4, #tabs5, #tabs6, #tabs7, #tabs8 {display: none; width: 100%; position: relative;}
#tab1_btn:checked~#tabs1, #tab2_btn:checked~#tabs2, #tab3_btn:checked~#tabs3, #tab4_btn:checked~#tabs4, #tab5_btn:checked~#tabs5, #tab6_btn:checked~#tabs6, #tab7_btn:checked~#tabs7, #tab8_btn:checked~#tabs8 {display: block;}
.tabInhalt {clear: both; text-align: left; overflow: auto; font-size: 14px; line-height: 1.5; padding-top: 0;}
.tabInhalt h1, .tabContainer h1, .tabInhalt h2, .tabContainer h2 {font-weight: 400; font-size: 28px; margin-top: 10px; margin-bottom: 10px; font-family: Dax;}
.tabInhalt h1, .tabContainer h1 {margin-top: 0; margin-bottom: 10px; }
.tabInhalt img {max-width: 100%;}
.tabInhalt img.umfliesend {float: left; margin: 0 20px 20px 0; max-width: 45%; height: auto;}
.tabInhalt p {margin: 0 0 0.625rem 0; padding: 0; line-height: 1.25rem;}
.div_1, .div_2, .div_3, .div_4 {width: 48%; float: left; margin-right: 2%;}