/*
	*** element berlin - desing & realisation ***
	Custom Styles for element berlin - desing & realisation
	Overrides Gantry Styles
	(c) Mareike Hybsier - http://www.element-berlin.de
*/

@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700');

/* =Body
----------------------------------------------- */
body {
	color: #434b54;
	/* font-family: Arial, sans-serif; */
	font-family: 'PT Sans', Arial, sans-serif;
	background-color: #ddd;
	/* BG VERLAUF
	background-image: -webkit-linear-gradient(#f9f9f9 0%, #ddd 100%); 
	background-image: -moz-linear-gradient(#f9f9f9 0%, #ddd 100%); 
	background-image: -o-linear-gradient(#f9f9f9 0%, #ddd 100%); 
	background-image: linear-gradient(#f9f9f9 0%, #ddd 100%); */
	/*background-repeat:no-repeat;
	background-repeat:repeat-x;*/
	/* background-color: #f9f9f9;
	background-image: url(../images/element-berlin/bg-body.png); 
	background-repeat:no-repeat;
	background-image: url(../images/element-berlin/weathered_bg.jpg);*/
	
	
	/* background: url(../images/element-berlin/bg-paper.jpg) repeat-x; */
  background-color: white;
  
	background: url("/images/Verbund-Logo-BG.jpg") no-repeat;
	background-attachment: fixed;
	background-position: right top;
	background-size: 900px 900px; /**/

}
body.menu-home {

}
h1, h2, h3 {
	font-family: 'PT Sans Narrow', Arial, sans-serif;
	font-weight: bold;
	color: #333;
}
#rt-sidebar-c h1, 
#rt-sidebar-c h2, 
#rt-sidebar-c h3{
    font-weight: normal;
}
body.menu-home .blog-featured  h1 a,
body.menu-home .blog-featured  h2 a,
body.menu-home .teaser  h1 a,
body.menu-home .teaser  h2 a,
.blog article > h2 a { /* Teaser Startseite */
	/**/color: #333;
	font-weight:bold;
}
body.menu-home .blog-featured  h1 a:hover,
body.menu-home .blog-featured  h2 a:hover,
body.menu-home .teaser  h1 a:hover,
body.menu-home .teaser  h2 a:hover,
.blog article > h2 a:hover { /* Teaser Startseite */
	color: #008cbe;
} 

h3 {
	font-size: 23px;
	line-height: 26px;
}
.font-size-is-default {
	font-size: 16px;
	line-height: 1.5em;
}
/* .font-size-is-default */ 
p {
	letter-spacing: 0.1px;
	line-height: 1.5em;
}

hr {
  border-bottom: 3px dotted #ddd;
  margin: 20px 0 40px;
    box-shadow: 0 1px 0 #FFFFFF;
}


/* =Margins & Alignments
----------------------------------------------- */
/* *** Main Menu *** */
.rt-grid-7 .menu-block {
	/*margin-left: 70px;*/
}

/* *** Right Sidebar *** */
.rt-grid-4 #rt-sidebar-c {
	margin-right: 65px;
	margin-top: 15px;
}


/* *** Content Area *** */
.rt-grid-8 .rt-block,
.rt-grid-12 .rt-block {
	margin-left: 60px;
	margin-right: 50px;
}

/* *** Slider *** */
.rt-grid-12 .rt-block.wider {
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	padding-bottom: 0;
	margin-top: 5px;
	padding-top: 0;
}
.rt-grid-12 .rt-block.wider h2 {
	font-size: 25px;
}
.rt-grid-12 .rt-block.wider .nextend-bullet-container {
	background: url(../images/element-berlin/dotted-line-slider.png) center center no-repeat;
	width: 100%;
}


/* =Wrapping Layers element berlin
----------------------------------------------- */
/* *** Gradient at the top *** */
#element-berlin-top {
	/* width: 100%; */
	margin: 0 auto;
	margin-bottom:3%;
	position: relative;
	max-width: 1200px;
	/* max-width: 1079px; */
	height: 100%;
	min-height: 525px;
	/*
	background: url(../images/element-berlin/bg-paper.jpg) repeat-x;
	-moz-box-shadow:    2px 2px 8px 4px #ccc;
  -webkit-box-shadow: 2px 2px 8px 4px #ccc;
  box-shadow:         2px 2px 8px 4px #ccc;
  background-color: white;
  */
}

@media (max-width: 1200px) {
	#element-berlin-top  {
		max-width: 960px;
	}
}

@media (max-width: 960px) {
	#element-berlin-top  {
		max-width: 768px;
	}
}

/* *** Signet at the bottom of the content *** */
#element-berlin-bottom {
	/* width: 1200px; margin: 0 auto; position: absolute; bottom: 0; */
	/* width: 1200px; */
	height: 525px;
	margin: 0 auto;
	margin-top: -485px;
	/*
	background: url(../images/element-berlin/bg-signet-cropped.png) no-repeat;
	background-position: -166px 12px;
	*/
}


/* =Header
----------------------------------------------- */
.menu-home #rt-header {
	background-image:url(../../../images/purpose-webdesigner-grafik-berlin.jpg);
	background-position:center;
	background-repeat:repeat-y;
	min-height: 320px;
	background-size:cover;
}


#rt-top-surround {
	background-image: none;
	/*background-color: white;*/
	
	background-color: transparent !important;
	border: none;
	-moz-box-shadow:    none;
  -webkit-box-shadow: none;
  box-shadow:         none;
	border-radius: none;
}
#rt-top-surround:after {
	background-image: none;
	background-color: transparent !important;
}
#rt-top-surround a:hover {
	color: #333 !important;
	background-image: none;
	background-color: white;
	border: none;
	-moz-box-shadow:    none;
  -webkit-box-shadow: none;
  box-shadow:         none;
	border-radius: none;
}

#rt-top-surround #rt-header .rt-container{
	/* padding-top:2%; */
	padding-top:0px; 
}
	
.rt-block.logo-block { 
    margin-top: 0;
    padding-left: 45px;/**/ 
}

#element-berlin-top #rt-top-surround #rt-header .rt-container .rt-grid-5.rt-alpha .rt-block.logo-block #rt-logo { 
	background: url("/images/logo-element-web.png") no-repeat !important;
	background-position: center 20px !important;
	background-size: 125px 135px !important; 
	height: 160px; 
	width: 140px; 
		
	/*border: 1px solid #eaeaea;
	border-top: 0 none;
	
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-right-color: #d5d5d5;
    border-bottom-color: #d0d0d0;
	box-shadow: 1px 1px 2px #ddd;
	-moz-box-shadow: 1px 1px 2px #ddd;
	-webkit-box-shadow: 1px 1px 2px #ddd;
	*/
}

/* =Main Menu
----------------------------------------------- */
.gf-menu {
	margin-top: 69px;
	margin-right: 60px;
	float:right;
}

.menu-home #rt-header .gf-menu{
	/*background-color: rgba(255,255,255,0.4);
	padding-left:15px;*/
}

.gf-menu .item { text-shadow:none; }

.gf-menu li.parent > .item {
	padding-right: 8px;
}
.gf-menu li.parent > .item:after {
	content: "";
}
.gf-menu li:hover, .gf-menu li.active:hover, .gf-menu li.parent:hover {
	padding-top: 0;
	background-color: white;
	border: 1px solid #e1e1e1;
	border-right-color: #d0d0d0;
	border-bottom-color: #d0d0d0;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.13);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.13);
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.13);
	border-radius: 0;
	/* opacity: 0.8;  
  -moz-opacity: 0.8;  
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter:alpha(opacity=80); */
}
.gf-menu li:hover > .dropdown, .gf-menu li.active:hover > .dropdown {
	font-family: 'PT Sans', Arial, sans-serif;
	color: #0094bc !important;
	border-radius: 0;
}
.gf-menu.l1 > li:hover > .item .border-fixer {
	background-color: white;
}
.gf-menu.l1 > li > .item {
	font-family: 'PT Sans Narrow',arial,sans-serif;
	color: #0094bc !important;
	font-size: 27px;
	text-transform: uppercase;
}

.menu-home #rt-header .gf-menu.l1 > li:not(:hover) > .item:not(:hover) {
	color:#fff !important;
	text-shadow: 0 0 16px rgba(0,0,0,0.8);
}

.gf-menu.l1 > li.active{
	border: 1px solid transparent;
	border-radius: 0;
	-moz-box-shadow:    none;
  -webkit-box-shadow: none;
  box-shadow:         none;
	background-color: transparent;
	color: #333 !important;
}
.gf-menu.l1 > li.active:hover {
	padding-top: 0;
	border-top: 1px solid #e1e1e1;
	border-right: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
	border-left: 1px solid #e1e1e1;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.13);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.13);
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.13);
}.menu-home .gf-menu.l1 > li.active:hover{
	background-color: #fff; /*transparent;*/
}
.gf-menu.l1 > li.active > .item {
	color: #333 !important;
}
.gf-menu .dropdown {
	background-color: #fff;
	border: 1px solid #e1e1e1 !important;
	border-right: 1px solid #d0d0d0 !important;
	border-bottom: 1px solid #d0d0d0 !important;
	border-radius: 0 !important;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.13) !important;
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.13) !important;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.13) !important;
	transition: none;
}
.gf-menu .dropdown ul li > .item {
	font-family: 'PT Sans', Arial, sans-serif;
	font-size: 15px;
	text-transform: none;
	border: none;
	color: #0094bc !important;
}
.gf-menu .dropdown ul li:hover {
	padding-top: 0;
}
.gf-menu .dropdown ul li:hover > .item {
	border: none;
	background-color: white;
	-moz-box-shadow:    none;
  -webkit-box-shadow: none;
  box-shadow:         none;
	border-radius: 0;
}
.gf-menu .dropdown ul li.active > .item {
	color: #333 !important;
}
.gf-menu .dropdown ul li:hover > .item .border-fixer {
	background: none;
	-moz-box-shadow:    none;
  -webkit-box-shadow: none;
  box-shadow:         none;
}
.gf-menu.l1 > li > .item .menu-image {
	vertical-align: top;
}


/* =Breadcrumbs
----------------------------------------------- */
#rt-breadcrumbs {
	margin-top: 55px;
	font-size: 12px;
}
#rt-breadcrumbs .rt-block {
	margin-bottom: 1px;
	padding-bottom: 0;
}
#rt-breadcrumbs a {
	font-size: 12px;
}
#rt-breadcrumbs .breadcrumb a:after { /* Trennzeichen */
	font-size: 9px;
	margin: 0 6px;
}
#rt-breadcrumbs .breadcrumb {
	background-color: transparent;
}
#rt-breadcrumbs .breadcrumb > li.active {
	color: #434b54;
}
#rt-breadcrumbs .breadcrumb li:first-child {
	display: none;
}

/* =rt-maintop (usermenu)
----------------------------------------------- */
#rt-mainbody {
	margin-bottom:-15px;
}
#rt-main .rt-block,
#rt-mainbottom .rt-block{ 
	padding-top:0px;
	margin-top:0px;
	margin-bottom:0px;
}
#rt-main{ 
	margin-bottom:40px;
}
#rt-maintop {
	margin-top: 22px;
	margin-bottom: 24px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	background: none;
	border:none;
	/*
	background: url("../images/patterns/schatten.png") repeat-x scroll 0 0 #fcfcfc; 
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ffffff; */
	/* box-shadow: 0 1px 0 #CECECE, 0 2px 4px 0 rgba(0, 0, 0, 0.1) inset; */
	box-shadow: none;
}
#rt-maintop .menutop li .item {
	/* background: url("../images/patterns/noise.png") repeat scroll 0 0 #fcfcfc; */
	background-color: #fbfbf9 !important;
	color: #008cbe !important;
}
#rt-maintop .menutop li .item:hover {
	/* background: url("../images/patterns/noise.png") repeat scroll 0 0 #fcfcfc;
	background-color: #008cbe !important;
	border-color: #138FDC #08658f #08658f #138FDC !important; */
	border-color: #EEEEEE #CCCCCC #CCCCCC #EEEEEE;
	color: #333333 !important;
}
#rt-maintop .menutop li.active > .item {
	/* background-color: #008cbe !important;
	border-color: #138FDC #08658f #08658f #138FDC !important;*/
	border-color: #EEEEEE #CCCCCC #CCCCCC #EEEEEE;
	color: #333333 !important;
}



.menu-home #rt-maintop .rt-container .rt-grid-12 {
	/*
	background: url('https://www.element-berlin.de/images/purpose-warum-webdesign-grafikdesign-berlin.jpg'); 
	background-repeat:none; 
	background-size:cover;
	*/
}


#rt-mainbottom .rt-block.teaser:first-child .module-surround{
	border-top: 3px dotted #ddd;
	/* padding-bottom: 20px;
	border-bottom: 3px dotted #ddd; */
	}



/* =Drawer
----------------------------------------------- */
#rt-drawer {
	background: none;
	background-color: transparent;
	background-image: none;
	border: none;
	-moz-box-shadow:    none;
  -webkit-box-shadow: none;
  box-shadow:         none;
}

#rt-drawer .rt-container {
	/*width:90%;
	margin-left:45px;*/
}
.message {
	display:none;
}

/* =Showcase
----------------------------------------------- */
#rt-showcase {
	background-color: transparent;
	background-image: none;
	border: none;
	-moz-box-shadow:    none;
  -webkit-box-shadow: none;
  box-shadow:         none;
}

.rt-showcase-pattern {
	background-image: none;
}

/* *** Slider *** */
#rt-showcase .smart-slider-canvas-inner div h2 {
	margin-bottom: 2px;
}


/* =Teaser Homepage
----------------------------------------------- */
.blog-featured .items-row h2 {
	border: none;
	margin-bottom: 4px;
	/*font-size: 24px;*/
	text-transform: uppercase;
	padding-bottom: 0;
}
body.menu-kooperation-als-vision article h2,
body.menu-kompetenzen-buendeln h2{
	display:none;
}
.blog-featured .items-row .item p img {
	background-color: #fff;
	margin-left: -3px;
	padding: 3px;
	border: 1px solid #ccc;
	box-shadow: 1px 1px 2px #ccc;
	-moz-box-shadow: 1px 1px 2px #ccc;
	-webkit-box-shadow: 1px 1px 2px #ccc;
}
.blog-featured .items-row .item h2, .blog-featured .items-row .item p {
	margin-left: 3px;
}
.blog-featured .items-row .item p.readmore {
	margin-left: -7px;
	/*margin-left: 6px;*/
}


/* =Portfolio Homepage
----------------------------------------------- */
.zentools.overlay li { /* For the right shadow of the images */
	padding-right: 10px;
}
.zentools.overlay li .allitems.text.container { /* Overlay */
	width: 100%;
	background: white;
  border: 1px solid #ddd; 
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.13);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.13);
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.13);
	/* opacity: 0.8;  
  -moz-opacity: 0.8;  
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter:alpha(opacity=80); */
}
.zentools.overlay li .allitems a { /* Overlay */
	color: #008cbe;
}

/* *** Portfolio *** */
.zentitle 9{ display:none;} /* seltsames tag "<9>" ausblenden */
ul#filters li a {
	border: 1px solid transparent;
	padding: 5px 10px !important;
}

ul#filters li a:hover {
	color:#333333;
	border: 1px solid #ddd !important;
	border-radius: 0px !important;
}
ul#filters li a.active,
ul#filters li a.active:hover{
	color:#333333;
  background: none repeat scroll 0 0 #fff/*#fbfbf9*/ !important;
  border: 1px solid #ddd !important; 
  border-bottom: 1px solid #ccc !important;
  border-right: 1px solid #ccc !important;
  border-radius: 0px !important;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.13);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.13);
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.13);
}
ul#filters li a.active:hover{
	color: #008cbe;
  background: none repeat scroll 0 0 #ffffff !important;
  border: 1px solid #ccc !important; 
  border-bottom: 1px solid #bbb !important;
  border-right: 1px solid #bbb !important;
}
.zenborder .zenimage a img {
	background-color: #fff;
	padding: 3px;
  border: 1px solid #ddd; 
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.13);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.13);
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.13);
}
/* Titel "Portfolio" ausblenden */
body.menu-referenzen .module-title h2.title {
	/*display:none;
	border: 2px dotted red !important;*/
}

.isotope-item a.btn.btn-primary {
	font-size:1.2em;
	line-height:2em;
}

/* =Component Content
----------------------------------------------- */
.item-page{
	margin-top: 5px; 
}

.item-page .leistung {
        min-height:110px;
}
.item-page .leistung h3 {
	color: #008cbe;
	/*background-color:#008cbe;*/
}
/* *** Headlines *** */
.component-content h1, .module-content h1 {
	margin-top: 0px;
	/*margin-bottom: 2px;*/
	padding-top: 0px;
	font-size: 30px;
	text-transform: uppercase;
}
.menu-blog .component-content hgroup h1 {
	display:none;
}
.menu-blog .component-content hgroup h1 {
	display:none;
}
.menu-blog .component-content article hgroup {
	/* margin-top:28px; */
}

.component-content h2, .module-content h2, .title {
	font-size: 25px;
	text-transform: uppercase;
}
.rt-block.portfolio .title,
.rt-block.projekt .title{
	margin-top: 10px;
	font-size: 30px;
	font-weight: bold;
}
.menu-referenzen .rt-block.projekt .title,
.menu-home .rt-block.projekt .title {
	margin-top: 40px;
	/* border-left: 2px dotted red !important; */
}

.module-content h2 {
	margin-top: 0;
	line-height: 26px;
}

/* *** Images *** */
#rt-mainbody .component-content /* .item-page */ p img,
#rt-mainbody .component-content /* .item-page */ td img,
#rt-mainbody .component-content /* .item-page */ td a img

{
	color:#333333;
	background-color: #fff;
	padding: 3px;
	margin-bottom: 12px;
  border: 1px solid #ddd; 
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.13);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.13);
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.13);
	/* max-width: none; */
}
#rt-mainbody .img-intro-none img, /* Startseiten-Blog */
#rt-mainbody .img-intro-left img, /* Startseiten-Blog */
#rt-mainbody .img-intro-right img /* Startseiten-Blog */
{ width:60%; }



div.kein-bildrand,
img.kein-bildrand,
img.kein-bildrand.bild-rechts,
#rt-mainbody .component-content td img.kein-bildrand,
#rt-mainbody .component-content /* .item-page */ .kein-bildrand img,
#rt-mainbody .component-content /* .item-page */ .kein-bildrand,
#rt-main .rt-block .module-surround .module-content .customsidebar-img p .kein-bildrand,
#rt-main .rt-block .module-surround .module-content .customsidebar-img p.kein-bildrand img{
	background-color: none;/**/
	background: none;/**/
	padding: 0px;
	border: 0px none;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	margin-bottom: none;
}



/* =Component Content Pagination 
----------------------------------------------- */
.pagination ul {
	-moz-box-shadow:    none;
  -webkit-box-shadow: none;
  box-shadow:         none;
}
.pagination ul li span,
.pagination ul li a,
.pagination ul > li > span,
.pagination ul > li > a {
	border: none;
	background: transparent;
}


/* =Mainbody Content 
----------------------------------------------- */
blockquote {
  padding-left: 24px;
  margin: 20px 0 20px;
}
#rt-mainbody-surround .rt-container #rt-main .rt-container .rt-grid-8 .rt-block {
	margin-top: 0;
	padding-top: 0px;
}

#rt-main .rt-container .rt-grid-12 .rt-block {
	/*padding-bottom: 80px;*/
}
.title, .component-content h2 {
	/*margin-bottom: 3px;*/
	padding-bottom: 3px;
	/*border: none;
  margin-right:-8px;*/ 
  font-weight: bold;
	-moz-box-shadow:    none;
  -webkit-box-shadow: none;
  box-shadow:         none;
	/*border-bottom: 1px solid #ddd;
	border-style: solid;
	border-width: 0px 0px 4px;
	-moz-border-image: url(../images/element-berlin/dotted-line.png) 0 0 4 repeat;
	-webkit-border-image: url(../images/element-berlin/dotted-line.png) 0 0 4 repeat;
	-o-border-image: url(../images/element-berlin/dotted-line.png) 0 0 4 repeat;
	border-image: url(../images/element-berlin/dotted-line.png) 0 0 4 fill repeat;*/
	
	border-bottom: 3px dotted #ddd;
}
.component-content .blog h2 {
  /*margin-top:24px; */
}

.menu-kompetenzen .component-content .blog .cols-1 { /* Kompetenzen-Teaser */
  border-bottom: 3px dotted #ddd;
  margin-bottom: 15px !important;
}
.menu-kompetenzen .component-content .blog .cols-1.row-12,
.menu-kompetenzen .component-content .blog .cols-1.row-13,
.menu-kompetenzen .component-content .blog .cols-1.row-14,
.menu-kompetenzen .component-content .blog .cols-1.row-15 { /* Letzter Kompetenzen-Teaser ohne Linie */
  border-bottom: 0 none;
}

.item h2,
.item-page h2 { /*border: none;*/ } /* Portfolio Detailansichten */
/* .item-page */ 
h4 {
	margin-bottom: 0;
	/* font-family: Helvetica, Arial, Sans-Serif; */
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.5em;
	color: #434b54;
}

.category-desc {
	margin-top: 0;
	padding-bottom:10px;
}
/*legend {
    border-bottom: 1px none #ddd;
	font-family: 'PT Sans Narrow',Arial,sans-serif;
	color: #303030;
    font-size: 20px;
    margin: 10px 0;
	line-height: 30px;
}*/
legend {
	display:none;
}

.thumbnail{
	margin-right:20px;
	margin-bottom:20px;
}

/*.portfolio-medium,
.portfolio-pipe,*/
.portfolio-kunde,
.portfolio-kurzinfo {
	color:#303030;
} 
.portfolio-kurzinfo {
	color:#303030;
} 
 
.portfolio-kunde {
	font-weight:bold;
	padding-right:18px;
	background-image:url(../images/element-berlin/pipe.png);
	background-repeat:no-repeat;
	background-position: right center;
}
/*.portfolio-medium {
	font-weight:bold;
	margin-right:4px;
}
.portfolio-pipe {
	margin-left:8px;
	margin-right:8px;
}*/


.module-content .custom ul,
.item ul,
.item-page ul {
	margin: 0 0 10px 14px;
}
.module-content .custom ul li,
.item ul li,
.item-page ul li {
	list-style-image: url(../images/element-berlin/li.gif);
  	line-height: 2em;
}

div .logout-description {
	margin-bottom: 20px;
}

.component-content .img-intro-left, 
.component-content .img-fulltext-left {
    margin-right: 30px;
}


/* =Entweder/Oder Button
----------------------------------------------- */
p.either-or {
	margin-top: 30px !important; 
	/* display:none; */
}

p.either-or a,
.isotope-item a.btn.btn-primary {
	font-size: 16px;
	line-height: 1.5em;
	/*text-transform:uppercase;
	font-family: 'PT Sans Narrow',Arial,sans-serif;*/
	margin: 2px 0 18px 0;	
	cursor:pointer;
	text-shadow:none;
	/**/display:inline-block;
	text-align:center;
	text-decoration:none;
	padding:5px 12px 5px 12px;
	border: 1px solid #ddd !important; 
	border-bottom: 1px solid #ccc !important;
	border-right: 1px solid #ccc !important;
	border-radius: 0px !important;
	
	box-shadow: 1px 1px 2px rgba(0,0,0,0.13);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.13);
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.13);
	/*box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;*/
}
p.either-or a,
.isotope-item a.btn.btn-primary{
	background: none repeat scroll 0 0 #fff/*#fbfbf9*/ !important;
	color:#008CBE;
}
p.either-or a:hover,
p.either-or a:active,
.isotope-item a.btn.btn-primary:hover {
  color:#333333;
  background: none repeat scroll 0 0 #ffffff !important;
  border: 1px solid #ccc !important; 
  border-bottom: 1px solid #bbb !important;
  border-right: 1px solid #bbb !important;
  
	box-shadow: 2px 2px 2px rgba(0,0,0,0.13);
	-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.13);
	-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.13);/**/
}
div.customsidebar-text-hell p.either-or a, 
div.customsidebar-text-hell p.either-or a:hover, 
div.customsidebar-text-hell p.either-or a:active{
	background:none;
	border: none !important; 
	box-shadow: none !important; 
	-moz-box-shadow: none !important; 
	-webkit-box-shadow: none !important; 
	padding: 2px;
}
div.customsidebar-text-hell p.either-or {
	margin:-6px 0 -10px !important;
}

p.either-or > em,
em.either-or {
	color:#333333;
	font-style:italic;
	font-size:11px;
	padding:11px 13px 12px;
	text-align:center;
	background:transparent url(../images/element-berlin/btn-pipe.png) no-repeat center top;
	background-position: center -1px;
	position: relative;
    top: -2px;
}

/*	
p.either-or > a {
	cursor:pointer;
	display:inline-block;
	margin:0;
	padding:5px 11px 4px 11px;
	border:1px solid #79bed8;
	border-color:#3393bb;
	border-bottom-color:#0f7da3;
	font-size: 13px;
	color:white !important;
	text-align:center;
	text-shadow: -1px -1px 0 rgba(0,0,0,.5);
	text-decoration:none;
	
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	
	-webkit-box-shadow:inset 0 1px 0 hsla(0,100%,100%,.3), inset 0 0 2px hsla(0,100%,100%,.3), 0 1px 2px hsla(0, 0%, 0%, .29);
	-moz-box-shadow:inset 0 1px 0 hsla(0,100%,100%,.3), inset 0 0 2px hsla(0,100%,100%,.3), 0 1px 2px hsla(0, 0%, 0%, .29);
	box-shadow:inset 0 1px 0 hsla(0,100%,100%,.3), inset 0 0 2px hsla(0,100%,100%,.3), 0 1px 2px hsla(0, 0%, 0%, .29);
}
p.either-or a {
	background-color:#329bc1;
	background: -moz-linear-gradient(top , #39a2c7 0%, #0e769a 100%);
	background: -webkit-linear-gradient(top , #39a2c7 0%, #0e769a 100%);
}
p.either-or a:hover,
p.either-or a:active {
	background-color: #00b2f1; 
	background: -moz-linear-gradient(top, #01bcff 0%, #0089b9 100%); 
	background: -webkit-linear-gradient(top, #01bcff 0%, #0089b9 100%);
	border-color: #00abf3;
	border-bottom-color: #0089b9;
} */

/* =Readmore Button
----------------------------------------------- */
p.readmore {
	padding: 6px 10px;
	margin-left: -9px;
	line-height: 1em;
	margin-bottom:18px;
	cursor:pointer;
	color:#333333 !important;
	
	background: none /*repeat scroll 0 0 #fbfbf9 */ !important;
	border: 1px solid transparent !important; 
	border-radius: 0px !important;
	/*border-bottom: 1px solid #ccc !important;
	border-right: 1px solid #ccc !important;
	box-shadow: 1px 1px 2px #ddd;
	-moz-box-shadow: 1px 1px 2px #ddd;
	-webkit-box-shadow: 1px 1px 2px #ddd;
	*/
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	text-shadow:none;
	/* padding:0px 9px 1px 3px; */
}
.readmore a {
    color:#008CBE;
}
.readmore a:hover {
    color:#333333;
    /*color:#008CBE;
	text-decoration: underline;*/
}
p.readmore:hover {
	/*border: 1px solid #ddd !important;
	background-color: #fff !important;*/
  
  /*border: 1px solid #ccc !important; 
  border-bottom: 1px solid #bbb !important;
  border-right: 1px solid #bbb !important;
	box-shadow: 2px 2px 2px #ddd;
	-moz-box-shadow: 2px 2px 2px #ddd;
	-webkit-box-shadow: 2px 2px 2px #ddd;
	*/
}
/* PLASTISCHE BUTTONS */
/*
p.readmore {
	cursor:pointer;
	display:inline-block;
	margin:0;
	margin-bottom:18px;
	padding:1px 10px 0 10px;
	border:1px solid #79bed8;
	border-bottom-color:#0f7da3;
	font-size: 13px;
	line-height: 19px;
	color:white !important;
	text-align:center;
	text-shadow: -1px -1px 0 rgba(0,0,0,.5);
	text-decoration:none;
	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	
	background:#329bc1;

	-webkit-box-shadow:inset 0 1px 0 hsla(0,100%,100%,.3) , inset 0 0 2px hsla(0,100%,100%,.3) , 0 1px 2px hsla(0, 0%, 0%, .29);
	-moz-box-shadow:inset 0 1px 0 hsla(0,100%,100%,.3) , inset 0 0 2px hsla(0,100%,100%,.3) , 0 1px 2px hsla(0, 0%, 0%, .29) ;
	box-shadow:inset 0 1px 0 hsla(0,100%,100%,.3) , inset 0 0 2px hsla(0,100%,100%,.3) , 0 1px 2px hsla(0, 0%, 0%, .29) ;
}
*/


/* BUTTONS */
.button, .btn, .readon, .readmore, button.validate, #member-profile a, #member-registration a, .formelm-buttons button {
  border-radius:	0;
	margin-left:	4px;
	margin-right:	4px;
}

/* Page Navigation - Vorwärts/Rückwärts */
.component-content .pagenav li {
	border: none;
}
.pager a, .pager a:hover {
	padding: 0 !important;
	background-color: transparent;
	border: none;
}
.pager span {
	/*  border: 1px solid #ccc;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	padding: 5px;
	border-radius: 1px;
	font-size: 10px;
	background: #fff; */
	padding: 0 !important;
	font-size: 16px;
	border: none;
	background: transparent;
	box-shadow: none;
}
.pager .next span{
	padding-left: 4px !important;
}

/* Formulare */
.component-content #member-profile fieldset, .component-content .registration fieldset {
    padding: 0px;
}
.form-horizontal .control-label {
	text-align: left;
}
.form-horizontal .controls {
	margin-left: 0;
}
form.form-horizontal.well {
	padding: 0;
	background-color: transparent;
	border: none;
	box-shadow: none;
}

ul.nav.nav-tabs.nav-stacked li a {
	background-color: transparent;
	border: none;
}
span.optional {
	font-weight: bold;
}


/* =Sidebar Content
----------------------------------------------- */
/* *** Images *** */
#rt-main .rt-block .module-surround .module-content .customsidebar-img p img{
	max-width: 277px !important;
	background-color: #fff;
	padding: 3px;	
  border: 1px solid #ddd; 
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.13);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.13);
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.13);
}
#rt-main .customsidebar-text-hell,
#rt-main .customsidebar-text-dunkel,
#rt-main .rt-block .leistung,
.rt-block .customsidebar-text-hell{	
	padding:20px;
  border: 1px solid #ddd; 
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.13);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.13);
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.13);
}
#rt-main .customsidebar-text-hell,
#rt-main .rt-block .leistung,
.rt-block .customsidebar-text-hell {	
	background-color: #ffffff;
}
#rt-main .rt-block .leistung {	
	margin: 0 15px 15px 0;
	float: left; 
	zoom: 1; 
	padding-right: 40px; 
	overflow: auto;
}
#rt-main .rt-block .leistung h3{	
	border-bottom: 1px solid #e3e3e3;
    /*color: #0094bc;*/
    font-size: 23px;
    margin: -20px -40px 20px -20px;
    padding: 6px 40px 5px 20px;
    text-transform: uppercase;
	text-shadow: 1px 1px 0 #ffffff;
}
#rt-main .rt-block .leistung h3::before {
    content: "";
    font-family: FontAwesome;
    margin: 0 6px 0 2px;
	color: #008cbe;
}
#rt-main .rt-block .module-surround .module-content .customsidebar-text-dunkel {	
	background-color: #f5f5f1;
}
#rt-main .rt-block .module-surround .module-content .sidebar-text-randlos {	
	padding: 0px;
	background-color: #f5f5f1;
}
#rt-main .rt-block .module-surround .module-content .customsidebar-text-transparent{
	padding-top:15px;
	padding-bottom:5px;
}
#rt-main .rt-block .module-surround .module-content .customsidebar-text-hell p,
#rt-main .rt-block .module-surround .module-content .customsidebar-text-transparent p {
	font-style: italic;
}


/* =Footer
----------------------------------------------- */
#rt-footer-surround {
  margin-top:-34px;
}
#rt-footer-surround #rt-footer {
	background: none;
	border: none;
	-moz-box-shadow:    none;
  -webkit-box-shadow: none;
  box-shadow:         none;

}

#rt-footer-surround #rt-footer .footer_info{
	margin:0 0 0 35px; 
	font-size: 13px; 
}
#rt-footer-surround #rt-footer .footer_info a{	color: #7B8691;
}
#rt-footer-surround #rt-footer .footer_info a:hover{	color: #008cbe;
}
/* 3.1 Zoomstufe: Mobile */
@media (max-width: 767px) {
	#rt-footer-surround #rt-footer .footer_info{
		display:none;
	}
}

/* =RokNav-Footer-Menu
------------------------------------------------------------*/
#rt-footer-surround #rt-footer .rt-container .rt-block #footermenu {
	float: right;
	margin-right:60px;
}
ul#footermenu.menutop li > .item {
	padding: 0 5px;
	font-size: 12px;
	color: #7b8691;
	background: none;
	border: none;
}
ul#footermenu.menutop li > .item:hover {
	color: #008CBE;
}
/* .menutop li.active > .item {    
	background-color: #008cbe !important;
  border-color: #08658f #138FDC #138FDC #08658f  !important;
  border-style: solid !important;
  border-width: 1px !important;
  color: #FFFFFF !important; 
} */
/* ------------------------------------------------------------
ENDE RokNav-Footer-Menu */



/* =Untermenue bei Portfolio & Usermenu
----------------------------------------------- */
ul.menu li a:before, 
ul.menu li .item:before, 
ul.menu li .separator:before,
ul.menu li .separator{
	content: " ";
	margin-right: 3px;
	vertical-align: middle;
	font-size: 12px;
	color: #7B8691 !important;
	font-weight:normal;
}
ul.menu li.active.current > a:before, 
ul.menu li.active.current > .item:before, 
ul.menu li.active.current > .separator:before{
  content: " ";
  font-size: 12px;
  margin-right: 3px;
}
ul.menu li.active.current > a, 
ul.menu li.active.current > .item{
	color: #333333 !important;
}
/* ------------------------------------------------------------
ENDE joomla menu */



/* =Joomla-Footer-Menu
------------------------------------------------------------*/
#footer-menu{
    float: right;
    margin-right: 60px;
    padding-bottom: 2px;
}
#footer-menu li,
ul.menu li .separator{
  float: left;
  height: 30px;
  width: auto;
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: 20px;
	color: #7B8691;
	font-size: 12px;
	font-weight:normal;
}
#footer-menu li a{
	color: #7B8691;
	padding: 0 5px;
	display: block;
	font-weight:normal;
}
#footer-menu li a:hover{
	color: #008CBE;
	background-color: transparent;
}
#footer-menu li .separator{ color: #bbc1c8 !important; }

/* MOBILE-MENU & INPUT-Felder: */

	.gf-menu-toggle {
		left: inherit;
		right: 10px;
		padding: 10px;
		/* border: 3px solid red !important; */
	}
.layout-mode-responsive .gf-menu-device-container,
.gf-menu-toggle,
/* INPUTS : */
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input,
/* INPUTS 2: */
.component-content .login-fields #username, .login-fields #password, #contact-form dd input, #contact-form dd textarea, #modlgn-username, #modlgn-passwd, #jform_email, #member-registration dd input, #search-searchword, .finder .inputbox{
    border-radius: 0px;
}

/* Beitrag-Bearbeiten-Formular */
.component-content .edit #adminForm .formelm-area label {
    width: 13em;
}


.pdf{
	background: url(../images/pdf.gif) left center no-repeat;
	margin-left: 5px;
	padding-left: 24px;
	padding-bottom: 5px; 
	padding-top: 5px;
	line-height: 24px;
} 

.fussnote strong { color: #333; }
p span.fussnote { font-size: 13px; }

#rt-mainbody .component-content p img.icon, 
.icon {
		margin-right: 8px;
		margin-bottom: 3px;
}

#rt-mainbody .component-content p img.marker, 
.marker {
		margin-right: 6px;
		margin-bottom: 0;
		border: 0px none;
		box-shadow: none;
		  -moz-box-shadow: none;
		  -webkit-box-shadow: none;
		float: left;
		background-color: transparent;
		width:39px;
		height:40px;
}

div.icon-liste {
  margin-left: 22px;
}
div.icon-liste [class^="icon-"]::before {
  margin-left: -19px;
}

.warum,
h4 .warum{
  text-align: center; 
  padding: 40px 14% 45px;
  margin: 0;
  font-style:italic;
  font-size: 1.2em;
  line-height: 1.5em;
  background-image:url(/images/bg-warum.png?vers=3);
  background-repeat:no-repeat;
  background-position:center;
  background-size: contain;
}


.beitrag {
  margin-bottom: 2px;
  font-weight: bold;
  display:inline-block;

  /*
  font-size: 18px;
  font-style:italic;
  background-color: #f0f5e4;
  padding:4px 12px;*/
}
.konditionen {
  font-size: 13px;
}



#rt-offline-body h1.sitename {
    font-size: 100%;
	display:none;
}
#rt-offline-body .rt-block.offline p{
    font-size: 16px;
    line-height: 1.5em;
}

.rt-container .rt-block.bg-highlight, #rt-mainbottom .rt-block.bg-highlight {
	/*background:#008CBE;*/
	background:#ffffff;
	color: #333;
	padding: 34px 40px 24px;
	border: 3px solid #fff;
	box-shadow: 1px 1px 3px #ccc;
	-moz-box-shadow: 1px 1px 3px #ccc;
	-webkit-box-shadow: 1px 1px 3px #ccc;
	  	margin-left: 75px;
  		margin-right: 85px;
  		margin-top: 0;
  		margin-bottom: 40px;
}
#rt-mainbottom .rt-block.bg-highlight a:hover, .rt-container .rt-block.bg-highlight a:hover {
  /*text-decoration: underline;
  color: #fff;*/
}
#rt-mainbottom .rt-block.bg-highlight a, .rt-container .rt-block.bg-highlight a {
	/*color: #b1d5e2;*/
}
#rt-mainbottom .rt-block.bg-highlight h1, .rt-container .rt-block.bg-highlight h1,
#rt-mainbottom .rt-block.bg-highlight h1 a, .rt-container .rt-block.bg-highlight h1 a,
#rt-mainbottom .rt-block.bg-highlight h2, .rt-container .rt-block.bg-highlight h2,
#rt-mainbottom .rt-block.bg-highlight h3, .rt-container .rt-block.bg-highlight h3 {
  /*color: #fff;*/
}
#rt-mainbottom .rt-block.bg-highlight .module-content h1, .rt-container .rt-block.bg-highlight .module-content h1 {
  margin-bottom: 8px;
  text-transform:none;
  font-weight: 600;
}

#rt-mainbody .component-content p img.logo,
#rt-mainbody .component-content p.logo img{
  padding: 40px;
  max-width: 320px;
}
.zenborder .logo .zenimage a img{
  padding: 12px 16px;
}





	 body.layout-mode-responsive #rt-mainbody .component-content .blog-featured article { /* Startseiten-Blog*/
		text-align: center;
	 }







/* =Mediaqueries 
----------------------------------------------- */
img.bild-handy {
	  display:none;	
}

/* 1. Zoomstufe */
@media only screen and (min-width: 960px) and (max-width: 1199px) {
	h1, h2, h3 { /* color: lime; */ }
	#rt-main .rt-block .module-surround .module-content .customsidebar-img p img { max-width: 199px !important; }
	.rt-grid-12 .rt-block.wider .module-surround .module-content .nextend-slider-fadeload { width: 99% !important; }
	.rt-grid-12 .rt-block.wider .module-surround .module-content div.smart-slider-canvas-inner div.smart-slider-items img { width: 60% !important; height: 60% !important; margin-top: 60px !important; }
	.rt-grid-12 .rt-block.wider .nextend-bullet-container { width: 88%; }
	
	.layout-mode-responsive .gf-menu.l1 > li > .item { font-size: 23px; }
	h1, h2 { font-size: 23px; }
}

/* 2. Zoomstufe: Tablet */
@media (min-width: 768px) and (max-width: 959px) {
	h1, h2, h3 { /* color: red; */ }
	#element-berlin-top #rt-top-surround #rt-header .rt-container .rt-grid-5.rt-alpha .rt-block.logo-block #rt-logo { 
		/*background: url(/images/logo-element-berlin-s.png) 50% 0 no-repeat !important;
		background: url("/images/logo-element-berlin-m-144dpi.png") no-repeat scroll 50% 0 !important;
		
		background: url("/images/logo-element-berlin-s-144dpi.png") no-repeat !important; */
		background-size: 111px 111px !important;
	}
	#rt-top-surround { margin-bottom: 18px; }
	.layout-mode-responsive .gf-menu.l1 > li > .item { font-size: 20px; }
	.gf-menu li.parent > .item { padding-right: 6px; }
	.gf-menu li.parent > .item:hover { padding-right: 6px; }
	.gf-menu li:first-child{ display:none; } /* =Main Menu */
	#rt-top-surround { /* margin-bottom: 60px; border:1px dotted red !important;*/ }
	/* .rt-grid-4 { display: none !important; } */
	.rt-grid-4 {
		width: 100%;
	}
	.rt-grid-8 { width: 740px; }
	#rt-footer .rt-grid-8 { width: auto; }
	#rt-footer .rt-prefix-4 { padding-left: 0px; }
	
	
	/* *** Right Sidebar *** */
	.rt-grid-4 #rt-sidebar-c {
		margin-left: 60px;
		margin-right: 75px;
		/*  */
	}
	.rt-block.sidebar-img { margin:0; }
	
	.rt-block.sidebar-text-hell {
		margin-left: 0;
		margin-right: 60px;
		/*  */
	}

}

@media (min-width: 960px) {
	.show-tablet, .show-mobile { display: none; }
	
	.textblock-schmal {
	  margin-right: 45%;
	}
}

@media (min-width: 1200px) {
	.teaser .bild-rechts {
		width:35% !important;
  /*margin-right: 5% !important;
		border:3px dotted green !important;*/
	}
	.teaser .bild-links {
		width:35% !important;
  /*margin-right: 5% !important;
		border:3px dotted green !important;*/
	}
	
}

@media (max-width: 1199px) {
	.menu-kompetenzen .rt-grid-8 .rt-block{
		margin-right: 10px;
	}
	
	#rt-mainbody .img-intro-none img, /* Startseiten-Blog */
	#rt-mainbody .img-intro-left img, /* Startseiten-Blog */
	#rt-mainbody .img-intro-right img /* Startseiten-Blog */
	{ width:90%; }
	
	
	.teaser .bild-rechts,
	.teaser .bild-links {
		width:45% !important;
		/* border:3px dotted green !important; */
	}
	.teaser .bild-rechts {
  		/*margin-left: 5% !important;
	}
	.teaser .bild-links {
  		margin-right: 5% !important;*/
	}
}

@media (max-width: 959px) {
	.rt-block.logo-block {
    	/*margin-top: 10px;	*/
		height: 120px; 
		/* width: 140px;
		border: 1px dotted red; */
	}
	
	.bild-rechts {
		margin-left:0 !important;
		margin-bottom:0 !important;/**/
		float: none;
		/*border:3px dotted orange !important;*/
	}
	.bild-links {
		margin-right:0 !important;
		margin-bottom:0 !important;/**/
		float: none;
		/*border:3px dotted orange !important;*/
	}
	.bild-rechts.kein-bildrand,
	.bild-links.kein-bildrand{
		padding-bottom:0 !important;
	}	
	#rt-mainbody .component-content p img.bild-links.thumb {
		margin-bottom: 12px !important;
		display: block;
	}
	
	.teaser .bild-rechts {
		width:60% !important;
		/*border:3px dotted orange !important;*/
	}
	.teaser .bild-links {
		width:60% !important;
		max-width: 350px;
		/*border:3px dotted orange !important;*/
	}
	.rt-grid-4 #rt-sidebar-c {
  		margin-right: 0;
	}
	.hide-on-mobile {
		display:none !important;
	}
	
}

/* 3.1 Zoomstufe: Mobile */
@media (max-width: 767px) {
	h1, h2, h3 { /* color: blue; */ }
	#element-berlin-top #rt-top-surround #rt-header .rt-container .rt-grid-5.rt-alpha .rt-block.logo-block #rt-logo { 
		/* background: url(/images/logo-element-berlin-m-144dpi.png) 50% 0 no-repeat !important;  
		background: url("/images/logo-element-berlin-m-144dpi.png") no-repeat scroll 50% 0 !important;
		
		background: url("/images/logo-element-berlin-s-144dpi.png") no-repeat !important;*/
		background-size: 111px 111px !important;
	 	margin: 0 0 18px 7px; 
		width: 111px !important; 
		border:0 none;
		box-shadow:none;
		background:transparent;
	}
	.rt-block.logo-block {
		padding-left: 0;
		margin-left:0;
	}
	 body.layout-mode-responsive #rt-logo {
		margin: 0 0 18px 30px;
	  }
	/* .rt-grid-4 { display: none !important; } */
	.hidden-tablet, .hidden-mobile { display: none !important; }
	.rt-container { width: auto; }
	#rt-mainbottom .rt-block, .rt-grid-12 .rt-block, .rt-grid-8 .rt-block { margin-left: 0; margin-right: 0; }
	#rt-breadcrumbs { margin-top: 12px; }
	
	.layout-mode-responsive .gf-menu-device-container{
		box-shadow: 0 1px 0 #CBCBCB inset, 0 1px 0 #FFFFFF inset;
		padding: 1px;
		padding-top: 2px;
		margin-left:10px;
		margin-right:10px;
	}
	#rt-footer .rt-prefix-4 { padding-left: 0; }
	#rt-footer #footer-menu { margin:0; }
	/* *** Right Sidebar *** */
	.rt-block.sidebar-img { margin:0; }
	
	.rt-container .rt-block.bg-highlight, 
	#rt-mainbottom .rt-block.bg-highlight { 
		margin-left: 15px;
		margin-right: 15px;
	}
	
	
	#rt-mainbody .img-intro-none img, /* Startseiten-Blog */
	#rt-mainbody .img-intro-left img, /* Startseiten-Blog */
	#rt-mainbody .img-intro-right img /* Startseiten-Blog */{ 
		max-width: 175px; 
		/*float:left;
		margin-right:10px;*/
	}
	 body.layout-mode-responsive #rt-mainbody .component-content article { /* Startseiten-Blog*/
		margin-bottom:30px !important;
	 }
	 
	#rt-maintop {
		margin-top: 0px;
		margin-bottom: 20px;
		/* border-bottom: 3px dotted #ddd; */
	}
	.rt-block.sidebar-text-hell {
		margin-left: 0;
		margin-right: 0;
		/*  */
	}


}
/* 3.2 Zoomstufe: Mobile-2 */
@media (max-width: 620px) {  
	.component-content .img-intro-left, 
	.component-content .img-fulltext-left,
	.component-content .img-intro-right, 
	.component-content .img-fulltext-right {
		float: none;
	}
	
	img.bild-pc {
	  display:none;	}
	img.bild-handy {
	  display:block;	
	}
	
	
	.teaser .bild-rechts {
		width:85% !important;
		/*border:3px dotted red !important;*/
	}
	.teaser .bild-links {
		width:85% !important;
		/*border:3px dotted red !important;*/
	}
}

/* 4. Zoomstufe: Mobile */
@media only screen and (max-width: 480px) {
	h1, h2, h3 { /* color: yellow; */ }
	
	/* */ #element-berlin-top #rt-top-surround #rt-header .rt-container .rt-grid-5.rt-alpha .rt-block.logo-block { padding-left: 2% !important;  }
	#element-berlin-top #rt-top-surround #rt-header .rt-container .rt-grid-5.rt-alpha .rt-block.logo-block #rt-logo {
		/* background-size: 240px 83px !important;
		margin:20px 0px 10px 0 !important;  *//* */
	}
	/* .rt-grid-4 { display: none !important; } */
	.hidden-tablet, .hidden-mobile { display: none; }
	p.either-or > em { display: none; }

}