/**************************************************************************************/
/*
/*		Designed by 'AgITO'
/*		Web: https://www.agito.de
/*		License: AgITO
/*
/**********   blau: #030D5B; *****hellgruen #e4ff78****/

@media screen and (max-width: 480px) {
h1, h2, h3, h4 {}

}

@media screen and (max-width: 600px) {
  .block25, .block75, .block70, .block75, .block78, .block30, .block40, .block60{width:100% !important;}
  .block100  {width:100% !important; margin: 0px auto !important;}
  .SLNotificationBar .SLhelloinner {  display: block; overflow:hidden;    width: 95% !important; font-size:18px !important;}
.block100 {padding:10px !important;} 
#sp-menu  {padding-right:20px !important;}
.slideshow h1 {font-size: 1.5rem; font-weight: 600;  }
.fs200 { font-size: 130% !important;}
  .fs300 { font-size: 180% !important;}
  .mh_350 {  min-height: 200px !important;}
}

@media (max-width: 767px) {
  body {font-size:15px !important;}  
}

@media screen and (max-width: 900px) {  
.block50, .block30, .block25 .block60, .block70, .block_auto, .block100, .block20, .abox2, .abox1 { width: 100% !important;} 
.abox2 h1 {text-align:center !important;}
}

@media only screen and (min-width:600px) and (max-width: 1024px) { 
 }

/***Ende Media**/

body {font-family: 'Raleway' !important; font-weight:400 !important;
  color:#4c4c4c !important; line-height: 1.7em; word-spacing: 2px; text-rendering: optimizeLegibility;}

.raleway {font-family: 'Raleway' !important;}


a {color:#26336A !important; text-decoration:none;}
a:link { background-color: transparent !important; color:#26336A;}
a:visited { background-color: transparent !important; color:#26336A !important;}
a:hover { background-color: transparent !important; text-shadow:none !important;} 
a:focus { background-color: transparent !important; color: #377F8F !important;}
a:active { background-color: transparent !important;}
a:visited:hover{color:#26336A !important;}

b {font-weight: 600;}

ul.cc-compliance-list a:link {color: #fff !important;}
li.cc-compliance > a {color:#fff !important;}
.cc-color-override--1147074221 .cc-highlight .cc-btn.cc-dismiss {  background-color: #fff !important;}
.cc-dismiss a:hover { color:#26336A !important;}


#sp-bottom .sp-module ul > li > a:hover { color:orange !important;}
#sp-top-bar {  background: #333d59 !important; color: #fff !important;}
#sp-comp-left { padding:50px;  }
#sp-comp-right { background:#FAFFF1 !important;  }
#sp-header {background: url("../images/bg.menu-row.jpg") background-repeat: no-repeat;
background-size: contain;
background-attachment: scroll;
background-position: 10% 0; }


h1, h3, h4, h5 {margin-top:5px !important; margin-bottom: 0px !important;}
h1 {color:#26336A;   font-size: 2.5rem; font-weight:600; line-height: 1.3 !important; }
h2 {color:#333d59; line-height: 1.2 !important; margin-top:15px !important;}
h3 {color:#333d59; text-align:center;}
h4 {color:#377F8F;}
.uebs h2 {line-height: 1.05 !important;}
.tac a:link {color:#fff; line-height: 1.0 !important; margin-top:0 !important;}
#sp-title h2 a:link {color:#fff !important; line-height: 1.0 !important; margin-top:0 !important;}

.h-ueb {
  color: #26336A;
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1.3 !important;
}

.dsvo h1 {  font-size: 1.8rem !important;}
.dsvo h2 {  font-size: 1.2rem !important;}
.cc-color-override--1147074221 .cc-highlight .cc-btn.cc-deny {  color: rgb(255, 255, 255) !important;}
div.cc-compliance > a.cc-btn {  color: rgb(255, 255, 255) !important;}
.cc-color-override--1147074221 .cc-link, .cc-color-override--1147074221 .cc-link:active, .cc-color-override--1147074221 .cc-link:visited {
  color: rgb(255, 255, 255) !important;}

div.cc-window.cc-floating {    line-height: 1.4em; font-family: 'Raleway' !important;  font-size: 14px;}

.cc-revoke img, .cc-revoke i, .cc-revoke span {  margin-right: 0px;}
.cc-color-override--1147074221.cc-revoke {  color: rgb(255, 255, 255);  background-color: transparent !important;}
a.cc-link {color: #fff !important; text-decoration: none !important;}
span.cc-message span.cc-cookie-settings-toggle, div.cc-compliance span.cc-cookie-settings-toggle {
  padding: .2em .5em; float:right;  border-width: 0px; margin-right:5px; }
.cc-message-text {display:block; overflow:hidden; margin-bottom:35px !important;}






.test a {color:#26336A !important; text-decoration:none;}
.test  a:link {color:#26336A !important;}
.test a:visited { color:#26336A !important;}
.test  a:hover {  text-shadow:none !important;} 
.test a:focus {color: #377F8F !important;}
.test a:active { color: #377F8F !important;}
.test a:visited:hover{color:#26336A !important;}


#sp-main-body  { padding: 0px;}

.sp-megamenu-parent > li > a:hover {color: #333d59 !important; text-shadow: 2px 2px 2px #ccc !important; }
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a
{color:#e4ff78 !important;  text-shadow: 0.075em 0.08em 0.1em rgba(0, 0, 0, 1) !important; font-weight: 600;}
#sp-menu .sp-megamenu-parent > li > a {font-size:18px !important;}
#sp-menu .sp-megamenu-parent > li > a:hover {
  text-shadow: 0.075em 0.08em 0.1em rgba(0, 0, 0, 1);}
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {color:#333d59 !important; 
  text-shadow: 2px 2px 2px #ccc !important;}

.home::before {  font-family: FontAwesome;   content: "\f015";  margin-right: 6px;}


/*Pagebuilder*********************/
.sppb-media-content a:hover {color: orange !important;}


#sp-top2  {text-align:right; padding:5px 0px;}
#sp-top2 a {color:#fff !important; text-align:right;}
#sp-left .sp-module, #sp-right .sp-module { border: 0px solid #f3f3f3;}
#sp-header {  height: 120px;  }
#sp-logo {margin-top:20px;}
#sp-bottom {font-size:110%;}

.pic  {display:block; border: 1px solid #cccccc; padding:1px; } /* xx */
.pic1  {display:block !important; overflow:hidden; float:left; }
.pic11  { float:left; padding-right:10px; }
.pic2  {display:block !important; overflow:hidden; float:right; }
.pic3  {margin: 0px auto; }

.fw400 {font-weight:400 !important;}


.str1 { width: 150px; float: left; color: #377F8F;  margin-bottom: 10px; height: 1px;    background-color: #26336A; border: #E20026; vertical-align: top;}
.str2 { border: 1px solid #26336A; width:90%; margin:0px auto;}


.mt20 { margin-top: 20px;}
.mb20 { margin-bottom: 20px;}
.mt30 { margin-top: 30px;}
.mt40 { margin-top: 40px;}
.mb10 { margin-bottom: 10px;}
.mr10 { margin-right: 10px;}
.mr20 { margin-right: 20px;}
.ml20 { margin-left: 20px;}
.m_auto {margin: 0px auto !important;}
.v-align {vertical-align:middle;}

.mh_200 {min-height:200px;}
.mh_250 {min-height:300px;} /*******leistungen**/
.mh_300 {min-height:300px;}
.mh_350 {min-height:360px;}
.mh_400 {min-height:400px;}
.mh_450 {min-height:450px;}

.block100  {display:block; overflow:hidden; position:relative; width:100% !important;  }
.block50  {display:block; overflow:hidden; width:49%;  }
.block50 h1 {}
.block60  {display:block; overflow:hidden; width:56%; float:left;   }
.block80  {display:block; overflow:hidden; margin: 0px auto; width:78%; } 
.block70  {display:block; overflow:hidden; margin: 0px auto; width:65%; float:left;    }
.block30  {display:block; overflow:hidden; width:32%;  height:100%;}
.block40  {display:block; overflow:hidden; width:35%;  height:100%;}
.block25  {display:block; overflow:hidden; width:24%;  height:100%;}
.block20  {display:block; overflow:hidden; width:20%; padding:10px; } 
.block_table  {display:table;   }

.liste  {display:block; overflow:hidden; position:relative; width:100% !important; min-height:50px;  }

.more  {position: absolute;
overflow: hidden; display:flex; width:93%;
box-sizing: border-box;
bottom: 14px;  font-size: 18px;
top: auto; margin: 0px auto; 
}

more-link  {display:block; overflow: hidden; margin: 0px auto; width:auto; height:auto;
 font-size: 30px; line-height: 20px;
 font-family: 'journalregular';
color: rgb(255, 255, 255) !important;
  background-color: #e4ff78; 
padding:10px 10px;
border-radius: 1px;   box-sizing: content-box;  box-shadow: 0 1px 3px rgba(0,0,0,0.4);}

.more a {color: rgb(255, 255, 255) !important; text-shadow: 0.075em 0.08em 0.1em rgba(0, 0, 0, 1) !important;}
.more a:hover {color: orange !important; text-shadow: 0.075em 0.08em 0.1em rgba(0, 0, 0, 1) !important;}

.fa, .fas, .far {color:;}
.fl {float:left;}
.fr {float:right;}
.tac {text-align:center !important;}
.fs80 {font-size:80% !important;}
.fs90 {font-size:90% !important;}
.fs110 {font-size:110% !important;}
.fs120 {font-size:120% !important;}
.fs150 {font-size:150% !important;}
.fs180 {font-size:180% !important;}
.fs200 {font-size:190%;}
.fs250 {font-size:250% !important;}
.fs280 {font-size:250% !important;}
.fs300 {font-size:300%;}
.tar {text-align:right !important;}
.tal {text-align:left !important;}
.lh11 {line-height:1.1em !important;}
.lh12 {line-height:1.2em !important;}
.lh90 {line-height:1.2em !important;}
.lh20 {line-height:2.0em !important;}
.lh15 {line-height:1.5em !important;}
.ts {text-shadow: 0.03em 0.03em 0.1em rgba(0, 0, 0, 1);}
.ls {letter-spacing:0.1em;}

.bg_1 {background: #fff;}
.bg_2 {background: #fff;}
.bg_3 {background: #FBFBFB;}
.bg_4 {background: #26336A;}
.bg_5 {background: #377F8F;}
.bg_blue {background: rgba(0, 0, 135, 0.5) !important;}
.bs {box-shadow: 0.01em 0.01em 0.1em rgba(0, 0, 0, 1);}
.bggruen {background:#FAFFF1;}


.p10 { padding: 10px;}
.pt10 { padding-top: 30px;}
.p20 { padding: 20px;}
.p30 { padding: 30px;}
.p20l { padding-left: 20px;}
.p20r { padding-right: 20px;}
.p10r { padding-right: 10px;}

.border1 {border:1px solid #ccc;}
.border2 {border-top: 1px dotted #fff;}
.border3 {border-top: 1px solid #fff; padding:10px;  }

.ad1 {animation-delay: 1s}
.ad2 {animation-delay: 1.5s}
.ad3 {animation-delay: 2s}
.ad4 {animation-delay: 2.5s}
.ad5 {animation-delay: 3s}
.ad6 {animation-delay: 3.5s}
.ad7 {animation-delay: 4s}
.ad8 {animation-delay: 4.5s}
.ad10 {animation-delay: 5.5s}
.tf1 {animation: myAnim 12s ease 0s 1 normal forwards;}


.blau {color:#030D5B;} 
.hgruen {color:#e4ff78;}
.hgruen a {color:#e4ff78 !important;}
.hgruen a:hover, a:focus, a:active {  color: #fff !important;}
.white {color:#fff;}
.white a, a:hover, a:focus, a:active {  color: #fff !important;}

.slideshow {
    position: relative;    width: 100%;    min-height:350px !important; 
    box-sizing: border-box;    margin: 0 auto; }

.slideshow h1 {font-size: 2.0rem;
font-weight: 700;  }

.abox1 {
    position: absolute; text-align: center; font-size: 1.2em;
    border: 0px dotted #2C9CB0; width:55%;}

.abox2 {
    position: absolute; text-align: center; font-size: 1.2em;
    border: 0px dotted #2C9CB0; right:1px; width:55%; margin-top:20px;  }


.ff_journal {font-family: 'journalregular';}


.cc-link:active, .cc-link:visited, .cc-link:focus { color:#fff !important; text-decoration:none !important;}
.cc-link:hover { color:orange !important;}
.cc-revoke, .cc-window {
  font-family: 'Raleway',sans-serif;
  font-size: 16px;
  line-height: 1.2em;
}



.breadcrumb { padding: 20px 0px !important; background-color: #fff !important;}




/**animation**/
.animation-fadein {
    animation-name: fadein;
    animation-duration: 5.8s;
    animation-timing-function: linear;
}

[class*="animation-"] {
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
    animation-fill-mode: both;
}


.animation-slide-left {animation-name: slide-left;}
.animation-slide-right {animation-name: slide-right;}
.animation-fadein { animation-name: fadein;}
.animation-fadeinup { animation-name: fadeInUp;}
.animation-fadeindown { animation-name: fadeInDown;}


.pos20 {position:absolute; top:30px; left:30px;}

/**transitions*/

@keyframes slide-left{0%{opacity:0;transform:translateX(-100%)}100%{opacity:1;transform:translateX(0)}}
@keyframes slide-right{0%{opacity:0;transform:translateX(100%)}100%{opacity:1;transform:translateX(0)}}


@keyframes slidein {
  from {
    margin-left: 0%;
    width: 100%;
  }

  to {
    margin-left: 0%;
    width: 45%;
  }
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 40px, 0);
		transform: translate3d(0, 40px, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 40px, 0);
		transform: translate3d(0, 40px, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}

@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -40px, 0);
		transform: translate3d(0, -40px, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -40px, 0);
		transform: translate3d(0, -40px, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
}

@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-20%, 0, 0);
		transform: translate3d(-20%, 0, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-20%, 0, 0);
		transform: translate3d(-20%, 0, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(20%, 0, 0);
		transform: translate3d(20%, 0, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(20%, 0, 0);
		transform: translate3d(20%, 0, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
}

@-webkit-keyframes fadeOut {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

.fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut;
}

@-webkit-keyframes slideInUp {
	0% {
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
		visibility: visible;
	}
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes slideInUp {
	0% {
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
		visibility: visible;
	}
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}


@keyframes rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}


@keyframes myAnim {
	0% {
		transform: rotate(0);
	}

	100% {
		transform: rotate(360deg);
	}
}


/**font**/
@font-face {
    font-family: 'journalregular';
    src: url('../fonts/journal-webfont.eot');
    src: url('../fonts/journal-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/journal-webfont.woff') format('woff'),
         url('../fonts/journal-webfont.ttf') format('truetype'),
         url('../fonts/journal-webfont.svg#journalregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


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

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

/* raleway-600 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/raleway-v28-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-600.svg#Raleway') format('svg'); /* Legacy iOS */
}

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


/* Font Awesome */
@import ‚all.css‘;