/*
 Theme Name:   Core UnderStrap Child
 Theme URI:    https://www.understrap.com
 Description:  Core UnderStrap Child Theme
 Author:       Holger Koenemann
 Author URI:   http://www.holgerkoenemann.de
 Template:     understrap
 Version:      1.0.9
 License:      Commercial
 Text Domain:  core-understrap
 Tags: one-column, custom-menu, featured-images, theme-options, translation-ready
*/

/* html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit !important;
} */
/*
*{
	border:solid;
}
*/

@media (min-width:1440px) {
 .container {
  max-width:1024px
 }
}
body {
  background-color: #fff;
  line-height:1.7em !important;
  overflow-x: hidden !important;
  
}
/*
.offset-md-1 {
    margin-left: 0;
}
*/
/*. Tiltel style */
.display-4 {
    font-size: 1.5rem !important;
}
.perspektiven-teaser-box .display-4{
	font-size:1.2em !important
}
/*. custom-fields */
.title-zusatz-landkreis{
	font-size:70%;
	font-style:italic;
}
.entry-post-nav-next{
	float:left;
}
.entry-post-nav-prev{
	float: right;
}
.entry-post-nav{
	padding:2em; 
}
.entry-image-hero{
	max-width:250px !important;
	max-height:auto;
	margin-left: 0;
}
.custom-logo-link{
	max-width:21em;
}
#secondary{
	float:right;
}
.side-left{
	margin-bottom: 2.5em;
}
.side-left h3{ 
	padding-left: 1em;
	}
@media screen and (max-width: 992px){
	#menu-sidebar-category{
	padding-left: 0.7em;
}
	.side-left h3{
	padding-left: 0.3em;
}
}	
@media screen and (min-width: 767px){
	.side-left{
	float:right;
	background-color: #efefef;
	padding-top: 2em;
	width:200px !important;
	border: 1px solid #ccc;
	font-size: 80%;
}
}
@media screen and (max-width: 767px){
.side-left{
	position: absolute;
	top: 0;
	right: 0;
	background-color: #fff;
	width:200px;

}
.side-left h3{ 
	display: none;
}
.row{
	margin-left: 0 !important;
}
}
@media screen and (max-width: 543px){
.side-left{
	position: absolute;
	top: -5em;
	right: 0;
	background-color: #fff;
	width:200px;
}
.row{
	margin-left: 0 !important;
}
}
@media screen and (max-width: 240px){
.side-left{
	display: none
}
}
.front-text::after{
	content: "";
	width: 20px;
	height: 20px;
	background-image: url("/wp-content/uploads/2020/08/tri-red.png");
	display: inline-block;
	background-size: 20px 20px;
	background-repeat: no-repeat;
	margin-left: 10px;
	}
/*. post image */
#secondary img, article img, figure, img, img.wp-post-image {
    float: left;
    margin: 0 20px 20px 0;
/*
    display: block;
    height:auto;
    object-fit:cover; 
*/
}
.post-img{
	margin-bottom: 2em;
}
.tri-red{
	float:none !important;
	margin: 7px 7px 7px 7px;
}
/* Nav */
#main-menu li {
    display: block;
    width: auto;
    font-size: 1rem;
    font-weight: 400;
    display: inline;
    float: left !important;
}
#main-menu li a{
	color:#000;
}
#menu-sidebar-category li a:hover, 
#menu-sidebar-category li a.active, 
#menu-sidebar-category li a:focus, 
#main-menu li a:hover, 
#main-menu li a:active, 
#main-menu li.active a, 
#main-menu li a:focus,
#menu-lang li a:hover,
#menu-lang li a:focus,
#menu-lang li a:active,
#menu-lang ul li.active a
{
		color:#e74011 !important;
		text-decoration: none !important;
		border-bottom: none !important;
}

.nav-side .navbar{
	background-color:transparent;
	width:auto;
	float:right;
}
.navbar-expand-sm {
    justify-content: right !important;
	float:right !important;
}
.navbar-expand-sm .navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 17px;
}
/*
.navbar-toggler {
margin-bottom: 1em;
}
*/
/*
@media screen and (max-width: 768px){
.navbar-toggler {
	margin-left: 1.2em;
}
}
*/
.navbar {
    padding: .5rem 0rem;
}
.navbar-nav > li > a {
    border-right: none !important;
    border-bottom: none !important;
    margin-bottom: 0 !important;
    }
@media screen and (max-width: 544px){
.navbar-light {
padding: .5rem 0 2rem 0;
}
}
#wrapper-navbar > div > div > div.row{
    margin-left: 0;
    margin-right: 0;
}
#main-wide{
	margin:2em 0;
}
/*. abstand vorschau home */
.marg-home{
	margin-top: 3em;
}
/*. Über Uns */
.uns{
	font-size: larger;
}
.karten-text-li{
	float: left;
	width:25%;
}
.karten-text-re{
	float: right;
	width:25%;
	text-align:right;
}
.karten-center{
	width:49%;
}
.cf-chronologie{
		font-size:80%;
}
.cf-chronologie li{
	list-style:none;
	display: inline;
	float: left;
	padding-right: 4px;
}
.lobbi-style{
	background-color:#efefef;
	border:1px solid #ccc;
	padding:1em;
	margin-bottom:5em;
}
.cf_form input{
background-image: url('/wp-content/uploads/2020/07/cf-auswahl.png');
background-size: 20px;
background-repeat: no-repeat;
background-position-x: 150px;
background-position-y: center;
	font-size:14px;
	width:180px;
	border:1px solid #ccc;
	padding-left:5px
}
.cf_form label{
	margin-bottom:0;
}
input[type="text"].hasDatepicker {
background-position: 96% center !important;
}
p.intro-content:first-child::first-letter {
    float: inherit;
    color: #000;
    font-size: inherit;
    padding: 0;
	line-height: inherit;align-content;
}
article .entry-title {
    border-top: 0;
}
.box-title a,.box-title {
	color:#e74011;
}
article{
	margin:2em 0;
	clear: both;
	width: 100%;
}
.chrono-auszug article, .lobbi-style article{
	border:1px solid #999;
	padding:1em;
	display: inline-block;
}
.chron_suche .button{
	margin: 2em 0 0 1em !important;
}
.chron_suche button, .chron_suche input, .chron_suche optgroup, .chron_suche select, .chron_suche textarea {
width: 180px !important;
}
/*. Slider  */ 
.slider {
	padding: 0 !important;
	margin-bottom: 2em;
}
element {
    text-align: center;
}
@media screen and (min-width: 768px){
.wpsisac-slick-slider.design-2 .wpsisac-image-slide .wpsisac-slide-wrap .wpsisac-slider-short-content p {
    font-size: 2em !important;
	line-height: 1.2em !important;
}}
@media screen and (max-width: 768px){
.wpsisac-slick-slider.design-2 .wpsisac-image-slide .wpsisac-slide-wrap .wpsisac-slider-short-content p {
    font-size: 3.3vw !important;
    line-height: 1.2em !important;
}
.container {
    max-width: 768px;
}
.container {
    width: 100%;
    padding-right: 0;
    padding-left: 0;

}
}
.wpsisac-slick-slider.design-2 .wpsisac-image-slide .wpsisac-slide-wrap .wpsisac-slider-overlay {
    background: rgba(0,0,0,0) !important;
    }
.wpsisac-image-fit .wpsisac-image-slide-wrap img, .wpsisac-image-fit .wpsisac-slide-wrap img{
	-o-object-position: center;
	object-position: center;
}
.wpsisac-slick-slider *{
    max-height: 22.5vw;
    
}
.full-slider .wpsisac-slick-slider *{
	max-height: 45vw !important;
	}
.wpsisac-slide-wrap img{
	margin: 0;
	}

.wpsisac-slick-slider img{
/*     margin-top: -30px !important; */
}
/* Accordions Plugin Icons  */
.accordion-title {
	cursor: pointer;
}
.sow-accordion-title {
	font-size: 1.75rem !important;
	line-height: 1.2em !important;
}
@media screen and (max-width: 500px){
	.sow-accordion-title {
font-size: 1.5rem !important;
line-height: 1.1em !important;
}
.uns .sow-accordion-panel-content h3 {
margin-bottom: .5rem !important;
line-height: 0.9em !important;
font-size: 1.3em;
}
.uns .sow-accordion-panel-border {
    background-color: #f9f9f9;
    padding: 15px 30px 15px 0px !important;
    overflow: auto;
    font-size: 0.6em;
}

}
#uns-head{
	margin-left: 0;
	margin-right: 0;
}
.accordion-title:hover, .sow-accordion-title:hover {
	color:#e74011 !important;
}
.accordion-title:after {
	content: "+";
	float: right;
}
.accordion-title.open:after {
	content: "\2212";
}
.sow-accordion-panel {
    margin-bottom: -2px !important;
    background-color: #efefef !important;
}
.sow-accordion-panel-content h3{
	    margin-bottom: .5rem !important;
    line-height: 0.9em !important;
	font-size:1.6em
}
.sow-accordion-panel-content hr {
	border-width: 1px;
	border-color: #333;
}
.so-widget-sow-accordion-default-99be652ed941 .sow-accordion .sow-accordion-panel .sow-accordion-panel-content .sow-accordion-panel-border, .so-widget-sow-accordion-default-99be652ed941 .sow-accordion .sow-accordion-panel .sow-accordion-panel-header {
    background-color:  #fff !important;
    color: #000 !important;
    border: 2px solid #333 !important;
    margin-top: -2px;
}
#main-menu li.active a {
    border-bottom: none;
}
p.intro-content:first-child {
    font-size: inherit !important;
    color: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    font-weight: inherit !important;
}
.entry-meta {
    border-top: none;
}
@media screen and (min-width: 475px){
p.intro-content{
	text-align: justify;
	}
.entry-meta {
    text-align: justify;
}
	}
/* GRAUE BOX HOME */
#panel-12451-0-0-0> .panel-widget-style {
padding: 1em !important;
}
/*. Back to top */
a.up-link:hover {
background-color: #e74011 !important;
}
#wrapper-footer > div > div{
	margin-right: 0;
}
/* Hover links */
a:hover {
color: #e74011 !important;
text-decoration: none !important;
}
.lobbi-orange, h1, h1 a, h1 a:active{
	color:#e74011 !important;
}
a:hover {
text-decoration: none;
border-bottom: none;
}
@media screen and (max-width: 475px){
.entry-meta {
    border-top: 0 !important;
    text-align: left;
}
}
.entry-meta img{  
	height: auto;
	display: inline;
	}
.presse-auszug .entry-meta, .feature-content {
    text-align: left !important;
}
/* Modal Form */
.modal-dialog {
    max-width: 700px;
	line-height:0.5em;
}
.modal-dialog label {
    margin-bottom: 0.4em;
}
.modalButton {
	background-color:#e74011 !important;
	border-radius:28px !important;
	border:0 !important;
	display:inline-block !important;
	cursor:pointer !important;
	color:#ffffff !important;
	font-family:Arial !important;
	font-size:17px !important;
	padding:9px 31px !important;
	text-decoration:none !important;
	text-shadow:0px 1px 0px #b23e35 !important;
}
.modalButton:hover {
	background-color:#b30900;
}
.modalButton:active {
	position:relative;
	top:1px;
}
.modal-dialog .mb-5, .modal-dialog .my-5 {
    margin-bottom: 2rem !important;
}
.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    color: #000 !important;
}
div.wpforms-container-full, div.wpforms-container-full{
	width:80% !important;
}
.wpforms-confirmation-container-full, div[submit-success] > .wpforms-confirmation-container-full {
line-height: 1em;
}
p.intro-content:first-child::first-letter {
    color: inherit;
}
.aktuelles{
	font-size:1rem !important;
	line-height:1.5rem !important;
	text-align: justify;
	padding-right: 2em;
}
.chronologie-teaser-box{
	margin-left: 0;
}
.wrapper-variable-lg {
    padding-top: 0;
    padding-bottom: 0;
}
.meta-description, .posted-on-meta {
    border-bottom: 0;
    padding-bottom: 10px;
}
/* Über uns */
#pg-2-0, #pg-2-1, #pg-2-2, #pg-2-3 , #pg-2-4, #pg-2-5, #pg-2-6, #pg-2-7, #pg-2-8, #pl-2 {
    line-height: 1.8em !important;
}
/* Materialien */

.materialien{
	max-width:33%;
	float:left;
    padding: 0 5px;
    line-height: 1.1em;
    height: 500px;
    
}
.materialien .justify-content-center{
	justify-content: flex-start;
}
.materialien a, .materialien-title h3{
	color:#e74011 !important;
}
.materialien a img{
	border:1px solid #ccc;
	width: 211px !important;
	height: 300px !important;
}
@media screen and (max-width: 768px){
	.materialien a img{
	width: 105px !important;
	height: 150px !important;
}
	.category-perspektiven p.intro-content a, .materialien-title a, .materialien-title{
    font-size: 0.6em !important;
}
	.materialien h2{
	    font-size: 1em !important;
}
}
.horizontal-list{
}
.perspektiven-teaser-box .display-4{
	font-size:1.1em !important
}
.perspektiven-teaser-box img{
	border:1px solid #ccc;
}
.perspektiven-teaser-box div {
		float:left;
}
.perspective-klein{
	font-size: 50%;
}
.border{
	border:1px solid #ccc;
}
/* footer */
#wrapper-footer, #wrapper-top-footer {
    border-top: 0;
}
.wrapper-darker, .wrapper-darker a{
   background-color: #989898;
}
.wrapper-darker,.wrapper-darker p, .wrapper-darker a{	color:#000;
	font-weight:500 !important;}
.social{width:35px;}
#colophon .col-md-7 .textwidget{
	margin-left: -15px !important;
	}
#footerlogo h4{
	color:#000 !important;
}
#footerlogo img{
	height:60px !important;
	width:auto;
}
/* Spenden */
.spenden-box{
	border:1px solid #ccc;
	padding:1em;
	background-color:#efefef;
}
#iframe-donationform-default{
	border:1px solid #ccc;
	margin:1em;
	background-color: #ccc;
}
/*. Spenden DatenschutzFont-color */
#donationform-default a{
	color:#333 !important;
}
/*. search form */
#searchform input{
	width:8em;
	background-color: #fff;
    border: 2px solid #000;
}
.btn, .wpcf7 input[type="submit"] {
	display: none;
	}
#searchform {
    font-family: FontAwesome;
    position: absolute;
    top :85px;
    right: 15px;
 }
/* Sprachen  */
.arab-farsi{
	direction: rtl; 
	float:right;
	text-align: right;
}
.fa-globe{
/*
	padding: 0.3em 0.8em;
    border:1px solid rgba(0,  0,  0, 0.1);
    margin-left: -10px;
*/
	}
#menu-lang{
/* 	background-color: #ccc; */
	}
.lang_menu_class{
	display: block;
    width: auto;
    font-size: 1rem;
    font-weight: 400;
/*     float: right !important; */
	position:relative;
	font-size:12px;
	width:100%;
	text-align: justify;
}
.lang_menu li{ 
	width:100%;
	}
.lang_menu_class li{
	list-style:none;
	display: inline-block;
	width: 7.9%;
	margin-block-start: 0;
	text-align: center;
}
.lang_menu_class li:last-child{
	padding-right: 0 !important;
}
.lang_menu_class ul{
	display: contents;
}
.top-bar{
	float: right !important;
/* 	  margin-top:1em; */
}

@media screen and (max-width: 990px){
	.lang_menu_class{
	text-align: left;
}
.lang_menu_class li{
	list-style: none;
	display: inline-block;
	width: auto;
	margin-block-start: 0;
	padding-right: 10px;
}
}
.top-bar li{
	list-style:none;
	display: inline;
	float: left;
}
@media screen and (min-width: 767px){
	.col-md-12{
	padding-right: 0px !important;
	padding-left: 0px !important;
	}

}
@media screen and (max-width: 1150px){
	.col-md-4 {
	max-width: 100%;
}
}
/*
@media screen and (max-width:500px){
#searchform {
    position: absolute;
    top:25px;
    left: 15px;
	}
}
*/
@media screen and (max-width: 544px){
	.navbar-expand-sm {
	float: left !important;
}
}

/*
@media screen and (min-width: 544px){
	.container {
    max-width: none;
}
}
*/

@media screen and (max-width: 780px){
#uns-head .slider {
	margin-bottom: 0 !important;
}
#uns-head #panel-2-0-0-0> .panel-widget-style, #uns-head  #panel-2-0-2-0> .panel-widget-style {
	margin-top: 0 !important;
}
#uns-head #pgc-2-0-0, #uns-head #pgc-2-0-1, #uns-head #pgc-2-3-0, #uns-head #pgc-2-5-0, #uns-head #pgc-2-6-0 {
	margin-bottom: 0 !important;
}
.entry-meta {
	margin: 0 !important;
	padding: 0 !important;
}
.panel-widget-style {
	padding: 0 !important;
	font-size: 1.5em !important;
}
#uns-head .panel-widget-style {
	padding: 0 !important;
	font-size: 13px !important;
}
p.intro-content {
    margin-top: 2em;
}
}
@media screen and (max-width: 475px){
p.intro-content {
    text-align: left;
}
#home-style p.intro-content {
    text-align: center !important;
}
}
/* datepicker */
.ui-widget {
    font-size: 0.8em;
}
.page-header{
	padding-bottom: 2em;
	}
	
.chron-top{
	margin-top:1.5em;
	}
/*  Netzwerk Accordion */
.buts {
  list-style-type: none;
	font-size:1.2em
}
.buts li:before {
  content: '';
  display: inline-block;
  height: 12px;
  width: 10px;
   background-size: 10px;
  background-image: url('/wp-content/uploads/2020/10/tri-red.png');
  background-repeat: no-repeat;
  margin-right: 10px;
}
/* pagination */
.page-item.active .page-link {
background-color: #e74011 !important;
border-color: #e74011 !important;
color: #fff !important;
}
.page-link:hover {
color: #e74011 !important;
background-color: #e74011 !important;
border-color: #efefef;
color: #fff !important;
}
.page-link {
color: #e74011 !important;

}
/* Aktuelles Pagination */
.page-numbers{
padding: 5px 10px;
border: 1px solid #efefef;
margin: -3px;
}
/* Pagination */
.pagination {
   clear:both;
   position:relative;
font-size: 16px;
line-height: 18px;
float: left;
margin-bottom: 2em;
}
.pagination span, .pagination a {
   display:block;
   float:left;
   padding: 7px 12px;
	border: 1px solid #efefef;
	margin: -3px;
   text-decoration:none;
   width:auto;
   color:#e74011; /* Pagination text color */
   background: #fff; /* Pagination non-active background color */
   -webkit-transition: background .15s ease-in-out;
   -moz-transition: background .15s ease-in-out;
   -ms-transition: background .15s ease-in-out;
   -o-transition: background .15s ease-in-out;
   transition: background .15s ease-in-out;
}
.pagination a:hover{
   color:#fff !important;
   background: #e74011; /* Pagination background on hover */
}
.pagination .current{

   background: #e74011; /* Current page background */
   color:#fff;
}

/*. Developer oroientierung */
.orient{
	display: none;
}