/*
Theme Name: kritzelblog
Description: Theme for Wordpress.
Version: 1.0
Author: b3
Author URI: http://bekritzelt.online
*/


/*.basic*/

/*section div.wrap div.w100.links { background-color: #fff; }
*//**/
.entry-content { margin-top: 1em }
.entry-content > h2 { margin: 1em 0 0.5em; }
.entry-content > h3 { margin: 1em 0 0.5em; color: #8E7308 }
div.entry-content hr { border: 3px solid lightblue; margin: 1em 0em; clear: both; }
.entry-content ul { list-style: outside; margin-left: 2em; margin-bottom: 0.5em; }
/**/
/**/
section#bereich-anwendungen { }
section#bereich-anwendungen .wrap .w100.links { background-color: #fff }
section#bereich-anwendungen .wrap .w100.links .freiraum h2 { font-size: 1.5em; margin-bottom: 1em; color: lightblue; text-align: center; border-bottom: 3px solid; padding-bottom: 1em; }
/*blog*/
body.blog #sidebar { width: 33%; float: right }
/*body.blog section div.wrap*/ div#widget-blog { background-color: #fff }
/*body.blog section div.wrap*/ div#widget-blog.w35.rechts aside { width: 100%; margin-bottom: 1em; /*padding: 2em*/ }
/*PAGE Template Kontakt*/
#kontaktFormular > [type="text"] { display: block; margin: 0 auto; /*    width: 80%;*/    
border: 0; border-bottom: 1px solid rgba(0,0,0,.2); height: 45px; line-height: 45px; margin-bottom: 10px; font-size: 1em; color: rgba(0,0,0,.4); }
input[type="date"], input[type="time"], input[type="datetime-local"], input[type="week"], input[type="month"], input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"] /*,textarea*/ { /*background: #f7f7f7;*/
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); border: 1px solid #d1d1d1; border-radius: 2px; color: #686868; padding: 0.625em 0 0.625em 0.4375em;/*    width: 100%;*/
}
#kontaktFormular > textarea {       /*background: #f7f7f7;*/ border: none; color: #686868; padding: 0.625em 0 0.625em 0.4375em; font-size: 1em; border-radius: 2px; }
#kontaktFormular > [type="tel"] { display: block; margin: 0 auto; /*    width: 80%;*/    
border: 0; border-bottom: 1px solid rgba(0,0,0,.2); height: 45px; line-height: 45px; margin-bottom: 10px; font-size: 1em; color: rgba(0,0,0,.4); }
#kontaktFormular > [type="email"] { display: block; margin: 0 auto; /*    width: 80%;*/   
border: 0; border-bottom: 1px solid rgba(0,0,0,.2); height: 45px; line-height: 45px; margin-bottom: 10px; font-size: 1em; color: rgba(0,0,0,.4); }
select { display: block; margin: 0 auto; /*    width: 80%;*/    
border: 0; border-bottom: 1px solid rgba(0,0,0,.2); height: 45px; line-height: 45px; margin-bottom: 10px; font-size: 1em; color: rgba(0,0,0,.4); }
form#kontaktFormular.ajaxForm.kontaktform div.w100.rechts.cbp-mc-submit-wrap p.w100 input#submit.kontaktsubmit { background-color: rgba(21,134,168,1.00); padding: 1em; color: #fff; border: none; margin: 1em 0; width: 100%; max-width: 300px }


footer div.wrap aside.widget.links { width: /*26*/ 27.33%; padding: 2em; background-color: #fff; margin: 1% 1% 1% 0; border-left: 3px solid rgba(21,134,168,1.00); /* display: -webkit-flex; 
  display: -ms-flexbox; 
  display: flex;*/
display: block }
footer div.wrap aside.widget.links:nth-of-type(1) { text-align: center }
footer div.wrap aside.widget.links:nth-of-type(3) { float: right; margin-right: 0 }
/*html body.page-template-default.page.page-id-50.logged-in.admin-bar.customize-support */footer div.wrap aside/*#nav_menu-2*/.widget.links.widget_nav_menu div.menu-extra-menue-container ul/*#menu-extra-menue*/.menu li/*#menu-item-92*/.menu-item.menu-item-type-post_type.menu-item-object-page/*.menu-item-92*/ { list-style: none; border-left: 3px solid lightblue; padding-left: 13px; margin-bottom: 0.5em }
footer div.wrap aside.widget.links h3.widget-title { margin-bottom: 1em }
/*stoerer*/
.stoerer > div.wrap > div > div.w70.links { font-size: 1.1375em; color: #fff; margin-bottom: 2em; }
.stoerer > div.wrap > div > div.w70.links > span { text-transform: uppercase; letter-spacing: 2px; }
body .page-template-page-leistungen section div.wrap article h1 { color: #fff; font-size: 2em; margin-bottom: 1em; }
/*html body.hypnoseanwendung-template-default.single.single-hypnoseanwendung.postid-78.single-format-standard.logged-in.admin-bar.customize-support*/ section div.wrap div.w100.links div.freiraum div.entry-content-image.w33.rechts /*img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image*/ { text-align: right }
div.w33 > article:hover { background-color: rgba( 173, 216, 230,0.44) }
/*html body.page-template-default.page.page-id-31.logged-in.admin-bar.customize-support */header div.wrap a div.logo span:nth-of-type(1) { font-size: 2em; color: #fff; line-height: initial; display: block; font-weight: bold; }
/*body.home*/ header div.wrap div.logo { margin: 1em 0; float: left; }

@media only screen and (min-width:500px) {
}



@media only screen and (max-width:960px) {
 
 #bereich-anwendungen > div > div > div > div.element-item {width: 50%}
 
}

@media only screen and (max-width:768px) {
 .entry-content-image{width: 100% !important}
 .entry-content-image > div.freiraum {padding: 0.5em;}
 
  #bereich-anwendungen > div > div > div > div.element-item {width: 100%}
#bereich-anwendungen div.w33:nth-child(2) > article:nth-child(1) > a:nth-child(1) > div:nth-child(1) {display: block !important}
#bereich-anwendungen div.w33 > article > a > div > div {width: 100%; display:initial  !important}
header div.wrap div.logo { margin: 1em 0 0em 2em; }

/*iframe { max-width: 100% }

.rechts { float: left }
.alignright { float: none; }
.w35 { width: 100%; }
.w50 { width: 100%; }
.w60 { width: 100%; }*/
.w33.links.element-item { width: 100% }
footer div.wrap aside.widget.links { width: 100%; margin: 0; border: none }
body.blog #sidebar { width: 100%; float: left; }
/*.w30 { width: 100%; }
.w45 { width: 100%; }
.w66 { width: 100%; }
.w70 { width: 100%; }
.w75 { width: 100%; }*/
div.w100.links.stoerer div.wrap div { margin: 2em !important }
div.w100.links.stoerer div.wrap div > div { margin: 0em !important }
html body.page-template.page-template-template.page-template-page-leistungen.page-template-templatepage-leistungen-php.page.page-id-28.logged-in.admin-bar.customize-support section div.wrap div.w100.links.element-item article div.w66.rechts div.freiraum { padding: 0 }
}


/*PAGE Template -Empfehlung*/

.mySlides {display:none}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  /*color: white;*/
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
 /* color: #f2f2f2;*/
  font-size: 15px;
  padding: 8px 12px;
 /* position: absolute;*/
  bottom: 8px;
  width: 100%;
/*  text-align: center;
*/}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor:pointer;
  height: 13px;
  width: 13px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: 11px}
}


.box-copyright{background-color: #fff; display: inline-block; border-top: 3px solid rgba(21,134,168,1.00); margin-top: 2em;}
span.copy-zusatz{float: right; padding: 1em;}

section#bereich-anwendungen .element-item{margin-bottom: 2em;}

.d-table{display: table}
.d-t-cell {display: table-cell}

section#bereich-anwendungen .w70.d-t-cell h3{margin-right: 0.5em;}

.header-img{text-align: center}

section.template-page-aktuelles > .wrap > .w100.links > .w75.links > .freiraum > .entry-content { margin-right: 2% }
 
section.template-page-aktuelles .element-item{margin: 0.5em 0}
section.template-page-aktuelles .element-item > .w75{background-color: #fff; margin: 0.5em 0}
section.template-page-aktuelles .element-item > .w75 h3{color: lightblue;}

div.verlauf{width: 100%;display: block;float: left;}

div.verlauf.blau{background-image: linear-gradient(117deg, transparent, #72bcd4);}

html body.home.page-template-default.page.page-id-2.logged-in.admin-bar.customize-support div.verlauf section div.wrap div.w100.links {background-color: transparent}

body.home header {
    /*width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    background-color: palevioletred;*/
    border-bottom: 0px solid rgba(21,134,168,1.00);
    /*float: left;*/
    padding: 5em 0 3em;
}



/*article.w100.links div {  border:1px solid #000;  }
*/
section.w75.links div.wrapper article.w100.links div{ min-height:200px;}
section.w75.links div.wrapper article.w33.links div.raster { min-height:200px; /*border-left:1px solid #fff;*/ border-right:1px solid #fff;}
section.w75.links > div > article:nth-child(4) > div { border-right:0px solid #fff  !important;}

div.wrapper article:nth-child(2) { background-color: rgba(31,144,172, 1); }
div.wrapper article:nth-child(3) { background-color: rgba(16,25,59,1.00); }
div.wrapper article:nth-child(4) { background-color: rgba(49,16,103,1.00); }