@media all {
	html {
		font-size: 16px !important;
	}
/*	
	body {
		font-family: "HamburgSans",sans-serif;
  		color: #333;
		font-size: 11px;
		line-height: 1.6rem;
  		margin: .5rem;
	}
*/	
	strong {
		font-weight: 600;
	}
	
	hr {
	    width: 100%;
	    border-bottom: 1px #ddd solid;
	}
	
	.external-editor a,
	.external-editor a:hover,
	.external-editor a:visited,
	.external-editor a:active {
		color: #003063 !important;
    	text-decoration: none;
	}
	
	.external-editor a:hover {
    	text-decoration: underline;
	}
	
	.header {
	    position: fixed;
	    width: 100%;
	    top: 0;
	    left: 0;
	    background-color: #fff;
	    z-index: 10;
	}
	
	.header .title {
	    color: #003063;
	    font-size: 1rem;
	    line-height: .8rem;
	    font-variant: small-caps;
	    font-weight: bold;
	    padding: .5rem 3rem;
	    background-color: unset;
	    margin: .5rem auto 0 19rem;
	    position: relative;
	    z-index: 1;
	}
	
	.header .title span {
	    font-variant: none;
	    padding: 1em 0 0;
	    display: inline-block;
	}
	
	.header .title h1 {
	    font-size: 1.6rem;
	}
	
	.header .logo {
		position: relative;
		margin-top: 1rem;
	}
	
	.header .logo .hamburg-logo {
	    position: absolute;
	    top: -50px;
	    right: 20px;
	    width: 160px;
	    height: 46px;
	}

	.header .logo .hamburg-logo svg {
	    width: 100%;
	    height: 100%
	}

	.header .logo .hamburg-logo svg path {
	    fill: #000
	}

	.header .logo .hamburg-logo svg g path.st1 {
	    fill: #003063
	}

	.header .logo .hamburg-logo svg g path.st2 {
	    fill: #e10019
	}

	.header .logo img#bug {
		position: absolute;
	    height: 3rem;
	    top: -2em;
	    z-index: 1;
	}
	
	.header .logo img#blue {
	    position: absolute;
	    height: 3rem;
	    width: 100%;
	    z-index: 0;
	}
	
	.body.external-editor {
    	padding-top: 10rem;
		width: 90%;
		min-width: 320px;
		max-width: 880px;
		margin: 0 auto
	}
		
	.body h2 {
	    color: #003063;
	}
	
	div.body .k-container .k-row.k-headline {
		background-color: #fff;
		cursor: auto;
		clear: both;
	    -webkit-box-ordinal-group: unset;
	    -khtml-box-ordinal-group: unset;
	    -moz-box-ordinal-group: unset;
	    -ms-box-ordinal-group: unset;
	    -o-box-ordinal-group: unset;
	    box-ordinal-group: unset;		
	}
	
	
	div.body .k-accordion {
		margin: 0;
	}
		
	div.body .k-accordion .toggler {
		background-color: #f1f1f1;
		padding: 1em .5em;
		margin: 0 0 5px 0;
		cursor: pointer;
	}
		
	div.body ul.k-accordion li {
		list-style-type: none !important;
	    margin: 0 !important;
	   	padding: 0 !important;		
	}
		
	div.body .k-accordion li .toggler svg {
	    width: .8em;
	    height: .8em;
	    transform-origin: 25% 50%;
	}
	
	div.body .k-accordion li.open .toggler svg {
		transform: rotate(90deg);
	}
		
	div.body .k-accordion li.closed .toggler svg {
		transform: rotate(0deg);
	}
		
	div.body .k-accordion div.toggler h2 {
		color: #222;
		margin-bottom: 0;
		display: inline;
	}
		
	div.body .k-accordion li .toggle {
		padding: 1em;
		background-color: #fff;
	}
		
	div.body .k-accordion li.closed .toggle {
		display: none;
	}
		
	div.body .k-accordion .toggle ul {
		margin-bottom: 16px;
	}
		
	div.body .k-accordion .toggle ul li {
		list-style-type: disc;
	    margin: .5em 0 .7em 0 !important;
	}
	
	div.body .k-accordion .toggle ul.wide li {
		margin: 2em 0 !important;
	}
	
	div.body .k-accordion .toggle div.k-mod-contact ul li {
		list-style-type: none;
		margin: 0 !important;
	}
	
	div.body .k-accordion dl dt {
		margin-top: 2em;
	}
		
	.body.external-editor img.clear-value {
		width: 1em;
	    top: .75em;
	    right: .3em !important;
	}
	
	.body.external-editor .k-container .k-row .k-toggler,
	.body.external-editor .k-container .k-row .k-cols .k-col>label {
		top: .3em;
		position: relative;
		margin-right: .3em;
		width: 100%;
		white-space: normal;
	} 

	.body.external-editor .k-container.k-tiny .k-row .k-toggler,
	.body.external-editor .k-container.k-tiny .k-row .k-cols .k-col>label {
		line-height: normal;
	} 

	.body.external-editor .k-container .k-field .k-field-multiple label span {
	    width: auto;
	}

	.body.external-editor .k-container label sup {
		color: transparent;
	}
	.body.external-editor .k-container .k-col-1 label sup {
		color: #b00;
	    position: absolute;
	    margin: -.3em .2em 0;
	}
	.body.external-editor .k-container label.k-error {
		color: #b00;
	}
	.body.external-editor .field-error {
		color: #b00;
		padding: .5em 0;
	}
	
	.body.external-editor .k-double-input label {
		display: inline;
	}
	
	.body.external-editor .k-double-input label:nth-child(2):before {
		content: "/";
		margin: 0 .3rem;
	} 
	
	.k-double-input .k-field {
		display: flex;
		flex-flow: row wrap;
	}
	
	.body.external-editor .k-double-input .k-field>*:first-child {
		margin-right: .5em;
	}
	
	.body.external-editor .k-double-input.street-input .k-field>*:nth-child(2),
	.body.external-editor .k-double-input.street-input .k-field>*.last-child,
	.body.external-editor .k-double-input.city-input .k-field>*:first-child,
	.body.external-editor .k-double-input.city-input .k-field>*.first-child  {
		flex: 1 0 5em;
		max-width: 20vw;
	}
	
	.body.external-editor .k-double-input.street-input .k-field>*:first-child,
	.body.external-editor .k-double-input.street-input .k-field>*.first-child,
	.body.external-editor .k-double-input.city-input .k-field>*:nth-child(2),
	.body.external-editor .k-double-input.city-input .k-field>*.last-child  {
		flex: 1 0 14em;
	}
	
	
	
	/* Chrome, Safari, Edge, Opera */
	input.no-controls::-webkit-outer-spin-button,
	input.no-controls::-webkit-inner-spin-button {
	  -webkit-appearance: none;
	  margin: 0;
	}
	/* Firefox */
	input.no-controls[type=number] {
	  appearance: textfield;
	}	
	
	.ui-widget #info-popup {
	    font-size: 1.3em !important;
	    color: #444;
	}
	
	.ui-widget .ui-dialog-titlebar {
	    display: none;
	}
	
	.ui-widget button.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only {
	    min-width: 7em;
	    min-height: 2.6em;
	    color: #444;
	    border-radius: 3px;
	    font-size: 1.2em
	}		
	
	.external-editor .select2.select2-container {
    	width: 100% !important;
    	padding: 0;
	}
	
	.external-editor .select2.select2-container .select2-selection {
    	border: 1px solid #888;
	}
	
	.external-editor .select2.select2-container ul li {
	    width: 100%;
	    margin: .1em 0 !important;
	    padding: .2em .5em !important;
	    list-style-type: none !important;
	}
	.external-editor .select2.select2-container ul li.select2-selection__choice {
	    background-color: #f2f2f2;
	    border: 1px solid #003063;
	}
	.external-editor .select2.select2-container ul li.select2-selection__choice .select2-selection__choice__remove {
		margin: 0 .5em;
	}
    .external-editor .select2.select2-container input,
    .external-editor .select2.select2-container input:hover,
    .external-editor .select2.select2-container input:active,
	.external-editor .select2.select2-container input:focus {
	    border: none !important;
	    box-shadow: none !important;
	    outline: none !important;
        width: 100% !important;
	}
	
	.body.external-editor .kothing-editor ul.ke-menu-list {
    	margin-bottom: 0;
	}
	

	.body.external-editor .kothing-editor .ke-resizing-bar .ke-char-counter-wrapper * {
	    font-size: .9em;
	}
	
	.body.external-editor textarea+.k-counter {
	    position: relative;
	    float: right;
	    top: -1rem;
	    right: .4em;
	    text-align: right;
	    line-height: 0;
	    padding: 0;
	    font-size: .9em !important;
	    background-color: #fff;
	    opacity: 1;
	    transition-timing-function: ease-out;
	}
	
  	
		
	
}

