/* open-sans-300 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: url('https://fonts.kabeljournal.de/open-sans-v29-latin/open-sans-v29-latin-300.eot'); /* IE9 Compat Modes */ src: local(''), url('https://fonts.kabeljournal.de/open-sans-v29-latin/open-sans-v29-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://fonts.kabeljournal.de/open-sans-v29-latin/open-sans-v29-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('https://fonts.kabeljournal.de/open-sans-v29-latin/open-sans-v29-latin-300.woff') format('woff'), /* Modern Browsers */ url('https://fonts.kabeljournal.de/open-sans-v29-latin/open-sans-v29-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://fonts.kabeljournal.de/open-sans-v29-latin/open-sans-v29-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-regular - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url('https://fonts.kabeljournal.de/open-sans-v29-latin/open-sans-v29-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('https://fonts.kabeljournal.de/open-sans-v29-latin/open-sans-v29-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://fonts.kabeljournal.de/open-sans-v29-latin/open-sans-v29-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('https://fonts.kabeljournal.de/open-sans-v29-latin/open-sans-v29-latin-regular.woff') format('woff'), /* Modern Browsers */ url('https://fonts.kabeljournal.de/open-sans-v29-latin/open-sans-v29-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://fonts.kabeljournal.de/open-sans-v29-latin/open-sans-v29-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-500 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 500; src: url('https://fonts.kabeljournal.de/open-sans-v29-latin/open-sans-v29-latin-500.eot'); /* IE9 Compat Modes */ src: local(''), url('https://fonts.kabeljournal.de/open-sans-v29-latin/open-sans-v29-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://fonts.kabeljournal.de/open-sans-v29-latin/open-sans-v29-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('https://fonts.kabeljournal.de/open-sans-v29-latin/open-sans-v29-latin-500.woff') format('woff'), /* Modern Browsers */ url('https://fonts.kabeljournal.de/open-sans-v29-latin/open-sans-v29-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://fonts.kabeljournal.de/open-sans-v29-latin/open-sans-v29-latin-500.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-600 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: url('https://fonts.kabeljournal.de/open-sans-v29-latin/open-sans-v29-latin-600.eot'); /* IE9 Compat Modes */ src: local(''), url('https://fonts.kabeljournal.de/open-sans-v29-latin/open-sans-v29-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://fonts.kabeljournal.de/open-sans-v29-latin/open-sans-v29-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('https://fonts.kabeljournal.de/open-sans-v29-latin/open-sans-v29-latin-600.woff') format('woff'), /* Modern Browsers */ url('https://fonts.kabeljournal.de/open-sans-v29-latin/open-sans-v29-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://fonts.kabeljournal.de/open-sans-v29-latin/open-sans-v29-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-700 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url('https://fonts.kabeljournal.de/open-sans-v29-latin/open-sans-v29-latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('https://fonts.kabeljournal.de/open-sans-v29-latin/open-sans-v29-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://fonts.kabeljournal.de/open-sans-v29-latin/open-sans-v29-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('https://fonts.kabeljournal.de/open-sans-v29-latin/open-sans-v29-latin-700.woff') format('woff'), /* Modern Browsers */ url('https://fonts.kabeljournal.de/open-sans-v29-latin/open-sans-v29-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://fonts.kabeljournal.de/open-sans-v29-latin/open-sans-v29-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-800 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; src: url('https://fonts.kabeljournal.de/open-sans-v29-latin/open-sans-v29-latin-800.eot'); /* IE9 Compat Modes */ src: local(''), url('https://fonts.kabeljournal.de/open-sans-v29-latin/open-sans-v29-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://fonts.kabeljournal.de/open-sans-v29-latin/open-sans-v29-latin-800.woff2') format('woff2'), /* Super Modern Browsers */ url('https://fonts.kabeljournal.de/open-sans-v29-latin/open-sans-v29-latin-800.woff') format('woff'), /* Modern Browsers */ url('https://fonts.kabeljournal.de/open-sans-v29-latin/open-sans-v29-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://fonts.kabeljournal.de/open-sans-v29-latin/open-sans-v29-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-300italic - latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 300; src: url('https://fonts.kabeljournal.de/open-sans-v29-latin/open-sans-v29-latin-300italic.eot'); /* IE9 Compat Modes */ src: local(''), url('https://fonts.kabeljournal.de/open-sans-v29-latin/open-sans-v29-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://fonts.kabeljournal.de/open-sans-v29-latin/open-sans-v29-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('https://fonts.kabeljournal.de/open-sans-v29-latin/open-sans-v29-latin-300italic.woff') format('woff'), /* Modern Browsers */ url('https://fonts.kabeljournal.de/open-sans-v29-latin/open-sans-v29-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://fonts.kabeljournal.de/open-sans-v29-latin/open-sans-v29-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-italic - latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 400; src: url('https://fonts.kabeljournal.de/open-sans-v29-latin/open-sans-v29-latin-italic.eot'); /* IE9 Compat Modes */ src: local(''), url('https://fonts.kabeljournal.de/open-sans-v29-latin/open-sans-v29-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://fonts.kabeljournal.de/open-sans-v29-latin/open-sans-v29-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('https://fonts.kabeljournal.de/open-sans-v29-latin/open-sans-v29-latin-italic.woff') format('woff'), /* Modern Browsers */ url('https://fonts.kabeljournal.de/open-sans-v29-latin/open-sans-v29-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://fonts.kabeljournal.de/open-sans-v29-latin/open-sans-v29-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-500italic - latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 500; src: url('https://fonts.kabeljournal.de/open-sans-v29-latin/open-sans-v29-latin-500italic.eot'); /* IE9 Compat Modes */ src: local(''), url('https://fonts.kabeljournal.de/open-sans-v29-latin/open-sans-v29-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://fonts.kabeljournal.de/open-sans-v29-latin/open-sans-v29-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */ url('https://fonts.kabeljournal.de/open-sans-v29-latin/open-sans-v29-latin-500italic.woff') format('woff'), /* Modern Browsers */ url('https://fonts.kabeljournal.de/open-sans-v29-latin/open-sans-v29-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://fonts.kabeljournal.de/open-sans-v29-latin/open-sans-v29-latin-500italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-600italic - latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 600; src: url('https://fonts.kabeljournal.de/open-sans-v29-latin/open-sans-v29-latin-600italic.eot'); /* IE9 Compat Modes */ src: local(''), url('https://fonts.kabeljournal.de/open-sans-v29-latin/open-sans-v29-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://fonts.kabeljournal.de/open-sans-v29-latin/open-sans-v29-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */ url('https://fonts.kabeljournal.de/open-sans-v29-latin/open-sans-v29-latin-600italic.woff') format('woff'), /* Modern Browsers */ url('https://fonts.kabeljournal.de/open-sans-v29-latin/open-sans-v29-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://fonts.kabeljournal.de/open-sans-v29-latin/open-sans-v29-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-700italic - latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 700; src: url('https://fonts.kabeljournal.de/open-sans-v29-latin/open-sans-v29-latin-700italic.eot'); /* IE9 Compat Modes */ src: local(''), url('https://fonts.kabeljournal.de/open-sans-v29-latin/open-sans-v29-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://fonts.kabeljournal.de/open-sans-v29-latin/open-sans-v29-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('https://fonts.kabeljournal.de/open-sans-v29-latin/open-sans-v29-latin-700italic.woff') format('woff'), /* Modern Browsers */ url('https://fonts.kabeljournal.de/open-sans-v29-latin/open-sans-v29-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://fonts.kabeljournal.de/open-sans-v29-latin/open-sans-v29-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-800italic - latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 800; src: url('https://fonts.kabeljournal.de/open-sans-v29-latin/open-sans-v29-latin-800italic.eot'); /* IE9 Compat Modes */ src: local(''), url('https://fonts.kabeljournal.de/open-sans-v29-latin/open-sans-v29-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://fonts.kabeljournal.de/open-sans-v29-latin/open-sans-v29-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */ url('https://fonts.kabeljournal.de/open-sans-v29-latin/open-sans-v29-latin-800italic.woff') format('woff'), /* Modern Browsers */ url('https://fonts.kabeljournal.de/open-sans-v29-latin/open-sans-v29-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://fonts.kabeljournal.de/open-sans-v29-latin/open-sans-v29-latin-800italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* Move down content because we have a fixed navbar that is 50px tall */ body { padding: 50px 0 0 0; } /* sitespec */ .page { background: #fff; position: relative; z-index: 99; padding-top: 70px; padding-bottom: 40px; } @media (min-width: 768px) { .page { padding-left: 30px; padding-right: 30px; } } @media (min-width: 992px) { .page { padding-left: 50px; padding-right: 50px; } } .page-divider { background-color: #fff; padding: 5px 0; position: relative; z-index: 99; } .page-fuss { color: #fff; background-color: #000; padding-top: 25px; padding-bottom: 25px; position: relative; z-index: 99; } .page-fuss a { color: #e8d420; text-decoration: none; } .page-fuss a:hover, .page-fuss a:focus { color: #e8d420; text-decoration: underline; } .title-page { text-align: center; margin-bottom: 40px; vertical-align: middle; } .title-page .title { color: #183067; font-size: 30px; margin: 0 0 10px 0; vertical-align: middle; } .title-page .title-description { font-size: 24px; font-weight: 200; margin: 0; } .ohne_rand { padding-left: 0px; padding-right: 0px; } .start { /* background-color: #183067; */ background-size: cover; background-position: center center; background-repeat: none; padding: 15px 5px; height: 300px; color: #fff; } #img1 { background-image: url('../img/bild15.jpg'); } #img2 { background-image: url('../img/bild3.jpg'); } #img3 { background-image: url('../img/bild13.jpg'); } #grad { background: #183067; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(left, #293f72, #152b5c); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(right, #293f72, #152b5c); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(right, #293f72, #152b5c); /* For Firefox 3.6 to 15 */ background: linear-gradient(to right, #293f72, #152b5c); /* Standard syntax */ } @media (max-width: 767px) { .start { padding: 15px 5px; height: 300px; } } /* BS-anpassungen*/ html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { font-family: "Open Sans","Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.42857143; color: #555; background-color: #cfd4d8; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { color: #152b5c; text-decoration: none; } a:hover, a:focus { color: #183067; text-decoration: underline; } a:focus { /* outline: thin dotted; */ outline: none; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .navbar-fixed-top { top: 0; border-width: 0 0 0px; border-color: #645f57; } .navbar-brand { float: left; height: 50px; padding: 4px 20px; font-size: 18px; line-height: 20px; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-brand > img { display: block; height: 40px; } .nav > li > a { position: relative; display: block; padding: 15px 15px; } @media (min-width: 768px) and (max-width: 991px) { .nav > li > a { padding: 15px 8px; } } @media (min-width: 768px) { .navbar-left { float: left !important; } .navbar-right { float: right !important; margin-right: -15px; } .navbar-right ~ .navbar-right { margin-right: 0; } } .navbar-inverse { background-color: #585a5c; border-color: #080808; } .navbar-inverse .navbar-brand { color: #9d9d9d; } .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-text { color: #9d9d9d; } .navbar-inverse .navbar-nav > li > a { color: #fff; } .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { color: #f1e095; background-color: #000; } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { color: #fff; background-color: #caa967; } .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus { color: #444; background-color: transparent; } .navbar-inverse .navbar-toggle { border-color: #333; } .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #333; } .navbar-inverse .navbar-toggle .icon-bar { background-color: #fff; } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #101010; } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { color: #fff; background-color: #080808; } @media (max-width: 767px) { .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { border-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #9d9d9d; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { color: #fff; background-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #444; background-color: transparent; } } .navbar-inverse .navbar-link { color: #9d9d9d; } .navbar-inverse .navbar-link:hover { color: #fff; } .navbar-inverse .btn-link { color: #9d9d9d; } .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus { color: #fff; } .navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:focus { color: #444; } /* CUSTOMIZE THE CAROUSEL -------------------------------------------------- */ /* Carousel base class */ .carousel { height: 500px; margin-bottom: 0px; } /* Since positioning the image, we need to help out the caption */ .carousel-caption { z-index: 10; } /* Declare heights because of positioning of img element */ .carousel .item { height: 500px; background-color: #fff; } .carousel-inner > .item > img { position: absolute; top: 0; left: 0; min-width: 100%; } .image { background-size: cover; background-position: top center; background-repeat: no-repeat; } @media (max-width: 1199px) { .carousel, .carousel .item { height: 450px; } } @media (max-width: 991px) { .carousel, .carousel .item { height: 400px; } } @media (max-width: 767px) { .carousel, .carousel .item { height: 350px; } } @media (min-width: 768px) { /* Navbar positioning foo */ .navbar-wrapper { margin-top: 20px; } .navbar-wrapper .container { padding-right: 15px; padding-left: 15px; } .navbar-wrapper .navbar { padding-right: 0; padding-left: 0; } /* The navbar becomes detached from the top, so we round the corners */ .navbar-wrapper .navbar { border-radius: 4px; } /* Bump up size of carousel content */ .carousel-caption p { margin-bottom: 20px; font-size: 21px; line-height: 1.4; } .featurette-heading { font-size: 50px; } } /* form-formatierungen */ input, button, select, textarea { font-weight: 400; font-family: "Open Sans","Helvetica Neue", Helvetica, Arial, sans-serif; outline: 0; } input:focus, textarea:focus, input[type="text"]:focus { outline: 0; } input:-moz-placeholder, textarea:-moz-placeholder { color: #608400; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #608400; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #608400; } #contact-form { margin-bottom: 0; } #contact-form p { margin-bottom: 1px; } #contact-form input, #contact-form textarea { border: #caa967 1px solid; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: #fff; color: #1a256b; font-size: 16px; height: auto; padding: 15px; margin: 0; resize: none; } #contact-form input { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #contact-form textarea { width: 100%; resize: vertical; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #contact-form .submit { background: #caa967; color: #fff; cursor: pointer; display: inline-block; font-size: 20px; font-weight: 500; padding: 16px 40px; text-align: center; vertical-align: middle; width: auto; margin-top: 30px; -webkit-transition: background 0.1s linear 0s, color 0.1s linear 0s; -moz-transition: background 0.1s linear 0s, color 0.1s linear 0s; -o-transition: background 0.1s linear 0s, color 0.1s linear 0s; transition: background 0.1s linear 0s, color 0.1s linear 0s; } #contact-form .submit:hover { background: #ba8a2a; color: #FFFFFF; } #response { margin-top: 20px; color: red; } #contact-form p { margin: 10px 0; } /* abstände / formatierungen */ .fett { /* color: #fff; */ font-size: 20px; font-weight: 400; } .gross { /* color: #fff; */ font-size: 25px; } .bottom15 { margin-bottom: 15px; } .bottom25 { margin-bottom: 25px; } .bottom50 { margin-bottom: 50px; } .top15 { margin-top: 15px; } .top25 { margin-top: 25px; } .top50 { margin-top: 50px; } .left20 { margin-left:20px; } .mittig { text-align: center; } img.logo { width: 50px; margin-bottom: 15px; } img.full { width: 100%; max-width: 490px; } ul.ohne { list-style: outside none none; margin: 10px 50px 10px 0; overflow: hidden; } .ohne li { margin: 10px 0px; padding: 0; } .ohne li.left20 { margin: 10px 0px 10px 50px; padding: 0; } ul.mittig { list-style: outside none none; margin: 10px 0px 10px 0; padding: 0; overflow: hidden; } .mittig li { text-align: center; margin: 20px 0px; padding: 0; } .mittig li img { text-align: center; margin: 10px 0 15px; padding: 0; width: 70%; max-width: 350px; min-width: 250px; } /* ext */ body { width: 100%; height: 100%; } html { width: 100%; height: 100%; } @media(min-width:767px) { /* .navbar { padding: 10px 0; -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out; -moz-transition: background .5s ease-in-out,padding .5s ease-in-out; transition: background .5s ease-in-out,padding .5s ease-in-out; } */ .top-nav-collapse { padding: 0; } }