/* im CSS - Überschreiben der Typo3 Listen aus root.t3s */

.no-liststyle {
	list-style-type: none;
	margin-left: -20px;
}

.no-liststyle i {
	margin-right: 1em;
}
/* ENDE Überschreiben der Typo3 Listen aus root.t3s */

/* #################### IMAGES RESPONSIVE ############ */
div.csc-textpic-left .csc-textpic-imagewrap {
    /* float: left; */
    float: none;
}

div.csc-textpic-right .csc-textpic-imagewrap {
    /* float: right; */
    text-align: right !important;
    float: none;
}

div.csc-textpic-right .csc-textpic-imagewrap .csc-textpic-image img {
    text-align: right !important;
    display: inline !important;
}

div.csc-textpic-intext-left .csc-textpic-imagewrap {
    /* float: left; */
     max-width: 60%;
}

div.csc-textpic-intext-right .csc-textpic-imagewrap {
   /* float: right; */
    max-width: 60%;
}

div.csc-textpic-intext-right .csc-textpic-imagewrap .csc-textpic-image  {
 
}

div.csc-textpic-center .csc-textpic-center-inner {
    float: none !important;
    position: static ;
    right: 0;
}

div.csc-textpic-center .csc-textpic-center-outer {
    float: none !important;
    position: static;
    right: 0;
    text-align: center;
}

div.csc-textpic-center .csc-textpic-imagewrap img {
	display: inline;
}

img, div.csc-textpic .csc-textpic-imagewrap img  {
	height:auto;
	display:block;
	max-width:100% !important;
}
		
DIV.csc-textpic-above DIV.csc-textpic-imagewrap,
DIV.csc-textpic-below DIV.csc-textpic-imagewrap,
DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI,
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image {
	float: none;
}

@media screen and (max-width: 600px) { 
	div.csc-textpic-intext-left .csc-textpic-imagewrap {
	   float: none;
	}
	
	div.csc-textpic-intext-right .csc-textpic-imagewrap {
	  float: none;
	    max-width: 100%;
	}
	div.csc-textpic-intext-left .csc-textpic-imagewrap {
	    /* float: left; */
	     max-width: 100%;
	}
}

/* Style for Imagerow right*/ 
div.csc-textpic-right .csc-textpic-imagewrap .csc-textpic-imagerow {
   float: right;
}

/* #################### END IMAGES RESPONSIVE ############ */

/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

/* Custom container */

html {
	font-size: 16px;
	min-height: 100%;
    position: relative;
    font-family: Arial, sans-serif;
}

body {
	/*-moz-hyphens: auto;
    word-wrap: break-word;*/
	/* Chrome Safari Mac */
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: none;
    font-smoothing: antialiased;
    /* Firefox Mac */
    -moz-osx-font-smoothing: grayscale;
    font-size: 1rem;
	 line-height: 1.45857;
	 font-family: 'robotoregular', Arial, sans-serif;
	 color: #000;
	 background-color: #e7e7e7;
	 margin-bottom: 5.375rem;
}


/* ####  Basic Styles #### */

/* Custom container */
.container-fluid, .container {
	max-width: 1360px;
}

.container-main {
	padding-left: 75px;
	padding-right: 75px;
}
      
b, strong, dt {
	font-family: "robotobold",Arial,sans-serif;
	font-weight: normal;
}

i, em {
	font-style:normal;
	font-family: "robotoitalic",Arial,sans-serif;
}

a {
	color: #0876a0;
}

a:focus {
	
}

a:hover {
	
}

.glyphicon {
	
}


/* #### Überschriften #### */

.container-fluid h1, .container-fluid h2, .container-fluid h3, .container-fluid h1 a, .container-fluid h2 a {
	font-family: 'robotomedium', Arial, sans-serif;
	color: #2b4d57;
	text-decoration: none;
}

.container-fluid h4, .container-fluid h5, .container-fluid h3 a, .container-fluid h4 a, .container-fluid h5 a {
	font-family: 'robotomedium', Arial, sans-serif;
	color: #2b4d57;
	text-decoration: none;
}

.container-fluid h1 a:hover, .container-fluid h2 a:hover, .container-fluid h3 a:hover, .container-fluid h4 a:hover, .container-fluid h5 a:hover, .container-fluid .sidebar a h3:hover {
	text-decoration: underline;
}

#maincontent .container-fluid h1 {
	font-size: 2rem;
	margin-bottom: 1.5rem;
	font-family: 'robotoregular';
}

#maincontent .container-fluid h2 {
	font-size: 1.875rem;
}

#maincontent .container-fluid .maincol h2 {
	
}

#maincontent .container-fluid.content-col h2 {

	
}

#maincontent .container-fluid h3 {
	font-size: 1.25rem;
	font-family: 'robotobold';
}

#maincontent .container-fluid.content-col h3 {
	margin-top: 1.4rem;
	margin-bottom: .75rem;
	
}

.container-fluid .maincol h3 {
	
}

.container-fluid h4 {
	font-size: 1.25rem;
	font-family: 'robotobold';
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.container-fluid h5 {

}

#maincontent {

}

.page-homepage #maincontent {
	
}

.pb-6 {
	padding-bottom: 4rem;
}

.pt-6 {
	padding-top: 4rem;
}

.pt-90p {
	padding-top: 4rem !important;
}

.pb-90p {
	padding-bottom: 4rem !important;
}

.pb-110p {
	padding-bottom: 5rem !important;
}

.pt-110p {
	padding-top: 5rem !important;
}

.btn-edust,
.tx-srfeuserregister-pi1 input.btn-edust,
.backlink a {
	background-color: #018ac9;
	border-radius: 0;
	text-shadow: none !important;
	padding: 0.4rem 1.625rem;
	border: none;
	color: #fff !important;
	font-family: 'robotomedium';
}
.backlink a {
	font-size: 1rem;
	line-height: 1.5;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	display: inline-block;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	font-family: 'robotomedium';
}


.btn-edust:hover, 
.btn-edust:focus,
.backlink a:hover,
.backlink a:focus {
	background-color: #0169c9;
}

.btn-arrowDown:before {
	font-family: "Ionicons";
	content: "\f123";
	margin-right: 12px;
}

.btn-login:before {
	font-family: "Ionicons";
	content: "\f47e";
	margin-right: 12px;
}

.btn-petrol {
	background-color: #059f89;
}

.btn-petrol:hover, 
.btn-petrol:focus {
	background-color: #07b102;
}

.btn-sm {
	font-size: 1rem;
	padding: .30rem 1.5rem;
}

/* #### / Überschriften #### */

#maincontent .container-fluid.ptpb40 {
	padding-bottom: 40px;
	padding-top: 40px;
}

header.header > .container-fluid {
	margin-bottom: 0.875rem;
	padding-bottom: 0.875rem;
	border-bottom: 0.4rem solid transparent;
	-moz-border-image: -moz-linear-gradient(left, #0dcb03 0%, #018aca 100%);
	-webkit-border-image: -webkit-linear-gradient(left, #0dcb03 0%, #018aca 100%);
	border-image: linear-gradient(to right, #0dcb03 0%, #018aca 100%);
	border-image-slice: 1;
}

.page-homepage header.header > .container-fluid {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

header.header > .container-fluid {
	border-top: 0.5rem solid #64a997;
	padding-left: 0;
	padding-right: 0;
}

.home-header,
.homeSep {
	position: relative;
}

.homeSpacer {
	margin-bottom: 0.875rem;
	padding-bottom: 0.875rem;
	border-bottom: 0.4rem solid transparent;
	-moz-border-image: -moz-linear-gradient(left, #0dcb03 0%, #018aca 100%);
	-webkit-border-image: -webkit-linear-gradient(left, #0dcb03 0%, #018aca 100%);
	border-image: linear-gradient(to right, #0dcb03 0%, #018aca 100%);
	border-image-slice: 1;
	max-width: 1360px;
	margin: 0 auto;
}

.home-header .headerImage {
	height: 500px;
	max-height: 500px;
	max-width: 1360px;
	margin: 0 auto;
	asfdbackground-image: url(../Images/header_edustandards.jpg);
	-moz-border-image: -moz-linear-gradient(left, #0dcb03 0%, #018aca 100%);
	-webkit-border-image: -webkit-linear-gradient(left, #0dcb03 0%, #018aca 100%);
	border-image: linear-gradient(to right, #0dcb03 0%, #018aca 100%);
	background-position: center center;
	background-size: cover;
	overflow: hidden;
}

.home-header .headerImage .row > div,
.homeSep .homeSepImage .row > div {
	padding-left: 0;
	padding-right: 0;
}

.home-header .headerText {
	position: absolute;
	bottom: 1rem;
	left: 0;
	width: 100%;
	z-index: 999;
}

.home-header .headerText .headerTxtInner h2 {
	font-family: 'robotoblack';
	color: #fff;
	font-size: 2rem;
	text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
	margin-bottom: 1rem;
}

.home-header .headerText .headerTxtInner .ce-bodytext {
	color: #fff;
	font-size: 1.125rem;
	font-family: 'robotomedium';
	text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}

.home-header .headerText .headerTxtInner .ce-bodytext p,
.homeSep .homeSepTxt .ce-bodytext p {
	margin-bottom: 1.5rem;
}

.home-header .headerText .headerTxtInner .ce-bodytext p:last-child,
.homeSep .homeSepTxt p:last-child {

}

.homeSep .homeSepTxt p:last-child {
	margin-bottom: 0;
}

.homeSep {
	height: 660px;
	max-height: 660px;
	background-color: gray;
	max-width: 1360px;
	margin: 0 auto;
}

.homeSep .homeSepImage {
	height: 660px;
	max-height: 660px;
	max-width: 1360px;
	margin: 0 auto;
	background-image: url(../Images/sepEdustHome.jpg);
	background-position: center center;
	background-size: cover;
	overflow: hidden;
}

.homeSep .homeSepImage figure.image {
	width: 100%;
}

.homeSep .homeSepTxt {
	position: absolute;
	bottom: 4rem;
	left: 0;
	width: 100%;
	z-index: 999;
}

.homeSep .homeSepTxt .homeSepTxtBox {
	padding: 1.5rem;
}

.homeSep .homeSepTxt .homeSepTxtBox h2 {
	font-family: 'robotoregular';
	font-size: 1.25rem;
	margin-bottom: 1rem;
}

.navbar-brand {
	max-width: 271px;
	padding-top: 1.75rem;
	padding-bottom: .75rem;
	margin-left: -1rem;
	position: relative;
}

.kometlogo {
	margin-left: 1rem;
	position: absolute;
top: 20px;
left: 280px;
z-index: 100;
}

.navbar-brand object {
	pointer-events: none;
}

footer#Footer {
	position: absolute;
	height: 5.375rem;
	bottom: 0;
	width: 100%;
}

footer#Footer a {
	color: #fff;
	text-decoration: underline;
}

footer#Footer > .container-fluid {
	background-color: #3f4a5a;
	padding-top: 1.575rem;
	padding-bottom: 1.675rem;
	color: #fff;
	height: 5.375rem;
	font-size: 0.875rem;
}

/* ### Navigation ### */

.navbar-edustandards {

}

.navbar-edustandards .nav-item a.nav-link {
	color: #51818f;
	font-family: 'robotomedium';
	padding: .3rem .8rem;
}

footer#Footer .nav-footer .nav-item a.nav-link {
	padding: 0 0.75rem;
	color: #fff;
	text-decoration: none;
}

footer#Footer .nav-footer .nav-item a.nav-link:hover {
	text-decoration: underline;
}

.navbar-edustandards .nav-item.dropdown-user a.nav-link {
	NOpadding: .2rem 1rem;
}

.dropdown-user i.icon {
	font-size: 1.4rem;
	float: left;
	padding-right: .5rem;
	/* margin-top: -0.35rem; */
	line-height: 1;
}

.dropdown-user .dropdown-toggle:after {
	content: "";
	border-right: none !important;
	border-top: none !important;
	margin-left: 0;
	display: none;
}

.navbar-edustandards .nav-item a.nav-link#menuitem186 {
	background-color: #059f89;
	color: #fff;
	margin-right: 0.4rem;
}

.navbar-light .navbar-toggler {
	border: none;
	margin-top: 0.5rem;
}

.navbar-edustandards .dropdown-menu {
	border-radius: 0.125rem;
	border-color: #dadada;
}

.navbar-edustandards .dropdown-user .dropdown-menu {
	/*left: auto;
	right: -80%;*/
}

.navbar-edustandards .dropdown-item.active, .dropdown-item:active {
	background-color: #059f89;
}

/* ### / Navigation ### */

.container-header,
.container-header .row .col-12 {
	
}

.container-header .row {
	
}

.ctn-introtxt {
	font-size: 1.125rem;
	color: #254b56;
	margin-top: 0.875rem;
}

.ctn-introtxtApps {
	margin-top: 0;
}

.ctn-introtxt p {
	margin-bottom: 0;
}

.km-selector {
	margin-left: -75px;
	margin-right: -75px;
	background-color: #f3f4f5;
	padding: 1.5rem 75px 1.5rem 75px;
}

#maincontent .container-fluid .homeInfobox .ce-gallery {
	margin-bottom: 1.4rem;
}

#maincontent .container-fluid .homeInfobox h3,
#maincontent .container-fluid .homeInfobox .ce-bodytext {
	padding-left: 0.7rem;
	padding-right: 0.7rem;
}

#maincontent .container-fluid .homeInfobox .ce-bodytext {
	font-size: 0.9375rem;
	color: #2b4d57;
}

.ctn-appcolumns .col-12 > div {
	background-color: #fff;
	background-color: transparent;
}

.ctn-appcolumns .ce-gallery {
	margin-bottom: 0 !important;
}
.ctn-appcolumns .ce-textpic {
	
}

.ctn-appcolumns .ce-bodytext {
	
}

.ctn-logobar .ce-bodytext {
	text-align: center;
	font-size: 0.875rem;
	color: #2b4d57;
	padding-left: 1rem;
	line-height: 1.35;
	padding-right: 1rem;
}

.ctn-logobar .ce-gallery {
	padding-left: 1rem;
	padding-right: 1rem;
	margin-bottom: 0.5rem;
}

.ctn-logobar .ce-gallery img {
	max-width: 250px !important;
}

.infoboxApps .ce-bodytext p {
	font-size: 0.9375rem;
	color: #2b4d57;
}

.infoboxApps, .infoboxApps .row {
	height: 100% !important;
	min-height: 100% !important;
}

.infoboxApps, .infoboxApps .row .ce-bodytext {
	padding: 0.9375rem 0.9375rem 0 0.9375rem;
}

.infoboxApps, .infoboxApps .row .ce-bodytext img {
	margin-right: 5px;
	display: inline-block;
	padding-right: 3px;
}

.ctn-appcolumns > .row > .col-12 {
	margin-bottom: 1.5rem;
}

.ctn-appcolumns .apps-txt {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
     -ms-flex-direction: column;
	flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
	
}

@media (max-width: 576px) {
	.ctn-appcolumns .apps-img {
		margin-bottom: 2rem;
	}
	
}

.home-header .tx-felogin-pi1 {
	background-color: #fff;
}

.home-header .ce-addonLoginbox.bg-white,
#loginModal .ce-addonLoginbox.bg-white,
.col-small .ce-addonLoginbox.bg-white {
	margin-bottom: 1rem;
	background-color: #f2f3f4 !important;
	padding-left: 1.125rem;
	padding-right: 1.125rem;
	text-align: right;
}

#c414 .ce-textpic {
	padding-left: 1.125rem;
	padding-right: 1.125rem;
}

.home-header .ce-addonLoginbox.bg-white {
	padding-top: 1rem;
}

.home-header .ce-addonLoginbox .ce-bodytext p {
	margin-bottom: 0;
}

.home-header .ce-addonLoginbox .ce-bodytext p:last-child {
	margin-bottom: 1rem;
}

.col-small .ce-addonLoginbox.bg-white {
	background-color: #fff !important;
}

#loginModal .ce-addonLoginbox.bg-white {
	margin-bottom: 0;
}

.form-control {
	border-radius: 0;
	border-color: #dadada;
}

.form-login .form-group {
	padding-left: 1.125rem;
	padding-right: 1.125rem;
}

.loginheader {
	border-bottom: 1px solid #dadada;
	padding-top: 0.9375rem;
	padding-bottom: 0.9375rem;
}

.loginRegisterbox {
	margin-bottom: 0;
	padding-top: 0.9375rem;
	background-color: #f2f3f4;
	display: none;
}

.col-small .loginRegisterbox {
	background-color: #fff;
	display: block;
}

.loginRegisterbox a,
.home-header .ce-addonLoginbox a,
#loginModal .ce-addonLoginbox a,
.col-small .ce-addonLoginbox a {
	color: #2b4d57;
	font-size: 0.8125rem;
}

.logininput p {
	margin-bottom: 0;
}

.loginRegisterbox a:focus,
.loginRegisterbox a:hover {
	color: #2b4d57;
	text-decoration: underline;
}

.tx-felogin-pi1 .loginheader h3,
#maincontent .container-fluid.content-col .tx-felogin-pi1 .loginheader h3 {
	font-family: 'robotoregular', Arial, sans-serif;
	font-size: 1.625rem;
}

.tx-felogin-pi1 .loginheader .loginmessage {
	color: #2b4d57;
	font-size: 0.875rem;
	background: transparent url(../Images/komet_de_small.svg) no-repeat right top;
	background-size: 150px;
}

.lang-en .tx-felogin-pi1 .loginheader .loginmessage {
	background: transparent url(../Images/komet_en_small.svg) no-repeat right top;
	background-size: 150px;
}

.tx-felogin-pi1 .form-forgot .loginheader .loginmessage,
.lang-en .tx-felogin-pi1 .form-forgot .loginheader .loginmessage {
	background: none;
}

.modal-login .modal-content {
	border-radius: 0;
}

.modal-login .modal-body {
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
}

.modal-login .modal-header {
	border-bottom: none;
	padding-bottom: 0;
}

.tx-srfeuserregister-pi1 input {
	padding: .375rem .75rem;
}

.form-group label {
	text-align: right;
	padding-right: 15px;
	padding-left: 15px;
}

.form-group .form-check label {
	text-align: left;
	padding-right: 0;
	padding-left: 0;
	font-size: 0.9rem;
}

#tx-srfeuserregister-pi1-terms_acknowledged {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem;
}

small, .small {
	font-size: 0.9rem;
}

.tx-srfeuserregister-pi1 a.impressum-link {
	background: none;
	padding-left: 0px;
}

.tx-srfeuserregister-pi1 h4,
.tx-srfeuserregister-pi1 p {
	padding-left: 0;
}

.tx-srfeuserregister-pi1 {
	margin-bottom: 2rem;
}

.loginformAfterConfirm {
	margin-top: 1.5rem;
}

.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-error {
	font-size: 0.85rem;
	margin-top: 0;
}
 
.form-group.regCaptcha label,
.tx-srfreecap-pi1-cant-read {
	font-size: 0.9rem;
}

.btn.btn-back:before {
	font-family: "Ionicons";
	content: "\f124";
	font-size: .8rem;
	margin-right: 10px;
}

.btn.btn-next:after {
	font-family: "Ionicons";
	content: "\f125";
	font-size: .8rem;
	margin-left: 10px;
}

#page-191 #maincontent .container-main {
	padding-left: 0;
}

#page-191 #maincontent .container-main .row {
	
}

#page-191 .ce-gallery img  {
	max-width: 325px !important;
}

#page-191 #c314 .ce-bodytext,
#page-191 #c319 .ce-bodytext {
	padding-top: 150px;
}

#compWheelCols.ctn-introtxt {
	margin-top: 0;
}

#maincontent .container-fluid#compWheelCols h3 {
	font-size: 1.5rem;
	margin-bottom: 2rem;
}

#compWheelCols.ctn-introtxt .compWheelCols1 img {
	max-width: 546px !important;
	padding-top: 3rem;
}

#compWheelCols.ctn-introtxt .compWheelCols2 img {
	max-width: 426px !important;
}

#loginModal .modal-body .ce-bodytext p:first-child {
	margin-bottom: 0;
	margin-top: 1rem;
}

.tx-gtn-exabiscompetences .modal-header {
	display: block;
}


/* Bootstrap Breakpoint ES */
@media (min-width: 576px) {

}

@media (max-width: 576px) {

}

@media (max-width: 600px) {
	.kometlogo {
		display: none;
	}
	.navbar-light .navbar-brand .edulogo {
		max-width: 200px;
	}
	.navbar-light .navbar-toggler {
		margin-right: -1.5rem;
	}
}

/* Bootstrap Breakpoint MD */
@media (min-width: 768px) {  

}

@media (max-width: 768px) {  
	.ctn-infocolumns .row div.col-12 {
		margin-bottom: 1.5rem;
	}
	#page-191 .ce-left .ce-gallery  {
		float: none;
	}
	#page-191 #c314 .ce-bodytext {
		padding-top: 15px;
		padding-left: 30px;
	}
	#page-191 .ce-gallery img {
		max-width: 200px !important;
	}
}

@media (min-width: 576px) and (max-width: 768px) {  

}

/* Bootstrap Breakpoint min MD max LG */
@media (min-width: 768px) and (max-width: 991px) {  

}

/* Bootstrap Breakpoint min MD max XL */
@media (min-width: 768px) and (max-width: 1199px) {
	
}

/* Bootstrap Breakpoint LG */
@media (min-width: 992px) {
	.home-header .headerImage {
		height: 700px;
		max-height: 700px;
	}
	.home-header .headerText {
		bottom: 2rem;
	}
	.ctn-appcolumns > .row > .col-12 {
		margin-bottom: 0;
	}
	#navbarEdustandardsMain .navbar-nav {
		margin-right: -2rem;
	}
}

@media (max-width: 992px) {
	#maincontent .container-fluid#compWheelCols h3 {
		font-size: 1.5rem;
		margin-bottom: 1.5rem;
		margin-top: 2rem;
	}
	#compWheelCols.ctn-introtxt .compWheelCols1 img {
		padding-top: 0;
	}
	
	#maincontent .container-fluid#compWheelCols.ctn-introtxt .compWheelCols1 h3 {
		margin-top: 0;
	}
}

/* Bootstrap Breakpoint EX */
@media (min-width: 1200px) {

}

@media (max-width: 1200px) {
	.container-main {
		padding-right: 30px;
		padding-left: 30px;
	}
	.km-selector {
		margin-left: -30px;
		margin-right: -30px;
	}
}

@media (max-width: 1360px) {
	body {
		padding-left: 15px;
		padding-right: 15px;
	}
	footer#Footer {
		width: calc(100% - 30px);
	}
}