/*Grafische Modifikationen Startseite STK-Rosenheim-Inn	*/
/*© Florian Schnitzer									*/
/*Letzte Änderung: 05.01.2018							*/


/*Kopfgrafik Mobil*/
body{
background-image: url(media-34786501.JPG); 
background-repeat: no-repeat;
background-position:50% 20px;
}
/*Kopfgrafik Klein*/
@media (min-width: 768px) {
body{
background-image: url(media-34786401.JPG); 
background-repeat: no-repeat;
background-position:50% 20px;
}
}
/*Kopfgrafik Mittel*/
@media (min-width: 992px) {
body{
background-image: url(media-34786301.JPG); 
background-repeat: no-repeat;
background-position:50% 20px;
}
}
/*Kopfgrafik Gross*/
@media (min-width: 1200px) {
body{
background-image: url(media-34783801.JPG); 
background-repeat: no-repeat;
background-position:50% 20px;
}
}
/*Logo Erzbistum verbergen*/
.ct_container_hsmall.ct_logo{
opacity: 0;
}
.rowMain{
margin-bottom: 30px;
}
/*Social-Media verbergen News*/
.r2_link_social {
    font-weight: bold;
	  display: none;
}

/*Pfarrei-Titel bei kleinerer Breite verändern*/
#BodyContentPlaceHolder_NavigationMainCtrl_NavMainRepeaterCtrl_mainAnchorCtrl_2{
	visibility: visible;
	position: relative;
}
#BodyContentPlaceHolder_NavigationMainCtrl_NavMainRepeaterCtrl_mainAnchorCtrl_3{
	visibility: visible;
	position: relative;
}
#BodyContentPlaceHolder_NavigationMainCtrl_NavMainRepeaterCtrl_mainAnchorCtrl_4{
	visibility: visible;
	position: relative;
}
#BodyContentPlaceHolder_NavigationMainCtrl_NavMainRepeaterCtrl_mainAnchorCtrl_2::before{
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	content: "St. Nikolaus";
}
#BodyContentPlaceHolder_NavigationMainCtrl_NavMainRepeaterCtrl_mainAnchorCtrl_3::before{
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	content: "St. Hedwig";
}
#BodyContentPlaceHolder_NavigationMainCtrl_NavMainRepeaterCtrl_mainAnchorCtrl_4::before{
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	content: "Hl. Familie";
}
@media (min-width: 768px) {
#BodyContentPlaceHolder_NavigationMainCtrl_NavMainRepeaterCtrl_mainAnchorCtrl_2{
	visibility: hidden;
	position: relative;
}
#BodyContentPlaceHolder_NavigationMainCtrl_NavMainRepeaterCtrl_mainAnchorCtrl_3{
	visibility: hidden;
	position: relative;
}
#BodyContentPlaceHolder_NavigationMainCtrl_NavMainRepeaterCtrl_mainAnchorCtrl_4{
	visibility: hidden;
	position: relative;
}
#BodyContentPlaceHolder_NavigationMainCtrl_NavMainRepeaterCtrl_mainAnchorCtrl_2::before{
	visibility: visible;
	position: absolute;
	top: 0;
	left: 0;
	content: "St. Nikolaus";
}
#BodyContentPlaceHolder_NavigationMainCtrl_NavMainRepeaterCtrl_mainAnchorCtrl_3::before{
	visibility: visible;
	position: absolute;
	top: 0;
	left: 0;
	content: "St. Hedwig";
}
#BodyContentPlaceHolder_NavigationMainCtrl_NavMainRepeaterCtrl_mainAnchorCtrl_4::before{
	visibility: visible;
	position: absolute;
	top: 0;
	left: 0;
	content: "Hl. Familie";
}
}
@media (min-width: 992px) {
#BodyContentPlaceHolder_NavigationMainCtrl_NavMainRepeaterCtrl_mainAnchorCtrl_2{
	visibility: visible;
	position: relative;
}
#BodyContentPlaceHolder_NavigationMainCtrl_NavMainRepeaterCtrl_mainAnchorCtrl_3{
	visibility: visible;
	position: relative;
}
#BodyContentPlaceHolder_NavigationMainCtrl_NavMainRepeaterCtrl_mainAnchorCtrl_4{
	visibility: visible;
	position: relative;
}
#BodyContentPlaceHolder_NavigationMainCtrl_NavMainRepeaterCtrl_mainAnchorCtrl_2::before{
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	content: "St. Nikolaus";
}
#BodyContentPlaceHolder_NavigationMainCtrl_NavMainRepeaterCtrl_mainAnchorCtrl_3::before{
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	content: "St. Hedwig";
}
#BodyContentPlaceHolder_NavigationMainCtrl_NavMainRepeaterCtrl_mainAnchorCtrl_4::before{
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	content: "Hl. Familie";
}
}
@media (min-width: 1200px) {
#BodyContentPlaceHolder_NavigationMainCtrl_NavMainRepeaterCtrl_mainAnchorCtrl_2{
	visibility: visible;
	position: relative;
}
#BodyContentPlaceHolder_NavigationMainCtrl_NavMainRepeaterCtrl_mainAnchorCtrl_3{
	visibility: visible;
	position: relative;
}
#BodyContentPlaceHolder_NavigationMainCtrl_NavMainRepeaterCtrl_mainAnchorCtrl_4{
	visibility: visible;
	position: relative;
}
#BodyContentPlaceHolder_NavigationMainCtrl_NavMainRepeaterCtrl_mainAnchorCtrl_2::before{
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	content: "  St. Nikolaus";
}
#BodyContentPlaceHolder_NavigationMainCtrl_NavMainRepeaterCtrl_mainAnchorCtrl_3::before{
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	content: "St. Hedwig";
}
#BodyContentPlaceHolder_NavigationMainCtrl_NavMainRepeaterCtrl_mainAnchorCtrl_4::before{
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	content: "Hl. Familie";
}
}
#BodyContentPlaceHolder_NavigationMainCtrl_NavMainRepeaterCtrl_mainAnchorCtrl_7::before{
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	content: " Veranstaltungen";
}
}
#BodyContentPlaceHolder_NavigationMainCtrl_NavMainRepeaterCtrl_mainAnchorCtrl_8::before{
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	content: " Kontakt";
}
}

/*Schriftgröße Überschriften vergrößern*/
.ct_content_outer h1{
font-size:30px;
font-weight:bold;
font-style:italic;
}

/*Blaue Balken unter Bilder entfernen
.tiles-grid .tile-item{
background-color: #F0F0F0;
}
#BodyContentPlaceHolder_MainContent_ctl00_TilesRepeater_ctl00_5_TileItemContainer_5 .tile-item{
background-color: #0081B9;
}
#BodyContentPlaceHolder_MainContent_ctl00_TilesRepeater_ctl00_6_TileItemContainer_6 .tile-item{
background-color: #0081B9;
}
#BodyContentPlaceHolder_MainContent_ctl00_TilesRepeater_ctl00_7_TileItemContainer_7 .tile-item{
background-color: #0081B9;
}
#BodyContentPlaceHolder_MainContent_ctl00_TilesRepeater_ctl00_8_TileItemContainer_8 .tile-item{
background-color: #0081B9;
}
*/









.tiles-grid .tile-holder{
  position: relative !important;
  top: auto;
  left: auto;
  right: auto; 
  bottom: auto;
}

.grid-content{
  position: relative;
  display: grid; 

   grid-template-rows: 1fr 1fr 1fr;
   grid-template-columns: 1fr 1fr 1fr 1fr;
   
   grid-template-areas: 
  'top1 top1 top2 top2 .'
  'center1 center2 center3 center4 .'
  'bottom1 bottom1 bottom1 bottom1 .';
   
   gap: 0px;
}

.grid-content a { 
  display: none;
  
  width: 100%;
  height: 100%;
}
.grid-content a div {
  width: 100% !important;
  height: 100% !important;
}
.main-layer-view {
  padding: 30px 20px 1em !important;
}
.grid-content a:nth-child(1){ display: block; grid-area: top1 }
.grid-content a:nth-child(2){ display: block; grid-area: top2 }
.grid-content a:nth-child(3){ display: block; grid-area: center1 }
.grid-content a:nth-child(4){ display: block; grid-area: center2 }
.grid-content a:nth-child(5){ display: block; grid-area: center3 }
.grid-content a:nth-child(6){ display: block; grid-area: center4 }
.grid-content a:nth-child(7){ display: block; grid-area: bottom1}

.grid-content a:nth-child(7) h3 { font-weight: 700; }


h4.sub-title{
  margin-top: 80px;
  font-style: italic;
}


@media(max-width: 1200px){
  h4.sub-title{ margin-top: 60px }
}

@media(max-width: 991px){
  .grid-content a{
    height: 160px !important;
  }
  h4.sub-title{ margin-top: 60px }
  .grid-content a:nth-child(4) .bg-image,
  .grid-content a:nth-child(5) .bg-image,
  .grid-content a:nth-child(6) .bg-image{
    width: auto !important;
    height: 100% !important;
    right: 0;
    left: auto !important;
  }
}


@media(max-width: 767px){
  .grid-content a{
    height: 200px !important;
  }
  .grid-content{
       display: grid; 

       grid-template-rows: 1fr 1fr 1fr 1fr;
       grid-template-columns: 1fr 1fr;

       grid-template-areas: 
      'top1 top2'
      'center1 center2'
      'center3 center4'
      'bottom1 bottom1';
  }
  h4.sub-title{ margin-top: 90px }
  .grid-content a:nth-child(4) .bg-image,
  .grid-content a:nth-child(5) .bg-image,
  .grid-content a:nth-child(6) .bg-image{
    width: 100% !important;
    height: auto !important;
  }
}



@media(max-width: 500px){
  .grid-content a{
    height: 200px !important;
  }
  .grid-content{
       display: grid; 

       grid-template-rows: repeat(7, 1fr);
       grid-template-columns: 1fr;

       grid-template-areas: 
      'top1'
      'top2'
      'center1'
      'center2'
      'center3'
      'center4'
      'bottom1';
  }
  h4.sub-title{ margin-top: 90px }
  .grid-content a:nth-child(4) .bg-image,
  .grid-content a:nth-child(5) .bg-image,
  .grid-content a:nth-child(6) .bg-image{
    width: 100% !important;
    height: auto !important;
  }
}