/* ganzer Pfad, damit die Styles im Backend zu sehen sind */
@import 'https://fuersorge-im-alter.de/wp-content/themes/orpea/assets/css/header.css';
@import 'https://fuersorge-im-alter.de/wp-content/themes/orpea/assets/css/blocks.css';
@import 'https://fuersorge-im-alter.de/wp-content/themes/orpea/assets/css/buttons.css';
@import 'https://fuersorge-im-alter.de/wp-content/themes/orpea/assets/css/tab-accordion.css';
@import 'https://fuersorge-im-alter.de/wp-content/themes/orpea/assets/css/footer.css';

@font-face {
  font-family: 'Source Sans 3';
  src: url('assets/fonts/sourcesans3/subset-SourceSans3-Regular.woff2') format('woff2'),
      url('assets/fonts/sourcesans3/subset-SourceSans3-Regular.woff') format('woff'),
      url('assets/fonts/sourcesans3/subset-SourceSans3-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Source Sans 3';
  src: url('assets/fonts/sourcesans3/subset-SourceSans3-SemiBold.woff2') format('woff2'),
      url('assets/fonts/sourcesans3/subset-SourceSans3-SemiBold.woff') format('woff'),
      url('assets/fonts/sourcesans3/subset-SourceSans3-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Source Sans 3';
  src: url('assets/fonts/sourcesans3/subset-SourceSans3-Bold.woff2') format('woff2'),
      url('assets/fonts/sourcesans3/subset-SourceSans3-Bold.woff') format('woff'),
      url('assets/fonts/sourcesans3/subset-SourceSans3-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

* { box-sizing: border-box; }
body > .wp-site-blocks {overflow-x:hidden;}
body, p, h1, h2, h3, h4, h5, li, ol { font-family: 'Source Sans 3'; }
:root :where(body) { font-family: 'Source Sans 3'; }
:root :where(.is-layout-flow) > * {
  margin-block-start: 0;
}
p{
    line-height: 1.4;
}
p { font-family: 'Source Sans 3'; }
/* h1 { font-size: clamp(2.25rem, 1.7197rem + 2.1212vw, 4rem);}
h2 { font-size: clamp(1.75rem, 1.3712rem + 1.5152vw, 3rem);}
h3 { font-size: clamp(1.5rem, 1.197rem + 1.2121vw, 2.5rem);}
h4 { font-size: clamp(1.25rem, 1.0227rem + 0.9091vw, 2rem);}
*/

h1 {
  margin-top:30px;
  margin-bottom:30px;
}
h2{
  margin-top:30px;
  margin-bottom:30px;
}
h3 {
  margin-top:30px;
  margin-bottom:30px;
}
h4 {
  margin-top:20px;
  margin-bottom:20px;
}
h5 {
  margin-top:15px;
  margin-bottom:15px;
}

li, ol {
  line-height:1.6;
}
.padding_xxxl{padding-top:80px; padding-bottom:80px;}
.padding_xxl{padding-top:60px; padding-bottom:60px;}
.padding_xl{padding-top:50px; padding-bottom:50px;}
.padding_l{padding-top:40px; padding-bottom:40px;}
.padding_m{padding-top:30px; padding-bottom:30px;}
.padding_s{padding-top:20px; padding-bottom:20px;}
.padding_xs{padding-top:10px; padding-bottom:10px;}

.padding_bottom_xxl{padding-bottom:60px;}
.padding_bottom_xl{padding-bottom:50px;}
.padding_bottom_l{padding-bottom:40px;}
.padding_bottom_m{padding-bottom:30px;}
.padding_bottom_s{padding-bottom:20px;}
.padding_bottom_xs{padding-bottom:10px;}

.padding_top_xxl{padding-top:60px;}
.padding_top_xl{padding-top:50px;}
.padding_top_l{padding-top:40px;}
.padding_top_m{padding-top:30px;}
.padding_top_s{padding-top:20px;}
.padding_top_xs{padding-top:10px;}

.gray_padding {padding-left:4%; padding-right:4%; }
.v_center { vertical-align: middle; }

@media(max-width:767px){
  html {
    font-size: 80.5%
  }
  h1, h2 {font-weight:600;}
.padding_xxxl{padding-top:60px; padding-bottom:60px;}
.padding_xxl{padding-top:50px; padding-bottom:50px;}
.padding_xl{padding-top:40px; padding-bottom:40px;}
.padding_l{padding-top:30px; padding-bottom:30px;}
.padding_m{padding-top:20px; padding-bottom:20px;}

.padding_bottom_xxl{padding-bottom:50px;}
.padding_bottom_xl{padding-bottom:40px;}
.padding_bottom_l{padding-bottom:30px;}

.padding_top_xxl{padding-top:50px;}
.padding_top_xl{padding-top:40px;}
.padding_top_l{padding-top:30px;}

.gray_padding {padding-left:0%; padding-right:0%; }

h1 {
  margin-top:20px;
  margin-bottom:20px;
}
h2{
  margin-top:20px;
  margin-bottom:20px;
}
h3 {
  margin-top:20px;
  margin-bottom:20px;
}
h4 {
  margin-top:20px;
  margin-bottom:20px;
}
h5 {
  margin-top:15px;
  margin-bottom:15px;
}

}


.headerwrap {
	position:relative;
}
#INDmenu-btn {
	width:50px;
	height:50px;
	border-radius:25px;
	background:#f08309;
	position: absolute;
	top:24px;
	right:150px;
	z-index: 999;
	border:none;
	cursor:pointer;
	 -webkit-appearance: none;
	 box-shadow: 0 5px 30px rgb(0,0,0,0.15);
}
#INDmenu-btn svg {
	width:25px;
	height:25px;
	color:#fff;
}
#INDmenu-btn path {
	fill:#fff;
}
@media(max-width:1299px){
	#INDmenu-btn {
		top: 16px;
		right: 200px;	
		width:40px;
		height:40px;
	}
	#INDmenu-btn svg {
		width:20px;
		height:20px;
	}
}
@media(max-width:768px){
	#INDmenu-btn {
		right: 180px;
		
	}
}
@media(max-width:600px){
	#INDmenu-btn {
		right: 70px;
	}
}
@media(max-width:440px){
	#INDmenu-btn {
		top: 9px;
	}
}