@charset "utf-8";
/**
 * Theme Name: gotteshuette
 * Theme URI: www.gotteshuette.de
 * Description: Jugend- und Sozialwerk Gotteshütte
 * Version: 1.0
 * Author: Gudrun Todebusch
 * Author URI: www.ibscon-responsive-it-solutions.de
*/
#preload {
    display: none
}
#preload img {
    height: 0; 
    width: 0; 
    border: none;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -30;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html {
    position: relative;
    font-size: 62.5%; 
    -webkit-text-size-adjust: none; 
    height: 100%;
}
body {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 1.2px;
    line-height: 1.5;
    color: #fff;
    min-width: 300px;
    width: 100%;
    height: 100%;
    background-color: #fff;
    min-height: 100%;
}
/* clear zum Auflösen der Floats Info: nicolasgallagher.com/micro-clearfix-hack/ */
.cf:before, .cf:after {
    content: " ";
    display: table;
}
.cf:after, .clear { clear: both; }
a:active, 
a:focus {
    outline:none;
}
.invisible	{ display: none; }
.center		{ text-align: center; }
.relative { position: relative; }
.bold { font-weight: bold; }
img			{ width: 100%; height: auto; }
.darkgrey   { background-color: #ccc; }
.grey       { background-color: #f2f2f2; }
.white      { background-color: #fff; }
.text-right { text-align: right; }

.wrapper {
    margin: 0 3%;
    width: 94%;
}
.wrapgrid { width: 100%; }
.g1l, .g2l, .g3l, .g4l, .g5l, .g6l, .g7l, .g8l, .g9l, .g10l, .g11l, .g12l,
.g1r, .g2r, .g3r, .g4r, .g5r, .g6r, .g7r, .g8r, .g9r, .g10r, .g11r, .g12r {
    margin-left: 3%;
    margin-right: 3%;
    width: 94%;
}
.g1l, .g2l, .g3l, .g4l, .g5l, .g6l, .g7l, .g8l, .g9l, .g10l, .g11l, .g12l { float: left; }
.g1r, .g2r, .g3r, .g4r, .g5r, .g6r, .g7r, .g8r, .g9r, .g10r, .g11r, .g12r { float: right; }
.g6beitrag { width: 100%; float: right; }
.g6l66, .g6r66 { width: 64.7435897%; }
.g6l33, .g6r33 { width: 31.4102564%; }
.g6l33, .g6l25, .g6l50, .g6l66 { float: left; }
.g6r33, .g6r25, .g6r50, .g6r66 { float: right; }
.g6l25, .g6r25 { width: 50%; padding-bottom: 30px; }
.page-ezs {
    height: auto;
    display: table;
}
.page-ezs #content,
.page-ezs footer.websitefuss {
    display: table-row;
    width: 100%;
}
.page-ezs #cplh { padding-top: 50px; padding-top: 80px; }
.page-ezs #cplf { height: 200px; }
.page-ezs #content {
    height: 100%;
    position: relative;
}
header.websitekopf {
    width: 100%;
    background-color: #fff;
}
#header-inner {
    width: 100%;
    padding-top: 30px;
}
form#suche {
    width: auto;
    margin-top: 2px;
/*    float: right; */
    position: absolute;
    top: 30px;
    right: 2%;
}
form#suche input.inputbox-suche {
    float: left;
    background-color: #e8e8e8;
    height: 24px;
    width: 0px;
    border-radius: 0;
    border: 0px;
    margin-right: 10px;
    line-height: 25px;
    padding-left: 0px;
    padding-right: 0px;
    transition: width 0.5s ease;
}
.suchebutton {
    float: left;
    height: 24px;
    width: 24px;
    background-image: url("images/icons/lupe.svg");
    background-color: transparent;
    background-size: 24px 24px;
    background-position: center center;
    border: 0;
    border-radius: 0;
    cursor: pointer;
}
form#suche a.suchefeld-anzeigen {
    width: 25px;
    height: 25px;
    display: block;
}
form#suche input.button-suche {
    width: 25px;
    height: 25px;
    background-color: transparent;
    display: none;	
    border: 0px;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
}
#suche:target input.button-suche {
    display: block;
}
#suche:target input.inputbox-suche {
    width: 150px;
    padding-left: 10px;
}
#suche:target a.suchefeld-anzeigen {
    display: none;
}
.socialmenue, .socialmenue ul { height: 28px; }
.socialmenue ul li {
    float: left;
    width: 28px;
    height: 28px;
    margin-right: 25px;
}
header .socialmenue ul li:last-of-type {
    margin-right: 0;
}
header .socialmenue ul li { margin-right: 10px; }
.socialmenue ul li a {
    display: block;
    width: 28px;
    height: 28px;
    background-size: cover;
}
header .socialmenue {
    display: none;
}
#kontakt-social { padding: 70px 0 0;}
#kontakt-social .socialmenue { margin: 0 auto; }
#kontakt-social .socialmenue ul li { list-style-type: none; width: 30px; height: 30px; margin-bottom: 20px; margin-left: 0; }
#kontakt-social .socialmenue ul li a { width: 30px; height: 30px; }
#kontakt-social .socialmenue ul li:last-of-type { margin-right: 0; }
#kontakt-social .anzsoc1 { width: 30px; }
#kontakt-social .anzsoc2 { width: 85px; }
#kontakt-social .anzsoc3 { width: 140px; }
#kontakt-social .anzsoc4 { width: 195px; }
#kontakt-social .anzsoc5 { width: 250px; }
footer .socialmenue { margin-top: 40px; }
footer .socialmenue ul li:first-of-type { margin-left: -5px; }
header .socialmenue ul li.sm-fb a { background-image: url("images/icons/social/adadad/facebook.svg"); }
header .socialmenue ul li.sm-fb a:hover { background-image: url("images/icons/social/adadad/facebook-over.svg"); }
header .socialmenue ul li.sm-ig a { background-image: url("images/icons/social/adadad/instagram.svg"); }
header .socialmenue ul li.sm-ig a:hover { background-image: url("images/icons/social/adadad/instagram-over.svg"); }
header .socialmenue ul li.sm-yt a { background-image: url("images/icons/social/adadad/youtube.svg"); }
header .socialmenue ul li.sm-yt a:hover { background-image: url("images/icons/social/adadad/youtube-over.svg"); }
header .socialmenue ul li.sm-xi a { background-image: url("images/icons/social/adadad/xing.svg"); }
header .socialmenue ul li.sm-xi a:hover { background-image: url("images/icons/social/adadad/xing-over.svg"); }
header .socialmenue ul li.sm-li a {background-image: url("images/icons/social/adadad/linkedin.svg"); }
header .socialmenue ul li.sm-li a:hover { background-image: url("images/icons/social/adadad/linkedin-over.svg"); }
#kontakt-social .socialmenue ul li.sm-fb a { background-image: url("images/icons/social/c9ca00/facebook.svg"); }
#kontakt-social .socialmenue ul li.sm-fb a:hover { background-image: url("images/icons/social/c9ca00/facebook-over.svg"); }
#kontakt-social .socialmenue ul li.sm-ig a { background-image: url("images/icons/social/c9ca00/instagram.svg"); }
#kontakt-social .socialmenue ul li.sm-ig a:hover { background-image: url("images/icons/social/c9ca00/instagram-over.svg"); }
#kontakt-social .socialmenue ul li.sm-yt a { background-image: url("images/icons/social/c9ca00/youtube.svg"); }
#kontakt-social .socialmenue ul li.sm-yt a:hover { background-image: url("images/icons/social/c9ca00/youtube-over.svg"); }
#kontakt-social .socialmenue ul li.sm-xi a { background-image: url("images/icons/social/c9ca00/xing.svg"); }
#kontakt-social .socialmenue ul li.sm-xi a:hover { background-image: url("images/icons/social/c9ca00/xing-over.svg"); }
#kontakt-social .socialmenue ul li.sm-li a { background-image: url("images/icons/social/c9ca00/linkedin.svg"); }
#kontakt-social .socialmenue ul li.sm-li a:hover { background-image: url("images/icons/social/c9ca00/linkedin-over.svg"); }
footer .socialmenue ul li.sm-fb a { background-image: url("images/icons/social/ffffff/facebook.svg"); }
footer .socialmenue ul li.sm-fb a:hover { background-image: url("images/icons/social/ffffff/facebook-over.svg"); }
footer .socialmenue ul li.sm-ig a { background-image: url("images/icons/social/ffffff/instagram.svg"); }
footer .socialmenue ul li.sm-ig a:hover { background-image: url("images/icons/social/ffffff/instagram-over.svg"); }
footer .socialmenue ul li.sm-yt a { background-image: url("images/icons/social/ffffff/youtube.svg"); }
footer .socialmenue ul li.sm-yt a:hover { background-image: url("images/icons/social/ffffff/youtube-over.svg"); }
footer .socialmenue ul li.sm-xi a { background-image: url("images/icons/social/ffffff/xing.svg"); }
footer .socialmenue ul li.sm-xi a:hover { background-image: url("images/icons/social/ffffff/xing-over.svg"); }
footer .socialmenue ul li.sm-li a { background-image: url("images/icons/social/ffffff/linkedin.svg"); }
footer .socialmenue ul li.sm-li a:hover { background-image: url("images/icons/social/ffffff/linkedin-over.svg"); }

#header-infos { width: 200px; margin: 0 auto 40px; color: #4d4d4d; }
#header-infos a { display: block; width: 200px; text-decoration: none; color: #4d4d4d; margin-bottom: 10px; text-align: center; }
#header-infos a:hover {color: #4d4d4d; }
#header-infos div { width: 200px; text-align: center; }
#logo { width: 100%; height: 53px; margin: 70px auto 40px;}
#logo a {
    display: block;
    width: 250px;
    height: 53px;
    background-image: url("images/logo.svg");
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0 auto;
}
#header-boxen { padding: 30px 3%; }
.box-slide {
    background-color: rgba( 246, 159, 16, 0.5);
    display: block;
    width: 100%;
    height: 150px;
    padding: 25px;
    text-decoration: none;
    margin-bottom: 20px;
}
.box-box {
    padding: 0px;
    width: 100%;
    height: 100px;
    background-color: rgba( 246, 159, 16, 0.8);
}
a.box-slide, a.box-slide .box-box { cursor: pointer; transition: all 0.2s ease; }
.box-box div {
    display: table;
    width: 100%;
    height: 100px;
    padding: 15px;
    line-height: 1.5;
    color: #fff;
    text-align: center;
    overflow: hidden;
}
.box-slide div p { display: table-cell; vertical-align: middle; }
a.box-slide:hover { padding: 0px; }
a.box-slide:hover .box-box { padding: 25px; height: 150px; }

div#menuebutton {
    display: block;
    background-color: #ccc;
    height: 30px;
    width: 100%;
    margin-top: 35px;
    z-index: 1000;
}
div#menuebutton a {
    display: block;
    width: 30px;
    height: 30px;
    background-size: cover;
    margin: 0 auto;
    z-index: 100;
    cursor: pointer;
}
div#menuebutton a.menue-anzeigen { background-image: url("images/icons/menue.svg"); }
div#menuebutton a.menue-verbergen { background-image: url("images/icons/menue-x.svg"); display: none; }

nav#hauptmenue {
    display: block;
    width: 100%;
    background-color: #fff;
    background-color: #ccc;
    height: auto;
}
nav#hauptmenue ul {
    display: block;
    width: 100%;
    max-height: 0;
    overflow: hidden;
}
nav#hauptmenue ul li a {
    display: block;
    width: 100%;
    padding: 5px 0;
    color: #4d4d4d;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
}
nav#hauptmenue ul li:first-of-type a { padding-top: 10px; }
nav#hauptmenue ul li:last-of-type a { padding-bottom: 20px; }
nav#hauptmenue ul li:hover a { color: #000; }
nav#hauptmenue ul li:visited a { color: #bcbcbc; }

html.no-js #menue:target div#menuebutton a.menue-anzeigen { display: none; }
html.no-js #menue:target div#menuebutton a.menue-verbergen { display: block; }

footer.websitefuss { margin-top: 110px; position: relative; }
footer.websitefuss a#button-top { 
    position: absolute;
    top: -80px;
    left: 50%;
    margin-left: -25px;
    background-image: url("images/icons/button-up.svg");
    background-size: contain;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    cursor: pointer;
    z-index: 500;
}
footer.websitefuss a#button-top:hover { background-image: url("images/icons/button-up-over.svg"); }
footer.websitefuss p { color: #fff; }
footer.websitefuss a {
    color: #fff;
    text-decoration: none;
}
footer.websitefuss #footerhell a:hover { color: #8c655a; }
footer.websitefuss #footerdunkel a:hover { color: #ad9189; }

footer.websitefuss #footerhell {
    width: 100%;
    padding: 40px 0;
    background-color: #ad9189;
}
footer.websitefuss #footerdunkel {
    width: 100%;
    padding: 10px 0;
    background-color: #8c655a;
}
footer.websitefuss #footermenue {margin: 10px 0 20px;}
footer.websitefuss #footermenue ul li { line-height: 25px;}
footer.websitefuss #footermenue ul li span { display: none; }
#foodklinner, #foohlinner { width: 94%; margin-left: 3%; margin-right: 3%; }

.content {
    color: #4d4d4d;
    line-height: 1.8;
    -webkit-hyphens: auto;
    hyphens: auto;
}
.content h1,
.content h2.cssh1,
.content h2.cssh1 a {
    font-size: 40px;
    font-size: 4.0rem;
    line-height: 1.3;
    margin-bottom: 30px;
    color: #d8006b;
}
.content h1.h1-o-c { margin-bottom: 45px; }
#suchergebnisse h2 a,
.content h2 {
    color: #5b2312;
    font-size: 22px;
    font-size: 2.2rem;
    margin-top: 20px;
    margin-bottom: 10px;
}
#suchergebnisse h2 a:hover { color: #f69f10; }
#suchergebnisse a.weiterlesen { display: block; margin-bottom: 40px; }
.content h2.cssh1, .content h2.cssh1 a { margin-top: 0; }
.content h3,
.content h2.cssh3 {
    font-size: 18px;
    font-size: 1.8rem;
    margin-top: 15px;
    margin-bottom: 8px;
    color: #4d4d4d;
}
.content p {
    margin-bottom: 10px;
}
.content p.fett,
.content strong {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    margin-top: 25px;
    margin-bottom: 12px;
}
.content a {
    text-decoration: none;
    color: #f69f10;
}
.content a:hover {
    color: #4d4d4d;
}
.content ul, ol {
    margin-bottom: 15px;
}
.content ul li {
    list-style-type: disc;
    list-style-position: outside;
    margin-left: 15px;
}
.content ol li {
    list-style-type: decimal;
    margin-left: 30px;
}
.content .hinweis-gelb { color: #f69f10; }
.bottom-60 { margin-bottom: 60px;}

.content ul.sitemap li { list-style-type: none; margin-left:0;}
.content ul.sitemap ul { margin-bottom: 8px; }
.content ul.sitemap ul { margin-left: 20px; }

/* ==================== > Startseite < ==================== */
section { padding: 70px 0; }
.youtube {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.banner-text { background-color: #ded3cf; margin: 80px 0 50px; }
.banner-text div { color: #4b4b4b;  padding: 5px 3% 10px; }
#aktuelles .button-archiv {
    display: block;
    background-color: transparent;
    color: #6e3d2f;
    text-transform: uppercase;
    text-align: center;
    border: 1px solid #6e3d2f;
    border-radius: 15px;
    padding: 10px 0;
    margin-top: 30px;
    transition: all 0.4s ease;
}
#aktuelles .button-archiv:hover {
    background-color: #6e3d2f;
    color: #f2f2f2;
}
a.button-gelb { 
    display: block;
    height: 45px;
    background-color: rgba( 246, 159, 16, 1);
    border: 1px solid rgba( 246, 159, 16, 1);
    padding: 10px 20px;
    text-transform: uppercase;
    color: #f7f7f7;
    transition: all 0.5s ease;
}
a.button-gelb:hover { background-color: #f7f7f7; color:  rgba( 246, 159, 16, 1); }
#das-sind-wir a.button-gelb { display: block; margin-top: 50px; }
#angebote-e1 a.button-gelb { margin-bottom: 30px; height:70px; }
a.button-mit-bild { display: block; margin-bottom: 30px; position: relative; }
.box-titel-gelb { position: absolute; width: 100%; height: 52px; bottom: 0; background-color: rgba( 246, 159, 16, 0.5); padding-top: 15px; transition: all 0.2s ease; }
.box-titel-gelb div { height: 37px; color: #fff; background-color: rgba( 246, 159, 16, 1); text-align: center; text-transform: uppercase; padding-top: 5px; transition: all 0.2s ease; }
a.button-mit-bild:hover .box-titel-gelb { padding-top: 0px; }
a.button-mit-bild:hover .box-titel-gelb div { height: 52px; /* padding-top: 20px; padding-bottom: nichts für nur Vergroesserung der Fläche */padding-top: 13px; padding-bottom: 10px;}
a.button-stellenangebot, a.button-aktuelles, a.button-termin {
    display: block;
    background-color: #fff;
    color: #4d4d4d;
    padding: 10px 15px;
    margin-bottom: 20px;
    transition: color 0.5s ease;
}
a.button-aktuelles:first-of-type { margin-top: 10px; }
a.button-stellenangebot:hover, a.button-aktuelles:hover, a.button-termin:hover {
    color: #6e3d2f;
    color: #f69f10;
}
#freie-plaetze table, caption, tr, td, tbody {
    display: block;
}
#freie-plaetze table,
.divtable {
    margin-bottom: 30px;
    width: 100%;
}
#freie-plaetze table:after,
.divtable {
    content: " ";
    display: table;
    clear: both;
}
#freie-plaetze tbody,
.divbody {
    width: 100%;
}
#freie-plaetze table caption { text-align: left; font-weight: bold; }
#freie-plaetze tr, .divrow { 
    width: 100%;
}
#freie-plaetze td, .divrow div {
    float: left;
    width: 100%;
    vertical-align: top;
    text-align: left;
    padding-top: 3px;
}
#freie-plaetze caption { padding-bottom: 10px; }
#freie-plaetze tr:first-of-type {  border-top: 1px solid #4d4d4d; }
#freie-plaetze td.fp-bez { padding-top: 8px; }
#freie-plaetze td.fp-frei, #freie-plaetze td.fp-gesamt, .divrow div:nth-of-type(2), .divrow div:nth-of-type(3) { width: 100%;  }
#freie-plaetze td.fp-gesamt, .divrow div:nth-of-type(3) { padding-bottom: 8px; border-bottom: 1px solid #4d4d4d; }
.divrow div:first-of-type { width: 100%; padding-top: 8px; }
#freie-plaetze #tabspaltbez { display: none; }

#kontakt h3, .teammem-kontakt h3 {
    background-color: #adadad;
    padding: 5px 10px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 5px;
    margin-top: 25px;
}
#kontakt h3:first-of-type { margin-top: 0; }
.teammem-kontakt h3 {margin-top: 0; }
#kontakt .kontakt-grau, .teammem-kontakt .kontakt-grau {
    display: block;
    background-color: #f2f2f2;
    padding-top: 10px;
    padding-bottom: 70px;
    margin-bottom: 10px;
    position: relative;
}
.teammem-kontakt .kontakt-grau { padding-bottom: 30px; }
#kontakt .kontakt-grau div { padding: 0 10px; }
#kontakt .kontakt-grau div.dopp span { display: block; width: 100%; }
#kontakt h4, p.like-h4 { font-weight: bold; margin-bottom: 15px; }
#kontakt p.m15 { margin-bottom: 15px; }
#kontakt a.button-gelb { position: absolute; bottom: 20px; left: 10px; width: 94%; }
.teammem-kontakt .kontakt-grau { padding-left: 10px; padding-right: 10px; }
.rund {
    border-radius: 50%;
    border: 1px solid #4a4a4a;
 /*   box-shadow: 0 0 2px rgba( 101,101,101, 1); */
    float: left;
    overflow: hidden;
}
.teammem-img .rund {
    width: 90px;
    height: 90px;
    margin: 0 1.96078431%;
}
.teammember { padding-bottom: 30px; margin-bottom: 50px; }
.icons-content { margin: 40px 0;}
.icons-content .g6l25 .rund {
    float: none; 
    margin: 0 auto 15px;
    width: 120px;
    height: 120px;
/*    width: 23.0769231%;
    width: 16.0769231%;
    height: auto;
    margin: 0 8.96078431% 40px 0; */
}
.icons-content .icon-text { text-align: center; }
.infobox {
    width: 100%;
    padding: 20px;
    background-color: #F4F5CC;
    margin: 30px 0;
}
.infobox h2 { margin-top: 0; color: #4a4a4a; }

.imgzoom { display: block; width: 100%; }
/*.cont-imgzoom { display: block; overflow: hidden; width: 150px; height: 100px; } */
.imgzoom img { width: 100%; transition: 0.5s all ease-in-out; }
.imgzoom:hover { transform: scale(1.02); }
#angebote-uebersicht-einzel a.button-gelb, #angebote-uebersicht-bereich a.button-gelb { margin-bottom: 20px; height:70px; }
#angebote-uebersicht-bereich a.button-gelb { width: 100%; }
.galerie-content { margin: 40px 0; }
.galerie-content img { width: 48.0769231%; margin: 0 1.96078431% 10px 0; float: left;}
.galerie-content img:nth-of-type(2n){ margin-right: 0; }

#angebote-einzel .youtube,
#angebote-einzel .slideshow,
#angebote-einzel #content-img { margin-bottom: 40px; }
#angebote-uebersicht-einzel .bottom-60 .youtube,
#angebote-uebersicht-einzel .bottom-60 .slideshow,
#angebote-uebersicht-einzel .bottom-60 #content-img { margin-bottom: 40px; }
#angebote-einzel .teammember { padding-bottom: 0;}
#aktuelles, #helfen, #stellenangebote { padding-bottom: 50px; }
#content-angebot { margin-bottom: 70px; }
#breadcrumb ul li { display: inline; list-style-type: none; margin-left: 0; }
#childpages ul li { list-style-type: none; margin-left: 0; line-height: 2.5; }
nav#breadcrumb span { color: #adadad; }
.einsacht { width: 100%; }

.helfen-einzel { position: relative; }
.helfen-einzel-txt { text-align: center; padding-bottom: 15px; }

table#bqa, #bqa tbody, #bqa tr, #bqa td { display: block; }
table#bqa { width: 100%; }
table#bqa:after { content: " "; display: table; clear: both; }
#bqa tbody { width: 100%; }
#bqa tr { width: 100%; }
#bqa td { float: left; width: 100%; min-height: 30px; vertical-align: top; text-align: left; }
#bqa tr, #bqa td { min-height: 30px; padding: 0; }
#bqa td:nth-of-type(1) { padding-top: 10px; }

span.webdesign { display: block; width: 100%; }

@media only screen and (min-width: 400px) {
    #logo { height: 64px; }
    #logo a { width: 300px; height: 64px; }
    #kontakt a.button-gelb { width: 230px; }
} /* Ende mediaqueries */

@media only screen and (min-width: 450px) {
    #logo { height: 75px; }
    #logo a { width: 350px; height: 75px;  margin-top: 10px; }
    #header-infos { width: 380px; }
    #header-infos a { display: block; width: 170px; margin-bottom: 0px; text-align: left; float: left; }
    #header-infos div { text-align: right; float: right; }
    span.webdesign { display: inline-block; width: 200px; }
} /* Ende mediaqueries */

@media only screen and (min-width: 500px) {
    #logo { height: 85px; }
    #logo a { width: 400px; height: 85px; }
    #freie-plaetze td.fp-frei, #freie-plaetze td.fp-gesamt, .divrow div:nth-of-type(2), .divrow div:nth-of-type(3) { width: 50%; padding-bottom: 8px; border-bottom: 1px solid #4d4d4d; }
} /* Ende mediaqueries */
@media only screen and (min-width: 560px) {
    .g6l25, .g6r25 { width: 33.3333333%; }
} /* Ende mediaqueries */

@media only screen and (min-width: 600px) {
    #logo { height: 90px; }
    #logo a { width: 425px; height: 90px; }
    a.button-stellenangebot span {display: block; width: 50%; float: left; }
    a.button-aktuelles div { float: left; width: 100%;}
    a.button-aktuelles div:nth-of-type(1) { width: 30%; }
    a.button-aktuelles div:nth-of-type(2) { width: 70%; }
    a.button-termin div { float: left; width: 100%;}
    a.button-termin div:nth-of-type(2) { width: 33.3333333%; padding-right: 5px; overflow: hidden; }
    a.button-termin div:nth-of-type(3) { width: 33.3333333%; padding-right: 5px; }
    a.button-termin div:nth-of-type(4) { width: 33.3333333%; }
    #angebote-uebersicht-bereich a.button-gelb { width: 49%; margin-right: 2%; }
    #angebote-uebersicht-bereich a.button-gelb:nth-of-type(2n) { margin-right: 0; }
} /* Ende mediaqueries */

@media only screen and (min-width: 650px) {
    .box-slide { width: 49.0196078%; float: left; }
    div.t2, a.t2 { margin-left: 3%; margin-left: 1.96078431%; }
    #kontakt-social .socialmenue ul li { width: 45px; height: 45px; margin-right: 60px; }
    #kontakt-social .socialmenue ul li a { width: 45px; height: 45px; }
    #kontakt-social .anzsoc1 { width: 45px; }
    #kontakt-social .anzsoc2 { width: 150px; }
    #kontakt-social .anzsoc3 { width: 255px; }
    #kontakt-social .anzsoc4 { width: 360px; }
    #kontakt-social .anzsoc5 { width: 465px; }
} /* Ende mediaqueries */

@media only screen and (min-width: 700px) {
    .wrapgrid {
        padding-left: 2.0384615%;
        padding-right: 2.0384615%;
    }
    .g1l, .g2l, .g3l, .g4l, .g5l, .g6l, .g7l, .g8l, .g9l, .g10l, .g11l, .g12l,
    .g1r, .g2r, .g3r, .g4r, .g5r, .g6r, .g7r, .g8r, .g9r, .g10r, .g11r, .g12r {
        margin-left: 0.9615385%;
        margin-right: 0.9615385%;
    }
    .g6beitrag { width: 48.0769231%; margin-left: 1.923077%; margin-top: 7px; }
    .g1l, .g2l, .g3l, .g4l, .g5l, .g6l, .g7l, .g8l, .g9l, .g10l, .g11l, .g12l,, .g6l33, .g6l50, .g6l66 { float: left; }
    .g1r, .g2r, .g3r, .g4r, .g5r, .g6r, .g7r, .g8r, .g9r, .g10r, .g11r, .g12r, .g6r33, .g6r50, .g6r66 { float: right; }
    
    .g1l,.g1r { width: 6.4102564%; }
    .g2l, .g2r { width: 14.7435897%; }
    .g3l, .g3r { width: 23.0769231%; }
    .g4l, .g4r, .g6l33, .g6r33 { width: 31.4102564%; }
    .g5l, .g5r { width: 39.7435897%; }
    .g6l, .g6r, .g6l50, .g6r50, #angebote .g4l, #angebote .g4r, #das-sind-wir .g4l, #das-sind-wir .g4r, #angebote-uebersicht-einzel .g3l, #angebote-uebersicht-einzel .g3r { width: 48.0769231%; }
    .g7l, .g7r { width: 56.4102564%; }
    .g8l, .g8r, .g6l66, .g6r66 { width: 64.7435897%; }
    .g9l, .g9r { width: 73.0769231%; }
    .g10l, .g10r { width: 81.4102564%; }
    .g11l, .g11r { width: 89.7435897%; }
    .g12l, .g12r, #helfen .g6l, #helfen .g6r, #das-sind-wir .g6l, #das-sind-wir .g6r, #angebote-uebersicht-einzel .g6l { width: 98.0392157%; }
    #angebote-uebersicht-bereich .g6l50, #angebote-uebersicht-bereich .g6r50 { width: 100%; }
/*    #angebote-einzel .youtube { margin-bottom: 0px; } */
    #angebote-einzel .infobox-top .infobox:first-of-type { margin-top: 0; }
    .galerie-content img { width: 98.0392157%; margin: 0 0 20px;}
    .g6l25, .g6r25 { width: 50%; }
    #angebote-uebersicht-bereich a.button-gelb { width: 100%; margin-right: 0; }
    #content-angebot { margin-bottom: 50px; }
    .helfen-einzel-img { width: 50%; }
    .helfen-einzel-txt { 
        width: 50%;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        margin-left: 50%;
        padding-left: 15px;
        text-align: left;
    }
} /* Ende mediaqueries */

@media only screen and (min-width: 800px) {
    #freie-plaetze table, .divtable { display: table; width: 100%; }
    #freie-plaetze tbody, .divbody { display: table-row-group; width: 100%; }
    #freie-plaetze tr, .divrow {
        display: table-row; 
        width: 100%;
    }
    #freie-plaetze table td, .divrow div {
        display: table-cell;
        float: none;
    }
    #freie-plaetze td.fp-bez { border-bottom: 1px solid #4d4d4d; }
    #freie-plaetze table td span, .divbody div span { display: none; }
    #freie-plaetze td.fp-bez, #freie-plaetze td.fp-frei, #freie-plaetze td.fp-gesamt { padding-top: 5px;  vertical-align: middle; }
    #freie-plaetze td.fp-bez { width: 70%; }
    #freie-plaetze td.fp-frei, #freie-plaetze td.fp-gesamt { width: 15%; text-align: right; }
    #freie-plaetze #tabspaltbez div { width: 15%; text-align: right; float: right; }
    .divrow div:first-of-type { width: 70%; border-bottom: 1px solid #4d4d4d; }
    .divrow div:nth-of-type(2), .divrow div:nth-of-type(3) { width: 15%; text-align: right; padding-top: 5px; vertical-align: bottom; }
    #freie-plaetze #tabspaltbez { display: block; }
} /* Ende mediaqueries */

@media only screen and (min-width: 850px) {    
    .zwsp { column-count: 2; column-gap: 1.96078431%; }
    .einsacht { width: 66.666666% }
} /* Ende mediaqueries */

@media only screen and (min-width: 900px) {
    #header-inner { position: relative; width: 100%; height: 200px; padding-top: 0;}
    #logo { float: left; width: auto; margin-left: 3%; margin-top: 40px; }
    #suche-social {
        display: block;
        position: absolute;
        top: 40px;
        right: 2.5%; 
        width: auto;
    }
    form#suche {
        position: relative;
        float: right;
        top: 0;
        right: 0;
    }
    header .socialmenue {
        float: right;
        display: block;
        width: auto;
    }
    header .socialmenue { margin-left: 25px; }
    #header-infos { width: 200px; float: right; margin-top: 90px; margin-right: 3%; }
    #header-infos a { margin-bottom: 10px; text-align: right; float: right; }
    div#menuebutton { margin-top: 170px; }
    #angebote .g4l, #angebote .g4r, #das-sind-wir .g4l, #das-sind-wir .g4r { width: 31.4102564%; }
    a.button-stellenangebot span:nth-of-type(1) { width: 42%; padding-right: 5px; }
    a.button-stellenangebot span:nth-of-type(2) { width: 23%; padding-right: 5px; }
    a.button-stellenangebot span:nth-of-type(3) { width: 20%; padding-right: 5px; }
    a.button-stellenangebot span:nth-of-type(4) { width: 15%; }
    #angebote-uebersicht-einzel .g3l, #angebote-uebersicht-einzel .g3r { width: 31.4102564%; }
    #angebote-uebersicht-einzel .g6l, #angebote-uebersicht-einzel .g6r { width: 48.0769231%; }
    .teammem-img .rund { float: right; }
    #kontakt .kontakt-grau { padding-bottom: 10px; }
    #kontakt .kontakt-grau div { width: 33.3333333%; float: left; }
    #kontakt .kontakt-grau div.dopp { width: 66.6666666%; }
    #kontakt .kontakt-grau div:first-of-type { padding-bottom: 70px; }
/*    #kontakt .kontakt-grau div:first-of-type p { margin-bottom: 50px; } */
    #kontakt-social .socialmenue ul li { width: 55px; height: 55px; margin-right: 80px; }
    #kontakt-social .socialmenue ul li a { width: 55px; height: 55px; }
    #kontakt-social .anzsoc1 { width: 55px; }
    #kontakt-social .anzsoc2 { width: 190px; }
    #kontakt-social .anzsoc3 { width: 325px; }
    #kontakt-social .anzsoc4 { width: 460px; }
    #kontakt-social .anzsoc5 { width: 595px; }
    #footerinfo { width: 60%; float: left; }
    footer .socialmenue { width: auto; float: right; margin-top: 0; }
    footer .socialmenue ul { width: auto; }
    footer .socialmenue ul li { margin-right: 0; margin-left: 25px; }
    footer.websitefuss #footermenue { float: left; margin: 0;}
    footer.websitefuss #footermenue ul { width: auto; }
    footer.websitefuss #footermenue ul li { float: left; line-height: 1.5; }
    footer.websitefuss #footermenue ul li span { display: inline-block; }
    footer.websitefuss #footermenue ul li:last-of-type span { display: none; }
    footer.websitefuss #footermenue ul li a { padding: 0 8px;}
    footer.websitefuss #footermenue ul li:first-of-type a { padding-left: 0;}
    footer.websitefuss #copyright { width: auto; float: right; }
} /* Ende mediaqueries */

@media only screen and (min-width: 1000px) {
    .g6r, #das-sind-wir .g6l, #das-sind-wir .g6r { width: 48.0769231%; }
    .galerie-content img { width: 48.0769231%; margin: 0 1.96078431% 10px 0; float: left;}
    .galerie-content img:nth-of-type(2n){ margin-right: 0; }
    .g6l25, .g6r25 { width: 33.33333333%; }
    
    table#bqa { display: table; width: 100%; }
    #bqa tbody{ display: table-row-group; width: 100%; }
    #bqa tr { display: table-row; width: 100%; }
    #bqa td { display: table-cell; float: none; }
    #bqa td:nth-of-type(1), #bqa td:nth-of-type(2) { width: 37%; }
    #bqa td:nth-of-type(3) { width: 26%; }
    #bqa td:nth-of-type(1) { padding-top: 0; }
} /* Ende mediaqueries */

@media only screen and (min-width: 1050px) {
    .box-slide { width: 23.5294118%; height: 180px; }
    .box-slide .box-box { height: 130px; }
    .box-slide .box-box div { height: 130px; }
    a.box-slide:hover .box-box { height: 180px; }
    div.t2, a.t2 { margin-left: 0; }
    div.t3, a.t3 { margin-left: 1.96078431%; }
    #header-boxen { position: absolute; width: 100%; bottom: 0; z-index: 999999; }
    #helfen .g6l, #helfen .g6r { width: 48.0769231%; }
} /* Ende mediaqueries */

@media only screen and (min-width: 1100px) {
    header.websitekopf { position: fixed; z-index: 99999999; }
    #header-inner { height: 180px; }
    #cplh { height: 270px; }
    .page-home #cplh { height: 220px; }
    div#menuebutton { display: none; }
    nav#hauptmenue { height: 40px; padding: 0 3%; overflow: auto; }
    nav#hauptmenue ul { height: 40px; max-height: 40px; padding-top: 0; margin-top: 0;}
    nav#hauptmenue ul li { float: left; width: auto; height: 40px; padding: 0 12px; }
    nav#hauptmenue ul li:first-of-type { padding-left: 0; }
    nav#hauptmenue ul li a { padding: 9px 0 9px; width: auto; }
    nav#hauptmenue ul li a:first-of-type { padding-top: 9px; padding-left: 0; }
    nav#hauptmenue ul li a:last-of-type { padding-bottom: 9px; }
    a.button-aktuelles div:nth-of-type(1) { width: 13%; }
    a.button-aktuelles div:nth-of-type(2) { width: 37%; }
    a.button-aktuelles div:nth-of-type(3) { width: 50%; }
    a.button-aktuelles div:nth-of-type(4) { width: 50%; margin-left: 50%; }
    a.button-termin div:nth-of-type(1) { width: 25%; }
    a.button-termin div:nth-of-type(2) { width: 25%; }
    a.button-termin div:nth-of-type(3) { width: 25%; }
    a.button-termin div:nth-of-type(4) { width: 25%; }
} /* Ende mediaqueries */

@media only screen and (min-width: 1200px) {
    .galerie-content img { width: 31.4102564%; margin-bottom: 15px;}
    .galerie-content img:nth-of-type(2n){ margin-right: 1.96078431%; }
    .galerie-content img:nth-of-type(3n){ margin-right: 0; }
    #angebote-uebersicht-bereich a.button-gelb { width: 49%; margin-right: 2%; }
} /* Ende mediaqueries */

@media only screen and (min-width: 1400px) {
    .g6l25, .g6r25 { width: 25%; }
} /* Ende mediaqueries */

@media only screen and (min-width: 1600px) {
    .wrapper, #header-inner, nav#hauptmenue ul, #foodklinner, #foohlinner {
        width: 1530px;
        margin: 0 auto;
        padding-left: 0;
        padding-right: 0;
    }
    .wrapgrid {
        width: 1560px;
        padding-left: 0;
        padding-right: 0;
        margin: 0 auto;
    }
    .g1l, .g2l, .g3l, .g4l, .g5l, .g6l, .g7l, .g8l, .g9l, .g10l, .g11l, .g12l,
    .g1r, .g2r, .g3r, .g4r, .g5r, .g6r, .g7r, .g8r, .g9r, .g10r, .g11r, .g12r {
        margin-left: 15px;
        margin-right: 15px;
    }
    .g1l,.g1r { width: 100px; }
    .g2l, .g2r { width: 230px; }
    .g3l, .g3r, #angebote-uebersicht-einzel .g3l, #angebote-uebersicht-einzel .g3r { width: 360px; }
    .g4l, .g4r, #angebote .g4l, #angebote .g4r, #das-sind-wir .g4l, #das-sind-wir .g4r { width: 490px; }
    .g5l, .g5r { width: 620px; }
    .g6l, .g6r, #helfen .g6l, #helfen .g6r, #das-sind-wir .g6l, #das-sind-wir .g6r, .g6r, #das-sind-wir .g6l, #das-sind-wir .g6r #angebote-uebersicht-einzel .g6l, #angebote-uebersicht-einzel .g6r { width: 750px; }
    .g7l, .g7r { width: 880px; }
    .g8l, .g8r { width: 1010px; }
    .g9l, .g9r { width: 1140px; }
    .g10l, .g10r { width: 1270px; }
    .g11l, .g11r { width: 1400px; }
    .g12l, .g12r { width: 1530px; }
    
    .g6beitrag { width: 750px; margin-left: 30px; }

    #suche-social { right: 0; }
    #logo { margin-left: 0;}
    #header-infos { margin-right: 0; }
    header nav.socialmenue { right: 0; }
    nav#hauptmenue { padding: 0; }
    #header-boxen { width: 1530px; margin-left: -765px; left: 50%; padding-left: 0; padding-right: 0;  }
    .banner-text div { padding-left: 0; padding-right: 0; width: 1530px; margin: 0 auto;}
    .zwsp { column-gap: 30px; }
    #angebote-uebersicht-einzel a.button-gelb { margin-bottom: 30px; height:70px; }
    #kontakt .kontakt-grau div.dopp span { display: inline-block; width: 100%; }
    #kontakt .kontakt-grau div.dopp span.kon-name { width: 32%; }
    #kontakt .kontakt-grau div.dopp span.kon-tel { width: 22%; }
    #kontakt .kontakt-grau div.dopp span.kon-email { width: 44%; }
} /* Ende mediaqueries */