/* -------------------------- fonts ANFANG -------------------------- */ @import "https://www.icomos.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.icomos.de/fonts/roboto/roboto-v27-latin-100.eot'); src: local(''), url('https://www.icomos.de/fonts/roboto/roboto-v27-latin-100.eot?#iefix') format('embedded-opentype'), url('https://www.icomos.de/fonts/roboto/roboto-v27-latin-100.woff2') format('woff2'), url('https://www.icomos.de/fonts/roboto/roboto-v27-latin-100.woff') format('woff'), url('https://www.icomos.de/fonts/roboto/roboto-v27-latin-100.ttf') format('truetype'), url('https://www.icomos.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.icomos.de/fonts/roboto/roboto-v27-latin-300.eot'); src: local(''), url('https://www.icomos.de/fonts/roboto/roboto-v27-latin-300.eot?#iefix') format('embedded-opentype'), url('https://www.icomos.de/fonts/roboto/roboto-v27-latin-300.woff2') format('woff2'), url('https://www.icomos.de/fonts/roboto/roboto-v27-latin-300.woff') format('woff'), url('https://www.icomos.de/fonts/roboto/roboto-v27-latin-300.ttf') format('truetype'), url('https://www.icomos.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.icomos.de/fonts/roboto/roboto-v27-latin-regular.eot'); src: local(''), url('https://www.icomos.de/fonts/roboto/roboto-v27-latin-regular.eot?#iefix') format('embedded-opentype'), url('https://www.icomos.de/fonts/roboto/roboto-v27-latin-regular.woff2') format('woff2'), url('https://www.icomos.de/fonts/roboto/roboto-v27-latin-regular.woff') format('woff'), url('https://www.icomos.de/fonts/roboto/roboto-v27-latin-regular.ttf') format('truetype'), url('https://www.icomos.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.icomos.de/fonts/roboto/roboto-v27-latin-500.eot'); src: local(''), url('https://www.icomos.de/fonts/roboto/roboto-v27-latin-500.eot?#iefix') format('embedded-opentype'), url('https://www.icomos.de/fonts/roboto/roboto-v27-latin-500.woff2') format('woff2'), url('https://www.icomos.de/fonts/roboto/roboto-v27-latin-500.woff') format('woff'), url('https://www.icomos.de/fonts/roboto/roboto-v27-latin-500.ttf') format('truetype'), url('https://www.icomos.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.icomos.de/fonts/roboto/roboto-v27-latin-700.eot'); src: local(''), url('https://www.icomos.de/fonts/roboto/roboto-v27-latin-700.eot?#iefix') format('embedded-opentype'), url('https://www.icomos.de/fonts/roboto/roboto-v27-latin-700.woff2') format('woff2'), url('https://www.icomos.de/fonts/roboto/roboto-v27-latin-700.woff') format('woff'), url('https://www.icomos.de/fonts/roboto/roboto-v27-latin-700.ttf') format('truetype'), url('https://www.icomos.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.icomos.de/fonts/roboto/roboto-v27-latin-900.eot'); src: local(''), url('https://www.icomos.de/fonts/roboto/roboto-v27-latin-900.eot?#iefix') format('embedded-opentype'), url('https://www.icomos.de/fonts/roboto/roboto-v27-latin-900.woff2') format('woff2'), url('https://www.icomos.de/fonts/roboto/roboto-v27-latin-900.woff') format('woff'), url('https://www.icomos.de/fonts/roboto/roboto-v27-latin-900.ttf') format('truetype'), url('https://www.icomos.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:300; line-height:28px; 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:300; 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; } h1 { -webkit-text-fill-color: initial; color:rgba(18,98,48,1.00); font-size:35px; font-family:Roboto; font-weight:400; 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(18,98,48,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:0px 0px 20px 0px; margin:0; } h2 a { font-size:25px !important; } h3 { -webkit-text-fill-color: initial; color:rgba(0,0,0,1.00); font-size:22px; font-family:Roboto; font-weight:400; line-height:32px; 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; } h3 a { font-size:22px !important; } a { -webkit-text-fill-color: initial; color:rgba(17,147,66,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; } a:hover { -webkit-text-fill-color: initial; color:rgba(0,0,0,1.00); font-weight:400; 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; } 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:; overflow-x: hidden; } .content { width:100%; } .content img { max-width:100%; /* height: auto; */ border-radius: px; } .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: px; width:100%; } .contentbg { background:; 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: #fff; background-color: ; border-color: ; vertical-align: top; text-align: left; } .table-striped tbody tr { background-color: ; } .table-striped tbody tr:nth-of-type(2n+1) { background-color: ; } .table td, .table th { padding: ; vertical-align: top; /*border-top: 1px solid #dee2e6;*/ } /* table */ pre { 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 ; } 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 -------------------------- */ /*-------------------------- 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(17,147,66,1.00)!important; font-weight: normal!important; } .current-menu .footer-link_1{ background:rgba(255,255,255,0.00)!important; color: rgba(17,147,66,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 -------------------------- */ /*-------------------------- Layout CSS vtextblock (Header, Footer) ENDE -------------------------- */ /*-------------------------- Inhalte/Content Sectionen Vorlagen ANFANG -------------------------- */ .v_textblock_section_789 { position:relative; display:flex; flex-wrap:wrap; align-items: flex-start; margin: 0px 0px 0px 0px; padding: 40px 0px 40px 0px; height: auto; min-height: 215px; } .v_textblock_section_789:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url(https://www.icomos.de/data/images/uploads/background/section/0420-1529_d_icomos-innerbanner.jpg); background-position-x: center; background-position-y: top; background-size: cover; background-repeat: no-repeat; opacity: 1; z-index: 3; } .v_textblock_wrapper_789{ padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background:rgba(255,255,255,0); position: relative; display: flex; flex-wrap: wrap; z-index: 5; } .v_textblock_content_789 .col-md-1, .v_textblock_content_789 .col-md-2, .v_textblock_content_789 .col-md-3, .v_textblock_content_789 .col-md-4, .v_textblock_content_789 .col-md-5, .v_textblock_content_789 .col-md-6, .v_textblock_content_789 .col-md-7, .v_textblock_content_789 .col-md-8, .v_textblock_content_789 .col-md-9, .v_textblock_content_789 .col-md-10, .v_textblock_content_789 .col-md-11, .v_textblock_content_789 .col-md-12, .v_textblock_content_789 .col-sm-12, .v_textblock_content_789 .col-xs-12 { padding: 15px 15px 15px 15px; } .v_textblock_content_789{ position: relative; text-align: left; width: 100%; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: left; } /* Schriften-Set ANFANG */ .v_textblock_content_789 { -webkit-text-fill-color: initial; color:rgba(0,0,0,1); font-size:17px; font-family:Roboto; font-weight:300; line-height:28px; letter-spacing:0px; text-decoration:none; text-transform:none; overflow-wrap: normal; word-wrap: normal; word-break: normal; hyphens: none; } .v_textblock_content_789 p { -webkit-text-fill-color: initial; color:rgba(0,0,0,1); font-size:17px; font-family:Roboto; font-weight:300; 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; } .v_textblock_content_789 h1 { -webkit-text-fill-color: initial; color:rgba(18,98,48,1.00); font-size:35px; font-family:Roboto; font-weight:400; 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_789 h1 a { font-size:35px !important; } .v_textblock_content_789 h2 { -webkit-text-fill-color: initial; color:rgba(18,98,48,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:0px 0px 20px 0px; margin:0; } .v_textblock_content_789 h2 a { font-size:25px !important; } .v_textblock_content_789 h3 { -webkit-text-fill-color: initial; color:rgba(0,0,0,1.00); font-size:22px; font-family:Roboto; font-weight:400; line-height:32px; 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_789 h3 a { font-size:22px !important; } .v_textblock_content_789 a { -webkit-text-fill-color: initial; color:rgba(17,147,66,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_789 a:hover { -webkit-text-fill-color: initial; color:rgba(0,0,0,1.00); font-weight:400; text-decoration:none; } /* Schriften-Set ENDE */ /* Listenstyle ANFANG */ .v_textblock_content_789 ul { list-style: none; --icon-space: 20px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .v_textblock_content_789 ul li { padding:7px 0px 7px 0px; margin:0px 0px 0px 0px; color:rgba(0,0,0,1.00); font-size:17px; font-family:Roboto; font-weight:300; 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_789 ul li:last-child { border-bottom: 0px solid #fff!important; } .v_textblock_content_789 ul li::before { font-family:"Font Awesome 5 Free"; content:"\f105"; background:rgba(18,98,48,1.00); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-size:20px; 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_783 { 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_783{ padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background:rgba(255,255,255,0); position: relative; display: flex; flex-wrap: wrap; z-index: 5; } .v_textblock_content_783 .col-md-1, .v_textblock_content_783 .col-md-2, .v_textblock_content_783 .col-md-3, .v_textblock_content_783 .col-md-4, .v_textblock_content_783 .col-md-5, .v_textblock_content_783 .col-md-6, .v_textblock_content_783 .col-md-7, .v_textblock_content_783 .col-md-8, .v_textblock_content_783 .col-md-9, .v_textblock_content_783 .col-md-10, .v_textblock_content_783 .col-md-11, .v_textblock_content_783 .col-md-12, .v_textblock_content_783 .col-sm-12, .v_textblock_content_783 .col-xs-12 { padding: 15px 15px 15px 15px; } .v_textblock_content_783{ position: relative; text-align: left; width: 100%; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: left; } /* Schriften-Set ANFANG */ .v_textblock_content_783 { -webkit-text-fill-color: initial; color:rgba(0,0,0,1); font-size:17px; font-family:Roboto; font-weight:300; line-height:28px; letter-spacing:0px; text-decoration:none; text-transform:none; overflow-wrap: normal; word-wrap: normal; word-break: normal; hyphens: none; } .v_textblock_content_783 p { -webkit-text-fill-color: initial; color:rgba(0,0,0,1); font-size:17px; font-family:Roboto; font-weight:300; 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; } .v_textblock_content_783 h1 { -webkit-text-fill-color: initial; color:rgba(18,98,48,1.00); font-size:35px; font-family:Roboto; font-weight:400; 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_783 h1 a { font-size:35px !important; } .v_textblock_content_783 h2 { -webkit-text-fill-color: initial; color:rgba(18,98,48,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:0px 0px 20px 0px; margin:0; } .v_textblock_content_783 h2 a { font-size:25px !important; } .v_textblock_content_783 h3 { -webkit-text-fill-color: initial; color:rgba(0,0,0,1.00); font-size:22px; font-family:Roboto; font-weight:400; line-height:32px; 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_783 h3 a { font-size:22px !important; } .v_textblock_content_783 a { -webkit-text-fill-color: initial; color:rgba(17,147,66,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_783 a:hover { -webkit-text-fill-color: initial; color:rgba(0,0,0,1.00); font-weight:400; text-decoration:none; } /* Schriften-Set ENDE */ /* Listenstyle ANFANG */ .v_textblock_content_783 ul { list-style: none; --icon-space: 20px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .v_textblock_content_783 ul li { padding:7px 0px 7px 0px; margin:0px 0px 0px 0px; color:rgba(0,0,0,1.00); font-size:17px; font-family:Roboto; font-weight:300; 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_783 ul li:last-child { border-bottom: 0px solid #fff!important; } .v_textblock_content_783 ul li::before { font-family:"Font Awesome 5 Free"; content:"\f105"; background:rgba(18,98,48,1.00); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-size:20px; 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 -------------------------- */ /*-------------------------- 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(18,98,48,1.00)!important; border: 2px solid rgba(18,98,48,1.00)!important; border-radius: 10px!important; padding:7px 20px 7px 30px!important; margin: 15px 0px 15px 0px!important; color:rgba(255,255,255,1)!important; text-transform:none!important; text-align:left!important; font-family:Roboto!important; font-weight:400!important; font-size:16px!important; letter-spacing:0px!important; line-height: 16px!important; text-decoration: none!important; height: auto !important; } .i-button_1 { font-size: 16px!important; color: rgba(255,255,255,1)!important; margin: 0px 0px 0px 8px!important; } .button_1: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:400!important; animation: slideleft 0.5s!important; } .button_1:after { font-family: "Font Awesome 5 Free"; content: "\f105"; font-size:16px; color: rgba(255,255,255,1); padding: 0px 0px 0px 8px; font-weight: 600!important; } .button_1:hover:after { color: rgba(255,255,255,1.00)!important; } .button_1:hover:before { color: rgba(255,255,255,1.00)!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:13px!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(211, 32, 118, 1)!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; 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; 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:13px!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(211, 32, 118, 1)!important; font-weight:600!important; animation: slideleft 0.5s!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: 10px!important; padding:7px 20px 7px 30px!important; margin: 15px 0px 15px 0px!important; color:rgba(255,255,255,1)!important; text-transform:none!important; text-align:left!important; font-family:Roboto!important; font-weight:400!important; font-size:16px!important; letter-spacing:0px!important; line-height: 16px!important; text-decoration: none!important; height: auto !important; } .i-button_34 { font-size: 16px!important; color: rgba(255,255,255,1)!important; margin: 0px 0px 0px 8px!important; } .button_34:hover { background:rgba(18,98,48,1.00)!important; border: 2px solid rgba(18,98,48,1.00)!important; color:rgba(255,255,255,1.00)!important; font-weight:400!important; animation: slideleft 0.5s!important; } .button_34:after { font-family: "Font Awesome 5 Free"; content: "\f105"; font-size:16px; color: rgba(255,255,255,1); padding: 0px 0px 0px 8px; font-weight: 600!important; } .button_34:hover:after { color: rgba(255,255,255,1.00)!important; } .button_34:hover:before { color: rgba(255,255,255,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: px; height: px; line-height: px; background: ; color: ; cursor: pointer; 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: ; 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:px; } .back-to-the-top:hover, .back-to-the-top:visited, .back-to-the-top:focus { color: ; background: ; } .back-to-the-top.bttt-position { 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 -------------------------- */