﻿            body {
                margin: 0px;
                padding: 0px;
				background-color: #FFF1C7;
                font-family: Tahoma, Arial;

            }




			#header {
                min-height: 450px;
				padding:0px;
				border-bottom: 2px solid #fff;
                background-color: #fff;
				color:#fff;
				font-size:1.1em;
            }


			#header2 {
                min-height: 450px;
				padding:0px;
                background-color: #fff;
				color:#fff;
				font-size:1.1em;
            }

			
            #content2 {
				 padding-left: 0px;
                background-image:url("https://aktion-kirche-und-tiere.de/cms/upload/bg.jpg");
                background-repeat: repeat-x;
               background-attachment:fixed;
                font-family: Tahoma, Arial;
                background-color: #fff;
				margin-left:0px;
	background-position:100px 50%;
				                            }
			#content2 img {max-width:800px; height:auto;}


             #links {
				margin-top: 30px;
				margin-left: 0px;
				}				                          



             #rechts {
				margin-top: 0px;
				margin-left: 20px;
				min-height:800px;
                padding-left: 0px;
                background-image:url("https://aktion-kirche-und-tiere.de/cms/upload/rechts_tier2.jpg");
				background-size: contain;
				 background-repeat: no-repeat;
				background-position: top center;
                font-family:  Tahoma, Arial;

			}




            #footer a:link { font-weight:bold; color: #fff;text-decoration:none; }
            #footer a:visited { font-weight:bold; color: #fff; text-decoration:none; }
            #footer a:focus { font-weight:bold; color: #fff; text-decoration:none; }
            #footer a:hover { font-weight:bold; color: #fff; text-decoration:none; }
            #footer a.active { font-weight:bold; color: #fff; text-decoration:none; }

            #header4 a:link { font-weight:bold; color: #fff;text-decoration:none; }
            #header4 a:visited { font-weight:bold; color: #fff; text-decoration:none; }
            #header4 a:focus { font-weight:bold; color: #fff; text-decoration:none; }
            #header4 a:hover { font-weight:bold; color: #fff; text-decoration:none; }
            #header4 a.active { font-weight:bold; color: #fff; text-decoration:none; }

			#inhalt p { font-weight:100; color: #444; text-decoration:none;  font-family:  font-family: Tahoma, Arial; text-align:justify; font-size:1em; padding-top:10px; padding-left:40px; padding-right: 140px;}
			#rechts p { font-weight:100; color: #444; text-decoration:none;  font-family:  font-family: Tahoma, Arial; text-align:left; font-size:1em; padding-top:0px; pading-left:0px; }
		     #inhalt h1 { font-weight:100; color: #0d9aff; text-decoration:none;  font-family: 'Roboto Light',Roboto Condensed, Tahoma, Tahoma;text-align:left; padding-top:0px; padding-left:40px; }
       
            #inhalt ol { margin-left: 1.2em;}
             #inhalt ul { margin-left: 1.2em;} 

			 H1 { font-weight:100; color: #0d9aff; text-decoration:none;  font-family:  font-family: Tahoma, Arial;text-align:center;  }


            #footer a:link { font-weight:bold; color: #0d9aff;text-decoration:none; }
            #footer a:visited { font-weight:bold; color: #0d9aff; text-decoration:none; }
            #footer a:focus { font-weight:bold; color: #0d9aff; text-decoration:none; }
            #footer a:hover { font-weight:bold; color: #0d9aff; text-decoration:none; }
            #footer a.active { font-weight:bold; color: #0d9aff; text-decoration:none; }



            #footer {
				min-height: 200px;
				background-color: #FFEDB8;
				color:#474747;
				font-size:1em;
				font-weight:bold;
				text-align:center;
            }

            table{
                border:1px solid #ccc;
                padding:6px;
                width:100%;

            }


            /* ----- BREADCRUMB ----- */
#breadcrumb {
    height: 60px;
    }

#breadcrumb ul {
    display: block;	margin: 30px 0 0 0;	padding: 0;
}

#breadcrumb ul li {
    list-style: none;
   display:inline-block;
    padding: 0px 0;
    font-size: 12px;
    color: #797979;
    font-weight: bold;
}

#breadcrumb ul li+li {
    margin-left: 5px;
}


.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}
html,
body,
.carousel,
.carousel-inner,
.carousel-inner .item {
  height: 100%;

}
.item:nth-child(1) {
  background: #FFF1C7;
}
.item:nth-child(2) {
  background: #FFF1C7;
}
.item:nth-child(3) {
  background: #FFF1C7;
}


@media screen and (max-width: 520px) {	#links {		display: none;	}
/* .burger_menu */

#burgerWrapper {
  background:transparent;
  width: 40px;
  height: 35px;
}

a.burger_menu {
  top: 8px;
  position: absolute;
  left: 15px;
  cursor: pointer;
  display: block;
  font-size: 24px;
  height: 20px;
  margin: 0px 0px 0px 0px;
  padding-left: 30px;
  background:transparent; /*bottom: 48%;*/
  z-index: 10000;
  zoom: 1;
}

a.burger_menu:before, a.burger_menu:after {
  box-sizing: content-box;
  border-bottom: 3px solid black;
  content: "";
  left: 0;
  position: absolute;
  width: 100%;
}

a.burger_menu:before {
  border-top: 3px solid black;
  height: 6px;
  top: 0;
}

a.burger_menu:after {
  height: 12px;
  position: absolute;
  top: 6px;
}
}/********* mobile menü ***********/

@media (min-width: 991px) {
  #burgerWrapper {
    display: none;
  }

  nav#mobileNavigation {
    display: none !important;
  }
}

@media screen and (max-width: 520px) {
  #header3 {
    display: none;
  }


  }


@media screen and (max-width: 600px) {
 #content2 img {
    height: auto;
    max-width: 100%;
}


#inhalt p { font-weight:100; color: #444; 
		text-decoration:none;  
		font-family:  font-family: Tahoma, Arial; 
		text-align:justify; 
		font-size:1em; 
		padding-top:10px; 
		padding-left:15px; 
		padding-right: 2px;}

}

.lightboxHeader {
	padding: 0;
	}

.carousel-caption {
	position: absolute;
	left: auto;
	right: 50px;
	bottom: 0px;
	width: 240px;
	color: $black;
	padding: 10px 10px 10px 10px;
	text-align: left;
	/*text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);*/
	text-shadow: none;
	background: rgba(255, 255, 255, 0.8);
	z-index: 10;
	font-size: 0.9em;

	@include mq(md) {
		right: 100px;
	}
}

.carousel-caption h3 {
	color: $prm-color;
	font-size: 1em;
}

.carousel-caption a {
	color: $prm-color;
	font-size: 1.2em;
}

#myCarousel {
		margin-left: 40px;
		margin-right: 140px;
		margin-bottom: 30px;
		}
