footer #colorcode { display: none; }
.start footer #colorcode { display: block; }
#colorcode { padding: 5px 0; }
#colorcode but { 
padding: 2px 12px; 
background: #2B2936; 
color: #fff;
border: 3px solid #EFECE5;
cursor: pointer;
}
#colorcode but:hover,
#colorcode but.active { border: 3px solid #505050;} body {
padding: 0px;
margin: 0 auto;
}
#wrapper,
header,
section { 
position: relative;
margin: auto;
}
#wrapper { overflow: hidden; }
section { padding: 3% 2%;}
.single-post section {padding-bottom: 0px;}
header,
#tp-grid {
transition: .5s ease;
-moz-transition: all .5s ease-out;
-webkit-transition: all .5s ease-out;
}
#tp-grid { margin-top: 70px;}
.single #thepost,
.error404 #thepost { margin-top: 30px;}
.single-team #tp-grid { 
background: #FAF7F2;  }
.error404 #tp-grid { background: #EFECE5; } section#topheader { 
position:relative; 	
padding: 4rem;
}
section#topheader .intro { 
position:absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%; 
padding: 0 2%;
}
.container.animation { margin-top: 18px; }
#topheader #herotitle { 
position: absolute; 
left: 5%;
top: 40%; 
}
#herotitle h1,
#herotitle h2,
#herotitle h3,
#herotitle p { 
text-align: left; 
padding: .2rem 1rem 0 1rem; 
display: inline-block; }
#herotitle h3 {
padding: .2rem 1rem;
}
#herotitle h1 { font-size: 3.2rem;  }
#herotitle h1,
#herotitle h2,
#herotitle h3 { 
background: #2b2936;   display: inline-block; 
}
#herotitle p {background: #EFECE5; }
#herotitle .two,
#herotitle .three { margin-top: 6px; } #t-about { height: 20px;  }
section#about .quote,
section#about .title { 
max-width: 1400px; 
margin: auto;  
}
section#about .quote { margin: 1rem auto; }
section#about #gridbox {padding: 40px 0 40px; }
section#about #gridbox .title {padding-bottom: 40px; }
section#about .col-4 { padding: 0 2%; }
section#about .col-4 h3,
section#about .col-4 h4  { padding: 30px 0;} #description {padding-bottom: 2rem;}
#description .content { 
padding: 2rem;
padding-top: 4rem !important;
background: #fff; }
#description .content p { padding: 1rem; }
.accordion-header .center {
display: inline-block; 
padding: 1.5rem 0 0;
}
.accordion-header .center p {
padding: .5rem 2rem; 
border-radius: 25px;
} #description .en-vers { display: none; }
#description .accordion-body { position: relative; }
#description .language { 
position: absolute; 
top: 20px;
right: 40px;
}
#description .language p { 
color: #2b2936; 
line-height: 1.1em; 
text-align: right;
} 
#description .language a:hover p,
#description .language p.active {color: #7ABEAD;}
#description .language .icon { 
content: '';
background: url(//publikation.bild-netzwerk.net/wp-content/themes/Transformative-Bildlichkeit/assets/img/svg/icon-language-grey.svg) top center no-repeat;
position: absolute; 
top: -4px;
left: -55px;
transform: scale(.75);
width: 60px;
height: 60px;
} #teamslider #swiper {padding: 3rem 3rem 1rem;}
#teamslider .swiper-container {padding-bottom: 20px;}
#teamslider .swiper-wrapper {height: 400px;}
#teamslider .swiper-slide {max-height: 350px;} #teamslider #team-image { overflow: hidden; margin-top: .5rem; }
#teamslider .swiper-slide img {
height: 300px;  
width: 260px;
filter: grayscale(1);
transform: scale(1);
transition: .2s ease all;
-moz-transition: .2s ease all;
-webkit-transition: .2s ease all;
transition-delay: 0s;
transition-duration: .5s;
transition-property: transform;
transition-timing-function: ease;
}
#teamslider .swiper-slide img:hover { 
filter: grayscale(0);
transform: scale(1.03);
} .home .swiper-pagination,
.single .swiper-pagination { 
bottom: 40px !important; 
} .home .swiper-button-next,
.single .swiper-button-next {
left: 90px;
background: url(//publikation.bild-netzwerk.net/wp-content/themes/Transformative-Bildlichkeit/assets/img/svg/arrow_white_next.svg) top center no-repeat;
}
.home .swiper-button-prev,
.single .swiper-button-prev {
left: 0px; 
background: url(//publikation.bild-netzwerk.net/wp-content/themes/Transformative-Bildlichkeit/assets/img/svg/arrow_white_prev.svg) top center no-repeat;
}
.home .swiper-button-prev, 
.home .swiper-button-next,
.single .swiper-button-prev, 
.single .swiper-button-next {
top: auto;
bottom: 20px;
opacity: 1;
width: 90px;
height: 40px;
cursor: pointer;
transform: scale(.9);
}
.home .swiper-button-prev:hover, 
.home .swiper-button-next:hover,
.single .swiper-button-prev:hover, 
.single .swiper-button-next:hover {
opacity: .8;
}
.home .swiper-pagination-bullet,
.single .swiper-pagination-bullet {
width: 50px;
height: 3px;
border-radius: 0px;
} #texteslider #swiper {padding: 3rem 3rem 1rem;}
#texteslider .swiper-container {padding-bottom: 20px;}
#texteslider .swiper-wrapper {height: 230px;}
#texteslider .swiper-slide {max-height: 160px;  }
#texteslider .texte.contain { 	
padding: 1rem;
height: 160px;
box-shadow: 0 3px 6px rgba(0,0,0,0.2);
background: #fff;
transition: .2s ease all;
-moz-transition: .2s ease all;
-webkit-transition: .2s ease all;	
}
#texteslider .texte.contain h4 br { display: none; } #texteslider .swiper-button-next {
background: url(//publikation.bild-netzwerk.net/wp-content/themes/Transformative-Bildlichkeit/assets/img/svg/arrow_black_next.svg) top center no-repeat;
}
#texteslider .swiper-button-prev {
background: url(//publikation.bild-netzwerk.net/wp-content/themes/Transformative-Bildlichkeit/assets/img/svg/arrow_black_prev.svg) top center no-repeat;
} .single #texteslider { 
width: 104%;	
margin-left: -2%; 
padding-top: 2rem; 
}  section#projects .projectbox { margin: 5rem 0; }
section#projects #herotitle { margin: 3rem 2rem; } section#projects .projectbox .col-11 { border-radius: 25px;
position: relative;
padding: 1rem;
} section#projects .projectbox .introtext { 
position: absolute;
top: -70px;
left: 50%;
transform: translate(-50%, 0%);
}
section#projects .projectbox .col-4 .contain p.title { line-height: 1.35rem;}
section#projects .projectbox .col-11 .col-12 {margin-top:210px; }
section#projects .projectbox .col-4 { padding: 1rem;}
section#projects .projectbox .col-4 .contain { 
height: 250px; 
padding: 1.5rem 2rem 2rem;
display: block;  position: relative;  
cursor: pointer; 
box-shadow: rgba(50, 50, 93, 0.25) 0px 3px 6px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
} section#projects .projectbox .col-4.introtext .contain { 
height: 200px;  }
section#projects .projectbox .col-4.introtext .contain .lesenbut {
background: #2b2936;
color: #fff;
left: 50%;
transform: translate(-50%, 0%);
}
section#projects .projectbox .col-4 .contain h4 br { display: none;}
section#projects .projectbox .col-4 .author { 
display: inline-block; 
margin-top: 10px; 
}
section#projects .projectbox .col-4 .lesenbut { 
position: absolute;
bottom: 1rem; 
font-size: .9rem; 
background: #efece5;
padding: .2rem 1rem; 
border-radius: 15px;
} section#projects .projectbox .col-4 .contain:hover {
box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}  .single #herotitle {
margin-bottom: 2rem;
margin-bottom: 1rem;
} 
.single #herotitle .one {
padding: .2rem 1rem 0 1rem;
background: #efece5;
transition: .2s ease all;
-moz-transition: .2s ease all;
-webkit-transition: .2s ease all;
}
.single-team #herotitle .one {background: #ccc; }
.single-post #herotitle .one:hover p {color: #fff;}
.single #herotitle .one a:nth-child(2) p:before {
content: '&';
display: inline-block; 
margin: 0 .5rem; 
color: #090909 !important;
}
.single #herotitle p {
text-transform: none; 
letter-spacing: 1px;
padding: 0px;
background: none;
}
.single #herotitle h2,
.single #herotitle h3 { 
padding: .2rem 1rem;
background: none;
padding: 0rem;
}
.single .publikationen #textbox .contain.default {padding: 1rem 0; }
.single .publikationen #textbox .contain {padding: 3rem 0; } .single .publikationen #textbox .contain.right-img,
.single .publikationen #textbox .contain.left-img { margin-bottom: 3rem; }
.single .publikationen #textbox .image.left { padding-right: 3rem;  }
.single .publikationen #textbox .image.right { padding-left: 3rem;  }
.single .publikationen #textbox img { 
vertical-align: top; 
margin-top: 30px; box-shadow: rgba(12, 12, 46, 0.15) 0px 48px 100px 0px;
} .single .publikationen #textbox { padding: 1rem 0rem 3rem; }
.single .publikationen #textbox .editor p { text-align: justify; }
.single .publikationen #textbox .editor h4 { 
font-family: 'montreal-bold', sans-serif;
padding: 1rem 0; 
} .single .publikationen #textbox .empfehlungen.contain { padding-top: 0px; 
}
.single .publikationen #textbox .empfehlungen .headline { 
padding-bottom: .5rem;
color: #626262; 
}
.empfehlungen li:before {
top: 10px; 
width: 6px;
height: 6px;
} .single .publikationen .literatur { 
padding-top: 1rem; 
text-align: center; 
}
.single .publikationen .literatur h3 { padding-bottom: .5rem; }
.single .publikationen .literatur ul,
.page #publikation ul { max-width: 1200px;}
.single .publikationen .literatur li { 
padding: 10px 0; 
text-align: left;
}
.single .publikationen .literatur li p {padding-right: 10px; } .single .publikationen .download { 
position: absolute; 
top: 0px;
right: 130px;
cursor: pointer;
margin-top: 3rem; 
}
.single .publikationen .download a { text-decoration: none !important; }
.single .publikationen .download p { 
color: #2b2936; 
line-height: 1.1em; 
text-align: right;
} 
.single .publikationen .download .icon { 
content: '';
background: url(//publikation.bild-netzwerk.net/wp-content/themes/Transformative-Bildlichkeit/assets/img/svg/download-pdf.svg) top center no-repeat;
position: absolute; 
top: -5px;
left: 100px;
transform: scale(.80);
width: 70px;
height: 100px;
}   .single .publikationen .language { 
position: absolute; 
top: 0px;
right: 260px;
margin-top: 3rem; 
height: 70px;
}
.single .publikationen .language p { 
color: #2b2936; 
line-height: 1.1em; 
text-align: right; } 
.single .publikationen .language .icon { 
content: '';
background: url(//publikation.bild-netzwerk.net/wp-content/themes/Transformative-Bildlichkeit/assets/img/svg/icon-language-grey.svg) top center no-repeat;
position: absolute; 
top: -4px;
left: -55px;
transform: scale(.75);
width: 60px;
height: 60px;
} .single .publikationen #imagebox { 
margin-top: 5%; }
.single .publikationen #gallery { }
.single .publikationen #gallery .grid-item { 
padding: .5rem; 
vertical-align: top;
}
.single .publikationen #gallery .grid-item .contain { 
vertical-align: top; 
box-shadow: rgba(50, 50, 93, 0.25) 0px 3px 6px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
} .next-post {float: right; }
#next-prev-post a:hover p {color: #777 }
#next-prev-post a .prev,
#next-prev-post a .next {
background: url(//publikation.bild-netzwerk.net/wp-content/themes/Transformative-Bildlichkeit/assets/img/svg/arrow_black_prev.svg) top center no-repeat;
width: 90px;
height: 40px;
cursor: pointer;
transform: scale(.9);
transition: .2s ease all;
-moz-transition: .2s ease all;
-webkit-transition: .2s ease all;
}	
#next-prev-post a .next {
background: url(//publikation.bild-netzwerk.net/wp-content/themes/Transformative-Bildlichkeit/assets/img/svg/arrow_black_next.svg) top center no-repeat;
}
#next-prev-post a:hover .next { margin-right: -10px; }
#next-prev-post a:hover .prev { margin-left: -10px;}    section#team .teambox { 
margin: 5rem 0; 
padding: 0 2%;
}
section#team #herotitle { margin: 3rem 0rem; }
section#team #herotitle p {background: #fff; }
section#team .teambox  .col-4 { padding: 1rem;}
section#team .teambox  .col-4 .contain { 
height: 200px; 
padding: 1.5rem 2rem 2rem;
display: block;  background: #aeb1fc; 
background: #fff;
position: relative;  
cursor: pointer; 
box-shadow: rgba(50, 50, 93, 0.25) 0px 3px 6px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}
section#team .teambox  .col-4 .description { 
padding-top: .3rem; 
}
section#team .teambox  .col-4 .lesenbut { 
position: absolute;
bottom: 1rem; 
font-size: .9rem; 
background: #EFECE5; 
padding: .2rem 1rem; 
border-radius: 15px;
} section#team .teambox  .col-4 .contain:hover {
box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
section#team .teambox .col-4 .contain:hover .title { color: #fff;}
section#team .teambox  .col-4 .contain:hover .lesenbut {background: #fff;} .single-team .tablet,
.single-team #texteslider { display: none; } 
.single-team #herotitle p {text-transform: uppercase; } .single #teambox .image { 
width: 400px;
padding-right: 80px; 
margin-top: 10px;
} .single #teambox .textbox { 
padding: 0 0 2rem; 
width: calc(100% - 400px); 
max-width: 1200px;
}
.single #teambox .intro { padding-bottom: 1rem;} 
.single #teambox .copy { padding-bottom: 2rem;} 
.single #teambox .copy p { 
display: inline-block; 
padding-bottom: 1rem; 
text-align: justify;
} .single #teambox #listbox h3,
.single #teambox #listbox h4 { padding-bottom: 1rem;  }
.single #teambox #listbox { padding-bottom: 2rem; }
.single #teambox #listbox .list {padding-bottom: 1rem;} section#publikation { }
section#publikation #contain {
background: #fff;
padding: 2rem 2rem 0;
display: block; 
}
section#publikation h3 {padding-bottom: 1em;}
section#publikation ul { padding-bottom: 2rem; }
section#publikation li {padding: 10px 0;} section#contact .kontaktbox { padding-right: 5%;}
section#contact .adresse { padding-top: 10px; }
section#contact p { padding-bottom: 20px; }
section#contact a { 
text-decoration: underline;
color: #090909; 
}
section#contact .officebox .logo { margin: 1rem 1rem 1rem -10px;  }
section#contact .officebox img { 
max-width: 240px; 
filter: grayscale(100%);
object-fit: contain;
}  body.data #tp-grid { background: #f2f0ec; }
.data .containbox { margin: 4rem 0;}
.data #tp-grid { margin-top: 80px;}
.data .textbox { margin-top: 2rem;}
.data .textbox h4 { padding-bottom: .3rem; }
.data .textbox a { 
text-decoration: underline; 
font-family: 'montreal-semibolditalic', sans-serif;
} .error404 .col-8 {margin: 3rem 0 5rem; } footer { position: relative; }
footer .copyright {
position: absolute; 
top: 20px; 
left: 35px;
text-align: left; 
}
footer ul { padding: 15px 30px 30px 0; }
footer ul li { 
display: inline-block;
padding: 0 6px;
}
footer hr {
height:1px;
margin: auto;
padding: 0px; 
} moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p, 
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p a,
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main h3.tab-title, 
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main span.tab-title {
font-weight: 400 !important; 
} #moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme {
background-color: #C6E3A9 !important; 
border-top: 0px solid #C6E3A9 !important; 
}
#moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme p { font-family: 'montreal-medium', sans-serif !important; 
font-weight: 300 !important; 
color: #000 !important;
font-size: 14px !important;
line-height: 1.3em !important;
}
#moove_gdpr_cookie_info_bar button.moove-gdpr-infobar-close-btn:hover {background: #000 !important; cursor: pointer; }
#moove_gdpr_cookie_info_bar button.moove-gdpr-infobar-close-btn:hover .moovegdpr-arrow-close:before,
#moove_gdpr_cookie_info_bar button.moove-gdpr-infobar-close-btn:hover .moovegdpr-arrow-close:after  {color: #fff !important;} .gdpr_lightbox {background: rgba(0,0,0,.65) !important; }
.gdpr_lightbox .moove-gdpr-tab-content li:before {top: 8px;}
.gdpr_lightbox #moove-gdpr-menu li:before {display: none !important;} #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close i, 
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close span.gdpr-icon {
background-color: #9FBE80 !important;
border: 1px solid #9FBE80 !important;
} #moove_gdpr_cookie_modal .moove-gdpr-modal-content.logo-position-left .moove-gdpr-company-logo-holder {
text-align: center !important; 
}
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-company-logo-holder img {
max-height: 150px  !important;
max-width: 90% !important;
} #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton, 
.gdpr_cookie_settings_shortcode_content .gdpr-shr-button.button-green {
background-color: #9FBE80 !important;
border-color: #9FBE80 !important;
}
@media (min-width: 768px) and (max-width: 999px) { 
#moove_gdpr_cookie_modal .moove-gdpr-modal-content {transform: scale(1) !important;}
}  body.howto {font-family: 'montreal-medium', sans-serif;}
body.howto .copy {
line-height: 1.55rem;
font-size: 1.2rem;
}
.howto li:before {display: none;}
.howto h1, 
.howto h2, 
.howto h3, 
.howto h4, 
.howto p, 
.howto li {text-align: left;}
.howto h2 {padding-bottom: 2rem; }
.howto h3 { 
margin-bottom: .5rem; 
text-transform: uppercase; 
font-size: 1.4rem;
}
.howto .subline { margin-bottom: 1rem; }
.howto hr {
display: block;
height: 1px;
border-top: 1px solid #000;
margin-bottom: .5rem;
} .howto section {margin-top: 50px;}
.howto .content_contain { 
padding: 20px 0px 20px 80px;
text-align: left; 
clear: both;
}
.howto .col-9 { padding-left: 80px;}
.howto .float_copy .copy {
float: left; 
padding: 0 80px 30px 0px;
} .howto .image img { 
min-height: 100%; 
object-fit: contain; 
}
.howto .imagebox,
.howto .image,
.howto .image img { vertical-align: top;}
.howto .image.repeat { padding: 0 20px; } .howto ul, 
.howto li {list-style-type: square;}
.howto ul {padding-left: 20px; }
.howto ul > br { display: none; } .howto .video {padding: 30px 0 80px; }
.howto iframe {margin-left: -35px;}
.embed-container { 
position: relative; 
padding-bottom: 56.25%;
overflow: hidden;
max-width: 100%;
height: auto;
} 
.embed-container iframe,
.embed-container object,
.embed-container embed { 
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} @media only screen and (max-width: 1279px) { 
.howto .col-10 {width: 96%;}
}