/* CSS Document 
Theme Name: Pflegeheim Bautzen-Seidau
Author: EDB
Version: 1.0
*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0}article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block}a img{border:0}figure,figure img{padding: 0; margin: 0;}
@font-face {    font-family: 'Roboto';
    src: url('fonts/Roboto-Black.eot');
    src: url('fonts/Roboto-Black.eot?#iefix') format('embedded-opentype'),
        url('fonts/Roboto-Black.woff2') format('woff2'),
        url('fonts/Roboto-Black.woff') format('woff'),
        url('fonts/Roboto-Black.ttf') format('truetype'),
        url('fonts/Roboto-Black.svg#Roboto-Black') format('svg');
    font-weight: 900;    font-style: normal;}
@font-face {    font-family: 'Roboto';
    src: url('fonts/Roboto-Bold.eot');
    src: url('fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Roboto-Bold.woff2') format('woff2'),
        url('fonts/Roboto-Bold.woff') format('woff'),
        url('fonts/Roboto-Bold.ttf') format('truetype'),
        url('fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
    font-weight: bold;    font-style: normal;}
@font-face {    font-family: 'Roboto';
    src: url('fonts/Roboto-Thin.eot');
    src: url('fonts/Roboto-Thin.eot?#iefix') format('embedded-opentype'),
        url('fonts/Roboto-Thin.woff2') format('woff2'),
        url('fonts/Roboto-Thin.woff') format('woff'),
        url('fonts/Roboto-Thin.ttf') format('truetype'),
        url('fonts/Roboto-Thin.svg#Roboto-Thin') format('svg');
    font-weight: 100;    font-style: normal;}
@font-face {    font-family: 'Roboto';
    src: url('fonts/Roboto-Light.eot');
    src: url('fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/Roboto-Light.woff2') format('woff2'),
        url('fonts/Roboto-Light.woff') format('woff'),
        url('fonts/Roboto-Light.ttf') format('truetype'),
        url('fonts/Roboto-Light.svg#Roboto-Light') format('svg');
    font-weight: 300;    font-style: normal;}
@font-face {    font-family: 'Roboto';
    src: url('fonts/Roboto-Medium.eot');
    src: url('fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/Roboto-Medium.woff2') format('woff2'),
        url('fonts/Roboto-Medium.woff') format('woff'),
        url('fonts/Roboto-Medium.ttf') format('truetype'),
        url('fonts/Roboto-Medium.svg#Roboto-Medium') format('svg');
    font-weight: 500;    font-style: normal;}
@font-face {    font-family: 'Roboto';
    src: url('fonts/Roboto-Regular.eot');
    src: url('fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Roboto-Regular.woff2') format('woff2'),
        url('fonts/Roboto-Regular.woff') format('woff'),
        url('fonts/Roboto-Regular.ttf') format('truetype'),
        url('fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
    font-weight: normal;    font-style: normal;}

html{width: 100%;  overflow-x: hidden !important;height: auto;}
body{font-family: 'Roboto'; font-size:17px; font-weight: 400; color: #1e1e1e;  width: 100%; font-variant-ligatures: none; }
*{box-sizing: border-box;}
.text-center{text-align: center;}
.text-right{text-align: left;}
.text-left{text-align: left;}
.clear{clear: both;}
figure{width: 100%; height: auto; position: relative; display: inline-block; text-align: center;}
strong{font-weight: 700;}
p{margin-bottom: 15px; line-height: 1.6em; text-align: left;}
a{cursor: pointer; text-decoration: none;}
h1{font-size: 3.9em; color: #dbf4f8 !important; font-weight: 700; margin-bottom: 30px; text-shadow: 1px 1px 7px rgba(0,0,0,0.71);}
h2{font-size: 2.3em; color: #0c6c86 !important; font-weight: 700; margin-bottom: 20px;}
h2 strong{font-size: 0.5em; color: rgba(134,134,134,1.00); font-weight: 500;}
h3{font-size: 1.8em; color: #0c6c86 !important; font-weight: 700; margin-bottom: 30px;}
h4{font-size: 1.0em; font-weight: 500; color: #0c6c86; margin: 20px 0;}
h3.foot{font-size: 1.3em; color: #fff !important; font-weight: 500; margin-bottom: 30px;text-shadow: 1px 1px 7px rgba(0,0,0,0.71);}
.row, main .wp-block-group, footer .wp-block-group{width: 100%; margin: 0 auto; padding: 0 10px; position: relative;}
main, footer{width: 100%; margin: 0 auto; padding: 0; position: relative;}
[class*='col-']{padding: 0 0px 20px 0; margin: 0; width: 100%; float: none;}



/* HEADER & FOOTER*/
header{position: relative; width: 100%; display: inline-block;} 
header .header-container{width: 100%; height: auto; position: fixed; display: inline-block; padding: 10px 0; background: #fff; box-shadow: 0 8px 8px -4px #1e1e1e; z-index: 1000; top: 0; left: 0; right: 0;}
header .logo{width: 30%; height: auto; display: inline-block; float: left;}
header .logo img{width: 50%; height: auto; max-width: 120px;}

footer{background: #dbf4f8;}
footer ul.menu{margin-left: 15px;}
footer ul.menu li a{color: #1e1e1e; text-decoration: none; margin-bottom: 7px; display: inline-block;}
footer ul.menu li:hover a, footer ul.menu li.current-menu-item a{color: #0c6c86}

/* NAVIGATION */

.main-navigation {  color: #1e1e1e;  font-weight: 400;  display: none;  flex-direction: column;  padding: 30px 10px 10px 10px;}
.main-navigation.menu-open {  display: flex;}
.main-navigation ul {  list-style: none;  padding: 0;  margin: 0;}
.main-navigation li {  position: relative;  width: 100%;}
.main-navigation li a,
.main-navigation li button {  display: inline-block;  padding: 15px 20px;  color: #1e1e1e;  text-decoration: none;  font-size: 1.1em;  background: none;  border: none;  width: 100%;  text-align: left;  font-family: "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;  letter-spacing: 0.05em;}
.main-navigation li.menu-item-has-children > a::after {  content: '+';  float: right;  color: #bf4300;  font-weight: bold;padding-left: 10px;}
.main-navigation li.menu-item-has-children.active > a::after {  content: '-';}
.main-navigation .sub-menu {  display: none;  background-color: #fff;  padding: 0;}
.main-navigation .menu-item-has-children.active > .sub-menu {  display: block;}
.main-navigation li a:focus,
.main-navigation li button:focus {  outline: 3px solid #0c6c86;}
.main-navigation li a:hover,
.main-navigation li a.active,
.main-navigation li button:hover {  background: #0c6c86;  color: #fff;}
.main-navigation .current-menu-ancestor > a {  color: #0c6c86;  background: none;}
.main-navigation .current-menu-item > a {  color: #0c6c86;  background-color: #f0f0f0;}
.main-navigation li .sub-menu li a{color: #0c6c86;}
.main-navigation li .sub-menu li a:hover{background: #0c6c86;  color: #fff;}
.mobile_menu_button {  display: flex;  background: #bf4300; color: #fff;  border: none;  padding: 20px;  cursor: pointer;  align-items: center;  z-index: 9999;  position: relative; float: right;}
.menu-icon {  display: flex;  flex-direction: column;  gap: 5px;  margin-right: 10px;}
.menu-icon div {  width: 25px;  height: 3px;  background: #fff;}

.no-scroll {  overflow: hidden;}

@media (min-width: 801px) {
  .mobile_menu_button {    display: none;  }
  .main-navigation {    display: flex !important;    flex-direction: row;    justify-content: flex-start;    align-items: center;  }
  .main-navigation ul {    flex-direction: row;    display: flex;    width: 100%;  }
  .main-navigation li {    width: auto;  }
  .main-navigation .sub-menu {    position: absolute;    top: 100%;    left: 0;    min-width: 230px;    background: #fff;    display: none;    z-index: 1000;  }
  .main-navigation li:hover > .sub-menu {    display: block;  }
	
}

/* CONTENT */
.wrap{width: 100%; height: auto; position: relative; clear: both; padding-top: 90px;}
.wrap .wp-block-image.is-style-rounded img, .wrap .wp-block-image .is-style-rounded img {    border-radius: 50px;}

main .wp-block-group.alignfull h3{font-size: 1.6em;}
main p{margin-bottom: 20px; line-height: 1.8em;}
main a{color: #0c6c86; text-decoration: none;}

main ul{list-style: circle; margin-left: 15px; margin-bottom: 30px;}
main ul li{margin-bottom: 10px;line-height: 1.8em;}

main .wp-block-image.icon{display: inline-block;     text-align: right;    width: 100%;    position: relative;    margin: -130px -10px 0;}
main .wp-block-image.icon figure{display: inline-block;    width: 100px;}

main .wp-block-buttons .wp-block-button.adress .wp-block-button__link{margin-top: -130px;    z-index: 3;    position: relative;}
main .wp-block-buttons .wp-block-button__link:hover{background: #da4104 !important; color: #fff !important;}

/* Akkordeon */
.acc-item{margin-bottom: 10px; overflow: hidden;}
.acc-title {cursor: pointer; padding: 10px 30px; margin: 0; background-color: #0c6c86; position: relative; color: #fff !important; font-size: 1.5em !important; border-radius: 20px;}
h2.acc-title {font-weight: 400 !important;}
.acc-title span.acc-icon{position: absolute; right: 20px; font-size: 1.1em; font-weight: 400 !important;}
.acc-content {padding: 30px 10px; display: none;}
.acc-content h4{margin-bottom: 10px;}
.acc-item.active .acc-content {display: block;}
.acc-item.active .acc-title {cursor: pointer; padding: 10px 30px; margin: 0; background-color: #bf4300; color: #fff; }
.acc-item.active .acc-content ul{margin-left: 15px;}
.acc-item.active .acc-content span{display: inline-block; width: 25px; float: left;}

/* FORMULAR */
form{margin-top: 30px;}
form fieldset.daten {width: 99%; clear: none; padding: 0 10px 10px 10px; border: 1px solid rgba(162,162,162,0.30); margin-bottom: 20px; float: left; margin-right: 1%;}
form fieldset legend {width: 100%; clear: both; margin-bottom: 20px; font-size: 1.15em; color: #0c6c86; font-weight: 600;}
form fieldset.full {float: left; clear: none; padding: 0 10px 10px 10px; border: 1px solid rgba(162,162,162,0.30); margin-bottom: 20px; margin-right: 1%; width: 100%;}
form fieldset.full label{float: left; margin-right: 30px;}
form fieldset.daten span.data{width: auto; display: block; float: left; margin-right: 10px;}
form fieldset.daten span.wpcf7-form-control-wrap input, form fieldset.full span.wpcf7-form-control-wrap input{width: 250px;}

form fieldset.full textarea{width: 100%;}
form input.send{display: inline-block; padding: 20px 30px; background: #bf4300; color: #fff; border: none; font-size: 1.1em; font-weight: 600; border-radius: 30px;}
form p.hinweis{margin: 20px 0 50px 0;}
form .wpcf7-form-control.wpcf7-radio{padding: 20px 0; display: inline-block;}
form .wpcf7-form-control.wpcf7-radio span.first{margin-left: 0;}

@media screen and (max-width: 530px){
body{	font-size:16px;}
h1{font-size: 2.4em;margin-bottom: 20px;}
h2{font-size: 1.7em; margin-bottom: 10px;}
}
@media screen and (min-width: 700px){
	form fieldset.daten span.data{float: none;} 
form fieldset.daten {width: 49%; clear: none; padding: 0 10px 10px 10px; border: 1px solid rgba(162,162,162,0.30); margin-bottom: 20px; float: left; margin-right: 1%;}
form fieldset.daten span.wpcf7-form-control-wrap input, form fieldset.full span.wpcf7-form-control-wrap input{width: 250px;}
}
@media screen and (max-width: 700px){
header .logo{padding: 10px 0; width: 30%;}
.wrap {padding-top: 20px;}
}

@media screen and (max-width: 800px){
.wrap {padding-top: 70px;}
}

@media screen and (max-width: 900px){
.main-navigation li a{padding: 15px 10px;}
}

@media screen and (max-width: 1070px){
.wrap main .space{height: 300px;}
}

@media screen and (min-width: 1220px){
.row, main .wp-block-group, footer .wp-block-group{width: 1200px; margin: 0 auto;}
	main .wp-block-group.alignfull{width: 100%; padding: 0;} 
.wrap main .space{height: 550px; }

	
}