/**
* Theme Name: silverundco
*Template: wp-bootstrap-starter
*/
@import url('../wp-bootstrap-starter/style.css');

body { font-family: Montserrat,'Open Sans', Helvetica, Arial, sans-serif; font-size: 1.2em; line-height: 1.6em; color: #efefef;  }

.site { background: #4E5659}

.site {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f0f9ff+0,4e5659+0,8e9396+0,67737c+100,74787c+100 */
background: rgb(240,249,255); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  rgba(240,249,255,1) 0%, rgba(78,86,89,1) 0%, rgba(142,147,150,1) 0%, rgba(103,115,124,1) 100%, rgba(116,120,124,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(240,249,255,1) 0%,rgba(78,86,89,1) 0%,rgba(142,147,150,1) 0%,rgba(103,115,124,1) 100%,rgba(116,120,124,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  rgba(240,249,255,1) 0%,rgba(78,86,89,1) 0%,rgba(142,147,150,1) 0%,rgba(103,115,124,1) 100%,rgba(116,120,124,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#74787c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.widget { border-top: 0px; list-style-type: none;}

#page { padding: 0;}

.site {  margin: 0px; padding: 0px 21px;  }
.site-inner { max-width: 1260px; margin-top: 0; margin-bottom: 0px; padding: 0px; }

.site-header { padding: 0;}

.site-content { margin: 0 auto; max-width: 1260px; }

a:hover { text-decoration: none;}

@media screen and (min-width: 790px) {
	body { font-size: 1.0em;} 
}

/** ################################ header ################################# */

header#masthead { margin-bottom: 0; padding: 0; background: none; box-shadow: none; }
.navbar-brand { width: 20%; max-width: 250px; min-width: 180px; padding: 30px 0 0px 0; }


/** ################################ /header ################################# */

/** ################################ navigation ################################# */

#mega-menu-wrap-primary { clear: both; margin: 0 0 0 auto; }

#mysticky-nav .myfixed .navbar-brand {width: 80px; min-width: 10px; max-width: 100px; padding: 10px 0 4px 0}

.mob-icon-menu::before {
    content: '\e9d6';
    background: rgba(114,124,131,0.6);
}

/** ################################ /navigation ################################# */

/** ################################ slider ################################# */


.crellyslider > .cs-controls > .cs-next { background: url(https://www.silverundco.de/wp-content/uploads/2020/08/pfeil-rechts.png) no-repeat 16px 6px; right: 30px; }
.crellyslider > .cs-controls > .cs-previous { background: url(https://www.silverundco.de/wp-content/uploads/2020/08/pfeil-links.png) no-repeat 12px 6px; left: 30px; }

.crellyslider > .cs-controls > .cs-next, .crellyslider > .cs-controls > .cs-previous {
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.4);
	background-size: 20px;
    border-radius: 5px;
}

.edlesslider img { border: 15px solid}
.kc-sync2 .owl-item { border: 2px solid #fff; margin-right: 10px}
.kc-sync2 .owl-item img:hover { opacity: 0.4}

/** ################################ /slider ################################# */



/** ################################ content ################################# */

.entry-content { margin-right: 0; margin-left: 0; }
.no-sidebar .entry-content { margin-right: 0%; margin-left: 0%; }

 #content { margin-top: 50px; padding-left: 0px;}

#content.site-content { padding-bottom: 3.75rem; padding-top: 0rem; }
#content { margin-top:20px; padding-left: 0px; }
 
.entry-content h1 { font-weight: normal; font-size: 1.6em; margin: 1em 0 1.5em 0; padding: 0px 0 10px 0; text-align: center; color: #ddd; border-bottom: 1px solid #ddd; }
.entry-content h2 { font-weight: normal; color: #222; margin-bottom: 0.75em; text-align: left; border-bottom: 1px solid #888; margin-bottom: 1.5em  }
.entry-content h3 { font-weight: normal; }
.entry-content h5 { font-weight: normal; }

.unterschr { max-width: 200px; margin: 2em 0 0 40px }

.titelbild img { border: 10px solid #eee; box-shadow: 4px 4px 9px #000; margin-bottom: 50px;}

.kontakt { padding-bottom: 50px}
.kontakt h4 { font-size: 1.2em; margin-top: 0; font-weight: normal; line-height: 1.5em }
.kontakt p { margin-bottom: 0.6em; }
.kontakt a { color: #2a2a2a}

.datenschutz h4 { margin-top: 1.5em}

.impressum { color: #ddd;}
.entry-content .impressum h5, .entry-content .impressum h3 { font-size: 1.2em; color: #eee}
.impressum a { color: #ddd}

.crellyslider  { box-shadow: 4px 4px 9px #000}
.crellyslider ul li.cs-slide { border: 10px solid #eee; box-shadow: 4px 4px 9px #000}

.startdreier-einzel a.kc_button { background: rgba(0, 0, 0, 0.0);}
.startdreier-einzel:hover a.kc_button { background: rgba(0, 0, 0, 0.25);}

.kc-image-hover-effects  { border: 1px solid #ddd;}

.einzelangebot { text-align: center; padding-bottom: 50px}
.einzelangebot img { margin-bottom: 1.2em}
.einzelangebot h4 { line-height: 1.3em; margin: 0 0 0.25em 0}
.einzelangebot p { line-height: 1.7em; margin-bottom: 0.25em}
.einzelangebot h5 {margin-top: 0.75em}
.katalog { background: rgba(255, 255, 255, 0.8); margin-bottom: 30px; overflow: hidden; padding: 30px 30px 0 30px}
.einzelangebot h6 { font-size: 0.8em; margin: 0 0 0.25em 0}
.katalog img { border: 1px solid #fff}



.extraangebotoben {   font-size: 28px; text-align: center; font-weight: 500; background: #f4f5f7; border-top: 1px solid #b5b5b5; border-right: 1px solid #b5b5b5;  border-left: 1px solid #b5b5b5; overflow: hidden }
.extraangebotoben p {margin-bottom; 0.75em }
.extraangebotmittecon { background: #f4f5f7; border-right: 1px solid #b5b5b5;  border-left: 1px solid #b5b5b5; padding: 0 25px; margin: 0 15px; width: calc(100% - 30px); overflow: hidden}
.extraangebotuntencon { background: #f4f5f7; border-right: 1px solid #b5b5b5;  border-left: 1px solid #b5b5b5; border-bottom: 1px solid #b5b5b5; padding: 0 25px; margin: 0 15px 70px 15px; width: calc(100% - 30px); overflow: hidden}

.startextraangebot { border: 1px solid #bbb; padding: 30px 30px 10px 30px; overflow: hidden; background: #989ca0}
.startextraangebot h2 { color: #ddd; text-align: center; margin: 0 0 0.5em 0}
.startextraangebot p { text-align: center; font-size: 0.9em}

a.graulink { color: #ddd}

ul.chichi { padding: 10px 0 0 10px; margin: 0; }
ul.chichi li { padding: 0; margin: 0 3px 2px 0; list-style-type: none; float: left; width: 25px; height: 25px; }
ul.chichi li.lava { background: #3c3835 url(https://www.silverundco.de/wp-content/uploads/2024/02/lava.jpg) no-repeat}
ul.chichi li.blueferry { background: #586e85 url(https://www.silverundco.de/wp-content/uploads/2024/02/blueferry.jpg) no-repeat}
ul.chichi li.elf { background: #0f7d50 url(https://www.silverundco.de/wp-content/uploads/2024/02/elf.jpg) no-repeat}
ul.chichi li.lamb { background: #d2ccbe url(https://www.silverundco.de/wp-content/uploads/2024/02/lamb.jpg) no-repeat}
ul.chichi li.tourmaline { background: #b29995 url(https://www.silverundco.de/wp-content/uploads/2024/02/tourmaline.jpg) no-repeat}
ul.chichi li.salmon { background: #d19d88 url(https://www.silverundco.de/wp-content/uploads/2024/02/salmon.jpg) no-repeat}
ul.chichi li.orange { background: #e66730 url(https://www.silverundco.de/wp-content/uploads/2024/02/orange.jpg) no-repeat}
ul.chichi li.curry { background: #ecb43b url(https://www.silverundco.de/wp-content/uploads/2024/02/curry.jpg) no-repeat}
ul.chichi li.graphit { background: #5c5452 url(https://www.silverundco.de/wp-content/uploads/2024/02/graphit.jpg) no-repeat}
ul.chichi li.canarino { background: #ebd683 url(https://www.silverundco.de/wp-content/uploads/2024/02/canarino.jpg) no-repeat}
ul.chichi li.lichtgrau { background: #7f6a65 url(https://www.silverundco.de/wp-content/uploads/2024/02/lichtgrau.jpg) no-repeat}
ul.chichi li.marine { background: #343642 url(https://www.silverundco.de/wp-content/uploads/2024/02/marine.jpg) no-repeat}
ul.chichi li.schwarz { background: #373330 url(https://www.silverundco.de/wp-content/uploads/2024/02/schwarz.jpg) no-repeat}
ul.chichi li.seaside { background: #d7b391 url(https://www.silverundco.de/wp-content/uploads/2024/02/seaside.jpg) no-repeat}
ul.chichi li.stone { background: #a78870 url(https://www.silverundco.de/wp-content/uploads/2024/02/stone.jpg) no-repeat}
ul.chichi li.petrol { background: #356b8d url(https://www.silverundco.de/wp-content/uploads/2024/02/petrol.jpg) no-repeat}
ul.chichi li.rot { background: #b94143 url(https://www.silverundco.de/wp-content/uploads/2024/02/rot.jpg) no-repeat}
ul.chichi li.nude { background: #d3b7ab url(https://www.silverundco.de/wp-content/uploads/2024/02/nude.jpg) no-repeat}
ul.chichi li.blush { background: #dea7a0 url(https://www.silverundco.de/wp-content/uploads/2024/02/blush.jpg) no-repeat}
ul.chichi li.waterfall { background: #90a4af url(https://www.silverundco.de/wp-content/uploads/2024/02/waterfall.jpg) no-repeat}
ul.chichi li.mint { background: #a2bfb5 url(https://www.silverundco.de/wp-content/uploads/2024/02/mint.jpg) no-repeat}
ul.chichi li.royal { background: #484a73 url(https://www.silverundco.de/wp-content/uploads/2024/02/royal.jpg) no-repeat}
ul.chichi li.lemon { background: #a2bfb5 url(https://www.silverundco.de/wp-content/uploads/2024/02/lemon.jpg) no-repeat center}
ul.chichi li.oceana { background: #01516a url(https://www.silverundco.de/wp-content/uploads/2024/02/oceana.jpg) no-repeat center}
ul.chichi li.pink { background: #ae546e url(https://www.silverundco.de/wp-content/uploads/2024/02/pink.jpg) no-repeat center}

.entry-content .katalog h4 { font-weight: normal; font-size: 1.1em; color: #222}

.entry-content .katalog p { font-size: 0.8em; color: #222}
.entry-content .katalog h5 { font-weight: normal; font-size: 1.1em; color: #222}

.interesse h4 { color: #ddd; font-weight: normal; font-size: 1.7em; text-align: center;}
.interesse p { color: #ddd; text-align: center; font-size: 1.2em; line-height: 1.4em}


.breitbild, .breitkarte { text-align: center; }
.breitbild img { width: 100%; padding: 10px; border: 1px solid #bbb; background: #eee; box-shadow: 4px 4px 9px #000 }
.breitkarte iframe { padding: 10px; border: 1px solid #bbb; background: #eee; box-shadow: 4px 4px 9px #000}

.unterschrift { text-align: center; padding: 3em 0 2em 0}
.unterschrift h4 { color: #fcfcfc; font-family: "pinyon script"; font-weight: normal; font-size: 1.9em; line-height: 1.32em;margin-bottom: 1em; text-shadow: 1px 1px 2px #555 }
.unterschrift p { color: #ddd; margin-bottom: 0.5em}
.unterschrift h5 { color: #ddd; font-style: italic; font-size: 1em}

.contact { text-align: center; padding: 3em 0 2em 0}
.contact p { color: #ddd; margin-bottom: 0.5em}
.contact a { display: inline-block; background: rgba(255, 255, 255, 0.2); color: #fff; padding: 10px 20px; border-radius: 5px; margin-bottom: 0.25em; transition: 0.3s;}


.contact a:hover { background: rgba(255, 255, 255, 0.6); color: #222; padding: 10px 20px; }
.contactabst { padding-top: 3.3em}

.social { position: fixed; width: 1px; right: 0px; top: 35%; z-index: 90; }

.instagram  { position: absolute; right: -152px; top: 0; width: 200px; background: #666; padding: 6px 6px; border: 1px solid #999; border-radius: 10px; transition: 0.5s; z-index: 95}
.instagram a { color: #fff; font-size: 0.8em; font-weight: bold}
.instagram a:hover { color: #98b4e0}
.instagram img { padding-right: 10px; width: 40px}
.instagram:hover { position: absolute; right: -50px; top: 0; }


.facebook  { position: absolute; right: -152px; top: 50px; width: 200px; background: #666; padding: 6px 6px; border: 1px solid #999; border-radius: 10px; transition: 0.5s; z-index: 96}
.facebook a { color: #fff; font-size: 0.8em; font-weight: bold}
.facebook a:hover { color: #98b4e0}
.facebook a img { padding-right: 10px}
.facebook:hover { position: absolute; right: -50px; top: 50px;}


.cookierichtlinie h2, .cookierichtlinie h3, .cookierichtlinie h4 { color: #efefef}
.cookierichtlinie a { color: #efefef}
.cookierichtlinie table td { color: #444}


@media screen and (min-width: 44.375em) { 
	.entry-content h1 { font-size: 1.8em; }
	.facebook, .instagram  { right: -158px;}
}  /**  >= 710px */
@media screen and (min-width: 48.9375em) { 
	.entry-content h1 { font-size: 2.0em; }
		.extraangebotoben {  font-size: 36px; }
}  /**  >= 783px */
@media screen and (min-width: 56.875em) {
	.entry-content h1 { font-size: 2.4em; }
	#content.site-content { padding-top: 2rem; }

 }  /**  >= 910px */
@media screen and (min-width: 910px) {
	.extraangebotoben  {  font-size: 44px; }
}

/** ################################ /content ################################# */

/** ################################ aside ################################# */

ul.seitenlogos-klein { padding: 0; margin: 0 auto; max-width: 280px;}
ul.seitenlogos-klein li { padding: 0; margin: 0; list-style-type: none; width: 50%; float: left; text-align: center; }
ul.seitenlogos-klein li img { width: 80%}

/** ################################ /aside ################################# */

/** ################################ footer ################################# */

#footer-widget { background-color: #dce0e8; font-size: 1.2em; padding: 20px 0px 20px 0px; }
footer.site-footer { background: #132745;}

.footerlinks { padding: 0 21px 20px 21px; border-bottom: 1px solid #132745}
.footerlinks h3 { font-size: 1.6em; margin-bottom: 0.25em }
.footerlinks h4 { font-size: 1.3em; margin: 0 0 0.5em}
.footerlinks p { font-size: 1.1em; margin: 0 0 0.75em}
.footerlinks p.footertel a { font-size: 1.3em; padding-left: 10px; color: #2a2a2a  }

.footerrechts p { font-size: 1.3em}
.footerrechts p.footerrechtstext { padding: 0; margin: 0;}
.footerrechts img { float: right; width: 80px; padding-top: 20px}
.footerrechts { overflow: hidden; padding: 0 0 0 40px; }
.footerrechts h4 { color: #ddd; font-size: 1.5em; letter-spacing: 1px; margin-bottom: 0.25em}
.footerrechts p.footername { color: #ccc; margin-bottom: 0.5em}
.footerrechts p.footeradresse { color: #ccc;}
.footerrechts p.footeradresse a { color: #ccc; }
.footerrechts p.footeradresse a:hover { color: #fff; }
.footerrechts p.footertelefon { margin-bottom: 0em }
.footerrechts p.footertelefon a { color: #ccc; }
.footerrechts p.footertelefon a:hover { color: #fff; }
.footerrechts p.footeremail a { color: #ccc; }
.footerrechts p.footeremail a:hover { color: #fff; }


.footerlinks h3, .footerlinks h4, .footerlinks p, .footerlinks p.footertel a, .footerrechts p { color: #132745 }

#Footerquer { text-align: center}
#Footerquer ul { padding: 0;   }
#Footerquer ul li ul#menu-impressum li { float: left;  }
#Footerquer ul li ul#menu-impressum li a { display: inline-block; width: auto; color: #ccc }
#Footerquer ul li ul#menu-impressum li a:hover { background: none }
#Footerquer ul li ul#menu-impressum { display: inline-block;  }

#footer-widget .container { max-width: 1070px}

.footerleft { border-right: 1px solid #bbb;  }
.footerlinks { padding: 40px 35px 30px 0; }
.footerlinks img { width: 200px}


body:not(.theme-preset-active) footer#colophon { background-color: transparent; text-align: center; padding: 30px 15px }
footer#colophon a { color: #ccc}

div#footer-widget { background: transparent;}
div#footer-widget .widget { margin: 0;}

@media screen and (min-width: 500px) { }  
@media screen and (min-width: 44.375em) { }  /**  >= 710px */
@media screen and (min-width: 769px) { 
	.footerrechts { padding: 30px 0px 10px 0px}
	.footerrechts p { font-size: 1.2em}
	.footerlinks { border-bottom: 0px solid #dce0e8; text-align: right;}
	.footerrechts img { width: 100px; padding-top: 10px}
}  
@media screen and (min-width: 56.875em) { }  /**  >= 910px */
@media screen and (min-width: 61.5625em) {  }  /**  >= 985px */