/* =============================================================================
 * Google Fonts
 * ========================================================================== */

/* abel-regular - latin */
@font-face {
  font-family: 'Abel';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/abel-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Abel Regular'), local('Abel-Regular'),
       url('../fonts/abel-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/abel-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/abel-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/abel-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/abel-v11-latin-regular.svg#Abel') format('svg'); /* Legacy iOS */
}


/* karla-regular - latin */
@font-face {
  font-family: 'Karla';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/karla-v13-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Karla'), local('Karla-Regular'),
       url('../fonts/karla-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/karla-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/karla-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/karla-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/karla-v13-latin-regular.svg#Karla') format('svg'); /* Legacy iOS */
}

/* karla-700 - latin */
@font-face {
  font-family: 'Karla';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/karla-v13-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Karla Bold'), local('Karla-Bold'),
       url('../fonts/karla-v13-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/karla-v13-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/karla-v13-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/karla-v13-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/karla-v13-latin-700.svg#Karla') format('svg'); /* Legacy iOS */
}


/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v20-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light'), local('Roboto-Light'),
       url('../fonts/roboto-v20-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v20-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v20-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v20-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v20-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('../fonts/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v20-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto-v20-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Roboto Medium'), local('Roboto-Medium'),
       url('../fonts/roboto-v20-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v20-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v20-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v20-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v20-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-v20-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('../fonts/roboto-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v20-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v20-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}


/* =============================================================================
 * smartmenu scrolling fix
 * ========================================================================== */

.smartmenu-content .smartmenu-scrollable {
	max-height: 100vh;
	position: static;
	overflow: auto;
}

.smartmenu-content .smartmenu-table {
	margin-top: 20vh;
}


/* =============================================================================
 * reset & various settings
 * ========================================================================== */

p {
	margin-bottom: 25px;
}


#main p a:hover {
	color: #0196be;
}

#footer a:hover {
	color: #62cae5!important;
}


/* =============================================================================
 * headlines
 * ========================================================================== */

 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 .h1,
 .h2,
 .h3,
 .h4,
 .h5,
 .h6,
 .font_headline {
	margin-bottom: 15px;
}


/* =============================================================================
 * header-font home
 * ========================================================================== */

.header-font {
	font-family: Karla;
	font-weight: 400;
	line-height: 1.5!important;
}


.header-font .headline {
	font-size: 90%!important;
}
.header-font .subline {
	font-size: 90%!important;
}


@media only screen and (max-width:767px) {
	.revoslider {
		display: none;
	}
}

@media only screen and (min-width:768px) {
	.noslider {
		display: none;
	}
}



/* =============================================================================
 * header-01
 * ========================================================================== */

@media only screen and (min-width:1921px) {
	.header-01 {
	  display: block;
	  -moz-box-sizing: border-box;
	  box-sizing: border-box;
	  background: url(https://gesamtschule-nord.de/files/cto_layout/img/header-01-xl.jpg) no-repeat;
	  width: 4000px; /* Breite des neuen Bildes */
	  height: 400px; /* Höhe des neuen Bildes */
	  padding-left: 4000px; /* Entspricht der Breite des neuen Bildes */
	}
}


/* =============================================================================
 * tables
 * ========================================================================== */

.tableresp { 
    width: 100%; 
    overflow: auto;
}

.tableresp::-webkit-scrollbar{
	-webkit-appearance: none;
	width: 14px;
	height: 14px;
}

.tableresp::-webkit-scrollbar-thumb{
	border-radius: 8px;
	border: 3px solid #fff;
	background-color: rgba(0, 0, 0, .3);
}


/* =============================================================================
 * ce_list
 * ========================================================================== */

.ce_list li.fa {
	font-size: inherit;
}

.ce_list li a {
	color: #00abd7;
	text-decoration: none;
}

.ce_list li a:hover {
	color: #0196be;
}


/* =============================================================================
 * ul li
 * ========================================================================== */
 
.ce_text ul li, .ce_list ul li {
	margin-bottom: 15px;
}


/* =============================================================================
 * form style5
 * ========================================================================== */

form.style5 input,
form.style5 select,
form.style5 textarea {
	font-size: 1.0rem;
}


/* =============================================================================
 * submit input
 * ========================================================================== */

input.submit,
button.submit {
	font-size: 0.9rem;
	border-radius: 5px;
}

input.submit:hover,
button.submit:hover {
	opacity: 0.8;
}


/* =============================================================================
 * submenu sidebar
 * ========================================================================== */

.subnav {
	margin-bottom: 40px;
}

.subnav a {
	padding: 10px 10px 10px 30px;
}

.subnav ul ul a {
	padding-left: 50px;
}

.subnav ul ul ul a {
	padding-left: 70px;
}


/* =============================================================================
 * ce_hyperlink
 * ========================================================================== */

.ce_hyperlink a, a.btn {
    font-size: 1.0rem;
}


/* =============================================================================
 * ce_iconbox
 * ========================================================================== */

.ce_iconbox .ce_iconbox_outside.padding .content {
	opacity: 0.9;
}


/* =============================================================================
 * ce_download
 * ========================================================================== */

.ce_download:not(.ce_download_small) {
	background: rgb(108,108,119);
}


/* =============================================================================
 * mod_newsreader
 * ========================================================================== */
 
.newsreader .back a {
	font-size: 1.0rem;
}


/* =============================================================================
 * mod_eventlist_v4
 * ========================================================================== */

.mod_eventlist_v4 .event {
	background: rgba(0,0,0,0.4);
}

.mod_eventlist_v4 .event:hover {
	background: rgba(0,0,0,0.8);
}


/* =============================================================================
 * mod_calendar
 * ========================================================================== */

.mod_calendar td .event {
  line-height: 1.0rem;
}


/* =============================================================================
 * mod_login
 * ========================================================================== */

.mod_login {
	border: 2px solid rgba(0,0,0,0.1);
}


/* =============================================================================
 * Media queries - mobile
 * ========================================================================== */

@media only screen and (max-width: 767px) {

	body.sidebar #right,
	body.sidebar #left {
		margin-top: 0px!important;
		border-top: none!important;
	}

	.mod_article.article-pt-xxs > .container,
	.mod_article.article-pt-xs > .container,
	.mod_article.article-pt-s > .container,
	.mod_article.article-pt-m > .container,
	.mod_article.article-pt-l > .container,
	.mod_article.article-pt-xl > .container,
	.mod_article.article-pt-xxl > .container {
		padding-top: 25px;
	 }
	.mod_article.article-pb-xxs > .container,
	.mod_article.article-pb-xs > .container,
	.mod_article.article-pb-s > .container,
	.mod_article.article-pb-m > .container,
	.mod_article.article-pb-l > .container,
	.mod_article.article-pb-xl > .container,
	.mod_article.article-pb-xxl > .container {
		padding-bottom: 50px;
	}
}