@import url('https://fonts.googleapis.com/css?family=Shanti');
html {
	height: 101%;
}
body {
font-family: 'Shanti', sans-serif;
background: url(../images/background.png);
font-size: 15px;
}
/* Allgemeine Styles */
a {
outline: none !important;
color: #692e94;
}
a:hover,
a:focus {
color: #000;
text-decoration: none;
}
h1, h2, h3, h5, h6 {
color: #029bde;
-moz-hyphens: auto;
-o-hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto; 
}
h1 {
font-size: 26px;
position: relative;
}
h2 {
font-size: 22px;
}
h3 {
font-size: 20px;
}
ul, ol {
padding: 0 0 0 20px;
}
.z-module-clip ul,
.z-module-clip ol {
overflow: hidden;
}
.lumicula_editor_bar {
display:none;
}
.links {
width: 100%;
max-width: 100%;
margin: 0 0 1% 0;
}
.rechts {
width: 100%;
max-width: 100%;
margin: 0 0 1% 0;
}
.clear {
clear: both;
}
.edit {
padding: 15px;
}
.hide {
display: none;
}
.show {
display:block;
}
footer {
font-family: Arial;
font-size: 13px;
padding: 10px 0;
margin: 10px 0 0 0;
}
.backtotop {
display: none;
position: fixed;
right: 20px;
bottom: 20px;
z-index: 1000;
background: transparent;
border: none;
margin: 0 5px 7px 0;
border-radius: 0px;
letter-spacing: 1px;
padding: 3px 12px 4px 12px;
}
.backtotop a:hover,
.backtotop a:focus {
color: #029bde;
}
#dvLoading {
height:100%;
width: 100%;
position: fixed;
z-index: 1051;
left: 0;
top: 0;
background: rgba(0,0,0, 0.6);
display: none;
}
#dvLoading .fa-refresh {
color: rgba(255,255,255, 0.5);
position: absolute;
top: 50%;
left:50%;
margin: -18px 0 0 -18px;
}
#suche .form-control {
border-radius: 0;
box-shadow: none;
height: 25px;
margin: 5px 0 0 0;
}
#suche .btn-default {
text-shadow: none;
background-image: none;
box-shadow: none;
border-radius: 0;
padding: 0 5px 0 5px;
font-size: 10px;
line-height: 0;
height: 25px;
margin: 5px 0 0 0;

}
/* MUImage */
.muitmb {
max-width: 200px;
}
.muipre {
max-width: 400px;
}
/* QR-Code */
#qrcode {
float: left;
margin: 0 10px 0 0;
width: 150px;
}
#qrcode img {
width: 150px;
}
.redaktion {
margin: 30px 0;
}
#accordion .panel-heading {
cursor: pointer;
}
/* Lightbox */
#ImageViewer {
border: none !important;
}
#ImageViewerTitle {
padding: 2px 0 5px 0 !important;
font-size: 110%;
}
#ImageViewerPager {
white-space: nowrap;
font-size: 90%;
}
.logo {
width: 100%;
max-width: 240px;
margin: 25px 0 0 0;
}
.logoslogan {
text-transform: uppercase;
color: #8d64a8;
padding: 15px 0;
font-weight: bold;
font-size: 15px;
line-height: 18px;
}
.main {
border: 1px solid #dadada;
background: rgba(255,255,255,0.6);
padding: 20px;
margin: 15px 0;
}
.spenden {
background: #7B5897 url('../images/spenden.png') repeat-x;
padding: 8px 0 5px 12px;
color: #fff;
}
.spenden h3 {
color: #a2c6e0;
padding: 0;
margin: 0 0 5px 0;
font-weight: bold;
}
.flaggen {
background-color: #FBFBFB;
border: 1px solid #dadada;
margin: 20px 0;
padding: 5px 10px 10px 10px;
}
.flaggen h2 {
background: transparent url('../images/headlinebg.png');
margin: -5px -10px 10px;
padding: 9px 10px;
}
.flags {
width: 13%;
margin: 0 5px 5px 0;
}
/* Publikationstyp Artikel */

/* Publikationstyp Aktuelles */
.aktuelles {
margin: 0 15px;
}
.aktuelles_list_block_item {
background: #F8F8F8;
margin: 0 0 15px 0;
}
.aktuelles_list_block_item h2 {
font-weight: 300;
font-size: 18px;
color: #fff;
background: #7B5897;
padding: 5px 15px 5px 15px;
}
.aktuelles_list_aktiv_text {
padding: 5px 15px;
}
.aktuelles_list_aktiv_item_weiter a {
background: #7B5897;
margin: 8px -15px 8px auto;
padding: 5px 15px 5px 15px;
color: #fff;
}
.aktuelles_list_aktiv_item_weiter a:hover {
background: #c8c8c8;
}
.aktuelles_display {
background: #F8F8F8;
margin: 0 0 15px 0;
}
.aktuelles_display img {
width: 100%;
}
.aktuelles_display h1 {
color: #fff;
background: #7B5897;
padding: 5px 15px 5px 15px;
margin: 0;
}
.aktuelles_display h1:before {
display: none;
}
.aktuelles_display_text {
padding: 15px;
}
.aktuelles_display .aktuelles {
margin: 15px 0 0 0;
color: #fff;
background-color: #7B5897;
background-image: none;
border: none;
border-radius: 0px;
text-shadow: none;
box-shadow: none;
}
/* Publikationstyp Terminkalender */
#kalender {
margin: 15px 0;
}
.kalender_list_item {
padding: 10px;
}
#kalender .gerade {
background: #F3F3F3;
}
.kalender_list_item .datum {
font-size: 120%;
}
.kalender_list_item .titel {
font-size: 120%;
}
.kalender_list_item .location {
font-size: 90%;
}
.kalender_teaser {
font-size: 16px;
font-weight: bold;
margin: 0 0 5px 0;
}
.kalender_inhalt_bild {
margin: 0 -15px;
padding: 0 0 0 15px;
width: 50%;
float: right;
}
.kalender_vorschau_bild {
width: 50%;	
}
.kalender_list_block {
margin: 15px 0;	
}
.kalender_list_block a {
color: #7B5897;
}
.kalender_list_block {
background: #F8F8F8;
margin: 15px 0;
padding: 10px;
border: 1px solid #dadada;
}
.kalender_list_block h2 {
background: transparent url('../images/headlinebg.png');
margin: -10px -10px 10px;
padding: 9px 10px;
}
.kalender_list_block h3 {
margin: 0 0 5px 0;
}
.kalender_info {
margin: 0 0 20px 0;
}
.kalender_display .kalender_map {
padding: 0;
}
.kalender_map h2 {
margin: 10px 0 10px 0;
}
.kalender_display h1:before {
display: none;
}
.kalender_map {
background: rgba(0,140,185,0.65);
padding: 15px;
}
.kalender_inhalt {
background: rgba(0,140,185,0.65);
color: #fff;
padding: 15px;
}
.kalender_termininfo {
padding: 15px;
background: #F4F4F4;
}
.kalender_termininfo h3 {
margin-top: 0;
}
#map-canvas {
height: 200px;
width: 100%;
}
/* FullCalendar */
#calendarblock .fc-toolbar {
font-size: .9em;
}
#calendarblock .fc-toolbar h2 {
font-size: 12px;
white-space: normal !important;
}
/* click +2 more for popup */
#calendarblock .fc-more-cell a {
display: block;
width: 85%;
margin: 1px auto 0 auto;
border-radius: 2px;
background: grey;
color: transparent;
overflow: hidden;
height: 8px;
}
#calendarblock .fc-more-popover {
width: 100px;
}
#calendarblock .fc-view-month .fc-event, .fc-view-agendaWeek .fc-event, .fc-content {
overflow: hidden;
}
#calendarblock .fc-view-agendaWeek .fc-event-vert {
font-size: 0;
overflow: hidden;
width: 2px !important;
}
#calendarblock .fc-agenda-axis {
width: 20px !important;
font-size: .7em;
}
#calendarblock .fc-button-content {
padding: 0;
}
.fc-toolbar {
text-align: left;
}
.fc-toolbar .fc-left {
float: none;
}
.fc-toolbar .fc-right {
float: none;
}
.fc-toolbar .fc-center h2 {
font-size: 15px;
margin: 11px 0 0 0;
}
.fc-toolbar .fc-button-group {
padding: 5px 0;
}
.fc-toolbar .fc-today-button {
margin: 5px;
}
.fc-event,
.fc-agenda .fc-event-time,
.fc-event a {
background-color: lightblue; /* background color */
border-color: lightblue;     /* border color */
color: black;              /* text color */
}
.fc-month-view .fc-day:hover{
background: #F1EEDF;
cursor: pointer;
}
/*Allow pointer-events through*/
.fc-month-view .fc-slats, /*horizontals*/
.fc-month-view .fc-content-skeleton, /*day numbers*/
.fc-month-view .fc-bgevent-skeleton /*events container*/{
pointer-events: none;
}
/*Turn pointer events back on*/
.fc-month-view .fc-bgevent,
.fc-month-view .fc-event-container{
pointer-events: auto; /*events*/
}
#calendarblock {
width: 100%;
margin: 0 auto;
font-size: 10px;
}
/* Publikationstyp Kontakte */
.artikelkontakt {
min-height: 140px;
background: #F8F8F8;
padding: 5px;
margin: 0 0 15px 0;
-moz-hyphens: auto;
-o-hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto; 
}
/* Publikationstyp Slider */
.carousel-caption {
display: block;
background: rgba(92, 66, 113, 0.7);
color: #fff;
text-align: left;
left: 50%;
right: 0;
bottom: 8%;
padding: 20px 20px 10px 20px;
}
.carousel-caption h2 {
color: #fff;
margin-top: 0;
}
.slider_list_block .carousel-indicators {
position: relative;
width: inherit;
height: 110px;
left: 0;
bottom: 0;
margin: 0;
padding: 5px;
background: #fff;
border: 1px solid #dadada;
z-index: 0;
}
.carousel-indicators li {
display: block;
float: left;
width: 25%;
height: auto;
margin: 0;
border-radius: 0;
border: none;
}
.slider-indicators-bild {
margin: 5px;
}
.carousel-indicators .active {
width: 25%;
height: auto;
margin: 0;
}
.carousel.fade {
opacity: 1;
}
.carousel.fade .item {
transition: opacity ease-out .7s;
left: 0;
opacity: 0; /* hide all slides */
top: 0;
width: 100%;
position: absolute;
display: block;
}
.carousel.fade .item:first-child {
top: auto;
position: relative;
}
.carousel.fade .item.active {
opacity: 1;
}
.carousel-inner {
margin: 15px 0;
}
.carousel-inner .item img {
width: 100%;
}
/* Publikationstyp Standorte */
.standorte {
margin: 0 10px 20px 0;
height: 160px;
border-bottom: 1px solid #7B5897;
}
/* Publikationstyp Download */
.download_display ul{
list-style: None;
margin: 0;
padding: 10px 20px 0 0;
}
/* Publikationstyp Fragen */
.fragen_list .panel,
.fragen_list_filter .panel {
box-shadow: none;
}
.fragen_list .panel-heading,
.fragen_list_filter .panel-heading {
background: -webkit-linear-gradient(to right, #9e9e9e 0%, #c6c6c6 50%, #7b7c7e 100%);
background: -moz-linear-gradient(to right,#9e9e9e 0%, #c6c6c6 50%, #7b7c7e 100%);
background: linear-gradient(to right, #9e9e9e 0%, #c6c6c6 50%, #7b7c7e 100%);
}
#live-search {
margin: 0 0 15px 0;	
}
/* Publikationstyp Prospekt */
.prospekt_navigation h1 {
font-size: 18px;
margin: 0;
}
.prospekt_seiten .carousel-inner img {
width: 50%;
height: auto;
float: left;
}
/* Dolmetschernetzwerk */
.protokoll_redaktion {
  padding: 5px 5px;
}
.protokoll_redaktion.blau {
  background: #1BA5E6;
  color: #fff;
}
.dolmetscher-list-filter {
  padding: 0 0 15px 0;
}
.dolmetscher-sprache-filter-item,
.dolmetscher-wirkungsort-filter-item {
background: #029bde;
padding: 5px 10px;
margin: 0 5px 5px 0;
color: #ffffff;
font-size: 12px;
width: auto;
cursor: pointer;
float: left;  
}
.dolmetscher-sprache-filter li.btn-active,
.dolmetscher-wirkungsort-filter li.btn-active {
  background: #cecece;
  color: #000;
}
.markiert {
  background: #029bde;
  color: #fff;
}
.dolmetscher-sprache-filter,
.dolmetscher-wirkungsort-filter,
.buchen {
  display: none;
}

/* Clip Systembuttons */
.clip-edit .z-bt-new,
.clip-edit .clip-bt-reload,
.clip-edit .clip-bt-trash {
display: none !important;
}
.clip-edit .z-bt-delete {
opacity: 0.5 !important;
}
@media (min-width: 360px) {
	.logoslogan {
	font-size: 17px;
	line-height: 19px;
	}
	.slider_list_block .carousel-indicators {
    height: 125px;
	}
	.flags {
    width: 14%;
	}
}
@media (min-width: 440px) {
	/* FullCalendar */
	.fc-toolbar .fc-center {
	display: block;
	text-align: center;
	}	
	.fc-toolbar .fc-center h2 {
	font-size: 18px;
	margin: 5px 0 0 0;
	width: 100%;
	}
}
@media (min-width: 590px) {
	/* FullCalendar */
	.fc-toolbar .fc-left {
	float: left;
	}
	.fc-toolbar .fc-right {
	float: right;
	}
	.fc-toolbar .fc-center h2 {
	font-size: 20px;
	}
	.main {
	padding: 30px;
	}
	.carousel-inner .item {
	height: 240px;
	}
	.slider_list_block .carousel-indicators {
    height: 205px;
	}
	.flags {
    width: 7%;
	}
	.aktuelles_display_text {
	width: 60%;
	float: left;
	}
	.aktuelles_display img {
	width: 40%;
	float: right;	
	}
}
@media (min-width: 768px) {
	body {
	text-align: left;
	}
	h1:before {
	content:"";
	width: 10px;
	height: 10px;
	position: absolute;
	background: #029bde;
	top: 10px;
	left: -20px;
	}
	.links {
	width: auto;
	max-width: none;
	float: left;
	margin: 0 1% 1% 0;
	}
	.rechts {
	width: auto;
	max-width: none;
	float: right;
	margin: 0 0 1% 1%;
	}	
	.logoslogan {
	font-size: 18px;
	line-height: 20px;
	}
	.main {
	padding: 30px 45px;
	}
	.carousel-inner .item {
	height: 280px;
	}
	.slider_list_block .carousel-indicators {
    height: 255px;
	}
	.carousel-caption {
	font-size: 14px;
	}
	.carousel-caption h2 {
	font-size: 20px;
	}
	.flags {
    width: 15%;
	}
	.kalender_termininfo,
	.kalender_beschreibung,
	.kalender_header {
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	flex-wrap: wrap;
	}	
	.kalender_map {
	float: left;
	width: 40%;
	background: rgba(0,140,185,0.65);
	padding: 30px;
	}
	.kalender_inhalt {
	float: left;
	width: 60%;
	padding: 30px;
	}
	#map-canvas {
	height: inherit;
	}
	.kalender_bild {
	width: 60%;
	float: left;
	}
	.kalender_termininfo {
	width: 40%;
	padding: 25px;
	}	
	#map-canvas {
    width: 40%;
	}
	footer {
	text-align: center;
	}
}

@media (min-width: 992px) {
	.kalender_inhalt_bild {
	margin: 0;
	}
	ul#admintabs li > .z-admindrop {
	padding: 5px 10px;
	width: 7px;
	}
	#dvLoading {
	background: rgba(0,0,0, 0);
	display: none;
	}
	#dvLoading .fa-refresh {
	color: rgba(255,255,255, 0);
	}	
	.carousel-inner .item {
	height: 350px;
	}
	.carousel-indicators li {
	width: 14.28%;
	}
	.carousel-indicators .active {
	width: 14.28%;
	}
	.carousel-caption {
    font-size: 15px;
	}
	.carousel-caption h2 {
    font-size: 21px;
	}
	.slider_list_block .carousel-indicators {
    height: 105px;
	}	
	.flags {
    width: 13%;
	}
}
@media (min-width: 1200px) {
	.carousel-inner .item {
	height: 400px;
	}
	.slider_list_block .carousel-indicators {
    height: 125px;
	}
	.carousel-caption {
	left: 64%;
	}
	.flags {
    width: 10%;
	}
	.kalender_termininfo {
    padding: 30px;
	}
}
@media (min-width: 1500px) {
	.carousel-inner .item {
	height: 400px;
	}
	.slider_list_block .carousel-indicators {
    height: 122px;
	}
}
@media (min-width: 1600px) {
	.slider_list_block .carousel-indicators {
    height: 123px;
	}
}