/* general */
body {
  background:var(--bg-color)
}
h1,h2,h3,h4,h5 {
  font-weight:bold;
  color: var(--headings);
}
h2,h3,h4,h5 {
  padding-top:5px
}
img {
  width:100%;
  height:auto;
}
a, a:visited {
  color:var(--link-color);
  transition:color 0.3s ease-in-out;
}
a:hover {
  color: var(--link-color-hover);
  text-decoration:none;
}
p {
  line-height: 1.7;
}


/* media queries */
@media (max-width: 575.98px){
  .container { /* remove and replace through bootstrap components ??? */
    /*max-width:90%;*/
  }
  .entry-thumb { /* remove and replace through bootstrap components ??? */
    /*padding: 3px!important;
    margin-top:10px*/
  }
  h1,h2,h3,p { /* trennzeichen bei zu langen Wörtern */
    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }
}

/*
@media (min-width: 576px) and (max-width: 767.98px) {

}*/
@media (min-width: 768px) and (max-width: 991.98px) {
  /*.entry-thumb{padding: 0;}*/
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  /*#logo {margin:auto 0!important;text-align: left!important;}*/ /* remove and replace through bootstrap components ??? */
  /*.entry-thumb{padding: 0;}*/
}
@media screen and (min-width: 1200px) {
  /*#logo {margin:auto 0!important;text-align: left!important;}*/ /* remove and replace through bootstrap components ??? */
  /*.entry-thumb{padding: 0;}*/
}


/* open menu on hover */
@media screen and (min-width: 768px){
  /*.dropdown:hover .dropdown-menu, .btn-group:hover .dropdown-menu{
    display: block;
  }
  .dropdown-menu{
    margin-top: 0;
  }
  .dropdown-toggle{
    margin-bottom: 2px;
  }
  .navbar .dropdown-toggle, .nav-tabs .dropdown-toggle{
    margin-bottom: 0;
  }
  .menu-left{
    order:-1;
  }*/
}



/* overall */


/* overall search */
#overallsearch {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
  transition: all 0.5s ease-in-out;
  -webkit-transform: translate(0px, -100%) scale(0, 0);
  -moz-transform: translate(0px, -100%) scale(0, 0);
  -o-transform: translate(0px, -100%) scale(0, 0);
  -ms-transform: translate(0px, -100%) scale(0, 0);
  transform: translate(0px, -100%) scale(0, 0);
  opacity: 0;
  display:block!important;
}
#overallsearch.open {
  -webkit-transform: translate(0px, 0px) scale(1, 1);
  -moz-transform: translate(0px, 0px) scale(1, 1);
  -o-transform: translate(0px, 0px) scale(1, 1);
  -ms-transform: translate(0px, 0px) scale(1, 1);
  transform: translate(0px, 0px) scale(1, 1);
  opacity: 1;
  z-index:2000;
}
#overallsearch input[type="search"] {
  position: absolute;
  top: 50%;
  width: 100%;
  color: rgb(255, 255, 255);
  background: rgba(0, 0, 0, 0);
  font-size: 60px;
  font-weight: 300;
  text-align: center;
  border: 0px;
  margin: 0px auto;
  margin-top: -51px;
  padding-left: 30px;
  padding-right: 30px;
  outline: none;
}
#overallsearch form button {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: 61px;
  margin-left: -45px;
}
#overallsearch #closesearch {
  position: fixed;
  top: 45px;
  right: 45px;
  opacity: 1;
  padding: 10px 17px;
  font-size: 27px;
}



/* topheader */


/* header */
#header {
  border-bottom: 2px solid var(--mainheader-border-bottom);
  box-shadow: 0 4px 8px 0
  rgba(0, 0, 0, 0.2), 0 6px 20px 0
  rgba(0, 0, 0, 0.19);
}
/*#header .container{position:relative;margin-right:auto;margin-left:auto}*/
/*#header .jumbotron{margin-bottom:0;padding:2rem}
#header .jumbotron p{font-size:1.3em;}
#header .jumbotron p.header{font-size:2.5em;color:#000;font-weight:bold;line-height:1;}*/

#mainheadermenu {
  background: var(--mainheader-bg);
}
#mainheadermenu a {
  color: var(--mainheader-link);
  font-weight:bold;
  text-transform:uppercase;
  white-space:nowrap;
}
#mainheadermenu a:hover {
  color: var(--mainheader-link-hover);
}
#mainheadermenu.fixed-top {
  background: var(--mainheader-fixed-bg);
  height:55px;
}
#mainheadermenu #logo {
  padding:.5rem 0;
}
/*#mainheadermenu #logo img {
  max-height:70px;
}*/
#mainheadermenu.fixed-top #logo {
  padding:0;
}
#mainheadermenu.fixed-top #logo img {
  height:40px;
  width:auto;
}
#mainheadermenu.fixed-top a {
  color: var(--mainheader-fixed-link);
  font-weight:bold;
  text-transform:uppercase;
  white-space:nowrap;
}
#mainheadermenu.fixed-top a:hover {
  color: var(--mainheader-fixed-link-hover);
}

/*#menu ul {margin:0;float:right}*/
/*#menu ul li a,#menu ul li span,#menu .pull-right{}*/
#menu ul li a:hover,#menu ul li.trail a,#menu ul li.active>a{text-decoration:none;}
#menu .level_2 a,#menu .level_2 a.active{background-color:#FFF;padding:5px 10px;display:block}

/*@media all and (min-width: 992px) { <- not needed, theme is displaying menu only if screen smaller than 992 */
  #menu .nav-item:hover .dropdown-menu{ margin:-.5rem 0 0;display: block; }
/*}*/


/*.menu-icon a{
  line-height:1.5
}*/
.header-icons {
  margin: 0.7rem 0 !important;
}

/* mobile menu */
/*#headersearchicon{padding: 0;font-size: 1.8em;display: block;margin: auto;text-align: center}*/

/* mmenu bootstrap fix */
/*
#mmenu .dropdown-menu{position:relative;top:unset;left:unset;float:none;background-color:unset;border:0;border-radius:0}
#mmenu li a:focus, #mmenu li a:hover{background-color:#393939}
*/


/*#onscrollheader{width:100%;top:-100px;position:fixed;display:none}*/
/*#mainheadermenu{height: var(--main-header-height)}*/
/*#mainmenu{position: absolute;right: 0;bottom: 0;}*/

.main-slider-overlay{
  bottom:10%;
  z-index:9;
}
.main-slider-overlay div{
  background: var(--headerimg-text-bg);
  color: var(--headerimg-text-title);
  opacity:.9;
  width:60%;
  margin: 0 auto;
}
#main-slider-overlay-title{
  font-size:2em
}
#main-slider-overlay-subtitle{
  font-size:1.5em
}
/*
#logo{margin:auto;text-align: center;padding-top: 15px;padding-bottom: 15px;}
#logo a{color:var(--link-color-main);font-size:150%;font-weight:999;}
#headericon{background-color:var(--link-color-main);color:#FFF;display:inline-flex;padding:18px;border-radius:50%;font-size:150%;margin-right:20px}
*/


.seperator:after{display:block;background-color:#ccc;height:1px;content:' ';} /* Trennlinie Menu */

#burger-wrapper{margin:auto 0}
.burger {width:30px; height:20px; cursor:pointer; display:block; position:relative}
.burger span{background: var(--mainheader-link);-webkit-border-radius: 2px;-moz-border-radius: 2px;-ms-border-radius: 2px;-o-border-radius: 2px;border-radius: 2px;display: block;position: absolute;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-ms-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;height: 3px;}
.burger span:nth-child(1){width:30px;top:0}
.burger span:nth-child(2){width:24px;top:8px}
.burger span:nth-child(4){width:18px;top:16px}


/*#topmenu span.[class^="icon-"], #topmenu span.[class*=" icon-"]{font-size:1rem;color:#FFF}*/


/* adapt !!!!!! */

/*.header-smartslider3{border-top:5px solid var(--link-color-main);border-bottom:5px solid #ccc;margin-bottom:20px}*/

/* END header */



/* main content */



.fullwidthbar { /* if full width elements */
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  max-width: 1000%;
  width: auto;
  /*padding-top:30px;
  padding-bottom:15px;
  margin-bottom:15px*/
}

/* format Videos (YouTube & VIMEO) */
.videowrapper {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: auto;
  padding-bottom: 56.25%;
  margin-bottom:20px;
}

.videowrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height:150px
}
/*.videowrapper > div[data-type='placeholder'] {
  position:absolute;
  width:100%;
  max-width: 100%!important;
  height:100%!important;
  background-color: #fff3cd;
  border-color: #ffeeba;
}
.videowrapper > div div{
  border:none!important;
  background: transparent!important;
}
@media (max-width: 575.99px){
  .videowrapper > div div, .videowrapper > div p{
    padding:0!important;
    font-size:96%!important;
  }
}*/

.search .entry-summary{margin-top:0.5em}

figcaption{font-size:90%;color:#000;text-align:center}
#main figcaption{cursor:pointer}

.pagination ul{list-style-type:none;display:flex;margin:.5rem 0;padding:0;border-radius:.25rem;}
.pagination ul a, .pagination ul span{position: relative;display: block;padding: .5rem .75rem;margin-left: -1px;line-height:1.25;border:1px solid #dee2e6;}
.pagination ul a:hover{background-color: #e9ecef;}

/*.post-nav-links{background-color:#fcf8e3;margin-top:20px}*/ /* pagination inside of blog posts and pages */

blockquote{display: block;border-width: 2px 0;border-style: solid;border-color: var(--link-color-main);padding: 1.5em 1.5em 0.5em;margin: 1.5em 0;position: relative;font-style: italic;}
blockquote:before{content: '\201C';position: absolute;top: 0em;left: 50%;transform: translate(-50%, -50%);background:#FFF;width: 3rem;height: 2rem;font: 6em/1.08em 'PT Sans', sans-serif;color: #666;text-align: center;}


.alert{overflow:hidden}
.alert-success {position: unset;background-color:var(--link-color-main);color:#FFF}
.alert-success a {color:#FFF;text-decoration:underline}

/* honeypot */
.nohp{opacity: 0;position: absolute;top: 0;left: 0;height: 0;width: 0;z-index: -1}

/* bloglist & thumbnails */
.bloglist > a {
  cursor: pointer;
  border: 1px solid #d1d5da;
  transition: all 0.5s ease 0s;
}
.bloglist > a:hover {
  box-shadow: 0 1px 15px rgba(27,31,35,0.15);
  border: 1px solid var(--mainheader-border-bottom);
}

/* check if needed */
.entry-content{margin-top:0;}
.entry-header h2 {font-size: 1.7rem;}
.byline, .posted-on {margin: 9px 10px 9px 0;font-size:14px;}
.entry-thumb{padding-right:0;margin-bottom:20px}
.entry-thumb .entry-cat {font-size: 13px;font-weight: 400;top: 3px;left: 18px;line-height: 13px;position: absolute;text-transform: uppercase;}
.entry-thumb .entry-cat a {background: var(--link-color-main);color: #fff;display: inline-block;font-size: 13px;line-height: 24px;padding: 5px 10px;text-decoration: none;}

/* btn */
.btn-primary{
  background-color: var(--btn-primary);
  border-color: var(--btn-primary-border);
  color: var(--btn-primary-text)!important;
}
.btn-primary a { color: var(--btn-primary-text)!important; }
.btn-primary:hover{
  background-color: var(--btn-primary-hover);
  border-color: var(--btn-primary-border-hover);
  color: var(--btn-primary-hover-text)!important;
}
.btn-primary:hover a { color: var(--btn-primary-hover-text)!important; }


/*
.btn-success{
  background-color: var(--link-color-main);
  color:#FFF!important
}
.btn-success:hover{
  background-color: var(--link-color-secondary)
}*/

/* badge */
.badge-primary, .badge-primary a{
  background-color: var(--topheader-bg);
  color: var(--topheader-link)!important;
}
.badge-primary a:hover{
  color: var(--topheader-link-hover)!important;
}

/* klaro cookie consent - hide iFrames */
.blocked iframe {
  max-height:0;
  min-height: 0 !important;
}


/* sidebar */
/* add this part into seperate sidebar css file ... ? add all parts into seperate css files ? */
#secondary h2, #secondary h3{font-size:1.5rem}
#secondary ul{list-style:none;padding:0;margin:0}
#secondary ul ul{margin-left:1em}
/*#secondary li a{padding:5px}*/
#secondary section{margin-bottom:20px}



/* comments */
.comment-form label{
  display:block;
  width:100%;
}


/* footer */
#footer{
  background-color: var(--footer-bg);
  color: var(--footer-text);
}
#footer a{
  color: var(--footer-link);
}
#footer a:hover, #footer span.active {
  color: var(--footer-link-hover);
}
#footer a.underline {
  text-decoration: underline;
  text-underline-offset: 3px;
}

#footer .widget-title{
  color: var(--footer-text-header);
  font-size:20px;
  font-weight:bold;
  margin:30px 0 20px
}
#footer ul{margin:0;padding:0;list-style-type:none}
#footer ul li{
  padding:10px 0;
  border-bottom:1px solid rgba(255,255,255,0.3);
}
#footer ul li:last-child{
  border-bottom:0;
}
#footer ul li a, #footer ul li span{

}

/*
#footer-info li::after{
  content: ">";
  font-size: 15px;
  left: 0;
  position: absolute;
  top: 0;
}*/


#footer hr{border-top:1px solid rgba(255,255,255,0.3);}

#footer-bottom a {
  text-decoration: underline;
}
#footer-bottom a:hover {
  text-decoration: none;
}


/* page layout */
/* infobox = class to add a box around content */
/*.infobox, .infobox-outer > div, #secondary section {
  margin-bottom: 1.5rem !important;
  box-sizing: border-box;
  background: var(--front-color);
  padding: 12px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .25);

  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;

  background-clip: border-box;
  border: 0 solid rgba(0, 0, 0, .125);
  border-radius: .25rem;
}*/
/*
.infobox-grey{background-color: #f8f9fa}

.infobox ul.list-group, ul.infobox.list-group{list-style-type: none}
ul.infobox.list-group li{padding:10px 0; border-bottom:1px solid lightgrey}
ul.infobox.list-group li:first-child{padding-top:0}
ul.infobox.list-group li:last-child{border: none;padding-bottom:0}

.expert-list .entry-thumb{position:relative}
.expert-list.post .post-thumb img{border-radius:3%}
.expert-list h2.entry-title{position:absolute;bottom:-2px;font-size:.9rem;text-align:center;left:5px;right:5px}

.input-group .jplist-dd, .input-group .jplist-dd-panel{font-size:1rem!important}
.input-group .jplist-dd-content.jplist-dd-opened{background-color: #FFF}


.donation-button a {background-color:black;color:#FFF!important;padding:10px 15px}
*/