/*
Theme Name: UiA
Author: Cassandra Mehlhorn
*/








/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/

html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust:     100%;
}

html {
    overflow: scroll;
    overflow-x: hidden;
}

.alignright 
{
    text-align:right;
}

strong {
    font-weight: bold;
}

.enger{
    letter-spacing:-0.5pt;
}

::-webkit-scrollbar {
    width: 0px;  /* remove scrollbar space */
    background: transparent;  /* optional: just make scrollbar invisible */
}

.site-branding-mobile{
    display:none;
}

.arial{
 font-family:Arial;
}

.framelisting{
     width: 100%;
     float:left;
     margin-left:40px;
     display:block;
    position: absolute;
    top: 130px;
        margin-right: 40px;

}


.featured-image img:hover {
    -webkit-filter: grayscale(100%);
    filter: grayscale(0%);
}


.scroll-to-content,
.back-to-top {
opacity: 0;
-webkit-transform: translateX(80px);
-moz-transform: translateX(80px);
-ms-transform: translateX(80px);
-o-transform: translateX(80px);
transform: translateX(80px);
bottom: 30px;
right: 0px;
z-index: 3;
}



/* ngbklogofrontmobile*/
.back-to-top {
    color: #bc213f;
    position: fixed;
    width: 100px;
    left: 40px;
    bottom: 40px;
    display:none;
}


/* farbe beim hovering des back to top pfeiles */
.back-to-top:hover {
        color: #000;
    }

.back-to-top:focus {
color: #000;
}



.scroll-to-content {
color: #bc213f;
position: absolute;

}


.scroll-to-content:focus {
color:#000;
}

.scroll-to-content:hover {
color:#000;
}




.show-scroll-up,
.show-scroll-down {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}



.back-to-top:focus,
.scroll-to-content:focus {
outline: none;
}






.listingtitle sub
{
    display:none;

}

.listingcontent sub
{
    display:none;

}



.listingcontainer {

    padding-left: 20px;
    padding-top: 17px;
    padding-bottom: 17px;
    padding-right: 25px;
    color: #000000;
    font-size: 18px;
    font-weight: 200;
    line-height: 24px;
    height: inherit;
}

.imagecontainer {
float:left;
    height: 100%;
    width: 41.66666667%;
}







 .postid-3611 .entry-autorbild img {
 -webkit-filter: grayscale(0%);
filter: grayscale(0%);
opacity: 0.85;
}

 .postid-3611 .entry-autorbild img:hover {
 -webkit-filter: grayscale(0%);
filter: grayscale(0%);
opacity: 0.85;
}


.postid-3575 .entry-autorbild img:hover {
 -webkit-filter: grayscale(0%);
filter: grayscale(0%);
opacity: 0.85;
}

.postid-3575 .entry-autorbild img {
 -webkit-filter: grayscale(0%);
filter: grayscale(0%);
opacity: 0.85;
}



.imagecontainer img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
opacity: 0.45;
object-fit: cover;
height: 320px !important;
}


.listingtitle{

text-decoration: none;
    font-size: 23px;
    line-height: 27px;
    font-family: 'Acumin-Pro', sans-serif;
    /* color: #008fed; */
    font-weight: 600;
}


.alignleft
{
    width: 50%;
    float:left;
  
}


.alignright
{
    width:50%;
    float:right;

}




.listitem {
    padding: 0;
    border-right: 10px solid #383838;
    overflow: hidden;
    height: 320px;
    -webkit-transition: background .2s linear;
    -moz-transition: background .2s linear;
    -ms-transition: background .2s linear;
    -o-transition: background .2s linear;
    transition: background .2s linear;
            margin: 0 80px 30px 0;
}



.listitem:hover{
background: #ded6c7;
}



.listingcontainer .listingcontent {
    font-weight: 400;
    font-size: 14px;
    position:absolute;
    bottom: 50px;
    padding-right: 30px;
    line-height: 18px;
}


.listitem > div {
    position: relative;
    overflow: hidden;
}



/*ausschalten des gridswitchers*/
.cspml_view_options_container .view_option
{
    display:none !important;
}

.berlinoutlinesquare img{
    z-index:99;
    margin: 0;
    position: fixed;
    top: 54%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%) 
}

.berlinoutline img {
 margin: 0;
    position: absolute;
    top: 52%;
    left: 47%;
    margin-right: -50%;
    transform: translate(-50%, -50%) 
}



.entry-iframe p a{
    text-decoration:none;
    border-bottom:1px solid;
}


.italic{
    font-style:italic;
}


.home .entry {
    position: relative;
    top: 220px;
    font-size: 30px;
    font-weight: bold;
    text-align: left;
    left: 170px;
    width: 400px;
    font-family: Acumin-Pro;
    line-height: 35px;
    background: transparent;
}


.entry-footnotes a:hover{
  text-decoration:none;
  border-bottom:1px solid black;
  
}

.entry-footnotes a{
  text-decoration:none;
  border-bottom:1px solid black;
  
}

.entry .linkpfeil img{
  width:18px !important;
  display:inline-block;
  
}

.open-navi .opencallplaster{
    display:none;
}


.bildlinks {
    position: fixed;
    top: 65%;
    left: 23%;
    height: auto;
    z-index: 9999999 !important;
}


.bildlinks .featured-image img{
    z-index: 9999999 !important;
    width:430px;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}





.open-navi .bildlinks{
    display:none;
}



.kiu-intro{
    font-size:20px;
}


.sponsortext
{

}


.uia-intro a{
text-decoration:none;
}
.uia-intro a:hover {
text-decoration:none;
/** color:#8c0909 !important; **/
}

.kiu-intro a:hover {
text-decoration:none;
/** color:#8c0909 !important; **/
}


.introsmall a:hover {
text-decoration:none;
}

.nav-trigger a:hover
{
text-decoration:none;
/** color:#8c0909 !important; **/
}

.site-branding a:hover{
text-decoration:none;
/** color:#8c0909 !important; **/
border-bottom:1px solid black;
}


.open-navi .iziModal
{
    display:none !important;
}



.introsmall {
   font-size: 1.3rem !important;
    display: inline-block;
    line-height: 0.2pt;
    top: -12px;
    position: relative;
        text-transform: none;
            letter-spacing: -0.2pt;
}



.postcross
{
    display:none !important;
}



.nav-trigger {cursor:pointer}


.single-portfolio .berlinoutline{
    display:none;
}


.single-portfolio  .linke_spalte{
    border:none;
    background:#e4e4e0;
}


.entry img
{
   width: 100%;
   opacity:0.9;
   margin-left:0px !important;
   -webkit-filter: grayscale(100%);
   filter: grayscale(100%);
   transition: all 0.5s ease-in;
}



.entry img:hover
{
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    transition: all 0.5s ease-out;

}




.entry p a img {
    border-bottom: 0px solid !important;
}

/*
.cspml_item:before {
    content: '';
    position: absolute;
    width: 1px;
    height: 100%;
    background-image: url(http://vesaire.de/ngbk/wp-content/themes/v1.0/img/dashLine_V.svg);
    background-size: 1px 20px;
    background-repeat: repeat-y;
    right: 0;
    top: 0;
}
*/

/*
.cspml_details_container{
    position: absolute;
    width: 100%;
    height: 1px;
    background-image: url(http://vesaire.de/ngbk/wp-content/themes/v1.0/img/dashLine.svg);
    background-size: 20px 1px;
    background-repeat: repeat-x;
    background-position-x: center;
    bottom: 0;
    left: 0;
}
*/


.markercat {
    display: block !important;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: 0.2pt;
}



.cspm_zoom_container
{
    display:block !important;
}

.locherpunkt1
{
       display: none !important;
    position: absolute;
    left: 40px;
    top: 25%;
    transform: translateY(-30%);
}

.locherpunkt2
{
        display: none !important;
    position: absolute;
    left: 40px;
    top: 55%;
    transform: translateY(-40%);
}

    

 




/* abstand des containers nach außen */

.container {
        padding-left: 40px;
        padding-right: 40px;
    }



body {
background: #f1f1f1;
font-family: Acumin-Pro; /*sans-serif*/
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
font-weight: normal;
margin: 0;
color: black;
}


body.home{
background: #e0d6d6; /* Old browsers */

}

.home .rightsidefront{
background: #f1f1f1; /* Old browsers */
position:fixed;
top:0px;
right:0px;
width:50%;
height: 100%;
display:block;
}

.rightsidefront{
display:none;
}


.u{
}


.p
{

}


.small{
font-size: 20px;
    text-transform: none;
    letter-spacing: -0.2pt;
}


.I{

}


.n{

}


.A{

}


.r{
   display:inline-block;
}


.m {
 
}

.s{

}


.page-template-HalfHalf .berlinoutline {
display:none;
} 


ul{
padding:0px;
margin:0px;
} 

.featured-image img{
 -webkit-filter: grayscale(100%);
    filter: grayscale(100%);}


.wpgmp_listing_list .fc-wait .fc-item-padding-content_15 {
    padding-right: 80px !important;
}


p {
    display: block;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
     margin-bottom:0px;
    margin-top:0px;
    padding-top:0px;
    padding-bottom:0px ;
}


h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
margin: 0;
font-weight:normal;
}


.ngbklogofront
{
   position:fixed;
   left:40px;
   bottom:40px;
   width:100px;
   z-index:999999;
}


.iziModal .iziModal-header.iziModal-noSubtitle .iziModal-button {
    height: 22px !important;
    width: 22px !important;
}


.locherpunkt1{
   width:22px;
    height:22px;
}

.locherpunkt2{
    width:22px;
    height:22px;
}


.textintro {
    letter-spacing: -0.6pt;
    margin: 0;
   position: absolute;               
   top: 45%;                         
   transform: translate(0, -50%);
   left:35%;
  
}



.uia-intro{
   font-size: 50px;
    font-weight: bold;
    text-align: left;
    width: 500px;
    line-height: 45px;
    background: transparent;
    z-index: 50;
    text-transform: uppercase;
    background: #e0d6d6;
    padding: 10px;
}

.vorpunkt {
    display: none;
    margin-top: 20px;
    margin-bottom: 20px;
    vertical-align: bottom;
    padding-right:20px;
  
    
}

.vorpunkt img {
    width:22px;
    height:22px;

    
}


.vortext {
    display: table-cell;
    z-index:20;

    
}
.kiu-intro{
    font-size: 50px;
    font-weight: bold;
    text-align: left;
    width: 580px;
    line-height: 50px;
    margin-top: 85px;
    background: transparent;
    z-index: 50;
    text-transform: uppercase;
        background: #e0d6d6;
    padding: 10px;
}



.bulletfront{
position: relative;
    top: 60px;
    font-size: 55px;
    font-weight: bold;
    text-align: left;
    left: 35px;
    background: transparent;
    opacity: 1;
}

.patronen{
   position: absolute;
    font-size: 55px;
    font-weight: bold;
    text-align: left;
    left: 285px;
    top: 200px;
    background: transparent;
    opacity: 1;
    z-index: 300;
    width: 250px;
}


.opencallplaster{
 position: absolute;
    top: 510px;
    text-align: left;
    left: 885px;
    background: transparent;
    opacity: 1;
    width: 400px;
    z-index: 999999999;
    display:none;
}


.page-template-texte article {
    display: grid;
    grid-template-columns: repeat( 3, minmax(auto, 1fr) );
}



figure,
footer,
main,
menu,
nav,
section {
display: block;
}




figure{
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
margin:0px !important;
width:100% !important;
} 


img {
    height: auto; /* Make sure images are scaled correctly. */
    max-width: 100%; /* Adhere to container width. */
}


li {
list-style-position: inside;
}



a {
    color:black;
    text-decoration: none;
    outline: 0;
}


.wrap {
    position: relative;
    box-sizing: border-box;
}


/* iframe code*/

.primary-iframe{
  height:100%;
  background:pink;
}

.content-area-iframe{
}






/* organizing the fitting markerfield */
.cspml_item img{
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity:0.45;
    object-fit:cover;
    height:320px !important;
   
}


div.cspml_item{ 
    padding:0;  
    border-right:10px solid #383838;
    overflow: hidden;
    height:320px;
    -webkit-transition: background .2s linear;
    -moz-transition: background .2s linear;
    -ms-transition: background .2s linear;
    -o-transition: background .2s linear;
    transition: background .2s linear;      
}



.sponsorfotongo  {
display:table;
}

.sponsorfotongo img {
display:table;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}

.sponsorfotongo img:hover {
display:table;
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}



.sponsorfotograu img {
 width: auto !important;
    height: auto !important;
    margin-top: 10px;
    margin-bottom: 10px;
    -webkit-filter: grayscale(100%);
   filter: grayscale(100%);
}

.sponsorfototekrow img {
  width: 10vh !important;
    margin-top: 10px;
    margin-bottom: 10px;
    height: auto !important;

}

.sponsorfototekrow  {
display:table-cell;
vertical-align:middle;
padding-right:20px;

}

.sponsorfototek img {
  width: 120px !important;
    margin-top: 10px;
    margin-bottom: 10px;
    height: auto !important;

}

.logokb img{
    width: 14vw !important;
    margin-top: 10px;
    margin-bottom: 10px;
    height: auto !important;

}

.logokb  {
display:table-cell;
vertical-align:middle;
padding-right:20px;
padding-top: 35px;

}

.logogn  {
display:table-cell;
vertical-align:middle;
padding-right:20px;

}


.logogn img{
    width: 120px !important;
    margin-top: 10px;
    margin-bottom: 10px;
    height: auto !important;

}


.logoaktion{
display:table-cell;
vertical-align:middle;
padding-right:20px;

}

.logoaktion img{
    width: 11vw !important;
    margin-top: 10px;
    margin-bottom: 10px;
    height: auto !important;

}

.logolobbycontrol{
display:table-cell;
vertical-align:middle;
padding-right:20px;
}


.logolobbycontrol img{
    width: 80px !important;
    margin-top: 10px;
    margin-bottom: 10px;
    height: auto !important;

}

.logoecchr{
display:table-cell;
vertical-align:middle;
padding-right:20px;
}


.logoecchr img{
    width: 80px !important;
    margin-top: 10px;
    margin-bottom: 10px;
    height: auto !important;

}


.logongbk img{
    width: 3.5vw !important;
    margin-top: 10px;
    margin-bottom: 10px;
    height: auto !important;

}

.logongbk  {
display: table-cell;
vertical-align: middle;
padding-right: 60px;
padding-top: 30px;

}

.logobvg img{
    width: 3.5vw !important;
    margin-top: 10px;
    margin-bottom: 10px;
    height: auto !important;

}

.logobvg  {
display:table-cell;
vertical-align:middle;
padding-right:20px;

}



.sponsorfototek img:hover {
    -webkit-filter: grayscale(0%);
   filter: grayscale(0%);
}





.cspml_item:hover img{
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity:1;
   
}

.subheader {
    width: 100%;
    position: fixed;
    height: 10px;
    top: 70px;
    z-index: 99999999;
    float: left;
    background:transparent;
}


.header-left{
    width: calc(50% - 80px);
    display: block;
    float: left;
    padding-top: 15px;
    padding-bottom: 10px;
    margin-left: 40px;
    border-top: 10px solid #383838;
}


.header-right{
    width: calc(50% - 80px);
    display: block;
    float: right;
    padding-top: 15px;
    padding-bottom: 10px;
    margin-right: 40px;
    background:#f1f1f1;
    border-top: 10px solid #383838;
}



.page-template-HalfHalf .datenschutz{
position:fixed;
right:40px;
bottom:40px;
z-index:2000;
}


.datenschutz{
position:fixed;
right:40px;
bottom:40px;
z-index:2000;
}



.datenschutzlinks{
position:absolute;
right:20px;
bottom:40px;
z-index:999999;
pointer-events: all;
}

.datenschutzlinks a{
z-index:999999;
}


.datenschutzlinks ul{
display:inline-block;
}



.datenschutzlinks li{
font-family: Acumin-Pro;
    list-style: none;
    display: inline-block;
    margin-right: 20px;
    font-size:14px;
}

.datenschutzlinks ul li a {
  display: block;
  pointer-events:all;
  z-index:9999999;
}


.datenschutz ul{
display:inline-block;
}


.datenschutz li{
font-family: Acumin-Pro;
    list-style: none;
    display: inline-block;
    margin-right: 20px;
    font-size:14px;
}

.main-iframe{
    z-index:999999;
}

.site-main-iframe {
    margin-left: 100px;
    margin-right: 100px;
}

.entry-header-iframe {
    text-align: center;
    font-family: Acumin-Pro, sans-serif !important;
}

.entry-header-iframe h3 {
    font-size:1.8rem;
    font-weight:600;
}


.entry-iframe
{
        margin-top: 30px;
}

.entry-iframe p
{

    font-size: 1.3rem;
    line-height: 1.6rem;
    font-family: Acumin-Pro, sans-serif !important;
}

.entry-iframe img
{
width:100%;
margin-top:0px;
}



.img-iframe .featured-image img
{
width:100%;
margin-top:30px;
opacity:0.9 !important;

}





/********* Navi */
.navi {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  height: 100%;
  z-index: 9999999;
  background-color: #f1f1f1;
  opacity: 1;
  transform: translate(0%, -100%);
  -webkit-transform: translate(0%, -100%);
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear; }
  .navi .col {
    text-align: center;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-direction: column;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    height: 100%; }


  .navi .main-navi {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: left;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: left;
    align-content: center;
    flex-direction: column;
    -webkit-flex-direction: column;
    -moz-flex-direction: column; }
  .navi .footer-navi {
    text-align: center;
    height: 1.8rem;
    line-height: 1.8rem;
    padding: 1rem 0;
    width: 100%;
    display: none; }
    .navi .footer-navi .hide-page {
      display: inline-block; }
  .navi .main-navi > li {
    line-height: 1.2; }
  .navi .main-navi > li > a {
    font-size: 8vh; 
    font-weight:700;
 text-transform: uppercase;
    letter-spacing: -0.8pt;
  }
  .navi .main-navi > li:nth-child(1) a {
    color: #000000; 
    cursor: pointer;}
  .navi .main-navi > li:nth-child(2) a {
    color: #000000;
    cursor: pointer; }
  .navi .main-navi > li:nth-child(3) a {
    color: #000000;
    cursor: pointer; }
  .navi .main-navi > li:nth-child(4) a {
    color: #000000; 
  cursor: pointer;}
  .navi .main-navi > li:nth-child(5) a {
    color: #000000; 
  cursor: pointer;}
  .navi .main-navi > li:nth-child(6) a {
    color: #000000; cursor: pointer;}
  .navi .main-navi > li:nth-child(7) a {
    color: #6e328c; }
  .navi .main-navi .sub-menu {
    padding: 1rem 0 1rem;
    display: none; }
    .navi .main-navi .sub-menu li {
          display: inline-block;
    font-size: 3.0vh;
    padding: 0 1.4rem 0 0;
    font-weight: 700;
    letter-spacing: -0.5pt
    }

body.open-navi .navi {
  transform: translate(0%, 0%);
  -webkit-transform: translate(0%, 0%); }



.nav-trigger {
  z-index: 99999999;
   }

  .nav-trigger:hover {
    cursor: pointer; }

  .nav-trigger > span {
    height: inherit;
    width: inherit;
    display: block; }



  .nav-trigger > span b {
    height: 6px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: transparent;
    border: 1px solid black;
    display: block; }



  .nav-trigger > span b:first-child {
    -webkit-transform: translate3d(0, 7px, 0) rotate(0);
    transform: translate3d(0, 7px, 0) rotate(0); }
  .nav-trigger > span b:nth-child(2) {
    opacity: 1;
    -webkit-transform: translate3d(0, 17px, 0) rotate(0);
    transform: translate3d(0, 17px, 0) rotate(0);
    z-index: 3; }
  .nav-trigger > span b:last-child {
    -webkit-transform: translate3d(0, 27px, 0) rotate(0);
    transform: translate3d(0, 27px, 0) rotate(0); }




.open-navi .nav-trigger > span b {
  background-color: #fff; }
.open-navi .nav-trigger > span b:first-child {
  -webkit-transform: translate3d(0, 17px, 0px) rotate(-45deg);
  transform: translate3d(0, 17px, 0px) rotate(-45deg); }
.open-navi .nav-trigger > span b:nth-child(2) {
  -webkit-transform: translate3d(5px, 18px, 0px) rotate(-45deg);
  transform: translate3d(5px, 18px, 0px) rotate(-45deg);
  border: none;
  width: 80%;
  z-index: 3; }
.open-navi .nav-trigger > span b:last-child {
  -webkit-transform: translate3d(0, 17px, 0px) rotate(45deg);
  transform: translate3d(0, 17px, 0px) rotate(45deg); }
.open-navi .slider-meta {
  opacity: 0; }

.nav-trigger.close-events {
  position: absolute;
  right: 1.25rem;
  top: 1rem;
  left: auto; }
  .nav-trigger.close-events > span b {
    border: 1px solid #ff8000;
    background-color: #fff; }
  .nav-trigger.close-events > span b:first-child {
    -webkit-transform: translate3d(0, 17px, 0px) rotate(-45deg);
    transform: translate3d(0, 17px, 0px) rotate(-45deg); }
  .nav-trigger.close-events > span b:nth-child(2) {
    -webkit-transform: translate3d(5px, 18px, 0px) rotate(-45deg);
    transform: translate3d(5px, 18px, 0px) rotate(-45deg);
    border: none;
    width: 77.5%;
    z-index: 3; }
  .nav-trigger.close-events > span b:last-child {
    -webkit-transform: translate3d(0, 17px, 0px) rotate(45deg);
    transform: translate3d(0, 17px, 0px) rotate(45deg); }



.open-navi {
    overflow: hidden;
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%; }
    .open-search .header .lang,
    .open-search section.search .btn,
    .open-events .header .lang,
    .open-events section.search .btn,
    .open-navi .header .lang,
    .open-navi section.search .btn {
      display: block; }



.row {
clear: both;
}

.karte-rechts{
    width: 100%;
    position: relative;
    top: 0px;
    right: 0px;
    display: block;

}



.item img{
height: auto; /* Make sure images are scaled correctly. */
max-width: 100%; /* Adhere to container width. */
}






/* iframe logos */

.ngbk img
{
    margin-bottom: 10px;
    width: 80px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}




.kunstraum img
{
    margin-bottom: 10px;
    width: 300px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}


.gn img
{
    margin-bottom: 10px;
    width: 170px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}


.gn img:hover
{
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

.ecchr img
{
    margin-bottom: 10px;
    width: 100px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}


.adopt img
{
    margin-bottom: 10px;
    width: 170px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.adopt img:hover
{
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}




.aktion img
{
    margin-bottom: 10px;
    width: 240px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}


.aktion img:hover
{
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}


.urgewald img
{
    margin-bottom: 10px;
    width: 140px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}


.urgewald img:hover
{
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}



.lobbycontrol img
{
    margin-bottom: 10px;
    width: 120px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}


.lobbycontrol img:hover
{

    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    margin-bottom: 10px;
    width: 120px;
}





.logo-collab
{
    text-align:right;
}

.logo-kunstraum
{
    text-align:right;
}

.logo-kunstraum img
{
    width: 320px !important;
    margin-bottom: 10px;
    margin-right: 5px;
}


.address-collab
{
    text-align:center;
    font-family: Acumin-Pro, sans-serif !important;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/


/* textschrft allgemein */
.entry p {
    font-size: 1.2rem;
    font-family:Acumin-Pro;
    line-height:1.45rem;
}

.entry p a{
   border-bottom:1px solid;
       word-break: break-word;
}

.entry p a img{
   border-bottom:0px solid;
}


.opencall-header h1{
       font-size: 5rem;
       text-align:center;

    }

    .opencall-header p{
       text-align:center;

    }


#update-nag, .update-nag{
       display:none !important;

    }



.page-id-719 .linke_spalte_hintergrund {
    background: #b4bbb5;
}



.site-header {
    position: fixed;
    width: 100%;
    z-index: 700;
}

.site-main
{
margin-top: 170px;
margin-bottom: 12%;
}

#dashboard_right_now #wp-version-message .button
{
       display:none !important;

      }
/*--------------------------------------------------------------
# Menu
--------------------------------------------------------------*/


.tooltip {
    display: none;
    position: absolute;
    padding: 10px;
    color: #000;
    font-family: Nort, sans-serif!important;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: .4pt;
    z-index: 2200
}




#canvasmenucross {
backface-visibility: hidden;
border: 1px solid;
border-color: transparent;
height: 25px;
padding: 0;
text-align: center;
width: 25px;
transform-style: preserve-3d;
position: absolute;
display:block;
    right: 55px;
    top: 50%;
    transform: translateY(-50%);
}

#canvasmenucross:before,
#canvasmenucross:after{
content: "";
display: block;
height: 100%;
width: 2px;
position: absolute;
top: 0;
left: 18px;
-webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

#canvasmenucross:focus {
background: none;
color: #fff;
}

#canvasmenucross:before,
#canvasmenucross:after {
background-color: #000;
}


#canvasmenucross:before {
-webkit-transform: rotate(-45deg) translateZ(0);
-moz-transform: rotate(-45deg) translateZ(0);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg) translateZ(0);
transform: rotate(-45deg) translateZ(0);
}


#canvasmenucross:after {
-webkit-transform: rotate(45deg) translateZ(0);
-moz-transform: rotate(45deg) translateZ(0);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg) translateZ(0);
transform: rotate(45deg) translateZ(0);
}



    #canvasmenucross:hover:before,
    #canvasmenucross:focus:before {
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    }



    #canvasmenucross:hover:after,
    #canvasmenucross:focus:after {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    }





    #canvasmenucross:hover,
    #canvasmenucross:focus
     {
        opacity: .6;
    }







#postcross {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
border: 1px solid;
border-color: transparent;
height: 25px;
padding: 0;
text-align: center;
width: 25px;
transform-style: preserve-3d;
position: absolute;
display:block;
    left: 55px;
    top: 50%;
    transform: translateY(-50%);
}

#postcross:before,
#postcross:after{
content: "";
display: block;
height: 100%;
width: 2px;
position: absolute;
top: 0;
left: 18px;
-webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

#postcross:focus {
background: none;
color: #fff;
}

#postcross:before,
#postcross:after {
background-color: #000;
}


#postcross:before {
-webkit-transform: rotate(-45deg) translateZ(0);
-moz-transform: rotate(-45deg) translateZ(0);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg) translateZ(0);
transform: rotate(-45deg) translateZ(0);
}


#postcross:after {
-webkit-transform: rotate(45deg) translateZ(0);
-moz-transform: rotate(45deg) translateZ(0);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg) translateZ(0);
transform: rotate(45deg) translateZ(0);
}



    #postcross:hover:before,
    #postcross:focus:before {
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    }



    #postcross:hover:after,
    #postcross:focus:after {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    }





    #postcross:hover,
    #postcross:focus
     {
        opacity: .6;
    }





.cspml_container
{
      position:absolute;
      width:50%;
      right:0px;
      top:140px;
            }


/* Sprachmenu */
.left-corner {
float:left;
display: table-cell;
vertical-align: middle;
line-height:40px;
}


/* Mainmenu */
.right-corner {
     float: right;
    display: table-cell;
    vertical-align: middle;
    position: relative;
    z-index: 99999999;
    font-size: 28px;
    font-weight: 700;
    line-height: 40px;
    text-transform: uppercase;
        letter-spacing: -0.8pt;
}

/* Logo-Positionierung */
.site-branding {
  width: auto;
    display: inline-block;
    font-size: 2.0rem;
    z-index: 9;
    line-height:40px;

}


/* Text des Logos */ 
.site-branding h1 {
    font-size: 28px;
    font-family: 'Acumin-Pro';
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: -0.5pt;

  }






}


.language_switcher ul 
{

list-style: none;
margin: 0;
padding-left: 0;
}


/* Text des Sprachswitchers */ 
.language_switcher ul a
{

    list-style: none;
    margin: 0;
    padding-left: 0;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;

}


.language_switcher li {
    list-style-position: inside;
    display: inline-block;
    margin-right: 10px;
}



.fc-component-content .fc-featured-hoverinner
{
display:none;
}




.cspml_list_and_filter_container
{
  width: 100% !important;
    right: 0px;
    padding-bottom: 40px;

}


img.cspml_item_pinpoint
{
   display:none;

}


sub, sup {
 vertical-align: baseline;
 position: relative;
 top: -.4em;
 font-size: .7em;
}



.linke_spalte {
    width: 50%;
    position: fixed;
    overflow-y:auto;
    overflow-x:hidden;
    top: 0px;
    left: 0px;
    height: 100%;
    border-right:1px solid #383838;
    transition: opacity .2s ease-in-out;
}


.linke_spalte2 {
    width: 50%;
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100%;
    z-index:99;
    transition: opacity .2s ease-in-out;
}

.linke_spalte2-hintergrund {
    width: 50%;
    position: fixed;
    top: 0px;
    left: 0px;
    background: #b4bbb5;
    height: 100%;
    transition: opacity .2s ease-in-out;
}

.entry-footnotes {
    font-size: 0.9rem;
    font-weight: normal;
    font-family: Nort, sans-serif !important;
    letter-spacing: 0.1pt;
    margin-top: 60px;
    border-top: 1px solid black;
    padding-top: 20px;
    margin-bottom: 40px;
    line-height: 1.2rem;
}


.linke_spalte_page {
    width: 50%;
    height: 100% !important;
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100%;
    display: block;
    opacity: 1;
    z-index:99;
    transition: opacity .2s ease-in-out;
}

.linke_spalte_hintergrund {
    width: 50%;
    height: 100% !important;
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100%;
    display: block;
    opacity: 1;
    background:#e0d6d6;
    transition: opacity .2s ease-in-out;
}

.page-id-470 .datenschutzlinks ul li a, 
.page-id-468 .datenschutzlinks ul li a, 
.page-id-466 .datenschutzlinks ul li a, 
.page-id-464 .datenschutzlinks ul li a {
    list-style: none;
    color: #e0d6d6 !important;
}

.page-id-470 .datenschutzlinks ul li, 
.page-id-468 .datenschutzlinks ul li, 
.page-id-466 .datenschutzlinks ul li, 
.page-id-464 .datenschutzlinks ul li {
    list-style: none;
    color: #e0d6d6 !important;
}

.rechte_spalte {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 100%;
    width: 50%;
    margin-top: 115px;
    display: block;
    overflow: auto;
    z-index:200;

}


.rechte_spalte2 {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 100%;
    width: 50%;
    margin-top: 115px;
    display: block;
    overflow: auto;
    z-index:200;

}

.rechte_spalte_page {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 100%;
    width: 50%;
    margin-top: 160px;
    display: block;
    z-index:600;

}



.linke_spalte_front {
    width: 50%;
    height: 100% !important;
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100%;
    display: block;
    opacity: 1;
    background:transparent;
    z-index:200;
    transition: opacity .2s ease-in-out;
}



.rechte_spalte_front {
    position: fixed;
    right: 0px;
    top: 0px;
    height: 100%;
    width: 50%;
    padding-top: 160px;
    display: block;
    overflow: auto;
    z-index:600;
}


.home .header-right {
    width: calc(50% - 80px);
    display: block;
    float: right;
    padding-top: 15px;
    padding-bottom: 10px;
    margin-right: 40px;
    background: transparent;
    border-top: 10px solid #383838;
}



.linke_spalte_front_additional {
    font-size: 8rem;
    text-align: center;
    font-weight: 500;
    margin-bottom: 10px;
    -webkit-text-stroke: 1.5px black;
    -webkit-text-fill-color: transparent;
}







.postcanvas .linke_spalte_article {
    width: 50%;
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100%;
    background: white;
    opacity: 1;
}


.postcanvas .rechte_spalte {
    position: fixed;
    right: 0px;
    top: 0px;
    height: 100%;
    width: 50%;
    display: block;
    overflow: auto;
    transition: opacity .2s ease-in-out;
}



.postcanvas .single .entry-author2 {
    opacity:0;
}


.postcanvas .single .entry-autorbild {
    opacity:0;
}

.postcanvas .single .entry-autorbio {
    opacity:0;
}





.nav-opened {
overflow: hidden;
}

.site-header .nav-menu {
list-style: none;
margin: 0;
padding-left: 0;
}


.main-navigation .nav-menu > li:first-of-type {
margin-left: 0;
}

.site-header nav li {
display: inline-block;
position: relative;
}

.main-navigation a {
display: block;
letter-spacing: 0.3px;
text-decoration: none;
}

.nav-menu > li > a {
display: inline-block;
}

.main-navigation ul ul {
margin-left: 0;
opacity: 0;
visibility: hidden;
}

.main-navigation ul ul a {
display: inline-block;
line-height: 1.4em;
vertical-align: middle;
word-wrap: break-word;
}


/* abstand der linie zur schrift */
.nav-menu a:before {
    margin-top: 3px;
}



/* current menu ohne hover */
.main-navigation .current-page-item > a:before,
.main-navigation .current-menu-item > a:before,
.main-navigation .current_page_ancestor > a:before 
{
  position: absolute;
    top: 100%;
    content: "";
    background: black;
    height: 2px;
    left: 0px;
    width: calc(100%);
    margin-left:0px;
}


/* current menu während hover */
.main-navigation .current-page-item > a:hover:before,
.main-navigation .current-menu-item > a:hover:before,
.main-navigation .current_page_ancestor > a:hover:before 
{
  position: absolute;
    top: 100%;
    content: "";
    background: black;
    height: 2px;
    left: 0px;
    width: calc(100%);
    margin-left:0px;
}





/* abstand des li im menu - links 32/23px */
    .nav-menu > li {
        margin: 0 0 0 32px;
    }








/* animiertes underlining when hover der menubutton */

    .nav-menu a:hover:before,
    .entry-content a:hover:before,
    .entry-footer a:hover:before,
    .portfolio-archive .entry-title a:hover:before {
        left: -7px;
        width: calc(100%);
    }



/* animiert das hovering im menu*/
.nav-menu a:before, .icon-drop-down:before, .icon-drop-down:after, .entry-content a:before, .entry-footer a:before, .entry-meta a:before, .author-box a:before, .paging-navigation a:before, .category-filter a:before, body #infinite-handle span:before, .comments-area .nav-links a:before, .comment-author a:before, .comment-content a:before, .comment-reply-link:before, .comment-form a:before, .single-additional a:before, .portfolio-archive .entry-title a:before, .sd-social-text ul li a:after, .portfolio-archive .thickbox:before, .portfolio-archive .thickbox:after {
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}


/* animiert das hovering im menu*/
.nav-menu a:before{
    position: absolute;
    top: 100%;
    left: 50%;
    right: -7px;
    content: "";
    background: black;
    height: 2px;
    margin-left: 7px;
    width: 0px;
}



.bxslider li img{
   width:150px !important;
}




/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/


.site-content {
    position:absolute;
    top:0px;
    margin:0px;
    height:100%;
    width:100%;
    max-height:100%;
   
}

.cspml_container
{
    position:absolute;
    top:110px !important;
    right:0px !important;
    width:50% !important;
   
}

.entry {
    width: auto;
    margin-right:100px;
    margin-left:80px;
    background:#f1f1f1;
    margin-top:30px; }

    .entry2 {
    width: auto;
    margin-left: 10%;
    margin-right: 10%;
    margin-top:18%;


}

.title_page {
       width: 440px;
    position: absolute;
    text-align: left;
    top: 42%;
    left: 37%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    padding: 20px;
}

.title_page_articles {
       width: 440px;
    position: absolute;
    text-align: left;
    top: 42%;
    left: 37%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    padding: 20px;
}

.title_page_articles h3{
  font-weight:700;
}


.animation {
    width: 100%;
    position: absolute;
       left: 40%;
    bottom: 50px;
    -webkit-transform: translate3d(0,-40%,0);
    transform: translate3d(0,-50%,0);
        text-align: center;
        -ms-transform: rotate(-10deg); /* IE 9 */
  -webkit-transform: rotate(-10deg); /* Safari */
  transform: rotate(-10deg);
}



.entry-header-grid {
    width: auto;
    margin-right: 28%;
    font-family:'Arial', sans-serif !important;
    font-size: 1.2rem;
}


.home .entry img{
   padding-bottom: 5px;
   padding-top:30px;
   opacity:.8s;



}



.entry-header
{
    width: auto;
    margin-left:26%;
    margin-right:26%;
}


.grid-item2 .entry-author {
    font-size: .85;
    font-family:'Nort', sans-serif !important;
    padding-bottom: 10px;
    opacity: 0.5;
    font-size: 0.85rem;
}




h3 {
        font-size: 1.8rem;
    line-height: 1.8rem;
    letter-spacing: -0.5pt;
    text-transform: uppercase;
}

.single .entry-title{
    font-size: 1.8rem;
    font-weight: normal;
    font-family: 'Acumin-Pro', sans-serif;
    letter-spacing: -0.2pt;
    text-align: center;
    line-height: 1.8rem;
    padding-left: 4%;
    padding-right: 4%;
    position:relative;
    font-weight:700;
}

.single .entry-author{
font-size: 1.2rem;
font-weight: normal;
letter-spacing: 0.2pt;
text-align:center;
margin-top:10px;
margin-bottom:10px;
line-height: 1.4rem;

}


.single .entry-author2 {
    font-size: 1.2rem;
    font-weight: normal;
    letter-spacing: 0.2pt;
    text-align: center;
    margin-top: 26%;
    margin-bottom: 25px;
    line-height: 1.4rem;
    opacity:1;
    font-weight:600;
    transition: opacity .2s ease-in-out;
}



.single .entry-autorbio {
    font-size: 1.1rem;
    font-weight: normal;
    font-family: Acumin-Pro;
    letter-spacing: 0.2pt;
    text-align: left;
    margin-top: 50px;
    margin-bottom: 10px;
    line-height: 1.4rem;
    padding-left: 20%;
    padding-right: 20%;
        padding-bottom: 120px;
    opacity:1;
    transition: opacity .2s ease-in-out;
}


.single .entry-autorbild {
    text-align:center;
    opacity:1;
    transition: opacity .2s ease-in-out;
}

.entry-autorbild img{
   width:360px;
   opacity:0.85;
   -webkit-filter: grayscale(100%);
   filter: grayscale(100%);
}

.entry-autorbild img:hover{
   width:360px !important;
    -webkit-filter: grayscale(0%);
   filter: grayscale(0%);
  
}



.single .entry-entrance{
font-size: 1.0rem;
font-weight: normal;
letter-spacing: 0.2pt;
text-align:center;
margin-top:10px;
    font-style: italic;
margin-bottom:30px;
line-height: 1.4rem;
padding-left: 20%;
padding-right: 20%;

}


.entry-footnotes {
    font-size: 0.9rem;
    font-weight: normal;
    font-family: Nort, sans-serif !important;
    letter-spacing: 0.2pt;
    margin-top: 60px;
    border-top: 1px solid black;
    padding-top: 20px;
    margin-bottom: 60px;
    line-height: 1.2rem;
}



.wp-caption {
margin-top: 0px !important;
font-size: 0.8rem;
text-align:center;
margin-bottom: 0px !important;
}


.wp-caption-text
{
margin-top: 10px !important;
font-size: 0.8rem;
text-align:center;
font-family:Acumin Pro, sans-serif;
margin-bottom: 0px !important;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

.site-footer {
    padding-bottom: 50px;
    padding-top: 50px;
    width: 100%;
    bottom: 0px;
    left: 0px;
    right: 0px;
    color: black !important;
    position: fixed;
}



/* den footer als tabelle deklarieren */
.site-footer {
        display: table;
    }


.site-info li {
margin:0px;
}







/*--------------------------------------------------------------
# allgemeine Linkgestaltung normal und hover
--------------------------------------------------------------*/


.entry-content p > a:after{
    content: "";
    background: black;
    height: 2px;
    width: 100%;
    display:block;
}

.entry-content p > a {
   display:inline-block;
   text-decoration: none;
}

.entry-content p > a:hover:after{
    content: "";
    background: black;
    height: 2px;
    width: 100%;
    display:block;
}




.page-entry-content a:after{
    content: "";
    background: black;
    height: 2px;
    width: 100%;
    display:block;
}

.page-entry-content a {
   display:inline-block;
   text-decoration: none;
}

.page-entry-content a:hover:after{
    content: "";
    background: black;
    height: 2px;
    width: 100%;
    display:block;
}



/* link für den footer
.site-info > *:last-child a:after{
    content: "";
    background: black;
    height: 2px;
    width: 100%;
    display:block;
}

.site-info > *:last-child a {
   display:inline-block;
   text-decoration: none;
}

.site-info > *:last-child a:hover:after{
    content: "";
    background: black;
    height: 2px;
    width: 100%;
    display:block;
}

*/


/*--------------------------------------------------------------
# Responsive Info großer Screen
--------------------------------------------------------------*/



button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea,
select,
label,
p,
.nav-menu > li,
.sub-menu li,
.entry-content,
.widget,
.widget p,
.results-number,
.search-results .page-header p,
.no-results .page-header p,
.error404 .page-header p {
font-size: 14px;
font-size: 0.9rem;
}











/* wichtig */ 
h1 {

}






h4 {
font-size: 1.1rem;
}






/*--------------------------------------------------------------
# Fading des Contents beim Seitenladen
--------------------------------------------------------------*/


/* vor dem laden */ 
.tk-theme-frontend .site-content,
.tk-theme-frontend .site-header,
.tk-theme-frontend .site-footer,
.tk-theme-frontend .site-main > article,
.tk-theme-frontend .listing,
.tk-theme-frontend .portfolio-listing,
.tk-theme-frontend .portfolio-arch-content,
.tk-theme-frontend .horizontal .featured-slider,
.tk-theme-frontend .berlinoutline {
	opacity: 0;
}



/* beim laden der seite */
.show .site-content,
.no-js .site-content,
.show .site-header,
.no-js .site-header,
.show .site-footer,
.no-js .site-footer,
.show .site-main > article,
.no-js .site-main > article,
.show .listing,
.no-js .listing,
.show .portfolio-listing,
.no-js .portfolio-listing,
.show .portfolio-arch-content,
.no-js .portfolio-arch-content,
.show .horizontal .featured-slider,
.no-js .horizontal .featured-slider,
.show .berlinoutline,
.no-js .berlinoutline {
opacity: 1;
}


.linke_spalte_page h3{
 font-weight:700;
     letter-spacing: -1px;
}


.open-navi .berlinoutline{
  display:none;
}

.open-navi .bulletfront{
  display:none;
}

.open-navi .rechte_spalte_page
{
  z-index:0;
}

.open-navi .patronen{
  z-index:1000 !important;
}

.page-id-470 .title_page h3,
.page-id-468 .title_page h3,
.page-id-466 .title_page h3,
.page-id-464 .title_page h3{
  color: #e0d6d6;
}

.page-id-470 .ngbklogofront,
.page-id-468 .ngbklogofront,
.page-id-466 .ngbklogofront,
.page-id-464 .ngbklogofront{
    position: fixed;
 
   left: 40px;
    bottom: 40px;
    width: 100px;
    z-index: 999999;
    filter: invert(100%);
}




.page-id-470 .datenschutz ul li , 
.page-id-468 .datenschutz ul li ,
.page-id-466 .datenschutz ul li ,
.page-id-464 .datenschutz ul li 
 {
    color: #e0d6d6 !important;
}


.page-id-470 .language_switcher ul li a, 
.page-id-468 .language_switcher ul li a,
.page-id-466 .language_switcher ul li a,
.page-id-464 .language_switcher ul li a
 {
    list-style: none;
    margin: 0;
    padding-left: 0;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    color: #e0d6d6 !important;
}


.page-id-470 .datenschutz ul li a, 
.page-id-468 .datenschutz ul li a,
.page-id-466 .datenschutz ul li a,
.page-id-464 .datenschutz ul li a
 {
    color: #e0d6d6 !important;
}

/* about page de*/
.page-id-456 .linke_spalte_hintergrund{
  background:#dad0d0;
}

/* about page de*/
.page-id-458 .linke_spalte_hintergrund{
  background:#dad0d0;
}

.page-id-470 .linke_spalte_hintergrund{
  background:#1b1a1a;
}

.page-id-466 .linke_spalte_hintergrund{
  background:#1b1a1a;}


  .page-id-3681 .linke_spalte_hintergrund{
  background:#b4bbb5;
}

.page-id-3684 .linke_spalte_hintergrund{
  background:#b4bbb5;}




.page-id-464 .linke_spalte_hintergrund{
    background:#1b1a1a;
}

.page-id-716 .linke_spalte_hintergrund{
    background: #b4bbb5;
}
/* about kiu de*/
.page-id-468 .linke_spalte_hintergrund{
  background:#1b1a1a;
}

/* team page de */
.page-id-460 .linke_spalte_hintergrund{
  background:#c9c9c9;
}

/* touren de */
.page-id-472 .linke_spalte_hintergrund{
  background:#e0d6d6;
}







.site-main > article {
-webkit-transition-delay: 0.5s;
-moz-transition-delay: 0.5s;
-ms-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
transition-delay: 0.5s;
}



.show .spalte-rechts,
.no-js .spalte-rechts {
left: 0;
-webkit-transition-delay: 0.8s;
-moz-transition-delay: 0.8s;
-ms-transition-delay: 0.8s;
-o-transition-delay: 0.8s;
transition-delay: 0.8s;
}


.show .portfolio-listing,
.show .portfolio-arch-content,
.no-js .portfolio-listing,
.no-js .portfolio-arch-content {
-webkit-transform: translate(0);
-moz-transform: translate(0);
-ms-transform: translate(0);
-o-transform: translate(0);
transform: translate(0);
}








/*--------------------------------------------------------------
# Mobile Menu
--------------------------------------------------------------*/


.menu-toggle {
background: none;
border: none;
display: inline-block;
font-size: 0 !important;
height: 40px;
padding: 0;
text-align: center;
width: 40px;
position: relative;
z-index: 1001;
}

.menu-toggle:focus,
.menu-toggle:active {
background: none;
}

.menu-toggle em {
color: #000;
display: inline-block;
font-size: 10px;
letter-spacing: 1px;
font-style: normal;
margin-top: -6px;
text-indent: 0;
text-transform: uppercase;
position: absolute;
top: 50%;
left: -44px;
display: none;
}

.menu-toggle span,
.menu-toggle span:before,
.menu-toggle span:after {
background-color: #000;
height: 2px;
position: absolute;
width: 20px;
-webkit-transition: .3s;
-moz-transition: .3s;
-ms-transition: .3s;
-o-transition: .3s;
transition: .3s;
}


.menu-toggle span {
margin-top: -1px;
top: 50%;
right: 10px;
}

.menu-toggle span:before,
.menu-toggle span:after {
content: "";
right: 0;
}

.menu-toggle span:before {
top: -6px;
}

.menu-toggle span:after {
top: 6px;
}

.toggled .menu-toggle span {
background-color: transparent;
}

.toggled .menu-toggle span:before,
.toggled .menu-toggle span:after {
width: 100%;
top: 0;
}

.toggled .menu-toggle span:before {
-webkit-transform: rotate(45deg) translateZ(0);
-moz-transform: rotate(45deg) translateZ(0);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg) translateZ(0);
transform: rotate(45deg) translateZ(0);
}

.toggled .menu-toggle span:after {
-webkit-transform: rotate(-45deg) translateZ(0);
-moz-transform: rotate(-45deg) translateZ(0);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg) translateZ(0);
transform: rotate(-45deg) translateZ(0);
}




/*--------------------------------------------------------------
# Project Single Page
--------------------------------------------------------------*/





.grid-item2 {
    position: relative;
    float: left;
    margin-top:30px;
    margin-right: 40px;
    margin-bottom: 60px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    font-family:'Roboto', sans-serif !important;
}


.item{
    height:100%;
    position:relative;
}

.grid-sizer {
height: 0;
min-height: 0;
opacity: 0;
overflow: hidden;
visibility: hidden;
} 







/* lehre und forschung grid */
.grid-item2:nth-child(4n) {
    margin-right:0;
}







/*--------------------------------------------------------------
# Transitions
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="url"],
input[type="search"],
textarea,
select,
.site:after,
.site-header,
.menu-toggle span:before,
.menu-toggle span:after,
.listing .grid-wrapper > .hentry,
.masonry article,
.big-search-trigger,
.main-navigation .nav-menu,
.main-navigation ul ul,
.search-wrap,
#big-search-close,
#big-search-close:before,
#big-search-close:after,
.widget,
.slick-arrow:before,
.entry-header a,
.site-footer,
.entry-gallery a,
.listing .featured-image a,
.listing .featured-image img,
.search-results .featured-image a,
.portfolio-listing,
.portfolio-arch-content,
.portfolio-archive .featured-image,
.portfolio-archive .featured-image img,
.portfolio-archive .featured-image + .entry-header,
.portfolio-archive .thickbox,
.portfolio-archive .featured-image a:after,
.horizontal,
.featured-slider .entry-header,
.featured-slider p,
.slider-entry-content-wrap,
.slick-dots,
.slick-dots li button:after
{
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}


.entry-content a:before,
.entry-footer a:before,

 {
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-ms-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
}

a{
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-ms-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
}



.site-content {
	-webkit-transition: opacity .5s cubic-bezier(0.28, 0.12, 0.22, 1), -webkit-transform .5s cubic-bezier(0.28, 0.12, 0.22, 1);
	-moz-transition: opacity .5s cubic-bezier(0.28, 0.12, 0.22, 1), -moz-transform .5s cubic-bezier(0.28, 0.12, 0.22, 1);
	-ms-transition: opacity .5s cubic-bezier(0.28, 0.12, 0.22, 1), -ms-transform .5s cubic-bezier(0.28, 0.12, 0.22, 1);
	-o-transition: opacity .5s cubic-bezier(0.28, 0.12, 0.22, 1), -o-transform .5s cubic-bezier(0.28, 0.12, 0.22, 1);
	transition: opacity .5s cubic-bezier(0.28, 0.12, 0.22, 1), transform .5s cubic-bezier(0.28, 0.12, 0.22, 1);
}



.site-main > article {
	-webkit-transition: opacity .7s cubic-bezier(0.28, 0.12, 0.22, 1);
	-moz-transition: opacity .7s cubic-bezier(0.28, 0.12, 0.22, 1);
	-ms-transition: opacity .7s cubic-bezier(0.28, 0.12, 0.22, 1);
	-o-transition: opacity .7s cubic-bezier(0.28, 0.12, 0.22, 1);
	transition: opacity .7s cubic-bezier(0.28, 0.12, 0.22, 1);
}




.site:after {
	content: "";
	background-color: rgba(0,0,0,.9);
	opacity: 0;
	visibility: hidden;
	position: fixed;
	top: 0;
	bottom: 0;
	width: 100%;
	-webkit-transition-delay: .2s;
	-moz-transition-delay: .2s;
	-ms-transition-delay: .2s;
	-o-transition-delay: .2s;
	transition-delay: .2s;
	z-index: 2;
}





/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/

.clear:before,
.clear:after,
.row:before,
.row:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.grid-wrapper:before,
.grid-wrapper:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.menu-items:before,
.menu-items:after,
.contact-form:before,
.contact-form:after,
.nav-links:before,
.nav-links:after,
.site-main:before,
.site-main:after,
.site-info p:before,
.site-info p:after,
.listing .grid-wrapper > .hentry:before,
.listing .grid-wrapper > .hentry:after,
#jp-relatedposts .jp-relatedposts-items:before,
#jp-relatedposts .jp-relatedposts-items:after {
content: "";
display: table;
table-layout: fixed;
}



.clear:after,
.row:after,
.entry-content:after,
.comment-content:after,
.grid-wrapper:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.menu-items:after,
.contact-form:after,
.nav-links:after,
.site-main:after,
.site-info p:after,
.listing .grid-wrapper > .hentry:after,
#jp-relatedposts .jp-relatedposts-items:after {
clear: both;
}











/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/

.site:after {
content: "";
background-color: rgba(0,0,0,.9);
opacity: 0;
visibility: hidden;
position: fixed;
top: 0;
bottom: 0;
width: 100%;
-webkit-transition-delay: .2s;
-moz-transition-delay: .2s;
-ms-transition-delay: .2s;
-o-transition-delay: .2s;
transition-delay: .2s;
z-index: 2;
}

.sidebar-opened .site:after {
opacity: 1;
visibility: visible;
}





/*--------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/




/* Layout für großen Screen */
@media only screen and (min-width: 1840px)
 {


.menu-toggle { display:none;}

.map_de_desktop
{
    display:block !important;
}

.map_de_mobile{
    display:none !important;
}



}











/*Layout für Notebook Screen */

@media (min-width: 1201px) and (max-width: 1839px) {


.postid-2472 .entry-autorbild img
{
 width: 200px;
}

.postid-2472 .entry-autorbild img:hover
{
 width: 200px !important;
}

.postid-2491 .entry-autorbild img
{
 width: 200px;
}

.postid-2491 .entry-autorbild img:hover
{
 width: 200px !important;
}

.single-portfolio .ngbklogofront {
   display:none;
}

.ngbklogofront {
   width:80px;
}

.listitem
{
   height:240px;
}


/* ngbklogofrontmobile*/
.back-to-top {
    color: #bc213f;
    position: fixed;
    width: 100px;
    left: 40px;
    bottom: 40px;
    display:none;
}



.listingtitle {
line-height: 23px;
font-size:21px;
  } 





.entry-autorbild img {
    width:250px;
    opacity:0.85;
   -webkit-filter: grayscale(100%);
   filter: grayscale(100%);
}


.entry-autorbild img:hover {
    width:250px !important;
    opacity:0.85;
   -webkit-filter: grayscale(0%);
   filter: grayscale(0%);
}


.single-portfolio .datenschutz {
    display:none;
}

.framelisting {
    width: 100%;
    float: left;
    margin-left: 40px;
    display: block;
    position: absolute;
    top: 30px;
    margin-right: 40px;
}


.italic {
    font-style: italic;
}

.entry-iframe p .italic {
    font-style: italic;
    font-size: 1.3rem;
}


.entry-header-iframe h3 {
    font-size: 1.6rem !important;
    font-weight: 600 !important;
    width: 100%;
}



.title_page {
    width: 300px;
  
}


.entry .linkpfeil img {
    width: 14px !important;
    display: inline-block;
}


/* iframe logos */

.entry-iframe .ngbk img
{
    margin-bottom: 10px;
    width: 80px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}




.entry-iframe .kunstraum img
{
    margin-bottom: 10px;
    width: 300px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}


.entry-iframe .gn img
{
    margin-bottom: 10px;
    width: 170px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}


.entry-iframe .gn img:hover
{
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

.entry-iframe .ecchr img
{
    margin-bottom: 10px;
    width: 100px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}


.entry-iframe .adopt img
{
    margin-bottom: 10px;
    width: 170px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.entry-iframe .adopt img:hover
{
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}




.entry-iframe .aktion img
{
    margin-bottom: 10px;
    width: 240px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}


.entry-iframe .aktion img:hover
{
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}


.entry-iframe .urgewald img
{
    margin-bottom: 10px;
    width: 140px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}


.entry-iframe .urgewald img:hover
{
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}



.entry-iframe .lobbycontrol img
{
    margin-bottom: 10px;
    width: 120px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}


.entry-iframe .lobbycontrol img:hover
{

    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    margin-bottom: 10px;
    width: 120px;
}





.site-header
 {
   
    position: fixed;
    width: 100%;
    z-index: 700;
}

.berlinoutline {
    z-index: 99;
  
}


.sponsorfototekrow img {
  width: 12vh !important;
    margin-top: 10px;
    margin-bottom: 10px;
    height: auto !important;

}

.sponsorfototekrow  {
display:table-cell;
vertical-align:middle;
padding-right:20px;

}

.sponsorfototek img {
  width: 12vh !important;
    margin-top: 10px;
    margin-bottom: 10px;
    height: auto !important;

}






.uia-intro{
    font-size: 36px;
    font-weight: bold;
    text-align: left;
    width:340px;
    line-height:30px;
    display:table;
    text-transform:uppercase;

}

.vorpunkt {
    display: none;
    margin-top: 20px;
    margin-bottom: 20px;
    vertical-align: bottom;
    padding-right:0px;

    
}

.vorpunkt img {
    width:18px;
    height:18px;

    
}


.vortext {
    display: table-cell;

    
}


.kiu-intro{
    font-size: 36px;
    font-weight: bold;
    text-align: left;
    width:340px;
    line-height:36px;
    display:table;
    margin-top: 50px;
    text-transform:uppercase;

}


.introsmall {
    font-size: 1.0rem !important;
    display:inline-block;
    line-height:16px;
    top: -8px;
    position: relative;

}









.sponsorfototek img {
  width: 110px !important;
    margin-top: 10px;
    margin-bottom: 10px;
    height: auto !important;

}

.sponsorfototekrow img {
  width: 120px !important;
    margin-top: 10px;
    margin-bottom: 10px;
    height: auto !important;

}


.logokb img{
    width: 230px !important;
    margin-top: 10px;
    margin-bottom: 10px;
    height: auto !important;

}

.logokb  {
    display: table-cell;
    vertical-align: middle;
    padding-right: 20px;
    padding-top: 35px;


}



.logogn  {
display:table-cell;
vertical-align:middle;
padding-right:20px;

}


.logogn img{
    width: 12vw !important;
    margin-top: 10px;
    margin-bottom: 10px;
    height: auto !important;

}


.logongbk img{
    width: 4.5vw !important;
    margin-top: 10px;
    margin-bottom: 10px;
    height: auto !important;

}





.logongbk  {
display: table-cell;
    vertical-align: middle;
    padding-right: 60px;
    padding-top: 30px;

}

.logobvg img{
    width: 50px !important;
    margin-top: 10px;
    margin-bottom: 10px;
    height: auto !important;

}

.logobvg  {
display:table-cell;
vertical-align:middle;
padding-right:20px;

}


.bildlinks {
    position: fixed;
    top: 65%;
    left: 23%;
    width: 270px;
    height: auto;
    z-index: 9999999 !important;
}




.bildlinks img{
    z-index: 9999999 !important;
}


.introsmall {
    font-size: 1.3rem;
}


.site-branding h1{
    font-size: 1.6rem;
}

div.cspml_fs_item_container label{
    position:relative;
    top:-7px;
    margin-left:5px;
    font-weight:400;
    font-size: 15px !important;
    font-family: 'Acumin-Pro';
}

/* textdiv was kategorie undtitel und adresszeile besitzt */ 
div.cspml_details_container{
    padding-left:20px;
    padding-top:10px;
    padding-bottom:10px;
     color:#000000;
    font-size:18px;
    font-weight:200;
    line-height:24px;
    height:inherit !important;
}




.entry-iframe p{
    font-size: 1.3rem;
    line-height: 1.6rem;
    font-family: Acumin-Pro, sans-serif !important;
    
}

.img-iframe .featured-image img {
    width: 100%;
    margin-top: 20px !important;
    opacity:0.9 !important;
}

.entry img
{
    width: 100%;
    margin-left: 0px !important;
    opacity:0.9;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);

}

.entry img:hover
{
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);

}



.linke_spalte_page h3
{
    color: black;
    font-weight:700;
    line-height:1.6rem;
        letter-spacing: -1px;

}




h3 {
    font-size: 1.6rem;
    line-height: 1.8rem;
}



.left-corner{
    font-size: 18px;
}

.language_switcher ul a {
    font-size: 24px;
}



.right-corner{
    font-size: 24px;
}



/*infobox textgröße */

div.cspm_infobox_content_container.cspm_type4 div.cspm_infobox_content div.title a {
    font-size: 17px !important;
}

div.cspm_infobox_container {
    height:80px !important;
}





.rechte_spalte_page {
    margin-top: 115px;
}


div.cspml_details_container div.cspml_details_title a {
    font-size: 20px !important;
    line-height: 22px !important;
    font-weight:600 !important;
}

div#cspml_listings_container {
    position: absolute;
    top: 95px;
    width: 100%;
}



/* organizing the fitting markerfield */
.cspml_item img{
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity:0.45;
    object-fit:cover;
    height:240px !important;
   
}


div.cspml_item{ 
    padding:0;  
    border-right:10px solid #383838;
    overflow: hidden;
    height:240px;
    -webkit-transition: background .2s linear;
    -moz-transition: background .2s linear;
    -ms-transition: background .2s linear;
    -o-transition: background .2s linear;
    transition: background .2s linear;      
}



.iziModal .iziModal-header.iziModal-noSubtitle .iziModal-button
{
    height: 20px !important;
    width: 20px !important;
}


.opencall-header {
    font-size: 5rem;
    transform: translateY(-70px);
}


.opencall-text {
    font-size: 1.1rem;
    transform: translateY(-80px);
}



.home .entry img {
    padding-top: 20px;
    width: 410px;
}







.entry p {
    font-size: 1.1rem;
    line-height: 1.4rem;
   }

.entry img {
    text-align:left;
}

.postcanvas .entry img {
    width:600px;
}



.postcanvas .entry p {
    font-size: 1.2rem;
}

.entry {
    width: auto;
    padding-left: 20px;
    margin-left:60px;
    margin-right: 80px;
}


.entry2 {
    width: auto;
    margin-left: 15%;
    margin-right: 10%;
}




.single .entry-autorbio {
    font-size: 1.0rem;
    margin-top: 30px;
    line-height: 1.4;
    margin-top: 30px;
   
}

.single .entry-author2 {
   margin-top: 120px !important;
}


.single .entry-title {
    font-size: 1.6rem;
    line-height: 1.6rem;

}

.postcanvas .single .entry-title {
    font-size: 1.6rem;

}



#postcross {
    top: 47%;
    transform: translateY(-47%);
}

#canvasmenucross {
    top: 47%;
    transform: translateY(-47%);
}


.wp-caption-text{
    width:100%;
    text-align:center;
} 

.postcanvas .wp-caption-text{
    width:100%;
    text-align:center;
} 

.postcanvas .wp-caption{
    text-align:center;
} 

.wp-caption img{
    text-align:left;
    opacity:0.95;
}


.wpgmp_listing_container .fc-item-acerra .fc-item-title {
    margin-bottom: 10px;
    margin-right: 20px;
}


.fc-item-title.fc-item-primary-text-color a, .fc-item-title.fc-item-primary-text-color a:hover, .fc-item-title.fc-item-primary-text-color a:focus, .fc-item-title.fc-item-primary-text-color a:visited
{
    padding-right:40px;
}

.menu-toggle { display:none;}


.map_de_desktop
{
    display:block !important;
}

.map_de_mobile{
    display:none !important;
}


    }














/* Ipad  landscape > das was beim ipad wirklich angezeigt wird */
@media (min-width: 1010px) and (max-width: 1200px) {



.berlinoutlinesquare img{ 
   display:none;

}

.entry-autorbild img {
    display:none;
}

.italic{
    font-style:italic;
}

.entry-iframe p .italic{
    font-style:italic;
    font-size:1.3rem;
}

div.cspml_details_container{
    padding-left: 20px;
    padding-top: 17px;
    padding-bottom: 17px;
    color: #000000;
    font-size: 18px;
    font-weight: 200;
    line-height: 20px !important;
    height: inherit;
}

.imagecontainer
{
   width:50%;
}


.datenschutzlinks {
    position: fixed;
    bottom: 20px !important;
    right: 40px !important;
     z-index:999999;
}

.datenschutzlinks li:nth-child(2) {
  margin-right:0px;
}



.home .ngbklogofront
  {
left: 40px !important;
bottom:40px !important;
position:fixed !important;
display:block !important;
}

.home .back-to-top
  {
display:none;
}

.back-to-top
  {
left: 40px !important;
bottom:20px !important;
position:fixed !important;
width:70px;
display:block;
}


.ngbklogofront
  {
display:none !important;
}

.page-id-470 .datenschutzlinks ul li a, .page-id-468 .datenschutzlinks ul li a, .page-id-466 .datenschutzlinks ul li a, .page-id-464 .datenschutzlinks ul li a,
.page-id-470 .datenschutzlinks ul li, .page-id-468 .datenschutzlinks ul li, .page-id-466 .datenschutzlinks ul li, .page-id-464 .datenschutzlinks ul li{
    list-style: none;
    color: black !important;
}


.title_page {
    width: 300px;
  
}

.entry-footnotes {
    margin-bottom: 60px;
}


/* iframe logos */

.entry-iframe .ngbk img
{
    margin-bottom: 10px;
    width: 80px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}




.entry-iframe .kunstraum img
{
    margin-bottom: 10px;
    width: 300px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}


.entry-iframe .gn img
{
    margin-bottom: 10px;
    width: 170px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}


.entry-iframe .gn img:hover
{
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

.entry-iframe .ecchr img
{
    margin-bottom: 10px;
    width: 100px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}


.entry-iframe .adopt img
{
    margin-bottom: 10px;
    width: 170px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.entry-iframe .adopt img:hover
{
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}




.entry-iframe .aktion img
{
    margin-bottom: 10px;
    width: 240px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}


.entry-iframe .aktion img:hover
{
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}


.entry-iframe .urgewald img
{
    margin-bottom: 10px;
    width: 140px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}


.entry-iframe .urgewald img:hover
{
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}



.entry-iframe .lobbycontrol img
{
    margin-bottom: 10px;
    width: 120px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}


.entry-iframe .lobbycontrol img:hover
{
margin-bottom: 10px;
    width: 120px;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}






/* startseitenelemente */
.berlinoutline {
   z-index: 99;
  

}



.home .entry {
    position: relative;
    top: 220px;
    font-size: 30px;
    font-weight: bold;
    text-align: left;
    left: 170px;
    width: 400px;
    font-family: Acumin-Pro;
    line-height: 35px;
    background: transparent;
}



.sponsorfototek img {
  width: 110px !important;
    margin-top: 10px;
    margin-bottom: 10px;
    height: auto !important;

}

.sponsorfototekrow img {
  width: 120px !important;
    margin-top: 10px;
    margin-bottom: 10px;
    height: auto !important;

}


.logokb img{
    width: 220px !important;
    margin-top: 10px;
    margin-bottom: 10px;
    height: auto !important;

}

.logokb  {
display:table-cell;
vertical-align:middle;
padding-right:20px;
padding-top: 35px;
}


.logogn  {
display:table-cell;
vertical-align:middle;
padding-right:20px;

}


.logogn img{
    width: 120px !important;
    margin-top: 10px;
    margin-bottom: 10px;
    height: auto !important;

}


.logongbk img{
    width: 60px !important;
    margin-top: 10px;
    margin-bottom: 10px;
    height: auto !important;

}

.logongbk  {
display:table-cell;
vertical-align:middle;
padding-right:20px;

}

.logobvg img{
    width: 50px !important;
    margin-top: 10px;
    margin-bottom: 10px;
    height: auto !important;

}

.logobvg  {
display:table-cell;
vertical-align:middle;
padding-right:20px;

}







.home .berlinoutline {
    z-index: 99;

}

.uia-intro {
    font-size: 28px;
    font-weight: bold;
    text-align: left;
    width: 310px;
    line-height: 28px;
    z-index: 50;
    text-transform:uppercase;
     background: #e0d6d6;
    padding: 10px;
}


.uia-intro img {
      width:15px;
}

.kiu-intro {
       font-size: 26px;
    font-weight: bold;
    text-align: left;
    width: 310px;
    line-height: 28px;
    margin-top: 65px;
    z-index: 50;
     background: #e0d6d6;
    padding: 10px;
    text-transform:uppercase;
}


.kiu-intro img{
  width:15px;}




.introsmall {
    font-size: 0.9rem !important;
    display: inline-block;
    line-height: 0.2pt;
    top: -3px;
    position: relative;
}


.vorpunkt img {
       width: 16px;
    height: 16px;
}



.vorpunkt {
    display: none;
    margin-top: 20px;
    margin-bottom: 20px;
    vertical-align: bottom;
    padding-right: 15px;
}




/* iframe content */

.entry-header-iframe h3 {
    font-size: 1.6rem !important;
    font-weight: 600 !important;
}


.entry-iframe p{
    font-size: 1.3rem;
    line-height: 1.6rem;
    font-family: Acumin-Pro, sans-serif !important;
    
}

.img-iframe .featured-image img {
    width: 100%;
    margin-top: 20px !important;
    opacity:0.9 !important;
}




.bildlinks {
    display:none;
}





.iziModal .iziModal-header.iziModal-noSubtitle .iziModal-button
{
    height: 20px !important;
    width: 20px !important;
}







/* header + menu */

.right-corner{
    font-size: 22px;
}



.language_switcher ul a {
    font-size: 22px;
}


.site-branding h1{
    font-size: 22px;
}

.site-header
 {
   
    position: fixed;
    width: 100%;
    z-index: 700;
}











/* textseiten */


.entry p {
    font-size: 1.1rem;
    line-height: 1.4rem;
    }

.entry img {
    text-align:left;
}



.entry {
    width: auto;
    margin-left: 40px;
    margin-right: 40px;
       padding-left:0px;
}


.entry2 {
    width: auto;
    margin-left: 15%;
    margin-right: 10%;

}




.entry img
{
    width:600px;
}

.linke_spalte_page h3
{
    color: black;
    font-weight:700;
    line-height:1.5rem;
        letter-spacing: -1px;

}


.rechte_spalte_page {
    margin-top: 115px;
}













/* artikel */ 
.postcanvas .single .entry-title {
    font-size: 1.6rem;

}


.postcanvas .entry img {
    width:600px;
}



.postcanvas .entry p {
    font-size: 1.2rem;
}




#postcross {
    top: 47%;
    transform: translateY(-47%);
}

#canvasmenucross {
    top: 47%;
    transform: translateY(-47%);
}

.wp-caption-text{
    width:100%;
    text-align:center;
} 

.postcanvas .wp-caption-text{
    width:100%;
    text-align:center;
} 

.postcanvas .wp-caption{
    text-align:center;
} 

.wp-caption img{
    text-align:left;
    opacity:0.95;
}

.single .entry-autorbio {
    font-size: 1.0rem;
    margin-top: 30px;
    line-height: 1.4;
    margin-top: 30px;
   
}

.single .entry-author2 {
   margin-top: 120px !important;
}


.single .entry-title {
    font-size: 1.6rem;
    line-height: 1.6rem;

}









/*markerfeld */
.wpgmp_listing_container .fc-item-acerra .fc-item-title {
    margin-bottom: 10px;
    margin-right: 20px;
}


.fc-item-title.fc-item-primary-text-color a, .fc-item-title.fc-item-primary-text-color a:hover, .fc-item-title.fc-item-primary-text-color a:focus, .fc-item-title.fc-item-primary-text-color a:visited
{
    padding-right:40px;
}

div.cspml_details_container div.cspml_details_title a {
    font-size: 18px !important;
    line-height: 20px !important;
    font-weight:600 !important;
}

div#cspml_listings_container {
    position: absolute;
    top: 75px;
    width: 100%;
}


div.cspml_fs_item_container label{
    position:relative;
    top:-7px;
    margin-left:5px;
    font-weight:400;
    font-size: 15px !important;
    font-family: 'Acumin-Pro';
}

/* textdiv was kategorie undtitel und adresszeile besitzt */ 
div.cspml_details_container{
    padding-left:20px;
    padding-top:10px;
    padding-bottom:10px;
     color:#000000;
    font-size:18px;
    font-weight:200;
    line-height:24px;
    height:inherit !important;

}

/* macht die adresse unsichtbar */
div.cspml_details_container div.cspml_details_content {
    height:auto;
    font-size: 14px;
    position: absolute !important;
    bottom: 15px;

}


/* dass die Karte links fixiert ist */
.cspm-col-lg-6:nth-child(1) {
    width: 50%;
    position: fixed;
    left: 0px;
}

/* rechte seite */
.cspm-col-lg-6:nth-child(2) {
    width: 50%;
    position: absolute;
    right: 0px;
}


div#cspml_listings_container {
    position: absolute;
    top: 130px;
    width: 100%;
}


/* organizing the fitting markerfield */
.cspml_item img{
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity:0.45;
    object-fit:cover;
    height:220px !important;
   
}


div.cspml_item{ 
    padding:0;  
    border-right:10px solid #383838;
    overflow: hidden;
    height:220px;
    -webkit-transition: background .2s linear;
    -moz-transition: background .2s linear;
    -ms-transition: background .2s linear;
    -o-transition: background .2s linear;
    transition: background .2s linear;      
}








/* generell */
.menu-toggle { display:none;}

.locherpunkt1 {;
    width: 20px;
}


.locherpunkt2 {
    width: 20px;
}


h3 {
    font-size: 22px;
    line-height: 2.0rem;
}


.entry .linkpfeil img {
    width: 12px !important;
    display: inline-block;
}

/* zoom buttons */
.cspm_zoom_container
{
    display:none !important;
}


.datenschutz {
    display: none;
}


/*infobox textgröße */

div.cspm_infobox_content_container.cspm_type4 div.cspm_infobox_content div.title a {
    font-size: 16px !important;
}

div.cspm_infobox_container {
    height:74px !important;
}







/* einblenden der desktop map und ausblenden der mobile map - mobile map keine adresse*/
.map_de_desktop
{
    display:block !important;
}

.map_de_mobile{
    display:none !important;
}




}




/* Ipad groß Portrait Markerfeld*/
@media (min-width: 721px) and (max-width: 1009px) 
{

/* organizing the fitting markerfield */
.cspml_item img{
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity:0.45;
    object-fit:cover;
    height:240px !important;
   
}


div.cspml_item{ 
    padding:0;  
    border-right:10px solid #383838;
    overflow: hidden;
    height:240px;
    -webkit-transition: background .2s linear;
    -moz-transition: background .2s linear;
    -ms-transition: background .2s linear;
    -o-transition: background .2s linear;
    transition: background .2s linear;      
}


.berlinoutlinesquare img{ 
   display:none;

}

}


/* Ipad klein Portrait Markerfeld*/
@media (min-width: 641px) and (max-width: 720px) 
{

/* organizing the fitting markerfield */
.cspml_item img{
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity:0.45;
    object-fit:cover;
    height:auto !important;
   
}


div.cspml_item{ 
    padding:0;  
    border-right:10px solid #383838;
    overflow: hidden;
    height:auto;
    -webkit-transition: background .2s linear;
    -moz-transition: background .2s linear;
    -ms-transition: background .2s linear;
    -o-transition: background .2s linear;
    transition: background .2s linear;      
}



}





/* Ipad Portrait */
@media (min-width: 641px) and (max-width: 1009px) {
  

.iziModal .iziModal-header.iziModal-noSubtitle .iziModal-header-buttons {
    right: 34px;
    margin: -16px 20px 0 !important;
}

.italic{
    font-style:italic;
}

div.cspml_details_container{
    padding-left: 20px;
    padding-top: 17px;
    padding-bottom: 17px;
    color: #000000;
    font-size: 18px;
    font-weight: 200;
    line-height: 20px !important;
    height: inherit;
}

.navi .main-navi > li > a {
    font-size: 8vh;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: -0.8pt;
}

.entry-footnotes {
    margin-bottom: 60px;
}


.page-id-719 .linke_spalte_page {
    background: #b4bbb5 !important;
}



.home .ngbklogofront
  {
left: 40px !important;
bottom:40px !important;
position:fixed !important;
display:block !important;
}

.home .back-to-top
  {
display:none;
}

.back-to-top
  {
left: 40px !important;
bottom:20px !important;
position:fixed !important;
width:70px;
display:block;
}



.ngbklogofront
  {
display:none !important;
}


.datenschutzlinks {
    position: fixed;
    bottom: 20px !important;
    right: 40px !important;
    z-index:999999;
}

.datenschutzlinks li:nth-child(2) {
  margin-right:0px;
}

.page-id-470 .datenschutzlinks ul li a, .page-id-468 .datenschutzlinks ul li a, .page-id-466 .datenschutzlinks ul li a, .page-id-464 .datenschutzlinks ul li a,
.page-id-470 .datenschutzlinks ul li, .page-id-468 .datenschutzlinks ul li, .page-id-466 .datenschutzlinks ul li, .page-id-464 .datenschutzlinks ul li{
    list-style: none;
    color: black !important;
}

.small {
    font-size: 15px;
}

/* iframe logos */

.entry-iframe .ngbk img
{
    margin-bottom: 10px;
    width: 70px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}


.logoaktion img {
    width: 160px !important;
    margin-top: 10px;
    margin-bottom: 10px;
    height: auto !important;
}




.entry-iframe .kunstraum img
{
    margin-bottom: 10px;
    width: 280px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}


.entry-iframe .gn img
{
    margin-bottom: 10px;
    width: 160px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}


.entry-iframe .gn img:hover
{
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    margin-bottom: 10px;
    width: 160px;
}

.entry-iframe .ecchr img
{
    margin-bottom: 10px;
    width: 80px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}


.entry-iframe .adopt img
{
    margin-bottom: 10px;
    width: 160px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.entry-iframe .adopt img:hover
{
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    margin-bottom: 10px;
    width: 160px;
}




.entry-iframe .aktion img
{
    margin-bottom: 10px;
    width: 220px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}


.entry-iframe .aktion img:hover
{
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
     margin-bottom: 10px;
    width: 220px;
}


.entry-iframe .urgewald img
{
    margin-bottom: 10px;
    width: 120px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}


.entry-iframe .urgewald img:hover
{
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
     margin-bottom: 10px;
    width: 120px;
}



.entry-iframe .lobbycontrol img
{
    margin-bottom: 10px;
    width: 100px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}


.entry-iframe .lobbycontrol img:hover
{

    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
     margin-bottom: 10px;
    width: 100px;
}






.berlinoutline {
    z-index: 99;
  
}

.entry-iframe .italic {
    font-style: italic;
    font-size: 1.1rem;
}


.home .entry {
    position: relative;
    top: 360px;
    font-size: 35px;
    font-weight: bold;
    text-align: left;
    left: 60px;
    line-height: 40px;
    background: transparent;
}





.title_page {
    width: 300px;
  
}






.bildlinks {
    position: absolute;
    top: 40%;
    left: 39%;
    width: 180px;
    height: auto;
    z-index: 9999999 !important;
}





.entry 
{
margin-left: 20px;
margin-right: 20px;
padding-left:0px !important;
}



.uia-intro {
    padding-top:140px;
    font-size: 25px;
    font-weight: bold;
    text-align: left;
    width: 300px;
    line-height: 25px;
    z-index: 50;
    text-transform:none;
      background: transparent;
  
}

.uia-intro img {
 width:15px;
}

.kiu-intro {
    font-size: 25px;
    font-weight: bold;
    text-align: left;
    width: 300px;
    line-height: 25px;
    margin-top: 85px;
    z-index: 50;
    text-transform:none;
  background: transparent;
}


.kiu-intro img{
 width:15px;
}




.introsmall {
    font-size: 0.9rem !important;
        display: inline-block;
    line-height: 0.2pt;
    top: -4px;
    position: relative;
}


.vorpunkt img {
    width: 16px;
    height: 16px;
}




.sponsorfototek img {
  width: 110px !important;
    margin-top: 10px;
    margin-bottom: 10px;
    height: auto !important;

}

.sponsorfototekrow img {
  width: 120px !important;
    margin-top: 10px;
    margin-bottom: 10px;
    height: auto !important;

}


.logokb img{
    width: 260px !important;
    margin-top: 10px;
    margin-bottom: 10px;
    height: auto !important;

}

.logokb  {
display:table-cell;
vertical-align:middle;
padding-right:20px;
padding-top: 35px;

}


.logogn  {
display:table-cell;
vertical-align:middle;
padding-right:20px;

}


.logogn img{
    width: 180px !important;
    margin-top: 10px;
    margin-bottom: 10px;
    height: auto !important;

}




.logongbk img{
    width: 60px !important;
    margin-top: 10px;
    margin-bottom: 10px;
    height: auto !important;

}

.logongbk  {
display:table-cell;
vertical-align:middle;
padding-top:30px;
padding-right:40px;

}

.logobvg img{
    width: 50px !important;
    margin-top: 10px;
    margin-bottom: 10px;
    height: auto !important;

}

.logobvg  {
display:table-cell;
vertical-align:middle;
padding-right:20px;

}






/* ? */
.animation {
    width: 100%;
    position: absolute;
       left: 40%;
    bottom: 50px;
    -webkit-transform: translate3d(0,-40%,0);
    transform: translate3d(0,-50%,0);
    text-align: center;
    -ms-transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
}









/* canvas menu */

.navi .main-navi > li > a {
    font-size: 5vh;
    font-weight: 700;
}





.iziModal .iziModal-header.iziModal-noSubtitle .iziModal-button
{
    height: 20px !important;
    width: 20px !important;
}

  



/* allgemein */
.container {
    padding-left: 20px;
    padding-right: 20px;
}

  
  .menu-toggle {
  display:none;
}



h1 {
    font-size: 1.5rem;
}

.linke_spalte_page
{
    width:100%;
    position:relative; 
    height:300px !important;
    color: black;
  }

.linke_spalte_page h3 {
    font-weight: 700;
    font-size: 22px !important;
    line-height:24px;
        letter-spacing: -1px;
}





.rechte_spalte_page
{
    width:100%;
    position:relative;
    height:auto;
    margin-top:40px;
}

.site-main {
    margin-top: 65px;
    margin-bottom: 12%;
}



.title_page {
    width: 440px;
    position: absolute;
    text-align: center;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    padding: 20px;
}


.datenschutz {
    display: none;
}


.locherpunkt1 {
    display: none !important;
}
.locherpunkt2 {
    display: none !important;
}



/*text auf infoseiten*/
.entry 
{
margin-left: 40px;
margin-right: 40px;
}

/* zoom buttons */
.cspm_zoom_container
{
    display:none !important;
}


/* verstecken der Pfeile der Infobox */
.cspm_marker_infobox .si-pointer-bg-top
{
    display:none;
}








/* artikel */

.linke_spalte
{
    width:100%;
    position:relative;
}

.rechte_spalte
{
    width:100%;
    position:relative;
}


.single .entry-author2 {
    font-size: 1.2rem;
    font-weight: normal;
    letter-spacing: 0.2pt;
    text-align: center;
    margin-top: 10% !important;
    margin-bottom: 25px;
    line-height: 1.4rem;
    opacity: 1;
    font-weight: 600;
    transition: opacity .2s ease-in-out;
}


.single-portfolio .linke_spalte {
    border: none;
    background: #e4e4e0;
}

#postcross {
   display:none;
}


.single .entry-autorbio {
padding-left: 120px;
padding-right: 120px;

}

.entry-header {
    width: auto;
    margin-left: 40px;
    margin-right: 40px;
}

.single .entry-title {
    line-height: 2.0rem;
}












/*header menu*/

.site-branding-mobile
{
     display:none !important;

}

.site-branding-mobile h1
{

    display:none !important;

}

.header-left {
    display:none !important;
}



.site-branding
{
 display:inline-block !important;
 padding-left:40px;
}


.header-right {
    float: none;
    width: 100%;
    left: 0px;
    padding-top: 5px !important;
    background: #f1f1f1;
}


.home .header-right {
    float: none;
    width: 100%;
    left: 0px;
    padding-top: 5px !important;
    background: transparent;
}

.site-branding h1 {
    font-size: 24px;
    font-family: 'Acumin-Pro';
    font-weight: 700;
    text-transform: uppercase;
}


.language_switcher {
    display:none !important;
}


.right-corner{
    font-size: 24px;
    margin-right:40px;
}












.cspml_resize_map img {
    display: none;
}

/* ausblenden von normaler map, einblenden mobile map*/

.map_de_desktop
{
    display:none !important;
}

.map_de_mobile{
    display:block !important;
}












/* markerfelddesign mobile */
div.cspml_details_container {
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    min-height: 160px !important;
}

div.cspml_details_container div.cspml_details_content {
    height:auto;
    font-size: 14px;
    position: absolute !important;
    bottom: 15px;

}

div.cspml_details_container div.cspml_details_title a {
    text-decoration: none;
    font-size: 23px;
    line-height: 25px !important;
    font-family: 'Acumin-Pro', sans-serif;
    /* color: #008fed; */
    font-weight: 600;
}

.cspml_listings_area_map239 {
    margin-left: 20px !important;
}

.cspml_listings_area_map303 {
    margin-left: 20px !important;
}



div#cspml_listings_container
{
    position: absolute;
    top: 0px !important;
    width: 100%;
}


/* änderung ipad potrait */

.row-no-margin {
    margin-right: 40px !important;
    margin-left: 40px !important;
}


div.cspml_details_container div.cspml_details_title a, div.cspml_details_container div.cspml_details_title {
    font-size: 20px !important;
    line-height: 24px;
}


/*auswahlbuttonbalken*/
div.cspml_fs_label {
    color: #202020;
    font-size: 15px;
    font-weight: 400;
    padding: 15px;
    background: #000000;
    border-top: black 1px dotted;
    border-bottom: black 1px dotted;
}


/* die schrift auf dem auswahlbutton*/
.cspml_btn {
    /* background: #008fed; */
    padding: 15px 20px;
    color: #fff;
    font-weight: 400;
    cursor: pointer;
    position: absolute;
    font-family: 'Acumin-Pro', sans-serif !important;
    top: 0px;
    left: 0px !important;
    width: 85% !important;
    margin-left:0px !important;
    -webkit-transition: background .2s linear;
    -moz-transition: background .2s linear;
    -ms-transition: background .2s linear;
    -o-transition: background .2s linear;
    transition: background .2s linear;
    border-left:0px !important;
}


div.cspml_fs_item_container {
    width: 92% !important;
}




form.cspml_filter_form div.cspml_fs_options_list {
    margin-left: 0px !important;
    padding: 20px 15px;
    background: #f1f1f1;
    border-left: 1px solid black;
    border-bottom: 1px solid black;
}
div.cspml_fs_container {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 30px;
    border: 0px;
    padding-right: 40px !important;
    padding-left: 40px !important;
}


div.cspml_fs_item_container {
    margin-bottom: 0px;
    background: transparent;
    padding: 0;
    width: 100% !important;
    border-right: 1px solid black;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div.cspml_fs_label {
    color: #f1f1f1;
    font-size: 15px;
    font-weight: 400;
    padding: 15px;
    margin-left:0px !important;
    background: transparent;
    border-top: black 1px solid;
    border-bottom: black 1px solid;
    border-left: black 1px solid !important;
}


div.cspm_infobox_container{
   display:none !important;
}












/* iframe */

.iziModal .iziModal-header.iziModal-noSubtitle .iziModal-header-buttons {
    right: 20px !important;
    margin: -16px 0 0;
}

.iziModal .iziModal-header.iziModal-noSubtitle{
    height: auto;
    padding: 18px 15px 12px !important;
}

.iziModal::after {
    content: '';
    width: 100%;
    height: 0;
    opacity: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    transition: height .3s ease-in-out, opacity .3s ease-in-out;
    pointer-events: none;
}


.iziModal {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    max-width: 100% !important;
    right: 0;
    width: 100% !important;
    margin-top: 0px !important;
    transition: margin-top .3s ease,height .3s ease;
    transform: translateZ(0);
}








/*iframe seiteninhalt mobile */
.entry-header-iframe h3 {
    font-weight: 600 !important;
    font-size: 24px !important;
    line-height: 26px !important;
}

.entry-iframe p {
    text-align: left;
    word-break: break-word;
    font-size: 1.1rem;
    font-family: Acumin-Pro;
    line-height: 1.4rem;
}

.site-main-iframe {
    margin-left: 40px;
    margin-right: 40px;
}


.entry-iframe img {
    width: 100%;
    margin-top: 0px;
}

.entry-iframe img:hover {
    width: 100%;
    margin-top: 0px;

}


.featured-image img{
 -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity:0.85;
}

.featured-image img:hover{
 -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    opacity:1;
}


.berlinoutlinesquare img{ 
   display:none;

}


}



/* smartphone  landscape */
@media (min-width: 565px) and (max-width : 640px) 

{
  

.berlinoutlinesquare img{
 display:none;
}

.title_page 
  {
text-align:center;
}

.home .ngbklogofront
  {
left: 40px !important;
bottom:40px !important;
position:fixed !important;
display:block !important;
}

.home .back-to-top
  {
display:none;
}

.back-to-top
  {
left: 20px !important;
bottom:20px !important;
position:fixed !important;
width:50px;
display:block;
}


.ngbklogofront
  {
display:none !important;
}

.datenschutzlinks {
    position: fixed;
    bottom: 20px !important;
    right: 20px !important;
     z-index:999999;
}

.datenschutzlinks li:nth-child(2) {
  margin-right:0px;
}

.page-id-470 .datenschutzlinks ul li a, .page-id-468 .datenschutzlinks ul li a, .page-id-466 .datenschutzlinks ul li a, .page-id-464 .datenschutzlinks ul li a,
.page-id-470 .datenschutzlinks ul li, .page-id-468 .datenschutzlinks ul li, .page-id-466 .datenschutzlinks ul li, .page-id-464 .datenschutzlinks ul li{
    list-style: none;
    color: black !important;
}


.title_page {
    width: 440px;
    position: absolute;
    text-align: center;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    padding: 20px;
}

  .menu-toggle {
  display:none;
}


.entry-iframe .italic {
    font-style: italic;
    font-size:16px;
}

/* verstecken der Pfeile der Infobox */
.cspm_marker_infobox .si-pointer-bg-top
{
    display:none;
}



/* iframe logos */

.entry-iframe .ngbk img
{
    margin-bottom: 10px;
    width: 80px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}




.entry-iframe .kunstraum img
{
    margin-bottom: 10px;
    width: 300px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}


.entry-iframe .gn img
{
    margin-bottom: 10px;
    width: 170px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}


.entry-iframe .gn img:hover
{
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    margin-bottom: 10px;
    width: 170px;
}

.entry-iframe .ecchr img
{
    margin-bottom: 10px;
    width: 100px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}


.entry-iframe .adopt img
{
    margin-bottom: 10px;
    width: 170px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.entry-iframe .adopt img:hover
{
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    margin-bottom: 10px;
    width: 170px;
}




.entry-iframe .aktion img
{
    margin-bottom: 10px;
    width: 240px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}


.entry-iframe .aktion img:hover
{
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    margin-bottom: 10px;
    width: 240px;
}


.entry-iframe .urgewald img
{
    margin-bottom: 10px;
    width: 140px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}


.entry-iframe .urgewald img:hover
{
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
     margin-bottom: 10px;
    width: 140px;
}



.entry-iframe .lobbycontrol img
{
    margin-bottom: 10px;
    width: 120px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}


.entry-iframe .lobbycontrol img:hover
{

    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    margin-bottom: 10px;
    width: 120px;
}




/* ? */
.animation {
    width: 100%;
    position: absolute;
       left: 40%;
    bottom: 50px;
    -webkit-transform: translate3d(0,-40%,0);
    transform: translate3d(0,-50%,0);
    text-align: center;
    -ms-transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
}




.uia-intro {
    font-size: 25px;
    font-weight: bold;
    text-align: left;
    width: 500px;
    line-height: 25px;
    z-index: 50;
    text-transform:none;
      background: transparent;

}

.kiu-intro {
    font-size: 25px;
    font-weight: bold;
    text-align: left;
    width: 500px;
    line-height: 25px;
    margin-top: 85px;
    z-index: 50;
    text-transform:none;
      background: transparent;


}

.introsmall {
    font-size: 0.9rem !important;
    display: inline-block;
    line-height: 0.2pt;
    top: -3px;
    position: relative;
}



/* startseitenelemente */

.berlinoutline {
       z-index: 99;
 
}



.home .entry {
    position: relative;
    top: 360px;
    font-size: 35px;
    font-weight: bold;
    text-align: left;
    left: 60px;
    line-height: 40px;
    background: transparent;
}





.bildlinks {
    display:none;
}



.sponsorfototekrow img {
  width: 110px !important;
    margin-top: 10px;
    margin-bottom: 10px;
    height: auto !important;

}

.sponsorfototekrow  {
display:table-cell;
vertical-align:middle;
padding-right:20px;

}

.sponsorfototek img {
  width: 110px !important;
    margin-top: 10px;
    margin-bottom: 10px;
    height: auto !important;

}

.logokb img{
    width: 260px !important;
    margin-top: 10px;
    margin-bottom: 10px;
    height: auto !important;

}

.logokb  {
display:table-cell;
vertical-align:middle;
padding-right:20px;

}


.logogn  {
display:table-cell;
vertical-align:middle;
padding-right:20px;

}


.logogn img{
    width: 4.5vw !important;
    margin-top: 10px;
    margin-bottom: 10px;
    height: auto !important;

}




.logongbk img{
    width: 70px !important;
    margin-top: 10px;
    margin-bottom: 10px;
    height: auto !important;

}

.logongbk  {
display: table-cell;
vertical-align: middle;
padding-right: 60px;
padding-top: 30px;

}

.logobvg img{
    width: 60px !important;
    margin-top: 10px;
    margin-bottom: 10px;
    height: auto !important;

}

.logobvg  {
display:table-cell;
vertical-align:middle;
padding-right:20px;

}





/* allgemein */
.container {
    padding-left: 20px;
    padding-right: 20px;
}

h1 {
    font-size: 1.5rem;
}

.linke_spalte_page
{
    width:100%;
    position:relative; 
    height:500px !important;
    color: black;
  }

.linke_spalte_page h3 {
    font-weight: 700;
    font-size: 25px !important;
        letter-spacing: -1px;
}



.rechte_spalte_page
{
    width:100%;
    position:relative;
    height:auto;
    margin-top:40px;
}

.site-main {
    margin-top: 60px;
    margin-bottom: 12%;
}






.datenschutz {
    display: none;
}




/*text auf infoseiten*/
.entry 
{
margin-left: 20px;
margin-right: 20px;
padding-left:0px !important;
}

/* zoom buttons */
.cspm_zoom_container
{
    display:none !important;
}




 .title_page_articles h3 {
    font-weight: 700;
    letter-spacing: -1px;
}



/* artikel */

.linke_spalte
{
    width:100%;
    position:relative;
}

.rechte_spalte
{
    width:100%;
    position:relative;
}


.single .entry-author2 {
    font-size: 1.2rem;
    font-weight: normal;
    letter-spacing: -0.2pt;
    text-align: center;
    margin-top: 10% !important;
    margin-bottom: 25px;
    line-height: 1.4rem;
    opacity: 1;
    font-weight: 600;
    transition: opacity .2s ease-in-out;
}


.single-portfolio .linke_spalte {
    border: none;
    background: #e4e4e0;
}

#postcross {
   display:none;
}


.single .entry-autorbio {
    padding-left: 40px;
    padding-right: 40px;
}

.entry-header {
    width: auto;
    margin-left: 40px;
    margin-right: 40px;
}

.single .entry-title {
    line-height: 1.6rem;
}










/* canvas menu*/

.navi .main-navi .sub-menu li {
    display: block;
    font-size: 24px;
    font-weight: 600;
    padding: 0 1.4rem;
}

.navi .main-navi > li {
    line-height: 1.4;
}

.navi .main-navi > li > a {
    font-size: 26px;
    line-height: 30px;
    font-weight: 700;
    line-height: 1.8rem;
    font-family: 'Acumin-Pro';
}


.navi .main-navi {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: left;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
}







/*header menu*/

.site-branding-mobile
{
     display:none !important;

}

.site-branding-mobile h1
{

    display:none !important;

}

.header-left {
    display:none !important;
}



.site-branding
{
 display:inline-block !important;
 padding-left:40px;
}

.home.site-branding
{
 display:inline-block !important;
 padding-left:20px;
 margin-left:20px;
}


.header-right {
       padding-right: 20px;
    display: block;
    width: 100% !important;
    margin-right: 0px!important;
    left: 0px;
    padding-top:5px !important;
    background:#f1f1f1;
}

.home .header-right {
    background: transparent;
}

.site-branding h1 {
    font-size: 22px;
    font-family: 'Acumin-Pro';
    font-weight: 700;
    text-transform: uppercase;
}


.language_switcher {
    display:none !important;
}


.right-corner{
    font-size: 22px;
    margin-right:0px;
}












.cspml_resize_map img {
    display: none;
}

/* ausblenden von normaler map, einblenden mobile map*/

.map_de_desktop
{
    display:none !important;
}

.map_de_mobile{
    display:block !important;
}





/* markerfelddesign mobile */
div.cspml_details_container {
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    min-height: 160px !important;
}


div.cspml_details_container div.cspml_details_content {
    height:auto;
    font-size: 14px;
    position: absolute !important;
    bottom: 15px;

}

div.cspml_details_container div.cspml_details_title a {
    text-decoration: none;
    font-size: 23px;
    line-height: 25px !important;
    font-family: 'Acumin-Pro', sans-serif;
    /* color: #008fed; */
    font-weight: 600;
}

.cspml_listings_area_map239 {
    margin-left: 20px !important;
}

.cspml_listings_area_map303 {
    margin-left: 20px !important;
}



div#cspml_listings_container
{
    position: absolute;
    top: 0px !important;
    width: 100%;
}

.row-no-margin {
    margin-right: 20px !important;
    margin-left: 20px !important;
}


div.cspml_details_container div.cspml_details_title a, div.cspml_details_container div.cspml_details_title {
    font-size: 20px !important;
    line-height: 24px;
}


/*auswahlbuttonbalken*/
div.cspml_fs_label {
    color: #202020;
    font-size: 15px;
    font-weight: 400;
    padding: 15px;
    background: #000000;
    border-top: black 1px dotted;
    border-bottom: black 1px dotted;
}


/* die schrift auf dem auswahlbutton*/
.cspml_btn {
    /* background: #008fed; */
    padding: 15px 20px;
    color: #fff;
    font-weight: 400;
    cursor: pointer;
    position: absolute;
    font-family: 'Acumin-Pro', sans-serif !important;
    top: 0px;
    left: 0px !important;
    width: 85% !important;
    margin-left:0px !important;
    -webkit-transition: background .2s linear;
    -moz-transition: background .2s linear;
    -ms-transition: background .2s linear;
    -o-transition: background .2s linear;
    transition: background .2s linear;
    border-left:0px !important;
}



form.cspml_filter_form div.cspml_fs_options_list {
    margin-left: 0px !important;
    padding: 20px 15px;
    background: #f1f1f1;
    border-left: 1px solid black;
    border-bottom: 1px solid black;
}
div.cspml_fs_container {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 30px;
    border: 0px;
    padding-right: 20px !important;
    padding-left: 20px !important;
}


div.cspml_fs_item_container {
    margin-bottom: 0px;
    background: transparent;
    padding: 0;
    width: 100% !important;
    border-right: 1px solid black;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div.cspml_fs_label {
    color: #f1f1f1;
    font-size: 15px;
    font-weight: 400;
    padding: 15px;
    margin-left:0px !important;
    background: transparent;
    border-top: black 1px solid;
    border-bottom: black 1px solid;
    border-left: black 1px solid !important;
}


div.cspm_infobox_container{
   display:none !important;
}


/* organizing the fitting markerfield */
.cspml_item img{
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity:0.45;
    object-fit:cover;
    height:auto !important;
   
}


div.cspml_item{ 
    padding:0;  
    border-right:10px solid #383838;
    overflow: hidden;
    height:auto;
    -webkit-transition: background .2s linear;
    -moz-transition: background .2s linear;
    -ms-transition: background .2s linear;
    -o-transition: background .2s linear;
    transition: background .2s linear;      
}












/* iframe */

.iziModal .iziModal-header.iziModal-noSubtitle .iziModal-header-buttons {
    right: 20px !important;
    margin: -16px 0 0;
}

.iziModal .iziModal-header.iziModal-noSubtitle{
    height: auto;
    padding: 18px 15px 12px !important;
}

.iziModal::after {
    content: '';
    width: 100%;
    height: 0;
    opacity: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    transition: height .3s ease-in-out, opacity .3s ease-in-out;
    pointer-events: none;
}


.iziModal {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    max-width: 100% !important;
    right: 0;
    width: 100% !important;
    margin-top: 0px !important;
    transition: margin-top .3s ease,height .3s ease;
    transform: translateZ(0);
}





/*iframe seiteninhalt mobile */
.entry-header-iframe h3 {
    font-weight: 600 !important;
    font-size: 20px !important;
    line-height: 26px !important;
}

.entry-iframe p {
    font-size: 16px;
    line-height: 24px;
    text-align: left;
    word-break: break-word;
    font-family: Acumin-Pro, sans-serif !important;
}

.site-main-iframe {
    margin-left: 40px;
    margin-right: 40px;
}


.entry-iframe img {
    width: 100%;
    margin-top: 0px;
 
}

.entry-iframe img:hover {
    width: 100%;
    margin-top: 0px;
   
}


.featured-image img{
 -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity:0.85;
}

.featured-image img:hover{
 -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    opacity:1;
}




.sponsorfototekrow img {
  width: 12vh !important;
    margin-top: 10px;
    margin-bottom: 10px;
    height: auto !important;

}

.sponsorfototekrow  {
display:table-cell;
vertical-align:middle;
padding-right:20px;

}

.sponsorfototek img {
  width: 12vh !important;
    margin-top: 10px;
    margin-bottom: 10px;
    height: auto !important;

}

.berlinoutlinesquare img{ 
   display:none;

}

}



@media only screen (min-width: 600px) and (max-width: 1530px) {

.linke_spalte2 {
    width: 50%;
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100%;
    z-index:99;
    transition: opacity .2s ease-in-out;
}





.alignright {
    width: 150px;
    position: absolute;
    transform: rotate(90deg);
    text-align: right;
    right: 0px;
    top: 50%;
}

.alignleft {
    width: 150px;
    position: absolute;
    transform: rotate(270deg);
    text-align: left;
    top: 50%;
    left: 0px;
}



.rechte_spalte2 {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 100%;
    width: 50%;
    display: block;
    overflow: auto;
    z-index: 200;
    margin-bottom:60px;
}

.berlinoutlinesquare img {
    z-index: 99;
    margin: 0;
    position: fixed;
    top: 54%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}


.title_page_articles {
    width: 440px;
    position: absolute;
    text-align: left;
    top: 42%;
    left: 37%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    padding: 20px;
}



}



@media only screen and (max-width: 1350px) 

{

.linke_spalte2 {
    width: 0%;
    position: relative;
    top: 0px;
    left: 0px;
    background: #b4bbb5;
    height: 0%;
    transition: opacity .2s ease-in-out;
}

.page-template-portfolio .linke_spalte2-hintergrund  {
  display:none;
}
.page-template-portfolio .datenschutzlinks  {
 display:none;
}


.rechte_spalte2 {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    display: block;
    overflow: auto;
    z-index: 200;
    margin-bottom:60px;
}

.berlinoutlinesquare img{ 
   display:none;

}


/* about page de*/
.page-id-456 .linke_spalte_page{
  background:#dad0d0;
}

/* about page de*/
.page-id-458 .linke_spalte_page{
  background:#dad0d0;
}

.page-id-470 .linke_spalte_page{
  background:#1b1a1a;
}

.page-id-466 .linke_spalte_page{
  background:#1b1a1a;}


  .page-id-3681 .linke_spalte_page{
  background:#b4bbb5;
}

.page-id-3684 .linke_spalte_page{
  background:#b4bbb5;}




.page-id-464 .linke_spalte_page{
    background:#1b1a1a;
}

.page-id-716 .linke_spalte_page{
    background: #b4bbb5;
}
/* about kiu de*/
.page-id-468 .linke_spalte_page{
  background:#1b1a1a;
}

/* team page de */
.page-id-460 .linke_spalte_page{
  background:#c9c9c9;
}

/* touren de */
.page-id-472 .linke_spalte_page{
  background:#e0d6d6;
}


}






@media only screen and (max-width: 1009px) 

{
    .portfolio .linke_spalte_hintergrund {
  display:none;
}

.linke_spalte_hintergrund {
  display:none;

}



}



@media only screen and (max-width: 600px)  {



.listitem {
  border-left: 10px solid lightgrey !important;
}


}


/* smartphone portrait */
@media only screen and (max-width: 564px) {
  
  .menu-toggle {
  display:none;
}

.home .ngbklogofront
  {
left: 20px !important;
bottom:20px !important;
position:fixed !important;
width:50px !important;
display:block !important;
}

.home .back-to-top
  {
display:none;
}

.small
  {
display:none;
}

.back-to-top
  {
left: 20px !important;
bottom:20px !important;
position:fixed !important;
width:50px;
display:block;
}


.ngbklogofront
  {
display:none !important;
}

.datenschutzlinks{
position:fixed;
right:20px !important;
bottom:20px !important;
z-index:999999;
pointer-events: all;
z-index:999999;
}

.page-id-719 .linke_spalte_page {
    background: #b4bbb5 !important;
}



.datenschutzlinks li {
    font-family: Acumin-Pro;
    list-style: none;
    display: block;
    margin-right: 0px;
    font-size: 14px;
    text-align: right;
    line-height: 10px;
}


.datenschutzlinks li:nth-child(2) {
    font-family: Acumin-Pro;
    list-style: none;
    display: inline-block;
    margin-right: 0px;
    font-size: 14px;
}

.page-id-470 .datenschutzlinks ul li a, .page-id-468 .datenschutzlinks ul li a, .page-id-466 .datenschutzlinks ul li a, .page-id-464 .datenschutzlinks ul li a,
.page-id-470 .datenschutzlinks ul li, .page-id-468 .datenschutzlinks ul li, .page-id-466 .datenschutzlinks ul li, .page-id-464 .datenschutzlinks ul li{
    list-style: none;
    color: black !important;
}



.imagecontainer
{
  display:none;
}


.framelisting {
    width: calc(100% - 0px);
    padding-left: 20px;
    display: block;
    position: absolute;
    top: 30px;
    padding-right: 0px;
    margin-left:0px;
    margin-right:0px;
}

.listingtitle {
    text-decoration: none;
    font-size: 18px;
    line-height: 19px;
    font-family: 'Acumin-Pro', sans-serif;
    /* color: #008fed; */
    font-weight: 600;
    width:220px;
    word-break:normal;
}

.listitem {
    padding: 0;
    border-right: 10px solid #383838;
    overflow: hidden;
    height: 320px;
    -webkit-transition: background .2s linear;
    -moz-transition: background .2s linear;
    -ms-transition: background .2s linear;
    -o-transition: background .2s linear;
    transition: background .2s linear;
    margin: 0 40px 30px 0;
}


.berlinoutlinesquare img{
 display:none;
}

.navi .main-navi > li > a {
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: -0.5pt;
}
/* iframe logos */

.entry-iframe .ngbk img
{
    margin-bottom: 10px;
    width: 80px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}


.textintro {
    letter-spacing: -0.6pt;
    margin: 0;
    position: absolute;
    top: 220px;
    left: 10px;
}

.entry-iframe .kunstraum img
{
    margin-bottom: 10px;
    width: 300px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}


.entry-iframe .gn img
{
    margin-bottom: 10px;
    width: 170px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}


.entry-iframe .gn img:hover
{
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    margin-bottom: 10px;
    width: 170px;
}

.entry-iframe .ecchr img
{
    margin-bottom: 10px;
    width: 100px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}


.entry-iframe .adopt img
{
    margin-bottom: 10px;
    width: 170px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.entry-iframe .adopt img:hover
{
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
      margin-bottom: 10px;
    width: 170px;
}




.entry-iframe .aktion img
{
    margin-bottom: 10px;
    width: 240px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}


.entry-iframe .aktion img:hover
{
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
     margin-bottom: 10px;
    width: 240px;
}


.entry-iframe .urgewald img
{
    margin-bottom: 10px;
    width: 140px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}


.entry-iframe .urgewald img:hover
{
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
     margin-bottom: 10px;
    width: 140px;
}



.entry-iframe .lobbycontrol img
{
    margin-bottom: 10px;
    width: 120px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}


.entry-iframe .lobbycontrol img:hover
{

    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
     margin-bottom: 10px;
    width: 120px;
}





/* ? */
.animation {
    width: 100%;
    position: absolute;
       left: 40%;
    bottom: 50px;
    -webkit-transform: translate3d(0,-40%,0);
    transform: translate3d(0,-50%,0);
    text-align: center;
    -ms-transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
}





/* startseitenelemente */

.berlinoutline {
    z-index: 99;

}


/*der titel*/
.home .entry {
    position: relative;
    top: 280px;
    font-size: 19px;
    font-weight: bold;
    text-align: left;
    left: 0px;
    width: 250px;
    line-height: 22px;
    background: transparent;
}





.linke_spalte_front {
    background: transparent;
}


.bildlinks {
    display:none;
}







/* allgemein */
.container {
    padding-left: 20px;
    padding-right: 20px;
}

h1 {
    font-size: 1.5rem;
}

.linke_spalte_page
{
    width: 100%;
    position: relative;
    height: 150px !important;
    color: black;
    padding-top:20%;

  }

.linke_spalte_page h3 {
    font-weight: 700;
    font-size: 20px !important;
        letter-spacing: -1px;
}



.rechte_spalte_page
{
    width:100%;
    position:relative;
    height:auto;
    margin-top:40px;
}

.site-main {
    margin-top: 60px;
    margin-bottom: 12%;
}





.datenschutz {
    display: none;
}





/*text auf infoseiten*/
.entry 
{
margin-left: 20px;
margin-right: 20px;
}

/* zoom buttons */
.cspm_zoom_container
{
    display:none !important;
}


/*infobox textgröße */

div.cspm_infobox_content_container.cspm_type4 div.cspm_infobox_content div.title a {
    font-size: 15px !important;
}


/* verstecken der Pfeile der Infobox */
.cspm_marker_infobox .si-pointer-bg-top
{
    display:none;
}









/* artikel */

.linke_spalte
{
    width:100%;
    position:relative;
}

.rechte_spalte
{
    width:100%;
    position:relative;
}


.single .entry-author2 {
    font-size: 1.2rem;
    font-weight: normal;
    letter-spacing: 0.2pt;
    text-align: center;
    padding-top:25px;
    margin-top: 10% !important;
    margin-bottom: 25px;
    line-height: 1.4rem;
    opacity: 1;
    font-weight: 600;
    transition: opacity .2s ease-in-out;
    hyphens: auto; 
    letter-spacing:-0.5pt;
}


.single-portfolio .linke_spalte {
    border: none;
    background: #e4e4e0;
}

#postcross {
   display:none;
}


.single .entry-autorbio {
    padding-left: 20px;
    padding-right: 20px;
    font-size:1.0rem;
    line-height:1.4rem;
    hyphens: auto; 
}

.entry-header {
    width: auto;
    margin-left: 40px;
    margin-right: 40px;
}

.single .entry-title {
    line-height: 1.3rem;
    font-size: 1.3rem;
    hyphens: auto; 

}


.entry p {
    font-size: 1.0rem;
    font-family: Acumin-Pro;
    line-height: 1.4rem;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}





/* canvas menu*/

.navi .main-navi .sub-menu li {
    display: block;
    font-size: 20px;
    font-weight: 700;
    padding: 0px;
    line-height:22px;
}

.navi .main-navi > li {
    line-height: 1.4;
}

.navi .main-navi > li > a {
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
    line-height: 24px;
    font-family: 'Acumin-Pro';
}


.navi .main-navi {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: left;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
}


.iziModal {
    top:65px !important;
}

.iziModal .iziModal-header.iziModal-noSubtitle .iziModal-header-buttons {
    right: 34px;
    margin: -16px 0px 0 !important;
}


/*header menu*/

.site-branding-mobile
{
     display:none !important;

}

.site-branding-mobile h1
{

    display:none !important;

}

.home .header-left {
    display:block !important;
}
.header-left {
    display:none !important;
}


.site-branding
{
 display:inline-block !important;
 padding-left:20px;
}
.home.site-branding
{
 display:block !important;
 padding-left:20px;
}

.header-right {
    float: none;
    width: 100%;
    left: 0px;
    padding-top: 5px !important;
    background: #f1f1f1;
}




.home .header-right {
    background: transparent;
}

.home .site-branding h1 {
    font-size: 22px;
    font-family: 'Acumin-Pro';
    font-weight: 700;
    text-transform: uppercase;
    display:none;
}


.site-branding h1 {
    font-size: 20px;
    font-family: 'Acumin-Pro';
    font-weight: 700;
    text-transform: uppercase;
    display:block;
}

.home .language_switcher ul a {
    list-style: none;
    margin: 0;
    padding-left: 0;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
}

.home .header-left {
    display: block;
    float: left;
    padding-top: 15px;
    margin-left: 20px;
    border-top:0;
    padding-bottom:0;
    width:auto;
}


.home .language_switcher {
    display:block !important;
    width:100px;
}

 .language_switcher {
    display:none !important;
}



.right-corner{
    font-size: 20px;
    margin-right:20px;
}












.cspml_resize_map img {
    display: none;
}

/* ausblenden von normaler map, einblenden mobile map*/

.map_de_desktop
{
    display:none !important;
}

.map_de_mobile{
    display:block !important;
}












/* markerfelddesign mobile */
div.cspml_details_container {
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    min-height: 240px !important;
}

div.cspml_details_container div.cspml_details_content {
    height:auto;
    font-size: 14px;
    position: absolute !important;
    bottom: 15px;

}

div.cspml_details_container div.cspml_details_title a {
    text-decoration: none;
    font-size: 23px;
    line-height: 25px !important;
    font-family: 'Acumin-Pro', sans-serif;
    /* color: #008fed; */
    font-weight: 600;
}






.cspml_listings_area_map239 {
    margin-left: 20px !important;
}

.cspml_listings_area_map303 {
    margin-left: 20px !important;
}



div#cspml_listings_container
{
    position: absolute;
    top: 0px !important;
    width: 100%;
}

.row-no-margin {
    margin-right: 20px !important;
    margin-left: 20px !important;
}


div.cspml_details_container div.cspml_details_title a, div.cspml_details_container div.cspml_details_title {
    font-size: 20px !important;
    line-height: 24px;
}


/*auswahlbuttonbalken*/
div.cspml_fs_label {
    color: #202020;
    font-size: 15px;
    font-weight: 400;
    padding: 15px;
    background: #000000;
    border-top: black 1px dotted;
    border-bottom: black 1px dotted;
}


/* die schrift auf dem auswahlbutton*/
.cspml_btn {
    /* background: #008fed; */
    padding: 15px 20px;
    color: #fff;
    font-weight: 400;
    cursor: pointer;
    position: absolute;
    font-family: 'Acumin-Pro', sans-serif !important;
    top: 0px;
    left: 0px !important;
    width: 85% !important;
    margin-left:0px !important;
    -webkit-transition: background .2s linear;
    -moz-transition: background .2s linear;
    -ms-transition: background .2s linear;
    -o-transition: background .2s linear;
    transition: background .2s linear;
    border-left:0px !important;
}



form.cspml_filter_form div.cspml_fs_options_list {
    margin-left: 0px !important;
    padding: 20px 15px;
    background: #f1f1f1;
    border-left: 1px solid black;
    border-bottom: 1px solid black;
}
div.cspml_fs_container {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 30px;
    border: 0px;
    padding-right: 20px !important;
    padding-left: 20px !important;
}


div.cspml_fs_item_container {
    margin-bottom: 0px;
    background: transparent;
    padding: 0;
    width: 100% !important;
    border-right: 1px solid black;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div.cspml_fs_label {
    color: #f1f1f1;
    font-size: 15px;
    font-weight: 400;
    padding: 15px;
    margin-left:0px !important;
    background: transparent;
    border-top: black 1px solid;
    border-bottom: black 1px solid;
    border-left: black 1px solid !important;
}


div.cspm_infobox_container{
   display:none !important;
}


/* organizing the fitting markerfield */
.cspml_item img{
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity:0.45;
    object-fit:cover;
    height:auto !important;
   
}


div.cspml_item{ 
    padding:0;  
    border-right:10px solid #383838;
    overflow: hidden;
    height:auto;
    -webkit-transition: background .2s linear;
    -moz-transition: background .2s linear;
    -ms-transition: background .2s linear;
    -o-transition: background .2s linear;
    transition: background .2s linear;      
}












/* iframe */

.iziModal .iziModal-header.iziModal-noSubtitle .iziModal-header-buttons {
    right: 20px !important;
    margin: -16px 0 0;
}

.iziModal .iziModal-header.iziModal-noSubtitle{
    height: auto;
    padding: 18px 15px 12px !important;
}

.iziModal::after {
    content: '';
    width: 100%;
    height: 0;
    opacity: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    transition: height .3s ease-in-out, opacity .3s ease-in-out;
    pointer-events: none;
}


.iziModal {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    max-width: 100% !important;
    right: 0;
    width: 100% !important;
    margin-top: 0px !important;
    transition: margin-top .3s ease,height .3s ease;
    transform: translateZ(0);
}





/*iframe seiteninhalt mobile */
.entry-header-iframe h3 {
    font-weight: 600 !important;
    font-size: 20px !important;
    line-height: 26px !important;
}


 .entry-iframe p {
    text-align: left;
    font-size: 1.0rem;
    font-family: Acumin-Pro;
    line-height: 1.4rem;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}


.site-main-iframe {
    margin-left: 40px;
    margin-right: 40px;
}


.entry-iframe img {
    width: 100%;
    margin-top: 0px;

}

.entry-iframe img:hover {
    width: 100%;
    margin-top: 0px;

}


.featured-image img{
 -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity:0.85;
}





.entry-footnotes {
    margin-right: 40px;
    width: 100%;
    white-space: normal;
    word-break: break-word;
}


.iziModal .iziModal-header.iziModal-noSubtitle .iziModal-button
{
    height: 20px !important;
    width: 20px !important;
}




.uia-intro {
    font-size: 24px;
    font-weight: bold;
    text-align: left;
    width: 500px;
    line-height: 22px;
    z-index: 50;
      background: transparent;



}

.uia-intro img{
    width:15px;
}

.kiu-intro img{
    width:15px;
}

.introsmall {
        font-size: 13px !important;
    display: inline-block;
    line-height: 0.2pt;
    top: -2px;
    position: relative;
}


.kiu-intro {
    font-size: 22px;
    font-weight: bold;
    text-align: left;
    width: 500px;
    line-height: 22px;
    margin-top: 110px;
    z-index: 50;
      background: transparent;
}



.vorpunkt img {
    width: 16px;
    height: 16px;
}



.vorpunkt {
    display: none;
    margin-top: 20px;
    margin-bottom: 20px;
    vertical-align: bottom;
    padding-right: 10px;
    display:none;
}

.home .site-header {
    position: fixed;
    width: 100%;
    z-index: 700;
    border-top: 10px solid #383838;
}

.home .header-right
{
    border-top:0px !important;
        margin-right: 0px !important;
            width: 50%;
}

.home .header-left {
    padding-top: 5px !important;
}


.entry {
    padding-left:0px !important;
}

.site-branding {
   display:block;
}


.sponsorfototekrow img {
  width: 110px !important;
    margin-top: 10px;
    margin-bottom: 10px;
    height: auto !important;

}

.sponsorfototekrow  {
display:table-cell;
vertical-align:middle;
padding-right:20px;

}

.sponsorfototek img {
  width: 100px !important;
    margin-top: 10px;
    margin-bottom: 10px;
    height: auto !important;

}

.logokb img{
    width: 300px !important;
    margin-top: 10px;
    margin-bottom: 10px;
    height: auto !important;

}

.logokb  {
display:block;
padding-right:20px;
padding-top:0px;
}


.logogn  {
display:table-cell;
vertical-align:middle;
padding-right:20px;

}


.logogn img{
    width: 4.5vw !important;
    margin-top: 10px;
    margin-bottom: 10px;
    height: auto !important;

}




.logogn  {
display:table-cell;
vertical-align:middle;
padding-right:20px;

}


.logogn img{
    width: 160px !important;
    margin-top: 10px;
    margin-bottom: 10px;
    height: auto !important;

}




.logongbk img{
    width: 70px !important;
    margin-top: 10px;
    height: auto !important;

}

.logongbk  {
padding-right: 60px;
padding-top: 20px;

}

.logobvg img{
    width: 60px !important;
    margin-top: 10px;
    margin-bottom: 10px;
    height: auto !important;

}

.logobvg  {
display:table-cell;
vertical-align:middle;
padding-right:20px;

}

.entry-iframe .italic {
    font-style: italic;
    font-size: 1.0rem;
}

.italic{
    font-style:italic;
}


.title_page {
    width: 220px;
    position: absolute;
    text-align: center;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}

.title_page h3{
    line-height: 20px;
}

.entry .linkpfeil img {
    width: 14px !important;
    display: inline-block;
}




div.cspml_fs_label span.cspml_label_text {
    padding: 0;
    margin: 0;
    font-weight: 400;
    float: right;
    color: #f1f1f1 !important;
    margin-right: 30px;
    font-size: 16px;
}

.logoaktion img{
    width: 150px !important;
    margin-top: 10px;
    margin-bottom: 10px;
    height: auto !important;

}

.small {
    font-size: 10px;
}

}



/* iframe definition */
@media only screen and (max-width: 484px) 
{



.site-main-iframe {
    margin-left: 20px;
    margin-right: 20px;
}

}



/* iframe definition */
@media only screen and (max-width: 1030px) 
{

.datenschutzlinks {
position:fixed;
bottom:40px;
right:40px;
}

.ngbklogofront {
    position: fixed;
    left: 40px;
    bottom: 40px;
    width: 70px;
}


}