/* -----------------------------------------
:: Navbar M Height
----------------------------------------- */
/* --- navbar-collapse max-height truncating longer dropdowns on mobile devices ---*/
/*.navbar-collapse { max-height: none; }*/

/* --------------------------------------------------
:: Basics
--------------------------------------------------  */
body { font-family: 'pt_sans_narrowregular', sans-serif; font-size: 16px; color:#42565f; }
/* fixed navbar */
body { padding-top: 85px; }

/* --------------------------------------------------
:: Transition on Links
--------------------------------------------------  */
a,
.btn { transition: all 100ms ease-in-out; -moz-transition: all 100ms ease-in-out; -webkit-transition: all 100ms ease-in-out; }

/* -----------------------------------------
:: Typo
----------------------------------------- */
h1, h2, h3, h4, h5, h6 {font-family: 'pt_sans_narrowregular' , sans-serif}
a { color: #ffaa00; }
a:hover,
a:focus { color: #da9100; text-decoration: underline; }
a.link-white-underline { color: #ffffff; text-decoration: underline; }
a.link-white-underline:hover,
a.link-white-underline:focus { color: #da9100; text-decoration: underline; }

a.link-grey { color: #42565f; text-decoration: underline; }
a.link-grey:hover,
a.link-grey:focus { color: #da9100; text-decoration: underline; }

h1 { font-size: 30px; }
h1 span.underline { line-height: 1.4; border-bottom: 3px solid #ffaa00; padding-bottom:2px; }
h2 { font-size: 20px; margin-bottom: 5px; line-height: 1.2; }
h3 { font-size: 18px; margin-bottom: 5px; }
p.small { line-height: 1.25; }
p.caption { font-size: 16px; line-height: 1.2; background: #E2E6E9; padding: 10px 10px 15px 10px; }

.bold {font-family: 'pt_sans_narrowbold' }

/* -----------------------------------------
:: Listen
----------------------------------------- */
ul.list-style-type-none { list-style-type:none; padding-left: 0px; }


/* -----------------------------------------
:: Navbar
----------------------------------------- */
.navbar { border:0px; }
@media (min-width: 600px) {
.navbar-brand { padding-top: 15px; padding-bottom: 23px; }
}
.navbar-inverse { background-image: url('../images/artwork/8px.gif'); background-repeat: repeat-x ; background-position: bottom left; background-color: #003b75; border-color: #ffffff; }
.navbar-nav > li > a { padding-top: 15px; padding-bottom: 10px; font-size: 18px; text-transform: uppercase; }
.navbar-inverse .navbar-nav { margin-top: 0px; }
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus { color: #ffffff; background-color: transparent; }
.navbar-inverse .navbar-nav > li > a { color:#ffffff; }
.navbar-inverse .navbar-nav > li > .dropdown-menu { padding-top:0px; background-color: #003b75; border-color: #003b75; }
/*.navbar-inverse .navbar-nav > li > .dropdown-menu .divider { background-color: #0d284b;}*/
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus { background-color: #002345; }
.navbar-inverse .navbar-toggle { margin-top: 15px; border-color: transparent;}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus { background-color: #002345; }
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form { border-color: transparent; }
.navbar-inverse .navbar-collapse { padding-bottom: 30px; border-top: none; box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }

/* -----------------------------------------
:: metanav-header
----------------------------------------- */
.container-metanav-header { background: #002B55; }
.metanav-header { float: right; font-size: 15px; margin-top: 4px; margin-bottom: 4px; }
.metanav-header ul {margin-bottom: 0px;}
.metanav-header a { color:#9cb5cd; }

/* -----------------------------------------
:: col-right-margin
----------------------------------------- */
.col-right-margin { margin-top:40px; }

/* -----------------------------------------
:: container-search-xs
----------------------------------------- */
.container-search-xs {  position: relative; float: right; margin-top: -52px; margin-right: 55px; }
.container-search-xs > button { color: #ffffff; }
.container-search-xs > button { padding: 8px 10px 4px 10px; border-radius: 4px; margin-bottom: 8px; background-color: transparent; border-color: transparent; }
.container-search-xs > button:hover,
.container-search-xs > button:focus { color: #ffffff; background-color: #002345; border-color: #002345; }
.dropdown-menue-search-xs { position: fixed; top: 43px; background-color: #003b75; margin-top: 40px; padding: 20px 20px 10px 20px; border:0px none; border-radius: 0px; box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }

/* -----------------------------------------
:: containerCarousel
----------------------------------------- */
.containerCarouselHome + .teaserbox-dark { margin-top:0px; }
.containerCarouselHome .carousel-control { color: #42565f; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); width: 3%; top: -10%; }
.containerCarouselHome .carousel .item { animation-duration:3s; animation-delay:0.5s; -webkit-animation-duration: 3s; -webkit-animation-delay: 0.5s; -moz-animation-duration: 3s; -moz-animation-delay: 0.5s; -ms-animation-duration: 3s; -ms-animation-delay: 0.5s; -o-animation-duration: 3s; -o-animation-delay: 0.5s; }
.containerCarouselHome .carousel-inner { padding-bottom: 260px; }
.containerCarouselHome .carousel-caption {  padding: 10px; color: #42565f; text-shadow: none; bottom: -230px; right: 9%; left: 9%; background-color: rgba(255,255,255,0.8);}
.containerCarouselHome .carousel .carousel-caption h3,
.containerCarouselHome .carousel .carousel-caption p,
.containerCarouselHome .carousel .carousel-caption a { animation-duration:2s; animation-delay:1s; -webkit-animation-duration: 2s; -webkit-animation-delay: 1s; -moz-animation-duration: 2s; -moz-animation-delay: 1s; -ms-animation-duration: 2s; -ms-animation-delay: 1s; -o-animation-duration: 2s;  -o-animation-delay: 1s; }
.containerCarouselHome .carousel-caption h3 { font-size:30px; }
.containerCarouselHome .carousel-caption p { font-size:15px; }
.containerCarouselHome .carousel-indicators { bottom: 5px; }
.containerCarouselHome .carousel-indicators li { background-color: #ffffff; border-color: #999999; }
.containerCarouselHome .carousel-indicators li.active { background-color: #ffaa00; border-color: #ffaa00; }
/*.teaserbox .carousel [class*="col"] { border-top: 0px none; }*/

/* -----------------------------------------
:: Buttons
----------------------------------------- */
.btn { border-radius: 0px; }
.input-group-btn .btn { border-radius: 4px; }
.btn-default span.glyphicon { color: #686868; }
.btn-warning { background-color: #ffaa00; border-color: #ffaa00; }
h3 .btn { margin-left: 15px; }
.btn-inverse { color: #ffffff; background-color: #474949; border-color: #474949; }
.btn-inverse:hover { color: #ffffff; background-color: #ffaa00; border-color: #ffaa00; }

/* -----------------------------------------
:: Image
----------------------------------------- */
/* via jQuery (:after does not work with img ) */
.img-video-play-icon { position:absolute; left:40%; top:40%; }
img.border { border: 1px solid #E9E9E9; }

/* -----------------------------------------
:: Teaserbox
----------------------------------------- */
.teaserbox { margin-top: 40px; }
.teaserbox .btn-default { border-color: #ffffff; }
.teaserbox-dark { background: #60696e; color: #ffffff; }
.teaserbox-light { background: #E2E6E9; }
.teaserbox [class*="col"] { border-top: 10px solid #f3f3f3; }
.teaserbox [class*="col"]:first-child { border-top: 0px none; }
.teaserbox-dark [class*="col"] { border-top-color: #6f797e; }
.teaserbox-intro h1 { font-size: 34px; margin-bottom:0px; }
.teaserbox-button { position: relative; z-index: 10; bottom: 60px; margin-bottom: -35px; float: right; margin-right: -10px; }
.teaserbox-intro .teaserbox-intro-button { margin-bottom: -20px; margin-top: 50px;}
.teaserbox-intro .teaserbox-collapse-button { margin-bottom: 20px; }
.teaserbox-intro .dropdown-menu { top: 106%; left: 3%; }
.teaserbox h2 > h1 { margin-top: -10px; }

/* -----------------------------------------
:: Teaserbox Thumbnail
----------------------------------------- */
.teaserbox .thumbnail { margin-top: 15px; border-radius: 0px; background-color: transparent; border-color: transparent; }
.teaserbox .thumbnail-hover:hover { background-color: #6f797e; border-color: #6f797e; outline: 0; cursor:pointer; }
.teaserbox .thumbnail-hover:hover img,
.teaserbox .thumbnail-hover:hover h2,
.teaserbox .thumbnail-hover:hover p {opacity: 0.50; filter: alpha(opacity=50); -webkit-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out; }
.teaserbox .thumbnail-hover:hover .btn-warning { background-color: #ed9c28; border-color: #d58512; -webkit-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out; }
.teaserbox .thumbnail .blocklink {position: absolute;width: 100%;height: 100%;top: 0;left: 0; z-index: 1;}
.teaserbox.teaserbox-light .thumbnail-hover:hover { background-color: #f0f0f0; border-color: #f0f0f0; }
.teaserbox-light .thumbnail > h1,
.teaserbox-light .thumbnail > h2,
.teaserbox-light .thumbnail > h3 { margin-top: 0px; }
.teaserbox.teaserbox-dark [class*="col"]:first-child .thumbnail > img { margin-top:0px; }

/* -----------------------------------------
:: Teaserbox Carousel
----------------------------------------- */
.teaserbox .item { padding-left: 0px; padding-right: 0px; }
.teaserbox .carousel-indicators { bottom: 0px;}
.teaserbox .carousel-inner { min-height:200px; }
.teaserbox .carousel-inner .teaserbox-button { bottom: 120px; }
/*.teaserbox .carousel-inner img { padding-bottom: 20px; }*/


.teaserbox .carousel-control {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    position: relative;
    top: -27px;
    /*left: 32%;*/
    font-size: 50px;
}
.teaserbox .carousel-control .glyphicon-chevron-left,
.teaserbox .carousel-control .glyphicon-chevron-right {
    position: relative;
}




.teaserbox .carousel-control .icon-prev,
.teaserbox .carousel-control .glyphicon-chevron-left { left: 0%; }
.teaserbox .carousel-control .glyphicon-chevron-left { top: 2px; }
.teaserbox .carousel-control .icon-next,
.teaserbox .carousel-control .glyphicon-chevron-right { right: 0%; }
.teaserbox .carousel-inner .thumbnail {
    margin-bottom: 40px;
}
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
 /*   max-height: 500px;*/
}

/* -----------------------------------------
:: container-tabs
----------------------------------------- */
.container-tabs { margin-top: 60px; }
.container-tabs .item { padding-left: 50px; padding-right: 50px; }
.container-tabs .teaserbox { margin-top: 0px; }
.container-tabs .nav-tabs > li > a { font-size: 16px; padding: 10px; background-color: #b8c2c7; color: #333333; margin-right: 5px;  border-radius: 0px; }
.container-tabs-dark .nav-tabs { border-bottom: 0px none; margin-bottom: 1px; }
.container-tabs-dark .nav-tabs > li.highlight > a {  color: #ffffff; background-color: #da9100; }
.container-tabs-dark .nav-tabs > li.active > a,
.container-tabs-dark .nav-tabs > li.active > a:hover,
.container-tabs-dark .nav-tabs > li.active > a:focus { color: #eee; background-color: #60696e; border-color: transparent; }
.container-tabs .nav-tabs > li > a:hover { color: #eee; background-color: #60696e; border-color: transparent; }
.container-tabs .carousel-indicators { bottom: -20px;}
.container-tabs .carousel-inner { min-height:200px; }
.container-tabs .carousel-inner img { padding-bottom: 20px; }
.container-tabs .carousel-control { background-image: none; width: auto; }
.container-tabs .carousel-control .icon-prev,
.container-tabs .carousel-control .glyphicon-chevron-left { left: 0%; }
.container-tabs .carousel-control .icon-next,
.container-tabs .carousel-control .glyphicon-chevron-right { right: 0%; }
.tab-content [class*="col"] > img { margin-top:20px; margin-bottom: -20px;  }
.tab-content p, 
.tab-content ul { margin-bottom:30px;  }

/* -----------------------------------------
:: Panel
----------------------------------------- */
.panel-group .panel + .panel { margin-top: 3px; }
.panel-group .panel { border-radius: 0px; }
.panel-title { font-size: 18px; }
.panel-heading { border-top-right-radius: 0px; border-top-left-radius: 0px; padding: 15px; }
.panel-inverse { border:0px none; }
.panel-inverse > .panel-heading { color: #ffffff; background-color: #60696e; }
.panel-inverse .panel-body { background: #E2E6E9; }
.panel-body > h2 { margin-top: 10px; }

/* -----------------------------------------
:: Forms  Formulare
----------------------------------------- */
.form-control { border-radius: 0px;-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
fieldset { margin-top: 20px; margin-bottom: 30px; }
/*fieldset + fieldset { margin-top: 20px; margin-bottom: 30px; }*/
.fieldset-small + .fieldset-small { margin-top: 20px; }
/* Fix Bug Chrome: white Background (when displayed on colored background) */
input[type="radio"] { zoom: 0.999; }
input[type="text"] + input[type="text"] { margin-top: 10px; }
input[type="text"] + input[type="password"] { margin-top: 10px; }
label, input, select, textarea {  font-family: 'pt_sans_narrowregular', sans-serif; font-weight: normal; font-size: 16px !important; }
.input-small { font-size: 14px !important; }
button { font-family: 'pt_sans_narrowregular', sans-serif; }
legend { color: #42565f; border: none; margin-bottom: 15px; }
label { font-size: 16px !important; }
/*.teaserbox-dark*/
.container-tabs-dark .form-control { border-color: #ffffff; }

/* --- Validation --- */
.icon-asterisk { color: #ffaa00; }
.help-block ul { color: #ffaa00; margin-left: -40px; list-style-type: none; font-size: 14px !important; }
.control-group.error input,
.control-group.error select,
.control-group.error textarea { border-color: #ffaa00; -webkit-box-shadow: 0 0 6px #ffaa00; -moz-box-shadow: 0 0 6px #ffaa00; box-shadow: 0 0 6px #ffaa00; }

/* -----------------------------------------
:: container-background-grey
----------------------------------------- */
.container-background-grey { background: #e4e4e4; position: absolute; height: 80%; width: 100%; z-index: -1; }

/* -----------------------------------------
:: Login /Signin
----------------------------------------- */
.form-signin { max-width: 330px; padding: 15px; margin: 0 auto; }
h2.form-signin-heading { margin-bottom: 20px; }

/* -----------------------------------------
:: Video
----------------------------------------- */
/*.container-video { max-width: 560px; padding-top: 40px; margin: 0 auto; }*/


/* -----------------------------------------
:: Sitemap
----------------------------------------- */
.list-sitemap > li > ul { margin-left: 40px; }
.list-sitemap h1 { border-bottom: 3px solid #ffaa00; padding-top: 30px; text-transform: uppercase; }
/*.list-sitemap li:first-child h1 { padding-top: 0px; }*/

/* -----------------------------------------
:: Tables
----------------------------------------- */
.table { margin-top: 0px; }
.container-tabs-dark .tab-content .table-hover > tbody > tr:hover > td,
.container-tabs-dark .tab-content .table-hover > thead > tr:hover > th {  background-color: #495359; }
.container-tabs-dark .table-hover > tbody > tr > td,
.container-tabs-dark .table-hover > thead > tr > th { border-color:#ffffff; }

/* -----------------------------------------
:: Youtube Video Responsive
----------------------------------------- */
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* -----------------------------------------
:: Footer
----------------------------------------- */
#footer { margin-top: 40px; color: #ffffff; }
#footer a { color: #ffffff; }
#footer a:hover,
#footer a.active,
#footer a:focus { color: #da9100; }
.footer-top { padding: 10px 0px 8px 0px; background: #90979c; }
.footer-bottom { padding: 10px 0px 8px 0px; background: #60696e; }
.footer-bottom ul.list-inline li { display:block; padding-left: 0px; }


/* -----------------------------------------
:: Scroll to Top of Page
----------------------------------------- */
.trigger-scroll-to-top { display: none; position: fixed; bottom: 30px; right:0px;  }
.trigger-scroll-to-top a { font-size: 20px; }
.trigger-scroll-to-top .btn { border-top-left-radius:4px; border-bottom-left-radius:4px; }
.trigger-scroll-to-top .btn span.glyphicon { padding-left: 2px; }

/* -----------------------------------------
:: Specials
----------------------------------------- */

/* ----- Fügt (bei unterschiedliche Höhen) bei z.B. Wells nach jedem x-ten ein Clear ein  ----- */
.one-up li { clear: both; }
.two-up div:nth-child(2n+3) { clear: left; } /* Jede 2. Zeile beginnend ab der 3. Zeile */
.three-up div:nth-child(3n+4) { clear: left; } /* Jede 3. Zeile beginnend ab der 4. Zeile */
.four-up div:nth-child(4n+5) { clear: left; } /* Jede 4. Zeile beginnend ab der 5. Zeile */
.five-up div:nth-child(5n+6) { clear: left; } /* Jede 5. Zeile beginnend ab der 6. Zeile */
.six-up div:nth-child(6n+7) { clear: left; } /* Jede 6. Zeile beginnend ab der 7. Zeile */

/* -----------------------------------------
:: Abfolgen
----------------------------------------- */
h2 + h1 { margin-top: 0px; }
h2 + p { margin-top: 15px; }
h1 + p { margin-top: 20px; }
h2 + img  { margin-top: 15px; }


/* -----------------------------------------------------------------------
:: Media Queries
----------------------------------------------------------------------- */

/* Extra small devices (phones, up to 480px) */
/* No media query since this is the default in Bootstrap */


/* Small devices (tablets, 768px and up) min-width: @screen-sm */
    /* ---- teaserbox ---- */
    .teaserbox { margin-top: 0px; }
    .teaserbox [class*="col"] { border-top: 0px none; padding-top: 0px; }
    .teaserbox-intro { background: #c7cbce; }
    .teaserbox-intro .col-transparent { background: rgba(255, 255, 255, .85); }
.carousel-caption {
  position: initial;
}
.containerCarouselHome .carousel-inner {
    padding-bottom: 10px;
}
@media (min-width: 480px) {
	.carousel-caption {
	  position: absolute;
	}
	.containerCarouselHome .carousel-inner {
		padding-bottom: 260px;
	}
}
@media (min-width: 768px) {

    /* ---- Basics ---- */
    body { padding-top: 156px; }

    /* ---- .containerCarouselHome ---- */
    .containerCarouselHome .carousel-inner { padding-bottom: 0px; }
    .containerCarouselHome .carousel-caption { bottom: -10px; right: 40%; left: 8%; }
    .containerCarouselHome .carousel-caption h3 { font-size: 30px; }
    .containerCarouselHome .carousel-caption p { font-size:17px; margin-bottom: 20px; }
    .containerCarouselHome .carousel .carousel-control { color: #ffffff; }
    .containerCarouselHome .carousel .carousel-control span { display:inline-block; background:#222; border-radius:50px; height:50px; width:50px; line-height:49px; text-align:center; }

    /* ---- container-tabs ---- */
    .container-tabs-dark { color: #ffffff; background-image: url('../images/artwork/60696e-y.gif'); background-position: 0px 47px; background-repeat: repeat-x; }
    .container-tabs .carousel-indicators { bottom: 0px; }


    /* ---- metanav-header ---- */
    .container-metanav-header { background: transparent; }
    .metanav-header { margin-top: 10px; margin-bottom: 0px; }

    /* ---- Navbar ---- */
    .navbar-brand { margin-right: 30px; padding-top: 0px; padding-bottom: 25px; }
    .navbar-header { margin-top: 10px; }
    .navbar-nav > li > a { padding-top: 30px; padding-bottom: 20px; text-transform: uppercase; }
    .navbar-inverse { background-image: url('../images/artwork/dotted.gif'), url('../images/artwork/8px.gif'); background-repeat: no-repeat, repeat-x ; background-position: bottom left, bottom left; }
    .navbar-inverse .navbar-nav > li > a { border-bottom: 8px solid #ffffff; }
    .navbar-inverse .navbar-nav > li > a:hover { border-bottom: 8px solid #ffaa00; }
    .navbar-inverse .navbar-nav > .open > a,
    .navbar-inverse .navbar-nav > .open > a:hover,
    .navbar-inverse .navbar-nav > .open > a:focus { background-color: transparent; border-bottom: 8px solid #ffaa00; }
    .navbar-inverse .navbar-nav > .active > a { border-bottom: 8px solid #ffaa00; }
    .navbar-inverse .navbar-collapse { padding-bottom: 0px; }

    /* ---- Buttons ---- */
    .btn-xl {  padding: 12px 22px; font-size: 24px; }


    
    .teaserbox-intro-fish { background-image: url('../images/artwork/doradeCut.png'); background-repeat: no-repeat; background-position: 0% 0%; }

    /*.teaserbox-dark*/
    .container-tabs-dark legend { color:#ffffff; }

    /* ---- teaserbox carousel ---- */
    .teaserbox .carousel-indicators {  }
    .teaserbox .item { padding-left: 50px; padding-right: 50px; }
    .teaserbox .carousel-control {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: auto;
        font-size: 30px;
        color: #ffffff;
        text-align: center;
    }
    .teaserbox .carousel-control .glyphicon-chevron-left,
    .teaserbox .carousel-control .glyphicon-chevron-right {
        position: absolute;
    }
    .teaserbox .carousel-control .glyphicon-chevron-left { top: 50%; }

    /* ---- teaserbox thumbnail ---- */
    .teaserbox .thumbnail { margin-top: 25px; }

    /* ---- Footer ---- */
    #footer { margin-top: 60px; }
    .footer-bottom ul.list-inline li { display: inline-block; padding-left: 5px; }
    .footer-bottom ul.list-inline li:first-child { padding-left: 0px; }

    /* ---- Tabs ---- */
    .container-tabs .carousel-inner { min-height: 250px; }
	.row .thumbnail {
		min-height: 380px;
	}
}

/* Medium devices (desktops, 992px and up) min-width: @screen-md */
@media (min-width: 992px) {
    body { padding-top: 106px; }
	.row .thumbnail {
		min-height: 300px;
	}
    /* ---- .containerCarouselHome ---- */
    .containerCarouselHome .carousel-caption { bottom: 90px; right: 40%; left: 10%; }
    .containerCarouselHome .carousel-caption h3 { font-size:36px; }

    /* ---- Navbar ---- */
    .navbar-nav > li > a { font-size: 20px; }

    /* ---- Tabs ---- */
    .container-tabs .carousel-inner { min-height: 300px; }
    .container-tabs-dark .nav-tabs > li.highlight > a {  font-size: 21px; padding: 10px 20px 10px 20px; bottom: 5px; margin-left: 15px; margin-bottom: -5px; }
    .container-tabs .nav-tabs > li > a { font-size: 18px; padding: 10px 15px; }

    /* ---- teaserbox carousel ---- */
    .teaserbox .carousel-inner { min-height: 300px; }

}
.yamm .yamm-content a {
    font-size: 16px;
	white-space: nowrap;
	margin-right:10px;
}