/*!
Theme Name: mbr
Author URI: https://designerei.berlin
Author Description: Konzeption & Gestaltung | Technische Umsetzung: Designerei.berlin Maggie Arndt & Judith Osterhoff GbR | Katzbachstraße 32 | 10965 Berlin
Description: MBR - Mobile Beratung gegen Rechts


*/

button, input, optgroup, select, textarea {margin: 0;font-family: inherit;font-size: inherit;color: inherit;border: none;background: transparent;}button {overflow: visible;}button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: none;-moz-appearance: none;appearance: none;outline:none;cursor: pointer;}select::-ms-expand {display:none;}button[disabled], html input[disabled] {cursor: default;}textarea::-moz-focus-inner, input::-moz-focus-inner, button::-moz-focus-inner {padding: 0;border: 0;}input:focus,textarea:focus,select:focus,option {outline: none;background: transparent;}input {line-height: normal;}textarea:focus, input:focus{outline: none;}input[type=text], input[type=password], input[type=email], input[type=tel], textarea {-webkit-appearance: none;-moz-appearance: none;}textarea {overflow: auto;resize: none;vertical-align: top;}input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {-webkit-text-fill-color: #999;-webkit-box-shadow: 0 0 0px 1000px #FFFFFF inset !important;}input[type="checkbox"], input[type="radio"] {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;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-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;-webkit-appearance: textfield;}input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}::-moz-placeholder, :-moz-placeholder {color:rgba(66, 70, 79, .8);}::-webkit-input-placeholder {color:rgba(66, 70, 79, .8);}:-ms-input-placeholder {color:rgba(66, 70, 79, .8);}fieldset {border: 0;padding: 0;}legend {padding: 0;border: 0;}textarea {overflow: auto;}optgroup {font-weight: 600;}table {border-spacing: 0;border-collapse: collapse;empty-cells: show;}select{-webkit-appearance: none;-moz-appearance: none;appearance: auto;}
/*-----------------------------------------------------------------------------------
TYPO
-----------------------------------------------------------------------------------*/
body, input, .cta-blue, .cta-btn, .cta-gold, .pt-cv-wrapper .btn,.dropdown.pt-cv-filter-bar ul li a {
     font-size: 16px;
    font-size: 1.2vw;
    line-height: 1.5;
}

h1 {
    font-size: 38px;
     font-size: 3vw; 
	line-height:1.1;
	
}
.wie-page h2, h1.headline {
    font-size: 38px;
     font-size: 3vw; 
	line-height:1.1;
	
}


h2, .description, .teaserrow p, .fields p, .fields a:after {
  font-size: 26px;
  font-size: 1.70vw;
  line-height: 1.3;
	font-weight: 600;
	
}


.small {
	font-size:16px;
	font-size:1.2vw;
}
.redcard a {
	font-size:16px;
    font-size: 1.2vw;
}
h3 {
  font-size: 18px;
  font-size: 1.5vw;
}
h4{
 font-size: 18px;
  font-size: 1.4vw;
	line-height:1.2;
	margin:0.6vw 0 1vw 0;

}

h4.pt-cv-title{
 font-size: 18px;
  font-size: 1vw;
	line-height:1.2;
}
h5 {
 font-size: 16px;
  font-size: 1.2vw;
	line-height:1.2;
}
.main-navigation li a {
	 font-size: 24px;
    font-size: 1.5vw;
	 line-height: 1.2;

}
.top-navigation li a {
	font-size: 14px;

}




/*-----------------------------------------------------------------------------------
BASICS
-----------------------------------------------------------------------------------*/

::-webkit-scrollbar, ::scrollbar {
  width: 0px!important;
  background-color: #fcfcfc;
}

::-webkit-scrollbar-thumb, ::scrollbar-thumb {
  background-color: #0A2F53;
  border-radius: 0;
}

::-webkit-scrollbar-thumb:hover, ::-webkit-scrollbar-thumb:active {
  background-color: #18427B;
}

html {
  -webkit-text-size-adjust: 100%; /* 2 */
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.4;
}
.screen-reader-text {
  display: none;
}
* {
  margin: 0;
  padding: 0;
	box-sizing: border-box;
}
b, strong {
  font-weight: bold;
}
body, button, input, select, optgroup, textarea , a, section, div{
scroll-behavior: smooth;
  
}
select {
  height: 40px;
  color: #000;
  display: inline-block !important;
  width: 46% !important;
  border-radius: 0 !important;
}
html, body {
    width: 100%;
    float: left;
   scrollbar-width: none;
}
body {
	font-family: 'Cabin Condensed', sans-serif;
	color:#18427B;
  font-weight: 400;
	background:#F4F4F4;
}
a {    
 color:#18427B;
	text-decoration:none;
	position:relative;
}
p a:after {    
  background: none repeat scroll 0 0 transparent;
  bottom: -2px;
  content: "";
  display: block;
  height: 3px;
  left: 50%;
  position: absolute;
  background: #E6A914;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;
}
.flex-layout p a:after {    
  background: none repeat scroll 0 0 transparent;
  bottom: -2px;
  content: "";
  display: block;
  height: 3px;
  left: 0%;
  position: absolute;
  background: #E6A914;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 100%;
}
.flex-layout p a:hover {    
 color: #E6A914;
  transition: all 0.3s ease-in;
 
}
.flex-layout ul {
    margin: 20px 0!important;
}
.flex-layout ul li {
    margin-left:20px;
}
 .site-footer-first .widget a:after {    
  left: 0%;
  width: 0;
}
 .site-footer-first .widget a:hover:after {    
  left: 0%;
  width: 0;
}
 .site-footer-second .foo .widget a:after {    
 
  bottom: -2px;
  content: "";
  display: block;
  height: 3px;
  left: 0%;
  position: absolute;
  background: #E6A914;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 100%;
}

.site-footer-second .foo .widget a:hover:after { 
  background: #FF6646;
	 transition: all 0.3s ease-in;
}
.site-footer-second .foo .widget a:hover { 
  color: #E6A914;
	 transition: all 0.3s ease-in;
}


p a:hover:after, .widget a:hover:after { 
  width: 100%; 
  left: 0; 
}
.redcard a:after {    
  background: none repeat scroll 0 0 transparent;
  bottom: -2px;
  content: "";
  display: block;
  height: 3px;
  left: 0;
  position: absolute;
  background: #18427B;
  transition: all 0.3s ease-in-out;
  width: 100%;
}
.redcard a:hover:after {    
  background: none repeat scroll 0 0 transparent;
  bottom: -2px;
  content: "";
  display: block;
  height: 3px;
  left: 0;
  position: absolute;
  background: #fff;
  transition: all 0.3s ease-in-out;
  width: 100%;
}
span {
    display: inline-block;
}
h1 {
display: block;
 
  font-weight: 400;
 margin: 0 0 1.2rem 0!important;
  position: relative;
  
}
h2 {
    margin: 1rem 0 1rem 0;
}

h3 {
margin: 0.5rem 0 0.5rem 0;
	line-height:1.2;
}

h2, h3, h4, h5, h6 {
 _font-weight: 400;
	display:block;
 
}
nav ul, nav li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.entry-content a {
	
	text-decoration:none;
}
.entry-content p, .entry-content-flex p {
    margin-bottom: 0.85rem;
	
}

.entry-content img {
    height: auto;
    width: 100%;
    max-width: 100%;
}




.cta-btn {
    line-height: 3;
   padding: 10px 25px;
	font-weight:bold;
}

.download-btn {
    color: #fff!important;
    background: url(images/pdf-download.svg);
    padding: 10px 45px;
    background-repeat: no-repeat;
    background-position: center left;
    background-size: cover;
    transition: all ease-in 0.3s;
    margin: 1vw 0;
    display: inline-flex;
    line-height: 1;
}
.download-btn:hover {
   color:#fff!important;
    background: url(images/pdf-download-hover.svg);
    background-size: cover;
    padding: 10px 35px;
	transition: all ease-in 0.3s;
}
.download-btn:after, .download-btn:hover:after, .cta-blue:after, .cta-blue:hover:after {
    content:'';
	width:0!important;
	height:0!important;
	
}
	
.cta-blue {
    line-height: 3;
   padding: 0 25px;
	text-transform:uppercase;
	background:#18427B;
	color:#fff;
	font-weight:bold;
	margin: 2vw 0;
	transition: all ease-in 0.3s;
	display:inline-flex;
}


.cta-blue:hover {

	background:#CD9318;
	color:#fff!important;
	transition: all ease-in 0.3s;
}
/*-----------------------------------------------------------------------------------
COLORS
-----------------------------------------------------------------------------------*/

.brightbluecard {
	background:#18427B;
	color:#F9F8F6;
	width: 100%;
    float: left;
}
.middlebluecard {
	background:#143762;
	color:#F9F8F6;
	width: 100%;
    float: left;
}
.middlebluecard a {
	color:#F9F8F6;
}

.darkbluecard1 {
	background:#0E2B4B;
	color:#F9F8F6;
	width: 100%;
    float: left;
}

.darkbluecard1 a {
	color:#F9F8F6;
}
.darkbluecard2 {
	background:#071E34;
	color:#F9F8F6;
	width: 100%;
    float: left;
}
.darkbluecard2 a {
	color:#F9F8F6;
}
.redcard {
	background:#FF6646;
	color:#18427B;
	width: 100%;
    float: left;
}
.whitecard {
	background:#fff;
	color:#18427B;
	width: 100%;
    float: left;
}
/*-----------------------------------------------------------------------------------
MENUE
-----------------------------------------------------------------------------------*/
.main-navigation {
    width: 70vw;
    float: left;
}

.main-navigation ul {
    display: flex;
    justify-content: space-evenly;
	padding-top:3vw;
	padding-bottom:1vw;
}

.main-navigation ul li{
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: center;
	
	
}
.main-navigation ul li a{ 
   color:#18427B;
	text-decoration:none;
	font-weight:800;
	text-transform:uppercase;
	transition: all ease-in-out 0.3s;
	padding-top: 9px;
}

.main-navigation ul li.current-menu-item a, .mPS2id-highlight{ 
   color:#CD9318!important;
}


.main-navigation ul li a:hover, .main-navigation ul li.current-menu-item a{
    color:#CD9318;
	transition: all ease-in-out 0.3s;
}

.main-navigation ul li a:before {    

  top: 0;
  content: "";
  display: block;
  height: 5px;
  left: 0;
  position: absolute;
  background: #18427B;
  transition: all ease-in-out 0.3s;
  width: 70%;
}
.main-navigation ul li a:hover:before, .main-navigation ul li.current-menu-item a:before {    

  top: 0;
  content: "";
  display: block;
  height: 5px;
  left: 0;
  position: absolute;
  background: #CD9318;
  transition: all ease-in-out 0.3s;
  width: 70%;
}
/*--------------------------------------------------------------
# top NAVIGATION
--------------------------------------------------------------*/
.top-menu-container {
	width: auto;
max-width: 200px;
float: right;
position: absolute;
top: 0;
right: 10px;
}
.top-navigation {
	width:auto;
	max-width:200px;
	float:right;
	position:relative;
	z-index:3;
	  -webkit-transition: all 1.2s ease;
  -moz-transition:    all 1.2s ease;
  -ms-transition:     all 1.2s ease;
  -o-transition:      all 1.2s ease;
	transition: all 1.2s ease;
}
 
nav#top3-navigation {
    right: 10px;
    position: absolute;
    top: 100px;
}

.top-navigation ul {
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
	    display: flex;

}
.top-navigation li{
	list-style:none;
	padding:0;
	margin:0;
	width:auto;
	float:left;
	display: inline-block;
	text-align:center;
}
.top-navigation li a{
	
}
.top-navigation li.facebook, .top-navigation li.tel, .top-navigation li.mail, .top-navigation li.twitter{
	height: 40px;
    width: 40px;
}
.top-navigation li.astm-search-menu a {
    width: 40px;
	height: 40px;
    text-transform: uppercase;
    background: #DDDDDD!important;
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
}
.top-navigation li.leichte-sprache a{
	width: 120px;
	height: 40px;
	 display: flex;
    align-items: center;
    justify-content: center;
	background:	#18427B;
	color:#fff;
	transition: all 0.5s ease;
}
.top-navigation li.leichte-sprache a:hover{
	background:	#061E35;
	transition: all 0.5s ease;
}
.top-navigation li.lang-item a{
	width: 40px;
	height: 40px;
	 display: flex;
    align-items: center;
    justify-content: center;
	background:	#061E35;
	color:#fff;
	transition: all 0.5s ease;
	
	text-transform:uppercase;
}
.top-navigation li.lang-item a:hover{
	background:	#01060B;
	transition: all 0.5s ease;
}
 li.facebook a{
	height:40px;
    width: 40px;
    display: block;
    background-image: url(images/mbr-facebook.svg);
    color: rgba(255,255,255,0);
    background-repeat: no-repeat;
   
    padding: 0;
    background-position: center center;
  -webkit-transition: all 0.5s ease;
  -moz-transition:    all 0.5s ease;
  -ms-transition:     all 0.5s ease;
  -o-transition:      all 0.5s ease;
	transition: all 0.5s ease;
}
 li.facebook a:hover{
    background-image: url(images/mbr-facebook_hover.svg);
    -webkit-transition: all 0.5s ease;
  -moz-transition:    all 0.5s ease;
  -ms-transition:     all 0.5s ease;
  -o-transition:      all 0.5s ease;
	transition: all 0.5s ease;
}

 li.twitter a{
	height:40px;
    width: 40px;
    display: block;
    background-image: url(images/mbr-twitter.svg);
    color: rgba(255,255,255,0);
    background-repeat: no-repeat;
    
    padding: 0;
    background-position: center center;
  -webkit-transition: all 0.5s ease;
  -moz-transition:    all 0.5s ease;
  -ms-transition:     all 0.5s ease;
  -o-transition:      all 0.5s ease;
	transition: all 0.5s ease;
}
 li.twitter a:hover{
    background-image: url(images/mbr-twitter_hover.svg);
    -webkit-transition: all 0.5s ease;
  -moz-transition:    all 0.5s ease;
  -ms-transition:     all 0.5s ease;
  -o-transition:      all 0.5s ease;
	transition: all 0.5s ease;
}

 li.tel a{
	height:40px;
    width: 40px;
    display: block;
    background-image: url(images/mbr-phone.svg);
    color: rgba(255,255,255,0);
    background-repeat: no-repeat;
 
    padding: 0;
    background-position: center center;
  -webkit-transition: all 0.5s ease;
  -moz-transition:    all 0.5s ease;
  -ms-transition:     all 0.5s ease;
  -o-transition:      all 0.5s ease;
	transition: all 0.5s ease;
}
li.tel a:hover{
    background-image: url(images/mbr-phone_hover.svg);
    -webkit-transition: all 0.5s ease;
  -moz-transition:    all 0.5s ease;
  -ms-transition:     all 0.5s ease;
  -o-transition:      all 0.5s ease;
	transition: all 0.5s ease;
}
li.mail a{
	height:40px;
    width: 40px;
    display: block;
    background-image: url(images/mbr-mail.svg);
    color: rgba(255,255,255,0);
    background-repeat: no-repeat;
 
    padding: 0;
    background-position: center center;
  -webkit-transition: all 0.5s ease;
  -moz-transition:    all 0.5s ease;
  -ms-transition:     all 0.5s ease;
  -o-transition:      all 0.5s ease;
	transition: all 0.5s ease;
}
li.mail a:hover{
    background-image: url(images/mbr-mail_hover.svg);
    -webkit-transition: all 0.5s ease;
  -moz-transition:    all 0.5s ease;
  -ms-transition:     all 0.5s ease;
  -o-transition:      all 0.5s ease;
	transition: all 0.5s ease;
}

/*.top-navigation li.vdk a{
	height:40px;
    width: 80px;
    display: block;
    background-image: url(images/vdk.svg);
    color: rgba(255,255,255,0);
    background-repeat: no-repeat;
 
    padding: 0;
    background-position: center center;
  -webkit-transition: all 0.5s ease;
  -moz-transition:    all 0.5s ease;
  -ms-transition:     all 0.5s ease;
  -o-transition:      all 0.5s ease;
	transition: all 0.5s ease;
}
.top-navigation li.vdk a:hover{
	transform:scale(1.1);
	transition: all 0.5s ease;
}
.top-navigation li.bgn a{
	height:40px;
    width: 80px;
    display: block;
    background-image: url(images/berlin-gegen-nazis.svg);
    color: rgba(255,255,255,0);
    background-repeat: no-repeat;
 
    padding: 0;
    background-position: center center;
  -webkit-transition: all 0.5s ease;
  -moz-transition:    all 0.5s ease;
  -ms-transition:     all 0.5s ease;
  -o-transition:      all 0.5s ease;
	transition: all 0.5s ease;
}
.top-navigation li.bgn a:hover{
	transform:scale(1.1);
	transition: all 0.5s ease;
}
.top-navigation li.rias a{
	height:40px;
    width: 40px;
    display: block;
    background-image: url(images/rias.svg);
    color: rgba(255,255,255,0);
    background-repeat: no-repeat;
 
    padding: 0;
    background-position: center center;
  -webkit-transition: all 0.5s ease;
  -moz-transition:    all 0.5s ease;
  -ms-transition:     all 0.5s ease;
  -o-transition:      all 0.5s ease;
	transition: all 0.5s ease;
}
.top-navigation li.rias a:hover{
	transform:scale(1.1);
	transition: all 0.5s ease;
}*/

.partnerfield {
	min-width: 20%;
    max-width: 500px!important;
    overflow: hidden;
    position: fixed;
    bottom: 0;
    right: 10px;
    background: #fff;
    padding: 1rem 2rem;
    z-index: 9999;
    transition: all 0.5s ease;
    width: auto;
	_box-shadow:-3px -3px 15px rgba(0,0,0,0.15);
}

.site-header-sticky .partnerfield {
	opacity: 0;
	right:-100%;
}
ul#menu-partner {
    display: flex;
}
ul#menu-partner li{
    width:25%;
	padding:2%;
}
ul#menu-partner li a{
    width:100%;
	height:auto;
	background-size: 100%;
}
ul#menu-partner li.vdk a{
    display: block;
    background-image: url(images/vdk.svg);
    color: rgba(255,255,255,0);
    background-repeat: no-repeat;
 
    padding: 0;
    background-position: center center;
  -webkit-transition: all 0.5s ease;
  -moz-transition:    all 0.5s ease;
  -ms-transition:     all 0.5s ease;
  -o-transition:      all 0.5s ease;
	transition: all 0.5s ease;
}
ul#menu-partner li.vdk a:hover{
	transform:scale(1.1);
	transition: all 0.5s ease;
}
ul#menu-partner li.bgn a{
    display: block;
    background-image: url(images/berlin-gegen-nazis.svg);
    color: rgba(255,255,255,0);
    background-repeat: no-repeat;
 
    padding: 0;
    background-position: center center;
  -webkit-transition: all 0.5s ease;
  -moz-transition:    all 0.5s ease;
  -ms-transition:     all 0.5s ease;
  -o-transition:      all 0.5s ease;
	transition: all 0.5s ease;
}
ul#menu-partner li.bgn a:hover{
	transform:scale(1.1);
	transition: all 0.5s ease;
}
ul#menu-partner li.rias a{
    display: block;
    background-image: url(images/rias.svg);
    color: rgba(255,255,255,0);
    background-repeat: no-repeat;
 
    padding: 0;
    background-position: center center;
  -webkit-transition: all 0.5s ease;
  -moz-transition:    all 0.5s ease;
  -ms-transition:     all 0.5s ease;
  -o-transition:      all 0.5s ease;
	transition: all 0.5s ease;
}
ul#menu-partner li.rias a:hover{
	transform:scale(1.1);
	transition: all 0.5s ease;
}

ul#menu-partner li.regishut a{
    display: block;
    background-image: url(images/regishut.svg);
    color: rgba(255,255,255,0);
    background-repeat: no-repeat;
 	margin-left: 10px;
    padding: 0;
    background-position: center center;
  -webkit-transition: all 0.5s ease;
  -moz-transition:    all 0.5s ease;
  -ms-transition:     all 0.5s ease;
  -o-transition:      all 0.5s ease;
	transition: all 1.5s ease;
}
ul#menu-partner li.regishut a:hover{
	transform:scale(1.1);
	transition: all 1.5s ease;
}
/*--------------------------------------------------------------
# SEARCH
--------------------------------------------------------------*/
 .is-menu.is-dropdown form {
    display: none;
    min-width: 310px;
    max-width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9;
}
/*--------------------------------------------------------------
# MOBILE NAV
--------------------------------------------------------------*/
ul#responsive-menu-pro {
    _min-height: 100vh;
}

div#responsive-menu-pro-wrapper {
    border: 10px solid #fff;
    _height: 100vh;
    max-height: 100vh;
    overflow: hidden;
}

div#responsive-menu-pro-additional-content {
    padding: 0!important;
    bottom: 0;
	position: fixed;
	left:10px;
	right:10px;
	width:auto;
	
}

.addi ul {
	display:inline-block;
	justify-content: center;
	width:100%;
}
.addi ul li {
    list-style: none;
    display: inline-block;
    float: left;
    width: 25%;
    overflow: hidden;
}
.addi ul li a{
	height:auto;
    width: 100%;
    display: block;
	list-style:none;
	  color: rgba(255,255,255,0);
    background-repeat: no-repeat;
	background-size:cover;
	min-width:75px;
	min-height:37.5px;
    padding: 0;
    background-position: center center;
  -webkit-transition: all 0.5s ease;
  -moz-transition:    all 0.5s ease;
  -ms-transition:     all 0.5s ease;
  -o-transition:      all 0.5s ease;
	transition: all 0.5s ease;
}

.addi ul li.tel a{
    background-image: url(images/tel.svg);
  
}
.addi ul li.mail a{
    background-image: url(images/mail.svg);
  
}
.addi ul li.facebook a{
    background-image: url(images/facebook.svg);
  	background-size:cover!important;
}
.addi ul li.twitter a{
    background-image: url(images/twitter.svg);
  
}
ul#responsive-menu-pro {
   height: 100vh!important;
	_display: flex;
    flex-direction: column;
    justify-content: space-evenly;
	padding-top:4vw;
	padding-bottom: 60px;
}
#responsive-menu-pro-container li.responsive-menu-pro-item {
    width: 100%;
    list-style: none;
    line-height: 9vh!important;
	display:block;
	
}
#responsive-menu-pro-container li.responsive-menu-pro-item a {
	position:relative;
	display:inline-flex!important;
	width:auto!important;
	line-height:1.5!important;
	text-transform: uppercase;
	font-weight:bold;
	padding-top:4px!important;
}
#responsive-menu-pro-container li.responsive-menu-pro-item a:before {    
    top: 0;
    content: "";
    display: block;
    height: 4px;
    _left: 0;
    position: absolute;
    background: #fff;
    transition: all ease-in-out 0.3s;
    width: 60px;
}

#responsive-menu-pro-container #responsive-menu-pro li.responsive-menu-pro-item.responsive-menu-pro-current-item > .responsive-menu-pro-item-link:before {    
    background: rgba(205, 147, 24, 1);
}



span.responsive-menu-pro-inner {
       max-width: 80%;
    float: right;
    margin-left: 20%;
    padding-left: 20%;
    transform: rotate(180deg);
	border-radius:0!important;
}
.responsive-menu-pro-inner::before, .responsive-menu-pro-inner::after {
    content: "";
    margin-left: -10px;
	border-radius:0!important;
}
.responsive-menu-pro-boring.is-active .responsive-menu-pro-inner::after {
    padding-left:0!important;
	margin-left:0!important;
}
.responsive-menu-pro-boring.is-active .responsive-menu-pro-inner {
    margin-left: 0!important;
    padding-left: 0!important;
	   max-width: 100%!important;
    padding-right: 0!important;
}
.is-active {
    margin-right: 5px!important;
}
@media screen and (max-width:450px) {


.partnerfield {
	min-width: 80%;
    padding: 0.6rem 1rem;
	right:auto;
	left:10px;
}




	}
@media screen and (max-width:320px) {
ul#responsive-menu-pro {
   height: 100vh!important;
	padding-bottom:0!important;
}
ul#responsive-menu-pro {
	padding-top:20px!important;
	padding-bottom: 0px!important;
}
ul#responsive-menu-pro a {
	font-size:14px!important;
}
ul#responsive-menu-pro a:before {    
    height: 3px;
}
	}

/*--------------------------------------------------------------
# MBR-NAVIGATION
--------------------------------------------------------------*/

.mbr-navigation {
    position: fixed;
    top: 0;
	margin-top:10vw;
	width:100%;
    left: 0;
    _z-index: 2;
	background: #F9F8F6;
	
}

.site-header-sticky .mbr-navigation {
    margin-top: 8vw;
	transition: all 0.5s ease;
}

.mbr-navigation ul {
    width: 100%;
    float: left;
    display: flex;
    _justify-content: space-evenly;
    padding: 0 3vw 0 3vw;
    
}
.mbr-navigation ul li{
   margin-right:10px;
}
.mbr-navigation ul li a {
    line-height: 3.5;
   padding: 10px 25px;
	text-transform:uppercase;
	background:#18427B;
	color:#fff;
	font-weight:bold;
	margin: 2vw 0;
	
}

.mbr-navigation ul li a:hover, .mbr-navigation .mPS2id-highlight {

	background:#CD9318;
	color:#fff!important;
	transition: all ease-in 0.3s;
}
/*-----------------------------------------------------------------------------------
COLUMNS
-----------------------------------------------------------------------------------*/
.box {
	flex-direction:column;
}

.col-25 {
    flex-basis: 25%;
    flex-wrap: wrap;
    float: left;
    display: flex;
}

/*.four-cols .col-25 {
    padding-right: 2vw;
}*/
.col-30 {
	width:30%;
	float:left;
	display: flex;
	flex-wrap:wrap;
}
.col-33 {
	width:33.33%;
	float:left;
	display: flex;
	flex-wrap:wrap;
	align-content: flex-start;
}
.col-33.image {
	line-height:1;
}
.image img {
    height: auto;
    min-height: 100%;
    max-height: 200%;
}
.col-40 {
	width:40%;
	float:left;
	display: flex;
	flex-wrap:wrap;
}

.col-60 {
	width:60%;
	float:left;
	display: flex;
	flex-wrap:wrap;
}
.col-50 {
	width:50%;
	float:left;
	flex-wrap:wrap;
}
.col-66 {
	width:66.666%;
	flex-direction:column;
	float:left;
	display: flex;
	flex-wrap:wrap;
}
.col-70 {
	width:70%;
	float:left;
	flex-wrap:wrap;
	background:#fff;
}
.col-66 div {
    height: 0;
    padding: 10% 2vw 56% 2vw;
}
.fields  .col-25 div {
    height: 0;
    padding: 10% 2vw 70% 2vw;
	transition: all ease-in-out 0.3s;
}
.fields  a{
    display: flex;
    width: 50%;
    flex-direction: column;
}
.fields  .col-25 div a{
    display: inline!important;
   
}
.fields a:after{
    background-repeat: no-repeat!important;
    background-size: 40%!important;
    background-position: center!important;
    background: url(images/plus.svg);
    content: '';
    position: absolute;
    color: #fff!important;
    z-index: 999;
    width: 30px;
    height: 30px;
	right:3px;
	bottom:0;
}

.fields a:hover:after {
   transform:rotate(270deg);
	transition:all 0.3s ease-in;
}
.pt-cv-wrapper .pt-cv-more {
    border: none!important;
    max-width: 100%;
    z-index: 10;
    padding: 10px 25px;
    border-radius: 0!important;
	font-weight:bold!important;
	text-transform:uppercase;
}
.fields   a:hover div div{
   background: #CD9318;
	transition: all ease-in-out 0.3s;
}

.col-100 {
    display: flex;
    width: 100%;
    float: left;
}
.col-100.cta {
   text-align:center;
	    justify-content: center;
    padding: 2vw 0 4vw 0;
}
.teaserrow {
	width:100%;
	float:left;
	display: flex;
	flex-wrap:wrap;
	
}
.teaserrow .col-50{
	display: flex;
	
}
.teaserrow:nth-of-type(odd) .col-50{
	flex-direction:row-reverse;
}

.teaserrow .col-50 .box {
    border: 5px solid #fff;
	border-bottom:0px;
	border-top: 10px solid #fff;
}

.teaserrow .col-50 .box {
    border: 5px solid #fff;
    border-bottom: 0px;
    border-top: 10px solid #fff;
}

.fields .col-25 .box {
    border: 5px solid #fff;
    border-bottom: 0px;
    border-top: 10px solid #fff;
}

.page-template-page-wen #section-3 {
	border-bottom:10px solid #fff;
}
.fields .col-25 {
    border: 5px solid #fff;
    border-bottom: 0px;
    border-top: 10px solid #fff;
}
/*-----------------------------------------------------------------------------
ACCORDION
------------------------------------------------------------------------------*/
.accordion {
		padding:0 3vw;
}


.accordion-container {
		position: relative;
		width: 100%;
		_padding:0 29px;
		outline: 0;
		cursor: pointer
}

.accordion-container .article-title {
		    display: block;
    position: relative;
    margin: 0;
    padding: 1.5vw 3vw;
    background: #18427B;
	color:#fff;
      transition: all ease-in 0.5s;
    -webkit-transition: all ease-in 0.5s;
    -moz-transition: all ease-in 0.5s;
    cursor: pointer;
   
  
   
}
.accordion-container .accordion-content {
    background: #18427B;
	color:#fff;

}
.accordion-container .accordion-content a {
	color:#fff;
	text-decoration:underline;

}
.accordion-container article:nth-of-type(even) .article-title, .accordion-container article:nth-of-type(even) .accordion-content {
    background: #fff;
	color:#18427B;
}
 .accordion-container article:nth-of-type(even) .accordion-content a{
  
	color:#18427B;
}
.accordion-container .article-title:after {
   content: '+';
    position: absolute;
    right: 1vw;
    top: 1.2vw;
    width: 2.3vw;
    height: 2.3vw;
    display: flex;
    justify-content: center;
    align-items: center;

   
}


.accordion-container .article-title:hover {
    color: #CD9318;
    transition: all ease-in 0.5s;
    -webkit-transition: all ease-in 0.5s;
    -moz-transition: all ease-in 0.5s;
  
   
}
.content-inner {
    padding: 1.5vw 3vw;
}

.accordion-container .article-title:hover,
.accordion-container .article-title:active,
.accordion-container .content-entry.open .article-title {
		_background-color: #00aaa7;
		_color: white;
}

.accordion-container .article-title:hover i:after,
.accordion-container .article-title:hover i:active,
.accordion-container .content-entry.open i {
		_color: white;
}

.accordion-container .content-entry i {
		    position: absolute;
    top: 0;
    margin-top: 18px;
    /* left: 12px; */
    right: 30px;
    font-style: normal;
}
.accordion-container .content-entry  {
	

    transition: all ease-in 0.5s;
    -webkit-transition: all ease-in 0.5s;
    -moz-transition: all ease-in 0.5s;
	  margin-bottom: 30px;
}

.accordion-container .content-entry i:after {
		content: "+ ";
}

.accordion-container .content-entry.open i:after {
		content: "- ";
}
.accordion-content {
		display: none;
		_padding-right: 2.3125em;
}


.accordion-content li  {
	list-style-type: decimal;
    color: #f00;
}
.accordion-content ol>li>span {
    color: #000!important;
}

/*-----------------------------------------------------------------------------
FRONT
------------------------------------------------------------------------------*/



.frame1 {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100vw;
  height: 10px;
  background: #fff;
  _box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
}
.frame2 {
 position: fixed;
  z-index: 99;
  top: 0;
  bottom: 0;
  right: 0;
  width: 10px;
  height: 100vh;
  background: #fff;
  _box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
}
.frame3 {
  position: fixed;
  z-index: 299;
  bottom: 0;
  left: 0;
  width: 100vw;
  height: 10px;
  background: #fff;
  _box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
}
.frame4 {
  position: fixed;
  z-index: 99;
  top: 0;
  bottom: 0;
  left: 0;
  width: 10px;
  height: 100vh;
  background: #fff;
  _box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
}
.entry-header-front {
    float: left;
    height: 100vh;
    width: 100%;
    overflow: hidden;
    position: relative;
    top: 0;
}
/*-----------------------------------------------------------------------------
HEADER
------------------------------------------------------------------------------*/
.site-header {
	position:fixed;
	top:0;
	left:0;
	background:#fff;
	width:100%;
	 height: auto;
	min-height: 11vw;
	z-index: 999;
	padding-right: 10px;
	transition: all ease-in-out 0.3s;
}
.site-branding {
    width: 15vw;
	min-width:140px;
	overflow:hidden;
    padding: 2vw 0 10px 3vw;
	float:left;
	transition: all ease-in-out 0.3s;
}
.site-branding img{
    width:100%;
	transition: all ease-in-out 0.5s;
}
.site-branding a:hover img{
    transform:scale(1.025);
	transition: all ease-in-out 0.5s;
}
.site-header-sticky {
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    width: 100%;
    _height: 10vw;
    z-index: 9999;
	padding-right: 10px;
	transition: all ease-in-out 0.3s;
}

.site-header-sticky .top3 {
    display: none;
	transition: all ease-in-out 0.3s;
}
.site-header-sticky .site-branding {
    width: 15vw;
	min-width:140px;
        padding: 1vw 3vw;
	float:left;
	transition: all ease-in-out 0.3s;
}

.stoerer {
	position:fixed;
	right: 10px;
	top:22%;
	z-index:1001;
}
.stoerer ul li {
	list-style:none;
	padding:0;
	margin:0;
	width: 40px;
    height: 169px;
    display: block;
}
.stoerer #nav_menu-3 ul li.spenden a{
	background:url(images/jetzt-unterstuetzen.svg);
	background-size:cover;
	color:rgba(0,0,0,0);
	display:inline-block;
	width: 40px;
    height: 169px;
	transition: all ease-in-out 0.3s;
	

}

.stoerer #nav_menu-6 ul li.spenden a{
	background:url(images/support-now.svg);
	background-size:cover;
	color:rgba(0,0,0,0);
	display:inline-block;
	width: 40px;
    height: 169px;
	transition: all ease-in-out 0.3s;
	

}

/*.stoerer ul li.spenden a:after {
 content: '';
    position: absolute;
    background: rgba(0,0,0,0.2);
    top: 8px;
    right: 1px;
    width: 95%;
    height: 100%;
    z-index: -1;
    transform: translateZ(-100px) translateX(-10%);
    filter: blur(6px);

}*/
.stoerer ul li.spenden a:hover{
	background:url(images/jetzt-spenden-hover.svg);
	background-size:cover;
	color:rgba(0,0,0,0);
	width: 40px;
    height: 169px;
	transform:scale(1.1);
	transition: all ease-in-out 0.3s;
}

/*-----------------------------------------------------------------------------
CONTENT
------------------------------------------------------------------------------*/
.site {
    overflow-x: auto;
}

.site-main {
    
    width: 100%;
    float: left;
}

.page-template-page-wen .site-main,.page-template-page-wie .site-main, .page-template-page-uebersicht  .site-main, .search .site-main{
	margin-top:10vw;
}
.entry-content {
	width: 100%;
    float: left;
	margin-top: -1px;
}

.home .entry-content {
	margin-top:80vh;
	width: 100%;
    float: left;
}
section {
	width:100%;
	float:left;
	position:relative;
	background:#F4F4F4;
	padding: 0 10px 0 10px;
}
.search .cvp-replayout {
  width:100%;
	float:left;
	position:relative;
	background:#F4F4F4;
	padding: 0 0 0 10px;
}

section.sticky {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
	background:none;
	padding: 0;
}
section.sticky img{
   height:auto;
	width:auto;
	min-width:100%;
	max-width:300%;
}
section.front {
    position: absolute;
    _top: 0;
    right: 0;
    bottom: 0;
    left: 0;
	background:none;
	padding: 0;
}
section.front img{
   height:auto;
	width:auto;
	min-width:100%;
	max-width:300%;
}



.description {
    font-weight: bold;
    padding: 4vw 3vw 4vw 3vw;
    max-width: 66%;
}
.home #section-2.description {
    font-weight: bold;
	padding:7vw 14vw;
	max-width:100%;
}
.home #section-6 .box {
    display: flex;
    border-bottom: 10px solid #fff;
}
.redcard a {
    color: #fff;
    font-weight: bold;
    display: inline!important;
}
.redcard a:after {
   content:''!important;
}
.redcard a:hover {
    color: #18427B;
}

/*-----------------------------------------------------------------------------
NEWS / PUB
------------------------------------------------------------------------------*/

.pt-cv-colsys {
    margin-left: 0!important;
    margin-right: 0!important;
}
.pt-cv-view .pt-cv-ifield {
    margin-bottom: 0!important;
    background: #FFFFFF;
}
 .pt-cv-title, .pt-cv-content {

    padding: 0 1.2rem!important;
}

.pt-cv-title, .pt-cv-pinterest .pt-cv-title {
    margin-bottom: 1rem!important;
}
.pt-cv-meta-fields {
    padding: 1.5rem 1.2rem!important;
}
.pt-cv-content {
	padding-bottom:3vw!important;
	    position: relative;
}
.pt-cv-view .pt-cv-content {
    margin-bottom: 0!important;
}
.pt-cv-wrapper .btn .caret {
    margin-left: 10px;
}
.pt-cv-view .pt-cv-readmore {
	position: absolute;
    text-transform: none;
    right: 0;
    bottom: 0;
    padding: 0;
    width: 30px;
    height: 30px;
    margin: 0!important;
    display: flex;
    justify-content: center;
    align-content: center;
    line-height: 1.5!important;
	color:rgba(0,0,0,0)!important;
}

.pt-cv-view .pt-cv-readmore:after {
    background-repeat: no-repeat!important;
    background-size: 40%!important;
    background-position: center!important;
    background: url(images/plus.svg);
    content: '';
    position: absolute;
    color: #fff!important;
    z-index: 999;
    width: 30px;
    height: 30px;
}
.pt-cv-view .pt-cv-readmore:hover:after {
   transform:rotate(270deg);
	transition:all 0.3s ease-in;
}
.pt-cv-wrapper .pt-cv-more {
    border: none!important;
    max-width: 100%;
    z-index: 10;
    padding: 10px 25px;
    border-radius: 0!important;
	font-weight:bold!important;
	text-transform:uppercase;
}


.pt-cv-colsys .pt-cv-content-item {
    flex: none;
    max-width: initial;
    min-height: 1px;
    padding-left: 1vw;
    padding-right: 1vw;
	padding-bottom: 2vw!important;
}
header.news-front {
    display: flex;
    padding: 10vw 3vw 10vw 3vw;
	 position: relative;
	left:0;
	right:0;
}
header.bbsp-front {
    display: flex;
    padding: 10vw 3vw 10vw 3vw;
	    position: relative;
	left:0;
	right:0;
}
header.pub-front {
    display: flex;
    padding: 10vw 3vw 10vw 3vw;
	    position: relative;
	left:0;
	right:0;
}
section.wie-page {
    padding:0!important;
	overflow:hidden;
	left:0;
	right:0;
}
/*section#section-0 div {
    display: flex;
	margin-top:6vw;
    padding: 10vw 3vw 12vw 3vw;
}*/

section.wie-page div {
    display: flex;
	margin-top:6vw;
    padding: 10vw 3vw 10vw 3vw;
	left:0;
	right:0;
}

section.wie-page div:after, .bbsp-front:after, header.pub-front:after, header.news-front:after {
content: '';
width: 100.2vw;
background: url(images/header-pfeil.svg);
background-size: 100%;
background-repeat: no-repeat;
position: absolute;
bottom: 0;
left: -10px;
height: 2.36vw;
right: -10px;
}

.pt-cv-wrapper .h1, .pt-cv-wrapper .h2, .pt-cv-wrapper .h3, .pt-cv-wrapper .h4, .pt-cv-wrapper .h5, .pt-cv-wrapper .h6, .pt-cv-wrapper h1, .pt-cv-wrapper h2, .pt-cv-wrapper h3, .pt-cv-wrapper h4, .pt-cv-wrapper h5, .pt-cv-wrapper h6 {
	line-height:1.3!important;
}

header.news-front h1, header.pub-front h1 , header.bbsp-front h1, .wie-page h2{
    color:#fff;
	line-height:1.1;
	padding-top:1.5rem;
	text-transform: uppercase;
	font-weight:bold;
	position:relative;
}
header.news-front h1:before, header.pub-front h1:before, .wie-page h2:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width: 9vw;
    _min-width: 110px;
	max-width: 110px;
	height:6px;
    background:#CD9318;
	
}
header.bbsp-front h1:before {
	content:'';
	position:absolute;
	top:0;
	left:0;
	width: 9vw;
    min-width: 110px;
	height:6px;
    background:#18427B;
	
}
header.service-page{
    display: flex;
    padding: 10vw 3vw 10vw 3vw;
	position:relative;
	left:0;
	right:0;
}

header.service-page:after {
content: '';
width: 100.1vw;
background: url(images/header-pfeil.svg);
background-size: 100%;
background-repeat: no-repeat;
position: absolute;
bottom: 0;
left: -10px;
height: 2.36vw;
right: -10px;
}


header.service-page h1.headline{
    color:#fff;
	line-height:1.1;
	padding-top:1.5rem;
	text-transform: uppercase;
	font-weight:bold;
}


header.service-page h1.headline:before {
	content:'';
	position:absolute;
	top:0;
	left:0;
	width: 9vw;
    min-width: 110px;
	height:6px;
    background:#CD9318;
	
}

header.wie-page {
    display: flex;
}

.wie-page .col-33 {
    padding: 8vw 4vw;
    color: #fff;
}
.page-template-page-uebersicht header.service-page h1.headline:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 9vw;
    min-width: 110px;
    height: 6px;
    background: #CD9318;
}
.dropdown.pt-cv-filter-bar {
  margin-left: 1vw!important;
    margin-right: 1vw!important;
    width: 25%!important;
    width: 23%!important;
    text-align: left;
}
.dropdown.pt-cv-filter-bar ul, .dropdown.pt-cv-filter-bar ul li a {
    margin: 0;
    padding: 10px;
	color:#fff;
}

/*FILTER BAR */


.cvp-live-filter {
  _position: absolute!important;
    width: 21.5%;
    float: left;
    left: 0;
	    margin-top: 15px;
}


.cvp-live-filter.cvp-button input~div {
    cursor: pointer;
    background-image: url(images/arrow-orange.svg)!important;
    background-repeat: no-repeat!important;
    background-size: auto 30%!important;
    bAckground-position: center right 1vw!important;
    height: 4vw!important;
	margin-bottom: 10px;
	padding: 0 0 0 2.5vw;
	background: #FEFEFE;
	display: flex;
    align-items: center;
	
}

.cvp-live-filter.cvp-button div {
    width: 100%;
}
a.all {
	display:none;
}
/*FILTER BAR ENDE */

.pt-cv-wrapper .open>.dropdown-menu {
    display: block;
    width: 100%;
	padding:0;
	padding-bottom: 2vw;
}
#pt-cv-filter-bar-4c48b23bon-post_tag .btn{
	background:#ddd!important;
}
.pt-cv-wrapper .btn-group>.btn:first-child {
    margin-left: 0;
    width: 100%;
    text-align: left;
    padding-left: 20px;
	padding:10px;
}

#pt-cv-filter-bar-4c48b23bon-category .btn:first-child {
   color:#fff!important;
}

.pt-cv-filter-bar .dropdown-toggle span.caret {
     margin-left: 5px;
    position: absolute;
    margin-bottom: 0;
    right: 20px;
    top: 42%;
}

.pt-cv-wrapper .dropdown-menu>.active>a, .pt-cv-wrapper .dropdown-menu>.active>a:focus, .pt-cv-wrapper .dropdown-menu>.active>a:hover {
    line-height: 2!important;
}
/*-----------------------------------------------------------------------------
SCROLL
------------------------------------------------------------------------------*/

a.scrolldown {
    width: 4.15vw;
    height: 4.15vw;
    background-color: #EDEDED;
    background-image: url(images/pfeil-nach-unten.svg);
    background-repeat: no-repeat;
    background-size: 65% 65%;
    background-position: center;
    transform: rotate(-90deg);
    display: flex;
    position: absolute;
   bottom:0;
	scroll-behavior: smooth;
}
/*-----------------------------------------------------------------------------
FLEX LAYOUT
------------------------------------------------------------------------------*/
.flex-layout {
    display: flex;
	flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
}

.flex-layout div  {
   
	display: flex;
}
.flex-layout div.col-100, .flex-layout div.col-100 div  {
   width: 100%;
	display: block!important;
}
.pt-cv-timeline .tl-spine {
    background: none!important;
   
}

.tl-spine {
    border-left: 1px solid #0A2F53;
}

.flex-layout div.col-100 .tl-item {
    width: 50%!important;
	padding: 2vw!important;
}
.flex-layout div.col-100 .tl-item div {
    padding: 0;
}
.pt-cv-ctf-list {
    padding: 0 2vw!important;
}
div#pt-cv-view-a3310bcg1n .pt-cv-ctf-list {
    padding-left: 1.2rem!important;
}
.tl-item img.pt-cv-thumbnail.img-none {
    padding: 2rem 2rem 0 2rem;
}
.tl-item .pt-cv-content{
	padding: 0 2rem 4rem 2rem!important;
}
 .tl-item .pt-cv-title {
	padding: 0 2rem!important;
}
.flex-layout div div {
	flex-direction:column;
    padding: 2vw 4vw 4vw 4vw;
	
}

.flex-layout div.col-66 {
    padding: 3vw 3vw 6vw 3vw;
}

.flex-layout div div.figure {
	flex-direction:column;
    padding: 0;
	
}
.col-25 div.figure {
    width: auto;
    flex-direction: row!important;
}
div.figure {
	width:100%;
	
}
.flex-layout div.col-100 div {
    padding: 4vw 4vw 0vw 4vw;
}
.col-100 .whitecard  {
  padding-bottom:4vw!important;
}
.col-100 .whitecard p, .col-100 .whitecard ul {
  
    max-width: 66%;
}


/*-----------------------------------------------------------------------------
WIE WIR BERATEN
------------------------------------------------------------------------------*/
.page-template-page-wie #section-2.flex-layout  {
	background:#143762;
}

/*-----------------------------------------------------------------------------
FLEX LAYOUT MBR
------------------------------------------------------------------------------*/
.page-template-page-mbr .flex-layout .col-50.left {
    /* display: flex; */
    padding: 4vw!important;
}

.page-template-page-mbr .site-main {
    padding-top:10vw;
}



.page-template-page-mbr #section-4 .col-100 {
	padding:0!important;
}
.page-template-page-mbr .pt-cv-timeline {
	padding:0!important;
}
.page-template-page-mbr .pt-cv-wrapper {
	padding:0!important;
}
.page-template-page-mbr .flex-layout div.col-66 {
    padding: 3vw 3vw 3vw 3vw;
}
.page-template-page-mbr .tl-items {
    padding: 0 1vw!important;
}
.page-template-page-mbr #section-18 .col-25 {
	padding:3vw;
}
.page-template-page-mbr #section-11 {
	padding:3vw 3vw 0 3vw ;
    background: none;
}
.page-template-page-mbr #section-6, .page-template-page-mbr #section-7,.page-template-page-mbr #section-8  {
	padding:3vw 3vw 0 3vw ;
   
}
.page-template-page-mbr #section-12 , .page-template-page-mbr #section-13, .page-template-page-mbr #section-14, .page-template-page-mbr #section-15, .page-template-page-mbr #section-16 , .page-template-page-mbr #section-18 , .page-template-page-mbr #section-19 {
	padding:3vw 3vw 0 3vw ;
    background: none;
}

.page-template-page-mbr .col-70 {
	padding:0 3vw;
    background: none;
}

.page-template-page-mbr  .col-33 {
    padding: 1.5vw;
}
.page-template-page-mbr .col-25.right.box a {
    width: 30px!important;
    height: 30px;
    display: inline-block;
    float: left;
    margin: 3px;
}
.page-template-page-mbr .col-25.right.box img {
	width:auto!important;
	float:left;
}
.page-template-page-mbr #section-17 .col-100 {
    padding-left: 3vw;
}
/*-----------------------------------------------------------------------------
FLEX LAYOUT BERATUNGSFELDER
------------------------------------------------------------------------------*/
.page-template-page-beratungsfelder .flex-layout {
    padding: 2vw 2vw 0 3vw;
}
/*-----------------------------------------------------------------------------
SINGLE
------------------------------------------------------------------------------*/
.single article {
    margin-top: 10vw;
    width: 60%;
    margin-left: 20%;
    float: left;
	background: #fff;
}
.breadcrumb {
	position:absolute;
    padding: 5vw 0 0 20%;
}
.transp {
	    position: absolute;
    top: 0;
    left: 20%;
    height: 10vw;
    z-index: 2;
    width: 60%;
}


.single .post-thumbnail {
    height: 0;
    padding-bottom: 40%;
    overflow: hidden;
}
.single .entry-content img {
    width: 30%;
    float: left;
    margin-right: 5%;
}
.single h3 {
    display: block;
    margin-bottom: 2vw;
}

#cvpboxContent {
    margin: 0!important;
}
#cvpboxLoadedContent {
    border: 0px solid #000!important;
}
.wp-post-image {
    width: 100%;
    height: auto;
    _max-height: 200px;
    margin-top: -10%;
}

 #cvpboxClose {
	display:block!important;
    position: fixed;
    background: url(images/close.svg)!important;
    background-size: cover!important;
    background-repeat: no-repeat;
    top: 10vw;
    right: 20%;
   margin-right: -22px;
    background-position: center;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    border: 0;
	transition: all ease-in-out 0.3s;
}

 #cvpboxClose:hover {
	background:url(images/close-hover.svg)!important;
	 background-size: cover!important;
    background-repeat: no-repeat;
    top: 10vw;
    right: 20%;
    margin-right: -22px;
    background-position: center;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    border: 0;
	transition: all ease-in-out 0.3s;
}
.single .entry-header {
    position: relative;
    background: #18427B;
    color: #fff;
    display: block;
    padding: 4vw;
    width: 90%;
    margin-left: 5%;
    margin-top: -6vw;
}
.entry-meta {
    padding-bottom: 2vw;
    display: block;
    /* float: left; */
}

.beratungsbeispiele .entry-meta {
   display:none;
}
.single .entry-content {
  
    padding: 4vw 4vw 6vw 4vw;
    
}
/*-----------------------------------------------------------------------------
BÜRO
------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
FOOTER
------------------------------------------------------------------------------*/

#back2Top {
    z-index: 99999999999999;
    position: fixed;
    width: 60px;
    height: 60px;
    
    background-image: url(images/back-to-top.svg);
    background-repeat: no-repeat;
   background-size: cover;
    background-position: center;
    display: flex;
    right: 10px;
    bottom: 10px;
    color: rgba(0,0,0,0);
}
#back2Top:hover {
    background-image: url(images/back-to-top-hover.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
	 color: rgba(0,0,0,0);
}


.site-footer {
    width: 100%;
    float: left;
   
    position: relative;
    top: 0;
    margin-top: 0;
}

.site-footer-first {
	width:100%;
	float:left;
	padding:7vw 16vw;
	text-align:center;
	background:#F4F4F4;
}

.page-jetzt-spenden .site-footer-first, .page-datenschutzerklaerung .site-footer-first {
	display:none;
}
.site-footer-first .widget{
	width:100%;
	float:left;
	text-align:center;
}


.site-footer-second {
    display: flex;
    width: 100%;
    float: left;
}
.site-footer .col-25 {
    width: 25%;
}
.col-25 .widget {
    padding: 4vw 4vw 2vw 4vw;
}
.col-25 .widget a {
    color:#fff;
}

.site-footer p {
    padding-bottom: 1vw;
}

.site-footer  .widget-title {
	position:relative;
	padding-top:8px;
	text-transform:uppercase;
	margin-bottom:1.5vw;
}
.site-footer-first .widget-title{
	text-transform: none;
	font-weight: bold;
}
.site-footer-second .col-25 .widget-title:before {
	
content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 45%;
    _min-width: 110px;
    height: 4px;
    background: #E6A914;
}
.widget li {
    list-style: none;
    line-height: 2;
}
.site-footer-second .foerderer .widget-title:before {
	
content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 9vw;
    min-width: 110px;
    height: 6px;
    background: #18427B;
}
.foo-sec {
	background:#0C2A4C;
	color:#fff;
}
.foo-third, .foo-four {
	background:#18427B;
	color:#fff;
}
div#text-7 {
    margin-top: 15vw;
}
.foerderer{
   display:flex;
	flex-direction:column;
	background:#fff;
}
.foerderer img {
    width: 100%;
    min-height: 40px;
	margin-bottom:2vw;
}

.foerderer a {
   float:left;
	width:auto;
}
.foerderer a:nth-of-type(1) {
  
	width:100%;
}
.foerderer a:after {
   height:0;
	content:'';
}
.foerderer a:hover:after {
   height:0;
	content:'';
}
.foerderer a:nth-of-type(1) img {
    width: 100%;
    min-height: 80px;
}
.foerderer a:nth-of-type(2) img{
    width: 80%;
    min-height: 40px;
}.foerderer a:nth-of-type(2) {
    width: 50%;
  float:left;
}
.foerderer a:nth-of-type(3) {
    width: 50%;
    float:left;
}
.foerderer a:nth-of-type(3) img{
    width: 80%;
    min-height: 40px;
}
.foerderer a:nth-of-type(4) img{
    width: 100%;
    min-height: 80px;
}
.menu-social-icons-container ul{
	width:auto;
	float:left;
	display:flex;
	
}
.menu-social-icons-container li{
	width: 40px;
    height: 40px;
    display: flex;
    margin-bottom: 0;
  	margin-right:20px;
	margin-top:20px;
	
}
.menu-social-icons-container li a:hover{
	
	_background-color:#FFEB3B;
 	display: flex;
    background-size: cover;
    align-items: center;
    background-position: center;
    background-repeat: no-repeat;
}
.menu-social-icons-container li a{
	color: rgba(0,0,0,0);
    width: 100%;
    height: 40px;
    overflow: hidden;
    display: flex;
    background-size: cover;
    align-items: center;
    background-position: center;
    background-repeat: no-repeat;
}

.facebook a{
	background:url(images/facebook.svg);
	background-size: auto 40px!important;
    background-position: center;
  
    transition: all 0.5s ease-out;
}

.xing a{
	background:url(images/xing.svg);
	background-size: auto 40px!important;
    background-position: center;
  
    transition: all 0.5s ease-out;
}

.pinterest a{
	background:url(images/pinterest.svg);
	background-size: auto 40px!important;
    background-position: center;
  
    transition: all 0.5s ease-out;
}
/*.facebook a:hover {
	background:url(images/facebook_hover.svg);
	background-position: center;
	background-size: auto 20px!important;
	transition: all 0.5s ease-out;
}*/
.post-navigation  a {
    color: rgba(0,0,0,0);
}
.post-navigation .nav-previous {
	 z-index: 999;
    position: fixed;
    width: 60px;
    height: 60px;
    background-color: #18427B;
    background-image: url(images/pfeil-nach-oben.svg);
    background-repeat: no-repeat;
    background-size: 40%;
    background-position: center;
    transform: rotate(-180deg);
    display: flex;
    right: 10px;
	bottom:10px;
	transition: all 0.5s ease-out;
	overflow:hidden;
}
.post-navigation .nav-previous:hover {
    background-color: #CD9318;
	transition: all 0.5s ease-out;
  
}
.post-navigation .nav-next:hover {
    background-color: #CD9318;
	transition: all 0.5s ease-out;
  
}
.post-navigation .nav-next {
    z-index: 999;
    position: fixed;
    width: 60px;
    height: 60px;
    background-color: #18427B;
    background-image: url(images/pfeil-nach-oben.svg);
    background-repeat: no-repeat;
    background-size: 40%;
    background-position: center;
    display: flex;
    left: 10px;
    bottom: 10px;
	transition: all 0.5s ease-out;
	overflow:hidden;
}

@media screen and (max-width:1400px) {
.main-navigation {
    width: 68vw;
    float: left;
}
.site-header {
	min-height: 12vw;
}
}

@media screen and (max-width:1366px) {

.site-header {
	min-height: 160px;
}
section.wie-page div:after, header.service-page:after, .bbsp-front:after, header.pub-front:after, header.news-front:after {
    background-size:cover;
	width:100vw;
	margin-left:0;
	margin-right:0;
}
}

@media screen and (max-width:1023px) {



.entry-content p {
    margin-bottom: 15px;
	
}



a.scrolldown {
    position: relative;
    bottom: 18vw;
}
.top2, .top3 {
    display: none;
}
.frame2 {
    width: 10px;
}
.top-menu-container {
 
    max-width: 180px;
}
.col-100 .whitecard p, .col-100 .whitecard ul {
  
    max-width: 100%;
	padding-bottom:4vw;
}

 }

@media screen and (max-width:950px) {

body, input, .cta-blue, .cta-btn, .cta-gold, .pt-cv-wrapper .btn, .dropdown.pt-cv-filter-bar ul li a {
     font-size: 15px;
}
.mbr-navigation ul {
    flex-wrap: wrap;
}
.mbr-navigation ul li a {
	font-size:12px;	
	}

h1,.wie-page h2, h1.headline  {
    font-size: 28px;
}
h2, .description, .teaserrow p, .fields p , .fields a:after {
  font-size: 20px;
  
}
.small, .redcard a {
	font-size:15px;
	
}

h3 {
  font-size: 16px;
}
h4{
 font-size: 15px;
}


h5 {
 font-size: 15px;
 
}
.flex-layout {
    flex-wrap: wrap;
}
.col-30 {
    width: 100%;
}
.col-70 {
    width: 100%;
}


 }

@media screen and (max-width:900px) {
header.news-front h1, header.pub-front h1, header.bbsp-front h1, .wie-page h2, h1.headline {
   font-size:18px!important;
}
.top-navigation {
    width: auto;
    max-width: 160px;
	}
.top-navigation li.astm-search-menu a, .top-navigation li.lang-item a {
    width: 30px;
    height: 30px;
}
.top-navigation li.leichte-sprache a {
    width: 100px;
    height: 30px;
	
}
.top-navigation li a {
    font-size: 12px;
}
.site-header {
	min-height: 140px;
}
.site-header-sticky {
	height:auto;
    min-height: 140px;
 
}
.site-branding {
    width: 15vw;
    max-width: 140px;
    padding: 2vw 3vw;
}
.site-header-sticky .site-branding {
    width: 15vw;
    max-width: 140px;
	min-width:140px;
    _padding: 2vw 3vw;
}

.site-main {
    margin-top: 100px!important;
}
section.wie-page div {
    margin-top: 0;
}
.tl-items p {
    line-height: 1.2;
}
.entry-header-front {
    height: auto;
}
section.sticky img {
    max-width: 100%;
}
section.sticky, section.front  {
    bottom:auto;
	top:auto;
}
section.front  {
   position:relative;
}
.home .entry-content {
    margin-top: -10px;
    width: 100%;
    float: left;
}
	
.home  section.front.hide {
	opacity:0;
	transition:all 0.5s ease-in;
	}

header.wie-page {
    display: flex;
    flex-wrap: wrap;
}
	
.flex-layout {
    flex-wrap: wrap;
}
.flex-layout div.col-100 div {
    padding: 10px 20px;
}
	
.flex-layout div div {
    padding: 10px 20px 40px 20px;
}
.accordion-container .article-title {
    padding: 10px 20px;
}
.content-inner {
    padding: 10px 20px;
}
.accordion-container .article-title:after {
    right: 10px;
    top: auto;
    bottom: 10px;
}
.wie-page .col-33 {
    padding: 40px;
}
.description {
    padding: 20px;
	max-width: 100%;
}
#section-0.description {
    padding: 20px!important;
    max-width: 100%;
}
.breadcrumb {
		display:none;
	}
.single article {
    width: 100%;
    margin-left: 0;
    float: left;
    background: #fff;
}	
.single .entry-content {
    padding: 10px 30px;
}
.col-25 {
    flex-basis: 50%;
    width: 50%;
}
.fields .col-25 {
    flex-basis: auto;
    width: auto;
}
.fields .col-25 div {
    height: 0;
    padding: 10% 2vw 50% 2vw;
    transition: all ease-in-out 0.3s;
}
.teaserrow .col-50 {
    width: 100%;
	padding: 0!important;
}
.col-33 {
		width:50%;
	}
.page-template-page-mbr .flex-layout .col-50.left,	
.col-66 {
		width:100%;
	padding: 10px 20px!important;
	}
.col-50 .col-66 {
		width:50%!important;
	padding: 0!important;
	}
.col-66 div {
    height: auto;
    padding: 10px 20px;
}
.col-50 .col-66 div {
    height: 0!important;
    padding: 10% 2vw 120% 2vw!important;
}
.col-70 {
    width: 100%;
	padding: 10px 20px;
}
.col-100 {
    flex-wrap: wrap;
	_padding: 0px 20px;
}
.col-100 h1 {
   _padding: 0px 20px;
}
.tl-spine {
    border-left: 0px solid #0A2F53;
}

.flex-layout div.col-100 .tl-item {
    width: auto!important;

}
	

.flex-layout div.col-100 .tl-item div {
    padding: 0;
}	

.dropdown.pt-cv-filter-bar {
    margin-right:0!important;
  width: 50%!important;
    text-align: left;
	    margin-left: 0px!important;
    padding-left: 15px;
}
	.page-template-page-mbr #section-11, .page-template-page-mbr #section-13{
 padding: 10px 20px 0px 30px;
	}
	
.page-template-page-mbr #section-12, .page-template-page-mbr #section-14, .page-template-page-mbr #section-15, .page-template-page-mbr #section-16, .page-template-page-mbr #section-18, .page-template-page-mbr #section-19 {
    padding: 10px 20px 10px 20px!important;
    background: none;
}


.mbr-navigation {
    display: none;
	}
.pt-cv-meta-fields, .pt-cv-content, .pt-cv-title, .pt-cv-ctf-list, div#pt-cv-view-a3310bcg1n .pt-cv-ctf-list, .tl-item .pt-cv-title  {
    padding: 10px 20px 0 20px!important;
}
	
.pt-cv-content, .tl-item .pt-cv-content {
    padding: 0 20px 20px 20px !important;
}

.site-footer-second {
    flex-wrap: wrap;
}
.site-footer .col-25 {
    width: 50%!important;
    flex-basis: 50%;
	}
.col-25 .widget {
    padding: 30px;
}
.site-footer-first {
    padding: 30px;
}

}


@media screen and (max-width:660px) {
header.news-front, header.pub-front, header.service-page, header.bbsp-front, section.wie-page div {
    padding: 16px 20px;
	background-position:100%!important;
}
.site-header {
	min-height: 100px;
}	
.stoerer {
    position: fixed;
    right: 4px;
    top: auto;
	bottom:10px;
    transform: scale(0.7);
    z-index: 99999;
}
h1 {
    font-size: 24px;
	}

h2, .description, .teaserrow p, .fields p {
  font-size: 18px;
  
}

h3 {
  font-size: 18px;
}
h4{
 font-size: 17px;
}
a.scrolldown {
    width: 8.329vw;
    height: 8.329vw;
   
}
.site-header-sticky {
	height:auto;
    min-height: 100px;
 
}
.site-branding {
    padding: 10px;
}
 .site-footer {
 
    padding-left: 0;

}
#back2Top {
  bottom:10px;
	right:10px;
}
.teaserrow .col-50 .box {
border-top: 5px solid #fff;

	}
.fields .col-25 div {
    _height: auto;
    _padding: 30px;
  
}	
.col-25 {
    flex-basis: 100%;
    width: 100%;
}

.col-33 {
		width:100%;
	}
.col-50 {
    width: 100%;
}
.col-50 .col-66 {
		width:100%!important;
	}

.col-50 .col-66 div {
    height: auto!important;
    padding: 20px 20px!important;
}
.col-70 {
    width: 100%;
	padding: 10px 20px;
}

.foerderer a:nth-of-type(2), .foerderer a:nth-of-type(3) {
    width: 100%;
    float: left;
}
.foerderer a img {
    width: 100%!important;
    min-width: 200px;
    max-width: 200px;
    min-height: 40px;
    height: auto!important;
    margin-bottom: 20px;
}
.site-footer .col-25 {
    width: 100%!important;
    flex-basis: 100%;
	}
section, section.wie-page {
    padding: 0 10px 0 10px!important;
}
.home .description {
    padding: 20px!important;
}
.pt-cv-colsys .pt-cv-content-item {
    padding-left: 10px;
    padding-right: 10px;
}


section.front img{
   height:auto;
	width:100%;
	min-width:100%;
	max-width:100%;
}
#back2Top, .post-navigation .nav-previous, .post-navigation .nav-next {
    width: 30px;
    height: 30px;
}
	

}
@media screen and (max-width:660px) {
.fields a {
    display: flex;
    width: 100%;
    flex-direction: column;
}
.fields .col-25 {
   flex-basis: 100%;
    width: 100%;
}
.fields .col-25 div {
    height: auto;
    padding: 30px;
  
}	
}