/*********************************************
* individuelle classes
*********************************************/
#t4-header .logo .logo-text a .site-name,
#t4-header-en .logo .logo-text a .site-name
{
	font-size: 2rem;
	color: unset;
}

.image-margin 
{
	margin-right: 10px;
}	

/* Border oberste Modulposition (Social Media Buttons und Kontaktinfo) */
.social-buttons {
    border-top: thin solid #808080;
    border-bottom: thin solid #808080;
    border-color: #7f7f7f;
    padding-top: 5px;
    padding-bottom: 5px;
    overflow: hidden;
    font-size: 1em;
}

/* Font Awsome Icons Einstellungen */
.fa
{
	color: #920404; 
	padding-left: 0.5em;
	padding-right: 0.5em;
}

.fa-facebook
{
	color: #0866ff;
}

.align-right
{
	text-align: right;
}

.align-center
{
	text-align: center;
}

.t4-off-canvas-header
{
	background-color: rgba(200, 200, 200, 0.85) !important;
}

.t4-footer .container
{
	padding-top: 2rem;
	padding-bottom: 2rem;
}

#t4-slider .swiper-desc
{
	text-align: right;
}

/*********************************************************************************/
/* Farben und verhalten für das Main Menü */
/*********************************************************************************/

.mm-item, .t4-megamenu .navbar-nav > li > a, .t4-megamenu .navbar-nav > li > .nav-link,
.t4-megamenu .navbar-nav > li > a .item-caret::before, .t4-megamenu .navbar-nav > li > .nav-link .item-caret::before,
#ocm.nav.navbar-nav > li > a, #ocm.nav.navbar-nav > li > .nav-link,
#ocm.nav.navbar-nav > li > a .item-caret::before, #ocm.nav.navbar-nav > li > .nav-link .item-caret::before
{
	color: #fff;
/*	border-top-color: #920404; */
	text-transform: uppercase;
}

.mm-item:hover,
/* .t4-megamenu .navbar-nav > li:hover > a .item-caret::before, .t4-megamenu .navbar-nav > li:hover > .nav-link .item-caret::before, */
#ocm.nav.navbar-nav > li:hover > a, #ocm.nav.navbar-nav > li:hover > .nav-link
{
	background: #999;
	color: #fff;
/*	border-top-color: #fff; */
}

.mm-item.active, .mm-item.current,
.t4-megamenu .navbar-nav > li.active > a,
.t4-megamenu .navbar-nav > li.active > .nav-link,
.t4-megamenu .navbar-nav > li.current > a, 
.t4-megamenu .navbar-nav > li.current > .nav-link
.t4-megamenu .navbar-nav > li.active > a .item-caret::before, #ocm.nav.navbar-nav > li.active > .nav-link .item-caret::before,
.t4-megamenu .navbar-nav > li.current > a .item-caret::before, #ocm.nav.navbar-nav > li.current > .nav-link .item-caret::before,
#ocm.nav.navbar-nav > li.active > a,
#ocm.nav.navbar-nav > li.active > .nav-link,
#ocm.nav.navbar-nav > li.current > a, 
#ocm.nav.navbar-nav > li.current > .nav-link
#ocm.nav.navbar-nav > li.active > a .item-caret::before, #ocm.nav.navbar-nav > li.active > .nav-link .item-caret::before,
#ocm.nav.navbar-nav > li.current > a .item-caret::before, #ocm.nav.navbar-nav > li.current > .nav-link .item-caret::before
{
	background-color: #920404;
	color: #fff;
	border-top-color: #fff;
	border-bottom: none;
}

#ocm span.menu-item-title
{
	padding-left: 1rem;
}

.t4-megamenu .dropdown-menu .mega-nav > .active a.nav-link, .t4-megamenu .dropdown-menu .mega-nav > .active a.dropdown-item
{
	background-color: #920404;
	color: #fff !important;
	width: 100%;
}

.t4-megamenu .dropdown-menu .mega-nav > .active:hover a.nav-link, .t4-megamenu .dropdown-menu .mega-nav > .active a.dropdown-item:hover,
.t4-megamenu .dropdown-menu .mega-nav > li.nav-item:hover, .t4-megamenu .dropdown-menu .mega-nav > li a.nav-link:hover
{
	background: #777;
	color: #fff;
}

.mega-dropdown-inner
{
	background: rgba(230, 230, 230, 0.85);
}

/*********************************************************************************
 Auswahlmenü für Filter - Buttons
**********************************************************************************/

a.btn.btn-default.btn-small:hover
{
	background-color: #777;
	color: #fff;
}

a.btn.btn-default.btn-small.selected
{
	background-color: #920404;
	color: #fff;
	border-top-color: #fff;
	border-bottom: none;
}	

div.option-combo
{
	padding-bottom: 0.5rem;
}

/*********************************************************************************/
/* Tabellen als div */
/*********************************************************************************/

.rTable {
    display: table;
    width: 100%;
}

.rTable-small {
    display: table;
}

.rTableBody {
    display: table-row-group;
}

.rTableRow {
    display: table-row;
}

.rTableCell, .rTableHead {
    display: table-cell;
    padding: 3px 10px;
    border: none;
}

.rTableCell-right {
    display: table-cell;
    padding: 3px 10px;
    border: none;
    text-align: right;
}

.rTableCell-dp
{ /* kein padding für den Doppelpunkt */
}

.rTableCell-left {
    display: table-cell;
    padding: 3px 10px;
    border: none;
    text-align: left;
}

.rTableCell-left-dp {
    display: table-cell;
    padding: 3px 10px;
    border: none;
    text-align: left;
}

.rTableCell-left-dp:before
{
	content: ": ";
}

/***********************************************
fancybox von TZ Portfolio
***********************************************/

.fancybox-slide
{
	padding: 2rem 2rem 0;
}

/*********************************************************************************/
/* Bottom Menu */
/*********************************************************************************/
#t4-footnav .navbar-nav
{
	width: 100%;
}

#t4-footnav ul.nav li a
{
	display: block;
}

#t4-footnav ul.nav li a:before
{
	color: #920404;
    display: inline-block;
    font:  normal normal normal 1em/1 FontAwesome;
    content: "\f054";
    padding: 5px;
}

#t4-footnav a
{
    color: #888;
    position: relative;
    padding: 22px 60px 23px 41px;
    display: block;
    transition: 0.5s;
    border-bottom-style: solid;
    border-width: 1px;
    border-color: #888;
 }

#t4-footnav ul li
{
	list-style:none;
	line-height: 25px;
	font-size: 16px;
}

#t4-footnav ul.nav li a:hover
{
	padding-left: 70px;
	padding-right: 31px;
}

#t4-footnav a:hover, #t4-footnav ul.nav li a:hover:before
{
	left: 29px;
}

/* Captions als Tooltip */

figcaption
{
	display: block;
	text-shadow: unset !important;
	position: relative;
/*	bottom: 1.5rem; Caption im Bild */
	bottom: 0rem; /* Caption unterhalb des Bildes */
	width: 100%;
	background: black !important;
	color: white !important;
	opacity: 0.7;
	visibility: hidden;
}

figure.item-image:hover > figcaption,
figure.newsflash-image:hover > figcaption
{
	visibility: visible;
}

/* Blog Layout Kategorie-Beiträge */
div .col-md-6.col-lg-3
{
	background: #ffffff;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
	margin: 0.2rem;
	padding: 0.2rem;
	max-width: 24%;
}

.tz-flex-grid .tz-flex-item
{
	background: none;
}

.mod-articlesnews-horizontal li
{
	background: #ffffff;
	padding: 1.5rem;
	transition: 350ms all;
	transform: scale(1);
	z-index: 1; 
}

.mod-articlesnews-horizontal li:hover
{
	transform: scale(1.01);
	z-index: 2; 
	box-shadow: 0 0 38px rgba(0, 0, 0, 0.4);
}

/*
.articlesnews-readmore
{
	text-align: center;
	display: contents;
}
*/

#t4-team .readmore
{
	text-align: center;
	display: flow;
    border: none !important;
    border-radius: 0px;
    float: none;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#db8484), to(#920404)) !important;
    background-image: -webkit-linear-gradient(top, #db8484, #920404) !important;
    background-image: -moz-linear-gradient(top, #db8484, #920404) !important;
    background-image: -ms-linear-gradient(top, #db8484, #920404) !important;
    background-image: -o-linear-gradient(top, #db8484, #920404) !important;
    background-image: linear-gradient(top, #db8484, #920404) !important;
}

#t4-angebot .readmore .btn
{
	text-align: center;
	display: grid;
    border: none !important;
    border-radius: 0px;
    float: none;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#db8484), to(#920404)) !important;
    background-image: -webkit-linear-gradient(top, #db8484, #920404) !important;
    background-image: -moz-linear-gradient(top, #db8484, #920404) !important;
    background-image: -ms-linear-gradient(top, #db8484, #920404) !important;
    background-image: -o-linear-gradient(top, #db8484, #920404) !important;
    background-image: linear-gradient(top, #db8484, #920404) !important;
}

#t4-news .module-title, .t4-card .card-header, #t4-ausstellungen .module-title
{
	font-size: 2rem;
	text-transform: uppercase;
	text-align: center;
	padding-top: 1rem;
}

#t4-galerie
{
	padding-top: 1rem;
}

.module-title span::after
{
	content: unset;
}

#t4-about-start .btn.btn-info.readmore, #t4-referenzen-start .btn.btn-info.readmore
{
	text-align: center;
	display: inline-block;
    border: none !important;
    border-radius: 0px;
    float: none;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#db8484), to(#920404)) !important;
    background-image: -webkit-linear-gradient(top, #db8484, #920404) !important;
    background-image: -moz-linear-gradient(top, #db8484, #920404) !important;
    background-image: -ms-linear-gradient(top, #db8484, #920404) !important;
    background-image: -o-linear-gradient(top, #db8484, #920404) !important;
    background-image: linear-gradient(top, #db8484, #920404) !important;
}

#t4-referenzen-start .newsflash-item, #t4-referenzen .newsflash-item 
{
	background: #f6f6f6;
	box-shadow: 0 0 38px rgba(0, 0, 0, 0.4);
	padding: 30px;
	margin: 10px;
}

.module-title
{
	font-size: unset;
}

.tpp-bootstrap h1
{
	font-size: 2.2rem;
}

h1
{
	font-family: 'Hind', sans-serif;	
	color: #888888;
	font-size: 3.375rem; /*54px; */
	font-weight: 300;
	text-transform: uppercase;
	line-height: 3.875rem; /*62px; */
	margin-bottom: 4.375rem; /* 70px; */
}

h2, .h2-center
{
	font-family: 'Hind', sans-serif;	
	color: #888888;
	font-size: 2.8125rem; /* 42px; */
	line-height: 2.875rem; /*46px; */
	font-weight: normal;
	text-transform: uppercase;
	margin-bottom: 3.125rem; /*50px;*/
	padding-top: 2rem;
}

h3, .h3-center
{
	font-family: 'Hind', sans-serif;	
	font-size: 1.625rem; /*26px;*/
	text-transform: uppercase;
	color: #555;
	font-weight: 300;
	line-height: 2rem; /*32px;*/
	margin-bottom: 1.875rem; /*30px;*/
}

h4, .h4-center
{
	font-family: 'Hind', sans-serif;	
    color: #990000 !important;
    font-size: 1rem; /*16px;*/
    font-weight: normal;
    line-height: 1.375rem; /*22px;*/
    /* text-transform: uppercase; */
}

.h2-center, .h3-center, .h4-center
{
	text-align: center;
}

h5
{
	font-family: 'Hind', sans-serif;	
	font: inherit;
	font-weight: 300;
	color: #1b1b1b !important;
}

h6
{
	font-family: 'Hind', sans-serif;	
	font-size: 0.75rem; /*12px;*/
	font-weight: 400;
	margin-bottom: 1rem; /*16px;*/
	text-transform: uppercase;
	color: #1b1b1b;
}

body
{
	background: #f7f7f7;
}

.h2-center, .h3-center, .h4-center
{
	text-align: center;
}

/********************** für tabs im Artikel ******************/
div.jwts_toggleControlContainer a.jwts_toggleOff span.jwts_toggleControlTitle, 
div.jwts_toggleControlContainer a.jwts_toggleOn span.jwts_toggleControlTitle 
{
	background: none;
}

div.jwts_toggleControlContainer a.jwts_toggleOff span.jwts_toggleControlTitle:hover::before, 
div.jwts_toggleControlContainer a.jwts_toggleOn span.jwts_toggleControlTitle:hover::before 
{
	color: #fff;
}

div.jwts_toggleControlContainer a.jwts_toggleOff span.jwts_toggleControlTitle:before 
{
    line-height: normal;
    color: #920404;
    padding-right: 0.5em;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f054";
}

div.jwts_toggleControlContainer a.jwts_toggleOn span.jwts_toggleControlTitle:before 
{
    line-height: normal;
    color: #920404;
    padding-right: 0.5em;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f078";
}

ul.jwts_tabbernav li a 
{
	font-size: 14px;
	margin: 0 2px 0 0;
	padding: 4px 10px 2px;
	color: #920404;
	color: #fff;
	border-radius: 2px 2px 0 0;
	border: 1px solid #bbb;
	border-bottom: none;
	background-image: linear-gradient(transparent, #a6a6a6);
}

ul.jwts_tabbernav li a:hover 
{
	color:#fff;
	border:1px solid #aaa;
	border-bottom:none;
	background-image: linear-gradient(transparent, #777);
	text-decoration:none;
}

ul.jwts_tabbernav li.jwts_tabberactive a 
{
	color:#fff;
	background: #920404;
	border-bottom:1px solid #fff;
}

ul.jwts_tabbernav li.jwts_tabberactive a:hover 
{
	background-image: linear-gradient(transparent, #777);
	border-bottom:1px solid #fff;
	text-decoration:none;
}

.jwts_tabberlive .jwts_tabbertab 
{
	text-align:left;
	margin:2px 0 0!important;
	padding:8px;
	border:1px solid #bbb;
	border-radius:2px;
	background:#fafafa;
}

div.jwts_toggleControlContainer a.jwts_toggleControl 
{
	font-size:14px;
	font-weight:normal;
	text-decoration:none;
	display:block;
	border:1px solid #ccc;
	border-radius:2px;
	background-image: linear-gradient(transparent, #ccc);
	padding:4px;
	margin-bottom:1px;
	line-height:normal;
}

div.jwts_toggleControlContainer a.jwts_toggleOn 
{
	color:#920404;
	margin-bottom:0;
	border-radius:2px 2px 0 0;
	background-image: linear-gradient(transparent, rgba(219,132,132,0.5));
}

div.jwts_toggleControlContainer a.jwts_toggleControl:hover 
{
	background: #920404 !important;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#db8484), to(#920404)) !important;
    background-image: -webkit-linear-gradient(top, #db8484, #920404) !important;
    background-image: -moz-linear-gradient(top, #db8484, #920404) !important;
    background-image: -ms-linear-gradient(top, #db8484, #920404) !important;
    background-image: -o-linear-gradient(top, #db8484, #920404) !important;
    background-image: linear-gradient(top, #db8484, #920404) !important;
	color: #fff;
}

span.jwts_toggleControlNotice
{
	visibility: hidden;
}

/** Ende für tabs im Artikel **/

.zitat
{
	display: block;
	padding: 12px;
	margin: 0 0 5px 0;
	font-style: italic;
	color: #333333;
	font-size: 16px;
	line-height: 25px;
	background-color: #eee;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.15);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

/* Groß-Klein Schreibung, kein Bkgrd. */
.zitat3
{
	display: block;
	padding: 10px;
	margin-right: 15px;
	margin-left: 5px;
	font-style: italic;
	text-transform: none;
	text-align: justify;
	color: #333333;  
	font-size: 1rem; /* 16px */
	line-height: 1.5rem;  
}

/* Anpassungen für as_carousel */
.carouselck_captions
{
	background-color: #ffffff !important;
	padding-left: 15px;
	padding-right: 15px;
}

.carouselck_caption_title
{
	font-size: 1.5rempx;
}

#carouselck_wrap_131 .carouselck_caption > div
{
	background: rgba(230, 230, 230, 0.85);
	color: #920404;
}

#carouselck_wrap_131 .carouselck_images img
{
	background-color: #ffffff;
	padding: 1rem;
}

#carouselck_wrap_131 img.carouselckcurrentimg
{
	background-color: #ffffff;
	padding: 1rem;
}

.carouselck_caption
{
	padding-right: 2rem;
	padding-bottom: 0.5rem;
}

.carouselck_caption > div .zitat3
{
	display: -webkit-inline-box;
	padding: 8px;
	margin-right: 5px;
	margin-left: 5px;
	font-style: italic;
	text-transform: none;
	text-align: justify;
	color: #333333;   
	font-size: 0.7rem !important;
	line-height: 0.93rem;
}

.carouselck_caption > div p
{
	padding-bottom: 0.5em;
}

.hervorheben-table
{
	display: table;
	float: right;
	padding: 12px;
	margin: 0 0 5px 0;
	font-style: italic;
	color: #333333;
	font-size: 16px;
	line-height: 25px;
	background-color: #edf0f1;
	border: 1px solid #ccc;
	border: 2px solid rgba(40,134,158,0.8);
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
}

/* Blog Layout */
.fuehrend .blog-item-content
{
	background: rgba(254,254,254,0.8);
	padding: 0.5rem;
	margin-bottom: 1rem;
	border-bottom: 1px solid rgba(40,134,158,0.8);
}

.fuehrend a.btn.btn-secondary
{
	text-align: center;
	display: inline-block;
    border: none !important;
    border-radius: 0px;
    float: none;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#db8484), to(#920404)) !important;
    background-image: -webkit-linear-gradient(top, #db8484, #920404) !important;
    background-image: -moz-linear-gradient(top, #db8484, #920404) !important;
    background-image: -ms-linear-gradient(top, #db8484, #920404) !important;
    background-image: -o-linear-gradient(top, #db8484, #920404) !important;
    background-image: linear-gradient(top, #db8484, #920404) !important;
}

.sp-simpleportfolio .sp-simpleportfolio-meta 
{
	display: none; width:0%;
} 

.sp-simpleportfolio .sp-simpleportfolio-description 
{
  width: 100%; float: none;
}

.article-body ul li
{
	list-style: none;
}	

/**** muss mal weg weil das überall das info zeichen macht!
.article-body ul li:before
{
	color: #920404;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f054"; pfeil rechts 
    content: "\f1fc"; pinsel 
    content: "\f05a"; info Zeichen 
    padding: 5px;
}
****/

/* card-layout umgestalten. ohne hintergrund und border */
.card-header
{
	background-color: unset;
}

.card
{
	background-color: unset;
	border: none;
}


/*********************************************
Anpassungen für Portfolio Plus
Title wird bei Layout amuda hardcoded auf h3 gesetzt.
/parallelwelten-test/components/com_tz_portfolio_plus/templates/amuda/html/default/portfolio/default_item.php und default.php
*********************************************/
.TzPortfolioTitle.name
{
	/* font-size: 1rem; mach ich jetzt nicht*/
}

#t4-ueber-uns .tz-flex-grid>.grid
{
	grid-template-columns: repeat(auto-fit,minmax(100%,1fr));
}

.tz-flex-grid .tz-flex-item a:hover
{
	color: #920404;
}

.tz-flex-grid .tz-flex-grid-content
{
	background: rgba(127, 127, 127, 0.2);
}

/*********************************************
* Responsive Anpassungen
*********************************************/
/* für große displays */
@media (min-width: 1281px) {
	/* Team 2-Spaltig */
	#t4-team .tz-flex-grid>.grid,
	#t4-angebot .tz-flex-grid>.grid
	{
		grid-template-columns: repeat(2, 49%);
		grid-column-gap: 2rem;
	}
	
	#t4-team .tz-flex-grid .tz-flex-grid-media>div img,
	#t4-angebot .tz-flex-grid .tz-flex-grid-media>div img
	{
		width: unset;
		max-width: 100%;
	}
	
	#t4-team .tz-flex-grid .tz-flex-item,
	#t4-angebot .tz-flex-grid .tz-flex-item
	{
		background: #fff;
	}
	
	.tz-flex-grid .tz-flex-lightbox, .tz-flex-grid .tz-flex-heading
	{
		font-size: 1.625rem !important;
		line-height: 1.3rem;
		margin-bottom: 1rem;
	}

	#t4-team .tz-flex-grid .tz-flex-lightbox, #t4-team .tz-flex-grid .tz-flex-heading
	{
		margin-top: 14.5rem;
	}

	#t4-angebot a.tz-flex-lightbox
	{
		margin-top: 9rem;
	}

	.tz-flex-grid .tz-flex-description
	{
		font-size: 0.8rem;
		line-height: 0.5rem;
	}
	
	.tz-flex-grid .tz-flex-description>p
	{
		margin-bottom: 0.4rem;
	}

	.nav-breakpoint-lg .t4-megamenu .navbar-nav > li > a, .nav-breakpoint-lg .t4-megamenu .navbar-nav > li > .nav-link 
	{
		padding: 1.5em 0.5em;
	}
	
	.t4-component, .component
	{
		padding-top: 2rem;
		padding-bottom: 1rem;
	}
	
	#t4-workshops div.TzInner,
	#t4-news div.TzInner
	{
		height: 360px;
	}
}


    /* Media Query for Tablets (Landscape), Laptops and Desktops */
@media (min-width: 1025px) and (max-width: 1280px) 
{
/* Logo Größe */
	img.logo-img-sm.d-block.d-sm-none 
	{
		max-width: 250%;
	}

	#fancybox-container-1 > div.fancybox-inner > div.fancybox-stage > div.fancybox-slide.fancybox-slide--iframe.fancybox-slide--current.fancybox-slide--complete .fancybox-content
	{
		position: absolute;
		top: 3rem;
		left: 2.5%;
		max-width: 95%;
	}
	/***!!!! noch umbauen, damit das in der Slider-Caption gilt */
	h2
	{
		font-size: 1rem !important;
		line-height: 1.25rem;
	}

	.swiper-desc h2
	{ 
		font-size: 1.8em !important;
		line-height: 1.2em;
		padding-top: 2.2em;
		margin-bottom: 0.8em;
	}
	
	.swiper-desc
	{
		font-size: 1.125em;
	}

	.tpp-bootstrap h1
	{
		font-size: 1.6rem !important;
	}

	#t4-workshops div.TzInner,
	#t4-news div.TzInner
	{
		height: 380px;
	}

	#t4-team .tz-flex-grid .tz-flex-lightbox, #t4-team .tz-flex-grid .tz-flex-heading
	{
		margin-top: 15rem;
	}

	.tz-flex-grid .tz-flex-description
	{
		font-size: 0.8rem;
		line-height: 0.5rem;
	}
	
	.tz-flex-grid .tz-flex-lightbox, .tz-flex-grid .tz-flex-heading
	{
		font-size: 1.625rem !important;
		line-height: 1rem;
		margin-bottom: 0.7rem;
	}
}

	/* Media Query for Tablets Ipads portrait mode */
@media (min-width: 768px) and (max-width: 1024px)
{
	#t4-workshops div.TzInner
	{
		height: 300px;
	}

	#t4-news div.TzInner
	{
		height: 380px;
	}

	#t4-team .tz-flex-grid .tz-flex-lightbox, #t4-team .tz-flex-grid .tz-flex-heading
	{
		margin-top: 15rem;
	}

	.tz-flex-grid .tz-flex-description
	{
		font-size: 0.8rem;
		line-height: 0.5rem;
	}
	
	.tz-flex-grid .tz-flex-lightbox, .tz-flex-grid .tz-flex-heading
	{
		font-size: 1.625rem !important;
		line-height: 1rem;
		margin-bottom: 0.7rem;
	}

	.swiper-desc h2
	{ 
		font-size: 1.8em !important;
		line-height: 2em;
		padding-top: 1.2em;
		margin-bottom: 0.8em;
	}
	
	.swiper-desc
	{
		font-size: 0.75em;
	}
}

/* Handy Querformat, Tablet Hochformat */
@media (min-width: 481px) and (max-width: 767px) {
/* Logo Größe */
	img.logo-img-sm.d-block.d-sm-none 
	{
		max-width: 250%;
	}

	.img-pos-variabel
	{
		text-align: center;
	}
	
/* Slider Caption */
	.swiper-desc h2
	{ 
		font-size: 1.8em !important;
		line-height: 2em;
		padding-top: 1.2em;
		margin-bottom: 0.8em;
	}
	
	.swiper-desc
	{
		font-size: 0.75em;
	}
/*
	.swiper-title
	{
		font-size: 0.8em;
	}

	.swiper-desc
	{
		font-size: 0.5em;
	}
*/	
	/* Top-Leiste */
	.social-buttons
	{
		font-size: 0.9em;
	}

	#fancybox-container-1 > div.fancybox-inner > div.fancybox-stage > div.fancybox-slide.fancybox-slide--iframe.fancybox-slide--current.fancybox-slide--complete .fancybox-content
	{
		position: absolute;
		top: 3rem;
		left: 0px;
	}

	.tpp-bootstrap h1
	{
		font-size: 1.6rem !important;
	}

	#t4-workshops div.TzInner
	{
		height: 400px;
	}

	#t4-news div.TzInner
	{
		height: 380px;
	}

	#t4-team .tz-flex-grid .tz-flex-lightbox, #t4-team .tz-flex-grid .tz-flex-heading
	{
		margin-top: 15rem;
	}

	.tz-flex-grid .tz-flex-description
	{
		font-size: 0.8rem;
		line-height: 0.5rem;
	}
	
	.tz-flex-grid .tz-flex-lightbox, .tz-flex-grid .tz-flex-heading
	{
		font-size: 1.625rem !important;
		line-height: 1rem;
		margin-bottom: 0.7rem;
	}
}

    /* Media Query for Mobile Devices - hochformat */

@media (max-width: 480px) {
	/*********************************************
	* Flex Grid settings
	*********************************************/
	
	#t4-team .tz-flex-grid>.grid,
	#t4-angebot .tz-flex-grid>.grid
	{
		grid-template-columns: repeat(auto-fit,minmax(100%,1fr));
		grid-auto-rows: unset;
	}

	.tz-flex-grid .tz-flex-lightbox, .tz-flex-grid .tz-flex-heading
	{
		font-size: 1.2rem !important;
		line-height: 1.3rem;
		margin-bottom: 0.5rem;
	}

	#t4-team .tz-flex-grid .tz-flex-lightbox, #t4-team .tz-flex-grid .tz-flex-heading
	{
		margin-top: 14.5rem;
	}

	#t4-angebot .tz-flex-grid .tz-flex-lightbox, #t4-angebot .tz-flex-grid .tz-flex-heading
	{
		margin-top: 0px;
	}

	.tz-flex-grid .tz-flex-description
	{
		font-size: 0.8rem;
		line-height: 0.8rem;
	}
	
	.tz-flex-grid .tz-flex-description>p
	{
		margin-bottom: 0.4rem;
	}

	.tpp-bootstrap h1
	{
		font-size: 1.5rem !important;
	}

	#t4-workshops div.TzInner
	{
		height: 340px;
	}

	#t4-news div.TzInner
	{
		height: 380px;
	}
	
	.swiper-desc h2
	{ 
		font-size: 1.1em !important;
		line-height: 1em;
		padding-top: 0.8em;
		margin-bottom: 0.8em;
	}
	
	.swiper-desc
	{
		font-size: 0.75em;
	}
}

/* zum Testen der Auflösungsbereiche beim Resizing und im Responsive Design
       
        @media (max-width: 480px) {
            .t4-palette-academia_main {
                background-color: red;
            }
        }

        @media (min-width: 481px) and (max-width: 767px) {
            .t4-palette-academia_main {
                background-color: yellow;
            }
        }

        @media (min-width: 768px) and (max-width: 1024px){
            .t4-palette-academia_main {
                background-color: blue;
            }
        }

        @media (min-width: 1025px) and (max-width: 1280px){
            .t4-palette-academia_main {
                background-color: green;
            }
        }

        @media (min-width: 1281px) {
            .t4-palette-academia_main {
                background-color: white;
            }
        }
*/