/*
Theme Name: Magic Scripts 2 - Original - (lokal) – mit filterbaren Posts
Author: Julian Morguet
Author URI: www.magic-scripts.com
Description: Simpel, unkonventionell und chic 
Version: 1.0
*/

@media only screen and (max-width: 1024px) {
	.desktop-class {
		display: none
	}
	
}

@media only screen and (min-width: 1025px) {
	.mobile-class {
		display: none;
	}
}

a {
	color: #084E8D;
}

h3 {
    font-size: 1.5em !important;
}


/* Page Template default */

.page-template-default .section h1, .page-template-default .section h3, .page-template-default .section h4, .page-template-default .section h5, .page-template-default .section h6, .page-template-default .section p {
    margin: 0px 0px 20px 0px !important;
}

/* Nur Home / Startseite */
.page-template-default.home .section p {
    margin: 0px 0px 0px 0px !important;
}

.page-template-default blockquote {
	margin: 0px 0px 20px 40px !important;
    padding: 0;
	    font-style: italic;
    font-weight: 300;
    color: #444;
}

/* MAIN Content -> .main-content */
	.main-content {
		width: 1360px;
		margin-left: auto;
		margin-right: auto;
	}

@media only screen and (max-width: 1440px) {
	.main-content {
		width: 1220px;
	}
}

@media only screen and (max-width: 1300px) {
	.main-content {
		width: 1120px;
	}
}

@media only screen and (max-width: 1200px) {
	.main-content {
		width: 960px;
	}
}

@media only screen and (max-width: 992px) {
	.main-content {
		width: 80%;
	}
}

@media only screen and (max-width: 678px) {
	.main-content {
		width: 90%;
	}
}


/* Ausgerichtete Bilder */

img.alignleft {
    float: left;
    margin-right: 15px;
    margin-top: 5px;
}

img.alignright {
    float: right;
    margin-left: 15px;
    margin-top: 5px;
}

img.aligncenter {
    float: none;
    margin-right: 15px;
	margin-left: 15px;
    margin-top: 5px;
}

img.alignnone {
    float: none;
    margin-top: 5px;
}


/* Nur für SINGLE POST */

	.single-post .right-txt-box {
		width: 65%;
		margin-left: 0%;
		margin-right: 0%;
		float: left;
	}

	.single-post .left-img {
		height: auto;
		max-height: 600px;
		padding-top: 108px;
	}
	.single-post .left-img img {
		margin-bottom: -8px !important;
	}


	.single-post .published {
		width: 100%;
		margin: 0 auto;
		font-size: 0.8em;
		color: #4688C8;
		margin-bottom: 0.3em;
		line-height: 24px;
		/* nur die !importants zählen */
		margin-top: 30px !important;
    	margin-bottom: 15px !important;
		margin-left: 15px !important;
	}

	.single-post h1 {
		font-size: 2em;
		margin-left: 15px;
	}

@media only screen and (max-width: 600px) {
	.single-post h1 {
		hyphens: auto;
	}
}


	.single-post .intro h2 {
			font-size: 2em;
			margin-bottom: 0 !important; 
		}

	.post-content p {
		margin-bottom: 1.5em !important;
		line-height: 1.4em;
	}

	.single-post strong {
		font-weight: 500;
	}	


	.single-post img {
		max-width: 100%;
		height: auto;
	}

	aside.site-sidebar {
		float: right;
		width: 24%;
		min-width: 260px;
		max-width: 300px;
		margin-right: 0%;
		margin-top: 2em;
		/* background: #FFF; */
		padding: 0px 20px 30px 20px;
		text-align: left;
		/* box-shadow: 0px 1px 8px rgba(0,0,0,0.1); */
		/* border-radius: 2px; */
	}

	.site-sidebar .widget {
		border-bottom: solid 1px;
		padding-bottom: 15px;
		margin-top: 15px;
	}

	.widgettitle {
		margin-bottom: 15px;
	}

	.site-sidebar a {
		color: #084E8D;
	}

	.site-sidebar a:hover {
		color: #084E8D;
		text-decoration: underline;
	}

	li.cat-item {
		margin-top: 10px;
		list-style: decimal-leading-zero;
		margin-left: 25px;
	}

		

		


		/* SINGLE POST AUF MOBILE */

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

			.detail-seite .left-img {
				height: auto !important;
				    padding-top: 6.2em !important;
				}

			
			.home #section6 .intro h2 {
				font-size: 1.8em !important;
				padding-bottom: 8px;
				margin-left: auto !important;
				margin-right: auto !important;
			}

			.page #section6 .intro h2 {
				font-size: 1.8em !important;
			}
			
			.page #section6 .intro .koepfeundkeys h2 {
				font-size: 1.8em !important;
				margin-left: 0px !important;
				margin-right: 0px !important;
			}
			
			.page-template-page-marken .intro .detail-seite .firstrow p {
			margin-left: 30px !important;
			margin-right: 30px !important;
			}
			
			.dashed-img {
				padding-right: 20px;
				padding-left: 20px;
			}
			
			.ueberlappendes-img img {
				margin-right: 0px !important;
				margin-top: -36px;
				border: solid 1px #FFF;
			}
			
			.zitat-txt {
				float: left;
				width: auto;
				margin-left: 15px;
				margin-right: 15px;
				margin-top: -20px;
				margin-bottom: 44px !important;
				text-align: center;
			}
			
	/* Neu mit umbruch bei overlay Image */
			.zitat-txt {
				float: left;
				text-align: center;
				width: 90% !important;
				margin-left: 5% !important;
				margin-top: 12px !important;
			}
			
			.blue-txt-box {
				margin-bottom: -20px !important;
			}
			
			.wpb_single_image.wpb_content_element.vc_align_left.wide-img {
				margin-top: -35px;
			}
			
			/* Page template Marken mobile */			
			.page-template-page-marken div#firstrow {
				/* margin-bottom: -100px !important; */
			}
			
			.page-template-page-marken .intro .detail-seite p {
				margin-bottom: 50px !important;
			}
			
			.page-template-page-marken .intro .detail-seite .koepfe p {
				margin-bottom: 0px !important;
			}
			
			.wpb_single_image.vc_align_right {
				text-align: center;
				margin-top: 100px;
				margin-bottom: 100px;
			}
			
			.page-template-page-marken .intro .detail-seite .keyfacts-list p {
				margin-bottom: 8px !important;
			}
						
			.dark-blue-txt-box {
				padding-bottom: 50px !important;
			}
			.page-template-page-marken .intro .detail-seite .dark-blue-txt-box p {
				margin-bottom: 4px !important;
			}

			
			/* Single Page */
			.flexbox-rev-left {
				margin-top: -35px;
			}
			
			/* Beiträge mobile */
			.single-post .left-img {
				padding-top: 108px !important;
			}
			
			/* Sidebar Mobile */
			aside.site-sidebar {
    			margin-bottom: 20px !important;
			}
			
			
			

		}




/* Globals */

* {
    box-sizing: border-box;
}

body {
    font-family: 'Fira Sans';
}

        .fix-rotation {
            transform: rotate(3.5deg);
            padding-top: 2em;
            padding-bottom: 3em;
        }

        /* MAGIC SCROLL-PAGE CSS */

/*
		#section2 p{
			opacity: 0;
      transition: all 600ms ease;
		}
*/

        .home .content-page {
            margin-top: 4em;
        }

		.home h1{
			font-size: 2em;
		}

		.home p{
			font-size: 1em;
		}
        
        .welcome-page {
            width: 50%;
            float: right;
            text-align: left;
            margin-top: -14vh;
        }

        .welcome-page h1 {
            font-family: 'Cinzel';
            font-size: 5em;
            font-weight: 100;
            line-height: 100px;
            color: #FFF;
            border-bottom: solid;
            max-width: 7.8em;
        }

        .welcome-page p {
            text-align: left;
            width: 100% !important;
            margin-top: 1.3em !important;
            color: #FFF;
            font-family: 'Fira Sans';
            font-weight: 400 !important;
            font-size: 1.3em !important;
        }

        .welcome-page a {
            color: #FFF;
            float: left;
            margin-top: 2em;
            margin-left: 0em;
            margin-bottom: 1em;
            padding: 8px 15px 8px 15px;
            border: 2px solid #FFF;
            border-radius: 4px;
            font-size: 16px;
            font-weight: 500;
        }
        

        

        #section2 .intro, #section4 .intro {
            clear: both;
            width: 50%;
            float: right;
            transform: rotate(-3.5deg);
            background: rgba(255,255,255,.7);
            padding-right: 5em;
            margin-right: -60em;
            margin-top: 18%;
            
            transition: all 900ms ease;
        }
            .fp-viewing-1 #section2 .intro, .fp-viewing-3 #section4 .intro {
                margin-right: -4em;
                
                transition: all 900ms ease;
            }
        #section2 .intro h2, #section4 .intro h2  {
            font-family: 'Cinzel';
            font-size: 4em;
            text-align: left;
            border-bottom: 1px solid #000000;
            margin-left: 0.7em;
            margin-right: 1em;
            margin-bottom: 0.3em;
            display: inline-table;
            color: #32373B;
        }
        .home #section2 p, .home #section4 p {
            width: 100%;
            padding-left: 2em;
            padding-right: 2em;
            margin-left: 0.7em !important;
            text-align: left;
            margin: 0 auto;
            font-size: 1.1em;
            line-height: 1.4em;
            opacity: 1;
            transition: all 600ms ease;
            color: #32373B;
        }
        #section2 .fix-rotation a, #section4 .fix-rotation a {
            color: #32373B;
            float: left;
            margin-top: 1em;
            margin-left: 2.7em;
            margin-bottom: 1em;
            padding: 8px 15px 8px 15px;
            border: 2px solid #32373B;
            border-radius: 4px;
            font-size: 16px;
            font-weight: 500;
        }


/* Section 3 und 5 */

    #section3 .intro, #section5 .intro {
            clear: both;
            width: 50%;
            float: left;
            transform: rotate(-3deg);
            background: rgba(255,255,255,.7);
            padding-left: 5em;
            margin-left: -60em;
            margin-top: 18%;
            
            transition: all 900ms ease;
        }
            .fp-viewing-2 #section3 .intro, .fp-viewing-4 #section5 .intro {
                margin-left: -4em;
                
                transition: all 900ms ease;
            }
        #section3 .intro h2, #section5 .intro h2  {
            font-family: 'Cinzel';
            font-size: 4em;
            text-align: left;
            border-bottom: 1px solid #000000;
            margin-left: 0.7em;
            margin-right: 1em;
            margin-bottom: 0.3em;
            display: inline-table;
            color: #32373B;
        }
	
		@media only screen and (max-width: 1224px) {
			#section3 .intro h2, #section5 .intro h2, #section2 .intro h2, #section4 .intro h2  {
				font-size: 3em;
			}
		}

        .home #section3 p, .home #section5 p {
            width: 100%;
            padding-left: 2em;
            padding-right: 1em;
            margin-left: 0px !important;
            text-align: left;
            margin: 0 auto;
            font-size: 1.1em;
            line-height: 1.4em;
            opacity: 1;
            transition: all 600ms ease;
            color: #32373B;
        }
        #section3 .fix-rotation a, #section5 .fix-rotation a {
            color: #32373B;
            float: left;
            margin-top: 1em;
            margin-left: 2.2em;
            margin-bottom: 1em;
            padding: 8px 15px 8px 15px;
            border: 2px solid #32373B;
            border-radius: 4px;
            font-size: 16px;
            font-weight: 500;
        }



/* ursprungsstyle sections */
		#section1 .intro {
			opacity: 0;
			transition: all 900ms ease-out;
		}

		#section2 .intro, #section4 .intro {
			left: 130%;
			opacity: 0;
			position:relative;
      transition: all 600ms ease;
		}

		#section3 .intro, #section5 .intro {
			left: -130%;
			opacity: 0;
			position:relative;
      transition: all 600ms ease;
		}

		#section7 .intro {
			opacity: 0;
			     transition: all 600ms ease;
		}
		.fp-viewing-6 #section7 .intro {
			opacity: 1 !important;
			     transition: all 600ms ease;
		}
		#section7 .intro {
			height: calc(100vh - 0px) !important;
    		overflow: hidden;
		}

		#section7 .fp-tableCell {
			display: table-cell;
			vertical-align: top;
		}

		#section7 .fp-tableCell footer {
			display: table-cell;
			vertical-align: top;
		}




        @media only screen and (max-width: 1024px) {
        /* ursprungsstyle sections MOBILE  */
			#section1 .intro {
				opacity: 0;
				transition: all 900ms ease-out;
			}

			#section2 .intro, #section4 .intro {
				left: 0%;
				opacity: 0;
				position:relative;
		  transition: all 900ms 100ms ease;
			}

			#section3 .intro, #section5 .intro {
				left: 0%;
				opacity: 0;
				position:relative;
		  transition: all 900ms 100ms ease;
			}
		}
    
    /* EIGENER STYLE */
        
        /* MUST HAVS!!!!!! */

        .fp-viewing-firstPage header {
            margin-top: 0px;
            
            transition: all 600ms ease;
        }
        header {
            position: fixed !important;
            z-index: 999;
            height: 64px;
            background: rgba(255,255,255,1.0);
            width: 100%;
            /*
            margin-top: -300px;
            */
            transition: all 600ms 550ms ease;
        }

        .logo-nav a img {
            max-height: 98px;
            transition: all 600ms 0ms ease;
        }

        .fp-viewing-1 .logo-nav a img, .fp-viewing-2 .logo-nav a img, .fp-viewing-3 .logo-nav a img, .fp-viewing-4 .logo-nav a img, .fp-viewing-5 .logo-nav a img, .fp-viewing-6 .logo-nav a img , .header-alt  .logo-nav a img {
            max-height: 74px;
            margin-top: -2px;
            transition: all 600ms 0ms ease;
        }

        .header-diagonally {
            content: '';
            height: 186px;
			margin-top: -50px;
            width: 102%;
            margin-left: -1%;
            background: #fff;
            position: absolute;
            z-index: 2;
            transform: rotate(-2.0deg);
            /* border-left: 50px solid transparent; */
            /* border-right: 50px solid transparent; */
            /* border-bottom: 100px solid #00ff00; */
            box-shadow: 0px 7px 9px rgba(0,0,0,0.15);
            
            transition: all 600ms 0ms ease;
        }

                   .fp-viewing-1 .header-diagonally, .fp-viewing-2 .header-diagonally, .fp-viewing-3 .header-diagonally, .fp-viewing-4 .header-diagonally, .fp-viewing-5 .header-diagonally, .fp-viewing-6 .header-diagonally, .header-alt .header-diagonally {
                            content: '';
                            height: 100px;
                            width: 102%;
                            margin-top: 0;
                            margin-left: -1%;
                            background: #fff;
                            position: absolute;
                            z-index: 2;
                            transform: rotate(-0deg);
                            /* border-left: 50px solid transparent; */
                            /* border-right: 50px solid transparent; */
                            /* border-bottom: 100px solid #00ff00; */
                            box-shadow: 0px 7px 9px rgba(0,0,0,0.15);

                            transition: all 600ms 0ms ease;
                        }   


        .header-diagonally::after {
                content: '';
                display: block;
                position: absolute;
                height: 3px;
                width: 100%;
                margin-top: 179.2px;
                background: rgba(255,255,255,0.0);
                border: none;
               
               transition: all 600ms 0ms ease;
        }

                   .fp-viewing-1 .header-diagonally::after, .fp-viewing-2 .header-diagonally::after, .fp-viewing-3 .header-diagonally::after, .fp-viewing-4 .header-diagonally::after, .fp-viewing-5 .header-diagonally::after, .fp-viewing-6 .header-diagonally::after, .header-alt .header-diagonally::after {
                            content: '';
                            margin-top: 94px;
                            transition: all 600ms 0ms ease;
                        }
        
        #section6 .fp-tableCell {
            vertical-align: unset !important;
        }
        
        .intro {
            clear: both;
        }
        
        
        /* Header */

        .logo-nav {
            position: absolute;
            z-index: 5;
            margin-left: 10%;
        }

/*
        @media only screen and (min-width: 960px) {
            .center-it {
                width: 800px;
                margin-left: auto;
                margin-right: auto;
            }
        }

        @media only screen and (min-width: 1300px) {
            .center-it {
                width: 1200px;
                margin-left: auto;
                margin-right: auto;
            }
        }
*/
        

        /*
            nav.site-navigation {
                height: 0vh;
                background: rgba(0,0,0,0.6);
                margin-top: 0px;
                vertical-align: middle;
                padding-top: 0em;
                overflow: hidden;
            }
        */

		.withe-space {
			z-index: 999;
			width: 100%;
			height: 80px;
			margin-bottom: -80px;
		}

        
        div#toggle-nav {
            position: relative;
            margin-left: auto;
            margin-right: 0;
            height: 50px;
            width: 50px;
            z-index: 3;
            margin-right: 10%;
            margin-top: 1em;
            padding-top: 8px;
            cursor: pointer;
        }

        #theburger { 
            display: block;
            height: 50px;
            width: 50px;
            z-index: 3;
            background: url(/wp-content/uploads/2019/02/Burger_Menu.png) no-repeat center center;
        }

        #thex { 
            display: none;
            height: 50px;
            width: 50px;
            z-index: 3;
            background: url(/wp-content/uploads/2019/02/Burger_Menu_X.png) no-repeat center center;
        }

        .js nav.site-navigation {
            display: none;
        }

        .hidenavi {
            display: none;
        }

        nav.site-navigation {
			display: none;
			
            height: 100vh;
            
            margin-top: 0px;
            padding-top: 0px;
   			margin-top: -66px;
			
			/* background: #32373B; */
			background: rgb(17,78,140);
    background: linear-gradient(160deg, rgba(17,78,140,1) 0%, rgba(50,55,59,1) 100%);
        }

        
    
        
        #menu {
            position: relative !important;
            top: 34px;
            left: 0;
            height: 40px;
            z-index: 1 !important;
            width: 100%;
            padding: 0;
            margin: auto;
			background: rgba(0,0,0,0.0) !important;
			height: 100vh !important;
			text-align: center;
			display: inline-flex;
        }

		ul#menu-mainmenu {
			margin-top: 8vh;
		}
    
        #menu li.active {
            background: none;
        }
        #menu li {
            background: none;
            display: block !important;
			    overflow: hidden;
        }
        #menu li:hover {
            background: none;
        }

        #menu li a, #menu li.active a {
            padding: 9px 18px;
            display: block;
            font-family: 'Fira Sans'; /* Fira Sans in einem schmaleren Schriftschnitt wäre schöner! */
			
			font-family: 'Cinzel';
    		text-transform: uppercase;
        }

		.menu li ul li {
			z-index: 0;
			height: 0px;
			overflow: visible !important;
		}


		/* Header SOCIAL Navi (am unteren Rand) */

		ul.main-nav-social {
			margin-top: -124px;
			z-index: 999999999;
			position: absolute;
			width: 100%;
		}

		ul#menu-social-header {
			width: 100%;
			text-align: center;
			top: -100px;
		}
	    @media only screen and (max-width: 1024px) {
			ul#menu-social-header {
				top: -128px;
			}
		}

		#menu-social-header li {
			display: inline-block;
			margin: 30px;
			/* color: #FFF; */
		}

		@media only screen and (max-width: 1024px) {
			#menu-social-header li {
				margin: 12px;
			}
		}

		#menu-social-header li a {
			color: #FFF !important;
			font-weight: 200;
			font-size: 12px;
			transition: 0.3s all;
			margin-top: 0px;
		}
        @media only screen and (min-width: 1024px) {
			#menu-social-header li a:hover {
				border-top: 2px solid #4688C8;
				border-bottom: 2px solid #4688C8;
				color: #4688C8 !important;
				margin-top: -10px;
			}
		}

		@media only screen and (max-width: 1320px) {
				#menu li a, #menu li.active a {
						padding: 4px 18px !important;
				}
			
				#menu li a {
						font-size: 1.4em !important;
						font-weight: 200;
				}
		}

		@media only screen and (max-height: 700px) {
			
				ul#menu-mainmenu {
					margin-top: 12vh;
				}
			
				#menu li a, #menu li.active a {
						padding: 0px 18px !important;
				}
			
				#menu li a {
						font-size: 1.4em !important;
						font-weight: 200;
				}
		}


        
        /* Von WordPress generierte Navi */

		.menu-mainmenu-container {
			margin: auto;
			margin-top: auto;
		}
        
        
        /* HEADINGS */
        
        .intro h2 {
            font-size: 3em;
            margin-bottom: 2em;
        }

        .post-container h2 {
            font-size: 3em;
            margin-bottom: 2em;
            margin-top: 4em;
        }

        .post-container .type-post h2 {
            margin-top: 0em;
            font-size: 2em;
        }
        
        /* Global */

        h1, h2, h3, h4, h5, h6 {
            color: #FFFFFF;
        }

        article {
            clear: both;
        }



        /* Hintergrundbild Parralax effect */


        .home {
            background-position-y: 0em;
            transition: 0.7s ease all;
        }

        .fp-viewing-secondPage {
            background-position-y: -402px !important;
            transition: 0.7s ease all;
        }

                    div#section1 {
                        height: 879px;
                        background-color: rgba(239, 239, 239,0.3);
                    }

        .fp-section.fp-table, .fp-slide.fp-table {
            background-size: cover !important;
        }

        
        /* potentielle Elemente */
        
            /* Radial Div */
            .radialdiv {
                width: 5em;
                height: 5em;
            }
        
            
            /* ursprungszustand - linkes Bild 
            .home .left-img {
                margin-left: -105%; 
                opacity: 0;
                width: 45%;
                height: 32em;
                float: left;
                background: rgba(27,127,204,.8);  
                transition: 1s 0.5s ease-in all;
            }
            /* Linkes Bild 
            .fp-viewing-5 .left-img, .left-img {
                margin-left: 0%;
                opacity: 1;
                width: 45%;
                height: 32em;
                float: left;
                background: rgba(27,127,204,.8);
                transition: 1s ease-out all;
            }
        
            
            /* ursprungszustand - rechter text 
            .home .right-txt-box {
                color: rgba(0,0,0,0.0);
                margin-top: 5%;
                width: 34%;
                margin-right: 15%;
                text-align: left;
                float: right;
                margin-bottom: 4em;
                transition: 0.75s ease-in all;
            }
            */


            /* Text Element rechte Seite */
            .fp-viewing-5 .right-txt-box, .right-txt-box {
                color: rgba(0,0,0,0.7);
                margin-top: 0%;
                width: 34%;
                margin-right: 15%;
                text-align: left;
				/*
                float: right;
				*/
                margin-bottom: 4em;
                transition: 0.75s 0.25s ease-out all;
            }


    .upwind-map {
        width: 100%; 
        margin-bottom: -84px !important;
    }
        

    /**
    * Here we fire the animation for section 3.
    * As the fp-viewing class in the body changes on each section and slide.
    */
	body.fp-viewing-0 #section1 .intro {
		left: 0%;
		opacity: 1;
		transition: all 40ms ease-out;
	}

	body.fp-viewing-1 #section2 .intro, body.fp-viewing-3 #section4 .intro {
       left: 0%;
		opacity: 1;
    }

    body.fp-viewing-2 #section3 .intro, body.fp-viewing-4 #section5 .intro {
       left: 0%;
		opacity: 1;
    }


    /* ALLES AUS DER EXAMPLE.CSS */

        /* Reset CSS
         * --------------------------------------- */
        body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
        form,fieldset,input,textarea,p,blockquote,th,td {
            padding: 0;
            margin: 0;
        }
        a{
            text-decoration:none;
        }
        table {
            border-spacing: 0;
        }
        fieldset,img {
            border: 0;
        }
        address,caption,cite,code,dfn,em,strong,th,var {
            font-weight: normal;
            font-style: normal;
        }
        strong{
            font-weight: bold;
        }
        ol,ul {
            list-style: none;
            margin:0;
            padding:0;
        }
        caption,th {
            text-align: left;

        }
        h1,h2,h3,h4,h5,h6 {
            font-weight: normal;
            font-size: 100%;
            margin:0;
            padding:0;
            color:#444;
        }
        q:before,q:after {
            content:'';
        }
        abbr,acronym { border: 0;
        }


        /* Latest Posts */
.newsroom-container {
    width: 600px;
    margin-left: auto;
    margin-right: auto;
    /* height: 22em; */
    text-align: center;
}
h2.newsroom {
    font-family: 'Cinzel';
    font-weight: 500;
    width: auto;
    font-size: 3em;
    margin-bottom: 1.2em;
    margin-top: 4.6em;
    margin-left: auto;
    margin-right: auto;
    display: table;
    border-bottom: 1px solid #32373B;
}


        .latest-posts {
                width: 66%;
				max-width: 1024px;
				margin-left: auto;
				margin-right: auto;
				text-align: left;
				padding: 0px !important;
        }

        /* Latest Posts - !Animation! */

        .post-container {
            opacity: 0;
            padding-top: 0em; /* !!!! Hier würde man die Animation nach oben für die Posts einstellen (z.B. 7em) !!!! */ 
            transition: 1s 0s ease all;
        }

        .fp-viewing-5 .post-container {
            opacity: 1;
            padding-top: 0em;
            transition: 1s 0s ease all;
        }

        .latest-posts article.post {
            width: 49.7%;
            margin-right: 0px !important;
            margin-left: 0px;
            float: none;
            margin: 0 !important;
            display: inline-block;
            position: relative;
            padding-left: 2%;
            padding-right: 2%;
        }

        /* active */
        .fp-viewing-5 .left-img, .left-img {
            margin-left: 0%;
            opacity: 1;
            width: 100%;
            margin-bottom: 1em;
            height: 15em;
            overflow: hidden;
            float: none;
            background: none;
            transition: 1s ease-out all;
            background-position: center;
            
            transition: 0.5s ease-out all;
        }


        a:hover .left-img {
            -webkit-filter: grayscale(1);
            filter: grayscale(1);
            
            transition: 0.5s ease-out all;
        }

        .fp-viewing-5 .right-txt-box, .right-txt-box {
            color: rgba(0,0,0,0.7);
            margin-top: 0%;
            width: 100%;
            margin-right: 0;
            text-align: left;
            float: right;
            margin-bottom: 4em;
            transition: 0.75s 0.25s ease-out all;
        }



            .post-container .right-txt-box h2 {
                font-size: 2em;
                line-height: 16px;
                margin-bottom: 0em;
                margin-top: 0em;
                color: #084E8D;
				margin-left: 0px !important;
            }
            
            .post-container .right-txt-box h2 a {
                font-size: 17px;
                font-weight: 600;
                line-height: 20px;
                margin-bottom: 0em;
                margin-top: -0.4em;
                color: #084E8D !important;
            }

            .post-content p {
                color: #32373B !important;
                font-family: 'Fira Sans';
                font-size: 1em !important;
                margin-top: 1em !important;
            }

        .left-img img {
            width: 100%;
            height: auto;
        }

        .intro .post p {
            width: 100%;
            margin: 0 auto;
            font-size: 0.8em;
            color: #4688C8;
            margin-bottom: 0.3em !important;
            line-height: 24px;
        }

/*
		.intro .post .post-content p {
			margin-bottom: 18px !important;
		}
*/
.theexerpt {
    margin-bottom: 0.8em;
}

        .post-content p {
            margin-bottom: 1.5em !important;
        }

        a.read-more {
            color: #084E8D;
            font-size: 16px;
            font-weight: 600;
            border-bottom: none;
            padding-bottom: 2px;
        }

        a.read-more:hover {
            border-bottom: 2px solid;
        }

        /* MAX WIDTH 1200px - für Posts / Blog-Übersicht */
        @media only screen and (max-width: 1226px) {
            .latest-posts article.post {
                width: 49.4%; 
            }
            
            .fp-viewing-5 .left-img, .left-img {
                height: 11em;
            }
            
        }




        /* STARTSEITE Content gestalten */
        .content-page {
            width: 80%;
            margin: auto;
        }

        .home-heading {
            display: inline-block;
            font-family: 'Cinzel';
            font-size: 3em;
            color: #32373B;
            border-bottom: 2px solid #b4b9be;
        }

        /* Content Container Startseite / Home Content */
        .home-content {
            margin-top: 2em;
        }


        /* PAGE - Einfache Seite */

        #statische-seite {
            display: none;
        }

        .page-template-page-marken #section6 {
            background-color: rgb(246, 246, 246) !important;
        }

		.detail-seite .left-img {
			height: auto;
			max-height: 30em;
		}

		@media only screen and (min-width: 767px) {
			.detail-seite .left-img {
				min-height: 212px;
			}		
		}
		
		.page-template-page-marken .detail-seite h2.singe-page-h2 {
            margin-left: 16.66667%;
			margin-left: 16.66667%;
            margin-top: 30px;
            margin-bottom: -10px !important;
			
		}

        .detail-seite h2.singe-page-h2 {
			margin-left: 15px;
			margin-right: 15px;
    		margin-top: 0px;
    		margin-bottom: 10px !important;
			
            font-size: 22px !important;
            color: #084E8D;
            border-bottom: solid 2px #084E8D;
            width: auto;
            display: table;
        }

        .page-template-page-marken .intro .detail-seite h1 {
            font-size: 40px;
            margin-bottom: 30px;
            font-family: 'Cinzel';
        }

		@media only screen and (max-width: 567px) {	
			.page-template-page-marken .intro .detail-seite h1 {
				font-size: 28px;
				margin-bottom: 22px;
				margin-top: -16px;
			}
		}

        /* .page-template-page-marken */ .intro .detail-seite h2 {
            font-size: 40px;
            margin-bottom: 30px;
            font-family: 'Cinzel';
        }

        .page-template-page-marken .intro .detail-seite p {
            width: auto;
            font-size: 0.9em;
            line-height: 22px;
            font-family: 'Fira Sans';
            margin-bottom: 20px;
        }

        .page-template-page-marken .intro .detail-seite .firstrow p {
            margin-left: 10em;
        }

        .dashed-img {
            padding-right: 10%;
        }
        
        /* Padding wegnehmen */
        .page-template-page-marken .vc_column_container>.vc_column-inner {
            padding-left: 0px;
            padding-right: 0px;
        }
        .page-template-page-marken .wpb_single_image .vc_single_image-wrapper {
            width: 100%;
        }
        .page-template-page-marken .wpb_single_image .vc_figure {
            width: 100%;
        }
        

        .wide-img img {
            width: 100%;
        }

        .blue-txt-box {
            background: rgba(70, 136, 200, 0.8);
            margin-top: -40px;
            padding-bottom: 20px;
            margin-bottom: 20px;
        }

        .blue-txt-box h3 {
            margin-left: 30px;
            margin-right: 50px;
            font-family: 'Cinzel';
            font-size: 36px;
            font-weight: 400;
            /* margin-top: 50px; */
            padding-top: 40px;
            padding-bottom: 10px;
            color: #FFFFFF;
        }

        .page-template-page-marken .blue-txt-box p {
            width: auto;
            margin-left: 30px !important;
            margin-right: 50px !important;
            font-size: 0.9em;
            line-height: 22px;
            font-weight: 200;
            font-family: 'Fira Sans';
            margin-bottom: 20px;
            color: #FFF;
        }

        .page-template-page-marken .blue-txt-box strong {
            font-weight: bold;
            color: #084E8D;
            font-size: 22px;
        }

        .dark-blue-txt-box {
            background: #084E8D;
            padding-top: 20px;
            padding-bottom: 15px;
            color: #FFF;
        }
        .page-template-page-marken .intro .dark-blue-txt-box p {
            margin-left: 30px !important;
			margin-right: 30px !important;
            margin-bottom: 10px;
            font-weight: 300;
            color: #FFF;
        }
        .dark-blue-txt-box strong {
            font-weight: 500;
        }
        

        .ueberlappendes-img img {
            margin-right: 20px;
            margin-top: -126px;
            border: solid 1px #FFF;
        }

        .zitat-txt {
            float: left;
            text-align: center;
    		width: 40%;
            margin-left: 13%;
            margin-top: -132px;
        }
        .zitat-txt blockquote p {
            font-size: 20px !important;
            font-weight: 300;
            line-height: 34px !important;
        }

        /* Hintergrundbilder Single Page */
        .bg-map {
            z-index: 0;
			margin-top: -140px;
			padding-top: 70px;
			padding-left: 9%;
			height: 0px;
        }


        /* Köpfe und Keys - Row */

        .koepfeundkeys {
            padding-left: 60px;
            padding-right: 60px;
        }

        .koepfeundkeys .vc_column_container {
            padding-left: 15px;
            padding-right: 15px;
        }

        .page-template-page-marken .intro .detail-seite .koepfeundkeys h2 {
            border-bottom: solid 2px rgba(0,0,0,0.5);
            font-size: 34px;
        }
        
        .koepfeundkeys .wpb_single_image {
            margin-bottom: 0px !important;
        }

        .nameundtitel {
            background: #4688C8;
            color: #FFF;
            margin-top: 0px;
            padding: 15px 10px 15px 10px;
        }

        .person2 .nameundtitel, .person2 .nameundtitel {
            background: #084E8D;
        }

		.person4 .nameundtitel, .person4 .nameundtitel {
            background: #084E8D;
        }

        .nameundtitel h3 {
            color: #FFF;
            margin-top: 0px !important;
            margin-bottom: 0px !important;
            font-weight: 600;
        }

        .nameundtitel p {
            color: #FFF;
            margin-top: 10px !important;
            margin-bottom: 0px !important;
            font-weight: 200;
        }
        
        
        /* FOOTER */

		.home footer {
			margin-top: 5em !important;
		}
        
        footer {
            float: left;
            width: 100%;
            padding: 25px 0 0px 0;
            background: rgba(0,0,0,0.6);
            height: auto;
            display: block;
            position: relative;
            margin-bottom: 0;
			margin-top: 0em !important;
            clear: both;
			text-align: left;
        }

        .home footer {
            margin-bottom: 32px;
        }

#section6 .fp-tableCell {
    vertical-align: unset !important;
    margin-bottom: -100px !important;
    padding-bottom: 0px !important;
}
        
        /* FOOTER ABSTAND nach UNTEN FIXEN */
        .fp-scrollable {
        margin-bottom: -10em;
        }

        aside.footer-sidebar.logo-sidebar {
            height: 80px;
            vertical-align: top !important;
        }

		.zoom-social-icons-widget h5.widgettitle {
			margin-bottom: 4px !important;
		}

 		.home footer .copyright {
			margin-bottom: 30px !important;
        }

        footer .copyright {
            background: #FFF;
            color: #084E8D;
            font-weight: 300 !important;
            text-align: right;
            margin-top: 0px !important;
            padding: 10px 5% 10px 5%;
            height: auto !important;
        }


/* !!!!! SINGLE POSTS !!!!! */
.site-sidebar .box {
    margin-bottom: 0px;
    padding-bottom: 20px;
    margin-top: 0px;
    padding-top: 10px;
    border-top: 2px solid #4688C8;
}

.site-sidebar img.avatar {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}

.sidebartitle {
    font-weight: 500;
    margin-bottom: 10px;
    margin-top: 8px;
}

.intro .site-sidebar p {
	width: 100% !important;
	font-size: 1em;
	line-height: 22px;
}

        /* Custom CSS - gabs schon
         * --------------------------------------- */
        body{
            color: #333;
            color: rgba(0,0,0,0.5);
        }
        .wrap{
            margin-left: auto;
            margin-right: auto;
            width: 960px;
            position: relative;
        }
        h1{
            font-size: 6em;
        }
        p{
            font-size: 2em;
        }
        .home .intro p{
            width: 50%;
            margin: 0 auto;
            font-size: 1.5em;
        }
		
		.home .intro p.published {
			width: 100%;
			font-size: 0.8em;
		}

		.home .intro .post-content p {
			width: 100%;
			padding-bottom: 12px;
		}

        .section{
            text-align:center;
        }
        #menu li {
            display:inline-block;
            margin: 10px;
            color: #FFF;
            background: none !important;
            -webkit-border-radius: 10px;
                    border-radius: 10px;
        }
        #menu li.active {
            background: none !important;
            color:  #4688C8 !important;
        }
        #menu li a {
            text-decoration:none;
            color: #FFF !important;
            font-size: 1.6em;
            font-weight: 200;
        }
        #menu li.active a:hover {
            color: #4688C8 !important;
        }
        #menu li:hover {
            background: rgba(255,255,255, 0.8);
        }
        #menu li a,
        #menu li.active a {
            padding: 9px 18px;
            display:block;
        }
        #menu li.active a {
            color: #4688C8 !important;
            font-weight: 500;
        }
        #menu li a:hover {
            color: #4688C8 !important;
            /* font-weight: 500; */
        }

					/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! Special NAVI HOVER effect !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
					#menu li a::before {
						position: absolute;
						top: 0;
						left: 0;
						overflow: hidden;
						padding: 10px 0;
						max-width: 0;
						border-bottom: 2px solid #fff;
						color: #fff;
						content: attr(data-hover);
						-webkit-transition: max-width 0.5s;
						-moz-transition: max-width 0.5s;
						transition: max-width 0.5s;
					}

					 #menu li a:hover::before, #menu li a:focus::before {
						max-width: 100%;
					}
					/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! ENDE Special NAVI HOVER effect !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

        .twitter-share-button {
            position: fixed;
            z-index: 99;
            right: 149px;
            top: 9px;
        }
        #download{
            margin: 10px 0 0 0;
            padding: 15px 10px;
            color: #fff;
            text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
            background-color: #49afcd;
            background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
            background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4);
            background-image: -webkit-gradient(linear,0 0,0 100%,from( #5bc0de),to( #2f96b4));
            background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
            background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
            background-image: linear-gradient(top, #5bc0de, #2f96b4);
            background-repeat: repeat-x;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);
            border-color: #2f96b4 #2f96b4 #1f6377;
            border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
            filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);

            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            border-radius: 6px;
            vertical-align: middle;
            cursor: pointer;
            display: inline-block;
            -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
            -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
        }
        #download a{
            text-decoration:none;
            color:#fff;
        }
        #download:hover{
            text-shadow: 0 -1px 0 rgba(0,0,0,.25);
            background-color: #2F96B4;
            background-position: 0 -15px;
            -webkit-transition: background-position .1s linear;
            -moz-transition: background-position .1s linear;
            -ms-transition: background-position .1s linear;
            -o-transition: background-position .1s linear;
            transition: background-position .1s linear;
        }
        #infoMenu{
            height: 20px;
            color: #f2f2f2;
            position:fixed;
            z-index:70;
            bottom:0;
            width:100%;
            text-align:right;
            font-size:0.9em;
            padding:8px 0 8px 0;
        }
        #infoMenu ul{
            padding: 0 40px;
        }
        #infoMenu li a{
            display: block;
            margin: 0 22px 0 0;
            color: #333;
        }
        #infoMenu li a:hover{
            text-decoration:underline;
        }
        #infoMenu li{
            display:inline-block;
            position:relative;
        }
        #examplesList{
            display:none;
            background: #282828;
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            border-radius: 6px;
            padding: 20px;
            float: left;
            position: absolute;
            bottom: 29px;
            right: 0;
            width:638px;
            text-align:left;
        }
        #examplesList ul{
            padding:0;
        }
        #examplesList ul li{
            display:block;
            margin: 5px 0;
        }
        #examplesList ul li a{
            color: #BDBDBD;
            margin:0;
        }
        #examplesList ul li a:hover{
            color: #f2f2f2;
        }
        #examplesList .column{
            float: left;
            margin: 0 20px 0 0;
        }
        #examplesList h3{
            color: #f2f2f2;
            font-size: 1.2em;
            margin: 0 0 15px 0;
            border-bottom: 1px solid rgba(0, 0, 0, 0.4);
            -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
            -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.1);
            box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
            padding: 0 0 5px 0;
        }


/* * * * * * * * * ** * . * . ** ** * * ** . ** * kleiner Laptop - kleiner Laptop - kliener Laptop -  + ++ +++ + + + * * *** ** * ** ** * ** * * * . * * *+ */

      @media only screen and (min-width: 1024px) and (max-width: 1364px)  {		
		  
		   .welcome-page h1 {
				font-size: 3.54em;
				font-weight: 100;
				line-height: 70px;
				color: #FFF;
				padding-bottom: 12px;
				border-bottom: 1px solid #FFFFFF;
				max-width: 7.8em;
			}
		  
	}


/* * * * * * * * * ** * . * . ** ** * * ** . ** * MOBILE - MOBILE - MOBILE -  + ++ +++ + + + * * *** ** * ** 
+++ + + + * * *** ** * ** ** * ** * * * . * * *+ */
      @media only screen and (max-width: 1024px) {
            
            .fp-tableCell {
                display: table-cell;
                vertical-align: top !important;
            }
            
            .mobile-section {
                display: block !important;
            }
            
            img.mobile-section-img {
                width: 100%;
            }
            
            .welcome-page {
                width: 100%;
                float: none;
                text-align: left;
                margin-top: 0px;
                padding: 3em 3em 3em 3em;
            }
            
            .welcome-page h1 {
                color: #32373B;
            }
            
            .welcome-page p {
                color: #32373B;
            }
            
            .welcome-page a {
                color: #666;
                border: 2px solid #666;
            }
            
            /* Section 2-5 */
            /* Erstmal alte Werte korrigieren */
            .home div.section {
                background: #FFF !important;
            }
            
            .intro {
                width: 100% !important;
                margin-right: 0em;
                transform: rotate(0deg) !important;
                
                float: none;
				/* background: rgba(255,255,255,.7); */
                padding-right: 0px !important;
                margin-right: 0px !important;
                margin-top: 0px !important;
                margin-left: 0px !important;
                padding-left: 0px !important;
            }
            .fix-rotation {
                transform: rotate(0deg) !important;
                padding-top: 2em;
                padding-bottom: 6em;
            }
            
            /* Section 2-5 stylen */
            .intro h2 {
                font-size: 2em !important;
            }
            
            .home #section1 p {
                padding-left: 0em !important;
                padding-right: 0em !important;
            }
            .home #section2 p, .home #section3 p, .home #section4 p, .home #section5 p {
                width: 100%;
                padding-left: 2em !important;
                padding-right: 2em !important;
                font-size: 1em !important;
                margin: 1em 0em 1em 0em !important;
            }
            
            /* Home letzte Section (Blog ect.) */
            .latest-posts article.post {
                width: 100%;
            }

            .home #section6 p {
                width: 100%;
                padding-left: 0em !important; 
                padding-right: 0em !important; 
                font-size: 1em !important;
                margin: 1em 0em 0.6em 0em !important;
            }
            
            .home #section6 p.published {
                font-size: 12px !important;
                margin-top: -8px !important;
                padding-left: 0em !important;
                padding-right: 0em !important;
            }
            
            .home #section6 article.post h2 {
                margin-top: -10px !important;
            }
		  
		  .home #section6 .post-container .right-txt-box h2 {
				margin-top: 0px !important;
				margin-bottom: -10px;
				margin-left: 0px !important;
			}
		  
		  /* Single Blog Post */
		  
		  /* Content auf 90% breite und Abstand korrigieren */
		  .single-post .right-txt-box {
				width: 100%;
			  /*
				margin-left: 10%;
				margin-right: 10%;
			  */
				float: left;
			}
		  
		  /* Sidebar korrigieren -> unter Inhalt darstellen */
			aside.site-sidebar {
				float: left;
				width: 100%;
				max-width: 1024px;
				min-width: 10px;
				margin-left: 0%;
				margin-right: 10%;
				margin-top: 2em;
				/* background: #FFF; */
				padding: 0px 15px 0px 15px;
				margin-bottom: 0px;
				text-align: left;
			}
		  
		  .widget_text.box img.image {
				width: 100%;
				padding-bottom: 12px;
		  }
		  
		  /* Section 7 einfärben -> NUR Home */
		 	.home div#section7 {
				background: rgb(246, 246, 246) !important;
			}
            
        } /* ENDE zwischen 767 und 1024px */
        
        
        @media only screen and (max-width: 767px) {
            
            /* Header */
            .logo-nav a img {
                max-height: 74px !important;
            }
            
            /* Erste Section */
            img.mobile-section-img {
                width: 100%;
                margin-top: 84px;
            }
            
            .welcome-page {
                padding: 1.5em 3em 3em 3em;
            }
            
            .welcome-page h1 {
                font-size: 2em;
                font-weight: 100;
                line-height: unset;
                padding-bottom: 6px;
            }
            
            .welcome-page p {
                font-size: 1.0em !important;
            }
            
            .welcome-page a {
                font-size: 1em;
            }
            
            /* Home vorletzte Section (Blog ect.) */
            .latest-posts {
                width: 80%;
            }
            
            .newsroom-container {
                width: 80%;
                margin-left: auto;
                margin-right: auto;
                height: auto;
                padding: 2em 6px 1em 6px;
            }

            .post-content {
                margin-top: 4px;
            }
            
            #section6 .intro h2 {
                font-size: 2em !important;
                padding-bottom: 8px;
            }
            
            .post-content p {
                display: none;
            }
            
            a.read-more {
                color: #4688C8;
                font-size: 16px;
                border-bottom: 2px dashed;
                font-weight: 400;
            }
            
            /* Footer Handy */
            .home footer {
                padding-top: 44px;
    			margin-bottom: 0px;
            }
            
            .footer-sidebar img {
                float: left;
            }
            
			/*
            .footer-sidebar {
                display: block !important;
                margin-left: 0px !important;
                margin-bottom: 30px !important;
            }
			*/
            
			footer .footer-sidebar p, .home #section6 footer .footer-sidebar p {
                width: 100%;
                padding-left: 0em;
                padding-right: 0em;
                font-size: 1em !important;
                margin: 0em 0em 0em 0em !important;
            }
            
            footer p.copyright, .home #section6 footer p.copyright {
                padding-right: 20px !important;
                font-size: 10px !important;
            }
			
			
			/* SINGLE POST auf Handy */
			
			/* Content also Fließtext auf single post einblenden */
			.single-post .post-content p {
				display: block;
			}
			
			/* SIDEBAR AUF VOLLE BREITE plus paddings anpassen */
			aside.site-sidebar {
				float: left;
				width: 100%;
				margin-left: 0px;
				margin-right: 0px;
				margin-top: 2em;
				/*
				background: #FFF;
				*/
				padding: 15px;
				margin-bottom: -80px;
				text-align: left;
				/*
				box-shadow: 0px 1px 8px rgba(0,0,0,0.1);
				*/
				border-radius: 2px;
			}
			
					/* Neue Sidebar */
					aside.site-sidebar {
						float: left;
						width: 100%;
						margin-left: 0px;
						margin-right: 0px;
						margin-top: 2em;
						padding: 0px 15px 0px 15px !important;
						margin-bottom: -80px;
						text-align: left;
						border-radius: 2px;
					}

        } /* ENDE bis 767 */


		.intro .site-sidebar p {
			width: 100% !important;
			font-size: 1em;
			line-height: 22px;
			hyphens: auto;
		}

@media only screen and (max-width: 1024px) and (min-width: 400px) {

	 /* SIDEBAR Nebeneinander / Zwei Spalten in der Sidebar */
		.site-sidebar .box:first-child {
			float: left;
			width: 48%;
			margin-right: 2%;
			padding-left: 0;
		}
	
		.site-sidebar .box {
			float: right;
			width: 48%;
			padding-left: 2%;
		}
	
	
}




        /* Demos Menu
         * --------------------------------------- */
         #demosMenu{
            position:fixed;
            bottom: 10px;
            right:10px;
            z-index: 999;
         }





        /* ************** VC Styles ********** */

        .vc_row {
            margin-left: 0px !important;
            margin-right: 0px !important;
        }


/* WooCommerce */

/* .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message {
    background:red;
} */



/* ARCHIVE */

.archive .post-container {
    opacity: 1 !Important;
}

.archive .newsroom-container {
    padding-top: 222px;
}

.archive h2.newsroom {
	margin-top: 0px !Important;
}

.post-container h2.cat {
    font-size: 20px;
    margin-left: 17px;
    margin-bottom: 20px;
    margin-top: 60px;
}

.archive .post-container h2.cat {
    font-size: 20px !important;
    margin-left: 2%;
    margin-bottom: 20px;
    margin-top: 60px;
}



/* Navi für mobile ! Smartphones ! korrigieren */ 
				@media only screen and (max-width: 380px)  { 
					.header-diagonally {
						content: '';
						height: 186px;
						margin-top: -70px;
						width: 102%;
						margin-left: -2%;
					}
				}	





/* Korrigire Globale Styles, die keinen Sinn machen */

.page-template-deafault #nofullpage .detail-seite .right-txt-box h2.singe-page-h2, .page-template-deafault #nofullpage .detail-seite .right-txt-box h2.singe-page-h2 {
    margin-left: 15px !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    padding-bottom: 0px !important;
    line-height: auto !important;
    font-size: 22px !important;
    color: #084E8D;
    border-bottom: solid 2px #084E8D;
    width: auto;
    display: table;
    font-family: 'Cinzel';
}

/* NUR !!! MAREKEN !!! */
@media only screen and (min-width: 768px) {
	.page-template-page-marken #nofullpage .detail-seite .right-txt-box h2.singe-page-h2 {
		margin-left: 30px !important;
		margin-top: 30px !important;
	}
}

@media only screen and (min-width: 1025px) {
	.page-template-page-marken #nofullpage .detail-seite .right-txt-box h2.singe-page-h2 {
		margin-left: 16.66667% !important;
		margin-top: 30px !important;
	}
}



/* Formular */

 input[type=text], input[type=email], input[type=tel], input[type=number], textarea {
    display: block;
    width: 100%;
    background-color: transparent;
    border-width: 0 0 2px;
    border-style: solid;
    border-color: #ddd;
    padding: 10px 0 !important;
    font-family: "Work Sans";
    font-size: 18px;
    font-weight: 400;
    color: #333;
    box-shadow: none;
    outline: none;
    transition: all .5s;
    margin-bottom: 20px !important;
}

textarea {
    height: 120px !important;
}

/* Placeholder */
input::placeholder, textarea::placeholder {
    font-family: 'Fira Sans' !important;
    font-weight: 300;
    opacity: 0.6;
}


@media only screen and (min-width: 768px) {
	input.nachname, input.vorname, input.form-first-name, input.form-second-name  {
		width: 48%;
		float: left;
	}
	
	input.vorname, input.form-first-name {
		float: right;
	}		
}

/* Abstand der Checkbox nach links korrigieren */
span.wpcf7-list-item {
    margin: 0 0 0 0em;
}

/* Submit BTN */
input.wpcf7-form-control.wpcf7-submit {
    float: right;
    background: #CCC;
    padding: 10px 20px;
    border-radius: 3px;
}



/* VC Elemente Stylen */
.vc_btn3.vc_btn3-size-md {
    margin-bottom: 30px;
    margin-top: -10px;
}



/* Related Posts Stylen */
.related-post .post-list .item {
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    margin: 0px 0px 20px;
    padding: 10px;
}

/* Related Post Mobile */
@media only screen and (max-width: 856px) {
	.related-post .post-list .item {
		width: 49.6% !important;
	}
	.related-post .post-list .item .thumb {
		max-height: 600px;
	}
	
} 

@media only screen and (max-width: 856px) {
	.related-post .post-list .item {
		width: 49.6% !important;
	}
	.related-post .post-list .item .thumb {
		max-height: 600px;
	}
	
} 

@media only screen and (max-width: 606px) {
	.related-post .post-list .item {
		width: 49.2% !important;
	}
	.related-post .post-list .item .thumb {
		max-height: 600px;
	}
	
} 

/* Related Post Smartphone */
@media only screen and (max-width: 380px) {
	.related-post .post-list .item {
		width: 100% !important;
	}
	.related-post .post-list .item .thumb {
		max-height: 600px;
	}
	
}/* Ende Mobile Related Posts */


/* Nachträgliche Anpassungen */
.center {
	text-align: center;
}

.dark-blue-txt-box a {
    color: #FFF;
    text-decoration: underline;
}

aside.footer-sidebar.social-sidebar {
    display: none !important;
}

.person2 .nameundtitel, .person2 .nameundtitel {
    background: #084E8D;
    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

/* Mobile Navi kleiner machen */
@media only screen and (max-width: 1024px) {
	ul#menu-mainmenu {
		margin-top: 40px;
	}
	#menu li {
		display: inline-block;
		margin: 0px;
	}
	#menu li a {
		font-size: 1.4em;
	}
	
}


@media only screen and (max-width: 667px) {
		ul#menu-footer-navi-1 {
			width: 100%;
		}
		
		ul#menu-footer-navi-1 li {     
			display: inline-block; margin-right: 0px !important;     padding-right: 40px;     width: 50%;     float: left;     text-align: left; 
		}
	
}



/* Zitat auf Seiten */
@media only screen and (min-width: 1025px) and (max-width: 1380px) {
	.zitat-txt {
		float: left;
		text-align: center;
		width: 66.66%;
		margin-left: 13%;
		margin-top: 30px;
	}
}

.section header.entry-header {
    position: relative !important;
    background: none !important;
}


.page-template-default .section footer p {
    margin: 0px 0px 20px 0px !important;
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}

.page-template-default .section p {
    margin: 0px 0px 20px 0px !important;
    line-height: 24px !important;
}


.latest-posts {
    width: 100%;
	max-width: 100% !important;
}

.detail-seite .left-img {
    min-height: 212px;
    background: #f2f2f2;
}