/*------------------------------------------------------------------
Gemeinschaftsschule Wertheim
Version: 1.0;
Author: Media Life GmbH & Co. KG
Copyright: -

/*-----------------------------------------------------------------*/

/*------------------------------------------------------------------
[ Fonts ]
*/
/* ibm-plex-sans-condensed-300 - latin */
@font-face {
  font-family: 'IBM Plex Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/ibm-plex-sans-condensed-v8-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/ibm-plex-sans-condensed-v8-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ibm-plex-sans-condensed-v8-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ibm-plex-sans-condensed-v8-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ibm-plex-sans-condensed-v8-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ibm-plex-sans-condensed-v8-latin-300.svg#IBMPlexSansCondensed') format('svg'); /* Legacy iOS */
}

/* ibm-plex-sans-condensed-regular - latin */
@font-face {
  font-family: 'IBM Plex Sans Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/ibm-plex-sans-condensed-v8-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/ibm-plex-sans-condensed-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ibm-plex-sans-condensed-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ibm-plex-sans-condensed-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ibm-plex-sans-condensed-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ibm-plex-sans-condensed-v8-latin-regular.svg#IBMPlexSansCondensed') format('svg'); /* Legacy iOS */
}

/* ibm-plex-sans-condensed-700 - latin */
@font-face {
  font-family: 'IBM Plex Sans Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/ibm-plex-sans-condensed-v8-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/ibm-plex-sans-condensed-v8-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ibm-plex-sans-condensed-v8-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ibm-plex-sans-condensed-v8-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ibm-plex-sans-condensed-v8-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ibm-plex-sans-condensed-v8-latin-700.svg#IBMPlexSansCondensed') format('svg'); /* Legacy iOS */
}

/*------------------------------------------------------------------
[ General]
*/
html {
	-webkit-font-smoothing: antialiased;
	font-size: 62.5%;
}
html, body {
	max-width: 100%;
}
body { 
	margin:0;
	padding:0;
	color: #000;
    font-family: 'IBM Plex Sans Condensed';
	font-weight: normal;
	font-style: normal;
	font-size: 1.8rem;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	-moz-osx-font-smoothing: grayscale;
	width: 100%;
    background: #fff;
    overflow-x: hidden;
	overflow-y: scroll;
}
*,
*:before,
*:after {
	box-sizing: border-box;
}
hr, 
.content .elementor hr {
	border: none;
	border-bottom: 1px solid #000;
	margin: .8rem 0;
	height: 0;
}

/*------------------------------------------------------------------
[ Grid ]
*/
.container {
	width: 100%;
	max-width: 140rem;
	margin: 0 auto;
	position: relative;
}
.grid {
	display: block;
    clear: both;
    width: 100%;
    margin: 0 auto;
}
.grid .col,
[class*="content-grid"] .grid-item {
	float: left;
	width: 100%;
	padding: 0 2rem;
}
.grid .grid {
	width: auto;
}

/* Kill nested padding */
.col .col:not(.pull-right):first-child { padding-left: 0;}
.col .col:not(.pull-left):last-child { padding-right: 0;}
.col .col:only-child {
    padding-right: 2rem !important;
}
.col[class*='offset-']:only-child {
    padding-left: 2rem !important;
    padding-right: 0 !important;
}

/* No gutter */
.no-gutter .col,
.col.no-gutter {
	padding: 0 !important;
}

/* Column Widths */
.grid .span-1	{width: 8.33333%;}
.grid .span-2	{width: 16.66667%;}
.grid .span-3	{width: 25%;}
.grid .span-4	{width: 33.33333%;}
.grid .span-5	{width: 41.66667%;}
.grid .span-6	{width: 50%;}
.grid .span-7	{width: 58.33333%;}
.grid .span-8	{width: 66.66667%;}
.grid .span-9	{width: 75%;}
.grid .span-10	{width: 83.33333%;}
.grid .span-11	{width: 91.66667%;}
.grid .span-12	{width: 100%;}

/* Rearrange Columns */
.col.pull-left    { float: left;}
.col.pull-right   { float: right;}
.col .col.pull-left    { padding-left: 0;}
.col .col.pull-right   { padding-right: 0;}

/* Offset */
.grid .offset-1    {margin-left: 8.33333%;}
.grid .offset-2	   {margin-left: 16.66667%;}
.grid .offset-3	   {margin-left: 25%;}
.grid .offset-4	   {margin-left: 33.33333%;}
.grid .offset-5	   {margin-left: 41.66667%;}
.grid .offset-6	   {margin-left: 50%;}
.grid .offset-7	   {margin-left: 58.33333%;}
.grid .offset-8	   {margin-left: 66.66667%;}
.grid .offset-9    {margin-left: 75%;}
.grid .offset-10   {margin-left: 83.33333%;}
.grid .offset-11   {margin-left: 91.66667%;}

/* Clearfix*/
.grid {
 	*zoom: 1;
}
.grid:before, .grid:after {
	display: table;
	content: "";
	line-height: 0;
}
.grid:after {
	clear: both;
}
[class*="content-grid"] {
    margin-left: -2rem;
    margin-right: -2rem;
    overflow: hidden;
}
[class*="content-grid"] .grid-item {
	margin: 0 0 4rem;
	float: left;
}
[class*="content-grid"] .thumbnail {
	float: none;
    margin: 0;
}

/* Item Widths */
.content-grid-1 .grid-item {
	width: 100%;
}
.content-grid-2 .grid-item {
	width: 50%;
}
.content-grid-3 .grid-item {
	width: 33.33333%;
}
.content-grid-4 .grid-item {
	width: 25%;
}
.content-grid-5 .grid-item {
	width: 20%;
}
.content-grid-6 .grid-item {
	width: 16.66667%;
}
[class*="content-grid"].no-gutter,
[class*="content-grid"].no-gutter .grid-item {
    margin: 0;
    padding: 0;
}

/*------------------------------------------------------------------
[ Typography ]
*/
h1, .elementor-widget-heading h1.elementor-heading-title,
h2, .elementor-widget-heading h2.elementor-heading-title,
h3, .elementor-widget-heading h3.elementor-heading-title,
h4, .elementor-widget-heading h4.elementor-heading-title,
h5, .elementor-widget-heading h5.elementor-heading-title,
h6, .elementor-widget-heading h6.elementor-heading-title {
    font-family: 'IBM Plex Sans Condensed';
    font-weight: normal;
	margin: 0;
    -webkit-hyphens: auto;
    -webkit-hyphenate-limit-chars: auto 3;
    -webkit-hyphenate-limit-lines: 4;
    -ms-hyphens: auto;
    -ms-hyphenate-limit-chars: auto 3;
    -ms-hyphenate-limit-lines: 4;
    hyphens: auto;
    hyphenate-limit-chars: auto 3;
    hyphenate-limit-lines: 4;
}
h1,
.elementor-widget-heading h1.elementor-heading-title,
.elementor-widget-heading div.elementor-heading-title {
	font-size: 4rem;
    font-weight: 700;
    text-transform: uppercase;
}
h2,
.elementor-widget-heading h2.elementor-heading-title {
	font-size: 3rem;
    font-weight: 700;
    text-transform: uppercase;
}
h3,
.elementor-widget-heading h3.elementor-heading-title {
	font-size: 2.2rem;
    text-transform: uppercase;
}
h4,
.elementor-widget-heading h4.elementor-heading-title {
	font-size: 2rem;
    font-weight: 700;
}
h5,
.elementor-widget-heading h5.elementor-heading-title {
	font-size: 1.7rem;
}
h6,
.elementor-widget-heading h6.elementor-heading-title {
	font-size: 1.6rem;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
}
h1 a:hover, 
h2 a:hover, 
h3 a:hover, 
h4 a:hover, 
h5 a:hover, 
h6 a:hover {
    color: inherit;
}
p,
.elementor-widget-heading p.elementor-heading-title {
    font-family: 'IBM Plex Sans Condensed';
    font-size: 1.8rem;
    font-weight: normal;
    line-height: 1.6;
    color: #000;
	margin: 0 0 3rem 0;
}
.elementor-text-editor p:last-child {
    margin-bottom: 0;
}
a, p a {
	color: #009FE4;
	text-decoration: underline;
	outline: none;
    transition: all 0.25s ease-out;
}
a:hover, 
p a:hover {
	color: #000;
	text-decoration: none;
}
a:focus {
   outline: none;
}
strong, b {
    font-weight: 700;
}
.multi-column {
    margin: 0 auto;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 3rem;
    -moz-column-gap: 3rem;
    column-gap: 3rem;
    max-width: 100rem;
}
.elementor-heading-title,
.elementor-slide-description,
.elementor-gallery-item__description,
.elementor-carousel-image-overlay,
.elementor-cta__description,
.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
    white-space: pre-line;
}

/* Text Highlight */
::selection {
	background: #333;
	color: #fff;
}
::-moz-selection {
	background: #333;
	color: #fff;
}

/*------------------------------------------------------------------
[ Lists ]
*/
ul, ol {
	margin: 0 0 3rem 0;
    padding: 0 0 0 3rem;
}
ul {
	list-style: disc outside;
}
ol {
	list-style: decimal outside;
}
ul ul, ul ol,
ol ol, ol ul {
	margin: 0.3rem 0 0.3rem 2rem;
	list-style: inherit;
}
ol ul {
	list-style: disc inside;
}
.content .elementor-widget-text-editor :not(.elementor-element-overlay) ul li {
    position: relative;
    margin-bottom: 2rem;
    list-style: none;
}
.content .elementor-widget-text-editor :not(.elementor-element-overlay) ul li:before {
    content: '';
    position: absolute;
    top: 1rem;
    left: -2.4rem;
    width: 1.4rem;
    height: 1.4rem;
    background: #000;
}

/*------------------------------------------------------------------
[ Top Bar ]
*/
/* regular styling (for scrolling up) */
.top {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin: 0;
	padding: 2rem 0 1rem 0;
    z-index: 1010;
    height: 37rem;
    text-align: center;
    visibility: visible;
    opacity: 1;
    transition: all 0.25s ease-out;
}
body.elementor-editor-active .top {
    pointer-events: none;
}
.logo {
    margin-top: 4rem;
    opacity: 1;
    transition: opacity 0.25s ease-out;
}
.logo img {
    width: 25rem;
    transition: all 0.25s ease-out;
}
.top .telefon {
    position: absolute;
    top: 1rem;
    right: 17rem;
    text-align: left;
}
.top .suche {
    position: absolute;
    top: 1rem;
    right: 2rem;
    width: 14rem;
    text-align: left;
}
.overlay .suche {
    margin-bottom: 2rem;
}
.top .telefon p,
.top .suche p {
    margin: 0 0 .5rem 0;
    font-size: 1.7rem;
    text-transform: uppercase;
}
.top .telefon .button {
    position: relative;
    margin: 0;
    padding-left: 3.5rem;
}
.top .telefon .button::before {
    content: '';
    position: absolute;
    top: .8rem;
    left: 1rem;
    width: 2rem;
    height: 2rem;
    background: url(../images/icon-phone.svg) no-repeat center center;
    background-size: contain;
}
.top .searchform,
.overlay .searchform {
    position: relative;
}
.top .suche input,
.overlay .suche input {
    width: 100%;
    padding: .8rem 5rem .8rem 1.5rem;
    line-height: 2rem;
    border-radius: 0;
    border-color: #000;
}
.top .suche button,
.overlay .suche button {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: .8rem 1.5rem;
    width: 4rem;
    height: 100%;
    border: none !important;
    background: url(../images/icon-search.svg) no-repeat center center;
    background-size: 2.5rem;
}
.top .suche button:hover,
.top .suche button:active,
.top .suche button:focus,
.overlay .suche button:hover,
.overlay .suche button:active,
.overlay .suche button:focus {
    border: none;
}
/* styling for scrolling past header section */
.top.down {
    background: rgba(255,255,255.1);
}
/* styling for scrolling down */
.top.shrink {
    opacity: 0;
    visibility: hidden;
}
/* styling for opened overlay */
.top.force {
    opacity: 1 !important;
    visibility: visible !important;
}
.top.force #nav-icon span {
    background: #000 !important;
}

/*------------------------------------------------------------------
[ Contact Bar ]
*/
.meta {
    position: absolute;
	top: 2rem;
	right: 2rem;
	display: block;
	width: auto;
    height: 4rem;
}
.meta ul {
    list-style: none;
    margin: 0;
    padding-right: 0;
}
.meta ul li {
    display: inline-block;
}
.meta ul li a {
    color: #4d4d4d;
    padding: 0 1rem;
    font-size: 1.6rem;
}
.meta ul li a:hover {
    color: #3787ba;
}

/*------------------------------------------------------------------
[ Navigation ]
*/
.menu,
.menu ul {
	margin: 0;
	padding: 0;
}
.menu {
	display: block;
    margin-top: 5rem;
	width: auto;
}
.menu a:focus {
   outline: none;
}
.menu li {
	display: inline-block;
	position: relative;
	z-index: 100;
}
.menu > li > a {
    height: 5rem;
}
.menu li a {
    position: relative;
	font-size: 1.7rem;
	font-weight: normal;
	text-decoration: none;
    text-transform: uppercase;
	padding: .5rem 3rem;
	display: block;
	color: #000;
}
.menu li.current > a,
.menu li > a:hover,
.menu li:hover > a {
	color: #000;
}
.menu > li.current-menu-item > a,
.menu > li.current_page_item > a,
.menu > li.current-page-parent > a,
.menu > li.current_page_ancestor > a,
.menu > li.current-page-ancestor > a,
.menu > li.current-menu-ancestor > a {
    font-weight: 700;
}
.menu li.home a {
    font-size: 0;    
}
.menu li.home a::after {
    content: '';
    display: inline-block;
    position: relative;
    top: 1rem;
    left: 0;
    width: 3.2rem;
    height: 4.7rem;
    background: url(../images/icon-home.svg) no-repeat center center;
    background-size: contain;
}
/*
.menu li.has-child > a:after {
    content: '';
    position: absolute;
    bottom: 1rem;
    left: 50%;
    margin-left: -.3rem;
    width: .6rem;
    height: .6rem;
    background: url('../images/sub-indicator.png') no-repeat center center;
}
*/
.menu ul { 
	display: none;
	position: absolute;
	top: 5rem;
	left: 0;
    padding: 0;
	width: 24rem;
    text-align: left;
}
.menu li:hover > ul { 
	display: block;
    opacity: 1;
	-webkit-animation: fadeIn .5s both;
    animation: fadeIn .5s both;
}
@-webkit-keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}
@keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}
.menu ul li { 
	display: block;
	float: none;
}
.menu ul li a {
	display: block;
    padding: 1rem 3rem;
    font-size: 1.42rem;
	color: #000;
    background: #fff;
}
.menu ul li a:hover,
.menu ul li:hover > a,
.menu ul > li.current-menu-item > a,
.menu ul > li.current_page_item > a,
.menu ul > li.current-page-parent > a,
.menu ul > li.current_page_ancestor > a,
.menu ul > li.current-page-ancestor > a,
.menu ul > li.current-menu-ancestor > a {
	color: #000;
    background: #A9DDFA;
}
.menu ul ul {
	top: 0;
	left: 24rem;
}

/*------------------------------------------------------------------
[ Overlay Navigation]
*/
.navigation {
    display: none;
	position: absolute;
    z-index: 1002;
    right: 0;
    top: 6rem;
    height: 6rem;
    background: #fff;
    padding: 1.8rem 3.6rem 1.8rem;
	cursor: pointer;
}
#nav-icon {
	width: 3rem;
	height: 3rem;
	position: relative;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	transform: rotate(0deg);
	transition: .5s ease-in-out;
	cursor: pointer;
	float: right;
}
#nav-icon span {
	display: block;
	position: absolute;
	height: .2rem;
	width: 100%;
	background: #000;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	transform: rotate(0deg);
	transition: .25s ease-in-out;
}
#nav-icon span:nth-child(1) {
	top: 0;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	transform-origin: left center;
}
#nav-icon span:nth-child(2) {
	top: .8rem;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	transform-origin: left center;
}
#nav-icon span:nth-child(3) {
	top: 1.6rem;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	transform-origin: left center;
}
#nav-icon.open span:nth-child(1) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 0;
	left: 4px;
}
#nav-icon.open span:nth-child(2) {
	width: 0%;
	opacity: 0;
}
#nav-icon.open span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 2.2rem;
	left: .4rem;
}
#nav-icon span:nth-child(2) {
	width: 80%;
    margin-left: 20%;
}
#nav-icon:not(.open):hover span:nth-child(2) {
    width: 100%;
    margin-left: 0;
}
#nav-icon:not(.open):hover span:nth-child(1),
#nav-icon:not(.open):hover span:nth-child(3) {
    width: 80%;
    margin-left: 20%;
}
.mainnavigation {
    position: relative;
	display: block;
	margin: 0;
	padding: 0;
}
ul.mainnavigation {
    margin-top: 0;
    margin-bottom: 5.4rem;
    padding-left: 0;
}
.mainnavigation li {
    position: relative;
	display: block;
	margin:0;
	padding:0;
}
.mainnavigation li a {
    font-size: 1.42rem;
    font-weight: normal;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: -0.14px;
	padding: 1rem .5rem;
	display: block;
	color: #000;
    line-height: 1;
	transition: all 0.25s ease-out;	
}
.mainnavigation li a:hover,
.mainnavigation li.active > a,
.mainnavigation li:hover > a {
	color: #000;
}
.mainnavigation li.current-menu-item > a,
.mainnavigation li.current_page_item > a,
.mainnavigation li.current-page-parent > a,
.mainnavigation li.current_page_ancestor > a,
.mainnavigation li.current-page-ancestor > a,
.mainnavigation li.current-menu-ancestor > a {
    font-weight: 700;
}
.mainnavigation ul {
    display: none;
	margin: 0;
	padding: 0;
    padding-left: 1rem;
}
.mainnavigation ul li { 
	display: block;
	margin: 0;
    width: 100%;
}
.mainnavigation ul li a {
	display: block;
    font-weight: normal;
	color: #000;
    padding: 1rem .5rem;
	transition: all 0.2s linear;
}
.mainnavigation ul ul li a {
    font-size: 1.4rem;
    font-weight: 400;
}
.mainnavigation ul li a:hover,
.mainnavigation ul li.active > a,
.mainnavigation ul li:hover > a {
	color: #000;
}
.mainnavigation ul li.current-menu-item > a,
.mainnavigation ul li.current_page_item > a,
.mainnavigation ul li.current-page-parent > a,
.mainnavigation ul li.current_page_ancestor > a,
.mainnavigation ul li.current-page-ancestor > a,
.mainnavigation ul li.current-menu-ancestor > a,
.mainnavigation ul li.current_page_ancestor > a {
    font-weight: 700;
}
.mainnavigation .expand {
    position: absolute;
    top: 0;
    right: 0;
    padding-top: .4rem;
    font-family: Arial, Helvetica, sans-serif;
    color: #000;
    line-height: 1;
    font-size: 2.5rem;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    width: 3.6rem;
    height: 3.6rem;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.mainnavigation ul .expand {
    padding-top: .8rem;
}
.mainnavigation .expand:after {
    content: '+';
}
.mainnavigation .expand.active:after {
    content: '-';
}

/*------------------------------------------------------------------
[ Overlay / Navigation ]
*/
.overlay {
    position: fixed;
    right: -100%;
    z-index: 1001;
    overflow: auto;
    width: 32rem;
    height: 100%;
    background: rgba(255,255,255,.95);
    opacity: 0;
    transition: right .5s, opacity 0.5s ease;
}
.overlay.active {
    right: 0;
    opacity: 1;
    transition: right .3s, opacity .5s cubic-bezier(.14,.62,0,1);
}
.overlay .container {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 100%;
    padding-top: 18rem;
}
.overlay .grid.navigations {
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    opacity: 0;
}
.overlay.active .grid.navigations {
    padding-top: 0;
    opacity: 1;
    transition: padding 1s cubic-bezier(.14,.62,0,1), opacity .4s linear;
    transition-delay: .3s;
}

/*------------------------------------------------------------------
[ Buttons ]
*/

.button,
button,
.content .elementor-button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	display: inline-block;
    margin: 1rem .5rem 0 0;
	padding: .8rem 1.5rem;
	color: #fff;
	text-align: center;
	font-size: 1.42rem;
	font-weight: normal;
	line-height: 2rem;
	text-decoration: none;
    text-transform: uppercase;
	white-space: nowrap;
	background-color: #000;
	border: 1px solid transparent;
	cursor: pointer;
	transition: all 0.25s ease-out;
    border-radius: 0;
}
.content .elementor-button:focus,
.content .elementor-button:visited {
     color: #fff;
}
.button:hover,
button:hover,
.content .elementor-button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
.content .elementor-button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
	color: #fff;
    background-color: #222;
	outline: 0; 
}

/*------------------------------------------------------------------
[ Forms ]
*/
input {
	transition: all 0.25s ease-out;
}
.content .input,
.content .elementor-field-group .elementor-field-textual {
	width: 100%;
	padding: 1.3rem 2.5rem;
	margin: 0 0 1.5rem 0;
	font-family: inherit;
	font-size: 1.42rem;
    border: 1px solid #111;
    border-radius: 0;
}
.content .elementor-field-group select.elementor-field-textual {
    padding: .5rem;
}
.content .elementor-field-group .elementor-select-wrapper {
    max-width: 80%;
}
.content .elementor-field-group .elementor-select-wrapper::before {
    top: 40%;
    right: 2rem;
    text-shadow: none;
}
.content .elementor-field-group .elementor-field-textual:focus,
.footer .elementor-field-group .elementor-field-textual:focus,
.content .input:focus,
.top input,
textarea:focus {
	outline: none;
}
.form-element, 
textarea {
	line-height: normal !important;
	background: #f9f9f9;
	color: #666;
	border: 1px solid #111;
	-webkit-appearance: none;
	-moz-appearance:	none;
	appearance:			none;
    resize: none;
	transition: all 0.25s ease-out;
}
.form-element:focus, 
textarea:focus {
	background: #fff;
	color: #333;
	border: 1px solid #ccc;
	box-shadow: 0 0 0.1rem 0 rgba(0,0,0,0.2);
}
textarea {
	min-width: 10rem;
	min-height: 10rem;
}
.no-resize {
	resize: none;
}
label {
	margin-bottom: 0.8rem;
	color: #666;
	font-size: 1.8rem;
	display: block;
}

input[type="file"] {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}
.elementor-field-type-upload label {
    color: #fff;
    background: #000;
    display: inline-block;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    width: 20rem;
    clip: unset;
    text-align: center;
    text-transform: uppercase;
    line-height: 4rem;
    height: 4rem;
}

.content .elementor-field-group.elementor-col-50,
.content .elementor-field-group.elementor-field-group-nachname .elementor-field-textual,
.content .elementor-field-group.elementor-field-group-vorname .elementor-field-textual {
    margin-bottom: 0 !important;
    border-bottom: none;
}
.content .elementor-field-group.elementor-field-group-nachname .elementor-field-textual,
.content .elementor-field-group.elementor-field-group-name_des_kindes .elementor-field-textual {
    border-right: none;
}
.content .elementor-field-group.elementor-col-50:last-child .elementor-field-textual {
    border-left: none;
}

/*------------------------------------------------------------------
[ Images ]
*/
img {
    display: inline-block;
	max-width: 100%;
	height: auto;
    vertical-align: middle;
    border: none;
    outline: 0;
}
img.float-left,
.thumbnail.float-left {
    margin: 0 2rem 1rem 0;
}
img.float-right,
.thumbnail.float-right {
    margin: 0 0 1.5rem 2rem;
}
.thumbnail {
    margin-bottom: 3rem;
    position: relative;
    overflow: hidden;
}

/*------------------------------------------------------------------
[ Helper Utilities ]
*/

/* Text Alignments */
.align-center { text-align: center; }
.align-left   { text-align: left; }
.align-right  { text-align: right; }

/* Element Floats */
.float-left { float: left !important; }
.float-right { float: right !important; }

/* Clearfix */
.clearfix:before,
.clearfix:after {
	height: 0;
	content: ".";
	display: block;
	overflow: hidden;
}
.clearfix:after {
	clear: both;
}
.clear {
	width: 0;
	height: 0;
	display: block;
	clear: both;
	overflow: hidden;
	visibility: hidden;
}

/* Kill Margin */
.no-margins { margin: 0 !important; }
.no-margin-top { margin-top: 0 !important; }
.no-margin-right { margin-right: 0 !important; }
.no-margin-bottom { margin-bottom: 0 !important; }
.no-margin-left{ margin-left: 0 !important; }

/* Kill Padding */
.no-padding { padding: 0 !important; }
.no-padding-top { padding-top: 0 !important; }
.no-padding-right { padding-right: 0 !important; }
.no-padding-bottom { padding-bottom: 0 !important; }
.no-padding-left { padding-left: 0 !important; }

/*------------------------------------------------------------------
[ Theme Stuff ]
*/
.wrapper {
    padding-top: 37rem;
    transition: padding-top 0.25s ease-out;
}
.wrapper.down {
    /*padding-top: 14rem;*/
}
.content {
	padding: 0 2rem 8rem;
}
.header {
    position: relative;
    background-color: #fafafa;
    height: 32.5rem;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}
.header:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 9px;
    border-top: 1px solid #fff;
    background-image: linear-gradient(90deg, #007be4 0%, #00b4e1 100%)
}
.header .container {
    height: 100%;
    display: flex;
    /*justify-content: center;*/
    align-items: center;
    padding-right: 68rem;;
}
.header .text {
    padding: 4rem 2rem;
}
body.home .header {
    height: 65rem;
}
.header h1 {
    margin: 0;
    font-size: 9rem;
    line-height: 1;
    color: #fff;
    text-transform: none;
}
.header p {
    font-size: 2.2rem;
    color: #fff;
    text-transform: uppercase;
}
.quicklink {
    background-clip: content-box;
    padding: 10px;
}
.spalte .elementor-widget-text-editor {
    padding: 1rem;
    min-height: 8rem;
}
.spalte .elementor-widget-text-editor:nth-child(2) {
    min-height: 48rem;
}
.quicklink.gray,
.spalte.gray .elementor-widget-text-editor {
    background-color: #D5D5D5;
}
.quicklink.yellow,
.spalte.yellow .elementor-widget-text-editor {
    background-color: #FDED91;
}
.quicklink.red,
.spalte.red .elementor-widget-text-editor {
    background-color: #E85948;
}
.quicklink.blue,
.spalte.blue .elementor-widget-text-editor {
    background-color: #A9DDFA;
}
.quicklink p,
.quicklink .elementor-widget-heading p.elementor-heading-title {
    margin: 0;
    font-weight: 300;
    text-transform: uppercase;
}
.fachschaften .spalte .elementor-widget-text-editor {
    position: relative;
    padding: 2rem;
}
.fachschaften .spalte .elementor-widget-text-editor h2 {
    font-size: 2.5rem;
}
.fachschaften .spalte .elementor-widget-text-editor img {
    width: 18rem;
    height: 18rem;
    margin: 2rem auto;
}
body:not(.elementor-editor-active) .fachschaften .spalte .elementor-widget-text-editor a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    color: transparent;
}
.post-section::before,
body.page-id-81 .header-image::after,
body.single-post .header-image::after {
    content: '';
    position: absolute;
    top: -15rem;
    right: 10%;
    width: 23rem;
    height: 23rem;
    background: url(../images/icon-blog.svg) no-repeat center center;
    background-size: contain;
}
body.page-id-81 .header-image::after,
body.single-post .header-image::after {
    top: auto;
    bottom: -10rem;
}

/* Breadcrumbs */
.elementor-editor-active .entry-content > .breadcrumbs {
    display: none;
}
.breadcrumbs p,
.breadcrumbs a,
.breadcrumbs p a {
    margin: 0;
    font-size: 1.5rem;
    color: #707070;
}
.breadcrumbs .divider {
    margin: 0 .6rem;
}

/* Post Slider */
.post-slider {
    padding: 0 6rem;
}
.post-slider .swiper-wrapper {
    display: flex !important;
    flex-wrap: inherit;
}
.post-slider .elementor-post__excerpt p,
.post-slider .elementor-posts .elementor-post__excerpt,
.post-slider .elementor-post__read-more {
    display: inline;
}
.post-slider .swiper-button-next,
.post-slider .swiper-button-prev {
    width: 3.2rem;
    height: 7.6rem;
    background-size: contain;
}
.post-slider .swiper-button-next {
    background-image: url(../images/icon-next.svg);
}
.post-slider .swiper-button-prev {
    background-image: url(../images/icon-prev.svg);
}

/* Gallery */
.elementor-image-gallery .gallery-item .gallery-icon {
    position: relative;
}
.elementor-image-gallery .gallery-item .gallery-icon:hover::after {
    opacity: 1;
}
.elementor-image-gallery .gallery-item img {
    width: 100%;
}

/*------------------------------------------------------------------
[ Footer ]
*/
.footer {
    position: relative;
    border-top: 1px solid #000000;
}
.footer .container {
    padding: 0 1.5rem;
}
.footer-content p {
    margin: 0;
}
.footer .copyright {
    margin-top: 2rem;
    padding: 0 2rem .5rem 2rem;
    text-align: right;
    border-top: 1px solid #707070;
    background: #000000;
}
.footer-content ul {
    padding: 0;
}
.footer-content ul li {
    list-style: none;
}
.footer-content a {
    color: #000;
}
.footer .copyright ul {
    display: inline-block;
    list-style: none;
    margin: 0;
    margin-left: auto;
    padding: 0;
    text-align: right;
}
.footer .copyright ul li {
    display: inline-block;
    position: relative;
}
.footer .copyright ul li::before {
    content: '|';
    position: relative;
    top: 0;
    left: 0;
    padding-right: .5rem;
    font-size: 1.42rem;
    font-weight: 400;
    color: #fff;
}
.footer .copyright p,
.footer .copyright ul li a {
    display: inline-block;
    margin: 0;
    font-size: 1.22rem;
    font-weight: normal;
    text-decoration: none;
    color: #fff;
}
.footer .copyright ul li a:hover {
    text-decoration: underline;
}

/*------------------------------------------------------------------
[ Media Queries ]
*/
@media only screen and (max-width: 1400px) {
    .menu li a {
        padding: .5rem 1.5rem;
        font-size: 1.42rem;
    }
    .menu ul li a {
        padding: 1rem 1.5rem;
    }
}
@media only screen and (max-width: 1280px) {
    /* Item Widths */
    .content-grid-5 .grid-item,
    .content-grid-6 .grid-item {
        width: 25%;
    }
    .menu > li.current-menu-item::after,
    .menu > li.current_page_item::after,
    .menu > li.current-page-parent::after,
    .menu > li.current_page_ancestor::after,
    .menu > li.current-page-ancestor::after,
    .menu > li.current-menu-ancestor::after,
    .menu > li.current::after,
    .menu > li:hover::after {
        right: -1rem;
    }
}
@media only screen and (max-width: 1024px) {
    .wrapper {
        padding-top: 14rem;
    }
    .top {
        position: fixed;
        padding: 1rem 0;
        height: 14rem;
        background: rgba(255,255,255.1);
    }
    .logo {
        margin-top: 1rem;
    }
    .logo img {
        width: 12rem;
    }
    .navigation {
        top: 3rem;
    }
    /* Grid */
	.grid .col .grid .col { 
		width: 100%;
		padding-right: 0;
		padding-left: 0;
        margin-left: 0;
	}
    .col .col:only-child,
    .col[class*='offset-']:only-child {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    /* Item Widths */
    .content-grid-4 .grid-item,
    .content-grid-5 .grid-item,
    .content-grid-6 .grid-item {
        width: 33.33333%;
    }
    /* Menu */
	.menu,
    .top .suche {
		display: none;
	}
    .navigation {
		display: block;
	}
    .top .telefon {
        right: 11rem;
    }
    body.page-id-81 .header-image::after,
    body.single-post .header-image::after {
        bottom: -3rem;
        width: 10rem;
        height: 10rem;
    }
    h1,
    .elementor-widget-heading h1.elementor-heading-title,
    .elementor-widget-heading div.elementor-heading-title {
        font-size: 2.8rem;
    }
    h2,
    .elementor-widget-heading h2.elementor-heading-title {
        font-size: 2rem;
    }
    h3,
    .elementor-widget-heading h3.elementor-heading-title,
    h4,
    .elementor-widget-heading h4.elementor-heading-title {
        font-size: 1.8rem;
    }
}
@media only screen and (max-width: 767px) {
	.container {
		max-width: 100%;
	}
    .logo {
        text-align: left;
        padding-left: 3rem;
    }
	/* Grid */
	.grid .col,
	.grid.no-gutter .col,
	.grid.no-gutter .col.col {
		width: 100%;
	}
    /* Item Widths */
    .content-grid-3 .grid-item,
    .content-grid-4 .grid-item,
    .content-grid-5 .grid-item,
    .content-grid-6 .grid-item {
        width: 50%;
    }
    table tbody tr,
    table tbody tr td {
        display: block;
        width: 100% !important;
    }
    table tbody tr {
        margin-bottom: 1rem;
    }
    .footer ul {
        text-align: left;
    }
}
@media only screen and (max-width: 568px) {
}
@media only screen and (max-width: 480px) {
    .content-grid-2 .grid-item,
    .content-grid-3 .grid-item,
    .content-grid-4 .grid-item,
    .content-grid-5 .grid-item,
    .content-grid-6 .grid-item {
        width: 100%;
    }
    .top {
        height: 10rem;
    }
    .top .logo {
        margin-top: 0;
    }
    .top .logo img {
        width: 10rem;
    }
    .top .navigation {
        top: 1rem;
    }
    .top .telefon {
        top: 2rem;
        right: 10rem;
    }
    .top .telefon p {
        display: none;
    }
    .top .telefon .button {
        font-size: 1.2rem;
        padding-left: 3rem;
    }
    .top .telefon .button::before { 
        top: 1.1rem;
        width: 1.5rem;
        height: 1.5rem;
    }
    .wrapper {
        padding-top: 10rem;
    }
}
@media only screen and (max-width: 380px) {
    .top .telefon {
        display: none;   
    }
}