@charset "UTF-8";

img, object, embed, video, iframe {
  max-width: 100%;
}
/* IE 6 unterstützt keine maximale Breite, verwenden Sie daher eine Standardbreite von 100% */
.ie6 img {
  width:100%;
}

/* Layout für Mobilgeräte: 480 px oder weniger. */

#seite {
max-width: 1024px;
margin: auto;
}

header {
border-bottom: 1px solid rgb(24,43,72);
}
.custom-logo {
  display: visible;
  padding:  0em 5%;
}
#navigation-oben {
  padding:  0em 5%;
  margin: 0 0 0em 0;
}
.slideshowck-kopf {
border-top: 1px solid rgb(24,43,72);
}

main {
  padding:  2em 5%;
}
.blog-featured .items-row {
text-align: center;
}

.blog-featured .item-image .img_caption {
width: 100% !important;
}

.blog-featured .item-image .img_caption img {
max-width: 150px;
}


#links {
  clear: both;
  float: left;
  margin: 0em 2%;
  width: 96%;
  display: block;
}
#rechts {
  clear: both;
  float: left;
  margin:0%;
  padding: calc(1.25em - 1px) 2%;
  width: 96%;
  display: block;
  /*border-top: 1px solid rgba(24,43,72,0.5);*/
}

.contactinfo {
  margin: 0 0 1em 0;

}
.info_image img {
width: 50%;
max-width: 250px;
  margin: 0 0 0.5em 0;
}
.pull-right {
margin: 0 0 1em 0em;
clear: both;
display: block;
}
footer {
border-top: 1px solid rgb(24,43,72);
background: rgba(24,43,72, 0.5);
padding: 2em 5% 4em 5%;
}
footer ul {
margin:0;
padding:0;
}
footer li {
list-style: none;
}
footer a {
color: #fff;
}
footer a:visited {
color: #fff;
}


/* Layout für Tablet-PCs: 641 bis 768 px. Erbt Stile vom: Layout für Mobilgeräte. */

@media only screen and (min-width: 641px) {
#links {
  clear: both;
  float: left;
  margin: 0 2% 0 8%;
  width: 65%;
  display: block;
}
#rechts {
  clear: none;
  float: left;
  margin: 0 0 0 0%;
  width: 18%;
  display: block;
}
.pull-right {
float: right;
margin: 0 0 1em 1em;
}
}

/* Desktoplayout: 769 bis maximal 1232 px.  Erbt Stile von: den Layouts für Mobilgeräte und Tablet-PCs. */

@media only screen and (min-width: 769px) {

.yendifplayer, img {
  max-width: 50% !important;
}
.blog-featured .items-row {
width: calc(19.5% - 1em);
display: inline-block;
margin-right: 1em;
text-align: center;
vertical-align: top;
}

.blog-featured .items-row:nth-child(5) {
width: 19.5%;
margin-right: 0;
}

}
@media only screen and (min-width: 1080px) {

.custom-logo {
  padding:  0;
}
#navigation-oben {
  padding:  0;
}
main {
  padding:  2em 0%;
}

}