/* ########## Globales Styling Beginn ########## */
body{font-size:16px;}
#designbody {font-size:12px;}
#wrapper #header #topBar {background-color:#0194c8;}
#wrapper #header #topBar .container {padding:0;}
.d-none {display:none!Important;}
.d-block {display:block!Important;}

.h1, .h2, .h3, .h4, .h5, .h6 {
  margin: 0;
  color: #000;
  font-family: 'Open Sans';
  font-weight: 300;
  letter-spacing: -1px;
}
.h4 {
  font-size: 1.2em;
  letter-spacing: normal;
  line-height: 27px;
  margin: 0 0 14px 0;
}
blockquote {
  margin: 0;
  border: none;
  padding: 0;
  font-size: 1em;
}
ul.searchResults {
  list-style-type: none;
  padding: 0;
}

.form-control {height:30px; border-radius:6px !important;}
a.has-error {color: #a94442!Important;}
.has-error-cb {border-color: #a94442!Important;}
.littleFormWrongField {border:1px solid #a94442 !important;}
.lead {font-weight:400 !important;}
.container .row h3.lessBottomMargin {margin-bottom:12px;}
.container .row ul.submenuList {display: inline-block;}
.container .row.logoBoxes .col-sm-3.col-md-3 {padding:15px;}
.container .row.logoBoxes .itemLogo {padding:10px; border:1px solid #eee; overflow:hidden;}
.thumbnail .caption {min-height: 280px;}
.thumbnail .caption .block {line-height:1.2;}

.box-content.thumbnail p {height:auto;}
.box-content.thumbnail {max-width:none;}
.box-content.thumbnail3viertel {max-width:none; margin-bottom: 20px;}
.box-content.thumbnail .clearfix.margin-bottom10.showMore {font-size:14px;}

.row.lightbox .thumbnail {line-height:0; display:inherit;}
.container .row img.picsNewsDetail  {margin:0 0 30px 0;}
div.moreRightPadding li{font-size: 14px; line-height: 20px;margin-bottom: 10px;}
div.moreRightPadding.pdfList li{padding-left:1.3em; font-size: 14px; line-height: 20px;margin-bottom: 10px;}
li.navExtraRow{margin-top: 10px;}
ul.dropdown-menu{padding-top: 6px!important;}
.quelle p{font-size: 13px !important;}
.zitat p{font-size: 22px !important; font-family:'Roboto Slab', serif; font-weight:300; line-height:30px;}
.longString {word-break:break-all; word-wrap:break-word}

#theSidebar p.fontsize14px {font-size:14px;}
#NameInstitution {font-weight: 400;color: #fff;padding-right: 20px;}
#NameInstitutionStart {font-weight: 400;color: #fff;padding-right: 20px; margin: 7px 0; font-size: 26px; letter-spacing: 0.16px!important;}
#svg_style {float:left; fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;}

.pdfList ul {list-style: none;padding: 0;}
.pdfList li:before {content: "\f1c1"; /* FontAwesome Unicode */ font-family: FontAwesome; display: inline-table; margin-left: -1.6em; /* same as padding-left set on li */ width: 1.3em; /* same as padding-left set on li */ color: #cc0000}
.pdfList li span {display: inline-table;}

.organigramm p {margin:0; line-height:1.3;}
.organigramm .clearfix {height:20px;}
.organigramm>.center-block {text-align:center;}
.organigramm .orgChild {padding:5px; border:2px solid #999; margin-bottom:10px; text-align:center;}
.organigramm .center-block.orgWeiteres {font-size:12px; line-height:1.3; border:2px solid #0194c8; padding:5px; background-color: #0194c8; color: #fff;}
.organigramm .abteilung .orgChild {font-size:12px; width: 100%;}
.organigramm .abteilung .orgChild:first-of-type {background: #0194c8;color: #fff;border: 2px solid #0194c8;}
.organigramm .orgChild.praesident {width:250px; padding:10px; border:2px solid #999; margin-bottom:10px; text-align:center;}
.right p {text-align:right;}

a#contrastHigh i.fa.fa-adjust {font-size: 22px; position: relative; top: 1px; color: #000;}
a#contrastHigh i.fa.fa-circle {position: absolute; top: 18px; left: 22px;}
a#contrastHighMobile i.fa.fa-adjust {color:#000; font-size: 36px; position: relative; top: 10px;left:80px;display: inline-block!Important;}
a#contrastHighMobile i.fas.fa-circle {display:none;}
a#contrastHighMobile i.fas.fa-circle:before {display:none;}
.contrastText {font-size: unset!Important; font-weight: 400; color:#fff!Important; visibility:hidden;}

#footer {color: #555; background-color:#fff; border-top:#0194c8 20px solid;}
#toTop {
  background-color: unset;
  position: fixed;
  right: 6px;
  bottom: 0;
  opacity: 0.9;
  text-decoration: none;
  display: none;
  padding:0;
  z-index: 1000;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
#toTop img {
  height: 35px;
  width: 48px;
}
#toTop:before {
  display:none;
}
/* ########## Globales Styling Ende ########## */



/* ########## Styling für verschiedene Displaygrößen Beginn ########## */
@media only screen and (max-width: 374px) {
  .newsStartTitle {width: 220px;}
}
@media only screen and (min-width: 436px) and (max-width: 1024px) {
  .newsStartTitle {width: 220px;}
}

@media only screen and (max-width: 577px){
	 .logoimage{width: 100% !important;padding: 0 6px !important;}
}

@media only screen and (max-width: 767.98px) {
  .editGlobalButtonMenue, .editButtonContainer, #penGlobal {display:none;}
  .editButtonMenue, .editButtonContainer, #penGlobal {display:none;}
	.hideOnMobile {display:none;}
	.lead {font-size:18px !important; clear:both;}
	.logoimage{width:40%;padding: 0 0px;}
  .right p {text-align:left; margin-bottom:0!important;}
	body{font-size:12px;}

  #topNav ul.nav>li:last-of-type {display:none!Important;}
  #topNav ul.nav>li>a {font-weight: 400;}
  #topNav ul.nav>li>ul {padding:0 !important;}
  #topNav ul.nav>li>ul>li>a {font-size: 16px;}
  #topNav ul.nav>li>ul>li>ul {padding:0 !important;}
  #topNav ul.nav>li>ul>li>ul>li>a {font-size: 16px;}
	#topNav ul.dropdown-menu a.dropdown-toggle:after {top:18px;}
  #topNav ul.nav>li>ul.pull-right {float: left !important;}
  #topNav ul.nav>li.mega-menu div.row.rowMegaMenue {margin-bottom:0;}
  #topNav ul.nav>li.mega-menu div div.megaMenuDiv {border-left:0;margin-bottom:0;}
  #topNav ul.nav>li.mega-menu div div.megaMenuDiv a{font-size:16px;border-bottom: 1px solid #eee;padding: 19px 19px !important;}
  #topNav ul.nav>li.mega-menu div div.megaMenuDiv a.noborder{border-bottom: 1px solid #eee !important;}

  #serviceNaviTop a{color:#fff;}
  #serviceNaviTop {padding-right:20px;color:#fff;margin-top: 10px !important;font-size: 9px !important;line-height: 16px !important;}
  #theSidebar {display:none;}
  #footer .spaced {padding: 20px 15px 0 15px;}
  #NameInstitution {font-size: 22px!important;letter-spacing:0.3px!important;margin-top: 5px !important;}
	#svg_style {float:right;}
  }

@media only screen and (min-width: 768px) {
	#contrastHighMobile {display:none;}
  .editButtonForm {z-index:1000; right:0; position:absolute;}
  .editGlobalButtonMenue {padding:0;background-color: #ffdddd;}
  .editGlobalButtonMenueGn {padding:0;background-color: #81ff88;}
  .editButtonMenue {padding:0;}
  .editButtonContainer {padding:0;color:#3895b1;}
  .hideEditButtons {display:none;}
  #penGlobal {position: fixed;top: 0;left: 0;}
  .logoimage{width: 360px;}
  #NameInstitution {font-size: 24px!important;letter-spacing:0.22px!important;}
  #serviceNaviTop a{color:#fff;}
  #serviceNaviTop {padding-right:20px;color:#fff;font-size: 10px;}
}

@media only screen and (max-width: 991.98px) {
	#topNav div.navbar-collapse {margin-top:0;}
  section.page-title h1 small {display:inline-block;}
  .tp-simpleresponsive .tp-caption{visibility: hidden!important;}
  .organigramm .orgDrittel {margin-bottom:8px;}
}

@media only screen and (min-width: 992px) and (max-width: 1169.98px) {
  #header form.search { position: relative; float: right; max-width: 128px; margin: 12px 0 0 0; padding: 0;}
}
@media only screen and (min-width: 1170px) {
  #header form.search { position: relative; float: right; max-width: 150px; margin: 12px 0 0 0; padding: 0;}
}
@media only screen and (min-width: 992px) {
	#topBar .container #serviceNaviTop {font-size:14px; font-weight:400; color:#fff; padding-right: 20px;}
  #wrapper #header #topNav {background-color:rgba(0, 0, 0, 0.03);; position:absolute; z-index:100; top:130px; box-shadow: none; -webkit-box-shadow: none;}
  #wrapper #header #topNav .container {background-color:#006492;}
  #topNav ul.nav>li a.firstLevel {color: #fff; font-weight:400;}
  #topNav ul.dropdown-menu li.navRow {max-width:83%;}
  #topNav ul.nav>li a.secondLevel {padding: 10px 20px 10px 20px; font-size:14px; text-decoration:underline;}
  #topNav ul.nav>li:hover a.firstLevel {color: #00bcff;}
  #topNav ul.nav li.navExtraRow:hover a.secondLevelExtraRow {background-color:transparent!important; color:#0194c8!important;}
  #topNav ul.nav .navExtraRow {text-align:right;}
  #topNav ul.nav .navExtraRow a {color:#0194c8!important; font-size:16px!important; padding: 15px 20px 10px 20px!important; border-top: 2px solid #0194c8;}
	#topNav div.navbar-collapse {margin-top:2px;}
  #topNav ul.dropdown-menu {border-radius: 0 0 6px 6px; margin-top:0;}
  #topNav ul.dropdown-menu>li a {border-bottom:0;}
  #topNav ul.dropdown-menu .navSvgBox {position: absolute; top:10px; right: 10px;}
  #header form.search button {position: absolute; top: 10px; right: 10px; color: #ccc; z-index: 1;}
  #NameInstitution {font-size:26px!important;letter-spacing:0.16px!important;}
  
  #topNav ul.thirdLevel {
  	min-width:unset;
  }
  #topNav ul.dropdown-menu li.navRow .thirdLevel {
    max-width: 100%;
    padding: 10px;
    font-size: 14px;
  }
  #topNav ul.dropdown-menu {
    min-width: unset;
}

  section.page-title {margin-top:56px;}
	body{font-size:14px;}
  
  ul.side-nav li.list-toggle.active:after {
    content: "\f108";
    display:none;
	}
  ul.side-nav li.list-toggle:after {
    content: "\f105";
    display:none;
	}

  .slider .tp-caption.movingTextBox {padding:20px; border-radius:6px; background-color:rgba(255,255,255,0.85);}
  .slider .tp-caption.movingTextBox span {font-size:13px;}
  .container .row .moreRightPadding {padding-right:50px;}
	.organigramm .orgParent.abteilung {width:149px; display:inline-table; margin:0 2px 10px 2px;}

  #footer .container {height:250px;font-size:12px;}
  #footer #logoFoot {float:left!important;}
	#footer .logo_footer {padding: 60px 15px 10px 15px;}
  #footer .row #naviFoot {text-align:right;}
  #footer .row a {text-decoration:underline;}
}

@media only screen and (max-width: 1169.98px) {
	.organigramm .orgParent.abteilung {width:100%; display:inline-table; margin:0 2px 10px 2px;}
  .zitat{font-size: 18px !important;line-height: 24px;}
}

@media only screen and (min-width: 1220px) {
	#wrapper #header #topNav .container {border-radius: 0 0 6px 6px;}
 	body{font-size:16px;}
  #footer .container {font-size:14px !important;}
}
/* ########### Styling für verschiedene Displaygrößen Ende ########### */



/* ########## Colorbox Beginn ##########*/

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url('/static/trh/assets/plugins/colorbox/images/overlay.png') repeat 0 0;}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; background:url('/static/trh/assets/plugins/colorbox/images/controls.png') no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url('/static/trh/assets/plugins/colorbox/images/controls.png') no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url('/static/trh/assets/plugins/colorbox/images/controls.png') no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url('/static/trh/assets/plugins/colorbox/images/controls.png') no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url('/static/trh/assets/plugins/colorbox/images/controls.png') left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url('/static/trh/assets/plugins/colorbox/images/controls.png') right top repeat-y;}
    #cboxTopCenter{height:21px; background:url('/static/trh/assets/plugins/colorbox/images/border.png') 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url('/static/trh/assets/plugins/colorbox/images/border.png') 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url('/static/trh/assets/plugins/colorbox/images/loading_background.png') no-repeat center center;}
        #cboxLoadingGraphic{background:url('/static/trh/assets/plugins/colorbox/images/loading.gif') no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url('/static/trh/assets/plugins/colorbox/images/controls.png') no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url('/static/trh/assets/plugins/colorbox/images/controls.png') no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url('/static/trh/assets/plugins/colorbox/images/controls.png') no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
  Feel free to remove this and the /ie6/ directory if you have dropped IE6 support.
*/
.cboxIE6 #cboxTopLeft{background:url('/static/trh/assets/plugins/colorbox/images/ie6/borderTopLeft.png');}
.cboxIE6 #cboxTopCenter{background:url('/static/trh/assets/plugins/colorbox/images/ie6/borderTopCenter.png');}
.cboxIE6 #cboxTopRight{background:url('/static/trh/assets/plugins/colorbox/images/ie6/borderTopRight.png');}
.cboxIE6 #cboxBottomLeft{background:url('/static/trh/assets/plugins/colorbox/images/ie6/borderBottomLeft.png');}
.cboxIE6 #cboxBottomCenter{background:url('/static/trh/assets/plugins/colorbox/images/ie6/borderBottomCenter.png');}
.cboxIE6 #cboxBottomRight{background:url('/static/trh/assets/plugins/colorbox/images/ie6/borderBottomRight.png');}
.cboxIE6 #cboxMiddleLeft{background:url('/static/trh/assets/plugins/colorbox/images/ie6/borderMiddleLeft.png');}
.cboxIE6 #cboxMiddleRight{background:url('/static/trh/assets/plugins/colorbox/images/ie6/borderMiddleRight.png');}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}

    /* ########### Colorbox Ende ###########*/
    
/* ########## Styling Editbutton für Redakteure Beginn ########## */
@media only screen and (min-width: 768px) {
  .editButtonForm {
    z-index:1000; right:0; position:absolute;
  }
  .editGlobalButtonMenue {
    padding:0;
    background-color: #ffdddd;
  }
  .editGlobalButtonMenueGn {
    padding:0;
    background-color: #81ff88;
  }
  .editButtonMenue {
    padding:0;
    display: none;
  }
  .editButtonContainer {
    padding:0;
    color:#3895b1;
    display: none;
  }
  .showEditButtons {
    display:block;
  }  
  .hideEditButtons {
    display:none;
  }
  #penGlobal {
  	position: fixed;
    top: 0;
    left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .editGlobalButtonMenue, .editButtonContainer, #penGlobal {display:none;}
  .editButtonMenue, .editButtonContainer, #penGlobal {display:none;}
  #theSidebar {display:none;}
  #footer .spaced {padding: 20px 15px 0 15px;}
}

/* ########### Styling Editbutton für Redakteure Ende ########### */

@font-face {
    font-family: 'Open Sans';
    src: url('/static/trh/fonts/OpenSans-Light.eot');
    src: url('/static/trh/fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
        url('/static/trh/fonts/OpenSans-Light.woff2') format('woff2'),
        url('/static/trh/fonts/OpenSans-Light.woff') format('woff'),
        url('/static/trh/fonts/OpenSans-Light.ttf') format('truetype'),
        url('/static/trh/fonts/OpenSans-Light.svg#OpenSans-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/static/trh/fonts/OpenSans-LightItalic.eot');
    src: url('/static/trh/fonts/OpenSans-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('/static/trh/fonts/OpenSans-LightItalic.woff2') format('woff2'),
        url('/static/trh/fonts/OpenSans-LightItalic.woff') format('woff'),
        url('/static/trh/fonts/OpenSans-LightItalic.ttf') format('truetype'),
        url('/static/trh/fonts/OpenSans-LightItalic.svg#OpenSans-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/static/trh/fonts/OpenSans-Regular.eot');
    src: url('/static/trh/fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('/static/trh/fonts/OpenSans-Regular.woff2') format('woff2'),
        url('/static/trh/fonts/OpenSans-Regular.woff') format('woff'),
        url('/static/trh/fonts/OpenSans-Regular.ttf') format('truetype'),
        url('/static/trh/fonts/OpenSans-Regular.svg#OpenSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/static/trh/fonts/OpenSans-ExtraBoldItalic.eot');
    src: url('/static/trh/fonts/OpenSans-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('/static/trh/fonts/OpenSans-ExtraBoldItalic.woff2') format('woff2'),
        url('/static/trh/fonts/OpenSans-ExtraBoldItalic.woff') format('woff'),
        url('/static/trh/fonts/OpenSans-ExtraBoldItalic.ttf') format('truetype'),
        url('/static/trh/fonts/OpenSans-ExtraBoldItalic.svg#OpenSans-ExtraBoldItalic') format('svg');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/static/trh/fonts/OpenSans-SemiBoldItalic.eot');
    src: url('/static/trh/fonts/OpenSans-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('/static/trh/fonts/OpenSans-SemiBoldItalic.woff2') format('woff2'),
        url('/static/trh/fonts/OpenSans-SemiBoldItalic.woff') format('woff'),
        url('/static/trh/fonts/OpenSans-SemiBoldItalic.ttf') format('truetype'),
        url('/static/trh/fonts/OpenSans-SemiBoldItalic.svg#OpenSans-SemiBoldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/static/trh/fonts/OpenSans-BoldItalic.eot');
    src: url('/static/trh/fonts/OpenSans-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('/static/trh/fonts/OpenSans-BoldItalic.woff2') format('woff2'),
        url('/static/trh/fonts/OpenSans-BoldItalic.woff') format('woff'),
        url('/static/trh/fonts/OpenSans-BoldItalic.ttf') format('truetype'),
        url('/static/trh/fonts/OpenSans-BoldItalic.svg#OpenSans-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/static/trh/fonts/OpenSans-Bold.eot');
    src: url('/static/trh/fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('/static/trh/fonts/OpenSans-Bold.woff2') format('woff2'),
        url('/static/trh/fonts/OpenSans-Bold.woff') format('woff'),
        url('/static/trh/fonts/OpenSans-Bold.ttf') format('truetype'),
        url('/static/trh/fonts/OpenSans-Bold.svg#OpenSans-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/static/trh/fonts/OpenSans-Italic.eot');
    src: url('/static/trh/fonts/OpenSans-Italic.eot?#iefix') format('embedded-opentype'),
        url('/static/trh/fonts/OpenSans-Italic.woff2') format('woff2'),
        url('/static/trh/fonts/OpenSans-Italic.woff') format('woff'),
        url('/static/trh/fonts/OpenSans-Italic.ttf') format('truetype'),
        url('/static/trh/fonts/OpenSans-Italic.svg#OpenSans-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/static/trh/fonts/OpenSans-SemiBold.eot');
    src: url('/static/trh/fonts/OpenSans-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('/static/trh/fonts/OpenSans-SemiBold.woff2') format('woff2'),
        url('/static/trh/fonts/OpenSans-SemiBold.woff') format('woff'),
        url('/static/trh/fonts/OpenSans-SemiBold.ttf') format('truetype'),
        url('/static/trh/fonts/OpenSans-SemiBold.svg#OpenSans-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/static/trh/fonts/OpenSans-ExtraBold.eot');
    src: url('/static/trh/fonts/OpenSans-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('/static/trh/fonts/OpenSans-ExtraBold.woff2') format('woff2'),
        url('/static/trh/fonts/OpenSans-ExtraBold.woff') format('woff'),
        url('/static/trh/fonts/OpenSans-ExtraBold.ttf') format('truetype'),
        url('/static/trh/fonts/OpenSans-ExtraBold.svg#OpenSans-ExtraBold') format('svg');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Slab';
    src: url('/static/trh/fonts/RobotoSlab-Light.eot');
    src: url('/static/trh/fonts/RobotoSlab-Light.eot?#iefix') format('embedded-opentype'),
        url('/static/trh/fonts/RobotoSlab-Light.woff2') format('woff2'),
        url('/static/trh/fonts/RobotoSlab-Light.woff') format('woff'),
        url('/static/trh/fonts/RobotoSlab-Light.ttf') format('truetype'),
        url('/static/trh/fonts/RobotoSlab-Light.svg#RobotoSlab-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto Slab';
    src: url('/static/trh/fonts/RobotoSlab-Bold.eot');
    src: url('/static/trh/fonts/RobotoSlab-Bold.eot?#iefix') format('embedded-opentype'),
        url('/static/trh/fonts/RobotoSlab-Bold.woff2') format('woff2'),
        url('/static/trh/fonts/RobotoSlab-Bold.woff') format('woff'),
        url('/static/trh/fonts/RobotoSlab-Bold.ttf') format('truetype'),
        url('/static/trh/fonts/RobotoSlab-Bold.svg#RobotoSlab-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto Slab';
    src: url('/static/trh/fonts/RobotoSlab-Regular.eot');
    src: url('/static/trh/fonts/RobotoSlab-Regular.eot?#iefix') format('embedded-opentype'),
        url('/static/trh/fonts/RobotoSlab-Regular.woff2') format('woff2'),
        url('/static/trh/fonts/RobotoSlab-Regular.woff') format('woff'),
        url('/static/trh/fonts/RobotoSlab-Regular.ttf') format('truetype'),
        url('/static/trh/fonts/RobotoSlab-Regular.svg#RobotoSlab-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto Slab';
    src: url('/static/trh/fonts/RobotoSlab-Thin.eot');
    src: url('/static/trh/fonts/RobotoSlab-Thin.eot?#iefix') format('embedded-opentype'),
        url('/static/trh/fonts/RobotoSlab-Thin.woff2') format('woff2'),
        url('/static/trh/fonts/RobotoSlab-Thin.woff') format('woff'),
        url('/static/trh/fonts/RobotoSlab-Thin.ttf') format('truetype'),
        url('/static/trh/fonts/RobotoSlab-Thin.svg#RobotoSlab-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
}