/*
 Theme Name:     Divi Child Theme
 Theme URI:      http://www.elegantthemes.com
 Description:    Child Theme for Divi Theme by Elegant Themes
 Author:         Christian Tacke
 Author URI:     https://dortmund-beach.com
 Template:       Divi
 Version:        1.0.0
*/

html {
	scroll-behavior:smooth;
}

html body {
    line-height: 1.5em;
}

.hidden {display:none!important}

/* Navigation */

.et_pb_menu_0_tb_header .et_pb_menu_inner_container>.et_pb_menu__logo-wrap, .et_pb_menu_0_tb_header .et_pb_menu__logo-slot {
    padding: 0 0 12px 10px;
}

/* -> Level 0 */

.et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li {
	padding: 12px 15px 10px;
}

.et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li>a {
	padding: 8px 2px;
	border-bottom: 2px solid transparent;
}

.et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li>a:hover {
	border-bottom: 2px solid #96BA42;
}

.et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li.nav--home {
	padding-right: 0px;
	padding-left: 0px;
}

.et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li.nav--home.nav--icon--home > a:before {
    font-family: 'ETMODULES';
    content: '\e074';
    text-align: center;
    vertical-align: middle;
    margin-right: -2px;
    margin-left: 1px;
    color: #666666;
    font-size: 1em;
    transition: all .3s ease;
}

.et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li.nav--kontakt {
	background-color: #eee;
	padding-right: 45px;
	padding-left: 45px;
	margin-left: 80px;
}

.et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li.nav--kontakt.nav--icon--kontakt > a:before {
	content: url(https://sal.dortbeach.de/wp-content/uploads/2023/10/sal-icon-kontakt.svg);
	width: 16px;
	height: 16px;
	margin-right: 10px;
    margin-left: -10px;
}

.et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li.nav--kontakt>a:hover {
	border-bottom: 2px solid transparent;
}

.et_pb_menu__wrap button.et_pb_menu__search-button {
	background-color: #96BA43;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: 40px;
	margin-left: 20px;
}

.et_pb_menu--style-left_aligned .et_pb_menu_inner_container {
	align-items: end;
}

/* -> Level 1 Mega Menu */


/* .et_pb_menu--with-logo .et_pb_menu__menu>nav.et-menu-nav li.mega-menu ul {
    width: 100% !important;
}

.et_pb_menu--with-logo .et_pb_menu__menu>nav.et-menu-nav li.mega-menu a {
    width: 100% !important;
} */

.et_pb_menu--with-logo .et_pb_menu__menu>nav.et-menu-nav ul>li.mega-menu>ul.sub-menu {
	margin-top: -15px;
	padding: 0px;
	border-top: 25px solid #4B9AD2;
}

.et_pb_menu--with-logo .et_pb_menu__menu>nav.et-menu-nav ul>li.mega-menu>ul.sub-menu {
	background-image:linear-gradient(90deg, #eee 0%, #eee 33.3%, #ccc 33.3%, #ccc 66.6%, #ddd 66.6%, #ddd 100%)
}

.et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li.mega-menu li>a {
	padding: 2px 5px;
}

.et_pb_menu--with-logo .et_pb_menu__menu>nav.et-menu-nav ul>li.mega-menu>ul.sub-menu {
	position: flex;
}

.et_pb_menu--with-logo .et_pb_menu__menu>nav.et-menu-nav ul>li.mega-menu>ul.sub-menu>li.nav--col {
	padding: 30px 40px 35px 40px !important;
}

.et_pb_menu--with-logo .et_pb_menu__menu>nav.et-menu-nav ul>li.mega-menu>ul.sub-menu>li.nav--col.nav--col01 {
	background-color: transparent;
}

.et_pb_menu--with-logo .et_pb_menu__menu>nav.et-menu-nav ul>li.mega-menu>ul.sub-menu>li.nav--col.nav--col02 {
	background-color: transparent;
}

.et_pb_menu--with-logo .et_pb_menu__menu>nav.et-menu-nav ul>li.mega-menu>ul.sub-menu>li.nav--col.nav--col03 {
	background-color: transparent;
}

.et_pb_menu--with-logo .et_pb_menu__menu>nav.et-menu-nav ul>li.mega-menu>ul.sub-menu>li.nav--col.nav--col04 {
	background-color: transparent;
}

.et_pb_menu_0_tb_header.et_pb_menu .nav li ul li ul {
    background: transparent !important;
}

.et_pb_menu--with-logo .et_pb_menu__menu>nav.et-menu-nav li.mega-menu ul.sub-menu li a {
	color: #4B9AD2 !important;
	font-weight: 700;
}

.et_pb_menu--with-logo .et_pb_menu__menu>nav.et-menu-nav li.mega-menu ul.sub-menu ul.sub-menu li a {
	color: #333 !important;
	font-weight: 700;
	margin-top: 15px;
}

.et_pb_menu--with-logo .et_pb_menu__menu>nav.et-menu-nav li.mega-menu ul.sub-menu ul.sub-menu ul.sub-menu>li a {
	font-weight: 300;
	margin-top: 0px;

}

/* .et_pb_menu--with-logo .et_pb_menu__menu>nav.et-menu-nav li.mega-menu ul.sub-menu ul.sub-menu ul.sub-menu li a::before {
  content: '_ ';
} */


/*

nav.et-menu-nav li.mega-menu ul.sub-menu li.nav--col ul.sub-menu {
	background-color: #00f;
}
*/

/* Single Menu */

.et_pb_menu--with-logo .et_pb_menu__menu>nav.et-menu-nav ul>li.single-menu>ul.sub-menu {
	padding: 0px;
	border-top: 25px solid #4B9AD2;
	width: 320px;
}

.et_pb_menu--with-logo .et_pb_menu__menu>nav.et-menu-nav ul>li.single-menu>ul.sub-menu li {
	padding: 0px;
}

.et_pb_menu--with-logo .et_pb_menu__menu>nav.et-menu-nav ul>li.single-menu>ul.sub-menu li a {
	width: 100%;
}


/* Formate */

div.list--check ul>li {
	margin-bottom: 10px;
	list-style-type: disc;
}

.menu-item-has-children {}

.mega-menu-parent .mega-menu-parent-3 {}



/* Navigation Gebühren */

.et_pb_menu--with-logo .et_pb_menu__menu>nav.et-menu-nav ul>li.mega-menu.nav--onecol>ul.sub-menu {
	margin-left: 33%;
	width: 33%;
	background-image: none;
	background-color: #eeeeee !important;
}



/* Theme.CSS */
@media (max-width: 479px) {
    .fullText {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
}
.halfText {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
.thirdText {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
.twoThirdText {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
.fourthText {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
.twoForthText {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
.threeForthText {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
}
@media(min-width: 480px) and (max-width: 839px) {
    .fullText {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
}
.halfText {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 45%;
    width: -webkit-calc(50% - 30px);
    width: -moz-calc(50% - 30px);
    width: calc(50% - 30px);
    margin-right: 15px;
    margin-left: 15px;
}
.halfText:last-child {
    vertical-align: top;
    width: 45%;
    width: -webkit-calc(50% - 15px);
    width: -moz-calc(50% - 15px);
    width: calc(50% - 15px);
    margin-right: 0;
    margin-left: 15px;
}
.halfText:first-child {
    vertical-align: top;
    width: 45%;
    width: -webkit-calc(50% - 15px);
    width: -moz-calc(50% - 15px);
    width: calc(50% - 15px);
    margin-left: 0;
    margin-right: 15px;
}
.thirdText {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
.twoThirdText {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
.fourthText {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
.twoForthText {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
.threeForthText {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
}
@media(min-width: 840px) and (max-width: 1023px) {
    .fullText {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
}
.halfText {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 45%;
    width: -webkit-calc(50% - 30px);
    width: -moz-calc(50% - 30px);
    width: calc(50% - 30px);
    margin-right: 15px;
    margin-left: 15px;
}
.halfText:last-child {
    vertical-align: top;
    width: 45%;
    width: -webkit-calc(50% - 15px);
    width: -moz-calc(50% - 15px);
    width: calc(50% - 15px);
    margin-right: 0;
    margin-left: 15px;
}
.halfText:first-child {
    vertical-align: top;
    width: 45%;
    width: -webkit-calc(50% - 15px);
    width: -moz-calc(50% - 15px);
    width: calc(50% - 15px);
    margin-left: 0;
    margin-right: 15px;
}
.thirdText {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 30%;
    width: -webkit-calc(100% / 3 - 30px);
    width: -moz-calc(100% / 3 - 30px);
    width: calc(100% / 3 - 30px);
    margin-left: 15px;
    margin-right: 15px;
}
.thirdText:last-child {
    vertical-align: top;
    width: 30%;
    width: -webkit-calc(100% / 3 - 15px);
    width: -moz-calc(100% / 3 - 15px);
    width: calc(100% / 3 - 15px);
    margin-left: 15px;
    margin-right: 0;
}
.thirdText:first-child {
    vertical-align: top;
    width: 30%;
    width: -webkit-calc(100% / 3 - 15px);
    width: -moz-calc(100% / 3 - 15px);
    width: calc(100% / 3 - 15px);
    margin-left: 0;
    margin-right: 15px;
}
.twoThirdText {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 60%;
    width: -webkit-calc(200% / 3 - 30px);
    width: -moz-calc(200% / 3 - 30px);
    width: calc(200% / 3 - 30px);
    margin-left: 15px;
    margin-right: 15px;
}
.twoThirdText:last-child {
    vertical-align: top;
    width: 60%;
    width: -webkit-calc(200% / 3 - 15px);
    width: -moz-calc(200% / 3 - 15px);
    width: calc(200% / 3 - 15px);
    margin-left: 15px;
    margin-right: 0;
}
.twoThirdText:first-child {
    vertical-align: top;
    width: 60%;
    width: -webkit-calc(200% / 3 - 15px);
    width: -moz-calc(200% / 3 - 15px);
    width: calc(200% / 3 - 15px);
    margin-left: 0;
    margin-right: 15px;
}
.fourthText {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
.twoForthText {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
.threeForthText {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
}
@media(min-width: 1024px) {
    .fullText {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
}
.halfText {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 45%;
    width: -webkit-calc(50% - 30px);
    width: -moz-calc(50% - 30px);
    width: calc(50% - 30px);
    margin-right: 15px;
    margin-left: 15px;
}
.halfText:last-child {
    vertical-align: top;
    width: 45%;
    width: -webkit-calc(50% - 15px);
    width: -moz-calc(50% - 15px);
    width: calc(50% - 15px);
    margin-right: 0;
    margin-left: 15px;
}
.halfText:first-child {
    vertical-align: top;
    width: 45%;
    width: -webkit-calc(50% - 15px);
    width: -moz-calc(50% - 15px);
    width: calc(50% - 15px);
    margin-left: 0;
    margin-right: 15px;
}
.thirdText {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 30%;
    width: -webkit-calc(100% / 3 - 30px);
    width: -moz-calc(100% / 3 - 30px);
    width: calc(100% / 3 - 30px);
    margin-left: 15px;
    margin-right: 15px;
}
.thirdText:last-child {
    vertical-align: top;
    width: 30%;
    width: -webkit-calc(100% / 3 - 15px);
    width: -moz-calc(100% / 3 - 15px);
    width: calc(100% / 3 - 15px);
    margin-left: 15px;
    margin-right: 0;
}
.thirdText:first-child {
    vertical-align: top;
    width: 30%;
    width: -webkit-calc(100% / 3 - 15px);
    width: -moz-calc(100% / 3 - 15px);
    width: calc(100% / 3 - 15px);
    margin-left: 0;
    margin-right: 15px;
}
.twoThirdText {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 60%;
    width: -webkit-calc(200% / 3 - 30px);
    width: -moz-calc(200% / 3 - 30px);
    width: calc(200% / 3 - 30px);
    margin-left: 15px;
    margin-right: 15px;
}
.twoThirdText:last-child {
    vertical-align: top;
    width: 60%;
    width: -webkit-calc(200% / 3 - 15px);
    width: -moz-calc(200% / 3 - 15px);
    width: calc(200% / 3 - 15px);
    margin-left: 15px;
    margin-right: 0;
}
.twoThirdText:first-child {
    vertical-align: top;
    width: 60%;
    width: -webkit-calc(200% / 3 - 15px);
    width: -moz-calc(200% / 3 - 15px);
    width: calc(200% / 3 - 15px);
    margin-left: 0;
    margin-right: 15px;
}
.fourthText {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 20%;
    width: -webkit-calc(25% - 30px);
    width: -moz-calc(25% - 30px);
    width: calc(25% - 30px);
    margin-left: 15px;
    margin-right: 15px;
}
.fourthText:last-child {
    vertical-align: top;
    width: 20%;
    width: -webkit-calc(25% - 15px);
    width: -moz-calc(25% - 15px);
    width: calc(25% - 15px);
    margin-left: 15px;
    margin-right: 0;
}
.fourthText:first-child {
    vertical-align: top;
    width: 20%;
    width: -webkit-calc(25% - 15px);
    width: -moz-calc(25% - 15px);
    width: calc(25% - 15px);
    margin-left: 0;
    margin-right: 15px;
}
.twoForthText {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 45%;
    width: -webkit-calc(50% - 30px);
    width: -moz-calc(50% - 30px);
    width: calc(50% - 30px);
    margin-left: 15px;
    margin-right: 15px;
}
.twoForthText:last-child {
    vertical-align: top;
    width: 45%;
    width: -webkit-calc(50% - 15px);
    width: -moz-calc(50% - 15px);
    width: calc(50% - 15px);
    margin-left: 15px;
    margin-right: 0;
}
.twoForthText:first-child {
    vertical-align: top;
    width: 45%;
    width: -webkit-calc(50% - 15px);
    width: -moz-calc(50% - 15px);
    width: calc(50% - 15px);
    margin-left: 0;
    margin-right: 15px;
}
.threeForthText {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 70%;
    width: -webkit-calc(75% - 30px);
    width: -moz-calc(75% - 30px);
    width: calc(75% - 30px);
    margin-left: 15px;
    margin-right: 15px;
}
.threeForthText:last-child {
    vertical-align: top;
    width: 70%;
    width: -webkit-calc(75% - 15px);
    width: -moz-calc(75% - 15px);
    width: calc(75% - 15px);
    margin-left: 15px;
    margin-right: 0;
}
.threeForthText:first-child {
    vertical-align: top;
    width: 70%;
    width: -webkit-calc(75% - 15px);
    width: -moz-calc(75% - 15px);
    width: calc(75% - 15px);
    margin-left: 0;
    margin-right: 15px;
}
}
@media (max-width: 479px) {
    .fullNoGap {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
}
.halfNoGap {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
.thirdNoGap {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
.twoThirdNoGap {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
.fourthNoGap {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
.twoForthNoGap {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
.threeForthNoGap {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
}
@media(min-width: 480px) and (max-width: 767px) {
    .fullNoGap {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
}
.halfNoGap {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 50%;
}
.thirdNoGap {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
.twoThirdNoGap {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
}
.fourthNoGap {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
}
.twoForthNoGap {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
}
.threeForthNoGap {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
}
}
@media(min-width: 768px) and (max-width: 1023px) {
    .fullNoGap {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
}
.halfNoGap {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 50%;
}
.thirdNoGap {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 30%;
    width: -webkit-calc(100% / 3);
    width: -moz-calc(100% / 3);
    width: calc(100% / 3);
}
.twoThirdNoGap {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 60%;
    width: -webkit-calc(200% / 3);
    width: -moz-calc(200% / 3);
    width: calc(200% / 3);
}
.fourthNoGap {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
}
.twoForthNoGap {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
}
.threeForthNoGap {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
}
}
@media(min-width: 1024px) {
    .fullNoGap {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
}
.halfNoGap {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 50%;
}
.thirdNoGap {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 30%;
    width: -webkit-calc(100% / 3);
    width: -moz-calc(100% / 3);
    width: calc(100% / 3);
}
.twoThirdNoGap {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 60%;
    width: -webkit-calc(200% / 3);
    width: -moz-calc(200% / 3);
    width: calc(200% / 3);
}
.fourthNoGap {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 25%;
}
.twoForthNoGap {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 50%;
}
.threeForthNoGap {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 75%;
}
}
@media (max-width: 1023px) {
    .fullTabelle {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
}
.halfTabelle {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
.thirdTabelle {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
.twoThirdTabelle {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
.fourthTabelle {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
.twoForthTabelle {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
.threeForthTabelle {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
}
@media(min-width: 1024px) and (max-width: 1023px) {
    .fullTabelle {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
}
.halfTabelle {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 50%;
}
.thirdTabelle {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
.twoThirdTabelle {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
}
.fourthTabelle {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
}
.twoForthTabelle {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
}
.threeForthTabelle {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
}
}
@media(min-width: 1024px) and (max-width: 1023px) {
    .fullTabelle {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
}
.halfTabelle {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 50%;
}
.thirdTabelle {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 30%;
    width: -webkit-calc(100% / 3);
    width: -moz-calc(100% / 3);
    width: calc(100% / 3);
}
.twoThirdTabelle {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 60%;
    width: -webkit-calc(200% / 3);
    width: -moz-calc(200% / 3);
    width: calc(200% / 3);
}
.fourthTabelle {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
}
.twoForthTabelle {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
}
.threeForthTabelle {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
}
}
@media(min-width: 1024px) {
    .fullTabelle {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
}
.halfTabelle {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 50%;
}
.thirdTabelle {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 30%;
    width: -webkit-calc(100% / 3);
    width: -moz-calc(100% / 3);
    width: calc(100% / 3);
}
.twoThirdTabelle {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 60%;
    width: -webkit-calc(200% / 3);
    width: -moz-calc(200% / 3);
    width: calc(200% / 3);
}
.fourthTabelle {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 25%;
}
.twoForthTabelle {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 50%;
}
.threeForthTabelle {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 75%;
}
}
@media (max-width: 767px) {
    .fullForm {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
}
.halfForm {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
.thirdForm {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
.twoThirdForm {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
.fourthForm {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
.twoForthForm {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
.threeForthForm {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
}
@media(min-width: 768px) and (max-width: 767px) {
    .fullForm {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
}
.halfForm {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 45%;
    width: -webkit-calc(50% - 20px);
    width: -moz-calc(50% - 20px);
    width: calc(50% - 20px);
    margin-right: 10px;
    margin-left: 10px;
}
.halfForm:last-child {
    vertical-align: top;
    width: 45%;
    width: -webkit-calc(50% - 10px);
    width: -moz-calc(50% - 10px);
    width: calc(50% - 10px);
    margin-right: 0;
    margin-left: 10px;
}
.halfForm:first-child {
    vertical-align: top;
    width: 45%;
    width: -webkit-calc(50% - 10px);
    width: -moz-calc(50% - 10px);
    width: calc(50% - 10px);
    margin-left: 0;
    margin-right: 10px;
}
.thirdForm {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 45%;
    width: -webkit-calc(50% - 20px);
    width: -moz-calc(50% - 20px);
    width: calc(50% - 20px);
    margin-left: 10px;
    margin-right: 10px;
}
.thirdForm:first-child, .thirdForm:last-child {
    vertical-align: top;
    width: 45%;
    width: -webkit-calc(50% - 10px);
    width: -moz-calc(50% - 10px);
    width: calc(50% - 10px);
    margin-left: 0;
    margin-right: 10px;
}
.thirdForm:first-child + .thirdForm, .twoThirdForm:first-child + .thirdForm {
    vertical-align: top;
    width: 45%;
    width: -webkit-calc(50% - 10px);
    width: -moz-calc(50% - 10px);
    width: calc(50% - 10px);
    margin-left: 10px;
    margin-right: 0;
}
.twoThirdForm {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 45%;
    width: -webkit-calc(50% - 20px);
    width: -moz-calc(50% - 20px);
    width: calc(50% - 20px);
    margin-left: 10px;
    margin-right: 10px;
}
.twoThirdForm:last-child {
    vertical-align: top;
    width: 45%;
    width: -webkit-calc(50% - 10px);
    width: -moz-calc(50% - 10px);
    width: calc(50% - 10px);
    margin-left: 10px;
    margin-right: 0;
}
.twoThirdForm:first-child {
    vertical-align: top;
    width: 45%;
    width: -webkit-calc(50% - 10px);
    width: -moz-calc(50% - 10px);
    width: calc(50% - 10px);
    margin-left: 0;
    margin-right: 10px;
}
.fourthForm {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 45%;
    width: -webkit-calc(50% - 20px);
    width: -moz-calc(50% - 20px);
    width: calc(50% - 20px);
    margin-left: 10px;
    margin-right: 10px;
}
.fourthForm:last-child, .fourthForm:first-child + .fourthForm, .twoForthForm:first-child + .fourthForm {
    vertical-align: top;
    width: 45%;
    width: -webkit-calc(50% - 10px);
    width: -moz-calc(50% - 10px);
    width: calc(50% - 10px);
    margin-left: 10px;
    margin-right: 0;
}
.fourthForm:first-child, .fourthForm:first-child + .fourthForm + .fourthForm, .fourthForm:first-child + .twoForthForm + .fourthForm, .twoForthForm:first-child + .fourthForm + .fourthForm {
    vertical-align: top;
    width: 45%;
    width: -webkit-calc(50% - 10px);
    width: -moz-calc(50% - 10px);
    width: calc(50% - 10px);
    margin-left: 0;
    margin-right: 10px;
}
.twoForthForm {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 45%;
    width: -webkit-calc(50% - 20px);
    width: -moz-calc(50% - 20px);
    width: calc(50% - 20px);
    margin-left: 10px;
    margin-right: 10px;
}
.fourthForm:first-child + .twoForthForm, .twoForthForm:first-child + .twoForthForm {
    vertical-align: top;
    width: 45%;
    width: -webkit-calc(50% - 10px);
    width: -moz-calc(50% - 10px);
    width: calc(50% - 10px);
    margin-left: 10px;
    margin-right: 0;
}
.twoForthForm:first-child, .twoForthForm:last-child {
    vertical-align: top;
    width: 45%;
    width: -webkit-calc(50% - 10px);
    width: -moz-calc(50% - 10px);
    width: calc(50% - 10px);
    margin-left: 0;
    margin-right: 10px;
}
.threeForthForm {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 45%;
    width: -webkit-calc(50% - 20px);
    width: -moz-calc(50% - 20px);
    width: calc(50% - 20px);
    margin-left: 10px;
    margin-right: 10px;
}
.threeForthForm:last-child {
    vertical-align: top;
    width: 45%;
    width: -webkit-calc(50% - 10px);
    width: -moz-calc(50% - 10px);
    width: calc(50% - 10px);
    margin-left: 10px;
    margin-right: 0;
}
.threeForthForm:first-child {
    vertical-align: top;
    width: 45%;
    width: -webkit-calc(50% - 10px);
    width: -moz-calc(50% - 10px);
    width: calc(50% - 10px);
    margin-left: 0;
    margin-right: 10px;
}
}
@media(min-width: 768px) and (max-width: 1023px) {
    .fullForm {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
}
.halfForm {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 45%;
    width: -webkit-calc(50% - 20px);
    width: -moz-calc(50% - 20px);
    width: calc(50% - 20px);
    margin-right: 10px;
    margin-left: 10px;
}
.halfForm:last-child {
    vertical-align: top;
    width: 45%;
    width: -webkit-calc(50% - 10px);
    width: -moz-calc(50% - 10px);
    width: calc(50% - 10px);
    margin-right: 0;
    margin-left: 10px;
}
.halfForm:first-child {
    vertical-align: top;
    width: 45%;
    width: -webkit-calc(50% - 10px);
    width: -moz-calc(50% - 10px);
    width: calc(50% - 10px);
    margin-left: 0;
    margin-right: 10px;
}
.thirdForm {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 30%;
    width: -webkit-calc(100% / 3 - 20px);
    width: -moz-calc(100% / 3 - 20px);
    width: calc(100% / 3 - 20px);
    margin-left: 10px;
    margin-right: 10px;
}
.thirdForm:last-child {
    vertical-align: top;
    width: 30%;
    width: -webkit-calc(100% / 3 - 10px);
    width: -moz-calc(100% / 3 - 10px);
    width: calc(100% / 3 - 10px);
    margin-left: 10px;
    margin-right: 0;
}
.thirdForm:first-child {
    vertical-align: top;
    width: 30%;
    width: -webkit-calc(100% / 3 - 10px);
    width: -moz-calc(100% / 3 - 10px);
    width: calc(100% / 3 - 10px);
    margin-left: 0;
    margin-right: 10px;
}
.twoThirdForm {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 60%;
    width: -webkit-calc(200% / 3 - 20px);
    width: -moz-calc(200% / 3 - 20px);
    width: calc(200% / 3 - 20px);
    margin-left: 10px;
    margin-right: 10px;
}
.twoThirdForm:last-child {
    vertical-align: top;
    width: 60%;
    width: -webkit-calc(200% / 3 - 10px);
    width: -moz-calc(200% / 3 - 10px);
    width: calc(200% / 3 - 10px);
    margin-left: 10px;
    margin-right: 0;
}
.twoThirdForm:first-child {
    vertical-align: top;
    width: 60%;
    width: -webkit-calc(200% / 3 - 10px);
    width: -moz-calc(200% / 3 - 10px);
    width: calc(200% / 3 - 10px);
    margin-left: 0;
    margin-right: 10px;
}
.fourthForm {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 30%;
    width: -webkit-calc(100% / 3 - 20px);
    width: -moz-calc(100% / 3 - 20px);
    width: calc(100% / 3 - 20px);
    margin-left: 10px;
    margin-right: 10px;
}
.fourthForm:first-child + .fourthForm + .fourthForm, .threeForthForm:first-child + .fourthForm, .twoForthForm:first-child + .fourthForm + .fourthForm, .fourthForm:first-child + .twoForthForm + .fourthForm {
    vertical-align: top;
    width: 30%;
    width: -webkit-calc(100% / 3 - 10px);
    width: -moz-calc(100% / 3 - 10px);
    width: calc(100% / 3 - 10px);
    margin-left: 10px;
    margin-right: 0;
}
.fourthForm:last-child, .fourthForm:first-child {
    vertical-align: top;
    width: 30%;
    width: -webkit-calc(100% / 3 - 10px);
    width: -moz-calc(100% / 3 - 10px);
    width: calc(100% / 3 - 10px);
    margin-left: 0;
    margin-right: 10px;
}
.twoForthForm {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 30%;
    width: -webkit-calc(100% / 3 - 20px);
    width: -moz-calc(100% / 3 - 20px);
    width: calc(100% / 3 - 20px);
    margin-left: 10px;
    margin-right: 10px;
}
.twoForthForm:last-child {
    vertical-align: top;
    width: 30%;
    width: -webkit-calc(100% / 3 - 10px);
    width: -moz-calc(100% / 3 - 10px);
    width: calc(100% / 3 - 10px);
    margin-left: 10px;
    margin-right: 0;
}
.twoForthForm:first-child {
    vertical-align: top;
    width: 30%;
    width: -webkit-calc(100% / 3 - 10px);
    width: -moz-calc(100% / 3 - 10px);
    width: calc(100% / 3 - 10px);
    margin-left: 0;
    margin-right: 10px;
}
.threeForthForm {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 60%;
    width: -webkit-calc(200% / 3 - 20px);
    width: -moz-calc(200% / 3 - 20px);
    width: calc(200% / 3 - 20px);
    margin-left: 10px;
    margin-right: 10px;
}
.threeForthForm:last-child {
    vertical-align: top;
    width: 60%;
    width: -webkit-calc(200% / 3 - 10px);
    width: -moz-calc(200% / 3 - 10px);
    width: calc(200% / 3 - 10px);
    margin-left: 10px;
    margin-right: 0;
}
.threeForthForm:first-child {
    vertical-align: top;
    width: 60%;
    width: -webkit-calc(200% / 3 - 10px);
    width: -moz-calc(200% / 3 - 10px);
    width: calc(200% / 3 - 10px);
    margin-left: 0;
    margin-right: 10px;
}
}
@media(min-width: 1024px) {
    .fullForm {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
}
.halfForm {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 45%;
    width: -webkit-calc(50% - 20px);
    width: -moz-calc(50% - 20px);
    width: calc(50% - 20px);
    margin-right: 10px;
    margin-left: 10px;
}
.halfForm:last-child {
    vertical-align: top;
    width: 45%;
    width: -webkit-calc(50% - 10px);
    width: -moz-calc(50% - 10px);
    width: calc(50% - 10px);
    margin-right: 0;
    margin-left: 10px;
}
.halfForm:first-child {
    vertical-align: top;
    width: 45%;
    width: -webkit-calc(50% - 10px);
    width: -moz-calc(50% - 10px);
    width: calc(50% - 10px);
    margin-left: 0;
    margin-right: 10px;
}
.thirdForm {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 30%;
    width: -webkit-calc(100% / 3 - 20px);
    width: -moz-calc(100% / 3 - 20px);
    width: calc(100% / 3 - 20px);
    margin-left: 10px;
    margin-right: 10px;
}
.thirdForm:last-child {
    vertical-align: top;
    width: 30%;
    width: -webkit-calc(100% / 3 - 10px);
    width: -moz-calc(100% / 3 - 10px);
    width: calc(100% / 3 - 10px);
    margin-left: 10px;
    margin-right: 0;
}
.thirdForm:first-child {
    vertical-align: top;
    width: 30%;
    width: -webkit-calc(100% / 3 - 10px);
    width: -moz-calc(100% / 3 - 10px);
    width: calc(100% / 3 - 10px);
    margin-left: 0;
    margin-right: 10px;
}
.twoThirdForm {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 60%;
    width: -webkit-calc(200% / 3 - 20px);
    width: -moz-calc(200% / 3 - 20px);
    width: calc(200% / 3 - 20px);
    margin-left: 10px;
    margin-right: 10px;
}
.twoThirdForm:last-child {
    vertical-align: top;
    width: 60%;
    width: -webkit-calc(200% / 3 - 10px);
    width: -moz-calc(200% / 3 - 10px);
    width: calc(200% / 3 - 10px);
    margin-left: 10px;
    margin-right: 0;
}
.twoThirdForm:first-child {
    vertical-align: top;
    width: 60%;
    width: -webkit-calc(200% / 3 - 10px);
    width: -moz-calc(200% / 3 - 10px);
    width: calc(200% / 3 - 10px);
    margin-left: 0;
    margin-right: 10px;
}
.fourthForm {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 20%;
    width: -webkit-calc(25% - 20px);
    width: -moz-calc(25% - 20px);
    width: calc(25% - 20px);
    margin-left: 10px;
    margin-right: 10px;
}
.fourthForm:last-child {
    vertical-align: top;
    width: 20%;
    width: -webkit-calc(25% - 10px);
    width: -moz-calc(25% - 10px);
    width: calc(25% - 10px);
    margin-left: 10px;
    margin-right: 0;
}
.fourthForm:first-child {
    vertical-align: top;
    width: 20%;
    width: -webkit-calc(25% - 10px);
    width: -moz-calc(25% - 10px);
    width: calc(25% - 10px);
    margin-left: 0;
    margin-right: 10px;
}
.twoForthForm {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 45%;
    width: -webkit-calc(50% - 20px);
    width: -moz-calc(50% - 20px);
    width: calc(50% - 20px);
    margin-left: 10px;
    margin-right: 10px;
}
.twoForthForm:last-child {
    vertical-align: top;
    width: 45%;
    width: -webkit-calc(50% - 10px);
    width: -moz-calc(50% - 10px);
    width: calc(50% - 10px);
    margin-left: 10px;
    margin-right: 0;
}
.twoForthForm:first-child {
    vertical-align: top;
    width: 45%;
    width: -webkit-calc(50% - 10px);
    width: -moz-calc(50% - 10px);
    width: calc(50% - 10px);
    margin-left: 0;
    margin-right: 10px;
}
.threeForthForm {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 70%;
    width: -webkit-calc(75% - 20px);
    width: -moz-calc(75% - 20px);
    width: calc(75% - 20px);
    margin-left: 10px;
    margin-right: 10px;
}
.threeForthForm:last-child {
    vertical-align: top;
    width: 70%;
    width: -webkit-calc(75% - 10px);
    width: -moz-calc(75% - 10px);
    width: calc(75% - 10px);
    margin-left: 10px;
    margin-right: 0;
}
.threeForthForm:first-child {
    vertical-align: top;
    width: 70%;
    width: -webkit-calc(75% - 10px);
    width: -moz-calc(75% - 10px);
    width: calc(75% - 10px);
    margin-left: 0;
    margin-right: 10px;
}
}
@media (max-width: 1199px) {
    .fullIcons {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
}
.halfIcons {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
.thirdIcons {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
.twoThirdIcons {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
.fourthIcons {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
.twoForthIcons {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
.threeForthIcons {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
}
@media(min-width: 1200px) and (max-width: 1199px) {
    .fullIcons {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
}
.halfIcons {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 45%;
    width: -webkit-calc(50% - 30px);
    width: -moz-calc(50% - 30px);
    width: calc(50% - 30px);
    margin-right: 15px;
    margin-left: 15px;
}
.halfIcons:last-child {
    vertical-align: top;
    width: 45%;
    width: -webkit-calc(50% - 15px);
    width: -moz-calc(50% - 15px);
    width: calc(50% - 15px);
    margin-right: 0;
    margin-left: 15px;
}
.halfIcons:first-child {
    vertical-align: top;
    width: 45%;
    width: -webkit-calc(50% - 15px);
    width: -moz-calc(50% - 15px);
    width: calc(50% - 15px);
    margin-left: 0;
    margin-right: 15px;
}
.thirdIcons {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
.twoThirdIcons {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
.fourthIcons {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
.twoForthIcons {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
.threeForthIcons {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
}
@media(min-width: 1200px) and (max-width: 1199px) {
    .fullIcons {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
}
.halfIcons {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 45%;
    width: -webkit-calc(50% - 30px);
    width: -moz-calc(50% - 30px);
    width: calc(50% - 30px);
    margin-right: 15px;
    margin-left: 15px;
}
.halfIcons:last-child {
    vertical-align: top;
    width: 45%;
    width: -webkit-calc(50% - 15px);
    width: -moz-calc(50% - 15px);
    width: calc(50% - 15px);
    margin-right: 0;
    margin-left: 15px;
}
.halfIcons:first-child {
    vertical-align: top;
    width: 45%;
    width: -webkit-calc(50% - 15px);
    width: -moz-calc(50% - 15px);
    width: calc(50% - 15px);
    margin-left: 0;
    margin-right: 15px;
}
.thirdIcons {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 30%;
    width: -webkit-calc(100% / 3 - 30px);
    width: -moz-calc(100% / 3 - 30px);
    width: calc(100% / 3 - 30px);
    margin-left: 15px;
    margin-right: 15px;
}
.thirdIcons:last-child {
    vertical-align: top;
    width: 30%;
    width: -webkit-calc(100% / 3 - 15px);
    width: -moz-calc(100% / 3 - 15px);
    width: calc(100% / 3 - 15px);
    margin-left: 15px;
    margin-right: 0;
}
.thirdIcons:first-child {
    vertical-align: top;
    width: 30%;
    width: -webkit-calc(100% / 3 - 15px);
    width: -moz-calc(100% / 3 - 15px);
    width: calc(100% / 3 - 15px);
    margin-left: 0;
    margin-right: 15px;
}
.twoThirdIcons {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 60%;
    width: -webkit-calc(200% / 3 - 30px);
    width: -moz-calc(200% / 3 - 30px);
    width: calc(200% / 3 - 30px);
    margin-left: 15px;
    margin-right: 15px;
}
.twoThirdIcons:last-child {
    vertical-align: top;
    width: 60%;
    width: -webkit-calc(200% / 3 - 15px);
    width: -moz-calc(200% / 3 - 15px);
    width: calc(200% / 3 - 15px);
    margin-left: 15px;
    margin-right: 0;
}
.twoThirdIcons:first-child {
    vertical-align: top;
    width: 60%;
    width: -webkit-calc(200% / 3 - 15px);
    width: -moz-calc(200% / 3 - 15px);
    width: calc(200% / 3 - 15px);
    margin-left: 0;
    margin-right: 15px;
}
.fourthIcons {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
.twoForthIcons {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
.threeForthIcons {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
}
@media(min-width: 1200px) {
    .fullIcons {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
}
.halfIcons {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 45%;
    width: -webkit-calc(50% - 30px);
    width: -moz-calc(50% - 30px);
    width: calc(50% - 30px);
    margin-right: 15px;
    margin-left: 15px;
}
.halfIcons:last-child {
    vertical-align: top;
    width: 45%;
    width: -webkit-calc(50% - 15px);
    width: -moz-calc(50% - 15px);
    width: calc(50% - 15px);
    margin-right: 0;
    margin-left: 15px;
}
.halfIcons:first-child {
    vertical-align: top;
    width: 45%;
    width: -webkit-calc(50% - 15px);
    width: -moz-calc(50% - 15px);
    width: calc(50% - 15px);
    margin-left: 0;
    margin-right: 15px;
}
.thirdIcons {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 30%;
    width: -webkit-calc(100% / 3 - 30px);
    width: -moz-calc(100% / 3 - 30px);
    width: calc(100% / 3 - 30px);
    margin-left: 15px;
    margin-right: 15px;
}
.thirdIcons:last-child {
    vertical-align: top;
    width: 30%;
    width: -webkit-calc(100% / 3 - 15px);
    width: -moz-calc(100% / 3 - 15px);
    width: calc(100% / 3 - 15px);
    margin-left: 15px;
    margin-right: 0;
}
.thirdIcons:first-child {
    vertical-align: top;
    width: 30%;
    width: -webkit-calc(100% / 3 - 15px);
    width: -moz-calc(100% / 3 - 15px);
    width: calc(100% / 3 - 15px);
    margin-left: 0;
    margin-right: 15px;
}
.twoThirdIcons {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 60%;
    width: -webkit-calc(200% / 3 - 30px);
    width: -moz-calc(200% / 3 - 30px);
    width: calc(200% / 3 - 30px);
    margin-left: 15px;
    margin-right: 15px;
}
.twoThirdIcons:last-child {
    vertical-align: top;
    width: 60%;
    width: -webkit-calc(200% / 3 - 15px);
    width: -moz-calc(200% / 3 - 15px);
    width: calc(200% / 3 - 15px);
    margin-left: 15px;
    margin-right: 0;
}
.twoThirdIcons:first-child {
    vertical-align: top;
    width: 60%;
    width: -webkit-calc(200% / 3 - 15px);
    width: -moz-calc(200% / 3 - 15px);
    width: calc(200% / 3 - 15px);
    margin-left: 0;
    margin-right: 15px;
}
.fourthIcons {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 20%;
    width: -webkit-calc(25% - 30px);
    width: -moz-calc(25% - 30px);
    width: calc(25% - 30px);
    margin-left: 15px;
    margin-right: 15px;
}
.fourthIcons:last-child {
    vertical-align: top;
    width: 20%;
    width: -webkit-calc(25% - 15px);
    width: -moz-calc(25% - 15px);
    width: calc(25% - 15px);
    margin-left: 15px;
    margin-right: 0;
}
.fourthIcons:first-child {
    vertical-align: top;
    width: 20%;
    width: -webkit-calc(25% - 15px);
    width: -moz-calc(25% - 15px);
    width: calc(25% - 15px);
    margin-left: 0;
    margin-right: 15px;
}
.twoForthIcons {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 45%;
    width: -webkit-calc(50% - 30px);
    width: -moz-calc(50% - 30px);
    width: calc(50% - 30px);
    margin-left: 15px;
    margin-right: 15px;
}
.twoForthIcons:last-child {
    vertical-align: top;
    width: 45%;
    width: -webkit-calc(50% - 15px);
    width: -moz-calc(50% - 15px);
    width: calc(50% - 15px);
    margin-left: 15px;
    margin-right: 0;
}
.twoForthIcons:first-child {
    vertical-align: top;
    width: 45%;
    width: -webkit-calc(50% - 15px);
    width: -moz-calc(50% - 15px);
    width: calc(50% - 15px);
    margin-left: 0;
    margin-right: 15px;
}
.threeForthIcons {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 70%;
    width: -webkit-calc(75% - 30px);
    width: -moz-calc(75% - 30px);
    width: calc(75% - 30px);
    margin-left: 15px;
    margin-right: 15px;
}
.threeForthIcons:last-child {
    vertical-align: top;
    width: 70%;
    width: -webkit-calc(75% - 15px);
    width: -moz-calc(75% - 15px);
    width: calc(75% - 15px);
    margin-left: 15px;
    margin-right: 0;
}
.threeForthIcons:first-child {
    vertical-align: top;
    width: 70%;
    width: -webkit-calc(75% - 15px);
    width: -moz-calc(75% - 15px);
    width: calc(75% - 15px);
    margin-left: 0;
    margin-right: 15px;
}
}





@-webkit-keyframes slideBack {
    0% {
    right: 0;
}
100% {
    right: -280px;
}
}
@-moz-keyframes slideBack {
    0% {
    right: 0;
}
100% {
    right: -280px;
}
}
@-ms-keyframes slideBack {
    0% {
    right: 0;
}
100% {
    right: -280px;
}
}
@-o-keyframes slideBack {
    0% {
    right: 0;
}
100% {
    right: -280px;
}
}
@keyframes slideBack {
    0% {
    right: 0;
}
100% {
    right: -280px;
}
}
@-webkit-keyframes slideIn {
    0% {
    right: -280px;
}
100% {
    right: 0;
}
}
@-moz-keyframes slideIn {
    0% {
    right: -280px;
}
100% {
    right: 0;
}
}
@-ms-keyframes slideIn {
    0% {
    right: -280px;
}
100% {
    right: 0;
}
}
@-o-keyframes slideIn {
    0% {
    right: -280px;
}
100% {
    right: 0;
}
}
@keyframes slideIn {
    0% {
    right: -280px;
}
100% {
    right: 0;
}
}
@-webkit-keyframes hideBurger {
    0% {
    opacity: 1;
}
7% {
    opacity: 1;
}
8% {
    opacity: 0;
}
100% {
    opacity: 0;
}
}
@-moz-keyframes hideBurger {
    0% {
    opacity: 1;
}
7% {
    opacity: 1;
}
8% {
    opacity: 0;
}
100% {
    opacity: 0;
}
}
@-ms-keyframes hideBurger {
    0% {
    opacity: 1;
}
7% {
    opacity: 1;
}
8% {
    opacity: 0;
}
100% {
    opacity: 0;
}
}
@-o-keyframes hideBurger {
    0% {
    opacity: 1;
}
7% {
    opacity: 1;
}
8% {
    opacity: 0;
}
100% {
    opacity: 0;
}
}
@keyframes hideBurger {
    0% {
    opacity: 1;
}
7% {
    opacity: 1;
}
8% {
    opacity: 0;
}
100% {
    opacity: 0;
}
}
@-webkit-keyframes showBurger {
    0% {
    opacity: 0;
}
65% {
    opacity: 0;
}
66% {
    opacity: 1;
}
100% {
    opacity: 1;
}
}
@-moz-keyframes showBurger {
    0% {
    opacity: 0;
}
65% {
    opacity: 0;
}
66% {
    opacity: 1;
}
100% {
    opacity: 1;
}
}
@-ms-keyframes showBurger {
    0% {
    opacity: 0;
}
65% {
    opacity: 0;
}
66% {
    opacity: 1;
}
100% {
    opacity: 1;
}
}
@-o-keyframes showBurger {
    0% {
    opacity: 0;
}
65% {
    opacity: 0;
}
66% {
    opacity: 1;
}
100% {
    opacity: 1;
}
}
@keyframes showBurger {
    0% {
    opacity: 0;
}
65% {
    opacity: 0;
}
66% {
    opacity: 1;
}
100% {
    opacity: 1;
}
}
@-webkit-keyframes sideBurgerSlide {
    0% {
    opacity: 0;
    float: left;
    margin-left: 0px;
}
11% {
    opacity: 0;
    float: left;
    margin-left: 0px;
}
12% {
    opacity: 1;
    float: left;
    margin-left: 0px;
}
100% {
    opacity: 1;
    float: left;
    margin-left: 20px;
}
}
@-moz-keyframes sideBurgerSlide {
    0% {
    opacity: 0;
    float: left;
    margin-left: 0px;
}
11% {
    opacity: 0;
    float: left;
    margin-left: 0px;
}
12% {
    opacity: 1;
    float: left;
    margin-left: 0px;
}
100% {
    opacity: 1;
    float: left;
    margin-left: 20px;
}
}
@-ms-keyframes sideBurgerSlide {
    0% {
    opacity: 0;
    float: left;
    margin-left: 0px;
}
11% {
    opacity: 0;
    float: left;
    margin-left: 0px;
}
12% {
    opacity: 1;
    float: left;
    margin-left: 0px;
}
100% {
    opacity: 1;
    float: left;
    margin-left: 20px;
}
}
@-o-keyframes sideBurgerSlide {
    0% {
    opacity: 0;
    float: left;
    margin-left: 0px;
}
11% {
    opacity: 0;
    float: left;
    margin-left: 0px;
}
12% {
    opacity: 1;
    float: left;
    margin-left: 0px;
}
100% {
    opacity: 1;
    float: left;
    margin-left: 20px;
}
}
@keyframes sideBurgerSlide {
    0% {
    opacity: 0;
    float: left;
    margin-left: 0px;
}
11% {
    opacity: 0;
    float: left;
    margin-left: 0px;
}
12% {
    opacity: 1;
    float: left;
    margin-left: 0px;
}
100% {
    opacity: 1;
    float: left;
    margin-left: 20px;
}
}
@-webkit-keyframes sideMenuSlideBack {
    0% {
    opacity: 1;
    float: none;
}
99% {
    opacity: 1;
    float: none;
}
100% {
    opacity: 0;
    float: none;
}
}
@-moz-keyframes sideMenuSlideBack {
    0% {
    opacity: 1;
    float: none;
}
99% {
    opacity: 1;
    float: none;
}
100% {
    opacity: 0;
    float: none;
}
}
@-ms-keyframes sideMenuSlideBack {
    0% {
    opacity: 1;
    float: none;
}
99% {
    opacity: 1;
    float: none;
}
100% {
    opacity: 0;
    float: none;
}
}
@-o-keyframes sideMenuSlideBack {
    0% {
    opacity: 1;
    float: none;
}
99% {
    opacity: 1;
    float: none;
}
100% {
    opacity: 0;
    float: none;
}
}
@keyframes sideMenuSlideBack {
    0% {
    opacity: 1;
    float: none;
}
99% {
    opacity: 1;
    float: none;
}
100% {
    opacity: 0;
    float: none;
}
}
@-webkit-keyframes sideBurgerSlideBack {
    0% {
    opacity: 1;
    float: left;
    margin-left: 20px;
    margin-right: 0;
}
99% {
    opacity: 1;
    float: left;
    margin-left: 0;
    margin-right: 0;
}
100% {
    opacity: 0;
    float: left;
    margin-left: 0;
    margin-right: 0;
}
}
@-moz-keyframes sideBurgerSlideBack {
    0% {
    opacity: 1;
    float: left;
    margin-left: 20px;
    margin-right: 0;
}
99% {
    opacity: 1;
    float: left;
    margin-left: 0;
    margin-right: 0;
}
100% {
    opacity: 0;
    float: left;
    margin-left: 0;
    margin-right: 0;
}
}
@-ms-keyframes sideBurgerSlideBack {
    0% {
    opacity: 1;
    float: left;
    margin-left: 20px;
    margin-right: 0;
}
99% {
    opacity: 1;
    float: left;
    margin-left: 0;
    margin-right: 0;
}
100% {
    opacity: 0;
    float: left;
    margin-left: 0;
    margin-right: 0;
}
}
@-o-keyframes sideBurgerSlideBack {
    0% {
    opacity: 1;
    float: left;
    margin-left: 20px;
    margin-right: 0;
}
99% {
    opacity: 1;
    float: left;
    margin-left: 0;
    margin-right: 0;
}
100% {
    opacity: 0;
    float: left;
    margin-left: 0;
    margin-right: 0;
}
}
@keyframes sideBurgerSlideBack {
    0% {
    opacity: 1;
    float: left;
    margin-left: 20px;
    margin-right: 0;
}
99% {
    opacity: 1;
    float: left;
    margin-left: 0;
    margin-right: 0;
}
100% {
    opacity: 0;
    float: left;
    margin-left: 0;
    margin-right: 0;
}
}

@-webkit-keyframes openSide {
    0% {
    width: 0;
}
100% {
    width: 280px;
}
}
@-moz-keyframes openSide {
    0% {
    width: 0;
}
100% {
    width: 280px;
}
}
@-ms-keyframes openSide {
    0% {
    width: 0;
}
100% {
    width: 280px;
}
}
@-o-keyframes openSide {
    0% {
    width: 0;
}
100% {
    width: 280px;
}
}
@keyframes openSide {
    0% {
    width: 0;
}
100% {
    width: 280px;
}
}
@-webkit-keyframes closeSide {
    0% {
    width: 280px;
    opacity: 1;
}
99% {
    width: 0;
    opacity: 1;
}
100% {
    width: 0;
    opacity: 0;
}
}
@-moz-keyframes closeSide {
    0% {
    width: 280px;
    opacity: 1;
}
99% {
    width: 0;
    opacity: 1;
}
100% {
    width: 0;
    opacity: 0;
}
}
@-ms-keyframes closeSide {
    0% {
    width: 280px;
    opacity: 1;
}
99% {
    width: 0;
    opacity: 1;
}
100% {
    width: 0;
    opacity: 0;
}
}
@-o-keyframes closeSide {
    0% {
    width: 280px;
    opacity: 1;
}
99% {
    width: 0;
    opacity: 1;
}
100% {
    width: 0;
    opacity: 0;
}
}
@keyframes closeSide {
    0% {
    width: 280px;
    opacity: 1;
}
99% {
    width: 0;
    opacity: 1;
}
100% {
    width: 0;
    opacity: 0;
}
}


.icon {
    height: 40px;
    width: 40px;
    overflow: hidden;
    display: inline-block;
    position: relative;
}
.tiny {
    height: 20px;
    width: 20px;
}
.icon::after {
    content: '';
    background: url('/wp-content/uploads/icon.svg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    height: 800%;
    width: 800%;
    display: block;
    position: relative;
}
.iconLeftArr::after {
    left: 0%;
    top: 0%;
}
.iconRightArr::after {
    left: -100%;
    top: 0%;
}
.iconUpArr::after {
    left: -200%;
    top: 0%;
}
.iconDownArr::after {
    left: -300%;
    top: 0%;
}
.iconClose::after {
    left: -400%;
    top: 0%;
}
.iconPhone::after {
    left: -500%;
    top: 0%;
}
.iconMail::after {
    left: -600%;
    top: 0%;
}
.iconSearch::after {
    left: -700%;
    top: 0%;
}
.iconLeftArr:hover::after {
    left: 0%;
    top: -100%;
}
.iconRightArr:hover::after {
    left: -100%;
    top: -100%;
}
.iconUpArr:hover::after {
    left: -200%;
    top: -100%;
}
.iconDownArr:hover::after {
    left: -300%;
    top: -100%;
}
.iconClose:hover::after {
    left: -400%;
    top: -100%;
}
.iconPhone:hover::after {
    left: -500%;
    top: -100%;
}
.iconMail:hover::after {
    left: -600%;
    top: -100%;
}
.iconSearch:hover::after {
    left: -700%;
    top: -100%;
}
.iconInstagram::after {
    left: 0%;
    top: -200%;
}
.iconTwitter::after {
    left: -100%;
    top: -200%;
}
.iconFacebook::after {
    left: -200%;
    top: -200%;
}
.iconContrastOff::after {
    left: -300%;
    top: -200%;
}
.iconContrastOn::after {
    left: -400%;
    top: -200%;
}
.iconEcoOff::after {
    left: -500%;
    top: -200%;
}
.iconEcoOn::after {
    left: -600%;
    top: -200%;
}
.iconFontsize::after {
    left: -700%;
    top: -200%;
}
.iconInstagram:hover::after {
    left: 0%;
    top: -300%;
}
.iconTwitter:hover::after {
    left: -100%;
    top: -300%;
}
.iconFacebook:hover::after {
    left: -200%;
    top: -300%;
}
.iconContrastOff:hover::after {
    left: -300%;
    top: -300%;
}
.iconContrastOn:hover::after {
    left: -400%;
    top: -300%;
}
.iconEcoOff:hover::after {
    left: -500%;
    top: -300%;
}
.iconEcoOn:hover::after {
    left: -600%;
    top: -300%;
}
.iconFontsize:hover::after {
    left: -700%;
    top: -300%;
}
.iconFontsizePlus::after {
    left: 0%;
    top: -400%;
}
.iconFontsizeMinus::after {
    left: -100%;
    top: -400%;
}
.iconZeit::after {
    left: -200%;
    top: -400%;
}
.iconLernen::after {
    left: -300%;
    top: -400%;
}
.iconObst::after {
    left: -400%;
    top: -400%;
}
.iconBgm::after {
    left: -500%;
    top: -400%;
}
.iconGrillen::after {
    left: -600%;
    top: -400%;
}
.iconErgo::after {
    left: -700%;
    top: -400%;
}
.iconFontsizePlus:hover::after {
    left: 0%;
    top: -500%;
}
.iconFontsizeMinus:hover::after {
    left: -100%;
    top: -500%;
}
.iconZeit:hover::after {
    left: -200%;
    top: -500%;
}
.iconLernen:hover::after {
    left: -300%;
    top: -500%;
}
.iconObst:hover::after {
    left: -400%;
    top: -500%;
}
.iconBgm:hover::after {
    left: -500%;
    top: -500%;
}
.iconGrillen:hover::after {
    left: -600%;
    top: -500%;
}
.iconErgo:hover::after {
    left: -700%;
    top: -500%;
}
.iconHardware::after {
    left: 0%;
    top: -600%;
}
.iconParkplatz::after {
    left: -100%;
    top: -600%;
}
.iconBike::after {
    left: -200%;
    top: -600%;
}
.iconHardware:hover::after {
    left: 0%;
    top: -700%;
}
.iconParkplatz:hover::after {
    left: -100%;
    top: -700%;
}
.iconBike:hover::after {
    left: -200%;
    top: -700%;
}
.countCol {
    text-align: center;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    -webkit-border-top-left-radius: 0px;
    -moz-border-top-left-radius: 0px;
    -ms-border-top-left-radius: 0px;
    -o-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-top-right-radius: 0px;
    -ms-border-top-right-radius: 0px;
    -o-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-bottom-left-radius: 0px;
    -ms-border-bottom-left-radius: 0px;
    -o-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-bottom-right-radius: 0px;
    -ms-border-bottom-right-radius: 0px;
    -o-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.zaehler span {
    display: block;
    color: rgba(0, 159, 227, 1);
    font-size: 16px;
    font-weight: 400;
    font-family: 'Open Sans', 'Helvetica';
    text-align: center;
}
.zaehler {
    height: auto;
    background: rgba(0, 0, 0, 0);
    float: left;
    width: 100%;
}
.counter {
    color: rgba(0, 159, 227, 1)!important;
    font-size: 22px;
    font-weight: 400!important;
    font-family: 'Open Sans', 'Helvetica'!important;
}
.zaehlerIcon {
    display: inline-block;
    height: 40px;
    width: 40px;
}
#whiteboxSlider {
    position: fixed;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    width: 100vw;
    padding: 30px;
    height: 100vh;
    box-sizing: border-box;
    background: rgba(255, 255, 255, 0.9);
    z-index: 120;
}
.wbslide {
    background-size: contain!important;
    background-repeat: no-repeat!important;
    background-position: 50% 50%!important;
    height: 100%;
}
.wbslide[data-hidden="1"] {
    display: none;
}
#wbslidernext {
    position: fixed;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 130;
    cursor: pointer;
}
#wbsliderprev {
    position: fixed;
    left: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 130;
    cursor: pointer;
}
#wbsliderclose {
    position: fixed;
    right: 10px;
    top: 10px;
    z-index: 130;
    cursor: pointer;
}
.whiteboxSlide {
    cursor: pointer;
}
#wbopeninnewtab {
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    bottom: 10px;
    z-index: 130;
    cursor: pointer;
}





.closed,.open{
    width: 100%;
    background: #f7f7f7;
    color: #000000;
    box-sizing: border-box;
    padding: 8px 20px;
    margin-top: 20px;
    font-weight: 400;
}
.open + article > article,.closed + article > article{
    background: #fff;
    padding: 20px;
    box-sizing: border-box;
    color: #000!important;
}
.open + article > article strong,.open + article > article{
    color: #000;
}
.open + article > article a:hover{
    color: rgba(0, 159, 227,1);
}
.akkordeonMehr{
    width: 10px;
    height: 10px;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    position: absolute;
    left: 5px;
    top: 10px;
    top: -webkit-calc(50% - 5px);
    top: -moz-calc(50% - 5px);
    top: -ms-calc(50% - 5px);
    top: -o-calc(50% - 5px);
    top: calc(50% - 5px);
}
.akkordeonMehr::after{
    content: ''!important;
    background: url(/wp-content/uploads/icon.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    height: 800%;
    width: 800%;
    display: block;
    position: relative;
}
.closed .akkordeonMehr::after{
    top: -400%;
    left: 0%;
}
.open .akkordeonMehr::after{
    top: -400%;
    left: -100%;
}
strong.closed, strong.open{
    position: relative;
    padding-left: 27px;
    float: left;
    clear: both;
}
.akkContainer .halfText strong:first-of-type{
    margin-top: 0;
}
.akkContainer .halfText article{
    float: left;
    clear: both;
}
.open + article article .liste{
    width: 100%;
    display: inline-block;
    float: left;
}