html{margin:0; padding:0;}
body{margin:0; padding:0; font:15px arial,verdana, sans-serif; color:#5f5f5f;}
div, p, h1, h2, h3, h4, b, span, img{margin:0; padding:0; position:relative;}
a{color:#ac262c; text-decoration:underline;}
a:hover{text-decoration:none;}
form{}
input{padding:0; margin:0; border:1px solid #a7a9ac; color:#a7a9ac; font:12px arial,verdana, sans-serif; background-color:#fff;}
textarea{padding:0; margin:0; border:1px solid #a7a9ac; color:#a7a9ac; font:12px arial,verdana, sans-serif; background-color:#fff;}
table td{vertical-align:top;}
hr{height:1px; border:0; width:100%; background-color:#a7a9ac}
object,embed {padding:0;margin:0;}
#flashcontent {background-color:#fafafa; margin:0px; padding:0px; width:820px;}
a img{border:0;}


/*Content*/
body{background:url(../img/bg.gif) repeat;}
    .Container .bg_left{margin:0em auto; width:740px; min-height:920px;background:url(../img/bg_repeat_left.png) repeat-y left;}
    .Container .bg_right{margin:0em auto; width:740px; min-height:920px;background:url(../img/bg_repeat_right.png) repeat-y right;}
        .Container .bg{margin:0em auto; width:726px; min-height:920px;background-color:#fff;}

        .Container .Navi{top:100px;clear:both;height:25px;width: 687px;}
        .Container .lastnavi{margin:0px !important;}
        .Container .lastnavi.contact_de{width:72px !important; }
        .Container .lastnavi.contact_en{width:50px !important; }
            .Container .Navi a{color: #7A7B7D;display: block;float: left;font-size: 11px;font-weight: bold;margin-right: 3px;overflow: hidden;padding: 5px 14px;text-align: center;text-decoration: none;text-transform: uppercase;width: auto;}
            .Container .Navi a.active{color:#fff; background:url(../img/bg.gif) repeat;}
            .Container .Navi a:hover{color:#fff; background:url(../img/bg.gif) repeat;text-decoration:underline}
            .Container .Navi a.active span{background-position:top left;}
            .Container .Navi a span:hover{background-position:top left;}

						.Container #NaviSubTeam{background:url("../img/bg.gif") repeat scroll 0 0 transparent;left:151px;padding:5px 15px 18px;position:absolute;top:124px;width:auto;z-index:1000;}
						.Container #NaviSubEssays{background:url("../img/bg.gif") repeat scroll 0 0 transparent;left:64px;padding:5px 15px 18px;position:absolute;top:122px;width:auto;z-index:1000;}/*left:309px*/
						.Container #NaviSubBuch{background:url("../img/bg.gif") repeat scroll 0 0 transparent;left:139px;padding:5px 15px 18px;position:absolute;top:122px;width:auto;z-index:1000;}/*left:309px*/
            .Container.en #NaviSubTeam{background:url("../img/bg.gif") repeat scroll 0 0 transparent;left:151px;padding:5px 15px 18px;position:absolute;top:124px;width:auto;z-index:1000;}
            .Container.en #NaviSubEssays{background:url("../img/bg.gif") repeat scroll 0 0 transparent;left:64px;padding:5px 15px 18px;position:absolute;top:122px;width:auto;z-index:1000;}/*left:309px*/
.Container.en #NaviSubBuch{background:url("../img/bg.gif") repeat scroll 0 0 transparent;left:138px;padding:5px 15px 18px;position:absolute;top:122px;width:auto;z-index:1000;}/*left:309px*/
                .Container .subnavi  ul{margin:0; padding:0; list-style:none}
                .Container .subnavi ul li{margin-left:0;margin-top:10px;}
                .Container .subnavi ul li a{color:#fff; font-weight:bold; text-decoration:none; font-size:12px;}
                .Container .subnavi ul li a:hover{text-decoration:underline}

        .Container .wrap{width:688px; margin:0em auto;overflow:hidden;}

        .Container .LanguageSmall{color:#FFFFFF;height:10px;padding:5px 5px 10px;position:absolute;left:0px;top:0;width:44px;background:url(../img/bg.gif) repeat;}
        .Container .LanguageBig{color:#FFFFFF;height:10px;padding:5px 5px 10px;position:absolute;left:0px;top:0;width:108px;background:url(../img/bg.gif) repeat;}

            .Container .Language a{font-size:10px; color:#fff; text-transform:uppercase; text-decoration:none}
            .Container .Language a.active{font-weight:bold;}
            .Container .Language a:hover{font-weight:bold;}

        .Container .Logo{position:absolute;right:0;top:13px;width:260px;}
        .Container .Content{display:inline-block;} /*top:99px;*/
        .Container .Content #Breadcrumb{background:url("../img/bg.gif") repeat scroll 0 0 transparent;color:#FFFFFF;font-size:8px;height:14px;padding:2px 4px;position:absolute;top:252px;z-index:1000;}
            .Container .Content #Breadcrumb a{bottom:10px; color:#fff; font-size:8px;text-transform:uppercase; margin-right:2px;text-decoration:none}
                .Container .Content #Breadcrumb a:hover{text-decoration:underline;text-decoration:underline}

            .Container .Content .print{display:none}
            .Container .small{font-size:10px}

            .Container .Content .Header{width:646px;background-color:#FFFFFF;border:1px solid #083871;display:block;height:220px;padding:30px 20px 0; margin-bottom:50px}
            .Container .Content .Header.header2{padding:0;width:686px;height:250px;}
                .Container .Content .Header h1{color:#083871;font-size:50px}
                .Container .Content .Header h2{color:#7a7b7d;font-size:23px; font-style:italic}
            .Container .Content .Main{clear:both;margin-bottom:282px;display:inline-block}
            .Container .Content .MainBig{clear:both;display:inline-block}
            .Container .Content .MainBig .event{margin-right:21px;margin-bottom:21px;float:left; width:120px; text-align:center;}
            .Container .Content .MainBig .event img{border:1px solid #fff;}
            .Container .Content .MainBig .event img:hover{border:1px solid #083871;}
            .Container .Content .MainBig .event.last{margin-right:0px;}

            .Container .Content .image{padding:20px;background:url("../img/bg.gif") repeat scroll 0 0 transparent;margin-bottom:10px}
                .Container .Content .image img{width:646px}

                .Container .liimg{list-style: none;margin:0 !important; padding:0!important}
                .Container .liimg.kundenliste li{float: left;height: 150px;width: 201px; margin-right: 42px;}
                .Container .liimg.kundenliste li.last{margin-right: 0px;}
                .Container .liimg.referenzen li{clear:both; height:140px; }
                .Container .liimg.kundenliste li a{float:left; display:block; width:auto}
                .Container .liimg li.small{clear:both; height:15px; width:192px; background:#083871; color:#fff; padding:5px; display:block; }
                .Container .liimg li.small a{color:#fff;}
                .Container .liimg li.small a:hover{color:#fff;}
                .Container .liimg li .logos{float:left; margin-right:10px; width:200px; border:1px solid #083871}
                .Container .liimg li a{float:left; display:block; width:465px}

                


            .Container .presseicon{display:block;margin-top:32px;text-decoration:none;}
            .Container .presseicon img{width:100px}
            .Container .presseicon span{text-decoration:underline;font-size:12px;}
            .Container .presseicon span:hover{text-decoration:none;}

            .Container .Content .row{display:inline-block; margin-bottom:10px;}
            .Container  .box .a{bottom:10px; position:absolute; color:#fff; background:url(../img/bg.gif) repeat; text-align:center; text-transform:uppercase; font-weight:bold; font-size:12px; padding:2px 5px; text-decoration:none; display:block; overflow:hidden; width:187px;}
            .Container  .box .a:hover{font-weight:bold;text-decoration:underline}
            .Container  .box{border:1px solid #083871; padding:10px; margin-right:10px; width:200px; float:left; height:265px;}
            .Container  .box.last{margin-right:0}
            .Container  .box .image{height:122px;overflow:hidden; background:none;padding:0;margin:0 0 10px 0;}
            .Container  .box .image img{margin-bottom:10px;background-color:#7A7B7D;width:200px; display:block;}
            .Container  .box .image img:hover{}
            .Container  .box h3{margin-bottom:10px;color:#083871}
            .Container  .box p{margin-bottom:10px}



                .Container .Content{color:#083871;margin-bottom:15px; font-size: 14px; }
                .Container .Content h1{margin-bottom:15px; font-size: 16px; }
                .Container .Content .MainRow{color:#083871;margin-bottom:20px; border-bottom: 1px dotted #083871; display: inline-block; padding-bottom:20px}
                .Container .Content .MainRow ul li{font-weight:normal}
                .Container .Content .MainRow p{}



                .Container .Content ul{margin-top:0;padding-left:10px;margin-left:10px}
                .Container .Content ul li{font-size:14px; font-weight:bold; color:#083871;margin-bottom:10px;}
                .Container .Content ul li a{font-size:14px; font-weight:bold; color:#083871; text-decoration:underline}
                .Container .Content ul li a:hover{color:#AC262C;}

                .Container .Content .MainLeft{float:left;margin-right:12px;width:338px;}
                    .Container .Content .MainLeft ul li{font-weight:normal}
										.Container .Content .MainLeft a{text-decoration:none; color:#083871}
                    .Container .Content .MainLeft a:hover{text-decoration:underline}
                .Container .Content .MainRight{width:337px;float:left;}
                    .Container .Content .MainRight .image{width:333px;float:left;padding:2px}
                        .Container .Content .MainRight .image img{width:333px;}
                
        .Container .Footer{background:url("../img/bg.gif") repeat scroll 0 0 transparent;bottom:0;clear:both;color:#FFFFFF;height:120px;padding-top:20px;position:absolute;text-align:center;width:726px;}
        .Container .Footer a{color:#fff;text-decoration:none;}
        .Container .Footer a:hover{text-decoration:underline;}
            .Container .Footer h4{font-weight:bold; font-size:14px;}
            .Container .Footer p{}

            .Container .FooterLeft{width:363px; float:left; }
            .Container .FooterRight{width:363px; float:left;}


        /*Content*/

#coda-nav-1{display:none;margin:0;padding:0;}
#coda-nav-left-1{position:absolute;display:none}
#coda-nav-right-1{position:absolute;display:none}
.Header .coda-slider-wrapper{padding:0}
.Header #coda-slider-2{padding:0;margin:0;width:686px;height:250px;displaY:block;}
.Header #coda-slider-2 .panel{width:686px;height:250px;background:#ccc}
.Header .coda-slider{padding:0;margin:0;}
.coda-slider .panel-wrapper{padding:0;}
.coda-slider .panel-wrapper img{width:686px}


        /*Statements*/

#subStatements p {margin: 15px 0;}
#subStatements blockquote {margin: 15px 0;font-style:italic;font-weight:bold;background-color:#083871;color:#FFF;padding:10px;text-align:center;width:470px;}

				/* Homepage */

h3.homepage { font-size: 1.13em; }


	/* Rezensionen */
#subStatements .rezensionen div {
	margin: 15px 0;
	font-style: normal;
	font-weight: normal;
	background-color:#083871;
	color:#FFF;
	padding: 15px;
	text-align: left;
}
#subStatements .rezensionen blockquote {
	margin: 0;
	font-style: normal;
	font-weight: normal;
	background: none;
	padding: 0;
	text-align: left;
	width: auto;
}
#subStatements .rezensionen blockquote h3 {
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 10px 0;
}
#subStatements .rezensionen blockquote p {
	margin: 10px 0 0 0;
}
#subStatements .rezensionen p.cite {
	text-align: right;
	margin: 10px 0 0 0;
}

/* Einkaufbuttons */
.kaufbuttonliste {
    list-style-type: none;
    margin: 10px 0 !important;
    padding: 0 !important;
}
.kaufbuttonliste-grid {
    width: 90%;
    margin: 10px auto !important;
}
.kaufbuttonliste-grid:after {
    content: "";
    display: table;
    clear: both;
}
.kaufbuttonliste-grid li {
    width: 50%;
    float: left;
}
.kaufbuttonliste-grid .kaufbutton {
    width: 85%;
}
.kaufbutton {
    margin-top: 5px;
    margin-bottom: 5px;
    color: #333 !important;
    background-color: #e7a74b;
    border-color: #dfa148;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    text-decoration: none !important;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.kaufbutton:hover {
    color: #333 !important;
    background-color: #ec971f;
    border-color: #d58512;
}

/* Links */
.links_styled a {
    text-decoration: underline !important;
}

/* Liste 2spaltig */
ul.zweispaltig {
    columns: 2; /* Erstellt 2 Spalten */
    -webkit-columns: 2; /* Für Safari und ältere Chrome-Versionen */
    -moz-columns: 2; /* Für Firefox */
    padding: 0; /* Entfernt den Standard-Abstand */
    column-gap: 20px; /* Setzt den Abstand zwischen den Spalten */
}

/* DSGVO */
#dsgvo-popup {
    position: absolute;
    z-index: 9999;
    top: 300px;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 15px;
}
.dsgvo-content {
    max-width: 600px;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 15px;
    background-color: white;
    color: #282828;
    border: 2px solid #083871;
    border-radius: 4px;
    font-size: 14px;
    box-shadow: 0 4px 8px 0 rgba(255, 255, 255, .3), 0 6px 20px 0 rgba(255, 255, 255, .3);
}
.dsgvo-content a {
    color: #083871;
    text-decoration: none;
}
.dsgvo-popup-close {
    margin-top: -41px;
    text-align: right;
}
.dsgvo-popup-close a {
    display: inline-block;
    border-color: #083871;
    border-width: 2px 2px 0 2px;
    border-style: solid;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding: 4px 8px;
    background-color: white;
    text-decoration: none;
    color: #282828;
}
.dsgvo-popup-headline {
    font-size: 24px;
    margin: 20px 0;
    text-align: center;
}
.dsgvo-popup-global-allow-deny {
    text-align: center;
}
a.dsgvo-popup-global-allow, a.dsgvo-popup-global-deny {
    display: inline-block;
    margin: 10px;
    padding: 15px;
    border: 1px solid transparent;
    border-radius: 4px;
    text-decoration: none;
}
/* Die Buttons müssen gleich aussehen. DSGVO Vorgabe: */
.dsgvo-popup-global-allow-deny svg {
    display: none;
}
a.dsgvo-popup-global-allow {
    /*
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    font-size: 18px;
    */
    color: #083871;
    background-color: #C6DEFB;
    border-color: #083871;
    font-weight: bold;
}
a.dsgvo-popup-global-allow:hover, a.dsgvo-popup-global-allow:active, a.dsgvo-popup-global-allow:focus {
    /*
    color: #3c763d;
    background-color: #bdf0a8;
    border-color: #bde998;
    */
    background-color: #B3D3FA;
}
a.dsgvo-popup-global-deny {
    /*
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    */
    color: #083871;
    background-color: #C6DEFB;
    border-color: #083871;
    font-weight: bold;
}
a.dsgvo-popup-global-deny:hover, a.dsgvo-popup-global-deny:active, a.dsgvo-popup-global-deny:focus {
    /*
    color: #a94442;
    background-color: #f2afaf;
    border-color: #eb9fab;
    */
    background-color: #B3D3FA;
}
.section-box {
    box-sizing: border-box;
    background-color: gainsboro;
    margin: 20px 0;
    padding: 10px;
}
.section-headline {
    font-size: 18px;
    margin: 0 0 10px 0;
}
.section-body .fa-toggle-on {
    color: #3c763d;
}
.section-body .fa-toggle-off {
    color: #a94442;
}
#dsgvo-toggle-ga, #dsgvo-toggle-yt {
    font-size: 110%;
    font-weight: bold;
    margin: 4px 0 20px 0;
    padding: 4px 0;
    cursor: pointer;
}
#dsgvo-toggle-ga-cookies, #dsgvo-toggle-yt-cookies {
    font-weight: bold;
    margin: 4px 0;
    padding: 4px 0;
    cursor: pointer;
}
.dsgvo-popup-final-p {
    text-align: center;
}
#dsgvo-button {
    position: absolute;
    top: 5px;
    right: 5px;
    padding: 5px 10px;
    border: 2px solid white;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    background-color: #083871;
}
#dsgvo-button h2, #dsgvo-button p {
    margin: 0;
    padding: 0;
    color: white;
}
#dsgvo-button h2 {
    font-size: 14px;
    line-height: 1.8;
}
#dsgvo-button p {
    font-size: 14px;
    line-height: 1.6;
}

.dsgvo_youtube {
    margin: 12px 0;
    cursor: pointer;
}
.dsgvo_youtube_text {
    margin: -6px 0 36px 0;
}
.dsgvo_youtube_text > span {
    font-weight: bold;
}
.section-body table {
    width: 100%;
    margin-top: 4px;
    border-collapse: collapse;
}
.section-body th, .section-body td {
    border: 1px solid #999;
    padding: 2px;
    background-color: #f3f3f3;
}
.section-body th {
    background-color: #e4e4e4;
}
.section-body td:nth-child(1), .section-body td:nth-child(3) {
    white-space: nowrap;
}

/* Seiten Impressum & Datenschutz */
.datenschutz-text h2 {
    font-size: 14px;
    margin: 30px 0 15px 0;
}
.datenschutz-text p {
    margin: 15px 0;
}
.datenschutz-text a {
    color: #083871 !important;
    font-weight: normal !important;
}
.datenschutz-text ul {
    margin: 15px 0;
}
.datenschutz-text li {
    font-weight: normal !important;
}

/* neue Hauptnavigation 2021 */
ul.Navi, ul.Subnavi {
    margin: 0;
    padding: 0;
    list-style-type: none;
    line-height: 20px;
}
ul.Navi a.forceStateHover {
    color: #fff;
    background: url(../img/bg.gif) repeat;
    text-decoration: underline;
}
ul.Subnavi a {
    color: white !important;
    text-align: left !important;
}
ul.Navi {
    margin-top: 100px;
    margin-bottom: 10px;
}
ul.Navi li {
    position: relative;
    line-height: 20px;
}
div.SubnaviContainer {
    position: absolute;
    top: 30px;
    left: 0;
    z-index: 1100;
    display: none;
    width: 100%;
    padding: 10px 0;
    background:url(../img/bg.gif) repeat;
}
ul.SubnaviMouseover {
    display: flex;
    flex-direction: column;
}
ul.SubnaviMouseover.flex-2cols {
    flex-flow: row wrap;
}
ul.SubnaviMouseover.flex-2cols li {
    width: 50%;
}

/* Home */
h2.home {
    text-align: center;
    margin-bottom: 20px;
}
.home-kaufbuttonliste + h2.home {
    margin-top: 75px;
}
.home-flex-container {
    display: flex;
    flex-direction: row;
}
.home-container-image img {
    margin-left: 10px;
    margin-right: 25px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.home-kaufbuttonliste.kaufbuttonliste-grid {
    width: 100%;
    margin-left: 10px !important;
}