/** Anpassungen auf Auflösungen 480px, 768px, 1024px, 1280px, 1440px, 1920px **/
/** Mobile & IPad Portrait **/

.only-mobile {
	display: none;
}
.no-mobile {
		display: block;
	}

@media only screen and (max-width: 480px) { /** was 480px **/
	
	.no-mobile {
		display: none;
	}
	.only-mobile {
		display: block;
	}	
	
	/** Abstände **/
	.standard > div, 
	.autorenkasten > div, 
	.zitat > div, 
	.hervorhebung > div, 
	.image_small, 
	.video, 
	.slider, 
	.linkkasten_bilder {
    	margin-bottom: 0;
	}
	
	/** AUFMACHER **/
	.image .ce-bodytext {
	  	bottom: 40px;
	  	width: 100%;
	  	top: inherit;
	  	transform: inherit;
	  	-ms-transform: inherit;
	}
	.image h1 {
		font-size: calc(53px - 2vw);
		padding-left: 20px;
		padding-right: 20px;
		}
	.image h2 {
		font-size: calc(35px - 2vw);
		padding-left: 20px;
		padding-right: 20px;
		}
	ul.imagenavigation_down {
	 	display: none;
	}
	/** TEASER **/
	.image-teaser .ce-bodytext p {
    	font-size: calc(35px - 3vw);
    	padding: 50px 20px;
	}
	/** Einleitung **/
	.autorenkasten {
    	padding: 50px 0;
	}
	.autorenkasten .neg-einzug > h2,
	.textbeitrag  > h2 {
		font-size: calc(75px - 5vw);
	}
	/** Video Bieker **/
	.video.frame-blue {
    	padding-top: 0;
    	padding-bottom: 10px;    	
	}
	.video header > h1 {
		font-size: calc(75px - 5vw);
		margin-bottom: 0;
	}
	.video header > h2 {
 		font-size: calc(35px - 2vw);
 		margin-bottom: 20px;
	}
	.video .image-caption  {
  		font-size: calc(25px - 2vw);
	}
	/** Text & Zitat **/
	.textabsatz {
    	padding-top: 40px;
    	padding-bottom: 40px;
	}
	.zitat p:first-child {
		font-size: calc(40px - 2vw);
	}
	.zitat > div {
    	margin: 30px auto;
	}
	
	/** Timeline **/
	.timeline {
	overflow: visible;
	}
	
	.timeline h2 {
		font-size: calc(75px - 5vw);
	}
	.timeline p.teaser {
		font-size: calc(35px - 2vw);
	}		
	
	.timeline .tab-content p {
		position: relative;
		top: 0 !important;
		padding: 0 0 10px 10px;
	}
	.timeline .tab-content {
		max-height: initial;
	}
	
	.timeline .tab-content img {
		/*width: 100%;*/
		border-left: 1px solid #b5152b;
	}
	.timeline .nav-tabs li a {
		font-size: calc(24px - 2vw);
	}
	
	.timeline .nav-tabs li a::before {
		left: 1px;
		top: -98px;
	}
	
	/** Bereit/Grafik **/
	.image_article header {
		padding-left: 0 !important;
		padding-righ: 0 !important;
	}
	.image_article header h2 {
		font-size: calc(75px - 5vw);
	}
	.image_article .ce-bodytext p {
		font-size: calc(35px - 2vw);
	}
	
	/** Galerie/Kuratorium **/
	.kuratorium.frame-blue {
    	padding-top: 50px;
    	padding-bottom: 10px;
    	margin-bottom: 0px;
	}
	.kuratorium header > h1 {
		font-size: calc(75px - 5vw);
		margin-top: 0;
		margin-bottom: 0;
	}
	.kuratorium header > h2 {
		font-size: calc(35px - 2vw);
		margin-bottom: 20px;
	}
	
	/** Fakten/Tabs **/
	.tabs .custom-select {
		display: block;
		padding: 20px 20px !important;
		font-size: 20px;
	}
	
	.tabs .nav-tabs {
		display: none;
	}
	
	.tabs h2 {
		font-size: calc(75px - 5vw);
		margin-top: 50px;
		margin-bottom: 0;
	}
	.tabs p.teaser{
		font-size: calc(35px - 2vw);
		margin-top: 0;
		margin-bottom: 10px;
	}
		
	.tabs .nav-tabs li {
		width: 100%;
	}
	.tabs .nav-tabs li a {
		padding: 20px 20px;
		font-size: 20px;
	}
	.tab-content p {
    	padding: 20px 20px;
    	color: #383737;
    	font-size: 20px;
	}
	.tab-content ul {
    	padding: 20px 40px 20px 40px;
    	color: #383737;
    	font-size: 20px;
	}
	/** Galerie/Fördern **/
	.slider header {
    	width: 100%;
	}
	.slider header h2 {
		font-size: calc(75px - 5vw);
	}
	.slider header h3 {
		font-size: calc(35px - 2vw);
	}
	.slider figcaption	{
    	font-size: calc(24px - 2vw);
    	width: 100%;
	}
	.slider figcaption h3 {
		font-size: calc(24px - 2vw);
	}
	
	/** Hilfe **/
	.help h2 {
		font-size: calc(75px - 5vw);
	}
	.help h3 {
		font-size: calc(35px - 2vw);
	}
	.help p:last-of-type {
		margin-bottom: 50px;
	}
	
	.help p.teaser {
		font-size: calc(35px - 2vw);
	}
	
	/** Wappen **/
	.wappen h2 {
		font-size: calc(75px - 5vw);

	}
	.wappen p.teaser{
		font-size: calc(35px - 2vw);
	}
	.overlay {
		display: none;
	}
	.overlay-mobile,
	.overlay-mobile-logo,
	.overlay-mobile-pelikan,
	.overlay-mobile-spaten,
	.overlay-mobile-brot {
		height: 0;
		visibility: hidden;
	}
	.overlay-mobile.visible,
	.overlay-mobile-logo.visible,
	.overlay-mobile-pelikan.visible,
	.overlay-mobile-spaten.visible,
	.overlay-mobile-brot.visible {
		height: auto;
		visibility: visible;
	}
	.only-mobile .more {
		color: #fff;
		text-decoration: underline;
	}
	.card {
    	min-height: auto;
    	display:  block;
    }
    .flipped .front { 
    	-webkit-transform: rotateY(0deg);
    	-ms-transform: rotateY(0deg);
    	-moz-transform: rotateY(0deg);
    	transform: rotateY(0deg);
	}
	.flipped .back, .back { /** Dreh-Effekt für Mobile ausschalten **/
	   	display: none;
	}
	
	/** Anfahrt **/
	.anfahrt h2,
	.textsite h2 {
		font-size: calc(75px - 5vw);
	}
	.anfahrt h3 {
		font-size: 30px;
	}
	
	
	.anfahrt p:last-of-type {
		margin-bottom: 50px;
	}
	/** Footer **/
	
	/** Slide-Ins **/	
	.slide-in {
		position: static;
		right: 0 !important;
		left: 0;	
		top: 0;
		min-width: 100%;	
		height: 50px;	
	  	background-position: center center;
	  	background-size: 61px 50px;
	  	padding-top: 50px;
	  	padding-left: 0;  	
	  	margin-bottom: -42px;
	  	margin-top: 10px;
	}
	
	.slide-in > div { 
		padding: 60px 20px; 
		overflow: hidden;
		cursor: default;
		height: 100%;
		max-width: 100%;
	}
	
	/** Contact **/
	.slide-contact,
	.slide-contact-2 {
		background-color: #B5152B;
		border-bottom: 2px solid #fff;
		border-top: 2px solid #fff;
		border-left: none;
		background-image: url(/img/mob-slide-in.svg);
		margin-top: 30px;
		margin-bottom: -40px;
		}
	.slide-book,
	.slide-contact-wht {
		background-color: #fff;
		border-top: 2px solid #707070;
		border-bottom: 2px solid #707070;
		border-left: none;
		background-image: url(/img/mob-slide-in-blk.svg);
	}	
	
	.slide-contact-wht.set-visible,
	.slide-book.set-visible {
		height: auto;
		transition: height .2s ease-in;
		background-position: center 0;	
		background-image: url(/img/mob-slide-in-blk-rev.svg);	
	}
	
	.slide-contact.set-visible,
	.slide-contact-2.set-visible {
		height: auto;
		transition: height .2s ease-in;
		background-position: center 0;
		background-image: url(/img/mob-slide-in-rev.svg);	
	}	
	
	#slidewrap-C {
		margin-left: 3rem;
    	margin-right: 3rem;
	}
	
	footer img {
		width: 75%;
	}
	
	#organigramm-drag-image {
		left: calc(-600px + 50%);
		width: 1200px;
	}
	
	.overlay-alexius-inner {
		margin: 0 10px;	
	}
	
	.overlay-alexius-inner img {
		display: none;
	}
	
	.overlay-alexius-inner h2 {
		margin-top: 0;
		font-size: 45px;
	}
	
	.overlay-alexius-inner p {
		font-size: 20px;
	}
}	


@media only screen and (min-width:481px) and (max-width: 767px) {	
	
	.no-mobile {
		display: none;
	}
	.only-mobile {
		display: block;
	}	
	
	/** Abstände **/
	.standard > div, 
	.autorenkasten > div, 
	.zitat > div, 
	.hervorhebung > div, 
	.image_small, 
	.video, 
	.slider, 
	.linkkasten_bilder {
    	margin-bottom: 0;
	}
	
	/** AUFMACHER **/
	.image .ce-bodytext {
	  	bottom: 40px;
	  	width: 100%;
	  	top: inherit;
	  	transform: inherit;
	  	-ms-transform: inherit;
	}
	.image h1 {
		font-size: 53px;
		padding-left: 20px;
		padding-right: 20px;
		}
	.image h2 {
		font-size: 35px;
		padding-left: 20px;
		padding-right: 20px;
		}
	ul.imagenavigation_down {
	 	display: none;
	}
	/** TEASER **/
	.image-teaser .ce-bodytext p {
    	font-size: 28px;
    	padding: 50px 20px;
	}
	/** Einleitung **/
	.autorenkasten {
    	padding: 50px 0;
	}
	.autorenkasten .neg-einzug > h2,
	.textbeitrag  > h2 {
		font-size: calc(80px - 5vw);
	}
	/** Video Bieker **/
	.video.frame-blue {
    	padding-top: 0;
    	padding-bottom: 10px;    	
	}
	.video header > h1 {
		font-size: calc(80px - 5vw);
		margin-bottom: 0;
	}
	.video header > h2 {
 		font-size: calc(35px - 2vw);
 		margin-bottom: 20px;
	}
	.video .image-caption  {
  		font-size: calc(25px - 1vw);
	}
	/** Text & Zitat **/
	.textabsatz {
    	padding-top: 40px;
    	padding-bottom: 40px;
	}
	.zitat p:first-child {
		font-size: calc(40px - 2vw);
	}
	.zitat > div {
    	margin: 30px auto;
	}
	
	/** Timeline **/
	.timeline {
	overflow: visible;
	}
	
	.timeline h2 {
		font-size: calc(80px - 5vw);
	}
	.timeline p.teaser {
		font-size: calc(35px - 2vw);
	}
	.timeline .tab-content {
		max-height: initial;
	}
	
	.timeline .tab-content p {
		position: relative;
		top: 0 !important;
		padding: 0 0 10px 10px;
	}
	.timeline .tab-content img {		
		border-left: 1px solid #b5152b;
	}
	.timeline .nav-tabs li a {
		font-size: 20px;
	}
	
	/** Bereit/Grafik **/
	.image_article header {
		padding-left: 0 !important;
		padding-righ: 0 !important;
	}
	.image_article header h2 {
		font-size: calc(80px - 5vw);
	}
	.image_article .ce-bodytext p {
		font-size: calc(35px - 2vw);
	}
	
	/** Galerie/Kuratorium **/
	.kuratorium.frame-blue {
    	padding-top: 50px;
    	padding-bottom: 10px;
    	margin-bottom: 00px;
	}
	.kuratorium header > h1 {
		font-size: calc(80px - 5vw);
		margin-top: 0;
		margin-bottom: 0;
	}
	.kuratorium header > h2 {
		font-size: calc(35px - 2vw);
		margin-bottom: 20px;
	}
	
	/** Fakten/Tabs **/
	.tabs .custom-select {
		display: block;
		padding: 20px 20px !important;
		font-size: 20px;
	}
	
	.tabs .nav-tabs {
		display: none;
	}
	
	.tabs h2 {
		font-size: calc(80px - 5vw);
		margin-top: 50px;
		margin-bottom: 0;
	}
	.tabs p.teaser{
		font-size: calc(35px - 2vw);
		margin-top: 0;
		margin-bottom: 10px;
	}
	.tabs .nav-tabs li {
		width: 100%;
	}
	.tabs .nav-tabs li a {
		padding: 20px 20px;
		font-size: 20px;
	}
	.tab-content p {
    	padding: 20px 20px;
    	color: #383737;
    	font-size: 20px;
	}
	.tab-content ul {
    	padding: 20px 40px 20px 40px;
    	color: #383737;
    	font-size: 20px;
	}
	
	/** Galerie/Fördern **/
	.slider header {
    	width: 100%;
	}
	.slider header h2 {
		font-size: calc(80px - 5vw);
	}
	.slider header h3 {
		font-size: calc(35px - 2vw);
	}
	.slider figcaption	{
    	font-size: 24px - 1vw);
    	width: 100%;
	}
	.slider figcaption h3 {
		font-size: 24px;
	}
	
	/** Hilfe **/
	.help h2 {
		font-size: calc(80px - 5vw);
	}
	.help h3 {
		font-size: 35px;
	}
	.help p:last-of-type {
		margin-bottom: 50px;
	}
	.help p.teaser {
		font-size: calc(35px -1vw);
	}
	
	/** Wappen **/
	.wappen h2 {
		font-size: calc(80px - 5vw);

	}
	.wappen p.teaser{
		font-size: calc(35px - 2vw);
	}
	.overlay {
		display: none;
	}
	.overlay-mobile,
	.overlay-mobile-logo,
	.overlay-mobile-pelikan,
	.overlay-mobile-spaten,
	.overlay-mobile-brot {
		height: 0;
		visibility: hidden;
	}
	.overlay-mobile.visible,
	.overlay-mobile-logo.visible,
	.overlay-mobile-pelikan.visible,
	.overlay-mobile-spaten.visible,
	.overlay-mobile-brot.visible {
		height: auto;
		visibility: visible;
	}
	.only-mobile .more {
		color: #fff;
		text-decoration: underline;
	}
	.card {
    	min-height: auto;
    	display:  block;
    }
    .flipped .front { 
    	-webkit-transform: rotateY(0deg);
    	-ms-transform: rotateY(0deg);
    	-moz-transform: rotateY(0deg);
    	transform: rotateY(0deg);
	}
	.flipped .back, .back { /** Dreh-Effekt für Mobile ausschalten **/
	   	display: none;
	}
	
	/** Anfahrt **/
	.anfahrt h2,
	.textsite h2 {
		font-size: calc(80px - 5vw);
	}
	.anfahrt h3 {
		font-size: 30px;
	}
	.anfahrt p:last-of-type {
		margin-bottom: 50px;
	}
	/** Footer **/
	
	/** Slide-Ins **/	
	.slide-in {
		position: static;
		right: 0 !important;
		left: 0;	
		top: 0;
		height: 50px;	
	  	background-position: center 00px;
	  	background-size: 61px 50px;
	  	padding-top: 50px;
	  	margin-bottom: -42px;
	  	margin-top: 10px;
	}
	
	.slide-in > div { 
		padding: 60px 50px; 
		overflow: hidden;
		cursor: default;
		height: 100%;
		max-width: 100%;
	}
	
	/** Contact **/
	.slide-contact,
	.slide-contact-2 {
		background-color: #B5152B;
		border-top: 2px solid #fff;
		border-bottom: 2px solid #fff;	
		border-left: none;
		background-image: url(/img/mob-slide-in.svg);
		margin-top: 30px;
		margin-bottom: -40px;
		}
	.slide-book,
	.slide-contact-wht {
		background-color: #fff;
		border-top: 2px solid #707070;
		border-bottom: 2px solid #707070;
		border-left: none;
		background-image: url(/img/mob-slide-in-blk.svg);
	}	
	
	.slide-contact.set-visible,
	.slide-contact-2.set-visible,
	.slide-contact-wht.set-visible,
	.slide-book.set-visible {
		height: auto;
		transition: height .2s ease-in;
		background-position: center 0px;
		background-image: url(/img/mob-slide-in-rev.svg);	
	}	
	
	.slide-contact-wht.set-visible,
	.slide-book.set-visible {
		background-image: url(/img/mob-slide-in-blk-rev.svg);	
	}
	
	#slidewrap-C {
		margin-left: 3rem;
    	margin-right: 3rem;
	}
	
	footer img {
		width: 75%;
	}
	
	#organigramm-drag-image {
		left: calc(-600px + 50%);
		width: 1200px;
	}
	
	.overlay-alexius-inner {
		margin: 0 10px;	
	}
	
	.overlay-alexius-inner img {
		display: none;
	}
	
	.overlay-alexius-inner h2 {
		margin-top: 0;
		font-size: 45px;
	}
	
	.overlay-alexius-inner p {
		font-size: 20px;
	}
	
}
/************************/



/***********/


@media only screen and (min-width: 992px) and (max-width: 1023px) {
	/** AUFMACHER **/
	.image .ce-bodytext {
	  	bottom: 40px;
	  	width: 100%;
	  	top: inherit;
	  	transform: inherit;
	  	-ms-transform: inherit;
	}
	.image h1 {
		font-size: 53px;
		padding-left: 20px;
		padding-right: 20px;
		}
	.image h2 {
		font-size: 35px;
		padding-left: 20px;
		padding-right: 20px;
		}
		
	/** 85er Font-Size **/
	.autorenkasten .neg-einzug > h2,
	.textbeitrag  > h2,
	.video header > h1,
	.timeline h2,
	.image_article header h2,
	.kuratorium header > h1,
	.tabs h2,
	.slider header h2,
	.help h2,
	.wappen h2,
	.anfahrt h2,
	.textsite h2 {
		font-size: 50px;
	}
	/** 35er Font-Size **/
	.autorenkasten .neg-einzug p,
	.textbeitrag > p:first-of-type,
	.image h2,
	.image-teaser .ce-bodytext p,
	.video header > h2,
	.timeline p.teaser,
	.image_article .ce-bodytext p,
	.kuratorium header > h2,
	.tabs p.teaser,
	.slider header h3,
	.help h3,
	.wappen p.teaser {
		font-size: 28px;
	}
	.timeline .tab-content p {		
		font-size: 18px;
	}
	.nav-tabs li a {
		padding: 15px 30px 15px 30px;
		font-size: 20px;
	}
	.tab-content p {
    	padding: 30px 50px;    
    	font-size: 30px;
	}
	.tab-content ul {
    	padding: 30px 50px 50px 70px;    
    	font-size: 30px;
	}
	.slider header,
	.slider figcaption {
		width: 90%;
	}
	.card {
		min-height: 450px;
	}
	.card.back figcaption {
		padding: 0 20px;
	}
	.card p {
		font-size: 20px;
	}
	.overlay p {
		font-size: 20px;
	}
	.video .image-caption {
		font-size: 20px;
	}
	
	#organigramm-drag-image {
		left: calc(-800px + 50%);
		width: 1600px;
	}
	
	.overlay-alexius-inner h2 {
		margin-top: 0;
		font-size: 45px;
	}
	
	.overlay-alexius-inner p {
		font-size: 20px;
	}
	
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	/** AUFMACHER **/
	.image .ce-bodytext {
	  	bottom: 40px;
	  	width: 100%;
	  	top: inherit;
	  	transform: inherit;
	  	-ms-transform: inherit;
	}
	.image h1 {
		font-size: 53px;
		padding-left: 20px;
		padding-right: 20px;
		}
	.image h2 {
		font-size: 35px;
		padding-left: 20px;
		padding-right: 20px;
		}
		
	/** 85er Font-Size **/
	.autorenkasten .neg-einzug > h2,
	.textbeitrag  > h2,
	.video header > h1,
	.timeline h2,
	.image_article header h2,
	.kuratorium header > h1,
	.tabs h2,
	.slider header h2,
	.help h2,
	.wappen h2,
	.anfahrt h2,
	.textsite h2 {
		font-size: 50px;
	}
	/** 35er Font-Size **/
	.autorenkasten .neg-einzug p,
	.textbeitrag > p:first-of-type,
	.image h2,
	.image-teaser .ce-bodytext p,
	.video header > h2,
	.timeline p.teaser,
	.image_article .ce-bodytext p,
	.kuratorium header > h2,
	.tabs p.teaser,
	.slider header h3,
	.help h3,
	.wappen p.teaser {
		font-size: 28px;
	}
	
	.video.frame-blue,
	.kuratorium.frame-blue  {
		padding-top: 50px;
	}
	.video header > h1,
	.kuratorium header > h1  {
		margin-top: 0;
		margin-bottom: 0;
	}
	.video header,
	.kuratorium header {
		margin-bottom: 30px;
	}
	.timeline {
	overflow: visible;
	}
	.textabsatz .text {
		padding-right: 40px;
	}
	.timeline .tab-content p {
		position: relative;
		top: 0 !important;
		padding: 0 0 10px 10px;
	}
	.timeline .tab-content > .active {
		background: transparent;
	}
	.timeline .tab-content {
		max-height: initial;
	}
	
	.timeline .tab-content p {
		position: relative;
		top: 0 !important;
		padding: 0 0 10px 10px;
	}
	.timeline .tab-content img {;
		border-left: 1px solid #b5152b;
	}
	.timeline .nav-tabs li a {
		font-size: 20px;
	}
	.nav-tabs li a {
		padding: 15px 20px 15px 20px;
		font-size: 18px;
	}
	.tab-content p,
	.tab-content ul {
    	padding: 30px 50px;    
    	font-size: 25px;
	}
	 
	.slider header,
	.slider figcaption {
		width: 90%;
	}
	
	.help {
		padding-bottom: 70px;
	}
	.help p {
		padding-right: 40px;
	}
	.overlay h2 {
		padding-left: 50px;
		padding-right: 50px;
	}
	.overlay p {
		padding: 15px 50px !important;
	}
	
	.no-mobile {
		display: none;
	}
	.only-mobile {
		display: block;
	}	
	
	/** Wappen **/
	.wappen h2 {
		font-size: calc(85px - 5vw);

	}
	.wappen p.teaser{
		font-size: calc(35px - 2vw);
	}
	.overlay {
		display: none;
	}
	.overlay-mobile,
	.overlay-mobile-logo,
	.overlay-mobile-pelikan,
	.overlay-mobile-spaten,
	.overlay-mobile-brot {
		height: 0;
		visibility: hidden;
	}
	.overlay-mobile.visible,
	.overlay-mobile-logo.visible,
	.overlay-mobile-pelikan.visible,
	.overlay-mobile-spaten.visible,
	.overlay-mobile-brot.visible {
		height: auto;
		visibility: visible;
	}
	.only-mobile .more {
		color: #fff;
		text-decoration: underline;
	}
	.card {
    	min-height: auto;
    	display:  block;
    }
    .flipped .front { 
    	-webkit-transform: rotateY(0deg);
    	-ms-transform: rotateY(0deg);
    	-moz-transform: rotateY(0deg);
    	transform: rotateY(0deg);
	}
	.flipped .back, .back { /** Dreh-Effekt für Mobile ausschalten **/
	   	display: none;
	}
	
		/** Slide-Ins **/	
	.slide-in {
		position: static;
		right: 0 !important;
		left: 0;	
		top: 0;
		height: 50px;	
	  	background-position: center 0px;
	  	background-size: 61px 50px;
	  	padding-top: 50px;
	  	margin-bottom: -70px;
	  	margin-top: 10px;
	}
	
	.slide-in > div { 
		padding: 60px 50px; 
		overflow: hidden;
		cursor: default;
		height: 100%;
		max-width: 100%;
	}
	
	/** Contact **/
	.slide-contact,
	.slide-contact-2 {
		background-color: #B5152B;
		border-top: 2px solid #fff;
		border-bottom: 2px solid #fff;	
		border-left: none;
		background-image: url(/img/mob-slide-in.svg);
		margin-top: 30px;
		margin-bottom: -70px;
		}
	.slide-book,
	.slide-contact-wht {
		background-color: #fff;
		border-top: 2px solid #707070;
		border-bottom: 2px solid #707070;
		border-left: none;
		background-image: url(/img/mob-slide-in-blk.svg);
		margin-bottom: -50px;
	}	
	
	.slide-contact.set-visible,
	.slide-contact-2.set-visible,
	.slide-contact-wht.set-visible,
	.slide-book.set-visible {
		height: auto;
		transition: height .2s ease-in;
		background-position: center 0px;
		background-image: url(/img/mob-slide-in-rev.svg);
	}	
	
	.slide-contact-wht.set-visible,
	.slide-book.set-visible {
		background-image: url(/img/mob-slide-in-blk-rev.svg);	
	}
	
	
	.anfahrt h3 {
		font-size: 30px;
		margin-top: 1em;
	}
	
	#organigramm-drag-image {
		left: calc(-800px + 50%);
		width: 1600px;
	}
	
	.overlay-alexius-inner {
		margin: 0 10px;	
	}
	
	.overlay-alexius-inner img {
		display: none;
	}
	
	.overlay-alexius-inner h2 {
		margin-top: 0;
		font-size: 45px;
	}
	
	.overlay-alexius-inner p {
		font-size: 20px;
	}
	
	
}

@media only screen and (max-width: 1279px) and (min-width: 1024px) {
	
	.video.aufmacher.image figure {
	  padding: 0;  
	}
	.video-header,
	.video .imagefigure {
	  width: auto;
	}
	.image_article .ce-bodytext,
	.image_link .ce-bodytext {
	  width: auto;
	  box-sizing: border-box;
	}
	.autorenkasten > div > p:first-of-type,
	.hervorhebung > div > p:first-of-type,
	.image_small figure.imagefigure,
	.infokasten > div {
	  margin-left: 80px;
	  margin-right: 20px;
	}
	.infokasten > div {
	  margin-right: 45px;
	  max-width: 300px;
	}
	.image_link .ce-bodytext > div > * {
	  width: 80%;
	}
	.keInfografik .bildunterzeile {
	  padding: 10px;
	}
	
	.image h1 {
	  font-size: 70px;
	}
	.image .ce-bodytext p {
	  padding: 0 20%;	  
	}
	/** 85er Font-Size **/
	.autorenkasten .neg-einzug > h2,
	.textbeitrag  > h2,
	.video header > h1,
	.timeline h2,
	.image_article header h2,
	.kuratorium header > h1,
	.tabs h2,
	.slider header h2,
	.help h2,
	.wappen h2,
	.anfahrt h2,
	.textsite h2 {
		font-size: 50px;
	}
	/** 35er Font-Size **/
	.autorenkasten .neg-einzug p,
	.textbeitrag > p:first-of-type,
	.image h2,
	.image-teaser .ce-bodytext p,
	.video header > h2,
	.timeline p.teaser,
	.image_article .ce-bodytext p,
	.kuratorium header > h2,
	.tabs p.teaser,
	.slider header h3,
	.help h3,
	.wappen p.teaser {
		font-size: 28px;
	}
	.nav-tabs li a {
		padding: 15px 30px 15px 30px;
		font-size: 20px;
	}
	.tab-content p {
    	padding: 30px 50px;    
    	font-size: 30px;
	}
	.tab-content ul {
    	padding: 30px 50px 50px 70px;    
    	font-size: 30px;
	}
	.slider header,
	.slider figcaption {
		width: 100%;
	}
	.card {
		min-height: 450px;
	}
	.card.back figcaption {
		padding: 0 20px;
	}
	.card p {
		font-size: 20px;
	}
	.overlay p {
		font-size: 22px;
	}
	.video .image-caption {
		font-size: 20px;
	}
	.timeline .tab-content p {		
		font-size: 18px;
	}
	
	#organigramm-drag-image {
		left: calc(-800px + 50%);
		width: 1600px;
	}
	
	.overlay-alexius-inner h2 {
		margin-top: 0;
		font-size: 45px;
	}
	
	.overlay-alexius-inner p {
		font-size: 20px;
	}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) { 
	.image:first-of-type {
	  height: calc(100vh - 55px);
	}
}



@media only screen and (max-width: 1439px) and (min-width: 1280px) {
	.image h1 {
	  font-size: 70px;
	}
	.image .ce-bodytext p {
	  padding: 0 20%;	  
	}
	/** 85er Font-Size **/
	.autorenkasten .neg-einzug > h2,
	.textbeitrag  > h2,
	.video header > h1,
	.timeline h2,
	.image_article header h2,
	.kuratorium header > h1,
	.tabs h2,
	.slider header h2,
	.help h2,
	.wappen h2,
	.anfahrt h2,
	.textsite h2 {
		font-size: 50px;
	}
	/** 35er Font-Size **/
	.autorenkasten .neg-einzug p,
	.textbeitrag > p:first-of-type,
	.image h2,
	.image-teaser .ce-bodytext p,
	.video header > h2,
	.timeline p.teaser,
	.image_article .ce-bodytext p,
	.kuratorium header > h2,
	.tabs p.teaser,
	.slider header h3,
	.help h3,
	.wappen p.teaser {
		font-size: 28px;
	}
	.nav-tabs li a {
		padding: 15px 30px 15px 30px;
	}
	.card.back figcaption {
		padding: 0 20px;
	}
	.overlay p {
		font-size: 24px;
	}
		
	.timeline .tab-content p {		
		font-size: 19px;
	}
	
	#organigramm-drag-image {
		left: calc(-800px + 50%);
		width: 1600px;
	}
	
	.overlay-alexius-inner h2 {
		margin-top: 0;
	}
	
}

@media only screen and (max-width: 1753px) and (min-width: 1440px) {
	.overlay p {
			font-size: 26px;
		}
}

@media only screen and (min-width: 1921px) {
.play-video-th:after {
  top: 2px;
}
}

@media only screen and (max-height: 505px) {
.image .ce-bodytext p:not(.play-video-th) {
  display: none;
}
.image h1 {
  font-size: 40px;
}
}