/* latin */
@font-face {
  font-family: 'Tangerine';
  font-style: normal;
  font-weight: 400;
  src: local('Tangerine Regular'), local('Tangerine-Regular'), url(../fonts/tangerine.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin */
@font-face {
  font-family: 'Droid Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Droid Sans Regular'), local('DroidSans-Regular'), url(../fonts/droidsans.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}




/* #################################################
############# Standard Layout ################## 
####################################################*/
body{font-family:Droid Sans;background:rgb(254,231,220)}
.inside {max-width:1180px; margin: 0px auto;}
#footer {height:366px;background:url(../images/footer_bg.png) center top no-repeat;margin-top:20px}
#wrapper {background:url("../images/bg.png") center 350px no-repeat;}
#header {height:252px;background:url(../images/Urnengrab.jpg) center top;}

#container {max-width:880px;margin:0px auto;margin-top:90px;background:#FEE7DC !important;}
.startseite #container {background:transparent !important;}

h1{margin-bottom:0px;font-size:19px;color:rgb(152,90,76);font-weight:bold;}

#right .inside, #main .inside{width:auto;}
#footer a {color:white;text-decoration:none;}


/* Rechte Spalte */
#right .inside {border-left:20px solid #FEE7DC;}
#right .ce_text, #right .ce_form {padding:0px 20px 0px 20px;background:#FFF6F1;}
.ansprechpartner h2{color:#985A4B;font-size:16px;font-weight:bold;}
.ansprechpartner .text{margin-top:73px;color:#985A4B;}
.ansprechpartner strong{font-size:15px;line-height:20px;}

#right .ce_form {color:#985A4B;padding-top:20px;font-size:13px;}
#right .ce_form input{display:block;margin-top:5px;margin-bottom:5px;border:0px;width:236px;height:25px;padding:2px;}
#right .ce_form textarea{border:0px;width:240px;height:200px;resize:none;}
#right .ce_form .submit{width:110px;height:40px;color:white;background:#BC7764;font-weight:bold;float:right;font-size:16px;}
#right .ce_form .widget-explanation {margin-top:10px;}
.rightnav {border-top:20px solid #FEE7DC;}
.rightnav h2{color:#985A4B;margin-bottom:25px;}
.rightnav a {font-size:16px;line-height:25px;color:#985A4B;font-weight:bold;text-decoration:none;}


/* #################################################
############# Allgemeine Elemente ################## 
####################################################*/
#main .inside {padding:15px 30px 20px 30px;background:#FFF6F1 ;min-height:755px;width:auto !important;max-width:100%;}
#main h1{margin-bottom:10px;margin-top:5px;}
#main h2 {color:#985A4B;}
#main h3 {color:#985A4B;font-size:16px;font-weight:bold;}
#main .ce_text:nth-child(4){border-top:10px solid #FEE7DC;}
#main #nachrichtendetails .ce_text:nth-child(4){border-top:0px solid #FEE7DC;}


#aufteilung-und-gebuehren .image_container{margin-top:0px;}
#main .image_container{padding:0px 20px 0px 0px;}
#main .ce_text {
    background: #FFF6F1;
    line-height: 20px;
    font-size: 13px;
}

#main .ce_form {color:#A45A4B;font-size:14px;padding-top:20px;}
#main .ce_form input, #main .ce_form textarea{
    border-style: solid;
    border-color: #BBB;
    border-width: 0px 0px 1px;
    background-color: white;
    padding: 5px 5px 5px 5px;
    outline: medium none;
    border-radius: 2px;
    color: #777;
    margin: 5px 0px 15px 0px;
    width: 500px;
    display: block;
}
#main .ce_form .submit {width:100px;background:#BC7764;color:white;font-weight:bold;border:0px;padding:15px;}
audio {padding: 10px 0px 0px;}



/* ### Mainnav Header */
.mod_navigation {position: absolute;right: 10px;}
.mod_navigation li{float:left;padding:10px;font-size:14px;}
.mod_navigation li.active{color:#FEE7DC}


.mod_navigation a {color:white;text-decoration:none;}
#header:before {position:absolute;content:"";width:100%;height:39px;background:rgba(127,77,58,0.6);}
.mod_navigation a:hover, .mod_navigation span.active{color:#FEE7DC;}


/* Customnav - header */
#header .mod_customnav {position:relative;z-index:99;margin-top:101px;background:url(../images/nav_bg.png);}
#header .mod_customnav li{float:left;padding:21px;}
#header .mod_customnav a{color:white;font-size:19px;text-decoration:none;margin:0px 40px 0px 40px;padding:22px !important}
#header .mod_customnav .active{color:white;font-size:19px;}

#header .mod_customnav span{color:white;font-size:19px;text-decoration:none;margin:0px 40px 0px 40px;padding:22px !important}
#header .mod_customnav a.trail, #header .mod_customnav span.active{background:rgb(226,208,180);color:#916758;}
#header .mod_customnav a:hover{background:rgb(226,208,180);color:#916758;}


/* Customnav - main */
#main .mod_customnav{background:#FFF6F1;}
#main .mod_customnav a, #main .mod_customnav {font-size:19px;color:white;text-decoration:none;}
#main .mod_customnav span {color:rgb(152,90,76);font-weight:bold;}
#main .mod_customnav ul {display:table;width:100%;table-layout:fixed;margin-bottom:0px;}
#main .mod_customnav ul li {display: table-cell;color: #000;text-align:center;padding:20px 0px 20px 0px;background:rgb(214,185,173)}
#main .mod_customnav ul li.active{background:#FFF6F1;}

.rc-anchor-normal { height: 67px !important;width: 240px !important;margin-top: 6px !important;}

/* Datenschutz */
.datenschutz_art ul {list-style-type:square;padding-left:16px;}
.datenschutz_art li {padding-left:10px}


/* Aufteilung Gebühren */
.aufteilung-und-gebuehren #main .inside{padding:0px;}
.aufteilung-und-gebuehren #main .ce_text{padding:30px 30px 0px 30px;}
.preisklassen { position: absolute; right: 0px !important;padding-left: 80px !important; margin-top: 0px;top: 64px;}
.kat1:before{content:"";width:65px;height:13px;position:absolute;margin-left:-80px;margin-top:4px;background:#A52A2A;}
.kat2:before{content:"";width:65px;height:13px;position:absolute;margin-left:-80px;margin-top:4px;background:#447A3C;}
.kat3:before{content:"";width:65px;height:13px;position:absolute;margin-left:-80px;margin-top:4px;background:#32679D;}
.kat4:before{content:"";width:65px;height:13px;position:absolute;margin-left:-80px;margin-top:4px;background:#FFB900;}
.logo {width:394px;}


/* Gestaltung Grabsteine */
.gestaltung-grabsteine #main .inside{padding:0px;}
.grabsteine {padding:0px !important;line-height:0px !important;}
.grabsteine h2{margin-bottom:20px;}
.grabsteine p {line-height:20px !important;}
.grabsteine .image_container{padding-right:45px;}
.symbole {background:rgb(241,214,203) !important;border-top:10px solid #FEE7DC;padding:0px 20px 0px 35px !important;}
.symbole td {vertical-align:middle;}
.symbole table {line-height:21px;}
.symbole table td{}
.symbole table td:nth-child(1){padding-right:10px;}
.symbole table td:nth-child(4){padding-right:10px;}
.symbole table td:nth-child(3){width:50px;}
.nach-ablauf-der-ruhezeit #main .inside{padding:0px;}
.nach-ablauf-der-ruhezeit .ce_text{padding:30px;}


/* Bildergalerie */
#main .ce_gallery {padding-bottom:20px;}
#bildergalerie img {width:265px;}
#main #bildergalerie .image_container{padding:10px 10px 0px 0px;}
#main #bildergalerie .col_last .image_container{padding-right:0px;}

/* #################################################
############# Footer ################## 
####################################################*/
.footer h3{margin-top:10px;font-size:16px;font-weight:bold;}
.footer {padding:7px 0px 0px 30px;color:white;line-height:23px;font-size:13px;}
.footer .spalte{float:left;margin-left:130px;}
.footer .spalte:first-child{float:left;margin-left:0px}
.footer .bottom {margin-top:20px;padding-left:80px;}
.footer .bottom:before{position:absolute;content:"";width:70px;height:100px;background: url(../images/st_lukas.jpg);margin-top:-70px;margin-left:-80px;}



/* Nachrichtendetails */

p.back{margin-top:40px;font-size:15px;}
p.back a{color:#BC7764;border:2px solid #BC7764;padding:6px;}
p.back a:hover{color:black;border:2px solid black;padding:6px;}
p.back a:after{content:" zur Startseite";}



/* #################################################
############# Startseite ################## 
####################################################*/
.startseite #main .ce_text {padding:0px 0px 20px 0px !important; font-size:13px;background:transparnt;}
.startseite #main .inside {background:transparent;padding:0px;}
.startseite #header {height:252px;background:url(../images/Urnengrab.jpg) center top;}
.startseite #header {height:480px;background:url(../images/Urnengrab.jpg) center top;}
.startseite .mod_customnav {margin-top:38px !important;}
.startseite #container {max-width:1180px;background:transparent;margin-top:80px;}
.Erinnerungen {    margin-top: 22px;width: 497px;height: 220px;padding: 16px 20px 33px 20px;background: rgba(100,42,23,0.69);color: white;font-size: 14px;line-height: 27px;}
.Erinnerungen h4 {font-family: Tangerine;font-size:90px;margin:35px 0px 25px 0px}
.mod_newslist .info{display:none;}
.layout_latest{float:left;width:380px;margin-left:20px;margin-top:20px;}
.layout_latest h2{margin-top:13px;}
.layout_latest.removelink .more {display:none;}
.layout_latest:nth-child(3n+1) { margin-left: 0!important; clear: left;}
.teaser {font-size:13px; line-height:21px;}
.teaser p{display:inline;}
.mod_newslist a{color:rgb(152,90,76);text-decoration:none;line-height: 25px;}
.mod_newslist {overflow:visible;}
.ce_text.layout_latest{background:rgb(226,208,180);padding:0px;padding-bottom:20px;padding-right:0px;}
.ce_text.layout_latest h2{color:#985A4B;margin-top:20px;margin-bottom:10px}
.ce_text.layout_latest .teaser{padding:0px 10px 0px 20px;}
.startseite #main .ce_text .image_container{margin-top:0px;}
.startseite #main .image_container{padding:0px 0px 0px 0px;}
.layout_latest_gedenkmesse{background:#FFF6F1;line-height:20px;font-size:13px;}
.layout_latest_gedenkmesse h2 {padding:0px 10px 0px 10px ;}
.layout_latest_gedenkmesse .teaser {padding-bottom:5px;}
.layout_latest_gedenkmesse .teaser .teaser{padding:0px 10px 0px 10px ;}
.layout_latest_gedenkmesse span.more {padding:0px 10px 20px 10px ;}
.vergangene_news{float:right;background:none !Important;padding:0px;margin-top:20px;}
.vergangene_news a{color:#985A4C !important;font-weight:bold;font-size:14px;}

.symbole_neu {padding:40px;}


.mm-listitem .active{padding:10px 20px}

/* Icon */
#nav-icon {display:none;position:absolute;width: 40px;height: 45px;margin-top: 5px;right: 30px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);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;}
#nav-icon span {display: block;position: absolute;height: 5px;width: 100%;background: white;border-radius: 9px;
  opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);
  -o-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;}

/* Icon  */
#nav-icon span:nth-child(1) {
  top: 0px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
#nav-icon span:nth-child(2) {
  top: 12px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
#nav-icon span:nth-child(3) {
  top: 25px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
.mm-opening #nav-icon span:nth-child(1) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: -3px;left: 8px;}
.mm-opening #nav-icon span:nth-child(2) {width: 0%;opacity: 0;}
.mm-opening #nav-icon span:nth-child(3) {-webkit-transform: rotate(-45deg);
 -moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 25px;left: 8px;}

.ce_gallery .image_container {padding: 10px 10px 0px 0px !important;}
.ce_gallery img{width:100%;}
.ce_gallery .col_last .image_container {padding:10px 0px 0px 0px !important;} 

.newsarchiv .layout_short{background:white;margin-bottom:10px;padding:10px;line-height:25px;}
.newsarchiv h1{margin-bottom:20px !Important}
.newsarchiv h2{margin:5px 0px 10px 0px !Important}
.newsarchiv .info{margin-bottom:0px !Important;}
.newsarchiv .pagination li{float:left;margin-right:10px;}



/* Zeitreise */
.nopadding #main .inside{padding:0px;}
.nopadding #main .inside .ce_text{padding:30px;}
.nopadding #main .inside .ce_text{padding:30px;}
.nopadding #main .inside .ce_gallery {padding:0px 30px 30px 30px;}



/* Emmaus-Gruppe */
.mod_login {margin-top:10px; font-size:14px}
.mod_login input{margin-left:10px;padding:2px}
.mod_login td{padding-top:20px;}

form#tl_logout{background:white;padding:10px;line-height:20px;border:1px solid black;margin-bottom:30px}


@media only screen and (min-width: 0px)  and (max-width: 1180px) {
 #header .mod_customnav a {margin:0px;padding:18px !important;}
.mod_customnav {background:#BC7764 !important;}  
#header .mod_customnav li {float:none;}
  
.mod_customnav  ul{margin: 0;padding: 20px;list-style-type: none;text-align: center;}
.mod_customnav ul li { display: inline; }
.mod_customnavul li a{text-decoration: none;padding: .2em 1em;color: #fff;background-color: #036;}
.mod_customnav ul li a:hover{color: #fff;background-color: #369;}
.startseite #main .inside {padding:0px 10px 0px 10px;}
.layout_latest {width: 32%;margin-left:1.5%;}
.footer .spalte br{display:none;padding-left:10px}
.footer .spalte {display:block;padding-left:0px;margin:0px;float:none;width:100%;}
.footer .bottom:before {display:none;}
.footer {background:#BC7764;}
.footer .bottom {padding-left:0px;}
#footer a:after{content:" |";}
#footer h3 a:after{content:"";}
#main .mod_customnav ul{padding:0px !important;}
#main .mod_customnav ul li a, #main .mod_customnav ul li {font-size: 16px;}
#main .mod_customnav ul li a:hover {background:transparent !important;}
.preisklassen {right: 0px !important;padding-left: 80px !important;margin-top: 0px;margin-top: -64px;margin-left:40px;position:relative;padding-top:0px !impotant;margin-bottom:60px;}
.symbole {padding: 0px 20px 0px 10px !important;}
.grabsteine table{margin-top:20px !important;width:100%;}
#main .image_container {padding: 0px 20px 20px 0px;}
.grabsteine table td{text-align:center;}
.symbole table{width:100%;}
}




@media only screen and (min-width: 0px)  and (max-width: 1150px) {
#right{display:none;}
#container {padding-right:0px;}
#main .mod_customnav ul li a, #main .mod_customnav ul li {font-size: 14px;}
#main .mod_customnav ul li a:hover {background:transparent !important;}
#nav-icon {display:block;}
#header .mod_navigation{display:none;}
#header .mod_customnav {display:none;}
.startseite #container{margin-top:10px;}
#container {margin-top:20px;}}



@media only screen and (min-width: 0px)  and (max-width: 750px) {
.layout_latest {width: 100%;margin-left:0px;text-align:center;margin-bottom:20px;}
.Erinnerungen {width:80%;height:auto;margin-bottom:10px;}
.startseite #header {height:auto;padding-bottom: 10px;}
.logo {width:90%;}
.grabsteine table{margin-top:20px !important;width:100%;font-size:10px;}}


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

  #main .inside {padding:10px 10px 10px 10px !important;}
  .image_container {width:100%;}
  .image_container img{width:100%;}
  .aufteilung-und-gebuehren #main .ce_text {padding: 10px 10px 0px 10px;}
  .symbole{border-top:0px;}
  .grabsteine table{height:70px !important;}
  .grabsteine table td{text-align:center;}
  .grabsteine table td img {width:70%;}
  .nach-ablauf-der-ruhezeit .ce_text{padding:0px;}
  #bildergalerie img {width:100%;}

}