******/
.flex-caption .caption_title_line div strong{
font-family: Quicksand, nexa_lightregular, sans-serif;
color: #ffffff;
font-size: 70px;
line-height:90px;
}
/**** Version 2: ohne
*****/
.flex-caption .caption_title_line strong{
font-family: Quicksand, nexa_lightregular, sans-serif;
color: #ffffff;
font-size: 70px;
line-height:90px;
}
/****Bildunterschrift im kleinen Slider*******/
.white .flex-caption .caption_title_line strong{
font-size: 16px;
line-height: 20px;
}
/**************Klasse: dunkel****************/
.flex-caption.dunkel .caption_title_line strong,
.flex-caption.dunkel .caption_title_line div strong,
.flex-caption.dunkel .caption_title_line p{
color: #293133;
}
/*.flex-caption .caption_title_line div{
text-align: right;
}*/
.flex-caption .caption_title_line div strong,
.flex-caption p{text-shadow: 4px 4px 2px rgba(0, 0, 0, .6);}
/**** flex-caption: Bildbeschreibung im Flexslider mit Klassen zur Positionierung ****/
.flex-caption {
background: none !important;
/*width: 650px;*/
/* left: 240px !important;*/
margin-bottom:100px;
margin: 20% auto;
left: 0px;
right:0px;
/*bottom:50px;*/
}
/** Verhindern dass der Flexslider in der Höhe beim Laden springt ***/
.flexslider .slides > li {display: none; -webkit-backface-visibility:
hidden;}
.flexslider .slides > li:first-child {display: block;
-webkit-backface-visibility: visible;}
.ce_flexSlider { margin: 0 auto; max-width: 1600px; }
/*oben*/
.flex-caption.links-oben,
.flex-caption.mitte-oben,
.flex-caption.rechts-oben{
top:50px;
}
.flex-caption.links-oben{
left:0;
margin: 0;
}
.flex-caption.mitte-oben{
left: 0;
right:0;
margin: 0 auto;
}
.flex-caption.rechts-oben{
right:50px;
margin: 0;
}
/*mitte*/
.flex-caption.rechts-mitte,
.flex-caption.links-mitte{
margin: 20% 0;
bottom: 0px;
}
.flex-caption.links-mitte{
left:50px;
}
.flex-caption.mitte-mitte{
left:0;
right:0;
margin: 20% auto;
bottom:0px;
}
.flex-caption.rechts-mitte{
right: 50px;
}
/*unten*/
.flex-caption.links-unten,
.flex-caption.mitte-unten,
.flex-caption.rechts-unten{
bottom:50px;
}
.flex-caption.links-unten{
/*left:0;*/
}
.flex-caption.mitte-unten{
left: 0;
right: 0;
margin: auto;
}
.flex-caption.rechts-unten{
right:50px;
}
/****************************Start: Suche ***************************/
/*input[type="search"]{
border:none !important;
font-family: roboto_slablight;
font-size: 30px;
}*/
form input.search{
border:none !important;
background:none;
font-family: roboto_slablight;
font-size: 30px;
padding-left:30px;
}
form input::-webkit-input-placeholder {
color: #767676;
}
form input:-moz-placeholder { /* Firefox 18- */
color: #767676;
}
form input::-moz-placeholder { /* Firefox 19+ */
color: #767676;
}
form input:-ms-input-placeholder {
color: #767676;
}
.search-box{
border: 2px solid #b21557;
border-radius: 70px;
background: #ffffff;
}
.icon-searchbar{
font-size: 35px;
color: #b21557;
}
button.submit-box{
background:none;
cursor: pointer;
height:70px;
border:none;
}
.input-hidden {
font-size: 42px !important;
/* bottom:55px;
float:right;
margin-right: 40px;
width: 100px;
*/
}
/*****************************************************************************/
/****************************Start: Akkordeon ********************************/
/*****************************************************************************/
.ce_accordion div.toggler{
border-top: 1px solid #ad0049;
cursor: pointer;
}
.ce_accordion div.toggler h3{
width:100%;
/*float: left; */
}
.ce_accordion div[aria-expanded=false] h3:after{
content: url(/tl_files/bh2016/dev/bilder/icons/pfeil-nach-unten.png);
display: inline;
float:right;
height:50px;
padding-top:10px;
}
.ce_accordion div[aria-expanded=true] h3:after {
content: url(/tl_files/bh2016/dev/bilder/icons/pfeil-nach-oben.png);
display: inline;
float:right;
height:50px;
padding-top:10px;
}
h3.art{
display:inline;
position: relative;
bottom: 5px;
}
.ak-erd .toggler::before {
content: url(/tl_files/bh2016/dev/bilder/icons/bestattungsarten/a-erdbestattung.png);
}
.ak-feuer .toggler::before{
content:url(/tl_files/bh2016/dev/bilder/icons/bestattungsarten/a-feuerbestattung.png);
}
.ak-wald .toggler::before{
content:url(/tl_files/bh2016/dev/bilder/icons/bestattungsarten/a-baumbestattung.png);
}
.ak-diamant .toggler::before{
content:url(/tl_files/bh2016/dev/bilder/icons/bestattungsarten/a-diamantbestattung.png);
}
.ak-see .toggler::before{
content:url(/tl_files/bh2016/dev/bilder/icons/bestattungsarten/a-seebestattung.png);
}
.ak-tree .toggler::before{
content:url(/tl_files/bh2016/dev/bilder/icons/bestattungsarten/a-tree-of-life.png);
}
.ak-oase .toggler::before{
content:url(/tl_files/bh2016/dev/bilder/icons/bestattungsarten/a-oase.png);
}
.ak-erd h3,
.ak-feuer h3,
.ak-wald h3,
.ak-diamant h3,
.ak-see h3,
.ak-tree h3,
.ak-oase h3 {
bottom:30px;
line-height: 0;
}
.ak-erd h3::after,
.ak-feuer h3::after,
.ak-wald h3::after,
.ak-diamant h3::after,
.ak-see h3::after,
.ak-tree h3::after,
.ak-oase h3::after{
padding-top:20px !important;
}
/******************************************************************************/
/***** Start: Slider **********************************************************/
/******************************************************************************/
#slider div.mod_article_inside{
width: 100% !important;
}
/******************************************************************************/
/***** Start: Artikel-Klassen (Contentbox) ************************************/
/******************************************************************************/
.cb1{
background: #ede3d5; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(#ffffff, #ede3d5); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#ffffff, #ede3d5); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#ffffff, #ede3d5); /* For Firefox 3.6 to 15 */
background: linear-gradient(#ffffff, #ede3d5); /* Standard syntax */
}
.cb2{
background: #ffffff;
}
.cb3
/*.cb10*/{
background: #f3f1ed;
}
.cb4{
background: #e8dacb;
}
.cb5{
background: #f7f1eb;
}
.cb6{
background: #fcfaf8;/* For browsers that do not support gradients */
background: -webkit-linear-gradient(#fefdfc, #f8f3ed); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#fefdfc, #f8f3ed); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#fefdfc, #f8f3ed); /* For Firefox 3.6 to 15 */
background: linear-gradient(#fefdfc, #f8f3ed); /* Standard syntax */
}
.cb7{
background: #ede3d5; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(#ede3d5, #ffffff); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#ede3d5, #ffffff); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#ede3d5, #ffffff); /* For Firefox 3.6 to 15 */
background: linear-gradient(#ede3d5, #ffffff); /* Standard syntax */
}
/*Navigation im Footer-Bereich*/
.cb8{
background: #fbf5ee;
padding: 35px 0;
}
.cb8::before{
/*content:url(/tl_files/bh2016/dev/bilder/icons/toplink.png);*/
position:absolute;
max-width: 185px;
left:0;
right: 0;
margin: -55px auto;
z-index:5;
}
.cb10{
background: #f6f6f6;
}
/*Footer*/
.cb9{
background: #54132f;
color: #ffffff;
border-top: 1px solid #ad8c95;
padding: 25px 150px;
}
.cb1,
.cb2,
.cb3,
.cb4,
.cb5,
.cb6,
.cb7,
.cb8{
border-top: 1px solid #ad0049;
}
.cb09{ border-top: 1px solid #b89aa1;}
.cb1::before,
.cb2::before,
.cb3::before,
.cb4::before,
.cb5::before,
.cb6::before,
.cb7::before,
/*.cb8::before,*/
.cb11::before{
/*content: url(/tl_files/bh2016/dev/bilder/icons/trenner.png);*/
position:absolute;
max-width: 185px;
left:0;
right: 0;
}
.cb1::before,
.cb2::before,
.cb3::before,
.cb4::before,
.cb5::before,
.cb6::before,
.cb7::before,
/*.cb8::before,*/
.cb9::before{
margin: -60px auto 0 auto;
}
.cb11::before{
margin: -20px auto 0 auto;
z-index:10;
}
/**************Contentbox für Google Maps**************/
.cb12{
padding: 0px; !important;
}
.cb12 .mod_article_inside{
max-width: 100% !important;
}
.cb12 .grid-container{
padding: 0px !important;
}
/**************Google Maps: Elemente in der Pinnadel********************/
.gm-style .gm-style-iw{
padding:30px;
padding-bottom:0px;
font-size:14px;
font-family:roboto_slablight, serif;
line-height:25px;
top: 0 !important;
left:0 !important;
}
.gm-style-iw em{
font-style: normal;
font-family: roboto_slabregular, serif;
}
.gm-style-iw img[width="235"]{
border-top:15px;
}
.gm-style-iw img[width="80"]{
border-radius:100%;
float: right;
border: 2px solid #ad0049;
}
.gm-style-iw form{
margin-top:10px;
padding: 0px;
}
.gm-style-iw input.text{
height:40px;
font-size: 14px;
width: 220px;
border-radius: 0%;
padding: 0px;
padding-left:5px;
}
.gm-style-iw input.submit{
border: 2px solid #ad0049;
font-family: roboto_slabbold, serif;
text-transform: uppercase;
font-size:14px;
height:40px;
padding-left:15px;
padding-right:15px;
border-radius: 10%;
background:#fbf5ed;
-webkit-box-shadow: /*0 4px 4px -2px #b3b3b3,*/ inset 0 -4px 4px -2px #b3b3b3;
-moz-box-shadow: /*0 4px 4px -2px #b3b3b3,*/ inset 0 -4px 4px -2px #b3b3b3;
box-shadow: /*0 4px 4px -2px #b3b3b3,*/ inset 0 -4px 4px -2px #b3b3b3;
}
/************Elemente im Footer******************/
.fb_iframe_widget{
display: inline;
position: absolute !important;
left:0;
right:0;
margin: 5px auto;
}
.cb9 a{
color: #ffffff;
}
.ce_image.rund.footer-img.unten.block {
margin-top: 40px;
}
h5.footer {
text-align: left;
margin-left: 18%;
}
.grid-col-4 h5 {
line-height: 0;
margin-top: 12px;
}
/*Link-Schaufenster*/
.link-carousel h1{
display: none;
}
.ico-route{
height:30px; line-height:50px;
}
.view-title{
font-family:Quicksand, nexa_lightregular, sans-serif;
font-size: 1.1em; /*24px*/
max-width:250px;
margin: 0 auto;
}
.schaufenster figcaption{
font-family: roboto_slablight, serif;
}
.schaufenster a:after{
content:url(/tl_files/bh2016/dev/bilder/icons/link_inactive.png);
}
.schaufenster a:hover:after{
content: url(/tl_files/bh2016/dev/bilder/icons/link_active.png);
}
/*.schaufenster a:hover img{
border: 3px solid red;
}*/
.schaufenster a:hover figcaption{
font-family: roboto_slabregular, serif;
}
.schaufenster a:hover .view-title{
font-family: nexa_boldregular;
}
/*******************Images*************************/
.logos img{
padding:5px;
}
.lightbox-ico{
text-align: center;
color: #ffffff;
margin-top: -50px;
padding-bottom: 10px;
}
/****************************horizontale Abstände Content-Elemente***************************/
.ce_text{
padding-top: 15px;
padding-bottom: 30px;
}
#footer .ce_text{
padding: 0 !important;
}
.hinweis {
margin-top:80px;
}
a.gross{
padding-top: 5px;
padding-bottom: 10px;
}
/**************************************************************************************/
/******************************Responsivität*******************************************/
/*************************************************************************************/
#wrapper:before {
position:fixed;
background: #ffffff;
z-index:100;
}
/*****header ausblenden****/
/*#header{
display:none;
}*/
/******************************** Stufe 1 *********************************************/
/**************************************************************************************/
@media screen and (max-width: 1290px) {
/* #wrapper:before {
content: 'Resp. Design Step 1: \21D0 1291px';
}*/
/*************Footer**************/
.cb9{
padding:25px 40px;
}
/*Header*/
header .grid-col-3{
padding-left:0px;
}
header .grid-col-4{
padding-right:0px;
}
}
/***********Slider caption/ Bildbeschreibungen Slider*************/
.flex-caption.rechts-mitte,
.flex-caption.links-mitte,
.flex-caption.mitte-mitte{
margin-top: 15%;
margin-bottom:15%;
}
/******************************** Stufe 2 *********************************************/
/**************************************************************************************/
@media screen and (max-width: 1103px) {
/* #wrapper:before {
content: 'Resp. Design Step 2: \21D0 1104px';
}*/
/*************Footer**************/
.cb9{
padding:25px 20px;
}
}
/******************************** Stufe 3 *********************************************/
/**************************************************************************************/
@media screen and (max-width: 1023px) {
/* #wrapper:before {
content: 'Resp. Design Step 3: \21D0 1024px';
}*/
/***************Header****************
#bt-menu{
left:-35% !important;
}*/
#header-phone span{
font-size: 20px !important;
}
.mod_breadcrumb{
text-align: center;
font-size: 0.4em;
}
.cb9 {
padding: 25px 90px;
}
.grid-col-3 .wrap {
margin-top: 0px;
}
.cb9 .grid-col-3 {
width: 33.3%;
}
.cb9 .grid-col-2 {
width: 30%; /* vorher 25% */
}
h5.footer {
text-align: center;
margin-left: 0px;
}
/************Gallerie*************/
.ce_gallery li{
height:auto;
}
}
/******************************** Stufe 4 *********************************************/
/**************************************************************************************/
@media screen and (max-width: 1000px) {
/*#wrapper:before {
content: 'Resp. Design Step 4: \21D0 1001px';
}*/
/*********Footer*************/
/* .ico-route{
line-height: 30px;
}*/
.mod_fblikeit{
padding-bottom: 30px !important;
}
.cb9 h5,
.cb9 .fb,
.cb9 .align-justify{
text-align: center;
}
.cb9 .wrap{
width: 100%;
margin-top: 40px;
}
.grid-col-3 .wrap {
margin-top: 0px;
}
/*********Flexslider*********/
.flex-caption{
left:0px;
}
.ce_gallery li {
height: auto;
}
/***********Slider caption/ Bildbeschreibungen Slider*************/
.flex-caption.rechts-mitte,
.flex-caption.links-mitte,
.flex-caption.mitte-mitte{
margin-top: 10%;
margin-bottom:10%;
}
/*********Kleiner Slider*********/
.white .flexslider .slides img{
height: 424px;
width:563px;
margin: 0 auto;
}
.white .flex-direction-nav .flex-next{
right: -95px;
}
.white .flex-direction-nav .flex-prev{
left: -95px;
}
/*********logos*************/
.logos{
text-align:center;
}
}
/******************************** Stufe 5 *********************************************/
/**************************************************************************************/
@media screen and (max-width: 895px) {
/*#wrapper:before {
content: 'Resp. Design Step 5: \21D0 896px';
}*/
/********Header/ Menü*******/
#bt-menu.open{
left:0%;
}
/*********Footer*********/
.cb9{
padding: 25px 50px;
}
/*********Gallery*********/
.ce_gallery li{
width:40%;
margin-left:auto;
height: auto;
margin-bottom: 10px;
text-align: center;
}
.ce_gallery .image-container{
margin: 0 auto;
}
/*********Kleiner Slider*********/
.white .flexslider .slides img{
height: 376px;
width:500px;
}
.white .flex-caption{
bottom: -130px;
}
.white .flex-control-nav{
bottom: -165px;
}
/*********Links**********/
a.gross{
font-size:22px;
}
/*******Grid-Abstände********/
.var1,
.var4{
padding-left: 30px;
padding-right: 30px;
}
/***********Slider caption/ Bildbeschreibungen Slider*************/
.flex-caption.rechts-mitte,
.flex-caption.links-mitte,
.flex-caption.mitte-mitte{
/*margin-top: 15%;
margin-bottom:15%;
*/}
/*li .flex-active-slide{
display:block
}*/
.flex-caption p{
font-size: 25px;
}
/***Version 1: mit
****/
.flex-caption .caption_title_line div strong{
font-size: 60px;
line-height: 70px;
}
/****Version 2: ohne
****/
.flex-caption .caption_title_line strong{
font-size: 60px;
line-height: 70px;
}
/********Header******************/
header#header {
position: relative;
position: fixed;
top: 0;
}
header .inside{
min-height: 80px;
}
.slicknav_btn{
z-index:5000;
}
.slicknav_menu .slicknav_nav ul.level_1{
margin-top:15px;
}
/* Schaufenster **/
.grid-col-2 .schaufenster-container .after {
height:98px;
width:98px;
top: 0px;
}
.grid-col-2 .schaufenster-container .after-text{
height:78px;
width:78px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
border-radius: 100%;
border: 2px solid #ffffff;
position:absolute;
top: 20;
bottom:0;
left:0;
right:0;
margin: auto;
}
.grid-col-2 .hover-txt {
font-family:Quicksand, nexa_boldregular, sans-serif;
font-size: 0.8em;
width: 70px;
position: absolute;
height:60px;
top:20;
bottom:0;
margin: auto 0;
margin-left: 3px;
margin-top: 10px;
}
/*******Grid*********/
#schaufenster2 .grid-col-1, #schaufenster2 .grid-col-2,
#schaufenster2 .grid-col-3
{
width: 50%;
text-align: center;
}
}
/******************************** Stufe 6 *********************************************/
/**************************************************************************************/
@media screen and (max-width: 767px) {
/* #wrapper:before {
content: 'Resp. Design Step 6: \21D0 768px';
}*/
/*********Footer*********/
.cb9{
padding: 25px 30px;
}
.ico-route{
height: 40px;
padding-top:15px;
line-height: 30px;
}
.ce_image.rund.footer-img.unten.block {
margin-top: 100px;
}
/*********Kleiner Slider*********/
div.white{
padding: 0 0 200px 0;
}
/********Überschriften**********/
h1{font-size:40px;}
h2{font-size:30px;}
/*********Grid*********/
#container .grid-col-5,
#container .grid-col-7{width:100%; text-align: center;}
/*********Links********/
a.gross{line-height:70px;}
/***********Slider caption/ Bildbeschreibungen Slider*************/
.flex-caption{
bottom: 50px;
left: 50px;
}
.flex-caption.rechts-mitte,
.flex-caption.links-mitte,
.flex-caption.mitte-mitte{
margin: auto;
}
.flex-caption p{
font-size: 25px;
}
/***Version 1: mit
***/
.flex-caption .caption_title_line div strong{
font-size: 1em; /*50px*/
line-height: 60px;
}
/***Version 2: ohne
***/
.flex-caption .caption_title_line strong{
font-size: 1.2em; /*50px*/
line-height:1em;
}
.caption_title_line {
float:left;
}
/* Schaufenster **/
.grid-col-2 .schaufenster-container .after {
height:78px;
width:78px;
}
.grid-col-2 .schaufenster-container .after-text{
height:68px;
width:68px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
border-radius: 100%;
border: 2px solid #ffffff;
position:absolute;
top: 0;
bottom:0;
left:0;
right:0;
margin: auto;
}
.grid-col-2 .hover-txt {
font-family:Quicksand, nexa_boldregular, sans-serif;
font-size: 0.7em;
width: 61px;
position: absolute;
height:60px;
top:0;
bottom:0;
margin: auto 0;
margin-left: 3px;
margin-top: 10px;
}
}
/******************************** Stufe 7 *********************************************/
/**************************************************************************************/
@media screen and (max-width: 679px) {
/*#wrapper:before {
content: 'Resp. Design Step 7: \21D0 680px';
}*/
/*********Kleiner Slider*********/
.white .flexslider .slides img{
height: 283px;
width:377px;
}
/*******Überschriften**********/
h1{
font-size: 35px;
line-height: 38px;
}
h2{
font-size: 27px;
line-height: 30px;
}
h3{
font-size: 25px;
line-height: 30px;
}
/********Slider********/
/*.flexslider .slides img{
margin-bottom:100px;
}*/
.flex-caption{
margin:auto;
}
.flex-caption.links-unten, .flex-caption.mitte-unten, .flex-caption.rechts-unten{
bottom:0;
}
.flex-caption .caption_title_line div strong,
.flex-caption p{
color: white;
}
.flex-caption .caption_title_line div strong, .flex-caption p{
text-shadow: 4px 4px 2px rgba(0, 0, 0, .3);
}
header .grid-row {
margin: 5px -15px 0 !important;
}
/********Header*******
header{
position: relative;
}*/
header .grid-col-4{
width:50%;
float: right;
}
header .grid-col-4 .float-right{
float:none;
}
header .grid-col-3
{
display:block;
}
header .grid-col-5{
width:30%;
float: right;
}
div#tel-lang{
display: none;
}
div#tel-kurz{
display:block;
width:60px;
height:60px;
margin:auto;
position:relative;
color:#9d033f;
}
a[href^="tel"]:link,
a[href^="tel"]:visited,
a[href^="tel"]:hover {
color: #11991d;
}
.slicknav_btn{
margin-top:20px;
position: fixed;
}
/*******Formular*******/
span.captcha_text{
width:60%;
bottom:40px;
}
}
/******************************** Stufe 8 *********************************************/
/**************************************************************************************/
@media screen and (max-width: 636px) {
/*#wrapper:before {
content: 'Resp. Design Step 8: \21D0 637px';
}*/
/*Header
header .grid-col-4{
display:none;
}
header .grid-col-3{
width:25%;
}
header .grid-col-5{
display:none
}
header .grid-col-9 {
display:inline;
width: 75%;
}
header .grid-col-9 .grid-row{
margin-top: 0px !important;
}
#bt-menu.closed{
left:0%;
}*/
/**********Footer************/
/*.cb9{
text-align:center;
}*/
.cb9 .noPadding{width:100%;}
.cb9 .grid-col-2 {
text-align: right;
margin-left: 90px;
}
.cb9 .grid-col-3 {
width: 60%;
text-align: left;
}
.grid-col-3 h6 {
text-align: left;
}
.cb9 .wrap-col-3{
width: 100%;
top: 40px;
text-align: center;
}
.wrap-col-3 h6 {
text-align: center;
}
.cb9 .wrap {
margin-top: 80px;
width: 100%;
}
.ce_image.rund.footer-img.unten.block {
margin-top: 120px;
}
/* Schaufenster **/
.grid-col-2 .schaufenster-container .after {
height:178px;
width:178px;
top: 10px;
}
.grid-col-2 .schaufenster-container .after-text{
height:170px;
width:170px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
border-radius: 100%;
border: 2px solid #ffffff;
position:absolute;
top: 20;
bottom:0;
left:0;
right:0;
margin: auto;
}
.grid-col-2 .hover-txt {
font-family:Quicksand, nexa_boldregular, sans-serif;
font-size: 1.5em;
width: 170px;
position: absolute;
height:60px;
top:20;
bottom:0;
margin: auto 0;
margin-left: 3px;
margin-top: 50px;
}
.white .flex-caption {
bottom: -150px;
}
/*********Suchmaschine************/
form input.search{
font-size:20px;
}
button.submit-box{
height: 20px;
position: absolute;
right:40px;
margin-top: 8px;
}
/********Navigation im Footer********/
.mod_customnav ul li{
padding:20px;
}
/*******Überschriften********/
h1,
h2,
h3,
h4,
h5,
h6{
text-align: center;
}
/*******Grid-Abstände********/
.var1,
.var3,
.var4{
padding-left: 20px;
padding-right: 20px;
}
/*******Grid*********/
.grid-col-1,
.grid-col-2,
.grid-col-3-5,
.grid-col-4,
.grid-col-5,
.grid-col-6,
.grid-col-7,
.grid-col-8,
.grid-col-9,
.grid-col-10,
.grid-col-11,
.grid-col-12 {
width: 100%;
text-align: center;
}
/***********Formular***********/
.tab-col-1,
.tab-col-2,
.tab-col-3,
.tab-col-3-5,
.tab-col-4,
.tab-col-5,
.tab-col-6,
.tab-col-7,
.tab-col-8,
.tab-col-9,
.tab-col-10,
.tab-col-11,
.tab-col-12 {
width: 100%;
}
form input.captcha{
float: none;
left: 0;
}
span.captcha_text {
bottom: 25px;
width: 100%;
}
/**********Schaufenster*************/
.schaufenster{
max-width:300px;
margin: 15px auto 0 auto;
}
.schaufenster-container .after{
top:15px;
}
.schaufenster a::after{
line-height: 80px;
}
/**********Liste***************/
ul{
/*text-align: left;*/
}
/**********Akkordeon***********/
.ce_accordion div[aria-expanded="false"] h3::after,
.ce_accordion div[aria-expanded="true"] h3::after{
display: block;
float: none;
padding-top: 0;
padding-bottom: 10px;
}
.ak-erd .toggler::before,
.ak-feuer .toggler::before,
.ak-wald .toggler::before,
.ak-diamant .toggler::before,
.ak-see .toggler::before,
.ak-oase .toggler::before,
.ak-tree .toggler::before {
display: block;
text-align: center;
}
h3.art{
display: block;
margin-top:35px;
}
/**********Links**********/
.buttontext{
font-size:18px;
}
a.gross{
font-size: 18px;
}
a.gross img{
height:20px !important;
margin-bottom: -4px !important;
}
/*******Kleiner Slider**********/
.white .flex-caption{
bottom: -140px;
}
/********Slider********/
.flex-caption{
margin-bottom: 70px;
}
.caption_title_line{
width: 500px;
}
/********Nachrichtenliste********/
.layout_latest{
margin-top:30px;
}
}
/******************************** Stufe 9 *********************************************/
/**************************************************************************************/
@media screen and (max-width: 514px) {
/*#wrapper:before {
content: 'Resp. Design Step 9: \21D0 515px';
}*/
/*******Header**********
#header-phone span{
font-size:17px !important;
}*/
/********Footer***********/
.cb9 .grid-col-7{
margin-top:25px;
}
.cb9 .grid-col-2 {
margin-left: 10px;
text-align: right;
}
.cb9 .grid-col-3 {
text-align: center;
}
.cb9 .grid-col-3 h6 {
text-align: center;
}
.cb9 .wrap-col-3 {
top: 50px;
}
.cb9 .wrap {
margin-top: 100px;
}
.cb9 .align-justify{
margin-bottom: 40px !important;
}
.icon-facebook{
display: block;
}
#fb-root{ margin-top: 40px; }
.cb11 p {
font-size: 1em;
margin-left: auto;
margin-right: auto;
width: 50%;
}
.fb-txt{
font-size: 13px;
}
/********Navigation im Footer********/
.mod_customnav ul li{
padding:10px 0px;
display:block;
}
/*********Gallery*********/
.ce_gallery li{
width:100%;
margin-left:0px;
}
/*********Kleiner Slider*********/
div.white{
padding: 0 0 200px 0;
}
.white .flexslider .slides img{
height: 212px;
width: 283px;
}
.white .flex-caption{
bottom: -110px;
text-align: center;
}
.white .caption_title_line {
width: 300px;
}
.white .flex-control-nav {
bottom: -180px;
}
.white .flex-caption p{
font-size:14px;
}
.white .flex-control-nav{
bottom: -160px;
}
.white .caption_title_line {
float: left !important;
margin-right: 0 !important;
padding: 0px !important;
}
/*********Grid*********/
.grid-col-7,
.grid-col-5{
width:100%;
}
/***********Slider*********/
.flex-caption{
margin-bottom: 0px;
}
.flex-caption p{
font-size: 18px;
}
.flex-caption .caption_title_line div strong{
font-size:22px;
}
.caption_title_line{
width: 250px;
}
/********Header************/
.slicknav_btn{
margin-left: -15px;
}
header .grid-col-4{
width:55%;
padding:0;
}
header .grid-col-5{
width:25%;
padding:0;
}
#header-img{
padding-top:10px;
}
}
/***************Alternatives Gallerielayout*********
ul.big_img{
line-height: 50px;
}
li.big_img:first-child{
float:none;
display: block;
width:50%;
margin: auto;
}
li.big_img:first-child div{
width: 100%;
}
li.big_img:first-child img{
width: 100%;
}*/
div.galleria-container {
margin: auto;
min-height: 320px; }
.galleria-info-link {
visibility: hidden;
}
.galleria-theme-classic {
position: relative;
overflow: hidden;
background: none;
}