/*
Theme Name: Dr. Schwarz
Theme URI: http://underscores.me/
Author: Maja Vojt
Author URI: http://majavojt.com
Description: Arztpraxis mit Wordpress CMS
Version: 1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: drschwarz
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Dr. Schwarz is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul, .nav navbar-nav float-lg-right {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul  {
		display: block;
	}
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

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

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}


/*--------------------------------------------------------------
## DR SCHWARZ CSS
--------------------------------------------------------------*/




/*
Designer: Maja Vojt
*/
/*Global*/
html {
  position: relative;
  min-height: 100%; }

body {
  margin-bottom: 60px;
  padding-top: 155px;
  font-family: -apple-system, BlinkMacSystemFont,  "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell",  "Fira Sans", "Droid Sans", "Helvetica Neue",  sans-serif;
  color: #303030;
     background-image: url("/wp-content/themes/drschwarz/assets/images/ep_naturalwhite.png"); 
  }


.logged-in .navbar-fixed-top {
    
    top: 32px;
}

p, address, table {
  font-size: 14.8px; }

a, .btn-link {
  color: #ba0c2f;
  font-weight: 800;
  text-decoration: none; }

.linkdark {
  color: #303030;
  text-decoration: none; }

.linkwhite {
  color: #fff;
  text-decoration: none; }

  h1 {
    font-size: 26px;
  }

  h2 {
    font-size: 23px;
  }


  h3{
    font-size: 20px;
  }

  h4 {
    font-size: 17px;
  }

  

h1, h2, h3, h4 {
  color: #ba0c2f; }

h5 {
  color: #303030; 
  font-size: 15px;
}

.specialw {
  color: #ffffff; }

a:hover, a:active, a:focus, .linkdark:hover,
.linkdark:focus, .linkdark:active,
.metatext a:hover, .metatext a:active, .metatext a:focus,
.btn-link:hover, .btn-link:active, .btn-link:focus {
  color: #55595c;
  text-decoration: none;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease; }


  @media screen and (min-width: 768px) {
    p, address, table, a {
      font-size: 16.9px; }

      h1 {
        font-size: 31px;
      }

      h2 {
        font-size: 27px;
      }


      h3{
        font-size: 23px;
      }

      h4 {
        font-size: 20px;
      }

      h5 {
        font-size: 17px;
      }

  }






/*Navbar*/

  .navbar-light .navbar-nav .nav-link, .page_item {
    color: rgba(0,0,0,.5);
}

.navbar-nav .nav-link, .navbar-nav  .page_item {
    display: block;
    padding-top: .425rem;
    padding-bottom: .425rem;
    color: rgba(0,0,0,.5);
}


.navbar-nav  .page_item {
    
    margin-right: 5px;
}








.bg-faded {
  background-color: rgba(255, 255, 255, 0.95);
  shape-outside: polygon(0px 0px, 1794px 0px, 1794px 154px, 1232px 135px, 477px 180px, 0px 154px);
  -webkit-shape-outside: polygon(0px 0px, 1794px 0px, 1794px 154px, 1232px 135px, 477px 180px, 0px 154px);
  -webkit-clip-path: 0px 0px, 1794px 0px, 1794px 154px, 1232px 135px, 477px 180px, 0px 154px; }

.open > .dropdown-menu, .open > #menu-main-menu,.open > .menu-item {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }

.dropdown-menu, #menu-main-menu li, .menu-item {
  background-color: #fefefe;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; 
padding: 10px 0px;
}
.dropdown-menu .menu-item{
	line-height: 2rem  !important;
}

/*RWD BReak*/
.rwd-break {
  display: block; }

@media screen and (min-width: 768px) {
  .rwd-break {
    display: none;  }
    
    #menu-main-menu li, .navbar-nav .nav-link, .navbar-nav .page_item {
    display: inline;
    padding-top: .425rem;
    padding-bottom: .425rem;
    color: rgba(0,0,0,.5);
        padding-left: 15px;

}

    
    
    
    }

.oneline {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 5px; }

/*Buttons*/
.btnrot {
  margin: 4px 8px;
  width: 48px;
  height: 48px;
  background-color: transparent;
  border-radius: 50%;
  -webkit-box-shadow: 0px 10px 8px -4px rgba(50, 50, 50, 0.66);
  -moz-box-shadow: 0px 10px 8px -4px rgba(50, 50, 50, 0.66);
  box-shadow: 0px 10px 8px -4px rgba(50, 50, 50, 0.66); }

button:focus {
  outline: 1px dotted;
  outline: 5px auto rgba(26, 126, 123, 0.73); }

.links .btn-link {
  font-size: 20px; }

/*Containers*/
.bgcolor1 {
  background-color: #fff; }

/*Container Intotext*/
.nopad {
  padding-left: 0;
  padding-right: 0; 

    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}



@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
.bgimage {
  width: 100%; 


    
}


.intro {
  margin-top: -15%;
  background-color: #ba0c2f;
  color: #fff;
  padding: 3% 3%;
  -webkit-box-shadow: 10px 10px 20px -3px rgba(34, 2, 0, 0.8);
  -moz-box-shadow: 10px 10px 20px -3px rgba(34, 2, 0, 0.8);
  box-shadow: 10px 10px 20px -3px rgba(34, 2, 0, 0.8); 

}



.intro a {
    color: #fff;
    font-weight: bold;
    
}
.bgcolor2 {
  background-color: rgba(59, 175, 172, 0.49);
  background-image: url("../images/dok2a.png");
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: cover; }

.bg2 {
  background-image: url("/wp-content/themes/drschwarz/assets/images/ep_naturalwhite.png"); }

.rlines {
  border: dashed 1px #ba0c2f; }

/*Logo Links*/
.signets img {
  height: 107px; }

/*Footer*/



footer {
  background-color: #ba0c2f;
  color: #fff;
  position: absolute;
left:0;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  line-height: 60px;
  /* Vertically center the text there */ }

.textsmall {
  font-size: 13px; 
}

.nav .nav-inline .textsmall {
    display:inline;
}

footer nav a {
  color: #fff; }

footer .right {
  float: right; }

.footerbild {
  background-color: #ba0c2f; }

/*Back to top*/
a.back-to-top img {
  margin-left: auto;
  margin-right: auto;
  margin-top: 20%;
  display: block;
  opacity: 0.6; }



.backbutton {
       z-index: 1999; 
    bottom: 0;
    right: 5px;
}
.backbutton a {

  float: right;
  height: 60px;
  width: 60px;
  background-color: #303030;
  opacity: 0.5; }

.backbutton a:hover {
  -webkit-transition: all .95s ease;
  -moz-transition: all .95s ease;
  -ms-transition: all .95s ease;
  -o-transition: all .95s ease;
  transition: all .95s ease;
  opacity: 1; }

a.linkinverse {
  color: #fff; }

a.linkinverse:hover {
  color: #f7f7f9; }

/* ==================================================
   Accordion & Toggle
================================================== */
.accordion {
  margin-bottom: 20px; }

.accordgroup {
  margin-bottom: 4px;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

.accord {
  border-bottom: 0 none;
  background: #ba0c2f; }

.accord .collapsed {
  position: relative;
  display: block;
  padding: 14px;
  background: #ba0c2f;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  -webkit-transition: all 0.1s linear 0s;
  -moz-transition: all 0.1s linear 0s;
  -ms-transition: all 0.1s linear 0s;
  -o-transition: all 0.1s linear 0s;
  transition: all 0.1s linear 0s; }

.accordion-toggle {
  cursor: pointer; }

.accord:hover .collapsed,
.accord:hover .collapsed.inactive {
  background: #ba0c2f; }

.accord .collapsed.active {
  color: #FFFFFF; }

.accord .collapsed.inactive {
  color: #FFFFFF; }

.accord .collapsed .updown {
  -webkit-transition: all 0.1s linear 0s;
  -moz-transition: all 0.1s linear 0s;
  -ms-transition: all 0.1s linear 0s;
  -o-transition: all 0.1s linear 0s;
  transition: all 0.1s linear 0s;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }

.accord:hover .collapsed .updown {
  color: #FFFFFF; }

.accord .collapsed.active .updown,
.accord:hover .collapsed.inactive .updown {
  color: #FFFFFF; }

.accord .collapsed.active .updown {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }

.accordion-inner {
  padding: 16px 20px;
  border: solid 1px #ba0c2f; }

img.updown {
  position: absolute;
  right: 9px;
  margin: -10px 0 0 0;
  padding: 8px; }

/*Blog*/
.post {
  padding: 10px;
  border: solid 1px #ddd; }

.post-meta {
  vertical-align: middle; }

.post-image img {
  max-height: 50px;
  width: 100%;
  position: absolute; }

.post-meta .ikon {
  height: 18px;
  margin-left: 1px;
  margin-right: 4px;
  margin-top: -2px; }

.metatext a {
  color: #666;
  font-weight: 600; }

/*Forms*/
.modal-header h5 {
  float: left; }

.modal-header .close {
  margin-right: 5px;
  float: right; }

.form-check-inline {
  padding-left: 0; }

/*Media Queries*/
@media (min-width: 768px) {
  .collapse {
    border-bottom: 1px solid #ba0c2f; } }