/* Write your custom css code here */


@font-face {
    font-family: 'Myriad Web Pro';
    src: url('fonts/MyriadPro-Light.eot');
    src: url('fonts/MyriadPro-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/MyriadPro-Light.woff2') format('woff2'),
        url('fonts/MyriadPro-Light.woff') format('woff'),
        url('fonts/MyriadPro-Light.ttf') format('truetype'),
        url('fonts/MyriadPro-Light.svg#MyriadPro-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Myriad Web Pro Bold';
    src: url('fonts/MyriadWebPro-Bold.eot');
    src: url('fonts/MyriadWebPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/MyriadWebPro-Bold.woff2') format('woff2'),
        url('fonts/MyriadWebPro-Bold.woff') format('woff'),
        url('fonts/MyriadWebPro-Bold.ttf') format('truetype'),
        url('fonts/MyriadWebPro-Bold.svg#MyriadWebPro-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}


a#_43klRgVK {
display: none;
}

body, html {
	background-color: #575d5e;
	font-family: 'Myriad Web Pro'!important;
	font-size: 13px;
	height: 100%;
	line-height: 140%;
}

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

h1, h2, h3, h4 {
	font-family: 'Myriad Web Pro Bold';
	font-weight: 700;
	margin: 0;
}

.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: #efefef;
}

#column_spalte-6 {
	padding: 20px 0;
	background: #cdcfcf;
}

.search {
	padding: 0 20px 20px;
}

.search label {
	display: none;
}

.form-inline .form-control {
	width: 100%;
}

h3.box-title  {
	padding: 0 0 0 20px;
	font-family: 'Myriad Web Pro Bold';
	font-weight: 700;
	color: #666666;
}


#column_spalte-11_rFdrKqwS > div > div > h1 {
	font-family: 'Myriad Web Pro';
	color: #666666;
	font-size: 40px;
	margin-top:40px;
	text-transform: uppercase;
	padding-left:5px;
	letter-spacing: .5px;
}

#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;
	}
	
	

#column_spalte-6 > div > div > div > div.module-body > ul > li > a::before {
	content: ':: ';
	vertical-align: top;
	/*padding-bottom: 10px;*/
}

#column_spalte-6 > div > div > div > div.module-body > ul > li:hover > a,.active {
	background: #efefef!important;
	font-weight: bold;

	/*border-bottom: 1px solid #ddd;*/

}

ul.nav-child.unstyled.small > li > a {
	font-weight: normal!important;
}

li.active.deeper > a,
ul.nav-child.unstyled.small > li.current.active > a,
ul.nav-child.unstyled.small > li > a:hover {
	font-weight: bold!important;
}


/* 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: #efefef;
	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:#007A5C!important;
	padding:1.5em;
	font-size:15px;
	color:#fff;
}

#column_spalte-6 > div > div > div > div.module-body > ul > li.active.deeper.parent {
	background-color: #efefef;
}

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

#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;
}

#form-login-submit > div > button:hover {
	background: #fff;
	color: #01795d;
	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: #01795d;
	background-color: #fff;
	}
	
	
/* LOGOUT ########################################## */

.offcanvas-open .off-canvas-base .offcanvas-content {
	background: #01795d;
}


/* 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, .5);
	border-left: 1px solid #cdcfcf;
	border-bottom: 1px solid #cdcfcf;
	border-top: 1px solid #cdcfcf;
	display: table-cell;
}

#mod_resizefonts > a:hover {
	background: #01795d;
	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;
}



}