@media print {
    a[href]:after {
        content: none;
    }
}


/* MAIN
-------------------------------------------------- */
body														{ font-family: "Open Sans", arial, Helvetica, sans-serif; font-size: 17px; line-height: 24px; }
.invisible													{ display: none; }

/*Responsive Images*/
ul.instagramInner img,
.ce_text .image_container img,
.ce_gallery .image_container img,
.mod_newslist .layout_latest .image_container img			{  }

/* MAIN / Layout
-------------------------------------------------- */
h1, h2, h3, h4, h5, h6                                      { margin: 0; padding: 0; }
strong                                                      { font-weight: 600; }



/* Header
-------------------------------------------------- */
header														{ padding-top: 35px; margin-bottom: 35px; }


/* SUPERFISH NAVIGATION
-------------------------------------------------- */
#superfish 													{ position:relative; z-index:100; float: right; margin-top: 48px; }
.sf-menu													{ margin: 0; padding: 0; list-style: none; }
.sf-menu li 												{ position: relative; float: left; list-style: none; }
.sf-menu ul 												{ position: absolute; display: none; top: 100%; left: 0; z-index: 99999; min-width: 12em; *width: 12em; padding:0; }
.sf-menu li li 												{ float:none; }
.sf-menu a 													{ display: block; position: relative; padding: 0 5px; margin-left: 20px; text-decoration: none; zoom: 1; font-size: 15px; color: rgba(0, 0, 0, 1); text-transform: uppercase; border-top: 3px solid rgba(255, 255, 255, 1); transition: border .4s ease; }
.sf-menu a:hover,
.sf-menu a.active                                           { border-top: 3px solid rgba(11, 111, 133, 1); }
.sf-menu ul a												{ border: none; }
.sf-menu ul ul 												{ top: 0; left: 100%; margin:0; padding:0; }






.sf-menu a.last												{  }
.sf-menu li.active a,
.sf-menu li.trail a											{  }
.sf-menu li.active ul a,
.sf-menu li.trail ul a,
.sf-menu li.active ul a										{ font-weight: 300; }
.sf-menu li 												{ white-space: nowrap; *white-space: normal; -webkit-transition: background .2s; transition: background .2s; }
.sf-menu ul li 												{  }
.sf-menu ul a												{  }
.sf-menu ul a:hover,
.sf-menu li.trail ul a:hover,
.sf-menu ul li.active a.active								{  }
.desktopNav													{  }

/* MOBIL NAVIGATION
-------------------------------------------------- */
.overlay.hidden                                     		{ display: none; }
.overlay                                            		{ position: fixed; overflow-y: scroll;  -webkit-overflow-scrolling: touch; top: 0; bottom: 0; left: 0; right: 0;
    width: 100%; z-index: 800; padding: 85px 15px 15px; background: rgba(255, 255, 255, 1); }
.overlay a,
.overlay li.active span                             		{ text-decoration: none; line-height: 13px; }
.overlay ul a,
.overlay ul li.active span 									{ font-size: 18px; color: rgba(0, 0, 0, 1); }
.overlay a:hover											{  }
.overlay ul                                        			{ padding: 5px 0 0; list-style: none; }
.overlay .fa-times.close                                    { position: absolute; right: 12px; background: none; border: none; top: 72px; font-size: 20px; }
.overlay ul ul 												{ display: none; padding: 5px 0 0 10px; }
.overlay li.submenu 										{ position: relative; }
.overlay li 												{ margin-bottom: 10px; border-bottom-style:solid; border-bottom-width:1px; padding-bottom: 10px; }
.overlay ul ul li 											{ margin-bottom: 0; border-bottom: none; padding-bottom: 10px; line-height:18px; }
.overlay ul ul li a											{ font-size: 16px; }
.overlay ul ul li.active span								{ font-size: 16px; text-decoration:underline; }
.overlay ul ul li											{ padding-bottom: 6px; }
.btn_dropdown 												{ position: absolute; right: 0; top: -5px; background: none; border: none; font-size: 20px; float: right; }
.overlay .open 												{ margin-top: 0;  background: none; border: none;  }
header .fa-bars.open										{ background: none; border: none; font-size: 18px; padding-left: 0; margin-top: 40px; float: right; }
body.lock 													{ overflow: hidden; padding-right: 15px; }

/* Allgemeine Formatierung
-------------------------------------------------- */

/* slideshow */
.headerSlider                                               { height: 540px; overflow: hidden; margin-bottom: 60px; }
.slideItem                                                  { float: left; position: relative; }
.slick-list                                                 { overflow: hidden; }
.slideItem .img-responsive                                  { width: 100%; height: auto;  }
.sliderCaption                                              { position: absolute; z-index: 100; top: 50px; right: 10%; background: rgba(11, 111, 133, 1); padding: 75px 25px 50px 25px; color: rgba(255, 255, 255, 1); max-width: 670px;  }
.sliderCaption .headline                                    { font-size: 30px; font-weight: 800; text-transform: uppercase; }
.sliderCaption p                                            { margin-bottom: 0; font-size: 16px; }

/* teaser mit icon */
.teaserIconWrapper span:before								{ content: attr(data-icon); font-family:"FontAwesome"; display: block; text-align: center; font-size: 45px; color: #0B6F85; margin-bottom: 20px; }
.teaserIconWrapper .teaserIconInner:hover span:before 		{ font-size: 55px; transition: all 0.2s cubic-bezier(0.05, 1.04, 1, 1) 0.15s; }
/*.teaserIconInner                                            { width: 33.333%; float: left; text-align: center; margin-bottom: 60px; min-height: 110px; }*/
.teaserIconInner                                            { width: 33.333%; display:inline-block; vertical-align:top; text-align: center; margin-bottom: 60px; min-height: 110px; }
.teaserIconInner span                                       { font-weight: 700; font-size: 17px; font-family: "Open Sans"; line-height: 22px; padding: 0 10%; }
.teaserIconInner p                                      	{ margin-top:17px; padding: 0 10%; }
.teaserIconInner.teaserCenter                               { margin-left: 33.333%; }

/* main */
main                                                        { text-align: center; }

/* ce_text */
.ce_text                                                    { margin-bottom: 60px; padding: 0 130px; }
.ce_text ul                                                 { text-align: left; list-style: none; padding: 0; margin: 60px 0; }
.ce_text li                                                 { font-weight: 700; margin-bottom: 37px; text-indent: -33px; }
.ce_text li:before                                          { font-family: FontAwesome; content:"\f00c"; margin-right: 15px; color: rgba(243, 152, 0, 1); }

/* btn */
.btn_blue                                                   { background: rgba(11, 111, 133, 1); color: rgba(255, 255, 255, 1); margin-bottom: 60px; padding: 5px 10px 10px 25px; display: inline-block; font-size: 15px; font-weight: 600; transition: all .4s ease;  }
.btn_blue:hover                                             { text-decoration: none; color: rgba(255, 255, 255, 1); background: rgba(11, 111, 133, .8); }
.btn_blue .fa                                               { display: inline-block; margin-left: 40px; font-size: 26px; position: relative; top: 4px; }

/*.btn_white                                                  { border: 1px solid rgba(112, 174, 166, 1); color: rgba(0, 0, 0, 1); font-weight: 700; padding: 10px 30px;text-transform: uppercase; font-size: 20px; margin-bottom: 60px; display: inline-block; transition: all .4s ease; }
.btn_white:hover                                            { text-decoration: none; color: rgba(0, 0, 0, 1); background: rgba(112, 174, 166, .2); }*/
.btn_white                                                { background: rgba(11, 111, 133, 1); color: rgba(255, 255, 255, 1); font-weight: 700; padding: 10px 30px;text-transform: uppercase; font-size: 20px; margin-bottom: 60px; display: inline-block; transition: all .4s ease; }
.btn_white:hover                                            { text-decoration: none; color: rgba(255, 255, 255, 1); background: rgba(11, 111, 133, .8); }

/* zitat */
.zitatImageWrapper                                          { text-align: left; }
.zitatImageWrapper .textWrapper                             { padding: 70px 0 95px 0; border-bottom: 1px solid rgba(11, 111, 133, 1); font-weight: 300; font-style: italic; font-size: 18px; line-height: 30px; }
.zitatImageInner:last-child .textWrapper                    { border-bottom: none; }
.zitatImageInner                                            { margin-bottom: 50px; }
.nameWrapper                                                { font-style: normal; font-size: 13px; font-weight: 600; color: rgba(11, 111, 133, 1);  }

/* headlines */
.headlineWrapper h1,
.headlineWrapper h2,
.headlineWrapper h3                                         { font-family: "Cinzel"; font-size: 40px; }
.headlineWrapper                                            { padding: 0  200px; margin-bottom: 60px; }
.longtext h4                                                { font-size: 20px; font-weight:600; margin-bottom:17px;}
.longtext h5                                                { font-size: 17px; font-weight:600; margin-bottom:10px;}


/* diagrammWrapper */
.diagrammWrapper                                            { display: table; margin-bottom: 60px; }
.diagrammWrapper .box                                       { display: table-cell;  }
.icon.box                                                   { width: 15%; position: relative; }
.gradient.box                                               { width: 26px; }
.text.box                                                   { width: calc(85% - 26px); width: -webkit-calc(85% - 26px); padding: 20px 0 0 120px; text-align: left; vertical-align: top; background: url("../images/dots.png") 15px 30px no-repeat; }
.text.box h3                                                { text-transform: uppercase; font-weight: 600; font-size: 23px; margin-bottom: 15px; }
.diagrammRow                                                { margin-bottom: 3px; }
.icon.box .fa                                               { font-size: 60px; color: rgba(11, 111, 133, 1); position: absolute; top: 10px;  }
.box                                                        { height: 80px; }
.resultWrapper                                              { margin-top: 80px; font-weight: 700; }
.text.box .textInner                                        { background: rgba(255, 255, 255, 1); }

.gradient.box.first                                         { background: rgb(112, 174, 166);
                                                            background: -moz-linear-gradient(89deg, rgb(112, 174, 166) 30%, rgb(112, 174, 166) 70%);
                                                            background: -webkit-linear-gradient(89deg, rgb(112, 174, 166) 30%, rgb(112, 174, 166) 70%);
                                                            background: -o-linear-gradient(89deg, rgb(112, 174, 166) 30%, rgb(112, 174, 166) 70%);
                                                            background: -ms-linear-gradient(89deg, rgb(112, 174, 166) 30%, rgb(112, 174, 166) 70%);
                                                            background: linear-gradient(179deg, rgb(112, 174, 166) 30%, rgb(112, 174, 166) 70%); }
.gradient.box.second                                        { background: rgb(112, 174, 166);
                                                            background: -moz-linear-gradient(89deg, rgb(112, 174, 166) 30%, rgb(100, 167, 163) 70%);
                                                            background: -webkit-linear-gradient(89deg, rgb(112, 174, 166) 30%, rgb(100, 167, 163) 70%);
                                                            background: -o-linear-gradient(89deg, rgb(112, 174, 166) 30%, rgb(100, 167, 163) 70%);
                                                            background: -ms-linear-gradient(89deg, rgb(112, 174, 166) 30%, rgb(100, 167, 163) 70%);
                                                            background: linear-gradient(179deg, rgb(112, 174, 166) 30%, rgb(100, 167, 163) 70%); }
.gradient.box.third                                         { background: rgb(100, 167, 163);
                                                            background: -moz-linear-gradient(89deg, rgb(100, 167, 163) 30%, rgb(72, 147, 142) 70%);
                                                            background: -webkit-linear-gradient(89deg, rgb(100, 167, 163) 30%, rgb(72, 147, 142) 70%);
                                                            background: -o-linear-gradient(89deg, rgb(100, 167, 163) 30%, rgb(72, 147, 142) 70%);
                                                            background: -ms-linear-gradient(89deg, rgb(100, 167, 163) 30%, rgb(72, 147, 142) 70%);
                                                            background: linear-gradient(179deg, rgb(100, 167, 163) 30%, rgb(72, 147, 142) 70%); }
.gradient.box.fourth                                        { background: rgb(72, 147, 142);
                                                            background: -moz-linear-gradient(90deg, rgb(72, 147, 142) 30%, rgb(27, 100, 108) 70%);
                                                            background: -webkit-linear-gradient(90deg, rgb(72, 147, 142) 30%, rgb(27, 100, 108) 70%);
                                                            background: -o-linear-gradient(90deg, rgb(72, 147, 142) 30%, rgb(27, 100, 108) 70%);
                                                            background: -ms-linear-gradient(90deg, rgb(72, 147, 142) 30%, rgb(27, 100, 108) 70%);
                                                            background: linear-gradient(180deg, rgb(72, 147, 142) 30%, rgb(27, 100, 108) 70%);}
.gradient.box.fifth                                        { background: rgb(27, 100, 108);
                                                            background: -moz-linear-gradient(90deg, rgb(27, 100, 108) 30%, rgb(2, 74, 90) 70%);
                                                            background: -webkit-linear-gradient(90deg,rgb(27, 100, 108) 30%, rgb(2, 74, 90) 70%);
                                                            background: -o-linear-gradient(90deg, rgb(27, 100, 108) 30%, rgb(2, 74, 90) 70%);
                                                            background: -ms-linear-gradient(90deg, rgb(27, 100, 108) 30%, rgb(2, 74, 90) 70%);
                                                            background: linear-gradient(180deg, rgb(27, 100, 108) 30%, rgb(2, 74, 90) 70%);


position: relative;

}
.arrowWrapper                                               { position: absolute; bottom: -40px; left: -14px; z-index: -1;  }

/* ce_accordionSingle */
.ce_accordionSingle                                         { text-align: left; }
.ui-accordion-content                                       { padding: 0 10px; }
.space                                                      { margin-bottom: 60px !important; }
.ce_accordionSingle.ce_text                                 { margin-bottom: 0; }
.ui-accordion-header                                        { margin-bottom: 10px; background: rgba(112, 174, 166, 1); color: rgba(255, 255, 255, 1); padding: 5px 10px; cursor: pointer; text-transform: uppercase; font-size: 20px; font-weight: 700; letter-spacing: 1px; margin-bottom: 1px; }
.ui-accordion-header-icon:before                            { font-family: FontAwesome; content:"\f105"; margin-right: 5px; font-weight: bold; display: inline-block; width: 8px; }
.ui-accordion-header-active .ui-accordion-header-icon:before{ content:"\f107"; }



/* FOOTER
-------------------------------------------------- */
footer                                                      { font-size: 12px; padding-bottom: 25px; }
footer ul                                                   { padding: 0; margin: 0; list-style: none; }
footer li                                                   { display: inline-block; margin-right: 30px; }
footer a,
footer a:hover                                              { color: rgba(0, 0, 0, 1); font-size: 12px; }
.navFooterBottom a,
.navFooterBottom span                                       { font-weight: 700; }
footer span                                                 { text-decoration: underline; }
.footerBorder                                               { border-bottom: 1px solid rgba(0, 0, 0, 1); margin: -5px 0 0 0; }

/* copyright */
.copyWrapper                                                { text-align: right; }



/* FORMS
-------------------------------------------------- */
form                                                      	{ text-align:left; margin-bottom:70px; }
.submit                                                		{ background: rgba(11, 111, 133, 1); color: rgba(255, 255, 255, 1); font-weight: 700; padding: 8px 22px;text-transform: uppercase; font-size: 15px; display: inline-block; transition: all .4s ease; border:none;}
.submit:hover                                            	{ text-decoration: none; color: rgba(255, 255, 255, 1); background: rgba(11, 111, 133, .8); }
.form-control                                               { border-radius:0px; }
.checkbox                                               	{ display:inline; }
input[type="radio"], input[type="checkbox"] 				{ margin: 4px 5px 0 0; }

.form-group.bottomOffset                                    { margin-bottom:40px; }
.widget-captcha label    								 	{ display:block; }
.widget-captcha input                                       { width:80px; margin: 0px 5px 0 0; }
textarea.form-control                                       { height:250px; resize:none; }

/*####################################################################################################################*/
/*################################################ RESPONSIVE STYLES #################################################*/
/*####################################################################################################################*/


@media (min-width: 1200px) {

}

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

}

@media (min-width: 768px) and  (max-width: 992px){
    /* slideshow */
    .headerSlider                                               { height: 335px; }



    /* teaser mit icon */
    .teaserIconInner span                                       { font-size: 15px; }
    .teaserIconWrapper span:before                              { font-size: 40px; }

    /* slideshow */
    .sliderCaption .headline                                    { font-size: 25px; }
    .sliderCaption p                                            { font-size: 14px; }

    /* headlineWrapper */
    .headlineWrapper {
        padding: 0 100px;
    }

    /* zitat */
    .zitatImageWrapper .textWrapper                             { padding: 0 0 95px; }

    /* diagramm */
    .icon.box                                                   { text-align: left; }

    /* ce-text */
    .ce_text                                                    { padding: 0 30px; }

    /* footer */
    .footerBorder                                               { margin: 0; }
}

@media (max-width: 767px) {
    /* headlineWrapper */
    .headlineWrapper                                            { padding: 0; }
    .headlineWrapper h1,
    .headlineWrapper h2,
    .headlineWrapper h3                                         { font-size: 24px; }

    /* btn */
    .btn_white                                                  { font-size: 16px; padding: 10px 15px; }

    /* slideshow */
    .headerSlider                                               { height: auto; margin-bottom: 60px; }
    .sliderCaption                                              { position: static; width: 100%; padding: 20px 15px; }
    .sliderCaption .headline                                    { font-size: 20px; line-height: 21px; margin-bottom: 5px; }
    .sliderCaption p                                            { font-size: 13px; }


    .teaserIconInner                                            { width: 100%; margin-bottom: 55px; min-height: none; }
    .teaserIconInner span                                       { font-weight: 700; font-size: 15px; line-height: 18px; padding: 0; }
	.teaserIconInner p                                       { padding: 0;}
    .teaserIconInner.teaserCenter                               { margin-left: 0; }

    /* footer */
    footer,
    .copyWrapper                                                { text-align: center; }
    footer li                                                   { margin-right: 10px; }
    footer li:last-child                                        { margin-right: 0; }

    .ce_text li                                                 { margin-left: 33px; }
    .ce_text                                                    { margin-bottom: 60px; padding: 0px; }

    /* zitat */
    .zitatImageWrapper .textWrapper                             { padding: 20px 0 40px }

    /* diagramm */
    .gradient.box                                               { display: none !important; }
    .icon.box,
    .text.box                                                   { width: 100%; padding: 0; }
    .diagrammWrapper,
    .diagrammRow,
    .diagrammWrapper .box                                       { display: block; }
    .icon.box .fa                                               { position: static; }
    .box                                                        { height: auto; margin-bottom: 50px; }
    .icon.box                                                   { margin-bottom: 30px; text-align: left; }
    .text.box h3                                                { font-size: 20px; }

    /* akkordeon */
    .ui-accordion-header                                        { font-size: 14px; }
    .ui-accordion-content                                       { font-size: 14px; }
}