img,legend{border:0}legend,td,th{padding:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0;overflow-y:scroll}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}object{pointer-events:none}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent;text-decoration:none}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}a sub,a sup{top:0;font-size:100%}img.alignright{float:right;margin:0 0 1em 1em}img.alignleft{float:left;margin:0 1em 1em 0}img.aligncenter{display:block;margin-left:auto;margin-right:auto}a img.alignright{float:right;margin:0 0 1em 1em}a img.alignleft{float:left;margin:0 1em 1em 0}a img.aligncenter{display:block;margin-left:auto;margin-right:auto}img.alignleft+p{float:left}img.alignright+p{float:right}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;-moz-box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0;width:100%;}a,b,body,button,em,h1,h2,h3,h4,h5,html,input,li,p,select,span,strong,td,textarea{-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smooth:always}

*{ box-sizing:border-box;-moz-box-sizing:border-box; }



.wp-video{margin:0px auto;}

#stage header,
#nav-main{
transition: all 0.3s ease-out;
-webkit-transition: all .3s cubic-bezier(0.000, 0.000, 0.280, 1.000); 
   -moz-transition: all .3s cubic-bezier(0.000, 0.000, 0.280, 1.000); 
     -o-transition: all .3s cubic-bezier(0.000, 0.000, 0.280, 1.000); 
        transition: all .3s cubic-bezier(0.000, 0.000, 0.280, 1.000);  
}
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
     
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icon-down:before { content: '\e800'; } /* '' */
.icon-up:before { content: '\e801'; } /* '' */
.icon-right:before { content: '\e802'; } /* '' */
.icon-left:before { content: '\e803'; } /* '' */
.icon-mail:before { content: '\e804'; } /* '' */
.icon-heart-empty:before { content: '\e805'; } /* '' */
.icon-link:before { content: '\e806'; } /* '' */
.icon-down-open:before { content: '\e807'; } /* '' */
.icon-left-circled:before { content: '\f0a8'; } /* '' */
.icon-right-circled:before { content: '\f0a9'; } /* '' */
.icon-down-1:before { content: '\f175'; } /* '' */
.icon-up-1:before { content: '\f176'; } /* '' */
.icon-left-1:before { content: '\f177'; } /* '' */
.icon-right-1:before { content: '\f178'; } /* '' */
.icon-right-circled2:before { content: '\f18e'; } /* '' */
.icon-left-circled2:before { content: '\f190'; } /* '' */

ul.flexgrid,
div.flexgrid{
display: -webkit-flex;
display: -ms-flexbox;
display: flex;

-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
ul.flexgrid > li,
div.flexgrid > div{
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}


section.blue h1{color:#FFF;text-align:center;font-size:33px;max-width:640px;margin:35px auto;line-height:58px;font-weight:normal;}
section.text-centered{text-align:center;}

a{ color: #50bbf1; text-decoration: none; }

.btn{ outline: none;
 
    display: inline-block;
    color: #0b2545;
    border: 2px solid #0b2545;
    background: transparent;
    font-size: 16px;
    font-weight: bold;
    padding: 9px 60px;
    transition: background linear 0.5s;
	}
.btn:hover{ background: #fff; }
[class^="btn-i-"], 
[class*=" btn-i-"]{ position:relative; padding-left: 40px; }  
[class^="btn-i-"]:before, 
[class*=" btn-i-"]:before{  font-family: 'fontello'; position: absolute; top: 11px; right:30px; }
.btn.btn-i-down:before { content: "\e800"; }
.btn.btn-i-up:before { content: "\f176"; }
.btn.btn-i-left:before { content: "\e803"; }
.btn.btn-i-right:before { content: "\e802"; }


.gradient-text{
  background-image: -webkit-linear-gradient(left, #11d990, #006386); /* For Chrome and Safari */
  background-image:    -moz-linear-gradient(left, #11d990, #006386); /* For old Fx (3.6 to 15) */
  background-image:     -ms-linear-gradient(left, #11d990, #006386); /* For pre-releases of IE 10*/
  background-image:      -o-linear-gradient(left, #11d990, #006386); /* For old Opera (11.1 to 12.0) */
  background-image:         linear-gradient(to right, #11d990, #006386); /* Standard syntax; must be last */
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.gradient-bg{

  background-image:         linear-gradient(to right, #f85228, #f85228); /* Standard syntax; must be last */
  color:#FFF;
}

.gradient-bg.head{
	display: inline-block;
    color: #fff;
    font-size: 18px;
    padding: 10px 15px;
    font-weight: 700;
}
#nav-main{position:fixed;left:0px;top:0px;width:100%;height:100vh;background:#0b2545;z-index:300;opacity:0;visibility: hidden;}
#nav-main > div{display:table;width:100%;height:100%;position:relative;}
#nav-main ul{list-style:none;text-align:center;display:table-cell;vertical-align: middle;}
#nav-main ul li{margin:12px 0px;}
#nav-main a{color:#50bbf1;font-size:33px;}
#nav-main a:hover,
#nav-main li a.active{color:#FFF;}

	.cd-nav-trigger {
		position: absolute;
		z-index: 3;
		top:0px;
		right: 0px;
		height: 52px;
		width: 52px;
		overflow: hidden;
		white-space: nowrap;
		color: transparent;
		z-index: 500;
		background:transparent;
		display:block;
	}

	.cd-nav-trigger span, .cd-nav-trigger span::after, .cd-nav-trigger span::before {
		/* this is the hamburger icon */
		position: absolute;
		width: 26px;
		height: 2px;
		background-color: #50bbf1;
	}
	.cd-nav-trigger span {
		/* middle line of the hamburger icon */
		left: 50%;
		top: 50%;
		bottom: auto;
		right: auto;
		-webkit-transform: translateX(-50%) translateY(-50%);
		-moz-transform: translateX(-50%) translateY(-50%);
		-ms-transform: translateX(-50%) translateY(-50%);
		-o-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
		-webkit-transition: background-color 0.2s;
		-moz-transition: background-color 0.2s;
		transition: background-color 0.2s;
	}
	.cd-nav-trigger span::after, .cd-nav-trigger span::before {
	  /* top and bottom lines of the hamburger icon */
	  content: '';
	  top: 0;
	  left: 0;
	  -webkit-backface-visibility: hidden;
	  backface-visibility: hidden;
	  -webkit-transition: -webkit-transform 0.2s;
	  -moz-transition: -moz-transform 0.2s;
	  transition: transform 0.2s;
	}
	.cd-nav-trigger span::before {
	  -webkit-transform: translateY(-10px);
	  -moz-transform: translateY(-10px);
	  -ms-transform: translateY(-10px);
	  -o-transform: translateY(-10px);
	  transform: translateY(-10px);
	}
	.cd-nav-trigger span::after {
	  -webkit-transform: translateY(10px);
	  -moz-transform: translateY(10px);
	  -ms-transform: translateY(10px);
	  -o-transform: translateY(10px);
	  transform: translateY(10px);
	}
	body.nav-is-visible #nav-main{opacity:1;visibility: visible;}
	body.nav-is-visible .cd-nav-trigger span {
	  background-color: transparent;
	}
	body.nav-is-visible .cd-nav-trigger span::before {
	  -webkit-transform: rotate(-45deg);
	  -moz-transform: rotate(-45deg);
	  -ms-transform: rotate(-45deg);
	  -o-transform: rotate(-45deg);
	  transform: rotate(-45deg);
	}
	body.nav-is-visible .cd-nav-trigger span::after {
	  -webkit-transform: rotate(45deg);
	  -moz-transform: rotate(45deg);
	  -ms-transform: rotate(45deg);
	  -o-transform: rotate(45deg);
	  transform: rotate(45deg);
	}

.avatar{width:156px;height:156px;display:block;border-radius:156px;overflow:hidden;margin:0px auto 52px;background-repeat: no-repeat;background-size: cover;background-position: center center;}
.avatar img{width:100%;height:auto;}

#stage > header .logo{width:275px;height:auto;display:block;}
#stage > header .logo svg{width:100%;height:auto;}

#stage > header .logo svg .cls-1{fill:none;}
#stage > header .logo svg .cls-2{clip-path:url(#clip-path);}
#stage > header .logo svg .cls-3{fill:#ffffff;}

#stage > header.grey .table-cell .logo{height:100px;}
#stage > header.grey .table-cell .logo img{max-height:100%;width:auto;}

body.o20 #stage > header .logo svg .a{fill:#1d1d1b;}
body.o20 #stage > header .logo svg .b{fill:#9d9d9c;}
body.o20 #stage > header .logo svg .c{fill:none;}

body.nav-is-visible #stage > header .logo svg .a,
body.nav-is-visible #stage > header .logo svg .b{fill:#FFFFFF;}

body.o20 #stage > header{padding-top:15px;padding-bottom:10px;height:auto;}

#stage > header .centered,
.section-wrapper{ width: 100%; max-width:1180px; margin:0 auto;padding-top:10px;}

#stage > header{position:fixed;width:100%;height:100px;z-index:100;top:0px;left:0px;padding-top:35px;background:#0b2545;z-index:600;}
body.home #stage > header{background:transparent;}
body.single-post #stage > header{background:transparent;}
body.o20 #stage > header{background:#FFF;border-bottom:2px solid #EEE;}

#stage > header.grey{background:#EEE;padding-top:0;}
#stage > header.grey .centered{height:100%;}
#stage > header.grey .table{display:table;height:100%;}
#stage > header.grey .table-cell{display:table-cell;vertical-align: middle;}

body.nav-is-visible .logo{display:none;}
body.nav-is-visible #stage > header{background:transparent;border-bottom:0;}
body.nav-is-visible{overflow-y:hidden;}

#stage > header .centered{position:relative;max-width:1330px;padding-top:0px;}


section > p,
section .section-wrapper > p{ color: #252525; display: block; width: 100%; max-width:790px; margin:0 auto; font-size: 20px; line-height: 29px; text-align: center; }
section > p b,
section .section-wrapper > p b{ color: #50bbf1; font-weight: 700; }

section.teaser + section:before,
section.blue + section.white:before,
section.white + section.blue:before{ content: ' '; display: block; width: 1px; height: 80px; background-color: #50bbf1; position: absolute; left: 50%; top: -40px; z-index: 2; }
section:last-child:after{ display: none; }

section.teaser{background: url('../images/teaser.jpg'); background-size: cover;height:100vh;width:100%;position:relative;}
section.teaser .slogan{position:absolute;width:100%;text-align:center;top:calc(50% - 200px);z-index:100;}
section.teaser .hand{position:absolute;left:0px;bottom:0px;line-height:0;}
section.teaser .paper{position:absolute;left:170px;bottom:220px;}
section.teaser .subline{color:#FFF;font-size:23px;line-height:33px;margin:0;padding:0;}

section.blue{ background: #0b2545; }
section.blue > p,
section.blue .section-wrapper > p{ color: #fff; }


section.headline{ background: #fff; text-align: center; width: 100%; max-width:1180px; margin:0 auto; }


section.project{}
section.project .project-row{ display: flex; justify-content: space-between; min-height:290px;flex-flow: wrap;}
section.project .project-row .pb-square-big{min-height:580px;}
section.project .project-row > .project-box{  }
section.project .project-column{ display: flex; flex-flow: column nowrap; justify-content: space-between; width: 33%; }
section.project .project-column > .project-box{ height: calc(50% - 8px); }
section.project .project-box{ background-repeat:no-repeat;background-size:cover;background-position:center center;line-height: 0;  font-size: 20px; text-align: left; 
position: relative; display: block; }
section.project .project-box .gradient-bg{ display: inline-block; color: #fff; font-size: 18px; padding: 10px 15px; font-weight: 700;text-transform: capitalize;font-family: Din-Bold; }
section.project .project-box h3{ font-family: Din-Regular; font-size: 19px; letter-spacing: 0; color: #fff; text-align: left; margin: 15px 0 0 0; }
section.project .project-box .project-headline{ line-height: 130%; position: absolute;bottom: 30px; left: 30px; width: 70%; z-index: 16; display: block; }
section.project .project-box .img{ width: 100%; height: 100%;position:absolute;left:0px;top:0px; }

section.project .project-row:last-child:after{content:' ';display:block;width:32.25%;}

section.project .project-box:after{ 

  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: 10;
  content: ' ';
  transition: background linear 0.5s,-moz-linear-gradient linear 0.5s,-webkit-linear-gradient linear 0.5s, linear-gradient linear 0.5s;
  width: 100%; 
  height: 100%;
  background: -moz-linear-gradient(top, rgba(11,37,69,0.8) 0%, rgba(11,37,69,0.1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(11,37,69,0.8) 0%,rgba(11,37,69,0.1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(11,37,69,0) 0%,rgba(11,37,69,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0b2545', endColorstr='#1a0b2545',GradientType=0 ); /* IE6-9 */
}
section.project .project-box:hover:before{
  border: 2px solid transparent;
  position: absolute;
  top: -2px; left: -2px; right: -2px; bottom: -2px;
  z-index: 12;
  content: ' ';
  border: 2px solid transparent;
  -webkit-border-image: -webkit-linear-gradient(left, #11d990 0%, #006386 100%);
      moz-border-image: -moz-linear-gradient(left, #11d990 0%, #006386 100%);
       ms-border-image: -moz-linear-gradient(left, #11d990 0%, #006386 100%);
        o-border-image: -moz-linear-gradient(left, #11d990 0%, #006386 100%);
          border-image: linear-gradient(to right, #11d990 0%, #006386 100%);
  border-image-slice: 1;
  cursor: pointer;
  
  /* SHADED COLOR  */
  
  background: -moz-linear-gradient(top, rgba(11,37,69,0.1) 0%, rgba(11,37,69,0.25) 43%, rgba(255,101,53,0.6) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(11,37,69,0.1) 0%,rgba(11,37,69,0.25) 43%,rgba(255,101,53,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(11,37,69,0.1) 0%,rgba(11,37,69,0.25) 43%,rgba(255,101,53,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a0b2545', endColorstr='#990fca8e',GradientType=0 ); /* IE6-9 */
}
section.project .project-box{
  position: relative;
  border: 2px solid transparent;
  -webkit-border-image: -webkit-linear-gradient(left, #f85228 0%, #f85228 100%);
      moz-border-image: -moz-linear-gradient(left, #f85228 0%, #f85228 100%);
       ms-border-image: -moz-linear-gradient(left, #f85228 0%, #f85228 100%);
        o-border-image: -moz-linear-gradient(left, #f85228 0%, #f85228 100%);
          border-image: linear-gradient(to right, #f85228 0%, #f85228 100%);
  border-image-slice: 1;
}
section.project .project-box{     overflow: hidden;}
section.project .project-box.pb-plain:hover:after{ 
  cursor: pointer;
  background: -moz-linear-gradient(top, rgba(11,37,69,0.1) 0%, rgba(11,37,69,0.25) 43%, rgba(255,101,53,0.6) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(11,37,69,0.1) 0%,rgba(11,37,69,0.25) 43%,rgba(255,101,53,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(11,37,69,0.1) 0%,rgba(11,37,69,0.25) 43%,rgba(255,101,53,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a0b2545', endColorstr='#990fca8e',GradientType=0 ); /* IE6-9 */
}
section.project .project-box.pb-plain .face{width:100px;height:100px;overflow:hidden;border-radius:100%;position: absolute; top: 30px; right: 30px;display:block;background-repeat: no-repeat;background-size:cover;background-position:center center;}
section.project .project-box.pb-plain img{height: auto; width: 100%; }
section.project .project-box.pb-square-big{ width: calc(66% - 4px); }
section.project .project-box.pb-square-small{  }
section.project .project-box.pb-rectangle-big{  width: 66%; }
section.project .project-box.pb-rectangle-small{ width: 32.25%;}
section.project .project-nav{ text-align: center; margin-bottom: 30px; }
section.project .project-nav .btn{ margin: 0 20px; color: #ababab; border-color: transparent; padding-left:25px; padding-right: 25px; text-transform: uppercase; }
section.project .project-nav .btn.active{ border-color: #50bbf1; color: #50bbf1; background: transparent; }
section.project .project-nav .btn:hover{ border-color: #fff; color: #fff; background: transparent; }

section.project .project-box{min-height: 290px;margin-bottom:16px;}
section.project .project-box.pb-rectangle-small{width:32.25%;}
section.project .kkk .project-box.pb-rectangle-small{width:32.25%;}


section.project .project-box.pb-plain.nicht_abrunden .face{border-radius:0;background-size:contain;}

.project-grid{margin-bottom:75px;}

/*
section.project .project-box{}
section.project .project-box h3{}
section.project .project-box .gradient-bg{  }
section.project .project-box img.as-bg{}
*/

section.our-team{ text-align: center; }
section.our-team ul{ margin: 0 -10px; padding: 0 10px; list-style: none; margin-bottom: 40px; }
section.our-team ul:after{ clear: both; content: ' '; height: 0; display: table; float: none; }
section.our-team ul li{ width: 20%; padding: 0 10px; float: left; text-align: center; color: #2e2e2e; font-family: Din-Regular; letter-spacing: -1px; font-size: 15px; font-weight: 400;margin-bottom:20px; }
section.our-team ul li div{ 
  border: 5px solid transparent;
  -webkit-border-image: -webkit-linear-gradient(top, #f85228 0%, #f85228 100%);
      moz-border-image: -moz-linear-gradient(top, #f85228 0%, #f85228 100%);
       ms-border-image: -moz-linear-gradient(top, #f85228 0%, #f85228 100%);
        o-border-image: -moz-linear-gradient(top, #f85228 0%, #f85228 100%);
          border-image: linear-gradient(to right, #f85228 0%, #f85228 100%);
  border-image-slice: 1;
  background: #fff;width:100%;
}
section.our-team ul li div .face{
	/* background:#50bbf1; */
	}
section.our-team ul li div .face > img{
	transition: opacity linear 0.3s;
}
section.our-team ul li div:hover .face > img{
	opacity:.5;
}
section.our-team ul li div b{ display: block; font-weight: 700; font-family: Din-Bold;}
section.our-team ul li div > span{ display: block; color: #ababab; margin: 12px 0;padding:0px 10px;min-height:50px;}
section.our-team ul li div i{ display: block; }
section.our-team ul li div a.envelope{ margin: 25px 0; display: block; }
section.our-team ul li div a.envelope img{ width: 40px; height: auto; }
section.our-team ul li div .face{ 
position: relative;
    display: block;
    width: 60%;
    padding-bottom: calc(70% - 20px);
    margin: 15px auto;
    overflow: hidden;
    border-radius: 210px;
    border: 10px solid #FFF;
}
section.our-team ul li div .face img{  width: 100%; height: auto;position:absolute;left:0px;top:0px; }
section.our-team ul li div .face span{ display: none; position: absolute; vertical-align: middle; font-size:17px; letter-spacing: 0; margin: 0; top: 0; left: 0; bottom: 4px; right: 0; border-radius: 50%; color: #fff; font-weight: 700; background: rgba(80,187,241, 0.8); opacity: 0; transition: opacity linear 0.5s; }
section.our-team ul li div .face:hover span{ display: table-cell; opacity: 1; }
section.our-team ul li div .face span i{ position: absolute; top: calc(50% - 10px); left: 0; right: 0; text-align: center; display: block; }
#nav-footer{text-align:center;}
#nav-footer li{display:inline-block;list-style:none;margin:0px 6px;}
#nav-footer ul:after{content:' ';display:block;clear:both;}


section.kacheln .gradient-boxes{ position: relative; margin: 0px -10px 45px -10px; }
section.kacheln .gradient-boxes:after{ clear: both; content: ' '; height: 0; display: table; float: none; }
section.kacheln .gradient-boxes .gradient-box{ float:left; width: 33.33333%; padding: 0 10px; }
section.kacheln .gradient-boxes .gradient-box div{ font-family: 'Noto Sans', sans-serif; text-align: center; color: #fff; padding-bottom: 35px; }
section.kacheln .gradient-boxes .gradient-box div h4{ font-weight: bold; font-size: 40px; margin: 0; padding: 50px 0 25px 0; }
section.kacheln .gradient-boxes .gradient-box div b{ display: block; font-synthesis: 17px; font-weight: 400; margin-bottom: 50px; }
section.kacheln .gradient-boxes .gradient-box div > i{ text-align: left; display: block; }
section.kacheln .gradient-boxes .gradient-box div > i img{ width: 100%; height: auto; }
section.kacheln .gradient-boxes .gradient-box div .btn{ border-color: #fff; color: #fff; }
section.kacheln .gradient-boxes .gradient-box div .btn:hover{ border-color: #50bbf1; color: #50bbf1; }

section.kennzahlen .stats .stat-row{ padding: 0 0 60px 0; font-size: 0; letter-spacing: 0; }
section.kennzahlen .stats .stat-row:after{ clear: both; content: ' '; height: 0; display: table; float: none; }
section.kennzahlen .stats .stat-row .stat{ font-family: 'Noto Sans', sans-serif; text-align: center; width: 33%; padding: 0; display: inline-block; vertical-align: bottom; }
section.kennzahlen .stats .stat-row .stat .icon{ display: block;position: relative; text-align: center; }
section.kennzahlen .stats .stat-row .stat .icon img{  width: 40%; height: auto; }
section.kennzahlen .stats .stat-row .stat .number{ font-size: 90px; font-weight: 700; margin-top: 20px; }
section.kennzahlen .stats .stat-row .stat .text{ color: #fff; font-size: 17px; display: block; text-align: center; padding:0 10px 30px; min-height:100px;}
section.kennzahlen .stats .stat-row .stat .number,
section.kennzahlen .stats .stat-row .stat .text{ border-right: 1px solid #50bbf1; }
section.kennzahlen .stats .stat-row .stat:last-child .number,
section.kennzahlen .stats .stat-row .stat:last-child .text{ border-right: none; }

section.accordion-wrapper.blue + section.blue{padding-top:0;}

.accordion-content p{ margin-bottom: 65px; }

.accordion .li h3{ 
  transition: background linear 0.5s;
  position: relative;
  font-size: 24px; 
  font-weight: 700;
  letter-spacing: 0;
  color: #fff;
  text-align: left;
  padding: 35px 80px;
  margin: 20px 0 0 0;
  border: 3px solid transparent;
  -webkit-border-image: -webkit-linear-gradient(left, #11d990 0%, #006386 100%);
      moz-border-image: -moz-linear-gradient(left, #11d990 0%, #006386 100%);
       ms-border-image: -moz-linear-gradient(left, #11d990 0%, #006386 100%);
        o-border-image: -moz-linear-gradient(left, #11d990 0%, #006386 100%);
          border-image: linear-gradient(to right, #11d990 0%, #006386 100%);
  border-image-slice: 1;
}
.accordion .li.active h3{ 
  background-image: -webkit-linear-gradient(left, #11d990, #006386); /* For Chrome and Safari */
  background-image:    -moz-linear-gradient(left, #11d990, #006386); /* For old Fx (3.6 to 15) */
  background-image:     -ms-linear-gradient(left, #11d990, #006386); /* For pre-releases of IE 10*/
  background-image:      -o-linear-gradient(left, #11d990, #006386); /* For old Opera (11.1 to 12.0) */
  background-image:         linear-gradient(to right, #11d990, #006386); /* Standard syntax; must be last */
}
.accordion .li .accordion-content{ display: none; }
.accordion .li.active .accordion-content{ display: block; }
.accordion .li h3 .btn{ position: absolute; top: 30px; right: 80px; }
.accordion .li h3 .btn:before{ transition: transform linear 0.3s; }
.accordion .li h3 .btn:hover{ border-color: #fff; color: #fff; background: transparent; }
.accordion .li.active h3 .btn{ border-color: #fff; color: #fff; }
.accordion .li.active h3 .btn:before{ transform: rotate(180deg); }
.accordion .li.active h3 .btn:hover{ border-color: #50bbf1; color: #50bbf1; }
.accordion .li .accordion-content{ font-family: 'Noto Sans', sans-serif; background: #fff; padding: 35px 80px; position: relative; }
.accordion .li .accordion-content .col-row { height: 100%; padding: 0; margin: 0; min-width: 220px; }
.accordion .li .accordion-content .col-row:after{ clear: both; content: ' '; height: 0; display: table; float: none; }
.accordion .li .accordion-content .col-row .col-description { float: left; margin-right: 220px; height: 100%; padding: 0 80px 0 0; }
.accordion .li .accordion-content .col-row .col-description .job-cta{ color: #50bbf1; font-weight: 700; max-width: 500px; }
.accordion .li .accordion-content .col-row .col-address{ float:right; width: 220px; margin-left: -220px; text-align: center; font-family: 'Noto Sans', sans-serif; }
.accordion .li .accordion-content .col-row .col-address h4{ font-size: 17px; font-weight: 700; margin-bottom: 25px; }
.accordion .li .accordion-content .col-row .col-address > img{ border-radius: 50%; }
.accordion .li .accordion-content .col-row .col-address b{ font-size: 17px; display: block; margin: 25px 0 20px 0; }
.accordion .li .accordion-content .col-row .col-address span{ font-size: 15px; display: block; color: #ababab; }
.accordion .li .accordion-content .col-row .col-address i{ font-size: 15px; display: block; margin: 20px 0; }
.accordion .li .accordion-content .col-row .col-address i img{ height: 24px; width: auto; margin-bottom: -9px; }
.accordion .li .accordion-content .col-row .col-address a img{ width: 40px; height: auto; }

section.partners{ background: #e6e9ec; text-align: center; }
section.partners img{ width: 90%; max-width: 700px; height: auto; }
section.partners p{ margin-top: 80px; }
section.partners .logos{display:none;}
section.partners .logos:first-child{display:block;}


section.contact{ height: 730px; position: relative; }
section.contact .section-wrapper{ position: relative; }
section .iframe{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
section.contact{ font-family: 'Noto Sans', sans-serif; }
section.contact .contact-boxes{ max-width: 440px; width: 100%; position: absolute; top: 0; left: 0; z-index:500; }
section.contact .contact-boxes:after{ clear: both; content: ' '; height: 0; display: table; float: none; }
section.contact .contact-box-main{
  width: 100%;
  background: #fff;
  text-align: center;
  font-size:15px;
  color: #252525;
  margin-bottom: 10px;
  padding: 40px 0;
  border: 3px solid transparent;
  -webkit-border-image: -webkit-linear-gradient(bottom, #11d990 0%, #006386 100%);
      moz-border-image: -moz-linear-gradient(bottom, #11d990 0%, #006386 100%);
       ms-border-image: -moz-linear-gradient(bottom, #11d990 0%, #006386 100%);
        o-border-image: -moz-linear-gradient(bottom, #11d990 0%, #006386 100%);
          border-image: linear-gradient(to top, #11d990 0%, #006386 100%);
  border-image-slice: 1;
}
section.contact .contact-box-main h3{ font-size: 15px; letter-spacing: 0; margin:0; padding: 0; }
section.contact .contact-box-main h4{ font-size: 15px; color: #ababab; margin: 25px 0; padding: 0; }
section.contact .contact-box-main .envelope{ display: inline-block; width: 40px; position: relative; }
section.contact .contact-box-main .envelope img{ width:100%; height: auto; }
section.contact .contact-box-main p{ margin: 0 0 25px 0; padding: 0; }
section.contact .contact-box-main p img{ height: 24px; width: auto; margin-right: 10px; margin-bottom: -9px; }
section.contact .contact-box{

  width: 100%;
  text-align: center;
  background: #fff;
  border: 3px solid transparent;
  font-size: 15px;
  padding: 20px 0;
  font-weight: 700;
  -webkit-border-image: -webkit-linear-gradient(top, #11d990 0%, #006386 100%);
      moz-border-image: -moz-linear-gradient(top, #11d990 0%, #006386 100%);
       ms-border-image: -moz-linear-gradient(top, #11d990 0%, #006386 100%);
        o-border-image: -moz-linear-gradient(top, #11d990 0%, #006386 100%);
          border-image: linear-gradient(to bottom, #11d990 0%, #006386 100%);
  border-image-slice: 1;
}
section.contact .contact-box i{  display:block; font-size: 40px; color: #50bbf1; }
section.contact .cb-left{ float: left; }
section.contact .cb-right{ float: right; }

section.parallax-wrapper.blue{padding-top:0;}
.parallax{ display: block; width: 100%; height: 880px; position: relative;margin-bottom:75px; }
.parallax .parallax-image{ position: absolute; }
.parallax .parallax-image img{
border: 3px solid transparent;
-webkit-border-image: -webkit-linear-gradient(left, #11d990 0%, #006386 100%);
    moz-border-image: -moz-linear-gradient(left, #11d990 0%, #006386 100%);
     ms-border-image: -moz-linear-gradient(left, #11d990 0%, #006386 100%);
      o-border-image: -moz-linear-gradient(left, #11d990 0%, #006386 100%);
        border-image: linear-gradient(to right, #11d990 0%, #006386 100%);
border-image-slice: 1;
}

.parallax .parallax-text{ position: absolute; color: #fff; font-family: 'Noto Sans', sans-serif; font-size: 17px; width: 220px; }

.contact-footer{
	max-width:580px;margin:0px auto 90px;width:100%;
	display:table;
}
.contact-footer .row{display:table-row;}
.contact-footer .left{text-align:center;padding:0px 56px;display:table-cell;vertical-align:top;width: 50%;border-right:2px solid #50bbf1;}
.contact-footer .right{display:table-cell;padding:0px 56px;width: 50%;vertical-align:top;}
.contact-footer .right .avatar{width:190px;height:190px;overflow:hidden;border-radius:190px;margin-bottom:0;}
.contact-footer .right img{width:100%;height:auto;}
.contact-footer .left .title{font-size:20px;display:block;font-weight:normal;}
.contact-footer .left p{font-size:15px;line-height:20px;}
.contact-footer .left strong{display:block;}
.contact-footer .left span{opacity:.5;}
.contact-footer .envelope img{width:42px;}

.contact-footer + .bottom{margin:72px 0px;font-size:21px;line-height:29px;text-align:center;width:100%;}
.contact-footer + .bottom p{color:#50bbf1;}
.contact-footer + .bottom .title{display:block;color:#000;}


.modal{ 
	display: none;
	position: fixed;
	top: 2%;
	left: 2%;
	right: 2%;
	max-width: 1000px;
	margin: 0 auto;
	width: 96%;
	background: #fff;
	text-align: center;
	z-index:999;
	font-family: 'Noto Sans', sans-serif;
	border: 3px solid transparent;
	-webkit-border-image: -webkit-linear-gradient(left, #11d990 0%, #006386 100%);
	    moz-border-image: -moz-linear-gradient(left, #11d990 0%, #006386 100%);
	     ms-border-image: -moz-linear-gradient(left, #11d990 0%, #006386 100%);
	      o-border-image: -moz-linear-gradient(left, #11d990 0%, #006386 100%);
	        border-image: linear-gradient(to right, #11d990 0%, #006386 100%);
	border-image-slice: 1;
	    max-height: calc(100vh - 50px);overflow:auto;
}
.modal-background{ display: none; content: ' '; background: rgba(11,37,69, 0.9); position: fixed; z-index: 998; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; }
.modal h2{ font-size: 80px;line-height:100%; letter-spacing: -9px; margin: 20px 0 40px 0;color:#11d990;padding:0 20px; }
.modal h3{ font-size: 50px; letter-spacing: -3px; margin: 50px 0 30px 0; }
.modal p{ color: #252525; padding: 0 80px; }
.modal ul{ list-style: none; margin: 0; padding: 0 70px; }
.modal ul:after{ clear: both; content: ' '; height: 0; display: table; float: none; } 
.modal ul li{ float: left; width: 33%; text-align: left; color: #50bbf1; font-size: 17px; }
.modal .button-bar{ margin: 50px 0 0 0; padding: 30px; display: flex; justify-content: space-between; }
.modal .button-bar .btn{ border-color: #fff; color: #fff; }
.modal .button-bar .btn:hover{ color: #50bbf1; border-color: #50bbf1; }
.modal .button-bar .btn b{ display: inline-block; margin-left: 20px; }
.modal .button-bar .btn.btn-no-border{ border-color: transparent; }
.modal .button-bar .btn.btn-no-border i{ position:absolute; top: -10px; font-size: 44px; }
.modal .button-bar .btn.btn-no-border:first-child{ padding-left: 80px; }
.modal .button-bar .btn.btn-no-border:first-child i{ left: 0; }
.modal .button-bar .btn.btn-no-border:last-child{ padding-right: 80px; }
.modal .button-bar .btn.btn-no-border:last-child i{ right: 0; }

.lang-changer{position:absolute;right:100px;top:15px;}
.lang-changer a{text-transform: uppercase;border-right:1px solid #50bbf1;float:left;padding:0px 10px 0 0;margin-right:10px;}
.lang-changer a.active,
.lang-changer a:hover{color:#FFF;}
.lang-changer a:last-child{border-right: 0;padding-right:0;margin-right:0;}

#nav-main .lang-changer{margin-top:30px;display:none;position:relative;right:0;top:0;text-align:center;}
#nav-main .lang-changer a{float:none;}

body.o20 #stage > header .lang-changer a.active,
body.o20 #stage > header .lang-changer a:hover{color:#222;}
body.nav-is-visible #stage > header .lang-changer a.active{color:#FFF;}

.modal-beratung{ 
	position: fixed;
	top: 2%;
	left: 2%;
	right: 2%;
	max-width: 1000px;
	margin: 0 auto;
	width: 96%;
	background: #fff;
	text-align: center;
	z-index:999;
	font-family: 'Noto Sans', sans-serif;
	border: 3px solid transparent;
	-webkit-border-image: -webkit-linear-gradient(left, #11d990 0%, #006386 100%);
	    moz-border-image: -moz-linear-gradient(left, #11d990 0%, #006386 100%);
	     ms-border-image: -moz-linear-gradient(left, #11d990 0%, #006386 100%);
	      o-border-image: -moz-linear-gradient(left, #11d990 0%, #006386 100%);
	        border-image: linear-gradient(to right, #11d990 0%, #006386 100%);
	border-image-slice: 1;
	display: none;
}

.modal-beratung .row{ display: block; padding: 70px 70px 0 70px; }
.modal-beratung .row:after{ clear: both; content: ' '; height: 0; display: table; float: none; }
.modal-beratung .image{ position: relative; width: 25%; float: left; }
.modal-beratung .image .avatar{position:absolute;width:100%;padding-bottom:100%;overflow:hidden;border-radius:100%;margin-bottom:0;}
.modal-beratung .image img{ width: 100%; height: auto; } 
.modal-beratung .content{ float: right; width: 65%; display: block; text-align: left; font-size: 17px; color: #252525; }
.modal-beratung .content h3{ font-size: 20px; font-weight: 700; letter-spacing: -1px; text-align: left; margin:0; padding: 0; }
.modal-beratung .content h3 em{ font-size: 15px; font-weight: 400; color: #ababab; display: inline-block; margin-left: 20px;  }
.modal-beratung .content .contact{ padding: 0; margin: 25px 0; }
.modal-beratung .content .contact img{ width: 24px; height: 24px; margin-bottom: -8px; }
.modal-beratung .button-bar{ margin: 50px 0 0 0; padding: 30px; display: flex; justify-content: space-between; }
.modal-beratung .button-bar .btn{ border-color: #fff; color: #fff; }
.modal-beratung .button-bar .btn:hover{ color: #50bbf1; border-color: #50bbf1; }
.modal-beratung .button-bar .btn b{ display: inline-block; margin-left: 20px; }
.modal-beratung .button-bar .btn.btn-no-border{ border-color: transparent; }
.modal-beratung .button-bar .btn.btn-no-border i{ position:absolute; top: -10px; font-size: 44px; }
.modal-beratung .button-bar .btn.btn-no-border:first-child{ padding-left: 80px; }
.modal-beratung .button-bar .btn.btn-no-border:first-child i{ left: 0; }
.modal-beratung .button-bar .btn.btn-no-border:last-child{ padding-right: 80px; }
.modal-beratung .button-bar .btn.btn-no-border:last-child i{ right: 0; }


body.single-post section > p, body.single-post section .section-wrapper > p{
	text-align:left;
	margin-bottom:35px;
	max-width:880px;font-size:17px;line-height:25px;
}
body.single-post section > h2, 
body.single-post section .section-wrapper > h2,
body.single-post section .section-wrapper > h3,
body.single-post section .section-wrapper > h4{
	max-width:880px;margin:40px auto 20px;
	font-size:19px;letter-spacing:0;
	text-align:left;font-weight:600;
	font-family: 'Noto Serif', serif;
}

body.single-post section .section-wrapper > h2{
	font-size:24px;
}
body.single-post section .section-wrapper > h3{
	font-size:20px;
}

body.single-post section .section-wrapper > h4{
	font-size:17px;
}

body.single-post .isCase section .section-wrapper{text-align:center;}
body.single-post .isCase section .section-wrapper p,
body.single-post .isCase section .section-wrapper ul,
body.single-post .isCase section .section-wrapper ol{text-align:left;max-width:880px;margin-left:auto;margin-right:auto;}
body.single-post .isCase section .section-wrapper ul,
body.single-post .isCase section .section-wrapper ol{padding-left:20px;}
body.single-post .isCase section .section-wrapper li{margin-bottom:20px;}

body.single-post section.blue{padding:45px 0px;}
body.single-post section.blue .section-wrapper p,
body.single-post section.blue .section-wrapper ul,
body.single-post section.blue .section-wrapper ol{color:#FFF;}


body.single-post .isCase section.white .section-wrapper > h2{
background-image: -webkit-linear-gradient(left, #11d990, #006386);
    background-image: -moz-linear-gradient(left, #11d990, #006386);
    background-image: -ms-linear-gradient(left, #11d990, #006386);
    background-image: -o-linear-gradient(left, #11d990, #006386);
    background-image: linear-gradient(to right, #11d990, #006386);
    color: #FFF;
	display: inline-block;
    color: #fff;
    font-size: 18px;
    padding: 10px 15px;
    font-weight: 700;
    text-align:center;
    margin:30px auto 25px;
}
body.single-post .isCase section.blue:last-child{
	margin-bottom:95px;
}

body.single-post .isCase section.blue .section-wrapper > h2{
	background-image: -webkit-linear-gradient(left,#006386, #11d990 );
    background-image: -moz-linear-gradient(left,#006386, #11d990);
    background-image: -ms-linear-gradient(left,#006386, #11d990);
    background-image: -o-linear-gradient(left,#006386, #11d990);
    background-image: linear-gradient(to right,#006386, #11d990);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    font-size:50px;line-height:70px;
    margin-top:0px;
}

body.single-post section{padding:85px 0;}
body.single-post section:first-child{padding-top:20px;}
body.single-post .section-wrapper .inner{
	max-width:880px;margin:30px auto 0px;
}
body.single-post section:first-child{padding-top:20px;}
body.single-post main > section:first-child{padding:80px 0px;}
body.single-post .section-wrapper .inner:after{content:' ';display:block;clear:both;}
body.single-post .author{float:left;}
body.single-post .author span{
	display:inline-block;opacity:.75;margin-right:28px;
}
body.single-post .categories{float:right;color:#0ec38e;}
body.single-post subline{color:#a7ddf8;font-size:20px;line-height:40px;}




section > a[name]{margin-top:-100px;position:absolute;}

.para1{top: 0; left: 0;width:731px;}
.para2{top: 180px; left: 64%;width:320px;}
.para3{top: 55%; left: 2.5%;width:490px;}
.para4{top: 64%; left: 46%;width:510px;}
.parallax-image img{width:100%;height:auto;}

article .table{max-width:880px;margin:0px auto;}
main.isCase > section:first-child{padding-top:100px;}
main > section.post-header .table,
main.isCase > section .table{display:table;width:100%;height:100%;position:relative;min-height:70vh;z-index:50;}
main > section.post-header .table > div,
main.isCase > section .table > div{display:table-cell;vertical-align: middle;padding-top:40px;}

section.blue.post-header h1{margin-bottom:10px;}
section.blue.post-header{background-repeat: no-repeat;background-position: center center;background-size: cover;}

.contact-footer strong{display:block;}

.prev-next{width:100%;position:relative;display:table;background:#0b2545;color:#FFF;}
.prev-next a{color:#FFF;font-size:20px;padding:70px 60px;display:block;}
.prev-next .row{display:table-row;}
.prev-next .row > div{display:table-cell;width:50%;
    border: 2px solid transparent;
    -webkit-border-image: -webkit-linear-gradient(left, #11d990 0%, #006386 100%);
    moz-border-image: -moz-linear-gradient(left, #11d990 0%, #006386 100%);
    ms-border-image: -moz-linear-gradient(left, #11d990 0%, #006386 100%);
    o-border-image: -moz-linear-gradient(left, #11d990 0%, #006386 100%);
    border-image: linear-gradient(to right, #11d990 0%, #006386 100%);
    border-image-slice: 1;
    border-right:0;
}
.prev-next .row .left{text-align:right;}
.prev-next .gradient-bg{padding:5px 15px;font-weight:bold;font-size:18px;}
.prev-next .linkinfo{width:100%;}
.prev-next .left .linkinfo{padding-left:100px;}
.prev-next .right .linkinfo{padding-right:100px;}
.prev-next .left i{position:absolute;left:30px;top: calc(50% - 16px);}
.prev-next .right i{position:absolute;right:30px;top: calc(50% - 16px);}
.prev-next i:before{font-size:32px;}



body section.post-header:after{ 
  position: absolute;
  top: 0px; left: 0px; right: 0px; bottom: 0px;
  z-index: 10;
  content: ' ';
  transition: background linear 0.5s,-moz-linear-gradient linear 0.5s,-webkit-linear-gradient linear 0.5s, linear-gradient linear 0.5s;
  width: 100%; 
  height: 100%;
  background: -moz-linear-gradient(top, rgba(11,37,69,0.8) 0%, rgba(11,37,69,0.1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(11,37,69,0.8) 0%,rgba(11,37,69,0.1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(11,37,69,0) 0%,rgba(11,37,69,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0b2545', endColorstr='#1a0b2545',GradientType=0 ); /* IE6-9 */
}

body.page .section-wrapper > p{
	margin-bottom:20px;
}
body.page .section-wrapper > p:last-child{
	margin-bottom:0;
}
.standorte-overview > div{cursor:pointer;}

section.blue.kacheln{padding:0px 0px 10px;}
section.blue.kennzahlen{padding-top:0px;}

.anim{display:none;}


.anim2{opacity:0;
transition: all 0.4s ease-out;
-webkit-transition: all .4s cubic-bezier(0.000, 0.000, 0.280, 1.000); 
   -moz-transition: all .4s cubic-bezier(0.000, 0.000, 0.280, 1.000); 
     -o-transition: all .4s cubic-bezier(0.000, 0.000, 0.280, 1.000); 
        transition: all .4s cubic-bezier(0.000, 0.000, 0.280, 1.000);  

}
.anim2.anim2-visible{opacity:1;}

section.blue.post-header .table{position:relative;z-index:20;}

body.page-template-tpl-formulare article{padding-top:100px;}
section.wysiwyg-with-form{width: 100%;max-width: 1330px;margin: 0 auto;position:relative;padding:30px 16px;}
#stage > header.grey .centered{padding-left:16px;}
section.wysiwyg-with-form h1{margin-bottom:0;color:#999;}
section.wysiwyg-with-form h2{margin-top:0;}

.gform_wrapper{padding-top:20px;}

.cookie-notice-container{border-top:1px solid #FFF;}
#cookie-notice .button.bootstrap{height:auto;background:#AAA;}
#cookie-notice .button.bootstrap:hover{font-weight:600;background:#888;}

.section-wrapper blockquote{
	position:relative;
	padding-left:25px;
}

.section-wrapper blockquote em{
	font-size:14px;
}

.section-wrapper blockquote:before {
    content: '\201C';
    color: #0b2545;
    font-size: 7.5em;
    font-weight: 700;
    opacity: 1;
    position: absolute;
    top: -.4em;
    left: -.4em;    
    text-shadow: none;
    z-index: -300;
}


@media all and (min-width: 640px) {

.gform_wrapper .ginput_complex.ginput_container.ginput_container_address,
.ginput_container_textarea,
.gform_wrapper .gfield_description{width:calc(50% - 8px);}

}
body.single-post section .section-wrapper{
	max-width:880px;
}

body.single-post section .section-wrapper img.alignleft{

}
.wp-caption.alignleft{
	float:left;
	margin-right:20px;
}

body.single-post section .section-wrapper .wp-caption.alignleft + h2{
	margin-top:0;
}

.wp-caption-text{
	font-size:13px;
	margin-top:0;
}

.team-img{
	border-radius: 50%;
    border: 2px solid #0b2545;
    /* padding: 0 0; */
    margin: 20px 0;
}