.dunkelblau
{
	color: #002258; /* rgb(0,34,88) */
}

.blau,
.mittelblau
{
	color: #2ca7e4; /* rgb(44,167,228) */
}


.hellblau-dunkler
{
	color: #44b8b1;
}

.hellblau
{
	color: #9dd7d4; /* rgb(157,215,212) */
}

.hellblau-heller
{
	color: #d7ecec;
}

/*.content  */
:root,
body
{
	--hellblau: #9dd7d4;
	--hellblau-heller: #d7ecec;
	--hellblau-dunkler: #44b8b1;
	--blau: #2ca7e4;
	--mittelblau: #2ca7e4;
	--dunkelblau: #002258;
}

.logofont,
.logofont p,
.logofont h2,
.logofont h3,
.logofont h4:not(.dt-text-title),
.logofont h5,
.logofont .dt-text-desc
{
	font-family: "Great Vibes", Garamond, cursive, serif !important;
	/* font-weight: bold; */
    font-weight: normal;
	font-size: 170%;
    font-style: italic;
    line-height: 150%;
}


.not-bold,
.not-bold p,
.not-bold h2,
.not-bold h3,
.not-bold h4,
.not-bold h5,
.not-bold .dt-text-desc
{
	font-weight: normal;
}

.bold,
.bold p,
.bold h2,
.bold h3,
.bold h4,
.bold h5,
.bold .dt-text-desc
{
	font-weight: bold;
}

/* ############# */

.big-block-bg-headline
{
    text-align: center;
}

.big-block-bg-headline p,
.big-block-bg-headline br
{
    display: block;
    height: 1px;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.big-block-bg-headline h1,
.big-block-bg-headline h2
{
	font-size: 60px;
    line-height: 60px;
}
.big-block-bg-headline h3,
.big-block-bg-headline h4,
.big-block-bg-headline h5
{
	font-size: 40px;
    line-height: 40px;
}

span.block-bg,
.big-block-bg-headline h1,
.big-block-bg-headline h2,
.big-block-bg-headline h3,
.big-block-bg-headline h4,
.big-block-bg-headline h5
{
    display: inline-block;
    padding: 4px 8px 3px;
    margin-top: 0px;
    margin-bottom: 7px;

    /* width: fit-content; */
    /* text-align: center; */
    /* margin: 0 auto; */
}

span.block-bg-hellblau,
.block-bg-hellblau h1,
.block-bg-hellblau h2,
.block-bg-hellblau h3,
.block-bg-hellblau h4,
.block-bg-hellblau h5
{
	background-color: #9dd7d4;
	background-color: var(--hellblau);
	color: #ffffff;
}

span.block-bg-hellblau-dunkler,
.block-bg-hellblau-dunkler h1,
.block-bg-hellblau-dunkler h2,
.block-bg-hellblau-dunkler h3,
.block-bg-hellblau-dunkler h4,
.block-bg-hellblau-dunkler h5
{
	background-color: #44b8b1;
	background-color: var(--hellblau-dunkler);
	color: #ffffff;
}

span.block-bg-mittelblau,
.block-bg-mittelblau h1,
.block-bg-mittelblau h2,
.block-bg-mittelblau h3,
.block-bg-mittelblau h4,
.block-bg-mittelblau h5
{
	background-color: #2ca7e4;
	background-color: var(--mittelblau);
	color: #ffffff;
}

/* ######################################## */


/*
.phantom-sticky.phantom-custom-logo-on .sticky-on .branding .sticky-logo, 
.phantom-sticky.phantom-custom-logo-on .sticky-off .branding > a:not(.sticky-logo), 
.phantom-sticky.phantom-custom-logo-on .sticky-off .branding>img:not(.sticky-logo)
*/

/*
.home.phantom-sticky....
*/
.home.phantom-sticky.phantom-custom-logo-on .branding > a:not(.sticky-logo), 
.home.phantom-sticky.phantom-custom-logo-on .branding>img:not(.sticky-logo),

.home.phantom-sticky.phantom-custom-logo-on .mobile-branding > a:not(.sticky-logo), 
.home.phantom-sticky.phantom-custom-logo-on .mobile-branding>img:not(.sticky-logo)

{
	display: none !important;
}

.transparent .top-bar-bg
{
	background: transparent !important;
}


/* ######  Navi  dunkelblau  ########### */
.light-preset-color.masthead:not(#phantom):not(.sticky-on) .main-nav > li > a
{
	text-shadow: 0px 0px 8px #FFFFFF;
}

.light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on) .l-to-r-line > li > a i.underline
{
	background-color: #002258;
	box-shadow: 0px 0px 8px #FFFFFF; 
}

.light-preset-color.masthead:not(#phantom):not(.sticky-on) .main-nav > li > a, 
.light-preset-color.masthead:not(#phantom):not(.sticky-on) .main-nav > li > a .menu-text, 
.light-preset-color.masthead:not(#phantom):not(.sticky-on) .main-nav > li > a .subtitle-text, 
.light-preset-color.masthead:not(#phantom):not(.sticky-on) .main-nav > li > a:hover span, 
.light-preset-color.masthead:not(#phantom):not(.sticky-on) .main-nav > li.act > a > span
{
	color: #002258 !important;
}

/* ######  Navi  weiß  ########### */
.navi-white .light-preset-color.masthead:not(#phantom):not(.sticky-on) .main-nav > li > a
{
	text-shadow: 0px 0px 8px #002258;
}

.navi-white .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on) .l-to-r-line > li > a i.underline
{
	background-color: #ffffff;
	box-shadow: 0px 0px 8px #002258; 
}

.navi-white .light-preset-color.masthead:not(#phantom):not(.sticky-on) .main-nav > li > a, 
.navi-white .light-preset-color.masthead:not(#phantom):not(.sticky-on) .main-nav > li > a .menu-text, 
.navi-white .light-preset-color.masthead:not(#phantom):not(.sticky-on) .main-nav > li > a .subtitle-text, 
.navi-white .light-preset-color.masthead:not(#phantom):not(.sticky-on) .main-nav > li > a:hover span, 
.navi-white .light-preset-color.masthead:not(#phantom):not(.sticky-on) .main-nav > li.act > a > span
{
	color: #ffffff !important;
}

/* ####################### */

.footer *
{
	text-align: center;
}

@media screen and (max-width: 778px)
{
	#main {
    	padding: 0px 0 0px 0;
	}
}

@media screen and (min-width: 992px)
{

	.footer .wf-container
	{
		display: flex;
	    flex-direction: row;
	}

	.footer .widget
	{
	    display: flex;
	    flex-direction: column;
		justify-content: flex-end;
	}


	.footer .menu li
	{
		text-align:right;
	} 

}

/* ############################# */

/* rgb(247, 247, 247) */


/* uvc-curve-down-seperator curve-down-inner-seperator  */

.top-row
{
	padding: 0px !important;
	margin: 0px !important;
}

.top-row>.vc_column_container>.vc_column-inner
{
	padding: 0px !important;
}

/*
@media (max-width: 767px) {

.top-row .ult-main-seperator-inner > svg
{
  height: 40px !important;
}

}
*/
@media screen and (max-width: 778px)
{

	.top-row .ult-vc-seperator.top_seperator svg.uvc-curve-down-seperator 
	{
		    height: 40px !important;
	}

	.top-row .ult-vc-seperator.bottom_seperator svg.uvc-curve-down-seperator 
	{
		    height: 20px !important;
	}


	.uvc-heading h1
	{
	    font-size: 67px !important;
	    line-height: 77px !important;
	}


}


p.intro-text,
.intro-text p
{
	font-size: ;
    font-size: 120%;
    line-height: 1.7;
}

p.intro-text
{
	margin-bottom: 35px;
}


/* wie h4 */
.intro-text h2 
{
	font: normal bold 20px / 30px "Roboto", Helvetica, Arial, Verdana, sans-serif;
}

.uvc-heading .uvc-main-heading div, .uvc-heading .uvc-main-heading h1, .uvc-heading .uvc-main-heading h2, .uvc-heading .uvc-main-heading h3, .uvc-heading .uvc-main-heading h4, .uvc-heading .uvc-main-heading h5, .uvc-heading .uvc-main-heading h6, .uvc-heading .uvc-main-heading p, .uvc-heading .uvc-main-heading span
{
	font-weight: normal;
}

/* ######################## */

blockquote.shortcode-blockquote p:first-child:before, 
.team-desc blockquote:not(.wp-block-quote) p:first-child:before 
{
    content: '\201C';
    color: #1f3281;
    font-family:  "Roboto", Helvetica, Arial, Verdana, sans-serif;

}


/*
<div class="ult-spacer spacer-5ece30c41ea22" data-id="5ece30c41ea22" data-height="400" data-height-mobile="200" data-height-tab="350" data-height-tab-portrait="350" data-height-mobile-landscape="300" style="clear:both;display:block;"></div>

[ultimate_spacer height="400" height_on_tabs="350" height_on_tabs_portrait="350" height_on_mob_landscape="300" height_on_mob="200"]

[vc_raw_html el_class="spacer-wrap"]JTNDZGl2JTIwY2xhc3MlM0QlMjJzcGFjZXIlMjIlMjBzdHlsZSUzRCUyMmhlaWdodCUzQSUyMDQwMHB4JTNCJTIwY2xlYXIlM0ElMjBib3RoJTNCJTIwZGlzcGxheSUzQSUyMGJsb2NrJTNCJTIyJTNFJTNDJTJGZGl2JTNF[/vc_raw_html]
*/
.top-row .vc_column-inner,
.top-row .wpb_content_element
{
	padding: 0 !important;
	margin: 0 !important;
}
.top-row .spacer {
	height: 400px !important;
	clear: both;
	display: block;

	-webkit-transition: height 0.3s ease;
	-moz-transition: height 0.3s ease;
	-ms-transition: height 0.3s ease;
	-o-transition: height 0.3s ease;
	transition: height 0.3s ease;

}
@media (max-width: 1199px) {
 .spacer {
  height:350px !important;
 }
}
@media (max-width: 991px) {
 .spacer {
  height:350px !important;
 }
}
@media (max-width: 767px) {
 .spacer {
  height:300px !important;
 }
}
@media (max-width: 479px) {
 .spacer {
  height:200px !important;
 }
}


/* ################## */

.ult-modal-input-wrapper 
{
	cursor: pointer;
}

.ult-modal-input-wrapper *
{
	color: #2ca7e4;
}

/* ################## */

.timeline-separator-text .sep-text
{
	background-color: #2ca7e4;
}


.timeline-block .timeline-header-block .timeline-header/* ,
.timeline-block .timeline-header-block .timeline-header p, 
.timeline-feature-item .timeline-header-block .timeline-header p */
{
	font-size: 13px;
	line-height: 1.6;
}

.timeline-feature-item .timeline-header-block .timeline-header 
{
	font-size: 16px;
	line-height: 1.6;
}

.smile-icon-timeline-wrap .timeline-separator-text {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
}

.timeline-feature-item
{
	border-color: #2ca7e4 !important;
}



.timeline-line span:first-child,
.timeline-line span:last-child,
.timeline-feature-item .timeline-dot, 
.timeline-wrapper .timeline-dot
{
	background-color: #2ca7e4;
}


.feat-item .ult-timeline-arrow s
{
    border-color: #2ca7e4 rgba(255, 255, 255, 0) !important;
}

.timeline-feature-item .timeline-block .timeline-header h3, 
.timeline-feature-item .timeline-header-block .timeline-header h3 
{
    font-size: 24px;
    line-height: 1.5em;
    margin: 0 0 7px;
    display: block;
}

/* ########################### */

/* #   #002258;    #2ca7e4;  */

.teaserbox:hover .teaserbox-more-wrap,
.teaserbox:hover .teaserbox-text,
.teaserbox:hover .teaserbox-title-text
{
  -webkit-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  -o-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;

}

.teaserbox:hover .teaserbox-more-wrap
{
  color: #2ca7e4;

}

.teaserbox:hover .teaserbox-text,
.teaserbox:hover .teaserbox-title-text
{
  color: #2ca7e4;
 
}

.teaserbox:hover
{
    margin: -1px 1px 31px -1px;
}