:root
{
	--color_ci_1: rgb(13,62,86); /** dunkel blau **/ /** #0D3E56 **/
	--color_ci_2: rgb(92,168,165); /** tuerkies **/ /** #5CA8A5 **/
	--color_ci_3: rgb(134,190,113); /** gruen **/ /** #86BE71 **/
	--color_ci_4: rgb(32,126,155); /** marine blau **/ /** #207E9B **/
	
	--contentPaddingLeftRight: 80px;
	--sans_serif: 'Montserrat', "Helvetica Neue", Arial, sans-serif;
	--serif: 'PT Serif', 'Montserrat', "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Helvetica Neue", Arial, serif;

	--h1-fontSize: 3rem;
    --h2-fontSize: 2.333rem;
    --h3-fontSize: 1.75rem;
    --h4-fontSize: 1.5rem;
    --h5-fontSize: 1.333rem;
    --h6-fontSize: 1.2rem;
    --footer-h1-fontSize: 3rem;
    --footer-h2-fontSize: 2.333rem;
    --footer-h3-fontSize: 1.867rem;
    --footer-h4-fontSize: 1.5rem;
    --footer-h5-fontSize: 1.333rem;
    --footer-h6-fontSize: 1.2rem;
    
	--footer-headline-color: rgba(255, 255, 255, 1);
}

.color_ci_1 {color: var(--color_ci_1) !important;}
.color_ci_2 {color: var(--color_ci_2) !important;}
.color_ci_3 {color: var(--color_ci_3) !important;}
.color_ci_4 {color: var(--color_ci_4) !important;}
.bgcolor_ci_1 {background-color: var(--color_ci_1);}
.bgcolor_ci_2 {background-color: var(--color_ci_2);}
.bgcolor_ci_3 {background-color: var(--color_ci_3);}
.bgcolor_ci_4 {background-color: var(--color_ci_4);}

body, html
{
	font-family: var(--serif);
	font-size: 1.2em;
	color: var(--color_ci_1);
}

a:hover {text-decoration: underline;}

.bold {font-weight: bold !important;}
.bolder {font-weight: bolder !important;}

.font-size-neg-0 {font-size: 1rem;}

.bggradient_ci_1 { 
	background: #0D3F57;
	background: linear-gradient(145deg,rgba(13, 63, 87, 1) 52%, rgba(67, 136, 141, 1) 100%);
}

.serif {font-family: var(--serif) !important;}
.sans-serif {font-family: var(--sans_serif);}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	font-weight: 300; font-family: var(--sans_serif); color: var(--color_ci_1);
}

h4, .h4 { font-family: var(--serif); }

.mod_article:not(.fullwidth) > .container {padding-top: 80px; padding-bottom: 80px;}

.ce_player video {display: block;}

#footer {
	background: #0D3F57;
	background: linear-gradient(40deg,rgba(13, 63, 87, 1) 52%, rgba(67, 136, 141, 1) 100%);
}

.ce_iconbox h3 { font-size: var(--h3-fontSize); }
.ce_iconbox.version2 .ce_iconbox_icon {flex: 0 0 130px;}

.mod_langswitcher, #bottom {display: none;}

.mod_socials a {margin-left: 10px; margin-right: 10px;}
.mod_socials a:first-child {margin-left: 0;}

.ce_list.style2 li {font-size: inherit;}

.translate_y-neg-1 { transform: translateY(-320px); margin-bottom:-320px; }


:root {
	--circle-size:400px;
}
.clip-circle img {width: var(--circle-size);height: var(--circle-size);}
.clip-circle 
{
  clip-path: circle(50% at 50% 50%);
  filter:blur(10px);
  z-index: 1;
  width: var(--circle-size);height: var(--circle-size);
}
.circle-container { position:absolute; transform: translateX(-50%); left:50%; }
#kontakt.mod_article {min-height: 550px;}

.ce_wrap.banner {padding-left: 80px !important;}

#slider.empty {display: none;}

/* .ce_slide_box {min-height: 400px;} */
.ce_slide_box colgroup { display: none; }
.ce_slide_box tbody {width: 100%; display: table;}
.ce_slide_box td {display: table-cell;}
.ce_slide_box td:first-child { width: 30%; }
.ce_slide_box td:last-child { width: 70%; }

#boxes .column {padding: 30px 80px;}

.header.cloned {box-shadow: none !important; border-bottom: 1px solid rgba(0,0,0,0.1); }


@media only screen and (max-width: 767px) 
{
	#boxes .column {padding-left: 30px !important; padding-right: 30px !important; margin-bottom: 0 !important; }
	.ce_slide_box td { width: 100% !important; float: left; clear: both; text-align: center !important; }
	.ce_slide_box td:first-child img {margin: 0 auto;}
	
	.ce_iconbox.version2 .ce_iconbox_icon {flex: 0 0 100px;}
	.ce_iconbox h3 {font-size: 1.4em;}
	.ce_iconbox a {font-size: 0.7em;}
}



@media only screen and (max-width: 767px) 
{
	:root
	{
		--contentPaddingLeftRight: 30px;
		
	}
	
	
	.logo a {background-image: url(/files/uploads/images/logo/logo.png);}
	.translate_y-neg-1 { transform: translateY(-150px); margin-bottom:-150px; }
	.ce_wrap.banner {width: 100%; max-width: none; margin-left: 0 !important; padding-left: 20px !important;}
	.banner .ce_image .image_container img {margin: auto;}
	.banner .attributes {padding-left: 0 !important;}
	/** leistung **/
	body.leistung .ce_wrap.banner { margin-top: 40px; }
	body.leistung .ce_wrap.banner .column:last-child {margin-bottom: 0; }
	.ce_wrap.banner .ce_headline { text-align: center;}
	.mob-align-center {text-align: center;}
}