@font-face {

    font-family: "Glyphicons Halflings";

    src: url("fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("fonts/glyphicons-halflings-regular.woff2") format("woff2"), url("fonts/glyphicons-halflings-regular.woff") format("woff"), url("fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg");

}

a { text-decoration: none; }

/* Bewerbung */

  .applyNow, .JobTitleInfo { display: inline-block !important; }



.JobTitleInfo { width: 100% !important; }

  .powermail_fieldwrap_jobbezeichnung { width: 90% !important; border-bottom: 2px solid #cacaca; margin-right: 0 !important; margin-left:15px !important; padding: 0 !important; margin-bottom: 50px !important; }

  .powermail_fieldwrap_jobbezeichnung > div { padding: 0 !important; }

  #powermail_field_jobbezeichnung { resize: none; height: 90px; border: none; box-shadow: none; padding: 0; font-size: 30px; margin: 25px 0; width: 100%; background: none; }



  .powermail_form_1 label {

    width: 100%;

    text-align: left !important;

    margin-bottom: 5px !important;

  }

  .powermail_form_1 .col-sm-10 { width: 100% !important; }

.doubleWith a {

  display: inline-block !important;

}

@media screen and (max-width: 991px){      

    .doubleWith a { display: inline-block !important; }

  	.powermail_fieldwrap_jobbezeichnung input { font-size: 16px !important; word-break: break-word; }

  	#powermail_field_jobbezeichnung { height: 60px; font-size: 20px; }

}



/* Bewerbung */





@media screen, projection {

  body { margin: 0; padding: 0; font-family: arial; min-width: 320px; }

  h1 {margin: 0; color: #f47722; font-size: 1.5em; font-weight: normal; text-transform: uppercase; }
  .h4, h4 { font-size: 18px; }

  p,  #content_input li { color: #4a4a4a; font-size: 1em; line-height: 1.4em; /* margin: 0; */ list-style-type: circle;}

  ul { margin: 0;}

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

  .ce-uploads img { width: auto; }

  

  .noPaddingLeft { padding-left: 0 !important; } 

  

  #main { width: 100%; max-width: 1250px; height: auto; padding: 0 25px; margin: 0 auto; position: relative; }

  #header { width: 100%; padding-top: 10px; position: relative; min-height: 150px; }

  #menue { width: 100%; position: relative;display: block;float: left;}

  #content { width: 100%; height: auto; }

  #footer { width: 100%; background: #cdcfdd; display: inline-block;}



  .headerImage .ce { max-height: 300px; overflow: hidden; position: relative;}

  .headerImage .ce-gallery { margin-bottom: 0; }  

  .siteTitle { position: relative; text-align: center; color: #fff; background: rgba(0,70,150,0.6);  }

  .seitentitel h1 { margin: 0 0 20px 0; padding: 10px 0;hyphens: auto; font-size: 36px; color: #fff; }



  .logoArea { width: 30%; display: inline-block; }

  .headerMenuArea { width: 70%; display: inline-block; }

  .logo { max-width: 300px; width: 100%; height: auto; min-width: 140px;}

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

    .logo:after {

  background: url(/fileadmin/template/img/logo_zusatz.jpg) no-repeat; 

    background-size: 100%;

    display: inline-block;

    position: absolute;

    width: 100%; height: 21px;

    content:"";

  bottom: 65px;

  max-width: 200px;

  }

  .headerMenuArea { float: right; }

  .languageButtons, .searchArea { width: 100%; float: right; height: auto;display: block;}

  .searchArea { margin-top: 10px; }

  /* SPRACHE */



  .langselect { width: 30%;; background: #004595; float: right;}

  /* .langselect a { padding: 10px; background: #004595; color: #fff; font-weight: bold;float: left; font-size: 1.2em; text-align: center;width: 100%;}   */

  .langselect a {

    padding: 10px 5px 10px 15px;

    background: #004595 url(/fileadmin/bilder/logos/lesehilfe.png) no-repeat;

    color: #fff;

    font-weight: bold;

    float: left;

    font-size: 1.2em;

    text-align: center;

    width: 100%;

    background-size: 15%;

    background-position: 5px center;

}

  .textZoom { float: right; width: 20%;}  

  .textZoom div { display: inline-block; width: 45%; padding: 10px; font-size: 1.2em; background: #004595; color: #fff; text-align: center; font-weight: bold; }

  .textZoom div:hover { cursor: pointer; text-decoration: underline; }

  .textMinus { margin: 0 5%; }

  

  .langselect a:hover { text-decoration: underline; color: #fff; }

  .tx-srlanguagemenu-pi1 div:first-child { margin-right: 20px; }

  

  .CUR { display: none; }

  

  /* SPRACHE */



  /* START -- MENÜ */

  .mainNav > ul { float: right; padding-top: 30px}

  .mainNav li { list-style: none; margin: 0; padding: 0;display: inline-block;}

  .mainNav a { color: #004595; font-size: 1.5em; font-weight: bold; padding: 0 15px;  }



  .submenu { display: none; }  

  

  .mainNav li:hover .submenu { display: block;}

  .mainNav li:hover { background: #004595; }

  .mainNav li:hover > a {color: #fff; text-decoration: none; }

  

  .mainNav .submenu { background:#004595; position: absolute; z-index:200; display: none; padding: 10px 0; text-align:left; padding: 20px 10px;}  

  .mainNav li:last-child .submenu { right: 0px;}

  .mainNav .submenu li {display: block; font-weight:normal;}

  .mainNav .submenu > li { padding: 2px 0; }

  .mainNav .submenu a {color: #fff; display: block; padding: 3px 20px 3px 10px; margin-right:0; font-size:16px; border:none;}

  .mainNav .submenu li:hover > a { text-decoration: underline; }

  .secondSub { padding: 0 20px; margin-bottom: 10px;  }

  .secondSub a { font-weight: normal;  }



  .second.active > a, .secondSub.active > a { text-decoration: underline; color: #fff; }

   

  .resp_nav, .resp_nav_btn { display: none; }

  

  .activeSpan, .currentSpan a, .currentSpan a:hover { background: #004595; color: #fff; font-size: 1.5em; font-weight: bold; padding: 3px 15px; }

  

  

  /* ENDE -- MENÜ */

  

  /* SUCHE */



 .teaser_icon { display: none; }

  .suche { width: 50%; display: block; float: right;}

  

    .search_form { width: 100%; }

    .search_input { background: rgba(0,70,150,0.2); border: none; color: #aaa;   margin: 0; padding: 4px; width: 80%;font-size: 1.2em; float: left;}

    /*#ke_search_searchfield_submit { background: #004595; border:none; cursor: pointer; color: #fff;padding: 1%;width: 20%;font-weight: bold;font-size: 1.2em;}*/ 

   #ke_search_searchfield_submit { background: #004595 url(/fileadmin/bilder/logos/lupe.png) no-repeat; border:none; cursor: pointer; color: #fff;padding: 1%;width: 18%;font-weight: bold;font-size: 1.2em;background-size: 40%;margin-left: 2%;background-position: center;}  /* .tx-indexedsearch-searchbox, .tx-indexedsearch-rules, #mailform { display: none; } */

    

/* .tx-indexedsearch-searchbox, .tx-indexedsearch-rules, #mailform { display: none; } */

    .tx-indexedsearch-browsebox { margin: 20px 0 30px; }

    .tx-indexedsearch { color: #313b2b; }

    .tx-indexedsearch a { text-decoration: none; } 

    .tx-indexedsearch a { color: #266400; display: block; font-family: "futuracondensed_medium"; font-size: 18px; margin-bottom: 10px; text-decoration: none; }

    .tx-indexedsearch-icon.icon { display: block; margin-top: 2px; }

    .tx-indexedsearch-descr, .tx-indexedsearch-info { font-family: "futuramedium"; font-size: 14px; font-style: normal !important; }

    .tx-indexedsearch-info { padding-top: 10px; }

    .tx-indexedsearch-redMarkup { color: #266400 !important; font-size: 20px; text-decoration: underline; }

    .browsebox { display: inline-block; padding: 20px 0 0; width: 100%; }

    .browsebox li { float: left; padding: 0 5px 0 0; }

    .browsebox a { color: #565656; font-size: 14px; padding: 0 5px 0 0; }

    .tx-indexedsearch-browselist-currentPage a { text-decoration: underline; }

    

    /* STARTSEITE */

      .sucheStartseite { float: right; margin-right: 20px; position: inherit !important; right: 0 !important; }

    /* STARTSEITE */

    

  /* SUCHE */

  

  .align-center { text-align: center; }

  

  #content_input { float: left; width: 70%; margin-bottom: 50px; }

  #p1 .breadcrumb { display: none; }

 .breadcrumb { color: #aaaaaa; font-size: 13px; padding: 5px 0 15px 0; text-transform: uppercase;
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
}


  .breadcrumb a, .articleSwitch a { color: #aaaaaa; text-decoration: none; }

  .breadcrumb a:hover, .articleSwitch a:hover { color: #565656; }

  .breadTrenner { padding: 0 5px; }

  

  .contentInput, .contentInputNews { float: left; }



  #contentNewsBlock,#contentBlock { margin: 50px 0; display: inline-block;width: 100%;}

  #contentNewsBlock .contentInputNews { background: rgba(0,70,150,0.2); padding: 10px; }

  #contentNewsBlock .contentInputNews h2 { color: #f47722; font-size: 1.7em; padding: 0; margin: 0; }

  #contentNewsBlock .contentInputNews a { color: #f47722; }

  #contentNewsBlock .contentInputNews .ce { background: #fff !important; padding: 10px; margin-bottom: 20px }

  

  .contentInputNews .ce-textpic.ce-left .ce-gallery { width: 45%; margin-right: 5%; display: inline-block; }

  .contentInputNews .ce-textpic.ce-left .ce-bodytext { width: 50%; display: inline-block; }

  .contentInputNews .pl1 h2 { margin-bottom: 20px !important; }

  

  /* .ce-textpic, .ce-image, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row, .ce-uploads li, .ce-uploads div { overflow:inherit; } */  

  

  #p1 .row div:hover { cursor: pointer;  }

  #p1 .row div:hover h2 { color: #fff; background: red;}

   
  #p1 .contentInput h2 { color: #004595; font-size: 1.5em; padding: 10px 0; margin: 0; text-align: center}

  #p1 .contentInput a { color: #004595;}

  #p1 .contentInput a:hover { color: #fff; text-decoration: none;}

  #p1 .container-fluid { margin-bottom: 20px; padding-left: 0 !important; }

  #p1 .row div:hover { cursor: pointer;  }

  #p1 .row div:hover h2, #p1 .row div:hover a { color: #fff; background: #004595;}

  #p1 .ce-intext.ce-right .ce-gallery, #p1 .ce-intext.ce-left .ce-gallery, #p1 .ce-above .ce-gallery { margin-bottom: 0; }

  #p1 .ce-bodytext { max-width: 480px; margin: 0 auto 20px auto; } 

  

  

    /* NEWS */

  .newsBereich .csc-textpic-imagewrap { margin: 0 !important; }

  



    .newsBereich { box-sizing: border-box; float: right; width: 25%; }

     .newsBereich h1, .newsBereich p , .headerNews-list-container { margin: 0; padding: 4%; color: #4e4a49; }

    .newsBereich h1 { background: #cdcfdd; font-size: 1em; text-transform: uppercase;}

    .newsBereich .ce { background: #e2e3e7; margin-bottom: 20px; }

    .newsBereich div.csc-textpic .csc-textpic-imagewrap img { height: auto; max-width: 300px; width: 100%; }

    .headerNews_subheader .news-list-morelink { display: none; }

    .headerNews_subheader p { padding: 0; }

    .headerNews_description { color: #4a4a4a; margin: 0 0 10px 0; font-size: 1em; font-weight: normal; }

    .headerNews-list-container a { text-decoration: none; }

    .headerNews-list-item { border-bottom: 2px dotted #fff; padding-bottom: 20px; margin-bottom: 20px; }

    .moreLink a {color: #f47722; }

    .headerNews-list-item:hover .moreLink a {color: #fff;  }

  /* NEWS */



  /* LOGIN */

    .tx-felogin-pi1 { color: #4a4a4a; }

    .tx-felogin-pi1 > form { margin-top: 20px; }

    .tx-felogin-pi1 label { margin-top: 10px; }

    .tx-felogin-pi1 #pass { margin-bottom: 10px; }

  /* LOGIN */

  

  /* Veranstaltungskalender */

  table {margin-left:auto;margin-right:auto;}

  /* td, div {font-size:0.9em;} */

  td {text-align:left;vertical-align:top;}

  .wochentag, .datum {color: red; font-weight: bold;line-height: 1;padding-bottom:0px;}

  .uhrzeit-zeile-1, 

  .uhrzeit-zeile-1-farbig, 

  .uhrzeit-und-rot, 

  .uhrzeit-zeile-2, 

  .uhrzeit-zeile-2-farbig, 

  .termin-zeile-1, 

  .termin-zeile-1-farbig, 

  .termin-zeile-2, 

  .termin-zeile-2-farbig, 

  .termin-zusatz, 

  .info-zeile-1, 

  .info-zeile-2, 

  .info-zusatz-1, 

  .ort-zeile-1, 

  .ort-zeile-2, 

  .ort-zusatz, 

  .feiertag { font-weight: bold;font-size: 0.9em;padding-bottom: 0px; }

  

  .uhrzeit-zeile-1-farbig, 

  .uhrzeit-und-rot, 

  .uhrzeit-zeile-2-farbig, 

  .termin-zeile-1-farbig, 

  .termin_zeile-2-farbig, 

  .feiertag {color: red;}

  

  .uhrzeit-zusatztext, 

  .uhrzeit-zusatztext-beschreibung, 

  .uhrzeit-zusatz, 

  .uhrzeit-zusatz-beschreibung, 

  .termin-beschreibung, 

  .info-beschreibung, 

  .info-zusatz-2, 

  .ort-beschreibung  {font-weight: lighter;font-size: 0.9em;padding-bottom: 0px;}

  

  .symbol { text-decoration: none; background-image: url(https://vkm-aachen.de/fileadmin/vkm_docs/rollstuhl.gif); background-size:5%; background-repeat: no-repeat; background-position: 0 center;  padding-left: 0px; height: 40px;}

  .tabelle-ungerade-blau {background-color: #BDE4F7;margin-bottom: 20px;width: 100%}

  .tabelle-gerade-blau {background-color: #D5EDFA;margin-bottom: 20px;width: 100%}

  .tabelle-ungerade-gruen {background-color: #EFEFB1;margin-bottom: 20px;width: 100%}

  .tabelle-gerade-gruen {background-color: #EDF2D0;margin-bottom: 20px;width: 100%}

    

  col { width: auto; }

  td { width: 25%; padding: 1% !important;}

  td:first-child,td:nth-child(2) { width: 10%; padding: 1%;}  

  

  /* KALENDER */

  /*

    .tx-cal-controller table { width: 100%; }

    .tx-cal-controller .next-button, .tx-cal-controller .previous-button { padding-top: 10px; }

    .tx-cal-controller h1 { background: #cdcfdd !important; color: #4a4a49 !important; font-size: 1em !important; padding: 4% !important; text-transform: uppercase; border-bottom: 2px dotted #fff;}

    .sideback { display: none; }

    .tx-cal-controller  td { text-align: center; color: #4a4a4a; font-size: 1em;}

    .tx-cal-controller .month-small th, .tx-cal-controller .month-medium th, .tx-cal-controller .month-large th { background: #cdcfdd; color: #4a4a49; font-size: 1em;}

    .currentDayHeader { background: #cdcfdd; color: #fff !important; font-weight: bold; }

    .withEventsDay { background: #f47722; color: #fff; }

    .tx-cal-controller .month-small a:link, .tx-cal-controller .monthoff a:visited { display: block; color: #fff; }

    .tx-cal-controller .month-small th, .tx-cal-controller .month-small td { text-align: center; font-size: 1em;}

    .withEventsDay a { color: #fff; }

    

    .tx-cal-controller .scrolltime { font-size: 0.8em; }

    .tx-cal-controller .vevent dd { font-size: 1.2em; }

    .tx-cal-controller .vevent dt { font-size: 0.8em !important; }

    

    

    .tx-cal-controller .scrolltime .timetable .times div.timeborder { min-height: 41px; height: auto;}

    .vevent dl { height: auto !important; }



    .tx-cal-controller .scrolltime, .tx-cal-controller .dayview, .tx-cal-controller .weekview { height: auto; float: left; }

    .tx-cal-controller .gridcontainer, .tx-cal-controller .gridcontainertop { border-top: 10px solid #E2E3E7; }

    .tx-cal-controller .dayview, .tx-cal-controller .weekview { border-left: 5px solid #E2E3E7;}

    .tx-cal-controller .gridcontainertop { background: #E2E3E7; border-bottom: 10px solid #E2E3E7;}

    .header-buttons { display: none; }

    .timetable a { text-decoration: none; }

    .timetable a:hover, .timetable a:hover span{ text-decoration: underline; }

    .timetable span { display: inline-block; margin: 5px 0; }

    .tx-cal-controller div.default_catheader dl, .tx-cal-controller div.default_catheader_allday, .tx-cal-controller div.blue_catheader dl, .tx-cal-controller div.blue_catheader_allday { background: #f47722; border: none; padding: 5px; }

    .tx-cal-controller div.default_catheader dt, .tx-cal-controller div.blue_catheader dt { background: #c8c9cb; color: #4a4a4a; padding: 5px; }

    

    #calendar-event .url { display: none; }

    #calendar-event h1 { margin-bottom: 15px; }

    #calendar-event > div { margin-bottom: 5px; }

  */

  /* KALENDER */

  

  /* KONTAKT */

    .csc-mailform ol li { list-style: none !important; margin-bottom: 5px !important; }

  /* KONTAKT */

  

  /* FOOTER */

    #footer { width: 100%; background: #004595; padding: 40px 0; float: left;  }

    #footer a { color: #fff; }

    .footer_content { padding: 0 25px; width: 100%; max-width: 1250px; margin: 0 auto; display: table;}

    .footer_nav {  padding: 0 25px; width: 100%; max-width: 1250px; margin: 0 auto; display: table;}

  

    #footer h1 { font-size: 1em; margin-bottom: 10px; } 

    .csc-textpic-imagewrap img { max-width: 100%; height: auto; margin: 0 auto; }    

  

    #footer li { list-style: none;  }

    .frame-type-menu_sitemap ul { margin: 0; padding: 0; }

    .frame-type-menu_sitemap > ul { margin-top: 80px; }

    .frame-type-menu_sitemap li { padding: 2px 0; }

    /* .frame-type-menu_sitemap > ul > li > a { display: none; } */

    .frame-type-menu_sitemap > ul > li { width: 20%; float: left; font-weight: bold;  font-size: 20px;}

    .frame-type-menu_sitemap > ul > li > ul { margin-top: 15px; }

    .frame-type-menu_sitemap > ul > li > ul > li { font-weight: bold; font-size: 14px;}

    .frame-type-menu_sitemap > ul > li > ul > li > ul { padding-left: 15px;font-weight: normal; margin-bottom: 15px;}

  

  .footer_nav ul { margin: 0; padding: 10px 0; }

  .footer_nav li { display: inline-block;  }

  .footer_nav ul li a:after {content: '|'; margin: 0 5px; }

  .footer_nav ul li:last-child a:after {content: ''; }

    

  /* BESONDERHEITEN */

  .tx-felogin-pi1 label { width: 15%; }

  #p1 #kontaktperson { margin-bottom: 0px; }

  .ce-textpic.ce-left .ce-gallery { max-height: 150px; }

  .frame-layout-1 .ce-textpic.ce-left .ce-gallery { max-height: none; }

   

  /* FOORTER */

  

  .ce-gallery img.imageMobile, .imageMobile { display: none; }

  .contentInput .ce-gallery img.croppedImages, .contentInput .croppedImages { max-width: 200px; width: 100%; }

  .contentInput .ce-gallery img.croppedImages, .contentInput .freeSize .croppedImages { max-width: none; width: 100%; }

  

  #p1 .contentInput .ce-gallery img.croppedImages, #p1 .contentInput .croppedImages { max-width: none; width: 100%; }

  

  .contentInput > .ce { margin-bottom: 20px; }



  .col-half-offset{ width: 20% !important; }

  

  

}



/* ================================================= */

@media screen and (max-width: 991px){      

/* ================================================= */

  p,  #content_input li { font-size: 1.2em; line-height: 1.4em;}

  .newsBereich p  { padding: 1% !important; }

  

  #menue { margin-bottom: 30px; }

  .mainNav {display: none; }

  .resp_nav_btn {

    display: block;

    position: absolute;

    right: 20px;

    top: 80px;

  }

  

   .tx-felogin-pi1 label { width: 100%; }

  

  .resp_nav, .resp_nav_btn { display: block; }

  

  .resp_nav .mainNav { padding: 0; width: 100%; z-index: 1000; }

  .resp_nav .mainNav ul { padding: 0; width: 100%;}

  .resp_nav .mainNav li { background: none; width: 100%; position: relative;}

  .resp_nav .mainNav li:hover .submenu { display: none; }

  .resp_nav .mainNav a, .activeSpan { background: #004595; border-bottom: 1px solid #fff; color: #fff; display: block; padding: 10px; }

  .resp_nav .mainNav span { background: #004595; border-bottom: 0px color: #fff; display: block; }

  .activeSpan {text-decoration: underline; }

  

  .navEcke { color: #fff; cursor: pointer; font-size: 2.6em; opacity: 1; border-left: 1px solid #fff; padding: 6px 10px; position: absolute !important; right: 0; z-index: 200;}

  .submenu .navEcke {  padding: 3px 10px}

  .glyphicon { display: inline-block; font-family: "Glyphicons Halflings"; font-style: normal; font-weight: 400; line-height: 1; top: 1px; }

  .glyphicon-chevron-right:before{content:"\e080"}

  .glyphicon-chevron-down:before{content:"\e114"}

  

  .frame-type-menu_sitemap { display: none; }

  



/* RESPONSIVE MENÜ */

  

  .resp_nav { position: absolute; z-index: 500; right: 0px;top: 20px;width: 143%;}

  .navbar-toggle { background-color: transparent; border: 1px solid transparent; margin: 8px 0 0 15px; width: 30px; cursor: pointer; margin: 0 !important; padding: 0 !important;  display: block !important; font-size: 30px; color: #004595; }

  .icon-bar { background: #004595; float: left; height: 5px !important; margin-bottom: 3px; width: 30px !important; }

  .resp_nav .submenu, .resp_nav .second_sub {background: none; cursor: pointer; padding: 0; position: relative; top: 0; width: 100%;}

  .resp_nav .submenu a { background: #6f92bb; border: medium none; color: #fff; }



  .resp_nav .mainNav li:hover > .sub, .resp_nav .sub li:hover > .second_sub, .resp_nav .second_sub li:hover > .third_sub { display: none; }

  .resp_nav .secondSub { margin: 0;}

  .resp_nav .secondSub li a { background: #94a9c1; }

  .resp_nav .mainNav .submenu > li { padding: 0; }

  

  

/* RESPONSIVE MENÜ */

  

  .breadcrumb { padding: 1% 0 1% 5%; }



/* NEWS */

  .newsBereich .csc-textpic-imagewrap { float: left; height: auto; margin-right: 5% !important; }

/* NEWS */



  .bildermenue > li { margin: 1%; }



  #p1 .container-fluid, .contentInput { padding: 0 !important;}

  #content_input, .newsBereich { box-sizing: border-box; padding: 0 5%; width: 100%; }



  .newsBereich { padding: 0; }

  /* #content_input .ce { padding: 0 5%; } */

}



/* ================================================= */

@media screen and (max-width: 737px) {        

/* ================================================= */

  #menue { background: none; border: none; margin: 0;  }

  .headerImage { margin-bottom: 20px; }

  

  .langselect, .textZoom { width: 40%; }

  

  .ce-textpic .ce-gallery, .ce-textpic .ce-bodytext { width: 100% !important; }

  .menuHolder { background: #c8c9cb; height: 40px; }

  .logoHold { background: #c8c9cb; display: inline-block; width: 100%; }

  .spendenResp { margin: 0; max-width: 35%; width: 100%; }

   .spendenResp a { line-height: 70px; padding: 0 3%; text-align: center; font-size: 15px; }

  .resp_nav { display: block; top: 30px;}

  .resp_nav_btn { display: block; position: absolute; right: 15px; top: 75px; }



  

  .bildermenue > li { width: 46%; margin: 0 2% 2% 2% !important; }  

  .csc-textpic-imagewrap { width: 100%; }

  

  

/* SUCHE */

  #suche { border: 1px solid #aaaaaa; width: 100%;}

   .suche { position: absolute; right: 0; top: 140px; width: 100%; }

   .logo:after {

      bottom: 20%;

      left: 10px;

      width: 27%;

  }

  .search_form { width: 100% !important; }

  .search { background: #f8f8f8; height: 30px; }

  #lupe {position: absolute; cursor: pointer; height: 30px; padding: 0;}

  .sucheStartseite { position: absolute !important; }

/* SUCHE */

  

  td { width: 100% !important; display: block; padding: 1% 5% !important;}

  td .wochentag:first-child, td .datum:first-child { padding-top:20px !important;  display: inline-block;}

  .wochentag, .datum { display:  inline;}

  .datum { padding-left: 10px; }

  .uhrzeit-zeile-1 { font-size: 15px; border-top: 1px solid #aaa; padding-top:20px;}

}



/* ================================================= */

@media screen and (max-width: 470px) {        

/* ================================================= */

  h1 { margin: 1% 0 20px; }

  #main { padding: 0 10px; }

  

  

  .suche { top: 110px; }

  

  .logo:after {

      bottom: 45px;

      left: 6px;

      width: 36%;

  }

  

  .resp_nav { top: 60px; }



  .breadcrumb { display: none; }

  .langselect, .textZoom { width: 60%; clear: right; }

  .langselect a { font-size: 0.8em; }

  .textZoom { margin-bottom: 5px; font-size: 12px; }

  .textZoom div { padding: 5px; width: 47.5%; }

  .textMinus { margin: 0 5% 0 0;}

  .newsBereich .csc-textpic-text { display: inline-block; }

  

  .siteTitle { position: relative; }

  .siteTitle h1 { margin: -10px 0 0 0; }



/* NEWS */

  .newsBereich .csc-textpic-imagewrap { float: left; height: auto; width: 100%; }

/* NEWS */



  .contentInput > .ce, .contentInputNews { margin-top: 20px; }

  .ce-gallery img { margin: 0 auto; }

  .ce-column { float: none; }

  figure { display: block !important; }

    

      

  .ce-gallery img.imageDesktop, .imageDesktop { display: none; }

  .ce-gallery img.imageMobile, .imageMobile { display: block; }      

  

  .contentInput .ce-gallery img.croppedImages, .contentInput .croppedImages { max-width: none; width: 100%; }



  .col-half-offset{ width: 50% !important;  margin-bottom: 20px;}



/* FOOTER */



/* FOOTER */

  #footer .csc-textpic-imagecolumn { width: 30%; }

/* FOOTER */  



  .col-xs-12 { width: 99% !important }



}