@import url(css/normalize.css);


/* Colors
dunkelrot #a00128
rot #cc0000
blau headline #457272 /*#2C6686
blau slogan #28A2A2
blau leiste #cbe8e7
*/

/* Google Fonts

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,600,300);
*/

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style : normal;
  font-weight: 400;
  src        : url('fonts/open-sans-v15-latin-regular.eot');
  /* IE9 Compat Modes */
  src        : local('Open Sans Regular'), local('OpenSans-Regular'),
    url('fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('fonts/open-sans-v15-latin-regular.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('fonts/open-sans-v15-latin-regular.woff') format('woff'),
    /* Modern Browsers */
    url('fonts/open-sans-v15-latin-regular.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg');
  /* Legacy iOS */
}

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style : normal;
  font-weight: 600;
  src        : url('fonts/open-sans-v15-latin-600.eot');
  /* IE9 Compat Modes */
  src        : local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
    url('fonts/open-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('fonts/open-sans-v15-latin-600.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('fonts/open-sans-v15-latin-600.woff') format('woff'),
    /* Modern Browsers */
    url('fonts/open-sans-v15-latin-600.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('fonts/open-sans-v15-latin-600.svg#OpenSans') format('svg');
  /* Legacy iOS */
}

/* RESET BROWSERSTYLE */
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
hr,
blockquote {
  padding: 0;
  margin : 0;
}

/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top   : 0;
  margin-bottom: 0.4rem;
  font-weight  : 600;
}

h1 {
  font-size    : 2.2rem;
  line-height  : 1.2;
  font-weight  : 400;
  margin-bottom: 2rem;
  color        : #457272;
}

h2 {
  font-size    : 2.2rem;
  line-height  : 1.2;
  font-weight  : 400;
  margin-bottom: 2rem;
  color        : #457272;
}

h3 {
  font-size  : 1.8rem;
  line-height: 1.3;
}

h4 {
  font-size    : 1.7rem;
  line-height  : 1.35;
  margin-bottom: 2rem
}

h5 {
  font-size     : 1.6rem;
  line-height   : 1.5;
  letter-spacing: -.05rem;
}

h6 {
  font-size     : 1.5rem;
  line-height   : 1.6;
  letter-spacing: 0;
}

p {
  margin-top: 0;
}

h1:first-child {
  margin-top: 1.5rem;
}

/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul {
  list-style: square inside;
}

ol {
  list-style: decimal inside;
}

ol,
ul {
  padding-left: 0;
  margin-top  : 0;
}

ul ul,
ul ol,
ol ol,
ol ul {
  margin   : 1.5rem 0 1.5rem 3rem;
  font-size: 90%;
}

li {
  margin-bottom: 1rem;
}

/* Tables
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
th,
td {
  padding       : 4px 15px;
  text-align    : left;
  border-bottom : 1px solid #E1E1E1;
  vertical-align: top;
}

th:first-child,
td:first-child {
  padding-left: 0;
}

th:last-child,
td:last-child {
  padding-right: 0;
}


/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
button,
.button {
  margin-bottom: 1rem;
}

input,
textarea,
select,
fieldset {
  margin-bottom: 1.5rem;
}

pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
form {
  margin-bottom: 1.5rem;
}

/* GLOBAL */

hr {
  height          : 1px;
  clear           : both;
  color           : #999;
  background-color: #999;
  border          : 0;
  margin          : 16px 0;
}

blockquote {
  padding    : 2px 0 2px 20px;
  border-left: 3px solid #999;
}

div.tplge_content_anchor {
  display: none;
}

div.tplge_menu_anchor {
  display: none;
}

div.tplge_news_anchor {
  display: none;
}

.tplge_button {
  background   : url(images/button.jpg) repeat-x;
  float        : left;
  font-size    : 16px;
  font-weight  : 400;
  line-height  : 20px;
  border       : 1px solid #666;
  border-radius: 3px;
  padding      : 4px 9px;
  margin       : 0 6px 0 0;
}

.tplge_button_active {
  background   : #999;
  color        : #fff;
  float        : left;
  font-size    : 16px;
  font-weight  : 400;
  line-height  : 20px;
  border       : 1px solid #999;
  border-radius: 3px;
  padding      : 4px 9px;
  margin       : 0 6px 0 0;
}


/*
##############################
 C O N T E N T  C L A S S E S
##############################
*/
.tplge_left_border {
  float : left;
  border: 5px solid #998;
  margin: 0 20px 10px 0;
}

.tplge_left_noborder {
  float : left;
  border: 0;
  margin: 0 20px 10px 0;
}

.tplge_right_border {
  float : right;
  border: 5px solid #998;
  margin: 0 0 10px 20px;
}

.tplge_right_noborder {
  float : right;
  border: 0;
  margin: 0 0 10px 20px;
}

.tplge_border {
  border: 5px solid #998;
}

.tplge_noborder {
  border: 0;
}

.tplge_code {
  clear      : both;
  background : #eed;
  font-family: 'courier new', monospace;
  border     : 1px solid #997;
  padding    : 10px 16px;
}

.tplge_box01 {
  clear     : both;
  background: #e0e9ec;
  border    : 3px solid #c0c6cc;
  padding   : 12px 16px;
  margin    : 16px 0;
}

.tplge_legal {
  padding: 6px 0;
}

.XXXXXXXXXXXXXXXXXX {}

/* Marker for styles menu tinymce */


/*
##############################
           B O D Y
##############################
*/

/* Base Styles
––––––––––––––––––––––––––––––––––––––––––––––––––
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :)
*/


html {
  font-size: 62.5%;
}

body {
  font-size  : 14px;
  line-height: 1.6;
  font-weight: 400;
  font-family: 'Open Sans', Calibri, Arial, sans-serif;
  color      : #444;
}

#body {
  min-width : 960px;
  text-align: left;
}

#top {
  font-size  : 10px;
  line-height: 10px;
}

/*
##############################
        L A Y O U T
##############################
*/


#tplge_main {
  text-align: left;
  margin    : 0 auto;
}

#tplge_sidebar1 {
  float        : left;
  min-height   : 500px;
  width        : 22%;
  border-bottom: 10px solid #c3dbdb;
  background   : #eeeeee;
  /* Old browsers */
  background   : -moz-linear-gradient(left, #eeeeee 0%, #fcfcfc 100%);
  /* FF3.6-15 */
  background   : -webkit-linear-gradient(left, #eeeeee 0%, #fcfcfc 100%);
  /* Chrome10-25,Safari5.1-6 */
  background   : linear-gradient(to right, #eeeeee 0%, #fcfcfc 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter       : progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#fcfcfc', GradientType=1);
  /* IE6-9 */
}

#tplge_content {
  float        : right;
  /* Test      :; width: 740px;*/
  width        : 78%;
  min-height   : 500px;
  margin       : 0;
  border-bottom: 10px solid #cbe8e7;
  background   : #eeeeee;
  /* Old browsers */
  background   : -moz-linear-gradient(left, #eeeeee 0%, #f0f1f1 0%, #ffffff 100%);
  /* FF3.6-15 */
  background   : -webkit-linear-gradient(left, #eeeeee 0%, #f0f1f1 0%, #ffffff 100%);
  /* Chrome10-25,Safari5.1-6 */
  background   : linear-gradient(to right, #eeeeee 0%, #f0f1f1 0%, #ffffff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter       : progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=1);
  /* IE6-9 */
}

#tplge_news {
  min-height: 220px;
}

#tplge_prevtopnext {
  clear: both;
}

#tplge_notes {}


/*
##############################
        D E S I G N
##############################
*/

/* KOPFBEREICH / HEADER */
#tplge_header {
  background-color: #fff;
  border-bottom   : 10px solid #cbe8e7;
}

#tplge_headerin {
  min-height: 75px;
  width     : 85%;
  padding   : 0;
  margin    : 0 10% 0 5%;
  color     : #cc0000;
}

#tplge_headerin #bluebar {
  position     : absolute;
  border-bottom: 10px solid #C3DBDB;
  height       : 75px;
  width        : 19%;
}

#tplge_header #bluebar2 {
  position     : absolute;
  left         : 90%;
  top          : 0;
  border-bottom: 10px solid #C3DBDB;
  height       : 75px;
  width        : 10%;
}

#tplge_header h2 {
  float         : left;
  color         : #cc0000;
  font-size     : 1.4em;
  line-height   : 1.2em;
  text-align    : left;
  font-weight   : 600;
  padding       : 0px 0;
  margin        : 2px 0 0 0;
  letter-spacing: 1px;
}

#tplge_header h2 a {
  color: #a00128;
}

#tplge_header h2 a:hover {
  text-decoration: none;
}

#tplge_header h2 span {
  font-size : 0.8em;
  margin-top: 2px;
  display   : block;
}


#tplge_header p {
  float     : right;
  text-align: right;
  margin    : 22px 0 0 0;
  font-size : 0.9em;
}

#tplge_header a:link,
#tplge_header a:visited {
  color: #cc0000;
  /* klickbare Telefonnummer */
}

.bigfont {
  padding-left: 22px;
  background  : #fff url(images/telefon_icon.png) no-repeat 0 0px;
  font-size   : 1.4em;
}

/* logo */
#tplge_header .tplge_logo {
  float : left;
  border: 1px solid #666;
  margin: 20px 5px 0px 0;
}

#tplge_header .tplge_headerimg {
  float     : right;
  background: #fff;
  padding   : 3px;
  margin    : 0 0 0 3px;
  border    : 1px solid #999;
}


/* MAIN */
#tplge_main {
  background: #fff url(images/bgmain.jpg) repeat-x;
}

#tplge_mainin {
  width  : 85%;
  margin : 0 10% 0 5%;
  padding: 0px;
}


/* INHALT / CONTENT */
#tplge_contentin {
  text-align: left;
  padding   : 0;
  margin    : 2em 1.6em;
  width     : 80%;
}

#tplge_contentin li {
  background: none;
}

#tplge_contentin h1,
#contentin h2,
#contentin h3 {}

#tplge_content .text {
  width : 90%;
  border: 1px solid #ccc;
}

#tplge_content input.submit {
  background   : url(images/button.jpg) repeat-x;
  float        : left;
  font-size    : 16px;
  line-height  : 20px;
  border       : 1px solid #666;
  border-radius: 3px;
  padding      : 2px 6px;
  margin       : 0 6px 0 0;
}

#tplge_contentin ul {
  line-height    : 1em;
  list-style-type: disc;
}


/* SLOGAN */

#head_pic h4 {
  position    : absolute;
  top         : 5em;
  padding-left: 15em;
  font-style  : italic;
  font-size   : 1.6em;
  width       : 15.6em;
  font-weight : 600;
  color       : #28A2A2;
}

/* FotoBox Slideshow - Seite Praxisteam */

#head_pic .mc-caption-bg,
#head_pic .mc-caption-bg2 {
  top             : 4em !important;
  padding-left    : 22em !important;
  width           : 12em !important;
  background-color: transparent !important;
  font-size       : 1em !important;
  font-style      : italic;
  right           : auto !important;
  overflow        : visible !important;
}

#head_pic div.mc-caption {
  font-size  : 1.4em;
  font-weight: 400;
  color      : #28A2A2 !important;
  padding    : 0;
  text-align : left;
  display    : block;
}

#head_pic div.mc-caption span {
  font-size: 0.8em !important;
}

/* SIDEBAR NAVIGATION */
#tplge_sidebar1in {
  border-right: 0px solid #999;
  padding     : 8px 0 0 0;
}

h4.tplge_menu {
  margin-top: 18px;
}

#tplge_sidebar1 li {
  list-style-type : none;
  list-style-image: none;
}

#tplge_sidebar1 ul.menulevel1 {
  color  : #fff;
  border : 0;
  padding: 0;
  margin : 0;
}

#tplge_sidebar1 ul.menulevel1 li {
  line-height  : 1.2em;
  text-align   : left;
  font-weight  : 600;
  border-bottom: 1px solid #cbe8e7;
  padding      : 10px;
  margin       : 0;
}

#tplge_sidebar1 ul.menulevel1>li {
  text-transform: uppercase;
  font-size     : 1.1em;
}

#tplge_sidebar1 ul.menulevel1 li.sdoc,
#tplge_sidebar1 ul.menulevel1 li.sdocs {
  background-color: #cc0000;
}

#tplge_sidebar1 ul.menulevel1 li.sdocs ul.menulevel2 {
  background-color: transparent;
}

#tplge_sidebar1 ul ul.menulevel2 {
  border : 0;
  padding: 8px 0 4px 0;
  margin : 0;
}

#tplge_sidebar1 ul ul.menulevel2 li {
  line-height  : 1.2em;
  text-align   : left;
  border-bottom: 1px solid #999;
  padding      : 1px 5px 2px;
  margin       : 6px 0;
}

#tplge_sidebar1 ul.menulevel2>li {
  text-transform: none;
  font-size     : 1em;
}

#tplge_sidebar1 ul ul ul.menulevel3 {
  margin: 5px 0 0 0;
}

#tplge_sidebar1 ul ul ul.menulevel3 li {
  line-height: 1.2em;
  text-align : left;
  border     : 0;
  padding    : 6px 0 1px 16px;
  margin     : 2px 0;
}

#tplge_sidebar1 ul.subnav {
  list-style-type: none;
  text-align     : left;
  padding        : 36px 10px 10px 10px;
  margin         : 0;
}

#tplge_sidebar1 ul.subnav li {
  font-size: 14px;
  padding  : 3px 0 3px 0;
  margin   : 3px 0;
}

div.subnav {
  text-align: left;
  padding   : 26px 20px 0 6px;
  margin    : 0;
}

p.lastupdate {
  font-size: 14px;
  color    : #333;
  padding  : 0 10px 0 10px;
}



/* prev-top-next */
#tplge_prevtopnextin {
  text-align: center;
  border-top: 1px solid #ccc;
  padding   : 8px 0 0 0;
  margin    : 30px 0 0 0;
}


/* LINKFORMATIERUNG / LINKS */
a:link {
  color          : #369;
  text-decoration: none;
}

a:visited {
  color          : #369;
  text-decoration: none;
}

a:hover {
  color          : #369;
  text-decoration: underline;
}

a:active {
  color          : #369;
  text-decoration: underline;
}

a:focus {
  color          : #369;
  text-decoration: underline;
}

.tplge_navintern a:link {
  color          : #333;
  text-decoration: none;
}

.tplge_navintern a:visited {
  color          : #333;
  text-decoration: none;
}

.tplge_navintern a:hover {
  color          : #c60;
  text-decoration: none;
}

.tplge_navintern a:active {
  color          : #c60;
  text-decoration: none;
}

.tplge_navintern a:focus {
  color          : #c60;
  text-decoration: none;
}

#tplge_sidebar1 ul.menulevel1 a:link {
  color          : #cc0000;
  font-weight    : 600;
  text-decoration: none;
}

#tplge_sidebar1 ul.menulevel1 a:visited {
  color          : #cc0000;
  text-decoration: none;
}

#tplge_sidebar1 ul.menulevel1 a:hover {
  color          : #000;
  text-decoration: none;
}

#tplge_sidebar1 ul.menulevel1 a:active {
  color          : #cc0000;
  text-decoration: none;
}

#tplge_sidebar1 ul.menulevel1 a:focus {
  color          : #cc0000;
  text-decoration: none;
}

#tplge_sidebar1 ul.menulevel1 li.sdocs>a:link,
#tplge_sidebar1 ul.menulevel1 li.sdocs>a:visited,
#tplge_sidebar1 ul.menulevel1 li.sdocs>a:hover,
#tplge_sidebar1 ul.menulevel1 li.sdocs>a:active {
  color          : #fff;
  text-decoration: none;
}

#tplge_sidebar1 ul.menulevel2 a:link {
  color      : #cbe8e7;
  font-weight: 600;
}

#tplge_sidebar1 ul.menulevel2 a:visited {
  color: #cbe8e7;
}

#tplge_sidebar1 ul.menulevel2 a:hover {
  color          : #fff;
  text-decoration: none;
}

#tplge_sidebar1 ul.menulevel2 a:active {
  color: #cbe8e7;
}

#tplge_sidebar1 ul.menulevel2 a:focus {
  color: #cbe8e7;
}


/*
##############################
 S O N S T I G E S / R E S T
##############################
*/

#submit {
  background: #c60;
  color     : #fff;
  border    : 0;
  padding   : 1px 6px;
  margin    : 1px;
}

input.text {
  border: 1px solid #999 !important;
}

#passwd {
  border: 1px solid #999;
}

.file {
  border: 1px solid #999;
}

.scroll {
  background: #eec;
  border    : 1px solid #997;
  padding   : 10px;
  overflow  : scroll;
}

table.edit {
  background : #eee;
  font-size  : 14px;
  line-height: 1.2em;
  border     : 1px solid #999;
  margin     : 1px 0;
}

table.edit td {
  border : 0;
  padding: 3px;
}

textarea {
  width     : 90%;
  background: #fff;
  border    : 1px solid #999;
  padding   : 10px;
  margin    : 0 0 10px 0;
}


#tplge_contentin h1.hidden {
  display: none;
  /* h1 vor Bild verstecken */
}


/************ Kopfbild */

#head_pic {
  height              : 226px;
  border-bottom       : 10px solid #cbe8e7;
  background          : #fff;
  /* Old browsers
   background-position: 0 0;  */
  background-image    :
    -moz-linear-gradient(to right,
      #FFFFFF 0px,
      #FFFFFF 338px,
      #f8f0ee 100%);
  background-image:
    -webkit-linear-gradient(to right,
      #FFFFFF 0px,
      #FFFFFF 338px,
      #f8f0ee 100%);
  background-image:
    linear-gradient(to right,
      #FFFFFF 0px,
      #FFFFFF 338px,
      #f8f0ee 100%);

  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f0ee',GradientType=1 );  IE6-9 - BUG kein Anfangspunkt möglich */


}

img.bild {
  background-color: #fff;
  max-width       : 100%;
  max-height      : 100%;
}

/************ Praxis-Umzug 2018 */
/* Stempel Praxis-Umzug, danach wieder entfernen
#top {
    height: 118px;
    top: 0;
    left: 0;
    width: 100%;
    z-index:3;
}
@media (min-width:1400px) {
    #top {
        background: transparent url(images/umzug.png) 700px 0 no-repeat;
        position: absolute;
        transform: scale(0.9);
    }
}

@media (max-width:1399px) {
    #top {
        background: transparent url(images/umzug.png) 65% 0 no-repeat;
        position: absolute;
        transform: scale(0.8);
    }
}

@media (max-width:1080px) {
    #top {
        background: transparent url(images/umzug.png) top right no-repeat;
        position: absolute;
        transform: scale(0.9);
    }
}

@media (max-width:740px){
    #top {
        background: transparent url(images/umzug.png) top left no-repeat;
        position: relative;
         transform: scale(1);
    }
}
@media (max-width:568px){
    #top {
        background: transparent url(images/umzug.png) top left no-repeat;
        position: relative;
         transform: scale(1);
    }
}
@media (max-width:320px) {
    #top {
        background: transparent url(images/umzug.png) top left no-repeat;
        position: relative;
         transform: scale(1);
    }
}
*/
/************ ENDE Praxis-Umzug 2018 */

/*
##############################
   R E S P O N S I V E  CSS
##############################
marker: 320 568 740 820 959 1200 1600;
*/

@media (min-width: 1600px) {

  /* sehr groß */
  #tplge_mainin {
    width    : 70%;
    margin   : 0 20% 0 10%;
    max-width: 1200px;
  }

  #tplge_headerin {
    width    : 70%;
    margin   : 0 20% 0 10%;
    max-width: 1200px;
  }

  #tplge_headerin #bluebar {
    width    : 15%;
    max-width: 264px;
  }

  #tplge_header #bluebar2 {
    display: none;
  }
}

@media (min-width: 1200px) {
  #tplge_contentin {
    width: 70%;
  }

  #tplge_mainin {
    max-width: 1200px;
  }

  #tplge_headerin {
    max-width: 1200px;
  }

  #tplge_headerin #bluebar {
    max-width: 264px;
  }

  #tplge_header #bluebar2 {
    display: none;
  }

  #head_pic h4 {
    width       : 18em;
    top         : 6em;
    padding-left: 18em;
  }
}

@media (min-width:960px) and (max-width: 1200px) {

  /* Slogan */
  #head_pic h4 {
    width       : 16em;
    top         : 7em;
    padding-left: 17em;
    font-size   : 1.4em;
  }

}


@media (max-width: 959px) {

  #body {
    min-width: 240px;
  }

  /* header */
  #tplge_headerin {
    width  : 92%;
    padding: 0 4%;
    margin : 0 auto;
  }



  /* Main Area */
  #tplge_main {
    width  : 100%;
    padding: 0;
    margin : 0;
  }

  #tplge_mainin {
    width  : 92%;
    padding: 0 4%;
    margin : 0 auto;
  }

  #head_pic {
    max-height: 12em;
  }

  /* Menu Area*/
  #tplge_sidebar1 ul.menulevel1 li {
    font-size: 1em;
  }

  #tplge_sidebar1 ul ul.menulevel2 li {
    font-size: 1em;
  }

  #bluebar {
    width: 20% !important;
  }

  #tplge_header #bluebar2 {
    width: 4%;
    left : 96%;
  }

  #head_pic h4 {
    font-size: 1.4em;
    top      : 6em;
  }

  /* FotoBox Slideshow - Seite Praxisteam */
  #FotoBoxSlideteam,
  .mcSlc {
    background-size    : 251px 168px !important;
    background-position: 0 0 !important;
  }

  #head_pic .mc-caption-bg,
  #head_pic .mc-caption-bg2 {
    padding-left: 16em !important;
  }

  #head_pic div.mc-caption {
    font-size: 1.4em;
  }
}

@media (max-width: 1080px) {

  /* AB 2016-06-29 neuer Praxisname, vorher 870px */
  /* kopf */
  #tplge_headerin #bluebar,
  #tplge_header #bluebar2 {
    display: none !important;
  }

  #tplge_header h2 {
    float : none;
    margin: 0;
  }

  #tplge_header p {
    margin    : 0;
    font-size : 0.8em;
    float     : none;
    text-align: left;
  }

  #head_pic h4 {
    font-size: 1.2em;
    top      : 8em;
  }

}

@media (max-width: 820px) {
  /* kopf */

}

@media (max-width: 740px) {

  /* Slogan */
  #head_pic h4 {
    top: 2em;
  }

  div.tplge_content_anchor {
    display: table;
    padding: 12px 0 0 0;
  }

  div.tplge_menu_anchor {
    display: table;
    padding: 12px 0 0 0;
  }

  div.tplge_news_anchor {
    display: table;
    padding: 12px 0 0 0;
  }

  /* Content Area */
  #tplge_content {
    width   : 100%;
    position: relative;
  }

  #tplge_contentin {
    width    : 100%;
    padding  : 0;
    max-width: 90%;
  }

  #tplge_prevtopnextin {
    font-weight: 700;
    padding    : 16px 0 0 0;
    margin     : 30px 0 0 0;
  }

  /* Menu Area */
  #tplge_sidebar1 {
    width: 100%;
  }

  #tplge_sidebar1 ul ul.menulevel2 li {
    font-size: 1.2em;
    margin   : 10px 0;
  }
}

@media (max-width: 568px) {
  #tplge_header h2 {
    font-size: 1.2em;
  }

  #head_pic {
    max-height: 10em;
  }

  #head_pic h4 {
    display: none;
  }

  /* FotoBox Slideshow - Seite Praxisteam */
  #FotoBoxSlideteam,
  .mcSlc {
    background-size: 210px 140px !important;
  }

  #head_pic .mc-caption-bg,
  #head_pic .mc-caption-bg2 {
    padding-left: 12em !important;
  }

  #head_pic div.mc-caption {
    font-size: 1.1em;
  }

}

@media (max-width:320px) {
  #head_pic {
    display: none;
  }

}


/***  Formular Rezept bestellen */
#cmsimple_mailform div {
  width: 50%;

}

#cmsimple_mailform .flexcontainer {
  display    : flex;
  width      : 100%;
  align-items: flex-end;
}

/* responsive */
@media (max-width:568px) {
  #cmsimple_mailform div {
    width: 100%;
  }

  #cmsimple_mailform .flexcontainer {
    flex-wrap: wrap;
  }
}


#tplge_content input.submit {
  margin-top: 20px;
}

#cmsimple_mailform input.text {
  min-height: 25px;
}

/* Datenschutz Checkbox */
#cmsimple_mailform input[type=checkbox] {
  zoom          : 1.5;
  vertical-align: top;
  margin-bottom : 0.5rem;
}

/* Message Nachricht wurde versendet */
#cmsimple_mailform .cmsimplecore_message {
  background: #cc0000;
}