/*
Theme Name: ilf-theme
Theme URI: http://www.xiqit.de
Author: XIQIT GmbH
Author http://www.xiqit.de
Version: 0.1
*/


/*--------------------------------------------------------------
	1.0 Schriften 
--------------------------------------------------------------*/


/* 
 * @import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300italic,400,400italic,600,600italic,700,700italic);

@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,400i,700,700i');
@import url('https://fonts.googleapis.com/css?family=PT+Sans+Caption:400,700|PT+Sans+Narrow:400,700');
*/ 
@import "fonts.css"; 

@font-face {
	font-family: 'fontello';
	src: url('font/fontello.eot?47436920');
	src: url('font/fontello.eot?47436920#iefix') format('embedded-opentype'),
		 url('font/fontello.woff2?47436920') format('woff2'),
		 url('font/fontello.woff?47436920') format('woff'),
		 url('font/fontello.ttf?47436920') format('truetype'),
		 url('font/fontello.svg?47436920#fontello') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"]:before, [class*=" icon-"]:before {
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .2em;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: 1em;
}

span[class^="icon-"]::before {
	width: 0.8em;
	margin-right: 0.1em;
}

.icon-arrow:before { content: '\e808'; } 
.icon-clock:before { content: '\e813'; } 
.icon-events:before { content: '\e800'; }
.icon-register:before { content: '\21'; position: relative; top: -3px; }
.icon-calendar:before { content: '\e804'; }
.icon-lock:before { content: '\22'; }
.icon-download:before { content: '\23';  }
.icon-website:before { content: '\e802'; }
.icon-location:before { content: '\e812'; }


/*--------------------------------------------------------------
	2.0 Reset 
--------------------------------------------------------------*/

html, 
body {
	padding: 0px;
	margin: 0px;
	height: 100%;
}

*,
*::before,
*:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

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

.clear {
	clear: both;
	display: block;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section {
	display: block;
}

a {
	outline: none;
	text-decoration: none;
	color: inherit;
}

a > img{
	border: 0;
	display: block;
}

input {
	border-radius: 0;
	font-family: 'Source Sans Pro', sans-serif;
}

/*--------------------------------------------------------------
	3.0 Schriftarten 
--------------------------------------------------------------*/

body {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	font-size: 1.1rem;
	line-height: 1.5;
	color: rgba(60,59,58,0.9);
}

h2 {
	font-size: 2.05rem;
	font-weight: 400;
	margin-bottom: 0.8rem;
}

h3 {
	font-size: 1.55rem;
	line-height: 1.25;
	font-weight: 400;
	margin: 2rem 0 0.8rem;
}

body.home h3,
#single-veranstaltung .content-aside .block h3,
#veranstaltung-login .content-aside .block h3,
#page-kontakt .content-aside .block h3 {
	font-weight: 700;
}

h4 {
	font-size: 1.3rem;
	line-height: 1.1;
	margin-bottom: -0.5rem;
	font-weight: 600;
}

.gray h2 {
	color: rgba(255,255,255,0.85);
}

body.page .pageblock-single-page h2 {
	margin-top: 0;
	line-height: 1.1;
	margin-bottom: 1.4rem;
}

body.page #single-veranstaltung .block.single h2:first-of-type {
	margin-bottom: 0;
}

#single-veranstaltung .block.single h3.subtitle {
	margin: 0.5rem 0 1.4rem;
	font-size: 1.2rem;
}

/*--------------------------------------------------------------
	4.0 Layout 
--------------------------------------------------------------*/

a[href^="mailto:"],
footer#page-footer a {
	border-bottom: 1px dotted;
}

.pageblock-single-page .block a:not(.readmore) {
	border-bottom: 1px dotted;
} 

.gray {
	background-color: rgba(60,59,58,1);
}

.yellow {
	background-color: rgba(253,214,23,1);
	background-color: rgba(125, 119, 73, 0.6);
}

.blue {
	background-color: rgba(62,97,179,1);
}

.green {
	background-color: rgba(188,207,2,1);
}

body {
	overflow-y: scroll;
	background-color: rgba(242,242,242,1);
}

div#body-container {
	position: relative;
}

#topnav-wrapper {
	display: block;
	height: 35px;
	width: 100%;
	background-color: rgb(214, 212, 205);
	position: fixed;
	top: 0;
	z-index: 110;
}

body.admin-bar #topnav-wrapper {
	top: 32px;
}

#topnav-wrapper > .wrapper-1300 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
padding: 0 3rem;
}

nav#topnav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
	font-size: 0.75rem;
	height: 35px;
	width: calc(100% - 165px);
	list-style: none;
}

div#topsearch {
	width: 165px;
}

div#topsearch form.search-form input {
	border: 1px solid rgba(60,59,58,0.9);
	background-color: transparent;
	font-size: 0.75rem;
	font-family: "Source Sans Pro", sans-serif;
	opacity: 0.55;
	color: rgba(60,59,58,0.9);
	padding: 0.2rem 0.4rem;
	position: absolute;
	top: 4px;
	width: 150px;
	right: 3rem;
    height: 26px;
}

div#topsearch form.search-form input.search-submit,
div#topsearch form.search-form .screen-reader-text {
	display: none;
}

nav#topnav a {
	position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
	line-height: 1;
	opacity: 0.55;
	padding: 0 0.8rem;
	height: 35px;
	-webkit-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
	border-bottom: 2px solid transparent;
}

nav#topnav a:not(.active):hover {
	opacity: 0.65;
	background-color: rgba(60,59,58,0.15);
}

nav#topnav a.active {
	opacity: 0.8;
}

nav#topnav a.active:before {
	content: '';
	position: absolute;
	left: 0rem;
	bottom: -2px;
	width: calc(100% - 0rem);
	height: 2px;
	background-color: rgba(60,59,58,1);
}

nav#topnav a > img {
	float: left;
	height: 25px;
	width: auto;
	margin-right: 0.4rem;
	margin-top: 0rem;
	margin-left: -0.2rem;
	opacity: 0.8;
}

nav#topnav a > img:last-of-type {
	margin-left: 0.1rem;
	margin-right: 0.4rem;
}

nav#topnav li#menu-item-33,
nav#topnav li#menu-item-34 {
	
}

nav#topnav li:nth-of-type(3){
	margin-left: auto;
}

header#main-header {
	position: absolute;
	top: 0;
	width: 100%;
	/*height: 200px;*/
	background-color: transparent;
	/*background-image: url(img/bg-test-7.jpg);*/
	background-size: cover;
	background-position: center bottom;
	/*background-attachment: fixed;*/
	z-index: 100;
}

body:not(.home) header#main-header {
	height: 65px;
}

header#main-header span.fotonachweis {
	position: absolute;
	bottom: calc(0.5rem + 35px);
	right: 0.5rem;
	display: inline-block;
	padding: 0.3rem 0.4rem;
	line-height: 1;
	color: rgba(0, 0, 0, 0.5);
	background-color: rgba(255, 255, 255, 0.35);
	font-size: 0.6rem;
}

body.admin-bar header#main-header {
	top: 32px;
}

 body.home header#main-header {
	height: 65vh;
 	height: 250px; 
} 

header#main-header > .slide-wrapper {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	overflow: hidden;
}

header#main-header:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,0.15);
}

header#main-header > .wrapper-1300 {
	height: 100%;
}

header#main-header img#mainlogo {
	position: absolute;
	right: 8.4rem;
	top: 3.8rem;
	width: 80px;
	margin-top: -15px;
	height: auto;
}

body.home header#main-header img#mainlogo {
	width: 250px;
}

body:not(.home) header#main-header img#mainlogo {
	display: none;
}

#mainnav-wrapper {
	position: absolute;
	bottom: -25px;
	height: 65px;
	background-color: rgba(55, 56, 56,0.85);
	width: 100%;
	border-bottom: 4px solid rgba(125, 119, 73, 1);
}

body:not(.home) #mainnav-wrapper,
body.home #mainnav-wrapper.fixed {
	position: fixed;
	bottom: auto;
}

#mainnav-wrapper > div {
	padding: 0 3rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

#mainnav-wrapper > div > a {
/*	margin-right: 3rem;*/
	-webkit-transform: translateX(4rem);
	        transform: translateX(4rem);
	opacity: 0;
	width: 45px;
}

body:not(.home) #mainnav-wrapper > div > a {
	opacity: 1;
	-webkit-transform: translateX(0);
	        transform: translateX(0);
}

#mainnav-wrapper #navlogo {
	height: 45px;
	width: 45px;
}

nav#mainnav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
	height: 61px;
	/*padding: 0 2.2rem;*/
	font-weight: 400;
	font-size: 1.05rem;
	color: #FFF;
	list-style: none;
	width: 100%;
	width: calc(100% - 50px - 4rem);
}

nav#mainnav > li {
	height: 61px;
}


nav#mainnav > li > a {
	display: block;
	position: relative;
	padding: 1.1rem 0;
}

nav#mainnav ul.sub-menu {
	display: none;
	position: absolute;
	top: 61px;
	background-color: rgba(125, 119, 73,1);
	color: rgba(60,59,58,1);
	color: white;
	list-style: none;
	margin: 0 0 0 -1.5rem;
	padding: 1rem 1.5rem;
}

nav#mainnav li#menu-more {
	cursor: pointer;
}

nav#mainnav li#menu-more > ul.sub-menu {
	right: 3.3rem;
}

nav#mainnav li#menu-more > ul.sub-menu li {
	position: relative;
}

nav#mainnav ul.sub-menu ul.sub-menu {
	position: absolute;
	top: -0.5rem;
	background-color: rgb(86, 85, 84);
	color: #FFF;
}

nav#mainnav ul.sub-menu li {
	white-space: nowrap;
}

nav#mainnav ul.sub-menu li:not(:last-child) {
	margin-bottom: 0.4rem;
}

nav#mainnav ul.sub-menu li:before {
	content: '\e808';
	font-family: 'fontello';
	font-weight: 400;
	margin-right: 0.5rem;
}

#main-container {
	padding-top: 65px; 
	min-height: calc(100vh - 88px);
}

body.home #main-container {
 padding-top: 65vh; 
 padding-top: 250px; 
}

#main-container .pageblock {
	/*min-height: 400px;*/
}

#main-container .pageblock-single-page,
#main-container .pageblock-single-post,
#main-container .pageblock-single-ansprechpartner {
	padding-top: 3.5rem;
}

body.page-teilnehmerbereich #main-container .pageblock-single-page,
body.page-kontakt #main-container .pageblock-single-page {
	padding-top: 0;
}

#main-container .pageblock.gray {
	background-color: rgba(60,59,58,0.95)
}

#main-container .pageblock#pageblock-start > .wrapper-1300,
#single-veranstaltung > .wrapper-1300,
#veranstaltung-login >.wrapper-1300,
#page-kontakt >.wrapper-1300  {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	padding: 0 3rem;
}

.content {
	width: calc(100% - 400px);
	padding: 3.5rem 2rem 0 0;
}

.content.full {
	width: 100%;
	padding: 0.1px 3rem;
}

#single-veranstaltung .content {
	padding: 0.1px 2rem 0 0;
}

.content-aside {
	width: 400px;
	padding: 3.5rem 0;
}

#single-veranstaltung .content-aside {
	padding: 0.1px 0 3.5rem;
}

.pageblock#pageblock-kontakt .content {
	padding-top: 2rem;
}

.block {
	display: block;
	width: 100%;
	/*min-height: 300px;*/
	background-color: #FFF;
	margin-bottom: 2rem;
	padding: 1.8rem;
}

.block.blog-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}

body.page .pageblock-single-page .block.single {
	min-height: calc(100vh - 250px - 88px - 5.5rem);
}

.block.transparent {
	background-color: rgba(255,255,255,0.5);
}

.block .abschnitt:not(:last-of-type) {
	margin-bottom: 2rem;
}

.block .img-wrapper {
	display: block;
	position: relative;
	margin: -1.8rem 1.8rem -1.8rem -1.8rem;
	width: 300px;
	height: 300px;
}

.block .img-wrapper > div {
	position: relative;
}

.block .img-wrapper img {
	max-width: 100%;
	height: auto;
	display: block;
}

.block .img-wrapper span.fotonachweis {
	position: absolute;
	bottom: 0.5rem;
	left: 0.5rem;
	display: inline-block;
	padding: 0.3rem 0.4rem;
	line-height: 1;
	color: rgba(0, 0, 0, 0.5);
	background-color: rgba(255, 255, 255, 0.45);
	font-size: 0.6rem;
}

#pageblock-start .block .img-wrapper span.fotonachweis {
	bottom: auto;
	top: calc(300px - 20px - 0.5rem);
}

.block .img-wrapper span.fotonachweis a {
	border-bottom: none !important;
}

.blog-block .content-wrapper,
.ansprechpartner-block .content-wrapper {
	width: calc(100% - 300px);
}

body.home .block h3,
#single-veranstaltung .block h3,
#veranstaltung-login .block h3,
#page-kontakt .block h3  {
	margin-top: 0;
}

#single-veranstaltung .block.single h3 {
	margin-top: 2.5rem;
}

#single-veranstaltung .block.single h3:first-of-type {
	margin-top: 0.2rem;
	font-size: 1.35rem;
}

.block p:last-of-type {
	margin-bottom: 0;
}

.block.yellow,
.block.anmeldung {
	position: relative;
	height: auto;
	min-height: auto;
	background-color: rgba(125, 119, 73, 0.6);
	background-color: rgba(158, 211, 218, 0.6);
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

.block.anmeldung {
	background-color: #d5e0e4;
}

.block.yellow:before,
.block.yellow:after,
.block.anmeldung:before,
.block.anmeldung:after,
.angebot:before,
.angebot:after {
	content: '\e808';
	font-family: 'fontello';
	font-size: 4rem;
	line-height: 1.4;
	position: absolute;
	right: 2.5rem;
	top: 0;
	color: rgba(60,59,58,0.5);
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

.angebot:before,
.angebot:after {
	line-height: 95px;
	color: rgba(60,59,58,0.25);
}

.block.yellow:after,
.block.anmeldung:after,
.angebot:after {
	right: 3.3rem;
}

.block.yellow:hover:before,
.block.yellow:hover:after,
.block.anmeldung:hover:before,
.block.anmeldung:hover:after,
.angebot:hover:before,
.angebot:hover:after {
	color: rgba(60,59,58,0.75);
	right: 1.8rem;
}

.block.yellow h3,
.block.anmeldung h3 {
	margin: 0;
	color: rgba(60,59,58,0.75);
	-webkit-transition: color 200ms ease-in-out;
	transition: color 200ms ease-in-out;
}

.block.yellow:hover,
.block.anmeldung:hover {
	-webkit-box-shadow: 0 0 10px 0 rgba(60,59,58,0.5);
	box-shadow: 0 0 10px 0 rgba(60,59,58,0.5);
}

.block.yellow:hover h3,
.block.anmeldung:hover h3 {
	color: rgba(60,59,58,0.95);
}

.block .weiterlesen a, .block a.readmore {
	position: relative;
	background-color: rgba(60,59,58,0.75);
	color: #FFF;
	padding: 0.6rem 3rem 0.6rem 0.8rem;
	margin: 0.65rem 0;
	display: inline-block;
	font-weight: 700;
	font-size: 1rem;
}

.pageblock-single-page .block .weiterlesen a {
	border-bottom: none;
} 


body.home .block a.readmore {
	margin-bottom: 0;
}

.block .weiterlesen a:before, 
.block .weiterlesen a:after, 
.block a.readmore:before,
.block a.readmore:after {
	content: '\e808';
	font-family: 'fontello';
	position: absolute;
	right: 1rem;
	font-size: 2.1rem;
	font-weight: 400;
	line-height: 1.35;
	top: 50%;
	color: rgba(255,255,255,0.5);
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	-webkit-transform: translate(0,-22px);
	        transform: translate(0,-22px);
}

.block .weiterlesen a:after, 
.block a.readmore:after {
	right: 1.5rem;
}


.block .weiterlesen a:hover:before,
.block .weiterlesen a:hover:after, 
.block a.readmore:hover:before,
.block a.readmore:hover:after {
	right: 0.8rem;
	color: rgba(255,255,255,0.8);
}


.block h3.icon-clock {
	color: rgba(60,59,58,0.9);
}

.block h3[class^="icon-"]:before {
	margin-right: 0.65rem;
}

.block ul.display,
#single-veranstaltung .content ul {
	list-style: none;
	padding-left: 0;
	color: rgba(60,59,58,0.85);
	margin: 2rem 0 0;
	line-height: 1.3;
}

#single-veranstaltung .content ul {
	margin-top: 0;
}

.block ul.display.events {
	font-size: 1rem;
}

.block ul.display li,
#single-veranstaltung .content ul li {
	margin: 0.5rem 0;
	position: relative;
	padding-left: 0.8rem;
	padding-bottom: 0.4rem;
	cursor: pointer;
}

#single-veranstaltung .content ul li {
	cursor: inherit;
}

.block ul.display li:hover {
	color: rgba(60,59,58,1);
}

.block ul.display li:not(:last-child) {
	border-bottom: 1px solid rgba(60,59,58,0.1);
}

.block ul.display li:last-child {
	margin-bottom: 0;
} 

.block ul.display li:before,
.block ul:not(.display) li:before,
#single-veranstaltung .content ul li:before {
	content: '\e808';
	font-family: 'fontello';
	position: absolute;
	left: 0;
	color: rgba(60,59,58,0.5);
}

.block ul.downloads li:before {
	content: '';
}

.block ul:not(.display) {
	list-style: none;
	padding: 0;
	margin: 0.92rem 0;
}

.block ul:not(.display) ul {
	margin-top: 0.2rem;
}

.block ul:not(.display) li {
	padding-left: 0.8rem;
	position: relative;
}

.block ul.downloads li {
	padding-left: 0;
}

.block h3.icon-question {
	padding-left: 2.8rem;
	position: relative;
}

.block h3.icon-question:before {
	content: '?';
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 700;
	font-size: 75%;
	position: absolute;
	left: 0;
	width: 29px;
	line-height: 1.2;
	text-align: center;
	border: 3px solid;
	border-radius: 45px;
}

.vkarte img {
	float: left;
	width: 85px;
	height: auto;
	margin: -0.15rem 0.6rem 0 0;
}

.vkarte p:first-of-type {
	margin-top: 1.4rem;
}

div.angebote {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
	margin-bottom: 1rem;
}

div.angebote .angebot {
	position: relative;
	width: calc(50% - 1rem);
	background-color: rgba(255,255,255,0.95);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
	/*-webkit-flex-wrap: wrap;
flex-wrap: wrap;*/
	height: 95px;
	margin: 1rem 0;
	/*padding: 0 1.5rem 0 0;*/
}

div.angebote .angebot img {
	width: 95px;
	height: 95px;
	display: block;
	margin-right: 1.5rem;
}

div.angebote .angebot h3 {
	margin: 0;
	font-size: 1.2rem;
	font-weight: 600;
}

div.angebote span.fotonachweise {
	color: rgba(213, 213, 213, 0.4);
	font-size: 0.75rem;
}

.pageblock#pageblock-kontakt .content {
	position: relative;
}

.pageblock#pageblock-kontakt div#map-canvas {
	position: absolute;
	right: 3rem;
	top: 2rem;
	width: 55%;
	height: calc(100% - 4rem);
	background-color: #CCC;
}

.pageblock#pageblock-kontakt div#map-canvas:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: linear-gradient(95deg,  rgba(255,255,255,1) 6%,rgba(255,255,255,0) 40%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
	z-index: 1;
	pointer-events: none;
}

div.gallery figure {
	float: left;
	margin: 0 13.5px 13.5px 0;
/*	border: 4px solid rgba(204, 204, 204, 0.18); */
	cursor: pointer;
	-webkit-transition: all 350ms ease-in-out;
	transition: all 350ms ease-in-out;
}

figcaption {
	display: none;
}



/* Link-Seite */

body.page-links .block ul:not(.display) li,
body.page-hospitationen-an-referenzschulen-des-ilf .block ul:not(.display) li  {
	margin-bottom: 0.8rem;
}

/* Blog-Seite */

body.blog .blog-block {
	padding: 0 0 1.8rem 0;
	margin: 3rem 0 2rem;
	border-bottom: 2px solid rgba(0,0,0,0.025);
}

body.blog .blog-block h3 {
	margin: 0 0 0.3rem;
	font-weight: 700;
}

body.blog .blog-block h3 a {
	border-bottom: none !important;
}

body.blog .blog-block span.byline {
	display: inline-block;
	font-size: 0.8rem;
	margin-bottom: 1rem;
	color: rgba(60,59,58,0.6);
}

body.blog .block .img-wrapper {
	width: 200px;
	height: 200px;
	margin: 0 1.8rem 0 0;
}

body.single span.byline {
	clear: both;
	display: block;
	font-size: 0.8rem;
	margin-top: 1rem;
	padding-top: 0.2rem;
	color: rgba(60,59,58,0.6);
	border-top: 2px solid rgba(0,0,0,0.025);
}

body.single .blog-block,
body.single .ansprechpartner-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
	padding: 0;
	margin-top: 1.8rem;
}

body.single .block .img-wrapper {
	width: 200px;
	height: 200px;
	margin: 0 1.8rem 0 0;
}

body.single .blog-block h2 {
	line-height: 1.2;
	margin: 0 0 2rem 0;
}

body.single .blog-block .content-wrapper a {
	border-bottom: 1px dotted #141D2A;
	padding: 0.1rem 0;
}

#main-container .block a {
    border-bottom: 1px dotted #D2241E;
}

.content-wrapper .alignright { 
	float: right;
	margin: 0 0 1.2rem 1.2rem ;
}

.content-wrapper .aligncenter {
	display: block;
	margin: 0 auto 1.2rem;
}

.content-wrapper .alignleft { 
	float: left;
	margin: 0 1.2rem 1.2rem 0;
}

/* Pagination */

section.pagination > div {
	width: 50%;
	font-size: 90%;
}

section.pagination > .older {
	float: left;
}

section.pagination > .newer {
	float: right;
	text-align: right;
}

/* Ansprechpartner-Seite */

body.single .ansprechpartner-block h2 {
	line-height: 1.2;
	margin: 0 0 0.2rem;
}

body.single .ansprechpartner-block p.subtitle-role {
	margin-top: 0;
}

body.single .ansprechpartner-block div.vcard {
	float: none;
	width: 100%;
	margin: 1.5rem 0 2.5rem;
}

body.single .ansprechpartner-block div.vcard > p {
	padding-left: 0;
}

/* Mappress auf der Startseite */

.mapp-layout {
	margin: 0;
	border: none;
	width: 100% !important;
	height: 100%;
	border: none;
}

.mapp-canvas {
	height: 100% !important;
}

.mapp-map-links,
.mapp-iw .mapp-links {
	display: none;
}

/* Mappress auf der Kontakt-Seite und auf der Anreise-Seite */

body.page-kontakt .mapp-layout {
	height: 350px;
	margin-top: 0.6rem;
}

body.page-anreise .mapp-layout {
	height: 400px;
}

.mapp-iw a,
.mapp-iw a:hover {
	color: rgba(60,59,58,0.9) !important;
	border-bottom: 1px dotted !important;
	text-decoration: none !important;
}

.pageblock#pageblock-kontakt .floated {
	width: calc(45% - 3.6rem);
	padding-right: 1.8rem;
}

.pageblock#pageblock-bistuemer {
	min-height: auto;
}

.pageblock#pageblock-bistuemer div.bistuemer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	padding: 1rem 3rem 2rem;
}

.pageblock#pageblock-bistuemer div.bistuemer img {
	-webkit-filter: grayscale(1);
	-webkit-filter: grayscale(100%);
	filter: url(img/desaturate.svg#greyscale);
	-webkit-filter: gray;
	        filter: gray; 
	filter: grayscale(100%);
	opacity: 0.6;
	margin: 0 0.5rem 0.5rem;
}

.pageblock#pageblock-bistuemer div.bistuemer img:nth-child(3),
.pageblock#pageblock-bistuemer div.bistuemer img:nth-child(5) {
	opacity: 0.45;
}

footer#page-footer > .wrapper-1300 {
	height: 88px;
/*	background-color: rgba(253,214,23,1);
	border-radius: 20px 0 0 0; */
}

footer#page-footer .content {
	padding: 1.8rem 3rem 1rem;
	color: rgba(60,59,58,0.75);
	font-size: 0.75rem;
	line-height: 1.2;
}

footer#page-footer .content p {
	margin: 0.3rem 0;
}

footer#page-footer img.logo {
	float: left;
	height: 76px;
	width: auto;
	margin: -1rem 0.5rem 0 -2rem;
}

span.middot:before {
	content: '\00b7';
	margin: 0 0.25rem;
}

/* Veranstaltungstabelle und Tablepress */

form#veranstaltungsauswahl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
	margin: 0.5rem 2px;
}

form#veranstaltungsauswahl div.switches {
	padding: 1rem;
	background-color: #f7fafa;
	margin: 0 0.25rem;
	-webkit-box-flex:1;
	    -ms-flex:1 1 auto;
	        flex:1 1 auto;
	margin-bottom: 0.5rem;
}

form#veranstaltungsauswahl div.switches div {
	white-space: nowrap;
}

form#veranstaltungsauswahl div.switches.sort div {
	float: left;
}


form#veranstaltungsauswahl div.faecher-switches {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

/*form#veranstaltungsauswahl div.zielgruppen-switches > div,
form#veranstaltungsauswahl div.veranstalter-switches > div,
form#veranstaltungsauswahl div.faecher-switches > div  {
	width: 50%;
}*/

form#veranstaltungsauswahl div.switches.zielgruppe {
	width: 60%;
}

form#veranstaltungsauswahl div.switches.veranstalter {
	width: 30%;
}

form#veranstaltungsauswahl div.zielgruppen-switches,
form#veranstaltungsauswahl div.veranstalter-switches {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

form#veranstaltungsauswahl div.zielgruppen-switches > div,
form#veranstaltungsauswahl div.veranstalter-switches > div {
	width: 50%;
}

form#veranstaltungsauswahl div.switches h3 {
	margin-top: 0;
	font-size: 1.1rem;
	font-weight: 600;
}

form#veranstaltungsauswahl div.switches.sort h3,
form#veranstaltungsauswahl div.switches.suche h3,
form#veranstaltungsauswahl div.switches.faecher h3 {
	margin-bottom: 0;
	margin-right: 1rem;
}

form#veranstaltungsauswahl div.switches.sort ,
form#veranstaltungsauswahl div.switches.suche,
form#veranstaltungsauswahl div.switches.faecher {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
flex-wrap: wrap;
}


form#veranstaltungsauswahl div.suche input,
form#veranstaltungsauswahl div.faecher-switches select {
	font-size: 0.92rem;
	padding: 5px 10px;
	border: 1px solid rgba(221, 221, 221, 0.85);
	background-color: rgba(255, 255, 255, 0.8);
	width: 100%;
}


form#veranstaltungsauswahl div.faecher {
	-webkit-box-flex:0;
	    -ms-flex:0 0 calc(33% - 0.5rem);
	        flex:0 0 calc(33% - 0.5rem);
}


table#veranstaltungen {
	width: 100%;
	margin-top: 0;
}

.tablepress {
	margin: 1rem 0;
}

table#veranstaltungen a {
	border-bottom: none;
}

table#veranstaltungen tr.no-items {
	display: none;
}

table#veranstaltungen div.veranstaltung {
	width: 100%;
}

table#veranstaltungen div.veranstaltung > * {
	background-color: #f7fafa;
	margin-bottom: 2px;
	padding: 0.2rem 0.6rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

table#veranstaltungen div.veranstaltung > div > span:last-of-type {
	/*margin-left: auto;*/
}

table#veranstaltungen div.veranstaltung > .veranstaltung-header span:last-of-type {
	margin-left: auto;
	font-weight: normal;
}

table#veranstaltungen div.veranstaltung .veranstaltung-header {
	background-color: #d5e0e4;
	font-weight: bold;
	font-size: 110%;
	padding: 0.3rem 0.6rem;
}

.tablepress tfoot th, .tablepress thead th {
	background-color: #d5e0e4 !important;
	font-weight: bold !important;
	font-size: 110% !important;
	padding: 0.3rem 0.6rem !important;
	border-bottom: 2px solid #FFF !important;
}

.tablepress tbody td, .tablepress tfoot th {
	border-top: none !important;
	background-color: #f7fafa !important;
	margin-bottom: 2px !important;
	padding: 0.2rem 0.6rem !important;
	border-bottom: 2px solid #FFF !important;
}

table#veranstaltungen div.veranstaltung div.veranstaltung-footer {
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between
}

table#veranstaltungen div.veranstaltung div.veranstaltung-footer > * {
	width: 220px;
}

table#veranstaltungen div.veranstaltung div.veranstaltung-footer > *:not(:first-of-type) {
	text-align: center;
}

table#veranstaltungen div.veranstaltung div.veranstaltung-footer > *:last-child {
	text-align: right;
	width: auto;
} 

table#veranstaltungen div.veranstaltung div.veranstaltung-footer a {
	border-bottom: none;
	position: relative;
	padding-left: 0.6rem;
	color: rgba(60,59,58,0.5);
}

table#veranstaltungen div.veranstaltung div.veranstaltung-footer a:before {
    content: '\e808';
    font-family: 'fontello';
    position: absolute;
    left: 0;
    color: rgba(60,59,58,0.5);
}

table#veranstaltungen div.veranstaltung div.veranstaltung-footer a:hover {
	color: rgba(60,59,58,1);
}

.block ul.pagination {
	list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin: 2rem 0 0;
}

.block ul.pagination li {
	padding-left: 0;
	text-align: center;
}

.pageblock-single-page .block ul.pagination li a {
	display: block;
	width: 24px;
	height: 24px;
	line-height: 20px;
	border: 2px solid rgba(0,0,0,0.25);
	margin: 0 0.5rem;
	font-size: 0.8rem;
	color: rgba(60,59,58,0.5);
}

.pageblock-single-page .block ul.pagination li.disabled a {
	opacity: 0.6;
}

.pageblock-single-page .block ul.pagination li:not(.disabled) a:hover,
.pageblock-single-page .block ul.pagination li.active a {
	border-color: rgba(0,0,0,0.5);
	color: rgba(60,59,58,0.9);
}

.block ul.pagination li:before,
.block ul.pagination li:after {
	content: '';
	font-family: 'fontello';
	left: auto;
	line-height: 25px;
	position: absolute;
	top: 0;
	color: rgba(60,59,58,0.5);
	pointer-events: none;
}

.pageblock-single-page .block ul.pagination li:not(.disabled):hover:before,
.pageblock-single-page .block ul.pagination li:not(.disabled):hover:after,
.pageblock-single-page .block ul.pagination li.active:before,
.pageblock-single-page .block ul.pagination li.active:after {
	color: rgba(60,59,58,0.85);
}

.pageblock-single-page .block ul.pagination li.previous:before,
.pageblock-single-page .block ul.pagination li.next:before {
	content: '\e808';
	margin-left: -0.1rem;
}

.pageblock-single-page .block ul.pagination li.firstpage:before,
.pageblock-single-page .block ul.pagination li.lastpage:before {
	margin-left: 0.1rem;
}

.pageblock-single-page .block ul.pagination li.firstpage:after,
.pageblock-single-page .block ul.pagination li.lastpage:after {
	content: '\e808';
	margin-left: -0.2rem;
}

.pageblock-single-page .block ul.pagination li.previous:before,
.pageblock-single-page .block ul.pagination li.firstpage:before,
.pageblock-single-page .block ul.pagination li.firstpage:after {
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
}

/* Tabelpress */

body.page-studientage-teamtage .pageblock-single-page .block .tablepress a {
	border-bottom: none;
	position: relative;
	padding-left: 0.6rem;
	color: rgba(60,59,58,0.5);
}

body.page-studientage-teamtage .pageblock-single-page .block .tablepress a:before {
    content: '\e808';
    font-family: 'fontello';
    position: absolute;
    left: 0;
    color: rgba(60,59,58,0.5);
}

body.page-studientage-teamtage .pageblock-single-page .block .tablepress a:hover {
	color: rgba(60,59,58,1);
}

/* Slides auf der Startseite  */

.slides,
.rslides {
	height: 100%;
}

.slides li,
.rslides li {
	height: 100%;
	background-size: cover;
	background-position: center bottom;
}

.rslides img {
	display: none !important;
}

.metaslider,
.metaslider > div,
.metaslider .rslides {
	height: 100%;
}

.metaslider .caption-wrap {
	background: transparent !important;
	opacity: 1 !important;
}

/* Breadcrumb */ 

div.breadcrumb {
	font-size: 0.75rem;
	color: rgba(0,0,0,0.4);
	margin: 0 0 1rem;
}

div.breadcrumb span {
	color: rgba(0,0,0,0.6);
}

div.breadcrumb a {
	margin-right: 6px;
	border-bottom: none !important;
}

div.breadcrumb a:after {
	content: '\e808';
	font-family: 'fontello';
	font-weight: 400;
	margin-left: 4px;
	color: rgba(0,0,0,0.6);
	line-height: 1.5rem;
}

/* Tabelle: Veranstaltungsdetails */

table.veranstaltungsdetails {
	width: 100%;
	border-collapse:collapse;
    border-spacing:0;
    margin-bottom: 1rem;
}

table.veranstaltungsdetails th {
	text-align: left;
	background-color: #d5e0e4;
	padding: 0.3rem 0.6rem;
	font-weight: 400;
	border-bottom: 2px solid #FFF;
}

table.veranstaltungsdetails td {
	background-color: #f7fafa;
	padding: 0.2rem 0.6rem;
	vertical-align: top;
	border-bottom: 2px solid #FFF;
}

table.veranstaltungsdetails tr > th:first-child,
table.veranstaltungsdetails tr > td:first-child {
	font-weight: 600;
}

table.veranstaltungsdetails td ul.display {
	margin-top: 0;
	font-weight: 400;
}

table.veranstaltungsdetails td ul.display li{
	cursor: inherit;
}

/* Login Teilnehmerbereich */

form.display#login-teilnehmerbereich {
	display: block;
	width: calc(46px + 230px);
	margin: 2rem auto 0;
}
form.display#login-teilnehmerbereich input[type="text"],
form.display#login-teilnehmerbereich input[type="password"],
form.display#login-teilnehmerbereich input[type="button"] {
	border: none;
	background-color: rgba(0,0,0,0.15);
	padding: 0.9rem;
	width: 230px;
	height: 46px;
	margin: 0 0 0.5rem 46px;
}

form.display input[type="checkbox"], 
form.display input[type="radio"] {
    visibility: hidden;
    width: 0px;
    height: 0px;
    margin: 0px;
    padding: 0px;
    position: absolute;
}


form.display label.checkbox_label, 
form.display label.radio_label,
form.display span.checkbox-text {
    position: relative;
    padding: 4px 0 0 42px;
    margin-bottom: 0.8rem;
    width: auto;
    font-weight: normal;
    cursor: pointer;
    font-size: 0.7rem;
    display: inline-block;
    float: left;
}

form.display div.checkbox-wrapper {
	position: relative;
}

form.display span.checkbox-text {
	position: relative;
	float: right;
	width: calc(100% - 42px);
	padding-left: 0;
	cursor: inherit;
}

form.display label.checkbox_label::before, form.display label.radio_label::before {
    content: "";
    cursor: pointer;
    position: absolute;
    width: 26px;
    height: 26px;
    left: 8px;
    top: 5px;
    border: 1px solid rgba(221, 221, 221,1);
    background-color: rgba(221, 221, 221, 0.05);
}

form.display label.checkbox_label::after {
    opacity: 0;
    content: '';
    position: absolute;
    width: 12px;
    height: 8px;
    top: 13px;
    left: 15px;
    border-bottom: 3px solid #000;
    border-left: 3px solid #000;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

form.display input[type="checkbox"]:checked + label::after, form.display input[type="radio"]:checked + label::after {
    opacity: 1;
}

form.display#login-teilnehmerbereich label:not(.checkbox_label) {
	width: 0;
	height: 0;
	overflow: hidden;
	display: block;
	float: left;
}

form.display#login-teilnehmerbereich label:not(.checkbox_label):before {
	position: absolute;
	width: 46px;
	height: 46px;
	text-align: center;
	line-height: 46px;
	background-color: #7d7749;
	border-radius: 5px 0 0 0;
	font-size: 140%;
	color: white;
}

form.display#login-teilnehmerbereich label.icon-lock:before {
	font-size: 150%;
}

form.display#login-teilnehmerbereich button {
	position: relative;
	background-color: #7d7749;
	color: #FFF;
	padding: 0.8rem 2.8rem 0.8rem 0.8rem;
	margin: 0 0;
	display: inline-block;
	font-weight: 700;
	font-size: 1rem;
	border: none;
	font-family: 'Source Sans Pro', sans-serif;
	width: calc(46px + 230px);
	text-align: left;
	cursor: pointer;
}

form.display#login-teilnehmerbereich button:before,
form.display#login-teilnehmerbereich button:after {
	content: '\e808';
	font-family: 'fontello';
	position: absolute;
	right: 1rem;
	font-size: 2.1rem;
	font-weight: 400;
	line-height: 1.35;
	top: 0;
	color: rgba(255,255,255,0.5);
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

form.display#login-teilnehmerbereich button:after {
	right: 1.5rem;
}

form.display#login-teilnehmerbereich button:hover:before,
form.display#login-teilnehmerbereich button:hover:after {
	right: 0.8rem;
	color: rgba(255,255,255,0.8);
}

p.alert {
	margin-top: 2rem;
	color: #d52817;
	text-align: center;
}

/* Downloads */

.block ul.downloads {
	list-style: none;
	padding: 0;
	margin: 1.5rem 0 0;
}

ul.downloads div.single-download {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}

ul.downloads li:not(:last-of-type) div.single-download {
	margin-bottom: 1rem;
}

ul.downloads div.single-download > div {
	padding-left: 38px;
	position: relative;
}

ul.downloads div.single-download a.title {
	border-bottom: none;
}

ul.downloads div.single-download > div:nth-of-type(2) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

ul.downloads div.single-download > div:nth-of-type(2) p {
	margin: 0 1.5rem 0 0;
	font-size: 0.8rem;
	color: rgba(60,59,58,0.5);
}

ul.downloads div.single-download > div:nth-of-type(2) p.filesize:before {
	content: 'Dateigröße: ';
}

ul.downloads div.single-download > div:nth-of-type(2) p.filetype:before {
	content: 'Dateityp: ';
}

ul.downloads div.single-download a.title:before {
	border-bottom: none;
	display:inline-block;
	position: absolute;
	left: 2px;
	font-size: 150%;
	line-height: 1.1;
}

/* FAQ */

dl.display#faq dt {
	font-size: 1.25rem;
	line-height: 1.1;
	font-weight: 400;
	margin: 1.5rem 0 0.8rem;
	cursor: pointer;
	padding-left: 1.5rem;
	position: relative;
}

dl.display#faq dt:before {
    content: '\e808\e808 ';
    font-family: 'fontello';
    font-weight: 400;
    position: absolute;
    left: 0;
    color: rgba(0,0,0,0.6);
    line-height: 1.2;
}

dl.display#faq dd {
	margin: 0;
	padding: 0.1px 0 1rem 1.5rem;
	display: none;
}

dl.display#faq dd p:first-of-type {
	margin-top: 0;
}

/* Tagungshäuser */

dl.display#tagungshaeuser{
	margin-top: 2rem;
}

dl.display#tagungshaeuser dt {
	font-size: 1.3rem;
	line-height: 1.1;
	font-weight: 400;
	margin: 1.2rem 0 0.8rem;
	position: relative;
}

dl.display#tagungshaeuser dd {
	margin: 0;
	font-size: 0.85rem;
	padding: 0.1px 0 0.5rem 1.5rem;
}

dl.display#tagungshaeuser dd p {
	margin: 0.6rem 0;
}

dl.display#tagungshaeuser dd p:first-of-type {
	position: relative;
	margin-top: 0;
}

dl.display#tagungshaeuser dd p:first-of-type:before {
	content: '\e812';
	font-family: 'fontello';
	position: absolute;
	left: -0.9rem;
	top: -0.1rem;
	font-size: 120%;
	opacity: 0.6;
}

dl.display#tagungshaeuser dd p.website {
	position: relative;
}

dl.display#tagungshaeuser dd p.website:before {
	position: absolute;
	left: -1rem;
	top: 0.2rem;
	opacity: 0.6;
}

/* V-Cards */

div.vcard {
	width: 50%;
	float: left;
	margin: 1rem 0 0.5rem;
}

body.search-results div.vcard {
	width: 100%;
	float: none;
	margin-top: 2rem;
	padding: 1rem;
	background-color: rgba(60,59,58,0.1);
}

div.vcard.right {
	float: right;
}

/* body.page-institutsleitung div.vcard#vcard-inge-daemon,
body.page-institutsleitung div.vcard#vcard-veronika-mader {
	float: right;
} */

div.vcard img {
	float: left;
	width: 90px;
	height: auto;
	margin-right: 1rem;
}

div.vcard h3 {
	margin: 0;
	font-size: 1.3rem;
	padding-top: 0.3rem;
}

div.vcard h3 a {
	border-bottom: none !important;
}

div.vcard p.subtitle-role {
	margin: 0.3rem 0 0.7rem;
}

div.vcard > p {
	padding-left: calc(90px + 1rem);
	margin: 0;
	font-size: 0.9rem;
}

div.vcard p.kontakt-tel:before {
	content: 'Tel.:';
	opacity: 0.8;
	width: 35px;
	display: inline-block; 
}

div.vcard p.kontakt-email:before {
	content: 'Mail:';
	opacity: 0.8;
	width: 35px;
	display: inline-block; 
}

body.page-abteilung-schule .pageblock-single-page .block.single h3:not(.vcard-name),
body.page-abteilung-arbeitsfeld-kita .pageblock-single-page .block.single h3:not(.vcard-name) {
	margin: 3rem 0 1rem;
}

body.page-abteilung-schule .pageblock-single-page .block.single h3:not(.vcard-name):first-of-type,
body.page-abteilung-arbeitsfeld-kita .pageblock-single-page .block.single h3:not(.vcard-name):first-of-type {
	margin-top: 2rem;
}

/*

.slides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  height: 65vh;
  padding: 0;
  margin: 0 0 25px;
  border-bottom: 1px solid #D6D6D6;
  }

.slides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  height: 65vh;
  left: 0;
  top: 0;
  }

.slides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.slides li div {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 90px;
	background-color: rgba(255,255,255,0.75);
	padding: 10px 15px 25px;
}

.slides li div p {
	color: #000;
	font-size: 17px;
	margin-bottom: 4px;
}

.slides li div p strong {
	font-weight: 700;
}

.slides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  position: absolute;
  bottom: 0;
  }

.slides li:nth-child(2) img {
	position: absolute;
}

.slides li:nth-child(3) img {
	position: absolute;
	top: -20%;
	bottom: auto;
}

.slides li:nth-child(4) img {
	position: absolute;
	top: 0;
	bottom: auto;
}

.centered-btns_tabs,
.transparent-btns_tabs,
.large-btns_tabs {
  display: none;
} */

.infokasten {
	padding: 0.5rem;
	margin: 0 calc(2px + 0.25rem);
	background-color: rgba(60,59,58,0.05);
}

/*--------------------------------------------------------------
	5.0 Responsive 
--------------------------------------------------------------*/

.wrapper-1300 {
	width: 1300px;
	margin: 0 auto;
	position: relative;
}

#nav-button-wrapper {
	padding: 16px 10px 10px 16px;
	left: 0;
	top: 0;
	display: block;
	width: 75px;
	height: 65px;
	position: fixed;
	z-index: 1001;
	cursor: pointer;
	display: none;
}

#nav-button {
	width: 30px;
	height: 20px;
	position: relative;
	z-index: 1001;
/*	top: 35px;
	left: 35px;*/
	margin: 0;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
}

#nav-button span {
	display: block;
	position: absolute;
	height: 2px;
	border-radius: 8px;
	width: 100%;
	background: #FFF;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

#nav-button span:nth-child(1) {
	top: 0px;
}

#nav-button span:nth-child(2) {
	top: 8px;
}

#nav-button span:nth-child(3) {
	top: 16px;
}

#nav-button-wrapper.open #nav-button span {
	background-color: #FFF;
}

#nav-button-wrapper.open #nav-button span:nth-child(1) {
	top: 8px;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}

#nav-button-wrapper.open #nav-button span:nth-child(2) {
	opacity: 0;
	left: -40px;
}

#nav-button-wrapper.open #nav-button span:nth-child(3) {
	top: 8px;
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

@media only screen and (max-width: 1340px) {

	.wrapper-1300 {
		width: calc(100% - 40px);
	}

	.block .img-wrapper {
		width: 40%;
		max-width: 300px;
		height: auto;
	}

	#pageblock-start .block .img-wrapper span.fotonachweis {
		bottom: auto;
		top: calc(100% - 20px - 0.5rem);
		padding: 0.3rem 0.4rem;
	}

	.blog-block .content-wrapper,
	.ansprechpartner-block .content-wrapper {
		width: calc(100% - 40%);
	}

.content-wrapper img.alignnone, .content-wrapper img.aligncenter { 
		max-width: 100%;
		height: auto;
}
.content-wrapper img.alignleft, .content-wrapper img.alignright { 
		max-width: calc(100% - 40%);
		height: auto;
}
}

@media only screen and (max-width: 1314px) {
	form#veranstaltungsauswahl div.zielgruppe {
		width: 100%;
		-webkit-box-flex: 1;
		    -ms-flex: 1 1 100%;
		        flex: 1 1 100%;
		margin-bottom: 0.5rem;
	}
}

@media only screen and (max-width: 1179px) {

	h3 {
	    font-size: 1.45rem;
	}

	nav#mainnav {
		font-size: 1rem;
	}

	div.angebote .angebot h3 {
		font-size: 1.1rem;
		max-width: 60%;
	}

	.content {
	    width: calc(100% - 370px);
	}

	.content-aside {
	    width: 370px;
	}

}

@media only screen and (max-width: 1089px) {

	nav#mainnav {
		
	}

	.content {
	    width: calc(100%);
	    padding-right: 0;
	}

	#single-veranstaltung .content {
		padding-right: 0;
	}

	.content-aside {
	    width: 100%;
	    padding: 0;

	}

	div.angebote .angebot {
		width: 100%;
	}

}

@media only screen and (min-width: 651px) {

	header#main-header span.fotonachweis {
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
		-webkit-transform-origin: 100% 100%;
		transform-origin: 100% 100%;
		right: 1.5rem;
		bottom: 3rem;
	}

}

@media only screen and (min-width: 1361px) {

	header#main-header span.fotonachweis {
		bottom: calc(40px + 0.3rem);
	}

}

@media only screen and (max-width: 1090px) {
	nav#topnav li:not(:nth-child(-n+2)) {
		display: none;
	}

	.pageblock#pageblock-bistuemer div.bistuemer {
		padding: 1rem 1rem 2rem;
	}

	body.home header#main-header {
		height: 40vh;
	}

	body.home #main-container {
	    padding-top: 40vh;
	}

	#main-container .pageblock#pageblock-start > .wrapper-1300, 
	#single-veranstaltung > .wrapper-1300, 
	#veranstaltung-login >.wrapper-1300, 
	#page-kontakt >.wrapper-1300 {
		padding: 0 1.5rem;
	}

	.content.full {
		padding: 0.1px 1.5rem;
	}

	#pageblock-kontakt.pageblock div#map-canvas {
		right: 1.5rem;
	}

	footer#page-footer > .wrapper-1300 {
		height: auto;
	}

	div.vcard {
		width: 100%;
	}

}

@media only screen and (max-width: 850px) {

	table#veranstaltungen div.veranstaltung div.veranstaltung-footer {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: left;
		    -ms-flex-align: left;
		        align-items: left;
	}

	table#veranstaltungen div.veranstaltung div.veranstaltung-footer > :not(:first-of-type) {
		text-align: left;
	}

	table#veranstaltungen div.veranstaltung div.veranstaltung-footer > * {
		width: auto;
	}

	table#veranstaltungen div.veranstaltung div.veranstaltung-footer > :not(:last-of-type) {
		margin-bottom: 0.2rem;
	}

	table#veranstaltungen div.veranstaltung div.veranstaltung-footer > :last-child {
		margin-left: auto;
	}

}


@media only screen and (max-width: 800px) and (orientation: portrait) {

	#main-container .pageblock#pageblock-start > .wrapper-1300, 
	#single-veranstaltung > .wrapper-1300, 
	#veranstaltung-login >.wrapper-1300, 
	#page-kontakt >.wrapper-1300 {
		padding: 0 0;
	}

	.content.full {
		padding: 0.1px 0;
	}

	#pageblock-kontakt.pageblock div#map-canvas {
		right: 0;
		top: 0;
		margin-left: -1.8rem;
		position: relative;
		width: calc(100% + 1.8rem + 1.8rem);
		height: 300px;
		margin-top: -1.8rem;
	}

	#pageblock-kontakt.pageblock div#map-canvas::before {
		display: none;
	}

	#pageblock-kontakt.pageblock .floated {
		width: 100%;
		padding-right: 0;
		padding-top: 2rem;
	}

}

@media only screen and (max-width: 719px) {
	form#veranstaltungsauswahl div.zielgruppen-switches {
		display: block;
	}
}

@media only screen and (max-width: 710px) {
	
	.pageblock-single-page .block ul.pagination li a {
		margin: 0 0.2rem;
	}

}

@media only screen and (max-height: 500px) {

	header#main-header {
		height: 55px !important;
	}

	.slide-wrapper {
		display: none;
	}

	#mainnav-wrapper, body:not(.home) #mainnav-wrapper {
	    top: 35px;
	    position: fixed;
	    height: 55px;
	}

	nav#mainnav > li > a {
	    padding: 0.75rem 1rem;
	}


	body.home #main-container, #main-container {
	    padding-top: 65px;
	}

	#mainnav-wrapper > div > a {
		opacity: 1;
		-webkit-transform: translateX(0);
		        transform: translateX(0);
	}

	nav#mainnav {
		height: 51px;
	}

	nav#mainnav ul.sub-menu {
		top: 51px;
	}

	header#main-header img#navlogo {
		height: 40px;
	}

	header#main-header img#mainlogo {
		display: none;
	}
}

@media only screen and (max-width: 650px) {

	#topnav-wrapper {
		display: none;
	}

	#nav-button-wrapper {
		display: block;
	}

	#mainnav-wrapper,
	body:not(.home) #mainnav-wrapper {
		top: 0;
		position: fixed;
		height: 55px;
	}

	nav#mainnav {
		position: fixed;
		z-index: 1000;
		width: 370px;
		height: 100%;
		left: 0;
		top: 0;
		background-color: rgba(60,59,58,1);
		-webkit-transform: translateX(-370px);
		transform: translateX(-370px);
		-webkit-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
	    -webkit-box-orient: vertical;
	    -webkit-box-direction: normal;
	        -ms-flex-direction: column;
	            flex-direction: column;
        -webkit-box-pack: normal;
            -ms-flex-pack: normal;
                justify-content: normal;
    	-webkit-box-align: left;
    	    -ms-flex-align: left;
    	        align-items: left;
    	padding: 0 2.2rem;
    	padding-top: 60px;
	}

	nav#mainnav.nav-active {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
	}

	nav#mainnav > li {
		height: auto;
	}

	nav#mainnav ul.sub-menu {
	    top: 0;
	    position: relative;
	    background-color: transparent;
	    color: #FFF;
	    padding-top: 0;
	    margin: 0;
	}

	/*header#main-header,
	.rslides li, .rslides {
		height: 250px !important;
		border-bottom: 4px solid rgba(250,250,250,1);
	}*/

	header#main-header > .wrapper-1300 {
		width: 100%;
	}

	body.home header#main-header img#mainlogo,
	body:not(.home) header#main-header img#mainlogo {
		position: fixed;
	    width: 40px;
		right: 0.5rem;
		top: 20px;
	    z-index: 100000;
	    display: block;
	}

	header#main-header img#navlogo {
		display: none;
	}

/*	body.home #main-container {
		padding-top: calc(40vh - 2rem);
	}*/

	body.home #main-container, #main-container {
		padding-top: calc(40vh + 0.6rem);
	}

	header#main-header span.fotonachweis {
		bottom: 0.5rem;
	}

	.content {
		padding-top: 1.5rem;
	}

	#pageblock-bistuemer.pageblock div.bistuemer {
	    -webkit-box-orient: vertical;
	    -webkit-box-direction: normal;
	        -ms-flex-direction: column;
	            flex-direction: column;
	}

	.block .img-wrapper span.fotonachweis {
		top: calc(100% + 0.5rem);
		padding: 0;
	}

	form#veranstaltungsauswahl div.switches.sort h3,
	form#veranstaltungsauswahl div.switches.veranstalter,
	form#veranstaltungsauswahl div.faecher {
		width: 100%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}

	form#veranstaltungsauswahl div.switches.sort h3,
	form#veranstaltungsauswahl div.switches.suche h3, 
	form#veranstaltungsauswahl div.switches.faecher h3 {
		margin-bottom: 0.5rem;
	}


}

@media only screen and (max-width: 555px) {

	.block ul.pagination li.previous,
	.block ul.pagination li.next {
		display: none;
	}
}

@media only screen and (max-width: 430px) {

	.content {
		padding-top: 0.1px;
	}
	
	nav#mainnav {
		width: 100%;
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		padding: 50px 0 30px 30px;
	}

	nav#mainnav > li > a {
		padding: 0.5rem 0;
	}

	nav#mainnav ul.sub-menu li {
		white-space: initial;
	}

	nav#mainnav ul.sub-menu {
		padding-left: 0.5rem;
	}

	nav#mainnav ul.sub-menu li:not(:last-child) {
		margin-bottom: 0.2rem;
	}


	h2 {
	    font-size: 1.65rem;
	    font-weight: 400;
	    margin-bottom: 0.8rem;
	    line-height: 1.2;
	}

	h3 {
	    font-size: 1.25rem !important;
	}

	div.angebote .angebot {
		height: 75px;
		margin: 0.5rem 0;
	}

	div.angebote .angebot img {
	    width: 75px;
	    height: 75px;
	    margin-right: 1rem;
	}

	div.angebote .angebot h3 {
		font-size: 1rem  !important;
	}

	.angebot::before, .angebot::after {
	    line-height: 75px;
	}

	.block.yellow h3, .block.anmeldung h3 {
		font-size: 1.45rem;
	}

	.block.yellow:before, .block.yellow:after, .block.anmeldung:before, .block.anmeldung:after, .angebot:before, .angebot:after {
		right: 1.5rem;
		font-size: 3rem;
	}

	.block.yellow:after, .block.anmeldung:after, .angebot:after {
	    right: 2.3rem;
	}

	.block.yellow:hover:before,
	.block.yellow:hover:after,
	.block.anmeldung:hover:before,
	.block.anmeldung:hover:after,
	.angebot:hover:before,
	.angebot:hover:after {
		color: rgba(60,59,58,0.75);
		right: 1.2rem;
	}

	.block h3.icon-question {
	    padding-left: 2.2rem;
	}

	.block h3.icon-question:before {
		width: 24px;
	}

	.wrapper-1300 {
	    width: calc(100% - 20px);
	}

	.block {
		padding: 1rem;
		margin-bottom: 1rem;
	}

	.block .img-wrapper {
		width: 30%;
		margin: -1rem 1rem 1rem -1rem;
		float: left;
	}

	.block.blog-block {
		display: block;
	}

	body.blog .block .img-wrapper {
		width: 100%;
		height: auto;
		float: none;
		max-width: 100%;
		margin-bottom: 0.5rem;
	}

	body.blog .block .img-wrapper img {
		width: 100%;
	}

	body.blog .block .img-wrapper span.fotonachweis {
	   	top: calc(100% - 20px - 0.5rem);
	    padding: 0.3rem 0.4rem;
	}

	.blog-block .content-wrapper,
	.ansprechpartner-block .content-wrapper {
	    width: 100%;
	}

	.blog-block .content-wrapper p:first-of-type {
		clear: left;
	}

	#main-container .pageblock-single-page, #main-container .pageblock-single-post {
	    padding-top: 0;
	}

	/*header#main-header,
	.rslides li, .rslides {
		height: 200px !important;
		border-bottom: 4px solid rgba(250,250,250,1);
	}*/

	#main-container {
		padding-top: 65px;
	}

/*	body.home #main-container {
		padding-top: calc(40vh + 10px);
	}*/

	header#main-header > .wrapper-1300 {
		width: 100%;
	}

	div.angebote .angebot {
	    padding: 0 3rem 0 0;
	}

	#pageblock-kontakt.pageblock div#map-canvas {
	    margin-left: -1rem;
	    width: calc(100% + 2rem);
	    margin-top: -1rem;
	}

	body.single .block .img-wrapper {
		display: none;
	}


}

@media only screen and (max-width: 399px) {

	div.vcard > p {
		padding-left: 0;
		clear: left;
	}

	div.vcard img {
		width: 65px;
		margin: 0 0.5rem 0.8rem 0;
	}

	.block .img-wrapper {
		width: 100%;
		margin: 0 0 1rem;
		float: none;
		max-width: 100%;
	}

	.block .img-wrapper img {
	    width: 100%;
	}

}

@media only screen and (max-width: 360px) {

	#pageblock-bistuemer.pageblock div.bistuemer img {
		max-width: 100%;
		height: auto;
		min-height: 1px;
		margin: 0 0 0.5rem;;
	}

}

@media only screen and (max-height: 500px) {

	header#main-header {
		height: 55px !important;
	}

	.slide-wrapper {
		display: none;
	}

	body.home #main-container, #main-container {
	    padding-top: 65px;
	}

}

/*@media only screen and (max-height: 600px) {

	nav#mainnav > li {
		line-height: 1;
	}

	nav#mainnav > li > a {
	    padding: 0.45rem 0.75rem;
	}

}*/

/*@media only screen and (max-height: 570px) {

	header#main-header, 
	.rslides li, 
	.rslides {
		height: 160px !important;
	}

	body.home #main-container, #main-container {
	    padding-top: 170px;
	}
}*/