@font-face{font-family:'ClanWebBook';src:url(//www.braunmitbraun-designagentur.de/wp-content/themes/Divi-child/fonts/ClanWeb-Book.woff) format('woff');font-weight:normal;font-style:normal;}
@font-face{font-family:'AdelleLight';src:url(//www.braunmitbraun-designagentur.de/wp-content/themes/Divi-child/fonts/Adelle-Light.woff2) format('woff2');font-weight:normal;font-style:normal;}
.cat-review{display:none !important;}
#cookie-notice .cn-button.wp-default{color:#000 !important;background:#FFFF00 !important;border-radius:0px;}
.single-project .et_pb_section_0.et_pb_section{padding-top:48px;}
.mtphr-dnt-tick-container{border-top:1px solid #000;border-bottom:1px solid #000;width:79%;margin:30px auto 0 auto;}
.mtphr-dnt-tick{font-family:'AdelleLight',Helvetica,Arial,Lucida,sans-serif;font-size:15px !important;line-height:15px !important;}
.home .et_pb_slide_description{display:none !important;}
.et_pb_slides .et_pb_slider_container_inner{margin:0 0 0 0;padding:0 0 0 0;width:100%;height:100%;}
.cn-button.wp-default{color:#000;background:#FFFF00;}
#mobile_logo{position:absolute;left:38px;top:25px;width:70px;height:40px;background:url(//www.braunmitbraun-designagentur.de/wp-content/uploads/2020/03/BmB_Logo_web.svg) left center no-repeat;z-index:999;display:none;}
.page .menu_mainpage ul li{background:url(//www.braunmitbraun-designagentur.de/wp-content/uploads/2020/03/pfeil_horizontal.svg) left center no-repeat;background-size:auto;background-size:70px 20px;min-height:20px;}
.home .et_pb_row_0 > .et_pb_column_0 > .et_pb_text > .et_pb_text_inner > ul{margin:0 0 0 0;}
.home .et_pb_row_0 > .et_pb_column_1 > .et_pb_text{margin:0 0 0 0;height:80vh;max-height:80vh;}
.home .et_pb_row_0 > .et_pb_column_1 > .et_pb_text > .et_pb_text_inner{height:80vh;max-height:80vh;}
.home .et_pb_row_0 > .et_pb_column_1 > .et_pb_text > .et_pb_text_inner > p{display:none;}
.page-id-8534 .et_pb_toggle_5 .et_pb_toggle_title{white-space:nowrap;}
.single-project .entry-content h2, .single-project .entry-content p{color:#000 !important;}
.n2-section-smartslider > #n2-ss-1-align > .n2-padding *{height:80vh;max-height:80vh;}
.n2-section-smartslider > #n2-ss-1-align > .n2-padding,
.n2-section-smartslider > #n2-ss-1-align > .n2-padding #n2-ss-1 .n2-ss-slider-1{height:80vh !important;max-height:80vh !important;}
#smartslider_mobil{display:none;}
@media screen and (max-width:980px){
#smartslider_mobil{display:block;}
#section_smartslider_mobil,
#smartslider_mobil,
#smartslider_mobil .et_pb_module_inner,
.n2-section-smartslider, .n2-section-smartslider > #n2-ss-2-align,
.n2-section-smartslider > #n2-ss-2-align > .n2-padding,
.n2-section-smartslider > #n2-ss-2-align > .n2-padding *{width:80vw !important;max-width:80vw !important;}
.n2-section-smartslider > #n2-ss-2-align > .n2-padding #n2-ss-2 .n2-ss-slider-1{width:80vw !important;max-width:80vw !important;}
.n2-section-smartslider > #n2-ss-2-align > .n2-padding .nextend-arrow-previous,
.n2-section-smartslider > #n2-ss-2-align > .n2-padding .nextend-arrow-next{width:15px !important;height:75px !important;max-height:auto !important;left:-25px !important;}
.n2-section-smartslider > #n2-ss-2-align > .n2-padding .nextend-arrow-previous{top:0px !important;}
.n2-section-smartslider > #n2-ss-2-align > .n2-padding .nextend-arrow-next{top:auto !important;bottom:0px !important;}
#smartslider_mobil{position:relative;z-index:9999;}
#section_smartslider_mobil{left:10vw;margin:0 0 40px 0;}
.wprmenu_bar{width:100vw;height:87px;background:rgba(255,255,255,0.9);box-shadow:0 0 6px rgba(0,0,0,.1) !important;top:0px;position:fixed;z-index:99;}
.wprmenu_bar.active{position:relative;z-index:auto;}
#mg-wprm-wrap{padding:100px 0 0 30px;}
#mg-wprm-wrap ul#wprmenu_menu_ul li.menu-item a{line-height:5.29vw;font-size:3.877vw;font-size:38px;line-height:52px;border-top:1px solid #000;max-width:254px;}
#mg-wprm-wrap ul#wprmenu_menu_ul li.menu-item:last-of-type a{border-bottom:1px solid #000;}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after{width:30px;height:3px;background-color:#000;border-radius:0px;position:absolute;transition-property:transform;transition-duration:0.15s;transition-timing-function:ease;}
.hamburger--slider .hamburger-inner::before{top:9px;}
.hamburger--slider .hamburger-inner::after{top:18px;}
.wprmenu_bar.active .hamburger--slider .hamburger-inner::before{top:10px;}
.wprmenu_bar.active .hamburger--slider .hamburger-inner::after{top:20px;}
body{padding-top:100px;}
body.et_pb_pagebuilder_layout.single.single-project #page-container #et-boc .et-l .et_pb_row_0.et_pb_row{}
.single.single-project .entry-content > div > div > div > div.et_pb_section{width:100%;}
.wprmenu_bar #custom_menu_icon.hamburger{background:none;}
} .coding ul li a{padding:8px 0 19px 0;margin:-1px 25px 0 0;}
.page-id-10034 #section_projekteneu .et_pb_text_inner > p:first-child{padding:0 0 0 0;}
.page-id-10034.et_fixed_nav.et_show_nav #page-container{padding-top:133.9px;}
.page-id-11 .et_portfolio_image h2 a{hyphens:none;-webkit-hyphens:none;-moz-hyphens:none;}
div#n2-ss-1 .nextend-arrow-previous{margin:-15px 0 0 -61px;}
div#n2-ss-1 .nextend-arrow-next{margin:0 0 0 -60px;top:auto !important;bottom:0px !important;}
div#n2-ss-1 .nextend-arrow-previous,
div#n2-ss-1 .nextend-arrow-next{width:15px !important;height:75px !important;max-height:auto !important;}
div#n2-ss-1 .nextend-arrow-previous img,
div#n2-ss-1 .nextend-arrow-next img{display:none !important;}
div.nextend-arrow-next{background:url(//www.braunmitbraun-designagentur.de/wp-content/uploads/2020/03/pfeil.svg) center center no-repeat;transform:rotate(180deg);}
.page .menu_mainpage ul li{background:url(//www.braunmitbraun-designagentur.de/wp-content/uploads/2020/03/pfeil_horizontal.svg) no-repeat 0 0;background-size:70px;}
.et_pb_section > .et_pb_with_border{}
footer#main-footer{border-top:0px solid black !important;}
.home .et_pb_column--with-menu{background:url(//www.braunmitbraun-designagentur.de/wp-content/uploads/2020/06/dummy.jpg) no-repeat 0 0;background-size:cover;}
.home .et_pb_column--with-menu #startmenu{position:absolute;top:23.22vw;}
.home .et_pb_menu .et-menu{margin:0 0 0 0;}
.home .et_pb_menu .et-menu > li{display:block;float:none;width:100%;padding:0 0 0 0;margin:0 0 0 0;}
.home .et_pb_menu .et-menu > li:last-of-type a{border-bottom:1px solid #000;}
.home .et_pb_menu .et-menu > li a{border-top:1px solid #000;text-transform:uppercase;padding:0.553vw 0 0.2vw 0;font-size:3.95vw;display:inline-block;line-height:5.29vw;color:#000;width:100%;max-width:22.9vw;}
.et-menu a:hover{color:#AAA !important;opacity:1.0 !important;transition:all .1s ease-in-out;}
#main-header.et-fixed-header{background:rgba(255,255,255,0.9);}
.et_header_style_left .et-fixed-header .container #et-top-navigation{padding:43px 0 0 0;}
nav#top-menu-nav #top-menu li a{font-size:16px;}
.blau{color:#FFF;background:#382683;}
.et_pb_slider .et_pb_slide_0.et_pb_slide .et_pb_slide_description h5.et_pb_slide_title{display:inline !important;color:#FFF !important;padding:10px 10px 10px 10px !important;background:#382683;margin:0 0 150px 0;}
.et_pb_portfolio_grid .et_pb_portfolio_item, .et_pb_portfolio_grid .column_width, .et_pb_portfolio_grid .et_pb_portfolio_image, .et_pb_portfolio_grid .et_pb_portfolio_image.portrait img{width:800px !important;}
.et_pb_portfolio_grid .et_pb_portfolio_image img{min-width:800px;}
.home .entry-content .et_builder_inner_content .et_pb_section .et_pb_slider_0.et_pb_slider{overflow-y:auto !important;height:calc(100vw + 30px);max-height:calc(48vw + 30px);background:#FFF;}
.et_pb_gallery_items{margin-bottom:20px;}
.et-pb-slider-arrows{position:relative;top:15px;height:15px;z-index:999;}
.et-pb-arrow-prev, .et-pb-arrow-next{width:50px;height:10px;top:0px;z-index:99999;margin:0 0 0 0;}
.et-pb-arrow-prev:before, .et-pb-arrow-next:before{content:none;}
.et-pb-arrow-prev{background:url(//www.braunmitbraun-designagentur.de/wp-content/uploads/2020/03/pfeil_horizontal.svg) center center no-repeat;transform:rotate(180deg);}
.et-pb-arrow-next{background:url(//www.braunmitbraun-designagentur.de/wp-content/uploads/2020/03/pfeil_horizontal.svg) center center no-repeat;}
.et_pb_slider .et-pb-arrow-prev, .et_pb_slider:hover .et-pb-arrow-prev{left:0px;opacity:1;}
.et_pb_slider .et-pb-arrow-next, .et_pb_slider:hover .et-pb-arrow-next{right:0px;opacity:1;}
.et_pb_svg_logo #logo{height:55% !important;max-height:55% !important;}
a.zurueck{color:#000;}
a.zurueck:hover{color:#AAA;}
h3{letter-spacing:-0.3px;}
.et_pb_filterable_portfolio.et_pb_filterable_portfolio .et_pb_portfolio_filters li a{line-height:1.2em !important;font-size:16px !important;}
.page .et_pb_filterable_portfolio.et_pb_filterable_portfolio .et_pb_portfolio_filters li a:hover{color:#AAA !important;}
.footer_zeile .et-last-child img{width:28px;height:39px;}
.footer_section{padding:0 0 0 0 !important;}
footer#main-footer{display:none;}
.nobreak{white-space:nowrap;}
.nohyphens{hyphens:none;}
@media screen and (max-width:1080px){
.page-id-8534 .et_pb_row_1.et_pb_row{width:90%;}
.page-id-8534 .et_pb_gutters3 .et_pb_column_1_3, .et_pb_gutters3.et_pb_row .et_pb_column_1_3{width:40%;}
}
@media screen and (max-width:980px){
body:not(.home) header#main-header{display:none;}
body:not(.home) #page-container{padding:0 0 0 0 !important;}
.home #page-container{padding:0 0 0 0 !important;margin:-18px 0 0 0;}
.home .entry-content #et-boc .et-l > div > div > .et_pb_row_0.et_pb_row{padding-top:0px !important;}
#mobile_logo{position:fixed;display:block;}
.home .entry-content .et_builder_inner_content .et_pb_section .et_pb_slider_0.et_pb_slider{height:calc(100vw + 80px);max-height:calc(100vw + 80px);}
.footer_zeile .et-last-child *{text-align:right !important;margin-right:0px !important;width:100%;}
.et-last-child img{text-align:right !important;}
.et_pb_gutters3 .footer_zeile .et_pb_column_1_2{width:47.25% !important;text-align:right;}
}
@media screen and (max-width:811px){
.coding > div > div > ul{display:grid;grid-template-columns:1fr 1fr;margin:-7px 0 15px 0;}
.coding ul li a{padding:10px 0 10px 0;}
.page-id-10034 .et_pb_row_0, body.page-id-10034 #page-container .et-db #et-boc .et-l .et_pb_row_0.et_pb_row, 
body.page-id-10034.et_pb_pagebuilder_layout.single #page-container #et-boc .et-l .et_pb_row_0.et_pb_row,
body.page-id-10034.et_pb_pagebuilder_layout.single.et_full_width_page #page-container #et-boc .et-l .et_pb_row_0.et_pb_row,
#section_projekteneu{max-width:80%;}
}
@media screen and (max-width:768px){
.page-id-8534 .et_pb_image .et_pb_image_wrap{display:inline-block;position:relative;max-width:80%;}
}
@media screen and (max-width:767px){
.home #page-container{padding:115px 0 0 0 !important;margin:-1px 0 0 0;}
.home .entry-content #et-boc .et-l > div > div > .et_pb_row_0.et_pb_row{padding-top:0px !important;}
.page-id-9016 .et_pb_image .et_pb_image_wrap{display:inline-block;position:relative;max-width:90%;}
.page-id-10034 a.title{width:100%;font-size:14px !important;line-height:1.4em;text-align:left !important;margin-bottom:40px !important;margin-top:20px !important;position:relative !important;top:0px !important;padding:0 !important;transform:translateY(-5%) !important;display:block !important;}
.grid.projekte .listing-item:hover::before{display:none;}
}
@media screen and (max-width:485px){
.et_pb_column .et_pb_filterable_portfolio .et_pb_portfolio_filters li{width:100%;}
.coding > div > div > ul{display:grid;grid-template-columns:1fr;margin:-7px 0 15px 0;}
}
@media screen and (max-width:433px){
.home .entry-content .et_builder_inner_content .et_pb_section .et_pb_slider_0.et_pb_slider{height:calc(100vw + 80px);max-height:calc(100vw + 50px);overflow-y:hidden !important;}
} .team_dreispalten h2{hyphens:none !important;white-space:wrap !important;font-size:18px;}
.team_zweispalten h2{hyphens:none !important;white-space:wrap !important;font-size:2.4vw;}
.page-id-9016 .et_pb_toggle .et_pb_toggle_content{padding:20px 0 70px 0;}
.team_einspalte, .team_zweispalten{display:none;}
.et_pb_toggle_title:before{content:"";}
.team_dreispalten .et_pb_toggle.et_pb_toggle_close:hover{opacity:0.7;}
.single-project #main-header .container{max-width:1066px !important;}
.single-project .entry-content > div > div > div > div > div.et_pb_row{width:100%;max-width:1066px;}
.single-project .entry-content > div > div > div > div.et_pb_section{width:79%;max-width:1066px;}
@media screen and (min-width:1231px){
.team_dreispalten h2{font-size:1.4vw;}
.team_dreispalten .et_pb_toggle .et_pb_toggle_content{padding:20px 0 9.3vw 0;}
.team_dreispalten .et_pb_toggle .et_pb_toggle_content .uppercase{font-size:1.0vw;line-height:1.0vw !important;}
} @media screen and (max-width:1230px){
.team_dreispalten{display:none;}
.team_zweispalten{display:block;}
.page-id-9016 .team_zweispalten .et_pb_toggle .et_pb_toggle_content{padding:20px 0 13.3vw 0;}
.team_zweispalten h2{font-size:2.0vw;}
.team_zweispalten .et_pb_toggle .et_pb_toggle_content .uppercase{font-size:1.3vw;line-height:1.3vw !important;}
}
@media screen and (max-width:980px){
.team_zweispalten{display:block;}
.team_zweispalten .et_pb_column{width:47.25%;margin-right:5.5%;}
.team_zweispalten .et_pb_row_4 .et_pb_column_4{width:100%;margin-right:0px;}
.team_zweispalten h2{font-size:2.4vw !important;}
}
@media screen and (max-width:767px){
.team_einspalte{display:block;}
.team_zweispalten{display:none;}
.team_einspalte .et_pb_row_8{width:100%;max-width:100%;}
.team_einspalte .et_pb_column{width:100%;margin-right:0px;}
.team_einspalte .et_pb_image .et_pb_image_wrap{max-width:100%;height:auto;}
.team_einspalte h2{font-size:5.4vw !important;hyphens:none;}
.team_einspalte .et_pb_toggle_open .et_pb_toggle_content{padding:20px 0 40vw 0;}
.page-id-10034 .et_pb_row_0{border-bottom-width:1px;border-bottom-color:#aaaaaa;display:block !important;}
.page-id-10034 .grid.projekte .listing-item a.image{height:auto;}
.page-id-10034 .grid.projekte .listing-item a.title{min-height:auto;}
}
@media screen and (max-width:500px){
.team_einspalten .et_pb_toggle_open .et_pb_toggle_content{padding:20px 0 35vw 0;}
}
@media screen and (max-width:400px){
.team_einspalten .et_pb_toggle_open .et_pb_toggle_content{padding:20px 0 30vw 0;}
.team_einspalte h2{font-size:6.4vw !important;hyphens:none;}
} @media screen and (max-width:980px){
#startmenu{display:none !important;}
.home #et-main-area{margin-top:50px;}
}
.et_fixed_nav.et_show_nav #page-container,
.page-id-10034 .et_fixed_nav.et_show_nav #page-container,
.page-id-9016 .et_fixed_nav.et_show_nav #page-container{padding-top:134px !important;}
#projektfilter,
#projekte,
#projektfilter ul.clearfix{padding:0 0 0 0;}
.et_pb_text_0.progrid{padding-top:0px !important;margin-top:0px !important;}
#projektfilter{margin:30px auto 15px auto;}
li.et_pb_portfolio_filter{float:left;font-size:14px;line-height:1em;list-style-type:none !important;}
li.et_pb_portfolio_filter a{display:block;overflow:hidden;height:auto;margin:-1px -1px 0 0;padding:10px 15px;border:0px solid #e2e2e2;color:#000 !important;background-color:#fff;text-transform:uppercase;}
li.et_pb_portfolio_filter a:hover{color:#AAA !important;background:none;}
li.et_pb_portfolio_filter a.active{color:rgba(185,187,186,0.81);background-color:#f9f9f9;}
li.et_pb_portfolio_filter:first-child a{-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;}
li.et_pb_portfolio_filter:last-child a{-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;}
.grid.projekte{display:grid;grid-template-columns:repeat(auto-fit, minmax(378px,1fr));grid-gap:40px 40px;}
@media screen and (max-width:1100px){
.grid.projekte{grid-template-columns:repeat(auto-fit, minmax(287px,1fr));}
}
@media screen and (max-width:767px){
.grid.projekte{grid-gap:0 40px;}
}
@media screen and (max-width:767px){
.grid.projekte{grid-template-columns:1fr;}
}
.grid.projekte .listing-item{position:relative;cursor:pointer;display:none;}
.grid.projekte .listing-item.da{display:block;}
.et_pb_filterable_portfolio .et_pb_portfolio_filters{clear:both;margin:0 0 10px 0;}
.et_pb_portfolio_filters ul li.et_pb_portfolio_filter_all a{padding-left:0px;margin-left:0px;}
.et_pb_portfolio_filters ul li.et_pb_portfolio_filter a{line-height:1.2em !important;font-size:16px !important;text-transform:uppercase;border:0px;}
.grid.projekte .listing-item a.title{font-family:'ClanWebBook',Helvetica,Arial,Lucida,sans-serif;width:100%;position:absolute;top:45%;text-align:center;padding:0 20px 9px 20px;color:#FFF;color:#000;text-transform:uppercase;letter-spacing:0.2px;font-size:18px;line-height:23px;hyphens:none;height:auto;min-height:40px;display:none;z-index:60;}
.grid.projekte .listing-item a.image{line-height:0px;font-size:0px;}
.grid.projekte .listing-item:before{position:absolute;content:" ";display:block;z-index:50;width:100%;height:100%;background:rgba(170, 170, 170, 0.0);transition:all 0.2s ease-in-out;}
.grid.projekte .listing-item:hover:before{background:rgba(170, 170, 170, 0.87);transition:all 0.2s ease-in-out;}
.grid.projekte .listing-item:hover a.title{display:table;}
.grid.projekte .listing-item a.image{width:100%;height:100%;position:relative;display:block;}
.grid.projekte .listing-item a.image:before{position:absolute;top:75%;opacity:0;left:50%;margin:-16px 0 0 -16px;font-size:32px;color:#FFF;-webkit-transition:all .4s;-moz-transition:all .4s;transition:all .4s;-webkit-user-select:none;-ms-user-select:none;user-select:none;z-index:60;}
.grid.projekte .listing-item:hover a.image:before{opacity:1;top:55%;transition:all .4s;}
@media screen and (min-width: 768px) and (max-width: 980px) {
.et_fixed_nav.et_show_nav #page-container,
.page-id-10034 .et_fixed_nav.et_show_nav #page-container,
.page-id-9016 .et_fixed_nav.et_show_nav #page-container{padding-top:0px !important;}
}
@media screen and (min-width:981px){
.home.et_hide_nav.et_fixed_nav #main-header {
opacity: 1;
transform: translateY(0px) !important;
}
.home.et_hide_nav.et_fixed_nav #et-top-navigation nav#top-menu-nav {
display: none;
}
}