/* awn-online.de

Dekofarbe (green): #80a51b;
Dekofarbe (red): #c90c0f;
Textfarbe (grey): #596469;

*/

/* pt-sans-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: 'PT Sans';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/pt-sans-v17-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* pt-sans-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: 'PT Sans';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/pt-sans-v17-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* Allgemein
------------ */

	html, body {
		color: #596469;
		font-size: 18px;
		font-weight:  400;
		font-family: 'PT Sans', Arial, sans-serif !important;
	}

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

	.itemid-101 #sp-main-body {
		margin-top: -20px;
		z-index: 2;
		position: relative;
	}

		@media screen and (max-width: 1280px) {
			.itemid-101 #sp-main-body {
				margin-top: 0;
			}
		}

		@media screen and (max-width: 1024px) {
			.itemid-101 #sp-main-body {
				margin-top: 30px;
			}
		}

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

	ul, ol {
		padding-left:  1rem;
		margin: 10px 0 0 0;
	}

	#sp-main-body ul li,
	#sp-main-body ol li {
		margin-top: 7px;
	}

/* Text & Überschriften
----------------------- */

	p {
	line-height: 29px;
      margin-top: 12px;
	}

	p img {
		margin: 30px 0;
	}

		.wf_file img {
			margin: 0;
		}

	strong {
		font-weight:  700;
	}

	h1, h2, h3, h4, h5, h6 {
		color: #596469;
		text-transform: none;
		font-weight: bold;
		margin-bottom: 0;
	}

	h1, .article-header h1 {
		font-size:  310% !important;
		font-weight: 600;
	}

		@media screen and (max-width: 768px) {
			h1, .article-header h1 {
				font-size:  25px !important;
				hyphens: auto !important;
			}
		}

	.itemid-101 h1 {
		font-size: 50px !important;
	}

	h2,
	.article-header h2 {
		font-size:  29px !important;
		color: #596469 !important;
		hyphens: auto !important;
		margin-top: 30px;
	}

		@media screen and (max-width: 768px) {
			h2, .article-header h2 {
				font-size:  20px !important;
				font-weight: 600 !important;
			}
		}

	h3,
	.article-header h3 {
		font-size:  190%;
		font-weight: 700;
		margin-top: 30px;
	}

	h4,
	.article-header h4 {
		font-size:  150%;
		margin-top: 30px;
	}

		.wf-column > h4:first-child {
			margin-top: 0 !important;
		}

	h5,
	.article-header h5 {
		font-size:  120%;
		margin-top: 20px;
	}

		.jwts_content > h5:first-child {
			margin-top: 0 !important;
		}

	h6,
	.article-header h6 {
		font-size:  90%;
		margin-top: 10px;
	}

/* Readmore
----------- */

	.article-list .article .readmore {
		margin-top: 20px;
	}

	.article-list .article .readmore a,
	.article-list .article .readmore a:hover {
		color:  #FFFFFF !important;
		background-color:  #596469;
		padding:  10px 20px 10px 20px;
		border-radius:  5px;
		margin-top:  20px;
		text-decoration: none !important;
	}

.article-list .article .readmore:hover {
  opacity: 0.7;
}

/* Dateigröße
------------- */

	.wf_file_size {
		font-size:  60%;
	}

	.wf_file {
		display:  block ruby;
	}

/* Links
-------- */

	p a,
	p a:visited,
	p a:hover {
		color: #596469;
		font-weight: 600;
		text-decoration:  underline;
	}

	a {
	   outline: 0;
      	font-weight: 600;
		color: #596469;
		text-decoration: underline;
	}

	a:hover, a:focus, a:active {
		color: #596469;
	}

	.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:  #80a51b;
	}

	.article-list .article .article-header h1 a,
	.article-list .article .article-header h2 a {
		color: inherit;
		font-size: inherit;
	}

/* 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: #80a51b;
		font-weight: inherit;
	}

	.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: 18px;
		margin-right: 20px;
	}

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

	#sp-header-awn {
		position: absolute !important;
		width: 100% !important;
	}

	#sp-menu {
		border: none !important;
		z-index: 1;
		font-style: italic !important;
		font-weight: 600;
	}

	/* Haushalte und Gewerbe ausblenden
	-------------------------------------*/

		ul.sp-megamenu-parent > li:nth-child(1),
		ul.sp-megamenu-parent > li:nth-child(2),
		ul.sp-megamenu-parent > li:nth-child(3) {
			display: none;
		}

/* Mobiles Menü
--------------- */

	.offcanvas-menu {
		background-color: #f2f6e9 !important;
	}

	.offcanvas-menu .offcanvas-inner {
		padding: 20px 0 20px 20px;
	}

	.offcanvas-menu a{
    	text-decoration: none;
	}

	.offcanvas-menu a:hover{
      	color: #80a51b!important;
	}

	.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: #80a51b;
	}

	.burger-icon > span {
		background-color:  #80a51b;
	}

	.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: #80a51b!important;
      font-weight: 700!important;
	}

	.offcanvas-inner ul.menu > li ul {
  		margin-left: 15px;
	}

	.menu-child {
  		display: inline-block!important;
	}

	.menu-child > li::before {
  		content: '>';
      	margin-right: 2px;
	}

	.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent li.menu-parent > a{
  		display: inline-block!important;
      font-weight: 600;
	}



/* 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: #80a51b !important;
	}

	div#n2-ss-2 .n2-style-cdbe3c336ecb064e705625b002e710c6-dot {
  		background: #adaeb0 !important;
	}

/* Simple Image Gallery
----------------------- */
	.fancybox-button.fancybox-button--share {
		display:  none;
	}

/* Blockquote
---------------*/

	blockquote {
		padding: 20px;
		border: 0px;
		background: #80a51b;
		color:  #FFF;
		margin-top: 15px;
	}

	.awn-quote {
  		background: #c90c0f;
	}

	.awn-quote h2 {
      	color: #fff!important;
		margin-top: 0;
	}

	.awn-quote p { 
		margin-bottom: 0;
	}
	
	.awn-quote  > *:first-child {
    	margin-top: 0;
	}

/* Suchfeld
----------- */
	.form-control:focus {
		border-color: #80a51b;
	}

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

	.awesomplete mark {
		background: #80a51b;
	}


/* Suchergebnisse
----------------- */

	.com-finder #sp-main-body a {
		color: #80a51b;
	}

	.btn-primary,
	.btn-primary:hover,
	.sppb-btn-primary:hover {
		border-color: #80a51b;
		background-color: #80a51b;
	}

/* 404 Fehlerseite
------------------ */
	.error-page body {
		background: #80a51b;
	}

	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: #80a51b;
		border-color: #FFFFFF;
		color:  #FFFFFF;
		border-radius:  0px;
	}

/* Kontaktformular Convert Forms
-------------------------------- */

	.convertforms .cf-content-wrap, .convertforms .cf-form-wrap {
    	padding: 0px;
	}

	.convertforms h2 + .cf-control-input-desc {
		margin-top: 10px;
	}



/* Scroll-to-top Button
========================*/

	.sp-scroll-up {
		width: 50px;
		height: 50px;
		right: 20px;
		bottom: 20px;
		line-height: 50px;
		border-radius: 5px !important;
	}

	.sp-scroll-up:hover, .sp-scroll-up:active, .sp-scroll-up:focus {
	    background: #596469;
	}

/* Tabs & Slider
---------------- */

	div.jwts_toggleControlContainer a.jwts_toggleControl {
		font-size:  100%;
		border:  none;
		border-radius:  0px;
		background: #596469;
		color:  #FFFFFF !important;
		padding:  15px;
	}

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

	.jwts_content > p:first-child,
	.jwts_content > ul:first-child {
		margin-top: 0;
	}

	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: 30px;
		background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTIwMCIgaGVpZ2h0PSIxMjAwIiB2aWV3Qm94PSIwIDAgMTIwMCAxMjAwIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2MDAgNjAwKSBzY2FsZSgwLjY5IC0wLjY5KSByb3RhdGUoMCkgdHJhbnNsYXRlKC02MDAgLTYwMCkiIHN0eWxlPSJmaWxsOiNGRkZGRkYiPjxzdmcgZmlsbD0iI0ZGRkZGRiIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIiB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIgdmVyc2lvbj0iMS4xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDEwMCAxMDAiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTk1Mi4zNjIxOCkiPjxwYXRoIHN0eWxlPSJ0ZXh0LWluZGVudDowO3RleHQtdHJhbnNmb3JtOm5vbmU7ZGlyZWN0aW9uOmx0cjtibG9jay1wcm9ncmVzc2lvbjp0YjtiYXNlbGluZS1zaGlmdDpiYXNlbGluZTtjb2xvcjojMDAwMDAwO2VuYWJsZS1iYWNrZ3JvdW5kOmFjY3VtdWxhdGU7IiBkPSJNIDQ5LjgxMjUsOTgxLjM0MDk1IEEgMy4wMDAzLDMuMDAwMyAwIDAgMCA0OCw5ODIuMDkwOTUgTCA4LDEwMTguMDkwOSBhIDMuMDAwMywzLjAwMDMgMCAxIDAgNCw0LjQ2ODggbCAzOCwtMzQuMTg3NDUgMzgsMzQuMTg3NDUgYSAzLjAwMDMsMy4wMDAzIDAgMSAwIDQsLTQuNDY4OCBMIDUyLDk4Mi4wOTA5NSBhIDMuMDAwMywzLjAwMDMgMCAwIDAgLTIuMTg3NSwtMC43NSB6IiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjEiIG1hcmtlcj0ibm9uZSIgdmlzaWJpbGl0eT0idmlzaWJsZSIgZGlzcGxheT0iaW5saW5lIiBvdmVyZmxvdz0idmlzaWJsZSI+PC9wYXRoPjwvZz48L3N2Zz48L2c+PC9zdmc+");
	}

	p + .jwts_toggleControlContainer {
		margin-top: 20px;
	}

	/* 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: #80a51b !important;
		background-color: #80a51b !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;
	}

/* News Carousel
---------------- */

	#sp-news {
		margin-bottom: 0;
		padding-top: 25px;
		padding-bottom: 20px;
		margin-top: 25px;
	}

	#sp-news h3.sp-module-title {
		color: #c90c0f !important;
		font-weight: 700;
		font-size: 70px;
		position: absolute;
		z-index: 2;
		margin-top: -40px;
		margin-left: -2%;
	}

	.blog-entry-image .entry-date {
  		background: #c90c0f !important;
  	}

	.entry-title a,
	.entry-title a:hover, .entry-description a {
		color: #c90c0f !important;
		font-size: 25px;
		font-weight: 700;
	}

	.entry-content,
	.blog-entry.border {
		border: none !important;
	}

	#sp-news .entry-content h3 {
		text-transform: none;
	}

	#sp-news .blog-entry {
		box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
		border-radius: 5px;
	}

	#sp-news .entry-content {
		background: none;
		padding: 10px 20px 20px 20px;
		margin: 0;
		box-shadow: none;
		background-color: rgba(255,255,255,0.8);
		border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px;
		min-height: 240px;
	}

	.blog-entry-image .entry-date {
		background: #FFFFFF !important;
		color: #636569 !important;
		padding: 5px !important;
		border-radius: 5px !important;
	}

	.owl-carousel .owl-item img {
  		border-top-right-radius: 5px;
  		border-top-left-radius: 5px;
	}

	.blog-entry:hover img {
		transform: none !important;
	}

	#sp-news .entry-description a {
		font-size: 18px !important;
		background: #c90c0f;
		color: #FFFFFF !important;
		border-radius: 5px;
		padding: 5px 10px;
		font-weight: 400 !important;
	}

	#sp-news .entry-description a:hover {
		opacity: 0.7;
	}

	/* Buttons Einleitung Startseite
	-------------------------------- */

		.wf-column {
			background-color: #F2F2F2;
			padding: 20px;
			margin-bottom: 10px;
		}

		.itemid-101 .wf-column {
			background: #c90c0f;
			color: #FFFFFF;
			text-transform: uppercase;
			padding: 10px;
			border-radius: 5px;
		}

		.wf-column > h3 {
			margin-top: 0;
		}

        #mod-custom129 .wf-column {
          background: none !important;
        }

		.itemid-101 .wf-column p {
			margin-bottom: 0px;
			line-height: 20px;
			margin-top: 10px;
		}

		.itemid-101 .wf-column a,
		.itemid-101 .wf-column a:hover {
			color: #FFFFFF;
			text-decoration: none;
		}

		.itemid-101 .wf-column:hover {
			background: #84a722;
			transition: 0.3s;
		}

/* Angepasste Container-Breite
===============================*/

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

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

	.row {
		margin-left: -20px;
		margin-right: -20px;
	}

	.row > * {
		padding-left: 20px;
		padding-right: 20px;
	}

/* Hauptnavigation
===================*/

	#sp-header-awn {
		position: relative;
	}

	#sp-header-awn a,
	.topheader--menutoggler,
	.topheader--dropdown a {
		text-decoration: none !important;
	}

	#sp-header-awn:before {
		content: '';
		position: absolute;
		top: 0;
		width: 100%;
		height: 45px;
		background: rgb(0,0,0);
		background: linear-gradient(180deg, rgba(0,0,0,0.1) 10%, rgba(255,255,255,1) 100%);
	}

	#sp-header-awn #sp-menu .sp-megamenu-wrapper {
		display: block !important;

	}

	#sp-header-awn #sp-menu .sp-megamenu-wrapper a {
		line-height: 44px;
		margin: 0;
		font-style: normal;
		padding-left: 20px !important;
		padding-right: 20px !important;

	}

		/* Bei Unterseiten weiße Schrift
		---------------------------------*/

			#sp-header-awn #sp-menu .sp-megamenu-parent > li > a {
				color: #454545;
			}

			.itemid-101 #sp-header-awn #sp-menu .sp-megamenu-parent > li > a {
				color: #596469;
			}

	#sp-header-awn #sp-menu .sp-megamenu-wrapper li:hover > a {
		background-color: rgba(255, 255, 255, 0.8);
		color: #454545;
		border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px;
		text-decoration: none;
	}

	.sp-megamenu-parent > li:last-child > a {
		padding-right: 15px;
	}

	/* Level 2
	-----------*/

		#sp-header-awn .sp-dropdown {
			border-radius: 5px;
		}

		#sp-header-awn .sp-dropdown-inner {
			padding: 0;
			border-bottom-right-radius: 5px;
			border-bottom-left-radius: 5px;
		}

		#sp-header-awn .sp-dropdown li a {
			display: block !important;
			line-height: normal !important;
			padding: 8px 15px !important;
			font-size: 16px !important;
			border-bottom: 1px solid rgba(0,0,0,0.1);
		}

		#sp-header-awn .sp-dropdown li:hover a {
			background-color: #f5f5f5 !important;
		}

/* Offcanvas Toggler
=====================*/

	#offcanvas-toggler {
		/* display: none !important; */
    	position: absolute;
  		top: -73px;
  		right: -4px;
      	filter: brightness(0.7) saturate(0);
	}

	.menu-toggler {
  		display: none!important;
	}

/* TOPHEADER
=============*/

	.topheader {
		position: relative;
		height: 90px;
		z-index: 9999;
      	pointer-events: none;
	}

	.topheader--left {
  		pointer-events: auto;
	}

	/* Quicklinks (im rechten Bereich)
	----------------------------------*/

		.topheader--quicklinks {
			position: absolute;
			top: 0;
			right: 0;
          	pointer-events: auto;
		}

		.topheader--quicklinks ul {
			margin: 10px 0 0 0;
			padding: 0;
			list-style-type: none;
		}

		.topheader--quicklinks ul li {
			display: inline-block;
		}

		.topheader--quicklinks a {
			display: block;
			color: #636569 !important;
			background-repeat: no-repeat;
			background-size: 22px auto;
			background-position: left center;
			padding: 5px 0 5px 25px;
			font-size: 17px;
			margin-left: 10px;
		}

		.topheader--quicklinks ul li a {
          text-decoration: none!important;
		}

		.topheader--quicklinks a:hover {
			color: #000000 !important;
		}

		.topheader--quicklinks li:nth-child(1) a {
			background-image: url('/templates/sg/img/kundenportal.svg');
		}

		.topheader--quicklinks li:nth-child(2) a {
			background-image: url('/templates/sg/img/kontakt.svg');
		}

		.topheader--quicklinks li:nth-child(3) a {
			background-image: url('/templates/sg/img/startseite.svg');
		}

		.topheader--quicklinks li:nth-child(4) a {
			background-image: url('/templates/sg/img/menu.svg');
		}

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

			.topheader--quicklinks {
				top: 15px;
				right: 20px;
			}

			.topheader--quicklinks li:nth-child(1),
			.topheader--quicklinks li:nth-child(2),
			.topheader--quicklinks li:nth-child(3) {
				display: none;
			}

			.topheader--quicklinks a {
				font-size: 22px;
			}

			.topheader--quicklinks li:nth-child(3) a {
				background-size: 26px auto;
				padding-left: 35px;
				display: block;
			}

				@media screen and (max-width: 768px) {
					.topheader--quicklinks li:nth-child(3) a {
						background-size: 36px auto !important;
					}
				}

		}

	/* Menü (links)
	----------------*/

		.topheader--left {
			display: grid;
			grid-template-columns: minmax(0,1fr) minmax(0,1fr);
			grid-gap: 10px;
			width: 260px;
		}

		/* Logos
		---------*/

			.topheader--logo {
				display: block;
				height: 90px;
				width: 100%;
				background-size: cover;
				background-position: top center;
				background-repeat: no-repeat;
			}

			.topheader--logo img {
				display: none;
			}

			.topheader--kwin .topheader--logo {
				background-image: url('/templates/sg/img/logo_kwin.svg');
				background-color: #fbe9e2;
			}
			.topheader--awn .topheader--logo {
				background-image: url('/templates/sg/img/logo_awn.svg');
				background-color: #f4f6eb;
			}

		/* Menü-Toggler
		-----------------*/

			.topheader--menutoggler {
				position: relative;
				font-size: 18px;
				font-style: italic;
				color: #FFFFFF !important;
				display: block;
				padding: 8px 50px 8px 15px;
				border-bottom-right-radius: 5px;
				background-image: url('/templates/sg/img/arrow_down.svg');
				background-size: 12px auto;
				background-repeat: no-repeat;
				background-position: right 12px top 16px;
				font-weight: 600;
			}

			.topheader--kwin .topheader--menutoggler {
				background-color: #c90c0f;
			}
			.topheader--awn .topheader--menutoggler {
				background-color: #80a51b;
			}

			.topheader--menu:hover .topheader--menutoggler {
				color: #FFFFFF !important;
				border-bottom-right-radius: 0;
			}

		/* Menü
		--------*/

			.topheader--menu {
				position: relative;
			}

			.topheader--dropdown {
				position: absolute;
				display: none;
				list-style-type: none;
				margin: 0;
				padding: 0;
				width: 220px;
				border-bottom-left-radius: 5px;
				border-bottom-right-radius: 5px;
				box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2) !important;
			}

			.topheader--dropdown li {
				padding: 0;
				margin: 0;
			}

			.topheader--dropdown li a {
				position: relative;
				display: block;
				padding: 8px 10px 8px 15px;
				color: #FFFFFF !important;
				font-size: 16px;
				line-height: 130%;
				border-bottom: 1px solid rgba(255, 255, 255, 0.2)
			}

			.topheader--dropdown li a:hover {
				background-color: rgba(255, 255, 255, 0.3);
			}

			.topheader--kwin .topheader--dropdown {
				background-color: #c90c0f;
				width: 290px;
			}
			.topheader--awn .topheader--dropdown {
				background-color: #80a51b;
			}

			.topheader--menu:hover .topheader--dropdown {
				display: block;
			}

			/* Level2 Einträge
			-------------------*/

				.topheader--dropdown li.level-3 {
					display: none;
				}

				.topheader--dropdown li.level-3 a {
					padding-left: 30px;
				}

/* SUCHE
=========*/

	#sp-awn-suche {
		width: 100%;
		position: absolute;
		z-index: 999;
	}
	@media screen and (max-width: 768px) {
		#sp-awn-suche {
			position: relative;
			top: unset !important;
			margin-top: 20px;
		}
	}

	/*
	@media screen and (max-width: 2560px) {  #sp-awn-suche { top: 838px; }  }
	@media screen and (max-width: 2530px) {  #sp-awn-suche { top: 838px; }  }
	*/

	#sp-awn-suche input#mod-finder-searchword126 {
		height: 42px;
		margin-right: 10px;
		font-size: 20px;
		font-weight: 500;
	}

	#sp-awn-suche .awesomplete {
		margin-right: 10px;
		width: 350px;
	}

	#sp-awn-suche .btn-primary {
		height: 42px;
		border-radius: 5px;
		font-weight: 600 !important;
	}

	#sp-awn-suche .btn-primary .icon-search {
		display: none !important;
	}

	#sp-awn-suche .finder {
		display: none;
	}

	/*
	.mod-finder {
		background-color: rgba(100,100,100,0.1);
		padding: 20px;
		display: inline-block;
		border-radius: 5px;
	}
	*/

	.com-finder > * + *,
	.com-finder__results > * + * {
		margin: 0 !important;
	}

/* Brotkrumenpfad
==================*/

	.breadcrumb {
		padding: 10px 0;
		background-color: transparent;
	}

	.breadcrumb * {
		font-size: 14px;
	}

/* Simple Überschrift
======================*/

	.home-simple-title {
		text-transform: uppercase;
		font-size: 28px;
		font-weight: 600;
		margin: 0 0 20px 0;
		line-height: 120%;
	}

	@media screen and (max-width: 800px) {
		.home-simple-title {
			margin-bottom: 20px;
		}
	}

/* Teaerboxen auf der Startseite
=================================*/

	.awn-teaser-boxes {
		display: grid;
		grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);
		grid-column-gap: 20px;
		row-gap: 20px;
		padding-bottom: 50px;
	}

	@media screen and (max-width: 1130px) {
		.awn-teaser-boxes {
			grid-template-columns: minmax(0,1fr) minmax(0,1fr);
		}
	}

	.awn-teaser-boxes > div {
		background-color: #cecece;
		border-radius: 5px;
	}

	.awn-teaser-boxes > div:hover {
		box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2) !important;
	}

	.awn-teaser-boxes > div.awn {
		background-color: #80a51b;
	}

	.awn-teaser-boxes > div.kwin {
		background-color: #c90c0f;
	}

	.awn-teaser-boxes > div.gray {
		background-color: #596469;
	}

	.awn-teaser-boxes a {
		display: grid;
		grid-template-columns: 30% minmax(0,1fr);
		grid-column-gap: 10px;
		position: relative;
		color: #FFFFFF;
		text-decoration: none !important;
	}

	.awn-teaser-boxes a span {
		color: #FFFFFF;
		font-size: 22px;
		font-weight: 600;
		line-height: 120%;
		text-transform: uppercase;
		padding-top: 13px;
	}

		@media screen and (max-width: 600px) {
			.awn-teaser-boxes a {
				grid-template-columns: 50px minmax(0,1fr);
			}
			.awn-teaser-boxes a span {
				padding: 10px 10px 10px 0;
				font-size: 18px;
			}
		}

	.awn-teaser-boxes img {
		margin: 10px;
	}

/* Footer
==========*/

	#sp-footer {
		font-size: 18px;
		padding: 0px !important;
		margin-top: 55px;
		background-color: #f2f6e9 !important;
	}

	#sp-footer .container-inner {
		padding: 0;
	}

	#mod-custom129 {
		display: grid;
		grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);
	}

		@media screen and (max-width: 1024px) {
			#mod-custom129 {
				grid-template-columns: minmax(0,1fr);
				row-gap: 20px;
			}
		}

	#mod-custom129 > div {
		padding: 20px 30px 20px;
	}

	#mod-custom129 > div.logos {
		/*padding: 20px 0 20px 30px;*/
	}

	#mod-custom129 > div.logos p {
		width: 100%;
	}

	#mod-custom129 > div.kwin {
		background-color: #c90c0f;
	}

	#mod-custom129 > div.awn {
		background-color: #80a51b;
	}

		#mod-custom129 > div.kwin img,
		#mod-custom129 > div.awn img {
			height: 70px;
			margin: 10px 0 0 0;
		}

		#mod-custom129 > div.logos p {
			float: left;
		}

		#mod-custom129 > div.logos img {
			/*max-height: 100px;*/
			margin: 0;
        	max-width: 60%;
		}


	#mod-custom129 a {
		color: #FFFFFF;
	}

	#sp-bottom1 .sp-module {
		padding: 40px 20px 20px 20px;
	}

	#sp-bottom2 .sp-module {
		background: #80a51b;
		padding-top: 40px;
		padding-left: 40px;
	}

	#sp-bottom3 {
		padding-left: 30px;
	}

	#sp-bottom a,
	#sp-bottom a:hover {
		color: #FFFFFF;
	}

	#mod-custom124 img {
		margin-top: -20px;
	}

	#sp-footer {
		font-size: 18px;
		padding: 0px !important;
		margin-top: 55px;
		background-color: #f2f6e9 !important;
	}

	#sp-bottom p {
		margin-bottom: 10px;
	}

	.logos .wf-column > img {
  		max-width: 80%;
	}	

/* Footerlinks
===============*/

	#sp-footerlinks {
		background: #FFFFFF;
		color: #636569;
		text-align: center !important;
		font-size: 16px;
		padding-top: 5px;
		padding-bottom: 5px;
	}

	#sp-footerlinks a {
		color:  #636569;
		text-decoration:  underline;
	}

	#sp-footerlinks a:hover {
		color:  #596469;
		text-decoration:  underline;
	}

	#sp-footerlinks .container-inner {
  		padding: 10px 0;
	}

/* Brotkrumenpfad
==================*/

	#sp-breadcrumb-container {
		padding-top: 70px;
	}

	#sp-breadcrumb-container a {
		color: #596469;
		font-weight: 600;
	}

	#sp-breadcrumb-container .float-start {
		display: none;
	}

/* Artikellisten
=================*/

	.article-list .article .article-intro-image, .article-list .article .article-featured-video, .article-list .article .article-featured-audio, .article-list .article .article-feature-gallery {
		margin: 0;
	}

	.itemid-247 .article-list .article:after {
		content: '';
		clear: both;
		display: table;
	}

	.itemid-247 .article-list .article-header h2 {
		margin-bottom: 10px;
	}

	.itemid-247 .article-list .article .article-intro-image {
		float: left;
		width: 250px;
		padding-top: 20px;
	}

		@media screen and (max-width: 768px) {
			.itemid-247 .article-list .article .article-intro-image {
				float: none;
				width: 100%;
			}
		}

	.itemid-247 .article-list .article .article-body {
		margin-left: 270px;
	}

		@media screen and (max-width: 768px) {
			.itemid-247 .article-list .article .article-body {
				margin-left: 0;
			}
		}

	.itemid-247 .article-list .article .article-body {
		padding: 20px 20px 30px 20px !important;
	}

		@media screen and (max-width: 768px) {
			.itemid-247 .article-list .article .article-body {
				padding: 20px 0 30px 0 !important;
			}
		}

	.itemid-101 .article-list .article {
		padding: 0;
	}

/* Suche
=========*/

	#finder-search {
		display: none;
	}

	#search-query-explained {
		display: none !important;
	}

/* Buttons
===========*/

	#sp-main-body .button {
		display: inline-block;
		font-size: 18px !important;
		background: #c90c0f;
		color: #FFFFFF !important;
		border-radius: 5px;
		padding: 5px 10px;
		font-weight: 400 !important;
	}

	#sp-main-body .button p,
	#sp-main-body .button a {
		padding: 0;
		margin: 0;
		color: #FFFFFF;
		text-decoration: none;
	}

	#sp-main-body .button:hover {
		opacity: 0.8;
	}

/* Tabellen
============*/

	#sp-main-body table {
		width: 100%;
		border-collapse: collapse;
	}

	#sp-main-body table td {
		vertical-align: top;
	}

/* Offcanvas
=============*/

	.offcanvas-menu .offcanvas-inner ul.menu li.active a {
	color: #454545;
	}

.offcanvas-menu .offcanvas-inner:active > a {
  color: #80a51b !important;
  font-weight: 600!important;
}

/* Kontaktformular
===================*/

	#cf1 {
		padding: 20px;
		background-color: #f2f2f2;
	}

	#cf1 .cf-form-wrap {
		background-color: transparent !important;
	}

	#cf1 textarea {
		background-color: #FFFFFF !important;
		border: 1px solid rgba(0, 0, 0, 0.15);
		resize: none;
	}

	.convertforms .cf-checkbox-group,
	.convertforms .cf-radio-group {
		display: grid !important;
  		grid-template-columns: 30px minmax(0,1fr);
		align-items: start;
	}

	.convertforms .cf-checkbox-group input[type="checkbox"],
	.convertforms .cf-radio-group input[type="checkbox"] {
		margin-top: 5px;
	}

/* Öffnen
----------*/

	.opener {
		position: absolute;
		top: 0;
		right: 0;
		height: 38px;
		width: 40px;
		background-image: url('/templates/sg/img/arrow_right.svg');
		background-size: 14px auto;
		background-repeat: no-repeat;
		background-position: center center;
		cursor: pointer;
	}

	.is-open .opener {
		background-image: url('/templates/sg/img/arrow_down.svg');
	}

/* Tabellen im Inhalt
-----------------------*/

	table {
		margin-top: 30px;
		background-color: #FEFEFE;
		border-collapse: collapse;
		margin-bottom: 20px;
	}

	table td {
		padding: 7px 20px;
		border: 1px solid #DDD;
      	max-width: 300px;
	}

	table td > p:first-of-type {
		margin-bottom: 0;
	}

/* Aufsichtsratstabelle
≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠*/

.aufsichtsrat {
  width: 100%;
  margin-top: 35px;
}

.aufsichtsrat h4 {
  margin-top: 10px;
}


.aufsichtsrat td {
	border: none;
}

.aufsichtsrat tr:nth-child(even){
  background: #f2f6e9;
}

.aufsichtsrat tr:nth-child(odd){
  background: #e8f2d4;
}

.aufsichtsrat th {
  padding: 20px 10px 10px 0;
  background: white !important;
}

.first th {
  padding: 10px 10px 10px 0;
}

/* Linklisten
--------------*/

	.category.table.table-bordered td {
		border: 1px solid #DDDDDD;
		padding: 0;
	}

	.category.table.table-bordered a {
		display: block;
		color: #454545;
		padding: 10px 15px 10px 40px;
		background-image: url('/templates/sg/img/double-arrow-right-000000.svg');
		background-size: 16px auto;
		background-repeat: no-repeat;
		background-position: 15px center;
	}

	.category.table.table-bordered a:hover {
		background-color: #80a51b;
		color: #FFFFFF;
		background-image: url('/templates/sg/img/double-arrow-right-FFFFFF.svg');
	}

/* Anpassungen zum Menü-Toggler (oben)
---------------------------------------*/

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

		.topheader--quicklinks {
			right: -10px !important;
    		top: 20px !important;
		}

		.menu-toggler a {
			display: inline-block;
			height: 30px;
			width: 30px;
			overflow: hidden;
			color: #FFFFFF !important;
			font-size: 1px;
		}
	}

/* Finetuning Offcanvas-Menü
-----------------------------*/

	.offcanvas-menu .p-2.red,
	.offcanvas-menu .p-2.green {
		display: none !important;
	}

/* Bearbeiten-Link
-------------------*/

	.article-can-edit {
		display: none !important;
	}

/* Downloadliste
-----------------*/

	.sgdownloadlist {
		margin-top: 15px;
	}

/* Boxen
---------*/

	.wf-columns {
		margin-top: 15px;
	}

/* article-info
----------------*/

	.article-info {
		margin: 15px 0 0 0 !important;
	}

/* Paginierung
---------------*/

	.pagination>li>a:hover,
	.pagination>li>a:focus,
	.pagination>li>span:hover,
	.pagination>li>span:focus {
	  color:#252525
	}
	.pagination>.active>a,
	.pagination>.active>span {
	  border-color:#80a51b;
	  background-color:#80a51b
	}
	.pagination>.active>a:hover,
	.pagination>.active>a:focus,
	.pagination>.active>span:hover,
	.pagination>.active>span:focus {
	  border-color:#80a51b;
	  background-color:#80a51b
	}

/* Formulare
-------------*/

	.cf-btn[type="submit"] {
		background-color:#80a51b !important;
	}

/* Drei-Spalten Container
--------------------------*/

	.itemid-337 .article-list {
		margin-top: 30px;
	}

/* Konfigurator
----------------*/

	#tonnen_de.configurator {
		margin-top: 30px;
	}

	.configurator .step-content-before {
		padding-bottom: 20px;
	}

/* Überschriften in Slider auf Startseite
------------------------------------------*/

	.itemid-101 .owl-item h3 {
		margin-top: 0 !important;
	}

	.itemid-101 .owl-item h3 a {
		text-decoration: none !important;
	}

	.itemid-101 #sp-news .entry-description a {
		text-decoration: none !important;
	}

/* Abstand
------------*/

	h4 + .jwts_toggleControlContainer {
		margin-top: 20px;
	}

/* Download-Icons
------------------*/

	.ai {
		display: inline-block;
		padding-left: 24px;
		background-repeat: no-repeat;
		background-size: 20px 20px;
		background-position: 0 5px;
	}

	.ai--acrobat {
		background-image: url('/media/jce/icons/acrobat.png');
	}
	.ai--archive {
		background-image: url('/media/jce/icons/archive.png');
	}
	.ai--audio {
		background-image: url('/media/jce/icons/audio.png');
	}
	.ai--doc {
		background-image: url('/media/jce/icons/doc.png');
	}
	.ai--gif {
		background-image: url('/media/jce/icons/gif.png');
	}
	.ai--html {
		background-image: url('/media/jce/icons/html.png');
	}
	.ai--image {
		background-image: url('/media/jce/icons/image.png');
	}
	.ai--jpeg,
	.ai--jpg {
		background-image: url('/media/jce/icons/jpeg.png');
	}
	.ai--office {
		background-image: url('/media/jce/icons/office.png');
	}
	.ai--openoffice {
		background-image: url('/media/jce/icons/openoffice.png');
	}
	.ai--pdf {
		background-image: url('/media/jce/icons/pdf.png');
	}
	.ai--php {
		background-image: url('/media/jce/icons/php.png');
	}
	.ai--png {
		background-image: url('/media/jce/icons/png.png');
	}
	.ai--ppt,
	.ai--pptx {
		background-image: url('/media/jce/icons/ppt.png');
	}
	.ai--swf {
		background-image: url('/media/jce/icons/swf.png');
	}
	.ai--text,
	.ai--txt {
		background-image: url('/media/jce/icons/text.png');
	}

/* Blöcke in der rechten Spalte
--------------------------------*/

	#sp-right .sp-module  {
		padding: 0;
	}

	#sp-right .sp-module a {
		text-decoration: none;
	}

	#sp-right .sp-module .description {
		padding: 0 20px 20px 20px;
	}

	#sp-right .sp-module h2 {
		margin-top: 10px;
		font-size: 28px !important;
	}

	#sp-right .mod-custom {
		background-color: #F2F2F2;
	}

	#sp-right .sp-module a.btn {
		display: block;
		margin-top: 15px;
		background-color: #596469;
		color: #FFFFFF !important;
		text-decoration: none;
	}

    #sp-right a.btn:hover {
     	background-color: #596469c2 !important;
    }

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

		#sp-right .mod-custom {
			margin-top: 30px;
		}

		#sp-right .sp-module figure img {
			width: 100%;
		}
	}

/* Farbschema (rot)
====================*/

	.itemid-252,
	.itemid-348,
	.itemid-256,
	.itemid-349,
	.itemid-260,
	.itemid-310 {

		/* Überschriften
		-----------------*/

			h1, h2, h3, h4 {
				color: #c90c0f !important;
			}

		/* Links
		---------*/

			main a {
				color: #c90c0f;
              	font-weight: 600;
			}

		/* Formulare
		-------------*/

			.cf-btn[type="submit"] {
				background-color: #c90c0f !important;
			}

		/* Akkordeon-Elemente
		----------------------*/

			div.jwts_toggleControlContainer a.jwts_toggleControl {
				background-color: #c90c0f;
			}

			div.jwts_toggleControlContainer a.jwts_toggleControl.jwts_toggleOn {
				color: #FFFFFF !important;
			}

		/* Rechte Spalte
		-----------------*/

			#sp-right h2 {
				color: #c90c0f !important;
			}

			#sp-right .sp-module a {
				color: #c90c0f;
			}

			#sp-right .sp-module a.btn {
				background-color: #c90c0f;
				color: #FFFFFF;
			}

	}

/* Farbschema (grün)
=====================*/

	.itemid-253,
	.itemid-340,
	.itemid-339,
	.itemid-341,
	.itemid-317 {

		/* Überschriften
		-----------------*/

			h1, h2, h3, h4 {
				color: #80a51b !important;
			}

		/* Links
		---------*/

			main a {
				color: #80a51b;
			}

		/* Formulare
		-------------*/

			.cf-btn[type="submit"] {
				background-color: #80a51b !important;
			}

		/* Akkordeon-Elemente
		----------------------*/

			div.jwts_toggleControlContainer a.jwts_toggleControl {
				background-color: #80a51b;
			}

			div.jwts_toggleControlContainer a.jwts_toggleControl.jwts_toggleOn {
				color: #FFFFFF !important;
			}

		/* Rechte Spalte
		-----------------*/

			#sp-right h2 {
				color: #80a51b !important;
			}

			#sp-right .sp-module a {
				color: #80a51b;
			}

			#sp-right .sp-module a.btn {
				background-color: #80a51b;
				color: #FFFFFF;
			}
	}

/* Newsticker
==============*/

	.eoc-newsticker {
		padding: 10px 20px;
		background-color: #c90c0f;
		margin: 20px 0 20px 0;
		color: #FFF;
	}

	.eoc-newsticker .eoc-newsticker-container {
		position: relative;
		height: 20px;
		overflow: hidden;
	}

	.eoc-newsticker .eoc-newsticker-one,
	.eoc-newsticker .eoc-newsticker-two {
		position: absolute;
		left: 0;
		top: 0;
		height: 20px;
		line-height: 20px;
		white-space: nowrap;
	}

	.eoc-newsticker-loader {
		position: absolute;
		left: calc(50% - 10px);
		width: 16px;
		height: 16px;
		display: block;
		border: 2px solid #555555;
		border-top: 2px solid transparent;
		border-radius: 50%;
		animation: eoc-newsticker-spin 1s linear infinite;
	}

	@keyframes eoc-newsticker-spin {
	  0% {
		transform: rotate(0deg);
	  }
	  100% {
		transform: rotate(360deg);
	  }
	}

	#sp-newsticker-container {
		margin-bottom: -50px;
		margin-top: 60px;
	}

	.itemid-101 #sp-newsticker-container {
		margin-bottom: 0px;
		margin-top: 0px;
	}

/* Offcanvas
=============*/

	.offcanvas-logo {
		position: absolute;
		width: 150px;
		margin-top: 20px;
		margin-left: 15px;
	}

	.offcanvas-menu .sp-contact-phone {
		display: block !important;
	}

	.offcanvas-menu .sp-contact-email {
		display: block !important;
	}

	.offcanvas-menu .offcanvas-inner .sp-contact-info {
		margin-top: 30px;
	}

/* Logos Footer zweispaltig
--------------------------- */
	#sp-footer1 .wf-columns {
  		margin-top: 0px;
      	margin-bottom: 0px;
      	background: none !important;
	}

  .itemid-101 .wf-column {
    background: none;
  }

  .itemid-101 .wf-column:hover {
    background: none;
  }

/* Suche
-------- */
  #finder-search {
  	display: block;
  }

  .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
    width: 80%;
    margin-bottom: 10px;
  }

  .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: 5px;
    border-radius: 5px;
  }

  .form-control {
    padding: 10px;
	}

.itemid-369 .form-label {
  display: none;
}

.itemid-369 .result-title a {
	padding-left: 0;
}

/* Öffnungszeiten
≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠*/

.oeffnungszeiten {
  margin-top: 25px
}

.oeffnungszeiten p {
  margin-bottom: 0;
  margin-top: 10px;
  line-height: 20px;
}


/* Artikelbilder rechts positionieren
======================================*/

	.view-article.layout-blog #sp-main-body .article-details .article-full-image img {
		float: right;
		width: 400px;
		margin-left: 20px;
		margin-bottom: 20px;
	}

	@media screen and (max-width: 1024px) {
		.view-article.layout-blog #sp-main-body .article-details .article-full-image img {
			float: none;
			width: 100%;
			margin-left: 0;
		}
	}


.itemid-252 .wf-column  {
  margin-bottom: 30px;
}

#sp-footer a:hover {
  color: #FFFFFFAD !important;
}

#sp-footer .wf-column {
  padding: 0px;
  margin-bottom: 0px;
}

.gewerbe-regelungen button {
  border: none;
  display: block;
  margin: auto;
  padding: 10px;
  color: white;
  text-transform: uppercase;
  background-color: #80a51b;
  border-radius: 5px;
  font-weight: 600;
  font-size: 22px;
  margin-top: 15px;
  margin-bottom: 25px;
}

.gewerbe-regelungen {
  text-decoration: none!important;
}

.gewerbe-regelungen:hover {
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
}

/* Sidebar Social Links Icons
=============================*/
.social-links {
	position: fixed;
	right: 0px;
	width: 60px;
	top: 560px;
	z-index: 999;
}

.social-links a {
	box-sizing: border-box;
	position: relative;
	display: inline-block;
	height: 60px;
	width: 60px;
	text-align: center;
	background-color: #b7adc6;
	margin-bottom: 3px;
	padding: 10px;
	line-height: 0;
	opacity: 1;
	margin: 0;
}

.social-links a span {
	display: none;
	width: auto;
	position: absolute;
	right: 60px;
	background-color: inherit;
	height: 60px;
	top: 0;
	color: #ffffff;
	line-height: 60px;
	padding-left: 25px;
	padding-right: 15px;
	white-space: nowrap;
	font-size: 18px;
}

/* Icon
========*/
.social-links a i {
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	height: 60px;
	width: 60px;
	margin-right: 0;
	background-size: 45px 45px;
	background-position: center center;
	background-repeat: no-repeat;
}

.icon-suche {
	background-image: url('/images/template/icon-lupe.svg');
}

.icon-app {
	background-image: url('/images/template/icon-app.svg');
}

.social-links a span.zweizeilig {
	line-height: 20px;
	padding-top: 5px;
	height: 50px;
	padding-right: 20px;
}

/*Hover-Effekt
==============*/
.social-links a:hover {
	background-color: #b7adc6 ;
	opacity: 1;
}

.social-links a:hover span {
	display: inline-block;
	transition: all 0ms;
	opacity: 1;
	font-family: 'PT Sans', Arial, sans-serif !important;
	font-weight:400;
}

.social-links a:nth-child(4) {
	padding-top: 13px;
}

.awn-teaser-boxes > div:hover {
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2) !important;
  transition: 0.3s;
  transform: scale(1.08);
  opacity: 0.8;
}

/* Convert Forms Tonnenformular Privat */

.formular-grau, .formular-grau h3 {
  color: #FFF !important;
  background: #2F3234;
}

.formular-blau, .formular-blau h3 {
  color: #FFF !important;
  background: #007CAF;
}

.formular-gelb, .formular-gelb h3 {
  	color: #FFF !important;
	background:#FACA31;
}

.formular-gruen, .formular-gruen h3, .formular-gruen h2 {
  	color: #FFF !important;
	background: #669c42;
}

.formular-gruen .cf-control-input-desc {
  color: #fff;
  text-align: center;
}

.formular-rot, .formular-rot h3 {
  color: #FFF !important;
  background: #c90c0f ;
}

.formular-rot {
  margin-top: 30px;
  margin-bottom: 40px;
}

.formular-gelb h3, .formular-grau h3, .formular-blau h3, .formular-gruen h3, .formular-rot h3{
  margin: 5px;
}

.bio-eingabe {
  width: 65px!important;
}


/* Deponieerhöhung */

.deponie-row {
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  margin-top: 40px;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.deponie-column {
  	background: #316226!important;
  	color: #fff;
  	width: 19%;
  	aspect-ratio: 6/5;
  	max-width: 50% !important;
  	min-width: 150px;
  	margin-top: 25px;
	padding-bottom: 15px;
}

.deponie-column h4 {
  	color: #fff;
	font-size: clamp(80%, 1.5vw, 120%);
  	line-height: 15px;
  	padding-top: 15px;
  	margin-top: 0!important;
}

.deponie-column p{
	font-size: clamp(50%, 0.7vw, 70%);
  	margin-top: 0!important;
  	text-transform: none;
}

.deponie-column img {
  display: block;
  margin: auto;
  margin-top: -40px;
  width: 60px;
  height: 60px;
}

.deponie-column:first-of-type:after {
content: '2020';
  background: #a9d39f;
  position: relative;
  height: 50px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  font-weight: 800;
  font-size: 25px;
  width: 150%;
  text-align: center;
  margin-right: -20px;
  margin-top:40%;
  float: right;
}

.deponie-column:nth-of-type(2):after {
content: '2021';
  background: #7fbe70;
  position: relative;
  height: 50px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  font-weight: 800;
  font-size: 25px;
  width: 150%;
  text-align: left;
  margin-left: -20px;
  margin-top: 40%;
  float: left;
  padding-left: 25px;
}

.deponie-column:nth-of-type(3):after {
	content: "";
  	background: #7fbe70;
  	position: relative;
  	height: 50px;
  	display: flex;
  	justify-content: center;
  	flex-direction: column;
  	font-weight: 800;
  	font-size: 25px;
  	width: 150%;
  	text-align: center;
  	margin-right: -20px;
  	margin-top:40%;
  	float: right;
}

.deponie-column:nth-of-type(4):after {
content: '2022';
  background: #59954b;
  position: relative;
  height: 50px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  font-weight: 800;
  font-size: 25px;
  width: 155%;
  text-align: left;
  margin-left: -20px;
  margin-top: 40%;
  float: left;
  padding-left: 25px;
}

.deponie-column:last-of-type:after {
content: "";
  background: #59954b;
  position: relative;
  height: 50px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  font-weight: 800;
  font-size: 25px;
  width: 150%;
  text-align: left;
  margin-left: -20px;
  margin-top: 40%;
  float: left;
  padding-left: 25px;
}

@media only screen and (max-width:881px) {
  .deponie-column {
	flex: 0.0 19% !important;
  }
  .deponie-column:first-of-type:after, .deponie-column:nth-of-type(2):after, .deponie-column:nth-of-type(3):after, .deponie-column:nth-of-type(4):after, .deponie-column:last-of-type:after  {
    width: 100%;
    margin-left: unset;
    margin-right; unset;
    float: unset;
    text-align: center;
    padding-left: unset;
  }
  .deponie-column:nth-of-type(3):after {
    content: '2021';
  }
  .deponie-column:last-of-type:after {
    content: '2022';
  }
}

.haushalte-columns {
  flex: auto!important;
  width: 31%;
}

@media only screen and (max-width:980px) {
  .haushalte-columns {
    width: 45%!important;
  }
}

@media only screen and (max-width:520px) {
  .haushalte-columns {
    width: 100%!important;
  }
}

/* Responsive Design
====================*/
@media only screen and (max-width:1200px) {
	.social-links {
		top: 360px;
	}
}

@media only screen and (max-width:980px) {
	.social-links {
		top: 275px;
	}
}

@media only screen and (max-width:760px) {
	.social-links {
		display: none;
	}
    .einleitung-haushalte {
    	display: none;
  	}
}

@media only screen and (max-width:760px) {
  	.awn-teaser-boxes a span {
    	font-size: 14px!important;
  	}
    .awn-teaser-boxes img {
    	width: 65%;
  	}
}

/* Konigurator
---------------*/

	form.configurator [data-path="/02_muellgemeinschaft/"],
	form.configurator [data-path="/03_ferienwohnung/"] {
		display: none !important;
	}

/* Tabs & Accordions
-------------------- */
	[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="accordions"] > [data-rlta-element="button"] {
		font-size: 90% !important;
  	border: none;
  	border-radius: 0px;
  	background: #596469;
 		color: #FFFFFF !important;
  	padding: 15px;
  	margin-bottom: 1px;
	}

	[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="accordions"] > [data-rlta-element="button"]:hover,
	[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="accordions"] > [data-rlta-element="button"][data-rlta-state="open"]:hover,
	[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="accordions"] > [data-rlta-element="button"]:not([data-rlta-state="closed"]),
	[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="accordions"] > [data-rlta-element="button"][data-rlta-state="open"]:focus,
	[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="accordions"] > [data-rlta-element="button"]:focus {
		background: #596469f0;
		border-radius: 0px;
	}

	[data-rlta-element="container"] > [data-rlta-element="button"] > [data-rlta-element="heading"] {
		color: #FFF !important;
	}

	@media screen {
  [data-rlta-element="container"][data-rlta-state="ready"]:last-child, [data-rlta-element="container"][data-rlta-state="ready"][data-rlta-type="accordions"] > [data-rlta-element="panel"] > [data-rlta-element="panel-content"] > p:last-child, [data-rlta-element="container"][data-rlta-state="ready"][data-rlta-type="tabs"] > [data-rlta-element="panels"] > [data-rlta-element="panel"] > [data-rlta-element="panel-content"] > p:last-child {
    margin-top: 0px;
  }
}

[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="accordions"] > [data-rlta-element="button"],
[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="accordions"] > [data-rlta-element="button"]:hover {
	background-position: left center;
	background-repeat: no-repeat;
	background-size: contain;
	background-size: 22px;
	padding-left: 45px;
	background-position-x: 15px;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTIwMCIgaGVpZ2h0PSIxMjAwIiB2aWV3Qm94PSIwIDAgMTIwMCAxMjAwIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2MDAgNjAwKSBzY2FsZSgwLjY5IC0wLjY5KSByb3RhdGUoMCkgdHJhbnNsYXRlKC02MDAgLTYwMCkiIHN0eWxlPSJmaWxsOiNGRkZGRkYiPjxzdmcgZmlsbD0iI0ZGRkZGRiIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIiB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIgdmVyc2lvbj0iMS4xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDEwMCAxMDAiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTk1Mi4zNjIxOCkiPjxwYXRoIHN0eWxlPSJ0ZXh0LWluZGVudDowO3RleHQtdHJhbnNmb3JtOm5vbmU7ZGlyZWN0aW9uOmx0cjtibG9jay1wcm9ncmVzc2lvbjp0YjtiYXNlbGluZS1zaGlmdDpiYXNlbGluZTtjb2xvcjojMDAwMDAwO2VuYWJsZS1iYWNrZ3JvdW5kOmFjY3VtdWxhdGU7IiBkPSJNIDQ5LjgxMjUsOTgxLjM0MDk1IEEgMy4wMDAzLDMuMDAwMyAwIDAgMCA0OCw5ODIuMDkwOTUgTCA4LDEwMTguMDkwOSBhIDMuMDAwMywzLjAwMDMgMCAxIDAgNCw0LjQ2ODggbCAzOCwtMzQuMTg3NDUgMzgsMzQuMTg3NDUgYSAzLjAwMDMsMy4wMDAzIDAgMSAwIDQsLTQuNDY4OCBMIDUyLDk4Mi4wOTA5NSBhIDMuMDAwMywzLjAwMDMgMCAwIDAgLTIuMTg3NSwtMC43NSB6IiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjEiIG1hcmtlcj0ibm9uZSIgdmlzaWJpbGl0eT0idmlzaWJsZSIgZGlzcGxheT0iaW5saW5lIiBvdmVyZmxvdz0idmlzaWJsZSI+PC9wYXRoPjwvZz48L3N2Zz48L2c+PC9zdmc+");
}

[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="accordions"] > [data-rlta-element="button"]:not([data-rlta-state="closed"]),
[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="accordions"] > [data-rlta-element="button"]:not([data-rlta-state="closed"]), [data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="accordions"] > [data-rlta-element="button"][data-rlta-state="open"]:focus {
	background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
  background-size: 22px;
  background-position-x: 15px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTIwMCIgaGVpZ2h0PSIxMjAwIiB2aWV3Qm94PSIwIDAgMTIwMCAxMjAwIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2MDAgNjAwKSBzY2FsZSgtMC42OSAwLjY5KSByb3RhdGUoLTkwKSB0cmFuc2xhdGUoLTYwMCAtNjAwKSIgc3R5bGU9ImZpbGw6I0ZGRkZGRiI+PHN2ZyBmaWxsPSIjRkZGRkZGIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiIHhtbG5zOmlua3NjYXBlPSJodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy9uYW1lc3BhY2VzL2lua3NjYXBlIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCwtOTUyLjM2MjE4KSI+PHBhdGggc3R5bGU9InRleHQtaW5kZW50OjA7dGV4dC10cmFuc2Zvcm06bm9uZTtkaXJlY3Rpb246bHRyO2Jsb2NrLXByb2dyZXNzaW9uOnRiO2Jhc2VsaW5lLXNoaWZ0OmJhc2VsaW5lO2NvbG9yOiMwMDAwMDA7ZW5hYmxlLWJhY2tncm91bmQ6YWNjdW11bGF0ZTsiIGQ9Ik0gNDkuODEyNSw5ODEuMzQwOTUgQSAzLjAwMDMsMy4wMDAzIDAgMCAwIDQ4LDk4Mi4wOTA5NSBMIDgsMTAxOC4wOTA5IGEgMy4wMDAzLDMuMDAwMyAwIDEgMCA0LDQuNDY4OCBsIDM4LC0zNC4xODc0NSAzOCwzNC4xODc0NSBhIDMuMDAwMywzLjAwMDMgMCAxIDAgNCwtNC40Njg4IEwgNTIsOTgyLjA5MDk1IGEgMy4wMDAzLDMuMDAwMyAwIDAgMCAtMi4xODc1LC0wLjc1IHoiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMSIgbWFya2VyPSJub25lIiB2aXNpYmlsaXR5PSJ2aXNpYmxlIiBkaXNwbGF5PSJpbmxpbmUiIG92ZXJmbG93PSJ2aXNpYmxlIj48L3BhdGg+PC9nPjwvc3ZnPjwvZz48L3N2Zz4=");
}

[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="accordions"] > [data-rlta-element="panel"], [data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="tabs"] > [data-rlta-element="panels"] > [data-rlta-element="panel"] {
  border: 1px solid #626d71;
  border-radius: 0px;
}

ul, ol {
  margin-bottom: 20px;
  margin-top: -15px;
}

.article-list .article .featured-article-badge {
	display: none;
}


/* Kundenportal Boxen
--------------------- */
.awn-kundenportal {
		display: grid;
		grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);
		grid-column-gap: 10px;
		row-gap: 10px;
		padding-bottom: 50px;
	}

	@media screen and (max-width: 1130px) {
		.awn-kundenportal {
			grid-template-columns: minmax(0,1fr) minmax(0,1fr);
		}
	}

	.awn-kundenportal > div {
		background-color: #cecece;
		border-radius: 5px;
	}

	.awn-kundenportal > div:hover {
		box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2) !important;
	}

	.awn-kundenportal > div.awn {
		background-color: #80a51b;
	}

	.awn-kundenportal > div.kwin {
		background-color: #c90c0f;
	}

	.awn-kundenportal > div.gray {
		background-color: #596469;
	}

	.awn-kundenportal a {
		display: grid;
		grid-template-columns: 30% minmax(0,1fr);
		grid-column-gap: 10px;
		position: relative;
		color: #FFFFFF;
		text-decoration: none !important;
	}

	.awn-kundenportal a span {
		color: #FFFFFF;
		font-size: 17px;
		font-weight: 600;
		line-height: 120%;
		text-transform: uppercase;
		display: flex;
  	align-items: center;
  	padding-top: 0;
  	height: 100%; 
	}

		@media screen and (max-width: 600px) {
			.awn-kundenportal a {
				grid-template-columns: 50px minmax(0,1fr);
			}
			.awn-kundenportal a span {
				padding: 10px 10px 10px 0;
				font-size: 17px;
			}
		}

	.awn-kundenportal img {
		margin: 10px;
		max-height: 60px;
	}

	.awn-kundenportal > div:hover {
	  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2) !important;
	  transition: 0.3s;
	  transform: scale(1.08);
	  opacity: 0.8;
	}

	@media only screen and (max-width:760px) {
  	.awn-kundenportal a span {
    	font-size: 17px!important;
  	}
    .awn-kundenportal img {
    	width: 65%;
  	}

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