/****************************************************************************************
# Default css file for content edited with CKEditor
#
# Copyright (c) 2003-2016, CKSource - Frederico Knabben. All rights reserved.
# For licensing, see LICENSE.md or http://ckeditor.com/license
#
# Defines a few class selectors that can be simply taken as examples by anyone who needs to configure the RTE.
# This css file is referenced by property RTE.default.contentCSS in TSconfig.
wwWEITER UNTEN GEORGS EIGENER CODE FÜR DEN EDITOR
# ***************************************************************************************/

body
{
	/* Font */
	font-family: sans-serif, Arial, Verdana, 'Trebuchet MS';
	 font-family:'Source Sans Pro', sans-serif,Arial, Verdana, 'Trebuchet MS';
	font-size: 12px;

	/* Text color */
	color: #333;

	/* Remove the background color to make it transparent */
background-color: #eef2f0;
	margin: 20px;
}

.cke_editable
{
	font-size: 13px;
	line-height: 1.6;

	/* Fix for missing scrollbars with RTL texts. (#10488) */
	word-wrap: break-word;
}

body.no-editor {
	background-color: transparent;

}

blockquote
{
	font-style: italic;
	font-family: Georgia, Times, 'Times New Roman', serif;
	padding: 2px 0;
	border-style: solid;
	border-color: #ccc;
	border-width: 0;
}

.cke_contents_ltr blockquote
{
	padding-left: 20px;
	padding-right: 8px;
	border-left-width: 5px;
}

.cke_contents_rtl blockquote
{
	padding-left: 8px;
	padding-right: 20px;
	border-right-width: 5px;
}

a
{
	/* color: #0782C1; */
	text-decoration: underline;
}

ol,ul,dl
{
	/* IE7: reset rtl list margin. (#7334) */
	*margin-right: 0px;
	/* preserved spaces for list items with text direction other than the list. (#6249,#8049)*/
	padding: 0 15px 0 5px;
	margin: 0 15px 0 5px;
}

h1,h2,h3,h4,h5,h6
{
	font-weight: normal;
	line-height: 1.2;
}

hr
{
	border: 0px;
	border-top: 1px solid #ccc;
}

img.right
{
	border: 1px solid #ccc;
	float: right;
	margin-left: 15px;
	padding: 5px;
}

img.left
{
	border: 1px solid #ccc;
	float: left;
	margin-right: 15px;
	padding: 5px;
}

pre
{
	white-space: pre-wrap; /* CSS 2.1 */
	word-wrap: break-word; /* IE7 */
	-moz-tab-size: 4;
	tab-size: 4;
}

table {
	border-collapse: collapse;
	background-color: transparent;
	width: 100%;
	max-width: 100%;
	margin-bottom: 1rem;
	padding-left: 100px;
}

table th,
table td {
	padding: 0.25rem;
	vertical-align: top;
}

table thead th {
	vertical-align: bottom;
	border-bottom: 2px solid #eceeef;
}

.marker
{
	background-color: Yellow;
}

span[lang]
{
	font-style: italic;
}

figure
{
	text-align: center;
	border: solid 1px #ccc;
	border-radius: 2px;
	background: rgba(0,0,0,0.05);
	padding: 10px;
	margin: 10px 20px;
	display: inline-block;
}

/* KONFLIKT mit ck_editor StYLES */
.MainContent figure
{
	text-align: normal;
	border: solid 0px;
	border-radius: 0px;
	background: transparent;
	padding: 0px;
	margin: 0px 0px;
	display: inline-block;
}

figure > figcaption
{
	text-align: center;
	display: block; /* For IE8 */
	font-size: 0.8em;
}



/* Widget Styles */
.code-featured
{
	border: 5px solid red;
}

.math-featured
{
	padding: 20px;
	box-shadow: 0 0 2px rgba(200, 0, 0, 1);
	background-color: rgba(255, 0, 0, 0.05);
	margin: 10px;
}

.image-clean
{
	border: 0;
	background: none;
	padding: 0;
}

.image-clean > figcaption
{
	font-size: .9em;
	text-align: right;
}

.image-grayscale
{
	background-color: white;
	color: #666;
}

.image-grayscale img, img.image-grayscale
{
	filter: grayscale(100%);
}

.embed-240p
{
	max-width: 426px;
	max-height: 240px;
	margin:0 auto;
}

.embed-360p
{
	max-width: 640px;
	max-height: 360px;
	margin:0 auto;
}

.embed-480p
{
	max-width: 854px;
	max-height: 480px;
	margin:0 auto;
}

.embed-720p
{
	max-width: 1280px;
	max-height: 720px;
	margin:0 auto;
}

.embed-1080p
{
	max-width: 1920px;
	max-height: 1080px;
	margin:0 auto;
}

/** justify **/
.text-left {
	text-align: left;
}
.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}
.text-justify-asshole {
	text-align: justify;
}




/*--------------------------------------------------------------
/* ab hier georgs own rules
Diese Datei wird noch einmal wiederholt zur Innenansicht im WYSIWYG rte_ckeditor
Pfad:
/fileadmin/ck_editor/ck_editor.css
--------------------------------------------------------------*/


@font-face
{

font-family: 'IcoFont';
font-weight: normal;
font-style: 'Regular';
/* src: url('/fileadmin/elpanno/fonts/icofont.woff2') format('woff2'), */
url('/fileadmin/elpanno/fonts/icofont.woff') format('woff');
}

@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Grape Nuts';
  font-style: normal;
  font-weight: 400;
  src: url('/fileadmin/elpanno/fonts/grape-nuts-v5-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* [class^='IcoFont-'], [class*=' IcoFont-']
{
  font-family: 'IcoFont' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  line-height: 1;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
} */


.bmo {display:none;}

@media (max-width: 992px) {

.bmo {display: inline;}
.bdto {display: none;}

}

.text-justify {text-align: justify;}
.text-left {text-align: left;}
.text-right {text-align: right;}


.align-center {text-align: center;}
.upper {text-transform: uppercase;}
.center,.align-center {text-align: center;}
.small {font-size: 0.5em;}
.xl {font-size: 2em;}
.xxl {font-size: 6em;}

.grau {color: #808080!important;}


/* ELPANNO FARBEN */
.text_orange {color: #f97709!important; }
.text_beige {color: #f2c8a2!important; }
.text_tuerkies {color: #0b8c75!important; }
.text_gruen {color: #014040!important; }
.text_rot {color: #8c142a!important; }
.text_grau {color: #333!important; }
.text_weiss {color: #fff!important; }
.text_schwarz {color: #000!important; }





.hand, .handwrite,.hand a
{font-family: Grape Nuts,Caveat, cursive!important;
	font-weight: 800;
	/* font-size: 1.2em; */
}





	  /* .external-link:before {
			font-family: IcoFont;
		  content: '\ef88';
		  display: inline-block;
		  padding-right: 5px;
		  vertical-align: top;
		  text-decoration: none;
		  color:#000;
	  } */


		.external-link::before {
			content: url(/fileadmin/elpanno/img/icons/google/share.svg);
		  color: white;
}
	  .internal-link:before {

			content: url(/fileadmin/elpanno/img/icons/google/system_update.svg);
			color: white;
			display: inline-block;
		  padding-right: 5px;
		  vertical-align: middle;
		  text-decoration: none;

	  }

	  .download::before {
		content: url(/fileadmin/elpanno/img/icons/google/download.svg);
		color: white;
		display: inline-block;
	  padding-right: 5px;
	  vertical-align: middle;
	  text-decoration: none;
	  }

		.upload::before {
		content: url(/fileadmin/elpanno/img/icons/google/upload.svg);
		color: white;
		display: inline-block;
	  padding-right: 5px;
	  vertical-align: middle;
	  text-decoration: none;
	  }


	  .mehr-erfahren-link::before {
			content: url(/fileadmin/elpanno/img/icons/google/read_more.svg);
			color: white;
			display: inline-block;
		  padding-right: 5px;
		  vertical-align: middle;
		  text-decoration: none;

	  }
	  .zurueck-link:before {
			content: url(/fileadmin/elpanno/img/icons/google/arrow_back.svg);
			color: white;
			display: inline-block;
		  padding-right: 5px;
		  vertical-align: middle;
		  text-decoration: none;

	  }


	  .link-mail:before {
			content: url(/fileadmin/elpanno/img/icons/google/mail.svg);
			color: white;
			display: inline-block;
		  padding-right: 5px;
		  vertical-align: middle;
		  text-decoration: none;

	  }
	  .link-telefon:before {
			content: url(/fileadmin/elpanno/img/icons/google/phone.svg);
			color: white;
			display: inline-block;
		  padding-right: 5px;
		  vertical-align: middle;
		  text-decoration: none;

	  }

		.sms:before {
			content: url(/fileadmin/elpanno/img/icons/google/sms.svg);
			color: white;
			display: inline-block;
		  padding-right: 5px;
		  vertical-align: middle;
		  text-decoration: none;

	  }


		.link-mail:before {

		  content: '';
		  background-image: url(/fileadmin/elpanno/img/icons/email.png);
		  background-repeat: no-repeat;
			padding-left: 25px;
		  width: 30px;
		  height: 30px;
		  background-size: contain;
		  color: white;
		  display: inline-block;
		  padding-right: 15px;
		  vertical-align: middle;
		  text-decoration: none;



		}

		.link-blog:before {

		  content: '';
		  background-image: url(/fileadmin/elpanno/img/icons/blog.png);
		  background-repeat: no-repeat;
			padding-left: 25px;
		  width: 30px;
		  height: 30px;
		  background-size: contain;
		  color: white;
		  display: inline-block;
		  padding-right: 15px;
		  vertical-align: middle;
		  text-decoration: none;



		}
		.link-telefon:before {
		  content: '';
		  background-image: url(/fileadmin/elpanno/img/icons/telefon.png);
		  background-repeat: no-repeat;
		  padding-left: 25px;
		  width: 30px;
		  height: 30px;
		  background-size: contain;
		  color: white;
		  display: inline-block;
		  padding-right: 15px;
		  vertical-align: middle;
		  text-decoration: none;

		}

		.sms:before {
		  content: '';
		  background-image: url(/fileadmin/elpanno/img/icons/sms.png);
		  background-repeat: no-repeat;
			padding-left: 25px;
		  width: 30px;
		  height: 30px;
		  background-size: contain;
		  color: white;
		  display: inline-block;
		  padding-right: 15px;
		  vertical-align: middle;
		  text-decoration: none;


		}




  .divider {
  height:10px;
  width: 100%;
}

.underline {text-decoration: underline;}
.deco-none {text-decoration: none!important;}
.durchgestrichen {text-decoration-line: line-through;}
.knrand {
	width: 100%;
	padding: 20px 20px 20px 20px ;
	margin: 20px 20px 20px 20px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	margin-bottom: 10px;
	border:1px solid #cecece;


}

.knschatten {
	width: 94%;
	padding: 20px 20px 20px 20px ;
	margin: 20px 20px 20px 20px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	margin-bottom: 10px;
	border:1px solid #cecece;

-webkit-box-shadow: 0px 0px 15px -6px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 15px -6px rgba(0,0,0,0.75);
box-shadow: 0px 0px 15px -6px;
}



.knroterrand {
	width: 94%;
	padding: 20px 20px 20px 10px ;
	margin: 20px 20px 20px 20px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	margin-bottom: 10px;
	border:1px solid #cecece;
	border:1px solid red;
}

.ce-div,hr {
  width:100%;
  height:1px;
  background-color: #ccc;
}


code {
  font-size: 1em;
  color: #000;
  word-wrap: break-word;
	background-color: rgba(255, 255, 255, 0.5);
}