body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both} @media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%} header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px} .content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666} /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(../../files/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} /* General */ .no-scrolling {width: 100vw; height: 100vh; overflow: hidden;} .secnav-center {max-width: 190px;} #trigger-overlay:focus {outline: none;} *:focus {outline: none;} strong span, strong a {font-weight: bold;} /* Landingpgae Header */ .ce_landingpageheader {width: 100%; position: relative; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover;} .innerContent {padding: 100px calc((100vw - 600px) / 2); width: 100%; box-sizing: border-box;} .lph-headline {width: 100%; text-align: center; background: #bd0b20; padding: 15px; box-sizing: border-box;} .lph-headline h1 {color: #fff; text-transform: uppercase; text-align: center; width: 100%; margin: 0; padding: 0; font-size: 28px; line-height: 40px;} .lph-text {background: #fff; color: #000; padding: 15px; width: 100%; box-sizing: border-box; text-align: center;} .lph-button {margin-top: 40px; text-align: center; width: 100%;} .lph-button a {background: #bd0b20; color: #fff; display: inline-block; padding: 10px 20px; transition: all .3s;font-weight: bold;} .lph-button a:hover {background: #fff; color: #bd0b20;} .lph-stoerer {position: absolute; top: 50px; left: 100px;} .lph-stoerer a {color: #bd0b20; text-decoration: none; background: #fff; width: 180px; height: 180px; border-radius: 50%; box-sizing: border-box; display: block; padding: 32px 10px; font-style: italic; font-family: 'Noto Serif', serif; font-weight: 400; text-align: center; font-size: 22px; line-height: 27px; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.35); transition: all .3s; transform: rotate(-15deg);} .lph-stoerer a:hover {transform: scale(1.1) rotate(0deg); background: #bd0b20; color: #fff;} /* Landingpgae Subheader */ .ce_landingpagesubheader {width: 100%; background: #bd0b20;} .innerSubContent {width: 100%; padding: 15px; box-sizing: border-box; text-align: center;} .lpsh-link {display: inline-block; margin: 0 40px; color: #fff;} .lpsh-link:hover {color: #fff; text-decoration: underline;} /* Landingpgae Intro */ .ce_landingpageintro {width: 100%; padding: 50px calc((100vw - 1120px) / 2); box-sizing: border-box;} .lpintro-inner::after {content: ''; display: block; clear: both;} .lpintro-left {float: left; width: 60%; padding-right: 20px; box-sizing: border-box;} .lpintro-right {float: left; width: 40%; padding-left: 20px; box-sizing: border-box;} .lpintro-headline {color: #bd0b20; text-transform: uppercase;} .lpintro-text p {margin-bottom: 15px;} .lpintro-text p:last-child {margin-bottom: 0;} .lpintro-text {margin-bottom: 20px;} .lpintro-button {background: #bd0b20; color: #fff; display: inline-block; padding: 10px 20px; transition: all .3s;} .lpintro-button:hover {background: #eee; color: #bd0b20;} .lpintro-factbox {margin-top: 54px; background: #bd0b20; width: 100%;} .lpintro-factbox-inner {padding: 30px; width: 100%; box-sizing: border-box;} .lpintro-factbox-headline {color: #fff; margin-top: 0; margin-bottom: 20px; font-size: 20px; line-height: 20px;} .lpintro-factbox-text ul {padding-left: 20px; width: 100%; box-sizing: border-box;} .lpintro-factbox-text li {color: #fff; padding: 0; margin-left: 0; line-height: 1.2;} .lpintro-factbox-text a {color: #fff; text-decoration: underline;} .lpintro-factbox-text p {color: #fff;} .lpintro-factbox-text a.lpintro-button {background: #eee;color: #bd0b20;margin-top: 5px;} .lpintro-factbox-text a.lpintro-button:hover {background: #55555f;color: #eee;} /* Landingpgae Impressionen */ .ce_landingpageimpressions {width: 100%; overflow: hidden;} .impressions-inner::after {content: ''; display: block; clear: both;} .impressions-inner {margin-right: -5px;} .impressions-item {float: left; width: 16.66666666666666%; position: relative; padding-right: 5px; box-sizing: border-box; overflow: hidden;} .impressions-item img {width: 100%; height: auto; display: block;} .impressions-overlay {position: absolute; left: 0; top: 83%; width: calc(100% - 5px); height: 18%; background: rgba(189,11,32,0.9); color: #fff; text-align: center; /*opacity: 0;*/ transition: all .3s;} /* Desktop: .impressions-overlay {top: 48%; height: 52%;} */ .impressions-item:hover .impressions-overlay {/*opacity: 1;*/ top: 0; height: 100%;} .impressions-overlay-inner {position: absolute; top: 50%; left: 50%; width: 100%; padding: 20px; box-sizing: border-box; transform: translate(-50%, -50%);} span.imp-over-inner-show-on-hover {display: none;} .impressions-item:hover .impressions-overlay span.imp-over-inner-show-on-hover {display: inline;} /* Landingpgae Text-Element */ .ce_landingpagetext {width: 100%; padding: 50px calc((100vw - 1120px) / 2); box-sizing: border-box; background: #eee;} .lptext-inner::after {content: ''; display: block; clear: both;} .lptext-left {float: left; width: 60%; padding-right: 20px; box-sizing: border-box;} .lptext-right {float: left; width: 40%; padding-left: 20px; box-sizing: border-box;} .lptext-headline {color: #bd0b20; text-transform: uppercase;} .lptext-text p {margin-bottom: 15px;} .lptext-text p:last-child {margin-bottom: 0;} .lptext-factbox {margin-top: 54px; width: 100%;} .lptext-factbox-text ul {width: 100%; box-sizing: border-box;} .lptext-factbox-text li {color: #55555f; padding: 0; margin-left: 0; padding-left: 30px; position: relative; list-style-type: none !important; margin-top: 15px; margin-bottom: 15px; line-height: 22px;} .lptext-factbox-text li::before {content: ''; position: absolute; left: 0; top: 5px; width: 17px; height: 13px; background: url(/files/Bilder/helfrecht-check.png); background-size: 17px 13px; background-repeat: no-repeat;} .lptext-factbox-text li a {color: #55555f; text-decoration: underline;} /* Landingpgae Video */ .ce_landingpagevideo {width: 100%; padding: 50px calc((100vw - 700px) / 2); box-sizing: border-box;} .lpvideo-headline {color: #bd0b20; text-transform: uppercase; text-align: center; margin-bottom: 20px;} .lpvideo-video-container {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;} .lpvideo-video-container iframe {position: absolute; left: 0; top: 0; width: 100%; height: 100%;} .landingpage-html .lpvideo-video-container {height: auto; padding-top: 0; padding-bottom: 0;} .landingpage-html img {width: 100%; height: auto; display: block;} .termine-zusatzinfo p {margin-bottom: 20px;} /* Landingpage Termine und Preise */ .ce_landingpagetermine {width: 100%; padding: 50px calc((100vw - 1120px) / 2); box-sizing: border-box; background: #eee;} .termine-headline {color: #bd0b20; text-transform: uppercase;} .termine-termine {width: 100%; margin-left: -5px; margin-right: -5px;} .termine-termine::after {content: ''; clear: both; display: block;} .termin-single {float: left; width: 100%;} .termin-single-inner {padding: 20px; box-sizing: border-box; width: 100%; background: #fff;} .termin-single-datum {font-size: 30px; font-weight: 400; margin-bottom: 5px; color: #bd0b20;} .termin-single-datum-long {font-size: 14px; font-weight: 700;} .termin-single-ort {width: 100%; margin-top: 10px;} .termin-single-ort img {height: 18px; width: auto !important; display: inline-block !important; margin-right: 8px; vertical-align: -3px;} .termine-trenner {margin: 40px 0; display: block; width: 100%; height: 1px; background: #55555f;} .termine-preise {width: 100%; margin-left: -5px; margin-right: -5px; margin-bottom: 40px;} .termine-preise::after {content: ''; display: block; clear: both;} .preis-single {width: 33.3333333333%; float: left; padding: 0 5px; box-sizing: border-box;} .preis-single-headline {font-size: 20px; font-weight: 400; margin-bottom: 15px;} .preis-single-betrag {display: inline-block; background: #55555f; color: #fff; padding: 15px 20px; font-size: 28px;} .termine-preisinfo p {margin-bottom: 15px; font-size: 14px;} .termine-preisinfo p:last-child {margin-bottom: 0;} .preise-2020-title {float: left; width: 100%; font-size: 20px; font-weight: 400; margin-bottom: 15px; margin-top: 20px;} .termine-termine .owl-nav {width: 100%; margin-top: 10px;} .termine-termine .owl-nav::after {content: ''; display: block; clear: both;} .termine-termine .owl-nav .owl-prev {float: left; cursor: pointer;} .termine-termine .owl-nav .owl-next {float: right; cursor: pointer;} .termine-termine .owl-nav img {width: 30px; height: auto; display: block;} .termine-termine .owl-nav button:focus {outline: none;} .termine-termine .owl-nav button.disabled {pointer-events: none; opacity: .5;} /* Landingpage Kontakt */ .ce_landingpagekontakt {width: 100%; padding: 50px calc((100vw - 1120px) / 2); box-sizing: border-box;} .inner-kontakt::after {content: ''; clear: both; display: block;} .kontakt-headline {color: #bd0b20; text-transform: uppercase;} .kontakt-left {float: left; width: 50%; padding-right: 20px; box-sizing: border-box;} .kontakt-right {float: left; width: 50%; padding-left: 20px; box-sizing: border-box;} /* .kontakt-right-left {float: left; width: 50%; padding-right: 10px; box-sizing: border-box;margin-bottom: 2rem;} .kontakt-right-right {float: left; width: 50%; padding-left: 10px; box-sizing: border-box;margin-bottom: 2rem;} */ .kontakt-right-inner {float: left;padding-right: 10px; box-sizing: border-box;margin-bottom: 1rem;} .kontakt-right-down {clear:both;padding:2rem;background:#eee;} .kontakt-formular {width: 100%; margin-left: -5px; margin-right: -5px; overflow: hidden;} .kontakt-formular::after {content: ''; display: block; clear: both;} .kontakt-formular .formbody .widget {width: 100%; float: left; margin-bottom: 15px; padding: 0 5px; box-sizing: border-box;} .kontakt-formular .formbody .widget.formular-50 {width: 50%;} .kontakt-formular input {width: 100%; box-sizing: border-box; padding: 10px 15px; border-radius: 0; border: none; background: #eee; transition: all .3s; box-shadow: none;height: 42px;} .kontakt-formular input:focus, .kontakt-formular input:active {outline: none; box-shadow: none; background: #ddd;} .kontakt-formular .radio_container {margin: 0; padding: 0; border: none; width: 100%;} .kontakt-formular .radio_container span {float: left; width: 50%; margin: 0;} .kontakt-formular input[type="radio"] {appearance: none; -webkit-appearance: none; -moz-appearance: none; background: #eee; width: 42px; height: 42px; display: inline-block; margin-right: 10px; position: relative;} .kontakt-formular input[type="radio"]::after {content: '✕'; position: absolute; left: 9px; top: 0px; opacity: 0; transition: all .3s; font-size: 30px; color: #bd0b20;} .kontakt-formular input[type="radio"]:checked::after {opacity: 1;} .kontakt-formular input[type="radio"]:hover {background: #ddd;} .kontakt-formular textarea {width: 100%; box-sizing: border-box; padding: 10px 15px; border-radius: 0; border: none; background: #eee; transition: all .3s; box-shadow: none; resize: none;} .kontakt-formular textarea:focus, .kontakt-formular input:active {outline: none; box-shadow: none; background: #ddd;} .kontakt-formular select {appearance: none; -webkit-appearance: none; -moz-appearance: none; background: #eee; display: inline-block; margin-right: 10px; position: relative; padding: 10px 15px; width: 100%; border-radius: 0; border: none; margin-top: 3px; transition: all .3s;} .kontakt-formular select:focus {outline: none;} .kontakt-formular select:hover {cursor: pointer; background: #ddd;} .kontakt-formular .widget-select {position: relative;} .kontakt-formular .widget-select::after {content: ''; position: absolute; bottom: 11px; right: 20px; background: url(/files/Bilder/helfrecht-pfeil-nach-unten.png); width: 15px; height: 20px; background-size: 15px 20px; z-index: 2; pointer-events: none;} .kontakt-formular .widget-explanation {text-align: left; font-size: 14px; margin: 0;} .kontakt-formular .checkbox_container {margin: 0; padding: 0; border: none; height: auto;} .kontakt-formular .checkbox_container > span {width: 100%; margin-top: 10px; float: left;} .kontakt-formular input[type="checkbox"] {appearance: none; -webkit-appearance: none; -moz-appearance: none; background: #eee; width: 42px; height: 42px; display: inline-block; margin-right: 10px; position: relative; margin-top: 0} .kontakt-formular input[type="checkbox"]::after {content: '✕'; position: absolute; left: 9px; top: 0px; opacity: 0; transition: all .3s; font-size: 30px; color: #bd0b20;} .kontakt-formular input[type="checkbox"]:checked::after {opacity: 1;} .kontakt-formular input[type="checkbox"]:hover {background: #ddd;} .kontakt-formular .checkbox_container span label {font-size: 16px; padding: 0; float: none; text-align: left; line-height: 42px;} .kontakt-formular .formbody .submit_container {width: 100%; float: left; padding: 0 5px; box-sizing: border-box;} .kontakt-formular .formbody .submit_container input {background: #bd0b20; color: #fff; font-size: 16px; display: inline-block; width: auto; padding: 10px 15px; transition: all .3s;} .kontakt-formular .formbody .submit_container input:hover {background: #55555f;} .kontakt-formular .widget-captcha {margin-top: 0;} .kontakt-bild {margin-bottom: 10px; width: 33%; height: auto; float:left;} .kontakt-bild img {display: block; width: 100%; height: auto;} .kontakt-name {margin-bottom: 10px;} .kontakt-info {float: left;padding: 0 4%; width: 59%;} .kontakt-info p {margin-bottom: 12px;} .kontakt-info p:last-child {margin-bottom: 0;} /* Landingpage Referenzen */ #landingpage-referenzen, .landingpage-referenzen-outer {width: 100%; padding: 50px calc((100vw - 1120px) / 2); box-sizing: border-box;} #landingpage-referenzen::after, .landingpage-referenzen-outer::after {clear: both; display: block; content: '';} #landingpage-referenzen .ce_headline, .landingpage-referenzen-outer .ce_headline {color: #bd0b20; text-transform: uppercase;} .ce_landingpagereferenz {float: left; width: 50%; box-sizing: border-box; margin-bottom: 20px;} .ce_landingpagereferenz:nth-child(even) {padding-right: 20px;} .ce_landingpagereferenz:nth-child(odd) {padding-left: 20px;} .ce_landingpagereferenz:nth-child(odd)::after {clear: both; display: block; content: '';} .referenz-single img {width: 40px; height: auto; float: left; margin-right: 15px; margin-top: 4px;} .referenz-inner {float: left; width: calc(100% - 55px);} .referenz-text {margin-bottom: 10px;} .referenz-name {font-weight: 400;} /* Landingpage Anwender im Gespräch */ #landingpage-anwender-im-gespraech, .landingpage-anwender-outer {width: 100%; padding: 20px calc((100vw - 1120px) / 2); box-sizing: border-box; margin-left: -10px; margin-right: -10px;} #landingpage-anwender-im-gespraech::after, .landingpage-anwender-outer::after {clear: both; display: block; content: '';} #landingpage-anwender-im-gespraech .ce_headline, .landingpage-anwender-outer .ce_headline {color: #bd0b20; text-transform: uppercase; width: 100%; box-sizing: border-box; padding: 0 10px;} .ce_landingpageanwender {float: left; width: 33.333333333%; box-sizing: border-box; padding: 0 10px;} .anwender-image {float: left; width: 100px; height: auto;} .anwender-image img {display: block;} .anwender-info {float: left; width: calc(100% - 100px); padding: 5px 10px; box-sizing: border-box; background: #eee; font-size: 14px; height: 100px;} .lpawbutton {float: left; width: 100%; padding: 10px 15px; box-sizing: border-box; background: #bd0b20; color: #fff; transition: all .3s;} .lpawbutton:hover {background: #55555f; color: #fff;} .anwender-name {font-weight: 400;} /* Landingpage Informations-Formular */ #landingpage-informations-formular, .landingpage-informations-formular-outer {position: fixed; width: 100vw; height: 100vh; background: rgba(189,11,32,0.9); z-index: 99999; top: 0; left: 0; display: none;} #landingpage-informations-formular > .block, .landingpage-informations-formular-outer > .block {position: absolute; left: 50%; top: 50%; width: 100%; padding: 20px; box-sizing: border-box; max-width: 600px; transform: translate(-50%, -50%); height: auto; max-height: 95%; overflow-y: scroll;} #landingpage-informations-formular h2, .landingpage-informations-formular-outer h2 {color: #fff; text-transform: uppercase; text-align: center;} #landingpage-informations-formular .formbody .widget, .landingpage-informations-formular-outer .formbody .widget {width: 100%; float: left; margin-bottom: 15px; padding: 0 5px; box-sizing: border-box;} #landingpage-informations-formular .formbody .widget.formular-50, .landingpage-informations-formular-outer .formbody .widget.formular-50 {width: 50%;} #landingpage-informations-formular input, .landingpage-informations-formular-outer input {width: 100%; box-sizing: border-box; padding: 10px 15px; border-radius: 0; border: none; background: #eee; transition: all .3s; box-shadow: none;} #landingpage-informations-formular input:focus, .kontakt-formular input:active, .landingpage-informations-formular-outer input:focus {outline: none; box-shadow: none; background: #ddd;} #landingpage-informations-formular .radio_container, .landingpage-informations-formular-outer .radio_container {margin: 0; padding: 0; border: none; width: 100%;} #landingpage-informations-formular .radio_container span, .landingpage-informations-formular-outer .radio_container span {float: left; width: 50%; margin: 0;} #landingpage-informations-formular input[type="radio"], .landingpage-informations-formular-outer input[type="radio"] {appearance: none; -webkit-appearance: none; -moz-appearance: none; background: #eee; width: 42px; height: 42px; display: inline-block; margin-right: 10px; position: relative;} #landingpage-informations-formular input[type="radio"]::after, .landingpage-informations-formular-outer input[type="radio"]::after {content: '✕'; position: absolute; left: 9px; top: 0px; opacity: 0; transition: all .3s; font-size: 30px; color: #bd0b20;} #landingpage-informations-formular input[type="radio"]:checked::after, .landingpage-informations-formular-outer input[type="radio"]:checked::after {opacity: 1;} #landingpage-informations-formular input[type="radio"]:hover, .landingpage-informations-formular-outer input[type="radio"]:hover {background: #ddd;} #landingpage-informations-formular textarea, .landingpage-informations-formular-outer textarea {width: 100%; box-sizing: border-box; padding: 10px 15px; border-radius: 0; border: none; background: #eee; transition: all .3s; box-shadow: none; resize: none;} #landingpage-informations-formular textarea:focus, .kontakt-formular input:active, .landingpage-informations-formular-outer textarea:focus {outline: none; box-shadow: none; background: #ddd;} #landingpage-informations-formular .widget-explanation, .landingpage-informations-formular-outer .widget-explanation {text-align: left; font-size: 14px; margin: 0; color: #fff;} #landingpage-informations-formular .checkbox_container, .landingpage-informations-formular-outer .checkbox_container {margin: 0; padding: 0; border: none; height: auto;} #landingpage-informations-formular .checkbox_container > span, .landingpage-informations-formular-outer .checkbox_container > span {width: 100%; margin-top: 10px; float: left;} #landingpage-informations-formular input[type="checkbox"], .landingpage-informations-formular-outer input[type="checkbox"] {appearance: none; -webkit-appearance: none; -moz-appearance: none; background: #eee; width: 42px; height: 42px; display: inline-block; margin-right: 10px; position: relative; margin-top: 0} #landingpage-informations-formular input[type="checkbox"]::after, .landingpage-informations-formular-outer input[type="checkbox"]::after {content: '✕'; position: absolute; left: 9px; top: 0px; opacity: 0; transition: all .3s; font-size: 30px; color: #bd0b20;} #landingpage-informations-formular input[type="checkbox"]:checked::after, .landingpage-informations-formular-outer input[type="checkbox"]:checked::after {opacity: 1;} #landingpage-informations-formular input[type="checkbox"]:hover, .landingpage-informations-formular-outer input[type="checkbox"]:hover {background: #ddd;} #landingpage-informations-formular .checkbox_container span label, .landingpage-informations-formular-outer .checkbox_container span label {font-size: 16px; padding: 0; float: none; text-align: left; line-height: 42px;} #landingpage-informations-formular .formbody .submit_container, .landingpage-informations-formular-outer .formbody .submit_container {width: 100%; float: left; padding: 0 5px; box-sizing: border-box;} #landingpage-informations-formular .formbody .submit_container input, .landingpage-informations-formular-outer .formbody .submit_container input {background: #fff; color: #bd0b20; font-size: 16px; display: inline-block; width: auto; padding: 10px 15px; transition: all .3s;} #landingpage-informations-formular .formbody .submit_container input:hover, .landingpage-informations-formular-outer .formbody .submit_container input:hover {background: #eee;} #landingpage-informations-formular label, #landingpage-informations-formular legend, .landingpage-informations-formular-outer label, .landingpage-informations-formular-outer legend {color: #fff;} #landingpage-informations-formular label a, #landingpage-informations-formular legend a, #landingpage-informations-formular .widget-explanation a, .landingpage-informations-formular-outer label a, .landingpage-informations-formular-outer legend a, .landingpage-informations-formular-outer .widget-explanation a {color: #fff; text-decoration: underline;} .landingpage-informations-formular-close {color: #fff; font-size: 30px; position: absolute; right: 50px; top: 50px; cursor: pointer; transition: all .3s;} .landingpage-informations-formular-close:hover {transform: scale(1.1);} /* Landingpage Trainer */ .ce_landingpagetrainer {width: 100%; padding: 50px calc((100vw - 1120px) / 2); box-sizing: border-box; background: #eee;} .inner-trainer::after {content: ''; clear: both; display: block;} .inner-trainer {margin-left: -10px; margin-right: -10px;} .trainer-headline {color: #bd0b20; text-transform: uppercase; padding: 0 10px; width: 100%; box-sizing: border-box;} .trainer-single {float: left; width: 33.333333333333%; padding: 0 10px; box-sizing: border-box;} .trainer-single-bild {margin-bottom: 10px;} .trainer-single-bild img {display: block;} .trainer-single-name {margin-bottom: 10px;} .trainer-single-info p {margin-bottom: 12px;} .trainer-single-info p:last-child {margin-bottom: 0;} /* Landingpage Unternehmerausbildung */ .landingpage-ausbildung h2 {color: #bd0b20; text-transform: uppercase ;} .landingpage-ausbildung .lptext-left ul {padding-left: 20px; margin-bottom: 30px;} .landingpage-ausbildung .lptext-left ul::last-child {margin-bottom: 0;} .landingpage-ausbildung .lptext-left li {margin-left: 0; padding-left: 0; line-height: 1.2;} .landingpage-ausbildung .lptext-factbox-text img {margin-bottom: 20px;} .landingpage-ausbildung a[href*="#information"] {background: #bd0b20; color: #fff; display: inline-block; padding: 10px 20px; transition: all .3s; margin-top: 20px;} .landingpage-ausbildung a[href*="#information"]:hover {background: #fff; color: #bd0b20;} .landingpage-ausbildung .lptext-factbox-text ul {padding: 20px; box-sizing: border-box; background: #fff; width: 100%; margin-bottom: 30px;} .landingpage-ausbildung .lptext-factbox-text ul li:first-child {margin-top: 0;} .landingpage-ausbildung .lptext-factbox-text ul li:last-child {margin-bottom: 0;} .landingpage-html {text-align: center;} .landingpage-html a {background: #bd0b20; color: #fff; display: inline-block; padding: 10px 20px; transition: all .3s; margin-top: 20px;} .landingpage-html a:hover {background: #eee; color: #bd0b20;} /* Landingpage Führungskräfteausbildung */ #landingpage-header-fa .ce_landingpageheader {background-image: none !important; background: #b2b2b2;} #landingpage-header-fa .lph-text {display: none;} #landingpage-header-fa .lph-headline span {font-weight: 400; font-size: 60px; line-height: 60px;} #landingpage-header-fa .lph-button a {background: #fff; color: #b2b2b2;} #landingpage-header-fa {position: relative;} #landingpage-telefontermin-stoerer-fa .lpvideo-headline {text-align: left; color: #fff;padding: 0 20px;} #landingpage-telefontermin-stoerer-fa {text-align: left;} #landingpage-telefontermin-stoerer-fa .ce_landingpagevideo {padding: 50px calc((100vw - 1120px) / 2); background: #55555f; position: relative;} #landingpage-telefontermin-stoerer-fa a {background: #fff; color: #55555f; transition: all .3s;margin: 20px;} #landingpage-telefontermin-stoerer-fa a:hover {background: #8b8b8b; color: #fff;} #landingpage-telefontermin-stoerer-fa p {color: #fff; margin-bottom: 10px;} #landingpage-header-fa.landingpage-ausbildung .lph-headline {background: #b2b2b2;} .landingpage-ausbildung .silver-header {margin-bottom: 20px;} .landingpage-ausbildung .silver-header:first-child {margin-top: 30px;} .landingpage-ausbildung .silver-header h2 {margin-bottom: 5px; font-weight: 500;} .landingpage-ausbildung .silver-header p {font-weight: 500;} .landingpage-ausbildung #gheader_selbstfuehrung h2, .landingpage-ausbildung #gheader_selbstfuehrung p {color: #E3560B;} .landingpage-ausbildung #gheader_mitarbeiterfuehrung h2, .landingpage-ausbildung #gheader_mitarbeiterfuehrung p {color: #BA3075;} .landingpage-ausbildung #gheader_gespraechsfuehrung h2, .landingpage-ausbildung #gheader_gespraechsfuehrung p {color: #802759;} .landingpage-ausbildung .silver-header + ul {padding-left: 0;} .landingpage-ausbildung .silver-header + ul li {padding-left: 20px; position: relative; list-style-type: none !important;} .landingpage-ausbildung .silver-header + ul li::before {content: '■'; position: absolute; left: 0; top: 0;} .landingpage-ausbildung #gheader_selbstfuehrung + ul li::before {color: #E3560B;} .landingpage-ausbildung #gheader_mitarbeiterfuehrung + ul li::before {color: #BA3075;} .landingpage-ausbildung #gheader_gespraechsfuehrung + ul li::before {color: #802759;} .landingpage-ausbildung.lpfausb .lptext-right .lptext-factbox-text h4, .landingpage-ausbildung.lpfausb .lptext-right .lptext-factbox-text h3 {color: #8c8c8c;} .lpfausb .lptext-factbox {margin-top: 30px;} #landingpage-telefontermin-stoerer-fa .goldstoerer-zertifikat {margin: 0;} .lpfausb .ce_landingpagetext {background: none;} #landingpage-termine-karte-2233 .lptext-right {display: none;} #landingpage-termine-karte-2233 .lptext-left {width: 100%; padding-right: 0;} .krap4-element {float: left; width: 25%; padding-left: 5px; padding-right: 5px; box-sizing: border-box;} .krap4-element h4 {margin-top: 5px; margin-bottom: 10px; color: #bd0b20; font-size: 15px !important;} /* 2020 */ #landingpage-telefontermin-stoerer .lpvideo-headline {text-align: left; color: #fff;padding: 0 20px;} .goldstoerer-inner {padding: 0 20px;} .goldstoerer-zertifikat {width: 200px; height: auto; margin: 3rem auto;} .goldstoerer-zertifikat img {width: 100%; height: auto; display: block;} .landingpage-ausbildung .lph-headline {background: #9F8946;} .landingpage-ausbildung .lph-headline h1 {font-weight: 400;} .landingpage-ausbildung .lph-stoerer a {padding: 45px 10px;background: #bd0b20; color: #fff;transition: all .3s;} .landingpage-ausbildung .lph-stoerer a:hover {background: #bd0b20;} .landingpage-ausbildung .lph-stoerer {position:fixed; z-index: 6;top: 126px;} .landingpage-ausbildung .lph-stoerer.animate {transition: all .3s;} .landingpage-ausbildung .lph-stoerer.scroll { top:30px;} .landingpage-ausbildung .lph-stoerer.scroll a {padding: 25px 10px;width: 140px;height: 140px;font-size: 18px;} .landingpage-ausbildung .golden-header {background: #9F8946;color: #fff;padding: 1rem;} .landingpage-ausbildung .golden-header:first-child {margin-top: 30px;} .landingpage-ausbildung .golden-header h2 {color: #fff;margin-bottom: 10px;font-weight: 500;} .landingpage-ausbildung .golden-header p {font-weight: 500;} .landingpage-ausbildung .lptext-right .lptext-factbox-text h4, .landingpage-ausbildung .lptext-right .lptext-factbox-text h3 {background: #fff;padding: 20px;color: #9f8946;margin: 0;} #landingpage-termine-karte .ce_landingpagetext {background: #fff;} .partner-mittelstand {width: 100%; padding: 50px calc((100vw - 1120px) / 2); box-sizing: border-box; background: #eee;} .partner-mittelstand h2 {color: #bd0b20; text-transform: uppercase;} #landingpage-telefontermin-stoerer {text-align: left;} #landingpage-telefontermin-stoerer .ce_landingpagevideo {padding: 50px calc((100vw - 1120px) / 2); background: #9F8946; position: relative;} #landingpage-telefontermin-stoerer a {background: #fff; color: #9F8946; transition: all .3s;margin: 20px;} #landingpage-telefontermin-stoerer a:hover {background: #e0ca7e; color: #fff;} #landingpage-telefontermin-stoerer p {color: #fff; margin-bottom: 10px;} #landingpage-termine-karte .preis-single {width: 100%;} #landingpage-termine-karte .lptext-left {width: 100%;} #landingpage-termine-karte .lptext-right {width: 100%;} #landingpage-header-ua .ce_landingpageheader {background-image: none !important; background: #9F8946;} #landingpage-header-ua .lph-text {display: none;} #landingpage-header-ua .lph-headline span {font-weight: 400; font-size: 70px; line-height: 60px;} #landingpage-header-ua .lph-button a {background: #fff; color: #9F8946;} #landingpage-header-ua {position: relative;} .ua-header-circle {position: absolute; top: calc(50% - 27px); right: 150px; transform: translateY(-50%); width: 370px; height: auto; border: 3px solid #fff; border-radius: 50%;} .ua-header-circle img {width: 100%; height: auto; display: block;} #telnr-header-ua {position: absolute; top: -48px; right: 30%; z-index: 99; color: #fff; font-size: 18px;} #telnr-header-ua a {color: #fff;} #telnr-header-ua img {width: 20px; height: auto; display: inline-block; margin-right: 2px; transform: translateY(4px);} .kontakt-right-ap {transform: translateY(-55px); margin-left: -5px; margin-right: -5px;} .kontakt-right-ap h2 {color: #bd0b20; text-transform: uppercase; padding-left: 5px; padding-right: 5px; box-sizing: border-box; width: 100%;} .krap-element {float: left; width: 33.333333%; padding-left: 5px; padding-right: 5px; box-sizing: border-box;} .krap-img {width: 100%; height: auto; display: block;} .krap-element h4 {margin-top: 5px; margin-bottom: 10px; color: #bd0b20; font-size: 18px !important;} .ap-telefonnummer {float: left; width: 100%; padding-left: 5px; box-sizing: border-box;} .ap-telefonnummer a img {width: 20px; height: auto; display: inline-block; margin-right: 2px; transform: translateY(4px);} .stoerer-ua {position: fixed; left: 0; bottom: 0; background: #bd0b20; width: 100%; padding: 30px 0; z-index: 99;} .stoerer-ua-inner {width: 100%; max-width: 1120px; margin: 0 auto;} .stoerer-ua-inner::after {content: ''; display: block; clear: both;} .stoerer-ua-left {float: left; width: 200px; padding-right: 30px; box-sizing: border-box;} .stoerer-ua-center {float: left; width: calc(80% - 200px); color: #fff;} .stoerer-ua-center h2 {margin-top: 0; margin-bottom: 10px; color: #fff; text-transform: uppercase; font-weight: bold;} .stoerer-ua-right {float: left; width: 20%; padding-left: 30px; box-sizing: border-box;} .stoerer-ua-right a {display: block; padding: 10px 20px; box-sizing: border-box; border: 3px solid #fff; color: #fff; text-decoration: none; text-transform: uppercase; font-weight: bold; text-align: center; margin-top: 20px; transition: all .3s;} .stoerer-ua-right a:hover {background: #fff; color: #bd0b20;} .stoerer-ua-close {position: absolute; top: 0; right: 100px; width: 50px; height: 50px; transform: translateY(-50%); background: #bd0b20; border-radius: 50%; padding: 15px; box-sizing: border-box; cursor: pointer; transition: all .3s; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);} .stoerer-ua-close:hover {background: #353538;} .stoerer-ua-close img {width: 100%; height: auto;} .hh20-inner {width: 100%; position: relative;} .hh20-inner::after {display: block; clear: both; content: '';} .hh20-logo {float: left; width: 240px; height: auto; padding: 15px 0;} .hh20-logo img {width: 100%; height: auto; display: block;} .hh20-menu {width: calc(100% - 240px); float: left; margin: 0; padding: 0; list-style-type: none; text-align: right; position: relative;} .hh20-menu li {padding: 0; display: inline-block; margin-top: 0; margin-bottom: 0; margin-right: 0; margin-left: 0;} .hh20-menu li:first-child {margin-left: 0;} .hh20-menu li a {color: #fff; font-weight: 400; line-height: 75px; display: block; padding-left: 10px; padding-right: 10px; transition: all .3s;} .hh20-menu li a:hover {background: rgba(0,0,0,0.15);} .hh20-menu-cta {line-height: 75px;} .hh20-menu-cta a {padding: 10px 20px; display: block; border: 2px solid #fff; text-transform: uppercase; transition: all .3s; line-height: normal !important;} .hh20-menu li.hh20-menu-cta a:hover {background: #353538; text-decoration: none !important;} .hh20-menu-cta img {display: inline-block; margin-right: 5px; height: 12px; width: auto;} .hh20-toggle {display: none; float: right; height: 30px; width: auto; margin-top: 22px; cursor: pointer;} .hh20-toggle img {height: 100%; width: auto; display: block;} .hh20-submenu {position: absolute; opacity: 0; visibility: hidden; right: 0; top: 70px; background: #bd0b20; padding: 30px; width: auto; box-sizing: border-box; z-index: 99; text-align: left; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); transition: all .1s; min-width: 100%;} .hh20-submenu a {padding-left: 0; padding-right: 0;} .hh20-submenu-inner {margin-right: -20px; margin-left: -20px; display: table; width: 100%;} .hh20-submenu-inner::after {content: ''; display: block; clear: both;} .hh20-submenu-col {display: table-cell; padding-right: 20px; padding-left: 20px; border-right: 1px solid rgba(0,0,0,0.15);} .hh20-submenu-col:last-child {border-right: none;} .hh20-submenu-header {font-weight: bold !important; line-height: normal !important; display: block; white-space: nowrap;} .hh20-submenu-header + ul {margin-top: 15px;} .hh20-submenu-col ul li a {line-height: normal;} .hh20-submenu-col ul li {display: block; margin-bottom: 15px;} .hh20-submenu-col ul li:last-child {margin-bottom: 0;} .hh20-submenu a:hover {background: none !important; text-decoration: underline;} .hh20-menu > li:hover .hh20-submenu, .hh20-submenu:hover {visibility: visible; opacity: 1;} .hh20-submenu a[href="#"] {pointer-events: none;} .hh20-submenu a[href="#"]:hover {text-decoration: none;} .hh20-submenu-col-clear, .hh20-submenu-toggle {display: none;} /** * HELFRECHT STARTSEITE 2020 **/ /* Startseite Header */ .ce_startseiteheader {width: 100%; height: 720px; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; position: relative; text-align: center;} .startheader-overlay {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.8;} .startheader-inner {width: auto; max-width: 100%; margin: 0 auto; padding: 30px; display: block; position: absolute; box-sizing: border-box; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(255,255,255,0.9);} .startheader-headline {color: #bd0b20; font-weight: bold; margin-top: 0; margin-bottom: 10px; font-size: 34px; width: 100%;} .startheader-subline {color: #353538; font-size: 18px; margin-bottom: 10px; width: 100%; font-weight: 400;} .startheader-fact {width: 100%; color: #353538; font-size: 18px;} .startheader-fact img {display: inline-block; margin-right: 5px; height: 24px; width: auto;} .startheader-fact p {display: inline-block; line-height: 24px; transform: translateY(-5px);} .startheader-button {display: inline-block; margin-top: 30px; background: #bd0b20; color: #fff; text-transform: uppercase; padding: 10px 50px 10px 20px; position: relative; font-weight: 400; transition: all .3s;} .startheader-button img {position: absolute; height: 20px; width: auto; display: block; right: 20px; top: 12px;} .startheader-button:hover, .startheader-button:focus {outline: none; background: #353538; color: #fff;} /* Startseite Zitat */ #startseite-zitat {overflow: visible;} .ce_startseitezitat {width: 100%; height: auto; background: #353538; position: relative; text-align: center; overflow: visible;} .startzitat-zeichen {position: absolute; left: 50%; top: 0; transform: translate(-50%, -50%); width: 50px; height: auto; z-index: 99;} .startzitat-inner {width: 100%; padding-top: 50px; padding-bottom: 50px;} .startzitat-zitat-zitat {color: #fff; margin-top: 0; margin-bottom: 10px; max-width: 950px; margin-left: auto; margin-right: auto;} .startzitat-zitat-autor {color: #fff; font-size: 16px; font-weight: 400;} .startzitat-zitat {margin-bottom: 35px;} .startzitat-button {display: inline-block; background: #bd0b20; color: #fff; text-transform: uppercase; padding: 10px 50px 10px 20px; position: relative; font-weight: 400; transition: all .3s; margin-right: 20px;} .startzitat-button img {position: absolute; height: 20px; width: auto; display: block; right: 20px; top: 12px;} .startzitat-button:hover, .startzitat-button:focus {outline: none; background: #97151e; color: #fff;} .startzitat-more {color: #fff; text-transform: uppercase; font-weight: 400; text-decoration: underline; transition: all .3s;} .startzitat-more:hover, .startzitat-more:focus {color: #bd0b20; text-decoration: underline;} /* Startseite Statements */ .ce_startseitestatements {width: 100%; padding: 100px 0;} .startstatements-inner {margin: 0 auto; width: 100%; max-width: 1000px;} .startstatements-top {width: 100%; margin-bottom: 50px;} .startstatements-top::after {content: ''; clear: both; display: block;} .startstatements-top-left {float: left; width: 40%; padding-right: 30px; box-sizing: border-box;} .startstatements-top-right {float: left; width: 60%; padding-left: 30px; box-sizing: border-box;} .startstatements-headline {margin-top: 0; margin-bottom: 15px; font-family: 'Open Sans'; font-weight: bold; width: 100%; font-size: 34px; color: #353538; font-style: normal; line-height: 40px;} .startstatements-subline {font-weight: bold; width: 100%; max-width: 380px; margin-bottom: 30px;} .startstatements-punkt {width: 100%; margin-bottom: 20px; display: flex; font-weight: 400;} .startstatements-punkt img {height: 24px; display: inline-block; margin-right: 10px; width: auto;} .startstatements-bottom {text-align: center; margin: 0 auto; max-width: 850px;} .startstatements-bottom-text-grey {margin-top: 0; margin-bottom: 0; font-family: 'Open Sans'; font-weight: bold; width: 100%; font-size: 28px; color: #353538; font-style: normal; line-height: 36px;} .startstatements-bottom-text-red {margin-top: 0; margin-bottom: 0; font-family: 'Open Sans'; font-weight: bold; width: 100%; font-size: 28px; color: #bd0b20; font-style: normal; line-height: 36px;} .startstatements-button {display: inline-block; background: #bd0b20; color: #fff; text-transform: uppercase; padding: 10px 50px 10px 20px; position: relative; font-weight: 400; transition: all .3s; margin-top: 30px;} .startstatements-button img {position: absolute; height: 20px; width: auto; display: block; right: 20px; top: 12px;} .startstatements-button:hover, .startstatements-button:focus {outline: none; background: #353538; color: #fff;} /* Startseite Zitat mit Zusatz */ #startseite-zitat-mit-zusatz {overflow: visible;} .ce_startseitezitatzusatz {width: 100%; height: auto; background: #353538; position: relative; text-align: center; overflow: visible;} .startzitat-zusatz-trenner {width: 100%; max-width: 250px; background: #fff; margin-left: auto; margin-right: auto; margin-bottom: 35px; height: 1px;} .startzitat-zusatz h3 {margin-top: 0; margin-bottom: 15px; font-family: 'Open Sans'; font-weight: bold; width: 100%; font-size: 28px; color: #fff; font-style: normal; line-height: 40px;} .startzitat-zusatz-text {width: 100%; max-width: 750px; color: #fff; margin-left: auto; margin-right: auto; font-weight: 400;} .startzitat-zusatz-text p {font-weight: 400;} /* Startseite Schritte */ .ce_startseiteschritte {padding: 100px 0; width: 100%;} .startschritte-inner {margin: 0 auto; width: 100%; max-width: 1000px;} .startschritte-headline {margin-top: 0; margin-bottom: 40px; font-family: 'Open Sans'; font-weight: bold; width: 100%; font-size: 34px; color: #353538; font-style: normal; line-height: 40px; text-align: center;} .startschritte-schritte {margin-left: -5px; margin-right: -5px; width: 100%;} .startschritte-schritte::after {content: ''; display: block; clear: both;} .startschritte-schritt {float: left; width: 33.333333333%; padding: 0 5px; box-sizing: border-box;} .sss-inner {width: 100%; box-sizing: border-box; border: 2px solid #353538; padding: 30px 10px; text-align: center;} .sss-zahl {width: 80px; height: 80px; color: #fff; background: #bd0b20; display: inline-block; border-radius: 50%; line-height: 80px; font-size: 40px; font-weight: bold;} .sss-topline {margin-top: 15px; font-size: 12px; color: #353538; font-weight: bold; text-transform: uppercase; letter-spacing: 1px;} .sss-headline {color: #bd0b20; font-weight: bold; font-size: 20px; margin-bottom: 10px;} .sss-text {font-weight: 400;} .sss-button {display: inline-block; background: #bd0b20; color: #fff; text-transform: uppercase; padding: 10px 50px 10px 20px; position: relative; font-weight: 400; transition: all .3s; margin-top: 25px;} .sss-button img {position: absolute; height: 20px; width: auto; display: block; right: 20px; top: 12px;} .sss-button:hover, .sss-button:focus {outline: none; background: #353538; color: #fff;} /* Startseite Kundenstimmen */ .startseite-kundenstimmen-inner {padding: 120px 0 60px 0; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; position: relative;} .startseite-kundenstimmen-overlay {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: .6;} .startseite-kundenstimme-single {text-align: center; width: 100%; max-width: 800px; margin: 0 auto;} .startseite-kundenstimme-headline {font-weight: bold; color: #fff; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 30px; font-size: 14px;} .startseite-kundenstimme-stimme {font-size: 20px; font-weight: 400; font-style: italic; color: #fff; margin-bottom: 30px;} .startseite-kundenstimme-autor {font-size: 14px; font-weight: 400; color: #fff; margin-bottom: 20px;} .startseite-kundenstimme-logo {background: #fff; padding: 10px 20px; box-sizing: border-box; width: 100%; max-width: 200px; margin: 0 auto;} .startseite-kundenstimme-logo img {width: 100%; height: auto; display: block;} .startseite-kundenstimmen-container .owl-nav {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); padding-left: 40px; padding-right: 40px; box-sizing: border-box; width: 100%;} .startseite-kundenstimmen-container .owl-nav .owl-prev {float: left;} .startseite-kundenstimmen-container .owl-nav .owl-next {float: right;} .startseite-kundenstimmen-container .owl-nav img {height: 30px; width: auto; display: block;} .startseite-kundenstimmen-container .owl-dots {text-align: center; margin-top: 90px; width: 100%;} .startseite-kundenstimmen-container .owl-dots .owl-dot {margin: 0 2px; display: inline-block;} .startseite-kundenstimmen-container .owl-dots .owl-dot span {width: 10px; height: 10px; border-radius: 50%; background: #fff; display: block;} .startseite-kundenstimmen-container .owl-dots .owl-dot.active span {background: #bd0b20;} /* Startseite Videostatements */ .ce_startseitevideostatements {padding: 50px 0; width: 100%;} .startvs-inner {margin: 0 auto; width: 100%; max-width: 1200px; position: relative;} .startvs-headline {margin-top: 0; margin-bottom: 30px; font-weight: bold; font-size: 16px !important; letter-spacing: 1px; text-transform: uppercase; text-align: center; width: 100%;} .startvs-statements {margin-left: -10px; margin-right: -10px; position: relative;} .startvs-statements::after {content: ''; display: block; clear: both;} .startvs-statement-single {width: 33.333333333%; float: left; padding: 0 10px; box-sizing: border-box; margin-bottom: 20px; cursor: pointer;} .startvs-statement-single img {width: 100%; height: 250px; object-fit: cover; display: block;} .startvs-statement-single-info {display: block; width: 100%; padding: 15px; box-sizing: border-box; background: #eee; text-align: center; height: 102px; transition: all .3s;} .startvs-statement-single-name {width: 100%; display: block; font-weight: bold;} .startvs-statement-single-position {width: 100%; display: block;} .startvs-statement-single:hover .startvs-statement-single-info {background: #bd0b20; color: #fff;} .startvs-video {display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.7);} .startvs-video-inner {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);} .startvs-video-inner iframe {display: block; -webkit-box-shadow: 0px 0px 100px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 100px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 100px 0px rgba(0,0,0,0.75);} .startvs-video-close {position: absolute; right: 0; top: 0; transform: translate(50%, -50%); background: #bd0b20; border-radius: 50%; width: 50px; height: 50px; box-sizing: border-box; padding: 14px; text-align: center; transition: all .3s; cursor: pointer;} .startvs-video-close img {display: inline-block; width: 100%; height: auto;} .startvs-video-close:hover {background: #353538;} /* Startseite Formulare */ .startf-inner {width: 100%;} .startf-inner::after {clear: both; display: block; content: '';} .startf-left {width: calc(50% - 10px); float: left;} .startf-right {width: calc(50% - 10px); float: right; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover;} .startf-left-inner {background: #bd0b20; padding: 40px 70px; box-sizing: border-box; width: 100%; position: relative; display: table-cell; vertical-align: middle;} .startf-left-icon {position: absolute; right: 40px; top: 40px; width: 400px; opacity: 0.2;} .startf-left-headline {position: relative; color: #fff; font-size: 24px; font-style: normal; font-family: 'Open Sans'; margin-top: 0; margin-bottom: 10px;} .startf-left-text {position: relative; color: #fff;} .startf-left-formular {position: relative; margin-top: 20px;} .startf-left-formular::after {clear: both; display: block; content: '';} .startf-left-formular input[type="text"] {background: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; margin: 0; height: inherit; padding: 10px; border: 2px solid #fff; color: #fff; border-radius: 0; width: 100%; font-family: 'Open Sans'; font-size: 16px; box-shadow: none; -webkit-box-shadow: none; box-sizing: border-box;} .startf-left-formular input[type="text"]::placeholder {color: #fff;} .startf-left-formular input[type="text"]::-moz-placeholder {color: #fff;} .startf-left-formular input[type="text"]::-webkit-input-placeholder {color: #fff;} .chefbrief-email {float: left; margin-right: 10px; max-width: 300px; width: 100%;} .startf-left-formular .submit_container {float: left;} .startf-left-formular button[type="submit"] {background: #fff; appearance: none; -webkit-appearance: none; -moz-appearance: none; margin: 0; height: inherit; padding: 15px; border-radius: 0; color: #bd0b20; text-transform: uppercase; border: none; font-family: 'Open Sans'; font-size: 16px; transition: all .3s; width: auto; line-height: 16px;} .startf-left-formular button[type="submit"]:hover, .startf-left-formular button[type="submit"]:focus {outline: none; background: #353538; color: #fff;} .chefbrief-datenschutz-label {float: left; width: 100%; color: #fff; font-size: 12px; margin-top: 10px; line-height: 15px;} .chefbrief-datenschutz-label a {color: #fff; text-decoration: underline;} .startf-left-formular .widget-checkbox {float: left; width: 100%; margin-top: 10px;} .startf-left-formular .widget-checkbox .checkbox_container {height: inherit; margin-top: 0; margin-right: 0; margin-left: 0; padding: 0; border: none;} .startf-left-formular input[type="checkbox"] {height: 46px; width: 46px; background: none; border: 2px solid #fff; appearance: none; -webkit-appearance: none; -moz-appearance: none; margin-top: 0; box-sizing: border-box; margin-right: 10px; position: relative; cursor: pointer;} .startf-left-formular input[type="checkbox"] + label {width: calc(100% - 56px); padding-top: 0; padding-left: 0; text-align: left; color: #fff; font-size: 12px; max-width: 420px; line-height: 16px;} .startf-left-formular input[type="checkbox"]::after {content: ''; background-image: url(/files/Bilder/Startseite2020/helfrecht-check-white.svg); width: 26px; height: 26px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background-size: 26px 26px; background-repeat: no-repeat; background-position: center; opacity: 0; transition: opacity 0.3s;} .startf-left-formular input[type="checkbox"]:checked::after {opacity: 1;} .startf-right-inner {width: 100%; padding: 40px 70px; box-sizing: border-box; background: rgba(0,0,0,0.6);} .startf-right-inner::after {content: ''; display: block; clear: both;} .startf-right-left {float: left; width: 200px; margin-right: 40px;} .startf-right-right {float: left; width: calc(100% - 240px);} .startf-right-left > img {width: 100%; height: auto; display: block; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);} .startf-right-left-punkte {margin-top: 20px;} .startf-rlp {width: 100%; margin-bottom: 20px; color: #fff; font-size: 16px; float: left; font-weight: 400;} .startf-rlp img {width: 25px; height: 25px; float: left; margin-right: 10px; line-height: 48px; padding-top: 10px;} .startf-rlp span {float: left; width: calc(100% - 35px); font-weight: 400;} .startf-right-button {display: inline-block; background: #bd0b20; color: #fff; text-transform: uppercase; padding: 10px 20px; position: relative; font-weight: 400; transition: all .3s;} .startf-right-button:hover, .startf-right-button:focus {outline: none; background: #353538; color: #fff;} .startf-right-headline {position: relative; color: #fff; font-size: 24px; font-style: normal; font-family: 'Open Sans'; margin-top: 0; margin-bottom: 10px;} .startf-right-text {position: relative; color: #fff; margin-bottom: 20px;} .startf-right-formular {margin-left: -5px; margin-right: -5px;} .startf-right-formular::after {content: ''; clear: both; display: block;} .startf-right-formular .radio_container {margin-top: 0; margin-right: 0; margin-left: 0; padding: 0; border: none; width: 100%;} .startf-right-formular .radio_container::after {content: ''; clear: both; display: block;} .startf-right-formular input[type="radio"] {height: 46px; width: 46px; background: none; border: 2px solid #fff; appearance: none; -webkit-appearance: none; -moz-appearance: none; margin-top: 0; box-sizing: border-box; margin-right: 10px; position: relative; cursor: pointer;} .startf-right-formular input[type="radio"]::after {content: ''; background-image: url(/files/Bilder/Startseite2020/helfrecht-check-white.svg); width: 26px; height: 26px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background-size: 26px 26px; background-repeat: no-repeat; background-position: center; opacity: 0; transition: opacity 0.3s;} .startf-right-formular input[type="radio"]:checked::after {opacity: 1;} .startf-right-formular .radio_container span {width: 50%; float: left; margin-bottom: 0;} .startf-right-formular .radio_container label {color: #fff;} .startf-right-formular input[type="text"], .startf-right-formular input[type="email"], .startf-right-formular input[type="number"], .startf-right-formular input[type="tel"] {background: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; margin: 0; height: inherit; padding: 10px; border: 2px solid #fff; color: #fff; border-radius: 0; width: 100%; font-family: 'Open Sans'; font-size: 16px; box-shadow: none; -webkit-box-shadow: none; box-sizing: border-box;} .startf-right-formular input[type="text"]::placeholder, .startf-right-formular input[type="email"]::placeholder, .startf-right-formular input[type="number"]::placeholder, .startf-right-formular input[type="tel"]::placeholder {color: #fff;} .startf-right-formular input[type="text"]::-moz-placeholder, .startf-right-formular input[type="email"]::-moz-placeholder, .startf-right-formular input[type="number"]::-moz-placeholder, .startf-right-formular input[type="tel"]::-moz-placeholder {color: #fff;} .startf-right-formular input[type="text"]::-webkit-input-placeholder, .startf-right-formular input[type="email"]::-webkit-input-placeholder, .startf-right-formular input[type="number"]::-webkit-input-placeholder, .startf-right-formular input[type="tel"]::-webkit-input-placeholder {color: #fff;} .startf-right-formular .formbody > .widget {margin-bottom: 10px; padding: 0 5px; width: 100%; box-sizing: border-box; float: left;} .startf-right-formular .formbody .submit_container {padding: 0 5px; width: 100%; box-sizing: border-box; float: left; margin-top: 10px;} .startf-right-formular .formbody .forml-50 {width: 50%; float: left;} .startf-right-formular .formbody .forml-40 {width: 30%; float: left;} .startf-right-formular .formbody .forml-60 {width: 70%; float: left;} .startf-right-formular .formbody .forml-50 input, .startf-right-formular .formbody .forml-40 input, .startf-right-formular .formbody .forml-60 input {width: 100%;} .startf-right-formular .widget-checkbox {float: left; width: 100%; margin-top: 10px;} .startf-right-formular .widget-checkbox .checkbox_container {height: inherit; margin-top: 0; margin-right: 0; margin-left: 0; padding: 0; border: none;} .startf-right-formular input[type="checkbox"] {height: 46px; width: 46px; background: none; border: 2px solid #fff; appearance: none; -webkit-appearance: none; -moz-appearance: none; margin-top: 0; box-sizing: border-box; margin-right: 10px; position: relative; cursor: pointer;} .startf-right-formular input[type="checkbox"] + label {width: calc(100% - 56px); padding-top: 0; padding-left: 0; text-align: left; color: #fff; font-size: 12px; max-width: 420px; line-height: 16px;} .startf-right-formular input[type="checkbox"]::after {content: ''; background-image: url(/files/Bilder/Startseite2020/helfrecht-check-white.svg); width: 26px; height: 26px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background-size: 26px 26px; background-repeat: no-repeat; background-position: center; opacity: 0; transition: opacity 0.3s;} .startf-right-formular input[type="checkbox"]:checked::after {opacity: 1;} .startf-right-formular input[type="submit"] {background: #bd0b20; appearance: none; -webkit-appearance: none; -moz-appearance: none; margin: 0; height: inherit; padding: 15px; border-radius: 0; color: #fff; text-transform: uppercase; border: none; font-family: 'Open Sans'; font-size: 16px; transition: all .3s; width: auto; line-height: 16px;} .startf-right-formular input[type="submit"]:hover, .startf-right-formular input[type="submit"]:focus {outline: none; background: #353538; color: #fff;} input[type=radio], input[type=checkbox], label {vertical-align: middle;} /* Startseite Aktuelles */ #startseite-neuigkeiten {padding: 80px 0; width: 100%; max-width: 1000px; margin: 0 auto;} #startseite-neuigkeiten .ce_headline {float: left; width: 100%; margin-bottom: 30px; font-family: 'Open Sans'; margin-top: 0; text-align: center; font-style: normal; font-weight: 300; text-transform: uppercase; font-size: 20px;} #startseite-neuigkeiten #startnachrichten-aktuelles, #startseite-neuigkeiten #startnachrichten-blog, #startseite-neuigkeiten .ce_startseiteueberuns {float: left; width: 33.33333333%; padding-left: 6px; padding-right: 6px; box-sizing: border-box; margin-top: 0;} #startseite-neuigkeiten .layout_latest {margin-bottom: 0; background: #eee; box-sizing: border-box; width: 100%;} #startseite-neuigkeiten .layout_latest h2 {margin-top: 20px; width: 100%; padding: 0 20px; box-sizing: border-box; font-size: 16px; line-height: 22px;} #startseite-neuigkeiten .layout_latest .teaser {width: 100%; padding: 0 20px; box-sizing: border-box;} #startseite-neuigkeiten .layout_latest .more {margin-top: 20px; width: 100%; padding: 0 20px; box-sizing: border-box; margin-bottom: 20px;} #startseite-neuigkeiten .layout_latest .more a {background: #bd0b20; margin: 0; padding: 10px 15px; color: #fff; text-transform: uppercase; font-size: 16px; transition: all .3s; font-weight: 300; display: inline-block;} #startseite-neuigkeiten .layout_latest .more a:hover, #startseite-neuigkeiten .layout_latest .more a:focus {outline: none; background: #353538; color: #fff;} #startseite-neuigkeiten .owl-nav {text-align: right; padding-right: 18px; box-sizing: border-box; width: 120px; float: right; transform: translateY(-60px);} #startseite-neuigkeiten .owl-nav button {background: #777; display: inline-block; margin: 0 2px; padding: 8px !important; width: 40px; height: 40px; text-align: center;} #startseite-neuigkeiten .owl-nav button img {width: auto; height: 25px; display: inline-block;} #startseite-neuigkeiten .owl-nav button.disabled {cursor: default; opacity: .5;} .startueberuns-inner {background: #353538; padding: 20px; width: 100%; box-sizing: border-box;} .startu-headline {color: #fff; font-size: 14px; font-weight: bold; text-transform: uppercase; margin-bottom: 15px; letter-spacing: 1px;} .startu-subline {color: #fff; margin-bottom: 20px;} .startu-text {color: #fff; margin-bottom: 20px;} .startu-button {background: #bd0b20; margin: 0; padding: 10px 15px; color: #fff; text-transform: uppercase; font-size: 16px; transition: all .3s; font-weight: 300; display: inline-block;} .startu-button:hover, .startu-button:focus {background: #fff; color: #353538;} #startseite-neuigkeiten .owl-carousel .owl-stage {display: -webkit-box; display: flex;} #startseite-neuigkeiten .owl-item {display: -webkit-box; display: flex; -webkit-box-flex: 1; flex: 1 0 auto;} #startseite-neuigkeiten .owl-item .layout_latest {display: -webkit-box; display: flex; -webkit-box-flex: 1; flex: 1 0 auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column;} #startseite-neuigkeiten figcaption {width: 100%; padding: 2px 20px; box-sizing: border-box; font-size: 12px;} #startseite-neuigkeiten .layout_latest .image_container {margin-bottom: 0;} /* Startseite Footer */ #footer h2 {text-transform: uppercase; font-size: 24px;} .footer-sm p {display: inline-block;} .footer-sm a {width: 50px; height: 50px; display: inline-block; background: #fff; margin-right: 5px; margin-bottom: 8px; text-align: center; padding: 9px; box-sizing: border-box; transition: all .3s;} .footer-sm a img {width: 100%; height: auto; display: inline-block;} .footer-sm a:hover, .footer-sm a:focus {background: #ddd;} .footer-to-top {position: absolute; right: 0; bottom: 0; cursor: pointer;} .footer-to-top span {display: inline-block; color: #fff; font-size: 14px; margin-right: 10px; transform: translateY(-13px);} .footer-to-top img {background: #fff; border-radius: 50%; padding: 7px; transform: rotate(-90deg); width: 40px; height: 40px; display: inline-block; box-sizing: border-box;} /* Startseite Termin-Ticker */ @-webkit-keyframes ticker { 0% {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); visibility: visible;} 100% {-webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);} } @keyframes ticker { 0% {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); visibility: visible;} 100% {-webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);} } .ce_startseiteticker {overflow: hidden; background: #666; padding-left: 100%; box-sizing: content-box; padding-top: 10px; padding-bottom: 60px; display: block; width: 100%;} .startticker-inner {display: inline-block; white-space: nowrap; padding-right: 100%; box-sizing: content-box; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-name: ticker; animation-name: ticker; -webkit-animation-duration: 30s; animation-duration: 30s;} .startticker-inner:hover {animation-play-state: paused; -webkit-animation-play-state: paused;} .startticker-termin {display: inline-block; padding: 0 20px;} .startticker-termin a {color: #fff; transition: all .3s;} .startticker-termin a:hover, .startticker-termin a:focus {opacity: 0.7;} #startseite-termin-ticker {position: relative;} .startticker-overview {position: absolute; left: 50%; bottom: 10px; transform: translateX(-50%); color: #fff; font-weight: 400; padding: 5px 15px; transition: all .3s; border: 1px solid #fff; display: inline-block;} .startticker-overview:hover {background: #bd0b20; color: #fff;} /* Startseite Werte-Bereich */ .ce_startseitewerte {padding: 100px 0; width: 100%; height: auto; background: #bd0b20; position: relative;} .startwerte-inner {margin: 0 auto; width: 100%; max-width: 1000px;} .startw-headline {margin-top: 0; margin-bottom: 40px; font-family: 'Open Sans'; font-weight: bold; width: 100%; font-size: 34px; color: #fff; font-style: normal; line-height: 40px; text-align: center;} .startw-elements {width: 100%; box-sizing: border-box;} .startw-elements::after {content: ''; display: block; clear: both;} .startw-highlights {float: left; width: 60%; padding-right: 20px; box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: space-between;} .startw-highlight-single {flex: 0 1 calc(50% - 15px); margin-bottom: 30px; background: #fff; padding: 20px; box-sizing: border-box;} .startw-highlight-single img {width: 50px; height: 50px; display: block; margin: 0 auto; background: #bd0b20; border-radius: 50%; padding: 11px; box-sizing: border-box;} .startw-highlight-single span {display: block; margin-top: 20px; padding-top: 20px; border-top: 1px solid #eee; color: #353538;} .startw-highlight-single::after {content: ''; display: block; clear: both;} .startw-list {float: left; width: 40%; padding-left: 20px; box-sizing: border-box;} .startw-single-element {width: 100%; margin-bottom: 30px;} .startw-single-element::after {content: ''; display: block; clear: both;} .startw-single-element img {width: 30px; height: auto; float: left; margin-right: 20px;} .startw-single-element span {float: left; width: calc(100% - 50px); color: #fff;} /* Startseite Lösungen */ .ce_startseiteloesungen {padding: 100px 0; width: 100%; height: auto; background: #fff; position: relative;} .startloesungen-inner {margin: 0 auto; width: 100%; max-width: 1000px;} .startl-headline {margin-top: 0; margin-bottom: 40px; font-family: 'Open Sans'; font-weight: bold; width: 100%; font-size: 34px; color: #353538; font-style: normal; line-height: 40px; text-align: center;} .startl-elements {display: flex; flex-wrap: wrap; width: 100%; box-sizing: border-box;} .startl-elements > a, .startl-elements > div {flex: 0 1 calc(33.3333% - 30px); margin-left: 15px; margin-right: 15px; margin-bottom: 30px;} .startl-teaser {background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; background-repeat: no-repeat; position: relative; height: 250px; background-position: center;} .startl-teaser-overlay {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); transition: all .3s;} .startl-content {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1; text-align: center; width: 100%;} .startl-icon-container {display: inline-block; position: relative; margin-bottom: 20px; width: 30px; height: 30px;} .startl-icon-container::before {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 50px; height: 50px; pointer-events: none; background: transparent; border: 1px solid #fff; border-radius: 50%; content: '';} .startl-icon {display: inline-block; width: 100%; height: 100%; object-fit: contain; position: relative;} .startl-title {width: 100%; display: block; padding-left: 20px; padding-right: 20px; box-sizing: border-box; color: #fff; font-size: 20px; font-weight: 400;} .startl-elements > a:hover .startl-teaser-overlay {background: rgba(0,0,0,0.75);} /* Font Einbindung */ /* noto-serif-italic - latin */ @font-face { font-family: 'Noto Serif'; font-style: italic; font-weight: 400; src: local(''), url('../../assets/fonts/noto-serif-v21-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../../assets/fonts/noto-serif-v21-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* noto-serif-700italic - latin */ @font-face { font-family: 'Noto Serif'; font-style: italic; font-weight: 700; src: local(''), url('../../assets/fonts/noto-serif-v21-latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../../assets/fonts/noto-serif-v21-latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* open-sans-300 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local(''), url('../../assets/fonts/open-sans-v29-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../../assets/fonts/open-sans-v29-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* open-sans-regular - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local(''), url('../../assets/fonts/open-sans-v29-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../../assets/fonts/open-sans-v29-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* open-sans-600 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: local(''), url('../../assets/fonts/open-sans-v29-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../../assets/fonts/open-sans-v29-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* open-sans-700 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local(''), url('../../assets/fonts/open-sans-v29-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../../assets/fonts/open-sans-v29-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* open-sans-800 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; src: local(''), url('../../assets/fonts/open-sans-v29-latin-800.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../../assets/fonts/open-sans-v29-latin-800.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* open-sans-300italic - latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 300; src: local(''), url('../../assets/fonts/open-sans-v29-latin-300italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../../assets/fonts/open-sans-v29-latin-300italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* open-sans-italic - latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 400; src: local(''), url('../../assets/fonts/open-sans-v29-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../../assets/fonts/open-sans-v29-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* open-sans-600italic - latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 600; src: local(''), url('../../assets/fonts/open-sans-v29-latin-600italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../../assets/fonts/open-sans-v29-latin-600italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* open-sans-700italic - latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 700; src: local(''), url('../../assets/fonts/open-sans-v29-latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../../assets/fonts/open-sans-v29-latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* open-sans-800italic - latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 800; src: local(''), url('../../assets/fonts/open-sans-v29-latin-800italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../../assets/fonts/open-sans-v29-latin-800italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /** * RESPONSIVE **/ @media (max-width: 1572px){ .ua-header-circle {right: 50px;} } @media (max-width: 1500px){ #landingpage-methodik {padding: 0 20px;} #landingpage-methodik-fa {padding: 0 20px;} } @media (max-width: 1370px){ .ua-header-circle {display: none;} .chefbrief-email {max-width: 280px;} .startf-right-inner {padding: 30px;} .startf-right-left {width: 150px; margin-right: 20px;} .startf-right-right {width: calc(100% - 170px);} } @media (max-width: 1200px){ #telnr-header-ua {right: 150px;} .lph-stoerer {left: 20px;} .impressions-overlay {top: 76%; height: 24%;} .startf-left-inner {padding: 30px;} .chefbrief-email {max-width: 240px;} .startf-right-left {width: 100%; margin-right: 0; margin-bottom: 20px;} .startf-right-left > img {width: 150px; height: auto; margin-right: 20px; float: left;} .startf-right-left-punkte {margin-top: 0; float: left; width: calc(100% - 170px);} .startf-right-right {width: 100%;} } @media (max-width: 1160px){ .hh20-menu-cta img {display: none;} .hh20-menu-cta a {padding: 10px; text-transform: none; padding-left: 7px; padding-right: 7px; font-weight: 400;} .hh20-logo {width: 200px;} .hh20-menu {width: calc(100% - 200px);} .stoerer-ua-inner {max-width: inherit; padding-left: 20px; padding-right: 20px; box-sizing: border-box;} .hh20-submenu {padding: 20px;} .hh20-submenu-col {padding-left: 10px; padding-right: 10px;} .ce_landingpagetermine, .ce_landingpageintro, .ce_landingpagetext, .ce_landingpagekontakt, #landingpage-referenzen, #landingpage-anwender-im-gespraech, .ce_landingpagetrainer {padding-left: 20px; padding-right: 20px;} .ce_landingpageanwender {width: 50%; margin-bottom: 20px;} } @media (max-width: 1070px) { .stoerer-ua-left {display: none;} .stoerer-ua-center {width: 70%;} .stoerer-ua-right {width: 30%;} .startstatements-inner, .startwerte-inner {padding-left: 20px; padding-right: 20px; box-sizing: border-box;} } @media (max-width: 959px){ #telnr-header-ua {display: none;} .hh20-menu li.hh20-menu-cta {display: none;} .hh20-menu li a {padding-left: 7px; padding-right: 7px;} .hh20-submenu {width: 100vw; right: calc((100vw - 768px) / -2);} .hh20-submenu-inner {margin-left: auto; margin-right: auto; display: block; max-width: 768px;} .hh20-submenu-col {border-right: none; float: left; width: 50%; display: block; box-sizing: border-box;} .hh20-submenu-col-clear {display: block; width: 100%; clear: both; margin: 20px 0; float: left;} .startvs-statement-single-position {font-size: 14px;} .startvs-statement-single-info {padding: 15px 0;} .startf-right-left {display: none;} .chefbrief-email {max-width: inherit; margin-right: 0; margin-bottom: 5px;} .ce_startseiteticker {padding-top: 5px; padding-bottom: 60px; font-size: 14px;} } @media (max-width: 920px) { .lph-stoerer {display: none;} .innerContent {padding: 40px calc((100vw - 600px) / 2);} .impressions-overlay {font-size: 10px;} .kontakt-name {color: #bd0b20; font-size: 16px !important;} .startheader-inner {padding-top: 100px; padding-bottom: 100px; padding-left: 20px; padding-right: 20px; box-sizing: border-box;} .startheader-subline, .startheader-fact {font-size: 16px;} .startschritte-schritte {padding-left: 20px; padding-right: 20px; box-sizing: border-box;} .startseite-kundenstimme-single {padding-left: 50px; padding-right: 50px; box-sizing: border-box;} .startseite-kundenstimmen-container .owl-nav {padding-left: 15px; padding-right: 15px;} #startseite-neuigkeiten #startnachrichten-aktuelles, #startseite-neuigkeiten #startnachrichten-blog {width: 50%;} #startseite-neuigkeiten .ce_startseiteueberuns {width: 100%;} .startw-single-element {flex: 0 1 calc(50% - 30px);} .startl-elements > a, .startl-elements > div {flex: 0 1 calc(50% - 30px);} .startw-highlight-single {flex: 0 1 100%;} } @media (max-width: 780px){ .hh20-menu {display: none; position: absolute; left: 0; top: 68px; width: 100%; box-sizing: border-box; padding: 20px; background: #353538; z-index: 999; margin-top: 0; max-height: calc(100vh - 68px); overflow-y: scroll; overflow-x: hidden;} .hh20-menu li {display: block; width: 100%; text-align: center; margin-left: 0; border-bottom: 1px solid #777; position: relative;} .hh20-menu li a {display: block; width: 100%; padding: 20px; box-sizing: border-box; font-size: 20px; line-height: normal;} .hh20-toggle {display: block;} .hh20-inner {padding-left: 20px; padding-right: 20px; box-sizing: border-box;} .hh20-menu li.hh20-menu-cta {display: block;} .hh20-submenu-toggle {display: block; position: absolute; right: 0; top: 16px; width: 35px; height: 35px; cursor: pointer; text-align: center; background: rgba(255,255,255,0.2); box-sizing: border-box; padding: 6px;} .hh20-submenu-toggle img {display: inline-block; height: 100%; width: auto;} .hh20-submenu {visibility: visible; opacity: 1; position: relative; right: inherit; top: inherit; width: 100%; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: #262627; display: none;} .hh20-submenu-col {width: 100%; padding-left: 0; padding-right: 0; margin-bottom: 20px;} .hh20-submenu-col:last-child {margin-bottom: 0;} .hh20-submenu li a {padding: 0; text-align: left; font-size: 18px;} .hh20-submenu li {border-bottom: none;} .hh20-submenu-header {padding: 0 !important; font-size: 18px !important;} .hh20-submenu-header + ul {margin-top: 10px;} .hh20-submenu {font-size: 18px;} .hh20-submenu-col ul li {margin-bottom: 7px;} .hh20-submenu-col-clear {display: none;} } @media (max-width: 767px) { .lpintro-left, .lptext-left, .kontakt-left {width: 100%; padding-right: 0;} .lpintro-right, .lptext-right, .kontakt-right {width: 100%; padding-left: 0;} .ce_landingpagereferenz {width: 100%;} .ce_landingpagereferenz:nth-child(even) {padding-right: 0;} .ce_landingpagereferenz:nth-child(odd) {padding-left: 0;} .lpintro-factbox, .kontakt-right {margin-top: 30px;} .impressions-item {width: 33.3333333333%; padding-bottom: 5px;} .impressions-overlay {font-size: 14px;top: 81%; height: 17%;} .impressions-item:hover .impressions-overlay {height: 98%;} .startheader-headline {font-size: 28px;} .startheader-fact img {display: none;} .startzitat-zeichen {width: 40px;} .startzitat-inner {padding-top: 30px; padding-bottom: 30px;} .startzitat-zitat-zitat {font-size: 20px;} .startzitat-zitat {margin-bottom: 20px;} .sss-button {width: 100%; display: block; padding: 10px 20px; font-size: 14px; text-align: center; box-sizing: border-box; margin-top: 10px;} .sss-button img {display: none;} .startvs-statements {margin-left: 0; margin-right: 0;} .startvs-statement-single {width: 50%;} .startvs-statement-single-position {font-size: 16px;} .startvs-video-inner {width: 100%;} .startvs-iframe {width: 100%;} .startvs-video-close {right: 40px; top: -40px;} .startf-left {width: 100%; margin-bottom: 20px;} .startf-right {width: 100%;} .startw-highlights, .startw-list {width: 100%; padding-left: 0; padding-right: 0;} } @media (max-width: 740px) { .ce_landingpagevideo {padding-left: 20px; padding-right: 20px;} .trainer-single {width: 100%; padding: 0; margin-bottom: 30px;} .inner-trainer {margin-left: 0; margin-right: 0;} } @media (max-width: 720px) { .stoerer-ua-center {width: 100%;} .stoerer-ua-right {width: 100%; padding-left: 0;} } @media (max-width: 640px) { .innerContent {padding: 20px;} .lph-headline h1 {font-size: 20px; line-height: 28px;} .lph-button {margin-top: 20px;} .lpsh-link {margin: 0; margin-bottom: 10px; width: 100%;} .lpsh-link:last-child {margin-bottom: 0;} .impressions-item {width: 50%;} .ce_landingpageintro, .ce_landingpagetext, .ce_landingpagevideo, .ce_landingpagetermine, .ce_landingpagekontakt, #landingpage-anwender-im-gespraech, .ce_landingpagetrainer {padding-top: 20px; padding-bottom: 20px; margin-left: 0; margin-right: 0;} .lpintro-headline, .lptext-headline, .lpvideo-headline, .termine-headline, .kontakt-headline, #landingpage-referenzen .ce_headline, #landingpage-anwender-im-gespraech .ce_headline, .trainer-headline {font-size: 20px; line-height: 28px; margin-bottom: 10px;} .lptext-factbox {margin-top: 30px;} .preis-single {width: 100%; margin-bottom: 20px;} .preis-single:last-child {margin-bottom: 0;} .preis-single-headline {margin-bottom: 5px;} .kontakt-formular .formbody .widget.formular-50 {width: 100%;} .kontakt-formular input[type="radio"], .kontakt-formular input[type="checkbox"] {width: 30px; height: 30px; margin-right: 1px;} .kontakt-formular input[type="radio"]::after, .kontakt-formular input[type="checkbox"]::after {font-size: 22px; left: 7px; top: -1px;} .kontakt-formular .checkbox_container span label {line-height: 30px; margin-left: 5px;} .kontakt-formular .formbody .submit_container input {width: 100%;} .ce_landingpagereferenz {padding-bottom: 20px; border-bottom: 1px solid #eee;} .ce_landingpageanwender {width: 100%;} .anwender-image {display: none;} .anwender-info {width: 100%; height: auto;} .kontakt-formular, .termine-termine {margin-left: 0; margin-right: 0;} #landingpage-anwender-im-gespraech .ce_headline, .ce_landingpageanwender, .kontakt-formular .formbody .widget, .termin-single {padding-left: 0; padding-right: 0;} #landingpage-informations-formular .formbody .widget.formular-50 {width: 100%;} #landingpage-informations-formular input[type="radio"], .kontakt-formular input[type="checkbox"] {width: 30px; height: 30px; margin-right: 1px;} #landingpage-informations-formular input[type="radio"]::after, .kontakt-formular input[type="checkbox"]::after {font-size: 22px; left: 7px; top: -1px;} #landingpage-informations-formular .checkbox_container span label {line-height: 30px; margin-left: 5px;} #landingpage-informations-formular .formbody .submit_container input {width: 100%;} .landingpage-informations-formular-close {top: 20px; left: 50%; transform: translateX(-50%); right: inherit;} #landingpage-informations-formular > .block {max-height: inherit; top: 60px; transform: translate(-50%, 0); height: calc(100% - 80px);} .kontakt-right-left {width: 100%; padding-left: 0; padding-right: 0; margin-bottom: 20px;} .kontakt-right-right {width: 100%; padding-left: 0; padding-right: 0;} .kontakt-formular .formbody .submit_container {padding: 0;} .impressions-overlay {top: 73%; height: 25%;} .startheader-inner {padding-top: 30px; padding-bottom: 30px; width: 90%;} .startheader-headline {font-size: 22px;} .startheader-button {margin-top: 10px; padding: 10px 20px; font-size: 14px; line-height: 20px;} .startheader-button img {display: none;} .startzitat-inner {padding: 20px; box-sizing: border-box;} .startzitat-zeichen {width: 30px;} .startzitat-zitat-zitat {font-size: 18px;} .startzitat-button {width: 100%; display: block; margin-right: 0; padding: 10px 20px; font-size: 14px; text-align: center; box-sizing: border-box;} .startzitat-button img {display: none;} .startzitat-more {margin-top: 10px; display: block; font-size: 14px;} .ce_startseitestatements {padding: 30px 0;} .startstatements-top-left {display: none;} .startstatements-top-right {width: 100%; padding-left: 0;} .startstatements-headline {font-size: 22px; line-height: 28px;} .startstatements-top {margin-bottom: 20px;} .startstatements-bottom-text-grey, .startstatements-bottom-text-red {font-size: 20px; line-height: 25px;} .startstatements-button {width: 100%; display: block; padding: 10px 20px; font-size: 14px; text-align: center; box-sizing: border-box; margin-top: 10px;} .startstatements-button img {display: none;} .startzitat-zusatz-trenner {margin-bottom: 20px;} .startzitat-zusatz h3 {font-size: 22px; line-height: 28px;} .ce_startseiteschritte {padding: 30px 0;} .startschritte-headline {font-size: 22px; line-height: 28px;} .startschritte-schritte {margin-left: 0; margin-right: 0;} .startschritte-schritt {width: 100%; padding: 0; margin-bottom: 20px;} .startschritte-schritt.starts3 {margin-bottom: 0;} .sss-inner {padding: 10px;} .sss-zahl {width: 50px; height: 50px; line-height: 50px; font-size: 30px;} .sss-topline {margin-top: 10px;} .startseite-kundenstimmen-inner {padding: 30px 0;} .startseite-kundenstimme-headline {margin-bottom: 20px;} .startseite-kundenstimme-stimme {font-size: 16px; margin-bottom: 20px;} .startseite-kundenstimmen-container .owl-dots {margin-top: 20px;} .startvs-statement-single {width: 100%;} .startf-right-formular .formbody .forml-50, .startf-right-formular .formbody .forml-40, .startf-right-formular .formbody .forml-60 {width: 100%;} #startseite-neuigkeiten #startnachrichten-aktuelles, #startseite-neuigkeiten #startnachrichten-blog {width: 100%;} #startseite-neuigkeiten .ce_headline {font-size: 18px;} #footer .row .block {margin-top: 10px; margin-bottom: 10px;} #landingpage-header-ua .lph-headline span, #landingpage-header-fa .lph-headline span {font-size: 30px; line-height: 30px;} .startw-single-element {flex: 0 1 100%; margin-left: 0; margin-right: 0;} .startl-elements > a, .startl-elements > div {flex: 0 1 100%;} .startticker-overview {width: 100%; max-width: 80%; box-sizing: border-box; text-align: center;} .ce_startseiteheader {height: 500px;} } @media (max-width: 500px) { .impressions-overlay {top: 73%; height: 24%;} } @media (max-width: 420px) { .kontakt-bild {width: 100%;} .kontakt-info {width: 100%;} } @media (max-width: 400px) { .stoerer-ua-center p {display: none;} .stoerer-ua {padding: 20px 0;} .stoerer-ua-center h2 {font-size: 20px; line-height: 26px;} .stoerer-ua-right a {margin-top: 0; max-width: 180px; padding: 5px 3px; font-size: 14px; border: 2px solid #fff;} .stoerer-ua-close {width: 40px; height: 40px; padding: 10px; top: -5px;} .hh20-menu li a {padding: 15px; font-size: 18px;} } @media (min-width: 768px){ .landingpage-ausbildung .golden-header:first-child {margin-top: 55px;} .goldstoerer-inner {padding-right: 300px; width: 100%; box-sizing: border-box;} .goldstoerer-zertifikat {width: 200px; height: auto; position: absolute; right: 20px; top: 0;} .goldstoerer-zertifikat img {width: 100%; height: auto; display: block;} #landingpage-termine-karte .lptext-left {width: 67%;} #landingpage-termine-karte .lptext-right {width: 33%;} } @media (min-width: 1050px) { .kontakt-bild {max-height: 200px; overflow: hidden;} } #leadbuttononlinegrau { .button { background-color: #ededed; border: none; color: white; padding: 15px 32px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; } } @media only screen and (max-width: 515px) { .caroufredsel_skin .image_container {text-align: center !important; display: inline-block !important} } .bg-dark { background-color:#353538; color:#fff; } .bg-dark a { color:#fff; } .bg-dark a:hover { color:#c2c2c2; } .landingtext { padding-top:35px; text-align:center; } #introlanding { margin-top:30px; padding-bottom:30px; } .textwhite { color: #fff !important; text-shadow: 0.1em 0.1em 0.2em black; } .textschwarz { color: #000 !important; text-shadow: 0.1em 0.1em 0.2em white; } .textblack { color: #000 !important; text-shadow: 0.2em 0.2em 0.8em white; } .headlinefullwidth { margin-top:20px; margin-bottom:20px; padding-top:20px; padding-bottom:20px; text-align:center; font-size: 30px !important; line-height: 40px !important; } .noborder { border: 0px !important; } .textbox-old { width:350px; max-width:350px; position:relative; margin-top:50px; padding:20px 20px 80px; vertical-align:middle; text-align:left; background-color:#fff; color:#bd0b20; } .textbox-old h1 { font-size: 24px !important; font-weight: regular !important; } .textbox { width:350px; max-width:350px; position:relative; display:table-cell; margin-top:50px; padding:20px 40px 50px; vertical-align:middle; text-align:center; background-color:#bd0b20; color:#fff; } .textbox h2 { font-size: 26px !important; font-weight: regular !important; } .planerpluse { width:100%; height:300px; min-height:300px; max-height:500px; padding-top:100px; padding-bottom:100px; background-image:url("../../files/cms-data/layout/css/files/cms-data/content/start/intro-shop.jpg"); background-position:center center; background-repeat:no-repeat; background-size:cover; } #introtextplanerpluse { float:right; } #introtextshop { float:right; } .loesungspakete { width:100%; height:400px; min-height:400px; max-height:1000px; padding-top:100px; padding-bottom:100px; background-image:url("../../files/cms-data/layout/css/files/cms-data/content/start/intro-planungstage.jpg"); background-position:center top; background-repeat:no-repeat; background-size:cover; } .leadair { width:100%; height:400px; min-height:400px; max-height:1000px; padding-top:100px; padding-bottom:100px; background-image:url("../../files/cms-data/layout/css/files/cms-data/content/start/intro-leadair.jpg"); background-position:center center; background-repeat:no-repeat; background-size:cover; } .helfrechtshop { width:100%; height:400px; min-height:400px; max-height:1000px; padding-top:100px; padding-bottom:100px; background-image:url("../../files/cms-data/layout/css/files/cms-data/content/start/intro-shop.jpg"); background-position:center center; background-repeat:no-repeat; background-size:cover; } .helfrechtmethodik { width:100%; height:400px; min-height:400px; max-height:1000px; padding-top:100px; padding-bottom:100px; background-image:url("../../files/cms-data/layout/css/files/cms-data/content/start/intro-methodik.jpg"); background-position:center top; background-repeat:no-repeat; background-size:cover; } .wegweiser { width:100%; height:500px; min-height:500px; max-height:1000px; margin-bottom:30px; padding-top:50px; padding-bottom:50px; background-image:url("../../files/cms-data/layout/css/files/cms-data/content/start/neubeihelfrecht.jpg"); background-position:center top; background-repeat:no-repeat; background-size:cover; } .flying-element { { position: fixed; top: 100px; left: -300px; /* Element außerhalb des sichtbaren Bereichs positionieren */ width: 300px; height: 150px; background: url('/files/cms-data/content/landing/HelfRecht.png') no-repeat center center; background-size: cover; padding: 10px; color: white; display: flex; align-items: center; transition: left 1s; /* Übergang für das Einfliessen */ } .flying-element.scrolled { left: 0; /* Position wenn gescrollt */ } .down-button { position: absolute; top: 0; right: 0; padding: 10px; background: #000000; color: #ffffff; } } .leadintro { width:100%; height:500px; min-height:500px; max-height:1000px; padding-top:50px; padding-bottom:50px; background-image:url("../../files/cms-data/layout/css/files/cms-data/content/start/emotion-header.jpg"); background-position:center top; background-repeat:no-repeat; background-size:cover; } .leadintrov2 { width:100%; height:500px; min-height:500px; max-height:1000px; padding-top:50px; padding-bottom:50px; background-image:url("../../files/cms-data/layout/css/files/cms-data/content/start/emotion-header-2017.jpg"); background-position:center top; background-repeat:no-repeat; background-size:cover; } .unternehmensnachfolge { width:100%; height:400px; min-height:400px; max-height:1000px; padding-top:100px; padding-bottom:100px; background-image:url("../../files/cms-data/layout/css/files/cms-data/content/landing/Nachfolgeregelung/website1.png"); background-position:center top; background-repeat:no-repeat; background-size:cover; } .center .explanation h2 { text-align:center; } .terminseite a { color:#7a7a7a; } .widget-explanation { text-align:center; } .widget-explanation h2 { text-align:left; } .widget-explanation h3 { text-align:left; } .ce_form { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .layout_latest h2 { font-size:22px; line-height:28px; } .layout_latest { margin-bottom:50px; } .layout_latest .image_container { margin-bottom:20px; } .time { font-size:18px; font-weight:bold; } .buch { background-image:url("../../files/cms-data/layout/css/files/cms-data/content/planungstage/buch/buch.jpg") !important; background-position:center center !important; background-repeat:no-repeat !important; border:1px solid #dedede !important; border-radius:5px !important; behavior:url('assets/css3pie/1.0.0/PIE.htc') !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .planer { background-image:url("../../files/cms-data/layout/css/files/cms-data/content/planungstage/planer/planer.jpg") !important; background-position:center center !important; background-repeat:no-repeat !important; border:1px solid #dedede !important; border-radius:5px !important; behavior:url('assets/css3pie/1.0.0/PIE.htc') !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #kundenkachel { border:1px solid #dedede; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #red { background-color:#ca2632; color:#fff; } #darkgrey { background-color:#55555f; color:#fff; } .trennerlinie { width:100%; height:1px; margin-top:30px; margin-bottom:30px; background-color:#c20324; } html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, q, small, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; font-family:Open Sans; font-weight: 300; -webkit-text-size-adjust: auto; } body { font-size:16px; line-height:24px; color:#55555f; line-height: 24px !important; } body.start { background-image:url("../../files/cms-data/layout/css/files/cms-data/content/start/emotion-header.jpg"); background-position:center top; background-repeat:no-repeat; background-origin: content-box; } body.landingmitarbeiterführung { width:100%; height:100%; background-image:url("../../files/cms-data/layout/css/files/cms-data/content/landing/mitarbeiterfuehrung/mitarbeiterfuehrung-bg.jpg"); background-position:center top; background-repeat:no-repeat; background-attachment:fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } body.landingstellenanzeige { width:100%; height:100%; background-image:url("../../files/cms-data/layout/css/files/cms-data/content/landing/AdobeStock_473776230.jpeg"); background-position:center top; background-repeat:no-repeat; background-attachment:fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } body.landingfamilienstiftung { width:100%; height:100%; background-image:url("../../files/cms-data/layout/css/files/cms-data/content/landing/Titelbild_Familienstiftung.jpg"); background-position:center top; background-repeat:no-repeat; background-attachment:fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } body.landingfeedbackmaek { width:100%; height:100%; background-image:url("../../files/cms-data/layout/css/files/cms-data/content/Aktuelles/Gewinnspiel-mehr-als-ein-kalender.jpg"); background-position:center top; background-repeat:no-repeat; background-attachment:fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } body.landingebook { width:100%; height:100%; background-image:url("../../files/cms-data/layout/css/files/cms-data/content/landing/E-Book/Tisch6.jpg"); background-position:center top; background-repeat:no-repeat; background-attachment:fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } body.landingttu { width:100%; height:100%; background-image:url("../../files/cms-data/layout/css/files/cms-data/content/planungstage/TTU/AdobeStock_488711501.jpeg"); background-position:center top; background-repeat:no-repeat; background-attachment:fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } body.landinglaspielregeln { width:100%; height:100%; background-image:url("../../files/cms-data/layout/css/files/cms-data/content/landing/LeadAir Website/kelly-sikkema-Dx1b5ucschA-unsplash.jpg"); background-position:center top; background-repeat:no-repeat; background-attachment:fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } body.landingideascanner { width:100%; height:100%; background-image:url("../../files/cms-data/layout/css/files/cms-data/content/landing/Webinar IDEASCANNER.jpg"); background-position:center top; background-repeat:no-repeat; background-attachment:fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } body.landinghelfrechtview { width:100%; height:100%; background-image:url("../../files/cms-data/layout/css/files/cms-data/content/landing/AdobeStock_382640499.jpeg"); background-position:center top; background-repeat:no-repeat; background-attachment:fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } body.landingkundenbesuch { width:100%; height:100%; background-image:url("../../files/cms-data/layout/css/files/cms-data/content/landing/Wir-kommen-zu-Ihnen.jpeg"); background-position:center top; background-repeat:no-repeat; background-attachment:fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } body.landingjahreszieltagung { width:100%; height:100%; background-image:url("../../files/cms-data/layout/css/files/cms-data/content/landing/Ziele.jpeg"); background-position:center top; background-repeat:no-repeat; background-attachment:fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } body.landingempfehlung { width:100%; height:100%; background-image:url("../../files/cms-data/layout/css/files/cms-data/content/landing/Empfehlung/AdobeStock_244961612.jpeg"); background-position:center top; background-attachment:fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } body.landinghelfrechtbasic { width:100%; height:100%; background-image:url("../../files/cms-data/layout/css/files/cms-data/content/Intern_Landing/AdobeStock_284080320.jpeg"); background-position:center top; background-repeat:no-repeat; background-attachment:fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } body.landingleistungsuebersicht { width:100%; height:100%; background-image:url("../../files/cms-data/layout/css/files/cms-data/content/landing/2022_05_HR_Anzeige_A4_druck-1.png"); background-position:center top; background-repeat:no-repeat; background-attachment:fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } body.landingwebinarverkaufen { width:100%; height:100%; background-image:url("../../files/cms-data/layout/css/files/cms-data/content/landing/Webinar Verkaufen in turbulenten Zeiten/christin-hume-mfB1B1s4sMc-unsplash.jpg"); background-position:center top; background-repeat:no-repeat; background-attachment:fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } body.landingujzp { width:100%; height:100%; background-image:url("../../files/cms-data/layout/css/files/cms-data/content/landing/firmbee-com-SpVHcbuKi6E-unsplash.jpg"); background-position:center top; background-repeat:no-repeat; background-attachment:fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } body.landingartikel { width:100%; height:100%; background-image:url("../../files/cms-data/layout/css/files/cms-data/content/Anhaenge/Hintergrund-Fachartikel-VH-60.png"); background-position:center top; background-repeat:no-repeat; background-attachment:fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } body.landingpt { width:100%; height:100%; background-image:url("../../files/cms-data/layout/css/files/cms-data/content/landing/shapelined-_JBKdviweXI-unsplash.jpg"); background-position:center top; background-repeat:no-repeat; background-attachment:fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } body.landingberatersha { width:100%; height:100%; background-image:url("../../files/cms-data/layout/css/files/cms-data/content/Berater/Stephanie Hacker.jpg"); background-position:center top; background-repeat:no-repeat; background-attachment:fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } body.landingworklifebalance { width:100%; height:100%; background-image:url("../../files/cms-data/layout/css/files/cms-data/content/landing/worklifebalance/afterworkparty-bg.jpg"); background-position:center top; background-repeat:no-repeat; background-attachment:fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } body.landingonlineakademie { width:100%; height:100%; background-image:url("../../files/cms-data/layout/css/files/cms-data/content/landing/unsplash-Willihem-Iven-hand-handy-smartphone-laptop-pc-tisch-arbeit-homeoffice.jpg"); background-position:center top; background-repeat:no-repeat; background-attachment:fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } body.landingzeitmanagement { width:100%; height:100%; background-image:url("../../files/cms-data/layout/css/files/cms-data/content/landing/zeitmanagement/telefonkonferenz-bg.jpg"); background-position:center top; background-repeat:no-repeat; background-attachment:fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } body.landingselbstmanagement { width:100%; height:100%; background-image:url("../../files/cms-data/layout/css/files/cms-data/content/landing/selbstmanagement/praesentation-bg.jpg"); background-position:center top; background-repeat:no-repeat; background-attachment:fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .event .ce_text { padding-top:20px; padding-bottom:20px; } .mod_eventlist h2 { padding-top:20px; } .mod_newsreader h2 { font-size:20px; line-height:23px; } p { line-height:22px; } a { text-decoration:none; color:#b11a27; } a:hover { text-decoration:none; color:#000; } h1 { font-size:26px; line-height:33px; font-weight: 300; } h2 { margin-bottom:20px; font-size:30px; line-height:34px; } h4 { font-size: 20px !important; font-weight: 300; line-height: 28px !important; } li { margin-top:10px; margin-bottom:10px; margin-left:-20px; padding-left:20px; line-height:16px; color:#000; list-style-type: square !important; } .ce_text li { font-style:italic; list-style-type:square; margin-left: 20px !important; line-height: 24px !important; } article, aside, figure, figure img, figcaption, hgroup, footer, header, nav, section, video, object { display:block; } #header { height:75px; background-color:#bd0b20; } a img { border:0; } figure { position:relative; } figure img { width:100%; } .container12, .container16 { width:1140px; position:relative; margin:0 auto; padding:0; } .row { margin-bottom:20px; } .column1, .column2, .column3, .column4, .column5, .column6, .column7, .column8, .column9, .column10, .column11, .column12, .column13, .column14, .column15, .column16 { float:left; display:inline; margin-right:10px; margin-left:10px; } .container12 .alpha, .container16 .alpha { margin-left:0; } .container12 .omega, .container16 .omega { margin-right:0; } .container12 .column1 { width:75px; } .container12 .column2 { width:170px; } .container12 .column3 { width:265px; } .container12 .column4 { width:360px; } .container12 .column5 { width:455px; } .container12 .column6 { width:550px; } .container12 .column7 { width:645px; } .container12 .column8 { width:740px; } .container12 .column9 { width:835px; } .container12 .column10 { width:930px; } .container12 .column11 { width:1025px; } .container12 .column12 { width:1120px; } .container12 .prefix1 { padding-left:95px; } .container12 .prefix2 { padding-left:190px; } .container12 .prefix3 { padding-left:285px; } .container12 .prefix4 { padding-left:380px; } .container12 .prefix5 { padding-left:475px; } .container12 .prefix6 { padding-left:570px; } .container12 .prefix7 { padding-left:665px; } .container12 .prefix8 { padding-left:760px; } .container12 .prefix9 { padding-left:855px; } .container12 .prefix10 { padding-left:950px; } .container12 .prefix11 { padding-left:1045px; } .container16 .column1 { width:51.25px; } .container16 .column2 { width:122.5px; } .container16 .column3 { width:193.75px; } .container16 .column4 { width:265px; } .container16 .column5 { width:336.25px; } .container16 .column6 { width:407.5px; } .container16 .column7 { width:478.75px; } .container16 .column8 { width:550px; } .container16 .column9 { width:621.25px; } .container16 .column10 { width:692.5px; } .container16 .column11 { width:763.75px; } .container16 .column12 { width:835px; } .container16 .column13 { width:906.25px; } .container16 .column14 { width:977.5px; } .container16 .column15 { width:1048.75px; } .container16 .column16 { width:1120px; } .container16 .prefix1 { padding-left:71.25px; } .container16 .prefix2 { padding-left:142.5px; } .container16 .prefix3 { padding-left:213.75px; } .container16 .prefix4 { padding-left:285px; } .container16 .prefix5 { padding-left:356.25px; } .container16 .prefix6 { padding-left:427.5px; } .container16 .prefix7 { padding-left:498.75px; } .container16 .prefix8 { padding-left:570px; } .container16 .prefix9 { padding-left:641.25px; } .container16 .prefix10 { padding-left:712.5px; } .container16 .prefix11 { padding-left:783.75px; } .container16 .prefix12 { padding-left:855px; } .container16 .prefix13 { padding-left:926.25px; } .container16 .prefix14 { padding-left:997.5px; } .container16 .prefix15 { padding-left:1068.75px; } @media only screen and (min-width: 960px) and (max-width: 1160px) { .container12, .container16 {width:960px;} .container12 .column1 {width:60px;} .container12 .column2 {width:140px;} .container12 .column3 {width:220px;} .container12 .column4 {width:300px;} .container12 .column5 {width:380px;} .container12 .column6 {width:460px;} .container12 .column7 {width:540px;} .container12 .column8 {width:620px;} .container12 .column9 {width:700px;} .container12 .column10 {width:780px;} .container12 .column11 {width:860px;} .container12 .column12 {width:940px;} .container12 .prefix1 {padding-left:80px;} .container12 .prefix2 {padding-left:160px;} .container12 .prefix3 {padding-left:240px;} .container12 .prefix4 {padding-left:320px;} .container12 .prefix5 {padding-left:400px;} .container12 .prefix6 {padding-left:480px;} .container12 .prefix7 {padding-left:560px;} .container12 .prefix8 {padding-left:640px;} .container12 .prefix9 {padding-left:720px;} .container12 .prefix10 {padding-left:800px;} .container12 .prefix11 {padding-left:880px;} .container16 .column1 {width:40px;} .container16 .column2 {width:100px;} .container16 .column3 {width:160px;} .container16 .column4 {width:220px;} .container16 .column5 {width:280px;} .container16 .column6 {width:340px;} .container16 .column7 {width:400px;} .container16 .column8 {width:460px;} .container16 .column9 {width:520px;} .container16 .column10 {width:580px;} .container16 .column11 {width:640px;} .container16 .column12 {width:700px;} .container16 .column13 {width:760px;} .container16 .column14 {width:820px;} .container16 .column15 {width:880px;} .container16 .column16 {width:940px;} .container16 .prefix1 {padding-left:60px;} .container16 .prefix2 {padding-left:120px;} .container16 .prefix3 {padding-left:180px;} .container16 .prefix4 {padding-left:240px;} .container16 .prefix5 {padding-left:300px;} .container16 .prefix6 {padding-left:360px;} .container16 .prefix7 {padding-left:420px;} .container16 .prefix8 {padding-left:480px;} .container16 .prefix9 {padding-left:540px;} .container16 .prefix10 {padding-left:600px;} .container16 .prefix11 {padding-left:660px;} .container16 .prefix12 {padding-left:720px;} .container16 .prefix13 {padding-left:780px;} .container16 .prefix14 {padding-left:840px;} .container16 .prefix15 {padding-left:900px;} } @media only screen and (min-width: 768px) and (max-width: 959px) { .container12, .container16 {width:768px;} .container12 .column1 {width:44px;} .container12 .column2 {width:108px;} .container12 .column3 {width:172px;} .container12 .column4 {width:236px;} .container12 .column5 {width:300px;} .container12 .column6 {width:364px;} .container12 .column7 {width:428px;} .container12 .column8 {width:492px;} .container12 .column9 {width:556px;} .container12 .column10 {width:620px;} .container12 .column11 {width:684px;} .container12 .column12 {width:748px;} .container12 .prefix1 {padding-left:64px;} .container12 .prefix2 {padding-left:128px;} .container12 .prefix3 {padding-left:192px;} .container12 .prefix4 {padding-left:256px;} .container12 .prefix5 {padding-left:320px;} .container12 .prefix6 {padding-left:384px;} .container12 .prefix7 {padding-left:448px;} .container12 .prefix8 {padding-left:512px;} .container12 .prefix9 {padding-left:576px;} .container12 .prefix10 {padding-left:640px;} .container12 .prefix11 {padding-left:704px;} .container16 .column1 {width:28px;} .container16 .column2 {width:76px;} .container16 .column3 {width:124px;} .container16 .column4 {width:172px;} .container16 .column5 {width:220px;} .container16 .column6 {width:268px;} .container16 .column7 {width:316px;} .container16 .column8 {width:364px;} .container16 .column9 {width:412px;} .container16 .column10 {width:460px;} .container16 .column11 {width:508px;} .container16 .column12 {width:556px;} .container16 .column13 {width:604px;} .container16 .column14 {width:652px;} .container16 .column15 {width:700px;} .container16 .column16 {width:748px;} .container16 .prefix1 {padding-left:48px;} .container16 .prefix2 {padding-left:96px;} .container16 .prefix3 {padding-left:144px;} .container16 .prefix4 {padding-left:192px;} .container16 .prefix5 {padding-left:240px;} .container16 .prefix6 {padding-left:288px;} .container16 .prefix7 {padding-left:336px;} .container16 .prefix8 {padding-left:384px;} .container16 .prefix9 {padding-left:432px;} .container16 .prefix10 {padding-left:480px;} .container16 .prefix11 {padding-left:528px;} .container16 .prefix12 {padding-left:576px;} .container16 .prefix13 {padding-left:624px;} .container16 .prefix14 {padding-left:672px;} .container16 .prefix15 {padding-left:720px;} } @media only screen and (max-width: 767px) { .container12, .container16 {width:300px;} .container12 .column1, .container16 .column1, .container12 .column2, .container16 .column2, .container12 .column3, .container16 .column3, .container12 .column4, .container16 .column4, .container12 .column5, .container16 .column5, .container12 .column6, .container16 .column6, .container12 .column7, .container16 .column7, .container12 .column8, .container16 .column8, .container12 .column9, .container16 .column9, .container12 .column10, .container16 .column10, .container12 .column11, .container16 .column11, .container12 .column12, .container16 .column12, .container16 .column13, .container16 .column14, .container16 .column15, .container16 .column16 { /*margin:0 0 20px 0;*/ width:300px; } .container12 .prefix1, .container12 .prefix2, .container12 .prefix3, .container12 .prefix4, .container12 .prefix5, .container12 .prefix6, .container12 .prefix7, .container12 .prefix8, .container12 .prefix9, .container12 .prefix10, .container12 .prefix11, .container16 .prefix1, .container16 .prefix2, .container16 .prefix3, .container16 .prefix4, .container16 .prefix5, .container16 .prefix6, .container16 .prefix7, .container16 .prefix8, .container16 .prefix9, .container16 .prefix10, .container16 .prefix11, .container16 .prefix12, .container16 .prefix13, .container16 .prefix14, .container16 .prefix15 {padding-left:0;} .row {margin:0;} } @media only screen and (min-width: 480px) and (max-width: 767px) { .container12, .container16 {width:420px;} .container12 .column1, .container16 .column1, .container12 .column2, .container16 .column2, .container12 .column3, .container16 .column3, .container12 .column4, .container16 .column4, .container12 .column5, .container16 .column5, .container12 .column6, .container16 .column6, .container12 .column7, .container16 .column7, .container12 .column8, .container16 .column8, .container12 .column9, .container16 .column9, .container12 .column10, .container16 .column10, .container12 .column11, .container16 .column11, .container12 .column12, .container16 .column12, .container16 .column13, .container16 .column14, .container16 .column15, .container16 .column16 { /*margin:0 0 20px 0;*/ width:420px; } .container12 .prefix1, .container12 .prefix2, .container12 .prefix3, .container12 .prefix4, .container12 .prefix5, .container12 .prefix6, .container12 .prefix7, .container12 .prefix8, .container12 .prefix9, .container12 .prefix10, .container12 .prefix11, .container16 .prefix1, .container16 .prefix2, .container16 .prefix3, .container16 .prefix4, .container16 .prefix5, .container16 .prefix6, .container16 .prefix7, .container16 .prefix8, .container16 .prefix9, .container16 .prefix10, .container16 .prefix11, .container16 .prefix12, .container16 .prefix13, .container16 .prefix14, .container16 .prefix15 {padding-left:0;} .row {margin:0;} } .clearfix:before, .clearfix:after, .row:before, .row:after, .container12:before, .container12:after, .container16:before, .container16:after { width:0; height:0; overflow:hidden; display:block; content:'.'; visibility:hidden; } /* http://sonspring.com/journal/clearing-floats */ .clear { width:0; height:0; overflow:hidden; clear:both; display:block; visibility:hidden; } .row:after, .clearfix:after, .container12:after, .container16:after { clear:both; } /* For IE7. Move this to separate file when you notice some problems */ .row, .clearfix { zoom: 1; } img, object, embed { max-width:100%; } img { height:auto; } .topbar { height:70px; max-height:70px; overflow:hidden; padding-top:5px; background-color:#bd0b20; } .textoverlay { top:-5px; position:relative; display:block; z-index: 999 !important; margin-bottom: -5px !important; } a.overlaygreen { width:100%; display:block; padding:20px; background-color:#a1c33e; font-size:18px; text-decoration:none; color:#fff; font-weight: 300; } a.overlaygreen:hover { width:100%; display:block; padding:20px; background-color:#8ba632; font-size:18px; text-decoration:none; color:#fff; } a.overlayblue { width:100%; display:block; padding:20px; background-color:#077d8b; font-size:18px; text-decoration:none; color:#fff; font-weight: 300; } a.overlayblue:hover { width:100%; display:block; padding:20px; background-color:#046770; font-size:18px; text-decoration:none; color:#fff; } a.overlayrosa { width:100%; display:block; padding:20px; background-color:#dd80ab; font-size:18px; text-decoration:none; color:#fff; font-weight: 300; } a.overlayrosa:hover { width:100%; display:block; padding:20px; background-color:#c26d96; font-size:18px; text-decoration:none; color:#fff; } a.overlayred { width:100%; display:block; padding:15px 20px; background-color:#bd0b20; font-size:18px; text-decoration:none; color:#fff; font-weight: 300; } a.overlayred:hover { width:100%; display:block; padding:15px 20px; background-color:#a3081a; font-size:18px; text-decoration:none; color:#fff; } a.overlaygreen { width:100%; display:block; padding:20px; background-color:#a4c500; font-size:18px; text-decoration:none; color:#fff; font-weight: 300; } a.overlaygreen:hover { width:100%; display:block; padding:20px; background-color:#91ad00; font-size:18px; text-decoration:none; color:#fff; } a.overlaygrey { width:100%; display:block; padding:15px 20px; background-color:#55555f; font-size:18px; text-decoration:none; color:#fff; font-weight: 300; } a.overlaygrey:hover { width:100%; display:block; padding:15px 20px; background-color:#40404a; font-size:18px; text-decoration:none; color:#fff; } .ce_hyperlink a { width:100%; display:block; margin-top:20px; margin-bottom:20px; padding:20px; background-color:#bd0b20; font-size:18px; text-decoration:none; color:#fff; } .ce_hyperlink a:hover { width:100%; display:block; margin-top:20px; margin-bottom:20px; padding:20px; background-color:#a3081a; font-size:18px; text-decoration:none; color:#fff; } .bold { font-weight: 700; } .extrabold { font-weight: 800; } #footer { margin-top:30px; padding-top:40px; padding-bottom:140px; background-color:#bd0b20; color:#fff; } #footer h2 { color:#fff; } #footer p { line-height:22px; } #footer a { line-height:18px; text-decoration:none; color:#fff; } #footer a:hover { line-height:18px; text-decoration:none; color:#dedede; } .caroufredsel_skin { margin-right:10px; margin-left:10px; } h3 { margin-top:5px; margin-bottom:30px; line-height:30px; font-style:italic; font-family: 'Droid Serif', serif; font-weight: 400; font-size: 24px; } h4 { margin-bottom:30px; font-size:14px; } .fullscreenwhite { padding-top:30px; padding-bottom:30px; background-color:#fff; color:#4f4f4f; } .fullscreengreen { padding-top:30px; padding-bottom:30px; background-color:#249136; } .fullscreengrey { padding-top:30px; padding-bottom:30px; background-color:#ededed; } #intro { } #introtext { margin-top:50px; text-align:center; color:#4f4f4f; } #introtext h2 { font-weight:bold; } #introtextstart { margin-top:50px; color:#313136; } #introtextstartschwarz { margin-top:50px; color:#fffff; } #introtextstart h1 { color:#fff; font-size: 5vw !important; line-height: 90%; } #introtextwegweiser h1 { color:#b61622; font-size: 40px !important; line-height: 90%; } #introtextloesungen h1 { color:#b61622; font-size: 4vw !important; line-height: 90%; } #introtextstart h2 { line-height: 100%; font-size: 28px !important; } .layout_short { margin-bottom:30px; } .mod_newslist { margin-top:30px; } .mod_newslist h2 a { font-weight: 600 !important; } .ce_caroufredsel_start { margin-top:30px; } .mod_newsreader p { margin-bottom:30px; } .mod_newsreader .ce_text { margin-left:0; } #leadbutton a { display:block; padding:20px 30px; text-align:center; border:1px solid #bf0317; border-radius:5px; font-size:18px; color:#bf0317; } #leadbutton a:hover { display:block; padding:20px 30px; text-align:center; background-color:#bf0317; border:1px solid #bf0317; font-size:18px; color:#fff; } .back { margin-top:30px; } .back a { margin-top:30px; padding:10px 20px; text-align:center; border:1px solid #4f4f4f; font-size:18px; color:#4f4f4f; } .back a:hover { margin-top:30px; padding:10px 20px; text-align:center; background-color:#4f4f4f; border:1px solid #4f4f4f; font-size:18px; color:#fff; } #paketkachel { height:200px; min-height:200px; background-image:url("../../files/cms-data/layout/css/files/cms-data/layout/package/package.png"); background-position:right bottom; background-repeat:no-repeat; border:0px solid; border-radius:5px; } #paketkachel:hover { height:200px; min-height:200px; background-image:url("../../files/cms-data/layout/css/files/cms-data/layout/package/viewpackage.png"); background-position:right bottom; background-repeat:no-repeat; } #paketkachel a { height:200px; min-height:200px; display:block; padding:20px; font-size:18px; line-height:24px; color:#fff; font-weight: 300; } #paketinhalt { height:350px; display:block; border:0px solid; border-radius:5px; } #paketinhalt a { width:85%; height:350px; min-height:350px; max-height:100%; overflow:auto; display:inline-block; padding:20px; text-align:left; white-space:normal; font-size:18px; line-height:22px; color:#fff; font-weight: 400; } #paketinhaltb { height:175px; display:block; border:0px solid; border-radius:5px; } #paketinhaltb a { width:85%; height:350px; min-height:350px; max-height:100%; overflow:auto; display:inline-block; padding:20px; text-align:left; white-space:normal; font-size:18px; line-height:22px; color:#fff; font-weight: 400; } #paketinhaltjubi { height:175px; display:block; background-image:url("../../files/cms-data/layout/css/files/Bilder/FM8_7697.JPG"); background-position:right bottom; background-repeat:no-repeat; border:0px solid; border-radius:5px; } .white { background-color:#ededed; color:#787f82; } .white:hover { background-color:#e3e3e3; color:#787f82; } .white a { color: #787f82 !important; } .red { background-color:#bd0b20; } .red:hover { background-color:#a3081a; } .lila { background-color:#802759; color:#fff; } .magenta { background-color:#c13b78; color:#fff; } .magenta:hover { background-color:#a63065; color:#fffff; } .hrred { background-color:#bd0c20; color:#fff; } .grey { background-color:#55555f; color:#fff; } .grey:hover { background-color:#464652; color:#fff; } .lightgrey { background-color:#ededed; color: #000 !important; } .lightgreykeynote { background-color:#dfeaf0; color: #000 !important; } .lightgrey:hover { background-color:#dbdbdb; color: #000 !important; } .lightgrey a { color: #5c5c5c !important; } .yellow { background-color:#ffed39; color: #000 !important; } .yellow2019 { background-color:#f7d106; color: #000 !important; } .yellow:hover { background-color:#ffe100; color: #000 !important; } .yellow a { color: #5c5c5c !important; } .brown { background-color:#b0a699; color:#fff; } .brown:hover { background-color:#9c9184; color:#fff; } .darkblue { background-color:#00507a; color:#fff; } .darkblue:hover { background-color:#003c5c; color:#fff; } .darkred { background-color:#7d0b18; color:#fff; } .darkred:hover { background-color:#690713; color:#fff; } .green { background-color:#bfce31; color:#fff; } .green:hover { background-color:#adbf0a; color:#fff; } .lightblue { background-color:#4ba6b1; color:#fff; } .pdlgreen { background-color:#208434; color:#fff; } .lightblue:hover { background-color:#3a939c; color:#fff; } .lightorange { background-color:#f7a619; color:#fff; } .lightorange:hover { background-color:#f78419; color:#fff; } .midblue { background-color:#3994ac; color:#fff; } .azubiblue { background-color:#00b0cf; color:#fff; } .neonred { background-color:#f65058; color:#fff; } .flieder { background-color:#b7abd3; color:#fff; } .neonred:hover { background-color:#f53f48; color:#fff; } .midblue:hover { background-color:#2e8499; color:#fff; } .orange { background-color:#f78619; color:#fff; } .gold { background-color:#9f8946; color:#fff; } .silber { background-color:#9a9897; color:#fff; } .orange:hover { background-color:#e87000; color:#fff; } .purple { background-color:#918eb9; color:#fff; } .purple:hover { background-color:#7b78ad; color:#fff; } .lightpurple { background-color:#b7b4e0; color:#fff; } .lightpurple:hover { background-color:#a29fcf; color:#fff; } .steelblue { background-color:#3b4c55; color:#fff; } .steelblue:hover { background-color:#32454f; color:#fff; } .fragebogen { width:500px; height:300px; margin-right:auto; text-align:justify; color:#000; } .fragebogen2 { height:185px; text-align:left; color:#000; } .eventbox { min-height:400px; max-height:530px; position:relative; margin-top:20px; } .eventbox h2 { font-size:23px; } .mod_eventlist .date { font-size:30px; } .mod_eventlist .day { font-size:11px; } .mod_eventlist .location { margin-top:10px; font-size:18px; } .terminbox { margin-bottom:30px; } .preis { width:230px; height:65px; float:left; display:block; margin-bottom:20px; margin-left:0; padding-top:35px; padding-left:20px; text-align:center; background-image:url("../../files/cms-data/layout/css/files/cms-data/layout/preis.png"); background-repeat:no-repeat; font-size:30px; color:#fff; } .preisinfo { width:250px; float:left; padding-top:35px; padding-bottom:20px; font-size:20px; font-weight:bold; } .explanation { margin-top:20px; margin-bottom:20px; } @font-face { font-family:'FontAwesome';src:url('../../files/cms-data/layout/fonts/fontawesome-webfont.eot?v=4.7.0');src:url('../../files/cms-data/layout/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../../files/cms-data/layout/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../../files/cms-data/layout/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../../files/cms-data/layout/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../../files/cms-data/layout/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal } .fa { display:inline-block; font:normal normal normal 14px/1 FontAwesome; font-size:inherit; text-rendering:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; } .fa-lg { vertical-align:-15%; font-size:1.33333333em; line-height:.75em; } .fa-2x { font-size:2em; } .fa-3x { font-size:3em; } .fa-4x { font-size:4em; } .fa-5x { font-size:5em; } .fa-fw { width:1.28571429em; text-align:center; } .fa-ul { margin-left:2.14285714em; padding-left:0; list-style-type:none; } .fa-ul>li { position:relative; } .fa-li { width:2.14285714em; left:-2.14285714em; position:absolute; text-align:center; top:.14285714em; } .fa-li.fa-lg { left:-1.85714286em; } .fa-border { padding:.2em .25em .15em; border-style:.08em; border-color:#eee; border-radius:.1em; } .fa-pull-left { float:left; } .fa-pull-right { float:right; } .fa.fa-pull-left { margin-right:.3em; } .fa.fa-pull-right { margin-left:.3em; } .pull-right { float:right; } .pull-left { float:left; } .fa.pull-left { margin-right:.3em; } .fa.pull-right { margin-left:.3em; } .fa-spin { -webkit-animation:fa-spin 2s infinite linear; animation:fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation:fa-spin 1s infinite steps(8); animation:fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)} } @keyframes fa-spin { 0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)} } .fa-rotate-90 { -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); } .fa-rotate-180 { -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg); } .fa-rotate-270 { -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform:rotate(270deg); -ms-transform:rotate(270deg); transform:rotate(270deg); } .fa-flip-horizontal { -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform:scale(-1, 1); -ms-transform:scale(-1, 1); transform:scale(-1, 1); } .fa-flip-vertical { -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform:scale(1, -1); -ms-transform:scale(1, -1); transform:scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter:none; } .fa-stack { width:2em; height:2em; position:relative; display:inline-block; vertical-align:middle; line-height:2em; } .fa-stack-1x, .fa-stack-2x { width:100%; left:0; position:absolute; text-align:center; } .fa-stack-1x { line-height:inherit; } .fa-stack-2x { font-size:2em; } .fa-inverse { color:#fff; } .fa-glass:before { content:"\f000"; } .fa-music:before { content:"\f001"; } .fa-search:before { content:"\f002"; } .fa-envelope-o:before { content:"\f003"; } .fa-heart:before { content:"\f004"; } .fa-star:before { content:"\f005"; } .fa-star-o:before { content:"\f006"; } .fa-user:before { content:"\f007"; } .fa-film:before { content:"\f008"; } .fa-th-large:before { content:"\f009"; } .fa-th:before { content:"\f00a"; } .fa-th-list:before { content:"\f00b"; } .fa-check:before { content:"\f00c"; } .fa-remove:before, .fa-close:before, .fa-times:before { content:"\f00d"; } .fa-search-plus:before { content:"\f00e"; } .fa-search-minus:before { content:"\f010"; } .fa-power-off:before { content:"\f011"; } .fa-signal:before { content:"\f012"; } .fa-gear:before, .fa-cog:before { content:"\f013"; } .fa-trash-o:before { content:"\f014"; } .fa-home:before { content:"\f015"; } .fa-file-o:before { content:"\f016"; } .fa-clock-o:before { content:"\f017"; } .fa-road:before { content:"\f018"; } .fa-download:before { content:"\f019"; } .fa-arrow-circle-o-down:before { content:"\f01a"; } .fa-arrow-circle-o-up:before { content:"\f01b"; } .fa-inbox:before { content:"\f01c"; } .fa-play-circle-o:before { content:"\f01d"; } .fa-rotate-right:before, .fa-repeat:before { content:"\f01e"; } .fa-refresh:before { content:"\f021"; } .fa-list-alt:before { content:"\f022"; } .fa-lock:before { content:"\f023"; } .fa-flag:before { content:"\f024"; } .fa-headphones:before { content:"\f025"; } .fa-volume-off:before { content:"\f026"; } .fa-volume-down:before { content:"\f027"; } .fa-volume-up:before { content:"\f028"; } .fa-qrcode:before { content:"\f029"; } .fa-barcode:before { content:"\f02a"; } .fa-tag:before { content:"\f02b"; } .fa-tags:before { content:"\f02c"; } .fa-book:before { content:"\f02d"; } .fa-bookmark:before { content:"\f02e"; } .fa-print:before { content:"\f02f"; } .fa-camera:before { content:"\f030"; } .fa-font:before { content:"\f031"; } .fa-bold:before { content:"\f032"; } .fa-italic:before { content:"\f033"; } .fa-text-height:before { content:"\f034"; } .fa-text-width:before { content:"\f035"; } .fa-align-left:before { content:"\f036"; } .fa-align-center:before { content:"\f037"; } .fa-align-right:before { content:"\f038"; } .fa-align-justify:before { content:"\f039"; } .fa-list:before { content:"\f03a"; } .fa-dedent:before, .fa-outdent:before { content:"\f03b"; } .fa-indent:before { content:"\f03c"; } .fa-video-camera:before { content:"\f03d"; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content:"\f03e"; } .fa-pencil:before { content:"\f040"; } .fa-map-marker:before { content:"\f041"; } .fa-adjust:before { content:"\f042"; } .fa-tint:before { content:"\f043"; } .fa-edit:before, .fa-pencil-square-o:before { content:"\f044"; } .fa-share-square-o:before { content:"\f045"; } .fa-check-square-o:before { content:"\f046"; } .fa-arrows:before { content:"\f047"; } .fa-step-backward:before { content:"\f048"; } .fa-fast-backward:before { content:"\f049"; } .fa-backward:before { content:"\f04a"; } .fa-play:before { content:"\f04b"; } .fa-pause:before { content:"\f04c"; } .fa-stop:before { content:"\f04d"; } .fa-forward:before { content:"\f04e"; } .fa-fast-forward:before { content:"\f050"; } .fa-step-forward:before { content:"\f051"; } .fa-eject:before { content:"\f052"; } .fa-chevron-left:before { content:"\f053"; } .fa-chevron-right:before { content:"\f054"; } .fa-plus-circle:before { content:"\f055"; } .fa-minus-circle:before { content:"\f056"; } .fa-times-circle:before { content:"\f057"; } .fa-check-circle:before { content:"\f058"; } .fa-question-circle:before { content:"\f059"; } .fa-info-circle:before { content:"\f05a"; } .fa-crosshairs:before { content:"\f05b"; } .fa-times-circle-o:before { content:"\f05c"; } .fa-check-circle-o:before { content:"\f05d"; } .fa-ban:before { content:"\f05e"; } .fa-arrow-left:before { content:"\f060"; } .fa-arrow-right:before { content:"\f061"; } .fa-arrow-up:before { content:"\f062"; } .fa-arrow-down:before { content:"\f063"; } .fa-mail-forward:before, .fa-share:before { content:"\f064"; } .fa-expand:before { content:"\f065"; } .fa-compress:before { content:"\f066"; } .fa-plus:before { content:"\f067"; } .fa-minus:before { content:"\f068"; } .fa-asterisk:before { content:"\f069"; } .fa-exclamation-circle:before { content:"\f06a"; } .fa-gift:before { content:"\f06b"; } .fa-leaf:before { content:"\f06c"; } .fa-fire:before { content:"\f06d"; } .fa-eye:before { content:"\f06e"; } .fa-eye-slash:before { content:"\f070"; } .fa-warning:before, .fa-exclamation-triangle:before { content:"\f071"; } .fa-plane:before { content:"\f072"; } .fa-calendar:before { content:"\f073"; } .fa-random:before { content:"\f074"; } .fa-comment:before { content:"\f075"; } .fa-magnet:before { content:"\f076"; } .fa-chevron-up:before { content:"\f077"; } .fa-chevron-down:before { content:"\f078"; } .fa-retweet:before { content:"\f079"; } .fa-shopping-cart:before { content:"\f07a"; } .fa-folder:before { content:"\f07b"; } .fa-folder-open:before { content:"\f07c"; } .fa-arrows-v:before { content:"\f07d"; } .fa-arrows-h:before { content:"\f07e"; } .fa-bar-chart-o:before, .fa-bar-chart:before { content:"\f080"; } .fa-twitter-square:before { content:"\f081"; } .fa-facebook-square:before { content:"\f082"; } .fa-camera-retro:before { content:"\f083"; } .fa-key:before { content:"\f084"; } .fa-gears:before, .fa-cogs:before { content:"\f085"; } .fa-comments:before { content:"\f086"; } .fa-thumbs-o-up:before { content:"\f087"; } .fa-thumbs-o-down:before { content:"\f088"; } .fa-star-half:before { content:"\f089"; } .fa-heart-o:before { content:"\f08a"; } .fa-sign-out:before { content:"\f08b"; } .fa-linkedin-square:before { content:"\f08c"; } .fa-thumb-tack:before { content:"\f08d"; } .fa-external-link:before { content:"\f08e"; } .fa-sign-in:before { content:"\f090"; } .fa-trophy:before { content:"\f091"; } .fa-github-square:before { content:"\f092"; } .fa-upload:before { content:"\f093"; } .fa-lemon-o:before { content:"\f094"; } .fa-phone:before { content:"\f095"; } .fa-square-o:before { content:"\f096"; } .fa-bookmark-o:before { content:"\f097"; } .fa-phone-square:before { content:"\f098"; } .fa-twitter:before { content:"\f099"; } .fa-facebook-f:before, .fa-facebook:before { content:"\f09a"; } .fa-github:before { content:"\f09b"; } .fa-unlock:before { content:"\f09c"; } .fa-credit-card:before { content:"\f09d"; } .fa-feed:before, .fa-rss:before { content:"\f09e"; } .fa-hdd-o:before { content:"\f0a0"; } .fa-bullhorn:before { content:"\f0a1"; } .fa-bell:before { content:"\f0f3"; } .fa-certificate:before { content:"\f0a3"; } .fa-hand-o-right:before { content:"\f0a4"; } .fa-hand-o-left:before { content:"\f0a5"; } .fa-hand-o-up:before { content:"\f0a6"; } .fa-hand-o-down:before { content:"\f0a7"; } .fa-arrow-circle-left:before { content:"\f0a8"; } .fa-arrow-circle-right:before { content:"\f0a9"; } .fa-arrow-circle-up:before { content:"\f0aa"; } .fa-arrow-circle-down:before { content:"\f0ab"; } .fa-globe:before { content:"\f0ac"; } .fa-wrench:before { content:"\f0ad"; } .fa-tasks:before { content:"\f0ae"; } .fa-filter:before { content:"\f0b0"; } .fa-briefcase:before { content:"\f0b1"; } .fa-arrows-alt:before { content:"\f0b2"; } .fa-group:before, .fa-users:before { content:"\f0c0"; } .fa-chain:before, .fa-link:before { content:"\f0c1"; } .fa-cloud:before { content:"\f0c2"; } .fa-flask:before { content:"\f0c3"; } .fa-cut:before, .fa-scissors:before { content:"\f0c4"; } .fa-copy:before, .fa-files-o:before { content:"\f0c5"; } .fa-paperclip:before { content:"\f0c6"; } .fa-save:before, .fa-floppy-o:before { content:"\f0c7"; } .fa-square:before { content:"\f0c8"; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content:"\f0c9"; } .fa-list-ul:before { content:"\f0ca"; } .fa-list-ol:before { content:"\f0cb"; } .fa-strikethrough:before { content:"\f0cc"; } .fa-underline:before { content:"\f0cd"; } .fa-table:before { content:"\f0ce"; } .fa-magic:before { content:"\f0d0"; } .fa-truck:before { content:"\f0d1"; } .fa-pinterest:before { content:"\f0d2"; } .fa-pinterest-square:before { content:"\f0d3"; } .fa-google-plus-square:before { content:"\f0d4"; } .fa-google-plus:before { content:"\f0d5"; } .fa-money:before { content:"\f0d6"; } .fa-caret-down:before { content:"\f0d7"; } .fa-caret-up:before { content:"\f0d8"; } .fa-caret-left:before { content:"\f0d9"; } .fa-caret-right:before { content:"\f0da"; } .fa-columns:before { content:"\f0db"; } .fa-unsorted:before, .fa-sort:before { content:"\f0dc"; } .fa-sort-down:before, .fa-sort-desc:before { content:"\f0dd"; } .fa-sort-up:before, .fa-sort-asc:before { content:"\f0de"; } .fa-envelope:before { content:"\f0e0"; } .fa-linkedin:before { content:"\f0e1"; } .fa-rotate-left:before, .fa-undo:before { content:"\f0e2"; } .fa-legal:before, .fa-gavel:before { content:"\f0e3"; } .fa-dashboard:before, .fa-tachometer:before { content:"\f0e4"; } .fa-comment-o:before { content:"\f0e5"; } .fa-comments-o:before { content:"\f0e6"; } .fa-flash:before, .fa-bolt:before { content:"\f0e7"; } .fa-sitemap:before { content:"\f0e8"; } .fa-umbrella:before { content:"\f0e9"; } .fa-paste:before, .fa-clipboard:before { content:"\f0ea"; } .fa-lightbulb-o:before { content:"\f0eb"; } .fa-exchange:before { content:"\f0ec"; } .fa-cloud-download:before { content:"\f0ed"; } .fa-cloud-upload:before { content:"\f0ee"; } .fa-user-md:before { content:"\f0f0"; } .fa-stethoscope:before { content:"\f0f1"; } .fa-suitcase:before { content:"\f0f2"; } .fa-bell-o:before { content:"\f0a2"; } .fa-coffee:before { content:"\f0f4"; } .fa-cutlery:before { content:"\f0f5"; } .fa-file-text-o:before { content:"\f0f6"; } .fa-building-o:before { content:"\f0f7"; } .fa-hospital-o:before { content:"\f0f8"; } .fa-ambulance:before { content:"\f0f9"; } .fa-medkit:before { content:"\f0fa"; } .fa-fighter-jet:before { content:"\f0fb"; } .fa-beer:before { content:"\f0fc"; } .fa-h-square:before { content:"\f0fd"; } .fa-plus-square:before { content:"\f0fe"; } .fa-angle-double-left:before { content:"\f100"; } .fa-angle-double-right:before { content:"\f101"; } .fa-angle-double-up:before { content:"\f102"; } .fa-angle-double-down:before { content:"\f103"; } .fa-angle-left:before { content:"\f104"; } .fa-angle-right:before { content:"\f105"; } .fa-angle-up:before { content:"\f106"; } .fa-angle-down:before { content:"\f107"; } .fa-desktop:before { content:"\f108"; } .fa-laptop:before { content:"\f109"; } .fa-tablet:before { content:"\f10a"; } .fa-mobile-phone:before, .fa-mobile:before { content:"\f10b"; } .fa-circle-o:before { content:"\f10c"; } .fa-quote-left:before { content:"\f10d"; } .fa-quote-right:before { content:"\f10e"; } .fa-spinner:before { content:"\f110"; } .fa-circle:before { content:"\f111"; } .fa-mail-reply:before, .fa-reply:before { content:"\f112"; } .fa-github-alt:before { content:"\f113"; } .fa-folder-o:before { content:"\f114"; } .fa-folder-open-o:before { content:"\f115"; } .fa-smile-o:before { content:"\f118"; } .fa-frown-o:before { content:"\f119"; } .fa-meh-o:before { content:"\f11a"; } .fa-gamepad:before { content:"\f11b"; } .fa-keyboard-o:before { content:"\f11c"; } .fa-flag-o:before { content:"\f11d"; } .fa-flag-checkered:before { content:"\f11e"; } .fa-terminal:before { content:"\f120"; } .fa-code:before { content:"\f121"; } .fa-mail-reply-all:before, .fa-reply-all:before { content:"\f122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content:"\f123"; } .fa-location-arrow:before { content:"\f124"; } .fa-crop:before { content:"\f125"; } .fa-code-fork:before { content:"\f126"; } .fa-unlink:before, .fa-chain-broken:before { content:"\f127"; } .fa-question:before { content:"\f128"; } .fa-info:before { content:"\f129"; } .fa-exclamation:before { content:"\f12a"; } .fa-superscript:before { content:"\f12b"; } .fa-subscript:before { content:"\f12c"; } .fa-eraser:before { content:"\f12d"; } .fa-puzzle-piece:before { content:"\f12e"; } .fa-microphone:before { content:"\f130"; } .fa-microphone-slash:before { content:"\f131"; } .fa-shield:before { content:"\f132"; } .fa-calendar-o:before { content:"\f133"; } .fa-fire-extinguisher:before { content:"\f134"; } .fa-rocket:before { content:"\f135"; } .fa-maxcdn:before { content:"\f136"; } .fa-chevron-circle-left:before { content:"\f137"; } .fa-chevron-circle-right:before { content:"\f138"; } .fa-chevron-circle-up:before { content:"\f139"; } .fa-chevron-circle-down:before { content:"\f13a"; } .fa-html5:before { content:"\f13b"; } .fa-css3:before { content:"\f13c"; } .fa-anchor:before { content:"\f13d"; } .fa-unlock-alt:before { content:"\f13e"; } .fa-bullseye:before { content:"\f140"; } .fa-ellipsis-h:before { content:"\f141"; } .fa-ellipsis-v:before { content:"\f142"; } .fa-rss-square:before { content:"\f143"; } .fa-play-circle:before { content:"\f144"; } .fa-ticket:before { content:"\f145"; } .fa-minus-square:before { content:"\f146"; } .fa-minus-square-o:before { content:"\f147"; } .fa-level-up:before { content:"\f148"; } .fa-level-down:before { content:"\f149"; } .fa-check-square:before { content:"\f14a"; } .fa-pencil-square:before { content:"\f14b"; } .fa-external-link-square:before { content:"\f14c"; } .fa-share-square:before { content:"\f14d"; } .fa-compass:before { content:"\f14e"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content:"\f150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content:"\f151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content:"\f152"; } .fa-euro:before, .fa-eur:before { content:"\f153"; } .fa-gbp:before { content:"\f154"; } .fa-dollar:before, .fa-usd:before { content:"\f155"; } .fa-rupee:before, .fa-inr:before { content:"\f156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content:"\f157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content:"\f158"; } .fa-won:before, .fa-krw:before { content:"\f159"; } .fa-bitcoin:before, .fa-btc:before { content:"\f15a"; } .fa-file:before { content:"\f15b"; } .fa-file-text:before { content:"\f15c"; } .fa-sort-alpha-asc:before { content:"\f15d"; } .fa-sort-alpha-desc:before { content:"\f15e"; } .fa-sort-amount-asc:before { content:"\f160"; } .fa-sort-amount-desc:before { content:"\f161"; } .fa-sort-numeric-asc:before { content:"\f162"; } .fa-sort-numeric-desc:before { content:"\f163"; } .fa-thumbs-up:before { content:"\f164"; } .fa-thumbs-down:before { content:"\f165"; } .fa-youtube-square:before { content:"\f166"; } .fa-youtube:before { content:"\f167"; } .fa-xing:before { content:"\f168"; } .fa-xing-square:before { content:"\f169"; } .fa-youtube-play:before { content:"\f16a"; } .fa-dropbox:before { content:"\f16b"; } .fa-stack-overflow:before { content:"\f16c"; } .fa-instagram:before { content:"\f16d"; } .fa-flickr:before { content:"\f16e"; } .fa-adn:before { content:"\f170"; } .fa-bitbucket:before { content:"\f171"; } .fa-bitbucket-square:before { content:"\f172"; } .fa-tumblr:before { content:"\f173"; } .fa-tumblr-square:before { content:"\f174"; } .fa-long-arrow-down:before { content:"\f175"; } .fa-long-arrow-up:before { content:"\f176"; } .fa-long-arrow-left:before { content:"\f177"; } .fa-long-arrow-right:before { content:"\f178"; } .fa-apple:before { content:"\f179"; } .fa-windows:before { content:"\f17a"; } .fa-android:before { content:"\f17b"; } .fa-linux:before { content:"\f17c"; } .fa-dribbble:before { content:"\f17d"; } .fa-skype:before { content:"\f17e"; } .fa-foursquare:before { content:"\f180"; } .fa-trello:before { content:"\f181"; } .fa-female:before { content:"\f182"; } .fa-male:before { content:"\f183"; } .fa-gittip:before, .fa-gratipay:before { content:"\f184"; } .fa-sun-o:before { content:"\f185"; } .fa-moon-o:before { content:"\f186"; } .fa-archive:before { content:"\f187"; } .fa-bug:before { content:"\f188"; } .fa-vk:before { content:"\f189"; } .fa-weibo:before { content:"\f18a"; } .fa-renren:before { content:"\f18b"; } .fa-pagelines:before { content:"\f18c"; } .fa-stack-exchange:before { content:"\f18d"; } .fa-arrow-circle-o-right:before { content:"\f18e"; } .fa-arrow-circle-o-left:before { content:"\f190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content:"\f191"; } .fa-dot-circle-o:before { content:"\f192"; } .fa-wheelchair:before { content:"\f193"; } .fa-vimeo-square:before { content:"\f194"; } .fa-turkish-lira:before, .fa-try:before { content:"\f195"; } .fa-plus-square-o:before { content:"\f196"; } .fa-space-shuttle:before { content:"\f197"; } .fa-slack:before { content:"\f198"; } .fa-envelope-square:before { content:"\f199"; } .fa-wordpress:before { content:"\f19a"; } .fa-openid:before { content:"\f19b"; } .fa-institution:before, .fa-bank:before, .fa-university:before { content:"\f19c"; } .fa-mortar-board:before, .fa-graduation-cap:before { content:"\f19d"; } .fa-yahoo:before { content:"\f19e"; } .fa-google:before { content:"\f1a0"; } .fa-reddit:before { content:"\f1a1"; } .fa-reddit-square:before { content:"\f1a2"; } .fa-stumbleupon-circle:before { content:"\f1a3"; } .fa-stumbleupon:before { content:"\f1a4"; } .fa-delicious:before { content:"\f1a5"; } .fa-digg:before { content:"\f1a6"; } .fa-pied-piper-pp:before { content:"\f1a7"; } .fa-pied-piper-alt:before { content:"\f1a8"; } .fa-drupal:before { content:"\f1a9"; } .fa-joomla:before { content:"\f1aa"; } .fa-language:before { content:"\f1ab"; } .fa-fax:before { content:"\f1ac"; } .fa-building:before { content:"\f1ad"; } .fa-child:before { content:"\f1ae"; } .fa-paw:before { content:"\f1b0"; } .fa-spoon:before { content:"\f1b1"; } .fa-cube:before { content:"\f1b2"; } .fa-cubes:before { content:"\f1b3"; } .fa-behance:before { content:"\f1b4"; } .fa-behance-square:before { content:"\f1b5"; } .fa-steam:before { content:"\f1b6"; } .fa-steam-square:before { content:"\f1b7"; } .fa-recycle:before { content:"\f1b8"; } .fa-automobile:before, .fa-car:before { content:"\f1b9"; } .fa-cab:before, .fa-taxi:before { content:"\f1ba"; } .fa-tree:before { content:"\f1bb"; } .fa-spotify:before { content:"\f1bc"; } .fa-deviantart:before { content:"\f1bd"; } .fa-soundcloud:before { content:"\f1be"; } .fa-database:before { content:"\f1c0"; } .fa-file-pdf-o:before { content:"\f1c1"; } .fa-file-word-o:before { content:"\f1c2"; } .fa-file-excel-o:before { content:"\f1c3"; } .fa-file-powerpoint-o:before { content:"\f1c4"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content:"\f1c5"; } .fa-file-zip-o:before, .fa-file-archive-o:before { content:"\f1c6"; } .fa-file-sound-o:before, .fa-file-audio-o:before { content:"\f1c7"; } .fa-file-movie-o:before, .fa-file-video-o:before { content:"\f1c8"; } .fa-file-code-o:before { content:"\f1c9"; } .fa-vine:before { content:"\f1ca"; } .fa-codepen:before { content:"\f1cb"; } .fa-jsfiddle:before { content:"\f1cc"; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content:"\f1cd"; } .fa-circle-o-notch:before { content:"\f1ce"; } .fa-ra:before, .fa-resistance:before, .fa-rebel:before { content:"\f1d0"; } .fa-ge:before, .fa-empire:before { content:"\f1d1"; } .fa-git-square:before { content:"\f1d2"; } .fa-git:before { content:"\f1d3"; } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content:"\f1d4"; } .fa-tencent-weibo:before { content:"\f1d5"; } .fa-qq:before { content:"\f1d6"; } .fa-wechat:before, .fa-weixin:before { content:"\f1d7"; } .fa-send:before, .fa-paper-plane:before { content:"\f1d8"; } .fa-send-o:before, .fa-paper-plane-o:before { content:"\f1d9"; } .fa-history:before { content:"\f1da"; } .fa-circle-thin:before { content:"\f1db"; } .fa-header:before { content:"\f1dc"; } .fa-paragraph:before { content:"\f1dd"; } .fa-sliders:before { content:"\f1de"; } .fa-share-alt:before { content:"\f1e0"; } .fa-share-alt-square:before { content:"\f1e1"; } .fa-bomb:before { content:"\f1e2"; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content:"\f1e3"; } .fa-tty:before { content:"\f1e4"; } .fa-binoculars:before { content:"\f1e5"; } .fa-plug:before { content:"\f1e6"; } .fa-slideshare:before { content:"\f1e7"; } .fa-twitch:before { content:"\f1e8"; } .fa-yelp:before { content:"\f1e9"; } .fa-newspaper-o:before { content:"\f1ea"; } .fa-wifi:before { content:"\f1eb"; } .fa-calculator:before { content:"\f1ec"; } .fa-paypal:before { content:"\f1ed"; } .fa-google-wallet:before { content:"\f1ee"; } .fa-cc-visa:before { content:"\f1f0"; } .fa-cc-mastercard:before { content:"\f1f1"; } .fa-cc-discover:before { content:"\f1f2"; } .fa-cc-amex:before { content:"\f1f3"; } .fa-cc-paypal:before { content:"\f1f4"; } .fa-cc-stripe:before { content:"\f1f5"; } .fa-bell-slash:before { content:"\f1f6"; } .fa-bell-slash-o:before { content:"\f1f7"; } .fa-trash:before { content:"\f1f8"; } .fa-copyright:before { content:"\f1f9"; } .fa-at:before { content:"\f1fa"; } .fa-eyedropper:before { content:"\f1fb"; } .fa-paint-brush:before { content:"\f1fc"; } .fa-birthday-cake:before { content:"\f1fd"; } .fa-area-chart:before { content:"\f1fe"; } .fa-pie-chart:before { content:"\f200"; } .fa-line-chart:before { content:"\f201"; } .fa-lastfm:before { content:"\f202"; } .fa-lastfm-square:before { content:"\f203"; } .fa-toggle-off:before { content:"\f204"; } .fa-toggle-on:before { content:"\f205"; } .fa-bicycle:before { content:"\f206"; } .fa-bus:before { content:"\f207"; } .fa-ioxhost:before { content:"\f208"; } .fa-angellist:before { content:"\f209"; } .fa-cc:before { content:"\f20a"; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content:"\f20b"; } .fa-meanpath:before { content:"\f20c"; } .fa-buysellads:before { content:"\f20d"; } .fa-connectdevelop:before { content:"\f20e"; } .fa-dashcube:before { content:"\f210"; } .fa-forumbee:before { content:"\f211"; } .fa-leanpub:before { content:"\f212"; } .fa-sellsy:before { content:"\f213"; } .fa-shirtsinbulk:before { content:"\f214"; } .fa-simplybuilt:before { content:"\f215"; } .fa-skyatlas:before { content:"\f216"; } .fa-cart-plus:before { content:"\f217"; } .fa-cart-arrow-down:before { content:"\f218"; } .fa-diamond:before { content:"\f219"; } .fa-ship:before { content:"\f21a"; } .fa-user-secret:before { content:"\f21b"; } .fa-motorcycle:before { content:"\f21c"; } .fa-street-view:before { content:"\f21d"; } .fa-heartbeat:before { content:"\f21e"; } .fa-venus:before { content:"\f221"; } .fa-mars:before { content:"\f222"; } .fa-mercury:before { content:"\f223"; } .fa-intersex:before, .fa-transgender:before { content:"\f224"; } .fa-transgender-alt:before { content:"\f225"; } .fa-venus-double:before { content:"\f226"; } .fa-mars-double:before { content:"\f227"; } .fa-venus-mars:before { content:"\f228"; } .fa-mars-stroke:before { content:"\f229"; } .fa-mars-stroke-v:before { content:"\f22a"; } .fa-mars-stroke-h:before { content:"\f22b"; } .fa-neuter:before { content:"\f22c"; } .fa-genderless:before { content:"\f22d"; } .fa-facebook-official:before { content:"\f230"; } .fa-pinterest-p:before { content:"\f231"; } .fa-whatsapp:before { content:"\f232"; } .fa-server:before { content:"\f233"; } .fa-user-plus:before { content:"\f234"; } .fa-user-times:before { content:"\f235"; } .fa-hotel:before, .fa-bed:before { content:"\f236"; } .fa-viacoin:before { content:"\f237"; } .fa-train:before { content:"\f238"; } .fa-subway:before { content:"\f239"; } .fa-medium:before { content:"\f23a"; } .fa-yc:before, .fa-y-combinator:before { content:"\f23b"; } .fa-optin-monster:before { content:"\f23c"; } .fa-opencart:before { content:"\f23d"; } .fa-expeditedssl:before { content:"\f23e"; } .fa-battery-4:before, .fa-battery:before, .fa-battery-full:before { content:"\f240"; } .fa-battery-3:before, .fa-battery-three-quarters:before { content:"\f241"; } .fa-battery-2:before, .fa-battery-half:before { content:"\f242"; } .fa-battery-1:before, .fa-battery-quarter:before { content:"\f243"; } .fa-battery-0:before, .fa-battery-empty:before { content:"\f244"; } .fa-mouse-pointer:before { content:"\f245"; } .fa-i-cursor:before { content:"\f246"; } .fa-object-group:before { content:"\f247"; } .fa-object-ungroup:before { content:"\f248"; } .fa-sticky-note:before { content:"\f249"; } .fa-sticky-note-o:before { content:"\f24a"; } .fa-cc-jcb:before { content:"\f24b"; } .fa-cc-diners-club:before { content:"\f24c"; } .fa-clone:before { content:"\f24d"; } .fa-balance-scale:before { content:"\f24e"; } .fa-hourglass-o:before { content:"\f250"; } .fa-hourglass-1:before, .fa-hourglass-start:before { content:"\f251"; } .fa-hourglass-2:before, .fa-hourglass-half:before { content:"\f252"; } .fa-hourglass-3:before, .fa-hourglass-end:before { content:"\f253"; } .fa-hourglass:before { content:"\f254"; } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content:"\f255"; } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content:"\f256"; } .fa-hand-scissors-o:before { content:"\f257"; } .fa-hand-lizard-o:before { content:"\f258"; } .fa-hand-spock-o:before { content:"\f259"; } .fa-hand-pointer-o:before { content:"\f25a"; } .fa-hand-peace-o:before { content:"\f25b"; } .fa-trademark:before { content:"\f25c"; } .fa-registered:before { content:"\f25d"; } .fa-creative-commons:before { content:"\f25e"; } .fa-gg:before { content:"\f260"; } .fa-gg-circle:before { content:"\f261"; } .fa-tripadvisor:before { content:"\f262"; } .fa-odnoklassniki:before { content:"\f263"; } .fa-odnoklassniki-square:before { content:"\f264"; } .fa-get-pocket:before { content:"\f265"; } .fa-wikipedia-w:before { content:"\f266"; } .fa-safari:before { content:"\f267"; } .fa-chrome:before { content:"\f268"; } .fa-firefox:before { content:"\f269"; } .fa-opera:before { content:"\f26a"; } .fa-internet-explorer:before { content:"\f26b"; } .fa-tv:before, .fa-television:before { content:"\f26c"; } .fa-contao:before { content:"\f26d"; } .fa-500px:before { content:"\f26e"; } .fa-amazon:before { content:"\f270"; } .fa-calendar-plus-o:before { content:"\f271"; } .fa-calendar-minus-o:before { content:"\f272"; } .fa-calendar-times-o:before { content:"\f273"; } .fa-calendar-check-o:before { content:"\f274"; } .fa-industry:before { content:"\f275"; } .fa-map-pin:before { content:"\f276"; } .fa-map-signs:before { content:"\f277"; } .fa-map-o:before { content:"\f278"; } .fa-map:before { content:"\f279"; } .fa-commenting:before { content:"\f27a"; } .fa-commenting-o:before { content:"\f27b"; } .fa-houzz:before { content:"\f27c"; } .fa-vimeo:before { content:"\f27d"; } .fa-black-tie:before { content:"\f27e"; } .fa-fonticons:before { content:"\f280"; } .fa-reddit-alien:before { content:"\f281"; } .fa-edge:before { content:"\f282"; } .fa-credit-card-alt:before { content:"\f283"; } .fa-codiepie:before { content:"\f284"; } .fa-modx:before { content:"\f285"; } .fa-fort-awesome:before { content:"\f286"; } .fa-usb:before { content:"\f287"; } .fa-product-hunt:before { content:"\f288"; } .fa-mixcloud:before { content:"\f289"; } .fa-scribd:before { content:"\f28a"; } .fa-pause-circle:before { content:"\f28b"; } .fa-pause-circle-o:before { content:"\f28c"; } .fa-stop-circle:before { content:"\f28d"; } .fa-stop-circle-o:before { content:"\f28e"; } .fa-shopping-bag:before { content:"\f290"; } .fa-shopping-basket:before { content:"\f291"; } .fa-hashtag:before { content:"\f292"; } .fa-bluetooth:before { content:"\f293"; } .fa-bluetooth-b:before { content:"\f294"; } .fa-percent:before { content:"\f295"; } .fa-gitlab:before { content:"\f296"; } .fa-wpbeginner:before { content:"\f297"; } .fa-wpforms:before { content:"\f298"; } .fa-envira:before { content:"\f299"; } .fa-universal-access:before { content:"\f29a"; } .fa-wheelchair-alt:before { content:"\f29b"; } .fa-question-circle-o:before { content:"\f29c"; } .fa-blind:before { content:"\f29d"; } .fa-audio-description:before { content:"\f29e"; } .fa-volume-control-phone:before { content:"\f2a0"; } .fa-braille:before { content:"\f2a1"; } .fa-assistive-listening-systems:before { content:"\f2a2"; } .fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before { content:"\f2a3"; } .fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before { content:"\f2a4"; } .fa-glide:before { content:"\f2a5"; } .fa-glide-g:before { content:"\f2a6"; } .fa-signing:before, .fa-sign-language:before { content:"\f2a7"; } .fa-low-vision:before { content:"\f2a8"; } .fa-viadeo:before { content:"\f2a9"; } .fa-viadeo-square:before { content:"\f2aa"; } .fa-snapchat:before { content:"\f2ab"; } .fa-snapchat-ghost:before { content:"\f2ac"; } .fa-snapchat-square:before { content:"\f2ad"; } .fa-pied-piper:before { content:"\f2ae"; } .fa-first-order:before { content:"\f2b0"; } .fa-yoast:before { content:"\f2b1"; } .fa-themeisle:before { content:"\f2b2"; } .fa-google-plus-circle:before, .fa-google-plus-official:before { content:"\f2b3"; } .fa-fa:before, .fa-font-awesome:before { content:"\f2b4"; } .fa-handshake-o:before { content:"\f2b5"; } .fa-envelope-open:before { content:"\f2b6"; } .fa-envelope-open-o:before { content:"\f2b7"; } .fa-linode:before { content:"\f2b8"; } .fa-address-book:before { content:"\f2b9"; } .fa-address-book-o:before { content:"\f2ba"; } .fa-vcard:before, .fa-address-card:before { content:"\f2bb"; } .fa-vcard-o:before, .fa-address-card-o:before { content:"\f2bc"; } .fa-user-circle:before { content:"\f2bd"; } .fa-user-circle-o:before { content:"\f2be"; } .fa-user-o:before { content:"\f2c0"; } .fa-id-badge:before { content:"\f2c1"; } .fa-drivers-license:before, .fa-id-card:before { content:"\f2c2"; } .fa-drivers-license-o:before, .fa-id-card-o:before { content:"\f2c3"; } .fa-quora:before { content:"\f2c4"; } .fa-free-code-camp:before { content:"\f2c5"; } .fa-telegram:before { content:"\f2c6"; } .fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before { content:"\f2c7"; } .fa-thermometer-3:before, .fa-thermometer-three-quarters:before { content:"\f2c8"; } .fa-thermometer-2:before, .fa-thermometer-half:before { content:"\f2c9"; } .fa-thermometer-1:before, .fa-thermometer-quarter:before { content:"\f2ca"; } .fa-thermometer-0:before, .fa-thermometer-empty:before { content:"\f2cb"; } .fa-shower:before { content:"\f2cc"; } .fa-bathtub:before, .fa-s15:before, .fa-bath:before { content:"\f2cd"; } .fa-podcast:before { content:"\f2ce"; } .fa-window-maximize:before { content:"\f2d0"; } .fa-window-minimize:before { content:"\f2d1"; } .fa-window-restore:before { content:"\f2d2"; } .fa-times-rectangle:before, .fa-window-close:before { content:"\f2d3"; } .fa-times-rectangle-o:before, .fa-window-close-o:before { content:"\f2d4"; } .fa-bandcamp:before { content:"\f2d5"; } .fa-grav:before { content:"\f2d6"; } .fa-etsy:before { content:"\f2d7"; } .fa-imdb:before { content:"\f2d8"; } .fa-ravelry:before { content:"\f2d9"; } .fa-eercast:before { content:"\f2da"; } .fa-microchip:before { content:"\f2db"; } .fa-snowflake-o:before { content:"\f2dc"; } .fa-superpowers:before { content:"\f2dd"; } .fa-wpexplorer:before { content:"\f2de"; } .fa-meetup:before { content:"\f2e0"; } .sr-only { width:1px; height:1px; position:absolute; overflow:hidden; margin:-1px; padding:0; border:0; clip:rect(0, 0, 0, 0); } .sr-only-focusable:active, .sr-only-focusable:focus { width:auto; height:auto; position:static; overflow:visible; margin:0; clip:auto; } .ui-accordion-content { margin-bottom:20px; } .funktionen .toggler { padding:10px 20px; } .funktionen .toggler:hover { padding:10px 20px; } .pt-50 { padding-top:50px; } .pt-25 { padding-top:25px; } .pb-50 { padding-bottom:50px; } .pb-25 { padding-bottom:25px; } .mt-100 { margin-top:100px; } .mt-50 { margin-top:50px; } .mt-25 { margin-top:25px; } .mb-100 { margin-bottom:100px; } .mb-50 { margin-bottom:50px; } .mb-25 { margin-bottom:25px; } .more a { display:block; margin-top:30px; font-weight:bold; } .ml-200 { margin-left: 200px; } .center { position:relative; display:block; margin: 0px auto !important; text-align: center !important; } .fr { position:relative; float:right; } .fl { position:relative; float:left; display:block; } .footerbar { width:100%; bottom:0; position:fixed; padding-top:20px; padding-bottom:20px; text-align:center; background-color:#55555f; color:#fff; z-index: 999999999 !important; } .opacity40 { opacity: 0.4; } .topright { right:0; top:-80px; position:absolute; display:block; z-index: 9999 !important; } .center { text-align:center; } .no-padding { padding: 0 !important; } .no-margin { margin: 0px !important; } #icon-navigation { width:250px; text-align:center; margin: 0px auto !important; } .iconnav { width:250px; min-width:250px; max-width:250px; bottom:20px; position:fixed; display:block; text-align:center; background-color:#45454e; border:1px solid #45454e; border-radius:10px; margin: 0px auto !important; z-index: 9999 !important; } .iconnav img { width:35px; margin:10px 5px; } #subscribemessage p { font-size:16px; color:#000; } #phplistsubscribe { padding:10px; border:0px solid; border-radius:2px; font-size:16px; color:#555560; } .overlay .subscribed { color: #fff !important; font-size: 16px !important; } .subscribed { color:#b8111b; } .pdf_link img { float:right; margin-right:10px; margin-bottom:20px; width: 70px !important; } a.btnback { float:right; display:inline-block; margin-right:10px; padding:10px; background-color:#555560; border:0px solid; border-radius:5px; color:#fff; } a.btnback:hover { background-color:#b9121b; } .widget-captcha { margin-top:20px; } .widget-radio span { width:100%; display:block; margin-bottom:10px; } .ui-accordion-content { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .teamseite .ui-accordion-content { margin-left: 0px !important; margin-right: 0px !important; } .chefbriefanmeldung form input { height:60px; max-width:500px; font-size:18px; } a.btnloesungenstart { position:absolute; padding:20px; text-align:center; background-color:#BD0B20; border:0px solid #55555f; border-radius:5px; font-size:26px; color:#fff; } a.btnloesungenstart:hover { background-color:#353538; border:0px solid #55555f; border-radius:5px; font-size:26px; color:#fff; } a.btnstartnew { display:inline; padding:10px; text-align:center; background-color:#55555f; border:0px solid #55555f; border-radius:3px; font-size:19px; color:#fff; z-index: 999 !important; } a.btnstartnew:hover { padding:10px; text-align:center; background-color:#fff; border:0px solid #4e4e56; border-radius:3px; font-size:19px; color:#4e4e56; z-index: 999 !important; } a.btnstart { position:absolute; padding:20px; text-align:center; background-color:#BD0B20; border:0px solid #55555f; border-radius:5px; font-size:26px; color:#fff; z-index: 999 !important; } a.btnstart:hover { background-color:#353538; border:0px solid #55555f; border-radius:5px; font-size:26px; color:#fff; } a.btnlanding { width:260px; position:relative; display:block; padding:20px; text-align:center; background-color:#BD0B20; border:0px solid #55555f; border-radius:5px; font-size:26px; color:#fff; z-index: 999 !important; margin: 0px auto !important; } a.btnlanding:hover { background-color:#353538; border:0px solid #55555f; border-radius:5px; font-size:26px; color:#fff; } .formbutton { display:block; margin-top:30px; text-align:center; } .submit { width:100px; height:40px; background-color:#be0b20; border:0px; color:#fff; } .formularfeld { padding-right:5px; padding-left:5px; font-size:18px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .formularfeldoverlay { padding-right:5px; padding-left:5px; font-size:18px; color:#fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .formularfeld input { height:45px; margin:5px -5px; padding-right:10px; padding-left:10px; font-size:14px; line-height:20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .overlay input { height:45px; margin-top:5px; margin-bottom:10px; padding:10px; color: #404040 !important; font-size: 14px !important; } .overlay h3 { color: #fff !important; } .overlay #email { width:300px; } .overlay textarea { margin-top:5px; margin-bottom:10px; padding:10px; color: #858585 !important; } .radio_container { margin-top:20px; margin-right:10px; margin-left:10px; padding:10px; } .checkbox_container { height:110px; margin-top:20px; margin-right:10px; margin-left:10px; padding:10px; } .checkbox_container span { } .checkbox_container span label { width:65%; float:left; padding-top:20px; padding-left:20px; text-align:right; font-size:14px; } .checkbox_container span input { width:20%; height:20px; float:left; display:block; margin-top:20px; text-align:left; } .checkbox_container_b { height:320px; margin:20px 10px; padding:10px; } .checkbox_container_planertest { height:150px; margin-top:20px; margin-right:10px; margin-left:10px; padding:10px; font-size:20pt; } .headline { margin-top:20px; margin-right:30px; margin-left:10px; padding:10px; } .textfeld { height:120px; margin-top:5px; margin-right:-5px; margin-left:-5px; padding:10px; } .menubutton { position:relative; float:left; } .secnav { position:relative; float:right; padding-top:18px; text-align:right; } .secnav a:hover { margin-right:5px; padding:5px; text-align:right; background-color:#fff; border:1px solid #fff; border-radius:5px; font-size:12px; text-decoration:none; color:#5c6569; font-weight: 300; } .secnav a { margin-right:5px; padding:5px; text-align:right; background-color:#55555f; border:1px solid #55555f; border-radius:5px; font-size:12px; text-decoration:none; color:#fff; } .secnav-center { max-width:180px; position:relative; float:left; display:block; padding-top:18px; text-align:center; } @media screen and (max-width: 770px) { .secnav-center { visibility: hidden !important; position: absolute; top: -5000px !important; } } .secnav-center a { margin-right:5px; padding:8px 5px; text-align:right; background-color:#55555f; border:1px solid #55555f; border-radius:5px; font-size:12px; text-decoration:none; color:#fff; } .secnav-center a:hover { margin-right:5px; padding:5px; text-align:right; background-color:#fff; border:1px solid #fff; border-radius:5px; font-size:12px; text-decoration:none; color:#5c6569; font-weight: 300; } .contentnav { position:relative; text-align:left; } .contentnav a { position:relative; float:left; display:block; margin-right:10px; margin-bottom:10px; padding:10px; background-color:#ededed; border:1px solid #ededed; border-radius:5px; font-size:12px; text-decoration:none; color:#787f82; } .contentnav a:hover { position:relative; float:left; display:block; margin-right:10px; padding:10px; background-color:#bd0b20; border:1px solid #bd0b20; border-radius:5px; font-size:12px; text-decoration:none; color:#fff; } .level_1 { position:relative; text-align:left; } .level_1 li { position:relative; float:left; display:block; margin-right:10px; margin-bottom:0; margin-left:0; padding:0; background-color:#ededed; border:1px solid #ededed; border-radius:5px; font-size:12px; text-decoration:none; color:#787f82; font-weight: 300; } .level_1 li a { display:block; padding:10px; font-size:12px; text-decoration:none; color:#787f82; font-weight: 300; } .level_1 li:hover { position:relative; float:left; display:block; margin-right:10px; background-color:#bd0b20; border:1px solid #bd0b20; border-radius:5px; cursor: pointer; color:#fff !important; } .level_1 li a:hover { font-size:12px; text-decoration:none; cursor: pointer; color: #fff !important; } .level_1 .active { display:block; padding:5px 4px 4px; background-color:#bd0b20; border:1px solid #bd0b20; border-radius:5px; font-size:12px; text-decoration:none; color:#fff; cursor: pointer; } .callback { width:100%; bottom:-10px; position:fixed; text-align: center !important; z-index: 999; } .callback img { width:200px; bottom:0; margin: 0px auto !important; text-align: center !important; z-index: 999; } .caroufredsel_controls { height:50px; float:right; margin-top:20px; color: #fff !important; } .caroufredsel_prev { margin-right:10px; padding:5px; background-color:#55555f; border:1px solid #55555f; border-radius:5px; font-size:13px; text-decoration:none; color: #fff !important; } .caroufredsel_prev:hover { margin-right:10px; padding:5px; background-color:#bd0b20; border:1px solid #bd0b20; border-radius:5px; font-size:13px; text-decoration:none; color:#fff; } .caroufredsel_next { margin-right:10px; padding:5px; background-color:#55555f; border:1px solid #55555f; border-radius:5px; font-size:13px; text-decoration:none; color: #fff !important; } .caroufredsel_next:hover { margin-right:10px; padding:5px; background-color:#bd0b20; border:1px solid #bd0b20; border-radius:5px; font-size:13px; text-decoration:none; color:#fff; } .btnicoloesungen { background-image:url("../../files/cms-data/layout/css/files/cms-data/content/start/colordots.png"); background-position:right center; background-repeat:no-repeat; } .toggler { margin-bottom:5px; padding:20px; background-color:#ededed; border-radius:5px; font-size:20px; font-weight:normal; color:#5c6569; cursor: pointer; font-weight: 300; } .toggler:hover { padding:20px; background-color:#bd0b20; font-size:20px; color:#fff; cursor: pointer; font-weight: 300; } #loesungen .ui-accordion-header { margin-right:10px; margin-left:10px; } .ui-accordion-header-active { padding:20px; background-color:#bd0b20; font-size:20px; color:#fff; cursor: pointer; font-weight: 300; } .accordion { padding-top:20px; } .order { width:200px; display:block; margin-top:50px; text-align:center; background: #bd0b20 !important; -webkit-border-radius: 5 !important; -moz-border-radius: 5 !important; border-radius: 5px !important; font-family: Open Sans !important; color: #ffffff !important; font-size: 23px !important; padding: 20px 20px 20px 20px !important; text-decoration: none !important; } .order:hover { width:200px; display:block; margin-top:50px; text-align:center; background: #383838 !important; text-decoration: none; } .dropdown { margin-top:20px; margin-bottom:20px; margin-left:10px; } .intro-linkbar a:hover { color: #b7b7b7 !important; } .intro-linkbar a { color: #fff !important; } .intro-linkbar { padding-top:20px; padding-bottom:10px; background-color:#353538; color:#fff; } .logo-topbar { max-width:250px; } .logo-topbar img { max-height:45px; margin-top:10px; } .mod_customnav { margin-bottom:20px; } .overlay .explanation { padding-left:10px; color:#fff; } .overlay .explanation a { padding-left:10px; color:#fff; } .overlay .mandatory { padding-left:10px; color:#fff; } .overlay #ctrl_525 { color:#000; } .overlay .select { color:#fff; } .nav { padding-top:50px; } li.navoverlay { position:relative; display:block; text-align:left; } .mainnav .level_1 li a { width:130px; height:130px; background: #fff !important; color: #bd0b20 !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; } .mod_breadcrumb { margin-bottom:20px; padding-top:10px; padding-bottom:10px; border:1px ridge #dedede; border-radius:5px; font-size:14px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mod_breadcrumb li { position:relative; float:left; display:block; margin-left:0; } .mod_breadcrumb ul li { margin-left:20px; background-image:url("../../files/cms-data/layout/css/files/cms-data/layout/breadcrumb-li-ico.png"); background-position:left center; background-repeat:no-repeat; } .overlay li { margin-top:0; margin-bottom:0; margin-left:0; padding-left:0; } #trigger-overlay { width:60px; height:70px; max-width:60px; max-height:70px; padding:0; background-color:#bd0b20; border:0px; z-index: 9999 !important; } /* Overlay style */ .overlay { width:100%; height:100%; bottom:0; left:0; top:0; position:fixed; overflow:scroll; background-color:rgba(189,11,32,1); z-index: 99999; } /* Overlay closing cross */ .overlay .overlay-close { width:70px; height:70px; right:20px; position:absolute; overflow:hidden; background:#bd0b20 url("../../files/cms-data/layout/css/files/cms-data/layout/function/cross.png") center center no-repeat; text-indent:200%; top: 20px; border: none; outline: none; z-index: 100; } /* Menu style */ .overlay nav { font-size:45px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .overlay ul { height:100%; position:relative; display:inline-block; margin:0 auto; padding:0; list-style: none; } .overlay ul li { height:1005cac%; min-height:54px; display:block; } .overlay ul li a { display:block; text-decoration:none; color:#fff; font-weight: 300; -webkit-transition: color 0.2s; transition: color 0.2s; } .overlay ul li a:hover, .overlay ul li a:focus { color:#000; } /* Effects */ .overlay-hugeinc { opacity: 0; visibility: hidden; -webkit-transition: opacity 0.5s, visibility 0s 0.5s; transition: opacity 0.5s, visibility 0s 0.5s; } .overlay-hugeinc.open { opacity: 1; visibility: visible; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } .overlay-hugeinc nav { -webkit-perspective: 1200px; perspective: 1200px; } .overlay-hugeinc nav ul { opacity: 0.4; -webkit-transform: translateY(-25%) rotateX(35deg); transform: translateY(-25%) rotateX(35deg); -webkit-transition: -webkit-transform 0.5s, opacity 0.5s; transition: transform 0.5s, opacity 0.5s; } .overlay-hugeinc.open nav ul { opacity: 1; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } .overlay-hugeinc.close nav ul { -webkit-transform: translateY(25%) rotateX(-35deg); transform: translateY(25%) rotateX(-35deg); } @media screen and (max-height: 30.5em) { .overlay nav { height: 70%; font-size: 34px; } .overlay ul li { min-height: 34px; } } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display:block; } audio, canvas, video { display:inline-block; } audio:not([controls]) { height:0; display:none; } [hidden] { display:none; } html { font-family:sans-serif; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; } body { margin:0; } a:focus { outline:thin dotted; } a:active, a:hover { outline:0; } abbr[title] { border-bottom:1px dotted; } b, strong { font-weight:bold; } dfn { font-style:italic; } hr { height:0; -moz-box-sizing:content-box; box-sizing:content-box; } mark { color:#000; background:#ff0; } code, kbd, pre, samp { font:1em monospace,serif; } pre { white-space:pre-wrap; } q { quotes:"\201C" "\201D" "\2018" "\2019"; } small { font-size:80%; } sub, sup { position:relative; vertical-align:baseline; font-size:75%; line-height:0; } sup { top:-0.5em; } sub { bottom:-0.25em; } img { border:0; } svg:not(:root) { overflow:hidden; } figure { margin:0; } fieldset { margin:0 2px; padding:.35em .625em .75em; border:1px solid #c0c0c0; } legend { padding:0; border:0; } button, input, select, textarea { margin:0; font-size:100%; font-family:inherit; } button, input { } button, select { text-transform:none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance:button; cursor:pointer; } button[disabled], html input[disabled] { cursor:default; } input[type="checkbox"], input[type="radio"] { padding:0; box-sizing:border-box; } input[type="search"] { -webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance:none; } button::-moz-focus-inner, input::-moz-focus-inner { padding:0; border:0; } textarea { overflow:auto; vertical-align:top; } table { border-collapse:collapse; border-spacing:0; } @-webkit-keyframes scroll-ani { 0% { opacity: 1; top: 29%; } 15% { opacity: 1; top: 50%; } 50% { opacity: 0; top: 50%; } 100% { opacity: 0; top: 29%; } } } @-moz-keyframes scroll-ani { 0% { opacity: 1; top: 29%; } 15% { opacity: 1; top: 50%; } 50% { opacity: 0; top: 50%; } 100% { opacity: 0; top: 29%; } } @keyframes scroll-ani { 0% { opacity: 1; top: 29%; } 15% { opacity: 1; top: 50%; } 50% { opacity: 0; top: 50%; } 100% { opacity: 0; top: 29%; } } .scrollicon { position:relative; float:left; display:block; width: 50px !important; z-index: 9999; } .mouse-scroll { display: inline-block; width: 100%; margin-top: 85px !important; line-height: 18px; font-size: 13px; font-weight: normal; color: #7F8C8D; color: #FFF; font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: 2px; text-decoration: none; cursor: pointer; overflow: hidden; } .mouse { position: relative; display: block; width: 46px; height: 73px; margin: 0 auto 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 3px solid #FFF; border-radius: 23px; } .mouse-movement { position: absolute; display: block; top: 29%; left: 50%; width: 16px; height: 16px; margin: -8px 0 0 -8px; /* background: #FFF; */ /* border-radius: 50%; */ -webkit-animation: scroll-ani 4s linear infinite; -moz-animation: scroll-ani 4s linear infinite; animation: scroll-ani 4s linear infinite; } .mouse-message { float: left; margin: -200px 0 0 7px; padding: 0; -webkit-animation: scroll-ani 4s linear infinite; -moz-animation: scroll-ani 4s linear infinite; animation: scroll-ani 4s linear infinite; } &:hover { .mouse-message { margin-top: 0; } } #introlanding .mouse-scroll { display: inline-block; width: 100%; margin-top: 85px !important; line-height: 18px; font-size: 13px; font-weight: normal; color: #BD0B20;; color: #BD0B20;; font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: 2px; text-decoration: none; cursor: pointer; overflow: hidden; } #introlanding .mouse-movement { position: absolute; display: block; top: 29%; left: 50%; width: 16px; height: 16px; margin: -8px 0 0 -8px; color: #BD0B20 !important; /* background: #FFF; */ /* border-radius: 50%; */ -webkit-animation: scroll-ani 4s linear infinite; -moz-animation: scroll-ani 4s linear infinite; animation: scroll-ani 4s linear infinite; } #introlanding .mouse { position: relative; display: block; width: 46px; height: 73px; margin: 0 auto 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 3px solid #BD0B20;; border-radius: 23px; }