/*------------------------------------------------------------------------
# stoponlineviolence.eu - 7.10.2019
# -----------------------------------------------------------------

Theme Name: stoponlineviolence.eu
Author: plank. web | grafik | it-solutions
Author URI: http://www.verenaplank.biz
Description: Theme zur Webseite stoponlineviolence.eu
Version: 1.0
--------------------------------------------------------------------------

	1.	Reset / Initiate Fonts
    2.	Common css (Link, button, margin class, text align class...)
    3.	Layout extend
    4.	Header
    5.  Startseite
    6.  Database Formatierung
    7.	Footer
    8.  Page


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

/* 1.	Reset / Initiate Fonts
--------------------------------------------------------------------------------*/



@font-face{
    font-family: 'Raleway';
    src: url('fonts/Raleway-Regular.ttf') format('truetype');
    font-weight:normal;
}

@font-face{
    font-family: 'Roboto';
    src: url('fonts/Roboto-Regular.ttf') format('truetype');
    font-weight:normal;
}


body{
    background: white;
	font-family:'Roboto', sans-serif;
}
img {
max-width: 100%;
height: auto;
}

/*
MAIN COLORS:
#41a896 - JADE
R=65 G=168 B=150
#dc547c - ROSE
R=220 G=84 B=124
-----*/


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

/* 2.	Common css
--------------------------------------------------------------------------------*/

@media (min-width: 768px) {
}

@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}


.headerMain .container-fluid{
	padding-left:0px;
	padding-right:0px;
	height:100%;
}





@media (min-width: 768px) {

}

@media (min-width: 992px) {

}
@media (min-width: 1200px) {
}

.nav-form-search{
	background:transparent;
	border-color: rgba(255,255,255,.2);
	height: 30px;
}
.nav-form-search:focus{
	background:transparent;
	border-color: rgba(255,255,255,.7);
}
.btn-search{
	background:none;
	color: white;
}
.btn-search:hover{
    color:white;
}

/* Top Navigation*/


.bg-dark {

    background-color: rgba(65, 168, 150, 1) !important;

}


/*+++++++++++++++++++++++++++++
ANPASSUNGEN MOBILE
++++++++++++++++++++++++++++++++++++++++++++*/


@media screen and (max-width: 576px) {

	.btn {
    padding: 0.6rem 0.7rem;
	}

}

@media (max-width: 768px) {
  article.beitragstext{
        padding:25px!important;
    }

}


@media (min-width: 992px) {


/*Dropdown Sub*/

 .dropdown-submenu {
            position: relative;
        }
        .dropdown-submenu > .dropdown-menu {
            top: -17px;
            left: 100%;
            /*margin-top: -6px;*/
            margin-left: -1px;
            -webkit-border-radius: 0 6px 6px 6px;
            -moz-border-radius: 0 6px 6px;
            border-radius: 0 6px 6px 6px;
        }
        .dropdown-submenu:hover > .dropdown-menu {
            display: block;
        }



        .dropdown-submenu > a:after {
            display: block;
            content: " ";
            float: right;
            width: 0;
            height: 0;
            border: 5px solid transparent;
            border-right-width: 0;
            border-left-color: #ccc;
            margin-top: 5px;
            margin-right: -10px;
        }
        .dropdown-submenu:hover > a:after {
            border-left-color: #fff;
        }
        .dropdown-submenu.pull-left {
            float: none;
        }
        .dropdown-submenu.pull-left > .dropdown-menu {
            left: -100%;
            margin-left: 10px;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
        }
        .dropdown-submenu .dropdown-toggle{
        	color:#878787;
        	text-decoration: none;
        }
        .dropdown-submenu .dropdown-item .nav-link{
        	color:#878787;
        }

        .dropdown-submenu .dropdown-item .nav-link:hover {
    color: #878787;
}
.dropdown-item {
text-align: center;
}
.dropdown-item.active, .dropdown-item:active{
    background:none;
    color:#2d3a45!important;
}
}


/*Ende: Dropdown Sub*/


/*Smartslider 3*/


.nextend-thumbnail-scroller{
	background: none!important;
}

.n2-ss-thumb-image{
-moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px;
border: 2px solid #48afaa;}







/*Fix Navigation - scrollPosstyler.js*/

.sps {
  padding: 1em .5em;
  position: relative;
  top: 0;
  left: 0;
  transition: all 0.25s ease-in-out;
  width: 100%;
}

.sps--abv {
}

.sps--blw {
  height:140px;
  position:fixed;
  padding:0px 0.5em;
}


.sps--blw .claim{
	font-size: 1.1rem!important;
}

.sps--blw span.claim2{
	font-size: 1rem!important;
}

.sps--blw .navbar-brand img{
	height: 80px;
	width:auto;
}
.sps--blw #idNav.navbar-collapse {
    margin-top: 0px;
}


@media (max-width: 420px) {

.sps--blw {
  height:150px;
  position:fixed;
  padding:0px 0.5em;
}


}

/*Ende: Fix Navigation - scrollPosstyler.js*/


#idNav .form-control::placeholder{
	color:white;
}
#idNav .form-control{
	color:white;
}



/*TOPNAV*/


.topbar a.nav-link span{
	padding: 2px 5px 2px 5px;
}
.topbar a.nav-link:first-child{
	padding: 2px 5px 2px 5px;
}


.topbar ul ul a{
  padding-left:15px!important;
}

.topbar a.nav-link span.fb:hover{
	background:#3b5998;
	border-radius: 5px;
}
.topbar a.nav-link span i{
	padding-right:5px;
}

.topbar a.nav-link span.tw:hover{
	background:#1da1f2;
	border-radius: 5px;
}

.topbar a.nav-link span.insta:hover{
	background:#cd486b;
	border-radius: 5px;
}
input.topbarsearch{
	font-family:'PathwayGothic', sans-serif;
}
.widget_search button{
	color: #ffffff80;
}

/* Online TOOL*/

.o-tool-nav .nav-item.nav-txt{
    color:white;
}
.o-tool-nav .nav-item.nav-txt a:hover{
    color:#dc547c;
}

.o-tool-nav{
width:100%;
height:70px;
border: none;
border-radius: 0;
margin-bottom: 0px;
font-size: 1.3rem;
color:white;
}


@media (max-width: 1024px) {
.embed-responsive-1by1::before {
    padding-top: 150%;}}


/*Searchform in TopNav*/

.widget_search .screen-reader-text {
    display:none;
}

input.topbarsearch[type="search"] {
    width: 150px;
-webkit-transition: width .5s linear;
-moz-transition: width .5s linear;
transition: width .5s linear;
FONT-SIZE: 1.1rem;
}


input.topbarsearch[type="search"]:focus {
width: 250px;
border: 1px solid #CCCCCC;
  top: 0;
  right: 100%;
  color:white;
box-shadow: white!important;
}

.navbar {
	font-family: 'PathwayGothic', sans-serif;
	text-transform: uppercase;

}
@media (min-width: 1200px) {
.navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;}
}

/* SIDEBAR NAVIGATION +++++++++++++++++++++++++++*/

#sidebarCollapse{
	display:inline-block;
}

@media (min-width: 1200px) {
#sidebarCollapse{
	display:none;
}
}
/*
    DEMO STYLE
*/


p {
    font-family: 'PathwayGothic', sans-serif;
    font-size: 1.1em;
    font-weight: 300;
    line-height: 1.7em;
    color: #999;
}

a,
a:hover,
a:focus {
    color: inherit;
    text-decoration: none;
    transition: all 0.3s;
}

.navbar {
    background: none;
    border: none;
    border-radius: 0;
    margin-bottom: 0px;
    font-size:1.13rem;
}
.navbar img{
   margin-right:15px;
}

.logo-cs{
    margin-right: 50px;
}
#MainMenu a.nav-link{
color:#41a896!important;
}
#MainMenu a.nav-link:hover{
color:#dc547c!important;
}


.navbar-btn {
    box-shadow: none;
    outline: none !important;
    border: none;
}

.line {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #ddd;
    margin: 40px 0;
}

button.btn-menu{
	background:none;
	color:#dc547c;
	font-size:1.4rem;
}
button.btn-menu:focus{
	border: 1px solid white;
	color:#dc547c;
}

.btn-menu span{
    font-size:24px;
    font-family: 'Roboto', sans-serif;
    font-weight:400;
    text-transform: uppercase;
}

#MainMenu .dropdown-menu{
color:white;
background:#41a896;
font-size: 1.2rem;
width:auto;
}
#MainMenu .dropdown-menu a{
color:white;
}
#MainMenu .dropdown-menu:hover{
  background: #dc547c;
}
#MainMenu .dropdown-menu a:hover{
background:none;
color:black!important;
}

#mainnav .navbar-collapse{
    flex-grow:0!important;
}

.social-media-btn{
    margin-top:20px;
    margin-bottom: 20px;
}
.social-media-btn a span i.fa-circle{
color:#41a896;
}
.social-media-btn a span{
    margin-right:10px;
}
.social-media-btn a span:hover .fa-circle{
 color: rgba(220,84,124,1);
}

/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */
.sidebarnav {
	font-size: 1.4rem;
	text-transform: uppercase;
}

.sidebarnav .dropdown-menu.show{
	display:block!important;
	position: relative!important;
	transform: none!important;
	will-change:none!important;
}
.sidebarnav .dropdown-menu{
	background:#72a6a7!important;
}
.sidebarnav .dropdown-item{
	color:white!important;
}
.sidebarnav a.dropdown-item:hover{
	background:none!important;
	color:#2d3945!important;
}
.dropdown-item.active, .dropdown-item:active{
    background:none;
    color: #2d3945!important;
}


.sidebarnav a.nav-link:hover{
	background:none!important;
	color:#72a6a7!important;
}
.sidebarnav .dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 25px;
    transform: translateY(-50%);
}

.searchsidebar{
	margin-top:20px;
}
.nav-item.searchsidebar input{
margin-left: 30px;
width: 170px;
order: 1;
padding-right:0px!important;
margin-right: 0px!important;
border-top-right-radius: 0rem;
border-bottom-right-radius: 0rem;
border:1px solid #41a896;
}
.nav-item.searchsidebar button{
order:2;
background:#41a896;
padding: 0px 10px 0px 10px;
border-top-left-radius: 0rem;
border-bottom-left-radius: 0rem;
border: 2px solid #72a6a7;
color:white;
}

.sbsocialbutton{
	margin-top:20px;
	margin-left:25px;
}
.sbsocialbutton a{
	color: #41a896;
	display:inline-block!important;
	margin-right:18px;
}
.sbsocialbutton a:hover{
	color: rgba(255,255,255,1)!important;
	background:none!important;
}


.nav-item.searchsidebar input.topbarsearch[type="search"]:focus {
	width:170px;
border: 1px solid #CCCCCC;
  top: 0;
  right: 100%;
  color:white;
}

input.topbarsearch::placeholder{
    color:white;
    font-size:16px;
}
.searchsidebar .topbarsearch::placeholder{
    color:#41a896;
}





#sidebar {
    width: 300px;
    position: fixed;
    top: 0;
    left: -300px;
    height: 100vh;
    z-index: 999;
    background: white;
    color: #41a896;
    transition: all 0.3s;
    overflow-y: scroll;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}

.sidebar-header h3{
	text-align:center;
}

#sidebar.active {
    left: 0;
}

#dismiss {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: none;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    color:#41a896;
}

#dismiss:hover {
    background: none;
    color: #dc547c;
    font-size:16px;
}

.overlay {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    z-index: 998;
    opacity: 0;
    transition: all 0.5s ease-in-out;
}
.overlay.active {
    display: block;
    opacity: 1;
}

#sidebar .sidebar-header {
    padding: 20px 0px 5px 0px;
    background: white;
}

#sidebar ul.components {
    padding: 50px 0;
}

#sidebar ul p {
    color: #fff;
    padding: 10px;
}

#sidebar ul li a {
    padding: 10px;
    font-size: 1.1em;
    display: block;
}

#sidebar ul li a:hover {
    color: #7386D5;
    background: #fff;
}

#sidebar ul li.active>a,
a[aria-expanded="true"] {
    color: #72a6a7;
    background: none;
}

a[data-toggle="collapse"] {
    position: relative;
}

.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: -1px;
    transform: translateY(-50%);
}

ul ul a {
    font-size: 1.2rem !important;
    padding-left: 30px !important;
    background: white;
}

ul.CTAs {
    padding: 20px;
}

ul.CTAs a {
    text-align: center;
    font-size: 0.9em !important;
    display: block;
    border-radius: 5px;
    margin-bottom: 5px;
}

a.download {
    background: #fff;
    color: #7386D5;
}

a.article,
a.article:hover {
    background: #6d7fcc !important;
    color: #fff !important;
}

li.highlightmenu a{
    color:#d76f5b!important;
}



/* ---------------------------------------------------
    MainContent - Partial
----------------------------------------------------- */

section#Maincontent{
    /*background: url('images/CS_Background.jpg');
    background-size:cover;
    background-repeat: repeat-y;*/
    background: url('images/background_cs.png');
    background-repeat:repeat;
    padding-top:25px;
    padding-bottom:75px;
    min-height: 500px;
}
section#Maincontent .container{
    margin-top:50px;
    background:white;
    border-radius: 10px;
}

aside.twitterfeed{
    padding-top:35px;
}
aside.twitterfeed .ctf-header-bio{
    display:none;
}
.twitterfeed.col-md-4{
  padding-right:25px;
}

/* ---------------------------------------------------
    NEWSLETTER - Partial
----------------------------------------------------- */


#newsletterform{
		background:#2d3a45;
		padding: 20px 0px 20px 0px;
}

#newsletterform h1{
text-align: left;
color:white;
}

.newsletter form{
	width:100%;
}
.newsletter .form-control{
	background:white;
	border:1px white solid;
	height:50px;
	border-top-right-radius:0;
	border-bottom-right-radius:0;
	width:265px;
}

.newsletter .form-control::placeholder{
color: #868e96 ;
font-family: 'PathwayGothic', sans-serif;
font-size: 1.2rem;
font-weight: 400;
}
.newsletter button{
	background: #5a5858;
	border:1px solid white;
	height:50px;
	border-top-right-radius:0.25rem;
	border-bottom-right-radius:0.25rem;
}
.newsletter button:hover{
	color:white;
	background:#6b6968;
	border:white;
	border: 1px solid white;
}
.newsletter label{
	color:white;
}



/*Mailchimp__________________*/

#mc_embed_signup .button{
font-family: 'PathwayGothic', sans-serif;
text-transform: uppercase;
border: 1px solid #d66e5b!important;
border-radius: 5px!important;
background:none!important;
color: #d66e5b!important;
}

#mc_embed_signup .button:hover{
background:#d66e5b!important;
color:white!important;
}


/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */




/* ---------------------------------------------------
   Siteheaders
----------------------------------------------------- */


#content {
    width: 100%;
    padding: 20px;
    min-height: 100vh;
    transition: all 0.3s;
    position: absolute;
    top: 0;
    right: 0;
}

/* ---------------------------------------------------
   News
----------------------------------------------------- */


#news {
background: url('images/stripes.png') repeat;
}
.newshead{
        padding: 24px 0px 24px 0px;
}
#news .container-fluid{
    padding:0;
}

#news h1{
    color:white;
}
.newsrow{
    background: #ffffff url('images/overlay_diagonal_light.png') repeat;
    padding: 0px 0px 0px 0px;
}
article.beitragstext{
    padding: 20px 20px 24px 20px;
    font-size: 1.1rem;
    font-family: 'Roboto',sans-serif;
}


article.beitragstext h2{
    font-family: 'Raleway', sans-serif;
    font-size: 2.2rem;
    margin: 30px 0px 30px 0px;

}
article.beitragstext h6{
     font-family: 'Raleway', sans-serif;
}
article.beitragstext a{
    color:#41a896;
}
article.beitragstext a:hover{
    color:#dc547c;
}
.newsrow:nth-child(odd) {
    background:white;
}



article.beitragstext p{
    font-family: 'Roboto', sans-serif;
    font-size: 1.1rem;
    color:black;
}
article.beitragstext.home p{
    text-align: justify;
}

#news .thumbcontainer{
    height: 350px;
    overflow: hidden;
}
#news img.wp-post-image{
    height: auto;
    width:100%;
}

.link_readmore{
        font-family:'Raleway', sans-serif;
    text-transform: uppercase;
    float:right;
}

/* ---------------------------------------------------
   Partnerpages
----------------------------------------------------- */

#partnerpages {
    padding: 50px 0px;
    background:#d76f5b;
    color:white;
}
#partnerpages a{
    color:white;
    text-transform: uppercase;
    font-size: 1.8rem;
}

#partnerpages a:hover{
color:#2d3a45;
}

/* ---------------------------------------------------
   Supporters and Doners
----------------------------------------------------- */
#supporters{
 background: white;
}


.btn-donate{
    border-color:white;
    color:white;
float:right;
font-size:1.3rem!important;
text-transform: uppercase;
margin-top: 10px;
width: 100px;
}


@media (max-width: 770px) {
.btn-donate{float:left;}
}


.supportershead{
    padding: 25px 0px;
    text-align:center;
}
.supportershead h1{
    font-family: 'Raleway';
    text-transform: uppercase;
    color:black;
    width:250px;
   /* border-bottom: 4px #dc547c solid;*/
    display: inline-block;
    text-align: center;
    font-size: 2rem;
    margin-top:50px;
    padding-bottom:10px;
}
.supportershead h1:before{
    content: "";
    position: absolute;
    width: 242px;
    bottom: 0;
    border-bottom: 4px #dc547c solid;
}
.supportershead p{
    color:black;
    font-size:1.5rem;
}

/*++++++++++++Logoslider++++++++++++++*/

.logo-company-name{
    background:none!important;
    color:white;
}

.owl-theme .owl-dots .owl-dot span{
    background:#41a896;
    border: 1px solid #41a896;
}
.owl-theme .owl-dots .owl-dot.active span{
    background:#dc547c;
    border: 1px solid #dc547c;
}
.lgx-logo-slider-wp .nav-position-v-mid-hover .owl-controls .owl-next {
    right: -5%;
}

.lgx-logo-slider-wp .nav-position-v-mid-hover .owl-controls .owl-prev {
    left: -5%;
}

.lgx-logo-item h4{
    font-size: 1.2rem;
}


/* ---------------------------------------------------
   CUSTOM PAGE TEMPLATES
----------------------------------------------------- */

.pageheader{
    position:relative;
    max-height: 300px;
    padding:0px;
    overflow:hidden;
}
.pageheader.archivheader{
    max-height:350px;
}

.pageheader img{
height: auto;
width: 100%;
}
.shortheader{
    max-height: 250px!important;
}
h2.search{
    font-family: 'Raleway', sans-serif;
}
h1.page-title{
    margin-top:50px;
    margin-bottom:50px;
    font-family:'Raleway',sans-serif;
    text-align: center;
}
.alert{
    font-size: 1.3rem;
}
.alert-warning{
color: #275d5e;
background-color: #82bebf33;
border-color: #749b9c;
}
#searching article .row{
    margin-bottom:25px;
}


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++
index.php
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

section#index{
    padding:10px 0px 0px 0px;
    background:#ffffff url('images/overlay_diagonal_light.png') repeat;
}

section#index .beitragstext a{
    color: #82bfc0;
    font-weight: 400;
    -webkit transition: all 0.3s;
    transition: all 0.3s;
    -o-transition: all 0.3s;
}
section#index .beitragstext a:hover{
    color: #82bfc0;
    font-weight: 400;
    text-decoration: none;
    color: #d76f5b;
}
section#index .beitragstext h4{
    color:#2d3a45;
    font-weight: 300;
}
section#index .beitragstext ul li{
    padding-left: 10px;
}

section#index .beitragstext ol li{
    padding-left: 10px;
}



/*+++++++++++++++++++++++++++++++++++++++++++++++++++++
FAQ
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*FAQ Styling++++++++++++++++++++++++++++++++++++*/



#index .hrf-faq-list{
    margin: 20px 0px;
    background:none;
}
#index .hrf-title{
    text-transform: uppercase;
    font-size: 1.5rem!important;
text-indent: -20px;
}
#index .hrf-title.close-faq span{
    width:50px!important;
    height:50px!important;
    top:15px!important;
    background-color: #2d3a45;
}

#index .hrf-title.open-faq span{
    background-color:#82bfc0!important;
}

section#index .beitragstext h3{
font-family: 'PathwayGothic', sans-serif;
}
section#index .beitragstext h2{
font-family: 'PathwayGothic', sans-serif;
}
section#index .beitragstext h4{
font-family: 'PathwayGothic', sans-serif;
}


h3.hrf-title{
    background:none!important;
}
.hrf-content {font-size:1rem!important;
    padding-left:25px!important;
    padding-right: 25px!important;
    padding-top:40px!important;
    margin-left: 8px;}
.hrf-content li{
    padding-bottom: 10px;
}
.hrf-content a{
    font-size: 1.1rem!important;
}
.hrf-content li a{
font-size: 1rem!important;
color: #f2ca30!important;
}
.hrf-content li a:hover{
    color:#fff;
    text-decoration: none;
}
.hrf-content h3{
    margin:15px 0px;}

/* ---------------------------------------------------
Wave Teammembers
----------------------------------------------------- */
.card .crop {
    width: 100px;
    height: 100px;
    overflow: hidden;
}

.crop img{
    width: 400px;
    height: 300px;
    margin: -75px 0 0 -100px;
}



/* ---------------------------------------------------
Archive Page
----------------------------------------------------- */

section#archive{
    padding:100px 0px 0px 0px;
    background:#ffffff url('images/overlay_diagonal_light.png') repeat;
}

.thumbcontainerarchive{
    height: 400px;
    width:;
    overflow:hidden;
}
#archive img.wp-post-image{
    width: 100%;
    height: auto;
}
#archive .link_readmore{
    background: #82bfc0;
    border: 1px solid #82bfc0;
    color:white;
}
#archive .link_readmore:hover{
    background:none;
    color: #82bfc0;
}
#archive article.beitragstext p{
    font-size: 1rem;
}

.postpagination {
font-family: 'Rubik', sans-serif;
margin-top: 25px;
margin-bottom: 50px;
}
.page-item:first-child .page-link{
    border-top-left-radius: 0px!important;
    border-bottom-left-radius: 0px!important;
}
.page-item:last-child .page-link {
    border-top-right-radius: 0px!important;
    border-bottom-right-radius: 0px!important;
}
.page-item.active .page-link{
    background:#82bfc0;
    border: 1px solid #82bfc0;;
}
.page-link{
    padding: 0.5em 1.5em;
    color: #212529;
}
.page-link:hover{
   color:#82bfc0;
}
.archiveheader{
    text-align: center;
    width:100%;
    background:#82bfc0;
    padding: 5px;
    color:white;
}
.archivemenu ul{
    font-size: 1.3rem;
    list-style-type: none;
    padding:0px 0px 10px 10px;
    margin:0px;
}
.archivemenu ul li{
    padding: 10px;
}
.archivemenu ul li span{
   float:right;
}
.archivemenu ul li a:hover{
    color:#82bfc0;
}
.documentarchive{
    min-height: 200px;
}
.yearlyarchive{
    min-height: 200px;
}
.current-cat{
    color:#82bfc0;
}
.suchesidebar{
    padding: 0px 0px 20px 0px;

}

.suchesidebar .widget_search button{
    order: 2;
    background: #82bfc0;
    color:white;
}
.suchesidebar input.topbarsearch[type="search"] {
order:1;
width: 76%;
background:white;
color: black;
height: 50px;
}
.suchesidebar input.topbarsearch[type="search"]:focus {
width: 76%;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Single.php
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

ul.blog-categories{
    list-style-type: none;
    display:inline-block;
    margin:0px;
    padding: 0px;
}
ul.blog-categories:before{
    display:inline-block;
    content:'\f07c';
    font-family: 'Font Awesome 5 Free';
    font-weight:900;
    font-size: 1.2rem;
    color: #d76f5b;
    margin-right: 25px;
    margin-left:5px;
    margin-right: 5px;
}
ul.blog-categories li{
    font-family: 'PathwayGothic',sans-serif;
    margin-right: 3px;
    display:inline-block;
}

ul.blog-categories li:after{
    content:',';
    font-family: 'PathwayGothic',sans-serif;

}

ul.blog-categories li:last-child:after{
    content:'';
    font-family: 'PathwayGothic',sans-serif;

}

article.singletext ul{
    font-family: 'Roboto', sans-serif;
    font-size: 1rem;
    font-weight: 300;
}

article.singletext p a{
    color: #d76f5b!important;
}
article.singletext ul a{
    color: #d76f5b!important;
}
article.beitragstext.singletext {
    padding: 25px 0px 24px 25px;
}
.attachment-featured-header{
  padding: 50px 25px 25px 25px;
}


.wp-block-quote {
    margin-left: 20px;
    border-left: 5px solid #82bfc0;
    padding-left: 10px;
}
.wp-block-file{
   font-size: 1.3rem;
font-weight: 400;
font-family: 'PathwayGothic';
}
.wp-block-file__button{
    font-size: 1.1rem;

}
.wp-block-pullquote{
    border-top: 5px solid #82bfc0;
    border-bottom:5px solid #82bfc0;
}
.wp-block-image figcaption {
    font-size: 1.2rem;
}
.wp-block-image{
    margin-bottom: 2em!important;
}


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Sonderseiten - PAGE 404
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#p404{
    background: white;
    min-height: 450px;
    padding: 25px 0px 25px 0px;
    text-align: center;
}
#p404 .borderbottom{
width:70px;
line-height: 0.5em;
padding-bottom: 10px!important;
/*border-bottom: 6px solid rgba(65, 168, 150, 1) !important;
border-width: 5px;*/
height:0px;
}

#p404 span.404msg{
    font-size: 1.3rem;
}


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
2 Spalten Gutenberg
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.legalnotice p{
    font-size: 1rem!important;
    margin-top: 25px;
    margin-bottom:25px;
}
.legalnotice h4{

}
.legalnotice table{
    margin-top:15px;
    margin-bottom:15px;
    font-size: 1rem!important;
}



/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++
WAVE Office.php - Mitarbeiterliste
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#waveteammembers{
   background:#ffffff url('images/overlay_diagonal_light.png') repeat;
}


#waveteammembers .card img{
    border-radius: 50%;
    margin-top: 20px;
  transition: transform 1s;
  transform-style: preserve-3d;
  animation: mymove 5s;
}

#waveteammembers .card-body h2{
    display:block;
    text-align: center;
    color:#82bfc0;
}

#waveteammembers .card-body h3{
    display:block;
    text-align: center;
    font-size: 1.3rem;
}
#waveteammembers .card-body p{
    color: #8f8f8f;
    font-size: 1rem;
    font-family: 'Roboto', sans-serif;
}
#waveteammembers .card-body .show_more{
     font-size: 1rem;
    font-family: 'Roboto', sans-serif;
      color: #8f8f8f;
      font-weight: 300;
}
#waveteammembers .wpsm-show{
    float:right;
        font-weight: 400;
   color:#82bfc0!important;
}
#waveteammembers .wpsm-show:hover{
    color: #d76f5b!important;
    text-decoration: none!important;
}
#waveteammembers .wpsm-show:before{
    font-family: 'Font Awesome 5 Free';
    content: '\f107';
    font-weight:900;
   color:#82bfc0!important;
}

#waveteammembers .wpsm-hide{
    font-weight: 400;
    float:right;
    color:#82bfc0!important;
}
#waveteammembers .wpsm-hide:hover{
    color: #d76f5b!important;
    text-decoration: none!important;
}
#waveteammembers .wpsm-hide:before{
    color:#82bfc0!important;
    font-family: 'Font Awesome 5 Free';
      font-weight:900;
    content: '\f106';
}
#waveteammembers .teammail i{
    color:#82bfc0!important;
}
#waveteammembers .teammail{
display: block;
position: relative;
top: 30px;
left: 45%;
margin-bottom: 30px;
transition: transform 1.5s; /* Animation */
}
#waveteammembers .teammail a i:hover{
transform: scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
 -ms-transform: scale(1.5);
}
@keyframes mymove {
    0%   {transform: rotateY( 180deg );}
    50%  {transform: rotateY( 0deg );}
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++
COOKIE NOTICE
+++++++++++++++++++++++++++++++++++++*/
.cookie-notice-container span#cn-notice-text{
    font-size: 1.2rem!important;
}
.cookie-notice-container {
    padding: 25px 10px 25px 10px;
}
.cn-button{
    background:#48afaa;
    color:white;
    font-size: 1.3rem;
    padding: 5px;
}
#cn-accept-cookie{
    padding: 10px 50px 10px 50px;
}
#cn-refuse-cookie{
    background:none;
     padding: 10px 30px 10px 30px;
}
#cn-more-info{
    background:none;
    text-decoration:underline;
}
.cn-revoke-cookie{
    font-size:1rem;
}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
GUTENBERG
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.wp-block-embed figcaption{
    font-size: 1.2rem;
}
.wp-block-button{
    font-family: 'PathwayGothic', sans-serif;
}

.wp-block-columns .wp-block-column{
    padding-right: 15px;
}

@media only screen and (max-width: 767px) {
    .wp-block-columns {
        display: block;
    }
    .has-2-columns .wp-block-column,
    .has-3-columns .wp-block-column,
    .has-4-columns .wp-block-column,
    .has-5-columns .wp-block-column,
    .has-6-columns .wp-block-column {
        width: 100%;
        margin-bottom: 15px;
    }
}
@media (max-width: 1140px) {
.wp-block-columns {
display: block;
}
}


/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
WPSL
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.wpsl-search{
    font-family: 'PathwayGothic', sans-serif;
background-color: #82bfc0;
color: white;
font-size: 1.3rem;
}
.namefilter{
    display: block;
width: 100%;
}
.wpsl-no-results-msg{
    text-transform: uppercase;
    text-align: center;
    font-weight: 400;
}
#wpsl-wrap.wpsl-store-below #wpsl-result-list li {
    padding: 10px 10px 10px 15px;
    background: white;
}
#wpsl-stores{
    font-size: 1rem;
}

#wpsl-stores h3{
    font-size: 1.3rem;
}
a.wpsl-store-details{
    margin-top:20px!important;
    color: #d76f5b!important;
    font-size: 1rem!important;
}
.wpsl-more-info-listings{
    background-color:#82bfc01a;
    padding-left: 15px 15px 15px 15px;
}
.wpsl-more-info-listings p{
    font-size: 1rem!important;
}



/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Perpetrator GET-AWAY Button
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


button#get-away{
position: fixed;
border-radius:50%;
top: 273px;
right: 2px;
height: 50px;
background:#d76f5b;
border: 1px solid white;
color:white;
font-size:1.3rem;
}

@media (max-width: 756px) {
button#get-away{
position: fixed;
border-radius:50%;
top: 140px;
right: 2px;
height: 50px;
background:#d76f5b;
border: 1px solid white;
color:white;
font-size:1.3rem;
z-index:4000;
}

footer .col-12.text-right{
    text-align:left!important;
    margin-top:20px;
    margin-bottom:50px;
}


}




button.grau:hover{
	background-color:#5a5858;
}
.isuche{
	margin-bottom: 30px;
	border:none;
	height:40px;
}


.btn{
padding: 0.6rem 1rem;
font-size: 1.1rem;
}
.btn-primary{
	border-radius: 0px;
}

.nav-pills .nav-link.active, .show > .nav-pills .nav-link {background-color:#568ac2;}



/*++++++++++++++++++++FOOTER +++++++++++++*/


.eudisclaim{
  padding-top: 1rem!important;
}

footer {
	    background-color: #41a896;
	min-height: 100px;
	color:white;
}

footer .pt-5{
  padding-top:1rem!important;
}
footer p{	font-size:1.1rem;}
footer span{
	margin-right:10px;
	font-size: 0.9rem;
}
footer a{
	color:white;
	margin-top:-5px;
}
footer a:hover{
	text-decoration: none;
	color:#dc547c;
}


footer .claim h4{
font-size: 1.2rem;
}
footer address{
    font-size: 1.2rem;
}

footer h2.ueberschrift{
    color: #82bfc0;
    font-size: 1.6rem;
}
footer ul{
    padding: 0px;
    margin-left: 30px;
    list-style-type:none;
}

footer ul.menu li:before{
    font-family: "Font Awesome 5 Free";
    content: '\f101';
    color:#82bfc0;
    font-weight:900;
     width: 30px;
  margin-left: -30px;
    display: inline-block;
}

footer ul li{
    font-size: 1.2rem;
}

footer ul li.tel:before{
    font-family: "Font Awesome 5 Free";
    font-weight:900;
    content: '\f095';
    color:#82bfc0;
     width: 30px;
  margin-left: -30px;
    display: inline-block;
}
footer ul li.tel:before:nth-child(1){
    font-family: "Font Awesome 5 Free";
    content: '';
}

footer ul li.mail:before{
    font-family: "Font Awesome 5 Free";
    content: '\f0e0';
      font-weight:900;
    color:#82bfc0;
     width: 30px;
  margin-left: -30px;
    display: inline-block;
}
footer ul li.skype:before{
    font-family: "Font Awesome 5 Brands";
    content: '\f17e';
    color:#82bfc0;
    font-weight:900;
    width: 30px;
  margin-left: -30px;
display: inline-block;
}
footer ul li.whours:before{
    font-family: "Font Awesome 5 Free";
    content: '\f017';
    color:#82bfc0;
     width: 30px;
       font-weight:900;
  margin-left: -30px;
    display: inline-block;
}
footer .Firmenkopf img{
    margin-bottom: 10px;
}

/*Unterseiten++++++++++++++++++++++++++++++++++++*/

.pagekopfbild{
	max-height: 400px;
	position: absolute;
	top: 0;
	width: 100%;
	overflow:hidden;
}
.titelimage{
	width:100%;
	height: auto;
}
.headerPage{
	height: 368px;
	background: no-repeat center center;
	background-size:cover;
	background-color:white;
}

.headerPage .container-fluid{
	padding-left:0px;
	padding-right:0px;
	height:100%;
}
.standardcontent{
	min-height:300px;
	padding:25px 0px 50px 15px;
}
.headline h1{
	position:relative;
	top:-170px;
	color:white;
}
.headline .borderbottom{
top: -170px;
position: relative;
}

@media (min-width: 1024px) {
.headline h1{
	top: -120px;
}
.headline .borderbottom{
	top: -120px;
}
}

.standardcontent p a{
	font-size: 1.2rem;
	color: #5689c2;
}
.standardcontent a{
	font-size: 1rem;
	color: #5689c2;
}
.standardcontent a:hover{
	text-decoration: none;
	color:#414141;
}
.standardcontent p a:hover{
	text-decoration: none;
	color:#414141;
}
.standardcontent .Zwischentitel{
margin: 30px 0px;}
.standardcontent li a{
	color:#5689c2;
}


/*Was leistet Solarwärme++++++++++++++++++++++++++++++++++++*/
.blockquotesolar{
	background: #e4e3e3;
	position:relative;
	padding:30px;
	margin-top:30px;
}
.blockquotesolar:before{
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
 left: 50px;
top: -40px;
  border: 20px solid;
  border-color:  transparent transparent #e4e3e3 transparent;
}

.smallimg{
	width: 220px;
	height: auto;
}
.tab-content{
	margin-top: 100px;
	margin-bottom: 50px;
}
#wasleistetsolar h3{
	margin-bottom: 30px;
}
.dundf{
margin-top:40px;
margin-bottom: 80px;
}
#myTab a{
	font-size:1.4rem;
	text-transform: uppercase;
	color:black;
}
#myTab a.active{
	color:white;
}
#myTab .nav-item{
	margin-right:20px;
}
a.lightboxhover:before{
display:block;
font-family: Font Awesome 5 Free;
content:'\f00e';
color:rgba(255,255,255, 0.4);
font-size: 4rem;
position: absolute;
    top: 31%;
    left: 42%;
}

.guetesiegel a.lightboxhover::before{
	top:50%;
}


/*Gütesiegel++++++++++++++++++++++++++++++++++++*/

table.table-responsive{
	margin-top:50px;
}
table.table-responsive a{
	color:#868e96;
}
.tablepress td img{
	width: auto;
	height:auto;
	margin-right:40px;
}

/*Mehr anzeigen show/hide++++++++++++++++++++++++++++++++++++*/
.sh-link{
	margin:40px 0px 40px 0px;
	display:block;
}

.sh-link a{
	color:white;
	background: #414141;
	padding:5px;
}
.sh-link a:hover{
	text-decoration: none;
background:#7b7b7b;;}
.wp-caption{
	float:left;
	margin: 10px 0px 10px 10px;
}
.wp-caption-text{
	background: #568ac2;
	padding:3px;
	color:white;
	width:300px;
}
.ui-dialog-titlebar{
	height:auto!important;
	min-height: 36px!important;
}

#bilderdownload img{
	width: 100%;
}
#bilderdownload button{
	width:100%;
	font-size: 1rem;
}
#bilderdownload .row{
	margin-bottom:35px;
}
@media screen and (max-width: 1200px) {
#bilderdownload button {
    width: 100%;
    font-size: 0.8rem;
    margin-bottom:20px;
}
}

.bildcaption{
	text-align:justify;
	background-color:#5689c2;
	color:white;
	padding:10px;
}
/*++++++++++++++++Sitemap++++++++++++++++++++++++++++*/

ul.simple-sitemap-page li a{
	color:black;
}
ul.simple-sitemap-page li a:hover{
	color:#f2ca30;
}


/* Responsive Videos */
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.bildanleitung .video-container iframe{
	position:relative;
	width: 450px;
	height:700px;
}


/*WPML*/

.wpml-ls a.wpml-ls-link{
  padding-left:0px!important;
}
.widget_icl_lang_sel_widget {
  margin-top:10px;
}
.wpml-ls-legacy-dropdown .wpml-ls-flag {
    margin-left: 15px;
}


/*Gutenberg Blocks*/


.wp-block-latest-posts {
  padding-left:0px;
}
.newsposts li a{
  font-size:1.2rem;
}

.wp-block-latest-posts__featured-image{
  margin-bottom:10px;
}

.wp-block-latest-posts__post-excerpt {
    margin-bottom: 50px;
}

@media (min-width: 992px) {



.newsposts{
  display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
}
.wp-block-latest-posts__post-excerpt {
    padding-right: 25px;
    margin-bottom:10px;
}

.newsposts li{
  flex: 0 0 33.3333334%;
  max-width: 33.3333334%;
  clear:none!important;
}

}
@media (max-width: 520px) {
.topbar .widget_search{
  display:none!important;
}
.topbar .wpml-ls-legacy-dropdown{
  margin:0px auto!important;
}
.topbar .collapse:not(.show) {
    display: block;
}
}