/* GLOBAL STYLES ------------------------------- gelb: #ffe37d Dunkelblau: #006ab3 Dunkelblau Mouseover #004b7d Hellblau: #4D81A4 Hellblau heller #CCDBE5 Rot: #e6301f Rot Mouseover #cb2c1a Grau: #3a3a39 Gelb #ffe37d Gelb Mouseover #ffd96e / f053 = zurück-pfeil / f054 = vor-pfeil -- alt: grün: #328041 hgrün: #8DA488 gelb: #fefeed */ @font-face { font-family: 'Ubuntu-Bold'; src: url('../fonts/Ubuntu-B.eot'); src: url('../fonts/Ubuntu-B.eot?#iefix') format('embedded-opentype'), url('../fonts/Ubuntu-B.woff') format('woff'), url('../fonts/Ubuntu-B.ttf') format('truetype'), url('../fonts/Ubuntu-B.svg#Ubuntu-Bold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'SourceSansPro-Regular'; src: url('../fonts/SourceSansPro-Regular.eot'); src: url('../fonts/SourceSansPro-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/SourceSansPro-Regular.woff') format('woff'), url('../fonts/SourceSansPro-Regular.ttf') format('truetype'), url('../fonts/SourceSansPro-Regular.svg#SourceSansPro-Regular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'SourceSansPro-Bold'; src: ('../fonts/SourceSansProsrc:d.eot'); src: url('../fonts/SourceSansPro-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/SourceSansPro-Bold.woff') format('woff'), url('../fonts/SourceSansPro-Bold.ttf') format('truetype'), url('../fonts/SourceSansPro-Bold.svg#SourceSansPro-Bold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family:'FontAwesome';src:url('../../include/fonts/fa-solid-900.eot'); src:url('../../include/fonts/fa-solid-900.eot') format('embedded-opentype'), url('../../include/fonts/fa-solid-900.woff2') format('woff2'), url('../../include/fonts/fa-solid-900.woff') format('woff'), url('../../include/fonts/fa-solid-900.ttf') format('truetype'), url('../../include/fonts/fa-solid-900.svg') format('svg'); } html {scroll-behavior:smooth;} body {padding-bottom:0px;margin-bottom:0px;padding-top:6.4rem;color:#5a5a5a;background-color:#ffffff;font-family:SourceSansPro-Regular,arial,helvetica;font-weight:normal;font-size:16.5px; } h1 {font-family:Ubuntu-Bold,arial,helvetica;color:#006ab3;font-size:2.2em;font-weight:normal;text-align:left;margin:10px 0px 20px 0px;} h1.gr {color:#888;} h2 {font-family:Ubuntu-Bold,arial,helvetica;color:#006ab3;font-size:1.6em;text-align:center;} h3 {font-family:SourceSansPro-Bold,arial,helvetica;color:#888;font-size:1.3em;margin:10px 0px 10px 0px;text-align:left;} h3.bl {color:#006ab3;} h4 {font-family:SourceSansPro-Bold,arial,helvetica;color:#e6301f;font-size:1.3em;margin:10px 0px 10px 0px; } h5 {font-family:SourceSansPro-Bold,arial,helvetica;font-weight:normal;font-size:1.2em;} p {text-align:left;} /* global stuff */ a {color:#3a3a39;text-decoration:underline;font-family:SourceSansPro-Regular,arial,helvetica;font-weight:normal;} a:hover {color:#393938;text-decoration:none;} .sociali {display:inline-block;} .sociali img {width:22px;height:auto;margin:0px 0px 0px 10px;} .sociali:hover {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);opacity: 0.8;} .clearfix:after {content: " "; clear:both;display:block;visibility:hidden;height:0px; } .clear {clear:both; } p.c {text-align:center;margin-top:5px;} p.r {text-align:left;} div.abst {width:5px;height:10px;} .hl {width:100%;height:1px;background-color:#3a3a39;} ul,li {text-align:left;} /* mediapool bilder */ .mpic {max-width:760px;display:block;margin:20px 0px 10px 0px;text-align:left;} .mpic img {max-width:760px;} /* grösse der videos aus function MakeContentOutputMediaPool( */ .videosize {width:640px;height:480px;border:0px solid #CC003C;} /* fehlermeldungen */ p.alert {color:#a83847;font-weight:bold;margin:0px 0px 0px 0px;font-size:11pt;} p.lead {font-size:1.1em;color:#333333;font-weight:normal;font-family:PTSans-Regular,arial,helvetica;} /* Buttons */ .btn.btn-primary {background-color:#006ab3;text-decoration:none;border-radius:28px;padding:10px 30px 10px 30px;font-family:SourceSansPro-Bold,arial,helvetica;-webkit-box-shadow: 3px 3px 4px -1px rgba(0,0,0,0.23);-moz-box-shadow: 3px 3px 4px -1px rgba(0,0,0,0.23);box-shadow: 3px 3px 4px -1px rgba(0,0,0,0.23);} .btn.btn-primary:hover, .btn.btn-primary:active, .btn.btn-primary:focus, .btn-success:active.focus {background-color:#4081a8 !important;} /* .collapse.navbar-collapse {position:relative;top:30px;left:0px;border:1px solid #ff00ff;} */ /* NAVBAR + LOGO -------------------------------------------------------------------------------------------------------------------------- */ .navbar {height:102px !important;margin:auto;background-color:#fff;-webkit-box-shadow: 0px 3px 7px -1px rgba(0,0,0,0.13);-moz-box-shadow: 0px 3px 7px -1px rgba(0,0,0,0.13);box-shadow: 0px 3px 7px -1px rgba(0,0,0,0.13);border:0px solid #ff00ff;} .collapse.navbar-collapse {margin-left:40px;margin-top:18px;} .navbar #navbarsDefault {text-align:left;background-color:#fff;} .navbar #navbarsDefault .nav-item a {font-family:SourceSansPro-Bold,arial,helvetica;font-weight:normal;color:#3a3a39;font-size:1.3em;padding-right:30px;text-decoration:none;} .navbar #navbarsDefault .nav-item.active a {color:#006ab3;} .navbar #navbarsDefault .nav-item.dropdown .dropdown-menu {margin-top:16px;border:none;border-radius:0px;padding-top:0px;padding-bottom:0px;background-color:none;-webkit-box-shadow: 0px 3px 7px -1px rgba(0,0,0,0.13);-moz-box-shadow: 0px 3px 7px -1px rgba(0,0,0,0.13);box-shadow: 0px 3px 7px -1px rgba(0,0,0,0.13);} .navbar #navbarsDefault .nav-item.dropdown .dropdown-menu .dropdown-item {padding-top:0px;margin-top:-12px;margin-bottom:14px;font-size:17px;} .navbar #navbarsDefault .dropdown-menu a {color:#3a3a39 !important;font-size:1em;} .navbar #navbarsDefault .dropdown-menu a:hover {color:#006ab3 !important;background:none;} .navbar #navbarsDefault .dropdown-menu a.active {color:#006ab3 !important;background:none;} .navbar #navbarsDefault .dropdown-menu {border:none;padding:10px 0px 10px 0px;margin-left:-15px;} .navbar #navbarsDefault .nav-item:hover a {color:#4D81A4;-webkit-transition: all 0.4s ease;transition: all 0.4s ease;} /* .navbar #navbarsDefault .nav-item:hover {background-color:#4D81A4;color:#006ab3;-webkit-transition: all 0.4s ease;transition: all 0.4s ease;} */ .navbar-toggler-icon.my-toggler {background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 27 27' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(70,139,182, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); } .dropdown-toggle::after {display:none;} .mycaret:after {font-family:FontAwesome;content:"\f078";padding:0px 0px 3px 7px;font-size:0.8em;} /* f107 */ .logo {width:302px !important;height:70px;border:0px solid #3300ff;} .logo.c {position:relative;margin:auto;border:0px solid #ff00ff;} .logo img {width:auto;height:65px;} /* JUMBOTRON (+ Main Stuff) --------------------------------------------------------------------------------------------------------------- */ main {margin-bottom:0px !important;padding-bottom:0px;} .container {text-align:left;padding-bottom:0px;margin-bottom:0px;} .container b {font-family:SourceSansPro-Bold,arial,helvetica;font-weight:normal;} .container b a {font-family:SourceSansPro-Bold,arial,helvetica;font-weight:normal;} .container h2 {margin-bottom:20px;text-align:left;} /* content-bilder */ .container img.p {max-width:530px;height:auto;margin:0px 15px 20px 0px;} .jumbotron {margin-top:0px;margin-bottom:0px;background:none;padding-top:35px;padding-bottom:35px;border-radius:0px;border:0px solid #ff0000;} .jumbotron .container {text-align:left !important;} /* CAROUSEL SLIDERS ------------------------------------------------------------------------------------------------------------------------ */ .carousel {width:100%;margin:0px 0px 0px 0px;margin:auto !important;background-color:#006ab3;} .carousel-item {height:400px;background-color:#000;background-repeat:no-repeat;transition: transform 2s ease, opacity .5s ease-out;} .carousel-caption {position:absolute !important;top:0px;left:0px;width:550px;height:440px;text-align:left;padding:140px 30px 0px 70px;font-family:SourceSansPro-Bold,arial,helvetica;font-weight:normal;font-size:1em;line-height:1em;background-color:transparent;background-image: url(../images/trnsp.png);color:#fff;z-index:10;} .carousel-caption h3 {color:#fff;font-family:Ubuntu-Bold,arial,helvetica;font-weight:normal;font-size:1.2em;margin:0px 0px 25px 0px;} .carousel-caption a {color:#fff;} .carousel-indicators {position:absolute;top:360px;left:120px;height:32px;margin:auto;text-align:center;border:0px solid #ff0000;} .carousel-indicators > li {display:inline-block;width:16px;height:16px;margin:0px 7px 0px 7px;border-radius:50%;border:2px solid #006ab3;background-color:transparent;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);opacity: 1;} .carousel-indicators > li.active {background-color:#006ab3;} /* Video im Carousel */ .videobox {overflow:hidden;margin-top:0px;width:100%;height:100%;} .videobox video {width:100% !important;margin:-100px 0px 0px 0px; /* z-index:-100;object-fit:cover;object-position: 0px 0px;opacity:1; position:absolute;position:fixed; object-fit is not supported on IE */ } /* Drehende Kärtchen */ .row.cards {padding:40px 50px 70px 50px;margin:0px;border:0px solid #ddd;} .content-box {overflow:hidden;text-align:center;} .content-box a {text-decoration:underline; } .content-box h4 {margin: 0 0 20px 0;text-transform:uppercase; font-size:16px;color:#006ab3 !important;font-family:Ubuntu-Bold,arial,helvetica !important;} .content-box h4 i {font-size:2em;float:left;margin: 0 10px 0 0;color:#ed7450;font-weight:bold !important;} .content-box.content-style4 {width:285px;} .content-box.content-style4 h4 {text-align:center;font-size:1.2em;-webkit-transform: rotateX(0deg) rotateY(0deg); -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; -webkit-transition: all .4s ease-in-out; -moz-transform: rotateX(0deg) rotateY(0deg); -moz-transform-style: preserve-3d; -moz-backface-visibility: hidden; -moz-transition: all .4s ease-in-out; -o-transform: rotateX(0deg) rotateY(0deg); -o-transform-style: preserve-3d; -o-backface-visibility: hidden; -o-transition: all .4s ease-in-out; -ms-transform: rotateX(0deg) rotateY(0deg); -ms-transform-style: preserve-3d; -ms-backface-visibility: hidden; -ms-transition: all .4s ease-in-out; transform: rotateX(0deg) rotateY(0deg); transform-style: preserve-3d; backface-visibility: hidden; transition: all .4s ease-in-out; } .content-box.content-style4 h4 i {background-color:#006ab3;color:#fff;float:none;margin: 0 10px 0 0; border-radius: 50%; text-align: center; display: block; margin: 5px auto 15px auto; } .content-box.content-style4 .content-box-text {position:absolute;opacity: 0\9; display: none\9; padding-top:25px;top:0;left:0; -webkit-transform: rotateY(-180deg); -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; -webkit-transition: all .4s ease-in-out; -moz-transform: rotateY(-180deg); -moz-transform-style: preserve-3d; -moz-backface-visibility: hidden; -moz-transition: all .4s ease-in-out; -o-transform: rotateY(-180deg); -o-transform-style: preserve-3d; -o-backface-visibility: hidden; -o-transition: all .4s ease-in-out; -ms-transform: rotateY(-180deg); -ms-transform-style: preserve-3d; -ms-backface-visibility: hidden; -ms-transition: all .4s ease-in-out; transform: rotateY(-180deg); transform-style: preserve-3d; backface-visibility: hidden; transition: all .4s ease-in-out; } .content-box.content-style4 .content-box-text p {width:285px;text-align:center !important;padding:0px 20px 0px 20px;border:0px solid #ff0000;} .content-box.content-style4:hover .content-box-text {opacity: 0\9; display: block\9;-webkit-transform:rotateX(0deg) rotateY(0deg); -moz-transform: rotateX(0deg) rotateY(0deg); -o-transform: rotateX(0deg) rotateY(0deg); -ms-transform: rotateX(0deg) rotateY(0deg); transform: rotateX(0deg) rotateY(0deg); } .content-box.content-style4 .h4-body-title {opacity: 1\9; display: block\9; } .content-box.content-style4:hover .h4-body-title {opacity: 0\9; display: none\9;-webkit-transform:rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); } .content-box.content-style4 .btn {margin-top:10px;margin-bottom:0; } .content-box.content-style4.small h4 {margin: 0; } .content-box.content-style4.small h4 i {font-size:22px;width:40px;height:40px;line-height:40px;background-position:-10px;} .content-box.content-style4.medium h4 {margin: 0; } .content-box.content-style4.medium h4 i {font-size:20px;width:70px;height:70px;line-height:70px; } /* teaser icons round */ .col-sm h4 {margin-top:25px;} /* tabellen rechte spalte generell */ .zwsp table tr th,td {text-align:center !important;} .zwsp table p {text-align:center !important;} /* Übersichtsseiten intro */ .row.intro .col-md {width:200px !important;border:0px solid #ddd;} .row.intro .col-md .zwsp {width:auto !important;} .row.intro .col-md .zwsp.r {width:850px !important;padding-left:0px;margin-left:-350px;} .row.intro .col-md .zwsp img.p {max-width:200px;max-heigth:200px;} hr.intro {margin:30px 0px 40px 0px;} /* Sitemap */ .row div.sm {width:290px;margin-bottom:20px;border-left:1px solid #006ab3;padding:10px 20px 20px 20px;} /* icons https://fontawesome.com/cheatsheet */ .icb.rnd {margin:auto;padding:0px 0px 0px 0px;font-family:FontAwesome;color:#468bb6;line-height:80px;text-align:center;width:81px;height:81px;background-color:#CCDBE5;-moz-border-radius:70px;-webkit-border-radius:70px;border-radius:70px;} .icb {margin:auto;padding:0px 0px 0px 0px;font-family:FontAwesome;color:#006ab3;text-align:center;font-style:normal;background:#fff;} .icb.dnl:after {content:"\f56d";font-size:25px;line-height:20px !important;} /* Download */ .icb.nle:after {content:"\f0e0";font-size:35px;} /* Briefkuvert */ .icb.kwk:after {content:"\f500";font-size:30px;} /* Kunden werben Kunden */ .icb.hlp:after {content:"\f128";font-size:30px;} /* Fragezeichen */ .icb.knt:after {content:"\f4ad";font-size:33px;} /* Sprechblase */ .icb.eur:after {content:"\f153";font-size:35px;} /* EUR-Zeichen */ .icb.pro:after {content:"\f295";font-size:28px;} /* Prozent */ .icb.cal:after {content:"\f271";font-size:35px;} /* Kalender */ .icb.hom:after {content:"\f015";font-size:33px;} /* Haus */ .icb.usr:after {content:"\f007";font-size:30px;} /* Kunde / Interessent */ .icb.kun:after {content:"\f4fc";font-size:30px;} /* Kunde / Bestandskunde */ .icb.eml:after {content:"\f1fa";font-size:35px;} /* @-Zeichen */ .icb.hsh:after {content:"\f292";font-size:35px;} /* Hash-Tag */ .icb.alr:after {content:"\f12a";font-size:35px;} /* Ausrufezeichen */ .icb.chk:after {content:"\f00c";font-size:35px;} /* Haken */ .icb.bnk:after {content:"\f53c";font-size:34px;} /* Kontoauszug / Bank f53c | f53d */ .icb.gsk:after {content:"\f06b";font-size:36px;} /* Geschenk */ .icb.con:after {content:"\f570";font-size:36px;} /* Vertrag */ .icb.dat:after {content:"\f505";font-size:30px;} /* Datenschutz */ .icb.zhr:after {content:"\f013";font-size:30px;} /* Zahnrad */ .icb.sch:after {content:"\f501";font-size:30px;} /* Schulung */ .icb.pll:after {content:"\f681";font-size:30px;} /* Umfrage */ .icb.rda:after {content:"\f7b9";font-size:30px;} /* Radioaktiv f7ba */ .icb.lin:after {content:"\f545";font-size:30px;} /* Lineal */ .icb.tac:after {content:"\f3fd";font-size:30px;} /* Tachometer */ /* REFERENZEN CAROUSEL (+ Boxes) -------------------------------------------------------------------------------------------------------------------------------- */ .container.prs .slider .flexslider {height:151px;padding:0px;background:none;border:none;} .prbox {width:200px;height:152px;margin:0px 0px 0px 0px;float:left;text-align:center;background-color:#f2f2f2;-webkit-box-shadow: 3px 3px 7px -1px rgba(0,0,0,0.13);-moz-box-shadow: 3px 3px 7px -1px rgba(0,0,0,0.13);box-shadow: 3px 3px 7px -1px rgba(0,0,0,0.13);} .prbox img {border:1px solid #ddd;} .col-sm .prbox {margin:0px 0px 0px 0px;} /* wenn bei Prämien-Übersichtsseite, siehe weiter unten für Bestellseite! */ /* FAQ */ .jumbotron .container.fq {text-align:left !important;} #faq-list {padding:0;list-style:none;} #faq-list li {border-bottom: 1px dotted #999;} #faq-list a {padding:18px 0;display:block;position:relative;font-family:SourceSansPro-Regular,sans-serif;font-size:18px;line-height:24px;font-weight:600;padding-right:20px;text-decoration:none;} #faq-list i {font-family:FontAwesome;font-size:24px;position:absolute;right:0;top:16px;font-style:normal;} #faq-list p {margin:0px 0px 20px 0px; } #faq-list a.collapsed {color:#006ab3; } #faq-list a.collapsed i::before {content:"\f055" !important; } /* +-Zeichen */ #faq-list .collapse ul {list-style:disc;margin-bottom:25px;} #faq-list .collapse li {border:none;} /* button icons */ .ic {font-family:FontAwesome;color:#fff;} .ic.dnl:after {content:"\f019";font-size:20px;line-height:1px;padding-right:5px;} .ic.sec:after {content:"\f023";font-size:15px;line-height:1px;padding-right:5px;padding-bottom:2px;} /* Back to top button transition:background 0.5s ease-in-out; */ .back-to-top {display:none;width:60px;height:60px;text-align:center;position:fixed;bottom:50px;right:0px;float:right;background-color:#23455b;border-radius:8px 0px 0px 8px;} .back-to-top:after {font-family:FontAwesome;content:"\f062";color:#dae8f0;font-size:22px;line-height:57px;} .back-to-top:focus {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);opacity: 0.6;} .back-to-top:hover {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);opacity: 0.6;} /* Partner: KATEGORIEN-BOX ---------------------------------------------------------------------------------------------------------------------------------------------------- */ .row.kat {width:1020px;margin-top:10px;clear:both;} .col-sm.kat .kbox {width:122px;height:62px;text-align:center;border:0px dotted #999;margin-bottom:35px;background-color:#fff;-webkit-box-shadow: 3px 3px 7px 2px rgba(0,0,0,0.13);-moz-box-shadow: 3px 3px 7px 2px rgba(0,0,0,0.13);box-shadow: 3px 3px 7px 2px rgba(0,0,0,0.13);} .col-sm.kat .kbox img {width:120px;height:60px;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);opacity: 0.8;} .col-sm.kat .kbox.nr {-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} .col-sm.kat .kbox:hover img {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);opacity: 1;} .row.kat .katrest {width:600px !important;border:1px dotted #999;} /* formulare */ .container .form {width:695px;background-color:#f2f2f2;border:1px solid #CCDBE5;padding:20px;border-radius:12px;} .row.frm {margin-top:10px;} .row.sym {margin-top:35px;margin-bottom:20px;} .form-control {color:#777;height:46px;font-size:1em;border-radius:8px;border-color:#9c9c9c;} .form-control:focus {border-color:#555555;} textarea {border-color:#9c9c9c !important;} .container.frm textarea {min-height:170px;} .is-invalid {color:#e6301f;} .custom-control-label {cursor:pointer;} .custom-control-label:before {background-color:#fff;cursor:pointer;} .custom-radio .custom-control-input:checked~.custom-control-label::before {background-color:#006ab3;} .custom-control-lg {text-align:left;margin-left:25px;} .custom-control-lg.custom-checkbox .custom-control-label::before {border-color:#9c9c9c;border-radius:0px;} .custom-control-lg.custom-checkbox .custom-control-label.is-invalid::before {border-color:#e6301f;border-radius:0px;} .custom-control-lg.custom-checkbox .custom-control-label.is-invalid {color:#3a3a39;} .custom-control-lg .custom-control-input:focus~.custom-control-label::before {border-color:#9c9c9c;} .custom-control-lg.custom-checkbox .custom-control-input:checked~.custom-control-label::before {background-color:#006ab3;} .custom-control-lg .custom-control-label::before, .custom-control-lg .custom-control-label::after {top:0.1rem !important;left:-2rem !important;width:1.25rem !important;height:1.25rem !important; } .custom-control-lg .custom-control-label {margin-left:0.5rem !important;font-size:1rem !important; } .custom-control-input:focus ~ .custom-control-label::before {box-shadow:none; } .custom-control-input:active ~ .custom-control-label::before {background-color:#fff; } .container .form .col-sm img {border-radius:8px;} .col-sm.btr {padding-top:10px;} /* wenn Hinweis-I dahinter ist */ .col-sm.wi .form-control {width:91%;float:left;margin-bottom:15px;} .col-sm.sm .form-control {width:60%;margin:auto;} /* Telefon-Butt: newsletter-butt */ .nl-butt {width:135px;height:100px;position:fixed;top:140px;right:0px;float:right;-z-index:100;padding:5px 0px 6px 0px;background-color:#f2f2f2;border-radius:8px 0px 0px 8px;font-family:SourceSansPro-Bold,arial,helvetica;font-weight:normal;color:#3a3a39;text-align:center;} .nl-butt .nlb {display:block;color:#006ab3;font-family:FontAwesome;font-size:30px;line-height:20px;padding:8px 0px 10px 0px;} .nl-butt .nlb:after {content:"\f095";} /* FOOTER BOX ------------------------------------------------------------------------------------------------------------------------------------ */ .page-footer {margin-top:0px;padding-top:10px;padding-bottom:10px;margin-bottom:0px;border-top:1px solid #ccc;color:#666;font-family:SourceSansPro-Regular,arial,helvetica;font-weight:normal;} .page-footer .container.ft {margin-bottom:20px;text-align:left !important;} .page-footer .container.ft a {text-decoration:none;} .page-footer .container.ft a:hover {text-decoration:underline;} /* MODALS --------------------------------------------------------------------------------------------------------------------------------------- */ .modal-dialog {min-width:600px;font-family:SourceSansPro-Regular,arial,helvetica;font-weight:normal;} /* ACHTUNG bei responsive auf "auto" stellen! */ .modal-dialog .modal-content img {width:100%;height:auto;} .modal-dialog .modal-content .logo {margin:0px 0px 20px 0px;} .modal-dialog .modal-content .logo img {width:auto;height:auto;border:1px solid #ccc;padding:10px;} .modal-dialog .modal-header, .modal-body, .modal-footer {border:none;} .modal-dialog .modal-body {padding:20px 30px 20px 30px;} .modal-dialog .modal-body b {font-family:SourceSansPro-Bold,arial,helvetica;font-weight:normal;} .modal-dialog .modal-body h4 {margin-bottom:15px;} .modal-dialog .modal-body .col-sm {margin-bottom:20px;} .modal-dialog .modal-header {padding:0px;position:absolute;top:25px;right:25px;z-index:40;} .modal-dialog .modal-header .close {color:#006ab3;width:40px;height:40px;background:#fff;-moz-border-radius:70px;-webkit-border-radius:70px;border-radius:70px;font-size:38px;line-height:10px;padding:0px;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);opacity: 1;} .modal-dialog .btn {clear:both;background-color:#006ab3;text-decoration:none;border-radius:28px;padding:8px 33px 8px 33px;margin-bottom:10px;color:#fff;font-family:SourceSansPro-Bold,arial,helvetica;-webkit-box-shadow: 3px 3px 4px -1px rgba(0,0,0,0.23);-moz-box-shadow: 3px 3px 4px -1px rgba(0,0,0,0.23);box-shadow: 3px 3px 4px -1px rgba(0,0,0,0.23);} .modal-dialog .btn:hover {background-color:#4081a8;} .modal-dialog .modal-content .pic {background-color:#ecf3f8;} .modal-dialog .modal-content .pic img {max-width:260px;margin-top:20px;padding-bottom:20px;} .modal-dialog button {float:right;} /* RESPONSIVE CSS ------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .homebutt {display:none;position:absolute;top:30px;left:40px;text-decoration:none;} .homebutt:after {font-family:FontAwesome;content:"\f015";font-size:28px;color:#006ab3;} /* Haus */ /* 1.1 desktop full-hd ######################################################################################################################################################################## */ @media (min-width: 1851px) { .logo.c {text-align:center;padding:0px;} } /* 1.2 desktop smaller ######################################################################################################################################################################## */ @media (min-width: 1200px) and (max-width: 1850px) { body {border:0px solid #0066cc;} /*.navbar {margin:auto;padding-left:15%;padding-right:15%;}*/ /*.navbar #navbarsDefault {margin-left:0px;padding-left:30px;} */ .sbox_zt {position:absolute;right:20%;} } @media (min-width: 1200px) { .carousel-caption h3 {font-size:1.6em;} } /* ab tablet gleioh */ @media (min-width: 768px) { .container {text-align:center !important;} .container h2 {text-align:center !important;} .page-footer .container.ft {margin-bottom:10px;text-align:center;} } /* bootstrap breakpoint ipad hochformat */ @media (min-width: 769px) and (max-width: 992px) { body {border:0px solid #33ff33;} /* carousel mit video */ .carousel-inner {width:770px !important;margin-left:-40px !important;border:0px solid #33ff33;} } /* 2. tablet version ########################################################################################################################################################################### */ @media (min-width: 768px) and (max-width: 1199px) { body {padding-top:6.2rem;background-color:#f9f9f9;} h1 {font-size:24px;margin:0px 0px 10px 0px;} h2 {font-size:24px;} .logo {margin-top:12px;margin-left:-30px;} .logo img {height:60px;} .navbar-toggler-icon {position:absolute;right:40px;top:30px;} .jumbotron {background-color:#ffffff;width:768px;margin:auto;padding-top:35px;border: 0px solid #ff0000;} /* content-bilder */ .container img.p {max-width:320px;height:auto;margin:0px 10px 15px 0px;} /* andere box ausblenden, kbew zentrieren */ .tstuff {width:360px !important;margin:auto;text-align:center;display:inline-block;margin-bottom:0px;} .tstuff.hide {display:none;} /* wenn kdbew ausgeblendet ist */ .tstuff .sbox {display:none;} .tstuff .boxd {width:100% !important; } .sbox_zt {display:none;} .homebutt {display:block;} .navbar {width:768px;margin:auto;} .navbar #navbarsDefault {width:100% !important;position:absolute;top:100px;left:0px;margin:auto;text-align:center;margin-top:0px;padding:0px;} .navbar #navbarsDefault .nav-item {width:95%;text-align:center;margin:auto;border-bottom: 1px solid #dddddd;padding-left:0px !important;} .navbar #navbarsDefault .nav-item a:active {box-shadow:none;outline:none;} .navbar #navbarsDefault .nav-item a:focus {box-shadow:none;outline:none;} .navbar #navbarsDefault .nav-item a {text-align:center;padding-right:0px !important;} .navbar #navbarsDefault .nav-item.dropdown .dropdown-menu {margin-top:0px;margin-left:-20px;padding:0px;padding-bottom:15px;padding-left:0px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} .navbar #navbarsDefault .nav-item.dropdown .dropdown-menu .dropdown-item {width:100%;margin:auto;margin-top:5px;} .navbar #navbarsDefault .dropdown-menu {border:none;padding:10px 0px 10px 0px;margin-left:0px;} .navbar #navbarsDefault .dropdown-menu a {display:inline-block;} .mycaret {position:absolute;right:20px;} /* */ /* carousel mit video */ .carousel {margin-top:3px !important;} .carousel .container {width:800px;border: 0px solid #ff0000;} .carousel-item {height:288px;background-size:800px 288px;} .carousel-caption {width:400px;height:288px;padding:120px 0px 0px 90px;} .carousel-indicators {position:absolute;top:250px;left:120px;} .carousel-indicators > li {;margin:0px 4px 0px 4px;} /* zeitungsübersicht-slider */ .container.sld {width:704px;} /* prämien-slider */ .container.prs {width:704px;margin-left:5px;} /* unsere abos */ .jumbotron.uab.brt .row {width:100%;} /* prämien-auswahl-slider */ .jumbotron.sel .container.prs {margin-left:-10px;} /* kategorien-box: placeholder, wenn nicht durch 20 teilbar*/ .row.kat {width:650px;margin-left:3px;} /* abc-übersicht */ .container.abz {width:704px;} .container.abz .col-sm.r h4 {width:300px;} /* service kontalt */ .col-sm.knt {padding:30px;} /* Übersichtsseiten intro background-color:#fff; */ .row.intro .col-md .zwsp.r {width:670px !important;padding-left:210px;} .row.cards {width:750px;padding:20px 70px 50px 0px;margin:0px 0px 0px -40px;border:0px solid #ff0000;} .content-box.content-style4 .content-box-text p {width:230px;padding:0px 10px 0px 10px;margin-left:40px;border:0px solid #ff0000;} /* footer */ .page-footer {width:768px;margin:auto;padding:15px 0px 15px 10px;} .back-to-top {display:none;width:40px;height:40px;} .back-to-top:after {font-size:18px;line-height:40px;} } /* 3. Mobile Version ########################################################################################################################################################################### */ @media (min-width: 320px) and (max-width: 767px) { body {padding-top:4.4rem;background-color:#f9f9f9;border:0px solid #33ff33;} h1 {font-size:22px;margin:0px 0px 12px 0px !important;} h2 {font-size:22px;} .mpic img {max-width:330px;} .videosize {width:330px;height:320px;border:0px solid #CC003C;} .jumbotron {background-color:#ffffff;width:360px;margin:auto;margin-top:-1px;padding-top:20px;padding-left:0px;} /* content-bilder */ .container img.p {max-width:330px;height:auto;margin:0px 0px 20px 0px;} .logo {width:208px;height:55px;margin:auto;margin-top:0px;margin-left:-2px;} .logo img {width:auto;height:50px;} .navbar-toggler-icon {position:absolute;right:20px;top:17px;} .navbar {width:360px;margin:auto;height:70px !important;} .navbar #navbarsDefault {width:100% !important;position:absolute;top:70px;left:0px;margin:auto;text-align:center;margin-top:0px;padding:0px;} .navbar #navbarsDefault .nav-item {width:95%;text-align:center;margin:auto;border-bottom: 1px solid #dddddd;padding-left:0px !important;} .navbar #navbarsDefault .nav-item a:active {box-shadow:none;outline:none;} .navbar #navbarsDefault .nav-item a:focus {box-shadow:none;outline:none;} .navbar #navbarsDefault .nav-item a {text-align:center;padding-right:0px !important;} .navbar #navbarsDefault .nav-item.dropdown .dropdown-menu {margin-top:0px;background:none;margin-left:-20px;padding:0px;padding-bottom:15px;padding-left:0px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} .navbar #navbarsDefault .nav-item.dropdown .dropdown-menu .dropdown-item {width:100%;margin:auto;margin-top:5px;} .navbar #navbarsDefault .dropdown-menu {border:none;padding:10px 0px 10px 0px;margin-left:0px;} .navbar #navbarsDefault .dropdown-menu a {display:inline-block;} .mycaret {position:absolute;right:20px;} /* */ .col-sm .zwsp {width:330px !important;border:0px solid #33ff33;} /* carousel mit video background-image:none; margin-top:-50px !important;*/ .carousel {margin-top:0px !important;} .carousel-inner {width:360px !important;margin-left:-15px !important;border:0px solid #33ff33;} .carousel .container {width:360px;border: 0px solid #ff0000;} .carousel-item {height:130px;background-size:360px 130px;font-size:0.9em;} .carousel-caption {width:180px;height:130px;padding:30px 0px 0px 15px;font-size:0.9em;} .carousel-caption h3 {margin:0px 0px 5px 0px;} .carousel-indicators {display:none;} .videobox video {width:100% !important;margin:-30px 0px 0px 0px;} /* referenzen-slider */ .container.prs {width:360px;margin-left:0px;border:0px solid #33ff33;} .container.prs .prbox {margin-left:65px;} /* prämien-auswahl-slider */ .jumbotron.sel .container.prs {margin-left:-10px;} /* unserer service */ .jumbotron.serv .col-sm {padding:0px 6px 28px 6px;} /* kategorien-box: placeholder, wenn nicht durch 20 teilbar*/ .row.kat {width:100%;margin-left:0px;} .col-sm.kat {display:block;width:155px;padding-left:0px;} .col-sm.kat .kbox.nr {display:none;} /* service kontalt */ .container .form {width:325px;} .container .form .form-group {width:285px;} .col-sm.btr {width:325px;margin:auto;text-align:center;} .col-sm.btr .btn {margin-top:10px;} .container .form .col-sm img {width:160px;height:48px;;border:0px solid #ff0000;} /* Übersichtsseiten intro background-color:#fff; */ .row.intro .col-md .zwsp.r {width:320px !important;padding-left:0px;margin-left:0px;} .row.cards {width:330px;padding:20px 70px 50px 0px;margin:0px 0px 0px 0px;border:0px solid #ff0000;} .col-md-4 {width:360px !important;border:0px solid #ff00ff !important;} .content-box {width:300px !important;margin-bottom:40px;} .content-box.content-style4 {width:100%;} .content-box.content-style4 .content-box-text p {width:100%;padding:0px 40px 0px 40px;} /* newsltter button */ .nl-butt {display:none;} /* footer */ .page-footer {width:360px;margin:auto;padding:15px 0px 15px 0px;} .page-footer .container.ft {width:100%;font-size:0.8em;} .back-to-top {display:none;width:40px;height:40px;} .back-to-top:after {font-size:18px;line-height:40px;} .modal-dialog {min-width:auto;} } /* mobile-hinweis im "index_inc_dummy_globals.php" ! */ #hinweis_no_mobiles {height:100%;width:100%;display:block;position:absolute;top:0px;left:0px;padding:50px;text-align:center;color:#ffffff;z-index:2000;background-color:#222;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);opacity: 0.9;overflow:hidden;position: fixed;} #hinweis_no_mobiles:after {content:" Der Clickable Dummy ist derzeit im Tablet und HD-Modus realisiert, bitte verwenden Sie minimum 768 Pixel breite Auflösung. Danke.";} @media (min-width: 768px) { #hinweis_no_mobiles {visibility:hidden;} }