/* @override 

	https://2025.hiebler-gmbh.com/templates/hiebler/css/user.css?* */



/* chakra-petch-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Chakra Petch';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/chakra-petch-v11-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/chakra-petch-v11-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* chakra-petch-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Chakra Petch';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/chakra-petch-v11-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/chakra-petch-v11-latin-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* chakra-petch-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Chakra Petch';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/chakra-petch-v11-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/chakra-petch-v11-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* lexend-deca-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lexend Deca';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lexend-deca-v21-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/lexend-deca-v21-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* lexend-deca-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lexend Deca';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/lexend-deca-v21-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/lexend-deca-v21-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* Font Awesome */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'FontAwesome';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/fontawesome-webfont.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/fontawesome-webfont.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

html, body {
	font: 16px "Lexend Deca", Lucida, Verdana, sans-serif;
	font-weight: 400;
	line-height: 150%;
	color: #fff;
	background-color: #4E88AB;
	background-color: #4E88AB;

}

body {
	height: auto;
	accent-color: red;
}
/* set image max width to 100% */
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

#push {
	height: 0px;
}

#main:after, .menunav::after, #fullwidth .moduletable::after, .page-content > div::after, #navigation::after, #footer .adresse::after, .items-row::after, #footer .item::after {	
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
#wrap {
	margin: 0;
	padding: 0;
}
#main {
	padding-bottom: 0px;
}
section {
	padding-top: 120px;
	overflow: hidden;
}
#main-box {
	background: none;
}
h1, h2, h3, h4, h5, h6 {
	color: #fff;
	font-weight: 400;
	margin-top: 0;
	margin-bottom: 20px;
	color: #fff;
	padding: 0;
	font-family: "Chakra Petch", Lucida, Verdana, sans-serif;
	hyphens: auto;
	hyphenate-limit-chars: auto 3;
	hyphenate-limit-lines: 4;
}
h1 {
	font-size: 3.5em;
	font-weight: 600;
}
h2 {
	font-size: 38px;
	font-weight: 600;
}
h3 {
	font-size: 27px;
	font-weight: bold;
}
h4 {
	font-size: 22px;
	font-weight: bold;
}
a {
	color: #d7e5ee;
}
a:focus, a:hover {
	color: #fff;
}
a:active, a:focus, a:focus-within{
    outline: none;
}
input::-moz-focus-inner { 
  border: 0; 
}
p {
	padding-top: 0;
	word-wrap: break-word;
	hyphens: auto; 
}
ol, ul, p {
	padding-bottom: 20px;
}
#main-box a{
	text-decoration: underline;
}
a.btn {
	display: inline-block;
	padding: 6px 30px 5px;
	margin-bottom: 0;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background: none;
	border: 0px solid #4C88AB;
	border-radius: 0px;
	font-variant: normal;
	line-height: 1.2em;
	font-size: 16px;
	color: #4C88AB;
	font-weight: bold;
}

a.btn:hover, .btn-primary:hover {
	color: #fff;
	background-color: none;
	
}
.btn .icon-chevron-right {
	display: none;
	visibility: hidden;
}
.btn-primary {
	background-color: #214154;
	border-color: #214154;
}

@media (max-width: 767px) { 
	h2 {
		font-size: 30px;
	}
	h3 {
		font-size: 22px;
	}
	h4 {
		font-size: 20px;
	}
}

/* Navigation */

header#site-header.headroom {
	position: fixed;
	width: 100%;
	z-index: 200;
	padding-top: 0;
	padding-bottom: 0;
	height: 120px;
	transition: all 300ms ease-in-out 0s;
	top: 0;
	background-color: #4C88AB;
	box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
}

#top .container {
	height: 120px;	
	display: grid;
	grid-template-columns: 360px 1fr 130px;
	grid-template-rows: auto;
	background-color: #fff;
	max-width: 1400px;
	align-items: stretch;
	margin-right: auto;
	margin-left: auto;
	padding-right: 0;
	padding-left: 0;
}

#top, .navigation, #top .logo, #top.affix .logo img {	
	transition: all 400ms;
}

#top p {
	display: inline-block;
	padding: 0;
	margin: 0;
}
#top .logo {
	padding-left: 0px;
	padding-top: 0px;
	transition: all 400ms;
	display: flex;
	align-items: center;
	justify-content: center;
	
}
#top .logo .custom {width: 100%;}
#top .logo img {
	width: 340px;
	padding-left: 12%;
}
#top .navigation {
	padding-top: 0;
	margin-top: 0;
	display: flex;
	align-content: stretch;
	justify-content: flex-end;
}
#top .blue {
	background: url(../images/hgsuche.svg) left top no-repeat;
	background-size: auto 100%;
	color: #fff;
}
#top ul.nav {
	float: right;
	margin: 0;
	padding: 15px 12px 0 0;
}

#top ul.nav li {
	display: inline-block;
}
#top ul.nav li a {
	padding: 6px 8px 0;
}
#top ul.nav li a:hover {
	background: none;
}

#top .language {
	font-size: 17px;
	padding-right: 7px;
	line-height: auto;
	text-align: right;
	width: 100px;
	display: flex;
	flex-direction: column;
	padding-top: 6px;
}

#top .language  div.mod-languages li {
	padding: 0 3px;
	display: inline-block;
	margin: 0;
}
#top div.mod-languages ul li.lang-active {
	background: none;
}
#top div.mod-languages ul li.lang-active a {
	text-decoration: underline;
	color: #fff;
	text-underline-offset: 0.2em; 
text-decoration-thickness:3px;
}
#top .language  div.mod-languages li a {
	padding: 0;
	margin: 0;
	line-height: auto;
	display: inline-block;
	
}
.suche img {
	width: 30px;
}
.dj-offcanvas-modules div.mod-languages li a {
	background-color: rgba(255, 255, 255, 0.72);
}
.dj-offcanvas-modules div.mod-languages ul li.lang-active a{
		color: #fff;

}

header#site-header.headroom.headroom--pinned {
	transition: all 300ms ease-in-out 0s;
}

header#site-header.headroom.headroom--pinned {
	transition: all 300ms ease-in-out 0s;
}
header#site-header.headroom.headroom--unpinned {
    top: -120px;
	transition: all 300ms ease-in-out 0s;
}
header#site-header.headroom.headroom--not-top {
	transition: all 300ms ease-in-out 0s;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}

header#site-header.headroom.headroom--not-top.headroom--pinned {

}

header#site-header.headroom.headroom--pinned, header#site-header.headroom.headroom--unpinned, #top.top, #top .titel img,  #top.affix img, #top img, .navigation, .top.affix .logo {
	transition: all 300ms ease-in-out 0s;
}


@media (max-width: 990px) {
	section {
		padding-top: 60px;
	}
	header#site-header.headroom {
		position: fixed!important;
		height: 60px;
		background-size: auto 4px;
		background-size: auto 50px;
	}

	#top .language   {
		display: none;
		visibility: hidden;
	}
	.blue {
		display: none;
		visibility: hidden;
	}
	#top .container {
		height: 60px;	
		display: grid;
		grid-template-columns: 1fr 150px;
		align-content: center;
	}
	#top .logo img {
		width: 200px;
		padding-left: 10px;

	}
	#top .navigation {
		padding-top: 9px;
	}
}




/* Bannerbilder */
#fullwidth {
	margin-top: 0;
	z-index: 1;
	position: relative;
	background-color: #2D2D2D;
}
#fullwidth .block {
	padding-right: 0;
	padding-left: 0;
	margin-right: 0;
	margin-left: 0;
}
#fullwidth .moduletable {
	padding: 0;
	margin: 0;
	width: 100%;
	max-width: 1800px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

#fullwidth .custom {width:100%; max-width:1800px; margin:auto; display:block; position: relative; } 

#backgroundvideo{width:100%; height:auto } /* This has been changed */

#fullwidth .custom .content { position: absolute; top: 0; left: 0;
	display: flex;
	flex-direction: row; 
	justify-content: flex-start;
	align-items: center; 
	width: 100%;
	height: 100%;
	background: url(../images/flaeche-banner.svg) no-repeat;
	background-position: 20% -40px;
}
#fullwidth .custom .content a {text-decoration: none;
}
#fullwidth .custom .content .text {
	margin-left: 20%;
	padding-bottom: 30px;
}
#fullwidth .custom h1, #fullwidth .custom p, #fullwidth .custom a {
	color: #fff;
}
#fullwidth .custom h1, #fullwidth .custom p {
	padding-bottom: 0;
	margin-bottom: 0;
}
#fullwidth .custom p {font-size: 1.5em; line-height: 1.2em;
padding-bottom: 7px;
}
@media (max-width: 767px) { 
	
	#backgroundvideo{width:180%; height:auto } /* This has been changed */
	#fullwidth .custom .content {
		background-position: 0 -12px;
	}
	#fullwidth .custom .content .text {
		margin-left: 10px;
		padding-bottom: 30px;
	}
	#fullwidth .custom h1 {
		font-size: 2em;
	}
		
}

/* Startseitenelemente */
#showcase {
	text-align: center;
	padding-top: 20px;
	padding-bottom: 40px;
}
#feature {
	background-color: #4C88AB;
	color: #fff;
	text-align: center;
	padding-top: 40px;
	padding-bottom: 40px;
	font-size: 1.4em;
}
#feature2 {
	background-color: #2D2D2D;
	color: #fff;
	padding-top: 40px;
	padding-bottom: 40px;
}
.dreierbox {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	align-items: stretch;
	grid-gap: 2em;
	padding-right: 40px;
	padding-left: 40px;
}
.dreierbox h3 {
	font-size: 1.9em;
}
.dreierbox .element {
	background-color: #2d2d2d;
	padding: 30px;
}
.dreierbox .element2 h3 {color: #fff;}
.dreierbox .element2 p {color: #4C88AB;}
.dreierbox .element3 h3 {color: #fff;}
.dreierbox .element3 p {color: #fff;}
#showcase p, .dreierbox .element p {
	text-align: center;
	padding: 0;
}
/* Newsmodul */
#news {
	background-color: #4C88AB;
	padding-top: 40px;
	padding-bottom: 40px;
	padding-right: 0;
	border-bottom: 10px solid #487895;
}

.newsflash {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	align-items: start;
	grid-gap: 2em;
	color: #fff;
}
.mod-articlesnews__item {
	display: grid;
	grid-template-columns: 1fr;
}
.newsflash-image {
	background: url(../images/ecke.svg) right bottom no-repeat;
	background-size: 40px;
	padding-left: 0px;
	padding-bottom: 12px;
	padding-right: 12px;
	margin-bottom: 0;
	grid-area: 1 / 1 / 2 /2
}
.newsflash h3 {
	margin-bottom: 5px;
	padding-top: 15px;
}
.newsflash h3, .newsflash h3 a {color: #000; text-decoration: none;
}
.newsflash  p {
	padding-bottom: 10px;
}
.newsflash .readmore a.btn {
	background: none;
	padding: 0;
	font-weight: normal;
	font-style: normal;
	color: #fff;
	text-decoration: none;
	margin: 0;
	border-bottom: 1px solid #fff;
	
}
.newsflash a.btn:hover, .newsflash a.btn:active {
	color: #fff;
	background: none;
	border: none;
	text-decoration: underline;
	padding: 0;
	margin: 0;
}
.block1 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: stretch;
	grid-gap: 3em;
	padding: 50px 40px;
	background-color: #214154;
}
.block1 .bild {
	grid-area: 1 / 2 / 3 /4
}
.block1 .button {
	padding: 30px;
	background-color: #4b88ab;
	color: #fff;
	display: flex;
	align-items: center;
	font-size: 24px;
}
.block1 .button a {
	color: #fff;
	text-decoration: none;
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.block1 .button3 {
	background: none;
	border: 1px solid #4b88ab;
	margin-top: 30px;
	margin-bottom: 30px;
}
.block1 .button3 a {
	color: #D4EFFF;
	justify-content: center;
	font-weight: bold;
}
.block1 .button img, .block2 .button img {
	width: 15px;
	margin-left: 10px;
}
.block1 .textblock {
	grid-column: span 2;
	text-align: center;
	color: #4C88AB;
	font-size: 26px;
	padding-right: 15%;
	padding-left: 15%;
	line-height: 1.2em;
}
.block2 {
	margin-top: 40px;
	display: grid;
	grid-template-columns: 1fr 40%;
	align-items: stretch;
	font-weight: bold;
	font-size: 1.5em;
	line-height: 1.3em;
	align-content: center;
 }

.block2 .textblock {
	background-color: #4b88ab;
	padding: 50px 40px;
}
.block2 .textblock p {
	padding: 0;
}
.block2 .textblock a {
	color: #E8E235;
	text-decoration: none;
}
.block2 .textblock a:hover { 
	text-decoration: underline;
}
.block2 .textblock2 {
	background-color: #214154;
	padding: 40px;
	display: flex;
	justify-content: center;
	align-content: center;
}
.block2 .button {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-direction: column;
}
.block2 .button a {
	display: block;
	color: #fff;
	text-decoration: none;
}
.block2 .textblock2 .button3 > span {
	font-size: 0.6em;
	font-weight: normal;
	font-style: normal;
}


.block2 .abstand {
	max-width: 300px;
	margin-left: auto;
	margin-right: auto;
}
@media (max-width: 767px) { 
	.dreierbox, .newsflash {
		display: grid;
		grid-template-columns: 1fr; 
	}
	.block1, .block2 {
		grid-template-columns: 1fr;
	}
	.block1 .bild {
		grid-area: auto;
	}
	.block1 .textblock {
		grid-column: span 1;
		padding-left: 0;
		padding-right: 0;
	}
}

/* Inhalte */

#main-box {
	padding-right: 40px;
	padding-left: 40px;
	padding-top: 0;

}
@media (max-width: 767px) {
	#main-box {
		padding-right: 10px;
		padding-left: 10px;
	}
 }
.item-page, .blog {
	margin-top: 0px;

}
.page-header, .module-title, .box.ueberschrift {
	border: none;
	margin-top: 0;
	margin-bottom: 0;
	background-color: #2D2D2D;
	text-align: center;
}
.item-page > .page-header, .search > .page-header, .blog > .page-header, .weit, #leistungen #content-bottom {
    position: relative;
	margin-left: -9999rem!important;
	margin-right: -9999rem!important;
	margin-bottom: 40px;
    padding: 0px 9999rem 0 !important;
    width: auto;
	
}
.box.weit:last-of-type {
	margin-bottom: 0!important;
}
.box.weit:first-of-type {
	margin-bottom: 0px!important;
}
.page-header h1, .page-header h2, .module-title h3, .contact-category h2  {
	color: #4C88AB;
	font-size: 36px;
	display: inline-block;
	padding-top: 0;
	padding-bottom: 0;
	margin: 0;
	font-weight: bold;
	text-align: center;
}
.page-header h1 {font-size: 40px;
	padding-top: 30px;
	padding-bottom: 40px;
}
.item-page > .page-header:nth-child(odd) {
	background: none;
	color: #fff;
	margin: 0!important;
	padding: 0 0 30px !important;
}
.item-page > .page-header:nth-child(odd) h2  {
	background: none;
	color: #fff;
}

@media (max-width: 767px) { 
	.page-header h1, .page-header h2, .module-title h3, .contact-category h2  {
		font-size: 24px;
	}
	.item-page, .blog {
		margin-top: 0px;
		padding-right: 20px;
	}
	#main {
		padding-top: 0;
		padding-right: 0;
		padding-left: 0;
	}
	#main-box {
		padding: 0;
	}
}



/* Newsbeitrag */
.items-row {
	clear: both;
	padding-bottom: 40px;
}
.blog .category-desc p {
	text-align: center;
}
.blog .item {
	padding-bottom: 12px;
	margin-bottom: 25px;
}
.blog .item-content .page-header {
	background: none;
	border-bottom: none;
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 0;
	margin-bottom: 10px;
	background: none!important;
	text-align: left;
}
.blog .item-content .page-header h2 {
	font-size: 28px;
	padding-right: 0;
	padding-left: 0;
	text-align: left;
}

.blog-featured .textcontent, .blog .textcontent  {
}

#main-box .blog-featured .item-title a, #main-box .blog .page-header a, #main-box  .btn {
	text-decoration: none;
}

p.readmore {
	padding-bottom: 0;
}
.item-page .item-image {
	width: 100%;
	margin-bottom: 0px;
}
.column-1 {
	padding: 0;
}
#main-box h2.item-title a, #main-box .blog .page-header h2 a {
	text-decoration: none;
	color: #000;
	font-size: 1em;
	font-weight: bold;
}
.blog-item {
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: center;
	grid-gap: 3em;
}
p.readmore {text-align: left;
}
p.readmore a.btn{
	background-color: #fff;
}
@media (max-width: 990px) { 

}
@media (max-width: 767px) { 
	.blog-item {
		display: grid;
		grid-template-columns:  1fr;
		align-items: center;
		grid-gap: 0em;
		margin-bottom: 40px;
	}
}


.item-page .item-image {
	padding-bottom: 20px;
}
.item-page .pull-right {
	float: right;
	width: 50%;
}
.item-page .pull-right img {
	padding-left: 20px;
}

#content-bottom .moduletable {
	padding-left: 15px;
	padding-right: 15px;
}
#main-box .item-page .moduletable {
	padding: 0;
}
#showcase {
	z-index: 1;
	position: relative;
	background-color: #2D2D2D;
	color: #fff;
	overflow: hidden;

}
#showcase .block {
	margin-right: 0;
	margin-left: 0;
	padding-right: 0;
	padding-left: 0;
	display: grid;
	position: relative;
	grid-template-columns: 1fr 1fr;
}

#showcase .moduletable {
	padding-right: 35px;
	padding-bottom: 0;
	padding-left: 40px;
	margin-bottom: 0;
}

@media (max-width: 767px) { 
 	#showcase .moduletable {
 		padding-right: 0px;
 		padding-bottom: 0;
 		padding-left: 0px;
 		margin-bottom: 0;
 	}
 }
 



@media (max-width: 990px) { 

	.bereiche .element {
		width: 100%;
		float: left;
		
		margin-bottom: 7px;
	}
	.bereiche .element1 .abstand {
		margin-left: 20px;
		margin-right: 20px;
	}
	
	.bereiche .element3 .abstand {
		margin-right: 20px;
		margin-left: 20px;
	}
}


/* Inhaltsblöcke*/
#bottom  {
	margin-bottom: 0;
	background-color: #DBDBDB;
	text-align: center;
	padding: 50px 50px 20px;
	border-bottom: 2px solid #fff;
}
#bottom p { font-size: 1.2em ;
}
#bottom p img {
	padding-left: 0;
	margin-left: 10px;
}
#bottom p a {text-decoration: none;
	color: #000;
}
#bottom h3 {
	color: #4e88ab;
}
/* Slider */
.panel-heading {
	font-weight: bold;
	padding-bottom: 5px;
	padding-top: 5px;
	font-size: 18px;
}
#main-box .panel-heading a {
	text-decoration: none;
}
.accordion-heading .accordion-toggle {
	padding-left: 0;
}
.accordion-group.active .panel-heading {
	background-color: #f5f5f5;
}
h3.rl_sliders-title {
	display: none;
	visibility: hidden;
}



/* Fussleiste*/
#footer {
	border: 0;
	padding-bottom: 30px;
	text-align: center;
	padding-top: 30px;
	margin-top: 0;
	color: #fff;
	font-size: 1em;
	background-color: #3B3A36;
}
#footer .container {
	padding: 20px 20px 0;
	margin-bottom: 0;
	margin-right: auto;
	margin-left: auto;
}
#footer .moduletable {
	background: none;
	padding-top: 0;
	margin-top: 0;
	padding-bottom: 30px;
}
#footer .moduletable.servicenav {
	border-top: 1px solid #4e88ab;
	padding-top: 10px;
}
#footer p {
	padding-bottom: 5px;
	text-align: center;
}

#footer a {
	color: #e0e0e0;
}

#footer .logo img { 
	width: 190px;
}
#footer ul {
	display: block;
	text-align: center;
	margin: 0;
}
#footer ul li::before {
	display: none;
}
#footer  ul li {
	display: inline-block;
	padding: 5px 10px;
	margin: 0;
}
#footer  ul li img{
	width: 25px;
}
#footer .servicenav .nav>li>a:hover {
	background: none;
	color: #4C88AB;
}
#footer .buttons li a {
	border: 2px solid #4b88ab;
	padding: 10px;
	font-size: 1.1em;
	color: #fff;
	display: inline-block;
}
@media (max-width: 1200px) {


}

/* Zurück nach oben */


.back-to-top-link {
	position: fixed;
	bottom: 20px;
	width: 40px;
	height: 40px;
	border-radius: 20px;
	right: 20px;
	border-color: #4e88ab;
	color: #4e88ab;
	font-size: 18px;
	line-height: 0.8em;
	display: flex;
	text-decoration: none!important;
	justify-content: center;
	align-items: center;
	z-index: 1000;
	background-color: #fff;
	border-width: 2px;
}
.back-to-top-link:focus, .back-to-top-link:hover {
	background-color: #4e88ab;
	color: #fff!important;
}

#quicklinks {
	position: fixed;
	display: block;
	text-decoration: none;
	color: #fff;
	font-size: 16px;
	width: 260px;
	height: 100px;
	padding: 0;
	text-align: center;
	line-height: 1.2em;
	z-index: 500;
	top: 20em;
	transition: all 300ms ease-in-out 0s;
	right: -130px;
	background-color: #E8E235;
	opacity: 1;
	border-radius: 15px;
	overflow: hidden;
		transform: rotate(-90deg);
	box-shadow: rgba(9, 7, 7, 0.3) 0px 0px 10px 0px inset;

}
#quicklinks .custom {
	width: 100%;
	text-align: center;
	font-weight: bold;
	padding: 10px;
	font-size: 1.3em;
}
#quicklinks .custom p {
	text-align: center;
}
#quicklinks .custom p a {
	text-decoration: none;
	color: #214053;
}
#quicklinks.visible {	
	transition: opacity 300ms ease-in-out 0s;
	transition: all 300ms ease-in-out 0s;
	opacity: 1;
	right: -130px;

}

@media (max-width: 700px) { 
	#quicklinks {
		height: 76px;
		width: 240px;
	}
	#quicklinks .custom {
		font-size: 1.1em;
		padding: 4px;
	}
	#quicklinks, #quicklinks.visible  {
		top: 20em;

	}
}

/* Content */


.grid {
	display: grid; 
	grid-gap:2em; 
	grid-template-columns: 1fr 1fr;
	align-items: stretch;}

.grid .element.weit {grid-column: span 2;}

.grid.leistungen {
	align-items: center;
}
#leistungen .einspaltig {
	padding-top: 30px;
	padding-bottom: 20px;
}

@media (max-width: 767px) { 
	.grid {
		grid-template-columns:  1fr;
	}
	.grid.leistungen {
		align-items: center;
		padding-bottom: 30px;
		padding-top: 30px;
		grid-gap: 0px;
	}
}
.uberschrift h1 {
	color: #4e88ab;
}
.uberschrift h2 {
	color: #ffffff;
}
.com-content-article__body ul {
	padding-left: 0;
	margin-left: 20px;
}
.com-content-article__body ul li {
  text-align: left;
  padding-bottom: 8px;
  padding-left: 24px;
  margin-left: 0;
}
.com-content-article__body ul li::before {
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-color: #fff;
  float: left;
  margin-top: 7px;
  margin-left: -15px;
}

.grid.kontakt {
	margin-top: -40px;
}
.grid.kontakt .element {
	padding: 0;
}
.grid.kontakt iframe {
	height: 100%;
}
.grid.kontakt .element:first-of-type {
	padding-top: 30px;
	padding-bottom: 20px;
}
@media (max-width: 767px) {
	.grid.kontakt {
		margin-top: -40px;
		padding-bottom: 0;
	}	
	.grid.kontakt iframe {
		height: 500px;
		
	}
	.grid.kontakt .element:first-of-type {
		padding-top: 30px;
		padding-bottom: 0px;
	}
}


/* Formular */

.formular {
	max-width: 600px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 40px;
	padding-bottom: 40px;
}
.btn-success {
    background-color: #214154;
    border-color: #214154;
    color:#fff
}

a.btn:hover, .btn-primary:hover {
	color: #4C88AB;
	background-color: #fff;
}
.btn-warning {
    background-color: #94a9b4;
    border-color: #94a9b4;
    color:#fff
}
.btn-check:focus+.btn-warning, .btn-warning:focus, .btn-warning:hover {
	background-color: #fff;
	border-color: #94a9b4;
	color: #94a9b4;
}
.btn-check:focus + .btn-success, .btn-success:focus, .btn-success:hover {
    background-color: #fff;
    border-color: #4C88AB;
    color:#4C88AB
}
.form-check-input {background-color: #fff;
}
.form-check-input:checked[type=radio], .form-check-input:checked[type=checkbox] {
    background-color: #4b88ab;
}
.formControls button {
	margin-right: 15px;
}

/* Suche */
.search {
	padding-bottom: 40px;
}
#search-results {
	padding-bottom: 40px;
}
.mark, mark {
	background-color: #7ca6c0;
	color: #fff;
}
.result__title-url {
	color: #fff;
}

a.btn:hover .icon-white, .btn-primary:hover .icon-white {
    color: #4e88ab
}