/* ////////////  NAVIGATION //////////// */

#navigation_mobile {
	display: none;
}

html.mobile_navi_open,  html.mobile_navi_open body{
	overflow:hidden;
}

#metanavi {
	color: white;
	text-align: right;
	font-size: 12px;
	position: absolute;
	width: 500px;
	top: 12px;
	right: 0px;
}

#metanavi a {
	color: white;
	display: inline-block;
}

#contactButton {
	background: url(../picts/icon_kontakt.png) no-repeat left center;
	padding-left: 22px;
	display: inline-block;
	margin-right: 16px;
	position: absolute;
	right: 125px;
}

#searchfield {
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.3);
	height: 38px;
	width: 154px;
	display:block;
	border: medium none;
	display: inline-block;
	height: 24px;
	margin-right: 20px;
	position: absolute;
	right: 220px;
	text-align: left;
}

.visitenkarte #searchfield {
  position: initial;
  margin-right: 16px;
}

.mobile_navi_content.menu li {
  width: 100%;
}

.mobile_navi_content li:last-child {
  margin-bottom: -18px !important;
}


.visitenkarte #searchfield .form-item {
	margin: 0;
}

.visitenkarte #search-block-form .form-actions {
	display:none;
}

.special-page #search-block-form .form-actions,
.content-page #search-block-form .form-actions {
	clear:none;
	float:left;
}


#search-block-form input[type="text"] {
	background: url(../picts/icon_lupe.png) no-repeat 10px center;
	border: 0 none;
	border-radius: 0;
	/*  width: 160px; */
	/*padding: 0 10px;*/
	height: 24px;
	line-height: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: middle;
	padding: 4px;
	padding-left: 30px;
}

.special-page #search-block-form input[type="text"],
.content-page #search-block-form input[type="text"] {
	/* background: url(../picts/icon_lupe.png) no-repeat 10px center;*/
	background: #fff;
	border: 0 none;
	color: black;
	/*  width: 160px; */
	/* padding: 0 10px; */
	height: 24px;
	line-height: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: middle;
	padding: 4px;
}

#search-block-form i {
	color: #fff;
	font-size: 16px;
	padding: 4px 1px;
}

#search-block-form input::-webkit-input-placeholder,
#search-block-form textarea::-webkit-input-placeholder {
	color: white;
	opacity: 1;
}
#search-block-form input:-moz-placeholder,
#search-block-form textarea:-moz-placeholder {
	color: white;
	opacity: 1;
}
#search-block-form input::-moz-placeholder,
#search-block-form textarea::-moz-placeholder {
	color: white;
	opacity: 1;
}
#search-block-form input:-ms-input-placeholder,
#search-block-form textarea:-ms-input-placeholder {
	color: white;
	opacity: 1;
}
/*
#search-block-form .form-actions .form-submit{
	display:none;
}*/

#navigation {
	position: absolute;
	z-index: 100;
	display: block;
	bottom: 0;
	width: 100%;
	padding-right: 15px;
	padding-left: 20px;
	max-height: 50px;
}

.toggle_visitenkarte {
	display: none;
}

#menu {
	position: relative;
	text-align: justify;
	text-align-last: justify;
	width: 100%;
}

#menu li {
	display: inline-block;
	cursor: pointer;
	text-align: center;
	line-height: 15px;
}

#menu:after {
	content: "";
	display: inline-block;
	width: 100%;
	height: 0;
	overflow: hidden;
}

#menu li a {
	font-size: 17px;
	font-weight: 700;
	cursor: pointer;
	display: inline-block;
	background: url(../picts/bg_navibutton.png) repeat;
	color: #333;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	padding: 0.5em 0.9em 0.6em;
	text-decoration:none;
}

#menu li a.active,
#menu li a:hover {
	color: white;
	background: url(../picts/bg_navibutton_aktiv.png) repeat;
}

.logged-in #menu .menu-234,
.not-logged-in #menu .menu-420 {
	display:none;
}


/*-------LOGIN STARTS HERE -------*/

/* Login Container (default to float:right) */
#loginContainer {
	position:relative;
	float:right;
}

/* Login Button */
#accountButton,
#loginButton {
	float: right;
	z-index: 30;
	cursor: pointer;
	padding-left: 0px;
	right: 0px;
	position: relative;
	margin-left: 0px;
	padding-right: 0;
	display: inline-block;
	height: 24px;
}

/* Login Button Text */
#loginButton span, #accountButton span {
	display: block;
	float:left;
	line-height: 30px;
	padding-left: 10px;
	padding-right: 10px;
}

#loginButton .fa-user,
#loginButton .fa-angle-down {
	font-size: 26px;
	float:left;
}

/* Login Box */
#loginBox {
	position:absolute;
	top:30px;
	right:0px;
	display:none;
	z-index: 700;
}

.logged-in #loginBox {
	right: 41px;
}

/* Login Form */
#loginForm,
#user-login-form {
	width:248px;
	background: white;
	padding: 15px 20px 5px;
}

#loginForm fieldset {
	margin: 0 0 10px;
	display:block;
	border:0;
	padding:0;
	text-align: left;
}

fieldset#body {
	background:#fff;
	padding: 0;
	margin:0;
}

#loginForm #checkbox {
	width:auto;
	margin:1px 9px 0 0;
	float:left;
	padding:0;
	border:0;
	*margin:-3px 9px 0 0; /* IE7 Fix */
}

#body label,
#user-login-form label {
	color: #333;
	margin: 5px 0 0;
	display:block;
}

#loginForm #body fieldset label,
#user-login-form label {
	display:block;
	margin: 0;
	text-align:left;
}

/* Default Input */
#loginForm input,
#user-login-form input {
	width: 100%;
	border: 1px solid #899caa;
	color: #333;
	padding: 4px 8px;
}

input[type=checkbox], input[type=radio] {
	vertical-align: top;
	position: relative;
	top: 4px;
}


/* Sign In Button */
#loginForm #login,
#user-login-form .form-submit {
	width: 100%;
	color:#fff;
	background-color: #317cbe;
	font-weight: 700;
	font-size: 14px;
	padding: 6px 10px;
	border: none;
	margin-top: 15px;
	margin-left: 0;
	margin-bottom: 5px;
	cursor:pointer;
	text-align: center;
	-webkit-appearance: none;
}

#metanavi #user-login-form a {
	color: #046CB3;
}

/* Forgot your password */
#loginForm span {
	text-align:center;
	display:block;
	padding:7px 0 4px 0;
}

#loginForm span a {
	color:#3a454d;
	font-size:12px;
	text-decoration: underline;
}

input:focus {
	outline:none;
}

.special-page #header #navigation .menu,
.content-page #header #navigation .menu {
	padding: 0;
	list-style: none;
	text-align: left;
	position: relative;
	text-align: justify;
	/*text-align-last: justify; */
	width: 100%;
	margin: 0;
	padding: 0 14px 0 0;
	height: 50px;
}

.special-page .header-container .outer,
.content-page .header-container .outer {
	height: 374px;
}

.special-page #navigation,
.content-page #navigation {
	background: none repeat scroll 0 0 #ffffff;
	bottom: 38px;
	display: block;
	max-height: 50px;
	padding-left: 0;
	padding-right: 0;
	position: relative;
	width: 100%;
	z-index: 110;
}

.special-page #header #navigation .menu li.top-li > a,
.content-page #header #navigation .menu li.top-li > a {
	color: #333333;
	cursor: pointer;
	display: block;
	float: left;
	font-size: 18px;
	font-weight: 700;
	line-height: 50px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	width: 100%;
	padding-top: 0;
	padding-left: 12px;
}

.special-page #header #navigation .menu li.top-li > a#marked,
.content-page #header #navigation .menu li.top-li > a#marked {
	background-color: #e2010f;
}

.special-page #header #navigation_mobile .menu li.top-li > a#marked,
.content-page #header #navigation_mobile .menu li.top-li > a#marked {
	background-color: #e2010f;
	margin-left: -10px;
	margin-right: -10px;
	padding-left: 10px;
	padding-right: 20px;
}

/*
.content-page #header .menu li.top-li {
		cursor: pointer;
		display: table-cell;
		padding: 0;
		text-align: center;
}
*/

.special-page #header .menu li.top-li,
.content-page #header .menu li.top-li {
		cursor: pointer;
		float: left;
		padding:0;
		padding-top: 0!important;
		padding-bottom: 0!important;
		padding-right: 0!important;
		text-align: center;
}

.special-page #header .menu:after,
.content-page #header .menu:after {
		/*content: "";
		display: inline-block;
		height: 0;
		overflow: hidden;
		width: 100%;*/
}

.special-page #header .menu ul.sub,
.special-page #header .menu div.sub,
.content-page #header .menu ul.sub,
.content-page #header .menu div.sub {
		background: none repeat scroll 0 0 #53676d;
		display: block;
		left: 0;
		opacity: 0;
		padding: 10px 10px 20px;
		position: absolute;
		top: 50px;
		transition: all 0.5s ease 0s;
		visibility: hidden;
		width: 100%;
		z-index: 1000;
}

.special-page #header .menu dl,
.special-page #header .menu li,
.content-page #header .menu li,
.content-page #header .menu dl {
		cursor: pointer;
		display:block;
    float:left;
		margin: 0 14px 0 0;
		padding: 0 15px;
}

.special-page #header .menu dd,
.content-page #header .menu dd {
		display: block;
		margin: 0;
		padding: 0;
}

.special-page #header .menu dd a.cat,
.special-page #header .menu li a.cat,
.special-page #header .menu dt a.cat,
.content-page #header .menu dt a.cat,
.content-page #header .menu li a.cat,
.content-page #header .menu dd a.cat {
		font-weight: 600;
		text-transform: uppercase;
}

.special-page #header .menu dt a,
.special-page #header .menu li a,
.special-page #header .menu dd a,
.content-page #header .menu li a,
.content-page #header .menu dt a,
.content-page #header .menu dd a {
		color: #fff;
		display: block;
		font-size: 15px;
		line-height: 28px;
		margin: 0;
		padding: 0;
		text-decoration: none;
		white-space: nowrap;
		text-align:left;
}

.special-page #header .menu li:hover div.sub,
.special-page #header .menu li:hover ul.sub,
.content-page #header .menu li:hover div.sub,
.content-page #header .menu li:hover ul.sub {
	opacity: 1;
	visibility: visible;
}

.special-page #header .menu li.top-li.arrow_drop:hover > a,
.content-page #header .menu li.top-li.arrow_drop:hover > a {
	background: url(../picts/arrow_subnavi.png) no-repeat center bottom;
}

.special-page #header,
.special-page .slider-not-abo,
.content-page #header,
.content-page .slider-not-abo {
	/* height: 330px; */
	height: 370px;
}

#search-block-form button {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: medium none;
	cursor: pointer;
	padding: 0;
}

#search-block-form i {
	color: #fff;
	font-size: 16px;
	padding: 2px 4px;
}

.special-page #searchfield,
.content-page #searchfield {
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.3);
	height: 40px;
	padding: 8px 2px 8px 8px;
	width: 180px;
}

.special-page #searchfield input,
.content-page #searchfield input {
	width: 130px;
}

.visitenkarte #header_top .header_top__nav_toggle {
	display:none;
}

/* #Media Queries
================================================== */

	/* #screen only (Tablet Landscape or bigger)
    ================================================== */

	/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) {
	body.content-page .header_top__nav_toggle {
		display: none;
	}

}
/* #Tablet (Portrait)
================================================== */

/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 959px) {

	#contactButton {
		margin-right: 12px;
	}

	#searchfield {
		width: 140px;
		margin-right: 10px;
	}

	#main-nav {
		width: 708px;
	}

	#navigation {
		bottom: 0;
		padding-right: 9px;
		padding-left: 15px;
	}

	#menu li a {
		font-size: 13px;
		padding: 0.5em 1.3em 0.6em;
	}



	/* Login Form */

	#loginButton {
		padding-right: 21px;
	}
	#loginForm {
		width:248px;
		background: white;
		padding: 10px 15px 5px;
	}

	/* Sign In Button */
	#loginForm #login {
		font-size: 13px;
		margin-top: 10px;
		margin-bottom: 0px;
	}

}


/*  #Mobile (Portrait)
================================================== */

/* Note: Design for a width of 320px */

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

	#navigation {
		display: none;
	}

	#mobilenavi {
		display: inline-block;
	}

	#metanavi {
		height: 26px;
		text-align: right;
		font-size: 12px;
		position: absolute;
		width: 100%;
		top: 5px;
		left: 0;
	}


	#contactButton {
		display:none
	}

	#searchfield {
		display:none;
	}

	/* Login Form */

	/*#loginButton {
        background: none;
        padding-left: 10px;
        right: 0px;
        position: relative;
        margin-left: 0px;
        padding-right: 10px;
        padding-top: 2px;
        top: -6px;
    }

    #loginButton span {
        font-weight: bold;
        padding-right: 20px;
        background: transparent url(../picts/arrow_login.png) no-repeat right 4px;
        padding-left: 0px;
    }

    #loginBox {
            top:14px;
            right:0px;
    }

    #loginButton.active {
        background-image: none;
        background-color: white;
        height: 20px;
    }

    #loginButton.active span {
            background-position: right -37px;
    }*/

	#loginContainer {
		position: absolute;
		left: 0px;
		top: 0;
	}

	#loginButton {
		padding-left: 0px;
		position: relative;
		margin-left: 0px;
		padding-right: 0px;
		padding-top: 2px;
		top: 0;
		left: 210px;
		display: inline-block;
		width: 26px;
	}

	#loginButton span {
		font-weight: bold;
		padding-right: 36px;
		padding-left: 0px;
		opacity: 0;
		width: 20px;
		height: 14px;
	}



	#loginBox {
		top: 0;
		left: 0;
		width: 100%;
		position: absolute;
	}

	#loginButton.active {
		background: url(../picts/icon_user.png) 4px -27px no-repeat white;
		height: 40px;
		color: #2D5F7E;
	}


	#loginForm {
		width: 300px;
		background: white;
		padding: 10px 40px 5px;
		position: absolute;
		top: 25px;
		left: 0;
		height: 360px;
	}


	/* Sign In Button */
	#loginForm #login {
		font-size: 12px;
		margin-top: 10px;
		margin-bottom: 0px;
	}

	#page-wrapper .header-container.container .twelve.columns {
		width: 100%;
		margin-left: 0;
		margin-top: 0;
		margin-right: 0;
	}


}


/* #Mobile (Landscape)
================================================== */

/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {

	#navigation,
	.special-page #navigation,
	.content-page #navigation {
		display: none;
	}

	.special-page .header-container,
	.content-page .header-container {
		overflow:hidden;
		margin: 0;
		width: 100%;
	}

	.special-page .header-container .bx-controls,
	.content-page .header-container .bx-controls {

	}

	#mobilenavi {
		display: inline-block;
	}

	.dropdown-text {
		line-height: 42px;
		width: 40px;
		background: url(mobilenav.gif) no-repeat 6px 12px;
		top: 0;
		right: 0;
	}

	.dropdown-toggle {
		position: absolute;
		height: 30px;
		width: 42px;
		top: 2px;
		right: 0;
	}

	.dropdown-content {
		top: 0;
		margin: 3px 0 0;
		opacity: 0;
		width: 419px;
		background-color: #046CB3;
	}

	#loginContainer {
		position: absolute;
		left: 0px;
		top: 0;
	}

	#loginBox {
		z-index: 999;
	}
	#loginButton {
		padding-left: 0px;
		position: relative;
		margin-left: 0px;
		padding-right: 0px;
		padding-top: 2px;
		top: 4px;
		left: 320px;
		display: inline-block;
		width: 26px;
	}

	#loginForm {
		width: 420px;
		padding: 10px 100px 5px;
		top: 37px;
		height: 300px;
	}
}

/*////////// MOBILE NAVIGATION //////////*/

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

	/*
    #mobilenavi {
        position: absolute;
        display: none;
        text-align: left;
        width: 40px;
        height: 30px;
        background-color: transparent;
        z-index: 103;
        top: 0;
        right: 0;
    }

    .dropdown-text::-moz-selection, .dropdown-toggle::-moz-selection {
            background: transparent;
            color: inherit;
    }
    .dropdown-text::selection, .dropdown-toggle::selection {
        background: transparent;
        color: #FFF;
    }
    .dropdown-text {
        font-size: 14px;
        cursor: pointer;
        position: absolute;
        text-indent: 40px;
        line-height: 30px;
        width: 40px;
        background: url(mobilenav.gif) no-repeat 5px 7px;
        top: 0;
        right: 0;
    }
    .dropdown-text, .dropdown-content a {
        color: #FFF;
    }
    .dropdown-toggle {
        z-index: 901;
        cursor: pointer;
        position: absolute;
        height: 30px;
        width: 40px;
        top: 2px;
        right: 0;
    }
    .dropdown-toggle:focus {
        outline: 0;
    }
    .dropdown-content {
        list-style-type: none;
        position: absolute;
        top: 0;
        padding: 0;
        margin: -9px 0 0;
        opacity: 0;
        visibility: hidden;
        text-indent: 35px;
        line-height: 38px;
        width: 299px;
        background-color: #046CB3;
        right: 0;
    }

    .dropdown-content .meta {

    }

    .dropdown-content:after {
        position: absolute;
        left: 20px;
        top: 50px;
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 0 8px 9px 8px;
        border-color: transparent transparent #FFF transparent;
    }
    .dropdown-content li {
        border-top: 1px solid #fff;
        overflow: hidden;
    }
    .dropdown-content li:last-child {
        border-bottom: none;
        padding-bottom: 300px;
    }
    .dropdown-content a {
        font-size: 14px;
        display: block;
        color: #fff;
    }
    .dropdown-content a:hover {
        color: #FFF;
        background: #5ca5e5;
    }

    .dropdown-content a.active {
        color: #FFF;
        background: #5ca5e5;
        font-weight: bold;
    }

    .dropdown-toggle:hover ~ .dropdown-text, .dropdown-toggle:focus ~ .dropdown-text {
        background-color: inherit;
    }
    .dropdown-toggle:focus ~ .dropdown-text {
        border-color: #c5c5c5;
        z-index: 998;
    }
    .dropdown-toggle:focus ~ .dropdown-text:after {
        border-width: 0 4px 5px 4px;
        border-color: transparent transparent #555 transparent;
    }
    .dropdown-content:hover, .dropdown-toggle:focus ~ .dropdown-content {
        opacity: 1;
        visibility: visible;
        top: 40px;
    }
    */
	/*////////// MOBILE NAVI //////////*/
	#header {
		width: 100%;
	}

	#header .header_top {
		position: fixed;
		top: 0;
		margin-top: 0px;
		left: 0;
		width: 100%;
		height: 40px;
		padding: 5px 10px;
		z-index: 1598;
	}

	#header #navigation {
		display: none;
	}

	#header #navigation_mobile{
		display: block;
		position: fixed;
		top: 40px;
		left: 0;
		width: 100%;
		z-index: 1600;
		height: 0;
		overflow-x: hidden;
		overflow-y: scroll; /* has to be scroll, not auto */
		-webkit-overflow-scrolling: touch;
		background: #2D5F7E;
		padding-top:0px;
		margin-top:-1px;
		transition: height 500ms ease;
	}

	#header #navigation_mobile.open{
		height: calc(100% - 40px);
		padding-top:1px;
	}


	#header #navigation_mobile>ul {
		min-height: 100.1%;
		background: #2D5F7E;

	}

	#header #navigation_mobile ul {
		display: block;
		padding: 0 10px;
		background: #2D5F7E;
	}


	#header #navigation_mobile li {
		list-style: none;
		display: block;
		width: 100%;
		border-bottom: 1px solid white;
		margin: 0 10px 0 0;
		float: none;
		padding: 0 0;
	}

	.special-page #header .menu li.top-li.arrow_drop:hover > a, .content-page #header .menu li.top-li.arrow_drop:hover > a {
		background-image: none;
	}

	#header #navigation_mobile ul.menu li a{

		display: block;
		padding: 10px 10px 10px 0;
		color: white;
		font-size: 110%;
	}

	#header #navigation_mobile ul.menu li.arrow_drop>a::after{
		content: "c";
		font-size: 200%;
		font-family: "zs-icons";
		font-style: normal;
		font-weight: normal;
		speak: none;
		display: inline-block;
		text-decoration: inherit;
		width: 1em;
		margin-right: .2em;
		text-align: center;
		/* opacity: .8; */
		font-variant: normal;
		text-transform: none;
		line-height: 1em;
		margin-left: .2em;
		/* font-size: 120%; */
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		float: right;
		position: relative;
		top: 0.15em;
	}
	#header #navigation_mobile ul.menu li.arrow_drop.open>a::after {
		content: 'b';
	}


	#header #navigation_mobile ul.menu li.arrow_drop ul.sub {
		display: block;
		overflow: hidden;
		max-height: 0em;
		visibility: visible;
		opacity: 0;
		position: relative;
		top: 0;
		transition: max-height 300ms ease-out, opacity 300ms linear;
		z-index:98;
		overflow: hidden;
		-webkit-backface-visibility: hidden;
		-webkit-perspective: 1000;
		backface-visibility: hidden;
		perspective: 1000;
		-webkit-transform: translateZ(0);

	}

	#header #navigation_mobile ul.menu li.arrow_drop.open ul.sub {
		opacity: 1;
		max-height: 180rem;
		transition: max-height 400ms ease-in, opacity 400ms linear;
		-webkit-backface-visibility: hidden;
		-webkit-perspective: 1000;
		backface-visibility: hidden;
		perspective: 1000;
		-webkit-transform: translateZ(0);
	}

	#header #navigation_mobile ul.menu li.arrow_drop ul.sub li:last-child {
		border-bottom: none;
		margin-bottom: 1em;
	}

	#header #navigation_mobile ul.menu li.arrow_drop:last-child{
		border-bottom: none;
	}


	#header #navigation_mobile ul.menu li ul li a {
		padding-left: 15px;
	}

	#header #navigation_mobile ul.menu li ul li a.active {
		opacity: 0.6;
	}

	#header .header_top__logo, #header .header_top__logo img {
		height: 30px!important;
	}

	#header #navigation_mobile .mobile_collapsible {
		position: absolute;
		right: 10px;
		display: block;
		padding: 16px;
		font-size: 150%;
		cursor: pointer;
	}

	#header .header_top__search_toggle {
		display: block;
		position: absolute;
		top: 7px;
		right: 50px;
	}

	#header #search-block-form .container-inline {
		position: relative;
	}

	#header .header_top__nav_toggle {
		display:block;
		position: absolute;
		top: 4px;
		right: 10px;
		line-height: 40px;
		z-index: 99;
	}

	.visitenkarte #header_top .header_top__nav_toggle {
		display:block;
		position: absolute;
		top: 4px;
		right: 10px;
		line-height: 40px;
		z-index: 99;
		font-size: 250%;
	}

	#header #search-block-form input {
		width: 100% !important;
		text-align: center;
	}

	#header #search-block-form #edit-actions--2 {
		float: none !important;
		display: inline-block;
		position: absolute;
		left: 0;
		top: 3px;
	}

	#header .header_top__search_form {
		position: absolute;
		top: 40px;
		left: 0;
		width: 100%;
		z-index: 98;
		overflow: hidden;
		height: 0px;
		-webkit-transition: height 0.5s;
		transition: height 0.5s;
	}

	#header .header_top__search_form.is-visible {
		height: 54px;
	}
	#header .form-item-search-block-form {
		display: block;
		float: none !important;
		width: 100%;
		margin: 0;
	}

	#header #search-block-form {
		display: block;
		margin: -54px 0 0 0;
		padding: 10px;
		background: #d1d1d1;
		width: 100%;
		-webkit-transition: margin 0.5s;
		transition: margin 0.5s;
	}

	#header .header_top__search_form.is-visible #search-block-form {
		margin: 0;
	}

    /** This turned out to be buggy on bergsteiger.de/archiv where to burger icons appeared. (See #2186)*/

	/*body.content-page .header_top__nav_toggle {
		visibility: visible !important;
	}*/

	.special-page .header-container .outer,
	.content-page .header-container .outer {
		height: auto;
	}

	/*////////// HEADER VISITENKARTE /////////////*/

	.visitenkarte #header #logo {
		left: 0;
		top: 0;
		height: 100% !important;
		width: auto !important;
	}

	.visitenkarte #header #logo img {
		height: 100% !important;
		width: auto !important;
	}


	.visitenkarte #header #header_top {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 99;
	}

	.visitenkarte #navigation_mobile {
		background: #f4f4f4;
	}

	.visitenkarte #header #navigation_mobile ul.menu li a {
		color: #444;
	}

	.toggle_visitenkarte {
		display: block;
		font-size: 30px;
	}

    .abo-service-block .zs-icon-plus {
        right: 15px !important;
    }

}

.zs_theme_header_balken_height .zs_theme_burger_icon_color .zs-icon-bars {
    visibility: visible;
}

.zs_theme_header_balken_height .zs_theme_burger_icon_color .zs-icon-close {
    visibility: visible;
}