/* Ersetzen: generic-font mit font-family
			 font-color mit Fließtextfarbe
			 link-color mit a Farbe
			 link-hover-color mit a:hover Farbe

/* GENERIC STYLES 
font-family:'generic-font';

Farben:
Links/normal: link-color
Links/hover : link-hover-color
*/

/* Fonts integrieren, font-family immer gleich, font-weight / font-style eintragen */

@font-face{
	font-family:"Calibri W01 Light";
	src:url("Fonts/3a9dc726-d61e-48d0-86ba-9548f35b5625.woff2") format("woff2"),url("Fonts/de3d8ed1-44f0-4110-88aa-6b53605d358a.woff") format("woff");
}
@font-face{
	font-family:"Calibri W01 Regular";
	src:url("Fonts/dbcfebeb-81b6-4dd3-912a-c4fc1bb8b8dc.woff2") format("woff2"),url("Fonts/e7769402-c907-4b00-b07b-719187adf68a.woff") format("woff");
}
@font-face{
	font-family:"Calibri W01 Bold";
	src:url("Fonts/3ca076a2-34ad-4c48-a029-02536a509f22.woff2") format("woff2"),url("Fonts/bc67b9af-646e-4b42-854e-ff3981151dea.woff") format("woff");
}
    /*
	@font-face{
        font-family:"Myriad W01 Lt";
        src:url("Fonts/e7e30ff2-3a95-49b0-bbf9-024f40ead426.woff2") format("woff2"),url("Fonts/b984f4e8-e37d-4502-bead-ffd991e64d1f.woff") format("woff");
    }
    @font-face{
        font-family:"Myriad W01 Lt It";
        src:url("Fonts/6ad65c4a-999a-4b06-92ad-075dd9a6c0a7.woff2") format("woff2"),url("Fonts/3efa8eef-d81a-4a5b-ba15-94c5afa463cf.woff") format("woff");
    }
    @font-face{
        font-family:"Myriad W01 Regular";
        src:url("Fonts/3b0f1c67-c2e4-4df6-976f-49d52e45aba1.woff2") format("woff2"),url("Fonts/c5b1c170-d8f7-41f9-85c2-0ab670780c6b.woff") format("woff");
    }
    @font-face{
        font-family:"Myriad W01 It";
        src:url("Fonts/a56f9fd5-b438-4696-ae62-d273eb2e4c1b.woff2") format("woff2"),url("Fonts/7becdf28-cd45-4f8a-bcab-d8c861a8ebc5.woff") format("woff");
    }
    @font-face{
        font-family:"Myriad W01 SmBd";
        src:url("Fonts/0b6110f9-6072-46b9-98af-7d09f7c895b8.woff2") format("woff2"),url("Fonts/c22866d7-ca67-4170-a113-cae280eea669.woff") format("woff");
    }
*/

.typography {
	font-family: 'Calibri W01 Light', sans-serif;
	color: rgb(0, 57, 96);
	font-size: 19px;
	line-height: 1.3em;
}

textarea {
	font-family: 'Calibri W01 Light', sans-serif;
	font-size: 0.9em;
}
	

/* PARAGRAPHS 
-------------------------------------------- */
.typography p {
 	margin-top: 0;
	margin-bottom: 1em;
}

.typography #Layout p, .typography #Layout table, .typography #Layout ul, .typography #Layout ol {

}

.typography .Gelb {
	color: rgb(254, 202, 54);
}

.typography .Button, .Button {
	background: rgb(7, 26, 38);
	border: 2px solid #fff;
	color: rgb(254, 202, 54);
	display: inline-block;
	padding: 0.25rem 0.5rem;
}

.typography .topnaviButton .Button  {
	color: #fff;
}

.TeasersPage .topnaviButton   {
	display: none;
}

.typography .rund {
	display: inline-block;
	margin: 0 auto;
	width: 400px;
	height: auto;
	min-height: 100%;
	border-radius: 50%;
	border: 6px solid rgb(254, 202, 54);
}

.typography .team {
	display: inline-block;
	padding: 0 !important;
	margin: 0 20px 15px 0 !important;
	margin: 0 auto;
	height: auto;
	border-radius: 50%;
	border: 6px solid rgb(254, 202, 54);
}

.typography .topnavi a {
	color: rgb(0, 57, 96);
}

.typography .topnavi a:hover {
	color: rgb(150, 150, 150);
}

.typography .icon-phone {
	background: url(/images/icons/icon-phone.png) no-repeat left center;
	padding: 2px 2px 2px 25px;
	background-size: 15px 20px;
	color: rgb(0, 57, 96);
}

.typography .icon-mail {
	background: url(/images/icons/icon-mail.png) no-repeat left center;
	padding: 2px 2px 2px 25px;
}

.typography a.icon-mail  {
	color: rgb(0, 57, 96);
}

.typography a.icon-mail:hover {
	color: rgb(150,150,150);
}

.typography .icon-web {
	background: url(/images/icons/icon-web.png) no-repeat left center;
	padding: 2px 2px 2px 25px;
	
}

.typography a.icon-web  {
	color: rgb(0, 57, 96);
}

.typography a.icon-web a:hover {
	color: rgb(150, 150, 150);
}

/* QUOTES
-------------------------------------------- */
.typography blockquote {
	padding: 0.5em 1em;
	margin-bottom: 1em;
	font-size: 1.25em;
	border-left: 0.25em solid #eceeef;
}

.typography .clearfix::after, .typography .clear:after {
  display: block;
  content: "";
  clear: both;
}


.typography blockquote:before, .typography blockquote:after  {
	content: "";
	content: none;
}

.typography q {
	display:block;
	padding: 0.5em 1em;
	margin-bottom: 1em;
	font-size: 1.25em;
	border-left: 0.25em solid #eceeef;
	quotes: none;
}

.typography q:before, .typography q:after { content: ""; content: none; }

.typography .clear {
	clear:both;
}

.typography em {
	letter-spacing: 0.2px;
}


/* REVISION
-------------------------------------------- 
.typography ins { background-color: #ff9; color: #000; text-decoration: none; }

.typography mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

.typography del { text-decoration: line-through; }

.typography abbr[title], .typography dfn[title] { border-bottom: 1px dotted; cursor: help; }
*/


/* LINKS 
-------------------------------------------- */

.typography a { 
	color: rgb(254, 202, 54);
    text-decoration: none;
    background-color: transparent;
	transition: color 0.25s ease-out; 
}
.typography a:hover { 
	
}



	/* LINK ICONS - shows type of file
	------------------------------------ */
	.typography a[href$=".pdf"],
	.typography a[href$=".PDF"],
	.typography a.pdf {
		padding: 2px;
		padding-left: 20px;
		background: url(/../images/icons/page_white_acrobat.png) no-repeat left center;
	}
	.typography a[href$=".doc"],
	.typography a[href$=".DOC"],
	.typography a[href$=".docx"],
	.typography a[href$=".DOCX"],
	.typography a.doc {
		padding: 2px;
		padding-left: 20px;
		background: url(/../images/icons/page_word.png) no-repeat left center;
	}
	.typography a[href$=".xls"],
	.typography a[href$=".XLS"],
	.typography a[href$=".xlsx"],
	.typography a[href$=".XLSX"],
	.typography a.xls {
		padding: 2px;
		padding-left: 20px;
		background: url(/../images/icons/page_excel.png) no-repeat left center;
	}
	.typography a[href$=".gz"],
	.typography a[href$=".GZ"],
	.typography a[href$=".gzip"],
	.typography a[href$=".GZIP"],
	.typography a[href$=".zip"],
	.typography a[href$=".ZIP"],
	.typography a.archive {
		padding: 2px;
		padding-left: 20px;
		background: url(/../images/icons/page_white_zip.png) no-repeat left center;
	}
	.typography a[href$=".exe"],
	.typography a[href$=".EXE"],
	.typography a.application {
		padding: 2px;
		padding-left: 20px;
		background: url(/../images/icons/application.png) no-repeat left center;
	}

.typography a[href^=tel] {
 		color:inherit;
		text-decoration: none;
}

.touch .typography a[href^=tel]  {
  		border: 1px solid #ccc;
		border-radius: 5px;
		color: black;
		display: inline-block;
		font-style: normal;
		margin-top: 10px;
		padding: 3px 5px;
		text-decoration: none;

  }

/* HEADING STYLES
-------------------------------------------- */
h1 {
	font-size: 1.75em;
}

h2 {
	font-size: 1.8em;
	margin-bottom: 15px;
	line-height: 1.2em;
}

#Leistungen h2 {
	font-size: 1rem;
	margin-bottom: 0px;
	padding: 4px 0;
}

h3 {
	font-size: 1.3em;
	margin-bottom: 15px;
}


/* LIST STYLES
-------------------------------------------- */
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1em;
  list-style-type: circle;
  padding-left: 25px;

}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}


/* PRE STYLES
-------------------------------------------- */
.typography pre {
	display: block;
	font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	margin-top: 0;
	margin-bottom: 1em;
	font-size: 90%;
	color: #292b2c;
}

.typography pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  background-color: transparent;
  border-radius: 0;
}

.typography code {
  padding: 0.2em 0.4em;
  font-size: 90%;
  color: #bd4147;
  background-color: #f7f7f9;
  border-radius: 0.25em;
}

/* TABLE STYLING 
-------------------------------------------- */
.typography .table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1em;
  background-color: transparent;
}

.typography .table th,
.typography .table td {
  padding: 0.75em;
  vertical-align: top;
  border-top: 1px solid #eceeef;
}

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

.typography .table tbody + tbody {
  border-top: 2px solid #eceeef;
}

.typography .table .table {
  background-color: #fff;
}



/* WYSIWYG EDITOR ALIGNMENT CLASSES 
-------------------------------------------- */
.typography .left {
	text-align: left;
}
.typography .center {
	text-align: center;
}
.typography .right {
	text-align: right;
}

/* IMAGES 
-------------------------------------------- */
.typography img {
    border: none;
    max-width: 100%;
    height: auto;
}
.typography img.right {
    float: right;
    margin-left: 20px;
}
.typography img.left {
    float: left;
    padding: 0px 20px 10px 0;
    margin:0px 0 0 0;
}
.typography img.leftAlone {
    float: left;
    margin:5px 100% 10px 0;
}
.typography .captionImage {
	max-width: 100%;
}


.typography img.center {
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.nocursor {
	pointer-events: none;
}

/* iframes responsive */

.typography iframe {
	max-width: 100%;
}

.typography iframe[src~="/maps"] {
	max-width: 80%;
}

.typography input[type="submit"], .typography input[type="button"] {
	background: rgb(7, 26, 38);
	color: rgb(254, 202, 54);
	display: inline-block;
	padding: 0.3rem 0.5rem;
	font-size: 0.9em;
	margin-top: 20px
}

.typography input[type="submit"]:hover, .typography input[type="button"]:hover {
    cursor: pointer;
}

/* FORMS */
.userform .left {
    margin-bottom: 5px;
    font-weight: 200 !important;
    font-size: 1.1em;
    }
input[type=text],
input[type=date],
input[type=datetime],
input[type=number],
input[type=search],
input[type=time],
input[type=url],
input[type=email],
textarea,
select {
    padding: 7px;
    margin:10px 0;
}

.field .checkbox {
    float: left; 
    width: 13px; 
    height: 13px; 
    margin-right: 12px; 
    margin-top: 3px;
    padding: 0;
}

#EditableTextField_34d82-error, #EditableTextField_92225-error, #EditableTextField_767a2-error {
position: relative;
left: 350px;
display: block;
min-width: 500px;

}