/* Write your custom css code here */

@font-face {
    font-family: 'Calibri';
    src: url('fonts/Calibri.woff2') format('woff2'),
        url('fonts/Calibri.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Calibri';
    src: url('fonts/Calibri-Bold.woff2') format('woff2'),
        url('fonts/Calibri-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Calibri';
    src: url('fonts/Calibri-Italic.woff2') format('woff2'),
        url('fonts/Calibri-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Calibri';
    src: url('Calibri-Light.woff2') format('woff2'),
        url('Calibri-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Calibri';
    src: url('fonts/Calibri-LightItalic.woff2') format('woff2'),
        url('fonts/Calibri-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Calibri';
    src: url('fonts/Calibri-BoldItalic.woff2') format('woff2'),
        url('fonts/Calibri-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Akko Rounded W01';
    src: url('fonts/AkkoRoundedW01-Medium.woff2') format('woff2'),
        url('fonts/AkkoRoundedW01-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Akko Rounded W01';
    src: url('fonts/AkkoRoundedW01-Regular.woff2') format('woff2'),
        url('fonts/AkkoRoundedW01-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Akko Rounded W01';
    src: url('fonts/AkkoRoundedW01-Thin.woff2') format('woff2'),
        url('fonts/AkkoRoundedW01-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}






/***********************************************************Landingpage*****************************************************/

#sunfw_section_abschnitt-4_c003ZtSS{
	background:#fff;
}



#sunfw_section_abschnitt-4_c003ZtSS .logo{
	height: 75px;
}



#sunfw_section_abschnitt-4_c003ZtSS h1{
	margin-top:30px;
	text-align: right;
}





.border{
	border: 1px solid #B4B4B4;
}

span .box-title{
	padding-top:100px;
}

/******************************************************************************************************************************/

.box-title, .active .box-title{
	padding: 20px 0 0 20px;
   	font-family: 'Akko Rounded W01';
    font-weight: bold;
    color: #666666;
	font-size: 23px;
	text-transform: uppercase;
	display: block
}


span .nav-header{
	margin-top:20px!important;
}



.item-405, .item-406{
	margin:5px 0;
}


#column_spalte-0 > div > div > a > img.logo.hidden-xs.hidden-sm.img-responsive{
	width:300px;
}






a#_43klRgVK {
    display: none;
}



body, html {
	font-family: 'Akko Rounded W01';
    font-weight: normal;
	font-size: 13px;
	height: 100%;
	line-height: 140%;
	color:rgba(0,0,0,0.6);
}

h1{
    font-weight:normal;
}

#sunfw_section_inhaltsbereich.basalt #column_spalte-2 {
	background: #F0F0F0!important;
}



h1, h2, h3, h4 {
	font-family: 'Akko Rounded W01';
    font-weight:normal;
	margin: 0;
}

h2{
    font-size:3em;
    line-height: 100%;
}

h2 span span{
    font-weight: 100;
    font-size:2rem;
    text-transform: uppercase;
}


.grid__column > div > ul {

	padding-left: 18px;

}





.grid__column > div > ul ul {

	padding-left: 18px;

}



.grid__column > div > ul ul li {

	list-style: disc;

}






#column_spalte-6 > div > div > div {

	margin-bottom: 30px;

}



#sunfw_section_topbar {

	background-color: #fff;

	z-index: 1000000;

}



#sunfw_section_dashboard .container {

	background: transparent;

}



#sunfw_section_inhaltsbereich .container {

	background-color: #fff;

}



#column_spalte-6 {

	padding: 20px 0;

	background: #cdcfcf;

}

.styleguide-footer-menue{
text-transform: uppercase;	
}
.styleguide-footer-menue .navbar-default{
	background:transparent!important;
	border:0px!important;
}

.styleguide-footer-menue{
	float:right;
	paddin:0;
	margin-right:-20px!important;
}

.styleguide-footer-menue .navbar-default .navbar-nav > .active > a, .styleguide-footer-menue .navbar-default .navbar-nav > .active > a:hover, .styleguide-footer-menue .navbar-default .navbar-nav > .active > a:focus{
	background:transparent;
}

.styleguide-footer-menue .navbar-nav > li > a{
	padding:4px;
}


.styleguide-footer-menue .navbar-collapse {
	padding-right:0;
}

.search {

	padding: 0 20px 0px;

}



.search label {

	display: none;

}



.form-inline .form-control {

	width: 100%;

}


.menue-head a{
	    color: rgb(119, 152, 31)!important;
}


#column_spalte-11_rFdrKqwS > div > div > h1 {

	font-family: 'Akko Rounded W01';

	color: #000;

	font-size: 40px;

	margin-top:30px;

	

	text-transform: uppercase;

	padding-left:5px;

	letter-spacing: 1px!important;

    font-weight: normal!important;

	text-align: right;

}



.styleguide-h1 h1{

	margin-top:30px!important;

	font-size:30px!important;

}



#column_spalte-6 > div > div > div > div.module-body > ul > li > a {

	padding: 10px 20px!important;

	color: #333;

	text-transform: uppercase;

	font-size: 14px;

	letter-spacing: 0.5px;

	}

	

.styleguide-content{

	background:#F0F0F0;

}



#column_spalte-6 > div > div > div > div.module-body > ul > li > a::before {

	content: ':: ';

	vertical-align: top;

	/*padding-bottom: 10px;*/

}









/* SUBMENU -------------------------------------

------------------------------------------------ */



#column_spalte-6 > div > div > div > div.module-body > ul > li > ul {

	padding-bottom: 10px;

}



#column_spalte-6 > div > div > div > div.module-body > ul > li > ul > li a {

	color: #333;

	display: block;

	line-height: 1.8;

}





#column_spalte-6 > div > div > div > div > ul > li > ul {

	background: #fff;

	text-transform: uppercase;

	letter-spacing: 1px;

	font-size: 14px;

	list-style: square;

}



#column_spalte-6 > div > div > div > div.module-body > ul > li.parent a::after {

	content: ' >';

	font-size: 10px;

	vertical-align: top;

}





#column_spalte-6 > div > div > div > div.module-body > ul > li.current.active.deeper.parent a::after,

#column_spalte-6 > div > div > div > div.module-body > ul > li.parent ul li a::after {

	content: ''

}



#column_spalte-6 > div > div > div > div > ul > li.current.active.deeper.parent > ul > li {

	list-style: square;



}





.sunfw-scrollup{

	background-color:#0D9443!important;

	padding:1.5em;

	font-size:15px;

	color:#fff;

}



/* LOGIN ######################################## */

.login, .login > form{
    background:transparent;
    font-weight: normal;
    text-transform: uppercase;
}

.login label{
    font-weight:normal;
}

.login button[type="submit"]{
    background:#0d9443;
    border-radius: 0;
    text-transform: uppercase;
    border:0;
}

#form-login-username > div > div > span > label,

#form-login-password > div > div > span > label,

#form-login-remember {

	display: none;

}



input#modlgn-username,

input#modlgn-passwd {

	width: 100%;

	display: block;

	padding: 10px;

	font-size: 16px;

	border: 0;

	margin-bottom: 5px;

}



#login-form > div > ul > li {

	list-style: none;

	display: inline;

	padding: 10px;

}



#form-login-submit > div > button {

	width: 100%;

	display: block;

	background: transparent;

	border: 1px solid #fff;

	padding: 9px;

	color: #fff;

	text-transform: uppercase;
	background: #0D9443;

}



#form-login-submit > div > button:hover {

	background: #fff;

	color: #0D9443;

	padding: 10px;

	border: 0;

	}

	

/* LOGIN MODULE ###################### */



.login-greeting {

	padding: 20px;

	font-size: 17px;

	font-weight: bold;

	color: #fff;

}



.logout-button {

	padding: 0 20px;

}



.logout-button  input.btn.btn-primary {

	display: block;

	width: 100%;

	border-radius: 0;

	border: 1px solid #fff;

	text-transform: uppercase;

	background: transparent;

}



.logout-button  input.btn.btn-primary:hover {

	color: #0D9443;

	background-color: #fff;

	}

	
li .active a{
    font-weight:500!important;
}
	

/* LOGOUT ########################################## */



.offcanvas-open .off-canvas-base .offcanvas-content {

	background: #0D9443;

}





/* Zuletzt aktualisiert ############################ */



ul.db8sitelastmodified {

	padding: 18px;

	text-align: center;

}



ul.db8sitelastmodified li {

	list-style: none;

	color: #fff;

	padding: 10px;

}





/* FOOTER ########################################## */



#sunfw_section_footer {

	color: #fff;

}



#sunfw_section_footer a {

	color: #fff;

	}

	

/* FONT RESIZER ##################################### */



summary.module-style .module-body  {

	float: right;

	padding-right: 21px;

	margin-bottom: 10px;

}



#mod_resizefonts::before {

	content: "Schriftgröße:";

	float: left;

	line-height: 30px;

	margin-right: 10px;

}



#mod_resizefonts > a {

	padding: 5px;

	background: rgba(255, 255, 255, 1);

	border-left: 1px solid #cdcfcf;

	border-bottom: 1px solid #cdcfcf;

	border-top: 1px solid #cdcfcf;

	display: table-cell;

}



#mod_resizefonts > a:hover {

	background: #0D9443;

	color: #fff!important;

}

	

/* BENUTZERSECTION ############################

############################################### */



.alert-notice,

.alert-warning {

    background-color: #e5005b;

    border-color: #b8092e;

    color: #fff;

}	

	

	

	

@media screen and (min-width: 1024px) and (max-width: 1318px) {



.container {

    width: 1000px;

}



.form-horizontal .control-label {

	text-align: left;

}



}



@media screen and (min-width: 1319px) and (max-width: 1438px) {



.container {

	width: 1300px;

}



.form-horizontal .control-label {

	text-align: left;

}





}



@media (min-width: 1439px) {



.container {

    width: 1420px;

}



.form-horizontal .control-label {

	text-align: left;

}



.profile-edit fieldset {

	display: inline-block;

	width: 20%;

	vertical-align: top;

}



#member-profile > fieldset:nth-child(2) > legend {

	margin-bottom: 19px;

}



#member-profile > div {

	margin-top: 20px;

}



#member-profile > div > div > button {

	background: #17917d;

	border-radius: 0;

	border: 0;

}



#member-profile > div > div > button:hover {

	background: #007858;

}







}