/**
 *  @template       icedout.berlin print.css
 *  @version        see info.php of this template
 *  @author         Internet-Service Berlin
 *  @copyright      Internet-Service Berlin
 *  @license        All rights reserved
 *  @license terms  no use without written permission
 *  @platform       see info.php of this template
 */

@font-face {font-family: 'dinfont-bold';src: url('../fonts/dinfont-bold-webfont.woff2') format('woff2'),url('../fonts/dinfont-bold-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'dinfont-italic';src: url('../fonts/dinfont-italic-webfont.woff2') format('woff2'),url('../fonts/dinfont-italic-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'dinfont-regular';src: url('../fonts/dinfont-webfont.woff2') format('woff2'),url('../fonts/dinfont-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'Font Awesome 5 Solid';font-style: normal;font-weight: 900;font-display: block;src:url("../fonts/fa-solid-900.woff2") format("woff2"), url("../fonts/fa-solid-900.woff") format("woff");}
@font-face {font-family: 'Font Awesome 5 Regular';font-style: normal;font-weight: 400;font-display: block;src:url("../fonts/fa-regular-400.woff2") format("woff2"), url("../fonts/fa-regular-400.woff") format("woff");}
html body {background:#EDE9D6;font-family:'dinfont-regular',sans-serif;font-size:25px;line-height:32px;color:#2B2E34;height:100%;letter-spacing:0.5px;}
html {overflow-y:scroll;}
* {margin:0;padding:0;}
a.imagelink {float:left /* delete margin-bottom */;font-size:0;line-height:0;}
a, img {border:none;outline:none;}
strong, b {font-family:'dinfont-bold',sans-serif;font-weight:normal;}
.js .slicknav_menu , .js #menu {display:none;}
.clr {clear:both;height:1px;line-height:1px;font-size:0;background:transparent;}
.fa,.fas,.far {-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;}
.far {font-family: 'Font Awesome 5 Regular';font-weight:400;}
.fas {font-family: 'Font Awesome 5 Solid';font-weight: 900;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ H E A D E R ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#top {width:100%;height:210px;background:#fff;}
.shadow {display:none;}
#header {width:100%;height:210px;margin:0 auto;position:relative;z-index:999;}
#logo {position:absolute;top:0;left:4vw;}
#logo_wagner {top:65px;transition:all 1s;position:absolute;left:0;line-height:0;}
#logo_legal {top:115px;transition:all 1s;position:absolute;left:3px;line-height:0;}
#logo_wagner img, #logo_legal img {height:36px;width:auto;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ NAVI ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
nav, #language {display:none;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Headerbilder ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#headerimg {width:100%;z-index:9;background:#fff;}
#headerimg img {width:100%;height:auto;object-fit: contain;}
#headerimg p:nth-of-type(2) {display:none;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ C O N T E N T ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#frame {width:100%;background:#fff;clear:both;padding:0;}
#container {width:100%;margin:0;padding:90px 0;position:relative;}
.sectionframe {width:100%;margin:0;}
.content {width:100%;margin:0;padding:0;box-sizing:border-box;position:relative;}
.contentframe {position:relative;padding:0 0 60px 0/* Abstand zur nächsten h1 */}
.content_full {width:1380px;margin:0 auto;box-sizing:border-box;position:relative;}
.sectionframe a:link, .sectionframe a:visited {font-family:'dinfont-bold',sans-serif;font-weight:normal;text-decoration:none;color:#0085CF;}
.sectionframe a:focus, .sectionframe a:hover, .sectionframe a:active {color:#2B2E34;}
.sectionframe a.btnlink:link, .sectionframe a.btnlink:visited {display:block;width:100%;color:#2B2E34;background:#EDE9D6;font-family: 'dinfont-regular',sans-serif;font-size:38px;line-height:90px;padding:0 30px;box-sizing:border-box;}
.sectionframe a.btnlink:focus, .sectionframe a.btnlink:hover, .sectionframe a.btnlink:active {color:#2B2E34;/*background:#B2DAF0; wo genau notwendig?*/}
.sectionframe a.phone:link, .sectionframe a.phone:visited {font-family:'dinfont-regular',sans-serif;font-weight:normal;color:#2B2E34;text-decoration:none;}
.sectionframe p, .contentframe ul, .contentframe table {padding:0 0 32px 0;}
.sectionframe td {vertical-align:top;}
.sectionframe ul {padding:0;margin:0 0 20px 30px;list-style-image:url(../images/dash-black.png);}
.sectionframe li {padding:0 0 0 5px;}
.sectionframe h1 {font-family:'dinfont-regular',sans-serif;font-size:50px;line-height:56px;font-weight:normal;}
.sectionframe h2 {font-family:'dinfont-bold',sans-serif;font-size:25px;line-height:32px;font-weight:normal;}
.zitat {font-size:38px;line-height:49px;color:#0085CF;font-family:'dinfont-italic',sans-serif;font-weight:normal;}
.clr {clear:both;height:0px;font-size:0px;line-height:0px;}
.embed-container {position: relative; padding-bottom: 55.25%; /* ratio 16x9 */height: 0; overflow: hidden; width: 100%;line-height:0;}
.embed-container iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.cc-revoke, .cc-revoke > *, .cc-animate.cc-revoke.cc-bottom {display:none !important;/*hide*/}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ TWOCOL ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.twocol {width:100%;margin:0;display:flex;}
#left {flex:0 1 48%;width:48%;padding:0 2% 0 0;box-sizing:border-box;}
.sectionframe #left h1 {position:static;}
#left h1 {font-family:'dinfont-regular',sans-serif;font-size:50px;line-height:56px;font-weight:normal;margin:0 0 40px 0;}
#left a.phone:link, #left a.phone:visited {font-family:'dinfont-regular',sans-serif;font-weight:normal;color:#2B2E34;text-decoration:none;}
#left a.phone:focus, #left a.phone:hover, #left a.phone:active {color:#0085CF;}
#left a:link, #left a:visited {font-family:'dinfont-bold',sans-serif;font-weight:normal;text-decoration:none;color:#0085CF;}
#left a:focus, #left a:hover, #left a:active {color:#2B2E34;}
#left p {padding:0 0 32px 0;}
#right {flex:1 1 auto;}
.cbtn {display:none;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ HOME ~ JUVE TILES ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.flexframe {margin:60px 0 0 0;}
.item {position:relative;display:block;padding:25px 30px;box-sizing:border-box;}
.bildbox .item {padding:0;}
.sectionframe .item h2 {font-size:38px;line-height:49px;margin:0 0 32px 0;font-family:'dinfont-regular',sans-serif;font-weight:normal;letter-spacing:0;}
.sectionframe .item p {font-size:25px;line-height:32px;}
#box_1, #box_4, #box_6, #box_7, #box_9, #box_10, #box_12, #box_13, #box_2, #box_3, #box_5, #box_8, #box_11 {width:100%;height:auto;background:#EDE9D6;margin:0 0 30px 0;}
.textbox {position:relative;width:100%;height:100%;display:block;box-sizing:border-box;}
.bildbox {position:relative;width:100%;height:100%;display:block;box-sizing:border-box;}
.bildbox img {width:420px;height:auto;}
/* ~~~ hover ~~~ */
.item:nth-child(2) {position:absolute;top:0;left:0;display:none;width:420px;height:570px;background:#C3EB63;z-index:99;padding:25px 30px;box-sizing:border-box;}
#box_1 .item:nth-child(2), #box_2 .item:nth-child(2), #box_10 .item:nth-child(2) {height:990px;}
#box_3 .item:nth-child(2), #box_11 .item:nth-child(2) {height:360px;}
#box_5 .item:nth-child(2), #box_6 .item:nth-child(2), #box_9 .item:nth-child(2) {height:780px;}
#box_4 .item:nth-child(2) {top:-840px;height:990px;}
#box_7 .item:nth-child(2) {top:-630px;height:780px;}
#box_8 .item:nth-child(2) {top:-840px;height:1200px;}
#box_12 .item:nth-child(2), #box_13 .item:nth-child(2) {top:-630px;height:780px;}
.item a {display:block;width:100%;height:100%;}
.sectionframe .item:nth-child(2) a:link, .sectionframe .item:nth-child(2) a:visited {font-family:'dinfont-regular',sans-serif;font-size:38px;line-height:49px;font-weight:normal;text-decoration:none;color:#2B2E34;}
.textbox:hover > .item:nth-child(2), .bildbox:hover > .item:nth-child(2) {display:block;}
.boxlogo {position:absolute;bottom:20px;right:30px;opacity:0.6;}
.boxlogo img {width:60px;height:auto;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ HOME GALLERY REFERENCES ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#gallery_frame {margin:0 0 40px 0;}
#column1, #column3, #column4, #column6, #column7, #column9 {float:left;width:420px;line-height:0;margin:0 0 60px 0;position:relative;transition:0.5s;}
#column2, #column5, #column8 {float:left;width:420px;line-height:0;margin:0 60px 60px 60px;position:relative;transition:0.5s;}
.column img {cursor: pointer;width:420px;line-height:0;}
.column h2 {position:absolute;top:0;left:0;width:100%;background:#EDE9D6;font-family: 'dinfont-regular',sans-serif;font-size:38px;line-height:90px;padding:0 30px;box-sizing:border-box;opacity:0;cursor:pointer;}
.column:hover h2 {opacity:1;}
.stage {position: relative;display: none;float:left;width:900px;margin:0 60px 60px 0;line-height:0;}
.stage img {line-height:0;margin:0;}
#scroll, #ref_focus {position:absolute;top:-160px;left:0;}
#imgtext {width:100%;background:#EDE9D6;font-size:38px;line-height:90px;padding:0 30px;box-sizing:border-box;}
#expandedImg {width:900px;height:510px;}
.imgcontent {line-height:36px;background:#EDE9D6;height:1128px;padding:40px 30px;box-sizing:border-box;display:none;}
.closebtn{position: absolute;top:15px;right:25px;cursor:pointer;height:50px;width:50px;background-color:transparent;display:block;}
.closebtn:before,.closebtn:after{content:'';position:absolute;width:30px;height:2px;background-color:#fff;top:30px;}
.closebtn:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);left:10px;}
.closebtn:after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);left:10px;}
.closebtn:hover:before,.closebtn:hover:after{background-color:#333;transition:0.25s;}
.sectionframe .column a:link, .sectionframe .column a:visited {color:#2B2E34;}
.sectionframe .column a:focus, .contentframe .column a:hover, .contentframe .column a:active {color:#2B2E34;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ TÄTIGKEITSGEBIETE ~ REFERENCES ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.ref_frame {display:grid;margin:40px 0 80px 0;}
.ref_frame  > .ref_item {grid-area: 1/1;}
.ref_item {width:420px;cursor:pointer;}
#ref1 {margin-top:0;margin-left:0;}
#ref2 {margin-top:0;margin-left:480px;}
#ref3 {margin-top:0;margin-left:960px;}
.ref_img {width:420px;line-height:0;overflow:hidden;position:relative;}
.ref_img img {max-width:100%;width:auto;height:auto;line-height:0;}
.ref_img img:nth-of-type(1) {display:block;}
.ref_img img:nth-of-type(2) {display:none;}
.sectionframe .ref_item p {width:100%;background:#EDE9D6;font-size:38px;line-height:42px;padding:20px 30px;box-sizing:border-box;}
.ref_item a:link, .ref_item a:visited {font-family:'dinfont-regular',sans-serif;font-weight:normal;color:#2B2E34;text-decoration:none;width:100%;display:block;box-sizing:border-box;}
.ref_item img {transition: 0.5s;}
.ref_item:hover img {transform: scale(1.05);}
.wide {width:900px;height:auto;}
.wide .ref_img {width:900px;}
.wide .ref_img img:nth-of-type(1) {display:none;}
.wide .ref_img img:nth-of-type(2) {display:block;}
.ref_text {height:0;overflow:hidden;padding:0 30px;}
.wide .ref_text {height:auto;background:#EDE9D6;padding:40px 30px 60px 30px;}
.content_full .ref_text h2 {font-family:'dinfont-bold',sans-serif;font-size:25px;line-height:32px;font-weight:normal;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ TÄTIGKEITSGEBIETE ~ Mediation ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.claimframe {display:flex;justify-content:space-between;width:1380px;margin:0 auto 90px auto;}
.imagebox {flex:0 0 420px;width:420px;overflow:hidden;}
.claimbox {flex:0 0 900px;width:900px;position:relative;}
.imagebox img {max-width:100%;width:auto;height:auto;line-height:0;}
a.imagelink {max-height:420px;overflow:hidden;}
.claimbox .item:nth-child(2) {position:absolute;top:0;left:0;display:none;width:900px;height:510px;background:#B2DAF0;z-index:99;padding:150px 60px;box-sizing:border-box;text-align:center;font-size:50px;line-height:64px;letter-spacing:0;}
.claimbox:hover > .item:nth-child(2) {display:block;}
.imagebox:hover img, .linkbox:hover img {transform: scale(1.05);transition:0.5s;}
.linkbox {display:none;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ TEAM CLAIM ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.claimtext {flex:0 0 900px;width:900px;position:relative;}
.textitem {width:900px;height:510px;background:#B2DAF0;z-index:99;padding:35px 40px;box-sizing:border-box;font-size:38px;line-height:49px;letter-spacing:0;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ TEAM OV ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.team_frame {width:100%;display:flex;flex-wrap:wrap;}
.team_item {flex:0 0 660px;width:660px;margin:0 60px 60px 0;position:relative;}
.team_item:nth-of-type(2n+0) {margin:0 0 60px 0;}
.team_img {max-width:660px;max-height:420px;line-height:0;overflow:hidden;position:relative;transition:all 1s ease;overflow:hidden;}
.team_item img {display:block;line-height:0;max-width:660px;max-height:420px;transition:all 1s ease;}
.team_item:hover img {transform: scale(1.05);}
.team_item p {width:100%;background:#EDE9D6;font-size:38px;line-height:90px;box-sizing:border-box}
.sectionframe .team_item p {padding:0;}
.team_item a:link, .team_item a:visited {font-family:'dinfont-regular',sans-serif;font-weight:normal;color:#2B2E34;text-decoration:none;width:100%;display:block;padding:0 30px;box-sizing:border-box;}
.team_item .team_img a:link, .team_item .team_img a:visited {padding:0;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ TEAM PUB/VITA ~~~~~~~~~~~~~~~~~~~~~~ */
.togglebox {width:100%;height:auto;margin:30px 0}
.togglebox img, .link_box img, .img_col img {width:660px;height:auto;line-height:0;margin:0 0 30px 0;}
.togglebox h2 {width:100%;background:#EDE9D6;font-family: 'dinfont-regular',sans-serif;font-size:38px;line-height:90px;padding:0 30px;box-sizing:border-box;}
.toggleimg, .link_img {line-height:0;overflow:hidden;}
.togglecontent {background:#EDE9D6;width:100%;box-sizing:border-box;}
.togglebox.visible .togglecontent {display:block;}
.zitat_float {padding:0 0 0 480px;font-size:38px;line-height:49px;color:#0085CF;font-family:'dinfont-italic',sans-serif;font-weight:normal;}
.link_box {float:left;width:660px;height:auto;margin:40px 60px 80px 0;}
.sectionframe .link_box a:link, .sectionframe .link_box a:visited {line-height:0;}
.sectionframe .link_box a.btnlink:link, .sectionframe .link_box a.btnlink:visited {line-height:90px;}
.img_col {float:left;width:660px;height:auto;margin:40px 60px 80px 0;} /* only pic */ 
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ NEWS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.news_ov .brick {width:100%;height:auto;overflow:hidden;background:#EDE9D6;box-sizing:border-box;margin:0 0 30px 0;padding:0;vertical-align: top;cursor:pointer;}
.news_ov .brick.brick_img {padding:0;line-height:0;cursor:auto;}
.post_long {height:auto;}
.more {display:none;}
.brick img {max-width:100%;width:auto;height:auto;line-height:0;}
.brick.active {background:#B2DAF0;height:auto;min-height:440px;}
.brick.active span.more {opacity:0;}
.brick.active .post_long {height:auto;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ FOOTER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#footer {width:100%;background:#EDE9D6;}
#footerframe {width:100%;margin:0;display:flex;padding:0;box-sizing:border-box;justify-content:space-between;position:relative;}
.footertitle {flex:0 0 30%;width:30%;font-size:50px;line-height:64px;}
.footerinfo {flex:0 1 40%;width:40%;padding:0; box-sizing:border-box;}
.footerinfo a.phone:link, .footerinfo a.phone:visited {font-family:'dinfont-regular',sans-serif;font-weight:normal;color:#2B2E34;text-decoration:none;}
.footerinfo a:link, .footerinfo a:visited {font-family:'dinfont-bold',sans-serif;font-weight:normal;color:#0085CF;text-decoration:none;}
.footerinfo a:focus, .footerinfo a:hover, .footerinfo a:active {color:#2B2E34;}
.footerinfo a.phone:link, .footerinfo a.phone:visited {font-family:'dinfont-regular',sans-serif;font-weight:normal;color:#2B2E34;text-decoration:none;}
.footerinfo a.phone:focus, .footerinfo a.phone:hover, .footerinfo a.phone:active {color:#0085CF;}
.footerinfo p {margin:0 0 32px 0;}
.footernav {flex:0 1 380px;width:380px;}
.footernav ul {list-style-type:none;}
.footernav li a:link, .footernav li a:visited {font-family:'dinfont-regular',sans-serif;font-weight:normal;color:#2B2E34;text-decoration:none;}
.footernav li a:focus, .footernav li a:hover, .footernav a:active {color:#0085CF;}
.footernav li.menu-current a {color:#0085CF;}
#footerbuttons {display:none;}
.move-up {display:none;}