/* default styles for extension "tx_frontend" */
    .ce-align-left { text-align: left; }
    .ce-align-center { text-align: center; }
    .ce-align-right { text-align: right; }

    .ce-table td, .ce-table th { vertical-align: top; }

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

    .ce-left .ce-gallery, .ce-column { float: left; }
    .ce-center .ce-outer { position: relative; float: right; right: 50%; }
    .ce-center .ce-inner { position: relative; float: right; right: -50%; }
    .ce-right .ce-gallery { float: right; }

    .ce-gallery figure { display: table; margin: 0; }
    .ce-gallery figcaption { display: table-caption; caption-side: bottom; }
    .ce-gallery img { display: block; }
    .ce-gallery iframe { border-width: 0; }
    .ce-border img,
    .ce-border iframe {
        border: 2px solid #000000;
        padding: 0px;
    }

    .ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery {
        margin-bottom: 10px;
    }
    .ce-image .ce-gallery { margin-bottom: 0; }
    .ce-intext.ce-right .ce-gallery { margin-left: 10px; }
    .ce-intext.ce-left .ce-gallery { margin-right: 10px; }
    .ce-below .ce-gallery { margin-top: 10px; }

    .ce-column { margin-right: 10px; }
    .ce-column:last-child { margin-right: 0; }

    .ce-row { margin-bottom: 10px; }
    .ce-row:last-child { margin-bottom: 0; }

    .ce-above .ce-bodytext { clear: both; }

    .ce-intext.ce-left ol, .ce-intext.ce-left ul { padding-left: 40px; overflow: auto; }

    /* Headline */
    .ce-headline-left { text-align: left; }
    .ce-headline-center { text-align: center; }
    .ce-headline-right { text-align: right; }

    /* Uploads */
    .ce-uploads { margin: 0; padding: 0; }
    .ce-uploads li { list-style: none outside none; margin: 1em 0; }
    .ce-uploads img { float: left; padding-right: 1em; vertical-align: top; }
    .ce-uploads span { display: block; }

    /* Table */
    .ce-table { width: 100%; max-width: 100%; }
    .ce-table th, .ce-table td { padding: 0.5em 0.75em; vertical-align: top; }
    .ce-table thead th { border-bottom: 2px solid #dadada; }
    .ce-table th, .ce-table td { border-top: 1px solid #dadada; }
    .ce-table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0,0,0,.05); }
    .ce-table-bordered th, .ce-table-bordered td { border: 1px solid #dadada; }

    /* Space */
    .frame-space-before-extra-small { margin-top: 1em; }
    .frame-space-before-small { margin-top: 2em; }
    .frame-space-before-medium { margin-top: 3em; }
    .frame-space-before-large { margin-top: 4em; }
    .frame-space-before-extra-large { margin-top: 5em; }
    .frame-space-after-extra-small { margin-bottom: 1em; }
    .frame-space-after-small { margin-bottom: 2em; }
    .frame-space-after-medium { margin-bottom: 3em; }
    .frame-space-after-large { margin-bottom: 4em; }
    .frame-space-after-extra-large { margin-bottom: 5em; }

    /* Frame */
    .frame-ruler-before:before { content: ''; display: block; border-top: 1px solid rgba(0,0,0,0.25); margin-bottom: 2em; }
    .frame-ruler-after:after { content: ''; display: block; border-bottom: 1px solid rgba(0,0,0,0.25); margin-top: 2em; }
    .frame-indent { margin-left: 15%; margin-right: 15%; }
    .frame-indent-left { margin-left: 33%; }
    .frame-indent-right { margin-right: 33%; }

html {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
  color: #3F3F3F;
  font-family:Trebuchet MS,Arial,Helvetica,Times,Sans-Serif;
  font-size: 15px;
  text-align: center;
  width: 100%;
  height: 100%;
  min-height: 100%;
}

img {
  border: 0px;
}

input,select,textarea {
  font-size: 13px;
  font-family:Trebuchet MS,Times,Arial,Helvetica,Sans-Serif;

}
table,tr,td {
  font-size: 15px;
  font-family: Trebuchet MS,Times,Arial,Verdana,Helvetica,sans-serif;
}

h1 {
  font-size: 17px;
  margin: 0 0 5px 0;
  padding: 0 0 0 0px;
  color: #2D9BB0;
}

h2 {
  font-size: 16px;
  margin: 0px 0 0px 0;
  padding: 0 0 0 0px;
  font-weight: normal;
}

h3 {
  margin: 0.5em 0 0.5em 0;
  padding: 0;
  font-size:1.2em;
}
a {
  text-decoration: underline;
  color: #3F3F3F;
}

p.bodytext {
  margin: 5px 0 8px 0;
  padding: 0;
}

p.bodytext a {
  color: #3F3F3F
  text-decoration: underline;
}

div.divider {
  clear: both;
  visibility: hidden;
  height: 20px;
}

/******************** No Mobile **********************/

div#logo_mobile, div.slicknav_menu, div#foot_mobile, div#menu_mobile, div#tel_mobile {
  display: none;
}


/*********************** Hauptteil ************************************/

#main {
  margin: 0 auto;
  width: 922px;
  height: 100%;
  text-align: left;
}

#wrapper {
  background: transparent url('../../../typo3conf/ext/augenaerzte2/Resources/Public/Images/bg_main_content.gif') 0px 0px repeat-y;
  height: 100%;
}

#head {
  width: 922px;
  height: 317px;
  margin: 0;
  padding: 0;
  position:relative;
  background-color: #FFF;
}

#head_bg {
  width: 922px;
  height: 317px;
  background: transparent url('../../../typo3conf/ext/augenaerzte2/Resources/Public/Images/bg_head.jpg') 0px 33px repeat-x;
  position:relative;
  z-index: 101;
}

.impressum {
  width: 112px;
  margin: 47px 16px 0 0;
  text-align: right;
  float: right;
  position:relative;
}

.impressum a {
  font-weight: bold;
  color: #FFF;
  text-decoration: none;
}

#logo {
  width: 229px;
  height: 283px;
  margin: 33px 0 0 15px;
  float: left;
  position:relative;
  z-index: 99;
  background: #FFF url('/typo3conf/ext/augenaerzte2/Resources/Public/Images/logo_2024.jpg') top left no-repeat;
}


#logo a {
  text-decoration: none;
  padding: 127px 0 0 19px;
  display: block;
}

#logo b {
  display: block;
  font-size: 16px;
  font-weight: bold;
  padding: 3px 0;
}

#head_images {
  width: 922px;
  height: 228px;
  background: transparent url('../../../typo3conf/ext/augenaerzte2/Resources/Public/images/wir.jpg') top left no-repeat;
  background-size: cover;
  margin-top: -229px;
  position:relative;
  z-index: 98;
}

#main_content {
  width: 922px;
  background: transparent url('../../../typo3conf/ext/augenaerzte2/Resources/Public/Images/bg_main_content.gif') 0px 0px repeat-y;
}

#left {
  margin: 0 0 0 20px;
  padding: 36px 0 0 16px;
  width: 206px;
  background-color: #FFF;
  float: left;
  font-weight: bold;
}

#sprechzeiten {
  margin: 0px 0 10px 0;
  line-height: 130%;
  font-weight: normal;
}

#sprechzeiten p {
    margin: 0;
}

#sprechzeiten strong {
  width: 28px;
  display: inline-block;
}

#sprechzeiten br {
  display: none;
}

span.sprechzeiten {
  display: block;
}

span.sprechzeiten b, span.sprechzeiten strong {
  width: 28px;
  display: inline-block;
}

#adresse {
  margin: 10px 0 20px 0;

}

#middle {
  float: left;
  width: 543px;
  margin: 1px 0 0 0px;
  padding: 15px 60px 10px 70px;
}

#content_size {
  width: 72px;
  height: 28px;
  margin: 0 15px 0 510px;
  background-color: #FFF;
}

#content_size a {
  text-decoration: none;
  margin: 0 4px 0 4px;
  cursor: pointer;
}

#size_less {
  font-size: 14px!important;
}

#size_equal {
  font-size: 17px!important;
}

#size_more {
  font-size: 21px!important;
}

#content {
  padding: 0;
  margin: 0px 0 0 0;
}

#content ul {
  list-style-type:none;
  margin:0;
  padding: 0;
}
#content ul li {
  background-image: url('../../../typo3conf/ext/augenaerzte2/Resources/Public/Images/point.gif');
  background-repeat: no-repeat;
  background-position: 0 .3em;
  padding-left: 13px;
  line-height: 1.3em;
}

#content ol {
  margin: 5px 0 5px 0;
  padding: 0 0 0 17px;
}

#content ol li {
  margin:0;
  padding: 0;
}

#footer {
  display: none;
}

div.clearer {
  clear: both;
  margin: 0;
  padding: 0;
}


/************** Menü **************************/

#navi {
  width: 922px;
  background-color: #FFF;
  /*height: 50px;*/
}

#menu {
  margin: 0;
  padding: 0px;
  width: 100%;
  height: 24px;
  background-color:#2EBBD6;
}

#menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#menu ul li {
  padding: 0px 8px 0px 8px;
  margin: 0px 11px;
  background-color: #2EBBD6;
  float: left;
}

#menu ul li a {
  display: block;
  text-decoration: none;
  font-weight: bold;
  color: #FFF;
  padding: 3px 0px;
  font-size: 15px;
  letter-spacing:1px;
}

#menu ul li:hover, #menu ul li.menu_act {
  background-color: #048AA4;
}

#menu ul li.menu_act {
  background-color: #048AA4;
}

#menu ul li a:hover, #menu ul li.menu_act a {
  background-color: #048AA4;
}

/****************** Menü2 **********************************/

#menu2 {
  margin: 1px 0 1px 0;
  padding: 0 0 8px 0;
  width: 100%;
  /*height: 34px;*/
  display:inline-block;
  background-color: #FFF;
}

#menu2 ul {
  list-style: none;
  padding: 0;
  margin: 0 0 0 6px;
}

#menu2 ul li {
  padding: 0px 7px;
  margin: 0px 5px;
  float: left;
}

#menu2 ul li a {
  display: block;
  text-decoration: none;
  font-weight: bold;
  color: #7D7D7D;
  padding: 2px 0px 2px 0;
  font-size: 15px;
}

#menu2 ul li:hover, #menu2 ul li.menu_act {
  background-color: #EEE;
}

#menu2 ul li.menu_act {
  background-color: #EEE;
}

#menu2 ul li a:hover, #menu2 ul li.menu_act a {
  background-color: #EEE;
}


/*************** Mailform ***********************/

fieldset.csc-mailform {
  border: 0px solid #000;
  margin: 0;
  padding: 0;
}

div.csc-mailform-field {
  clear: both;
}

.csc-mailform-field label {
  width: 215px;
  float: left;
}
.csc-mailform-field input, .csc-mailform-field textarea {
  float: left;
  font-size: 11px;
  border: 1px solid #3C4F56;
  margin: 0 0 7px 0;
  width: 270px;
  font-family:Verdana,Arial,Helvetica,Sans-Serif;

}

input.csc-mailform-submit {
  margin-left: 174px;
  margin-top: 14px;
  width: 70px;
}




.mailform div.field {
  float: left;
}


.csc-form-label-req{
  font-size: 12px;
  font-weight: bold;
}
.csc-form-label {
  font-size: 12px;
}

input#mailformmehr_infos {
  width: 14px;
}

/********** Standardtabelle *******************/

figure.table {
    margin: 0;
    padding: 0;
}


table.contenttable {
  border-collapse:collapse;
  margin: 10px 0 10px 0;
}

table.contenttable tr.tr-even {
  background-color:#ddded9;
}

table.contenttable tr.tr-odd {
  background-color:#edeee9;
}

table.contenttable tr.tr-0{
  background-color:#883c3e;
  color: #FFF;
  font-weight: bold;
}

table.contenttable tr.tr-0 td {
  background-color:#883c3e;
  color: #FFF;
}

table.contenttable p.bodytext, table.htmlarea-showtableborders p.bodytext {
  margin: 0px;
  padding: 0px;
}

table.contenttable tr td ul, table.htmlarea-showtableborders tr td ul{
  margin: 0px !important;
}

table.contenttable td , table.htmlarea-showtableborders td {
  vertical-align: top;
  margin: 0px;
  padding: 2px 2px 2px 0px;
}

table.contenttable tr, table.htmlarea-showtableborders tr {
  margin: 0px;
  padding: 0px;
}

/******************* Druckansicht *********************/

#content_druck {
  width: 544px;
  text-align: right;
  margin-top: 11px;
}

#druckansicht {
  padding: 10px;
  width: 550px;
  text-align: left;
}

#druckansicht hr {
  border: 0px; /* F�r Firefox und Opera */
  border-top: solid 1px #000;
  border-bottom: solid 1px #FFFFFF; /* F�r I.Explorer (Seiten-Hintergrundfarbe!) */
}

#druckansicht ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

#druckansicht ul li {
  background-image: url('/fileadmin/images/point.gif');
  background-repeat: no-repeat;
  background-position: 0 .5em;
  padding-left: 11px;
}

#druck_fuss {
  margin-top: 20px;
  font-size: 0.8em;
  text-align: center;
}

#breadcrum {
  margin-top: 8px;
}

#breadcrum ul {
  margin: 0px;
  margin-left: 12px;
  padding: 0px;
  list-style-type: none;
}

#breadcrum ul li {
  background: url('') top left no-repeat;
  margin: 0px;
  padding: 0px;
  font-size: 13px;
  font-weight: bold;
}



/*************** slider ******************/
/* Most common stuff you'll need to change */

.coda-slider-wrapper {
  padding: 0;
}
.coda-slider {

}
.coda-slider h2.title {
  display: none;
}

/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }

/* Change the width of the entire slider (without dynamic arrows) */
.coda-slider, .coda-slider .panel {
  width: 543px;
}

/* Change margin and width of the slider (with dynamic arrows) */
.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 600px }
.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }

/* Arrow styling */
.coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 5px; width: 100px }

/* Tab nav */
.coda-nav ul li a.current {
  color: #2D9BB0;
}

/* Panel padding */
.coda-slider .panel-wrapper {
  padding: 0px;
}

/* Preloader */
.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

/* Tabbed nav */
.coda-nav ul {
  clear: both;
  display: block;
  margin: 0 0 0px -11px!important;
  padding: 0;
  overflow: hidden;
  width: 543px!important;
}
.coda-nav ul li {
  display: inline;
  background-image: none!important;
  padding-left: 10px!important;
  padding: 0!important;
}
.coda-nav ul li a {
  color: #7D7D7D;
  font-weight: bold;
  display: block;
  float: left;
  margin: 0 0 8px 0;
  padding:0 10px;
  border-right: 1px solid #7D7D7D;
  text-decoration: none;
  font-size: 17px;
}


.coda-nav ul li a:hover {
  color: #2D9BB0;
}

.coda-nav ul li.last a {
  border: 0;
}

#coda-nav-1 {

}

/* Miscellaneous */
.coda-slider-wrapper { clear: both; overflow: auto }
.coda-slider { float: left; overflow: hidden; position: relative }
.coda-slider .panel { display: block; float: left }
.coda-slider .panel-container { position: relative }
.coda-nav-left, .coda-nav-right { float: left }
.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }
/**************************************************************/
/******************** Mitarbeiter **************************/

.mitarbeiter {
  margin: 0px 0 50px 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}


.mitarbeiter h2.title {
  margin: 14px 0 0 0px;
  font-size: 18px;
  text-align: center;
  color: #2D9BB0;
}

.mitarbeiter span {
  margin: 0 0 0 0px;
  text-align: center;
}

.mitarbeiter span p {
  margin: 5px 0 0 0;
}

.mitarbeiter span ul {
  margin: 0 0 0 0px;
  text-align: center;
  list-style-type: none;

}

.mitarbeiter span ul li {
  margin: 0 0 0 0px;
  text-align: center;
  list-style-type: none;

}

table {

}

/*************************************************/
/************************* Mobile*******************/
/*******************************************************/






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

  body {
    font-size: 18px;
    height: auto;
  }

  div#navi, div#menu, div#menu2, div#start_right, div#content_size  {
    display: none;
  }

  div#logo_mobile, div.slicknav_menu, div#foot_mobile, div#tel_mobile {
    display: block;
  }



  /************* Startseite ****************/

  div#startbild img {
    width: 100%;
    height: auto;
  }

  div#startbild {
    width: 100%;
    height: auto;
  }

  div#sprechzeiten h2 {
    display: inline;
    font-size: 1.2em;
    color: #2d9bb0;
  }

  div#sprechzeiten {
    margin: 0 auto;
    padding: 3px 4px;
    border-top: 0px solid #2ebbd6;
  }

  span.sprechzeiten b {
    width: 33px;
  }



  div#adresse {
    padding: 3px 4px;
    margin: 0 auto;
  }

  div#telefon {
    padding: 3px 4px;
    margin: 0 auto;
  }

  img.linie {
    display: none;
  }

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

  div#head {
    display: none;
  }

  div#logo_mobile {
    position: absolute;
    top: 3px;
    left: 2px;
    display: block;
    margin: 0 140px 0 0;
    padding: 0;
    background: none;
    color: #2ebbd6;
    width: auto;
    height: auto;
    text-align: left;
  }

  div#logo_mobile img {
    float: left;
    position: relative;
    top: 5px;
  }

  div#logo_right {
    float: left;
    padding-left: 4px;
    font-size: 0.8em;
  }

  div#logo_mobile a {
    color: #2ebbd6;
    text-decoration: none;
  }

  div#logo_mobile span#title{
    font-weight: 300;
    font-style: normal;
    text-transform: uppercase;
  }


  #main_content {
    background: none;
    width: auto;
  }

  div#wrapper {
    background: none;
    height: auto;
  }


  #left {
    width: auto;
    margin: 0;
    padding: 0 0px;
    text-align: center;
    float: none;
  }

  #middle {
    float: left;
    margin: 0;
    padding: 0px;
    width: 100%;
  }


  .csc-textpic-intext-left ol, .csc-textpic-intext-left ul {
    overflow: inherit;
  }



  div#start {
    text-align: left;
  }

  div#content {
    text-align: left;
    padding: 0;
    background-color: #e7f9fd;
    padding: 10px 7px;
  }

  div#content h1 {
    font-size: 21px;
  }



  div#main {
    width: auto;
    padding: 0;
  }

  div#content h2 {
    font-size: 20px;
  }

  .coda-slider h2.title {
    display: block;
    color: #2d9bb0;
  }

  #coda-nav-1 {
    display: none;
  }

  .coda-slider {
    float: none;
    height: auto!important;

  }
  .coda-slider, .coda-slider .panel {
    width: auto;
  }

  .coda-slider .panel-container {

    width: auto!important;
    margin: 0 0 0 0!important;
  }

  div#accordion {
    width: auto;
  }

  div#accordion h2 {
    font-size: 16px!important;
  }

  div#accordion img {
    width: auto;
  }

  div#accordion div.inhalt {
    width: 300px;
  }

  div#menu2 {
    padding: 0;
  }

  div#menu2 ul li a {
    font-size: 18px;
  }

  /******************** Fuß mobil ***********************/

  div#foot_mobile {
    background-color: #2ebbd6;
    height: 40px;
    width: 100%;
    margin: 0;
  }

  div#foot_mobile ul {
    float: right;
    list-style: none;
    margin: 0 10px 0 0;
    padding: 7px 0 0 0;
  }

  div#foot_mobile ul li {
    margin: 0 5px;
    padding: 0;
    float: left;
  }

  div#foot_mobile ul li a {
    margin: 0;
    padding: 0;
    color: #FFF;
    font-size: 18px;
    text-decoration: none;
  }

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

  /*
      Mobile Menu Core Style
  */

  .slicknav_btn { position: relative; display: block; vertical-align: middle; float: right;
    padding: 7px;
    line-height: 1;
    cursor: pointer;
  }

  .slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
  .slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
  .slicknav_menu .slicknav_no-text { margin: 0 }
  .slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
  .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
  .slicknav_nav { clear: both }
  .slicknav_nav ul,
  .slicknav_nav li {
    display: block;
    padding-left: 8px;
  }
  .slicknav_nav .slicknav_arrow {
    font-size: 1em; margin: 0 0 0 0.4em;
  }
  .slicknav_nav .slicknav_item { cursor: pointer; }
  .slicknav_nav .slicknav_row { display: block; }
  .slicknav_nav a { display: block }
  .slicknav_nav .slicknav_item a,
  .slicknav_nav .slicknav_parent-link a { display: inline }
  .slicknav_menu:before,
  .slicknav_menu:after { content: " "; display: table; }
  .slicknav_menu:after { clear: both }
  /* IE6/7 support */
  .slicknav_menu { *zoom: 1 }

  /*
      User Default Style
      Change the following styles to modify the appearance of the menu.
  */

  /* Button */
  .slicknav_btn {
    margin: 9px 5px 73px 6px;
    text-decoration:none;
    /*text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);*/
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: transparent;
    border: 1px solid #2ebbd6;
  }
  /* Button Text */
  .slicknav_menu  .slicknav_menutxt {
    color: #2ebbd6;
    font-weight: bold;
    /*text-shadow: 0 1px 3px #000;*/
  }
  /* Button Lines */
  .slicknav_menu .slicknav_icon-bar {
    background-color: #2ebbd6;
  }
  .slicknav_menu {
    background: transparent;
    padding: 3px;
    font-size: 20px;
    min-height: 10px;
  }
  .slicknav_nav {
    color:#fff;
    margin: 0px 0 0 0;
    padding:0;
    font-size:0.875em;
    padding-top: 0px;
    background-color: #2ebbd6;
  }
  .slicknav_nav, .slicknav_nav ul {

    list-type:circle;
    /*overflow:hidden;*/
    text-align: left;
  }
  .slicknav_nav ul {
    padding: 2px 0 0 0;
    margin:0 3px 0 -4px;
    list-style: none;
    /*background-color: #222222;*/
    background-color: none;

  }
  .slicknav_nav .slicknav_row {
    padding: 0px 10px 0px 0px;
    margin:2px 5px;
  }
  .slicknav_nav a {
    padding: 0px 5px;
    margin: 4px 0px;
    text-decoration:none;
    color:#fff;
    font-size: 22px;
  }

  .slicknav_nav a:nth-of-type(1), .slicknav_nav a:nth-of-type(2) {

  }

  .slicknav_nav ul li ul li a {
    font-size: 1em;
    margin-left: 8px;
  }

  .slicknav_nav .slicknav_item a,
  .slicknav_nav .slicknav_parent-link a {
    padding: 0 7px 0 0;
    margin:0;
  }
  .slicknav_nav .slicknav_row:hover {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background:#ccc;
    color:#fff;
  }
  .slicknav_nav a:hover{
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background:#FFF;
    color: #000;
  }
  .slicknav_nav .slicknav_txtnode {
    margin-left:15px;
  }


  div#logo_mobile span#title {
    font-size: 1em;
    display: block;
  }


  div#logo_right b {
    display: block;
  }

}


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

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

  div#logo_mobile img {
    display: none;
  }

  div#logo_right {
    padding-top: 4px;
  }



  .slicknav_menu {
    padding: 9px 3px 9px 0px;
  }

}

@media screen and (orientation: landscape) {

  div#logo_right {
    padding-top: 2px;
  }

  div#logo_mobile span#title {
    font-size: 1.2em;
  }

}

@media (max-width: 500px) {

  .slicknav_menu {
    min-height: 109px;
  }


  .ce-left .ce-gallery, .ce-column {
    float: none;
  }

  .ce-intext.ce-left .ce-gallery {
    margin-right: 0px;
  }

  .ce-gallery figure {
    display: inherit;
  }

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


}