/*28. Scharlachrot, helles Olive und helles Tuerkis*/
/*Scharlachrot:  #b85042*/
/*helles Olive:  #e7e8d1 (hell)*/
/*helles Türkis: #a7beae (dunkel)*/

/*fonts*/


@font-face {
  font-family: 'Josefin_Sans';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/JosefinSans-Light.ttf');

}


@font-face {
  font-family: 'AnticDidone';
  font-style: normal;
  font-weight: 100;
  /* IE9 Compat Modes */
  src: url('../fonts/AnticDidone-Regular.otf');
  /*src: local('Roboto Thin'), local('Roboto-Thin'),*/
	/* IE6-IE8 */
    /*    url('../fonts/roboto-v18-latin-100.eot?#iefix') format('embedded-opentype'),*/
	/* Super Modern Browsers */
        /*url('../fonts/roboto-v18-latin-100.woff2') format('woff2'),*/
	/* Modern Browsers */
    /*    url('../fonts/roboto-v18-latin-100.woff') format('woff'),*/
	/* Safari, Android, iOS */
    /*    url('../fonts/roboto-v18-latin-100.ttf') format('truetype'),*/
	/* Legacy iOS */
     /*   url('../fonts/roboto-v18-latin-100.svg#Roboto') format('svg');*/
}

.artikel_link {
	font-size:2rem;
	
}

div.artikel_link a{
	color:black!important;
}

html {
	font-family: 'Josefin_Sans'!important;
		font-size:1em;
	}


body {
	 font-family: 'Josefin_Sans'!important;
	background-color: white;
}

h1, h2, h3, h4, h5, #mainNav .navbar-nav .nav-item .nav-link {
	font-family: 'Josefin_Sans'!important;
	font-weight:bold;
}

h3.section-heading {
	font-size: 2rem !important;
}

h3.kontakt_schreiben {
	color:#739cbf !important;
	font-size: 5rem !important;
	 font-family: 'AnticDidone'!important;
	
}

a {
	color:#3f7ca4;
}

#maninNav a {
	font-weight:bold;
}

.navbar-nav {
  padding-top: 65px !important;
}

a:hover {
	#b85042;
}

.container_breiter {
	max-width:1650px;
}

.container_breiter_section {
	max-width:1550px;
}


/*Text muted*/
.text-muted {
  --bs-text-opacity: 1;
  color: black !important;
}



/*Slider*/

header.masthead.startseite {
  padding-top: /*13.5rem*/19rem;
  padding-bottom: 16rem;
  text-align: center;
  color: #fff;
  background-image: url("/bilder/person/person.webp");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: cover;
}

div.jumbotron_bild {
  padding-top: /*13.5rem*/19rem;
  padding-bottom: 16rem;
  text-align: center;
  color: #fff;
  background-image: url("../bilder/lese-ecke/lese-ecke_neu.jpg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 70% 30%;
  background-size: cover;
}

div.jumbotron_text {
	background-color:#84a8c7;
	color:white;
	 font-family: 'AnticDidone';
	 font-size:5.5rem;
    line-height: 6rem;
	 padding:11rem 0rem 4rem 10rem;
}

#services {
	padding-top:0px;
}

.beratung_ueberschrift {
	/*	color: #739cbf !important;*/
	font-size: 4rem !important;
	line-height: 5rem;
	 font-family: 'AnticDidone'!important;
}

.hintergrund_blau {
	background-color:#e6eff2;
}

.schwerpunkt_themen {
	padding-left:0px;
	padding-right:0px;
	background-color: #f1c450;	
}

.schwerpunkt_themen_untertitel {
	font-size:2rem;
}

.schwerpunkt_themen_links {
color: white;
font-family: 'AnticDidone';
font-size: 5.5rem;
padding: 11rem 0rem 4rem 10rem;
}

.schwerpunkt_themen_rechts {
color: white;
font-size: 2rem;
padding-top:7rem;
padding-bottom:4rem;	
}

.schwerpunkt_themen_rechts ul li {
padding-bottom:0.75rem;	
}

header.masthead {
  padding-top: 7.5rem;
  padding-bottom: 8.5rem;
  padding-left:0px;
  padding-right:0px;
}

/*Aufzaehlung hell dunkel*/

div.container_aufzaehlung_dunkel {
 background-color:#afcad5;
padding:10px; 
min-height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom:20px;
}
.container_aufzaehlung_hell {
 background-color: #d7e4ea;	
 padding:10px; 
 min-height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom:20px;
}

header.masthead.leistungen2 {
  padding-top: 13.5rem;
  padding-bottom: 16rem;
  text-align: center;
  color: #fff;
  background-image: url("../bilder/leistungen/tafel.jpg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: cover;
}

header.masthead.leistungen4 {
  padding-top: 13.5rem;
  padding-bottom: 16rem;
  text-align: center;
  color: #fff;
  background-image: url("../bilder/leistungen/stuhlkreis.jpg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: cover;
}

header.masthead.lese-ecke {
  padding-top: 13.5rem;
  padding-bottom: 16rem;
  text-align: center;
  color: #fff;
  background-image: url("../bilder/lese-ecke/lese-ecke.jpg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: cover;
}

header.masthead .masthead-subheading {
  font-size: 4.25rem;
  padding-top: 16rem;
  line-height: 3.5rem;

}

/*Navigation*/


/*Dropdown*/
li.dropdown-leistungen a {
	padding: 0.5rem;
	text-decoration:none;
	margin-right:0rem !important;
	color:#3f7ca4;
}

li.dropdown-leistungen {
	margin-top:0.5rem;

}


#mainNav, #mainNav.navbar-shrink {
  padding-top: 0rem!important;
  padding-bottom: 0rem!important;
}


#mainNav .navbar-brand {
  color: white;
  text-transform: unset;
}


#mainNav .navbar-brand img {
  height: 7rem;
}

 #mainNav.navbar-shrink .navbar-brand img {
  height: 7rem;
 }
 
#mainNav .navbar-brand img.logo2 {
 display:none;
}

#mainNav.navbar-shrink .navbar-brand img.logo1 {
 display:none;
}

#mainNav.navbar-shrink .navbar-brand img.logo2 {
 display:unset;
}

#mainNav .navbar-brand-second {
	font-size:1.0rem;
}

#mainNav {
  background-color: /*black*/white;
}

#mainNav ul li a{
	font-size:1.4rem!important;
	font-weight:bold;
	  white-space:inherit;
}

#mainNav .navbar-nav .nav-item .nav-link, #mainNav .navbar-brand {
  color:#3f7ca4;
}


#mainNav.navbar-shrink {
  /*padding-top: 1rem!important;*/
  /*padding-bottom: 1rem!important;*/
  background-color: /*#b85042*/#3f7ca4;
  
}


#mainNav.navbar-shrink .navbar-nav .nav-item .nav-link, #mainNav.navbar-shrink .navbar-brand, #mainNav.navbar-shrink .navbar-nav .nav-item {
  color:white;
}

#mainNav .navbar-nav .nav-item {
  margin-right: 3rem;
}



/*Nvabar Toogler*/
#mainNav .navbar-toggler {
  color: black;
  border-color: black;
  }
  
#mainNav.navbar-shrink .navbar-toggler {
  color: white;
  border-color: white;
  }

/*Beguessungstext*/

div.begruessung {
	text-shadow: 2px 2px 8px black;
}

#services .text-muted {
	font-size: 1.5rem;
}

/*Grundlagentext*/

.grundlagen-text {
	font-size:1.4rem;
}

h3.eingangstext {
	font-size: 1.5rem!important;
	font-weight:bold;
}

.page-section h3.section-subheading {
	font-weight:600;
}

.page-section h3.section-subheading, .page-section .section-subheading.h3 {
  font-style: unset;
}

/*Startseite Beratung*/

div.start_beratung {
	font-size:5rem;
	font-family: 'AnticDidone';
	color:#739cbf;
}

div.start_beratung_text {
	font-size:1.7rem;
}

/*Schwerpunkte*/

div.schwerpunkt_container {
	font-size: 1.4rem;
}

div.schwerpunkt_container img {
	width:45%;
}

div.schwerpunkt_abstand1 {
	padding-bottom:50px;
}

/*div.schwerpunkt_abstand1 .col-lg-3 {
  width: 32%;
}*/

div.schwerpunkt1 {
	background-color:#90bdc3;
	padding-top:15px;
	padding-bottom:30px;
    /*margin-left:auto;*/
	border-right:20px solid white;
	
	
}

div.schwerpunkt2 {
	background-color:#bfe1e5;
	padding-top:15px;
	padding-bottom:30px;
	border-left:10px solid white;
	border-right:10px solid white;
	/*margin-left:2rem;
	margin-right:2rem;*/

}
div.schwerpunkt3 {
	background-color:#d4e6c3;
		padding-top:15px;
	padding-bottom:30px;
	/*margin-right:auto;*/
	border-left:20px solid white;
}
div.schwerpunkt4 {
	background-color:#fdf289;
		padding-top:15px;
	padding-bottom:150px;
	border-right:20px solid white;
}
div.schwerpunkt5 {
	background-color:#fbb35a;
		padding-top:15px;
	padding-bottom:150px;
	border-left:10px solid white;
	border-right:10px solid white;
}
div.schwerpunkt6 {
	background-color:#f4814e;
		padding-top:15px;
	padding-bottom:150px;
	border-left:20px solid white;
}
div.schwerpunkt7 {
	background-color:#f2cbbd;
		padding-top:15px;
	padding-bottom:15px;
	font-size: 1.2rem;
	
}



/*dunkle Farbe*/
section.dunkel {
	background-color: /*#a7beae*/white !important;
}

/*helle Farbe*/
section.hell {
	background-color: /*#e7e8d1*/white !important;
}

.timeline > li .timeline-image {
  color: white;
  background-color: /*#b85042*/#186b8c;
}


/*Kontaktformular*/

section#contact {
  background-image: unset;
  font-family: 'Josefin_Sans'!important;
}

section#contact .section-heading {
  color: black;
}

h3.kontakt_schreiben {
  font-size: 2.5rem !important;
}

.container_breiter_section_kontakt {
	max-width: 1200px;
}

.btn-primary:disabled, .btn-primary.disabled {
  color: #fff;
  background-color: /*#b85042*/#3f7ca4;
  border-color: white;
}


section#contact form#contactForm .form-group input.form-control, section#contact form#contactForm .form-group input#name {
	font-family: 'Josefin_Sans'!important;
}


input, button, select, optgroup, textarea {
  font-family: 'Josefin_Sans'!important;
  font-size: inherit;
  line-height: inherit;
}

textarea::placeholder, input::placeholder {
	color:red;
  font-family: 'Josefin_Sans'!important;
}

/*footer*/

.footer {
  font-size: 1.2rem;
  background-color:#3f7ca4;
  color:white;
  font-family: 'Josefin_Sans'!important;
}

.footer .link-dark {
	color:white;
}

/*responsive Verhalten*/

/*Small devices (landscape phones, 576px and up)*/
@media (max-width: 575.98px) {
#mainNav ul li a {
  font-size: 1.0rem !important;
  white-space:inherit;
}

li.dropdown-leistungen a {
	padding-left:0rem;
	padding-top:0.5rem;
	padding-bottom:0.5rem!important;
	
}

div.jumbotron_text {
  font-size: 3.5rem;
}

.beratung_ueberschrift {
  font-size: 2.0rem !important;
}

h3.kontakt_schreiben {
  font-size: 2rem !important;
}

}



/*Medium devices (tablets, 768px and up)*/
/*@media (max-width: 768px)*/@media (min-width: 576px) and (max-width: 767.98px) { 
#mainNav ul li a {
  font-size: 1.0rem !important;
  white-space:inherit;
}

div.jumbotron_text {
  font-size: 3.5rem;
}

.beratung_ueberschrift {
  font-size: 2.0rem !important;
}
}

/*Large devices (desktops, 992px and up)*/
/*@media (max-width: 992px)*/@media (min-width: 768px) and (max-width: 991.98px) {  
#mainNav ul li a {
  font-size: 1.0rem !important;
  white-space:inherit;
}

div.jumbotron_text {
  font-size: 3.5rem;
  padding: 1rem 0rem 1rem 1rem;
}

}

/*X-Large devices (large desktops, 1200px and up)*/
/*@media (max-width: 1200px)*/@media (min-width: 992px) and (max-width: 1199.98px) { 

div.jumbotron_text {
  font-size: 3.5rem;
  padding: 11rem 0rem 4rem 6rem;
}

}

/*XX-Large devices (larger desktops, 1400px and up)*/
/*@media (max-width: 1450px)*/@media (min-width: 1200px) {

div.jumbotron_text {
  font-size: 5.5rem;
  padding: 18rem 0rem 2rem 4rem;
}
	}