*|*:-moz-any-link:focus {
	outline: none;
}

a:focus { outline: none;
}

#ccm-highlighter 
{z-index:1000!important;

}


a {
  /*color: #006CBB;*/
  color: #61C0E8;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #ffffff;
  text-decoration: underline;
}

p {
  margin: 0;
}
body {
	/*font-family: 'Slabo 27px', serif!important;
	font-family: 'Vitesse SSm A', 'Vitesse SSm B'; font-weight: 500; font-style: normal;*/
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 14px;
	line-height: 1.2em!important;
	/*font-weight: 700!important;
	
	background-color: #E7EBEB!important;*/
	color: #ffffff!important;
	background-color: #00435B!important;
	/*width: 1200px;
	max-width: 98%;
	margin: 0 auto;*/
	margin-top:10px;
}
/*.slider {
	z-index: -1;
	position: absolute;

}*/

.teaser {
  font-family: 'Vitesse SSm A', 'Vitesse SSm B';
  font-size: 15px;
  line-height: 1.3em!important;
  /*font-weight: 500;
  font-style: normal;
  font-size: 24px;*/

}
img {
    max-width:100%;
	height: auto;
}

.sidenav h4 {
    margin-top: 20px!important;
}
h1, .h1   {
  font-size: 54px;
    font-family: 'Vitesse SSm A', 'Vitesse SSm B'; font-weight: 500; font-style: normal;
}
h3,
.h3,
h2, h2 {
	color: inherit!important;
  font-family: 'Vitesse SSm A', 'Vitesse SSm B'; font-weight: 500; font-style: normal; font-size: 24px;
   /*margin: 0;*/
}




h4,
h5,
h6,



.h4,
.h5,
.h6 {
  font-family: 'Vitesse SSm A', 'Vitesse SSm B'; font-weight: 500; font-style: normal;
  line-height: 1.4;
  color: inherit;
  /* margin: 0;*/
}
.small {
  font-size: 65%!important;
  float: left!important;
  padding-left: 15px;
  margin-top: -10px;
}
.center {
	text-align: center!important;
}
.vcenter {
    padding-top: 3%;  
	padding-bottom: 3%; 
	/*background-color: #00CCCC;*/
  }
.no-margin {
    margin-left:-15px;
	margin-top:30px;
	margin-bottom:30px;
	margin-right: 15px;

}
.freie-bilder img {
    /*margin-top: 10px;*/
    margin-bottom: 16px;

}
.deluxe_image_gallery_container {
    background-color: transparent!important;

}
#fancybox-outer {
	background: #00435B!important;
	width: 102%!important;

}
/*#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0px solid #fff;
}*/
.mitarbeiter {
    margin-bottom: 15px;
}

.center   {
 text-align: center!important;
}  
footer {
	/*text-transform:uppercase;*/
    font-family: 'Vitesse SSm A', 'Vitesse SSm B'; font-weight: 500; font-style: normal;
	font-size: 14px;
	color: #fff;
	padding: 1%;
	margin-top: 4.5em;
	margin-bottom: 100px;
	border-top-style: solid;
	border-top-color:#FFFFFF;
	border-top-width: 2px;
}

footer  ul {
    padding: 0;
    margin: 0;
}
footer  li {
    display: inline!important;
	list-style-type: none!important;

    margin-right: 0.5em;
    padding-right: 0.5em;
	border-right: solid 1px #fff;
}

footer a {
  color: #ffffff!important;
  text-decoration: none;
}

footer a:hover,
footer a:focus {
  color: #006CBB!important;
  text-decoration: underline;
}

.captionoff .carousel-caption {
	position: relative!important;
	z-index: 10;
	right: auto!important;
	left: auto!important;
	padding-top: 10px;
	padding-bottom: 15px;
	color: #ffffff;
	background-color: transparent!important;
	text-align: left;
	text-shadow: none;
	bottom: 0px;
}

.captionoff .carousel-caption .btn {
  text-shadow: none;
}
.captionoff .carousel-indicators {
  position: absolute;
  z-index: 15;
  bottom: 0px;
  left: 0%;
  width: 100%;
  padding-left: 0;
  margin-left: 0%;
  text-align: right;
  list-style: none;
}
.captionoff .carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  border: 1px solid #ffffff;
  border-radius: 10px;
}

.captionoff .carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #ffffff;
}



.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  height: auto;
  max-width: 100%;
  line-height: 1;
  /*margin: 0 auto!important;*/
}


.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  opacity: 0;
  filter: alpha(opacity=0);
}

.carousel-control.left {
  background-image:none;
  background-image: none;
  background-repeat: repeat-x;
  filter:none;
}

.carousel-control.right {
  right: 0;
  left: auto;
  background-image:none;
  background-image: none;
  background-repeat: repeat-x;
  filter:none;
}

.carousel-control:hover,
.carousel-control:focus {
  color: #ffffff;
  text-decoration: none;
  outline: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-menu-left,
.carousel-control .glyphicon-menu-right {
  position: absolute;
  top: 45%;
  z-index: 5;
  display: inline-block;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-menu-left {
  left: 50%;
  margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-menu-right {
  right: 50%;
  margin-right: -10px;
}
/*
  Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
  CSS from:       http://codepen.io/transportedman/pen/NPWRGq
  and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide
  Inspired from:  http://codepen.io/Rowno/pen/Afykb 
*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  Need to override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}


/*
.carousel-caption {
  display:block;
  position: absolute;
  right: 10%;
  top: 5%;
  bottom: 20px;
  left: 5%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 12px;
  color: #ffffff;
  text-align: left;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
  .carousel-caption p {
    display:block;
  } 
.carousel-caption .btn {
  text-shadow: none;
}
*/
.navbarspacer {
    display: block;
	height: 150px;
}

/*
.navbar {
	border-top-width: 1px!important;
	border-top-style: solid!important;
	border-top-color: #E4E9E9!important;
}

.logonavbar {
  padding-top: 7px;
  padding-bottom: 7px;
  padding-right: 7px;
  padding-left: 7px;
}
*/
.btn-default {
  color: #00435B;
  background-color: #FFEE69;
  border-color: #eea236;
}
.navbar-default {
	text-transform:uppercase;
    font-family: 'Vitesse SSm A', 'Vitesse SSm B'; font-weight: 500; font-style: normal;
	/*font-family: 'Vitesse A', 'Vitesse B'; font-weight: 500; font-style: normal;*/
	font-size: 18px;
	/*letter-spacing: 2px;*/
	margin-bottom: 115px;
    background-color: transparent!important;
	border: none!important;
	z-index:999!important;
}
.navbar-brand {
  color: #fff!important;
  font-size: 18px;
}

.navbar-default .navbar-nav > li > a {
  color: #e8e8e8;
  border-left: 1px solid #fff;
  /*margin-left: 50px;
  margin-right: -50px;*/
}


.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #fff;
	background-color: transparent!important;
	border-left: 1px solid #fff;

}
.navbar-default .navbar-nav > li > a.nav-selected,
.navbar-default .navbar-nav > li.nav-path-selected > a


{
  color: #fff;
	background-color: transparent!important;

}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #fff;
	background-color: transparent!important;


}







.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    color: #006CBB;
	background-color: transparent!important;

}
/*
.navbar-default .navbar-nav > .dropdown > a .caret {
  border-top-color: #9C7362;
  border-bottom-color: #9C7362;
}
/*
.bordered-left {
  border-left: 1px solid #3D97C2;
}
.bordered-last {
  border-right: 1px solid #3D97C2;
  border-left: 1px solid #3D97C2;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #465A6E;
  text-decoration: none;
  background-color: #F4F5F6;
  outline: 0;
}
*/
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0px;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  /*font-size: 14px;*/
  text-align: left;
  list-style: none;
	background-color: transparent!important;
 /* -webkit-background-clip: padding-box;
          background-clip: padding-box;*/
  border-left: 1px solid #fff;	
  border-top: 0px solid #fff;	
  border-bottom: 0px solid #fff;	
  border-right: 0px solid #fff;		  
  /*border: none;*/
  border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
  border-radius: none!important;
  -webkit-box-shadow: none!important;
          box-shadow: none!important;
}

.dropdown-menu li {
  border-bottom-style: solid;
  border-bottom-width: 0px;
  border-bottom-color: #fff;
  
  
}

.dropdown-menu > li > a {
  display: block;
  padding-left: 14px;
  padding-right: 0px;
  padding-top: 3px;
  padding-bottom: 3px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #006CBB;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: transparent;
}
.dropdown146 a
 {
  color: #61C0E8!important;
}

.dropdown146 a:hover,
.dropdown146   a:focus {
  color: #fff!important;
  text-decoration: none;
  background-color: transparent;
}
.dropdown146 .dropdown-menu > li > a
 {
  color: #61C0E8!important;

}
.dropdown146 .dropdown-menu > li > a:hover,
.dropdown146 .dropdown-menu > li > a:focus {
  color: #fff!important;
  text-decoration: none;
  background-color: transparent;
}
.dropdown146 .dropdown-menu > li > a.nav-selected,
.dropdown146 .dropdown-menu > li.nav-path-selected > a


{
  color: #ffffff!important;
	background-color: transparent!important;

}
.dropdown519 a
 {
  color: #FFEE69!important;
}
.dropdown519 a:hover,
.dropdown519   a:focus {
  color: #fff!important;
  text-decoration: none;
  background-color: transparent;
}
.dropdown519 .dropdown-menu > li > a
 {
  color: #FFEE69!important;

}
.dropdown519 .dropdown-menu > li > a:hover,
.dropdown519 .dropdown-menu > li > a:focus {
  color: #fff!important;
  text-decoration: none;
  background-color: transparent;
}
.dropdown519 .dropdown-menu > li > a.nav-selected,
.dropdown519 .dropdown-menu > li.nav-path-selected > a


{
  color: #ffffff!important;
	background-color: transparent!important;

}
.dropdown147 a
 {
  color: #e8e8e8!important;
}
.dropdown147 a:hover,
.dropdown147   a:focus {
  color: #fff!important;
  text-decoration: none;
  background-color: transparent;
}
.dropdown147 .dropdown-menu > li > a
 {
  color: #e8e8e8!important;

}
.dropdown147 .dropdown-menu > li > a:hover,
.dropdown147 .dropdown-menu > li > a:focus {
  color: #fff!important;
  text-decoration: none;
  background-color: transparent;
}
.dropdown147 .dropdown-menu > li > a.nav-selected,
.dropdown147 .dropdown-menu > li.nav-path-selected > a


{
  color: #ffffff!important;
	background-color: transparent!important;

}

.dropdown149 a
 {
  color: #e8e8e8!important;
}
.dropdown149 a:hover,
.dropdown149   a:focus {
  color: #fff!important;
  text-decoration: none;
  background-color: transparent;
}
.dropdown149 .dropdown-menu > li > a
 {
  color: #e8e8e8!important;

}
.dropdown149 .dropdown-menu > li > a:hover,
.dropdown149 .dropdown-menu > li > a:focus {
  color: #fff!important;
  text-decoration: none;
  background-color: transparent;
}
.dropdown149 .dropdown-menu > li > a.nav-selected,
.dropdown149 .dropdown-menu > li.nav-path-selected > a


{
  color: #ffffff!important;
	background-color: transparent!important;

}


.dropdown142 .dropdown-menu > li > a
 {
  color: transparent!important;

}
.dropdown142 .dropdown-menu > li > a:hover,
.dropdown142 .dropdown-menu > li > a:focus {
  color: #fff!important;
  text-decoration: none;
  background-color: transparent;
}
.dropdown142 .dropdown-menu > li > a.nav-selected,
.dropdown142 .dropdown-menu > li.nav-path-selected > a


{
  color: #ffffff!important;
	background-color: transparent!important;

}
/*
.dropdown149 .dropdown-menu > li > a
 {
  color: #FFEE69!important;

}

.dropdown149 .dropdown-menu > li > a:hover,
.dropdown149 .dropdown-menu > li > a:focus {
  color: #fff!important;
  text-decoration: none;
  background-color: transparent;
}
.dropdown149 .dropdown-menu > li > a.nav-selected,
.dropdown149 .dropdown-menu > li.nav-path-selected > a


{
  color: #ffffff!important;
	background-color: transparent!important;

}
*/
.sideinfo   {
    font-family: 'Vitesse SSm A', 'Vitesse SSm B'; font-weight: 500; font-style: normal; 
	font-size: 12px!important;
	line-height: 1.4em!important;
    padding-top: 25px;
	line-height: 1.4em!important;
	text-transform:uppercase;

}
.sideinfoprojekt   {
    font-family: 'Vitesse SSm A', 'Vitesse SSm B'; font-weight: 500; font-style: normal; 
	font-size: 14px!important;
	line-height: 1.4em!important;
    padding-top: 25px;
	line-height: 1.4em!important;
	text-transform:uppercase;

}



.even {
    padding-top: 0px!important;
}

.sideinfo  a   {
   color: #fff!important;
}

.sideinfoprojekt  a   {
   color: #fff!important;
   display: block!important;
}

.sidenav   {
    /*font-weight: bold;*/
    font-family: 'Vitesse SSm A', 'Vitesse SSm B'; font-weight: 500; font-style: normal;
	/*font-family: 'Vitesse A', 'Vitesse B'; font-weight: 500; font-style: normal;*/
	font-size: 14px;
	line-height: 1.4em!important;
	text-transform:uppercase;
}

.sidenav  ul {
    padding: 0;
    margin: 0;
}
.sidenav  li {
	list-style-type: none!important;

	border-bottom: solid 2px #fff;
}
.sidenav  p   {
    margin: 0;
}

/*.gelb {
	color: #FFEE69!important;

}*/
.weiss .pageListItem a {
     color: #fff!important;
}
.weiss .active-page {
    background-color: #fff;
	color: #006CBB;
}
.weiss .active-page  a   {
   color: #006CBB !important;
}


.blau .pageListItem a {
     color: #61C0E8!important;
}

.blau .active-page {
    background-color: #61C0E8;
	color: #006CBB;
}
.blau .active-page  a   {
   color: #fff !important;
}
.blau footer a {
  color: #ffffff!important;
  text-decoration: none;
}

.blau footer a:hover,
.blau footer a:focus {
  color: #006CBB!important;
  text-decoration: underline;
}

.blau a {
  color: #61C0E8;
  text-decoration: none;
}

.blau a:hover,
.blau a:focus {
  color: #ffffff;
  text-decoration: underline;
}


.blau h1, .blau h3, .blau h5  {
	color: #61C0E8!important;

}
.blau .carousel-caption  {
	color: #61C0E8!important;

}
/*.blau .sidenav p, .blau .carousel-caption  {
	color: #61C0E8!important;

}*/
.blau .sidenav a {
	color: #9E0054!important;

}


.blau .sideinfoprojekt .pageListItem a {
     color: #fff!important;
}

.blau .pageListItem h3 {
     text-transform:uppercase;
}
.blau .navbar-default .navbar-nav > li > a.nav-selected,
.blau .navbar-default .navbar-nav > li.nav-path-selected > a


{
  color: #61C0E8;
	background-color: transparent!important;

}

.orange footer a {
  color: #ffffff!important;
  text-decoration: none;
}

.orange footer a:hover,
.orange footer a:focus {
  color: #006CBB!important;
  text-decoration: underline;
}

.orange a {
  color: #CE5200;
  text-decoration: none;
}

.orange a:hover,
.orange a:focus {
  color: #ffffff;
  text-decoration: underline;
}


.orange h1, .orange h3, .orange h5  {
	color: #CE5200!important;

}
.orange .carousel-caption  {
	color: #CE5200!important;

}

.orange .sidenav a {
	color: #CE5200!important;

}
.orange .navbar-default .navbar-nav > li > a.nav-selected,
.orange .navbar-default .navbar-nav > li.nav-path-selected > a


{
  color: #CE5200;
	background-color: transparent!important;

}
.rot footer a {
  color: #ffffff!important;
  text-decoration: none;
}

.rot footer a:hover,
.rot footer a:focus {
  color: #006CBB!important;
  text-decoration: underline;
}

.rot a {
  color: #9E0054;
  text-decoration: none;
}

.rot a:hover,
.rot a:focus {
  color: #ffffff;
  text-decoration: underline;
}

.rot .sidenav a {
	color: #61C0E8!important;

}


.rot h1, .rot h3, .rot h5  {
	color: #9E0054!important;

}
.rot .sideinfoprojekt h3   {
	color: #fff!important;

}

.rot .carousel-caption  {
	color: #9E0054!important;

}
/*.rot .sidenav p, .rot .carousel-caption  {
	color: #9E0054!important;

}*/
.rot .pageListItem a {
     color: #9E0054!important;
}
.rot .sideinfoprojekt .pageListItem a {
     color: #fff!important;
}
.rot .pageListItem h3 {
     text-transform:uppercase;
}

.rot .navbar-default .navbar-nav > li > a.nav-selected,
.rot .navbar-default .navbar-nav > li.nav-path-selected > a

{
  color: #9E0054;
	background-color: transparent!important;

}

.violett footer a {
  color: #ffffff!important;
  text-decoration: none;
}

.violett footer a:hover,
.violett footer a:focus {
  color: #006CBB!important;
  text-decoration: underline;
}

.violett a {
  color: #6D4CB7;
  text-decoration: none;
}

.violett a:hover,
.violett a:focus {
  color: #ffffff;
  text-decoration: underline;
}

.violett h1, .violett h3, .violett h5, .violett h6  {
	color: #6D4CB7!important;

}
.violett h6  {
	margin: 0!important;
	font-size: 15px;

}
.violett .carousel-caption  {
	color: #6D4CB7!important;

}
/*.violett .sidenav p, .violett .carousel-caption  {
	color: #6D4CB7!important;

}*/


.violett .navbar-default .navbar-nav > li > a.nav-selected,
.violett .navbar-default .navbar-nav > li.nav-path-selected > a


{
  color: #6D4CB7;
	background-color: transparent!important;

}



.violett .sidenav a {
	color: #6D4CB7!important;

}
.gelb footer a {
  color: #ffffff!important;
  text-decoration: none;
}

.gelb footer a:hover,
.gelb footer a:focus {
  color: #006CBB!important;
  text-decoration: underline;
}

.gelb a {
  color: #FFEE69;
  text-decoration: none;
}

.gelb a:hover,
.gelb a:focus {
  color: #ffffff;
  text-decoration: underline;
}



.gelb h1, .gelb h5  {
	color: #FFEE69!important;

}
.gelb h3 {
	color: #FFEE69!important;
	margin-top: 5px;
	margin-bottom: 5px;

}
.gelb .sideinfo h3 {
	margin-top: 20px!important;
	margin-bottom: 10px!important;

}
.gelb .sidenav p, .gelb .carousel-caption  {
	color: #FFEE69!important;

}

.gelb .navbar-default .navbar-nav > li > a.nav-selected,
.gelb .navbar-default .navbar-nav > li.nav-path-selected > a


{
  color: #FFEE69;
	background-color: transparent!important;

}
.aktuell{
    margin-top: 10px;


}.aktuell-header h3{
    margin-bottom: 0;
	


}
.aktuell h3{
    margin-top: 0;


}



.start h3 {
	color: #FFEE69!important;

}
.start .sidenav p, .start .carousel-caption  {
	color: #ffffff!important;

}

.active-page {
    background-color: #FFEE69;
	color: #006CBB;
}
.active-page  a   {
   color: #006CBB!important;
}

.sideinfoprojekt .active-page-sidenav  {
    background-color: transparent;
	color: #fff;
}
.rot .sideinfoprojekt .active-page-sidenav a   {
   color: #9E0054!important;
}
.blau .sideinfoprojekt .active-page-sidenav a   {
   color: #61C0E8!important;
}
.gelb .sideinfoprojekt .active-page-sidenav a   {
   color: #FFEE69!important;
}

@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-menu-left,
  .carousel-control .glyphicon-menu-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    margin-left: -15px;
    font-size: 30px;
  }
  .carousel-caption {
    right: 30%;
    top: 5%;
    left: 10%;
    padding-bottom: 30px;
  }
  .carousel-caption p {
    display:block;
  }  
  .carousel-indicators {
    bottom: 20px;
  }
  .navbar-right .dropdown-menu {
    right: auto;
    left: 0;
  }
  .navbar-right .dropdown-menu-left {
    right: 0;
    left: auto;
  }
  .small {
  margin-left: -15px;
}
.leer {
    display:block;
}

}

@media (max-width: 767px) {

.navbar-default {
	margin-bottom: 40px;
}

h1, .h1   {
  font-size: 36px;

}
h3,
.h3,
h2, h2 {
    font-size: 24px;
}

.sideinfo, sideinfoprojekt   {
    padding-top: 5px;

}
.sidenav   {
	margin-top: 10px;
}
.leer {
    display:none;
}
#fancybox-outer {
	width: 103%!important;

}
}


@media (max-width: 480px) {

footer {
	margin-bottom: 150px;
}
footer  li {
    display: block!important;
	border-right: solid 0px #fff;
	margin-top: 10px;
}

.carousel-caption p {
  display: block;
}

.navbar-default {
	margin-bottom: 20px;
}
h1, .h1   {
  font-size: 24px;

}
h3,
.h3,
h2, h2 {
    font-size: 20px;
}
.sideinfo, sideinfoprojekt   {
    padding-top: 0px;

}
.leer {
    display:none;
}
#fancybox-outer {
	width: 104%!important;

}
}
@media (min-width: 480px) and (max-width: 768px) {
.ccm-page footer  {
	 margin-bottom: 180px;


}
.leer {
    display:none;
}
footer  li {
    display: block!important;
	border-right: solid 0px #fff;
	margin-top: 10px;
}
}


.img-thumbnail {
  display: inline-block;
  height: auto;
  max-width: 100%;
  padding: 8px;
  line-height: 1.428571429;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}








hr  {

  height: 30!important;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
border: none;
border-top: 2px solid #ffffff;
   margin-top: 5px;
   margin-bottom: 5px;
	/*text-transform:uppercase;*/

}



.sideinfo hr  {

  height: 30!important;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
border: none;
border-top: 2px solid #ffffff;
   margin-top: 5px;
   margin-bottom: 5px;
	/*text-transform:uppercase;*/

}
.sideinfoprojekt hr  {

  height: 30!important;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
border: none;
border-top: 2px solid #ffffff;
   margin-top: 5px;
   margin-bottom: 5px;
	/*text-transform:uppercase;*/

}
.scrollup{
	width:40px;
	height:40px;
	opacity:0.8;
	position:fixed;
	bottom:30px;
	right:0px;
	display:none;
	text-indent:-9999px;
	z-index: 9999;
	background-image: url(https://www.studio-stadt-region.de/themes/images/arrow_up.png);
	background-repeat: no-repeat;
}


.pageListItem {
	clear:both;
}
.cut {
     word-wrap:break-word;
}
.transparentmap {
	position: absolute;
	z-index: 900;
	width: 95%;
	height:auto;
	/*border: 1px solid #00CC66;*/
}
.ccm-page-list-title 
{
	font-size: 14px!important;
	line-height: 1.2em!important;
}
.link-weiss {
   color: #fff!important;
}
.lb-outerContainer {

  background-color: #00435B!important;
  }