@charset "utf-8";

.hgfarbe_1 {
    background-color: white;
}
.hgfarbe_2 {
    background-color: #ccc;
}
.rahmen {
 padding:.8%!important;
	border:1px #ccc solid;
 }
 iframe{
	 width:99%;
	 border:none!important
	 }
ul, ol {
	    -webkit-padding-start: 0;
    float: left;
    clear: both;
    }
 .karte_hochgestellt {
    margin-top: -70px;
    float: left;
    z-index: 888;
    padding: 2%;
    position: relative;
    min-height: 200px;
}
img.unscharf{	
	-webkit-filter: blur(15px);
	filter: blur(15px);
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
	}
img.unscharf:hover{	
	-webkit-filter: blur(0);
	filter: blur(0);
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
	}
img.grau, iframe.grau{	
	-webkit-filter: grayscale(100%); 
	-moz-filter: grayscale(100%); 
	-ms-filter: grayscale(100%); 
	-o-filter: grayscale(100%); 
	filter: grayscale(100%); 
	filter: gray; 
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
	}
img{
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
	height:auto!important;
}
img.grau:hover,iframe.grau:hover{	
	 -webkit-filter: grayscale(0); 
	-moz-filter: grayscale(0); 
	-ms-filter: grayscale(0); 
	-o-filter: grayscale(0); 
	filter: grayscale(0); 
	filter: gray; 
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
	}
img.grau.unscharf{	
     filter: grayscale(100%) blur(5px);
     -webkit-filter: grayscale(100%) blur(5px);
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
	}
img.grau.unscharf:hover{	
	 filter: grayscale(0) blur(0);
     -webkit-filter: grayscale(0) blur(0);
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
	}
.zoom img:hover, img.zoom:hover{
	 box-shadow: 2px 2px 15px -7px rgba(0,0,0,1);
	 cursor: zoom-in;
	 cursor: -moz-zoom-in;
	 cursor: -webkit-zoom-in;
	 transform: scale(1.4, 1.4);
	 -moz-transform: scale(1.4, 1.4);
	 -webkit-transform: scale(1.4, 1.4);
	 -o-transform: scale(1.4, 1.4);
	 -ms-transform: scale(1.4, 1.4);
	 transition: transform 1.4s;
	}
.schatten{
	box-shadow: 4px 4px 15px -7px rgba(0,0,0,1);
}
.zitat{padding:12%}

.relativ_box{
    position: relative;
    min-height: 200px;
    width: 100%;
    }
.relativ_box	.text {
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translate(-50%,-50%);
    }

img.rund{
	border-radius:50%
	}
.karten_runde_fotos {
    width: 100%;
	}

.karten_runde_fotos .c_33{
	padding: 5%!important;
	width: 23.31%!important;
	margin:0!important;
	}
	
.karten_runde_fotos .c_33 img{
	border-radius:50%;
	width: 190px;
	margin:0 auto;
	display: block;
	}
	
.karten_runde_fotos .c_33 h2{
	text-align:center;
	width:100%;
	margin: 32px auto 22px auto;
	line-height:34px;
	}
.cke_editable table, .cke_editable tbody, .cke_editable tr,.cke_editable td {
    /* border: none!important; */
}
/* ======    breit - Karten ====== */
.k2_1 .c_50 {
    float: left;
    margin: 1.5% 1.5% 1.5% 0!important;
    padding: 2%!important;
    width: 44.5%!important;
    min-height:500px;
}	
.k2_1 .c_50.rechts {
    margin: 1.5% 0 1.5% 0!important;
}

.k2_2 .c_50 {
    float: left;
    margin: 1.5% 1.5% 1.5% 0!important;
    padding: 0!important;
    width: 48.5%!important;
    min-height:500px;
}	
.k2_2 .c_50.rechts {
    margin: 1.5% 0 1.5% 0!important;
}
.k2_2 .c_100 {
	padding: 4%!important;
	}


.k3_1 .c_33 {
    float: left;
    margin: 1.5% 3% 1.5% 0!important;
    padding: 2%!important;
    width: 27.3%!important;
    min-height: 556px;
}	
.k3_1 .c_33.rechts {
    margin: 1.5% 0 1.5% 0!important;
}

.k3_2 .c_33 {
    float: left;
    margin: 1.5% 3% 1.5% 0!important;
    padding: 0!important;
    width: 31.3%!important;
    min-height: 639px;
}	
.k3_2 .c_33.rechts {
    margin: 1.5% 0 1.5% 0!important;
}
.k3_2 .c_100 {
	padding: 4%!important;
	}

	
.k4_1 .c_25 {
    float: left;
    margin: 1.5% 3% 1.5% 0!important;
    padding: 2%!important;
    width: 18.7%!important;
    min-height:500px;
}	
.k4_1 .c_25.innen.rechts {
    margin: 1.5% 0 1.5% 0!important;
}

.k4_2 .c_25 {
    float: left;
    margin: 1.5% 3% 1.5% 0!important;
    padding: 0!important;
    width: 22.7%!important;
    min-height:500px;
}	
.k4_2 .c_25.rechts {
    margin: 1.5% 0 1.5% 0!important;
}
.k4_2 .c_100 {
	padding: 4%!important;
	}

.k2_1 img,.k2_2 img,.k3_1 img,.k3_2 img,.k4_1 img,.k4_2 img{
	width:100%!important;
	}
.k2_1 h2,.k2_2 h2,.k3_1 h2,.k3_2 h2,.k4_1 h2,.k4_2 h2{
	margin-top:10px!important;
	}
.k2_1,.k2_2,.k3_1,.k3_2,.k4_1 ,.k4_2 {
	padding-bottom: 10px!important;
	padding-top: 40px!important;
	}

.k2_1 .c_100.innen,.k2_2 .c_100.innen,.k3_1 .c_100.innen,.k3_2 .c_100.innen,.k4_1 .c_100.innen,.k4_2 .c_100.innen {
    width: 90%!important;
}


.text,.date {
	display: table-cell; 
	}
.termine {
	width:800px;
	position: relative;
	 display: table;
	height: auto;
	margin:1px auto;
	display: block;
	background-color:rgba(100,100,100,.5);
}

.termine .date{
	padding: 12px 0!important;
	min-width: 60px!important;
	clear: both;
	font-size: 200%;
	text-align: center;
	}
	
.termine .monat{
	text-transform:uppercase;
	clear:both;
	text-align:center;
	font-size: 10px!important;
	margin-top: 4px;
	margin-bottom: -4px;
	}

.termine .text{
   padding: 12px;
   color:#333!important;
   }	
.date {
	width:120px;
	vertical-align: middle;
	text-align:center
	}
.text {
	vertical-align: middle;
	font-size:90%
	}
.text h5{
	font-size:120%	
	}
.baustein_6{
	width: 100%;
	float:left;
	position: relative;
	}	
.baustein_6 h2{
	width: 100%;
	color:white!important;
	float:left;
	text-align:left;
	position: relative;
	}	
	
.baustein_6 img{
	width: 100%;
	}
.baustein_6 .text{
	 position: absolute;
	 bottom: 0;
	 left:50%;
	 width: 92%;
	 color: white!important;
	 padding: 4%;
	 background-color: rgba(0,0,0,.5);
	 transform: translate(-50%, 0);
	 -ms-transform: translate(-50%, -50%);
	}
.baustein_7{
	width: 100%;	
	position: relative;
	float:left;
	}
.baustein_7 img{
	width:100%!important;
	}
.baustein_7 .c_25{
	padding:0!important;
	margin:0!important;
	width:25%;
	}
.baustein_7 .c_50{
	padding:0!important;
	margin:0!important;
	width:50%;
	}
.baustein_7 .text{
	position: absolute;
	top: 50%;
	width: 40%;
	left: 50%;
	transform: translate(-110%, -50%);
	-ms-transform: translate(-50%, -50%);
	}
	.titelbild .cke_editable {
}
/* ========== Timeline Anpassung ======== */
.content {
  	padding-top: 0!important;
	}
	
.timeline::after {
 	width: 2px;
  
	}



.nivo-caption{
	/* display:none!important */
	}
	


/* ===== Bildmaske ====== */
.container {
    position: relative;
    width: 100%;
    /* background-color:black; */
}
.container:hover {
    background-color:black; 
}


.image {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .8s ease;
  backface-visibility: hidden;

}

.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%)
}

.container:hover .image {
  opacity: 0.3;
}

.container:hover .middle {
  opacity: 1;
}

.text {
 /* font-size: 100%; */
 /* width: auto; */
 /* margin: 0 auto; */
 color: white;
 }
.text h3{
  color: white!important;
  font-size: 110%;
  width: auto!important;
  display: block;
  margin: 0;
 }
.text a{
	color: #333;
	}
.text a:hover{
	color:#c93
	}

/* ==== Akkordion ===== */
.cke_editable .akk_inhalt {
    display: block!important;
	}
.top {
    cursor: pointer;
    margin-bottom: 20px;
 }
.top.plus:before {
    content: '';
    margin-top:-4px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 10px 8px 0px 8px;
    border-color:#c93 transparent transparent transparent;
    display: inline-block;
    vertical-align: middle;
    margin-right: 17px;
 }
 .top.top_active{color:#c93}
.top.plus.top_active:before {
    border-width: 0px 8px 10px 8px;
    border-color: transparent transparent  #c93 transparent;

	}
.akk_inhalt {
    padding-left: 35px;
    font-size: 90%;
    margin-top: 12px;
    margin-bottom: 20px;
}


/* 	===== 1. Variante ( ohne Innenabstände, ohne Außenabstände)===== */
.c_10,.c_20,.c_25, .c_33,.c_50,  .c_66, .c_75 , .c_100{
	float:left;
	margin:  0;
	padding:0
	}
	
.c_10 {
	width: 10%;
	}
	
.c_20 {
	width: 20%;
	}

.c_25 {
	width: 25%;
	}
.c_33 {
    width: 33.33%;
 }
 .c_50 {
    width: 50%;
 }
.c_66 {
  width: 66.66%;
 }

.c_75 {
	width: 75%;
	}
.c_100 {
	width: 100%;
	}
.rechts{
	margin-right:0!important;
	float:right!important;
}
/* 	===== 2. Variante ( ohne Innenabstände, 1% Außenabstände)===== */
.c_10.aussen,.c_20.aussen,.c_25.aussen, .c_33.aussen,.c_50.aussen,  .c_66.aussen, .c_75.aussen , c_100.aussen{
	float:left;
	margin:  1% 5% 0 0;
	padding:0
	}
.c_10.aussen {
	width: 5.1%;
	}
	
.c_20.aussen {
	width: 15.2%;
	}

.c_25.aussen {
	width: 21.2%;
	}
.c_33.aussen {
    width: 29.93%;
 }
 .c_50.aussen {
    width: 45.5%;
 }
.c_66.aussen {
  width: 61.66%;
 }

.c_75.aussen {
	width: 70.5%;
	}
.c_100.aussen {
	width: 100%;
	margin:  1% 0 0 0;
	}
	
	/* 	===== 3. Variante ( 1% Innenabstände, 1% Außenabstände)===== */
.c_10.innen,.c_20.innen,.c_25.innen, .c_33.innen,.c_50.innen,  .c_66.innen, .c_75.innen , .c_100.innen{
	float:left;
	margin:   0;
	padding:1%
	}
.c_100.innen {
	width: 98%;
	}
.c_10.innen {
	width: 8%;
	}

.c_20.innen {
	width: 18%;
	}

.c_25.innen {
	width: 23%;
	}
.c_33.innen {
    width: 31.33%;
 }
 .c_50.innen {
    width: 48%;
 }
.c_66.innen {
  width: 64.66%;
 }

.c_75.innen {
	width: 73%;
	}


	
/* 	===== 4. Variante ( 1% Innenabstände, 1% Außenabstände)===== */
.c_10.innen.aussen,.c_20.innen.aussen,.c_25.innen.aussen, .c_33.innen.aussen,.c_50.innen.aussen,  .c_66.innen.aussen, .c_75.innen.aussen , .c_100.innen.aussen{
	float:left;
	margin:  1% 1% 0 0;
	padding:1%
	}
.c_10.innen.aussen {
	width: 7.1%;
	}
	
.c_20.innen.aussen {
	width: 17.2%;
	}

.c_25.innen.aussen {
	width: 22.2%;
	}
.c_33.innen.aussen {
    width: 30.63%;
 }
 .c_50.innen.aussen {
    width: 47.5%;
 }
.c_66.innen.aussen {
  width: 63.96%;
 }

.c_75.innen.aussen {
	width: 72.5%;
	}
.c_100.innen.aussen {
	width: 98%;
	}
	
	/* 	===== 5. Variante ( 1% Innenabstände, 1% Außenabstände + Rahmen)===== */
.c_10.rahmen,.c_20.rahmen,.c_25.rahmen, .c_33.rahmen,.c_50.rahmen,  .c_66.rahmen, .c_75.rahmen , .c_100.rahmen{
	float:left;
	margin:  1% 1% 0 0;
	padding:1%
	}
.c_10.rahmen {
	width: 7.3%;
	}
	
.c_20.rahmen {
	width: 17.2%;
	}

.c_25.rahmen {
	width: 22.2%;
	}
.c_33.rahmen {
    width: 30.63%;
 }
 .c_50.rahmen {
    width: 47.1%;
 }
.c_66.rahmen {
  width: 63.66%;
 }

.c_75.rahmen {
	width: 72.2%;
	}
.c_100.rahmen {
	width: 98.3%;
	}
/* ======== Lightbox ========== */
/*!
 * Nivo Lightbox v1.3.1
 * http://dev7studios.com/nivo-lightbox
 *
 * Copyright 2013, Dev7studios
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */

.nivo-lightbox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99998;
	width: 100%;
	height: 100%;
	overflow: hidden;
	visibility: hidden;
	opacity: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.nivo-lightbox-overlay.nivo-lightbox-open {
	visibility: visible;
	opacity: 1;
}
.nivo-lightbox-wrap  {
	position: absolute;
	top: 10%;
	bottom: 10%;
	left: 10%;
	right: 10%;
}
.nivo-lightbox-content {
	width: 100%;
	height: 100%;
}
.nivo-lightbox-title-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 99999;
	text-align: center;
}
.nivo-lightbox-nav { display: none; }
.nivo-lightbox-prev {
	position: absolute;
	top: 50%;
	left: 0;
}
.nivo-lightbox-next {
	position: absolute;
	top: 50%;
	right: 0;
}
.nivo-lightbox-close {
	position: absolute;
	top: 2%;
	right: 2%;
}

.nivo-lightbox-image { text-align: center; }
.nivo-lightbox-image img {
	max-width: 100%;
	max-height: 100%;
	width: 900px;
	margin: 0 auto;
	height: auto;
	vertical-align: middle;
}
.nivo-lightbox-content iframe {
	width: 100%;
	height: 100%;
}
.nivo-lightbox-inline,
.nivo-lightbox-ajax {
	max-height: 100%;
	overflow: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/* https://bugzilla.mozilla.org/show_bug.cgi?id=308801 */
}
.nivo-lightbox-error {
	display: table;
	text-align: center;
	width: 100%;
	height: 100%;
	color: #fff;
	text-shadow: 0 1px 1px #000;
}
.nivo-lightbox-error p {
	display: table-cell;
	vertical-align: middle;
}

/* Effects
 **********************************************/
.nivo-lightbox-notouch .nivo-lightbox-effect-fade,
.nivo-lightbox-notouch .nivo-lightbox-effect-fadeScale,
.nivo-lightbox-notouch .nivo-lightbox-effect-slideLeft,
.nivo-lightbox-notouch .nivo-lightbox-effect-slideRight,
.nivo-lightbox-notouch .nivo-lightbox-effect-slideUp,
.nivo-lightbox-notouch .nivo-lightbox-effect-slideDown,
.nivo-lightbox-notouch .nivo-lightbox-effect-fall {
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
	    -ms-transition: all 0.2s ease-in-out;
	     -o-transition: all 0.2s ease-in-out;
	        transition: all 0.2s ease-in-out;
}

/* fadeScale */
.nivo-lightbox-effect-fadeScale .nivo-lightbox-wrap {
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	    -ms-transition: all 0.3s;
	     -o-transition: all 0.3s;
	        transition: all 0.3s;
	-webkit-transform: scale(0.7);
	   -moz-transform: scale(0.7);
	    -ms-transform: scale(0.7);
	        transform: scale(0.7);
}
.nivo-lightbox-effect-fadeScale.nivo-lightbox-open .nivo-lightbox-wrap {
	-webkit-transform: scale(1);
	   -moz-transform: scale(1);
	    -ms-transform: scale(1);
	        transform: scale(1);
}

/* slideLeft / slideRight / slideUp / slideDown */
.nivo-lightbox-effect-slideLeft .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideRight .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideUp .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideDown .nivo-lightbox-wrap {
	-webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	   -moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	    -ms-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	     -o-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	        transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}
.nivo-lightbox-effect-slideLeft .nivo-lightbox-wrap {
	-webkit-transform: translateX(-10%);
	   -moz-transform: translateX(-10%);
	    -ms-transform: translateX(-10%);
	        transform: translateX(-10%);
}
.nivo-lightbox-effect-slideRight .nivo-lightbox-wrap {
	-webkit-transform: translateX(10%);
	   -moz-transform: translateX(10%);
	    -ms-transform: translateX(10%);
	        transform: translateX(10%);
}
.nivo-lightbox-effect-slideLeft.nivo-lightbox-open .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideRight.nivo-lightbox-open .nivo-lightbox-wrap {
	-webkit-transform: translateX(0);
	   -moz-transform: translateX(0);
	    -ms-transform: translateX(0);
	        transform: translateX(0);
}
.nivo-lightbox-effect-slideDown .nivo-lightbox-wrap {
	-webkit-transform: translateY(-10%);
	   -moz-transform: translateY(-10%);
	    -ms-transform: translateY(-10%);
	        transform: translateY(-10%);
}
.nivo-lightbox-effect-slideUp .nivo-lightbox-wrap {
	-webkit-transform: translateY(10%);
	   -moz-transform: translateY(10%);
	    -ms-transform: translateY(10%);
	        transform: translateY(10%);
}
.nivo-lightbox-effect-slideUp.nivo-lightbox-open .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideDown.nivo-lightbox-open .nivo-lightbox-wrap {
	-webkit-transform: translateY(0);
	   -moz-transform: translateY(0);
	    -ms-transform: translateY(0);
	        transform: translateY(0);
}

/* fall */
.nivo-lightbox-body-effect-fall .nivo-lightbox-effect-fall {
	-webkit-perspective: 1000px;
	   -moz-perspective: 1000px;
	        perspective: 1000px;
}
.nivo-lightbox-effect-fall .nivo-lightbox-wrap {
	-webkit-transition: all 0.3s ease-out;
	   -moz-transition: all 0.3s ease-out;
	    -ms-transition: all 0.3s ease-out;
	     -o-transition: all 0.3s ease-out;
	        transition: all 0.3s ease-out;
	-webkit-transform: translateZ(300px);
	   -moz-transform: translateZ(300px);
	    -ms-transform: translateZ(300px);
	        transform: translateZ(300px);
}
.nivo-lightbox-effect-fall.nivo-lightbox-open .nivo-lightbox-wrap {
	-webkit-transform: translateZ(0);
	   -moz-transform: translateZ(0);
	    -ms-transform: translateZ(0);
	        transform: translateZ(0);
}

/*
 * Nivo Lightbox Default Theme v1.0
 * http://dev7studios.com/nivo-lightbox
 *
 * Copyright 2013, Dev7studios
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
 
.nivo-lightbox-theme-default.nivo-lightbox-overlay {
	background: #666;
	background: rgba(0,0,0,0.85);
}
.nivo-lightbox-theme-default .nivo-lightbox-content.nivo-lightbox-loading { background: url(../move/css/loading.gif) no-repeat 50% 50%; }

.nivo-lightbox-theme-default .nivo-lightbox-nav {
	top: 10%;
	width: 8%;
	height: 80%;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	opacity: 0.5;
}
.nivo-lightbox-theme-default .nivo-lightbox-nav:hover {
	opacity: 1;
	/* background-color: rgba(0,0,0,0.5); */
}
.nivo-lightbox-theme-default .nivo-lightbox-prev { 
	background-image: url(images/prev.png); 
	border-radius: 0 3px 3px 0;
}
.nivo-lightbox-theme-default .nivo-lightbox-next { 
	background-image: url(images/next.png); 
	border-radius: 3px 0 0 3px;
}

.nivo-lightbox-theme-default .nivo-lightbox-close {
	display: block;
	background: url(../move/css/close.png) no-repeat 5px 5px;
	width: 16px;
	height: 16px;
	text-indent: -9999px;
	padding: 5px;
	opacity: 0.5;
}
.nivo-lightbox-theme-default .nivo-lightbox-close:hover { opacity: 1; }

.nivo-lightbox-theme-default .nivo-lightbox-title-wrap { bottom: -7%; }
.nivo-lightbox-theme-default .nivo-lightbox-title {
	font: 14px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: normal;
	background: #000;
	color: #fff;
	padding: 7px 15px;
	border-radius: 30px;
}

.nivo-lightbox-theme-default .nivo-lightbox-image img {
	background: #fff;
	-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
	   -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
	        box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
}
.nivo-lightbox-theme-default .nivo-lightbox-ajax,
.nivo-lightbox-theme-default .nivo-lightbox-inline {
	background: #fff;
	padding: 40px;
	-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
	   -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
	        box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
}

@media (-webkit-min-device-pixel-ratio: 1.3),
       (-o-min-device-pixel-ratio: 2.6/2),
       (min--moz-device-pixel-ratio: 1.3),
       (min-device-pixel-ratio: 1.3),
       (min-resolution: 1.3dppx) {

	.nivo-lightbox-theme-default .nivo-lightbox-content.nivo-lightbox-loading { 
		background-image: url(../move/css/close@2x.png); 
		background-size: 32px 32px;
	}
	.nivo-lightbox-theme-default .nivo-lightbox-prev { 
		background-image: url(../move/css/prev@2x.png); 
		background-size: 48px 48px;
	}
	.nivo-lightbox-theme-default .nivo-lightbox-next {
		background-image: url(../move/css/next@2x.png);
		background-size: 48px 48px;
	}
	.nivo-lightbox-theme-default .nivo-lightbox-close { 
		background-image: url(../move/css/close@2x.png); 
		background-size: 16px 16px;
	}
	}
/* ============ Lightbox ======= */
.float{
	float:left;
	margin-right:20px;
	margin-bottom:10px;
	}
	
a img{
	border:none;
	}
	
.caption{
	font-size:11px;
	color:#777;
	font-style:italic;
	margin:0;
	}

/*  =====Timeline==== */
/* The actual timeline (the vertical ruler) */
.timeline {
	  position: relative;
	  max-width: 1200px;
	  margin: 0 auto;
	  background-color: rgba(100,100,100,.1);
	}

/* The actual timeline (the vertical ruler) */
.timeline::after {
	  content: '';
	  position: absolute;
	  width: 6px;
	  background-color: white;
	  top: 0;
	  bottom: 0;
	  left: 50%;
	  margin-left: -3px;
	}

/* Container around content */
.container1 {
	  padding: 10px 3%;
	  position: relative;
	  /* background-color: inherit; */
	  width: 44%;
	}

/* The circles on the timeline */
	.container1::after {
	  content: '';
	  position: absolute;
	  width: 20px;
	  height: 20px;
	  right: -11px;
	  background-color: white;
	  border: 1px solid #999;
	  top: 15px;
	  border-radius: 50%;
	  z-index: 1;
	}

/* Place the container to the left */
.left1 {
  	left: 0;
	}

/* Place the container to the right */
.right1 {
 	 left: 50.4%;
	}

/* Add arrows to the left container (pointing right) */
.left1::before {
	  content: " ";
	  height: 0;
	  position: absolute;
	  top: 22px;
	  width: 0;
	  z-index: 1;
	  right: 28px;
	  border: medium solid white;
	  border-width: 10px 0 10px 10px;
	  border-color: transparent transparent transparent white;
	}

/* Add arrows to the right container (pointing left) */
.right1::before {
	  content: " ";
	  height: 0;
	  position: absolute;
	  top: 22px;
	  width: 0;
	  z-index: 1;
	  left: 27px;
	  border: medium solid white;
	  border-width: 10px 10px 10px 0;
	  border-color: transparent white transparent transparent;
	}

/* Fix the circle for containers on the right side */
.right1::after {
	  left: -16px;
	}

/* The actual content */
.content {
	  padding: 20px 30px;
	  background-color: white;
	  position: relative;
	  border-radius: 6px;
	}

	
/* =============== Parallax ================== */
.bgimg-1, .bgimg-2, .bgimg-3 {
	  position: relative;
	  opacity: 1;
	  background-attachment: fixed;
	  /* background-position: center; */
	  background-repeat: no-repeat;
	  background-size: cover;
	}

.bgimg-1 {
	  min-height: 100%;
	}

.bgimg-2 {
	background-position: 0 100px;
	}

.bgimg-3 {
	  height: 600px;
	  background-position: right top;
	  background-size: 110%;
	}

.caption {
	  position: absolute;
	  left: 0;
	  top: 50%;
	  width: 100%;
	  text-align: center;
	  color: #000;
	}

.caption span.border {
	  background-color: #111;
	  color: #fff;
	  padding: 18px;
	  font-size: 25px;
	  letter-spacing: 10px;
		}



@media only screen and (max-width: 1400px) {
.bgimg-3 {
	 background-size: 135%;
	 height: 500px;
	}
	}
@media only screen and (max-width: 1024px) {
.bgimg-1, .bgimg-2, .bgimg-3 {
        background-attachment: scroll;
    }
    .bgimg-3 {
	 height: 400px; 
}
}
@media only screen and (max-width: 940px) {

    .bgimg-3 {
	 height: 310px; 
}
}
@media only screen and (max-width: 800px) {
	.hoch {
    margin-top: -89px!important;
}
.bgimg-3 {
	 height: 287px;
	}
	
.rahmen {
 padding:.7%!important;
 }
.c_100 {
	width: 100%;
	}
.c_50, .c_25, .c_33, .c_66, .c_75 {
	width: 50%;
	}
.c_33.rechts {
    width: 100%!important;
}
.c_10, .c_20{
	width: 20%;
	}
.c_100.innen {
	width: 98%;
	}
.c_50.innen, .c_25.innen, .c_33.innen, .c_66.innen, .c_75.innen {
	width: 48%;
	}
.c_10.innen, .c_20.innen {
	width: 48%;
	}
.c_10.aussen,.c_20.aussen,.c_25.aussen, .c_33.aussen,.c_50.aussen,  .c_66.aussen, .c_75.aussen , c_100.aussen{
	margin: 1% 5% 0 0;
	}
.c_100.aussen {
	width: 99%;
	}
.c_50.aussen, .c_25.aussen, .c_33.aussen, .c_66.aussen, .c_75.aussen {
	width: 45%;
	}
.c_10.aussen, .c_20.aussen {
	width: 24%;
	}
.c_100.innen.aussen {
	width: 97%;	
	}
.c_50.innen.aussen, .c_25.innen.aussen, .c_33.innen.aussen, .c_66.innen.aussen, .c_75.innen.aussen {
	width: 47%;
	}
.k2_1 .c_50.rechts,.k2_2 .c_50.rechts,.k2_1 .c_50,.k2_2 .c_50{
	width: 43%!important;
	min-height: 340px;
	}
.k3_1 .c_33{
	width: 43%!important;
	min-height: 340px;
	}
.k3_2 .c_33{
	width: 47%!important;
	min-height: 340px;
	}
.k4_1 .c_25 ,.k4_2 .c_25,.k4_1 .c_25.rechts,.k4_2 .c_25.rechts{
	width: 43%!important;
	min-height: 340px;
	}

.k3_1 .c_33.rechts{
	width: 97%!important;
	min-height: 340px;
	}
.k3_2 .c_33.rechts{
	width: 97%!important;
	min-height: 340px;
	}
.c_10.innen.aussen, .c_20.innen.aussen {
	width: 47%;	
		}	
.c_100.rahmen {
	width: 97%;	
	}
.c_50.rahmen, .c_25.rahmen, .c_33.rahmen, .c_66.rahmen, .c_75.rahmen {
	width: 47%;
	}
	
.c_10.rahmen, .c_20.rahmen {
	width: 47%;	
		}	
	.rechts, .right{
	float:left!important
	}
.c_50.aussen.rechts, .c_25.aussen.rechts, .c_33.aussen.rechts, .c_66.aussen.rechts, .c_75.aussen.rechts ,.c_10.aussen.rechts, .c_20.aussen.rechts {
	margin-right:1%!important;
		}	
.bgimg-3 {
	  /* height: 271px; */
	}
}


@media all and (max-width: 786px) {
.karten_runde_fotos .c_33{
	padding:9%!important;
	width: 83%!important;
	margin:0!important;
	}

	table, tbody, tr, td{
	display:block!important;
	width:100%!important
	}
.baustein_5 .c_50{
	 margin:0;
	 width:100%;
	}
	
.baustein_5  .text{
	 margin:0;
	 float:left;
	 width:100%;
	 clear: both;
	 position: relative!important;
	 top: 0;
	 left: 0;
	 transform: translate(0, 0);
	}
	
}

@media all and (max-width: 600px) {

  .timeline::after {
    left: 31px;
  }

  .container1 {
    width: 82%;
    padding-left: 70px;
    padding-right: 25px;
  }

  .container1::before {
    left: 60px;
    border: medium solid white;
    border-width: 10px 10px 10px 0;
    border-color: transparent white transparent transparent;
  }

  .left1::after, .right1::after {
    left: 19px;
  }

.right1 {
    left: 0%;
  }

}

@media only screen and (max-width: 700px) {
.c_100,.c_50, .c_25, .c_33, .c_66, .c_75 {
	width: 100%;
	}
.c_20, .c_10 {
	width: 50%;
	}
.c_100.innen {
	width: 98%;
	}
.c_50.innen, .c_25.innen, .c_33.innen, .c_66.innen, .c_75.innen {
	width: 98%;
	}
.c_10.innen, .c_20.innen {
	width: 48%;
	}
.c_100.aussen {
	width: 99%;
	}
.c_50.aussen, .c_25.aussen, .c_33.aussen, .c_66.aussen, .c_75.aussen {
	width: 99%;
	}
.c_10.aussen, .c_20.aussen {
	width: 49%;
	}
.c_100.innen.aussen {
	width: 97%;
	}
.c_50.innen.aussen, .c_25.innen.aussen, .c_33.innen.aussen, .c_66.innen.aussen, .c_75.innen.aussen, .k3_1 .c_33 {
	width: 96%!important;
	}
.c_10.innen.aussen, .c_20.innen.aussen {
	width: 47%;
	}	
.c_100.rahmen {
	width: 97%;
	}
.c_50.rahmen, .c_25.rahmen, .c_33.rahmen, .c_66.rahmen, .c_75.rahmen {
	width: 97%;
	}
.c_10.rahmen, .c_20.rahmen {
	width: 47%;
	}	
.k2_1 .c_50.k3_1 .c_33,.k4_1 .c_25{
	width: 97%!important;
	min-height: 240px;
	}
.k2_2 .c_50,.k3_2 .c_33 ,.k4_2 .c_25{
	width: 99%!important;
	min-height: 240px;
	}
}
@media all and (max-width: 600px) {
table, tbody, tr, td{
	display:block;
	width:100%!important;
	float:left
	}
}
 @media only screen and (max-width: 500px) {
	.hoch {
    margin-top: -29px!important;
}
.bgimg-3 {
	  height: 210px;
	}
.text{
	width:auto;overflow:hidden
	}
.date{width:10px}
}
@media only screen and (max-width: 380px) {

.termine {

background-color:#ccc;float:left
  
}
.date{width:100%;float:left;}
.text{width:90%;float:left;}


}