/*
 Theme Name:   Excellent Child
 Theme URI:    http://opferperspektive.de/htdocs/wp-content/themes/excellent
 Description:  Excellent Child Theme
 Author:       mo
 Author URI:   https://themefreesia.com/
 Template:     excellent
 Version:      1.2.1
 Tags:         threaded-comments, right-sidebar, four-columns, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, flexible-header, post-formats, footer-widgets, sticky-post, theme-options, translation-ready, e-commerce, education, portfolio
 Text Domain:  excellent-child
*/

@import url("../excellent/style.css");
@import url("fonts.css");
@import url("style_mo.css");
@import url("css/responsive.css");
/* @import url("css/responsive-tables.css"); */
/* =Theme customization starts here
-------------------------------------------------------------- */

/* FONT FAMILY*/
body, p, input, textarea {
    font-family: "Montserrat-Light", sans-serif !important;
}
h1, h2, h3, h4, h5, h6, button, select, .main-navigation a, a.more-link {
    font-family: "Montserrat-Medium", sans-serif !important;
    
}
.our-feature-box a, .client-content-box a, .latest-blog-content a, .featured-home-box a {
	font-family: "Montserrat-MediumItalic", sans-serif !important;
}
h1, h2, h3, h4, h5, h6{
font-style: normal !important;
}
.our-feature-box .feature-title a::first-letter, .our-feature-box .feature-title a {
    color: #B61F29 !important;
    line-height: 25px !important;
    text-decoration: none !important;
}
.our-feature-box .feature-title a:hover::first-letter, .our-feature-box .feature-title a:hover {
    color: #fb876b !important;
}
.our-feature-box .feature-title strong, .our-feature-box .feature-title b{
	font-weight: 500;
}
/* ADB Publikations Link*/
.adb-pub{
	background-color: transparent;
	border: 4px solid #436A0A;
	color: #436A0A;
}
a .adb-pub:hover{
	background-color: #436A0A;
	color: #fff;
}
/* 	LOGO / HEADLINE */
#site-branding {
    display: inline-block;
    padding: 17px 10px;
    width: 100%;
	float: left;   
}

#site-branding img {
	float: left;
}


#site-title {
    font-family: "Montserrat-Medium", sans-serif !important;
    font-style: normal;
    font-size: 30px;
    /*font-style: inherit;*/
    font-weight: 500;
    letter-spacing: 3px;
    line-height: 2rem;
    margin: 0;
    text-align: center;
    width: 80%;
}

#site-description {
    clear: both;
    color: #747474;
    font-family: "Montserrat-Medium", sans-serif !important;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0.1em;
    line-height: 1.727;
    margin: 0.5rem 0 0 0.5rem;
    text-transform: uppercase;
}

/*
.custom-logo-link {
    display: block;
    width: 270px !important;
    height: auto !important;
}
*/
.chronologie-teaser-box .featured-home-box .feature-content{
height: 290px !important;
}
@media only screen and (max-width: 1300px) {
#site-branding {
    display: inline-block;
    width: 85%;
	float: left;   
}
	#site-branding img {
		float: left;
	}	
	#site-title {
		font-size: 24px;
	    font-weight: 500;
	    letter-spacing: 3px;
	    line-height: 2rem;
	    margin: 0;
	    text-align: center;
	    width: 95%;
	}
}
@media only screen and (max-width: 1023px) {
	#site-branding {
		width: 100%;
		float: none;   
	}	
	#site-branding img {
		float: none;
	}	
	#site-title {
		font-size: 20px;
	    font-weight: 500;
	    letter-spacing: 3px;
	    line-height: 3.5rem;
	    margin: 0;
	    text-align: center;
	    width: 100%;
	}
	.home-column .three-column {
	width: 100% !important;
	}
}


@media only screen and (max-width: 768px) {
	#site-branding {
		width: auto;
		float: none;   
	}	
	#site-branding img {
		float: none;
		width: 50%;
	}	
	#site-title {
		font-size: 30px;
	    font-weight: 500;
	    letter-spacing: 3px;
	    line-height: 2rem;
	    margin: 0;
	    text-align: center;
	    width: 100%;
	}
}
@media only screen and (max-width: 480px) {
	#site-title {
		font-size: 12px;
	    font-weight: 500;
	    letter-spacing: 3px;
	    line-height: 1.2rem;
	    margin: 0;
	    text-align: center;
	    width: 100%;
	}
}


@media only screen and (max-width: 767px) {
	#site-title {
	    font-size: 13px !important;
	}
}
@media only screen and (max-width: 480px) {
	.boxed-layout #site-branding {
	    max-width: 100%;
	    text-align: center;
	    float: none;
	}
}


.header-search, .header-search-x {
    color: #000;
    cursor: pointer;
    display: block;
    font-family: "FontAwesome";
    font-size: 20px !important;
    font-style: normal;
    margin: 55px 10px 0;
    position: absolute;
    right: 0;
    top: 0;
}

@media only screen and (max-width: 767px) {
	.header-search, .header-search-x {
		color: #000;
	    cursor: pointer;
	    display: block !important;
	    font-style: normal;
	    margin: 55px 10px 0;
	    right: 0;
	    top: -90px !important;
	}
}

@media only screen and (max-width: 1023px) {
	#search-box {
	    background-color: transparent !important;
	    width: 36% !important;
	}
}

@media only screen and (max-width: 767px) {
	#search-box {
	    background-color: transparent !important;
	    -webkit-box-shadow: none;
	    -moz-box-shadow: none;
	    box-shadow: none;
	    display: none;
	    margin: 0 auto;
	    padding: 5px 15px;
	    position: absolute;
	    right: -20px !important;
	    top: -48px !important;
	    width:87% !important;
	    z-index: 9999;
	}
}

#search-box {
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow:  none;
    box-shadow:  none;
    display: none;
    margin: 0 auto;
    padding: 5px 15px;
    position: absolute;
    right: -20px;
    top: 30px;
    width: 25%;
    z-index: 9999;
}
#search-box .search-submit {
    width: 50px !important;
}
#search-box input.search-field {
    width: calc(100% - 50px) !important;
}

@media only screen and (max-width: 480px) {
	#site-branding img {
	    float: none;
	    width: 50%;
	    margin-top: -20px;
	}		
	.social-links {
	    margin-top: -20px !important;
	}	
	.menu-toggle {
	    padding: 0px 0 8px 0 !important;
	}
	.main-navigation{
		margin-top: -10px;
	}		
}	

/* 	Custom Fields : Stadt, Landkreis, Quelle styling */
.cf-chronologie{
	float: right;
}
.cf-chronologie li{
	list-style: none;
	display: inline;
}

.detail-search {
	color:#ffffff !important;
	line-height: 1.518 !important;
}

/* OPP Farben */

.opp-red {
	color: #B61F29;
}
a {
	color: #B61F29;
}   
.vivid, .detail-search, .dark{
 background-color:#B61F29 !important;
 border: 1px solid #B61F29 !important;
 color:#fff;
}
.dark:hover{
	color:#333;
}
.icon-bg{
 background-color:#B61F29 !important;
 border: 1px solid #B61F29 !important;
 transform: rotate(45deg);
transform-origin: left bottom 0;
}

input[type="submit"]{
	 background-color:#B61F29 !important;
}
/* MAIN HEADER IMAGE */

.slider-content {
	top: 50% !important;
    background: rgba(255, 255, 255, 0.7) padding-box;
    border: 0;
}
@media only screen and (max-width: 767px){
.slider-content {
    left: 0;
    width: 100%;
    right: 0;
    text-align: center;
    transform: translateY(-45%);
}

.slider-content .slider-text {
    color: #343434;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.500;
}
}
/* Color : main-navigation */

.main-navigation a:hover,
.main-navigation ul li.current-menu-item a,
.main-navigation ul li.current_page_ancestor a,
.main-navigation ul li.current-menu-ancestor a,
.main-navigation ul li.current_page_item a,
.main-navigation ul li:hover > a,
.main-navigation li.current-menu-ancestor.menu-item-has-children > a:after,
.main-navigation li.current-menu-item.menu-item-has-children > a:after,
.main-navigation ul li:hover > a:after,
.main-navigation li.menu-item-has-children > a:hover:after,
.main-navigation li.page_item_has_children > a:hover:after {
	color: #B61F29;
}
.top-menu a:hover ,.main-navigation .sub-menu a:hover{
	color:#B61F29 !important;
}
.cf-chronologie a {
	color:#666;
}
.search-submit{
	background-color:#B61F29 !important;
}
/* Frontpage - no-sidebar content */
.inner-wrap {
    max-width: 978px;
    margin: 0 auto;
    overflow: hidden;   
}
.home-column{
	margin-bottom: -2em !important;
}
.inner-wrap.center {
	text-align: center;
}
.about-box .wrap,
.our-feature-box .wrap {
    margin: 0 auto;
    max-width: 1170px;
    padding: 0;
    position: relative;
}


/* About Box  */
.about-box .about-content {
    background-color: #fff;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
    left: -50px;
    min-height: 240px;
    margin-bottom: 80px;
    position: relative;
    top: 50px;
    text-align: left;
}

.about-box {
	padding: 0 0 30px 0 !important;
}

.about-text {
    padding: 50px 50px 35px;
}
.about-title {
    font-size: 24px;
    line-height: 1.333em;
}

/* Feature Box */
.our-feature-box {
    background-color: #f4f4f4;
    margin-bottom: 0;
    padding: 40px 0 0;
    position: relative;
    text-align: center;
}

/* Client Content Box */
.client-content-box {
    background-color: #eee;
    padding: 40px 0 0 0 !important;
}

/* Page - Blog */
.blog .entry-header, .category .entry-header {
    text-align: left;
}

.entry-title, .entry-title a, .entry-meta, .entry-meta a {
    text-align: left;
}

@media only screen and (max-width: 480px) {
	.entry-title{
		font-size: 20px !important;
	}
}


.author.vcard {
	display: none !important;
}


/* Latest Blog Box: Aktuelles */


.latest-blog-text .entry-header,
.latest-blog-text .entry-title,
.latest-blog-text .entry-content {
    text-align: center;
}

.featured-home-box {
	margin: 0 0.9rem 0;
	}

.public-auszug, 
.public-auszug .featured-home-box{
	/*width:47%;
	margin-left:2em;
	float:left;
	color:black;
	padding:25px;
	font-size: 90%;*/
	display: none;
}

.news-auszug{
	margin-left:2em;
	float:left;
	color:black;
	padding:25px;
	font-size: 90%;
	text-align: left;
}

@media only screen and (max-width: 767px) {
	.news-auszug{
		margin-left:0em;
		column-count: 1; 
	}
}


/* Latest Blog Box: Chronologie */

.chronologie-teaser-box {
	background-color: #f4f4f4;
	padding: 65px 0 30px;
	text-align: center;
}

.chronologie-teaser-box .column {
    margin: 0 -40px;
}

.chronologie-teaser-box .featured-home-box {
    margin: 0 2.6rem 3.5rem;
}

.chrono-auszug {
	color:black;
	padding:2rem 0 0 0;
	margin-bottom: -2.5rem;
	column-count: 2; 
	/*column-rule-style:dotted; 
	column-rule-width:1px; 
	column-rule-color:silver;*/
	text-align: center;
	orphans:1; 
	widows: 3;
	column-gap: 0em;
}	

.chrono-auszug .latest-blog-text {
	background-color: #ffffff;
	min-height: 260px;
	overflow: hidden !important;
	margin: 0 0 2.0rem 0; 
	text-align: center;
	}	

.chrono-auszug .entry-header,	
.chrono-auszug .entry-title {
	text-align: center;
}

.chrono-auszug a.more-link {
    margin: 0 auto;
}


@media only screen and (max-width: 768px) {
	.chrono-auszug {
		margin-left:0em;
		column-count: 1; 
	}
}

/*columns Frontpage */

.three-column:nth-child(3n+4) {
	clear:none;
}

@media only screen and (max-width: 768px) {
	.two-column, 
	.three-column, 
	.four-column, 
	.four-column-full-width, 
	.business-sidebar .boxed-layout-small .four-column-full-width {
	    width: 100% !important;
	}
}


/* FRONTPAGE Sitebar Elements */

#colophon.sitebar-elements .widget-wrap {
    background-color: #ffffff !important;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    color: #999999;
}

#colophon.sitebar-elements ul {
	list-style-type: none;
	margin: 0 0 30px 20px;
}
#colophon.sitebar-elements ul {
	margin: 0 0 0 0;
}

.rpwwt-widget ul li {
    overflow: hidden;
    margin: 0 0 1.5em;
}

.rpwwt-widget ul li img {
    width: 75px;
    height: 75px;
    display: inline;
    float: left;
    margin: .3em .75em .75em 0;
}


/* Widget Style */

.widget ul li a {
    color: #B61F29;;
}


/* Color/Colophon : footer */

#colophon {
    font-size: 14px;
    line-height: 1.500;
   
}

#colophon .widget-wrap {
    background-color: #eeeeee;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    color: #999999;
}

#colophon .widget ul li a {
    color: #666666;
}
#colophon .widget ul li a:hover {
    color: #B61F29;
}

#colophon .widget-title, 
#colophon .widget-title a {
	font-family: "Montserrat", sans-serif;
    color: #999999;
}
#colophon .widget-title a:hover {
	font-family: "Montserrat", sans-serif;
    color: #B61F29;
}
.site-info .copyright a,
.site-info .copyright a:first-child,
.site-info .copyright a:hover {
    color: #B61F29;
    font-size: 0.875rem;
}

#colophon .widget-title {
    font-size: 0.875rem;
    line-height: 1.444;
}

/*sozial-icon */
.social-links ul li a[href="mailto:info@opferperspektive.de"]:before {
  content: '\f003';
}
.social-links ul li a[href="mailto:info@opferperspektive.de"]:hover {
  background-color: #DE1A2A;
  color: #FFF;
}

.social-links ul li a[href="tel:+493318170000"]:before {
  content: '\f098';
}

.social-links ul li a[href="tel:+493318170000"]:hover {
  background-color: #0DC143;
  color: #FFF;
}
.social-links ul li a[href="/kontakt"]:before {
  content: '\f041';
}
.social-links ul li a[href="/kontakt"]:hover {
  background-color: #B61F29;
  color: #FFF;
}
.social-links ul li a[href="https://www.instagram.com/opferperspektive/"]:before {
         content: ''; /* Leeres Content-Attribut */
    background-image: url('/wp-content/uploads/2025/06/instagram.png'); /* Bluesky Logo  */
    background-size: cover; /* Bild anpassen */
   	display: block;
    width: 18px;
    height: 18px;
    margin-top: 8px;
    margin-left: 8px;
    margin-bottom: 10px;
}
.social-links ul li a[href="https://www.instagram.com/opferperspektive/"]:hover {
  background-color: #B61F29;
  color: #FFF;
}
.social-links ul li a[href="https://www.facebook.com/Opferperspektive/"]:before {
       content: ''; /* Leeres Content-Attribut */
    background-image: url('/wp-content/uploads/2025/06/Facebook_Logo_2019-1.png'); /* Bluesky Logo  */
    background-size: cover; /* Bild anpassen */
   	display: block;
    width: 18px;
    height: 18px;
    margin-top: 8px;
    margin-left: 8px;
    margin-bottom: 10px;
}
.social-links ul li a[href="https://www.facebook.com/Opferperspektive/"]:hover {
  background-color: #1877F2;  /* Facebook color */
  color: #FFF;
}
.social-links ul li a[href="https://bsky.app/profile/opferperspektive.bsky.social"]:before {
      content: ''; /* Leeres Content-Attribut */
    background-image: url('/wp-content/uploads/2025/05/bluesky-logo.png'); /* Bluesky Logo  */
    background-size: cover; /* Bild anpassen */
    display: block; /* Block-Element für die Größe */
    width: 25px;
    height: 25px;
    margin-top: 5px;
    margin-bottom: 6px;
    margin-left: 5px;
}
.social-links ul li a[href="https://bsky.app/profile/opferperspektive.bsky.social"]:hover {
  background-color: #00A3E0;  /* Bluesky color */
  color: #FFF;
}
.social-links ul li a[href="https://links.potsda.mn/@opferperspektive"]:before {
    content: ''; /* Leeres Content-Attribut */
    background-image: url('/wp-content/uploads/2025/05/mastodon-dark.png'); /* mastadon logo */
    background-size: cover; /* Bild anpassen */
    display: block; /* Block-Element für die Größe */
    width: 25px;
    height: 25px;
    margin-top: 5px;
    margin-bottom: 6px;
    margin-left: 5px; 
}
.social-links ul li a[href="https://links.potsda.mn/@opferperspektive"]:hover {
  background-color: #4C8BF5;  /* Mastodon color */
  color: #FFF;
}

/* Beitragsvorschau*/


a.more-link:hover {
   background-color:#B61F29 !important;
}
	

/* Mitarbeiter anzeigen  */
.team img {
    width: 15px;
}

/* FLOATNG SCHATTENBERICHTE */
.container {
	margin: 2rem 0;
}


.box {
  float: left; /* Die float Eigenschaft wird beim klicken des Buttons im Beispiel verändert*/
  width: 100%;
  max-width: 200px;
  height: 100%;
  max-height: 264px;
  margin: 2rem;
  font-family: "Montserrat-LightItalic", sans-serif !important; 
  font-size: 0.750rem;
}

/* OPP Webseiten Link icons */
	.popmake-title, .pum-trigger{
		font-weight: normal !important;
		font-size: 15px !important;
	}
@media screen and (max-width: 500px){
	#popmake-40115{
		width:150px !important;
		font-size: 15px !important;

	}
	.pum-close{
		right:148px !important
	}
	.pum-theme-40108 .pum-title, .pum-theme-standard-theme .pum-title{
		font-size: 15px !important;
	}
}
.pum-overlay.pum-overlay-disabled .pum-container {
    visibility: visible;
    position: fixed;
}
.side-icon{
	font-size:10px;
	margin:0;
}
.side-icon img{
	border:1px solid gray;
}
.pum-theme-40108.pum-overlay-disabled .pum-container{
		background-color: #92a76e !important;
}
.pum-theme-40108 .pum-content + .pum-close, .pum-theme-standard-theme .pum-content + .pum-close {
    position: inherit !important;
    background-color: #92a76e !important;
    }
/*
#popmake-40652{
	background-color: #bfbfbf;
}
*/
.side-icon-table, .side-icon-table tr, .side-icon-table td{
	 border: none;
 }
.button-si{
	background-color:#B61F29 !important;
	color:#ffffff !important;
	font-family: 'Montserrat', sans-serif !important;
	text-transform: none !important;
	white-space: normal !important;
}
a.button-si, a.button-si:visited {
    display: inline-block;
    border: 0;
    cursor: pointer;
    outline: 0;
    margin: 0;
    background: #ffa800;
    background-color: rgb(255, 168, 0);
    color: #fff;
    font-family: 'font95239',sans-serif,serif;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    letter-spacing: inherit;
    white-space: nowrap;
    -webkit-transition: background-color .1s linear;
    -moz-transition: background-color .1s linear;
    -o-transition: background-color .1s linear;
    transition: background-color .1s linear;
}
/* Spententool */
.bfs-resp-iframe {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  width: 100%;
  height: auto; 
}

.bfs-resp-iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; 
}
/* Tabellenstreifen */
.table-scrollable tr:nth-child(even) {
  background-color: #f2f2f2;
}
th{
	font-weight:800;
}
/*
#pum-40115 button{
	display: block;
}
*/
#popmake-40115.pum-container.popmake.theme-40108.size-custom.custom-position button.pum-close.popmake-close{
	display: block;
}

@media screen and (max-width: 500px){
		.pop-mobil{
			display:none !important;
	}
}
/*
Anker links margin-top 
*/
.top {
position: relative;
top:-100px;
display: block;
height: 0;
width:0;
}

.small-image-blog .latest-blog-image .post-featured-image {
  width: 260px !important;
  height: 260px !important;
}