@font-face { font-family: "Brandon Grotesque W04 Regular"; src: url("../../files/farp-theme/fonts/5579736/35047f82-b9af-4502-8087-5a4bc612f8cb.woff2") format("woff2"),url("../../files/farp-theme/fonts/5579736/19c0d533-5f35-4dce-96a9-46c10c1dfe86.woff") format("woff"); }
@font-face { font-family: "Brandon Grotesque W04 Rg It"; src: url("../../files/farp-theme/fonts/5579742/c9a591e3-50f1-4c20-9b22-4257457d6a4e.woff2") format("woff2"),url("../../files/farp-theme/fonts/5579742/e80c101c-23b2-49c3-9cff-129fceb6e95e.woff") format("woff"); }
@font-face { font-family: "Brandon Grotesque W04 Medium"; src: url("../../files/farp-theme/fonts/5579748/6e27588e-b202-47a1-b3d6-4c2cb6427424.woff2") format("woff2"),url("../../files/farp-theme/fonts/5579748/56a00b76-196c-41f0-8900-5466d7283d87.woff") format("woff"); }

/*** RESET ***/
header, footer, nav, section, aside, main, article, figure, figcaption { display: block; }
body, div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, code, ol, ul, li, dl, dt, dd, figure, table, th, td, form, fieldset, legend, input, textarea { margin: 0; padding: 0; }
input, button, textarea, select { font-family: inherit; font-size: 99%; font-weight: inherit; }
html { overflow-y: scroll; }
table { border-spacing: 0; border-collapse: collapse; font-size: inherit; }
caption, th, td { text-align: left; text-align: start; vertical-align: top; }
caption, th { font-weight: bold; }
abbr, acronym { font-variant: normal; border-bottom: 1px dotted #666; cursor: help; }
blockquote, q { quotes: none; }
fieldset, img, iframe { border: 0; }
ul { list-style-type: none; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
del { text-decoration: line-through; }
ins { text-decoration: none; }
pre, code { font-family: Monaco, monospace; font-size: 0.9em; line-height: 1; }

/*** BASICS ***/
body { font-size: 16px; line-height: 1.5em; font-family: "Brandon Grotesque W04 Regular"; letter-spacing: 0.02em; color: #545454; }
.block { overflow: hidden; display: block; }
.clear, #clear, .clr { clear: both; }
.clrfix:after { content: ""; display: table; clear: both; }
.invisible { width: 0px; height: 0px; left: -1000px; top: -1000px; position: absolute; overflow: hidden; display: inline; }
hr { border: 0; height: 0; border-top: 1px solid #545454; }
a { text-decoration: none; }
a img { display: block; }
img { max-width: 100%; height: auto; }
img.mime_icon { vertical-align: top; }
img.left { float: left; margin-right: 0.5em; }
img.right { float: right; margin-left: 0.5em; }
.blue { color: #00a8ba; }
.float_left { float: left; margin-right: 1em; }
.float_right { float: right; margin-left: 1em; }
iframe { margin-bottom: 1em; max-width: 100%; }

.rot { color: #EC6258; }
.gruen { color: #9ed1b9; }
.blau { color: #007F9B; }

/*** FONTS ***/
strong, h2, h4 { font-family: "Brandon Grotesque W04 Medium"; font-style: normal; font-weight: normal; }
.mod_customnav strong, .mod_navigation strong { font-family: "Brandon Grotesque W04 Regular"; }
em { font-family: "Brandon Grotesque W04 Rg It"; }
h1, h2, h3, h4 { font-style: normal; font-weight: normal; margin-bottom: 0.5em;  }
h1 { letter-spacing: 0.03em; text-transform: uppercase; }
h2 { text-transform: uppercase; }
p, .ce_image, .ce_text .image_container, .ce_gallery, .ce_text ul, .ce_text ol, .mod_search { margin-bottom: 1em; }
a { color: #000; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
a:hover { color: #EC6258; }

/* Buttons */
a.button, span.button, .ce_download a { border: 1px solid #545454; display: inline-block; display: inline-block; font-size: 14px; }
a.button, .ce_download a { margin-top: 0.5em; margin-bottom: 0.5em; margin-right: 0.5em; }
a.button:hover, span.button:hover, .ce_download a:hover { border-color: #EC6258; }
a.button.mail, span.button.mail, a.button.phone, span.button.phone { -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; padding: 4px 14px 4px 36px; }
a.button.mail, span.button.mail { background: url("../../files/farp-theme/images/icon_mail.svg") no-repeat 12px 7px; }
a.button.phone, span.button.phone { background: url("../../files/farp-theme/images/icon_phone.svg") no-repeat 16px 7px; }
a.button.download, span.button.download, .ce_download a { background: url("../../files/farp-theme/images/icon_download.svg") no-repeat 7px 4px; padding: 4px 8px 4px 22px; }
a.button.termin, span.button.termin { padding: 4px 16px; }

a.button.mail:hover, span.button.mail:hover { background-image: url("../../files/farp-theme/images/icon_mail_red.svg"); }
a.button.phone:hover, span.button.phone:hover { background-image: url("../../files/farp-theme/images/icon_phone_red.svg"); }
a.button.download:hover, span.button.download:hover, .ce_download a:hover { background-image: url("../../files/farp-theme/images/icon_download_red.svg"); }

@media screen and (min-width: 600px) {
	h1 { font-size: 36px; line-height: 46px; }
	h2 { font-size: 20px; }
	h3 { font-size: 24px; }
	h4 { font-size: 16px; }
}

@media screen and (max-width: 599px) {
	h1 { font-size: 18px; line-height: 24px; }
	h2 { font-size: 16px; }
	h3 { font-size: 16px; }
	h4 { font-size: 16px; }
}





#cboxLoadedContent #main { height: 100vh; }
#cboxLoadedContent .inside { height: 100%; display: flex; }
#cboxLoadedContent .mod_article, #cboxLoadedContent .mod_search { display: flex; align-items: center; justify-content: center; text-align: center; width: 100%; }
#cboxLoadedContent #main { background: #D7F3F9; }
#cboxLoadedContent a.button { background-color: #007F9B; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; color: #fff; font-size: 14px; line-height: 18px; text-transform: uppercase; padding: 15px 47px 15px 75px; border: 0; background-repeat: no-repeat; background-position: 45px 17px; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15); }
#cboxLoadedContent a.button.mail { background-image: url("../../files/farp-theme/images/icon_mail_white.svg"); }
#cboxLoadedContent a.button.phone { background-image: url("../../files/farp-theme/images/icon_phone_white.svg"); }


@media screen and (min-width: 800px) {
	#cboxLoadedContent #main { font-size: 24px; line-height: 34px; }
}

@media screen and (max-width: 799px) {
	#cboxLoadedContent #main { font-size: 16px; line-height: 23px; }
}