/*
Theme Name: Max Gr�nebaum-Stiftung
Theme URI: http://www.max-gruenebaum-stiftung.de
Description: Dieses Wordpress-Design ist ausschlie�lich f�r die Max Gr�nebaum-stiftung
Version: 1.0
Author: Marcus Scheib (http://www.netzpanda.de)
*/

/* Standart-Styles */

@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(https://fonts.googleapis.com/css?family=PT+Serif:400,400italic,700,700italic);


*{
	box-sizing:border-box;
	margin:0px;
	padding:0px;
	font-family: 'PT Serif', serif;
	color:#1c203f;
	font-size:18px;
	line-height:150%;
}



h2, h3, h1, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .bigBtn{
	font-family: 'Montserrat', Helvetica, Arial, sans-serif;
}

html, body{
	margin:0px;
	padding:0px;

}

a{
	border:0px;
	text-decoration:none;
}

.hr, hr{
border-bottom:1px solid #f2efe7;
padding:10px 0px 10px 0px;
}

::-webkit-input-placeholder {color: rgba(0,0,0,0.5);}
:-moz-placeholder {color: rgba(0,0,0,0.5);}
::-moz-placeholder {color: rgba(0,0,0,0.5);}
:-ms-input-placeholder {color: rgba(0,0,0,0.5);}

/*alles was blaue Schrift braucht*/

#nav ul li a, h2, h3, h1{
color:#1c203f;
}

/* Standartklassen */

.clear{
	position:relative;
	clear:both;
	width:100%;
}

.verticalCenter{
	margin: 0px;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.center{
	position:relative;
	width:100%;
	max-width: 1200px;
	margin:0 auto;
}

.transition05,
.transition05:hover{
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
    transition: all 0.5s;
}

.theSection{
margin: 70px 0px 55px 0px;
border-bottom: 2px solid #f2efe7;
}

.paddingLeft{
padding:0px 0px 0px 30px;
}

.pb55{
padding:0px 0px 55px 0px;
}

.fright{
float:right!important;
}

.ptb60{
padding:60px 0px 60px 0px;
}

.drittel{
width:30%;
width: calc( 33.3% - 45px );
margin:0px 22px 0px 22px;
height:auto;
float:left;
}

.drittel:nth-of-type(3n+1){
margin: 0px 22px 0px 0px;
}

.drittel:nth-of-type(3n+3){
margin: 0px 0px 0px 22px;
float:right;
}

.drittel h2,
.categoryArticle h2{
font-size:35px;
line-height:120%;
padding-bottom:20px;
}

.zweidrittel{
width:60%;
width: calc( 66.6% - 45px );
margin: 0px 22.5px 0px 22.5px;
float:left;
}

.verticalCenter{
	margin: 0px;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

/* zoompic */
.zoompic{
overflow:hidden;
width:100%;
position:relative;
height:0px;
padding-bottom:66%;
}

.zoompic img{
width:100%;
height:auto;
position:absolute;
}

.zoompic:hover img{
width:106%;
height:auto;
margin-left:-3%;
margin-top:-3%;
}

/* Small Portrait*/

.smallPortrait{
width: 20%;
width: calc( 25% - 30px );
height: 350px;
margin: 0px 20px 40px 20px;
float:left;
}

.smallPortraitDevider .smallPortrait:nth-of-type(4n+1){
margin: 0px 20px 40px 0px;
}

.smallPortraitDevider .smallPortrait:nth-of-type(4n+4){
margin: 0px 0px 40px 20px;
float:right;
}

.smallPortrait figure{
overflow:hidden;
width:100%;
position:relative;
height:0px;
padding-bottom:100%;
}

.smallPortrait h2,
.smallPortrait h2 a{
font-size:25px;
line-height:120%;
color:#ff6600;
font-family: 'PT Serif', serif;
margin-top: 20px;
}

.smallPortrait h3,
.smallPortrait h3 a{
font-size: 14px;
margin-top: 10px;
line-height: 120%;
}

.smallPortrait img{
position: absolute;
width: auto;
height: 100%;
}

.darkBG{
	background-color: #f2efe7;
}

object{
pointer-events: none;
}

.fixed{
position:fixed;
width:100%;
}

.lightHeadline{
    font-size: 1.5rem;
    color: #cac2ae;
    line-height: 140%;
    margin-bottom: 15px;
	padding-top:60px;
}

#fixedHeader{
z-index:100000000;
top: 0px;
}

.bigBtn{
width:220px;
height:50px;
line-height:50px;
border-bottom: 5px solid #e55c00;
background-color:#ff6600;
color:#fff;
font-size:22px;
font-weight:bold;
display:inline-block;
margin-top:40px;
text-align:center;
}

.bigBtn:hover{
background-color:#e55c00;
border-bottom:5px solid #ce5300;
}

/* ############################  HEADER  ################################ */
.h1Headline{
position:absolute;
top:-9999px;
left:-9999px;
}


#header{
position:relative;
width:100%;
height:50px;
background-color:#fff;
border-bottom:1px solid #ededed;
}

#mobileNavBg{
position:fixed;
z-index:100000000;
top:-100%;
left:0px;
background-color:#fff;
padding:0px 30px 30px 30px;
color:#1c203f;
width:100%;
height:100%;

-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}

.darkHeader #mobileNavBg{
background-color:#1c203f !important;
border-color:rgba(0,0,0,0)!important;
color:#fff;
}

#menu-mobile-menu{
list-style: none;
font-size: 30px;
line-height: 150%;
margin-top: 70px;
text-align: center;
}

#menu-mobile-menu li a{
font-family: 'Montserrat';
color: #1c203f;
font-weight:bold;
}


.darkHeader #menu-mobile-menu li a{
color: #fff;
}

.openMobileNav{
top:0% !important;
}

.toggleMenuBtn,
.mobileNavIcon{
position:absolute;
height:19px;
width:25px;
right:20px;
bottom:15px;
display:none;
}

.mobileNavIcon{right:10px;left:auto; height:25px;}

/* Animierter Toggle-Menu-Buton */

.toggleMenuBtn .theToggleMenu{
width: 100%;
height: 100%;
position: relative;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg); /* IE 9 */
transform: rotate(0deg);

-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}

.toggleMenuBtn .theToggleMenu span{
display: block;
position: absolute;
height: 3px;
width: 100%;
background: #1c203f;
border-radius: 3px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);

-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}

.darkHeader .toggleMenuBtn .theToggleMenu span{
background: #fff;
}

.toggleMenuBtn  .theToggleMenu span:nth-child(1){top: 0px;}
.toggleMenuBtn .theToggleMenu  span:nth-child(2),.toggleMenuBtn .theToggleMenu  span:nth-child(3){top: 8px;}
.toggleMenuBtn  .theToggleMenu  span:nth-child(4){top: 16px;}

.toggleMenuBtn .theToggleMenu.open span:nth-child(1) {top: 8px; width: 0%; left: 50%;}
.toggleMenuBtn .theToggleMenu.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.toggleMenuBtn .theToggleMenu.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.toggleMenuBtn .theToggleMenu.open span:nth-child(4) {
  top: 8px;
  width: 0%;
  left: 50%;
}


/* Mobile-Image  */

.mobileImg{
display:none;
}

#logo{
width:230px;
height:50px;
float:left;
background-image:url(img/logo_dark_small.svg);
background-position:left 4px;
background-repeat:no-repeat;
background-size: auto 38px;
opacity:1;
}

#logo object, #logo img{
width:auto;
height:100%;
}

#headerNav ul{
list-style:none;
float:right;
}

#headerNav ul li{
	display:block;
	list-style:none;
	float:left;
	height:50px;
	width:150px;
}

#headerNav ul li a{
	height:100%;
	width:100%;
	padding: 0px 6px 0px 6px;
	line-height:50px;
	font-size:18px;
	display:block;
}

#headerNav ul li ul{
height:0px;
overflow:hidden;
-moz-transition: height 0.5s;
-webkit-transition: height 0.5s;
-o-transition: height 0.5s;
transition: height 0.5s;
}

#headerNav ul li:hover ul{
height:420px;
-moz-transition: height 0.5s;
-webkit-transition: height 0.5s;
-o-transition: height 0.5s;
transition: height 0.5s;
}

#headerNav ul li ul li{
height:auto;
background-color:#fff;
}

#headerNav ul li ul li a{
line-height: 120%;
padding: 10px;
border-bottom: 1px solid #ededed;
border-left: 1px solid #ededed;
border-right: 1px solid #ededed;
box-sizing: border-box;

-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}

#headerNav ul li ul li:hover a{
background-color:rgba(0,0,0,0.05);
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}

#spTop .bigLogo{
width:50%;
height:auto;

margin: 0px;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

.darkHeader #logo{
opacity:0;
}

.darkHeader #header{
background-color:#1c203f !important;
border-color:rgba(0,0,0,0)!important;
}

.darkHeader,
.darkHeader #headerNav ul li ul li a{
background-color:rgba(0,0,0,0)!important;
border-color:rgba(0,0,0,0)!important;
}

.darkHeader #headerNav ul li ul li{
background-color:#1c203f !important;
border-color:#494d65 !important;
color:#fff !important;
}

.darkHeader #headerNav ul li a{
color:#fff!important;
}

.darkHeader #headerNav ul li ul li:hover a{
background-color:rgba(255,255,255,0.2)!important;
}

#singleArticle,
#category{
top: 50px;
position: relative;
}

h2,
#singleArticle h1,
#category h1{
font-size:50px;
}

#category figcaption{
background-color: #efefef;
padding: 20px;
text-align: right;
font-style: italic;
}


/*N�chster und Vorheriger Artikel Pfeil*/


.postArrow{
position:fixed;
top:50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left:0px;
width:60px;
height:60px;
font-size:35px;
background-color: #f2efe7;
color:#ff6600;
z-index: 1000000000;
border: 1px solid #e2dfd7;
border-left:0px;
}


.postArrow a{
color:#ff6600;
width: 100%;
height: 100%;
display: block;
padding-left: 15px;
line-height:60px;
}


.nextPostArrow{
right: 0px !Important;
left: auto;
border-left: 1px solid #e2dfd7;
border-right:0px;
}


.nextPostArrow a{
color:#ff6600;
width: 100%;
height: 100%;
display: block;
padding-left: 25px;
line-height:60px;
}



/* ##############  Top-Section index.php ##################### */

#spTop{
width:100%;
height: 100vh;
max-height:800px;
background:#1c203f url(img/mg_bg.jpg) no-repeat fixed right top;
background-size:auto 100%;
}



/* ############################  Glider- Gestaltung  ################################ */

.gliderSection{
width:100%;
position:relative;
height: 75vh;
max-height: 650px;
background-color: #f2efe7;
overflow:hidden;
}

.gliderSection  h2{
line-height:110%;
margin-bottom:20px;
}

.noLine{
border:0px;
}

.gliderTextGlider{
width: 100%;
max-width: 470px;
background-color: #fff;
position:absolute;
z-index:100;
height:104%;
overflow: hidden;
overflow-x:scroll;
}

.gliderTextBody,
.gliderImageBody{
position: absolute;
height:100%;
-ms-box-orient: horizontal;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -moz-flex;
display: -webkit-flex;
display: flex;
}

.gliderImageBody{
    min-width: 150%;
}

.gliderArticle,
.gliderImage{
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 300px;
	min-width:300px;
	margin:30px 110px 0px 30px;
	transform: scale(1);
	user-drag: none;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-ms-user-drag: none;
	position:relative;
}

.gliderImage{
margin:0px;
width:auto;
height:100%;
}

.gliderImage img{
height:100%;
user-drag: none;
user-select: none;
-moz-user-select: none;
-webkit-user-drag: none;
-webkit-user-select: none;
-ms-user-select: none;
-ms-user-drag: none;
}

.theGliderBtns{
    position: absolute;
    z-index: 1000000;
    top: 150px;
    left: 50%;
    margin-left: calc( -600px + 348px);
}

.gliderBtn{
width:90px;
height:90px;
background-color:#f2efe7;
margin:0px 6px 0px 7px;
position:absolute;
cursor:pointer;
background-image:url(img/gliderarrow.png);
background-size: 100% 100%;
}

.gliderBtn:hover{
background-color:#e6e3da;
}

.nextGlideBtn{
left:100px;
transform:scaleX(-1);
}


.absoluteGlider{
width:100%;
position:absolute;
height:100%;
top:0px;
left:0px;
z-index:10;
}

.gliderImageGlider{
/*position: absolute;*/
height: 103%;
height: calc( 100% + 30px );
top: 0px;
left: 0px;
z-index:0;
position: relative;
width: 100%;
overflow: hidden;
overflow-x:scroll;
}

.gliderSection{
cursor: -webkit-grab;
cursor: -moz-grab;
}





/* ############################  Glider- Gestaltung  ################################ */



/* ########################### Half Article ##########################*/

.leftHalf,
.rightHalf{
float:right;
width: 48%;
width: calc( 50% - 22.5px );
height:auto;
margin:0px 0px 0px 22px;
}

.leftHalf img,
.rightHalf img{
width:100%;
height: auto;
}

.leftHalf{
float:left;
margin:0px 22px 0px 0px;
}




/* ################################################################################## */
/* ########################     Single-Article-Layout     ########################### */
/* ################################################################################## */


#singleArticle h1,
#tinymce h1{
    text-align: center;
    color: #ff6600;
}

.aufmacherBild{
    height: 100vh;
    max-height: 800px;
    overflow: hidden;
    text-align: center;
    background-color: #f2efe7;
	position:relative;
}

.absoluteOverlay{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
z-index:10;
}

.absoluteOverlay .center{
height:100%;
}

.aufmacherBild figcaption{
position: absolute;
bottom: 10px;
right: 10px;
width: 100%;
max-width: 450px;
background-color: #fff;
padding: 20px;
text-align: right;
font-size:16px;
}

.aufmacherBild h2{
font-size:22px;
}

.aufmacherBild img{
max-width:100%;
max-height:100%;
}

#singleArticle .theContent,
#tinymce .theContent{
    max-width: 800px;
    margin: 0 auto;
	padding-top:50px;
	margin-bottom: 240px;
}
#singleArticle .theContent>h2,
#tinymce>h2{
margin-top:0px;
}

.theContent p,
.theContent a,
.theContent li,
#tinymce a,
#tinymce li,
#tinymce p{
font-size: 18px;
line-height: 155%;
margin: 20px 0px 20px 0px;
}



.theContent a,
#tinymce a{
color: #f60;
}

.theContent ul,
#tinymce ul,
.theContent ol,
#tinymce ol{
padding: 10px 10px 10px 50px;
margin: 20px 30px 20px 30px;
background-color: #f2efe7;
}


.theContent blockquote,
#tinymce blockquote{
padding: 10px 10px 10px 50px;
margin: 20px 0px 20px 0px;
background-color: #f2efe7;
}

.theContent li,
#tinymce li{
margin: 10px 0px 10px 0px;
}

.theContent h2,
#tinymce h2{
font-size: 36px;
padding: 0px 0px 0px 15px;
border-left: 10px solid #f2efe7;
margin: 75px 0px 15px 0px;
display: inline-block;
}

.theContent h3,
#tinymce h3{
font-size:22px;
padding-top:10px;
}

.h2Navigation{
background-color: #f2efe7;
padding: 0px;
height: auto;
margin-bottom: -11px;
border-bottom:1px solid #e2dfd7;
}


.h2Navigation ul{
text-align:center;
}

.h2Navigation ul li{
display: inline-block;
padding: 10px;
font-family: 'Montserrat', Helvetica, Arial, sans-serif;
cursor:pointer;
border-left:1px solid #e2dfd7;
}

.h2Navigation ul li:last-of-type{
border-right:1px solid #e2dfd7;
}


.fixThisNav{
position: fixed;
top: 50px;
width: 100%;
z-index: 500;
}

/*Bilder im Artikel*/

.wp-caption-text,
.wp-caption-dd{
padding: 10px 15px 15px 15px;
background-color: #f2efe7;
box-sizing: border-box;
font-family: 'Montserrat', Helvetica, Arial;
font-size: 14px !Important;
line-height: 150% !Important;
margin-top: -5px !Important;
}

.wp-caption{
max-width:calc( 100% + 160px );
}

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

.alignnone {
    margin: 5px 20px 20px 0;
}


.alignright {
float:right;
margin: 5px -80px 20px 30px;
}

.alignleft {
    float: left;
	margin: 5px 30px 20px -80px;
}

.aligncenter,
div.aligncenter {
	margin: 5px -80px 20px -80px;
	display: block;
	max-width: calc( 100% + 160px);
	height: auto;
}



a img.alignright {
    float: right;
        margin: 5px -80px 20px 30px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
	margin: 5px 30px 20px -80px;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
		max-width: calc( 100% + 160px);
		height: auto;
}

/*  TinyMCE-Editor   */

#tinymce{
max-width:800px;
margin:0 auto;
}


/* ################################################################################## */
/* ########################     Kategorie-�bersichtsseite    ########################### */
/* ################################################################################## */
/*
#category header{
background:#f2efe7;
}

#category header figure{
width:50%;
max-width: 600px;
height:auto;
float:left;
margin-right:20px;
}

#category header figure img{
width:100%;
height:auto;
}
 */

 .categorylist .categoryArticle{
 margin:40px 0px 0px 0px;
 }

.theTermin{
padding-bottom: 30px;
margin-bottom: 30px;
border-bottom: 2px solid #f2efe7;
}

.theTermin p{
	margin-bottom:30px;
}

.theTermin p a{
	color:#ce5300;
}

.theTermin figcaption{
display:none;
}

.theTermin header{
	margin-bottom:30px;
}
x
.fullWidthIMGSmall{
width: 100%;
position: relative;
padding-bottom: 33%;
overflow: hidden;
height: 0px;
}

.fullWidthIMGSmall img{
width:100%;
}

.fullWidthCategoryAufmacher{
width: calc( 100% - 45px );
height: auto;
margin: 30px;
}

#footer{
margin-top: 80px;
position: relative;
background-color: #1c203f;
}

#footerNav{
margin:0 auto;
margin-top: 20px;
}

#footerNav ul{
padding: 20px;
}

#footerNav ul li{
display: inline-block;
float: left;
margin: 20px;
}

#footerNav ul li a{
color:#fff;
}

/* ################################################################################## */
/* ########################     Gallery-Stylesheets    ########################### */
/* ################################################################################## */

.steTheGalerieElement{
    margin: 60px -80px 150px -80px;
}

.steTheGalerieElement .thisIsGallery{
padding-bottom: calc( 75% + 80px );
position: relative;
overflow:hidden;
}

.steTheGalerieElement:after{
clear:both;
position:relative;
width:100%;
}

.steTheGalerieElement .steTheGalleryElementInner{
padding-bottom: calc( 75% + 100px );
position: relative;
overflow:hidden;
background-color: #f2efe7;
}


.steTheGalerieElement .thisIsGallery{
	position:absolute;
	width:100%;
	height:100%;
	overflow:hidden;
	cursor: -webkit-grab; cursor: -moz-grab;

}

.steTheGalerieElement .imageGlider, .nextBtn, .prevBtn, .imgPointNavigator{
position:absolute;
}

.steTheGalerieElement .nextBtn, .prevBtn, .imgPointNavigator{
z-index: 30;
}

.steTheGalerieElement .nextBtn, .steTheGalerieElement  .prevBtn{
width:40px;
height:60px;
color:#fff;
font-weight:bold;
line-height:60px;
text-align:center;
top:50%;
margin-top:-30px;
cursor:pointer;
font-size:20px;
background-color:rgba(255,255,255,0.3);
transition: all 0.2s ease-in;
}

.steTheGalerieElement .nextBtn:hover, .steTheGalerieElement .prevBtn:hover{
transition: all 0.2s ease-in;
}

.steTheGalerieElement .prevBtn{
left:0px;
}

.steTheGalerieElement .nextBtn{
right:0px;
}

.steTheGalerieElement .imageGlider{
 height:100%;
/*width:5000px;*/
top:0px;
left:0px;

	-ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
}

.steTheGalerieElement .sliderIMG{
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
height:100%;
min-height:100%;
margin:0px;
}

.steTheGalerieElement  .sliderIMG figcaption{
position: absolute;
bottom: 10px;
right: 10px;
width: 100%;
max-width: 600px;
background-color: #fff;
padding: 20px;
text-align: right;
font-size: 16px;
}

.steTheGalerieElement .verticalCenter{
height:100%;
width:100%;
position:relative;
}

.steTheGalerieElement .verticalCenter img{
position:absolute;
top:50%;
left:50%;
-webkit-transform: translateY(-50%) translateX(-50%);
-ms-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
width:auto!important;
height:auto;

user-drag: none;
user-select: none;
-moz-user-select: none;
-webkit-user-drag: none;
-webkit-user-select: none;
-ms-user-select: none;
-ms-user-drag: none;
max-height:100%;
max-width:100%;
}

.steTheGalerieElement .verticalCenter div{
-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
padding:20px;
position:absolute;
bottom:30px;
left:0px;
width:100%;
height:100px;

color:#fff;
text-align:center;
}

.steTheGalerieElement .nextBtn,
.steTheGalerieElement .prevBtn{
	position: absolute;
	z-index: 100;
	top: calc( 50% - 60px );
	width: 60px;
	height: 60px;
	line-height: 60px;
	font-weight: bold;
	cursor: pointer;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align:center;
	background-color: #ff6600;
	color: #ffffff;
	border-bottom: 3px solid rgba(0,0,0,0.05);
}

.steTheGalerieElement .nextBtn:hover,
.steTheGalerieElement .prevBtn:hover{
	background-color:rgba(0,0,0,0.05), #ff6600;
}

/* ################################################################################## */
/* ############################     Media-Querie     ################################ */
/* ################################################################################## */


@media all and (max-width:1200px){
	.theGliderBtns{
	left:600px;
	}

}


@media all and (max-width:1024px){
	#spTop{
	background-size: auto 100%;
	background:#1c203f url(img/mg_bg.jpg) no-repeat scroll right bottom;
	}

	.drittel{
		width:47%;
	    width: calc( 50% - 45px );
	}

	.early100{
	    width: 97%;
		width: calc(100% - 20px );
		margin: 0px 20px 20px 0px !important;
	}

	.zweidrittel{
	    width: calc( 100% - 40px);
		margin: 0px;
	}

	#headerNav ul li{
		width:120px;
	}

	.h2Navigation {
	display:none;
	}

	.alignright {
    margin: 5px 0px 20px 30px;
	max-width:100%;
	}

	.alignleft{
    margin: 5px 30px 20px 0px;
	max-width:100%;
	}

	.aligncenter{
    margin: 5px 0px 20px 0px;
	max-width:100%;
	}

	.aufmacherBild{height:auto;}

	.steTheGalerieElement{
		margin: 60px 0px 150px 0px;
	}
}


@media all and (max-width:960px){
	.postArrow {
	display:none;
	}
}

@media all and (max-width:868px){
	#singleArticle .theContent, #tinymce .theContent{
	margin: 0px 20px;
	}
}


@media all and (max-width:768px){

	.gliderSection {
		position: relative;
		height:auto;
		max-height:none;
	}

	.gliderImageGlider {
		display:none;
	}

	.gliderTextBody, .gliderImageBody {
		height: auto;
	}

	.gliderImage {
		margin: 0px;
		width: 75vw;
		min-width:75vw;
		height: auto;
		min-width:350px;
	}

	.gliderArticle, .gliderImage {
		width: 73vw;
		min-width: 73vw;
		margin: 30px 20px 20px 20px;
		position: relative;
		width: calc( 75vw - 40px);
	}

	.gliderImage{
	margin:0px !Important;
	}

	.gliderImage img {
		width: 100%;
		height: auto;
	}


	.absoluteGlider {
		position:static;
		height: auto;
		min-height: 750px;
	}

	.absoluteGlider .center{
	height:auto!important;
	}

	.gliderTextGlider {
		width: 100%;
		max-width:100% !important;
		height: auto;
		min-height: 770px;
	}

	.gliderTextBody{
		min-width:200%;
	}

	.theGliderBtns {
		display:none;
	}



	/*Mobiles Men� */

	.toggleMenuBtn{
	display:block;
	}

	#menu-header-menu{
	display:none;
	}

	/* Mobile Img */

	.gliderImageGlider{
	display:none;
	}

	.mobileImg{
	height:350px;
	width:100%;
	text-align:center;
	background-color:#fff;
	display:block;
	}

	.mobileImg img{
	height:100%;
	width:auto;
	}



}

@media all and (max-width:600px){
	h2{
	font-size:30px;
	}

	.smallPortrait h2, .smallPortrait h2 a {
    font-size: 20px;
    line-height: 110%;
	}

	.leftHalf, .rightHalf, .drittel {
	width:calc(100% - 40px );
	margin:10px 20px 10px 20px;
	}

	.paddingLeft{padding:0px!important;}

	.drittel,
	.zweidrittel{
	margin:20px !important;
	}

	figure.rightHalf,
	figure.leftHalf{
	width:100%;
	margin:0px;
	}

	.gliderArticle{
	width:97vw;
	min-width:97vw;
	width:calc(100vw - 40px);
	min-width:calc(100vw - 40px);
	}

	#spTop{
	padding-left:20px;
    background: #1c203f url(img/mg_bg.jpg) no-repeat scroll center bottom !important;
    background-size: auto 100% !important;
	}

	.smallPortrait{
		width: 47%;
		width: calc( 50% - 15px );
		margin:0px 0px 30px 0px !important;
		height: 400px;
	}

	.smallPortrait:nth-of-type(even){
		float:right!important;
	}

	.smallPortrait:nth-of-type(4n+4){
		float:right !important;
	}

	#logo{
	background-position: left 10px;
    background-repeat: no-repeat;
    background-size: auto 30px;
    opacity: 1;
    margin-left: 20px;
	}

	.aufmacherBild figcaption, .imageGlider figcaption{
	display:none;
	}
}

@media all and (max-width:470px){


	.smallPortrait {
		height: 300px;
	}

	.gliderSection{
	background-color:#fff;
	}

	.absoluteGlider{
	min-height:800px;
	}

	.theContent blockquote, #tinymce blockquote{
	    padding: 10px;
	}
}