.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
} 

.clearfix::after {
  clear: both;
}

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 *  Owl Carousel - Core
 */
table.table-text-center td,
table.table-text-center th {
  text-align: center !important;
  padding: 5px 3px 5px 3px;
}
table.table-text-center td.caption {
  font-size:75%;
}
table.table-text-center td.name,
p.name {
  background-color:#fefefe;
  color:#008543;
}
table.table-text-center tr td img {
  border-radius:50% !important;
}

		p.description {
			font-weight:bold;
			text-align:center;
		}
		.row {
		  width:100%;
		  display: -ms-flexbox;
		  display: flex;
		  -ms-flex-wrap: wrap;
		  flex-wrap: wrap;
		}
		.justify-content-center {
		  -ms-flex-pack: center !important;
		  justify-content: center !important;
		}
		.row.buecher img.img-fluid {
			margin-right: 3% !important;
			margin-left: 3% !important;
			max-width: 94%;
		}
		.row.buecher .col-4 {
			border-bottom:1px dashed #ccc;
		}
		.col-3, .col-4, .col-6 {
			height:auto;
			min-height:340px;
			float:left;
			text-align:center;
			padding-bottom: 1rem;
			margin-bottom: 1rem;
		}
		.col-3 {
			width:25%;
		}
		.col-4 {
			width:33.3%;
		}
		.col-6 {
			width:50%;
			border-bottom:1px dashed #ccc;
		}
		.col-6 img {
    	border-radius: 50% !important;
		}
		.col-3 img, .col-4 img, .col-6 img {
    	margin-bottom:1rem;
		}
		.caption {
    	font-size: 85%;
		}
		.col-3 a:hover, .col-3 a,.col-3 a:focus,
		.col-4 a:hover, .col-4 a,.col-4 a:focus,
		.col-6 a:hover, .col-6 a,.col-6 a:focus {
			background-image: none !important
		}
		.row.buecher .col-4 a {padding-left:0px !important;}
		
@media only screen and (max-width: 576px) {
			.col-3, .col-4, .col-6 {
			width:100%;
			float:none;
			display:block;
		}
		#inner_content A, .row.buecher .col-4 a {padding-left:0px !important;}
}

.owl-carousel {
  display: none;
  width: 100%;

  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;

    /* fix firefox animation glitch */ }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    min-height:300px;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%; }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel .owl-nav button.owl-prev,
  .owl-carousel .owl-nav button.owl-next,
  .owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
			This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
			calculation of the height of the owl-item that breaks page layouts
		 */ }
  .owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease; }
  .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0; }
  .owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
      transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }


/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 * 	Default theme - Owl Carousel CSS File
 */
.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-nav [class*='owl-'] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px; }
    .owl-theme .owl-nav [class*='owl-']:hover {
      background: #869791;
      color: #FFF;
      text-decoration: none; }
  .owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default; }

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px; }

.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline; }
    .owl-theme .owl-dots .owl-dot span {
      width: 10px;
      height: 10px;
      margin: 5px 7px;
      background: #D6D6D6;
      display: block;
      -webkit-backface-visibility: visible;
      transition: opacity 200ms ease;
      border-radius: 30px; }
    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
      background: #869791; }






#newsletterFancy {width:60%;height:auto;}
@media only screen and (max-width: 769px) {
  #newsletterFancy {width:94%;height:auto;}
}




#A2356 h2 {
	margin-bottom:50px;
}


body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#service form {margin-top:20px !important}
#service A.leichte_sprache {margin-right:5px !important}
#service a.contact {margin-left:5px;margin-right:10px;}

.js-open-left-slidebar,
.js-logo {
  display: none;
}

[off-canvas] {
  display: none;
  position: fixed;
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; /* Enables momentum scrolling on iOS devices, may be removed by setting to 'auto' in your own CSS. */
}

@media only screen and (max-width: 991px) { /* ex 480 */

  [canvas] {
  	z-index: 1;
  }

  [off-canvas*=top] {
  	width: 100%;
  	height: 255px;
  	top: 0;
  }

  [off-canvas*=right] {
  	width: 255px;
  	height: 100%;
  	top: 0;
  	right: 0;
  }

  [off-canvas*=bottom] {
  	width: 100%;
  	height: 255px;
  	bottom: 0;
  }

  [off-canvas*=left] {
  	width: 100%;
  	height: 100%;
  	top: 0;
  	left: 0;
  }

  [off-canvas*=reveal] {
  	z-index: 0;
  }

  [off-canvas*=push] {
  	z-index: 1;
  }

  [off-canvas*=overlay] {
  	z-index: 9999;
  }

  [off-canvas*=shift] {
  	z-index: 0;
  }

  /**
   * Animation
   */

  [canvas], [off-canvas] {
  	-webkit-transform: translate( 0px, 0px );
  	    -ms-transform: translate( 0px, 0px );
  	        transform: translate( 0px, 0px );
  	-webkit-transition: -webkit-transform 300ms;
  	        transition:         transform 300ms;
  	-webkit-backface-visibility: hidden; /* Prevents flickering, may be removed if experiencing problems with fixed background images in Chrome. */
  }

  [off-canvas*=shift][off-canvas*=top] {
  	-webkit-transform: translate( 0px, 50% );
  	        transform: translate( 0px, 50% );
  }

  [off-canvas*=shift][off-canvas*=right] {
  	-webkit-transform: translate( -50%, 0px );
  	        transform: translate( -50%, 0px );
  }

  [off-canvas*=shift][off-canvas*=bottom] {
  	-webkit-transform: translate( 0px, -50% );
  	        transform: translate( 0px, -50% );
  }

  [off-canvas*=shift][off-canvas*=left] {
  	-webkit-transform: translate( 50%, 0px );
  	        transform: translate( 50%, 0px );
  }

  /**
   * Print
   */

  @media print {
  	[canvas] {
  		-webkit-transform: translate( 0px, 0px ) !important;
  		    -ms-transform: translate( 0px, 0px ) !important;
  		        transform: translate( 0px, 0px ) !important;
  	}

  	[off-canvas] {
  		display: none !important;
  	}
  }



  #head .logo,
  #outer_navig
  {
    display: none !important;
  }

/*   .js-open-left-slidebar, */
  .js-close-left-slidebar,
  .js-logo {
    float: left;
    display: block;
    height: 52px;
    margin: 12px 0 30px;
    box-sizing: border-box;
  }
  .js-open-left-slidebar {
    float: right;
    display: block;
    height: 52px;
    margin: 12px 5px 30px 0;
    box-sizing: border-box;
    width: 50px;
    padding-top: 13px;
    font-size: 24px;
    text-align: center;
    color: #2f2f2f;
    border: 0px solid #009f4a;
  }
  .js-close-left-slidebar {
    width: 50px;
    margin-left: 12px;
    padding-top: 13px;
    font-size: 24px;
    text-align: center;
    color: #009f4a;
    border: 1px solid #009f4a;
  }

  .js-logo {
    width: calc(100% - (50px + 10px + 20px));
    margin-left: 10px;
    margin-right: 10px;
  }

  .js-logo img {
    width: auto;
    height: 100%;
    object-fit: contain;
  }

  div[off-canvas] * {
    box-sizing: border-box;
  }

  div[off-canvas] {
    text-align: left;
    background: #efefef;
    box-shadow: 0 0 40px rgba(0,0,0,.8);
  }

  div[off-canvas] header {
    height: 72px;
    background: #fff;
  }

  div[off-canvas] header .js-close-left-slidebar,
  div[off-canvas] header .js-logo {
    float: right;
    margin: 10px 0;
    border: 0;
  }

  div[off-canvas] header .js-logo {
    width: calc(100% - (50px + 12px));
  }

  div[off-canvas] header .js-logo img {
    object-position: 0 0;
  }

  div[off-canvas] ul,
  div[off-canvas] ul * {
    margin: 0;
    padding: 0;
  }

  div[off-canvas] ul {
    list-style: none;
  }

  div[off-canvas] ul a {
    position: relative;
    display: block;
    padding: 10px 20px;
    color: #009f4a !important;
    border-top: 1px solid rgba(0,0,0,.3);
  }

  div[off-canvas] ul a.active {
    font-family: source_sans_probold, sans-serif;
    color: #333;
  }
/*   Ausblenden der letzten Ebene */
  div[off-canvas] ul ul ul ul{
    display: none
  }
  div[off-canvas] ul ul a {
    border: 0;
    color: #464646 !important;
  }
  div[off-canvas] ul ul li a:hover {
    background-color: #dedede !important;
  }
  div[off-canvas] ul ul{
    margin-left: 20px;
    background: rgba(0,0,0,.05);
  }


}









@media (max-width: 992px) {

/* 	.home-owl, */
	.home-nav,
	.home-tiles {
		display: none !important;
	}

}
.home-nav-box {
	border-top: 15px solid #efefef;
	border-bottom: 15px solid #efefef;
}
.home-nav {
	margin: 0 0 0 0;
	padding: 0;
	text-align: center;
	list-style: none;
	border-left: 10px solid #009f4a;
}

.home-nav li {
	display: inline-block;
}

.home-nav a {
	display: block;
	padding: 20px 10px;
	color: #333;
	font-family: source_sans_probold, sans-serif;
}



#main-info .owl-stage-outer {
	color: #fff;
	background: #009f4a;
	font-size: 18px;
}

#main-info .owl-item > div {
  height: 100%;
	padding: 20px 70px;
}

#main-info .owl-item > div a {
	color: #fff !important;
	text-decoration: underline;
}

#main-info .owl-nav {
	font-size: 80px;
	font-family: arial;
	color: #fff;
}

#main-info .owl-prev,
#main-info .owl-next {
	position: absolute;
	top: 50%;
	transform: translateY(-55%);
}

#main-info .owl-prev { left:  22px; }
#main-info .owl-next { right: 22px; }

#main-info .owl-carousel .owl-item img {
	display: unset;
	width: unset;
}
#slider .owl-item a {
	background:none;
}

#slider .owl-dots {
	position: absolute;
	left: 50%;
	bottom: -30px;
	transform: translateX(-50%);
}
#slider .owl-dots .owl-dot span {
	background: rgba(0, 0, 0, 0.25);
	width:12px;
	height:12px;
	border-radius: 6px;
	display:inline-block;
	margin-right: 5px
}

#slider .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
	background: rgba(0, 133, 67, 1);
}

#slider .owl-nav {
	font-size: 40px;
	font-family: arial;
	color: rgba(0, 133, 67, 1);
}
#slider .owl-prev,
#slider .owl-next {
	position: absolute;
	bottom: -70px;
	transform: translateY(-55%);
}

#slider .owl-prev { left:  0px; }
#slider .owl-next { right: 0px; }



/* Slider Startseite */
.slider-pic {
	display: inline-block;
	width: 100%;
	margin-right: 0px;
	margin-bottom:20px;
}
@media (min-width:762px) {

	.slider-pic {
	display: inline-block;
	width:auto;
	height: auto;
	float: left;
	margin-right: 15px;
	margin-bottom:50px;
	}
}
/* Flipboxen Startseite */
.flipper {
	height: 0; /* for 1:1 aspect ratio */
	padding-bottom: 100%; /* for 1:1 aspect ratio */
	position: relative;
	perspective: 800px;
}


@media (min-width: 576px) {

	.ratio-not-1-1 {
		padding-bottom: calc(50% - 5px);
	}
}

@media (max-width:762px) {

	.owl-stage-outer {
		font-size: 15px;
	}
	/* Startseite Ticker Bild */
	img.ticker_img {
		display: none
	}
	.owl-item > div {
	padding: 20px 20px;
	}
}

.flipper-card {
	position: absolute;
	width: 100%;
	height: 100%;
	perspective: 600px;
}
.flipper-front,
.flipper-back {
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 10px;
	font-family: 'source_sans_probold', sans-serif;
	color: #fff;
	transition: all .4s ease-in-out;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
/* headline backside */
.flipper-back span {
	display: block;
	padding-bottom: 5px;
	font-family: 'source_sans_probold', sans-serif;
	text-decoration: underline;
}

.flipper-card.flip-X .flipper-back {
	        transform: rotateX(-180deg);
	    -ms-transform: rotateX(-180deg);
	-webkit-transform: rotateX(-180deg);
	   -moz-transform: rotateX(-180deg);
	}
.flipper-card.flip-Y .flipper-back {
	        transform: rotateY(-180deg);
	    -ms-transform: rotateY(-180deg);
	-webkit-transform: rotateY(-180deg);
	   -moz-transform: rotateY(-180deg);
	}
.flipper-card.flip-X.flipper-is-flipped .flipper-front {
	        transform: rotateX( 180deg);
	    -ms-transform: rotateX( 180deg);
	-webkit-transform: rotateX( 180deg);
	   -moz-transform: rotateX(180deg);
	}
.flipper-card.flip-Y.flipper-is-flipped .flipper-front { transform: rotateY( 180deg);-ms-transform: rotateY( 180deg);-webkit-transform: rotateY( 180deg);-moz-transform: rotateY(180deg); }

.flipper-card.flip-X.flipper-is-flipped .flipper-back  {
	        transform: rotateX(   0deg);
	    -ms-transform: rotateX(   0deg);
	-webkit-transform: rotateX(   0deg);
	   -moz-transform: rotateX(0deg);
	}
.flipper-card.flip-Y.flipper-is-flipped .flipper-back  {
	        transform: rotateY(   0deg);
	    -ms-transform: rotateY(   0deg);
	-webkit-transform: rotateY(   0deg);
	   -moz-transform: rotateY(0deg);
	}

.tiles {
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 20px;
	border-bottom: 15px solid #efefef;
	/* neu */
	  transition: transform 0.8s;
  transform-style: preserve-3d;
}

.tile {
	flex: 0 0 20%;
	padding: 20px 21px;
}

.flipper-front {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 19px;
	color: #0f75a4;
	background: #efefef;
}


.flipper-back {
	background: #0f75a4;
}

a.btn {
	position:absolute;
	bottom:5px;left:5px;
	width:182px;

/* 	display: block; */
	margin-top: 10px;
	padding: 10px;
	text-align: center;
	color: #0f75a4 !important;
	background: #fff;
	border:1px solid #0f75a4;
	transition: all 0.32s ease-in-out;
}
a.btn:hover {
	color: #fff !important;
	border:1px solid #fff;
	background: #0f75a4;
	text-decoration: none
}




/* Kachelboxen */

#auswahlmenue A:hover,
#auswahlmenue A,
#auswahlmenue A:focus {background-image: none !important}

#auswahlmenue.content_box {
	padding-top: 0;
	padding-left:10px
}
.kachelbox {
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 20px;
}

.kachel{
	flex: 0 0 30%;
	padding:4% 10%;
}
.kachel-inner {
	height: 0;
	padding-bottom: 100%;
	position: relative;
}
.kachel-card {
	position: absolute;
	width: 100%;
	height: 100%;
}
.kachel-front {
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 10px;
	font-family: source_sans_probold, sans-serif;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 19px;
	color: #0f75a4;
}
.kachel-front span {
	padding:20px;
}

.bg-kachel {
	background: transparent url(../uploads/gutachen-start/kachel-blank.png) no-repeat center center;
	background-size: cover

}

#start_events UL.ticker {
	padding-top: 0 !important
}
#A2359 .three-imgs img {
  border:1px solid #000;
}
.three-imgs {
	width:100%;
}
.three-imgs a,
.three-imgs a:hover,
.three-imgs a:focus {
	padding-left:0 !important;
	background-image: none !important;
    width:32%;
	height:auto;
	margin-right:1%;
	display:inline-block;
	text-align: center;
	padding-bottom: 20px;
}
.three-imgs img {
	width:100%;
	height:auto;
}
.two-imgs {
	width:100%;
}
.two-imgs a,
.two-imgs a:hover,
.two-imgs a:focus {
	padding-left:0 !important;
	background-image: none !important;
    width:48%;
	height:auto;
	margin-right:1%;
	display:inline-block;
	text-align: center;
	padding-top: 20px;
}
.two-imgs img {
	width:100%;
	height:auto;
	margin-bottom:10px;
}

.dot-border {
    background: url(../pix/punktelinie.png) repeat-x left center;
    padding: 0px 0px 15px 0px;
    clear:both
}
.themencheck {
	width:49%;
	margin-right:1%;
	padding-bottom: 5px;
	float:left;
}
.kachelbox {margin:0 auto;width:80%}

.img-fluid {
  width:100%;height:auto;
}
/* Messestand */
#inner_content a.open_button,
#inner_content a.open_button:hover {
	  background: none !important;
	  padding-left:0px !important;
}

.fancybox-content iframe {
	max-width:100%;
}
/* ende Messestand */
table.buchshop {
  margin-top:0;margin-bottom:0;
}
table.buchshop td a {
  padding-left:0 !important;
	background-image: none !important;
}
table.buchshop td a img {
  border:1px solid #009f4a
}

SELECT, LABEL, INPUT[type="radio"], INPUT[type="checkbox"] {

    cursor: pointer;

}
label.big {
	font-size: 1rem;
}
/* das wort ORT ausblenden */
li.Digitale strong, p.Digitale strong {display:none}
li.Digitale, p.Digitale {font-weight:700;color:#008543}
div.online-referent img {width:105px;height:auto}

@media (max-width:762px) {
	/* Messestand */
	.fancybox-content iframe {
	max-width:100%;
	}

	.kachel-front {
	font-size: 16px;
	}
	.two-imgs a,
	.two-imgs a:hover,
	.two-imgs a:focus,
	.three-imgs a,
	.three-imgs a:hover,
	.three-imgs a:focus {
    width:100%;
	height:auto;
	margin-right:0;
	}
}


@media (max-width: 576px) {
	/* Messestand */
	.fancybox-content iframe {
	max-width:100%;
	}
	.kachel{
	flex: 0 0 90%;
	padding:4% 10% 8% 0%;
	}
	.themencheck {
	width:100%;
	margin-right:0;

	float:left;
	}


}
/* Screenreader */
.unsichtbar {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(100%);
  white-space: nowrap;
}

.unsichtbar:not(:focus) {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(100%);
  white-space: nowrap;
}


/* ab Hier */

/*
#inner_content #A3520 A:hover,
#inner_content #A3520 A,
#inner_content #A3520 A:focus {background-image: none !important}

#A3520 {padding-top:10px !important}

#A3520 a {margin:0;padding-left:30px}

#auswahlmenue A:hover,
#auswahlmenue A,
#auswahlmenue A:focus {background-image: none !important}




#A3520 .kachel {
	width:40%;
	height:auto;
	margin-bottom:20px;
}



@media (max-width: 576px) {
	.themencheck {
	width:100%;
	margin-right:0;

	float:left;
	}

}
*/
/* NDV Special */
/* *, *:before, *:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
} */
.box {
  width:600px;
  height:auto;
  position:relative;
  margin:0 auto;
  padding:0;
}
.f1_container, .f2_container, .f3_container, .f4_container {
  position: relative;
  margin:0px;
  width: 283px;
  height: 250px;
  z-index : 1;
  float:left;
}
.f5_container {
  position: relative;
  margin:0px;
  width: 566px;
  height: 300px;
  z-index : 1;
  float:left;
}
.f1_container, .f2_container, .f3_container, .f4_container, .f5_container {
  -webkit-perspective: 1000;
  perspective: 1000;
}
.f1_card {
width: 100%;
height: 100%;
-webkit-transform-style: preserve-3d;
-webkit-transition: all 0.5s linear;
transform-style: preserve-3d;
transition: all 0.5s linear;
cursor:pointer;
}
.f1_container.active .f1_card,
.f2_container.active .f1_card,
.f3_container.active .f1_card,
.f4_container.active .f1_card,
.f5_container.active .f1_card {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.f1_container img, .f2_container img, .f3_container img, .f4_container img {
width: 283px;
height: 250px;
}
.f5_container img {
width: 566px;
height: 300px;
}
.face {
position: absolute;
width: 100%;
height: 100%;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
.front.face p.outside {
font-family: sans-serif;
font-size: 14px;
font-weight: bold;
position: absolute;
right:20px;
top:20px;
}
.front.face {
background:#fff;
-webkit-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.front.face:hover {
background:#eee;
}
.face.back {
display: block;
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
box-sizing: border-box;
color: white;
text-align: center;
background-color: #0c6192;
}
p.inside {
position: relative;
font-family: sans-serif;
color: #fff;
font-size: 14px;
font-weight: bold;
padding-top:100px;
}



/* Messepopup */

#ac-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
    z-index: 1001;
}

#messepopup {
    width: 96%;
    height: 96%;
    background: #FFFFFF;
    border: 0px solid #000;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: #009f4a 0px 0px 3px 3px;
    -moz-box-shadow: #009f4a 0px 0px 3px 3px;
    -webkit-box-shadow: #009f4a 0px 0px 3px 3px;
    position: relative;
    top: 2%;
    left: 2%;
}
.close_button {
	position: absolute;
	right:10px;
	top:10px;
	width:50px;
	height:35px;
	padding-top: 15px;
	padding-left: 0 !important;
	border-radius: 50%;
	background: #009f4a !important;
	color:#fff !important;
	text-align: center;
	display:inline-block;
	font-size: 150%;
}
.close_button:hover{
	text-decoration: none !important;
	color:#fff !important;
}
#messepopup iframe.embed-responsive-item {
	width:100%;
	min-width:1200px;
	min-height:1024px;
	height:100%;
}
.leseempfehlungen {width:100%;position:relative;display:block;clear: both;}
.leseempfehlungen div.breaker,
.leseempfehlungen a p {display:none}
.leseempfehlungen p {line-height: 0%;font-size: 0;padding:0 !important;margin:0 !important}

.leseempfehlungen a {
  padding-left:0 !important;
	background-image: none !important;
  width:31%;
	margin-right:1%;
	display:inline-block;
  float:left;
  position:relative;
}
.leseempfehlungen a img.pic_left {
  width:100%;height:auto;
}
@media only screen and (max-width: 1024px) {
	#messepopup iframe.embed-responsive-item {
	width:100%;
	height:100%;
	min-width:920px;
	min-height:600px;
	}
}
@media only screen and (max-width: 769px) {
	#messepopup iframe.embed-responsive-item {
	width:100%;
	height:100%;
	min-width:690px;
	min-height:600px;
	}
  /* .leseempfehlungen a {
    width:100%;
    margin-right:0%;
    display:block;
    float:none;
    margin-bottom:2rem;
  } */
}
@media only screen and (max-width: 576px) {
	#messepopup iframe.embed-responsive-item {
	width:100%;
	height:100%;
	min-width:330px;
	min-height:600px;
	}
  .box {
    width:100%;
  }
  .f1_container, .f2_container, .f3_container, .f4_container {
      width: 207px;
      height: 183px;
  }
  .f5_container {
      width: 414px;
      height: 219px;
  }
  .f1_container img, .f2_container img, .f3_container img, .f4_container img, .f5_container img {
      width:100%;
      height:auto;
  }
  p.inside {
    font-size: 12px;
    padding-top:75px;
  }
}
@media only screen and (max-width: 414px) {
  .box {
    width:100%;
  }
  .f1_container,
  .f2_container,
  .f3_container,
  .f4_container {
      width: 150px;
      height: 133px;
  }
  .f5_container {
      width: 300px;
      height: 159px;
  }
  .f1_container img,
  .f2_container img,
  .f3_container img,
  .f4_container img,
  .f5_container img {
      width:100%;
      height:auto;
  }
  p.inside {
    font-size: 12px;
    padding-top:40px;
  }
}