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.6em;
     font: 16px Arial,Helvetica,sans-serif;
}

/*--------------------------------------------*/
/*------- DEVELOPMENT --> REMOVE LATER !!!!!!!!!!!!!!!!!!! -------------*/
/*--------------------------------------------*/
#plsLogo img {max-width: 230px}
#logoRight img {max-width: 180px}


/*--------------------------------------------*/
/*------- DEVELOPMENT --> REMOVE LATER (NUR FÜR DEMO INTERAKTIVE KARTE AM 30.10.2018) ------------*/
/*--------------------------------------------*/
.pls_placard {background-color: #fff;overflow: hidden}
#mainSelect .plc_btn {width: 50%;margin: 0 -2px;display: inline-block;padding: 12px 0;font-size: 20px;text-align: center;font-weight: bold;color: #848484;cursor: pointer;}
#mainSelect .plc_btn:hover{background-color: #920f30;color: #fff;}
#mainSelect .plc_btn.active {background-color: #920f30;color: #fff;}
#mainSelect .plc_btn a {color: #848484; text-decoration: none}
#mainSelect .plc_btn:hover a {color: #fff}
/*--------------------------------------------*/

.pst_totalcounter{font-size: 11px;  margin-top: 12px;}


/*HOME --> GallerySlider (Hannover Messe 2018)*/

#backdrop{position: fixed; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(0, 0, 0, 0.8);z-index: 9999; cursor: pointer}
#vdbox{    left: 25%;
    position: fixed;
    top: 25%;
    width: 50%;
    z-index: 99999}

#vg_close{
    background-color: #fff;
    border: 2px solid #ddd;
    border-radius: 14px;
    cursor: pointer;
    font-weight: bold;
    height: 26px;
    padding: 1px;
    position: absolute;
    right: -9px;
    text-align: center;
    top: -13px;
    width: 26px;
}
.videoClick
{
	cursor: pointer;
}
.videoClick h4
{
	text-decoration: underline;
}

#gallerySlide {width: 90%; margin: 0 auto; padding: 3% 0}
#gallerySlideInner {overflow: hidden; box-shadow: inset 2px 2px 15px rgba(0,0,0,0.5); position: relative;height: 400px}
#gallerySlide ul {width: 200%; position: absolute; top: 0; left: -3%;z-index:1}

#gaSlLeft, #gaSlRight {position: absolute;top: 30%;font-size: 5em;color: #fff;text-shadow: 2px 2px 5px rgba(0,0,0,0.5); z-index:2}
#gaSlLeft:hover, #gaSlRight:hover {opacity: 0.6; }
#gaSlLeft {left: 2%}
#gaSlRight {right: 2%}

#gallerySlide li {display: inline-block; margin: 0 0.3%; width: 10%; height: 400px; box-shadow: 2px 2px 5px rgba(0,0,0,0.5)}
.gaSlBack {width: 100%; height: 100%; background-color: rgba(0,0,0,0.3)}
.gaSlBack:hover {background-color: rgba(0,0,0,0)}

#gaSl1 {background: url("/files/img/hannoverMesse-2018/03680d7beb.jpg") 50% 50% no-repeat; background-size: cover}
#gaSl2 {background: url("/files/img/hannoverMesse-2018/0859705034.jpg") 50% 50% no-repeat; background-size: cover}
#gaSl3 {background: url("/files/img/hannoverMesse-2018/accda6b299.jpg") 50% 50% no-repeat; background-size: cover}
#gaSl4 {background: url("/files/img/hannoverMesse-2018/be930094a9.jpg") 50% 50% no-repeat; background-size: cover}
#gaSl5 {background: url("/files/img/hannoverMesse-2018/IMG_5003.JPG") 50% 50% no-repeat; background-size: cover}


/*PAGE -> AKKORDEON ELEMENT*/
.pages.lightgray .col8 {padding: 50px 50px 0 50px}
.pages.lightgray .col4 {width: 32%}
.pages.carousel {padding-bottom: 0}

/*PAGE -> SPRUNGMARKEN*/
#subNav {
    position: relative;
    height: 40px;
    margin-top: 10px;
    text-align: left;
}
#subNav .Inner {
    position: absolute;
    left: 0;
    top: 0;
    padding-left: 11px !important;
    font-size: 14px;
}
#subNav li {
    display: inline-block;
    cursor: pointer;
    padding-left: 1em !important;
}
#subNav li::before {
    padding-right: 0em !important;
}
#subNav li::before {
    content: "• ";
    color: rgb(146, 15, 48) /*#ed9535*/;
    font-weight: bold;
    font-size: 1.6em;
    vertical-align: sub;
    padding-right: 0.3em;
}

/*--------------------------------------------*/
/*------- GENERAL --> TRANSITION + LAYOUT BUILDER -------------*/
/*--------------------------------------------*/
.mod_navigation .invisible {display: none !important}
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}
#mainmenuMobile {display: none}
.spaceHold {padding: 0 10px}
.closeTopFarDown {margin-top: -25px; margin-bottom: 1.5%}

.mod_article a {text-decoration: underline}

.opac1 {opacity: 0.1}

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%;}

.ftlright {float: right}

#eventBarList, .awsTile figure:before
{
    -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 -------------*/
/*--------------------------------------------*/
body {font-weight: 400}
h1, h2, h3, h4, h5, h6,#headTitle {font-family: Arial, sans-serif;font-weight: 700; margin-top: 3px; letter-spacing: -1px}


h1 {font-size: 2.2em}
h2 {font-size: 1.6em}

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.6}

.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}

/*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;}



/*Pagination*/
#main .pagination {margin-bottom: 3%}
#main .pagination ul {margin: 0 auto}
#main .pagination ul li {display: inline-block; margin: 0 -6px 0 0; }
#main .pagination ul li a, #main .pagination ul li span { float: left;
    background: #fff;
    background: -moz-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
    background: -webkit-linear-gradient(top,#fff 0%,#f6f6f6 47%,#ededed 100%);
    background: linear-gradient(to bottom,#fff 0%,#f6f6f6 47%,#ededed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ededed',GradientType=0);
    border: 1px solid #ddd; 
	 padding: 5px 10px 5px 10px; border-radius: 2px; }
#main .pagination ul li:before { content: none }
#main .pagination ul li a:hover, #main .pagination ul li span { opacity: 0.8 }


/*--------------------------------------------*/
/*------- GENERAL --> COLORS -------------*/
/*--------------------------------------------*/

body, a {color: #464646}

/*LIGHTGRAY*/
.lightgray {background-color: #f1f1f1}
.lightgrayInner {background-color: #f1f1f1; padding: 50px}
#footer{background-color: #fff}
.gray {background-color: #e2e5e7}

.grayText {color: #848484}


/*WHITEBACK*/
.whiteBack {background-color: #fff !important}

.borderRight {border: 1px solid #e6e6e6; /*border-left: none*/}
.borderBottom {border-bottom: 1px solid #e6e6e6}


/*HIGHLIGHT*/
.more > a, h1, h2, h3, h4, h5, h6  {color: rgb(146, 15, 48)/*#ed9535*/; font-weight: bold}
#mainNav li.active {color: #fff; background-color: rgb(146, 15, 48)/*#ed9535*/}

/*--------------------------------------------*/
/*------- GENERAL --> HEADER -------------*/
/*--------------------------------------------*/
#header {position: relative;padding: 0 0 20px 0;height: 150px; }
#foologoBar a[target=_blank]:after {content: ""}



/*QUICKNAV*/
#quickNav {padding: 5px 0 0 0;text-align: right; margin-bottom: 8px}
#quickNav li {display: inline-block; padding-left: 20px; text-transform: uppercase; font-size: 11px; font-weight: bold}
#quickNav li a {color: #000}

#quickNav li .mod_changelanguage li {padding-left: 0}
#quickNav li .mod_changelanguage li a {color: #fff}

#langChange {height: 34px}
#langChange span {display: block;padding: 5px 10px;color: #fff;cursor: pointer}
#langChange span:hover {opacity: 0.8}
#quickNav li.active {color: #920f30}


/*LOGOBAR*/
#logoBar .inside {overflow: visible}
#plsLogo, #navBar {float: left}
#plsLogo {width: 25%}
#navBar {width: 75%;margin-top: 33px}


/*MAINNAVIGATION*/
#mainNav ul li.last {border-right: none}
#mainNav li {text-transform: uppercase; font-weight: bold; text-align: center}
#mainNav a, #mainNav li.active > span, #searchToogle {padding: 20px;display: block}
#mainNav a:hover {text-decoration: none}



#mobNavTri {display: none}

#homeBtn {font-size: 18px; float: left;
    width: 8%;
    text-align: center;
    margin-top: 12px;}
.home #homeBtn i {color: #920f30}


/*--------------------------------------------*/
/*------- GENERAL --> HEADER --> SUCHFELD -------------*/
/*--------------------------------------------
#seaBox {z-index: 999999;width: 100%;height: 0;border: none; overflow: hidden}
#seaBox.open {height: 50px; background: #858C96}
#seaBox input[type="text"] {width: 100%;height: 50px;background-color: rgba(0, 0, 0, 0);border: none;text-align: left;font-size: 18px;outline: none;padding: 0px; color: #fff}
#seaBox input:focus {outline: none;border: none;box-shadow: none;}
#seaBox input.submit {display: none}
*/

/*--------------------------------------------*/
/*------- GENERAL --> BREADCRUMP -------------*/
/*--------------------------------------------*/
.mod_breadcrumb {padding: 15px 0; font-size: 13px}
.mod_breadcrumb li {display: inline-block; margin-right: 10px}



/*--------------------------------------------*/
/*------- GENERAL --> FOOTER -------------*/
/*--------------------------------------------*/
#foologoBar {text-align: right; padding-top: 0}
#acaLogo img, #bmbfLogo img {max-width: 180px}
#acaLogo {margin-top: 35px}


#footer li {line-height: 40px}
#footer {margin-top: 0}
#footer .inside {border-top: none; padding-top: 0}


#twitter, #youtube, #newslIcon {margin-top: 8px}
#twitter a[target=_blank]:after, #youtube a[target=_blank]:after {content: ""}
#twitter span, #youtube span, #newslIcon span {width: 60px;height: 60px;border-radius: 50%;display: inline-block;padding: 10px 14px;}
#twitter i, #youtube i, #newslIcon i {color: #fff; font-size: 2.4em}

#twitter span {background-color: #1da1f2}
#youtube span {background-color: #b31217}
#newslIcon span {background-color: #910f30}

#footer #logoBar img {max-width: 180px; margin: 0 auto}
/* ---------------------------------------------- */
/* ----- SCROLL ICON ------ */
/* ---------------------------------------------- 
#scroll, #toTop {position: fixed; right: 1%; bottom: 3%; background-color: #5b5b5b; color: #fff; font-size: 3em; width: 50px; height: 50px; border-radius: 50%;z-index: 99999999; padding: 2px 10px;}
#scroll a, #toTop a {color: #fff}
#scroll i {vertical-align: text-top; line-height: 1em}
#toTop i {vertical-align: text-top; line-height: 0.9em}
.transparent {opacity: 0;z-index: -1 !important;}
*/


/*--------------------------------------------*/
/*------- GENERAL --> COOKIE WARNER -------------*/
/*--------------------------------------------*/
#CKC {overflow: hidden;left: 0;width: 100%;padding: 3% 0;font-size: 12px;color: #777;position: fixed;background-color: #fff;bottom: 0;border-top: 1px solid #ddd; z-index: 99999999999999999}
#CKC .inside {width: 70%;max-width: 1180px;margin: 0 auto;padding-right: 1%;overflow: hidden; border-top: none}
#CKC i {margin-top: 5%; font-size: 5em; color: #920f30;}
.ckcclose{min-height: 0px !Important; padding: 0 !Important;height: 0 !Important;margin-bottom: 0 !Important}
#CLKC, #ckm  {cursor: pointer;max-width: 150px;display: block;text-align: center;padding: 5%;border-radius: 3px;margin-bottom: 5px;font-size: 12px;}
#ckm, #CLKC {background-color: #920f30}
#ckm a, #CLKC {color: #fff}

@media (max-width: 768px)
{
#CKC{text-align: center; margin-top: 0}
#CKC img, #CLKC, #ckm {margin: 0 auto; margin-bottom: 5px}
#CKC i {font-size: 3em}
#CKC i, #CKC .col2, #CKC .col8 {margin-top: 0}
#CKC .inside {width: 90%}
#CLKC, #ckm {display: inline-block; min-width: 120px}
}


/*--------------------------------------------*/
/*------- PAGES --> ANWENDUNGSSZENARIEN ->LANDINGPAGE -------------*/
/*--------------------------------------------*/
.awsTile figure {position: relative}
.awsTile figure:before {font-family: "Fontawesome";
    content: "\f002";
    position: absolute;
    opacity: 0;
    font-size: 8em;
    top: 40%;
    left: 42%;
    color: #fff;
    text-shadow: 2px 2px 5px rgba(0,0,0,0.8);transform:scale(0)}
.awsTile figure:hover:before {opacity: 0.8; transform: scale(1)}    
.awsTile a {text-decoration: none}

.awsDownload {display: inline-block;
    padding: 6px 12px;
    text-align: center;
    border: 2px solid #848484;
    width: 30%;
    margin: 0 9%;}
.awsDownload .size {display: none}
.awsDownload a {color: #848484; text-decoration: none}
.awsDownload a:before {margin: 0 5% 0 0 !important;}

.awsDownload:hover {border-color: #920f30}
.awsDownload:hover a {color: #920f30}

/*--------------------------------------------*/
/*------- PAGES --> INFOGRAFIKEN -------------*/
/*--------------------------------------------*/

.infoDownload {display:block;padding: 6px 12px;text-align: center;border: 2px solid #848484;width: 50%;margin: 0 auto; margin-top: 9%}
.infoDownload a {color: #848484; text-decoration: none}
.infoDownload a:before {margin: 0 5% 0 0 !important;}
.infoDownload:hover {border-color: #920f30}
.infoDownload:hover a {color: #920f30}
.infoDownload .size {display: none}

/*--------------------------------------------*/
/*------- PAGES --> IA LANDKARTE ->LANDINGPAGE -------------*/
/*--------------------------------------------*/
#mapPage {border-top: 3px solid #940a2e; box-shadow: 2px 2px 15px rgba(0,0,0,0.5); margin-top: 25px}
#mapPage.noShadow {box-shadow: none}
#mapPage #layout1 {padding: 6% 15px 3%}
#mapPage #layout1Footer {padding: 2% 15px 3%}


/*#mapPage #layout1 .backpic .innerInside
{
	top: 67%;
    width: 80%;
    background-color: rgba(255,255,255,0.6);
    padding: 20px;
    left: 0;
    box-shadow: 2px 2px 5px rgba(0,0,0,.5);
    font-size: 12px;
    height: 83px
}*/
#mapPage #layout1 .picframe {overflow: hidden}    
#mapPage #layout1 .col6 .inBox {
	overflow: hidden; 
	cursor: pointer; 
	padding: 25px; 
    font-size: 14px;
    line-height: 2em;
    border: 1px solid #ddd; 
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    -o-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    -webkit-transition: transform .2s linear,-webkit-box-shadow .2s linear;
    -moz-transition: transform .2s linear,-moz-box-shadow .2s linear;
    transition: transform .2s linear,box-shadow .2s linear
}
#mapPage #layout1 .col6:hover .inBox 
{
    transform: translateY(-4px)!important;
    -webkit-transform: translateY(-4px)!important;
    box-shadow: 0 17px 25px rgba(0,0,0,0.13)!important;
    -webkit-box-shadow: 0 17px 25px rgba(0,0,0,0.13);
    -moz-box-shadow: 0 17px 25px rgba(0,0,0,0.13);
    -o-box-shadow: 0 17px
}

#mapPage #layout1 .SelectIcons
{
	-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);
}
#mapPage #layout1 a {text-decoration: none}

#mapPage #layout1 .SelectText {max-width: 80%;margin: 20px auto;text-align: center;}
#mapPage #layout1 .SelectIcon {
	display: none; 
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin: 0 auto;
    background: rgba(0,0,0,0);
    text-align: center;color: #ddd; box-shadow: inset 2px 2px 15px rgba(0,0,0,0.5)}
#mapPage #layout1 .col6:hover .SelectIcon {box-shadow: 2px 2px 15px rgba(0,0,0,0.5)}
#mapPage #layout1 .col6:hover .SelectIcon:hover {box-shadow: 1px 1px 3px rgba(0,0,0,0.5); color: #777}

#mapPage #layout2 {position: relative}
#mapPage #layout2Inner {position: absolute; top: 0; bottom: 0; left: 0; right: 0}
#mapPage #layout2Inner .col6 {height: 400px; background-color: rgba(255,255,255,0.6); padding: 25px; margin-top: 6%; text-align: center}
#mapPage #layout2 .round {display: block; margin: 0 auto;  color: rgba(255,255,255,0.8); width: 180px; height: 180px; border-radius: 50%; margin-top: 30px; margin-bottom: 30px; font-size: 6em;box-shadow: inset 5px 5px 25px rgba(0,0,0,0.6); padding-top: 30px}

/*--------------------------------------------*/
/*------- PAGES --> CEBIT-------------*/
/*--------------------------------------------*/
#cebitPic .backpic .innerInside {background: none; right: 0; bottom: 10%} 
#cebitPic .backpic .innerInside h1 {font-weight: lighter; font-size: 2.4em}
#cebitPic .backpic .innerInside p {font-size: 22px}
@media (max-width: 968px)
{
	#cebitPic .backpic .innerInside {background: none; right: 0; bottom: 5%} 
	#cebitPic .backpic .innerInside h1 {font-size: 2em}
}
@media (max-width: 768px)
{
	#cebitPic .backpic .innerInside h1 {font-weight: lighter; font-size: 1.6em}
	#cebitPic .backpic .innerInside p {font-size: 16px}
}


.smallSlider .carousel, .smallSlider .carousel-caption, .smallSlider .picture-caption {padding-bottom: 4px}
.smallSlider .carousel-control .glyphicon-chevron-left, .smallSlider .carousel-control .glyphicon-chevron-right {top: 42% !important;transform: scale(0.6)}
.smallSlider .carousel-control .glyphicon-chevron-left:hover, .smallSlider .carousel-control .glyphicon-chevron-right:hover {color: #fff; border-color: #fff}
.smallSlider h3 a {color: #920f30; text-decoration: none}

.smallSlider .carousel-copytxt {opacity: 1; bottom: 30px;text-shadow: 1px 1px 1px rgba(0,0,0,0.8); font-size: 11px}

.col4.noLink:hover .gg_text {display: none}
strong.highlight, span.highlight {color: #920f30}
.cebit .ce_text ul li {color: #920f30; line-height: 1.2em !important; padding-top: 10px !important}
.cebit .ce_text p.nomarg {margin-bottom: 0}

/*------- PAGES --> CEBIT --> SPRUNGMARKEN-------------*/
#scrollNav ul {padding-left: 30px; color: #910f30}
#scrollNav li {cursor: pointer; line-height: 2em}
#scrollNav.noListPoint ul {padding-left: 0}
#scrollNav.noListPoint li {list-style-type: none}

/*------- PAGES --> CEBIT --> PARTNER LOGOS-------------*/
#cebitPartner .col3 {height: 150px; cursor: pointer}
#cebitPartner .col3 img {padding: 10% 3%;margin: 0 auto}

#cebitPartner .col3 .figureInner {position: absolute;top: 0;left: 0;right: 0;bottom: 0}
#cebitPartner .col3 .gg_text .gg_headline {font-size: 1em; margin-top: 27%; display: none }

/*#cebitPartner .col3.teaserTile:hover .gg_text {background: none}*/

#cebitPartner .col3 .gg_text::before {top: 0; left: 0; bottom: 0; right: 0; /*display: none*/}
.backpic.cebitPartnerPics .innerInside {bottom: 29% !important}

#cebitPartnerBorder {padding: 25px 25px 35px 25px;box-shadow: 1px 1px 10px rgba(0,0,0,0.2);border: 1px solid #b3b3b3}


/*-----------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------*/
/*--------------------------- HOME ---------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------*/

/*--------------------------------------------*/
/*------- HOME --> Headslider  || PAGE --> HeadPics -------------*/
/*--------------------------------------------*/
.headslide {position: relative; padding-bottom: 0}
.headslide .item .container {position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 6% 0;color: #464646}
.headslide .glyphicon-chevron-left, .headslide .glyphicon-chevron-right {color: #fff;border: 3px solid #fff; top: 43% !important}
.headslide .carousel-caption.layer {position: absolute; width: 100%; bottom: 10%}
.headslide .carousel-caption.layer .innerInside {float: right; width: 45%;background-color: rgba(255,255,255,0.75);padding: 20px;}
.headslide .carousel-caption.layer .innerInside a {color: #464646; text-decoration: none}
.headslide .carousel-caption.layer .innerInside h2 > a {color: #920f30}


.headslide .carousel-caption.layer .innerInside a:hover {text-decoration: underline; cursor: pointer}
.headslide .carousel-indicators {display: initial !important}
.fullText {background-color: #f1f1f1;border-bottom: 1px solid #e6e6e6;margin: 0 auto;border-bottom: 3px solid #dbdbdb; text-align: center}

/*--------------------------------------------*/
/*------- HOME --> Nachrichten- / Eventliste (rechte Spalte) -------------*/
/*--------------------------------------------*/

.home .mod_newslist, .home .mod_eventlist {border-top: 3px solid #dbdbdb;padding: 25px 0;clear both; display: block; overflow: hidden}
.home .mod_newslist h2 {text-transform: uppercase; clear both; display: block; overflow: hidden}
.home .mod_newslist .layout_latest {width: 50%; float: left;padding: 2% 5%}
.home.en .mod_newslist .layout_latest {width: 31%;float: left;margin-right: 3%;padding: 0;}
.home.en .mod_newslist .layout_latest.last {margin-right: 0}

.event.layout_full {margin-bottom: 50px}
.event.layout_full h4 {margin-bottom: 0; margin-top: 12px}
.event.layout_full p.info {font-size: 15px}
.event.layout_full p {margin: 5px 0}
.event.layout_full .ce_text a {font-size: 12px}

.mod_eventlist a[target=_blank]:after {font-family: "Fontawesome"; content:"\f061";display: inline-block; margin: 0 5px;
text-decoration: none !important;  
border-bottom: 1px solid transparent;     
font-size: 12px;
  -webkit-transform: rotate(-45deg);
  -webkit-transform-origin: 35% 40%;
  -moz-transform: rotate(-45deg);
  -moz-transform-origin: 35% 40%;
  -o-transform: rotate(-45deg);
  -o-transform-origin: 35% 40%;
  -ms-transform: rotate(-45deg);
  -ms-transform-origin: 35% 40%;
  transform: rotate(-45deg);
  transform-origin: 35% 40%;}
.ie .mod_eventlist a[target=_blank]:after {text-decoration: underline;line-height: 0.7;overflow: hidden;}  

.newsQuote {padding: 20px;color: #910f30;font-size: 37px;width: 82%; margin: 0 auto; text-align: center; font-weight: bold}
.newsQuote p {padding: 0 20px}
.newsQuote p, .newsQuote p:before {display: inline-block; vertical-align: middle; line-height: normal}
.newsQuote p:before {font-family: "Fontawesome"; content:"\f10e";font-size: 40px; margin-right: 20px;margin-left: -56px}
.newsQuote p:after {font-family: "Fontawesome"; content:"\f10d";font-size: 40px; margin-left: 20px;margin-right: -56px}


.layout_full h1.smallmarg {margin-bottom: 5px}

/*--------------------------------------------*/
/*------- HOME --> Nachrichtenliste + Twitter (rechte Spalte) MÄRZ 2018 -------------*/
/*--------------------------------------------*/
.home .col3.last .mod_newslist {padding: 25px 0 15px 0}
.home .col3.last .ce_twitter_custom {border-top: 3px solid #dbdbdb;}

/*--------------------------------------------*/
/*------- HOME --> Eventliste (Top) MÄRZ 2018 -------------*/
/*--------------------------------------------*/
#eventBar {position: relative}
#eventlist {position: relative; height: 130px; margin: 0 25px;overflow: hidden}

#eventLeft, #eventRight {position: absolute; top: 45%; cursor: pointer}
#eventLeft {left: 5%}
#eventRight {right: 5%; cursor: pointer}

#eventBarList {border: none;
    overflow: hidden;
    position: absolute;
    width: 8000px;
    left: 0;
    top: 0}
#eventBarList .layout_list {width: 344px;margin-right: 40px; float: left; font-size: 11px}
#eventBarList .layout_list h4, #eventBarList .layout_list p {margin: 0}

#eventBarList .eventDates h4 a:after {content:""; display: none}

.disabled{opacity: 0.2}
/*--------------------------------------------*/
/*------- HOME --> CONTENT 4 --> Akkordeon -------------*/
/*--------------------------------------------*/
.ce_accordionSingle.bcarousel {position: relative}
.bcarousel .ui-accordion-header {background-color: rgba(0, 0, 0, 0)!important; text-align: center; outline: none;}
.bcarousel .ui-accordion-header:hover {background-color: rgba(0, 0, 0, 0)!important}
.bcarousel .ui-accordion-header span.ui-accordion-header-icon
{display: block;
    margin: 0 auto;
    cursor: pointer;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    /*background: #fff;*/
    color: rgb(146, 15, 48)/*#ed9535*/;
    position: relative;
    border: 4px solid rgb(146, 15, 48)/*#ed9535*/}
.bcarousel .ui-accordion-header span.ui-accordion-header-icon:before {font-family: "Fontawesome";
    content: "\f067";
    font-size: 1.9em;
    position: absolute;
    left: 15px;
    top: 13px;}

.bcarousel .ui-accordion-header span.ui-accordion-header-icon:after {content: ""; color: rgba(0, 0, 0, 0)!important;}
.bcarousel .ui-accordion-header-active
{
-webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
        transform-origin: 50% 50%;
}
.bcarousel .ui-accordion-content {
    overflow: hidden;
    display: block;
    color: #7c7b7b;
    padding: 50px 0;
}



/*-----------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------*/
/*--------------------------- PAGES ---------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------*/

.mod_newslist .layout_latest figure {position: relative}
.mod_newslist .layout_latest figure .caption {opacity: 0; position: absolute; bottom: -4px; right: 5px; color: #fff; font-size: 10px; text-shadow: 2px 2px 5px rgba(0,0,0,0.5)}
.mod_newslist .layout_latest figure:hover .caption {opacity: 1}

/*--------------------------------------------*/
/*------- PAGES --> REDEN & BEITRÄGE -------------*/
/*--------------------------------------------*/
#reden-und-gastbeitraege .mod_newslist > h2 {margin: 0}
#reden-und-gastbeitraege .mod_newslist .teaser {min-height: 84px}
#redeArchiv .spaceHold, #redeArchiv .archive {display: none}

/*--------------------------------------------*/
/*------- PAGES --> HEADPICTURES -------------*/
/*--------------------------------------------*/
.backpic {position: relative}
.backpic .layer {width: 100%; height: 100%; color: #000; position: relative}
.backpic .innerInside {position: absolute; bottom: 20%; width: 45%;background-color: rgba(255,255,255,0.75);padding: 20px}
.backpic .innerInside h1 {font-size: 1.6em;}
.backpic .copytxt {position: absolute;bottom: 10px;right: 10px;color: #fff;font-size: 10px;text-shadow: 1px 1px 1px rgba(0,0,0,0.8);z-index:99999999999999999; opacity: 0}
.backpic:hover .copytxt {opacity: 1}

/*--------------------------------------------*/
/*------- PAGES --> KONTAKT -------------*/
/*--------------------------------------------*/
.col6.contact figure {max-width: 200px;border-radius: 50%;}
#contactPics img {max-width: 200px}

/*#contactPics .row {max-width: 80%}*/

/*--------------------------------------------*/
/*------- PAGES --> LISTENPUNKTE "OFFENE FRAGEN" -------------*/
/*--------------------------------------------*/
.listPoints ul {padding-left: 20px}
.listPoints li {list-style-type: none; margin-bottom: 0;line-height: 2em}
.listPoints li:before {content: "■";/*content: "• ";*/; color: #920f30;font-size: 18px;margin-left: -26px;padding: 0 10px 0 5px}


/*--------------------------------------------*/
/*------- PAGES --> LENKUNGSKREIS-------------*/
/*--------------------------------------------*/
.staffPics .col3 {max-width: 250px}
.staffPics .col3 > p:nth-child(2) {font-weight: bold; margin-bottom: 0}
.staffPics .col3 > p:nth-child(3) {margin-top: 0}

/*--------------------------------------------*/
/*------- PAGES --> LOGIN-------------*/
/*--------------------------------------------*/
.mod_login {max-width: 500px;
    margin: 0 auto;
    padding: 50px;
    background-color: #f1f1f1;
    border: 1px solid #ddd;}
.mod_login input {width: 100%}    
.mod_login label {display: block; margin-top: 5px}
.mod_login .error {font-size: 12px}

/*--------------------------------------------*/
/*------- PAGES --> NEWSLETTER-------------*/
/*--------------------------------------------*/
.mod_subscribe .confirm, .mod_subscribe .error {font-weight: bold;color: #910f30;}


/*--------------------------------------------*/
/*------- PAGES --> THEMEN -> TEASER KACHELN ||  LENKUNGSKREIS -> STAFFPICS -------------*/
/*--------------------------------------------*/

.tilesThemes h3 {margin-bottom: 0}
.tilesThemes h4 {color: #848484; font-weight: normal}

.teaserTile .inner {padding: 2%}
.teaserTile .inner .contentbox {width: 100%; float: left}
.teaserTile .inner .contentbox h4 {margin-bottom: 0}
.teaserTile .inner i {width: 10%; text-align: right; font-size: 20px; font-weight: bold;}
.teaserTile:hover > .inner i {transform: rotate(-32deg);transform-origin: 90% 50%;}
.teaserLink {position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer}
.teaserTile, .teaserTile .figureInner {position: relative; overflow: hidden}
.gg_text {color: #464646;text-align: center;position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0, 0, 0, 0.0);width: 100%}
.gg_text::before {position: absolute;top: 5%;right: 3%;bottom: 5%;left: 3%;border: 2px solid #464646;content: '';opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(0);
    transform: scale(0);
    pointer-events: none;
    z-index: 10}
.clickit{z-index: 100; cursor: pointer; position: absolute; top: 0; width: 100%; height: 100%;}

.gg_text .gg_headline {opacity: 0;font-size: 1.2em;line-height: normal;max-width: 70%; margin: auto;margin-top: 20%;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0)}
.gg_icons figure i {opacity: 0;position: absolute;left: 48%;bottom: 0;color: #464646;}

/*--- HOVER EFFEKT ---*/
.teaserTile:hover .gg_text {background: rgba(255, 255, 255, 0.7); }
.teaserTile:hover .gg_text::before {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
.teaserTile:hover .gg_text .gg_headline {opacity: 1;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.teaserTile:hover .gg_icons figure i {opacity: 1;bottom: 30%;}


/*--------------------------------------------*/
/*------- PAGES --> VIDEOS -------------*/
/*--------------------------------------------*/
.ytelement.homeVideo {width: 48.5%; margin: 0}
.ytelement.homeVideo .videobox {padding-top: 2px}

.ytelement {width: 31%; float: left;margin: 0 3% 0 0;}
.videoTiles > .ytelement:nth-child(3) {margin-right: 0}

.videoBoxInner {padding: 2%}
.videoBoxInner h3 {margin: 17px 0}

.videobox {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.videobox iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: medium none;
}


/*--------------------------------------------*/
/*------- PAGES --> DOWNLOADS -------------*/
/*--------------------------------------------*/
.ce_downloads img, .ce_download img {display: none}
.ce_downloads a, .ce_download a {display: inline-block;; padding: 1% 0; width: 90%}
.ce_downloads li {padding: 2px 10px;}
.ce_downloads li, .ce_download li {cursor: pointer}
.ce_downloads li.even {background-color: #e2e5e7;box-shadow: inset 0px 0px 1px rgba(0,0,0,0.2)}
.ce_downloads li.active, .ce_downloads a {/*color: #ed1c24; font-weight: bold*/ text-decoration: none}
.ce_downloads a:hover, .ce_downloads li:hover:before {color:#970F30 }
.ce_downloads li:before, .ce_download a:before {font-family: "Fontawesome"; content:"\f019"; margin: 11px 2% 0 0;display: inline-block;}
.ce_download a:before {vertical-align: text-bottom;}
.ce_downloads li:before {vertical-align: text-bottom;}


/*--------------------------------------------*/
/*------- PAGE --> GALLERY ELEMENT -------------*/
/*--------------------------------------------*/
.ce_gallery>ul {float: none; margin: 0}
.ce_gallery>ul li {float: left; list-style-type: none; margin-right: 1%; margin-bottom: 1%}
.ce_gallery>ul li:last-child {margin-right: 0}
.ce_gallery>ul li.col_first {clear: both}
.ce_gallery>ul.cols_4 li {width: 24%;}
.ce_gallery>ul.cols_5 li {width: 19%;}

@media (max-width: 768px)
{.ce_gallery>ul li {width: 100%; float: none}}


/*--------------------------------------------*/
/*------- PAGES --> AKKORDEON ELEMENT ------------*/
/*--------------------------------------------*/
.ce_accordionSingle {padding-bottom: 10px}
.ce_accordionSingle .toggler {outline: none; background-color: #efefef; padding: 8px 10px; cursor: pointer; position: relative; font-weight: bold}
.ce_accordionSingle .toggler:hover {opacity: 0.7}	
.ce_accordionSingle .accordion {padding: 0 10px}
.ce_accordionSingle .toggler:before {display: none; position: absolute; right: 10px; top: 5px; font-family: "Fontawesome"; content: "\f107"; font-size: 1.2em;transform: rotate(-90deg)}
.ce_accordionSingle .toggler.ui-state-active:before {transform: rotate(0deg)}

/*--------------------------------------------*/
/*------- PAGE --> CEBIT Speaker List------------*/
/*--------------------------------------------*/
.speakerList .ce_list, .speakerList .ce_list ul {overflow: hidden; padding: 0}
.speakerList .ce_list ul {display: table; width: 100%}
.speakerList .ce_list li:before  {content:""; margin: 0; padding: 0}
.speakerList .ce_list li i {font-size: 20px; vertical-align: middle;color: #920f30}

.speakerList .ce_list:nth-child(2n) ul li {background-color: #eee}
.speakerList .ce_list li {display: table-cell; border: 1px solid #ddd; padding: 10px; font-size: 14px}
.speakerList .ce_list:nth-child(2n) ul li {background-color: #eee}
.speakerList .ce_list.speakerHead li {background-color: #848484 !important; color: #fff; font-weight: bold;}
.speakerList .ce_list li:nth-child(1) {width: 25%}
.speakerList .ce_list li:nth-child(2) {width: 25%}
.speakerList .ce_list li:nth-child(3) {width: 25%}
.speakerList .ce_list li:nth-child(4) {width: 25%}

@media (max-width: 1100px)
{
.speakerList .ce_list {border: 1px solid #8e8e8e;overflow-x: scroll;box-shadow: inset -8px 0px 14px #00000029;}
.speakerList .ce_list ul {width: 250%;display: block;}
.speakerList .ce_list li {min-width: 300px}
}

/*--------------------------------------------*/
/*------- PAGE --> PRESSE-------------*/
/*--------------------------------------------*/
.ctaButton {max-width: 60%; margin: 0 auto}
.ctaButton a {display: block; border: 2px solid #920f30; padding: 20px 35px; text-align: center;border-radius: 35px; color: #920f30; font-weight: bold}

body.presse .lined {border-bottom: 1px solid #ddd}
body.presse p.info {margin-top: 0}
body.presse .layout_latest {font-size: 0.8em}

body.presse .ce_download a:before {content: ""; margin: 0; height: 0}
body.presse .downloadPic img {display: block}
body.presse .ce_downloads .picDownloadUl li:before {content: ""; margin: 0; height: 0}
body.presse .ce_downloads .picDownloadUl li {width: 25%; float: left; list-style: none;padding: 0}
body.presse .ce_downloads .picDownloadUl img {display: block}




/*--------------------------------------------*/
/*------- PAGE --> KI AKTEURE ------------*/
/*--------------------------------------------*/
#kiaFrame .rightCol {border-left: 1px solid #ddd;padding-left: 20px;height: 600px;padding-top: 6px;}
.kiaHead p {margin-bottom: 0}
.kiaHead li {padding-top: 0 !important; padding-bottom: 5px}

/*--------------------------------------------*/
/*------- PAGE --> KI in der Praxis ------------*/
/*--------------------------------------------*/
.infoBox {background-color: #fefefe; font-size: 13px; max-width: 750px} 
.infoBox ul {padding-left: 0;background-color: #f1f1f1; border: 2px solid #ddd;    
	box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    -o-box-shadow: 0 1px 1px rgba(0,0,0,0.1);}
.infoBox li {float: left; list-style-type: none; min-height: 100px; border: 1px solid #ddd; padding: 15px; line-height: 1.6em !important;}
.infoBox li:before {content: ""; display: none}
.infoBox li:nth-child(2n) {font-weight: normal; width: 70%}
.infoBox li:nth-child(2n+1) {width: 30%; font-weight: bold}
.infoBox li:nth-child(3), .infoBox li:nth-child(4), .infoBox li:nth-child(7), .infoBox li:nth-child(8) {background-color: #fff}

/************************************************/
/******************* Inputfelder und Formulare ************/

.checkbox_container {margin-top: 5px}
.checkbox_container label {vertical-align: initial}

.ce_form .widget {margin-bottom: 10px}
label, select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    display: table-cell;
    font-size: 14px;
    line-height: 22px;
    vertical-align: middle;}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input 
{padding: 4px 6px;}

.radio_container label {width: auto !important}
.widget-headline {margin: 3% 0 0 0}
textarea {height: 150px;display: block}

.widget-captcha input
{
display: block;
margin-bottom: 5px
}

.widget-captcha label {margin-bottom: 5px; padding-left: 0}

select {height: 32px;-webkit-appearance: none;outline: 0}
input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus {
    border-color: #e9322d;
    -webkit-box-shadow: 0 0 6px #f8b9b7;
    -moz-box-shadow: 0 0 6px #f8b9b7;
    box-shadow: 0 0 6px #f8b9b7;
}

input:focus:invalid, textarea:focus:invalid, select:focus:invalid {
    color: #b94a48;
    border-color: #ee5f5b;
}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
    border-color: rgba(82,168,236,0.8);
    outline: 0;
    outline: thin dotted \9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input 
{
    border-radius: 0px;
      border: 1px solid #b7b7b7;
    box-shadow: inset 1px 1px 5px rgba(175, 175, 175, 0.3);
}
select, textarea, input[type="text"], label {    width: 100% !important}

input[type="submit"] /*, button */{
    display: inline-block;
    width: 100%; 
    padding: 4px 12px;
    font-size: 14px;
    line-height: 26px;
    text-decoration: none;
    text-align: center;
    text-shadow: 0 1px 1px rgba(124, 124, 124, 0.75);
    vertical-align: middle;
    cursor: pointer;
    color: #FFF;
    background: #910f30;
    border: 1px solid #65000e;
        margin-top: 20px;
-webkit-appearance: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
}
input[type="submit"]:hover {opacity: 0.8}
span.mandatory {color: #cc060e}
label {font-size: 12px;font-weight: bold}

/***************************************************/
/******BREAKS*******/
/***************************************************/
@media (max-width: 1150px)
{
	#plsLogo {width: 18%}
	#plsLogo img {max-width: 100%}
	
	#navBar {float: right; font-size: 14px}
	#mainNav a, #mainNav li.active > span, #searchToogle {padding: 10px}
	#mainNav ul li {font-size: 13px; min-width: 15%}
	#mainNav ul li ul {left: initial !important; right: 0}
}


@media (max-width: 1000px)
{
	#navBar {width: 50%; text-align: right; margin-top: 0}
	#mobNavTri {display: block; margin: 5px 15px 0 0; font-size: 2.2em;}
	#mobNavTri i {color: #920f30}
	#mainNav {display: none}
	#langChang {width: 15%}
}

@media (max-width: 768px)
{
	figure.float_left, figure.float_right {float: none;margin: 1% 0 0 0;max-width: none}

	/*HEADER*/
	#navBar, #plsLogo {width: 50%; text-align: right; margin-top: 0}
	#mobNavTri {display: block; margin: 5px 15px 0 0; font-size: 2.2em;}
	#mobNavTri i {color: #920f30}
	#mainNav {display: none}
	#langChang {width: 15%}
	#plsLogo img {max-width: 140px} 
	#header {height: 110px}
	#quickNav {text-align: center; background-color: #eee; padding: 0; font-size: 10px}
	#quickNav .inside {width: 100%}
	#quickNav li {width: 33.33333%; margin-left: -2px;vertical-align: middle}
	#quickNav li.first {padding-left:0}
	#quickNav li.loginPage {display: none}
	
	/*HOME -> SLIDER*/
	.headslide .bsc_spic {height: 400px !important; background-position-x: 30% !important}
	.headslide .carousel-caption.layer {bottom: 20px}
	.headslide .carousel-caption.layer .innerInside {float: none; width: 100%;padding: 10px;font-size: 0.8em}
	.headslide .carousel-caption.layer .innerInside p:first-child {display: none}
	
	/*HOME -> NEWSLIST*/
	#home .mod_newslist h2 {text-align: center}
	#home .mod_newslist .layout_latest, .home.en .mod_newslist .layout_latest {float: none; width: 100%; padding: 10% 0}
	 
	
	#eventBarList .layout_list {transform: scale(0.75) translate(-45px,0px)}
	#eventlist {margin: 0 10px}
	#eventLeft {left: 2%}
	#eventRight {right: 2%}
	
	/*#eventBarList .eventDates {width: 31%}
	#eventBarList .eventDetails {width: 53.5%}*/
	
	.ytelement.homeVideo {width: 100%; margin-top: 6%}
	
	/*PAGES --> HEADPIC*/
	.backpic {height: 400px !important}
	.backpic .innerInside {float: none; width: 90%;padding: 10px;font-size: 0.8em; right: 5%; left: 5%; bottom: 5%}

	/*PAGES --> SPRUNGMARKEN*/
	#subNav {height: auto}
	#subNav .Inner {position: initial; font-size: 12px}
	#subNav li {display: block}
	
	/*PAGES --> AKKORDEON*/
	.pages.lightgray .col4 {width: 100%}
	.pages.lightgray .col8 {padding: 25px}
	
	
	/*PAGES --> TABREITER*/
	#tab_panel ul {padding: 20px 1px 0 1px}
	#tab_panel li {float: none;width: 100%; height: auto; padding: 10px 0}
	#tab_panel li.active {height: auto; padding-top: 20px; margin-top: -20px}
	#tab_panel img {max-width: 30px}

.home .mod_newslist .layout_latest {
    float: none;
    padding: 2%;
    width: 100%}
    
#vdbox {
    left: 5%;
    position: fixed;
    top: 5%;
    width: 90%;
    z-index: 99999}    

#logoBar img.ftlright {float: none}
#twitter, #youtube, #newslIcon {text-align: center; margin: 6% 0; padding: 0}

	/*PAGE --> KI LANDKARTE LANDINGPAGE*/
	#mapPage #layout1 .backpic {height: 200px !important}
	#mapPage #layout1 .col6 .SelectIcon i {padding-top: 10%}
	
	/*PAGE --> ANWENDUNGSSZENARIEN LANDINGPAGE*/
	.awsTile {margin-bottom: 12%}
	
}
@media (max-width: 500px)
{
	#langChang {width: 25%}
	.lightgrayInner {padding: 25px 15px	}
	#homeBtn {display: none}
}