/*
Theme Name: Mediendesignbüro
Theme URI: https://www.mediendesignbuero.de
Description: 
Author: awz
Version: 1.0
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}.sauber,.clearfix{clear:both;}.notext{font-size:1px;font-size:0px;text-indent:-2000px;}.hidden{display:none;}.nomargin{margin:0 !important;}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*
 * BREITEN UND HOEHEN
 */
#highlights { height: 1080px; }
#titelbild  { height: 702px; }
	/* FALLBACKS FÜR VH */
	@media (min-height: 240px) and (max-height: 249px) { #highlights { height: 240px; } #titelbild { height: 156px; } }
	@media (min-height: 250px) and (max-height: 259px) { #highlights { height: 250px; } #titelbild { height: 163px; } }
	@media (min-height: 260px) and (max-height: 269px) { #highlights { height: 260px; } #titelbild { height: 169px; } }
	@media (min-height: 270px) and (max-height: 279px) { #highlights { height: 270px; } #titelbild { height: 176px; } }
	@media (min-height: 280px) and (max-height: 289px) { #highlights { height: 280px; } #titelbild { height: 182px; } }
	@media (min-height: 290px) and (max-height: 299px) { #highlights { height: 290px; } #titelbild { height: 189px; } }
	@media (min-height: 300px) and (max-height: 309px) { #highlights { height: 300px; } #titelbild { height: 195px; } }
	@media (min-height: 310px) and (max-height: 319px) { #highlights { height: 310px; } #titelbild { height: 202px; } }
	@media (min-height: 320px) and (max-height: 329px) { #highlights { height: 320px; } #titelbild { height: 208px; } }
	@media (min-height: 330px) and (max-height: 339px) { #highlights { height: 330px; } #titelbild { height: 215px; } }
	@media (min-height: 340px) and (max-height: 349px) { #highlights { height: 340px; } #titelbild { height: 221px; } }
	@media (min-height: 350px) and (max-height: 359px) { #highlights { height: 350px; } #titelbild { height: 228px; } }
	@media (min-height: 360px) and (max-height: 369px) { #highlights { height: 360px; } #titelbild { height: 234px; } }
	@media (min-height: 370px) and (max-height: 379px) { #highlights { height: 370px; } #titelbild { height: 241px; } }
	@media (min-height: 380px) and (max-height: 389px) { #highlights { height: 380px; } #titelbild { height: 247px; } }
	@media (min-height: 390px) and (max-height: 399px) { #highlights { height: 390px; } #titelbild { height: 254px; } }
	@media (min-height: 400px) and (max-height: 409px) { #highlights { height: 400px; } #titelbild { height: 260px; } }
	@media (min-height: 410px) and (max-height: 419px) { #highlights { height: 410px; } #titelbild { height: 267px; } }
	@media (min-height: 420px) and (max-height: 429px) { #highlights { height: 420px; } #titelbild { height: 273px; } }
	@media (min-height: 430px) and (max-height: 439px) { #highlights { height: 430px; } #titelbild { height: 280px; } }
	@media (min-height: 440px) and (max-height: 449px) { #highlights { height: 440px; } #titelbild { height: 286px; } }
	@media (min-height: 450px) and (max-height: 459px) { #highlights { height: 450px; } #titelbild { height: 293px; } }
	@media (min-height: 460px) and (max-height: 469px) { #highlights { height: 460px; } #titelbild { height: 299px; } }
	@media (min-height: 470px) and (max-height: 479px) { #highlights { height: 470px; } #titelbild { height: 306px; } }
	@media (min-height: 480px) and (max-height: 489px) { #highlights { height: 480px; } #titelbild { height: 312px; } }
	@media (min-height: 490px) and (max-height: 499px) { #highlights { height: 490px; } #titelbild { height: 319px; } }
	@media (min-height: 500px) and (max-height: 509px) { #highlights { height: 500px; } #titelbild { height: 325px; } }
	@media (min-height: 510px) and (max-height: 519px) { #highlights { height: 510px; } #titelbild { height: 332px; } }
	@media (min-height: 520px) and (max-height: 529px) { #highlights { height: 520px; } #titelbild { height: 338px; } }
	@media (min-height: 530px) and (max-height: 539px) { #highlights { height: 530px; } #titelbild { height: 345px; } }
	@media (min-height: 540px) and (max-height: 549px) { #highlights { height: 540px; } #titelbild { height: 351px; } }
	@media (min-height: 550px) and (max-height: 559px) { #highlights { height: 550px; } #titelbild { height: 358px; } }
	@media (min-height: 560px) and (max-height: 569px) { #highlights { height: 560px; } #titelbild { height: 364px; } }
	@media (min-height: 570px) and (max-height: 579px) { #highlights { height: 570px; } #titelbild { height: 371px; } }
	@media (min-height: 580px) and (max-height: 589px) { #highlights { height: 580px; } #titelbild { height: 377px; } }
	@media (min-height: 590px) and (max-height: 599px) { #highlights { height: 590px; } #titelbild { height: 384px; } }
	@media (min-height: 600px) and (max-height: 609px) { #highlights { height: 600px; } #titelbild { height: 390px; } }
	@media (min-height: 610px) and (max-height: 619px) { #highlights { height: 610px; } #titelbild { height: 397px; } }
	@media (min-height: 620px) and (max-height: 629px) { #highlights { height: 620px; } #titelbild { height: 403px; } }
	@media (min-height: 630px) and (max-height: 639px) { #highlights { height: 630px; } #titelbild { height: 410px; } }
	@media (min-height: 640px) and (max-height: 649px) { #highlights { height: 640px; } #titelbild { height: 416px; } }
	@media (min-height: 650px) and (max-height: 659px) { #highlights { height: 650px; } #titelbild { height: 423px; } }
	@media (min-height: 660px) and (max-height: 669px) { #highlights { height: 660px; } #titelbild { height: 429px; } }
	@media (min-height: 670px) and (max-height: 679px) { #highlights { height: 670px; } #titelbild { height: 436px; } }
	@media (min-height: 680px) and (max-height: 689px) { #highlights { height: 680px; } #titelbild { height: 442px; } }
	@media (min-height: 690px) and (max-height: 699px) { #highlights { height: 690px; } #titelbild { height: 449px; } }
	@media (min-height: 700px) and (max-height: 709px) { #highlights { height: 700px; } #titelbild { height: 455px; } }
	@media (min-height: 710px) and (max-height: 719px) { #highlights { height: 710px; } #titelbild { height: 462px; } }
	@media (min-height: 720px) and (max-height: 729px) { #highlights { height: 720px; } #titelbild { height: 468px; } }
	@media (min-height: 730px) and (max-height: 739px) { #highlights { height: 730px; } #titelbild { height: 475px; } }
	@media (min-height: 740px) and (max-height: 749px) { #highlights { height: 740px; } #titelbild { height: 481px; } }
	@media (min-height: 750px) and (max-height: 759px) { #highlights { height: 750px; } #titelbild { height: 488px; } }
	@media (min-height: 760px) and (max-height: 769px) { #highlights { height: 760px; } #titelbild { height: 494px; } }
	@media (min-height: 770px) and (max-height: 779px) { #highlights { height: 770px; } #titelbild { height: 501px; } }
	@media (min-height: 780px) and (max-height: 789px) { #highlights { height: 780px; } #titelbild { height: 507px; } }
	@media (min-height: 790px) and (max-height: 800px) { #highlights { height: 790px; } #titelbild { height: 514px; } }

.wrap { max-width: 950px; }
header.header .wrap { max-width: 1150px; }
#highlights { height: 100vh; }
#titelbild  { height: 65vh; }
.wrap { padding-left: 50px; padding-right: 50px; }
body #highlights .highlights_nav {
	width: 300px;
	height: 250px;
	margin-left: -150px;
	margin-top: -125px;
}

/*
 * SCHRIFTGROESSEN UND -GEWICHTE
 * RESPONSIVE SCHRIFTEN
 */
body { font-size: 100%; }
h1, .h1 { font-size: 48px; font-size: 3rem; font-weight: bold; }
h2, .h2, body .button-link.h2 { font-size: 28px; font-size: 1.75rem; font-weight: bold; }
h3, .h3 { font-size: 22px; font-size: 1.375rem; }
h4, .h4, .wp-caption-text { font-size: 20px; font-size: 1.25rem; }
h1, h2, h3, h4 { line-height: 1.3; }
h5, .h5 { font-size: 20px; font-size: 1.25rem; color: #0f7987; margin-top:15px; margin-bottom:30px; }
.entry-content, .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4 { line-height: 1.6; }
.lh { line-height: 1.6 !important;}

	.wp-prev-next-post {
	font-size: 22px; font-size: 1.375rem;
}

	.wp-prev-next {
	font-size: 22px; font-size: 1.375rem;
}

	/* GROSSE BILDSCHIRME */
	@media only screen and (min-width:1680px) {
	body { font-size: 100%; }
	h2, .h2, body .button-link.h2 { font-size: 28px; font-size: 1.75rem; }
	h3, .h3 { font-size: 22px; font-size: 1.375rem; }
	h4, .h4, .wp-caption-text { font-size: 20px; font-size: 1.25rem; }
	}

	/* MITTELGROSSE DESKTOPS */
	@media only screen and (min-width:1440px) {
	body { font-size: 100%; }
	h2, .h2, body .button-link.h2 { font-size: 28px; font-size: 1.75rem; }
	h3, .h3 { font-size: 22px; font-size: 1.375rem; }
	h4, .h4, .wp-caption-text { font-size: 20px; font-size: 1.25rem; }
	}

	/* TABLETS */
	@media only screen and (min-width:768px) and (max-width:1024px) {
	body { font-size: 100%; }
	h1, .h1 { font-size: 45px; font-size: 2.75rem; line-height: 52px;}
	h2, .h2 { font-size: 24px; font-size: 1.5rem; line-height: 34px; }
	h3, .h3 { font-size: 20px; font-size: 1.25rem; }
	h4, .h4 { font-size: 20px; font-size: 1.25rem; }
	
	.wp-prev-next-post {
	font-size: 20px; font-size: 1.25rem;
}

	.wp-prev-next {
	font-size: 20px; font-size: 1.25rem;
}
	}

	/* SMARTPHONES */
	@media only screen and (max-width:767px) {
	body { font-size: 100%; }
	h1, .h1 { font-size: 28px; font-size: 1.75rem; line-height: 28px; padding-bottom: 10px;}
	h2, .h2, body .button-link.h2 { font-size: 21px; font-size: 1.3rem; line-height: 26px; }
	h3, .h3 { font-size: 18px; font-size: 1.125rem; }
	h4, .h4, .wp-caption-text { font-size: 16px; font-size: 1rem; }
	h5, .h5 { font-size: 16px; font-size: 1rem; color: #0f7987; }
	
	.wp-prev-next-post {
	font-size: 18px; font-size: 1.125rem;
}

	.wp-prev-next {
	font-size: 18px; font-size: 1.125rem;
}	
	}

.bold, b, strong { font-weight: 700; }
.center { text-align: center; }
.underline { text-decoration: underline; }

/*
 * RESPONSIVE LAYOUT
 */

	/* GROSSE BILDSCHIRME */
	@media only screen and (min-width:1680px) {
	}

	/* MITTELGROSSE DESKTOPS */
	@media only screen and (min-width:1440px) {
	}

	/* TABLETS */
	@media only screen and (min-width:768px) and (max-width:1024px) {
		#titelbild  { height: 702px; height: 65vh; min-height: 300px; }
		.wrap { padding-left: 75px; padding-right: 75px; }
	}

	/* SMARTPHONES */
	@media (max-width:760px) {
		#titelbild  { height: 500px; height: 35vh; min-height: 220px; }
		.wrap { padding-left: 25px; padding-right: 25px; }

		html.fontface body header.header #logo a::before {
			font-size: 210px;
		}
		body header.header .wrap {
			padding-left: 25px;
		}
			
		body header.header nav {
			display: none;
		}
		body nav#mobile,
		body header.header .mobile-menu {
			display: block;
		}

		body .twocols .col {
			width: 100%;
			float: none;
			}
			body .twocols .col:nth-of-type(2n+1) { padding-right: 0; }
			body .twocols .col:nth-of-type(2n) { padding-left: 0; }

		body .threecols .col {
			width: 100%; 
			float: none;
			}

		body #zufaelle .zufalls_link,
		body #aehnliche .aehnlich_link {
			width: 33.33%;
		}

		#highlights .highlights_nav {
			width: 300px;
			height: 164px;
			margin-left: -150px;
			margin-top: -82px;
		}

		body .two-columns-one, body .three-columns-one, body .three-columns-two, body .four-columns-one, body .four-columns-two, body .four-columns-three, body .five-columns-one, body .five-columns-two, body .five-columns-three, body .five-columns-four {
			float: none;
			width: auto;
			margin-right: 0;
			clear: none;
		}
	}
	
	/* TABLETS LANDSCAPE */
	@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
	}

	/* TABLETS PORTRAIT */
	@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
	}
	
	/* SMARTPHONES LANDSCAPE */
	@media only screen and (max-device-width:480px) and (orientation:landscape) {
	h3, .h3 { font-size: 12px; font-size: 0.75rem; }
	h5, .h5 { font-size: 16px; font-size: 1rem; color: #0f7987; }	
	}
	
	/* SMARTPHONES PORTRAIT */
	@media only screen and (max-device-width:480px) and (orientation:portrait) {
	h5, .h5 { font-size: 16px; font-size: 1rem; color: #0f7987; }	
	}

/*
 * FARBEN
 */
.mdbgruen, .mdbgruenhover:hover, header.header #logo a, header.header .current-menu-item, header.header .menu-item:hover, .current-page-ancestor, .wp-caption-text { color: #0f7987; }
.mdbgrau, .mdbgrauhover:hover { color: #51626f; }
.mdbblau, .mdbblauhover:hover { color: #364193; }
.mdbrot, .mdbrothover:hover { color: #e2001a; }
.mdbgelb, .mdbgelbhover:hover { color: #f0a500; }
.mdbhellgrau, .mdbhellgrauhover:hover { color: #dce0e2; }
.mdbweiss, .mdbweisshover:hover, footer.footer { color: #fff; }

.mdbgruenbg, body, body .button-link, footer.footer { background-color: #0f7987; }
.mdbgraubg { background-color: #51626f; }
.mdbblaubg { background-color: #364193; }
.mdbrotbg { background-color: #e2001a; }
.mdbgelbbg { background-color: #f0a500; }
.mdbhellgraubg, #sidr { background-color: #dce0e2; }
.mdbweissbg, #container, header.header, #content, footer.footer #kontaktlink { background-color: #ffffff; }

.mdbgruenbgo { background-color: #0f7987; background-color: rgb(15,121,135); background-color: rgba(15,121,135,0.85); }
.mdbgraubgo { background-color: #51626f; background-color: rgb(81,98,111); background-color: rgba(81,98,111,0.85); }
.mdbblaubgo { background-color: #364193; background-color: rgb(54,65,147); background-color: rgba(54,65,147,0.85); }
.mdbrotbgo { background-color: #e2001a; background-color: rgb(226,0,26); background-color: rgba(226,0,26,0.85); }
.mdbgelbbgo { background-color: #f0a500; background-color: rgb(240,165,0); background-color: rgba(240,165,0,0.85); }
.mdbhellgraubgo { background-color: #dce0e2; background-color: rgb(220,224,226); background-color: rgba(220,224,226,0.85); }
.mdbweissbg { background-color: #ffffff; background-color: rgb(255,255,255); background-color: rgba(255,255,255,0.85); }

/*
 * FONTS
 */ 
@font-face {
	font-family: 'mdb_webfont';
	src:url('fonts/mdb_webfont.eot?h0fz38');
	src:url('fonts/mdb_webfont.eot?#iefixh0fz38') format('embedded-opentype'),
		url('fonts/mdb_webfont.woff?h0fz38') format('woff'),
		url('fonts/mdb_webfont.ttf?h0fz38') format('truetype'),
		url('fonts/icomoon.svg?h0fz38#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
	font-family: 'mdb_webfont';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.icon-mdb_logo:before {content: "\e600";}
.icon-mdb_linkedin:before {content: "\e601";}
.icon-mdb_mastodon:before {content: "\e601";}
.icon-mdb_bluesky:before {content: "\e601";}
.icon-mdb_twitter:before {content: "\e601";}
.icon-mdb_rrs:before {content: "\e602";}
.icon-mdb_facebook:before {content: "\e603";}
.icon-mdb_google:before {content: "\e604";}
.icon-mdb_search:before {content: "\e605";}
.icon-mdb_arrow:before {content: "\e606";}
.icon-mdb_navicon_close:before { content: "\e607"; }
.icon-mdb_navicon:before { content: "\e608"; }


.icon-mdb_mastodon{ 
	background-image: url("images/Logo_Mastodon.svg");
	color: transparent;
	background-size: 26px;
	background-repeat: no-repeat;
}
.icon-mdb_linkedin{ 
	background-image: url("images/Logo_Linkedin.svg");
	color: transparent;
	background-size: 26px;
	background-repeat: no-repeat;
}
.icon-mdb_bluesky{ 
	background-image: url("images/Logo_Bluesky_3.svg");
	color: transparent;
	background-size: 26px;
	background-repeat: no-repeat;
	background-position: center center;
}

/*
 * WEBFONT RUDA
 */ 

/* latin-ext */
@font-face {
  font-family: 'Ruda';
  font-style: normal;
  font-weight: 400;
  src: local('Ruda Regular'), local('Ruda-Regular'), url('webfonts/Ruda-Regular.ttf') format('truetype');
}
/* latin */
@font-face {
  font-family: 'Ruda';
  font-style: normal;
  font-weight: 400;
  src: local('Ruda Regular'), local('Ruda-Regular'), url('webfonts/Ruda-Regular.ttf') format('truetype');
}
/* latin-ext */
@font-face {
  font-family: 'Ruda';
  font-style: normal;
  font-weight: 700;
  src: local('Ruda Bold'), local('Ruda-Bold'), url('webfonts/Ruda-Bold.ttf') format('truetype');
}
/* latin */
@font-face {
  font-family: 'Ruda';
  font-style: normal;
  font-weight: 700;
  src: local('Ruda Bold'), local('Ruda-Bold'), url('webfonts/Ruda-Bold.ttf') format('truetype');
}
/* latin-ext */
@font-face {
  font-family: 'Ruda';
  font-style: normal;
  font-weight: 900;
  src: local('Ruda Black'), local('Ruda-Black'), url('webfonts/Ruda-Black.ttf') format('truetype');
}
/* latin */
@font-face {
  font-family: 'Ruda';
  font-style: normal;
  font-weight: 900;
  src: local('Ruda Black'), local('Ruda-Black'), url('webfonts/Ruda-Black.ttf') format('truetype');
  }

/*
 * BACK TO OUR REGULARLY SCHEDULED PROGRAMMING
 */
html, html.js { margin-top: 0 !important; } 
 
body {
	font-family: 'Ruda', sans-serif;
	color: #51626f;
	}
	body .wrap { margin-left: auto; margin-right: auto; }
	body a {
		color: inherit;
		text-decoration: none;
	}
	body hr {
		margin: 50px 0;
		padding: 0;
		height: 3px;
		background: url('images/border_dots.png') repeat left top;
		border: none;
		clear: both;
		}
		body hr:last-child { margin-bottom: 0; }
		body .hrwrap hr { margin-bottom: 50px; }
		@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
		body hr {
			background-image: url('images/border_dots@2x.png');
			background-size: 12px 3px;
		}
		}
		
.abstand-100-t { margin-top: 100px !important; }		

header.header {
	padding: 30px 0;
	width: 100%;
	position: fixed;
	overflow: hidden;
	top: 0;
	left: 0;
	z-index: 410;
	}
	.headroom {
	    -webkit-transition: all .25s ease-in-out;
	    -moz-transition: all .25s ease-in-out;
	    -o-transition: all .25s ease-in-out;
	    transition: all .25s ease-in-out
	}
	.headroom--pinned {
	    -webkit-transform: translateY(0);
	    -ms-transform: translateY(0);
	    transform: translateY(0)
	}
	.headroom--unpinned {
	    -webkit-transform: translateY(-100%);
	    -ms-transform: translateY(-100%);
	    transform: translateY(-100%)
	}
	body.admin-bar header.header {
		top: 32px;
	}
	@media (max-width: 782px) {
	body.admin-bar header.header {
		top: 46px;
	}
	}
	header.header #logo a {
		background: url('https://mediendesignbuero.de/wp-content/themes/mediendesignbuero/images/logo_mdb.jpg') no-repeat;
		width: 200px;
		height: 19px;
		display: block;
		float: left;	
		font-size: 1px;
		font-size: 0;
		text-indent: -2000px;
		}
		html.fontface header.header #logo a {
			background: none;
			}
			html.fontface header.header #logo a::before {
				display: block;
				content: "\e600";
				speak: none;
				text-indent: 0;
				line-height: 20px;
				font-size: 200px;
				font-family: 'mdb_webfont';
				font-style: normal;
				font-weight: normal;
				font-variant: normal;
				text-transform: none;
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale;
			}
	header.header nav {
		float: right;
		}
		header.header nav ul li {
			display: inline-block;
			margin: 0 0 0 35px;
			}
			header.header nav ul li.current-menu-item,
			header.header nav ul li.current-page-ancestor {
				font-weight: 700;
			}
			header.header nav ul li.menu-item.search {
				font-size: 75%;
			}
	header.header .mobile-menu {
		position: absolute;
		display: none;
		top: 26px;
		right: 20px;
		cursor: pointer;
		}
		header.header .mobile-menu::before {
			display: block;
			content: "\e608";
			speak: none;
			text-indent: 0;
			line-height: 24px;
			font-size: 24px;
			font-family: 'mdb_webfont';
			font-style: normal;
			font-weight: normal;
			font-variant: normal;
			text-transform: none;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
			cursor: pointer;
			color: #51626f;
			}

nav#mobile {
	display: none;
	float: none;
	}
	nav#mobile ul{
		}
		nav#mobile ul li{
			display: block;
			margin: 0 0 25px 0;
			}
	.sidr {
		display:none;
		position:absolute;
		position:fixed;
		top:0;
		height:100%;
		z-index:500;
		width:100%;
		overflow-x:none;
		overflow-y:auto;
		}
		.sidr.right{
			left:auto;
			right:-260px
		}
		.sidr.left{
			left:-260px;
			right:auto
		}
		.sidr .sidr-wrap {
			margin: 20px;
			position: relative;
		}
		body.admin-bar .sidr .sidr-wrap {
			margin-top: 52px;
		}
		@media (max-width: 782px) {
		body.admin-bar .sidr .sidr-wrap {
			margin-top: 66px;
		}
		}
		.sidr .sidr-wrap ul {
			padding: 50px 0 0 0;
		}
		nav#mobile .sidr .mobile-menu {
			display: block !important;
			position: absolute;
			top: 0;
			right: 0;
			z-index: auto;
			margin: 0 0 20px 0;
			}
			nav#mobile .sidr .mobile-menu::before {
				display: block;
				speak: none;
				text-indent: 0;
				line-height: 35px;
				font-size: 35px;
				font-family: 'mdb_webfont';
				font-style: normal;
				font-weight: normal;
				font-variant: normal;
				text-transform: none;
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale;
				cursor: pointer;
				content: "\e607";
				color: #51626f;
			}

.archive-title,
body.page .page-title {
	color: #0f7987;
	font-weight: bold;
	margin: 0 0 50px 0;
	}
.wp-post-image {
	max-width: 100%;
	height: auto;
	}
	.type-post .wp-post-image {
		margin-bottom: 25px;
	}
	.wp-post-image:last-child {
		margin-bottom: 0;
	}
.byline {
	margin: 0 0 10px 0;
}
body .button-link {
	font-size: inherit;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 10px 20px;
	display: inline-block;
}
.wp-prev-next,
.wp-prev-next-post {
	margin: 50px 0 0 0;
}
.aligncenter, div.aligncenter {
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.alignleft {
	display: block;
	float: left;
}
.alignright {
	display: block;
	float: right;
}
dl {
	margin:0 ;
	padding: 0;
}
dt {
	font-weight: bold;
	margin: 0;
	padding: 10px 5px 5px;
}
dd {
	margin: 0;
	padding: 0 0 10px 15px;
}

#content {
	padding: 60px 0 0 0;
	}
	body.home #content {
		padding-top: 0 !important;
	}
	body.admin-bar #content {
		padding-top: 92px;
	}
	@media (max-width: 782px) {
	body.admin-bar #content {
		padding-top: 106px;
	}	
	}
	#content #main,
	#content h2.tagtitle {
		padding: 30px 0 0;
		}
	#content form {
		}
		#content form input,
		#content form textarea {
			color: inherit;
			font-family: inherit;
			font-size: inherit;
			line-height: inherit;
			border: 1px solid #edeff0;
			padding: 10px 15px;
		}

.entry-content {
	}
	.entry-content p {
		margin: 0 0 25px 0;
		}
		.entry-content p:last-child {
			margin-bottom: 0;
		}
	.entry-content img {
		max-width: 100%;
		height: auto;
	}
	.entry-content .alignnone {
		margin-bottom: 25px;
	}
	.entry-content .aligncenter, .entry-content div.aligncenter {
		margin-bottom: 25px;
	}
	.entry-content .alignleft {
		margin-bottom: 25px;
		margin-right: 25px;
	}
	.entry-content .alignright {
		margin-bottom: 25px;
		margin-left: 25px;
	}
	.entry-content ul, .comment-content ul  {
		padding:6px 0 6px 40px;
		line-height: 1.3;
	}
	.entry-content ul li, .comment-content ul li {
		padding:0 0 15px;
		list-style: square;
	}
	.entry-content ol, .comment-content ol {
		padding:6px 0 6px 40px;
		line-height: 1.3;
	}
	.entry-content ol li, .comment-content ol li {
		padding:0 0 15px;
		list-style: decimal;
	}
	.entry-content ol ol li, .comment-content ol ol li {
		list-style: upper-alpha;
	}
	.entry-content ol ol ol li, .comment-content ol ol ol li {
		list-style: lower-roman;
	}
	.entry-content iframe {
		max-width: 100%;
	}
	
.elastic-video {
	position: relative;
	padding-bottom: 55%;
	padding-top: 15px;
	height: 0;
	overflow: hidden;
	}
	.elastic-video iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.entry-content .wp-caption {
		width: auto !important;
		margin-right: 0 !important;
		margin-bottom: 0 !important;
	}
	
.twocols {
	}
	.twocols .col {
		width: 50%;
		float: left;
		}
		.twocols .col:nth-of-type(2n+1) { padding-right: 25px; clear: left; }
		.twocols .col:nth-of-type(2n) { padding-left: 25px; }
.threecols {
	}
	.threecols .col {
		width: 33.33%;
		float: left;
		}
		.threecols .col:nth-of-type(3n+2) { padding-right: 0px; }
		.threecols .col:nth-of-type(3n+1) { padding-right: 0px; padding-left: 0px; }
		.threecols .col:nth-of-type(3n) { padding-left: 0px; }
		.threecols .col img {
			width: 100% !important;
			height: auto;
		}

.col {
	position: relative;
	overflow: hidden;
	}		
	.col:hover .hover {
		position: absolute;
		top: 0;
		left: 0;
		width: 101%;
		height: 100%;
		display: block !important;
		}
		.col .hover .inside {
			display: block;
			text-align: center;
			vertical-align: middle;
			width: 100%;
			height: 100%;
			}
			.col .hover .inside .handle {
				position: absolute;
				top: 0;
				bottom: 0;
				left: 0;
				right: 0;
				width: 90%;
				height: 50%;
				margin: auto;
			}
			.col .hover .inside h2 {
				margin-bottom: 10px;
			}
body.home {
	}
	body.home #neues .col {
		margin-bottom: 50px;
	}
		
body.post-type-archive-projekt,
body.tax-projekt_tag {
	}
	body.post-type-archive-projekt .col,
	body.tax-projekt_tag .col,
	body.tag .type-projekt .col,
	body.search .type-projekt .col {
		display: block;
	}
	body.post-type-archive-projekt .highlights_nav,
	body.tax-projekt_tag .highlights_nav,
	body.page .highlights_nav {
		padding: 30px 0 0 0;
		}
		body.post-type-archive-projekt .highlights_nav a,
		body.tax-projekt_tag .highlights_nav a,
		body.page .highlights_nav a {
			display: inline-block;
			margin: 0 10px;
			line-height: 1.3;
		}
		body.post-type-archive-projekt .highlights_nav .projekt_tag_main,
		body.tax-projekt_tag .highlights_nav .projekt_tag_main {
			display: block;
			margin: 0 0 30px 0;
		}
body.tag #neues .col,
body.home #neues .col,
body.archive #neues .col,
body.search #neues .col {
	margin-bottom: 50px;
}
		
body.single-projekt {
	}
	body.single-projekt #titelbild {
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	body.single-projekt .article-header {
		margin-bottom: 30px;
		}
	body.single-projekt .article-header h2 {
			width: 80%;
			margin: 0 auto 10px;
		}
	body.single-projekt .article-footer {
		margin: 50px 0 0 0;
		padding: 50px 0;
		}
		body.single-projekt .article-footer .meta {
			margin-bottom: 15px;
			}
			body.single-projekt .article-footer .meta:last-child {
				margin-bottom: 0;
			}
body.single-post {
	}
	body.single-post .article-header {
		margin-bottom: 25px;
	}
	body.single-post .article-footer {
		margin: 50px 0 0 0;
		padding: 50px 0;
		}
		body.single-post .article-footer .meta {
			margin-bottom: 15px;
			}
			body.single-post .article-footer .meta:last-child {
				margin-bottom: 50;
			}

body.blog {
	}
	body.blog article {
		margin-bottom: 50px;
	}
	
#highlights {
	position: relative;
	display: table;
	width: 100%;
	overflow: hidden;
	}		
	#highlights .highlights_slide {
		background-repeat: no-repeat;
		background-size: 100% 100%;
		background-size: cover;
		background-position: center center;
		display: block;
		z-index: 25;
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		}
	#highlights .highlights_nav {
		position: relative;
		display: table-cell;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 50;
		vertical-align: middle;
		text-align: center;
		}
		#highlights .highlights_nav a {
			display: inline-block;
			position: relative;
			z-index: 100;
			margin: 0 0 40px 0;
			}
			#highlights .highlights_nav a:last-child {
				margin-bottom: 0;
			}
		#highlights a.highlights_jump {
			padding: 50px 0 0 0;
			position: absolute;
			z-index: 50;
			left: 50%;
			margin-left: -25px;
			bottom: 100px;
			}
			#highlights a.highlights_jump::before {
				display: block;
				content: "\e606";
				speak: none;
				text-indent: 0;
				line-height: 20px;
				font-size: 40px;
				font-family: 'mdb_webfont';
				font-style: normal;
				font-weight: normal;
				font-variant: normal;
				text-transform: none;
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale;
			}
			#highlights a.highlights_jump:hover {
				opacity: 0.5;
			}
#highlights {
	display: block;
	}
	#highlights .highlights_nav {
		position: absolute;
		left: 50%;
		top: 50%;
	}
			
#zufaelle,
#aehnliche {
	padding: 0 0 25px 0;
	font-size: 1px;
	font-size: 0;
	}
	#zufaelle .zufalls_link,
	#aehnliche .aehnlich_link {
		width: 16.66%;
		display: block;
		float: left;
	}
			
footer.footer {
	text-align: center;
	line-height: 28px;
	}
	footer.footer #menu-social-media {
		margin: 0 0 28px 0;
		}
		footer.footer #menu-social-media li {
			margin: 0 10px;
			display: inline-block;
			font-size: 28px;
			position: relative;
			}
			footer.footer #menu-social-media li a {
				font-size: 1px;
				font-size: 0;
				text-indent: -2000px;
				display: block;
				position: absolute;
				top: 0;
				left: 0;
				width: 28px;
				height: 28px;
				}
	footer.footer #kontaktlink {
		padding: 50px 0 50px 0;
		}
		footer.footer #kontaktlink hr {
			margin-top: 0;
		}
		footer.footer #kontaktlink a.button-link {
			font-weight: normal;
		}
	footer.footer #inner-footer {
		padding: 50px 0;
	}
	footer.footer .copyright {
		margin: 20px 0 0 0;
	}
	
#searchform {
	width: 70%;
	margin: 0 auto;
	text-align: center;
	}
	#searchform #s {
		background-color: #edeff0;	
		padding: 10px;
		font-family: 'Ruda', sans-serif;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		color: #51626f;	
		border: 1px solid #edeff0;
		background:	#edeff0 repeat-x;	
		margin: 0 0px 0 0;	
		padding: 7px .7em 7px .7em !important;
		line-height: normal!important;	
		width: 92%;
		color: #51626f;	
		outline-width: 0;
		outline: none;
	}
	#searchform #searchsubmit{	
		font-size: 12px !important;
		margin: 0 !important;
		border-left: none;
		-webkit-border-bottom-left-radius: 0px;
		-webkit-border-top-left-radius: 0px;
		-moz-border-radius-bottomleft: 0px;
		-moz-border-radius-topleft: 0px;
		border-bottom-left-radius: 0px;
		border-top-left-radius: 0px;
		float: right;
		border: none;
		height: 30px;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		background-position: 0 -1px;
	}

#wpadminbar {
	position: fixed !important;
}