/* config */ /* Grid */ /* grid config */ /* config */ .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } @media (min-width: 768px) { .container { width: 720px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1170px; } } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .row { margin-left: -15px; margin-right: -15px; } .row.clearRow { margin-left: 0; margin-right: 0; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xl-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xl-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xl-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xl-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xl-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xl-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xl-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-gxl-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xl-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xl-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xl-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xl-12 { box-sizing: border-box; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; margin-bottom: 30px; } .col-xs-1.clear-padding, .col-sm-1.clear-padding, .col-md-1.clear-padding, .col-lg-1.clear-padding, .col-xl-1.clear-padding, .col-xs-2.clear-padding, .col-sm-2.clear-padding, .col-md-2.clear-padding, .col-lg-2.clear-padding, .col-xl-2.clear-padding, .col-xs-3.clear-padding, .col-sm-3.clear-padding, .col-md-3.clear-padding, .col-lg-3.clear-padding, .col-xl-3.clear-padding, .col-xs-4.clear-padding, .col-sm-4.clear-padding, .col-md-4.clear-padding, .col-lg-4.clear-padding, .col-xl-4.clear-padding, .col-xs-5.clear-padding, .col-sm-5.clear-padding, .col-md-5.clear-padding, .col-lg-5.clear-padding, .col-xl-5.clear-padding, .col-xs-6.clear-padding, .col-sm-6.clear-padding, .col-md-6.clear-padding, .col-lg-6.clear-padding, .col-xl-6.clear-padding, .col-xs-7.clear-padding, .col-sm-7.clear-padding, .col-md-7.clear-padding, .col-lg-7.clear-padding, .col-xl-7.clear-padding, .col-xs-8.clear-padding, .col-sm-8.clear-padding, .col-md-8.clear-padding, .col-lg-8.clear-padding, .col-gxl-8.clear-padding, .col-xs-9.clear-padding, .col-sm-9.clear-padding, .col-md-9.clear-padding, .col-lg-9.clear-padding, .col-xl-9.clear-padding, .col-xs-10.clear-padding, .col-sm-10.clear-padding, .col-md-10.clear-padding, .col-lg-10.clear-padding, .col-xl-10.clear-padding, .col-xs-11.clear-padding, .col-sm-11.clear-padding, .col-md-11.clear-padding, .col-lg-11.clear-padding, .col-xl-11.clear-padding, .col-xs-12.clear-padding, .col-sm-12.clear-padding, .col-md-12.clear-padding, .col-lg-12.clear-padding, .col-xl-12.clear-padding { padding-left: 0; padding-right: 0; } .col-xs-1.clear-bottom, .col-sm-1.clear-bottom, .col-md-1.clear-bottom, .col-lg-1.clear-bottom, .col-xl-1.clear-bottom, .col-xs-2.clear-bottom, .col-sm-2.clear-bottom, .col-md-2.clear-bottom, .col-lg-2.clear-bottom, .col-xl-2.clear-bottom, .col-xs-3.clear-bottom, .col-sm-3.clear-bottom, .col-md-3.clear-bottom, .col-lg-3.clear-bottom, .col-xl-3.clear-bottom, .col-xs-4.clear-bottom, .col-sm-4.clear-bottom, .col-md-4.clear-bottom, .col-lg-4.clear-bottom, .col-xl-4.clear-bottom, .col-xs-5.clear-bottom, .col-sm-5.clear-bottom, .col-md-5.clear-bottom, .col-lg-5.clear-bottom, .col-xl-5.clear-bottom, .col-xs-6.clear-bottom, .col-sm-6.clear-bottom, .col-md-6.clear-bottom, .col-lg-6.clear-bottom, .col-xl-6.clear-bottom, .col-xs-7.clear-bottom, .col-sm-7.clear-bottom, .col-md-7.clear-bottom, .col-lg-7.clear-bottom, .col-xl-7.clear-bottom, .col-xs-8.clear-bottom, .col-sm-8.clear-bottom, .col-md-8.clear-bottom, .col-lg-8.clear-bottom, .col-gxl-8.clear-bottom, .col-xs-9.clear-bottom, .col-sm-9.clear-bottom, .col-md-9.clear-bottom, .col-lg-9.clear-bottom, .col-xl-9.clear-bottom, .col-xs-10.clear-bottom, .col-sm-10.clear-bottom, .col-md-10.clear-bottom, .col-lg-10.clear-bottom, .col-xl-10.clear-bottom, .col-xs-11.clear-bottom, .col-sm-11.clear-bottom, .col-md-11.clear-bottom, .col-lg-11.clear-bottom, .col-xl-11.clear-bottom, .col-xs-12.clear-bottom, .col-sm-12.clear-bottom, .col-md-12.clear-bottom, .col-lg-12.clear-bottom, .col-xl-12.clear-bottom { margin-bottom: 0; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .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-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0%; } @media (min-width: 544px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .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-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0%; } } @media (min-width: 768px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .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-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0%; } } @media (min-width: 992px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .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-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0%; } } @media (min-width: 1200px) { .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 { float: left; } .col-xl-12 { width: 100%; } .col-xl-11 { width: 91.66666667%; } .col-xl-10 { width: 83.33333333%; } .col-xl-9 { width: 75%; } .col-xl-8 { width: 66.66666667%; } .col-xl-7 { width: 58.33333333%; } .col-xl-6 { width: 50%; } .col-xl-5 { width: 41.66666667%; } .col-xl-4 { width: 33.33333333%; } .col-xl-3 { width: 25%; } .col-xl-2 { width: 16.66666667%; } .col-xl-1 { width: 8.33333333%; } .col-xl-pull-12 { right: 100%; } .col-xl-pull-11 { right: 91.66666667%; } .col-xl-pull-10 { right: 83.33333333%; } .col-xl-pull-9 { right: 75%; } .col-xl-pull-8 { right: 66.66666667%; } .col-xl-pull-7 { right: 58.33333333%; } .col-xl-pull-6 { right: 50%; } .col-xl-pull-5 { right: 41.66666667%; } .col-xl-pull-4 { right: 33.33333333%; } .col-xl-pull-3 { right: 25%; } .col-xl-pull-2 { right: 16.66666667%; } .col-xl-pull-1 { right: 8.33333333%; } .col-xl-pull-0 { right: auto; } .col-xl-push-12 { left: 100%; } .col-xl-push-11 { left: 91.66666667%; } .col-xl-push-10 { left: 83.33333333%; } .col-xl-push-9 { left: 75%; } .col-xl-push-8 { left: 66.66666667%; } .col-xl-push-7 { left: 58.33333333%; } .col-xl-push-6 { left: 50%; } .col-xl-push-5 { left: 41.66666667%; } .col-xl-push-4 { left: 33.33333333%; } .col-xl-push-3 { left: 25%; } .col-xl-push-2 { left: 16.66666667%; } .col-xl-push-1 { left: 8.33333333%; } .col-xl-push-0 { left: auto; } .col-xl-offset-12 { margin-left: 100%; } .col-xl-offset-11 { margin-left: 91.66666667%; } .col-xl-offset-10 { margin-left: 83.33333333%; } .col-xl-offset-9 { margin-left: 75%; } .col-xl-offset-8 { margin-left: 66.66666667%; } .col-xl-offset-7 { margin-left: 58.33333333%; } .col-xl-offset-6 { margin-left: 50%; } .col-xl-offset-5 { margin-left: 41.66666667%; } .col-xl-offset-4 { margin-left: 33.33333333%; } .col-xl-offset-3 { margin-left: 25%; } .col-xl-offset-2 { margin-left: 16.66666667%; } .col-xl-offset-1 { margin-left: 8.33333333%; } .col-xl-offset-0 { margin-left: 0%; } } .clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after { content: " "; display: table; } .clearfix:after, .container:after, .container-fluid:after, .row:after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .hide-xs { display: none; } @media (min-width: 544px) { .hide-sm { display: none; } } @media (min-width: 768px) { .hide-md { display: none; } } @media (min-width: 992px) { .hide-lg { display: none; } } @media (min-width: 1200px) { .hide-xl { display: none; } } .show { display: block !important; } .show-xs { display: block; } @media (min-width: 544px) { .show-sm { display: block; } } @media (min-width: 768px) { .show-md { display: block; } } @media (min-width: 992px) { .show-lg { display: block; } } @media (min-width: 1200px) { .show-xl { display: block; } } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .affix { position: fixed; } .clear-bottom { margin-bottom: 0 !important; } @font-face { font-family: 'dearjoe6'; src: url('../font/dearjoe_6-webfont.woff2') format('woff2'), url('../font/dearjoe_6-webfont.woff') format('woff'), url('../font/dearjoe_6-webfont.ttf') format('truetype'), url('../font/dearjoe_6-webfont.svg#dearjoe_6regular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'icon-sub-navigation'; src: url('../font/nav-icons/icon-sub-navigation.eot?xqldbr'); src: url('../font/nav-icons/icon-sub-navigation.eot?#iefixxqldbr') format('embedded-opentype'), url('../font/nav-icons/icon-sub-navigation.ttf?xqldbr') format('truetype'), url('../font/nav-icons/icon-sub-navigation.woff?xqldbr') format('woff'), url('../font/nav-icons/icon-sub-navigation.svg?xqldbr#icomoon') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'start-icon'; src: url('../font/nav-icons/start-icons.eot?xqldbr'); src: url('../font/nav-icons/start-icons.eot?#iefixxqldbr') format('embedded-opentype'), url('../font/nav-icons/start-icons.ttf?xqldbr') format('truetype'), url('../font/nav-icons/start-icons.woff?xqldbr') format('woff'), url('../font/nav-icons/start-icons.svg?xqldbr#icomoon') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'eap'; src: url('../font/nav-icons/eap.eot?tjioa0'); src: url('../font/nav-icons/eap.eot?tjioa0#iefix') format('embedded-opentype'), url('../font/nav-icons/eap.ttf?tjioa0') format('truetype'), url('../font/nav-icons/eap.woff?tjioa0') format('woff'), url('../font/nav-icons/eap.svg?tjioa0#eap') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { font-family: 'icon-sub-navigation'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="start-icon-"], [class*="start-icon-"] { font-family: 'start-icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="iconv2-"], [class*=" iconv2-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'eap' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .iconv2-eap:before { content: "\e900"; } .start-icon-analyse:before { content: "\e600"; } .start-icon-loesungen:before { content: "\e601"; } .start-icon-strategie:before { content: "\e602"; } .icon-arbeitsmedizin:before { content: "\e60b"; } .icon-arbeitssicherheit:before { content: "\e60c"; } .icon-besondere_leistungen:before { content: "\e600"; } .icon-bgm:before { content: "\e60e"; } .icon-physische_gesundheit:before { content: "\e60f"; } .icon-psychische_gesundheit:before { content: "\e610"; } .icon-soziale_gesundheit:before { content: "\e608"; } .icon-ausbildung:before { content: "\e602"; } .icon-fachliche_assistenz:before { content: "\e603"; } .icon-kaufmaennische_berufe:before { content: "\e604"; } .icon-praktikum:before { content: "\e606"; } .icon-technische_berufe:before { content: "\e609"; } .icon-weiterbildung_arbeitsmedizin:before { content: "\e60a"; } /* ANIMATIONEN */ @-webkit-keyframes scrollBtn { 0% { bottom: 120px; opacity: 1; -webkit-animation-timing-function: ease-in; } 11.25% { bottom: 20px; opacity: 1; -webkit-animation-timing-function: ease-out; } 16.65% { bottom: 50px; -webkit-animation-timing-function: ease-in; opacity: 1; } 22.5% { bottom: 20px; opacity: 1; } 90% { bottom: 20px; opacity: 1; } 100% { bottom: 120px; opacity: 1; } } @keyframes scrollBtn { 0% { bottom: 120px; opacity: 1; animation-timing-function: ease-in; } 11.25% { bottom: 20px; opacity: 1; animation-timing-function: ease-out; } 16.65% { bottom: 50px; animation-timing-function: ease-in; opacity: 1; } 22.5% { bottom: 20px; opacity: 1; } 90% { bottom: 20px; opacity: 1; } 100% { bottom: 120px; opacity: 1; } } /* Balloon */ @keyframes balloonBack { 0% { transform: scale(1); } 100% { transform: scale(0.7); } } @-webkit-keyframes balloonBack { 0% { -webkit-transform: scale(1); } 100% { -webkit-transform: scale(0.7); } } @keyframes balloon { 0% { transform: scale(0.7); } 100% { transform: scale(1); } } @-webkit-keyframes balloon { 0% { -webkit-transform: scale(0.7); } 100% { -webkit-transform: scale(1); } } /* ANIMATION Future */ /* Nozzle */ @keyframes nozzle { 0% { width: 10%; top: 90%; } 50% { width: 8%; top: 86%; } 100% { width: 10%; top: 90%; } } @-webkit-keyframes nozzle { 0% { width: 10%; top: 90%; } 50% { width: 8%; top: 86%; } 100% { width: 10%; top: 90%; } } /* Afterbruner */ @keyframes afterburner { 0% { width: 60%; top: 15%; } 50% { width: 55%; top: 17%; } 100% { width: 60%; top: 15%; } } @-webkit-keyframes afterburner { 0% { width: 60%; top: 15%; } 50% { width: 55%; top: 17%; } 100% { width: 60%; top: 15%; } } /* Future Bus */ @keyframes futureCloud { 0% { left: 100%; opacity: 0; } 10% { opacity: 1; } 90% { opacity: 1; } 100% { left: 0; opacity: 0; } } @-webkit-keyframes futureCloud { 0% { left: 100%; opacity: 0; } 10% { opacity: 1; } 90% { opacity: 1; } 100% { left: 0; opacity: 0; } } /* Future Bus */ @keyframes futureBus { 0% { top: 18%; transform: rotate(3deg); } 50% { top: 46%; transform: rotate(-3deg); } 100% { top: 18%; transform: rotate(3deg); } } @-webkit-keyframes futureBus { 0% { top: 18%; -webkit-transform: rotate(-3deg); } 50% { top: 46%; -webkit-transform: rotate(3deg); } 100% { top: 18%; -webkit-transform: rotate(-3deg); } } /* exhaust plume */ @keyframes exhaustPlume { 0% { background-position: 0 0, -25% 35%; } 100% { background-position: 0 0, 100% 35%; } } @-webkit-keyframes exhaustPlume { 0% { background-position: 0 0, -25% 35%; } 100% { background-position: 0 0, 100% 35%; } } /* ANIMATIONEN 01 */ /* HAUS */ @-moz-keyframes hausplopp { 0% { opacity: 0; bottom: 0; -moz-transform: scale(0.7); z-index: 0; } 100% { opacity: 1; bottom: 75px; -moz-transform: scale(1); z-index: 2; } } /* @-ms-keyframes hausplopp { 0% { opacity:0; bottom:0; transform: scale(0.7); z-index:0; } 100% { opacity:1; bottom:75px; transform: scale(1); z-index:2; } } @-webkit-keyframes hausplopp { 0% { opacity:0; bottom:0; -webkit-transform: scale(0.7); z-index:0; } 100% { opacity:1; bottom:0; -webkit-transform: scale(1); z-index:2; } }*/ @keyframes hausplopp { 0% { opacity: 0; bottom: 0; transform: scale(0.7); z-index: 0; } 100% { opacity: 1; bottom: 0; transform: scale(1); z-index: 2; } } @-moz-keyframes slideLeft { 0% { left: 600px; } 100% { left: 20px; } } @-ms-keyframes slideLeft { 0% { left: 600px; } 100% { left: 20px; } } @-webkit-keyframes slideLeft { 0% { left: 600px; } 100% { left: 20px; } } @keyframes slideLeft { 0% { left: 600px; } 100% { left: 20px; } } @-moz-keyframes slideLeftBaum { 0% { left: 800px; } 100% { left: 225px; } } @-ms-keyframes slideLeftBaum { 0% { left: 800px; } 100% { left: 225px; } } @-webkit-keyframes slideLeftBaum { 0% { left: 800px; } 100% { left: 225px; } } @keyframes slideLeftBaum { 0% { left: 800px; } 100% { left: 225px; } } /* @-moz-keyframes hausplopp-back { 0% { opacity:1; bottom:12%; -moz-transform: scale(1); z-index:2; } 100% { opacity:0; bottom:0; -moz-transform: scale(0.7); z-index:0; } } @-ms-keyframes hausplopp-back { 0% { opacity:1; bottom:12%; transform: scale(1); z-index:2; } 100% { opacity:0; bottom:0; transform: scale(0.7); z-index:0; } }*/ @-webkit-keyframes hausplopp-back { 0% { opacity: 1; -webkit-transform: scale(1); z-index: 2; } 100% { opacity: 0; bottom: 0; -webkit-transform: scale(0.7); z-index: 0; } } @keyframes hausplopp-back { 0% { opacity: 1; transform: scale(1); z-index: 2; } 100% { opacity: 0; transform: scale(0.7); z-index: 0; } } @-webkit-keyframes kippen { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(91deg); } } @keyframes kippen { 0% { transform: rotate(0deg); } 100% { transform: rotate(-91deg); } } @-webkit-keyframes gift { 0% { opacity: 0; -webkit-transform: scale(0.75); } 10% { opacity: 1; -webkit-transform: scale(0.75); } 100% { opacity: 1; -webkit-transform: scale(1); } } @keyframes gift { 0% { opacity: 0; transform: scale(0.75); } 10% { opacity: 1; transform: scale(0.75); } 100% { opacity: 1; transform: scale(1); } } @-webkit-keyframes rauchAni { 0% { top: 100%; } 100% { top: -260%; } } @keyframes rauchAni { 0% { top: 100%; } 100% { top: -260%; } } @-webkit-keyframes giftBlase { 0% { opacity: 0; -webkit-transform: scale(0.45); } 10% { opacity: 1; -webkit-transform: scale(0.45); } 50% { opacity: 1; -webkit-transform: scale(0.75); } 60% { opacity: 0; -webkit-transform: scale(0.75); } 100% { opacity: 0; -webkit-transform: scale(0.75); } } @keyframes giftBlase { 0% { opacity: 0; transform: scale(0.45); } 10% { opacity: 1; transform: scale(0.45); } 50% { opacity: 1; transform: scale(0.75); } 60% { opacity: 0; transform: scale(0.75); } 100% { opacity: 0; transform: scale(0.75); } } /* // Haus */ /* AUTO */ /* @-moz-keyframes medimobil { 0% { left:500px; opacity:0; } 10%{ left:500px; opacity:1; } 100% { left:20px; opacity:1; } } @-ms-keyframes medimobil { 0% { left:500px; opacity:0; } 10%{ left:500px; opacity:1; } 100% { left:20px; opacity:1; } }*/ @-webkit-keyframes medimobil { 0% { left: 66%; opacity: 0; } 10% { left: 66%; opacity: 1; } 100% { left: 2%; opacity: 1; } } @keyframes medimobil { 0% { left: 66%; opacity: 0; } 10% { left: 66%; opacity: 1; } 100% { left: 2%; opacity: 1; } } /* @-ms-keyframes medimobil-referenzen { 0% { left:550px; opacity:1; } 100% { left:50px; opacity:1; } }*/ @-webkit-keyframes medimobil-referenzen { 0% { left: 550px; opacity: 1; } 100% { left: 50px; opacity: 1; } } @keyframes medimobil-referenzen { 0% { left: 550px; opacity: 1; } 100% { left: 50px; opacity: 1; } } /* @-moz-keyframes auto { 0% { left:20px; opacity:0; } 10%{ left:20px; opacity:1; } 100% { left:500px; opacity:1; } } @-ms-keyframes auto { 0% { left:20px; opacity:0; } 10%{ left:20px; opacity:1; } 100% { left:500px; opacity:1; } }*/ @-webkit-keyframes auto { 0% { left: 2%; opacity: 0; } 10% { left: 2%; opacity: 1; } 100% { left: 66%; opacity: 1; } } @keyframes auto { 0% { left: 2%; opacity: 0; } 10% { left: 2%; opacity: 1; } 100% { left: 66%; opacity: 1; } } /* @-moz-keyframes auto-hide { 0% { opacity:1; left:500px; } 100% { opacity:0; left:500px; } } @-ms-keyframes auto-hide { 0% { opacity:1; left:500px; } 100% { opacity:0; left:500px; } }*/ @-webkit-keyframes auto-hide { 0% { opacity: 1; left: 66%; } 100% { opacity: 0; left: 66%; } } @keyframes auto-hide { 0% { opacity: 1; left: 66%; } 100% { opacity: 0; left: 66%; } } /* @-moz-keyframes geld { 0% { opacity:0; top: 100px; left: 100px; width:20px; height:20px; } 10% { opacity:1; top: 100px; left: 100px; width:20px; height:20px; } 50%{ opacity:1; top: 50px; left: 50px; width:40px; height:40px; } 90%{ opacity:1; top: 0px; left: 0px; width:55px; height:55px; } 100%{ opacity:0; top: 0px; left: 0px; width:55px; height:55px; } } @-ms-keyframes geld { 0% { opacity:0; top: 100px; left: 100px; width:20px; height:20px; } 10% { opacity:1; top: 100px; left: 100px; width:20px; height:20px; } 50%{ opacity:1; top: 50px; left: 50px; width:40px; height:40px; } 90%{ opacity:1; top: 0px; left: 0px; width:55px; height:55px; } 100%{ opacity:0; top: 0px; left: 0px; width:55px; height:55px; } }*/ @-webkit-keyframes geld { 0% { opacity: 0; bottom: 5%; left: 37%; width: 10%; } 10% { opacity: 1; bottom: 5%; left: 37%; width: 10%; } 90% { opacity: 1; bottom: 100%; left: 0; width: 22%; } 100% { opacity: 0; bottom: 105%; left: -5%; width: 22%; } } @keyframes geld { 0% { opacity: 0; bottom: 5%; left: 37%; width: 10%; } 10% { opacity: 1; bottom: 5%; left: 37%; width: 10%; } 90% { opacity: 1; bottom: 100%; left: 0; width: 22%; } 100% { opacity: 0; bottom: 105%; left: -5%; width: 22%; } } @keyframes geldplums { 0% { opacity: 0; bottom: 43%; } 10% { opacity: 1; } 100% { bottom: 23%; opacity: 1; } } @-webkit-keyframes geldplums { 0% { opacity: 0; bottom: 43%; } 10% { opacity: 1; } 100% { bottom: 23%; opacity: 1; } } /* // Auto */ /* WOLKEN */ @-webkit-keyframes wolken { 0% { left: -10%; } 100% { left: 110%; } } @-ms-keyframes wolken { 0% { left: 80%; } 100% { left: 180%; } } @-moz-keyframes wolken { 0% { left: 80%; } 100% { left: 180%; } } @keyframes wolken { 0% { left: 80%; } 100% { left: 180%; } } @-moz-keyframes wolken2 { 0% { left: 20%; } 100% { left: 120%; } } @-ms-keyframes wolken2 { 0% { left: 20%; } 100% { left: 120%; } } @-webkit-keyframes wolken2 { 0% { left: 20%; } 100% { left: 120%; } } @keyframes wolken2 { 0% { left: 20%; } 100% { left: 120%; } } @-moz-keyframes wolken3 { 0% { left: 60%; } 100% { left: 160%; } } @-ms-keyframes wolken3 { 0% { left: 60%; } 100% { left: 160%; } } @-webkit-keyframes wolken3 { 0% { left: 60%; } 100% { left: 160%; } } @keyframes wolken3 { 0% { left: 60%; } 100% { left: 160%; } } /* Vision Cloud */ @keyframes visionCloud { 0% { left: 0%; opacity: 0; } 10% { opacity: 1; } 90% { opacity: 1; } 100% { left: 100%; opacity: 0; } } @-webkit-keyframes visionCloud { 0% { left: 0%; opacity: 0; } 10% { opacity: 1; } 90% { opacity: 1; } 100% { left: 100%; opacity: 0; } } @-moz-keyframes wolken4 { 100% { left: 120%; } } @-ms-keyframes wolken4 { 100% { left: 120%; } } @-webkit-keyframes wolken4 { 100% { left: 120%; } } @keyframes wolken4 { 100% { left: 120%; } } /* // Wolken */ /* @-moz-keyframes sonne { 0% { background-position:50% 0%; } 100% { background-position:50% 100%; } } @-ms-keyframes sonne { 0% { background-position:50% 0%; } 100% { background-position:50% 100%; } }*/ @-webkit-keyframes sonne { 0% { background-position: 50% 0%; } 100% { background-position: 50% 100%; } } @keyframes sonne { 0% { background-position: 50% 0%; } 100% { background-position: 50% 100%; } } @-webkit-keyframes sonneRefe { 0% { background-position: 50% 0%; } 100% { background-position: 50% 70%; } } @keyframes sonneRefe { 0% { background-position: 50% 0%; } 100% { background-position: 50% 70%; } } @-webkit-keyframes sonneDown { 0% { background-position: 50% 80%; } 100% { background-position: 50% 0%; } } @keyframes sonneDown { 0% { background-position: 50% 80%; } 100% { background-position: 50% 0%; } } /* UHR */ @-moz-keyframes rotate { 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); } 100% { transform: rotate(180deg); } } @-ms-keyframes rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(180deg); } } @-webkit-keyframes rotate { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(180deg); } } @keyframes rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(180deg); } } @-moz-keyframes rotate-back { 0% { -moz-transform: rotate(180deg); } 100% { -moz-transform: rotate(0deg); } } @-ms-keyframes rotate-back { 0% { transform: rotate(180deg); } 100% { transform: rotate(0deg); } } @-webkit-keyframes rotate-back { 0% { -webkit-transform: rotate(180deg); } 100% { -webkit-transform: rotate(0deg); } } @keyframes rotate-back { 0% { transform: rotate(180deg); } 100% { transform: rotate(0deg); } } @-moz-keyframes rotate-back2 { 0% { -moz-transform: rotate(0); } 100% { -moz-transform: rotate(-180deg); } } @-ms-keyframes rotate-back2 { 0% { transform: rotate(0); } 100% { transform: rotate(-180deg); } } @-webkit-keyframes rotate-back2 { 0% { -webkit-transform: rotate(0); } 100% { -webkit-transform: rotate(-180deg); } } @keyframes rotate-back2 { 0% { transform: rotate(0); } 100% { transform: rotate(-180deg); } } @-moz-keyframes in { 0% { opacity: 0; } 100% { opacity: 1; } } @-ms-keyframes in { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes in { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes out { 0% { opacity: 1; } 100% { opacity: 0; } } @-ms-keyframes out { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes out { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes out { 0% { opacity: 1; } 100% { opacity: 0; } } /* // Uhr */ /* LEISTUNGEN ARR */ @-moz-keyframes rotate360 { 100% { -moz-transform: rotate(360deg); } } @-ms-keyframes rotate360 { 100% { transform: rotate(360deg); } } @-webkit-keyframes rotate360 { 100% { -webkit-transform: rotate(360deg); } } @keyframes rotate360 { 100% { transform: rotate(360deg); } } /* // Leistungen Arr*/ /* ANIMATION 02 */ @-webkit-keyframes plopp { 0% { opacity: 0; -webkit-transform: scale(0.7); } 20% { opacity: 1; } 100% { opacity: 1; -webkit-transform: scale(1); } } @-moz-keyframes plopp { 0% { opacity: 0; -moz-transform: scale(0.7); } 20% { opacity: 1; } 100% { opacity: 1; -moz-transform: scale(1); } } @-ms-keyframes plopp { 0% { opacity: 0; transform: scale(0.7); } 20% { opacity: 1; } 100% { opacity: 1; transform: scale(1); } } @keyframes plopp { 0% { opacity: 0; transform: scale(0.7); } 20% { opacity: 1; } 100% { opacity: 1; transform: scale(1); } } @-moz-keyframes ploppOut { 0% { opacity: 1; -moz-transform: scale(1); } 80% { opacity: 1; } 100% { opacity: 0; -moz-transform: scale(0.7); } } @-webkit-keyframes ploppOut { 0% { opacity: 1; -webkit-transform: scale(1); } 80% { opacity: 1; } 100% { opacity: 0; -webkit-transform: scale(0.7); } } @keyframes ploppOut { 0% { opacity: 1; transform: scale(1); } 80% { opacity: 1; } 100% { opacity: 0; transform: scale(0.7); } } @-webkit-keyframes ploppSpan { 0% { opacity: 0; margin-top: 0; margin-left: 0; -webkit-transform: scale(0.7); } 50% { opacity: 1; } 100% { opacity: 0; margin-top: 100px; margin-left: 100px; -webkit-transform: scale(2); } } @-moz-keyframes ploppSpan { 0% { opacity: 0; margin-top: 0; margin-left: 0; -moz-transform: scale(0.7); } 50% { opacity: 1; } 100% { opacity: 0; margin-top: 100px; margin-left: 100px; -moz-transform: scale(2); } } @-ms-keyframes ploppSpan { 0% { opacity: 0; margin-top: 0; margin-left: 0; transform: scale(0.7); } 50% { opacity: 1; } 100% { opacity: 0; margin-top: 100px; margin-left: 100px; transform: scale(2); } } @keyframes ploppSpan { 0% { opacity: 0; margin-top: 0; margin-left: 0; transform: scale(0.7); } 50% { opacity: 1; } 100% { opacity: 0; margin-top: 100px; margin-left: 100px; transform: scale(2); } } /* ANIMATION 03*/ /* Saegeblatt */ @-moz-keyframes rotate360 { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); } } @-ms-keyframes rotate360 { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @-webkit-keyframes rotate360 { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes rotate360 { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Rotate */ @-moz-keyframes rotate3602 { 0% { -moz-transform: rotate(360deg); } 100% { -moz-transform: rotate(0deg); } } @-webkit-keyframes rotate3602 { 0% { -webkit-transform: rotate(360deg); } 100% { -webkit-transform: rotate(0deg); } } @keyframes rotate3602 { 0% { transform: rotate(360deg); } 100% { transform: rotate(0deg); } } /* Lmape */ @-moz-keyframes rotate3 { 0% { -moz-transform: rotate(-1deg); } 50% { -moz-transform: rotate(-3deg); } 100% { -moz-transform: rotate(-1deg); } } @-ms-keyframes rotate3 { 0% { transform: rotate(-1deg); } 50% { transform: rotate(-3deg); } 100% { transform: rotate(-1deg); } } @-webkit-keyframes rotate3 { 0% { -webkit-transform: rotate(-1deg); } 50% { -webkit-transform: rotate(-3deg); } 100% { -webkit-transform: rotate(-1deg); } } @keyframes rotate3 { 0% { transform: rotate(-1deg); } 50% { transform: rotate(-3deg); } 100% { transform: rotate(-1deg); } } /* Lmape2 */ @-moz-keyframes rotate-l { 0% { -moz-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } 20% { -moz-transform: rotate3d(0, 0, 1, -110deg); transform: rotate3d(0, 0, 1, -110deg); } 40% { -moz-transform: rotate3d(0, 0, 1, -60deg); transform: rotate3d(0, 0, 1, -60deg); } 60% { -moz-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); } 80% { -moz-transform: rotate3d(0, 0, 1, -75deg); transform: rotate3d(0, 0, 1, -75deg); } 100% { -moz-transform: rotate3d(0, 0, 1, -80deg); transform: rotate3d(0, 0, 1, -80deg); } } @-ms-keyframes rotate-l { 0% { -ms-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } 20% { -ms-transform: rotate3d(0, 0, 1, -110deg); transform: rotate3d(0, 0, 1, -110deg); } 40% { -ms-transform: rotate3d(0, 0, 1, -60deg); transform: rotate3d(0, 0, 1, -60deg); } 60% { -ms-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); } 80% { -ms-transform: rotate3d(0, 0, 1, -75deg); transform: rotate3d(0, 0, 1, -75deg); } 100% { -ms-transform: rotate3d(0, 0, 1, -80deg); transform: rotate3d(0, 0, 1, -80deg); } } @-webkit-keyframes rotate-l { 0% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } 20% { -webkit-transform: rotate3d(0, 0, 1, -110deg); transform: rotate3d(0, 0, 1, -110deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -60deg); transform: rotate3d(0, 0, 1, -60deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -75deg); transform: rotate3d(0, 0, 1, -75deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, -80deg); transform: rotate3d(0, 0, 1, -80deg); } } @keyframes rotate-l { 0% { transform: rotate3d(0, 0, 1, 0deg); } 20% { -webkit-transform: rotate3d(0, 0, 1, 110deg); transform: rotate3d(0, 0, 1, 110deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, 75deg); transform: rotate3d(0, 0, 1, 75deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); } } /* Weihnachtspecial */ #xmasOverlay { width: 100%; height: 100%; position: fixed; z-index: 999999999999999; top: 0; left: 0; background: rgba(255, 255, 255, 0.9) url(../img/weihnachten/pima_winterbild.jpg) no-repeat center center; background-size: auto 100%; } #xmasOverlay #weiterZurWebseite { position: absolute; bottom: 20%; left: 50%; width: 260px; margin-left: -130px; text-align: center; text-decoration: none; font-size: 20pt; line-height: 26pt; padding: 7px 17px; border: 3px solid #ffdc00; border-radius: 8px; box-sizing: border-box; color: #ffdc00; } #xmasOverlay #weiterZurWebseite:hover { background-color: #ffdc00; color: white; } @media only screen and (max-width: 750px) { #xmasOverlay { background: #ffffff url(../img/weihnachten/pima_winterbild_hoch.jpg) no-repeat top center; background-size: 100% auto; } #xmasOverlay #weiterZurWebseite { width: 80%; left: 10%; margin-left: 0; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { #xmasOverlay { background: #ffffff url(../img/weihnachten/pima_winterbild_hoch.jpg) no-repeat top center; background-size: 100% auto; } #xmasOverlay #weiterZurWebseite { width: 70%; left: 15%; margin-left: 0; } } .weihnachtsspecial { display: none; } .weihnachtsspecial > div { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .weihnachtsspecial .layer01 { z-index: 8; background: url(../img/weihnachten/winter_schnee_1.png) repeat; -moz-animation: snowstorm 1500s linear; -moz-animation-fill-mode: forwards; -moz-animation-iteration-count: infinite; -moz-animation-delay: 0; -webkit-animation: snowstorm 1500s linear; -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 0; -webkit-animation-iteration-count: infinite; animation: snowstorm 1500s linear; animation-fill-mode: forwards; animation-delay: 0; animation-iteration-count: infinite; } .weihnachtsspecial .layer02 { z-index: 8; background: url(../img/weihnachten/winter_schnee_2.png) repeat; -moz-animation: snowstorm 1000s linear; -moz-animation-fill-mode: forwards; -moz-animation-iteration-count: infinite; -moz-animation-delay: 0; -webkit-animation: snowstorm 1000s linear; -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 0; -webkit-animation-iteration-count: infinite; animation: snowstorm 1000s linear; animation-fill-mode: forwards; animation-delay: 0; animation-iteration-count: infinite; } .weihnachtsspecial .layer03 { z-index: 8; background: url(../img/weihnachten/winter_schnee_3.png) repeat; -moz-animation: snowstorm 500s linear; -moz-animation-fill-mode: forwards; -moz-animation-iteration-count: infinite; -moz-animation-delay: 0; -webkit-animation: snowstorm 500s linear; -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 0; -webkit-animation-iteration-count: infinite; animation: snowstorm 500s linear; animation-fill-mode: forwards; animation-delay: 0; animation-iteration-count: infinite; } @keyframes snowstorm { 0% { background-position: 0 0; } 100% { background-position: 10000% 10000%; } } @-webkit-keyframes snowstorm { 0% { background-position: 0 0; } 100% { background-position: 10000% 10000%; } } /* //Weihnachtspecial */ .elchWrap { display: none; z-index: 8; position: absolute; left: 50%; bottom: -7px; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); } .elchWrap img { height: 400px; } .elchWrap .textBubble { color: white; font-size: 18px; white-space: nowrap; line-height: 22pt; position: absolute; left: calc(50% + 88px); top: 76%; width: 280px; height: 95px; padding-top: 17px; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); background: url('../img/weihnachten/bubble.svg'); background-position: left top; background-repeat: no-repeat; box-sizing: border-box; } .elchWrap .textBubble span { display: block; padding: 0 0 0 52px; } .elchWrap .textBubble span.handwriting { font-family: dearjoe6; color: #ffdc00; font-size: 20px; } @media (max-width: 511px) { .elchWrap .textBubble span.handwriting { font-size: 18px; } } @media (max-width: 768px) { .elchWrap img { height: 330px; } .elchWrap .textBubble { left: calc(50% + 70px); top: 74%; background-size: contain; background-repeat: no-repeat; width: 216px; padding-top: 6px; font-size: 14px; font-weight: 600; } .elchWrap .textBubble span { padding: 0 0 0 36px; } .elchWrap .textBubble span.handwriting { font-size: 14px; } } @media (max-width: 544px) { .elchWrap { left: 18%; } .elchWrap img { height: 216px; } .elchWrap .textBubble { font-size: 14px; left: calc(50% + 39px); top: 74%; } } #tabletdummy { display: none; height: 0px; width: 0px; } /* Resets */ #kununu { width: 43px !important; height: 43px !important; display: inline-block; background: url(../img/icon/kununu.png) no-repeat 0 0; background-size: 43px; margin-left: 3px; } #kununu:hover { background-position: 0 -43px; } #external-button-map { position: absolute; z-index: 99; top: 50%; left: 50%; margin: 30px 0 0 370px; display: none; } .ui-state-focus { background: #ffdc00 !important; background-image: none !important; outline: none !important; border: 1px solid #ffdc00 !important; } .alert.alert-success { font-size: 13pt; color: green; } #swich-landscape { position: relative; top: 0; left: 0; width: 100%; height: 100%; background: #ffdc00; } #swich-landscape > #imgswichico { width: 80px; border: 2px solid white; border-radius: 5px; padding: 10px; margin: 80px 0 20px -70px; left: 50%; position: relative; top: 0; } #swich-landscape > #logo { width: 90px; position: fixed; top: 10px; left: 10px; } #swich-landscape > p { display: block; text-align: center; font-size: 13pt; color: white; font-weight: 600; } .no_margin_down { margin-bottom: 0 !important; } .no_margin_right { margin-right: 0 !important; } .closeBtn:before { width: 19px; height: 2.71428571px; background: #ffdc00; position: absolute; top: 14px; left: 6px; transform: rotate3d(0, 0, 1, 45deg); transform-origin: 50% 50%; content: " "; display: inline-block; } .closeBtn:after { width: 19px; height: 2.71428571px; background: #ffdc00; position: absolute; top: 14px; left: 6px; transform: rotate3d(0, 0, 1, -45deg); transform-origin: 50% 50%; content: " "; display: inline-block; } .centered-content { text-align: center; } .right-content { text-align: right; } p, i { -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .error input, .error textarea, .error select { border-color: red !important; } .alert { color: red; } .sq-custom-select { position: relative; } .sq-custom-select select { cursor: pointer; position: relative; z-index: 2; height: 40px; padding: 10px; width: 100%; box-sizing: border-box; outline: 0; border: 1px solid #ffdc00; background: transparent; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; } .sq-custom-select select::-ms-expand { display: none; } .sq-custom-select:before { content: ""; z-index: 3; position: absolute; top: 50%; left: auto; right: 20px; bottom: auto; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); margin-top: calc(-12px / 2); width: 6px; height: 6px; display: inline-block; border-bottom: 3px solid #ffdc00; border-right: 3px solid #ffdc00; transition: all 0.4; -webkit-transition: all 0.4; } .sq-custom-select:hover:before { border-color: #ffdc00; } .datepicker { background: white url("../img/default-img/kalender.png") right 5px center no-repeat; background-size: 24px 20px; } .ui-datepicker { padding: 0 !important; } .ui-datepicker table { margin: 0; } .ui-datepicker td a { text-align: center; } .ui-datepicker td a:hover { background: #ffdc00; border-radius: 5px; } .ui-datepicker.ui-widget { font-size: 1.2em; } .ui-datepicker.ui-widget.ui-widget-content { border: 0; } .ui-datepicker .ui-widget-header { background: #404040; } .ui-datepicker .ui-widget-header .ui-icon { background: none; } .ui-datepicker .ui-datepicker-title { margin: 0.2em 2.3em; } .ui-datepicker .ui-datepicker-title span { color: white; font-weight: 400; } .ui-datepicker .ui-datepicker-title select { border: 0; background: none; color: white; } .ui-datepicker .ui-datepicker-title select option { color: black; } .ui-datepicker .ui-corner-all.ui-state-hover { background: 0; border: 0; } .ui-datepicker .ui-corner-all.ui-datepicker-prev, .ui-datepicker .ui-corner-all.ui-datepicker-next { width: 35px; height: 30px; } .ui-datepicker .ui-corner-all.ui-datepicker-prev:after, .ui-datepicker .ui-corner-all.ui-datepicker-next:after { position: absolute; margin: auto; top: 9px; color: #404040; } .ui-datepicker .ui-corner-all.ui-datepicker-prev span, .ui-datepicker .ui-corner-all.ui-datepicker-next span { margin-left: -10px; margin-top: -10px; border-radius: 50%; background: white !important; width: 22px; height: 22px; } .ui-datepicker .ui-corner-all.ui-datepicker-prev:after { content: "\f053"; font-family: FontAwesome; left: 11px; } .ui-datepicker .ui-corner-all.ui-datepicker-next:after { content: "\f054"; font-family: FontAwesome; right: 11px; } .ui-datepicker .ui-corner-all.ui-datepicker-prev-hover, .ui-datepicker .ui-corner-all.ui-datepicker-next-hover { top: 2px; } .ui-datepicker .ui-corner-all.ui-datepicker-prev-hover:after, .ui-datepicker .ui-corner-all.ui-datepicker-next-hover:after { font-weight: 600; } .ui-datepicker .ui-corner-all.ui-datepicker-prev-hover { left: 2px; } .ui-datepicker .ui-corner-all.ui-datepicker-next-hover { right: 2px; } .ui-datepicker .ui-state-default { border: 0; background: #eee; color: #404040; } .ui-datepicker .ui-datepicker-calendar { background: #eee; } html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, q, samp, small, strong, sub, sup, var, b, i, hr, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, figcaption, hgroup, menu, footer, header, nav, section, summary, time, mark, audio, video, button { margin: 0; padding: 0; border: 0; list-style: none; } article, aside, canvas, figure, figure img, figcaption, hgroup, footer, header, nav, section, audio, video { display: block; } a img { border: 0; } html { overflow-y: scroll; } html.full-frame { overflow: hidden; } html::-webkit-scrollbar { width: 6px; height: 6px; opacity: 0.8; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; } html::-webkit-scrollbar:hover { opacity: 1; } html::-webkit-scrollbar-track { background-color: rgba(113, 112, 107, 0.1); -webkit-border-radius: 5px; } html::-webkit-scrollbar-thumb:vertical { background-color: rgba(0, 0, 0, 0.2); -webkit-border-radius: 6px; } html::-webkit-scrollbar-thumb:vertical:hover, html::-webkit-scrollbar-thumb:horizontal:hover { background-color: #71706b; } html::-webkit-scrollbar-thumb:horizontal { background-color: rgba(0, 0, 0, 0.2); -webkit-border-radius: 6px; } html, body { height: 100%; } body, input, selected { font-family: 'Source Sans Pro', sans-serif; font-size: 9pt; line-height: 12pt; font-weight: 400; -webkit-text-size-adjust: 100%; } strong.own_row { display: block; } ul.list_with_dotts { list-style: disc; } ul.list_with_dotts li { list-style: disc; margin-left: 18px; } .eflyer-iframe { width: 100%; height: 700px; margin-bottom: 40px; } .clear:after { clear: both; content: " "; display: table; } .text-center { text-align: center; } /* COLOR */ .key-color { color: #ffdc00; } .light-gray-color { color: #808080; } .gray-color { color: #4d4d4d; } .cut_me_off { display: inline; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } /* Tooltip */ .tooltipTrigger { position: relative; top: 0; left: 0; color: #4d4d4d !important; padding-right: 10px; font-weight: 400 !important; hyphens: none !important; -webkit-hyphens: none; transition: all 0.3s; -webkit-transition: all 0.3s; } .tooltipTrigger > .fa { font-size: 9.5pt; position: relative; top: 0; color: #ffdc00; left: 0px; } .tooltipTrigger > .tooltipContentWrap { max-width: 280px; width: 165%; min-width: 120px; position: absolute; bottom: 26pt; right: -50px; display: none; text-align: left; font-size: 9pt; line-height: 12pt; font-style: normal; background-color: #ffdc00; border-radius: 5px; padding: 10px; } .tooltipTrigger > .tooltipContentWrap > a { font-weight: 600; display: block; margin-top: 5px; text-align: left; } .tooltipTrigger > .tooltipContentWrap > img { position: absolute; bottom: -30px; right: 45px; } .tooltipTrigger:hover, .tooltipTrigger.active { color: #ffdc00 !important; } .tooltipTrigger:hover > .fa, .tooltipTrigger.active > .fa { opacity: 0; } .tooltipTrigger:hover > .tooltipContentWrap, .tooltipTrigger.active > .tooltipContentWrap { display: inline-block; opacity: 1; color: #4d4d4d !important; } /* Grid */ /* .col{ float:left; margin-bottom:15px; box-sizing: border-box; &.margin-left{ padding-left:20px; } } .col-12{ width:100%; float:none; } .col-11{ width:100%/12*11; } .col-10{ width:100%/12*10; } .col-9{ width:100%/12*9; } .col-8{ width:100%/12*8; } .col-7{ width:100%/12*7; } .col-6{ width:100%/12*6; } .col-5{ width:100%/12*5; } .col-4{ width:100%/12*4; } .col-3{ width:100%/12*3; } .col-2{ width:100%/12*2; } .col-1{ width:100%/12*1; }*/ /* Selection colors*/ ::selection { background: #ffff9e; } ::-moz-selection { background: #ffff9e; } img::selection { background: transparent; } img::-moz-selection { background: transparent; } body { -webkit-tap-highlight-color: #ffff9e; } /* Universal Stuff */ .relative { position: relative; top: 0; left: 0; } .hidden { overflow: hidden; } .eFlyerHl { font-size: 15pt !important; line-height: 21pt !important; font-weight: 600 !important; color: #4D4D4D !important; margin: 0 0 5px 0 !important; } .eFlyerOverlay { position: fixed; top: 0; left: 0; display: none; z-index: 99; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); } .eFlyerOverlay .flipbook-viewport { width: 100%; } .eFlyerOverlay .flipbook-viewport .container { position: absolute; top: 50%; left: 50%; } .eFlyerOverlay .flipbook-viewport .container .flipbook { margin: -250px 0 0 -500px; } .eFlyerOverlay .flipbook-viewport .container .flipbook div { cursor: pointer; cursor: -moz-grab; cursor: -webkit-grab; } .eFlyerOverlay .flipbook-viewport .container .flipbook .page-wrapper { cursor: pointer; cursor: -moz-grab; cursor: -webkit-grab; } .eFlyerOverlay .flipbook-viewport .container .flipbook .page-wrapper div { cursor: pointer; cursor: -moz-grab; cursor: -webkit-grab; } .eFlyerOverlay .flipbook-viewport .flipbbookPageWrap { position: absolute; left: -250px; bottom: -120px; } .eFlyerOverlay .flipbook-viewport .flipbbookPageWrap li { float: left; margin: 0px 10px; cursor: pointer; transition: all 0.3s; -webkit-transition: all 0.3s; } .eFlyerOverlay .flipbook-viewport .flipbbookPageWrap li:hover > span { color: #ffdc00; } .eFlyerOverlay .flipbook-viewport .flipbbookPageWrap li > img { display: inline-block; } .eFlyerOverlay .flipbook-viewport .flipbbookPageWrap li > span { display: block; text-align: center; color: white; transition: all 0.3s; -webkit-transition: all 0.3s; } .eFlyerOverlay .flipbook-viewport #hierBlaettern { position: absolute; left: 615px; top: -225px; } .eFlyerOverlay .flipbook-viewport .closeFlipbook { position: fixed; right: 60px; top: 90px; cursor: pointer; font-size: 13pt !important; color: #ffdc00; transition: all 0.3s; -webkit-transition: all 0.3s; } .eFlyerOverlay .flipbook-viewport .closeFlipbook:hover { color: white; } .eFlyerOverlay .flipbook-viewport .closeFlipbook:hover > i { border-color: white; color: white; } .eFlyerOverlay .flipbook-viewport .closeFlipbook > i { color: #ffdc00; font-size: 19px; line-height: 19px; height: 19px; width: 19px; padding: 6px; display: inline-block; margin-left: 10px; text-align: center; border: 2px solid #ffdc00; border-radius: 5px; } .eFlyerOverlay .flipbook-viewport .flipbook > div > img { width: 100%; } a, button { color: white; cursor: pointer; display: inline-block; text-decoration: none; outline: none; } a.btn, button.btn { transition: all 0.3s; -webkit-transition: all 0.3s; line-height: 12pt; } a.btn:hover i, button.btn:hover i { color: white; } a.btn > span, button.btn > span { float: left; margin: 10px 10px 0 0; } a.btn > img, button.btn > img { border: 2px solid #ffdc00; border-radius: 6px; padding: 6px; float: right; font-size: 19px; height: 19px; width: 19px; text-align: center; transition: all 0.3s; -webkit-transition: all 0.3s; color: #ffdc00; } a.btn i, button.btn i { position: relative; top: 0; left: 0; font-size: 19px; height: 19px; width: 19px; text-align: center; transition: all 0.3s; -webkit-transition: all 0.3s; color: #ffdc00; } a.btn#kontakt-trigger .lines, button.btn#kontakt-trigger .lines { display: none; } a.btn .lines-button, button.btn .lines-button { border: 2px solid #ffdc00; background: transparent; border-radius: 6px; padding: 6px; float: right; font-size: 18px; height: 35px; width: 35px; cursor: pointer; text-align: center; transition: all 0.3s; color: #ffdc00; outline: none; /* */ } a.btn .lines-button:hover, button.btn .lines-button:hover { opacity: 1; border: 2px solid white; } a.btn .lines-button:hover .lines, button.btn .lines-button:hover .lines { background: white; } a.btn .lines-button:hover .lines:after, button.btn .lines-button:hover .lines:after, a.btn .lines-button:hover .lines:before, button.btn .lines-button:hover .lines:before { background: white; } a.btn .lines-button:active, button.btn .lines-button:active { transition: none; } a.btn .line, button.btn .line { width: 19px; height: calc(19px / 7); background: #ffdc00; transition: 0.3s; } a.btn .lines, button.btn .lines { width: 19px; height: calc(19px / 7); background: #ffdc00; transition: 0.3s; position: relative; } a.btn .lines:before, button.btn .lines:before, a.btn .lines:after, button.btn .lines:after { width: 19px; height: calc(19px / 7); background: #ffdc00; transition: 0.3s; position: absolute; left: 0; content: ''; -webkit-transform-origin: calc(19px / 14) center; transform-origin: calc(19px / 14) center; } a.btn .lines:before, button.btn .lines:before { top: 6px; } a.btn .lines:after, button.btn .lines:after { top: -6px; } a.btn .lines-button.x.close .lines, button.btn .lines-button.x.close .lines { background: transparent; } a.btn .lines-button.x.close .lines:before, button.btn .lines-button.x.close .lines:before, a.btn .lines-button.x.close .lines:after, button.btn .lines-button.x.close .lines:after { -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; top: 0; width: 19px; } a.btn .lines-button.x.close .lines:before, button.btn .lines-button.x.close .lines:before { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); } a.btn .lines-button.x.close .lines:after, button.btn .lines-button.x.close .lines:after { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); } a.btn.float-left > span, button.btn.float-left > span { float: right; margin: 10px 0 0 10px; } a.btn.float-left > img, button.btn.float-left > img { float: left; } a.btn:hover > img, button.btn:hover > img, a.btn.active-menu > img, button.btn.active-menu > img, a.btn:hover > i, button.btn:hover > i, a.btn.active-menu > i, button.btn.active-menu > i, a.btn:hover > button, button.btn:hover > button, a.btn.active-menu > button, button.btn.active-menu > button { border: 2px solid white; color: white; } a.btn:hover button p, button.btn:hover button p, a.btn.active-menu button p, button.btn.active-menu button p { background: white; } a.btn:hover button p:after, button.btn:hover button p:after, a.btn.active-menu button p:after, button.btn.active-menu button p:after, a.btn:hover button p:before, button.btn:hover button p:before, a.btn.active-menu button p:before, button.btn.active-menu button p:before { background: white; } div.btn { border: 2px solid #ffdc00; border-radius: 6px; padding: 7px; display: inline-block; color: white; line-height: 17px; } .nav_main { display: block; position: fixed; right: 20px; top: 20px; z-index: 20; font-size: 16px; color: white; } @media (max-width: 1024px) { .nav_main { display: none; } } .nav_main > ul > li { position: relative; float: left; display: block; margin-right: 20px; } .nav_main > ul > li:hover > a { color: #ffdc00; border: 2px #ffdc00 solid; border-radius: 5px; -moz-border-radius: 5px; } .nav_main > ul > li:hover > .nav_sub { display: block; } .nav_main > ul > li.active > a { color: #ffdc00; border: 2px #ffdc00 solid; border-radius: 5px; -moz-border-radius: 5px; } .nav_main > ul > li:not(.active) > a:link, .nav_main > ul > li:not(.active) > a:visited, .nav_main > ul > li:not(.active) > a:active, .nav_main > ul > li:not(.active) > a:focus { color: white; } .nav_main > ul > li:not(.active) > a:hover { color: #ffdc00; } .nav_main > ul > li > a { border: 2px transparent solid; padding: 10px; display: block; margin-bottom: 10px; } .nav_main.scrolledOn > ul > li:hover > a { color: black; border: 2px #ffdc00 solid; border-radius: 5px; -moz-border-radius: 5px; } .nav_main.scrolledOn > ul > li:hover > .nav_sub { display: block; } .nav_main.scrolledOn > ul > li.active > a { color: #ffdc00; border: 2px #ffdc00 solid; border-radius: 5px; -moz-border-radius: 5px; } .nav_main.scrolledOn > ul > li:not(.active) > a:link, .nav_main.scrolledOn > ul > li:not(.active) > a:visited, .nav_main.scrolledOn > ul > li:not(.active) > a:active, .nav_main.scrolledOn > ul > li:not(.active) > a:focus, .nav_main.scrolledOn > ul > li:not(.active) a { color: black; } .nav_main.scrolledOn > ul > li:not(.active) > a:hover { color: #ffdc00; } .nav_main.scrolledOn > ul > li > a { border: 2px transparent solid; padding: 10px; display: block; margin-bottom: 10px; } .nav_main .nav_sub { position: absolute; display: none; background-color: #ffdc00; border-radius: 5px; -moz-border-radius: 5px; padding: 25px; } .nav_main .nav_sub li { position: relative; float: none; padding: 0; margin-right: 15px; margin-bottom: 10px; } .nav_main .nav_sub li:last-child { margin-bottom: 0; } .nav_main .nav_sub li a:link, .nav_main .nav_sub li a:visited, .nav_main .nav_sub li a:active, .nav_main .nav_sub li a:focus { color: black; display: inline-block; border: 0; padding: 0; white-space: nowrap; } .nav_main .nav_sub li a:hover { color: white !important; } .nav_main .nav_sub li.gesundheit { margin-bottom: 20px; } .nav_main .nav_sub li.mehrstandortskunden { border-top: 1px solid black; margin-right: 0; padding-top: 18px; } .quick-nav { z-index: 99; position: fixed; top: 40px; right: 40px; font-weight: 400; font-size: 13pt !important; line-height: 12pt; display: none; } .quick-nav.open { display: block; } .quick-nav.open #nav-trigger { display: none; } @media (max-width: 1024px) { .quick-nav { display: block; } .quick-nav #nav-trigger { display: block !important; } } @media (max-width: 544px) { .quick-nav { top: 20px; right: 20px; } } .quick-nav > .btn { cursor: pointer; font-size: 13pt !important; } .quick-nav a { float: left; } @media (max-width: 544px) { .quick-nav a { float: right; } } .quick-nav.dark a { color: #4d4d4d; } .quick-nav.dark a:hover button, .quick-nav.dark a:hover button:hover { color: #4d4d4d; background: #ffdc00; border: 2px solid #ffdc00; } .quick-nav.dark a:hover button p, .quick-nav.dark a:hover button:hover p { background: white; } .quick-nav.dark a:hover button p:before, .quick-nav.dark a:hover button:hover p:before, .quick-nav.dark a:hover button p:after, .quick-nav.dark a:hover button:hover p:after { background: white; } .quick-nav.dark a:hover button i, .quick-nav.dark a:hover button:hover i { background: #ffdc00; color: white; } .quick-nav.open a { color: white; } .quick-nav.light a { color: white; } .quick-nav div.btn { margin-right: 0; } .quick-nav div.btn > a { float: none; transition: all 0.3s; -webkit-transition: all 0.3s; } .quick-nav div.btn > a:first-child { margin: 0 5px 0 0; } .quick-nav div.btn > a:last-child { margin: 0 0 0 5px; } .quick-nav div.btn > a.active, .quick-nav div.btn > a:hover { color: #ffdc00; } @media (max-width: 992px) { .quick-nav #kontakt-trigger { display: none; } } /* Specific Stuff */ #wrap { width: 100%; height: 100%; position: relative; top: 0; left: 0; } #wrap #menu-wrap { width: 100%; height: 100%; z-index: 90; position: fixed; display: none; } #wrap #menu-wrap .menu { position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: #000; background: rgba(0, 0, 0, 0.9); font-size: 14pt; line-height: 22pt; overflow-y: auto; overflow-x: hidden; /* @media (max-width: @screenMd) { display:none; }*/ /* .hidden-wrap{ width:100%; height:820px; position:absolute; top:40%; margin-top:-600px/2; margin-left: 50px; color:white; .g-recaptcha{ display: block; overflow: hidden; margin-bottom: 10px; >div{ float: right; } } >div, >ul{ position:absolute; top:0; width:100%; } .menu-content{ position:absolute; width: calc(~'100% - 100px'); li{ padding: 10px 0 10px 0; >a{ color:white; margin-left:10px; &:hover, &.active{ font-weight:600; color:@key; } } } } &.left{ border:0px white solid; box-sizing: border-box; text-align:left; >ul, >div{ left:0px; top:45px/2; } >ul{ top:135px; >li { border-bottom: 1px white solid; } } } &.right{ display:none; border-left:1px solid white; left:50%; //margin-right:-450px; >ul, >div{ left:-450px; top:45px/2; } >ul{ top:210px; } } }*/ } #wrap #menu-wrap .menu.mapActive .right .kontakt-content { display: block !important; } #wrap #menu-wrap .menu.mapActive .right .kontakt-content #praxis_link a { color: #ffdc00; border: 2px solid #ffdc00; border-radius: 6px; margin-bottom: 20px; padding: 5px 10px; } #wrap #menu-wrap .menu.mapActive .right .kontakt-content #praxis_link a:hover { border-color: white; color: white; } #wrap #menu-wrap .menu.mapActive .right .kontakt-content #kununu { background-size: 36px; width: 36px !important; height: 36px !important; } #wrap #menu-wrap .menu.mapActive .right .kontakt-content #kununu:hover { background-position: 0px -36px; } @media (max-width: 768px) { #wrap #menu-wrap .menu.mapActive { width: 100% !important; } #wrap #menu-wrap .menu.mapActive .right { left: 0px; width: 100%; border-left: 0px; } #wrap #menu-wrap .menu.mapActive .right .kontakt-content { margin-top: 90px; left: 0 !important; opacity: 1; width: 100%; padding: 0 40px; box-sizing: border-box; } } #wrap #menu-wrap .menu .btn { font-size: 17pt; } #wrap #menu-wrap .menu h1, #wrap #menu-wrap .menu .h1 { font-size: 17pt; font-weight: 600; display: block; } #wrap #menu-wrap .menu .h2 { display: block; } #wrap #menu-wrap .menu .quick-nav { position: absolute; } #wrap #menu-wrap .menu#menu { font-size: 14pt; } #wrap #menu-wrap .menu#menu i:not(.fa-angle-right) { border: 2px solid #ffdc00; border-radius: 6px; padding: 6px; float: right; position: relative; top: 0; left: 0; font-size: 19px; height: 19px; width: 19px; text-align: center; transition: all 0.3s; -webkit-transition: all 0.3s; color: #ffdc00; } #wrap #menu-wrap .menu#menu i:not(.fa-angle-right):hover { color: white; border: 2px solid white; } #wrap #menu-wrap .menu#menu i.fa-angle-right { position: absolute; right: 10px; top: 15px; font-size: 25px; transition: all 0.3s; -webkit-transition: all 0.3s; cursor: pointer; } #wrap #menu-wrap .menu#menu i.fa-angle-right.active { transform: rotate(90deg); -webkit-transform: rotate(90deg); } #wrap #menu-wrap .menu#menu .nav_submenu { max-height: 0; opacity: 0; transition: height 0.3s ease-in, height 0.3s, opacity 0.3s, max-height 0.3s, border 0.3s, margin 0.3s; -webkit-transition: height 0.3s ease-in, height 0.3s, opacity 0.3s, max-height 0.3s, border 0.3s, margin 0.3s; overflow: hidden; } #wrap #menu-wrap .menu#menu .nav_submenu li { border-bottom: 1px #808080 solid; } #wrap #menu-wrap .menu#menu .nav_submenu li:last-child { border: 0px; padding-bottom: 0; } #wrap #menu-wrap .menu#menu .nav_submenu li a { color: #808080; } #wrap #menu-wrap .menu#menu .nav_submenu.active { max-height: 100%; border-top: 1px white solid; margin-top: 10px; opacity: 1; } #wrap #menu-wrap .menu#menu .h1 { margin-bottom: 10px; /*Wert war vorher 20px*/ } #wrap #menu-wrap .menu#menu li { position: relative; } #wrap #menu-wrap .menu#menu li > a { font-size: 17pt; text-decoration: none; font-weight: 300; } #wrap #menu-wrap .menu#menu li > a:hover { font-weight: 600; } #wrap #menu-wrap .menu#menu li.active > a { font-weight: 600; color: #ffdc00; } #wrap #menu-wrap .menu#menu .left ul { position: relative; } #wrap #menu-wrap .menu#menu .left .menu-content { position: relative; width: 100%; box-sizing: border-box; padding: 0 20px; left: 0; top: 0; } #wrap #menu-wrap .menu#menu .left .menu-content li { padding: 15px 0 0 0; margin-bottom: 0; text-align: left; border-bottom: 1px white solid; } #wrap #menu-wrap .menu#menu .left .menu-content li .nav_submenu { margin-top: 0; border-top: 1px solid white; color: rgba(255, 255, 255, 0.6); } #wrap #menu-wrap .menu#menu .left .menu-content li .nav_submenu > li { border-top: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.6); } #wrap #menu-wrap .menu#menu .left .menu-content li .nav_submenu > li:last-of-type { border-bottom: 0; } #wrap #menu-wrap .menu#menu .left .menu-content li .nav_submenu > li a { color: rgba(255, 255, 255, 0.6); } #wrap #menu-wrap .menu#menu .left .menu-content li > a { color: white; margin-left: 10px; margin-bottom: 15px; } #wrap #menu-wrap .menu#menu .left .menu-content li > a:hover, #wrap #menu-wrap .menu#menu .left .menu-content li > a.active { font-weight: 600; color: #ffdc00; } @media (max-width: 768px) { #wrap #menu-wrap .menu#menu .left { position: relative; margin-left: 0; text-align: right; left: 0; width: 100%; top: 0; margin-top: 90px; } #wrap #menu-wrap .menu#menu .left #kontakt-content { width: 100%; right: auto; left: 0px; padding: 0 50px; box-sizing: border-box; } } @media (max-width: 544px) { #wrap #menu-wrap .menu#menu .left #kontakt-content { padding: 0 15px; } } #wrap #menu-wrap .menu#menu .left .input { transition: border 0.3s; -webkit-transition: border 0.3s; } #wrap #menu-wrap .menu#menu .left .input.error input, #wrap #menu-wrap .menu#menu .left .input.error textarea { border-color: red; } #wrap #menu-wrap .menu#menu .left input, #wrap #menu-wrap .menu#menu .left textarea, #wrap #menu-wrap .menu#menu .left select { font-family: 'Source Sans Pro', sans-serif; display: block; width: 100%; box-sizing: border-box; padding: 4px 9px; border: 2px solid white; color: white; background: transparent; border-radius: 6px; outline: none; margin-bottom: 9px; font-size: 14pt; line-height: 17pt; } #wrap #menu-wrap .menu#menu .left textarea { height: 136px; } #wrap #menu-wrap .menu#menu .left .btn { margin-left: 10px; } #wrap #menu-wrap .menu#menu .left .selectWrap { overflow: hidden; height: 35px; box-sizing: border-box; width: 100%; border-radius: 6px; border: 2px solid white; margin-bottom: 9px; background: url(../img/bg-select.png) no-repeat top right; transition: border 0.3s; -webkit-transition: border 0.3s; } #wrap #menu-wrap .menu#menu .left .selectWrap.error { border-color: red; } #wrap #menu-wrap .menu#menu .left .selectWrap select { width: 110%; border: none; } #wrap #menu-wrap .menu#menu .left .selectWrap select > option { color: #4d4d4d; } @media (max-width: 768px) { #wrap #menu-wrap .menu#menu .right { position: relative; margin-left: 0; left: 0 !important; width: 100%; top: 0; margin-top: 0px; } } @media (max-width: 544px) { #wrap #menu-wrap .menu#menu .right .kontakt-content { margin-top: 50px; width: 100%; left: 0 !important; padding: 0% 15px; box-sizing: border-box; } } #wrap #menu-wrap .menu#menu .right table { margin: 4px 0 15px 0; color: white; } #wrap #menu-wrap .menu#menu .right table tr td:first-of-type { color: #ffdc00; min-width: 50px; font-weight: 600; width: 115px; } #wrap #menu-wrap .menu#menu .right .input { transition: border 0.3s; -webkit-transition: border 0.3s; } #wrap #menu-wrap .menu#menu .right .input.error input, #wrap #menu-wrap .menu#menu .right .input.error textarea { border-color: red; } #wrap #menu-wrap .menu#menu .right input, #wrap #menu-wrap .menu#menu .right textarea, #wrap #menu-wrap .menu#menu .right select { font-family: 'Source Sans Pro', sans-serif; display: block; width: 100%; box-sizing: border-box; padding: 4px 9px; border: 2px solid white; color: white; background: transparent; border-radius: 6px; outline: none; margin-bottom: 9px; font-size: 14pt; line-height: 17pt; } #wrap #menu-wrap .menu#menu .right .selectWrap { overflow: hidden; height: 35px; box-sizing: border-box; width: 100%; border-radius: 6px; border: 2px solid white; margin-bottom: 9px; background: url(../img/bg-select.png) no-repeat top right; transition: border 0.3s; -webkit-transition: border 0.3s; } #wrap #menu-wrap .menu#menu .right .selectWrap#auswahl-gesundheitszentren { display: none; margin: 10px 0; } #wrap #menu-wrap .menu#menu .right .selectWrap.error { border-color: red; } #wrap #menu-wrap .menu#menu .right .selectWrap select { width: 110%; border: none; } #wrap #menu-wrap .menu#menu .right .selectWrap select > option { color: #4d4d4d; } #wrap #menu-wrap .menu#menu .right #kontakt-infos p { margin-bottom: 20px; } #wrap #menu-wrap .menu#menu .right #sharebox { margin-bottom: 25px; } #wrap #menu-wrap .menu#menu .right #sharebox > .btn { margin-right: 5px; } #wrap #menu-wrap .menu#menu .right #menu-map-back-trigger { display: none; } #wrap #menu-wrap .menu#map { top: 0; opacity: 0; } #wrap #menu-wrap .menu #halfpage { position: absolute; top: 0; right: 0; width: 50%; height: 100%; background: rgba(0, 0, 0, 0.8); } #wrap #menu-wrap .menu .vertical-wrap { position: absolute; bottom: -160px; left: 0; height: 150px; width: 100%; } #wrap #menu-wrap .menu .vertical-wrap > .center-this { width: 900px; position: absolute; top: 0; left: 50%; margin-left: calc(-900px / 2); } #wrap #menu-wrap .menu .vertical-wrap > .center-this > div a { font-size: 35px; padding: 17px 9px; border: 2px solid white; border-radius: 5px; } #wrap #menu-wrap .menu .vertical-wrap > .center-this > div a:hover { color: #ffdc00; border: 2px solid #ffdc00; } #wrap #menu-wrap .menu .vertical-wrap > .center-this > div:first-of-type h1 { text-align: right; } #wrap #menu-wrap .menu .vertical-wrap > .center-this > div:first-of-type a { margin: 0 20px; } #wrap #menu-wrap .menu .vertical-wrap > .center-this > div:first-of-type a:first-of-type { margin-left: 102px; } #wrap #menu-wrap .menu .vertical-wrap > .center-this > div:last-of-type h1 { text-align: left; } #wrap #menu-wrap .menu .vertical-wrap > .center-this > div:last-of-type a { margin: 0 20px; } #wrap #menu-wrap .menu .vertical-wrap > .center-this > div:last-of-type a:first-of-type { margin-left: 45px; } #wrap #menu-wrap .menu .vertical-wrap > .center-this h1 { color: #ffdc00; padding: 0 45px; } #wrap #menu-wrap .menu .vertical-wrap img { width: 80px; height: 80px; } #wrap #menu-wrap .menu .hidden-wrap { width: 650px; max-width: 100%; height: 670px; position: absolute; top: 50%; margin-top: calc(-600px / 2); color: white; } #wrap #menu-wrap .menu .hidden-wrap .g-recaptcha { display: block; overflow: hidden; margin-bottom: 10px; } #wrap #menu-wrap .menu .hidden-wrap .g-recaptcha > div { float: right; } #wrap #menu-wrap .menu .hidden-wrap > div, #wrap #menu-wrap .menu .hidden-wrap > ul { position: absolute; top: 0; width: 100%; } #wrap #menu-wrap .menu .hidden-wrap > div.kontakt-content, #wrap #menu-wrap .menu .hidden-wrap > ul.kontakt-content { width: calc(100% - 50px); } #wrap #menu-wrap .menu .hidden-wrap ul li { margin: 0 0 18px 0; } #wrap #menu-wrap .menu .hidden-wrap ul li > a { color: white; } #wrap #menu-wrap .menu .hidden-wrap ul li > a:hover, #wrap #menu-wrap .menu .hidden-wrap ul li > a.active { font-weight: 600; color: #ffdc00; } #wrap #menu-wrap .menu .hidden-wrap.left { margin-left: -450px; text-align: right; left: 50%; } #wrap #menu-wrap .menu .hidden-wrap.left > ul, #wrap #menu-wrap .menu .hidden-wrap.left > div { right: -450px; top: calc(45px / 2); } #wrap #menu-wrap .menu .hidden-wrap.left > ul { top: 135px; } #wrap #menu-wrap .menu .hidden-wrap.right { border-left: 1px solid white; left: 50%; } #wrap #menu-wrap .menu .hidden-wrap.right > ul, #wrap #menu-wrap .menu .hidden-wrap.right > div { left: -450px; top: calc(45px / 2); } #wrap #menu-wrap .menu .hidden-wrap.right > ul { top: 210px; /*182*/ } #wrap #head { width: 50%; position: absolute; top: 0; left: 0; z-index: 10; overflow: visible; } @media (max-width: 930px) { #wrap #head { position: absolute; } } @media (max-width: 544px) { #wrap #head { width: 100%; } } @media (max-width: 544px) { #wrap #head > a { overflow: visible; z-index: 10; /* position: relative; left: 50%; display: inline-block; margin-top: 70px; margin-left: -70px; */ } } #wrap #head img { z-index: 1000; margin: 20px 0px 0 40px; position: relative; top: 0; left: 0; position: fixed; width: 200px; height: auto; } @media (max-width: 544px) { #wrap #head img { width: 140px; height: auto; position: fixed; top: 0; left: 0; margin: 10px 0 0 20px; } } #wrap #head.scrolledOn { opacity: 1 !important; } @media (max-width: 544px) { #wrap #head.scrolledOn > a { /* position: relative; left: 50%; display: inline-block; margin-top: 70px; margin-left: -70px;*/ } } #wrap #head.scrolledOn img { height: auto; width: 140px; } @media (max-width: 930px) { #wrap .content #leistungen.content-head.fixed .inner-content-head-wrap { padding-top: 180px; } } @media (max-width: 544px) { #wrap .content #leistungen.content-head.fixed .inner-content-head-wrap { padding-top: 80px; } } #wrap .content .content-head { z-index: 3; } #wrap .content .content-head.fixed { position: relative; top: 0; left: 0; width: 100%; height: 100%; } @media (max-width: 930px) { #wrap .content .content-head.fixed { height: 100vh; } #wrap .content .content-head.fixed .inner-content-head-wrap { top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); padding-top: 0; margin-top: 0; min-height: auto; } #wrap .content .content-head.fixed .inner-content-head-wrap .headline_big { margin-top: 0; line-height: 30px; padding: 0; } } @media (max-width: 544px) { #wrap .content .content-head.fixed { padding-top: 0px; } } #wrap .content .content-head#kontakt-head { width: 100%; min-height: 100% !important; position: relative; height: auto; } @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) { #wrap .content .content-head#kontakt-head { min-height: 50% !important; } } #wrap .content .content-head#kontakt-head #ContactDisplayForm .error { border: 1px solid red; border-radius: 6px; } #wrap .content .content-head#kontakt-head #ContactDisplayForm .row > div { margin-bottom: 20px; } #wrap .content .content-head#kontakt-head #ContactDisplayForm .row > div #first_name, #wrap .content .content-head#kontakt-head #ContactDisplayForm .row > div #phone { margin-right: -5px; } #wrap .content .content-head#kontakt-head #ContactDisplayForm .row > div #ContactLastName, #wrap .content .content-head#kontakt-head #ContactDisplayForm .row > div #ContactEmail { margin-left: -5px; width: calc(100% + 5px); } #wrap .content .content-head#kontakt-head #ContactDisplayForm .row > div.subwrap { margin-bottom: 10px; } @media (max-width: 768px) { #wrap .content .content-head#kontakt-head #ContactDisplayForm .row > div .g-recaptcha { text-align: center; } #wrap .content .content-head#kontakt-head #ContactDisplayForm .row > div .g-recaptcha > div { float: none; display: inline-block; } } @media (max-width: 992px) { #wrap .content .content-head#kontakt-head #ContactDisplayForm .row > div #first_name, #wrap .content .content-head#kontakt-head #ContactDisplayForm .row > div #phone { margin-right: 0; } #wrap .content .content-head#kontakt-head #ContactDisplayForm .row > div #ContactLastName, #wrap .content .content-head#kontakt-head #ContactDisplayForm .row > div #ContactEmail { margin-left: 0; width: 100%; } } #wrap .content .content-head #anrufen { background: #ffdc00; } #wrap .content .content-head .backgrounds:before { content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 150px; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0); } @media (max-width: 768px) { #wrap .content .content-head .backgrounds:before { background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%); height: 100px; } } @media (max-width: 930px) { #wrap .content .content-head#danke-head.fixed { height: 100%; } #wrap .content .content-head#danke-head.fixed .inner-content-head-wrap { margin-top: 0%; } } #wrap .content .content-head .scroll-btn { position: absolute; bottom: 20px; right: 20px; z-index: 99999; opacity: 0; } #wrap .content .content-head .scroll-btn.animated { -moz-animation: scrollBtn 2.6s linear; -moz-animation-fill-mode: forwards; -moz-animation-iteration-count: infinite; -moz-animation-delay: 2s; -webkit-animation: scrollBtn 2.6s linear; -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 2s; -webkit-animation-iteration-count: infinite; animation: scrollBtn 2.6s linear; animation-fill-mode: forwards; animation-delay: 2s; animation-iteration-count: infinite; } #wrap .content .content-head .scroll-btn.static { opacity: 1; } #wrap .content .content-head .inner-content-head-wrap { position: fixed; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); left: 0; width: 100%; min-height: 400px; z-index: 9; padding: 0 50px; box-sizing: border-box; /*Button*/ } @media (max-width: 544px) { #wrap .content .content-head .inner-content-head-wrap { padding: 0 25px; } } #wrap .content .content-head .inner-content-head-wrap .termin_anfragen { position: relative; width: 100%; min-height: 56px; } #wrap .content .content-head .inner-content-head-wrap .termin_anfragen .white_border_round { float: left; display: inline-block; position: relative; border: 2px white solid; border-radius: 10px; -moz-border-radius: 10px; padding: 5px; height: 40px; width: 40px; font-size: 20px; margin-right: 20px; } #wrap .content .content-head .inner-content-head-wrap .termin_anfragen .fa { font-size: 30px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #wrap .content .content-head .inner-content-head-wrap .termin_anfragen .termin_anfragen_tel_block { /* float:left; margin-top:5px;*/ } #wrap .content .content-head .inner-content-head-wrap .termin_anfragen .headline_termin_anfragen { position: relative; font-size: 18px; margin-bottom: 10px; padding-top: 5px; } #wrap .content .content-head .inner-content-head-wrap .termin_anfragen .tel { font-size: 24px; } @media (max-width: 768px) { #wrap .content .content-head .inner-content-head-wrap .termin_anfragen { width: 100%; } } @media (max-width: 544px) { #wrap .content .content-head .inner-content-head-wrap .termin_anfragen { width: 100%; } } #wrap .content .content-head .inner-content-head-wrap .z_index_low { z-index: 1; } #wrap .content .content-head .inner-content-head-wrap .no_margin_down { margin-bottom: 0; } @media (max-width: 992px) { #wrap .content .content-head .inner-content-head-wrap { position: relative !important; padding-top: 150px; top: 0; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } } @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) { #wrap .content .content-head .inner-content-head-wrap { position: fixed !important; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } } @media (max-width: 544px) { } #wrap .content .content-head .inner-content-head-wrap .headline_big_span { font-size: 35px; margin-bottom: 45px; display: block; } @media (max-width: 768px) { #wrap .content .content-head .inner-content-head-wrap .headline_big_span { font-size: 30px; line-height: 32px; } } #wrap .content .content-head .inner-content-head-wrap .headline_big { position: relative; box-sizing: border-box; display: inline-block; top: 0; left: 0; font-weight: 400; font-size: 30pt; line-height: 40pt; color: #fff; width: 100%; text-align: center; z-index: 2; margin-bottom: 45px; } #wrap .content .content-head .inner-content-head-wrap .headline_big > b, #wrap .content .content-head .inner-content-head-wrap .headline_big > strong { color: #ffdc00; font-weight: 600; } @media (max-width: 768px) { #wrap .content .content-head .inner-content-head-wrap .headline_big { padding: 0 15px 0 0; font-size: 30px; line-height: 24px; margin-bottom: 15px; margin-top: 50px; } } #wrap .content .content-head .inner-content-head-wrap h1:not(.headline_big), #wrap .content .content-head .inner-content-head-wrap h2:not(.headline_big) { z-index: 2; text-align: center; } #wrap .content .content-head .inner-content-head-wrap h1:not(.headline_big) a, #wrap .content .content-head .inner-content-head-wrap h2:not(.headline_big) a { z-index: 2; font-weight: 600; font-size: 26pt; text-align: center; color: #ffdc00; cursor: pointer; display: inline-block; padding: 18px 100px; border-radius: 10px; background: transparent; transition: background 0.6s; -webkit-transition: background 0.6s; border: 3px solid #ffdc00; box-sizing: border-box; } @media (max-width: 768px) { #wrap .content .content-head .inner-content-head-wrap h1:not(.headline_big) a, #wrap .content .content-head .inner-content-head-wrap h2:not(.headline_big) a { font-size: 18pt; line-height: 24pt; padding: 10px 15px; width: 90%; } } @media (max-width: 544px) { #wrap .content .content-head .inner-content-head-wrap h1:not(.headline_big) a, #wrap .content .content-head .inner-content-head-wrap h2:not(.headline_big) a { font-size: 18pt; line-height: 24pt; padding: 10px 15px; width: 90%; margin: 0; } } #wrap .content .content-head .inner-content-head-wrap h1:not(.headline_big) a:hover, #wrap .content .content-head .inner-content-head-wrap h2:not(.headline_big) a:hover { background: #ffdc00; color: white; } #wrap .content .content-head .inner-content-head-wrap h1:not(.headline_big) a.newBG-button, #wrap .content .content-head .inner-content-head-wrap h2:not(.headline_big) a.newBG-button { border-color: #333333; color: #333333; } #wrap .content .content-head .inner-content-head-wrap h1:not(.headline_big) a.newBG-button:hover, #wrap .content .content-head .inner-content-head-wrap h2:not(.headline_big) a.newBG-button:hover { background: #333333; color: white; } #wrap .content .content-head .inner-content-head-wrap .headline_small { position: relative; top: 0; left: 0; z-index: 2; width: 100%; font-weight: 400; font-size: 20pt; line-height: 40pt; color: #fff; text-align: center; margin-bottom: 10px; } #wrap .content .content-head .inner-content-head-wrap .headline_small > b { color: #FFDD00; font-weight: 600; } #wrap .content .content-head .inner-content-head-wrap .headline_small.detail-sub-hl { position: relative; top: 0; left: 0; margin-top: 40px; } @media (max-width: 544px) { #wrap .content .content-head .inner-content-head-wrap .headline_small { font-size: 16pt; line-height: 24pt; } } #wrap .content .content-head .inner-content-head-wrap #sub-nav-arr { position: relative; top: 0; left: 0; z-index: 2; overflow: hidden; text-align: center; margin-top: 25px; } #wrap .content .content-head .inner-content-head-wrap #sub-nav-arr img { position: relative; top: 0; left: 0; width: 12px; margin-top: 10px; margin-left: -10px; } #wrap .content .content-head .inner-content-head-wrap #sub-nav-arr span { font-family: dearjoe6; font-size: 18pt; line-height: 18pt; color: white; display: block; text-align: center; } #wrap .content .content-head .inner-content-head-wrap .leistungenSubNavigation { width: 80%; max-width: 1400px; margin-left: 10%; } #wrap .content .content-head .inner-content-head-wrap .leistungenSubNavigation.desktop { display: table; } @media (max-width: 992px) { #wrap .content .content-head .inner-content-head-wrap .leistungenSubNavigation.desktop { display: none; } } #wrap .content .content-head .inner-content-head-wrap .leistungenSubNavigation.mobile { display: none; } @media (max-width: 992px) { #wrap .content .content-head .inner-content-head-wrap .leistungenSubNavigation.mobile { display: table; } } #wrap .content .content-head .inner-content-head-wrap .leistungenSubNavigation .leistung-icon { font-size: 70px; padding: 5px 5px; border: 2px solid white; color: white; transition: all 0.3s; -webkit-transition: all 0.3s; border-radius: 5px; display: inline-block; height: auto; } #wrap .content .content-head .inner-content-head-wrap .leistungenSubNavigation .textLink { font-weight: 600; color: #ffdc00; margin: 15px 0; font-size: 16pt; transition: color 0.3s; -webkit-transition: color 0.3s; line-height: 16pt; } #wrap .content .content-head .inner-content-head-wrap .leistungenSubNavigation .textLink:hover { color: white; } #wrap .content .content-head .inner-content-head-wrap .leistungenSubNavigation #middleCol-bgm { margin-bottom: 15px; } #wrap .content .content-head .inner-content-head-wrap .leistungenSubNavigation .leistung-link { display: block; color: white; transition: all 0.3s; -webkit-transition: all 0.3s; font-style: italic; font-size: 11pt; line-height: 13pt; margin-top: 7px; } #wrap .content .content-head .inner-content-head-wrap .leistungenSubNavigation #eapIconWrapTable { background: url("../img/leistungen-line_ver.png") top center no-repeat; } @media (min-width: 750px) { #wrap .content .content-head .inner-content-head-wrap .leistungenSubNavigation .tableIconWrap#eapIconWrap { position: absolute; top: 80px; left: 50%; z-index: 10; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); } } #wrap .content .content-head .inner-content-head-wrap .leistungenSubNavigation .tableIconWrap:hover .leistung-icon { border: 2px solid #ffdc00; color: #ffdc00; } #wrap .content .content-head .inner-content-head-wrap .leistungenSubNavigation .tableIconWrap:hover .leistung-link { color: #ffdc00; } #wrap .content .content-head .inner-content-head-wrap .leistungenSubNavigation .lineColTop { overflow: hidden; vertical-align: middle; } #wrap .content .content-head .inner-content-head-wrap .leistungenSubNavigation .lineColTop.left { text-align: left; } #wrap .content .content-head .inner-content-head-wrap .leistungenSubNavigation .lineColTop.left > img { margin: 20px 0px 0px 0; position: relative; left: 45%; } #wrap .content .content-head .inner-content-head-wrap .leistungenSubNavigation .lineColTop.right { text-align: right; } #wrap .content .content-head .inner-content-head-wrap .leistungenSubNavigation .lineColTop.right > img { margin: 20px 0px 0px 0px; position: relative; right: 45%; } #wrap .content .content-head .inner-content-head-wrap .leistungenSubNavigation .textMiddleCol { text-align: center; } #wrap .content .content-head .inner-content-head-wrap .leistungenSubNavigation .iconCol { position: relative; top: 0; left: 0; width: 90px; text-align: center; vertical-align: top; } #wrap .content .content-head .inner-content-head-wrap .leistungenSubNavigation .iconCol.middleCol { width: 180px; text-align: center; } #wrap .content .content-head .inner-content-head-wrap .leistungenSubNavigation .iconCol.iconColLink { vertical-align: top; } #wrap .content .content-head .inner-content-head-wrap .leistungenSubNavigation .firstRow { vertical-align: top; text-align: center; } #wrap .content .content-head .inner-content-head-wrap .leistungenSubNavigation .lineCol { vertical-align: middle; text-align: center; background: url(../img/leistungen/leistungen-line.png) 50% 40% no-repeat; } #wrap .content .content-head .inner-content-head-wrap .sub-nav { position: relative; top: 0; height: 50px; z-index: 10; width: 90%; left: 0; margin-top: 15px; text-align: center; margin-left: 5%; /*#leistungen-sub-nav-step{ position: absolute; top: -50px; left: 50%; margin-left:-380px/2; } #leistungen-sub-nav-step-l{ //margin-left:-20px; } #leistungen-sub-nav-step-r{ margin-left:60px; }*/ } #wrap .content .content-head .inner-content-head-wrap .sub-nav .lines { position: absolute; top: -30px; width: 75px; } #wrap .content .content-head .inner-content-head-wrap .sub-nav .lines#lines-l { left: 50%; margin-left: -275px; } #wrap .content .content-head .inner-content-head-wrap .sub-nav .lines#lines-r { left: 50%; margin-left: 200px; } #wrap .content .content-head .inner-content-head-wrap .sub-nav.leistung-sub-nav .button-wrap { display: block; width: 100%; clear: both; } #wrap .content .content-head .inner-content-head-wrap .sub-nav.leistung-sub-nav .button-wrap > a { font-weight: 600; color: #ffdc00; margin-top: 15px; font-size: 16pt; transition: color 0.3s; -webkit-transition: color 0.3s; line-height: 16pt; } #wrap .content .content-head .inner-content-head-wrap .sub-nav.leistung-sub-nav .button-wrap > a:hover { color: white; } #wrap .content .content-head .inner-content-head-wrap .sub-nav.leistung-sub-nav .sub-nav-element { overflow: hidden; } #wrap .content .content-head .inner-content-head-wrap .sub-nav.leistung-sub-nav .sub-nav-element > img { margin: 45px 4px 0 4px; } #wrap .content .content-head .inner-content-head-wrap .sub-nav.leistung-sub-nav .sub-nav-element .link-wrap { width: 84px; } #wrap .content .content-head .inner-content-head-wrap .sub-nav.leistung-sub-nav .sub-nav-element .link-wrap > a { margin: 5px 0px 0 0px; transition: all 0.3s; -webkit-transition: all 0.3s; } #wrap .content .content-head .inner-content-head-wrap .sub-nav.leistung-sub-nav .sub-nav-element .link-wrap:hover a { color: #ffdc00; border-color: #ffdc00; } #wrap .content .content-head .inner-content-head-wrap .sub-nav.leistung-sub-nav .sub-nav-element.left { z-index: 2; position: relative; margin-top: -50px; } #wrap .content .content-head .inner-content-head-wrap .sub-nav.leistung-sub-nav .sub-nav-element.left > .link-wrap, #wrap .content .content-head .inner-content-head-wrap .sub-nav.leistung-sub-nav .sub-nav-element.left > img { float: right; } #wrap .content .content-head .inner-content-head-wrap .sub-nav.leistung-sub-nav .sub-nav-element.left #last-left { margin-right: 80px; } #wrap .content .content-head .inner-content-head-wrap .sub-nav.leistung-sub-nav .sub-nav-element.left .button-wrap { text-align: right; } #wrap .content .content-head .inner-content-head-wrap .sub-nav.leistung-sub-nav .sub-nav-element.left .button-wrap > a { margin-right: 150px; } #wrap .content .content-head .inner-content-head-wrap .sub-nav.leistung-sub-nav .sub-nav-element.right { z-index: 2; position: relative; margin-top: -50px; } #wrap .content .content-head .inner-content-head-wrap .sub-nav.leistung-sub-nav .sub-nav-element.right #last-right { margin-left: 80px; } #wrap .content .content-head .inner-content-head-wrap .sub-nav.leistung-sub-nav .sub-nav-element.right .button-wrap { text-align: left; } #wrap .content .content-head .inner-content-head-wrap .sub-nav.leistung-sub-nav .sub-nav-element.right .button-wrap > a { margin-left: 150px; } #wrap .content .content-head .inner-content-head-wrap .sub-nav.leistung-sub-nav .sub-nav-element.right > .link-wrap, #wrap .content .content-head .inner-content-head-wrap .sub-nav.leistung-sub-nav .sub-nav-element.top > .link-wrap, #wrap .content .content-head .inner-content-head-wrap .sub-nav.leistung-sub-nav .sub-nav-element.right > img, #wrap .content .content-head .inner-content-head-wrap .sub-nav.leistung-sub-nav .sub-nav-element.top > img { float: left; } #wrap .content .content-head .inner-content-head-wrap .sub-nav.leistung-sub-nav .sub-nav-element.top { position: relative; top: 0; left: 0; height: 170px; clear: both; float: none; } #wrap .content .content-head .inner-content-head-wrap .sub-nav.leistung-sub-nav .sub-nav-element.top .link-wrap { position: absolute; top: 40px; left: 50%; margin-left: calc(-84px / 2); } #wrap .content .content-head .inner-content-head-wrap .sub-nav.leistung-sub-nav .sub-nav-element.top #lines-l { position: absolute; top: 107px; left: 50%; margin: 0 0 0 -293px; } #wrap .content .content-head .inner-content-head-wrap .sub-nav.leistung-sub-nav .sub-nav-element.top #lines-r { position: absolute; top: 107px; left: 50%; margin: 0 0 0 calc((84px / 2) + 10); } #wrap .content .content-head .inner-content-head-wrap .sub-nav.leistung-sub-nav .leistung-icon { font-size: 70px; border: 2px solid white; color: white; border-radius: 5px; display: inline-block; height: auto; padding: 5px 5px; } #wrap .content .content-head .inner-content-head-wrap .sub-nav.leistung-sub-nav .leistung-link { display: block; color: white; font-style: italic; font-size: 11pt; line-height: 13pt; } #wrap .content .content-head .inner-content-head-wrap .sub-nav > a.rounded_small { z-index: 2; display: inline-block; font-weight: 400; font-size: 15.5pt; text-align: center; cursor: pointer; border-radius: 6px; background: transparent; line-height: 22pt; padding: 2px 18px; color: #ffdc00; -webkit-transition: background 0.6s linear, font-size 0.3s; border: 2px solid #ffdc00; width: auto; height: 30px; margin: 5px 10px; } #wrap .content .content-head .inner-content-head-wrap .sub-nav > a.rounded_small:hover, #wrap .content .content-head .inner-content-head-wrap .sub-nav > a.rounded_small.active { background: #ffdc00; color: white; } @media (max-width: 768px) { #wrap .content .content-head .inner-content-head-wrap .sub-nav > a.rounded_small { width: 100%; min-height: 40px; height: auto; margin: 5px 0%; float: left; box-sizing: border-box; } } @media (max-width: 768px) { #wrap .content .content-head .inner-content-head-wrap .sub-nav#sub-nav-gesundheitshueter > a { width: 46%; min-height: auto; height: auto; margin: 5px 2%; float: left; box-sizing: border-box; font-size: 9pt; padding: 2px; } } #wrap .content .content-head .inner-content-head-wrap .sub-nav.big-button > a { -webkit-transition: all 0.3s; font-size: 24pt; /* padding:12px 28px; */ padding: 0; } #wrap .content .content-head .inner-content-head-wrap .sub-nav.big-button > a:hover h1 { color: white; } #wrap .content .content-head .inner-content-head-wrap .sub-nav.big-button h1 { top: 0; left: 0; position: relative; font-size: 24pt; padding: 12px 28px; z-index: 2; display: inline-block !important; font-weight: 400; color: #ffdc00; text-align: center; cursor: pointer; border-radius: 6px; background: transparent; line-height: 22pt; -webkit-transition: background 0.6s linear, font-size 0.3s; border: 2px solid #ffdc00; width: auto; height: 30px; margin: 5px 10px; } #wrap .content .content-head .inner-content-head-wrap .sub-nav.big-button h1:hover, #wrap .content .content-head .inner-content-head-wrap .sub-nav.big-button h1:active { background: #ffdc00; } #wrap .content .content-head .inner-content-head-wrap .sub-nav.big-button h1:hover a, #wrap .content .content-head .inner-content-head-wrap .sub-nav.big-button h1:active a { color: white; } #wrap .content .content-head .inner-content-head-wrap .sub-nav.big-button h1 a { color: #ffdc00; } #wrap .content .content-head .inner-content-head-wrap .sub-nav.big-button h1 a:hover, #wrap .content .content-head .inner-content-head-wrap .sub-nav.big-button h1 a:active { color: white; } #wrap .content .content-head .inner-content-head-wrap.newBG-button { top: auto; bottom: 34%; left: 36%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-height: auto; width: auto; } #wrap .content .content-head .inner-content-head-wrap.newBG-button .scroll-hide { text-align: left; } #wrap .content .content-head #bullets { clear: both; position: absolute; bottom: 40px; left: 50%; width: 120px; margin: 0 0 0 calc(-20px * 6 / 2); z-index: 2; cursor: pointer; } #wrap .content .content-head #bullets > a { width: 10px; height: 10px; background: white; margin: 5px; border-radius: 5px; float: left; } #wrap .content .content-head #bullets > a.active { background: #ffdc00; } #wrap .content .content-head .backgrounds { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background-position: top center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } #wrap .content .content-head#employee-assistance-head .backgrounds#one { background-image: url(../img/backgrounds/bg_eap.jpg); } @media (max-width: 768px) { #wrap .content .content-head#employee-assistance-head .backgrounds#one { background-image: url(../img/backgrounds/bg_eap_hoch.jpg); } } #wrap .content .content-head#pauschalpreisliste-head .backgrounds#one { background-image: url(../img/backgrounds/pima_header_pauschalpreisliste.jpg); } @media (max-width: 768px) { #wrap .content .content-head#pauschalpreisliste-head .backgrounds#one { background-image: url(../img/backgrounds/pima_header_pauschalpreisliste_hoch.jpg); } } #wrap .content .content-head#karriere-head .backgrounds#one { background-image: url(../img/backgrounds/bg_karriere.jpg); } @media (max-width: 768px) { #wrap .content .content-head#karriere-head .backgrounds#one { background-image: url(../img/backgrounds/bg_karriere_hoch.jpg); } } #wrap .content .content-head#kontakt-head .backgrounds#one { /*background-image: url(../img/backgrounds/bg_kontakt.jpg);*/ } @media (max-width: 768px) { #wrap .content .content-head#kontakt-head .backgrounds#one { background-image: url(../img/backgrounds/bg_kontakt_hoch.jpg); } } @media (max-width: 544px) { #wrap .content .content-head#kontakt-head .backgrounds#one { /* background-size: 100% auto; background-image: url(../img/backgrounds/bg_kontakt_hoch.jpg); */ } } #wrap .content .content-head#karriere-praktikum-head .backgrounds#one { background-image: url(../img/backgrounds/pima_header_karriere_praktikum.jpg); } @media (max-width: 768px) { #wrap .content .content-head#karriere-praktikum-head .backgrounds#one { background-image: url(../img/backgrounds/pima_header_karriere_praktikum_hoch.jpg); } } #wrap .content .content-head#karriere-ausbildung-head .backgrounds#one { background-image: url(../img/backgrounds/pima_header_karriere_ausbildung.jpg); } @media (max-width: 768px) { #wrap .content .content-head#karriere-ausbildung-head .backgrounds#one { background-image: url(../img/backgrounds/pima_header_karriere_ausbildung_hoch.jpg); } } #wrap .content .content-head#karriere-psychische-gesundheit-head .backgrounds#one { background-image: url(../img/backgrounds/pima_header_karriere_psychische_gesundheit.jpg); } @media (max-width: 768px) { #wrap .content .content-head#karriere-psychische-gesundheit-head .backgrounds#one { background-image: url(../img/backgrounds/pima_header_karriere_psychische_gesundheit_hoch.jpg); } } #wrap .content .content-head#karriere-kaufmaennische-oder-technische-berufe-head .backgrounds#one { background-image: url(../img/backgrounds/pima_header_karriere_verwaltung.jpg); } @media (max-width: 768px) { #wrap .content .content-head#karriere-kaufmaennische-oder-technische-berufe-head .backgrounds#one { background-image: url(../img/backgrounds/pima_header_karriere_verwaltung_hoch.jpg); } } #wrap .content .content-head#karriere-soziale-gesundheit-head .backgrounds#one { background-image: url(../img/backgrounds/pima_header_karriere_soziale_gesundheit.jpg); } @media (max-width: 768px) { #wrap .content .content-head#karriere-soziale-gesundheit-head .backgrounds#one { background-image: url(../img/backgrounds/pima_header_karriere_soziale_gesundheit_hoch.jpg); } } #wrap .content .content-head#karriere-arbeitsmedizin-head .backgrounds#one { background-image: url(../img/backgrounds/pima_header_karriere_arbeitsmedizin.jpg); background-position: bottom center; } @media (max-width: 768px) { #wrap .content .content-head#karriere-arbeitsmedizin-head .backgrounds#one { background-image: url(../img/backgrounds/pima_header_karriere_arbeitsmedizin_hoch.jpg); } } #wrap .content .content-head#karriere-arbeitssicherheit-head .backgrounds#one { background-image: url(../img/backgrounds/pima_header_karriere_arbeitssicherheit.jpg); } @media (max-width: 768px) { #wrap .content .content-head#karriere-arbeitssicherheit-head .backgrounds#one { background-image: url(../img/backgrounds/pima_header_karriere_arbeitssicherheit_hoch.jpg); } } #wrap .content .content-head#karriere-betriebliche-gesundheitsfoerderung-head .backgrounds#one { background-image: url(../img/backgrounds/pima_header_karriere_betriebliche_gesundheitsfoerderung.jpg); } @media (max-width: 768px) { #wrap .content .content-head#karriere-betriebliche-gesundheitsfoerderung-head .backgrounds#one { background-image: url(../img/backgrounds/pima_header_karriere_betriebliche_gesundheitsfoerderung_hoch.jpg); } } #wrap .content .content-head#karriere-fachliche-assistenz-head .backgrounds#one { background-image: url(../img/backgrounds/pima_header_karriere_fachliche_assistenz.jpg); } @media (max-width: 768px) { #wrap .content .content-head#karriere-fachliche-assistenz-head .backgrounds#one { background-image: url(../img/backgrounds/pima_header_karriere_fachliche_assistenz_hoch.jpg); } } #wrap .content .content-head#karriere-physische-gesundheit-head .backgrounds#one { background-image: url(../img/backgrounds/pima_header_karriere_physische_gesundheit.jpg); } @media (max-width: 768px) { #wrap .content .content-head#karriere-physische-gesundheit-head .backgrounds#one { background-image: url(../img/backgrounds/pima_header_karriere_physische_gesundheit_hoch.jpg); } } #wrap .content .content-head#karriere-weiterbildung-arbeitsmedizin-head .backgrounds#one { background-image: url(../img/backgrounds/pima_header_karriere_weiterbildung_arbeitsmedizin.jpg); } @media (max-width: 768px) { #wrap .content .content-head#karriere-weiterbildung-arbeitsmedizin-head .backgrounds#one { background-image: url(../img/backgrounds/pima_header_karriere_weiterbildung_arbeitsmedizin_hoch.jpg); } } #wrap .content .content-head#glossar-head .backgrounds#one { background-image: url(../img/backgrounds/bg_glossar.jpg); } @media (max-width: 768px) { #wrap .content .content-head#glossar-head .backgrounds#one { background-image: url(../img/backgrounds/bg_glossar_hoch.jpg); } } #wrap .content .content-head#referenzen-head .backgrounds#one { background-image: url(../img/backgrounds/bg_referenzen.jpg); } @media (max-width: 768px) { #wrap .content .content-head#referenzen-head .backgrounds#one { background-image: url(../img/backgrounds/bg_referenzen_hoch.jpg); } } #wrap .content .content-head#danke-head .backgrounds#one { background-image: url(../img/backgrounds/bg_referenzen.jpg); } @media (max-width: 768px) { #wrap .content .content-head#danke-head .backgrounds#one { background-image: url(../img/backgrounds/bg_referenzen_hoch.jpg); } } #wrap .content .content-head#leistungen .step { margin-top: 25px; } #wrap .content .content-head#leistungen .backgrounds#one { background-image: url(../img/backgrounds/bg_leistungen.jpg); } @media (max-width: 768px) { #wrap .content .content-head#leistungen .backgrounds#one { background-image: url(../img/backgrounds/bg_leistungen_hoch.jpg); } } #wrap .content .content-head#eflyer .step { margin-top: 25px; } #wrap .content .content-head#eflyer .backgrounds#one { background-image: url(../img/backgrounds/pima_header_e-flyer.jpg); } @media (max-width: 768px) { #wrap .content .content-head#eflyer .backgrounds#one { background-image: url(../img/backgrounds/pima_header_e-flyer_hoch.jpg); } } #wrap .content .content-head#bgm-head .backgrounds#one { background-image: url(../img/backgrounds/bg_bgm-beratung.jpg); } @media (max-width: 768px) { #wrap .content .content-head#bgm-head .backgrounds#one { background-image: url(../img/backgrounds/bg_bgm-beratung_hoch.jpg); } } #wrap .content .content-head#arbeitssicherheit-head .backgrounds#one { background-image: url(../img/backgrounds/bg_arbeitssicherheit.jpg); } @media (max-width: 768px) { #wrap .content .content-head#arbeitssicherheit-head .backgrounds#one { background-image: url(../img/backgrounds/bg_arbeitssicherheit_hoch.jpg); } } #wrap .content .content-head#arbeitsmedizin-head .backgrounds#one { background-image: url(../img/backgrounds/bg_arbeitsmedizin.jpg); } @media (max-width: 768px) { #wrap .content .content-head#arbeitsmedizin-head .backgrounds#one { background-image: url(../img/backgrounds/bg_arbeitsmedizin_hoch.jpg); } } #wrap .content .content-head#weitere-leistungen-im-arbeits-und-gesundheitsschutz-head .backgrounds#one { background-image: url(../img/backgrounds/bg_weitere-leistungen.jpg); } @media (max-width: 768px) { #wrap .content .content-head#weitere-leistungen-im-arbeits-und-gesundheitsschutz-head .backgrounds#one { background-image: url(../img/backgrounds/bg_weitere-leistungen_hoch.jpg); } } #wrap .content .content-head#koerperliche-gesundheit-head .backgrounds#one { background-image: url(../img/backgrounds/bg_physisch.jpg); } @media (max-width: 768px) { #wrap .content .content-head#koerperliche-gesundheit-head .backgrounds#one { background-image: url(../img/backgrounds/bg_physisch_hoch.jpg); } } #wrap .content .content-head#geistige-gesundheit-head .backgrounds#one { background-image: url(../img/backgrounds/bg_psyche.jpg); } @media (max-width: 992px) { #wrap .content .content-head#geistige-gesundheit-head .backgrounds#one { background-image: url(../img/backgrounds/bg_psyche_hoch.jpg); } } #wrap .content .content-head#soziale-gesundheit-head .backgrounds#one { background-image: url(../img/backgrounds/bg_soziales.jpg); } @media (max-width: 768px) { #wrap .content .content-head#soziale-gesundheit-head .backgrounds#one { background-image: url(../img/backgrounds/bg_soziales_hoch.jpg); } } #wrap .content .content-head#gesundheitshueter .backgrounds#one { background-image: url(../img/backgrounds/bg_gesundheitshueter.jpg); } @media (max-width: 768px) { #wrap .content .content-head#gesundheitshueter .backgrounds#one { background-image: url(../img/backgrounds/bg_gesundheitshueter_hoch.jpg); } } #wrap .content .content-head#standorte .rounded_small { float: none !important; } #wrap .content .content-head#standorte .backgrounds#one { background-image: url(../img/backgrounds/bg_standorte.jpg); } @media (max-width: 768px) { #wrap .content .content-head#standorte .backgrounds#one { background-image: url(../img/backgrounds/bg_standorte_hoch.jpg); } } #wrap .content .content-head#agb .backgrounds#one { background-image: url(../img/backgrounds/bg_agb.jpg); } @media (max-width: 768px) { #wrap .content .content-head#agb .backgrounds#one { background-image: url(../img/backgrounds/bg_agb_hoch.jpg); } } #wrap .content .content-head#inner .backgrounds#one { background-image: url(../img/backgrounds/bg_start.png); background-size: cover; } @media (max-width: 768px) { #wrap .content .content-head#inner .backgrounds#one { background-size: 100% auto; background-image: url(../img/backgrounds/bg_start_hoch.png); background-attachment: fixed; } } #wrap .content .content-head#inner.home #one a { width: 100%; height: 100%; display: block; } #wrap .content .content-body { z-index: 9999; padding-top: 100px; min-height: 100%; background-color: white; font-style: normal !important; /* Leistung Detail */ /*//*/ /* KARRIERE DETAIL */ /* PAUSCHALPREISLISTE */ /* KARRIERE */ /* // KARRIERE */ /* REFERENZEN */ /* // REFERENZEN */ /* LEISTUNGEN */ /* // Leistungen */ } #wrap .content .content-body.kontakt_body { height: auto; } #wrap .content .content-body .content-block .col > p > i.icon { font-style: normal; } #wrap .content .content-body .content-block .col .catcher { font-family: 'dearjoe6'; text-align: center; display: block; font-size: 18pt !important; font-weight: 400; } #wrap .content .content-body .content-block .col .catcher > span { color: #ffdc00; font-weight: 400; } #wrap .content .content-body .content-block .col .catcher > a { font-family: 'Source Sans Pro', sans-serif; margin-top: 20px; z-index: 2; display: inline-block; font-weight: 400 !important; font-size: 14pt; color: #ffdc00; border-radius: 6px; background: transparent; line-height: 22pt; padding: 2px 40px; -webkit-transition: background 0.6s linear, font-size 0.3s; width: auto; height: 30px; margin: 15px 10px 0px 10px; border: 2px solid #ffdc00; background: #ffdc00; color: white; cursor: pointer; } #wrap .content .content-body .content-block .col .catcher > a:hover, #wrap .content .content-body .content-block .col .catcher > a.active { border: 2px solid #ffdc00; background: white; color: #ffdc00; } #wrap .content .content-body .content-block .col .catcher-gen2 { font-family: 'dearjoe6'; text-align: center; } #wrap .content .content-body .content-block .col .catcher-gen2 span { display: block; font-size: 18pt !important; font-weight: 400; margin-bottom: 20px; } #wrap .content .content-body .content-block .col .catcher-gen2 a { font-family: 'Source Sans Pro', sans-serif; z-index: 2; display: inline-block; font-weight: 400 !important; font-size: 14pt; border-radius: 6px; background: transparent; line-height: 22pt; padding: 2px 40px; -webkit-transition: background 0.6s linear, font-size 0.3s; width: auto; margin: 15px 10px 0 10px; border: 2px solid #ffdc00; background: #ffdc00; color: white; cursor: pointer; } #wrap .content .content-body .content-block .col .catcher-gen2 a:hover, #wrap .content .content-body .content-block .col .catcher-gen2 a.active { border: 2px solid #ffdc00; background: white; color: #ffdc00; } @media (max-width: 544px) { #wrap .content .content-body .content-block .col .catcher-gen2 select { margin-top: 20px; } } #wrap .content .content-body .content-block#corporate_benefits { background: #ffdc00; } #wrap .content .content-body .content-block#corporate_benefits h2 { color: white; } #wrap .content .content-body .content-block#corporate_benefits .benefit_detail { padding-right: 20px; } #wrap .content .content-body .content-block#corporate_benefits .benefit_detail div { border-radius: 5px; background: white; padding: 20px; } #wrap .content .content-body .content-block#corporate_benefits .benefit_detail div h3 { font-size: 14pt; margin-bottom: 10px; display: block; line-height: 18pt; } #wrap .content .content-body .content-block#corporate_benefits .benefit_detail div p { font-size: 13pt; text-align: left; line-height: 18pt; } #wrap .content .content-body .content-block#corporate_benefits .benefit_detail div ul { margin-left: 18px; } #wrap .content .content-body .content-block#corporate_benefits .benefit_detail div ul li { line-height: 18pt; list-style-image: url(../img/bullet-dark.png); list-style-position: outside; margin-bottom: 5px; font-size: 13pt; color: #4d4d4d; } #wrap .content .content-body .content-block#arbeitsmedizin-content #praxen_select { display: none; background: #ffdc00; border-radius: 6px; margin: 0 10px; } #wrap .content .content-body .content-block#arbeitsmedizin-content #praxen_select .sq-custom-select:before { border-color: white; } #wrap .content .content-body .content-block#arbeitsmedizin-content #praxen_select .sq-custom-select select { padding: 10px 50px 10px 10px; border-radius: 6px; color: white; font-family: 'Source Sans Pro', sans-serif; font-size: 14pt; height: 38px; width: 278px; line-height: 9pt; } #wrap .content .content-body .content-block#arbeitsmedizin-content #praxen_select .sq-custom-select select option { color: black; } #wrap .content .content-body .content-block#arbeitsmedizin-content #praxen_select .sq-custom-select select option[value='mainz_stadt'] { display: none; } #wrap .content .content-body .leistung-ul-block, #wrap .content .content-body .leistungen-ul-block-lp { position: relative; top: 0; left: 0; } #wrap .content .content-body .leistung-ul-block > div, #wrap .content .content-body .leistungen-ul-block-lp > div { position: relative; top: 0; left: 0; } #wrap .content .content-body .leistung-ul-block > div > div, #wrap .content .content-body .leistungen-ul-block-lp > div > div { position: relative; top: 0; left: 0; } #wrap .content .content-body .leistung-ul-block div .request, #wrap .content .content-body .leistungen-ul-block-lp div .request, #wrap .content .content-body .leistung-ul-block .request, #wrap .content .content-body .leistungen-ul-block-lp .request { visibility: hidden; opacity: 0; position: absolute; top: 0; left: 0; vertical-align: middle; width: 100%; height: 100%; cursor: pointer; border-radius: 5px; box-sizing: border-box; background: rgba(0, 0, 0, 0.8); color: white; font-size: 16pt; font-family: dearjoe6; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; text-align: center; } #wrap .content .content-body .leistung-ul-block div .request a, #wrap .content .content-body .leistungen-ul-block-lp div .request a, #wrap .content .content-body .leistung-ul-block .request a, #wrap .content .content-body .leistungen-ul-block-lp .request a { width: 100%; height: 100%; } #wrap .content .content-body .leistung-ul-block div .request span, #wrap .content .content-body .leistungen-ul-block-lp div .request span, #wrap .content .content-body .leistung-ul-block .request span, #wrap .content .content-body .leistungen-ul-block-lp .request span { display: inline-block; position: relative; top: 50%; transform: translateY(-50%); } #wrap .content .content-body .leistung-ul-block:hover div .request, #wrap .content .content-body .leistungen-ul-block-lp:hover div .request, #wrap .content .content-body .leistung-ul-block:hover .request, #wrap .content .content-body .leistungen-ul-block-lp:hover .request { opacity: 1; visibility: visible; } #wrap .content .content-body .icon { font-style: normal; font-size: 165px; border: 2px solid #ffdc00; padding: 10px; color: #ffdc00; float: left; box-sizing: border-box; margin-right: 20px; border-radius: 5px; } @media (max-width: 544px) { #wrap .content .content-body .icon { font-style: normal; width: 100%; text-align: center; margin: 0 0 10px 0; } } #wrap .content .content-body #sub-nav-bar { width: 100%; height: 100px; z-index: 99; background: white; position: absolute; top: 0; left: 0; } #wrap .content .content-body #sub-nav-bar.absolute { position: absolute; top: 0; left: 0; } #wrap .content .content-body #sub-nav-bar.fixed { position: fixed; top: 0; left: 0; } #wrap .content .content-body #sub-nav { display: none; position: relative; top: 0; height: 50px; z-index: 10; width: 90%; left: 0; text-align: center; margin-left: 5%; } #wrap .content .content-body #sub-nav #glossarWidget { display: inline-block; font-size: 11.5pt !important; font-family: 'Source Sans Pro', sans-serif !important; } #wrap .content .content-body #sub-nav #glossarWidget input { z-index: 2; display: inline-block; font-weight: 400; font-size: 11.5pt !important; font-family: 'Source Sans Pro', sans-serif !important; color: #ffdc00; text-align: left; border-radius: 6px; background: transparent; line-height: 13pt; padding: 0px 10px 1px 10px; border: 2px solid #ffdc00; height: 33px; width: 150px; margin: 0 10px; outline: none; cursor: text; } #wrap .content .content-body #sub-nav > a { z-index: 2; display: inline-block; font-weight: 400; font-size: 15.5pt; text-align: center; cursor: pointer; border-radius: 6px; background: transparent; line-height: 22pt; padding: 2px 18px; color: #ffdc00; -webkit-transition: background 0.6s linear, font-size 0.3s; border: 2px solid #ffdc00; width: auto; height: 30px; margin: 0 10px; } #wrap .content .content-body #sub-nav > a:hover, #wrap .content .content-body #sub-nav > a.active { background: #ffdc00; color: white; } #wrap .content .content-body #sub-nav > a.glossarAbc { border: 0; min-width: 12px; text-align: center; margin: 0px 5px !important; padding: 0 !important; } #wrap .content .content-body #sub-nav > a.glossarAbc.disabled { color: #808080; } #wrap .content .content-body #sub-nav > a.glossarAbc.disabled:hover { background: transparent; color: #808080; font-weight: 400; } #wrap .content .content-body #sub-nav > a.glossarAbc:hover, #wrap .content .content-body #sub-nav > a.glossarAbc.active { background: transparent; color: #ffdc00; font-weight: bold; } #wrap .content .content-body #sub-nav.big-button > a { font-size: 24pt; padding: 12px 28px; } #wrap .content .content-body #sub-nav.fixed-default { position: fixed; top: 59%; display: none; } #wrap .content .content-body #sub-nav.fixed-default .lines { position: absolute; width: 75px; } #wrap .content .content-body #sub-nav.fixed-default .lines#lines-l { left: 50%; margin-left: -275px; } #wrap .content .content-body #sub-nav.fixed-default .lines#lines-r { left: 50%; margin-left: 200px; } #wrap .content .content-body #sub-nav.fixed-default #leistungen-sub-nav-step { position: absolute; top: -50px; left: 50%; margin-left: calc(-380px / 2); } #wrap .content .content-body #sub-nav.fixed-default #leistungen-sub-nav-step-r { margin-left: 60px; } #wrap .content .content-body #sub-nav.fixed-20 { position: fixed; top: 20px; text-align: left; margin-left: 0; } #wrap .content .content-body #sub-nav.fixed-20 > a { font-size: 13.5pt; padding: 2px 18px; } #wrap .content .content-body #sub-nav.fixed-40 { position: fixed; top: 40px; text-align: left; margin-left: 35px; } #wrap .content .content-body #sub-nav.fixed-40 > a { font-size: 11.5pt; padding: 2px 16px; margin: 0px 4px; } #wrap .content .content-body #sub-nav.absolute { position: absolute; top: 20px; } #wrap .content .content-body #sub-nav.absolute > a { font-size: 13.5pt; padding: 2px 16px; margin-bottom: 10px; } #wrap .content .content-body .content-block .contactSpecialImg { display: none; } #wrap .content .content-body .content-block#kontakt-content-body { padding: 40px 0 0 0; /* Ausgeblendet da kein Inhalt */ } #wrap .content .content-body .content-block#kontakt-content-body .img-swich-box .img-swich h4, #wrap .content .content-body .content-block#kontakt-content-body .img-swich-box-2 .img-swich-2 h4 { padding: 12% 0 0 0; } @media (max-width: 544px) { #wrap .content .content-body .content-block#kontakt-content-body .img-swich-box .img-swich h4, #wrap .content .content-body .content-block#kontakt-content-body .img-swich-box-2 .img-swich-2 h4 { padding: 9% 0 0 0; } } @media (max-width: 544px) { #wrap .content .content-body .content-block#kontakt-content-body .img-swich-box-2#img-o-r-2, #wrap .content .content-body .content-block#kontakt-content-body .img-swich-box-2#img-u-l-2, #wrap .content .content-body .content-block#kontakt-content-body .img-swich-box-2#img-u-r-2 { display: none; } } #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box, #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box-2 { position: relative; top: 0; left: 0; padding-right: 20px; } #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box.contactSpecialLeft, #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box-2.contactSpecialLeft { max-height: 270px; } #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box.contactSpecialTrigger, #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box-2.contactSpecialTrigger { border: 2px solid white; } #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box.contactSpecialTrigger #contactSpecialWrap, #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box-2.contactSpecialTrigger #contactSpecialWrap { width: 100%; min-height: 268px; display: block; border: 2px solid #ffdc00; border-radius: 8px; } #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box.contactSpecialTrigger #contactSpecialWrap.out, #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box-2.contactSpecialTrigger #contactSpecialWrap.out { display: none; } @media (max-width: 544px) { #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box.contactSpecialTrigger #contactSpecialWrap.out, #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box-2.contactSpecialTrigger #contactSpecialWrap.out { opacity: 1 !important; display: block !important; } } #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box.contactSpecialTrigger #contactSpecialWrap > span, #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box-2.contactSpecialTrigger #contactSpecialWrap > span { margin: 25px 0; display: block; text-align: center; font-size: 14pt; line-height: 18pt; font-weight: 600; color: #4d4d4d; } #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box.contactSpecialTrigger #contactSpecialWrap > span > b, #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box-2.contactSpecialTrigger #contactSpecialWrap > span > b { color: #ffdc00; font-weight: 800; } #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box.contactSpecialTrigger #contactSpecialWrap > div, #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box-2.contactSpecialTrigger #contactSpecialWrap > div { background: #ffdc00; width: 100%; padding: 35px; box-sizing: border-box; font-size: 14pt; } #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box.contactSpecialTrigger #contactSpecialWrap > div > b, #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box-2.contactSpecialTrigger #contactSpecialWrap > div > b { margin-bottom: 10px; font-weight: 400; display: block; } #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box.contactSpecialTrigger #contactSpecialWrap > div > table td, #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box-2.contactSpecialTrigger #contactSpecialWrap > div > table td { font-size: 12pt; padding: 3px 0; } #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box.contactSpecialTrigger #contactSpecialWrap > div > table td > a, #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box-2.contactSpecialTrigger #contactSpecialWrap > div > table td > a { color: #4d4d4d; } #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box.contactSpecialTrigger #contactSpecialWrap > div > table td:first-of-type, #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box-2.contactSpecialTrigger #contactSpecialWrap > div > table td:first-of-type { width: 70px; } #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box.contactSpecial, #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box-2.contactSpecial { border: none; border-radius: 8px; overflow: hidden; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box .hobby-mobile, #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box-2 .hobby-mobile { width: 100%; position: relative; top: 0; left: 0; display: none !important; } @media (max-width: 544px) { #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box .hobby-mobile, #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box-2 .hobby-mobile { display: block !important; } } #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box .quote-mobile, #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box-2 .quote-mobile { width: 95%; margin-top: 20px; margin-bottom: 20px; margin-left: 0; font-weight: 600; font-style: italic; position: relative; top: 0; left: 0; display: none !important; } @media (max-width: 544px) { #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box .quote-mobile, #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box-2 .quote-mobile { display: block !important; } } #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box .hobby, #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box-2 .hobby { position: absolute; bottom: 0; left: 0; height: 200%; width: auto; margin-bottom: 4px; display: none; opacity: 0; } #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box .hobby.active, #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box-2 .hobby.active { display: block; -moz-animation: in 0.1s linear; -moz-animation-fill-mode: forwards; -moz-animation-delay: 0.1s; -webkit-animation: in 0.1s linear; -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 0.1s; animation: in 0.1s linear; animation-fill-mode: forwards; animation-delay: 0.1s; } @media (max-width: 544px) { #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box .hobby, #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box-2 .hobby { display: none !important; } } #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box .quote, #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box-2 .quote { position: absolute; top: 0; left: 0; margin-top: 25%; width: 90%; margin-left: 5%; display: none; opacity: 0; text-align: center; } #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box .quote.active, #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box-2 .quote.active { display: block; -moz-animation: in 0.1s linear; -moz-animation-fill-mode: forwards; -moz-animation-delay: 0.1s; -webkit-animation: in 0.1s linear; -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 0.1s; animation: in 0.1s linear; animation-fill-mode: forwards; animation-delay: 0.1s; } @media (max-width: 544px) { #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box .quote, #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box-2 .quote { display: none !important; } } #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box #hr-kontakt, #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box-2 #hr-kontakt { line-height: 21pt; font-size: 13pt; text-align: left; color: #4D4D4D; position: absolute; top: 30%; left: 25%; } #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box #hr-kontakt td:first-of-type, #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box-2 #hr-kontakt td:first-of-type { font-weight: 600; color: #ffdc00; width: 70px; } #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box #hr-kontakt a, #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box-2 #hr-kontakt a { color: #808080; } #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box #hr-kontakt a:hover, #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box-2 #hr-kontakt a:hover { color: #ffdc00; } #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box .img-swich, #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box-2 .img-swich, #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box .img-swich-2, #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box-2 .img-swich-2 { position: relative; top: 0; left: 0; } #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box .img-swich > .portrait, #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box-2 .img-swich > .portrait, #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box .img-swich-2 > .portrait, #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box-2 .img-swich-2 > .portrait { width: 100%; margin: 0; overflow: hidden; border-radius: 8px; } #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box .img-swich > .portrait.contactSpecialImg, #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box-2 .img-swich > .portrait.contactSpecialImg, #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box .img-swich-2 > .portrait.contactSpecialImg, #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box-2 .img-swich-2 > .portrait.contactSpecialImg { overflow: hidden; border-radius: 8px; } #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box .img-swich h4, #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box-2 .img-swich h4, #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box .img-swich-2 h4, #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box-2 .img-swich-2 h4 { background: rgba(0, 0, 0, 0.5); display: none; height: 99%; position: absolute; left: 0; top: 0; margin: 0; width: 100%; text-align: center; box-sizing: border-box; padding: 23% 0 0 0; color: #ffdc00; overflow: hidden; border-radius: 8px; font-size: 2em; line-height: 1.1em; } @media (max-width: 768px) { #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box .img-swich h4, #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box-2 .img-swich h4, #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box .img-swich-2 h4, #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box-2 .img-swich-2 h4 { padding: 16% 0 0 0; } } #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box .img-swich h4 > b, #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box-2 .img-swich h4 > b, #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box .img-swich-2 h4 > b, #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box-2 .img-swich-2 h4 > b { color: #ffdc00; } #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box .img-swich h4 > span, #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box-2 .img-swich h4 > span, #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box .img-swich-2 h4 > span, #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box-2 .img-swich-2 h4 > span { display: block; margin-top: 20px; font-weight: 400; color: white; line-height: 20pt; } #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box .img-swich h4 > a, #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box-2 .img-swich h4 > a, #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box .img-swich-2 h4 > a, #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box-2 .img-swich-2 h4 > a { font-size: 12pt; font-weight: 400; display: inline-block; position: relative; margin: 15px 0 0 0; } #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box .img-swich h4 > a:hover, #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box-2 .img-swich h4 > a:hover, #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box .img-swich-2 h4 > a:hover, #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box-2 .img-swich-2 h4 > a:hover { color: #ffdc00; } #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box .img-swich .contactSpecialH1, #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box-2 .img-swich .contactSpecialH1, #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box .img-swich-2 .contactSpecialH1, #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box-2 .img-swich-2 .contactSpecialH1 { padding-top: 17%; overflow: hidden; border-radius: 8px; } #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box .img-swich.out, #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box-2 .img-swich.out, #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box .img-swich-2.out, #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box-2 .img-swich-2.out { opacity: 0; } @media (max-width: 544px) { #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box .img-swich.out, #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box-2 .img-swich.out, #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box .img-swich-2.out, #wrap .content .content-body .content-block.img-swich-wrap .img-swich-box-2 .img-swich-2.out { opacity: 1 !important; } } #wrap .content .content-body .content-block.img-swich-wrap { background: white !important; } #wrap .content .content-body .content-block.even.leistung-detail-block { min-height: 440px; background: #88a8b6; /* Old browsers */ background: -moz-linear-gradient(top, #88a8b6 0%, #c6cfd6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #88a8b6), color-stop(100%, #c6cfd6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #88a8b6 0%, #c6cfd6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #88a8b6 0%, #c6cfd6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #88a8b6 0%, #c6cfd6 100%); /* IE10+ */ background: linear-gradient(to bottom, #88a8b6 0%, #c6cfd6 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#88a8b6', endColorstr='#c6cfd6', GradientType=0); /* IE6-9 */ } #wrap .content .content-body .content-block.even.leistung-detail-block .leistung-ul-block.center > div, #wrap .content .content-body .content-block.even.leistung-detail-block .leistungen-ul-block-lp.center > div { padding: 20px 20px 10px 20px; } #wrap .content .content-body .content-block.even.leistung-detail-block .leistung-ul-block.center > div b, #wrap .content .content-body .content-block.even.leistung-detail-block .leistungen-ul-block-lp.center > div b { text-align: center; } #wrap .content .content-body .content-block.even.leistung-detail-block .leistung-ul-block > div, #wrap .content .content-body .content-block.even.leistung-detail-block .leistungen-ul-block-lp > div { border-radius: 5px; position: relative; top: 0; left: 0; } #wrap .content .content-body#sub-leistung-content-body .icon { font-style: normal; font-size: 165px; border: 2px solid #ffdc00; padding: 10px; color: #ffdc00; float: left; margin-right: 20px; border-radius: 5px; } #wrap .content .content-body#sub-leistung-content-body .content-block .col > .content-ul { margin-top: 10px; margin-bottom: 10px; } #wrap .content .content-body#sub-leistung-content-body .content-block .col > .content-ul > li { font-size: 13pt; } #wrap .content .content-body#karriere-detail-content-body p b { font-size: 14pt; } #wrap .content .content-body#karriere-detail-content-body .content-block p a { color: #808080; } #wrap .content .content-body#karriere-detail-content-body .content-block p a:hover { color: #ffdc00; } #wrap .content .content-body#karriere-detail-content-body .content-block ul { margin-bottom: 20px; } #wrap .content .content-body#karriere-detail-content-body .content-block ul > li { font-size: 13pt; } #wrap .content .content-body#karriere-detail-content-body .content-block ul > li > a { color: #808080; } #wrap .content .content-body#karriere-detail-content-body .content-block ul > li > a:hover { color: #ffdc00; } #wrap .content .content-body#glossar-detail-content-body .contentElementGlossar > p { margin-bottom: 50px !important; } #wrap .content .content-body#glossar-detail-content-body p b { color: #4d4d4d; font-size: 14pt; } #wrap .content .content-body#glossar-detail-content-body h2 { color: #ffdc00; font-size: 30pt; } #wrap .content .content-body#glossar-detail-content-body .content-block p { margin-bottom: 50px; } #wrap .content .content-body#glossar-detail-content-body .content-block p a { white-space: nowrap; display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; color: #808080; } #wrap .content .content-body#glossar-detail-content-body .content-block p a:hover { color: #ffdc00; } #wrap .content .content-body#glossar-detail-content-body .content-block ul { margin-bottom: 20px; } #wrap .content .content-body#glossar-detail-content-body .content-block ul > li { font-size: 13pt; } #wrap .content .content-body#glossar-detail-content-body .content-block ul > li > a { color: #ffdc00; } #wrap .content .content-body#glossar-detail-content-body .content-block ul > li > a:hover { color: #4d4d4d; } #wrap .content .content-body#pauschalpreisliste-content-body #authMessage { color: red; margin-bottom: 15px; } #wrap .content .content-body#pauschalpreisliste-content-body #login-preisliste { min-height: 570px; font-size: 11pt; } #wrap .content .content-body#pauschalpreisliste-content-body #login-preisliste label { width: 100px; display: inline-block; } #wrap .content .content-body#pauschalpreisliste-content-body #login-preisliste input { width: 150px; border: 2px solid #ffdc00; outline: none; border-radius: 5px; padding: 5px 10px; margin: 10px 0; } #wrap .content .content-body#pauschalpreisliste-content-body #login-preisliste input[type='submit'] { background: #ffdc00; font-size: 11pt; cursor: pointer; } #wrap .content .content-body#pauschalpreisliste-content-body table { border-collapse: collapse; font-size: 10pt; } #wrap .content .content-body#pauschalpreisliste-content-body table thead { font-weight: 600; } #wrap .content .content-body#pauschalpreisliste-content-body table tr:nth-child(even) { background: rgba(0, 0, 0, 0.1); } #wrap .content .content-body#pauschalpreisliste-content-body table td { padding: 10px; } #wrap .content .content-body#pauschalpreisliste-content-body table.untersuchung-table td { width: 14.2%; } #wrap .content .content-body#pauschalpreisliste-content-body table.untersuchung-table td:nth-of-type(1) { width: 15%; } #wrap .content .content-body#pauschalpreisliste-content-body table.untersuchung-table td:nth-of-type(2) { width: 15%; } #wrap .content .content-body#pauschalpreisliste-content-body table.untersuchung-table td:nth-of-type(3) { width: 50%; } #wrap .content .content-body#pauschalpreisliste-content-body table.untersuchung-table td:nth-of-type(4) { width: 10%; text-align: right; } #wrap .content .content-body#pauschalpreisliste-content-body table.untersuchung-table td:nth-of-type(5) { width: 10%; text-align: right; } #wrap .content .content-body#pauschalpreisliste-content-body table.impfstoff-table, #wrap .content .content-body#pauschalpreisliste-content-body table.labor-table, #wrap .content .content-body#pauschalpreisliste-content-body table.geräte-table { float: left; width: 45%; } #wrap .content .content-body#pauschalpreisliste-content-body table.impfstoff-table:first-of-type, #wrap .content .content-body#pauschalpreisliste-content-body table.labor-table:first-of-type, #wrap .content .content-body#pauschalpreisliste-content-body table.geräte-table:first-of-type { margin-right: 10%; } #wrap .content .content-body#pauschalpreisliste-content-body table.impfstoff-table td:first-of-type, #wrap .content .content-body#pauschalpreisliste-content-body table.labor-table td:first-of-type, #wrap .content .content-body#pauschalpreisliste-content-body table.geräte-table td:first-of-type { width: 80%; min-width: 250px; } #wrap .content .content-body#pauschalpreisliste-content-body table.impfstoff-table td:last-of-type, #wrap .content .content-body#pauschalpreisliste-content-body table.labor-table td:last-of-type, #wrap .content .content-body#pauschalpreisliste-content-body table.geräte-table td:last-of-type { text-align: right; } #wrap .content .content-body#pauschalpreisliste-content-body table.impfstoff-table thead td:last-of-type, #wrap .content .content-body#pauschalpreisliste-content-body table.labor-table thead td:last-of-type, #wrap .content .content-body#pauschalpreisliste-content-body table.geräte-table thead td:last-of-type { text-align: right; } #wrap .content .content-body#home-content-body .leistungenSubNavigation { width: 80%; max-width: 1400px; margin-left: 10%; } #wrap .content .content-body#home-content-body .leistungenSubNavigation.desktop { display: table; } @media (max-width: 768px) { #wrap .content .content-body#home-content-body .leistungenSubNavigation.desktop { display: none; } } #wrap .content .content-body#home-content-body .leistungenSubNavigation.mobile { display: none; } @media (max-width: 768px) { #wrap .content .content-body#home-content-body .leistungenSubNavigation.mobile { display: table; } } #wrap .content .content-body#home-content-body .leistungenSubNavigation .leistung-icon { font-size: 70px; padding: 5px 5px; border: 2px solid white; color: white; transition: all 0.3s; -webkit-transition: all 0.3s; border-radius: 5px; display: inline-block; height: auto; } #wrap .content .content-body#home-content-body .leistungenSubNavigation .textLink { font-weight: 600; color: #ffdc00; margin: 15px 0; font-size: 16pt; transition: color 0.3s; -webkit-transition: color 0.3s; line-height: 16pt; } #wrap .content .content-body#home-content-body .leistungenSubNavigation .textLink:hover { color: white; } #wrap .content .content-body#home-content-body .leistungenSubNavigation #middleCol-bgm { margin-bottom: 15px; } #wrap .content .content-body#home-content-body .leistungenSubNavigation .leistung-link { display: block; color: white; transition: all 0.3s; -webkit-transition: all 0.3s; font-style: italic; font-size: 11pt; line-height: 13pt; margin-top: 7px; } #wrap .content .content-body#home-content-body .leistungenSubNavigation #eapIconWrapTable { background: url("../img/leistungen-line_ver.png") top center no-repeat; } @media (min-width: 750px) { #wrap .content .content-body#home-content-body .leistungenSubNavigation .tableIconWrap#eapIconWrap { position: absolute; top: 80px; left: 50%; z-index: 10; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); } } #wrap .content .content-body#home-content-body .leistungenSubNavigation .tableIconWrap:hover .leistung-icon { border: 2px solid #ffdc00; color: #ffdc00; } #wrap .content .content-body#home-content-body .leistungenSubNavigation .tableIconWrap:hover .leistung-link { color: #ffdc00; } #wrap .content .content-body#home-content-body .leistungenSubNavigation .lineColTop { overflow: hidden; vertical-align: middle; } #wrap .content .content-body#home-content-body .leistungenSubNavigation .lineColTop.left { text-align: left; } #wrap .content .content-body#home-content-body .leistungenSubNavigation .lineColTop.left > img { margin: 0px 0px 25px 0; position: relative; left: 45%; } #wrap .content .content-body#home-content-body .leistungenSubNavigation .lineColTop.right { text-align: right; } #wrap .content .content-body#home-content-body .leistungenSubNavigation .lineColTop.right > img { margin: 0px 0px 25px 0px; position: relative; right: 45%; } #wrap .content .content-body#home-content-body .leistungenSubNavigation .textMiddleCol { text-align: center; } #wrap .content .content-body#home-content-body .leistungenSubNavigation .iconCol { position: relative; top: 0; left: 0; width: 90px; text-align: center; vertical-align: top; } #wrap .content .content-body#home-content-body .leistungenSubNavigation .iconCol.middleCol { width: 180px; text-align: center; } #wrap .content .content-body#home-content-body .leistungenSubNavigation .iconCol.iconColLink { vertical-align: top; } #wrap .content .content-body#home-content-body .leistungenSubNavigation .firstRow { vertical-align: top; text-align: center; } #wrap .content .content-body#home-content-body .leistungenSubNavigation .lineCol { vertical-align: middle; text-align: center; background: url(../img/leistungen/leistungen-line.png) 50% 40% no-repeat; } #wrap .content .content-body#home-content-body #vision-wrap { margin-top: 70px; } #wrap .content .content-body#home-content-body #ani_02-wrap { background: white; } #wrap .content .content-body#home-content-body #ani_02-wrap .animation-stage #map-wrap { width: 90%; left: 5%; } #wrap .content .content-body#home-content-body .homeSectionFoot { overflow: hidden; } #wrap .content .content-body#home-content-body .homeSectionFoot .homeBtn { margin: 45px 0 25px 0; min-height: 40px; padding: 12px 20px; text-align: center; display: block; width: 40%; margin-left: 30%; box-sizing: border-box; border: 2px solid #ffdc00; border-radius: 5px; font-size: 14pt; float: left; color: white; background-color: #ffdc00; font-weight: 400; transition: all 0.3s; -webkit-transition: all 0.3s; } @media (max-width: 544px) { #wrap .content .content-body#home-content-body .homeSectionFoot .homeBtn { width: 100%; margin-left: 0; margin-top: 25px; } } #wrap .content .content-body#home-content-body .homeSectionFoot .homeBtn:hover { color: #ffdc00; background: transparent; } #wrap .content .content-body#home-content-body .homeSectionFoot .homeBtnSpan { display: inline-block; position: relative; top: 0; left: 0; text-align: center; width: 145px; margin: 0px 0 0 15px; font-family: 'dearjoe6'; color: #4d4d4d; font-size: 14pt; line-height: 16pt; } @media (max-width: 544px) { #wrap .content .content-body#home-content-body .homeSectionFoot .homeBtnSpan { width: 100%; margin: 0; } } #wrap .content .content-body#home-content-body .homeSectionFoot .homeBtnSpan > img { position: absolute; bottom: -35px; left: 0; } @media (max-width: 544px) { #wrap .content .content-body#home-content-body .homeSectionFoot .homeBtnSpan > img { display: none; } } #wrap .content .content-body#home-content-body .leistung-detail-block #min-kreislauf { position: relative; top: 0; left: 0; padding-top: 25px; padding-left: 25px; } #wrap .content .content-body#home-content-body .leistung-detail-block #min-kreislauf #arrMinCirculation { width: 20%; margin: 5% 2.5%; float: left; } #wrap .content .content-body#home-content-body .leistung-detail-block #min-kreislauf #arrMinCirculation.startAnimation { -moz-animation: rotate360 6s linear; -moz-animation-fill-mode: forwards; -moz-animation-iteration-count: infinite; -moz-animation-delay: 0; -webkit-animation: rotate360 6s linear; -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 0; -webkit-animation-iteration-count: infinite; animation: rotate360 6s linear; animation-fill-mode: forwards; animation-delay: 0; animation-iteration-count: infinite; } #wrap .content .content-body#home-content-body .leistung-detail-block .min-kreislauf-btn { width: 37.5%; border: 2px solid white; color: white; border-radius: 5px; padding: 7px; float: left; box-sizing: border-box; font-size: 12pt; transition: all 0.3s; -webkit-transition: all 0.3s; } #wrap .content .content-body#home-content-body .leistung-detail-block .min-kreislauf-btn > i { font-size: 18px; float: left; margin-right: 10px; } #wrap .content .content-body#home-content-body .leistung-detail-block .min-kreislauf-btn:hover { color: #ffdc00; border: 2px solid #ffdc00; } #wrap .content .content-body#home-content-body .leistung-detail-block .min-kreislauf-btn:last-of-type { float: none; clear: both; display: block; width: 40%; margin-left: calc((100% - 40) / 2); } #wrap .content .content-body#home-content-body .wer-sind-wir .col-4 { padding-left: 25px; } #wrap .content .content-body#home-content-body .wer-sind-wir .col-4 > img { margin-top: 10px; } #wrap .content .content-body#home-content-body .sub-nav { position: relative; top: 0; z-index: 8; width: 100%; left: 0; margin-top: 15px; text-align: center; margin-left: 0; } #wrap .content .content-body#home-content-body .sub-nav .lines { position: absolute; top: -30px; width: 75px; } #wrap .content .content-body#home-content-body .sub-nav .lines#lines-l { left: 50%; margin-left: -275px; } #wrap .content .content-body#home-content-body .sub-nav .lines#lines-r { left: 50%; margin-left: 200px; } #wrap .content .content-body#home-content-body .sub-nav.leistung-sub-nav .button-wrap { display: block; width: 100%; clear: both; } #wrap .content .content-body#home-content-body .sub-nav.leistung-sub-nav .button-wrap > a { font-weight: 600; color: white; margin-top: 15px; font-size: 16pt; transition: color 0.3s; -webkit-transition: color 0.3s; line-height: 16pt; } #wrap .content .content-body#home-content-body .sub-nav.leistung-sub-nav .button-wrap > a:hover { color: #ffdc00; } #wrap .content .content-body#home-content-body .sub-nav.leistung-sub-nav .sub-nav-element { overflow: hidden; } #wrap .content .content-body#home-content-body .sub-nav.leistung-sub-nav .sub-nav-element > img { margin: 45px 4px 0 4px; width: auto; } #wrap .content .content-body#home-content-body .sub-nav.leistung-sub-nav .sub-nav-element .link-wrap { width: 84px; } #wrap .content .content-body#home-content-body .sub-nav.leistung-sub-nav .sub-nav-element .link-wrap > a { margin: 5px 0px 0 0px; transition: all 0.3s; -webkit-transition: all 0.3s; } #wrap .content .content-body#home-content-body .sub-nav.leistung-sub-nav .sub-nav-element .link-wrap:hover a { color: #ffdc00; border-color: #ffdc00; } #wrap .content .content-body#home-content-body .sub-nav.leistung-sub-nav .sub-nav-element.left { z-index: 2; position: relative; margin-top: -50px; } #wrap .content .content-body#home-content-body .sub-nav.leistung-sub-nav .sub-nav-element.left > .link-wrap, #wrap .content .content-body#home-content-body .sub-nav.leistung-sub-nav .sub-nav-element.left > img { float: right; } #wrap .content .content-body#home-content-body .sub-nav.leistung-sub-nav .sub-nav-element.left #last-left { margin-right: 40px; } #wrap .content .content-body#home-content-body .sub-nav.leistung-sub-nav .sub-nav-element.left .button-wrap { text-align: right; } #wrap .content .content-body#home-content-body .sub-nav.leistung-sub-nav .sub-nav-element.left .button-wrap > a { margin-right: 85px; } #wrap .content .content-body#home-content-body .sub-nav.leistung-sub-nav .sub-nav-element.right { z-index: 2; position: relative; margin-top: -50px; } #wrap .content .content-body#home-content-body .sub-nav.leistung-sub-nav .sub-nav-element.right #last-right { margin-left: 40px; } #wrap .content .content-body#home-content-body .sub-nav.leistung-sub-nav .sub-nav-element.right .button-wrap { text-align: left; } #wrap .content .content-body#home-content-body .sub-nav.leistung-sub-nav .sub-nav-element.right .button-wrap > a { margin-left: 85px; } #wrap .content .content-body#home-content-body .sub-nav.leistung-sub-nav .sub-nav-element.right > .link-wrap, #wrap .content .content-body#home-content-body .sub-nav.leistung-sub-nav .sub-nav-element.top > .link-wrap, #wrap .content .content-body#home-content-body .sub-nav.leistung-sub-nav .sub-nav-element.right > img, #wrap .content .content-body#home-content-body .sub-nav.leistung-sub-nav .sub-nav-element.top > img { float: left; } #wrap .content .content-body#home-content-body .sub-nav.leistung-sub-nav .sub-nav-element.top { position: relative; top: 0; left: 0; height: 170px; clear: both; float: none; } #wrap .content .content-body#home-content-body .sub-nav.leistung-sub-nav .sub-nav-element.top .link-wrap { position: absolute; top: 40px; left: 50%; margin-left: calc(-84px / 2); } #wrap .content .content-body#home-content-body .sub-nav.leistung-sub-nav .sub-nav-element.top #lines-l { position: absolute; top: 107px; left: 50%; margin: 0; margin-left: -250px; } #wrap .content .content-body#home-content-body .sub-nav.leistung-sub-nav .sub-nav-element.top #lines-r { position: absolute; top: 107px; left: 50%; margin: 0 0 0 calc((84px / 2) + 10); } #wrap .content .content-body#home-content-body .sub-nav.leistung-sub-nav .leistung-icon { font-size: 70px; border: 2px solid white; color: white; border-radius: 5px; display: inline-block; height: auto; padding: 0px 0px; } #wrap .content .content-body#home-content-body .sub-nav.leistung-sub-nav .leistung-link { display: block; color: white; font-style: italic; font-size: 11pt; line-height: 13pt; } #wrap .content .content-body#home-content-body #referenz-wrap { background: #ffdc00; } #wrap .content .content-body#home-content-body #referenz-wrap .container .referenzen-detail { padding: 0 20px; } #wrap .content .content-body#home-content-body #referenz-wrap .container .referenzen-detail > div { position: relative; top: 0; left: 0; min-height: 365px; box-sizing: border-box; padding: 40px 20px; background: white; border-radius: 5px; -webkit-transform: scale(0.7); transform: scale(0.7); -webkit-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); -ms-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); } #wrap .content .content-body#home-content-body #referenz-wrap .container .referenzen-detail > div.standby:hover { -webkit-transform: scale(1); transform: scale(1); } #wrap .content .content-body#home-content-body #referenz-wrap .container .referenzen-detail > div.active { -webkit-transform: scale(1) !important; transform: scale(1) !important; } #wrap .content .content-body#home-content-body #referenz-wrap .container .referenzen-detail > div > img { max-width: 260px; } #wrap .content .content-body#home-content-body #referenz-wrap .container .referenzen-detail > div > p { font-size: 13pt; line-height: 18pt; margin: 30px 0 20px 0; font-style: italic; } #wrap .content .content-body#home-content-body #referenz-wrap .container .referenzen-detail > div > span { display: block; font-size: 11pt; line-height: 14pt; font-weight: 600; color: #808080; } #wrap .content .content-body#home-content-body #referenz-wrap .container .referenzen-detail > div #arr-u { position: absolute; bottom: -50px; left: 80px; right: 80px; width: 40px; } #wrap .content .content-body#home-content-body #referenz-wrap .container .referenzen-detail > div.left { margin-bottom: 200px; } @media (max-width: 992px) { #wrap .content .content-body#home-content-body #referenz-wrap .container .referenzen-detail > div.left { margin-bottom: 40px; } } #wrap .content .content-body#home-content-body #referenz-wrap .container .referenzen-detail > div.right { margin-top: 100px; margin-bottom: 70px; } @media (max-width: 992px) { #wrap .content .content-body#home-content-body #referenz-wrap .container .referenzen-detail > div.right { margin-top: 0; } } #wrap .content .content-body#karriere-content-body { background: #fff url(../img/leistungen/leistungen-kreislauf-bg.jpg) center top no-repeat fixed; } #wrap .content .content-body#karriere-content-body #beruefsmoeglichkeiten-list a { color: #808080; } #wrap .content .content-body#karriere-content-body .content-block ul li { font-size: 13pt; } #wrap .content .content-body#karriere-content-body #karriere-detail-ul li { font-size: 13pt; float: left; width: 25%; height: 100px; display: block; margin-top: 50px; color: #4d4d4d; } @media (max-width: 767px) { #wrap .content .content-body#karriere-content-body #karriere-detail-ul li { width: 50%; } } #wrap .content .content-body#karriere-content-body #karriere-detail-ul li:hover .karriere-detail-link, #wrap .content .content-body#karriere-content-body #karriere-detail-ul li:hover .karriere-detail-icon { border-color: #ffdc00; color: #ffdc00; } #wrap .content .content-body#karriere-content-body #karriere-detail-ul .karriere-detail-link { display: block; text-align: center; color: #4d4d4d; font-size: 12pt; line-height: 13pt; margin-top: 7px; transition: all 0.3s; -webkit-transition: all 0.3s; } #wrap .content .content-body#karriere-content-body #karriere-detail-ul .karriere-detail-icon { font-size: 70px; position: relative; left: 50%; color: #4d4d4d; margin-left: -42px; border: 2px solid #4d4d4d; border-radius: 5px; padding: 5px; text-align: center; transition: all 0.3s; -webkit-transition: all 0.3s; display: inline-block; } #wrap .content .content-body#karriere-content-body #filter { background: #ffdc00; border-radius: 10px; padding: 20px; } #wrap .content .content-body#karriere-content-body #filter #input-wrap { overflow: hidden; padding: 0 0 10px 0; border-bottom: 1px solid white; } #wrap .content .content-body#karriere-content-body #filter #input-wrap > i { color: white; font-size: 25px; margin-right: 10px; float: left; } #wrap .content .content-body#karriere-content-body #filter #input-wrap input { border: 0; background: transparent; color: white; font-size: 12pt; outline: 0; width: 170px; margin-top: 2px; } #wrap .content .content-body#karriere-content-body #filter #input-wrap input::-webkit-input-placeholder { /* WebKit browsers */ color: #fff; } #wrap .content .content-body#karriere-content-body #filter #input-wrap input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #fff; opacity: 1; } #wrap .content .content-body#karriere-content-body #filter #input-wrap input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #fff; opacity: 1; } #wrap .content .content-body#karriere-content-body #filter #input-wrap input:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #fff; } #wrap .content .content-body#karriere-content-body #filter .select-wrap { border: 2px solid white; border-radius: 5px; width: 100%; overflow: hidden; margin-top: 20px; box-sizing: border-box; } #wrap .content .content-body#karriere-content-body #filter .select-wrap select { border: 0; background: transparent; outline: 0; width: 110%; height: 28px; font-size: 12pt; padding: 0 5px; color: white; background: url(../img/bg-select.png) no-repeat 90% -1px; } #wrap .content .content-body#karriere-content-body #filter .select-wrap option { color: #4d4d4d; width: 100%; } #wrap .content .content-body#referenzen-content-body h3 { margin-left: 15px; } #wrap .content .content-body#referenzen-content-body #referenz-ani-wrap { background-image: url(../img/animationen/01/bg.jpg); background-size: 100% auto; background-position: 50% 0%; position: relative; top: 0; left: 0; z-index: 2; } #wrap .content .content-body#referenzen-content-body #referenz-ani-wrap.start-ani { -moz-animation: sonneRefe 20s linear; -moz-animation-fill-mode: forwards; -moz-animation-iteration-count: 1; -moz-animation-delay: 0s; -webkit-animation: sonneRefe 20s linear; -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 0s; -webkit-animation-iteration-count: 1; animation: sonneRefe 20s linear; animation-fill-mode: forwards; animation-delay: 0s; animation-iteration-count: 1; } @media (max-width: 544px) { #wrap .content .content-body#referenzen-content-body #referenz-ani-wrap { background-size: auto 100%; } } @media (max-width: 768px) { #wrap .content .content-body#referenzen-content-body #referenz-ani-wrap #ani_referenzen { -webkit-transform: scale(0.6); transform: scale(0.6); } } #wrap .content .content-body#referenzen-content-body #referenz-ani-wrap #boden { height: 50px; position: absolute; bottom: 0; left: 0; width: 100%; z-index: 0; background-color: white; } @media (max-width: 768px) { #wrap .content .content-body#referenzen-content-body #referenz-ani-wrap #boden { height: 125px; } } #wrap .content .content-body#referenzen-content-body #referenz-ani-wrap .wolke { position: absolute; } @media (max-width: 768px) { #wrap .content .content-body#referenzen-content-body #referenz-ani-wrap .wolke { display: none; } } #wrap .content .content-body#referenzen-content-body #referenz-ani-wrap .wolke:nth-of-type(1) { top: 160px; left: -90px; width: 90px; } #wrap .content .content-body#referenzen-content-body #referenz-ani-wrap .wolke:nth-of-type(1).start-ani { -moz-animation: wolken4 60s linear infinite; -moz-animation-fill-mode: forwards; -moz-animation-delay: 12s; -webkit-animation: wolken4 60s linear infinite; -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 12s; animation: wolken4 60s linear infinite; animation-fill-mode: forwards; animation-delay: 12s; } #wrap .content .content-body#referenzen-content-body #referenz-ani-wrap .wolke:nth-of-type(2) { top: 90px; left: -125px; width: 125px; } #wrap .content .content-body#referenzen-content-body #referenz-ani-wrap .wolke:nth-of-type(2).start-ani { -moz-animation: wolken4 60s linear infinite; -moz-animation-fill-mode: forwards; -webkit-animation: wolken4 60s linear infinite; -webkit-animation-fill-mode: forwards; animation: wolken4 60s linear infinite; animation-fill-mode: forwards; } #wrap .content .content-body#referenzen-content-body #referenz-ani-wrap .wolke:nth-of-type(3) { top: 30px; left: -150px; width: 150px; } #wrap .content .content-body#referenzen-content-body #referenz-ani-wrap .wolke:nth-of-type(3).start-ani { -moz-animation: wolken4 59s linear infinite; -moz-animation-fill-mode: forwards; -moz-animation-delay: 20s; -webkit-animation: wolken4 59s linear infinite; -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 20s; animation: wolken4 59s linear infinite; animation-fill-mode: forwards; animation-delay: 20s; } #wrap .content .content-body#referenzen-content-body #referenz-ani-wrap .wolke:nth-of-type(4) { top: 230px; left: -60px; width: 60px; } #wrap .content .content-body#referenzen-content-body #referenz-ani-wrap .wolke:nth-of-type(4).start-ani { -moz-animation: wolken4 60s linear infinite; -moz-animation-fill-mode: forwards; -moz-animation-delay: 20s; -webkit-animation: wolken4 60s linear infinite; -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 20s; animation: wolken4 60s linear infinite; animation-fill-mode: forwards; animation-delay: 20s; } #wrap .content .content-body#referenzen-content-body #referenz-ani-wrap .wolke:nth-of-type(5) { top: 70px; left: -190px; width: 190px; } #wrap .content .content-body#referenzen-content-body #referenz-ani-wrap .wolke:nth-of-type(5).start-ani { -moz-animation: wolken4 59s linear infinite; -moz-animation-fill-mode: forwards; -moz-animation-delay: 32s; -webkit-animation: wolken4 59s linear infinite; -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 32s; animation: wolken4 59s linear infinite; animation-fill-mode: forwards; animation-delay: 32s; } #wrap .content .content-body#referenzen-content-body #referenz-wrap { background: #ffdc00; } #wrap .content .content-body#referenzen-content-body #referenz-wrap .container h3 { color: #404040; } #wrap .content .content-body#referenzen-content-body #referenz-wrap .container #logos { position: relative; top: 0; left: 0; float: none; clear: both; overflow: hidden; } #wrap .content .content-body#referenzen-content-body #referenz-wrap .container #logos .referenzen-logo > img { width: 100%; border-radius: 5px; cursor: default; } #wrap .content .content-body#referenzen-content-body #referenz-wrap .container .referenzen-detail > div { position: relative; top: 0; left: 0; min-height: 365px; box-sizing: border-box; padding: 40px 20px; background: white; border-radius: 5px; -webkit-transform: scale(0.75); transform: scale(0.75); -webkit-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); -ms-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); } #wrap .content .content-body#referenzen-content-body #referenz-wrap .container .referenzen-detail > div.standby:hover { -webkit-transform: scale(1); transform: scale(1); } #wrap .content .content-body#referenzen-content-body #referenz-wrap .container .referenzen-detail > div.active { -webkit-transform: scale(1) !important; transform: scale(1) !important; } #wrap .content .content-body#referenzen-content-body #referenz-wrap .container .referenzen-detail > div > img { max-width: 260px; } #wrap .content .content-body#referenzen-content-body #referenz-wrap .container .referenzen-detail > div > p { font-size: 13pt; line-height: 18pt; margin: 30px 0 20px 0; font-style: italic; } #wrap .content .content-body#referenzen-content-body #referenz-wrap .container .referenzen-detail > div > span { display: block; font-size: 11pt; line-height: 14pt; font-weight: 600; color: #808080; } #wrap .content .content-body#referenzen-content-body #referenz-wrap .container .referenzen-detail > div #arr-u { position: absolute; bottom: -50px; left: 80px; right: 80px; width: 40px; } #wrap .content .content-body#referenzen-content-body #referenz-wrap .container .referenzen-detail > div#element05 { margin-bottom: 100px; } @media (max-width: 768px) { #wrap .content .content-body#referenzen-content-body #referenz-wrap .container .referenzen-detail > div#element05 { margin: 0 0 60px 0 !important; } } #wrap .content .content-body#referenzen-content-body #referenz-wrap .container .referenzen-detail > div.left { margin-bottom: 50px; } @media (max-width: 768px) { #wrap .content .content-body#referenzen-content-body #referenz-wrap .container .referenzen-detail > div.left { margin: 0 !important; } } #wrap .content .content-body#referenzen-content-body #referenz-wrap .container .referenzen-detail > div.right { margin-top: 50px; margin-bottom: 0px; } @media (max-width: 992px) { #wrap .content .content-body#referenzen-content-body #referenz-wrap .container .referenzen-detail > div.right { margin: 0 !important; } } #wrap .content .content-body#referenzen-content-body #partner { background-color: #ACBCC6; } #wrap .content .content-body#referenzen-content-body #partner h3 { color: white; } #wrap .content .content-body#referenzen-content-body #partner #showPartner { position: relative; display: inline-block; padding: 10px; color: #4D4D4D; box-sizing: border-box; border: 2px solid #4D4D4D; border-radius: 5px; font-size: 17px; text-align: center; margin-bottom: 50px; margin-left: auto; margin-right: auto; } #wrap .content .content-body#referenzen-content-body #partner #wrapperMe { display: none; } #wrap .content .content-body#referenzen-content-body #partner .referenzen-detail > div, #wrap .content .content-body#referenzen-content-body #partner .referenzen_detail_partner > div { position: relative; top: 0; left: 0; min-height: 365px; box-sizing: border-box; padding: 40px 20px; background: white; border-radius: 5px; -webkit-transform: scale(0.75); transform: scale(0.75); -webkit-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); -ms-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); } #wrap .content .content-body#referenzen-content-body #partner .referenzen-detail > div.standby:hover, #wrap .content .content-body#referenzen-content-body #partner .referenzen_detail_partner > div.standby:hover { -webkit-transform: scale(1); transform: scale(1); } #wrap .content .content-body#referenzen-content-body #partner .referenzen-detail > div.active, #wrap .content .content-body#referenzen-content-body #partner .referenzen_detail_partner > div.active { -webkit-transform: scale(1) !important; transform: scale(1) !important; } #wrap .content .content-body#referenzen-content-body #partner .referenzen-detail > div > div, #wrap .content .content-body#referenzen-content-body #partner .referenzen_detail_partner > div > div { position: relative; } #wrap .content .content-body#referenzen-content-body #partner .referenzen-detail > div > div:after, #wrap .content .content-body#referenzen-content-body #partner .referenzen_detail_partner > div > div:after { clear: both; content: " "; display: table; } #wrap .content .content-body#referenzen-content-body #partner .referenzen-detail > div > div > div:after, #wrap .content .content-body#referenzen-content-body #partner .referenzen_detail_partner > div > div > div:after, #wrap .content .content-body#referenzen-content-body #partner .referenzen-detail > div > div img:after, #wrap .content .content-body#referenzen-content-body #partner .referenzen_detail_partner > div > div img:after { clear: both; content: " "; display: table; } #wrap .content .content-body#referenzen-content-body #partner .referenzen-detail > div > div > img, #wrap .content .content-body#referenzen-content-body #partner .referenzen_detail_partner > div > div > img { max-width: 200px; position: absolute; top: 50%; transform: translateY(-50%); } #wrap .content .content-body#referenzen-content-body #partner .referenzen-detail > div > div > div, #wrap .content .content-body#referenzen-content-body #partner .referenzen_detail_partner > div > div > div { display: inline-block; padding-left: 230px; } #wrap .content .content-body#referenzen-content-body #partner .referenzen-detail > div > div > div > *, #wrap .content .content-body#referenzen-content-body #partner .referenzen_detail_partner > div > div > div > * { display: block; color: #404040; } #wrap .content .content-body#referenzen-content-body #partner .referenzen-detail > div > div > div span, #wrap .content .content-body#referenzen-content-body #partner .referenzen_detail_partner > div > div > div span { font-size: 22px; font-weight: 600; margin-bottom: 15px; line-height: 24px; } #wrap .content .content-body#referenzen-content-body #partner .referenzen-detail > div > div > div a, #wrap .content .content-body#referenzen-content-body #partner .referenzen_detail_partner > div > div > div a { cursor: pointer; font-size: 16px; line-height: 18px; } @media (max-width: 768px) { #wrap .content .content-body#referenzen-content-body #partner .referenzen-detail > div > div > img, #wrap .content .content-body#referenzen-content-body #partner .referenzen_detail_partner > div > div > img { position: relative; display: block; transform: none; } #wrap .content .content-body#referenzen-content-body #partner .referenzen-detail > div > div > div, #wrap .content .content-body#referenzen-content-body #partner .referenzen_detail_partner > div > div > div { padding-left: 0; margin-top: 35px; } #wrap .content .content-body#referenzen-content-body #partner .referenzen-detail > div > div > div > *, #wrap .content .content-body#referenzen-content-body #partner .referenzen_detail_partner > div > div > div > * { display: block; } #wrap .content .content-body#referenzen-content-body #partner .referenzen-detail > div > div > div span, #wrap .content .content-body#referenzen-content-body #partner .referenzen_detail_partner > div > div > div span { font-size: 18px; } #wrap .content .content-body#referenzen-content-body #partner .referenzen-detail > div > div > div a, #wrap .content .content-body#referenzen-content-body #partner .referenzen_detail_partner > div > div > div a { font-size: 16px; } } #wrap .content .content-body#referenzen-content-body #partner .referenzen-detail > div > p, #wrap .content .content-body#referenzen-content-body #partner .referenzen_detail_partner > div > p { font-size: 13pt; line-height: 18pt; margin: 50px 0 20px 0; font-style: italic; } #wrap .content .content-body#referenzen-content-body #partner .referenzen-detail > div > span, #wrap .content .content-body#referenzen-content-body #partner .referenzen_detail_partner > div > span { display: block; font-size: 11pt; line-height: 14pt; font-weight: 600; color: #808080; } #wrap .content .content-body#referenzen-content-body #partner .referenzen-detail > div #arr-u, #wrap .content .content-body#referenzen-content-body #partner .referenzen_detail_partner > div #arr-u { position: absolute; bottom: -50px; left: 80px; right: 80px; width: 40px; } #wrap .content .content-body#referenzen-content-body #partner .referenzen-detail > div#element05, #wrap .content .content-body#referenzen-content-body #partner .referenzen_detail_partner > div#element05 { margin-bottom: 100px; } @media (max-width: 768px) { #wrap .content .content-body#referenzen-content-body #partner .referenzen-detail > div#element05, #wrap .content .content-body#referenzen-content-body #partner .referenzen_detail_partner > div#element05 { margin: 0 0 60px 0 !important; } } #wrap .content .content-body#referenzen-content-body #partner .referenzen-detail > div.left, #wrap .content .content-body#referenzen-content-body #partner .referenzen_detail_partner > div.left { margin-bottom: 50px; } @media (max-width: 768px) { #wrap .content .content-body#referenzen-content-body #partner .referenzen-detail > div.left, #wrap .content .content-body#referenzen-content-body #partner .referenzen_detail_partner > div.left { margin: 0 !important; } } #wrap .content .content-body#referenzen-content-body #partner .referenzen-detail > div.right, #wrap .content .content-body#referenzen-content-body #partner .referenzen_detail_partner > div.right { margin-top: 50px; margin-bottom: 0px; } @media (max-width: 992px) { #wrap .content .content-body#referenzen-content-body #partner .referenzen-detail > div.right, #wrap .content .content-body#referenzen-content-body #partner .referenzen_detail_partner > div.right { margin: 0 !important; } } #wrap .content .content-body#referenzen-content-body #partner .referenzen_detail_partner { margin-bottom: 40px; } #wrap .content .content-body#referenzen-content-body #partner .referenzen_detail_partner > div { width: 98%; transform: none; min-height: auto; } #wrap .content .content-body#referenzen-content-body #partner .referenzen_detail_partner > div.right { margin-top: 0; margin-bottom: 0; } #wrap .content .content-body#referenzen-content-body #partner .referenzen_detail_partner > div.left { margin-bottom: 0; } #wrap .content .content-body#referenzen-content-body #partner .referenzen_detail_partner > div ul, #wrap .content .content-body#referenzen-content-body #partner .referenzen_detail_partner > div ol { list-style-position: outside; padding-left: 35px; margin-bottom: 0; } #wrap .content .content-body#referenzen-content-body #partner .referenzen_detail_partner > div ul li, #wrap .content .content-body#referenzen-content-body #partner .referenzen_detail_partner > div ol li { font-size: 13pt; list-style: disc; line-height: 18pt; font-style: italic; } #wrap .content .content-body#referenzen-content-body #partner .referenzen_detail_partner > div > div { position: relative; margin-bottom: 30px; } #wrap .content .content-body#referenzen-content-body #partner .referenzen_detail_partner > div > div:after { clear: both; content: " "; display: table; } #wrap .content .content-body#referenzen-content-body #partner .referenzen_detail_partner > div > div > div { padding-left: 0; margin-bottom: 0; } #wrap .content .content-body#referenzen-content-body #partner .referenzen_detail_partner > div > div > div.partnerWrapper { float: left; border: 1px solid #e6e6e6; border-radius: 5px; width: 170px; height: 170px; position: relative; } #wrap .content .content-body#referenzen-content-body #partner .referenzen_detail_partner > div > div > div.partnerWrapper img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 85%; } #wrap .content .content-body#referenzen-content-body #partner .referenzen_detail_partner > div > div > div.partnerTextWrapper { float: right; width: calc(100% - 190px); height: 170px; position: relative; } #wrap .content .content-body#referenzen-content-body #partner .referenzen_detail_partner > div > div > div.partnerTextWrapper > div { position: absolute; top: 50%; transform: translateY(-50%); } #wrap .content .content-body#referenzen-content-body #partner .referenzen_detail_partner > div > div > div.partnerTextWrapper > div a { color: black; } #wrap .content .content-body#referenzen-content-body #partner .referenzen_detail_partner > div > div > div.partnerTextWrapper > div a:hover { color: #ffdc00; } #wrap .content .content-body#referenzen-content-body #partner .referenzen_detail_partner > div > div > div.partnerTextWrapper > div span { padding-right: 15px; display: block; } @media (max-width: 768px) { #wrap .content .content-body#referenzen-content-body #partner .referenzen_detail_partner > div > div > div { margin-top: 0; } } @media (max-width: 544px) { #wrap .content .content-body#referenzen-content-body #partner .referenzen_detail_partner > div > div > div.partnerWrapper { width: 100%; float: none; } #wrap .content .content-body#referenzen-content-body #partner .referenzen_detail_partner > div > div > div.partnerTextWrapper { width: 100%; float: none; height: auto; } #wrap .content .content-body#referenzen-content-body #partner .referenzen_detail_partner > div > div > div.partnerTextWrapper > div { margin-top: 20px; position: relative; top: 0; transform: none; } } #wrap .content .content-body#referenzen-content-body .referenzenEinleitung { line-height: 21pt; font-size: 13pt; padding: 0 15px 45px; } #wrap .content .content-body#referenzen-content-body #compliance h3 { margin-left: 0px; } #wrap .content .content-body#referenzen-content-body #compliance .referenzenEinleitung { padding: 0 0 45px; } #wrap .content .content-body#leistungen-content-body { /* Step */ } #wrap .content .content-body#leistungen-content-body .lines { display: none; } #wrap .content .content-body#leistungen-content-body #sub-nav.fixed-default { position: fixed; top: 65%; } #wrap .content .content-body#leistungen-content-body #sub-nav.fixed-default #leistungen-sub-nav-step { position: absolute; top: -50px; left: 50%; margin-left: calc(-380px / 2); } #wrap .content .content-body#leistungen-content-body #sub-nav.fixed-default .lines { display: block; } @media (max-width: 768px) { #wrap .content .content-body#leistungen-content-body #sub-nav { display: none; } } #wrap .content .content-body#leistungen-content-body #leistungen-bild { min-height: 2070px; background: #fff url(../img/leistungen/leistungen-kreislauf-bg.jpg) center top no-repeat fixed; background-size: 100% auto; } @media (max-width: 992px) { #wrap .content .content-body#leistungen-content-body #leistungen-bild { min-height: 2440px; background-size: auto 100%; } } @media (max-width: 768px) { #wrap .content .content-body#leistungen-content-body #leistungen-bild { min-height: inherit; background-size: auto 100%; } } #wrap .content .content-body#leistungen-content-body .container { position: relative; /* BOXEN UM KREISLAUF */ /* BOX UNTER KREISLAUF */ } #wrap .content .content-body#leistungen-content-body .container > h1.dark > span { color: #4d4d4d !important; } #wrap .content .content-body#leistungen-content-body .container #text-block { margin-top: 50px; } #wrap .content .content-body#leistungen-content-body .container #text-block b { font-size: 15pt; } #wrap .content .content-body#leistungen-content-body .container #text-block ul { margin-bottom: 30px; } #wrap .content .content-body#leistungen-content-body .container #text-block ul li { font-size: 13pt; } #wrap .content .content-body#leistungen-content-body .container #text-block, #wrap .content .content-body#leistungen-content-body .container #arbeits-und-gesundheitsschutz { opacity: 1; } #wrap .content .content-body#leistungen-content-body .container #kreislauf { position: relative; top: 0; left: 0; opacity: 1; } #wrap .content .content-body#leistungen-content-body .container #kreislauf > #kreislauf-arr { position: fixed; top: 50%; left: 50%; width: 250px; height: 250px; margin: -110px 0 0 calc(-250px / 2); opacity: 0; transition: opacity 0.5s; -webkit-transition: opacity 0.5s; } @media (max-width: 768px) { #wrap .content .content-body#leistungen-content-body .container #kreislauf > #kreislauf-arr { display: none !important; } } #wrap .content .content-body#leistungen-content-body .container #kreislauf > #kreislauf-arr.animate { opacity: 1; } #wrap .content .content-body#leistungen-content-body .container #kreislauf > #kreislauf-logo { position: fixed; top: 50%; left: 50%; margin-left: calc(-600px / 2); margin-top: calc(-600px / 2); width: 600px; opacity: 1; display: none; transition: opacity 0.5s; -webkit-transition: opacity 0.5s; } @media (max-width: 768px) { #wrap .content .content-body#leistungen-content-body .container #kreislauf > #kreislauf-logo { display: none !important; } } #wrap .content .content-body#leistungen-content-body .container #kreislauf > #kreislauf-logo.animate { opacity: 1; } #wrap .content .content-body#leistungen-content-body .container .cycle-box-animation { opacity: 1 !important; } #wrap .content .content-body#leistungen-content-body .container .cycle-box { width: 300px; padding: 20px; border: 1px solid white; border-radius: 5px; position: fixed; opacity: 0; display: block; background: rgba(0, 0, 0, 0.15); box-sizing: border-box; transition: opacity 0.5s; -webkit-transition: opacity 0.5s; } @media (max-width: 768px) { #wrap .content .content-body#leistungen-content-body .container .cycle-box { position: relative !important; top: 0 !important; left: 0 !important; margin: 0 0 10px 0 !important; opacity: 1; display: block !important; width: 100% !important; } } #wrap .content .content-body#leistungen-content-body .container .cycle-box.animate { opacity: 1; transition: opacity 0.5s; -webkit-transition: opacity 0.5s; } #wrap .content .content-body#leistungen-content-body .container .cycle-box#analyse { top: 50%; left: 50%; margin-top: -255px; margin-left: -500px; } @media (max-width: 992px) { #wrap .content .content-body#leistungen-content-body .container .cycle-box#analyse { margin-left: -365px; } } #wrap .content .content-body#leistungen-content-body .container .cycle-box#strategie { top: 50%; right: 50%; margin-top: -255px; margin-right: -500px; } @media (max-width: 992px) { #wrap .content .content-body#leistungen-content-body .container .cycle-box#strategie { margin-right: -365px; } } #wrap .content .content-body#leistungen-content-body .container .cycle-box#loesungen { top: 50%; right: 50%; margin-top: 165px; margin-right: -325px; width: 600px; } #wrap .content .content-body#leistungen-content-body .container .cycle-box > span { font-size: 17pt; color: #ffdc00; font-weight: 400; display: block; overflow: hidden; margin-bottom: 10px; } #wrap .content .content-body#leistungen-content-body .container .cycle-box > span > img { height: 36px; float: left; } #wrap .content .content-body#leistungen-content-body .container .cycle-box > span > span { font-size: 17pt; color: #ffdc00; font-weight: 400; margin: 10px 0 0 10px; display: inline-block; } #wrap .content .content-body#leistungen-content-body .container .cycle-box > p { color: white; font-size: 11pt; /* Toni: Neu hinzugefügt */ line-height: 16pt; /* Toni: Neu hinzugefügt */ text-align: justify; /* Toni: Neu hinzugefügt */ } #wrap .content .content-body#leistungen-content-body .container .animate-element { display: none; } #wrap .content .content-body#leistungen-content-body .container #leistungen-uebersicht-box { overflow: hidden; margin-bottom: 60px; background: white; border-radius: 10px; margin-top: 1400px; box-sizing: border-box; padding-top: 20px; padding-bottom: 20px; color: #4d4d4d; opacity: 0; transition: opacity 0.6s; -webkit-transition: opacity 0.6s; } @media (max-width: 768px) { #wrap .content .content-body#leistungen-content-body .container #leistungen-uebersicht-box { opacity: 1 !important; margin-top: 50px; position: relative; padding: 20px 20px !important; } } #wrap .content .content-body#leistungen-content-body .container #leistungen-uebersicht-box.animation { opacity: 1; } #wrap .content .content-body#leistungen-content-body .container #leistungen-uebersicht-box h3 { padding: 0 15px; } #wrap .content .content-body#leistungen-content-body .container #leistungen-uebersicht-box .box-text { padding: 0 30px; } #wrap .content .content-body#leistungen-content-body .container #leistungen-uebersicht-box h3 { font-size: 18pt; line-height: 18pt; font-weight: 400; margin-top: 10px; margin-bottom: 0; } #wrap .content .content-body#leistungen-content-body .container #leistungen-uebersicht-box span { font-size: 16pt; font-weight: 400; color: #4d4d4d; margin: 20px 0 10px 0; clear: both; line-height: 16pt; display: block; } #wrap .content .content-body#leistungen-content-body .container #leistungen-uebersicht-box #leistungen-uebersicht-box-left { margin-left: 110%; transition: margin 0.3s; -webkit-transition: margin 0.3s; } @media (max-width: 768px) { #wrap .content .content-body#leistungen-content-body .container #leistungen-uebersicht-box #leistungen-uebersicht-box-left { margin-left: 0 !important; } } #wrap .content .content-body#leistungen-content-body .container #leistungen-uebersicht-box #leistungen-uebersicht-box-right { margin-left: -110%; transition: margin 0.3s; -webkit-transition: margin 0.3s; } @media (max-width: 768px) { #wrap .content .content-body#leistungen-content-body .container #leistungen-uebersicht-box #leistungen-uebersicht-box-right { margin-left: 0 !important; } } #wrap .content .content-body#leistungen-content-body .container #leistungen-uebersicht-box .right { box-sizing: border-box; overflow: hidden; } #wrap .content .content-body#leistungen-content-body .container #leistungen-uebersicht-box .left { border-right: 1px solid #4d4d4d; overflow: hidden; } #wrap .content .content-body#leistungen-content-body .container #leistungen-uebersicht-box p { text-align: justify; color: #4d4d4d; font-size: 12pt; line-height: 21pt; } #wrap .content .content-body#leistungen-content-body .container #leistungen-uebersicht-box .quick-links { text-align: center; display: block; padding: 0; margin-bottom: 0; } #wrap .content .content-body#leistungen-content-body .container #leistungen-uebersicht-box .quick-links > i { color: #4d4d4d; font-size: 70px; padding: 15px 15px; border: 2px solid #4d4d4d; display: inline-block; border-radius: 5px; margin-bottom: 10px; } #wrap .content .content-body#leistungen-content-body .container #leistungen-uebersicht-box .quick-links > span { display: block; color: #4d4d4d; text-align: center; font-size: 11pt; } #wrap .content .content-body#leistungen-content-body .container #leistungen-uebersicht-box .quick-links:hover { color: #ffdc00; } #wrap .content .content-body#leistungen-content-body .container #leistungen-uebersicht-box .quick-links:hover > i { color: #ffdc00; border: 2px solid #ffdc00; } #wrap .content .content-body#leistungen-content-body .container #leistungen-uebersicht-box .quick-links:hover > span { color: #ffdc00; } #wrap .content .content-body#eflyer-content-body .footer-wrap .footer-head .foot-head-element#right { margin: 0 0 0 8.33333333%; } @media (max-width: 768px) { #wrap .content .content-body#eflyer-content-body .footer-wrap .footer-head .foot-head-element#right { margin: 0; } } #wrap .content .content-body .content-block { clear: both; width: 100%; overflow: hidden; padding: 40px 0; position: relative; top: 0; left: 0; /* E-Fyler */ /* Animation Referenzen */ /* // Animation Referenzen */ /* GESUNDHEITSHUETER ANIMATION */ /* // GESUNDHEITSHUETER ANIMATION */ } #wrap .content .content-body .content-block.noPadding { padding: 0 0; } #wrap .content .content-body .content-block .quote-wrap { position: relative; top: 0; left: 0; } #wrap .content .content-body .content-block .quote-wrap > img { width: 100%; margin-top: 30px; } @media (max-width: 768px) { #wrap .content .content-body .content-block .quote-wrap > img { margin-top: 80px; } } @media (max-width: 544px) { #wrap .content .content-body .content-block .quote-wrap > img { width: 200%; margin-left: -50%; } } #wrap .content .content-body .content-block .quote-wrap .quote-his { width: 100%; margin: auto; } #wrap .content .content-body .content-block .quote-wrap .quote-his#first-quote { position: absolute; top: 19%; left: 0; } #wrap .content .content-body .content-block .quote-wrap .quote-his#first-quote br { display: none; } @media (min-width: 992px) { #wrap .content .content-body .content-block .quote-wrap .quote-his#first-quote br { display: block; } } @media (max-width: 544px) { #wrap .content .content-body .content-block .quote-wrap .quote-his#first-quote br { display: block; } } #wrap .content .content-body .content-block .quote-wrap .quote-his#sec-quote { margin-top: 30px; margin-bottom: 50px; } #wrap .content .content-body .content-block .quote-wrap .quote-his#future-quote { position: absolute; top: 45%; font-size: 18pt; font-family: 'dearjoe6'; } #wrap .content .content-body .content-block .quote-wrap .quote-his#future-quote > i { font-size: 18pt; line-height: 18pt; } #wrap .content .content-body .content-block .quote-wrap .quote-his > i { color: #4d4d4d; text-align: center; display: block; width: 60%; margin-left: 20%; font-size: 15pt; line-height: 22pt; } @media (max-width: 544px) { #wrap .content .content-body .content-block .quote-wrap .quote-his > i { width: 90%; margin-left: 5%; font-size: 12pt; line-height: 16pt; } } #wrap .content .content-body .content-block .quote-wrap .quote-his span { text-align: center; display: block; margin-top: 10px; font-size: 13pt; font-weight: 600; color: #808080; } #wrap .content .content-body .content-block.odd { background: white; } #wrap .content .content-body .content-block.odd .center-this h1 > span { color: #4d4d4d; } #wrap .content .content-body .content-block.even { background: #88A8B6; background: -moz-linear-gradient(top, #88a8b6 0%, #c6cfd6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c6cfd6), color-stop(100%, #d6dfe6)); background: -webkit-linear-gradient(top, #88a8b6 0%, #c6cfd6 100%); background: -o-linear-gradient(top, #88a8b6 0%, #c6cfd6 100%); background: -ms-linear-gradient(top, #88a8b6 0%, #c6cfd6 100%); background: linear-gradient(to bottom, #88a8b6 0%, #c6cfd6 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#88a8b6', endColorstr='#c6cfd6', GradientType=0); } #wrap .content .content-body .content-block.even .col { float: left; } #wrap .content .content-body .content-block .eflyerWrap { clear: both; float: none; width: 100%; overflow: hidden; } #wrap .content .content-body .content-block .eflyerWrap > .col { padding: 10px; } #wrap .content .content-body .content-block .eflyerWrap > .col .desktop { display: block; } #wrap .content .content-body .content-block .eflyerWrap > .col .mobile { display: none; } #wrap .content .content-body .content-block .eflyerWrap > .col img { width: 100%; cursor: pointer; -webkit-transform: scale(0.82); transform: scale(0.82); -webkit-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); -ms-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); } #wrap .content .content-body .content-block .eflyerWrap > .col img:hover { -webkit-transform: scale(1); transform: scale(1); } @media only screen and (max-width: 1050px) { #wrap .content .content-body .content-block .eflyerWrap > .col { width: 50% !important; } #wrap .content .content-body .content-block .eflyerWrap > .col .desktop { display: none; } #wrap .content .content-body .content-block .eflyerWrap > .col .mobile { display: block; } #wrap .content .content-body .content-block .eflyerWrap > .col img { width: 100%; } } @media only screen and (max-width: 750px) { #wrap .content .content-body .content-block .eflyerWrap > .col { width: 100% !important; } #wrap .content .content-body .content-block .eflyerWrap > .col img { width: 100%; } } #wrap .content .content-body .content-block .animation-stage-referenzen { position: relative; top: 0; left: 0; height: 260px; } #wrap .content .content-body .content-block .animation-stage-referenzen .medimobil-referenzen { width: 100px; position: absolute; bottom: -53px; opacity: 0; left: 550px; z-index: 5; } #wrap .content .content-body .content-block .animation-stage-referenzen .medimobil-referenzen.start-ani { -ms-animation: plopp 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-animation: plopp 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-animation: plopp 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55); animation: plopp 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55); -ms-animation: medimobil-referenzen 6s cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-animation: medimobil-referenzen 6s cubic-bezier(0.455, 0.03, 0.515, 0.955); -webkit-animation: medimobil-referenzen 6s cubic-bezier(0.455, 0.03, 0.515, 0.955); animation: medimobil-referenzen 6s cubic-bezier(0.455, 0.03, 0.515, 0.955); -ms-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -ms-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } #wrap .content .content-body .content-block .animation-stage-referenzen .buero-haus-referenzen { position: absolute; bottom: -38px; opacity: 0; left: 80px; width: 170px; } #wrap .content .content-body .content-block .animation-stage-referenzen .buero-haus-referenzen.start-ani { -ms-animation: plopp 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-animation: plopp 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-animation: plopp 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55); animation: plopp 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55); -ms-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -ms-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } #wrap .content .content-body .content-block .animation-stage-referenzen .pima-haus-referenzen { position: absolute; bottom: -38px; opacity: 0; left: 580px; width: 220px; } #wrap .content .content-body .content-block .animation-stage-referenzen .pima-haus-referenzen.start-ani { -ms-animation: plopp 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-animation: plopp 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-animation: plopp 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55); animation: plopp 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55); -ms-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -ms-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } #wrap .content .content-body .content-block .animation-stage-referenzen .baum-referenzen { width: 90px; opacity: 0; position: absolute; bottom: -38px; left: 260px; z-index: 2; } #wrap .content .content-body .content-block .animation-stage-referenzen .baum-referenzen.start-ani { -ms-animation: plopp 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-animation: plopp 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-animation: plopp 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55); animation: plopp 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55); -ms-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -ms-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } #wrap .content .content-body .content-block#mission-wrap .wolke { position: absolute; opacity: 0; z-index: 3; } #wrap .content .content-body .content-block#mission-wrap .wolke:nth-of-type(1) { width: 12%; top: 8%; left: 30%; } #wrap .content .content-body .content-block#mission-wrap .wolke:nth-of-type(1).start-ani-5 { -moz-animation: visionCloud 60s linear; -moz-animation-fill-mode: forwards; -moz-animation-iteration-count: infinite; -moz-animation-delay: 29s; -webkit-animation: visionCloud 60s linear; -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 29s; -webkit-animation-iteration-count: infinite; animation: visionCloud 60s linear; animation-fill-mode: forwards; animation-delay: 29s; animation-iteration-count: infinite; } #wrap .content .content-body .content-block#mission-wrap .wolke:nth-of-type(2) { width: 9%; top: 10%; left: 10%; } #wrap .content .content-body .content-block#mission-wrap .wolke:nth-of-type(2).start-ani-5 { -moz-animation: visionCloud 60s linear; -moz-animation-fill-mode: forwards; -moz-animation-iteration-count: infinite; -moz-animation-delay: 13s; -webkit-animation: visionCloud 60s linear; -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 13s; -webkit-animation-iteration-count: infinite; animation: visionCloud 60s linear; animation-fill-mode: forwards; animation-delay: 13s; animation-iteration-count: infinite; } #wrap .content .content-body .content-block#mission-wrap .wolke:nth-of-type(3) { width: 7%; top: 15%; left: 20%; } #wrap .content .content-body .content-block#mission-wrap .wolke:nth-of-type(3).start-ani-5 { -moz-animation: visionCloud 60s linear; -moz-animation-fill-mode: forwards; -moz-animation-iteration-count: infinite; -moz-animation-delay: 0; -webkit-animation: visionCloud 60s linear; -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 0; -webkit-animation-iteration-count: infinite; animation: visionCloud 60s linear; animation-fill-mode: forwards; animation-delay: 0; animation-iteration-count: infinite; } #wrap .content .content-body .content-block#mission-wrap .wolke:nth-of-type(4) { width: 6%; top: 18%; left: 80%; } #wrap .content .content-body .content-block#mission-wrap .wolke:nth-of-type(4).start-ani-5 { -moz-animation: visionCloud 60s linear; -moz-animation-fill-mode: forwards; -moz-animation-iteration-count: infinite; -moz-animation-delay: 40s; -webkit-animation: visionCloud 60s linear; -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 40s; -webkit-animation-iteration-count: infinite; animation: visionCloud 60s linear; animation-fill-mode: forwards; animation-delay: 40s; animation-iteration-count: infinite; } #wrap .content .content-body .content-block#vision-wrap { position: relative; top: 0; left: 0; z-index: 2; } #wrap .content .content-body .content-block#vision-wrap .wolke { position: absolute; opacity: 0; } #wrap .content .content-body .content-block#vision-wrap .wolke:nth-of-type(1) { width: 12%; top: 8%; left: 30%; } #wrap .content .content-body .content-block#vision-wrap .wolke:nth-of-type(1).start-ani-5 { -moz-animation: visionCloud 60s linear; -moz-animation-fill-mode: forwards; -moz-animation-iteration-count: infinite; -moz-animation-delay: 35s; -webkit-animation: visionCloud 60s linear; -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 35s; -webkit-animation-iteration-count: infinite; animation: visionCloud 60s linear; animation-fill-mode: forwards; animation-delay: 35s; animation-iteration-count: infinite; } #wrap .content .content-body .content-block#vision-wrap .wolke:nth-of-type(2) { width: 9%; top: 10%; left: 10%; } #wrap .content .content-body .content-block#vision-wrap .wolke:nth-of-type(2).start-ani-5 { -moz-animation: visionCloud 60s linear; -moz-animation-fill-mode: forwards; -moz-animation-iteration-count: infinite; -moz-animation-delay: 6s; -webkit-animation: visionCloud 60s linear; -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 6s; -webkit-animation-iteration-count: infinite; animation: visionCloud 60s linear; animation-fill-mode: forwards; animation-delay: 6s; animation-iteration-count: infinite; } #wrap .content .content-body .content-block#vision-wrap .wolke:nth-of-type(3) { width: 7%; top: 40%; left: 20%; } #wrap .content .content-body .content-block#vision-wrap .wolke:nth-of-type(3).start-ani-5 { -moz-animation: visionCloud 60s linear; -moz-animation-fill-mode: forwards; -moz-animation-iteration-count: infinite; -moz-animation-delay: 0; -webkit-animation: visionCloud 60s linear; -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 0; -webkit-animation-iteration-count: infinite; animation: visionCloud 60s linear; animation-fill-mode: forwards; animation-delay: 0; animation-iteration-count: infinite; } #wrap .content .content-body .content-block#vision-wrap .wolke:nth-of-type(4) { width: 9%; top: 15%; left: 80%; } #wrap .content .content-body .content-block#vision-wrap .wolke:nth-of-type(4).start-ani-5 { -moz-animation: visionCloud 60s linear; -moz-animation-fill-mode: forwards; -moz-animation-iteration-count: infinite; -moz-animation-delay: 19s; -webkit-animation: visionCloud 60s linear; -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 19s; -webkit-animation-iteration-count: infinite; animation: visionCloud 60s linear; animation-fill-mode: forwards; animation-delay: 19s; animation-iteration-count: infinite; } #wrap .content .content-body .content-block#vision-wrap .wolke:nth-of-type(5) { width: 9%; top: 50%; left: 8%; } #wrap .content .content-body .content-block#vision-wrap .wolke:nth-of-type(5).start-ani-5 { -moz-animation: visionCloud 60s linear; -moz-animation-fill-mode: forwards; -moz-animation-iteration-count: infinite; -moz-animation-delay: 28s; -webkit-animation: visionCloud 60s linear; -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 28s; -webkit-animation-iteration-count: infinite; animation: visionCloud 60s linear; animation-fill-mode: forwards; animation-delay: 28s; animation-iteration-count: infinite; } #wrap .content .content-body .content-block.animation-wrap { position: relative; top: 0; left: 0; min-height: 650px; } #wrap .content .content-body .content-block.animation-wrap .animation-stage { z-index: 2; } #wrap .content .content-body .content-block.animation-wrap .animation-button { display: inline-block; padding: 8px 10px; height: 18px; font-size: 14pt; font-weight: 400 !important; text-align: center; position: relative; border-radius: 5px; width: 93%; color: white; margin-top: 20px; border: 2px solid #ffdc00; background: #ffdc00; z-index: 6; display: none; transition: background 0.3s; -webkit-transition: background 0.3s; } #wrap .content .content-body .content-block.animation-wrap .animation-button > i { font-size: 19px; margin-right: 10px; } #wrap .content .content-body .content-block.animation-wrap .animation-button:hover { border: 2px solid #ffdc00; color: #ffdc00; background: none; } #wrap .content .content-body .content-block.animation-wrap .boden { z-index: 1; position: absolute; top: 600px; left: 0; width: 100%; height: 100%; background: white; } #wrap .content .content-body .content-block.animation-wrap#ani_01-wrap { background-image: url(../img/animationen/01/bg.jpg); background-size: 100% auto; background-position: 50% 0%; } @media (max-width: 544px) { #wrap .content .content-body .content-block.animation-wrap#ani_01-wrap { background-size: auto 100%; } } @media (max-width: 768px) { #wrap .content .content-body .content-block.animation-wrap#ani_01-wrap .animation-stage { -webkit-transform: scale(0.8); transform: scale(0.8); } } #wrap .content .content-body .content-block.animation-wrap#ani_01-wrap .boden { top: 475px; } @media (max-width: 768px) { #wrap .content .content-body .content-block.animation-wrap#ani_01-wrap .boden { top: 405px; } } #wrap .content .content-body .content-block.animation-wrap#ani_01-wrap .wolke { position: absolute; top: 0; left: 0; z-index: 1; opacity: 0; } #wrap .content .content-body .content-block.animation-wrap#ani_01-wrap .wolke:nth-of-type(1) { width: 12%; top: 17%; left: 30%; } #wrap .content .content-body .content-block.animation-wrap#ani_01-wrap .wolke:nth-of-type(1).startAnimation { -moz-animation: visionCloud 35s linear; -moz-animation-fill-mode: forwards; -moz-animation-iteration-count: infinite; -moz-animation-delay: 11s; -webkit-animation: visionCloud 35s linear; -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 11s; -webkit-animation-iteration-count: infinite; animation: visionCloud 35s linear; animation-fill-mode: forwards; animation-delay: 11s; animation-iteration-count: infinite; } #wrap .content .content-body .content-block.animation-wrap#ani_01-wrap .wolke:nth-of-type(2) { width: 9%; top: 10%; left: 10%; } #wrap .content .content-body .content-block.animation-wrap#ani_01-wrap .wolke:nth-of-type(2).startAnimation { -moz-animation: visionCloud 35s linear; -moz-animation-fill-mode: forwards; -moz-animation-iteration-count: infinite; -moz-animation-delay: 3s; -webkit-animation: visionCloud 35s linear; -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 3s; -webkit-animation-iteration-count: infinite; animation: visionCloud 35s linear; animation-fill-mode: forwards; animation-delay: 3s; animation-iteration-count: infinite; } #wrap .content .content-body .content-block.animation-wrap#ani_01-wrap .wolke:nth-of-type(3) { width: 7%; top: 40%; left: 20%; } #wrap .content .content-body .content-block.animation-wrap#ani_01-wrap .wolke:nth-of-type(3).startAnimation { -moz-animation: visionCloud 35s linear; -moz-animation-fill-mode: forwards; -moz-animation-iteration-count: infinite; -moz-animation-delay: 0; -webkit-animation: visionCloud 35s linear; -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 0; -webkit-animation-iteration-count: infinite; animation: visionCloud 35s linear; animation-fill-mode: forwards; animation-delay: 0; animation-iteration-count: infinite; } #wrap .content .content-body .content-block.animation-wrap#ani_01-wrap .wolke:nth-of-type(4) { width: 9%; top: 30%; left: 80%; } #wrap .content .content-body .content-block.animation-wrap#ani_01-wrap .wolke:nth-of-type(4).startAnimation { -moz-animation: visionCloud 35s linear; -moz-animation-fill-mode: forwards; -moz-animation-iteration-count: infinite; -moz-animation-delay: 17s; -webkit-animation: visionCloud 35s linear; -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 17s; -webkit-animation-iteration-count: infinite; animation: visionCloud 35s linear; animation-fill-mode: forwards; animation-delay: 17s; animation-iteration-count: infinite; } #wrap .content .content-body .content-block.animation-wrap#ani_01-wrap .wolke:nth-of-type(5) { width: 9%; top: 16%; left: 8%; } #wrap .content .content-body .content-block.animation-wrap#ani_01-wrap .wolke:nth-of-type(5).startAnimation { -moz-animation: visionCloud 35s linear; -moz-animation-fill-mode: forwards; -moz-animation-iteration-count: infinite; -moz-animation-delay: 24s; -webkit-animation: visionCloud 35s linear; -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 24s; -webkit-animation-iteration-count: infinite; animation: visionCloud 35s linear; animation-fill-mode: forwards; animation-delay: 24s; animation-iteration-count: infinite; } #wrap .content .content-body .content-block.animation-wrap#ani_01-wrap.start-ani { -moz-animation: sonne 20s linear; -moz-animation-fill-mode: forwards; -moz-animation-iteration-count: 1; -moz-animation-delay: 0s; -webkit-animation: sonne 20s linear; -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 0s; -webkit-animation-iteration-count: 1; animation: sonne 20s linear; animation-fill-mode: forwards; animation-delay: 0s; animation-iteration-count: 1; } #wrap .content .content-body .content-block.animation-wrap#ani_02-wrap { background: #d6dfe6; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q2ZGZlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkOWQ5ZDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #d6dfe6 0%, #d9d9d9 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d6dfe6), color-stop(100%, #d9d9d9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #d6dfe6 0%, #d9d9d9 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #d6dfe6 0%, #d9d9d9 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #d6dfe6 0%, #d9d9d9 100%); /* IE10+ */ background: linear-gradient(to bottom, #d6dfe6 0%, #d9d9d9 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d6dfe6', endColorstr='#d9d9d9', GradientType=0); /* IE6-8 */ } #wrap .content .content-body .content-block.animation-wrap#ani_02-wrap .boden { top: 520px; } @media (max-width: 992px) { #wrap .content .content-body .content-block.animation-wrap#ani_02-wrap .boden { top: 410px; } } @media (max-width: 544px) { #wrap .content .content-body .content-block.animation-wrap#ani_02-wrap .boden { top: 280px; } } #wrap .content .content-body .content-block.animation-wrap#ani_03-wrap { background: #92adbe; /* Old browsers */ background: -moz-linear-gradient(top, #92adbe 0%, #d0dfa2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #92adbe), color-stop(100%, #d0dfa2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #92adbe 0%, #d0dfa2 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #92adbe 0%, #d0dfa2 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #92adbe 0%, #d0dfa2 100%); /* IE10+ */ background: linear-gradient(to bottom, #92adbe 0%, #d0dfa2 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#92adbe', endColorstr='#d0dfa2', GradientType=0); /* IE6-9 */ } #wrap .content .content-body .content-block.animation-wrap#ani_03-wrap .boden { top: 390px; } @media (max-width: 992px) { #wrap .content .content-body .content-block.animation-wrap#ani_03-wrap .boden { top: 310px; } } @media (max-width: 544px) { #wrap .content .content-body .content-block.animation-wrap#ani_03-wrap .boden { top: 210px; } } #wrap .content .content-body .content-block.animation-wrap#ani_03-wrap.start-ani3-2 { transition: background 0.3s; -webkit-transition: background 0.3s; background: #88a8b6; /* Old browsers */ background: -moz-linear-gradient(top, #88a8b6 0%, #d6dfe6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #88a8b6), color-stop(100%, #d6dfe6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #88a8b6 0%, #d6dfe6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #88a8b6 0%, #d6dfe6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #88a8b6 0%, #d6dfe6 100%); /* IE10+ */ background: linear-gradient(to bottom, #88a8b6 0%, #d6dfe6 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#88a8b6', endColorstr='#d6dfe6', GradientType=0); /* IE6-9 */ } #wrap .content .content-body .content-block.animation-wrap#ani_04-wrap { background-image: url(../img/animationen/01/bg.jpg); background-size: 100% auto; background-position: 50% 80%; } @media (max-width: 768px) { #wrap .content .content-body .content-block.animation-wrap#ani_04-wrap { background-size: auto 100%; } } #wrap .content .content-body .content-block.animation-wrap#ani_04-wrap .boden { top: 510px; } @media (max-width: 992px) { #wrap .content .content-body .content-block.animation-wrap#ani_04-wrap .boden { top: 340px; } } @media (max-width: 544px) { #wrap .content .content-body .content-block.animation-wrap#ani_04-wrap .boden { top: 270px; } } #wrap .content .content-body .content-block.animation-wrap#ani_04-wrap.start-ani4 { -moz-animation: sonneDown 25s linear; -moz-animation-fill-mode: forwards; -moz-animation-iteration-count: 1; -moz-animation-delay: 0s; -webkit-animation: sonneDown 25s linear; -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 0s; -webkit-animation-iteration-count: 1; animation: sonneDown 25s linear; animation-fill-mode: forwards; animation-delay: 0s; animation-iteration-count: 1; } #wrap .content .content-body .content-block.animation-wrap#ani_future-wrap { padding: 0; height: auto; min-height: auto; background-color: #1A1A1A; background-image: url(../img/animationen/future/bg.jpg); background-repeat: repeat-y; background-size: 100% auto; } #wrap .content .content-body .content-block.animation-wrap#ani_future-wrap .wolke { position: absolute; top: 0; left: 0; z-index: 4; opacity: 0; } #wrap .content .content-body .content-block.animation-wrap#ani_future-wrap .wolke:nth-of-type(1) { width: 12%; top: 5%; left: 30%; } #wrap .content .content-body .content-block.animation-wrap#ani_future-wrap .wolke:nth-of-type(1).startAnimation { -moz-animation: futureCloud 15s linear; -moz-animation-fill-mode: forwards; -moz-animation-iteration-count: infinite; -moz-animation-delay: 12s; -webkit-animation: futureCloud 15s linear; -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 12s; -webkit-animation-iteration-count: infinite; animation: futureCloud 15s linear; animation-fill-mode: forwards; animation-delay: 12s; animation-iteration-count: infinite; } #wrap .content .content-body .content-block.animation-wrap#ani_future-wrap .wolke:nth-of-type(2) { width: 9%; top: 10%; left: 10%; } #wrap .content .content-body .content-block.animation-wrap#ani_future-wrap .wolke:nth-of-type(2).startAnimation { -moz-animation: futureCloud 15s linear; -moz-animation-fill-mode: forwards; -moz-animation-iteration-count: infinite; -moz-animation-delay: 53s; -webkit-animation: futureCloud 15s linear; -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 53s; -webkit-animation-iteration-count: infinite; animation: futureCloud 15s linear; animation-fill-mode: forwards; animation-delay: 53s; animation-iteration-count: infinite; } #wrap .content .content-body .content-block.animation-wrap#ani_future-wrap .wolke:nth-of-type(3) { width: 7%; top: 40%; left: 20%; } #wrap .content .content-body .content-block.animation-wrap#ani_future-wrap .wolke:nth-of-type(3).startAnimation { -moz-animation: futureCloud 15s linear; -moz-animation-fill-mode: forwards; -moz-animation-iteration-count: infinite; -moz-animation-delay: 0; -webkit-animation: futureCloud 15s linear; -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 0; -webkit-animation-iteration-count: infinite; animation: futureCloud 15s linear; animation-fill-mode: forwards; animation-delay: 0; animation-iteration-count: infinite; } #wrap .content .content-body .content-block.animation-wrap#ani_future-wrap .wolke:nth-of-type(4) { width: 9%; top: 30%; left: 80%; } #wrap .content .content-body .content-block.animation-wrap#ani_future-wrap .wolke:nth-of-type(4).startAnimation { -moz-animation: futureCloud 15s linear; -moz-animation-fill-mode: forwards; -moz-animation-iteration-count: infinite; -moz-animation-delay: 48s; -webkit-animation: futureCloud 15s linear; -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 48s; -webkit-animation-iteration-count: infinite; animation: futureCloud 15s linear; animation-fill-mode: forwards; animation-delay: 48s; animation-iteration-count: infinite; } #wrap .content .content-body .content-block.animation-wrap#ani_future-wrap .wolke:nth-of-type(5) { width: 9%; top: 70%; left: 8%; } #wrap .content .content-body .content-block.animation-wrap#ani_future-wrap .wolke:nth-of-type(5).startAnimation { -moz-animation: futureCloud 15s linear; -moz-animation-fill-mode: forwards; -moz-animation-iteration-count: infinite; -moz-animation-delay: 24s; -webkit-animation: futureCloud 15s linear; -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 24s; -webkit-animation-iteration-count: infinite; animation: futureCloud 15s linear; animation-fill-mode: forwards; animation-delay: 24s; animation-iteration-count: infinite; } #wrap .content .content-body .content-block.animation-wrap#ani_future-wrap .wolke:nth-of-type(6) { width: 7%; top: 30%; left: 60%; } #wrap .content .content-body .content-block.animation-wrap#ani_future-wrap .wolke:nth-of-type(6).startAnimation { -moz-animation: futureCloud 15s linear; -moz-animation-fill-mode: forwards; -moz-animation-iteration-count: infinite; -moz-animation-delay: 36s; -webkit-animation: futureCloud 15s linear; -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 36s; -webkit-animation-iteration-count: infinite; animation: futureCloud 15s linear; animation-fill-mode: forwards; animation-delay: 36s; animation-iteration-count: infinite; } #wrap .content .content-body .content-block.animation-wrap#ani_future-wrap .wolke:nth-of-type(7) { width: 12%; top: 67%; left: 70%; } #wrap .content .content-body .content-block.animation-wrap#ani_future-wrap .wolke:nth-of-type(7).startAnimation { -moz-animation: futureCloud 15s linear; -moz-animation-fill-mode: forwards; -moz-animation-iteration-count: infinite; -moz-animation-delay: 4s; -webkit-animation: futureCloud 15s linear; -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 4s; -webkit-animation-iteration-count: infinite; animation: futureCloud 15s linear; animation-fill-mode: forwards; animation-delay: 4s; animation-iteration-count: infinite; } #wrap .content .content-body .content-block.animation-wrap .animation-text b { font-family: 'dearjoe6'; color: #4d4d4d !important; font-size: 17pt; line-height: 22pt; text-align: left; display: block; font-weight: 400 !important; margin-bottom: 5px; } #wrap .content .content-body .content-block.animation-wrap .text-block { position: relative; top: 0; left: 0; z-index: 8; } #wrap .content .content-body .content-block.animation-wrap .text-block > p { font-size: 14pt; text-align: justify; line-height: 19pt; } @media (max-width: 544px) { #wrap .content .content-body .content-block.animation-wrap .text-block > p { font-size: 12pt; } } #wrap .content .content-body .content-block.animation-wrap .text-block #step1-2 { display: none; } #wrap .content .content-body .content-block.animation-wrap .text-block #step2-2 { display: none; } #wrap .content .content-body .content-block.animation-wrap .animation-stage { position: relative; top: 0; left: 0; /* Future */ /* Animation 04 */ /* Animation 03 */ /* // Animation 03 */ /* Animation 02 */ /* Animation 01 */ } #wrap .content .content-body .content-block.animation-wrap .animation-stage > img { width: 50px; } #wrap .content .content-body .content-block.animation-wrap .animation-stage#ani_future { width: 100%; margin: 0; height: auto; -webkit-transform: scale(1) !important; } #wrap .content .content-body .content-block.animation-wrap .animation-stage#ani_future > img { position: absolute; top: 0; left: 0; } #wrap .content .content-body .content-block.animation-wrap .animation-stage#ani_future > i { font-size: 18pt; line-height: 28pt; color: white; width: 100%; display: block; font-family: 'dearjoe6'; font-weight: 400; position: relative; top: 0; left: 0; margin-bottom: 10%; text-align: center; } #wrap .content .content-body .content-block.animation-wrap .animation-stage#ani_future #futureBusWrap { position: absolute; width: 20%; top: 18%; left: 38.5%; z-index: 4; } #wrap .content .content-body .content-block.animation-wrap .animation-stage#ani_future #futureBusWrap.startAnimation { -moz-animation: futureBus 6s cubic-bezier(0.445, 0.05, 0.55, 0.95); -moz-animation-fill-mode: forwards; -moz-animation-iteration-count: infinite; -moz-animation-delay: 0; -webkit-animation: futureBus 6s cubic-bezier(0.445, 0.05, 0.55, 0.95); -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 0; -webkit-animation-iteration-count: infinite; animation: futureBus 6s cubic-bezier(0.445, 0.05, 0.55, 0.95); animation-fill-mode: forwards; animation-delay: 0; animation-iteration-count: infinite; } #wrap .content .content-body .content-block.animation-wrap .animation-stage#ani_future #futureBusWrap #futureBus { width: 100%; z-index: 4; position: relative; top: 0; left: 0; } #wrap .content .content-body .content-block.animation-wrap .animation-stage#ani_future #futureBusWrap #afterburner { width: 60%; position: absolute; top: 15%; right: 80%; z-index: 3; } #wrap .content .content-body .content-block.animation-wrap .animation-stage#ani_future #futureBusWrap #afterburner.startAnimation { -moz-animation: afterburner 1.4s cubic-bezier(0.445, 0.05, 0.55, 0.95); -moz-animation-fill-mode: forwards; -moz-animation-iteration-count: infinite; -moz-animation-delay: 0; -webkit-animation: afterburner 1.4s cubic-bezier(0.445, 0.05, 0.55, 0.95); -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 0; -webkit-animation-iteration-count: infinite; animation: afterburner 1.4s cubic-bezier(0.445, 0.05, 0.55, 0.95); animation-fill-mode: forwards; animation-delay: 0; animation-iteration-count: infinite; } #wrap .content .content-body .content-block.animation-wrap .animation-stage#ani_future #futureBusWrap .nozzle { width: 10%; max-height: 40%; position: absolute; top: 90%; } #wrap .content .content-body .content-block.animation-wrap .animation-stage#ani_future #futureBusWrap .nozzle.startAnimation { -moz-animation: nozzle 6s cubic-bezier(0.445, 0.05, 0.55, 0.95); -moz-animation-fill-mode: forwards; -moz-animation-iteration-count: infinite; -moz-animation-delay: 0; -webkit-animation: nozzle 6s cubic-bezier(0.445, 0.05, 0.55, 0.95); -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 0; -webkit-animation-iteration-count: infinite; animation: nozzle 6s cubic-bezier(0.445, 0.05, 0.55, 0.95); animation-fill-mode: forwards; animation-delay: 0; animation-iteration-count: infinite; } #wrap .content .content-body .content-block.animation-wrap .animation-stage#ani_future #futureBusWrap .nozzle#nozzleBack { left: 70%; } #wrap .content .content-body .content-block.animation-wrap .animation-stage#ani_future #futureBusWrap .nozzle#nozzleFront { left: 29%; } #wrap .content .content-body .content-block.animation-wrap .animation-stage#ani_future #exhaustPlume { width: 40%; position: absolute; top: 0%; left: 0; z-index: 2; height: 100%; background-repeat: repeat-y, repeat-x; background-image: url(../img/animationen/future/verlauf.png), url(../img/animationen/future/schweif.svg); background-position: 0 0, -25% 35%; background-size: 25% 100%, 510% auto; } #wrap .content .content-body .content-block.animation-wrap .animation-stage#ani_future #exhaustPlume.startAnimation { -moz-animation: exhaustPlume 6s linear; -moz-animation-fill-mode: forwards; -moz-animation-iteration-count: infinite; -moz-animation-delay: 0; -webkit-animation: exhaustPlume 6s linear; -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 0; -webkit-animation-iteration-count: infinite; animation: exhaustPlume 6s linear; animation-fill-mode: forwards; animation-delay: 0; animation-iteration-count: infinite; } #wrap .content .content-body .content-block.animation-wrap .animation-stage#ani_future #mond { width: 45%; position: relative; top: 0%; left: 0; z-index: 1; margin: 10% 0 10% calc(55% / 2); } #wrap .content .content-body .content-block.animation-wrap .animation-stage #weihnachtsmuetze01 { position: absolute; width: 11%; z-index: 8; bottom: 48%; left: 32%; opacity: 1; transform: rotate(3deg); } #wrap .content .content-body .content-block.animation-wrap .animation-stage #weihnachtsmuetze01.start-ani4-2 { bottom: 47.5%; left: 34.5%; opacity: 1; transform: rotate(17deg); } #wrap .content .content-body .content-block.animation-wrap .animation-stage #weihnachtsmuetze02 { position: absolute; bottom: 58%; left: 70%; width: 12%; z-index: 8; opacity: 0; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #weihnachtsmuetze02.start-ani4-2 { -moz-animation: plopp 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-animation-fill-mode: forwards; -moz-animation-delay: 0.2s; -ms-animation: plopp 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); -ms-animation-fill-mode: forwards; -ms-animation-delay: 0.2s; -webkit-animation-name: plopp; -webkit-animation-duration: 0.4s; -webkit-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 0.2s; animation: plopp 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.85); animation-fill-mode: forwards; animation-delay: 0s; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #bank { position: relative; top: 0; left: 0px; margin-top: 52%; margin-bottom: 3.5%; width: 58.3%; z-index: 2; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #m-wolf { position: absolute; bottom: 0px; left: 60%; width: 27%; z-index: 2; opacity: 0; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #m-wolf.start-ani4-2 { -moz-animation: plopp 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-animation-fill-mode: forwards; -moz-animation-delay: 0.2s; -ms-animation: plopp 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); -ms-animation-fill-mode: forwards; -ms-animation-delay: 0.2s; -webkit-animation-name: plopp; -webkit-animation-duration: 0.4s; -webkit-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 0.2s; animation: plopp 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.85); animation-fill-mode: forwards; animation-delay: 0s; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #schluessel { position: absolute; bottom: 20%; left: 46.5%; width: 5%; z-index: 4; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #schluessel.start-ani4 { bottom: 20%; left: 46.5%; -moz-animation: ploppOut 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-animation-fill-mode: forwards; -moz-animation-delay: 1.6s; -ms-animation: ploppOut 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); -ms-animation-fill-mode: forwards; -ms-animation-delay: 1.6s; -webkit-animation-name: ploppOut; -webkit-animation-duration: 0.4s; -webkit-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 1.6s; animation: ploppOut 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.85); animation-fill-mode: forwards; animation-delay: 1.6s; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #schluessel.start-ani4-2 { bottom: 34.6%; left: 58.3%; opacity: 0; -moz-animation: plopp 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-animation-fill-mode: forwards; -moz-animation-delay: 0.8s; -ms-animation: plopp 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); -ms-animation-fill-mode: forwards; -ms-animation-delay: 0.8s; -webkit-animation-name: plopp; -webkit-animation-duration: 0.4s; -webkit-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 0.8s; animation: plopp 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.85); animation-fill-mode: forwards; animation-delay: 0.8s; } #wrap .content .content-body .content-block.animation-wrap .animation-stage .h-wolf { position: absolute; bottom: 0px; left: 22%; height: 51.5%; width: auto; z-index: 3; } #wrap .content .content-body .content-block.animation-wrap .animation-stage .h-wolf#h-wolf02 { opacity: 0; } #wrap .content .content-body .content-block.animation-wrap .animation-stage .h-wolf.start-ani4#h-wolf01 { opacity: 1; } #wrap .content .content-body .content-block.animation-wrap .animation-stage .h-wolf.start-ani4#h-wolf02 { opacity: 0; } #wrap .content .content-body .content-block.animation-wrap .animation-stage .h-wolf.start-ani4-2#h-wolf01 { opacity: 0; } #wrap .content .content-body .content-block.animation-wrap .animation-stage .h-wolf.start-ani4-2#h-wolf02 { opacity: 1; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #tisch { position: absolute; bottom: 8%; left: 7.5%; z-index: 3; width: 79%; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #rauchFuss { width: 10%; height: 150%; position: absolute; left: 28%; bottom: 9%; z-index: 3; overflow: hidden; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #rauchFuss > img { position: absolute; top: 100%; left: 0; width: 100%; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #rauchFuss > img.start-ani3 { -moz-animation: rauchAni 10s ease-in; -moz-animation-fill-mode: forwards; -moz-animation-iteration-count: 1; -moz-animation-delay: 0.3s; -webkit-animation: rauchAni 10s ease-in; -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 0.3s; -webkit-animation-iteration-count: 1; animation: rauchAni 10s ease-in; animation-fill-mode: forwards; animation-delay: 0.3s; animation-iteration-count: 1; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #saege { width: 15%; position: absolute; bottom: 37.5%; left: 48%; z-index: 2; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #saegeblatt { width: 12%; position: absolute; bottom: 39%; left: 48.5%; z-index: 1; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #saegeblatt.start-ani3 { -webkit-animation: rotate360 3s linear infinite; -webkit-animation-fill-mode: forwards; -moz-animation: rotate360 3s linear infinite; -moz-animation-fill-mode: forwards; -ms-animation: rotate360 3s linear infinite; -ms-animation-fill-mode: forwards; animation: rotate360 3s linear infinite; animation-fill-mode: forwards; } #wrap .content .content-body .content-block.animation-wrap .animation-stage .giftfass { width: 22.5%; position: absolute; bottom: 10%; left: 62%; z-index: 2; } #wrap .content .content-body .content-block.animation-wrap .animation-stage .giftfass#giftfass01 { width: 13.5%; -webkit-transform-origin: bottom left; transform-origin: bottom left; } #wrap .content .content-body .content-block.animation-wrap .animation-stage .giftfass#giftfass01.start-ani3 { -moz-animation: kippen 0.5s ease-in; -moz-animation-fill-mode: forwards; -moz-animation-iteration-count: 1; -moz-animation-delay: 0.7s; -webkit-animation: kippen 0.5s ease-in; -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 0.7s; -webkit-animation-iteration-count: 1; animation: kippen 0.5s ease-in; animation-fill-mode: forwards; animation-delay: 0.7s; animation-iteration-count: 1; } #wrap .content .content-body .content-block.animation-wrap .animation-stage .giftfass#giftfass02 { bottom: 0; -moz-transform: rotate(91deg); -moz-transform-origin: bottom right; -webkit-transform: rotate(91deg); -webkit-transform-origin: bottom right; transform: rotate(91deg); transform-origin: bottom right; left: 50.8%; z-index: 4; } #wrap .content .content-body .content-block.animation-wrap .animation-stage .giftfass.start-ani3-2 { opacity: 0; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #holz { width: 23%; position: relative; left: 0; top: 0; z-index: 5; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #gift { width: 42%; position: absolute; left: 6%; bottom: 5%; z-index: 2; opacity: 0; -webkit-transform-origin: bottom right; /*-webkit-transform: scale(0.75); -webkit-transform-origin: bottom right; -webkit-transition: all 0.5s ease-in; transform: scale(0.75); transform-origin: bottom right; transition: all 0.5s ease-in;*/ } #wrap .content .content-body .content-block.animation-wrap .animation-stage #gift.start-ani3 { -moz-animation: gift 0.5s linear; -moz-animation-fill-mode: forwards; -moz-animation-iteration-count: 1; -moz-animation-delay: 1.2s; -webkit-animation: gift 0.5s linear; -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 1.2s; -webkit-animation-iteration-count: 1; animation: gift 0.5s linear; animation-fill-mode: forwards; animation-delay: 1.2s; animation-iteration-count: 1; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #gift.start-ani3-2 { display: none !important; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #giftblase { position: absolute; left: 15%; bottom: 12%; opacity: 0; z-index: 2; -webkit-transform-origin: bottom; transform-origin: bottom; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #giftblase.start-ani3 { -moz-animation: giftBlase 5s linear; -moz-animation-fill-mode: forwards; -moz-animation-iteration-count: infinite; -moz-animation-delay: 1.6s; -webkit-animation: giftBlase 5s linear; -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 1.6s; -webkit-animation-iteration-count: infinite; animation: giftBlase 5s linear; animation-fill-mode: forwards; animation-delay: 1.6s; animation-iteration-count: infinite; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #giftblase.start-ani3-2 { display: none !important; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #giftblase02 { position: absolute; left: 23%; bottom: 10%; opacity: 0; z-index: 2; -webkit-transform-origin: bottom; transform-origin: bottom; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #giftblase02.start-ani3 { -moz-animation: giftBlase 5s linear; -moz-animation-fill-mode: forwards; -moz-animation-iteration-count: infinite; -moz-animation-delay: 5.6s; -webkit-animation: giftBlase 5s linear; -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 5.6s; -webkit-animation-iteration-count: infinite; animation: giftBlase 5s linear; animation-fill-mode: forwards; animation-delay: 5.6s; animation-iteration-count: infinite; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #giftblase02.start-ani3-2 { display: none !important; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #lampe { width: 100%; position: absolute; bottom: 0; left: 0px; -webkit-transform: rotate(1deg); -webkit-transform-origin: top left; transform: rotate(1deg); transform-origin: top left; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #lampe.start-ani3 { -webkit-transform-origin: 15% 0; transform-origin: 15% 0; /*-webkit-animation: rotate-l 1.1s ease-out; -webkit-animation-fill-mode: forwards; -moz-animation: rotate-l 1.1s ease-out; -moz-animation-fill-mode: forwards; -ms-animation: rotate- 1.1s ease-out; -ms-animation-fill-mode: forwards; animation: rotate-l 1.1s ease-out ; animation-fill-mode: forwards; -webkit-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -ms-animation-delay: 0.2s; animation-delay: 0.2s;*/ -moz-animation: rotate-l 1.1s ease-out; -moz-animation-fill-mode: forwards; -moz-animation-iteration-count: 1; -moz-animation-delay: 0.7s; -webkit-animation: rotate-l 1.1s ease-out; -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 0.7s; -webkit-animation-iteration-count: 1; animation: rotate-l 1.1s ease-out; animation-fill-mode: forwards; animation-delay: 0.7s; animation-iteration-count: 1; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #lampe.start-ani3-1 { -webkit-transform-origin: 15% 0; transform-origin: 15% 0; -webkit-animation: rotate-l-b 3s ease-in-out infinite; -webkit-animation-fill-mode: forwards; -moz-animation: rotate-l-b 3s ease-in-out infinite; -moz-animation-fill-mode: forwards; -ms-animation: rotate-l-b 3s ease-in-out infinite; -ms-animation-fill-mode: forwards; animation: rotate-l-b 3s ease-in-out infinite; animation-fill-mode: forwards; -webkit-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -ms-animation-delay: 0.2s; animation-delay: 0.2s; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #lampe2 { width: 100%; position: absolute; bottom: 0; left: 0px; -webkit-transform: rotate(0deg); -webkit-transform-origin: top right; transform: rotate(0deg); transform-origin: top right; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #kette-r { left: 12.3%; position: relative; top: 0; width: 3.1%; margin-bottom: 7%; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #kette-l { left: 84.8%; width: 3.1%; position: absolute; top: 0; } #wrap .content .content-body .content-block.animation-wrap .animation-stage .lampe-wrap { position: absolute; top: -125px; left: 35%; width: 45.5%; -moz-transform: rotate(-1deg); -moz-transform-origin: 10% 0; -webkit-transform: rotate(-1deg); -webkit-transform-origin: 10% 0; transform: rotate(-1deg); transform-origin: 10% 0; } #wrap .content .content-body .content-block.animation-wrap .animation-stage .lampe-wrap.start-ani3 { -moz-animation: rotate3 3s ease-in-out; -moz-animation-fill-mode: forwards; -moz-animation-iteration-count: infinite; -moz-animation-delay: 0.5s; -webkit-animation: rotate3 3s ease-in-out; -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 0.5s; -webkit-animation-iteration-count: infinite; animation: rotate3 3s ease-in-out; animation-fill-mode: forwards; animation-delay: 0.5s; animation-iteration-count: infinite; } #wrap .content .content-body .content-block.animation-wrap .animation-stage .lampe-wrap.start-ani3-2 { -webkit-animation: out 0.6s ease-in-out; -webkit-animation-fill-mode: forwards; -moz-animation: out 0.6s ease-in-out; -moz-animation-fill-mode: forwards; -ms-animation: out 0.6s ease-in-out; -ms-animation-fill-mode: forwards; animation: out 0.6s ease-in-out; animation-fill-mode: forwards; } #wrap .content .content-body .content-block.animation-wrap .animation-stage .lampe-wrap2 { position: absolute; top: -125px; left: 35%; width: 45.5%; transform: rotate(0deg); opacity: 0; } #wrap .content .content-body .content-block.animation-wrap .animation-stage .lampe-wrap2.start-ani3-2 { -moz-animation: plopp 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-animation-fill-mode: forwards; -moz-animation-delay: 0.6s; -ms-animation: plopp 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55); -ms-animation-fill-mode: forwards; -ms-animation-delay: 0.6s; -webkit-animation-name: plopp; -webkit-animation-duration: 0.4s; -webkit-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 0.6s; animation: plopp 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.85); animation-fill-mode: forwards; animation-delay: 0.6s; } #wrap .content .content-body .content-block.animation-wrap .animation-stage .kette-kaputt { width: 1.4%; position: absolute; top: -115px; } #wrap .content .content-body .content-block.animation-wrap .animation-stage .kette-kaputt#kette-kaputt-l { left: 74.3%; } #wrap .content .content-body .content-block.animation-wrap .animation-stage .kette-kaputt#kette-kaputt-l.start-ani3-2 { -webkit-animation: out 0.6s ease-in-out; -webkit-animation-fill-mode: forwards; -moz-animation: out 0.6s ease-in-out; -moz-animation-fill-mode: forwards; -ms-animation: out 0.6s ease-in-out; -ms-animation-fill-mode: forwards; animation: out 0.6s ease-in-out; animation-fill-mode: forwards; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #mitarbeiter-wrap { width: 21.5%; position: absolute; bottom: 8%; left: 24%; z-index: 2; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #mitarbeiter-wrap #mitarbeiter { width: 100%; position: relative; top: 0; left: 0; z-index: 1; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #mitarbeiter-wrap .schutz { position: absolute; z-index: 2; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #mitarbeiter-wrap .schutz#handschuh { width: 85%; top: 35.5%; left: 7%; opacity: 0; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #mitarbeiter-wrap .schutz#handschuh.start-ani3-2 { -moz-animation: plopp 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-animation-fill-mode: forwards; -moz-animation-delay: 0.8s; -ms-animation: plopp 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55); -ms-animation-fill-mode: forwards; -ms-animation-delay: 0.8s; -webkit-animation-name: plopp; -webkit-animation-duration: 0.4s; -webkit-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 0.8s; animation: plopp 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.85); animation-fill-mode: forwards; animation-delay: 2.2s; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #mitarbeiter-wrap .schutz#helm { width: 40.5%; left: 29.3%; top: -6%; /*top:-11%; Weihnachtsmuetze */ opacity: 0; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #mitarbeiter-wrap .schutz#helm.start-ani3-2 { -moz-animation: plopp 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-animation-fill-mode: forwards; -moz-animation-delay: 1.4s; -ms-animation: plopp 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55); -ms-animation-fill-mode: forwards; -ms-animation-delay: 1.4s; -webkit-animation-name: plopp; -webkit-animation-duration: 0.4s; -webkit-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 1.4s; animation: plopp 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.85); animation-fill-mode: forwards; animation-delay: 2.8s; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #mitarbeiter-wrap .schutz#stiefel { width: 54.5%; bottom: 0px; left: 27%; opacity: 0; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #mitarbeiter-wrap .schutz#stiefel.start-ani3-2 { -moz-animation: plopp 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-animation-fill-mode: forwards; -moz-animation-delay: 0.2s; -ms-animation: plopp 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55); -ms-animation-fill-mode: forwards; -ms-animation-delay: 0.2s; -webkit-animation-name: plopp; -webkit-animation-duration: 0.4s; -webkit-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 0.2s; animation: plopp 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.85); animation-fill-mode: forwards; animation-delay: 1.6s; } #wrap .content .content-body .content-block.animation-wrap .animation-stage span { position: absolute; top: 0; left: 0; font-size: 44pt; font-weight: 400; opacity: 0; color: rgba(255, 255, 255, 0.7); } #wrap .content .content-body .content-block.animation-wrap .animation-stage span#span01 { top: 400px; left: 500px; } #wrap .content .content-body .content-block.animation-wrap .animation-stage span#span01.start-ani2 { -moz-animation: ploppSpan 10s linear infinite; -moz-animation-delay: 0.2s; -ms-animation: ploppSpan 10s linear infinite; -ms-animation-delay: 0.2s; -webkit-animation: ploppSpan 10s linear infinite; -webkit-animation-delay: 0.2s; animation: ploppSpan 10s linear infinite; animation-delay: 0.2s; } #wrap .content .content-body .content-block.animation-wrap .animation-stage span#span02 { top: 450px; left: 0px; } #wrap .content .content-body .content-block.animation-wrap .animation-stage span#span02.start-ani2 { -moz-animation: ploppSpan 10s linear infinite; -ms-animation: ploppSpan 10s linear infinite; -webkit-animation: ploppSpan 10s linear infinite; animation: ploppSpan 10s linear infinite; -moz-animation-delay: 4.2s; -ms-animation-delay: 4.2s; -webkit-animation-delay: 4.2s; animation-delay: 4.2s; } #wrap .content .content-body .content-block.animation-wrap .animation-stage span#span03 { top: 300px; left: 600px; } #wrap .content .content-body .content-block.animation-wrap .animation-stage span#span03.start-ani2 { -moz-animation: ploppSpan 10s linear infinite; -ms-animation: ploppSpan 10s linear infinite; -webkit-animation: ploppSpan 10s linear infinite; animation: ploppSpan 10s linear infinite; -moz-animation-delay: 4.2s; -ms-animation-delay: 4.2s; -webkit-animation-delay: 4.2s; animation-delay: 4.2s; } #wrap .content .content-body .content-block.animation-wrap .animation-stage span#span04 { top: 200px; left: 800px; } #wrap .content .content-body .content-block.animation-wrap .animation-stage span#span04.start-ani2 { -moz-animation: ploppSpan 10s linear infinite; -ms-animation: ploppSpan 10s linear infinite; -webkit-animation: ploppSpan 10s linear infinite; animation: ploppSpan 10s linear infinite; -moz-animation-delay: 28.2s; -ms-animation-delay: 28.2s; -webkit-animation-delay: 28.2s; animation-delay: 28.2s; } #wrap .content .content-body .content-block.animation-wrap .animation-stage span#span05 { top: 50px; left: 70px; } #wrap .content .content-body .content-block.animation-wrap .animation-stage span#span05.start-ani2 { -moz-animation: ploppSpan 10s linear infinite; -ms-animation: ploppSpan 10s linear infinite; -webkit-animation: ploppSpan 10s linear infinite; animation: ploppSpan 10s linear infinite; -moz-animation-delay: 12.2s; -ms-animation-delay: 12.2s; -webkit-animation-delay: 12.2s; animation-delay: 12.2s; } #wrap .content .content-body .content-block.animation-wrap .animation-stage span#span06 { top: -50px; left: 300px; } #wrap .content .content-body .content-block.animation-wrap .animation-stage span#span06.start-ani2 { -moz-animation: ploppSpan 10s linear infinite; -ms-animation: ploppSpan 10s linear infinite; -webkit-animation: ploppSpan 10s linear infinite; animation: ploppSpan 10s linear infinite; -moz-animation-delay: 20.2s; -ms-animation-delay: 20.2s; -webkit-animation-delay: 20.2s; animation-delay: 20.2s; } #wrap .content .content-body .content-block.animation-wrap .animation-stage span#span07 { top: 300px; left: -50px; } #wrap .content .content-body .content-block.animation-wrap .animation-stage span#span07.start-ani2 { -moz-animation: ploppSpan 10s linear infinite; -ms-animation: ploppSpan 10s linear infinite; -webkit-animation: ploppSpan 10s linear infinite; animation: ploppSpan 10s linear infinite; -moz-animation-delay: 24.2s; -ms-animation-delay: 24.2s; -webkit-animation-delay: 24.2s; animation-delay: 24.2s; } #wrap .content .content-body .content-block.animation-wrap .animation-stage span#span08 { top: 50px; left: 650px; } #wrap .content .content-body .content-block.animation-wrap .animation-stage span#span08.start-ani2 { -moz-animation: ploppSpan 10s linear infinite; -ms-animation: ploppSpan 10s linear infinite; -webkit-animation: ploppSpan 10s linear infinite; animation: ploppSpan 10s linear infinite; -moz-animation-delay: 16.2s; -ms-animation-delay: 16.2s; -webkit-animation-delay: 16.2s; animation-delay: 16.2s; } #wrap .content .content-body .content-block.animation-wrap .animation-stage span#span09 { top: 450px; left: 800px; } #wrap .content .content-body .content-block.animation-wrap .animation-stage span#span09.start-ani2 { -moz-animation: ploppSpan 10s linear infinite; -ms-animation: ploppSpan 10s linear infinite; -webkit-animation: ploppSpan 10s linear infinite; animation: ploppSpan 10s linear infinite; -moz-animation-delay: 8.2s; -ms-animation-delay: 8.2s; -webkit-animation-delay: 8.2s; animation-delay: 8.2s; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap { position: relative; top: 0; left: 20%; width: 66.4%; z-index: 1; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap #pima-haus2 { width: 29%; opacity: 0; position: absolute; top: 47%; left: 27%; z-index: 2; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap #pima-haus2.start-ani2 { -moz-animation: plopp 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-animation-fill-mode: forwards; -moz-animation-delay: 0.2s; -ms-animation: plopp 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55); -ms-animation-fill-mode: forwards; -ms-animation-delay: 0.2s; -webkit-animation-name: plopp; -webkit-animation-duration: 0.8s; -webkit-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 0.2s; animation: plopp 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55); animation-fill-mode: forwards; animation-delay: 0.2s; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap #baum2 { width: 9%; opacity: 0; position: absolute; top: 54%; left: 53%; z-index: 2; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap #baum2.start-ani2 { -webkit-animation-name: plopp; -webkit-animation-duration: 0.8s; -webkit-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); -ms-animation: plopp 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55); -ms-animation-fill-mode: forwards; -ms-animation-delay: 0.2s; -webkit-animation: plopp 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 0.2s; animation: plopp 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55); animation-fill-mode: forwards; animation-delay: 0.2s; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .mann, #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .frau { position: absolute; top: 0; left: 0; z-index: 3; height: 10%; opacity: 0; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .mann#mann01, #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .frau#mann01 { top: 1.7%; left: 71%; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .mann#mann01.start-ani2-2, #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .frau#mann01.start-ani2-2 { -webkit-animation-name: plopp; -webkit-animation-duration: 0.3s; -webkit-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 0.2s; -moz-animation: plopp 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-animation-fill-mode: forwards; -moz-animation-delay: 0.2s; -ms-animation: plopp 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); -ms-animation-fill-mode: forwards; -ms-animation-delay: 0.2s; animation: plopp 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); animation-fill-mode: forwards; animation-delay: 0.2s; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .mann#frau01, #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .frau#frau01 { top: 4%; left: 38.5%; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .mann#frau01.start-ani2-2, #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .frau#frau01.start-ani2-2 { -webkit-animation-name: plopp; -webkit-animation-duration: 0.3s; -webkit-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 0.3s; -moz-animation: plopp 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-animation-fill-mode: forwards; -moz-animation-delay: 0.3s; -ms-animation: plopp 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); -ms-animation-fill-mode: forwards; -ms-animation-delay: 0.3s; animation: plopp 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); animation-fill-mode: forwards; animation-delay: 0.3s; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .mann#mann02, #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .frau#mann02 { top: 13.5%; left: 20.7%; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .mann#mann02.start-ani2-2, #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .frau#mann02.start-ani2-2 { -webkit-animation-name: plopp; -webkit-animation-duration: 0.3s; -webkit-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 0.4s; -moz-animation: plopp 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-animation-fill-mode: forwards; -moz-animation-delay: 0.4s; -ms-animation: plopp 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); -ms-animation-fill-mode: forwards; -ms-animation-delay: 0.4s; animation: plopp 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); animation-fill-mode: forwards; animation-delay: 0.4s; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .mann#frau02, #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .frau#frau02 { top: 11.9%; left: 56.5%; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .mann#frau02.start-ani2-2, #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .frau#frau02.start-ani2-2 { -webkit-animation-name: plopp; -webkit-animation-duration: 0.3s; -webkit-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 0.5s; -moz-animation: plopp 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-animation-fill-mode: forwards; -moz-animation-delay: 0.5s; -ms-animation: plopp 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); -ms-animation-fill-mode: forwards; -ms-animation-delay: 0.5s; animation: plopp 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); animation-fill-mode: forwards; animation-delay: 0.5s; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .mann#mann03, #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .frau#mann03 { top: 22.9%; left: 74.3%; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .mann#mann03.start-ani2-2, #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .frau#mann03.start-ani2-2 { -webkit-animation-name: plopp; -webkit-animation-duration: 0.3s; -webkit-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 0.6s; -moz-animation: plopp 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-animation-fill-mode: forwards; -moz-animation-delay: 0.6s; -ms-animation: plopp 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); -ms-animation-fill-mode: forwards; -ms-animation-delay: 0.6s; animation: plopp 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); animation-fill-mode: forwards; animation-delay: 0.6s; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .mann#frau03, #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .frau#frau03 { top: 25.4%; left: 52.8%; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .mann#frau03.start-ani2-2, #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .frau#frau03.start-ani2-2 { -webkit-animation-name: plopp; -webkit-animation-duration: 0.3s; -webkit-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 0.7s; -moz-animation: plopp 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-animation-fill-mode: forwards; -moz-animation-delay: 0.7s; -ms-animation: plopp 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); -ms-animation-fill-mode: forwards; -ms-animation-delay: 0.7s; animation: plopp 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); animation-fill-mode: forwards; animation-delay: 0.7s; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .mann#mann04, #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .frau#mann04 { top: 30.5%; left: 40.7%; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .mann#mann04.start-ani2-2, #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .frau#mann04.start-ani2-2 { -webkit-animation-name: plopp; -webkit-animation-duration: 0.3s; -webkit-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 0.8s; -moz-animation: plopp 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-animation-fill-mode: forwards; -moz-animation-delay: 0.8s; -ms-animation: plopp 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); -ms-animation-fill-mode: forwards; -ms-animation-delay: 0.8s; animation: plopp 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); animation-fill-mode: forwards; animation-delay: 0.8s; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .mann#frau04, #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .frau#frau04 { top: 23.8%; left: 25.2%; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .mann#frau04.start-ani2-2, #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .frau#frau04.start-ani2-2 { -webkit-animation-name: plopp; -webkit-animation-duration: 0.3s; -webkit-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 0.9s; -moz-animation: plopp 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-animation-fill-mode: forwards; -moz-animation-delay: 0.9s; -ms-animation: plopp 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); -ms-animation-fill-mode: forwards; -ms-animation-delay: 0.9s; animation: plopp 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); animation-fill-mode: forwards; animation-delay: 0.9s; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .mann#mann05, #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .frau#mann05 { top: 36.2%; left: 57.1%; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .mann#mann05.start-ani2-2, #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .frau#mann05.start-ani2-2 { -webkit-animation-name: plopp; -webkit-animation-duration: 0.3s; -webkit-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 1s; -moz-animation: plopp 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-animation-fill-mode: forwards; -moz-animation-delay: 1s; -ms-animation: plopp 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); -ms-animation-fill-mode: forwards; -ms-animation-delay: 1s; animation: plopp 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); animation-fill-mode: forwards; animation-delay: 1s; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .mann#frau05, #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .frau#frau05 { top: 49.3%; left: 64.1%; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .mann#frau05.start-ani2-2, #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .frau#frau05.start-ani2-2 { -webkit-animation-name: plopp; -webkit-animation-duration: 0.3s; -webkit-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 1.1s; -moz-animation: plopp 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-animation-fill-mode: forwards; -moz-animation-delay: 1.1s; -ms-animation: plopp 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); -ms-animation-fill-mode: forwards; -ms-animation-delay: 1.1s; animation: plopp 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); animation-fill-mode: forwards; animation-delay: 1.1s; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .mann#mann06, #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .frau#mann06 { top: 41.1%; left: 83.3%; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .mann#mann06.start-ani2-2, #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .frau#mann06.start-ani2-2 { -webkit-animation-name: plopp; -webkit-animation-duration: 0.3s; -webkit-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 1.2s; -moz-animation: plopp 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-animation-fill-mode: forwards; -moz-animation-delay: 1.2s; -ms-animation: plopp 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); -ms-animation-fill-mode: forwards; -ms-animation-delay: 1.2s; animation: plopp 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); animation-fill-mode: forwards; animation-delay: 1.2s; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .mann#frau06, #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .frau#frau06 { top: 64%; left: 57.6%; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .mann#frau06.start-ani2-2, #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .frau#frau06.start-ani2-2 { -webkit-animation-name: plopp; -webkit-animation-duration: 0.3s; -webkit-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 1.3s; -moz-animation: plopp 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-animation-fill-mode: forwards; -moz-animation-delay: 1.3s; -ms-animation: plopp 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); -ms-animation-fill-mode: forwards; -ms-animation-delay: 1.3s; animation: plopp 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); animation-fill-mode: forwards; animation-delay: 1.3s; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .mann#mann07, #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .frau#mann07 { top: 46.7%; left: 18.5%; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .mann#mann07.start-ani2-2, #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .frau#mann07.start-ani2-2 { -webkit-animation-name: plopp; -webkit-animation-duration: 0.3s; -webkit-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 1.4s; -moz-animation: plopp 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-animation-fill-mode: forwards; -moz-animation-delay: 1.4s; -ms-animation: plopp 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); -ms-animation-fill-mode: forwards; -ms-animation-delay: 1.4s; animation: plopp 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); animation-fill-mode: forwards; animation-delay: 1.4s; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .mann#frau07, #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .frau#frau07 { top: 57.6%; left: 9.5%; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .mann#frau07.start-ani2-2, #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .frau#frau07.start-ani2-2 { -webkit-animation-name: plopp; -webkit-animation-duration: 0.3s; -webkit-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 1.5s; -moz-animation: plopp 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-animation-fill-mode: forwards; -moz-animation-delay: 1.5s; -ms-animation: plopp 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); -ms-animation-fill-mode: forwards; -ms-animation-delay: 1.5s; animation: plopp 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); animation-fill-mode: forwards; animation-delay: 1.5s; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .mann#mann08, #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .frau#mann08 { top: 66%; left: 25%; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .mann#mann08.start-ani2-2, #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .frau#mann08.start-ani2-2 { -webkit-animation-name: plopp; -webkit-animation-duration: 0.3s; -webkit-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 1.6s; -moz-animation: plopp 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-animation-fill-mode: forwards; -moz-animation-delay: 1.6s; -ms-animation: plopp 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); -ms-animation-fill-mode: forwards; -ms-animation-delay: 1.6s; animation: plopp 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); animation-fill-mode: forwards; animation-delay: 1.6s; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .mann#frau08, #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .frau#frau08 { top: 77.2%; left: 39.2%; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .mann#frau08.start-ani2-2, #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .frau#frau08.start-ani2-2 { -webkit-animation-name: plopp; -webkit-animation-duration: 0.3s; -webkit-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 1.7s; -moz-animation: plopp 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-animation-fill-mode: forwards; -moz-animation-delay: 1.7s; -ms-animation: plopp 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); -ms-animation-fill-mode: forwards; -ms-animation-delay: 1.7s; animation: plopp 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); animation-fill-mode: forwards; animation-delay: 1.7s; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .mann#mann09, #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .frau#mann09 { top: 81%; left: 25.1%; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .mann#mann09.start-ani2-2, #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .frau#mann09.start-ani2-2 { -webkit-animation-name: plopp; -webkit-animation-duration: 0.3s; -webkit-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 1.8s; -moz-animation: plopp 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-animation-fill-mode: forwards; -moz-animation-delay: 1.8s; -ms-animation: plopp 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); -ms-animation-fill-mode: forwards; -ms-animation-delay: 1.8s; animation: plopp 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); animation-fill-mode: forwards; animation-delay: 1.8s; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .mann#frau09, #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .frau#frau09 { top: 85.1%; left: 53.6%; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .mann#frau09.start-ani2-2, #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .frau#frau09.start-ani2-2 { -webkit-animation-name: plopp; -webkit-animation-duration: 0.3s; -webkit-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 1.9s; -moz-animation: plopp 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-animation-fill-mode: forwards; -moz-animation-delay: 1.9s; -ms-animation: plopp 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); -ms-animation-fill-mode: forwards; -ms-animation-delay: 1.9s; animation: plopp 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); animation-fill-mode: forwards; animation-delay: 1.9s; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .flag { width: 11.2%; position: absolute; top: 0; left: 0; z-index: 2; opacity: 0; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .flag#flag01 { top: 13.6%; left: 67.8%; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .flag#flag01.start-ani2 { -moz-animation: plopp 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-animation-fill-mode: forwards; -moz-animation-delay: 1.2s; -ms-animation: plopp 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); -ms-animation-fill-mode: forwards; -ms-animation-delay: 1.2s; -webkit-animation-name: plopp; -webkit-animation-duration: 0.5s; -webkit-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 1.2s; animation: plopp 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); animation-fill-mode: forwards; animation-delay: 1.2s; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .flag#flag02 { top: 17.1%; left: 35.1%; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .flag#flag02.start-ani2 { -moz-animation: plopp 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-animation-fill-mode: forwards; -moz-animation-delay: 3.2s; -ms-animation: plopp 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); -ms-animation-fill-mode: forwards; -ms-animation-delay: 3.2s; -webkit-animation-name: plopp; -webkit-animation-duration: 0.5s; -webkit-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 3.2s; animation: plopp 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); animation-fill-mode: forwards; animation-delay: 3.2s; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .flag#flag03 { top: 35.7%; left: 71.2%; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .flag#flag03.start-ani2 { -moz-animation: plopp 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-animation-fill-mode: forwards; -moz-animation-delay: 2.8s; -ms-animation: plopp 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); -ms-animation-fill-mode: forwards; -ms-animation-delay: 2.8s; -webkit-animation-name: plopp; -webkit-animation-duration: 0.5s; -webkit-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 2.8s; animation: plopp 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); animation-fill-mode: forwards; animation-delay: 2.8s; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .flag#flag04 { top: 38.5%; left: 14.1%; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .flag#flag04.start-ani2 { -moz-animation: plopp 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-animation-fill-mode: forwards; -moz-animation-delay: 1.6s; -ms-animation: plopp 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); -ms-animation-fill-mode: forwards; -ms-animation-delay: 1.6s; -webkit-animation-name: plopp; -webkit-animation-duration: 0.5s; -webkit-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 1.6s; animation: plopp 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); animation-fill-mode: forwards; animation-delay: 1.6s; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .flag#flag05 { top: 76.2%; left: 64%; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .flag#flag05.start-ani2 { -moz-animation: plopp 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-animation-fill-mode: forwards; -moz-animation-delay: 2.4s; -ms-animation: plopp 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); -ms-animation-fill-mode: forwards; -ms-animation-delay: 2.4s; -webkit-animation-name: plopp; -webkit-animation-duration: 0.5s; -webkit-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 2.4s; animation: plopp 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); animation-fill-mode: forwards; animation-delay: 2.4s; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .flag#flag06 { top: 68.6%; left: 33.9%; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap .flag#flag06.start-ani2 { -moz-animation: plopp 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-animation-fill-mode: forwards; -moz-animation-delay: 2s; -ms-animation: plopp 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); -ms-animation-fill-mode: forwards; -ms-animation-delay: 2s; -webkit-animation-name: plopp; -webkit-animation-duration: 0.5s; -webkit-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 2s; animation: plopp 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); animation-fill-mode: forwards; animation-delay: 2s; } #wrap .content .content-body .content-block.animation-wrap .animation-stage #map-wrap #map { width: 100%; position: relative; top: 0; left: 0; } #wrap .content .content-body .content-block.animation-wrap .animation-stage .auto { opacity: 0; width: 33%; position: absolute; bottom: -5%; z-index: 4; } #wrap .content .content-body .content-block.animation-wrap .animation-stage .auto.start-ani { -webkit-animation: auto 6s cubic-bezier(0.455, 0.03, 0.515, 0.955); -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 0.8s; -moz-animation: auto 6s cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-animation-fill-mode: forwards; -moz-animation-delay: 0.8s; -ms-animation: auto 6s cubic-bezier(0.455, 0.03, 0.515, 0.955); -ms-animation-fill-mode: forwards; -ms-animation-delay: 0.8s; animation: auto 6s cubic-bezier(0.455, 0.03, 0.515, 0.955); animation-fill-mode: forwards; animation-delay: 0.8s; } #wrap .content .content-body .content-block.animation-wrap .animation-stage .auto.start-ani1-2 { -moz-animation: auto-hide 0.8s linear; -moz-animation-fill-mode: forwards; -ms-animation: auto-hide 0.8s linear; -ms-animation-fill-mode: forwards; -webkit-animation: auto-hide 0.8s linear; -webkit-animation-fill-mode: forwards; animation: auto-hide 0.8s linear; animation-fill-mode: forwards; } #wrap .content .content-body .content-block.animation-wrap .animation-stage .auto #auto { position: relative; left: 0; top: 0; margin-left: 48%; width: 52%; } #wrap .content .content-body .content-block.animation-wrap .animation-stage .auto .geld { opacity: 0; position: absolute; bottom: 0px; left: 0px; width: 10%; } #wrap .content .content-body .content-block.animation-wrap .animation-stage .auto .geld#geld01.start-ani { -webkit-animation: geld 1.5s linear infinite; -moz-animation: geld 1.5s linear infinite; -ms-animation: geld 1.5s linear infinite; animation: geld 1.5s linear infinite; } #wrap .content .content-body .content-block.animation-wrap .animation-stage .auto .geld#geld02.start-ani { -webkit-animation: geld 1.5s linear infinite; -moz-animation: geld 1.5s linear infinite; -ms-animation: geld 1.5s linear infinite; animation: geld 1.5s linear infinite; -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -ms-animation-delay: 0.5s; animation-delay: 0.5s; } #wrap .content .content-body .content-block.animation-wrap .animation-stage .auto .geld#geld03.start-ani { -webkit-animation: geld 1.5s linear infinite; -moz-animation: geld 1.5s linear infinite; -ms-animation: geld 1.5s linear infinite; animation: geld 1.5s linear infinite; -webkit-animation-delay: 1s; -moz-animation-delay: 1s; -ms-animation-delay: 1s; animation-delay: 1s; } #wrap .content .content-body .content-block.animation-wrap .animation-stage .haus { opacity: 0; } #wrap .content .content-body .content-block.animation-wrap .animation-stage .haus.start-ani { -moz-animation-name: hausplopp; -moz-animation-duration: 0.8s; -moz-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-animation-fill-mode: forwards; -moz-animation-delay: 0.8s; -webkit-animation-name: hausplopp; -webkit-animation-duration: 0.8s; -webkit-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 0.8s; animation-name: hausplopp; animation-duration: 0.8s; animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); animation-fill-mode: forwards; animation-delay: 0.8s; } #wrap .content .content-body .content-block.animation-wrap .animation-stage .geld-buero { width: 7.5%; position: absolute; bottom: 43%; left: 14.5%; opacity: 0; } #wrap .content .content-body .content-block.animation-wrap .animation-stage .geld-buero.start-ani1-2 { -moz-animation: geldplums 0.5s linear 14; -moz-animation-fill-mode: forwards; -moz-animation-delay: 2.6s; -webkit-animation: geldplums 0.5s linear 14; -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 2.6s; animation: geldplums 0.5s linear 14; animation-fill-mode: forwards; animation-delay: 2.6s; } #wrap .content .content-body .content-block.animation-wrap .animation-stage .buero-haus { position: relative; margin-top: 330px; top: 0; left: 2%; width: 22.4%; } #wrap .content .content-body .content-block.animation-wrap .animation-stage .buero-haus2 { position: absolute; bottom: 0; opacity: 0; left: 66%; width: 24%; } #wrap .content .content-body .content-block.animation-wrap .animation-stage .buero-haus2.start-ani1-2 { -moz-animation-name: hausplopp; -moz-animation-duration: 2.6s; -moz-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-animation-fill-mode: forwards; -moz-animation-delay: 2.6s; -webkit-animation-name: hausplopp; -webkit-animation-duration: 2.6s; -webkit-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 0.8s; animation-name: hausplopp; animation-duration: 2.6s; animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); animation-fill-mode: forwards; animation-delay: 2.6s; } #wrap .content .content-body .content-block.animation-wrap .animation-stage .arzt-haus { width: 24%; position: absolute; bottom: 0; left: 66%; } #wrap .content .content-body .content-block.animation-wrap .animation-stage .arzt-haus.start-ani1-2 { -moz-animation-name: hausplopp-back; -moz-animation-duration: 0.8s; -moz-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-animation-fill-mode: forwards; -moz-animation-delay: 0s; -webkit-animation-name: hausplopp-back; -webkit-animation-duration: 0.8s; -webkit-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 0s; animation-name: hausplopp-back; animation-duration: 0.8s; animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); animation-fill-mode: forwards; animation-delay: 0s; } #wrap .content .content-body .content-block.animation-wrap .animation-stage .pima-haus { width: 29.6%; opacity: 0; position: absolute; bottom: 0; left: 58.6%; } #wrap .content .content-body .content-block.animation-wrap .animation-stage .pima-haus.start-ani1-2 { /*-webkit-animation: hausplopp 0.8s ; -webkit-animation-fill-mode: forwards; animation-delay: 0.8s; -webkit-animation: hausplopp 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-animation-fill-mode: forwards; animation-delay: 0.8s;*/ -moz-animation-name: hausplopp; -moz-animation-duration: 0.8s; -moz-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-animation-fill-mode: forwards; -moz-animation-delay: 0.8s; -webkit-animation-name: hausplopp; -webkit-animation-duration: 0.8s; -webkit-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 0.8s; animation-name: hausplopp; animation-duration: 0.8s; animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); animation-fill-mode: forwards; animation-delay: 0.8s; } #wrap .content .content-body .content-block.animation-wrap .animation-stage .baum { position: absolute; bottom: 0; opacity: 0; left: 86%; z-index: 3; width: 12%; } #wrap .content .content-body .content-block.animation-wrap .animation-stage .baum.start-ani1-2 { -moz-animation-name: hausplopp; -moz-animation-duration: 0.8s; -moz-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-animation-fill-mode: forwards; -moz-animation-delay: 0.8s; -webkit-animation-name: hausplopp; -webkit-animation-duration: 0.8s; -webkit-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 0.8s; animation-name: hausplopp; animation-duration: 0.8s; animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); animation-fill-mode: forwards; animation-delay: 0.8s; } #wrap .content .content-body .content-block.animation-wrap .animation-stage .medimobil { width: 16.6%; position: absolute; left: 60%; bottom: -5%; opacity: 0; z-index: 4; } #wrap .content .content-body .content-block.animation-wrap .animation-stage .medimobil.start-ani1-2 { -moz-animation: medimobil 6s cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-animation-fill-mode: forwards; -moz-animation-delay: 2.4s; -webkit-animation: medimobil 6s cubic-bezier(0.455, 0.03, 0.515, 0.955); -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 2.4s; animation: medimobil 6s cubic-bezier(0.455, 0.03, 0.515, 0.955); animation-fill-mode: forwards; animation-delay: 2.4s; } #wrap .content .content-body .content-block.animation-wrap .animation-stage .uhr { position: absolute; top: 50px; left: 34%; width: 22%; } #wrap .content .content-body .content-block.animation-wrap .animation-stage .uhr.vorwaerts .uhr-element { position: absolute; top: 0; left: 0; width: 100%; } #wrap .content .content-body .content-block.animation-wrap .animation-stage .uhr.vorwaerts .uhr-element#e5 { /*zeiger*/ z-index: 5; } #wrap .content .content-body .content-block.animation-wrap .animation-stage .uhr.vorwaerts .uhr-element#e5.start-ani { -webkit-animation: rotate360 1s linear 6; -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 0.8s; -moz-animation: rotate360 1s linear 6; -moz-animation-fill-mode: forwards; -moz-animation-delay: 0.8s; -ms-animation: rotate360 1s linear 6; -ms-animation-fill-mode: forwards; -ms-animation-delay: 0.8s; animation: rotate360 1s linear 6; animation-fill-mode: forwards; animation-delay: 0.8s; } #wrap .content .content-body .content-block.animation-wrap .animation-stage .uhr.vorwaerts .uhr-element#e5.start-ani1-2 { -webkit-animation: rotate3602 1s linear 6; -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 2.4s; -moz-animation: rotate3602 1s linear 6; -moz-animation-fill-mode: forwards; -moz-animation-delay: 2.4s; -ms-animation: rotate3602 1s linear 6; -ms-animation-fill-mode: forwards; -ms-animation-delay: 2.4s; animation: rotate3602 1s linear 6; animation-fill-mode: forwards; animation-delay: 2.4s; } #wrap .content .content-body .content-block.animation-wrap .animation-stage .uhr.vorwaerts .uhr-element#e4 { /*zeiger*/ z-index: 4; } #wrap .content .content-body .content-block.animation-wrap .animation-stage .uhr.vorwaerts .uhr-element#e4.start-ani { -webkit-animation: rotate 6s linear; -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 0.8s; -moz-animation: rotate 6s linear; -moz-animation-fill-mode: forwards; -moz-animation-delay: 0.8s; -ms-animation: rotate 6s linear; -ms-animation-fill-mode: forwards; -ms-animation-delay: 0.8s; animation: rotate 6s linear; animation-fill-mode: forwards; animation-delay: 0.8s; } #wrap .content .content-body .content-block.animation-wrap .animation-stage .uhr.vorwaerts .uhr-element#e4.start-ani1-2 { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-animation: rotate-back 6s linear; -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 2.4s; -moz-animation: rotate-back 6s linear; -moz-animation-fill-mode: forwards; -moz-animation-delay: 2.4s; -ms-animation: rotate-back 6s linear; -ms-animation-fill-mode: forwards; -ms-animation-delay: 2.4s; animation: rotate-back 6s linear; animation-fill-mode: forwards; animation-delay: 2.4s; } #wrap .content .content-body .content-block.animation-wrap .animation-stage .uhr.vorwaerts .uhr-element#e3 { /* maske */ z-index: 3; } #wrap .content .content-body .content-block.animation-wrap .animation-stage .uhr.vorwaerts .uhr-element#e3.start-ani { -webkit-animation: rotate 6s linear; -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 0.8s; -moz-animation: rotate 6s linear; -moz-animation-fill-mode: forwards; -moz-animation-delay: 0.8s; -ms-animation: rotate 6s linear; -ms-animation-fill-mode: forwards; -ms-animation-delay: 0.8s; animation: rotate 6s linear; animation-fill-mode: forwards; animation-delay: 0.8s; } #wrap .content .content-body .content-block.animation-wrap .animation-stage .uhr.vorwaerts .uhr-element#e2 { /*rot*/ z-index: 2; } #wrap .content .content-body .content-block.animation-wrap .animation-stage .uhr.vorwaerts .uhr-element#e2.start-ani1-2 { -webkit-animation: rotate-back2 6s linear; -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 2.4s; -moz-animation: rotate-back2 6s linear; -moz-animation-fill-mode: forwards; -moz-animation-delay: 2.4s; -ms-animation: rotate-back2 6s linear; -ms-animation-fill-mode: forwards; -ms-animation-delay: 2.4s; animation: rotate-back2 6s linear; animation-fill-mode: forwards; animation-delay: 2.4s; } #wrap .content .content-body .content-block.animation-wrap .animation-stage .uhr.vorwaerts .uhr-element#e1 { /*gruen*/ z-index: 1; } #wrap .content .content-body .content-block.animation-wrap .animation-stage .uhr.vorwaerts .zeiger { z-index: 3; height: 68.7%; position: absolute; top: calc((100% - 68.7) / 2); left: calc(50% - (6.9 / 2)); margin-left: 0; } #wrap .content .content-body .content-block.animation-wrap .animation-stage .uhr.vorwaerts .zeiger.start-ani { -webkit-animation: rotate 6s linear; -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 0.8s; -moz-animation: rotate 6s linear; -moz-animation-fill-mode: forwards; -moz-animation-delay: 0.8s; -ms-animation: rotate 6s linear; -ms-animation-fill-mode: forwards; -ms-animation-delay: 0.8s; animation: rotate 6s linear; animation-fill-mode: forwards; animation-delay: 0.8s; -moz-transform-origin: 0 50%; -webkit-transform-origin: 0 50%; transform-origin: 0 50%; } #wrap .content .content-body .content-block.animation-wrap .animation-stage .uhr.vorwaerts .zeiger.start-ani1-2 { -webkit-animation: rotate-back 6s linear; -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 2.4s; -moz-animation: rotate-back 6s linear; -moz-animation-fill-mode: forwards; -moz-animation-delay: 2.4s; -ms-animation: rotate-back 6s linear; -ms-animation-fill-mode: forwards; -ms-animation-delay: 2.4s; animation: rotate-back 6s linear; animation-fill-mode: forwards; animation-delay: 2.4s; -webkit-transform-origin: 0 50%; -moz-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transform: rotate(180deg); transform: rotate(180deg); } #wrap .content .content-body .content-block.animation-wrap .animation-stage .uhr.vorwaerts .maske { height: 71.6%; left: 50%; position: absolute; top: 14.3%; z-index: 2; } #wrap .content .content-body .content-block.animation-wrap .animation-stage .uhr.vorwaerts .maske#maske-gelb.start-ani1-2 { opacity: 1; -moz-animation: out 0.4s linear; -moz-animation-fill-mode: forwards; -webkit-animation: out 0.4s linear; -webkit-animation-fill-mode: forwards; animation: out 0.4s linear; animation-fill-mode: forwards; } #wrap .content .content-body .content-block.animation-wrap .animation-stage .uhr.vorwaerts .maske#maske-gruen { opacity: 0; } #wrap .content .content-body .content-block.animation-wrap .animation-stage .uhr.vorwaerts .maske#maske-gruen.start-ani1-2 { opacity: 0; -moz-animation: in 0.4s linear; -moz-animation-fill-mode: forwards; -webkit-animation: in 0.4s linear; -webkit-animation-fill-mode: forwards; animation: in 0.4s linear; animation-fill-mode: forwards; } #wrap .content .content-body .content-block.animation-wrap .animation-stage .wolke { position: absolute; } #wrap .content .content-body .content-block.animation-wrap .animation-stage .wolke:nth-of-type(1) { top: 17px; left: 80%; width: 90px; } #wrap .content .content-body .content-block.animation-wrap .animation-stage .wolke:nth-of-type(1).start-ani { -moz-animation: wolken 40s linear; -moz-animation-fill-mode: forwards; -webkit-animation: wolken 40s linear; -webkit-animation-fill-mode: forwards; animation: wolken 40s linear; animation-fill-mode: forwards; } #wrap .content .content-body .content-block.animation-wrap .animation-stage .wolke:nth-of-type(2) { top: 90px; left: 20%; width: 125px; } #wrap .content .content-body .content-block.animation-wrap .animation-stage .wolke:nth-of-type(2).start-ani { -moz-animation: wolken2 40s linear; -moz-animation-fill-mode: forwards; -moz-animation-delay: 0s; -webkit-animation: wolken2 40s linear; -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 0s; animation: wolken2 40s linear; animation-fill-mode: forwards; animation-delay: 0s; } #wrap .content .content-body .content-block.animation-wrap .animation-stage .wolke:nth-of-type(3) { top: -60px; left: 60%; width: 150px; } #wrap .content .content-body .content-block.animation-wrap .animation-stage .wolke:nth-of-type(3).start-ani { moz-animation: wolken3 40s linear; -moz-animation-fill-mode: forwards; -moz-animation-delay: 0s; -webkit-animation: wolken3 40s linear; -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 0s; animation: wolken3 40s linear; animation-fill-mode: forwards; animation-delay: 0s; } #wrap .content .content-body .content-block#gesundheits-bild { min-height: 600px; background: url(../img/game-1.jpg) top center no-repeat; } #wrap .content .content-body .content-block#gesundheits-bild-2 { height: 3767px; background: url(../img/animationsplanung.jpg) top center no-repeat; } #wrap .content .content-body .content-block.bg-img .center-this > h1 > span { display: block; color: white; font-weight: 400; margin-top: 14px; } #wrap .content .content-body .content-block.bg-img .center-this > h1 > span.dark { color: #808080; } #wrap .content .content-body .content-block .container > h2, #wrap .content .content-body .content-block .container h3 { font-size: 22pt; line-height: 25pt; color: #ffdc00; margin-bottom: 30px; font-weight: 600; } #wrap .content .content-body .content-block .container > h2 > span, #wrap .content .content-body .content-block .container h3 > span { color: #4d4d4d; font-size: 18pt; font-family: dearjoe6; display: block; margin-top: 6px; font-weight: 400; } #wrap .content .content-body .content-block .container > h2.noMargin, #wrap .content .content-body .content-block .container h3.noMargin { margin-bottom: 0; line-height: 0pt; } #wrap .content .content-body .content-block .container > h2.noMargin > span, #wrap .content .content-body .content-block .container h3.noMargin > span { margin-top: 0; } #wrap .content .content-body .content-block .col.leistung-ul-block > div, #wrap .content .content-body .content-block .col.leistungen-ul-block-lp > div { border-radius: 5px; } #wrap .content .content-body .content-block .col.leistung-ul-block:nth-of-type(2n), #wrap .content .content-body .content-block .col.leistungen-ul-block-lp:nth-of-type(2n) { padding-left: 15px; } #wrap .content .content-body .content-block .col.leistung-ul-block.center b, #wrap .content .content-body .content-block .col.leistungen-ul-block-lp.center b { text-align: center; } #wrap .content .content-body .content-block .col.leistung-ul-block.center01 > div, #wrap .content .content-body .content-block .col.leistungen-ul-block-lp.center01 > div { text-align: center; font-size: 14pt; margin-bottom: 10px; padding: 20px 20px 10px 20px; } #wrap .content .content-body .content-block .col.leistung-ul-block.center00 > div, #wrap .content .content-body .content-block .col.leistungen-ul-block-lp.center00 > div { text-align: center; font-size: 14pt; margin-bottom: 10px; padding: 20px 20px 20px 20px; } #wrap .content .content-body .content-block .col.leistung-ul-block.main-site, #wrap .content .content-body .content-block .col.leistungen-ul-block-lp.main-site { margin-top: 10px; } #wrap .content .content-body .content-block .col.leistung-ul-block.main-site:nth-of-type(3), #wrap .content .content-body .content-block .col.leistungen-ul-block-lp.main-site:nth-of-type(3) { padding-left: 15px; } #wrap .content .content-body .content-block .col.leistung-ul-block.main-site > div, #wrap .content .content-body .content-block .col.leistungen-ul-block-lp.main-site > div { min-height: 115px; } #wrap .content .content-body .content-block .col.leistung-ul-block.main-site b, #wrap .content .content-body .content-block .col.leistungen-ul-block-lp.main-site b { text-align: center; } #wrap .content .content-body .content-block .col.leistung-ul-block > div, #wrap .content .content-body .content-block .col.leistungen-ul-block-lp > div { padding: 20px; background: #ffdc00; color: white; } #wrap .content .content-body .content-block .col.leistung-ul-block > div > b, #wrap .content .content-body .content-block .col.leistungen-ul-block-lp > div > b { font-size: 14pt; margin-bottom: 10px; display: block; line-height: 18pt; } #wrap .content .content-body .content-block .col.leistung-ul-block > div > ul, #wrap .content .content-body .content-block .col.leistungen-ul-block-lp > div > ul { margin-left: 18px; } #wrap .content .content-body .content-block .col.leistung-ul-block > div > ul li, #wrap .content .content-body .content-block .col.leistungen-ul-block-lp > div > ul li { list-style-position: outside; list-style-image: url(../img/bullet-dark.png); line-height: 18pt; font-size: 13pt; margin-bottom: 5px; color: #4d4d4d; } #wrap .content .content-body .content-block .col > ul { margin-left: 18px; } #wrap .content .content-body .content-block .col > ul > li { list-style-position: outside; list-style-image: url(../img/bullet.png); line-height: 21pt; font-size: 11pt; color: #4d4d4d; } #wrap .content .content-body .content-block .col > p { line-height: 21pt; font-size: 13pt; /* Toni: Wert von 11pt auch 13pt geändert */ text-align: justify; /* Toni: Neu hinzugefügt */ color: #4d4d4d; } #wrap .content .content-body .content-block .col > p.white { color: white; } #wrap .content .content-body .content-block .col > p.key > b { color: #ffdc00; } #wrap .content .content-body .content-block .col > p > i { font-style: italic; } #wrap .content .content-body .content-block .col > p > b { font-weight: 600; } #wrap .content .content-body .content-block .col > p span { font-weight: 600; color: #ffdc00; } #wrap .content .content-body .content-block .col > p > a { color: #ffdc00; } #wrap .content .content-body .content-block .col > h2 { margin-bottom: 25px; } #wrap .content .content-body .content-block .col > img { width: 100%; } #wrap .content.after-fixed-head { z-index: 2; top: 0; height: 100%; } #wrap .content #headline { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } #wrap .content #headline.fixed { position: fixed; } .footer-wrap { background: #ffdc00; width: 100%; min-height: 150px; box-sizing: border-box; padding: 50px; z-index: 98; position: relative; } @media (max-width: 768px) { .footer-wrap { padding: 50px 0; } } .footer-wrap .footer-head { overflow: hidden; width: 100%; } .footer-wrap .footer-head .foot-head-element { color: #4D4D4D; font-size: 17px; } .footer-wrap .footer-head .foot-head-element#left { position: relative; top: 0; left: 0; margin: 0 0 50px 0; } .footer-wrap .footer-head .foot-head-element#left > ul { margin-bottom: 15px; overflow: hidden; } .footer-wrap .footer-head .foot-head-element#left a.bewertungen { float: none; color: #4D4D4D; } .footer-wrap .footer-head .foot-head-element#center { text-align: center; } .footer-wrap .footer-head .foot-head-element#center a { min-height: 40px; padding-top: 10px; padding-bottom: 10px; display: block; float: left; width: 100%; color: #4D4D4D; box-sizing: border-box; border: 2px solid #4D4D4D; border-radius: 5px; font-size: 17px; } .footer-wrap .footer-head .foot-head-element#right { position: relative; top: 0; left: 0; margin: 00px 0px 50px 0; text-align: right; } .footer-wrap .footer-head .foot-head-element#right a { color: #4D4D4D; } .footer-wrap .footer-head .foot-head-element#right .btn { color: white; background: none; margin-left: 10px; } .footer-wrap .footer-head .foot-head-element#right .btn > i { color: #4D4D4D; font-size: 18px; line-height: 23px; height: 25px; width: 25px; padding: 3px; border: 2px solid #4D4D4D; border-radius: 5px; } .footer-wrap .footer-head .foot-head-element ul li { float: left; color: #4D4D4D; margin-right: 10px; line-height: 26px; } .footer-wrap .footer-head .foot-head-element ul li > a { color: #4D4D4D; } .footer-wrap .footer-head .container.footer_container { line-height: 20px; } .footer-wrap .footer-content { position: relative; top: 0; left: 0; width: 100%; overflow: hidden; transition: height 0.4s; -webkit-transition: height 0.4s; } .footer-wrap .footer-content > .footer-content-element { height: 0px; overflow: hidden; } .footer-wrap .footer-content > .footer-content-element.open { height: auto; } @media (max-width: 768px) { .footer-wrap .footer-content > .footer-content-element.open { padding: 15px; } } .footer-wrap .footer-content .btn { position: absolute; right: 0; top: 0; color: #4D4D4D; margin-left: 10px; } .footer-wrap .footer-content .btn > i { color: #4d4d4d; font-size: 24px; line-height: 27px; height: 30px; width: 30px; padding: 3px; border: 2px solid #4D4D4D; border-radius: 5px; } .footer-wrap .footer-content h1 { font-size: 22pt; color: #4D4D4D; margin-top: 10px; margin-bottom: 30px; font-weight: 600; } .footer-wrap .footer-content h1 > span { color: #4D4D4D; font-size: 18pt; font-family: dearjoe6; display: block; margin-top: 20px; font-weight: 400; } .footer-wrap .footer-content p { width: 80%; font-size: 13pt; line-height: 18pt; margin-bottom: 50px; color: #4D4D4D; } .footer-wrap .footer-content p:first-of-type { margin-bottom: 0; } @media (max-width: 768px) { .footer-wrap .footer-content p { width: 100%; } } .footer-wrap .footer-content p a { color: #4D4D4D; cursor: pointer; text-decoration: underline; } .footer-wrap span#impressum, .footer-wrap span#agb { font-size: 22pt; line-height: 25pt; color: #4D4D4D; margin-bottom: 30px; font-weight: 600; } .footer-wrap span#impressum > span, .footer-wrap span#agb > span { color: #4d4d4d; font-size: 18pt; font-family: dearjoe6; display: block; margin-top: 6px; font-weight: 400; } .footer-wrap span#impressum.noMargin, .footer-wrap span#agb.noMargin { margin-bottom: 0; line-height: 0pt; } .footer-wrap span#impressum.noMargin > span, .footer-wrap span#agb.noMargin > span { margin-top: 0; } .footer-wrap ul.footer_leistungen { font-size: 17px; } .footer-wrap ul.footer_leistungen li { float: none !important; } .footer-wrap ul.footer_leistungen a { color: #4d4d4d; } .footer-wrap ul.footer_leistungen a:hover { color: white !important; } .footer-wrap ul.footer_legal_links a { color: #4d4d4d; } .footer-wrap ul.footer_legal_links a:hover { color: white !important; } .footer-wrap div.footer_headline1 { font-weight: 600; } .footer-wrap div.contact_tel { font-size: 26px; font-weight: 800; } .footer-wrap div.contact_tel a { color: #4d4d4d; } .footer-wrap div.contact_tel a:hover { color: white !important; } .footer-wrap div.contact_mail { font-size: 16px; font-weight: 800; } .footer-wrap div.contact_mail a { color: #4d4d4d; } .footer-wrap div.contact_mail a:hover { color: white !important; } .footer-wrap a.footer_link { color: #4d4d4d; } .footer-wrap a.footer_link:hover { color: white !important; } .footer-wrap a.footer_link.underline { text-decoration: underline; } /* Error Banner Karrireportal*/ .banner { width: 100%; background: red; color: white; font-size: 13pt; padding: 15px; margin-bottom: 30px; box-sizing: border-box; line-height: 21pt; display: none; } .banner span { font-size: 13pt; } .banner p { margin-top: 15px; } @media (max-width: 930px) { .banner { display: inline-block; } } .cake-error { display: none; } .upper-banner { bottom: 0; position: absolute; box-sizing: border-box; background: red; z-index: 8; padding: 15px 0; } @media (max-width: 930px) { .upper-banner { display: none; } } .upper-center { left: 50%; width: 50%; position: relative; margin-left: -500px; color: white; } .upper-center p { font-size: 13pt; line-height: 21pt; } @media (max-width: 767px) { .upper-center p { font-size: 11pt; line-height: 15pt; } } .upper-center span { font-size: 13pt; line-height: 21pt; } @media (max-width: 767px) { .upper-center span { font-size: 11pt; line-height: 15pt; } } @media (max-width: 1050px) { .upper-center { max-width: 100%; width: 90%; margin-left: 5%; left: 0; } } .scroll-btn { z-index: 999; } #sendContactForm { background: transparent; color: white; } .sub { font-size: 14px; } #kontakt-head, #kontakt-body { background-image: url(../img/backgrounds/bg_kontakt.jpg); background-attachment: fixed; background-size: 100% 100%; /* Chrome, Safari, Edge, Opera */ /* Firefox */ } #kontakt-head.anrufen, #kontakt-body.anrufen { background: #ffdc00; } #kontakt-head.anrufen #kontaktauswahl_gesundheitszentren:before, #kontakt-body.anrufen #kontaktauswahl_gesundheitszentren:before { border-color: #252525; } #kontakt-head .menu, #kontakt-body .menu { position: relative !important; overflow: visible !important; } #kontakt-head .menu .tel_input, #kontakt-body .menu .tel_input { margin-bottom: 20px; } #kontakt-head .menu .tel_input input[type=text], #kontakt-body .menu .tel_input input[type=text] { border: none; margin: 0; padding: 0; font-size: 22pt; font-weight: 600; } #kontakt-head .menu input[type=text], #kontakt-body .menu input[type=text], #kontakt-head .menu input[type=tel], #kontakt-body .menu input[type=tel], #kontakt-head .menu input[type=number], #kontakt-body .menu input[type=number], #kontakt-head .menu input[type=email], #kontakt-body .menu input[type=email], #kontakt-head .menu input[type=textarea], #kontakt-body .menu input[type=textarea] { font-size: 20px; height: 40px; padding: 4px 15px; background: white; } #kontakt-head .menu .selectWrapWrap, #kontakt-body .menu .selectWrapWrap { background: white; padding: 0; border-radius: 6px; } #kontakt-head .menu .selectWrapWrap:after, #kontakt-body .menu .selectWrapWrap:after { clear: both; content: " "; display: table; } #kontakt-head .kontakt_block, #kontakt-body .kontakt_block { margin-left: auto; margin-right: auto; display: block; position: relative; margin-top: 100px; /*@media (min-width: @screenLg) { max-width: 1000px; } @media (device-width: 320px) { margin-top: 100px; } @media (min-width: @screenMd) { margin-top: 150px; }*/ } #kontakt-head .kontakt_block.gesundheitstage .selectWrap #question:before, #kontakt-body .kontakt_block.gesundheitstage .selectWrap #question:before { display: none; } #kontakt-head .kontakt_block.gesundheitstage .selectWrap #question select, #kontakt-body .kontakt_block.gesundheitstage .selectWrap #question select { padding-left: 15px; cursor: initial; } #kontakt-head .kontakt_block.gesundheitstage .selectWrap i, #kontakt-body .kontakt_block.gesundheitstage .selectWrap i { display: none; } #kontakt-head .kontakt_block .g-recaptcha > div, #kontakt-body .kontakt_block .g-recaptcha > div { display: block; float: right; } @media (width: 320px) { #kontakt-head .kontakt_block .g-recaptcha > div, #kontakt-body .kontakt_block .g-recaptcha > div { float: left; } } #kontakt-head .kontakt_block .row_send, #kontakt-body .kontakt_block .row_send { display: block; margin-top: 20px; } #kontakt-head .kontakt_block .row_send button, #kontakt-body .kontakt_block .row_send button { width: 100%; position: relative; color: #ffdc00; transition: all 0.3s; -webkit-transition: all 0.3s; padding: 12px 10px; border: 2px solid #ffdc00; border-radius: 6px; text-align: center; } #kontakt-head .kontakt_block .row_send button i, #kontakt-body .kontakt_block .row_send button i { border: none; } #kontakt-head .kontakt_block .row_send button span, #kontakt-body .kontakt_block .row_send button span { float: none; margin: 2px 0 0 10px; font-size: 18px; } #kontakt-head .kontakt_block .row_send button span:hover, #kontakt-body .kontakt_block .row_send button span:hover { color: white; } #kontakt-head .kontakt_block .row_send button:hover, #kontakt-body .kontakt_block .row_send button:hover { color: white; border-color: white; } @media (max-width: 544px) { } #kontakt-head .menu, #kontakt-body .menu { position: absolute; top: 0; right: 0; width: 100%; padding-bottom: 30px; font-size: 14pt; line-height: 22pt; overflow-y: auto; overflow-x: hidden; z-index: 999; } #kontakt-head .menu .headline, #kontakt-body .menu .headline { width: 100%; z-index: 999; color: #ffdc00; font-weight: 600; line-height: 40px; } @media (max-width: 375px) { #kontakt-head .menu .headline, #kontakt-body .menu .headline { font-size: 1.5em; line-height: 1; } } #kontakt-head .menu .handwriting, #kontakt-body .menu .handwriting { color: #252525; font-size: 22px; font-family: dearjoe6; display: block; margin-top: 6px; font-weight: 400; margin-bottom: 20px; } #kontakt-head .menu .hidden-wrap, #kontakt-body .menu .hidden-wrap { width: 450px; height: 670px; position: absolute; top: 50%; margin-top: -300px; color: #fff; z-index: 100; } #kontakt-head .menu .hidden-wrap.left, #kontakt-body .menu .hidden-wrap.left { margin-left: -450px; text-align: right; left: 50%; } #kontakt-head .menu .hidden-wrap.left > div, #kontakt-body .menu .hidden-wrap.left > div { right: -450px; top: 22.5px; } #kontakt-head .menu .hidden-wrap.right, #kontakt-body .menu .hidden-wrap.right { left: 50%; } #kontakt-head .menu .hidden-wrap.right > div, #kontakt-body .menu .hidden-wrap.right > div { left: -450px; top: 22.5px; } #kontakt-head .menu .hidden-wrap.right .kontakt-content, #kontakt-body .menu .hidden-wrap.right .kontakt-content { position: absolute; left: 50px; opacity: 1; display: block; } #kontakt-head .menu .hidden-wrap #kontakt-content, #kontakt-body .menu .hidden-wrap #kontakt-content { right: 50px; opacity: 1; display: block; position: absolute; width: 400px; } #kontakt-head .menu .h1, #kontakt-body .menu .h1 { margin-bottom: 6px; font-size: 17pt; font-weight: 600; display: block; color: #252525; } #kontakt-head .menu .h2, #kontakt-body .menu .h2 { margin-bottom: 10px; font-size: 14pt; font-weight: 600; display: block; color: #252525; } #kontakt-head .menu #ContactEmployeeWrap:before, #kontakt-body .menu #ContactEmployeeWrap:before { border-color: #404040; } #kontakt-head .menu input, #kontakt-body .menu input, #kontakt-head .menu select, #kontakt-body .menu select, #kontakt-head .menu textarea, #kontakt-body .menu textarea { font-family: 'Source Sans Pro', sans-serif; display: block; width: 100%; box-sizing: border-box; padding: 4px 15px; border: none; color: #252525; background: white; border-radius: 6px; outline: 0; font-size: 20px; line-height: 22px; transition: border 0.3s; -webkit-transition: border 0.3s; } #kontakt-head .menu input:focus, #kontakt-body .menu input:focus, #kontakt-head .menu select:focus, #kontakt-body .menu select:focus, #kontakt-head .menu textarea:focus, #kontakt-body .menu textarea:focus { border-color: #ffdc00; } #kontakt-head .menu input#ContactQuestion, #kontakt-body .menu input#ContactQuestion, #kontakt-head .menu select#ContactQuestion, #kontakt-body .menu select#ContactQuestion, #kontakt-head .menu textarea#ContactQuestion, #kontakt-body .menu textarea#ContactQuestion, #kontakt-head .menu input#kontakt_select_Standorte, #kontakt-body .menu input#kontakt_select_Standorte, #kontakt-head .menu select#kontakt_select_Standorte, #kontakt-body .menu select#kontakt_select_Standorte, #kontakt-head .menu textarea#kontakt_select_Standorte, #kontakt-body .menu textarea#kontakt_select_Standorte { border: none; color: #252525; height: 40px; margin-bottom: 30px; font-size: 20px; } #kontakt-head .menu input#selectStandorte, #kontakt-body .menu input#selectStandorte, #kontakt-head .menu select#selectStandorte, #kontakt-body .menu select#selectStandorte, #kontakt-head .menu textarea#selectStandorte, #kontakt-body .menu textarea#selectStandorte { margin-bottom: 20px; } #kontakt-head .menu select, #kontakt-body .menu select { margin-bottom: 0; height: 40px; } #kontakt-head .menu textarea, #kontakt-body .menu textarea { padding-top: 12px; } #kontakt-head .menu .checkbox_row, #kontakt-body .menu .checkbox_row { margin-top: 10px; color: #252525; } #kontakt-head .menu .checkbox_row input[type="checkbox"], #kontakt-body .menu .checkbox_row input[type="checkbox"] { /* -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 1em; display: block; box-sizing: border-box; width: 20px; height: 20px; background: 0 0; float:left; border: 2px solid #000; color: #000; border-radius: 6px; */ } #kontakt-head .menu .checkbox_row .sq-custom-checkbox, #kontakt-body .menu .checkbox_row .sq-custom-checkbox { position: relative; } #kontakt-head .menu .checkbox_row .sq-custom-checkbox input[type="checkbox"], #kontakt-body .menu .checkbox_row .sq-custom-checkbox input[type="checkbox"] { display: none; } #kontakt-head .menu .checkbox_row .sq-custom-checkbox input[type="checkbox"]:checked + label:after, #kontakt-body .menu .checkbox_row .sq-custom-checkbox input[type="checkbox"]:checked + label:after { opacity: 1; } #kontakt-head .menu .checkbox_row .sq-custom-checkbox.label label, #kontakt-body .menu .checkbox_row .sq-custom-checkbox.label label { position: relative; cursor: pointer; margin-left: 35px; } #kontakt-head .menu .checkbox_row .sq-custom-checkbox.label label:after, #kontakt-body .menu .checkbox_row .sq-custom-checkbox.label label:after { position: absolute; top: 3px; left: -27px; right: auto; bottom: auto; opacity: 0; content: ""; width: 6px; height: 10px; border-bottom: 3px solid #252525; border-right: 3px solid #252525; color: #252525; transform: rotate(45deg); -webkit-transform: rotate(45deg); transition: all 0.4s; -webkit-transition: all 0.4s; } #kontakt-head .menu .checkbox_row .sq-custom-checkbox.label label:before, #kontakt-body .menu .checkbox_row .sq-custom-checkbox.label label:before { position: absolute; top: -1px; left: -35px; right: auto; bottom: auto; content: ""; width: 20px; height: 20px; border: 2px solid white; border-radius: 6px; background: white; } #kontakt-head .menu .checkbox_row .sq-custom-checkbox.no-label label, #kontakt-body .menu .checkbox_row .sq-custom-checkbox.no-label label { content: ""; width: 20px; height: 20px; border: 2px solid #000; z-index: 1; cursor: pointer; border-radius: 6px; } #kontakt-head .menu .checkbox_row .sq-custom-checkbox.no-label label:before, #kontakt-body .menu .checkbox_row .sq-custom-checkbox.no-label label:before { border-radius: 6px; position: absolute; top: -3px; left: -35px; right: auto; bottom: auto; content: ""; width: 20px; height: 20px; border: 2px solid #000; } #kontakt-head .menu .checkbox_row .sq-custom-checkbox.no-label label:after, #kontakt-body .menu .checkbox_row .sq-custom-checkbox.no-label label:after { position: absolute; top: 2px; left: -26px; right: auto; bottom: auto; opacity: 0; content: ""; width: calc(10px / 2); height: 10px; border-bottom: 2px solid #000000; border-right: 2px solid #000000; } #kontakt-head .menu textarea::-webkit-input-placeholder, #kontakt-body .menu textarea::-webkit-input-placeholder, #kontakt-head .menu input::-webkit-input-placeholder, #kontakt-body .menu input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #252525; } #kontakt-head .menu textarea::-moz-placeholder, #kontakt-body .menu textarea::-moz-placeholder, #kontakt-head .menu input::-moz-placeholder, #kontakt-body .menu input::-moz-placeholder { /* Firefox 19+ */ color: #252525; } #kontakt-head .menu textarea:-ms-input-placeholder, #kontakt-body .menu textarea:-ms-input-placeholder, #kontakt-head .menu input:-ms-input-placeholder, #kontakt-body .menu input:-ms-input-placeholder { /* IE 10+ */ color: #252525; } #kontakt-head .menu textarea:-moz-placeholder, #kontakt-body .menu textarea:-moz-placeholder, #kontakt-head .menu input:-moz-placeholder, #kontakt-body .menu input:-moz-placeholder { /* Firefox 18- */ color: #252525; } #kontakt-head .menu .keycolor, #kontakt-body .menu .keycolor { color: #ffdc00; } #kontakt-head .menu #kontakt-infos, #kontakt-body .menu #kontakt-infos { line-height: 1.3; } #kontakt-head .menu #kontakt-infos table, #kontakt-body .menu #kontakt-infos table { margin: 20px 0; } #kontakt-head .menu #kontakt-infos table td:first-of-type, #kontakt-body .menu #kontakt-infos table td:first-of-type { padding-right: 10px; } #kontakt-head .menu #kontakt-infos a:link, #kontakt-body .menu #kontakt-infos a:link, #kontakt-head .menu #kontakt-infos a:visited, #kontakt-body .menu #kontakt-infos a:visited, #kontakt-head .menu #kontakt-infos a:active, #kontakt-body .menu #kontakt-infos a:active, #kontakt-head .menu #kontakt-infos a:focus, #kontakt-body .menu #kontakt-infos a:focus { color: #000000; } #kontakt-head .menu #kontakt-infos a:hover, #kontakt-body .menu #kontakt-infos a:hover { color: white; } #kontakt-head .menu #kontakt-infos tr, #kontakt-body .menu #kontakt-infos tr { height: 20px; } #kontakt-head .menu .kontakt_infos, #kontakt-body .menu .kontakt_infos { line-height: 1.3; } #kontakt-head .menu .kontakt_infos p:first-of-type, #kontakt-body .menu .kontakt_infos p:first-of-type { margin-bottom: 50px; } #kontakt-head .menu .kontakt_infos table, #kontakt-body .menu .kontakt_infos table { margin: 20px 0; } #kontakt-head .menu .kontakt_infos table td:first-of-type, #kontakt-body .menu .kontakt_infos table td:first-of-type { padding-right: 10px; } #kontakt-head .menu .kontakt_infos a:link, #kontakt-body .menu .kontakt_infos a:link, #kontakt-head .menu .kontakt_infos a:visited, #kontakt-body .menu .kontakt_infos a:visited, #kontakt-head .menu .kontakt_infos a:active, #kontakt-body .menu .kontakt_infos a:active, #kontakt-head .menu .kontakt_infos a:focus, #kontakt-body .menu .kontakt_infos a:focus { color: #252525; } #kontakt-head .menu .kontakt_infos a:hover, #kontakt-body .menu .kontakt_infos a:hover { color: white; } #kontakt-head .menu .kontakt_infos a:hover .fa, #kontakt-body .menu .kontakt_infos a:hover .fa { border-color: white; color: white; } #kontakt-head .menu .kontakt_infos a, #kontakt-body .menu .kontakt_infos a { position: relative; } #kontakt-head .menu .kontakt_infos a span, #kontakt-body .menu .kontakt_infos a span { margin: 0 0 0 50px; } #kontakt-head .menu .kontakt_infos tr, #kontakt-body .menu .kontakt_infos tr { height: 20px; } #kontakt-head .menu .kontakt_infos .fa, #kontakt-body .menu .kontakt_infos .fa { color: #252525; font-size: 19px; padding: 6px; border: 2px solid #252525; border-radius: 6px; position: absolute; top: 50%; left: 0; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } #kontakt-head .menu #sharebox, #kontakt-body .menu #sharebox { float: left; width: 100%; margin-bottom: 20px; } #kontakt-head .menu #sharebox a, #kontakt-body .menu #sharebox a { position: relative; width: 43px; height: 43px; padding-right: 5px; margin-right: 15px; box-sizing: border-box; } #kontakt-head .menu #sharebox a:hover .fa, #kontakt-body .menu #sharebox a:hover .fa { border-color: white; } #kontakt-head .menu #sharebox .fa, #kontakt-body .menu #sharebox .fa { color: #252525; font-size: 19px; padding: 6px; border: 2px solid #252525; border-radius: 6px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #kontakt-head .menu #sharebox :after, #kontakt-body .menu #sharebox :after { clear: both; } #kontakt-head .menu .more_box a span, #kontakt-body .menu .more_box a span { font-weight: 600; } #kontakt-head .menu #more_box, #kontakt-body .menu #more_box { line-height: 1; margin-top: 10px; } #kontakt-head .menu #more_box a, #kontakt-body .menu #more_box a { position: relative; max-width: 430px; height: 40px; padding: 5px; color: black; } #kontakt-head .menu #more_box a span, #kontakt-body .menu #more_box a span { margin: 12px 0 0 45px; font-weight: 600; } #kontakt-head .menu #more_box a:hover, #kontakt-body .menu #more_box a:hover { color: white; } #kontakt-head .menu #more_box a:hover .fa, #kontakt-body .menu #more_box a:hover .fa { border-color: white; color: white; } #kontakt-head .menu #more_box .fa, #kontakt-body .menu #more_box .fa { font-size: 19px; padding: 6px; border: 2px solid #252525; border-radius: 6px; position: absolute; top: 50%; left: 0; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } #kontakt-head .menu #more_box .btn, #kontakt-body .menu #more_box .btn { padding: 5px; } #kontakt-head .menu .ganz_deutschland, #kontakt-body .menu .ganz_deutschland { position: absolute; left: 300px; bottom: 0; } @media (max-width: 544px) { #kontakt-head .menu .ganz_deutschland, #kontakt-body .menu .ganz_deutschland { display: none; } } #kontakt-head .menu .anschrift, #kontakt-body .menu .anschrift, #kontakt-head .menu .navigation, #kontakt-body .menu .navigation { width: 100%; float: left; } @media (max-width: 768px) { #kontakt-head .menu .anschrift, #kontakt-body .menu .anschrift, #kontakt-head .menu .navigation, #kontakt-body .menu .navigation { width: 100%; } } #kontakt-head #question select, #kontakt-body #question select, #kontakt-head #kontaktauswahl_gesundheitszentren select, #kontakt-body #kontaktauswahl_gesundheitszentren select { padding-left: 50px; } #kontakt-head #question:before, #kontakt-body #question:before { border-color: #252525; } #kontakt-head .selectWrap, #kontakt-body .selectWrap { position: relative; } #kontakt-head .selectWrap .fa, #kontakt-body .selectWrap .fa { position: absolute; top: 9px; left: 16px; color: #252525; font-size: 22px; z-index: 2; } #kontakt-head .selectWrap #kontaktauswahl_gesundheitszentren, #kontakt-body .selectWrap #kontaktauswahl_gesundheitszentren { width: 650px; max-width: 100%; } #kontakt-head .tel_input input[type=text], #kontakt-body .tel_input input[type=text] { border: none; color: #252525; margin: 0; padding: 0; background: #ffdc00; } #kontakt-head .tel_input .fa, #kontakt-body .tel_input .fa { position: absolute; top: 10px; left: 20px; color: #ffdc00; font-size: 30px; } #kontakt-head input#ContactPhone::-webkit-outer-spin-button, #kontakt-body input#ContactPhone::-webkit-outer-spin-button, #kontakt-head input#ContactPhone::-webkit-inner-spin-button, #kontakt-body input#ContactPhone::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } #kontakt-head input#ContactPhone[type=number], #kontakt-body input#ContactPhone[type=number] { -moz-appearance: textfield; } .text-dark { line-height: 21pt; font-size: 13pt; text-align: justify; color: #4D4D4D; } .text-dark.gen2 { text-align: left; } .text-light { line-height: 21pt; font-size: 13pt; text-align: justify; } #lp_inner { /* Default-BG */ background-image: url(../img/backgrounds/bg_psyche.jpg); background-attachment: fixed; background-repeat: no-repeat; min-height: 100%; color: white; } #lp_inner.demo { background-image: url(../img/backgrounds/bg_psyche.jpg); } #lp_inner.pgb { background-image: url(../img/backgrounds/bg_psyche.jpg); background-position: center; } @media (max-width: 768px) { #lp_inner.pgb { background-image: url(../img/backgrounds/bg_psyche_hoch.jpg); background-size: 100% auto; background-color: #4c4c4c; } } #lp_inner.arbeitsmedizin { background-image: url(../img/backgrounds/bg_arbeitsmedizin.jpg); } @media (max-width: 768px) { #lp_inner.arbeitsmedizin { background-image: url(../img/backgrounds/bg_arbeitsmedizin_hoch.jpg); background-size: 100% auto; background-color: #4c4c4c; } } #lp_inner.arbeitssicherheit { background-image: url(../img/backgrounds/bg_arbeitssicherheit.jpg); background-position: center; } @media (max-width: 768px) { #lp_inner.arbeitssicherheit { background-image: url(../img/backgrounds/bg_arbeitssicherheit_hoch.jpg); background-size: 100% auto ; background-color: #4c4c4c; } } #lp_inner.baustellensicherheit { background-image: url(../img/backgrounds/bg_baustelle.jpg); background-position: bottom left; } @media (max-width: 768px) { #lp_inner.baustellensicherheit { background-image: url(../img/backgrounds/bg_baustelle_hoch.jpg); background-size: 100% auto; background-color: #4c4c4c; } } #lp_inner.baustellensicherheit .first_wrap .row .col-xl-12 .text-dark { margin-bottom: 0; } #lp_inner.brandschutz { background-image: url(../img/backgrounds/bg_brandschutz.jpg); } @media (max-width: 768px) { #lp_inner.brandschutz { background-image: url(../img/backgrounds/bg_brandschutz_hoch.jpg); background-size: 100% auto ; background-color: #4c4c4c; } } #lp_inner.brandschutz .lp_head_text .text-light { margin-bottom: 15px; } #lp_inner.eap { background-image: url(../img/backgrounds/bg_eap.jpg); } @media (max-width: 768px) { #lp_inner.eap { background-image: url(../img/backgrounds/bg_eap_hoch.jpg); background-size: 100% auto; background-color: #4c4c4c; } } #lp_inner.praxis { background-image: url(../img/backgrounds/bg_arbeitsmedizinisches_zentrum_berlin.jpg); background-position: top left 40%; } @media (max-width: 768px) { #lp_inner.praxis { background-image: url(../img/backgrounds/bg_arbeitsmedizinisches_zentrum_berlin_hoch.jpg); background-size: 100% auto; background-color: #4c4c4c; background-position: top left; } } #lp_inner.praxenuebersicht { background-image: url(../img/backgrounds/bg_arbeitsmedizinisches_zentrum_berlin.jpg); background-position: top left 40%; } @media (max-width: 768px) { #lp_inner.praxenuebersicht { background-image: url(../img/backgrounds/bg_arbeitsmedizinisches_zentrum_berlin_hoch.jpg); background-size: 100% auto; background-color: #4c4c4c; background-position: top left; } } #lp_inner.zukunft { background-image: url(../img/backgrounds/bg_deine_zukunft_in_deutschland.jpg); background-size: cover; } @media (max-width: 768px) { #lp_inner.zukunft { background-image: url(../img/backgrounds/bg_dzid_hoch.jpg); background-color: #fed501; background-size: 100% auto; background-attachment: scroll; } } #lp_inner.jobprofil_arbeitsmedizin { background-image: url(../img/backgrounds/bg_jobprofil_arbeitsmedizin.jpg); background-size: cover; } @media (max-width: 768px) { #lp_inner.jobprofil_arbeitsmedizin { background-image: url(../img/backgrounds/bg_jobprofil_arbeitsmedizin_hoch.jpg); background-color: white; background-size: contain; background-attachment: scroll; } } #lp_inner.jobprofil_arbeitsmedizin #hint { left: 55%; } #lp_inner.jobprofil_arbeitsmedizin_teilzeit { background-image: url(../img/backgrounds/bg_jobprofil_arbeitsmedizin_teilzeit.jpg); background-size: cover; } @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) { #lp_inner.jobprofil_arbeitsmedizin_teilzeit { background-image: url(../img/backgrounds/bg_jobprofil_arbeitsmedizin_teilzeit_hoch.jpg); background-color: #ffdc00; } } @media (max-width: 768px) { #lp_inner.jobprofil_arbeitsmedizin_teilzeit { background-image: url(../img/backgrounds/bg_jobprofil_arbeitsmedizin_teilzeit_hoch.jpg); background-color: white; background-size: contain; background-attachment: scroll; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { #lp_inner.jobprofil_arbeitsmedizin_teilzeit { background-image: url(../img/backgrounds/bg_jobprofil_arbeitsmedizin_teilzeit_hoch.jpg); background-color: #ffdc00; } } #lp_inner.jobprofil_arbeitsmedizin_teilzeit #hint { left: 59%; } #lp_inner.jobprofil_assistenz_arbeitsmedizin { background-image: url(../img/backgrounds/bg_jobprofil_assistenz_arbeitsmedizin.jpg); background-size: cover; } @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) { #lp_inner.jobprofil_assistenz_arbeitsmedizin { background-image: url(../img/backgrounds/bg_jobprofil_assistenz_arbeitsmedizin_hoch.jpg); background-color: #ffdc00; } } @media (max-width: 768px) { #lp_inner.jobprofil_assistenz_arbeitsmedizin { background-image: url(../img/backgrounds/bg_jobprofil_assistenz_arbeitsmedizin_hoch.jpg); background-color: white; background-size: contain; background-attachment: scroll; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { #lp_inner.jobprofil_assistenz_arbeitsmedizin { background-image: url(../img/backgrounds/bg_jobprofil_assistenz_arbeitsmedizin_hoch.jpg); background-color: #ffdc00; } } #lp_inner.jobprofil_assistenz_arbeitsmedizin .inner-content-head-wrap { transform: translate(0, -65%); } #lp_inner.jobprofil_assistenz_arbeitsmedizin .inner-content-head-wrap #gen2-top .headline_big_span h1 { font-size: 32pt; margin-bottom: 15px; } #lp_inner.jobprofil_assistenz_arbeitsmedizin #hint { left: 57%; } #lp_inner:before { content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 150px; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0); } @media (max-width: 768px) { #lp_inner:before { display: none; } } #lp_inner:after { position: absolute; top: 0; left: 0; content: " "; width: 100%; min-height: 200%; } #lp_inner #vision-wrap { display: none; } #lp_inner .scroll-btn { display: none !important; } #lp_inner .backgrounds#one { background-image: url(../img/backgrounds/bg_start.png); } @media (max-width: 768px) { #lp_inner .backgrounds#one { background-size: 100% auto; background-image: url(../img/backgrounds/bg_start_hoch.png); } } #lp_inner .inner-content-head-wrap { position: fixed; top: 55% !important; z-index: 99; -webkit-transform: translate(0, -55%); -moz-transform: translate(0, -55%); -ms-transform: translate(0, -55%); -o-transform: translate(0, -55%); transform: translate(0, -55%); width: 100%; min-height: 400px; } @media (min-width: 992px) { #lp_inner .inner-content-head-wrap { position: fixed; top: 55% !important; -webkit-transform: translate(0, -55%); -moz-transform: translate(0, -55%); -ms-transform: translate(0, -55%); -o-transform: translate(0, -55%); transform: translate(0, -55%); } } #lp_inner .content-head.landing_page, #lp_inner .content-head.gen2 { position: relative; top: 0; left: 0; width: 100%; } #lp_inner .container .section .lp_head_text { color: white; font-size: 16px; line-height: 20px; margin-bottom: 45px; } #lp_inner .container .section .ul_headline { color: white; font-size: 26px; font-weight: 600; margin-bottom: 20px; } #lp_inner .container .section ul { width: 90%; } #lp_inner .container .section ul.vorteile { overflow: hidden; padding-top: 10px; } #lp_inner .container .section ul li { float: left; width: 40%; color: white; font-size: 18px; margin-bottom: 10px; } #lp_inner .container .section ul li.two_columns { width: 100%; min-height: 26px; } #lp_inner .container .section ul li .fa { font-size: 26px; margin-right: 10px; float: left; margin-top: -4px; } @media (max-width: 768px) { #lp_inner .container .section ul li { width: 100%; } } #lp_inner .container .section img.stoerer_telefon { z-index: 1; width: 160px; height: auto; margin-top: 20px; -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); } @media (max-width: 768px) { #lp_inner .container .section img.stoerer_telefon { margin-top: 20px; } } @media (max-width: 544px) { #lp_inner .container .section img.stoerer_telefon { margin-top: 20px; } } #lp_inner .container .section .headline_big { position: relative; box-sizing: border-box; display: inline !important; top: 0; left: 0; font-weight: 400; line-height: 40pt; color: #fff; z-index: 2; } #landing_page_sub_nav_bar.landing_page { position: relative; width: 100%; height: 100px; z-index: 9999; background: white; } @media (max-width: 544px) { #landing_page_sub_nav_bar.landing_page { height: 80px; } } #landing_page_sub_nav_bar.fix_position { position: fixed; top: 0; } .lp_head_wrap { background: url(../img/backgrounds/bg_start.png) no-repeat 0 0; min-height: 400px; } .lp_head_wrap .container { padding-top: 150px; } .lp_head_wrap .container .section .lp_head_text { color: white; font-size: 16px; line-height: 20px; margin-bottom: 45px; } .lp_head_wrap .container .section .ul_headline { color: white; font-size: 26px; font-weight: 600; margin-bottom: 20px; display: block; } .lp_head_wrap .container .section ul { width: 100%; } .lp_head_wrap .container .section ul li { float: left; width: 50%; color: white; font-size: 16px; margin-bottom: 10px; } .lp_head_wrap .container .section ul li .fa { font-size: 26px; margin-right: 10px; margin-top: 5px; } @media (max-width: 768px) { .lp_head_wrap .container .section ul li { width: 100%; } } .lp_content_wrap { position: relative; min-height: 400px; z-index: 99; background: white; } .lp_content_wrap.five { min-height: 400px; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { .lp_content_wrap.five { min-height: 300px; } } .lp_content_wrap.first_wrap.padding_top_100 { padding-top: 100px; } .lp_content_wrap.first_wrap.padding_top_auto { padding-top: 100px; } @media (max-width: 544px) { .lp_content_wrap.first_wrap.padding_top_auto { padding-top: 80px; } } .lp_content_wrap .col.special_margin_down { margin-bottom: 10px; } .lp_content_wrap.z_index_high { z-index: 9999; background-color: white; } .lp_content_wrap.bg_weiss { background-color: white; } .lp_content_wrap.bg_grau { background-color: #e6e6e6; } .lp_content_wrap .no_padding_top { padding-top: 0 !important; } .lp_content_wrap .no_padding_down { padding-bottom: 0 !important; } .lp_content_wrap.partner_logos .referenzen-logo { margin: 0 0 30px 0; padding: 15px; } @media (max-width: 414px) { .lp_content_wrap.partner_logos .referenzen-logo { margin: 0 0 10px 0; } .lp_content_wrap.partner_logos .referenzen-logo:last-of-type { margin: 0 0 30px 0; } } .lp_content_wrap.partner_logos .referenzen-logo .referenz_logo_block { position: relative; display: block; background-color: white; height: 170px; width: 170px; border: 1px #e6e6e6 solid; border-radius: 5px; } @media (max-width: 1024px) { .lp_content_wrap.partner_logos .referenzen-logo .referenz_logo_block { width: 200px; height: 200px; } } @media (max-width: 768px) { .lp_content_wrap.partner_logos .referenzen-logo .referenz_logo_block { width: 160px; height: 160px; } } @media (max-width: 414px) { .lp_content_wrap.partner_logos .referenzen-logo .referenz_logo_block { width: 170px; height: 170px; } } @media (max-width: 375px) { .lp_content_wrap.partner_logos .referenzen-logo .referenz_logo_block { width: 150px; height: 150px; } } @media (max-width: 320px) { .lp_content_wrap.partner_logos .referenzen-logo .referenz_logo_block { width: 130px; height: 130px; } } .lp_content_wrap.partner_logos .referenzen-logo .referenz_logo_block.five { height: 160px; width: 160px; } @media (max-width: 1024px) { .lp_content_wrap.partner_logos .referenzen-logo .referenz_logo_block.five { width: 120px; height: 120px; } } @media (max-width: 768px) { .lp_content_wrap.partner_logos .referenzen-logo .referenz_logo_block.five { width: 120px; height: 120px; } } @media (max-width: 414px) { .lp_content_wrap.partner_logos .referenzen-logo .referenz_logo_block.five { width: 170px; height: 170px; } } @media (max-width: 375px) { .lp_content_wrap.partner_logos .referenzen-logo .referenz_logo_block.five { width: 150px; height: 150px; } } @media (max-width: 320px) { .lp_content_wrap.partner_logos .referenzen-logo .referenz_logo_block.five { width: 130px; height: 130px; } } .lp_content_wrap.partner_logos .referenzen-logo .referenz_logo_block.five img { width: auto; max-width: 130px; height: auto; max-height: 130px; } .lp_content_wrap.partner_logos .referenzen-logo .referenz_logo_block.five img:hover { width: auto; max-width: 135px; height: auto; max-height: 135px; } @media (max-width: 1024px) { .lp_content_wrap.partner_logos .referenzen-logo .referenz_logo_block.five img { width: auto; max-width: 100px; height: auto; max-height: 100px; } } @media (max-width: 768px) { .lp_content_wrap.partner_logos .referenzen-logo .referenz_logo_block.five img { width: auto; max-width: 100px; height: auto; max-height: 100px; } } @media (max-width: 375px) { .lp_content_wrap.partner_logos .referenzen-logo .referenz_logo_block.five img { max-width: 120px; max-height: 120px; } } @media (max-width: 320px) { .lp_content_wrap.partner_logos .referenzen-logo .referenz_logo_block.five img { max-width: 100px; max-height: 100px; } } .lp_content_wrap.partner_logos .referenzen-logo .referenz_logo_block img { cursor: pointer; position: absolute; top: 50%; left: 50%; border-radius: 0; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); transition: all 0.1s ease-in; -webkit-transition: all 0.1s ease-in; width: auto; max-width: 130px; height: auto; max-height: 130px; } @media (max-width: 1024px) { .lp_content_wrap.partner_logos .referenzen-logo .referenz_logo_block img { max-width: 150px; max-height: 150px; } } @media (max-width: 375px) { .lp_content_wrap.partner_logos .referenzen-logo .referenz_logo_block img { max-width: 120px; max-height: 120px; } } @media (max-width: 320px) { .lp_content_wrap.partner_logos .referenzen-logo .referenz_logo_block img { max-width: 100px; max-height: 100px; } } .lp_content_wrap.partner_logos .referenzen-logo .referenz_logo_block img:hover { width: auto; max-width: 135px; height: auto; max-height: 135px; } .lp_content_wrap .container { padding-top: 50px; padding-bottom: 50px; } .lp_content_wrap .container.footer_container { padding-top: 0; } .lp_content_wrap .container .section { font-size: 16px; line-height: 20px; } .lp_content_wrap .container .section p { margin-bottom: 20px; } .lp_content_wrap .container .section ul { width: 100%; margin-bottom: 30px; } .lp_content_wrap .container .section ul li.two_columns { margin-bottom: 20px; } .lp_content_wrap .container .section ul li.two_columns strong { display: block; margin-bottom: 5px; } .lp_content_wrap .container .section ul li.two_columns i { margin-top: -4px; margin-bottom: 10px; float: left; } .lp_content_wrap .container .section .headline_black { font-size: 28px; line-height: 1; } .lp_content_wrap .container .section .headline_black strong { color: #ffdc00; font-weight: 600; } .lp_content_wrap .container .section .headline_black.handwriting_follows { margin-bottom: 20px; } .lp_content_wrap .container .section .headline_black.no_margin_down { margin-bottom: 0; } .lp_content_wrap .container .section .trust_logo { text-align: center; } .lp_content_wrap .container .section .trust_logo img { width: 100%; height: auto; } @media (max-width: 992px) { .lp_content_wrap .container .section .trust_logo img { width: 200px; height: auto; } } @media (max-width: 768px) { .lp_content_wrap .container .section .trust_logo img { width: 150px; height: auto; } } @media (max-width: 544px) { .lp_content_wrap .container .section .trust_logo img { width: 150px; height: auto; } } .lp_content_wrap .container .section.section_over_map { position: absolute; top: 50%; left: 50%; z-index: 10000; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .lp_content_wrap .container .dark { color: #4d4d4d; font-size: 22px; font-family: dearjoe6; display: block; margin-top: 6px; font-weight: 400; } @media (max-width: 544px) { .lp_content_wrap .container .dark { line-height: 30px; } } .lp_content_wrap .container-fluid { padding: 0; } .lp_content_wrap .container-fluid .dark { color: #4d4d4d; font-size: 22px; font-family: dearjoe6; display: block; margin-top: 6px; font-weight: 400; } @media (max-width: 544px) { .lp_content_wrap .container-fluid .dark { line-height: 30px; } } .lp_content_wrap.standorte { z-index: 99; background-color: #ACBCC6; height: 700px; } .lp_content_wrap.standorte i.fa { font-size: 80px; color: white; display: inline-block; /* height:40px; width:40px;*/ } .lp_content_wrap.standorte.background_map { position: relative; overflow: hidden; } .lp_content_wrap.standorte.background_map .container { z-index: 999; } .lp_content_wrap.standorte.background_map #map2 { position: absolute; top: 0; left: 0; z-index: 10; height: 700px; width: 100%; } @media (max-width: 544px) { .lp_content_wrap.standorte.background_map { height: 500px; } } .lp_content_wrap.standorte .container_over_map { position: absolute; z-index: 9999; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); } @media (max-width: 768px) { .lp_content_wrap.standorte .container_over_map { padding: 0; } } .lp_content_wrap.next_steps { z-index: 99; background-color: #ACBCC6; color: white; } .lp_content_wrap.ansprechpartner { z-index: 99; background-color: white; } .lp_content_wrap.ansprechpartner .portrait { width: 100%; margin: 0; overflow: hidden; border-radius: 8px; } .lp_content_wrap.ansprechpartner .img-swich { position: relative; top: 0; left: 0; transition: opacity 0.6s; -webkit-transition: opacity 0.6s; } .lp_content_wrap.ansprechpartner .img-swich #contactSpecialTrigger { border: 2px solid white; } .lp_content_wrap.ansprechpartner table { display: table; border-collapse: separate; border-spacing: 2px; } .lp_content_wrap.ansprechpartner table tbody { display: table-row-group; vertical-align: middle; border-color: inherit; } .lp_content_wrap.ansprechpartner table tr { display: table-row; vertical-align: inherit; border-color: inherit; } .lp_content_wrap.ansprechpartner table td { font-size: 12pt; padding: 3px 0; display: table-cell; vertical-align: inherit; } .lp_content_wrap.ansprechpartner table td > a { color: #4D4D4D; } .lp_content_wrap.ansprechpartner table td > a:hover { color: white; } .lp_content_wrap.ansprechpartner #contactSpecialWrap { width: 100%; min-height: 268px; display: block; border: 2px solid #ffdc00; border-radius: 8px; } .lp_content_wrap.ansprechpartner #contactSpecialWrap > div { background: #ffdc00; width: 100%; padding: 35px; box-sizing: border-box; font-size: 14pt; } .lp_content_wrap.ansprechpartner #contactSpecialWrap > div > b { margin-bottom: 10px; font-weight: 400; display: block; } .lp_content_wrap.ansprechpartner #contactSpecialWrap > span { margin: 25px 0; display: block; text-align: center; font-size: 14pt; line-height: 18pt; font-weight: 600; color: #4D4D4D; } .lp_content_wrap.ansprechpartner #contactSpecialWrap > span > b { color: #ffdc00; font-weight: 800; } @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) { .lp_content_wrap.ansprechpartner #contactSpecialWrap > span { margin: 10px 0; } } @media only screen and (device-width: 768px) and (device-height: 1024px) { .lp_content_wrap.ansprechpartner #contactSpecialWrap > span { margin: 10px 0; } } .lp_content_wrap.upselling { z-index: 99; background-color: #ACBCC6; color: white; } .lp_content_wrap.testimonials { z-index: 99; background-color: #ffdc00; color: white; } .lp_content_wrap.testimonials .referenzen-logo img { width: 100%; border-radius: 5px; cursor: default; } .lp_content_wrap.testimonials .link_referenzen { position: relative; display: block; padding: 10px; color: #4D4D4D; box-sizing: border-box; border: 2px solid #4D4D4D; border-radius: 5px; font-size: 17px; text-align: center; float: none; margin-bottom: 50px; margin-left: auto; margin-right: auto; width: 200px; } .lp_content_wrap.bg_white { background-color: white; } .lp_content_wrap.reason_why { background-color: white; } .lp_content_wrap.reason_why img.desktop { display: block; width: 100%; height: auto; } @media (max-width: 768px) { .lp_content_wrap.reason_why img.desktop { display: none; } } .lp_content_wrap.reason_why img.mobile { display: none; } @media (max-width: 768px) { .lp_content_wrap.reason_why img.mobile { display: block; margin-left: auto; margin-right: auto; } } .lp_content_wrap.datenschutz h3, .lp_content_wrap.datenschutz-arbmed h3 { font-size: 22px; line-height: 1; font-weight: 400; color: #4d4d4d; width: 100%; z-index: 2; display: inline-block; margin: 20px 0 15px; } .lp_content_wrap.datenschutz a, .lp_content_wrap.datenschutz-arbmed a { color: #ffdc00; } .lp_content_wrap.datenschutz a:hover, .lp_content_wrap.datenschutz-arbmed a:hover { text-decoration: underline; } .lp_content_wrap.datenschutz strong, .lp_content_wrap.datenschutz-arbmed strong { color: #4d4d4d; } .lp_content_wrap.datenschutz ul, .lp_content_wrap.datenschutz-arbmed ul { margin-left: 25px; } .lp_content_wrap.datenschutz ul li, .lp_content_wrap.datenschutz-arbmed ul li { list-style: disc; } .lp_content_wrap.datenschutz .section h4, .lp_content_wrap.datenschutz-arbmed .section h4 { font-size: 16pt; margin-bottom: 10px; } .lp_content_wrap.datenschutz .section h5, .lp_content_wrap.datenschutz-arbmed .section h5 { font-size: 13pt; } .lp_content_wrap.datenschutz .section li, .lp_content_wrap.datenschutz-arbmed .section li { font-size: 13pt; line-height: 18pt; } .lp_content_wrap.concept { background-color: #ffdc00; } .lp_content_wrap.concept .headline_black, .lp_content_wrap.concept p.text-dark { color: black; } .lp_content_wrap.concept .headline_black { font-weight: 600; } .lp_content_wrap.concept .counterWrapper span { position: relative; font-weight: 600; display: block; margin: 15px 0; } .lp_content_wrap.concept .counterWrapper .counter { font-size: 50pt; color: white; font-weight: 900; margin: 35px 0; } .lp_content_wrap.services .servicesReadmore { margin-bottom: 40px; } .lp_content_wrap.services .servicesReadmore .serviceImage { height: 250px; background-size: cover; background-position: center; position: relative; margin-bottom: 25px; } .lp_content_wrap.services .servicesReadmore .serviceImage img { width: 100%; z-index: -1; } .lp_content_wrap.services .servicesReadmore .serviceImage span { font-size: 32px; line-height: 34px; font-weight: 600; color: #ffdc00; display: block; text-align: center; position: absolute; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 50%; left: 50%; z-index: 1; } .lp_content_wrap.services .servicesReadmore .readmore { display: none; } .lp_content_wrap.services .servicesReadmore h5 { line-height: 21pt; font-size: 13pt; } .lp_content_wrap.services .servicesReadmore ul { list-style: circle; padding-left: 20px; } .lp_content_wrap.services .servicesReadmore ul li { list-style: disc; padding-left: 18px; } .lp_content_wrap.services .servicesReadmore .btn-more { background-color: #ffdc00; padding: 10px 16px 10px 40px; margin-top: 15px; cursor: pointer; display: inline-block; position: relative; } .lp_content_wrap.services .servicesReadmore .btn-more:after { font-family: FontAwesome; content: "\f068"; position: absolute; left: 15px; top: 11px; } .lp_content_wrap.services .servicesReadmore .btn-more.showMore:after { font-family: FontAwesome; content: "\f067"; position: absolute; left: 15px; top: 11px; } .lp_content_wrap.services .servicesReadmore#serviceArbeitsmedizin { padding-right: 20px; } .lp_content_wrap.services .servicesReadmore#serviceArbeitsmedizin .serviceImage { background-image: url("../img/backgrounds/bg_arbeitsmedizin.jpg"); } .lp_content_wrap.services .servicesReadmore#serviceArbeitsmedizin ul.text-dark li:last-of-type ul li { text-align: left; list-style: circle; padding-left: 2px; } .lp_content_wrap.services .servicesReadmore#serviceArbeitssicherheit { padding-right: 20px; } .lp_content_wrap.services .servicesReadmore#serviceArbeitssicherheit .serviceImage { background-image: url("../img/backgrounds/bg_arbeitssicherheit.jpg"); } .lp_content_wrap.services .servicesReadmore#serviceEap { padding-right: 20px; } .lp_content_wrap.services .servicesReadmore#serviceEap .serviceImage { background-image: url("../img/backgrounds/bg_eap.jpg"); } .lp_content_wrap.services .servicesReadmore#serviceGefaehrdungsbeurteilung { padding-right: 20px; } .lp_content_wrap.services .servicesReadmore#serviceGefaehrdungsbeurteilung .serviceImage { background-image: url("../img/backgrounds/bg_psyche.jpg"); } .lp_content_wrap.webGl { min-height: auto; } .lp_content_wrap.webGl .customRow { display: flex; } .lp_content_wrap.webGl .customRow .webGlMapContainer { background-color: #f3f3f3; width: 58%; position: relative; overflow: hidden; left: 0; } .lp_content_wrap.webGl .customRow .webGlMapContainer .centerWebgl { height: 100%; top: 0; left: 50%; position: absolute; transform: translate(-50%, 0); } .lp_content_wrap.webGl .customRow .webGlMapContainer .centerWebgl .webgl { height: 100%; aspect-ratio: 2; } .lp_content_wrap.webGl .customRow .webGlInfoContainer { box-sizing: border-box; width: 42%; padding: 4em 5em; background: white; position: relative; } .lp_content_wrap.webGl .customRow .webGlInfoContainer .closeOverlay { display: none; } .lp_content_wrap.webGl .customRow .webGlInfoContainer #locationInfoContainer { display: flex; justify-content: center; } .lp_content_wrap.webGl .customRow .webGlInfoContainer #locationInfoContainer .control { display: flex; align-items: flex-start; padding-top: 194px; color: #ffdc00; font-size: 4em; } .lp_content_wrap.webGl .customRow .webGlInfoContainer #locationInfoContainer .control i { cursor: pointer; } .lp_content_wrap.webGl .customRow .webGlInfoContainer #locationInfoContainer .carousel-control-next, .lp_content_wrap.webGl .customRow .webGlInfoContainer #locationInfoContainer .carousel-control-prev { top: 190px; bottom: auto; width: auto; padding: 15px 0; background-color: transparent; } .lp_content_wrap.webGl .customRow .webGlInfoContainer #locationInfoContainer .carousel-control-prev .carousel-control-prev-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFDC00' viewBox='0 0 320 512'%3E%3Cpath d='M224 480c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25l192-192c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25L77.25 256l169.4 169.4c12.5 12.5 12.5 32.75 0 45.25C240.4 476.9 232.2 480 224 480z'/%3E%3C/svg%3E"); } .lp_content_wrap.webGl .customRow .webGlInfoContainer #locationInfoContainer .carousel-control-next .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512' fill='%23FFDC00'%3e%3cpath d='M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z'/%3e%3c/svg%3e"); } .lp_content_wrap.webGl .customRow .webGlInfoContainer #locationInfoContainer .carousel-inner .carousel-item { padding: 0px 52px; } .lp_content_wrap.webGl .customRow .webGlInfoContainer #locationInfoContainer .carousel-inner .carousel-item #locationInfo .headline_black strong { font-size: 28px; } .lp_content_wrap.webGl .customRow .webGlInfoContainer #locationInfoContainer .carousel-inner .carousel-item #locationInfo .locationImgContainer { position: relative; overflow: hidden; width: 100%; } .lp_content_wrap.webGl .customRow .webGlInfoContainer #locationInfoContainer .carousel-inner .carousel-item #locationInfo .locationImgContainer .locationImg { /* position: absolute; bottom: 0; left: 50%; .translate(-50%, 0);*/ width: 100%; } .lp_content_wrap.webGl .customRow .webGlInfoContainer #locationInfoContainer .carousel-inner .carousel-item #locationInfo .locationMetadata { padding-top: 2.2em; line-height: 21pt; font-size: 13pt; color: #4d4d4d; } .lp_content_wrap.webGl .customRow .webGlInfoContainer #locationInfoContainer .carousel-inner .carousel-item #locationInfo .locationMetadata .locationCity { color: #ffdc00; font-size: 24px; margin-bottom: 10px; font-weight: 600; } .lp_content_wrap.webGl .customRow .webGlInfoContainer #locationInfoContainer .carousel-inner .carousel-item #locationInfo .locationMetadata h4 { font-size: 18px; line-height: 18pt; font-weight: 600; margin-bottom: 10px; } .lp_content_wrap.webGl .customRow .webGlInfoContainer #locationInfoContainer .carousel-inner .carousel-item #locationInfo .locationMetadata h4 a { display: inline-block; color: #4d4d4d; } .lp_content_wrap.webGl .customRow .webGlInfoContainer #locationInfoContainer .carousel-inner .carousel-item #locationInfo .locationMetadata h4 a:hover { color: #ffdc00; } .lp_content_wrap.webGl .customRow .webGlInfoContainer #locationInfoContainer .carousel-inner .carousel-item #locationInfo .locationMetadata span, .lp_content_wrap.webGl .customRow .webGlInfoContainer #locationInfoContainer .carousel-inner .carousel-item #locationInfo .locationMetadata .locationEmail { display: block; font-size: 16px; line-height: 24px; } .lp_content_wrap.webGl .customRow .webGlInfoContainer #locationInfoContainer .carousel-inner .carousel-item #locationInfo .locationMetadata .locationEmail { font-weight: 600; color: #4d4d4d; } .lp_content_wrap.webGl .customRow .webGlInfoContainer #locationInfoContainer .carousel-inner .carousel-item #locationInfo .locationMetadata .locationEmail:hover { color: #ffdc00; } .lp_content_wrap.webGl .customRow .webGlInfoContainer #locationInfoContainer .carousel-inner .carousel-item #locationInfo .locationMetadata .locationRoute { font-size: 16px; padding-left: 40px; padding-top: 2px; margin-top: 20px; color: #4d4d4d; position: relative; } .lp_content_wrap.webGl .customRow .webGlInfoContainer #locationInfoContainer .carousel-inner .carousel-item #locationInfo .locationMetadata .locationRoute:after { content: ""; width: 29px; height: 30px; position: absolute; display: block; left: 0; top: 0; border: 2px solid #4d4d4d; border-radius: 6px; color: #4d4d4d; } .lp_content_wrap.webGl .customRow .webGlInfoContainer #locationInfoContainer .carousel-inner .carousel-item #locationInfo .locationMetadata .locationRoute:before { content: "\f041"; font-family: FontAwesome; font-size: 24px; position: absolute; left: 8px; top: 1px; } .lp_content_wrap.webGl .customRow .webGlInfoContainer #locationInfoContainer .carousel-inner .carousel-item #locationInfo .locationMetadata .locationRoute:hover:after { border: 2px solid #ffdc00; } .lp_content_wrap.webGl .customRow .webGlInfoContainer #locationInfoContainer .carousel-inner .carousel-item #locationInfo .locationMetadata .locationRoute:hover { color: #ffdc00; } .lp_content_wrap.webGl .customRow .webGlInfoContainer #locationInfoContainer .carousel-inner .carousel-item #locationInfo .locationMetadata .locationCta { display: flex; margin-top: 3em; } .lp_content_wrap.webGl .customRow .webGlInfoContainer #locationInfoContainer .carousel-inner .carousel-item #locationInfo .locationMetadata .locationCta div { margin: 0; padding: 11px 20px; line-height: normal; display: flex; } .lp_content_wrap.webGl .customRow .webGlInfoContainer #locationInfoContainer .carousel-inner .carousel-item #locationInfo .locationMetadata .locationCta div:first-of-type { margin-right: 30px; } .lp_content_wrap.webGl .customRow .webGlInfoContainer #locationInfoContainer .carousel-inner .carousel-item #locationInfo .locationMetadata .locationCta div:first-of-type:hover { background: #ffdc00; } .lp_content_wrap.webGl .customRow .webGlInfoContainer #locationInfoContainer .carousel-inner .carousel-item #locationInfo .locationMetadata .locationCta div:first-of-type:hover a { color: white !important; } .lp_content_wrap.webGl .customRow .webGlInfoContainer #locationInfoContainer .carousel-inner .carousel-item #locationInfo .locationMetadata .locationCta div:last-of-type:hover a { color: #ffdc00; } .lp_content_wrap.webGl .customRow .webGlInfoContainer #locationInfoContainer .carousel-inner .carousel-item #locationInfo .locationMetadata .locationCta div:last-of-type a { color: white; } .lp_content_wrap.webGl .customRow .webGlInfoContainer #locationInfoContainer .carousel-inner .carousel-item #locationInfo .locationMetadata .locationCta div a { font-size: 14pt; line-height: normal; display: flex; align-self: center; color: #ffdc00; transition: all 0.6s; -webkit-transition: all 0.6s; } @media (max-width: 1300px) { .lp_content_wrap.webGl .customRow .webGlInfoContainer { padding: 5% 2%; } } @media (max-width: 1000px) { .lp_content_wrap.webGl { min-height: auto; } .lp_content_wrap.webGl .customRow .webGlMapContainer { width: 100%; } } @media (max-width: 544px) { .lp_content_wrap.webGl .customRow .webGlMapContainer { width: 100%; } } .lp_content_wrap .lp_headline_ref { z-index: 99; background-color: #ffdc00; display: block; } .lp_content_wrap .lp_headline_ref .container { padding: 50px 0 0 0; } @media (max-width: 544px) { .lp_content_wrap .lp_headline_ref .container { padding: 30px 15px; } } .lp_content_wrap .lp_headline_ref #referenzen-hl { color: white; font-size: 28px; line-height: 25px; margin-bottom: 20px; font-weight: 600; } .lp_content_wrap .lp_headline_ref .dark { color: #4d4d4d; font-size: 22px; font-family: dearjoe6; display: block; margin-top: 6px; font-weight: 400; } @media (max-width: 544px) { .lp_content_wrap .lp_headline_ref .dark { line-height: 30px; } } .lp_content_wrap .lp_headline_ref .special_margin_down { margin-bottom: 10px; } .lp_content_wrap div.referenzen-detail { padding: 0 20px; } .lp_content_wrap div.referenzen-detail > div { position: relative; top: 0; left: 0; min-height: 365px; box-sizing: border-box; padding: 40px 20px; background: white; border-radius: 5px; -webkit-transform: scale(0.7); transform: scale(0.7); -webkit-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); -ms-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .lp_content_wrap div.referenzen-detail > div.standby:hover { -webkit-transform: scale(1); transform: scale(1); } .lp_content_wrap div.referenzen-detail > div.active { -webkit-transform: scale(1) !important; transform: scale(1) !important; } .lp_content_wrap div.referenzen-detail > div > img { max-width: 260px; } .lp_content_wrap div.referenzen-detail > div > p { font-size: 13pt; line-height: 18pt; margin: 30px 0 20px 0; font-style: italic; color: #4d4d4d; } .lp_content_wrap div.referenzen-detail > div > span { display: block; font-size: 11pt; line-height: 14pt; font-weight: 600; color: #808080; } .lp_content_wrap div.referenzen-detail > div #arr-u { position: absolute; bottom: -50px; left: 80px; right: 80px; width: 40px; } .lp_content_wrap div.referenzen-detail > div.left { margin-bottom: 200px; } @media (max-width: 992px) { .lp_content_wrap div.referenzen-detail > div.left { margin-bottom: 40px; } } .lp_content_wrap div.referenzen-detail > div.right { margin-top: 100px; margin-bottom: 70px; } @media (max-width: 992px) { .lp_content_wrap div.referenzen-detail > div.right { margin-top: 0; } } .lp_content_wrap .leistungenSubNavigation { width: 80%; max-width: 1400px; margin-left: 10%; } .lp_content_wrap .leistungenSubNavigation.desktop { display: table; } @media (max-width: 992px) { .lp_content_wrap .leistungenSubNavigation.desktop { display: none; } } .lp_content_wrap .leistungenSubNavigation.mobile { display: none; } @media (max-width: 992px) { .lp_content_wrap .leistungenSubNavigation.mobile { display: table; } } @media (max-width: 768px) { .lp_content_wrap .leistungenSubNavigation.mobile { margin-left: auto; margin-right: auto; } } .lp_content_wrap .leistungenSubNavigation .leistung-icon { font-size: 70px; padding: 5px 5px; border: 2px solid white; color: white; transition: all 0.3s; -webkit-transition: all 0.3s; border-radius: 5px; display: inline-block; height: auto; } .lp_content_wrap .leistungenSubNavigation .textLink { font-weight: 600; color: #ffdc00; margin: 15px 0; font-size: 16pt; transition: color 0.3s; -webkit-transition: color 0.3s; line-height: 16pt; } .lp_content_wrap .leistungenSubNavigation .textLink:hover { color: white; } .lp_content_wrap .leistungenSubNavigation #middleCol-bgm { margin-bottom: 15px; } .lp_content_wrap .leistungenSubNavigation .leistung-link { display: block; color: white; transition: all 0.3s; -webkit-transition: all 0.3s; font-style: italic; font-size: 11pt; line-height: 13pt; margin-top: 7px; } .lp_content_wrap .leistungenSubNavigation #eapIconWrapTable { background: url("../img/leistungen-line_ver.png") top center no-repeat; } @media (min-width: 750px) { .lp_content_wrap .leistungenSubNavigation .tableIconWrap#eapIconWrap { position: absolute; top: 80px; left: 50%; z-index: 10; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); } } .lp_content_wrap .leistungenSubNavigation .tableIconWrap:hover .leistung-icon { border: 2px solid #ffdc00; color: #ffdc00; } .lp_content_wrap .leistungenSubNavigation .tableIconWrap:hover .leistung-link { color: #ffdc00; } .lp_content_wrap .leistungenSubNavigation .lineColTop { overflow: hidden; vertical-align: middle; } .lp_content_wrap .leistungenSubNavigation .lineColTop.left { text-align: left; } .lp_content_wrap .leistungenSubNavigation .lineColTop.left > img { margin: 20px 0px 0px 0; position: relative; left: 45%; } .lp_content_wrap .leistungenSubNavigation .lineColTop.right { text-align: right; } .lp_content_wrap .leistungenSubNavigation .lineColTop.right > img { margin: 20px 0px 0px 0px; position: relative; right: 45%; } .lp_content_wrap .leistungenSubNavigation .textMiddleCol { text-align: center; } .lp_content_wrap .leistungenSubNavigation .iconCol { position: relative; top: 0; left: 0; width: 90px; text-align: center; vertical-align: top; } .lp_content_wrap .leistungenSubNavigation .iconCol.middleCol { width: 180px; text-align: center; } .lp_content_wrap .leistungenSubNavigation .iconCol.iconColLink { vertical-align: top; } .lp_content_wrap .leistungenSubNavigation .firstRow { vertical-align: top; text-align: center; } .lp_content_wrap .leistungenSubNavigation .lineCol { vertical-align: middle; text-align: center; background: url(../img/leistungen/leistungen-line.png) 50% 40% no-repeat; } .lp_content_wrap .sub-nav { position: relative; top: 0; height: 50px; z-index: 10; width: 90%; left: 0; margin-top: 15px; text-align: center; margin-left: 5%; /*#leistungen-sub-nav-step{ position: absolute; top: -50px; left: 50%; margin-left:-380px/2; } #leistungen-sub-nav-step-l{ //margin-left:-20px; } #leistungen-sub-nav-step-r{ margin-left:60px; }*/ } .lp_content_wrap .sub-nav .lines { position: absolute; top: -30px; width: 75px; } .lp_content_wrap .sub-nav .lines#lines-l { left: 50%; margin-left: -275px; } .lp_content_wrap .sub-nav .lines#lines-r { left: 50%; margin-left: 200px; } .lp_content_wrap .sub-nav.leistung-sub-nav .button-wrap { display: block; width: 100%; clear: both; } .lp_content_wrap .sub-nav.leistung-sub-nav .button-wrap > a { font-weight: 600; color: #ffdc00; margin-top: 15px; font-size: 16pt; transition: color 0.3s; -webkit-transition: color 0.3s; line-height: 16pt; } .lp_content_wrap .sub-nav.leistung-sub-nav .button-wrap > a:hover { color: white; } .lp_content_wrap .sub-nav.leistung-sub-nav .sub-nav-element { overflow: hidden; } .lp_content_wrap .sub-nav.leistung-sub-nav .sub-nav-element > img { margin: 45px 4px 0 4px; } .lp_content_wrap .sub-nav.leistung-sub-nav .sub-nav-element .link-wrap { width: 84px; } .lp_content_wrap .sub-nav.leistung-sub-nav .sub-nav-element .link-wrap > a { margin: 5px 0px 0 0px; transition: all 0.3s; -webkit-transition: all 0.3s; } .lp_content_wrap .sub-nav.leistung-sub-nav .sub-nav-element .link-wrap:hover a { color: #ffdc00; border-color: #ffdc00; } .lp_content_wrap .sub-nav.leistung-sub-nav .sub-nav-element.left { z-index: 2; position: relative; margin-top: -50px; } .lp_content_wrap .sub-nav.leistung-sub-nav .sub-nav-element.left > .link-wrap, .lp_content_wrap .sub-nav.leistung-sub-nav .sub-nav-element.left > img { float: right; } .lp_content_wrap .sub-nav.leistung-sub-nav .sub-nav-element.left #last-left { margin-right: 80px; } .lp_content_wrap .sub-nav.leistung-sub-nav .sub-nav-element.left .button-wrap { text-align: right; } .lp_content_wrap .sub-nav.leistung-sub-nav .sub-nav-element.left .button-wrap > a { margin-right: 150px; } .lp_content_wrap .sub-nav.leistung-sub-nav .sub-nav-element.right { z-index: 2; position: relative; margin-top: -50px; } .lp_content_wrap .sub-nav.leistung-sub-nav .sub-nav-element.right #last-right { margin-left: 80px; } .lp_content_wrap .sub-nav.leistung-sub-nav .sub-nav-element.right .button-wrap { text-align: left; } .lp_content_wrap .sub-nav.leistung-sub-nav .sub-nav-element.right .button-wrap > a { margin-left: 150px; } .lp_content_wrap .sub-nav.leistung-sub-nav .sub-nav-element.right > .link-wrap, .lp_content_wrap .sub-nav.leistung-sub-nav .sub-nav-element.top > .link-wrap, .lp_content_wrap .sub-nav.leistung-sub-nav .sub-nav-element.right > img, .lp_content_wrap .sub-nav.leistung-sub-nav .sub-nav-element.top > img { float: left; } .lp_content_wrap .sub-nav.leistung-sub-nav .sub-nav-element.top { position: relative; top: 0; left: 0; height: 170px; clear: both; float: none; } .lp_content_wrap .sub-nav.leistung-sub-nav .sub-nav-element.top .link-wrap { position: absolute; top: 40px; left: 50%; margin-left: calc(-84px / 2); } .lp_content_wrap .sub-nav.leistung-sub-nav .sub-nav-element.top #lines-l { position: absolute; top: 107px; left: 50%; margin: 0; margin-left: -293px; } .lp_content_wrap .sub-nav.leistung-sub-nav .sub-nav-element.top #lines-r { position: absolute; top: 107px; left: 50%; margin: 0; margin-left: calc((84px / 2) + 10); } .lp_content_wrap .sub-nav.leistung-sub-nav .leistung-icon { font-size: 70px; border: 2px solid white; color: white; border-radius: 5px; display: inline-block; height: auto; padding: 5px 5px; } .lp_content_wrap .sub-nav.leistung-sub-nav .leistung-link { display: block; color: white; font-style: italic; font-size: 11pt; line-height: 13pt; } .lp_content_wrap .sub-nav > a.rounded_small { z-index: 2; display: inline-block; font-weight: 400; font-size: 15.5pt; text-align: center; cursor: pointer; border-radius: 6px; background: transparent; line-height: 22pt; padding: 2px 18px; color: #ffdc00; -webkit-transition: background 0.6s linear, font-size 0.3s; border: 2px solid #ffdc00; width: auto; height: 30px; margin: 5px 10px; } .lp_content_wrap .sub-nav > a.rounded_small:hover, .lp_content_wrap .sub-nav > a.rounded_small.active { background: #ffdc00; color: white; } @media (max-width: 768px) { .lp_content_wrap .sub-nav > a.rounded_small { width: 100%; min-height: 40px; height: auto; margin: 5px 0%; float: left; box-sizing: border-box; } } @media (max-width: 768px) { .lp_content_wrap .sub-nav#sub-nav-gesundheitshueter > a { width: 46%; min-height: 40px; height: auto; margin: 5px 2%; float: left; box-sizing: border-box; font-size: 9pt; padding: 2px; } } .lp_content_wrap .sub-nav.big-button > a { -webkit-transition: all 0.3s; font-size: 24pt; /* padding:12px 28px; */ padding: 0; } .lp_content_wrap .sub-nav.big-button > a:hover h1 { color: white; } .lp_content_wrap .sub-nav.big-button h1 { top: 0; left: 0; position: relative; font-size: 24pt; padding: 12px 28px; z-index: 2; display: inline-block !important; font-weight: 400; color: #ffdc00; text-align: center; cursor: pointer; border-radius: 6px; background: transparent; line-height: 22pt; -webkit-transition: background 0.6s linear, font-size 0.3s; border: 2px solid #ffdc00; width: auto; height: 30px; margin: 5px 10px; } .lp_content_wrap .sub-nav.big-button h1:hover, .lp_content_wrap .sub-nav.big-button h1:active { background: #ffdc00; } .lp_content_wrap .sub-nav.big-button h1:hover a, .lp_content_wrap .sub-nav.big-button h1:active a { color: white; } .lp_content_wrap .sub-nav.big-button h1 a { color: #ffdc00; } .lp_content_wrap .sub-nav.big-button h1 a:hover, .lp_content_wrap .sub-nav.big-button h1 a:active { color: white; } .lp_content_wrap .new_line { clear: both; display: block; } h1.headline_big, h2.headline_big { display: inline-block; font-size: 35px; line-height: 1; color: #fff; width: 100%; text-align: left; z-index: 2; margin-bottom: 20px; font-weight: 400; } h1.headline_big strong, h2.headline_big strong { color: #ffdc00; font-weight: 600; } h1.headline_big.left_align, h2.headline_big.left_align { text-align: left !important; } .headline_black { display: inline-block; font-size: 35px; line-height: 1; width: 100%; z-index: 2; margin-bottom: 30px; font-weight: 400; color: #4D4D4D; } .headline_black strong { color: #ffdc00; font-weight: 600; } .headline_black.centered { text-align: center; } .headline_black.left { text-align: left; } .container_action_button { font-weight: 400; font-size: 24px; text-align: center; cursor: pointer; display: inline-block; padding: 15px 60px; border-radius: 10px; -moz-border-radius: 10px; border: 2px solid #ffdc00; box-sizing: border-box; margin: 30px 0; line-height: 28px; } @media (max-width: 768px) { .container_action_button { padding: 10px 24px; width: 100%; } } @media (max-width: 544px) { .container_action_button { padding: 10px 14px; } } @media (max-width: 320px) { .container_action_button { padding: 10px 10px; } } .container_action_button.no_margin { margin: 30px 0 0 0; } @media (max-width: 414px) { .container_action_button:first-of-type { margin-bottom: 30px; } } .container_action_button.first_section_button { margin: 30px 0 60px 0; } .container_action_button.centered { text-align: center; } .container_action_button.no_background { color: #ffdc00; background: transparent; transition: background 0.6s; -webkit-transition: background 0.6s; } .container_action_button.no_background:hover { background: #ffdc00; color: white; } .container_action_button.yes_background { background: #ffdc00; color: white; transition: background 0.6s; -webkit-transition: background 0.6s; line-height: 25px; } .container_action_button.yes_background:hover { background: transparent; color: #ffdc00; } .container_action_button.yes_background:hover a { color: #ffdc00; } .container_action_button.footer { font-size: 18px; padding: 15px 35px; background: #ffdc00; color: #4d4d4d; transition: background 0.6s; -webkit-transition: background 0.6s; border: 2px solid #4d4d4d; } .container_action_button.footer:hover { background: transparent; color: white; border: 2px solid white; } .container_action_button.footer:hover a { color: white; } .container_action_button.footer a { color: #4d4d4d; } .container_action_button.left { text-align: left; } .white_border_round { border: 2px white solid; border-radius: 10px; -moz-border-radius: 10px; padding: 20px; height: 80px; width: 80px; display: inline-block; } @media (min-width: 1200px) { .white_border_round { text-align: center; } } .white_border_round.float_left { float: left; } .symbol_box_klammer { text-align: center; } @media (min-width: 1200px) { } .symbol_box_klammer .symbol_box { width: 100%; } .symbol_box { height: 130px; } .symbol_box.centered { text-align: center; margin-left: auto; margin-right: auto; } @media (min-width: 1200px) { } .symbol_box .headline_black { display: inline; width: auto; } .symbol_box i.fa { font-size: 80px; } .marge_me_down_50 { margin-bottom: 50px !important; } .marge_me_down_30 { margin-bottom: 30px !important; } .marge_me_down_20 { margin-bottom: 20px !important; } .marge_me_down_10 { margin-bottom: 10px !important; } .brandschutz.first_wrap ul > li, .baustellensicherheit.first_wrap ul > li, .fachliche_assistenz ul > li { list-style-position: outside; list-style-image: url(../img/bullet.png); } #wrap #head { position: fixed; width: 100vw; height: 100px; transition: background 0.5s; -webkit-transition: background 0.5s; } #wrap #head.scrolledOn { background: white; } #wrap #head img { position: relative; } .landing_page_standort { background-size: cover; position: relative; } .landing_page_standort.content-head .inner-content-head-wrap { position: relative !important; transform: none !important; padding: 160px 0 !important; top: auto !important; } @media (max-width: 544px) { .landing_page_standort.content-head .inner-content-head-wrap { padding: 100px 0 !important; } } .landing_page_standort.content-head .lp_head_text p.text-light { text-align: left; } .landing_page_standort.content-head .lp_head_text p:first-of-type { font-size: 15pt; font-weight: 600; } .landing_page_standort.content-head .lp_head_info p { position: relative; padding-left: 30px; line-height: 21pt; font-size: 13pt; } .landing_page_standort.content-head .lp_head_info p:before { content: "\f05a"; font-family: FontAwesome; position: absolute; left: 0; font-size: 24px; top: 1px; } .landing_page_standort.content-head .lp_head_anker { text-align: center; } .landing_page_standort.content-head .lp_head_anker span { color: #ffdc00; font-size: 24px; margin: 30px 30px 0 30px; display: inline-block; } .landing_page_standort.content-head .vorteile i { font-size: 24px; } .landing_page_standort.even { background-color: #ACBCC6; } .landing_page_standort.city_location .city_columnWrapper { margin: 0 -15px; display: flex; } .landing_page_standort.city_location .city_columnWrapper .city_column { line-height: 24px; padding: 0 15px; display: flex; flex-direction: column; justify-content: flex-start; } .landing_page_standort.city_location .city_columnWrapper .city_column .city_pic { width: 100%; position: relative; overflow: hidden; margin-bottom: 40px; display: flex; align-items: center; } .landing_page_standort.city_location .city_columnWrapper .city_column .city_pic img { position: relative; width: 100%; z-index: 1; } .landing_page_standort.city_location .city_columnWrapper .city_column .city_pic span { z-index: 2; color: white; font-weight: 600; position: absolute; font-size: 24px; text-align: center; width: 100%; } .landing_page_standort.city_location .city_columnWrapper .city_column h3 { color: #ffdc00; font-size: 24px; margin-bottom: 10px; font-weight: 600; } .landing_page_standort.city_location .city_columnWrapper .city_column h4 { color: #4d4d4d; font-size: 18px; margin-bottom: 10px; } .landing_page_standort.city_location .city_columnWrapper .city_column a { position: relative; color: #4d4d4d; } .landing_page_standort.city_location .city_columnWrapper .city_column a.city_mailaddress { font-weight: 600; } .landing_page_standort.city_location .city_columnWrapper .city_column a.routenplaner { padding-left: 40px; padding-top: 2px; margin-top: 20px; } .landing_page_standort.city_location .city_columnWrapper .city_column a.routenplaner:after { content: ""; width: 27px; height: 27px; position: absolute; display: block; left: 0; top: 0; border: 2px solid #4d4d4d; border-radius: 6px; } .landing_page_standort.city_location .city_columnWrapper .city_column a.routenplaner:before { content: "\f041"; font-family: FontAwesome; font-size: 24px; position: absolute; left: 8px; top: 3px; } .landing_page_standort.city_location .city_columnWrapper .city_column a.routenplaner:hover:after { border: 2px solid #ffdc00; } .landing_page_standort.city_location .city_columnWrapper .city_column a:hover { color: #ffdc00; } .landing_page_standort.city_location .city_columnWrapper .city_column span { display: block; } .landing_page_standort.arbeitsmedizin .headline_black { color: white; } .landing_page_standort.arbeitsmedizin h3 { color: #ffdc00; font-weight: 600; font-size: 20px; margin-bottom: 10px; } .landing_page_standort.arbeitsmedizin .text-dark .white { color: white; } .landing_page_standort.arbeitssicherheit h3 { color: #ffdc00; font-weight: 600; font-size: 20px; margin-bottom: 10px; } .landing_page_standort.deutschland.ansprechpartner .contactSpecialTrigger { border: 0; padding: 60px 0 0 50px; height: auto; } .landing_page_standort.deutschland.ansprechpartner .contactSpecialTrigger > div { background: transparent; padding: 0; width: 100%; box-sizing: border-box; font-size: 14pt; } .landing_page_standort.deutschland.ansprechpartner .contactSpecialTrigger > div > b { margin-bottom: 10px; font-weight: 400; display: block; } .landing_page_standort.deutschland.ansprechpartner .contactSpecialTrigger > div > table { width: 100%; } .landing_page_standort.deutschland.ansprechpartner .contactSpecialTrigger > div > table td { font-size: 12pt; padding: 3px 0; } .landing_page_standort.deutschland.ansprechpartner .contactSpecialTrigger > div > table td > a { color: #4d4d4d; } .landing_page_standort.deutschland.ansprechpartner .contactSpecialTrigger > div > table td:first-of-type { width: 70px; } .landing_page_standort.deutschland.ansprechpartner .contactSpecialTrigger > div .container_action_button { width: auto; } @media (max-width: 544px) { .landing_page_standort.deutschland.ansprechpartner .contactSpecialTrigger { padding: 35px 0 0 0; } .landing_page_standort.deutschland.ansprechpartner .contactSpecialTrigger > div .container_action_button { width: 100%; } } @media (max-width: 768px) { .landing_page_standort.deutschland.ansprechpartner .contactSpecialTrigger { padding: 20px 15px 0 15px; } } .landing_page_standort.deutschland.next_steps svg { max-height: 80px; } .landing_page_standort.footer-wrap .footerWrapper { display: flex; justify-content: space-between; } .landing_page_standort.footer-wrap .footerWrapper .foot-head-element { display: flex; flex-direction: column; justify-content: space-between; } .landing_page_standort.footer-wrap .footerWrapper .foot-head-element .contact_tel { white-space: nowrap; } .landing_page_standort.footer-wrap .footerWrapper .foot-head-element .back_btn { width: fit-content; display: inline-block; font-size: 18px; color: #4d4d4d; border: 2px solid #4d4d4d; border-radius: 10px; padding: 15px 60px; } .landing_page_standort.footer-wrap .footerWrapper .foot-head-element .back_btn:hover { color: white; border: 2px solid white; } .landing_page_standort.footer-wrap .footerWrapper .foot-head-element .container_action_button { margin-bottom: 0; white-space: nowrap; } .landing_page_standort.footer-wrap .footerWrapper .foot-head-element.meta_nav { justify-content: flex-end; } .landing_page_standort .btn { color: #ffdc00; font-weight: 400; font-size: 24px; text-align: center; cursor: pointer; display: inline-block; padding: 15px 60px; border-radius: 10px; -moz-border-radius: 10px; border: 2px solid #ffdc00; box-sizing: border-box; margin: 30px 0 0 0; line-height: 25px; } .landing_page_standort .btn:hover { background: #ffdc00; color: white; } .landing_page_standort .text-dark { text-align: left !important; } .landing_page_standort#lp_inner { background-size: cover; } .landing_page_standort#lp_inner:after { background: #4d4d4d; opacity: 0.6; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .landing_page_standort#lp_inner.berlin { background-image: url("../img/landingpage/standort/bg_standort_berlin.jpg"); } .landing_page_standort#lp_inner.borna { background-image: url("../img/landingpage/standort/bg_standort_borna.jpg"); } .landing_page_standort#lp_inner.cottbus { background-image: url("../img/landingpage/standort/bg_standort_cottbus.jpg"); } .landing_page_standort#lp_inner.dortmund { background-image: url("../img/landingpage/standort/bg_standort_dortmund.jpg"); } .landing_page_standort#lp_inner.duesseldorf { background-image: url("../img/landingpage/standort/bg_standort_duesseldorf.jpg"); } .landing_page_standort#lp_inner.dresden { background-image: url("../img/landingpage/standort/bg_standort_dresden.jpg"); } .landing_page_standort#lp_inner.erfurt { background-image: url("../img/landingpage/standort/bg_standort_erfurt.jpg"); } .landing_page_standort#lp_inner.frankfurt { background-image: url("../img/landingpage/standort/bg_standort_frankfurt.jpg"); } .landing_page_standort#lp_inner.hamburg { background-image: url("../img/landingpage/standort/bg_standort_hamburg.jpg"); } .landing_page_standort#lp_inner.hannover { background-image: url("../img/landingpage/standort/bg_standort_hannover.jpg"); } .landing_page_standort#lp_inner.karlsruhe { background-image: url("../img/landingpage/standort/bg_standort_karlsruhe.jpg"); } .landing_page_standort#lp_inner.kassel { background-image: url("../img/landingpage/standort/bg_standort_kassel.jpg"); } .landing_page_standort#lp_inner.koeln { background-image: url("../img/landingpage/standort/bg_standort_koeln.jpg"); } .landing_page_standort#lp_inner.leipzig { background-image: url("../img/landingpage/standort/bg_standort_leipzig.jpg"); } .landing_page_standort#lp_inner.mainz { background-image: url("../img/landingpage/standort/bg_standort_mainz.jpg"); } .landing_page_standort#lp_inner.mannheim { background-image: url("../img/landingpage/standort/bg_standort_mannheim.jpg"); } .landing_page_standort#lp_inner.muenchen { background-image: url("../img/landingpage/standort/bg_standort_muenchen.jpg"); } .landing_page_standort#lp_inner.nuernberg { background-image: url("../img/landingpage/standort/bg_standort_nuernberg.jpg"); } .landing_page_standort#lp_inner.stuttgart { background-image: url("../img/landingpage/standort/bg_standort_stuttgart.jpg"); } .landing_page_standort#lp_inner.wiesbaden { background-image: url("../img/landingpage/standort/bg_standort_wiesbaden.jpg"); } .landing_page_standort#lp_inner.deutschland { background-image: url("../img/landingpage/standort/pima_standort_deutschland.jpg"); } .landing_page_standort#lp_inner.deutschland .lp_head_text p:first-of-type { font-size: 13pt; font-weight: 400; } .landing_page_standort#lp_inner.deutschland .vorteile li { line-height: 24px; } .landing_page_standort#lp_inner.deutschland .vorteile .fa { margin-top: 0px; margin-bottom: 10px; } @media (max-width: 768px) { .landing_page_standort.content-head .inner-content-head-wrap { padding-bottom: 60px; } .landing_page_standort.content-head .lp_head_anker span { margin: 30px 15px 0 15px; } } @media (max-width: 544px) { .landing_page_standort .text-dark { text-align: left !important; } .landing_page_standort.content-head .headline_big_span { padding-top: 35px; } .landing_page_standort.content-head .headline_big { font-size: 29px; line-height: 36px; } .landing_page_standort.content-head .lp_head_text .text-light { text-align: left; } .landing_page_standort.content-head .ul_headline { margin-top: 55px; line-height: normal; } .landing_page_standort.content-head .vorteile { overflow: visible !important; padding-top: 0 !important; } .landing_page_standort.city_location .city_columnWrapper { flex-direction: column; } .landing_page_standort.footer-wrap .footerWrapper { display: flex; flex-direction: column; } .landing_page_standort.footer-wrap .footerWrapper .foot-head-element.meta_nav { order: 2; margin-top: 30px; } .landing_page_standort.footer-wrap .footerWrapper .foot-head-element.meta_nav .back_btn { width: auto; text-align: center; margin-bottom: 40px; } } @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) { #wrap .content .content-head.landing_page_standort .inner-content-head-wrap { -webkit-transform: translate(0, -50%) !important; -moz-transform: translate(0, -50%) !important; -ms-transform: translate(0, -50%) !important; -o-transform: translate(0, -50%) !important; transform: translate(0, -50%) !important; } } .gen2 { min-height: auto; } .gen2#lp_inner .headline_big_span { margin-bottom: 20px !important; } .gen2#lp_inner .lp_head_text { margin-bottom: 15px; } .gen2#lp_inner .lp_head_text .text-light { line-height: 21pt; font-size: 13pt; color: white; } .gen2#lp_inner .lp_head_text .text-light:first-of-type { margin-bottom: 20px; } .gen2#lp_inner .vorteile-liste { margin-top: 20px; } .gen2#lp_inner .vorteile-liste .vorteile { padding-top: 0 !important; } .gen2#lp_inner .vorteile-liste .vorteile li { font-size: 17px; } .gen2#lp_inner .vorteile-liste .vorteile li .fa { color: white; margin-top: 1px !important; padding-left: 1px; } .gen2#lp_inner .vorteile-liste .tel a { color: #ffdc00; font-size: 24pt; font-weight: 600; display: block; margin-bottom: 30px; } .gen2#lp_inner .vorteile-liste .tel span { display: block; font-size: 14pt; } .gen2#lp_inner .vorteile-liste .tel span:first-of-type { margin-bottom: 10px; font-weight: 600; } .gen2#lp_inner .vorteile-liste .tel span.disclaimer { font-style: italic; } .gen2#lp_inner .vorteile-liste .tel span.disclaimer_noTel { display: none; } .gen2#lp_inner .container_action_button { background: rgba(0, 0, 0, 0.15); } @media (max-width: 768px) { .gen2#lp_inner.jobprofil { min-height: auto; } .gen2#lp_inner.jobprofil .inner-content-head-wrap { padding-top: 86%; } .gen2#lp_inner.jobprofil .inner-content-head-wrap #gen2-top .headline_big_span h1 { color: white; font-size: 26pt; line-height: 42px; } .gen2#lp_inner.jobprofil .inner-content-head-wrap #gen2-top .headline_big_span .headline_sub { color: #4d4d4d; display: inline-block; margin-top: 10px; font-weight: 400; } .gen2#lp_inner.jobprofil .inner-content-head-wrap #gen2-top .fa-ul { width: auto; margin-top: 0; } .gen2#lp_inner.jobprofil .inner-content-head-wrap #gen2-top .fa-ul li { color: #4d4d4d; } .gen2#lp_inner.jobprofil .inner-content-head-wrap #gen2-top .fa-ul li .fa-li .fa { color: #4d4d4d; } .gen2#lp_inner.jobprofil .inner-content-head-wrap #gen2-top .container_action_button { color: #ffdc00; border-color: #ffdc00; background: white; } .gen2#lp_inner.jobprofil #hint { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; position: relative !important; left: auto; } } @media (max-width: 544px) { .gen2#lp_inner.jobprofil #gen2-top .headline_big_span { margin-top: 0; } .gen2#lp_inner.jobprofil #gen2-top .headline_big_span h1 { font-size: 18pt; line-height: 28px; } } .gen2#lp_inner.jobprofil #hint { position: fixed; bottom: 10px; color: #404040; font-size: 14px; } .gen2#lp_inner .telExistsNot { display: none !important; } .gen2#lp_inner[data-standort='hamburg'] .vorteile-liste .tel span.disclaimer, .gen2#lp_inner[data-standort='koeln'] .vorteile-liste .tel span.disclaimer { display: none; } .gen2#lp_inner[data-standort='hamburg'] .telExists, .gen2#lp_inner[data-standort='koeln'] .telExists { display: none !important; } .gen2#lp_inner[data-standort='hamburg'] .telExistsNot, .gen2#lp_inner[data-standort='koeln'] .telExistsNot { display: block !important; } .gen2#lp_inner[data-standort='hamburg'] .disclaimer_noTel, .gen2#lp_inner[data-standort='koeln'] .disclaimer_noTel { display: block !important; line-height: 24px; padding-top: 10px; } .gen2#lp_inner[data-standort='hamburg'] ~ .ansprechpartner #contactSpecialWrap .tel, .gen2#lp_inner[data-standort='koeln'] ~ .ansprechpartner #contactSpecialWrap .tel { display: none; } .gen2#lp_inner[data-standort='hamburg'] ~ .footer-wrap .contact_tel, .gen2#lp_inner[data-standort='koeln'] ~ .footer-wrap .contact_tel { display: none; } .gen2.even { background: #88A8B6; background: -moz-linear-gradient(top, #88a8b6 0%, #c6cfd6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c6cfd6), color-stop(100%, #d6dfe6)); background: -webkit-linear-gradient(top, #88a8b6 0%, #c6cfd6 100%); background: -o-linear-gradient(top, #88a8b6 0%, #c6cfd6 100%); background: -ms-linear-gradient(top, #88a8b6 0%, #c6cfd6 100%); background: linear-gradient(to bottom, #88a8b6 0%, #c6cfd6 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#88a8b6', endColorstr='#c6cfd6', GradientType=0); } @media (max-width: 544px) { .gen2 .inner-content-head-wrap { opacity: 1 !important; } } @media (max-width: 992px) { .gen2 .inner-content-head-wrap { opacity: 1 !important; margin-top: 0 !important; padding-top: 120px; } } .gen2 .inner-content-head-wrap #gen2-top .headline_big_span { position: relative; z-index: 2; } @media (max-width: 544px) { .gen2 .inner-content-head-wrap #gen2-top .headline_big_span { margin-top: 280px; } } .gen2 .inner-content-head-wrap #gen2-top .headline_big_span h1, .gen2 .inner-content-head-wrap #gen2-top .headline_big_span span.h1 { box-sizing: border-box; font-size: 42pt; font-weight: 600; line-height: 40pt; color: #ffdc00; text-align: left !important; display: block; } @media (max-width: 544px) { .gen2 .inner-content-head-wrap #gen2-top .headline_big_span h1, .gen2 .inner-content-head-wrap #gen2-top .headline_big_span span.h1 { font-size: 18pt; line-height: 28px; } } .gen2 .inner-content-head-wrap #gen2-top .headline_big_span .headline_sub { color: white; font-size: 22px; line-height: normal; font-weight: 300; } @media (max-width: 544px) { .gen2 .inner-content-head-wrap #gen2-top .headline_big_span .headline_sub { font-size: 16pt; } } .gen2 .inner-content-head-wrap #gen2-top .headline_big_span .headline_sub h1.i { display: inline-block; color: white; font-size: 22px; line-height: normal; font-weight: 500; font-style: italic; } .gen2 .inner-content-head-wrap #gen2-top .headline_big_span .headline_sub i { font-weight: 500; } @media (max-width: 544px) { .gen2 .inner-content-head-wrap #gen2-top ul { margin-top: 140px; } } .gen2 .inner-content-head-wrap #gen2-top ul li { width: 100%; line-height: normal; } .gen2 .inner-content-head-wrap #gen2-top ul li .fa-li { top: 0; } .gen2 .inner-content-head-wrap #gen2-top ul li .fa-li .fa { font-size: 18px; margin: 0; color: white; float: none; } .gen2 .inner-content-head-wrap #gen2-top .container_action_button { color: white; font-size: 20px; border-color: white; transition: all 0.3s; -webkit-transition: all 0.3s; } @media (max-width: 544px) { .gen2 .inner-content-head-wrap #gen2-top .container_action_button { color: white; border-color: white; } } .gen2 .inner-content-head-wrap #gen2-top .container_action_button i { margin-right: 5px; } .gen2 .inner-content-head-wrap #gen2-top .container_action_button:hover { border-color: white; color: white; } .gen2 .container .section#reason_why .reason_why_media_wrap { padding: 0; margin-left: 0; } .gen2 .container .section#reason_why .reason_why_media_wrap .reason_why_tile { padding: 1px; margin: 0; } .gen2 .container .section#reason_why .reason_why_media_wrap .reason_why_tile img { width: 100%; display: block; } .gen2 .container .section#reason_why .reason_why_media_wrap + div { padding-left: 45px; } @media (max-width: 768px) { .gen2 .container .section#reason_why .reason_why_media_wrap + div { padding-left: 15px; } } .gen2 .container .section#reason_why .reason_why_media_wrap + div h2 { color: #4d4d4d; font-size: 13pt; margin: 0; } .gen2 .container .section#reason_why #praxis_zentrale { color: #404040; margin-bottom: 75px; } .gen2 .container .section#reason_why #praxis_zentrale span { display: block; } .gen2 .container .section#reason_why #praxis_zentrale #zentralen_name, .gen2 .container .section#reason_why #praxis_zentrale #zentralen_name2 { font-weight: 600; } .gen2 .container .section#reason_why #praxis_zentrale #zentralen_name2, .gen2 .container .section#reason_why #praxis_zentrale #zentralen_ort { margin-bottom: 15px; } .gen2 .container .section#reason_why #praxis_zentrale #zentralen_route { color: #404040; font-weight: 600; transition: all 0.3s; -webkit-transition: all 0.3s; } .gen2 .container .section#reason_why #praxis_zentrale #zentralen_route:hover { color: white; } .gen2 .container .section#reason_why #praxis_zentrale #zentralen_route:hover i { color: white; border-color: white; } .gen2 .container .section#reason_why #praxis_zentrale #zentralen_route i { color: #ffdc00; font-size: 19px; padding: 6px; border: 2px solid #ffdc00; border-radius: 6px; margin-right: 5px; transition: all 0.3s; -webkit-transition: all 0.3s; } @media (max-width: 768px) { .gen2 .container .section#next_steps .too_much { display: none; } } @media (max-width: 544px) { .gen2 .container .section#next_steps .col-xl-1 { display: none; } } .gen2 .container .section#next_steps .symbol_box_klammer { color: #4d4d4d; } .gen2 .container .section#next_steps .symbol_box_klammer .icon_tile { border: 1px solid #ffdc00; border-radius: 10px; -moz-border-radius: 10px; padding: 20px; height: 80px; width: 80px; display: inline-block; } .gen2 .container .section#next_steps .symbol_box_klammer .icon_tile.odd { width: auto; border-color: white; } .gen2 .container .section#next_steps .symbol_box_klammer .icon_tile.odd i { font-size: 13pt; padding-top: 34px; } .gen2 .container .section#next_steps .symbol_box_klammer .icon_tile i { font-size: 40px; padding-top: 22px; color: #ffdc00; } .gen2 .container .section#next_steps .symbol_box_klammer .stepnumber { font-weight: 600; } .gen2 .container .section#next_steps .symbol_box_klammer .stepbreak { color: #ffdc00; } .gen2 .container .section .row .einleitung, .gen2 .container .section .row p { color: #4d4d4d; text-align: left; line-height: 21pt; font-size: 13pt; } .gen2 .container .section .row h2 { font-size: 28pt; color: #ffdc00; font-weight: 600; margin: 80px 0 25px; line-height: 28pt; } .gen2 .container .section .row h3 { color: #4d4d4d; font-size: 18pt; font-weight: 400; margin: 40px 0 30px; } .gen2 .container .section .row ul { width: auto; } .gen2 .container .section .row ul li { color: #4D4D4D; line-height: 21pt; font-size: 13pt; } .gen2 .container .section .row ul li i { color: #ffdc00; font-size: 11pt; } .gen2 .container .section .row .kontakt_column div { margin-bottom: 10px; } .gen2 .container .section .row .kontakt_column div.col-md-8 { padding-left: 0; } @media (max-width: 544px) { .gen2 .container .section .row .kontakt_column div.col-xs-9, .gen2 .container .section .row .kontakt_column div.col-xs-8 { padding-left: 5px; } } .gen2 .container .section .row .kontakt_column div h3 { font-size: 18pt; } .gen2 .container .section .row .kontakt_column div h3.kontakt_name { color: #ffdc00; margin: 10px 0 5px; } .gen2 .container .section .row .kontakt_column div h3.kontakt_title { color: #4d4d4d; margin: 10px 0 20px; } .gen2 .container .section .row .kontakt_column div p { font-size: 10pt; line-height: 13pt; font-style: italic; } .gen2 .container .section .row .kontakt_column div p:first-of-type { font-weight: 600; } .gen2 .container .section .row .kontakt_column div img { width: 100%; } .gen2 .container .section .row .kontakt_column .kontakt_partner { max-width: 380px; } .gen2 .container .section .row .kontakt_column .kontakt_label { color: #ffdc00; text-align: right; padding-right: 15px; font-weight: 600; } .gen2 .container .section .row .kontakt_column a { color: #4d4d4d; display: block; } .gen2 .container .section .row .kontakt_column a .kontakt_stellen { border: 2px solid #ffdc00; border-radius: 5px; color: #ffdc00; text-align: center; padding: 25px 10px; margin-top: 20px; } .gen2 .container .section .row .kontakt_column a .kontakt_stellen i { font-size: 32pt; width: 100%; margin-bottom: 10px; } .gen2 .container .section .row .kontakt_column a .kontakt_stellen span { margin-bottom: 0; color: #ffdc00; font-style: normal; font-size: 16pt; display: block; line-height: 26px; } .gen2 .standard_ul { list-style-position: outside; margin-left: 20px; } .gen2 .standard_ul li { list-style-type: disc; } .gen2 .standard_ul li a { color: #4d4d4d; text-decoration: underline; } .gen2.yellowBG { background: #ffdc00; } .gen2.yellowBG .headline_black strong { color: white !important; } .gen2.zukunft .headline_big_span { margin-bottom: 35px !important; } @media (max-width: 544px) { .gen2.zukunft #gen2-top { padding-top: 160px; } } .gen2.zukunft #gen2-top ul { margin-bottom: 20px; } .gen2.zukunft #gen2-top ul:after { clear: both; content: " "; display: table; } .gen2.offene_stellen { position: relative; z-index: 99; } .gen2#untersuchungs_steuerung { min-height: auto; z-index: 100; } .gen2#untersuchungs_steuerung .container { padding-bottom: 20px; } .gen2#untersuchungs_steuerung .container #tab_wrap > div { margin-bottom: 0; } .gen2#untersuchungs_steuerung .container #tab_wrap > div ul { margin-bottom: 0; } .gen2#untersuchungs_steuerung .container #tab_wrap > div ul li { display: inline-block; margin-right: 45px; font-weight: 600; position: relative; } .gen2#untersuchungs_steuerung .container #tab_wrap > div ul li:last-of-type { margin-right: 0; } .gen2#untersuchungs_steuerung .container #tab_wrap > div ul li.active:after { content: ""; display: block; width: 20px; height: 20px; background: white; position: absolute; top: 36px; left: 50%; z-index: 100; transform: translate(-50%, 0) rotate(45deg); } .gen2#untersuchungs_kacheln .container .section .row { position: relative; } .gen2#untersuchungs_kacheln .container .section .row #tile_slide { overflow: hidden; white-space: nowrap; font-size: 0; } .gen2#untersuchungs_kacheln .container .section .row #tile_slide .tile_wrapper { position: relative; display: inline-block; padding: 0; margin-bottom: 0; width: 100%; } .gen2#untersuchungs_kacheln .container .section .row #tile_slide .tile_wrapper:after { clear: both; content: " "; display: table; } .gen2#untersuchungs_kacheln .container .section .row #tile_slide .tile_wrapper > div { padding: 0 8px; margin-bottom: 0; } .gen2#untersuchungs_kacheln .container .section .row #tile_slide .tile_wrapper > div .untersuchung_tile { background: #ffdc00; border-radius: 5px; padding: 20px; margin-bottom: 16px; min-height: 120px; font-size: 16px; } .gen2#untersuchungs_kacheln .container .section .row #tile_slide .tile_wrapper > div .untersuchung_tile:after { clear: both; content: " "; display: table; } @media (min-width: 768px) and (max-width: 992px) { .gen2#untersuchungs_kacheln .container .section .row #tile_slide .tile_wrapper > div .untersuchung_tile.col-md-6 { width: calc(50% - 8px); } .gen2#untersuchungs_kacheln .container .section .row #tile_slide .tile_wrapper > div .untersuchung_tile.col-md-6:nth-of-type(even) { margin-left: 8px; } .gen2#untersuchungs_kacheln .container .section .row #tile_slide .tile_wrapper > div .untersuchung_tile.col-md-6:nth-of-type(odd) { margin-right: 8px; } } .gen2#untersuchungs_kacheln .container .section .row #tile_slide .tile_wrapper > div .untersuchung_tile .detail_wrapper > div { z-index: 5; position: relative; display: inline-block; float: left; } .gen2#untersuchungs_kacheln .container .section .row #tile_slide .tile_wrapper > div .untersuchung_tile .detail_wrapper > div.tile_detail { cursor: pointer; width: calc(100% - 46px); } .gen2#untersuchungs_kacheln .container .section .row #tile_slide .tile_wrapper > div .untersuchung_tile .detail_wrapper > div.tile_detail span { display: block; } .gen2#untersuchungs_kacheln .container .section .row #tile_slide .tile_wrapper > div .untersuchung_tile .detail_wrapper > div.tile_detail span.untersuchung-title { font-weight: 600; } .gen2#untersuchungs_kacheln .container .section .row #tile_slide .tile_wrapper > div .untersuchung_tile .detail_wrapper > div.tile_detail span.untersuchung-description { font-size: 14px; } .gen2#untersuchungs_kacheln .container .section .row #tile_slide .tile_wrapper > div .untersuchung_tile .detail_wrapper > div.tile_status { width: 46px; } .gen2#untersuchungs_kacheln .container .section .row #tile_slide .tile_wrapper > div .untersuchung_tile .detail_wrapper > div.tile_status:after { clear: both; content: " "; display: table; } .gen2#untersuchungs_kacheln .container .section .row #tile_slide .tile_wrapper > div .untersuchung_tile .detail_wrapper > div.tile_status i.fa-info-circle { color: white; font-size: 24px; cursor: pointer; } .gen2#untersuchungs_kacheln .container .section .row #tile_slide .tile_wrapper > div .untersuchung_tile .detail_wrapper > div.tile_status .sq-custom-checkbox { height: 22px; width: 22px; display: inline-block; position: relative; top: 0; left: 0; right: auto; bottom: auto; } .gen2#untersuchungs_kacheln .container .section .row #tile_slide .tile_wrapper > div .untersuchung_tile .detail_wrapper > div.tile_status .sq-custom-checkbox:after { clear: both; content: " "; display: table; } .gen2#untersuchungs_kacheln .container .section .row #tile_slide .tile_wrapper > div .untersuchung_tile .detail_wrapper > div.tile_status .sq-custom-checkbox input[type="checkbox"] { display: none; } .gen2#untersuchungs_kacheln .container .section .row #tile_slide .tile_wrapper > div .untersuchung_tile .detail_wrapper > div.tile_status .sq-custom-checkbox input[type="checkbox"]:checked + label:after { opacity: 1; } .gen2#untersuchungs_kacheln .container .section .row #tile_slide .tile_wrapper > div .untersuchung_tile .detail_wrapper > div.tile_status .sq-custom-checkbox.label label { position: relative; top: 0; left: 0; right: auto; bottom: auto; cursor: pointer; margin-left: 35px; } .gen2#untersuchungs_kacheln .container .section .row #tile_slide .tile_wrapper > div .untersuchung_tile .detail_wrapper > div.tile_status .sq-custom-checkbox.label label:after { position: absolute; top: 2px; left: -26px; right: auto; bottom: auto; opacity: 0; content: ""; width: calc(10px / 2); height: 10px; border-bottom: 2px solid #04BFBF; border-right: 2px solid #04BFBF; transform: rotate(45deg); -webkit-transform: rotate(45deg); transition: all 0.4s; -webkit-transition: all 0.4s; } .gen2#untersuchungs_kacheln .container .section .row #tile_slide .tile_wrapper > div .untersuchung_tile .detail_wrapper > div.tile_status .sq-custom-checkbox.label label:before { position: absolute; top: -3px; left: -35px; right: auto; bottom: auto; content: ""; width: 20px; height: 20px; border: 2px solid #04BFBF; } .gen2#untersuchungs_kacheln .container .section .row #tile_slide .tile_wrapper > div .untersuchung_tile .detail_wrapper > div.tile_status .sq-custom-checkbox.no-label label { position: absolute; top: 2px; left: 0px; right: auto; bottom: auto; content: ""; width: 22px; height: 22px; border-radius: 50%; background: white; z-index: 1; cursor: pointer; margin-left: 5px; } .gen2#untersuchungs_kacheln .container .section .row #tile_slide .tile_wrapper > div .untersuchung_tile .detail_wrapper > div.tile_status .sq-custom-checkbox.no-label label:after { position: absolute; top: -2px; left: 9px; right: auto; bottom: auto; opacity: 0; content: ""; width: calc(10px / 2); height: 14px; border-bottom: 4px solid #404040; border-right: 4px solid #404040; transform: rotate(45deg); -webkit-transform: rotate(45deg); transition: all 0.3s; -webkit-transition: all 0.3s; } .gen2#untersuchungs_kacheln .container .section .row #tile_slide .tile_wrapper > div .untersuchung_tile .detail_wrapper > div.tile_status .sq-custom-checkbox.no-label .label { position: relative; top: 0; left: 0; right: auto; bottom: auto; margin-left: 35px; } .gen2#untersuchungs_kacheln .container .section .row #tile_slide .tile_wrapper > div .untersuchung_tile .tile_info { white-space: normal; position: absolute; z-index: 10; display: none; background: white; border-radius: 5px; padding: 20px; top: 0; left: 0; width: calc(100% - 40px); height: calc(100% - 40px); } .gen2#untersuchungs_kacheln .container .section .row #tile_slide .tile_wrapper > div .untersuchung_tile .tile_info span { padding-right: 15px; display: block; font-size: 14px; line-height: 18px; } .gen2#untersuchungs_kacheln .container .section .row #tile_slide .tile_wrapper > div .untersuchung_tile .tile_info i { position: absolute; top: 10px; right: 10px; } .gen2#untersuchungs_kacheln .container .section .row .page_change { margin-bottom: 0; cursor: pointer; display: inline-block; } .gen2#untersuchungs_kacheln .container .section .row .page_change .fa-stack-1x { line-height: 28pt; font-size: 20pt; color: white; } .gen2#untersuchungs_kacheln .container .section .row .page_change .fa-stack-2x { color: #ffdc00; } .gen2#untersuchungs_kacheln .container .section .row #pagination { display: inline-block; font-size: 14px; margin: 0 20px; } .gen2#untersuchungs_kacheln .container .section .row #pagination .fa-circle { margin: 3px; color: white; } .gen2#untersuchungs_kacheln .container .section .row #pagination .fa-circle.active { color: #ffdc00; } .gen2#untersuchungs_preis #gesamtpreis > div { text-align: right; padding-right: 73px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; justify-content: center; margin-bottom: 5px; position: relative; } @media (max-width: 992px) { .gen2#untersuchungs_preis #gesamtpreis > div { justify-content: center; } } @media (max-width: 992px) { .gen2#untersuchungs_preis #gesamtpreis > div#anfrage_wrapper { padding-right: 0; } } @media (max-width: 768px) { .gen2#untersuchungs_preis #gesamtpreis > div#anfrage_wrapper { padding-right: 15px; text-align: center; } } .gen2#untersuchungs_preis #gesamtpreis > div#anfrage_wrapper #anfrage_hinweis { display: none; font-size: 14px; line-height: 16px; } .gen2#untersuchungs_preis #gesamtpreis > div #preislaben { font-weight: 600; margin: 5px 20px 0 0; } .gen2#untersuchungs_preis #gesamtpreis > div #unt_back { font-size: 14px; position: absolute; right: 15px; top: 10px; cursor: pointer; } .gen2#untersuchungs_preis #gesamtpreis > div #unt_back:hover { color: #ffdc00; } .gen2#untersuchungs_preis #gesamtpreis > div #unt_back i { margin-right: 5px; } .gen2#untersuchungs_preis #gesamtpreis > div #shadowwrap { position: relative; display: inline-block; width: 154px; height: 41px; text-align: center; background: transparent url("../img/landingpage/bg_preis.jpg") no-repeat center center; background-size: contain; } .gen2#untersuchungs_preis #gesamtpreis > div #shadowwrap:after { transform: rotate(8deg); right: 10px; left: auto; } .gen2#untersuchungs_preis #gesamtpreis > div #shadowwrap > div { display: inline-block; position: relative; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } .gen2#untersuchungs_preis #gesamtpreis > div #shadowwrap > div #preissumme, .gen2#untersuchungs_preis #gesamtpreis > div #shadowwrap > div #preiswaehrung { font-family: 'dearjoe6'; font-size: 30px; } .gen2#untersuchungs_preis #gesamtpreis > div #shadowwrap > div #preiswaehrung { margin-left: 5px; } .gen2#referenz-wrap { background: #ffdc00; position: relative; z-index: 10; padding-top: 40px; } .gen2#referenz-wrap .lp_headline_ref .container { padding: 0 15px; } .gen2#referenz-wrap .container #logos { position: relative; top: 0; left: 0; float: none; clear: both; overflow: hidden; } .gen2#referenz-wrap .container #logos .referenzen-logo > img { width: 100%; border-radius: 5px; cursor: default; } .gen2#referenz-wrap .container .referenzen-detail > div { position: relative; top: 0; left: 0; min-height: 365px; box-sizing: border-box; padding: 40px 20px; background: white; border-radius: 5px; -webkit-transform: scale(0.75); transform: scale(0.75); -webkit-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); -ms-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .gen2#referenz-wrap .container .referenzen-detail > div.standby:hover { -webkit-transform: scale(1); transform: scale(1); } .gen2#referenz-wrap .container .referenzen-detail > div.active { -webkit-transform: scale(1) !important; transform: scale(1) !important; } .gen2#referenz-wrap .container .referenzen-detail > div > img { max-width: 260px; } .gen2#referenz-wrap .container .referenzen-detail > div > p { font-size: 13pt; line-height: 18pt; margin: 30px 0 20px 0; font-style: italic; } .gen2#referenz-wrap .container .referenzen-detail > div > span { display: block; font-size: 11pt; line-height: 14pt; font-weight: 600; color: #808080; } .gen2#referenz-wrap .container .referenzen-detail > div #arr-u { position: absolute; bottom: -50px; left: 80px; right: 80px; width: 40px; } .gen2#referenz-wrap .container .referenzen-detail > div#element05 { margin-bottom: 100px; } @media (max-width: 768px) { .gen2#referenz-wrap .container .referenzen-detail > div#element05 { margin: 0 0 60px 0 !important; } } .gen2#referenz-wrap .container .referenzen-detail > div.left { margin-bottom: 50px; } @media (max-width: 768px) { .gen2#referenz-wrap .container .referenzen-detail > div.left { margin: 0 !important; } } .gen2#referenz-wrap .container .referenzen-detail > div.right { margin-top: 50px; margin-bottom: 0px; } @media (max-width: 992px) { .gen2#referenz-wrap .container .referenzen-detail > div.right { margin: 0 !important; } } .gen2#benefits #more-benefits { color: white; border-color: white; position: relative; left: 50%; top: 0; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); } .gen2#benefits .show-none { display: none; } .gen2#benefits .slider_tile { background: white; border-radius: 5px; padding: 20px; } .gen2#benefits .slider_tile h4 { font-size: 14pt; margin-bottom: 10px; display: block; line-height: 18pt; color: #ffdc00; } .gen2#termin { background: #ffdc00; color: #404040; } .gen2#termin h2 { color: #404040; margin-top: 0; } .gen2#termin label { display: block; font-weight: 600; margin-bottom: 8px; } .gen2#termin p { margin-bottom: 0; } .gen2#termin #untersuchungs_wahl { margin-left: 10px; } .gen2#termin .input-wrap { margin-bottom: 25px; } .gen2#termin #termin_daten:after, .gen2#termin #personal_info:after { clear: both; content: " "; display: table; } .gen2#termin #termin_daten input, .gen2#termin #personal_info input { width: calc(100% - 40px); padding: 0 10px; border-radius: 5px; border: 0; height: 40px; font-size: 12pt; } .gen2#termin #termin_daten { padding: 0 20px 0 15px; } @media (max-width: 1200px) { .gen2#termin #termin_daten { padding: 0 15px; } } .gen2#termin #termin_daten #termin_datepicker_wrap { padding: 0; margin: 0; } .gen2#termin #termin_daten #termin_datepicker_wrap + div { padding: 0; } @media (max-width: 1200px) { .gen2#termin #termin_daten #termin_datepicker_wrap + div { padding: 0 5px; } } .gen2#termin #termin_daten #termin_datepicker_wrap .input-wrap:after { clear: both; content: " "; display: table; } .gen2#termin #termin_daten #termin_datepicker_wrap .input-wrap .datepicker { width: calc(100% - 35px); } @media (max-width: 768px) { .gen2#termin #termin_daten #termin_datepicker_wrap .input-wrap .datepicker { width: calc(100% - 25px); } } .gen2#termin #termin_daten .sq-custom-select-wrap { background: white; border-radius: 10px; width: calc(100% - 15px); } @media (max-width: 1200px) { .gen2#termin #termin_daten .sq-custom-select-wrap { width: 100%; } } .gen2#termin #termin_daten .sq-custom-select-wrap .sq-custom-select:before { border-color: #404040; } .gen2#termin #personal_info { padding: 0 0 0 15px; } .gen2#termin #personal_info .input-wrap { width: 33%; float: left; } @media (max-width: 1200px) { .gen2#termin #personal_info .input-wrap { width: 50%; } } @media (max-width: 544px) { .gen2#termin #personal_info .input-wrap { width: 100%; } } .gen2#praxen_standorte .standortliste ul li a { display: block; width: 100%; font-weight: 400; font-size: 22px; text-align: center; cursor: pointer; padding: 10px 40px; border-radius: 10px; -moz-border-radius: 10px; border: 2px solid #ffdc00; background: #ffdc00; box-sizing: border-box; margin: 0 0 20px; line-height: 28px; color: white; } .gen2#praxen_standorte .standortliste ul li a:hover { background: transparent; color: #ffdc00; } .gen2 .cta-btn { padding: 18px 30px; font-size: 14pt; color: #404040; border: 2px solid #404040; border-radius: 5px; background: transparent; transition: all 0.3s; -webkit-transition: all 0.3s; } .gen2 .cta-btn i { font-size: 16pt; } .gen2 .cta-btn:hover { color: white; border-color: white; } .gen2 .link_referenzen { position: relative; display: block; padding: 10px; color: #4d4d4d; box-sizing: border-box; border: 2px solid #4d4d4d; border-radius: 5px; font-size: 17px; text-align: center; float: none; margin-bottom: 50px; margin-left: auto; margin-right: auto; width: 200px; transition: all 0.3s; -webkit-transition: all 0.3s; } .gen2 .link_referenzen:hover { color: white; border-color: white; } .gen2 .container_action_button { color: #ffdc00; font-size: 22px; padding: 20px 40px; transition: all 0.3s; -webkit-transition: all 0.3s; } .gen2 .container_action_button i { margin-right: 5px; } .gen2 .container_action_button:hover { color: white; border-color: white; } .gen2 .container_action_button.dark_hover:hover { color: #404040; border-color: #404040; } .gen2 .container_action_button.white_hover:hover { color: white; border-color: white; } .hint { background: white; position: relative; z-index: 9999; } .hint .container { padding-top: 10px; } .hint .container p { font-size: 14px; font-weight: 300; line-height: 22px; } .visually-hidden, .visually-hidden-focusable:not(:focus) { position: absolute!important; width: 1px!important; height: 1px!important; padding: 0!important; margin: -1px !important; overflow: hidden!important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap!important; border: 0 !important; } .carousel { position: relative; } .carousel.pointer-event { touch-action: pan-y; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner::after { display: block; clear: both; content: ""; } .carousel-item { box-sizing: border-box; position: relative; display: none; float: left; width: 100%; margin-right: -100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: transform 0.6s ease-in-out; } @media (prefers-reduced-motion: reduce) { .carousel-item { transition: none; } } .carousel-item-next, .carousel-item-prev, .carousel-item.active { display: block; } .active.carousel-item-end, .carousel-item-next:not(.carousel-item-start) { transform: translateX(100%); } .active.carousel-item-start, .carousel-item-prev:not(.carousel-item-end) { transform: translateX(-100%); } .carousel-fade .carousel-item { opacity: 0; transition-property: opacity; transform: none; } .carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end, .carousel-fade .carousel-item.active { z-index: 1; opacity: 1; } .carousel-fade .active.carousel-item-end, .carousel-fade .active.carousel-item-start { z-index: 0; opacity: 0; transition: opacity 0s 0.6s; } @media (prefers-reduced-motion: reduce) { .carousel-fade .active.carousel-item-end, .carousel-fade .active.carousel-item-start { transition: none; } } .carousel-control-next, .carousel-control-prev { position: absolute; top: 0; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 15%; color: #fff; text-align: center; opacity: 0.5; transition: opacity 0.15s ease; } @media (prefers-reduced-motion: reduce) { .carousel-control-next, .carousel-control-prev { transition: none; } } .carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover { color: #fff; text-decoration: none; outline: 0; opacity: 0.9; } .carousel-control-prev { left: 0; } .carousel-control-next { right: 0; } .carousel-control-next-icon, .carousel-control-prev-icon { display: inline-block; width: 2rem; height: 2rem; background-repeat: no-repeat; background-position: 50%; background-size: 100% 100%; } .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); } .carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; display: flex; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none; } .carousel-indicators li { box-sizing: content-box; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #fff; background-clip: padding-box; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: 0.5; transition: opacity 0.6s ease; } @media (prefers-reduced-motion: reduce) { .carousel-indicators li { transition: none; } } .carousel-indicators .active { opacity: 1; } .carousel-caption { position: absolute; right: 15%; bottom: 1.25rem; left: 15%; padding-top: 1.25rem; padding-bottom: 1.25rem; color: #fff; text-align: center; } .carousel-dark .carousel-control-next-icon, .carousel-dark .carousel-control-prev-icon { filter: invert(1) grayscale(100); } .carousel-dark .carousel-indicators li { background-color: #000; } .carousel-dark .carousel-caption { color: #000; } .carousel * { box-sizing: border-box; } @media (max-width: 1000px) { .webGlMapContainer { height: 70vh; } .webGlMapContainer .skipMap { position: absolute; display: block; top: 20px; right: 10px; z-index: 10; padding: 5px 10px; color: white; border: 1px solid #ffdc00; background-color: #ffdc00; border-radius: 6px; font-size: 1rem; } .webGlInfoContainer { position: fixed; width: 100%; height: 100%; top: 0; right: 0; z-index: 100; background: white; visibility: hidden; overflow-y: scroll; } .webGlInfoContainer::-webkit-scrollbar { width: 6px; height: 6px; opacity: 0.8; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; } .webGlInfoContainer::-webkit-scrollbar:hover { opacity: 1; } .webGlInfoContainer::-webkit-scrollbar-track { background-color: rgba(113, 112, 107, 0.1); -webkit-border-radius: 5px; } .webGlInfoContainer::-webkit-scrollbar-thumb:vertical { background-color: rgba(0, 0, 0, 0.2); -webkit-border-radius: 6px; } .webGlInfoContainer::-webkit-scrollbar-thumb:vertical:hover, .webGlInfoContainer::-webkit-scrollbar-thumb:horizontal:hover { background-color: #71706b; } .webGlInfoContainer::-webkit-scrollbar-thumb:horizontal { background-color: rgba(0, 0, 0, 0.2); -webkit-border-radius: 6px; } .webGlInfoContainer .closeOverlay { font-size: 22px; position: fixed; right: 5%; top: 35px; z-index: 10; color: #4d4d4d; cursor: pointer; display: block; } .webGlInfoContainer #locationInfoContainer { display: flex; width: 70%; margin: auto; justify-content: center; background: rgba(255, 255, 255); } .webGlInfoContainer #locationInfoContainer .control { display: flex; align-items: flex-start; padding-top: 194px; color: #ffdc00; font-size: 4em; } .webGlInfoContainer #locationInfoContainer .control i { cursor: pointer; } .webGlInfoContainer #locationInfoContainer .carousel-control-next, .webGlInfoContainer #locationInfoContainer .carousel-control-prev { top: 190px; bottom: auto; width: auto; padding: 15px 0; background-color: transparent; } .webGlInfoContainer #locationInfoContainer .carousel-control-prev .carousel-control-prev-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFDC00' viewBox='0 0 320 512'%3E%3Cpath d='M224 480c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25l192-192c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25L77.25 256l169.4 169.4c12.5 12.5 12.5 32.75 0 45.25C240.4 476.9 232.2 480 224 480z'/%3E%3C/svg%3E"); } .webGlInfoContainer #locationInfoContainer .carousel-control-next .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512' fill='%23FFDC00'%3e%3cpath d='M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z'/%3e%3c/svg%3e"); } .webGlInfoContainer #locationInfoContainer .carousel-inner .carousel-item { padding: 30px 52px; } .webGlInfoContainer #locationInfoContainer .carousel-inner .carousel-item #locationInfo .headline_black strong { font-size: 28px; } .webGlInfoContainer #locationInfoContainer .carousel-inner .carousel-item #locationInfo .locationImgContainer { position: relative; overflow: hidden; width: 100%; } .webGlInfoContainer #locationInfoContainer .carousel-inner .carousel-item #locationInfo .locationImgContainer .locationImg { width: 100%; } .webGlInfoContainer #locationInfoContainer .carousel-inner .carousel-item #locationInfo .locationMetadata { padding-top: 2.2em; line-height: 21pt; font-size: 13pt; color: #4d4d4d; } .webGlInfoContainer #locationInfoContainer .carousel-inner .carousel-item #locationInfo .locationMetadata .locationCity { color: #ffdc00; font-size: 24px; margin-bottom: 10px; font-weight: 600; } .webGlInfoContainer #locationInfoContainer .carousel-inner .carousel-item #locationInfo .locationMetadata h4 { font-size: 18px; line-height: 18pt; font-weight: 600; margin-bottom: 10px; } .webGlInfoContainer #locationInfoContainer .carousel-inner .carousel-item #locationInfo .locationMetadata h4 a { display: inline-block; color: #4d4d4d; } .webGlInfoContainer #locationInfoContainer .carousel-inner .carousel-item #locationInfo .locationMetadata h4 a:hover { color: #ffdc00; } .webGlInfoContainer #locationInfoContainer .carousel-inner .carousel-item #locationInfo .locationMetadata span, .webGlInfoContainer #locationInfoContainer .carousel-inner .carousel-item #locationInfo .locationMetadata .locationEmail { display: block; font-size: 16px; line-height: 24px; } .webGlInfoContainer #locationInfoContainer .carousel-inner .carousel-item #locationInfo .locationMetadata .locationEmail { font-weight: 600; color: #4d4d4d; } .webGlInfoContainer #locationInfoContainer .carousel-inner .carousel-item #locationInfo .locationMetadata .locationEmail:hover { color: #ffdc00; } .webGlInfoContainer #locationInfoContainer .carousel-inner .carousel-item #locationInfo .locationMetadata .locationRoute { font-size: 16px; padding-left: 40px; padding-top: 2px; margin-top: 20px; color: #4d4d4d; position: relative; } .webGlInfoContainer #locationInfoContainer .carousel-inner .carousel-item #locationInfo .locationMetadata .locationRoute:after { content: ""; width: 29px; height: 30px; position: absolute; display: block; left: 0; top: 0; border: 2px solid #4d4d4d; border-radius: 6px; color: #4d4d4d; } .webGlInfoContainer #locationInfoContainer .carousel-inner .carousel-item #locationInfo .locationMetadata .locationRoute:before { content: "\f041"; font-family: FontAwesome; font-size: 24px; position: absolute; left: 8px; top: 1px; } .webGlInfoContainer #locationInfoContainer .carousel-inner .carousel-item #locationInfo .locationMetadata .locationRoute:hover:after { border: 2px solid #ffdc00; } .webGlInfoContainer #locationInfoContainer .carousel-inner .carousel-item #locationInfo .locationMetadata .locationRoute:hover { color: #ffdc00; } .webGlInfoContainer #locationInfoContainer .carousel-inner .carousel-item #locationInfo .locationMetadata .locationCta { display: flex; margin-top: 3em; flex-direction: column; } .webGlInfoContainer #locationInfoContainer .carousel-inner .carousel-item #locationInfo .locationMetadata .locationCta div { margin: 0; padding: 11px 20px; line-height: normal; display: flex; justify-content: center; } .webGlInfoContainer #locationInfoContainer .carousel-inner .carousel-item #locationInfo .locationMetadata .locationCta div:first-of-type { margin: 0 0 15px 0; } .webGlInfoContainer #locationInfoContainer .carousel-inner .carousel-item #locationInfo .locationMetadata .locationCta div:first-of-type:hover { background: #ffdc00; } .webGlInfoContainer #locationInfoContainer .carousel-inner .carousel-item #locationInfo .locationMetadata .locationCta div:first-of-type:hover a { color: white !important; } .webGlInfoContainer #locationInfoContainer .carousel-inner .carousel-item #locationInfo .locationMetadata .locationCta div:last-of-type:hover a { color: #ffdc00; } .webGlInfoContainer #locationInfoContainer .carousel-inner .carousel-item #locationInfo .locationMetadata .locationCta div:last-of-type a { color: white; } .webGlInfoContainer #locationInfoContainer .carousel-inner .carousel-item #locationInfo .locationMetadata .locationCta div a { font-size: 14pt; line-height: normal; display: flex; align-self: center; color: #ffdc00; transition: all 0.6s; -webkit-transition: all 0.6s; } .webGlInfoContainer .handwriting_follows .dark { color: #4d4d4d; font-size: 22px; font-family: dearjoe6; display: block; margin-top: 6px; font-weight: 400; } } @media (max-width: 544px) { .webGlMapContainer { height: 75vh; } .webGlInfoContainer #locationInfoContainer { width: 100%; } .webGlInfoContainer #locationInfoContainer .carousel-inner .carousel-item { padding: 50px 35px; } .webGlInfoContainer #locationInfoContainer .carousel-inner .carousel-item #locationInfo .locationMetadata .locationCta { flex-direction: column; } .webGlInfoContainer #locationInfoContainer .carousel-inner .carousel-item #locationInfo .locationMetadata .locationCta div { justify-content: center; } .webGlInfoContainer #locationInfoContainer .carousel-inner .carousel-item #locationInfo .locationMetadata .locationCta div:first-of-type { margin: 0 0 15px 0; } .webGlInfoContainer #locationInfoContainer .carousel-control-prev, .webGlInfoContainer #locationInfoContainer .carousel-control-next { top: 235px; } .webGlInfoContainer #locationInfoContainer .carousel-control-prev { left: 10px; } .webGlInfoContainer #locationInfoContainer .carousel-control-next { right: 10px; } .webGlInfoContainer #locationInfoContainer .carousel-control-next-icon, .webGlInfoContainer #locationInfoContainer .carousel-control-prev-icon { width: 1rem; } } .datenschutz-hinweis { position: fixed; display: none; bottom: 0; left: 0; z-index: 99; background: #ffdc00; color: #404040; width: 100%; padding: 15px 25px; box-sizing: border-box; text-align: left; font-size: 12px; line-height: 18px; } .datenschutz-hinweis:after { clear: both; content: " "; display: table; } .datenschutz-hinweis > div { position: relative; display: block; float: left; } .datenschutz-hinweis > div:first-of-type { width: calc(100% - 130px); padding-right: 15px; } @media (max-width: 544px) { .datenschutz-hinweis > div:first-of-type { width: 100%; margin-bottom: 10px; } } .datenschutz-hinweis > div:last-of-type { width: 110px; text-align: right; } @media (max-width: 544px) { .datenschutz-hinweis > div:last-of-type { width: 100%; text-align: center; } } .datenschutz-hinweis > div p { display: inline; } .datenschutz-hinweis > div > span { display: inline; } .datenschutz-hinweis > div > span.deactivated { display: none; } .datenschutz-hinweis > div a { color: #404040; cursor: pointer; text-decoration: underline; } .datenschutz-hinweis .btn { padding: 10px 15px; background: #ffdc00; border-radius: 5px; border: 1px solid #404040; color: #404040; display: inline-block; margin: 0; font-size: 14px; text-decoration: none; } .deactivated { display: none; } .traueranzeige-modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 999; } .traueranzeige-modal .modal-bg { position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); } .traueranzeige-modal .modal-container { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; padding: 50px; max-width: 500px; font-size: 16px; line-height: 1.4; outline: 3px solid; outline-offset: -15px; } .traueranzeige-modal .modal-container i { position: absolute; top: 25px; right: 25px; line-height: 0.7; color: #000; cursor: pointer; transition: all 0.2s ease-in-out; } .traueranzeige-modal .modal-container i:hover { opacity: 0.5; } .traueranzeige-modal .modal-container .traueranzeige-name { display: block; font-size: 34px; font-weight: 600; text-align: center; margin-top: 20px; } .traueranzeige-modal .modal-container .traueranzeige-daten { display: flex; justify-content: center; gap: 20px; margin-bottom: 20px; } .traueranzeige-modal .modal-container p { margin-bottom: 10px; } .traueranzeige-modal .modal-container p:first-of-type, .traueranzeige-modal .modal-container p:last-of-type { margin-bottom: 0; }