/*********************************************
* individuelle classes
*********************************************/

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

.angebot, .t4-about-start, .t4-referenzen-start
{
	padding-top: 3rem;
	padding-bottom: 3rem;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
}

.team
{
	padding-top: 3rem;
	padding-bottom: 3rem;
	border-bottom: 1px solid #cccccc;
}

.kooperationspartner_innen
{
	padding-top: 3rem;
	padding-bottom: 3rem;
	border-top: 1px solid #ffffff;
}

.t4-mainbody
{
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
}

.t4-slider
{
	border-bottom: 1px solid #cccccc;
}

/*
.t4-section
{
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
}
*/

/* 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: #28869e; 
	padding-left: 0.5em;
	padding-right: 0.5em;
}

.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;
}

/*********************************************************************************/
/* 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
{
	color: #28869e;
	border-top-color: #28869e;
	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
{
	background: #777;
	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, .t4-megamenu .navbar-nav > li.active > .nav-link .item-caret::before,
.t4-megamenu .navbar-nav > li.current > a .item-caret::before, .t4-megamenu .navbar-nav > li.current > .nav-link .item-caret::before
{
	background-color: #28869e;
	color: #fff;
	border-top-color: #fff;
}

.t4-megamenu .dropdown-menu .mega-nav > .active a.nav-link, .t4-megamenu .dropdown-menu .mega-nav > .active a.dropdown-item
{
	background-color: #28869e;
	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
{
	background: #777;
	color: #fff;
}

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

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

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

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

.rTableRow 
{
    display: table-row;
}

.rTableCell, .rTableHead 
{
    display: table-cell;
    padding: 3px 10px;
    border: 1px dotted #dddddd;
}

/*********************************************************************************/
/* Tabellen als div für Beiträge als Ersatz für sidebar-right					 */
/* Hat 2 Spalten und 2 Zeilen. Rechte Spalte statt Sidebar wird nur bei Display  */
/* größer 992px angezeigt.														 */
/* Für kleinere Displays wird stattdessen die 2. Zeile angezeigt.				 */
/*********************************************************************************/

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

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

.rTableRow-article 
{
    display: table-row;
}

.rTableCell-article, .rTableHead-article, .rTableCell-article-right 
{
    display: table-cell;
    padding: 3px 10px;
    /* border: 1px dotted #dddddd; */
}

/* Breite Sidebar */
.rTableCell-article-right
{
	width: 40%;
}

.rTableCell-article-bottom
	{
		display: none;
	}


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

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

#t4-footnav ul.nav li a:before
{
	color: #28869e;
    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
{
	background: #28869e !important;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#92ccda), to(#28869e)) !important;
    background-image: -webkit-linear-gradient(top, #92ccda, #28869e) !important;
    background-image: -moz-linear-gradient(top, #92ccda, #28869e) !important;
    background-image: -ms-linear-gradient(top, #92ccda, #28869e) !important;
    background-image: -o-linear-gradient(top, #92ccda, #28869e) !important;
    background-image: linear-gradient(top, #92ccda, #28869e) !important;
	color: #fff;
	padding-left: 70px;
	padding-right: 31px;
}

#t4-footnav a:hover
{
	color: #fff;
	left: 29px;
}

#t4-footnav ul.nav li a:hover:before
{
	color: #fff;
    font:  normal normal normal 1em/1 FontAwesome;
    content: "\f054";
	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 0.3125rem rgba(0, 0, 0, 0.4);
	margin: 0.2rem;
	padding: 0.2rem;
	max-width: 24%;
}

/*********************************************
* Article Newsflash
*********************************************/

#t4-team ul.mod-articlesnews-horizontal.newsflash-horiz.mod-list
{
	grid-column-gap: 2rem;
}

#t4-angebot ul.mod-articlesnews-horizontal.newsflash-horiz.mod-list
{
	grid-column-gap: 2rem;
}

.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 2.375rem 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(#92ccda), to(#28869e)) !important;
    background-image: -webkit-linear-gradient(top, #92ccda, #28869e) !important;
    background-image: -moz-linear-gradient(top, #92ccda, #28869e) !important;
    background-image: -ms-linear-gradient(top, #92ccda, #28869e) !important;
    background-image: -o-linear-gradient(top, #92ccda, #28869e) !important;
    background-image: linear-gradient(top, #92ccda, #28869e) !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(#92ccda), to(#28869e)) !important;
    background-image: -webkit-linear-gradient(top, #92ccda, #28869e) !important;
    background-image: -moz-linear-gradient(top, #92ccda, #28869e) !important;
    background-image: -ms-linear-gradient(top, #92ccda, #28869e) !important;
    background-image: -o-linear-gradient(top, #92ccda, #28869e) !important;
    background-image: linear-gradient(top, #92ccda, #28869e) !important;
}

#t4-angebot .module-title, #t4-team .module-title, #t4-kooperationen .module-title, #t4-title-description .module-title
{
	font-size: 2rem;
	text-transform: uppercase;
}

#t4-title-description
{
	padding-top: 1rem;
	padding-bottom: 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(#92ccda), to(#28869e)) !important;
    background-image: -webkit-linear-gradient(top, #92ccda, #28869e) !important;
    background-image: -moz-linear-gradient(top, #92ccda, #28869e) !important;
    background-image: -ms-linear-gradient(top, #92ccda, #28869e) !important;
    background-image: -o-linear-gradient(top, #92ccda, #28869e) !important;
    background-image: linear-gradient(top, #92ccda, #28869e) !important;
}

.btn-vita
{
	font-family: 'Hind';
	font-size: 1rem;
	font-weight: 500;
	font-style: italic;
	color: #28869e !important;
}

.fa-hand-point-right:before
{
	padding-right: 1rem;
}

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

/* für die Referenzen wenn der Style auf Default gesetzt ist */
#t4-referenzen .mod-articlesnews__item
{
	background: #fff;
	box-shadow: 0 0 38px rgba(0, 0, 0, 0.4);
	padding: 30px;
	margin: 30px;
}

#t4-referenzen figure.newsflash-image
{
	text-align: center;
}

h1, .tpp-bootstrap h1
{
	font-family: 'Hind', sans-serif;	
	color: #888888;
	font-size: 2.8125rem; /* 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, .h1-small /* h1-small brauch ich für Seiten wo h1 zu groß wäre, aber Suchmaschinen trotzdem h1 finden sollten */
{
	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: #28869e !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;
	/* color: #28869e !important; */
}

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

/********************** 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: #28869e;
    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: #28869e;
    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: #28869e;
	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: #28869e;
	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:#28869e;
	margin-bottom:0;
	border-radius:2px 2px 0 0;
	background-image: linear-gradient(transparent, rgba(40,134,158,0.5));
}

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

span.jwts_toggleControlNotice
{
	visibility: hidden;
}

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

.zitat
{
	display: block;
	padding: 0.75rem;
	margin: 0 0 5px 0;
	font-style: italic;
	color: #333333;
	font-size: 1rem;
	line-height: 1.4rem;
	background-color: #f5f5f5;
	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;  
}

/* Format für Zielgruppe bei den Dienstleistungen*/
.zielgruppe
{
	display: block;
	padding: 12px;
	margin: 0 0 5px 0;
	font-style: italic;
	color: #333333;
	font-size: 16px;
	line-height: 25px;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.15);
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

/*Sprechblase für Referenzkommentare bei Leistungen */
.sprechblase 
{
position: relative;
padding: 1rem;
border: 4px solid #f8e146;
margin:0 auto;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background: none;
}

.sprechblase:before 
{
content: ' ';
position: absolute;
width: 0;
height: 0;
left: 30px;
top: 100%;
border: 20px solid;
border-color: #f8e146 transparent transparent #f8e146;
}

.sprechblase:after 
{
content: ' ';
position: absolute;
width: 0;
height: 0;
left: 34px;
top: 100%;
border: 15px solid;
border-color: #f7f7f7 transparent transparent #f7f7f7;
}

/* 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: #28869e;
}

#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: 0.5rem; /*8px;*/
	margin-right: 0.3125rem; /*5px;*/
	margin-left: 0.3125rem; /*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.5rem;
}

.hervorheben-table
{
	display: table;
	float: right;
	padding: 0.75rem; /*12px;*/
	margin: 0 0 0.3125rem 0;
	font-style: italic;
	color: #333333;
	font-size: 1rem; /*16px;*/
	line-height: 1.5625rem; /*25px;*/
	background-color: #edf0f1;
	border: 1px solid #ccc;
	border: 2px solid rgba(40,134,158,0.8);
	-webkit-border-radius: 1.125rem; /*18px;*/
	-moz-border-radius: 1.125rem; /*18px;*/
	border-radius: 1.125rem; /*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(#92ccda), to(#28869e)) !important;
    background-image: -webkit-linear-gradient(top, #92ccda, #28869e) !important;
    background-image: -moz-linear-gradient(top, #92ccda, #28869e) !important;
    background-image: -ms-linear-gradient(top, #92ccda, #28869e) !important;
    background-image: -o-linear-gradient(top, #92ccda, #28869e) !important;
    background-image: linear-gradient(top, #92ccda, #28869e) !important;
}

/* Listelemente mit Font-Awsome Symbolen */
.listeTC-FA
{
	margin-left: 0.5rem;
	list-style-type: none;
}

.listeTC-FA li
{
	position: relative;
}	

.listeTC-FA li:before
{
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-size: 0.65rem;
	line-height: 1.3rem;
	color: #28869e;
	content: "\f292"; /* # */ 
	/* content: "\f129"; */ /* Info */ 
	/* content: "\f591"; */ /* highlighter */ 
	/* content: "\f276"; */ /* Map Pin */ 
	/* content: "\f0a4"; */ /* Fingerzeigen rechts */ 
	/* content: "\f04b"; */ /* Play Button */
	position: absolute;
	left: -2rem; 
}	

.listeTC-FA-finger
{
	margin-left: 0.5rem;
	list-style-type: none;
}

.listeTC-FA-finger li
{
	position: relative;
}	

.listeTC-FA-finger li:before
{
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-size: 1rem;
	line-height: 1.3rem;
	color: #28869e;
	/* content: "\f129"; */ /* Info */ 
	/* content: "\f591"; */ /* highlighter */ 
	/* content: "\f276"; */ /* Map Pin */ 
	content: "\f0a4"; 	    /* Fingerzeigen rechts */
	/* content: "\f04b"; */ /* Play Button */
	position: absolute;
	left: -1.5rem; 
}	

.listeTC-FA-award
{
	margin-left: 0.5rem;
	list-style-type: none;
}

.listeTC-FA-award li
{
	position: relative;
}	

.listeTC-FA-award li:before
{
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-size: 0.65rem;
	line-height: 1.3rem;
	color: #28869e;
	content: "\f559"; /* award */ 
	position: absolute;
	left: -2rem; 
}	

.listeTC-FA-check
{
	margin-left: 0.5rem;
	list-style-type: none;
}

.listeTC-FA-check li
{
	position: relative;
}	

.listeTC-FA-check li:before
{
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-size: 0.65rem;
	line-height: 1.3rem;
	color: #28869e;
	content: "\f00c"; /* check */ 
	position: absolute;
	left: -2rem; 
}	

/* Search Button im Menü */
.fa-search:before
{
	margin-right: 0.5rem;
}

.fa-search span.menu-item-title
{
	font-family: 'Hind';
	font-weight: 300;
}

.search.fas
{
	line-height: unset;
}
/* Search Button Ende */

/* Buttons für Filter einheitlich machen */
#tpPortfolio .btn.btn-primary,
.tplOraz #tz_options .option-combo a
{
	padding: 0.375rem 0.75rem;
	border-radius: 0.1875rem;
	color: #6c757d;
	border-color: #6c757d !important;
	background-color: #f7f7f7 !important;
}

#tpPortfolio .btn.btn-primary:hover,
.tplOraz #tz_options .option-combo a:hover
{
	color: #fff;
	border-color: #6c757d !important;
	background-color: #6c757d !important;
}	

#tpPortfolio .btn.btn-primary.active, #tpPortfolio .btn:focus,
.tz-flex-grid .tz-flex-filter .btn.selected,
.tplOraz #tz_options .option-combo a.selected
{
	color: #fff;
	border-color: #28869e !important;
	background-color: #28869e !important;
	box-shadow: none;
}	

div#filter.option-set
{
	text-align: center;
}

/* Filterbuttons Ende */

.category-menu .item
{
	margin: 5px;
	padding: 10px;
	background-color: #fff;
	transition: 350ms all;
}

.category-menu .item:hover
{
	transform: scale(1.01);
    z-index: 2;
    box-shadow: 0 0 18px rgba(0, 0, 0, 0.4);
}

.category-menu a
{
	font-size: 1.8rem;
	font-weight: 400;
}

.category-menu
{
		grid-row-gap: 1rem;
}

/* oraz layout - einzelner Artikel */

.tpItemPage .tpArticleMedia
{
	margin-top: 1.5em;
}

/* paginierung Blog */
.page-item.active .page-link, li.page-item .page-link:focus
{
	background-color: #28869e;
	border-color: #28869e;
	box-shadow: none;
}

/* Header Farbe für Slider Caption anpassen */
.swiper-desc h3
{
	color: #fff;
}

.tz-flex-grid.arum .tz-flex-grid-content
{
	background-color: rgba(245, 245, 245, 0.8);
}

.tz-flex-grid .tz-flex-grid-content
{
	background-color: rgba(245, 245, 245, 0); /* Falls da doch Bilder hinkommen und ein grauer Hintergrund gebraucht wird, diese Zeile rauskommentieren! */
	color: rgba(4, 4, 4, 1);
	margin: 0.9rem;
	padding: 30px;
	font-style: italic;
}

.tz-flex-grid a:not(.btn)
{
	font-weight: 400;
/*	color: rgba(0, 0, 0, 0); */
/*	color: rgba(250, 250, 250, 1); weiße Schrift falls als Kontrast zum Hintergrund gebraucht wird. */
}

#t4-angebot .tz-flex-grid .tz-flex-item a:not(.btn)
{
	color: rgba(4, 4, 4, 1) !important;
}


#t4-angebot .tz-flex-grid .tz-flex-grid-content:hover
{
	background-color: rgba(245, 245, 245, 0); 
/*
	background-image: -webkit-linear-gradient(90deg, rgba(146,204,218,0.7) 0%, rgba(40,134,158,0.85) 35%, rgba(55,144,166,0.85) 65%, rgba(146,204,218,0.7) 100%) !important;
    background-image: -moz-linear-gradient(90deg, rgba(146,204,218,0.7) 0%, rgba(40,134,158,0.85) 35%, rgba(55,144,166,0.85) 65%, rgba(146,204,218,0.7) 100%) !important;
    background-image: -ms-linear-gradient(90deg, rgba(146,204,218,0.7) 0%, rgba(40,134,158,0.85) 35%, rgba(55,144,166,0.85) 65%, rgba(146,204,218,0.7) 100%) !important;
    background-image: -o-linear-gradient(90deg, rgba(146,204,218,0.7) 0%, rgba(40,134,158,0.85) 35%, rgba(55,144,166,0.85) 65%, rgba(146,204,218,0.7) 100%) !important;
    background-image: linear-gradient(90deg, rgba(146,204,218,0.7) 0%, rgba(40,134,158,0.85) 35%, rgba(55,144,166,0.85) 65%, rgba(146,204,218,0.7) 100%);
	color: #fff;
*/
    background-image: url("/images/angebot/Kranich 130x130.png");
    background-repeat: no-repeat;
	background-position-x: right;
    background-position-y: 15%;
    background-size: 15%;	
	margin: 0.9rem;
}

#t4-angebot .tz-flex-grid .tz-flex-grid-content:hover a:not(.btn)
{
	color: #28869e !important;
	font-weight: 400;
}

.tz-flex-grid .tz-flex-item
{
/*	background: rgba(40,134,158,0.85); */
	background: none;
	padding: 10px;
}

.tz-flex-grid .tz-flex-item:hover:not(.tz-flex-faded) .tz-flex-grid-media 
{
    -ms-transform: scale(1.045);
    -moz-transform: scale(1.045);
    -webkit-transform: scale(1.045);
    -o-transform: scale(1.045);
    transform: scale(1.045); 
}

/* #t4-angebot .tz-flex-grid */
#t4-angebot .moduleangebotsuebersicht, #t4-angebot .moduleangebot 
{
/*
	background-image: url("/images/angebot/Flipchart-Papier.png");
*/
	border: 10px solid;
/*	border-color: rgba(78,136,151,1); */
	border-color: rgba(165,169,180,1);
	box-shadow: 0 0 10px 10px rgba(165,169,180,1);
	background-color: rgba(231,236,235,0.5);
	margin-top: 1rem;
}

#t4-angebot .moduleangebotsuebersicht .module-title
{
	padding-top: 2rem;
	padding-left: 2rem;
}

.bg-selbstorganisation
{
	background-image: url("/images/angebot/Selbstorganisation400x300.jpg");
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: top;
    background-size: 4rem;
    line-height: 4rem;	
}

.bg-fuehrung
{
	background-image: url("/images/angebot/Fuehrung400x300.png");
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: top;
    background-size: 4rem;
    line-height: 4rem;	
}

.bg-change
{
	background-image: url("/images/angebot/change category400x300.png");
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: top;
    background-size: 4rem;
    line-height: 4rem;	
}

.bg-weiterbildung
{
	background-image: url("/images/angebot/Weiterbildung400x300.jpg");
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: top;
    background-size: 4rem;
    line-height: 4rem;	
}

/*
.grid-angebot a:not(.btn)
{
	color: #fff;
}

.grid-angebot a:not(.btn):hover
{
	color: #fff;
	text-decoration: underline;
}
*/
#portfolio.super-list
{
	background: #fff;
}

/*********************************************
* Responsive Anpassungen
*********************************************/
/* für große displays white*/
@media (min-width: 1281px) {
 /*@media (min-width: 992px) {*/
	/* Angebot auf Startseite 2-spaltig */
	.category-menu
	{
		display: grid;
		grid-template-columns: repeat(2, 49%);
		grid-column-gap: 2rem;
	}
	
	/* Team 2-Spaltig */
	#t4-team .tz-flex-grid>.grid,
	#t4-kooperationen .tz-flex-grid>.grid
	{
		grid-template-columns: repeat(2, 49%);
		grid-column-gap: 2rem;
		grid-auto-rows: unset;
	}
	
	#t4-team .tz-flex-grid .tz-flex-grid-media>div img,
	#t4-kooperationen .tz-flex-grid .tz-flex-grid-media>div img
	{
		width: unset;
		max-width: 100%;
	}
	
	#t4-team .tz-flex-grid .tz-flex-item,
	#t4-kooperationen .tz-flex-grid .tz-flex-item
	{
		background: #fff;
	}
	
	.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;
	}
}

/* Media Query for Tablets (Landscape), Laptops and Desktops green */
@media (min-width: 1025px) and (max-width: 1280px) {
/* Logo Größe */

/* Logo Größe Off-Canvas Menü*/
	.t4-offcanvas .t4-off-canvas-header a img 
	{
		max-height: 1.8rem;
	}
	
	img.logo-img.d-none.d-sm-block
	{
		max-width: 250%;
	}

	.img-pos-variabel
	{
		text-align: center;
	}
	
/* Slider Caption */
	.swiper-title
	{
		font-size: 1.1rem;
	}

	.swiper-desc
	{
		font-size: 0.9rem;
	}

	.swiper-desc h3
	{
		font-size: 1.1rem !important;
		line-height: 1rem;
		margin-bottom: 0.94rem;
	}
	
	.swiper-desc p
	{
		margin-bottom: 0.8rem;
	}
	
	.swiper-desc .btn
	{
		font-size: 0.8rem;
		line-height: 1rem;
	}
	
	/* Top-Leiste */
	.social-buttons
	{
		font-size: 0.9em;
	}

	#t4-referenzen-start .newsflash-image > img,
	#t4-referenzen-start .newsflash-image > figcaption,
	#t4-referenzen .newsflash-image > img,
	#t4-referenzen .newsflash-image > figcaption
	{
		background: #ffffff;
		width: 50%;
		font-size: 0.9rem;
	}

	/* Angebot auf Startseite 2-spaltig */
	.category-menu
	{
		display: grid;
		grid-template-columns: repeat(2, 49%);
		grid-column-gap: 2rem;
	}
	
	#t4-angebot .tz-flex-grid .tz-flex-grid-media>div img
	{
		object-fit: unset;
	}
	
/*
	.tpItemPage .reset-heading
	{
		font-size: 1.2rem !important;
	}
*/

	.rTableCell-article-right
	{
		display: table-cell; /* none */
	}

/*
	.rTableCell-article-bottom
	{
		display: table-cell;
	}
	*/
}

/* Media Query for Tablets Ipads portrait mode blue */
@media (min-width: 768px) and (max-width: 1024px) {
	h1
	{
		font-size: 2.125rem !important;
	}

	.swiper-caption
	{
		width: 30% !important;
	}

	.swiper-desc
	{
		font-size: 0.8rem;
	}

	.swiper-desc h3
	{
		font-size: 0.9rem !important;
		line-height: 1rem;
		margin-bottom: 0.94rem;
	}

	.btn
	{
		font-size: 0.8rem;
	}

	.category-menu
	{
		display: grid;
		grid-template-columns: repeat(2, 49%);
		grid-row-gap: 1rem;
/*		text-align: center;*/
	}

	#t4-angebot .tz-flex-grid .tz-flex-grid-media>div img
	{
		object-fit: unset;
	}
	
/* Logo Größe Off-Canvas Menü*/
	.t4-offcanvas .t4-off-canvas-header a img 
	{
		max-height: 1.8rem;
	}
	
	img.logo-img.d-none.d-sm-block
	{
		max-width: 270%;
	}

	.img-pos-variabel
	{
		text-align: right;
	}
}

/* muss leider extra sein weil im default diese grenze verwendet wird 
@media (min-width: 576px) { 
	img.logo-img-sm.d-block.d-sm-none 
	{
		max-width: 270%;
	}

	.img-pos-variabel
	{
		text-align: right;
	}
}
*/

/* Handy Querformat, Tablet Hochformat yellow */
@media (min-width: 481px) and (max-width: 767px) {
	h1, .h1
	{
		font-size: 2.1rem !important;
	}

	.swiper-caption
	{
		width: 40% !important;
	}

	.swiper-desc
	{
		font-size: 0.6rem;
	}

	.swiper-desc h3
	{
		font-size: 0.8rem !important;
		line-height: 1rem;
		margin-bottom: 0.94rem;
	}

	.btn
	{
		font-size: 0.6rem;
	}

	.category-menu
	{
		display: grid;
		grid-template-columns: repeat(1, 100%);
		grid-row-gap: 1rem;
/*		text-align: center;*/
	}

	#t4-angebot .tz-flex-grid .tz-flex-grid-media>div img
	{
		object-fit: unset;
	}
	
/* Logo Größe Off-Canvas Menü*/
	.t4-offcanvas .t4-off-canvas-header a img 
	{
		max-height: 1.8rem;
	}
	
	img.logo-img.d-none.d-sm-block, img.logo-img-sm.d-block.d-sm-none
	{
		max-width: 250%;
	}

	.img-pos-variabel
	{
		text-align: center;
	}

	.rTableCell-article-right
	{
		display: none;
	}

	.rTableCell-article-bottom
	{
		display: table-cell;
	}

	.bg-weiterbildung
	{
		background-image: none;
	}
}

/* Media Query for Mobile Devices - hochformat (rot) */
@media (max-width: 480px) {
	h1, .h1
	{
		font-size: 1.4rem !important;
	}

	.zitat
	{
			font-size: 0.8rem;
	}
	
/* Scrift bei Impressum, disclaimer und AGBs kleiner machen */
	.bottom-articles
	{
		font-size: .73rem;
	}
	
	/* Angebot auf Startseite 1-spaltig */
	.category-menu
	{
		display: grid;
		grid-template-columns: repeat(1, 100%);
		grid-row-gap: 1rem;
		text-align: center;
	}

	#t4-angebot .tz-flex-grid .tz-flex-grid-media>div img
	{
		object-fit: unset;
	}
	
	/* Team 1-Spaltig */	
	#t4-team .tz-flex-grid>.grid,
	#t4-kooperationen .tz-flex-grid>.grid
	{
		grid-template-columns: repeat(1, 100%);
		grid-auto-rows: unset;
	}

	#t4-angebot .tz-flex-grid>.grid
	{
		grid-template-columns: repeat(1, minmax(288px, 1fr));
	}

	.rTableCell-article-right
	{
		display: none;
	}

	.rTableCell-article-bottom
	{
		display: table-cell;
	}

/* Logo Größe Off-Canvas Menü*/
	.t4-offcanvas .t4-off-canvas-header a img 
	{
		max-height: 1.5rem;
	}
	
/* Logo Größe in Menüzeile */
	img.logo-img-sm.d-block.d-sm-none 
	{
		max-width: 250%;
	}

	.img-pos-variabel
	{
		text-align: center;
	}
	
/* Slider Caption */
	.swiper-title
	{
		font-size: 0.8em;
	}

	.swiper-desc
	{
		font-size: 0.5em;
	}

	.swiper-desc h3
	{
		font-size: 0.8rem !important;
		line-height: 1rem;
		margin-bottom: 0.4rem;
	}
	
	.swiper-desc p
	{
		margin-bottom: 0.4rem;
	}
	
	.swiper-caption
	{
		width: 100% !important;
	}
	
	.swiper-desc a.btn
	{
		font-size: 0.6rem !important;
		line-height: 0.8rem;
		padding-top: .175rem;
		padding-bottom: .175rem;
	}
	
	/* Top-Leiste */
	.social-buttons
	{
		font-size: 0.8em;
	}
	
	.bg-selbstorganisation, .bg-fuehrung, .bg-change, .bg-weiterbildung
	{
		background-image: none;
	}
}

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

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

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

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

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