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}.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}
/* dk_caroufredsel global styles */
.caroufredsel_skin .image_container img, .caroufredsel_thumbnails_skin .image_container img {
	vertical-align: bottom;
}
.caroufredsel > div, .caroufredsel > section, .caroufredsel_thumbnails > div {
	float: left;
}
.caroufredsel .clearfix {
	float: none;
	clear: both;
}
.caroufredsel_thumbnails_skin {
	position: relative;
}
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#00293a; opacity: 1; filter: alpha(opacity = 100);}
#colorbox{outline:0;}
    #cboxContent{margin-top:20px;background:#00293a;}
        .cboxIframe{background:#00293a;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:5px solid #00293a; background:#fff;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc; display:none !important;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc; display:none !important;}
        #cboxLoadingGraphic{background:url("../../files/hfc/layout/loading.gif") no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }

        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url("../../files/hfc/layout/controls.png") no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url("../../files/hfc/layout/controls.png") no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext:hover{background-position:bottom right;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url("../../files/hfc/layout/close.svg") no-repeat center #00293a; width:20px; height:20px; text-indent:-9999px;}
        #cboxClose:hover{background:url("../../files/hfc/layout/close-ws.svg") no-repeat center;}
/*
Farben

CYANBLAU: #00adee
PETROLBLAU: #00293a
GRAU DUNKEL: #7b8c96
HELLGRAU: #f5f5f5

*/


body, html{ min-height:100%; }
body{
         font-family: 'Source Sans Pro';
         font-style: normal;
         font-weight: 400;
         font-size:15px;
         line-height: 27px;
         letter-spacing: .01em;
         color: #00293a;
         margin:0px;
         padding:0px;
         background:#fff;
}
body.kontakt{
         background:#00293a;
         color:#fff;
}
/* Html Elemente */
h1{
         font-family: 'Source Sans Pro';
         font-style: normal;
         font-weight: 700;
         font-size:40px;
         line-height: normal;
         text-transform:uppercase;
         margin-top:18px;
         margin-bottom:24px;
}

h2{
         font-family: 'Source Sans Pro';
         font-style: normal;
         font-weight: 600;
         font-size:12px;
         line-height: normal;
         text-transform:uppercase;
         margin-top:.6em;
}
#philosophie h2,
#team h2{
         margin-top:.4em;
}
h3{

}
h4{

}

strong,
b{
         font-weight:600;
}
sup{ font-size:12px; }

a:link,
a:visited,
a:hover,
a:active,
a:focus,
div,
button{
         outline: 0px;
}
a{
         color: #00293a;
         text-decoration:none;
}
a:hover,
a:focus{
         color:#00adee;
}
a.cboxElement{  }
strong{

}
hr{
         border:0;
         color: #b4c32e;
         background-color: #b4c32e;
         height: 1px;
         margin: 30px 0px 10px 0px;
}
/* Allgemeine Formate */
.clear{clear:both;}
.left{float:left !important;}
.right{float:right !important;}
.textleft{text-align:left !important;}
.textright{text-align:right !important;}
.textcenter{text-align:center !important;}

.clearer{ clear:left; }

.error{ color:#ff0000; }

#main .ce_text ul{
         list-style-type:disc;
         padding-left:20px;
}
#main .ce_text ul li{
         margin-bottom:4px;
}
p{
         margin-bottom:24px;
}
/* Contao-Klassen --------------------------------------------------------------------------------------------------------- */
#wrapper{
         min-height:300px;
}
#header{
         position:fixed;
         z-index:9999;
         width:100%;
         padding-top:40px;
		 padding-bottom:40px;
		 overflow:visible;
		 background:transparent;
		 transition:all .5s;
}



#header.sticky{
	background:#fff;
	padding-top:20px;
	padding-bottom:20px;
}


#header .inside{
	overflow:visible;
}
.impressum #header,
.datenschutz #header{
         position:relative;
         z-index:9999;
}
#container{
         position:relative;
         z-index:9990;
}
#main{

}
#footer{
         position:relative;
         z-index:9980;
         background:#00293a;
         color:#fff;
         padding-top:50px;
         font-family: 'Source Sans Pro';
         font-style: normal;
         font-weight: 400;
         font-size:14px;
         line-height: normal;
         padding-bottom:20px;
         text-transform:uppercase;
}
#footer a{
         color:#fff;
}
#footer a:hover{
         color:#00adee;
}
#footer .ce_text,
#footer .mod_customnav{
         margin-top:10px;
}
#footer .ce_text.social{
         color:#405f6b;
		 margin-top:20px;
}
#footer .ce_text.social img{
         margin-top:8px;
         margin-left:5px;
}
#footer .ce_text.social h5{
         margin-left:5px;
}
#footer .ce_text.social img:hover{
         transform: scale(1.2);
}
#footer .ce_image img{
         width:95px;
         height:auto;
}
#footer h4{
         font-family: 'Source Sans Pro';
         font-style: normal;
         font-weight: 700;
         font-size:14px;
         line-height: normal;
         text-transform:uppercase;
         margin-bottom:40px;
}
#footer .mod_customnav li{
         margin-bottom:15px;
         color:#00adee;
}
#footer .ce_text.copy h6{
         font-family: 'Source Sans Pro';
         font-style: normal;
         font-weight: 600;
         font-size:10px;
         line-height: normal;
         text-transform:uppercase;
         color:#00adee;
         margin-top:70px;
         letter-spacing: .04em;
}
#footer .ce_image.logo img{
	margin-top:20px;
}
#footer .ce_text.member a{
	display:inline-block;
}
#footer .ce_text.member img.oog{
	height:60px;
	width:auto;
	margin-right:20px;
	margin-bottom:0px;
}
#footer .ce_text.member img.russ{
	height:80px;
	width:auto;
	margin-right:20px;
	margin-top:-4px;
	margin-bottom:10px;
}
#footer .ce_text.member img.ofn{
	height:60px;
	width:auto;
	margin-bottom:0px;
}

.image_container{
         margin-bottom:-5px;
}
/* Module ----------------------------------------------------------------------------------------------------------------- */
#header #logo img{
         width:280px;
         height:auto;
         margin-left:20px;
         max-width:90% !important;
		 transition:all .5s;
}

#header.sticky #logo img{
         width:190px;
}

#header #navigation{
         font-family: 'Source Sans Pro';
         font-style: normal;
         font-weight: 600;
         font-size:15px;
         line-height: normal;
         text-transform:uppercase;
         margin-top:-2px;
         overflow:visible;
}
#header ul.navigation li.first{
         padding-left:0px;
}
#header ul.navigation li.last{
         padding-right:0px;
}
/* ESSENTIAL STYLES */
.sf-menu, .sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}
.sf-menu li {
    position: relative;
}
.sf-menu ul {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    z-index: 9999;
    padding-top:8px;
    min-width: 12em; /* allow long menu items to determine submenu width */
    *width: 12em; /* no auto sub width for IE7, see white-space comment below */
}
.sf-menu > li {
    float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
    display: block;
}

.sf-menu a {
    display: block;
    position: relative;
}
.sf-menu ul ul {
    top: 0;
    left: 100%;
}
#header .sf-menu .level_2{
	background:transparent;
	transition:all .5s;
}
#header.sticky .sf-menu .level_2{
	background:#fff;
}
#header ul.level_2 li{
         padding-top:5px;
         padding-bottom:5px;
}

#header #navigation .claim{
         color:#00adee;
         font-weight: 700;
         line-height:15px;
		 opacity:1;
		 margin-bottom:12px;
		 transition:all .5s;
}
#header.sticky #navigation .claim{
		 opacity:0;
		 margin-bottom:0;
}



#header #navigation a{
         color:#fff;
		 transition:all .5s;
}
#header.sticky #navigation a{
         color:#7b8c96;
}

#header #navigation .nav-btn.active a{
		color:#00adee;
}


#header #navigation a:hover{
         color:#00adee;
}
.impressum #header #navigation a,
.datenschutz #header #navigation a,
.impressum #header #language a,
.datenschutz #header #language a,
.impressum #header #language strong,
.datenschutz #header #language strong{
         color: #00293a;
}
.impressum #header #navigation a:hover,
.datenschutz #header #navigation a:hover,
.impressum #header #language a:hover,
.datenschutz #header #language a:hover{
         color:#00adee;
}

#header #language{
         color:#fff;
		 transition:all .5s;
}
#header.sticky #language{
		 margin-top:11px;
}


.mod_article.grey{
         background:#f5f5f5;
         padding-top:90px;
         padding-bottom:110px;
}


/* Carousel */
.ce_caroufredsel_gallery .caroufredsel_wrapper{
         background:#00293a;
}
/*
.caroufredsel_gallery img{ transition: transform 5.5s; }
.caroufredsel_gallery.visible img{ transform: scale(1.05); }
*/
.caroufredsel_controls{
         margin-top:15px;
}
.caroufredsel_controls .caroufredsel_pagi a{
         background:#7b8c96;
         width:2px;
         height:20px;
         text-indent:-10000px;
         display:inline-block;
         margin-right:11px;
}
.caroufredsel_controls .caroufredsel_pagi a.selected{
         background:#00adee;
}
.caroufredsel_wrapper{ height:807px; }

#arrow-home{
         position:relative;
         z-index:895;
         color:#fff;
         cursor:pointer;
         margin-top:0px;
         text-align:center;
         height:70px;
         margin-top:20px;
}
@keyframes pfeil {
           0% {
              -webkit-transform: translate(0, 0);
              opacity: 0;
           }
           50% {
               opacity: .6;
           }
           100% {
                -webkit-transform: translate(0px, 10px);
                opacity: 0;
           }
}
#arrow-home img{
         height:50px;
         width:auto;
         animation-name: pfeil;
         animation-duration: 1.5s;
         animation-iteration-count: infinite;
}
#arrow-home:hover{

}
.home #arrow-home{
         margin-top:20px;
}

/* Buchnavigation */
.mod_booknav{
         margin-top:40px;
         line-height:15px;
}
.mod_booknav a{
         color:#00adee;
}
.mod_booknav li:hover a{
         color:#00293a;
}
.mod_booknav{
         text-transform:uppercase;
}
.mod_booknav li.up{ display:none; }
.mod_booknav li{
         display:inline-block;
}
.mod_booknav li.prev{ padding-right:10px; }
.mod_booknav li.next{ padding-left:15px; border-left:1px solid #00adee; }
.mod_booknav li.next.empty{ border-left:0px solid #00adee; }

.mod_booknav li.next a{
         position:relative;
         padding: 0rem 2.5rem 0rem 0rem;
}

.mod_booknav li.next a:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    position: absolute;
    right: 1rem;
    top: 50%;
    margin-top: -.25rem;
    border-style: solid;
    border-width: 4px 0 4px 8px;
    border-color: transparent transparent transparent #00adee;
}
.mod_booknav li.next a:hover:after{
         border-left-color: #00293a;
}

.mod_booknav li.prev a{
         position:relative;
         padding: 0rem 0rem 0rem 2.5rem;
}

.mod_booknav li.prev a:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    position: absolute;
    left: 1rem;
    top: 50%;
    margin-top: -.25rem;
    border-style: solid;
    border-width: 4px 8px 4px 0;
    border-color: transparent #00adee transparent transparent;
}
.mod_booknav li.prev a:hover:after{
         border-right-color: #00293a;
}

/* Sprachwechsler */
.mod_changelanguage{
         font-family: 'Source Sans Pro';
         font-style: normal;
         font-weight: 400;
         font-size:15px;
         line-height: normal;
         text-transform:uppercase;
         overflow:visible;
}
.impressum #header #language,
.datenschutz #header #language{
         color:#00293a;
}
.mod_changelanguage ul{
         margin-bottom:0px;
}
#header .mod_changelanguage a,
#header .mod_changelanguage strong{
         color:#fff;
		 font-weight:400;
		 transition:all .5s;
}
#header.sticky .mod_changelanguage a,
#header.sticky .mod_changelanguage strong{
         color:#7b8c96;
}
.impressum .mod_changelanguage a,
.datenschutz .mod_changelanguage a{
         color:#00293a;
}
.mod_changelanguage a:hover,
.impressum .mod_changelanguage a:hover,
.datenschutz .mod_changelanguage a:hover{
         color:#00adee;
}
.mod_changelanguage li{
         display:inline-block;
         padding-left:5px;
         padding-right:5px;
         line-height:15px;
}
#header .mod_changelanguage li.first{
         border-right:1px solid #fff;
         padding-right:6px;
		 transition:all .5s;
}
#header.sticky .mod_changelanguage li.first{
         border-right:1px solid #7b8c96;
}


.impressum .mod_changelanguage li.first ,
.datenschutz .mod_changelanguage li.first{
         border-right:1px solid #00293a;
}

/* Layout ----------------------------------------------------------------------------------------------------------------- */

/* Slider */
#slider{
         position:relative;
         padding-bottom:30px;
}
.home #slider{
         padding-bottom:30px;
}
#slider .ce_caroufredsel_gallery,
#slider .ce_image{
         position:relative;
         z-index:890;
}
#slider .ce_text.head,
#slider .ce_text.teaser{
         position:relative;
         padding-top:0px;
         margin-top:40px;
         z-index:895;
         color:#fff;
}
#slider .ce_text.teaser{
         font-family: 'Source Sans Pro';
         font-style: normal;
         font-weight: 200;
         font-size:24px;
         line-height: normal;
         z-index:896;
}
/* Home */
#home{
         position:relative;
         padding-top:80px;
         padding-bottom:130px;
         margin-top:150px;
}
#slider #home-headline,
#slider #home-text{
         position:relative;
         color:#fff;
         z-index:891;
}
#slider #home-headline{
         margin-top:40px;
}
#slider .ce_text.teaser{
         font-family: 'Source Sans Pro';
         font-style: normal;
         font-weight: 200;
         font-size:24px;
         line-height: normal;
         z-index:892;
}
/* Unternehmen */
#unternehmen{
         position:relative;
         background:url(../../files/hfc/layout/bg-grey.png) no-repeat top left transparent;
         background-size: 50% 100%;
         padding-top:40px;
         padding-bottom:90px;
         margin-bottom:200px;
         margin-top:150px;
}
#unternehmen #unternehmen-text{
         position:relative;
}
#unternehmen .ce_image{
         margin-top:135px;
}
/* Leistungen */

#leistungen{
         position:relative;
         background-image: url(../../files/hfc/layout/bg-petrol.png), url(../../files/hfc/layout/bg-petrol.png);
         background-position: left 300px, right 200px;
         background-repeat: no-repeat,  no-repeat;
         background-size: 50% 80%, 50% 100%;
         padding-bottom:70px;
         margin-bottom:200px;
}
#leistungen-text-01,
#leistungen-text-02,
#leistungen-text-03,
#leistungen-text-04,
#leistungen-text-05,
#leistungen-text-06{
         position:relative;
}
#leistungen .ce_text.main h1{
         margin-bottom:78px;
}
#leistungen .ce_text.leistung{
         color:#fff;
         padding-top:35px;
         line-height:normal;
}
#leistungen .ce_text.leistung h1{
         font-size:30px;
}
#leistungen .ce_text.leistung.first{
         padding-top:95px;
}
#leistungen .ce_image{
         margin-bottom:-3px;
}
#leistungen .ce_image.first{
         margin-top:77px;
}
a.btn{
         font-family: 'Source Sans Pro';
         font-style: normal;
         font-weight: 600;
         font-size:15px;
         line-height: 30px;
         background:#00adee;
         color:#fff;
         text-transform:uppercase;
         padding-left:13px;
         padding-right:13px;
         display:inline-block;
         height:30px;
}
a.btn:hover{
         background:#fff;
         color:#00293a;
}

.projektlogistik #video{
	padding-top:90px;
}
.projektlogistik #video .ce_text.teaser{
	font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 200;
    font-size:24px;
    line-height: normal;
	padding-bottom:90px;
}
.projektlogistik #video video{
	outline:0;
}

/* Philosophie */
#philosophie{
         color:#fff;
         background:url(../../files/hfc/layout/bg-cyan.png) no-repeat left 70px transparent;
         background-size: 70% 100%;
         padding-bottom:70px;
         margin-bottom:200px;
}
#philosophie-text-01,
#philosophie-text-02,
#philosophie-text-03{
         position:relative;
}
#philosophie .ce_text.headline{
         color:#00293a;
         margin-bottom:75px;
}
/* Team */
#team{
         position:relative;
         /* line-height:normal;  */
         padding-bottom:200px;
         background:url(../../files/hfc/layout/bg-grey.png) no-repeat right 384px transparent;
         background-size: 50% 100%;
}

.ce_text.teammember{
	position:relative;
}
#team-text-01,
#team-text-02,
#team-text-03,
#team-member-01,
#team-member-02,
#team-member-03,
#team-member-04,
#team-member-05,
#team-member-06,
#team-member-07,
#team-member-08,
#team-member-09,
#team-member-10,
#team-member-11{
         position:relative;
}
#team a.email{
         font-size:12px;
         color:#00adee;
}
#team a.email:hover{
         color:#00293a;
}
#team .ce_text.maintext{
         margin-bottom:100px;
}
#team .ce_text.headline{
         margin-bottom:75px;
}
#team .ce_text.teammember{
         font-family: 'Source Code Pro';
         font-style: normal;
         font-weight: 400;
         font-size:15px;
         line-height:normal;
         margin-bottom:20px;
}
#team .ce_text.teammember h3{
         font-family: 'Source Sans Pro';
         font-style: normal;
         font-weight: 700;
         font-size:18px;
         line-height: normal;
         margin-bottom:2px;
}
#team .ce_text.teammember strong{
         font-family: 'Source Sans Pro';
}
/* Kontakt */
#kontakt{
         position:relative;
         /* background:url(../../files/hfc/content/hanseatic-freight-contor_contact.jpg) no-repeat left bottom #f5f5f5;
         background-size: 50% auto; */
		 background:url(../../files/hfc/layout/bg-grey.png) no-repeat right top transparent;
         background-size: 50% 100%;
         padding-bottom:80px;
		margin-bottom:100px;
}
a.email{
         font-size:12px;
         color:#00adee;
}
a.email:hover{
         color:#00293a;
}
#kontakt-text-01,
#kontakt-text-02{
         position:relative;
}
/*
#kontakt .ce_image{
         margin-top:12px;
         margin-bottom:-4px;
}
*/
.ce_text.kontakt{
         font-family: 'Source Code Pro';
         font-style: normal;
         font-weight: 400;
         font-size:15px;
         line-height:24px;
}
.ce_text.kontakt img{
         margin-top:58px;
}
.ce_text.kontakt h1{
         font-family: 'Source Sans Pro';
         font-style: normal;
         font-weight: 700;
         font-size:24px;
         line-height: normal;
}
.ce_text.kontakt h2{
         margin-bottom:12px;
         margin-top:-2px;
         line-height:12px;
}
.home .ce_text.kontakt h2{
         margin-bottom:12px;
}
.ce_text.kontakt a.btn{
         margin-top:96px;
}
.home .ce_text.kontakt a.btn{
         margin-top:34px;
}
.home .ce_image.weltkarte{
	margin-top:60px;
}
.home .ce_image.weltkarte h4{
	text-transform:uppercase;
	padding-left:80px;
	font-size:15px;
	line-height:24px;
	margin-bottom:60px;
}
.home #kontakt-text-02{
	margin-top:75px;
}

/* Kontaktformular */
#kontaktformular .ce_image{
         margin-top:10% !important;
         margin-bottom:40px;
}
#kontaktformular .ce_image.logo img{
         max-width:70% !important;
         height:auto;
}
#kontaktformular label{
         font-family: 'Source Sans Pro';
         font-style: normal;
         font-weight: 600;
         font-size:12px;
         line-height:normal;
         text-transform:uppercase;
         margin-bottom:10px;
}
#kontaktformular .widget-checkbox{
         margin-left:0px !important;
         margin-right:0px !important;
}
#kontaktformular a{
         color:#00adee;
}
#kontaktformular a:hover{
         color:#fff;
}

/* Impressum */
#impressum{
         padding-top:180px;
         padding-bottom:200px;
}
#impressum h1{
         margin-bottom:2em;
}
#impressum h2{
         margin-top:.6em;
}
/* Datenschutz */
#datenschutz{
         padding-top:180px;
         padding-bottom:200px;
}
#datenschutz h1{
         margin-bottom:2em;
}
#datenschutz h2{
         margin-top:.6em;
}
#datenschutz h3{
         font-weight:600;
         font-size:18px;
         line-height:30px;
}
#datenschutz h3.first{
         margin-top:0px;
}
/* source-code-pro-200 - latin */
@font-face {
  font-family: 'Source Code Pro';
  font-style: normal;
  font-weight: 200;
  src: url('../../files/hfc/fonts/source-code-pro-v8-latin-200.eot'); /* IE9 Compat Modes */
  src: local('Source Code Pro ExtraLight'), local('SourceCodePro-ExtraLight'),
       url('../../files/hfc/fonts/source-code-pro-v8-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/hfc/fonts/source-code-pro-v8-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/hfc/fonts/source-code-pro-v8-latin-200.woff') format('woff'), /* Modern Browsers */
       url('../../files/hfc/fonts/source-code-pro-v8-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/hfc/fonts/source-code-pro-v8-latin-200.svg#SourceCodePro') format('svg'); /* Legacy iOS */
}
/* source-code-pro-300 - latin */
@font-face {
  font-family: 'Source Code Pro';
  font-style: normal;
  font-weight: 300;
  src: url('../../files/hfc/fonts/source-code-pro-v8-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Source Code Pro Light'), local('SourceCodePro-Light'),
       url('../../files/hfc/fonts/source-code-pro-v8-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/hfc/fonts/source-code-pro-v8-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/hfc/fonts/source-code-pro-v8-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../../files/hfc/fonts/source-code-pro-v8-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/hfc/fonts/source-code-pro-v8-latin-300.svg#SourceCodePro') format('svg'); /* Legacy iOS */
}
/* source-code-pro-regular - latin */
@font-face {
  font-family: 'Source Code Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/hfc/fonts/source-code-pro-v8-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Source Code Pro'), local('SourceCodePro-Regular'),
       url('../../files/hfc/fonts/source-code-pro-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/hfc/fonts/source-code-pro-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/hfc/fonts/source-code-pro-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../files/hfc/fonts/source-code-pro-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/hfc/fonts/source-code-pro-v8-latin-regular.svg#SourceCodePro') format('svg'); /* Legacy iOS */
}
/* source-code-pro-500 - latin */
@font-face {
  font-family: 'Source Code Pro';
  font-style: normal;
  font-weight: 500;
  src: url('../../files/hfc/fonts/source-code-pro-v8-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Source Code Pro Medium'), local('SourceCodePro-Medium'),
       url('../../files/hfc/fonts/source-code-pro-v8-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/hfc/fonts/source-code-pro-v8-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/hfc/fonts/source-code-pro-v8-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../../files/hfc/fonts/source-code-pro-v8-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/hfc/fonts/source-code-pro-v8-latin-500.svg#SourceCodePro') format('svg'); /* Legacy iOS */
}
/* source-code-pro-600 - latin */
@font-face {
  font-family: 'Source Code Pro';
  font-style: normal;
  font-weight: 600;
  src: url('../../files/hfc/fonts/source-code-pro-v8-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Source Code Pro Semibold'), local('SourceCodePro-Semibold'),
       url('../../files/hfc/fonts/source-code-pro-v8-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/hfc/fonts/source-code-pro-v8-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/hfc/fonts/source-code-pro-v8-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../../files/hfc/fonts/source-code-pro-v8-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/hfc/fonts/source-code-pro-v8-latin-600.svg#SourceCodePro') format('svg'); /* Legacy iOS */
}
/* source-code-pro-700 - latin */
@font-face {
  font-family: 'Source Code Pro';
  font-style: normal;
  font-weight: 700;
  src: url('../../files/hfc/fonts/source-code-pro-v8-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Source Code Pro Bold'), local('SourceCodePro-Bold'),
       url('../../files/hfc/fonts/source-code-pro-v8-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/hfc/fonts/source-code-pro-v8-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/hfc/fonts/source-code-pro-v8-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../../files/hfc/fonts/source-code-pro-v8-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/hfc/fonts/source-code-pro-v8-latin-700.svg#SourceCodePro') format('svg'); /* Legacy iOS */
}
/* source-code-pro-900 - latin */
@font-face {
  font-family: 'Source Code Pro';
  font-style: normal;
  font-weight: 900;
  src: url('../../files/hfc/fonts/source-code-pro-v8-latin-900.eot'); /* IE9 Compat Modes */
  src: local('Source Code Pro Black'), local('SourceCodePro-Black'),
       url('../../files/hfc/fonts/source-code-pro-v8-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/hfc/fonts/source-code-pro-v8-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/hfc/fonts/source-code-pro-v8-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../../files/hfc/fonts/source-code-pro-v8-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/hfc/fonts/source-code-pro-v8-latin-900.svg#SourceCodePro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-200 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 200;
  src: url('../../files/hfc/fonts/source-sans-pro-v11-latin-200.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro ExtraLight'), local('SourceSansPro-ExtraLight'),
       url('../../files/hfc/fonts/source-sans-pro-v11-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/hfc/fonts/source-sans-pro-v11-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/hfc/fonts/source-sans-pro-v11-latin-200.woff') format('woff'), /* Modern Browsers */
       url('../../files/hfc/fonts/source-sans-pro-v11-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/hfc/fonts/source-sans-pro-v11-latin-200.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-200italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 200;
  src: url('../../files/hfc/fonts/source-sans-pro-v11-latin-200italic.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro ExtraLight Italic'), local('SourceSansPro-ExtraLightItalic'),
       url('../../files/hfc/fonts/source-sans-pro-v11-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/hfc/fonts/source-sans-pro-v11-latin-200italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/hfc/fonts/source-sans-pro-v11-latin-200italic.woff') format('woff'), /* Modern Browsers */
       url('../../files/hfc/fonts/source-sans-pro-v11-latin-200italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/hfc/fonts/source-sans-pro-v11-latin-200italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-300 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: url('../../files/hfc/fonts/source-sans-pro-v11-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Light'), local('SourceSansPro-Light'),
       url('../../files/hfc/fonts/source-sans-pro-v11-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/hfc/fonts/source-sans-pro-v11-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/hfc/fonts/source-sans-pro-v11-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../../files/hfc/fonts/source-sans-pro-v11-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/hfc/fonts/source-sans-pro-v11-latin-300.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-300italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 300;
  src: url('../../files/hfc/fonts/source-sans-pro-v11-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Light Italic'), local('SourceSansPro-LightItalic'),
       url('../../files/hfc/fonts/source-sans-pro-v11-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/hfc/fonts/source-sans-pro-v11-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/hfc/fonts/source-sans-pro-v11-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../../files/hfc/fonts/source-sans-pro-v11-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/hfc/fonts/source-sans-pro-v11-latin-300italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/hfc/fonts/source-sans-pro-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),
       url('../../files/hfc/fonts/source-sans-pro-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/hfc/fonts/source-sans-pro-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/hfc/fonts/source-sans-pro-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../files/hfc/fonts/source-sans-pro-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/hfc/fonts/source-sans-pro-v11-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  src: url('../../files/hfc/fonts/source-sans-pro-v11-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Italic'), local('SourceSansPro-Italic'),
       url('../../files/hfc/fonts/source-sans-pro-v11-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/hfc/fonts/source-sans-pro-v11-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/hfc/fonts/source-sans-pro-v11-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../../files/hfc/fonts/source-sans-pro-v11-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/hfc/fonts/source-sans-pro-v11-latin-italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-600 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: url('../../files/hfc/fonts/source-sans-pro-v11-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'),
       url('../../files/hfc/fonts/source-sans-pro-v11-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/hfc/fonts/source-sans-pro-v11-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/hfc/fonts/source-sans-pro-v11-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../../files/hfc/fonts/source-sans-pro-v11-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/hfc/fonts/source-sans-pro-v11-latin-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-600italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 600;
  src: url('../../files/hfc/fonts/source-sans-pro-v11-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro SemiBold Italic'), local('SourceSansPro-SemiBoldItalic'),
       url('../../files/hfc/fonts/source-sans-pro-v11-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/hfc/fonts/source-sans-pro-v11-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/hfc/fonts/source-sans-pro-v11-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../../files/hfc/fonts/source-sans-pro-v11-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/hfc/fonts/source-sans-pro-v11-latin-600italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-700 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: url('../../files/hfc/fonts/source-sans-pro-v11-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'),
       url('../../files/hfc/fonts/source-sans-pro-v11-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/hfc/fonts/source-sans-pro-v11-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/hfc/fonts/source-sans-pro-v11-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../../files/hfc/fonts/source-sans-pro-v11-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/hfc/fonts/source-sans-pro-v11-latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-700italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 700;
  src: url('../../files/hfc/fonts/source-sans-pro-v11-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Bold Italic'), local('SourceSansPro-BoldItalic'),
       url('../../files/hfc/fonts/source-sans-pro-v11-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/hfc/fonts/source-sans-pro-v11-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/hfc/fonts/source-sans-pro-v11-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../../files/hfc/fonts/source-sans-pro-v11-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/hfc/fonts/source-sans-pro-v11-latin-700italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-900 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 900;
  src: url('../../files/hfc/fonts/source-sans-pro-v11-latin-900.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Black'), local('SourceSansPro-Black'),
       url('../../files/hfc/fonts/source-sans-pro-v11-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/hfc/fonts/source-sans-pro-v11-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/hfc/fonts/source-sans-pro-v11-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../../files/hfc/fonts/source-sans-pro-v11-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/hfc/fonts/source-sans-pro-v11-latin-900.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-900italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 900;
  src: url('../../files/hfc/fonts/source-sans-pro-v11-latin-900italic.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Black Italic'), local('SourceSansPro-BlackItalic'),
       url('../../files/hfc/fonts/source-sans-pro-v11-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/hfc/fonts/source-sans-pro-v11-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/hfc/fonts/source-sans-pro-v11-latin-900italic.woff') format('woff'), /* Modern Browsers */
       url('../../files/hfc/fonts/source-sans-pro-v11-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/hfc/fonts/source-sans-pro-v11-latin-900italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-serif-pro-regular - latin */
@font-face {
  font-family: 'Source Serif Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/hfc/fonts/source-serif-pro-v5-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Source Serif Pro'), local('SourceSerifPro-Regular'),
       url('../../files/hfc/fonts/source-serif-pro-v5-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/hfc/fonts/source-serif-pro-v5-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/hfc/fonts/source-serif-pro-v5-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../files/hfc/fonts/source-serif-pro-v5-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/hfc/fonts/source-serif-pro-v5-latin-regular.svg#SourceSerifPro') format('svg'); /* Legacy iOS */
}
/* source-serif-pro-600 - latin */
@font-face {
  font-family: 'Source Serif Pro';
  font-style: normal;
  font-weight: 600;
  src: url('../../files/hfc/fonts/source-serif-pro-v5-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Source Serif Pro Semibold'), local('SourceSerifPro-Semibold'),
       url('../../files/hfc/fonts/source-serif-pro-v5-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/hfc/fonts/source-serif-pro-v5-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/hfc/fonts/source-serif-pro-v5-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../../files/hfc/fonts/source-serif-pro-v5-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/hfc/fonts/source-serif-pro-v5-latin-600.svg#SourceSerifPro') format('svg'); /* Legacy iOS */
}
/* source-serif-pro-700 - latin */
@font-face {
  font-family: 'Source Serif Pro';
  font-style: normal;
  font-weight: 700;
  src: url('../../files/hfc/fonts/source-serif-pro-v5-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Source Serif Pro Bold'), local('SourceSerifPro-Bold'),
       url('../../files/hfc/fonts/source-serif-pro-v5-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/hfc/fonts/source-serif-pro-v5-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/hfc/fonts/source-serif-pro-v5-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../../files/hfc/fonts/source-serif-pro-v5-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/hfc/fonts/source-serif-pro-v5-latin-700.svg#SourceSerifPro') format('svg'); /* Legacy iOS */
}
/**
 * Contao Open Source CMS, Copyright (C) 2005-2012 Leo Feyer
 *
 * Pixel Grid with 1120 pixel
 * @copyright  Glen Langer (BugBuster) 2012..2013
 * @author     BugBuster
 * @package    contaogrid-1120-16
 * @license    LGPL
 */

/**
 * Make the wrapping container 1120 pixel wide
 */
#header .inside,
#footer .inside,
.mod_article .inside {
        width:1648px;
        margin:0 auto;
}

/**
 * Set the default margin of the grid columns
 */
*[class*="grid"] {
        float:left;
        display:inline;
        margin-right:4px;
        margin-left:4px;
}

/**
 * Add a default margin to all content elements, so they align with the floatet
 * ones (otherwise you would have to add "grid12" to every element)
 */
.mod_article *[class*="ce_"],.mod_article *[class*="mod_"] {
        margin-left:4px;
        margin-right:4px;
}

/**
 * Remove the margin from floated articles, because the margin is already
 * applied to its content elements (see above)
 */
.mod_article.grid1,.mod_article.grid2,.mod_article.grid3,.mod_article.grid4,.mod_article.grid5,.mod_article.grid6,
.mod_article.grid7,.mod_article.grid8,.mod_article.grid9,.mod_article.grid10,.mod_article.grid11,.mod_article.grid12,
.mod_article.grid13,.mod_article.grid14,.mod_article.grid15,.mod_article.grid16 {
        margin-left:0;
        margin-right:0;
}

/**
 * Grid column widths
 */
.grid1  { width:95px;  }
.grid2  { width:198px; }
.grid3  { width:301px; }
.grid4  { width:404px; }
.grid5  { width:507px; }
.grid6  { width:610px; }
.grid7  { width:713px; }
.grid8  { width:816px; }
.grid9  { width:919px; }
.grid10 { width:1022px; }
.grid11 { width:1125px; }
.grid12 { width:1228px; }
.grid13 { width:1331px; }
.grid14 { width:1434px; }
.grid15 { width:1537px; }
.grid16 { width:1640px; }

/**
 * For 100% wide, without margin, not within an article
 * e.g. for HTML Modules in header
 */
.grid16_0 {
    margin: 0 !important;
    width: 100%;
}

/**
 * Floated articles can be 20 pixel wider (no margin)
 */
 /*
.mod_article.grid1  { width:82px;  }
.mod_article.grid2  { width:152px; }
.mod_article.grid3  { width:222px; }
.mod_article.grid4  { width:292px; }
.mod_article.grid5  { width:362px; }
.mod_article.grid6  { width:432px; }
.mod_article.grid7  { width:502px; }
.mod_article.grid8  { width:572px; }
.mod_article.grid9  { width:642px; }
.mod_article.grid10 { width:712px; }
.mod_article.grid11 { width:782px; }
.mod_article.grid12 { width:852px; }
.mod_article.grid13 { width:922px; }
.mod_article.grid14 { width:992px; }
.mod_article.grid15 { width:1062px; }
.mod_article.grid16 { width:1132px; }
*/
/**
 * Default offset widths   Normal + 12
 */
.offset1  { margin-left:107px   !important; }
.offset2  { margin-left:210px  !important; }
.offset3  { margin-left:313px  !important; }
.offset4  { margin-left:416px  !important; }
.offset5  { margin-left:519px  !important; }
.offset6  { margin-left:622px  !important; }
.offset7  { margin-left:725px  !important; }
.offset8  { margin-left:828px  !important; }
.offset9  { margin-left:931px  !important; }
.offset10 { margin-left:1034px  !important; }
.offset11 { margin-left:1137px  !important; }
.offset12 { margin-left:1240px  !important; }
.offset13 { margin-left:1343px  !important; }
.offset14 { margin-left:1446px  !important; }
.offset15 { margin-left:1549px !important; }

/**
 * Floated articles do not have margin
 */
 /*
.mod_article.offset1  { margin-left:70px   !important; }
.mod_article.offset2  { margin-left:140px  !important; }
.mod_article.offset3  { margin-left:210px  !important; }
.mod_article.offset4  { margin-left:280px  !important; }
.mod_article.offset5  { margin-left:350px  !important; }
.mod_article.offset6  { margin-left:420px  !important; }
.mod_article.offset7  { margin-left:490px  !important; }
.mod_article.offset8  { margin-left:560px  !important; }
.mod_article.offset9  { margin-left:630px  !important; }
.mod_article.offset10 { margin-left:700px  !important; }
.mod_article.offset11 { margin-left:770px  !important; }
.mod_article.offset12 { margin-left:840px  !important; }
.mod_article.offset13 { margin-left:910px  !important; }
.mod_article.offset14 { margin-left:980px  !important; }
.mod_article.offset15 { margin-left:1050px !important; }
*/
/**
 * Contao Open Source CMS, Copyright (C) 2005-2012 Leo Feyer
 *
 * Pixel Grid with 1120 pixel, responsive part
 * @copyright  Glen Langer (BugBuster) 2012..2014
 * @author     BugBuster
 * @package    contaogrid-1120-16
 * @license    LGPL
 */
@media (min-width:1388px) and (max-width:1668px)
{
         #header .inside,
         #footer .inside,
         .mod_article .inside {
                  width:1376px;
         }

         .grid1  { width:78px;  }
         .grid2  { width:164px; }
         .grid3  { width:250px; }
         .grid4  { width:336px; }
         .grid5  { width:422px; }
         .grid6  { width:508px; }
         .grid7  { width:594px; }
         .grid8  { width:680px; }
         .grid9  { width:766px; }
         .grid10 { width:852px; }
         .grid11 { width:938px; }
         .grid12 { width:1024px; }
         .grid13 { width:1110px; }
         .grid14 { width:1196px; }
         .grid15 { width:1282px; }
         .grid16 { width:1368px; }

         .offset1  { margin-left:90px   !important; }
         .offset2  { margin-left:176px  !important; }
         .offset3  { margin-left:262px  !important; }
         .offset4  { margin-left:348px  !important; }
         .offset5  { margin-left:434px  !important; }
         .offset6  { margin-left:520px  !important; }
         .offset7  { margin-left:606px  !important; }
         .offset8  { margin-left:692px  !important; }
         .offset9  { margin-left:778px  !important; }
         .offset10 { margin-left:864px  !important; }
         .offset11 { margin-left:950px  !important; }
         .offset12 { margin-left:1036px  !important; }
         .offset13 { margin-left:1122px  !important; }
         .offset14 { margin-left:1208px  !important; }
         .offset15 { margin-left:1294px !important; }

}
@media (min-width:1132px) and (max-width:1388px)
{

         #header .inside,
         #footer .inside,
         .mod_article .inside {
                  width:1120px;
         }

         .grid1  { width:62px;  }
         .grid2  { width:132px; }
         .grid3  { width:202px; }
         .grid4  { width:272px; }
         .grid5  { width:342px; }
         .grid6  { width:412px; }
         .grid7  { width:482px; }
         .grid8  { width:552px; }
         .grid9  { width:622px; }
         .grid10 { width:692px; }
         .grid11 { width:762px; }
         .grid12 { width:832px; }
         .grid13 { width:902px; }
         .grid14 { width:972px; }
         .grid15 { width:1042px; }
         .grid16 { width:1112px; }

         .offset1  { margin-left:74px   !important; }
         .offset2  { margin-left:144px  !important; }
         .offset3  { margin-left:214px  !important; }
         .offset4  { margin-left:284px  !important; }
         .offset5  { margin-left:354px  !important; }
         .offset6  { margin-left:424px  !important; }
         .offset7  { margin-left:494px  !important; }
         .offset8  { margin-left:564px  !important; }
         .offset9  { margin-left:634px  !important; }
         .offset10 { margin-left:704px  !important; }
         .offset11 { margin-left:774px  !important; }
         .offset12 { margin-left:844px  !important; }
         .offset13 { margin-left:914px  !important; }
         .offset14 { margin-left:984px  !important; }
         .offset15 { margin-left:1054px !important; }

}
/**
 * Reduce the overall width and the width of the grid columns if the screen
 * width is less than 1140px
 */
@media (min-width:972px) and (max-width:1132px)
{
        /**
         * Reduce the overall width
         */
#header .inside,
#footer .inside,
.mod_article .inside {
                width:960px;
        }

        /**
         * Reduce the grid column widths
         */
        .grid1  { width:52px; }
        .grid2  { width:112px; }
        .grid3  { width:172px; }
        .grid4  { width:232px; }
        .grid5  { width:292px; }
        .grid6  { width:352px; }
        .grid7  { width:412px; }
        .grid8  { width:472px; }
        .grid9  { width:532px; }
        .grid10 { width:592px; }
        .grid11 { width:652px; }
        .grid12 { width:712px; }
        .grid13 { width:772px; }
        .grid14 { width:832px; }
        .grid15 { width:892px; }
        .grid16 { width:952px; }

        /**
         * Floated articles can be 20 pixel wider (no margin)
         */
         /*
        .mod_article.grid1  { width:60px; }
        .mod_article.grid2  { width:120px; }
        .mod_article.grid3  { width:180px; }
        .mod_article.grid4  { width:240px; }
        .mod_article.grid5  { width:300px; }
        .mod_article.grid6  { width:360px; }
        .mod_article.grid7  { width:420px; }
        .mod_article.grid8  { width:480px; }
        .mod_article.grid9  { width:540px; }
        .mod_article.grid10 { width:600px; }
        .mod_article.grid11 { width:660px; }
        .mod_article.grid12 { width:720px; }
        .mod_article.grid13 { width:780px; }
        .mod_article.grid14 { width:840px; }
        .mod_article.grid15 { width:900px; }
        .mod_article.grid16 { width:960px; }
         */
        /**
         * Reduce the offset widths
         */
        .offset1  { margin-left:64px  !important; }
        .offset2  { margin-left:124px !important; }
        .offset3  { margin-left:184px !important; }
        .offset4  { margin-left:244px !important; }
        .offset5  { margin-left:304px !important; }
        .offset6  { margin-left:364px !important; }
        .offset7  { margin-left:424px !important; }
        .offset8  { margin-left:484px !important; }
        .offset9  { margin-left:544px !important; }
        .offset10 { margin-left:604px !important; }
        .offset11 { margin-left:664px !important; }
        .offset12 { margin-left:724px !important; }
        .offset13 { margin-left:784px !important; }
        .offset14 { margin-left:844px !important; }
        .offset15 { margin-left:904px !important; }
}


/**
 * Reduce the overall width and the width of the grid columns if the screen
 * width is less than 980px (e.g. on a portrait tablet)
 */
@media (min-width:768px) and (max-width:971px)
{

        /**
         * Remove the overall width
         */
         #header .inside,
         #footer .inside,
         .mod_article .inside {
                width:auto;
        }

        /**
         * Show all columns underneath each other
         * #3, #5
         */
        *[class*="grid"] {
                float:none !important;
                display:block !important;
                width:auto !important;
                margin-right:10px !important;
                margin-left:10px !important;
        }

        /**
         * Reduce the offset widths
         */
        *[class*="offset"] {
                margin-left:10px !important;
        }


/*
#header .inside,
#footer .inside,
.mod_article .inside {
                width:768px;
        }

        .grid1  { width:40px; }
        .grid2  { width:88px; }
        .grid3  { width:136px; }
        .grid4  { width:184px; }
        .grid5  { width:232px; }
        .grid6  { width:280px; }
        .grid7  { width:328px; }
        .grid8  { width:376px; }
        .grid9  { width:424px; }
        .grid10 { width:472px; }
        .grid11 { width:520px; }
        .grid12 { width:558px; }
        .grid13 { width:616px; }
        .grid14 { width:664px; }
        .grid15 { width:712px; }
        .grid16 { width:760px; }

        .offset1  { margin-left:52px  !important; }
        .offset2  { margin-left:100px !important; }
        .offset3  { margin-left:148px !important; }
        .offset4  { margin-left:196px !important; }
        .offset5  { margin-left:244px !important; }
        .offset6  { margin-left:292px !important; }
        .offset7  { margin-left:340px !important; }
        .offset8  { margin-left:388px !important; }
        .offset9  { margin-left:436px !important; }
        .offset10 { margin-left:484px !important; }
        .offset11 { margin-left:532px !important; }
        .offset12 { margin-left:580px !important; }
        .offset13 { margin-left:628px !important; }
        .offset14 { margin-left:676px !important; }
        .offset15 { margin-left:724px !important; }
*/

}

/**
 * Remove all floats and fixed widths if the screen width is less than 768
 * pixel (e.g. on a mobile phone)
 */
@media (max-width:767px)
{
        /**
         * Remove the overall width
         */
         #header .inside,
         #footer .inside,
         .mod_article .inside {
                width:auto;
        }

        /**
         * Show all columns underneath each other
         * #3, #5
         */
        *[class*="grid"] {
                float:none !important;
                display:block !important;
                width:auto !important;
                margin-right:10px !important;
                margin-left:10px !important;
        }

        /**
         * Reduce the offset widths
         */
        *[class*="offset"] {
                margin-left:10px !important;
        }

}
/* Navigation */
#header ul.navigation li{
         display:inline-block;
         padding-left:15px;
         padding-right:15px;
         cursor:pointer;
}
#header p{
         margin-bottom:16px;
}

.mod_changelanguage{
         margin-top:28px;
}


/* Slider */
#slider h1{
         font-family: 'Source Sans Pro';
         font-style: normal;
         font-weight: 700;
         font-size:60px;
         line-height: normal;
         text-transform:uppercase;
}
#slider .ce_text.headline{
         position:absolute;
         top:500px;
         left:313px;
         color:#fff;
         z-index:900;
}
#slider #bg-home{
         position:absolute;
         top:310px;
         left:0px;
         background:#00293a;
         z-index:880;
         height:900px;
         margin-left:0px !important;
         margin-right:0px !important;
}

/* Unternehmen */
#unternehmen-bild{ display:block; }
#unternehmen-bild-01{ display:none !important; }

/* Leistungen */
#leistungen-bild-02{ display:block; }
#leistungen-bild-02-01{ display:none; }

#leistungen-bild-04{ display:block; }
#leistungen-bild-04-01{ display:none; }

/* ------------------------------------------------------------------------------------------------------------------------ */

@media (min-width:1388px) and (max-width:1668px)
{

.caroufredsel_wrapper{ height:672px !important; }

#header p{
         margin-bottom:10px;
}
.mod_changelanguage{
         margin-top:23px;
}

/* Slider */
#slider .ce_text.headline{
         top:380px;
         left:262px;
}
#slider #bg-home{
         top:280px;
         left:0px;
         height:820px;
}
/* Kontakt */
#kontakt{
         padding-bottom:40px !important;
}
/* Leistungen */
#leistungen{
         background-position: left 350px, right 200px !important;
}



}

/* ------------------------------------------------------------------------------------------------------------------------ */

@media (min-width:1132px) and (max-width:1388px)
{

.caroufredsel_wrapper{ height:545px !important; }

/* Navigation */
#header ul.navigation li{
         padding-left:10px;
         padding-right:10px;
}
#header p{
         margin-bottom:4px;
}
.mod_changelanguage{
         margin-top:18px;
}

/* Slider */
#slider h1{
         font-size:52px;
         line-height: normal;
}
#slider .ce_text.headline{
         top:290px;
         left:214px;
}
#slider #bg-home{
         top:240px;
         left:0px;
         height:840px;
}

/* Leistungen */
#leistungen{
         background-position: left 400px, right 200px !important;
}
#leistungen-text-02,
#leistungen-text-03,
#leistungen-text-04,
#leistungen-text-05,
#leistungen-text-06{
         padding-top:10px !important;
         padding-bottom:30px !important;
}
#leistungen-bild-02{ display:none; }
#leistungen-bild-02-01{ display:block; }
#leistungen-bild-04{ display:none; }
#leistungen-bild-04-01{ display:block; }

/* Kontakt */
#kontakt{
         padding-bottom:30px !important;
}
.ce_text.kontakt a.btn,
.home .ce_text.kontakt a.btn{
         margin-top:40px !important;
}


}

/* ------------------------------------------------------------------------------------------------------------------------ */

@media (min-width:972px) and (max-width:1132px)
{

.caroufredsel_wrapper{ height:466px !important; }

/* Navigation */
#header ul.navigation li{
         padding-left:2px;
         padding-right:2px;
}
#header p{
         margin-bottom:4px;
}
.mod_changelanguage{
         margin-top:16px;
}

/* Slider */
#slider h1{
         font-size:42px;
         line-height: normal;
}
#slider .ce_text.headline{
         top:260px;
         left:184px;
}
#slider #bg-home{
         top:190px;
         left:0px;
         height:900px;
}

/* Leistungen */
#leistungen{
         background-position: left 400px, right 200px !important;
}
#leistungen-text-02,
#leistungen-text-03,
#leistungen-text-04,
#leistungen-text-05,
#leistungen-text-06{
         padding-top:10px !important;
         padding-bottom:30px !important;
}
#leistungen-bild-02{ display:none; }
#leistungen-bild-02-01{ display:block; }
#leistungen-bild-04{ display:none; }
#leistungen-bild-04-01{ display:block; }


/* Kontakt */
#kontakt{
         padding-bottom:30px !important;
}
.ce_text.kontakt a.btn,
.home .ce_text.kontakt a.btn{
         margin-top:20px !important;
}
.ce_text.kontakt img{
         margin-top:30px !important;
}


}

/* ------------------------------------------------------------------------------------------------------------------------ */

@media (min-width:768px) and (max-width:971px)
{

/*
#slider h1{
         font-size:32px;
         line-height: normal;
}
#slider .ce_text.headline{
         top:200px;
         left:136px;
}
#slider #bg-home{
         top:150px;
         left:88px;
}


#leistungen{
         background-position: left 450px, right 200px !important;
}
#leistungen-text-02,
#leistungen-text-03,
#leistungen-text-04,
#leistungen-text-05,
#leistungen-text-06{
         padding-top:10px !important;
         padding-bottom:30px !important;
}
#leistungen-bild-02{ display:none; }
#leistungen-bild-02-01{ display:block; }
#leistungen-bild-04{ display:none; }
#leistungen-bild-04-01{ display:block; }
*/


body{
         font-weight:300 !important;
}
h1{
         font-size:25px !important;
         line-height: normal !important;
}


/* Header */
#header{
         position:relative !important;
         padding-top:40px !important;
		 padding-bottom:0px !important;
}
#header #logo{
         text-align:left !important;
}
#header #logo img{
	width:280px !important;
         max-width:70% !important;
         height:auto;
         margin-bottom:15px;
}
#header #navigation{
         text-align:center !important;
         line-height:normal !important;
         margin-bottom:40px;
}
.impressum #header #navigation,
.datenschutz #header #navigation{
         margin-bottom:20px;
         padding-bottom:10px;
         border-bottom:1px solid #e7e7e7;
}
#header #navigation li{
         float:none !important;
         display:block;
         margin-bottom:10px;
}

#header ul.navigation li.first{
         padding-left:15px !important;
}
#header ul.navigation li.last{
         padding-right:15px !important;
}
#header #navigation a{
         color: #00293a !important;
}
#header #navigation p.claim{
         text-align:left !important;
         font-size:12px !important;
         line-height:12px !important;
         font-weight:400 !important;
         padding-bottom:15px !important;
         margin-bottom:15px !important;
         border-bottom:1px solid #e7e7e7;
		 opacity:1 !important;
}

.sf-menu ul{
         display:none !important;
}

.mod_changelanguage{
         position:absolute !important;
         top:-25px !important;
         right:0px !important;
         margin-top:0px !important;
         color:#00293a !important;
}
.mod_changelanguage a{
         color:#00293a !important;
}
.mod_changelanguage a:hover{
         color:#00adee !important;
}
.mod_changelanguage li{
         font-size:12px !important;
         line-height:10px !important;
}
.mod_changelanguage li.first{
         border-right:1px solid #00293a !important;
}
#header .mod_changelanguage strong{
	color:#00293a !important;
}

/* Slider */
#slider{
         background: #00293a !important;
}
.ce_caroufredsel_gallery{
         margin-left:0px !important;
         margin-right:0px !important;
}
#slider h1{
         font-size:25px;
         line-height: normal;
         line-height:29px !important;
         color:#fff !important;
         background: #00293a !important;
         margin-top:0px !important;
         padding-top:18px;
         margin-bottom:0px !important;
         padding-bottom:24px;
         margin-left:0px !important;
         padding-left:10px;
         margin-right:0px !important;
         padding-right:10px;
}
.home #slider .ce_text.headline{
         position:relative !important;
         top:0px;
         left:0px;
}
.home #slider .ce_text.headline br{
         display:none;
}
#slider #bg-home{
         display:none !important;
}
#slider .caroufredsel_controls{
         display:none !important;
}
#slider #arrow-home{
         display:none !important;
}
#home .ce_text.teaser{
         font-size:18px !important;
         line-height:24px !important;
}

/* Home */
#home{
         padding-top:10px !important;
         padding-bottom:20px !important;
}

/* Unternehmen */
#unternehmen{
         background:url(../../files/hfc/layout/bg-grey.png) repeat top left transparent !important;
         background-size: 100% 100% !important;
         padding-top:30px !important;
         padding-bottom:20px !important;
         margin-bottom:0px !important;
}
#unternehmen .ce_image{
         margin-top:20px !important;
         margin-bottom:20px !important;
}
#unternehmen-bild{ display:none !important; }
#unternehmen-bild-01{ display:block !important; }

/* Leistungen */
#leistungen{
         background-position: left 300px, right 200px !important;
         background:#00293a !important;
         padding-top:20px !important;
         padding-bottom:40px !important;
         margin-bottom:0px !important;
}
#leistungen-text-01{
         color:#fff !important;
}
#leistungen-text-02,
#leistungen-text-03,
#leistungen-text-04,
#leistungen-text-05,
#leistungen-text-06{
         padding-top:10px !important;
         padding-bottom:40px !important;
}
#leistungen-bild-02{ display:none !important; }
#leistungen-bild-02-01{ display:block !important; }
#leistungen-bild-04{ display:none !important; }
#leistungen-bild-04-01{ display:block !important; }

#leistungen .ce_text.main h1{
         margin-bottom:24px !important;
}
#leistungen .ce_image{
         margin-bottom:10px !important;
}
#leistungen .ce_image.first{
         margin-top:40px !important;
         margin-bottom:10px !important;
}
#leistungen h2{
         margin-bottom:2px !important;
}
#leistungen .ce_text h1{
         margin-top:6px !important;
}
#leistungen #leistungen-text-01 h2{
         display:none !important;
}

/* Philosophie */
#philosophie{
         background:url(../../files/hfc/layout/bg-cyan.png) repeat left top transparent !important;
         background-size: 100% 100% !important;
         padding-top:20px !important;
         padding-bottom:40px !important;
         margin-bottom:0px !important;
         font-weight:400 !important;
}
#philosophie .ce_text.headline{
         margin-bottom:20px !important;
}

/* Team */
#team{
         background:url(../../files/hfc/layout/bg-grey.png) repeat right top transparent !important;
         background-size: 100% 100% !important;
         padding-top:20px !important;
         padding-bottom:40px !important;
         margin-bottom:0px !important;
}
#team .ce_text.headline{
         margin-bottom:20px !important;
}
#team .ce_text.maintext{
         margin-bottom:20px !important;
}
#team .ce_text.teammember{
         font-size:13px !important;
         margin-bottom:26px !important;
}
#team .ce_text.teammember img{
         width:150px !important;
         height:auto !important;
}
#team .ce_text.teammember.last{
         border-bottom:1px solid #e7e7e7;
         padding-bottom:20px !important;
         margin-bottom:6px !important;
}
#team .ce_text.teammember h3{
         font-size:15px !important;
}
/* Kontakt */
#kontakt{
         background:#f5f5f5 !important;
         background-size: 100% 100% !important;
         padding-top:20px !important;
         padding-bottom:60px !important;
         margin-bottom:0px !important;

}
.ce_text.kontakt{
         font-size:13px !important;
}
.ce_text.kontakt img{
         max-width:70% !important;
         height:auto !important;
}
.ce_text.kontakt a.btn{
         margin-top:40px !important;
}


/* Footer */
#footer{
         text-align:center !important;
         padding-top:40px !important;
         padding-bottom:0px !important;
}
#footer .ce_image.logo{
         margin-bottom:20px !important;
}
#footer h4{
         margin-bottom:20px !important;
}
#footer .ce_text.copy h6{
         margin-top:20px !important;
}

/* Detailseiten */

#slider .ce_text.head,
#slider .ce_text.teaser{
         padding-top:0px !important;
         font-size:18px !important;
         line-height:24px !important;
}
#slider .ce_text.teaser{
         margin-top:4px !important;
}
#slider .ce_text.headline{
         position:relative !important;
         top:0px;
         left:0px;
         margin-left:0px !important;
         margin-right:0px !important;
}
#slider .ce_text.headline br{
         display:none;
}
#slider{
         padding-bottom:30px !important;
}
#slider #text-anker-01 h2{
         margin-top:30px !important;
}
#slider .ce_image{
         margin-left:0px !important;
         margin-right:0px !important;
         margin-bottom:-5px !important;;
}
.ce_text.kontakt{
         margin-top:40px !important;
}
.home .ce_text.kontakt{
         margin-top:0px !important;
}
.mod_booknav{
         text-align:center !important;
         font-size:12px !important;
         line-height:12px !important;
         margin-bottom:10px !important;
}
#footer .ce_text.social img{
         margin-top:0px !important;
}
.seefracht .ce_text.kontakt,
.landtransport .ce_text.kontakt,
.luftfracht .ce_text.kontakt,
.projektlogistik .ce_text.kontakt{
         border-top:1px solid #e7e7e7;
         border-bottom:1px solid #e7e7e7;
         margin-top:10px !important;
         padding-top:30px !important;
         padding-bottom: 10px !important;
}

/* Kontaktformular */
#cboxClose{
         top:-20px !important;
         right:5px !important;
}

/* Impressum */
#impressum{
         padding-top:0px !important;
         padding-bottom:40px !important;
}

/* Datenschutz */
#datenschutz{
         padding-top:0px !important;
         padding-bottom:40px !important;
}



}

/* ------------------------------------------------------------------------------------------------------------------------ */

@media (max-width:767px)
{


body{
         font-weight:300 !important;
}
h1{
         font-size:25px !important;
         line-height: normal !important;
}


/* Header */
#header{
         position:relative !important;
         padding-top:40px !important;
		 padding-bottom:0px !important;
}
#header #logo{
         text-align:left !important;
}
#header #logo img{
		width:280px !important;
         max-width:70% !important;
         height:auto;
         margin-bottom:15px;
}
#header #navigation{
         text-align:center !important;
         line-height:normal !important;
         margin-bottom:40px;
}
.impressum #header #navigation,
.datenschutz #header #navigation{
         margin-bottom:20px;
         padding-bottom:10px;
         border-bottom:1px solid #e7e7e7;
}
#header #navigation li{
         float:none !important;
         display:block;
         margin-bottom:10px;
}
#header .mod_changelanguage strong{
	color:#00293a !important;
}

#header ul.navigation li.first{
         padding-left:15px !important;
}
#header ul.navigation li.last{
         padding-right:15px !important;
}
#header #navigation a{
         color: #00293a !important;
}
#header #navigation p.claim{
         text-align:left !important;
         font-size:12px !important;
         line-height:12px !important;
         font-weight:400 !important;
         padding-bottom:15px !important;
         margin-bottom:15px !important;
         border-bottom:1px solid #e7e7e7;
		 opacity:1 !important;
}

#footer .ce_text.member{
	text-align:center;
}
#footer .ce_text.member img{
	height:60px;
	width:auto;
	margin-right:0px !important;
	margin:20px auto !important;
	display:block !important;
}

.sf-menu ul{
         display:none !important;
}

.mod_changelanguage{
         position:absolute !important;
         top:-25px !important;
         right:0px !important;
         margin-top:0px !important;
         color:#00293a !important;
}
.mod_changelanguage a{
         color:#00293a !important;
}
.mod_changelanguage a:hover{
         color:#00adee !important;
}
.mod_changelanguage li{
         font-size:12px !important;
         line-height:10px !important;
}
.mod_changelanguage li.first{
         border-right:1px solid #00293a !important;
}

/* Slider */
#slider{
         background: #00293a !important;
}
.ce_caroufredsel_gallery{
         margin-left:0px !important;
         margin-right:0px !important;
}
#slider h1{
         font-size:25px;
         line-height: normal;
         line-height:29px !important;
         color:#fff !important;
         background: #00293a !important;
         margin-top:0px !important;
         padding-top:18px;
         margin-bottom:0px !important;
         padding-bottom:24px;
         margin-left:0px !important;
         padding-left:10px;
         margin-right:0px !important;
         padding-right:10px;
}
.home #slider .ce_text.headline{
         position:relative !important;
         top:0px;
         left:0px;
}
.home #slider .ce_text.headline br{
         display:none;
}
#slider #bg-home{
         display:none !important;
}
#slider .caroufredsel_controls{
         display:none !important;
}
#slider #arrow-home{
         display:none !important;
}
#home .ce_text.teaser{
         font-size:18px !important;
         line-height:24px !important;
}

/* Home */
#home{
         padding-top:10px !important;
         padding-bottom:20px !important;
         margin-top:40px !important;
}

/* Unternehmen */
#unternehmen{
         background:url(../../files/hfc/layout/bg-grey.png) repeat top left transparent !important;
         background-size: 100% 100% !important;
         padding-top:30px !important;
         padding-bottom:20px !important;
         margin-bottom:0px !important;
         margin-top:40px !important;  
}
#unternehmen .ce_image{
         margin-top:20px !important;
         margin-bottom:20px !important;
}
#unternehmen-bild{ display:none !important; }
#unternehmen-bild-01{ display:block !important; }

/* Leistungen */
#leistungen{
         background-position: left 300px, right 200px !important;
         background:#00293a !important;
         padding-top:20px !important;
         padding-bottom:40px !important;
         margin-bottom:0px !important;
}
#leistungen-text-01{
         color:#fff !important;
}
#leistungen-text-02,
#leistungen-text-03,
#leistungen-text-04,
#leistungen-text-05,
#leistungen-text-06{
         padding-top:10px !important;
         padding-bottom:40px !important;
}
#leistungen-bild-02{ display:none !important; }
#leistungen-bild-02-01{ display:block !important; }
#leistungen-bild-04{ display:none !important; }
#leistungen-bild-04-01{ display:block !important; }

#leistungen .ce_text.main h1{
         margin-bottom:24px !important;
}
#leistungen .ce_image{
         margin-bottom:10px !important;
}
#leistungen .ce_image.first{
         margin-top:40px !important;
         margin-bottom:10px !important;
}
#leistungen h2{
         margin-bottom:2px !important;
}
#leistungen .ce_text h1{
         margin-top:6px !important;
}
#leistungen #leistungen-text-01 h2{
         display:none !important;
}

/* Philosophie */
#philosophie{
         background:url(../../files/hfc/layout/bg-cyan.png) repeat left top transparent !important;
         background-size: 100% 100% !important;
         padding-top:20px !important;
         padding-bottom:40px !important;
         margin-bottom:0px !important;
         font-weight:400 !important;
}
#philosophie .ce_text.headline{
         margin-bottom:20px !important;
}

/* Team */
#team{
         background:url(../../files/hfc/layout/bg-grey.png) repeat right top transparent !important;
         background-size: 100% 100% !important;
         padding-top:20px !important;
         padding-bottom:40px !important;
         margin-bottom:0px !important;
}
#team .ce_text.headline{
         margin-bottom:20px !important;
}
#team .ce_text.maintext{
         margin-bottom:20px !important;
}
#team .ce_text.teammember{
         font-size:13px !important;
         margin-bottom:26px !important;
}
#team .ce_text.teammember img{
         width:150px !important;
         height:auto !important;
}
#team .ce_text.teammember.last{
         border-bottom:1px solid #e7e7e7;
         padding-bottom:20px !important;
         margin-bottom:6px !important;
}
#team .ce_text.teammember h3{
         font-size:15px !important;
}
/* Kontakt */
#kontakt{
         background:#f5f5f5 !important;
         background-size: 100% 100% !important;
         padding-top:20px !important;
         padding-bottom:60px !important;
         margin-bottom:0px !important;

}
.ce_text.kontakt{
         font-size:13px !important;
}
.ce_text.kontakt img{
         max-width:70% !important;
         height:auto !important;
}
.ce_text.kontakt a.btn{
         margin-top:40px !important;
}


/* Footer */
#footer{
         text-align:center !important;
         padding-top:40px !important;
         padding-bottom:0px !important;
}
#footer .ce_image.logo{
         margin-bottom:20px !important;
}
#footer h4{
         margin-bottom:20px !important;
}
#footer .ce_text.copy h6{
         margin-top:20px !important;
}

/* Detailseiten */

#slider .ce_text.head,
#slider .ce_text.teaser{
         padding-top:0px !important;
         font-size:18px !important;
         line-height:24px !important;
}
#slider .ce_text.teaser{
         margin-top:4px !important;
}
#slider .ce_text.headline{
         position:relative !important;
         top:0px;
         left:0px;
         margin-left:0px !important;
         margin-right:0px !important;
}
#slider .ce_text.headline br{
         display:none;
}
#slider{
         padding-bottom:30px !important;
}
#slider #text-anker-01 h2{
         margin-top:30px !important;
}
#slider .ce_image{
         margin-left:0px !important;
         margin-right:0px !important;
         margin-bottom:-5px !important;;
}
.ce_text.kontakt{
         margin-top:40px !important;
}
.home .ce_text.kontakt{
         margin-top:0px !important;
}
.mod_booknav{
         text-align:center !important;
         font-size:12px !important;
         line-height:12px !important;
         margin-bottom:10px !important;
}
#footer .ce_text.social img{
         margin-top:0px !important;
}
.seefracht .ce_text.kontakt,
.landtransport .ce_text.kontakt,
.luftfracht .ce_text.kontakt,
.projektlogistik .ce_text.kontakt{
         border-top:1px solid #e7e7e7;
         border-bottom:1px solid #e7e7e7;
         margin-top:10px !important;
         padding-top:30px !important;
         padding-bottom: 10px !important;
}

/* Kontaktformular */
#cboxClose{
         top:-20px !important;
         right:5px !important;
}

/* Impressum */
#impressum{
         padding-top:0px !important;
         padding-bottom:40px !important;
}

/* Datenschutz */
#datenschutz{
         padding-top:0px !important;
         padding-bottom:40px !important;
}


}
.cookiebar {
    box-sizing: border-box;
    position: fixed;
    left: 0;
    width: 100%;
    padding: 0.6em 1.2em;
    background-color: #00293a;
    color: #fff;
    font-size: 1em;
    text-align: center;
    z-index: 10000;
}
.cookiebar * {
    box-sizing: border-box;
}
.cookiebar--active {
    display: flex !important;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.cookiebar--position-top {
    top: 0;
}
.cookiebar--position-bottom {
    bottom: 0;
}
.cookiebar__message,
.cookiebar__text {
    margin-right: 1.5em;
}
.cookiebar__link {
    color: #00adee;
    text-decoration: none;
}
.cookiebar__link:hover {
    text-decoration: none;
}
.cookiebar__button {
    margin: 0;
    padding: 0.2em 1.2em;
    border: none;
    border-radius: 0;
    background-color: #00adee;
    color: #fff;
    font-weight: 700;
    cursor: pointer;
}
.cookiebar__button:hover {
    background-color: #00adee;
}
.cookiebar__analytics {
    margin-right: 1.5em;
}
.cookiebar__analytics-label {
    cursor: pointer;
}
.cookiebar__analytics-checkbox {
    margin-right: 5px;
}