@charset "utf-8";
/* CSS Document */


@font-face {
  font-family: "Inter-Regular";
  src: url("/templates/scumaci/fonts/Inter-Regular.woff") format("woff");
}

@font-face {
  font-family: "Inter-Medium";
  src: url("/templates/scumaci/fonts/Inter-Medium.woff") format("woff");
}

@font-face {
  font-family: "Inter-SemiBold";
  src: url("/templates/scumaci/fonts/Inter-SemiBold.woff") format("woff");
}



* {
padding: 0;
margin: 0;
}


body {
padding: 0;
margin: 0;
background: #fff;
box-sizing: border-box;
font-size: 20px;
font-family: "Inter-Regular", sans-serif;
font-style: normal;
line-height: 26px;
color:#000;
background-image: url("../images/background.png");
background-repeat: no-repeat;
background-position: left top;
background-size: 100% auto;

}


img {
  width: 100%;
  height: auto;
 display: blocK;
}

.sabrina {
  width: 100%;
    height: auto;
        max-width: 550px;
}

ul {
  margin-left: 20px;
    list-style-type: disc;
}


/********************** HEADER  ***********************/



#header-wrapper {
	position: absolute;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    z-index: 9000;
    background: #fff;
    
}



#header {
	position: relative;
    margin: 0 auto 0;
    width: 100%;
    max-width: 1920px;
    height: 100px;
    
}

@media (max-width: 1300px) {
#header {
  height: 70px;
   
}
}



#logo {
	position: absolute;
    left: 60px;
    top: 40px;
   	width: 100%;
    max-width: 280px;
    z-index: 9000;
	}

@media (max-width: 1300px) {
#logo {
     
  left: 25px;
    top: 30px;
   	width: 100%;
    max-width: 200px;
}
}

.logopic {
	width: 100%;
    max-width: 280px;
	}

#sprache {
	position: absolute;
    right: 15px;
    top: 35px;
   	width: 100px;
    height: 40px;
    z-index: 9000;
    text-align: right;
	}

@media (max-width: 1300px) {
#sprache {
     
  top: 22px;
     right: 45px;
}
}


div.mod-languages a {
  padding: .3rem;
  text-decoration: none;
    font-size: 15px !important;
}


div.mod-languages ul li.lang-active {
    
    border: 1px solid #000 !important;
    color: #000 !important;
    background: #fff !important;
}




#navigation {
	position: relative;
    margin: 0 auto 0;
    width: 100%;
    max-width: 770px;
    height: auto;
    padding-top: 45px;
    box-sizing: border-box;
   	}


@media (max-width: 1500px) {
#navigation {
    padding-left: 300px;
    max-width: 100%;
    
}
}



@media (max-width: 1300px) {
#navigation {
     
    padding-top: 18px;
     padding-right: 10px;
    box-sizing:border-box;
    
}
}


@media (max-width: 738px) {
#navigation {
     
    padding-top: 18px;
     padding-right: 10px;
    box-sizing:border-box;
    
}
}


/********************** SUJET  ***********************/


#sujet {
	position: relative;
    margin: 100px auto 0;
    width: 100%;
    max-width: 1920px;
    height: auto;
    
}


@media (max-width: 1300px) {
#sujet {
     
 margin: 60px auto 0;
    
}
}



@media (max-width: 768px) {
.uk-scope .uk-flex-middle {
     
 align-items: start !important;
padding-top: 70px !important;
    
}
}



/********************** MODUL  ***********************/


#usp {
	position: relative;
    margin:  -90px auto -90px;
    padding: 30px;
    width: 100%;
    max-width: 1200px;
    min-height: 250px;
    height: auto;
    background: #fff;
    border-radius: 20px;
    box-sizing: border-box;
}

@media (max-width: 1500px) {
#usp {
     
    margin:  -90px auto -30px;
    

 
}
}



/********************** CONTENT ***********************/

.item-content {
	position: relative;
    margin: 0 auto 0;
    padding: 60px 25px 60px 25px;
    width: 100%;
    text-align: left;
    max-width: 1200px;
    height: auto;
    background:  transparent;
    box-sizing: border-box;
}

@media (max-width: 768px) {
.item-content {
     
   padding: 30px 25px 30px 25px;

 
}
}


/********************** AKKORDION ***********************/

.uk-scope .uk-accordion-title::before {
  content: "+" !important;              /* Pluszeichen */
  display: inline-block ;     
  font-family: "Inter-Regular", sans-serif;
    font-weight: normal !important;         /* ggf. fetter */
  font-size: 50px !important;
    line-height: 45px !important; /* etwas größer */
  color: #76C0D3 !important;               /* Farbe anpassen */
background-image: none !important;
    float: left !important;
    margin-left: 0 !important;
    margin-right: 0px !important;
    padding-right: 0px !important;
}


@media (max-width: 768px) {
.uk-scope .uk-accordion-title::before {
 font-size: 30px !important;
    line-height: 30px !important; /* etwas größer */
  }

}


.uk-scope .uk-accordion-title {
  display: block;
    font-family: "Inter-SemiBold", sans-serif !important;
  font-size: 1.8em !important;
  line-height: 1.4;
  color: #000 !important;
  overflow: hidden;
}



@media (max-width: 900px) {
.uk-scope .uk-accordion-title {
font-size: 1.0em !important;
  line-height: 1.2;
  }

}


.uk-scope .uk-accordion-content {
  display: flow-root;
  margin-top: 0px !important;
}
/********************** FOOTER***********************/


#footer {
	position: relative;
    margin: 0 auto 0;
    text-align: left;
    width: 100%;
    max-width: 1920px;
	 height: auto;
    min-height: 200px;
    color: #fff;
	background: #76C0D3;
	
}

.footer-wrapper {
	position: relative;
    margin: 0 auto 0;
    padding: 30px;
    text-align: left;
    width: 100%;
    max-width: 1180px;
	 height: auto;
    color: #fff;
    box-sizing: border-box;
	
	
}

#footernav {
    position: absolute;
    padding-top: 20px;
    right: 20px;   
    bottom: 7px;
    font-size: 0.9rem;
}

#footernav a {
    color: #fff;
    text-decoration: none;
    margin-left: 10px;
}

#footernav a:hover {
    text-decoration: underline;
}



.bild {
	width: 100%;
	height: auto;
	border: 0;
	
}

.visually-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}


/********************** LINKS ***********************/



a:link,a:visited
{
  color: #000;
  text-decoration:underline;
    
  
}


a:hover,a:active
{
  color: #000;
  text-decoration:underline;
   
}

a:focus {
  outline-width: 2px;
  outline-style: solid;
  outline-color: #396B78;
     outline-offset: 3px; /* Moves the outline outward */
}


 .weiss {
    color: #fff !important;
  }

/************ HEADLINES ***************/


 .uk-scope .uk-h1, .uk-scope h1 {
    font-family: "Inter-SemiBold", sans-serif !important;
     font-size: 4.2em !important;
     color: #fff !important;
     text-transform: uppercase !important;
  }


@media (max-width: 768px) {
 .uk-scope .uk-h1, .uk-scope h1 {
     
    font-size: 1.7em !important;
    line-height: 45px;
  }

}


 .subheader {
    font-family: "Inter-SemiBold", sans-serif !important;
     font-size: 1.2em !important;
     color: #396B78 !important;
     text-transform: uppercase !important;
  }

@media (max-width: 768px) {
 .subheader {
font-size: 1.0em !important;
line-height: 1.2em;
  }

}


h1 {
  font-family: "Inter-SemiBold", sans-serif;
	font-size: 3.2em;
    line-height: 1.0em;
	 color:#000;
    
}


.weiss {
  color:#fff;
    
}

@media (max-width: 768px) {
  h1 {
     
    font-size: 38px;
    line-height: 44px;
  }

}




h2 {
  font-family: "Inter-Medium", sans-serif;
	font-size: 1.8em;
    line-height: 1.2em;
    color:#000;
    
}


@media (max-width: 900px) {
  h2 {
     
    font-size: 36px;
    line-height: 40px;
  }

 
}



h3 {
  font-family: "Inter-Regular", sans-serif;
	font-size: 1.5em;
    line-height: 1.3em;
	 color:#000;
    font-weight: 300;
    
}


@media (max-width: 1500px) {
h3 {
     
   font-size: 1.4em;
    line-height: 1.4em;
 
}
}

@media (max-width: 700px) {
h3 {
     
   font-size: 1.0em;
    line-height: 1.4em;
 
}
}