html { 
	overflow-y: scroll;
}
a.facebook {
	display:block;
	width:16px;
	height:16px;
	padding:0px;
	text-indent:-9999px;    
	background-image: url("../layout/Facebook_WeissTransparent.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	margin-right:10px;
}
a.facebook::before {
	content:none!important;
}
a.instagram {
	display:block;
	width:16px;
	height:16px;
	padding:0px;
	text-indent:-9999px;    
	background-image: url("../layout/Instagram_WeissTransparent.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
}
a.facebook::before {
	content:none!important;
}
a.abibuch {
	display:block;
	width:28px;
	height:22px;
	padding:0px;
	text-indent:-9999px;    
	background-image: url("../layout/abibuch_link.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	margin-right:10px;
}
a.abibuch::before {
	content:none!important;
}
body {
	font-family: "Century Gothic", CenturyGothic, "Didact Gothic", sans-serif;
	color:#726E62;
	font-size:1em;
}
#background {
    position: fixed;
    top: 0px;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
	background-image: url("../layout/Afterglow_WebseiteBG_AG20.png");
    background-size: 100%;
    -moz-background-size: 100%;
	background-repeat:no-repeat;
    background-position: top;
    z-index: 0;
}
.mobile_logotext {
	font-size:1em;font-weight:bold;
}
#header {
	background-color:#fff;
}	
#header > .inside {
	margin:0 auto;
	width:78.75rem;
}
#navigation {
	background-color:#D9D9D9;
	margin-top:30px;
}
#navigation ul {
	margin:0;
	padding: 0 40px;
}
#navigation li	{
	margin-left:0.5em;	
	float:left;
}
#navigation a, #navigation strong, h1, h2	 {
	color: #333;
	text-decoration:none;
	display:block;
	padding:10px;
	font-weight:normal;
	font-size:1em;
}
#navigation a:hover,#navigation a.trail, #navigation strong {
	color:#009ee3;
}
#footer {
	padding:20px 0 0 0;
	text-align:center;
	bottom:0;
	background-color:#626262;
	color:#fff;
} 
#footer a {color:#fff;text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer > .inside {
	width:1200px;
	margin:0 auto;
}
#adresse {
	font-weight:normal;
}
#adresse .footer_nav {
	font-weight:normal;
}
#adresse > .ce_text a{
	color:#fff;
	text-decoration:none;	
	padding:0 10px;
}
#adresse a:hover{
	text-decoration:underline;
}
#footernav li{
	display:inline-block;
}
#footernav a {
	text-decoration:none;
		padding:0 10px;
}
#footernav a:hover, #footernav strong {
	text-decoration:underline;
	font-weight:normal;
}

.produktartikel {
	min-height:200px;
	background-image: url("../layout/produktrenner.gif");
	background-repeat:repeat-y;
	background-position:left top;
	background-size:contain;
} 	
.produktartikel figure {
	float:left;
	width:35%;
	padding:0 5% 0 0;
	height:200px;
}
.satz_layout #main .ce_text, .kasten, .mod_article, .layout_latest, .layout_full {
	background-color:#fff;
	margin-bottom:20px;
	padding:10px 60px 20px 60px;
}
h1, h2 {background-color:#626262;color:#fff;padding-left:20px;padding-right:20px;}
h3 {font-size:1em;font-weight:bold;}		

.produkte .subcolumns {
	background-color:#fff;
	margin-bottom:20px;
	-webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.5);
}
.produkte .subcolumns .subcl {
	text-align:center;
	background-color:#00AEEF;
}
.produkte .subcl::after {
    display: block;
    content: "";
    position:absolute;
	margin-top:-60px;
	margin-left:10px;
    width: 50px;
    height: 50px;
    background: transparent url("../layout/lupe_afterglow.png") no-repeat;
}
.produkte .subcl a {display:block;width:100%;height:100%;}
.text_cyan {
	color:#00AEEF;
	padding:0 5%!important;
}	
.text_cyan p {
	font-size:1.25rem!important;
}
.startseite .mod_article, .angebote .mod_article, .produkte .mod_article, .satz_layout .mod_article, .subcolumns .ce_text {
	background: inherit;
	margin:inherit;
	padding:inherit;
	-webkit-box-shadow: inherit;
	-moz-box-shadow: inherit;
	box-shadow: inherit;
}
.aktuell .mod_article {
	background-color:transparent;
	margin-bottom:0px;
	padding:0;
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
	-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
}
#f1 .mailkopie {
	display:none;
}
#main p, #main label, #main li, #left p {     
	font-size: 0.95em;
    line-height: 1.2em;
}
#main li {
	list-style-type:square;
	margin-left:15px;
}
#main a {color:#726E62;}

#main .block {overflow:visible;}

#main {
	padding-top:300px;
	padding-bottom:80px;
}
figure {
	padding:0;
	margin:0;
	line-height:0;
}
select {
	display:inline-block;
	width:173px;
	background-color:#CFC2B2;
	color:#009FE3;
}
label {
	text-transform:uppercase;
	line-height:2em;
	width:175px;	
	display:inline-block;
	white-space:nowrap;
}
select, input, textarea {
	margin-bottom:10px;
}	
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input:not([type]), textarea {
	background-color:#CFC2B2;
	color:#009FE3;
	border:0px;	
	box-shadow:inherit;
	width:98%;
	line-height:1.7em;
	padding:0 5px;	
}
input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input:focus:not([type]), textarea:focus {
    background: #CFC2B2 none repeat scroll 0 0;	
    outline: 0 none;
}
.form_group input[type="submit"] {
	margin-left:170px;
	width:170px;
}
select, input, textarea, .captcha_text {
    font-size: 90%;
}
.submit_container  {	
	margin-top:5px;
}
input[type="submit"]{
    background-color: #009FE3;
    background-image: inherit;
    background-repeat: no-repeat;
    color: #fff;
    cursor: pointer;
    font-size: 100%;
    line-height: 16px;
    margin-bottom: 0;
    padding: 4px 15px 4px 14px;
    text-align: center;
    transition: inherit;
    vertical-align: middle;
	border:inherit;
	margin: 10px 0;
	font-weight:bold;
}
input[type="submit"]:hover{
    color: #009FE3;
    background-color: #CFC2B2;
}
section.ce_accordion {
    background: #E6E6E6 none repeat scroll 0 0;
    margin: 5px 0;
    overflow: hidden;
}
section.ce_accordion .accordion {
    border-top: 1px solid #ccc;
    padding: 10px;
}
.ce_accordion .toggler {
    background: #E6E6E6 url("../layout/acc-open.png") no-repeat scroll 98% center;
    color: #000;
    padding: 10px 35px 10px 10px;
    font-weight: normal;
    transition: background-color 0.5s ease 0s;
}
.ce_accordion .ui-state-active, .toggler.ui-state-active, .toggler.active {
    background: #009FE3 url("../layout/acc-close.png") no-repeat scroll 98% center;
    color: #fff	;
}
.ce_accordion .toggler {
    cursor: pointer;
}
.toggler {
    outline: medium none;
}
td {
	border: 1px solid #726E62;
	
}
.telefon_link {text-decoration:none;}
.ce_contentCsvForm label {width:225px;text-transform:inherit;}

label[for=csv_select_amount], #csv_select_amount {display:none;}
.ce_contentCsvItems {font-weight:bold;}
.cyan {color:#009fe3;}

.galleria-errors {display:none;}
.galleria-theme-classic {background-color:transparent;}
.galleria-thumb-nav-left, .galleria-thumb-nav-right {background-color:#233755;}
.galleria-theme-classic .galleria-image-nav-left{
    width: 22px;
    height: 35px;
    background-position: 2px;
	background-color:#233755;
	opacity: 1;
}
.galleria-theme-classic .galleria-image-nav-right {
	width: 22px;
	height: 35px; 
   	background-position: -297px 2px;
	right:10px;
	background-color:#233755;
	opacity: 1;
}
.galleria-theme-classic .galleria-image-nav {
    margin-top: -0px;
}
.galleria-info-link {display:none;}
.ce_gallery li {margin:0!important;padding:0!important;list-style-type:none!important;}
.galleria-container {background-color:#ECECEC;}
.mod_unsubscribe input, .mod_subscribe input {color:#000;width:300px;}
#footer hr {color:#fff;}
.mod_newsletterreader td {border: 0px solid #726E62;}
.mod_newsletterreader {max-width:600px;margin: 0 auto;}
.es-footer-body p {text-align:center;}

.mod_unsubscribe input, .mod_subscribe input { width: inherit;}
.checkbox_container span {display:block;}

/* Änderungen September 2025 */
body {background-color:#f2f2f2;}
#main {background-color:#fff;margin-bottom:50px;padding-top:60px;margin-top:0;}
#header_main {background-color:#fff;}
#header_main .top-bar {background: #e6e6e6;}
#header_main .top-bar .container {max-width: 78.75rem; margin: 0 auto; width: 100%;}
#header_main  #logoblock  {max-width: 78.75rem; margin: 0 auto; width: 100%; display: flex; padding: 0;}
.logo {	padding: 20px 0px;	background-color:#fff;	width:250px;}
.logo > a {
	display:block;
	width: 250px;
	height:111px;
	background-image:url("../layout/ETD_afterglow-Druck-u-Satz_Aachen_Logo_Desktop_SVG_Icon.svg");
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}
.logo, .mod_search, #socialnav {margin: 0;box-sizing: border-box;}
.logo, #socialnav {flex: 1;}
.mod_search {flex: 2;}
.mod_search .formbody {display:flex;margin-top: 60px;padding: 0 70px 0 20px;max-width: 600px;}
.mod_search .formbody .widget-text {flex:2;}
.mod_search .formbody .widget-text input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box;
  line-height: 1.1875rem;
  font-size: .875rem;
  border: 1px solid #dadae5;
	padding: .5625rem 2.375rem .5625rem .5625rem;
  height: 2.5rem;
  background: #fff;
  vertical-align: middle;
  width: 100%;
  background-color: #fff;
  border-color: #404040;
  border-radius: 24px;
  text-align: center;
  color: #000;
  }
.mod_search .formbody .widget-submit {position: relative;margin-left: -50px;}
.mod_search .formbody .widget-submit button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  top: .625rem;
  bottom: .625rem;
  right: .625rem;
  font-size: 1.25rem;
  line-height: 1;
  border: 0 none;
  background: transparent;
  outline: none;
  padding: 0rem .625rem 0rem .625rem;
  height: 2.5rem;
  color: #404040;
  transform: rotate(90deg);
}
.mod_search .formbody .widget-submit button:hover {cursor:pointer;}
#socialnav {padding-top:40px;}
#socialnav ul {display: flex;}
#socialnav li {flex: 1; display: flex;justify-content: center;align-items: center;margin: 0;box-sizing: border-box;}
#socialnav li  a {width: 60px;  height: 60px; background-color: #555555;}
#socialnav li  a.abibuch {width: 78px;  height: 67px;}

#header_main .top-bar .top-bar--navigation .navigation--entry:hover {cursor: default;}
#header_main .top-bar .top-bar--navigation .navigation--entry {color: #009ee3;}
#header_main .top-bar .top-bar--navigation {float: left;position: relative; width: 100%;}
#header_main .top-bar a {color: #009ee3;  text-decoration: none;}
#header_main .top-bar a:hover {text-decoration: underline;}
#header_main .top-bar .top-bar--block2 {float:right;}
#startslider {padding:0 60px 30px 60px;}
.content-gallery {padding:0 60px 0px 35px;position:relative;}
.content-gallery ul li {margin-left: 25px!important;margin-bottom:25px!important;list-style-type: none!important;}
.content-gallery figure {position:relative;}
.content-gallery figcaption {width:100%;background: rgba(0,0,0,0.5);color:#fff;text-align:center;position: absolute;height: 20px;bottom: 0;padding-top: 15px;}
.grundpadding {width: calc(100% - 120px);padding:20px 60px;}

.swiper_thumbs .content-image:hover {cursor:pointer;}
.swiper_thumbs .swiper-slide img {filter: brightness(60%);}
.swiper_thumbs .swiper-slide-thumb-active img {filter: brightness(100%);}
#aktuelles p.info {display:none;}
#aktuelles .layout_full .ce_text figure, #aktuelles .layout_full .content-custom-swiper {margin-top:0px;}
.rs-column.-large-col-4-1 {width: 23%;}
.rs-column.-large-col-3-1 {width: 32%;}
.rs-column {margin-right: 2%;}
.ce_text .image_container.float_right {padding-left:40px;}

.scrolltop a {
position: fixed;
  width: 41px;
	height: 40px;
  overflow: hidden;
  cursor: pointer;
  padding: 14px 0px 0px 6px;
  bottom: 5px;
  right:10px;
  z-index: 9999 !important;
  transition: height .1s !important;
  background-color: #009EE3;
}
.scrolltop a::after {
	font-family: FontAwesome;
	content: "\f176";
	display: block;
	text-indent: 0;
	padding: 1px 12px;
	font-size: 15px;
	color: rgba(255,255,255,1);
	background: none;
	-moz-transition: all .8s;
	-webkit-transition: all .8s;
	transition: all .8s;
}