/*
Theme Name: Willkommen in Siegen
Theme URI: https://presscustomizr.com/customizr
Description: Customizr is a simple and fast WordPress theme designed to help you attract and engage more visitors. Provides a perfect user experience on smartphones. Powers more than 100K active sittes around the world. Hundreds of 5-stars reviews received on WordPress.org.
Version: 4.4.2
Author: nikeo
Author URI: https://presscustomizr.com/
Template: customizr
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, buddypress, custom-menu, custom-colors, featured-images, full-width-template, theme-options, threaded-comments, translation-ready, sticky-post, post-formats, rtl-language-support, editor-style
Text Domain: customizr-child
Domain Path: /inc/lang
Copyright: (c) 2013 - 2021 Nicolas GUILLAUME (nikeo), Nice, France
License: GNU General Public License v2.0 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Requires PHP: 5.3
Tested up to: 5.5
*/

	article section div.welcome-card{
	padding:0 1em 1em;
	}

	.grid-container__classic.tc-grid-border .grid__item {
    display:flex;
    flex-direction: column;
    height: 100%;
	}

	.entry-footer{
	display:flex;
	align-self: flex-end;
	}

	.tc-grid-border .grid__item {
	border-bottom: none;
	}

.sek-container-fluid {
	width: 100%;
	padding-right: 0px;
	padding-left: 0px;
	margin-right: auto;
	margin-left: auto;
}

/**
Note for developers : If you write your CSS code below, it will be deleted on theme update.
If you want to make quick style test / changes, consider using the Custom CSS section in appearance > customize > advanced options > Custom CSS, it will be persisted on theme update.
To make important CSS customizations, you'll want to use a child theme and add your css code in the style.css file of it.
*/

html * {
	    font-family: 'Quattrocento', serif;
}

body {
    xxxbackground-image: linear-gradient(#ddd 650px, #00385f 650px);
background-color:#00385f;
}

h4 {
	font-weight:bold;
	color: #FF660E;
	font-weight: 900;
}

.searchandfilter > ul > li {
	padding: 0 20px;
	display: inline-table;
	margin: 0 auto;
	padding-top: 25px;
	padding-bottom: 25px;
}

.colophon{
	display: none;
}

.sf-input-select{
  padding: 8px 15px;
}

/**
 * Generelle Karteneinstellungen
 * */

div.welcome-card div.contact{
	font-weight:bold;
	font-size:1.2em;
	text-align:center;
}

div.welcome-card div.title h4{
	font-weight:bold;	
}

div.welcome-card div.contact-image{
text-align:center;
}

div.welcome-card div.contact-image img{
width:60%;
}

/**
 * Variante 1
 * */

.grid__item{
outline:none;
}

section .grid__item {
    background: #899be1;
    border-radius: 34px !important;
    border: none !important;
}

section.hover .grid__item {
    box-shadow: 0px 0px 5px 2px #ccc;
}

.tc-grid-hover-move .hover .grid__item {
    box-shadow: 0px 0px 5px 2px #ccc;
    -webkit-transform: none;
    transform: none;
    background: #3f66ff;
}
.tc-grid-hover-move .hover .grid__item p{
    color:#fff;
	font-weight:bold;
}

section .grid__item h4{
color:#fff;
}

section .grid__item p{
color:#000;
}

/**
 * Variante 2
 * 

.grid__item{
outline:none;
}

section .grid__item {
    background: #899be1;
	background: #f9965e;
    border-radius: 34px !important;
    border: none !important;
}

section.hover .grid__item {
    box-shadow: 0px 0px 5px 2px #ccc;
}

.tc-grid-hover-move .hover .grid__item {
    box-shadow: 0px 0px 5px 2px #ccc;
    -webkit-transform: none;
    transform: none;
    background: #fff;
}
.tc-grid-hover-move .hover .grid__item p{
    color:#000;
	font-weight: normal;
}

section .grid__item h4{
color:#000;
}

section .grid__item p{
color:#000;
}

.tc-grid-hover-move .hover .grid__item div.welcome-card div.contact p{
	font-weight:bold;
}

*/


/**
 * Variante 3
 * */

.grid__item{
outline:none;
}

section .grid__item {
    background: #899be1;
	background: #f9965e;
	background: #fff;
    border-radius: 34px !important;
    border: none !important;
}

section.hover .grid__item {
    box-shadow: 0px 0px 5px 2px #ccc;
}



.tc-grid-hover-move .hover .grid__item {
    box-shadow: 0px 0px 5px 2px #ccc;
	box-shadow: 0px 0px 15px 2px #666 !important;
	-webkit-transform: none;
    transform: none;
    background: #fff;
}
.tc-grid-hover-move .hover .grid__item p{
    color:#000;
	font-weight: normal;
}

section .grid__item h4{
color:#000;
}

section .grid__item p{
color:#000;
}

.tc-grid-hover-move .hover .grid__item div.welcome-card div.contact p{
	font-weight:bold;
}

div.welcome-card div.contact {
    font-weight: bold;
    font-size: 1.3em;
    /* width: 80%;
    margin-top: 3em;
    float: left; */
    color: #ff660e !important;
	/* play:table-cell; */
	vertical-align:bottom; 
}

div.welcome-card div.contact .inst{
	display:table-cell;
}

div.welcome-card div.button2{
	width:20%;
	display:table-cell;
}

/* Startseitebild oben */


#welcome-image::before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(to right, #FF420E , #3f66ff);
    opacity: 0.4;
    border-radius: 20px;
}



/* Suche */

form ul li label select {
    font-size: 1.4em;
    text-align: center;
    width: 250px;
    border-radius: 20px;
    background-color: aliceblue;
    box-shadow: 0px 0px 5px 5px #899be1;
	margin:0 10px;
}


/* Anordnung der Karten */
article .welcome-card{
	display:table;
	height:100%;
}
article .title{
	display:table-header-group;
}
article .intro{
	display:table-row;
}
article .contact .inst ,article .contact .button2{
	display:table-cell;
	vertical-align:middle;
    color: #ff660e !important;
}

article .contact .inst p{
	margin:0;
}
a section.grid__item div.welcome-card div.contact div.inst p{
	color: #ff660e !important;	
}

article .contact-image{
	display:table-row;
}
article .contact-image .image{
	display:table-cell;
	vertical-align:bottom;
	height:6em;
}

article .ctable{
	display:table;
	width:100%;
}

article .contact{
	display:table-row;
}



/* Normale Seiten */
article .entry-content {
	font-size: 1.2em;
	line-height: 1.55em;
	color: #eee;
}


article.page h1, article.page h2, article.page h3, article.page h4, article.page h5, article.page h6 {
	color: #fff;
}

/* DANKE */

body.mce-content-body{
	background-color: #fff !important;
}