html[lang=de] q:before { content: "\201E"; }
html[lang=de] q:after { content: "\201C"; }
html[lang=de] q q:before { content: "\201A"; }
html[lang=de] q q:after { content: "\2018"; }


/* bevan-regular - latin */
@font-face {
  font-family: 'Bevan';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/bevan-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/bevan-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/bevan-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/bevan-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/bevan-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/bevan-v20-latin-regular.svg#Bevan') format('svg'); /* Legacy iOS */
}

/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/roboto-v30-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v30-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v30-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v30-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v30-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/roboto-v30-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v30-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v30-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v30-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v30-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-slab-regular - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-slab-v24-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto-slab-v24-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-slab-v24-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-slab-v24-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-slab-v24-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-slab-v24-latin-regular.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}


body, #links code {
	color:#403E39;
	background-color:#fff:/*#99cc00;*/
	font-size:18px;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	/* May need to alter quotes for different locales (e.g fr) */
    quotes : '\201C' '\201D' '\2018' '\2019';
    margin-top: -20px; /*bei original-höhe der navbar*/
    padding-top: 20px;
  }
#landingbuttons {
/*background-color:grey;*/
  display:flex;
  justify-content:space-around;
  margin-top:1rem;
}

#landingbuttons .col-sm-6 {
  margin-bottom:1rem;
}

.col-md-3 .landingbutton {
  background-color:#fff;
  border:7px solid #0f96c3;
  padding-right:30px;
  padding-left:30px;
  height:200px;
  display:flex;
  align-items:center;
  border-radius: 0px 25px 25px 25px;
}
.col-md-3 .landingbutton:hover {
  background-color:#0f96c3;
  border:7px solid #1dd4f1;
}
.col-md-3:nth-of-type(2) .landingbutton {
  background-color:#fff;
  border:7px solid #4ebdd7;
}
.col-md-3:nth-of-type(2) .landingbutton:hover {
  background-color:#4ebdd7;
  border:7px solid #84eef9;
}
.col-md-3:nth-of-type(3) .landingbutton {
  background-color:#fff;
  border:7px solid #99cc00;
}
.col-md-3:nth-of-type(3) .landingbutton:hover {
  background-color:#99cc00;
  border:7px solid #d6f500;
}
.col-md-3:nth-of-type(4) .landingbutton {
  background-color:#fff;
  border:7px solid #669900;
}
.col-md-3:nth-of-type(4) .landingbutton:hover {
  background-color:#669900;
  border:7px solid #a3d600;
}
.landingbutton {
  box-shadow: 0 6px 6px rgba(0,0,0,0.2);
  
}
.landingbutton {
  height:100px;
  color:#000;/*
  font-weight:700;*/
}

.landingbutton:hover{
  text-decoration:none;
}

.buttontext,
.buttontext h1 {
  overflow-wrap: break-word; 
}

.landingbutton:hover .buttontext {
  color:#fff;
}
#landingbuttons .buttontext h1,
#landingbuttons .buttontext h2 {
  color:red;
  font-size:1.2rem;
  margin-top:0;
}

#landingbuttons .landingbutton:hover .buttontext h1,
#landingbuttons .landingbutton:hover .buttontext h2{
  text-decoration:none;
  color:#fff;
}
#landingbuttons a.landingbutton:visited {
  color:#000;
}






.startseite-einblendung {
  display:block;
  background-color:#000; 
  margin:10px 10px 0 10px;
  padding:10px
}

.langtitel {
  display:inline-block;
}

.kurztitel {
  display:none;
}

h1, .h1, h2, .h2, h3, .h3, legend {
    margin-bottom: 30px;
    margin-top: 40px;
    color:#669900;
}

h1, h2, h3, legend {
  font-family: 'Bevan', serif;
  font-weight:400;
  margin-bottom:5px;
}
@media(max-width:768px){
  .h1, h1 {
    font-size: 2rem;
  }
}

#wir-trauern-um-christine-heiss h1 {
  color:#000;
  font-size:2rem;
}

h2, .h2, h3, .h3  {
  font-family:"Roboto",sans-serif;
}

legend {
  border:none;
}

h2, .h2 {
  font-size:20px;
  font-weight:700;
  margin:15px 0;
}

h2 .in-arbeit, .h2 .in-arbeit {
  background-color:red;
  padding:1px 6px;
  color:#fff;
}

h3, .h3 {
	font-size:1.2rem;
  margin:15px 0 10px 0;
  font-weight:bold;
}

a {
	color:#669900;
}

a:hover, a:focus, a:visited {
	color:#0f96c3;
}

small, .small {
	font-size:90%;
}

ul li {
      margin-bottom: 5px;
}

em {
  font-weight:700;
  font-style:normal;
}

#links .row .col-md-4 ul li {
    color: #403e39;
    font-family: "Roboto",sans-serif;
    font-weight: 300;
    quotes: "“" "”" "‘" "’";
    font-size: 14px;
    line-height: 1.42857;
    list-style: outside disc none;
    margin-bottom: 5px;
}

#links .glyphicon.glyphicon-chevron-down, #links .glyphicon.glyphicon-chevron-up {
  font-size: 0.75em;
  font-weight:300;
  margin-left:10px;
}

.btn-primary, .btn-default, .btn-primary:visited, .btn-default:visited {
    background-color: #4EBDD7; /*#428bca;*/
    border-color: #38899C; /*#357ebd;*/
    color: #fff;
}

.btn {
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggler.btn-primary,
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggler.btn-default {
    background-color: #669900; /*#3071a9;*/
    border-color: #5F8F00; /*#285e8e;*/
    color: #fff;
}



/*
========= NAVIGATION START =============
*/

.container-navbar {
  background: url(images/medusakopf.png) 10px 0px no-repeat;
  background-size:180px;
}
.navbar {
padding: .5rem 1rem 0 1rem;
}
.navbar-header {
  float:left;
}
.collapse.navbar-collapse {
  padding-top:11px;
}

#NavBar.navbar-expand-lg .container-navbar .collapse.navbar-collapse .nav.navbar-nav li {
  margin-right:15px;
}
#NavBar.navbar.navbar-default.navbar-fixed-top.navbar-expand-lg div.container-navbar div.collapse.navbar-collapse ul.nav.navbar-nav li.verein.dropdown.show ul.dropdown-menu.show li {
  margin-right:0;
}
.navbar-default {
    background-color: #99cc00;
    border-color: transparent;
  }
#NavBar {
    -webkit-box-shadow: 0px -4px 15px 0px rgba(0, 0, 0,0.5);
  -moz-box-shadow: 0px -4px 15px 0px rgba(0, 0, 0,0.5);
  box-shadow: 0px -4px 15px 0px rgba(0, 0, 0,0.5);
}

.navbar-brand {
    font-family: "Bevan",serif;
    font-weight:400;
    padding-left:200px;
    font-size:1.5rem;
    letter-spacing:0.05rem;
}

.navbar-default .navbar-brand {
    color: #fff;
}

.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
    background-color: transparent;
    color: red;
}

#NavBar ul.nav.navbar-nav li {
  margin-bottom:0;
  padding:5px 0;
  border-bottom:none;
}
#NavBar ul.nav.navbar-nav li:last-of-type {
  margin-bottom:0;
  padding:5px 0;
  border-bottom:none;
}
@media(max-width:768px){
  #NavBar ul.nav.navbar-nav li {
    border-bottom:1px solid #fff;
  }
}

#NavBar .container-navbar .navbar-header button.navbar-toggler.custom-toggler {
  margin-bottom:10px;
}
.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.custom-toggler.navbar-toggler {
  border-color: rgb(255,255,255);
} 

.navbar-default .navbar-nav > li > a {
    color: #fff;
    font-family:"Roboto",sans-serif;
    font-weight:700;
    letter-spacing: 0.1rem;
    text-transform: uppercase;
  }

  .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    background-color: transparent;
    color: red;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: #4EBDD7;
    color:#fff;
}

.navbar-default .navbar-toggler {
  border-color:#fff;
}

.navbar-default .navbar-toggler:hover, .navbar-default .navbar-toggler:focus {
    background-color: #4EBDD7;
}

.navbar-default .navbar-toggler .icon-bar {
    background-color: #fff;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: #4EBDD7;
    color: #fff;
}

.dropdown-menu {
  background-color:#4EBDD7;
}

.dropdown-menu > li > a, .dropdown-menu > li > a:hover {
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-weight:700;
    padding: 0px 10px;
}

.dropdown-menu > li.current.active > a {
    color:#403E39;
    letter-spacing:0.05rem;
    background-color:#fff;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: #fff;
    color: #4ebdd7;
    text-decoration: none;
    width: 100%;
    display: block;
}

.collapse.show {
    display: inline-block;
    width: 100%;
}

/**/
/*========= NAVIGATION END =============*/
/**/

.breitspalt::before {
    border-radius: 10px / 100px;
    bottom: 15px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
    left: 0;
    right: 50%;
    top: 30px;
}
.schlagschatten::before, .drop-shadow::after {
    content: "";
    position: absolute;
    z-index: -20;
}
.schlagschatten::before, .drop-shadow::after {
    content: "";
    position: absolute;
    z-index: -20;
}
.schlagschatten {
    background: #fff none repeat scroll 0 0;
  }

.container-full {
  margin: 0 auto;
  width: 100%;
  overflow: hidden;
}

.container .jumbotron {
    padding-left: 0;
    padding-right: 0;
}
.container .jumbotron {
    border-radius: 0;
}
.jumbotron {
    padding-bottom: 0;
    padding-top: 0;
}
.jumbotron {
    background-color: #eee;
    color: inherit;
    margin-bottom: 0;
    padding: 0;
}

/*==================== neues Carousel =========================*/
/*
Removes white gap between slides - change to base color of slide images
*/
.carousel {
  background:#000;
}
.jumbotron #carousel .carousel-item a picture img.d-block.img-fluid {
  opacity:0.7;
}

/*
Forces image to be 100% width and not max width of 100%
*/
.carousel-item .img-fluid {
  width:100%;
  height:auto!important;
}

/* 
anchors are inline so you need ot make them block to go full width
*/
.carousel-item a {
  display: block;
  width:100%;
  text-decoration:none;
}

.img-fluid_pxl {
    max-width: 100%;
    height: auto !important;
  }

  .carousel-item.active {
    display: inline-block;
}

.jumbotron #carousel .carousel-inner .carousel-caption a.btn {
  position:relative;
  display: inline;
  width: auto;
}

/*=================== /neues Carousel ==========================*/

#myCarousel {
    background: rgba(0, 0, 0, 1);
}


#myCarousel {
  margin-bottom:0;
}
    /* Carousel base class */
    .carousel {
      margin-bottom: 15px;
    }

    .carousel .container {
      position: relative;
      z-index: 9;
    }

    .carousel-control {
      /*height: 80px;*/
      padding-top: 45px;
      margin-top: 0;
      font-size: 120px;
      text-shadow: 0 1px 1px rgba(0,0,0,.4);
      background-color: transparent;
      border: 0;
      z-index: 10;
    }

#myCarousel.carousel.slide a.carousel-control {
  color:#fff;
}

.carousel .item {
  height: 300px;
}

.carousel img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 300px;
}

@media(max-width:768px){
  .carousel img {
    top: 0;
    left: -50%;
    min-width: 200%;
  }
}

.jumbotron h1, .jumbotron .h1 {
  font-size: 45px;
}

.carousel-caption {
  background-color: transparent;
  position: static;
  max-width: 650px;
  padding: 0 20px 0 100px;
  margin: 30px 0 40px 0;
  text-align:left;
}
.carousel-caption h1,
.carousel-caption .lead {
  margin: 0;
  line-height: 1;
  color: #fff;
  text-shadow: 0 1px 1px rgba(0,0,0,.4);
  position:relative;
}
.carousel-caption .lead {
    	margin-top:1rem;
      font-weight:700;
    }

    .carousel-caption p.lead {
      line-height:1.7rem;
      font-size:22px;
      margin:10px 0 10px 0;
    }

#myCarousel a:visited.btn.btn-large.btn-primary {
  color:#fff;
}

.cd-liste {
    padding-left:300px;
}
.cd-liste p {
  margin-bottom:0.3rem;
}


/*
============ carousel END ============
*/
/*
============ content START ============
*/
.erhaeltlich {
  border-bottom:2px dotted #B5B3B0;
  padding:10px 0 10px 0;
  color:#87847E; /*#403e39;*/
  font-size:1;
  margin-bottom:40px;
}
/*
============ content END ============
*/
/*
============ sidebar START ============
*/

.col-md-4.randlinks2remrechts2rem.schlagschatten.breitspalt hr {
    display:none;
  }

.sidebarhead {
	margin:5.5rem 0 2.5rem 0;
  font-family: 'Bevan', serif;
  font-weight:400;
  color:#8E9C97; /*#b0bdb9;*/ /*#87847e;*/
}

.col-md-4.randlinks2remrechts2rem h3 {
  font-family: 'Roboto', sans-serif;
  color:#8e9c97;
  margin-top:20px;
  font-size:1.9rem;
  font-weight:700;
}

.col-md-4.randlinks2remrechts2rem h4 {
  font-size:14px;
  margin-top: 0;
}

.erhaeltlich a {
  color:#669900;
}

ul.archive {
  padding-left: 1em;
}

ul.archive li {
  float:left;
  margin-right: 1.5em;
}


@media(max-width:768px){
	.sidebarhead {
		margin:0 0 2rem 0;
	}
}

/*
============ sidebar END ============
*/

/*
============ facebook START ============
*/

.postit-effekt-fb {
  position: relative;
}
.postit-effekt-fb:before, .postit-effekt-fb:after {
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 100%;
  top: 80%;
  max-width:300px;
  background: #808570; /*#475f00;*/
  -webkit-box-shadow: 0 15px 10px #808570; /*#475f00;*/
  -moz-box-shadow: 0 15px 10px #808570; /*#475f00;*/
  box-shadow: 0 15px 10px #808570; /*#475f00;*/
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.postit-effekt-fb:after {
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

/*
============ facebook END ============
*/


/*
============ blog START ============
*/

html body#index h2.sidebarhead,
html body#events h2.sidebarhead {
  margin: 2.5rem 0 1.5rem;
}
.row.regelm-veranst p.blog_post_datum,
.row.regelm-veranst p.blog_post_ort {
  font-weight:normal;
  color:#000;
  font-size:0.8rem;
}
.row.regelm-veranst div.col-md-12.px-0 p.blog_post_datum {
  padding-bottom:0.2rem;
}
.row.regelm-veranst div.col-md-12.px-0 p.blog_post_ort {
  margin-top:0.2rem;
  margin-bottom:0.5rem;
}

.regelm-veranst:first-child {
  margin-top:3em;
}

.regelm-veranst:nth-of-type(3) {
  margin-top:1em;
}

.regelm-veranst p.blog_post_datum, .regelm-veranst p.blog_post_info_custom span, .regelm-veranst h2.blog_post_title a {
  color:#8E9C97;
  text-shadow:none;
}

.regelm-veranst h2.blog_post_title a {
  text-decoration:underline;
}

.regelm-veranst h2.blog_post_title a:hover {
  color:red;
  text-decoration:none;
}

.regelm-veranst .blog_post_content a.mehrzu {
  color:#8E9C97;
  text-shadow:none;
  text-decoration:underline;
}

.regelm-veranst .blog_post_content a.mehrzu:hover {
  color:red;
  text-shadow:none;
  text-decoration:none;
}

.vortags {
	color:#403e39;
}


.card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius:0;
 }

.News_Verein .blog_post_content .blog_post_tags a {
  color:#99cc00;
}

.Veranstaltung_AFLZ p.blog_post_tags a {
  color:#475f00;
  text-decoration:underline;
}

.Laufende_Veranstaltung_AFLZ p.blog_post_tags a {
  color:#475f00;
  text-decoration:underline;
}

.Laufende_Veranstaltung_AFLZ p.blog_post_tags a:hover {
  color:red;
  text-decoration:none;
}

.Veranstaltung_Extern p.blog_post_tags a, .News_Cafe p.blog_post_tags a {
  color:#403e39;
  text-decoration:underline;
}

.Veranstaltung_AFLZ p.blog_post_tags a:hover, .News_Cafe p.blog_post_tags a:hover, .Veranstaltung_Extern p.blog_post_tags a:hover {
  color:#fff;
  text-decoration:none;
}

.Laufende_Veranstaltung_AFLZ p.blog_post_tags a:hover {
  color:#403E39;
  text-decoration:none;
}

.blog_list_container {
	clear:none!important;
	height:230px;
	/*margin:0 0 4rem 0;*/
	margin-bottom:4rem;
    padding: 0 1rem 1rem 1rem;
	/*border-top:6px solid #669900;*/
	background-color:#fff;
}

html body#index div.container-full div.row.randlinksrechts div.col-md-8 div.blog_list_container.col-md-5.col-sm-5.postit-effekt.Laufende_Veranstaltung_AFLZ,
html body#events div.container-full div.row.randlinksrechts div.col-md-8 div.blog_list_container.col-md-5.col-sm-5.postit-effekt.Laufende_Veranstaltung_AFLZ {
  height:190px;
}

.blog_list_container > *:last-child {
	margin-bottom:150px;
}

@media(max-width:768px){
    .blog_list_container >*:nth-last-child{
		margin-bottom:-50px!important;
    }

    .blog_list_container >*:nth-last-child(+2){
		margin-bottom:-50px!important;
    }
}

.Veranstaltung_Extern {
	background-color:#b0bdb9;
}

.Veranstaltung_AFLZ {
	background-color:#99cc00;/*#f5f5f5;*/
}

.Laufende_Veranstaltung_AFLZ {
  background-color:#fff;/*#f5f5f5;*/
}

.News_Cafe {
  background-color:#4EBDD7;
}

.News_Verein {
  background-color:#669900;
}

h2.blog_post_title a {
  color:#fff;
  text-decoration:underline;
}

.Laufende_Veranstaltung_AFLZ h2.blog_post_title a {
  color:#8E9C97;
  text-decoration:underline;
  text-shadow:none;
} 

h2.blog_post_title a, .blog_post_datum, .blog_post_info_custom, .mehrzu{
text-shadow: 0 0px 10px rgba(0,0,0,.4);
}

h2.blog_post_title a:hover {
  color:red;
}

h2.blog_post_title a:hover, h2.blog_post_title a:visited {
  text-decoration:none;
}


.postit-effekt {
  position: relative;
}
.postit-effekt:before, .postit-effekt:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background:#808570; /*#475f00;*/
  -webkit-box-shadow: 0 15px 10px #808570; /*#475f00;*/
  -moz-box-shadow: 0 15px 10px #808570; /*#475f00;*/
  box-shadow: 0 15px 10px #808570; /*#475f00;*/
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.postit-effekt:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

.blog_post_info {
	font-size:80%;
	color:grey;
}

.blog_post_info_custom {
    margin-bottom: 0.25rem;
    line-height: 1.2rem;
}

.blog_post_content {
	font-size:14px;
  color:#000;
}

.blog_post_ort, .blog_post_datum {
    color: #669900;
    font-size: 0.8rem;
    padding-top:0;
}

.Laufende_Veranstaltung_AFLZ .blog_post_ort, .Laufende_Veranstaltung_AFLZ .blog_post_datum {
  color:#8E9C97;
  font-size:1.2rem;
  text-shadow:none;
}

.Veranstaltung_AFLZ .blog_post_tags, .News_Cafe .blog_post_tags, .News_Verein .blog_post_tags, .Veranstaltung_Extern .blog_post_tags {
	font-size:0.8rem;
	margin-top:0;
	margin-bottom:0;
}

.Laufende_Veranstaltung_AFLZ .blog_post_tags {
  font-size:1rem;
  margin-top:1rem;
  margin-bottom:0;
  padding-top:0.5rem;
}

.blog_page_navigation {
  margin-bottom:4rem;
  font-weight:700;
  width: 170%;
  display: flex;
  justify-content: space-between;
  align-content: space-between;
}

.blog_page_navigation .left.blog-next-prev-link,
.blog_page_navigation .right.blog-next-prev-link {
  width:100%;
}


.randlos {
	padding-left:0;
	padding-right:0;
}

.randlinks {
	padding-left:1rem;
	padding-right:0;
}

.randlinks4rem {
  padding-left:4rem;
  padding-right:0;
}

.randlinks2remrechts2rem {
  padding-left:2rem;
  padding-right:2rem;
  font-size: 1.3rem;
  line-height: 2rem;
  padding-left: 2rem;
  padding-right: 2rem;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f2f2f2+28,ffffff+100 */
/*background: rgb(255,255,255);*/ /* Old browsers */
/*background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(242,242,242,1) 28%, rgba(255,255,255,1) 100%);*/ /* FF3.6-15 */
/*background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 28%,rgba(255,255,255,1) 100%);*/ /* Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 28%,rgba(255,255,255,1) 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );*/ /* IE6-9 */
}

.jahresliste {
  margin: 0px 0px 0px 40px;
}

.jahr {
  color:#669900;
  font-weight:700;
  margin-left:-37px;
}

.jahresliste p:first-child {
  margin-top:20px;
}

.randrechts {
	padding-left:0;
	padding-right:8rem;
}

.medusa-rechtspalt {
  margin:30px 0 10px 0;
  font-size:1rem;
}

.medusa-rechtspalt img {
  width:100%;
  height:auto;
  margin-top:1em;
}

.blog_list_container.col-md-5.col-sm-5.postit-effekt .col-md-8.col-xs-8.randrechts {
	padding-right:1rem;
}

.randlinksrechts {
	padding-left:8rem;
	padding-right:8rem;
}

.randlinksrechts-foo {
  padding-left:2rem;
  padding-right:2rem;
}
a.mehrzu {
  color:#fff;
  font-weight:700;
  text-decoration:underline;
}


  .homepage {
    padding-left:3rem;
  }

.Laufende_Veranstaltung_AFLZ a.mehrzu {
  color:#8E9C97;
  text-shadow:none;
}

a:hover.mehrzu {
  color:red;
  text-decoration:none;
}

h2.blog_post_title {
    padding-bottom: 0;
    margin: 0.2rem 0;
    font-family: 'Bevan', serif;
    line-height: 1.35rem;
    font-weight: 400;
}

.blog_post_datum, .blog_post_ort {
  color:#fff;
  font-weight:bold;
}

.blog_post_datum {
	margin-bottom:0;
	margin-top:0;
	padding: 0.5rem 0 0 0;
}

#archiv .container-full div.row.px-5 div.col-md-8.px-4 ul li {
  display: list-item;
  list-style-type:disc;
  float: left;
  margin-right: 1.5em;
}

/*
============ blog END ============
*/

/*
============ lightbox START ============
*/

/*.lb-thumbnail {
  border:none!important;
}*/

.lb-thumbnail {
  width:80px;
  height:auto;
}

a.lb-gallery-image:hover img.lb-thumbnail.group1 {
  -webkit-box-shadow: 0px 0px 5px 0px #808570;
  -moz-box-shadow: 0px 0px 5px 0px #808570;
  box-shadow: 0px 0px 5px 0px #808570;
}

.lg-outer .lg-thumb-item {
    border: 1px solid transparent!important;/*#fff;*/
    border-radius:0px!important;
}


.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
  border-color:#4EBDD7!important; /*#a90707;*/
    }

.lg-progress-bar .lg-progress {
    background-color: #99cc00!important;
}

/*
============ lightbox END ============
*/

/*
============ linkseite styles START ============
*/
#links code {
	font-size:80%;
  background-color:transparent;
  padding-left:0;
}

.panel {
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.07);
}

.panel-heading {
    padding: 10px 0;
}

.panel-body {
    padding-left: 0;
}

.panel-default > .panel-heading {
    background-color: #fff;
    border-color:#fff;
  }

  .panel-default {
    border-color: transparent;
}

#links .col-md-8.randlinksrechts h2 code {
  font-size:105%;
  color:#99cc00;
  font-weight:700;
}

#links ul li code a {
  color:#403E39;
  font-weight:700;
}

#links ul li code a:hover, #links ul li code a:focus {
  color:red;
}

#links code ul {
	padding-left:0;
}

#links ul li {
	list-style:none;
	margin-bottom:1rem;
  font-size:125%;
}

#links code ul li a {
    font-size: 105%;
    font-weight: 700;
}

/*----------- collapse START -----------*/

.panel-title {
  font-family:"Roboto",sans-serif;
}

.panel-title a {
  text-decoration:underline;
}

.panel-title a:hover {
  text-decoration:none;
}

/*----------- collapse END -----------*/

/*
============ linkseite styles END ============
*/

/*
============ footer START ============
*/

.footer {
	font-size:85%;
	background-color:#4EBDD7; /*#2C3143;*/
	color:#000;
	padding:2rem 0 0 0;
  margin-top: 4rem;
	-webkit-box-shadow: 0px -4px 15px 0px rgba(0, 0, 0,0.2);
	-moz-box-shadow: 0px -4px 15px 0px rgba(0, 0, 0,0.2);
	box-shadow: 0px -4px 15px 0px rgba(0, 0, 0,0.2);
}
.footer h1, .footer h2 , .footer h3{
	color:#000;
	font-family:'Roboto', sans-serif;
	font-weight:700;
	font-size:1.2rem;
	text-shadow:none;
}

.footer h1 {
	margin:0.6rem 0 0.5rem 0;
}

.footer h2 {
	margin:0 0 0 0;
}

.footer h3 {
    font-weight: bold;
    margin: 0.6rem 0 0 0;
    font-size: 0.95rem;
}

.footer a {
	color:#000;
	text-decoration:underline;
}
.footer a:hover {
	color:#fff;
	text-decoration:none;
}

.footerbild {
  float: left;
  height: 120px;
  margin: 0 15px 20px 0;
  width: auto;
}
.social-links {
    width: 25px;
    margin-right:15px;
}

a img.social-links, a:hover img.social-links {
  cursor: pointer;
}

.footer-eingerueckt {
  padding-left:0;
}

.sponsorleiste {
  padding:1rem 0 2rem 0;
  background-color:#0f96c3;
}

.sponsors {
  height:50px;
  width:auto;
  margin:10px 40px 0 0;
}

.sponsors-gross {
  height:45px;
  width:auto;
  margin:15px 40px 0 0;
}

/*
::::::::::::::::: footer bottom fixed :::::::::::::::::
*/

/*#archiv .footer, #links .footer, #impressum .footer, #cafe .footer, #newsletter .footer */
#galerien .footer {
  position: absolute;
  width:100%;
  bottom:0;
}

/*
============ footer END ============
*/


/*============================================================*/
/*=========== MEDIA QUERIES REPOSITORY START==================*/
/*============================================================*/

@media(max-width:768px){

  .blog_list_container {
    height: 260px;
  }

  .blog-mobile {
    padding-left: 20%!important;
    padding-right: 0;
    width: 65%;
  }

  .cd-liste {
    padding-left:0;
  }

  .col-md-4.randlinks2remrechts2rem.schlagschatten.breitspalt hr {
    display:block;
    height: 12px; 
    border: 0; 
    box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.3);
  }

  .randlinks2remrechts2rem {
    padding-top: 4rem;
    margin: 0 3rem;
  }


  .homepage {
    padding-left:0;
  }

/*----------footer ----------*/
  .container-full .row.randlinksrechts:before, .container-full .row.randlinksrechts:after {
    display:inline;
    clear:none;
  }

  .footer .row:before {
    display:inline;
  }

  .footer .row:after {
    clear:none;
  }

  .footer .row.sponsorleiste:before {
    display:inline;
  }
  .container-full .footer .row,
  .footer .row.sponsorleiste:after {
    clear:none;
  } 
    .footer-eingerueckt {
  padding-left:25%;
  }

  .kurztitel {
    display:inline-block;
  }

  .langtitel {
    display:none;
  }

  .col-md-8.randlinksrechts h1 {
    margin-top:80px;
  }

  .navbar-brand {
    padding:15px 0 0 0;
    font-size:1.9rem;
  }

  .container-navbar {
    background: none;
  }

  .carousel-caption {
    font-size:1.5rem;
    padding: 0 40px 0 40px;
  }

  .img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    height: auto;
    max-width: 200%;
  }
  .jumbotron h1, .jumbotron .h1 {
    font-size: 35px;
  }
  .carousel-caption p.lead {
    font-size: 18px;
    line-height: 1.4rem;
  }
  .row.randlinksrechts {
    padding-right:3rem;
    padding-left:3rem;
  }

  #index .container-full .row.randlinksrechts .col-md-8 .blog_list_container.col-md-5.col-sm-5.postit-effekt .row .col-md-8.col-xs-8.randrechts,
  #events .container-full .row.randlinksrechts .col-md-8 .blog_list_container.col-md-5.col-sm-5.postit-effekt .row .col-md-8.col-xs-8.randrechts {
      width: 65%;
      padding-left:10%;
  }
  .mobile { /*regelt abstand von trennline vor tags auf blog-seite*/
    margin-top:55px;
  }

  .fb-wrapper {
    height:600px;
    -webkit-overflow-scrolling:touch;overflow:auto;
  }
  .postit-effekt-fb {
  height:100%;
  }

  .randlinks2rem {
    padding-left: 2rem;
  }

  .medusa-rechtspalt {
    display:none;
  }

  .breitspalt::before {
    box-shadow: none;
  }
}

@media(max-width:992px){
    {}
}

@media(max-width:1200px){
    {}
}

/* =============== IN LESS =============== */
/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (min-width: @screen-sm-min) {
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: @screen-md-min) {
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: @screen-lg-min) { 
  .navbar-brand.langtitel {
    visibility:hidden;
  }
}

    /*========== iPhone 6 ===================*/
    @media only screen 
        and (min-device-width : 375px) // or 213.4375em or 3in or 9cm*/
        and (max-device-width : 667px) // or 41.6875em
        and (width : 667px) // or 41.6875em
        and (height : 375px) // or 23.4375em
        and (orientation : landscape) 
        and (color : 8)
        and (device-aspect-ratio : 375/667)
        and (aspect-ratio : 667/375)
        and (device-pixel-ratio : 2)
        and (-webkit-min-device-pixel-ratio : 2) {
        	{}
        }


    @media only screen 
        and (min-device-width : 375px) // or 213.4375em
        and (max-device-width : 667px) // or 41.6875em
        and (width : 375px) // or 23.4375em
        and (height : 559px) // or 34.9375em
        and (orientation : portrait) 
        and (color : 8)
        and (device-aspect-ratio : 375/667)
        and (aspect-ratio : 375/559)
        and (device-pixel-ratio : 2)
        and (-webkit-min-device-pixel-ratio : 2) {
        	{}
    }

/*============================================================*/
/*============ MEDIA QUERIES REPOSITORY END ==================*/
/*============================================================*/