/* === XS === */

html,
body {
	font-family: 'Montserrat', sans-serif;
	font-size:   15px;
	line-height: 1.5;
}

body > .canvas {
	max-width: 1920px;
}

main {
	max-width:     1280px !important;
	padding:       80px 24px 48px !important;
	margin-bottom: 0;
}

a,
a:focus {
	outline:        none !important;
	outline-offset: 0;
}

.gmnoprint {
	bottom: auto !important;
}

.has-background:not(.wysiwygeditor_note)::before {
	content:         '';
	width:           100%;
	height:          100%;
	position:        absolute;
	background-size: cover;
	top:             0;
	z-index:         -1;
}

h1, h2, h3, h4, h5, h6 {
	font-weight:     bold;
	margin:          0;
	-ms-hyphens:     manual;
	-moz-hyphens:    manual;
	-webkit-hyphens: manual;
	hyphens:         manual;
}

h1,
.map-group h2 {
	font-size:     20px;
	line-height:   1.25;
	font-weight:   700;
	margin-bottom: 10px;
}

.subpage-grey h1 {
	line-height:   1.2;
	font-weight:   700;
	margin-bottom: 20px;
}

.header-blue h1 {
	line-height:   1.2;
	font-weight:   700;
	margin-bottom: 20px;
}

h2 {
	font-size:     20px;
	font-weight:   700;
	margin-bottom: 1rem;
	line-height:   1.3;
}

h2.area,
a.area.h2-like {
	display:       block;
	font-size:     12px;
	font-weight:   700;
	margin-bottom: 12px;
}

h3 {
	font-size:   20px;
	font-weight: 700;
	line-height: 1.5;
	margin:      12px 0;
}

.posttypelist_news-sm h3,
.posttypelist_news-lg h3 {
	margin:      12px 0 0 0;
	font-size:   18px;
	line-height: 22px;
}

.panel-heading h3 {
	font-size:  20px;
	transition: 400ms ease-out;
}

.collapsed .panel-heading h3 {
	font-size: 18px;
}

.subpage-list h3 {
	margin: 16px 0 12px;
}

.posttypelist_faq h3 {
	font-size: 25px;
}

h4 {
	font-size:     17px;
	line-height:   1.2;
	margin-bottom: 5px;
	margin-top:    0;
	font-weight:   500;
}

body > .canvas > footer h4 {
	font-size: 1.15rem;
	padding:   0;
	margin:    24px 0 0 0;
}

ul, ol {
	padding-left: 14px;
}

.map {
	height: 300px;
}

.pagecreator_wysiwygeditor.margin-bottom-62,
.posttypelist_download-pur {
	margin-bottom: 62px;
}

hr.blue {
	border-top:    2px solid rgb(102, 221, 255);
	width:         100%;
	margin-top:    16px;
	margin-bottom: 36px;

}

.posttypelist_news-lg {
	margin-bottom: 48px;
}

.posttypelist_news-lg p {
	font-size: 15px;
	position:  relative;
}

.posttypelist_news-lg time {
	font-size:   15px;
	font-weight: 700;
}

.posttypelist_news-lg .more-link {
	position: absolute;
	bottom:   -20px;
	right:    0;
}

.posttypelist_news-sm article {
	margin:  0 -12px;
	padding: 12px;
	*width:  calc(100% + 24px);
}

.posttypelist_news-sm article:hover {
	background-color: #f1f1f1;
}

.posttypelist_news-sm p {
	font-size: 12px;
}

.posttypelist_news-sm time {
	font-size:   12px;
	font-weight: 700;
}

.posttypelist_news-sm h3 {
	-moz-hyphens:    auto;
	-ms-hyphens:     auto;
	-webkit-hyphens: auto;
	hyphens:         auto;
}

.posttypelist_news-sm .more-link {
	display: none;
}

.radius-4 img {
	border-radius: 4px;
}

.radius-10 img {
	border-radius: 10px;
}

.text-18 {
	font-size:   18px;
	line-height: 1;
}

.text-lg {
	font-size: 1.8rem;
}

.text-md {
	font-size:   1.15rem;
	line-height: 1.25;
}

.text-normal {
	font-size:   1rem;
	line-height: 1.3;
	margin-top:  2.6rem !important;
}

.text-normal + p {
	margin-top: 0;
}

.text-sm {
	font-size:     12px;
	margin-bottom: 7px;
	font-weight:   300;
	margin-top:    -7px;
}

.text-bold {
	font-weight: 900;
}

.text-italic {
	font-style: italic;
}

.text-sm-right {
	text-align: left;
}

.uppercase {
	text-transform: uppercase;
}

.wide {
	letter-spacing: 0.05rem;
}

.spacing {
	letter-spacing: 1px;
}

.no-flash .flash-only {
	display: none !important;
}

.flex-vertical-center {
	display:             -ms-flexbox;
	display:             -webkit-flex;
	display:             flex;
	-ms-flex-align:      center;
	-webkit-align-items: center;
	-webkit-box-align:   center;
	align-items:         center;
}

.flex-align-right {
	justify-content: flex-end;
	display:         flex;
}

a.goto {
	position:   relative;
	display:    block;
	margin-top: -77px;
	height:     77px;
	visibility: hidden;
	width:      100%;
}

.spacer-bottom-24 {
	margin-bottom: 24px;
}

.spacer-bottom-18 {
	margin-bottom: 18px;
}

.spacer-bottom-12 {
	margin-bottom: 12px;
}

.embed-responsive-48by31 {
	padding-top: 64.65%;
}

.embed-responsive-24by14 {
	padding-bottom: 58.3%;
}

.pagecreator_wysiwygeditor {
	/*margin-bottom: 36px;*/
}

.subpage-list:not(.posttypelist_faq) a {
	display: block;
	height:  100%;
	margin:  -7px;
	padding: 7px 7px 20px 7px;
}

.subpage-list.posttypelist_download-pur a {
	display: inline-block;
	height:  32px;
	margin:  7px -7px 7px;
	padding: 7px 7px 10px 7px;
}

.subpage-list a:hover {
	background: #f1f1f1;
}

.subpage-list .embed-responsive-16by9 {
	padding-bottom: 63.25%;
	border-radius:  6px;
}

.posttypelist_news-lg .embed-responsive-16by9 {
	padding-bottom: 68%;
	border-radius:  6px;
}

.posttypelist_news-sm .embed-responsive-16by9 {
	padding-bottom: 68%;
	border-radius:  4px;
}

.subpage-list .embed-responsive-16by9 img {
	height:            100%;
	width:             auto;
	left:              50%;
	-webkit-transform: translateX(-50%);
	-moz-transform:    translateX(-50%);
	-ms-transform:     translateX(-50%);
	-o-transform:      translateX(-50%);
	transform:         translateX(-50%);
}

.posttypelist_news-lg .embed-responsive-16by9 img,
.posttypelist_news-sm .embed-responsive-16by9 img {
	height:            100%;
	width:             auto;
	left:              0;
	top:               50%;
	-webkit-transform: translateY(-50%);
	-moz-transform:    translateY(-50%);
	-ms-transform:     translateY(-50%);
	-o-transform:      translateY(-50%);
	transform:         translateY(-50%);
}

.subpage-list .description {
	font-size: inherit;
}

.map-group {
	margin: 90px 0;
}

.map-container {
	position: relative;
}

.texteditor_map-image {
	-webkit-justify-content: flex-end !important;
	-ms-flex-pack:           end !important;
	justify-content:         flex-end !important;
	margin-top:              24px;
}

.map-container img {
	*height:   700px;
	height:    auto;
	width:     100%;
	max-width: 520px;
}

.map-pins {
	position: absolute;
	right:    0;
	top:      0;
	width:    100%;
	height:   100%;
}

.map-pins .pin {
	position: absolute;
}

.map-pins .pin::before {
	content:    '';
	position:   relative;
	background: url(../img/pin-dark.svg);
	width:      34px;
	height:     31px;
	display:    block;
	filter:     drop-shadow(1px 4px 3px rgba(0, 0, 0, 0.4));
}

.subpage-grey {
	padding: 24px 0 48px;
}

.subpage-grey::before {
	content:           '';
	position:          absolute;
	width:             100vw;
	height:            100%;
	background-color:  #f7f7f7;
	top:               0;
	left:              50%;
	-webkit-transform: translateX(-50%);
	-moz-transform:    translateX(-50%);
	-ms-transform:     translateX(-50%);
	-o-transform:      translateX(-50%);
	transform:         translateX(-50%);
	z-index:           -1;
}

.header-blue {
	height:  340px;
	padding: 24px 0;
}

.header-blue::before {
	content:           '';
	position:          absolute;
	width:             100vw;
	height:            100%;
	background-color:  rgb(0, 0, 153);
	top:               0;
	left:              50%;
	-webkit-transform: translateX(-50%);
	-moz-transform:    translateX(-50%);
	-ms-transform:     translateX(-50%);
	-o-transform:      translateX(-50%);
	transform:         translateX(-50%);
	z-index:           -1;
}

.subpage-grey p {
	margin: 0;
}

.panel-group {
	margin: 12px 0;
}

.panel-group .panel-heading {
	padding:       30px 0 0;
	border-bottom: 0;
}

.panel-group .panel-heading:focus {
	outline: none;
}

div.panel:not(:first-child) .panel-heading {
	border-top: 2px solid rgb(102, 221, 255) !important;
}

.panel-group a .panel-title::after {
	content:               'schliessen';
	display:               block;
	padding:               12px 2px !important;
	margin:                2px 0 0 0;
	border:                none;
	height:                40px;
	width:                 100px;
	float:                 right;
	-webkit-border-radius: 4px;
	-moz-border-radius:    4px;
	border-radius:         4px;
	font-family:           'Montserrat', sans-serif;
	font-size:             15px;
	line-height:           1 !important;
	font-weight:           500;
	text-align:            center;
}

.panel-group a.collapsed .panel-title::after {
	content:           'ansehen';
	padding:           12px 2px !important;
	-moz-transform:    none;
	-ms-transform:     none;
	-o-transform:      none;
	-webkit-transform: none;
	transform:         none;
	font-family:       'Montserrat', sans-serif;
	font-size:         15px;
	line-height:       1 !important;
	font-weight:       500;
	text-align:        center;
}

.panel-heading .subtitel {
	font-size:   15px;
	font-weight: 500;
	padding:     3px 2px;
	width:       calc(100% - 120px);
	transition:  400ms ease-out;
}

.panel-heading .subtitel {
	font-size:   15px;
	font-weight: 400;
}

.panel-body {
	padding: 12px 0 48px;
}

.panel-body::before {
	content: none;
}

.panel-body .embed-responsive {
	margin-top:    24px;
	margin-bottom: 24px;
}

.panel-body img {
	border-radius: 5px;
}

.xpanel-body .download-item {
	flex-direction: row;
	display:        flex;
	height:         80px;
	border-bottom:  2px solid rgb(213, 213, 213);
	padding:        19px 0;
}

.download-item {
	flex-direction: row;
	display:        flex;
	height:         80px;
	border-bottom:  2px solid rgb(213, 213, 213);
	padding:        22px 0 0;
}

.xpanel-body .download-title {
	padding-left: 24px;
}

.download-title {
	padding-left: 24px;
}

a.panel-download {
	display:       inline-block !important;
	height:        32px !important;
	width:         78px !important;
	padding:       11px 7px;
	margin-right:  24px;
	border-radius: 4px;
	font-size:     12px;
	margin-top:    2px !important;
}

.header-blue {
	margin-bottom: 64px;
}

.header-blue p {
	font-size:   18px;
	line-height: 1.35;
	font-weight: 500;
	hyphens:     none;
}

body.page-beratung-kontakt form {
	margin-bottom: 62px;
}

body.page-beratung-kontakt form > p {
	width:   100%;
	display: inline-block;
}

body.page-beratung-kontakt form > p:not(:first-of-type) {
	margin-left: 0;
}

body.page-beratung-kontakt form > p:last-of-type {
	margin:     0;
	text-align: center;
}

body.page-beratung-kontakt form > p:nth-child(5) {
	margin-left: 0;
	width:       100%;
}

body.page-beratung-kontakt form > p label {
	font-size:   15px;
	font-weight: 500;
	width:       100%;
}

body.page-beratung-kontakt form > p .wpcf7-form-control-wrap {
	width:      100%;
	display:    block;
	margin-top: -36px;
	z-index:    -1;
}

body.page-beratung-kontakt form > p input {
	width:         100%;
	padding:       10px 12px 0 72px;
	border-left:   none;
	border-right:  none;
	border-top:    none;
	border-bottom: 1px solid rgb(213, 213, 213);
	font-size:     20px;
}

body.page-beratung-kontakt form > p textarea {
	width:         100%;
	padding:       40px 0 0 0;
	border-left:   none;
	border-right:  none;
	border-top:    none;
	border-bottom: 1px solid rgb(213, 213, 213);
	font-size:     20px;
	font-weight:   400;
}

body.page-beratung-kontakt form > p input.wpcf7-submit {

	width:         240px;
	height:        40px;
	padding:       6px 0;
	border:        none;
	border-radius: 4px;
	font-size:     20px;
	margin:        0;
	float:         none;
}

body.page-beratung-kontakt form > p .ajax-loader {
	position: absolute;
}

body.page-beratung-kontakt .pagecreator_contact {
	height: 300px;
}

body.page-beratung-kontakt .map {
	position:          absolute;
	width:             100vw;
	max-width:         1920px;
	top:               0;
	left:              50%;
	-webkit-transform: translateX(-50%);
	-moz-transform:    translateX(-50%);
	-ms-transform:     translateX(-50%);
	-o-transform:      translateX(-50%);
	transform:         translateX(-50%);
}

body.page-veranstaltungen .event-form-container {
	margin-top: 62px;
}

body.page-veranstaltungen form {
	width: 87%;
}

body.page-veranstaltungen form > p:nth-of-type(8),
body.page-veranstaltungen form > p:nth-of-type(9),
body.page-veranstaltungen form > p:nth-of-type(10) {
	margin: 7px 0;
}

body.page-veranstaltungen form > p:nth-of-type(8) {
	margin-top: 36px;
}

body.page-veranstaltungen form > p:last-of-type {
	display:    block;
	text-align: center;
	margin-top: 48px;
}

body.page-veranstaltungen form > p label {
	font-size:   15px;
	font-weight: 400;
	width:       100%;
}

body.page-veranstaltungen form > p .wpcf7-form-control-wrap {
	width:      100%;
	display:    block;
	margin-top: -36px;
	z-index:    -1;
}

body.page-veranstaltungen form > p label.text {
	font-size: 18px;
}

body.page-veranstaltungen form > p label.check {
	position: relative;
	z-index:  1;
}

body.page-veranstaltungen form > p label.check .wpcf7-form-control-wrap {
	display:  block;
	width:    auto;
	position: relative;
	right:    0;
	margin:   0;
}

body.page-veranstaltungen form > p label.check .wpcf7-radio input {
	opacity: 0;
}

body.page-veranstaltungen form > p label.check .wpcf7-radio .wpcf7-list-item-label {
	position:    relative;
	margin-left: 9px;
}

body.page-veranstaltungen form > p label.check .wpcf7-radio input + .wpcf7-list-item-label::before {
	content:    '';
	background: url(../img/icon-radio-off.svg);
	width:      20px;
	height:     20px;
	display:    inline-block;
	position:   absolute;
	left:       -25px;
	top:        1px;
	z-index:    -1;
}

body.page-veranstaltungen form > p label.check .wpcf7-radio input:checked + .wpcf7-list-item-label::before {
	content:    '';
	background: url(../img/icon-radio-on.svg);
	width:      20px;
	height:     20px;
	display:    inline-block;
	position:   absolute;
	left:       -25px;
	top:        1px;
	z-index:    -1;
}

body.page-veranstaltungen form > p label.check .wpcf7-radio input {
	width: auto;
}

body.page-veranstaltungen form > p input {
	width:         100%;
	padding:       10px 12px 0 100px;
	border-left:   none;
	border-right:  none;
	border-top:    none;
	border-bottom: 1px solid rgb(213, 213, 213);
	font-size:     16px;
	color:         #000;
}

body.page-veranstaltungen form > p input.wpcf7-submit {
	width:         260px;
	height:        40px;
	padding:       6px 0;
	border:        none;
	border-radius: 4px;
	font-size:     20px;
	margin:        0 0 -5px 0;
}

body.blog article {
	margin-bottom: 24px;
}

body.blog .archive-small {
	margin-top:  48px;
	padding-top: 48px;
	border-top:  2px solid rgb(213, 213, 213);
}

body.single .single-news {
	margin: 48px 0 62px;
}

.posttypelist_faq {
	margin: 62px 0;
}

.posttypelist_faq .faq-item:not(:last-of-type) {
	margin-bottom:  32px;
	padding-bottom: 12px;
	border-bottom:  2px solid rgb(213, 213, 213);
}

.event-map {
	height:     360px;
	margin-top: 48px;
}

.ms-skin-default .ms-nav-next {
	position: absolute;
	right:    calc(1px - 50vw + 50% - 1px);
	width:    86px;
	height:   86px;
}

.ms-skin-default .ms-nav-next::before {
	content:          '';
	display:          block;
	background-image: url(../img/icon-arrow-right.svg);
	background-size:  cover;
	width:            86px;
	height:           86px;
}

.ms-skin-default .ms-nav-prev {
	position: absolute;
	left:     calc(1px - 50vw + 50% - 1px);
	width:    86px;
	height:   86px;
}

.ms-skin-default .ms-nav-prev::before {
	content:          '';
	display:          block;
	background-image: url(../img/icon-arrow-left.svg);
	background-size:  cover;
	width:            86px;
	height:           86px;
}

body.page-child .panel .embed-responsive {
	border-radius: 5px;
}

body.page-child .panel .embed-responsive .embed-responsive-item {
	height:        auto !important;
	border-radius: 0;
}

.pin.port {
	cursor:  pointer;
	z-index: 1;
	width:   42px;
}

.project-select {
	display:       none;
	position:      absolute;
	width:         200px;
	left:          calc(0px - 100px + 21px);
	text-align:    center;
	margin-top:    7px;
	padding:       14px;
	border-radius: 7px;
	box-shadow:    0 6px 6px rgba(0, 0, 0, .175);
}

.project-select header {
	display:       block;
	color:         #39c;
	padding:       0 4px;
	margin-bottom: 5px;
	border-bottom: 1px solid #39c;
}

.project-select ul {
	list-style-type: none;
	margin:          0;
	padding:         0;
}

.project-select li {
	list-style-type: none;
	margin:          0;
	padding:         2px 0;
}

body.page-beratung-kontakt form.wpcf7-form > div.wpcf7-form-control-wrap {
	display:  inline-block;
	position: absolute;
	right:    0;
	top:      138px;
	width:    308px;
}

/* === SM === */

@media screen and (min-width: 500px) {

	main {
		width:   100%;
		padding: 160px 24px 48px !important;
	}

	.header-blue {
		padding: 56px 0;
	}

	.subpage-grey h1 {
		font-size: 30px;
	}

	.header-blue h1 {
		font-size: 25px;
	}

	h2.area,
	a.area.h2-like {
		margin-bottom: 48px;
	}

	.panel-heading h3 {
		font-size:  30px;
		transition: 400ms ease-out;
	}

	.collapsed .panel-heading h3 {
		font-size: 20px;
	}

	.panel-heading .subtitel {
		font-size:   20px;
		font-weight: 500;
	}

	.panel-heading .subtitel {
		font-size: 18px;
	}

	.text-sm-right {
		text-align: right;
	}

	body.page-veranstaltungen form > p label.check .wpcf7-form-control-wrap {
		display:  inline-block;
		width:    auto;
		position: absolute;
		right:    0;
		margin:   0;
	}

	a.panel-download {
		padding:   11px 7px;
		font-size: 12px;
	}

}

/* === MD === */

@media screen and (min-width: 800px) {

	html,
	body {
		font-size: 15px;
	}

	main {
		padding: 160px 40px 120px !important;
	}

	.map {
		height: 500px;
	}

	h1,
	.map-group h2 {
		font-size:     40px;
		line-height:   1.2;
		font-weight:   700;
		margin-bottom: 0;
	}

	h2 {
		font-size:     30px;
		margin-bottom: 1rem;
		line-height:   1.5;
	}

	.header-blue h1 {
		font-size: 30px;
	}

	h3 {
		font-size:   28px;
		line-height: 1.1;
		margin:      0;
	}

	.panel-heading h3 {
		font-size:  35px;
		transition: 400ms ease-out;
	}

	.collapsed .panel-heading h3 {
		font-size: 25px;
	}

	h4 {
		font-size: 25px;
	}

	ul, ol {
		padding-left: 24px;
	}

	.panel-group .panel-heading {
		padding: 30px 0 20px;
	}

	.panel-heading .subtitel {
		font-size:   25px;
		font-weight: 500;
	}

	.panel-heading .subtitel {
		font-size: 20px;
	}

	.header-blue::before {
		content: '';
		left:    67.2%;
	}

	.header-blue p {
		font-size:   20px;
		line-height: 1.35;
	}

	.posttypelist_news-sm {
		margin-bottom: 48px;
	}

	.posttypelist_news-sm article {
		margin:  -7px;
		padding: 7px 7px 20px 7px;
		*width:  100%;
	}

	.posttypelist_news-lg h3 {
		margin:      0;
		font-size:   28px;
		line-height: 1.1;
	}

	.texteditor_map-image {
		margin-top: 0;
	}

	.map-pins .pin::before {
		content: '';
		width:   42px;
		height:  37px;
	}

	body.page-beratung-kontakt form > p {
		width:   calc(33% - 16px);
		display: inline-block;
	}

	body.page-beratung-kontakt form > p:not(:first-of-type) {
		margin-left: 20px;
	}

	body.page-beratung-kontakt form > p:nth-child(5) {
		width:       calc(66% - 2px);
		margin-left: 0 !important;
	}

	body.page-beratung-kontakt form > p textarea {
		padding: 10px 12px 0 112px;
	}

	body.page-beratung-kontakt form > p input.wpcf7-submit {
		margin: 0 0 -5px 0;
		float:  right;
	}

	body.page-beratung-kontakt form > p:last-of-type {
		margin:     0 0 0 20px;
		text-align: right;
	}

	body.page-beratung-kontakt .pagecreator_contact {
		height: 500px;
	}

	.subpage-grey {
		min-height: 260px;
		padding:    48px 0;
	}

	.panel-body {
		padding: 12px 0 120px;
	}

}

/* === LG === */

@media screen and (min-width: 1100px) {

	.header-blue::before {
		content: '';
		left:    87%;
	}

	.header-blue p {
		font-size:   23px;
		line-height: 1.35;
	}

	.event-map {
		height:     inherit;
		margin-top: 0;
	}

	.subpage-grey {
		min-height: 360px;
		padding:    56px 0;
	}

	body.home .col-lg-auto {
		-ms-flex-preferred-size: calc(20% - 21px);
	}
	
	body.home .posttypelist_page-list {
		width: calc(100% + 24px);
		margin-left: -12px;
		margin-right: -12px;
	}
	
	body.home .posttypelist_page-list hr {
		margin-left: 12px;
		margin-right: 12px;
	}

	body.home .posttypelist_page-list > article {
		min-width: 25%;
		margin-left: 12px !important;
		margin-right: 12px !important;
	}

	body.home .posttypelist_page-list > article:first-of-type {
		/*margin-left: 0 !important;*/
	}

}

body.home .posttypelist_page-list > article .headline__wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-flow: row-reverse;
          flex-flow: row-reverse;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

body.home .posttypelist_page-list > article .embed-responsive-1by1 {
	position: relative;
	top: 0;
	height: 36px;
	padding: 0;
	width: 36px;
	margin: 12px 10px 8px 0;
}
body.home .posttypelist_page-list > article .embed-responsive-1by1 svg,
body.home .posttypelist_page-list > article .embed-responsive-1by1 img {
	position: absolute;
	height: 100%;
	left: 0;
	transform: none;
	background-color: rgb(0, 0, 153);
}

body.home .posttypelist_page-list > article .embed-responsive-1by1 svg [fill] {
	fill: #fff;
}

/*
 * === SPECIAL ==
 */

@media screen and (min-width: 300px) and (max-width: 350px) {

	a.panel-download {
		padding:   13px 7px;
		font-size: 10px;
	}

}

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

	body.page-beratung-kontakt form.wpcf7-form > div.wpcf7-form-control-wrap {
		display:  inline-block;
		position: relative;
		right:    unset;
		top:      unset;
		width:    48%;
	}

	body.page-beratung-kontakt form > p:last-of-type {
		width:      48%;
		top:        -2rem;
		position:   relative;
		text-align: right;
	}
}

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

	body.page-beratung-kontakt form > p:last-of-type {
		display: block;
		top:     0;
	}
}

.panel-collapse {
	clear: both;
}

.panel-icon {
	width: 38px;
	display: inline-block;
	vertical-align: middle;
	background: rgb(0, 0, 153);
	margin: -5px 0 0 5px;
}

.panel-icon img {
	padding-right: 0;
	width: 100% !important;
	-o-object-fit: contain;
	   object-fit: contain;
	-o-object-position: top left;
	   object-position: top left;
	-webkit-filter: invert(1) brightness(500%);
	        filter: invert(1) brightness(500%);
}