/*
Theme Name: Agentur 2.1
Theme URI: https://www.comesio.com
Author: Comesio Solutions Team
Author URI: https://www.comesio.com
Description: Default Agency Template
Tags: responsive, modern
Version: 1.7
Text Domain: agentur_2
This template is protected and may not be used for any other purpose without express consent from comesio solutions GmbH and UNIQA
*/
/********* 1. Importierte Google Fonts **********/
/* lato-300 - latin */
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 300;
src: url('../fonts/lato-v23-latin-300.eot');
/* IE9 Compat Modes */
src: local(''),
url('../fonts/lato-v23-latin-300.eot?#iefix') format('embedded-opentype'),
/* IE6-IE8 */
url('../fonts/lato-v23-latin-300.woff2') format('woff2'),
/* Super Modern Browsers */
url('../fonts/lato-v23-latin-300.woff') format('woff'),
/* Modern Browsers */
url('../fonts/lato-v23-latin-300.ttf') format('truetype'),
/* Safari, Android, iOS */
url('../fonts/lato-v23-latin-300.svg#Lato') format('svg');
/* Legacy iOS */
}
/* lato-regular - latin */
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
src: url('../fonts/lato-v23-latin-regular.eot');
/* IE9 Compat Modes */
src: local(''),
url('../fonts/lato-v23-latin-regular.eot?#iefix') format('embedded-opentype'),
/* IE6-IE8 */
url('../fonts/lato-v23-latin-regular.woff2') format('woff2'),
/* Super Modern Browsers */
url('../fonts/lato-v23-latin-regular.woff') format('woff'),
/* Modern Browsers */
url('../fonts/lato-v23-latin-regular.ttf') format('truetype'),
/* Safari, Android, iOS */
url('../fonts/lato-v23-latin-regular.svg#Lato') format('svg');
/* Legacy iOS */
}
/* lato-700 - latin */
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 700;
src: url('../fonts/lato-v23-latin-700.eot');
/* IE9 Compat Modes */
src: local(''),
url('../fonts/lato-v23-latin-700.eot?#iefix') format('embedded-opentype'),
/* IE6-IE8 */
url('../fonts/lato-v23-latin-700.woff2') format('woff2'),
/* Super Modern Browsers */
url('../fonts/lato-v23-latin-700.woff') format('woff'),
/* Modern Browsers */
url('../fonts/lato-v23-latin-700.ttf') format('truetype'),
/* Safari, Android, iOS */
url('../fonts/lato-v23-latin-700.svg#Lato') format('svg');
/* Legacy iOS */
}
/* lato-900 - latin */
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 900;
src: url('../fonts/lato-v23-latin-900.eot');
/* IE9 Compat Modes */
src: local(''),
url('../fonts/lato-v23-latin-900.eot?#iefix') format('embedded-opentype'),
/* IE6-IE8 */
url('../fonts/lato-v23-latin-900.woff2') format('woff2'),
/* Super Modern Browsers */
url('../fonts/lato-v23-latin-900.woff') format('woff'),
/* Modern Browsers */
url('../fonts/lato-v23-latin-900.ttf') format('truetype'),
/* Safari, Android, iOS */
url('../fonts/lato-v23-latin-900.svg#Lato') format('svg');
/* Legacy iOS */
}
/* shadows-into-light-regular - latin */
@font-face {
font-family: 'Shadows Into Light';
font-style: normal;
font-weight: 400;
src: url('../fonts/shadows-into-light-v15-latin-regular.eot');
/* IE9 Compat Modes */
src: local(''),
url('../fonts/shadows-into-light-v15-latin-regular.eot?#iefix') format('embedded-opentype'),
/* IE6-IE8 */
url('../fonts/shadows-into-light-v15-latin-regular.woff2') format('woff2'),
/* Super Modern Browsers */
url('../fonts/shadows-into-light-v15-latin-regular.woff') format('woff'),
/* Modern Browsers */
url('../fonts/shadows-into-light-v15-latin-regular.ttf') format('truetype'),
/* Safari, Android, iOS */
url('../fonts/shadows-into-light-v15-latin-regular.svg#ShadowsIntoLight') format('svg');
/* Legacy iOS */
}
/********* 2. Allgemeines **********/
/* hide horizontal scrollbar start */
body {
-ms-overflow-style: none;
/* for Internet Explorer, Edge */
scrollbar-width: none;
/* for Firefox */
overflow-y: scroll;
padding: 0;
margin: 0;
color: #000;
font-family: 'Lato', sans-serif;
}
body::-webkit-scrollbar {
display: none;
/* for Chrome, Safari, and Opera */
}
/* hide horizontal scrollbar end */
html {
font-size: 15px;
scroll-behavior: smooth;
}
:root {
--col_secondary: #27b0ba;
--col_primary: #005da8;
}
a {
color: var(--col_primary);
outline: none !important;
text-decoration: none;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
a:hover,
a:focus,
select:focus,
button:focus,
.btn:focus,
btn.focus {
color: #000;
outline: none;
text-decoration: none;
box-shadow: none;
}
img {
border: none;
vertical-align: middle;
max-width: 100%;
}
/* Gemeinsame Basis für beide Listentypen */
ul,
ol {
margin: 1em 0;
padding-left: 0em;
/* Abstand zwischen Rand und Listenzeichen */
}
/* Ungeordnete Liste (Kreise, Striche etc.) */
ul {
list-style-type: disc;
/* Alternativen: circle, square */
list-style-position: inside;
}
/* Geordnete Liste (Zahlen) */
ol {
list-style-type: decimal;
list-style-position: inside;
}
/* Optionale Typografie für Listenelemente */
ul li,
ol li {
font-size: inherit;
line-height: 1.6;
margin-bottom: 0.2em;
/* Abstand zwischen Listeneinträgen */
}
/* Individuelle Listenelemente ohne Standardtypen */
.pricecon ul {
list-style-type: none;
}
.datenschutz ul {
list-style-type: none;
}
.datenschutz ul li {
font-size: inherit;
}
.kfz_block ul {
list-style-type: none;
}
.product_block-complete_online ul {
list-style-type: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
outline: none !important;
}
input,
select,
textarea,
button {
outline: none !important;
}
input,
textarea,
select {
/*-moz-appearance: none; -webkit-appearance: none;*/
}
.container {
width: 96%;
max-width: 1170px;
margin: 0 auto;
padding: 0;
}
.mb-25 {
margin-bottom: 25px !important;
}
.mb-30 {
margin-bottom: 30px !important;
}
.mb-40 {
margin-bottom: 40px !important;
}
.mb-50 {
margin-bottom: 50px !important;
}
.mb-60 {
margin-bottom: 60px !important;
}
.border-bottom {
border-bottom-color: #dedee1 !important;
}
.visible-xs {
display: none !important;
}
.global_title {
margin: 0 0 35px 0;
padding: 0;
font-size: 2rem;
color: #000;
line-height: 1.31;
font-weight: 700;
clear: both;
}
.listing_info2 {
margin: 0;
padding: 0;
text-align: left;
}
.listing_info2 li {
margin: 0 0 10px 0;
padding: 0 0 0 24px;
display: block;
font-size: 1.07rem;
color: #000;
position: relative;
background: url(../images/icons/check_icon.svg) no-repeat left top 8px;
background-size: 14px auto !important;
}
.kontak_links {
display: block;
margin: 0;
padding: 0;
}
.kontak_links li {
display: block;
margin: 0 0 18px 0;
padding: 0 0 0 48px;
position: relative;
font-size: 1.57rem;
color: #005aab;
}
.kontak_links li img {
position: absolute;
left: 10px;
top: 8px;
}
.kontak_links li a {
color: #005aab;
}
.kontak_links li a:hover {
color: #000;
}
.btn_green {
line-height: 3.13;
margin: 0;
display: block;
padding: 0 10px;
background: #00b773;
color: #fff;
font-size: 1.14rem;
font-family: Arial, Helvetica, sans-serif;
border: none;
cursor: pointer;
}
.btn_green:hover {
background: #000;
color: #fff;
}
.btn-primary {
color: #fff;
background-color: var(--col_primary);
border-color: var(--col_primary);
}
.btn-primary_custom {
width: 100%;
max-width: 257px;
height: 50px;
margin: 0 auto;
display: block;
padding: 0;
background: var(--col_primary);
border-color: var(--col_primary);
color: #fff;
font-size: 1.14rem;
font-family: Arial, Helvetica, sans-serif;
border: none;
cursor: pointer;
}
.btn-primary_custom:hover {
width: 100%;
max-width: 257px;
height: 50px;
margin: 0 auto;
display: block;
padding: 0;
background: #0069d9;
border-color: #0062cc;
color: #fff;
font-size: 1.14rem;
font-family: Arial, Helvetica, sans-serif;
border: none;
cursor: pointer;
}
.info_tag {
width: 100%;
float: left;
margin: 0;
padding: 9px 0 14px 0;
background: #005aab;
font-size: 1.86rem;
color: #fff;
text-align: center;
line-height: 1.2;
}
.onh {
position: absolute;
left: -5000px;
}
#loader {
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
background: rgba(0, 0, 0, 0.75) url(../images/loading2.gif) no-repeat center center;
z-index: 10000;
}
.alert-box {
color: #555;
border-radius: 0px;
font-size: 1rem;
padding: 10px 36px;
margin: 0px;
text-align: left;
position: fixed;
bottom: 260px;
left: 30px;
z-index: 1000;
width: 350px;
}
.alert-box span {
font-size: 1.57rem;
display: block;
}
.error-js {
background: #ffecec url('../images/error.png') no-repeat 10px 50%;
border: 1px solid #f5aca6;
}
@media(max-width:980px) {
.alert-box {
color: #555;
border-radius: 0px;
font-size: 1rem;
padding: 10px 36px;
margin: 0px;
text-align: left;
position: fixed;
bottom: 200px;
left: 0px;
z-index: 1000;
width: 100%;
}
}
/********* 3. Header **********/
header {
width: 100%;
float: left;
margin: 0;
padding: 0;
position: relative;
z-index: 999;
}
.nav_sec {
width: 100%;
float: left;
margin: 0;
padding: 0;
border-bottom: 1px solid #dedee1;
background: #fff;
}
.nav_sec .container {
max-width: 1600px;
}
.nav_sec .navbar-brand {
width: 73px;
margin: 0;
padding: 0;
}
.nav_sec .logo_info {
overflow: hidden;
margin: 0;
padding: 0;
font-size: 1.79rem;
line-height: 1.1;
font-weight: 300;
}
.nav_sec .logo_info strong {
display: block;
font-size: 1.43rem;
font-weight: 500;
}
.nav_sec .navbar {
padding: 0;
}
.nav_sec .navbar-light .navbar-nav li {
margin: 0 15px;
padding: 0;
}
.nav_sec .navbar-light .navbar-nav .nav-link {
margin: 0;
padding: 15px 0;
font-size: 1.07rem;
color: #000;
font-weight: 700;
}
.nav_sec .navbar-light .navbar-nav .nav-link:hover,
.nav_sec .navbar-light .navbar-nav .nav-link:focus,
.nav_sec .navbar-light .navbar-nav .show>.nav-link,
.nav_sec .navbar-light .navbar-nav .active>.nav-link,
.nav_sec .navbar-light .navbar-nav .nav-link.show,
.nav_sec .navbar-light .navbar-nav .nav-link.active {
color: var(--col_primary);
border-color: var(--col_primary);
}
.nav_sec .dropdown-menu {
margin-top: 0;
border-radius: 0;
box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
border: none;
padding: 0;
}
.nav_sec .dropdown-item {
padding: 5px 20px;
font-size: 1rem;
}
.nav_sec .dropdown-item:hover,
.nav_sec .dropdown-item.active {
background: var(--col_primary);
color: #fff;
border-color: var(--col_primary);
}
.advice_btn {
float: right;
display: inline-block;
margin: 0;
padding: 4px 20px;
background: #005aac;
color: #fff;
font-size: 1.07rem;
font-weight: 700;
font-family: 'Lato', Helvetica, sans-serif;
}
.advice_btn:hover {
background: var(--col_secondary);
color: #fff;
}
.bubble {
float: left;
margin: 0;
padding: 16px 20px 12px 20px;
background: url(../images/bg_bubble.svg) no-repeat center center;
background-color: rgba(0, 0, 0, 0);
background-size: auto;
background-color: transparent;
background-size: contain;
color: #fff;
margin-top: -15px;
}
.bubble2 {
float: left;
margin: 0;
padding: 25px 15px 15px 20px;
background: url(../images/bg_bubble2.svg) no-repeat center center;
background-color: rgba(0, 0, 0, 0);
background-size: auto;
background-color: transparent;
background-size: contain;
color: #fff;
margin-top: -15px;
}
.bubble_dark {
float: left;
margin: 0;
padding: 25px 10px 0 10px;
background: url(../images/bg_bubble_dark.svg) no-repeat center center;
background-color: rgba(0, 0, 0, 0);
background-size: auto;
background-color: transparent;
background-size: contain;
color: #fff;
margin-top: -15px;
}
.header_contact {
padding: 0;
font-size: 1.29rem;
line-height: 1.55;
}
.special_title {
font-family: 'Shadows Into Light', sans-serif;
color: #005aab;
margin: 0 0 25px 0;
font-size: 1.71rem;
line-height: 1.17;
font-weight: 700;
}
/************* 4. Stick Infos ***********/
.sticky_info {
float: left;
margin: 0;
padding: 0;
position: absolute;
right: 0;
top: 620px;
/*transform:translate(0,-50%);*/
z-index: 99;
text-align: right;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.review_info {
width: 100%;
max-width: 158px;
display: block;
margin: 0 0 0 auto;
padding: 15px 15px 15px 15px;
background: #fff;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.19);
text-align: center;
}
.review_info p {
margin: 0;
padding: 0;
font-size: 1.14rem;
color: #005aab;
line-height: 1.13;
}
.review_info p strong {
display: block;
}
.review_info .count {
display: block;
margin: 0;
font-size: 2.43rem;
color: #000000;
line-height: normal;
}
.review_info .rating_info {
display: block;
margin: 0;
font-size: 1rem;
color: #999999;
}
.review_info .rating_info span {
display: block;
}
.sticky_info ul.link_contact {
display: inline-block;
margin: 0;
padding: 0;
position: relative;
z-index: 55;
}
.sticky_info ul.link_contact li {
display: block;
margin: 10px 0 0 0;
padding: 0;
}
.sticky_info ul.link_contact li a {
width: 56px;
height: 57px;
display: flex;
background: var(--col_secondary);
text-align: center;
padding: 5px;
justify-content: center;
margin-bottom: 8px;
}
.sticky_info ul.link_contact li a img {
width: 39px;
align-self: center;
}
.sticky_info ul.link_contact li a:hover,
.sticky_info ul.link_contact li a:focus {
background: #93d7dc;
}
.sticky_info.sticky {
position: fixed;
top: 50%;
transform: translate(0, -50%);
}
.sidebar_menu {
top: 180px;
right: 0;
position: fixed;
z-index: 999;
}
.SidebarTrigger {
float: right;
outline: none;
padding: 0px 0 0 0;
margin: 0px 0 0 0;
display: block;
}
#SidebarPanel {
float: right;
margin: 10px 0 0 0;
padding: 0px;
background: #fff;
height: 550px;
width: 440px;
display: none;
position: relative;
z-index: 10;
box-shadow: 0 13px 60px rgba(0, 0, 0, 0.39);
text-align: left;
}
#SidebarPanel .close {
width: 20px;
position: absolute;
top: 25px;
right: 30px;
opacity: 1;
}
#SidebarPanel .block1 {
width: 100%;
margin: 0;
padding: 40px 40px 10px 40px;
background: url(../images/kontact_ul_bg.png) no-repeat center bottom;
background-size: 100% auto;
}
#SidebarPanel .block2 {
width: 100%;
margin: 0;
padding: 30px 40px 20px 40px;
}
#SidebarPanel h4 {
margin: 0;
padding: 0;
font-size: 1.57rem;
color: #000000;
font-weight: 700;
}
#SidebarPanel p {
margin: 0 0 35px 0;
padding: 0;
font-size: 1.57rem;
color: #000000;
line-height: 1.46;
}
.SidebarTrigger2 {
float: right;
outline: none;
padding: 0px 0 0 0;
margin: 0px 0 0 0;
display: block;
}
#SidebarPanel2 {
float: right;
margin: 10px 0 0 0;
padding: 0px;
background: #fff;
height: 200px;
width: 440px;
display: none;
position: relative;
z-index: 10;
box-shadow: 0 13px 60px rgba(0, 0, 0, 0.39);
text-align: left;
}
#SidebarPanel2 .close2 {
width: 20px;
position: absolute;
top: 25px;
right: 30px;
opacity: 1;
}
#SidebarPanel2 .block1 {
width: 100%;
margin: 0;
padding: 40px 40px 10px 40px;
background: url(../images/kontact_ul_bg.png) no-repeat center bottom;
background-size: 100% auto;
}
#SidebarPanel2 .block2 {
width: 100%;
margin: 0;
padding: 30px 40px 20px 40px;
}
#SidebarPanel2 h4 {
margin: 0;
padding: 0;
font-size: 1.57rem;
color: #000000;
font-weight: 700;
}
#SidebarPanel2 p {
margin: 0 0 35px 0;
padding: 0;
font-size: 1.57rem;
color: #000000;
line-height: 1.46;
}
button.close2 {
padding: 0;
background-color: transparent;
border: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.close2 {
float: right;
font-size: 1.5rem;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: .5;
}
#check_insurance_button img:hover {
cursor: pointer;
}
.current-insurance-wrapper {
background-image: url('../images/versicherung_ueberpruefen-bg.svg');
background-position: center;
background-size: cover;
background-repeat: no-repeat;
position: relative;
padding: 25px 0px;
}
.current-insurance-wrapper:before {
content: '';
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
z-index: 1;
}
.current-insurance-wrapper-check {
background-color: transparent;
}
.current-insurance-content {
position: relative;
z-index: 2;
display: flex;
align-items: center;
justify-content: space-between;
}
.current-insurance-content .left-content {
width: 100%;
padding-left: 10%;
margin-top: 30px;
}
.current-insurance-content .left-content h3 {
color: #fff;
}
.current-insurance-content .left-content p {
color: #fff;
}
.current-insurance-content .right-content {
width: 100%;
padding-right: 10%;
}
@media (max-width:420px) {
.current-insurance-content {
position: relative;
z-index: 2;
display: flex;
align-items: center;
justify-content: space-between;
flex-direction: column;
}
.current-insurance-content .right-content {
width: 100%;
padding: 10%;
}
.current-insurance-content .left-content {
width: 100%;
padding-left: 0% !important;
margin-top: 5px;
padding-bottom: 15px;
text-align: center;
}
.online_sec figure {
width: 100%;
float: left;
margin: 0;
padding: 0;
text-align: center !important;
}
}
.current-insurance-content .right-content:hover img {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
transition: all 0.3s;
}
#check_insurance_button img:hover {
cursor: pointer;
}
.showErrorClass {
display: block !important;
}
.hideErrorClass {
display: none;
}
/************* 5. Slideshow / Top Image ***********/
/* index AD banner start */
.carousel-inner {
position: relative;
width: 100%;
overflow: visible;
}
#slider_ad .slider_illu {
position: absolute;
z-index: 9 !important;
margin-top: -90px;
margin-left: 250px;
}
#slider_ad .slider_button {
margin-top: -200px;
width: 80%;
}
#slider_ad h2 {
margin: 0 0 10px 0;
padding: 0;
font-size: 2.43rem;
color: #000;
font-weight: 700;
text-shadow: 0 0 0px rgba(0, 0, 0, 0.48);
}
#btn_ueber_startseite {
background-color: limegreen;
color: white;
border: none;
}
#img_ueber_startseite {
width: 100%;
margin-top: 20px;
position: relative;
z-index: 5;
max-width: 15vh;
bottom: -35px;
}
.checkmark_img {
width: 20px;
}
.carousel-check-item .hero_bg {
background-color: #eef2fa;
}
.carousel-check-item .teasertext {
font-size: 1.14rem;
line-height: 1.3rem;
}
.carousel-check-item .checkmark_text {
font-size: 1.14rem;
}
.carousel-check-item .pic3 {
position: relative;
z-index: 5;
bottom: -35px;
}
.carousel-check-item .check_img {
border: none;
vertical-align: middle;
max-height: 100%;
min-height: 250px;
}
@media only screen and (max-width: 599px) {
.carousel-check-item .teasertext {
display: none;
}
.carousel-check-item .checkmark_text {
display: none;
}
.carousel-check-item .pic3 {
display: none;
}
.checkmark_img {
display: none;
}
#slider_ad h2 {
margin: 0 0 10px 0;
padding: 0;
font-size: 14px !important;
color: #000;
font-weight: 700;
text-shadow: 0 0 0px rgba(0, 0, 0, 0.48);
}
#slider_ad {
width: 100%;
padding: 0;
position: relative;
left: 0;
margin-top: 40% !important;
}
}
@media only screen and (min-width: 600px) and (max-width: 979px) {
.carousel-check-item .checkmark_text {
display: none;
}
.carousel-check-item .pic3 {
display: none;
}
.checkmark_img {
display: none;
}
#slider_ad {
margin-top: -4.5% !important;
padding-right: 4.5% !important;
}
}
/* index AD banner end */
.hero_sec {
width: 100%;
float: left;
padding: 0;
margin: 0;
position: relative;
}
.hero_sec .hero_bg {
width: 100%;
height: 400px;
object-fit: cover;
object-position: left center;
overflow: hidden;
}
.hero_sec .caption_info {
width: 100%;
float: left;
padding: 0;
margin: 0;
position: absolute;
left: 0;
top: 50%;
transform: translate(0, -50%);
}
.hero_sec figure {
width: 100%;
float: left;
padding: 0;
margin: 0;
}
.hero_sec .add_info {
width: 100%;
max-width: 313px;
float: right;
padding: 30px 25px 10px 25px;
margin: 0;
background: #fff;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.19);
}
.hero_sec .addtitle {
width: 90%;
float: left;
margin: 0 0 30px 15px;
padding: 0;
}
.hero_sec .add_info ul {
width: 100%;
float: left;
margin: 0;
padding: 0 15px;
}
.hero_sec .add_info ul li {
margin: 0 0 15px 0;
padding: 0 0 0 40px;
display: block;
font-size: 1.43rem;
color: #000;
line-height: 1.5;
position: relative;
}
.hero_sec .add_info ul li i {
width: 24px;
position: absolute;
left: 0;
top: 0;
}
.hero_sec .add_info ul li strong {
font-size: 1.86rem;
}
.hero_sec .add_info ul li span {
font-weight: 500;
}
.hero_sec .add_info ul li p {
margin: 10px 0 0 0;
padding: 0;
font-size: 1.14rem;
color: var(--col_primary);
}
.hero_sec .add_info ul li p a {
color: var(--col_primary);
display: inline-block;
}
.hero_sec .add_info ul li p a:hover {
color: #000;
}
.hero_sec .carousel-control-prev,
.hero_sec .carousel-control-next {
width: 37px;
height: 70px;
margin: 0;
top: 50%;
filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.45));
opacity: 1;
}
.hero_sec .carousel-control-prev {
left: 25px;
transform: translate(0, -50%) rotate(180deg);
}
.hero_sec .carousel-control-next {
right: 25px;
transform: translate(0, -50%);
}
/********** 6 Startseite Module **********/
.cn_header {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 190px;
line-height: 1.71;
padding: 5px;
background: url(../images/ortsschild-bg.png) no-repeat center center;
background-size: 100% auto;
background-position: contain;
background-repeat: no-repeat;
margin-bottom: 20px;
text-align: center;
}
.print {
font-size: 1.71rem;
font-weight: 600;
}
.responsiveContainer iframe,
.responsiveContainer object,
.responsiveContainer embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media screen and (max-width: 926px) {
.responsiveContainer {
position: relative;
padding-bottom: 65%;
height: 0;
overflow: hidden;
}
}
/* 6.1 Themen - Auswahlbereich */
.solution_sec {
width: 100%;
float: left;
margin: 0;
padding: 50px 0 33px 0;
text-align: center;
border-bottom: 0px solid #fff;
}
.solution_sec .container {
max-width: 775px;
}
.solution {
width: 100%;
float: left;
margin: 0;
padding: 18px 18px 20px 18px;
background: #fff;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.19);
height: auto;
position: relative;
opacity: 1;
transition: all 400ms ease-in-out;
}
.solution:hover {
width: 100%;
float: left;
margin: 0;
padding: 18px 18px 20px 18px;
background: #fff;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.19);
height: auto;
position: relative;
opacity: 1.0;
transform: translateY(-15px);
}
.solution figure {
width: 100%;
float: left;
margin: 0 0 7px 0;
padding: 0;
}
.solution figure img {
width: 50px;
}
.solution h4 {
margin: 0 0 9px 0;
padding: 0;
font-size: 1.57rem;
color: #000;
font-weight: 700;
clear: both;
}
.solution p {
margin: 0 0 15px 0;
padding: 0 40px;
font-size: 1.14rem;
color: #999999;
line-height: 1.38;
font-weight: 500;
}
.solut_btn {
display: inline-block;
margin: 0 3px;
padding: 3px 20px 6px 20px;
font-size: 1.14rem;
color: #fff;
background: #005aab;
}
.solut_btn.solut_btn2 {
padding: 2px 20px 5px 20px;
border: 1px solid #005aab;
background: #fff;
color: #005aab;
}
.solut_btn.solut_btn2:hover {
padding: 2px 20px 5px 20px;
border: 1px solid #005aab;
background: #005aab;
color: #fff;
}
.solut_btn:hover {
background: var(--col_secondary);
color: #fff;
border-color: #000;
}
.solutionlink {
margin: 0;
padding: 0;
font-size: 1.14rem;
color: #005aab;
}
.solutionlink img {
width: 5px;
margin-right: 5px;
position: relative;
top: -2px;
}
.solutionlink:hover {
color: #000;
}
.button-standard {
display: inline-block;
margin: 0 3px;
padding: 3px 20px 6px 20px;
font-size: 1.14rem;
color: #fff !important;
background: #005aab;
border-radius: 0px;
}
.button-standard:hover {
background: var(--col_secondary);
color: #fff;
border-color: var(--col_secondary) !important;
border-radius: 0px;
}
.button-standard-outline {
padding: 2px 20px 5px 20px;
border: 1px solid #005aab;
background: #fff;
color: #005aab;
border-radius: 0px;
}
.button-standard-outline:hover {
padding: 2px 20px 5px 20px;
border: 1px solid #005aab;
background: #005aab;
color: #fff;
border-radius: 0px;
}
/* 6.2 Unser Team - �ber uns - Neuigkeiten */
.partner_sec {
width: 100%;
float: left;
margin: 0;
padding: 54px 0;
}
.partner_sec .info {
width: 100%;
display: block;
margin: 0 0 50px 0;
padding: 0;
font-size: 1.29rem;
color: #000;
line-height: 1.33;
text-align: center;
}
.tab_info {
width: 100%;
display: block;
margin: 0 auto;
padding: 0;
}
.tab_info .nav-tabs {
max-width: 190px;
margin: 0 auto;
justify-content: space-between;
border-bottom: 1px solid #fff;
}
.tab_info .nav-tabs li {
margin: 0;
}
.tab_info .nav-tabs .nav-link {
margin: 0;
padding: 0 10px 4px 10px;
font-size: 1rem;
color: #005aab;
border: none !important;
border-bottom: 3px solid transparent !important;
background: none;
}
.tab_info .nav-tabs .nav-link.active,
.tab_info .nav-tabs .nav-item.show .nav-link,
.tab_info .nav-tabs .nav-link:hover,
.tab_info .nav-tabs .nav-link:focus {
border-color: #005aab !important;
}
.tab_info .tab-content {
padding: 60px 0 0 0;
}
.tab_info .main_block {
width: 100%;
max-width: 700px;
display: block;
margin: 0 auto 80px auto;
padding: 0;
}
.tab_info .main_block figure {
width: 100%;
max-width: 267px;
float: left;
margin: 0;
padding: 0;
}
.tab_info .main_block figure img {
width: 100%;
}
.tab_info .detail {
width: 100%;
float: left;
margin: 0;
padding: 0 0 0 30px;
}
.tab_info h3 {
margin: 0;
padding: 0;
font-size: 1.57rem;
color: #000000;
font-weight: 700;
}
.tab_info p {
margin: 0 0 4px 0;
padding: 0;
font-size: 1.43rem;
color: #757575;
font-weight: 300;
line-height: 1.3;
}
.listing_info {
margin: 0 0 29px 0;
padding: 0;
}
.listing_info li {
margin: 0 0 3px 0;
padding: 0 0 0 12px;
display: block;
font-size: 1.14rem;
color: #000;
position: relative;
}
.listing_info li:after {
content: "";
width: 5px;
height: 5px;
background: #757575;
border-radius: 50%;
position: absolute;
left: 0;
top: 11px;
}
.usr_detail {
margin: 0;
padding: 0;
font-size: 1.14rem;
color: #000;
}
.usr_detail span {
display: inline-block;
margin: 0 5px;
}
.usr_detail a {
color: #005aab;
}
.usr_detail a:hover {
color: #005aab;
opacity: 0.7;
}
.team_block {
width: 100%;
float: left;
margin: 0 0 50px 0;
padding: 0;
text-align: center;
}
.team_block figure {
width: 100%;
max-width: 124px;
display: block;
margin: 0 auto 13px auto;
padding: 0;
}
.team_block figure img {
width: 100%;
}
.team_block h3 {
margin: 0 0 5px 0;
padding: 0;
font-size: 1.57rem;
color: #000;
font-weight: 700;
}
.team_block p {
margin: 0;
padding: 0;
font-size: 1rem;
color: #757575;
line-height: 1.29;
font-weight: 400;
}
.team_block p span {
margin: 0;
padding: 0;
display: block;
font-size: 0.93rem;
color: #000;
}
.team_block p a {
font-size: 0.93rem;
color: #005aab;
}
.team_block p a:hover {
color: #000;
}
/* 6.3 Bild und Kartenansicht */
.map_sec {
width: 100%;
float: left;
margin: 0;
padding: 0;
}
.map_sec figure {
width: 100%;
display: flex;
margin: 0;
padding: 0;
position: relative;
height: auto;
}
.map_sec figure img {
width: 100%;
object-fit: cover;
object-position: center center;
}
.map_cap {
display: inline-block;
margin: 0;
padding: 12px 16px 15px 16px;
background: #fff;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.19);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 55;
border-radius: 15px;
font-family: Arial, Helvetica, sans-serif;
}
.map_cap:before {
content: "";
width: 20px;
height: 22px;
background: url(../images/map_curve.png) no-repeat right center;
background-size: 100% auto;
position: absolute;
right: 100%;
top: 50%;
transform: translate(0%, -50%);
}
.map_cap h3 {
margin: 0;
padding: 0;
font-size: 1.71rem;
color: #195aa7;
font-weight: 700;
}
.map_cap p {
margin: 0;
padding: 0;
font-size: 1.14rem;
color: #000;
line-height: 1.13;
}
.map_cap p small {
font-size: 1rem;
color: #757575;
display: block;
}
.map_title {
width: 100%;
float: left;
margin: 0;
padding: 11px 10px 15px 10px;
background: #fff;
position: absolute;
bottom: 18px;
left: 0;
z-index: 55;
font-size: 1.14rem;
color: #000;
font-weight: 700;
text-align: center;
}
.map_title strong {
font-size: 1.43rem;
}
.map_title i {
display: inline-block;
margin: 0 17px;
padding-right: 20px;
position: relative;
}
.map_title i:after {
content: "";
width: 2px;
background: #999999;
height: 16px;
position: absolute;
top: 50%;
right: 0;
margin-top: -8px;
}
/************* 7. Footer ***********/
footer {
width: 100%;
float: left;
margin: 0;
padding: 55px 0;
}
footer figure {
width: 100%;
float: left;
margin: 0 0 20px 0;
padding: 0;
}
footer .f_logo1 img {
width: 100%;
max-width: 124px;
}
footer .f_logo2 img {
width: 100%;
max-width: 207px;
}
.f_add_info {
width: 100%;
float: left;
margin: 0 0 13px 0;
padding: 0;
font-size: 1.14rem;
color: #000;
line-height: 1.25;
}
.info_cntct {
width: 100%;
float: left;
margin: 0;
padding: 0;
font-size: 1rem;
color: #1838a0;
line-height: 1.57;
}
.info_cntct span {
display: inline-block;
color: #707890;
}
.info_cntct a {
color: #1838a0;
}
.info_cntct a:hover {
color: #000;
}
footer p {
margin: 0;
padding: 0;
font-size: 1rem;
color: #000;
line-height: 1.57;
}
footer p strong {
font-size: 1.07rem;
display: block;
}
.footer_links {
width: 100%;
float: left;
margin: 0;
padding: 0;
}
.footer_links li {
display: block;
margin: 0 0 15px 0;
padding: 0;
color: #000;
font-size: 1.07rem;
font-weight: 700;
}
.footer_links li a {
color: #000;
padding: 0 0 0 16px;
display: inline-block;
background: url(../images/footer_arrow.svg) no-repeat top 6px left;
background-size: 6px auto;
}
.footer_links li a:hover {
color: #005aac;
}
.footer_links_social_media {
display: inline-block;
width: 100%;
margin: 0;
padding: 0;
}
.footer_links_social_media li {
display: inline-block;
width: 24px;
margin-right: 10px;
}
.footer_links_intro {
width: 100%;
float: left;
margin: 0;
padding: 0;
}
.footer_links_intro li {
display: block;
margin: 0 0 0px 0;
padding: 0;
color: #000;
font-size: 1.07rem;
font-weight: 700;
}
.footer_links_intro li a {
color: #000;
padding: 0 0 0 16px;
display: inline-block;
}
.footer_links_intro li a:hover {
color: #005aac;
}
footer h4 {
margin: 0 0 15px 0;
padding: 0;
font-size: 1.07rem;
color: #000;
font-weight: 700;
}
.report_link {
display: inline-block;
margin: 0 0 15px 0;
padding: 5px 20px 6px 20px;
background: #005aac;
color: #fff;
font-size: 1.07rem;
font-weight: 700;
}
.report_link:hover {
background: var(--col_secondary);
color: #fff;
}
/* 7.1 Breadcrumb Navigation */
footer .footer__breadcrumb {
display: block;
overflow: hidden;
padding: 0;
}
footer .footer__breadcrumb .breadcrumb-point {
float: left;
}
footer .footer__breadcrumb .breadcrumb-point a {
display: inline-block;
font-size: 1.0rem;
padding: .3rem 0;
color: #707890;
}
footer .footer__breadcrumb .breadcrumb-point:not(:last-child)::after {
content: '';
display: inline-block;
height: 1.0rem;
width: 1.0rem;
background-image: url(../images/icon-arrow-right.svg);
vertical-align: middle;
margin: 0 .3rem;
position: relative;
top: -1px;
}
.form-control-edited {
display: inline;
width: 150px;
height: calc(1.5em + 0.75rem + 2px);
padding: 0.375rem 0.75rem;
font-size: 0.8rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: 0.25rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
margin-left: 10px;
margin-bottom: px;
}
/*====================== Submit Company Area =======================*/
.talk_link {
display: inline-block;
margin: 0;
padding: 0;
font-size: 1rem;
color: #617384;
}
.talk_link img {
width: 21px;
margin-right: 4px;
}
.talk_link:hover {
color: #000;
}
.inner_banner {
width: 100%;
float: left;
margin: 0;
padding: 30px 0 0 0;
background: url(../images/sca_banner.png) no-repeat center right;
background-size: 100% auto;
}
.inner_banner figure {
width: 100%;
float: left;
margin: 15px 0;
padding: 0;
}
.inner_banner figure img {
width: 100%;
max-width: 171px;
}
.inner_banner h2 {
margin: 0 0 30px 0;
padding: 0;
font-size: 2.29rem;
color: #000;
line-height: 1.25;
font-weight: 700;
}
.inner_banner figure.pic2 {
width: 100%;
float: left;
margin: 0;
padding: 0;
text-align: right;
position: relative;
z-index: 5;
}
.inner_banner figure.pic2 img {
width: auto;
max-width: 100%;
}
.inner_banner-v2025 {
width: 100%;
padding: 40px 0;
background-color: #eef2fa;
display: flex;
align-items: center;
position: relative;
height: 400px;
/* Feste Höhe für den Bannerbereich */
}
.inner_banner-v2025 .icon-header {
width: 16px;
}
.inner_banner-v2025 .banner-image {
position: absolute;
right: 20px;
/* Abstand vom rechten Rand */
bottom: 20px;
/* Abstand vom unteren Rand */
max-width: 200px;
/* Breite des Bildes */
height: auto;
}
@media (min-width: 1981px) {
.inner_banner-v2025 .svg-image {
position: absolute;
right: 0;
bottom: -10px;
max-width: 450px;
height: auto;
}
}
@media (min-width: 1601px) and (max-width: 1980px) {
.inner_banner-v2025 .svg-image {
position: absolute;
right: 0;
bottom: -10px;
max-width: 450px;
height: auto;
}
}
@media screen and (min-width: 1199px) and (max-width: 1600px) {
.inner_banner-v2025 .svg-image {
position: absolute;
right: 0;
bottom: -10px;
max-width: 400px;
height: auto;
}
}
@media (max-width: 1198px) {
.inner_banner-v2025 {
height: auto;
/* Automatische Höhe für mobile Ansicht */
padding-top: 20px;
/* Weniger Abstand für Mobilgeräte */
}
.inner_banner-v2025 .banner-image {
position: static;
/* Normale Position in mobilen Ansichten */
display: block;
margin: 20px auto 0;
/* Zentriere das Bild unter dem Text */
max-width: 100%;
/* Volle Breite in der mobilen Ansicht */
}
.inner_banner-v2025 .svg-image {
position: static;
/* Normale Position in mobilen Ansichten */
display: block;
margin: 20px auto 0;
/* Zentriere das Bild unter dem Text */
max-width: 80%;
/* Volle Breite in der mobilen Ansicht */
}
.inner_banner-v2025 .svg-icon {
margin-top: 20px;
padding: 0;
}
}
.inner_banner-v2025 h2 {
margin: 0 0 30px 0;
padding: 0;
font-size: 2.29rem;
color: #000;
line-height: 1.25;
font-weight: 700;
}
.inner_banner-v2025 .teasertext {
font-size: 1.1rem;
line-height: 1.5rem;
color: #1b1b1b;
}
.inner_banner_leasing {
width: 100%;
float: left;
margin: 0;
padding: 30px 0 0 0;
background: url(../images/leasingrechner_bg.svg) no-repeat center right;
background-size: 100% auto;
}
.inner_banner_leasing figure {
width: 100%;
float: left;
margin: 15px 0;
padding: 0;
}
.inner_banner_leasing figure img {
width: 100%;
max-width: 171px;
}
.inner_banner_leasing h2 {
margin: 0 0 30px 0;
padding: 0;
font-size: 2.29rem;
color: #000;
line-height: 1.25;
font-weight: 700;
}
.inner_banner_leasing figure.pic2 {
width: 100%;
float: left;
margin-top: 100px;
text-align: right;
position: relative;
z-index: 5;
}
.inner_banner_leasing figure.pic2 img {
width: auto;
max-width: 100%;
}
.inner_banner_produkt-vorsorge2 {
width: 100%;
float: left;
margin: 0;
padding: 40px 0 0 0;
background: url(../images/header_bg.svg) no-repeat center right;
background-color: #eef2fa;
background-size: contain;
min-height: 380px;
}
.inner_banner_produkt-vorsorge2 figure.pic {
width: 100%;
margin-top: 0px;
position: absolute;
z-index: 15;
margin: -105px 90px;
}
@media (min-width: 992px) {
.overlay_height {
margin-top: -280px;
}
.overlay_height_kfz {
margin-top: -100px;
}
}
.inner_banner_kfz {
width: 100%;
float: left;
margin: 0;
padding: 30px 0 0 0;
background: url(../images/skyline_1440_car.svg) no-repeat center bottom 20px;
background-size: 100% auto;
}
.inner_banner_kfz figure {
width: 100%;
float: left;
margin: 15px 0;
padding: 0;
}
.inner_banner_kfz figure img {
width: 100%;
max-width: 171px;
}
.inner_banner_kfz h2 {
margin: 0 0 30px 0;
padding: 0;
font-size: 2.29rem;
color: #000;
line-height: 1.25;
font-weight: 700;
}
.inner_banner_kfz figure.pic2 {
width: 100%;
float: left;
margin-top: 100px;
text-align: right;
position: relative;
z-index: 5;
}
.inner_banner_kfz figure.pic2 img {
width: auto;
max-width: 100%;
}
/************* 8. Firmenbereich ***********/
.inner_banner_company-area {
width: 100%;
height: 100%;
float: left;
margin: 0;
padding: 40px 0 0 0;
background: url(../images/illustration_kranken_hg.svg) no-repeat center right;
background-color: #eef2fa;
background-size: contain;
}
.inner_banner_company-area .icon-header {
width: 16px;
}
.inner_banner_company-area h2 {
margin: 0 0 10px 0;
padding: 0;
font-size: 2.29rem;
color: #000;
line-height: 1.25;
font-weight: 900;
font-family: Lato, sans-serif;
}
.inner_banner_company-area .teasertext {
font-size: 1.2rem;
line-height: 1.6rem;
color: 1b1b1b;
}
.inner_banner_company-area .pic2 {
width: 100%;
margin: 40px 0 40px 0;
max-width: 24px;
position: relative;
z-index: 5;
}
.inner_banner_company-area figure.pic3 {
position: relative;
z-index: 5;
bottom: -35px;
max-height: 340px;
}
.submit_sec {
width: 100%;
float: left;
margin: 0;
padding: 30px 0 35px 0;
text-align: center;
}
.submit_sec .block {
width: 100%;
float: left;
margin: 0 0 40px 0;
padding: 0 50px;
position: relative;
}
.submit_sec .block1:after {
content: "";
width: 1px;
height: 250px;
background: #dedee1;
position: absolute;
right: 0;
top: 50%;
transform: translate(0, -50%);
}
.submit_sec figure {
width: 100%;
float: left;
margin: 0 0 10px 0;
padding: 0;
line-height: 4.71;
}
.submit_sec figure img {
width: 100%;
max-width: 75px;
}
.submit_sec .block2 figure img {
max-width: 60px;
}
.submit_sec h4 {
margin: 0 0 6px 0;
padding: 0;
font-size: 1.57rem;
color: #000;
font-weight: 700;
}
.submit_sec p {
margin: 0 0 38px 0;
padding: 0;
font-size: 1.14rem;
color: #000;
font-weight: 500;
line-height: 1.38;
}
.sca_form {
width: 100%;
max-width: 279px;
display: block;
margin: 0 auto;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
position: relative;
}
.sca_form i {
width: 20px;
position: absolute;
left: 10px;
top: 6px;
}
.sca_form .field {
width: 100%;
float: left;
margin: 0 0 10px 0;
padding: 0 20px 0 36px;
height: 37px;
border: 1px solid #c6c7c7;
border-radius: 4px;
font-size: 1rem;
color: #000;
box-shadow: none;
}
.send_btn {
width: 100%;
margin: 0 0 30px 0;
padding: 11px 10px;
background: #005aab;
font-size: 1.14rem;
color: #fff;
border: none;
}
.send_btn:hover {
background: #51c2d0;
color: #fff;
}
.send_btn_pin {
width: 100%;
margin: 0 0 30px 0;
padding: 11px 10px;
background: #005aab;
font-size: 1.14rem;
color: #fff;
border: none;
}
.send_btn_pin:hover {
background: #51c2d0;
color: #fff;
}
.scainfo {
width: 100%;
float: left;
margin: 0;
padding: 11px 25px 15px 25px;
background: #fbfafa;
border-radius: 20px;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.19);
color: #757575;
position: relative;
}
.scainfo:after {
content: "";
width: 18px;
height: 18px;
background: url(../images/sca_msg_curve.png) no-repeat bottom center;
background-size: 100% 100%;
position: absolute;
bottom: 100%;
right: 44px;
}
.benifit_sec.partner_sec {
padding: 100px 0 55px 0;
background: #f7f7f7;
clip-path: polygon(0 15%, 100% 0, 100% 100%, 0% 100%);
text-align: center;
}
.benifit_sec.partner_sec .global_title {
font-size: 1.57rem;
}
.benifit_sec.partner_sec .tab_info {
max-width: 460px;
}
.benifit_sec.partner_sec .tab_info .nav-tabs {
max-width: 309px;
}
.benifit_sec.partner_sec .tab_info .tab-content {
padding: 35px 0 0 0;
}
.benifit_sec.partner_sec .listing_info2 {
margin: 0 auto 29px auto;
max-width: 230px;
width: 100%;
}
.listing_info2 {
margin: 0;
padding: 0;
text-align: left;
}
.listing_info2 li {
margin: 0 0 10px 0;
padding: 0 0 0 24px;
display: block;
font-size: 1.07rem;
color: #000;
position: relative;
background: url(../images/icons/check_icon.svg) no-repeat left top 8px;
background-size: 14px auto !important;
}
.benifit_sec.partner_sec p {
margin: 0;
padding: 0;
font-size: 1.14rem;
line-height: 1.38;
color: #000;
}
.scalif_banner2.inner_banner h3 {
margin-right: -15%;
position: relative;
z-index: 55;
}
.discount_block {
width: 151px;
height: 151px;
display: flex;
margin: 0;
padding: 5px;
justify-content: center;
background: var(--col_primary);
flex-direction: column;
border-radius: 50%;
font-size: 1.14rem;
color: #fff;
text-align: center;
line-height: 1.25;
position: absolute;
right: 10%;
bottom: 0;
transform: rotate(20deg);
z-index: 5;
}
.discount_block strong {
display: block;
font-size: 2.43rem;
line-height: 0.88;
}
.discount_block_accident {
width: 151px;
height: 151px;
display: flex;
margin: 0;
padding: 5px;
justify-content: center;
background: var(--col_primary);
flex-direction: column;
border-radius: 50%;
font-size: 1.14rem;
color: #fff;
text-align: center;
line-height: 1.25;
position: absolute;
right: 10%;
bottom: 0;
transform: rotate(20deg);
z-index: 5;
margin: 90px;
}
.discount_block_accident strong {
display: block;
font-size: 2.43rem;
line-height: 0.88;
}
.insure_sec {
width: 100%;
float: left;
margin: 0;
padding: 25px 0 78px 0;
text-align: center;
}
.insure_sec h2 {
margin: 0 0 21px 0;
padding: 0;
font-size: 1.86rem;
color: #000;
font-weight: 700;
}
.insure_sec h2 i {
width: 40px;
display: inline-block;
margin-right: 10px;
}
.date_block {
width: 100%;
float: left;
margin: 0 0 24px 0;
padding: 0;
}
.date_block .date_block_inn {
display: inline-block;
margin: 0;
padding: 0 30px 0 0;
position: relative;
}
.date_block label {
display: inline-block;
margin: 0 12px 0 0;
padding: 0;
font-size: 1.43rem;
color: #282b34;
}
.date_block .field {
width: 100%;
max-width: 132px;
display: inline-block;
margin: 0;
padding: 0;
font-size: 1.29rem;
color: #000;
border: none;
border-bottom: 2px solid #7fadd4;
text-align: center;
}
.date_block span.error {
width: 380px;
float: left;
margin: 0;
padding: 0 0 0 30px;
font-size: 1rem;
color: #b61918;
font-family: Arial, Helvetica, sans-serif;
position: absolute;
left: 100%;
top: 4px;
text-align: left;
}
.date_block span.error i {
width: 14px;
height: 14px;
display: inline-block;
background: url(../images/close_red.svg) no-repeat center center;
background-size: 100% 100% !important;
position: absolute;
left: 0;
top: 50%;
transform: translate(0, -50%);
}
.date_block .trash {
width: 26px;
height: 26px;
display: block;
margin: 0;
background: #fff;
border-radius: 50%;
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
position: absolute;
right: -23px;
top: 50%;
transform: translate(0, -50%);
text-align: center;
}
.date_block .trash img {
width: 16px;
}
.date_block.error .field {
border-color: #b61918;
color: #b61918;
}
.date_block.error ::placeholder {
/* Chrome, Firefox, Opera, Safari 10.1+ */
color: #b61918;
opacity: 1;
/* Firefox */
}
.date_block.error :-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: #b61918;
}
.date_block.error ::-ms-input-placeholder {
/* Microsoft Edge */
color: #b61918;
}
.add_link {
display: inline-block;
margin: 0 0 6px 0;
padding: 0;
font-size: 1.14rem;
color: var(--col_primary);
text-align: center;
}
.add_link i {
width: 22px;
height: 22px;
display: inline-block;
margin-right: 10px;
}
.add_link:hover {
color: #000;
}
.add_link_household {
display: inline-block;
margin: 10px 10px 6px 0;
padding: 0;
font-size: 1.14rem;
color: var(--col_primary);
text-align: center;
float: right
}
.add_link_household i {
width: 22px;
height: 22px;
display: inline-block;
margin-right: 10px;
}
.add_link_household:hover {
color: #000;
}
.insure_sec p {
margin: 0 0 35px 0;
padding: 0;
font-size: 1rem;
color: #999999;
}
.insure_sec p span {
display: inline-block;
position: relative;
}
.tooltip_info {
width: 100%;
max-width: 202px;
float: left;
margin: 0 0 0 50px;
padding: 11px 25px 14px 25px;
background: #7fadd4;
border-radius: 20px;
font-size: 1.14rem;
color: #fff;
line-height: 1.13;
position: absolute;
left: 100%;
top: -20px;
}
.tooltip_info:after {
content: "";
width: 18px;
height: 18px;
background: url(../images/happen_curve.png) no-repeat center right;
background-size: 100% 100%;
position: absolute;
right: 100%;
top: 50%;
transform: translate(0, -50%);
}
.tooltip_info strong {
font-size: 1.43rem;
}
.pre_btn {
line-height: 2.76;
margin: 0;
display: inline-block;
padding: 0 34px;
background: #00b773;
color: #fff;
font-size: 1.14rem;
font-family: Arial, Helvetica, sans-serif;
border: none;
cursor: pointer;
}
.pre_btn:hover {
background: #000;
color: #fff;
}
.choose_sec {
width: 100%;
float: left;
margin: 0;
padding: 0 0 60px 0;
}
.choose_sec .container {
max-width: 950px;
}
.choose_sec h2 {
margin: 0;
padding: 0;
font-size: 1.86rem;
color: #000;
font-weight: 700;
text-align: center;
}
.choose_sec .info {
display: block;
margin: 0 0 55px 0;
padding: 0;
font-size: 1.29rem;
color: #999999;
text-align: center;
}
.choose_sec p {
margin: 0 0 20px 0;
padding: 0;
font-size: 1.14rem;
color: #000;
}
.choose_sec .block {
width: 100%;
float: left;
margin: 0;
padding: 24px 30px 20px 30px;
background: #fff;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.19);
position: relative;
height: 100%;
opacity: 1;
transition: all 400ms ease-in-out;
}
.choose_sec .block:hover {
width: 100%;
float: left;
margin: 0;
padding: 24px 30px 20px 30px;
background: #fff;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.59);
position: relative;
height: 100%;
opacity: 1.0;
transform: translateY(-15px);
}
.choose_sec .block.popular:after {
content: "";
width: 73px;
height: 46px;
background: url(../images/top_tagcurve.png) no-repeat center center;
background-size: 100% 100%;
position: absolute;
top: -27px;
right: 20px;
z-index: 7;
}
.choose_sec .block h3 {
margin: 0 0 7px 0;
padding: 0;
font-size: 2.57rem;
color: #282b34;
font-weight: 400;
}
.choose_sec .block p {
margin: 0 0 4px 0;
padding: 0;
line-height: 1.57;
font-size: 1rem;
color: #999999;
font-weight: 700;
}
.choose_sec .block p>span {
margin: 0;
padding: 0;
color: #7fadd4;
display: block;
}
.choose_sec .block p span strong {
font-size: 2.29rem;
font-weight: 700;
}
.choose_sec .block p span strong span {
font-size: 1.71rem;
}
.choose_sec .block .listPrice {
display: inline-block;
font-size: 1.29rem;
color: #7fadd4;
font-weight: 500;
}
.choose_sec .listing_info2 {
margin-bottom: 35px;
min-height: 300px;
}
.choose_sec .listing_info2 li {
margin-bottom: 16px;
background: url(../images/icons/check_icon_skyblue.svg) no-repeat left top 5px;
line-height: 1.43;
font-family: Arial, Helvetica, sans-serif;
}
.choose_sec .more_link {
margin: 0;
padding: 0;
font-size: 1rem;
color: #999999;
text-decoration: underline;
}
.choose_sec .more_link:hover {
color: #005aac;
text-decoration: none;
}
.dwnld_info {
width: 100%;
max-width: 388px;
margin: 0 auto;
padding: 20px 20px 20px 10px;
display: flex;
justify-content: center;
-ms-flex-align: center;
align-items: center;
font-size: 1.14rem;
color: #282b34;
background: #f4f4f4;
}
.dwnld_info i {
width: 28px;
float: left;
margin-right: 5px;
padding: 0;
}
.dwnld_info span {
overflow: hidden;
display: inline-block;
margin: 0 42px 0 20px;
}
.dwnld_info small {
font-size: 1rem;
color: #999999;
}
.dwnld_link {
display: inline-block;
margin: 0;
}
.dwnld_link a {
color: #999;
}
/* 8.1 Dashboard */
.inner_banner figure.pic2 .vible-xs {
display: none;
}
.inner_banner.scalif_banner3 {
position: relative;
}
.inner_banner.scalif_banner3:after {
content: "";
width: 50%;
background: url(../images/scalifp_bg_image.svg) no-repeat right bottom;
background-size: auto 99%;
position: absolute;
top: 0;
right: 0;
bottom: 20px;
}
.inner_banner.scalif_banner3 figure.pic2 {
text-align: left;
padding-left: 20%;
}
.inner_banner.scalif_banner3 .discount_block {
right: 0;
}
.siemens_sec {
width: 100%;
float: left;
margin: 0;
padding: 35px 0 30px 0;
text-align: center;
}
.siemens_sec h2 {
margin: 0;
padding: 0;
font-size: 1.57rem;
color: #000000;
font-weight: 700;
}
.siemens_sec p {
margin: 0 0 58px 0;
padding: 0;
font-size: 1.14rem;
color: #000000;
}
.siemens_sec .block {
width: 100%;
float: left;
margin: 0;
padding: 37px 30px;
background: #fff;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.19);
position: relative;
height: 100%;
opacity: 0.8;
transition: all 400ms ease-in-out;
}
.siemens_sec .block:hover {
width: 100%;
float: left;
margin: 0;
padding: 37px 30px;
background: #fff;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.59);
position: relative;
height: 100%;
opacity: 1.0;
transform: translateY(-15px);
}
.siemens_sec .block.disable {
opacity: 0.2;
}
.siemens_sec .block.popular:after {
content: "";
width: 73px;
height: 46px;
background: url(../images/top_tagcurve.png) no-repeat center center;
background-size: 100% 100%;
position: absolute;
top: -18px;
right: 20px;
z-index: 7;
}
.siemens_sec .block figure {
width: 100%;
float: left;
margin: 0 0 16px 0;
padding: 0;
}
.siemens_sec .block figure img {
width: 100%;
max-width: 85px;
}
.siemens_sec .block h3 {
margin: 0 0 2px 0;
padding: 0;
font-size: 1.57rem;
color: #000;
font-weight: 700;
}
.siemens_sec .block a {
margin: 0;
padding: 0;
font-size: 1.14rem;
color: #00b773;
}
.siemens_sec .block .highlight-text {
margin: 0;
padding: 0;
font-size: 1.14rem;
color: #00b773;
}
/* 8.2 Häufig gestellte Fragen */
.faq_sec_frontpage {
width: 100%;
float: left;
margin: 0;
padding: 55px 0 50px 0;
border-bottom: 0px solid #dedee1;
}
.faq_sec_frontpage .global_title {
font-size: 1.71em;
}
.faq_sec_frontpage .container {
max-width: 755px;
}
.faq_sec_frontpage #MoreLess {
width: 100%;
float: left;
margin: 0;
padding: 0;
position: relative;
}
.faq_sec_frontpage .more_inn {
width: 100%;
float: left;
margin: 0;
padding: 0 0 95px 0;
position: relative;
overflow: hidden;
}
.faq_sec_frontpage .more_inn:after {
content: "";
width: 100%;
height: 95px;
position: absolute;
bottom: 0;
left: 0;
background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.06) 10%, rgba(255, 255, 255, 0.26) 27%, rgba(255, 255, 255, 0.45) 36%, rgba(255, 255, 255, 0.65) 44%, rgba(255, 255, 255, 0.79) 50%, rgba(255, 255, 255, 0.87) 55%, rgba(255, 255, 255, 0.94) 61%, rgba(255, 255, 255, 0.98) 66%, rgba(255, 255, 255, 1) 73%, rgba(255, 255, 255, 1) 100%);
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.06) 10%, rgba(255, 255, 255, 0.26) 27%, rgba(255, 255, 255, 0.45) 36%, rgba(255, 255, 255, 0.65) 44%, rgba(255, 255, 255, 0.79) 50%, rgba(255, 255, 255, 0.87) 55%, rgba(255, 255, 255, 0.94) 61%, rgba(255, 255, 255, 0.98) 66%, rgba(255, 255, 255, 1) 73%, rgba(255, 255, 255, 1) 100%);
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.06) 10%, rgba(255, 255, 255, 0.26) 27%, rgba(255, 255, 255, 0.45) 36%, rgba(255, 255, 255, 0.65) 44%, rgba(255, 255, 255, 0.79) 50%, rgba(255, 255, 255, 0.87) 55%, rgba(255, 255, 255, 0.94) 61%, rgba(255, 255, 255, 0.98) 66%, rgba(255, 255, 255, 1) 73%, rgba(255, 255, 255, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
}
.faq_sec_frontpage .block {
width: 100%;
float: left;
margin: 0 0 12px 0;
padding: 0 25% 0 0;
}
.faq_sec_frontpage .block span {
display: inline-block;
padding: 15px 20px 18px 20px;
background: #005aac;
border-radius: 20px;
font-size: 1.14em;
color: #fff;
line-height: 1.25;
font-family: Arial, Helvetica, sans-serif;
position: relative;
}
.faq_sec_frontpage .block span:after {
content: "";
width: 12px;
height: 12px;
background: #005aac;
position: absolute;
top: 100%;
left: 34px;
clip-path: polygon(0 0, 100% 0, 0 100%, 0% 100%);
}
.faq_sec_frontpage .block.replay {
padding: 0 0 0 25%;
text-align: right;
}
.faq_sec_frontpage .block.replay span {
background: #e3ebf8;
color: #282b34;
text-align: left;
}
.faq_sec_frontpage .block.replay span:after {
background: #e3ebf8;
left: auto;
right: 34px;
clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%);
}
.faq_sec {
width: 100%;
float: left;
margin: 0;
padding: 55px 0 50px 0;
border-bottom: 1px solid #dedee1;
}
.faq_sec .global_title {
font-size: 1.71rem;
}
.faq_sec .container {
max-width: 755px;
}
.faq_sec #MoreLess {
width: 100%;
float: left;
margin: 0;
padding: 0;
position: relative;
}
.faq_sec .more_inn {
width: 100%;
float: left;
margin: 0;
padding: 0 0 95px 0;
position: relative;
overflow: hidden;
}
.faq_sec .more_inn:after {
content: "";
width: 100%;
height: 95px;
position: absolute;
bottom: 0;
left: 0;
background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.06) 10%, rgba(255, 255, 255, 0.26) 27%, rgba(255, 255, 255, 0.45) 36%, rgba(255, 255, 255, 0.65) 44%, rgba(255, 255, 255, 0.79) 50%, rgba(255, 255, 255, 0.87) 55%, rgba(255, 255, 255, 0.94) 61%, rgba(255, 255, 255, 0.98) 66%, rgba(255, 255, 255, 1) 73%, rgba(255, 255, 255, 1) 100%);
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.06) 10%, rgba(255, 255, 255, 0.26) 27%, rgba(255, 255, 255, 0.45) 36%, rgba(255, 255, 255, 0.65) 44%, rgba(255, 255, 255, 0.79) 50%, rgba(255, 255, 255, 0.87) 55%, rgba(255, 255, 255, 0.94) 61%, rgba(255, 255, 255, 0.98) 66%, rgba(255, 255, 255, 1) 73%, rgba(255, 255, 255, 1) 100%);
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.06) 10%, rgba(255, 255, 255, 0.26) 27%, rgba(255, 255, 255, 0.45) 36%, rgba(255, 255, 255, 0.65) 44%, rgba(255, 255, 255, 0.79) 50%, rgba(255, 255, 255, 0.87) 55%, rgba(255, 255, 255, 0.94) 61%, rgba(255, 255, 255, 0.98) 66%, rgba(255, 255, 255, 1) 73%, rgba(255, 255, 255, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
}
.faq_sec .block {
width: 100%;
float: left;
margin: 0 0 12px 0;
padding: 0 25% 0 0;
}
.faq_sec .block span {
display: inline-block;
padding: 15px 20px 18px 20px;
background: #005aac;
border-radius: 20px;
font-size: 1.14rem;
color: #fff;
line-height: 1.25;
font-family: Arial, Helvetica, sans-serif;
position: relative;
}
.faq_sec .block span:after {
content: "";
width: 12px;
height: 12px;
background: #005aac;
position: absolute;
top: 100%;
left: 34px;
clip-path: polygon(0 0, 100% 0, 0 100%, 0% 100%);
}
.faq_sec .block.replay {
padding: 0 0 0 25%;
text-align: right;
}
.faq_sec .block.replay span {
background: #e3ebf8;
color: #282b34;
text-align: left;
}
.faq_sec .block.replay span:after {
background: #e3ebf8;
left: auto;
right: 34px;
clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%);
}
.faq_sec_alternative {
width: 100%;
float: left;
margin: 0;
padding: 55px 0 50px 0;
border-bottom: 0px solid #dedee1;
background-color: #f4f4f4;
}
.faq_sec_alternative .global_title {
font-size: 1.71rem;
}
.faq_sec_alternative .container {
max-width: 755px;
}
.faq_sec_alternative #MoreLess {
width: 100%;
float: left;
margin: 0;
padding: 0;
position: relative;
}
.faq_sec_alternative .more_inn {
width: 100%;
float: left;
margin: 0;
padding: 0 0 95px 0;
position: relative;
overflow: hidden;
}
.faq_sec_alternative .more_inn:after {
content: "";
width: 100%;
height: 95px;
position: absolute;
bottom: 0;
left: 0;
background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.06) 10%, rgba(255, 255, 255, 0.26) 27%, rgba(255, 255, 255, 0.45) 36%, rgba(255, 255, 255, 0.65) 44%, rgba(255, 255, 255, 0.79) 50%, rgba(255, 255, 255, 0.87) 55%, rgba(255, 255, 255, 0.94) 61%, rgba(255, 255, 255, 0.98) 66%, rgba(255, 255, 255, 1) 73%, rgba(255, 255, 255, 1) 100%);
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.06) 10%, rgba(255, 255, 255, 0.26) 27%, rgba(255, 255, 255, 0.45) 36%, rgba(255, 255, 255, 0.65) 44%, rgba(255, 255, 255, 0.79) 50%, rgba(255, 255, 255, 0.87) 55%, rgba(255, 255, 255, 0.94) 61%, rgba(255, 255, 255, 0.98) 66%, rgba(255, 255, 255, 1) 73%, rgba(255, 255, 255, 1) 100%);
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.06) 10%, rgba(255, 255, 255, 0.26) 27%, rgba(255, 255, 255, 0.45) 36%, rgba(255, 255, 255, 0.65) 44%, rgba(255, 255, 255, 0.79) 50%, rgba(255, 255, 255, 0.87) 55%, rgba(255, 255, 255, 0.94) 61%, rgba(255, 255, 255, 0.98) 66%, rgba(255, 255, 255, 1) 73%, rgba(255, 255, 255, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
}
.faq_sec_alternative .block {
width: 100%;
float: left;
margin: 0 0 12px 0;
padding: 0 25% 0 0;
}
.faq_sec_alternative .block span {
display: inline-block;
padding: 15px 20px 18px 20px;
background: #005aac;
border-radius: 20px;
font-size: 1.07rem;
color: #fff;
line-height: 1.34;
font-family: Arial, Helvetica, sans-serif;
position: relative;
}
.faq_sec_alternative .block span:after {
content: "";
width: 12px;
height: 12px;
background: #005aac;
position: absolute;
top: 100%;
left: 34px;
clip-path: polygon(0 0, 100% 0, 0 100%, 0% 100%);
}
.faq_sec_alternative .block.replay {
padding: 0 0 0 25%;
text-align: right;
}
.faq_sec_alternative .block.replay span {
background: #e3ebf8;
color: #282b34;
text-align: left;
}
.faq_sec_alternative .block.replay span:after {
background: #e3ebf8;
left: auto;
right: 34px;
clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%);
}
.more_btn {
width: 40px;
height: 40px;
display: inline-block;
margin: 0;
background: #00b773;
text-align: center;
line-height: 2.86;
border-radius: 50%;
position: absolute;
left: 50%;
bottom: 0;
transform: translate(-50%, 0);
}
.more_btn img {
width: 12px;
}
.more_btn.close_btn img {
display: inline-block;
transform: rotate(180deg);
}
.more_btn:hover {
background: #00b773;
}
#MoreLess+.readmore-js-toggle {
padding-bottom: 1.5em;
border-bottom: 1px solid #999;
font-weight: bold;
}
/************* 9. Modal / Popups ***********/
.btn_link {
margin: 0 5px 10px 5px;
padding: 11px 30px;
display: inline-block;
background: #005aab;
font-size: 1.14rem;
color: #fff;
border: none;
box-shadow: none;
}
.btn_link:hover {
background: #51c2d0;
color: #fff;
}
.btn_link2 {
margin: 0 5px 10px 5px;
padding: 8px 20px;
display: inline-block;
background: #005aab;
font-size: 1.14rem;
color: #fff !important;
border: none;
box-shadow: none;
}
.btn_link2:hover {
background: #51c2d0;
color: #fff;
}
.modal_kontact {
padding: 0 20px;
}
.modal.kontact_1 {}
.modal.kontact_1 .modal-dialog {
margin: 0 auto;
padding: 30px 0;
max-width: 969px;
}
.modal.kontact_1 .modal-content {
border-radius: 0;
border: none;
}
.modal_kontact .close {
width: 20px;
position: absolute;
top: 39px;
right: 31px;
opacity: 1;
}
.modal.kontact_1 .modal-body {
padding: 57px 95px 20px 95px;
}
.modal_kontact h4 {
margin: 0;
padding: 0;
font-size: 1.57rem;
color: #000000;
font-weight: 700;
}
.modal_kontact p {
margin: 0 0 35px 0;
padding: 0;
font-size: 1.57rem;
color: #000000;
line-height: 1.46;
}
.modal.kontact_2 {}
.modal.kontact_2 .modal-dialog {
margin: 0 auto;
padding: 20px 0;
max-width: 470px;
}
.modal.kontact_2 .modal-content {
border-radius: 0;
border: none;
}
.modal.kontact_2 .close {
width: 20px;
position: absolute;
top: 25px;
right: 30px;
opacity: 1;
}
.modal.kontact_2 .modal-body {
padding: 0;
}
.modal_kontact .block1 {
width: 100%;
margin: 0;
padding: 55px 50px 30px 50px;
background: url(../images/kontact_ul_bg.png) no-repeat center bottom;
background-size: 100% auto;
}
.modal_kontact .block2 {
width: 100%;
margin: 0;
padding: 55px 50px 20px 50px;
}
.thanku_modal {
width: 100%;
float: left;
margin: 0;
padding: 0 10px !important;
text-align: center;
}
.thanku_modal .modal-dialog {
margin: 0 auto;
padding: 30px 0;
max-width: 969px;
}
.thanku_modal .modal-content {
border-radius: 0;
border: none;
}
.thanku_modal .modal-header {
padding: 0;
justify-content: center;
background: var(--col_primary);
background-size: auto;
background-size: 100% 100%;
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
}
.thanku_modal figure {
width: 100%;
float: left;
margin: 0;
padding: 0;
text-align: center;
}
.thanku_modal .close {
width: 20px;
position: absolute;
top: 50px;
right: 47px;
opacity: 1;
padding: 0;
}
.thanku_modal .modal-body {
padding: 28px 30px 50px 30px;
}
.thanku_modal h3 {
margin: 0 0 19px 0;
padding: 0;
font-size: 1.43rem;
color: #000;
font-weight: 300;
}
.thanku_modal h3 strong {
font-weight: 700;
}
.thanku_modal h2 {
margin: 0;
padding: 0;
font-size: 2.14rem;
color: #000;
font-weight: 700;
}
.thanku_modal p {
margin: 0 0 15px 0;
padding: 0;
font-size: 1rem;
text-align: center;
color: #000;
}
.thanku_modal .btn_link {
width: 100%;
max-width: 257px;
font-size: 1.14rem;
}
.disclosure-wrap {
background: transparent;
padding: 0px 0px 10px 20px !important;
border-radius: 10px;
}
/************* 10. Alle Formulare ***********/
.nav_sec .w-40 {
width: 40% !important;
}
.usr_links {
display: inline-block;
margin: 0 0 0 48px;
padding: 0;
}
.usr_links li {
margin: 0 4px 0 0;
padding: 0 9px 0 0;
display: inline-block;
font-size: 1rem;
border-right: 1px solid #dedee1;
}
.usr_links li:last-child {
border-right: none;
margin-right: 0;
}
.usr_links li i {
width: 20px;
display: inline-block;
position: relative;
top: -3px;
}
.usr_links li i img {
width: 100%;
}
.usr_links li a {
color: #000;
}
.usr_links li a.logout_link {
color: #005ca9;
padding-top: 5px;
display: inline-block;
margin: 5px;
padding: 0;
font-size: 1rem;
}
.usr_links li a:hover {
color: #51c2d0;
}
.scalif_banner.inner_banner figure {
margin-top: 0;
}
.scalif_banner.inner_banner figure .text_image {
width: auto;
max-width: inherit;
}
.scalif_banner.inner_banner h2 {
margin-bottom: 0;
font-size: 2.14rem;
line-height: normal;
}
.scalif_banner.inner_banner span {
font-weight: 300;
}
.scalif_banner.inner_banner h3 {
margin: 0;
padding: 0;
font-size: 1.43rem;
line-height: 1.4;
color: #000;
}
.scalif_banner.inner_banner_leasing figure {
margin-top: 0;
}
.scalif_banner.inner_banner_leasing figure .text_image {
width: auto;
max-width: inherit;
}
.scalif_banner.inner_banner_leasing h2 {
margin-bottom: 0;
font-size: 2.14rem;
line-height: normal;
}
.scalif_banner.inner_banner_leasing span {
font-weight: 300;
}
.scalif_banner.inner_banner_leasing h3 {
margin: 0;
padding: 0;
font-size: 1.43rem;
line-height: 1.4;
color: #000;
}
.scalif_banner.inner_banner_kfz figure {
margin-bottom: 0;
}
.scalif_banner.inner_banner_kfz figure .text_image {
width: auto;
max-width: inherit;
}
.scalif_banner.inner_banner_kfz h2 {
margin-bottom: 0;
font-size: 2.14rem;
line-height: normal;
}
.scalif_banner.inner_banner_kfz span {
font-weight: 300;
}
.scalif_banner.inner_banner_kfz h3 {
margin: 0;
padding: 0;
font-size: 1.43rem;
line-height: 1.4;
color: #000;
}
.scalif_sec {
width: 100%;
float: left;
margin: 0;
padding: 30px 0;
border-bottom: 1px solid #dedee1;
}
.form_info {
width: 100%;
float: left;
margin: 0 0 30px 0;
padding: 0;
}
.form_info .row {
margin-right: -10px;
margin-left: -10px;
}
.form_info [class^="col-"],
.form_info>[class*=" col-"] {
padding-right: 10px;
padding-left: 10px;
}
.form_info h5 {
margin: 0 0 20px 0;
padding: 0;
font-size: 1rem;
color: #999999;
text-transform: uppercase;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
position: relative;
}
.form_info h5:before {
content: "";
width: 100%;
height: 1px;
background: #b2b2b2;
position: absolute;
top: 50%;
left: 0;
transform: translate(0, -50%);
}
.form_info h5 span {
background: #fff;
display: inline-block;
padding: 0 20px;
position: relative;
z-index: 2;
}
.form_info .form_block {
width: 100%;
float: left;
margin: 0 0 10px 0;
padding: 0 227px 0 0;
position: relative;
}
.form_info .form_block label {
display: block;
margin: 0;
padding: 0;
font-size: 1rem;
color: #282b34;
font-family: Arial, Helvetica, sans-serif;
text-align: right;
line-height: 1.29;
}
.form_info .form_block .form-control {
padding: 0 11px;
border: 1px solid #d1d1d1;
font-size: 1rem;
color: #282b34;
font-family: Arial, Helvetica, sans-serif;
height: 36px;
box-shadow: none;
}
.form_info .form_block .form-control-textarea {
padding: 0 11px;
border: 1px solid #d1d1d1;
font-size: 1rem;
color: #282b34;
font-family: Arial, Helvetica, sans-serif;
height: auto;
box-shadow: none;
}
.form_info .form_block i {
width: 22px;
height: 22px;
display: inline-block;
background: url(../images/check_round_grey.svg) no-repeat center center;
background-size: 100% 100% !important;
position: absolute;
right: -16px;
top: 50%;
transform: translate(0, -50%);
}
.form_info .date_field {
width: 100%;
float: left;
margin: 0;
padding: 0;
display: flex;
}
.form_info .date_field .dfield {
width: 100%;
padding: 0 11px;
background: #f7f7f7;
height: 35px;
border-radius: 3px;
border: none;
margin-right: 0;
font-size: 1rem;
color: #282b34;
font-family: Arial, Helvetica, sans-serif;
}
.form_info .date_field .control-group {
width: 26% !important;
margin-right: 10px;
}
.form_info .date_field .control-group span.error {
display: none !important;
}
.form_info .date_field .control-group.ortlast {
width: 33% !important;
}
.form_info .date_field .control-group.ortlast span.error {
display: inline-block !important;
}
.form_info .form_block.selected {}
.form_info .form_block.selected i {
background: url(../images/check_round_green.svg) no-repeat center center;
}
.form_info .form_block.error i {
background: url(../images/close_red.svg) no-repeat center center;
width: 14px;
height: 14px;
right: -12px;
}
#datelist .date_block.control-group.error.help-inline .date_block_inn i {
background: url(../images/close_red.svg) no-repeat center center;
background-size: auto;
display: inherit;
height: 14px;
width: 14px;
background-size: 14px auto;
}
#datelist .date_block span.error {
left: 90%;
}
.form_info .form_block.error .form-control {
border-color: #c16362;
background: #fef2f2;
}
.form_info .form_block.error span.error {
width: 100%;
max-width: 200px;
float: left;
margin: 0;
padding: 0 0 0 23px;
position: absolute;
left: 100%;
top: 0;
font-size: 1rem;
color: #b61918;
line-height: 1.29;
font-family: Arial, Helvetica, sans-serif;
}
.form_info .form_block.error.mb-40 span.error {
left: 0;
top: 100%;
padding: 0 0 0 10px;
font-size: 0.86rem;
min-width: 130px;
}
.form_info .form_block_check {
width: 100%;
float: lefts;
margin: 0 0 20px 0;
padding: 0 227px 0 0;
position: relative;
}
.form_info .kontakta_check {
width: 100%;
max-width: 302px;
margin: 0 auto;
padding: 0;
display: flex;
}
.form_info .kontakta_check .custom-radio {
width: 50%;
float: left;
margin: 0;
padding: 0;
}
.form_info .kontakta_check .custom-control-label {
line-height: 1.14;
text-align: center;
display: block;
border: 1px solid #e1e1e1;
border-radius: 10px 0 0 10px;
margin-right: -1px;
padding: 12px 10px;
cursor: pointer;
height: auto;
}
.form_info .kontakta_check .custom-radio:last-child .custom-control-label {
border-radius: 0 10px 10px 0;
}
.form_info .kontakta_check .custom-control-label i {
display: block;
margin-bottom: 10px;
}
.form_info .kontakta_check .custom-control-label i img {
width: 100%;
max-width: 22px;
}
.form_info .kontakta_check .custom-control-label:before,
.form_info .kontakta_check .custom-control-label:after {
display: none;
}
.form_info .kontakta_check .custom-control-input:checked~.custom-control-label {
position: relative;
z-index: 55;
border-color: #03b675;
background: #eefdf8;
}
.sub_btn {
width: 100%;
max-width: 257px;
height: 50px;
margin: 0 auto;
display: block;
padding: 0;
background: #008050;
color: #fff;
font-size: 1.14rem;
font-family: Arial, Helvetica, sans-serif;
border: none;
cursor: pointer;
}
.sub_btn:hover {
background: #005aac;
color: #fff;
}
.sub_btn:focus {
background: #005aac;
color: #fff;
}
.sub_btn.no_fill_form {
background: #b2e9d5;
cursor: no-drop;
}
.optimal_info {
width: 100%;
float: left;
margin: 0 0 30px 0;
padding: 21px 10% 13px 30px;
background: #fff;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.19);
}
.optimal_info h2 {
margin: 0 0 7px 0;
padding: 0;
font-size: 2.57rem;
color: #282b34;
font-weight: 400;
}
.optimal_info p {
margin: 0 0 27px 0;
padding: 0;
line-height: 1.38;
font-size: 1.14rem;
color: #999999;
font-weight: 700;
}
.optimal_info p>span {
margin: 0;
padding: 0;
color: #7fadd4;
display: block;
}
.optimal_info p span strong {
font-size: 2.29rem;
font-weight: 700;
}
.optimal_info p span strong span {
font-size: 1.71rem;
}
.optimal_info .listing_info2 li {
margin-bottom: 16px;
background: url(../images/icons/check_icon_skyblue.svg) no-repeat left top 5px;
line-height: 1.43;
font-family: Arial, Helvetica, sans-serif;
}
.happen_info {
width: 100%;
float: left;
margin: 0 0 30px 0;
padding: 25px 30px 12px 30px;
background: #7fadd4;
border-radius: 20px;
position: relative;
}
.happen_info:after {
content: "";
width: 18px;
height: 18px;
background: url(../images/happen_curve.png) no-repeat center right;
background-size: 100% 100%;
position: absolute;
right: 100%;
bottom: 45px;
}
.happen_info h3 {
margin: 0 0 15px 0;
padding: 0;
font-size: 1.43rem;
color: #fff;
}
.happen_info .listing_info2 li {
color: #fff;
margin-bottom: 16px;
background: url(../images/icons/check_icon_white.svg) no-repeat left top 5px;
line-height: 1.43;
font-family: Arial, Helvetica, sans-serif;
}
.approval_banner {
width: 100%;
float: left;
margin: 0;
padding: 0 0 30px 0;
background: #f4f4f4;
display: flex;
}
.approval_banner .detail_info {
max-width: 1600px;
width: 96%;
margin: 0 auto;
padding: 0;
}
.approval_banner .cap_info {
width: 100%;
max-width: 480px;
float: left;
margin: 0;
padding: 0;
align-self: center;
}
.approval_banner h2 {
margin: 0;
padding: 0;
font-size: 2.86rem;
color: #000;
font-weight: 700;
}
.approval_banner h3 {
margin: 0 0 23px 0;
padding: 0;
font-size: 2.14rem;
color: #000;
}
.approval_banner ul {
width: 100%;
float: left;
margin: 0;
padding: 0;
}
.approval_banner ul li {
margin: 0 0 5px 0;
padding: 0 0 0 40px;
display: block;
font-size: 1.57rem;
color: #000;
position: relative;
}
.approval_banner ul li i {
width: 24px;
position: absolute;
left: 0;
top: 0;
}
.approval_banner ul li strong {
font-size: 1.86rem;
}
.approval_banner figure {
width: 56%;
float: left;
margin: -13px 0 0 0;
padding: 0;
}
.approval_banner figure img {
width: 100%;
}
.approval_banner-damage {
width: 100%;
float: left;
margin: 0;
padding: 0 0 30px 0;
background: #f4f4f4;
display: flex;
}
.approval_banner-damage .detail_info {
max-width: 1600px;
width: 96%;
margin: 0 auto;
padding: 0;
}
.approval_banner-damage .cap_info {
width: 100%;
max-width: 480px;
float: left;
margin: 0;
padding: 0;
align-self: center;
}
.approval_banner-damage h2 {
margin: 0;
padding: 0;
font-size: 2.86rem;
color: #000;
font-weight: 700;
}
.approval_banner-damage h3 {
margin: 0 0 23px 0;
padding: 0;
font-size: 2.14rem;
color: #000;
}
.approval_banner-damage ul {
width: 100%;
float: left;
margin: 0;
padding: 0;
}
.approval_banner-damage ul li {
margin: 0 0 5px 0;
padding: 0 0 0 40px;
display: block;
font-size: 1.57rem;
color: #000;
position: relative;
}
.approval_banner-damage ul li i {
width: 24px;
position: absolute;
left: 0;
top: 0;
}
.approval_banner-damage ul li strong {
font-size: 1.86rem;
}
.approval_banner-damage figure {
width: 56%;
float: left;
margin: -13px 0 0 0;
padding: 0;
}
.approval_banner-damage figure img {
width: 100%;
}
/************* 11. Einzelne Seiten ***********/
/* 11.1 KFZ-Anmeldung */
.approval_banner-kfz {
width: 100%;
float: left;
margin: 0;
padding: 0 0 30px 0;
background: #f4f4f4;
display: flex;
}
.approval_banner-kfz .detail_info {
width: 44%;
float: left;
margin: 0;
padding: 0 0 0 30px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-end;
align-items: flex-start;
}
.approval_banner-kfz .cap_info {
width: 100%;
max-width: 480px;
float: right;
margin: 0;
padding: 0;
align-self: center;
}
.approval_banner-kfz h2 {
margin: 0;
padding: 0;
font-size: 2.86rem;
color: #000;
font-weight: 700;
}
.approval_banner-kfz h3 {
margin: 0 0 23px 0;
padding: 0;
font-size: 2.14rem;
color: #000;
}
.approval_banner-kfz ul {
width: 100%;
float: left;
margin: 0;
padding: 0;
}
.approval_banner-kfz ul li {
margin: 0 0 5px 0;
padding: 0 0 0 40px;
display: block;
font-size: 1.57rem;
color: #000;
position: relative;
}
.approval_banner-kfz ul li i {
width: 24px;
position: absolute;
left: 0;
top: 0;
}
.approval_banner-kfz ul li strong {
font-size: 1.86rem;
}
.approval_banner-kfz figure {
width: 56%;
float: left;
margin: -13px 0 0 0;
padding: 0;
}
.approval_banner-kfz figure img {
width: 100%;
}
.inner_banner_kfz-anmeldung {
width: 100%;
float: left;
margin: 0;
padding: 40px 0 0 0;
background-color: #eef2fa;
}
.inner_banner_kfz-anmeldung h2 {
margin: 0 0 10px 0;
padding: 0;
font-size: 2.86rem;
color: #000;
line-height: 1.0;
font-weight: 700;
font-family: Lato, sans-serif;
}
.inner_banner_kfz-anmeldung .teasertext {
font-size: 1.3rem;
line-height: 1.6rem;
color: 1b1b1b;
}
.inner_banner_kfz-anmeldung .heading-text {
width: 100%;
float: left;
margin: 0;
padding: 0 0 0 20%;
}
.inner_banner_kfz-anmeldung figure {
width: 80%;
float: right;
margin: 0;
padding: 0;
}
.inner_banner_kfz-anmeldung figure img {
width: 100%;
}
.kfz_sec {
width: 100%;
float: left;
margin: 0;
padding-top: 60px;
padding-bottom: 30px;
}
.kfz_block {
width: 100%;
float: left;
margin: 0;
padding: 25px 22px 28px 22px;
background: #fff;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.19);
position: relative;
height: 100%;
}
.kfz_block h3 {
margin: 0 0 4px 0;
padding: 0;
font-size: 2.14rem;
color: #000;
font-weight: 700;
}
.kfz_block p {
margin: 0 0 18px 0;
padding: 0;
font-size: 1.14rem;
color: #999999;
font-weight: 700;
}
.kfz_block .listing_info2 {
margin: 0;
}
.kfz_block .listing_info2 li {
margin: 0 0 8px 0;
}
.kfz_block .listing_info2 li a {
color: #005aac;
}
.kfz_block .listing_info2 li a:hover {
color: #71addb;
}
.kfz_table {
width: 100%;
float: left;
margin: 0;
padding: 0;
}
.kfz_table .table {
margin: 0;
padding: 0;
}
.kfz_table .table tr td {
margin: 0;
padding: 6px 22px 10px 22px;
font-size: 1.07rem;
color: #000;
border: none;
vertical-align: middle;
}
.kfz_table .table tr:nth-child(even) {
background: #f4f4f4;
}
.kfz_table .table tr td:last-child {
text-align: right;
}
.kfz_block.kfz_block2 {
padding-left: 0;
padding-right: 0;
}
.kfz_block.kfz_block2 h3 {
padding: 0 22px;
}
.kfz_block.kfz_block2 p {
padding: 0 22px;
}
.kfz_sec h4 {
margin: 30px 0 20px 0;
padding: 0;
font-size: 1.71rem;
color: #000;
text-align: center;
}
.kfz_sec .btn_link {
font-size: 1.29rem;
}
.approval_sec {
width: 100%;
float: left;
margin: 0;
padding: 60px 0;
background: transparent;
}
.approval_sec .nav-tabs {
margin: 0;
padding: 0;
border: none;
flex-direction: column;
}
.approval_sec .nav-tabs .nav-item {
margin: 0 0 11px 0;
padding: 0;
}
.approval_sec .nav-tabs .nav-link {
margin: 0;
padding: 10px 25% 10px 17px;
background: #e3ebf9;
color: #005aac;
font-size: 1.29rem;
line-height: 1.22;
min-height: 102px;
border: none !important;
border-left: 3px solid #e3ebf9 !important;
border-radius: 0 0 0 0;
font-weight: 700;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.approval_sec .nav-tabs .nav-link.active,
.approval_sec .nav-tabs .nav-item.show .nav-link,
.approval_sec .nav-tabs .nav-link:hover,
.approval_sec .nav-tabs .nav-link:focus {
background: #fff;
color: #012A36;
}
.approval_sec .tab-content {
margin: 0;
padding: 18px 0 0 100px;
}
@media(max-width:768px) {
.approval_sec .tab-content {
margin: 0;
padding: 18px 0 0 1px;
}
}
.approval_sec .tab-content>.tab-pane {
margin-bottom: 250px;
}
.approval_sec .card {
border: none;
background: none;
}
.approval_sec .card .card-header {
border: none;
background: none;
padding: 0;
border-radius: 0 !important;
}
.approval_sec .card .card-header h5 {
margin: 0;
padding: 0;
}
.approval_sec .card .card-header h5 a {
display: block;
padding: 18px 20px 19px 20px;
background: #fff;
color: #000;
font-size: 1.21rem;
border: none !important;
border-left: 3px solid #e3ebf9 !important;
}
.approval_sec .card .card-header h5 a.collapsed {
background: #e3ebf9;
color: #005aac;
}
.approval_sec .card .card-body {
padding: 15px 0 0 0;
}
.approval_sec .card .card-body figure {
display: none;
}
.approval_sec .card .card-body p {
margin: 0 0 21px 0;
padding: 0;
font-size: 1.14rem;
color: #000;
line-height: 1.38;
}
.approval_sec .card .card-body .listing_info2 {
margin: 0 0 21px 0;
}
.approval_sec .card .card-body .listing_info2 li {
margin: 0 0 8px 0;
}
/******** Tab *********/
@media(min-width:768px) {
.approval_sec .nav-tabs {
display: flex;
}
.approval_sec .card {
border: none;
}
.approval_sec .card .card-header {
display: none;
}
.approval_sec .card .collapse {
display: block;
}
.approval_sec .card-body {
padding: 0;
}
}
/* 11.2 Seite: Produkte */
.product_banner {
width: 100%;
float: left;
margin: 0 0 60px 0;
padding: 100px 0;
background: #edf1fa;
text-align: center;
height: 400px;
}
.product_banner .container {
max-width: 768px;
}
.product_banner h2 {
margin: 0 0 17px 0;
padding: 0;
font-size: 2rem;
color: #000000;
}
.product_banner p {
margin: 0;
padding: 0;
font-size: 1.14rem;
color: #000000;
line-height: 1.32;
}
.product_sec {
width: 100%;
float: left;
margin: 0;
padding: 0;
text-align: center;
}
.product_sec .container {
max-width: 768px;
position: relative;
}
.product_sec .prod_info {
width: 169px;
height: 169px;
background: #f1f1f1;
border-radius: 50%;
text-align: center;
margin: 0;
padding: 33px 10px 20px 10px;
font-size: 1.14rem;
color: #000000;
line-height: 1.38;
position: absolute;
right: -145px;
top: 150px;
z-index: 55;
}
.product_sec .prod_info i {
width: 30px;
display: block;
margin: 0 auto 8px auto;
}
.product_block {
width: 100%;
float: left;
margin: 0;
padding: 33px 15px 25px 15px;
background: #fff;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.19);
position: relative;
height: auto;
opacity: 1;
transition: all 400ms ease-in-out;
}
.product_block:hover {
width: 100%;
float: left;
margin: 0;
padding: 33px 15px 25px 15px;
background: #fff;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.19);
position: relative;
height: auto;
opacity: 1.0;
transform: translateY(-15px);
}
.product_block figure {
width: 100%;
float: left;
margin: 0 0 20px 0;
padding: 0;
}
.product_block figure img {
width: 100%;
max-width: 60px;
}
.product_block1 figure img {
width: 100%;
max-width: 45px;
margin-bottom: 5px;
margin-top: 10px;
}
.product_block h3 {
margin: 0 0 13px 0;
padding: 0;
font-size: 1.86rem;
color: #000;
font-weight: 700;
}
.product_block ul {
margin: 0 0 20px 0;
padding: 0;
min-height: 81px;
}
.product_block ul li {
margin: 0;
padding: 0;
display: block;
}
.product_block ul li i {
width: 21px;
display: inline-block;
}
.product_block ul li a {
font-size: 1.29rem;
color: #999999;
}
.product_block ul li a:hover {
color: #005aab;
}
.online_sec {
width: 100%;
float: left;
margin: 0;
padding: 50px 0 40px 0;
}
.online_sec .detail {
width: 100%;
float: left;
margin: 0;
padding: 78px 50px 67px 100px;
background: #edf1fa;
position: relative;
height: 100%;
}
.online_sec .detail:before {
content: "";
width: 689px;
height: 100%;
background: #edf1fa;
position: absolute;
left: 0;
top: 0;
z-index: -1;
}
.online_sec h3 {
margin: 0 0 16px 0;
padding: 0;
font-size: 2.14rem;
color: #000;
font-weight: 700;
line-height: 1.13;
}
.online_sec p {
margin: 0 0 8px 0;
padding: 0;
font-size: 1.29rem;
color: #000;
line-height: 1.33;
}
.online_sec p small {
font-size: 1rem;
display: block;
margin-bottom: 21px;
}
.online_sec .btn_link {
display: inline-block;
padding: 0 34px;
font-size: 1.29rem;
}
.online_sec figure {
width: 100%;
float: left;
margin: 0;
padding: 0;
text-align: right;
}
.action_block {
width: 105px;
height: 105px;
float: left;
margin: 0;
padding: 0;
font-size: 1.43rem;
background: var(--col_primary);
text-align: center;
line-height: 5.24;
font-weight: 700;
text-transform: uppercase;
color: #fff;
border-radius: 50%;
transform: rotate(17deg);
position: absolute;
right: -50px;
top: 119px;
z-index: 5;
}
.action_block:after {
content: "";
width: 19px;
height: 17px;
background: url(../images/action_curve.png) no-repeat center center;
background-size: 100% 100%;
position: absolute;
left: 6px;
bottom: 1px;
transform: rotate(-21deg);
}
.travel_sec {
width: 100%;
float: left;
margin: 0;
padding: 0 0 60px 0;
}
.travel_sec .inner {
width: 100%;
float: left;
margin: 0;
padding: 46px 40px 34px 40px;
background: #fff;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.19);
}
.travel_sec h2 {
margin: 0 0 18px 0;
padding: 0;
font-size: 2.14rem;
color: #000;
font-weight: 700;
}
.travel_sec h2 small {
font-size: 1.29rem;
font-weight: 700;
display: block;
}
.travel_sec .listing_info2 {
margin-bottom: 38px;
}
.travel_sec .btn_link {
display: inline-block;
padding: 0 34px;
font-size: 1.29rem;
}
.travel_sec figure {
width: 100%;
float: left;
margin: 0;
padding: 0;
}
/* 11.3 produkte-XXX.html */
.kfz_info_modal {
width: 100%;
float: left;
margin: 0;
padding: 0 10px !important;
text-align: center;
}
.kfz_info_modal .modal-dialog {
margin: 0 auto;
padding: 30px 0;
max-width: 640px;
}
.kfz_info_modal .modal-content {
border-radius: 0;
border: none;
}
.kfz_info_modal .modal-header {
padding: 20px 20px 0 20px;
justify-content: center;
background: url(../images/thanku_bg.png) no-repeat center bottom 27px;
background-size: 100% 100%;
}
.kfz_info_modal figure {
width: 100%;
float: left;
margin: 0;
padding: 0;
text-align: center;
}
.kfz_info_modal .closeing {
width: 15px;
position: absolute;
top: 15px;
right: 20px;
opacity: 1;
padding: 0;
background: transparent;
}
.kfz_info_modal .modal-body {
padding: 28px 30px 50px 30px;
}
.kfz_info_modal .modal-body .special_info li {
color: #000;
padding: 0 0 0px 18px;
display: inline-block;
background: url(../images/icons/check_icon.svg) no-repeat top 5px left;
background-size: auto;
background-size: auto;
background-size: 13px auto;
font-size: 0.86rem;
}
.kfz_info_modal h3 {
margin: 0 0 19px 0;
padding: 0;
font-size: 1.43rem;
color: #000;
font-weight: 300;
}
.kfz_info_modal h3 strong {
font-weight: 700;
}
.kfz_info_modal h2 {
margin: 0;
padding: 0;
font-size: 2.14rem;
color: #000;
font-weight: 700;
}
.kfz_info_modal p {
margin: 0 0 15px 0;
padding: 0;
font-size: 1rem;
text-align: center;
color: #000;
}
.kfz_info_modal .btn_link {
width: 100%;
max-width: 257px;
font-size: 1.14rem;
}
.golf_examples {
width: 100%;
height: 100px;
padding: 10px;
}
.golf_examples_4 {
width: 100%;
height: 100px;
padding: 25px 5px 5px 10px;
}
/*== Partner Sec ==*/
.partner_sec .tab_info h3 {
margin: 0;
padding-bottom: 0;
font-size: 1.14rem;
color: #000000;
font-weight: 700;
}
.special_info li {
color: #000;
padding: 0 0 0 30px;
display: inline-block;
background: url(../images/icons/check_icon.svg) no-repeat top 6px left;
background-size: auto;
background-size: 16px auto;
font-size: 1.07rem;
}
.special_quote p {
font-family: 'Shadows Into Light', sans-serif;
color: #005aab;
margin: 0 0 25px 0;
font-size: 1.29rem;
line-height: 1.11;
font-weight: 600;
}
.tab_info .special_quote {
width: 100%;
float: left;
margin: 0;
padding: 0 0 0 30px;
}
.tab_info .detail p {
font-size: 1rem;
font-weight: 400;
line-height: 1.43;
}
hr {
width: 100%;
height: 0px;
background: #b2b2b2;
top: 0;
left: 0;
transform: translate(0, -50%);
opacity: 0.4;
}
.global_title {
margin: 0 0 5px 0;
padding: 0;
font-size: 1.86rem;
color: #000;
line-height: 1.15;
font-weight: 700;
clear: both;
}
.global_subtitle {
margin: 0 0 40px 0;
padding: 0;
font-size: 1.07rem;
color: #000;
line-height: 1.47;
font-weight: 400;
clear: both;
}
.color-blue {
filter: invert(28%) sepia(97%) saturate(927%) hue-rotate(178deg) brightness(97%) contrast(95%);
}
/*== Solution Sec 2 ==*/
.solution_sec2 {
width: 100%;
float: left;
margin: 0;
padding: 50px 0 33px 0;
text-align: center;
border-bottom: 0px solid #dedee1;
background-color: #f7f8f9;
}
.solution_sec2 .container {
max-width: 775px;
}
.solution2 p {
margin: 0 0 15px 0;
padding: 0 40px;
font-size: 1.14rem;
color: #999999;
line-height: 1.38;
font-weight: 500;
}
.solution_2 {
width: 100%;
float: left;
margin: 0;
padding: 0px 38px 0px 38px;
background: #fff;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.19);
height: auto;
position: relative;
opacity: 1;
transition: all 400ms ease-in-out;
}
.solution_2:hover {
width: 100%;
float: left;
margin: 0;
padding: 0px 38px 0px 38px;
background: #fff;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.19);
height: auto;
position: relative;
opacity: 1.0;
transform: translateY(-15px);
}
.solution_2 figure {
width: 100%;
float: left;
margin: 0 0 15px 0;
padding: 35px 50px 0px 50px;
}
.solution_2 h4,
.h4 {
font-size: 1.1rem;
}
/*== Price Sec ==*/
.price_sec {
width: 100%;
float: left;
margin: 0;
padding: 50px 0 33px 0;
text-align: center;
border-bottom: 0pxpx solid #dedee1;
background-color: transparent;
}
.price_sec .container {
max-width: 775px;
}
.pricecon p {
margin: 0 0 17px 0;
padding: 0;
line-height: 1.15;
font-size: 0.93rem;
color: #000;
font-weight: 600;
}
.pricecon .infotext {
background-color: var(--col_primary);
margin: 10px 20px 64px 20px;
padding: 5px;
line-height: 1.15;
font-size: 0.93rem;
color: #fff;
font-weight: 600;
}
.pricecon .infotext2 {
background-color: var(--col_primary);
margin: 10px 20px 80px 20px;
padding: 5px;
line-height: 1.15;
font-size: 0.93rem;
color: #fff;
font-weight: 600;
}
.pricecon {
width: 100%;
float: left;
margin: 0 0 0px 0;
padding: 0px;
background: #fff;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.19);
opacity: 1;
transition: all 400ms ease-in-out;
min-height: 480px;
/*new*/
height: 100%;
}
.pricecon .lastitem {
margin-bottom: 75px;
}
.pricecon .lastitem_health {
margin-bottom: 90px;
}
.pricecon .lastitem_health_right {
margin-bottom: 105px;
}
.pricecon .lastitem_kfz {
margin-bottom: 138px;
}
.pricecon .lastitem_kfz_right {
margin-bottom: 153px;
}
.pricecon .kfz_motorsteuer {
color: #999;
font-weight: 400;
}
.pricecon p>span {
margin: 0;
padding: 0;
color: #7fadd4;
display: block;
}
.pricecon p span strong {
font-size: 2.29rem;
font-weight: 700;
}
.pricecon figure {
width: 100%;
float: left;
margin-top: 5px;
padding: 0;
}
.pricecon h4,
.h4 {
font-size: 1.1rem;
font-weight: 900;
}
.pricecon .vorsorge {
font-size: 1.2rem;
font-weight: 700;
line-height: 1.4rem
}
.pricecon .lastitem_vorsorge_left {
margin-bottom: 104px;
}
.pricecon .lastitem_vorsorge_middle {
margin-bottom: 71px;
}
.pricecon .lastitem_vorsorge_right {
margin-bottom: 100px;
}
.kfz_infotext {
color: #999;
}
/*== Experts Sec ==*/
.experts_sec {
width: 100%;
float: left;
margin: 0;
padding: 50px 0 33px 0;
text-align: center;
border-bottom: 0px solid #dedee1;
background-color: #f7f8f9;
}
.experts_sec p {
font-size: 1.07rem;
font-weight: 400;
}
.quotes {
width: 100%;
float: left;
margin: 0;
padding: 25px;
text-align: left;
background-color: #fff;
font-size: 0.79rem;
color: #000;
font-weight: 600;
border-radius: 15px;
}
.quotes .pic1 {
max-width: 16px;
}
.quotes .quotes_text {
padding: 0px 15px 15px 25px;
margin-top: -30px;
}
.experts_sec .container {
max-width: 90%;
}
.experts_content_left p {
margin: 0 0 15px 0;
padding: 0 40px;
font-size: 1.14rem;
color: #999999;
line-height: 1.38;
font-weight: 500;
}
.experts_content p {
margin: 0 0 15px 0;
padding: 0 40px;
font-size: 1.14rem;
color: #999999;
line-height: 1.38;
font-weight: 500;
}
.experts_rounded-circle {
border-radius: 50% !important;
max-width: 60%;
}
.phonenumber {
font-size: 0.86rem;
color: #999999;
line-height: 1.16;
font-weight: 500;
}
.special_quote {
font-family: 'Shadows Into Light', sans-serif;
color: #005aab;
font-size: 1.86rem;
line-height: 1.08;
font-weight: 500;
}
.experts_content {
width: 100%;
float: left;
margin: 0;
padding: 0;
background: transparent;
height: 100%;
position: relative;
margin-top: 50px;
}
.experts_content_left {
float: right;
margin: 0;
padding: 0;
background: transparent;
height: 100%;
position: relative;
margin-top: 50px;
}
.experts_content figure {
width: 100%;
float: left;
margin: 0 0 15px 0;
padding: 35px 50px 0px 50px;
}
.experts_content h4,
.h4 {
font-size: 1.1rem;
}
/*== Damage Sec ==*/
.damage_sec {
width: 100%;
float: left;
margin: 0;
padding: 50px 0 33px 0;
text-align: center;
border-bottom: 0pxpx solid #dedee1;
background-color: transparent;
}
.damage_sec .container {
max-width: 775px;
}
.damage_sec .pic4 {
width: 100%;
float: right;
margin: 0;
padding: 0;
}
.damage_sec .pic5 {
width: 100%;
margin: 20px 0px 20px 0px;
padding: 0px 150px 0px 150px;
}
.damage_sec .pic6 {
width: 100%;
margin: 25px 0px 20px 0px;
padding: 0px 150px 0px 150px;
}
.damage_sec p {
color: #999999;
}
.damage_content p {
margin: 10px 0 15px 0;
padding: 0 40px;
font-size: 0.86rem;
color: #999999;
line-height: 1.83;
font-weight: 600;
}
.damage_content a {
color: #999999
}
;
.damage_content .infotext {
background-color: var(--col_primary);
margin: 10px 20px 64px 20px;
padding: 5px;
line-height: 1.15;
font-size: 0.93rem;
color: #fff;
font-weight: 600;
}
.damage_content {
width: 100%;
height: auto;
float: left;
margin: 0 0 0px 0;
padding: 0px;
background: #fff;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.19);
opacity: 1;
transition: all 400ms ease-in-out;
}
.damage_content:hover {
width: 100%;
height: auto !important;
float: left;
margin: 0;
padding: 0px;
background: #fff;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.59);
position: relative;
height: 100%;
opacity: 1.0;
transform: translateY(-15px);
}
.banner-top {
background-color: #008050;
padding: 5px 25px 5px 25px;
color: #fff;
font-weight: 400;
float: right;
}
.damage_content .lastitem {
margin-bottom: 75px;
}
.damage_content p>span {
margin: 0;
padding: 0;
color: #7fadd4;
display: block;
}
.damage_content p span strong {
font-size: 2.29rem;
font-weight: 700;
}
.damage_content figure {
width: 100%;
float: left;
margin-top: 5px;
padding: 0;
}
.damage_content h4,
.h4 {
font-size: 1.1rem;
font-weight: 900;
color: #000;
}
/*== Emergency Sec ==*/
.emergency_sec {
width: 100%;
float: left;
margin: 0;
padding: 30px 0 15px 0;
text-align: center;
background-color: #005aab;
}
.emergency_sec p {
color: #fff;
font-size: 1.29rem;
line-height: 1.38;
font-weight: 700;
}
/*== Checklist Sec ==*/
.checkliste_sec {
width: 100%;
float: left;
margin: 0;
padding: 30px 0 15px 0;
text-align: center;
background-color: #f4f4f4;
}
.checkliste_sec p {
color: #000;
font-size: 1.14rem;
line-height: 1.38;
font-weight: 700;
}
/* 11.4 Seite index_2.html*/
.hero_sec2 {
text-align: center;
}
.hero_sec2 .hero_cap {
width: 100%;
float: left;
padding: 0;
margin: 0;
position: absolute;
left: 0;
top: 80px;
}
.hero_sec2 h2 {
margin: 0 0 10px 0;
padding: 0;
font-size: 2.86rem;
color: #fff;
font-weight: 700;
text-shadow: 0 0 12px rgba(0, 0, 0, 0.48);
}
.customer_info {
width: 100%;
float: left;
margin: -86px 0 0 0;
padding: 0;
}
.customer_info .container {
max-width: 974px;
border-bottom: 1px solid #dedee1;
}
.customer_info .left_detail {
width: 100%;
float: left;
margin: 0 0 55px 0;
padding: 0;
}
.customer_info .left_detail figure {
width: 100%;
max-width: 180px;
display: block;
margin: 0 0 25px 0;
padding: 0;
border: 6px solid #fff;
}
.customer_info .left_detail figure img {
width: 100%;
}
.customer_info .left_detail .name {
display: block;
margin: 0;
}
.customer_info .left_detail p {
margin: 0 0 15px 0;
padding: 0;
font-size: 1.43rem;
color: #757575;
font-weight: 300;
}
.customer_info ul {
display: block;
margin: 0;
padding: 0;
}
.customer_info ul li {
display: inline-block;
margin: 0;
padding: 0 0 0 28px;
font-size: 1.14rem;
color: #005aab;
position: relative;
}
.customer_info ul li:after {
content: "|";
color: #979797;
display: inline-block;
margin: 0 6px 0 9px;
}
.customer_info ul li:last-child:after {
display: none;
}
.customer_info ul li img {
position: absolute;
left: 0;
top: 4px;
width: 18px;
fill-color: #000;
}
.customer_info ul li a {
color: #005aab;
}
.customer_info ul li a:hover {
color: #000;
}
.customer_info .right_detail {
width: 100%;
float: left;
margin: 0 0 40px 0;
padding: 7px 0 0 0;
text-align: center;
}
.customer_info .right_detail figure {
width: 100%;
float: left;
margin: 0 0 22px 0;
padding: 0;
border-radius: 5px;
}
.customer_info .right_detail figure img {
border-radius: 6px;
}
.customer_info .right_detail h3 {
margin: 0 0 29px 0;
padding: 0;
font-size: 1.43rem;
color: #000;
line-height: 1.4;
font-weight: 300;
clear: both;
}
.customer_info .right_detail h3 strong {
font-size: 1.86rem;
font-weight: 700;
}
.partner_logos {
width: 100%;
float: left;
margin: 0;
padding: 0;
text-align: center;
}
.partner_logos .container {
max-width: 974px;
}
.partner_logos .inner {
width: 100%;
float: left;
margin: 0;
padding: 70px 0 45px 0;
border-top: 1px solid #dedee1;
}
.partner_logos .prtnr_logo {
width: 100%;
float: left;
margin: 0 0 30px 0;
padding: 0;
}
.partner_logos figure {
width: 100%;
float: left;
margin: 0 0 14px 0;
padding: 0;
}
.partner_logos h4 {
margin: 0 0 7px 0;
padding: 0;
font-size: 1.57rem;
color: #000000;
font-weight: 500;
}
.partner_logos p {
margin: 0;
padding: 0;
font-size: 1rem;
color: #757575;
font-weight: 500;
line-height: 1.29;
}
/* 11.5 Seite index.html*/
.hero_sec3 {
width: 100%;
float: left;
padding: 0;
margin: 0;
position: relative;
}
.hero_sec3 .hero_bg {
height: 470px;
}
.hero_sec3 .hero_cap {
width: 100%;
float: left;
padding: 0;
margin: 0;
position: absolute;
left: 0;
top: 50%;
transform: translate(0, -50%);
}
.hero_sec3 h2 {
margin: 0 0 10px 0;
padding: 0;
font-size: 2.86rem;
color: #fff;
font-weight: 700;
text-shadow: 0 0 12px rgba(0, 0, 0, 0.48);
}
.hero_sec3 .addtitle {
text-align: center;
}
.hero_sec3 .add_info {
width: 100%;
max-width: 313px;
float: right;
padding: 30px 25px 10px 25px;
margin: 0;
background: #fff;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.19);
}
.hero_sec3 .add_info ul {
padding: 0;
}
.hero_sec3 .add_info ul li p {
line-height: 1.57;
}
.hero_sec3 .add_info ul li p span {
color: #999999;
}
.news-title .title-small {
font-size: 1.14rem;
}
.news-text p {
font-size: 1.07rem;
line-height: 22px
}
/* 11.6 Seite �ber uns*/
.ueber_banner {
width: 100%;
float: left;
margin: 0;
padding: 128px 0 80px 0;
background: url(../images/placeholder/2480x300.png) no-repeat center center;
background-size: cover;
text-align: center;
}
.ueber_banner .container {
max-width: 560px;
}
.ueber_banner h2 {
margin: 0;
padding: 0;
font-size: 2.29rem;
color: #fff;
font-weight: 700;
}
.ueber_sec {
width: 100%;
float: left;
margin: 0;
padding: 56px 0 70px 0;
}
.ueber_sec .container {
max-width: 1050px;
}
.ueber_sec p {
margin: 0 0 27px 0;
padding: 0;
font-size: 1.14rem;
color: #000;
line-height: 1.75;
}
.ueber_block {
width: 100%;
float: left;
margin: 0 0 70px 0;
padding: 0;
text-align: center;
}
.ueber_block figure {
width: 100%;
float: left;
margin: 0 0 13px 0;
padding: 0;
}
.ueber_block h5 {
margin: 0;
padding: 0;
font-size: 1.43rem;
color: #000;
line-height: 1.3;
clear: both;
}
.ueber_sec .detail_left {
width: 100%;
float: left;
margin: 0;
padding: 0 30px 0 0;
}
.ueber_sec .detail_right {
width: 100%;
float: left;
margin: 0;
padding: 0 0 0 10px;
text-align: center;
}
.ueber_sec .detail_right figure {
width: 100%;
float: left;
margin: 0 0 20px 0;
padding: 0;
}
.ueber_sec .quote_info {
width: 100%;
float: left;
margin: 0;
padding: 0 10px 0 30px;
font-size: 1.29rem;
color: #757575;
line-height: 1.44;
position: relative;
}
.ueber_sec .quote_info:before {
content: "";
font-size: 5.71rem;
color: #c8c8c8;
font-weight: 700;
position: absolute;
left: -5px;
top: -23px;
line-height: 0;
height: 40px;
}
.ueber_sec .quote_info:after {
content: "";
font-size: 5.71rem;
color: #c8c8c8;
font-weight: 700;
position: absolute;
right: 50px;
bottom: -10px;
line-height: 0;
}
.info_contact {
width: 100%;
float: left;
margin: 0;
padding: 0;
}
.info_contact .inner {
width: 100%;
margin: 40px 0 80px 0;
padding: 0 75px 0 100px;
background: #fff;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.19);
}
.info_contact .left_detail {
width: 100%;
float: left;
margin: 0;
padding: 40px 0;
}
.info_contact h3 {
margin: 0;
padding: 0;
font-size: 1.57rem;
color: #000;
font-weight: 700;
}
.info_contact p {
margin: 0 0 19px 0;
padding: 0;
font-size: 1.14rem;
color: #000;
}
.info_contact ul {
width: 100%;
float: left;
margin: 0 0 20px 0;
padding: 0;
}
.info_contact ul li {
margin: 0 0 18px 0;
padding: 0 0 0 50px;
font-size: 1.57rem;
color: #005aab;
position: relative;
line-height: 1.55;
display: block;
}
.info_contact ul li i {
position: absolute;
left: 0;
top: -2px;
line-height: inherit;
}
.info_contact ul li a {
color: #005aab;
}
.info_contact ul li a i {
width: 29px;
}
.info_contact ul li a:hover {
color: #000;
}
.date_time {
width: 100%;
float: left;
margin: 0;
padding: 0 0 0 0px;
font-size: 1.29rem;
color: #000;
position: relative;
}
.date_time i {
position: absolute;
left: 4px;
top: 2px;
line-height: inherit;
width: 20px;
}
.date_time strong {
font-size: 1.57rem;
}
.form_contact {
width: 100%;
max-width: 425px;
float: right;
margin: -40px 0 -20px 0;
padding: 38px 20px 40px 20px;
background: #7fadd4;
text-align: center;
}
.form_contact h4 {
margin: 0;
padding: 0;
font-size: 1.57rem;
color: #fff;
line-height: normal;
}
.form_contact p {
margin: 0 0 26px 0;
padding: 0;
font-size: 1.14rem;
color: #fff;
}
.form_contact i {
display: block;
margin: 0 0 4px 0;
padding: 0;
}
.form_contact i img {
width: 100%;
max-width: 30px;
}
.form_contact .form-block {
width: 100%;
float: left;
margin: 0;
padding: 0 60px;
}
.form_contact .field {
width: 100%;
float: left;
margin: 0 0 10px 0;
padding: 0 10px;
background: #fff;
border: 1px solid #c6c7c7;
height: 37px;
border-radius: 5px;
font-size: 1rem;
color: #999999;
font-family: Arial, Helvetica, sans-serif;
}
.form_contact textarea.field {
height: 83px;
padding: 6px 10px;
}
.form_contact .submit_btn {
width: 100%;
text-align: center;
margin: 0;
padding: 7px 10px 6px 10px;
background: #005aab;
font-size: 1.14rem;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
border: none;
}
.form_contact .submit_btn:hover {
background: #000;
color: #fff;
}
.history_sec {
width: 100%;
float: left;
margin: 0 0 -55px 0;
padding: 50px 0 0 0;
}
.history_sec h2 {
margin: 0 0 62px 0;
padding: 0;
font-size: 2rem;
color: #000000;
font-weight: 700;
text-align: center;
}
.history_sec .inner {
width: 100%;
float: left;
margin: 0;
padding: 0;
position: relative;
}
.history_sec .inner:before {
content: "";
height: 6px;
background: #757575;
position: absolute;
top: 13px;
left: 12px;
right: 0;
clip-path: polygon(99% 0, 100% 50%, 99% 100%, 1% 100%, 0% 50%, 1% 0);
}
.history_block {
width: 100%;
float: left;
margin: 0;
padding: 60px 0 0 0;
max-width: 270px;
position: relative;
}
.history_block .curve {
width: 32px;
height: 32px;
display: inline-block;
border: 3px solid #fff;
background: var(--col_primary);
position: absolute;
top: 0;
left: -16px;
border-radius: 50%;
z-index: 5;
}
.history_block .curve:after {
content: "";
width: 12px;
height: 12px;
background: #fff;
border-radius: 50%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.history_block .curve:before {
content: "";
width: 1px;
height: 23px;
background: #999999;
position: absolute;
top: 100%;
left: 0;
right: 0;
margin: auto;
z-index: -1;
}
.history_block strong {
display: block;
margin: 0 0 16px 0;
padding: 0;
font-size: 2rem;
color: var(--col_primary);
clear: both;
}
.history_block figure {
width: 100%;
float: left;
margin: 0 0 14px 0;
padding: 0;
}
.history_block figure img {
width: 100%;
}
.history_block p {
margin: 0;
padding: 0;
font-size: 1.14rem;
color: #757575;
line-height: 1.38;
}
.history_block.history_block1 .curve {
width: 36px;
height: 36px;
left: 0;
border-radius: 50%;
z-index: 5;
top: -4px;
}
.history_block.history_block1 .curve:after {
width: 20px;
height: 20px;
border: 6px solid #fff;
background: var(--col_primary);
}
.history_block.history_block1 .curve:before {
width: 1px;
height: 23px;
background: #999999;
position: absolute;
top: 100%;
left: 0;
right: 0;
margin: auto;
z-index: -1;
}
.professional_sec {
width: 100%;
float: left;
margin-top: 120px;
padding: 40px 0 30px 0;
text-align: center;
background: #edf1fa;
}
.professional {
width: 100%;
margin: 0;
padding: 28px 15px 25px 15px;
background: #fff;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.19);
position: relative;
height: 100%;
}
.professional figure {
width: 100%;
float: left;
margin: 0 0 11px 0;
padding: 0;
display: flex;
justify-content: center;
height: 60px;
}
.professional figure img {
width: 100%;
max-width: 60px;
align-self: center;
}
.professional.professional1 figure img {
max-width: 50px;
}
.professional h4 {
margin: 0;
padding: 0;
font-size: 1.57rem;
color: #000000;
font-weight: 700;
clear: both;
}
/* 11.7 versicherungsfall-melden.html */
.inner_banner_versicherung-melden {
width: 100%;
height: auto;
float: left;
margin: 0;
padding: 40px 0 0 0;
background: url(../images/header_bg.svg) no-repeat center right;
background-color: #eef2fa;
background-size: contain;
}
.inner_banner_versicherung-melden h2 {
margin: 0 0 10px 0;
padding: 0;
font-size: 2.29rem;
color: #000;
line-height: 1.25;
font-weight: 900;
font-family: Lato, sans-serif;
}
.inner_banner_versicherung-melden .teasertext {
font-size: 1.3rem;
line-height: 1.6rem;
color: 1b1b1b;
}
.inner_banner_versicherung-melden .pic2 {
width: 100%;
margin: 40px 0 40px 0;
max-width: 24px;
position: relative;
z-index: 5;
}
.inner_banner_versicherung-melden figure.pic3 {
position: relative;
z-index: 5;
bottom: -35px;
max-width: 340px;
}
.quote_other_font {
font-family: 'Shadows Into Light', sans-serif;
color: #005aab !important;
margin: 0 0 25px 0;
font-size: 1.57rem;
line-height: 1.27;
font-weight: 600;
}
.tipp_sec {
width: 100%;
float: left;
margin: 0;
padding: 50px 0 33px 0;
border-bottom: 0pxpx solid #dedee1;
background-color: transparent;
}
.tipp_sec .container {
max-width: 1170px;
}
.tipp_sec .title {
margin: 15px 0 15px 0;
font-size: 1.3rem;
font-weight: 700;
line-height: 1.8rem;
}
.tipp_sec p {
font-size: 1.07rem;
}
.tipp_sec .tipplist {
font-size: 1.07rem;
}
/* 11.8 rechnungen-einreichen.html */
.inner_banner_rechnungen-einreichen {
width: 100%;
float: left;
margin: 0;
padding: 40px 0 0 0;
background: url(../images/illu_2_bg.svg) no-repeat center right;
background-color: #eef2fa;
background-size: contain;
}
.inner_banner_rechnungen-einreichen h2 {
margin: 0 0 10px 0;
padding: 0;
font-size: 2.29rem;
color: #000;
line-height: 1.25;
font-weight: 900;
font-family: Lato, sans-serif;
}
.inner_banner_rechnungen-einreichen .teasertext {
font-size: 1.3rem;
line-height: 1.6rem;
color: 1b1b1b;
}
.inner_banner_rechnungen-einreichen .pic2 {
width: 100%;
margin: 40px 0 40px 0;
max-width: 24px;
position: relative;
z-index: 5;
}
.inner_banner_rechnungen-einreichen figure.pic3 {
position: relative;
z-index: 5;
bottom: -35px;
max-height: 340px;
}
/*== Damage Sec ==*/
.damage_sec_alternative {
width: 100%;
float: left;
margin: 0;
padding: 50px 0 33px 0;
text-align: center;
border-bottom: 0pxpx solid #dedee1;
background-color: #f4f4f4;
}
.damage_sec_alternative .container {
max-width: 775px;
}
.damage_sec_alternative .pic4 {
width: 100%;
float: right;
margin: 0;
padding: 0;
}
.damage_sec_alternative .pic5 {
width: 100%;
margin: 20px 0px 20px 0px;
padding: 0px 150px 0px 150px;
}
.damage_sec_alternative .pic6 {
width: 100%;
margin: 25px 0px 20px 0px;
padding: 0px 150px 0px 150px;
}
.damage_sec_alternative p {
color: #999999;
}
.damage_sec_alternative h4 {
color: #000;
}
.tipp_sec .pic6 {
max-width: 25vh;
}
.tipp_sec .pro_tipps li {
color: #000;
padding: 0 0 0 30px;
display: inline-block;
background: url(../images/icons/check-icon_box.svg) no-repeat top 4px left;
background-size: auto;
background-size: 16px auto;
margin: 0 0 50px 0;
}
.tipp_sec {
width: 100%;
float: left;
margin: 0;
padding: 50px 0 33px 0;
border-bottom: 0pxpx solid #dedee1;
background-color: transparent;
}
.tipp_sec .container {
max-width: 950px;
}
.tipp_sec .container {
max-width: 950px;
}
.tipp_sec .title {
margin: 15px 0 15px 0;
font-size: 1.3rem;
font-weight: 700;
line-height: 1.8rem;
}
.billing_sec {
width: 100%;
float: left;
margin: 0;
padding: 50px 0 33px 0;
border-bottom: 0pxpx solid #dedee1;
background-color: transparent;
}
.billing_sec .container {
max-width: 1170px;
}
.billing_sec .container p {
font-size: 1rem;
}
.billing_sec .title {
margin: 15px 0 15px 0;
font-size: 1.3rem;
font-weight: 700;
line-height: 1.8rem;
}
.billing_sec .pic2 {
max-width: 5vh;
}
.billing_sec .pic1 {
max-width: 3.5vh;
}
.billing_sec .pic0 {
margin: -25px 0px 0 40px;
}
.damage_sec_alternative .pic12 {
width: 100%;
;
min-height: 250px;
position: absolute;
margin: -75px -350px 0px 0px;
right: 0;
z-index: 50;
background: url(../images/tipp_bubble.svg) no-repeat top 4px left;
}
.damage_sec_alternative .pic12 p {
color: #fff;
font-size: 1rem;
position: absolute;
margin: 40px 0px 0px 40px;
-moz-transform: rotate(30deg);
-ms-transform: rotate(340deg);
-o-transform: rotate(340deg);
-webkit-transform: rotate(340deg);
transform: rotate(340deg);
}
.color-green {
filter: invert(47%) sepia(82%) saturate(2319%) hue-rotate(127deg) brightness(96%) contrast(103%);
}
/* 11.10 kontakt.html */
.inner_banner_kontakt {
width: 100%;
float: left;
margin: 0;
padding: 40px 0 0 0;
background: url(../images/header_bg.svg) no-repeat center right;
background-color: #eef2fa;
background-size: contain;
}
.inner_banner_kontakt .icon-header {
width: 16px;
}
.inner_banner_kontakt h2 {
margin: 0 0 10px 0;
padding: 0;
font-size: 2.29rem;
color: #000;
line-height: 1.25;
font-weight: 900;
font-family: Lato, sans-serif;
}
.inner_banner_kontakt .teasertext {
font-size: 1.2rem;
line-height: 1.6rem;
color: 1b1b1b;
}
.inner_banner_kontakt .pic2 {
width: 100%;
margin: 40px 0 40px 0;
max-width: 24px;
position: relative;
z-index: 5;
}
.inner_banner_kontakt figure.pic3 {
position: relative;
z-index: 5;
max-width: 340px;
bottom: -35px;
}
/* 11.11 produkt-vorsorge.html */
.inner_banner_produkt-vorsorge2 {
width: 100%;
float: left;
margin: 0;
padding: 40px 0 0 0;
background: url(../images/header_bg.svg) no-repeat center right;
background-color: #eef2fa;
background-size: contain;
}
.inner_banner_produkt-vorsorge2 h2 {
margin: 0 0 30px 0;
padding: 0;
font-size: 2.29rem;
color: #000;
line-height: 1.25;
font-weight: 900;
font-family: Lato, sans-serif;
}
.inner_banner_produkt-vorsorge2 .teasertext {
font-size: 1.2rem;
line-height: 1.6rem;
color: 1b1b1b;
}
.inner_banner_produkt-vorsorge2 .pic2 {
width: 100%;
margin: 40px 0 40px 0;
max-width: 24px;
position: relative;
z-index: 5;
}
.inner_banner_produkt-vorsorge2 figure.pic3 {
position: relative;
z-index: 5;
bottom: -35px;
max-height: 340px;
}
/*== Solution Sec 3 ==*/
.solution_sec3 {
width: 100%;
float: left;
margin: 0;
padding: 50px 0 33px 0;
text-align: center;
border-bottom: 0px solid #dedee1;
background-color: #f7f8f9;
}
.solution_sec3 .container {
max-width: 775px;
}
.solution3 p {
margin: 0 0 15px 0;
padding: 0 40px;
font-size: 1.14rem;
color: #999999;
line-height: 1.38;
font-weight: 500;
}
.solution3 {
width: 100%;
float: left;
margin: 0;
padding: 0px 38px 0px 38px;
background: #fff;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.19);
height: auto;
position: relative;
opacity: 1;
transition: all 400ms ease-in-out;
}
.solution3:hover {
width: 100%;
float: left;
margin: 0;
padding: 0px 38px 0px 38px;
background: #fff;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.19);
height: auto;
position: relative;
opacity: 1.0;
transform: translateY(-15px);
}
.solution3 .pic2 {
width: 100%;
float: left;
margin: 0 0 15px 0;
padding: 35px 50px 0px 50px;
}
.solution3 h4,
.h4 {
font-size: 0.9rem;
}
.pricecon .vorsorge {
font-size: 1.1rem;
font-weight: 700;
line-height: 1.4rem
}
.pricecon .lastitem_vorsorge_left {
margin-bottom: 104px;
}
.pricecon .lastitem_vorsorge_middle {
margin-bottom: 71px;
}
.pricecon .lastitem_vorsorge_right {
margin-bottom: 100px;
}
/* 11.13 kv-belege.html */
.inner_banner_kv-belege {
width: 100%;
height: auto;
float: left;
margin: 0;
padding: 40px 0 0 0;
background: url(../images/header_bg.svg) no-repeat center right;
background-color: #eef2fa;
background-size: contain;
}
.inner_banner_kv-belege .icon-header {
width: 16px;
}
.inner_banner_kv-belege h2 {
margin: 0 0 10px 0;
padding: 0;
font-size: 2.29rem;
color: #000;
line-height: 1.25;
font-weight: 900;
font-family: Lato, sans-serif;
}
.inner_banner_kv-belege .teasertext {
font-size: 1.2rem;
line-height: 1.6rem;
color: 1b1b1b;
}
.inner_banner_kv-belege .pic2 {
width: 100%;
margin: 40px 0 40px 0;
max-width: 24px;
position: relative;
z-index: 5;
}
.inner_banner_kv-belege figure.pic3 {
position: relative;
z-index: 5;
bottom: -35px;
max-height: 340px;
}
/* 11.14 versicherung-ueberpruefen.html */
.inner_banner_versicherung-ueberpruefen {
width: 100%;
height: auto;
float: left;
margin: 0;
padding: 40px 0 0 0;
background: url(../images/illustration_hg.svg) no-repeat center right;
background-color: #eef2fa;
background-size: contain;
}
.inner_banner_versicherung-ueberpruefen h2 {
margin: 0 0 10px 0;
padding: 0;
font-size: 2.29rem;
color: #000;
line-height: 1.25;
font-weight: 900;
font-family: Lato, sans-serif;
}
.inner_banner_versicherung-ueberpruefen .teasertext {
font-size: 1.3rem;
line-height: 1.6rem;
color: 1b1b1b;
}
.inner_banner_versicherung-ueberpruefen .pic2 {
width: 100%;
height: 100%;
margin: 40px 0 40px 0;
max-width: 24px;
position: relative;
z-index: 5;
}
.inner_banner_versicherung-ueberpruefen figure.pic3 {
width: 100%;
margin-top: 0px;
position: relative;
z-index: 5;
max-width: 15vh;
}
.check_insurance_sec {
width: 100%;
float: left;
margin: 0;
padding-top: 60px;
padding-bottom: 30px;
}
.check_insurance_sec h4 {
margin: 30px 0 20px 0;
padding: 0;
font-size: 1.71rem;
color: #000;
text-align: center;
}
.check_insurance_sec .btn_link {
font-size: 1.29rem;
}
.btn-primary_custom {
width: 100%;
max-width: 257px;
height: 50px;
margin: 0 auto;
display: block;
padding: 0;
background: var(--col_primary);
border-color: var(--col_primary);
color: #fff;
font-size: 1.14rem;
font-family: Arial, Helvetica, sans-serif;
border: none;
cursor: pointer;
}
.btn-primary_custom:hover {
width: 100%;
max-width: 257px;
height: 50px;
margin: 0 auto;
display: block;
padding: 0;
background: #0069d9;
border-color: #0062cc;
color: #fff;
font-size: 1.14rem;
font-family: Arial, Helvetica, sans-serif;
border: none;
cursor: pointer;
}
.add_link_insurance_check {
display: inline-block;
margin: 0 0 6px 0;
padding: 0;
font-size: 1.14rem;
color: #000;
text-align: center;
}
.add_link_insurance_check i {
width: 22px;
height: 22px;
display: inline-block;
margin-right: 10px;
}
.add_link_insurance_check:hover {
color: var(--col_primary);
}
.check_insurance_sub_btn {
display: inline-block;
margin: 0 0 15px 0;
padding: 5px 20px 6px 20px;
background: #005aac;
color: #fff;
font-size: 1.07rem;
font-weight: 700;
border: 0px solid;
}
.check_insurance_sub_btn:hover {
background: var(--col_secondary);
color: #fff;
}
.check_insurance_sub_btn_outline {
display: inline-block;
margin: 0 0 15px 0;
padding: 5px 20px 6px 20px;
background: transparent;
color: #005ca9;
font-size: 1.07rem;
font-weight: 700;
border: 1px solid #005ca9;
border-radius: 6px;
cursor: pointer;
}
.check_insurance_sub_btn_outline:hover {
display: inline-block;
margin: 0 0 15px 0;
padding: 5px 20px 6px 20px;
background: #005ca9;
color: #fff;
font-size: 1.07rem;
font-weight: 700;
border: 1px solid #005ca9;
border-radius: 6px;
cursor: pointer;
}
.check_insurance_sec .product-box-title {
margin: 0 0 7px 0;
padding: 0;
font-size: 1.4rem;
color: #282b34;
font-weight: 700;
}
.check_insurance_sec .product-box-price {
margin: 0;
padding: 0;
color: #999;
display: block;
font-size: 0.93rem;
}
.check_insurance_sec .optimal_info .listing_info2 li {
margin-bottom: 16px;
background: url(../images/footer_arrow.svg) no-repeat left top 3px;
background-size: 8px !important;
line-height: 1.43;
}
.check_insurance_sec .step {
color: #999;
}
#check_insurance .date_block .trash {
width: 26px;
height: 26px;
display: block;
margin: 0;
background: #fff;
border-radius: 50%;
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
position: absolute;
right: -50px;
top: 50%;
transform: translate(0, -50%);
text-align: center;
}
#check_insurance .date_block .trash img {
width: 16px;
}
/********** 12. Sonstiges *************/
.form_trenner {
width: 100%;
float: left;
margin: 0 0 30px 0;
padding: 0;
}
.form_trenner h5:before {
content: "";
width: 100%;
height: 1px;
background: #b2b2b2;
position: absolute;
top: 50%;
left: 0;
transform: translate(0, -50%);
}
.form_trenner h5 {
margin: 0 0 20px 0;
padding: 0;
font-size: 1rem;
color: #999999;
text-transform: uppercase;
text-align: center;
font-family: 'Lato', Helvetica, sans-serif;
position: relative;
}
.form_trenner h5 span {
background: #fff;
display: inline-block;
padding: 0 20px;
position: relative;
z-index: 2;
}
.mt-10 {
margin-top: 10px;
}
.mt-20 {
margin-top: 20px;
}
.mt-30 {
margin-top: 30px;
}
.mt-40 {
margin-top: 40px;
}
.mt-50 {
margin-top: 50px;
}
.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;
}
/* 12.1 Features Table*/
.features_table h1 {
font-size: 25px !important;
}
.features-table li {
background: #da9748 none repeat scroll 0 0;
border-bottom: 2px solid #e5a253;
color: #f1f1f1;
font-size: 1.14rem;
padding: 15px 24px;
}
.features-table li:hover {
background: #e5a253;
cursor: pointer;
-webkit-transition: all .35s;
-moz-transition: all .35s;
transition: all .35s;
}
.features-table-free li,
.features-table-paid li {
background: #efefef none repeat scroll 0 0;
border-bottom: 2px solid #d4d4d4;
text-align: center;
padding: 16.4px 21px;
cursor: pointer;
}
.features-table-free h1,
.features-table-paid h1 {
text-align: center;
}
.features-table-free li:hover,
.features-table-paid li:hover {
background: #dedede none repeat scroll 0 0;
-webkit-transition: all .35s;
-moz-transition: all .35s;
transition: all .35s;
}
.features_table h1 {
font-size: 23px !important;
}
.features-table h1,
.features-table-free h1,
.features-table-paid h1 {
background: #6b6b6b none repeat scroll 0 0;
color: #fff;
font-weight: 600;
margin: 0;
padding: 19px 21px;
text-transform: uppercase;
}
.features-table h1 {
border-top-left-radius: 20px;
text-align: center;
}
.features-table-paid h1 {
border-top-right-radius: 20px;
}
.features-table-free li {
border-right: 2px solid #d4d4d4;
}
.features-table li::before {
counter-increment: section;
/* Increment the section counter*/
content: "" counter(section) ": ";
/* Display the counter */
}
.fa.fa-check {
color: #2cc14f;
}
.fa.fa-times {
color: #BA5340;
}
.fa {
font-size: 2.14rem;
}
.no-padding {
padding: 0;
}
ul {
padding: 0;
}
body {
counter-reset: section;
/* Set the section counter to 0 */
}
/* 12.2 Custom Radio Buttons*/
.container-radio {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 12px;
cursor: pointer;
font-size: 1.14rem;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.container-radio input {
position: absolute;
opacity: 0;
cursor: pointer;
}
.checkmark {
position: absolute;
top: 0;
left: 0;
height: 25px;
width: 25px;
background-color: #ddd;
border-radius: 50%;
}
.container-radio:hover input~.checkmark {
background-color: #ccc;
}
.container-radio input:checked~.checkmark {
background-color: #2196F3;
}
.checkmark:after {
content: "";
position: absolute;
display: none;
}
.container-radio input:checked~.checkmark:after {
display: block;
}
.container-radio .checkmark:after {
top: 9px;
left: 9px;
width: 8px;
height: 8px;
border-radius: 50%;
background: white;
}
/* 12.3 Signature Pad */
*,
*::before,
*::after {
box-sizing: border-box;
}
.signature-pad {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
font-size: 0.71rem;
width: 100%;
height: 100%;
max-width: 700px;
max-height: 460px;
border: 1px solid #999;
background-color: #fff;
box-shadow: 0;
border-radius: 0px;
padding: 16px;
}
.signature-pad::before,
.signature-pad::after {
position: absolute;
z-index: -1;
content: "";
width: 40%;
height: 10px;
bottom: 10px;
background: transparent;
box-shadow: 0;
}
.signature-pad::before {
left: 20px;
-webkit-transform: skew(-3deg) rotate(-3deg);
transform: skew(-3deg) rotate(-3deg);
}
.signature-pad::after {
right: 20px;
-webkit-transform: skew(3deg) rotate(3deg);
transform: skew(3deg) rotate(3deg);
}
.signature-pad--body {
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
border: 1px solid #f4f4f4;
}
.signature-pad--body canvas {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border-radius: 4px;
box-shadow: 0;
}
.signature-pad--footer {
color: #999;
text-align: center;
font-size: 1.2em;
margin-top: 8px;
}
.btn-delete-signature {
width: 100%;
max-width: 120px;
margin: 0 auto;
display: inline-block;
background: #005ca9;
color: #fff;
font-size: 0.86rem;
font-family: 'Lato', sans-serif;
border-radius: 0px;
padding: 5px 15px 5px 15px;
border: 0px solid;
}
.signature-pad--actions {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 0px;
}
#github img {
border: 0;
}
@media (max-width: 940px) {
#github img {
width: 90px;
height: 90px;
}
}
.signature-pad {
margin: auto;
height: auto;
}
.signature-pad--body {
min-height: 160px;
}
.signature-pad--actions {
overflow: hidden;
}
.signature-pad--actions>div:first-child {
float: left;
}
.signature-pad--actions>div:last-child {
float: right;
}
.btn-primary_small {
color: #fff;
background-color: var(--col_primary);
border-color: var(--col_primary);
max-width: 150px;
font-size: 0.79rem;
display: inline-block;
}
/********** Resolver CSS Classes *************/
.is-resolver {
position: relative;
pointer-events: all;
border: 0 solid #ccc;
background-color: #ccc;
opacity: .4;
padding: 2px;
}
.hero_sec .add_info ul li .is-resolver:hover::after {
margin-left: -40px;
}
.info_contact ul li .is-resolver:hover::after {
margin-left: -40px;
}
.is-resolver:hover::after {
content: 'Stammdaten!';
position: absolute;
display: block;
opacity: 0.8;
top: 1%;
width: 100%;
text-align: center;
margin-left: auto;
margin-right: auto;
font-size: calc(0.6em + .2vw);
color: #fff;
background-color: var(--col_primary);
padding: 2px;
}
.opening_hours_modal {
width: 100%;
float: left;
margin: 0;
padding: 0 10px !important;
}
/*=========================================*/
/* Loading Spinner */
/*=========================================*/
.loader,
.loader:after {
border-radius: 50%;
width: 10em;
height: 10em;
}
.loader {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
/*margin: 60px auto;*/
font-size: 0.71rem;
position: relative;
text-indent: -9999em;
border-top: 1.1em solid rgba(255, 255, 255, 0.2);
border-right: 1.1em solid rgba(255, 255, 255, 0.2);
border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
border-left: 1.1em solid #ffffff;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation: load8 1.1s infinite linear;
animation: load8 1.1s infinite linear;
overflow: hidden !important;
}
@-webkit-keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
#loadingDiv {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #333;
opacity: 0.9;
z-index: 999;
overflow: hidden !important;
}
@media only screen and (max-width: 599px) {
.myuniqa-bubble {
width: 144px;
height: 144px;
position: relative;
left: 5%;
margin: 0 auto;
margin-bottom: 0px;
margin-bottom: 30px;
}
}
@media only screen and (min-width: 600px) and (max-width: 979px) {
.myuniqa-bubble {
width: 104px;
height: 104px;
position: absolute;
left: 1%;
}
}
@media only screen and (min-width: 980px) and (max-width: 1279px) {
.myuniqa-bubble {
width: 124px;
height: 124px;
position: absolute;
left: 1%;
}
}
@media only screen and (min-width: 1280px) and (max-width: 1535px) {
.myuniqa-bubble {
width: 144px;
height: 144px;
position: absolute;
left: 1%;
}
}
@media only screen and (min-width: 1536px) {
.myuniqa-bubble {
width: 144px;
height: 144px;
position: absolute;
left: 12%;
}
}
.digipass_button {
color: #fff !important;
font-size: 0.93rem;
display: inline-block;
margin: 0 0 15px 0;
padding: 5px 20px 6px 20px;
background: #005aac;
font-weight: 400;
margin-top: 10px;
}
/************************************
*
* Produktuebersichtsseite: Reiseversicherung
*
************************************/
@media only screen and (min-width: 600px) and (max-width: 979px) {
.complete-online-bubble {
width: 104px;
height: 104px;
position: absolute;
right: 5%;
}
}
@media only screen and (min-width: 980px) and (max-width: 1279px) {
.complete-online-bubble {
width: 124px;
height: 124px;
position: absolute;
right: 1%;
}
}
@media only screen and (min-width: 1280px) and (max-width: 1535px) {
.complete-online-bubble {
width: 144px;
height: 144px;
position: absolute;
right: 10%;
}
}
@media only screen and (min-width: 1536px) {
.complete-online-bubble {
width: 144px;
height: 144px;
position: absolute;
right: 15%;
}
}
.product_sec-complete_online {
width: 100%;
float: left;
margin: 0;
padding: 0;
background: transparent;
text-align: center;
}
.product_sec-complete_online .container {
max-width: 768px;
position: relative;
}
.product_sec-complete_online .content {
width: 100%;
background: url(../images/hg_aktion.jpg) no-repeat;
background-size: cover;
padding: 25px 0 25px 0;
}
.product_block-complete_online {
width: 100%;
float: left;
margin: 0;
padding: 33px 15px 25px 15px;
background: #fff;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.19);
position: relative;
height: auto;
opacity: 1;
transition: all 400ms ease-in-out;
}
.product_block-complete_online h3 {
margin: 25px 0 20px 0;
padding: 0;
font-size: 1.71rem;
color: #000;
font-weight: 700;
}
.product_block-complete_online figure img {
width: 100%;
max-width: 140px;
}
.button-complete-online {
display: inline-block;
margin: 0 3px;
padding: 3px 20px 6px 20px;
font-size: 1.14rem;
color: #fff;
background: #008050;
border-radius: 0px;
}
.button-complete-online:hover {
background: transparent;
color: #008050;
border-color: #008050;
border: 1px solid;
}
.button-complete-online:focus {
background: transparent;
color: #008050;
border-color: #008050;
border: 1px solid;
}
/************************************
*
* Slideshow: Reiseversicherung
*
************************************/
.carousel-inner {
position: relative;
width: 100%;
overflow: visible;
}
.hero_sec .hero_bg_ad {
width: 100%;
height: 470px;
object-fit: contain;
object-position: right center;
overflow: hidden;
}
#slider_ad .slider_illu {
position: absolute;
z-index: 9 !important;
margin-top: -90px;
margin-left: 250px;
}
#slider_ad .slider_button {
margin-top: -200px;
width: 80%;
}
#slider_ad h2 {
margin: 0 0 10px 0;
padding: 0;
font-size: 2.43rem;
color: #000;
font-weight: 700;
text-shadow: 0 0 0px rgba(0, 0, 0, 0.48);
}
@media (max-width: 600px) {
.hero_sec3 .hero_bg_ad {
height: 160px !important;
}
#slider_ad h2 {
margin: 0 0 10px 0;
padding: 0;
font-size: 24px !important;
color: #000;
font-weight: 700;
text-shadow: 0 0 0px rgba(0, 0, 0, 0.48);
}
#slider_ad {
width: 100%;
padding: 0;
position: relative;
left: 0;
margin-top: 40% !important;
}
}
@media only screen and (min-width: 601px) and (max-width: 979px) {
#slider_ad {
margin-top: -4.5% !important;
padding-right: 4.5% !important;
}
}
/************************************
*
* Modul: News
*
************************************/
/* news-single.html START */
.inner_banner_news-single {
width: 100%;
float: left;
margin-bottom: 50px;
padding: 0px 0 0 0;
background: url(../images/NlzQ7GWBec4wieyuSrmUcipGrFxKOSX9xnwxCIim.svg) no-repeat center right;
background-color: #eef2fa;
background-size: contain;
}
.inner_banner_news-single h2 {
margin: 0 0 10px 0;
padding: 0;
font-size: 2.29rem;
color: #000;
line-height: 1.25;
font-weight: 900;
font-family: Lato, sans-serif;
}
.inner_banner_news-single .teasertext {
font-size: 1.3rem;
line-height: 1.6rem;
color: #1b1b1b;
}
.inner_banner_news-single .pic3 {
width: 50%;
margin-top: 0px;
position: relative;
z-index: 5;
max-width: 15vh;
bottom: -35px;
}
.letzetbox h6 i {
display: inline-block;
vertical-align: top;
margin: -1px 8px 0 0;
line-height: 1;
}
.news-date .n-date i {
display: inline-block;
vertical-align: top;
margin-right: 8px;
margin-top: -2px;
}
.tag-list span {
color: #0057b8;
font-size: 1.14rem;
margin-right: 6px;
line-height: 1.25;
}
.tag-list a {
display: inline-block;
vertical-align: top;
border: 1px solid #0057b8;
padding: 5px 10px 5px 10px;
color: #0057b8;
line-height: 1.25;
font-size: 1.14rem;
margin-right: 3px;
margin-top: -5px;
}
/* news-single.html END*/
.aktuellebox {
background: #fff;
margin: 28px 0;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.19);
transition: all 400ms ease-in-out;
min-height: 650px;
display: flex;
flex-direction: column;
}
.aktuellebox .image {
width: 100%;
height: 220px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.aktuellebox .label {
background: #005aab;
color: #fff;
float: right;
line-height: 2.14;
padding: 0 14px;
font-size: 1rem;
text-align: center;
margin-left: auto;
}
.aktuellebox .frontpage-info {
justify-content: space-between;
padding: 15px;
border-top: 5px solid #fff;
}
.aktuellebox .frontpage-info {
line-height: 1.39;
min-height: 320px;
}
.aktuellebox .frontpage-info h5 {
line-height: 1.5;
hyphens: auto;
word-wrap: break-word;
}
.aktuellebox .frontpage-info p {
margin: 0 0 15px 0;
font-size: 1.14rem;
color: #999999;
line-height: 1.38;
font-weight: 500;
}
.aktuellebox .info_bottom {
margin-top: auto;
text-align: left;
}
.aktuellebox .info_bottom .i_box {
text-align: center;
margin: 0 0px 10px 5px;
}
@media (min-width: 1400px) and (max-width: 1599px) {
.aktuellebox .info_bottom .i_box {
padding: 11px 10px 10px;
}
}
.aktuellebox .info_bottom .i_box:last-child {
border-left: 5px solid #fff;
}
.aktuellebox .date {
display: inline-block;
vertical-align: middle;
color: #005aab;
font-size: 0.93rem;
padding-top: 6px;
}
.lessenlink a {
color: #fff;
font-size: 1.14rem;
}
.flxrow {
display: flex;
}
.date i {
display: inline-block;
vertical-align: top;
margin: 0px 9px 0 0;
}
.news-date .current {
display: inline-block;
vertical-align: top;
background: #0057b8;
font-size: 1.14rem;
color: #fff;
text-align: center;
line-height: 2.63;
padding: 0 28px;
margin-right: 30px;
min-width: 137px;
text-align: center;
}
.single_content {
padding: 0 80px 0 0;
}
.single_content .single_image {
width: 100%;
height: 411px;
background: #F4F4F4;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
margin: 0 0 42px;
}
.news-date {
align-items: center;
}
.news-date .n-date {
font-size: 1.29rem;
color: #0057b8;
}
.news_content {
padding: 35px 0 26px;
}
.news_content h1 {
font-size: 3.57rem;
margin-bottom: 0.5em;
}
.news-subheader {
margin-bottom: 1.5rem;
font-size: 1.57rem;
line-height: 1.09;
}
.sidebar.v2 {
padding-left: 0;
}
@media (min-width: 1400px) and (max-width: 1599px) {
.sidebar {
padding: 0 20px 0 98px;
padding-left: 98px;
}
}
.letzetbox {
padding: 0px 0px 0px;
}
.event_single {
padding: 0 0 42px;
}
.sidebar-tag {
padding: 0 0px 36px;
}
.sidebar-tag h6 {
padding: 0 0 16px;
}
.sidebar-tag h6 i {
display: inline-block;
vertical-align: top;
margin: 0 8px 0 0;
}
.tag-list {
display: flex;
flex-wrap: wrap;
}
.sidebar-tag .tag-list a {
font-size: 0.86rem;
line-height: 1.99;
margin: 3px 6px 3px 0;
}
.tag-list a {
display: inline-block;
vertical-align: top;
border: 1px solid #0057b8;
padding: 5px 10px 5px 10px;
color: #0057b8;
}
figure.media {
display: block;
}
/* myuniqa-plus.html START*/
.inner_banner_versicherung-melden .pic4 {
position: relative;
z-index: 5;
bottom: -135px;
right: -100px;
}
.tipp_tag {
border-radius: .4rem;
background-color: #0d3d61;
color: #fff;
font-size: 1.0rem;
line-height: 1.2rem;
font-weight: 500;
padding: .8rem;
position: relative;
}
.col-auto {
-ms-flex: 0 0 auto;
-webkit-box-flex: 0;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.pr-0,
.px-0 {
padding-right: 0 !important;
}
#TabContent {
padding: 10px 0 0 0;
}
.tab_info .nav-tabs .nav-link {
margin: 0;
padding: 0 10px 4px 0px !important;
font-size: 1rem;
color: #005aab;
border: none !important;
border-bottom: 3px solid transparent !important;
background: none;
}
.tab_info .nav-tabs {
max-width: 690px;
margin: 0 auto;
justify-content: space-between;
border-bottom: 1px solid #fff;
}
@media (max-width: 979px) {
.tab_info .nav-tabs {
max-width: 190px;
margin: 0 auto;
justify-content: space-between;
border-bottom: 1px solid #fff;
}
}
/* myuniqa-plus.html END*/
/** produkt-unfall.html **/
.bubble_left {
float: left;
margin: 0;
margin-top: 0px;
padding: 16px 20px 12px 20px;
background: url(../images/bg_bubble_left.svg) no-repeat center center;
background-color: rgba(0, 0, 0, 0);
background-size: auto;
background-color: rgba(0, 0, 0, 0);
background-size: auto;
background-color: transparent;
background-size: contain;
color: #fff;
margin-top: -15px;
}
@media only screen and (min-width: 1920px) {
.myuniqa-bubble {
width: 144px;
height: 144px;
position: absolute;
left: 12%;
}
}
@media only screen and (min-width: 1535px) and (max-width: 1919px) {
.myuniqa-bubble {
width: 144px;
height: 144px;
position: absolute;
left: 1%;
}
}
@media only screen and (min-width: 980px) and (max-width: 1534px) {
.myuniqa-bubble {
width: 144px;
height: 144px;
position: absolute;
left: 1%;
top: 35%;
}
}
@media only screen and (min-width: 979px) and (max-width: 1534px) {
.myuniqa-bubble {
width: 144px;
height: 144px;
position: absolute;
left: 1%;
top: 35%;
}
}
@media only screen and (min-width: 600px) and (max-width: 979px) {
.myuniqa-bubble {
width: 104px;
height: 104px;
position: absolute;
left: 1%;
top: 42%;
}
}
@media only screen and (max-width: 599px) {
.myuniqa-bubble {
width: 144px;
height: 144px;
position: relative;
left: 0;
margin: 0 auto;
margin-bottom: 30px;
}
}
@media only screen and (min-width: 1920px) {
.konsument-testsieger {
width: 198px;
height: auto;
position: absolute;
left: 12%;
}
}
@media only screen and (min-width: 1535px) and (max-width: 1919px) {
.konsument-testsieger {
width: 198px;
height: auto;
position: absolute;
left: 1%;
}
}
@media only screen and (min-width: 980px) and (max-width: 1534px) {
.konsument-testsieger {
width: 155px;
height: auto;
position: absolute;
left: 1%;
top: 35%;
}
}
@media only screen and (min-width: 979px) and (max-width: 1534px) {
.konsument-testsieger {
width: 155px;
height: auto;
position: absolute;
left: 1%;
top: 27%;
}
}
@media only screen and (min-width: 600px) and (max-width: 979px) {
.konsument-testsieger {
width: 155px;
height: auto;
position: absolute;
left: 1%;
top: 42%;
}
}
@media only screen and (max-width: 599px) {
.konsument-testsieger {
width: 155px;
height: auto;
position: relative;
left: 0;
margin: 0 auto;
margin-bottom: 30px;
}
}
.unordered-list-class li {
list-style: disc;
}
/*=========================================*/
/* Accordion - Pure CSS */
/*=========================================*/
.acc {
width: 100%;
margin: 0
}
.acc .choice {
display: grid;
grid-template-columns: 9fr 1fr;
grid-template-areas: "name action"
"panel panel";
}
.acc label:nth-child(odd) {
grid-area: name;
}
.acc label:nth-child(even) {
grid-area: action;
}
.acc .panel {
grid-area: panel;
}
.acc input[name="ac"] {
display: none
}
.acc .panel {
margin: 0;
height: 0;
overflow: hidden;
background-color: hsla(12, 50%, 95%);
line-height: 1.5;
padding: 0 2rem;
box-sizing: border-box;
transition: 0.5s;
}
.acc .panel p {
margin-top: 0
}
.acc input.open:checked~.panel {
height: auto;
padding: 2rem;
transition: 0.5s;
}
.acc label {
cursor: pointer;
background-color: var(--col_primary);
border-bottom: 2px solid #fff;
padding: 1em;
width: 100%;
font-weight: 400;
font-size: 1.2em;
box-sizing: border-box;
z-index: 100;
color: white;
}
.acc input.open:checked~label {
background-color: var(--col_primary)
}
.acc label:nth-child(odd)::after {
content: "+";
color: white;
float: right;
font-size: 1.2em;
margin-top: 0;
}
.acc input.open:checked~label:nth-child(odd)::after {
content: "";
}
.acc input.open:checked~label.close::after {
content: "– ";
font-size: 1.2em;
}
.accordion {
overflow-anchor: none;
}
.accordion p {
line-height: 1.5em;
margin-bottom: 1.5em;
}
.accordeon-item .nocontent::after {
opacity: 0;
}
.accordeon-item .nocontent {
cursor: auto;
}
.accordion label,
.accordeon-header {
position: relative;
display: block;
padding: 0.2em;
background: #f4f4f4;
font-size: 1em;
padding: 10px 60px 10px 10px;
color: var(--col_primary);
cursor: pointer;
transition: all 0.4s cubic-bezier(0.865, 0.14, 0.095, 0.87);
}
.accordeon-header:hover {
color: #FFF;
background: var(--col_primary);
}
.accordion label::after,
.accordeon-header::after {
content: '+';
position: absolute;
right: 0;
width: 2em;
height: 2em;
color: #FFF;
text-align: center;
background: transparent;
top: 0;
display: flex;
align-items: center;
justify-content: center;
background: var(--col_primary);
}
/*=========================================*/
/* Testimonial Slider - Template Specific CSS */
/*=========================================*/
.carousel-indicators {
margin-bottom: 1.5rem !important;
}
.carousel-control-prev:hover {
color: var(--col_primary);
text-decoration: none;
outline: 0;
opacity: .9;
}
.sb-testimonials-widget .carousel-inner {
overflow: hidden;
}
.sb-testimonials-widget footer {
width: 100%;
float: left;
margin: 0;
margin-top: 0px;
padding: 0px 0;
}
.carousel-control-next:hover {
color: var(--col_primary);
text-decoration: none;
outline: 0;
opacity: .9;
}
.carousel-control-next,
.carousel-control-prev {
width: 3%;
color: #333;
opacity: 1;
}
@media (max-width: 768px) {
.carousel-control-next,
.carousel-control-prev {
width: 8%;
color: #333;
opacity: 1;
}
}
.carousel-indicators li {
background-color: var(--col_primary);
}
.sb-testimonials-widget__thumbnail {
aspect-ratio: 1/1;
background-color: #fff;
border: 1px solid #dee2e6;
border-radius: 50%;
height: auto;
margin-right: 1rem;
max-width: 100% !important;
padding: .25rem;
width: 75px;
}
@media (max-width: 768px) {
.media {
flex-direction: column;
align-items: center;
}
.media-body {
flex: 1;
margin-top: 20px;
}
.sb-testimonials-widget__thumbnail {
margin-right: 0;
}
.sb-testimonials-widget__quote {
position: relative;
}
.sb-testimonials-widget__quote::before {
top: 10px !important;
left: 0;
transform: translateY(-50%);
font-size: 2.14rem;
}
.carousel-inner {
padding-left: 0 !important;
padding-right: 0 !important;
padding-bottom: 0 !important;
}
}
/*=========================================*/
/* Career Callback Element - Template Specific CSS */
/*=========================================*/
.career-callback-service {
padding-top: 10px;
padding-bottom: 10px;
background: #f5f5f5;
padding-left: 10px;
padding-right: 10px;
margin-top: 75px;
margin-bottom: 75px;
border: 2px solid var(--col_primary);
}
h4.karriere-neu {
font-size: 1.71rem;
font-weight: 600;
color: var(--col_primary);
padding-bottom: 3px;
}
h4.karriere-neu::after {
display: block;
clear: both;
content: "";
position: relative;
left: 0;
bottom: 0;
max-width: 250px;
height: 1px;
width: 100px;
border-bottom: 2px solid var(--col_secondary);
padding-top: 2px;
margin-bottom: 6px;
}
.jumbotron {
background-color: #f5f5f5 !important;
}
.sb-townsign-widget .add_info li {
color: #000;
display: block;
font-size: 1.43rem;
line-height: 1.5;
margin: 0 0 5px !important;
padding: 0 0 0 40px;
position: relative;
}
.agency_street_address {
font-size: 1.21rem;
margin-top: 5px;
}
#show_imprint .agency_street_address {
font-size: inherit;
margin-top: 5px;
}
.f_add_info .agency_street_address {
font-size: inherit;
margin-top: 5px;
}
/*=========================================*/
/* ELEMENTE - KOMPONENTEN v2.0 */
/*=========================================*/
/* BOX MIT EINEM ICON */
.services-list-v2 {
margin-bottom: 50px;
}
.services-list-v2 .row {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
/* Für Desktop */
}
.services-list-v2 .col-md-4 {
display: flex;
flex: 1 1 30%;
max-width: 30%;
box-sizing: border-box;
flex-direction: column;
align-self: stretch;
/* Boxen dehnen sich auf die gleiche Höhe */
}
.services-list-v2 .card {
display: flex;
flex-direction: column;
height: 100%;
/* Höhe anpassen, um gleiche Höhe zu gewährleisten */
padding: 20px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
align-self: stretch;
position: relative;
/* Für die absolute Positionierung des Pfeils */
}
.services-list-v2 .card .h4 {
margin-bottom: 10px;
}
.services-list-v2 .card a {
margin-top: auto;
/* Automatischer Abstand nach oben */
}
.services-list-v2 .card i {
align-self: flex-start;
}
.services-list-v2 .card .fa.fa-arrow-right {
position: absolute;
/* Pfeil bleibt am unteren Rand */
bottom: 10px;
right: 10px;
background-color: var(--col_primary);
/* var(--col_primary) */
height: 50px;
width: 50px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
color: var(--col_secondary);
/* var(--col_secondary) */
opacity: 0;
transition: all 0.5s ease;
}
.services-list-v2 .card:hover .fa.fa-arrow-right {
opacity: 1;
}
.services-list-v2 .fa {
font-size: 2.86rem;
background-color: #0000000d;
height: 100px;
width: 100px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
color: var(--col_primary);
/* var(--col_primary) */
margin: 0 auto;
}
.services-list-v2 .card:hover .fa {
color: var(--col_secondary);
/* var(--col_secondary) */
background-color: var(--col_primary);
/* var(--col_primary) */
}
.services-list-v2 .card .h4 {
font-weight: 700;
text-align: center;
}
.services-list-v2 .content {
flex-grow: 1;
}
.services-list-v2 .content .btn.btn-primary {
padding: 15px;
background-color: #4e9525;
color: white;
border-radius: 0px;
border: none;
box-shadow: none;
}
@media (max-width: 990px) {
.services-list-v2 .row {
justify-content: center;
/* Zentriert die Boxen in der mobilen Ansicht */
}
.services-list-v2 .col-md-4 {
max-width: 50%;
}
.services-list-v2 .card {
width: 100%;
/* Jede Karte nimmt die volle Breite ein */
}
.services-list-v2 .content {
max-width: 100%;
}
.services-list-v2 .card .fa.fa-arrow-right {
bottom: 10px;
opacity: 1;
}
}
@media (max-width: 500px) {
.services-list-v2 .col-md-4 {
flex: 1 1 100%;
max-width: 100%;
}
.services-list-v2 .card {
width: 100%;
padding: 20px;
}
.services-list-v2 .content {
padding: 15px;
}
}
/* BOX MIT EINEM BILD */
.box-with-image-v2 {
display: flex;
flex-wrap: wrap;
}
.box-with-image-v2 .box {
flex-grow: 1;
display: flex;
flex-direction: column;
border-radius: 3px;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
margin-top: 60px;
padding: 10px 25px;
text-align: right;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.box-with-image-v2 .box:hover {
transform: translateY(-5px);
/* Leicht anheben */
box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .2), 0 4px 20px 0 rgba(0, 0, 0, .15);
/* Verstärkter Schatten */
}
.box-with-image-v2 .info {
display: flex;
flex-direction: column;
flex-grow: 1;
}
.box-with-image-v2 .button-container {
margin-top: auto;
}
.box-with-image-v2 .box-icon {
text-align: center;
vertical-align: middle;
background-color: transparent;
border-radius: 50%;
height: 100px;
margin: -61px auto 0;
width: 100px;
transition: transform 0.3s ease;
}
.box-with-image-v2 .box:hover .box-icon {
transform: rotate(15deg);
}
.box-with-image-v2 .info h4 {
font-size: 1.86rem;
letter-spacing: 2px;
text-transform: uppercase;
}
.box-with-image-v2 .info>p {
color: inherit;
font-size: 1.14rem;
padding-top: 10px;
text-align: justify;
}
.box-with-image-v2 .info>a {
border-radius: 2px;
}
.box-with-image-v2 .info>a,
.box-with-image-v2 .info>a:hover {
color: inherit;
transition: all .5s ease 0s;
}
.box-with-image-v2 .box-icon span {
color: inherit;
display: table-cell;
text-align: center;
vertical-align: middle;
}
@media (max-width: 768px) {
.box-with-image-v2 {
flex-direction: column;
}
.box-with-image-v2 .box {
margin-top: 30px;
padding: 15px;
text-align: center;
}
.box-with-image-v2 .box-icon {
margin: 0 auto;
}
.box-with-image-v2 .info h4 {
font-size: 1.57rem;
}
.box-with-image-v2 .info>p {
font-size: 1rem;
}
}
/* BOX MIT EINEM TITEL */
.skills-list-v2 .row {
display: flex;
flex-wrap: wrap;
/* Erlaubt, dass Boxen in mehreren Zeilen angeordnet werden */
}
.skills-list-v2 .col-md-6,
.skills-list-v2 .col-lg-4 {
display: flex;
flex-direction: column;
}
.skills-list-v2 .card-custom {
display: flex;
flex-direction: column;
overflow: hidden;
flex-grow: 1;
min-height: 450px;
box-shadow: 0 0 15px rgba(10, 10, 10, 0.3);
}
.skills-list-v2 .card-title {
color: var(--col_primary);
/* var(--col_primary) */
}
.skills-list-v2 .card-text {
color: inherit;
}
.skills-list-v2 .card-custom-img {
height: 200px;
min-height: 200px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
border-color: inherit;
}
.skills-list-v2 .card-custom-img::after {
position: absolute;
content: '';
top: 161px;
left: 0;
width: 0;
height: 0;
border-style: solid;
border-top-width: 40px;
border-right-width: 0;
border-bottom-width: 0;
border-left-width: 545px;
border-left-width: calc(575px - 5vw);
border-top-color: transparent;
border-right-color: transparent;
border-bottom-color: transparent;
border-left-color: inherit;
}
.skills-list-v2 .card-custom-avatar img {
border-radius: 50%;
box-shadow: 0 0 15px rgba(10, 10, 10, 0.3);
position: absolute;
top: 100px;
left: 1.25rem;
width: 100px;
height: 100px;
}
.skills-list-v2 .card-footer {
margin-top: auto;
}
/* KARTENKARUSSELL */
.sb-card-carousel-widget.website {
display: block;
float: none !important;
margin: 0;
padding: 0;
position: relative;
width: 100%;
}
.sb-card-carousel-widget__card__button {
margin-bottom: 15px;
}
/* KONTAKTPERSONEN */
.team_block-v2-new .row {
display: flex;
flex-wrap: wrap;
}
.team_block-v2-new .col-xl-4,
.team_block-v2-new .col-lg-4,
.team_block-v2-new .col-md-4,
.team_block-v2-new .col-sm-6 {
display: flex;
}
.team_block-v2 {
display: flex;
flex-direction: column;
width: 100%;
margin: 0 0 30px 0;
padding: 0;
text-align: left;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.19);
position: relative;
opacity: 1;
transition: box-shadow 400ms ease-in-out, transform 400ms ease-in-out;
}
.team_block-v2:hover {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
transform: translateY(-5px);
}
.team_block-v2_text {
padding: 15px;
display: flex;
flex-direction: column;
flex-grow: 1;
/* Lässt dieses Element den verbleibenden Platz einnehmen */
}
.team_block-v2 h3 {
font-size: 1.29rem;
color: rgb(19, 18, 18);
padding-top: 10px;
}
.team_block-v2 p {
font-size: 1.14rem;
padding-bottom: 10px;
}
.button-class {
margin-top: auto;
/* Drückt die Buttons an den unteren Rand */
}
.team_block-v2 img {
transition: transform 0.4s ease, filter 0.4s ease;
transform-origin: center center;
}
.team_block-v2:hover img {
transform: scale(1.05);
filter: brightness(0.9);
}
@media (max-width: 990px) {
.button-class {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
.button-class a {
width: auto;
padding: 0px 8px 0px 8px;
text-align: center;
}
}
@media (max-width: 768px) {
.button-class {
display: flex;
flex-direction: row;
gap: 10px;
}
.button-class a {
font-size: 1rem;
padding: 8px 12px;
}
}
.company-fields {
display: none;
}
span.error.help-inline {
color: red;
}