@import url("https://use.typekit.net/ejl6ueq.css");

body {font-family: lato, sans-serif; color: #005D7C;}

/*** Button START ***/
a.button-default {font-family: brevia, sans-serif; font-weight: 900; color: #24801D; background-color: #fff; padding: 10px 40px; border: 2px solid #24801D; border-radius: 30px; font-size: 20px; letter-spacing: 0.5px; display: inline-block;}
p:has(a.button-default) {text-align: center; padding: 30px 0 10px 0; margin: 0;}
a.button-info {font-family: brevia, sans-serif; font-weight: 900; color: #24801D; background-color: #fff; padding: 20px 40px 20px 50px; border: 2px solid #24801D; border-radius: 150px; font-size: 20px; letter-spacing: 0.5px; display: inline-block; margin: 10px 25px; position: relative; width: 90%;}
a.button-info:after {content: '▷'; color: #24801D; position: absolute; top: 40%; right: 20px;}
/*** Button END ***/


/*** Header titles START ***/
h1, h2, h3, h4, h5, h6 {font-family: brevia, sans-serif; font-weight: 900; color: #24801D; line-height: 30px; letter-spacing: 0.5px; hyphens: auto;}
header h2 {text-align: center; margin: 50px 0 30px 0;}
.ce-bodytext h2 {font-size: 25px; }
.frame-type-header {padding: 25px;}
/*** Header titles STOP ***/


/* Header START */
#menuMain {background-color: #A4E0A4; height: 110px; border-bottom: 3px solid #fff;} /*background: url("/fileadmin/_special/gruppen/1153/layout/hintergrund/Header_Welle.png") no-repeat;background-size: cover;*/
a.navbar-brand {display: none;}
.navbar-header {height: 160px;}
#logoWrapper h1 {background: url("/fileadmin/_special/gruppen/1153/layout/logo/Schule_Altchemnitz_Logo_neu_2022.png") no-repeat;background-size: cover;height: 100px;width: 100px;margin: 10px 0 0 15px;}
#logoWrapper > img {margin: 10px 0 0 15px; /*display: none;*/}
#logoWrapper:after {content: "Telefon: 0371 / 539010 \A E-Mail: fs-altchemnitz@schulen-chemnitz.de"; font-family: lato, sans-serif; font-weight: 700; font-size: 8px; line-height: 10px; color: #005D7C; position: absolute; top: 30px; padding-left: 35px; text-shadow: none; white-space: pre-wrap; text-align: center; width: 100%; }
.navbar-toggle .icon-bar { display: block; width: 43px; height: 3px;}
.navbar-toggle .icon-bar + .icon-bar {margin-top: 10px;}
#navbar-main { top: -50px; position: relative; background-color: #A4E0A4;}
#navbar-main a {color: #24801D; font-size: 25px; font-family: brevia, sans-serif; font-weight: 700;}
.navbar-nav > li > a {padding: 10px 10px; margin-top: 10px; font-weight: bold;}
.navbar-nav > li {border-bottom: 2px #03A801 solid; padding-bottom: 5px;}
.navbar-dark .navbar-nav > .active > a, .navbar-dark .navbar-nav > .active a:hover, .navbar-dark .navbar-nav > .active a:focus {color: #FFF !important; background-color: transparent;}
/* Header END */


/*** Carousel Top START ***/
.carousel {}
.carousel-inner .ce-outer, .carousel-inner .ce-inner, .carousel-inner .ce-row, .carousel-inner .ce-column, .carousel-inner figure, .carousel-inner .image-embed-item {/*width: 100%;*/}
.carousel .slideshow-arrow {padding-top: 30px;}
.carousel .ce-bodytext {position: absolute; bottom: 60px; width: 100%; color: #fff; text-align: center;}
#carousel-logo {position: absolute; top: 10vh; text-align: center; color: #fff; background: url(/fileadmin/_special/gruppen/1153/layout/hintergrund/Schule_Altchemnitz_Schrift_mobil.png) no-repeat center center; background-size: contain; height: 300px; width: 100%;}
/*** Carousel Top END ***/


/*** Horizontal row START **/
hr.ce-div {border-top: 2px solid #A4E0A4; padding: 0 0 50px 0; margin: 50px 0 0 0; clear: both;}
/*** Horizontal row END **/


/*** 3er Box Werte START ***/
.frame-type-textpic.frame-layout-1 .ce-bodytext {text-align: center; padding-top: 20px;}
/*** 3er Box Werte END ***/


/*** Text mit grünen Hintergrund START ***/
.frame-type-text.frame-layout-1 {padding: 0px; background-color: #A4E0A4; padding: 75px 25px;}
.frame-type-text.frame-layout-1 header {color: #24801D;}
.frame-type-text.frame-layout-1 header h2 {font-size: 30px; margin: 0; text-align: left;}
.frame-type-text.frame-layout-1 header h3 {font-size: 20px; margin: 50px 0;}
.frame-type-text.frame-layout-1 p {color: #005D7C;}
/*** Text mit grünen Hintergrund END ***/


/*** News Boxen START ***/
.frame-type-text.frame-layout-2, .frame-type-textpic.frame-layout-2, .frame-type-html.frame-layout-2, .frame-type-textmedia.frame-layout-2, .frame-type-text.frame-layout-2, .frame-type-list.frame-layout-2, .news-list-view .article {margin: 30px 10px !important; border: 2px solid #24801d; border-radius: 30px; padding: 35px 20px !important;}
.frame-type-text.frame-layout-2 header h3 {position: absolute; top: 20px; font-family: lato, sans-serif; color: #005D7C; font-size: inherit; font-weight: normal;}
.frame-type-text.frame-layout-2 header h2 {margin-top: 40px; text-align: left; font-size: 22px;}
.frame-type-text.frame-layout-2 p {}
/*** News Boxen END ***/


/*** News List START ***/
.news-list-view .article .header {margin-bottom: 15px;}
.news-list-view .article .teaser-text a.btn {margin-top: 15px; font-family: brevia, sans-serif; font-weight: 900; color: #24801D; line-height: 30px; letter-spacing: 0.5px; hyphens: auto; font-size: 20px; border-radius: 20px; border-color: #248024; padding: 7px 15px;}
/*** News List END ***/



/*** Text / Bild Boxen START ***/
.frame-type-textpic.frame-layout-2 {/*padding: 0 25px;*/}
.frame-type-textpic.frame-layout-2 .ce-gallery {float: none; margin: 0;}
.frame-type-textpic.frame-layout-2 .ce-gallery * {width: 100%; height: auto;}
.frame-type-textpic.frame-layout-2 .ce-gallery img {border-radius: 30px;}
.frame-type-textpic.frame-layout-2 .ce-bodytext header * {text-align: left;}
.frame-type-textpic.frame-layout-2 .ce-bodytext a.button-default {background-color: #E0543F; border-color: #E0543F; color:  #fff;}
/*** Text / Bild Boxen END ***/


/*** Bild mit Text Overlay START ***/
.frame-type-textpic.frame-layout-3 {position: relative;}
.frame-type-textpic.frame-layout-3 header {position: absolute; z-index: 10; bottom: 35px; padding: 0 25px;}
.frame-type-textpic.frame-layout-3 header h2 {color: #fff; line-height: 40px;}
.frame-type-textpic.frame-layout-3 .ce-gallery .image-embed-item {width: 100%;}
/*** Bild mit Text Overlay END ***/


/*** footer START ***/
#areaFooter {color: #24801D !important; background-color: #A4E0A4 !important;}
/*#areaFooter:before {height: 250px; width: 100%; background: url(/fileadmin/_special/gruppen/1153/layout/logo/Schule_Altchemnitz_Logo_neu_2022.png); top: 0; left: 0; content: " "; background-size: 100% 100%; margin: 2px; float: left; background-repeat: no-repeat; background-size: contain; background-position: center; margin: 50px 0;}*/
#areaFooter .row {margin: 0;}
/*** footer END ***/


@media only screen and (min-width: 768px) {
  .carousel-inner .ce-outer, .carousel-inner .ce-inner, .carousel-inner .ce-row, .carousel-inner .ce-column, .carousel-inner figure, .carousel-inner .image-embed-item {width: 100%; height: 100%;}
  .mini-navbar {display: none;}
  .container {width:100%;}
  #menuMain .container {background-color: #A4E0A4;}
  #navbar-main {background-color: transparent;}
  .navbar-nav {text-align: center; margin-right: 30px;}
  .navbar-nav > li {display: inline-block; float: none;}
  .navbar-nav > li {border-bottom: none; padding-bottom: 0px;}
  #logoWrapper:after {text-align: right;}
  #carousel-logo {top: 18vh; height: 35vh;}
  .frame-type-textpic.frame-layout-2 .ce-left .ce-gallery {float: left; width: 45%; margin-right: 5%;}
  .frame-type-textpic.frame-layout-2 .ce-right .ce-gallery {float: right; width: 45%; margin-left: 5%;}
  #logoWrapper:after {font-size: 12px; line-height: inherit; padding-right: 20px;}
  
/*** News List START ***/
.news-list-view {display: flex; flex-wrap: wrap;}
.news-list-view .article {width: 30%;}
/*** News List END ***/
  
}

@media only screen and (min-width: 1000px) {
	#navbar-main {top: 0;}
  	.nav.navbar-right {float: left !important; margin-left: 30px;}
  	#navbar-main a {font-size: 18px;}
}

@media only screen and (min-width: 1200px) {
  #menuMain {background: url("/fileadmin/_special/gruppen/1153/layout/hintergrund/Header_Welle.png") no-repeat;background-size: cover; height: 20vh; border: none; min-height: 210px;}
  #menuMain .container {background-color: transparent;}
  #navbar-main {top: 10px;}
  #navbar-main a {font-size: 16px;}
  #logoWrapper:after {position: absolute; right: 50px;}
  .carousel {top: -80px;}
  hr.ce-div {padding-bottom: 50px; margin-top: 50px;}
  .frame-type-text.frame-layout-1 {border-radius: 30px; padding: 135px 255px;}
  .frame-type-textpic.frame-layout-3 .ce-gallery .image-embed-item {border-radius: 30px;}
  .frame-type-textpic.frame-layout-3 header {padding: 0 125px;}
  #carousel-logo {left: 0; top: 25vh;}
}