.socials { display:flex; justify-content: flex-start; flex-wrap: wrap; width:100%; margin-top:40px; margin-left: 75%; }
.social-icon img { display: block; width:40px; height: auto; opacity: 0.8; margin-left:20px; }
.social-icon:first-child img { margin-left:0px; }

/*------ Cookies ----------------*/
.cc-revoke { padding: 1em 2em; }
.cc-revoke.cc-bottom { border-radius:5px !important; text-decoration: none; }
.cc-animate.cc-revoke.cc-bottom { -webkit-transform: translateY(2.5em); transform: translateY(2.5em); }
.cc-revoke, .cc-window { font-family: inherit; font-size: 0.9rem; }
.cc-window { box-shadow: 0 0 20px rgba(0,0,0,0.5); }
/*.cc-revoke.cc-left { left: 80px !important; text-transform: uppercase; }*/


.cc-window {  }
.cc-window .dp--cookie-check { padding:5px; }
.cc-window .dp--cookie-check label:first-child { padding-left:0px; padding-right:0px; }
.cc-window .dp--cookie-check label:last-child { padding-right:0px; padding-left:0px;}
.cc-window .cc-deny { display:none !important; }
.cc-window .cc-btn { width: 48% !important; background:#FFF !important; color:#000 !important; border-radius:5px;
  transition: all 0.4s ease-in 0s; /* explorer 10 */
  -webkit-transition: all 0.4s ease-in 0s; /* chrome & safari */
  -moz-transition: all 0.4s ease-in 0s; /* firefox */
  -o-transition: all 0.4s ease-in 0s; /* opera */}
.cc-window .cc-btn:hover { opacity: 0.8; }


.cc-compliance { padding:0 1.5rem 1.5rem; }
.cc-compliance .cc-btn { width: 48%; }


@media screen and (max-width: 414px) and (orientation: portrait), screen and (max-width: 736px) and (orientation: landscape) {
  .cc-animate.cc-revoke.cc-bottom {
    -webkit-transform: translateY(3em);
    transform: translateY(3em);
  }
}


label[for=dp--cookie-marketing] { display:none; }


.contenttable {width:100%;max-width:100%; border-collapse:collapse; border-spacing:0; }
.contenttable th,.contenttable td {padding:0.5em 0.75em;vertical-align:top;}
.contenttable thead th {font-weight:bold;border-bottom:2px solid #666;}
.contenttable th,.contenttable td {border-top:1px solid #666;}
.contenttable tr:last-child td {border-bottom:1px solid #666;}
.contenttable td:first-child { padding-left:0; }


/*------ Downloads ----------------*/
.downloads img { float:none; padding-right:0; display:block; box-shadow:2px 2px 8px rgba(0,0,0,0.5); width:100%; height:auto; }
.downloads ul { display:flex; margin-top:20px !important; -webkit-flex-wrap: wrap; flex-wrap: wrap; padding:0; }
.downloads li { position:relative; display:block; padding-bottom:0px !important; overflow:visible; width:16%; margin:1em 0 2em; margin-right:5%; }
.downloads li:nth-child(5n + 5) { margin-right:0; }
.downloads .ce-uploads-description { display:block; padding:10px 0; line-height:140%; }
.downloads .ce-uploads-description p { padding-bottom:0; }
.downloads .ce-uploads-button a { position:absolute; left:0; top:0%; width:100%; height:100%; box-sizing:border-box; color:#FFF; font-weight:700; background:rgba(241,148,0,0.7) url('../Images/icon_download.png') center 30px no-repeat; background-size:30%; display:flex; flex-direction:column; text-align:center; justify-content:flex-end; opacity:0; padding:20px; }
.downloads li:hover .ce-uploads-button a { opacity:1; background-position:center 40px; }


/*------ Javascript-Debugger ----------------*/
#output { /* display:none;*/ background:orange; position:fixed; top:200px; left:0; width:300px; z-index:3000; }
#output p{ padding:10px; }


/* --------- Allgemeines ---------------------------------------------------------------------*/
body { background:#AAA; }
  .wrapper { background:#FFF; box-sizing:border-box; position:relative; display:block; margin-left:auto; margin-right:auto; }
  .hide { display:none; }

  .shadow_top { opacity:0.8; background:url('../Images/shadow_top.png') center bottom no-repeat; background-size:120% 10px; position:absolute; left:0; top:-15px; width:100%; height:15px; }
  .shadow_bottom { opacity:0.8; background:url('../Images/shadow_bottom.png') center top no-repeat; background-size:120% 10px; position:absolute; left:0; bottom:-15px; width:100%; height:15px; }

  .no-scroll {height:100%; overflow:hidden; }
  .transition {  
    transition: all 0.4s ease-in 0s; /* explorer 10 */
    -webkit-transition: all 0.4s ease-in 0s; /* chrome & safari */
    -moz-transition: all 0.4s ease-in 0s; /* firefox */
    -o-transition: all 0.4s ease-in 0s; /* opera */
  }

  .webview { display:inline; }
  .mobileview { display:none; }

  /* Contain floats: h5bp.com/q */ 
  .clearfix:before, .clearfix:after { content: ""; display: table; }
  .clearfix:after { clear: both; }
  .clearfix { zoom: 1; }

  figcaption { text-align:center; font-size:0.8rem; line-height:140%; padding-top:3px; padding-bottom:5px; }

  .ce-textpic { overflow:hidden; }

  .ce-gallery .ce-row { display:flex; }
  .ce-gallery[data-ce-columns="1"] .ce-column { width:100%; margin-bottom:6%; }
  .ce-gallery[data-ce-columns="2"] .ce-column { margin-bottom:6%; }
  .ce-gallery[data-ce-columns="2"] .ce-column:first-child { margin-right:6%; }
  .ce-gallery[data-ce-columns="4"] .ce-column { width:22%; margin-bottom:4%; }
  .ce-gallery .ce-row:last-child .ce-column { margin-bottom:0; }

  .ce-right .ce-gallery { margin-left:5%; margin-bottom:5%; }
  .ce-left .ce-gallery { margin-right:5%; margin-bottom:5%; }
  .ce-right.ce-intext .ce-gallery { float:right; }
  .ce-left.ce-intext .ce-gallery { float:left; }
  .col4 .ce-gallery { margin-right:0 !important;}


  .ce-gallery img { max-width:100%; height:auto; display:block; }
  .ce-gallery img[alt="logo"] { max-width:50%; height:auto; display:block; margin-bottom:30px; }

  .fsc-default { margin-bottom:5%; }
  .fsc-default:last-child { margin-bottom:0; }


  /* --------- Gridelement 3-3-6 -------------*/ 
  .gridelement_3-3-6 { display:flex; justify-content:space-between; flex-wrap:wrap; }
  .gridelement_3-3-6 .col3 { width:23%; }
  .gridelement_3-3-6 .col6 { width:48%; }

  /* --------- Content-Layouts -------------*/ 
  .blauebox { color:#FFF; box-sizing:border-box; padding:30px; 
    background: rgba(0,70,131,1);
    background: -moz-linear-gradient(top, rgba(0,70,131,1) 0%, rgba(0,112,181,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,70,131,1)), color-stop(100%, rgba(0,112,181,1)));
    background: -webkit-linear-gradient(top, rgba(0,70,131,1) 0%, rgba(0,112,181,1) 100%);
    background: -o-linear-gradient(top, rgba(0,70,131,1) 0%, rgba(0,112,181,1) 100%);
    background: -ms-linear-gradient(top, rgba(0,70,131,1) 0%, rgba(0,112,181,1) 100%);
    background: linear-gradient(to bottom, rgba(0,70,131,1) 0%, rgba(0,112,181,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004683', endColorstr='#0070b5', GradientType=0 );
  }
  .blauebox h3 { color:#FFF; }

  .grauebox { background:#ccc; box-sizing:border-box; padding:30px; }
  .grauebox h3 { color:#000 !important; }
  .grauebox ul, .blauebox ul { list-style: none !important; padding-left:20px;}
  .grauebox li, .blauebox li { position:relative; }
  .grauebox li:before, .blauebox li:before { content: "+"; left:-20px; position:absolute; }


/* --------- Header ---------------------------------------------------------------------*/
#header{ position:relative; padding:0; z-index:400; }
  #header .wrapper { display:flex; justify-content:space-between; background:#BBB; color:#FFF; line-height:50px; }
  #header .wrapper a { color:#FFF; }


  #header .language { padding:0; height:50px; display:flex; justify-content:flex-start; }
  #header .language a { opacity:0.5; box-sizing:border-box; display:inline-block; text-align:center; line-height:50px; font-weight:600; width:50px; background:#000; margin-right:10px; text-transform: uppercase; }
  #header .language a:hover { opacity:0.8; }
  #header .language a.active { opacity:1; }
  #header .language a:last-child {  margin-right:0; }



    #header .kontakt { padding:15px 100px 15px 5.75%; line-height:20px; }
    /* Suche */ 
    #header .suche { width:100%; position:fixed; top:0; right:0; }
    #header.fixed .suche { top:16px; }

    .suche .suche-button { position:absolute; top:0; right:0; cursor:pointer; background:#000 url('../Images/icon_lupe.png') center no-repeat; background-size:100%; width:50px; height:50px; z-index:3001; }
    .suche #suchebox { display:none; width:100%; height:50px; padding:0 100px 0 5%; position:absolute; background:#000; top:0px; right:0px; z-index:3000; box-sizing:border-box; }
    #header.fixed .suche #suchebox { width:80%; }




#header2 { position:relative; padding:0; z-index:300; }
  #header2 .wrapper { padding:0 0 0 5%; display:flex; justify-content:space-between; align-items:flex-end; }
    /* Logo */ 
    #header2 .logo { width:15%; padding:30px 0; box-sizing:border-box; }
    #header2 .logo img { display:block; width:100%; height:auto; }
    #header2 .logo a { border:none; }

  #header2.fixed { position:fixed; top:0; left:0; width:100%; }
  #header2.fixed .logo { width:8%; padding:20px 0 20px; }


/* --------- Slider ---------------------------------------------------------------------*/
.headerslider { position:relative; }
  .headerslider .fsc-default { margin-bottom:0; }
  .slider-wrapper { position:relative; }
  .headerslider img { display:block; }
  .headerslider img.headerbild { width:100%; height:auto; }
  

/* --------- Solutionbox ---------------------------------------------------------------------*/
.solutionbox { position:absolute; background:#666666 url('../Images/icon_lupe-big.png') left 2% no-repeat; background-size:20%; color:#FFF; top:0; left:0; width:24.7%; height:100%; min-width:450px; z-index:7; padding:2%; padding-left:5%; box-sizing:border-box; }
.solution-header { font-weight:900; font-size:1.6rem; }
.solutionbox .button { background:none; border-color:#FFF; color:#FFF; }
.solutionbox .button .pfeil-box { border-left-color:#FFF; }
.solutionbox .button .pfeil-box .pfeil { border-left-color:#FFF; }
.solutionbox .button:hover { background:#FFF; border-color:#FFF; color:#666666 !important; }
.solutionbox .button:hover .pfeil-box { border-left-color:#666666; }
.solutionbox .button:hover .pfeil-box .pfeil { border-left-color:#666666; }
.solutionbox > .pfeil { display:block; position:absolute; width:0; height:0; top:5%; right:-20px; border-top:30px solid transparent; border-bottom:30px solid transparent; border-left:20px solid #666666; }
    



/* --------- Headerbilder ---------------------------------------------------------------------*/ 
  .headerimage { position:relative; background:lime; height:200px; }
  .headerimage img { width:100%; height:auto; display:block; }
  .headertext { position:absolute; background:rgba(255,255,255,0.8); width:100%; bottom:0; left:0; padding:30px 5.6%; box-sizing:border-box; }
  .headertext h2 { font-size:4rem; text-transform:uppercase; }
  .headertext p { font-size:1.6rem; margin:0; line-height:140%; }
  .headertext .ce-textpic { /*display:flex; flex-direction:row-reverse;*/ }
  .headertext .ce-gallery { margin-bottom:0px !important; margin-left:5% !important; width:20%; }
  .headertext img { max-width:150px !important; display:block; }


/* --------- Main Content -------------*/ 
#main { position:relative; z-index:100; }
#main .wrapper { padding:0; background:#FFF; display:flex; justify-content:space-between; flex-wrap:wrap; align-items:flex-start; }
  .home #main .wrapper { padding:5% 0% 5% 5%; }
  #main .wrapper .shadow_bottom { background:url('../Images/shadow_top.png') center bottom no-repeat; background-size: 120% 10px; bottom:0;}

#main .wrapper .mainpfeil_top { display:block; position:absolute; width:0; height:0; top:-40px; left:calc(50% - 100px); border-left:100px solid transparent; border-right:100px solid transparent; border-bottom:40px solid #FFF; }
#main .wrapper .mainpfeil_bottom { display:block; position:absolute; width:0; height:0; bottom:-40px; left:calc(50% - 100px); border-left:100px solid transparent; border-right:100px solid transparent; border-top:40px solid #FFF; }


/*------ Content ----------------*/
.content { padding:5%; box-sizing:border-box; }
  .home .content { padding:0%; }
  .content_inner { height:100%; box-sizing:border-box; }

  .content p, .content ul {  margin:0; padding-bottom:15px; list-style-type:square; }
  .content ul ul {  margin:0; padding-bottom:0px; }
  .content ul li {  padding-bottom:10px; }

  .content-right {  }
  .content-right .fsc-default { }

  .graue-box { background:#BBB; }
  .graue-box h3 { color:#555555; }
  .rote-box { background:#666666; color:#FFF; }
  .rote-box h3, .rote-box h4 { color:#FFF; }
  
  .gridelement_content { display:flex; justify-content:space-between; flex-wrap:wrap; }
  .gridelement_content .col8 { width:65%; }
  .gridelement_content .col4 { width:25%; }


/* --------- Pageteaser Content -------------*/ 
#pageteaser { position:relative; }
#pageteaser .wrapper { padding:5%; display:flex; justify-content:space-between; flex-wrap:wrap; background:#FFF url('../Images/background_pageteaser.jpg') top center no-repeat; }

#pageteaser h2 { color:#FFF; text-shadow:0 0 20px #666666; }

.gridelement_pageteaser { display:flex; justify-content:space-between; flex-wrap:wrap; }
.gridelement_pageteaser .col { width:19%; }
.gridelement_pageteaser .col .fsc-default { box-sizing:border-box; padding:5%; background:#FFF; box-shadow:3px 3px 10px rgba(0,0,0,0.5); }
.gridelement_pageteaser .col .fsc-default:first-child { margin-bottom:8%; }
.gridelement_pageteaser .ce-gallery { margin-right:0; }

.gridelement_pageteaser .col1 { padding-top:1%; }
.gridelement_pageteaser .col2 { padding-top:5%; }
.gridelement_pageteaser .col3 { padding-top:2%; }
.gridelement_pageteaser .col4 { padding-top:4%; }
.gridelement_pageteaser .col5 { padding-top:0%; }

.gridelement_pageteaser h3 { font-weight:300; }
.gridelement_pageteaser img { width:100%; }



/* --------- Unternehmen -------------*/ 
.unternehmen .content_inner { display:flex; justify-content:space-between; flex-wrap:wrap; }
.unternehmen .unternehmen-card { position:relative; display:flex; flex-direction:column; justify-content:space-between; width:19%; box-sizing:border-box; padding:90px 1% 1%; background:#FFF; box-shadow:3px 3px 10px rgba(0,0,0,0.5); margin-bottom:5% !important; }
.unternehmen h4 { font-size:1.4rem; }
.unternehmen .company-category { font-weight:600; color:#FFF; position:absolute; left:0; top:0; padding:0 6%; line-height:50px; background:#666666; width:100%; box-sizing: border-box; }
.unternehmen .imagebox { height:150px; display:flex; justify-content:center; flex-direction:column;  }
.unternehmen .company-image { display:block; width:70%; height:auto; margin-bottom:20px; }
.unternehmen .company-url { margin-top:40px; }


/* --------- Bewerbung Content -------------*/ 
#bewerbung { position:relative; overflow:inherit; }
#bewerbung .wrapper { padding:5% 0% 5% 5%; background:#444; display:flex; justify-content:space-between; color:#FFF;  }
#bewerbung .wrapper h2 { color:#FFF;  }


/* --------- Newsslider Content -------------*/ 
#aktuelles .wrapper { color:#FFF; padding:3% 5% 3%; background: #FFF url(../Images/background_aktuelles.jpg) top center no-repeat; background-size:cover; display:flex; justify-content:space-between; }
  #aktuelles .wrapper .fsc-default { margin-bottom:0; width: 100%; }
  #aktuelles .shadow_bottom { background:url('../Images/shadow_top.png') center bottom no-repeat; background-size: 120% 10px; bottom:0;}

  #aktuelles .newsslider-list-view .article { display:flex !important; justify-content:flex-start; color:#FFF; padding: 0; }
  #aktuelles .newsslider-list-view .article:hover { color:#FFF !important;}
  #aktuelles .newsslider-list-view .news-img-wrap { display:block; width:30%; height:auto; margin-right:5%;}
  #aktuelles .newsslider-list-view .news-img-wrap img { margin-bottom:0; }
  #aktuelles .newsslider-list-view .news-content { display:block; width:40%; }
  #aktuelles .newsslider-list-view .card-img-second { display:block; width:20%; height:20%; }
  #aktuelles .newsslider-list-view .header h3 { font-size: 2.6rem; line-height:110%; text-transform: uppercase; font-weight: 900; color:#FFF; display: block; padding: 2% 0 0; }


/*------ GoogleMaps ----------------*/
body.anfahrt .graue-box { padding:0; }

#map-canvas { height:800px; width:100%; display:block; }
  #map-canvas .map-content h1 { text-transform:none; font-size:1rem; margin-bottom:0.4em; padding:0; }
  #map-canvas .map-content { font-family: 'Rajdhani', sans-serif; color:#000; font-size:0.9rem; line-height:140%; }
  #map-canvas img { max-width:none; }



/*------ Kontaktformular ----------------*/
.form-group { display:flex; overflow: hidden; }
.form-group .control-label { padding:0; font-size:1rem; width:25%; display:inline-block; vertical-align:top; line-height:40px; }
.form-group .input { width:75%; position:relative; }
.form-group .input input { font-size:1rem; font-family: 'Roboto', Arial, sans-serif; box-sizing:border-box; background:#DDD; outline:none; width:100%; border:none; margin-bottom:10px; height:40px; padding:0 2%; }
.form-group .input input:focus, .form-group .input textarea:focus{ background:#CCC; }
.form-group .input textarea { font-size:1rem; font-family: 'Roboto', Arial, sans-serif; box-sizing:border-box; background:#DDD; outline:none; width:100%; border:none; margin-bottom:10px; height:140px; padding:10px 2%; }

#kontaktformular > .clearfix p { margin-left:25%; font-size:0.8rem; line-height:140%; margin-top:20px; }
.row { display:flex; }
.row > div { width:25%; }
.row > div:first-child { width:25%; }
.row > div:first-child p { line-height:40px; padding-bottom:0; }
.row > div:last-child { margin-left:1%; width:49%; }
.row .control-label { display:none; }
.row .input { width:100%; }


.actions button[type="submit"] { border:none; cursor:pointer; width:auto; float:right; background:#666666; color:#FFF; opacity:0.5; text-decoration:none; font-size:1.25rem; text-align:left; line-height:50px; height:50px; padding:0 9.09090909%; margin-bottom:0px; 
  transition: all 0.2s ease-in 0s; /* explorer 10 */
  -webkit-transition: all 0.2s ease-in 0s; /* chrome & safari */
  -moz-transition: all 0.2s ease-in 0s; /* firefox */
  -o-transition: all 0.2s ease-in 0s; /* opera */
}
.actions button[type="submit"]:hover { opacity:1; }


/* --------- Footer -------------*/
#footer { color:#555555; position:relative; width:100%; font-size:0.8rem; z-index:50; }
  #footer .wrapper { display:flex; }
  #footer .wrapper_01 { position:relative; justify-content:space-between; padding:30px 5% 150px; z-index:100; flex-wrap:wrap; }
  #footer .wrapper_02 { position:relative; padding:25px 5% 20px; }

  /* --------- Sitemap -------------*/
  .sitemap { width:65%; display:flex; justify-content:space-between; }

  .sitemap .main_list { padding:0 30px 0 0; }
  .sitemap .last { padding:0; }
  .sitemap .main_list div { padding-bottom:20px; }
  .sitemap .service_list { float:left; }
  .sitemap a { display:block; color:#555; }
  .sitemap a:visited { color:#555; }
  .sitemap a:hover { color:#666666; }
  .sitemap a.active { color:#666666; }
  .sitemap .header{ font-weight:bold; font-size:1.1rem; padding-bottom:15px; display:block; }
  .sitemap ul { margin:auto; padding:0; list-style-type:none; }
  .sitemap ul li { margin:0; padding:0 0 10px; font-weight:bold; }
  .sitemap ul li a { margin:0; line-height:120%; }
  .sitemap ul ul { padding:5px 0px 5px 10px; }
  .sitemap ul ul li { margin:0; padding:0 0 5px; font-weight:normal; }

  .sitemap .main_list > ul > li > a { display:none; }
  .sitemap .main_list:first-child > ul > li > a { display:block; }

/* --------- Kontakt -------------*/
  .adresse { width:25%; font-size:1.2rem; }
  .adresse  p { margin:0 0 5px; }
  .adresse  p:nth-of-type(1) { margin:20px 0 10px; }
  .adresse  p .servicenummer { font-size:2rem; color:#666666; font-weight:900; }
  .adresse  p:nth-of-type(2) { margin:0 0 5px; color:#666666; font-weight:900; }
  .adresse img.logo { width:60%; display:block; }
  .adresse img.anfahrt { width:60%; display:block; padding:10px 0 30px; }

  /* --------- Footerlogos -------------*/
  .footerlogos { width:100%; display:flex; justify-content:space-between; flex-wrap:wrap; margin-top:20%; }
  .footerlogos img { height:120px; }


  /* --------- Copyright -------------*/
  .copyright { color:#666666; line-height:100%; }

  /* --------- Footernavigation -------------*/
  .footernav { position:relative; }
  .footernav ul { list-style-type:none; margin:0; padding:0 0 0 20px; }
  .footernav ul li { float:left; line-height:100%; }
  .footernav ul li a { text-transform:uppercase; color:#555; display:inline-block; padding:0 10px;
    transition: all 0.4s ease-in 0s; /* explorer 10 */
    -webkit-transition: all 0.4s ease-in 0s; /* chrome & safari */
    -moz-transition: all 0.4s ease-in 0s; /* firefox */
    -o-transition: all 0.4s ease-in 0s; /* opera */
  }
  .footernav ul li:last-child a { padding-right:0; }
  .footernav ul li:first-child a { padding-left:0; }
  .footernav ul li.active a { color:#555; }
  .footernav ul li a:hover { color:#555; }


/*------ Sidepanel ----------------*/
.sidepanel { cursor:pointer; position:absolute; right:0; top:30px; width:50px; z-index:199; padding:0; overflow:hidden; }
.sidepanel.fixed { position:fixed; }
.sidepanel a { position:relative; display:block; background:#000; margin-bottom:10px; }
.sidepanel a:hover { background:#000; }
.sidepanel a:last-child { margin-bottom:0px; }
.sidepanel img{ width:100%; height:auto; padding:0; display:block; }


/*------ SYSTEC-Gruppe Rondell ----------------*/
#systec-gruppe { position:relative; width:460px; height:460px; max-width:460px; max-height:460%; }
#systec-gruppe .inner_circle img { padding:33% 0; }
#systec-gruppe .outer_circle img { padding:27% 0; max-width:85% !important;}
.systecgruppe { position:absolute; text-align:center; background:#FFF !important; box-shadow:0px 0px 150px #666; border-radius:100px; width:44%; height:44%; left:28%; top:28%; }
.outer_circle { position:absolute; text-align:center; background:#FFF; box-shadow:1px 1px 5px #666; border-radius:60px; width:26%; height:26%; }
.fer { right:37%; top:0; }
.apv { right:10%; top:10%; }
.itg { right:0; top:37%; }
.fct { right:10%; bottom:10%; }
.cmw { left:37%; bottom:0; }
.ade { left:10%; bottom:10%; }
.sys { left:0; top:37%; }
.svs { left:10%; top:10%; }
.apv img { padding:26% 0 !important; }
.svs img { padding:18% 0 !important; }
.ade img { padding:22% 0 !important; }
.cmw img { padding:35% 0 !important; }
.sys img { padding:26% 0 !important; }



/*------ Ansprechpartner-Box ----------------*/
.col4 .tt_address_list { box-sizing:border-box; padding:5%; background:#FFF; box-shadow:3px 3px 10px rgba(0,0,0,0.5); }
.col4 .tt_address_list .vcard { padding-bottom:30px; }
.col4 .tt_address_list .vcard:last-child { padding-bottom:0; }
.col4 .tt_address_list .ansprechpartner-header { font-size:1.2rem; text-transform:uppercase; padding-bottom:20px; display:block; }

/*------ Ansprechpartner-Seite ----------------*/
#c723 .tt_address_list { display:flex; justify-content:space-between; flex-wrap:wrap; }
#c723 .tt_address_list .ansprechpartner-header { display:none; }
#c723 .tt_address_list .vcard { width:19%; }
#c723 .tt_address_list .vcard .ansprechpartner { box-sizing:border-box; padding:5%; background:#FFF; box-shadow:3px 3px 10px rgba(0,0,0,0.5); }

#c723 .tt_address_list .vcard:nth-child(2) { padding-top:1%; }
#c723 .tt_address_list .vcard:nth-child(3) { padding-top:5%; }
#c723 .tt_address_list .vcard:nth-child(4) { padding-top:2%; }
#c723 .tt_address_list .vcard:nth-child(5) { padding-top:4%; }
#c723 .tt_address_list .vcard:nth-child(6) { padding-top:0%; }
