/* * * ================================================================= * SKIN * ================================================================= * * Populate this file with the CSS of your custom design. * Include this file into the area of your pages, after the style.css and any other css file. * */ @import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700'); /* # VIDEO =================================================================== */ .section-video video { /*opacity: 0.05;*/ -webkit-filter: blur(1.51em); /* ^ Webkit browsers */ filter: blur(1.01em); filter: brightness(2.0); background-color: #404d60 !important; } /* # COLORS =================================================================== */ .btn:hover, .btn.btn-sm:hover { color:#00bce4 !important; } /* # CUSTOM CLASSES =================================================================== */ .slogan { width: 100%; color:#00bce4; font-weight: 900; font-size: 45px; line-height: 55px; margin-top: 0px; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.18823529411764706); text-transform: uppercase; } .slogan h2 { color:#00bce4 !important; } /* # LAYOUT & TYPOGRAPHY =================================================================== */ .section-home-slider h1 { font-size: 28px; line-height: normal; } /* # NAVIGATION MENU =================================================================== */ nav {background-color: #FFF !important;} /*.menu-brand:after*/ /*.menu-cnt:before { content: "Wir schaffen Lösungen. Kompetent, zuverlässig, hochwertig."; font-family: 'Montserrat', sans-serif; font-size:80%; color:#00bce4; line-height: normal; display: block; position: absolute; left: 0; text-transform: none; }*/ .menu-cnt > ul > li a, .col-lg-4 > ul > li a { color: #711f7e !important; } .menu-btn, i.scroll-top-btn { color: #711f7e !important; } .dropdown > ul, .dropdown-submenu > ul { min-width: 140px !important; } /* # HEADERS =================================================================== */ /* # FOOTER =================================================================== */ footer {background-color: rgb(113, 31, 126) !important;} /* # COMPONENTS =================================================================== */ .table-logos td { float:none; text-align: center; } /* # CONTAINERS =================================================================== */ /*.caption */.SlyTop { background-color: rgba(255, 255, 255, 0.85) !important; line-height: normal !important; } /*.caption */.SlyTop h3, p, a { color:rgb(0,71,103) !important; } .SlyTop h2 { /*color:rgb(113,31,126) !important;*/ color:#fff !important; text-transform: uppercase; margin-bottom:0px !important; margin-top: -1px !important; } .media-box-down .caption { /*text-align: center; background-color: rgba(255, 255, 255, 0.85) !important;*/ background-color: rgba(3, 191, 203, 0.95) !important; margin: 0 0px; overflow: inherit !important; height: auto !important; padding:10px; border-radius: 3px !important; } .media-box-down { margin-bottom: 180px; background: none !important; overflow: visible; } .media-box-down:after { content: "✉ \A Jetzt Kontakt aufnehmen!"; white-space: pre; } /*.media-box .caption h2, h3, p, a { color:rgb(0,71,103) !important; line-height: normal; margin-bottom: -20px !important; } .media-box-reveal .caption { height: 100%; }*/ /* # RESPONSIVE =================================================================== Large devices (desktops, less than 1200px) ------------------------------------------------------------------- */ @media (max-width: 1199.98px) { } /* Medium devices (tablets, less than 992px) ------------------------------------------------------------------- */ @media (max-width: 991.98px) { } /* Small devices (landscape phones, less than 768px) ------------------------------------------------------------------- */ @media (max-width: 767.98px) { } /* Extra small devices (portrait phones, less than 576px) ------------------------------------------------------------------- */ @media (max-width: 575.98px) { } /* COOKIE -------------------------------------------------------------------- */ #cookie-popup { text-align: center; background:rgba(0,0,0,.77); position: fixed; top: 0px; left: 0; right: 0; z-index: 9999; font-size:14px; line-height:20px; padding: 20px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2); } #cookie-popup p { color: #fff !important; } #cookie-popup a { color: #fff !important; text-decoration: underline; } #cookie-popup button { padding: 10px; border: none; cursor: pointer; margin:9px; background:rgba(255,0,0,1.00); color: #fff; } #cookie-popup button:hover { color: #000; } #cookie-popup.hidden { display: none; } /* # MAP =================================================================== */ .google-map { background:rgb(0,71,103); } .google-map iframe{ filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */ filter: gray opacity(75%); /* IE6-9 */ -webkit-filter: grayscale(1) opacity(75%); /* Google Chrome, Safari 6+ & Opera 15+ */ -moz-filter: grayscale(100%) opacity(75%); -ms-filter: grayscale(100%) opacity(75%); -o-filter: grayscale(100%) opacity(75%); filter: grayscale(100%) opacity(75%); /*filter: sepia(1); /* IE6-9 */ /*-webkit-filter: sepia(1); /* Google Chrome, Safari 6+ & Opera 15+ */ /*-moz-filter: sepia(1); -ms-filter: sepia(1); -o-filter: sepia(1); filter: sepia(1);*/ } /* filter: url(filters.svg#grayscale); -webkit-filter: grayscale(100%); -o-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);*/ .google-map{ position: relative; width: 100%; overflow: hidden; height: 200px; }