/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v20-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v20-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v20-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v20-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v20-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v20-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/roboto-v20-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v20-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v20-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v20-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v20-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v20-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v20-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto-v20-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v20-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v20-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v20-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v20-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v20-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-v20-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v20-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v20-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-900 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/roboto-v20-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v20-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v20-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v20-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v20-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v20-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */
}



.ce_revolutionslider_hyperlink {
	background: #fedd03;
	border-color: #fedd03;
    color: #1750a1;
    font-weight:400;
}

.ce_revolutionslider_text {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 300 !important;
}


.mod_langswitcher ul li a {
    color: #224488 !important;
}

.megamenu ul li {
    border-right: 0px !important;
}

nav.mainmenu li.megamenu .ce_image {
    border-bottom: 0px !important;
}

.ce_iconbox:hover .ce_iconbox_outside.padding {
    box-shadow: 0 30px 50px rgba(0,0,0,.5);
}

.revbutton {
	background-color: #FFDD00 !important;
	border: 2px solid #224488;
	color: #224488;
	font-size: 1em;
	font-weight: 400;
}


@media only screen and (max-width: 767px) { 
.header.original {background:white;}
}


form.style4 {
    border: 5px solid rgb(34,68,136);
    padding: 50px 40px 20px 40px;
    background: rgba(255,255,255,0.3);
}

.mod_quickmenu.style2 a {
      background-color: #fff;
}

.mod_quickmenu li a:hover {
    width: 165px;
    background-color: #ffdd00;
}


h1, h2, h3, h5, h6, .h1, .h2, .h3, .h5, .h6, .ce_revolutionslider_text.bold, .font_headline {
    font-family: 'Roboto', sans-serif;
    font-weight: 200;
    margin-bottom: 15px;
}

h4, .h4 {
    font-weight: 400;
    font-size: 22px !important;
}

h3 {
   color: #224488;
}

h5.headline {
    color: #224488 !important;
    font-size: 18px !important;
}

.ce_leadertext.version2 .headline {

    font-size: 1.467rem;
    color: #224488;
}

.ce_leadertext.version2 p {
    font-size: 17px;
}

#zaehler {
    border: 1px solid rgb(34,68,136);
    padding: 0px 20px 20px 20px;
    background-color: rgba(255,255,255,0.3);
}

#zaehler a.hyperlink_txt {
    background-color: #224488;
    color: #fff !important;
}


#zaehler a:hover {
    background-color: #ffdd00;
    color: #224488 !important;
}

#zaehler p {
    font-size: 0.9em;
    font-weight: 400;
}

#zaehler h6 {
    font-size: 0.7em;
}


#zaehlerweiss {
    border: 0px;
    padding: 0px 20px 20px 20px;
}

#zaehlerweiss a.hyperlink_txt {
    background-color: #224488;
    color: #fff !important;
}


#zaehlerweiss a:hover {
    background-color: #ffdd00;
    color: #224488 !important;
}

#zaehlerweiss p {
    font-size: 0.9em;
    font-weight: 400;
}

#zaehlerweiss h6 {
    font-size: 0.7em;
}


#weissb {
    border: 1px solid rgb(34,68,136);
    padding: 0px 20px 20px 20px;
    background-color: rgba(255,255,255,0.8);
}

#weissb a.hyperlink_txt {
    background-color: #224488;
    color: #fff !important;
}


#weissb a:hover {
    background-color: #ffdd00;
    color: #224488 !important;
}



.ce_iconbox_v3.flip .backside {
    color: #224488;
}

#boxlink p a {
	 color: #fff !important;
	 font-size: 0.9em;
    font-weight: 400;
}

#boxlink p a:hover {
    color: #ffdd00 !important;
    font-weight: 400;
}

#boxlink h4 {
    text-align: left;
}    



#boxlink p {
    color: #fff;
    font-weight: 400;
	line-height: 20px;

}    

#boxlink .content {
    opacity: 1.0;
}

.mod_breadcrumb {
    border: 0px;
    margin-top: 1em;
    margin-left: 5em;
}

#top .top_metanavi li {
    font-weight: 400 !important;
}

#top .mod_langswitcher .mod_langswitcher_inside {
    font-weight: 400;
}



nav.mainmenu li.megamenu ul li.cols2 {
	width:20%
	
}

.mainmenu ul ul li a {
	padding: 0 !important;
}

.ce_iconbox_v3 .ce_iconbox_v3_content {
    padding-right: 20px;
}


.ce_iconbox p a {
	 color: #fff;
	 font-size: 1em;
    font-weight: 400;
    	opacity: 1;
}

.ce_iconbox p a:hover {
    color: #ffdd00;
    font-weight: 400;
}

.ce_iconbox h4 {
    text-align: left;
}    



.ce_iconbox p {
	color: #fff;
    font-weight: 400;
	line-height: 20px;
}    

.ce_iconbox_v3 .subheadline.subheadline-color-white {
    font-size: 17px;
}

.content {
	opacity: 1 !important;
}   

.ce_leadertext.version2 .divider-first {
	background: url(/files/bilder/allgemein/drhdreiecke_blau.svg);
	border: 0px;
	width: 10px;
	height: 20px;
	z-index: 99999;
	}
	
	.ce_leadertext.version2 .divider:after, .ce_leadertext.version2 .divider:before {
    margin-top: -12px;
}

.ce_leadertext.version2 {
    max-width: 850px;
}

#top .top_metanavi a:hover {
    color: #ffdd00;
}

#bottom .inside a:hover {
    border-bottom: 0px;
}

.page_navigation .title {
	font-family: 'Roboto';
	font-weight: 400;
    color: #224488;
}

.leadericon {
	margin-bottom: 0px !important;
}

.image_container .caption {
    background: none;
    color: #224488;
    font-size: .8667rem;
    display: inline-block;
    padding: 0px;
    margin-top: 5px;
}

#iconbig.ce_iconbox_v3.style2 .ce_iconbox_v3_inside {
    padding: 200px 30px 30px 30px !important;
}

#rechts .image_container img {
    display: block;
    height: auto;
    max-width: 50%;
    width: 50%;
    float: right;
}

#links .image_container img {
    display: block;
    height: auto;
    max-width: 50%;
    width: 50%;
    float: left;
}

.ce_accordion_v2 .toggler.ui-state-active, .ce_accordion.style2 .toggler.ui-state-active {
    background: #ffdd00;
    color: #224488;
}

.ce_accordion_v2 .toggler.ui-state-active:before, .ce_accordion.style2 .toggler.ui-state-active:before {
    content: " \f068";
    color: rgb(34,68,136);
    border-color: rgb(34,68,136);
}

.ce_accordion_v2 .toggler, .ce_accordion.style2 .toggler {
    border: 1px solid rgb(34,68,136);
    background-color: #224488;
    color: #fff;
    
}

.ce_accordion .toggler:before {
    color: #fff;
}

.ce_accordion_v2 .toggler:not(.ui-state-active):hover, .ce_accordion.style2 .toggler:not(.ui-state-active):hover {
    color: rgb(255,221,0);
}

.ce_countup .headline {
    font-size: 2rem;
}

/* Tablet (portrait) ----------- */
    @media only screen 
    and (min-device-width : 768px) 
    and (max-device-width : 1024px) 
    and (orientation : portrait) {
    	
    .ce_countup .headline {
    font-size: 1.6rem;
}
}

nav.mainmenu li.megamenu .ce_image {
    border: 1px solid #fff !important;
}

nav.mainmenu li.megamenu .ce_image:hover {
    border-color: #ffdd00 !important;
}

.message {
    position: fixed;
    bottom: 21%;
    width: 270px;
    border: 1px solid #263C8C;;
    transition: right 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    overflow: hidden;
    box-sizing: border-box;
    right: -360px;
	z-index:132456;
	background:white;
}

.message h1 {
  color:#FFF;
}
.message h4 {
  margin-bottom:0px;
  font-size: 14px !important;	
}

.message h3 {
  margin-bottom:0px;
  font-size: 20px !important;	
}

#toggle {
	position:absolute;
	appearance:none;
	cursor:pointer;
	right:0;
	top:-2em;
	background: #0000;
	border: none;
}

#toggle + label {
	position:fixed;
	cursor:pointer;
	z-index:999999;
	right: 20px;
    transition: none;
    bottom: 20%;
	-webkit-font-smoothing: antialiased;
	cursor: pointer;
	transition:none;

}
#toggle + label:after {
	content: "";
	background: #fff url(/files/cto_layout/img/mailphone1.svg);
	width: 40px;
    height: 40px;
    top: 0;
    right: 0;
    position: absolute;
    display: inline-block;
    background-repeat: no-repeat;
    border: 1px solid #224488;
    background-position: center;
    background-size: 30px;
}

.click_img {
transition: margin 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  padding:0;
}

#toggle:checked ~ .message {
  right: 20px;
}

#toggle:checked ~ .click_img {
  margin-top: 280px;
}


#toggle:checked + label:after {
	background: #fff url(/files/cto_layout/img/close.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 65%;
}
.w-100{
	width:100%;
}

img.text_icon {
    width: 25px;
    justify-content: center;
    align-items: center;
    align-self: center;
    align-content: center;
    display: inline-grid;
    margin-right: 8px;
    margin-top: 4px;
    position: relative;
    top: 5px;
}
.p-3{
	padding:15px;
}
a {
    text-decoration: none;
    color: inherit;
}

.maindiv{
	position: fixed;
	top: 0;
	right: 0;
	width: 50px;
	height: 50px;
	z-index: 132456;
	background: #0000;
	color: #263C8C;
}


.maindiv h4{
	color: #224488;
}
.message h4 a {
        color: #224488 !important;
}
.message h4 a:hover {
        color: #fd0 !important;
}

.ce_revolutionslider_text span {
 vertical-align: super !important;
 font-size: 0.8em;
}

.ce_iconbox span {
 vertical-align: super !important;
 font-size: 0.5em;
}

.ce_authorbox.style2 .name {
    font-size: 1.4rem;
    margin-bottom: 0px;
}

.ce_authorbox.style2 .ce_authorbox_content {
    font-size: 1em;
}

.ce_authorbox.style2 .subtitle {
    display: inline;
    font-size: 1em;
	font-family: 'Roboto';
}

.ce_list.list-style2 li, .ce_list.list-style2 li.fa, .ce_list.style2 li, .ce_list.style2 li.fa {
    font-size: 17px;
}

.ce_text_extented.font-style-quote p:first-child:before {
    opacity: .1;
    font-size: 4rem;
    line-height: 3rem;
}

.ce_iconbox_v3 ul li {
    list-style-type: circle;
    list-style-position: outside;
}

.ce_timeline  p{
    font-size: 0.8em;
}

.klein {
 font-size: 0.8em;
 color: #224488;
}

.ce_tabs .tabs.vertical ul li:hover a, .ce_tabs .tabs.vertical ul li.active a {
    font-weight: 400;
    color: #224488;
}

.newsteaser p{
 font-size: 15px;
}

.mod_portfoliolist_teaser_2 .item .subline {
    font-weight: 300;
    font-size: 1.2rem;
}   


.mod_portfoliolist_teaser_2 .item .hyperlink {
    margin-top: 25px;
    background: #224488;
    display: inline-block;
    padding: 10px 20px;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 300;
}

.mod_portfoliolist_teaser_2 .item .title {
	color: #224488;
    font-size: 1.7rem;
    text-transform: none;
}


.mod_portfoliolist_teaser_2 .item {
    background-color: rgba(255,255,255,0.3);
    border: 1px solid rgb(34,68,136)
}

.mod_search {
 float: right;
 margin-left: 1em;
 cursor: pointer;
}

@media only screen and (max-width: 767px)
{
.mod_search {
 display:none;
}
}

.ce_download:not(.ce_download_small) {
    background: #224488;
    color: #fff;
    padding: 20px;
    border-radius: 0px;
    position: relative;
}

.ce_download p {
 max-width: 80%;
 cursor: pointer;
}

.ce_featurelist li {
    border-bottom: 0px;
    font-size: 16px;
}

#karriere p {
    font-size: 0.9em;
    margin-bottom: 0px;
}

#karriere h2 {
    margin-bottom: 5px;
}


#karriere .image_container.float_left {
    margin-right: 5px;
    float: left;
    margin-top: 3px;
    margin-bottom: 0px;
}

#karriere hover {
 cursor: pointer;
}

.mainmenu ul .megamenu-wrapper {
    width: 100% !important;
    left: 0px;
}

.ce_testimonial_version3 .image_container img {
    border-radius: 100%;
    border: 1px solid rgb(34,68,136);
    padding: 3px;
}

.ce_testimonial_version3 .image_container {
    width: 150px;
    height: 150px;
}

.ce_testimonial_version3 .name {
    color: #224488;
    font-weight: 400;
}

.ce_testimonial_version3 .text p {
    color: rgb(120,120,120)!important;
    font-style: italic;
}

.ce_testimonial_version3 .additional {
    color: #224488;
}

.ce_sliderStart .slider-control .slider-menu b {
    border: 2px solid #224488;
    box-shadow: none;

}

.ce_sliderStart .slider-control .slider-menu b.active {
    background: #224488;
    width: 12px;
    height: 12px;
    position: relative;
    top: -1px;
}

.fullcoveredvideo video, .fullscreenvideo video {
    background: #fff;
}

li::marker {
   color: #224488;
}

.buttonrow {
   display: inline-flex;
}

.indent {
   margin-right: 1em;
}


.blau {
    color: #224488;
}

.rot {
    color: red;
}

.hellblau {
    color: #00c3ff;
}

.gelb {
    color: #FFDD00;
}

.fett {
    font-weight: 600;
}

.weiss {
    color: #ffffff;
}

.rahmenlos {
    border-top: 0px !important;
}

.ce_hyperlink-extended a.link-own-color-darktxt {
    color: #224488!important;
    background-color: #ffdd00 !important;
    border: none;
}

#schulungen .newslist {
    border: 1px solid #e2e2e2;
    padding: 2em;
}

#schulungen .newslist .teaser {
    border-top: 1px solid rgb(230,230,230);
    padding: 10px 0;
    margin-top: 30px;
}

#schulungen .newslist .news-content {
    margin-bottom: 0px;
}

h1, .h1, .h1 p {
    font-size: 40px;
}

.mod_portfoliolist_teaser_2 .content, .mod_portfoliolist_teaser_2 .image_container {
  /*
    float: left;
    width: 48%;
*/
    padding-top: 3em;
}

.swiper-button-next, .swiper-button-prev {
	opacity: 0.9!important
	
}

.ce_flipbox .ce_flipbox_frontside_inside, .ce_flipbox .ce_flipbox_backside_inside {
    padding: 20px;
}

/*
.ce_flipbox .ce_flipbox_frontside, .ce_flipbox .ce_flipbox_backside {
    border: 1px solid #224488 !important;
}

*/

@media only screen and (max-width: 767px)
{
.ce_flipbox .ce_flipbox_frontside_inside, .ce_flipbox .ce_flipbox_backside_inside {
    margin-right: 2.8em;}
}

/* click_open */
.mainmenu ul li.megamenu.click_open:hover .megamenu-wrapper {animation: none;}
.mainmenu ul li.megamenu.click_open .megamenu-wrapper {display: none;}
.mainmenu ul li.megamenu .megamenu-wrapper.active {display: table;}
.mainmenu ul li.click_open:not(.megamenu) ul {display: none; animation: none;}
.mainmenu ul li.click_open:not(.megamenu) ul.active {display: block;}


.txt-color-gray, .txt-color-gray p {
	color: #4c4c4c;
	font-weight: 400;
}

/*
form p.error {
	display: block;
    background: #fff;
    border: 1px solid #000;
    border-radius: 3px;
    bottom: 80%;
    color: #000;
    font-size: 0.8em;
    font-weight: 400;
    left: 10%;
    overflow: auto;
    position: absolute;
    white-space: pre;
    z-index: 9999999;
    padding: 5px;
}
*/

form p.error {
	position: relative;
	 font-size: 0.8em;
	 color: #000;
    font-weight: 400;
	background: #fff;
	border: 1px solid #000;
	padding: 3px;
	width: 300px;
}

form p.error:after, form p.error:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

form p.error:after {
	border-top-color: #fff;
	border-width: 10px;
	margin-left: -10px;
}
form p.error:before {
	border-top-color: #000;
	border-width: 11px;
	margin-left: -11px;
}


label.dependent.mandatory:after {
	content: '*';
	font-size: 1em;
	vertical-align: super;
	color: red;
}


.topline {
	border-top: 1px solid #ccc;
	padding-top: 2em;
}

sup, sub {
	line-height:0px;
}

.schmal ul, .schmal ol {
    margin-bottom: 0px;
}

#teilnehmer {
    width: 150px;
    padding-right: 10px;
    padding-left: 10px;
    background-color: #fedd03;
    color: #224488;
}

@media (max-width: 767px) {
.ausblenden {
background-image: none !important;
}
}

@media (max-width: 767px) {
h1, .h1, .h1 p {
    font-size: 25px;
    line-height: 32px;
}
}

@media (max-width: 767px) {
h2, .h2, .h2 p {
    font-size: 18px;
    font-weight: 200;
}
}

@media (max-width: 767px) {
#ueber_uns .image_container {
    margin-top: 4em;
}
}


a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection, 
a#CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll  
{
    background-color: #fff !important;
    color: #ddd !important;
    border: 1px solid #ddd !important;
}
#CybotCookiebotDialog {
 border: 10px solid #224488 !important;
	
}

input[type=checkbox].CybotCookiebotDialogBodyLevelButton+label {
    font-size: 0.8em !important;
}

#CybotCookiebotDialogBodyContentTitle {
    font-size: 14pt !important;
    font-weight: 400 !important;
    color: #224488 !important;
   }
   
.ce_featurelist.list-col3 li {
    width: calc(100% / 2) !important;
}

.ce_image .image_container img {
    width: -webkit-fill-available;
}

.mod_pageimage .inside.height-xs>.container {
    height: 0px;
}

.swiper-container-horizontal .swiper-pagination {
    bottom: 0px;
    position: relative;
}

.mainmenu ul li ul li a {
    font-size: 16px;
}

.mod_langswitcher .mod_langswitcher_inside:after {
    content: none;
}