@charset "utf-8";
/* CSS Document */

/* dosis-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/dosis-v32-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/fonts/dosis-v32-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* dosis-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 600;
  src: url('/fonts/dosis-v32-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/fonts/dosis-v32-latin-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* Material Icons */
@font-face {
   font-family: 'Material Icons';
   font-style: normal;
   font-weight: 400;
   src: url(/fonts/MaterialIcons-Regular.eot); /* For IE6-8 */
   src: local('Material Icons'),
        local('MaterialIcons-Regular'),
        url(/fonts/MaterialIcons-Regular.woff2) format('woff2'),
        url(/fonts/MaterialIcons-Regular.woff) format('woff'),
        url(/fonts/MaterialIcons-Regular.ttf) format('truetype');
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/open-sans-v34-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-v34-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/open-sans-v34-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/open-sans-v34-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/open-sans-v34-latin-600.woff') format('woff'), /* Modern Browsers */
       url('/fonts/open-sans-v34-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/open-sans-v34-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/fonts/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('/fonts/open-sans-v34-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/open-sans-v34-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/open-sans-v34-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/open-sans-v34-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('/fonts/open-sans-v34-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/open-sans-v34-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

:root {
  --themecolor: #FCC397;
  --themecolor-darker: #bf7b46;
	--themecolor-rgb: 251, 185, 151;
}


body {background: #000; font-size: 15px; font-family: "Open Sans", "Arial", "Helvetica Neue", "Helvetica", sans-serif}
main {margin-bottom: 0!important; background: rgb(249, 249, 249);}

.btn, .btn-large, .btn-small, .btn:focus {background-color: var(--themecolor-darker);}
.btn:hover, .btn-large:hover, .btn-small:hover {background-color: rgba(var(--themecolor-rgb),.7);}

.search-wrap > p {color: #888;}

/* Typography */
h1 {font-family: 'Dosis', serif; margin-bottom: 45px; font-weight: 600;}
h2 {font-size: 28px}
h3 {font-family: 'Dosis', serif; font-weight: 600;}
p,li {line-height: 24px; font-size: 15px}
footer p {font-size: 14px}
.slide .post p {margin-bottom: 12px}
.slide .post h3 {margin-bottom: 12px}
a {color: var(--themecolor-darker);}
.footer-links a {color: var(--themecolor);}
a.blank {background: #fff;color: var(--themecolor)}
a.blank:hover {color: #fff}
.team-block .name a:hover, a:hover {color: var(--themecolor);}
.bottom-sheet {background: rgba(249, 249, 249,.8);backdrop-filter: blur(5px);}
.bottom-sheet .post {background: #fff;}
.system_page a.btn {color: #fff}
.system_page {padding: 0}
.banner-box-text {margin: 0; padding: 20px}
.banner-box-text p {margin-bottom: 20px}

.contact-section .title {font-family: 'Dosis', serif;}

.grecaptcha-badge {visibility: hidden;}

/* Modal */
.modal-detail li {padding-bottom: 9px!important}
.modal-detail .position {margin-bottom: 10px}
.info-block h3 {font-family: 'Dosis', serif; font-weight: 600;}
.modal .card {margin-bottom: 0}
.card .card-action a {color: var(--themecolor)!important}
.modal-footer {background-color: transparent;}

/* Header */
.top-header {background-color: #fff;color:#000!important;}
.header-info a, .login-nav a {color:var(--themecolor-darker); font-weight: 600}
.header-info a:hover, .login-nav a:hover {color:#555}
.navigation {background:rgba(255,255,255,1.00);top: 61px;box-shadow: 1px 0 5px rgba(0,0,0,0);padding: 2px 0;border-bottom: solid 1px rgba(85,85,85,0.50)}
.scroll .navigation {background:rgba(255,255,255,0.80);backdrop-filter: blur(5px);}
.top-header .container {-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
.navigation .brand-logo {background-image: url("/ihre-bilder/internisten/logo-fachaerzte-am-rathaus.svg");background-repeat: no-repeat;background-position: left 0px;background-size: contain;}
/*.navigation .brand-logo img {max-width: 580px; margin-bottom: -100px}
.scroll .navigation .brand-logo img {max-width: 180px;}*/
.navigation .brand-logo {margin-top: -35px; width: 580px; height: 112px; margin-bottom: 5px}
.scroll .navigation .brand-logo {background-image: url("/ihre-bilder/internisten/logo-fachaerzte-am-rathaus-scrolled.svg");margin-top: 5px; height: 65px;background-position: left 0px;;background-size: contain;}
@media only screen and (max-width: 993px) {
    .navigation .brand-logo {margin-top: 10px; width: 580px; height: 84px; margin-bottom: 5px}
    /*.scroll .navigation .brand-logo {margin-top: 20px; height: 65px;background-position: left -84px;}*/
    .search-block {padding-top: 1px!important;}    
    .header-search {bottom: 24px;}
}
@media only screen and (max-width: 553px) {
    .navigation .brand-logo {background-image: url("/ihre-bilder/internisten/logo-internisten-am-rathaus-mobil.svg");height: 60px;}
    .scroll .navigation .brand-logo {background-image: url("/ihre-bilder/internisten/logo-internisten-am-rathaus-mobil-scrolled.svg");height: 40px;}
    .navigation .sidenav-trigger {margin: 0 0 0 5px;}
    .search-block .search-opener {margin-left: 5px}
}

.posts-slider .aktuelles {background: rgba(50,50,50,0.80); color: #fff;position: absolute;top: 0;left: 0;display: block;width:100%;padding: 7px 0 7px 21px;text-transform: uppercase;letter-spacing: 2px;text-align: left}

.slogantext {padding-top: 250px!important}
@media only screen and (max-width: 993px) {
    .slogantext {padding-top: 180px!important}
}
@media only screen and (max-width: 600px) {
    .slogantext {padding-top: 0px!important}
}

.login-nav img {margin-top: 15px;margin-left: 20px;}
.login-nav a:hover {background: transparent!important;opacity: 0.7}
.login-nav a img:hover {opacity: 0.7} 

/* Navigation */
nav[id="nav"] .navigation-list > li {margin: 0 10px;}
nav[id="nav"] .navigation-list > li > a {margin: 40px 15px 0px 0px; padding: 4px 0 0 0;border-top: solid 2px transparent}
.scroll nav[id="nav"] .navigation-list > li > a {margin: 0px 15px 0px 0px; padding: 4px 0 0 0}
nav[id="nav"] .navigation-list .material-icons {top: 51px;}
.scroll nav[id="nav"] .navigation-list .material-icons {top: 10px;}
nav[id="nav"] .navigation-list > li.active > a {color: #333; border-top: solid 2px var(--themecolor)}
.search-block {padding-top: 49px}
.scroll .search-block {padding-top: 5px}
.service-block {-ms-flex-preferred-size: 40px; flex-basis: 40px}
.bx-viewport {height: 551px!important}

.slogan {margin-top: -500px;}
.slogan .container {z-index: 54}
.slogan h1 {font-family: 'Dosis', serif; color: #fff; font-size: 64px; font-weight: 600;}
.slogan h2 {font-family: 'Dosis', serif;color: #fff; font-size: 32px; line-height: 42px;font-weight: 600;}
.slogan h3 {font-family: 'Dosis', serif;font-weight: 600;}

.table-of-contents p {font-weight: 600}

nav[id="nav"] .navigation-list > li:hover > a {border-top: solid 2px var(--themecolor);}

/* Pagination */
.pagination ul li.active a {color: #555;}
.pagination ul li.active {background-color: #FED2AE}
.pagination ul li a {color: var(--themecolor)}

/*footer*/
#footer {background-color: var(--themecolor);color: #555}
.footer-links a:hover, .footer-links a:active {color: #fff}
.footer-links {background-color: #555;color: #fff;padding: 45px 0}
.footer-links h4 {font-family: 'Dosis', serif; font-weight: 600;}
.footer-links p {font-size: 15px; line-height: 30px}
ul.links li:before {content: "\e910";font-family: "icomoon" !important;position: absolute;top: 0;left: 0;color: #fff;font-size: 18px}
ul.links {margin-bottom: 0em}
@media only screen and (max-width: 993px) {
    ul.links {margin-bottom: 1.0em}
    .footer-links .col {margin-bottom: 20px}
}
ul.links li {position: relative;padding-left: 15px;padding-bottom: 0px;font-size: 15px}
@media only screen and (min-width: 993px) {
  ul.links li {padding-bottom: 10px}
}

.googlemaps {background: #555; line-height: 0}
.googlemaps iframe {width: 100%;height: 450px;opacity: 0.7;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.googlemaps iframe:hover {opacity: 1}
.banner {background: rgba(0,0,0,0.30); min-height: 450px; position: relative;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.banner .container {height: 450px; position: relative;}
.banner .container h1 {color: #fff; position: absolute; bottom: 20px; font-size: 58px}
@media only screen and (max-width: 1187px) {
    .banner .container {background: rgba(0,0,0,0.30);}
    .banner {background: transparent}
}

.about-us-section > .container > .row {margin-top: 70px;}

.hinweis {border: solid 2px var(--themecolor-darker); padding: 10px;margin-bottom: 25px;}
.hinweis p:last-child {margin-bottom: 0;}

/*Team*/
.team-block { min-height: 520px;background-color: #fff;}