@charset "utf-8"; /* Template Name: AKZENT Author: <a href="https://www.hb-medien.de/">Maik Heine</a> Author URI: https://www.hb-medien.de/ Licence URI: https://www.hb-medien.de/template-terms File: Layout CSS */ @import url("bootstrap.min.css"); @import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700"); @import url("http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css"); /* body{margin-top:20px;} */ .fa-fw {width: 2em;} .vnav { padding-top: 20px; } .date{ padding-left: 16px; } #toTop{ position: fixed; bottom: 15px; right: 10px; cursor: pointer; display: none; } body { margin: 0; padding: 0; color:#111; background-color:#FFF; font-family: 'Roboto Condensed', sans-serif; font-size: 1.5rem; box-sizing: border-box; } .main { margin: 0; padding: 25px; } .breadcrumb { margin-top: 25px; padding: 0 0 0 32px; } section { padding: 45px 25px 25px 45px; } /* Topbar *******************************************************************************/ .topbar { text-transform: uppercase; text-shadow: 1px 1px 1px #111; font-size: 1.2rem; padding: 10px 15px; } .topbar span { margin: 0 5px 0 0; line-height:normal; } .topbar * { margin: 0; padding: 0; list-style: none; } .topbar ul li { display: inline-block; margin-right: 5px; padding-right: 10px; border-right: 1px solid; } .topbar ul li:last-child { margin-right: 0; padding-right: 0; border-right:none; } .topbar a:link { color: #DADBDD; text-decoration: none; } .topbar a:visited { color: #DADBDD; text-decoration: none; } .topbar a:hover { color: #FE9900; } .topbar a:active { color: #DADBDD; } .bg-topbar { color:#DDD; background-color:#444; border-bottom: 1px solid #FFF; box-shadow: 0px 1px 5px 1px #444; opacity: 0.95; filter: alpha(opacity=95); /* For IE8 and earlier */ /* background-color:#5981B2 */ } /* Header *******************************************************************************/ .head { color: #FFF; /* #DADBDD */ text-shadow: 1px 2px 3px #333; } .head h1 { color: #222; font-size: 4rem; padding: 125px 0 0 100px; margin: 0; text-shadow: 0 0 10px #FFF, 0 0 5px #666; } .head h2 { text-transform: uppercase; padding: 25px 0 0 0; margin: 0; font-size: 3.5rem; line-height: 22px; } .head h4 { color: #222; font-size: 2.4rem; padding: 0 0 0 100px; margin: 0; text-shadow: 0 0 10px #FFF, 0 0 5px #666; } .head p { padding: 0; margin: 0; font-size: 2.4rem; } .head img { padding: 20px 0 20px 10px; margin: 0; } .head .bg-head { background: linear-gradient(to bottom, #80BBE7, #7998C1); border-bottom: 1px solid #FFF; /* box-shadow: 0px 1px 5px 1px #444;*/ } .head .bg-slogan { background-color: #C9E8FA; border-bottom: 1px solid #FFF; box-shadow: 0px 1px 5px 0px #444; opacity: 0.95; filter: alpha(opacity=95); /* For IE8 and earlier */ } .head .slogan { background-repeat: no-repeat; background-position: left; height: 300px; background: linear-gradient(to right, #C9E8FA, transparent 40%), url("../img/0003-1.jpg"); } .head .page h2 { color: #000; font-size: 3rem; padding: 75px 0 0 210px; margin: 0; text-shadow: 0 0 10px #FFF, 0 0 5px #666; } .head .page h4 { color: #FFF; font-size: 2.4rem; padding-left: 210px; margin: 0; text-shadow: 0 0 10px #FFF, 0 0 5px #666; } .head .page { background-repeat: no-repeat; background-position: center, bottom; height: 150px; background: linear-gradient(to right, #C9E8FA, transparent 40%), url("../img/0003-1.jpg"); } .head .bg-page { background-color: #C9E8FA; border-bottom: 1px solid #FFF; box-shadow: 0px 1px 5px 0px #444; opacity: 0.95; filter: alpha(opacity=95); /* For IE8 and earlier */ } /* Navigation *******************************************************************************/ /* Content *******************************************************************************/ .date { margin: 0; padding-top: 25px; font-size: 1.4rem; } .tab-info { background-color: #EEE; } .tab-info img { padding: 15px 0; } /* Footer *******************************************************************************/ .footer { text-shadow: 1px 1px 1px #111; font-size:1.2rem; color:#999; padding: 7px 0; background-color:#444; border-top: 1px solid #FFF; height: 30px; } /* Alerts *******************************************************************************/ .alert-danger { margin: 25px 0; } /* Media *******************************************************************************/ /* Extra small devices (phones, 600px and down) */ @media only screen and (max-width: 600px) { .head h1 { color: #222; font-size: 3rem; padding: 125px 0 0 100px; margin: 0; text-shadow: 0 0 10px #FFF, 0 0 5px #666; } .head h2 { text-transform: uppercase; padding: 25px 0 0 0; margin: 0; font-size: 2.5rem; line-height: 22px; } .head h4 { color: #222; font-size: 1.4rem; padding: 0 0 0 100px; margin: 0; text-shadow: 0 0 10px #FFF, 0 0 5px #666; } } /* Created on : 26.02.2019, 20:18:07 Author: <a href="https://www.hb-medien.de/">Maik Heine</a> Author URI: https://www.hb-medien.de/ Licence URI: https://www.hb-medien.de/template-terms */ .hb-footer{ background: #272727; margin-top: 60px; padding-bottom: 30px; } .hb-footer .footer-single{ margin-top: 30px; } .hb-footer .footer-title{ display: block; margin: 10px 0 25px 0; border-bottom: 1px dotted #e4e9f0; } .hb-footer .footer-single a{ text-decoration: none; } .hb-footer .footer-single h2{ color: #eee; font-size: 18px; font-weight: 200; display: inline-block; border-bottom: 2px solid #FF9900; /* #7BFF00 */ padding-bottom: 5px; margin-bottom: -2px; } .hb-footer .footer-single li{ border-top: solid 1px #353535; } .hb-footer .footer-single li:first-child{ border-top: none; } .hb-footer .footer-single li a{ color: #979797; font-size: 12px; padding: 6px 0px; display: block; transition:all 0.4s ease-in-out; } .hb-footer .footer-single li a:hover{ color: #FF9900; } .hb-footer .footer-single li a:hover i{ color: #FF9900; } .hb-footer .dummy-logo { margin-top: 11px; padding-bottom: 9px; } .hb-footer .dummy-logo .icon { margin-right: 10px; border-radius: 20px; margin-top: 24px; } .hb-footer .brand { background: #7BFF00; } .hb-footer .dummy-logo i { font-size: 50px; color: #fff; padding: 5px; } .hb-footer .dummy-logo p { color: #999; font-size: 12px; } .hb-footer .dummy-logo h2 { font-size: 24px !important; border-bottom: none; color: #696969; padding: 5px 0; } .hb-footer .btn-footer{ border: 1px solid #FF9900; /* #7BFF00 */ margin-top: 10px; color: #999; } .hb-footer .btn-footer:hover{ background: #FF9900; /* #7BFF00 */ color: #fff; transition:all 0.4s ease-in-out; } .hb-footer .useful-links li a{ text-transform: uppercase; } .hb-footer .footer-project a{ font-size: 13px; } .hb-footer .footer-project img{ margin-bottom: 20px; border: 1px solid #979797; /* #666 */ border-radius: 5px; padding: 1px; opacity: 0.7; transition:all 0.4s ease-in-out; } .hb-footer .footer-project img:hover{ opacity: 1.0; cursor: pointer; } .hb-footer .footer-project .footer-title{ margin-top: 0; padding: 0; } .hb-footer .footer-single p, .footer-single address{ color: #979797; font-size: 14px; margin-top: 5px; line-height: 22px; } .hb-copyright{ background: #171717; padding-bottom: 10px; color: #979797; } .hb-copyright .copyrt{ margin-top: 22px; font-size: 14px; } .hb-copyright .copyrt a{ color: #979797; } .pull-right{ padding: 3px 0 0 0; } @media(max-width: 767px) { .xs-center{ text-align: center; } .left-clear{ padding-left: 0; } .right-clear{ padding-right: 0; } } /* Created on : 20.02.2019, 17:34:31 Author: <a href="https://www.hb-medien.de/">Maik Heine</a> Author URI: https://www.hb-medien.de/ Licence URI: https://www.hb-medien.de/template-terms */ /* Timeline */ .timeline, .timeline-horizontal { list-style: none; padding: 20px; position: relative; } .timeline:before { top: 40px; bottom: 0; position: absolute; content: " "; width: 3px; background-color: #eeeeee; left: 50%; margin-left: -1.5px; } .timeline .timeline-item { margin-bottom: 20px; position: relative; } .timeline .timeline-item:before, .timeline .timeline-item:after { content: ""; display: table; } .timeline .timeline-item:after { clear: both; } .timeline .timeline-item .timeline-badge { color: #fff; width: 54px; height: 54px; /* 54 */ line-height: 52px; font-size: 22px; text-align: center; position: absolute; top: 18px; left: 50%; margin-left: -25px; background-color: #7c7c7c; border: 3px solid #ffffff; z-index: 100; border-top-right-radius: 50%; border-top-left-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; } .timeline .timeline-item .timeline-badge i, .timeline .timeline-item .timeline-badge .fa, .timeline .timeline-item .timeline-badge .glyphicon { top: 2px; left: 0px; } .timeline .timeline-item .timeline-badge.primary { background-color: #1f9eba; } .timeline .timeline-item .timeline-badge.info { background-color: #5bc0de; } .timeline .timeline-item .timeline-badge.success { background-color: #59ba1f; } .timeline .timeline-item .timeline-badge.warning { background-color: #d1bd10; } .timeline .timeline-item .timeline-badge.danger { background-color: #ba1f1f; } .timeline .timeline-item .timeline-panel { position: relative; width: 46%; float: left; right: 16px; border: 1px solid #c0c0c0; background: #ffffff; border-radius: 2px; padding: 20px; -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175); } .timeline .timeline-item .timeline-panel:before { position: absolute; top: 26px; right: -16px; display: inline-block; border-top: 16px solid transparent; border-left: 16px solid #c0c0c0; border-right: 0 solid #c0c0c0; border-bottom: 16px solid transparent; content: " "; } .timeline .timeline-item .timeline-panel .timeline-title { margin-top: 0; color: inherit; } .timeline .timeline-item .timeline-panel .timeline-body > p, .timeline .timeline-item .timeline-panel .timeline-body > ul { margin-bottom: 0; } .timeline .timeline-item .timeline-panel .timeline-body > p + p { margin-top: 5px; } .timeline .timeline-item:last-child:nth-child(even) { float: right; } .timeline .timeline-item:nth-child(even) .timeline-panel { float: right; left: 16px; } .timeline .timeline-item:nth-child(even) .timeline-panel:before { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; } .timeline-horizontal { list-style: none; position: relative; padding: 50px 0px 20px 0px; /* 20 */ display: inline-block; } .timeline-horizontal:before { height: 3px; top: auto; bottom: 26px; left: 56px; right: 0; width: 100%; /* 100% */ margin-bottom: 20px; } .timeline-horizontal .timeline-item { display: table-cell; height: 280px; width: 20%; min-width: 200px; /* 320 */ float: none !important; padding-left: 0px; padding-right: 20px; margin: 0 auto; vertical-align: bottom; } .timeline-horizontal .timeline-item .timeline-panel { top: auto; bottom: 64px; display: inline-block; float: none !important; left: 0 !important; right: 0 !important; width: 100%; margin-bottom: 20px; } .timeline-horizontal .timeline-item .timeline-panel:before { top: auto; bottom: -16px; left: 28px !important; right: auto; border-right: 16px solid transparent !important; border-top: 16px solid #c0c0c0 !important; border-bottom: 0 solid #c0c0c0 !important; border-left: 16px solid transparent !important; } .timeline-horizontal .timeline-item:before, .timeline-horizontal .timeline-item:after { display: none; } .timeline-horizontal .timeline-item .timeline-badge { top: auto; bottom: 0px; left: 43px; } /* Created on : 03.03.2019, 15:55:39 Author: <a href="https://www.hb-medien.de/">Maik Heine</a> Author URI: https://www.hb-medien.de/ Licence URI: https://www.hb-medien.de/template-terms */ /* MODAL */ .modal-header-success { color:#fff; padding:15px 15px; border-bottom:1px solid #eee; background-color: #5cb85c; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .modal-header-warning { color:#fff; padding:9px 15px; border-bottom:1px solid #eee; background-color: #f0ad4e; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .modal-header-danger { color:#fff; padding:9px 15px; border-bottom:1px solid #eee; background-color: #d9534f; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .modal-header-info { color:#fff; padding:9px 15px; border-bottom:1px solid #eee; background-color: #5bc0de; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .modal-header-primary { color:#fff; padding:9px 15px; border-bottom:1px solid #eee; background-color: #428bca; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } /* Created on : 08.03.2019, 20:01:12 Author: <a href="https://www.hb-medien.de/">Maik Heine</a> Author URI: https://www.hb-medien.de/ Licence URI: https://www.hb-medien.de/template-terms */ /* CAROUSEL */ #fade-quote-carousel.carousel { /* background-image: url("img/fa_hi_01.jpg"); */ padding: 10px 15px; } #fade-quote-carousel.carousel .carousel-inner .item { opacity: 0; -webkit-transition-property: opacity; -ms-transition-property: opacity; transition-property: opacity; } #fade-quote-carousel.carousel .carousel-inner .active { opacity: 1; -webkit-transition-property: opacity; -ms-transition-property: opacity; transition-property: opacity; } #fade-quote-carousel.carousel .carousel-indicators > li { border: none; } .hb_bg-blue { margin-top: 25px; background-color: #2F619C; color: #FFF; /* opacity: 0.8; /* transparenz */ box-shadow: 0 2px 15px #272727; border-radius: 5px; } .hb_bg-blue .pic { padding: 20px 0; } /* SERVICE BOX */ .serviceBox{ padding:10px 0; } .serviceBox .service-icon{ background: hsl(214, 12%, 35%); color: #fff; width: 64px; height: 64px; line-height:64px; font-size:33px; text-align:center; float: left; } .serviceBox:hover .service-icon{ background:#e98b39; } .serviceBox .service-content{ margin-left:85px; } .serviceBox .service-content h3{ margin-top: 5px; color:#000; } .serviceBox .service-content p{ color:#000; line-height:21px; } @media screen and (max-width: 990px){ .serviceBox { margin-bottom: 5px; } } /* */ /* TAX NEWS */ .tax-separator { padding-right:5px; padding-left:5px; } .tax-section-img { margin-top: 25px; } .tax-section-box { padding: 5px 35px; } .tax-section-box p { padding: 5px 0; } .tax-section-box .comment { color: gray; padding: 5px 0; } .tax-section-box hr { margin-top: 0; margin-bottom: 5px; border: 0; border-top: 1px solid rgb(199, 199, 199); } /* Small devices (portrait tablets and large phones, 600px and up) */ @media only screen and (min-width: 600px) {} /* Medium devices (landscape tablets, 768px and up) */ @media only screen and (min-width: 768px) {} /* Large devices (laptops/desktops, 992px and up) */ @media only screen and (min-width: 992px) {} /* Extra large devices (large laptops and desktops, 1200px and up) */ @media only screen and (min-width: 1200px) {}