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%}.aspect--9\:16,.responsive.ratio-916{padding-bottom:177.7777%}.aspect--1\:1,.responsive.ratio-11{padding-bottom:100%}
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}
@font-face {
    font-family: "Suisse Intl";
    src: url("../../files/assets/fonts/SuisseIntl-Light-WebS.woff2") format("woff2"), 
	url("../../files/assets/fonts/SuisseIntl-Light-WebS.woff") format("woff");
    font-weight: 300;
    font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: "Suisse Intl";
    src: url("../../files/assets/fonts/SuisseIntl-LightItalic-WebS.woff2") format("woff2"), 
	url("../../files/assets/fonts/SuisseIntl-LightItalic-WebS.woff") format("woff");
    font-weight: 300;
    font-style: italic;
	font-display: swap;
}

@font-face {
    font-family: "Suisse Intl";
    src: url("../../files/assets/fonts/SuisseIntl-Regular-WebS.woff2") format("woff2"), 
	url("../../files/assets/fonts/SuisseIntl-Regular-WebS.woff") format("woff");
    font-weight: 400;
    font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: "Suisse Intl";
    src: url("../../files/assets/fonts/SuisseIntl-RegularItalic-WebS.woff2") format("woff2"), 
	url("../../files/assets/fonts/SuisseIntl-RegularItalic-WebS.woff") format("woff");
    font-weight: 400;
    font-style: italic;
	font-display: swap;
}

@font-face {
    font-family: "Suisse Intl";
    src: url("../../files/assets/fonts/SuisseIntl-Book-WebS.woff2") format("woff2"), 
	url("../../files/assets/fonts/SuisseIntl-Book-WebS.woff") format("woff");
    font-weight: 450;
    font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: "Suisse Intl";
    src: url("../../files/assets/fonts/SuisseIntl-BookItalic-WebS.woff2") format("woff2"), 
	url("../../files/assets/fonts/SuisseIntl-Book-WebSItalic.woff") format("woff");
    font-weight: 450;
    font-style: italic;
	font-display: swap;
}

@font-face {
    font-family: "Suisse Intl";
    src: url("../../files/assets/fonts/SuisseIntl-Medium-WebS.woff2") format("woff2"), 
	url("../../files/assets/fonts/SuisseIntl-Medium-WebS.woff") format("woff");
    font-weight: 500;
    font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: "Suisse Intl";
    src: url("../../files/assets/fonts/SuisseIntl-MediumItalic-WebS.woff2") format("woff2"), 
	url("../../files/assets/fonts/SuisseIntl-MediumItalic-WebS.woff") format("woff");
    font-weight: 500;
    font-style: italic;
	font-display: swap;
}

@font-face {
    font-family: "Suisse Intl";
    src: url("../../files/assets/fonts/SuisseIntl-SemiBold-WebS.woff2") format("woff2"), 
	url("../../files/assets/fonts/SuisseIntl-SemiBold-WebS.woff") format("woff");
    font-weight: 600;
    font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: "Suisse Intl";
    src: url("../../files/assets/fonts/SuisseIntl-SemiBoldItalic-WebS.woff2") format("woff2"), 
	url("../../files/assets/fonts/SuisseIntl-SemiBoldItalic-WebS.woff") format("woff");
    font-weight: 600;
    font-style: italic;
	font-display: swap;
}

@font-face {
    font-family: "Suisse Intl";
    src: url("../../files/assets/fonts/SuisseIntl-Bold-WebS.woff2") format("woff2"), 
	url("../../files/assets/fonts/SuisseIntl-Bold-WebS.woff") format("woff");
    font-weight: 700;
    font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: "Suisse Intl";
    src: url("../../files/assets/fonts/SuisseIntl-BoldItalic-WebS.woff2") format("woff2"), 
	url("../../files/assets/fonts/SuisseIntl-BoldItalic-WebS.woff") format("woff");
    font-weight: 700;
    font-style: italic;
	font-display: swap;
}

/*!
 * This file is part of Contao.
 *
 * (c) Leo Feyer
 *
 * @license LGPL-3.0-or-later
 */

/**
 * Make the wrapping container 960 pixel wide
 */


#header .inside,
#footer .inside,
.mod_article.wrap .inner,
#headerbild .inner-headline,
#desktopmenu .mm-panels,
#headersearchmenu .mm-panels,
.mod_article.headerbereich .ce_image{
	width:1440px;
	margin:0 auto;
}
#desktopmenu .mm-panels{
	width:1460px;
	margin:0 auto;
}

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

/**
 * 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:15px;
	margin-right:15px;
}

/**
 * Handle news and event reader modules which are added via content element and
 * contain content elements themselves (see #5331)
 */
.mod_article .mod_newsreader,.mod_article .mod_eventreader {
	margin-left:0;
	margin-right:0;
}
/*
.mod_article *[class*="layout_"] > *,
.mod_article *[class*="event_"] > * {
	margin-left:0px !important;
	margin-right:0px !important;
}
*/

/**
 * 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 {
	margin-left:0;
	margin-right:0;
}

/**
 * Automatically clear the floats in the main column, so you do not have to add
 * a clearing div to each article
 */
#main .inside {
	overflow:hidden;
}

/**
 * Grid column widths
 */
.grid1  { width:90px;  }
.grid2  { width:210px; }
.grid3  { width:330px; }
.grid4  { width:450px; }
.grid5  { width:570px; }
.grid6  { width:690px; }
.grid7  { width:810px; }
.grid8  { width:930px; }
.grid9  { width:1050px; }
.grid10 { width:1170px; }
.grid11 { width:1290px; }
.grid12 { width:1410px; }


.grid6_0 {
	margin: 0 !important;
    width: 720px;
}
.grid8_0 {
	margin: 0 !important;
    width: 960px;
}
.grid10_0 {
	margin: 0 !important;
    width: 1200px;
}
.grid12_0 {
    margin: 0 !important;
    width: 100%;
}

/**
 * Default offset widths + 1.5 Margin (45)
 */
.offset1  { margin-left:135px  !important; }
.offset2  { margin-left:255px !important; }
.offset3  { margin-left:375px !important; }
.offset4  { margin-left:495px !important; }
.offset5  { margin-left:615px !important; }
.offset6  { margin-left:735px !important; }
.offset7  { margin-left:855px !important; }
.offset8  { margin-left:975px !important; }
.offset9  { margin-left:1095px !important; }
.offset10 { margin-left:1215px !important; }
.offset11 { margin-left:1335px !important; }

.offset05{ margin-left:60px  !important; }

.ce_caroufredsel.case-studies .caroufredsel .ce_text{
	width:1170px !important;
	margin-left:135px !important;
	margin-right:135px !important;
}
.ce_caroufredsel.case-studies .caroufredsel_prev{
	left:145px !important;
}
.ce_caroufredsel.case-studies .caroufredsel_next{
	right:145px !important;
}


@media (min-width:990px) and (max-width:1469px)
{
	
	
#header .inside,
#footer .inside,
.mod_article.wrap .inner,
#headerbild .inner-headline,
#desktopmenu .mm-panels,
#headersearchmenu .mm-panel,
.mod_article.headerbereich .ce_image {
		width:1116px;
	}	
#desktopmenu .mm-panels{
	width:1136px;
}
		
	/**
	 * Grid column widths
	 */
	.grid1  { width:63px;  }
	.grid2  { width:156px; }
	.grid3  { width:249px; }
	.grid4  { width:342px; }
	.grid5  { width:435px; }
	.grid6  { width:528px; }
	.grid7  { width:621px; }
	.grid8  { width:714px; }
	.grid9  { width:807px; }
	.grid10 { width:900px; }
	.grid11 { width:993px; }
	.grid12 { width:1086px; }
	
	.grid6_0 {
		margin: 0 !important;
		width: 558px;
	}
	.grid8_0 {
		margin: 0 !important;
		width: 744px;
	}
	.grid10_0 {
		width: 930px;
	}
	

	
	/**
	 * Default offset widths + 1.5 Margin (45)
	 */
	.offset1  { margin-left:108px  !important; }
	.offset2  { margin-left:201px !important; }
	.offset3  { margin-left:294px !important; }
	.offset4  { margin-left:387px !important; }
	.offset5  { margin-left:480px !important; }
	.offset6  { margin-left:573px !important; }
	.offset7  { margin-left:666px !important; }
	.offset8  { margin-left:759px !important; }
	.offset9  { margin-left:852px !important; }
	.offset10 { margin-left:945px !important; }
	.offset11 { margin-left:1038px !important; }
	
	.ce_caroufredsel.case-studies .caroufredsel .ce_text{
		width:900px !important;
		margin-left:108px !important;
		margin-right:108px !important;
	}
	.ce_caroufredsel.case-studies .caroufredsel_prev{
		left:118px !important;
	}
	.ce_caroufredsel.case-studies .caroufredsel_next{
		right:118px !important;
	}
	
}

@media (min-width:978px) and (max-width:1139px)
{

#header .inside,
#footer .inside,
.mod_article.wrap .inner,
#headerbild .inner-headline,
#desktopmenu .mm-panels,
#headersearchmenu .mm-panel,
.mod_article.headerbereich .ce_image {
		width:960px;
	}	
#desktopmenu .mm-panels{
	width:980px;
}

*[class*="grid"] {
	float:left;
	margin-left:10px;
	margin-right:10px;
	display:inline;
}
.mod_article *[class*="ce_"],.mod_article *[class*="mod_"] {
	margin-left:10px;
	margin-right:10px;
}
		
	/**
	 * Grid column widths
	 */
	.grid1  { width:60px;  }
	.grid2  { width:140px; }
	.grid3  { width:220px; }
	.grid4  { width:300px; }
	.grid5  { width:380px; }
	.grid6  { width:460px; }
	.grid7  { width:540px; }
	.grid8  { width:620px; }
	.grid9  { width:700px; }
	.grid10 { width:780px; }
	.grid11 { width:860px; }
	.grid12 { width:940px; }
	
	.grid6_0 {
		margin: 0 !important;
		width: 480px;
	}
	.grid8_0 {
		margin: 0 !important;
		width: 640px;
	}
	.grid10_0 {
		width: 800px;
	}
	
	/**
	 * Default offset widths + 1.5 Margin (45)
	 */
	.offset1  { margin-left:90px  !important; }
	.offset2  { margin-left:170px !important; }
	.offset3  { margin-left:250px !important; }
	.offset4  { margin-left:330px !important; }
	.offset5  { margin-left:410px !important; }
	.offset6  { margin-left:490px !important; }
	.offset7  { margin-left:570px !important; }
	.offset8  { margin-left:650px !important; }
	.offset9  { margin-left:730px !important; }
	.offset10 { margin-left:810px !important; }
	.offset11 { margin-left:890px !important; }
	.offset12 { margin-left:970px !important; }
	
	
	.ce_caroufredsel.case-studies .caroufredsel .ce_text{
		width:780px !important;
		margin-left:90px !important;
		margin-right:90px !important;
	}
	.ce_caroufredsel.case-studies .caroufredsel_prev{
		left:100px !important;
	}
	.ce_caroufredsel.case-studies .caroufredsel_next{
		right:100px !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:979px)
{


	/**
	 * Remove the overall width
	 */
	#header .inside,
	#footer .inside,
	.mod_article.wrap .inner,
	#desktopmenu .mm-panels,
	#headersearchmenu .mm-panel,
.mod_article.headerbereich .ce_image {
		width:auto;
	}

*[class*="grid"] {
	float:left;
	margin-left:100px;
	margin-right:100px;
	display:inline;
}
.mod_article *[class*="ce_"],.mod_article *[class*="mod_"] {
	margin-left:100px;
	margin-right:100px;
}

	/**
	 * Show all columns underneath each other
	 */
	*[class*="grid"] {
		float:none !important;
		display:block !important;
		width:auto !important;
	}
	.news-detail .mod_article.tab-port .mod_sibling_navigation_news *[class*="grid"] {
		float:left !important;
		display:inline !important;
		width:50% !important;
		margin-left:0px !important;
		margin-right:0px !important;
	}
	*[class*="offset"] {
		margin-left:100px !important;
	}
	.grid6_0,
	.grid8_0,
	.grid10_0{
		margin-left:0px !important;
		margin-right:0px !important;
	}
	#references .ce_caroufredsel_gallery.mobile{
		width:100% !important;
	}
	.services .ce_caroufredsel{
		width:100% !important;
	}
	.ce_image.svg{
		width:100% !important;
	}
	#what-life .ce_caroufredsel{
		width:100% !important;
	}
	.ce_caroufredsel.case-studies{
		width:100% !important;
	}
	.ce_caroufredsel.case-studies .caroufredsel .ce_text{
		width:100% !important;
		padding-left:15px !important;
		padding-right:15px !important;
	}



/*
#header .inside,
#footer .inside,
.mod_article.wrap .inner,
#headerbild .inner-headline,
#desktopmenu .mm-panels,
#headersearchmenu .mm-panel,
.mod_article.headerbereich .ce_image {
		width:744px;
	}
#desktopmenu .mm-panels{
	width:764px;
}
	
*[class*="grid"] {
	float:left;
	margin-left:10px;
	margin-right:10px;
	display:inline;
}
.mod_article *[class*="ce_"],.mod_article *[class*="mod_"] {
	margin-left:10px;
	margin-right:10px;
}

	.grid1  { width:42px;  }
	.grid2  { width:104px; }
	.grid3  { width:166px; }
	.grid4  { width:228px; }
	.grid5  { width:290px; }
	.grid6  { width:352px; }
	.grid7  { width:414px; }
	.grid8  { width:476px; }
	.grid9  { width:538px; }
	.grid10 { width:600px; }
	.grid11 { width:662px; }
	.grid12 { width:724px; }
	
	.grid6_0 {
		margin: 0 !important;
		width: 372px;
	}
	.grid8_0 {
		margin: 0 !important;
		width: 496px;
	}
	.grid10_0 {
		width: 620px;
	}
	

	.offset1  { margin-left:72px  !important; }
	.offset2  { margin-left:134px !important; }
	.offset3  { margin-left:196px !important; }
	.offset4  { margin-left:258px !important; }
	.offset5  { margin-left:320px !important; }
	.offset6  { margin-left:382px !important; }
	.offset7  { margin-left:444px !important; }
	.offset8  { margin-left:506px !important; }
	.offset9  { margin-left:568px !important; }
	.offset10 { margin-left:630px !important; }
	.offset11 { margin-left:692px !important; }
	.offset12 { margin-left:754px !important; }


	.mod_article.tab-port *[class*="grid"] {
		float:none !important;
		display:block !important;
		width:100% !important;
	}
	.news-detail .mod_article.tab-port .mod_sibling_navigation_news *[class*="grid"] {
		float:left !important;
		display:inline !important;
		width:50% !important;
		margin-left:0px !important;
		margin-right:0px !important;
	}
	.mod_article.tab-port *[class*="offset"] {
		margin-left:10px !important;
	}
	.mod_article.tab-port .grid10_0.offset1 {
		width: 100% !important;
		margin-left:0px !important;
		margin-right:0px !important;
	}

	.services .mod_article.tab-port .ce_caroufredsel{
		width:100% !important;
	}

	.ce_caroufredsel.case-studies .caroufredsel .ce_text{
		width:600px !important;
		margin-left:72px !important;
		margin-right:72px !important;
	}
	.ce_caroufredsel.case-studies .caroufredsel_prev{
		left:82px !important;
	}
	.ce_caroufredsel.case-studies .caroufredsel_next{
		right:82px !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.wrap .inner,
	#desktopmenu .mm-panels,
	#headersearchmenu .mm-panel,
.mod_article.headerbereich .ce_image {
		width:auto;
	}

	/**
	 * Show all columns underneath each other
	 */
	*[class*="grid"] {
		float:none !important;
		display:block !important;
		width:auto !important;
	}
	.news-detail .mod_article.tab-port .mod_sibling_navigation_news *[class*="grid"] {
		float:left !important;
		display:inline !important;
		width:50% !important;
		margin-left:0px !important;
		margin-right:0px !important;
	}
	*[class*="offset"] {
		margin-left:15px !important;
	}
	.grid6_0,
	.grid8_0,
	.grid10_0{
		margin-left:0px !important;
		margin-right:0px !important;
	}
	#references .ce_caroufredsel_gallery.mobile{
		width:100% !important;
	}
	.services .ce_caroufredsel{
		width:100% !important;
	}
	.ce_image.svg{
		width:100% !important;
	}
	#what-life .ce_caroufredsel{
		width:100% !important;
	}
	.ce_caroufredsel.case-studies{
		width:100% !important;
	}
	.ce_caroufredsel.case-studies .caroufredsel .ce_text{
		width:100% !important;
		padding-left:15px !important;
		padding-right:15px !important;
	}
	
	
}

/* Allgemeine Formate ------------------------------------------------------------ */

:root {
  --llcag-darker-grey: #05171A;
  --llcag-dark-grey: #002830;
  --llcag-grey: #233B43;
  --llcag-light-grey: #D7E1E6;
  --llcag-lighter-grey: #EDF1F4;
  --llcag-lightest-grey: #F6F8F9;
  --llcag-red: #FF230A;
}


body{
	font-family: "Suisse Intl";
	color: var(--llcag-dark-grey);
	font-size:16px;
	line-height:28px;
	font-weight:300;
	letter-spacing:.01em;
}
a{
	color: var(--llcag-dark-grey);
	text-decoration:none;
	transition:all .4s;
}
a:hover,a:focus{
	color: var(--llcag-red);
}

a.btn,
.link-btn a{
	display:inline-block;
	min-width:100px;
	text-align:center;
	text-transform:uppercase;
	color:var(--llcag-dark-grey);
	border:1px solid var(--llcag-dark-grey);
	box-sizing:border-box;
	font-size:12px;
	font-weight:500;
	line-height:52px;
	margin-top:20px;
	padding: 0 20px 0 20px;
	transition:all .5s;
	letter-spacing:.2em;
	min-width:210px;
	max-width:80%;
	background:transparent;
}
a.btn:hover,
.link-btn a:hover{
	color:#fff;
	background:var(--llcag-dark-grey);
}
#kontakt a.btn,
#kontakt .link-btn a{
	min-width:330px;
}
a.btn.btn-ws,
.link-btn.btn-ws a{
	color:#fff;
	border:1px solid #fff;
}
a.btn.btn-ws:hover,
.link-btn.btn-ws a:hover{
	color:#fff;
	background:var(--llcag-dark-grey);
	border:1px solid var(--llcag-dark-grey);
}
a.btn.btn-sw,
.link-btn.btn-sw a{
	color:#fff;
	background:var(--llcag-dark-grey);
	border:1px solid var(--llcag-dark-grey);
}
a.btn.btn-sw:hover,
.link-btn.btn-sw a:hover{
	color:var(--llcag-dark-grey);
	background:#fff;
	border:1px solid #fff;
}

strong{
	font-weight:500;
}

h1,h2,h3,h4,h5,p{
	margin-bottom:24px;
}
h1{
	font-size:64px;
	line-height:64px;
	font-weight:500;
	letter-spacing:.05em;
	margin-top:.6em;
}
h1.noMarginTop,
h2.noMarginTop{
	margin-top:30px;
}
h2,
.h2-size{
	font-size:48px;
	line-height:54px;
	font-weight:500;
	letter-spacing:.01em;
	margin-top:.6em;
}
h3{
	font-size:36px;
	line-height:40px;
	font-weight:500;
	letter-spacing:.01em;
	margin-top:.6em;
}
h4{
	font-size:20px;
	line-height:32px;
	font-weight:500;
	letter-spacing:.01em;
	margin-top:.6em;
}
h5{
	font-size:14px;
	line-height:14px;
	font-weight:500;
	letter-spacing:.1em;
	text-transform:uppercase;
	color:var(--llcag-red);
	margin-top:0px;
	margin-bottom:0px;
}
.mod_article.rot h5{
	color:#fff;
}

img{
	vertical-align:middle;
}

.clear{ clear:both; }
.left{float:left;}
.right{float:right;}
.textleft{text-align:left;}
.textright{text-align:right;}
.textcenter{text-align:center;}

.ce_text ul{
	list-style-image: url('../../files/assets/images/list-style-icon.svg');
	padding-left:20px;
	box-sizing:border-box;
	font-size:24px;
	line-height:36px;
}
.mod_article.light-blue .ce_text ul,
.mod_article.rot .ce_text ul,
.ce_text.red ul{
	list-style-image: url('../../files/assets/images/list-style-icon-ws.svg');
}
.ce_text ul li{
	margin-bottom:12px;
	padding-left:30px;
	padding-right:10px;
	box-sizing:border-box;
}
.ce_text.listbox{
	margin-top:80px;
	margin-bottom:80px;
	font-size:20px;
}
.ce_text.listbox ul{
	float:left;
	width:50%;
	margin-bottom:0px;
}


/* Allgemeine Formate END--------------------------------------------------------- */

/* Allgemeine Formate Contao ----------------------------------------------------- */
#main{

}
.padding{
	padding: var(--llcag-padding-top) 0 var(--llcag-padding-bottom) 0;
	box-sizing:border-box;
}
.padding2{
	padding: var(--llcag-padding-top) 0 calc(var(--llcag-padding-bottom) + 40px) 0;
	box-sizing:border-box;
}
.mod_article.rot{
	background: var(--llcag-red);
	color:#fff;
	font-weight:400;
}
.mod_article.rot h1,
.mod_article.rot h2{
	color:var(--llcag-darker-grey);
}
.mod_article.grau{
	background: var(--llcag-lighter-grey);
}
.mod_article.grau2{
	background: var(--llcag-light-grey);
}
.mod_article.grau3{
	background: var(--llcag-lightest-grey);
}
.mod_article.grauverlauf{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#edf1f4+0,ffffff+100 */
	background: linear-gradient(to bottom,  rgba(237,241,244,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.mod_article.wrap.flex .inner{
	display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.mod_article.wrap.flex.alignitems .inner{
	align-items:center;
	align-content:center;
}

.mod_article.fullheight .inner{
	min-height:100vh;
}

.ce_text.grey{
	background:var(--llcag-lighter-grey);
}
.ce_text.red{
	background:var(--llcag-red);
	color:#fff;
}
.ce_text.topline{
	border-top: 2px solid #d3d8d9;
	padding-top:110px;
}
.ce_text.margin-top{
	margin-top: var(--llcag-margin-top-text);
}

.ce_text.readmore p{
	transition: all .4s;
	overflow:hidden;
}
.ce_text.readmore p.hidden{
	height:0px;
	margin-bottom:0px;
}
.ce_text.readmore a.btn{
	font-size:20px;
	margin-top:20px !important;
	min-width:40px;
	line-height:40px;
	padding:0px;
	padding-left:3px;
	margin:0px;
	text-align:center;
	box-sizing:border-box;
	cursor:pointer;
}

/* Allgemeine Formate Contao END-------------------------------------------------- */

/* Header ------------------------------------------------------------------------ */
#header{
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	z-index:9999;
	padding: 26px 0 2px 0;
	transition: all .1s;
	background:transparent;
	box-sizing:border-box;
	opacity:1;
}
#header.sticky,
.legal #header{
	background: #fff;
	padding: 15px 0 2px 0;
}
#header.trans{
	opacity:0;
}

#header #logo *,
#header #safe-logo *{
	margin:0;
}
#header #logo svg{
	width:250px;
	max-width:100%;
	height:auto;
	transition: all .4s;
	cursor:pointer;
}
#header.sticky #logo svg,
.legal #header #logo svg.sticky #logo svg{
	margin-bottom:0px;
	width:170px;
	height:auto;
}
#header #logo svg #Pfad_2325{
	fill:var(#fff);
	transition: all .4s;
}
#header.sticky #logo svg #Pfad_2325,
.legal #header #logo svg #Pfad_2325{
	fill:var(--llcag-dark-grey);
}
/* Hauptnavigation */
#header #hauptnavigation{
	overflow:visible;
	font-size:16px;
	line-height:21px;
	font-weight:450;
	letter-spacing:.1em;
	color: #fff;
	margin-top:-2px;
}
#header.sticky #hauptnavigation,
.legal #header #hauptnavigation{
	color: var(--llcag-dark-grey);
}
#header .sf-menu a{
	color: #fff;
	text-decoration:none;
}
#header.sticky .sf-menu a,
.legal #header .sf-menu a{
	color: var(--llcag-dark-grey);
	text-decoration:none;
}
#header .sf-menu a:hover,
#header.sticky .sf-menu a:hover,
#header .sf-menu a.trail,
#header.sticky .sf-menu a.trail,
.legal #header .sf-menu a:hover,
.legal #header .sf-menu a.trail{
	text-decoration:underline;
}
.sf-menu strong{
	font-weight:450;
	text-decoration:underline;
}
#header .sf-menu a.submenu:after,
#header .sf-menu strong.submenu:after {
	background:url(../../files/assets/images/menu-drop-down-arrow-ws.svg) no-repeat center transparent;
	transition:all .5s;
}
#header.sticky .sf-menu .submenu:after,
.legal #header .sf-menu .submenu:after {
	background:url(../../files/assets/images/menu-drop-down-arrow.svg) no-repeat center transparent;
}
/* Sprachwechsler */
#header #sprache{
	font-size:16px;
	line-height:21px;
	font-weight:450;
	letter-spacing:.1em;
	color: #fff;
	margin-top:-2px;
	transition:all .5s;
	text-align:right;
}
#header #sprache li{
	display:inline-block;
}
#header #sprache a{
	color: #fff;
}
#header.sticky #sprache a,
.legal #header #sprache a{
	color: var(--llcag-dark-grey);
}
#header #sprache a:hover,
#header.sticky #sprache a:hover,
.legal #header #sprache a:hover{
	text-decoration:underline;
}
#header.sticky #sprache,
.legal #header #sprache{
	color: var(--llcag-dark-grey);
}
#header #sprache strong{
	font-weight:450;
	text-decoration:underline;
}

/* Burger Menu */
#header .navigation{
	position:absolute;
	top:6px;
	right:40px;
}
#header .navigation .menu-button #hamburger{
         display:inline-block;
         width: 35px;
         height: 35px;
         cursor: pointer;
         margin-right:0px;
}
#header .navigation .menu-button #hamburger span {
         display:block;
         background:#fff;
         border-radius:0px;
         box-sizing: border-box;
		 border-radius:0px;
		 opacity:1;
		 transition: opacity .5s;
}
#header.sticky .navigation .menu-button #hamburger span{
		background: var(--llcag-dark-grey);
}
#header .navigation .menu-button:hover #hamburger span {
         opacity:1;
}
#header .navigation .menu-button #hamburger span {
         width: 35px;
         height: 2px;
         position: relative;
         top: 0px;
         left: 0px;
         margin: 5px 0;
}
/* Mobile Navigation */
.mod_mmenu{
	font-size:16px;
	font-weight:400;
}
.mod_mmenu #mm-1 .mm-navbar__title{
	background:url(../../files/assets/images/llcag-logo.svg) no-repeat left 20px bottom transparent;
	background-size: auto 45px;
	padding-top:30px;
	padding-bottom:20px;
	margin-bottom:40px;
}
.mod_mmenu #mm-1 .mm-navbar__title span{
	opacity:0;
}
.mm-menu a, .mm-menu a:active, .mm-menu a:hover, .mm-menu a:link, .mm-menu a:visited{
	color:var(--llcag-dark-grey);
}
.mod_mmenu .lang-de,
.mod_mmenu .lang-en{
	margin-top:20px;
}
.mod_mmenu .level_2 .lang-en,
.mod_mmenu .level_2 .lang-de{
	display:none;
}
.mm-listitem:after{ display:none; }
.mm-listitem--selected>.mm-listitem__text{ background:transparent; }
.mm-listitem__btn:not(.mm-listitem__text){ border-left-width:0px; }
.mm-navbar{ border:0; }

/* Header END--------------------------------------------------------------------- */

/* Footer ------------------------------------------------------------------------ */

#footer{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#002830+0,05171a+100 */
background: linear-gradient(to bottom,  rgba(0,40,48,1) 70%,rgba(5,23,26,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

	color:#fff;
	font-weight:400;
	padding: 100px 0 40px 0;
	font-size:14px;
	line-height:32px;
	letter-spacing: .01em;
}
#footer h4{
	font-size:14px;
	line-height:24px;
	letter-spacing: .05em;
	text-transform:uppercase;
}
#footer a{
	color:#fff;
}
#footer a:hover{
	color:var(--llcag-red);
}
#footer hr{
    border:0;
    color: var(--llcag-red);
    background: var(--llcag-red);
    height: 1px;
	margin-bottom:80px;
	margin-left:15px;
	margin-right:15px;
}
#footer .inside{
	background:url(../../files/assets/images/llc_map.svg) no-repeat center top 110px transparent;
	background-size: 100% auto;
}
#footer .mod_customnav li{
	color: var(--llcag-red);
}
#footer .ce_text svg{
	margin-top:30px;
}
#footer .ce_text.copy{
	margin-top:520px;
	font-size:10px;
	letter-spacing:.2em;
}

/* Footer END -------------------------------------------------------------------- */

/* Module ------------------------------------------------------------------------ */
/* Top-Button */
#topBtn {
  position: fixed;
  width:40px;
  height:40px;
  bottom: 20px;
  right: 20px;
  z-index: 999;
  border: none;
  outline: none;
  background:url(../../files/assets/images/pfeil-links.svg) no-repeat center var(--llcag-darker-grey);;
  background-size:20% auto;
  color: white; 
  cursor: pointer;
  padding: 0px; 
  font-size: 18px;
  text-indent:-10000px;
  opacity:0;
  transition: all .5s;
  transform:rotate(90deg);
}

#topBtn:hover {
  background:url(../../files/assets/images/pfeil-links.svg) no-repeat center var(--llcag-red);
  background-size:20% auto;
}
/* Accordion */
.ce_accordion {
	clear:both;
	border-top: 2px solid #d3d8d9;
}
.ce_accordion.first{
	margin-top:40px;
}
.ce_accordion.last{
	margin-bottom:100px;
}
.ce_accordion .toggler{
	position:relative;
	font-size:28px;
	line-height:34px;
	padding: 10px 0 24px 0;
	cursor:pointer;
	font-weight:500;
}
.ce_accordion .toggler:after{
	content:"+";
	position:absolute;
	top:4px;
	right:0px;
}
.ce_accordion .toggler.active:after{
	content:"-";
}

/* Headerbilder */
.headerbereich .inner{
	position:relative;
}
.headerbereich .inner .image_container{
	position:relative;
	z-index:5;
}
.headerbereich .inner .image_container:before{
	content:"";
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:200px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#05171a+0,000000+100&0.65+0,0+100 */
	background: linear-gradient(to bottom,  rgba(5,23,26,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.headerbereich .inner .ce_image{
	position:absolute;
	z-index:10;
	left:50%;
	bottom:20%;
	transform:translateX(-50%);
}
.headerbereich .inner .ce_image h1{
	color:#fff;
	text-shadow: var(--llcag-text-shadow);
	padding-left: calc(var(--llcag-breite-spalte) + 30px);
}
.headerbereich .inner .ce_image h1 span{
	color:var(--llcag-red);
}
/* FullWidth Bilder Content */

.bild-full-width .ce_image{
	margin-left:0 !important;
	margin-right:0 !important;
}

/* Layout ------------------------------------------------------------------------ */
/* Allgemein */
.ce_text.teaser strong{
	font-size:24px;
	line-height:32px;
	font-weight: 500;
	margin-bottom:40px;
	display:inline-block;
}

/* Home */

#home .ce_text.zitat{
	overflow:visible;
}
#home .ce_text.zitat h2{
	position:relative;
	color:var(--llcag-darker-grey);
	overflow:visible;
}
#home .ce_text.zitat h2:before{
	content:"“";
	font-family: "Suisse Intl";
	position:absolute;
	top:42px;
	left:-90px;
	font-size:160px;
}
#home .ce_text.zitat p{
	text-transform:uppercase;
	font-size:14px;
}
#home .ce_text.zitat .image_container img{
	width: calc(50% - 30px);
	float:right;
	transform:translateY(-30%);
}
#home .ce_text.teaser{
	margin-top:160px;
}


#ueber-uns .ce_slick-slider{
	margin-top:50px;
}
#ueber-uns .ce_slick-slider .caption{
	font-size:10px;
	text-transform:uppercase;
	letter-spacing:.2em;
	padding-top:3px;
}

#philosophie .inner{
	position:relative;
}
#philosophie .teaser{
	position:relative;
	z-index:10;
	display:flex;
	flex-flow:column;
	justify-content:center;
	margin-bottom:205px;
}
#philosophie .teaser strong{
	padding-top:30px;
}
#philosophie .ce_image{
	position:absolute;
	z-index:5;
	left:0px;
	bottom:0px;
}

#leistungen .ce_text.teaserbox{
	position:relative;
	margin-top:60px;
}
#leistungen .ce_text.teaserbox h3{
	position:absolute;
	width:100%;
	color:#fff;
	text-align:center;
	font-size:24px;
	line-height:28px;
	left:0px;
	bottom:150px;
	text-shadow: var(--llcag-text-shadow);
	padding: 0 10px 0 10px;
	box-sizing:border-box;
}
#leistungen .ce_text.teaserbox p{
	background:var(--llcag-red);
	padding: 28px 0 48px 0;
	margin-bottom:0px;
}
.leistungen #leistungen .ce_text.teaserbox p{
	background:var(--llcag-grey);
}

#partner hr{
	opacity:0;
}
#wer-wir-sind,
#partner{
	padding-bottom:360px;
}
#wer-wir-sind .inner,
#partner .inner{
	position:relative;
}
#wer-wir-sind .inner *,
#partner .inner *{
	position:relative;
	z-index:100;
}
#wer-wir-sind .ce_text.teaser{
	margin-bottom:95px;
}
#wer-wir-sind .ce_text.person,
#partner .ce_text.person{
	margin-bottom:30px;
	background:#fff;
	padding: 0 30px 0 30px;
	box-sizing:border-box;
}
#wer-wir-sind .ce_text.person h3,
#partner .ce_text.person h3{
	font-size:24px;
	line-height:28px;
}
#wer-wir-sind .ce_text.person h5,
#partner .ce_text.person h5{
	margin-top:24px;;
}
#wer-wir-sind .ce_text.person .image_container,
#partner .ce_text.person .image_container{
	width: calc(50% - 30px);
	float:left;
	margin-right:30px;
}
#wer-wir-sind .ce_text.person a,
#partner .ce_text.person a{
	margin-top:0px;
	min-width:26px;
	line-height:24px;
	padding:0px;
	padding-left:2px;
	margin:0px;
	text-align:center;
	box-sizing:border-box;
}
#wer-wir-sind .inner:before{
	content:"";
	position:absolute;
	top:630px;
	left:270px;
	width:345px;
	height:680px;
	background:var(--llcag-red);
	z-index:1;
}
#wer-wir-sind .inner:after{
	content:"";
	position:absolute;
	top:1310px;
	left:615px;
	width:345px;
	height:345px;
	background:var(--llcag-red);
	z-index:2;
}

#aktuelles .mod_slick_newslist{
	padding-top:50px;
}
#aktuelles .slick-track{
	display:flex;
	flex-wrap:wrap;
}
.slick-slide
{
    height: inherit !important;
}
.mod_newslist{
	display:flex;
	flex-wrap:wrap;
}
.layout_latest{
	background: var(--llcag-lightest-grey);
	margin-bottom:30px;
}
#aktuelles .layout_latest{
	background:#fff;
}
.layout_latest .info{
	font-size:10px;
	line-height:12px;
	text-transform:uppercase;
	padding: 20px 20px 0px 20px;
	letter-spacing:.2em;
}
.layout_latest h2,
.layout_latest h3{
	font-size:24px;
	line-height:28px;
	padding: 10px 20px 0px 20px;
	letter-spacing:.025em;
}
.layout_latest h5{
	padding: 0px 20px 0px 20px;
}
.layout_latest .more{
	padding: 0px 20px 0px 20px;
}
.layout_latest .more a{
	text-decoration:underline;
}
.layout_latest .more a:hover{
	text-decoration:none;
}
#aktuelles .ce_text.allnews{
	font-size:16px;
	line-height:24px;
	transform:translateY(-100%);
}
#aktuelles .mod_slick_newslist .layout_latest{
	margin-left:15px;
	margin-right:15px;
}

/* Aktuelles */
.mod_newsreader{
	
}
.aktuelles .mod_newslist{
	padding-top:30px;
}
.mod_newsreader .oben{
	background:var(--llcag-grey);
	margin-left:0px !important;
	margin-right:0px !important;
	min-height:90vh;
	margin-bottom:200px;
	overflow:visible;
}
.mod_newsreader .oben .inner{
	display:flex;
	min-height:90vh;
	align-items:flex-end;
}
.mod_newsreader .oben .inner .ce_image{
	transform:translateY(60px);
}

.mod_newsreader .content .ce_text strong{
	font-size:24px;
	line-height:32px;
	font-weight: 500;
}
.mod_newsreader .sharbtns{
	margin-bottom:120px;
	padding-left:15px;
	padding-top:20px;
	box-sizing:border-box;
}
.mod_newsreader .backbtn a{
	line-height:32px;
	min-width:160px;
}
.mod_newsreader .content div:first-child{
	border-top: 2px solid #d3d8d9;
	padding-top:110px;
	margin-top: var(--llcag-margin-top-text);
}
.mod_newsreader p.back{ display:none; }
.mod_newsreader h2{
	font-size:24px;
	line-height:32px;
}
.mod_newsreader h3{
	font-size:20px;
	line-height:28px;
}
.mod_newsreader .sharbtns h5,
.mod_newsreader .backbtn h5{
	font-size:14px;
	line-height:14px;
	font-weight:500;
	letter-spacing:.1em;
	text-transform:uppercase;
	color:var(--llcag-dark-grey);
	margin-top:40px;
	margin-bottom:12px !important;
}
.mod_newsreader .ce_hyperlink a{
	display:inline-block;
	min-width:100px;
	text-align:center;
	text-transform:uppercase;
	color:var(--llcag-dark-grey);
	border:1px solid var(--llcag-dark-grey);
	box-sizing:border-box;
	font-size:12px;
	font-weight:500;
	line-height:52px;
	margin-top:20px;
	margin-bottom:40px;
	padding: 0 20px 0 20px;
	transition:all .5s;
	letter-spacing:.2em;
	min-width:210px;
	max-width:80%;
	background:transparent;
}
.mod_newsreader .ce_hyperlink a:hover{
	color:#fff;
	background:var(--llcag-dark-grey);
}
/* Leistungen */
#leistungsportfolio .ce_text{
	margin-bottom:30px;
	box-sizing:border-box;
	position:relative;
}

#analyse .inner{
	position:relative;
}
#analyse .teaser{
	position:relative;
	z-index:10;
	display:flex;
	flex-flow:column;
	justify-content:center;
	margin-bottom:205px;
}
#analyse .ce_image{
	position:absolute;
	z-index:5;
	left:0px;
	bottom:0px;
}
#analyse-2{
	padding-bottom:var(--llcag-padding-bottom);
}


/* Unternehmen */
#partner .ce_text.teaser{
	margin-bottom:20px;
}
#partner .ce_text.partner-land h5{
	margin-top:45px;
	margin-bottom:45px;
	color: var(--llcag-dark-grey);
}
#partner .ce_text.partner-land.weiss h5{
	color:#fff;
}
.deutsch #partner .inner:before{
	content:"";
	position:absolute;
	top:405px;
	left:0px;
	width:460px;
	height:630px;
	background:var(--llcag-red);
	z-index:1;
}
.deutsch #partner .inner:after{
	content:"";
	position:absolute;
	top:1036px;
	left:460px;
	width:460px;
	height:460px;
	background:var(--llcag-red);
	z-index:2;
}
.englisch #partner .inner:before{
	content:"";
	position:absolute;
	top:380px;
	left:0px;
	width:460px;
	height:630px;
	background:var(--llcag-red);
	z-index:1;
}
.englisch #partner .inner:after{
	content:"";
	position:absolute;
	top:1011px;
	left:460px;
	width:460px;
	height:460px;
	background:var(--llcag-red);
	z-index:2;
}





/* Kontakt */
#kontakt{
	font-size:20px;
	font-weight:500;
}
#standorte .ce_text{
	margin-bottom:100px;
}
#standorte .ce_text hr{
	border:0;
    color: #d3d8d9;
    background: #d3d8d9;
    height: 2px;
	margin-top:0px;
	margin-bottom:66px;
}
#standorte .ce_text .image_container{
	width:50%;
	box-sizing:border-box;
}
#standorte .ce_text:nth-child(odd) .image_container{
	float:left;
	padding-right: var(--llcag-breite-spalte);
	margin-right: var(--llcag-breite-spalte);
}
#standorte .ce_text:nth-child(even) .image_container{
	float:right;
	padding-left: var(--llcag-breite-spalte);
	margin-left: var(--llcag-breite-spalte);
}
#standorte a[href^="mailto:"]{
	text-decoration:underline;
}

#anfahrt{
	position:relative;
}
#anfahrt .inner{
	padding: var(--llcag-padding-top) 0 var(--llcag-padding-bottom) 0;
	display:block;
}
#anfahrt:after{
	content:"";
	position:absolute;
	top:0px;
	left:50%;
	width:50%;
	height:100%;
	background:url(../../files/assets/images/llcag-kontakt-anfahrt-karte.svg) no-repeat center transparent;
	background-size:cover;
}

#anfrage .ce_form{
	padding-top:var(--llcag-margin-top-text);
}
/* Impressum & Datenschutz */
body.legal{
	padding-top: var(--llcag-padding-top);
}