/*rgba to hex:
rgba(0,0,0,0.4): #b1b2b3
rgba(0,0,0,0.3)::#b2b2b2
rgba(0,0,0,0.5): #7f7f7f
rgba(0,0,0,.6): #666
rgb(237, 28, 36): #ed1c24 (rot)
*/
*{
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  transition: 1s;
}

:root {
  --akzentfarbe: #ed1c24;
  --textfarbe: rgba(0,0,0,0.8);
  --bghellgrau: rgba(0,0,0,0.4);
  --bgfooter: rgba(0,0,0,0.8);  
}
.cookieconsent{
  position: fixed;
  bottom: 30px;
  left:100px;
  background-color: #ccc;
	padding: 10px;
	border-radius: 10px;
}
h1, h2, h3, h4{
  text-transform: uppercase;
}
h1 {
  color: var(--akzentfarbe);
  font-family: 'Source Sans Pro Bold';
  
  
}
h4{
  font-size: 1.2rem;  
  margin-bottom: 1rem;
}
 #studien h5::before{
    font-family: 'Font Awesome 5 Free'; 
   font-weight: 900;
   content: '\f054';  
   color:var(--akzentfarbe);
   padding-right: 5px;
    }

.row{
  margin-right:0;
  margin-left:0;
}
.row.text-bild{
  width: 100%;
}

img{
  width: 100%;
  height: auto;
}
.row{
  width: 100%;
}


@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/SourceSansPro-Regular.eot');
    src: url('../fonts/SourceSansPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SourceSansPro-Regular.woff2') format('woff2'),
        url('../fonts/SourceSansPro-Regular.woff') format('woff'),
        url('../fonts/SourceSansPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro Bold';
    src: url('../fonts/SourceSansPro-Bold.eot');
    src: url('../fonts/SourceSansPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SourceSansPro-Bold.woff2') format('woff2'),
        url('../fonts/SourceSansPro-Bold.woff') format('woff'),
        url('../fonts/SourceSansPro-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.text-rot{
  color: var(--akzentfarbe);
}
.sourceSansProBold{
  font-family: 'Source Sans Pro Bold';
}
body{
  font-family:'Source Sans Pro', sans-serif;
  color: var(--textfarbe);
}
a, a:hover, a:focus{
  color:var(--textfarbe);
}

.navbar-static-top {
  margin-bottom: 19px;
}
.container.fixed-top{
  top:0;background-color:#fff;
}
#content_breit{
  margin-top: 220px;
}
.navbar-brand{
  padding-bottom: 1.5rem;
  height: auto;
  display: inline-block;
}
.slick-slide img{
  width: auto;
}

/*------------------Suche-----------------------*/


.suche{
  display: inline-flex;
  width: 250px;
  color:#fff;
  background-color: var(--akzentfarbe);
  /**/
}
.suche input.form-control{
  padding:0;
  margin-left:5px;
  border: 1px solid var(--akzentfarbe);
  border-radius: 0;
  width: 160px;
}
.suche input.form-control:after{
  content:url(../../Media/gif/lupe.png);
}
.suche label {
    display: flex;
    margin-bottom: 0;
    padding: 0 5px;
}
.suche button{
  background-color:var(--akzentfarbe);
  background-image:url(../../Media/gif/lupe.png);
  background-repeat: no-repeat;
  background-position:0.5em 0.4em;
  width: 40px;
  border: none;
}
.flex-items.search{
  margin-bottom: 18px;
}
span.tx-indexedsearch-icon img{
  width: auto;
}
.tx-indexedsearch-res h3{
  text-transform: none;
    font-size: 1.5rem;
}
/*-----------------------------------Netzwerk----------------------*/



/*--------------------------Mitgliederbereich-----------------*/
.mitglieder{
  display:flex;
  align-items: center;
  margin-top: 5px;
}
.mitglieder ul li:first-child::after {
    content: '|';
    padding-left: 8px;
    color: var(--akzentfarbe);
}
.mitglieder ul{
  list-style: none;
  display: flex;
  margin: 0 auto;
  padding:0;
  font-size: 0.9rem;
/*  text-align: center;
  align-items: center;*/
}
.mitglieder ul li:last-child{
  margin-left: 9px;
}
#mitglied_werden form#mitgliedwerden-944{
  margin-left: 50px;
  margin-bottom: 100px;
  width: 70%;
}

.navbar-expand-lg .navbar-nav .nav-link.dropdown-toggle{
  color:var(--akzentfarbe);
}
/*----------------------Navigation------------------------*/


.nav-link:after{
  content:'|';
  padding-left:8px;
  color: var(--akzentfarbe);
  
}
.nav-item.last .nav-link:after{
  content:'';
}
.navbar-expand-lg .navbar-nav .nav-link {
  padding-left:0;
}
.navbar-expand-lg .navbar-nav .nav-item.active .nav-link {
  color: rgba(0,0,0,0.9);
}
 nav.fixed-top{
  top:150px;
  background-color:#fff !important;
}
nav.fixed-top.sticky{
  top: 115px;
  box-shadow: 0 5px 5px -7px #333;
  
}


 .navbar-brand img{
  width: 100%;
}
.sticky .navbar-brand img{
  width: 70%;
}

.flex-container.top-nav{
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-end;
  align-content: stretch;
}
.flex-items{
  flex:0 1 auto;
}
.flex-items:nth-child(1) {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  /*align-self: auto;
  order: 0;*/
}

.flex-items:nth-child(2) {
   flex-grow: 0;
  flex-shrink:1;
  flex-basis: auto;
 /* align-self: auto;
  order: 0;*/
}
/*--------------------Slider Headerbild----------------------*/
.slider_top .flexslider{
  margin:0;
  border:0;
}


/*------------newsslider flexslider------------------------------*/

.news #swiper-436 .card {
    background-color: transparent;
    border: none;
}
.news .swiper .card-body{
 
  background: var(--akzentfarbe) !important;
  margin:0;
  border:0;
  border-radius:0
}
.news .swiper .card-body h4{
  color:#fff;
  padding: 0;
  font-family: 'Source Sans Pro Bold';
  font-size: 1.1rem;
  padding-bottom: 0.2rem;
}
.news .swiper hr{
  margin-top:0;
  margin-bottom: 0.2rem;
  border-top: 1px solid #fff;
  margin-left: 15px;
  margin-right: 15px;
}
.news .swiper .news-teaser{
  font-size: 1.1rem;
  color:#fff;
}
.news .swiper-slide .card img {
  display: none !important;
}
.news .swiper-slide .card figure{
  margin:0;
}
.news .flex-caption{
   background: var(--akzentfarbe); 
  height: 218px;
}
.news .flex-caption .caption-title{
  font-size: 20px;
line-height: 21px;
}

.news .flex-caption .caption-title a{
  color:#fff;
}
.news ol.flex-control-nav {
  bottom: 20px;
  z-index:200;
  text-align: right;
  padding-right: 5px;  
}
.news .flex-control-paging li a.flex-active{
  background: var(--bghellgrau);
}
.news .flex-control-paging li a{
  background: #fff;
}
.news .flex-control-paging li a{
  color:transparent;
}
.news .nivo-caption h4{
  font-size: 1.2rem;
}
.news .theme-light.slider-wrapper {
    background: var(--akzentfarbe);
    padding: 5px;
}
#home .news-img-wrap{display: none;}

.col-lg-4.image{
  padding:0;
}
#home .col-lg-4.news{
  background-color:var(--akzentfarbe);
  padding: 15px !important;
}
.col-lg-4.news h3{
  color:#fff;
}
.col-lg-4.video{
  padding: 15px;
}
.col-lg-4.video h4{
  font-family: 'Source Sans Pro Bold';
}
#home span.news-list-date{
  display: none;
}
.#home .col-md-12.image.col-lg-4{
  background-color:#fff;
}

/*--------psoriasis zentriert----------------*/
#home .col-md-6{
  padding:0;
  position: relative;
}
.col-md-6.psoriasistheme{
  /*display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: stretch;*/
  text-align: center;
  background-color: var(--akzentfarbe);
  color:#fff;
  height:270px;
  z-index:2;
  position:relative;
}
.col-md-6.psoriasistheme:before{
      content: '';
    position: absolute;
    left: -10px;
    width: 0;
    height: 0;
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
    border-right: 10px solid var(--akzentfarbe);
    clear: both;
    z-index: 200;
    top: 14%;
    opacity: 1;

}

.col-md-6.psoriasistheme:after{
     content: '';
    position: absolute;
    left: 100%;
    width: 0;
    height: 0;
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
    border-left: 10px solid var(--akzentfarbe);
    clear: both;
    z-index: 200;
    top: 86%;
    opacity: 1;

}

.col-md-6.psoriasistheme.zoom{
  transition: transform all 1s ease; /* Animation */
}
.zoom:hover {
  transform: scale(1.1); 
  box-shadow: 0 7px 10px 0 rgb(0 0 0 / 17%);
}

/*animation slide in up- Quelle:https://codepen.io/jabelmunoz/pen/QpMrbL/*/

   .slide-wrapper {    
    position: relative;
}


.slide-wrapper::before {
    display: block;
    mix-blend-mode: multiply;
    position: absolute;
    z-index: 2;
}

.slide-wrapper::after {
    /*background-color: rgba(0, 0, 0, 0.5);*/
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
   /* transition: all 1s ease 0s;*/
    width: 100%;
}
.psoriasistheme.slide-wrapper:hover{
  z-index:40;
}

.slide-wrapper .slide-text { 
  
    top:90px;
    box-sizing: border-box;    
    position: absolute;
    transition: all 1s ease 0s;
    width: 100%;
    z-index: 2;
    text-align: center;
}


/*.slide-wrapper .slide-text {
width: 100%;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
  transition: all 1s ease 0s;
}*/


.slide-wrapper .slide-text .links {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 1s ease 0s;
}


.slide-wrapper .slide-text p:last-child {
    margin-bottom: 0;
}
.slide-wrapper .slide-text a {
    color: #fff;
  
}
.slide-wrapper .slide-text a:hover {
  text-decoration: none;
}

.bg-white .slide-wrapper .slide-text a {
  color:var(--textfarbe);
}

.slide-wrapper:hover::after {
    opacity: 1;
}
.slide-wrapper:hover .slide-text{
 top: 50px;
 
}
.slide-wrapper:hover .links {
    max-height: 300px;
    opacity: 1;
}
/*--------------------Ende Animation----------------------*/



.col-md-6.psoriasistheme .title{
  	display: block;
  	width: 100%;
	
	
}
.col-md-6.psoriasistheme .title:hover{
  	position: relative;
	transform: none;
	top: auto;
	left: auto;
}

.col-md-6.psoriasistheme h2{
  font-size: 2.8rem;  
  font-family: 'Source Sans Pro Bold';  
  margin-bottom:0;
}

.col-md-6.psoriasistheme h3{
  border-top: 1px solid #fff;   
    border-bottom: 1px solid #fff;
    display: inline-table;
   font-size: 1.0rem;
  letter-spacing: 1px;
}
.col-md-6.psoriasistheme .links p{
  margin-bottom:0;
}
.col-md-6.psoriasistheme .links p:first-child{
  margin-top:0.5rem;
}

.psoriasistheme.col-md-3.rechts{
  background-image:url(../../Media/Bilder_Startseite/Histologie-Psoriasis-_HE-Faerbung_-2.jpg);
}
.psoriasistheme.col-md-3.links{
  background-image:url(../../Media/Bilder_Startseite/Histologie-Psoriasis-_HE-Faerbung_1.jpg);
}

/*---------------------------Urtikaria Neurodermitis------------------------------------*/
.urtikaria .col-md-6,.urtikaria.col-md-6, .neurodermitis .col-md-6, .neurodermitis.col-md-6, .ueber_uns.col-md-6, .ueber_uns .col-md-6 {
  padding:0;
}

.urtikaria.col-md-6{
   height:auto;
  z-index:2;
  position:relative;
}

.urtikaria.col-md-6.left{
  z-index:20;
}
.urtikaria.col-md-6.bg-white{
  z-index:10;
  
}
.urtikaria.col-md-6 .slide-wrapper{
  background-color:var(--akzentfarbe);
  color:#fff;
  text-align: center;
}
.urtikaria.col-md-6.bg-white .slide-wrapper{
  background-color: #fff;
  color: var(--textfarbe);
}
.urtikaria.col-md-6.bg-white .slide-wrapper .slide-text{
  top: 110px;
}
.urtikaria.col-md-6.bg-white .slide-wrapper .slide-text a{
  color: var(--textfarbe);
  text-decoration: none;
}
.urtikaria.col-md-6.bg-white .slide-wrapper .slide-text:hover{
  top: 90px;
}

.urtikaria .slide-wrapper .slide-text{
  text-align:center;
}
.urtikaria.col-md-6 h2, .urtikaria.col-md-6 h3{
  text-transform: uppercase;
}
.col-md-6.urtikaria h2{
  font-size: 2.2rem;  
  font-family: 'Source Sans Pro Bold';  
  margin-bottom:0;
}
.bg-white .col-md-6.urtikaria h2, .bg-white .col-md-6.urtikaria .links p{
  color:rgba(0,0,0,0.5);
}

.col-md-6.urtikaria h3{
  border-top: 1px solid #fff;   
    border-bottom: 1px solid #fff;
    display: inline-table;
   font-size: 1.0rem;
  letter-spacing: 1px;
}
.col-md-6.urtikaria .links p,.col-md-6.neurodermitis .links p, .col-md-6.ueber_uns .links p {
  margin-bottom: 0;
}
.col-md-6.urtikaria .links p:first-child, .col-md-6.neurodermitis .links p:first-child, .col-md-6.ueber_uns .links p:first-child{
  margin-top:0.5rem;
}

.urtikaria.col-md-6.bg-white:hover {
    z-index: 30;
}

/*---------------------Neurodermitis------------------*/
.neurodermitis.col-md-6 .col-md-6.slide-wrapper .title{
    text-align:center;
}
.neurodermitis.col-md-6.left.zoom:hover, .neurodermitis.col-md-6.right.zoom:hover{
  z-index: 45;
}
.neurodermitis.col-md-6.right .slide-wrapper .slide-text{
  top: 100px;
}

.col-md-6.neurodermitis h2, .col-md-6.ueber_uns h2, .col-md-3 .infothek h2, .col-md-3.aktuelles h2, .col-md-6.termine h2  {
  font-size: 2.0rem;  
  font-family: 'Source Sans Pro Bold';  
  margin-bottom:0;
   text-transform: uppercase;
}

.col-md-6.neurodermitis h3, .col-md-6.ueber_uns h3{
  border-top: 1px solid #fff;   
    border-bottom: 1px solid #fff;
    display: inline-table;
  font-size: 1.0rem;
  letter-spacing: 1px;
}
.col-md-6.neurodermitis .col-md-6.slide-wrapper{
      background-color: var(--akzentfarbe);
    color: #fff;
}

.col-md-6.neurodermitis .col-md-6.bg_grau.slide-wrapper{
      background-color: #666;
    color: #fff;
}
.col-md-6.neurodermitis .col-md-6.bg_grau.slide-wrapper:before{
   content: '';
    position: absolute;
    left: -10px;
    width: 0;
    height: 0;
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
    border-right: 10px solid #666;
    clear: both;
    z-index: 200;
    top: 86%;
    opacity: 1;
}

/*---------------infothek----------------------*/
.information.slide-wrapper {
  height:540px;
}
.information.slide-wrapper .slide-text, .aktuelles.slide-wrapper .slide-text {
 top: 240px;
}

.information.slide-wrapper:hover .slide-text{
  top: 90px;
}

.col-md-3.information{
  background-color:var(--akzentfarbe);
  color:#fff;
  padding-left:0;
}
.infothek.slide-text{
  padding:0 15px;
  text-align: left;
  
}

.infothek hr{
  margin-top: 0.6rem;
  margin-bottom: 0.5rem;
  border-top: 1px solid #fff;
}

.infothek.slide-text .links{
  
}


/*---------------------------------Ueber uns----------------------*/
.bg-hellgrau{
  background-color:#b1b2b3;
  color:#fff;
}
.ueber_uns.col-md-6.bg-white.zoom:hover {
  z-index:202;
}
.ueber_uns.col-md-6.bg-hellgrau.zoom:hover{
  z-index:202;
}
.ueber_uns.col-md-6.bg-white.zoom:hover{
  z-index: 45;
}
.bg-white.col-md-6 .col-md-6:after{  
    content: '';
    position: absolute;
    left:100%;
    width: 0;
    height: 0;
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
    border-left: 10px solid #fff;
    clear: both;
    z-index: 200;
    top:86%;
    opacity: 1;
}
.bg-white.col-md-6 .col-md-6.image:after{
  border:none;
}
.ueber_uns.col-md-6.bg-hellgrau .slide-text, .ueber_uns.col-md-6.bg-white .slide-text, .neurodermitis.col-md-6 .bg_grau .slide-text {
  top:110px;
}
 .neurodermitis.col-md-6 .bg_grau .slide-text:hover, .ueber_uns.col-md-6.bg-hellgrau .slide-text:hover {
   top:80px;
}
.neurodermitis.col-md-6.right .slide-wrapper .slide-text:hover, .ueber_uns.col-md-6.bg-white .slide-text:hover{
  top: 70px;
}

/*----------------------Aktuelles - News Startseite---------------------*/
.col-md-3.aktuelles{
  padding: 0;
}
.col-md-3.aktuelles .slide-text{
  padding:0 15px;
  
}
.aktuelles.slide-wrapper:hover .slide-text {
  top: 30px;
}
.aktuelles.slide-wrapper:hover .slide-text a{
  color:var(--textfarbe);
}
.aktuelles.slide-wrapper:hover .links{
  max-height: 500px;
}
 .news .article .news-img-wrap img {  
  display: none;
}
.aktuelles hr{
  border-top: 1px solid #999;
}
.aktuelles .links{
  text-align:left;
  
}
.aktuelles .extra{
  float:left;
}
.aktuelles .extra time{
  color: var(--textfarbe);
}
.aktuelles .news h3{
     display: inline;
    font-size: 1rem;

}
.aktuelles .news h3 a{
  color:var(--textfarbe);
  font-weight:bold;
}
#home .container{
  padding:0;
}
#home  .aktuelles .news .lead{
    font-size:1rem;
  }
.aktuelles .btn-read-more{
  display: none;
}
#home .author{
  display: none;
}
#home .news-list-item{
  border:none;
  padding-bottom: 0;
  padding-top: 0;
}
#home .news-list-view .col-md-3{width:0; display: none;}
#home .news-list-view .col-md-9{width:100%;}

/*------------------------Termine-Veranstaltungen-----------------*/
.col-md-6.termine{
    height: 262px;
    background-color: var(--akzentfarbe);
    color: #fff;
    padding: 0;

}
.extra time{
  color:#fff;
}

.col-md-6.termine:after{
  content: '';
    position: absolute;
    left: 46%;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid var(--akzentfarbe);
    clear: both;
    z-index: 200;
    top: 100%;
    opacity:1
}

.col-md-6.termine.slide-wrapper .slide-text {
  padding:0 15px;
  top: 70px;
}
.col-md-6.termine.slide-wrapper:hover .slide-text {
   top: 40px;
}

.col-md-6.termin1{
  background-color:#999;
}

.col-md-6.termin1:before{
  content: '';
    position: absolute;
    left: 0;
    width: 0;
    height: 0;
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
    border-left: 10px solid var(--akzentfarbe);
    clear: both;
    z-index: 200;
    top: 45%;
    opacity:1
}
.col-md-6.termin1:after{
  content: '';
   position: absolute;
    left: 46%;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #999;
    clear: both;
    z-index: 200;
    top: 100%;
    opacity:1
}


  

.col-md-6.termin1 .extra, .col-md-6.termin2 .extra{
  font-size: 0.9rem;
  width: 100%;
  color: #fff;
  text-decoration: underline;
}
.col-md-6.termin1 .news-list-item, .col-md-6.termin2 .news-list-item{
    margin-top: 90px;
    padding: 0 15px;
}
.col-md-6.termin1 h3 a, .col-md-6.termin2 h3 a{
   color: #fff;
	font-size: 1.1rem;
	text-decoration: underline;
}

.col-md-6.termin2{
  background-color:rgba(0,0,0,.3);
}

/*-----------------------Slider Partner----------------*/
.col-md-12{
  background-color:rgba(0,0,0,0.1);
  margin: 20px 0 0;
}
.col-lg-4.col-md-12.image{
  margin:0;
}
#home .col-lg-4.col-md-12.image{
  background-color:#fff;
}
.partnerslider h3{
  margin-top: 10px;
text-decoration: underline;
text-transform: uppercase;
font-family: 'Source Sans Pro Bold';
  color: rgba(0,0,0,0.4);
}
.owl-carousel .owl-item img {    
    width: auto;
}

/*--------------------Startseite flexrow flexcol------------------*/
.flexrow {
  display: flex;
  flex-direction: row;
}
.flexcol {
  display: flex;
  flex-direction: column;
}
.item {
  flex: 1;
    
}


/*-----------------Facharztsuche-----------------------------*/
#flashMessages ul.typo3-messages{
  list-style: none;
  padding:0;
}
li.alert-info{
  background-color: var(--bghellgrau);	
  border: none;
  color: #fff;
}
li.alert-info h4{
  display: none;
}
li.alert-info p.alert-message{
  font-size:0;
  color:#fff;
}
li.alert-info p.alert-message:before{
  content:'Leider wurden zu Ihrer Suchanfrage keine Ergebnisse gefunden.  Bitte versuchen Sie es noch einmal mit anderen Suchkriterien!';
  font-size: 1.1rem;
}
/*------------------------Ende Messages--------------*/


.col-lg-3.facharztsuche{
  padding-right:0;
  padding-left:0;
}
.col-lg-3 .tx-myttaddressmap{
  position: relative;
  
  z-index:1000;
}


.intro{
  background-color: var(--akzentfarbe);
  padding: 20px 15px;
}
#home .intro{
  padding: 10px 15px;
}


.suchfeld:before{
  content: '';
   position: relative;
  display: block;
  left: 6px;
  top: -6px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid var(--akzentfarbe);
  clear: both;
}
.intro h2{ 
   text-transform: uppercase;   
   color: #fff;
  font-family: 'Source Sans Pro Bold';
  font-size: 2.0rem;
  margin-bottom:0;
}

.suchfeld{
  background-color: #999;
  padding: 5px 5px 1px 15px;
  color: #fff;
}
.suchfeld h3{
  text-transform: uppercase;
  font-size:1rem;
  font-weight: bold;
  letter-spacing: 1px;
}
.suchfeld p{
  font-size: 1rem;
  margin-bottom:0.5rem;
  line-height:1.2;
}
td{
  background-color:#fff;
}
input{
  border: none;
}
input[type="checkbox"], input[type="radio"] {    
    transform: scale(1.5);
}

td.city, td.zip{
  display: none;
}

/*input.zip{
  width:80px;
}*/
input.city, input.zip{
  /*width:165px;*/
  width: 100%;
}
input::placeholder {
  font-size:12px;
}
input::-moz-input-placeholder, input:-moz-input-placeholder {
  font-size:12px;
} 
  input:required:focus {
  border: 2px solid red;
  outline: none;
}
input:-ms-input-input-placeholder {
  font-size:12px;
}
#searchform table {
  margin-left: -10px;
  border-spacing: 8px 12px;
  border-collapse: separate;
}

td.radius{
    background-color: #fff;
    color: var(--textfarbe);
    font-size: 12px;
    padding: 5px;
    width: 200px;
}
td.krankheitsbild{
  background-color: rgba(0,0,0,0);
  color:#fff;
  text-align: center;
}
td.krankheitsbild h4, .accordion.facharztsuche h4.therapien {
  font-size:14px;
  text-transform: uppercase;
  text-decoration: underline;
  margin-bottom:5px;
  margin-top:5px;
  text-align: center;
  font-weight: bold;
 letter-spacing: 1px;
  color:#fff;
}
select#radiusSelector{
  float: right;
  border: none;
}
td.accordion{
  background-color:transparent;
}
.accordion-item{
  padding: 0 0 10px 0;
  border: none;
  background-color:transparent;
}
.accordion .accordion-header{
  padding:0;
  border: none;
}
.accordion.facharztsuche .accordion-button{
  padding:0;
}
.accordion.facharztsuche .accordion-header{
 border-radius: 25px 0 0 25px;
  background-color: var(--akzentfarbe);
  height: 35px;
  padding-top: 3px;
  text-transform: uppercase;
  color: #fff;
  padding-left: 4px;
}
.accordion.facharztsuche .accordion-button::before {
  content: "";
}
.accordion.facharztsuche .accordion-header label {
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;}

.form-check-input {
  width: 0.5em;
  height: 0.5em;}
.accordion li.mb-2 .form-check-input {
  width: 0.75em;
  height: 0.75em;
}
.accordion ul{
  padding-left:0;
  list-style: none;
  margin-bottom: 0.5rem;
}
.accordion button.btn.btn-link {
  width: 90%;
  color:#fff;
  text-transform: uppercase;
  font-family:'Source Sans Pro Bold';
  font-size: 1.2rem;
 
  padding-top: 0;
  padding-left: 3px;
  padding-bottom: 0;
  line-height: 1.2;
}
.accordion button.btn.btn-link label{
  margin-bottom:0;
  margin-top:0;
}

.accordion .card-header{
  border-radius: 25px 0 0 25px;
  background-color: var(--akzentfarbe);
  padding:0;  
  height: 35px;
  padding-top: 3px;
}
.accordion h5{
  display: none;
}
.dermo .accordion ul li{
  list-style-image: none;
  font-size: 1.25rem;
  border-bottom: 1px solid var(--bghellgrau);
  margin-bottom: 2px;
  padding-bottom: 2px;
}
.dermo .accordion ul li a{
  text-decoration: none;
}
.accordion ul li ul li{
  height: auto;
  margin-bottom: 20px;
}
/*----------------------neu------------------*/
.accordion {
  --bs-accordion-active-bg: transparent;
  Border: none;
}

.accordion-item {
  background: transparent;
  box-shadow: none;
  margin-top: 0.5rem !important;
  border: none;
  padding-left:0;
  color: #454C59;
}
.accordion-header button {
  position: relative;
  background-color: transparent;
  padding-left: 1.5rem;
  font-size: 1.4rem;
  border-bottom: none;
}
.accordion-item h4{
  font-size: 1.4em;
  text-transform: none;  
  margin-top:0;
}

.accordion-button:not(.collapsed) {
  background-color: transparent;
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
.accordion-button:focus {
  outline: 0;
  box-shadow: none;
}
/*.accordion-button:focus:not(:focus-visible) {
  box-shadow: none;
  outline: 0;
}*/
.accordion-style .btn-link {
  background: #fff !important;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  border: none;
  display: block;
  width: 100%;
  text-align: left;
  white-space: normal;
  border: none;
  padding: 10px 30px 5px 15px;
  text-decoration: none; }

  .accordion-style .btn-link:hover {
    background: #f5f5f5 !important;  
    text-decoration: none; 
}
 
.accordion.style .btn:focus, .accordion.style .btn.focus {
  outline: 0;
  box-shadow: 0 0 0 2px var(--akzentfarbe);
}
.accordion-style .card-body {
  padding: 20px;
  text-align: left; }

.accordion-item .col-md-12{
  background-color: transparent;
}
.accordion-item .col-lg-3, .accordion-item .col-lg-7, .accordion-item .col-lg-2{
  display: flex;
  align-items: center;
}

.accordion-button{
  position: relative; /* wichtig, damit absolute Positionierung vom ::before passt */
  
}
.dermo .accordion-button{
padding-bottom: 0;
    }
.accordion-button::before {
  content: "\f0da"; /* fa-caret-right */
  position: absolute;
  left: 0;
  top: 9px;
  font-size: 35px;
  color: var(--akzentfarbe);
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 900; /* SOLID! */
  background: none;
   transition: transform .2s ease;
  transform: rotate(0deg);
}

.accordion-button:not(.collapsed)::before{
  transform: rotate(90deg);
}
.accordion-button::after, .accordion-button:not(.collapsed)::after {
  background-image:none;
}

/*--------------------Unterkategorien - Therapien---------------------------*/
#accordion .card .card-body{
  padding: 1.25rem 0.2rem;
}

#accordion .card .card {
  padding:0;
}
#accordion .card .card .card-header{
  border-radius: 0;
  background-color: transparent;
  padding:0;
}

#accordion .card .card .card-body{
  padding-left: 5px;
}

#accordion .card .card button.btn.btn-link {
  text-align:left;
  text-transform: none; 
  vertical-align:top;
  padding-top:0;
  font-size: 16px;
  position: relative;
}
#accordion .card .card .card-body{
  padding-left: 5px;
}
#accordion .card .card  label{
  max-width: 200px;
  white-space: normal;
}
.tx-myttaddressmap table .accordion.facharztsuche ul li{
  list-style: none;
  color:#fff;
}
#searchform #search{
  margin: 0 auto;
  width: 100%;
  text-align: center;
  margin-left: -5px;
}
input[type="radio"]{
  margin-left: 2px;
  margin-top: 7px;
  margin-right: 7px;
}
input[type=checkbox]:checked:hover{
  background-color: var(--akzentfarbe);
}
input[type=checkbox]:hover{
  background-color: var(--akzentfarbe);
}

input[type="submit"]{
  background-color: var(--akzentfarbe);
  color:#fff;
  padding: 8px;
  font-family: 'Source Sans Pro Bold';
  text-align: center;
}

.tx-myttaddressmap p.form-footer{
  font-size: 12px;
  padding-top: 26px;
  margin-bottom:37px;
}
/*-----------------------------Suchergebnis---------------------------*/

h1.suchergebnis{
  color: var(--textfarbe);
text-transform: uppercase;
font-size: 1.5rem;
font-weight: bold;
margin-top: 30px;
  
}
.einleitung{
  padding-right:20px;
}

/*h1.suchergebnis:before{
  content: '';
    position: relative;
    display: block;
    left: 6px;
    top: -30px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid var(--akzentfarbe);
    clear: both;
}*/

.col-lg-9 .tx-myttaddressmap{
  margin-left: 20px;
  margin-top: 6px;
  margin-right: 20px;
  position: relative;
}
.col-lg-9 .tx-myttaddressmap .searchResultContainer{
  width: 100%;
  margin-top: 29px;
}

.searchResultTile .col-md-3{
  display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: stretch;
}
.col-md-3 .locationImage img{
  width: auto;
  max-width: 140px;
  max-height: 140px;
}
.row.tabellenheader{
  background-color: var(--textfarbe);
  color: #fff;
}

.tx-myttaddressmap .searchResultTile:nth-child(2n){
  background-color:#fff;
  height: 160px;
}

.tx-myttaddressmap .searchResultTile{
  float:none;
  border:none;
  border-bottom: 1px solid var(--textfarbe);
  min-height: 112px;
  width: 100%;
  padding: 10px 0;
}
.searchResultTile .col-md-2.more_info{
   display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: stretch;
}

.btn-danger{
  background-color: var(--akzentfarbe);
  border-color: var(--akzentfarbe);
}

.locationName a{
  color: var(--textfarbe);
}
/*------------------------------------Einzelansicht----------------------------------*/

p.rootline{
  width: 100%;
  display: inline-block;
  margin-bottom:0;
}

.drucken{
  float: right;
 margin-right: 58px;
  padding: 10px;
}
.drucken input{
    background-color: var(--akzentfarbe);
    color: #fff;
    height: 30px;

}
.location-image{
  margin-top: 30px;
  margin-bottom: 10px;
}

.tx-myttaddressmap img {
  max-width: 150px;
}
.detail .tx-myttaddressmap img {
  max-width: 250px;
}

.tx-myttaddressmap .infoWindow img {
  max-width: 50px;
}



.tx-myttaddressmap h3{
  font-size: 1.2rem;
}
table.tx-myttaddressmap.detail{
  margin-left:0;
  margin-top:0;
} 
.tx-myttaddressmap .col-md-6{
  
}
.tx-myttaddressmap table{
  width: 100%;
}
.tx-myttaddressmap table td{
  width: 50%;
}
.tx-myttaddressmap a{
  color:var(--textfarbe);
  font-weight:bold;
}
.tx-myttaddressmap table ul{
  padding-left: 15px;
  margin-left:0;
}
.tx-myttaddressmap table ul li{
  list-style-image:url(../../Media/gif/listenpunkt_rot.png);
}


/*----------------------------Unterseiten----------------------------*/
#content, #contentRight{
  margin-top: 215px;
}


.col-lg-9, .col-lg-3{
  padding:0;
}

.col-lg-9 figure{
  position: relative;
}
/*.col-md-9 figure:after{
    position: absolute;
    bottom: 0;
    color: #fff;
    background-color: var(--akzentfarbe);
    display: block;
    width: 100%;
    font-size: 36px;
    font-weight: bold;
    padding: 5px 0 5px 10px;
    line-height: 1;
}*/
.header figcaption, #facharztsuche figcaption, #krankheitsbild .header figcaption, #studien .header figcaption{
     position: absolute;
    bottom: 0;
    color: #fff;
    background-color: var(--akzentfarbe);
    display: block;
    width: 100%;
    font-size: 36px;    
    padding: 5px 0 5px 10px;
    line-height: 1;
   text-transform: uppercase;
  font-family: 'Source Sans Pro Bold';
  font-style: normal;
  margin-bottom:0;
}
.headerbild figure, #facharztsuche figure{
  height: 250px;
}

.col-lg-9 div.rootline:before{
   content:'';
   position: relative;
    left: -7px;
    top:-17px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid var(--akzentfarbe);
    clear: both;
}
.headerbild figcaption:after{
  position: absolute;
    bottom: 0;
    color: #fff;
    background-color: var(--akzentfarbe);
    display: block;
    width: 100%;
    font-size: 36px;
    font-weight: bold;
    padding: 5px 0 5px 10px;
    line-height: 1;

}

.col-lg-9 .tx-myttaddressmap div.rootline:before{
   left: -10px;
}

#faq .col-lg-9 h2, #aktuelles .col-lg-9 h2, #links .col-lg-9 h2, #downloads .col-lg-9 h2,  #studien .col-lg-9 h2, #mitglied .col-lg-9 h2, #mitglied_werden .col-lg-9 h2, #kontakt .col-lg-9 h2, #suche h2, #netzwerk .col-lg-9 h2, #newsletter .col-lg-9 h2 {
  background-color:var(--bghellgrau);
  color:#fff;
  font-size: 2rem;
  font-family: 'Source Sans Pro Bold';
  padding: 15px;
}
#faq .col-lg-9 h2:after, #aktuelles .col-lg-9 h2:after, #suche .col-lg-9 h2:after, #links .col-lg-9 h2:after, #downloads .col-lg-9 h2:after, #studien .col-lg-9  h2:after, #mitglied .col-lg-9 h2:after,#mitglied_werden .col-lg-9 h2:after, #kontakt .col-lg-9 h2:after, #netzwerk .col-lg-9 h2:after, #newsletter .col-lg-9 h2:after{
  content:'';
   position: absolute;
    left: 2%;
    margin-top: 53px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid var(--bghellgrau);
    clear: both;
}





#faq .rootline:before, #aktuelles .rootline:before, #links .rootline:before, #downloads .rootline:before, #mitglied .rootline:before, #kontakt .rootline:before, #studien .rootline:before,#netzwerk .rootline:before, #newsletter .rootline:before  {
  border:none;
}


div.rootline{
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.rootline p{
  font-size: 0.9rem;
  color: var(--bghellgrau);
}
/*.rootline:before{
  content:'';
   position: absolute;
    left: 5%;
    top: -20px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid var(--akzentfarbe);
    clear: both;
}*/

.col-md-12.partnerslider, #links .col-md-12.partnerslider, #downloads .col-md-12.partnerslider, #studien .col-md-12.partnerslider {
  background-color:rgba(0,0,0,0.1);
  padding: 20px;
}

/*----------------------youtube videos--------------------------*/
.resp-container {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
}
.resp-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/*----------------------Seite Studien------------------------------*/
#c160, #c234 {
  display: block;
  width: 100%;
}
#studien .tx-ttaddress{
  display: block;
}
#studien .col-md-12{
  padding:0;
}
span[itemprop="addressCountry"] {
   display: none;
}
p.Name{
  margin-bottom:0;
}
#studien #contentBottom h3{
  margin-top: 10px;
  padding-top:0;
}

/* Default icon URLs */
.leaflet-default-icon-path {
	background-image: url(fileadmin/Media/gif/marker_studienzentrum_30x39.png);
	}

/*------------Studien Einzelansicht------------------------------------*/
#studien .description ul{
  padding-left: 18px;
}
#studien table {
  width: 100%;
}
#studien table td{
  vertical-align: top;
}
#studien table ul li{
  list-style-image:url(../../Media/gif/listenpunkt_rot.png);
}
#studien table #accordion ul li{
  list-style-image:none;
}

#studien .description {
  border-top: 1px solid var(--bghellgrau);
  padding-top: 1rem;
}

#studien .description p:first-child{
  text-transform: uppercase;
  font-size: 1.2rem;
}
#studien .description table p:first-child{
  text-transform: none;
  font-size: 1.0rem;
}
#studien .tt_address_list .col-md-6 {
  float: left;
  padding-bottom: 1rem;
}
#studien  h3{
  padding-top: 2rem;
}
#studien .tt_address_list .col-md-6 .btn-link{
  color: var(--akzentfarbe);
  padding:0;
}
#studien .tt_address_list .col-md-6 address{
  margin-bottom:0.2rem
}
#studien ul.f3-widget-paginator{
  display: inline-block;
    
}
#studien ul.f3-widget-paginator li{
  float: left;
  padding:8px 16px;
  color:var(--textfarbe);
  text-decoration:none;
  list-style:none;
}
#studien ul.f3-widget-paginator li.current{
  background-color:var(--akzentfarbe);
  color:#fff;
}
  #studien ul.f3-widget-paginator li.next a{
    color:var(--textfarbe);
    transition: background-color .3s;
}
#studien ul.f3-widget-paginator li a:hover{
  color:var(--akzentfarbe);
  background-color:#fff;
}

#studien .col-lg-9 .tt_address_detail .col-lg-3 figure {
  margin-right: 1rem;
}


/*-----------------------Seite Kontakt----------------------------*/
label span.required{
  display:none;
}
input::placeholder {
    font-size: 1rem;
}
.form-control:focus{
  border-color: var(--akzentfarbe);
  box-shadow: none;
}
form .btn-primary{   
    padding: 10px 20px;
    background-color: var(--akzentfarbe);
    box-shadow: 2px 5px 5px rgba(0,0,0,0.5);
  border: none;
  border-radius:0;
}
form .btn-primary:hover{  
    background-color: var(--akzentfarbe);
    box-shadow: none;
  border: none;
}
#kontakt div.form-check span{
  padding-left: 1.0rem;
}

/*---------------------------Floating label------------------------------*/
/*@-webkit-keyframes out {
  0% {
    opacity: 1;
  }
  30% {
    opacity: 0;
    font-size: 2rem;
    color: #a4a4a4;
    font-weight: normal;
    left: 0.8rem;
  }
  31% {
    color: #396dfc;
    font-size: 1rem;
    font-weight: bold;
  }
  100% {
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    opacity: 1;
    color: #396dfc;
    font-size: 1rem;
    font-weight: bold;
  }
}
@-moz-keyframes out {
  0% {
    opacity: 1;
  }
  30% {
    opacity: 0;
    font-size: 2rem;
    color: #a4a4a4;
    font-weight: normal;
    left: 0.8rem;
  }
  31% {
    color: #396dfc;
    font-size: 1rem;
    font-weight: bold;
  }
  100% {
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    opacity: 1;
    color: #396dfc;
    font-size: 1rem;
    font-weight: bold;
  }
}
@-ms-keyframes out {
  0% {
    opacity: 1;
  }
  30% {
    opacity: 0;
    font-size: 2rem;
    color: #a4a4a4;
    font-weight: normal;
    left: 0.8rem;
  }
  31% {
    color: #396dfc;
    font-size: 1rem;
    font-weight: bold;
  }
  100% {
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    opacity: 1;
    color: #396dfc;
    font-size: 1rem;
    font-weight: bold;
  }
}
@keyframes out {
  0% {
    opacity: 1;
  }
  30% {
    opacity: 0;
    font-size: 2rem;
    color: #a4a4a4;
    font-weight: normal;
    left: 0.8rem;
  }
  31% {
    color: #396dfc;
    font-size: 1rem;
    font-weight: bold;
  }
  100% {
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    opacity: 1;
    color: #396dfc;
    font-size: 1rem;
    font-weight: bold;
  }
}
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: "Source Sans Pro";
}

.g2, .g1 {
  display: inline-block;
}

.g2 {
  width: 100%;
}

.g1 {
  width: 49%;
}

form div {
  position: relative;
  padding-top: 1rem;
  margin-bottom: 1rem;
}

label {
  display: block;
  position: absolute;
  top: 1.6rem;
  left: 0.8rem;
  font-size: 2rem;
  color: #a4a4a4;
  pointer-events: none;
}

input, textarea {
  padding: 0.8rem;
  display: block;
  width: 100%;
  color: #323232;
  border: none;
  border-bottom: 1px solid #a4a4a4;
  font-size: 2rem;
}
input.placeholder, textarea.placeholder {
  font-size: 0;
}
input::-moz-placeholder, textarea::-moz-placeholder {
  font-size: 0;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  font-size: 0;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  font-size: 0;
}
input:not(.filled):focus + label, textarea:not(.filled):focus + label {
  -moz-animation: out 0.3s forwards;
  -o-animation: out 0.3s forwards;
  -webkit-animation: out 0.3s forwards;
  animation: out 0.3s forwards;
}
input.filled + label, textarea.filled + label {
  -moz-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
  opacity: 1;
  color: #396dfc;
  font-size: 1rem;
  font-weight: bold;
}
input.filled:not(:focus) + label, textarea.filled:not(:focus) + label {
  color: #646464;
}
*/

/* ===================================
    Project grid
====================================== */
/* filtering */
.filtering {
  margin-bottom: 10px; }
  .filtering span {
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    color: #333333;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-right: 20px;
    display: inline-block;
    margin-bottom: 5px; }
    .filtering span:last-child {
      margin: 0; }
  .filtering .active {
    border-color: #86bc42;
    color: #86bc42; }

/*@media screen and (max-width: 767px) {*/
 
/* project grid */
.project-grid {
  display: block;
  position: relative;
  margin: 5px 0; }

.project-grid-img img {
  display: block;
  width: 100%;
  height: auto; }

.project-grid-overlay {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-align: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -o-flex-align: center;
  align-items: center;
  position: absolute;
  background: rgba(255, 255, 255, 0.95);
  overflow: hidden;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  opacity: 0;
  -moz-transition-duration: .3s;
  -ms-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  -o-transition-duration: .3s;
  transition-duration: .3s; }
  .project-grid-overlay h4 {
    margin-bottom: 0; 
padding-bottom: 0.5rem;
border-bottom: 1px solid #ccc;}
    .project-grid-overlay h4 a {
      text-align: center; }
  .project-grid-overlay p {
    text-align: center; }

.project-grid:hover .project-grid-overlay {
  opacity: 1;
border: 3px solid #ccc;
padding: 10px;}

.project-grid-overlay h4 a {
  font-size: 22px;
  opacity: 0; }
  .project-grid-overlay h4 a:hover {
    color: #86bc42; }
  .project-grid-overlay h4 a:after {
    content: '';
    display: block;
    width: 70px;
    height: 1px;
    background: #86bc42;
    margin: 15px auto; }

.project-grid:hover h4 a {
  opacity: 1;
  line-height: normal; }

.project-grid-overlay p {
  color: #666;
  font-size: 15px;
  margin: 0;
  opacity: 0; }
.project-grid-overlay .width-100{
  margin:0 auto;
}
.project-grid:hover p {
  opacity: 1; }

.project-grid-overlay.theme {
  background: rgba(134, 188, 66, 0.95);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border: 5px solid rgba(0, 0, 0, 0.15); }
  .project-grid-overlay.theme h4 a {
    color: #fff; }
    .project-grid-overlay.theme h4 a:hover {
      color: rgba(255, 255, 255, 0.55); }
    .project-grid-overlay.theme h4 a:after {
      height: 1px;
      background: #fff; }
  .project-grid-overlay.theme p {
    color: #fff; }

 @media screen and (max-width: 767px) { 
   
   .cookieconsent{
     display: none;
   }
  #c91 {
    scroll-margin-top: 0;
}
  #accordion_2 .card-body .col-md-6 ul {
    margin-bottom:0;
  }
   #accordion_2 .card-body ul li:last-child{
    border-bottom: none;
  }
  
  /*---------Facharztsuche--------------*/
  .searchResultTile .col-md-2.more_info, .searchResultTile .col-md-3{
    justify-content: left;
  }
  .col-md-3 .locationImage img{
    max-width: 70px;
    max-height: 70px;
  }
  .tx-myttaddressmap .searchResultTile, .tx-myttaddressmap .searchResultTile:nth-child(2n){
    height: 220px;
  }
   .col-lg-3.facharztsuche #accordion .card .card label{
     max-width: 100%;
   }
   .col-lg-3.facharztsuche #accordion .card .card button.btn.btn-link {
     font-size: 1.2rem;
     font-family: 'Source Sans Pro';
   }
   
   #mitglied .tx-felogin-pi1 label{
     text-align: center;
   }
   #mitglied .tx-felogin-pi1 input {
    margin-top: 0.25rem;
    padding: 2px;
    margin-bottom: 1rem;
}
   #mitglied .tx-felogin-pi1 fieldset{
     padding-top: 1rem;
     text-align: center;
   }
   #mitglied .tx-felogin-pi1 form {
    margin-left: 0;
}
  
}

@media screen and (max-width: 1199px) {
  .project-grid-overlay h4 {
    line-height: 20px; }
    .project-grid-overlay h4 a {
      font-size: 18px; } }
@media screen and (max-width: 767px) {
  .project-grid:hover p {
    top: 52%; } 
}

/*-----------------------------Interner Bereich---------------------------------------*/
#mitglied #c476{
  width: 100%;
}
#mitglied #content .tx-felogin-pi1{
  margin-bottom: 30px;
}
#mitglied #content .tx-felogin-pi1 .col-md-6{
  padding-left:0;
}

#mitglied_werden #content form, #mitglied #content form{
  background-color: rgba(0,0,0,.1);
    padding: 2rem 5rem; 
    margin-top: 1rem;
}
 #mitglied #content form{
   text-align: center;
 }

#mitglied #content label {
    display: inline-block;    
    margin-bottom: 0;
    text-align: left;  
  width: 7em;
}
#mitglied #content input{
  margin-bottom: 1rem;
  
}
#mitglied #content input[type="submit"] {
  margin-top: 1.5rem;
  width: 8rem;
  margin-left: 2rem;
}
#mitglied #content form legend{
  display: none;
}

.nav-link.dropdown-toggle:after{
  content:'';
  padding:0;
  border-left: .4em solid transparent;
  border-top: .4em solid;
  border-right: .4em solid transparent;
}
#mitglied ul.dropdown-menu.show li{
  list-style-image:none;
}
 ul.dropdown-menu.show{
  padding-left: 10px;
  padding-right: 10px;
}
ul.dropdown-menu.show li .nav-link{
  border-bottom: 1px solid var(--akzentfarbe);
}

ul.dropdown-menu.show li .nav-link:after, li.dropdown.nav-item .nav-link.dropdown-toggle:after{
  content:'';
}

#mitglied #searchform form, #mitglied #tx_indexedsearch{
  margin-left: 0;
  
}


/*--------------------FAQ Accordeon  Accordeon Krankheitsbild, accordeon Downloads ---------------------------*/
#accordion_faq.container, #accordion_2.container, #accordion_downloads.container{
  padding-left:0;
}
#accordion_faq .card, #accordion_2 .card, #accordion_downloads .card{
  border: none;
  border-radius:0;
}
#accordion_faq .card-header, #accordion_2 .card-header, #accordion_downloads .card-header{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding:0;
  background-color:#fff;
}
#accordion_2 .card-header, #accordion_faq .card-header, #accordion_downloads .card-header{
  border: none;
}

#accordion_faq .card-header h5, #accordion_2 .card-header h5, #accordion_downloads .card-header h5{
  margin-bottom: 0.5rem;
}

#accordion_faq .card, #accordion_downloads .card{
  border-top: 1px solid rgba(0,0,0,.125);
}
#accordion_faq .btn, #accordion_2 .btn, #accordion_downloads .btn{
  padding-left:0;
  text-align: left;
}
#accordion_faq .card:last-child, #accordion_downloads .card:last-child{
  border-bottom: 1px solid rgba(0,0,0,.125);
}


#accordion_faq .btn-link, #accordion_2 .btn-link, #accordion_downloads .btn-link{
  color:var(--textfarbe); 
  width: 100%;
  display: inline-block;
}
#accordion_faq .btn-link:hover, #accordion_2 .btn-link:hover, #accordion_downloads .btn-link:hover{
  text-decoration: none;
  font-weight: bold;
}
#accordion_2{
  border-bottom: 1px solid var(--bghellgrau);
  padding-bottom: 3rem;
}
#accordion_faq .fa, #accordion_downloads .fa{
  position: absolute;
  right: 5px;
  top: 16px;
  color: var(--akzentfarbe);
}
#accordion_2 .fa {
  position: absolute;
  left: -29px;
  top: 2px;
  color: var(--akzentfarbe);
}

#accordion_faq .card-body. #accordion_downloads .card-body {
  padding-left:0;
}
#accordion_downloads ul li, .accordion-body .col-lg-7.titel ul li{
    list-style-image: url(../../Media/gif/listenpunkt_rot.png);
}

#accordion_2 .card-body {
  padding:0;
}
#krankheitsbild h2{
  color:var(--akzentfarbe);
   font-family: 'Source Sans Pro Bold';
      
    padding-top: 2rem;
    margin-top: 2rem;
}
#krankheitsbild .intro h2{
  color:#fff;
  padding-top:0;
  margin-top:0;
  border-top:none;
}
#krankheitsbild .col-lg-6, #krankheitsbild .col-lg-4{
  padding:0;
}
#krankheitsbild .col-lg-6 figcaption, #krankheitsbild .col-lg-4 figcaption{
  font-style: italic;
  font-size: 0.9rem;
  margin-bottom: 10px;
  background-color: transparent;
  color: var(--textfarbe);
  font-weight: normal;
  position: relative;
  text-transform: none;
  font-weight: ;
  font-family: 'Source Sans Pro';
}
#krankheitsbild h3, #studien h3{
  font-family: 'Source Sans Pro Bold';
  font-size: 1.4rem;
}
#accordion_2 .card-body ul{
      list-style: none;
    padding-left: 0;
    width: 80%;
}
#accordion_2 .card-body ul li{
border-bottom: 1px solid var(--bghellgrau);
margin-bottom: 2px;
padding-bottom: 2px;
}
#accordion_2 .card-body ul li:first-child{
  border-top: 1px solid var(--bghellgrau);
}

#accordion_2 .card-header .btn[aria-expanded=true], #accordion_faq .card-header .btn[aria-expanded=true], #accordion_downloads .card-header .btn[aria-expanded=true]{
font-family: 'Source Sans Pro Bold';
}
.sprung{
  visibility: hidden; 
  height: 0px !important; 
  position: absolute; 
  margin: -100px;
}

#c597, #c598, #c599,#c600, #c613, #c614, #c615, #c616, #c617, #c618, #c619, #c620, #c621, #c622, #c193, #c194, #c195, #c199, #c203, #c205, #c143, #c168, #c170, #c224, #c225, #c226, #c229, #c231, #c232, #c233, #c230, #c228, #c227, #c589, #c788 {
  scroll-margin-top: 170px;
}

#c794, #c791, #c787, #c785, #c783, #c769, #c768, #c767, #c761, #c759, #c758, #c757, #c795, #c786, #c784, #c770, #c762, #c760 { 
  scroll-margin-top: 170px;
}


#c91 {
  scroll-margin-top: 360px;
}

#krankheitsbild .col-md-6:first-child .ce-gallery{
  margin-right:20px;
}



/*-------------------Krankheitsbilder - kliniken---------------------------*/
/*krankheitsbild .col-md-9 .ce-gallery:after, #kliniken .col-md-9 .ce-gallery:after {
    content: '';
    position: relative;
    left: 1.5%;
    bottom:-8px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid var(--akzentfarbe);
    clear: both;
}*/

/*------------------Arztsuche----------------------*/
.searchResultContainer .locationCategories, .infoWindow .categories{
  display: none;
}



/*--------------------Seite Aktuelles-------------------------*/
.news-single a{
  color:var(--akzentfarbe);
}
#aktuelles .extra{
  width: 100%;
}

#aktuelles .extra time{
  color:var(--textfarbe);
}
#aktuelles .news-list-view .col-md-3{
  width:0;
}
#aktuelles .news-list-view .col-md-9{
  width:100%;
}
#aktuelles a.btn.btn-primary.btn-read-more{
     padding: 0.5rem 1rem;
    font-weight: bold;
  background-color: var(--akzentfarbe);
  border-color: var(--akzentfarbe);
}
#aktuelles a.btn.btn-primary.btn-read-more:hover, #aktuelles .news-single .btn.btn-primary:hover{
  background-color: var(--akzentfarbe);
  border-color: var(--akzentfarbe);
}
#aktuelles .news-list-item h3{
  font-weight: bold;
  margin-bottom:0;
  text-transform:none;
}
.news-list-item{
  border-bottom: 1px solid var(--bghellgrau);
  width: 100%;
  padding-bottom: 1.5rem;
  padding-top: 1rem;
}
.col-md-6.termin2 .news-list-item, .col-md-6.termin1 .news-list-item{
  border: none;
}
#aktuelles .news-list-item .col-lg-3{
  padding-top: 20px;
  padding-right: 20px;
}
.news-list-item .col-lg-3 img {
 box-shadow: 0 7px 10px 0 rgb(0 0 0 / 17%);
  transition: transform all 1s ease; /* Animation */
}
.news-list-item .col-lg-3 img:hover {
  transform: scale(1.1); }

#aktuelles .news-list-item .col{
  padding-left:0;
  padding-top: 12px;
}
#aktuelles .caption{
  padding-top: 10px;
  line-height:1.2;
}
#aktuelles .lead p{
  font-size: 1.25rem;
    color: #333;
}
.pagination li{
  padding-right: 10px;
}
.pagination li.active{
    padding-left: 10px;
    background-color: var(--akzentfarbe);
    color: #fff;
    margin-right: 10px;
}

#contentBottom h3{ 
    margin-top: 10px;
    text-decoration: underline;
    text-transform: uppercase;
    font-family: 'Source Sans Pro Bold';
    color: rgba(0,0,0,0.4);
  padding-left: 15px;
}

/*---------------Single news----------------------*/
.news-single h3{
  text-transform: none;
  font-weight: bold;
  padding: 20px 0 10px;
}
.news-single .lead p {
    font-size: 1.25rem;
    color: #333;
}
.news-single  p {
  font-size: 1.1rem;
}
.news-single .fa-chevron-up::before {   
    padding-left: 3px;
}
.news-single .btn {
  padding:0;
  font-weight: bold;
}
.news-single .btn.btn-primary {
  color: #fff;
  background-color: var(--akzentfarbe);
  border-color: var(--akzentfarbe);
  padding: 0.5rem 1rem;
}

.news-single img {
   box-shadow: 0 7px 10px 0 rgb(0 0 0 / 17%);
  transition: transform all 1s ease; /* Animation */
}
.news-single img:hover {
   transform: scale(1.1); 
}
.news-single table thead{
  background-color: rgba(0,0,0,.35);
  color:#fff;
}
.news-single table tr{
  vertical-align: top;
}
.news-single table td{
  background-color:transparent;
}
.news-single table tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,.05);
}
.news-single table tbody tr:nth-of-type(even) {
    background-color: #fff;
}
/*------------------------Seite Kliniken-------------------------*/
.grid-klinik{
      border-top: 1px solid var(--bghellgrau);
    border-bottom: 1px solid var(--bghellgrau);
  margin-top:0.5rem;
  width: 100%;
}
.grid-klinik .col-md-12.header{
    background-color: transparent;
    padding-left: 0;    
    margin-top: 10px;
}
.grid-klinik h2{
      font-weight: bold;
    margin-bottom: 1rem;
}
.grid-klinik .col-md-4{
  display: flex;
flex-direction: column;
justify-content: center;
}
.grid-klinik .col-md-8{
  display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
align-content: stretch;
  border-left: 1px solid var(--bghellgrau);
  margin-bottom: 1rem;
}

.profil ul{
  padding-left: 15px;
}
.profil ul li{
     list-style-image: url(../../Media/gif/listenpunkt_rot.png);
}
/*-------------Seite Adressen und links und downloads----------------------*/
#links h2, #links .col-md-12 h2{
  background-color:transparent;
  color:var(--textfarbe);
  font-weight: bold;
}
#links .col-md-12, #downloads .col-md-12{
  background-color:transparent;
  padding: 0;
}
#links .intro h2{
  color:#fff;
}
#links h2:after{
  border:none;
}
#links .zwischenueberschrift, #downloads .zwischenueberschrift{
  width: 100%;
  padding-top: 2rem;
}
#links h3, #links h4, #downloads h3{  
  font-family:'Source Sans Pro Bold';  
}

#links .border, #downloads .border{
  border-right:none !important;
  border-left: none !important;
  border-bottom:none !important;
  width: 100%;
}
#links .border:last-child, #downloads .border:last-child{
  border-bottom: 1px solid #dee2e6 !important;
  margin-bottom: 3rem;
}
#links .border h4, #links .border p{  
  margin-top: 0.5rem;
}
#links .border p a {
text-decoration: underline;
}
#links .grid-klinik{
  border: none;
}
#downloads .col-lg-7{
  padding-left:0;
  
}
#downloads .col-lg-7.titel p, #downloads-int .col-lg-7.titel p{
  background-image:url(../../Media/gif/download.png);
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 2rem;
  font-size: 1.2rem;
}
#downloads .col-lg-7.titel, #downloads .col-md-2 p, #downloads .col-md-3 p{
  margin-top:0.5rem;
  line-height: 1.6rem;
}
#downloads .border .col-md-8 h4{
  padding-top:1rem;
}
#downloads .border .col-md-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
/*-------------------------Mitglied werden/ Mitgliederbereich--------------------------*/

#mitglied ul li {
    list-style-image: url(../../Media/gif/listenpunkt_rot.png);
}
#mitglied ul li.nav-item, #mitglied #accordion ul li, #mitglied .mitglieder ul li{
  list-style:none;
}
#mitglied ul.navbar-nav  li {
    list-style-image: none;
  position: relative;
}
/*-----------------------Newsletter----------------------*/
/*#newsletter .flex-container.top-nav {
  padding-bottom: 20px;
}
#newsletter a{
  color:var(--akzentfarbe);
}
#newsletter .newsletter{
  margin-top: 155px;
}
#newsletter #content_breit{
  min-height: calc(100vh - 354px);
  margin-top: 48px;  
  padding-left: 15px;
}
#newsletter footer{
  height: 60px;
}
#newsletter footer a{
  color:#fff;
}
#newsletter h1{
  font-size:2.2rem;
  margin-bottom: 1.5rem;
  color:var(--textfarbe);
}
*/
#newsletter .frame-type-textpic {
  
scroll-margin-top: 170px;
}

#newsletter #content a{
  color:var(--akzentfarbe);
}
/*-----------------------Footer--------------------------*/
footer{
  background-color: var(--textfarbe);
  color:#fff;
  margin-top: 20px;
  padding: 15px 0;
}
footer .col-md-3{
  padding:0;
  
}

footer .logo, footer .adresse, footer .links1, footer .links2{
  padding: 15px;
}

footer a, footer a:hover{
  color:#fff;  
}
footer a{
  text-decoration: none;
}
footer .logo, footer .links1 {
  padding-right: 15px;
  height: 100%;
}

footer .logo, footer .adresse, footer .links1{
 border-right: 1px solid rgba(255,255,255,.4);*/
  height: 100%;
}

footer hr{
  border-top: 1px solid rgba(255,255,255,.4);
  margin-right: 15px;
  margin-top: 0.4rem;
  margin-bottom: 0.5rem;
}
.scroll-to-top  {
    position: fixed;
    bottom: 10px;
    right: 5px;
   width: 50px;
    height: 50px;
    /*color: #ffffff;
    font-size: 24px;
    text-transform: uppercase;*/
    line-height: 60px;
    text-align: center;
    z-index: 100;
    cursor: pointer;
    background: var(--akzentfarbe);
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
    line-height: 0.9rem;
    
}
.arrow-up {
    width: 0;
    height: 0;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-bottom: 20px solid #fff;
    margin: 30% auto 0;
}

@media only screen and (min-width:768px){
  .article{
    padding-right:10px;
  }
  
}
    @media only screen and (max-width:991px){
  nav.fixed-top{
    top: 156px;
    left:0;
  }
  .row{
    width: 100%;
  }
  .main-nav{
    display: block;
    width: 100%;
}
  ul.navbar-nav{
    display: block;
    background-color: var(--bghellgrau);
    color: #fff;
    padding-left: 15px;
  }
  .navbar-light .navbar-nav .nav-item{
     border-bottom: 1px solid #fff;
  }
  .navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link{
    color: #fff;
   
}
  li.dropdown.nav-item .nav-link.dropdown-toggle{
    background-color: var(--akzentfarbe);
    padding-left: 5px;
}
      ul.dropdown-menu.show{
        background-color: grey;
        margin-left: 10px;
        padding-left: 10px;
      }
      
      
      ul.dropdown-menu.show li .nav-link{
        border-bottom: 1px solid #fff;
      }
      ul.dropdown-menu.show li.nav-item.last .nav-link{
        border:none;
      }
      
   ul.dropdown-menu.show li .nav-link::after, li.dropdown.nav-item .nav-link.dropdown-toggle::after {
     content: '';
	position: absolute;
	right: 15px;
	width: 14px;
	height: 5px;
	display: block;
	background: #fff;
	top: 22px; 
   border:none;
     padding:0;
}
      
ul.dropdown-menu.show li .nav-link::before, li.dropdown.nav-item .nav-link.dropdown-toggle::before {
    position: absolute;
    top: 17px;
    right: 20px;
    display: block;
    width: 4px;
    height: 16px;
    background: #fff;
    content: "";
      }
.nav-link::after{
  content:'';
}
 .navbar-expand-lg .navbar-nav .nav-item.active .nav-link{
    color:#fff;
    font-weight: bold;
  }
  .d-lg-none .navbar-nav .nav-item:last-child{
    border: none;
  }
      
  .navbar-light .navbar-nav .dropdown-menu.show .nav-item.last{
     border:none;
  }    
      
  .navbar-collapse{
    position: relative;
	background-color: var(--bgfooter);
	width: 100%;
	display: block;
  }
  .navbar-light .navbar-nav .nav-item{
    line-height: 1.5;
	font-size: 1.2rem;
  }
  .navbar-light .navbar-nav .nav-item > .nav-link:hover{
    color:#fff;
    font-weight: bold;
  }
  .main-nav .flex-row{
    display:block !important;
  }
  .col-lg-3 .tx-myttaddressmap{
    position: relative;
    width: auto;
  }
  .navbar-light .navbar-toggler {
      position: fixed;
    top: 29px;
    right: 23px;
     }
  .hamburg { 
   display: block;
   background: #fff; width: 75px; height: 50px; 
   position: relative; 
   margin-left: auto; margin-right: auto;
   border-radius: 4px; 
   transition: border-radius .5s;
}
  
  
  .line { 
   position: absolute; 
   left:10px;
   height: 4px; width: 55px; 
   background: #555; border-radius: 2px;
   display: block; 
   transition: 0.5s; 
   transform-origin: center; 
}

.line:nth-child(1) { top: 12px; }
.line:nth-child(2) { top: 24px; }
.line:nth-child(3) { top: 36px; }

.hamburg.checked .line:nth-child(1){
   transform: translateY(12px) rotate(-45deg);
}

.hamburg.checked .line:nth-child(2){
   opacity:0;
}

.hamburg.checked .line:nth-child(3){
   transform: translateY(-12px) rotate(45deg);
}
      .psoriasistheme.col-md-3.rechts{
  background-image:url(../../Media/Bilder_Startseite/Histologie-Psoriasis-2.jpg);
}
.psoriasistheme.col-md-3.links{
  background-image:url(../../Media/Bilder_Startseite/Histologie-Psoriasis-1.jpg);
}
  /*---------------Sucherergebnisse--------------------*/
  .detail .tx-myttaddressmap img{
      max-width: 120px;
    }
      #accordion_faq .card-header h5, #accordion_2 .card-header h5, #accordion_downloads .card-header h5{
        font-size: 1.1rem;
      }
      #accordion_downloads .col-md-3, #accordion_downloads .col-md-2{
        display: none;
      }
}
  
@media only screen and (min-width:992px){
  
 form#kontaktformularPsoriasis-579{
    width: 70%;
    display: block;
  }
  textarea.form-control{ margin-bottom: 1rem;}
  .h-captcha { margin: 1rem 0;}
  #content{
    min-height: 800px;
    position: relative;
  }
  #krankheitsbild .col-lg-6 {
    padding-right: 15px;
}
  #krankheitsbild .col-lg-4 {
    padding-right: 15px;
}
  .dropdown-menu{
    min-width: 14rem;
  }
  
}



@media only screen and (min-width:992px) and (max-width:1199px){
  .news-list-view{
    overflow: hidden;
  }
  .col-md-4.video {
    padding: 15px 15px 0;
}
  .col-md-4.video img{
    width:90%;
  }
  .headerbild figure, #facharztsuche figure {
    height: 216px;
}
  .intro h2{
    font-size: 1.2rem;
  }
  .suchfeld p {
    line-height:1.3;
  } 
  
  #searchform table{
    border-spacing:8px 10px;
  }
  #searchform #search{
    margin-left:0;
  }
  #accordion ul{
    margin-bottom:0;
  }
  
  #accordion button.btn.btn-link{
    font-size: 1.1rem;
  }
  
  input.city{
    width: 135px;
  }
  input.zip{
    width:60px;
  } 
  .news .flexslider {
    height: 239px;
  }
  .news ol.flex-control-nav{
    bottom: 7px;
  } 
  .news .flex-caption{
    height: 164px;
  }
  .information.slide-wrapper{
    height: 494px;
  }
  
}

@media only screen and (min-width:768px) and (max-width:991px){
  .flex-container.top-nav{
    margin-top: 20px;
  }
 .sticky .flex-container.top-nav{
    margin-top: 45px;
  }
  nav.fixed-top.sticky{
    top:149px;
  }
  .news .flexslider{
    height: 210px;
  }
  .news .flex-caption {
  height: 98px;
  }
  .news .flex-caption .caption-title {
    font-size: 16px;
    line-height: 12px;
}
  .tx-myttaddressmap p.form-footer {
    margin-bottom: 23px;
}
  .col-md-6.psoriasistheme{
    height: 180px;
  }
  .neurodermitis.col-md-6.right .slide-wrapper .slide-text, .col-md-6.termine.slide-wrapper .slide-text, .news .flexslider h3, .urtikaria.col-md-6.bg-white .slide-wrapper .slide-text {
    top: 50px;
}
  .slide-wrapper:hover .slide-text {
    top: 30px;
}
  .urtikaria.col-md-6.bg-white .slide-wrapper .slide-text:hover, .neurodermitis.col-md-6.right .slide-wrapper .slide-text:hover, .ueber_uns.col-md-6.bg-white .slide-text:hover, .neurodermitis.col-md-6 .bg_grau .slide-text:hover, .ueber_uns.col-md-6.bg-hellgrau .slide-text:hover, .col-md-6.termine.slide-wrapper:hover .slide-text {
    top: 30px;
  }
  .information.slide-wrapper .slide-text{
    padding: 0 10px;
  }
  .information.slide-wrapper:hover .slide-text  {
    top: 30px;
}
  .col-md-6.termine{
    height: 190px;
  }
  .col-md-6.termin1 .news-list-item, .col-md-6.termin2 .news-list-item{
    margin-top: 50px;
  }
  .col-md-3.information.slide-wrapper, .infothek.slide-text{
    padding:0;
  }
  .information.slide-wrapper .slide-text, .aktuelles.slide-wrapper .slide-text{
    top: 50px;
  }
  .information.slide-wrapper {
    height: 370px;
}
  .col-md-6.psoriasistheme h2 {
    font-size: 2.0rem;
  }
  .col-md-6.neurodermitis h2, .col-md-6.ueber_uns h2, .col-md-3 .infothek h2, .col-md-3.aktuelles h2, .col-md-6.termine h2, .col-md-6.urtikaria h2, .slides h3 {
    font-size: 1.4rem;
  }
  .slide-wrapper .slide-text{
    top: 50px;
  }
  .ueber_uns.col-md-6.bg-hellgrau .slide-text, .ueber_uns.col-md-6.bg-white .slide-text, .neurodermitis.col-md-6 .bg_grau .slide-text {
    top: 50px;
}
  #home .col-md-6{
    padding:0;
  }
  .col-md-12.image {
    background-color: rgba(0,0,0,0.1);
     margin-top: 0;
}
  .col-md-12.image img {
    height: 318px;
  }
  #content, #contentRight{
    margin-top: 200px;
  }
  .headerbild figure, #facharztsuche figure {
    height: 132px;
}
  .pl-5, .px-5 {
    padding-left: 1rem !important;
}
  .headerbild figcaption, #facharztsuche figcaption{
    font-size: 24px;
  }
  .col-lg-9 div.rootline::before{
    left:0;
  }
  #accordion_faq.container, #accordion_2.container, #accordion_downloads.container  {
    padding-left: 15px;
  }
#accordion_2{
  padding-bottom:1rem;
}
  #krankheitsbild h2{
    margin-top:0;
  }
}



@media only screen and (max-width:767px){
  nav.fixed-top {    
    top: 16px;
    background-color: transparent !important;
    right: 47px;
    left: auto;
}
   .slide-wrapper {
    position: relative;
    height: 360px;
}
  .slide-wrapper .slide-text {
    top: auto;
    position: relative;
    margin-top: 90px;
}
  .slide-wrapper:hover .slide-text {
    top: auto;
}
  .slide-text .title a {
    text-decoration: none;
}
 .slide-wrapper .slide-text .links {
    opacity: 1;
    overflow: visible;
}
  .information.slide-wrapper .slide-text, .aktuelles.slide-wrapper .slide-text, .information.slide-wrapper:hover .slide-text {
    top: auto;
}
   .neurodermitis.col-md-6.right .slide-wrapper .slide-text, .neurodermitis.col-md-6.right .slide-wrapper .slide-text:hover, .ueber_uns.col-md-6.bg-white .slide-text:hover {
    top: auto;
}
    .neurodermitis.col-md-6 .bg_grau .slide-text:hover, .ueber_uns.col-md-6.bg-hellgrau .slide-text:hover{
      top: auto;
    }
    .ueber_uns.col-md-6.bg-hellgrau .slide-text, .ueber_uns.col-md-6.bg-white .slide-text, .neurodermitis.col-md-6 .bg_grau .slide-text {
    top: auto;
}
    .information.slide-wrapper .slide-text, .aktuelles.slide-wrapper .slide-text, .information.slide-wrapper:hover .slide-text{
      top: auto;
    }
    .aktuelles.slide-wrapper:hover .slide-text{
      top: auto;
    }
    .aktuelles.slide-wrapper{
      height: 570px;
    }
.col-md-6.termine{
      height: 360px;
    }
    .col-md-6.termine.slide-wrapper .slide-text, .col-md-6.termine.slide-wrapper:hover .slide-text{
      top: auto;
    }
.urtikaria.col-md-6.bg-white .slide-wrapper .slide-text{
      position: relative;
      padding:0 15px;
      top: auto;
    }
    
    .urtikaria.col-md-6.bg-white .slide-wrapper .slide-text:hover{
      top:auto;
    }
  #home .news-list-view {
    height: 315px;
}
  .aktuelles.slide-wrapper a {
    color: var(--textfarbe);
}
  .flex-container.top-nav{
    flex-direction: row;
  }
  .navbar-brand{
    display: inline-block;
    width: 43%;
    padding-bottom: 1.0rem;
  }
  
   .news .flexslider{
      max-width: 541px !important;
    } 
  
  .tx-myttaddressmap table td {
      vertical-align: top;
      font-size: 1rem;
  }
  .tx-myttaddressmap table td p{
      margin-bottom: 0.3rem;
    }
   #home .col-md-6{
    padding:0;
  }
  .psoriasistheme.col-md-3.links, .psoriasistheme.col-md-3.rechts {
    height:360px;
    }
  .filtering span {
    margin-right: 15px; } 
}
@media only screen and (min-width:576px) and (max-width:767px){
  .container.fixed-top{
    margin-top: 0;
  }
  nav.fixed-top.sticky{
    top: 70px;
  }
  nav.fixed-top{
    top: 144px;
    right:0;
  }
  .sticky .navbar-brand img{
    width: 100%;
  }
  
  .headerbild figure, #facharztsuche figure {
    height: 173px;
  }
.flex-container.top-nav {
    flex-direction: row;
  height: 159px;
}
  .navbar-brand{
    width: 72%;
  }
  .navbar-light .navbar-toggler{
    top: 5px;
  }
}



    
  @media only screen and (max-width:576px){ 
    .container.fixed-top{
      top: 0;
      left: 0;
      padding-bottom: 10px;
    }
    .container.fixed-top.sticky{
      box-shadow: 5px 5px 8px #ccc;
    }
    nav.fixed-top.sticky{
      box-shadow: none;
    }
    .sticky .navbar-brand img{
      width: 100%;
    }
    nav.flex-items.search{
      display: none;
    }
    .navbar-brand{
      width: 56%;
    }
    nav.fixed-top{
      right: 0;
      top: 90px;
      width: 100%;
    }
    #content_breit {
    margin-top: 130px;
}
    #content{
      margin-top: 160px;
    }
   
    .headerbild figure, #facharztsuche figure{
      height: auto;
    }
    .headerbild figcaption, #facharztsuche figcaption{
      position: relative;
      font-size: 20px;
      margin-bottom: 1rem;
    }
    #home .col-md-6{
      padding-left:0;
      padding-right:0;
    }
    .col-md-6.psoriasistheme{
      height: 360px;
    }
    .psoriasistheme.col-md-3.links, .psoriasistheme.col-md-3.rechts {
      height:360px;
    }
    .slide-wrapper .slide-text{
      top: auto;
      position: relative;
      margin-top: 90px;
    }
    .slide-wrapper:hover .slide-text {
    top: auto;
    }
    .slide-text .title a{
      text-decoration: none;
    }
    .slide-wrapper .slide-text .links{
      opacity: 1;
      overflow: visible;
    }
    .urtikaria.col-md-6.bg-white .slide-wrapper .slide-text{
      position: relative;
      padding:0 15px;
      top: auto;
    }
    
    .urtikaria.col-md-6.bg-white .slide-wrapper .slide-text:hover{
      top:auto;
    }
    .col-md-6.neurodermitis .col-md-6.bg_grau.slide-wrapper{
      height: 360px;
    }
    .neurodermitis.col-md-6.right .slide-wrapper .slide-text, .neurodermitis.col-md-6.right .slide-wrapper .slide-text:hover, .ueber_uns.col-md-6.bg-white .slide-text:hover {
    top: auto;
}
    .neurodermitis.col-md-6 .bg_grau .slide-text:hover, .ueber_uns.col-md-6.bg-hellgrau .slide-text:hover{
      top: auto;
    }
    .ueber_uns.col-md-6.bg-hellgrau .slide-text, .ueber_uns.col-md-6.bg-white .slide-text, .neurodermitis.col-md-6 .bg_grau .slide-text {
    top: auto;
}
    .information.slide-wrapper .slide-text, .aktuelles.slide-wrapper .slide-text, .information.slide-wrapper:hover .slide-text{
      top: auto;
    }
    .aktuelles.slide-wrapper:hover .slide-text{
      top: auto;
    }
    .aktuelles.slide-wrapper{
      height: 570px;
    }
    .aktuelles.slide-wrapper a{
      color: var(--textfarbe);
    }
    .col-md-6.termine{
      height: 360px;
    }
    .col-md-6.termine.slide-wrapper .slide-text, .col-md-6.termine.slide-wrapper:hover .slide-text{
      top: auto;
    }
    #home .news-list-view{
      height: 315px;
    }
    .container.pl-5{
      padding-left: 1rem !important;
    }
    div.rootline{
      display: none;
    }
    #accordion_2 .card-header, #accordion_faq .card-header, #accordion_downloads .card-header {
      margin-left: 15px;
    }
    #accordion_2 .fa{
      left:-5px;
    }
    #accordion_faq.container, #accordion_2.container, #accordion_downloads.container{
      padding-left: 0;
      padding-right:0;
    }
    .h5, h5 {
    font-size: 1.15rem;
}
   
    #accordion_2{
      padding-bottom: 2rem;
    }
    .headerbild figcaption, #facharztsuche figcaption, #krankheitsbild .headerbild figcaption {
      font-size: 20px;
      }
    #krankheitsbild h2{
      padding-top: 0;
	margin-top: 1rem;      
    }
    .grid-klinik .col-md-4,  .grid-klinik .col-md-8 {
      padding-left:0;
    }
    .grid-klinik .col-md-8 .profil{
      border-left: 0;
      padding-left: 0;
    }
   #kliniken .container.pl-5, #studien .container.pl-5 {
      padding-left: 0 !important;
    }
    #contentRight{
      margin-top: 30px;
    }
    .facharztsuche #accordion ul li ul li{
      margin-bottom:2rem;
    }
    #searchform #search{
      width: 100%;
    }
    .col-lg-9 .tx-myttaddressmap{
      margin-left:0;
      margin-right:0;
    }
    h1.suchergebnis{
      margin-top:0;
    }
    .einleitung{
      padding-right:0;
    }
    #mapContainer #map{
      width: auto !important;
    }
    input::placeholder {
    font-size: 1.3rem;
    }
    input, textarea, select{
       font-size: 1.3rem;
    }
    /*--------------Sucherergebnisse--------------------------*/
    .searchResultTile .col-md-3.col-8{
      justify-content: left;
    }
    .searchResultTile .col-md-2.more_info{
      margin-top:10px;
      justify-content:left;
      padding-left:0;
    }
    .col-md-3 .locationImage img{
      max-width: 60px;
      max-height: 60%;
    }
    .searchResultTile .col-md-5.col-8.loc-name{
      padding-left:0;
    }
    .tx-myttaddressmap .searchResultTile, .tx-myttaddressmap .searchResultTile:nth-child(2n){
      height: auto;
    }
    
    
    .tx-myttaddressmap table ul{
      padding-left: 18px;
    }
    
    
}