/*
magenta
#B22873;
178, 40, 115


petrol
#00A89E;


hellgrau
#D8D8D8;

schwazblau
#22293C;  
*/




.cookie-disclaimer {
  background: #22293C;
  color: #FFF;

  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 1001;
/*  opacity: 0.9;  height: 250px;*/
  position: fixed;
  display:none; 
  border-top:1px solid #fff;
}  
.cookie-disclaimer .container {
  text-align: center;
  padding : 20px; 
}
.cookie-disclaimer .container p {margin-bottom:20px;}

.accept-cookie  {
	border:1px solid #B22873;
	border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; 
	background-color:#B22873;
	color:#fff;font-size:16px;
	height:38px;line-height:38px;
	display:inline-block;
	padding:0px 20px 0px 20px;  ;margin-right:16px;

}

.decline-cookie {
 border:1px solid #00A89E;
border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; 
 	background-color:#00A89E;
 color:#fff;
	
	font-size:16px;
	padding:0px 20px 0px 20px; 
	height:38px;line-height:38px;
	display:inline-block; 
}

 
#footer.nocookieconsent {padding-bottom:400px;}   


p.reset-cookie  {cursor:pointer;font-family:'Libre Franklin', sans-serif;
	border:1px solid #B22873;
	border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; 
	background-color:#fff;
	color:#B22873;font-size:16px;
	height:38px;line-height:38px;
	display:inline-block;
	padding:0px 20px 0px 20px;  ;margin-right:16px; margin-bottom:40px;margin-top:20px;

}





* { 
	margin: 0; 
	padding: 0; 
}

*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }
 
body { 
background:#ffffff;

}


a img {
	border: none;
} 
a:focus { 
    outline: none; 
}  
.clear {clear:both;margin:0;padding:0;height:1px;}

.clearfix:after {content: '';display: table;clear: both;}
.hidden {display:none;}

html, body { height:100%; }
 
#wrapper { min-height:100%; }


* html #wrapper { height:100%; }

 .anchor{
  display: block;
  height: 160px; /*same height as header*/
  margin-top: -160px; /*same height as header*/
  visibility: hidden;
}

#wrapper {
position: relative;
background:#fff;
width:100%; 

min-height:100%;
margin:64px auto 0px auto; 
overflow:hidden;
}
	
#headerwrapper{position:fixed;top:0;width:100%;height:64px;z-index:550;z-index:1550;background-color:#fff;}	

#headerbar {position: relative; width:100%; height:64px; margin:0px auto 0px auto; background-color:#fff;
/*	 box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
 -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
*/
 }
 
 
/*#headerbar.noshadow, .mmactive #headerbar , .submenupage #headerbar  {  box-shadow: none;
 -moz-box-shadow: none;
-webkit-box-shadow:none;}
*/


#logocontainer { position:absolute; top:0px; left: 16px;padding:0px 0px 0px 0px; width:194px; height:64px; }


#logo    { 
/*width:144px;
height:33px;height:48px;*/
width:100%;  display:block;
/* padding-bottom:48%;*/ height:64px; 

background-image:url('../images/Logistik-NRW_Kompetenznetz.jpg');
background-repeat:no-repeat;
background-size:auto 38px;/*background-size:100% auto;*/
background-position:left 8px center;
}
 
#search {position:absolute; right: 75px; top:18px;}
#search i, #mitgliedersearch_icon i {font-size:24px;}

#searchcontainer {display:none;position:fixed; left:0px; top:70px; top:69px; background: #fff; height:160px; padding:30px 20px 20px 20px;width:100%; z-index:100;}
 
.searchinput {max-width:330px; width:100%; height:40px; background:#fff;border:1px solid #22293C;padding-left:5px; float:left; display:block;
border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; margin-bottom:20px; }
 

 .closesearch {  display:block; display:none;
width:18px; height:18px; margin:0px;position:absolute; right: 2px; top:5px;z-index:1000;}
.closesearch:hover , .closesearch:focus {  cursor:pointer;}
 
 
.biginput {max-width:600px; width:90%; height:40px; background:#fff;border:1px solid #22293C;padding-left:5px; float:left; display:block;
border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; margin-bottom:20px; 
font-size:24px;
}

.mitgliedersearch_input .biginput {max-width:1000px; }

#searchform_submit {cursor:pointer; } 

 #searchform_submit:hover  {opacity:0.8 } 
 
 
 




#page  {
width:100%;
display:block;
position: relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
} 
 
/*.breadcrumbs {display:none;}*/
 .block.breadcrumbs .blockcontent {display:none}

.block.breadcrumbs {padding-top:200px;padding-bottom:0px; }



 .imagecontainer {width:100%; max-width:1280px;}

.imagecontainer div.headerlogo {width:100%; padding:10px;  padding-bottom:4px; }
.imagecontainer img {width:100%; height:auto;max-width:260px;margin:0px auto 0px auto; }


.footerleft {width:100%;padding:20px;}
.footerright  {width:100%;padding:20px 0px 20px 20px;}

.footerright ul {list-style-type:none; float:left;}
.footerright ul li {list-style-type:none; float:left; margin-right:30px;}
.footerright ul li:last-of-type {margin-right:0px;}

 #mainmenu {display:none}
 
 
.blockcontent {width:100%;  padding:0px 20px 0px 20px; max-width:1280px; padding:10px 20px 10px 20px;} 

.toggle_inner {width:100%;  padding:0px 0px 0px 0px;} 
 
 
.block {width:100%;  display:block;margin:0;padding:0px 0px 48px 0px;}

/*auf news-einzelseite*/
.block.fullwidth + .block {padding:48px 0px 0px 0px;}


.block.standalone {padding:48px 0px 48px 0px;}
 
.block.nopad {padding:0px 0px 0px 0px;}
/*.block.nopad:last-of-type {padding:0px 0px 48px 0px;}*/

.block.footerlogos  {border-top:1px solid #22293C; padding:4px 0px 4px 0px; position:fixed; bottom: 0px; background:#fff; z-index:999;}
.block.footerlogos .blockcontent {padding: 0px 20px 0px 20px;}
 .block.magenta.footer .blockcontent {width: 100%;
   
    margin: 0px auto 0px auto;
    position: relative;
    padding:24px 0px 0px 70px;
    padding-bottom: 300px;
}


.block.start, .block.header , .block.blue  {background-color:#22293C; position:relative;/*overflow:hidden;*/}
 
 
.block.hellgrau .blockcontent, .block.magenta .blockcontent, .block.petrol .blockcontent , .block.blue.termin .blockcontent,.blockcontent.searchresult {width:100%;  padding:16px 20px 16px 20px;  } 

 

.block.hellgrau  .blockcontent.slider { padding:16px 20px 16px 20px; }

 
.start .col30 , .mitglieder .col30 , .berufe .col30 {margin-bottom:40px;position:relative;}

.start .teaser {float:left;padding:20px 10px 20px 26px;}


.start .box {background-color:#B22873;  position:relative; padding-bottom:59.428571%; /*jetzt mehr für text...*/padding-bottom:100%;}


p.startteasertext {position: absolute;
    color: #000;
    bottom: 116px;
    left: 25px; display:none; padding-right:20px; }
    
 

 
.morelink{float:right; height:58px; width:150px;
background-image:url('../images/mehr_erfahren_blau.png');
background-repeat:no-repeat;
background-size:58px 58px; background-position:left bottom; 
padding:0px; position:absolute; bottom:18px; right:20px;  
}

.morelink span{ position:absolute; bottom:0px; left: 40px;}

.linkbox , .logistikindexlinks p {padding-bottom:100px; min-height:100px;position:relative; width:100%;}


.blockheader .linkbox {padding-bottom:0px; min-height:0px;float:right;}
.blockheader .linkbox .morelink {right:0px; width:130px; bottom:26px;}


.start .morelink,.start.light .morelink,  .newsbox .morelink , .logistikindexlinks p  {float:right; 
height:58px; 
width:150px;
background-image:url('../images/mehr_erfahren_blau.png');
background-repeat:no-repeat;
background-size:58px 58px; background-position:left bottom; 
padding:0px; position:absolute; bottom:18px; right:20px;   
}



.logistikindexlinks  {}
.logistikindexlinks p {width:100%;position:relative; height:150px; left: 20px;}
.logistikindexlinks p a  {color:#22293C; position:absolute; bottom:0px; left: 40px; font-weight:bold; text-transform:uppercase}
.logistikindexlinks p a:hover {color:#B22873; }


.start .morelink span,.start.light .morelink span, .newsbox .morelink span   {color:#22293C; position:absolute; bottom:0px; left: 40px;}
 
.newsbox .morelink, .light .morelink {background-image:url('../images/mehr_erfahren_weiss.png');}
.newsbox .morelink span, .light .morelink span  {color:#fff;}

/*.aktuelles .morelink span {color:#22293C !important}*/




.kontakt .linkbox a {color:#22293C !important; text-decoration:none; }

/*.aktuelles a:hover .morelink  {background-image:url('../images/mehr_erfahren_petrol.png');}*/
 
 .newsarchivitem .morelink {width:210px;}
 .newsarchivitem .morelink span {color:#22293C !important}
 
.start a:hover .box, .start a.opened  .box  {background-color:#fff; }
.start a:hover .box h2, .start a.opened  .box  h2 {color:#22293C !important}
.start a.opened  .morelink {background-image:url('../images/zuklappen-blau.png');}
.start a.opened  .morelink span {left: 70px;}

.start .col30:hover p {color:#22293C !important}



.themen_menu {display:none; position:absolute;   z-index:100; background-color:#fff;width:100%; margin: 0 auto 0 auto; }

.start .menubox {background-color:#fff;  position:relative;   padding-bottom:79.253112%;  padding-bottom:66.666666%;border:1px solid #22293C; width:100%;}

.start .menubox  .teaser {float:left;padding:12px 10px 5px 16px;}

.start .menubox:hover h2, .start .menubox:hover .morelink span {color:#B22873;}
/*mehr-erfahren-magenta...*/
.start .menubox:hover .morelink  {background-image:url('../images/mehr_erfahren_blau.png');color:#B22873;}



.start .menubox.magentabox   {background-color:#B22873;border:1px solid #B22873;}
 
.start .menubox.magentabox  h2  {color:#fff;}
.start .menubox.magentabox .morelink span  {color:#22293C;}


.start .menubox.magentabox  .morelink  {background-image:url('../images/mehr_erfahren_blau.png');color:#fff;}
.start .menubox.magentabox:hover h2,.start .menubox.magentabox:hover .morelink span {color:#22293C;}
 
.start .menubox.magentabox:hover .morelink  {background-image:url('../images/mehr_erfahren_blau.png');color:#fff;}

.start .menubox.magentabox:hover  {background: #22293C; background: #fff;border:1px solid #22293C;}





.openmenu {position:relative;  display:block;}
.openmenu.opened  .menuknopf{display:block;}



 
 
.mitglieder .box.filter {background-color:#B22873;  position:relative; padding-bottom:0;}
 
.mitglieder .box {background-color:#B22873;  position:relative; padding-bottom:0; border:1px solid #B22873;}


.berufe .box, .partner .box {background-color:#00A89E;  position:relative; padding-bottom:0; border:1px solid #00A89E;}


.mitglieder a:hover .box.filter, .mitglieder a.opened  .box .filter {background-color:#fff;border:1px solid #22293C; }
.mitglieder a:hover .box.filter h2, .mitglieder a.opened  .box.filter  h2 {color:#22293C !important}

.mitglieder a.opened  .morelink , .mitglieder a:hover .box  .morelink,
.berufe a.opened  .morelink , .berufe a:hover .box  .morelink ,
.partner a.opened  .morelink , .partner a:hover .box  .morelink{background-image:url('../images/zuklappen-blau.png');}

.mitglieder .box  .morelink , .mitglieder .menubox  .morelink {width:60px; }
.berufe .box  .morelink , .partner .box  .morelink {width:60px; }

.mitglieder .box.filter span {display:block; padding: 40px 0px 30px 20px;  color:#fff; position:relative;}



.mitglieder a:hover  .box.filter span  {  color:#22293C;}


.themen_menu.az a {display:block; float:left; padding: 5px 20px 5px 2px; color:#22293C;font-weight:700; font-size:24px; }

.mitglieder .themen_menu  {border:1px solid #22293C; padding:15px; margin-top:-2px}

.mitglieder .boximage   { background-color:#fff;
background-repeat:no-repeat;
background-size:80% auto; background-position:center center; 
padding-bottom:66%; }



.berufe .boximage  {width:100%;position:relative; display:block; }
.berufe .boximage div{width:100%;  display:block;background-color:#fff; position:relative; z-index:1; 
background-repeat:no-repeat;
background-size:cover; background-position:center center; 
padding-bottom:66%; }

.partner .boximage  {width:100%;position:relative; display:block; }
.partner .boximage  div{  
 width:100%;  display:block;background-color:#fff; position:relative; z-index:1; 
background-repeat:no-repeat;
background-size:80% auto; 
 background-position:center center; 
padding-bottom:66%; }


.mitglieder h3  {color:#fff; position:absolute; top:35px; left:30px; padding-right:30px; }

.berufe  h3   {color:#fff; position:absolute; top:30px; left:30px; padding-right:30px;  z-index:2; }
 
.partner .col30 h3  {color:#fff;   position:absolute; top:30px; left:30px; padding-right:30px; }

.partner h3  {color:#fff; }

.berufe .boximage.noimage  { }

.partner .col30 > a:hover .box ,

.berufe .col30 > a:hover .box {opacity: 0.8}


.berufe .boximage.noimage   h3 , 
.partner .boximage.noimage   h3 {    color: #00A89E; }


  .berufe  .newsteaser {   top: 16px;
    left: 30px;
    padding-right: 30px; width:calc(100% - 30px);
  }
    
    

.mitglieder .boxtext, .berufe .boxtext , .partner .boxtext{width:100%; position:relative; padding-bottom:66%;}

.mitglieder .menubox {background-color:#fff;  position:relative;   padding-bottom:79.253112%;  padding-bottom:66.666666%;border:1px solid #22293C; width:100%;}

.mitglieder .menubox  .teaser {float:left;padding:12px 10px 5px 16px;}
.mitglieder .menubox:hover h2, .start .menubox:hover .morelink span {color:#B22873;}
/*mehr-erfahren-magenta...*/
.mitglieder .menubox:hover .morelink  {background-image:url('../images/mehr_erfahren_blau.png');color:#B22873;}

 .mitgliedersearch_icon i {position:absolute; right:30px; top:38px; width:30px; height:30px; font-size:28px; color:#fff;}
 .mitgliedersearch_icon span { padding-right:60px;}
  .mitgliedersearch_icon:hover i {color:#22293C;}
  .opened .mitgliedersearch_icon i{display:none;}

 
 .mitgliedersearch_input {width:100%; height:60px;}
 
 .mitgliedersearch_input input {  width:90%; height:60px; background:#fff;border:none;padding:20px;display:block;text-align:center; padding-right:50px;}
 
 .mitgliedersearch_input i {position:absolute; right:30px; top:38px; width:30px; height:30px; font-size:28px; color:#22293C; z-index:1000;}
 
 
 
.kontaktbox {position:relative;  width: 200px; min-height:475px; background:#00A89E; padding:0px 0px 20px 0px; border:1px solid #00A89E;}


.kontaktbox { width: 350px;  max-width:350px;/*height:541px; */ min-height:541px;  }	




 .kontaktheadline {padding:20px 10px 10px 20px;}
 .kontaktdata  {padding:0px 10px 10px 20px;}
 
.logoimage {background-color:#fff;
background-repeat:no-repeat;
background-size:80% auto; 
background-position:center center; 
padding-bottom:66%; } 
 
 
 
.backlink {  height:58px; width:210px;
background-image:url('../images/zurueck_blau.png');
background-repeat:no-repeat;
background-size:58px 58px; background-position:left bottom; 
padding:0px; position:relative;
}

.backlink span{ position:absolute; bottom:0px; left: 40px;color:#22293C; position:absolute; bottom:0px; left: 40px; font-weight:bold; }
 

 
 
.block.hellgrau {background-color:#D8D8D8}

.block.magenta {background-color:#B22873}

.block.petrol {background-color:#00A89E}

.light h2,   .light p,   .light div,   .light span ,   .light a,   .light h3  {color:#fff;}

.light .menubox h2,   .light  .menubox p,   .light  .menubox div,   .light  .menubox span ,   .light  .menubox a {color:#22293C;}

 
.singlecol {width:100%;   padding:0px 0px 0px  0px;}
 
 
 
.col30 {width:100%; padding:0px 0px 0px  0px;}
.col25 {width:100%; padding:0px 0px 0px  0px;}
.col20 {width:100%; padding:0px 0px 0px  0px;}
  
.col66 {width:100%;padding-bottom:40px; }
.col33 {width:100%;}


.col50 {width:100%; padding-top:34px; clear:both;}



input.submitlink {border:none; padding:0; font-weight:bold; width:auto; padding-left:5px;}

input.formsubmit {float:right;width:120px; height:60px;
font-size:14px; font-weight:700;
background-image:url('../images/mehr_erfahren_blau.png');
border:none;
background-repeat:no-repeat;
background-size:58px 58px; 
background-position:left bottom; 
padding:40px 0px 0px 48px;  text-align:left;
}

input.formsubmit:hover {cursor:pointer;color:#B22873;/*background-image:url('../images/mehr_erfahren_magenta.png');*/}
 



.light input.formsubmit,   .btn-primary , .trigger{
	    font-size: 14px;
    font-weight: 700;
	background-image:url('../images/mehr_erfahren_weiss.png'); border:none;float:right;width:120px; height:60px;
border:none;
background-repeat:no-repeat;
background-size:58px 58px; 
background-position:left bottom; 
padding:40px 0px 0px 48px;  text-align:left; background-color:transparent; color:#fff; cursor:pointer;}

.btn-cancel{
	    font-size: 14px;
    font-weight: 700;
	background-image:url('../images/zurueck_weiss.png'); border:none;float:left;width:120px; height:60px;
border:none;
background-repeat:no-repeat;
background-size:58px 58px; 
background-position:left bottom; 
padding:40px 0px 0px 48px;  text-align:left; background-color:transparent; color:#fff; cursor:pointer;}



.light input.formsubmit:hover  ,  .btn-primary:hover  {background-image:url('../images/mehr_erfahren_weiss.png');color:#fff; opacity:0.8;}


.trigger  {background-image:url('../images/mehr_erfahren_weiss.png');padding:40px 0px 0px 0px;   color:#fff; opacity:0.8; display:block; float:none;width:100%; height:100px;position:relative;
padding :0px 30px 0px 0px; background-position:left 40px bottom; }

.trigger:hover, .trigger_active {background-image:url('../images/zuklappen-weiss.png');color:#fff; opacity:0.8;}

 .trigger span {color:#fff; position:absolute; bottom:0px; left:93px;}
 
 
.toggle_container {padding :90px 30px 30px 40px; }
 
 
 .eventmagenta {background-color:#B22873}
 .event.eventblau {background-color:#22293C; border: 1px solid #22293C;}
 
 
 .event {border:1px solid #fff; padding:20px; width:100%; margin-bottom:30px;}
 
 .eventinfo {width:100%; display:block;padding-bottom:20px; text-align:center;}
 

 .eventtext {width:100%;display:block; position:relative; padding-bottom:80px;}

 .eventdate { display:inline-block; font-size:40px; font-weight:200;padding: 6px 0px 0px 0px; letter-spacing:1px;}
  
 .eventtext .morelink {bottom:0px;right:0px;}
 
 

   .termindate{ width: 25%;float:left;}
   .termintime{ width: 50%;float:left;}
   .termininfo{ width: 25%;float:left;}
   
    .termindate span , .termintime span { display: block;
    font-size: 40px;
    font-weight: 200;
    padding: 6px 0px 0px 0px;
    letter-spacing: 1px;}
    
.termininfo span { display: block; padding-bottom:14px;font-size:16px; font-weight:700;}
     
span.terminlabel {font-size:16px; font-weight:700; height:40px:}

 .termin .event {padding:40px 20px 40px 80px;    margin-bottom: 0px;}
 
.col66.left.karte{padding:0px 15px 0px 80px ;}


 
 .news-single .termininfo a {
display:block; 
 background-image:url('../images/pfeil_weiter_weiss.svg');
background-repeat:no-repeat;
background-size:9px 15px;
background-position:left center; 
line-height:16px; padding-left:20px;
}

 
 
.termin h3 {margin-bottom:35px !important;}
.anmeldung h3 {margin-bottom:16px !important;}
.termin .twocols {padding-top:70px;}

 
 .kalender {width:100%; padding:0px 0px 100%  0px; 
 
 background-color:#D8D8D8;background-color:#B22873;
 background-image:url('../images/kalender.png');
background-repeat:no-repeat;
background-size:100% auto;
background-position:center center; 
width:100%; height:auto;  max-width:350px;
 }
 
 .eventlist {margin-top:98px;}
 
.blockpad {width:100%;  padding:0px 0px 48px 0px;}

.fullwidth img {width:100%; display:block;}



 
a.top {
  display: none;
  color: #fff;
  text-align: center;
  padding: 0.8em 1.3em 1em 1.3em;
  -webkit-border-radius: 0.2em;
  border-radius: 0.2em;
  background: #22293C;
  position: fixed;
  right: 1em;
  bottom: 1em;/*
  opacity: 0.8;*/
}




.singlecol .morelink.single,.hoverboxes .morelink.single {margin: 32px 0px 0px 0px;}
 
  
.threecols .contentbox .box  img {width:100%; height:auto;max-width:264px;}
 


/*4er Kachel themen*/

.fourcols  {width:100%;
margin:0px auto 0px auto;

clear:both;   padding: 10px;}

.fourcols {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    
    
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
 
  -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content:flex-start; 
  
   
}
 
 .fourcols div.col4 {
    width: 100%; max-width:240px;max-width:640px;
    position: relative;
  margin-bottom: 10px;
    padding:10px;
}

  
.contenttable th, .contenttable td {padding: 5px 0px 10px 0px; }
.contenttable th.platzhalter, .contenttable td.platzhalter {width:20px; border-bottom:none;}
.contenttable th {border-bottom:3px solid #B22873}
.contenttable td {border-bottom:1px solid #B22873}

.contenttable td.noborder { border-bottom:none;}

 
.accordion {width:100%; padding:0px 0px 0px 0px ;}	
.accordion .trigger {width:100%; color:#191919;  padding:16px 0px 16px 0px;
 border-top:1px solid #9A9188; border-bottom:1px solid #9A9188;
background:#e5eef6;
background-image:url('../images/icons/arrow_double_down.svg');
background-repeat:no-repeat;
background-size:10px auto; 
background-position:right 10px center;cursor:pointer;}
.accordion .trigger_active   {background-image:url('../images/icons/arrow_double_down_up.svg');}
.accordion .trigger span { color:#191919; display:inline-block;padding:0px 24px 0px 16px;}
.accordion .toggle_container {background:#e5eef6;padding:10px 0px 0px 0px;}
.accordion .toggle_container p {display:block; padding: 10px 16px 10px 16px; width:100%; border-bottom:1px solid #9A9188; font-size:18px;}
 

 
.news-single .frame-default  p   
{padding-left:20px; padding-right:20px;}
.news-single .frame-default  img {width:100%; height:auto;}  

.news-single .frame-default   .ce-column {padding-left:20px; padding-right:20px;}

div[data-ce-columns="2"] .ce-row {width:100%;}
div[data-ce-columns="2"] .ce-column {width:100%;  }


/*
.ce-column img {width:100%; height:auto;}*/
.ce-column img {max-width:100%; width:auto;height:auto;}


.ce-column figcaption {padding:0px 20px 20px 20px;}



/*logistikids*/
#c105 .ce-column img {width:340px !important; height:auto;}

#c106 .ce-column img {max-width:600px !important;width:auto !important; height:auto;}

.ce-below .ce-column img {max-width:600px !important; width:auto !important; height:auto;}


#login {display:none; position:relative; left:-200px; top:20px;
width:350px; height:210px; background:#fff; padding:30px 20px 30px 22px;
}

.login {width:50px !important;}



 
  
.kontaktformular {background:#22293C;width:100%; height:auto; padding-top:16px;padding-bottom:70px;}


.kontaktadresse {width: 100%; padding: 0px 30px 20px 50px; }
.telnr {display:inline-block; width:32px; font-weight:600;}

.kontaktform  {width: 100%; padding: 18px 12px 20px 12px; }

.kontaktform label, .mitgliedwerden label {display:none;}

.mitgliedwerden label.form-check-label {/*satzung*/ display:block;}
 label.form-check-label span {display:none;}
 
 #formularMitgliedwerden-50-checkbox-1  {  margin-top:-9px;}
 
 
.mitgliedwerden  .radio label  {display:block;}

.radio input {width:5%; float:left;  display:block; clear:both; margin-top:-7px;}
.radio span {width:95%; float:left; display:block;font-size:14px; line-height:18px;}

.mitgliedwerden .form-check {width:5%; float:left; display:block; padding-right: 10px;}

.mitgliedwerden .help-block {width:95%; float:left; display:block;font-size:14px;}

.mitgliedwerden .form-check-input {width:4%; float:left; display:block;margin-right: 1%;}
.mitgliedwerden .radio {min-height: 50px; padding: 10px 0px 10px 0px}


.mitgliedwerden div.fieldwrap ,.mitgliedwerden div.form-group, 
.anmeldung div.fieldwrap ,.anmeldung div.form-group
{width:100%; display:block; padding-bottom:12px;}

.table-responsive td {padding: 4px 4px 4px 4px; font-size:14px; }

 
.kontaktform div.fieldwrap ,.kontaktform div.form-group{width:100%; display:block; padding-bottom:12px;}

.actions {
	padding-top: 30px;
    height: 100px;
    clear: both;
    }

.kontaktform .actions {padding-top: 0px;}


#login div.fieldwrap , .loginform  div.fieldwrap {width:100%; display:block; padding-bottom:12px;}

.loginform {max-width:350px;}

.resultrow {display:block; padding-bottom:24px;}


input:not(.videocheck), textarea {background:transparent; border:1px solid #22293C; padding:10px 5px 5px 5px ; height:35px; width:100%; color:#22293C;font-family:'Libre Franklin', sans-serif; font-size:14px;}

.has-error input {border:1px solid #B22873;}
.has-error {color:#B22873}

textarea {height:136px; margin-bottom:16px;}


.light input, .light textarea {background-color:transparent; border:1px solid #fff;   color:#fff;  }
.light textarea {height:138px; margin-bottom:16px;}




#page  .f3-widget-paginator li {background-image:none; }

.page-navigation p {display:none;}


/*pdf viewr*/
/*für pdf viewer bei innovationsradar*/
.aktuelleausgabe .blockcontent {padding-right:0px !important;}


#pdf {position:relative; z-index:99;}
 

#pdf_controls {width:100%;margin-top:0px;background: #fff;height:40px; padding-top:10px;margin-top:-2px}

#pdf_controls span {display:block; float:left; padding-right:15px; color:}
#pdf_controls .pager span {padding-right:5px; cursor:default;color:#22293C;}


#pdf_controls span i {font-size:22px; cursor:pointer;color:#22293C}

#pdf_controls span  a , #pdf_controls,  #pdf_controls b {color:#22293C;}

#pdf_controls span  a:hover, #pdf_controls span i:hover  {color:#22293C;}

.downloadfile {float:right}


#pdf_canvas {width:100%;  width:auto;max-width:1140px;z-index:1000; border: 1px solid #9A9188; }

#pdf_controls {max-width:1140px;width:100%;}



.newsarchivitem {border:1px solid #22293C; padding:20px;padding-right:30px; margin-bottom:30px;position:relative;}

.newsitem { padding:20px; margin-bottom:30px;position:relative;background:#00A89E; }

.newslistimage img {width:100%; height:auto; }
 

.articlefooter {padding-top:16px;}

.sharelinks div {float:left; display:block; margin-right:16px;}
 
 .sharelinks i {font-size:24px;font-style: normal;}
 
.news-backlink-wrap {float:left; padding-top:6px;} 

.sharelinks {float:right;}

.newstext {padding-bottom:80px;}



.chart {}
.legendbubble{display:block; width:24px; height:24px; background-color:#fff;}

#page .legendlist li {background-image:none}
.legendbubble-0-item {}
.legendbubble-1-item {}


.canvas {background:#22293C; padding:60px 30px 30px 30px;width:100%;}
.canvas.halfwidth { padding:35px 16px 16px 16px;}
 
	canvas{
		-moz-user-select: none;
		-webkit-user-select: none;
		-ms-user-select: none;
	}
 
 .canvascontainersmall .canvas  { max-width: 1230px;  max-width:732px;width: 100%;padding:35px 16px 16px 16px;background:#22293C;}
 
 
.pad50{padding:15px}

.fc-view-container {
  
    background: #B22873;
}



figure.video {max-width: 500px;}


.video-embed {position: relative;
width: 100%;
padding-bottom: 56%;max-width: 500px;}

.video-embed  iframe {position:absolute; width:100% !important; height: 100% !important; }



  .video-embed .iframenotice {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index:2;
}


.iframenotice {display:none; border: 1px solid #B22873; padding:20px;font-size:18px; background: #22293C;  color: #fff;max-width: 500px;}
.iframenotice a {color: #00A89E ;}
.iframenotice a:hover {text-decoration:underline;}

 /*
magenta
#B22873;
178, 40, 115


petrol
#00A89E;


hellgrau
#D8D8D8;

schwazblau
#22293C;  
*/

.ce-table {}
.ce-table-striped {}
.ce-table-striped td {padding-bottom: 24px;}
.ce-table-striped tr td:first-of-type {font-size: 26px; padding-right: 24px;}


.news .page-navigation ul li {
	float: left;
	display: block;
	padding: 0 2px;
	background: none;
}
.news .page-navigation ul {
  float: right;
}

.news-clear {
  clear: both;
}

.frame-type-felogin_login ul.submenu {display:block !important; }
.frame-type-felogin_login div#login {display:block !important; left:0px  !important; padding: 30px 0px 30px 0px  !important;}


.frame-type-felogin_login .formsubmit {max-width: 280px;margin-top: 40px;float:none; }

#page .frame-type-felogin_login li {background-image:none; }



@media all and (max-width: 540px){ 

}
 
/***************************************************************************************************/ 
/***************************************************************************************************/ 

@media all and (min-width: 360px){ 
 

}



@media all and (min-width: 380px){ 


}





@media all and (min-width: 404px){  }

@media all and (min-width: 424px){ }

@media all and (min-width: 440px){


.start .box { padding-bottom:40%;}

.start .menubox { padding-bottom:40%; } 

 
 .kalender {width:350px; height:350px; padding-bottom:0px;background-size:100% auto; margin:0px auto 0px auto;}

}



 
@media all and (min-width: 480px){
 

 
	.kachelnavi {width:100%; max-width:896px; margin:96px auto 0px auto;margin:64px auto 0px auto;}
	
	.kachelnavi {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-direction: normal;
	-webkit-box-orient: horizontal;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	justify-content: space-between; 
	
	}
	
	.kachelnavi div.kachel {
	width: calc((100% / 2) - 10px);
	position: relative;
 margin-top: 20px;
	
	}



 
}


 
@media all and (min-width: 540px){

		/*logos im footer*/
.imagecontainer div.headerlogo {width:50%; padding:10px;float:left; padding-bottom:0px;}

.headerlogo.second img {margin-left:0px;}
.headerlogo.third {clear:both; }
.headerlogo.third img { float:left;margin-right:30px;  }
  
  .block.magenta.footer .blockcontent { 
    padding-bottom: 250px;
}


.block.footerlogos  {border-top:1px solid #22293C; padding:0px 0px 0px 0px; position:fixed; bottom: 0px; background:#fff; z-index:999;}
.block.footerlogos .blockcontent {padding: 5px 20px 5px 20px;}
 
 
.start .box { padding-bottom:100%;}
.col30 {float:left; max-width:350px; max-width:450px; padding:0px 0px 30px 0px;   width:50%; width: calc((100% / 2) - (100% * 0.026316)); margin-right:calc(100% * 0.026316);   }
 
.col30:nth-of-type(2n+1) { clear:both;}
.start .col30 {margin-bottom:0px;}
 
 
  
}
  
 

 
@media all and (min-width: 640px){ 
	
	.ce-right.ce-intext .ce-gallery {float:right; width:auto;padding: 0px 0px 20px 24px;}
	.ce-right.ce-intext .ce-gallery img {width:auto; max-width:100%;float:right; }	
	.ce-right.ce-intext .ce-bodytext {}
	
	.ce-right.ce-intext.ce-nowrap .ce-gallery {float:right; width:50%;padding: 0px 0px 20px 24px;}
	.ce-right.ce-intext.ce-nowrap  .ce-bodytext {float:left; width:50%}
	
	
	
		
	.ce-left.ce-left.ce-intext .ce-gallery {float:left; width:auto;padding: 0px 24px 20px 0px;}
	.ce-left.ce-intext .ce-gallery img {width:auto; max-width:100%;float:left; }	
	.ce-left.ce-intext .ce-bodytext {}
	
	
	.ce-left.ce-intext.ce-nowrap .ce-gallery {float:left; width:50%;padding: 0px 0px 20px 24px;}
	.ce-left.ce-intext.ce-nowrap  .ce-bodytext {float:left; width:50%}
	
	.frame-type-textpic {clear:both; }
	
	/*.ce-right.ce-intext .ce-bodytext {float:left; width:50%}
	*/
	
 
#wrapper {
position: relative;
width:100%;
margin:94px auto 30px auto; 
}
 
 
#headerwrapper{position:fixed;top:0;width:100%;height:94px;z-index:550;z-index:1550; background-color:#fff;  }	
 

#headerbar {position: relative; height:94px; margin:0px auto 0px auto; background-color:#fff; width:100%;max-width:1280px; }
 
#logocontainer { position:absolute; top:0px; left: 4px;padding:0px 0px 0px 0px; width:280px; height:94px; }


#logo    { 
width:280px; display:block;
height:94px; padding-bottom:0px;
background-image:url('../images/Logistik-NRW_Kompetenznetz.jpg');
background-repeat:no-repeat;
background-size:auto 50px;
background-position:left 16px top 18px;
}
 

 #search {top:36px;	  }

#searchcontainer {display:none;position:fixed; left:0px;  right:auto; top:98px; background: #fff; height:160px; padding:30px 20px 20px 20px;width:100%; z-index:100;}



 
 
.fourcols div.col4 {
width: calc((100% / 2));
}

 
.start .menubox {background-color:#fff;  position:relative;   padding-bottom:79.253112%; border:1px solid #22293C; width:100%;}
 
  	
div[data-ce-columns="2"] .ce-row {width:100%;}
div[data-ce-columns="2"] .ce-column {width:50%;float:left;  }

.ce-column img {max-width:100%; width:auto;height:auto;}

.ce-column figcaption {padding:0px 0px 20px 0px;}

 
.frame-type-image.frame-layout-0 .ce-image  { padding:0px 0px 6px 0px;  } 

	
  .fourcols div.col4 {
 width: calc((100% / 3));
}


.rcol .box {float:left; width:50%; clear:none;}

.rcol h5 {margin:0px 0px 24px 0px; } 
 
.rcol .box.first {padding-top:0px;float:left;width:50%;padding-right:32px;}
 

 
.col25 {float:left; max-width:316px;padding:0px 0px 30px 0px;   width:50%; width: calc((100% / 2) - (100% * 0.026316)); margin-right:calc(100% * 0.026316);}
.col25:nth-of-type(2n+1) { clear:both;}

 
  
 .eventinfo {float:left; width:25%; display:block;padding-bottom:0px;text-align:left;}
 .eventtext {float:left; width:75%;display:block; position:relative; padding-bottom:80px;}
.eventdate {width:100%; display:block; font-size:40px; font-weight:200;padding: 6px 0px 0px 0px; letter-spacing:1px;}
 
 
.kontaktadresse {width: 40%; padding: 28px 15px 20px 30px; float:left;}
.kontaktform  {width: 60%; padding: 28px 30px 20px 15px; float:left;}
.kontaktformular {background:#22293C;width:100%; height:390px; padding-top:20px;}
 
 
 
		 
.start .box { padding-bottom:60%;}
 
}


/***************************************************************************************************/ 
/***************************************************************************************************/ 


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

	
		 
.start .box { padding-bottom:100%;}

.col30 {  width:33.333333%; width: calc((100% / 3) - (100% * 0.026316)); margin-right:calc(100% * 0.026316);  max-width:350px; }
.col30:nth-of-type(2n+1) { clear:none !important;}
.col30:nth-of-type(3n+1) { clear:both;}


 
 
 

 .kachelnavi  {padding:0;}
 
 .kachelnavi div.kachel {
	width: calc((100% / 3) - 12px);
	position: relative;
	margin-top: 18px;

}


.kachelnavi a span {  font-size: 20px;}

.buttonrow {float:left;width:50%;clear:none;padding:98px 0px 0px 0px}
.col33 {padding-top:60px;}

 
 
 
.block.mitglieder .blockcontent {  padding:0px 0px 0px 20px;   /*wozu waren diese 20 px nach links?? */ padding:0px 0px 0px 0px;} 

.blockcontent.anmeldung {   padding:0px 0px 0px 0px;} 


.footerleft {width:50%;float:left; }
.footerright  {width:50%;float:right}


.block.hellgrau .blockcontent, .block.magenta .blockcontent, .block.petrol .blockcontent , .block.blue.termin .blockcontent ,.blockcontent.searchresult {width:100%;  padding:48px 20px 48px 20px;  } 

.frame + .frame-layout-1 {margin-top:40px;}

 
.singlecol, .frame-layout-1 {width:732px;   margin:0px auto 60px auto; margin:0px auto 48px auto;}

/**/
.frame-layout-2 {    width: 100%;
 
    max-width: 1140px;
    margin: 0 auto 0px auto;
    display: block;
    clear: both;
    padding: 0px 20px 0px 20px;}
 
.logistikindexlinks p {left: 0px;}


}
 
/***************************************************************************************************/ 
/***************************************************************************************************/ 
 
 

@media all and (min-width: 900px){
	


 
 .fourcols div.col4 {
 width: calc((100% / 4));
}


.textcol.c50, .textcol.c2 {float:left; width:50%; padding-right:20px;}
.textcol.c33, .textcol.c3 {float:left; width:33%; padding-right:20px;}
 
.clear_3col{ clear:both;}
 
.textcol {padding-bottom:48px;}
 .textcol.c2:nth-of-type(2n) {clear:both;}
  
#arrow_up { right:10px; bottom:10px; }
 

 
#mainmenu { padding-left:20px; position:absolute;bottom:0;}
 

 
.block.breadcrumbs .blockcontent { width:100%; display:block;padding:32px 0px 32px 0px; padding:42px 0px 60px 0px;height:143px ;height:107px /*36 padbottom block*/}

.nobreadcrumbs .block.breadcrumbs .blockcontent {display:none}

 
.breadcrumbs ul {list-style-type:none;}

.breadcrumbs li {float:left;  padding:4px 20px 0px 20px; font-size:16px; line-height:16px;  background-image:url('../images/listenpunkt_magenta.png');
background-repeat:no-repeat;
background-size:6px 6px;
background-position:left 0px  top 8px;
}

.breadcrumbs li:first-of-type {background-image:none;}

.breadcrumbs span, .breadcrumbs a , .breadcrumbs li {font-size: 16px;   }

.breadcrumbs a:hover , 
.breadcrumbs a:focus {color:#9A9188;}

.breadcrumbs span {display:inline-block; padding: 0px 8px 0px 8px;}


 
.footerright ul  {padding-top:70px;float:right;}



.footerleft {width:30%;float:left;padding:20px; }
.footerright  {width:70%;float:right;padding:20px;}
 .footerright ul li { margin-right:50px;}



 
#page  {
width:100%; 
padding:0px 0px 0px 0px;
display:block;
position: relative;
margin:0px auto 0px auto;
}
  

.block {width:100%;  display:block;margin:0;    padding:0px 0px 64px 0px;  padding:0px 0px 36px 0px;}
 
 

.blockcontent {width:100%;  

max-width:1280px;
 max-width:1140px;
margin:0 auto 0px auto; display:block; clear:both;padding:0px 20px 0px 20px;}

 

.blockpad {width:100%;  padding:0px 0px 96px 0px;}


.block.hellgrau .blockcontent, .block.magenta .blockcontent, .block.petrol .blockcontent,  .blockcontent.kontakt, .block.blue.termin .blockcontent,.blockcontent.searchresult {width:100%;
padding:64px 30px 64px 20px; padding:48px 30px 64px 48px;
 }
 


 
.colcontainer {padding:0px 0px 0px 100px;} 

 
 
.col25 {float:left; max-width:320px;padding:0px 0px 30px 0px; width:25%; width: calc((100% / 3) - (100% * 0.026316)); margin-right:calc(100% * 0.026316);}

.col25:nth-of-type(2n+1) { clear:none;}
.col25:nth-of-type(3n+1) { clear:both;}
 
 
.col50 {width:50%;float:left;padding-right:24px; padding-top:0px; clear:none;}
 
 
.col66 {width:calc(100% - 350px);float:left;}
.col33 {width:350px;float:left;}

.col66.right {padding:0px 0px 0px 25px;}


 
.newsitem .col66.right {padding:0px 0px 60px 15px;}

.col66.left {padding:0px 15px 0px 0px ;}


.col33.right {padding:0px 0px 0px 15px;}
.col33.left {padding:0px 15px 0px 0px ;}


.kalender + .linkbox {padding-top:100px}


/* NEWS Einzelseiten*/

.news-single .frame-default .ce-image  img {width:100%;height:auto;}


.news-single .article .news-img-wrap {
    float: left;
    width: 282px;width:33.333333%;
    margin: 0 25px 0 0 ;
}
.news .article .news-img-wrap img {width:100%; height:auto;}




/*
war vorher schon drin, wo verwendet?

.ce-textpic.ce-left .ce-gallery {width:50%; float:left; padding-right:10px;}
.ce-textpic.ce-left  .ce-bodytext {width:50%; float:left; padding-left:10px;}
.ce-textpic.ce-left   .ce-column  {padding-bottom:20px;}



div[data-ce-columns="2"] .ce-row {width:100%;}
div[data-ce-columns="2"] .ce-column {width:50%;float:left;  }



.ce-column img {width:100%; height:auto;}
geändert zu: 
*/

.ce-column img {max-width:100%; width:auto;height:auto;}


.ce-textpic.ce-left figcaption {padding-right:16px;}
.news-single .frame-default .ce-image,   .news-single .frame-default .ce-textpic ,   .news-single .frame-default > p   { padding-bottom:32px;}
.news-single .frame-default   .ce-column, .news-single .frame-default p {padding-left:0px; padding-right:0px;}
 
.news-single .frame-space-before-medium {padding-top:32px;}
 
}  
 

@media all and (min-width: 1024px){
		
	/*logos im footer*/
.imagecontainer div.headerlogo {/*width:33.333333%;*/ padding:10px;float:left; padding:10px 0px 0px 0px;width:370px;}
 
 .headerlogo img {max-width:250px;}
 .headerlogo.first  img {max-width:220px; width: 100%; max-width:370px;}
 
.headerlogo.second img {margin-left:40px;}

.headerlogo.third img { float:right;margin-right:30px; }
.headerlogo.third {clear:none; }



 .block.footerlogos .blockcontent {width: 930px;padding-bottom: 0px;padding: 0px 0px 0px 64px;}



	
	.col30 {  width:33.333333%; width: calc((100% / 3) - (100% * 0.026316)); margin-right:calc(100% * 0.026316);  max-width:350px; }
.col30:nth-of-type(2n+1) { clear:none !important;}
.col30:nth-of-type(3n+1) { clear:both;}

.start .box { padding-bottom:59.428571%;}



 .blockcontent.slider {  padding:16px 20px 16px 20px;  } 

	
 .block.magenta.footer .blockcontent {width: 930px;padding-bottom: 126px;}
 

#search {position:absolute; right: 20px;right: 40px; top:35px;}

#searchcontainer {display:none;position:absolute;
right:0px; left:auto; top:66px; background: #fff;  
height:160px; padding:30px 20px 20px 20px;width:350px;
 z-index:100;}
 
 

 
 
.block.hellgrau .blockcontent, .block.magenta .blockcontent, .block.petrol .blockcontent,  .blockcontent.kontakt, .block.blue.termin .blockcontent,.blockcontent.searchresult {width:100%;
padding:64px 30px 64px 0px;padding:48px 30px 48px 0px;
 }

	
	
	
 
 .block.fullwidth.mobile {display:none;}
 .block.fullwidth.desktop {display:block;}

 
 .kachelnavi div.kachel {
    width: calc((100% / 3) - 16px);
    border: 1px solid transparent;
    position: relative;
 
    margin-top: 24px;
}


.kachelnavi a span {  font-size: 24px;}

.morelink.floating {float:right; margin:0 !important;max-width:56%;font-size:16px}
 
 
.col66 {width:65%;float:left;}
.col33 {width:35%;float:left;}

.col66.right {padding:0px 0px 0px 15px;}


.mitgliederprofil .col66.right  {padding-top:260px;} 
 
}






@media all and (min-width: 1280px){
	 
 
.pad50{padding:30px}
.block.canvascontainer  .canvas { width:1280px; margin:0 auto 0 auto;}
.block.canvascontainer {background-color:#22293C;width:100%;}

.block.canvascontainersmall  .canvas { width:1280px; margin:0 auto 0 auto;width:732px;}
.block.canvascontainersmall {background-color:#fff;width:100%;}


 .blockcontent.twocols {padding-left:0; padding-right:20px}

.start .box {background-color:#B22873;  position:relative;   padding-bottom:0; width:350px; height:208px; height:310px;}

p.startteasertext {display:block;}


.col25 {float:left; max-width:320px;padding:0px 0px 30px 0px; width:25%; width: calc((100% / 4) - (100% * 0.026316)); margin-right:calc(100% * 0.026316);}

.col25:nth-of-type(2n+1) { clear:none;}
.col25:nth-of-type(3n+1) { clear:none;}
.col25:nth-of-type(4n+1) { clear:both;}



 }
 

@media all and (min-width: 1440px){
 
#searchcontainer {display:none;position:relative;
left:-200px;  top:42px; top:16px;

background: #fff;  
height:160px; padding:30px 20px 20px 20px;width:350px;
 z-index:100;}
 
 } 
 
 
 
  
   
     .fadeInLoad {
        border: 1px solid #48484A;
        font-size: 40px;
        animation: fadeInLoad 5s;
    }
    @keyframes fadeInLoad {
        from {
            opacity:0;
        }
        to {
            opacity:1;
        }
    }
    
    
   
 
 
@media all and (-ms-high-contrast:none) {
     #sm_menu_ham { display:none !important; } /* IE10 */
     *::-ms-backdrop, #sm_menu_ham { display:none !important; } /* IE11 */
}