@CHARSET "UTF-8";

@media (max-width: 1199px) {
    /************************************************/
    /******************** Footer ********************/
    /************************************************/
    #page-footer .footer-section-content {background-size:90%;}
    /************************************************/
}

@media (max-width: 991px) {
    body.ind {
        position: fixed;
        width: 100%;
    }
    
    /*************************************************************/
    /******************** Google Uebersetzung ********************/
    /*************************************************************/
    html.translated-ltr body,
    html.translated-rtl body {top:0 !important;}
    .skiptranslate iframe.goog-te-banner-frame {position:relative; top:50px; z-index:888;}
    /*************************************************************/
    
    /************************************************/
    /******************** Header ********************/
    /************************************************/
    #page-header {padding-top:50px;}
    #page-header-top {position:fixed; top:0; left:0; width:100%; z-index:999;}
    .navbar-mainnavigation .navbar-brand-image {padding:10px 0; height:auto;}
    .navbar-mainnavigation .navbar-brand {height:auto; margin-right:20px;}
    .navbar-mainnavigation .navbar-brand-image img {max-height:120px; top:0; transform:none;}
    
    .headerNavBox {display:inline-block; padding-top:15px; padding-bottom:10px;}
    .headerNavBox span {display:block; margin:0 0 5px 0; padding:0 15px; border:none; vertical-align:middle; background:#F1F3F7; color:#A1A1A1; text-align:center;}
    .headerNavBox span.first {border:none; margin:0 0 5px 0; padding:0 15px; line-height:22px;}
    .headerNavBox span a {font-size:12px; color:#A1A1A1; text-transform:uppercase; }
    #mainnavigationXs {
		background-color:#fff;
		display: block;
		left: -100%;
		position: fixed;
		top:50px;
		width: 100%;
        padding:0;
		font-size: 20px;
		line-height: 30px;
		height: 100%;
		moz-box-sizing:border-box;
		-moz-box-sizing: border-box; 
		-webkit-box-sizing: border-box; 
		 box-sizing: border-box;
		 padding-bottom: 50px;
		 color:#fff;
		 -webkit-transition-duration: 0.5s; /* Safari */
		transition-duration: 0.5s;
        z-index:100
	}
	#mainnavigationXs > .primNav {padding-bottom:100px;}
	#mainnavigationXs.active {left:0;}
	#mainnavigationXs:before, #mainnavigationXs:after {-moz-box-sizing:inherit;}
    #mainnavigationXs {
		height: 100%;
		overflow-y: scroll;
		overflow-x: hidden;
		border-top: 1px solid #fff;
		-webkit-overflow-scrolling: touch;
	}
	.dl-menuwrapper {
		max-width:none;
	}
	.dl-menuwrapper button:hover,
	.dl-menuwrapper button.dl-active,
	.dl-menuwrapper ul {background:transparent;}
    
	.dl-menuwrapper li a {
        font-family:'Rawengulk-Bold';
        font-size:17px;
        line-height:15px;
        color:#707173;
		padding:22px 0;
		text-decoration:none;
		border-bottom:1px solid rgba(161,161,161,0.41);
	}
    .navbar-mainnavigation.navbar-default a:not(.active), 
    .navbar-default-transition.navbar-mainnavigation a:not(.active), 
    .navbar-default-transition.navbar-transition.navbar-mainnavigation a:not(.active) {color:#707173;}
    #mainnavigationXs li.current > a,
    #mainnavigationXs li a:hover,
    #mainnavigationXs li a:focus {
        color:#004E9A;
        background:#fff;
	}
	.navbar-mainnavigation.navbar-default a:not(.active):hover, 
    .navbar-default-transition.navbar-mainnavigation a:not(.active):hover, 
    .navbar-default-transition.navbar-transition.navbar-mainnavigation a:not(.active):hover, 
    .navbar-mainnavigation.navbar-default a:not(.active):focus, 
    .navbar-default-transition.navbar-mainnavigation a:not(.active):focus, 
    .navbar-default-transition.navbar-transition.navbar-mainnavigation a:not(.active):focus {color:#004E9A; text-decoration:none;}
    
	.dl-menuwrapper li > a:not(:only-child):after {
		position: absolute;
        top: 0;
        font-family: "Font Awesome 5 Free";
        font-size:22px;
        font-weight: 900;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height:60px;
        content: "\f0da";
        margin:0;
        border:none;
        color:#707173;
	}
    
    .dl-menuwrapper li.dl-back > a {
		padding-left:0;
        background:#fff;
	}
	.dl-menuwrapper li.dl-back > a:hover {
		padding-left:0;
		color:#004E9A;
	}
	.dl-menuwrapper li.dl-back a:before {
        position:relative;
        top:2px;
        font-family: "Font Awesome 5 Free";
        font-size:22px;
        font-weight: 900;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1;
        color:#004E9A;
        content:"\f0a8";
        margin-right:10px;
	}
    .dl-menuwrapper li.dl-back:after {display:none;}
	.dl-menuwrapper .dl-menu {
		margin:0 0 150px 0;
        padding:0;
        opacity:1;
	}
    #mainnavigationXs ul.primNav > li {
		padding:0 15px;
	}
    .dl-menuwrapper li .dl-submenu {
        display: none;
    }
    /************************************************/
    
    .shoutout-box {border:none; padding:0 15px;}
    .shoutout-box-left > .frame {border-bottom:1px solid rgba(112,112,112,0.41);}
}

@media (max-width: 767px) {
    /************************************************/
    /******************** Header ********************/
    /************************************************/
    .headerNavBox {margin-right:-15px;}
    .searchBox input {width:170px;}
    /************************************************/
    
    /**************************************************/
    /******************** Language ********************/
    /**************************************************/
    .skiptranslate iframe.goog-te-banner-frame {float:right; min-width:450px;}
    /**************************************************/

    /***********************************************/
    /******************** Suche ********************/
    /***********************************************/
    /* Suchergebnisse */
    .result-number {display:block; padding-right:0;}
    .result-title {display:block;}
    .result-teaser {padding-left:0;}
    /***********************************************/
    
    /*****************************************************/
    /******************** Pagebrowser ********************/
    /*****************************************************/
    .page-navigation {padding-top:10px;}
    .page-navigation ul.f3-widget-paginator li span,
    .page-navigation ul.f3-widget-paginator li a {width:36px; height:36px; font-size:16px; line-height:36px;}
    .page-navigation ul.f3-widget-paginator li.previous a i,
    .page-navigation ul.f3-widget-paginator li.next a i {top:5px;}
    .page-navigation ul.f3-widget-paginator li.previous a i:before,
    .page-navigation ul.f3-widget-paginator li.next a i:before {font-size:30px;}
    /*****************************************************/
    
    /*********************************************************/
    /******************** Ansprechpartner ********************/
    /*********************************************************/
    .tt_address_detail .figure {margin-bottom:10px; border-radius:0 36px 0 0; overflow:hidden;}
    /*********************************************************/
    
    /************************************************/
    /******************** Footer ********************/
    /************************************************/
    #page-footer .footer-section-address .frame {padding-top:25px; padding-bottom:25px;}
    .footerAddressContainer {text-align:center;}
    #page-footer .footer-section-meta .metaNavigation {text-align:center;}
    /************************************************/
}

@media (max-width: 575px) {
}


@media (min-width: 576px) {
}

@media (min-width: 768px) {
    /***************************/
    /********** Layout *********/
    /***************************/
    /* Seitenüberschrift */
    h1, .h1 {margin-bottom:25px; font-size:37px; text-transform:uppercase;}
    /* Abschnittsüberschrift */
    h2, .h2 {margin-bottom:15px; font-size:23px;} 
    /* Absatzüberschrift */
    h3, .h3 {margin-bottom:15px; font-size:18px;}
    /* Listenüberschrift */
    h4, .h4 {font-size:18px;}
    
    .frame {padding-top:30px; padding-bottom:30px;}
    .frame-collapsible, .frame-background-none.frame-space-after-none:not(.frame-ruler-after):not(.frame-has-backgroundimage) + .frame-background-none.frame-space-before-none:not(.frame-ruler-before):not(.frame-has-backgroundimage), .frame-background-primary.frame-space-after-none:not(.frame-ruler-after):not(.frame-has-backgroundimage) + .frame-background-primary.frame-space-before-none:not(.frame-ruler-before):not(.frame-has-backgroundimage), .frame-background-secondary.frame-space-after-none:not(.frame-ruler-after):not(.frame-has-backgroundimage) + .frame-background-secondary.frame-space-before-none:not(.frame-ruler-before):not(.frame-has-backgroundimage), .frame-background-light.frame-space-after-none:not(.frame-ruler-after):not(.frame-has-backgroundimage) + .frame-background-light.frame-space-before-none:not(.frame-ruler-before):not(.frame-has-backgroundimage), .frame-background-dark.frame-space-after-none:not(.frame-ruler-after):not(.frame-has-backgroundimage) + .frame-background-dark.frame-space-before-none:not(.frame-ruler-before):not(.frame-has-backgroundimage) {margin-top:-30px;}
}

@media (min-width: 992px) {
    /************************************************/
    /******************** Header ********************/
    /************************************************/
    .navbar-mainnavigation .navbar-brand {height:auto; margin-right:20px;}
    .navbar-mainnavigation .navbar-brand-image {padding:10px 0;}
    .navbar-mainnavigation .navbar-brand-image img {max-height:171px; top:0; transform:none;}
    /************************************************/
    
	/***************************/
    /********** Layout *********/
    /***************************/
    /* Seitenüberschrift */
    h1, .h1 {margin-bottom:25px; font-size:36px; text-transform:uppercase;}
    /* Abschnittsüberschrift */
    h2, .h2 {margin-bottom:15px; font-size:23px;} 
    /* Absatzüberschrift */
    h3, .h3 {margin-bottom:15px; font-size:18px;}
    /* Listenüberschrift */
    h4, .h4 {font-size:18px;}
    
    .frame {padding-top:30px; padding-bottom:30px;}
    .frame-collapsible, .frame-background-none.frame-space-after-none:not(.frame-ruler-after):not(.frame-has-backgroundimage) + .frame-background-none.frame-space-before-none:not(.frame-ruler-before):not(.frame-has-backgroundimage), .frame-background-primary.frame-space-after-none:not(.frame-ruler-after):not(.frame-has-backgroundimage) + .frame-background-primary.frame-space-before-none:not(.frame-ruler-before):not(.frame-has-backgroundimage), .frame-background-secondary.frame-space-after-none:not(.frame-ruler-after):not(.frame-has-backgroundimage) + .frame-background-secondary.frame-space-before-none:not(.frame-ruler-before):not(.frame-has-backgroundimage), .frame-background-light.frame-space-after-none:not(.frame-ruler-after):not(.frame-has-backgroundimage) + .frame-background-light.frame-space-before-none:not(.frame-ruler-before):not(.frame-has-backgroundimage), .frame-background-dark.frame-space-after-none:not(.frame-ruler-after):not(.frame-has-backgroundimage) + .frame-background-dark.frame-space-before-none:not(.frame-ruler-before):not(.frame-has-backgroundimage) {margin-top:-30px;}
    /***************************/
    
    
    /***********************************/
    /********** Main Nvigation *********/
    /***********************************/
    #mainnavigation ul {list-style:none;}
    ul.primNav:after {content:" "; clear:both;}
	ul.primNav a {color:#000; font-family:'Rawengulk-Bold'; font-size:17px; font-weight:normal; text-decoration:none;}
	ul.primNav > li {position:relative; float:left; margin:0; padding:0; list-style:none;}
	ul.primNav > li > a {display:inline-block; padding:0 10px;}
	ul.primNav > li.hover > a,
	ul.primNav > li.open > a,
	ul.primNav > li.active > a,
    ul.primNav > li.current > a {color:#004E9A;}
    body#p630 ul.primNav > li > a.pageid304 {color:#004E9A;}
	ul.primNav > li > div {
        position:absolute; 
        top:100%; 
        left:50%;
        transform:translate(-50%, 0);
        float:left; 
        display:none;
        width:460px;
        padding:15px;
        background:#fff; 
        border-radius:0 40px 0px 35px; 
        box-shadow: 0 3px 29px rgba(112,113,115,0.16); 
        -moz-box-shadow: 0 3px 29px rgba(112,113,115,0.16); 
        -webkit-box-shadow: 0 3px 29px rgba(112,113,115,0.16); 
        -o-box-shadow: 0 3px 29px rgba(112,113,115,0.16);
        z-index:999;
    }
    ul.primNav > li > div .firstLevelOverview {padding:0 15px; margin-bottom:15px;}
    ul.primNav > li > div .firstLevelOverview a {display:block; padding-bottom:10px; font-size:15px; color:#707173; border-bottom:1px solid rgba(161,161,161,0.41);}
    ul.primNav > li > div .firstLevelOverview a:hover {color:#004E9A}
    ul.primNav > li > div > ul {float:left; display:inline-block; width:50%; margin:0; padding:0 15px; font-size:15px; line-height:17px;}
    ul.primNav > li > div > ul a {position:relative; display:block; padding:10px 0 10px 10px; font-size:15px; line-height:17px; color:#707173; white-space:normal;}
	ul.primNav > li > div > ul a:hover {color:#004E9A}
    ul.primNav > li > div > ul a:before {
        position:absolute;
        top:10px;
        left:0;
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1;
        content:"\f0da";
    }
    ul.primNav li.hover > div,
	ul.primNav li.open > div,
	ul.primNav li.hover > ul,
	ul.primNav li.open > ul,
	body.noTouchDevice ul.primNav li:hover > div {display:block;}

	ul.primNav > li > div > ul > li.hover:first-child:before {
		color:#f2f2f2;
	}

	ul.primNav > li > div > ul {top:10px !Important;}
	ul.primNav > li > div ul.thirdLevel {display:none;}
    /***********************************/
    
    
    /**********************************/
    /********** Sub Nvigation *********/
    /**********************************/
    .subnav-link {
        padding: 8px 0;
        color:#707173;
        border:none;
        border-top: 1px solid rgba(161,161,161,0.41);
        font-family:'Rawengulk-Bold';
        font-size:17px;
    }
    .subnav-nav > .subnav-item:first-child .subnav-link {border:none;}
    .subnav-link:hover, .subnav-link:focus {background:transparent; border-color:rgba(161,161,161,0.41); color:#004E9A;}
    .active > .subnav-link {color:#000 !important;}
    .subnav-nav > .subnav-item.parent > a {position:relative; padding-right:25px;}
    .subnav-nav > .subnav-item.parent > a:after {
        position:absolute;
        top:7px;
        right:0;
        content:"\f0da";
        font-family: "Font Awesome 5 Free";
        font-size:22px;
        font-weight: 900;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1;
    }
    .subnav-nav > .subnav-item.parent.active > a:after {transform:rotate(90deg); right:1px;}
    
    .subnav-nav .subnav-nav {display:none;}
    .subnav-nav > .active > .subnav-nav {display:block;}
    .subnav-nav .subnav-nav:before {background:transparent; display:none;}
    .subnav-nav .active .subnav-nav {padding-left:15px; border-left:0; background:#fff;}
    .subnav-nav .active .subnav-nav a.subnav-link {font-size:16px; border-top: 1px solid rgba(161,161,161,0.21);}
    .subnav-nav .active ul.subnav-nav > li:first-child a.subnav-link {border:none;}
    /**********************************/
}

@media (min-width: 1200px) {
    /***************************/
    /********** Layout *********/
    /***************************/
    /* Seitenüberschrift */
    h1, .h1 {margin-bottom:25px; font-size:36px; text-transform:uppercase;}
    /* Abschnittsüberschrift */
    h2, .h2 {margin-bottom:15px; font-size:23px;} 
    /* Absatzüberschrift */
    h3, .h3 {margin-bottom:15px; font-size:18px;}
    /* Listenüberschrift */
    h4, .h4 {margin-bottom:0; font-size:18px;}
    
    .frame {padding-top:30px; padding-bottom:30px;}
    .frame-collapsible, .frame-background-none.frame-space-after-none:not(.frame-ruler-after):not(.frame-has-backgroundimage) + .frame-background-none.frame-space-before-none:not(.frame-ruler-before):not(.frame-has-backgroundimage), .frame-background-primary.frame-space-after-none:not(.frame-ruler-after):not(.frame-has-backgroundimage) + .frame-background-primary.frame-space-before-none:not(.frame-ruler-before):not(.frame-has-backgroundimage), .frame-background-secondary.frame-space-after-none:not(.frame-ruler-after):not(.frame-has-backgroundimage) + .frame-background-secondary.frame-space-before-none:not(.frame-ruler-before):not(.frame-has-backgroundimage), .frame-background-light.frame-space-after-none:not(.frame-ruler-after):not(.frame-has-backgroundimage) + .frame-background-light.frame-space-before-none:not(.frame-ruler-before):not(.frame-has-backgroundimage), .frame-background-dark.frame-space-after-none:not(.frame-ruler-after):not(.frame-has-backgroundimage) + .frame-background-dark.frame-space-before-none:not(.frame-ruler-before):not(.frame-has-backgroundimage) {margin-top:-30px;}
    
}


@media (min-width: 768px) and (max-width: 991px) {
}

@media (min-width: 992px) and (max-width: 1199px) {
}