body {
	font: 17px 'Open Sans', sans-serif;
}

.msbildtextgridcontent a {
	text-decoration: underline;
    color: #0b496e;
}

.header-section a.logo {
	display: block;
	
}


.nav.navbar-nav li a {
	font-size: 16px;
}


.text-primary, .tp-captionn.text-primary {
	color: #0b496e !important;
}

.bg-primary {
	background-color:#337ab7;
}

.bg-white {
	background-color: #fff;
}

.mb30 {
	margin-bottom: 30px !important;
}

.mb40 {
	margin-bottom: 40px !important;
}

.mb50 {
	margin-bottom: 50px !important;
}

.mb70 {
	margin-bottom: 70px !important;
}

.mtspec {
	margin-top: 62px !important;
}

.mt20 {
	margin-top: 20px !important;
}

.mb20 {
	margin-bottom: 20px !important;
}

.mt30 {
	margin-top: 30px !important;
}

.sec-padding.logoslice {
	padding: 0px 0px 100px 0px;
}

#owl-demo5  .item .itemimg img {
	max-width: 200px;
	height: auto;
	margin: 0 auto 0 auto;
}


#owl-demo5  .item .itemstars img {
	width: 71px;
	height: auto;
	margin: 0 auto 15px auto;
}

p {
	margin-bottom: 20px;
}

h3 {
	color: #444;
}



.sec-padding-bildtext {
	padding-top: 50px;
	padding-bottom: 50px;
}


.sec-padding-kontaktform {
	padding: 40px 0 110px 0;
}



.sec-padding-bildtext.less-padding {
	padding-bottom: 40px;
}



.msbildtext h5 {
	margin-top: 0;
	padding-top: 0;
	line-height: normal;
	font-size: 18px;
	margin-bottom: 15px;
}

.msbildtext p {
	font-size: 16px;
	line-height: 1.4em;
	color: #444;
}


.msbildtext ul li {
	font-size: 16px;
	line-height: 1.4em;
	color: #444;
}


.start_3_teaser .ce-feature-box-19 {
	padding: 60px;
}
.start_3_teaser .ce-feature-box-19:hover {
	background-color: #0b496e;
	color: #fff;
}

.start_3_teaser p {
	line-height: 1.4em;
}
.start_3_teaser a.read-more {
	font-size: 14px;
}

.start_3_teaser .ce-feature-box-19:hover a, 
.start_3_teaser .ce-feature-box-19:hover h5,
.start_3_teaser .ce-feature-box-19:hover .icon {
	color: #fff;
}

.start_3_teaser .ce-feature-box-19:hover img {
	fill: #ffffff;
}

.section-bgimg-12.nobg {
	background-image: none;
	background-color: #f5f5f5;
}


.bg-opacity-9 {
   /* background-color: rgba(0, 0, 0, 0.9); */
    background-color: #0b496e;
    opacity: 0.8;
}

.btn.btn-primary {
    color: #fff;
    background-color: #f7ba11;
    border:none;
}

.btn.btn-prim:hover {
    color: #fff;
    background-color: #f7ba11;
}

.yform {
	margin-top: 25px;
	margin-bottom: 20px;
	
}

.yform label {
	font-weight: normal;
}

.yform .form-control {
	border-radius: 0;
}

.yform .btn-primary {
	text-transform: uppercase;
	width: 40%;
	margin: 20px auto 0 auto;
}

.sidebar-adress ul {
	margin: 0;
	padding: 0;
}

.sidebar-adress ul li {
	line-height: 1.9em;
}

.sidebar-adress ul li i {
	width: 20px;
	text-align: center;
}

.sidebar-adress h3 {
	color:#0b496e;
}

#body132 .sidebar-adress h3 {
	color: #e20017;
}

/*			TOP MENU			*/


.header-section.style1 ul li a {
	padding: 35px 10px;
	font-size: 15px
}


/* MegaMenu */

.header-section ul li.mega-menu ul {
	
	width: 700px;
	margin-left: 30%;
	-webkit-box-shadow: 0px 2px 3px 1px rgba(215,215,219,1);
-moz-box-shadow: 0px 2px 3px 1px rgba(215,215,219,1);
box-shadow: 0px 2px 3px 1px rgba(215,215,219,1);
	}
	
/* Oberkategorien */

.header-section.dark-dropdowns.style1 ul li.mega-menu > ul > li > a {
	
	margin-bottom: 20px;
	
	}
	

/* Unterkategorien */

.header-section li ul {
-webkit-box-shadow: 1px 4px 20px -2px rgba(0,0,0,0.1);
  box-shadow: 1px 4px 20px -2px rgba(0,0,0,0.1);
}

.header-section ul li.mega-menu  ul li.right  {
	width: 50%;
	
	}

.header-section ul li.mega-menu  ul li.right ul li a {
		-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.header-section ul li.mega-menu  ul li.right ul li a:hover {
padding-left: 25px;
}
.header-section ul li.mega-menu  ul li.right ul li a:before {
	        font: normal normal normal 16px/1 FontAwesome;
	        content: "\f105";
	        margin-right: 7px;
}

.header-section ul li.mega-menu  ul li.right a, .header-section ul li.mega-menu  ul li.right a:hover {
padding-right: 0px;	
margin-left: 0;
width: 100%;
	}

.header-section ul li ul li:hover > ul {
	width: 100%;
	
	}
.header-section ul li.mega-menu  ul li ul {
	
	margin-left: 0px;
	-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
	}
.header-section ul li.mega-menu  ul li ul li{
	
	width: 100%;
	}



/*			Parallax			*/

.clpara h5 {
	font-size: 18px;
}

.clpara h6 {
	font-size: 16px;
	line-height: 24px;
}







/*			BILD/TEXT			*/


.msbildtext ul {
	list-style-type: inherit;
	padding-left: 18px;
}

.msbildtext ul li {
	list-style-position: outside;
}

.divider-line.solid {
	border-color: #ECECEC;
}



/*			BILD/TEXT/GRID/VIDEO			*/


 
.msbildtextgrid h2, 
.msbildtextgrid h3, 
.msbildtextgrid h4, 
.msbildtextgrid h5, 
.msbildtextgrid h6 {
	font-family: 'Open Sans', sans-serif;
}

.msbildtextgrid h1 {
	font-size: 32px;
    line-height: 32px;
    margin-bottom: 30px;
	font-weight: 400;
	color: #337ab7;
	font-family: 'Lato', sans-serif;
}

#body132 .msbildtextgrid h1 {

	color: #e20017;	
}

.msbildtextgrid h3, h3 {
	font-size: 22px;
    line-height: 22px;
    margin-bottom: 20px;
    font-weight: 600;
}

.msbildtextgrid ul {
	list-style-type: initial;
	margin: 15px 0px;
}

.msbildtextgrid li {
	line-height: 1.6em;
}

.msbildtextgrid p {

line-height: 1.6em;
margin-bottom: 20px;
	
}

.msbildtextgrid p a {
	text-decoration: underline;
	color: #0b496e;	
	}

.msbildtextgrid p a:hover {
	color: #135c86;
}


/*      DOWNLOAD BOX      */

.downloadbox {
	padding: 20px;
	background: #fafafa;
	margin-bottom: 30px;
}

ul.dl_list {
	padding: 18px;
	background-color: #0b496e;
	margin-bottom: 0px;
}

#body132 ul.dl_list {
	background-color: #e20017;
}

ul.dl_list li a i {
	font-size: 22px;
	margin-right: 6px;
}

ul.dl_list li a{
	color: #fff;
}

/*      SKED TERMINAUSGABE      */


.wrapper_entry {
	padding: 15px;
	border: 1px solid #fc0;
}

.entry_data {
	background-color: #f2f6f8;
	padding: 30px;
	margin-top: 40px;
	color:#337ab7;
}

.post-info .btn {
	background-color: #0b496e;
	margin: 10px 0px 10px 0px;
}

#body132 .post-info .btn {
	background-color: #e20017;

}

/*			BC			*/


section.breadcrumb {
	padding: 20px 0px 15px 0px;
	margin-bottom: 0px;
	background: #ffffff;
	border-bottom: 1px solid #ddd;
}

.site-wrapper section.section-light.breadcrumb {
	background: #f5f5f5;
}
ul.bcul {
	margin: 0;
	padding:0 ;
	margin-top: 0px;
	font-size: 15px;
}
ul.bcul li {
	margin-right: 10px;
	display: inline-block;
}

ul.bcul li.bclist a:before {
	content: '>';
	margin-right: 10px;
}

ul.bcul li.bclist:last-child a{
color: #0b496e;
 }
 
#body204 ul.bcul li.bclist:last-child a{
color: #349325;
 }


 /*			VA-MELDUNG				*/
 
 #vform {
	 margin: 40px 0px;
 }

 #vform h4 {
	 font-size: 17px;
	 margin:0;
	 font-weight: 500;
	 padding: 0;
 }

#dropzone {
	background: #fff;
	border: 1px #ccc dashed;
	color: #444;
	padding: 30px;
}

#yform-table-rex_yf_application-dropzone_upload {
	background: #fff;
	padding: 20px 0px;
}

div.dz-filename {
	padding: 5px 0px;
}

div.dz-filename:before {
	content: 'Datei: ';
}

a.dz-remove {
	padding: 8px 0px 8px 0px;
	color: red;
}

.alert-box.success {
	background-color: #0b496e;
	text-align: center;
	margin: 60px 0px;
}

.alert-box.success h1 {
	color: #fff;
	font-size: 32px;
	line-height: 32px;
}

#body204 .alert-box.success {
	background-color: #349325;

}

#body204 .alert-box.success h1 {

color: #fff;


}
 /*			K-Form			*/


h3#formhdl {

margin: 30px 0px;	
}


 /*			Footer			*/
 
 .footer-logos {
	 padding-top: 30px;
	 padding-bottom: 30px;
	 border-top: 3px solid #ccc;
 }
 
 .footer-logos h6 {
	 font-weight: bold;
 }
 
 .fo-copyright-holder p {
	 margin-bottom: 0px;
 }

#foot h4 {
	font-size: 20px;
}

#foot .text-light {
	color: #e1dede;
}

#foot p.pa_not {
	line-height: 28px;
}

.foot_two, .foot_three, .foot_four {
	margin-top: 8px;
}

.foot_two address, .foot_three address, .foot_four address {
	margin-bottom: 10px;
}

#foot .foot_two address, #foot .foot_two span, #foot .foot_three address, #foot .foot_three span {
	line-height: 2.2em;

}

#foot .footer-quick-links-4 {
	line-height: 1.6em;
	}
.footer-quick-links-4 li a {
	padding: 3px 0px 4px 0px;
}

a.footerlink {
	margin-right: 0px;
}

a.footerlink:hover {
	color: #fbfbfb;
}

.footer-logo {
	margin-bottom: 18px;
}

.flogo {
	max-width: 190px;
	height: auto;
	filter: brightness(0) invert(1);
}

.fo-copyright-holder {
	line-height: 22px;
	font-size: 16px;
}

.fo-copyright-holder .footer-social-icons li  {
margin-right: 30px;
}
.fo-copyright-holder .iconbox-small {
	width: 50px;
	height: 50px;
	line-height: 48px;
	font-size: 22px;
}
.fo-copyright-holder .outlineblue {
	border: 2px solid #0b496e;
}
.section-medium-dark {
	background-color: #444;
}

.outlineblue {
	border: 2px solid #0b496e;
}

#body132 .msfoot {
	background-color: #e20017;
}

#body204 .msfoot {
	background-color: #349325;
}


/*      NEWS        */

.news {
	margin-bottom: 30px;
	
}

.newsinner {
	overflow: hidden;
}

.news .img-thumbnail {
	display: block;
}
.news h3 {
	margin-bottom: 7px;
}

.news h3 a {
	margin-bottom: 7px;
	color: #0b496e;
}

.news-date__year {
    display: inline-block;
}

#body132 h3 a {
	color: #e20017;
}

#body132 h3  {
	color: #e20017;
}

#body131 h3  {
	color: #0b496e;
}

#body204 h1,#body204 h3,#body204 h4,#body204 h5,#body204 h6 {
	color: #349325;
}

#body204 .news .btn {
	background-color: #349325;
}

#body204 .news a.btn {
	color: #fff;
}

#body204 .timeline-1.timeline-red {
	border-left: 2px solid #349325;
}

#body204 .timeline-1.timeline-red li::before {
	background-color: #349325;
}

#body204 .scrollup {
	background: #95B594 url(https://demenznetz-altona.de/resources/images/scroll-top-arrow.png) no-repeat 15px 16px;}


.news p.small {
	margin-bottom: 10px;
	font-style: italic;
}

.news .btn {
	margin: 10px 0px 10px 0px;
    font-size: 17px;
    background-color: #0b496e;
    color: #fff;
}

#body132 .news .btn {
	background-color: #6e7068;
}

.news .downloads {
	margin: 20px 0px;
	padding: 0;
	color: #0b496e;
}

.news .downloads li {
	line-height: 45px;
	border-top: 1px dashed;
	display: block;
}

.news .downloads li a {
	
	display: block;
	color: #0b496e;
}

.news .downloads li a i {
	
	margin-right: 10px;
}

.news .img-responsive {
	margin: 0px auto;
}


.row.news.counted .newsinner {
	display: none;
}

.row.news.counted .newsinner:nth-child(-n+3) {
	display: block;
}






	
.clap .cp-feature-box-1:hover .img-box .text-box {
	background-color: #0b496e;
	color: #fff;
}

.clap .cp-feature-box-1:hover .text-primary {
	color: #fff;
}

.clap .cp-feature-box-1:hover p.clpos {
	color: #fff;
}

.clap .cp-feature-box-1:hover .icon-plain-msmall {
	color: #fff;
}

.clap .aphdl {
	margin: 0px 0px 100px 0px;
	font-size: 36px;
}

/*			Anfrageformular			*/

#yform-table-rex_yf_messages-honeypot input {
	height:0;
}

#yform-table-rex_yf_messages-field-20 {
	border: 0 !important;
}

#rex-yform #formhdl {
	font-size: 36px;
}

#rex-yform .control-label {
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 8px;
}

#rex-yform .form-control {
	font-size: 16px;
	font-weight: 600;
	color: #444;	
}

#rex-yform .form-group input.form-control {
	height: 40px;
	color: #444;
}

#rex-yform select.form-control {
	color: #0b496e;
	height: 40px;	
}

#rex-yform .btn-primary {
	font-weight: bold;
}



/*          LEAFLET        */

.leaflet-popup-content p {
	font: 15px 'Open Sans', sans-serif;
}




    
/*			Kontaktformular			*/



.sec-padding-kontaktform .yform label.control-label {
	font-size: 16px;
}

.sec-padding-kontaktform .yform .btn, #vform .yform .btn {
	margin: 10px 0px 10px 0px;
	font-size: 17px;
	background-color: #0b496e;
	color: #fff;
}

#body132 .sec-padding-kontaktform .yform .btn, #vform .yform .btn {
	margin: 10px 0px 10px 0px;
	font-size: 17px;
	background-color: #e20017;
	color: #fff;
}

#body204 .sec-padding-kontaktform .yform .btn, #vform .yform .btn {
	margin: 10px 0px 10px 0px;
	font-size: 17px;
	background-color: #349325;
	color: #fff;
}


/*			SIDEBAR  MENU			*/



.pages-sidebar-links li.current {
	padding: 10px;
	color: #ffffff;
	background-color: #337ab7;
}

.pages-sidebar-item h5 {
	color: #337ab7;
	font-family: 'Lato', sans-serif;
}

#body132 .pages-sidebar-links li.current, #body132 .pages-sidebar-links li a:hover {
	padding: 10px;
	color: #ffffff;
	background-color: #e20017;
}

#body204 .pages-sidebar-links li.current, #body204 .pages-sidebar-links li a:hover {
	padding: 10px;
	color: #ffffff;
	background-color: #349325;
}

#body132 .pages-sidebar-item h5 {
	color: #e20017;
	font-family: 'Lato', sans-serif;
}

#body204 .pages-sidebar-item h5 {
	font-family: 'Lato', sans-serif;
	color: #349325;
}

/*      DEMENZ ACCORDION          */

.smk_accordion {
	padding: 80px 0px 40px 0px;
}
.smk_accordion.acc_with_icon .accordion_in.style3 .acc_head {
	border-radius: 3px;
	font-size: 18px;
	font-weight: 600;
	padding: 20px 20px 20px 50px;
}

.smk_accordion.acc_with_icon .accordion_in.style3 .acc_content {
	color: #444;
}

.smk_accordion .accordion_in.style3.acc_active > .acc_head {
	color:#337ab7;
	border: 1px solid #337ab7;
}

#body204 .smk_accordion .accordion_in.style3.acc_active > .acc_head {
	color:#349325;
	border: 1px solid #349325;
}

.acc_content ul {
	list-style-type: disc;
	line-height: initial;
}
.acc_content ul li{
	margin-bottom: 10px;
}
.acc_content p {
	line-height: 1.6em;
}

.acc_content a {
	color: #0b496e;
	text-decoration: underline;
}

ul.dl-list {
    margin: 1rem 0 0;
    padding: 0;
    list-style: none;
}

ul.dl-list li {
    margin: 0 0 .5rem;
}

ul.dl-list li a {
    position: relative;
    display: block;
    padding: .65rem .85rem .65rem 2.4rem;
    border: 1px solid #e5e5e5;
    border-radius: .4rem;
    background: #fafafa;
    color: #349325;
    text-decoration: none;
    transition: all .2s ease;
}

ul.dl-list li a::before {
    content: "↓";
    position: absolute;
    left: .85rem;
    top: 50%;
    transform: translateY(-50%);
    font-weight: bold;
    font-size: 1.1rem;
    line-height: 1;
}

ul.dl-list li a:hover,
ul.dl-list li a:focus {
    background: #f0f0f0;
    border-color: #ccc;
    text-decoration: none;
    transform: translateX(3px);
}


/*           SUCHE         */

.header-section.dark-dropdowns ul li.search-parent .search-box .form-control {
	background: #fff;
	color: #444;
}

.header-section ul li.search-parent .search-box .close-btn {
	right: 20px;
	top: 1px;
}

.header-section.dark-dropdowns ul li.search-parent .search-box {
	background: #eee;
}

.search_btn {
	display: none;
}

.noresults {
	margin-top: 30px;
	border-left: 3px solid #337ab7;
	padding: 20px 0px 20px 30px;
	margin-bottom: 100px;
}

span.searchkey {
	padding: 3px;
	background: rgb(239, 241, 100);
}
.search_it-headline {
	font-size: 24px;
	margin-top: 30px;
}

ul.search_it-results {
	margin: 0;
	padding: 0;
}

li.search_it-result {
	border-left: 3px solid #337ab7;
	margin-bottom: 40px;
	padding-left: 30px;
	display: block;
}

li.search_it-result .search_it-title {
	margin-bottom: 6px;
}

li.search_it-result .search_it-title  a {
	color: #337ab7;
	font-weight: bold;
}

li.search_it-result .search_it-url   {
	color: #ccc;
	font-size: 16px;
	margin-bottom: 6px;
}


/*              VERANSTALTUNGEN           */



.timeline-1 {
	margin: 0px auto 50px auto;
}



.timeline-1 li {
	padding: 30px;
}

.timeline-1 li::before {
    color: #fff;
    content: attr(data-date);
    font-size:22px;
    font-weight: 600;
    left: -150px;
	top:0px;
    width: 140px;
	height:140px;
	text-align:center;
	border-radius:0%;
	padding:25px 7px 15px 7px;
	background-color:#101010;
}

.timeline-1 > li:before {
    white-space: pre-line;
    line-height: 1.25;
}

.entrydiv {
	padding: 20px;
	background: #f2f6f8;
	margin-bottom: 30px
}


.calendar-headline h3 {
	background: #0b496e;
	color: #fff;
	padding: 10px;
}


#body132 .calendar-headline h3 {
	background: #e20017;
	color: #fff;
	padding: 10px;
}



a.jumpto {
	color: #fc0;
	padding-top: 100px;
	margin-top: -100px;
}

:target {
  display: block;
  position: relative;
  top: -120px; 
  visibility: hidden;
}





/*              VERANSTALTUNG EINTRAGEN           */


h2.blockhdl {

	font-size: 26px;
    line-height: 78px;
    margin-bottom: 40px;
    font-weight: 400;
    color: #0b496e;
    font-family: 'Lato', sans-serif;
	padding: 0px 20px;
	background-color: #f2f6f8;
	text-transform: uppercase;
}

h2.blockhdl i {
	margin-right: 16px;
}




/*      INTRO STARTSEITE        */


.infotext {
	margin: 0px 0px 0px 0px;
}

.infotextinner {
	background-color: #0b496e;
	padding: 20px 30px 40px 30px;
	color: #ffffff;
}

.infotextinner h3 {
	color: #ffffff;
	font-size: 26px;
	margin: 20px 0px 20px 0px;
	font-weight: 400;
 }

.infotextinner .btn {
	font-size: 15px;
}
.infotextinner .btn:hover {
	background: #0b496e;
	color: #ffffff !important;
}

/* BERGEDORF */

#body132 .infotextinner {
	background-color: #e20017;
}

#body132 .infotextinner .btn:hover {
	background: #e83f50;
	color: #ffffff !important;
}

/* ALTONA */
#body204 .infotextinner {
	background-color: #349325;
}

#body204 .infotextinner .btn:hover {
	background: #95B594;
	color: #ffffff !important;
}





/* ////////// TERMINE 2025 ///////////// */


#body131 .event-box {
    border: 1px solid #ddd;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 5px;
}

#body131 .event-box h3 {
    margin-top: 0;
    color: #337ab7;
}

#body131 .event-details h4 {
    margin: 20px 0px 0px 0px;
    color: #337ab7;
    background: #fafafa;
    padding: 10px 5px;
}

#body131 .event-box p {
    margin: 5px 0;
}

#body131 .event-box a.btn {
    margin-top: 20px;
}

#body131 .btn-info {
    margin-top: 20px;
    cursor: pointer;
    border:0;
}


#body132 .event-box {
    border: 1px solid #ddd;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 5px;
}

#body132 .event-box h3 {
    margin-top: 0;
    color: #e20017;
}

.event-box a.btn.btn-nd-download {
	background: #5cb85c;
	color: #fff;
	padding: 7px;
	margin:0 !important;
}

p.dl-info {
	margin-top: 10px;
	margin-bottom: 5px;
}

#body132 .event-details h4 {
    margin: 20px 0px 0px 0px;
    color: #e20017;
    background: #fafafa;
    padding: 10px 5px;
}

#body132 .event-box p {
    margin: 5px 0;
}

#body132 .event-box a.btn {
    margin-top: 20px;
}

#body132 .btn-info {
    margin-top: 20px;
    cursor: pointer;
    background-color: #e20017;
    border:0;
}

#body132 h2.blockhdl {
	color: #e20017;
}


#body204 h2.blockhdl {
	color: #349325;
}

#body204 .event-box {
    border: 1px solid #ddd;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 5px;
}

#body204 .event-box h3 {
    margin-top: 0;
    color: #349325;
}

#body204 .event-details h4 {
    margin: 20px 0px 0px 0px;
    color: #349325;
    background: #fafafa;
    padding: 10px 5px;
}

#body204 .event-box p {
    margin: 5px 0;
}

#body204 .event-box a.btn {
    margin-top: 20px;
}

#body204 .btn-info {
    margin-top: 20px;
    background-color: #349325;
    cursor: pointer;
    border:0;
}



#body132 :target,#body131 :target {
  visibility: visible;
  top:0;
}

/* Standard-Highlight-Effekt */
.highlight-event {
    animation: fadeHighlight 3s ease-out;
}

/* Animation für sanftes Ein- und Ausfaden */
@keyframes fadeHighlight {
    0% { background-color: rgba(223, 244, 226, 0.5); } /* Gelb */
    100% { background-color: transparent; }
}




/* ENDE BERGEDORF */

@media only screen and (max-width:1199px) {

.cp-feature-box-1 .img-box .text-box {
	top: 210px;
}

}

@media only screen and (max-width:991px) {

.cp-feature-box-1 .img-box .text-box {
	top: 240px;
	height: 390px;
}
}

@media only screen and (max-width:767px) {

.cp-feature-box-1 .img-box .text-box {
	top: 340px;
	
}
}

@media only screen and (max-width:661px) {

.cp-feature-box-1 .img-box .text-box {
	top: 280px;
	
}
}


@media only screen and (max-width:550px) {

body {
	font-family: 'Lato', sans-serif;
	font-size: 16px;
}

h2.blockhdl {
	font-size: 16px;
	
}
}

@media only screen and (max-width: 500px) {

.header-section .logo {
	width: 220px;
	}
.timeline-1 li {
    padding: 50px 10px 50px 60px;
}
	
}

@media only screen and (max-width: 320px) {

.header-section .logo {
	width: 220px;
	}

	
}


/* *************************************************
/* ******* INTRO ALTONA ************************* */

#body204 .start-hero {
    position: relative;
    margin: 30px 0 0px 0;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    color: #222;
    border: 1px solid rgba(52, 147, 37, 0.18);
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.06);
}

#body204 .start-hero__overlay {
    padding: 50px 50px 60px 50px;
    background: rgba(255, 255, 255, 0.5);
}

#body204 .start-hero__row {
    display: flex;
    align-items: center;
    margin-left: 0px;
    margin-right: 0px;
}

#body204 .start-hero__content {
    padding-left: 0;
    padding-right: 25px;
}

#body204 .start-hero__headline {
    margin-top: 0;
    margin-bottom: 25px;
    font-size: 42px;
    line-height: 1.15;
    font-weight: 700;
    color: #349325;
}

#body204 .start-hero__text {
    margin-bottom: 35px;
    font-size: 19px;
    line-height: 1.65;
    color: #333;
}

#body204 .start-hero__text p:last-child {
    margin-bottom: 0;
}

#body204 .start-hero__buttons {
    margin: -5px;
}

#body204 .start-hero__btn {
    margin: 5px;
    padding: 12px 26px;
    border-radius: 3px;
    font-weight: 600;
    border: 0;
    text-transform: uppercase;
}

#body204 .start-hero__btn.btn-primary,
#body204 .start-hero__btn--secondary {
    background-color: #349325;
    border-color: #349325;
    color: #fff;
}

#body204 .start-hero__btn.btn-primary:hover,
#body204 .start-hero__btn.btn-primary:focus,
#body204 .start-hero__btn--secondary:hover,
#body204 .start-hero__btn--secondary:focus {
    background-color: #2b7d1f;
    border-color: #2b7d1f;
    color: #fff;
}

#body204 .start-hero__logo-wrap {
    text-align: center;
    padding-left: 25px;
    padding-right: 0;
}

#body204 .start-hero__logo {
    display: inline-block;
    max-width: 380px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 767px) {
    #body204 .start-hero {
        margin: 20px 0;
    }

    #body204 .start-hero__overlay {
        padding: 45px 25px;
    }

    #body204 .start-hero__row {
        display: block;
    }

    #body204 .start-hero__content {
        padding-left: 0;
        padding-right: 0;
    }

    #body204 .start-hero__headline {
        font-size: 32px;
    }

    #body204 .start-hero__text {
        font-size: 16px;
    }

    #body204 .start-hero__btn {
        display: block;
        width: 100%;
        margin: 6px 0;
        text-align: center;
    }

    #body204 .start-hero__logo-wrap {
        margin-top: 40px;
        padding-left: 0;
    }

    #body204 .start-hero__logo {
        max-width: 280px;
        max-height: 100%;
    }
}


/* ******************************* */
/* *********** HAMBURG *********** */
/* ******************************* */

#body274 .intro-module {
    position: relative;
    background-image: var(--intro-bg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
}

#body274 .intro-module__overlay {
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.88);
    z-index: 1;
}

#body274 .intro-module__inner {
    position: relative;
    z-index: 2;
    max-width: 1240px;
    margin: 0 auto;
    padding: 95px 40px 85px;
}

#body274 .intro-module__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 90px;
    align-items: center;
}

#body274 .intro-module__left {
    max-width: 760px;
}

#body274 .intro-module__headline {
    margin: 0 0 28px;
    font-size: clamp(3rem, 5.2vw, 5.7rem);
    line-height: 0.98;
    font-weight: 700;
    letter-spacing: -0.04em;
    color: #17415f;
}

#body274 .intro-module__text {
    max-width: 760px;
    font-size: clamp(1.35rem, 1.7vw, 1.75rem);
    line-height: 1.42;
    font-weight: 400;
    color: #17415f;
}

#body274 .intro-module__text p {
    margin: 0 0 1em;
}

#body274 .intro-module__text p:last-child {
    margin-bottom: 0;
}

#body274 .intro-module__right {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 34px;
}

#body274 .intro-module__logo {
    width: 100%;
    display: flex;
    justify-content: center;
}

#body274 .intro-module__logo img {
    display: block;
    max-width: 330px;
    width: 100%;
    height: auto;
}

#body274 .intro-module__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 54px;
    padding: 15px 34px;
    border-radius: 3px;
    background: #17415f;
    color: #ffffff;
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
    white-space: nowrap;
    transition: background-color 0.2s ease, transform 0.2s ease;
}

#body274 .intro-module__button:hover,
#body274 .intro-module__button:focus {
    background: #1f2427;
    color: #ffffff;
    text-decoration: none;
    transform: translateY(-1px);
}

@media (max-width: 1000px) {
    #body274 .intro-module__inner {
        padding: 70px 28px;
    }

    #body274 .intro-module__grid {
        grid-template-columns: minmax(0, 1fr) 280px;
        gap: 55px;
    }

    #body274 .intro-module__logo img {
        max-width: 260px;
    }

    #body274 .intro-module__text {
        font-size: clamp(1.2rem, 2vw, 1.45rem);
    }
}

@media (max-width: 760px) {
    #body274 .intro-module__inner {
        padding: 55px 22px;
    }

    #body274 .intro-module__grid {
        grid-template-columns: 1fr;
        gap: 42px;
    }

    #body274 .intro-module__right {
        align-items: flex-start;
    }

    #body274 .intro-module__logo {
        justify-content: flex-start;
    }

    #body274 .intro-module__logo img {
        max-width: 230px;
    }

    #body274 .intro-module__button {
        width: auto;
    }
}

@media (max-width: 520px) {
    #body274 .intro-module__inner {
        padding: 46px 20px;
    }

    #body274 .intro-module__headline {
        margin-bottom: 22px;
    }

    #body274 .intro-module__text {
        font-size: 1.18rem;
    }

    #body274 .intro-module__button {
        width: 100%;
    }
}





/* AUFGABEN */
	
	
#body274 .network-issues {
    background: linear-gradient(
        135deg,
        #f7f9fa 0%,
        #f5f8f9 100%
    );
}

#body274 .network-issues__inner {
    max-width: 1240px;
    margin: 0 auto;
    padding: 70px 40px 80px;
}

#body274 .network-issues__content {
    max-width: 980px;
    color: #17415f;
    font-size: clamp(1.18rem, 1.4vw, 1.42rem);
    line-height: 1.55;
}

#body274 .network-issues__content h2 {
    margin: 0 0 36px;
    font-size: clamp(2.4rem, 4vw, 4.6rem);
    line-height: 1.04;
    font-weight: 700;
    letter-spacing: -0.035em;
    color: #17415f;
}

#body274 .network-issues__content h3 {
    max-width: 900px;
    margin: 42px 0 0;
    font-size: clamp(1.4rem, 2vw, 2rem);
    line-height: 1.25;
    font-weight: 800;
    color: #17415f;
}

#body274 .network-issues__content p {
    max-width: 860px;
    margin: 0 0 1.25em;
}

#body274 .network-issues__content ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
    margin: 0 0 42px;
    padding: 0;
    list-style: none;
}

#body274 .network-issues__content li {
    position: relative;
    margin: 0;
    padding: 28px 30px 28px 64px;
    background: rgba(255, 255, 255, 0.82);
    border-left: 6px solid #17415f;
    color: #17415f;
    font-size: clamp(1.18rem, 1.45vw, 1.45rem);
    line-height: 1.48;
    box-shadow: 0 18px 45px rgba(23, 65, 95, 0.08);
}

#body274 .network-issues__content li::before {
    content: "";
    position: absolute;
    top: 34px;
    left: 28px;
    width: 14px;
    height: 14px;
    background: #17415f;
    border-radius: 2px;
}

#body274 .network-issues__content li strong {
    display: block;
    margin-bottom: 8px;
    font-size: clamp(1.25rem, 1.55vw, 1.55rem);
    line-height: 1.25;
    font-weight: 800;
    color: #17415f;
}

#body274 .network-issues__content a {
    color: #17415f;
    font-weight: 700;
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;
}

#body274 .network-issues__content a:hover,
#body274 .network-issues__content a:focus {
    color: #17415f;
}

#body274 .network-issues__content .icon_i {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 18px;
    max-width: 900px;
    margin: 42px 0;
    padding: 24px 28px;
    background: #f5f8fa;
    border-left: 5px solid #17415f;
    color: #17415f;
    font-size: clamp(1.15rem, 1.35vw, 1.65rem);
    line-height: 1.45;
    font-weight: 700;
}

#body274 .network-issues__content .icon_i::before {
    content: "\f05a";
    flex: 0 0 auto;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 1.35em;
    line-height: 1;
    color: #17415f;
    margin-top: 0.08em;
}



@media (max-width: 900px) {
    #body274 .network-issues__inner {
        padding: 55px 24px 65px;
    }

    #body274 .network-issues__content ul {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 600px) {
    #body274 .network-issues__inner {
        padding: 46px 20px 56px;
    }

    #body274 .network-issues__content {
        font-size: 1.12rem;
    }

    #body274 .network-issues__content h2 {
        margin-bottom: 28px;
    }

    #body274 .network-issues__content li {
        padding: 24px 22px 24px 54px;
        font-size: 1.12rem;
    }

    #body274 .network-issues__content li::before {
        top: 30px;
        left: 24px;
    }

    #body274 .network-issues__content li strong {
        font-size: 1.2rem;
    }
}



/* ************ LOGOS *********** */


#body274 .network-logos {
    background: #ffffff;
}

#body274 .network-logos__inner {
    max-width: 1240px;
    margin: 0 auto;
    padding: 80px 40px 90px;
}

#body274 .network-logos__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 34px;
}

#body274 .network-logos__headline {
    max-width: 900px;
    margin: 0 auto 56px;
    font-size: clamp(1.35rem, 1.8vw, 2rem);
    line-height: 1.32;
    font-weight: 700;
    letter-spacing: -0.015em;
    text-align: center;
    color: #17415f;
}

#body274 .network-logos__item {
    min-height: 330px;
    padding: 38px 32px 34px;
    background: #ffffff;
    border: 1px solid rgba(23, 65, 95, 0.12);
    box-shadow: 0 18px 45px rgba(23, 65, 95, 0.06);
    display: flex;
    flex-direction: column;
    align-items: center;
}




#body274 .network-logos__name {
    margin: 0 0 36px;
    min-height: 2.5em;
    font-size: clamp(1.8rem, 2.25vw, 2.35rem);
    line-height: 1.1;
    font-weight: 900;
    letter-spacing: -0.035em;
    text-align: center;
    color: #17415f;
}

#body274 .network-logos__logo {
    width: 100%;
    min-height: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 34px;
}

#body274 .network-logos__logo-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 130px;
}

#body274 .network-logos__logo img,
#body274 .network-logos__logo-link img {
    display: block;
    max-width: 240px;
    max-height: 120px;
    width: auto;
    height: auto;
}

#body274 .network-logos__button-wrap {
    width: 100%;
    margin-top: auto;
    display: flex;
    justify-content: center;
}

#body274 .network-logos__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 54px;
    padding: 15px 32px;
    border-radius: 3px;
    background: #17415f;
    color: #ffffff;
    font-size: 1.15rem;
    font-weight: 800;
    line-height: 1.2;
    text-decoration: none;
    white-space: nowrap;
    transition: background-color 0.2s ease, transform 0.2s ease;
}

#body274 .network-logos__button:hover,
#body274 .network-logos__button:focus {
    background: #1f2427;
    color: #ffffff;
    text-decoration: none;
    transform: translateY(-1px);
}

#body274 h3.network-logos__name.network-logos__name--1 {
	color: #349325;
}

#body274 a.network-logos__button.network-logos__button--1 {
	background-color: #349325;
	
}

#body274 h3.network-logos__name.network-logos__name--2 {
	color: #e20017;
}

#body274 a.network-logos__button.network-logos__button--2 {
	background-color: #e20017;
	
}

#body274 h3.network-logos__name.network-logos__name--3 {
	color: #337AB7;
}

#body274 a.network-logos__button.network-logos__button--3 {
	background-color: #337AB7;
	
}

@media (max-width: 1000px) {
    #body274 .network-logos__inner {
        padding: 65px 28px 75px;
    }

    #body274 .network-logos__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 28px;
    }
}

@media (max-width: 640px) {
    #body274 .network-logos__inner {
        padding: 50px 20px 60px;
    }

    #body274 .network-logos__grid {
        grid-template-columns: 1fr;
    }

	#body274 .network-logos__headline {
        margin-bottom: 42px;
        font-size: 1.25rem;
    }
    #body274 .network-logos__item {
        min-height: 0;
        padding: 34px 26px 30px;
    }

    #body274 .network-logos__name {
        min-height: 0;
        font-size: 1.7rem;
    }

    #body274 .network-logos__logo,
    #body274 .network-logos__logo-link {
        min-height: 110px;
    }

    #body274 .network-logos__logo img,
    #body274 .network-logos__logo-link img {
        max-width: 220px;
        max-height: 110px;
    }

    #body274 .network-logos__button,
    #body274 .network-logos__button-wrap {
        width: 100%;
        font-size: 1.08rem;
    }
}


/* ****************************** */
/* ********** LINKBOXEN ********* */
/* ****************************** */

#body274 .linkbox-module {
    background: #ffffff;
}

#body274 .linkbox-module__inner {
    max-width: 1240px;
    margin: 0 auto;
    padding: 45px 40px;
}

#body274 .linkbox-module__box {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 70px;
    align-items: center;
    padding: 46px 50px;
    background: linear-gradient(
        135deg,
        #f7f9fa 0%,
        #f5f8f9 100%
    );
    border: 1px solid rgba(23, 65, 95, 0.12);
    box-shadow: 0 18px 45px rgba(23, 65, 95, 0.06);
}

#body274 .linkbox-module__content {
    max-width: 760px;
}

#body274 .linkbox-module__headline {
    margin: 0 0 20px;
    font-size: clamp(2rem, 3.2vw, 3.4rem);
    line-height: 1.06;
    font-weight: 900;
    letter-spacing: -0.035em;
    color: #17415f;
}

#body274 .linkbox-module__text {
    font-size: clamp(1.15rem, 1.45vw, 1.45rem);
    line-height: 1.5;
    color: #17415f;
}

#body274 .linkbox-module__text p {
    margin: 0 0 1em;
}

#body274 .linkbox-module__text p:last-child {
    margin-bottom: 0;
}

#body274 .linkbox-module__text a {
    color: #17415f;
    font-weight: 700;
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;
}

#body274 .linkbox-module__aside {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
}

#body274 .linkbox-module__logo {
    width: 100%;
    min-height: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#body274 .linkbox-module__logo img {
    display: block;
    max-width: 250px;
    max-height: 125px;
    width: auto;
    height: auto;
    object-fit: contain;
}

#body274 .linkbox-module__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 54px;
    padding: 15px 32px;
    border-radius: 3px;
    background: #17415f;
    color: #ffffff;
    font-size: 1.15rem;
    font-weight: 800;
    line-height: 1.2;
    text-decoration: none;
    white-space: nowrap;
    transition: background-color 0.2s ease, transform 0.2s ease;
}

#body274 .linkbox-module__button:hover,
#body274 .linkbox-module__button:focus {
    background: #1f2427;
    color: #ffffff;
    text-decoration: none;
    transform: translateY(-1px);
}

@media (max-width: 900px) {
    #body274 .linkbox-module__inner {
        padding: 36px 24px;
    }

    #body274 .linkbox-module__box {
        grid-template-columns: 1fr;
        gap: 36px;
        padding: 38px 32px;
    }

    #body274 .linkbox-module__aside {
        align-items: flex-start;
    }

    #body274 .linkbox-module__logo {
        justify-content: flex-start;
    }

    #body274 .linkbox-module__logo img {
        max-width: 220px;
    }
}

@media (max-width: 600px) {
    #body274 .linkbox-module__inner {
        padding: 30px 20px;
    }

    #body274 .linkbox-module__box {
        padding: 32px 24px;
    }

    #body274 .linkbox-module__headline {
        margin-bottom: 16px;
    }

    #body274 .linkbox-module__text {
        font-size: 1.12rem;
    }

    #body274 .linkbox-module__button {
        width: 100%;
        font-size: 1.08rem;
    }
}


/* ************** */
/* *** HEADER *** */
/* ************** */


#body274 .meta-bar {
    position: sticky;
    top: 0;
    z-index: 1000;
    background: rgba(255, 255, 255, 0.94);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(23, 65, 95, 0.1);
    box-shadow: 0 8px 26px rgba(23, 65, 95, 0.05);
}

#body274 .meta-bar__inner {
    max-width: 1240px;
    min-height: 74px;
    margin: 0 auto;
    padding: 10px 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
}

#body274 .meta-bar__logo {
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    width: auto !important;
    min-width: 220px;
    height: 58px !important;
    min-height: 58px;
    max-height: 58px;
    line-height: 0;
    text-decoration: none;
    overflow: visible;
}

#body274 .meta-bar__logo img {
    display: block !important;
    width: auto !important;
    height: auto !important;
    min-width: 120px;
    max-width: 260px !important;
    min-height: 1px;
    max-height: 58px !important;
    object-fit: contain;
    opacity: 1 !important;
    visibility: visible !important;
}

#body274 .meta-bar__actions {
    display: flex;
    align-items: center;
    gap: 12px;
}

#body274 .meta-bar__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 46px;
    padding: 12px 20px;
    border-radius: 3px;
    background: #17415f;
    color: #ffffff;
    font-size: 1rem;
    line-height: 1.2;
    font-weight: 800;
    text-decoration: none;
    white-space: nowrap;
    transition: background-color 0.2s ease, transform 0.2s ease;
}

#body274 .meta-bar__button:hover,
#body274 .meta-bar__button:focus {
    background: #1f2427;
    color: #ffffff;
    text-decoration: none;
    transform: translateY(-1px);
}

#body274 .meta-bar__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.05em;
    font-family: "Font Awesome 5 Free";
}

@media (max-width: 700px) {
    #body274 .meta-bar__inner {
        min-height: 68px;
        padding: 10px 20px;
        gap: 18px;
    }

    #body274 .meta-bar__logo img {
        max-width: 150px;
        max-height: 42px;
    }

    #body274 .meta-bar__actions {
        gap: 8px;
    }

    #body274 .meta-bar__button {
        min-height: 42px;
        padding: 11px 13px;
        font-size: 0.95rem;
    }
}

@media (max-width: 480px) {
    #body274 .meta-bar__button span:last-child {
        display: none;
    }

    #body274 .meta-bar__button {
        width: 42px;
        padding: 0;
    }
}