/*
Theme Name: Create Child
Theme URI: http://create.themetrust.com
Template: themetrust-create
Author: ThemeTrust.com
Author URI: http://themetrust.com
Description: Create is a multipurpose WordPress theme.
Version: 1.1.9.1487693725
Updated: 2017-02-21 17:15:25


Schriftfarbe:               rgb(29,26,21)       #1D1A15

Rot:                        rgb(227,11,23)      #E30B17
Blau:                       rgb(7,119,189)      #0777BD
Hellblau:                   rgb(131,205,243)    #83CDF3

Linienfarbe, Hellgrau:      rgb(221,221,221)    #DDDDDD
Footer, Hellgrau:           rgb(229,229,229)    #E5E5E5
Input, Hellgrau:            rgb(248,248,248)    #F8F8F8
Form-Borders:               rgb(204,204,204)    #CCCCCC
Footer Schrift, Grau:       rgb(119,119,119)    #777777

Font
Font-Family     ''
Bold            700
Semibold        600
Medium          500
Normal          400
Light           300

h1  45/1.25 300
h2  36/1.25 300
h3  22/1.25 400
p   18/1.7  400
small 83%

*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 - Reset
2.0 - Typography
	2.2	- Typography Proper
3.0 - Elements
	3.5 - Forms
	3.6	- Comments
4.0 - Layout
	4.1 - Header
	4.4 - Footer
5.0 - Navigation
	5.1 - Links
	5.2 - Menus
6.0 - Accessibility
7.0 - Alignments
8.0 - Clearings
9.0 - Widgets
10.0 - Content
	10.1 - Posts and pages
	10.1.1 Shop / Woocommerce
	10.2 - Asides
	10.3 - Comments
	10.4 - Custom SO PageBuilder Styles
11.0 - Infinite scroll
12.0 - Media
	12.1 - Captions
	12.2 - Galleries
	12.3 - Revolution Slider
13.0 - Responsive
--------------------------------------------------------------*/

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
html {font-size: 112.5%; line-height: 1.7em; color: rgb(29,26,21)}
body, input, select, textarea, label {line-height: 1.5em; font-size: 1rem; color: rgb(29,26,21)}
h1, h2, h3, h4, h5, h6, .title, .product-title {line-height: 1.2em}
h1, .home h2 {font-size: 2em !important}
h2, .home h3 {font-size: 1.8em}
h3 {font-size: 1.4em}
p, address {font-size: 1rem; padding-bottom: 1rem}
small, label {font-size: .875rem; line-height: 1em}

.list-unstyled {list-style: none}   
.list-inline {padding-left: 0; list-style: none; margin-left: -5px}
.list-inline>li {display: inline-block; padding-left: 5px; padding-right: 5px}

/*Lists------------------*/

.textwidget ul {
  padding-left: 0;
  list-style-type: none;
  margin-left: 0;
}

.textwidget ul li {
	font-size: 1rem;
	margin: 0 0 1em 0;
	line-height: 1.25em;
	position: relative;
	padding-left: 2em;
}

.textwidget ul.small li{
    font-size: 0.875rem;
}

ul.icon li:before {
    color: rgb(7,119,189);
    font-size: 1.2em !important;
	position: absolute;
	text-align: left;
  	left: 0em;
  	width: 1em;
  	top: 50%;
  	margin-top: -0.5em;
  	content: "\f05a";
  	display: inline-block;
  	font: normal normal normal 14px/1 FontAwesome;
  	font-size: inherit;
  	text-rendering: auto;
  	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
}

ul.icon-info li:before{
  	content: "\f05a";
}

.textwidget ol li {
	margin: 0 0 10px 0;
	line-height: 1.4em;
}

.textwidget ol{
	margin: 0 0 20px 20px;
	list-style-type: decimal !important;
}

.textwidget ul ul, .textwidget ol ul, .textwidget ul ol, .textwidget ol ol {
	padding-top: 10px;
}

.textwidget ul ul li, .textwidget ol ul li, .textwidget ul ol li, .textwidget ol ol li{
	font-size: 1rem !important;
}

/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/

/*--------------------------------------------------------------
3.5 Forms
--------------------------------------------------------------*/
input[type="search"],
input[type="email"],
input[type="number"],
input[type="text"],
input[type="url"],
input[type="password"],
input[type="tel"],
textarea {
	border: 1px solid rgb(204,204,204) !important;
	border-radius: 0.25em !important;
	box-shadow: none !important;
	max-width: 100%;
	width: 100%;
} 

.lsow-dark-bg input[type="search"],
.lsow-dark-bg input[type="email"],
.lsow-dark-bg input[type="number"],
.lsow-dark-bg input[type="text"],
.lsow-dark-bg input[type="url"],
.lsow-dark-bg input[type="password"],
.lsow-dark-bg input[type="tel"],
.lsow-dark-bg textarea {
	background: white;
	border-color: white !important;
	color: rgb(29,26,21) !important;
} 


/*--------------------------------------------------------------
4.0 Layout
--------------------------------------------------------------*/

/*--------------------------------------------------------------
4.1 Header
--------------------------------------------------------------*/
#site-header {box-shadow: none !important}
#slide-panel {background-color: rgb(7,119,189)}
#slide-panel nav a {font-size: 1.2em; padding: 1em 5px; text-decoration: none; color: white}
.menu-toggle.close {}
.menu-toggle.close:before {font-size: 30px; margin-top: 2px; color: white}
@media only screen and (max-width: 660px){
    .site-title {text-align: left}
}
.main.entry-header {background: transparent !important}
.entry-title {text-align: left}


.menu-language-switcher {display: block; position: absolute; top: 0px; right: 16px; padding: 0 0 5px 5px}
.menu-language-switcher li {list-style: none; float: left; padding-bottom: 0; margin-botom: 0; display: inline-block}
.menu-language-switcher li + li {margin-left: 0.6em !important}
.menu-language-switcher li + li a:before {content: "I"; position: relative; left: -0.6em}
.menu-language-switcher li + li a:focus:before, .menu-language-switcher li + li a:hover:before {content: "I"; position: relative; left: -0.6em; color: rgba(0,0,0,0.4)}
.menu-language-switcher a {display: inline-block; margin-left: 0.6em !important; font-size: 13px; line-height: 15px; font-weight: 600; text-transform: uppercase; color: rgba(0,0,0,0.4)}
.menu-language-switcher a:focus, .menu-language-switcher a:hover {color: rgba(0,0,0,1)}


/*--------------------------------------------------------------
4.5 Footer
--------------------------------------------------------------*/
#footer {padding: 0 !important; background: rgb(7,119,189) !important}
#footer [data-row-id=Fragen-und-Auskuenfte] {padding-top: 3em}
#footer .main {padding: 0 !important}
#footer .main .panel-grid {margin: 0 !important; padding: 0 !important}
#footer .widget-box {margin-bottom: 0 !important; width: 100% !important}
#footer .widget-box .inside {padding: 0 10px}
#footer .widget-box p {color: white !important}
#footer a {color: white !important; text-decoration: underline}
#footer a:hover {opacity: 0.8}


/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/

/* Slide Panel */
.menu-toggle.open::before {font-size: 44px; color: black}

/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
.tribe-events-list-widget .widget-title {text-align: center; font-size: 2em; line-height: 1.2em; margin-bottom: 2em;}
.tribe-events-list-widget .tribe-events-widget-link {text-align: center; margin-bottom: 3em}
.tribe-list-widget {margin-right: -20px !important; margin-left: -20px !important; margin-bottom: 0 !important}
.tribe-list-widget .tribe-events-list-widget-events {margin-bottom: 5em !important}
.tribe-list-widget .meta {font-size: .875rem; line-height: 1.6em; padding-bottom: 0.25em !important}
.tribe-list-widget .meta > span {padding-right: 1em; display: inline-block}
.tribe-list-widget .meta .fa {color: rgb(7,119,189); width: 28px; text-align: center}
.tribe-list-widget .tribe-event-title {margin: .5em 0 !important}
.tribe-list-widget .auszug {font-size: .875rem; line-height: 1.6em; padding-bottom: 1em !important}
.tribe-list-widget .btn {margin-top: 0}
.tribe-list-widget .tribe-events-list-widget-events > a {font-size: .875rem; line-height: 1.6em}
.tribe-list-widget a .fa {width: 28px; text-align: center}
.tribe-list-widget .read-more {display: none}

.tribe-events-page-title {text-align: center !important; font-size: 2em !important; line-height: 1.2em !important; margin-bottom: 2em !important; font-weight: 600 !important}
.tribe-events-list .type-tribe_events {border: none !important; padding-top: 0 !important}

/*--------------------------------------------------------------
13.0 Responsive
--------------------------------------------------------------*/
.lsow-touchevents .panel-row-style[style] {
    	background-size: 150% !important;		
   	background-position: left 45% !important;		
	background-attachment: scroll;		
}

@media only screen and (max-width: 650px){
    .lsow-touchevents .panel-row-style[style] {
    	background-position: left 20% !important;		
    }
}

/*--------------------------------------------------------------
Buttons - siehe /css/bootstrap-buttons.css
--------------------------------------------------------------*/
.lsow-button-wrap {text-align: left !important}
.btn, button, input[type=submit], .so-widget-sow-button .ow-button-base .ow-button-hover, .lsow-button {background: none !important; text-shadow: none !important; box-shadow: none !important; background-color: white !important; border-color: rgb(7,119,189) !important; color: rgb(7,119,189) !important; display: inline-block; font-weight: 600 !important; line-height: 1.25; text-align: center; white-space: nowrap; vertical-align: middle; border: 1px solid transparent; padding: 0.75rem 1rem !important; font-size: 1rem !important; border-radius: 0.25em !important; transition: all 0.2s ease-in-out; text-transform: none !important; margin-top: 2.5rem; margin-bottom: 1rem}
.btn:focus, button:focus, input[type=submit]:focus, .lsow-button:focus, .btn:hover, button:hover, input[type=submit]:hover, .lsow-button:hover {background-color: rgb(7,119,189) !important; color: white !important; text-decoration: none; opacity: 1 !important}
.btn:focus, button:focus, input[type=submit]:focus {outline: 0; box-shadow: 0 0 0 2px rgba(2,117,216,.25) !important}
.btn.block {}
.btn-lg {padding: 0.75rem 1.5rem !important; font-size: 1.25rem !important; margin-top: 0}
.btn-sm {padding: 0.25rem 0.5rem !important; font-size: 0.875rem !important; font-weight: normal; margin-top: 0}
.btn-block {display: block; width: 100%}
.btn-block + .btn-block {margin-top: 0.5rem}
.btn-link,
.btn-link:hover {border-color: transparent !important; background-color: transparent !important; box-shadow: none !important}
input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block {width: 100%}
/* .sow-icon-fontawesome, .sow-icon-ionicons {width: 1.5rem !important; padding-left: 0.75rem} */

.lsow-dark-bg .btn, .lsow-dark-bg button, .lsow-dark-bg input[type=submit], .lsow-dark-bg .so-widget-sow-button .ow-button-base .ow-button-hover, .lsow-dark-bg .lsow-button {background-color: transparent !important; border-color: white !important; color: white !important}
.lsow-dark-bg .btn:hover, .lsow-dark-bg button:hover, .lsow-dark-bg input[type=submit]:hover, .lsow-dark-bg .so-widget-sow-button .ow-button-base .ow-button-hover:hover, .lsow-dark-bg .lsow-button:hover {background-color: white !important; color: transparent !important; border-color: white !important; color: rgb(7,119,189) !important;}

/*--------------------------------------------------------------
Plugin - SiteOrigin Widgets
--------------------------------------------------------------*/
.panel-grid:not(:first-child) {margin-bottom: 2rem !important}
.panel-grid:first-child,
.panel-grid:last-child {margin-bottom: 0rem !important}
.panel-grid:nth-child(2) > div {padding-top: 1rem !important}
.panel-grid .parallax-section,
.panel-grid-cell {margin-bottom: 3rem !important}
.panel-grid-cell .widget_lsow-services {margin-bottom: -3rem !important}
.panel-grid-cell .textwidget p:last-child {margin-bottom: 0 !important; padding-bottom: 0 !important}

/* CTA */
.so-widget-sow-cta {padding-top: 3rem}
.so-widget-sow-cta .sow-cta-base {background-color: transparent}
.lsow-dark-bg .so-widget-sow-cta .sow-cta-base {color: white; font-weight: 500}
.lsow-dark-bg .so-widget-sow-cta .sow-cta-base .sow-cta-title {color: white; font-weight: 300;}
.lsow-dark-bg .so-widget-sow-cta .sow-cta-base .sow-cta-subtitle {color: white !important; font-weight: 500; opacity: 1}

/*--------------------------------------------------------------
Plugin - Livemesh SiteOrigin Widgets
--------------------------------------------------------------*/

.lsow-dark-bg {padding: 0 0 1em 0; margin-top: 0}
.lsow-dark-bg * {color: white}
.parallax-section {position: static; height: 100%; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; padding-top: 3rem !important; padding-bottom: 3rem !important}
.parallax-section .parallax-inner {display: none !important}
  
  /* Hero Header */
.lsow-hero-header {} 
.lsow-hero-header .lsow-header-content {text-align: left; max-width: 1230px; padding: 0 30px}
.lsow-hero-header .lsow-header-content .lsow-heading {text-align: left}
.lsow-hero-header .lsow-header-content .lsow-heading span,
.lsow-hero-header .lsow-header-content .lsow-subheading  {display: inline-block; clear: both; float: none; padding: 2px 1rem 2px 1rem; margin: 0 0 4px 0; color: white; background-color: rgba(0,73,142,.9); font-weight: normal; font-size: 45px; line-height: 1.25; text-transform: none; font-style: normal; letter-spacing: 0}
.lsow-hero-header .lsow-header-content .lsow-subheading {background-color: rgba(65,143,222,9); font-size: 36px !important}
.lsow-hero-header .icon-angle-down:before {width: 1.2em; color: rgb(131,205,243); content: "\f063";	display: inline-block;	font: normal normal normal 1em/1 FontAwesome; font-size: inherit; text-rendering: auto;	-webkit-font-smoothing: antialiased;	-moz-osx-font-smoothing: grayscale}
.lsow-hero-header .icon-angle-down:hover {background: transparent !important}
.lsow-hero-header .icon-angle-down:hover:before {opacity: 0.8}
@media only screen and (max-width: 1024px){
 .lsow-hero-header .lsow-header-content .lsow-heading span {font-size: 35px}
.lsow-hero-header .lsow-header-content .lsow-subheading {font-size: 28px !important}
}
@media only screen and (max-width: 850px){
 .lsow-hero-header.lsow-section-bg-parallax .lsow-parallax-bg {-webkit-transform: translate3d(0, -30%, 0) !important; -moz-transform: translate3d(0, -30%, 0) !important; -ms-transform: translate3d(0, -30%, 0) !important; transform: translate3d(0, -30%, 0) !important;}
 .lsow-hero-header .lsow-header-content .lsow-heading span {font-size: 32px}
 .lsow-hero-header .lsow-header-content .lsow-subheading {font-size: 24px !important}
}
@media only screen and (max-width: 650px){
 .lsow-hero-header .lsow-header-content .lsow-heading span {font-size: 26px}
 .lsow-hero-header .lsow-header-content .lsow-subheading {font-size: 20px !important}
}
@media only screen and (max-width: 550px){
 .lsow-hero-header .lsow-header-content .lsow-heading span,
 .lsow-hero-header .lsow-header-content .lsow-subheading {font-size: 22px !important; padding-left: 0.66rem; padding-right: 0.35rem}
}
@media only screen and (max-width: 460px){
 .lsow-hero-header .lsow-header-content .lsow-heading {padding: 0.66rem; background-color: rgba(0,73,142,.8); margin-bottom: 0.5rem}
 .lsow-hero-header .lsow-header-content .lsow-heading span {display: inline; padding: 0 0.3rem 0 0; background-color: transparent !important}
 .lsow-hero-header .lsow-header-content .lsow-heading span + br {display: none}
 .lsow-hero-header .lsow-header-content .lsow-subheading {display: block; padding: 0.66rem; background-color: rgba(65,143,222,.8)}
}
.lsow-hero-header .lsow-header-content {max-width: none}

/* Services - 7 Gründe für… */
.widget_lsow-services {}
.widget_lsow-services .widget-title {font-size: 1rem !important; text-align: center !important; margin-bottom: 3rem}
.widget_lsow-services .btn-link {font-size: .875rem !important}
.widget_lsow-services .lsow-image-wrapper img {max-width: 200px !important; margin-bottom: 0 !important}
.widget_lsow-services .lsow-title {display: none}
.widget_lsow-services .lsow-service-details {text-align: center}
.widget_lsow-services .lsow-service-details a {margin: 0; font-size: .875rem !important; line-height: 1em !important; font-weight: 300 !important}
.widget_lsow-services .lsow-service-details a img {max-width: 200px !important}
.widget_lsow-services .lsow-service-details a:hover {color: rgb(7,119,189) !important; font-weight: 500 !important}

/*--------------------------------------------------------------
Kostenberechnung
--------------------------------------------------------------*/
.Kostenberechnung {margin: 1rem 0}
.Kostenberechnung label {font-size: 1.75rem}
.Kosten {}
.Kosten tr:not(.wichtig) {display: none}
.Kosten.details tr {display: table-row}
.Kosten.details td {line-height: 1.8em}
.Kosten th,
.Kosten td {text-align: center}
.Kosten th+th,
.Kosten td+td {padding-left: 0.5rem}
.Kosten th {font-size: .875rem; line-height: 1.5em}
.Kosten td {font-size: 1rem; line-height: 2em}
.Kosten th:first-child,
.Kosten td:first-child {text-align: left}
.Kosten th:last-child,
.Kosten td:last-child {text-align: right}
.Kosten td {white-space: nowrap}
.Kosten tr:nth-child(2) td {padding-top: 0.5em}
.Kosten tr th,
.Kosten tr:last-child td {padding-bottom: 0.5em; border-bottom: 1px solid rgb(221,221,221)}
.Kostendetail {float: right}
.Kostendetail .no-details,
.Kostendetail.active .details {display: none}
.Kostendetail.active .no-details {display: inline}
#anzahlLernende,
#kostenJahr {width: 48%; margin-right: 40px; font-size: 1.8rem; font-weight: 500; background-color: transparent !important; color: white !important; border: none !important}
#anzahlLernende {text-align: right; color: rgb(29,26,21); padding: 5px 24px 5px 10px; line-height: 1.35em; margin: 0.5em 40px 0.5em 0; margin-left: calc(48% - 162px); width: 162px; border: 1px solid white !important; background-color: rgba(7,119,189,.7) !important}
#kostenJahr {text-align: right; border: none; line-height: 2.25em; padding-right: 0}
@media only screen and (max-width: 660px){
    .Kostenberechnung label {font-size: 1.3rem}
    #anzahlLernende,
    #kostenJahr {width: 50%; margin-right: 10px; font-size: 1.3rem !important}
}
@media only screen and (max-width: 460px){
    .Kostenberechnung label {font-size: 1rem}
    #anzahlLernende,
    #kostenJahr {font-size: 1rem}
}
@media only screen and (max-width: 350px){
    .Kosten th {font-size: .75rem; line-height: 1.5em}
    .Kosten td {font-size: 0.875rem}
}
.Anmeldeformular {max-width: 1240px; margin-left: auto !important; margin-right: auto !important}
.Anmeldeformular h4 {text-align: center}
.Anmeldeformular button, .Anmeldeformular input[type='submit'] {margin: 2rem auto 0; width: 160px; text-align: center; display: block}
.Anmeldeformular button[disabled] {opacity: .5 !important; cursor: default}
.Anmeldeformular button[disabled]:focus, .Anmeldeformular button[disabled]:hover {background-color: transparent !important; border-color: white !important; color: white !important}
.wpcf7-not-valid-tip {color: rgb(227,11,23) !important; font-size: 0.875rem !important}
.Anmeldeformular + .wpcf7-validation-errors {text-align: center; background: transparent !important; color: rgb(227,11,23) !important; font-size: 0.875rem !important}