@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=PT+Sans);

/* 
///
/// FONT 
///
*/
body {
  background: #4F4F4F; 
}

body, h1, h2, h3, h4, h5, h6, .top-bar-section ul li > a, button, .button, .tabs dd > a {
  font-family: 'PT Sans', 'Helvetica Neue', sans-serif;
  -webkit-text-size-adjust: 100%; /* disable text auto-adjust */
  
}

/* LETTER SPACING TYPO TEST */
p,dd,h1,h3,h4,h5,h6 {letter-spacing: .01em; line-height: 1.4;}

.clear {
  clear: both;
}

h1 {
  font-size: 1.6em;
  color: #013686;
}


h2 {
  font-size: 1.4em;
  color: #013686;
}

h3 {
  font-size: 1.2em;
  color: #013686;
}

h4 {
  font-size: 1em;
  color: #013686;
}

h5 {
  font-size: .8em;
  color: #013686;
  font-weight: normal;
}

/* HAS TIP GENERELL */
.has-tip {
  cursor:inherit;
}

/* 
///
/// DESIGN UND SEITENBEREICHE
///
 */

.startseite  {
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0 ); /* IE6-9 */
}

.startseiteslider {padding:4em 0 4em 0;}


#logo {
  padding: 1em 0 1em 0;
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0 ); /* IE6-9 */
}

/* CONTENT STARTSEITE*/
.startseite h5{
  margin-bottom: 1.6em;
  font-size:1.6em;
  text-transform:uppercase;
}


.cols {
  background: #efefef;
  padding:3em 0 3em 0;
}

.cols-news-two {
  background: #fff;
  padding:3em 0 3em 0;
}

.cols-news-two-en {
  background: #f7f7f7;
  padding:3em 0 3em 0;
}

.buttons {
  background: #fff;
  /* padding:3em 0 3em 0; */
  padding: 0;
  margin: 0;
}

.aktuelles{
  background: #efefef;
}

.mehr{
  background: #fff;
}

.footer {
  background: #efefef;
  padding:3em 0 3em 0;
  /*background-image: url('/fileadmin/screendesign/cdc_de/images/bg/bg_country.png'); */
  background-repeat: no-repeat;
  background-position: 50% center;
  background-size: 40%;
}


/*BOXEN STARTSEITE */

.box-links,.box-mitte,.box-rechts,
.box-u-links,.box-u-mitte,.box-u-rechts { 
  font-size: .8em;
  min-height: 24em;
  background: rgba(215,215,215,.5);
  -o-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -webkit-transition: -webkit-transform 1s;
  margin: 1em 0 1em 0;
}

.box-links .bodytext,.box-mitte .bodytext,.box-rechts .bodytext,
.box-u-links .bodytext,.box-u-mitte .bodytext,.box-u-rechts .bodytext {
  padding:.5em;
}


.box-links:hover,.box-mitte:hover,.box-rechts:hover,
.box-u-links:hover,.box-u-mitte:hover,.box-u-rechts:hover
 {
   -o-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -webkit-transition: -webkit-transform 1s;
  background: rgba(180,180,180,1);
  color:white;
}
.box-links a:hover,.box-mitte a:hover,.box-rechts a:hover,
.box-u-links a:hover,.box-u-mitte a:hover,.box-u-rechts a:hover {
    color:#000;
}

/* ERSTE BLOCKREIHE */
.box-links,.box-rechts,.box-mitte,.box-u-mitte {background: #013686;color: white;}
.box-links a,.box-mitte a,.box-rechts a,.box-u-mitte a{color: white;}
.box-links a:hover,.box-mitte a:hover,.box-rechts a:hover,.box-u-mitte a:hover{color: white;}
.box-links:hover,.box-mitte:hover,.box-rechts:hover,.box-u-mitte:hover{background: #6696cf;}

/* ZWEITE BLOCKREIHE */
.box-u-links,.box-u-rechts {background: #6696cf;color: white;}
.box-u-links a,.box-u-rechts a{color: white;}
.box-u-links a:hover,.box-u-rechts a:hover{color: white;}
.box-u-links:hover,.box-u-rechts:hover{
  background: #013686;
  /* background-image: url('/fileadmin/screendesign/cdc_de/images/bg/play_video.png'); */
  background-repeat: no-repeat;
  background-position: 50% bottom;
  background-size: 50%;
}



.box-u-mitte {
  
}






.zielgruppe {
  
}
.zielgruppe-box {
  float:left;
  background: rgba(1,54,134,1);
  background-image: url('/fileadmin/screendesign/cdc_de/images/bg/bruecken_hell.png');
  background-repeat: no-repeat;
  background-position: 50% center;
  background-size: 130%;
  color:#fff;
  border:.0em solid #efefef;
  margin:.0em;
  width:100%;
  padding: 1em;
  font-size: .8em;
  min-height: 10em;
  -o-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -webkit-transition: -webkit-transform 1s;
}

.zielgruppe-box:hover {
  -o-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -webkit-transition: -webkit-transform 1s;
  background: rgba(1,54,134,.8);
  background-image: url('/fileadmin/screendesign/cdc_de/images/bg/bruecken_hell.png');
  background-repeat: no-repeat;
  background-position: 50% center;
  background-size: 130%;
  }

.zielgruppe-box h2 {
  color: #fff;
  margin-top:1.4em; 
}

/*ENDE BOXEN STARTSEITE */

/* RAHMEN BILDER */
DIV.csc-textpic-border DIV.csc-textpic-imagewrap IMG {
    background: none repeat scroll 0% 0% #EFEFEF;
    border: 1px solid #BBB;
    border-radius: 2px;
    margin: 4px;
    padding: 3px;
}

DIV.csc-textpic-border DIV.csc-textpic-imagewrap IMG:hover {

  box-shadow: 0 0 1px 1px #bbb;

  }


/* END STARTSEITE */

/* UNTERSEITEN */
.normal {
  background: #fff;
  padding:3em 0 3em 0;
}
.normal-rechts {
  background: none repeat scroll 0% 0% #FFF;
  padding: 1em;
  border: 0px none;
  box-shadow: -0.4em -0.4em 1em #efefef;
}
.normal-rechts ul{
  list-style-type: none;
  margin-bottom: 1em;
}
.normal-rechts li {
    text-indent: -1.25em;
    line-height: 1.3em;
    padding-bottom: .5em;
}

.normal-rechts li:before {
    content: "";
    font-family: "foundation-icons";
    margin-right: 0.5em;
    margin-left: .5em;
    color: #AAA;
}

.normal-rechts li:hover:before{
  content: "\f10b";
  font-family: "foundation-icons";
  margin-right: .5em;
  margin-left: .5em;
  color: #013686;
}

/* SOCIAL LINKS */

.sociallinks img {
  width: 1.6em;
  height: 1.6em;
  margin-right: .2em;
}
.sociallinks img:hover {
  opacity: .8;
}

.sociallinksborder {margin-right: 1em;}

.flag {
  color:#013686;
  font-size: 1.2em;
}
img.sprachwechsel2 {
  width:1.5em;
}

img.sprachwechsel_select {
  width: 3em;
}

/* LOGO */


#logo p {
  font-size: .8em;
}




/* 
///
/// TWEAKS SLIDER 
///
*/

.rechtsmitte {
  position: absolute;
  bottom: 0;
  right:0;
  left: 50%;
  min-height: 40%;
  background: rgba(255,255,255,.5);
  padding: 1em;
}
.rechtsmitte h1{
  color: #000;
  font-size: 1.4em;

}

.rechtsoben {
  position: absolute;
  top: 0;
  right:0;
  left: 50%;
  min-height: 40%;
  background: rgba(255,255,255,.5);
  padding: 1em;
}
.rechtsoben h1{
  color: #000;
  font-size: 1.4em;

}

.linksuntenheader {
  position: absolute;
  bottom: 0;
  right:50%;

  min-height: 50%;
  background: rgba(255,255,255,.5);
  padding: 1em;
}
.linksuntenheader h1{
  color: #000;
  font-size: 1.4em;
}

.owl-theme .owl-controls .owl-buttons div {
  color: #000;
  background: none repeat scroll 0% 0% #efefef;
 }


/* 
///
/// TWEAKS BUTTON 
///
*/
button.alert, .button.alert, button.secondary,button.buchen,.button.tiny,button.tiny {
  font-size: .8em;
}

button.alert, .button.alert {
  background: #800040;
}
button.alert:hover, .button.alert:hover {
  background: #CE0067;
}
button.secondary:hover, .button.secondary:hover {
  background-color: #013686;
  border-color: #012B6B;
  color: #013686;
}
.storage {
  padding: .4em;
}
button, .dropdown.button, .button {
  width: 100%;
}
button.disabled, button[disabled], .button.disabled, .button[disabled] {
  background-color: #6E6F72;
}
button.disabled:hover, button[disabled]:hover, .button.disabled:hover, .button[disabled]:hover {
  background-color: #6E6F72;
}
button.buchen {
  background: #00802D;
}
button.buchen:hover {
  background: #00BB42;
}
button.orange{
  background: #CE6700;
}
button.orange:hover{
  background: #F27900;
}
button.lila{
  background: #572387;
}
button.lila:hover{
  background: #7730B8;
}
.button.lila{
  background: #572387;
}
.button.lila:hover{
  background: #7730B8;
}


.button.tiny.trans {
  background:rgba(255,255,255,.2);
  color:#4f4f4f;
  font-size: .8em;
}
.button.tiny.trans:hover {
  background:rgba(255,255,255,.6);
  color:#4f4f4f;
}


.button.tiny.grey {
  background:rgba(233,233,233,.9);
  color:#4f4f4f;
  font-size: .7em;
}
.button.tiny.grey:hover {
  background:rgba(233,233,233,.6);
  color:#4f4f4f;
}
.button.tiny.zurueck {
  background:rgba(245, 134, 0,1);
  color:#fff;
}
.button.tiny.zurueck:hover {
  background:rgba(245, 134, 0,0.8);
  color:#fff;
}
/* 
///
/// LISTENANSICHT  SMALL,TEASER 
///
*/

/* 
///
/// LISTE IM STAT NACH NAVI 
///
*/

.statlinks dd{
  float: left;
}


.statlinks dt {
    font-weight: bold;
    float: left;
    padding: .4em;
  background: #efefef;
  border: .1em #aaa solid;
  -o-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -webkit-transition: -webkit-transform 1s;

}
.statlinks dt:hover{
    background: #fff;
    -o-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -webkit-transition: -webkit-transform 1s;
}

.statlinks .csc-textpic{
  padding: 2em 0 2em 0;
}

.statliste {
}

.statlinks {
  padding: 1em 0em;
}

.statrechts {
  background: #fff;
  padding: 1em 1em 1em 1em;
  border:0;
  box-shadow: -.4em -.4em 1em #efefef;
}
.statrechts ul{
  list-style-type: none;
  margin: 0;
  margin-bottom: 1em;
}

.statrechts li {
    padding: 0em 0em 0.3em 1.35em;
    text-indent: -1.25em;
  line-height: 1.3em;
}
.statrechts li {

      padding: 0em 0em 0.3em 1.35em;

      text-indent: -1.25em;

line-height: 1.3em;

}

.statrechts ul    {     margin-bottom: 1em;}

.statrechts li:before{
  content: "\f10b";
  font-family: "foundation-icons";
  margin-right: .5em;
  color: #aaa;
}

.statrechts li:hover:before{
  content: "\f10b";
  font-family: "foundation-icons";
  margin-right: .5em;
  color: #013686;
}



/* 
///
/// Statische Seiten (FAQ,Stadt,Sprache,Land Allgemeines etc.) 
///
*/
.static_site .csc-textpic-image img{margin: 0em 0em 0em 0em;}
.static_site h1 {margin: 0em 0em .5em 0em;} /* oben rechts unten links */
.static_site h2 {margin: 0em 0em .5em 0em;}
.static_site h3 {margin: 0em 0em .5em 0em;}
.static_site h4 {margin: 0em 0em .5em 0em;}
.static_site h5 {margin: 0em 0em .5em 0em;}

.static_site .internal-link:before,.static_site .external-link-new-window:before{
  color: #013686;
  content: "\f165";
  margin-right: .4em;
  margin-left: .4em;
  font-family: "foundation-icons";
}
.static_site .internal-link:hover:before,.static_site .external-link-new-window:hover:before{
  color:rgba(62,126,188,1);
}
.static_site .internal-link:hover,.static_site .external-link-new-window:hover {
  color:rgba(62,126,188,1);
}
.static_site .internal-link,.static_site .external-link-new-window {
  margin-right: .4em;
}

/* MAIL STYLE BEI MAILLINKS IM TEXT EINER STATISCHEN SEITE */
.static_site .mail:before {
  color: #013686;
  content: "\f16d";
  margin-right: .4em;
  margin-left: .4em;
  font-family: "foundation-icons";
}
.static_site .mail:hover:before{
  color:rgba(62,126,188,1);
}
.static_site .mail:hover {
  color:rgba(62,126,188,1);
}
.static_site,.formbuchen {
  padding-bottom: 1.5em;
  background: #fff;
}



/* 
///
/// SUCHE  FULLTEXT INDEXSEARCH
///
*/

.suchergebniss {
  margin-top: .6em;
  margin-bottom: .6em;
  border: .1em solid #F7F7F7;
  padding: 1em;
}
.suchergebniss:hover {
  background: #f7f7f7;
}
.sucheprozent {
  background: red;
  border-radius: 9em;
  padding-top: .9em;
  color: white;
  width: 3em;
  height: 3em;
  float: left;
  text-align: center;
}
.textprozent {
  font-size: .8em;
  padding: .1em;
}
ul.browsebox {
  font-size: .8em;
  text-align: center;
}
.tx-indexedsearch-browselist-currentPage {
  background: #f7f7f7;
}
.suchetitle {
  padding: 1em;
  margin-left: 3em;
}




/* relTrips */
.relatedTrips {
  background: #f7f7f7;
  padding: .4em;margin: .4em;font-size: .8em;
}
.relatedTrips:hover{
  background: #fff;
}
.relatedTrips p{
  font-size: 1em;
  margin: 0em;
}

.readmore-js-section {
  background:#efefef;
}



/*SYMBOLE */
i.symbole {
  padding: .5em;
}




.pictripdesclist {
  float:left;
  margin: 1em;
}



/*
  CD Image Slider 
*/
#cd-slide-plugin {padding: 2em 0;}
#cd-slide-plugin .item {margin: .5em;}
#cd-slide-plugin img:hover {opacity: .8;background: rgba(255, 255, 255, 0.5)}
.cd-slide-plugin-header {padding-top: 2em;}
.cd-image-slider-text:hover {background:rgba(1, 54, 134, .7);color:white;font-size: 1em;padding: .5em;}
.cd-image-slider-text {background:rgba(1, 54, 134, 1);color:white;font-size: 1em;padding: .5em;min-height: 5em;}
.cd-image-slider-text a{color:white;}
.cd-slide-plugin-header h2 {text-transform: uppercase;font-size: 1.8em}

#cd-slide-plugin-2 {padding: 2em 0;}
#cd-slide-plugin-2 .item {margin: .5em;}
#cd-slide-plugin-2 img:hover {opacity: .8;background: rgba(255, 255, 255, 0.5)}

#cd-slide-plugin img,#cd-slide-plugin-2 img {border-bottom:rgba(1, 54, 134, .7) solid .3em; }


/*
***
*** FOOTER
***
*/
#footer {
  padding: 1em 0 1em 0;
  background: #4F4F4F;
  color: #fff;
  background-image: url('/fileadmin/screendesign/cdc_de/images/bg/bruecken.png');
  background-repeat: no-repeat;
  background-position: 50% center;
}

#footer h5 {
  color: white;
  font-size: 1.2em;
}

.videobox img:hover {opacity:.9;}

.footer-format {
  font-size: .8em;
  color:#aaa;
}
.footer-format a{
  color:#aaa;
}
.footer-format a:hover{
  color:#fff;
}

.impressum {margin-top:1em;}
@media only screen and (max-width: 40em) {
.footer-format {
  font-size: 1em;
  color:#aaa;
}
}

/* GOOGLE MAPS 100% Überall!!! */
.iframe-rwd {
  position: relative;
  padding-bottom: 65.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.iframe-rwd iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*
//////////////////////////
/////// TABS ////////////
//////////////////////// 
*/

/* TABS und spez. Style */

.tabs {
  background: #fff;
}
.tabs dd > a {
  padding: 0.6em;
  font-size: 1em;
  background: #fff;
  font-weight: bolder;
}
.tabs dd.active a {
  background: #efefef;
}
.tabs-content > .content.active {
  background: #efefef;
}
.tabs-content .content.active {
  padding: 1em;
}
.noClass {
  line-height: 1.4em;
}
/*ENDE TABS UND SPEZ. STYLE */

/* ANIMIERE DIE TABS */
.tabs-content {
 *zoom: 1;
  margin-bottom: 1.5rem;
  /* Customized */
  display:block:important! opacity: 0;
}
  /* Customized */
  @-webkit-keyframes fadeIn {
 from {
opacity: 0;
}
to {
 opacity: 1;
}
}
 @keyframes fadeIn {
 from {
opacity: 0;
}
to {
 opacity: 1;
}
}
.tabs-content:before, .tabs-content:after {
  content: " ";
  display: table;
}
.tabs-content:after {
  clear: both;
}
.tabs-content > .content {
  display: none;
  float: left;
  padding: 0.9375rem 0;
}
.tabs-content > .content.active {
  /* Customized */
  -webkit-animation: fadeIn 1.5s;
  animation: fadeIn 1.5s;
  opacity: 1;
  display: block;
}

/*
//////////////////////////
/////// ENDE TABS ///////
//////////////////////// 
*/

/* NEWS TWEAKS */
.news-single-img {
text-align: center;
}
.news-single-img img{
border: .1em solid #efefef;
}

.news-list-container IMG {
  float: left;
}

.news-list-date {
  text-align: left;

}
.newsimglist { padding: 1em;}
.news-list-item img{
  float:left;

}
.news-list-item {
  padding: 1.4em;
}

.news-single-files,.news-single-related,.news-single-links {
  font-size: .8em;
}

.newsitem {
  background: transparent;

}

.newsitem:hover {
  background: rgba(235,235,235,.3);

}
.datenews {
  text-align: left;
  background: rgba(235,235,235,.8);
  margin: 1em 0;
}



/* 
///////////////////////////////////////////////////////////////////////
///////// TWEAKS TYPO3 
///////////////////////////////////////////////////////////////////////
*/

/* TEXT MIT BILD FÜR DIE ANGEBOTE ÄNDERN */
#cd-offer-slider .csc-textpic {
  font-size: .7em;
  min-height: 30em;
  background: rgba(34,83,159,1);
  -o-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -webkit-transition: -webkit-transform 1s;
  margin: 1em 0 1em 0;
  color:white;
}

#cd-offer-slider .csc-textpic p{
  font-size: 1.2em;
}

#cd-offer-slider .csc-textpic a{
   color:white;
}

#cd-offer-slider .csc-textpic:hover {
     -o-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -webkit-transition: -webkit-transform 1s;
  background: rgba(102,150,207,1);
  color:white;
}

#cd-offer-slider .owl-item {
  padding: 1em;
}

#cd-offer-slider .csc-textpic .bodytext {
  padding: 1em;
  color:white;
}


.important {color: #013686;}



/* Bei 400-620px Breite bleibt ein riesiges weißes Loch, der Slider selbst wird versteckt - EO */
@media only screen and (max-width: 40.062em) {
  .button.tiny.grey { background-color: #D2D2D2; margin-bottom: 0.7rem; }
  .startseiteslider { padding: 0; }
  #logo { padding-bottom: 0;  }
  .cd-logo {text-align: center;}
  .normal-rechts {
    background: none repeat scroll 0% 0% #F7F7F7;
    padding: 1em;
    border: 0px none;
    box-shadow: 0em 0em 0em #F7F7F7;
  }
  .sprachwechsel2 {margin:1em;}

}

/* Bei schmalen Auflösungen schon nach zwei Bildern pro Zeile umbrechen,
  um Löcher zu vermeiden - ausgetestet für Bildgrößen von 120x120 Pixeln! EO */
@media only screen and (min-width: 40.063em) and (max-width: 52.062em) {
  DIV.csc-textpic DIV.csc-textpic-imagecolumn:nth-child(2n+1){     clear:left; }
}
@media only screen and (max-width: 35.062em)  {
  DIV.csc-textpic DIV.csc-textpic-imagecolumn:nth-child(2n+1){     clear:left; }
}

/* Setzt in der rechten Navigation einen umbrechenden Text links bündig auf die gleiche Anfangsposition EO */
.normal-rechts ul { margin-bottom: 1em; }
.normal-rechts li {   padding: 0em 0em 0.3em 0em; }
.normal-rechts li:before,  .normal-rechts li:hover:before { margin-left: 0em;}

/* Bilder nebeneinander */

/* Float the columns */
DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; }

/* Border just around the image */
DIV.csc-textpic .csc-textpic-imagewrap IMG { border: none; display: block; }

DIV.csc-textpic-border DIV.csc-textpic-imagewrap IMG {   
    background-color: #F3F3F3;
    border: .1em solid #DDD;
    margin: .1em;
    padding: .2em;
    border-radius: 0;

}
DIV.csc-textpic-border DIV.csc-textpic-imagewrap IMG:hover {    box-shadow: none; }

/* Space below each image (also in-between rows) */
DIV.csc-textpic .csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 0.5em; }
DIV.csc-textpic .csc-textpic-imagewrap .csc-textpic-imagerow-last .csc-textpic-image { margin-bottom: 0.5em; }

/* colSpace around image columns */
DIV.csc-textpic-imagecolumn { margin-bottom: 0.5em; }
/* for last column */
DIV.csc-textpic-imagecolumn.csc-textpic-lastcol,
div.csc-textpic-imagewrap div[class*="column"] + [class*="column"]:last-child {
  margin-bottom: 0.5em; float: left;
}




/* Bilduntertitel in Fotoboxen kleiner, besserer Abstand zum Zähler - EO */
#colorbox, #cboxContent, #cboxLoadedContent {    font-size: 0.9em; }
#cboxTitle {    padding-left: 8.5em;    text-align: left; } 

/* YAG TWEAK EO 23.01.2015 */
.tx-yag-album-thumb-outerframe {      overflow: visible; }
.tx-yag-thumb-innerframe img, .tx-yag-image img {
    background-color: #F3F3F3;    border: .1em solid #DDD;
    margin: .1em;    padding: .4em;    border-radius: 0;
}
.tx-yag-thumb-innerframe img:hover,.tx-yag-image img:hover {
    background-color: #ccc;    border: .1em solid #ccc;
    margin: .1em;    padding: .4em;    border-radius: 0;
}


@media only screen and (min-width: 40.063em) and (max-width: 55em) {
  .tx-yag-album-thumb-outerframe {      height: auto; }
  .tx-yag-album-thumb-innerframe {    float: none; clear: both;   margin: 0;  }
}

@media only screen and (max-width: 37em) {
  .tx-yag-album-thumb-outerframe {      width: 100% !important; height: auto; }
}

@media only screen and (max-width: 22em)  {
  .tx-yag-album-thumb-outerframe {      width: 100% !important;  height: auto; }
  .tx-yag-album-thumb-innerframe {    float: none; clear: both;   margin: 0;  }
}

/* Logo erscheint unabhaengig von der Größe der Website immer dann, wenn der Header nach oben herausrollt und sticky wird */
li.name a.sticky_logo  {  display: none;}
@media only screen and (min-width: 45em) {
  .fixed li.name a.sticky_logo  {  display: inline-block !important;  }
}
@media only screen and (max-width: 40em) {
  li.name a.sticky_logo  {  display: inline-block !important;  }
}

/* BACK TO TOP */

.bt-top {
  display: inline-block;
  height: 40px;   width: 40px;
  position: fixed;   bottom: 40px;   right: 10px;
  overflow: hidden;   text-indent: 100%;   white-space: nowrap;
  background: rgba(150,150,150, 0.8) url("/fileadmin/screendesign/cdc_de/images/bg/cd-top-arrow.svg") no-repeat center 50%;
  visibility: hidden;   opacity: 0;
  -webkit-transition: opacity .2s 0s, visibility 0s .2s;
  -moz-transition: opacity .2s 0s, visibility 0s .2s;
  transition: opacity .2s 0s, visibility 0s .2s;
}
.bt-top.bt-is-visible, .bt-top.bt-fade-out, .no-touch .bt-top:hover {
  -webkit-transition: opacity .2s 0s, visibility 0s 0s;
  -moz-transition: opacity .2s 0s, visibility 0s 0s;
  transition: opacity .2s 0s, visibility 0s 0s;
}
.bt-top.bt-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.bt-top.bt-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .bt-top:hover {
  background-color: #6696cf;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .bt-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .bt-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}

.sprwechsel {
  float:right;
}