header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
.mobile_menu{position:fixed;z-index:100;display:none}.mobile_menu .inner{height:100%;background:#000;overflow-y:scroll}.mobile_menu.active.position_left{box-shadow:2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_top{box-shadow:0 2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_right{box-shadow:-2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_bottom{box-shadow:0 -2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.no_shadow{box-shadow:none!important}.mobile_menu_trigger{display:none}.mobile_menu_wrapper{position:relative;width:100%;overflow:hidden}.mobile_menu_overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99}.mobile_menu_overlay.background{background:rgba(0,0,0,.5)}.mobile_menu li.submenu_hide>ul{display:none}.mobile_menu li.submenu_show>ul{display:block}body.ie8 .mobile_menu,body.ie8 .mobile_menu_trigger,body.ie9 .mobile_menu,body.ie9 .mobile_menu_trigger{display:none!important}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
/********************************************************************************/
/*
Description: CSS File for Fonts
Theme Name: TBR - Technische Betriebe Remscheid
Theme URI: http://www.tbr-info.de/
Version: 1.0 [07.2020]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('../../files/data/fonts/open-sans-v17-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../../files/data/fonts/open-sans-v17-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../../files/data/fonts/open-sans-v17-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../../files/data/fonts/open-sans-v17-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('../../files/data/fonts/open-sans-v17-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../../files/data/fonts/open-sans-v17-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-700italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
       url('../../files/data/fonts/open-sans-v17-latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../../files/data/fonts/open-sans-v17-latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/********************************************************************************/

/********************************************************************************/
/*
Description: CSS File for Navigation
Theme Name: TBR - Technische Betriebe Remscheid
Theme URI: http://www.tbr-info.de/
Version: 4.0 [03.2025]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

#nav_top {
	text-transform: uppercase;
}

#nav_top ul {
	
}

#nav_top li {
	display: inline-block;
	font-size: 1.000rem;
	line-height: 1.300rem;
	list-style-type: none;
	padding: 0 6px;
}

#nav_top .level_1 a:link,
#nav_top .level_1 a:visited,
#nav_top .level_1 .active a:link,
#nav_top .level_1 .active a:visited {
	font-weight: normal;
	color: #41535d;
	transition: 0.1s;
}

#nav_top .level_1 a:hover,
#nav_top .level_1 a:active,
#nav_top .level_1 a:focus,
#nav_top .level_1 strong {
font-weight				: normal;
color					: #f08b00;
}

#nav_top .level_1 .fett a:link,
#nav_top .level_1 .fett a:visited,
#nav_top .level_1 .fett .active a:link,
#nav_top .level_1 .fett .active a:visited,
#nav_top .level_1 .fett a:hover,
#nav_top .level_1 .fett a:active,
#nav_top .level_1 .fett a:focus,
#nav_top .level_1 .fett strong {
	font-weight: bold;
}

#nav_top .level_1 li:nth-child(1) {
	padding-left: 0;
}

#nav_top .level_1 li:nth-last-child(1) {
	padding-right: 0;
}

#nav_top li.trail a {
	color: #f08b00 !important;
}

/********************************************************************************/
/*	Sub-Navigation ein- und ausblenden	*/

#nav_top li.submenu ul {
	text-transform: none;
	position: absolute;
	display: none;
	overflow: hidden;
	margin-left: -9999px;
	opacity: 0;
	transition: opacity .4s ease-in-out;
}

#nav_top li.submenu:hover ul {
	z-index: 100;
	display: block;
	margin: 0;
	opacity: 1;
	text-align: left;
	margin-left: -10px !important;
	padding: 10px;
	background: rgba(255, 255, 255, 0.95);
	/* background: #ccc; */
}

#nav_top .level_2 li {
	display: block;
	font-size: 1.000rem;
	line-height: 1.300rem;
	margin-left: 0;
	padding: 5px 0;
	border-top: 1px solid #ccc;
}

#nav_top .level_2 li:nth-last-child(1) {
	border-bottom: 1px solid #ccc;
}

#nav_top .level_2 a:link,
#nav_top .level_2 a:visited {
	color: #41535d !important;
	margin: 5px 0;
	padding: 0 !important;
}

#nav_top .level_2 a:hover,
#nav_top .level_2 a:focus,
#nav_top .level_2 strong {
	color: #f08b00 !important;
	padding: 0 !important;
}

/********************************************************************************/

#main .mod_breadcrumb {
display					: block;
text-transform			: uppercase;
font-size				: 70%;
line-height				: 1.4em;
margin					: 0;
padding					: 0;
/*background				: #ccc;*/
}

#main .mod_breadcrumb li {
list-style-type			: none;
margin					: 0;
padding					: 0;
}

#main .mod_breadcrumb a:link,
#main .mod_breadcrumb a:visited {
color					: #41535d;
border-bottom			: 0px solid #41535d;
margin					: 0;
padding					: 0;
background				: none;
}

#main .mod_breadcrumb a:hover,
#main .mod_breadcrumb a:active,
#main .mod_breadcrumb a:focus {
color					: #41535d;
border-bottom			: 1px solid #41535d;
margin					: 0;
padding					: 0;
background				: none;
}

/********************************************************************************/

.nav_footer li {
	font-size: 1.000rem;
	line-height: 1.600rem;
	list-style-type: none;
	text-transform: uppercase;
}

.nav_footer .level_1 a:link,
.nav_footer .level_1 a:visited,
.nav_footer .level_1 .active a:link,
.nav_footer .level_1 .active a:visited {
font-weight				: normal;
color					: #fff;
}

.nav_footer .level_1 a:hover,
.nav_footer .level_1 a:active,
.nav_footer .level_1 a:focus,
.nav_footer .level_1 strong {
font-weight				: normal;
color					: #f08b00;
}

.nav_footer .level_1 .trail a {
color					: #f08b00;
}

/********************************************************************************/

.mobile_menu {
	z-index: 110;
}

.mobile_menu .inner {
	background: #4a5c72;
}

#nav_mobil {
	padding: 20px;
}

#nav_mobil li {
	font-size: 1.5rem;
	line-height: 2em;
}

#nav_mobil li.unsichtbar {
	display: none;
}

#nav_mobil ul.level_2 {
	padding-left: 20px;
}

#nav_mobil ul.level_2 li {
	font-size: 1.2rem;
	line-height: 1.5em;
}

#nav_mobil ul.level_3 {
	padding-left: 20px;
}

#nav_mobil ul.level_4 {
	padding-left: 20px;
}

#nav_mobil a:link,
#nav_mobil a:visited {
font-weight				: normal;
color					: #fff;
}

#nav_mobil a:hover,
#nav_mobil a:active,
#nav_mobil a:focus {
	font-weight: normal;
	color: #f08b00;
}

#nav_mobil strong {
	font-weight: normal;
	color: #f08b00;
}

#nav_mobil li a.trail {
	color: #f08b00;
}

/********************************************************************************/

/********************************************************************************/
/*
Description: CSS File for Layout
Theme Name: TBR - Technische Betriebe Remscheid
Theme URI: http://www.tbr-info.de/
Version: 4.0 [03.2025]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/
/*	Hauptfarben			*/
/*	Orange:	#f08b00		*/
/*	Blau:	#1a0959		*/
/*	Grau:	#d4d8db		*/
/*	Footer:	#4a5c72		*/
/*	Schrift (Top Menü):	#41535d		*/

/*	fuw	= Forst & Wald -> Forst	*/
/*	tb	= Tiefbau -> Strasse	*/
/*	puf	= Parks & Friedhöfe		*/
/********************************************************************************/
/*	Links	*/
:link,:visited { text-decoration:none }
:focus {outline: 0;}

/* Auswahltext-Farbe ändern */
::selection { background:#f08b00; color:#fff; /* Safari and Opera */ }
::-moz-selection { background:#f08b00; color:#fff; /* Firefox */ }

/* Highlight Searchword */
.highlight { background:#f08b00; color:#fff; padding:0 2px;}

/********************************************************************************/
/* Prevent Firefox Scrollbar Jump */
html { overflow-y:scroll; }

/*	Fehler mit mobile-menu & position:fixed umgehen	*/
body .mobile_menu_wrapper #wrapper {
	transform: none !important;
	will-change: content !important;
}

/********************************************************************************/
/*	Unsichtbare Bereiche	*/
.invisible{width:0;height:0;left:-1000px;top:-1000px;position:absolute;overflow:hidden;display:inline}

/********************************************************************************/

:root {
   --headerHeight: 122px;
}

/********************************************************************************/
   
body {
	font-family: 'Open Sans', arial, helvetica, verdana, sans-serif;
	color: #1a0959;
	margin: 0 auto;
	padding: 0;
	background: #d4d8db;
}

/********************************************************************************/

#wrapper {
	width: 100%;
}

#header {
	z-index: 110;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: var(--headerHeight);
	box-shadow: 0 0 10px rgba(0,0,0,0.9);
	transition: 0.3s;
	/* background: rgba(255, 255, 255, 0.95); */
	background: #fff;
}

.scrolled #header {
	height: 80px;
}

/* #header {
	width: 100%;
	height: auto;
	background: #fff;
} */

#header .inside {
	display: flex;
	/* width: 100%; */
	max-width: 1200px;
	margin: 0 auto;
	padding: 20px 0;
	/* background: #fff; */
}

#container {
	margin-top: var(--headerHeight);
	padding: 0 0 135px 0;
	/* padding: var(--headerHeight) 0 135px 0; */
	background: url('../../files/data/img/slogan.webp') center bottom no-repeat;
}

#navigation {
max-width				: 1200px;
margin					: 0 auto;
}

/*
#cboxLoadedContent #container {
width					: 900px;
padding					: 0;
background				: #fff;
}

#cboxTitle {
display: none !important;
}
*/

#logo {
	display: flex;
	justify-content: flex-end;
	flex-grow: 1;
}

#logo img {
	width: auto;
	height: 80px;
	transition: 0.3s;
}

.scrolled #logo img {
	height: 40px;
}

#main .inside .mod_article:not(.slider):not(.teaser) {
	max-width: 1200px;
	margin: 0 auto;
}

#footer {
	width: 100%;
	padding-bottom: 2rem;
	border-top: 1px solid #fff;
	background: #4a5c72;
}

#footer .inside {
	display: flex;
	flex-direction: column;
	max-width: 1200px;
	margin: 0 auto;
	padding: 2rem 0 0 0;
}

#footer .content-element-group {
	--auto-grid-min-size: 16rem;
	
	display: grid;
	justify-content: space-between;
	grid-template-columns: repeat(auto-fill, minmax(var(--auto-grid-min-size), 1fr));
	grid-gap: 2rem;
}

/********************************************************************************/

.privacy-msg p {
	position: relative;
	top: 0;
	left: 0;
	text-align:center;
	margin-top: 20px;
	padding: 2em;
	border: 1px solid #f08b00;
}

.privacy-msg p .privacy-link {
	display: inline-block;
	color: #fff;
	margin-bottom: 20px !important;
	padding: 10px;
	background: #f08b00;
}

/********************************************************************************/
/*	Slider	*/

.mod_article.slider {
	margin-bottom: 2rem;
}

.content-swiper,
.swiper,
.swiper-wrapper,
.swiper-wrapper figure {
	max-height: 773px;
}

.swiper-slide .content-image figure {
	display: flex;
	align-items: flex-end;
}

.swiper-wrapper img {
	width: 100%;
	margin-top: 1px;
	/* object-position: bottom; */
}

.swiper-button-next,
.swiper-button-prev, 
.swiper-container-rtl .swiper-button-prev,
.swiper-container-rtl .swiper-button-next{
	color: #fff;
	border: none;
	background:	none;
}

.swiper-pagination-bullet {
    opacity: .6;
	background: #fff;
}

.swiper-pagination-bullet-active {
    opacity: 1;
}

/********************************************************************************/
/*	Teaser Bilder */

.mod_article.teaser {
	max-height: 500px;
	margin-bottom: 2rem;
}

.teaser img {
	object-fit: cover;
	width: 100%;
}

/********************************************************************************/
/*	iFrame	*/

iframe {
	width: 100%;
	border-top: #fff 1rem solid;
}

.iframe_white iframe {
	background: #fff;
}

.privacy-msg {
	width: calc(100% - 2rem) !important;
}

#standorte-sammelcontainer iframe {
min-height				: 800px;
}

#geo-portal iframe {
max-width				: 100%;
min-height				: 800px;
}

#kontakt-63 iframe {
min-height				: 350px;
max-height				: 350px;
}

/********************************************************************************/

h1 {
text-transform			: uppercase;
font-size				: 1.4rem;
line-height				: 1.2em;
color					: #1a0959;
font-weight				: bold;
margin					: 0 0 1rem 0;
padding					: 0;
}

h2 {
font-size				: 1.2rem;
line-height				: 1.4em;
color					: #1a0959;
margin					: 0 0 1rem 0;
padding					: 0;
}

h2 a:link,
h2 a:visited {
	text-transform: uppercase;
	font-size: 1.2rem;
	line-height: 1.2em;
	/* color: #1a0959 !important; */
	font-weight: normal;
	margin:	0 0 1rem 0;
	padding: 0 !important;
	background: none !important;
}

h2 a:hover,
h2 a:focus {
	border: none !important;
}

.content-text h2 {
margin					: 10px 0;
}

h3 {
	font-size: 1.100rem;
	line-height: 1.600rem;
	color: #1a0959;
	font-weight: bold;
	margin: 20px 0 5px 0;
	padding: 0;
}

.ansprechpartner .rte:has(h3):not(:has(p)) {
	margin: 20px 0;
	/* background: #ff0000; */
}

p, th, td, .layout_simple, .empty, .download-element a {
	font-size: 1.100rem;
	line-height: 1.600rem;
	margin: 0 0 1.4rem 0;
	padding: 0;
}

.ansprechpartner .rs-column:nth-last-child(1) .content-text:has(p):not(:has(h3)) p {
	margin-top: 20px;
	/* background: #ff0000; */
}

p:nth-last-of-type(1) {
	/* margin-bottom: 0; */
}

.mod_newslist p.info,
.mod_newsreader p.info {
	text-align: right;
}

.mod_newsreader p.back {
	margin: 1rem 0 0 0;
	padding: 1rem 0 0 0;
	border-top: 5px solid #d4d8db;
}

#footer .content-text {
	display: inline-block;
}

#footer .content-text p {
	text-transform: uppercase;
	font-size: 1.000rem;
	line-height: 1.600rem;
	color: #fff;
	text-align: left;
}

p a:link,
p a:visited,
h2 a:link,
h2 a:visited,
h3 a:link,
h3 a:visited,
#main li a:link,
#main li a:visited,
.layout_simple a:link,
.layout_simple a:visited,
td a:link,
td a:visited,
.download-element a:link,
.download-element a:visited {
color					: #f08b00;
border-bottom			: 1px solid transparent;
/* padding					: 0 0 0 15px; */
/* background				: url('../../files/data/img/pfeil.png') left 7px no-repeat; */
}

p a::before,
td a::before,
.download-element a::before {
	content: "➔";
	padding-right: 2px;
}

/*
.layout_simple a:link {
	display: inline-block;
	margin-left: 1rem;
	background: url('../../files/data/img/pfeil.png') left 6px no-repeat;
}
*/

p a:hover,
p a:active,
p a:focus,
h2 a:hover,
h2 a:active,
h2 a:focus,
h3 a:hover,
h3 a:active,
h3 a:focus,
#main li a:hover,
#main li a:active,
#main li a:focus,
.layout_simple a:hover,
.layout_simple a:active,
.layout_simple a:focus,
td a:hover,
td a:active,
td a:focus,
.download-element a:link,
.download-element a:active,
.download-element a:focus {
color					: #f08b00;
border-bottom			: 1px solid #f08b00;
}

a[href^="tel:"] {
	white-space: nowrap;
}

/********************************************************************************/
/* Listen */

#main ul {
list-style-type			: square;
margin					: 0 15px 20px 15px;
padding					: 0;
}

#main ol {
list-style-type			: decimal;
margin					: 0 10px 20px 25px;
padding					: 0;
}

#main li {
	font-size: 1.000rem;
	line-height: 1.600rem;
}

#main ul ul li {
	/* font-size: 1.000rem; */
	/* line-height: 1.600rem; */
}

#main .mod_sitemap ul {
list-style-type			: none;
}

#main .nolistdot ul {
list-style-type			: none;
margin					: 0 15px 20px 0;
}

/********************************************************************************/
/* Je nach Bild-Ausrichtung etwas Platz um das Bild lassen  */

.media--left img {
	margin: 0 10px 10px 0;
	padding: 0;
	border: 1px solid #d4d8db;
}

.media--right img {
	margin: 0 0 10px 10px;
	padding: 0;
	border: 1px solid #d4d8db;
}

img.quadrat {
	border: none;
}

.grafikimtext img {
margin					: 0 5px 0 0;
}

/*	App Grafiken auf der Entsorgungen Startseite	*/
#main .imglink img {
margin					: -10px 10px 0 0;
padding					: 0;
}

#main a.imglink {
border-bottom			: 0px solid #f08b00;
padding					: 0 10px 0 0;
background				: none;
}

/********************************************************************************/

#main .mod_article:not(.slider):not(.teaser) > div:not(.content-svg-inline):not(.aktuelles .mod_newslist),
#main .mod_article:not(.slider):not(.teaser) > h1,
.aktuelles #main .mod_article:not(.slider):not(.teaser) .layout_latest {
	margin-bottom: 2rem;
	padding: 1rem;
	background: #fff;
}

.iframe_white #main .mod_article > div.privacy-iframe-msg {
	margin-bottom: 0 !important;
}

#main .mod_article:nth-of-type(1):not(.slider):not(.teaser) > div:not(.content-svg-inline),
#main .mod_article:nth-of-type(1):not(.slider):not(.teaser) > h1 {
	margin-top: 2rem;
}

/********************************************************************************/

.pagination {
	font-size: 1.000rem;
	line-height: 1.600rem;
	margin: 0;
	padding: 1rem 0 0 0;
	border-top: 5px solid #d4d8db;
}

.aktuelles .pagination {
	padding: 1rem;
	border-top: none;
	background: #fff;
}

#main .pagination ul,
.pagination li {
	list-style-type: none;
	display: inline;
	margin: 0;
}

#main .mod_article .pagination li {
	list-style-type: none;
	margin: 0 0.5rem;
	background: none;
}

#main .mod_article .pagination li:nth-child(1) {
	margin: 0 0.5rem 0 0;
}

#main .mod_article .pagination li:nth-last-child(1) {
	margin: 0 0 0 0.5rem;
}

#main .pagination a:link,
#main .pagination a:visited {
font-weight				: normal;
padding					: 0;
margin					: 0;
background				: none;
}

#main .pagination a:hover,
#main .pagination a:active,
#main .pagination a:focus {
font-weight				: normal;
padding					: 0;
margin					: 0;
background				: none;
}

.pagination .current {
font-weight				: normal;
padding					: 0;
margin					: 0;
}

/********************************************************************************/
/* Tabellen */

#main table {
	width: 100%;
	font-size: 1.000rem;
	line-height: 1.600rem;
border-collapse			: collapse;
clear					: both;
margin					: 20px 0;
padding					: 0;
background				: #fff;
}

#main table th {
color					: #fff;
font-weight				: bold;
text-align				: left;
border					: 1px solid #4a5c72;
vertical-align			: top;
margin					: 0;
padding					: 4px 5px;
background				: #4a5c72;
}

#main table td {
border					: 1px solid #4a5c72;
vertical-align			: top;
margin					: 0;
padding					: 2px 5px;
background				: #fff;
}

/********************************************************************************/
/* Galerie */

#main .content-gallery {
/*float					: left;*/
width					: 100%;
margin					: 10px 0;
padding					: 0;
}

#main .content-gallery ul {
margin					: 0;
padding					: 0;
list-style-type			: none;
}

#main .content-gallery li {
float					: left;
margin					: 0 8px 3px 0;
padding					: 0;
}

#main .content-gallery li img {
margin					: 0;
padding					: 0;
border					: 1px solid #41535d;
}

#main .content-gallery li a:hover {
border					: 0px solid #41535d;
}

#main .content-gallery .caption {
width					: 100px;
margin					: 2px 0 10px 0;
}

#main .content-gallery li a {
margin					: 0;
padding					: 0;
border					: none;
background				: none;
}

/********************************************************************************/

p.error {
color					: #ff0000;
font-weight				: bold;
}

/********************************************************************************/
/*    Cookie Hinweis    */

/*
.mod_cms_accept_tags form > .formbody {
	padding: 15px 15px 0 15px !important;
}

.mod_cms_accept_tags p {
	font-size: 13px !important;
}

.mod_cms_accept_tags h3 {
	font-size: 1.000rem;
	line-height: 1.600rem;
	color: #000;
	margin: 0;
}

.mod_cms_accept_tags .widget-submit {
	text-align: center !important;
	margin: 15px 0 0 0;
}

.mod_cms_accept_tags form button {
	display: inline-block;
}

.mod_cms_accept_tags .widget-submit button {
	cursor: pointer;
	font-size: 1.000rem;
	line-height: 1.600rem;
	margin-bottom: 5px;
	padding: 10px 20px !important;
	border-radius: 0;
	border: none !important;
	background: #d4d8db !important;
}

.mod_cms_accept_tags form > .tags > div .head label {
	background: #d4d8db !important;
}

.mod_cms_accept_tags .widget-submit button.all,
.mod_cms_accept_tags form > .tags > div .head input:checked + label {
	background: #f08b00 !important;
}

@media only screen and (max-width : 991px) {
	.mod_cms_accept_tags {
	align-items: baseline !important;
	}
}
*/

/********************************************************************************/
/*	Mobile Navigation	*/

.offcanvas {
	z-index: 20;
	position: absolute;
	top: 20px;
	right: 20px;
	width: 40px;
	height: 32px;
	transform: rotate(0deg);
	transition: .5s ease-in-out;
	cursor: pointer;
}

.offcanvas span {
	display: block;
	position: absolute;
	height: 4px;
	width: 100%;
	background: #f08b00;
	opacity: 1;
	left: 0;
	transform: rotate(0deg);
	transition: .25s ease-in-out;
}

.offcanvas span:nth-child(1) {
	top: 0px;
}

.offcanvas span:nth-child(2),
.offcanvas span:nth-child(3) {
	top: 14px;
}

.offcanvas span:nth-child(4) {
	top: 28px;
}

.offcanvas.open span:nth-child(1) {
	top: 18px;
	width: 0%;
	left: 50%;
}

.offcanvas.open span:nth-child(2) {
	transform: rotate(45deg);
}

.offcanvas.open span:nth-child(3) {
	transform: rotate(-45deg);
}

.offcanvas.open span:nth-child(4) {
	top: 18px;
	width: 0%;
	left: 50%;
}

/********************************************************************************/
/*	Responsive Optimierungen	*/

.offcanvas {
display					: none;
}

@media only screen and (max-width: 1240px) {
	#header .inside,
	#main .inside .mod_article:not(.slider):not(.teaser),
	#footer .inside {
	margin: 0 2rem;
	}
	
	#container {
	background-position: 2rem bottom;
	background-size: contain;
	}
}

@media only screen and (max-width: 1020px) {
	#nav_top {
	display: none;
	}
	
	#main {
	min-height				: 100px;
	margin-bottom			: 10px;
	}

	.offcanvas {
	position				: absolute;
	display					: block;
	top						: 20px;
	left					: 0;
	}
}

@media only screen and (max-width: 767px) {
	#header .inside,
	#main .inside .mod_article:not(.slider):not(.teaser),
	#footer .inside {
	margin: 0 1rem;
	}
	
	#container {
	background-position: 1rem bottom;
	background-size: contain;
	}
	
	#main .mod_article:not(.slider):not(.teaser) > div:not(.content-svg-inline):not(.aktuelles .mod_newslist), #main .mod_article:not(.slider):not(.teaser) > h1, .aktuelles #main .mod_article:not(.slider):not(.teaser) .layout_latest {
	margin-bottom: 1rem;
	}
	
	#footer .inside {
	margin: 0 auto !important;
	padding: 1rem;
	}
	
	#nav_footer {
	display: none;
	}
	
	#main .content-text figure img {
	max-width: 30vw;
	}
}

@media only screen and (max-width: 500px) {
	#main table td {
	hyphens: auto;
	}
}

/********************************************************************************/

/********************************************************************************/
/*
Description: CSS File for Columns
Theme Name: TBR - Technische Betriebe Remscheid
Theme URI: http://www.tbr-info.de/
Version: 1.0 [07.2020]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

.rs-columns {
  --auto-grid-min-size: 17rem;
  
  display: grid;
  justify-content: space-between;
  grid-template-columns: repeat(auto-fit, minmax(var(--auto-grid-min-size), 1fr));
  grid-gap: 2rem;
}

.rs-column {
  /* background: #f5f5f5; */
}

/********************************************************************************/

.rs-columns.ansprechpartner {
  grid-template-columns: 3fr 1fr;
}

.rs-columns.ansprechpartner .rs-column:nth-last-child(1) .content-text {
  /* max-width: 250px; */
  width: 250px;
  margin-bottom: 1em;
  padding: 0 20px;
  border: 5px solid #d4d8db;
}

.rs-columns.ansprechpartner .rs-column:nth-last-child(1) .content-accordion {
  width: 300px;
}

@media only screen and (max-width: 767px) {
  .rs-columns.ansprechpartner {
  grid-template-columns: 100%;
  }
  
  .rs-columns.ansprechpartner .rs-column:nth-last-child(1) {
  order: -1;
  }
  
  .rs-columns.ansprechpartner .rs-column:nth-last-child(1) .content-text {
  width: auto;
  padding: 0;
  border: none;
  border-bottom: 5px solid #d4d8db;
  }
  
  .rs-columns.ansprechpartner .rs-column:nth-last-child(1) .content-accordion {
  width: auto;
  }
  
  .rs-columns.ansprechpartner .rs-column:nth-last-child(1) .content-text:nth-child(1) {
  /* border-top: 5px solid #d4d8db; */
  }
}

/********************************************************************************/

/********************************************************************************/
/*
Description: CSS File for Icon
Theme Name: TBR - Technische Betriebe Remscheid
Theme URI: http://www.tbr-info.de/
Version: 1.0 [03.2025]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/
/*	Hauptfarben			*/
/*	Orange:	#f08b00		*/
/*	Blau:	#1a0959		*/
/*	Grau:	#d4d8db		*/
/*	Footer:	#4a5c72		*/
/*	Schrift (Top Menü):	#41535d		*/

/*  Icon				*/
:root {
   /*  Weiß #fff	*/
   --colorW: rgba(255, 255, 255, 1);
   
   /*  Orange #f08b00	*/
   --color1: rgba(240, 139, 0, 1);

   /*  Gelb #F0C600	*/
   --color2: rgba(240, 198, 0, 1);

   /*  Gruen #83b300	*/
   --color3: rgba(131, 179, 0, 1);

   /*  Rot #F03800	*/
   --color4: rgba(240, 56, 0, 1);

   /*  Dunkelblau #0065f0	*/
   --color5: rgba(0, 101, 240, 1);

   /*  Hellblau 80d2ff	*/
   --color6: rgba(128, 210, 255, 1);

   /*  Grau #aaaaaa	*/
   --color7: rgba(170, 170, 170, 1);
}

/********************************************************************************/
/* Startseite: Icons */

.icons {
	--auto-grid-min-size: 16rem;

	display: grid;
	justify-items: center;
	grid-template-columns: repeat(auto-fill, minmax(var(--auto-grid-min-size), 1fr));
	grid-gap: 2rem;
	margin-bottom: 2rem !important;
}

.icons .content-svg-inline {
	cursor: pointer !important;
	aspect-ratio: 1 / 1;
	width: 100%;
}

.icons a {
	cursor: pointer !important;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: calc(100% - 4px);
	height: 100%;
	color: #1a0959;
	border: 2px solid #fff;
	background: #fff;
	transition: 0.3s;
}

.icons svg {
	fill: #1a0959;
	padding-bottom: 2rem;
}

.icons a {
	font-size: 1.4rem;
	color: #1a0959 !important;
}

.icons a:hover {
	color: #fff !important;
}

/*****/

.icons .orange a:link, .icons .orange a:visited {color: var(--color1); border: 2px solid var(--color1);}
.icons .orange a:link svg, .icons .orange a:visited svg {fill: var(--color1);}

.icons .gelb a:link, .icons .gelb a:visited {color: var(--color2); border: 2px solid var(--color2);}
.icons .gelb a:link svg, .icons .gelb a:visited svg {fill: var(--color2);}

.icons .gruen a:link, .icons .gruen a:visited {color: var(--color3); border: 2px solid var(--color3);}
.icons .gruen a:link svg, .icons .gruen a:visited svg {fill: var(--color3);}

.icons .rot a:link, .icons .rot a:visited {color: var(--color4); border: 2px solid var(--color4);}
.icons .rot a:link svg, .icons .rot a:visited svg {fill: var(--color4);}

.icons .dunkelblau a:link, .icons .dunkelblau a:visited {color: var(--color5); border: 2px solid var(--color5);}
.icons .dunkelblau a:link svg, .icons .dunkelblau a:visited svg {fill: var(--color5);}

.icons .hellblau a:link, .icons .hellblau a:visited {color: var(--color6); border: 2px solid var(--color6);}
.icons .hellblau a:link svg, .icons .hellblau a:visited svg {fill: var(--color6);}

.icons .grau a:link, .icons .grau a:visited {color: var(--color7); border: 2px solid var(--color7);}
.icons .grau a:link svg, .icons .grau a:visited svg {fill: var(--color7);}

/*****/

.icons .orange a:hover, .icons .orange a:focus {color: var(--colorW); border: 2px solid var(--colorW); background: var(--color1);}
.icons .orange a:hover svg, .icons .orange a:focus svg {fill: var(--colorW);}

.icons .gelb a:hover, .icons .gelb a:focus {color: var(--colorW); border: 2px solid var(--colorW); background: var(--color2);}
.icons .gelb a:hover svg, .icons .gelb a:focus svg {fill: var(--colorW);}

.icons .gruen a:hover, .icons .gruen a:focus {color: var(--colorW); border: 2px solid var(--colorW); background: var(--color3);}
.icons .gruen a:hover svg, .icons .gruen a:focus svg {fill: var(--colorW);}

.icons .rot a:hover, .icons .rot a:focus {color: var(--colorW); border: 2px solid var(--colorW); background: var(--color4);}
.icons .rot a:hover svg, .icons .rot a:focus svg {fill: var(--colorW);}

.icons .dunkelblau a:hover, .icons .dunkelblau a:focus {color: var(--colorW); border: 2px solid var(--colorW); background: var(--color5);}
.icons .dunkelblau a:hover svg, .icons .dunkelblau a:focus svg {fill: var(--colorW);}

.icons .hellblau a:hover, .icons .hellblau a:focus {color: var(--colorW); border: 2px solid var(--colorW); background: var(--color6);}
.icons .hellblau a:hover svg, .icons .hellblau a:focus svg {fill: var(--colorW);}

.icons .grau a:hover, .icons .grau a:focus {color: var(--colorW); border: 2px solid var(--colorW); background: var(--color7);}
.icons .grau a:hover svg, .icons .grau a:focus svg {fill: var(--colorW);}

/********************************************************************************/

@media only screen and (max-width: 590px) {
	.icons {
	--auto-grid-min-size: 11rem;
	grid-gap: 1rem;
	margin-bottom: 1rem !important;
	font-size: 1.4rem;
	}
	
	.icons a {
	font-size: 1rem;
	}
}

/********************************************************************************/

/********************************************************************************/
/*
Description: CSS File for Animation
Theme Name: TBR - Technische Betriebe Remscheid
Theme URI: http://www.tbr-info.de/
Version: 4.0 [03.2025]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

.mod_article.animation {
	z-index: 8;
	/* position: absolute; */
	/* top: 33rem; */
	position: fixed;
	top: 40rem;
	left: 3rem;
	width: 300px;
	height: 300px;
	transition: 0.3s;
}

.scrolled .mod_article.animation {
	width: 150px;
	height: 150px;
}

.mod_article.animation .animation {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
}

.mod_article.animation .animation.text {
	z-index: 9;
	animation-name: rotate;
	animation-duration: 30s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

@keyframes rotate{
	from { transform: rotate(360deg); }
	to { transform: rotate(-360deg); }
}

.mod_article.animation .animation.hand {
	top: 50%;
	left: 40%;
}

/*
.mod_article.animation .animation.hand img {
	transform: scale(0.5);
	animation: pulse 1s infinite;
}

@keyframes pulse {
	0% { transform: scale(0.9);	}
	50% { transform: scale(1);	}
	100% { transform: scale(0.9); }
}
*/

.scrolled .mod_article.animation .animation.hand {
	top: 35%;
	left: 25%;
}

.scrolled .mod_article.animation .animation.hand img {
	transform: scale(0.5);
	/* animation: pulse-s 1s infinite; */
}

/*
@keyframes pulse-s {
	0% { transform: scale(0.4);	}
	50% { transform: scale(0.5);	}
	100% { transform: scale(0.4); }
}
*/

/********************************************************************************/

@media only screen and (max-width: 1100px) {
	.mod_article.animation {
	position: absolute;
	top: 20rem;
	left: 1rem;
	width: 150px;
	height: 150px;
	}
	
	.mod_article.animation .animation.hand {
	top: 35%;
	left: 25%;
	}
	
	.mod_article.animation .animation.hand img {
	transform: scale(0.5);
	}
}

@media only screen and (max-width: 1020px) {
	.mod_article.animation {
	z-index: 110;
	position: fixed;
	top: 10px;
	left: 70px;
	width: 100px;
	height: 100px;
	}
	
	.scrolled .mod_article.animation {
	width: 60px;
	height: 60px;
	}
}

/********************************************************************************/

/********************************************************************************/
/*
Description: CSS File for Accordion
Theme Name: TBR - Technische Betriebe Remscheid
Theme URI: http://www.tbr-info.de/
Version: 1.0 [03.2025]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

.handorgel__header {
	position: relative;
	padding: 0;
}

.handorgel__header__button {
	padding: 10px 0 !important;
	padding-right: 80px !important;
	/* border-top: 2px solid #1a0959; */
	border-top: 5px solid #d4d8db;
	background-color: transparent;
}

.handorgel__header__button:hover {
	color: #f08b00;
}

.handorgel__header:nth-last-of-type(1):not(.handorgel__header--open),
.handorgel__content:nth-last-of-type(1) {
	/* border-bottom: 2px solid #1a0959; */
	border-bottom: 5px solid #d4d8db;
}

.handorgel__content {
	border-top: none;
	background-color: transparent;
}

.handorgel__content__inner {
	padding: 0;
	padding-bottom: 10px !important;
	padding-right: 80px !important;
}

.handorgel__header::after {
	z-index: 1;
	position: absolute;
	top: 0;
	right: 0;
	content: url('/files/data/img/plus.svg');
	width: 40px;
	/* margin-top: 5px; */
	margin-top: 8px;
	margin-left: auto;
	transition: 0.3s;
	pointer-events: none;
}

.handorgel__header:hover::after {
	/* filter: contrast(0.1); */
	/* filter: invert(1); */
	/* transition: 0.3s; */
}

.handorgel__header--open::after {
	content: url('/files/data/img/minus.svg');
}

/********************************************************************************/

/********************************************************************************/
/*
Description: CSS File for forms
Theme Name: TBR - Technische Betriebe Remscheid
Theme URI: http://www.tbr-info.de/
Version: 1.0 [03.2025]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

.ce_form {
	max-width: 100%;
	font-size: 1.000rem;
	line-height: 1.300rem;
}

.ce_form .widget-text,
.ce_form .widget-select,
.ce_form .widget-textarea {
	position: relative;
	max-width: 836px;
	min-height: 80px;
	margin: 0;
}

.ce_form .widget-textarea {
	min-height: 170px;
}

.ce_form .widget-radio {
	margin: 20px 0 40px 0;
}

.ce_form .radio_container span {
	margin-right: 20px;
}

.ce_form .widget:not(.widget-radio) label {
   pointer-events: none;
   z-index: 2;
   position: relative;
   display: block;
   min-height: 17px;
   font-size: 1rem;
   font-weight: normal;
   padding: 0 10px;
   margin-bottom: 6px;
   transform: translateY(33px);
   transition: all 0.3s;
}

.ce_form .widget-radio label,
.ce_form .blauetonne label {
   transform: translateY(0) !important;
}

.is-active:not(.blauetonne) label {
	color: #f08b00;
}

.is-completed:not(.blauetonne) label {
	font-size: 12px;
	transform: translateY(0) !important;
}

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"],
select,
textarea {
   display: inline-block;
   position: relative;
   width: calc(100% - 20px);
   min-height: 25px;
   padding: 10px;
   border: 1px solid #4a5c72;
   border-radius: 5px;
   background: transparent;
   box-shadow: inset 0 1px 1px #eee;
   outline: none;
}

select {
	width: 100%;
	text-align: right;
}

input[type="text"].error,
input[type="password"].error,
input[type="date"].error,
input[type="datetime"].error,
input[type="email"].error,
input[type="number"].error,
input[type="search"].error,
input[type="tel"].error,
input[type="time"].error,
input[type="url"].error,
textarea.error {
	border: 1px solid #f08b00;
}

.widget-submit {
	text-align: center;
	margin: 1rem 0;
}

form button,
input[type="submit"],
.button {
	display: block;
	font-size: 1.000rem;
	line-height: 1.300rem;
	color: #fff;
	padding: 5px 25px;
	border: 1px solid #f08b00;
	border-radius: 5px;
	background: #f08b00;
}

form button:hover,
form button:active,
form button:focus,
input[type="submit"]:hover,
input[type="submit"]:active,
input[type="submit"]:focus,
.button:hover,
.button:active,
.button:focus {
	color: #f08b00;
	background: #fff;
}

p.error {
	position: absolute;
	bottom: -3px;
	right: 10px;
	font-size: 1.000rem;
	line-height: 1.250rem;
	color: #f08b00;
}

.form-confirmation {
   color: #f08b00;
}

.search_default {
	border-top: 5px solid #d4d8db;
}

@media only screen and (max-width : 1200px) {
	p.error {
	bottom: 5px;
	}

	.widget-textarea p.error {
	bottom: 10px;
	}
}

@media only screen and (max-width : 991px) {
	p.error {
	bottom: 10px;
	}

	.widget-textarea p.error {
	bottom: 30px;
	}
}

/********************************************************************************/

#f3 .neubestellung .select,
#f3 .einziehen .select,
#f3 .aufstellen .select {
	display: inline-block;
	margin: 0 4px 0 0;
}

#f3 .neubestellung .explanation,
#f3 .einziehen .explanation,
#f3 .aufstellen .explanation {
	margin-top: 30px;
}

#f3 .neubestellung,
#f3 .einziehen,
#f3 .aufstellen {
max-width				: 550px;
text-align				: right;
margin					: 20px 0;
padding					: 120px 35px 0 0;
background				: url('/files/daten/entsorgung/bilder/entsorgung/blaue_tonnen_bestellen.png') right 0 top 20px no-repeat;
background-size: 700px;
}

#f3 .selectcontainer label {
font-size				: 90%;
}

#f3 select {
width					: 50px;
}

#f3 .selectcontainer {
float					: left;
margin					: 0 0 0 35px;
}

#f3 .radio_container legend {
display					: none;
}

/********************************************************************************/

@media only screen and (max-width: 500px) {
	#f3 .neubestellung,
	#f3 .einziehen,
	#f3 .aufstellen {
	background-size			: 100% auto;
	}
}

/********************************************************************************/