/* cms4.disein.it

Dekofarbe (green): #053f67;
Textfarbe (grey): #596469;

*/

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v26-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v26-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v26-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v26-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v26-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v26-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v26-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v26-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v26-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v26-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v26-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v26-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* pt-sans-regular - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/images/fonts/pt-sans-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/images/fonts/pt-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/images/fonts/pt-sans-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/images/fonts/pt-sans-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/images/fonts/pt-sans-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/images/fonts/pt-sans-v17-latin-regular.svg#PTSans') format('svg'); /* Legacy iOS */
}

/* pt-sans-italic - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: italic;
  font-weight: 400;
  src: url('/images/fonts/pt-sans-v17-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/images/fonts/pt-sans-v17-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/images/fonts/pt-sans-v17-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/images/fonts/pt-sans-v17-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('/images/fonts/pt-sans-v17-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/images/fonts/pt-sans-v17-latin-italic.svg#PTSans') format('svg'); /* Legacy iOS */
}

/* pt-sans-700 - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  src: url('/images/fonts/pt-sans-v17-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/images/fonts/pt-sans-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/images/fonts/pt-sans-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/images/fonts/pt-sans-v17-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/images/fonts/pt-sans-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/images/fonts/pt-sans-v17-latin-700.svg#PTSans') format('svg'); /* Legacy iOS */
}

/* pt-sans-700italic - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: italic;
  font-weight: 700;
  src: url('/images/fonts/pt-sans-v17-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/images/fonts/pt-sans-v17-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/images/fonts/pt-sans-v17-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/images/fonts/pt-sans-v17-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('/images/fonts/pt-sans-v17-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/images/fonts/pt-sans-v17-latin-700italic.svg#PTSans') format('svg'); /* Legacy iOS */
}

/* Container-Breite
--------------------*/

	.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		max-width: 1200px;
		padding-left: 0;
		padding-right: 0;
	}

	@media screen and (max-width: 1240px) {
		.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
			max-width: unset;
			padding-left: 15px;
			padding-right: 15px;
		}
	}

/* Allgemein
------------ */
	html, body {
		color: #596469;
		font-size: 20px;
		font-weight:  300;
		font-family: 'PT Sans', Arial, sans-serif !important;
	}

	.article-list .article {
		border: none;
		padding:  0px;
	}

	ul {
		padding-left:  1rem;
	}

/* Blende auf der Startseite den Main-Body aus
-----------------------------------------------*/

	.page-header {
		padding-bottom: 0;
	}

	#sp-main-body {
		padding:  70px 0;
	}

		@media screen and (max-width: 1024px) {
			#sp-main-body {
				padding:  30px 0;
			}

		}

/* Text & Ãœberschriften
----------------------- */
	p {
		margin-bottom:  20px;
	}

	strong {
		font-weight:  700;
	}

	h1, h2, h3, h4, h5, h6 {
		color:  #1a70ad;
	}

	h1, .article-header h1 {
		font-size:  50px;
		margin-left: -75px;
		margin-bottom: 30px;
	}

		@media screen and (max-width: 1400px) {
			h1, .article-header h1 {
				margin-left: 0;
			}
		}

		@media screen and (max-width: 800px) {
			h1, .article-header h1 {
				font-size:  35px;
				font-weight: bold;
			}
		}

	h2,
	.article-header h2 {
		font-size:  36px;
		margin-left: -75px;
		margin-bottom: 30px;
	}

		@media screen and (max-width: 1400px) {
			h2, .article-header h2 {
				margin-left: 0;
			}
		}


	h1:before,
	h2:before {
		content: '';
		display: block;
		float: left;
		height: 24px;
		width: 100px;
		background-image: url('/images/template/header-deco.svg');
		background-repeat: no-repeat;
		background-size: 100% auto;
		background-position: 0 0;
		margin-right: 20px;
		position: relative;
	}

		@media screen and (max-width: 1400px) {
			h1:before,
			h2:before {
				display: none;
			}
		}

	h1:before {
		top: 25px;
	}

	h2:before {
		top: 15px;
	}

	h3,
	.article-header h3 {
		font-size:  200%;
	}

	h4,
	.article-header h4 {
		font-size:  150%;
	}

	h5,
	.article-header h5 {
		font-size:  120%;
	}

	h6,
	.article-header h6 {
		font-size:  90%;
	}

/* Readmore
----------- */
	.article-list .article .readmore a,
	.article-list .article .readmore a:hover {
		display: inline-block;
		color:  #FFFFFF;
		background-color:  #053f67;
		padding:  10px 20px 10px 20px;
		border-radius:  5px;
		margin-top:  0;
	}

/* Dateigröße
------------- */
	.wf_file_size {
		font-size:  60%;
	}

	.wf_file {
		display:  block ruby;
	}

/* Links
-------- */
	p a, 
	p a:visited,
	p a:hover {
		color: #053f67;
		text-decoration:  underline;
	}

	a {
	   outline: 0;
	}

	a:hover, a:focus, a:active {
		color: #053f67;
	}

	.article-list .article .article-header h1 a:hover,
	.article-list .article .article-header h1 a:active,
	.article-list .article .article-header h1 a:focus,
	.article-list .article .article-header h2 a:hover,
	.article-list .article .article-header h2 a:active,
	.article-list .article .article-header h2 a:focus {
    	color:  #053f67;
	}

	.article-list .article .article-header h1 a,
	.article-list .article .article-header h2 a {
		color: #596469;
	}

/* Header
--------- */
	#sp-top-bar {
		background: #596469;
	}

		@media only screen and (max-width: 810px) {
			#sp-top-bar {
				display:  none;
			}
		}

	#sp-top-bar a {
		color:  #FFFFFF;
	}

/* Icons Header
---------------*/
	#sp-top-bar .fab,
	#sp-top-bar .fas,
	#sp-top-bar .far {
		color:  #FFFFFF;
	}


/* Navigation
------------- */
	.sp-megamenu-parent > li:hover > a,
	.sp-megamenu-parent > li.active > a, 
	.sp-megamenu-parent > li.active:hover > a,
	.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover,
	.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {
    	color: #053f67;
	}

	.sp-megamenu-parent > li > a,
	.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
    	color: #596469;
	}

	.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
		font-size: 22px;
	}

	.sp-megamenu-parent .sp-dropdown li.active > a {
		color: #053f67 !important;
	}

/* Mobiles Menü
--------------- */
	.offcanvas-menu .offcanvas-inner ul.menu > li a:hover, .offcanvas-menu .offcanvas-inner ul.menu > li a:focus, .offcanvas-menu .offcanvas-inner ul.menu > li span:hover, .offcanvas-menu .offcanvas-inner ul.menu > li span:focus {
    color: #053f67;
	}

	.burger-icon > span {
		background-color:  #053f67;
	}

	.offcanvas-menu {
    color: #596469;
	}

	.offcanvas-active .burger-icon > span, #modal-menu-toggler.active .burger-icon > span {
    background-color: #596469;
	}

	.offcanvas-menu .offcanvas-inner a:hover, .offcanvas-menu .offcanvas-inner a:focus, .offcanvas-menu .offcanvas-inner a:active {
    color: #053f67;
	}

/* Menü (Desktop)
------------------*/

	#sp-menu a {
		color: #1a70ad;
	}

	.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
		line-height: unset;
	}

		@media screen and (max-width: 1082px) {
			.sp-megamenu-parent > li > a {
				font-size: 18px;
			}
		}

	.sp-megamenu-parent {
		position: relative;
		top: 10px;
	}

	.sp-megamenu-parent .sp-dropdown a {
		font-size: 18px !important;
	}

	.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
		padding: 10px 20px;
	}

/* Slideshow
------------ */
	div#n2-ss-2 .nextend-arrow img {
    width: 40px !important;
	}

	div#n2-ss-2 .n2-style-cdbe3c336ecb064e705625b002e710c6-dot.n2-active, div#n2-ss-2 .n2-style-cdbe3c336ecb064e705625b002e710c6-dot:hover, div#n2-ss-2 .n2-style-cdbe3c336ecb064e705625b002e710c6-dot:focus {
    background: #053f67 !important;
	}
	
/* Simple Image Gallery
----------------------- */
	.fancybox-button.fancybox-button--share {
		display:  none;
	}

/* Blockquote
------------- */
	blockquote {
		padding: 20px;
		border: 0px;
		background: #053f67;
		color:  #FFF;
	}

/* Startseite-01
-----------------*/

	#sp-startseite-01 {
		padding-top: 50px;
	}

/* Startseite-02
-----------------*/

	#sp-startseite-02 {
		padding-top: 50px;
	}

	#sp-startseite-02 > .container {
		width: 100%;
		max-width: unset;
		padding: 0;
	}

	#sp-startseite-02 img {
		width: 100%;
	}

/* Startseite-03
-----------------*/

	#sp-startseite-03 {
		padding-top: 100px;
	}

		@media screen and (max-width: 1024px) {
			#sp-startseite-03 {
				padding-top: 30px;
			}
		}

	#sp-startseite-03 .block-bild-text {
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
		column-gap: 30px;
	}

		@media screen and (max-width: 1024px) {
			#sp-startseite-03 .block-bild-text {
				grid-template-columns: minmax(0, 1fr);
			}
		}

	#sp-startseite-03 .block-bild-text img {
		display: none;
	}

	#sp-startseite-03 .block-bild-text .left {
		background-repeat: no-repeat;
		background-size: cover;
	}

/* Startseite-04
-----------------*/

	#sp-startseite-04 {
		padding-top: 100px;
	}

		@media screen and (max-width: 1024px) {
			#sp-startseite-04 {
				padding-top: 30px;
			}
		}

	#sp-startseite-04 > .container {
		width: 100%;
		max-width: unset;
		padding: 0;
	}

	#sp-startseite-04 img {
		width: 100%;
	}

/* Startseite-05
-----------------*/

	#sp-startseite-05 {
		margin-top: 50px;
		padding-top: 50px;
		background-color: #e6f0f3;
	}

	/* Team-Ansicht
	----------------*/

		.sattler-team {
			display: grid;
			grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
			column-gap: 30px;
			row-gap: 30px;
			padding-bottom: 50px;
		}

			@media screen and (max-width: 1150px) {
				.sattler-team {
					grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
				}
			}

			@media screen and (max-width: 480px) {
				.sattler-team {
					grid-template-columns: minmax(0, 1fr);
				}
			}

		.sattler-team--item {
			position: relative;
			padding: 10px 10px 80px 10px;
			background-color: #FFFFFF;
			border-radius: 7px;
			text-align: center;
		}

			.sattler-team--item img {
				width: 100%;
				border-radius: 7px;
			}

			.sattler-team--item h3 {
				font-size: 30px;
				margin: 25px 0 0 0;
			}

			.sattler-team--item p {
				margin: 10px 0 0 0;
			}

			.sattler-team--item .btn {
				position: absolute;
				bottom: 30px;
				left: 50%;
				transform: translateX(-50%);
				margin: 10px 0 0 0;
				white-space: nowrap;
			}

/* Startseite-06
-----------------*/

	#sp-startseite-06 {
		padding-top: 50px;
		padding-bottom: 25px;
	}

	#sp-startseite-06 img {
		width: 100%;
	}

/* Startseite-07
-----------------*/



/* Suchfeld
----------- */
	.form-control:focus {
		border-color: #053f67;
	}

	.form-control {
		font-size:  14px;
		color: #596469;
	}

	.awesomplete mark {
    background: #053f67;
	}	

/* Suchergebnisse
----------------- */
	.com-finder a {
		color: #053f67;
	}

	.btn-primary,
	.btn-primary:hover, 
	.sppb-btn-primary:hover {
    border-color: #053f67;
    background-color: #053f67;
	}

/* 404 Fehlerseite
------------------ */
	.error-page body {
		background: #053f67;
	}

	html.error-page .error-code,
	html.error-page .error-message {
		color:  #FFFFFF;
	}

	.error-page .btn-secondary:hover,
	.error-page .btn-secondary {
		background-color:  #596469;
		border-color:  #596469;
	}

	.error-page h1 {
    color: #FFFFFF !important;
    font-size: 1200% !important;
    font-weight: 700 !important;
    line-height: 150% !important;
    border-top: 1px solid #FFFFFF !important;
    border-bottom: 1px solid #FFFFFF !important;
    display: inline !important;
	}

	.error-page .btn-secondary:hover, .error-page .btn-secondary {
    background-color: #053f67;
    border-color: #FFFFFF;
    color:  #FFFFFF;
    border-radius:  0px;
	}

/* Kontaktformular Convert Forms
-------------------------------- */
	.convertforms .cf-content-wrap, .convertforms .cf-form-wrap {
    padding: 0px;
	}

/**
 * FOOTER
 */

	#sp-footer {
		width: 100%;
		background-color: #e6f0f3;
		font-size: 20px;
	}

	#sp-footer,
	#sp-footer a,
	#sp-footer a:hover {
		color: #000000;
	}

	#sp-footer a:hover {
		text-decoration: underline;
	}

	.sattler-footer:after {
		content: '';
		clear: both;
		display: table;
	}

	.sattler-footer {
		display: grid;
		grid-template-columns: 40% 40% minmax(0, 1fr);
		column-gap: 20px;
		padding-top: 30px;
	}

		@media screen and (max-width: 1024px) {
			.sattler-footer {
				grid-template-columns: minmax(0, 1fr);
			}
		}

	.sattler-footer--left,
	.sattler-footer--center,
	.sattler-footer--right {
		position: relative;
	}

	/* Linker Container
	--------------------*/

		.sattler-footer--left {
			padding-right: 20px;
		}

		.sattler-footer--leftcontent {
			position: absolute;
			left: 0;
			bottom: 0;
		}

			@media screen and (max-width: 1024px) {
				.sattler-footer--leftcontent {
					position: relative;
				}
			}

		.sattler-footer--left img {
			margin: 40px 20px 30px 0;
		}

		.sattler-footer--left a {
			color: #053f67 !important;
		}

		.sattler-footer--left .telefonnummer {
			font-size: 48px;
			margin-bottom: 0;
			color: #053f67;
			line-height: 60px;
		}

			@media screen and (max-width: 1024px) {
				.sattler-footer--left .telefonnummer {
					font-size: 20px;
				}
			}

	/* Mittlerer Container
	--------------------*/

		.sattler-footer--center {

		}

		.sattler-footer--center .footermenu {
			text-align: center;
		}

		.sattler-footer--center .footermenu a {
			display: inline-block;
			padding: 0 12px;
		}

			@media screen and (max-width: 1024px) {
				.sattler-footer--center .footermenu {
					text-align: left;
				}
				.sattler-footer--center .footermenu a {
					padding-left: 0;
				}
			}

		.sattler-footer--center img {
			max-width: 70%;
			margin: 0 auto 20px auto;
		}

			@media screen and (max-width: 1024px) {
				.sattler-footer--center img {
					display: none;
				}
			}

	/* Rechter Container
	---------------------*/

		.sattler-footer--right {

		}

		.sattler-footer--right .image-container {
			position: absolute;
			bottom: 0;
		}

			@media screen and (max-width: 1024px) {
				.sattler-footer--right .image-container {
					position: relative;
					bottom: 0;
				}
			}

		.sattler-footer--right img {
			max-height: 80px;
			margin-top: 20px;
			float: right;
			filter: grayscale(1);
		}

			@media screen and (max-width: 1024px) {
				.sattler-footer--right img {
					display: none;
				}
			}

		.sattler-footer--right img:hover {
			filter: grayscale(0);
		}

/* Scroll to top
---------------- */

	.sp-scroll-up .fas {
		display: none;

	}

	.sp-scroll-up,
	.sp-scroll-up:hover,
	.sp-scroll-up:active,
	.sp-scroll-up:focus {
		background-color: transparent;
		background-image: url('/images/template/slide-top.svg');
		background-size: 100% auto;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.sp-scroll-up:hover {
		opacity: 0.8;
	}

	.sp-scroll-up {
		width: 50px;
		height: 50px;
		line-height: 50px;
	}


/* Tabs & Slider
---------------- */
	div.jwts_toggleControlContainer a.jwts_toggleControl {
		font-size:  100%;
		border:  none;
		border-radius:  0px;
		background: #053f67;
		color:  #FFFFFF;
		padding:  15px;
	}

	div.jwts_content {
		border: 1px solid #053f67;
		padding:  15px;
	}

	div.jwts_toggleControlContainer a.jwts_toggleOn span.jwts_toggleControlNotice {
		display:  none;
	}

	div.jwts_toggleControlContainer a.jwts_toggleOn span.jwts_toggleControlTitle {
		background-position: left center;
		background-repeat:  no-repeat;
		background-size: contain;
		padding-left:  25px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTIwMCIgaGVpZ2h0PSIxMjAwIiB2aWV3Qm94PSIwIDAgMTIwMCAxMjAwIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2MDAgNjAwKSBzY2FsZSgtMC42OSAwLjY5KSByb3RhdGUoLTkwKSB0cmFuc2xhdGUoLTYwMCAtNjAwKSIgc3R5bGU9ImZpbGw6I0ZGRkZGRiI+PHN2ZyBmaWxsPSIjRkZGRkZGIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiIHhtbG5zOmlua3NjYXBlPSJodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy9uYW1lc3BhY2VzL2lua3NjYXBlIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCwtOTUyLjM2MjE4KSI+PHBhdGggc3R5bGU9InRleHQtaW5kZW50OjA7dGV4dC10cmFuc2Zvcm06bm9uZTtkaXJlY3Rpb246bHRyO2Jsb2NrLXByb2dyZXNzaW9uOnRiO2Jhc2VsaW5lLXNoaWZ0OmJhc2VsaW5lO2NvbG9yOiMwMDAwMDA7ZW5hYmxlLWJhY2tncm91bmQ6YWNjdW11bGF0ZTsiIGQ9Ik0gNDkuODEyNSw5ODEuMzQwOTUgQSAzLjAwMDMsMy4wMDAzIDAgMCAwIDQ4LDk4Mi4wOTA5NSBMIDgsMTAxOC4wOTA5IGEgMy4wMDAzLDMuMDAwMyAwIDEgMCA0LDQuNDY4OCBsIDM4LC0zNC4xODc0NSAzOCwzNC4xODc0NSBhIDMuMDAwMywzLjAwMDMgMCAxIDAgNCwtNC40Njg4IEwgNTIsOTgyLjA5MDk1IGEgMy4wMDAzLDMuMDAwMyAwIDAgMCAtMi4xODc1LC0wLjc1IHoiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMSIgbWFya2VyPSJub25lIiB2aXNpYmlsaXR5PSJ2aXNpYmxlIiBkaXNwbGF5PSJpbmxpbmUiIG92ZXJmbG93PSJ2aXNpYmxlIj48L3BhdGg+PC9nPjwvc3ZnPjwvZz48L3N2Zz4=");
	}

	div.jwts_toggleControlContainer a.jwts_toggleOff span.jwts_toggleControlTitle {
		background-position: left center;
		background-repeat:  no-repeat;
		background-size: contain;
		padding-left: 25px;
		background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTIwMCIgaGVpZ2h0PSIxMjAwIiB2aWV3Qm94PSIwIDAgMTIwMCAxMjAwIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2MDAgNjAwKSBzY2FsZSgwLjY5IC0wLjY5KSByb3RhdGUoMCkgdHJhbnNsYXRlKC02MDAgLTYwMCkiIHN0eWxlPSJmaWxsOiNGRkZGRkYiPjxzdmcgZmlsbD0iI0ZGRkZGRiIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIiB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIgdmVyc2lvbj0iMS4xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDEwMCAxMDAiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTk1Mi4zNjIxOCkiPjxwYXRoIHN0eWxlPSJ0ZXh0LWluZGVudDowO3RleHQtdHJhbnNmb3JtOm5vbmU7ZGlyZWN0aW9uOmx0cjtibG9jay1wcm9ncmVzc2lvbjp0YjtiYXNlbGluZS1zaGlmdDpiYXNlbGluZTtjb2xvcjojMDAwMDAwO2VuYWJsZS1iYWNrZ3JvdW5kOmFjY3VtdWxhdGU7IiBkPSJNIDQ5LjgxMjUsOTgxLjM0MDk1IEEgMy4wMDAzLDMuMDAwMyAwIDAgMCA0OCw5ODIuMDkwOTUgTCA4LDEwMTguMDkwOSBhIDMuMDAwMywzLjAwMDMgMCAxIDAgNCw0LjQ2ODggbCAzOCwtMzQuMTg3NDUgMzgsMzQuMTg3NDUgYSAzLjAwMDMsMy4wMDAzIDAgMSAwIDQsLTQuNDY4OCBMIDUyLDk4Mi4wOTA5NSBhIDMuMDAwMywzLjAwMDMgMCAwIDAgLTIuMTg3NSwtMC43NSB6IiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjEiIG1hcmtlcj0ibm9uZSIgdmlzaWJpbGl0eT0idmlzaWJsZSIgZGlzcGxheT0iaW5saW5lIiBvdmVyZmxvdz0idmlzaWJsZSI+PC9wYXRoPjwvZz48L3N2Zz48L2c+PC9zdmc+");
	}

	/* Cookie Popup
--------------- */
	#mod-eu-cookies {
    background-color: #596469 !important;
    opacity:  0.9 !important;
	}

	#sp-feature #mod-eu-cookies #eu-cookies-accept button, 
	#sp-feature #mod-eu-cookies #eu-cookies-accept-all button,
	#sp-feature #mod-eu-cookies #eu-cookies-settings button,
	#sp-feature #mod-eu-cookies #eu-cookies-more-info button,
	#sp-feature #mod-eu-cookies #eu-cookies-save button {
    border-color: #053f67 !important;
    background-color: #053f67 !important;
	}

	#sp-feature #mod-eu-cookies.position-center {
		height: auto !important;
	}

	#sp-feature #mod-eu-cookies #overview-caption * {
    font-size: 150%;
	}

	#sp-feature #mod-eu-cookies .full-width.scroll-150 {
    	font-weight: lighter;
	}

/**
 * Suche ausblenden
 */

	.js-finder-searchform {
		display: none;
	}

/* Slider-Buttons
------------------*/

	.n2-ss-control-bullet {
		position: absolute !important;
		left: 7% !important;
		bottom: 20px !important;
	}

	.n2-bullet {
		border-radius: 0 !important;
		height: 20px;
		width: 20px;
	}

/* Buttons
-----------*/

	.btn {
		display: inline-block;
		background-color: #0a4066 !important;
		color: #FFFFFF !important;
		border-radius: 7px;
		padding: 2px 15px;
	}

	.btn:hover {
		color: #FFFFFF !important;
		background-color: #1a70ad;
	}

/* Serviceboxen
----------------*/

	.sattler-service {
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
		column-gap: 30px;
		row-gap: 30px;
	}

	@media screen and (max-width: 1199px) {
		.sattler-service {
			grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
		}
	}

	@media screen and (max-width: 1024px) {
		.sattler-service {
			grid-template-columns: minmax(0, 1fr);
		}
	}

	.sattler-service--item {
		position: relative;
		background-color: #e6f0f3;
		border-radius: 15px;
		text-align: center;
		padding: 20px 40px 40px 40px;
	}

	.sattler-service--item .btn {
		position: absolute;
		bottom: 40px;
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
	}

	.sattler-service--item h2 {
		font-size: 33px;
		margin: 20px auto 0 auto;
		color: #1a70ad;
		hyphens: auto;
	}

		@media screen and (max-width: 800px) {
			.sattler-service--item h2 {
				font-size: 25px;
			}
		}

	.sattler-service--item h2:before {
		display: none;
	}

	.sattler-service--item h2 strong {
		white-space: nowrap;
	}

	.sattler-service--item img {
		max-width: 150px;
		margin: 20px auto;
	}

	.sattler-service--item .description {
		hyphens: auto;
		margin-bottom: 50px;
	}

/* Modalfenster
----------------*/

	html.sgmodal-active {
		overflow: hidden !important;
	}

	@keyframes mmfadeIn {
		0% {
			opacity:0
		}
		to {
			opacity:1
		}
	}
	@keyframes mmfadeOut {
		0% {
			opacity:1
		}
		to {
			opacity:0
		}
	}
	@keyframes mmslideIn {
		0% {
			transform:translateY(15%)
		}
		to {
			transform:translateY(0)
		}
	}

	@keyframes mmslideOut {
		0% {
			transform:translateY(0)
		}
		to {
			transform:translateY(-10%)
		}
	}

	.sgmodal-bgr {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-color: rgba(0,0,0,0.6);
		z-index: 9999;
	}

	/* The Modal (background) */
	.sgmodal-center {
		position: fixed;
		z-index: 10000;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 800px;
	}

		@media screen and (max-width: 1024px) {
			.sgmodal-center {
				width: calc(100% - 60px);
			}
		}

	.sgmodal-window {
		overflow: auto;
		background-color: #FFFFFF;
		border-radius: 5px;
		width: 100%;
		animation: mmslideIn .3s cubic-bezier(0,0,.2,1);
	}



	/* Modal Content/Box */
	.sgmodal-content {
		min-height: 50px;
		padding: 20px;
		width: 100%;
	}

	.sgmodal-content h2 {
		margin-left: 0 !important;
		margin-bottom: 20px !important;
	}

	/* The Close Button */
	.close {
		color: #aaa;
		float: right;
		font-size: 28px;
		font-weight: bold;
	}

	.close:hover,
	.close:focus {
		color: black;
		text-decoration: none;
		cursor: pointer;
	}

/* Slider
----------*/

	div#n2-ss-2 .n2-font-b870ccf548622567991ac70cdd481482-paragraph {
		font-family: 'PT Sans', Arial, sans-serif !important;
		font-size: 20px !important;
		background-color: rgba(255,255,255,0.7) !important;
		padding: 20px !important;
		color: #000000 !important;
	}

/* Mobiles Menü im Offcanvas
------------------------------*/

	.offcanvas-menu .logo img {
		max-width: 215px;
		position: relative;
		top: -10px;
	}

/* Kategorieblog "Team"
------------------------*/

	.article {
		background-color: #e6f0f3;
		border-radius: 7px;
	}

	.items-leading .article {
		background-color: transparent;
	}

	.article .article-intro-image {
		margin: 0 !important;
		padding: 20px;
		border-bottom: none !important;
	}

	.article .article-intro-image img {
		border-radius: 7px;
	}

	.view-featured .article-list .article-body,
	.view-category .article-list .article-body {
		padding: 0 30px 40px 30px;
	}

	.article-header {
		/*display: none;*/
	}

	.view-featured .article-list h2,
	.view-category .article-list h2 {
		margin-bottom: 0 !important;
	}

	.itemid-217 .article .article-header h2 {
		margin-bottom: 20px !important;
	}

/* Team-Slider (Startseite)
----------------------------*/

	#sp-startseite-05 .owl-item > div {
		position: relative;
		padding: 1px 0 10px 0;
		background-color: #FFFFFF;
		border-radius: 7px;
		text-align: center;
		margin: 0 10px;
	}

	#sp-startseite-05 .owl-item img {
		border-radius: 7px;
		transform: none !important;
	}

	#sp-startseite-05 .entry-date {
		display: none;
	}

	#sp-startseite-05 .entry-content {
		margin: 0 !important;
		border: none !important;
		box-shadow: none !important;
	}

	#sp-startseite-05 .blog-entry.border {
		border: none !important;
	}

	#sp-startseite-05 .blog-entry:hover,
	#sp-startseite-05 .blog-entry:focus,
	#sp-startseite-05 .blog-entry:active {
		transform: none !important;
	}

	#sp-startseite-05 {
		padding-bottom: 30px;
	}

	#sp-startseite-05 .img-responsive:hover {
		-moz-transform: none !important;
	}

/* Brotkrumenpfad
------------------*/

	.breadcrumb {
		background-color: transparent;
		padding: 30px 0 0 0;
		margin-bottom: 0;
	}

	.itemid-101 #sp-brotkrumenfad {
		display: none !important;
	}

	.breadcrumb a,
	.breadcrumb * {
		font-size: 15px !important;
	}

/* Team-Karroussel auf der Startseite
--------------------------------------*/

	#npost134 .fa-angle-double-right {
		display: none;
	}

	#npost134 .mos-img + a {
		display: inline-block;
		background-color: #0a4066 !important;
		color: #FFFFFF !important;
		border-radius: 7px;
		padding: 2px 15px;
	}

/* Titel in Kategorie-Blog
---------------------------*/

	.article-list h2:before {
		display: none !important;

	}

	.article-list h2,
	.article-list h2 a {
		color: #1a70ad !important;
		font-size: 37px;
	}

/* Artikelbilder bei einem Beitrag
-----------------------------------*/

	.view-article .jfbw-article-intro-image {
		float: left;
		width: 300px;
		margin: 7px 30px 20px 0;
	}

/* Kategorie-Blog auf der Startseite
-------------------------------------*/

	.itemid-101 .articleBody h2 {
		margin: 0 20px !important;
	}

	.itemid-101 .article {
		/*min-height: 640px;*/
	}

		.itemid-101 .items-leading .article {
			min-height: unset;
		}

	.itemid-101 .articleBody {
		padding: 0 30px 30px 30px;
	}

	.itemid-101 .items-leading .articleBody {
		padding: 0;
		min-height: unset;
	}



/* Logo in mobiler Ansicht
---------------------------*/

	.logo-image-phone {
		max-width: 220px;
	}

/* Ãœberschriften etwas kleiner bei Teamliste
---------------------------------------------*/

	.itemid-219 .article-list .article-header h2 a {
		font-size: 25px !important;
		font-weight: 600;
	}

.itemid-101 .article-header h2,
.itemid-101 .article-header h2 a {
	margin: 0 0 20px 0 !important;
	font-size: 27px !important;
}

.article .article-intro-image img {
	margin: 30px 80px;
}

	.itemid-219 .article .article-intro-image img {
		margin: 0 !important;
	}


/* Ãœberschrift auf der Startseite
----------------------------------*/

	.itemid-101 .leading-0 h2 {
		font-size: 50px !important;
		margin-left: -75px !important;
		margin-bottom: 30px;
	}

	.itemid-101 .leading-0 h2 a::before {
		  content: '';
		  display: block;
		  float: left;
		  height: 24px;
		  width: 100px;
		  background-image: url('/images/template/header-deco.svg');
		  background-repeat: no-repeat;
		  background-size: 100% auto;
		  background-position: 0 0;
		  margin-right: 20px;
		  position: relative;
			top: 25px;
	}

	@media screen and (max-width: 1300px) {
		.itemid-101 .leading-0 h2 a::before {
			display: none !important;
		}

		.itemid-101 .leading-0 h2 {
			margin-left: 0 !important;
		}
	}

	.itemid-101 .leading-0 h2 a {
		font-size: 44px !important;
	}

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

		.itemid-101 .leading-0 h2 {
			line-height: 35px !important;
		}

		 .itemid-101 .leading-0 h2 a {
			font-size: 30px !important;
			 line-height: 35px !important;
			 margin: 0 !important;
			 padding: 0 !important;
		}
	}

/* Ausblenden Button "Featured"
------------------------------- */
  .article-details .featured-article-badge, .bg-danger {
      display: none !important;
  }