#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#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}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#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(../../assets/colorbox/images/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(../../assets/colorbox/images/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(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
.ce_youtube.smalldown.center.block figure.video_container
{
	text-align: center;
}

/*****Custom*******/
.space {padding-top: 3%; padding-bottom: 3%}
.bigspace {padding-top: 6%; padding-bottom: 6%}
.down {padding-bottom: 3%}
.up {padding-top: 3%}



.padright {padding-right: 3%}
.padleft {padding-left: 3%}
.bigpadleft {padding-left: 6%}

.smallup {padding-top: 1.5%}
.smalldown {padding-bottom: 1.5%}
.smallerdown {padding-bottom: 0.5%}
.bigup {padding-top: 6%}
.bigdown {padding-bottom: 6%}
.padTop6 {padding-top: 6px}

.spacer {margin-top: 40px; margin-bottom: 3%}
.bigspacer {margin-top: 6% !important; margin-bottom: 6% !important}
.downer {margin-bottom: 3%}
.upper {margin-top: 3% !important}
.bigdowner {margin-bottom: 6%}
.bigupper {margin-top: 6% !important}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.inside {
	width: 90%;
	max-width: 1180px;
	margin: 0 auto; 
	padding-right:1%; 
	overflow: hidden; 
}

.row, #footer {clear: both; overflow: hidden; }
.flexRow {display: flex}
.flexRow.aCenter {align-items: center}
.flexRow.jCenter {justify-content: center}
.flexRow.items4 > div {width: 25%; margin: 0 3%}


/* *******************Common columns definitions**************************/
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {float: left;margin: 0 3% 0 0}	
.col1.last, .col2.last, .col3.last, .col4.last, .col5.last, .col6.last, .col7.last, .col8.last, .col9.last, .col10.last, .col11.last, .col12 {
	margin-right: 0;}
.col1 { width: 5.5%; }
.col2 { width: 14%; }
.col3 { width: 22.5%; }
.col4 { width: 31%; }
.col5 { width: 39.5%; }
.col6 { width: 48.5%; }
.col7 { width: 57.5%; }
.col8 { width: 65%; }
.col9 { width: 74.5%; }
.col10 { width: 83%; }
.col11 { width: 90.5%; }
.col12 { width: 99%; margin: 0; 
}

.offset1 {margin-left: 3%}
.offset3 {margin-left: 25%}
.offset6 {margin-left: 26.5%}
.offset8 {margin-left: 35.5%}
.offset10 {margin-left: 42.75%}


/* *********************************************************************************************************************
 * Small devices
 */
@media all and (max-width: 1150px) {
#mapSection .col6 {float: none;width: 100%;margin: 3% 0 0 0;}
}
 
@media all and (max-width: 768px) {
	
	.flexRow {display: block}
	.inside {width: 95%; padding-right: 0}

	.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11,
	.col1.last, .col2.last, .col3.last, .col4.last, .col5.last, .col6.last, .col7.last, .col8.last, .col9.last, .col10.last, .col11.last, .col12 
	{
		float: none;
		width: 100%;
		margin: 3% 0 0 0;
	}
	*[class*="offset"] {margin-left: 0}
}
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
      overflow-x: hidden;
}
body {
  margin: 0; padding: 0; font-size: 15px; line-height: 1.8em;
     font: 16px 'Rubik',Arial,Helvetica,sans-serif;
}

/*--------------------------------------------*/
/*------- GENERAL --> TRANSITION + LAYOUT BUILDER -------------*/
/*--------------------------------------------*/
figure, ul {margin: 0; padding: 0; overflow: hidden;}
figcaption {padding: 5px 0}

img {max-width: 100%; height: auto; display: block}
.center img {margin: 0 auto}

.invisible {display: none !important}
.block {display: block}
.inner {padding: 25px}

.mod_article a {text-decoration: underline}

figure.float_left {float: left;margin: 1% 3% 0 0;max-width: 50%;}
figure.float_right {float: right;margin: 1% 0 0 3%;max-width: 50%;}
.textright > figure > img {float: right}

.lineUp {border-top: 3px dotted #c1c1c1}

*
{
    -webkit-transition: all .45s cubic-bezier(.23,1,.32,1);
    -moz-transition: all .45s cubic-bezier(.23,1,.32,1);
    -ms-transition: all .45s cubic-bezier(.23,1,.32,1);
    -o-transition: all .45s cubic-bezier(.23,1,.32,1);
    transition: all .45s cubic-bezier(.23,1,.32,1);
}

/*--------------------------------------------*/
/*------- GENERAL --> FONTS + COLORS -------------*/
/*--------------------------------------------*/
body {font-weight: 400}
h1, h2, h3, h4, h5, h6,#headTitle {font-family: "Rubik", Arial, sans-serif;font-weight: 700; margin-top: 3px; letter-spacing: -1px}


h1 {font-size: 2em}
h2 {font-size: 1.4em}

a, button {outline: none; text-decoration: none}
a:hover {text-decoration: underline; color: #920f30}

p > a {text-decoration: underline}

p { -moz-hyphens: auto;-o-hyphens: auto;-webkit-hyphens: auto;-ms-hyphens: auto;hyphens: auto; line-height: 1.8}

.textup {text-transform: uppercase}
.textbold {font-weight: bold}
.textcenter, .pagination {text-align: center}
.textright {text-align: right}
.smalltext, .caption, .layout_short, p.info, p.more > a, p.back > a, .mod_eventlist .header {font-size: 12px;line-height: 1.6em}


body {color: #464646}
/*HIGHLIGHT*/
a {color: rgb(146, 15, 48)/*#ed9535*/; font-weight: bold}
.lightgray {background-color: #efefef}

/*--------------------------------------------*/
/*------- SECTION 1 --> HEADER -------------*/
/*--------------------------------------------*/
#sec1 {margin-bottom: 20px}
#sec1 h1 {font-weight: 300; margin-bottom: -10px}
#sec1 img {max-width: 200px; float: right}


/*--------------------------------------------*/
/*------- SECTION 6 --> TERMINE -------------*/
/*--------------------------------------------*/
.tableLayout {padding-left: 0}
.tableLayout ul > li {display: inline-block; padding: 15px; margin: 0 -2px; vertical-align: top;line-height: 1.4em;}
.tableLayout ul > li:before {content: ""; display: none}
.tableLayout ul > li:nth-child(1) {font-weight: bold; width: 10%}
.tableLayout ul > li:nth-child(2) {font-weight: bold; width: 20%}
.tableLayout > li:nth-child(3) {width: 10%}
.tableLayout ul > li:nth-child(4) {width: 60%}

.tableLayout.column3 ul > li:nth-child(1) {width: 15% !important}
.tableLayout.column3 ul > li:nth-child(2) {width: 25% !important}
.tableLayout.column3 ul > li:nth-child(3) {width: 60% !important}

 

#secTerminIntern ul > li:nth-child(1) {font-weight: bold; width: 10%}
#secTerminIntern ul > li:nth-child(2) {font-weight: bold; width: 20%}
#secTerminIntern ul > li:nth-child(3) {width: 70%}

#ausdenArbeitsgruppen ul > li:nth-child(1) {width: 10%}
#ausdenArbeitsgruppen ul > li:nth-child(2) {width: 90%; font-weight: normal}


@media (max-width: 900px)
{
	#sec1 .col6 {width: 50%; float: left}
	#sec1 h1 {font-size: 1em !important; font-weight: bold}
	#sec1 img {max-width: 60%}
	
	#sec6 ul > li {width: 50% !important}
}


/*Bulletpoints Textelemente*/
#main .ce_text ol, #main .ce_text ul, .ce_list ul {padding-left: 20px;list-style-type: none}
#main .ce_text ol li, #main .ce_text ul li, .ce_list ul li {padding-top: 15px; line-height: 1.6em}
#main .ce_text ul li::before, .ce_list ul li:before {list-style-type: none;content: "\2022";color: rgb(146, 15, 48)/*#ed9535*/;padding-right: 10px;font-size: 28px;margin-left: -20px;vertical-align: middle;}


#main .ce_text ol {counter-reset: item;padding-left: 44px;list-style-type: none}
#main .ce_text ol li::before {content: counter(item) ". ";width: 24px;
    display: inline-block;
    counter-increment: item;
    padding-right: 10px;
    font-size: 22px;
    color: #920f30;
    margin-left: -34px;
    vertical-align: middle;}

/*--------------------------------------------*/
/*------- SECTION 7 --> TERMINE -------------*/
/*--------------------------------------------*/
#sec7 h3 {margin-bottom: 5px}
#sec7 ul {margin-bottom: 30px; margin-left: 30px}

#socials .row > div {display: inline-block; text-align: center}
#socials .row > div:first-child {margin-left: 42%} 

/*--------------------------------------------*/
/*------- SECTION 1 --> EINLADUNG JAHRESKONFERENZ 2019 -------------*/
/*--------------------------------------------*/
.einladungJK .ctabtn {display: block; max-width: 300px; margin: 0 auto; padding: 8px 32px; background-color: #920f30; color: #fff; text-decoration: none; border-radius: 35px; text-align: center}

.einladungJK #sec3 ul > li {display: inline-block; padding: 15px; margin: 0 -2px; vertical-align: top;line-height: 1.4em;}
.einladungJK #sec3 ul > li:nth-child(1) {font-weight: bold; width: 15%}
.einladungJK #sec3 ul > li:nth-child(2) {width: 85%}



@media (max-width: 768px)
{
	.backpic {height: 250px !important}
	#sec1 {margin-bottom: 0}
	
	.tableLayout ul {padding-left: 0}
	#ausdenArbeitsgruppen ul > li:nth-child(1) {width: 20%; padding-right: 0}
	#ausdenArbeitsgruppen ul > li:nth-child(2) {width: 80%}	
	
	.tableLayout.cols3 ul > li:nth-child(1), .tableLayout.cols3 ul > li:nth-child(2), .tableLayout.cols4 ul > li:nth-child(1), .tableLayout.cols4 ul > li:nth-child(2), .tableLayout.cols4 ul > li:nth-child(3), .tableLayout.cols4 ul > li:nth-child(4) {width: 50% !important}
	.tableLayout.cols3 ul > li:nth-child(3) {display: block; width: 100% !important}

	#socials .row > div:first-child {margin-left: 17%}
}