/*
	File Name: style.css
	Theme Name:  RT-Theme 19 | Child Theme
	Author: RT-Themes
	Version: 1.0
	Author URI: http://themeforest.net/user/stmcan
	Theme URI: http://themeforest.net/item/rttheme-19-responsive-multipurpose-wp-theme/10730591
	Description: Responsive Multi-Purpose WordPress Theme 
	License: GNU General Public License
	License URI: /Licensing/gpl.txt
	Text Domain: rt_theme
	Template: rttheme19
	*/

.modern-footnotes-footnote {
	font-weight: bold;
	font-size: 16px;
}	
	

.mejs-mediaelement{
	position: relative !important;
}

iframe {
  display: inline-block;
}
.video-wall {
  position: relative;
  font: 400 1em/1.5 Source Sans Pro, Helvetica, Arial, sans-serif;
  letter-spacing: .025em;
  color: #333;
  display: inline-block;
  min-height: 20em;
  min-width: 100%;
  margin: 0;
  background-color: #eee;
  box-sizing: border-box;
  border: 1em solid #ccc;
  padding: .75em;
}
.video-wall strong {
  display: block;
  text-align: center;
  font-size: 1.5em;
  margin: 0;
}
.video-wall div {
  position: absolute;
  width: calc(100% - 2em);
  top: 3em;
  bottom: 7em;
  overflow-y: auto;
}
.video-wall p {
  font-size: .8em;
  margin: 0 0 1em;
}
.video-wall a {
  color: inherit;
}
.video-wall .video-link {
  display: block;
  white-space: nowrap;
  font-size: 1em;
  margin: 0 0 .25em 0;
  position: absolute;
  left: 50%;
  bottom: 5em;
  transform: translateX(-50%);
}
.video-wall button {
  -webkit-appearance: none;
  cursor: pointer;
  color: #eee;
  font: 700 1em/1.2 Source Sans Pro, Helvetica, Arial, sans-serif;
  display: block;
  width: 10.5em;
  height: 3.5em;
  border: 0 none;
  border-radius: 0.25em;
  padding: 0 0 0 5em;
  text-align: left;
  margin: 0;
  position: absolute;
  left: 50%;
  bottom: .5em;
  transform: translateX(-50%);
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath fill='%23eee' d='M11.109 17.625l7.562-3.906-7.562-3.953v7.859zM14 4.156c5.891 0 9.797 0.281 9.797 0.281 0.547 0.063 1.75 0.063 2.812 1.188 0 0 0.859 0.844 1.109 2.781 0.297 2.266 0.281 4.531 0.281 4.531v2.125s0.016 2.266-0.281 4.531c-0.25 1.922-1.109 2.781-1.109 2.781-1.062 1.109-2.266 1.109-2.812 1.172 0 0-3.906 0.297-9.797 0.297v0c-7.281-0.063-9.516-0.281-9.516-0.281-0.625-0.109-2.031-0.078-3.094-1.188 0 0-0.859-0.859-1.109-2.781-0.297-2.266-0.281-4.531-0.281-4.531v-2.125s-0.016-2.266 0.281-4.531c0.25-1.937 1.109-2.781 1.109-2.781 1.062-1.125 2.266-1.125 2.812-1.188 0 0 3.906-0.281 9.797-0.281v0z'%3E%3C/path%3E%3C/svg%3E") no-repeat 1rem center #666;
  background-size: 3em;
  transition: background-color 0.3s;
}
.video-wall button:hover {
  background-color: #444;
}

	/* eigen für responsive */
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    /* overflow: hidden; */
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*ende eigen */

/* Ende youtube video */

/* vhw */
.vhw_preis::after {
    content:" €";
}

.colon::after {
    content:": ";
}

#vhw-h1{
	font-size:32px;
}

#vhw-h2{
	font-size:21px;
}

.vhw-themenliste, #vhw-h2{
	color:#aba69f;
}

.vhw-themenliste {
	margin: 0 0 1rem 0;
}

#vhw-infos{
	margin-bottom:12px;
}

.margin-0 {
	margin:10px 0 0 0 !important;
	line-height: 1px;
}

/*Comments Mods ! bis LATEST-NEWS ! */
#comments-title {
	background-color: #f0f0ed;
	padding: 10px 20px;
	margin: 0px;
	font-size: 22px;
}

#reply-title {
	border-top: 1px solid #dcdcd5;
	padding: 40px 0px 0px 0px;
}


.comment-body {
	margin: 0px 0px 0px 20px;
}

.comment-holder {
	border: 0px;
	padding: 20px 0px 0px 0px;
}

.commentlist .children .comment-holder::before {
	border: 0px;
}

.commentlist .children::before {
	border: 0px;
}

li.depth-1 {
	border-top: 1px solid #dcdcd5;
}

li.depth-2 ,li.depth-3 ,li.depth-4, li.depth-5, li.depth-6, li.depth-7 {
	border-top: 1px dashed #dcdcd5;
	padding: 0px;
	margin: 0px 0px 0px 40px;
}

.comment-reply ,.comment-reply-link ,.comment-reply a ,.comment-reply-link a {
	font-family: Source Sans Pro;
	font-size: 16px !important;
	letter-spacing: 0px !important;
	color: #aba69f !important;
	background-color: #fff !important;
	padding: 0px;
}

.comment-reply a:before {
	font-family: "fontello";
  	content:"\e712";
	letter-spacing: 8px;
}

.comment-reply a:hover {
	text-decoration: none;
	color: #333 !important;
}

.comment-reply-login {
	font-size: 16px;
	color: #aba69f !important;
	background-color: #fff !important;
}

#cancel-comment-reply-link {
	font-size: 15px;
	padding: 12px 20px;
}

.comment-meta ,.comment-meta a{
	font-family: Source Sans Pro;
	font-size: 12px;
	letter-spacing: 0.75px;
}

.comment-meta a:hover{
	text-decoration: none;
	border-bottom: 1px solid #333;
	color: #333 !important;
}

.nav-next ,.nav-previous ,.button-border {
	font-family: Source Sans Pro;
	font-size: 16px;
	letter-spacing: 0.5px;
	display: inline-block;
	position: absolute;
	right: 0px;
	z-index: 998;
	background-color: #fff;
	padding: 10px 20px;
	margin: -22px 0 0 0;
}

.nav-next a:hover,
.nav-previous a:hover,
.must-log-in a:hover, 
.tml-action-links a:hover,
.logged-in-as a:hover{
	text-decoration: none;
	border-bottom: 1px solid;
}


#wpadminbar {
	background-color: #ece9e4;
}

#wpadminbar #adminbarsearch::before, #wpadminbar .ab-icon::before, #wpadminbar .ab-item::before {
	color: #918d87;
}

#wpadminbar .ab-empty-item, #wpadminbar a.ab-item, #wpadminbar > #wp-toolbar span.ab-label, #wpadminbar > #wp-toolbar span.noticon {
	color: #000;
}


#rememberme {
height: 20px; width: 20px; vertical-align: -4px;
}

button ,input ,optgroup ,select ,textarea {
	font-family: "Source Sans Pro";
	font-size: 16px;
	color: #000;
}


::-moz-selection {
    background: #605a52;
    color: #fff;
}

::selection{
    background: #605a52;
    color: #fff;
}

/* ! bis hier v.a. für Kommentare und weiteres angepasst ! */

/* LatestNews */
.day {
	font-size: 0px !important;
	color: #fff !important;
}

.year {
	vertical-align: 3px;
	font-size: 16px !important;
	text-transform: uppercase;
}

/* Font Forms */
button ,input ,optgroup ,select ,textarea {
	font-family: "Source Sans Pro";
	font-size: 16px;
}

/* Button Cookie Notice */
.cn-button.bootstrap {
	background-color: #e63609;
	background-image: none;
	border: 0;
	}

/* video */
.vid {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	background-color: #3e3a35;
	}
.vid iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}

.shariff_headline {
	margin-top: -8px;
	}

	.quelle_raster {
	font-size: 0.6em; 
	font-family: "Source Sans Pro"; 
	margin-bottom:8px;
text-align:right;
	}

	.clean_heading a{
	text-decoration:none;
    	font-family: "Source Serif Pro";
    	font-weight: 700;
    	font-style: normal;
   	font-size: 20px;
	}

	.clean_heading a:hover{
	color: #cc2f08;
	}

	/*===
	(s.a. Hovertexte bei VB-Grids);
	HIER DOPPELT, DA SONST BEIM AUTOREN-BEITRAGSRASTER ROTE LINKS
	===*/
	.vc_hover2 a:any-link{
		color: #ffffff; 
		font-size: 12pt; 
		font-family: "Source Sans Pro";
		letter-spacing:.0125em;
		word-spacing:.025em;
		margin-bottom: 4pt;
	}
	
	/* ===
	   Labeleinstellungen für Plugin "Advanced Ads"
	   === */
	.publi-adlabel { font-size: 0.6em; letter-spacing: 1px; font-family: Source Sans Pro; margin-bottom:4px;}

	/* ===
	   NEWSLETTERS:
	   Chceckbox fuer NL-Anmedlung:
	   auf einer Linie mit nachfolgendem Text
	   Default: 4px
	   === */
	.checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
		margin-top: 14px;
	}

	.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
		margin-top: 14px;
	}

	.newsletters label {
	margin: 0;
	}

	/* ===
	   Hervorhebung Suchtrefferliste
	   wird ergänzt durch "Relevanssi"-Plugin!
		background: #eaeaea;
		padding: 1px 3px;
	   === */
	.search_highlight {
		background: rgba(255,255,255,0.0);
		padding: 0;
	}

	.search-post-title a:any-link  {
		font-size: 22px;
		font-weight: 700;
		line-height: 140%;
		color:#333;;
	}

	mark {
	background: #fff2b2;
	}

	/*=====
	Filterstyling für VC-Grids
	=====*/
	.vc_grid-filter-color-grey {
	color:#333;;
	background-color: rgba(255,255,255,0.0);
	}

	.vc_grid-filter.vc_grid-filter-color-grey > .vc_grid-filter-item.vc_active, .vc_grid-filter.vc_grid-filter-color-grey > .vc_grid-filter-item:hover {
		background-color: #f0f0ed;
	}

	.vc_grid-filter-size-md {
		font-size: 16px;
	}

	/* ===========================================================================
	Symbolschrift, z.B. für E-Mail oder Homepage-Symbol unter Autorenangaben
	==============================================================================*/
	.mail a:link {
	  font-family: "fontello" !important;
	  font-size: 1.5em;
	  color:#333 !important;
	}

	/* ===========================================================================
	Hovertexte bei VB-Grids
	==============================================================================*/
	.vc_hover1  {
	color: #fff; 
	font-size: 10pt; 
	font-family: "Source Sans Pro";
	letter-spacing:.05em;
	word-spacing:.1em;
	}

	.vc_hover2 {
	color: #fff; 
	font-size: 12pt; 
	font-family: "Source Sans Pro";
	letter-spacing:.0125em;
	word-spacing:.025em;
	margin-bottom: 4pt;
	}


	.vc_hover3  {
	color: #fff; 
	font-size: 14pt; 
	font-family: "Source Sans Pro";
	letter-spacing:.0125em;
	word-spacing:.025em;
	}


	/* ===========================================================================
	sonstiges
	==============================================================================*/
	.breadcrumb {
		font-family: "Source Sans Pro";
		line-height: 1.25em;
	}

	.post_data * {
		font-family: "Source Sans Pro";
		font-size: 16pt;
	}

	article.type-post .date {
		font-size: 12px;
		letter-spacing: .025em;
		margin-bottom:2px;
	}

	/* ===========================================================================
	Schriftart und -farbe für Bildunterschrift geändert
	==============================================================================*/
	.vc_figure-caption {
		font-family: "Source Sans Pro";
		color:#999;
	}

	.caption-inline {
		font-family: "Source Sans Pro";
		font-size: 12px;
		text-shadow: 1px 1px 2px #666, -1px 1px 2px #666, 1px -1px 2px #666, -1px -1px 2px #666;
		color:#f6f6f6!important;
		-webkit-text-fill-color: #f6f6f6;
	}

	/* ===========================================================================
	Anpassung der Berufsbezeichnung für die Darstellung der Autoren 
	in Kernbeiträgen und der Redaktion im Kontaktschalter
	wird im VB Grid verwendet
	==============================================================================*/
	.skills {
	  font-size: 0.9em;
	}

	/* ===========================================================================
	   Keine Unterstreichung von Links bei Autorenangaben (Symbole)
	   ===========================================================================*/
	   
	a {
	  text-decoration: none;
	}
	
	a:hover{
	  text-decoration: underline dotted;
	}
	
	/* ===========================================================================
	Keine roten Links rot bei Verlagsangeboten und -partnern
	==============================================================================*/
	.angebote a:any-link{
	color:#333;;
	}

	/*
	a:hover{
	border-bottom: 2px dotted;
	}
	*/


	/* ===========================================================================
	Auszug-Alternative in Kategorielisten (über Breadcrumb):
	Untertitel, Teaser, Veranstaltungsdatum, Berufsbezeichnungen
	==============================================================================*/
	.sub_list {
	  font-size: 0.9em;
	  line-height: 1.25em;
	color: red;
	}

	.tease_list {
	  font-size: 0.9em;
	  line-height: 1.25em;
	color: red;
	}

	.event_list {
	  font-size: 0.9em;
	  line-height: 1.5em;
	color: red;
	}

	.beruf_list {
	  font-size: 0.9em;
	  line-height: 1.5em;
	color: red;
	}


	/* ===========================================================================
	WP Captions 
	geändert:
	• Schriftgröße 
	• Ausrichtung
	==============================================================================*/
	.wp-caption {
	  text-align: left;
	  padding: 10px;
	  background-color: rgba(0, 0, 0, 0.02);
	  border-style: solid;
	  border-width: 1px;
	  max-width: 100%;
	}
	.wp-caption img {
	  max-width: 100%;
	}
	.wp-caption .wp-caption-text {
	  clear: both;
	  display: block;
	  padding: 8px 0 0 0;
	  font-style: oblique;
	  font-size: .8em
	}
	.wp-caption.aligncenter {
	  display: block;
	}

	/* ==========================================================================
	   PORTFOLIO 
	   (ganzen Block kopiert) 
	   Geändert: Einstellungen für Portfolio Carousel:
	   • Action Buttons: Größe und Hintergrund
	   • h5: font-weight und text-decoration bei Hover
	   ========================================================================== */
	.loop.type-portfolio {
	  position: relative;
	}

	.loop.type-portfolio > .overlay {
	  background: rgba(0, 0, 0, 0.5);
	  bottom: 0;
	  position: absolute;
	  top: 0;
	  width: 100%;
	  padding: 20px;
	  text-align: center;
	  opacity: 0;
	  -webkit-transition: opacity 0.3s ease 0s;
	  -o-transition: opacity 0.3s ease 0s;
	  transition: opacity 0.3s ease 0s;
	}
	.loop.type-portfolio > .overlay .text {
	  overflow: auto;
	  color: #fff;
	}
	.loop.type-portfolio > .overlay .text > h2, .loop.type-portfolio > .overlay .text > h5 {
	  display: block;
	  padding-bottom: 10px;
	  position: relative;
	  font-size: 22px;
	}
	.loop.type-portfolio > .overlay .text > h2:after, .loop.type-portfolio > .overlay .text > h5:after {
	  background: #fff;
	  bottom: 0;
	  content: "";
	  height: 1px;
	  left: 40%;
	  position: absolute;
	  width: 20%;
	}
	.loop.type-portfolio > .overlay h2, .loop.type-portfolio > .overlay h2 a, .loop.type-portfolio > .overlay h2 a:hover, .loop.type-portfolio > .overlay h5, .loop.type-portfolio > .overlay h5 a, .loop.type-portfolio > .overlay h5 a:hover {
	  color: #fff;
	}
	.loop.type-portfolio h2 a, .loop.type-portfolio h5 a {
	  text-decoration: none;
	  font-weight: 700;
	}
	.loop.type-portfolio h2 a:hover, .loop.type-portfolio h5 a:hover {
	  text-decoration: underline;
	  opacity: 0.7;
	}
	.loop.type-portfolio:hover .overlay {
	  opacity: 1;
	}
	.loop.type-portfolio:hover .action_buttons li {
	  padding: 0 2px;
	}
	.loop.type-portfolio.style-1 .featured_image {
	  margin-bottom: 20px;
	}

	/* action buttons */
	.action_buttons {
	  list-style: none;
	  display: table;
	  margin: auto;
	  padding: 0 0;
	}
	.action_buttons li {
	  float: none;
	  padding: 0 0px;
	  -webkit-transition: padding 0.3s;
	  -o-transition: padding 0.3s;
	  transition: padding 0.3s;
	}
	.action_buttons li > a {
	  display: block;
	  width: 0px;
	  height: 0px;
	  padding: 0;
	  margin: 0px;
	  font-size: 32px;
	  line-height: 0px;
	  text-align: center;
	  text-decoration: none;
	  -moz-border-radius: 0%;
	  -webkit-border-radius: 0%;
	  border-radius: 0%;
	  background: #fff;
	  color: #fff;
	}
	.action_buttons li > a:hover {
	  color: #fff;
	}
	.action_buttons a:before {
	  font-family: "fontello";
	}

	.loop.type-portfolio .featured_image {
	  position: relative;
	  overflow: hidden;
	}
	.loop.type-portfolio .featured_image .overlay {
	  background: rgba(0, 0, 0, 0.5);
	  bottom: 0;
	  position: absolute;
	  top: 0;
	  width: 100%;
	  opacity: 0;
	  -webkit-transition: opacity 0.3s ease 0s;
	  -o-transition: opacity 0.3s ease 0s;
	  transition: opacity 0.3s ease 0s;
	}
	.loop.type-portfolio .featured_image .action_buttons {
	  margin: auto 45%;
	  height: 100%;
	  display: table;
	  vertical-align: middle;
	}
	.loop.type-portfolio .featured_image .action_buttons li {
	  float: none;
	  display: table-cell;
	  vertical-align: middle;
	}

	.loop.type-portfolio .featured_image:hover img {
	  -moz-transform: scale(1.1);
	  -ms-transform: scale(1.1);
	  -webkit-transform: scale(1.1);
	  transform: scale(1.1);
	  -webkit-transition-property: transform;
	  transition-property: transform;
	  -webkit-transition-duration: 1.2s;
	  transition-duration: 1.2s;
	  -webkit-transition-timing-function: ease-in;
	  transition-timing-function: ease-in;
	}
	.loop.type-portfolio .featured_image:hover .overlay {
	  opacity: 1;
	}
	.loop.type-portfolio .featured_image:hover .action_buttons li {
	  padding: 0 2px;
	}

	.portfolio_list.masonry > .col {
	  margin-bottom: 20px;
	  padding-bottom: 20px;
	}
	.portfolio_list.masonry > .col .type-portfolio:after {
	  border-width: 0 0 1px 0;
	  border-style: solid;
	  bottom: -20px;
	  content: "";
	  height: 1px;
	  position: absolute;
	  width: 100%;
	}

	.portfolio_list.border_grid > .row > .col {
	  padding-bottom: 20px;
	}

	/* ==========================================================================
	   CAROUSELS 
	   (ganzen Block kopiert) 
	   Geändert: Einstellungen für navigation:
	   • Deckkraft bg (0.5)
	   • postition: top 60%
	   (s. Kernbeiträge: Ebenfalls)
	   ========================================================================== */
	/* carousel holder */
	.carousel-holder {
	  position: relative;
	}

	.owl-carousel {
	  overflow: hidden;
	  position: relative;
	}

	/* navigation */
	.owl-carousel .owl-nav div {
	  position: absolute;
	  top: 60%;
	  background: rgba(0, 0, 0, 0.5);
	  color: #fff;
	  padding: 10px;
	  margin-top: -20px;
	  font-size: 14px;
	}
	.owl-carousel .owl-nav .owl-next {
	  right: -40px;
	}
	.owl-carousel .owl-nav .owl-prev {
	  left: -40px;
	}

	/* hover state */
	.owl-carousel:hover .owl-nav div {
	  -webkit-transition: all 0.1s ease 0s;
	  -o-transition: all 0.1s ease 0s;
	  transition: all 0.1s ease 0s;
	}
	.owl-carousel:hover .owl-nav .owl-next {
	  right: 0;
	}
	.owl-carousel:hover .owl-nav .owl-prev {
	  left: 0;
	}

	/* dots */
	.dots-holder {
	  position: absolute;
	  right: -17px;
	  top: 0;
	}
	.dots-holder > div {
	  zoom: 1;
	}
	.dots-holder > div span {
	  cursor: pointer;
	  display: block;
	  width: 10px;
	  height: 10px;
	  margin: 0 0 4px 0 !important;
	  display: block;
	  -webkit-backface-visibility: visible;
	  -webkit-transition: opacity 200ms ease;
	  -o-transition: opacity 200ms ease;
	  transition: opacity 200ms ease;
	}