/* -------------------------- fonts ANFANG -------------------------- */ @import "https://www.puro-personal.de/fonts/font-awesome-5/fontawesome.min.css"; @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; font-display: swap; src: url('https://www.puro-personal.de/fonts/roboto/roboto-v27-latin-100.eot'); src: local(''), url('https://www.puro-personal.de/fonts/roboto/roboto-v27-latin-100.eot?#iefix') format('embedded-opentype'), url('https://www.puro-personal.de/fonts/roboto/roboto-v27-latin-100.woff2') format('woff2'), url('https://www.puro-personal.de/fonts/roboto/roboto-v27-latin-100.woff') format('woff'), url('https://www.puro-personal.de/fonts/roboto/roboto-v27-latin-100.ttf') format('truetype'), url('https://www.puro-personal.de/fonts/roboto/roboto-v27-latin-100.svg#Roboto') format('svg'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-display: swap; src: url('https://www.puro-personal.de/fonts/roboto/roboto-v27-latin-300.eot'); src: local(''), url('https://www.puro-personal.de/fonts/roboto/roboto-v27-latin-300.eot?#iefix') format('embedded-opentype'), url('https://www.puro-personal.de/fonts/roboto/roboto-v27-latin-300.woff2') format('woff2'), url('https://www.puro-personal.de/fonts/roboto/roboto-v27-latin-300.woff') format('woff'), url('https://www.puro-personal.de/fonts/roboto/roboto-v27-latin-300.ttf') format('truetype'), url('https://www.puro-personal.de/fonts/roboto/roboto-v27-latin-300.svg#Roboto') format('svg'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-display: swap; src: url('https://www.puro-personal.de/fonts/roboto/roboto-v27-latin-regular.eot'); src: local(''), url('https://www.puro-personal.de/fonts/roboto/roboto-v27-latin-regular.eot?#iefix') format('embedded-opentype'), url('https://www.puro-personal.de/fonts/roboto/roboto-v27-latin-regular.woff2') format('woff2'), url('https://www.puro-personal.de/fonts/roboto/roboto-v27-latin-regular.woff') format('woff'), url('https://www.puro-personal.de/fonts/roboto/roboto-v27-latin-regular.ttf') format('truetype'), url('https://www.puro-personal.de/fonts/roboto/roboto-v27-latin-regular.svg#Roboto') format('svg'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; font-display: swap; src: url('https://www.puro-personal.de/fonts/roboto/roboto-v27-latin-500.eot'); src: local(''), url('https://www.puro-personal.de/fonts/roboto/roboto-v27-latin-500.eot?#iefix') format('embedded-opentype'), url('https://www.puro-personal.de/fonts/roboto/roboto-v27-latin-500.woff2') format('woff2'), url('https://www.puro-personal.de/fonts/roboto/roboto-v27-latin-500.woff') format('woff'), url('https://www.puro-personal.de/fonts/roboto/roboto-v27-latin-500.ttf') format('truetype'), url('https://www.puro-personal.de/fonts/roboto/roboto-v27-latin-500.svg#Roboto') format('svg'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; font-display: swap; src: url('https://www.puro-personal.de/fonts/roboto/roboto-v27-latin-700.eot'); src: local(''), url('https://www.puro-personal.de/fonts/roboto/roboto-v27-latin-700.eot?#iefix') format('embedded-opentype'), url('https://www.puro-personal.de/fonts/roboto/roboto-v27-latin-700.woff2') format('woff2'), url('https://www.puro-personal.de/fonts/roboto/roboto-v27-latin-700.woff') format('woff'), url('https://www.puro-personal.de/fonts/roboto/roboto-v27-latin-700.ttf') format('truetype'), url('https://www.puro-personal.de/fonts/roboto/roboto-v27-latin-700.svg#Roboto') format('svg'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; font-display: swap; src: url('https://www.puro-personal.de/fonts/roboto/roboto-v27-latin-900.eot'); src: local(''), url('https://www.puro-personal.de/fonts/roboto/roboto-v27-latin-900.eot?#iefix') format('embedded-opentype'), url('https://www.puro-personal.de/fonts/roboto/roboto-v27-latin-900.woff2') format('woff2'), url('https://www.puro-personal.de/fonts/roboto/roboto-v27-latin-900.woff') format('woff'), url('https://www.puro-personal.de/fonts/roboto/roboto-v27-latin-900.ttf') format('truetype'), url('https://www.puro-personal.de/fonts/roboto/roboto-v27-latin-900.svg#Roboto') format('svg'); } /* -------------------------- fonts ENDE -------------------------- */ /* -------------------------- standard-Schrift ANFANG -------------------------- */ body { -webkit-text-fill-color: initial; color:rgba(0,0,0,1); font-size:17px; font-family:Roboto; font-weight:400; line-height:30px; letter-spacing:0px; text-decoration:none; text-transform:none; padding:0px 0px 0px 0px; margin:0; } p { -webkit-text-fill-color: initial; color:rgba(0,0,0,1); font-size:17px; font-family:Roboto; font-weight:400; line-height:30px; letter-spacing:0px; text-decoration:none; text-transform:none; overflow-wrap: normal; word-wrap: normal; word-break: normal; hyphens: none; padding:0px 0px 0px 0px; margin:0; } h1 { -webkit-text-fill-color: initial; color:rgba(0,102,169,1.00); font-size:35px; font-family:Roboto; font-weight:500; line-height:45px; letter-spacing:0px; text-decoration:none; text-transform:none; overflow-wrap: normal; word-wrap: normal; word-break: normal; hyphens: none; padding:0px 0px 20px 0px; margin:0; } h1 a { font-size:35px !important; } h2 { -webkit-text-fill-color: initial; color:rgba(0,102,169,1.00); font-size:28px; font-family:Roboto; font-weight:400; line-height:38px; letter-spacing:0px; text-decoration:none; text-transform:none; overflow-wrap: normal; word-wrap: normal; word-break: normal; hyphens: none; padding:0px 0px 20px 0px; margin:0; } h2 a { font-size:28px !important; } h3 { -webkit-text-fill-color: initial; color:rgba(0,0,0,1.00); font-size:25px; font-family:Roboto; font-weight:400; line-height:35px; letter-spacing:0px; text-decoration:none; text-transform:none; overflow-wrap: normal; word-wrap: normal; word-break: normal; hyphens: none; padding:20px 0px 20px 0px; margin:0; } h3 a { font-size:25px !important; } a { -webkit-text-fill-color: initial; color:rgba(0,0,0,1); font-size:17px; font-family:Roboto; font-weight:400; line-height:28px; letter-spacing:0px; text-decoration:underline; text-transform:none; overflow-wrap: normal; word-wrap: normal; word-break: normal; hyphens: none; padding:0px 0px 0px 0px; margin:0; display:inline; } a:hover { -webkit-text-fill-color: initial; color:rgba(0,76,126,1.00); font-weight:300; text-decoration:none; } /* -------------------------- standard-Schrift ENDE -------------------------- */ /*-------------------------- Basis CSS ANFANG -------------------------- */ html { scroll-behavior: smooth; } body { margin: 0; } a { color:#000; } .a { color:#000; } a:focus { outline: none; } /* barrierefrei */ a:focus-visible { outline: 4px solid rgba(143, 0, 168, 1); } .content a:focus-visible { outline: 4px solid rgba(143, 0, 168, 1); } .content a:focus-visible img { outline: 4px solid rgba(143, 0, 168, 1); outline-offset: 2px; } .skip-link { position: absolute; top: -80px; left: 0; background: #000000; padding: 6px 14px; z-index: 999999; text-decoration: none; font-size: 16px; transition: top 0.3s ease; color:#fff!important; } .skip-link:focus { top: 0; } /* barrierefrei */ i { display:inline!important; } img { border: 0; max-width: 100%; /* height: auto; */ vertical-align: middle; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 768px) { .container { max-width: 750px; } } @media (min-width: 995px) { .container { max-width: 990px; } } @media (min-width: 1200px) { .container { max-width: 1170px; } } .container-fluid { width: 100%; padding-right: 0px; padding-left: 0px; margin-right: 0px; margin-left: 0px; } .row { margin-right: 0px; margin-left: 0px; display: flex; flex-wrap: wrap; width: 100%; } .row:after,.row:before { display:flex;content:" ";flex-wrap: wrap; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-five, .col-sm-five, .col-md-five, .col-lg-five, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; width:100%; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, col-xs-five, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-five { width: 20%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-five, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-five { width: 20%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } } @media (min-width: 995px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-five, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-five { width: 20%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-five, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-five { width: 20%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } } @media screen and (max-width: 767px) { .row { margin-right: 0px; margin-left: 0px; } .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td { white-space: normal; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } } /* Bootstrap Light */ body { background:rgba(255,255,255,1.00); overflow-x: hidden; } .content { width:100%; min-height: 850px; } .content img { max-width:100%; /* height: auto; */ border-radius: 0px; } .content a { /* display: inline-block!important; */ display: inline; } .content a img { display: inline-block; } .content a:has(img) { display: inline-block; /* wegen Barrierefreiheit bei Links */ } .content a:has(img[src$=".svg" i]) { display: inline !important; /* bei svg brauchen wir inline sonst wird es nicht angezeigt wenn keine Größenangabe dabei ist */ } .html-content img { max-width:100%; height: auto; } .header-content img { max-width:100%; height: auto; } .footer-content img { max-width:100%; height: auto; } .container { max-width: 1360px; width:100%; } .contentbg { background:rgba(255,255,255,0.00); margin-left: auto; margin-right: auto; } h1, h2, h3, h4, h5, h6 { margin:0; } /* .content ul { list-style:none; padding: 0; margin: 0; } */ .content ul { padding-left: 25px; margin: 0; /*padding-top:20px;*/ padding-bottom:20px; } .responsive-video { position: relative; padding-bottom: 56.25%; padding-top: 0px; height: 0; overflow: hidden; background: #000; } .responsive-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0; } video { width:100%; height:auto; } /* table */ .table { width: 100%; max-width: 100%; overflow-x: auto; border-collapse: collapse; } .table th { color: rgba(255,255,255,1); background-color: rgba(0,41,72,1.00); border-color: rgba(0,41,72,1.00); vertical-align: top; text-align: left; } .table-striped tbody tr { background-color: rgba(230,235,240,0.10); } .table-striped tbody tr:nth-of-type(2n+1) { background-color: rgba(230,235,240,1.00); } .table td, .table th { padding: 10px 10px 10px 10px; vertical-align: top; /*border-top: 1px solid #dee2e6;*/ } /* table */ pre { background: #ededed; border-radius: 4px; padding: 15px 15px 15px 15px; color: #000000; font-family: 'Roboto'; font-weight: normal; font-size: 16px; white-space: pre-wrap !important; } /* pre { background-color: #ededed; border-radius: 4px; padding: 15px; font-family: 'Roboto', sans-serif !important; white-space: pre-wrap !important; } */ hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top-color: currentcolor; border-top-style: none; border-top-width: 0px; border-top: 1px solid rgba(0,0,0,0.10); } ul { margin-top:0px; } strong, b { font-weight: bold!important; } strong a { font-weight: bold !important; } .textblockc { width:100%; } .sprungmarke { scroll-margin-top: 160px; } .text-right { text-align: right !important; } .text-left { text-align: left !important; } .text-center { text-align: center !important; } iframe { border:none; } /* Sekundäre Navigation */ .sec-nav { display: inline-block; } .sec-nav ul { list-style: none !important; padding: 0 !important; margin: 0 !important; display: flex !important; flex-wrap: wrap !important; /* Automatischer Umbruch */ gap: 0.5rem 1rem !important; /* Abstand vertikal 0.5rem, horizontal 1rem */ } .sec-nav ul li { display: inline-block !important; padding: 0 !important; } .sec-nav ul li::before { content: none !important; display: none !important; } .sec-nav li > div, .sec-nav li > span { display: inline-block !important; } .sec-nav .iconset_14 { display: inline-flex !important; vertical-align: middle !important; }/*-------------------------- Basis CSS ENDE -------------------------- */ /*-------------------------- Navigation ANFANG -------------------------- */ .navik-header { will-change: transform; } @media (min-width: 1200px) { .navik-header { position: relative; z-index: 99; box-sizing: border-box; font-size: 16px; line-height: 1.428572; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; border-bottom: 1px solid rgba(194,192,192,1.00); } .navik-header *, .navik-header *::before, .navik-header *::after { box-sizing: border-box; } .navik-header ul { margin-bottom: inherit; } .navik-header img { max-width: 100%; } .navik-header a:hover, .navik-header a:focus, .navik-header a:active { text-decoration: none; outline: none; } .navik-header .logo img{ max-width: inherit; width: auto; height: 40px; max-height: 70px; padding: 0px 0px 0px 0px ; display:none; } .navik-header .logo object { pointer-events: none; display: block; max-width: inherit; width: auto; height: 40px; max-height: 70px; padding: 0px 0px 0px 0px ; display:none; } .navik-header .logo embed { max-width: inherit; width: auto; height: 40px; max-height: 70px; padding: 0px 0px 0px 0px ; display:none; } .navik-header-container { /* position: relative;*/ height: 70px; } .navik-header .logo { float:left; position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); text-align: left; z-index:10; } .navik-menu ul li { position: relative; list-style: none; } .navik-menu ul ul li { list-style: none; margin:0; padding:0; } .navik-menu ul ul { margin:0; padding:0; } .navik-menu ul li > a { display: block; padding: 0px 20px 0px 20px ; font-family: "Roboto", sans-serif; font-size: 17px; font-weight:400; letter-spacing: 0px; text-decoration: none; text-transform: none; } .navik-menu ul ul li > a { position: relative; color: rgba(0,0,0,1.00); background-color: transparent; padding: 7px 0px 7px 20px ; font-family: "Roboto", sans-serif; font-size: 17px; font-weight: 400; letter-spacing: 0px; text-transform: none; } .navik-menu ul ul ul li > a { padding: 7px 0px 7px 20px ; } .navik-menu li > ul { display: none; } .header-shadow-wrapper { position: absolute; top: 100%; left: 0; z-index: -1; width: 100%; height: 30px; overflow: hidden; } .header-shadow-wrapper::after { position: relative; top: -60px; display: block; width: 100%; height: 40px; content: ""; border-radius: 50%; box-shadow: 0 10px 40px -5px rgba(0,0,0,0.3); } .navik-menu { text-align: left; clear: inherit; width: 100%; height:100%; } .navik-menu > ul { display: block!important; padding: 0px 0px 0px 0px; } .sticky .navik-menu > ul{ } .navik-menu > ul > li { display: inline-block; } .navik-menu > ul > li > a { position: relative; box-sizing: border-box; /* height: 70px; */ line-height: 70px; white-space: nowrap; } .navik-menu ul li { position: relative; list-style: none; } .navik-menu ul ul li > a::before { position: absolute; top: 50%; left: 15px; width: 0; content: ""; background: rgba(0,102,169,1.00); } .navik-menu ul ul li:hover > a { padding-left: 30px!important; transition: all 0.2s ease-in-out; color: rgba(0,102,169,1.00); background-color: rgba(237,237,237,0.00); } .navik-menu ul ul li:hover > a::before { width: 10px; } .navik-menu.menu-hover-2 ul ul li.current-menu > a { color: rgba(0,102,169,1.00); background: rgba(237,237,237,0.00); } .navik-header.sticky .navik-menu ul ul li.current-menu > a { color:rgba(0,102,169,1.00); background-color: rgba(237,237,237,0.00); } .navik-menu li > ul { position: absolute; left: 0; display: block; width: 280px; padding: 7px 0px 12px 0px ; /* visibility: hidden; */ background: rgba(249, 249, 249, 1); box-shadow: 0 12px 30px -2px rgba(0,0,0,0.14); text-align:left; border-radius: 1px; } .navik-menu li > ul ul { top: 0px; left: 100%; } .navik-menu li:hover > ul { visibility: visible; opacity: 1; } .navik-menu li.submenu-right > ul { right: 0; left: inherit; } .navik-menu li.submenu-right > ul ul { right: 280px; left: inherit; } .navik-menu.separate-line > ul > li > a { position: relative; padding: 0px 20px 0px 20px ; } .navik-menu.separate-line > ul > li > a::before { position: absolute; top: 50%; right: 0; width: 1px; height: 20px; content: ""; background-color: rgba(238,238,238,1); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .navik-menu.separate-line > ul > li:last-child > a { padding: 0 0 0 28px; } .navik-menu.separate-line > ul > li:last-child > a::before { display: none; } .navik-menu.menu-hover-2.separate-line > ul > li:last-child > a { padding: 0 28px; } .navik-menu ul li.dropdown_menu > a > span::before { position: relative; top: -3px; box-sizing: content-box; display: inline-block; width: 4px; height: 4px; margin-left: 8px; content: ""; border-color: rgb(171,171,171); border-style: solid; border-width: 2px 2px 0 0; -webkit-transform: rotate(135deg); transform: rotate(135deg); } .navik-menu ul ul li.dropdown_menu > a > span::before { top: 7px; right: 10px; float: right; margin: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-color: rgb(171,171,171); } .navik-menu.menu-caret ul li.dropdown_menu > a > span { display: inline-block; } .navik-menu.menu-caret ul ul li.dropdown_menu > a > span { display: inline; } .navik-menu ul li.current-menu > a, .navik-menu ul li:hover > a { background-color: inherit; } .navik-header.sticky { position: fixed; width: 100%; -webkit-animation-name: stickyTransition; animation-name: stickyTransition; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; background: rgba(0,102,169,1.00); top:0px; height: 70px; } .navik-header.sticky.wow { visibility: visible !important; } .navik-header.sticky .navik-header-container { height: 70px; } .navik-header.sticky .navik-menu > ul > li > a { line-height: 70px; color:rgba(255,255,255,1.00); } .navik-header.sticky .navik-menu > ul > li.current-menu > a { color:rgba(145,197,235,1.00); background-color: rgba(0,0,0,0.00); } .navik-header.sticky .navik-menu > ul > li:hover > a { color:rgba(145,197,235,1.00); background-color: rgba(0,0,0,0.00); } .navik-header.sticky .logo { height: auto; } .navik-header.sticky .logo img { height: 40px; max-height: 70px; padding: 0px 50px 0px 0px ; display:block; } .navik-header.sticky .logo object { pointer-events: none; display: block; height: 40px; max-height: 70px; padding: 0px 50px 0px 0px ; display:block; } .navik-header.header-transparent-on, .navik-header.header-opacity-on { /*position: absolute; xion */ width: 100%; } .navik-header.header-opacity-on { background: rgba(255,255,255,1.00); } .header-transparent-on .navik-menu > ul > li > a, .header-opacity-on .navik-menu > ul > li > a { color: rgba(0,0,0,1.00); } .header-opacity-on .navik-menu.menu-hover-2 > ul > li.current-menu > a, .header-opacity-on .navik-menu.menu-hover-2 > ul > li:hover > a { color: rgba(0,102,169,1.00); background: rgba(0,0,0,0.00); font-weight: normal; } /* barrierefrei */ .navik-menu a:focus-visible { outline: 4px solid rgba(143, 0, 168, 1); outline-offset: 2px; } /* barrierefrei */ .navik-menu.submenu-list-border ul ul li > a { padding: 7px 0px 7px 20px !important; } .navik-menu.submenu-list-border ul ul li:last-child::after { display: none; } .navik-menu.submenu-list-border ul ul li:hover > a { padding-left: 30px!important; } .navik-menu.submenu-list-border ul ul li:nth-child(n+2) > a::before { top: 24px; } .navik-menu.submenu-scale li > ul { -webkit-transform-origin: 0 0; transform-origin: 0 0; transition: all 0.3s ease; -webkit-transform: scale(0); transform: scale(0); } .navik-menu.submenu-scale li.submenu-right ul { -webkit-transform-origin: 100% 0; transform-origin: 100% 0; } .navik-menu.submenu-scale li:hover > ul { -webkit-transform: scale(1); transform: scale(1); } .navik-menu.submenu-scale li.mega-menu ul, .navik-menu.submenu-scale li.mega-menu.submenu-right ul { -webkit-transform-origin: 50% 0; transform-origin: 50% 0; } .navik-menu .mega-menu-container { padding: 0px; } .navik-mega-menu.mega-menu-fullwidth .navik-header-container { /* position: inherit; */ } .navik-mega-menu.mega-menu-fullwidth, .navik-mega-menu .navik-header-container { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-perspective: 200px; perspective: 200px; } .navik-menu ul li.mega-menu { position: inherit; font-size: initial; } .navik-menu li.mega-menu > ul { width: 100%; padding: 0px; } .navik-mega-menu.mega-menu-fullwidth .navik-header-container, .navik-mega-menu .navik-menu.submenu-flip > ul, .navik-mega-menu .navik-menu.submenu-flip ul li.mega-menu { -webkit-transform-style: unset; transform-style: unset; -webkit-perspective: none; perspective: none; } } @media (max-width: 1200px) { /* Wenn kleiner als z.B. 1200px */ .navik-header { will-change: transform; } .burger-menu { position: absolute; right: 15px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: justify; justify-content: space-between; width: 40px; height: 37px; top: calc(50% - 18.5px); cursor: pointer; transition: -webkit-transform 330ms ease-out; transition: transform 330ms ease-out; transition: transform 330ms ease-out, -webkit-transform 330ms ease-out; background: rgba(0,0,0,1.00); z-index: 99999; padding: 10px; } .line-menu { width: 100%; height: 3px; background: rgba(255,255,255,1); border-radius: 2px; } .line-menu.line-half { width: 100%; } .line-menu.first-line { -webkit-transform-origin: right; transform-origin: right; transition: -webkit-transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57); transition: transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57); transition: transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57), -webkit-transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57); } .line-menu.last-line { -ms-flex-item-align: end; align-self: flex-end; -webkit-transform-origin: left; transform-origin: left; transition: -webkit-transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57); transition: transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57); transition: transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57), -webkit-transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57); } .menu-open .line-menu.first-line { -webkit-transform: rotate(-90deg) translateX(3px); transform: rotate(-90deg) translateX(3px); } .menu-open .line-menu.last-line { -webkit-transform: rotate(-90deg) translateX(-3px); transform: rotate(-90deg) translateX(-3px); } .menu-open .line-menu.line-half { width: 50%!important; } .navik-header { position: relative; z-index: 99; box-sizing: border-box; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; width: 100%; background: rgba(41,121,186,1.00); border-bottom: 1px solid rgba(145,197,235,1.00); height: 70px; display: flex; flex-wrap: wrap; align-items: center; } .navik-header *, .navik-header *::before, .navik-header *::after { box-sizing: border-box; } .navik-header ul { margin-bottom: inherit; } .navik-header a:hover, .navik-header a:focus, .navik-header a:active { text-decoration: none; outline: none; } .navik-header .logo { text-align: left; height: 100%; } .navik-header .logo img { max-width: 85%; width: auto; height: 100%; max-height: 70px; padding: 15px 0px 15px 0px; } .navik-header .logo object { pointer-events: none; display: inline-block; max-width: 100%; width: auto; height: 70px; max-height: 70px; padding: 15px 0px 15px 0px; } .logo a { display: inline-block; height: 70px; display: flex; align-items: center; } .sticky.navik-header .logo img { max-width: 100%; width: auto; height: 100%; max-height: 70px; } .sticky.navik-header .logo object { pointer-events: none; display: block; max-width: 100%; width: auto; height: 100%; max-height: 70px; } .navik-header-container { padding: 0px 0px 0px 0px; } /* menu */ .navik-menu { background:rgba(0,102,169,1.00); position: absolute!important; z-index:99999!important; width:100%; } .navik-header.sticky .navik-menu { top: 70px; } .navik-menu ul ul li { list-style: none; margin:0; border-bottom:0!important; } .navik-menu ul ul { margin:0; padding: 10px 0px 10px 0px; } .navik-menu > ul { display: none; padding: 0px 0px 20px 0px; max-height: 75vh; overflow-y: scroll; z-index:3; } .navik-menu ul li { list-style: none; position: relative; } .navik-menu ul li > a { display: block; padding: 7px 15px 7px 15px; font-family: "Roboto", sans-serif; font-size: 16px; font-weight: normal; color: rgba(255,255,255,1.00); background: rgba(0,102,169,1.00); text-decoration: none; text-transform: none; transition: all 0.2s ease-in-out; } .navik-menu ul li.current-menu > a { color: rgba(0,0,0,1.00); font-weight:bold; background:rgba(145,197,235,1.00); } .navik-menu ul ul li > a { padding: 7px 0px 7px 20px; font-size: 15px; font-weight: normal; color:rgba(0,0,0,1.00); font-family: "Roboto", sans-serif; text-transform: none; background: rgba(145,197,235,1.00); } .navik-menu ul li ul li.current-menu2 > a { color: rgba(0,0,0,1.00); font-weight:bold; background:rgba(145,197,235,1.00); } .navik-menu ul li ul { display: none; background: rgba(145,197,235,1.00); } .navik-menu ul ul ul { margin:0; padding: 10px 0px 10px 0px; } .navik-menu ul ul ul li > a { padding: 7px 0px 7px 30px; font-size: 15px; font-weight: normal; color:rgba(0,0,0,1); font-family: "Roboto", sans-serif; text-transform: none; background: rgba(216,238,248,1.00); } .navik-menu ul li ul li ul li.current-menu3 > a { color: rgba(100,100,100,1); font-weight:bold; background:rgba(230,230,230,1); } .navik-menu ul li ul li ul { display: none; background: rgba(216,238,248,1.00); } .navik-menu ul ul ul li { list-style: none; margin:0; border-bottom:0!important; } .dropdown-plus { position: absolute; top: 0; right: 0; width: 100%; height: 38px; cursor: pointer; } .navik-menu ul li ul .dropdown-plus { position: absolute; top: 0; right: 0; width: 100%; height: 36px; cursor: pointer; } .dropdown-plus::before, .dropdown-plus::after { position: absolute; top: 17px; right: 18px; width: 13px; height: 1px; content: ""; } .dropdown-plus::after { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .dropdown-plus.dropdown-open::after { display: none; } .navik-menu ul li .dropdown-plus::before, .navik-menu ul li .dropdown-plus::after { background: rgba(255,255,255,1.00); } .navik-menu ul li ul li .dropdown-plus::before, .navik-menu ul li ul li .dropdown-plus::after { background: rgba(255,255,255,1.00); top: 17px; } /* menu */ .burger-menu.menu-open { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .burger-menu > div { display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: justify; justify-content: space-between; width: 100%; height: 17px; transition: -webkit-transform 330ms ease-out; transition: transform 330ms ease-out; transition: transform 330ms ease-out, -webkit-transform 330ms ease-out; } .navik-header .burger-menu.menu-open { -webkit-transform: rotate(0); transform: rotate(0); } .navik-header .burger-menu.menu-open > div { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .nav-menu-wrapper.overlay-menu-open { visibility: visible; opacity: 1; } .navik-header.sticky { position: fixed; width: 100%; -webkit-animation-name: stickyTransition; animation-name: stickyTransition; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; height: 70px; background: rgba(0,102,169,1.00); top:0; margin-top: 0 !important; z-index:888; } .navik-header.sticky .navik-header-container { height: auto; } .navik-header.sticky .logo { height: 100%; text-align: left; } .navik-header.sticky .logo img { height: 100%; max-height: 70px; max-width: 100%; padding: 15px 0px 15px 10px; display:inline-block!important; } .navik-header.sticky .logo object { pointer-events: none; display: inline-block; height: 70px; max-height: 70px; padding: 15px 0px 15px 10px; display:block; } @-webkit-keyframes stickyTransition { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes stickyTransition { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes mobileStickyTransition { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes mobileStickyTransition { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } } @media (min-width: 1200px) { .burger-menu { display: none; } } /* 1) Alle Untermenüs standardmäßig verstecken */ .navik-menu ul li > ul { display: none; } /* 2) Bei Hover einblenden */ .navik-menu ul li:hover > ul { display: block; } /* 3) Wenn li.open per Tastatur/Klick gesetzt wird, einblenden */ .navik-menu ul li.open > ul { display: block !important; } /* 4) Für verschachtelte Untermenüs genügt derselbe Selektor */ .navik-menu ul li.open li.open > ul { display: block !important; } /*-------------------------- Navigation ENDE -------------------------- */ /*-------------------------- Navigation Design CSS ANFANG -------------------------- */ .footer-link_15{ margin: 0px 0px 0px 6px !important; padding: 0px 0px 0px 0px !important; background:rgba(0,0,0,0)!important; border-radius: 0px!important; color: rgba(98,98,98,1.00)!important; text-transform: none!important; text-decoration: none!important; font-family: Roboto!important; font-weight: 400!important; font-size: 16px!important; } .footer-link_15:hover { background:rgba(255,255,255,0.00)!important; color: rgba(0,158,227,1.00)!important; font-weight: normal!important; } .current-menu .footer-link_15{ background:rgba(255,255,255,0.00)!important; color: rgba(0,158,227,1.00)!important; font-weight: normal!important; } .footer-link_1{ margin: 0px 15px 0px 0px !important; padding: 0px 0px 0px 0px !important; background:rgba(0,0,0,0)!important; border-radius: 0px!important; color: rgba(255,255,255,1.00)!important; text-transform: none!important; text-decoration: none!important; font-family: Roboto!important; font-weight: 400!important; font-size: 16px!important; } .footer-link_1:hover { background:rgba(255,255,255,0.00)!important; color: rgba(255,166,25,1.00)!important; font-weight: normal!important; } .current-menu .footer-link_1{ background:rgba(255,255,255,0.00)!important; color: rgba(255,166,25,1.00)!important; font-weight: normal!important; } /*-------------------------- Navigation Design CSS ENDE -------------------------- */ /*-------------------------- Navigation vertical fixed left oder right ANFANG -------------------------- */ /*-------------------------- Navigation vertical fixed left oder right ENDE -------------------------- */ /*-------------------------- Layout CSS vtextblock (Header, Footer) ANFANG -------------------------- */ .v_textblock_section_638 { position:relative; display:flex; flex-wrap:wrap; align-items: flex-start; margin: 0px 0px 0px 0px; padding: 10px 0px 10px 0px; height: auto; background:rgba(0,102,169,1.00); } .v_textblock_wrapper_638{ padding: 20px 0px 20px 0px; margin: 0px 0px 0px 0px; background:rgba(255,255,255,0); position: relative; display: flex; flex-wrap: wrap; } .v_textblock_content_638 .col-md-1, .v_textblock_content_638 .col-md-2, .v_textblock_content_638 .col-md-3, .v_textblock_content_638 .col-md-4, .v_textblock_content_638 .col-md-5, .v_textblock_content_638 .col-md-6, .v_textblock_content_638 .col-md-7, .v_textblock_content_638 .col-md-8, .v_textblock_content_638 .col-md-9, .v_textblock_content_638 .col-md-10, .v_textblock_content_638 .col-md-11, .v_textblock_content_638 .col-md-12, .v_textblock_content_638 .col-sm-12, .v_textblock_content_638 .col-xs-12 { padding: 15px 15px 15px 15px; } .v_textblock_content_638{ position: relative; text-align: left; width: 100%; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: left; } /* barrierefrei */ .v_textblock_content_638 a:focus-visible { outline: 4px solid rgba(143, 0, 168, 1); } /* barrierefrei */ /* Schriften-Set ANFANG */ .v_textblock_content_638 { -webkit-text-fill-color: initial; color:rgba(0,0,0,1); font-size:17px; font-family:Roboto; font-weight:400; line-height:30px; letter-spacing:0px; text-decoration:none; text-transform:none; overflow-wrap: normal; word-wrap: normal; word-break: normal; hyphens: none; } .v_textblock_content_638 p { -webkit-text-fill-color: initial; color:rgba(0,0,0,1); font-size:17px; font-family:Roboto; font-weight:400; line-height:30px; letter-spacing:0px; text-decoration:none; text-transform:none; overflow-wrap: normal; word-wrap: normal; word-break: normal; hyphens: none; padding:0px 0px 0px 0px; margin:0; } .v_textblock_content_638 h1 { -webkit-text-fill-color: initial; color:rgba(0,102,169,1.00); font-size:35px; font-family:Roboto; font-weight:500; line-height:45px; letter-spacing:0px; text-decoration:none; text-transform:none; overflow-wrap: normal; word-wrap: normal; word-break: normal; hyphens: none; padding:0px 0px 20px 0px; margin:0; } .v_textblock_content_638 h1 a { font-size:35px !important; } .v_textblock_content_638 h2 { -webkit-text-fill-color: initial; color:rgba(0,102,169,1.00); font-size:28px; font-family:Roboto; font-weight:400; line-height:38px; letter-spacing:0px; text-decoration:none; text-transform:none; overflow-wrap: normal; word-wrap: normal; word-break: normal; hyphens: none; padding:0px 0px 20px 0px; margin:0; } .v_textblock_content_638 h2 a { font-size:28px !important; } .v_textblock_content_638 h3 { -webkit-text-fill-color: initial; color:rgba(0,0,0,1.00); font-size:25px; font-family:Roboto; font-weight:400; line-height:35px; letter-spacing:0px; text-decoration:none; text-transform:none; overflow-wrap: normal; word-wrap: normal; word-break: normal; hyphens: none; padding:20px 0px 20px 0px; margin:0; } .v_textblock_content_638 h3 a { font-size:25px !important; } .v_textblock_content_638 a { -webkit-text-fill-color: initial; color:rgba(0,0,0,1); font-size:17px; font-family:Roboto; font-weight:400; line-height:28px; letter-spacing:0px; text-decoration:underline; text-transform:none; overflow-wrap: normal; word-wrap: normal; word-break: normal; hyphens: none; padding:0px 0px 0px 0px; margin:0; display:inline; } .v_textblock_content_638 a:hover { -webkit-text-fill-color: initial; color:rgba(0,76,126,1.00); font-weight:300; text-decoration:none; } /* Schriften-Set ENDE */ /* Listenstyle ANFANG */ .v_textblock_content_638 ul { list-style: none; --icon-space: 35px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .v_textblock_content_638 ul li { padding:5px 0px 5px 0px; margin:0px 0px 0px 0px; color:rgba(0,0,0,1.00); font-size:16px; font-family:Roboto; font-weight:400; line-height:27px; letter-spacing:0px; text-transform:none; text-align:left; padding-left: var(--icon-space); text-decoration:none; height: 100%; } .v_textblock_content_638 ul li:last-child { border-bottom: 0px solid #fff!important; } .v_textblock_content_638 ul li::before { font-family:"Font Awesome 5 Free"; content:"\f00c"; background:rgba(0,0,0,1.00); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-size:18px; font-weight: 600!important; display: inline-block; margin-left: calc( var(--icon-space) * -1 ); width: var(--icon-space); position: absolute; } /* Listenstyle ENDE */ .v_textblock_section_626 { position:relative; display:flex; flex-wrap:wrap; align-items: center; margin: 0px 0px 0px 0px; padding: 40px 0px 40px 0px; height: auto; min-height: 320px; background: url(https://www.puro-personal.de/data/images/uploads/background/section/0928-1230_d_puro-personal.jpg); background-position-x: right; background-position-y: bottom; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; opacity: 1; } .v_textblock_wrapper_626{ padding: 0px 0px 0px 0px; margin: 0px 0px 4px 0px; background:rgba(255,255,255,0.00); position: relative; display: flex; flex-wrap: wrap; } .v_textblock_content_626 .col-md-1, .v_textblock_content_626 .col-md-2, .v_textblock_content_626 .col-md-3, .v_textblock_content_626 .col-md-4, .v_textblock_content_626 .col-md-5, .v_textblock_content_626 .col-md-6, .v_textblock_content_626 .col-md-7, .v_textblock_content_626 .col-md-8, .v_textblock_content_626 .col-md-9, .v_textblock_content_626 .col-md-10, .v_textblock_content_626 .col-md-11, .v_textblock_content_626 .col-md-12, .v_textblock_content_626 .col-sm-12, .v_textblock_content_626 .col-xs-12 { padding: 15px 15px 15px 15px; } .v_textblock_content_626 .row { align-items: center; } .v_textblock_content_626{ position: relative; text-align: center; width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } /* barrierefrei */ .v_textblock_content_626 a:focus-visible { outline: 4px solid rgba(143, 0, 168, 1); } /* barrierefrei */ /* Schriften-Set ANFANG */ .v_textblock_content_626 { -webkit-text-fill-color: initial; color:rgba(255,255,255,1.00); font-size:17px; font-family:Roboto; font-weight:400; line-height:30px; letter-spacing:0px; text-decoration:none; text-transform:none; overflow-wrap: normal; word-wrap: normal; word-break: normal; hyphens: none; } .v_textblock_content_626 p { -webkit-text-fill-color: initial; color:rgba(255,255,255,1.00); font-size:17px; font-family:Roboto; font-weight:400; line-height:30px; letter-spacing:0px; text-decoration:none; text-transform:none; overflow-wrap: normal; word-wrap: normal; word-break: normal; hyphens: none; padding:0px 0px 0px 0px; margin:0; } .v_textblock_content_626 h1 { -webkit-text-fill-color: initial; color:rgba(255,255,255,1.00); font-size:40px; font-family:Roboto; font-weight:400; line-height:42px; letter-spacing:0px; text-decoration:none; text-transform:none; overflow-wrap: normal; word-wrap: normal; word-break: normal; hyphens: none; padding:0px 0px 20px 0px; margin:0; } .v_textblock_content_626 h1 a { font-size:40px !important; } .v_textblock_content_626 h2 { -webkit-text-fill-color: initial; color:rgba(255,255,255,1.00); font-size:29px; font-family:Roboto; font-weight:400; line-height:36px; letter-spacing:0px; text-decoration:none; text-transform:none; overflow-wrap: normal; word-wrap: normal; word-break: normal; hyphens: none; padding:0px 0px 20px 0px; margin:0; } .v_textblock_content_626 h2 a { font-size:29px !important; } .v_textblock_content_626 h3 { -webkit-text-fill-color: initial; color:rgba(255,255,255,1.00); font-size:22px; font-family:Roboto; font-weight:400; line-height:28px; letter-spacing:0px; text-decoration:none; text-transform:none; overflow-wrap: normal; word-wrap: normal; word-break: normal; hyphens: none; padding:0px 0px 20px 0px; margin:0; } .v_textblock_content_626 h3 a { font-size:22px !important; } .v_textblock_content_626 a { -webkit-text-fill-color: initial; color:rgba(255,255,255,1.00); font-size:17px; font-family:Roboto; font-weight:400; line-height:28px; letter-spacing:0px; text-decoration:underline; text-transform:none; overflow-wrap: normal; word-wrap: normal; word-break: normal; hyphens: none; padding:0px 0px 0px 0px; margin:0; display:inline; } .v_textblock_content_626 a:hover { -webkit-text-fill-color: initial; color:rgba(0,76,126,1.00); font-weight:300; text-decoration:none; } /* Schriften-Set ENDE */ /* Listenstyle ANFANG */ .v_textblock_content_626 ul { list-style: none; --icon-space: 35px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .v_textblock_content_626 ul li { padding:5px 0px 5px 0px; margin:0px 0px 0px 0px; color:rgba(0,0,0,1.00); font-size:16px; font-family:Roboto; font-weight:400; line-height:27px; letter-spacing:0px; text-transform:none; text-align:left; padding-left: var(--icon-space); text-decoration:none; height: 100%; } .v_textblock_content_626 ul li:last-child { border-bottom: 0px solid #fff!important; } .v_textblock_content_626 ul li::before { font-family:"Font Awesome 5 Free"; content:"\f00c"; background:rgba(0,0,0,1.00); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-size:18px; font-weight: 600!important; display: inline-block; margin-left: calc( var(--icon-space) * -1 ); width: var(--icon-space); position: absolute; } /* Listenstyle ENDE */ .v_textblock_section_631 { position:relative; display:flex; flex-wrap:wrap; align-items: flex-start; margin: 0px 0px 0px 0px; padding: 10px 0px 10px 0px; height: auto; background:rgba(236,236,234,1.00); } .v_textblock_wrapper_631{ padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background:rgba(255,255,255,0.00); position: relative; display: flex; flex-wrap: wrap; } .v_textblock_content_631 .col-md-1, .v_textblock_content_631 .col-md-2, .v_textblock_content_631 .col-md-3, .v_textblock_content_631 .col-md-4, .v_textblock_content_631 .col-md-5, .v_textblock_content_631 .col-md-6, .v_textblock_content_631 .col-md-7, .v_textblock_content_631 .col-md-8, .v_textblock_content_631 .col-md-9, .v_textblock_content_631 .col-md-10, .v_textblock_content_631 .col-md-11, .v_textblock_content_631 .col-md-12, .v_textblock_content_631 .col-sm-12, .v_textblock_content_631 .col-xs-12 { padding: 15px 15px 15px 15px; } .v_textblock_content_631{ position: relative; text-align: left; width: 100%; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: left; } /* barrierefrei */ .v_textblock_content_631 a:focus-visible { outline: 4px solid rgba(143, 0, 168, 1); } /* barrierefrei */ /* Schriften-Set ANFANG */ .v_textblock_content_631 { -webkit-text-fill-color: initial; color:rgba(0,0,0,1.00); font-size:17px; font-family:Roboto; font-weight:400; line-height:30px; letter-spacing:0px; text-decoration:none; text-transform:none; overflow-wrap: normal; word-wrap: normal; word-break: normal; hyphens: none; } .v_textblock_content_631 p { -webkit-text-fill-color: initial; color:rgba(0,0,0,1.00); font-size:17px; font-family:Roboto; font-weight:400; line-height:30px; letter-spacing:0px; text-decoration:none; text-transform:none; overflow-wrap: normal; word-wrap: normal; word-break: normal; hyphens: none; padding:0px 0px 0px 0px; margin:0; } .v_textblock_content_631 h3 { -webkit-text-fill-color: initial; color:rgba(0,102,169,1.00); font-size:22px; font-family:Roboto; font-weight:400; line-height:26px; letter-spacing:0px; text-decoration:none; text-transform:none; overflow-wrap: normal; word-wrap: normal; word-break: normal; hyphens: none; padding:0px 0px 20px 0px; margin:0; } .v_textblock_content_631 h3 a { font-size:22px !important; } .v_textblock_content_631 a { -webkit-text-fill-color: initial; color:rgba(0,0,0,1.00); font-size:17px; font-family:Roboto; font-weight:400; line-height:28px; letter-spacing:0px; text-decoration:none; text-transform:none; overflow-wrap: normal; word-wrap: normal; word-break: normal; hyphens: none; padding:0px 0px 0px 0px; margin:0; display:inline; } .v_textblock_content_631 a:hover { -webkit-text-fill-color: initial; color:rgba(0,102,169,1.00); font-weight:normal; text-decoration:none; } /* Schriften-Set ENDE */ /* Listenstyle ANFANG */ .v_textblock_content_631 ul { list-style: none; --icon-space: 35px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .v_textblock_content_631 ul li { padding:5px 0px 5px 0px; margin:0px 0px 0px 0px; color:rgba(0,0,0,1.00); font-size:16px; font-family:Roboto; font-weight:400; line-height:27px; letter-spacing:0px; text-transform:none; text-align:left; padding-left: var(--icon-space); text-decoration:none; height: 100%; } .v_textblock_content_631 ul li:last-child { border-bottom: 0px solid #fff!important; } .v_textblock_content_631 ul li::before { font-family:"Font Awesome 5 Free"; content:"\f00c"; background:rgba(0,0,0,1.00); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-size:18px; font-weight: 600!important; display: inline-block; margin-left: calc( var(--icon-space) * -1 ); width: var(--icon-space); position: absolute; } /* Listenstyle ENDE */ .v_textblock_section_637 { position:relative; display:flex; flex-wrap:wrap; align-items: flex-start; margin: 0px 0px 0px 0px; padding: 40px 0px 40px 0px; height: auto; background:rgba(255,255,255,1); } .v_textblock_wrapper_637{ padding: 20px 0px 20px 0px; margin: 0px 0px 0px 0px; background:rgba(255,255,255,0); position: relative; display: flex; flex-wrap: wrap; } .v_textblock_content_637 .col-md-1, .v_textblock_content_637 .col-md-2, .v_textblock_content_637 .col-md-3, .v_textblock_content_637 .col-md-4, .v_textblock_content_637 .col-md-5, .v_textblock_content_637 .col-md-6, .v_textblock_content_637 .col-md-7, .v_textblock_content_637 .col-md-8, .v_textblock_content_637 .col-md-9, .v_textblock_content_637 .col-md-10, .v_textblock_content_637 .col-md-11, .v_textblock_content_637 .col-md-12, .v_textblock_content_637 .col-sm-12, .v_textblock_content_637 .col-xs-12 { padding: 15px 15px 15px 15px; } .v_textblock_content_637{ position: relative; text-align: left; width: 100%; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: left; } /* barrierefrei */ .v_textblock_content_637 a:focus-visible { outline: 4px solid rgba(143, 0, 168, 1); } /* barrierefrei */ /* Schriften-Set ANFANG */ .v_textblock_content_637 { -webkit-text-fill-color: initial; color:rgba(0,0,0,1.00); font-size:17px; font-family:Roboto; font-weight:400; line-height:30px; letter-spacing:0px; text-decoration:none; text-transform:none; overflow-wrap: normal; word-wrap: normal; word-break: normal; hyphens: none; } .v_textblock_content_637 p { -webkit-text-fill-color: initial; color:rgba(0,0,0,1.00); font-size:17px; font-family:Roboto; font-weight:400; line-height:30px; letter-spacing:0px; text-decoration:none; text-transform:none; overflow-wrap: normal; word-wrap: normal; word-break: normal; hyphens: none; padding:0px 0px 0px 0px; margin:0; } .v_textblock_content_637 h3 { -webkit-text-fill-color: initial; color:rgba(0,102,169,1.00); font-size:22px; font-family:Roboto; font-weight:400; line-height:26px; letter-spacing:0px; text-decoration:none; text-transform:none; overflow-wrap: normal; word-wrap: normal; word-break: normal; hyphens: none; padding:0px 0px 20px 0px; margin:0; } .v_textblock_content_637 h3 a { font-size:22px !important; } .v_textblock_content_637 a { -webkit-text-fill-color: initial; color:rgba(0,0,0,1.00); font-size:17px; font-family:Roboto; font-weight:400; line-height:28px; letter-spacing:0px; text-decoration:none; text-transform:none; overflow-wrap: normal; word-wrap: normal; word-break: normal; hyphens: none; padding:0px 0px 0px 0px; margin:0; display:inline; } .v_textblock_content_637 a:hover { -webkit-text-fill-color: initial; color:rgba(0,102,169,1.00); font-weight:normal; text-decoration:none; } /* Schriften-Set ENDE */ /* Listenstyle ANFANG */ .v_textblock_content_637 ul { list-style: none; --icon-space: 35px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .v_textblock_content_637 ul li { padding:5px 0px 5px 0px; margin:0px 0px 0px 0px; color:rgba(0,0,0,1.00); font-size:16px; font-family:Roboto; font-weight:400; line-height:27px; letter-spacing:0px; text-transform:none; text-align:left; padding-left: var(--icon-space); text-decoration:none; height: 100%; } .v_textblock_content_637 ul li:last-child { border-bottom: 0px solid #fff!important; } .v_textblock_content_637 ul li::before { font-family:"Font Awesome 5 Free"; content:"\f00c"; background:rgba(0,0,0,1.00); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-size:18px; font-weight: 600!important; display: inline-block; margin-left: calc( var(--icon-space) * -1 ); width: var(--icon-space); position: absolute; } /* Listenstyle ENDE */ /*-------------------------- Layout CSS vtextblock (Header, Footer) ENDE -------------------------- */ /*-------------------------- Inhalte/Content Sectionen Vorlagen ANFANG -------------------------- */ .v_textblock_section_826 { position:relative; display:flex; flex-wrap:wrap; align-items: flex-start; margin: 0px 0px 0px 0px; padding: 40px 0px 40px 0px; height: auto; } .v_textblock_section_826:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url(https://www.puro-personal.de/data/images/uploads/background/section/0119-1842_d_inner_1.jpg); background-position-x: center; background-position-y: top; background-size: cover; background-repeat: no-repeat; opacity: 1; z-index: 3; } .v_textblock_wrapper_826{ padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; min-height: 30vh; background:rgba(255,255,255,0.00); position: relative; display: flex; flex-wrap: wrap; z-index: 5; } .v_textblock_content_826 .col-md-1, .v_textblock_content_826 .col-md-2, .v_textblock_content_826 .col-md-3, .v_textblock_content_826 .col-md-4, .v_textblock_content_826 .col-md-5, .v_textblock_content_826 .col-md-6, .v_textblock_content_826 .col-md-7, .v_textblock_content_826 .col-md-8, .v_textblock_content_826 .col-md-9, .v_textblock_content_826 .col-md-10, .v_textblock_content_826 .col-md-11, .v_textblock_content_826 .col-md-12, .v_textblock_content_826 .col-sm-12, .v_textblock_content_826 .col-xs-12 { padding: 0px 0px 0px 0px; } .v_textblock_content_826{ position: relative; text-align: left; width: 100%; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: left; } /* barrierefrei */ .v_textblock_content_826 a:focus-visible { outline: 4px solid rgba(143, 0, 168, 1); } /* barrierefrei */ /* Schriften-Set ANFANG */ .v_textblock_content_826 { -webkit-text-fill-color: initial; color:rgba(0,0,0,1); font-size:17px; font-family:Roboto; font-weight:400; line-height:30px; letter-spacing:0px; text-decoration:none; text-transform:none; overflow-wrap: normal; word-wrap: normal; word-break: normal; hyphens: none; } .v_textblock_content_826 p { -webkit-text-fill-color: initial; color:rgba(0,0,0,1); font-size:17px; font-family:Roboto; font-weight:400; line-height:30px; letter-spacing:0px; text-decoration:none; text-transform:none; overflow-wrap: normal; word-wrap: normal; word-break: normal; hyphens: none; padding:0px 0px 0px 0px; margin:0; } .v_textblock_content_826 h1 { -webkit-text-fill-color: initial; color:rgba(0,102,169,1.00); font-size:35px; font-family:Roboto; font-weight:500; line-height:45px; letter-spacing:0px; text-decoration:none; text-transform:none; overflow-wrap: normal; word-wrap: normal; word-break: normal; hyphens: none; padding:0px 0px 20px 0px; margin:0; } .v_textblock_content_826 h1 a { font-size:35px !important; } .v_textblock_content_826 h2 { -webkit-text-fill-color: initial; color:rgba(0,102,169,1.00); font-size:28px; font-family:Roboto; font-weight:400; line-height:38px; letter-spacing:0px; text-decoration:none; text-transform:none; overflow-wrap: normal; word-wrap: normal; word-break: normal; hyphens: none; padding:0px 0px 20px 0px; margin:0; } .v_textblock_content_826 h2 a { font-size:28px !important; } .v_textblock_content_826 h3 { -webkit-text-fill-color: initial; color:rgba(0,0,0,1.00); font-size:25px; font-family:Roboto; font-weight:400; line-height:35px; letter-spacing:0px; text-decoration:none; text-transform:none; overflow-wrap: normal; word-wrap: normal; word-break: normal; hyphens: none; padding:20px 0px 20px 0px; margin:0; } .v_textblock_content_826 h3 a { font-size:25px !important; } .v_textblock_content_826 a { -webkit-text-fill-color: initial; color:rgba(0,0,0,1); font-size:17px; font-family:Roboto; font-weight:400; line-height:28px; letter-spacing:0px; text-decoration:underline; text-transform:none; overflow-wrap: normal; word-wrap: normal; word-break: normal; hyphens: none; padding:0px 0px 0px 0px; margin:0; display:inline; } .v_textblock_content_826 a:hover { -webkit-text-fill-color: initial; color:rgba(0,76,126,1.00); font-weight:300; text-decoration:none; } /* Schriften-Set ENDE */ /* Listenstyle ANFANG */ .v_textblock_content_826 ul { list-style: none; --icon-space: 35px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .v_textblock_content_826 ul li { padding:5px 0px 5px 0px; margin:0px 0px 0px 0px; color:rgba(0,0,0,1.00); font-size:16px; font-family:Roboto; font-weight:400; line-height:27px; letter-spacing:0px; text-transform:none; text-align:left; padding-left: var(--icon-space); text-decoration:none; height: 100%; } .v_textblock_content_826 ul li:last-child { border-bottom: 0px solid #fff!important; } .v_textblock_content_826 ul li::before { font-family:"Font Awesome 5 Free"; content:"\f00c"; background:rgba(0,0,0,1.00); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-size:18px; font-weight: 600!important; display: inline-block; margin-left: calc( var(--icon-space) * -1 ); width: var(--icon-space); position: absolute; } /* Listenstyle ENDE */ .v_textblock_section_827 { position:relative; display:flex; flex-wrap:wrap; align-items: flex-start; margin: 0px 0px 0px 0px; padding: 40px 0px 40px 0px; height: auto; background:rgba(255,255,255,1); } .v_textblock_wrapper_827{ padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; position: relative; display: flex; flex-wrap: wrap; z-index: 5; } .v_textblock_content_827 .col-md-1, .v_textblock_content_827 .col-md-2, .v_textblock_content_827 .col-md-3, .v_textblock_content_827 .col-md-4, .v_textblock_content_827 .col-md-5, .v_textblock_content_827 .col-md-6, .v_textblock_content_827 .col-md-7, .v_textblock_content_827 .col-md-8, .v_textblock_content_827 .col-md-9, .v_textblock_content_827 .col-md-10, .v_textblock_content_827 .col-md-11, .v_textblock_content_827 .col-md-12, .v_textblock_content_827 .col-sm-12, .v_textblock_content_827 .col-xs-12 { padding: 15px 15px 15px 15px; } .v_textblock_content_827{ position: relative; text-align: left; width: 100%; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: left; } /* barrierefrei */ .v_textblock_content_827 a:focus-visible { outline: 4px solid rgba(143, 0, 168, 1); } /* barrierefrei */ /* Schriften-Set ANFANG */ .v_textblock_content_827 { -webkit-text-fill-color: initial; color:rgba(0,0,0,1); font-size:17px; font-family:Roboto; font-weight:400; line-height:30px; letter-spacing:0px; text-decoration:none; text-transform:none; overflow-wrap: normal; word-wrap: normal; word-break: normal; hyphens: none; } .v_textblock_content_827 p { -webkit-text-fill-color: initial; color:rgba(0,0,0,1); font-size:17px; font-family:Roboto; font-weight:400; line-height:30px; letter-spacing:0px; text-decoration:none; text-transform:none; overflow-wrap: normal; word-wrap: normal; word-break: normal; hyphens: none; padding:0px 0px 0px 0px; margin:0; } .v_textblock_content_827 h1 { -webkit-text-fill-color: initial; color:rgba(0,102,169,1.00); font-size:35px; font-family:Roboto; font-weight:500; line-height:45px; letter-spacing:0px; text-decoration:none; text-transform:none; overflow-wrap: normal; word-wrap: normal; word-break: normal; hyphens: none; padding:0px 0px 20px 0px; margin:0; } .v_textblock_content_827 h1 a { font-size:35px !important; } .v_textblock_content_827 h2 { -webkit-text-fill-color: initial; color:rgba(0,102,169,1.00); font-size:28px; font-family:Roboto; font-weight:400; line-height:38px; letter-spacing:0px; text-decoration:none; text-transform:none; overflow-wrap: normal; word-wrap: normal; word-break: normal; hyphens: none; padding:0px 0px 20px 0px; margin:0; } .v_textblock_content_827 h2 a { font-size:28px !important; } .v_textblock_content_827 h3 { -webkit-text-fill-color: initial; color:rgba(0,0,0,1.00); font-size:25px; font-family:Roboto; font-weight:400; line-height:35px; letter-spacing:0px; text-decoration:none; text-transform:none; overflow-wrap: normal; word-wrap: normal; word-break: normal; hyphens: none; padding:20px 0px 20px 0px; margin:0; } .v_textblock_content_827 h3 a { font-size:25px !important; } .v_textblock_content_827 a { -webkit-text-fill-color: initial; color:rgba(0,0,0,1); font-size:17px; font-family:Roboto; font-weight:400; line-height:28px; letter-spacing:0px; text-decoration:underline; text-transform:none; overflow-wrap: normal; word-wrap: normal; word-break: normal; hyphens: none; padding:0px 0px 0px 0px; margin:0; display:inline; } .v_textblock_content_827 a:hover { -webkit-text-fill-color: initial; color:rgba(0,76,126,1.00); font-weight:300; text-decoration:none; } /* Schriften-Set ENDE */ /* Listenstyle ANFANG */ .v_textblock_content_827 ul { list-style: none; --icon-space: 35px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .v_textblock_content_827 ul li { padding:5px 0px 5px 0px; margin:0px 0px 0px 0px; color:rgba(0,0,0,1.00); font-size:16px; font-family:Roboto; font-weight:400; line-height:27px; letter-spacing:0px; text-transform:none; text-align:left; padding-left: var(--icon-space); text-decoration:none; height: 100%; } .v_textblock_content_827 ul li:last-child { border-bottom: 0px solid #fff!important; } .v_textblock_content_827 ul li::before { font-family:"Font Awesome 5 Free"; content:"\f00c"; background:rgba(0,0,0,1.00); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-size:18px; font-weight: 600!important; display: inline-block; margin-left: calc( var(--icon-space) * -1 ); width: var(--icon-space); position: absolute; } /* Listenstyle ENDE *//*-------------------------- Inhalte/Content Sectionen Vorlagen ENDE -------------------------- */ /*-------------------------- Inhalte/Content Sectionen Elemente ANFANG -------------------------- */ /*-------------------------- Inhalte/Content Sectionen Elemente ENDE -------------------------- */ /*-------------------------- Modul und Vorlagen CSS laden ANFANG -------------------------- */ /*-------------------------- m_iconset (1) ANFANG -------------------------- */ .iconset_1 { position: relative; padding: 0px 0px 0px 7px; display: inline-flex; align-items: center; vertical-align: middle; } .icon_1_21 a { font-weight: 400!important; color: rgba(255,255,255,1.00); position: relative!important; font-size: 28px!important; padding: 0px 5px 0px 5px !important; text-decoration: none!important; display:inherit!important; } .icon_1_21 a:hover { color: rgba(145,197,235,1.00); } /* barrierefrei */ .icon_1_21 a:focus { outline: 4px solid rgba(143, 0, 168, 1); } /* barrierefrei */ .sticky .icon_1_21 a { color: rgba(255,255,255,1.00); } .icon_1_20 a { font-weight: 400!important; color: rgba(255,255,255,1.00); position: relative!important; font-size: 28px!important; padding: 0px 5px 0px 5px !important; text-decoration: none!important; display:inherit!important; } .icon_1_20 a:hover { color: rgba(145,197,235,1.00); } /* barrierefrei */ .icon_1_20 a:focus { outline: 4px solid rgba(143, 0, 168, 1); } /* barrierefrei */ .sticky .icon_1_20 a { color: rgba(255,255,255,1.00); } .icon_1_5 a { font-weight: 400!important; color: rgba(255,255,255,1.00); position: relative!important; font-size: 28px!important; padding: 0px 5px 0px 5px !important; text-decoration: none!important; display:inherit!important; } .icon_1_5 a:hover { color: rgba(145,197,235,1.00); } /* barrierefrei */ .icon_1_5 a:focus { outline: 4px solid rgba(143, 0, 168, 1); } /* barrierefrei */ .sticky .icon_1_5 a { color: rgba(255,255,255,1.00); } .icon_1_51 a { font-weight: 400!important; color: rgba(255,255,255,1.00); position: relative!important; font-size: 28px!important; padding: 0px 3px 0px 0px !important; text-decoration: none!important; display:inherit!important; } .icon_1_51 a:hover { color: rgba(145, 197, 235, 1); } /* barrierefrei */ .icon_1_51 a:focus { outline: 4px solid rgba(143, 0, 168, 1); } /* barrierefrei */ .sticky .icon_1_51 a { color: rgba(255,255,255,1.00); } .icon_1_22 a { font-weight: 400!important; color: rgba(255,255,255,1.00); position: relative!important; font-size: 28px!important; padding: 0px 5px 0px 5px !important; text-decoration: none!important; display:inherit!important; } .icon_1_22 a:hover { color: rgba(145,197,235,1.00); } /* barrierefrei */ .icon_1_22 a:focus { outline: 4px solid rgba(143, 0, 168, 1); } /* barrierefrei */ .sticky .icon_1_22 a { color: rgba(255,255,255,1.00); } .icon_1_50 a { font-weight: 400!important; color: rgba(255,255,255,1.00); position: relative!important; font-size: 28px!important; padding: 0px 5px 0px 5px !important; text-decoration: none!important; display:inherit!important; } .icon_1_50 a:hover { color: rgba(145,197,235,1.00); } /* barrierefrei */ .icon_1_50 a:focus { outline: 4px solid rgba(143, 0, 168, 1); } /* barrierefrei */ .sticky .icon_1_50 a { color: rgba(255,255,255,1.00); } /*-------------------------- m_iconset (1) Ende -------------------------- */ /*-------------------------- m_iconset (9) ANFANG -------------------------- */ .iconset_9 { position: relative; padding: 0px 4px 0px 0px; display: inline-flex; align-items: center; vertical-align: middle; } .icon_9_43 a { font-weight: 400!important; color: rgba(255,255,255,1.00); position: relative!important; font-size: 22px!important; padding: 0px 5px 0px 5px !important; text-decoration: none!important; display:inherit!important; } .icon_9_43 a:hover { color: rgba(145,197,235,1.00); } /* barrierefrei */ .icon_9_43 a:focus { outline: 4px solid rgba(143, 0, 168, 1); } /* barrierefrei */ .sticky .icon_9_43 a { color: rgba(255,255,255,1.00); } .icon_9_44 a { font-weight: 400!important; color: rgba(255,255,255,1.00); position: relative!important; font-size: 22px!important; padding: 0px 5px 0px 5px !important; text-decoration: none!important; display:inherit!important; } .icon_9_44 a:hover { color: rgba(145,197,235,1.00); } /* barrierefrei */ .icon_9_44 a:focus { outline: 4px solid rgba(143, 0, 168, 1); } /* barrierefrei */ .sticky .icon_9_44 a { color: rgba(255,255,255,1.00); } .icon_9_45 a { font-weight: 400!important; color: rgba(255,255,255,1.00); position: relative!important; font-size: 22px!important; padding: 0px 5px 0px 5px !important; text-decoration: none!important; display:inherit!important; } .icon_9_45 a:hover { color: rgba(145,197,235,1.00); } /* barrierefrei */ .icon_9_45 a:focus { outline: 4px solid rgba(143, 0, 168, 1); } /* barrierefrei */ .sticky .icon_9_45 a { color: rgba(255,255,255,1.00); } .icon_9_47 a { font-weight: 400!important; color: rgba(255,255,255,1.00); position: relative!important; font-size: 22px!important; padding: 0px 5px 0px 5px !important; text-decoration: none!important; display:inherit!important; } .icon_9_47 a:hover { color: rgba(145,197,235,1.00); } /* barrierefrei */ .icon_9_47 a:focus { outline: 4px solid rgba(143, 0, 168, 1); } /* barrierefrei */ .sticky .icon_9_47 a { color: rgba(255,255,255,1.00); } .icon_9_46 a { font-weight: 400!important; color: rgba(255,255,255,1.00); position: relative!important; font-size: 22px!important; padding: 0px 5px 0px 5px !important; text-decoration: none!important; display:inherit!important; } .icon_9_46 a:hover { color: rgba(145,197,235,1.00); } /* barrierefrei */ .icon_9_46 a:focus { outline: 4px solid rgba(143, 0, 168, 1); } /* barrierefrei */ .sticky .icon_9_46 a { color: rgba(255,255,255,1.00); } /*-------------------------- m_iconset (9) Ende -------------------------- */ /*-------------------------- Modul und Vorlagen CSS laden ENDE -------------------------- */ /*-------------------------- Popup CSS ANFANG -------------------------- */ /*-------------------------- Popup CSS ENDE -------------------------- */ /*-------------------------- Floating CSS ANFANG -------------------------- */ /*-------------------------- Floating CSS ENDE -------------------------- */ /*-------------------------- Buttons CSS ANFANG -------------------------- */ .button_1 { display: inline-block!important; /* display: inline-block!important; */ background:rgba(0,0,0,1.00)!important; border: 2px solid rgba(0,0,0,1.00)!important; border-radius: 0px!important; padding:9px 37px 9px 38px!important; margin: 0px 0px 0px 0px!important; color:rgba(255,255,255,1)!important; text-transform:uppercase!important; text-align:center!important; font-family:Roboto!important; font-weight:600!important; font-size:13px!important; line-height: 13px!important; height: auto !important; } .i-button_1 { font-size: 16px!important; color: rgba(255,255,255,1.00)!important; margin: 0px 0px 0px 5px !important; } .button_1:hover { background:rgba(255,255,255,0.00)!important; border: 2px solid rgba(0,0,0,1)!important; color:rgba(0,0,0,1.00)!important; font-weight:600!important; animation: slideleft 0.5s!important; } .button_13 { display: inline-block!important; /* display: inline-block!important; */ background:rgba(0,0,0,1.00)!important; border: 2px solid rgba(0,0,0,1.00)!important; border-radius: 50px!important; padding:9px 37px 9px 38px!important; margin: 0px 0px 0px 0px!important; color:rgba(255,255,255,1)!important; text-transform:uppercase!important; text-align:center!important; font-family:Roboto!important; font-weight:600!important; font-size:15px!important; letter-spacing:0px!important; line-height: 15px!important; text-decoration: none!important; height: auto !important; } .i-button_13 { font-size: 16px!important; color: rgba(255,255,255,1.00)!important; margin: 0px 0px 0px 5px!important; } .button_13:hover { background:rgba(255,255,255,0.00)!important; border: 2px solid rgba(0,0,0,1.00)!important; color:rgba(0,0,0,1.00)!important; font-weight:600!important; animation: slideleft 0.5s!important; } .button_16 { display: inline-block!important; /* display: inline-block!important; */ background:rgba(0,0,0,1.00)!important; border: 2px solid rgba(0,0,0,1.00)!important; border-radius: 0px!important; padding:9px 37px 9px 38px!important; margin: 0px 0px 0px 0px!important; color:rgba(255,255,255,1)!important; text-transform:uppercase!important; text-align:center!important; font-family:Roboto!important; font-weight:600!important; font-size:13px!important; line-height: 13px!important; height: auto !important; } .i-button_16 { font-size: 16px!important; color: rgba(255,255,255,1.00)!important; margin: 0px 0px 0px 5px !important; } .button_16:hover { background:rgba(255,255,255,0.00)!important; border: 2px solid rgba(211, 32, 118, 1)!important; color:rgba(0,0,0,1.00)!important; font-weight:600!important; animation: slideleft 0.5s!important; } .button_17 { display: inline-block!important; /* display: inline-block!important; */ background:rgba(255,255,255,1.00)!important; border: 2px solid rgba(255,255,255,1.00)!important; border-radius: 0px!important; padding:9px 37px 9px 38px!important; margin: 0px 0px 0px 0px!important; color:rgba(0,0,0,1.00)!important; text-transform:uppercase!important; text-align:center!important; font-family:Roboto!important; font-weight:600!important; font-size:13px!important; line-height: 13px!important; height: auto !important; } .i-button_17 { font-size: 16px!important; color: rgba(255,255,255,1.00)!important; margin: 0px 0px 0px 5px !important; } .button_17:hover { background:rgba(0,0,0,1.00)!important; border: 2px solid rgba(0,0,0,1.00)!important; color:rgba(211, 32, 118, 1)!important; font-weight:600!important; animation: slideleft 0.5s!important; } .button_18 { display: inline-block!important; /* display: inline-block!important; */ background:rgba(255,255,255,1.00)!important; border: 2px solid rgba(255,255,255,1.00)!important; border-radius: 50px!important; padding:9px 37px 9px 38px!important; margin: 0px 0px 0px 0px!important; color:rgba(0,0,0,1.00)!important; text-transform:uppercase!important; text-align:center!important; font-family:Roboto!important; font-weight:600!important; font-size:15px!important; letter-spacing:0px!important; line-height: 15px!important; text-decoration: none!important; height: auto !important; } .i-button_18 { font-size: 16px!important; color: rgba(255,255,255,1.00)!important; margin: 0px 0px 0px 5px!important; } .button_18:hover { background:rgba(0,0,0,1.00)!important; border: 2px solid rgba(0,0,0,1.00)!important; color:rgba(255,255,255,1.00)!important; font-weight:600!important; } .button_34 { display: inline-block!important; /* display: inline-block!important; */ background:rgba(0,0,0,1.00)!important; border: 2px solid rgba(0,0,0,1.00)!important; border-radius: 50px!important; padding:9px 37px 9px 38px!important; margin: 0px 0px 0px 0px!important; color:rgba(255,255,255,1)!important; text-transform:uppercase!important; text-align:center!important; font-family:Roboto!important; font-weight:600!important; font-size:15px!important; letter-spacing:0px!important; line-height: 15px!important; text-decoration: none!important; height: auto !important; } .i-button_34 { font-size: 16px!important; color: rgba(255,255,255,1.00)!important; margin: 0px 0px 0px 5px!important; } .button_34:hover { background:rgba(255,255,255,0.00)!important; border: 2px solid rgba(0,0,0,1.00)!important; color:rgba(0,0,0,1.00)!important; font-weight:600!important; } .button_37 { display: inline-block!important; /* display: inline-block!important; */ background: linear-gradient(rgba(0,102,169,1.00), rgba(0,102,169,1.00)) padding-box, linear-gradient(90deg, rgba(151,158,69,1.00) 0%,rgba(145,197,235,1.00) 100%) border-box!important; border: 5px solid transparent!important; border-radius: 50px!important; padding:9px 37px 9px 38px!important; margin: 0px 0px 0px 0px!important; color:rgba(255,255,255,1)!important; text-transform:uppercase!important; text-align:center!important; font-family:Roboto!important; font-weight:600!important; font-size:15px!important; letter-spacing:0px!important; line-height: 15px!important; text-decoration: none!important; height: auto !important; } .i-button_37 { font-size: 16px!important; color: rgba(255,255,255,1.00)!important; margin: 0px 0px 0px 5px!important; } .button_37:hover { background: linear-gradient(rgba(204,224,238,1.00), rgba(204,224,238,1.00)) padding-box, linear-gradient(90deg, rgba(77,92,120,1.00) 0%,rgba(75,156,12,1.00) 100%) border-box!important; border: 5px solid transparent!important; color:rgba(0,0,0,1.00)!important; font-weight:600!important; } .button_37:after { font-family: "Font Awesome 5 Brands"; content: "\f270"; font-size:16px; color: rgba(255,255,255,1.00); padding: 0px 0px 0px 5px; font-weight: 600!important; } .button_37:hover:after { color: rgba(0,0,0,1.00)!important; } .button_37:hover:before { color: rgba(0,0,0,1.00)!important; } .button_39 { display: inline-block!important; /* display: inline-block!important; */ background: linear-gradient(rgba(0,102,169,1.00), rgba(0,102,169,1.00)) padding-box, linear-gradient(90deg, rgba(151,158,69,1.00) 0%,rgba(145,197,235,1.00) 100%) border-box!important; border: 5px solid transparent!important; border-radius: 50px!important; padding:9px 37px 9px 38px!important; margin: 0px 0px 0px 0px!important; color:rgba(255,255,255,1)!important; text-transform:uppercase!important; text-align:center!important; font-family:Roboto!important; font-weight:600!important; font-size:15px!important; letter-spacing:0px!important; line-height: 15px!important; text-decoration: none!important; height: auto !important; } .i-button_39 { font-size: 16px!important; color: rgba(255,255,255,1.00)!important; margin: 0px 0px 0px 5px!important; } .button_39:hover { background: linear-gradient(rgba(204,224,238,1.00), rgba(204,224,238,1.00)) padding-box, linear-gradient(90deg, rgba(77,92,120,1.00) 0%,rgba(75,156,12,1.00) 100%) border-box!important; border: 5px solid transparent!important; color:rgba(0,0,0,1.00)!important; font-weight:600!important; } .button_39:after { font-family: "Font Awesome 5 Brands"; content: "\f270"; font-size:16px; color: rgba(255,255,255,1.00); padding: 0px 0px 0px 5px; font-weight: 600!important; } .button_39:hover:after { color: rgba(0,0,0,1.00)!important; } .button_39:hover:before { color: rgba(0,0,0,1.00)!important; } /*-------------------------- Buttons CSS ENDE -------------------------- */ /*-------------------------- Animate CSS ANFANG -------------------------- */ .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce}@-webkit-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@keyframes swing{20%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(.9) rotate(-3deg);transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}@keyframes tada{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(.9) rotate(-3deg);-ms-transform:scale(.9) rotate(-3deg);transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);-ms-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);-ms-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0%);transform:translateX(0%)}15%{-webkit-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0%);transform:translateX(0%)}}@keyframes wobble{0%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}15%{-webkit-transform:translateX(-25%) rotate(-5deg);-ms-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg);-ms-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg);-ms-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg);-ms-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg);-ms-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);transform:scale(.9)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg);-ms-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg);-ms-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}}.flipInX{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg);-ms-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg);-ms-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}}.flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);-ms-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0) rotate(0deg);transform:translateX(0) rotate(0deg)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);-ms-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0) rotate(0deg);-ms-transform:translateX(0) rotate(0deg);transform:translateX(0) rotate(0deg)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.backInDown{-webkit-animation-name:backInDown;animation-name:backInDown}@-webkit-keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.backInLeft{-webkit-animation-name:backInLeft;animation-name:backInLeft}@-webkit-keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.backInRight{-webkit-animation-name:backInRight;animation-name:backInRight}@-webkit-keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.backInUp{-webkit-animation-name:backInUp;animation-name:backInUp}@-webkit-keyframes lightSpeedInRight{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInRight{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.lightSpeedInRight{-webkit-animation-name:lightSpeedInRight;animation-name:lightSpeedInRight;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedInLeft{0%{-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{-webkit-transform:skewX(-20deg);transform:skewX(-20deg);opacity:1}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInLeft{0%{-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{-webkit-transform:skewX(-20deg);transform:skewX(-20deg);opacity:1}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.lightSpeedInLeft{-webkit-animation-name:lightSpeedInLeft;animation-name:lightSpeedInLeft;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shakeX{-webkit-animation-name:shakeX;animation-name:shakeX}@-webkit-keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}@keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}.shakeY{-webkit-animation-name:shakeY;animation-name:shakeY}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}.heartBeat{-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-duration:calc(var(--animate-duration)*1.3);animation-duration:calc(var(--animate-duration)*1.3);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}/*-------------------------- Animate CSS ENDE -------------------------- */ .back-to-the-top { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; position: fixed; z-index: 850; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; line-height: 30px; background: rgba(0,102,169,1.00); color: rgba(255,255,255,1.00); cursor: pointer; border-radius: 0px; transition: 0.3s all; -webkit-transition: 0.3s all; -moz-transition: 0.3s all; -o-transition: 0.3s all; -ms-transition: 0.3s all; margin: 0px 20px 20px 0px ; text-decoration:none; } .back-to-the-top * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .back-to-the-top .fas { font-size:18px; } .back-to-the-top:hover, .back-to-the-top:visited, .back-to-the-top:focus { color: rgba(0,0,0,1.00); background: rgba(204,204,204,1); } .back-to-the-top.bttt-position { right: 0px; bottom: 0px; } .back-to-the-top.bttt-default { opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .back-to-the-top.bttt-default.bttt-active { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } /* Mobile */ @media screen and (min-width: 1px) and (max-width: 767px) { .mobileausblenden { display:none; } } /* Mobile */ /* Tablet */ @media screen and (min-width: 768px) and (max-width: 1024px) { } /* Tablet */ /* Desktop klein */ @media screen and (min-width: 1025px) and (max-width: 1199px) { } /* Desktop klein */ /* Desktop mittel */ @media screen and (min-width: 1200px) and (max-width: 1680px) { } /* Desktop mittel */ /* Desktop gross */ @media screen and (min-width: 1681px) and (max-width: 3000px) { } /* Desktop gross */ /* Tablet Sliderbilder portrait */ @media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { } /* Tablet Sliderbilder portrait */ /* ohne breakpoint */ .imagebordergrau { border: 1px solid rgba(228, 228, 228, 1); } .bilder_rahmen_grau { border: 1px solid rgba(228, 228, 228, 1); } .abgerundeteecken { border-radius:15px!important; } /* ohne breakpoint */ /* customcss_klassen ANFANG */ .padding20Prozent { padding:20%!important; } .padding10Prozent { padding:10%!important; } .padding5Prozent { padding:5%!important; } .padding80 { padding:80px!important; } .padding40 { padding:40px!important; } /* customcss_klassen ENDE *//*-------------------------- Lightbox ANFANG -------------------------- */ .lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity:.8;display:none}.lightbox{position:absolute;left:0;width:100%;z-index:10000;text-align:center;line-height:0;font-weight:400;outline:none}.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}.lb-outerContainer{position:relative;*zoom:1;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}.lb-outerContainer:after{content:"";display:table;clear:both}.lb-loader{position:absolute;top:43%;left:0;height:25%;width:100%;text-align:center;line-height:0}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(../module/m_lightbox/loading.gif) no-repeat}.lb-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}.lb-nav a{outline:none;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-dataContainer{margin:0 auto;padding-top:5px;*zoom:1;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{content:"";display:table;clear:both}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-caption a{color:#4ae}.lb-data .lb-number{display:none!important;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(../module/m_lightbox/close.png) top right no-repeat;text-align:right;outline:none;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);opacity:.7;-webkit-transition:opacity 0.2s;-moz-transition:opacity 0.2s;-o-transition:opacity 0.2s;transition:opacity 0.2s}.lb-data .lb-close:hover{cursor:pointer;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1} /*-------------------------- Lightbox ENDE -------------------------- */