/* Put your custom styles here */

body { background: #67686a; }
.header { margin: 40px 0 10px 0; font-size: 12px; }
.header,header a { color: #ffffff; }
.header img { float: left; margin-right: 10px; }
.info { font-size: 13px; }
.menu { padding-left: 100px; }
.nav>li>a { padding: 5px; }
.menulang a { padding-left: 4px; }
.logo { position: relative; }
.logo img { position: absolute; top: 30px; left: 0; z-index: 10; }
.slide img,.slide2 img { float: right; max-width: 1095px; }
.bgslide { height: 600px; }
img.imglft { float: left; margin-right: 10px; }

#hdr { position: relative; z-index: 105; }
#slide2,#slide3 { margin-top: -70px; position: relative; z-index: 8; }

#content { background: transparent; margin-top: -70px; padding-bottom: 20px }
#rgbcontent { background: transparent; margin-top: 0; padding-bottom: 20px }
.button-red { position: relative; width: 160px; height: 120px; background-color: #cd1719; padding: 10px 0 0 45px; z-index: 10; }
.button-blue { position: relative; float: left; width: 160px; height: 120px; background-color: #2f3480; padding: 10px 0 0 0; margin-right: 10px; text-align: center; z-index: 10; }
.button-red h2,.button-blue h2,.button-red a,.button-blue a { font-family: 'Futura', 'Trebuchet MS','Open Sans Condensed', sans-serif; font-size: 16px; color: #ffffff; }
.namen { position: relative; z-index: 9; }
.namen img { max-width: 180px; margin-left: 45px; margin-top: -10px; }
.anlese { float: left; position: relative; width: 100%; margin: 10px 0; }
.anlesetxt { position: absolute; top: 10px; left: 10px; color: #ffffff; font-family: 'Futura', 'Trebuchet MS','Open Sans Condensed', sans-serif; }

.news { float: left; background: #dcddde; margin-bottom: 10px; padding: 10px; }
.news h3 { font-weight: 300; color: #2f3480; }
.nummer1,.nummer2,.nummer3 { float: left; width: 15%; margin-right: 15%; text-align: center; }
.nummer1 h4 { font-family: 'Futura', 'Trebuchet MS','Open Sans Condensed', sans-serif; font-size: 24px; background-color: #bfc0bf; padding: 2px 10px; }
.nummer2 h4 { font-family: 'Futura', 'Trebuchet MS','Open Sans Condensed', sans-serif; font-size: 24px; background-color: #b1aeaf; padding: 2px 10px; }
.nummer3 h4 { font-family: 'Futura', 'Trebuchet MS','Open Sans Condensed', sans-serif; font-size: 24px; background-color: #949594; padding: 2px 10px; }
.aktuell { float: left; width: 70%; }
.aktuell h4 { font-family: 'Futura', 'Trebuchet MS','Open Sans Condensed', sans-serif; font-size: 16px; margin-bottom: 0; }
.aktuell p:first-child { margin-top: 0; }
.aktuellv { float: left; padding-left: 30%; width: 100%; }
.aktuellv a { color: #949594; }

.footer { padding-top: 20px; border-top: 1px #ffffff solid; }
.footer,.footer p,.footer a { font-family: 'Futura', 'Trebuchet MS','Open Sans Condensed', sans-serif; font-size: 1em; color: #ffffff }

#suche { float: right; padding-top: 10px; }
button, input, optgroup, select, textarea { color: #000000; }

/* Inhaltsseiten */
.lgo,.nmn,.btn-red { float: left; }
.lgo img,.nmn img { max-height: 120px; }
.btn-red { width: 160px; height: 120px; background-color: #cd1719; padding: 10px; margin-right: 10px; z-index: 10; }
.btn-blue { float: left; width: 160px; height: 120px; background-color: #2f3480; padding: 10px; margin-right: 10px; text-align: center; z-index: 10; }
.btn-blue2 { position: relative; float: left; width: 160px; height: 160px; background-color: #2f3480; padding: 60px 0 }
.btn-red h2,.btn-blue h2,.btn-red a,.btn-blue a { font-family: 'Futura', 'Trebuchet MS','Open Sans Condensed', sans-serif; font-size: 14px; color: #ffffff; margin-top: 10px; }
.btn-blue2 h2,.btn-blue2 a { font-family: 'Futura', 'Trebuchet MS','Open Sans Condensed', sans-serif; font-size: 18px; color: #ffffff; margin: 0; line-height: 20px; text-align: center; vertical-align: middle;}
.cntnt { float: left; background: #dcddde; margin-bottom: 10px; padding: 40px 10px 10px 140px; }
.cntnt h4 { font-weight: 700; }
.blockdiv { float: left; width: 698px; }
.blockdivk { float: left; width: 100%; margin-top: -200px; }
.blockbild { float: left; width: 160px; margin: 15px 0 15px 0; }
.blockbild img { margin-bottom: 10px; }
.bockbild p:first-child,.blockbild h3 { margin-top: 0; }
.blockbildk { float: left; width: 160px; margin: 15px 10px 15px -110px; }
.blocktxt { float: right; width: 520px; }
.blocktxtk { float: left; max-width: 520px; margin-left: 110px; }
a.btnlist { float: left; color: #ffffff; background-color: #2f3480; width: 150px; height: 100px; line-height: 100px; text-align: center; font-weight: bold; margin: 0 10px 10px 0 }
a:hover.btnlist { float: left; color: #cccccc; }

#ftrcontent { background: #dcb8c2; border-top: 5px solid #ffffff }
#ftrcontent ul { list-style: disc } 

.navbar-collapse { padding-left: 0; }
.navbar-default { border-color: #fff }
.dropdownc a { color: #000 }
.dropdown:hover .dropdown-menu { display: block; }
.dropdown:hover .dropdownc { display: block; }

.footer-text a { color: #fff }
.team-details h4 { font-size: 16px }

.row-eq-height {
 display: -webkit-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
}

h4.member-name { font-family: "Arial Bold", sans-serif; color: #ffffff; font-weight: 700 }
.team-details { color: #ffffff }

#gallery { float: left; width: 100%; margin: 0 }
.galerie { float: left; margin: 0 1px 1px 0; line-height: auto; text-align: center }

.bg-danger { padding: 10px }
.crop { float: left; width: 200px; height: 120px; overflow: hidden }
.crop img { padding: 0 10px 10px 0 }
.imgb  { margin: 0 0 20px 0 }
.imgr { margin-right: 10px }
.imgl { margin-left: 10px }
.imgk { padding-top: 48px; }
.deepblue { font-family: "Arial Bold", sans-serif; font-weight: 700; background: #721530; color: #ffffff; padding: 10px; min-height: 64px }
.deepblue p { margin: 0 }
.brdrght { border-right: 1px solid #ffffff }
.brdrtop { border-top: 1px solid #ffffff }
.brdrlft { border-left: 1px solid #ffffff }
.rgb1 { float: left; width: auto; max-width: 280px; color: #ffffff; font-size: 12px;  }
.rgb1 p { font-size: 12px;  }
.rgb2 { float: right; width: auto; max-width: 852px; }

p.umbruch { clear: both; line-height: 2px; margin: 0 }
span.hyphen,.ablese { display: none; }
a.back-to-top { display: none; width: 60px; height: 60px; text-indent: -9999px; position: fixed; z-index: 999; right: 20px; bottom: 20px; background: #00296A url("/js/images/up-arrow.png") no-repeat center 43%; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px }

/* carousel settings */
.carousel { height: 600px }
.item, .active, .carousel-inner { height: 100% }
/* Background images are set within the HTML using inline CSS, not here */
.fill { width: 100%; height: 100%; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover }
.carousel-caption h1,.carousel-caption h2 { font-family: 'Futura', 'Trebuchet MS','Open Sans Condensed', sans-serif; font-weight: 700 }
.carousel-caption h3 { font-family: 'Futura', 'Trebuchet MS','Open Sans Condensed', sans-serif; font-weight: 600 }

.swiper-container { width:100%; height:376px; margin-left: auto; margin-right: auto }
.swiper-slide { background-position:center; }
.swiper-slide-active { opacity:1; }
.swiper-slide h1 { color: #ffffff; font-size: 36px; text-align: center; padding-top: 200px; text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.6); }

/* Small Devices */

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

#header-1 .brand-img { float: left; margin: 10px auto; max-width: 200px }
#header-1 .main-nav .navbar-nav > li a { font-size: 12px }

}

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

.swiper-container2 { width:100%; height:auto; margin-left: auto; margin: 5px auto }
.swiper-slide { background-size: cover; background-position: center; }
.ablese { display: block; }

.namen,.anlese { display: none; }
span.hyphen { display: inline; }
.button-red,.button-blue { float: left; width: 100px; height: 80px; padding: 5px; text-align: center; margin-right: 1px }
.button-red a,.button-blue a { font-size: 14px }

.header { margin-top: 0; }
#header-1 .main-nav .navbar-toggle { top: 0; right: 15px; }
.logo img,.lgo img { max-height: 100px; }
.btn-red,.btn-blue { height: 65px; width: 120px; }

.slide img { max-width: 100%; }

#content { margin-top: 0; }
.cntnt { padding: 10px; }
.blockdiv { float: left; width: 100%; }
.blockbild { float: left; width: 100%; margin: 5px 0; }
.blocktxt { float: left; width: 100%; }

#slide3 { margin-top: 0; }
.rgb1 { float: left; width: 100%; max-width: 100%;  }
.rgb2 { float: left; width: 100%; max-width: 100%; }
.rgbcntnt { font-size: 12px; }

.blockdivk { float: left; width: 100%; margin: 0; }
.blockbildk { display: none; }
.blocktxtk { float: left; max-width: 100%; margin-left: 0; }
.imgk { padding-top: 0; }

}

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

.namen,.anlese { display: none; }
.button-red,.button-blue { float: left; width: 80px; height: 80px; padding: 5px; text-align: center; margin-right: 1px }
.button-red a,.button-blue a { font-size: 12px }

}