/*
Theme Name: MRE
Theme URI: https://www.keepwebsimple.de
Author: Ansgar Böttcher
Author URI: https://www.keepwebsimple.de
Description: Theme für das Institute of Mineral Resources Engineering 
Version: 1.0
License: 
License URI: 
Tags: 
Text Domain: kws_mre

*/

/*! normalize.css v2.0.1 | MIT License | git.io/normalize */img,legend{border:0}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body,figure{margin:0}a:focus{outline:dotted thin}a:active,a:hover{outline:0}h1{font-size:2em}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

a, a:visited { text-decoration: none; color: #00549f; }
a:hover { color: #444466;}
ul { margin: 0; padding:0; list-style-type: none; }
li { display: inline-block;}

h1, h2, h3, .subline { color: #a11834; }
/* Columns */

h1 { font-size: 2em; text-transform: uppercase; line-height: 1.2em; -moz-hyphens: none; -o-hyphens: none; -webkit-hyphens: none; -ms-hyphens: none; hyphens: none; }
h2 { font-size: 1.33em; line-height: 1.2em; }
h1 { margin-top: 10px;}
.stdtext h2, .stdtext h3 { margin: 1.5em 0 0 0; }

.subline { font-weight: bold; }

* {
    box-sizing: border-box;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
    float: left;
    position: relative;
	min-height: 1px;
  }

.teaserbox.col-3 { padding: 0;}

  .col-12 {width: 100%}
  .col-11 {width: 91.6666%}
  .col-10 {width: 83.3333%}
  .col-9 {width: 75%}
  .col-8 {width: 66.6666%}
  .col-7 {width: 58.3333%}
  .col-6 {width: 50%}
  .col-5 {width: 41.6666%}
  .col-4 {width: 33.3333%}
  .col-3 {width: 25%}
  .col-2 {width: 16.6666%}
  .col-1 {width: 8.3333%}

  .row {
  	float:left;
  	width:100%;
  	margin-bottom: 35px;
	}


.top-s {margin-top: 15px}
.top-m {margin-top: 30px}
.top-l {margin-top: 45px}
.bottom-s {margin-bottom: 15px}
.bottom-m {margin-bottom: 30px}
.bottom-l {margin-bottom: 40px}

.qcol-2, .qcol-1 { float: left; position: relative;}
.qcol-2 { width: 47%; }
.qcol-2:first-child { margin-right: 6%; }
.qcol-1 { }

figure { width: 100%!important; margin: 30px 0; text-align: center;}
figure img { width: 100%!important; height:auto!important;}
figcaption { text-align: center; font-size: 0.8em; margin-top: -20px; }
#primary img { width: 100%!important; height:auto!important; margin: 30px 0;}
#primary .teaserbox img { margin: 0;}
#primary .teaserbox .text img { width: auto!important; max-width: 100%; height: auto!important; margin-top: 15px; }

.searchbox { border: 2px solid #bfbfbf; display: block; height: 55px;}
img#lupe { display: inline-block; height: 27px!important; width: 27px!important; margin: 12px!important; position: relative; }
.searchbox input { border: none; font-size:  1.3em; position: relative; margin: 12px; display: inline-block;  }
.searchbox input[type="text"] { top: -19px; width: 78%;}
.searchbox input[type="submit"] { padding: 12px; width: 27px; height: 27px; background: url("/wp-content/themes/mre/img/caret-go.png"); top: -6px; }

.mm-menu.mm-offcanvas { z-index: 9999!important;}

.mobile { display: none;}

body{
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial;
	font-size: 15px;
	line-height: 1.6em;
	background-color: #fff;
	color: #333;
}

.site { 
	margin: auto;
}

#topbar, footer.site-footer { 
	background: #333; color: #fff;
}


header .slider { /*background: #00539f;*/ width: 100%; }



.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	/* many screen reader and browser combinations announce broken words as they would appear visually */
	word-wrap: normal !important;
}

/* must have higher specificity than alternative color schemes inline styles */
.site .skip-link {
	background-color: #f1f1f1;
	box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
	color: #21759b;
	display: block;
	font-family: Montserrat, "Helvetica Neue", sans-serif;
	font-size: 14px;
	font-weight: 700;
	left: -9999em;
	outline: none;
	padding: 15px 23px 14px;
	text-decoration: none;
	text-transform: none;
	top: -9999em;
}

#topbar .mlp-language-box { color: #fff; text-transform: uppercase; display: inline-block;}
#topbar .mlp-language-box a { color: #fff; text-decoration: none; padding: 3px 6px;}
.search-form { display: inline-block;}

header .slider {display: inline-block; max-width: 1600px;}
/*header .slider img { width: 100%; }*/

.site-footer { float: left; width: 100%; margin-top: 35px; }
.site-footer .inside { float: left; padding: 30px 0 60px 0;}

.boxshadow { -webkit-box-shadow: 3px 2px 0px rgba(51,51,51,1); -moz-box-shadow: 3px 2px 0px rgba(51,51,51,1); box-shadow: 3px 2px 0px rgba(51,51,51,1); }

.boxshadow2{	-webkit-box-shadow: 3px 2px 0px 0px rgba(0,0,0,0.75);
					-moz-box-shadow: 3px 2px 0px 0px rgba(0,0,0,0.75);
					box-shadow: 3px 2px 0px 0px rgba(0,0,0,0.75); }

.teaserbox img { width: 100%;}


.teaserbox, .linkbox { border-left: 1px solid #9d9ea0; padding-bottom: 30px; }
.teaserbox:nth-child(odd), .linkbox { background: #f7f7f7; }
.teaserbox:nth-child(even) { background: #ffffff; }
.teaserbox:last-child { border-right: 1px solid #9d9ea0;}

.right .teaserbox { border-top: 1px solid #9d9ea0; border-right: 1px solid #9d9ea0; background: #f7f7f7; }

.teaserbox h2 { background: #00549f; color: #fff; 
		float: left;
		width: 78.6%;
		font-size: 1.2em; text-transform: uppercase;
		padding: 15px 39px;
		position: relative;
		margin-top: -70px;
		letter-spacing: -0.01em;
	}

.linkbox h2 { background: #00549f; color: #fff; 
	float: left;
	width: 78.6%;
	font-size: 1.2em; text-transform: uppercase;
		padding: 15px 39px;
		position: relative;
}

.teaserbox .text, .linkbox .text  { display:inline-block; padding: 15px 39px 0px 39px; margin-top: -5px; 
	-moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;}

.teaserbox.contact .text { -moz-hyphens: none; -o-hyphens: none; -webkit-hyphens: none; -ms-hyphens: none; hyphens: none; }

.teaserbox.contact { margin-bottom: 30px; }

.hyphens { -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }

.teaserbox .boxlink { text-align: center; width: 100%; }
.teaserbox .boxlink a { display: inline-block; padding: 15px;}

.teaserbox ul { display: inline-block; width: 100%; margin-left: 7px; }
.teaserbox ul li, .iconbox ul li, .linkbox ul li, #primary ul li { display: block; margin: 0; padding-left: 1em; }
.teaserbox ul li:before, .iconbox ul li:before, .linkbox ul li:before, .stdtext ul li:before { position: relative; top: 5px; left: -1em; content: url("/wp-content/themes/mre/img/caret-li-s.png"); }
#primary .stdtext ul li ul li:before { content: url("/wp-content/themes/mre/img/caret-li-grey-s.png"); }
/*.teaserbox ul li a, .teaserbox ul li p, .iconbox ul li a, .linkbox ul li a, #primary ul li a { display: block; margin-top: -1.5em;  padding: 5px 0px 5px 2em; position: relative; left: -2em; overflow:hidden; font-weight: bold; width: 113%; }
*/.teaserbox ul li p { margin-bottom: 0; font-weight: normal;}

#primary ul li.address, #primary ul li.room, #primary ul li.phone, #primary ul li.fax, #primary ul li.email { padding-left: 1.6em;}
#primary ul li.address:before, #primary ul li.room:before, #primary ul li.phone:before, #primary ul li.fax:before, #primary ul li.email:before { position: relative; top: 17px; left: -2em; margin-right: -21px;}
#primary ul li.address:before { content: url("/wp-content/themes/mre/img/icon-address.png"); }
#primary ul li.room:before { content: url("/wp-content/themes/mre/img/icon-briefcase.png"); top:4px;}
#primary ul li.phone:before { content: url("/wp-content/themes/mre/img/icon-phone.png"); top: 1px;}
#primary ul li.fax:before { content: url("/wp-content/themes/mre/img/icon-fax.png"); top:1px; }
#primary ul li.email:before { content: url("/wp-content/themes/mre/img/icon-email.png"); top:1px; }

.teaserbox .text ul:first-child { padding-top: 15px; }

#primary ul li { width: 100%;}

#primary .neuanschaffungen ul li:before { position: relative; top: 22px; left: -47px; margin-right:-33px; content: url("/wp-content/themes/mre/img/icon-book.png"); }
#primary .neuanschaffungen ul li {  margin: 15px 0 0 33px; width: 90%; }
#primary .exkursionen ul li {  margin: 15px 0 0 89px; width: 90%; }
#primary .exkursionen ul li:before { position: relative; top: 53px; left: -102px; margin-right:-85px; content: url("/wp-content/themes/mre/img/icon-exkursion.png"); }
#primary .exkursionen ul li a { display:inline; }

#primary img.land { width: 32px!important; height: 20px!important; margin: 5px 10px 0 0 !important; }

#primary .col-8 ul { margin-top: 15px; }
#primary .col-8 ul li ul { margin-top: 0; }
#primary ul li:before { position: relative; top: -0px; left: -20px; margin-right:-12px; content: url("/wp-content/themes/mre/img/caret-li-s.png"); }
#primary ul li {  margin: 5px 0 0 7px; width: 90%; min-width: 220px; }
#primary .teaserbox ul li { margin: 0 0 5px 0; width: 100%;} 
#primary ul li.pdf:before { top: 10px; left: -37px; margin-right:-28px; content: url("/wp-content/themes/mre/img/icon-pdf.png"); }
#primary ul li.pdf { margin-left: 20px; width: 90%;}

.teaserbox span.caret-teaser { display: inline-block; width: 33px; height: 33px; background: url("/wp-content/themes/mre/img/caret-teaser-blue.png");}
/*.teaserbox:nth-child(odd) span.caret-teaser { background: url("/wp-content/themes/mre/img/caret-teaser-blue.png"); }
.teaserbox:nth-child(even) span.caret-teaser { background: url("/wp-content/themes/mre/img/caret-teaser-light-blue.png"); }*/

.iconbox { border-top: 4px solid #bfbfbf; }
.iconbox .icon, .iconbox .wrapper { float: left; margin-top:30px; }
.iconbox .icon { width: 14%; max-width: 87px;}
.iconbox .wrapper { margin-left: 5%; width: 80%; margin-bottom: 30px;}
.iconbox h2 { margin-top: -5px; }

.rev_slider_wrapper { position: relative; }
.tp-revslider-slidesli { max-width: 1600px;}

.tp-revslider-slidesli { width: 100%; height: 100%; overflow: hidden; z-index: 18; visibility: hidden; opacity: 0; background-color: rgba(255, 255, 255, 0); }
.tp-revslider-slidesli:first-child { width: 100%; height: 100%; overflow: hidden; z-index: 20; visibility: inherit; opacity: 1; background-color: rgba(255, 255, 255, 0); }


#primary .eckdaten ul li { width: 90%; min-width: 220px; line-height: 1.3em; }

.eckdaten b { color: #00549f; }
#primary .eckdaten ul li.pdf { margin-left: 15px; width: 90%;}

.stdtext h2.maliste { margin-bottom: 30px; margin-top: 0;}

.mitarbeiterliste .row { margin-bottom: 15px; background: #f7f7f7; }
.mitarbeiterliste .row.borderbottom { background: none; margin-bottom: 50px; }
.mitarbeiterliste .col-4, .mitarbeiterliste .col-8 { display: inline-block;}
.mitarbeiterliste .col-4 { width: 36%; }
.mitarbeiterliste .col-8 { width: 64%;  padding: 10px 20px; height: 120px; overflow: hidden;}
.mitarbeiterliste .col-12 { padding: 10px 20px; }
#primary .mitarbeiterliste img { margin: 0;}
#primary .mitarbeiterliste ul li:before { content: '';}
#primary .mitarbeiterliste ul li { margin: 0;}
#primary img.half { width: 50%!important; margin-left: 25%; }

.page-template-mre-projekt #primary .col-8 img, .parent-pageid-25 #primary .col-8 img, .parent-pageid-22 #primary .col-8 img { width: initial!important; margin: 30px auto; max-width: 600px; clear: both; 	display: block; }

.back-to-top {
    width: 46px;
    height: 40px;
    text-align: center;
    background: #333;
    color: #fff;
    font-size: 1.2em;
    display: inline-block;
    padding-top: 6px;
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 99999999;
    border: 1px solid #fff;
}

a.back-to-top:hover { background: #00549f; color: #fff; cursor:pointer; }

img.mrelogo { width: 343px; }

	#topbar { height: 43px; }
	#topbar .inside, #topnavi .inside { width: 80%; margin: 0 10%; }
	#topbar .title { display: inline-block; margin: 9px 0 0 357px; font-weight: bold; font-size: 1.2em; }
	#topbar .language { float: right; font-weight: bold; font-size: 1.2em; position: relative; top: 8px;}
	#topbar .mlp-language-box { position: relative; top: -6px; margin-left: 6px;}
	#topbar .mlp-language-box ul { margin: 0;}
	#topbar .search { float:right; margin-left: 20px; position: relative; top: 8px; padding-left: 20px; }
	#topbar .search img { position: relative; top: 2px;}
	#topbar input.search-field { display: inline-block; background: #333; color: #fff; border: 1px solid #fff; width: 167px; height: 29px; padding-left:10px; position: relative; top: -7px; left: 8px;}
	#topbar .search button { display: none;}
	#mrelogo { display: inline-block; position: relative; top: -43px; } 

	#topnavi { height: 144px; background: #f7f7f7;}
	#site-navigation { float: right; height: 72px; position: relative; top: 72px; right: -16px;}
	#site-navigation li { height: 72px;}
	#site-navigation a { display: inline-block;font-size: 1.33em; font-weight: bold; text-transform: uppercase; color: #333; padding: 24px 16px; }
	#site-navigation a:hover { 
		background: #00549f; color: #fff; 
		-webkit-box-shadow: 1px 1px 1px 1px rgba(51,51,51,1);
		-moz-box-shadow: 1px 1px 1px 1px rgba(51,51,51,1);
		box-shadow: 1px 1px 1px 1px rgba(51,51,51,1);
	}

	#bread { height: 38px; margin: 12px 0 30px 0; border-bottom: 4px solid #333; }
	#bread .right { float: right;}
	#bread .right i { display: inline-block; margin-left: 8px;}
	#bread .right i.fontsize-s { margin-left: -4px;}
	nav.breadcrumb { width: 90%;}

	nav.breadcrumb, nav.breadcrumb a { display: inline-block;}

	.sprite-breadcrumb {
	    background-image: url(data:image/png;base64,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);
	    background-repeat: no-repeat;
	    display: block;
	}

	.sprite-breadcrumb.fontsize {
	    width: 28px;
	    height: 19px;
	    background-position: -5px -5px;
	}

	.sprite-breadcrumb.fontsize-b {
	    width: 16px;
	    height: 19px;
	    background-position: -5px -5px;
	}

	.sprite-breadcrumb.fontsize-s {
	    width: 14px;
	    height: 19px;
	    background-position: -21px -5px;
	}

	.sprite-breadcrumb.home {
	    width: 11px;
	    height: 10px;
	    background-position: -43px -5px;
	}

	.sprite-breadcrumb.pdf {
	    width: 17px;
	    height: 19px;
	    background-position: -64px -5px;
	}

	.sprite-breadcrumb.print {
	    width: 19px;
	    height: 19px;
	    background-position: -91px -5px;
	}

	footer.site-footer .inside { width: 80%; margin: 0 10%; }
	.site-footer .heading { font-weight: bold; text-transform: uppercase; }
	.site-footer ul li { display: block; margin: 0; border-bottom: 1px dotted #fff; padding-left: 2em; }
	.site-footer ul li:before { position: relative; top: 10px; left: -2em; content: url("/wp-content/themes/mre/img/caret-black.png"); }
	.site-footer ul li a { display: block; margin-top: -1.5em; color: #fff; padding: 5px 0px 5px 3em; position: relative; left: -3em; overflow:hidden;}
	.site-footer ul li:hover { background: #00549f; }

	.sidebar .heading { text-transform: uppercase; font-size: 43px; padding: 8px 15px 23px 15px; }

	.sidebar nav li { display: block; border-top: 2px dotted #ddd; }
	.sidebar nav li:last-child { border-bottom: 2px dotted #ddd; }
	.sidebar nav a { display: block; color: #333; font-weight: bold; font-size: 1.3em; padding: 23px 15px; }

	.sidebar ul.children { display: none; }
	/*.page-parent #primary, .page-child #primary { float: right; width: 75%;}
	.page-parent #secondary, .page-child #secondary  { float: left; width: 21.95%; margin-right: 0.28%; }*/
	#primary { float: right; width: 75%;}
	#secondary  { float: left; width: 21.95%; margin-right: 0.28%; }
	.home #primary { width: 100%;}

	.sidebar .current_page_item ul.children, .sidebar .current_page_parent ul.children { display: inline-block; width: 100%;}
	.sidebar nav a:hover, .sidebar li.current_page_item a, .sidebar .current_page_parent a { background: #00549f; color: #fff; }
	.sidebar li.current_page_item .children li a, .sidebar .current_page_parent li a { background: #f7f7f7; color: #333; font-weight: normal; }
	.sidebar .current_page_parent li.current_page_item a { background: #a11834; color: #fff; font-weight: bold; }



	.slidecontent { display: inline-block; width: 900px;}

	.heading_1, .heading_2, .textbox  { background: #00539f; color: #fff; padding: 7px 14px 14px 14px; margin: 4px; font-size: 1.3em; display: inline-block; }

	.textbox { width: 460px; clear:both; float: left;}

	.heading_1, .heading_2 { font-weight: bold; font-size: 2em; clear:both; float: left;}

	.slidecontent .more { display: inline-block; background: #a11834; color: #fff; padding: 4px 7px 8px 7px; border-radius: 5px; margin-top: 14px; z-index:100!important; }
	.slidecontent .more img { display: inline-block; position: relative; top:2px; }
	/* ARROWS */
	.custom.tparrows {
		cursor:pointer;
		background: #333;
	  	background: rgba(51,51,51,0.5);
		width:45px;
		height:45px;
		position:absolute;
		display:block;
		z-index:100;
		color: #ccc;
	}
	.custom.tparrows:hover {
		background: #333;
	  	background: rgba(51,51,51,0.9);
	  	color: #fff;
	}
	.custom.tparrows:before {
		font-family: "revicons";
		font-size:15px;
		color:#fff;
		display:block;
		line-height: 40px;
		text-align: center;
	}
	.custom.tparrows.tp-leftarrow:before {
		content: url("/wp-content/themes/mre/img/sl-caret-prev.png");
		margin: 7px;
	}
	.custom.tparrows.tp-rightarrow:before {
		content: url("/wp-content/themes/mre/img/sl-caret-next.png");
		margin: 7px;
	}

	#primary .col-8 { padding-right: 36px; }

	.borderbottom { border-bottom: 4px solid #bfbfbf; padding-bottom: 36px; margin-bottom: 36px; }

	table.pub th { background: #a11834; color: #fff; padding: 15px 25px; text-transform: uppercase; text-align: left; font-size: 1.33em; }
	table.pub tr:nth-child(even) { background: #fff; }
	table.pub tr:nth-child(odd) { background: #f7f7f7; }
	table.pub td { padding: 25px 0;}
	table.pub td:first-child, table.pub th:first-child { padding-left: 25px; padding-right: 25px; vertical-align: top; width: 66%; }
	table.pub td:nth-child(2), table.pub th:nth-child(2) { vertical-align: top; padding-left: 15px; }

	.page-item-43 ul.children { display: none!important; }

	.site {
		width: 1600px;
	}

	#content {
		display: inline-block;
		width: 80%; margin: 0 10%;
	}




@media screen and (max-width: 768px) {

	.desktop { display: none;}

	#mrelogo { margin-top:0; top:0;}
	#topbar { height: auto;}
	#topbar .title { margin: 0;}
    #topbar .search { float: none; margin-top: 10px; margin-left: 0; top: 0; padding: 0; display: inline-block;}
    #topbar .language { float: none; display: inline-block; top: 0; margin-left: 20px;}
    #topbar .inside, #topnavi .inside { width: 90%; margin: 0 5%; }
    #topnavi { height: auto; padding-bottom: 5px;}

    #bread { height: auto; padding-bottom: 10px; }

    a.mobile { font-size: 1.2em; width: 100%; display: inline-block;}
    .tp-caption { display: none; }

    .site { width: 100%;}

    #content { display: inline-block; width: 90%; margin: 0 5%;}
    #primary { width: 100%; }
    #secondary { display: none; }

    .qcol-2, .col-3, .col-4, .col-8 { width: 100%; }
    #primary .col-8 { margin-bottom: 40px; padding-right: 0;}


    .teaserbox { margin-bottom: 40px;}
    .linkbox { margin: 40px 0;}

    .iconbox .wrapper { width: 100%; margin: 0 0 30px 0; }
    .iconbox h2 { position: relative; top: -46px; left: 107px; width: 70%;}
    .iconbox .text { position: relative; top: -46px; margin-bottom: -26px; }

    footer .qcol-2 { margin-bottom: 30px; }
    footer .qcol-2 .qcol-2:nth-child(2) { margin-bottom: 0; }

    .borderbottom { padding-bottom: 0}

    #primary .exkursionen ul li { width: 80%; }
    #primary img.half { width: 100%!important; margin: 30px 0;}

    .searchbox input[type="text"] { 
    	width: 90%; z-index: 0; 
    	padding-left: 35px; top:-58px;
    }
    img#lupe, .searchbox input[type="submit"] { z-index: 1; }

    .searchbox input[type="submit"] { float: right; top: -110px;}

    tr { display: block;}

    .mitarbeiterliste .row { background: none; }

    h1 { -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }

}

@media screen and (min-width: 769px) and (max-width: 980px) {

	.desktop { display: none;}
	
	#mrelogo { margin-top:0; top:0;}
	#topbar { height: auto;}
	#topbar .title { margin: 0;}
    #topbar .search { float: none; margin-top: 10px; margin-left: 0; top: 0; padding: 0; display: inline-block;}
    #topbar .language { float: none; display: inline-block; top: 0; margin-left: 20px;}
    #topbar .inside, #topnavi .inside { width: 90%; margin: 0 5%; }
    #topnavi { height: auto; padding-bottom: 5px;}

    .mobile { font-size: 1.2em; width: 100%; display: inline-block; text-align: right;}

    .site { width: 100%;}
    #content { display: inline-block; width: 90%; margin: 0 5%;}
    #primary { width: 100%; }
    #secondary { display: none; }

	#primary .col-8 { width: 50%; }
    #primary .col-4, #primary .col-3 { width: 50%; padding-left: 5%}
    
    .qcol-2 { width: 100%;}

    .heading_1, .heading_2, .textbox  { background: #00539f; color: #fff; padding: 7px 14px 14px 14px; margin: 4px; font-size: 2.5em; display: inline-block; }
    .tp-caption .text { font-size: 3.5em; line-height: 1.6em;}

	.textbox { width: 460px; clear:both; float: left; }

	.heading_1, .heading_2 { font-weight: bold; font-size: 5em; line-height: 1.3em; clear:both; float: left;}

	.slidecontent .more { font-size: 7em; line-height: 1.6em; display: inline-block; background: #a11834; color: #fff; padding: 4px 7px 8px 7px; border-radius: 5px; margin-top: 14px; z-index:100;}
	.slidecontent .more img { display: inline-block; position: relative; top:2px; }

	footer .qcol-2 { margin-bottom: 30px; }

	#primary .exkursionen ul li { width: 80%; }
    #primary img.half { width: 100%!important; margin: 30px 0;}

    .searchbox input[type="text"] { 
    	width: 90%; z-index: 0; 
    	padding-left: 35px; top:-58px;
    }
    img#lupe, .searchbox input[type="submit"] { z-index: 1; }

    .searchbox input[type="submit"] { float: right; top: -110px;}

    .page-template-mre-projekt #primary .col-8 img, .parent-pageid-25 #primary .col-8 img, .parent-pageid-22 #primary .col-8 img { width: 100%!important;}

	.teaserbox { margin-bottom: 40px;}
    .linkbox { margin: 40px 0;}

}

@media screen and (min-width: 1350px) and (max-width: 1600px) {

	.mobile { display: none;}

	.site { width: 100%;}

	#content, footer.site-footer .inside { width: 90%; margin: 0 5%; }

}

@media print {

	* { overflow: visible; }
	.site { width: 100%;}

	.slider, .rev_slider_wrapper, footer, #secondary,
	.search, .language { display:none;}

	#mrelogo { display:inline-block;}

	.desktop, .mobile { display: none;}
	
	#mrelogo { margin-top:0; top:0;}
	#topbar { height: auto;}
	#topbar .title { margin: 0;}
    #topbar .inside, #topnavi .inside { width: 90%; margin: 0 5%; }
    header { height: 125px;}
    #topnavi { height: 120px; padding-bottom: 5px;}

    #bread { padding-top: 10px; }

    .site { width: 100%;}
    #content { display: inline-block; width: 90%; margin: 0 5%;}
    #primary { width: 100%; }
    #secondary { display: none; }

	#primary .col-8 { width: 100%;  }
    #primary .col-3 { width: 49%; padding-left: 0%}

    #primary .col-8 { page-break-after: always; }

	.teaserbox { margin-top: 30px; margin-bottom: 0}
    .teaserbox .text { width: 90%; padding: 5%;}

    #primary .col-4.right { width: 100%; }
    #primary .col-4.right .teaserbox { width: 50%; float: left;}

    .row { display:block; float:none;}

    .borderbottom { border:none;}
    
    .qcol-2 { width: 100%;}

	#primary .exkursionen ul li { width: 80%; }
    #primary img.half { width: 100%!important; margin: 30px 0;}

    .searchbox input[type="text"] { 
    	width: 90%; z-index: 0; 
    	padding-left: 35px; top:-58px;
    }
    img#lupe, .searchbox input[type="submit"] { z-index: 1; }

    .searchbox input[type="submit"] { float: right; top: -110px;}

    .page-template-mre-projekt #primary .col-8 img, .parent-pageid-25 #primary .col-8 img, .parent-pageid-22 #primary .col-8 img { width: 100%!important;}

	.teaserbox { margin-bottom: 40px;}
    .linkbox { margin: 40px 0;}

    section { display: inline;}

}