/* Source Sans Pro: 300, 400, 700 */

/* GENERELL */
body { font-family: 'Gudea', sans-serif; font-size: 1.5em !important; line-height:150%; font-weight: 300; color: #616a70; background-color: #f4f4f0; padding-top: 50px; }
a { color: #616a70; }
.img-responsive { border: 0; -ms-interpolation-mode: bicubic; max-width: 100%; height: auto; width: auto; }
.jumbotron { background-color: #fff; margin-top: 30px; }
h1, h2, h3, h4, h5, a { font-weight: 400; }
h1 { font-size: 1.4em; text-transform: uppercase; letter-spacing: 0.2em; }
h2 { font-size: 1.2em; line-height: 130%; }
h3 { font-size: 1.4em; text-transform: uppercase; letter-spacing: 0.2em; }

.well { border: 0; box-shadow: inset 0 0 0; background-color: #f7f5f2; }
.thumbnail { border: 0; }
hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px dotted #D3D3D3; clear: both; }
.page-header { border-bottom: 0; }

/* VIERER */
.vierer { background-color: #616a70; padding: 30px 0; }
.vierer h3, .vierer p { color: #f4f4f0; }

/* FUSS */
.fuss { background-color: #616a70; padding: 30px 0; }
.fuss h3, .fuss p, .fuss a { color: #f4f4f0; }

/* BUTTON */
.btn { border-radius: 0; }

.btn-bd { color: #f4f4f0; background-color: #616a70; text-shadow: 0 1px 1px rgba(0,0,0,0.1); letter-spacing: 0.2em; font-weight: 400; }
.btn-bd:hover { color: #fff; background-color: #A7AAAE; }
.btn-bd:active { color: #fff; background-color: #A7AAAE; }

.btn-default { color: #f4f4f0; background-color: #606a70; border-color: #f4f4f0; text-shadow: 0 1px 1px rgba(0,0,0,0.1); letter-spacing: 0.2em; font-weight: 400; }

/* NAVI */
.navbar-fixed-top {border-width: 0 0 0; }
.navbar-inverse { background-color: #616a70; }
.navbar-inverse .navbar-nav>li>a { color: #f4f4f0; text-transform: uppercase; letter-spacing: 0.2em; font-weight: 400; }
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { color: #fff; background-color: #A7AAAE; }
.navbar-brand { color: #f4f4f0 !important; }
.navbar-inverse .navbar-toggle { border-color: #fff; }

@media (max-width:767px) { .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #f4f4f0; font-size: 1.2em } }


/* PAGINATION */
.pagination>li>a, .pagination>li>span, .pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {color: #616a70; }
.pagination > li:first-child > a, .pagination > li:first-child > span { border-top-left-radius: 0; border-bottom-left-radius: 0 }
.pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 0; border-bottom-right-radius: 0 }

/* GALLERY */
.gallery img { filter: gray; /* IE6-9 */  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */    margin-bottom:25px; }
.gallery img:hover { filter: none; /* IE6-9 */  -webkit-filter: grayscale(0); /* Google Chrome, Safari 6+ & Opera 15+ */ }
#lightbox .modal-content { display: inline-block; text-align: center; }

.gallerist { background: #EEE; }
.gallerist img { display: block; height: 200px; }
@media screen and ( min-width: 768px ) { .gallerist img { height: 400px; } }

/* BACK TO TOP */
.back-to-top { cursor: pointer;  position: fixed; bottom: 30px; right: 30px; display: none; background-color: #A7AAAE; color: #fff !important; }

/* SVG */
svg { width: 100%; height: auto; }
path { fill: #fff; stroke: #BBBABA; stroke-width: 1px;  }
path:hover { fill: #eee; }

.video-list-thumbs{}
.video-list-thumbs > li { margin-bottom:12px }
.video-list-thumbs > li:last-child {}
.video-list-thumbs > li > a { display: block; position: relative; background-color: #363636; color: #F2F0F2; padding: 8px; border-radius: 0; }
.video-list-thumbs > li > a:hover { background-color:#000; transition:all 500ms ease; box-shadow:0 2px 4px rgba(0,0,0,.3); text-decoration:none }
.video-list-thumbs h2 { bottom: 0; font-size: 14px; height: 33px; margin: 8px 0 0; }
.video-list-thumbs .glyphicon-play-circle{ font-size: 60px; opacity: 0.6; position: absolute; right: 39%; top: 31%; text-shadow: 0 1px 3px rgba(0,0,0,.5); }
.video-list-thumbs > li > a:hover .glyphicon-play-circle{ color:#fff; opacity:1; text-shadow:0 1px 3px rgba(0,0,0,.8); transition:all 500ms ease; }
.video-list-thumbs .duration{ background-color: rgba(0, 0, 0, 0.4); border-radius: 2px; color: #fff; font-size: 11px; font-weight: bold; left: 12px; line-height: 13px; padding: 2px 3px 1px; position: absolute; top: 12px; }
.video-list-thumbs > li > a:hover .duration{ background-color:#000; transition:all 500ms ease; }
@media (min-width:320px) and (max-width: 480px) { .video-list-thumbs .glyphicon-play-circle{ font-size: 35px; right: 36%; top: 27%; } .video-list-thumbs h2{ bottom: 0; font-size: 12px; height: 22px; margin: 8px 0 0; } }


/* BILDER */
.img-responsive-links { float: left !important; border: 0; -ms-interpolation-mode: bicubic; max-width: 100%; height: auto; width: auto; border-radius: 6px; margin-right: 15px; margin-bottom: 15px;}
.img-responsive-rechts { float: right !important; border: 0; -ms-interpolation-mode: bicubic; max-width: 100%; height: auto; width: auto; border-radius: 6px; margin-left: 15px; margin-bottom: 15px; }
.img-50-links { float: left !important; border: 0; -ms-interpolation-mode: bicubic; max-width: 50%; height: auto; width: auto; border-radius: 6px; margin-right: 15px; margin-bottom: 15px;}
.img-50-rechts { float: right !important; border: 0; -ms-interpolation-mode: bicubic; max-width: 50%; height: auto; width: auto; border-radius: 6px; margin-left: 15px; margin-bottom: 15px; }
.img-33-links { float: left !important; border: 0; -ms-interpolation-mode: bicubic; max-width: 33%; height: auto; width: auto; border-radius: 6px; margin-right: 15px; margin-bottom: 15px;}
.img-33-rechts { float: right !important; border: 0; -ms-interpolation-mode: bicubic; max-width: 33%; height: auto; width: auto; border-radius: 6px; margin-left: 15px; margin-bottom: 15px; }
.img-25-links { float: left !important; border: 0; -ms-interpolation-mode: bicubic; max-width: 25%; height: auto; width: auto; border-radius: 6px; margin-right: 15px; margin-bottom: 15px;}
.img-25-rechts { float: right !important; border: 0; -ms-interpolation-mode: bicubic; max-width: 25%; height: auto; width: auto; border-radius: 6px; margin-left: 15px; margin-bottom: 15px; }

.faqs dl{margin-bottom:20px}
.faqs dl,.faqs dt,.faqs dd{padding:0; margin:0}
.faqs{padding-top:20px; border:1px solid #eee; padding:20px; border-top:0; margin-top:10px}
.faqstitle{color:#333; font-size:15px; line-height:0; background:#f7f7f7; margin-bottom:-18px; border:1px solid #f1f1f1; padding:20px}
.faqs dt{font-size:13px; background:url(/media-bauausschreibung/allgemein/plus.png) 0 4px no-repeat; padding:3px 0 10px 30px; position:relative; font-weight:400}
.faqs dt:hover{cursor:pointer}
.faqs dd{padding:0 0 5px 30px; position:relative; line-height:1.8}
.faqs .hover{color:#0E8FAB}
.faqsicon{float:left; margin-top:-9px!important; padding-right:10px; font-size:18px}