/************************************
	Mobile
*************************************/
/*TabletBig*/

@media (max-width: 1280px) {
	.modulbuero_2klick.modulbuero_2klick_instagram {
		padding: 60px;
	}
}

@media (max-width:1024px) {
	.desktop{
		display:none;
		}
	.mobile{
		display:block;
		}

	/*Aktuelles*/
	.beitrag-content article {
		width:100%;
		}
		
	/*Statement-Row*/
	body #pg-10785-5> .panel-row-style {
	    padding: 0px 0px 150px 0px;
	}	
	.statement-row{
		flex-direction: column;
		}
		.statement-row > .panel-grid-cell{
			width:100% !important;
		}
		.statement-row > .panel-grid-cell:first-child{
			display: flex;
			flex-direction: column;	
			}    
		.statement-row > .panel-grid-cell:first-child p{
			}	
			.statement-row > .panel-grid-cell:first-child .so-panel:nth-child(1){
				order:1;
				}l
			.statement-row > .panel-grid-cell:first-child .so-panel:nth-child(2) .headline{
				padding: 0 0 40px !important;
				}
				.statement-row > .panel-grid-cell:first-child .so-panel:nth-child(3) p,
				.statement-row > .panel-grid-cell:first-child .so-panel:nth-child(2) .headline p{
					text-align: center !important;
				}
		.statement-row .statement-box{
			right: 0;
		    top: 0px;
		    width: 100%;
		    padding: 60px;
			}
			.statement-row .statement-box h3{
				margin-top:0;
				}
		.statement-row .magenta.lh-2{
			padding: 0 !important; 
		}
		

		
	/*Termine*/	
	.termine-row > .panel-grid-cell:first-child{
		width:60% !important;
	}
	.termine-row > .panel-grid-cell:last-child{
		width:40% !important;
	}
		.termine-row > .panel-grid-cell .termine-bild{
			background-position: 33%;
		}
		
		/*ueber mich*/
		.read-more-wrap{
			width:300px
			}
			 
	/*Arbeit in Zahlen*/
	.counter-row canvas{
		width: 100%;
	}


	/*S-media*/
	insta-row {
	    margin-bottom: 90px;
		}

	/**Mit Tabs-Navi*/
	.header-row .header-box {
	    width: 50%;
	    position: absolute;
	    bottom: -71vh;
	    padding: 30px 40px;
	}

	/*Beiträge*/
	body.single-post #main{
		flex-direction: column;
	}
	body.single-post .article-content{
		width:calc(100% - 80px);
		padding:40px;
		margin-bottom:40px;
	}
	body.single-post .more-articles-col{
		width:100%;
		padding-left:0;
	}
	
	/*Footer*/
	footer#footer .berlin-row .aktion-button {
	    top: 20px;
	    right: -30px;
		}
		
	footer#footer .kontakt-footer{
		flex-wrap: wrap;
		}
		footer#footer .kontakt-footer > .panel-grid-cell{
			width:45%
		}

		footer#footer .kontakt-footer > .panel-grid-cell:last-child{
			width:100%
		}
}

/*TabletSmall*/
@media (max-width:960px) {
	
	.headline {
		/*padding-bottom: 40px !important;*/
	}

	/*MenueHeader*/
	.navwrap {
    }
    
    body div#wrap section.navwrap img.logo {
		width: 120px;
		height: auto;
	}
    
    body div#wrap section.navwrap div {
	    height: 80px;
    	}
    	body div#wrap section.navwrap img.adler {
	    	width: auto;
	    	height: 50px;
    	}
    #off-canvas {
	    top: 60%;
	    right: 130px;
    }
    
    .aktuelles-row .stoerer {
	    display: none;
    }
    
    /*Startseite Header*/
    
    .home .frontpage-header {
		height: 45vh;    
		padding-bottom: 40px;
    	}
		.home .frontpage-header .frontpage-header-images .panel-widget-style {
	    	height: 45vh;
    		}
			.home .frontpage-header .frontpage-header-Text-row-one .so-panel {
	    		top: 30%;
    			}
				.home .frontpage-header .frontpage-header-Text-row-two .so-panel {
					top: 32%;
    			}
    
	.home .frontpage-header .frontpage-header-Text-row-one .so-panel h3,
	.home .frontpage-header .frontpage-header-Text-row-two .so-panel {
		font-size: 40px;
	}
	
	/*Aktuelles*/
	
	.beitrag-content {
		padding-bottom: 0 !important;
		}
		.beitrag-content article {
			width: auto;
			margin-bottom: 40px;
			}

	/*ueber mich*/
	
	.ueber-mich-row {
		padding-bottom: 80px;
	}
	.ueber-mich-row .panel-grid-cell:first-child{
		display:block !important;
		}
		.ueber-mich-row .panel-grid-cell:first-child .tabea-bild{
			padding-bottom: 43%;
			background-position: center 18%;
			}
			
	.ueber-mich-container {
		
	}
			
	.ueber-mich-row .ueber-mich-content{
		padding:50px !important;
		max-width: none;
	}

	/*Themen*/
	.meine-themen-wrap{
		flex-direction: row !important;
		flex-flow: wrap !important;
		padding-bottom: 80px;
		}
		.meine-themen-wrap .panel-grid-cell {
		    width: 46% !important;
		    margin-top: 7%;
		    }
			.meine-themen-wrap > div:first-child{
				margin-top: 0;
				}
			.meine-themen-wrap > div:nth-child(2){
				margin-top: 0;
				}
				
	/*Statement-Row*/
	
	body #pg-10785-5> .panel-row-style {
	    padding: 0px 0px 150px 0px;
	}	
	.statement-row{
		flex-direction: column;
		}
		.statement-row > .panel-grid-cell{
			width:100% !important;
		}

		.statement-row .magenta.lh-2{
			padding:0 0 40px !important; 
		}
		
	/*Single Post*/
	
	body.single-post #main,
	body.single-event #main {
		flex-direction: column;
		}
		body.single-post #main .article-content,
		body.single-event #main .article-content {
			margin-bottom: 40px;
			width: auto;
		}
		body.single-post #main .more-articles-col,
		body.single-event #main .more-articles-col {
			width: auto;
			padding-left: 0;
			margin-bottom: 40px;
		}
	
	/*Termine*/	
	
	.termine-wrap {
		padding-bottom: 80px !important;
	}
	
	.termine-row > .panel-grid-cell:first-child{
		width:100% !important;
		}
	.termine-row > .panel-grid-cell:last-child{
		width:0% !important;
		display:none;
		}
		.termine-row > .panel-grid-cell .termine-bild{
			background-position: 33%;
		}
	
	/*Counter*/	
	.counter-row{
		flex-direction: row !important;
		}
		.counter-row > .panel-grid-cell{
			width: 30% !important;
		}
	
	/*S-media*/
	.ctf-tweets .ctf-item{
		width:100%;
		}
		
	.insta-row {
	    margin-bottom: 90px;
		}


	.header-row .header-box {
	    width: 70%;
	    bottom: -46vh;
	    }
    
	/*Archive Seiten*/
	
	body.archive.category article, body.archive article {
		width: calc(43% - 40px);
	}
	
	/*Kontakt*/
	
	body.kontakt .kontakt-formular .wpcf7-form .half-col {
		width: 100%;
		}
		body.kontakt .kontakt-formular .wpcf7-form .wpcf7-form-control-wrap textarea {
			width: 93%;
		}
		
	 /*Über mich Unterseite*/
    
    .ueber-mich-container {
	    padding-top: 60px;
    }
	
	/*Tabs Unterseiten */
	
	.header-row.tabs-header.themen .header-tab-row,
	.header-row.tabs-header .tabs-content,
	.header-row.tabs-header > .tabs-content .panel-layout .panel-grid .panel-grid-cell .so-panel.widget_siteorigin-panels-builder {
		height: 45vh !important;
	}
	
	/* Lebenslauf PopUp */
	
	.mb_overlay_target .lebenslauf-row .lebenslauf-bild .lebenslauf-intro p {
		text-align: left !important;
		padding-bottom: 40px;
	}
	.mb_overlay_target .lebenslauf-row .lebenslauf-bild .lebenslauf-signatur {
		padding-bottom: 20px;
		}
		.mb_overlay_target .lebenslauf-row .lebenslauf-bild .lebenslauf-signatur .sow-image-container {
			justify-content: flex-start;
			}
			
	.mb_overlay_target_newsletter .lebenslauf-signatur {
		margin-left: 0;
	}
	.tabea-foto{
		display:none
	}
	.mb_overlay_target .lebenslauf-row .lebenslauf-inhalt article .entry-content {
	    padding-bottom: 300px;
	}
	/* Ämter und Ausschüsse */
	
	body.aemter-ausschuesse-in-berlin .schrift-2 p {
		margin: 0;
	}
	
	
	/*Unterseiten*/

	/*Footer*/
	
	footer#footer section.sidebar ul {
		margin-block-end: 0;
	}
	
	footer#footer .blassgruen{
		flex-direction: row !important;
		}
		footer#footer .berlin-row .berlin-bild{
			background-image: none;
			width: 100%;
			}
			footer#footer .berlin-row .berlin-bild .aktion-button{
				top:-360px;
				left:auto;
				right: 0;
			}
			footer#footer .berlin-row .berlin-bild .aktion-button img{
				width:85%;    
			    }
			    
	.modulbuero_2klick.modulbuero_2klick_instagram {
		margin-top: -8%;
		padding: 40px;
	}
}

/*TabletSmaller*/
@media (max-width:768px) {
    
	/*ContentFrontpage*/
	
	.home .frontpage-header .frontpage-header-Text-row-one .so-panel {
				top: 30%;
				}
				.home .frontpage-header .frontpage-header-Text-row-two .so-panel {
					top: 36%;
				}
	
    .beitrag-content article{
    }
    .beitrag-content article:hover {
	    -webkit-box-shadow: none;
	    -moz-box-shadow: none;
	    box-shadow: none;
	}
	.more-news{
		margin-top: -40px;
	}
	
	body.archive.category article, body.archive article, body.search article {
		width: 100%;
		margin-bottom:40px 
	}
	
	.meine-themen-wrap .panel-grid-cell {
		width: 100% !important;
		margin-bottom: 40px !important;
		margin-top: 0 !important;	
		}
		
	/*Statement*/
    #statement-row > .panel-grid-cell > .so-panel > .panel-widget-style{
	    padding: 0px !important;
    	}    
    /*Counter*/
    .counter-row {
	    padding-left: 0px;
	    padding-right: 0px;
		}
		.counter-row > .panel-grid-cell {
		    width: 22% !important;
		}
	    .counter-row p{
		    font-size: 16px;
			line-height: 125%;
			word-break: break-word;
	    }
    
    /*Über mich Unterseite*/
    
    .ueber-mich-container {
	    padding-left:0;
	    padding-right: 0;
	    padding-top: 100px;
    }
    
    /*S-media*/
	.ctf-tweets{
		flex-direction: column;
		}
		#ctf .ctf-author-box-link{
			font-weight: 600;
		}
		
	.insta-row {
	    margin-bottom: 60px;
		}	
		
	.modulbuero_2klick {
		padding: 40px;
		}
		.modulbuero_2klick.modulbuero_2klick_instagram {
			position: relative;
		}
	

	 .home .frontpage-header .frontpage-header-images .panel-widget-style {
		 background-position: center;
	 }
	 
	body.ueber-mich .intro-box-content {
	    padding: 100px 50px 50px 50px;
	}
 }
 
@media (max-width: 600px) {
	
	.headline{
		font-size:28px;
		}
	
	.header-tab-row{
		padding: 0 20px !important;
		}	
		.header-box .panel-last-child p{
			font-size:14px;
			}
		.header-row.tabs-header .tabs-menu {
		    right: 20px;
			}
			
	.modulbuero_2klick.modulbuero_2klick_instagram {
		margin-bottom: 50px;
	}

	.mb_overlay_target .lebenslauf-row .lebenslauf-bild .lebenslauf-signatur .sow-image-container{
		width: 40%;
	}
}

 
 /*SmartphoneBig*/
@media (max-width:480px) {

	h1,.h2{
		font-size: 26px;	
	}
	#nav-social,
	.stoerer{
		display:none;
	}
	
	body div#wrap, body footer#footer .inner.wrap{
		padding-left:20px;
		padding-right:20px;
	}
	
	/*MenueHeader*/
	
	#menue-wrapper {
		height: 165px;
	}
	
	#menue-wrapper.navsmall {
		height: 130px;
	}
	
	#off-canvas {
	    right: 28%;
    }
    body div#wrap section.navwrap {
	    padding-left: 20px;
	    padding-right: 20px;
    }
    body div#wrap section.navwrap img.logo {
	    width: 100px;
	    height: 100px;
	    top: 10px;
	    padding-left: 20px;
	    }
	    .logo.navsmall {
			width: 65px !important;
		    height: 65px !important;
			}
	.mobile-social{
		display:flex;
		width: 100%;
		display: flex;
		background-color: #ee3786;
		}
		.mobile-social ul{
			width:100%;
			justify-content:flex-end !important;
			margin:10px 0;
			}
			.mobile-social ul li a i{
				color:#fff !important;
			}
		
		body div#wrap section.navwrap {
			padding-top: 25px;
		    }
		    #off-canvas {
			    top: 39%;
				}	
		.navwrap.navsmall {
		    padding-top: 5px !important;
		    padding-bottom: 5px !important;
			}	
			.navwrap.navsmall #off-canvas{
			    top: 30px;
			}
			
    /*ContentFrontpage*/
    
    .home .frontpage-header .frontpage-header-Text-row-one .so-panel {
	    		top: 30%;
    			}
				.home .frontpage-header .frontpage-header-Text-row-two .so-panel {
					top: 37%;
    			}
    
    .home .frontpage-header .frontpage-header-Text-row-one .so-panel h3,
    .home .frontpage-header .frontpage-header-Text-row-two .so-panel {
	    font-size: 36px;
    }

    .ueber-mich-row .ueber-mich-content {
	    padding: 30px 30px 80px !important
		}
		.ueber-mich-row .ueber-mich-content .signatur {
		    right: 0;
		    }
	
	.meine-themen-wrap .panel-grid-cell {
	    width: 100% !important;
	    }
		.meine-themen-wrap > div:nth-child(2){
		    margin-top: 7%;
		}	    

    .statement-row .statement-box{
	    padding: 30px;
    	}
    	.statement-row .statement-box .textwidget{
	    	box-shadow: 0;
    		}
    
    .termine-row .termine-content {
	    padding: 30px;
	    height: 480px;
	    }

    /*Counter*/
    
	   .counter-row > .panel-grid-cell {
		    width: 28% !important;
		    }
			
    /*Single Post*/
	
	body.single-post #main,
	body.single-event #main {
		padding: 0;
		}
		body.single-post #main .article-content,
		body.single-event #main .article-content {
			padding: 40px;
		}
		
    /*S-media*/
	.ctf-tweets{
		flex-direction: column;
		}
		
	.insta-row {
	    margin-bottom: 0;
		}
		#sb_instagram #sbi_images {
			position: relative;
			top:0;
			}
			#sb_instagram #sbi_images .sbi_item{
				padding-bottom:20px !important;
			}


	/*Unterseiten*/
	.header-row.tabs-header{
		padding-bottom:100px !important;
	}
	.header-row .header-box {
	    padding:20px;
	    width: 90%;
	    }
	.header-row.tabs-header .tabs-menu{
		right: 0;
	    left: 0;
	    width: 100%;
	    position: relative;
	    text-align: center;
		}
	    .header-row.tabs-header .tabs-menu .panel-grid-cell{
		    display: flex;
			flex-wrap: wrap;
	    }
	    
	.header-row.tabs-header.themen .header-tab-row,
	.header-row.tabs-header .tabs-content,
	.header-row.tabs-header > .tabs-content .panel-layout .panel-grid .panel-grid-cell .so-panel.widget_siteorigin-panels-builder {
		height: 70vh !important;
		}

 .header-row.tabs-header .tabs-menu .panel-grid-cell{
		   flex-direction: column;
	    }
	    .header-row .header-box {
		    bottom: -70vh;
	    }
    

	/*Footer*/
	
	footer#footer .kontakt-footer {
		padding: 60px 20px 120px !important;
	}
	footer#footer .kontakt-footer > .panel-grid-cell{
			width:100%;
		}			
		
		footer#footer .berlin-row .berlin-bild .aktion-button {
			    top: -460px;
			    }
				footer#footer .berlin-row .berlin-bild .aktion-button img {
				    width: 80%;
				}
	.wpcf7-form-control.wpcf7-checkbox label {
		margin-left: 0;
	}
	
	/*Kontakt*/
	body.kontakt .kontakt-formular .wpcf7-form .wpcf7-form-control-wrap textarea {
		width: 84%;
	}
	
	/*NewsletterPopup*/
	.mb_overlay_target_newsletter{
		top:135px;
		}
		.mb_overlay_target_newsletter .lebenslauf-titel{
			font-size:30px;
			}
		.mb_overlay_target_newsletter div.wpcf7 form input[type="submit"],
		.mb_overlay_target_newsletter div.wpcf7 form .wpcf7-form-control-wrap input {
		    font-size: 13px;
		    }
		    
		    
	body.ueber-mich .intro-box-content {
	    padding: 70px 30px;
	}
 }
 
  /*SmartphoneBig*/
@media (max-width:414px) {
	    
	/*Statement*/
	
	.statement-row .schrift-2 {
		font-size: 20px;
		margin-bottom: 40px;
	}
	
	body.archive.category #main .archive-title h1, body.archive #main .archive-title h1{
		font-size: 34px;
	}
}

@media (max-width:360px) {
	body.archive.category #main .archive-title h1, body.archive #main .archive-title h1{
		font-size: 30px;
	}
	
	body.single-post article header.article-header h1.h2,
	.category #wrap .inner.wrap #main article .article-header h1{
		font-size: 24px;
	}
}