/*!
 * UEK - UNION EVANGELISCHER KIRCHEN
 * Copyright 2019 KERYGMA Birgden & K�nig Gbr
 *Additional Styles
 */
 @import url("fontawesome.css?v=2"); 
 .fa-arrow-up:before {
	font-family: 'Font Awesome 5 Free';
  content: "\f062"; }

 
/*** WebFonts Helvetica ****/
    

    @font-face{
        font-family:"Helvetica Neue LT W05_55 Roman";
        src:url("../fonts/522972a6-5867-47ae-82fc-a7cf9bd5d4d4.eot?#iefix");
        src:url("../fonts/522972a6-5867-47ae-82fc-a7cf9bd5d4d4.eot?#iefix") format("eot"),url("../fonts/08b57253-2e0d-4c12-9c57-107f6c67bc49.woff2") format("woff2"),url("../fonts/08edde9d-c27b-4731-a27f-d6cd9b01cd06.woff") format("woff"),url("../fonts/8f4a1705-214a-4dd0-80b8-72252c37e688.ttf") format("truetype");
    }
    @font-face{
        font-family:"Helvetica Neue LT W05_56 Italic";
        src:url("../fonts/c708845d-fe72-4432-9276-47c4f91aec1c.eot?#iefix");
        src:url("../fonts/c708845d-fe72-4432-9276-47c4f91aec1c.eot?#iefix") format("eot"),url("../fonts/4bd56f95-e7ab-4a32-91fd-b8704cbd38bc.woff2") format("woff2"),url("../fonts/4fe1c328-1f21-434a-8f0d-5e0cf6c70dfb.woff") format("woff"),url("../fonts/c07fd9e2-5e0b-4297-9229-af0c8e331d94.ttf") format("truetype");
    }
    @font-face{
        font-family:"Helvetica Neue LT W05_65 Medium";
        src:url("../fonts/5640036d-d549-4f16-b31e-87da78d9e832.eot?#iefix");
        src:url("../fonts/5640036d-d549-4f16-b31e-87da78d9e832.eot?#iefix") format("eot"),url("../fonts/240c57a0-fdce-440d-9ce3-85e0cb56f470.woff2") format("woff2"),url("../fonts/7802e576-2ffa-4f22-a409-534355fbea79.woff") format("woff"),url("../fonts/14d824a2-2a5c-4692-8e30-74f6e177b675.ttf") format("truetype");
    }
    @font-face{
        font-family:"Helvetica Neue LT W05_66 Md It";
        src:url("../fonts/46116ca7-5e49-4a08-9af4-07e7182ce7fd.eot?#iefix");
        src:url("../fonts/46116ca7-5e49-4a08-9af4-07e7182ce7fd.eot?#iefix") format("eot"),url("../fonts/de68be2a-5d0e-4b8d-b3eb-940f75503e2a.woff2") format("woff2"),url("../fonts/31029e78-79a0-4940-b82d-2e3c238e1355.woff") format("woff"),url("../fonts/a8860880-ef55-430f-b420-eccd71f67b19.ttf") format("truetype");
    }
    @font-face{
        font-family:"Helvetica Neue LT W05_76 Bd It";
        src:url("../fonts/ae7ba1a5-8e73-4170-81ae-a7d26629e728.eot?#iefix");
        src:url("../fonts/ae7ba1a5-8e73-4170-81ae-a7d26629e728.eot?#iefix") format("eot"),url("../fonts/13ab58b4-b5ba-4c95-afde-ab2608fbbbd9.woff2") format("woff2"),url("../fonts/5018b5b5-c821-4653-bc74-d0b11d735f1a.woff") format("woff"),url("../fonts/c20f44a1-784c-4d3f-8d7f-aee889b6a7ae.ttf") format("truetype");
    }
	@font-face{
        font-family:"Helvetica Neue LT W01_75 Bold";
        src:url("../fonts/9697cfef-7816-47cc-81ed-c56c029d3bcf.eot?#iefix");
        src:url("../fonts/9697cfef-7816-47cc-81ed-c56c029d3bcf.eot?#iefix") format("eot"),url("../fonts/1f4274cd-2674-481e-9023-69e33ffca161.woff2") format("woff2"),url("../fonts/5e8d493c-be01-44b9-962e-504a5cf10dd8.woff") format("woff"),url("../fonts/ae36b4a0-aa2c-46cc-98d8-d8b7d22241dc.ttf") format("truetype");
    }
    
  body {
  	color: #000000;
  }  
    
.svg {
    width: 100px;
    height: 100px;
}
.st11 {
    fill: #575bb0 !important;
}

svg path,
svg circle {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
}

/** Silbentrennung Browser�bergreifend mit Hyphinator **/
.hyphenate {
	hyphens: auto; 
	-webkit-hyphens: auto; 
	-moz-hyphens: auto; 
	-ms-hyphens: auto;
} 
.donthyphenate {
	hyphens: none; 
	-webkit-hyphens: none; 
	-moz-hyphens: none; 
	-ms-hyphens: none;
}

/* Layout verbreitern */ 
@media only screen and (min-width: 1200px) {
  .container {
    max-width: 1440px;
  }
}
.container {
  width: 100%;
  padding-right: 24px;
  padding-left: 24px;
  margin-right: auto;
  margin-left: auto;
}
.container.no-pad {
	padding-right: 0;
	padding-left: 0;
	}
.container-fluid {
  width: 100%;
  padding-right: 24px;
  padding-left: 24px;
  margin-right: auto;
  margin-left: auto;
}
.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -24px;
  margin-left: -24px;
}
.row.no-margin {
	margin-right: 0;
  	margin-left: 0;
	}
.no-pad {
	padding-right: 0 !important;
  	padding-left: 0 !important;
	}
		
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 24px;
  padding-left: 24px;
}
.no-gutters {
    margin-right: 0;
    margin-left: 0;
}




.bg-grey {
	background: #cccccc;
	}
.bg-yellow {
	background: yellow;
	}
.bg-cyan {
	background: #EAE8F1;
	}
.bg-blue {
	background: #AAACD7;
	}
.bg-lightblue {
	background: #EEEEF7;
	}
.btn.btn-white {
	color: #ffffff;
}

		
		
	
	/** Text-Formate **/

	h1, h2, h3, h4 {
	font-family:"Helvetica Neue LT W01_75 Bold";
	color: #575bb0;
	}
	h1 {
		font-size: 2.9375em; /* 47px */
	}
	h2 {
		font-size: 2.1875em; /* 35px */
	}
	h2 a:hover, h3 a:hover {
		text-decoration: underline !important;
	}
	
	p {
		font-family:"Helvetica Neue LT W05_55 Roman";	
	}
	a {
    	color: #575bb0;
	}
	p > a	{
		font-family:"Helvetica Neue LT W01_75 Bold";	
	}
	article header {
		padding: 0;
	}
	.maincontent h1 {
		margin-bottom: 0.851063829787234em;
	}
	.maincontent p {
		font-size: 1.5em;
		line-height: 1.458333333333333em;
		margin-bottom: 1.428571428571429em;
	}
	.maincontent p.bu,
	.main_image p.bu {
		font-family:"Helvetica Neue LT W05_55 Roman";
		font-size: 1.4375em;
		padding-top: 1em;
		color: #b2bad0;
	}
	.maincontent p.bu .glossarizer_replaced,
	.main_image p.bu .glossarizer_replaced {
		font-family:"Helvetica Neue LT W05_65 Medium";
	}
	.maincontent article p.bu span {
		font-family:"Helvetica Neue LT W05_55 Roman";
		font-size: 1.125rem;
		padding-top: 1rem;
		color: #b2bad0;
	}
	
	.main_image p.bu {
		text-align: right;
		padding-right: 1em;
	}
	
	p.teaser {
		font-family:"Helvetica Neue LT W05_55 Roman";
		font-size: 2.1875em; /* 35px */
		color: #575bb0;
		margin-bottom: 1em;
	}
	ul {		
		color: #575bb0;
		font-family:"Helvetica Neue LT W05_55 Roman";
		font-size: 1rem; /* 16px*/
		margin-left: 0;
		padding-left: 0;
	}
	ul li {
		margin-left: 1em;
		font-size: 1.5rem; /* 24px*/
	}
	ul li strong {
		font-family:"Helvetica Neue LT W05_65 Medium";
	}
	ul li:last-of-type {
		/*margin-bottom: 2em;*/
	}
	
	
	ul.summary {		
		color: #575bb0;
		font-family:"Helvetica Neue LT W05_65 Medium";
		font-size: 12px; /* 23px*/
		margin-left: 0;
		padding-left: 0;
	}
	ul.summary:before {
		content: "k";
		padding: 0 80px;
		border-radius: 20px;
		background: #575bb0;	
	}
	ul.summary li {
		margin-left: 1em;
		font-size: 1.4375rem; /* 23px*/
	}
	ul.summary li:first-of-type {
		margin-top: 1em;
	}
	ol {		
		color: #000000;
		font-family:"Helvetica Neue LT W05_55 Roman";
		font-size: 1.5rem; /* 16px*/
		margin-left: 0;
		padding-left: 0;
	}
	ol li, ol li ul li {
		margin-left: 1em;
		font-size: 1.5rem;
		color: #000000; 
	}
	ol li ul li:last-of-type {
		margin-bottom: 1em;
	}
	
	img {
    	border: none;
    	width: 100%;
    	height: auto;
	}
	
	header {
		padding: 40px 0;
		}
		
	/** Navigation **/
	
	
	.sticky {
    	position: fixed;
    	top: 0px;
    	width: 100%;
    	z-index: 9997;    
	}

	.nav_icon {
		width: 0;
	}
	.nav_icon img {
		opacity: 0;
		transition: all .3s ease;
	}
	
	.sticky .nav_icon {	
		margin-right: 45px;
		width: inherit;
		transition: all .3s ease;
	}

	.sticky .nav_icon img {
		opacity: 1;
		-webkit-animation: fade-in-top 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	    animation: fade-in-top 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    	vertical-align: text-top;
    	max-width: 175px;
	}
	
	.sticky .search-field.on {
		display: none;
		}	
	
	.bg-light {
	  background-color: #575bb0 !important;
	}

	a.bg-light:hover, a.bg-light:focus,
	button.bg-light:hover,
	button.bg-light:focus {
	  background-color: #dae0e5 !important;
	}
	
	/* Navbar */
	.navbar {
		padding: 0; /* sonst h�ngt das DropDown zu tief */
		}
	
	/* HOME */
	.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {
		color: #fff;
		}
	/* Men� Ebene #1 */
	.navbar-expand-lg .navbar-nav {
	justify-content : flex-end;
	}
	.navbar-light .navbar-nav .nav-link	{
		color: #fff;
		font-family:"Helvetica Neue LT W05_65 Medium";
		font-size: 23px;
		text-transform: uppercase;
		margin-right: 45px;
		letter-spacing: .5px;
		line-height: 2;
		}
	/** Weitere Punkte ausblenden **/
	.nav-item:nth-of-type(5),.nav-item:nth-of-type(6) {
		display: none;
	} 	
		
	/* Hover Ebene #1 */	
	.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
		color: #fff;	
		}	
	/* DropDown */
	.dropdown-menu {
	  position: absolute;
	  top: 100%;
	  left: 0;
	  z-index: 1000;
	  display: none;
	  float: left;
	  min-width: 10rem;
	  padding: 0.5rem 0;
	  margin: 0;
	  font-size: 1rem;
	  color: #212529;
	  text-align: left;
	  list-style: none;
	  background-color: #fff;
	  background-clip: padding-box;
	  border: 3px soild #575bb0;
	  border-radius: 2px;
	}
	a.dropdown-item {
		color: #575bb0;
		font-family:"Helvetica Neue LT W05_65 Medium";
		font-size: 23px;
	}
	a.dropdown-item:hover {
		color: #575bb0;
		text-decoration: underline;
		background: #fff;
	}
	
	/** Neue SUCHE **/
	.search-field {
	  position: relative;	  
	  height: auto;
	  padding: 0;
	  margin: 0;	  
	  color: #575bb0;
	  background: #ffffff;
	  border: none;
	  border-radius: 0;
	  width: 0!important;
	 }	 
	 .search-field.on {
	  padding: 8px 0 7px 20px;
	  width: auto!important;
	  transition: all .3s ease;
	 }	
	 .fa-search {
		font-size: 25px;
		color: #fff;
		line-height: 1.8;
	}
	
	/** Suchseite **/
	.searchsitewrapper {
		margin-bottom: 10em;
	}
	.sitesearchform {
		display: flex;
		margin-bottom: 3em !important;
	}	
	.serachsite {
		font-family: Helvetica Neue LT W05_65 Medium, FontAwesome;
		border-radius: 5px 0 0 5px;		
	}
	.sitesearchform .searchbutton {
		background: #575bb0;
		border-radius: 0 5px 5px 0;		
	}
	.sitesearchform .fa-search {
	    font-size: 15px;
	    color: #fff;
	    line-height: 0.8;
	}	
	.searchresult {}	
	.searchresult h2 a,
	.searchresult p a:hover {
		text-decoration: none;
	    color: #575bb0;
	}
	 .searchresult p a {
		text-decoration: underline;
	    color: #575bb0;
	}

@media only screen and (min-width: 992px) and (max-width: 1215px) {
	.navbar-light .navbar-nav .nav-link, a.dropdown-item	{
		font-size: 19px;		
		}
	.search-field.on {
		display: none;
		}			
	}

	

@media only screen and (min-width: 992px) {	
	/** Navi-Dropdown bei hover nur f�r Non-Mobile **/
	li:hover > .dropdown-menu, 
  	li.hovered > .dropdown-menu {
    	opacity: 1;
    	overflow: visible;
		overflow-y: visible;
    	visibility: visible;
    	display: block;
	}
	.dropdown-menu:hover {
		opacity: 1;
    	overflow: visible;
		overflow-y: visible;
    	visibility: visible;
    	display: block;
	}
	.dropdown-toggle::after {
		display: none;
	}	
}	
	
	
	@media only screen and (max-width: 991px) {
		
		.navbar-brand img {
			max-width: 200px;
		}
		.navbar-collapse {
			background: #575bb0;			
		}
		.navbar {			
			border-bottom: 1px solid #575bb0; 
		}
		.nav_icon {
			display: none;
		}
		
		.bg-light {
			background-color: #ffffff !important;
		}
		.header-search .search-field {
		  position: relative;
		  width: 80%;
		  height: auto;
		  padding: 8px 0 7px 20px;
		  margin: 0;
		  display: inline;
		  color: #575bb0;
		  background: #ffffff;
		  border: none;
	 	}	
				
	}
	
	
	/**********************/
	
	/**** Breadcrumb *****/
	
	.bread {
		margin-top: 10px;
		margin-bottom: 40px;
	}
	.bread ul {
		margin: 0; 
		padding: 0;
		}
	.bread ul li {
		font-family:"Helvetica Neue LT W05_55 Roman";
		display: inline;
		/*font-size: 18px;*/
		font-size: 1.125rem;
		color: #b2bad0;
		}
	.bread ul li a {
		font-family:"Helvetica Neue LT W05_55 Roman";
		/*font-size: 23px;*/
		font-size: 1.125rem;
		color: #b2bad0;
	}
	
	.bread ul li:not(:nth-last-of-type(1)):after {
		content: " > ";
	}
	
	/**********************/
	
	/**** Aside    *****/
	
	/** Sidebar Home **/
	aside.home {
		position: -webkit-sticky;
  		position: sticky;
 		top: 100px;
 		margin-bottom: 6em;
	}
	aside.home .icons .svg {
    	width: 35px;
    	height: 35px;
	}
	aside.home .icons ul {
		list-style-type: none;
		margin-left: 0;
		padding-left: 0;
	}
	aside.home .icons ul li {
		margin-bottom: 10px;
	}
	aside.home .icons ul li a {
	line-height: 2;
	}
	aside.home .icons ul li a:hover {
	text-decoration: none;
	line-height: 2;
	}
	aside.home .icons ul li a > span {
		display: none;
		font-family:"Helvetica Neue LT W01_75 Bold";
		font-weight: unset;
		color: #575bb0;
		padding-left: 10px;		
		text-decoration: none;
	}
	aside.home .icons ul li a:hover > span {
		display: inline;
		transition: all .2s ease;
		text-decoration: none;
	}
	
	aside.home .icons ul li a svg.bright path,
	aside.home .icons ul li a svg.bright circle {
    	fill: #B7C1DB; /* hell */
	}
	aside.home .icons ul li a svg.bright:hover path,
	aside.home .icons ul li a svg.bright:hover circle {    	
    	fill: #575bb0; /* dunkel */
	}
	
	aside.home .icons ul li a svg.dark path,
	aside.home .icons ul li a svg.dark circle {
    	fill: #575bb0; /* dunkel */
	}
	aside.home .icons ul li a svg.dark:hover path,
	aside.home .icons ul li a svg.dark:hover circle {    	
    	fill: #B7C1DB; /* hell */
	}
	
	nav.subnavi {
		background: #E1E7F6;
		padding: 15px;
		margin-bottom: 65px;
		margin-top: 115px;
		hyphens: auto;
	}
	nav.subnavi ul {
		list-style-type: none;
		margin-left: 0;
		padding-left: 0;
	}
	nav.subnavi ul li {
		margin-bottom: 10px;
	}
	nav.subnavi ul li h2 {
		color: #575bb0;
		text-transform: uppercase;
		font-family:"Helvetica Neue LT W01_75 Bold";
		font-weight: unset;
		font-size: 1.125em;
	}
	nav.subnavi ul li a {
		color: #575bb0;
		font-family:"Helvetica Neue LT W05_55 Roman";
		font-weight: unset;
		font-size: 1.125em;
		display: block;
	}
	nav.subnavi ul li a:hover {
		font-family:"Helvetica Neue LT W05_65 Medium";
		font-weight: unset;
		display: block;
		font-size: 1.125em;
	}
	nav.subnavi ul li a.act {
		font-family:"Helvetica Neue LT W05_65 Medium";
		font-weight: unset;
	}
	/**************/

		
	.jumbotron {
		padding: 0;
		margin: 0 auto 120px auto;
		}
		
	.jumbotron figure {
		position: relative;
		margin: 0;
	}
	.jumbotron figcaption {
    	/*position: absolute;
    	bottom: 10em;
    	width: 100%;*/
    	position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
	}
	.jumbotron figcaption h2,
	.jumbotron figcaption p {
		max-width: 1440px;
		margin: auto;
		color: #fff;
	}
	.jumbotron figcaption h2 {
		font-family:"Helvetica Neue LT W01_75 Bold";
		font-size: 2.8125em;
	}
	.jumbotron figcaption p {
		font-family:"Helvetica Neue LT W05_65 Medium";
		font-size: 2.1875em;
		padding-right: 50%;
	}

	@media only screen and (max-width: 1280px) {
		.jumbotron figcaption {
			bottom: 1em;			
		}
		.jumbotron figcaption p {			
			padding-right: 30%;
		}
	}
	
	/** Main Article Image **/
	.main_image {
		width:  100%;
  		/*height: calc(100vh - 203px);*/ 
  		height: calc(80vh - 203px); 		
  		background-size: cover;
  		background-position: center;
  		background-repeat: no-repeat;
	}
	/** Blank-Gif f�r Alt-Tag **/
	.main_image img {
		width:  100%;
  		max-height: 200px;
	}
	.main_image_bu p.bu {
		font-family:"Helvetica Neue LT W05_55 Roman";
		font-size: 1.4375em;		
		color: #b2bad0;
		text-align: right;
		padding-right: 1em;
	}	
	.main_image_bu p.bu span {
		font-size: 1rem;
	}
	
	.highlight_image {
		width:  100%;
  		height: 100%;
		background-image: url(../images/dom-xl.jpg);	
  		background-size: cover;
  		background-position: center;
  		background-repeat: no-repeat;
	}	
	.highlight_image img {
		/*width:  100%;*/		
	}
	@media only screen and (min-width: 768px) and (max-width: 1480px) {
		.highlight_image {
		background-image: url(../images/dom-lg.jpg)
		}
	}
	@media only screen and (max-width: 767px) {
		.highlight_image {
		background-image: url(../images/dom-sm.jpg)
		}
		.highlight_image img {
			width:  100%;
			max-height: 400px;		
		}		
	}
	
	/** Suchfeld Suchseite **/
	input.serachsite {
		border: 1px solid #575bb0;
		font-family: Helvetica Neue LT W05_55 Roman, FontAwesome;
		color: #575bb0;
		width: 100%;
	}
	::placeholder,
	:-ms-input-placeholder,
	::-ms-input-placeholder {
		color: #575bb0;
	}
	
	
	/*********************/
	
	.home-row {
		margin-bottom: 100px;
	}
	
	/** Listen Startseite **/
	header.homepage {
		margin-top: 0;
		padding-top: 0;
	}
	
	article.row {
		margin-bottom: 100px;
	}
	.list_image {
		/*padding-left: 0;*/
		padding-right: 0;
		
	}
	.list_text h2 a,
	.list_text_med h2 a {
		text-decoration: none;
		color: #575bb0;
	}
	
	.home-highlights {
		
	}
	.home-highlights figure {
		position: relative;
		margin: 0;
	}
	.home-highlights figcaption {
		position: absolute;
		top: 3em;
	}
	.home-highlights figcaption h2 {
		color: #fff;
		font-family:"Helvetica Neue LT W01_75 Bold";
		font-size: 2.8125em;
	}
	.home-highlights figcaption p {
		color: #fff;
		font-size: 2.1875em;
		font-family:"Helvetica Neue LT W05_65 Medium";
	}
	.home-highlights article {
		padding-top: 2em;
		padding-bottom: 2em;
	}
	.list_text p.date,
	.list_text_med p.date {
		font-family:"Helvetica Neue LT W05_65 Medium";
		font-size: 1.125em;
	}
	.list_text p {
		font-family:"Helvetica Neue LT W05_55 Roman";
		font-size: 1.4375em;
		line-height: 1.304347826086957em;
	}
	.list_text_med p {
		font-family:"Helvetica Neue LT W05_65 Medium";
		color: #575bb0;
		font-size: 1.4375em;
		line-height: 1.304347826086957em;
	}
	.list_text p strong {
		font-family:"Helvetica Neue LT W05_65 Medium";
	}
	
	.press {
	
	}
	.press h2 {
		font-family:"Helvetica Neue LT W01_75 Bold";
		color: #fff;
		font-size: 1.4375em;
		padding: 2em;
	}
	.press article {
		padding-top: 1em;
		padding-bottom: 1em;
	}
	.press article h3,
	.press article h3 a {
		font-size: 2.1875rem;
		color: #fff;
		margin-bottom: 0;
		text-decoration: none;
	}

	.press article p {
		color: #fff;
		font-family:"Helvetica Neue LT W05_65 Medium";
		font-size: 1.125em;
	}
	
	@media only screen and (min-width: 768px) {
		.press-border-left {
		border-left: 1px solid #fff;
		}
	}	
	
	
	/******************* Artikel *************/
	/** Date und Ort **/
	.maincontent article p span {
		font-family:"Helvetica Neue LT W05_55 Roman";
		font-size: 1em;
		color: #575bb0;
	}
	
	.accordeon + :not(.accordeon) {
		margin-top: 2em;
	}
	.accordeon {
		margin-left: 2em;
		margin-bottom: 1em;
	}
	.accordeon button {
		font-family:"Helvetica Neue LT W01_75 Bold";
		font-size: 23px;
		background: transparent;
		border: none;
		line-height: 2;
		display: inline-flex;
		text-align: left;
	}
	.accordeon button:focus {
		outline: 0;
	}
	.accordeon button.accordeon_start:before {
		font-family: 'Font Awesome 5 Free';
	    content: "\f055";	    
	    font-size: 30px;
	    color: #575bb0;
	    margin-right: 15px;
	    margin-top: 9px;
	    transform: rotate(45deg);
	    transition: transform .3s linear;
    	transform-origin: center center;
    	transform-style: preserve-3D;
    	height: 30px; /** f�r mehrzeilige Buttons **/
    	line-height: 30px; /** f�r mehrzeilige Buttons **/
	}
	.accordeon button.accordeon_start.collapsed:before {    
    font-family: 'Font Awesome 5 Free';
	    content: "\f055";
	    font-size: 30px;
	    color: #575bb0;
	    margin-right: 15px;
	    margin-top: 9px;
	    transform: rotate(0deg);
	    transition: transform 0.3s linear;
    	transform-origin: center center;
    	transform-style: preserve-3D;
    	height: 30px; /** f�r mehrzeilige Buttons **/
    	line-height: 30px; /** f�r mehrzeilige Buttons **/
	}
	.accordeon > div {
		margin-left: 3.5em;
	}
	.accordeon h3 {
		font-size: 1.875em;
	}
	
	.accordeon-publikation {
		margin-left: 0;
		margin-top: 2rem;
	}
	.accordeon-publikation button.accordeon_start:before,
	.accordeon-publikation button.accordeon_start.collapsed:before {
		font-family: 'Font Awesome 5 Free';
	    content: "\f03a";	    
	    font-size: 30px;
	    transform: rotate(0deg);
	}
	.accordeon-publikation > div {
		margin-left: 1.0em;
		margin-top: 1em;
	}	
	.accordeon-publikation ul {
		list-style-type: none;
	}	
	.accordeon-publikation ul li {
		font-size: 23px;
		color: #000000;
		margin-left: 0;
		margin-bottom: 1em;
	}

	.accordeon-publikation ul li a:before {
		font-family: 'Font Awesome 5 Free';
	    content: "\f1c1";
	    font-size: 28px;
	    color: #575bb0;
	    margin-right: 10px;
	}
	
	/** Ausblenden Rubriken für Ev. Forschungsakademie **/
	
	.efa-theologie, .efa-liturgie, .efa-kirchlichesrecht {
		display: none;
	}
	
	
@media only screen and (max-width: 768px) {
	.accordeon > div {
    	margin-left: calc(3.5em + 15px);
	}
}
	
	/** Personen Akkordeon **/
	.accordeon-pers >* {
		
	}
	.accordeon-pers > div {
		margin-left: 0;
	}
	.publikation p.more-pers {
		margin-bottom: 0.5em;
	}
	.accordeon-pers ul,
	.accordeon-pers ol,
	.publikation .accordeon-pers p {
		font-family: "Helvetica Neue LT W05_55 Roman";
		font-size: 1.0em;
		line-height: 1.304347826086957;
	}
	/** Personen Akkordeon **/
	.weitere_themen {
		margin-right: -12px;
		margin-left:  -12px;
		margin-bottom: 80px;
	}
	.weitere_themen .col-md-4 {
		padding-left: 12px;
		padding-right: 12px;
		margin-bottom: 80px;
	}
	.weitere_themen h3 {
		font-family:"Helvetica Neue LT W01_75 Bold";
		color: #575bb0;
		font-size: 2.5em;
		text-align: center;
		text-transform: uppercase;
		margin-top: 80px;
		margin-bottom: 80px;
	}
	.weitere_themen figcaption p,
	.weitere_themen figcaption p a {
		font-family:"Helvetica Neue LT W01_75 Bold";
		color: #575bb0;
		font-size: 1.5rem;
		line-height: 1.166666666666667;
		margin-top: 25px;
	}
	
	.add_content {
		margin-top: 120px;
	}	
	.add_content:before {
		content: "Info zum Text";
		padding: 0;
		border-radius: 10px;
		background: #575bb0;
		display: inline-flex;
		width: 100%;
		line-height: 5px;
		color: transparent;
		margin-bottom: 50px;
	}
	.people {
		text-align: center;
		margin-bottom: 3em;
	}
	.round_peaple{
	    height: 135px;
	    width: 135px;
	    object-fit: cover;
	    object-position: top center;
	    border-radius: 50% !important;
	}
	.people figcaption p {
		font-family:"Helvetica Neue LT W05_55 Roman";
		font-size: 1.125rem;
		line-height: 1.166666666666667;
		padding-top: 1em;
	}
	
	.tags {
		margin-bottom: 130px;
	}	
	.btn-tag {
		color: #fff;
	  	background-color: #c1c6d2;
	  	border-color: #c1c6d2;
	  	padding: 0.375rem 1.75rem;
	  	font-family:"Helvetica Neue LT W05_55 Roman";
  		font-size: 1.5625rem;
  		line-height: 1.5;
  		border-radius: 2rem;
  		margin-right: 0.5em;
  		margin-bottom: 2rem;
	}
	
	.btn-tag:hover {
	  color: #fff;
	  background-color: #9CA3B7;
	  border-color: #9CA3B7;
	}
	
	.btn-tag:focus, .btn-tag.focus {
	  box-shadow: none;
	}
	
	.downloads h3 {
		font-size: 30px;
		font-family:"Helvetica Neue LT W01_75 Bold";
		color: #575bb0;
		padding-bottom: 0;
		margin-bottom: 0;
	}
	.downloads ul:before {
		content: "Info zum Text";
		padding: 0;
		border-radius: 10px;
		background: #575bb0;
		display: inline-flex;
		width: 100%;
		line-height: 5px;
		color: transparent;
		margin-bottom: 30px;
	} 
	.downloads ul {
		list-style-type: none;
		margin-left: 0;
		margin-bottom: 100px;
		padding-left: 0;
	}
	.downloads ul li {
	
	} 
	.downloads ul li:after {
		content: "Info zum Text";
		padding: 0;
		border-radius: 10px;
		background: #575bb0;
		display: inline-flex;
		width: 100%;
		line-height: 2px;
		color: transparent;
		margin-top: 30px;
		margin-bottom: 30px;
	} 
	.downloads ul li a {
		font-size: 18px;
		color: #575bb0;
		font-family:"Helvetica Neue LT W05_55 Roman";
		display: block;
	}
	.downloads ul li a span {
		font-size: 15px;
		color: #575bb0;
		font-family:"Helvetica Neue LT W01_75 Bold";
	}
	.downloads ul li a:hover {
		text-decoration: none;
	}
	.downloads ul li a:hover span {
		text-decoration: underline;
	} 
	.downloads ul li a.pdf span {
		text-transform: uppercase;
	}
	
   		
   .downloads a svg {
   		float: left;
   		max-width: 55px;   		
   		margin-right: 50px;
   }
   .downloads a:hover svg {
   		float: left;
   		-webkit-animation: pulsate-fwd 0.5s ease-in-out both;
	    animation: pulsate-fwd 0.5s ease-in-out both;
   }
   
   .downloads img.pub-small {
    	float: left;
    	max-width: 55px;
    	margin-right: 50px;
	}
	.downloads img.pub-small {
		float: left;
   		-webkit-animation: pulsate-fwd 0.5s ease-in-out both;
	    animation: pulsate-fwd 0.5s ease-in-out both;
   		}
   		
   	.pulsate-fwd {
		-webkit-animation: pulsate-fwd 0.5s ease-in-out both;
	    animation: pulsate-fwd 0.5s ease-in-out both;
	}
	
a.pdf-icon:before {
	font-family: 'Font Awesome 5 Free';
	content: "\f1c1";
	font-size: 28px;
	color: #575bb0;
	margin-right: 10px;  
  }
a.pdf-icon {
	
	
}

a.link-icon:before {	
	content: url('//www.uek-online.de/images/share-square-solid-vio.svg');
	font-size: 28px;
	color: #575bb0;
	margin-right: 10px; 
	width: 23px;
  	height: 23px;
  	position: absolute;
  	top: -3px;
  	left: 0; 
  }
 a.link-icon {
	position: relative;
	padding-left: 30px;	
}
a.link-icon:hover {
	position: relative;
	padding-left: 30px;
	color: #575bb0;
	text-decoration: underline;	
}


@media only screen and (max-width: 768px) {
	.downloads ul li a {
		font-size: 14px;
	}
	aside.home {
	    top: 20px;
	}
	.add_content {
    	margin-top: 20px;
	}
}
   		
	
	/******** Publikationen ************/

	.filter {
			margin-bottom: 60px;
		}
	.filter:after {
		content: "Info zum Text";
		padding: 0;
		border-radius: 10px;
		background: #575bb0;
		display: inline-flex;
		width: 100%;
		line-height: 5px;
		color: transparent;
		margin-bottom: 0;
	} 		
	.btn-filter,
	.btn-filter:focus,
	.btn-filter:visited {
		color: #b1c1ee;
		font-family:"Helvetica Neue LT W01_75 Bold";		
		font-size: 1.4375rem;
		line-height: 1.5;		
		margin-right: 0.5em;
		}		
	.btn-filter:hover {
		color: #b1c1ee;
		text-decoration: underline;
		}
	.btn-filter.active {
		color: #575bb0;
		text-decoration: none;
		}
	.btn-filter.active:hover {
		color: #575bb0;
		text-decoration: underline;
		}		
	.btn-filter i {
		transform: rotate(0deg);
	    transition: transform .3s linear;
    	transform-origin: center center;
    	transform-style: preserve-3D;
	}
	.btn-filter.active i {
		transform: rotate(45deg);
	    transition: transform .3s linear;
    	transform-origin: center center;
    	transform-style: preserve-3D;
	}

			
	.btn-filter:focus, .btn-tag.focus {
		box-shadow: none;
		}
	
	@media only screen and (max-width: 768px) {
		.btn-filter,
		.btn-filter.active:hover,
		.btn-filter:focus {
		padding: 2em;
		}	
	}
		
	.publikation {
	
	}
	.publikationen_frame:before {
		content: "Start";
		padding: 0;
		border-radius: 10px;
		background: #575bb0;
		display: inline-flex;
		width: 100%;
		line-height: 2px;
		color: transparent;
		margin-top: 0;
		margin-bottom: 50px;
	}
	
	.publikation:after {
		content: "Ende";
		padding: 0;
		border-radius: 10px;
		background: #575bb0;
		display: inline-flex;
		width: 100%;
		line-height: 2px;
		color: transparent;
		margin-top: 50px;
		margin-bottom: 50px;
	}
	.publikation h3 {
		font-family:"Helvetica Neue LT W01_75 Bold";
		font-size: 2.1875em;
		margin-bottom: 0;
	}
	.publikation p.subtitle {
		font-family:"Helvetica Neue LT W05_65 Medium";
		font-size: 1.4375em;
		line-height: 1.304347826086957;
		margin-bottom: 0;
	}
	.publikation p.author {
		font-family:"Helvetica Neue LT W05_65 Medium";
		font-size: 1.125em;
		margin-bottom: 2.222222222222222em;
	}
	.publikation p {
		font-family:"Helvetica Neue LT W05_55 Roman";
		font-size: 1.4375em;
		line-height: 1.304347826086957;
		margin-bottom: 0;
	}
	.publikation a {
		color: #575bb0;
		border-bottom: 1px solid;
	}
	.publikation a:hover,
	.publikation img:hover a  {
		border-bottom: none;
		text-decoration: none;
	}
	.publikation .einrichtungen-info p {
		margin-bottom: 1.428571428571429em;
	}
	
	
	/**********************/
	/* Glossar */
	
	.abisz {
		margin-top: 4em;
		margin-bottom: 5em;
	}
	
	.glossar .accordeon {
		margin-left: 0;		
	}
	.glossar .accordeon + :not(.glossar .accordeon) {
		
	}
	.glossar .accordeon button {
		color: #fff;
	  	background-color: #AAACD7;
	  	border-color: #AAACD7;
	  	padding: 12px 1.75rem;
	  	font-family:"Helvetica Neue LT W01_75 Bold";
  		font-size: 1.5rem;
  		line-height: 1.5;
  		border-radius: 10px;
  		margin-right: 0.5em;
  		width: 100%;
	}
	.glossar .accordeon button {
		margin-bottom: 20px;
	}
	
	.glossar .accordeon button.accordeon_start {
		background-color: #575bb0;
	}
	.glossar .accordeon button.accordeon_start.collapsed {
		background-color: #AAACD7;
	}
	.glossar .accordeon button.accordeon_start:before {
		color: #fff;
	}
	.glossar .accordeon button.accordeon_start.collapsed:before {
		color: #fff;
	}
		
	.glossar .accordeon > div {
		margin-left: 7em;
	}
	.glossar .accordeon .collapsing {
    	position: relative;
    	height: 0;
    	overflow: hidden;
    	transition: height 0.35s ease;
	}
	.glossar .accordeon > div p {
		padding-bottom: 2em;
	}
	.glossar .accordeon button.accordeon_start.collapsed::before,
	.glossar .accordeon button:before {
		margin-right: 2em;
	}
	.glossar .accordeon button.accordeon_start.collapsed:hover {
		background-color: #575bb0;
	}
	.glossar .accordeon button.accordeon_start:hover {
		background-color: #AAACD7;
	}
	
	.btn-glossar {
		font-family:"Helvetica Neue LT W01_75 Bold";
		font-size: 2.8125em;
		color: #b2c2ef;
		min-width: 1.5em;
	}
	.btn-glossar:hover {
		color: #093fd1;
	}
	
	.glossar {
		margin-bottom: 10em;
	}
	
	.glossarizer_replaced {
		text-decoration: underline solid !important;
		font-family:"Helvetica Neue LT W01_75 Bold";		
	}
	.glossarizer_replaced:hover {
		cursor: help;
	}
	
	div#tooltip {
		background: #575bb0;
		border-radius: 10px;
		font-family:"Helvetica Neue LT W05_55 Roman";
		color: #fff;
		font-size: 18px;
		line-height: 1.388888888888889;
		text-align: left;
	}
	div#tooltip:after /* triangle decoration */  {
        width: 0;
        height: 0;
        border-left: none;
        border-right: none;
        border-top: none;
        content: '';
        position: absolute;
        left: 50%;
        bottom: -10px;
        margin-left: -10px;
    }
 	div#tooltip.top:after 	{
            border-top-color: transparent;
            border-bottom: none;
            top: -20px;
            bottom: auto;
        }
    div#tooltip.left:after  {
            left: 10px;
            margin: 0;
        }
    div#tooltip.right:after {
            right: 10px;
            left: auto;
            margin: 0;
        }
	
	
	
	/** Einrichtungen **/
	.einrichtungen-hide {
		display: none;
	}
	
	.einrichtungen_liste:before {
		content: "Start Einrichtungen";
		padding: 0;
		border-radius: 10px;
		background: #575bb0;
		display: inline-flex;
		width: 100%;
		line-height: 2px;
		color: transparent;
		margin-top: 100px;
		margin-bottom: 50px;
	}
	.einrichtungen_liste:after {
		content: "Ende Einrichtungen";
		padding: 0;
		border-radius: 10px;
		background: #575bb0;
		display: inline-flex;
		width: 100%;
		line-height: 2px;
		color: transparent;
		margin-top: 50px;
		margin-bottom: 50px;
	}
	a.einrichtungen_more {
		color: #575bb0;
		text-decoration: underline;
	}
	a.einrichtungen_more:hover {
		color: #575bb0;
		text-decoration: none;
	}
	
	
	/***************/
	/** Abst�nde der ELemente **/
	
	.lrg-space {
		margin-top: 100px;
	}
	
	.teaser, .summary, .maincontent article figure {
		margin-bottom: 60px;
	}	
	
	#back-top {
	    height: auto;
	    position: fixed;
	    bottom: 65px;
	    margin: 0;
	    z-index: 1;
	    -webkit-transition: opacity .3s ease-in-out;
	    -moz-transition: opacity .3s ease-in-out;
	    -o-transition: opacity .3s ease-in-out;
	    transition: opacity .3s ease-in-out;
	    right: 10%;
	    opacity: 0;
	    filter: alpha(opacity=0);
	    visibility: hidden;
	    text-align: center;
	    z-index: 1;
	}
	.row.newslist, .row.pmlist {
		margin-bottom: 4em;
	}
	
	
	#back-top.on {
	    opacity: 1;
	    filter: alpha(opacity=100);
	    visibility: visible;
	    right: 1%;
	}
	#back-top span {
		color:#CCCCCC;
		font-family:"Helvetica Neue LT W01_75 Bold";
		font-size: 20px; 
	}
	#back-top i {
		color:#CCCCCC;
		font-size: 20px; 
	}
	#back-top a:hover {
		text-decoration: none;
	}		
	#back-top:hover i {
		/*transition: all .9s ease;
		transform: rotate(360deg);*/
		-webkit-animation: bounce-top 0.9s both;
	    animation: bounce-top 0.9s both;
	}
	
	.bounce-top {
	-webkit-animation: bounce-top 0.9s both;
	        animation: bounce-top 0.9s both;
}

/** Karte SVG **/

#bg-braunschweig:hover {
	cursor: copy;
	
}

	
	/****** Footer *****/
	footer {
		background: #575bb0;
		padding: 40px 0;
	}
	footer strong {
		font-family:"Helvetica Neue LT W01_75 Bold";
		font-weight: unset;
	}
	footer a {
		color: #fff;
		font-family:""Helvetica Neue LT W01_75 Bold";
		font-size: 18px;
		text-transform: uppercase;
		}
	footer p {
		color: #fff;
		font-family:"Helvetica Neue LT W05_65 Medium";
		font-size: 18x;
		}
	
	
	ul.imp, ul.footernav {
		list-style-type: none;
		margin-left: 0;
		padding-left: 0;
		}
	ul.imp li {
		display: inline;
		margin-right: 30px;		
		}
	ul.imp li a {
		text-transform: uppercase;
		font-family:"Helvetica Neue LT W01_75 Bold";
		}
	ul.imp li a:hover,
	ul.footernav li a:hover {	
		color: #9AE3F0;
		color: #ffffff;
		transition: all .2s ease;
		}
		
	ul.footernav li {
		margin-bottom: 5px;
	}
	ul.footernav li a {
		
		font-family:"Helvetica Neue LT W01_75 Bold";
		}
	
	@media only screen and (max-width: 768px) {
		ul.imp li, ul.footernav li {
			margin-left: 0;
			display: block;
		}
	}	
		
#tooltip
{
   text-align: center;
   color: #fff;
   background: #000;
   background: rgba(0,0,0,0.8);
   position: absolute;
   z-index: 100;
   padding: 15px;
   border-radius: 5px;
   box-sizing: border-box;
}

   @media only screen and (max-width: 800px){
       #tooltip:before{
           content: 'x';
           position: absolute;
           color: #fff;
           right: 8px;
           top: 3px;
           font-size: 12px;
       }
   }

   #tooltip:after /* triangle decoration */
   {
       width: 0;
       height: 0;
       border-left: 10px solid transparent;
       border-right: 10px solid transparent;
       border-top: 10px solid rgba(0,0,0,0.8);
       content: '';
       position: absolute;
       left: 50%;
       bottom: -10px;
       margin-left: -10px;
   }

       #tooltip.top:after
       {
           border-top-color: transparent;
           border-bottom: 10px solid #111;
           top: -20px;
           bottom: auto;
       }


       #tooltip.left:after
       {
           left: 10px;
           margin: 0;
       }

       #tooltip.right:after
       {
           right: 10px;
           left: auto;
           margin: 0;
       }		
		
	/* ----------------------------------------------
	 * Generated by Animista on 2019-3-14 18:40:26
	 * w: http://animista.net, t: @cssanimista
	 * ---------------------------------------------- */
	
	/**
	 * ----------------------------------------
	 * animation fade-in-top
	 * ----------------------------------------
	 */
		@-webkit-keyframes fade-in-top {
		  0% {
		    -webkit-transform: translateY(-50px);
			transform: translateY(-50px);
		    opacity: 0;
		  }
		  100% {
		    -webkit-transform: translateY(0);
			transform: translateY(0);
		    opacity: 1;
		  }
		}
		@keyframes fade-in-top {
		  0% {
		    -webkit-transform: translateY(-50px);
			transform: translateY(-50px);
		    opacity: 0;
		  }
		  100% {
		    -webkit-transform: translateY(0);
			transform: translateY(0);
		    opacity: 1;
		  }
		}

		/**
		 * ----------------------------------------
		 * animation bounce-top
		 * ----------------------------------------
		 */
		@-webkit-keyframes bounce-top {
		  0% {
		    -webkit-transform: translateY(-25px);
		            transform: translateY(-25px);
		    -webkit-animation-timing-function: ease-in;
		            animation-timing-function: ease-in;
		    opacity: 1;
		  }
		  24% {
		    opacity: 1;
		  }
		  40% {
		    -webkit-transform: translateY(-24px);
		            transform: translateY(-24px);
		    -webkit-animation-timing-function: ease-in;
		            animation-timing-function: ease-in;
		  }
		  65% {
		    -webkit-transform: translateY(-12px);
		            transform: translateY(-12px);
		    -webkit-animation-timing-function: ease-in;
		            animation-timing-function: ease-in;
		  }
		  82% {
		    -webkit-transform: translateY(-6px);
		            transform: translateY(-6px);
		    -webkit-animation-timing-function: ease-in;
		            animation-timing-function: ease-in;
		  }
		  93% {
		    -webkit-transform: translateY(-4px);
		            transform: translateY(-4px);
		    -webkit-animation-timing-function: ease-in;
		            animation-timing-function: ease-in;
		  }
		  25%,
		  55%,
		  75%,
		  87% {
		    -webkit-transform: translateY(0px);
		            transform: translateY(0px);
		    -webkit-animation-timing-function: ease-out;
		            animation-timing-function: ease-out;
		  }
		  100% {
		    -webkit-transform: translateY(0px);
		            transform: translateY(0px);
		    -webkit-animation-timing-function: ease-out;
		            animation-timing-function: ease-out;
		    opacity: 1;
		  }
		}
		@keyframes bounce-top {
		  0% {
		    -webkit-transform: translateY(-25px);
		            transform: translateY(-25px);
		    -webkit-animation-timing-function: ease-in;
		            animation-timing-function: ease-in;
		    opacity: 1;
		  }
		  24% {
		    opacity: 1;
		  }
		  40% {
		    -webkit-transform: translateY(-24px);
		            transform: translateY(-24px);
		    -webkit-animation-timing-function: ease-in;
		            animation-timing-function: ease-in;
		  }
		  65% {
		    -webkit-transform: translateY(-12px);
		            transform: translateY(-12px);
		    -webkit-animation-timing-function: ease-in;
		            animation-timing-function: ease-in;
		  }
		  82% {
		    -webkit-transform: translateY(-6px);
		            transform: translateY(-6px);
		    -webkit-animation-timing-function: ease-in;
		            animation-timing-function: ease-in;
		  }
		  93% {
		    -webkit-transform: translateY(-4px);
		            transform: translateY(-4px);
		    -webkit-animation-timing-function: ease-in;
		            animation-timing-function: ease-in;
		  }
		  25%,
		  55%,
		  75%,
		  87% {
		    -webkit-transform: translateY(0px);
		            transform: translateY(0px);
		    -webkit-animation-timing-function: ease-out;
		            animation-timing-function: ease-out;
		  }
		  100% {
		    -webkit-transform: translateY(0px);
		            transform: translateY(0px);
		    -webkit-animation-timing-function: ease-out;
		            animation-timing-function: ease-out;
		    opacity: 1;
		  }
		}
		

		/**
		 * ----------------------------------------
		 * animation pulsate-fwd
		 * ----------------------------------------
		 */
		@-webkit-keyframes pulsate-fwd {
		  0% {
		    -webkit-transform: scale(1);
		            transform: scale(1);
		  }
		  50% {
		    -webkit-transform: scale(1.1);
		            transform: scale(1.1);
		  }
		  100% {
		    -webkit-transform: scale(1);
		            transform: scale(1);
		  }
		}
		@keyframes pulsate-fwd {
		  0% {
		    -webkit-transform: scale(1);
		            transform: scale(1);
		  }
		  50% {
		    -webkit-transform: scale(1.1);
		            transform: scale(1.1);
		  }
		  100% {
		    -webkit-transform: scale(1);
		            transform: scale(1);
		  }
		}
		
/*@media (min-width: 576px) {*/	
@media only screen and (min-width: 992px) {
	.not-mobile {display: block;}
	.only-mobile, .navbar-brand {display: none;}	
}

/** Media Queries Fontsizes f�r Einspaltig **/
@media only screen and (max-width: 1024px) {
	html, body {
		font-size: 12px;
	}
	.highlight_image > .offset-md-4 {
	margin-left: 0;
}
.highlight_image > .col-md-7 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}	
	}
@media only screen and (max-width: 991px) {	
	
	.not-mobile {display: none;}
	.only-mobile {display: block;}
	p {
	 -ms-hyphens: auto;
  	-webkit-hyphens: auto;
  	hyphens: auto;
	}
	aside.home {
    	position: relative;
    	top: 0;
    	margin-bottom: 0;
	}
	nav.subnavi {    	
    	margin-top: 0;
	}
	/** Re-Arange Columns **/
	.first-col {
    	-ms-flex-order: -1;
    	order: -1;
		}
	.second-col {
		-ms-flex-order: 13;
		order: 13;
		}	
	article, .icons {
		padding: 0 20px;
	}
	.bread {
    	margin-top: 10px;
    	margin-bottom: 40px;
    	margin: 10px 20px 40px 20px;
	}
	.accordeon {
    	margin-left: 0;
	}
	.tags {
    	margin: 0 20px 50px 20px;
	}
	.tags button {
		margin-bottom: 20px;
	}
	.downloads {
		margin-left: 20px;
		margin-right: 20px;
	}
	.downloads ul {
	    margin-bottom: 50px;
	}
	.weitere_themen {
		margin-left: 0;
		margin-right: 0;
	}
	.left_icons_downloads,
	.left_icons_links,
	.left_icons_personen,
	.left_icons_einrichtungen,
	.left_icons_print {
		display: none;
	}
	aside.home .icons ul li a > span {
		display: inline;
	}
	aside.home .icons ul {
    	display: flex;
	}
	.left_icons_facebook, .left_icons_send {
		display:flex;
		flex-direction: row;
		flex-wrap : nowrap;
		width: 50%;
	}
	#back-top {
		bottom: 10px;
		display: none;
		}
	#back-top span {
		display: none;
	}	
	#back-top a i:before {
		content: "\f151";
		}
	#back-top a i {
		font-size: 50px;
		color: #007bff;
		}
	#back-top:hover i {
		-webkit-animation: none;
	    animation: none;
	}
	
	
		
	}
	
/** Druckversion **/
@media print {
	@page { margin: 2cm } /** Abstand R�nder Druck **/
	
	* {
    	-webkit-print-color-adjust: exact !important;   /* Chrome, Safari */
    	color-adjust: exact !important;                 /*Firefox*/
	}
	a[href]::after {
	  content: " <" attr(href) ">";
	  color: #888;
	  background-color: inherit;
	  font-style: italic;
	  size: 80%;
	}
	body {
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: visible;
	}	
	.bread,
	.col-lg-3.second-col,
	.row.no-gutters.bg-lightblue,
	.container.no-pad.add_content > .row.no-gutters,
	footer,
	#back-top
	 {
		display: none;
	}
	#top .col-md-6.offset-md-1,
	.col-lg-8.offset-lg-1.maincontent.first-col {
		width: 100%;
		margin-left: 0;
		flex: 0 0 100%;
    	max-width: 100%;		
	}
	.collapse:not(.show) {
    	display: block;
	}
	.main_image {
    	height: 30rem;    
	}
	.container.no-pad.add_content:after {
		content: "Alle Rechte vorbehalten. (c) 2019 Union Evangelischer Kirchen in der EKD (UEK)";
		font-size: 20px;
		page-break-before: avoid;
	}	
}