@charset "UTF-8";

/* Hier Änderungen für die Website saozialstation Erbach */

/*@import "/typo3temp/assets/css/a_sozialerbach/main.css"; */


/* css fuer Sozialstation Erbach */

/* lato-300 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url('../Fonts/Lato/lato-v14-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Lato Light'), local('Lato-Light'),
       url('../Fonts/Lato/lato-v14-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/Lato/lato-v14-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/Lato/lato-v14-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/Lato/lato-v14-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/Lato/lato-v14-latin-300.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-300italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 300;
  src: url('../Fonts/Lato/lato-v14-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Lato Light Italic'), local('Lato-LightItalic'),
       url('../Fonts/Lato/lato-v14-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/Lato/lato-v14-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/Lato/lato-v14-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/Lato/lato-v14-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/Lato/lato-v14-latin-300italic.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../Fonts/Lato/lato-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Lato Regular'), local('Lato-Regular'),
       url('../Fonts/Lato/lato-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/Lato/lato-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/Lato/lato-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/Lato/lato-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/Lato/lato-v14-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: url('../Fonts/Lato/lato-v14-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Lato Italic'), local('Lato-Italic'),
       url('../Fonts/Lato/lato-v14-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/Lato/lato-v14-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/Lato/lato-v14-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/Lato/lato-v14-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/Lato/lato-v14-latin-italic.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('../Fonts/Lato/lato-v14-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Lato Bold'), local('Lato-Bold'),
       url('../Fonts/Lato/lato-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/Lato/lato-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/Lato/lato-v14-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/Lato/lato-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/Lato/lato-v14-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-700italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: url('../Fonts/Lato/lato-v14-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Lato Bold Italic'), local('Lato-BoldItalic'),
       url('../Fonts/Lato/lato-v14-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/Lato/lato-v14-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/Lato/lato-v14-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/Lato/lato-v14-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/Lato/lato-v14-latin-700italic.svg#Lato') format('svg'); /* Legacy iOS */
}






:root
{


--bs-nav-pills-link-active-color: #ddd;
--bs-nav-pills-link-active-bg: #233786;
--text-farbe: #333333;
--button-hg: #233786;
--button-text: #eee;
--nav-text: #233786;
--hell-bg: #a3bcdb;
--hg-bild: background-image: linear-gradient(210deg, white 20%, #a3bcdb 50%);

}


/*alert */
.alert-info, .alert-welcome, .alert-logout {
    --bs-alert-color: #555555;
    --bs-alert-bg: #b7d7ff;
    --bs-alert-border-color: #233786;
}






body {
    font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
	    font-family: 'Lato';
	color: var(--text-farbe);
    background-color: #a3bcdb;
    background-image: linear-gradient(210deg, white 20%, #a3bcdb 50%);
}

/*header BG */
.bg-transparent-white {
    background: rgba(255, 255, 255, 0.96);
	background-image: linear-gradient(210deg, white 20%, #a3bcdb 50%);
}


.hero {
    text-transform: none;
height: 320px !important;
background: var(--hell-bg);

text-align: center;
}

.hero--size-big h1, .hero--size-big .h1 {
        font-size: 4.5rem;
        line-height: 4rem;
		text-align: center;
    }

.hero--size-big  .hero-content {    
text-align: center;
    align-content: center;
	min-height: 320px;
}


@media (max-width: 992px) {
    .hero h1, .hero .h1, .hero h2, .hero .h2 {
        font-size: 3.5rem;
    }
}

@media (max-width: 768px) {
    .hero h1, .hero .h1, .hero h2, .hero .h2 {
        font-size: 2.7rem;
		line-height: 3rem;
    }
}

@media (max-width: 576px) {
    .hero h1, .hero .h1, .hero h2, .hero .h2 {
        font-size: 2rem;
		line-height: 2.5rem;
    }
}



/*logo*/
.navbar-brand {
    margin-right: 2rem;
}
.navbar-brand img {
        max-width: 100%;
        height: 128px;
        width: 294px;
}






/* Navigation links*/
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: var(--button-text);
	background-color: var(--button-hg);
}
.nav-link {
    color: var(--nav-text);
}

/*Hauptnavigation*/
.navbar-nav {font-size: 2.5rem !important;} 


.dropdown-item.active, .dropdown-item:active {
    color: var(--button-text);
	background-color: var(--button-hg);
}

.nav-link {
    font-size: 1.1rem;
}
/*das ist die Schriftgrösee der Hauptnavigation*/
.navbar-nav .nav-link {
    font-size: 1.3rem;
}
/*das ist die Schriftgrösee der User-navigation*/
.navbar-user .nav-link {
    font-size: 1rem;
}




/*Bilderrahmen */

.ce-gallery .img-fluid, .carousel-inner > .carousel-item > img, .carousel-inner > .carousel-item > a > img {
    border-radius: 6px;
       box-shadow: 3px 3px 7px 0px #888;
       margin: 10px;
}
/* Powermail */
.powermail_legend {display: none;}


.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg:  #233786;
    --bs-btn-border-color:  #233786;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #18265e;
    --bs-btn-hover-border-color: #18265e;
    --bs-btn-focus-shadow-rgb: 38, 108, 122;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #5f70b3;
    --bs-btn-active-border-color: #5f70b3;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg:  #233786;
    --bs-btn-disabled-border-color:  #233786;
}

.form-check-input:checked {
    background-color: #233786;
    border-color: #233786;
}

a:hover {color: #14266d;
}

a {color: #233786;}

/* Footer */

footer {
    background: var(--hell-bg) !important;
	background: var(--hg-bild) !important;
}
.layout-full #footer {
    background: #F7F7F7;
    border-top: none;
}

/* pfeil nach oben to top */
#topcontrol {
	border-radius: 1.5rem !important;
    border: 1px solid var(--hell-bg) !important;
}

/*Überschriften */
.h1-mb, .h2-mb {
    margin-bottom: 0.5rem !important;
}


@media (max-width: 1200px) {
    .navbar-brand img {
        height: 91px;
        width: 210px;
    }
	.navbar-brand {
    margin-right: 1rem;
	}
	.navbar-nav .nav-link {
    font-size: 1.2rem;
	}
	
	.start h3 {font-size: 1rem;}
}

@media (max-width: 768px) {
 
	.start h3 {font-size: 1.75rem;}
}