/**
 * Theme Name:  Rehmdichtungen
 * Tags:        custom
 *
 * License:     GNU General Public License v2.0
 * License URI: https://www.gnu.org/licenses/gpl-2.0.html
 *
 * Template:    webressortframe
 */

 a {
 background: none; 
	}
	
.navbar-default .navbar-nav > .active > a {
    background: none !important;
}


#header #top-meta-wrapper #top-meta-navi .top-contact-info { max-width:390px; }
#header #menu-wrapper #menu-container #menu .collapse #menu-main-menue li { margin-right:5%; }
/*wird wahrscheinlich nicht mehr genutzt
#top-meta-wrapper #top-meta-navi .top-contact-info .phone-top a::before {
  content: url("https://www.rehmdichtungen.de/wp-content/themes/rehmdichtungen/img/phone.png") !important;
}
#top-meta-wrapper #top-meta-navi .top-contact-info .phone-top a:hover:before {
  content: url("https://www.rehmdichtungen.de/wp-content/themes/rehmdichtungen/img/phone-hv.png") !important;
}

#top-meta-wrapper #top-meta-navi .top-contact-info .email-top a::before {
  content: url("https://www.rehmdichtungen.de/wp-content/themes/rehmdichtungen/img/plane.png") !important;
}
#top-meta-wrapper #top-meta-navi .top-contact-info .email-top a:hover:before {
  content: url("https://www.rehmdichtungen.de/wp-content/themes/rehmdichtungen/img/plane-hv.png") !important;
}

#footer #widgetarea .footer-tools .printfriendly a::after {
  content: url("https://www.rehmdichtungen.de/wp-content/themes/rehmdichtungen/img/printer.png") !important;
  left:0 !important;
  top:0 !important;
}
#footer #widgetarea .footer-tools .printfriendly a:hover::after {
  content: url("https://www.rehmdichtungen.de/wp-content/themes/rehmdichtungen/img/printer-hv.png") !important;
}

#footer #widgetarea .footer-tools .back-to-top::after {
  content: url("https://www.rehmdichtungen.de/wp-content/themes/rehmdichtungen/img/up.png") !important;
  padding-left:0 !important;
}
#footer #widgetarea .footer-tools .back-to-top:hover::after {
  content: url("https://www.rehmdichtungen.de/wp-content/themes/rehmdichtungen/img/up-hv.png") !important;
}

.rd-search .search-form .button-wrapper button.magnifier::before {
  content: url("https://www.rehmdichtungen.de/wp-content/themes/rehmdichtungen/img/search.png") !important;
}

.rd-search .search-form .button-wrapper button.magnifier:hover::before {
  content: url("https://www.rehmdichtungen.de/wp-content/themes/rehmdichtungen/img/search-hv.png") !important;
}

.rd-search .search-form .button-wrapper button.close-search::before {
  content: url("https://www.rehmdichtungen.de/wp-content/themes/rehmdichtungen/img/search-close.png") !important;
}
*/
.wpb_wrapper .services.servicehover > div.wpb_column:hover { cursor:pointer; }


/** SEO Changes */
#content h2 {
    font-size: 2.6rem !important;
    line-height: 2.6rem !important;
}

#content .divider-headline .wpb_wrapper h1 { 
    color: #cbcbcb;
    padding-top: 25px;
    text-transform: uppercase; 
    font-size: 2.6rem;
    line-height: 2.6rem;
}

#content .content-divider .wpb_wrapper h2 {
  color: #363636;
  margin-bottom: 15px;
  padding-top: 45px;
  font-size: 2.6rem;
  line-height: 2.6rem;
}
#content .divider-headline .wpb_wrapper h1 span {
  color: #707070;
  /*font-family: "Roboto",sans-serif;*/
  font-size: 2.3rem;
  line-height: 2.8rem;
  padding-bottom: 35px;
  margin-bottom: 0;
  margin-top:10px;
  display:block;
}

#content .services .wpb_column h3 {
  color: #363636;
  margin-bottom: 20px;
  text-align: center;
  text-decoration: none;
  font-size: 2.2rem;
  line-height: 2.4rem;
}

#content .services .wpb_column.hover h3 a {
  color: #2f7d7c;
}

.textwidget ul, .wpb_wrapper ul { list-style-type:none; margin-bottom:35px; }
.textwidget li, .wpb_wrapper li { position:relative; margin-top:5px; }

/* wird wahrscheinlich nicht mehr genutzt
.textwidget ul.stanzen li::before, .wpb_wrapper ul.stanzen li::before {
  background-image: url("https://rehmdichtungen.de/wp-content/themes/rehmdichtungen/stylesheets/../img/stanzen.png");
}

.textwidget ul.meterware li::before, .wpb_wrapper ul.meterware li::before {
  background-image: url("https://rehmdichtungen.de/wp-content/themes/rehmdichtungen/stylesheets/../img/Zuschnitte-und-Meterware.png");
  background-position:center 4px;
  margin-left:4px;
  width:12px;
}

.textwidget ul.handarbeit li::before, .wpb_wrapper ul.handarbeit li::before {
  background-image: url("https://rehmdichtungen.de/wp-content/themes/rehmdichtungen/stylesheets/../img/manuell.png");
  height:20px;
  margin-left:3px;
}

.textwidget ul.handarbeit li::after, .wpb_wrapper ul.handarbeit li::after {
	width:21px;
    height:21px;
}

.textwidget ul.wasserstrahl li::before, .wpb_wrapper ul.wasserstrahl li::before {
  background-image: url("https://rehmdichtungen.de/wp-content/themes/rehmdichtungen/stylesheets/../img/wasserstrahl.png");
  background-position:center 1px;
  height:17px;
  margin-left:4px;
  width:12px;
}

.textwidget ul.plotten li::before, .wpb_wrapper ul.plotten li::before {
  background-image: url("https://rehmdichtungen.de/wp-content/themes/rehmdichtungen/stylesheets/../img/plotten.png");
  margin-left:4px;
  width:12px;
  background-position:center 5px;  
}
*/
.textwidget li::before, .wpb_wrapper li::before {

	background-position: center 3px;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 15px;
  left: -30px;
  margin-left: 3.5px;
  position: absolute;
  top: 0;
  width: 15px;
  z-index: 1;
}



.textwidget li::after, .wpb_wrapper li::after {
  background-color: #363636;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  content: "";
  display: block;
  height: 20px;
  left: -30px;
  position: absolute;
  top: 0;
  width: 20px;
}



#post-14 .pf-content .wpb_images_carousel .vc_carousel-indicators { display:none; }


#content .accordion .headers.h2, #content .accordion .headers.h3 { font-size:1.6rem !important; }


#post-30 .textwidget li::before, #post-30 .wpb_wrapper li::before, #post-30 .textwidget li::after, #post-30 .wpb_wrapper li::after{ display:none; }
#post-30 .textwidget ul, #post-30 .wpb_wrapper ul { list-style-type:initial; }

#content .bg-grey,#content .bg-blue {
    background-size:cover !important;
  }

#content p.seo-button {
background-color: #2f7d7c;
border-radius: 8px;
display: inline-block;
font-weight: bold;
font-size: 18px;
padding: 20px;
margin-top:20px;
}
#content p.seo-button a {color: #ffffff;text-decoration:none}



/**/
.accordion div, .accordion p {
    display: block !important;
}
.downloads .vc_toggle ul li {
    list-style: none;
}

#content .downloads  .vc_toggle {
max-width: 740px;
}
.vc_toggle_content p {
	padding-left: 0px !important;
}
.vc_toggle_content tr:nth-child(odd) {
	background-color: #f3f3f3;
}
.vc_toggle_content tr {
	border-top: 1px solid #b1b1b1;
}
.vc_toggle_content tr:last-child {
	border-bottom: 1px solid #b1b1b1;
}
.vc_toggle_content td:first-child {
	font-weight: bold;
}
.vc_toggle_content td {
	padding: 5px 5px;
}
.vc_toggle_content table {
	width: 100%;
	margin-top:15px;
}

.btn-404{
	margin-top: -23px !important;
	width: 299px !important; 
	flex-basis: auto !important;
}

.vollebreite{
	transform: translate3d(-320px, -55px, 0px);
	width: 150%;
}
@media (max-width: 925px){
.vollebreite {
    transform: translate3d(0px, -43px, 0px);
    width: 100%;
    min-height: 25px;
    height: 100px;
}
}

/* BEGIN Aufklappfunktion Gutenberg Vorlage z.B. für FAQ*/
summary {
  font-size: 1.25rem;
  font-weight: 600;
  	padding: 2rem 3rem;
  outline: none;
  border-radius: 0.25rem;
  text-align: left;
  cursor: pointer;
  position: relative;
	text-transform: uppercase;
	background-color: #2f7d7c0D;
}
details[open] > summary{
    background-color: #26a5a1;
    color: #fff;
}
summary:hover{
    background-color: #26a5a1;
    color: #fff;
}
details{
	background-color: #fff;
	margin-bottom: 1rem;
}
details[open] > .tab-content{
	background-color: #2f7d7c0D;
	padding: 2rem 3rem;
}
details > summary::after {
  position: absolute;
  content: "⌵";
  right: 20px;
	font-size: 2rem;
	color:#2f7d7c;
}
summary:hover::after {
	color:#fff;
}
details[open] > summary::after {
	color:#fff;
}
details > summary::-webkit-details-marker {
  display: none;
}
/* END Aufklappfunktion Gutenberg Vorlage*/

/* BEGIN Header*/
#top-meta-wrapper #top-meta-navi{
	padding-top: 7px;
}
#top-meta-right{
	float: right;
	padding-right: 30px;
}
#menu-wrapper {
	background:none;
	background-color: #ffffff !important;
}
.hd-grid-row {
	display: grid;
	text-align: center;
	padding:15px;
}

.navbar-default {
     background-color: #fff; 
     border: none; 
}
/*
.navbar-default .navbar-nav > li > a, .dropdown-menu > li > a {
    color: #363636;
    font-family: 'Roboto';
    font-size: 18px;
}
*/
//.navbar-default .navbar-nav > li > a span.caret {display: block;margin: auto;}
.dropdown-menu > li > a {text-transform:none;}

.navbar-nav > li.has-image {
    top: -48px;
}

.navbar-default .navbar-nav > .active > a {
    color: #2f7d7c;
}
@media screen and (max-width: 1000px) {

}

@media (max-width: 900px) {
	.nav > li {margin: 25px;}
	.navbar-nav > li.has-image {top: 0;}
	.nav > li:first-child {margin-top: 35px;}
	.hd-grid-row {
		grid-template-columns: repeat(1, auto);
    	width: 100%;
		padding: 0;
	}
	#bs-example-navbar-collapse-1 {
    	margin-top: 10px;
	}
	#menu .collapsed{
		margin-top: -37px;
	}
	.glyphicon-menu-hamburger {
    	margin-top: -42px;
	}
	
	.hd-grid-col-menu{
		margin-top: 0px;
	}
	.hd-logo img{
	//width: 95px;
	//height: 117px;
	}
	.mobile-logo{
        height: 50px;
        display: block;
        position: relative;
        top: -7px;
	}
	.menu-item{
		margin: 5px;
		text-align: center;
	}
	#menu-item-2344{
		display:block;
	}
}
@media (max-width: 655px) {
	#top-meta-wrapper #top-meta-navi #top-meta-right {
		padding-top: 12px;
		float: left;
		height: 45px;
	}
}


@media (min-width: 900px) {
	.navbar-nav {
	min-width:900px;
    float: none;
    margin: 0;
    display: flex;
    justify-content: space-between;
	font-weight: 600;
	}
	.hd-grid-row {
		grid-template-columns: repeat(2, 22% auto);
	}
	.hd-grid-col-menu{
		margin-top: 50px;
	}
	.home-logo{
		background-image: url(/wp-content/themes/rehmdichtungen/img/Logo-Startseite-oben-Rehm-Dichtungen.png);
    	background-repeat: no-repeat;
		height: 127px;
		width: 154px;
	}
	.mobile-logo{
		display:none;
	}
	.country-selector{
		margin-top: -5px;
	}
	#menu-item-2344{
		display:none;
	}
	
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    background-color: transparent;
    color: #2f7d7c;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {background-color: transparent;
    color: #2f7d7c;}
.navbar-nav > li > .dropdown-menu {
	border: none;
    //background-color: #2f7d7c0D;
	border-radius: 0;
}
.dropdown-menu > li > a {
	background-color: transparent;
    color: #363636;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {background-color: transparent;
    color: #2f7d7c;}
.wglanguage-name{
	padding-right:10px;
}

/* END Header*/

/* BEGIN Footer */
/*Footer Style */

.fo-grid-row {
    display: grid;
    text-align: center;
    padding: 50px 15px;
    background: #f3faff; /*#E1E8E9;*/
	margin-top: 35px;
}
.fo-logo {
	padding-bottom: 33px;
}
.fo-con {
    justify-content: center;
    font-size: 16px;
    color: #2f7d7c;
    text-align:left;
}
.fo-con img{
	margin-right: 15px;
}
.fo-con a{
	color: #2f7d7c;
}
.fo-con table tr{
	border: none;
	display: block;
	padding: 7px 0;
}
.fo-con table tr:nth-child(odd) {
    background-color: transparent;
}

#footer #copyright-wrapper #copyright-inner {
    width: 100%;
    padding: 24px 30px 0px 30px;
}

#footer #copyright-wrapper {
    clear: both;
    min-height: 71px;
    background: #2f7d7c;
    width: 100%;
}

#footer #copyright-wrapper #copyright-inner #footer-menu ul li a {
    background-color: transparent;
    padding: 0;
    font-weight: 400;
    color: white!important;
}

#footer #copyright-wrapper #copyright-inner #footer-menu ul li a:hover {
    text-decoration: underline;
}
#footer #copyright-wrapper #copyright-inner #copyright {
    float: right;
    position: relative;
    top: -18px;
}
#footer #copyright-wrapper #copyright-inner #copyright .footer-copyright-2 {
    color: white;
}
#footer #copyright-wrapper #copyright-inner #footer-menu ul {
    justify-content: center;
}
#footer #copyright-wrapper #copyright-inner #footer-menu ul li {
    margin-right: 40px !important;
}
/*
#footer #copyright-wrapper #copyright-inner #footer-menu ul li:last-child {
    margin-right: 0px !important;
}
/*


/*
@media (max-width: 1176px) {
	.fo-grid-row {
		grid-template-columns: repeat(2, [col] 50%);
	}
}*/
@media (min-width: 1301px) {
    .fo-grid-row {
        grid-template-columns: repeat(4, [col] 25%);
    }
}
@media (max-width: 1300px) {
	.fo-grid-row {
		grid-template-columns: repeat(1, [col] 100%);
		margin-top: 25px;
	}
	#footer #copyright-wrapper #copyright-inner #footer-menu ul li {
		display: block !important;
	}
	#footer #copyright-wrapper #copyright-inner #copyright {
        float: none !important;
        text-align: center;
    }
	#footer #copyright-wrapper #copyright-inner{
		padding:0 20px;
	}
	/* Link Fläche Mobile vergrößern */
	#content li {margin:15px;}
	.fo-con {
    	text-align:center;
		margin-top: 15px;
   }
	.info-table{
		text-align:left;
		padding-left:33%;
	}
}
@media (max-width: 430px) {
	.info-table{
		padding-left:15%;
	}	
}
/* END Footer */
/* greift noch nicht */
#content .wp-block-button a {
    text-decoration: none;
    background-color: #2f7d7c!important;
    Color: #fff!important;
    font-size: 20px;
}
#content .wp-block-button a:hover {
text-decoration: underline;
background: #26a5a1!important;
}
#container {
margin: 30px 20px 50px 20px;
}

/* Tabellen CSS */
tr:nth-child(odd) { background-color: #f3faff;/* #f3f3f3;*/	}
tr { border-top: 1px solid #b1b1b1; }
td {padding: 0 4px;}
table { width: 100%; margin-top: 15px; }
table { /* Styling der Tabelle */ }
.wp-block-table {
  width: 100%;
  overflow-y: auto;
  margin: 0 0 1em;
  word-break: normal;
}
.wp-block-table::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 14px;
  height: 14px;
}
.wp-block-table::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 3px solid #fff;
  background-color: rgba(0, 0, 0, .3);
}
/* Design 2023 */
#content .wir-blocks h2 {margin:10px 20px;font-size: 2rem !important;}
#content .wir-blocks p {margin:10px 20px;}
#content .wir-blocks hr.wp-block-separator {margin: 0px 350px 0px 20px;}
#content hr.headerline {color:#2f7d7c;  width: 25%;  margin: 0px;}
#content h1 {color:#2f7d7c;}
.kurz-trenner {width: 200px;  margin-left:0px;}
body {font-size: 1.6rem;  color: #383838;  line-height: 2rem; font-family: 'Arial',sans-serif;} 
/*html {font-size: 10px;}*/
/* PDF Logo */
.pdffile a::before { content: '\f1c1';  font-family:'FontAwesome';  color: #2f7d7c;  margin-right:10px; }
/* Türkise Boxen z.B. https://rehmdichtungen.de/werkstoffe-und-materialien/faserstoffe */
.tb23{
    height: 460px;
    /* background: #26A5A1 0% 0% no-repeat padding-box; */
	background-image: linear-gradient(to top, #26a5a1 0%, #2f7d7c 50%);/* Verlauf von dunkel zu hell */
    padding:30px;
    position: relative;
	max-width: 296px;
    margin: auto;
  }
  .tb23-h2{
        font: normal normal bold 24px/29px Roboto;
        color: #FFFFFF;
        width: 75%;
        float: left;
  }
 .tb23-h2 a{
	color: white !important;
    text-decoration: none !important;
  }
  .tb23-h2 a:hover{
    text-decoration: underline !important;
  }
 .tb23-bild {
    text-align:center;
  }
 .tb23-bild img {
    max-width: 25%;
    max-height: 60px;
  }
  .tb23-teaser-text{
    margin-top: 20px;
    color: #FFFFFF;
  }
  .tb23-button{
    margin: 9px 25px 15px 0px;
    position: absolute;
    bottom: 0px;
  }
  .tb23-button a{
    background-color: #fff;
    border: 2px solid;
    padding: 0.667em 0.333em;
    border-radius: 9999px;
    box-shadow: none;
    box-sizing: border-box;
    cursor: pointer;
    text-align: left;
    word-break: break-word;
    padding: 15px;
	text-decoration:none !important;
	font-size: 1.6rem;
  }
  #content .tb23-button a:hover {
    color: #26A5A1;
  }
 #content .tb23-button a:hover span{
	text-decoration:underline;
 }
.link_klammer{
    position: absolute;
    color: #26a5a1;
    font-size: 3rem;
    left: 216px;
    top: 25px;
}
  .tb23-line{
  clear: both;
  }
.grid_300{
	display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 2rem;
}
/* TeaserBild z.B. https://rehmdichtungen.de/werkstoffe-und-materialien */
@media only screen and (min-width: 1000px) {
	.teaser-bild{
    	position: relative;
    	top: -95px;
	}
	.minus-95-margin-bottom{
		margin-bottom:-95px!important;
	}
}
@media only screen and (max-width: 1000px) {
	.teaser-bild{
		position: unset;
	}
	.minus-95-margin-bottom{
		margin-bottom:0px!important;
	}
}

/* Graue Boxen z.B. Dichtungsmaterialien auf  https://rehmdichtungen.de und https://rehmdichtungen.de/werkstoffe-und-materialien/faserstoffe/klingersil-dichtungen  */
.tb23-grey{
    height: 181px;
    background: #2f7d7c 0% 0% no-repeat padding-box;
    position: relative;
    max-width: 163px;
    margin: auto;
  }
.tb23-grey:hover{
background: #26A5A1 0% 0% no-repeat padding-box;
text-decoration: underline !important;
color: white !important;
}

.tb23-h2-grey{
text-align: center;
    margin-top: 10px;
letter-spacing: 0px;
color: #318F94;
color: #FFFFFF;
opacity: 1;
}
 .tb23-h2-grey h2, .tb23-h2-grey h3{
	color: white !important;
    text-decoration: none !important;
font: normal normal bold 20px/24px Roboto !important;
  }

 .tb23-bild-grey {
    text-align:center;
  }
.tb23-bild-grey img {
   /* max-width: 100%; */
    max-width: 60px;
	max-height: 60px;
    margin-top: 20px;
  }

/* Graublaue Boxen z.B. Dichtungsmaterialien auf  https://rehmdichtungen.de  */

.tb23-greyblue{
    height: 350px;
    background:#f7fcff 0% 0% no-repeat padding-box;
    position: relative;
    margin: auto;
    padding:20px;
  }
.tb23-greyblue-bild img {
    max-width: 70px;
    max-height: 70px;
}
.tb23-greylbue-h2{
    margin-top:15px;
	min-width: auto !important;
}
.tb23-greylbue-h2 a{
    text-decoration: none !important;
}
.tb23-greylbue-h2 a:hover {
    color: #2f7d7c !important;
    text-decoration: underline !important;
  }
.tb23-greyblue-teaser-text{
    margin-top: 20px;
    color: #383838;
	min-width: auto !important;
}
.tb23-greyblue-button {
    margin: 9px 25px 15px 0px;
    position: absolute;
    bottom: 0px;
}
.tb23-greyblue-button a {
    with:150px;
    background-color: #2f7d7c;
    border: 2px solid;
    border-radius: 9999px;
    box-shadow: none;
    box-sizing: border-box;
    cursor: pointer;
    text-align: left;
    word-break: break-word;
    padding: 15px 30px;
    text-decoration: none !important;
    font-size: 1.9rem;
    color: white !important;
}
#content .tb23-greyblue-button a:hover {
    background-color: #26A5A1;
    text-decoration: underline !important;
  }
.tb23-greyblue-link_klammer {
    position: absolute;
    color: white;
    font-size: 2rem;
    left: 150px;
    top: 18px;
}


/* Swipen der Boxen z.B. https://rehmdichtungen.de/ 
 * class bei Spalten einstellen 
 * */
@media only screen and (max-width: 1000px) {
	div.swipe-box-typ2{
	  overflow-y: auto;
	  max-width: 100% !important;
	}
	div.swipe-box-typ2 div{
	  min-width: 130px !important;
	}

	div.swipe-box-typ3{
	  overflow-y: auto;
	  max-width: 100% !important;
	}
	div.swipe-box-typ3 div{
	  min-width: 210px;
	}
}
/* Class für die dunkelgrüne petrol Farbe */
.color-petrol{
	color: #2f7d7c !important;
}
.background-petrol{
	color: #2f7d7c !important;
}

/* xxx z.B. xxx */